@charset "UTF-8";



@media(max-width:1600px) {

html{font-size: 12.2px;}
.navi{font-size:14px;}

.fixdContents .shoulder{top: 43px;left: 52px;}

.modal{font-size: 14px;}
.fancybox-close-small,
.fancybox-button{font-size: 14px;}

}


@media(max-width:1400px) {

.fixdContents::before{width: 7px;}
.fixdContents::after{width: 7px;}
.contents .topLine{border-width: 7px;}

.footer .pageTop{width: 60%;}

.modal{font-size: 13px;}
.fancybox-close-small,
.fancybox-button{font-size: 13px;}

}


@media(max-width:1280px) {

html{font-size: 11.5px;}
.fixdContents .shoulder{top: 38px;left: 47px;}
.partA{min-width: 850px;}
.partB{min-width: 850px;}
.footer .pageTop{min-width: 850px;}
.navi{font-size:1.1em;right: 6em;}

}


@media(max-width:1060px) {
html{font-size: 1.08vw;}
.fixdContents .shoulder{top: 3vw;left: 4vw;}
.partA{width: 80vw;min-width: 80vw;}
.partB{width: 80vw;min-width: 80vw;}
.footer .pageTop{width: 80vw;min-width: 80vw;}
.fixdContents::before{width: 6px;}
.fixdContents::after{width: 6px;}
.contents .topLine{border-width: 6px;}

.navi .menuSub p em{border-width: 1px;}

.modal{font-size: 1.2vw;}
.fancybox-close-small,
.fancybox-button{font-size: 1.2vw;}

}



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

