@charset "UTF-8";
/* CSS Document */


@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+Antique:wght@500&display=swap');
/*
 font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-weight: 500;
  font-style: normal;
*/
@font-face {
	font-family:'DINPro-Bold';
	 src: url('../../../common/fonts/DINPro-Bold.woff2') format('woff2'), url('../../../common/fonts/DINPro-Bold.woff') format('woff');
}




/*
.guide,
.guide1{opacity: 0.3;z-index: 1000;position: relative;}

body:before{content: '';position: fixed;width: 1px;left: 50%;top: 0;bottom: 0;background: #FF0004;opacity: 0.3;z-index: 1000;}
.guide:before{content: '';position: fixed;width: 1px;left: 10.25%;top: 0;bottom: 0;background: #FF0004;}
.guide:after{content: '';position: fixed;width: 1px;right: 10.25%;top: 0;bottom: 0;background: #FF0004;}
.guide1:before{content: '';position: fixed;width: 1px;left: 23%;top: 0;bottom: 0;background: #FF0004;}
.guide1:after{content: '';position: fixed;width: 1px;right: 23%;top: 0;bottom: 0;background: #FF0004;}
*/


/* ---------- RESET ---------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, b, u, i, center, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video, textarea, input {margin:0;padding:0;border:0;font-size: 100%;font:inherit;vertical-align: baseline;text-decoration:none;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul, li {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
input, textarea, button{-webkit-apparence:none;border:none;background: none;outline: none;}
input:focus, textarea:focus{-webkit-apparence:none;outline: none;border:none;}
img{border:none;outline:none;vertical-align:top;font-size:0;line-height:0;}
img a{border:none;outline: none;}
a:focus{outline:none;}
hr {height:0;margin:0;padding:0;border:0;}
h1, h2, h3, h4, h5, h6, p{margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;text-decoration:none;}
input, textarea, button{-webkit-apparence:none;border:none;background: none;outline: none;}

img{width:100%;height:auto;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translate3d(0,0,0);}

*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;   outline:none;box-sizing:border-box;margin:0;padding:0;}
/*----------------------------------*/


html{
	width: 100%;
	height: 100%;
	font-size: 0.76vw;
}

body{
	-webkit-text-size-adjust: 100%;
	font-style: normal;
	color:#E2FF00;
	line-height: 1;
	font-weight: normal;
	background: #B8C9DE;
	font-family: "DINPro-Bold","游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "verdana", sans-serif;
}

#loader-bg{
    position:fixed;
    width:100vw;
    height:100vh;
    top:0px;
    left:0px;
    z-index:10000;
	background: #B8C9DE;
}

.inView{
	position: relative;
	opacity: 0;
	-webkit-transition:opacity 1.0s;
	transition:opacity 1.0s;
}
.inView.view{opacity: 1;}



svg{width: 100%;height: auto;}

.pcView{display: block !important;;}
.spView{display: none !important;}

/*----------------*/


.header{
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 1;
}
.header figure.main{
	width: 79.2%;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 5;
/*	opacity: 0;*/
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	-webkit-transition:opacity 1.2s;
	transition:opacity 1.2s;
}
.start .header figure.main{opacity: 1;}





/*----------------*/


.fixdContents{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 500;
	pointer-events: none;
	opacity: 0;
	-webkit-transition:opacity 1.0s 3.5s;
	transition:opacity 1.0s 3.5s;
}

.start .fixdContents{opacity: 1;}



.fixdContents::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 8px;
	background: #E2FF00;
}
.fixdContents::after{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 8px;
	background: #E2FF00;
}

.fixdContents svg{
	fill:#002D60;
	stroke:#E2FF00;
	stroke-width:2;
}
.fixdContents .shoulder{
	position: absolute;
	z-index: 10;
	top: 3.5vw;
	left: 4.5vw;
	width: 13.82em;
}

