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


.main{
	width: 100%;
	overflow: hidden;
}


#header{
	width: 100%;
	position: relative;
}
#header .bar{
	width: 100%;
	height: 65px;
	background: #7B805D;
	position: relative;
	z-index: 50;
}
.spacePage #header .bar{background: #797B7E;}/*space*/


.onwardLogo{
	position: absolute;
	top: 20px;
	right: 20px;
	width: 100px;
	z-index: 70;
}

#header .mainImage{
	width: 100%;
	padding-top:30%;
	background-position: center center;
	background-size: cover;
	position: relative;
}
.mountainPage #header .mainImage{background-image:url("../../mountain/images/mainimage_pc.jpg");}
.spacePage #header .mainImage{background-image:url("../../space/images/mainimage_pc.jpg");}
#header .mainImage h1{
	position: absolute;
	top: 55%;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 39%;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	opacity:0;
	-webkit-transition: all 1.5s cubic-bezier(0.25, 1, 0.5, 1);
	    -moz-transition: all 1.5s cubic-bezier(0.25, 1, 0.5, 1);
	      -ms-transition: all 1.5s cubic-bezier(0.25, 1, 0.5, 1);
	             transition: all 1.5s cubic-bezier(0.25, 1, 0.5, 1);
	-webkit-transform:translateY(-50%);
	   -moz-transform:translateY(-50%);
	    -ms-transform:translateY(-50%);
	        transform:translateY(-50%);
}
#header.start .mainImage h1{
	top: 50%;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	opacity:1;
}


@media(min-width:1600px) {
#header .mainImage h1{width:624px;}
}


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

