@charset "utf-8";
html, body {
	font-family: HelveticaNeue, "Helvetica Neue", Helvetica, TeXGyreHerosRegular, Arial, "Hiragino Kaku Gothic ProN", "メイリオ", Tahoma, Geneva, sans-serif;
	color: #000;
	-webkit-font-smoothing: antialiased;
	font-size: 14px;
	line-height: 1.5;
	margin: 0;
}




img {
	vertical-align: bottom;
	width: 100%;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;

}

a:link {
	color: #000; 
}
a:visited { 
	color: #000;
}
a:hover {
	color: #000;
}
a:active {
	color: #000;
}

a {
	text-decoration: none;
}
	
a, a img {
	outline: none;
	border: none;
}



p{
	margin: 0;
}

article{
}

.section {
	text-align: center;
}

ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

li{
	margin: 0;
}

 a img:hover, a img:focus, .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus, .tabs-list label.panel-label:hover, .tabs-list label.panel-label:focus {
	opacity: 1;
	-webkit-animation: flash 1s;
	animation: flash 1s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}



/*Inview Effect
---------------------------------------------------------*/


.img{
	opacity: 0;
    transition: 1.5s;
    -webkit-transition: 1.5s;
}

.txt{
	opacity: 0;
    transition: 1.5s;
    -webkit-transition: 1.5s;
}

.img.on{
	opacity: 1;
}

.num{
	opacity: 0;
    transform: translate(0,40px); 
    -webkit-transform: translate(0,40px); 
    transition: 1s;
    -webkit-transition: 1s;
}

.num.on{
    opacity: 1.0;
    transform: translate(0,0); 
    -webkit-transform: translate(0,0);
}


.info.on + header > nav{
	opacity: 0;
    transition: 0.25s;
    -webkit-transition: 0.25s;
}


.info + header > nav{
	opacity: 1;
    transition: 0.25s;
    -webkit-transition: 0.25s;
}

.info.on + header > nav2{
	opacity: 0;
    transition: 0.25s;
    -webkit-transition: 0.25s;
}


.info + header > nav2{
	opacity: 1;
    transition: 0.25s;
    -webkit-transition: 0.25s;
}

.info.on + header > nav3{
	opacity: 0;
    transition: 0.25s;
    -webkit-transition: 0.25s;
}


.info + header > nav3{
	opacity: 1;
    transition: 0.25s;
    -webkit-transition: 0.25s;
}




/*Contents
---------------------------------------------------------*/




header{
	position: absolute;
    top: 0;
    z-index: 1000;
    display: table;
    width: 100%;
    height: 100vh;
}


.thumbclose{
	position: absolute;
    top: -14%;
    left: 92%;
    z-index: 1000;
    display: table;
    width: 100%;
    height: 100vh;
}

.thumbclose img{
	right: 1%;
	margin: 27.5% 2% 0 0;
	width: 3.9%;
}


.box {
  margin: 5% 5%;
}

.table-ul {
  display: table;
  table-layout: fixed;
  width: 70%;
  margin-left: 12%;
}


.table-ul li {
  display: table-cell;
  vertical-align: middle;
  padding: 0.5%;
}


.table-ul2 {
  display: table;
  table-layout: fixed;
  width: 15%;
  margin: 3.5% 15% 0 39.5%;
}


.table-ul2 li {
  display: table-cell;
  vertical-align: middle;
  padding: 0.5%;
}


nav{
	position: fixed;
    top: 13%;
    text-align: left;
    margin-top: -98px;
    margin-left: 1.7%;
}


nav ul li{
    font-size: 1.143em;
    text-align: left;
}

nav ul li img{
    max-width: 100%
}

nav ul li p{
	letter-spacing: 0.05em;
	margin: 0 0 15px;
	font-weight: 700;
}

nav ul li a{
	color: #000;
	letter-spacing: 0.025em;
}