.fixdContents .logo{
	position: relative;
	width: 100%;
}
.fixdContents .logo h2{
	position:absolute;
	left: 0;
	right: 0;
	z-index: 5;
	width: 50%;
	margin: 0 auto;
	top: 20%;
}
.fixdContents .title{
	position: relative;
	width: 100%;
}
.fixdContents .title h3{
	position:absolute;
	left: 0;
	right: 0;
	z-index: 5;
	width: 100%;
	margin: -2.3em auto 0;
	top: 50%;
	text-align: center;
	font-family:'DINPro-Bold';
	font-size: 0.9em;
	line-height: 1.4;
}



/*----------------*/

.wrapper{
	position: relative;
	z-index: 50;
	width: 100%;
	overflow: hidden;
}

.fvTitle{
	width: 100%;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	position: relative;
}
.fvTitle h1{
	position: relative;
	width: 14.6%;
	margin: 0 auto;
	margin-top: 4%;
	z-index: 30;
	-webkit-transform:scale(0);
	transform:scale(0);
	-webkit-transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) 3.0s;
	transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) 3.0s;
}
.start .fvTitle h1{
	-webkit-transform:scale(1);
	transform:scale(1);
}

.fvTitle .modelSet{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 20;
}
.fvTitle .modelSet .model{
	position: absolute;
	/*filter: drop-shadow(1px 1px 0px rgba(0,0,0,0.5));*/
}
.fvTitle .modelSet .model.pcv{display: block;}
.fvTitle .modelSet .model.spv{display: none;}


.fvTitle .modelSet .model span{
	display: block;	
	-webkit-transform:scale(0);
	transform:scale(0);
	-webkit-transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
	transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
	-webkit-transform-origin: center;
	transform-origin: center;
}
.start .fvTitle .modelSet .model span{
	-webkit-transform:scale(1);
	transform:scale(1);
}
.start .fvTitle .modelSet .model.m01 span{-webkit-transition-delay:0.5s;transition-delay:0.5s;}
.start .fvTitle .modelSet .model.m02 span{-webkit-transition-delay:0.8s;transition-delay:0.8s;}
.start .fvTitle .modelSet .model.m03 span{-webkit-transition-delay:1.1s;transition-delay:1.1s;}
.start .fvTitle .modelSet .model.m04 span{-webkit-transition-delay:1.4s;transition-delay:1.4s;}
.start .fvTitle .modelSet .model.m05 span{-webkit-transition-delay:1.7s;transition-delay:1.7s;}
.start .fvTitle .modelSet .model.m06 span{-webkit-transition-delay:2.0s;transition-delay:2.0s;}


.start .fvTitle .modelSet .model.left span img{
	display: block;
	animation: leftStart 2s steps(2) infinite;
	animation-delay: 3.5s;
	transform-origin: center;
	transform:rotate(0deg);
}
.start .fvTitle .modelSet .model.right span img{
	display: block;
	animation: rightStart 2s steps(2) infinite;
	animation-delay: 3.5s;
	transform-origin: center;
	transform:rotate(0deg);
}
@keyframes leftStart {
	0% {transform:rotate(7deg);}
	100% {transform:rotate(0deg);}
}
@keyframes rightStart {
	0% {transform:rotate(-7deg);}
	100% {transform:rotate(0deg);}
}

.fvTitle .modelSet .m01{
	width: 16.1%;
	top: 50%;
	left: 13.9%;
	-webkit-transform:translateY(-52%);
	transform:translateY(-52%);
}
.fvTitle .modelSet .m02{
	width: 18.3%;
	top: 50%;
	right: 12%;
	-webkit-transform:translateY(-65%);
	transform:translateY(-65%);
}
.fvTitle .modelSet .m03{
	width: 18.3%;
	top: 50%;
	left: 47.2%;
	-webkit-transform:translateY(-23.2vw);
	transform:translateY(-23.2vw);
}
.fvTitle .modelSet .m04{
	width: 13.3%;
	top: 50%;
	left: 28.8%;
	-webkit-transform:translateY(4vw);
	transform:translateY(4vw);
}
.fvTitle .modelSet .m05{
	width: 14.9%;
	top: 50%;
	right: 29%;
	-webkit-transform:translateY(5vw);
	transform:translateY(5vw);
}
.fvTitle .modelSet .m06{
	width: 9.5%;
	top: 50%;
	left: 31.9%;
	-webkit-transform:translateY(-24.8vw);
	transform:translateY(-24.8vw);
}