.categoryInfo{
	width: 100%;
}
.categoryInfo .title{
	width: 90%;
	margin: 0 auto;
	padding: 50px 0;
	color: #5D6339;
	text-align: center;
}
.spacePage .categoryInfo .title{color: #79242F;}



.categoryInfo .title .inner{
	position: relative;
}
.categoryInfo .title .logo{
	width: 200px;
	margin: 0 auto;
}
.categoryInfo .title h2{
	font-family: 'Antonio', sans-serif;
	font-weight: 600;
	line-height: 1;
	font-size: 31px;
	letter-spacing: 0.10em;
	margin-top: 0.6em;
}
.categoryInfo .title h3{
	font-family: 'Rasa', serif;
	font-weight: 600;
	line-height: 1;
	font-size: 21px;
	letter-spacing: 0.08em;
	margin-top: 0.8em;
}



.categoryInfo .navigation{
	width: 100%;
	background: #7B805D;
	color: #FFF;
	padding: 70px 0;
}
.spacePage .categoryInfo .navigation{background: #797B7E;color: #FFF;}/*space*/

.categoryInfo .navigation .navi{
	width: 95%;
	max-width: 1040px;
	margin: 0 auto;
	overflow: hidden;
}
.categoryInfo .navigation .navi ul{
	width: 101.5%;
	font-size: 0;
	text-align: center;
}
.categoryInfo .navigation .navi ul li{
	width: 18.5%;
	margin-right: 1.5%;
	display: inline-block;
	position: relative;
	top: 20px;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	opacity:0;
	-webkit-transition: all 1.2s cubic-bezier(0.25, 1, 0.5, 1);
	    -moz-transition: all 1.2s cubic-bezier(0.25, 1, 0.5, 1);
	      -ms-transition: all 1.2s cubic-bezier(0.25, 1, 0.5, 1);
	             transition: all 1.2s cubic-bezier(0.25, 1, 0.5, 1);
}
.categoryInfo .navigation.view .navi ul li{
	top: 0;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	opacity:1;
}

.categoryInfo .navigation .navi ul li:nth-child(2){transition-delay:0.4s;}
.categoryInfo .navigation .navi ul li:nth-child(3){transition-delay:0.8s;}
.categoryInfo .navigation .navi ul li:nth-child(4){transition-delay:1.2s;}
.categoryInfo .navigation .navi ul li:nth-child(5){transition-delay:1.6s;}

.categoryInfo .navigation .spBox .more{
	display: none;
}
.categoryInfo .navigation h4{
	font-family: 'Antonio', sans-serif;
	font-weight: 600;
	line-height: 1;
	font-size: 26px;
	letter-spacing: 0.15em;
}
.categoryInfo .navigation h4 span{
	display: block;
	width: 100%;
	font-size: 18px;
	letter-spacing: 0.12em;
	padding-top: 9px;
	border-top: 1px solid #FFF;
}


.categoryInfo .navigation .navImage{
	width: 100%;
	overflow:hidden;
	margin-top: 20px;
	position: relative;
}
.categoryInfo .navigation .navImage .photo{
	position: relative;
	z-index: 1;
}
.categoryInfo .navigation .navImage a .cover{
	position: absolute;
	z-index: 5;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	background: #76777A;
	-webkit-opacity:0.0;
	-moz-opacity:0.0;
	-ms-opacity:0.0;
	opacity:0.0;
	-webkit-transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
	    -moz-transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
	      -ms-transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
	             transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}


.categoryInfo .navigation .navImage a .more{
	position: absolute;
	z-index: 10;
	top: 50%;
	left: 50%;
	background:rgba(93,99,57,0.0);
	font-family: 'Rasa', serif;
	font-weight: 600;
	line-height: 1;
	font-size: 13px;
	letter-spacing: 0.08em;
	color:  #FFF;
	text-align: center;
	padding: 1.0em 1.1em 0.9em;
	display: inline-block;
	-webkit-transition: background 0.5s;
	    -moz-transition: background 0.5s;
	      -ms-transition: background 0.5s;
	             transition: background 0.5s;
	 -webkit-transform:translate(-50%,-50%);
	    -moz-transform:translate(-50%,-50%);
	      -ms-transform:translate(-50%,-50%);
	             transform:translate(-50%,-50%);
}

.categoryInfo .navigation .navImage a .more span{
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	opacity:0;
	display: block;
	-webkit-transform:scale(1.2);
	   -moz-transform:scale(1.2);
	    -ms-transform:scale(1.2);
	        transform:scale(1.2);
	-webkit-transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
	    -moz-transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
	      -ms-transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
	             transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}
.categoryInfo .navigation .navImage a .more:before{
	content: "";
	position: absolute;
	top: 20%;
	left: 20%;
	bottom: 0;
	z-index: 15;
	width: 110%;
	border-top: 1px solid #372E2C;
	border-left: 1px solid #372E2C;
	-webkit-opacity:0.0;
	-moz-opacity:0.0;
	-ms-opacity:0.0;
	opacity:0.0;
	-webkit-transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
	    -moz-transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
	      -ms-transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
	             transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}
.categoryInfo .navigation .navImage a .more:after{
	content: "";
	position: absolute;
	top: 0%;
	right: 20%;
	bottom: 20%;
	z-index: 15;
	width: 110%;
	border-bottom: 1px solid #372E2C;
	border-right: 1px solid #372E2C;
	-webkit-opacity:0.0;
	-moz-opacity:0.0;
	-ms-opacity:0.0;
	opacity:0.0;
	-webkit-transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
	    -moz-transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
	      -ms-transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
	             transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/*space*/
.spacePage .categoryInfo .navigation h4 span{border-color:#FFF;}
.spacePage .categoryInfo .navigation .navImage a .cover{background: #978B87;}
.spacePage .categoryInfo .navigation .navImage a .more{background:rgba(121,36,47,0.0);}
.spacePage .categoryInfo .navigation .navImage a .more:before{border-color:#FFF;}
.spacePage .categoryInfo .navigation .navImage a .more:after{border-color:#FFF;}
/*space*/



@media(min-width:769px) {
.categoryInfo .navigation .navImage a:hover .cover{
	-webkit-opacity:0.6;
	-moz-opacity:0.6;
	-ms-opacity:0.6;
	opacity:0.6;
}
.categoryInfo .navigation .navImage a:hover .more{
	background:rgba(93,99,57,0.5);
}
.spacePage .categoryInfo .navigation .navImage a:hover .more{background:rgba(121,36,47,0.5);}/*space*/


.categoryInfo .navigation .navImage a:hover .more span{
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	opacity:1;
	-webkit-transform:scale(1.0);
	   -moz-transform:scale(1.0);
	    -ms-transform:scale(1.0);
	        transform:scale(1.0);
}
.categoryInfo .navigation .navImage a:hover .more:before{
	top: 0;
	left: 0;
	bottom: 0;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	opacity:1;
}
.categoryInfo .navigation .navImage a:hover .more:after{
	top: 0;
	right: 0;
	bottom: 0;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	opacity:1;
}
}

@media(min-width:769px) {
.pclink:hover{
	-webkit-opacity:0.8;
	-moz-opacity:0.8;
	-ms-opacity:0.8;
	opacity:0.8;
}
}





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




.collection{
	width: 83%;
	max-width: 1040px;
	margin: 200px auto 0;
}

.collection .lead{
	width: 100%;
}
.collection .lead .collectionName{
	font-family: 'Antonio', sans-serif;
	font-weight: 600;
	line-height: 1;
	text-align: center;
	color: #5D6339;
	position: relative;
}
.spacePage .collection .lead .collectionName{color: #79242F;}/*space*/


.collection .lead .collectionName h2{
	font-size: 38px;
	letter-spacing: 0.15em;
	padding: 12px 0;
}
.collection .lead .collectionName h3{
	font-size: 28px;
	letter-spacing: 0.12em;
	padding-top: 12px;
}
.collection .lead .collectionName .move,
.collection .lead .collectionName.delighter .move{
	position: relative;
	top: 30px;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	opacity:0;
	-webkit-transition: all 0.7s cubic-bezier(0.25, 1, 0.5, 1) ;
	    -moz-transition: all 0.7s cubic-bezier(0.25, 1, 0.5, 1) ;
	      -ms-transition: all 0.7s cubic-bezier(0.25, 1, 0.5, 1) ;
	              transition: all 0.7s cubic-bezier(0.25, 1, 0.5, 1) ;
}
.collection .lead .collectionName.delighter.started .move{
	 -webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	opacity:1;
	top: 0;
}




.collection .lead .collectionName .frame,
.collection .lead .collectionName.delighter .frame{
	position: absolute;
	width: 0%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	border-top: 1px solid #372E2C;
	-webkit-transition: all 1.5s cubic-bezier(0.76, 0, 0.24, 1);
	    -moz-transition: all 1.5s cubic-bezier(0.76, 0, 0.24, 1);
	      -ms-transition: all 1.5s cubic-bezier(0.76, 0, 0.24, 1);
	             transition: all 1.5s cubic-bezier(0.76, 0, 0.24, 1);
}
.collection .lead .collectionName.delighter.started .frame{
	width: 100%;
}
.collection .lead .collectionName .frame:after,
.collection .lead .collectionName.delighter .frame:after{
	 content: "";
	 position: absolute;
	 top: 0;
	 left: 0;
	 right: 0;
	 height: 0;
	border-left: 1px solid #372E2C;
	border-right: 1px solid #372E2C;
	-webkit-transition: all 0.9s cubic-bezier(0.25, 1, 0.5, 1) 1.5s;
	    -moz-transition: all 0.9s cubic-bezier(0.25, 1, 0.5, 1) 1.5s;
	      -ms-transition: all 0.9s cubic-bezier(0.25, 1, 0.5, 1) 1.5s;
	              transition: all 0.9s cubic-bezier(0.25, 1, 0.5, 1) 1.5s;
}
.collection .lead .collectionName.delighter.started .frame:after{
	height: 100%;
}

.collection .lead .collectionName .line,
.collection .lead .collectionName.delighter .line{
	position: relative;
	width: 0%;
	margin: 0 auto;
	height: 1px;
	background: #372E2C;
	-webkit-transition: all 1.0s cubic-bezier(0.76, 0, 0.24, 1) 0.7s;
	    -moz-transition: all 1.0s cubic-bezier(0.76, 0, 0.24, 1) 0.7s;
	      -ms-transition: all 1.0s cubic-bezier(0.76, 0, 0.24, 1) 0.7s;
	             transition: all 1.0s cubic-bezier(0.76, 0, 0.24, 1) 0.7s;
}
.collection .lead .collectionName.delighter.started .line{
	width: 100%;
}



.collection .lead .leadCopy{
	width: 100%;
	margin: 0 auto;
	font-size: 18px;
	line-height: 2.8;
	letter-spacing: 0.05em;
	padding: 110px 0;
	text-align: center;
}


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


.collection .movie{
    width: 86.5%;
    max-width: 900px;
    margin: 0 auto;
}

.movie .videoBox{
	margin:0 auto;
	width:100%;
    position: relative;
}

.movie .videoBox video{
    width: 100%;
}
.movie .playButton{
    position: absolute;
    top: 0;
    left: 0;
    right: -1px;
	bottom: 1%;
    z-index: 10;
    cursor: pointer;
    text-align: center;
    background-position: center center;
    background-size: cover;
}

.mountainPage .movie .playButton.m01{background-image:url("../../mountain/mov/movie_th01.jpg");}
.mountainPage .movie .playButton.m02{background-image:url("../../mountain/mov/movie_th02.jpg");}
.mountainPage .movie .playButton.m03{background-image:url("../../mountain/mov/movie_th03.jpg");}
.mountainPage .movie .playButton.m04{background-image:url("../../mountain/mov/movie_th04.jpg");}
.spacePage .movie .playButton.m01{background-image:url("../../space/mov/movie_th01.jpg");}
.spacePage .movie .playButton.m02{background-image:url("../../space/mov/movie_th02.jpg");}

.movie .playButton:after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 12;
	-webkit-transition: all 0.5s;
	   -moz-transition: all 0.5s;
	    -ms-transition: all 0.5s;
	        transition: all 0.5s;
}

.movie .playButton p{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width:100px;
    height:60px;
    line-height: 0;
	z-index: 15;
    font-size:0;
    border: 1px solid #FFF;
    -webkit-transform:translateY(-50%);
	   -moz-transform:translateY(-50%);
	    -ms-transform:translateY(-50%);
	        transform:translateY(-50%);
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	    -ms-transition: all 0.3s;
	        transition: all 0.3s;
}

.movie .playButton p:after{
    content: '';
    position: absolute;
    top: 50%;
    left:50%;
    width: 0;
    height: 0;
    border-left: 20px solid #FFF;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    -webkit-transform:translate(-40%,-50%);
	   -moz-transform:translate(-40%,-50%);
	    -ms-transform:translate(-40%,-50%);
	        transform:translate(-40%,-50%);
}

@media(min-width: 769px) {
.mountainPage .movie .playButton:hover:after{background:rgba(93,99,57,0.5);}
.spacePage .movie .playButton:hover:after{background:rgba(121,36,47,0.5);}

}



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




.itemUnit{
	width: 100%;
	margin: 130px 0 80px;
}
.itemUnit.noMovie{
	margin-top: 40px;
}



.itemUnit .itemMain{
	width: 100%;
	position:relative;
}



.itemUnit .itemMain .sideBox{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 86.5%;
}
.itemUnit .itemMain .sideTitle,
.itemUnit .itemMain .sideTitle.delighter{
	width: 56px;
	position: absolute;
	top: 0;
	right: -56px;
	z-index: 250;
	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 .itemMain .sideTitle.delighter.started{
	right: -27px;
    -webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	opacity:1;
}


/*---reverse---*/
.itemUnit.reverse .itemMain .sideBox{}
.itemUnit.reverse .itemMain .sideTitle,
.itemUnit.reverse .itemMain .sideTitle.delighter{
	left: -56px;
	right: inherit;
}
.itemUnit.reverse .itemMain .sideTitle.delighter.started{
	left: -27px;
}




.itemUnit .itemMain .scene{
	width: 50%;
	float: left;
}
.itemUnit .itemMain .scene span,
.itemUnit .itemMain .scene.delighter span{
	display: block;
	width: 86.5%;
	margin-left: 13.5%;
	position: relative;
	left: -30px;
	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 .itemMain .scene.delighter.started span{
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	opacity:1;
    left: 0;
}

/*---reverse---*/
.itemUnit.reverse .itemMain .scene{float:  right;}
.itemUnit.reverse .itemMain .scene span,
.itemUnit.reverse .itemMain .scene.delighter span{margin-left: 0%;left:inherit;right: -30px;}
.itemUnit.reverse .itemMain .scene.delighter.started span{right: 0;}



.itemUnit .itemMain .info{
	width: 35.5%;
	margin-right: 6.75%;
	float: right;
	position: relative;
}

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


.itemUnit .itemMain .info .wideLimit{
	width: 87%;
}
.itemUnit .itemMain .itemImageSlide{
	width: 100%;
	margin-bottom: 55px;
	position: relative;
}
.itemUnit .itemMain .itemImageSlide .parts,
.recomendItem .itemImage .parts{
	position: absolute;
	top: 0;
}
.i01 .parts{width:15%;left: 0;}
.i03 .parts{width:23%;left: 0;}
.ir02 .parts{width:23%;left: 0;}
.p01 .parts{width:15%;left: 0;}
.pr01 .parts{width:18%;right: 0;}
.a01 .parts{width:25%;left: 0;}



.itemUnit .slick-dots{bottom:-30px;}
.o01 .tips span:nth-child(1){background:linear-gradient(90deg, #5D6339 0%, #5D6339 50%, #29312D 50%, #29312D 100%);}
.o02 .tips span:nth-child(1) {background:#665;}
.o02 .tips span:nth-child(2) {background:#24272A;}
.o03 .slick-dots li:nth-child(1) button{background:#00263A;}
.o03 .slick-dots li:nth-child(2) button{background:#3F4727;}
.o04 .slick-dots li:nth-child(1) button{background:#6F7271;}
.o04 .slick-dots li:nth-child(2) button{background:#332E20;}

.i01 .slick-dots li:nth-child(1) button{background:#D6D1C4;}
.i01 .slick-dots li:nth-child(2) button{background:#3F4727;}
.i01 .slick-dots li:nth-child(3) button{background:#00263A;}
.i02 .slick-dots li:nth-child(1) button{background:#323E48;}
.i02 .slick-dots li:nth-child(2) button{background:#888B8D;}
.i03 .slick-dots li:nth-child(1) button{background:#3A0A0F;}
.i03 .slick-dots li:nth-child(2) button{background:#00263A;}
.i04 .slick-dots li:nth-child(1) button{background:#6F7271;}
.i04 .slick-dots li:nth-child(2) button{background:#691C32;}

.p01 .slick-dots li:nth-child(1) button{background:#3F4727;}
.p01 .slick-dots li:nth-child(2) button{background:#00263A;}
.p02 .slick-dots li:nth-child(1) button{background:#816852;}
.p02 .slick-dots li:nth-child(2) button{background:#1B2227;}

.a01 .tips span:nth-child(1) {background:#000;}
.a02 .tips span:nth-child(1) {background:#000;}
.a03 .tips span:nth-child(1){background:linear-gradient(90deg, #294634 0%, #294634 50%, #D4CA9F 50%, #D4CA9F 100%);}










.specBox{
	color: #76777A;
	font-family: 'Rasa', serif;
	line-height: 1;
	letter-spacing: 0.08em;
}
.spacePage .specBox{color: #382F2D;}/*space*/



.specBox h3{
	font-weight: 600;
	font-size: 16px;
	white-space: nowrap;
}
.specBox h3 span{
	font-weight: 400;
	font-size: 14px;
	letter-spacing: 0em;
	white-space: nowrap;
}
.specBox h4{
	font-weight: 400;
	font-size: 14px;
	margin-top: 0.2em;
	white-space: nowrap;
}
.specBox .buy{
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform:translateY(-50%);
	    -moz-transform:translateY(-50%);
	      -ms-transform:translateY(-50%);
	              transform:translateY(-50%);
}
.specBox .buy a{
	font-size: 13px;
	color: #FFF;
	line-height: 1;
	border: 1px solid #5D6339;
	background: #5D6339;
	padding: 0.3em 0.4em 0.2em;
}

.spacePage .specBox .buy a{border: 1px solid #79242F;background: #79242F;}/*space*/


@media(min-width:769px) {
.specBox .buy a:hover{color: #5D6339;background: #FFF;}
.spacePage .specBox .buy a:hover{color: #79242F;background: #FFF;}/*space*/
}










.itemUnit .itemMain .spec{
	width: 100%;
	padding: 17px 0;
	color: #76777A;
	border-top: 1px solid #76777A;
	border-bottom: 1px solid #76777A;
	position: relative;
}

.itemUnit .itemMain .spec .farst{
	position: relative;
}
.itemUnit .itemMain .spec .second{
	position: relative;
	margin-top: 0.8em;
}


.itemUnit .itemMain .copy{
	width: 100%;
	color: #76777A;
	letter-spacing: 0.05em;
	line-height: 1.85;
	font-size: 13px;
	margin-top: 20px;
}

.spacePage .itemUnit .itemMain .spec{color: #382F2D;}/*space*/
.spacePage .itemUnit .itemMain .copy{color: #382F2D;}/*space*/



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


.itemUnit .itemSub{
	width: 86.5%;
	max-width: 900px;
	margin: 0 auto;
	position:relative;
}

.itemUnit .itemSub .subsideTitle{display: none;}

.itemUnit .itemSub .itemSubImage{
	width: 50%;
	float: left;
	padding: 0 2.5%;
}

.itemUnit .itemSub .subSpec{
	width: 41%;
	margin-right: 0%;
	float: right;
	position: relative;
}

.itemUnit .itemSub .subHorizontalTitle{
	width: 96%;
	margin-bottom: 20px;
}

.itemUnit .itemSub .subSpec .wideLimit{
	width: 87%;
}

.itemUnit .itemSub .tips{
	position: relative;
	top: 0;
	bottom: 0;
	margin: 0 0 30px 0;
	padding: 0;
	text-align: left;
}
.itemUnit .itemSub .tips span{margin: 0 14px 0 0;}

.itemUnit .itemSub .spec{
	width: 100%;
	padding: 17px 0;
	color: #76777A;
	border-top: 1px solid #76777A;
	border-bottom: 1px solid #76777A;
	position: relative;
}

.itemUnit .itemSub .copy{
	width: 100%;
	color: #76777A;
	letter-spacing: 0.05em;
	line-height: 1.85;
	font-size: 13px;
	margin-top: 20px;
}

.spacePage .itemUnit .itemSub .spec{color: #382F2D;}/*space*/
.spacePage .itemUnit .itemSub .copy{color: #382F2D;}/*space*/



/*---reverse---*/
.itemUnit .itemSub.reverse .itemSubImage{float: right;}
.itemUnit .itemSub.reverse .subSpec{float: left;}
.itemUnit .itemSub.reverse .subSpec .wideLimit{;margin-left: 13%;}




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



.itemUnit .otherStyle{
	margin: 100px auto 0;
	width: 86.5%;
	position:relative;
}
.itemUnit .otherStyle .styleTitle{
	position: absolute;
	top: 0;
	left: 0;
	width: 47%;
	z-index: 10;
}

.itemUnit .otherStyle .styleTitle h2,
.itemUnit .otherStyle .styleTitle.delighter h2{
	position: absolute;
	top: 0;
	left: -50px;
	width: 34px;
	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 .otherStyle .styleTitle.delighter.started h2{
	 -webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	opacity:1;
    left: -28px;
}

.itemUnit .otherStyle .styleTitle .line_vertical,
.itemUnit .otherStyle .styleTitle.delighter .line_vertical{
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 0px;
	background: #5D6339;
	-webkit-transition: all 1.0s cubic-bezier(0.76, 0, 0.24, 1);
	    -moz-transition: all 1.0s cubic-bezier(0.76, 0, 0.24, 1);
	      -ms-transition: all 1.0s cubic-bezier(0.76, 0, 0.24, 1);
	             transition: all 1.0s cubic-bezier(0.76, 0, 0.24, 1);
}
.itemUnit .otherStyle .styleTitle.delighter.started .line_vertical{
	height: 190px;
}

.itemUnit .otherStyle .styleTitle .line_horizontal,
.itemUnit .otherStyle .styleTitle.delighter .line_horizontal{
	position: absolute;
	top: 190px;
	left: 0;
	width: 0;
	height: 1px;
	background: #5D6339;
	-webkit-transition: all 1.3s cubic-bezier(0.25, 1, 0.5, 1) 1.0s;
	    -moz-transition: all 1.3s cubic-bezier(0.25, 1, 0.5, 1) 1.0s;
	      -ms-transition: all 1.3s cubic-bezier(0.25, 1, 0.5, 1) 1.0s;
	              transition: all 1.3s cubic-bezier(0.25, 1, 0.5, 1) 1.0s;
}
.itemUnit .otherStyle .styleTitle.delighter.started .line_horizontal{
	width: 100%;
}


/*reverse*/
.itemUnit .otherStyle.reverse .styleTitle{left:inherit;right: 0;width: 47%;}
.itemUnit .otherStyle.reverse .styleTitle h2,
.itemUnit .otherStyle.reverse .styleTitle.delighter h2{left: inherit;right: -50px;width: 34px;}
.itemUnit .otherStyle.reverse .styleTitle.delighter.started h2{ right: -28px;}
.itemUnit .otherStyle.reverse .styleTitle .line_vertical,
.itemUnit .otherStyle.reverse .styleTitle.delighter .line_vertical{left:inherit;right: 0;}
.itemUnit .otherStyle.reverse .styleTitle .line_horizontal,
.itemUnit .otherStyle.reverse .styleTitle.delighter .line_horizontal{left:inherit;right: 0;}
/*reverse*/


/*space*/
.spacePage .itemUnit .otherStyle .styleTitle .line_vertical,
.spacePage .itemUnit .otherStyle .styleTitle.delighter .line_vertical{background: #79242F}
.spacePage .itemUnit .otherStyle .styleTitle .line_horizontal,
.spacePage .itemUnit .otherStyle .styleTitle.delighter .line_horizontal{background: #79242F;}
/*space*/



.itemUnit .otherStyle .s-styleImage{
	width: 41%;
	float: right;
	position: relative;
}
.itemUnit .otherStyle .s-styleImage p{
	width:86%;
	transition-delay:0.4s;
}

.itemUnit .otherStyle .d-styleImage{
	width: 53%;
	float: left;
	position: relative;
}
.itemUnit .otherStyle .d-styleImage p{
	width:100%;
	transition-delay:0.4s;
}

.itemUnit .otherStyle .s-styleSpec{
	width: 47%;
	padding-top: 64%;
	float: left;
	position: relative;
	text-align: right;
	transition-delay:0.4s;
}

.itemUnit .otherStyle .d-styleSpec{
	width: 43%;
	padding-top: 63%;
	float: right;
	position: relative;
	transition-delay:0.4s;
}
.itemUnit .otherStyle .d-styleSpec .left{
	position: absolute;
	top: 40%;
	left: 0;
	-webkit-transform:translateY(-50%);
	    -moz-transform:translateY(-50%);
	      -ms-transform:translateY(-50%);
	              transform:translateY(-50%);
}
.itemUnit .otherStyle .d-styleSpec .right{
	position: absolute;
	bottom: 0;
	right: 0;
}
.itemUnit .otherStyle .specTitle{
	display: block;
	margin-bottom: 5px;
}
.itemUnit .otherStyle .specTitle span{
	font-size: 12px;
	ont-family: 'Rasa', serif;
	font-weight: 300;
	line-height: 1;
	letter-spacing: 0.08em;
	padding: 1px 4px 2px;
	color: #5D6339;
	border: 1px solid #5D6339;
	-webkit-border-radius:5px;
        -moz-border-radius:5px;
	             border-radius:5px;
}


.spacePage .itemUnit .otherStyle .specTitle span{color: #79242F;border-color:#79242F;}/*space*/




.itemUnit .otherStyle  .s-styleSpec .specList{
	display: inline-block;
	position: absolute;
	bottom: 0;
	right: 0;
	border-bottom: 1px solid #6F7271;
	padding-bottom: 10px;
}
.itemUnit .otherStyle  .d-styleSpec .specList{
	display: inline-block;
	border-bottom: 1px solid #6F7271;
	padding-bottom: 10px;
}

/*reverse*/
.itemUnit .otherStyle.reverse .s-styleImage{float: left;}
.itemUnit .otherStyle.reverse .s-styleImage p{margin-left: 14%;}
.itemUnit .otherStyle.reverse .s-styleSpec{float: right;text-align: left;}
.itemUnit .otherStyle.reverse  .s-styleSpec .specList{right:inherit;left: 0;}




.itemUnit .otherStyle .specList li{
	width: 100%;
	padding: 5px 60px 5px 0;
	position: relative;
	text-align: left;

}




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


.unitSpace,
.unitSpace.delighter{
	width: 0%;
	max-width: 900px;
	margin: 0 auto;
	height: 3px;
	background: #DBDBD9;
	-webkit-transition: all 1.3s cubic-bezier(0.25, 1, 0.5, 1);
	    -moz-transition: all 1.3s cubic-bezier(0.25, 1, 0.5, 1);
	      -ms-transition: all 1.3s cubic-bezier(0.25, 1, 0.5, 1);
	              transition: all 1.3s cubic-bezier(0.25, 1, 0.5, 1);
}
.unitSpace.delighter.started{
	width: 86.5%;
}

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

.recommend{
	width: 86.5%;
	max-width: 900px;
	margin: 130px auto 0;
	padding-bottom: 100px;
	overflow: hidden;
}

.recommend .title{
	text-align: right;
	position: relative;
}
.recommend .title.wide{width: 100%;}
.recommend .title.short{width: 45%;}

.recommend .title .line_vertical,
.recommend .title.delighter .line_vertical{
	width:0;
	height: 1px;
	position: absolute;
	bottom: 0;
	right: 0;
	background: #5D6339;
	z-index: 11;
	-webkit-transition: width 1.0s cubic-bezier(0.76, 0, 0.24, 1);
	    -moz-transition: width 1.0s cubic-bezier(0.76, 0, 0.24, 1);
	      -ms-transition: width 1.0s cubic-bezier(0.76, 0, 0.24, 1);
	             transition: width 1.0s cubic-bezier(0.76, 0, 0.24, 1);
}
.recommend .title.delighter.started .line_vertical{
	width: 100%;
}
.recommend .title .line_horizontal,
.recommend .title.delighter .line_horizontal{
	width:1px;
	height: 0px;
	position: absolute;
	bottom:0;
	left: 0;
	background: #5D6339;
	z-index: 11;
	transform: rotate(180deg);
	-webkit-transition: all 1.0s cubic-bezier(0.25, 1, 0.5, 1) 1.1s;
	    -moz-transition: all 1.0s cubic-bezier(0.25, 1, 0.5, 1) 1.1s;
	      -ms-transition: all 1.0s cubic-bezier(0.25, 1, 0.5, 1) 1.1s;
	              transition: all 1.0s cubic-bezier(0.25, 1, 0.5, 1) 1.1s;
}
.recommend .title.delighter.started .line_horizontal{
	height: 220px;
	bottom: -220px;
}



/*space*/
.spacePage .recommend .title .line_vertical,
.spacePage .recommend .title.delighter .line_vertical{background: #79242F;}
.spacePage .recommend .title .line_horizontal,
.spacePage .recommend .title.delighter .line_horizontal{background: #79242F;}
/*space*/







.recommend .title h2,
.recommend .title.delighter h2{
	width: 372px;
	margin-right: 20px;
	display: inline-block;
	position: relative;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	opacity:0;
	left: -30px;
	-webkit-transition: all 1.0s cubic-bezier(0.25, 1, 0.5, 1) 0.8s;
	    -moz-transition: all 1.0s cubic-bezier(0.25, 1, 0.5, 1) 0.8s;
	      -ms-transition: all 1.0s cubic-bezier(0.25, 1, 0.5, 1) 0.8s;
	              transition: all 1.0s cubic-bezier(0.25, 1, 0.5, 1) 0.8s;
}
.recommend .title.short h2,
.recommend .title.short.delighter h2{
	width: 365px;
	margin-right: 10px;
}


.recommend .title.delighter.started h2{
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	opacity:1;
    left: 0;
}


.recommend .recomendItem{
	width: 100%;
	margin: 0 auto;
	text-align: left;
}
.spacePage .recommend .recomendItem{width: 96%;margin: 0 0 0 4%;}/*space*/

.recommend .recomendItem .itemList{
	font-size: 0;
	width: 110%;
}
.recommend .recomendItem .itemList .itemSet{
	width: 40%;
	margin-right:10%;
	margin-top: 60px;
	display: inline-block;
	vertical-align: top;
	
}
.recommend .recomendItem .itemList .itemSet .itemImage{
	padding-bottom: 60px;
	position: relative;
}
.recommend .recomendItem .nameEN{
	font-family: 'Antonio', sans-serif;
	font-weight: 600;
	line-height: 1;
	font-size: 25px;
	letter-spacing: 0.12em;
	color: #5D6339;
}
.recommend .recomendItem .nameJP{
	line-height: 1.4;
	font-size: 15px;
	margin-top: 4px;
	letter-spacing: 0.03em;
	color: #5D6339;
}
.recommend .recomendItem .copy{
	width: 100%;
	color: #76777A;
	letter-spacing: 0.05em;
	line-height: 1.85;
	font-size: 13px;
	margin-top: 15px;
}
.recommend .recomendItem .spec{
	margin-top: 25px;
	position: relative;
}


/*space*/
.spacePage .recommend .recomendItem .nameEN{color: #79242F;}
.spacePage .recommend .recomendItem .nameJP{color: #79242F;}
.spacePage .recommend .recomendItem .copy{color: #332E20;}
.spacePage .recommend .recomendItem .spec h3{color: #332E20;}
.spacePage .recommend .recomendItem .spec h4{color: #332E20;}
/*space*/





.recommend .recomendItem .spec h3,
.recommend .recomendItem .spec h4,
.recommend .recomendItem .spec a{
	letter-spacing: 0.08em;
}



.or01 .slick-dots li:nth-child(1) button{background:#3F1C23;}
.or01 .slick-dots li:nth-child(2) button{background:#645D21;}
.or01 .slick-dots li:nth-child(3) button{background:#00263A;}
.or01 .slick-dots li:nth-child(4) button{background:#F1E4B2;}
.or02 .slick-dots li:nth-child(1) button{background:#3F1C23;}
.or02 .slick-dots li:nth-child(2) button{background:#645D21;}
.or02 .slick-dots li:nth-child(3) button{background:#00263A;}

.ir01 .slick-dots li:nth-child(1) button{background:#000000;}
.ir01 .slick-dots li:nth-child(2) button{background:#4D5858;}
.ir01 .slick-dots li:nth-child(3) button{background:#D6DAD6;}
.ir02 .slick-dots li:nth-child(1) button{background:#00263A;}
.ir02 .slick-dots li:nth-child(2) button{background:#691C32;}
.ir03 .slick-dots li:nth-child(1) button{background:#691C32;}
.ir03 .slick-dots li:nth-child(2) button{background:#C8C8C8;}

.pr01 .slick-dots li:nth-child(1) button{background:#3D441D;}
.pr01 .slick-dots li:nth-child(2) button{background:#3F444B;}

.ar01 .tips span:nth-child(1) {background:#000;}

.ar02 .slick-dots li:nth-child(1) button{background:#00263A;}
.ar02 .slick-dots li:nth-child(2) button{background:#3D441D;}


.ar03 .tips span:nth-child(1){background:linear-gradient(90deg, #294634 0%, #294634 50%, #D4CA9F 50%, #D4CA9F 100%);}



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


.collecitonBanner{
	width: 86.5%;
	max-width: 900px;
	margin: 50px auto 0;
	padding-bottom: 50px;
}
.collecitonBanner a{
	display: block;
	width: 100%;
	padding-top: 42%;
	position: relative;
	background-position: center center;
	background-size: cover;
}
.collecitonBanner.outer a{background-image: url("../../mountain/images/outer_banner.jpg");}
.collecitonBanner.inner a{background-image: url("../../mountain/images/inner_banner.jpg");}
.collecitonBanner.pants a{background-image: url("../../mountain/images/pants_banner.jpg");}
.collecitonBanner.acc a{background-image: url("../../mountain/images/acc_banner.jpg");}
.collecitonBanner.shirt a{background-image: url("../../space/images/shirt_banner.jpg");}
.collecitonBanner.knit a{background-image: url("../../space/images/knit_banner.jpg");}
.collecitonBanner.cut a{background-image: url("../../space/images/cut_banner.jpg");}
.collecitonBanner.spaceacc a{background-image: url("../../space/images/acc_banner.jpg");}
.collecitonBanner a .inner{
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	top: 50%;
	text-align: center;
	z-index: 20;
	 -webkit-transform:translateY(-50%);
	   -moz-transform:translateY(-50%);
	    -ms-transform:translateY(-50%);
	        transform:translateY(-50%);
}
.collecitonBanner h2{
	font-family: 'Antonio', sans-serif;
	font-weight: 600;
	line-height: 1;
	font-size: 38px;
	letter-spacing: 0.10em;
	color: #FFF;
}



.collecitonBanner .more{
	width: 125px;
	margin: 25px auto 0;
	position: relative;
}
.collecitonBanner .more span{
	width: 86%;
	display: block;
	margin: 0 auto;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	font-family: 'Rasa', serif;
	font-weight: 600;
	line-height: 1;
	font-size: 15px;
	letter-spacing: 0.08em;
	color:  #FFF;
	text-align: center;
	padding: 1.0em 0 0.9em;
	position: relative;
}
.collecitonBanner .more span:before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0%;
	width: 110%;
	height: 1px;
	background: #FFF;
	-webkit-transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
	    -moz-transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
	      -ms-transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
	             transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}
.collecitonBanner .more span:after{
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	right: 0%;
	width: 110%;
	height: 1px;
	background: #FFF;
	-webkit-transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
	    -moz-transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
	      -ms-transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
	             transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}


.collecitonBanner .cover{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	background: #5D6339;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	opacity:0;
	-webkit-transition: all 0.5s;
	    -moz-transition: all 0.5s;
	      -ms-transition: all 0.5s;
	             transition: all 0.5s;
}
.spacePage .collecitonBanner .cover{background: #79242F;}


@media(min-width:769px) {
.collecitonBanner a:hover .more span:before{left: -10%;}
.collecitonBanner a:hover .more span:after{right: -10%;}

.collecitonBanner a:hover .cover{
	-webkit-opacity:0.5;
	-moz-opacity:0.5;
	-ms-opacity:0.5;
	opacity:0.5;
}

}








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



.otherContents{
	margin: 180px auto 200px; 
}


.unisexBn{
	width: 72%;
	max-width: 900px;
	margin: 0 auto;
}
.unisexBn a{
	display: block;
	width: 100%;
	padding-top: 42%;
	position: relative;
	background-position: center center;
	background-size: cover;
	background-image: url("../../mountain/images/unisex_banner.jpg");
}
.spacePage .unisexBn a{background-image: url("../../space/images/unisex_banner.jpg");}

.unisexBn a .inner{
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	top: 50%;
	text-align: center;
	z-index: 20;
	 -webkit-transform:translateY(-50%);
	   -moz-transform:translateY(-50%);
	    -ms-transform:translateY(-50%);
	        transform:translateY(-50%);
}
.unisexBn h2{
	width: 70%;
	margin: 0 auto;
}
.unisexBn .cover{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	background:rgba(242,218,178,0.4);
	-webkit-transition: all 0.5s;
	    -moz-transition: all 0.5s;
	      -ms-transition: all 0.5s;
	             transition: all 0.5s;
}
.spacePage .unisexBn .cover{background:rgba(217,216,214,0.4);}



.textBn{
	width: 90%;
	margin: 150px auto 0;
	text-align: center;
}
.textBn a{
	width: 380px;
	margin: 0 auto;
	display: block;
	-webkit-transition: all 0.4s;
	    -moz-transition: all 0.4s;
	      -ms-transition: all 0.4s;
	             transition: all 0.4s;
}
.textBn h3{
	width: 380px;
	margin: 0 auto;
	display: block;
}






.oneMoreBn{
	width: 70%;
	max-width: 580px;
	margin: 50px auto 0;
}
.oneMoreBn a{
	display: block;
	width: 100%;
	padding-top: 38%;
	position: relative;
	background-position: center center;
	background-size: cover;
	background-image: url("../../mountain/images/link_space.jpg");
}


.spacePage .oneMoreBn a{background-image: url("../../space/images/link_mountain.jpg"); border: 1px solid #5D6339;}/*space*/
.oneMoreBn a .inner{
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	top: 50%;
	text-align: center;
	z-index: 20;
	 -webkit-transform:translateY(-50%);
	   -moz-transform:translateY(-50%);
	    -ms-transform:translateY(-50%);
	        transform:translateY(-50%);
}
.oneMoreBn h2{
	width: 40%;
	margin: 0 auto;
}
.oneMoreBn .cover{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	-webkit-transition: all 0.5s;
	    -moz-transition: all 0.5s;
	      -ms-transition: all 0.5s;
	             transition: all 0.5s;;
}











.otherContents .more{
	width: 125px;
	margin: 25px auto 0;
	position: relative;
}
.otherContents .more span{
	width: 86%;
	display: block;
	margin: 0 auto;
	border-left: 1px solid #402020;
	border-right: 1px solid #402020;
	font-family: 'Rasa', serif;
	font-weight: 600;
	line-height: 1;
	font-size: 15px;
	letter-spacing: 0.08em;
	color:  #402020;
	text-align: center;
	padding: 1.0em 0 0.9em;
	position: relative;
}
.otherContents .more span:before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0%;
	width: 110%;
	height: 1px;
	background: #402020;
	-webkit-transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
	    -moz-transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
	      -ms-transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
	             transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}
.otherContents .more span:after{
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	right: 0%;
	width: 110%;
	height: 1px;
	background: #402020;
	-webkit-transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
	    -moz-transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
	      -ms-transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
	             transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}


.otherContents .oneMoreBn .more span{
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	color:  #FFF;
}
.otherContents .oneMoreBn .more span:before{
	background: #FFF;
}
.otherContents .oneMoreBn .more span:after{
	background: #FFF;
}




@media(min-width:769px) {
.otherContents a:hover .more span:before{left: -10%;}
.otherContents a:hover .more span:after{right: -10%;}

.textBn a:hover{
	-webkit-opacity:0.5;
	-moz-opacity:0.5;
	-ms-opacity:0.5;
	opacity:0.5;
}

.unisexBn a:hover .cover{background:rgba(230,186,124,0.5);}
.spacePage .unisexBn a:hover .cover{background:rgba(177,174,171,0.6);}


.oneMoreBn a:hover .cover{background:rgba(121,36,47,0.5);}
.spacePage .oneMoreBn a:hover .cover{background:rgba(93,99,57,0.5);}/*space*/



}



.screenWide{display: block;}