nav2{
	position: fixed;
    top: 50%;
    text-align: left;
    margin-top: -98px;
    margin-left: 2.5%;
}

nav3{
	position: fixed;
    top: 80%;
    text-align: left;
    margin-top: -98px;
    margin-left: 2.5%;
}

nav3 ul li img{
   margin-bottom: 2px;
}



.carousel > div{
	margin: 0 0 0 7.5%;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	position: relative;
	opacity: 1 !important;
}

.carousel img{
	vertical-align: top;
}

.mv > h1{
	display: none;
}



h1{
	position: absolute;

	top: 50%;
    margin: -4% 0 0 0;
    left: 2.5%;
    /*
    animation: logo 0.8s step-end infinite alternate;}
    */
}



	



@-webkit-keyframes logo{
	21%,40%,61%,80%,100% {opacity:0;}
    0%,20%,41%,60%,81%,99% {opacity:1;}
}
@keyframes logo{
	21%,40%,61%,80%,100% {opacity:0;}
    0%,20%,41%,60%,81%,99% {opacity:1;}
}


h1 img{
	width: auto;
	height: 100%;
}

.ttlsp{
	display: none;
}



.wrap{
	position: relative;
	width: 100%;
	margin: 0 0 0 7.5%;
	background: #fff;
}

.look{
	position: relative;
}

.num{
	position: absolute;
	line-height: 1em;
	height: 9.922%;
	z-index: 10;
}

.num img{
	height: 100%;
	width: auto;
}

.desc{
	position: absolute;
	opacity: 0;
}

.desc.on{
	opacity: 1;
}

.desc p,
.spCredit p{
	font-size: 1em;
	letter-spacing: 0.05em;
	margin-top: 30px;
}

.desc p span,
.spCredit p span{
	font-weight: 700;

}

.desc p span,
.spCredit p span{
	font-weight: 700;

}


/* 黒マウスオーバー時の背景色 */

.linkb {
  color: #000
  background-color: transparent;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all  0.7s ease;
 }

.linkb:hover span{
	color: #fff; 
    background-color: #000;
    }

.linkb:hover {
    background-color: #000;
    }




/* 白マウスオーバー時の背景色 */
.linkw {
  color: #fff
  background-color: transparent;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all  0.7s ease;
 }

.linkw:hover span{
	color: #000; 
    background-color: #fff;
    }

.linkw:hover {
    background-color: #fff;
    }


img{
	width: 100%;
}

.imga{
	margin: 0 0 0 2.5%;
}




.look1std{
	margin-top: 10%;
}

.look1std .desc{
	margin: 0 auto;
	left: 55%;
	margin-top: -45px;
	color: #fff;
}


.look1std a:link {
	color: #fff;
}
.look1std a:visited {
	color: #fff;
}

.look1std .desc p:first-child{
	margin-top: 0;
}

.img1std{
	margin: 0 0 0 35%;
	width: 30%;
	display: inline-block;
	vertical-align: top;
}


.look2std{
	margin-top: 10%;
}

.look2std .desc{
	left: 59%;
	top: 78%;
}

.look2std .desc p:first-child{
	margin-top: 0;
}

.img2std{
	margin: 0 0 0 2.5%;
	width: 27.5%;
	display: inline-block;
	vertical-align: top;
}

.img3std{
	margin: 0 0 0 0.5%;
	width: 27.5%;
	display: inline-block;
	vertical-align: top;
}




.look3std{
	margin-top: 5%;
}

.look3std .desc{
	left: 70%;
	top: 78%;
	margin-top: -45px;
	color: #fff;
}

.look3std a:link {
	color: #fff;
}
.look3std a:visited {
	color: #fff;
}

.look3std .desc p:first-child{
	margin-top: 0;
}

.img4std{
	margin: 0 0 0 35%;
	width: 57.45%;
	display: inline-block;
	vertical-align: top;
}




.look4std{
	margin-top: 10%;
}