/*-----------*/

.wrapper .lead{
	width: 100%;
	height: 100vh;
	min-height: 60vw;
	display: flex;
	align-items: center;
	justify-content: center;
}

.wrapper .lead .inner{
	width: 34em;
	position: relative;
}
.wrapper .lead svg{
	fill:#E2FF00;
}
.wrapper .lead .text{
	color: #688DBA;
	text-align: center;
	position: absolute;
	z-index: 5;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.05em;
	line-height: 2.0;
	letter-spacing: 0.12em;
	 font-family: "Zen Kaku Gothic Antique", sans-serif;
	 font-weight: 500;
	 font-style: normal;
}
.wrapper .lead .text p{
	margin-bottom: 1.8em;
}

/*---------------------------------------*/



.contents{
	width: 100%;
	background: #B8C9DE;
	padding-top: 1vw;
	position: relative;
}

.contents .topLine{
	position: absolute;
	left: -1vw;
	right: -1vw;
	top: -2vw;
	height: 5vw;
	background: #B8C9DE;
	border-top: 8px solid #E2FF00;
	-webkit-transform:rotate(-2deg);
	transform:rotate(-2deg);
}


/*-------------------------------*/

.partA{
	width: 57.3%;
	min-width: 917px;
	margin: 0 auto;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
/*	background: rgba(0,0,0,0.1);*/
}
.partA.rev{flex-flow: row-reverse;}

.partA .mainBox{position: relative;z-index: 10;width: 50%;}
.partA .subBox{position: relative; width: 50%;}

.partA figure{position: relative;overflow: hidden;}

.partA .mainBox figure.bk{width: 100%;}
.partA .mainBox figure.model{
	position: absolute;
	z-index: 20;overflow: visible;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}

.partA .subBox .photo{width: 84.54%;}
.partA .subBox .photo.sendRight{margin-left: 15.46%;}
.partA .subBox .photo figure{width: 100%;}

.partA.maskA figure.bk{clip-path: polygon(0% 6.6%, 100% 0%, 100% 90.1%, 12.7% 100%, 0% 76.3%)}
.partA.maskA .photo figure{clip-path: polygon(9.1% 9.8%, 86.8% 0%, 100% 83.6%, 28.4% 100%, 0% 83.6%)}
.partA.maskB figure.bk{clip-path: polygon(0% 8.9%, 87.3% 0%, 100% 23.6%, 100% 93.3%, 0% 100%)}
.partA.maskB .photo figure{clip-path: polygon(0% 16.3%, 71.5% 0%, 100% 16.3%, 89% 90%, 13% 100%)}




.partA .mainBox.show .fade{
	display: block;
	opacity: 0;
	transform:scale(1.15);
	transition: transform 1.3s cubic-bezier(0.33, 1, 0.68, 1), opacity 1.1s;
}
.partA .mainBox.show.view .fade{opacity: 1;transform:scale(1);}

.partA .mainBox.show .pop{
	display: block;
	transform:scale(0);
	transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) 1.0s;
}
.partA .mainBox.show.view .pop{transform:scale(1);}

.partA .subBox .show.fade{
	display: block;
	opacity: 0;
	transform:scale(1.15);
	transition: transform 1.3s cubic-bezier(0.33, 1, 0.68, 1), opacity 1.1s;
}
.partA .subBox .show.view.fade{opacity: 1;transform:scale(1);}





.set01{margin-top: 4.6vw;padding-top: 3vw;}
.set01 .mainBox{margin-top: 2.7%;}
.set01 .mainBox figure.model{width: 60.9%;top: 50%;left: 10.5%;}

.set03{margin-top: 7.5vw;}
.set03 .mainBox{margin-top: 1%;}
.set03 .mainBox figure.model{width: 70.5%;top: 54%;left: 15.5%;}

