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


@media(max-width:1180px) {


#header .mainImage{padding-top:32%;}
#header .mainImage h1{width: 42%;}


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

.categoryInfo .navigation{padding: 6% 0;}
.categoryInfo .navigation .navi{width: 90%;}
.categoryInfo .navigation h4{font-size: 2.3vw;}
.categoryInfo .navigation h4 span{font-size: 1.6vw;}


.collection{width: 83%;margin-top: 170px;}
.collection .lead .leadCopy{font-size: 16px;line-height: 2.5;padding: 90px 0;}


.collection .movie{width: 92%;}

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

.itemUnit .itemMain .sideBox{width: 92%;}
.itemUnit .itemMain .sideTitle,
.itemUnit .itemMain .sideTitle.delighter{width:6%;right: -6%;}
.itemUnit .itemMain .sideTitle.delighter.started{right: -3%;}
/*---reverse---*/
.itemUnit.reverse .itemMain .sideTitle,
.itemUnit.reverse .itemMain .sideTitle.delighter{left: -6%;right: inherit;}
.itemUnit.reverse .itemMain .sideTitle.delighter.started{left: -3%;}

.itemUnit .itemMain .scene span,
.itemUnit .itemMain .scene.delighter span{width: 92%;margin-left: 8%;}


.itemUnit .itemMain .info{width: 40%;margin-right: 4%;}
.itemUnit .itemMain .info .wideLimit{width: 90%;}
/*---reverse---*/
.itemUnit.reverse .itemMain .info .wideLimit{width: 90%;margin-left: 4%;}



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


.itemUnit .itemSub{width: 92%;}
.itemUnit .itemSub .subSpec{width: 43.5%;}
.itemUnit .itemSub .subSpec .wideLimit{width: 90%;}

.itemUnit .itemSub .subHorizontalTitle{width: 88%;}
.itemUnit .itemSub .tips{margin-bottom: 24px;}


/*---reverse---*/
.itemUnit .itemSub.reverse .subSpec .wideLimit{margin-left: 10%;}



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


.itemUnit .otherStyle{width: 92%;}
.itemUnit .otherStyle .styleTitle h2,
.itemUnit .otherStyle .styleTitle.delighter h2{left: -15%;width: 8%;}
.itemUnit .otherStyle .styleTitle.delighter.started h2{ left: -6.7%;}
.itemUnit .otherStyle .styleTitle.delighter.started .line_vertical{height: 16vw;}
.itemUnit .otherStyle .styleTitle .line_horizontal,
.itemUnit .otherStyle .styleTitle.delighter .line_horizontal{top: 16vw;}

.itemUnit .otherStyle .d-styleSpec .left{
	top: 10%;
	-webkit-transform:none;
	    -moz-transform:none;
	      -ms-transform:none;
	              transform:none;
}

/*reverse*/
.itemUnit .otherStyle.reverse .styleTitle h2,
.itemUnit .otherStyle.reverse .styleTitle.delighter h2{left: inherit;right: -15%;width: 8%;}
.itemUnit .otherStyle.reverse .styleTitle.delighter.started h2{ right: -6.7%;}
/*reverse*/

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

.unitSpace.delighter.started{width: 92%;}

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

.recommend{width: 92%;}
.recommend .title h2,
.recommend .title.delighter h2{width: 40%;margin-right: 2%;}

.recommend .title.short h2,
.recommend .title.short.delighter h2{width: 89%;margin-right: 0;}

.recommend .recomendItem .nameEN{font-size: 22px;}
.recommend .recomendItem .nameJP{font-size: 13px;}

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

.collecitonBanner{width: 92%;}
.collecitonBanner h2{font-size: 3.2vw;}


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

.otherContents{margin-top:200px;}
.unisexBn{width: 76%;}


}