@media(max-width:768px) {

html{font-size: 1.8vw;}







.header figure.main{width: 100%;margin: 0;}


.fixdContents{
	-webkit-transition:opacity 1.0s 2.0s;
	transition:opacity 1.0s 2.0s;
	z-index: 1;
}

.fixdContents::before,
.fixdContents::after{display: none;}

.fixdContents .shoulder{display: none;}


.fvTitle{height: 100svh;width: 70%;margin: 0 auto;z-index: 50;}

.fvTitle h1{
	width: 51.2%;
	margin-top: 0;
}
.fvTitle .modelSet .model.pcv{display: none;}
.fvTitle .modelSet .model.spv{display: block;}

.fvTitle .modelSet .m01{
	width: 41%;
	/*left: 0%;*/
	left: -14%;
	-webkit-transform:translateY(40%);
	transform:translateY(40%);
}
.fvTitle .modelSet .m02{
	width: 46.1%;
	/*right: 12%;*/
	right: -7%;
	-webkit-transform:translateY(-135%);
	transform:translateY(-135%);
}
.fvTitle .modelSet .m03{
	width: 46.9%;
	top: 50%;
	left: 37.6%;
	-webkit-transform:translateY(90%);
	transform:translateY(90%);
}
.fvTitle .modelSet .m04{
	width: 32.2%;
	top: 50%;
	/*left: 71.8%;*/
	left: 79%;
	-webkit-transform:translateY(-25%) rotate(5deg);
	transform:translateY(-25%) rotate(5deg);
}
.fvTitle .modelSet .m06{
	width: 23.3%;
	left:5%;
	-webkit-transform:translateY(-130%) rotate(-7deg);
	transform:translateY(-130%) rotate(-7deg);
}
.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.m06 span{-webkit-transition-delay:1.4s;transition-delay:1.4s;}
.start .fvTitle .modelSet .model.m04 span{-webkit-transition-delay:1.7s;transition-delay:1.7s;}


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

.wrapper .lead .inner{width: 30em;}
.wrapper .lead .text{font-size: 1.0em;}

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

.contents{margin-top: 22vw;z-index: 80;}
.contents .topLine{display: none;}
.contents::before{
	content: '';
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	z-index: 50;
	width: 1.02vw;
	max-width: 6px;
	background: #E2FF00;
}
.contents::after{
	content: '';
	position: fixed;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 50;
	width: 1.02vw;
	max-width: 6px;
	background: #E2FF00;
}

.partA{
	width: 100%;
	min-width: none;
	display: block;
	z-index: 100;
}

.partA .mainBox{width: 100%;/*background: rgba(0,0,0,0.1);*/}

.partA .subBox{
	width: 90%;
	margin: 0 auto;
/*	background: rgba(255,255,255,0.2);*/
	display: flex;
}
.partA .subBox.rev{flex-flow: row-reverse;}

.partA .subBox .photo{width: 77%;}
.partA .subBox .photo.sendRight{margin-left: 0%;}
.partA .subBox .spec{display: block;width: 23%;text-align: right;}
.partA .subBox.rev .spec{text-align: left;}


.set01{margin-top: -15vw;padding-top: 2vw;}
/*.set01.partA.maskA figure.bk{background: #000;}*/
.set01 .subBox .photo{margin-top: 5.7%;}
.partA.set01 .mainBox.show .fade{
	opacity: 1;
	transform:scale(1);
}


.set03{margin-top: 13vw;}
.set03 .mainBox{margin-top: 0;}
.set03 .subBox{margin-top: 7.7vw;}

.set05{margin-top: 19.2vw;}
.set05 .subBox{margin-top: 9vw;}

.set07{margin-top: 19vw;}
.set07 .subBox{margin-top: 5.9vw;}
.set07 .subBox .photo{margin-top: 0;}

.set09{margin-top: 14.3vw;}
.set09 .mainBox{margin-top: 0;}
.set09 .subBox{margin-top: 8.4vw;}

.set11{margin-top: 20vw;}
.set11 .subBox{margin-top: 7.5vw;}

.set12{margin-top: 20.5vw;}
.set12 .singleImage{width: 100%;}

.set13{margin-top: 16.7vw;padding-top: 3vw;}
.set13 .subBox{margin-top:7.1vw;}

.set14{margin-top: 12.3vw;}
.set14 .subBox{margin-top: 8.7vw;}

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

.set16{margin-top: 12.3vw;}
.set16 .subBox{margin-top: 8.7vw;}




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

.partB{
	width: 100%;
	min-width: none;
	display: block;
	z-index: 100;
/*	background: rgba(125,150,0,0.1);*/
}

.set02{margin-top: 8.2vw;}
.set02 .loopImage .n01{width: 27.8%;left: -2%;}
.set02 .loopImage .n02{width: 41.1%;top: 15.9vw;left: 7.7%;}
.set02 .loopImage .n03{width: 68.5%;margin:27.1% 0 0 17.7%;}

.set04{margin-top: 8.9vw;}
.set04 .loopImage .n01{width: 26.1%;left: 2.4%;}
.set04 .loopImage .n02{width: 31.3%;left: 18.4%;}
.set04 .loopImage .n03{width: 39%;left:0;margin-left: 37.6%;position: relative;}
.set04 .loopImage .n04,
.set04 .loopImage .n05{display: none;}

.set06{margin-top: -6vw;}
.set06 .loopImage .n01{width: 29.4%;right: 2.5%;}
.set06 .loopImage .n02{width: 40.3%;top: 15.3vw;left: 46.6%;z-index: 2;}
.set06 .loopImage .n03{width: 73.5%;margin:41vw auto 0;}

.set08{margin-top: 13vw;}
.set08 .loopImage .n01{width: 41.2%;right: -9%;}
.set08 .loopImage .n02{width: 41.2%;right: 14.5%;}
.set08 .loopImage .n03{width: 41.2%;right:0;position: relative;margin-left: 21.2%;}
.set08 .loopImage .n04,
.set08 .loopImage .n05{display: none;}

.set10{margin-top: 2.5vw;}
.set10 .loopImage .n01{width: 36.9%;top: 0;left: -5.6%;}
.set10 .loopImage .n02{width: 46.6%;top: 15vw;left:2.5%;}
.set10 .loopImage .n03{width: 78.7%;margin:35.4vw 0 0 10.7%;}






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

.spec.resp .group{
	text-align: left;
	display: inline-block;
}
.spec.resp .horizontal{display: block;}
.spec.resp .horizontal.second{margin-top: 0;}
.spec.resp .horizontal.third{margin-top: 0;}
.spec.resp .button{display: flex;flex-wrap: wrap;margin-bottom: 0.2em;}
.spec.resp .button p{display: inline-block;}

.spec.resp .button a{position: relative;}
.spec.resp .tops{margin-top: 0;}

.set01 .spec{display: block;margin-top: 0;padding:1em 2em 0 0;}
.set01 .spec .horizontal.second{padding-left: 0;}
.set01 .spec .cap{margin-top: 0em;}
.set01 .spec .gr02{margin: 1em 0 0 0;}

.set02 .spec{
	width: 65%;
	position: relative;
	bottom: 0;
	margin: 4.6vw auto 0;
	display: flex;
	justify-content: space-between;
	flex-direction:row-reverse;
}
.set02 .spec .gr02{margin-top:0;}

.set03 .spec{display: block;margin-top: 0;padding: 4em 0 0 1em;}
.set03 .spec .gr01 .pants{margin:0;}
.set03 .spec .horizontal.second{padding-left: 0;}
.set03 .spec .gr02{margin-top:1em;}

.set04 .spec{bottom: 3em;left: auto;right: 6.5%;padding:0 2em 2em 0;}
.set04 .spec .horizontal.second{padding-left: 0;}
.set04 .spec .bag{margin-top: 0;}

.set05 .spec{width:auto;margin: 3em 2.5em 0 0;padding: 0 3em 0 0;}

.set06 .spec{
	width: 65%;
	position: relative;
	bottom: 0;
	margin: 1em auto 0;
	display: flex;
	justify-content: space-between;
	flex-direction:row-reverse;
}
.set06 .spec .gr02{margin-top: 0;}

.set07 .spec{position:relative;top: 0;left: 0;margin: 8em 0 0 1em;padding: 2em 0 0 2em;}
.set07 .spec .pants{margin-top:0;margin-left:0;}

.set08 .spec{bottom: 4em;left:7.3%;padding: 0 0 2em 2em;}
.set08 .spec .pants{margin-top: 0;margin-left: 0;}

.set09 .spec{margin:0.5em 0.5em 0 0;padding: 0 2em 0 0;}
.set09 .spec .gr01{margin-left: 0;}
.set09 .spec .horizontal.second{padding-left: 0;}
.set09 .spec .gr02{margin-top: 1em;}

.set10 .spec{
	width: 60%;
	position: relative;
	bottom: 0;
	right: 0;
	margin: 0.5em auto 0;
	display: flex;
	justify-content: space-between;
}
.set10 .spec .gr02{margin-top: 0;}

.set11 .spec{display: block; margin-top:0;margin-left: 1em;padding: 3em 0 0 2em;}
.set11 .spec .pants{margin-top: 0;margin-left: 0;}
.set11 .spec .horizontal.second{padding-left:0;}
.set11 .spec .gr02{margin-top: 1em;}

.set13 .spec{margin-top: 7em;margin-left: 1em;padding: 2em 0 0 2em;}
.set13 .spec .pants{margin-top: -0;margin-left: 0;}

.set14 .spec{margin:2em 1em 0 0;padding: 0 2em 0 0;}
.set14 .spec .horizontal.second{padding-left: 0;}
.set14 .spec .pants{margin-top: 0;margin-left: 0;}
.set14 .spec .beanie{margin-top: 0.3em;}
.set14 .spec .gloves{margin-top: 0.3em;}

.set15 .spec{margin-top: 9em;margin-left: 1em;padding: 2em 0 0 1em;}
.set15 .spec .rompers{margin-top: 0;margin-left: 0;}

.set16 .spec{margin-top: 2em;margin-left: 0;padding: 0 3em 0 0;}
.set16 .spec .horizontal.second{padding-left:0;}
.set16 .spec .rompers{margin-top: 0;margin-left: 0;}

.spec .button.cap p{padding-bottom: 0.65em;}


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

.footer{margin-top: 31vw;}
.footer .title{width: 18.8em;}

.footer .pageTop{width: 100%;min-width: none;margin-top: 17vw;}
.footer .pageTop .boy{width: 12%;}
.footer .pageTop .girl{width: 11.48%;}
.footer .pageTop .text{width: 9em;font-size: 1.45em;}
.footer .pageTop .text a{font-size: 1em;padding: 0.7em 0;}


.footer .copyright{
	margin-top: 24vw;
	font-size: 0.95em;
	padding: 1.8em 0 40vw;
	-webkit-transform:rotate(-5deg);
	transform:rotate(-5deg);
}

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

.navi{font-size:1.15em;right: 2em;}
.navi .menuSub{width: 3.2em;}
.navi .menuSub p{font-size: 0.8em;}
.navi.open .menuSub.m_kids{top: 0.8em;left: -4.3em;}
.navi.open .menuSub.m_baby{top: -2.9em;left: -2.0em;}
.navi.open .menuSub.m_top{top: -4.3em;left: 1.5em;}

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

.modal{font-size: 1.0em;width: 33em;}
.modal .info{bottom: 5.5em;padding-bottom: 0em;}
.modal .info .name{grid-column-gap: 1.0em;}

.modal .info .store{margin-top: 1em;}
.modal .info .store a{width: 8.5em;}

.fancybox-close-small,
.fancybox-button{font-size: 0.75em;}

.fancybox-navigation .fancybox-button--arrow_left{left:calc(50% - 29em);top: calc(50% - 4em);}
.fancybox-navigation .fancybox-button--arrow_right{right:calc(50% - 29em);top: calc(50% - 4em);}


}