.set05{margin-top: 7.6vw;}
.set05 .mainBox figure.model{width: 32.7%;top: 49%;left: 54%;}
.set05 .subBox{margin-top: 11.45%;}

.set07{margin-top: 7.8vw;}
.set07 .mainBox figure.model{width: 40.8%;top: 51.5%;left: 45.5%;}
.set07 .subBox .photo{margin-top: 24%;}

.set09{margin-top: 7.5vw;}
.set09 .mainBox{margin-top: 9%;}
.set09 .mainBox figure.model{width: 70%;top: 50%;left: 15%;}

.set11{margin-top: 7.8vw;}
.set11 .mainBox figure.model{width: 94.5%;top: 52%;left: 3.8%;}
.set11 .subBox{margin-top: 5.2%;}

.set12{margin-top: 13vw;}
.set12 .singleImage{position: relative;width: 68.2%;margin: 0 auto;}
.set12 .singleImage figure{clip-path: polygon(0% 9%, 100% 0%, 100% 83.3%, 28.4% 100%, 0% 83.4%)}

.set13{margin-top: 7.4vw;padding-top: 3vw;}
.set13 .subBox{margin-top: 5%;}

.set14{margin-top: 7.5vw;}
.set14 .subBox{margin-top: 13%;}

.set15{margin-top: 8.8vw;}
.set15 .subBox{margin-top: 5%;}

.set16{margin-top: 7.4vw;}
.set16 .subBox{margin-top: 13.6%;}



/*-------------------------------*/

.partB{
	width: 57.3%;
	min-width: 917px;
	margin: 0 auto;
	position: relative;
/*	background: rgba(255,255,255,0.2);*/
}
.partB .main{
	width: 31.25%;
	margin: 0 auto;
	position: relative;
	z-index: 20;
}

.partB .loopImage{
	position: relative;
	padding-top: 0.1px;
}
.partB .loopImage figure{position: absolute;}
.partB .loopImage figure.real{position:relative;}

.partB .loopImage span{
	display: block;
	opacity: 0;
	-webkit-transition: opacity 0.6s;
	transition: opacity 0.6s;
}
.partB .loopImage.view span{opacity: 1;}


.partB .spec{position: absolute;}

.set02{margin-top: 3vw;}
.set02 .loopImage .n01{width: 20%;top: 0;left: -0.5%;z-index: 1;}
.set02 .loopImage .n02{width: 28.33%;top: 8%;left: 13%;z-index: 2;}
.set02 .loopImage .n03{width: 40.45%;margin:13.5% 0 0 31.5%;z-index: 3;}

.set04{margin-top: 2.6vw;}
.set04 .loopImage .n01{width: 12.3%;bottom: 0;left: 29.7%;z-index: 1;}
.set04 .loopImage .n02{width: 14.7%;bottom: 0;left: 37%;z-index: 2;}
.set04 .loopImage .n03{width: 17.33%;bottom: 0;left: 46%;z-index: 3;}
.set04 .loopImage .n04{width: 20.1%;bottom: 0;left: 56.5%;z-index: 4;}
.set04 .loopImage .n05{width: 23.34%;margin-left:69.5%;z-index: 5;}

.set06{margin-top: 1.6vw;}
.set06 .loopImage .n01{width: 19.0%;top: 0;right: -0.5%;z-index: 1;}
.set06 .loopImage .n02{width: 27.31%;top: 10%;left: 59.5%;z-index: 2;}
.set06 .loopImage .n03{width: 44.18%;margin:15.9% 0 0 22.7%;z-index: 3;}

.set08{margin-top: 7.8vw;}
.set08 .loopImage .n01{width: 24.74%;top: 0;right: -30.5%;z-index: 1;}
.set08 .loopImage .n02{width: 24.74%;top: 0;right: -18%;z-index: 2;}
.set08 .loopImage .n03{width: 24.74%;top: 0;right: -5.5%;z-index: 3;}
.set08 .loopImage .n04{width: 24.74%;top: 0;right: 7%;z-index: 4;}
.set08 .loopImage .n05{width: 24.74%;margin-left:29.2%;z-index: 5;}