.look4std .desc{
	left: 72%;
	top: 45%;
	margin-top: -45px;
}

.look4std .desc p:first-child{
	margin-top: 0;
}

.img5std{
	margin: 0 0 0 10%;
	width: 65%;
	display: inline-block;
	vertical-align: top;
}



.look5std{
	margin-top: -65%;
}

.look5std .desc{
	left: 77.5%;
	top: 108%;
	margin-top: -45px;
}

.look5std .desc p:first-child{
	margin-top: 0;
}

.img6std{
	margin: 0 0 0 60%;
	width: 27.45%;
	display: inline-block;
	vertical-align: top;
}


.look6std{
	margin-top: 30%;
}

.look6std .desc{
	left: 16.5%;
	top: 93%;
	margin-top: -45px;
	color: #fff;
}

.look6std a:link {
	color: #fff;
}
.look6std a:visited {
	color: #fff;
}

.look6std .desc p:first-child{
	margin-top: 0;
}

.img7std{
	margin: -4% 0 0 15%;
	width: 30%;
	display: inline-block;
	vertical-align: top;
}


.look7std{
	margin-top: 35%;
}

.look7std .desc{
	left: 22.5%;
	top: 108%;
	margin-top: -45px;
}

.look7std .desc p:first-child{
	margin-top: 0;
}

.img8std{
	margin: 0 0 0 22.5%;
	width: 25%;
	display: inline-block;
	vertical-align: top;
}


.look8std{
	margin-top: 10%;
}

.look8std .desc{
	left: 69%;
	top: 70%;
	margin-top: -122px;
	color: #fff;
}

.look8std a:link {
	color: #fff;
}
.look8std a:visited {
	color: #fff;
}

.look8std .desc p:first-child{
	margin-top: 0;
}

.img9std{
	margin: -48.2% 0 0 50%;
	width: 30%;
	display: inline-block;
	vertical-align: top;
}

.look9std{
	margin-top: 10%;
}

.look9std .desc{
	left: 36.5%;
	top: 95.5%;
	margin-top: -45px;
}

.look9std .desc p:first-child{
	margin-top: 0;
}

.img10std{
	margin: 0 0 0 7.5%;
	width: 27.5%;
	display: inline-block;
	vertical-align: top;
}

.look10std{
	margin-top: 10%;
}

.look10std .desc{
	left: 55.5%;
	top: 78%;
	margin-top: -45px;
	color: #fff;
}

.look10std a:link {
	color: #fff;
}
.look10std a:visited {
	color: #fff;
}

.look10std .desc p:first-child{
	margin-top: 0;
}

.img11std{
	margin: 0 0 0 15%;
	width: 60%;
	display: inline-block;
	vertical-align: top;
}


.look11std{
	margin-top: 10%;
}

.look11std .desc{
	left: 30%;
	top: 88%;
	margin-top: -45px;
}

.look11std .desc p:first-child{
	margin-top: 0;
}

.img12std{
	margin: 0 0 0 37.5%;
	width: 30%;
	display: inline-block;
	vertical-align: top;
}

.look12std{
	margin-top: 5%;
}

.look12std .desc{
	left: 26.5%;
	top: 93%;
	margin-top: -45px;
}

.look12std .desc p:first-child{
	margin-top: 0;
}

.img13std{
	margin: 0 0 0 25%;
	width: 65%;
	display: inline-block;
	vertical-align: top;
}


.look13std{
	margin-top: 10%;
}

.look13std .desc{
	left: 60%;
	top: 38%;
}

.look13std .desc p:first-child{
	margin-top: 0;
}

.img14std{
	margin: 0 0 0 0;
	width: 27.5%;
	display: inline-block;
	vertical-align: top;
}

.img15std{
	margin: 0 0 0 0.5%;
	width: 27.8%;
	display: inline-block;
	vertical-align: top;
}

.look14std{
	margin-top: 10%;
}