@media(max-width:900px) {



#header .mainImage{padding-top:35%;}
#header .mainImage h1{width: 44%;}


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


.categoryInfo .title .logo{width: 180px;}
.categoryInfo .title h2{font-size: 29px;}
.categoryInfo .title h3{margin-top: 0.7em;font-size: 19px;}


.categoryInfo .navigation .navi{width: 92%;}

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

.collection{width: 92%;margin-top: 150px;}
.collection .lead .collectionName h2{font-size: 30px;}
.collection .lead .collectionName h3{font-size: 23px;}

.collection .lead .leadCopy{width: 85%;font-size: 15px;line-height: 2.5;padding: 60px 0;text-align: left;}
.collection .lead .leadCopy br{display: none;}

.movie .playButton p{ width:85px;height:50px;}
.movie .playButton p:after{
    border-left: 18px solid #FFF;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
}

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


.itemUnit .itemMain .scene span,
.itemUnit .itemMain .scene.delighter span{width: 95%;margin-left: 5%;}


.itemUnit .itemMain .info{width: 42%;margin-right: 3%;}

/*---reverse---*/
.itemUnit.reverse .itemMain .info .wideLimit{width: 90%;margin-left: 5%;}

.specBox h3{font-size: 15px;}
.specBox h3 span{font-size: 13px;}
.specBox h4{font-size: 13px;}

.itemUnit .itemMain .copy{font-size: 12px;}

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

.itemUnit .itemSub{width: 95%;}
.itemUnit .itemSub .itemSubImage{padding: 0 2%;}
.itemUnit .itemSub .subSpec{width: 44.5%;}
.itemUnit .itemSub .copy{font-size: 12px;}

.itemUnit .itemSub .subHorizontalTitle{width: 83%;}




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

.itemUnit .otherStyle{width: 95%;}
.itemUnit .otherStyle .specTitle span{
	font-size: 10px;
	-webkit-border-radius:4px;
        -moz-border-radius:4px;
	             border-radius:4px;
}
.itemUnit .otherStyle .styleTitle.delighter.started .line_vertical{height:19vw;}
.itemUnit .otherStyle .styleTitle .line_horizontal,
.itemUnit .otherStyle .styleTitle.delighter .line_horizontal{top: 19vw;}


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

.unitSpace.delighter.started{width: 95%;}

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

.recommend{width: 95%;}
.recommend .title h2,
.recommend .title.delighter h2{width: 37%;margin-right: 2%;}
.recommend .title.short h2,
.recommend .title.short.delighter h2{width: 84%;}


.recommend .recomendItem .nameEN{font-size: 21px;}
.recommend .recomendItem .nameJP{font-size: 12px;}
.recommend .recomendItem .copy{font-size: 12px;}

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

.collecitonBanner{width: 95%;}
.collecitonBanner .more{width: 100px;}
.collecitonBanner .more span{width: 100%;font-size: 14px;}

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

.otherContents{margin-top:180px;}
.unisexBn{width: 88%;}
.otherContents .more{width: 100px;}
.otherContents .more span{width: 100%;font-size: 14px;}
.textBn a{width: 340px;}
.textBn h3{width: 340px;}

.oneMoreBn{max-width: 520px;}

}



@media(max-width:768px) {



#header .bar{height: 48px;}

#header .mainImage{padding-top:36%;}
#header .mainImage h1{width: 49%;}


.onwardLogo{top: 15px;right: 15px;width:80px;}

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

.pclink{pointer-events: none;display: block;}

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


.collection{margin-top: 17%;}
.collection .lead .leadCopy{font-size: 15px;padding: 10% 0 12%;}
.collection .movie{width: 95%;}

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

.itemUnit.noMovie{margin-top: 20px;}
.itemUnit .itemMain .sideBox{width: 95%;}

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

.itemUnit .itemSub .subHorizontalTitle{width: 88%;margin-bottom: 18px;}
.itemUnit .itemSub .tips{margin-bottom: 22px;}

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


.itemUnit{margin: 15% 0 10%;}
.itemUnit .otherStyle{margin-top: 12%;}
.itemUnit .otherStyle .specList li{padding: 4px 60px 4px 0;}


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

.recommend{margin-top: 15%;padding-bottom: 10%;}

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

.collecitonBanner{margin-top: 8%;}

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

.otherContents{margin: 18% 0 22%;}

.textBn{margin-top: 18%;}
.textBn a{width: 40%;}
.textBn h3{width: 40%;}

.oneMoreBn{width: 60%;}
.oneMoreBn h2{width: 45%;}

}