.set10{margin-top: 4.6vw;}
.set10 .loopImage .n01{width: 21%;top: 0;left: -9%;z-index: 1;}
.set10 .loopImage .n02{width: 28.22%;top: 8%;left: 6%;z-index: 2;}
.set10 .loopImage .n03{width: 44.9%;margin:14% 0 0 23.3%;z-index: 3;}





.set02 .loopImage .n01 span{-webkit-transition-delay:0s;transition-delay:0s;}
.set02 .loopImage .n02 span{-webkit-transition-delay:0.4s;transition-delay:0.4s;}
.set02 .loopImage .n03 span{-webkit-transition-delay:0.8s;transition-delay:0.8s;}

.set04 .loopImage .n01 span{-webkit-transition-delay:0s;transition-delay:0s;}
.set04 .loopImage .n02 span{-webkit-transition-delay:0.4s;transition-delay:0.4s;}
.set04 .loopImage .n03 span{-webkit-transition-delay:0.8s;transition-delay:0.8s;}
.set04 .loopImage .n04 span{-webkit-transition-delay:1.2s;transition-delay:1.2s;}
.set04 .loopImage .n05 span{-webkit-transition-delay:1.6s;transition-delay:1.6s;}

.set06 .loopImage .n01 span{-webkit-transition-delay:0s;transition-delay:0s;}
.set06 .loopImage .n02 span{-webkit-transition-delay:0.4s;transition-delay:0.4s;}
.set06 .loopImage .n03 span{-webkit-transition-delay:0.8s;transition-delay:0.8s;}

.set08 .loopImage .n01 span{-webkit-transition-delay:0s;transition-delay:0s;}
.set08 .loopImage .n02 span{-webkit-transition-delay:0.4s;transition-delay:0.4s;}
.set08 .loopImage .n03 span{-webkit-transition-delay:0.8s;transition-delay:0.8s;}
.set08 .loopImage .n04 span{-webkit-transition-delay:1.2s;transition-delay:1.2s;}
.set08 .loopImage .n05 span{-webkit-transition-delay:1.6s;transition-delay:1.6s;}

.set10 .loopImage .n01 span{-webkit-transition-delay:0s;transition-delay:0s;}
.set10 .loopImage .n02 span{-webkit-transition-delay:0.4s;transition-delay:0.4s;}
.set10 .loopImage .n03 span{-webkit-transition-delay:0.8s;transition-delay:0.8s;}




/*-------------------------------*/








/*------------------------*/


.spec{
	line-height: 1;
	color: #E2FF00;
	font-size: 1em;
	font-family:'DINPro-Bold';
	display: flex;
	align-items: flex-start;
}
.spec.rev{justify-content: flex-end;flex-direction:row-reverse;}
.spec.wrap{display: block;}


.spec .horizontal{
	display: flex;
	align-items: flex-start;
	flex-wrap: nowrap;
}
.spec .horizontal.second{margin-top: 0.3em;}
.spec .horizontal.third{margin-top: 0.3em;}


.spec .tops{margin-top: -0.3em;}


.set01 .spec{column-gap: 2.5em;margin-top: 8%;}
.set01 .spec .horizontal.second{padding-left: 4em;}
.set01 .spec .cap{margin-top: -0.25em;}
.set01 .spec .gr02{margin: 4em 0 0 1em;}

.set02 .spec{bottom: 6em;right: 0;}
.set02 .spec .gr02{margin-top: 4em;}
.set02 .spec .horizontal.second{padding-left: 0.5em;}
.set02 .spec .horizontal.third{padding-left: 2.5em;}

.set03 .spec{column-gap: 3em;justify-content: flex-start;margin-top: 3.5em;}
.set03 .spec .gr01 .pants{margin-top: -0.35em;margin-left: 0.1em;}
.set03 .spec .horizontal.second{padding-left: 2em;}

.set04 .spec{bottom: 2em;left: 5em;}
.set04 .spec .horizontal.second{padding-left: 3.5em;}
.set04 .spec .bag{margin-top: -0.2em;}
.set04 .spec .bag p{padding-bottom: 0.65em;}