.look14std .desc{
	left: 28%;
	top: 90%;
}

.look14std .desc p:first-child{
	margin-top: 0;
}

.img16std{
	margin: 0 0 0 47.5%;
	width: 30%;
	display: inline-block;
	vertical-align: top;
}

.look15std{
	margin-top: 10%;
}

.look15std .desc{
	left: 32.5%;
	top: 88.5%;
	color: #fff;
}

.look15std a:link {
	color: #fff;
}
.look15std a:visited {
	color: #fff;
}

.look15std .desc p:first-child{
	margin-top: 0;
}

.img17std{
	margin: 0 0 0 31.2%;
	width: 30%;
	display: inline-block;
	vertical-align: top;
}



.look16std{
	margin-top: 10%;
}

.look16std .desc{
	left: 7.5%;
	top: 50%;
	margin-top: -45px;
}

.look16std .desc p:first-child{
	margin-top: 0;
}

.img18std{
	margin: 0 0 0 17.5%;
	width: 30%;
	display: inline-block;
	vertical-align: top;
}


.look17std{
	margin-top: 10%;
}

.look17std .desc{
	left: 66%;
	top: 70%;
	margin-top: -300px;
}

.look17std .desc p:first-child{
	margin-top: 0;
}

.img19std{
	margin: -55.3% 0 0 55%;
	width: 25.05%;
	display: inline-block;
	vertical-align: top;
}

.look18std{
	margin-top: 10%;
}

.look18std .desc{
	left: 53%;
	top: 91%;
	color: #fff;
}

.look18std a:link {
	color: #fff;
}
.look18std a:visited {
	color: #fff;
}

.look18std .desc p:first-child{
	margin-top: 0;
}

.img20std{
	margin: -10% 0 0 42.5%;
	width: 30%;
	display: inline-block;
	vertical-align: top;
}









.img1{
	margin: 15% 0 0 10%;
	width: 100%;
}


.img2{
	margin: -11.667% 0 0 52.5%;
	width: 35%;
}


.look1{
	margin-top: 10%;
}

.img3{
	margin: 0 0 0 20%;
	width: 35%;
}

.look1 .num{
	left: 62.5%;
	top: 10%;
}

.look1 .desc{
	left: 62.5%;
	top: 29.842%;
}


.look2{
	margin-top: 15%;
}

.look2 .num{
	left: 16%;
}

.look2 .desc{
	/*
	bottom: -0.6%;
	*/
	left: 20%;
	top: 41.5%;
}


.img4{
	margin: 0 0 0 40%;
	width: 25%;
	display: inline-block;
	vertical-align: top;
}

.img5{
	margin: 0 0 0 2.5%;
	width: 25%;
	display: inline-block;
	vertical-align: top;
}

.look3{
	margin: 15% 0;
}

.look3 .num{
	top: 10%;
	left: 56.1%;
}

.look3 .desc{
	left: 65%;
	top: 58.3%;
}

.img6{
	margin: 0 0 0 25%; 
	width: 35%;
}




.img7{
	margin: 0 0 0 15%;
	width: 32.5%;
	display: inline-block;
	vertical-align: middle;
}

.img8{
	margin: 0 0 0 12.5%;
	width: 25%;
	display: inline-block;
	vertical-align: middle;
}



.look5{
	margin-top: 15%;
}

.look5 .num{
	top: 50%;
    margin: -2.6045% 0 0 11.25%;
}


.look5 .desc{
	left: 77.5%;
	top: 56.2%;
}

.img10{
	margin: 0 0 0 15%;
	width: 25%;
	display: inline-block;
	vertical-align: top;
}

.img11{
	margin: 0 0 0 2.5%;
	width: 25%;
	display: inline-block;
	vertical-align: top;
}


.look6{
	margin-top: 15%;
}

.look6 .num{
	top: 50%;
    margin: -2.6045% 0 0 61.1%;
}

