@charset "UTF-8";
body {
    width: 100vw;
    height: 100dvh;
    position: relative;
    font-feature-settings: "palt";
}
.text-link {
	color: #FFFFFF;
}
.backimage {
	background-image: url(../images/back_sphone.jpg);
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	position: fixed;
	top: 10px;
	left: 10px;
}
.back-color {
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	position: fixed;
	background-color: hsla(220,40%,53%,1.00);
	mix-blend-mode: multiply;
	top: 10px;
	left: 10px;
}
.header-color {
	width: calc(100% - 20px);
	height: 90px;
	position: fixed;
	background-color: #4EB3D1;
	mix-blend-mode: multiply;
	top: 10px;
	left: 10px;
}
.header-line {
	width: calc(100% - 20px);
	height: 2px;
	position: fixed;
	background-color: #FFFFFF;
	top: 100px;
	left: 10px;
}
.header-mask {
	width: calc(100% - 20px);
	height: 10px;
	position: fixed;
	background-color: #FFFFFF;
	top: 0px;
	left: 10px;
}
.footer-line {
	width: calc(100% - 20px);
	height: 2px;
	position: fixed;
	background-color: #FFFFFF;
	bottom: 35px;
	left: 10px;
}
.footer-mask {
	width: calc(100% - 20px);
	height: 10px;
	position: fixed;
	background-color: #FFFFFF;
	bottom: 0px;
	left: 10px;
}
.header-logo {
	width: auto;
	height: 60px;
	position: fixed;
	left: 30px;
	top: 25px;
}
.copyright {
	font-family: 'Oswald', sans-serif;
	font-size: 10px;
	line-height: 10px;
	position: fixed;
	bottom: 19px;
	color: #FFFFFF;
	width: 100%;
	text-align: center;
	font-weight: 400;
	font-variant: normal;
	letter-spacing: 0.05rem;
}
.footer-color {
	width: calc(100% - 20px);
	height: 25px;
	position: fixed;
	background-color: #4EB3D1;
	mix-blend-mode: multiply;
	bottom: 10px;
	left: 10px;
}
.top-page {
	height: 100vh;
	width: 100vw;
	display: flex;
	justify-content : center;
	align-items: center
}
.toppage-item {
    z-index: 99;
    margin-top: 30px;
}
.toppage-logo {
	width: 275px;
	height: 137.5px;
    position: relative;	
}
.parts-logo {
	width: 275px;
    position: absolute;
}
.official-website {
	color: #FFFFFF;
	font-family: 'Fredericka the Great', cursive;
	width: 100%;
	text-align: center;
	font-size: 16px;
	letter-spacing: 0.25em;
	margin-top: 10px;
}
.middle-page {
	width: calc(100% - 70px);
	padding-top: 60px;
	padding-bottom: 60px;
	position: relative;
	display: flex;
	border-top: 2px dotted #FFFFFF;
	margin-left: auto;
	margin-right: auto;
}
.single-page {
	width: calc(100% - 70px);
	padding-top: 60px;
	padding-bottom: 60px;
	position: relative;
	display: flex;
	border-top: 2px dotted #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px;
	margin-top: 70px;
}
.single-page02 {
	display: flex;
	width: 100%;
	height: 100%;
	position: fixed;
}
.single-page03 {
    width: calc(100% - 70px);
    padding-bottom: 60px;
	padding-top: 140px;
    position: relative;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
}
.last-page {
	width: calc(100% - 70px);
	padding-top: 20px;
	padding-bottom: 50px;
	position: relative;
	display: flex;
	border-top: 2px dotted #FFFFFF;
	margin-left: auto;
	margin-right: auto;
}
.page-title {
	color: #FFFFFF;
	font-family: 'Fredericka the Great', cursive;
	font-size: 34px;
	line-height: 34px;
	letter-spacing: 0.075em;
	text-align: center;
}
.years {
	color: #FFFFFF;
	font-family: 'Fredericka the Great', cursive;
	font-size: 24px;
	line-height: 24px;
	letter-spacing: 0.15em;
	text-align: center;
	margin-top: 15px;
}
.bodycopy01 {
	width: 305px;
	color: #FFFFFF;
	text-align: justify;
	font-size: 14px;
	line-height: 30px;
	font-weight: 300;
}
.bodycopy01-center {
	width: 100%;
	color: #FFFFFF;
	text-align: center;
	font-size: 14px;
	line-height: 30px;
	font-weight: 300;
}
.bodycopy02 {
	width: 305px;
	color: #FFFFFF;
	text-align: justify;
	font-size: 11.2px;
	line-height: 24px;
	font-weight: 300;
}
.mail-phone {
	color: #FFFFFF;
	font-size: 16px;
	line-height: 28px;
	font-weight: 500;
	margin-top: 15px;
}
.mail-phone-center {
	color: #FFFFFF;
	text-align: center;
	font-size: 16px;
	line-height: 28px;
	font-weight: 500;
	margin-top: 15px;
}
.body-title {
	width: 305px;
	color: #FFFFFF;
	text-align: justify;
	font-size: 14px;
	line-height: 30px;
	font-weight: 500;
	margin-top: 10px;
}
.page-item {
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
.page-item02 {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
}
.delta {
	width: 15px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-top: 20px;
	margin-bottom: 10px;
}
.button {
	width: 100px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}
.icon-FB {
	width: 35px;
	height: 35px;
	margin-right: 5px;
}
.icon-IG {
	height: 35px;
	width: 35px;
	position: static;
	margin-right: 0px;
	margin-left: 5px;
}
.sns-set  {
	width: 80px;
	margin-left: auto;
	margin-right: auto;
	display: inline-flex;
	margin-bottom: 50px;
}
.products   {
	width: 265px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
}
.products-title {
	color: #FFFFFF;
	font-size: 13.5px;
	font-weight: 500;
	line-height: 24px;
	text-align: center;
}
.products-group {
    padding-top: 14px;
    padding-left: 14px;
    padding-right: 14px;
    padding-bottom: 14px;
    border: thin dotted hsla(0,0%,100%,1.00);
    margin-top: 25px;
    margin-left: 1px;
    margin-right: 1px;
}
.p-item {
	color: #FFFFFF;
	font-weight: 300;
	font-size: 14.5px;
	line-height: 30px;
	letter-spacing: 0.03em;
	width: 70%;
}
.p-star {
	color: #4EB3D1;
	font-weight: 300;
	font-size: 17px;
	line-height: 30px;
	letter-spacing: 0.03em;
}
.nijiiro-ichiba {
	width: 305px;
	margin-top: 10px;
}
.sample {
	width: 95px;
	display: flex;
	flex-wrap: wrap;
	height: 95px;
	clear: none;
	margin-bottom: 10px;
}
.samples-3 {
	width: 305px;
	height: 95px;
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
}
.samples {
	width: 305px;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-content: space-between;
	flex-wrap: wrap;
	margin-top: 10px;
}
.link {
	width: 95px;
	display: flex;
	flex-wrap: wrap;
	height: 38px;
	clear: none;
}
.link-3 {
	width: 305px;
	height: 38px;
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
}
.singlepage-logo {
	margin-left: auto;
	margin-right: auto;
	width: 175px;
	margin-bottom: auto;
	display: block;
	padding-top: 50px;
}
.toppage-item {
}
.icon-contact {
	width: 60px;
	position: fixed;
	right: 25px;
	top: 25px;
}
.icon-shop {
	position: fixed;
	top: 25px;
	right: 85px;
	width: 60px;
}
.icon_scroll {
	width: 100px;
	height: 100px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	background-image: url(../images/icon_scroll_sp.svg);
}
.junbichu {
	color: hsla(0,0%,100%,1.00);
	font-size: 28px;
	font-weight: 500;
	letter-spacing: 0.25em;
}

/* for Smart Phone */
@media screen and (max-width:599px){
}

/* for Tablet */
@media screen and (min-width:600px) and (max-width:999px){
.icon-contact {
	width: 60px;
	position: fixed;
	right: 35px;
	top: 35px;
}
.backimage {
	background-image: url(../images/back_tablet.jpg);
	width: calc(100% - 30px);
	height: calc(100% - 30px);
	top: 15px;
	left: 15px;
}
.back-color {
	width: calc(100% - 30px);
	height: calc(100% - 30px);
	top: 15px;
	left: 15px;
}
.header-color {
	width: calc(100% - 30px);
	height: 100px;
	top: 15px;
	left: 15px;
}
.header-line {
	width: calc(100% - 30px);
	height: 3px;
	top: 115px;
	left: 15px;
}
.footer-line {
	width: calc(100% - 30px);
	height: 2px;
	bottom: 45px;
	left: 15px;
}
.header-mask {
	height: 15px;
}
.footer-mask {
	height: 15px;
}
.header-logo {
	height: 70px;
	left: 40px;
	top: 30px;
}
.copyright {
	font-size: 11px;
	line-height: 11px;
	bottom: 25px;
}
.footer-color {
	width: calc(100% - 30px);
	height: 30px;
	bottom: 15px;
	left: 15px;
}
.toppage-logo {
	width: 320px;
	height: 160px;
    position: relative;	
}
.parts-logo {
	width: 320px;
    position: absolute;
}
.official-website {
	width: 100%;
	font-size: 19.2px;
	margin-top: 16px;
}
.top-page {
	height: calc(100vh - 50px);
	width: 100vw;
}
.middle-page {
	width: 550px;
	padding-top: 60px;
	padding-bottom: 60px;
	padding-left: 0px;
}
.single-page {
	width: 550px;
	padding-top: 60px;
	padding-bottom: 60px;
	padding-left: 0px;
	margin-top: 100px;
}
.single-page03 {
	width: 550px;
	padding-top: 170px;
	padding-bottom: 60px;
	padding-left: 0px;
}
.last-page {
	width: 550px;
	padding-top: 20px;
	padding-bottom: 120px;
}
.page-title {
	font-size: 36px;
	line-height: 36px;
}
.years {
	font-size: 25.2px;
	line-height: 25.2px;
	margin-top: 20px;
}
.bodycopy01 {
	width: 415px;
	font-size: 15px;
	line-height: 32px;
}
.bodycopy01-center {
	font-size: 15px;
	line-height: 32px;
}
.bodycopy02 {
	width: 520px;
	font-size: 12.75px;
	line-height: 27.2px;
}
.body-title {
	width: 500px;
	font-size: 16px;
	line-height: 34px;
	font-weight: 500;
	margin-top: 10px;
}
.delta {
	width: 20px;
	margin-top: 20px;
	margin-bottom: 10px;
}
.button {
	width: 125px;
	margin-top: 25px;
}
.group {
}
.icon-FB {
	width: 35px;
	height: 35px;
	margin-right: 5px;
}
.icon-IG {
	height: 35px;
	width: 35px;
	margin-right: 0px;
	margin-left: 5px;
}
.sns-set  {
	width: 80px;
}
.products   {
	width: 360px;
}
.products-groupe {
	padding-top: 20px;
	padding-bottom: 20px;
}
.p-item {
	font-size: 14.45px;
	line-height: 28.9px;
}
.p-star {
	font-size: 17.5px;
	line-height: 28.9px;
}
.nijiiro-ichiba {
	width: 405px;
	margin-top: 10px;
}
.sample {
	width: 125px;
	height: 125px;
	margin-bottom: 15px;
}
.samples-3 {
	width: 405px;
	height: 125px;
}
.samples {
	width: 405px;
}
.link {
	width: 125px;
	height: 50px;
}
.link-3 {
	width: 405px;
	height: 50px;
	margin-top: 15px;
}
.singlepage-logo {
	width: 200px;
	margin-top: 10px;
}
.icon-contact {
	right: 35px;
	top: 35px;
}
.icon-shop {
	top: 35px;
	right: 105px;
}
.icon_scroll {
	width: 130px;
	height: 130px;
	margin-top: 45px;
	background-image: url("../images/icon_scroll_tb.svg");
}
}

/* for PC */
@media screen and (min-width:1000px){
.backimage {
	background-image: url(../images/back_pc.jpg);
	width: calc(100% - 30px);
	height: calc(100% - 30px);
	top: 15px;
	left: 15px;
}
.back-color {
	width: calc(100% - 30px);
	height: calc(100% - 30px);
	top: 15px;
	left: 15px;
}
.header-color {
	width: calc(100% - 30px);
	height: 100px;
	top: 15px;
	left: 15px;
}
.header-line {
	width: calc(100% - 30px);
	height: 3px;
	top: 115px;
	left: 15px;
}
.header-mask {
	height: 15px;
}
.footer-mask {
	height: 15px;
}
.footer-line {
	width: calc(100% - 30px);
	height: 2px;
	bottom: 45px;
	left: 15px;
}

.header-logo {
	height: 70px;
	left: 40px;
	top: 30px;
}
.copyright {
	font-size: 11px;
	line-height: 11px;
	bottom: 25px;
}
.footer-color {
	width: calc(100% - 30px);
	height: 30px;
	bottom: 15px;
	left: 15px;
}
.toppage-logo {
    width: 400px;
    height: 210px;
    position: relative;	
}
.parts-logo {
    width: 400px;
    position: absolute;
}
.official-website {
	width: 100%;
	font-size: 24px;
	margin-top: 20px;
}
.top-page {
	height: 100vh;
	width: 100vw;
}
.middle-page {
	width: 700px;
	padding-top: 60px;
	padding-bottom: 60px;
	padding-left: 0px;
}
.single-page {
	width: 700px;
	padding-top: 60px;
	padding-bottom: 60px;
	padding-left: 0px;
	margin-top: 100px;
}
.single-page03 {
	width: 700px;
	padding-top: 210px;
	padding-bottom: 60px;
	padding-left: 0px;
}
.last-page {
	width: 700px;
	padding-top: 20px;
	padding-bottom: 150px;
}
.page-title {
	font-size: 36px;
	line-height: 36px;
}
.years {
	font-size: 25.2px;
	line-height: 25.2px;
	margin-top: 25px;
}
.bodycopy01 {
	width: 520px;
	font-size: 16px;
	line-height: 34px;
}
.bodycopy01-center {
	font-size: 16px;
	line-height: 34px;
}
.bodycopy02 {
	width: 520px;
	font-size: 13.6px;
	line-height: 28.9px;
}
.body-title {
	width: 520px;
	font-size: 16px;
	line-height: 34px;
	font-weight: 500;
	margin-top: 10px;
}
.delta {
	width: 20px;
	margin-top: 20px;
	margin-bottom: 10px;
}
.button {
	width: 125px;
	margin-top: 25px;
}
.icon-FB {
	width: 35px;
	height: 35px;
	margin-right: 5px;
}
.icon-IG {
	height: 35px;
	width: 35px;
	margin-right: 0px;
	margin-left: 5px;
}
.sns-set  {
	width: 80px;
}
.products-title {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	text-align: center;
	letter-spacing: 0.05em;
}
.products   {
	width: 405px;
}
.products-groupe {
	padding-top: 20px;
	padding-bottom: 20px;
}
.p-item {
	font-size: 17px;
	line-height: 34px;
	width: 75%;
}
.p-star {
	font-size: 20.5px;
	line-height: 34px;
}
.nijiiro-ichiba {
	width: 520px;
	margin-top: 10px;
}
.sample {
	width: 160px;
	height: 160px;
	margin-bottom: 20px;
}
.samples-3 {
	width: 520px;
	height: 160px;
	margin-top: 20px;
}
.samples {
	width: 520px;
	height: auto;
	margin-top: 20px;
}
.link {
	width: 160px;
	height: 64px;
}
.link-3 {
	width: 520px;
	height: 64px;
	margin-top: 20px;
}
.singlepage-logo {
	width: 200px;
	margin-top: 10px;
}
.icon-contact {
	right: 35px;
	top: 35px;
}
.icon-shop {
	top: 35px;
	right: 105px;
}
.icon_scroll {
	width: 130px;
	height: 130px;
	margin-top: 50px;
	background-image: url("../images/icon_scroll_pc.svg");
}
}
.fadein {
}