@media(max-width:680px) {

html{font-size: 2.4vw;}

.header figure.main{width: 120%;left: -10%;right: 0;}
.fvTitle{width: 90%;}

.fvTitle .modelSet .m01{left: -1%;}
.fvTitle .modelSet .m02{right: 12%;}
.fvTitle .modelSet .m04{left: 71%;}

.wrapper .lead .inner{width: 31em;}
.wrapper .lead .text{font-size: 1.08em;}

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

.set01 .spec{padding:0;}
.set02 .spec{width: 87%;}
.set03 .spec,
.set04 .spec,
.set05 .spec{padding: 0;}
.set06 .spec{width: 86%;}
.set07 .spec,
.set08 .spec,
.set09 .spec{padding: 0;}
.set10 .spec{width: 82%;}
.set11 .spec,
.set13 .spec,
.set14 .spec,
.set15 .spec,
.set16 .spec{padding: 0;}

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

.modal{font-size: 1.0em;width: 26.5em;}
.modal .info{bottom: 3.5em;}
.modal .info.over .name{flex-wrap: wrap;letter-spacing: 0;}
.modal .info.over .name span:first-child{padding: 0 5em 0.2em 5em;display: block;}


.fancybox-close-small,
.fancybox-button{font-size: 0.63em;}

.fancybox-navigation .fancybox-button--arrow_left{left:calc(50% - 27em);}
.fancybox-navigation .fancybox-button--arrow_right{right:calc(50% - 27em);}

}







@media(max-width:560px) {

html{font-size: 2.75vw;}

.header figure.main{width: 143.5%;left: -21.75%;right: 0;}
.fvTitle{width: 100%;}

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

}