.set05 .spec{width: 78%;margin-top: 4%;justify-content: flex-end;}

.set06 .spec{bottom: 6em;left: 0;}
.set06 .spec .gr02{margin-top: 4em;}
.set06 .spec .horizontal.second{padding-left: 3.5em;}
.set06 .spec .bag{margin-top: -0.3em;}
.set06 .spec .bag p{padding-bottom: 0.65em;}

.set07 .spec{position: absolute;top: 2em;left: 6em;}
.set07 .spec .pants{margin-top: -0.4em;margin-left: 0.2em;}

.set08 .spec{bottom: 4em;left: 5em;}
.set08 .spec .pants{margin-top: -0.4em;margin-left: 0.2em;}

.set09 .spec{margin-top: 10%;margin-left: 4em;}
.set09 .spec .gr01{margin-left: 10em;}
.set09 .spec .horizontal.second{padding-left: 4em;}
.set09 .spec .gr02{margin-top: 2em;}

.set10 .spec{bottom: 4em;right:6em;}
.set10 .spec .horizontal.second{padding-left: 4em;}
.set10 .spec .gr02{margin-top: 3em;}

.set11 .spec{column-gap: 4em;justify-content: flex-start;margin-top: 4em;}
.set11 .spec .pants{margin-top: 0.1em;margin-left: 0.1em;}
.set11 .spec .horizontal.second{padding-left: 2em;}

.set13 .spec{margin-top: 4em;margin-left: 11em;}
.set13 .spec .pants{margin-top: -0.4em;margin-left: 0.2em;}

.set14 .spec{margin-top: 2em;margin-left: 12em;}
.set14 .spec .horizontal.second{padding-left: 3em;}
.set14 .spec .pants{margin-top: 0.1em;margin-left: 0.1em;}

.set15 .spec{margin-top: 4em;margin-left: 11em;}
.set15 .spec .rompers{margin-top: -0.4em;margin-left: 0.2em;}

.set16 .spec{margin-top: 1em;margin-left: 13em;}
.set16 .spec .horizontal.second{padding-left: 3em;}
.set16 .spec .rompers{margin-top: -0.2em;margin-left: 0.1em;}