.look6 .desc{
	left: 12.5%;
	top: 58.3%;
}


.img12{
	margin: 0 0 0 30%;
	width: 35%;
	display: inline-block;
	vertical-align: top;
}

.img13{
	width: 35%;
	display: inline-block;
	vertical-align: top;
}



.img14{
	margin: 15% 0 0 20%;
	width: 25%;
}


.look7 .num{
	bottom: 0;
	right: 67.5%;
}


.look7 .desc{
	left: 37.5%;
	top: 72.4%;
}

.img15{
	margin: -10% 0 0 55%;
	width: 35%;
}


.look8{
	margin-top: 15%;
}

.look8 .num{
	top: 50%;
    margin: -2.6045% 0 0 57.5%;
}

.look8 .desc{
	top: 50%;
	margin-top: -198px;
	left: 70%;
}

.look8 .desc p:first-child{
	margin-top: 0;
}



.img16{
	margin: 0 0 0 17.5%;
	width: 35%;
}


.look9{
	margin: 15% 0 45%;
	width: 100%;
}

.look9 .num{
	margin-top: 47.3%;
    right: 15%;
    height: 10.417%;
}

.look9 .desc{
	position: absolute;
	margin: -6.5% 0 0 17.5%;
	width: 82.5%;
}


.descInr{
	display: inline-block;
	vertical-align: top;
	margin-right: 2.5%; 
}

.descInr p:first-child{
	margin-top: 0;
}


.img17{
	width: 80%;
	margin: 0 auto;
}



.spCredit{
    position: fixed;
    z-index: 10000;
    padding: 5% 15% 5%;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255,255,255,0.98);
    margin: 0 auto;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: none;
}

.spCredit::-webkit-scrollbar{
	display: none;
}


.spCredit hr{
	margin: 0 0 30px;
    border: 0;
}


.creditnum{
	height: 60px;
	position: absolute;
	right: 10%;
	vertical-align: middle;

}

.creditnum img{
	width: auto;
	height: 100%;
}

.spCredit p{
	margin: 0 0 30px;
}

.close{
	padding: 15% 0;
    text-align: center;
    letter-spacing: 0.05em;
    font-size: 1.4545em;
    font-weight: 700;
    text-decoration: underline;
}

.position{
	letter-spacing: 0.05em;
	padding: 0 0 30px;
	font-size: 0.9em;
	font-weight: 600;
}


.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
}





.staffcredit{
	text-align: center;
	padding: 0 5%;
}



footer{
	text-align: center;
}


#shopList{
	margin-top: 15%;
}

.listttl{
	font-weight: 700;
	font-size: 1.0em;
	margin: 100px 0 50px;
	margin-top: 15%;
}

.listdesc{
	letter-spacing: 0.05em;
	font-family: 游ゴシック体, "Yu Gothic", YuGothic, TeXGyreHerosRegular, Helvetica, Tahoma, Geneva, Arial, sans-serif;
}


.txtBlc .storeLink{
    margin-bottom: 6px;
}
.onlinestore {
	margin: 80px 0;
}
.onlinestore img {
	margin: 0 auto;
	width: auto;
}
.place {
	font-weight: 700;
	letter-spacing: 0.05em;
	font-size: 1.143em;
	margin-bottom: 20px;
}
.onlinestore img.stocklist {
	height: 45px;
	margin-bottom: 10px;
}
.onlinestore a {
	color: #000;
	font-size: 14px;
	letter-spacing: 0.025em;
	display: inline-block;
}



.brandContainer{
	background: #fff;
	position: relative;
	padding: 15% 0 10%;

}

footer .brand {
	margin-bottom: 40px;
}
footer .logo {
	margin: 0 0 50px;
	text-align: center;
}
footer .logo a {
	display: inline-block;
}
footer .logo img {
	height: 100%;
	position: relative;
	width: auto;
}

.footerttl{
	font-weight: 700;
	font-size: 1.0em;
	margin: 0 0 50px;
}