@media(max-width:700px) {

.screenWide{display: none;}




#header .mainImage{padding-top:42%;}
#header .mainImage h1{width: 62%;}
.mountainPage #header .mainImage{background-image:url("../../mountain/images/mainimage_sp.jpg");}
.spacePage #header .mainImage{background-image:url("../../space/images/mainimage_sp.jpg");}



#header .bar{height: 40px;}
.onwardLogo{top: 12px;right: 12px;width:70px;}


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

.categoryInfo .navigation{width: 100%;padding: 10% 0;color: #FFF;overflow: hidden;}
.categoryInfo .navigation .navi{width: 70%;overflow:visible;}
.categoryInfo .navigation .navi ul{width: 100%;}
.categoryInfo .navigation .navi ul li{
	width: 100%;
	margin-right: 0%;
	margin-top: 8%;
	display: block;
	top: 0px;
	left: 8%;
	text-align: left;
}
.categoryInfo .navigation.view .navi ul li{left: 0;}

.categoryInfo .navigation .navi ul li:nth-child(1){margin-top: 0;}

.categoryInfo .navigation .spBox{
	width: 40%;
	float: left;
	display: block;
	position: relative;
	padding-top: 37%;
}

.categoryInfo .navigation h4{
	font-size: 4.2vw;
	position: absolute;
	top: 10%;
	left: 0;
	width: 100%;
}
.categoryInfo .navigation h4 span{
	font-size: 2.6vw;
	padding-top: 0.5em;
	border-top: 1px solid #FFF;
}
.categoryInfo .navigation .spBox .more{
	display: block;
	position: absolute;
	bottom: 0;
	left: 5%;
}
.categoryInfo .navigation .spBox .more a{
	background:#636847;
	font-family: 'Rasa', serif;
	font-weight: 600;
	line-height: 1;
	font-size: 2.0vw;
	letter-spacing: 0.08em;
	color:  #FFF;
	text-align: center;
	padding: 0.8em 0.9em 0.7em;
	display: inline-block;
	position: relative;
}
.spacePage .categoryInfo .navigation .spBox .more a{background:#6e454c;}/*space*/




.categoryInfo .navigation .spBox .more a:before{
	content: "";
	position: absolute;
	top: 0%;
	left: 0%;
	bottom: 0;
	z-index: 15;
	width: 110%;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
}
.categoryInfo .navigation .spBox .more a:after{
	content: "";
	position: absolute;
	top: 0%;
	right: 0%;
	bottom: 0%;
	z-index: 15;
	width: 110%;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
}
.categoryInfo .navigation .navImage{
	width: 55%;
	margin-top: 0px;
	float: right;
}
.categoryInfo .navigation .navImage .more{display: none;}
.categoryInfo .navigation .navImage .cover{display: none;}



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


.collection{width: 88%;margin-top: 20%;}

.collection .lead .collectionName h2{font-size: 28px;padding: 10px 0;}
.collection .lead .collectionName h3{font-size: 21px;padding-top: 10px;}
.collection .lead .leadCopy{font-size: 15px;padding: 12% 0 14%;}



.collection .movie{width: 100%;}
.movie .playButton p{ width:70px;height:40px;}
.movie .playButton p:after{
    border-left: 16px solid #FFF;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}


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


.itemUnit .itemMain{}
.itemUnit .itemMain .sideBox{width:100%;}
.itemUnit .itemMain .sideTitle,
.itemUnit .itemMain .sideTitle.delighter{width:9%;right: -4%;}
.itemUnit .itemMain .sideTitle.delighter.started{right: 0%;}
/*---reverse---*/
.itemUnit.reverse .itemMain .sideTitle,
.itemUnit.reverse .itemMain .sideTitle.delighter{left: -4%;right: inherit;}
.itemUnit.reverse .itemMain .sideTitle.delighter.started{left: 0%;}


.itemUnit .itemMain .scene{width: 100%;float: none;}
.itemUnit .itemMain .scene span,
.itemUnit .itemMain .scene.delighter span{width: 70%;margin: 0 auto;}
/*---reverse---*/
.itemUnit.reverse .itemMain .scene{width: 100%;float: none;}
.itemUnit.reverse .itemMain .scene span,
.itemUnit.reverse .itemMain .scene.delighter span{width: 70%;margin: 0 auto;}



.itemUnit .itemMain .info{width: 70%;margin: 15% auto 0;float: none;}
.itemUnit .itemMain .info .wideLimit{width: 100%;}
/*---reverse---*/
.itemUnit.reverse .itemMain .info .wideLimit{width: 100%;margin-left: 0%;}



.itemUnit .itemMain .copy{font-size: 13px;}


.specBox h3{font-size: 16px;}
.specBox h3 span{font-size: 14px;}
.specBox h4{font-size: 14px;}


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

.itemUnit .itemSub{width: 100%;}
.itemUnit .itemSub .subsideTitle,
.itemUnit .itemSub .subsideTitle.delighter{
	position: absolute;
	width: 9%;
	top: 0;
	right: -4%;
	display: block;
	webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	opacity:0;
	-webkit-transition: all 1.0s cubic-bezier(0.25, 1, 0.5, 1) ;
	    -moz-transition: all 1.0s cubic-bezier(0.25, 1, 0.5, 1) ;
	      -ms-transition: all 1.0s cubic-bezier(0.25, 1, 0.5, 1) ;
	              transition: all 1.0s cubic-bezier(0.25, 1, 0.5, 1) ;
}
.itemUnit .itemSub .subsideTitle.delighter.started{
	 -webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	opacity:1;
	right: 0;
}
.itemUnit .itemSub .subHorizontalTitle{display: none;}

.itemUnit .itemSub .itemSubImage{width: 70%;float:none;padding: 0;margin: 0 auto;}
.itemUnit .itemSub .subSpec{width: 70%;float: none;margin: 0 auto;}
.itemUnit .itemSub .subSpec .wideLimit{width: 100%;}

.itemUnit .itemSub .tips{margin: 19px 0 24px 0;text-align: center;}
.itemUnit .itemSub .tips span{margin:0 7px;}
.itemUnit .itemSub .copy{font-size: 13px;}


/*---reverse---*/
.itemUnit .itemSub.reverse .itemSubImage{width: 70%;float:none;padding: 0;margin: 0 auto;}
.itemUnit .itemSub.reverse .subSpec{width: 70%;float: none;margin: 0 auto;}
.itemUnit .itemSub.reverse .subSpec .wideLimit{width: 100%;margin: 0;}



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

.itemUnit .otherStyle{width: 100%;margin-top: 15%;}
.itemUnit .otherStyle .styleTitle{width: 100%;z-index: 10;}
.itemUnit .otherStyle .styleTitle h2,
.itemUnit .otherStyle .styleTitle.delighter h2{left: -4%;width: 5.3%;}
.itemUnit .otherStyle .styleTitle.delighter.started h2{left: 0;}
.itemUnit .otherStyle .styleTitle .line_vertical,
.itemUnit .otherStyle .styleTitle.delighter .line_vertical{left: 4.5%;}
.itemUnit .otherStyle .styleTitle.delighter.started .line_vertical{height: 26vw;}
.itemUnit .otherStyle .styleTitle .line_horizontal,
.itemUnit .otherStyle .styleTitle.delighter .line_horizontal{top: 26vw;left: 4.5%;}
.itemUnit .otherStyle .styleTitle.delighter.started .line_horizontal{width: 47%;}


.itemUnit .otherStyle .s-styleImage{width: 55%;margin-left: 45%;float: none;}
.itemUnit .otherStyle .s-styleImage p{width:90%;margin-left: 5%;}
.itemUnit .otherStyle .s-styleSpec{
	width: 100%;
	padding-top: 0;
	float: none;
	text-align: left;
	position: relative;
	margin: -28% 0 0 5%;
	transition-delay:0s;
}


/*reverse*/
.itemUnit .otherStyle.reverse .styleTitle{width: 100%;}
.itemUnit .otherStyle.reverse .styleTitle h2,
.itemUnit .otherStyle.reverse .styleTitle.delighter h2{left: inherit;right: -4%;width: 5.3%;}
.itemUnit .otherStyle.reverse .styleTitle.delighter.started h2{ right: 0;}
.itemUnit .otherStyle.reverse .styleTitle .line_vertical,
.itemUnit .otherStyle.reverse .styleTitle.delighter .line_vertical{right: 4.5%;}
.itemUnit .otherStyle.reverse .styleTitle .line_horizontal,
.itemUnit .otherStyle.reverse .styleTitle.delighter .line_horizontal{top: 26vw;right: 4.5%;}
.itemUnit .otherStyle.reverse .s-styleImage{width: 55%;margin-left: 0%;float: none;}
.itemUnit .otherStyle.reverse .s-styleImage p{width:90%;margin:0 0 0 5%;}
.itemUnit .otherStyle.reverse .s-styleSpec{width: 50%;float: none;text-align: left;margin: -28% 0 0 48%;}
/*reverse*/



.itemUnit .otherStyle  .s-styleSpec .specList{
	display: inline-block;
	position:relative;
	border-bottom: 1px solid #6F7271;
	padding-bottom: 10px;
	text-align: left;
}

.itemUnit .otherStyle .d-styleImage{width: 100%;float: none;}
.itemUnit .otherStyle .d-styleImage p{width:76%;margin: 0 auto;}

.itemUnit .otherStyle .d-styleSpec{
	width: 90%;
	margin: 5% auto 0;
	padding-top: 0;
	float: none;
	transition-delay:0s;
}
.itemUnit .otherStyle .d-styleSpec .left{
	position:relative;
	top: 0;
	-webkit-transform:none;
	    -moz-transform:none;
	      -ms-transform:none;
	              transform:none;
}
.itemUnit .otherStyle .d-styleSpec .right{
	position: relative;
	text-align: right;
	margin-top: 30px;
	float: right;
}
.itemUnit .otherStyle .specTitle{text-align: left;}
.itemUnit .otherStyle .specTitle span{font-size: 12px;}


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

.unitSpace,
.unitSpace.delighter{height: 2px;}
.unitSpace.delighter.started{width: 95%;}

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


.recommend{margin-top: 18%;padding-bottom: 10%;width: 95%;overflow:visible;}

.recommend .title.short{width: 100%;}

.recommend .title h2,
.recommend .title.delighter h2{width: 60%;margin-right: 0%;}
.recommend .title.short h2,
.recommend .title.short.delighter h2{width: 60%;margin-right: 0%;}



.recommend .recomendItem .itemList{width: 100%;}
.recommend .recomendItem .itemList .itemSet{width: 80%;margin:15% auto 0;display: block;}

.recommend .recomendItem .itemList .itemSet .itemImage{width: 90%;margin: 0 auto;padding-bottom:70px;}

.recommend .recomendItem .nameEN{font-size: 25px;}
.recommend .recomendItem .nameJP{font-size: 15px;}
.recommend .recomendItem .copy{font-size: 13px;}
.recommend .recomendItem .spec{margin-top: 25px;display: inline-block;padding-right: 70px;}

.spacePage .recommend .recomendItem{width: 100%;margin:0 auto;}/*space*/


.collecitonBanner{width: 100%; margin-top: 12%;}
.collecitonBanner a{padding-top: 45%;}
.collecitonBanner h2{font-size: 4.0vw;}
.collecitonBanner .more span{padding: 0.6em 0 0.5em;}

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

.otherContents{margin-top: 18%;}
.unisexBn a{padding-top: 45%;}
.unisexBn h2{font-size: 4.0vw;}
.oneMoreBn{margin-top: 30px;}
.oneMoreBn a{padding-top: 42%;}
.otherContents .more{margin-top: 15px;}
.otherContents .more span{padding: 0.6em 0 0.5em;}


}



@media(max-width:510px) {




#header .mainImage{padding-top:45%;}
#header .mainImage h1{width: 68%;}



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

.categoryInfo .title{padding: 10% 0;}
.categoryInfo .title .logo{width: 40%;}
.categoryInfo .title h2{font-size: 6.0vw;}
.categoryInfo .title h3{font-size:3.7vw;margin-top: 0.8em;}

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

.categoryInfo .navigation{padding: 10% 0;}
.categoryInfo .navigation .navi{width:77%;}
.categoryInfo .navigation .navi ul li{margin-top: 6%;}
.categoryInfo .navigation .navi ul li:nth-child(1){margin-top: 0;}

.categoryInfo .navigation .spBox{padding-top: 36.5%;}
.categoryInfo .navigation h4{font-size: 4.7vw;top: 10%;}
.categoryInfo .navigation h4 span{font-size: 3.0vw;}
.categoryInfo .navigation .spBox .more a{font-size: 2.6vw;}

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

.collection .lead .collectionName h2{font-size: 26px;}
.collection .lead .collectionName h3{font-size: 19px;}
.collection .lead .leadCopy{font-size: 14px;line-height: 2.3; padding: 13% 0 18%;}

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

.movie .playButton p{ width:60px;height:35px;}
.movie .playButton p:after{
    border-left: 14px solid #FFF;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}

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

.itemUnit{margin: 22% 0 18%;}
.itemUnit.noMovie{margin-top: 3%;}

.itemUnit .itemMain .scene span,
.itemUnit .itemMain .scene.delighter span{width: 75%;}
/*---reverse---*/
.itemUnit.reverse .itemMain .scene span,
.itemUnit.reverse .itemMain .scene.delighter span{width: 75%;}
/*---reverse---*/

.itemUnit .itemMain .info{width: 75%;margin-top: 17%;}

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

.itemUnit .itemSub .itemSubImage{width: 75%;}
.itemUnit .itemSub .subSpec{width: 75%;}

/*---reverse---*/
.itemUnit .itemSub.reverse .itemSubImage{width: 75%;}
.itemUnit .itemSub.reverse .subSpec{width: 75%;}

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


.itemUnit .otherStyle{margin-top: 17%;}
.itemUnit .otherStyle .styleTitle h2,
.itemUnit .otherStyle .styleTitle.delighter h2{width: 5.5%;}
.itemUnit .otherStyle .styleTitle.delighter .line_vertical{left: 4.7%;}
.itemUnit .otherStyle .styleTitle.delighter.started .line_vertical{height: 27vw;}
.itemUnit .otherStyle .styleTitle .line_horizontal,
.itemUnit .otherStyle .styleTitle.delighter .line_horizontal{top: 27vw;left: 4.7%;}
.itemUnit .otherStyle .styleTitle.delighter.started .line_horizontal{width: 42%;}

.itemUnit .otherStyle .s-styleImage{width: 60%;margin-left: 40%;}
.itemUnit .otherStyle .s-styleImage p{width:95%;}
.itemUnit .otherStyle .s-styleSpec{margin: 5% 0 0 0; text-align: center;}

.itemUnit .otherStyle .s-styleSpec .specList li{padding-right: 100px;}


.itemUnit .otherStyle .d-styleImage p{width:85%;}
.itemUnit .otherStyle .d-styleSpec .right{margin-top: 40px;}


/*---reverse---*/
.itemUnit .otherStyle.reverse .styleTitle h2,
.itemUnit .otherStyle.reverse .styleTitle.delighter h2{width: 5.5%;}
.itemUnit .otherStyle.reverse .styleTitle.delighter .line_vertical{right: 4.7%;}
.itemUnit .otherStyle.reverse .styleTitle.delighter.started .line_vertical{height: 27vw;}
.itemUnit .otherStyle.reverse .styleTitle .line_horizontal,
.itemUnit .otherStyle.reverse .styleTitle.delighter .line_horizontal{top: 27vw;right: 4.7%;}
.itemUnit .otherStyle.reverse .styleTitle.delighter.started .line_horizontal{width: 42%;}

.itemUnit .otherStyle.reverse .s-styleImage{width: 60%;margin-left: 0%;}
.itemUnit .otherStyle.reverse .s-styleImage p{width:95%;}
.itemUnit .otherStyle.reverse .s-styleSpec{margin: 5% 0 0 0; text-align: center;width: 100%;}
/*---reverse---*/



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

.recommend{margin-top: 20%;}
.recommend .title.delighter.started .line_horizontal{height: 170px;bottom: -170px;}
.recommend .recomendItem .itemList .itemSet{width: 85%;margin-top:17%;}
.recommend .recomendItem .itemList .itemSet .itemImage{padding-bottom:60px;}
.recommend .recomendItem .nameEN{font-size: 23px;}
.recommend .recomendItem .nameJP{font-size: 13px;}

.recommend .recomendItem .spec{margin-top: 22px;}

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

.collecitonBanner a{padding-top: 48%;}
.collecitonBanner .more span{font-size: 12px;width: 86%;padding: 0.8em 0 0.7em;}

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

.otherContents{ margin: 20% 0 28%;}

.textBn {margin-top: 20%;}
.textBn a{width: 55%;}
.textBn h3{width: 55%;}

.unisexBn a{padding-top: 48%;}
.oneMoreBn{margin-top: 20px;width: 75%;}
.oneMoreBn a{padding-top: 45%;}
.otherContents .more span{font-size: 12px;width: 86%;padding: 0.8em 0 0.7em;}


}




@media(max-width:440px) {


#header .mainImage{padding-top:45%;}
#header .mainImage h1{width: 71%;}



.onwardLogo{top: 12px;right: 12px;width:60px;}


.categoryInfo .navigation .spBox .more a{padding: 0.9em 0.9em 0.8em;}
.categoryInfo .navigation{padding: 9% 0;}


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

.collection{width: 90%;margin-top: 23%;}
.collection .lead .collectionName h2{font-size: 23px;}
.collection .lead .collectionName h3{font-size: 16px;}
.collection .lead .leadCopy{font-size: 13px; padding: 14% 0 18%;}

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

.itemUnit{margin: 24% 0 18%;}
.itemUnit.noMovie{margin-top: 4%;}

.itemUnit .itemMain .sideTitle,
.itemUnit .itemMain .sideTitle.delighter{width:10%;right: -4%;}
.itemUnit .itemMain .info{width: 85%;}
.itemUnit .itemMain .info .itemImageSlide{width: 95%;margin-left:auto;margin-right: auto;}
.itemUnit .itemMain .copy{font-size: 12px;}
.itemUnit .itemMain .spec{padding: 14px 0;}

.specBox h3{font-size: 15px;}
.specBox h3 span{font-size: 13px;}
.specBox h4{font-size: 13px;}
.specBox .buy a{font-size: 13px;}



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

.itemUnit .itemSub .subsideTitle,
.itemUnit .itemSub .subsideTitle.delighter{width: 10%;}

.itemUnit .itemSub .itemSubImage{width: 78%;}
.itemUnit .itemSub .subSpec{width: 85%;}
.itemUnit .itemSub .spec{padding: 14px 0;}
.itemUnit .itemSub .copy{font-size: 12px;}

/*---reverse---*/
.itemUnit .itemSub.reverse .itemSubImage{width: 78%;}
.itemUnit .itemSub.reverse .subSpec{width: 85%;}

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


.itemUnit .otherStyle{margin-top: 18%;}

.itemUnit .otherStyle .styleTitle h2,
.itemUnit .otherStyle .styleTitle.delighter h2{width: 6%;}
.itemUnit .otherStyle .styleTitle.delighter .line_vertical{left: 5.0%;}
.itemUnit .otherStyle .styleTitle.delighter.started .line_vertical{height: 30vw;}
.itemUnit .otherStyle .styleTitle .line_horizontal,
.itemUnit .otherStyle .styleTitle.delighter .line_horizontal{top: 30vw;left: 5.0%;}
.itemUnit .otherStyle .styleTitle.delighter.started .line_horizontal{width: 40%;}

.itemUnit .otherStyle .s-styleImage{width: 61%;margin-left: 39%;}
.itemUnit .otherStyle .s-styleImage p{width:95%;}
.itemUnit .otherStyle .s-styleSpec{margin: 5% 0 0 0; text-align: center;}
.itemUnit .otherStyle .s-styleSpec .specList li{padding-right: 80px;}


.itemUnit .otherStyle .d-styleImage p{width:90%;}
.itemUnit .otherStyle .d-styleSpec .right{margin-top: 30px;}

.itemUnit .otherStyle .specTitle span{font-size: 11px;}


/*reverse*/
.itemUnit .otherStyle.reverse .styleTitle h2,
.itemUnit .otherStyle.reverse .styleTitle.delighter h2{width: 6%;}
.itemUnit .otherStyle.reverse .styleTitle.delighter .line_vertical{right: 5.0%;}
.itemUnit .otherStyle.reverse .styleTitle.delighter.started .line_vertical{height: 30vw;}
.itemUnit .otherStyle.reverse .styleTitle .line_horizontal,
.itemUnit .otherStyle.reverse .styleTitle.delighter .line_horizontal{top: 30vw;right: 5.0%;}
.itemUnit .otherStyle.reverse .styleTitle.delighter.started .line_horizontal{width: 40%;}

.itemUnit .otherStyle.reverse .s-styleImage{width: 61%;}
.itemUnit .otherStyle.reverse .s-styleImage p{width:95%;margin-left: 0;}
/*reverse*/




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

.recommend{margin-top: 20%;}
.recommend .title.delighter.started .line_horizontal{height: 120px;bottom: -120px;}
.recommend .recomendItem .itemList .itemSet{width: 93%;margin-top:18%;}
.recommend .recomendItem .nameEN{font-size: 21px;}
.recommend .recomendItem .nameJP{font-size: 12px;}
.recommend .recomendItem .copy{font-size: 12px;margin-top: 12px;}

.collecitonBanner a{padding-top: 50%;}
.collecitonBanner h2{font-size: 4.5vw;}
.collecitonBanner .more span{font-size: 11px;}

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

.unisexBn a{padding-top: 50%;}
.unisexBn h2{width: 80%;}
.otherContents .more{margin-top: 15px;}
.otherContents .more span{font-size: 11px;}
.oneMoreBn h2{width: 50%;}







}





@media(max-width:350px) {
}