.spec a{color: #E2FF00;}

.spec .gender{margin-bottom: 0.2em;}
.spec .gender p{
	display: inline-block;
	clip-path: polygon(0% 23%, 79.7% 0%, 100% 17.5%, 94.2% 84.7%, 10% 100%);
}
.spec .gender p span{
	background: #E2FF00;
	color: #B8C9DE;
	display: inline-block;
	line-height: 1;
	padding: 0.6em 1em 0.5em;
}
.spec .button{
	position: relative;
	cursor: pointer;
	margin-right: 0.3em;
}
.spec .button p{
	position: relative;
	z-index: 5;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0.55em 1em;
}
.spec .button svg{
	fill:#B8C9DE;
	stroke:#E2FF00;
	stroke-width:4;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	z-index: 1;
	width: 100%;
	overflow: visible;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.spec .button.jacket p{}
.spec .button.jacketOUT p{}
.spec .button.jacketIN p{}
.spec .button.tops p{}
.spec .button.pants p{}
.spec .button.cap p{padding-bottom: 0.75em;}
.spec .button.beanie p{}
.spec .button.gloves p{}
.spec .button.froating p{}
.spec .button.bag p{}
.spec .button.dress p{}
.spec .button.vest p{}
.spec .button.rompers p{}
.spec .button.shoes p{}
.spec .button.fleece p{}



@media(min-width: 769px) {
.spec .button a{display: block;}
.spec .button a svg{-webkit-transition: fill 0.6s;transition: fill 0.6s;}
.spec .button a:hover svg{fill: #002D60;}
}



/*-------------------------------*/


.footer{
	width: 100%;
	text-align: center;
	overflow: hidden;
	margin-top: 25em;
	position: relative;
}
.footer::after{
	content: '';
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	right: 0;
	height: 5vw;
	background: #E2FF00;
}
.footer .title{
	width: 19.2em;
	margin: 0 auto;
}

.footer .pageTop{
	width: 57.3%;
	min-width: 917px;
	margin: 13em auto 0;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
.footer .pageTop .boy{width: 6%;}
.footer .pageTop .girl{width: 5.5%;}
.footer .pageTop .text{
	width: 17.7%;
	overflow: hidden;
	margin: 0 3%;
	clip-path: polygon(0% 23%, 79.7% 0%, 100% 17.5%, 94.2% 84.7%, 10% 100%);
}
.footer .pageTop .text a{
	background: #E2FF00;
	color: #B8C9DE;
	display: block;
	font-size: 1.45em;
	letter-spacing: 0.02em;
	line-height: 1;
	padding: 0.7em 0;
}

@media(min-width: 769px) {
.footer .pageTop .text a{-webkit-transition: background 0.4s, color 0.4s;transition: background 0.4s, color 0.4s;}
.footer .pageTop .text a:hover{background: #002D60;color: #E2FF00;}
}

.footer .copyright{
	position: relative;
	z-index: 10;
	width: 110%;
	margin-top: 13em;
	margin-left: -5%;
	background: #E2FF00;
	letter-spacing: 0.03em;
	color: #688DBA;
	padding: 3.5em 0 22vw;
	-webkit-transform:rotate(-2deg);
	transform:rotate(-2deg);
}


/*---------------------------*/


.navi{
	position: fixed;
	bottom: 2em;
	right: 6.5em;
	z-index: 200;
	line-height: 1;
	font-size:15px;
	opacity: 0;
	-webkit-transition:opacity 1.0s 3.5s;
	transition:opacity 1.0s 3.5s;
}

.start .navi{opacity: 1;}


.navi p{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}


.navi .menuTop{width: 4em;position: relative;cursor: pointer;z-index: 10;}
.navi .menuTop p{font-size: 1em;color: #E2FF00;}
.navi .menuTop p span{padding-top: 0.2em;}
.navi .menuTop svg{fill:#002D60;stroke:#E2FF00;stroke-width:4}


@media(min-width: 769px) {
.navi .menuTop svg{-webkit-transition:fill 0.3s, stroke 0.3s;transition:fill 0.3s, stroke 0.3s;}
.navi .menuTop p{-webkit-transition:color 0.3s;transition:color 0.3s;}
.navi .menuTop:hover svg{fill:#E2FF00;stroke:#002D60;}
.navi .menuTop:hover p{color: #002D60;}
}

.navi .menuSub{
	width: 3.34em;
	position:absolute;
	z-index: 1;
	-webkit-transition: top 0.3s cubic-bezier(0.76, 0, 0.24, 1), left 0.3s cubic-bezier(0.76, 0, 0.24, 1);
	transition: top 0.3s cubic-bezier(0.76, 0, 0.24, 1),  left 0.3s cubic-bezier(0.76, 0, 0.24, 1);
}

.navi .menuSub svg{fill:#E2FF00;stroke:#E2FF00;stroke-width:0;}
.navi .menuSub p{font-size: 0.86em;color: #002D60;}
.navi .menuSub p span{padding-top: 0.2em;}
.navi .menuSub.m_top p span{padding-top: 1em;}
.navi .menuSub p em{
	position: absolute;
	left: 50%;
	top: 1.3em;
	display: block;
	margin-left: -0.5em;
	width: 0.8em;
	height: 0.8em;
	border-left: 2px solid #002D60;
	border-top: 2px solid #002D60;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}

.navi .menuSub.m_kids{top: 0.4em;left: 0.3em;}
.navi .menuSub.m_baby{top: 0.4em;left: 0.3em;-webkit-transition-delay:0.1s;transition-delay:0.1s;}
.navi .menuSub.m_top{top: 0.4em;left: 0.3em;-webkit-transition-delay:0.1s;transition-delay:0.1s;}

.navi.open .menuSub.m_kids{top: -2.5em;left: -4em;}
.navi.open .menuSub.m_baby{top: -5em;left: 0;}
.navi.open .menuSub.m_top{top: -3em;left: 4.5em;}


@media(min-width: 769px) {
.navi .menuSub a p{-webkit-transition: color 0.3s;transition: color 0.3s;}
.navi .menuSub a:hover p{color: #E2FF00;}
.navi .menuSub a svg{-webkit-transition: fill 0.3s;transition: fill 0.3s;}
.navi .menuSub a:hover svg{fill: #002D60;}
.navi .menuSub a p em{-webkit-transition: border 0.3s;transition: border 0.3s;}
.navi .menuSub a:hover p em{border-color:#E2FF00; }


}






/*-------------------------------*/

.modal{
	width: 36.6em;
	display: none;
	position: relative;
	font-size: 15px;
}
.modal figure{
	width: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 5;
}
.modal .soon{
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	margin-top: -0.5em;
	z-index: 10;
	font-size: 1.5em;
	text-align: center;
	letter-spacing: 0.02em;
	color: #002C64;
}

.modal .info{
	position: absolute;
	bottom: 2.3em;
	left: 0;
	right: 0;
	z-index: 10;
	text-align: center;
	letter-spacing: 0.02em;
	color: #002C64;
	padding-bottom: 3em;
}
.modal .info .name{
	display: flex;
	justify-content: center;
	grid-column-gap: 1.2em;
}
.modal .info .store{margin-top: 1.8em;}
.modal .info .store a{
	display: inline-block;
	color: #E2FF00;
	background: #002D60;
	text-align: center;
	width: 9em;
	padding: 1em 0 0.85em;
	clip-path: polygon(0% 33%, 79% 0%, 100% 23%, 95% 82%, 7% 100%);
}
.modal .info .store.soon a{pointer-events:none;opacity: 0.2;text-decoration: none;}

@media(min-width: 769px) {
.modal .info .store a{-webkit-transition: background 0.4s, color 0.4s;transition: background 0.4s, color 0.4s;}
.modal .info .store a:hover{background: #E2FF00;color: #002D60;}
}


.fancybox-bg {background: #688DBA;}
.fancybox-is-open .fancybox-bg {opacity: 0.6;}
.fancybox-content {background: none;padding:0;overflow: hidden;}


.fancybox-close-small,
.fancybox-button{
	width: 4em;
	height: 4.53em;
	opacity: 1;
	font-size: 15px;
	background: url("../images/modal_close.svg") center center no-repeat;
	background-size: cover;
}
.fancybox-close-small svg{display: none;}
.fancybox-close-small{right: 1.66em !important;top: 1.66em !important;}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {cursor:auto;}


.fancybox-navigation .fancybox-button--arrow_left{
	left:calc(50% - 24em);
	top: calc(50% - 2.26em);
	padding: 0;
	width: 4em;
	height: 4.53em;
	background: url("../images/modal_left.svg") center center no-repeat;
	background-size: cover;
}
.fancybox-navigation .fancybox-button--arrow_right{
	right:calc(50% - 24em);
	top: calc(50% - 2.26em);
	padding: 0;
	width: 4em;
	height: 4.53em;
	background: url("../images/modal_right.svg") center center no-repeat;
	background-size: cover;
}
.fancybox-button--arrow_left svg,
.fancybox-button--arrow_right svg{display: none;}

/*
.fancybox-navigation .fancybox-button--arrow_left::before{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 14px;
	height: 14px;
	margin-top: -7px;
	margin-left: -4px;
	border-top: 2px solid #FFF;
	border-left: 2px solid #FFF;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.fancybox-navigation .fancybox-button--arrow_right::before{
	content: '';
	position: absolute;
	top: 50%;
	left: 0%;
	width: 14px;
	height: 14px;
	margin-top: -7px;
	margin-left: 8px;
	border-bottom: 2px solid #FFF;
	border-right: 2px solid #FFF;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
*/
.fancybox-button[disabled].fancybox-button--arrow_left,
.fancybox-button[disabled].fancybox-button--arrow_left:hover,
.fancybox-button[disabled].fancybox-button--arrow_right,
.fancybox-button[disabled].fancybox-button--arrow_right:hover {opacity: 0.2;}



/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/