footer p {
	margin: 0;
}
footer a {
	display: inline-block;
	font-size: 16px;
	letter-spacing: 0.08em;
}
footer .sns {
	margin-top: 30px;
}
footer .sns a {
	display: inline-block;
	margin: 0 10px;
}
footer .sns img {
	height: 40px;
	width: auto;
}
footer .brandLink a {
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 0.08em;
	margin-top: 20px;
	line-height: 1;
}

footer .ftlogo  img{
	margin: 10% 0 0 0;
	text-align: center;
	width: auto;	
}

footer .copyright {
	margin: 1% 0  10% 0;
	text-align: center;
	font-size: 10px;
	line-height: 1;
}

@-webkit-keyframes sLine {
	0% {
		height: 0;
	}
	50% {
		height: 85%;
	}
	99.9%, to {
		height: 85%;
	}
}
@keyframes sLine {
	0% {
		height: 0;
	}
	50% {
		height: 85%;
	}
	99.9%, to {
		height: 85%;
	}
}
.scrollTop.on div:nth-of-type(2) {
	-webkit-animation: stTxt 2s ease 3s 1 forwards;
	animation: stTxt 2s ease 3s 1 forwards;
}
@-webkit-keyframes stTxt {
	0% {
		opacity: 0;
	}
	99.9%, to {
		opacity: 1;
	}
}
@keyframes stTxt {
	0% {
		opacity: 0;
	}
	99.9%, to {
		opacity: 1;
	}
}

.scrollLine {
	display: inline-block;
	width: 1px;
	height: 0;
	background: #000;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -0.5px;
}
.scrollTxt {
	position: relative;
	top: -5px;
	opacity: 0;
}
.scrollTxt img {
	width: 100%;
	vertical-align: top;
}
.scroll div:nth-of-type(1) {
	-webkit-animation: sLine 2.5s ease 1.5s 1 forwards;
	animation: sLine 2.5s ease 1.5s 1 forwards;
}
@-webkit-keyframes sLine {
	0% {
		height: 0;
	}
	50% {
		height: 85%;
	}
	99.9%, to {
		height: 85%;
	}
}
@keyframes sLine {
	0% {
		height: 0;
	}
	50% {
		height: 85%;
	}
	99.9%, to {
		height: 85%;
	}
}
.scroll div:nth-of-type(2) {
	-webkit-animation: sTxt 2s ease 3s infinite forwards;
	animation: sTxt 2s ease 3s infinite forwards;
}
@-webkit-keyframes sTxt {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	99.9%, to {
		opacity: 0;
	}
}
@keyframes sTxt {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	99.9%, to {
		opacity: 0;
	}
}









/*RESPONSIVE
-------------------------------------------------------*/




@media screen and (max-width: 1919px) {

	body{
		font-size: 13px;
	}

	nav{
		margin-top: -89px;
		margin-top: -1.7%;
	}

	.wrap{
		width: 100%;
		margin: 0 0 0 7.5%
	}

	

}


@media screen and (max-width: 1679px) {

	body{
		font-size: 12px;
	}
	
	nav{
		top: 5%;
		margin-top: 1.2%;
	}

	.wrap{
		width: 100%;
		margin: 0 0 0 7.5%
	}

	.look3std .desc {
		margin-top: -70px;
	}
	
	.look17std .desc {
		margin-top: -16.3%;
	}



}

@media screen and (max-width: 1439px) {

	body{
		font-size: 11px;
	}

	nav{
		top: 5%;
		margin-top: 1%;
	}
	
	.carousel > div{
	margin: 0 0 0 9%;
}

	.wrap{
		width: 100%;
		margin: 0 0 0 9%
	}
	
	.look1std .desc {
		left: 54%;
	}
	
	.look2std .desc {
		top: 74%;
	}
	
	.look3std .desc {
		left: 67%;
	}
	
	.look5std .desc {
		margin-top: -39px;
		left: 76.5%;
	}
	
	.look7std .desc {
		top: 110%;
	}
	
	.look8std .desc {
		left: 67.5%;
		margin-top: -99px;
	}
	
	.look10std .desc {
		left: 53%;
		top: 77%;
	}
	
	.look14std .desc {
		left: 26%;
	}
	
	.look17std .desc {
		margin-top: -16.3%;
	}
	
	.look18std .desc {
		left: 52%;
	}
	
	
}


@media screen and (max-width: 1279px) {

	.carousel > div{
	margin: 0 0 0 9%;
}
	
	nav{
		top: 4%;
		margin-top: 1%;
	}
	
	.wrap{
		width: 100%;
		margin: 0 0 0 9%;
	}
	
	.look1std .desc {
		left: 51.2%;
		margin-top: -2.4%;
	}
	
	.look2std .desc {
		top: 68%;
	}
	
	.look3std .desc {
		left: 63%;
		margin-top: -8.5%;
	}
	
	.look5std .desc {
		left: 73.5%;
		margin-top: -2%;
	}
	
	.look7std .desc {
		top: 112%;
	}
	
	.look8std .desc {
		left: 64.5%;
		margin-top: -94px;
	}
	
	.look10std .desc {
		left: 48%;
		top: 72%;
	}
	
	.look14std .desc {
		left: 21%;
		top: 87%;
	}
	
	.look15std .desc {
		top: 86.5%;
	}
	
	
	.look16std .desc {
		left: 5%;
	}
	
	.look17std .desc {
		left: 61%;
	}
	
	
	.look18std .desc {
		left: 47%;
		top: 90%;
	}
	
	
}


@media screen and (max-width: 1024px) {
	
	
header{
	position: absolute;
    top: 0;
    z-index: 1000;
    display: table;
    width: 100%;
    height: 15vh;

.thumbclose img{
	margin: 39.5% 2% 0 0;
}

 

}

	nav{
		top: 0;
		margin-top: 0%;
		margin-left: 0%;
    background-color: #fff;
    padding: 0 45%;
	}



nav ul li{
    font-size: 1.143em;
    text-align: left;

}

nav ul li img{
	margin: 5% 0;
    
}

nav ul li p{
	letter-spacing: 0.05em;
	margin: 0 0 15px;
	font-weight: 700;
}

nav ul li a{
	color: #000;
	letter-spacing: 0.025em;
}

nav2{
	position: fixed;
    top: 0;
    text-align: left;
    margin: 15px 0 0 10px;
}



nav3{
	position: fixed;
    top: 0;
    right: 0;
    text-align: right;
    margin: 15px 10px 0 0;
}

nav3 ul li img{
   margin-bottom: 10px;
}

nnav3 ul li img .sp{
   display: none !important;
}

li .sp{
   display: none !important;
}

	
	.carousel > div{
		width: 100%;
		margin: 0;
		opacity: inherit;
	}
	
	.vs{
		margin: 10% 0 0 0;
	}
	
	.wrap{
		width: 100%;
		margin: 0;
	}
	
	.look1std .desc {
		left: 50.2%;
	}
	
	.look2std .desc {
		top: 65%;
	}
	
	.look3std .desc {
		left: 60%;
		margin-top: -10%;
	}
	
	.look5std .desc {
		left: 72.5%;
	}
	
	.look7std .desc {
		top: 114%;
	}
	
	.look8std .desc {
		left: 63.5%;
		margin-top: -90px;
	}
	
	.look10std .desc {
		left: 45%;
		top: 69%;
	}
	
	.look14std .desc {
		left: 18%;
		top: 86%;
	}
	
	.look15std .desc {
		top: 84%;
	}
	
	.look17std .desc {
		left: 58%;
	}
	
	.look18std .desc {
		left: 44%;
		top: 89%;
	}
	
	
	
	

}