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

@import url(notosansjapanese.css);


@font-face {
  font-family: "helveticaneue-light";
    src: url("../fonts/helveticaneue-light.eot"); /* IE9 Compat Modes */
	src: url("../fonts/helveticaneue-light.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/helveticaneue-light.woff") format("woff"), /* Modern Browsers */
    url("../fonts/helveticaneue-light.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "helveticaneue";
    src: url("../fonts/helveticaneue.eot"); /* IE9 Compat Modes */
	src: url("../fonts/helveticaneue.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/helveticaneue.woff") format("woff"), /* Modern Browsers */
    url("../fonts/helveticaneue.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}



/* ---------- RESET ---------- */


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

input, textarea, button{
  -webkit-apparence:none;
  border:none;
  background: none;
  outline: none;
}
a{
	-webkit-transition: all 0.4s;
	   -moz-transition: all 0.4s;
	    -ms-transition: all 0.4s;
	        transition: all 0.4s;
}
a.nohover:hover {
  opacity: 1.0;
}

img{
	width:100%;
	height:auto;
	backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	transform:translate3d(0,0,0);
}
*{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-box-shadow:none;
    box-shadow:none;   
    outline:none;
	box-sizing:border-box;
	margin:0;
	padding:0;
}




* {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-box-shadow: none;
    box-shadow: none;   
    outline: none;
}


html,body{
	min-height:100%;
	z-index:1;
	position:relative;
}
body{
	color:#000;
	font-weight:300;
	font-family: 'Noto Sans Japanese','ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Yu Gothic', 'メイリオ', 'Meiryo', Arial, Meiryo, "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;
    line-height: 1.7;
}












/* --------------------- LOADING ------------------------ */
#loader-bg{
	display:block;
	position:fixed;
	width:100%;
	height:100vh;
	min-height:100vh;
	top:0px;
	left:0px;
	background:#FFF;
	z-index:10000;
	overflow:hidden;
}

.stop{
    display:block;
	position:fixed;
	width:100%;
	height:100vh;
	min-height:100vh;
	top:0px;
	left:0px;
	z-index:9999;
	overflow:hidden;
}





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

html,body{
    height: 100%;
    color: #353535;
    background: #FFF;
}




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











/*================================ TOP PAGE =================================*/


.topImage{
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
    background: #B2B1B1;
}

.topImage .move{
    -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);
}

.topImage .topMen{
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: url("../images/topmen.jpg") center center no-repeat;
    background-size: cover;
    z-index: 5;
}
.topImage .topWomen{
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background: url("../images/topwomen.jpg") center center no-repeat;
    background-size: cover;
    z-index: 6;
}

.topImage .cover{
   position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    -webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	opacity:0;
}


.topMen.hoverM{width:60%;}
.topWomen.hoverM{width:40%;}
.topWomen.hoverM .cover{
    -webkit-opacity:0.6;
	-moz-opacity:0.6;
	-ms-opacity:0.6;
	opacity:0.6;
}



.topMen.hoverW{width:40%;}
.topWomen.hoverW{width:60%;}
.topMen.hoverW .cover{
    -webkit-opacity:0.6;
	-moz-opacity:0.6;
	-ms-opacity:0.6;
	opacity:0.6;
}



.topImage .topTitle{
    position: absolute;
    width: 30%;
    z-index: 20;
    top:0;
    bottom: 0;
    left:50%;
    margin: 0 auto;
    pointer-events: none;
    -webkit-transform:translateX(-50%);
	   -moz-transform:translateX(-50%);
	    -ms-transform:translateX(-50%);
	        transform:translateX(-50%);
}
.topImage .topTitle h1{
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    width: 100%;
    margin: 0 auto;
    -webkit-transform:translateY(-50%);
	   -moz-transform:translateY(-50%);
	    -ms-transform:translateY(-50%);
	        transform:translateY(-50%);
}
.topImage .topTitle h1 .pcview{display: block;}
.topImage .topTitle h1 .spview{display: none;}

.topImage .topTitle h2{
    position: absolute;
    bottom: 3%;
    left: 0;
    right: 0;
    width: 35%;
    margin: 0 auto;
}
.topImage .topTitle .arrow{
    position: absolute;
    bottom: 40%;
    left: 0;
    right: 0;
    width: 100%;
}
.topImage .topTitle .arrow .arrowMen{
    position: absolute;
    top: 0;
    right:53%;
    width:32%;
}
.topImage .topTitle .arrow .arrowWomen{
    position: absolute;
    top: 0;
    left:53%;
    width:32%;
}
.topImage .topTitle.moveM{left: 60%;}
.topImage .topTitle.moveW{left: 40%;}


.topImage .linkMen{
    position: absolute;
    z-index: 100;
    width: 60%;
    top: 50%;
    left: 0;
    -webkit-transform:translateY(-50%);
	   -moz-transform:translateY(-50%);
	    -ms-transform:translateY(-50%);
	        transform:translateY(-50%);
}
.topImage .linkWomen{
    position: absolute;
    z-index: 100;
    width: 60%;
    top: 50%;
    right: 0;
    -webkit-transform:translateY(-50%);
	   -moz-transform:translateY(-50%);
	    -ms-transform:translateY(-50%);
	        transform:translateY(-50%);
}
.topImage .linkBT p{
    width: 30%;
    margin: 0 auto;
    position: relative;
}
.topImage .linkBT a{
    display: block;
    width: 100%;
    padding: 12% 10%;
    position: relative;
    box-sizing: border-box;
    -webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	opacity:0;
    -webkit-transform: scale(0.8);
       -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transition:all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
	   -moz-transition:all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
	    -ms-transition:all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
	        transition:all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}
.topImage .linkBT a:hover:before{
    background: rgba(0,0,0,0.5);
}
.topImage .linkBT.linkMen.view a{
    -webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	opacity:1;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1); 
}
.topImage .linkBT.linkWomen.view a{
    -webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	opacity:1;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1); 
}
.topImage .linkBT a:before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #FFF;
    -webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	opacity:0;
    -webkit-transform: scale(0.2);
       -moz-transform: scale(0.2);
        -ms-transform: scale(0.2);
            transform: scale(0.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);
}
.topImage .linkBT.linkMen.view a:before{
    -webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	opacity:1;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1); 
}
.topImage .linkBT.linkWomen.view a:before{
    -webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	opacity:1;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1); 
}
.topImage .spMenu{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 200;
    display: none;
}
.topImage .spMenu .spMen{
    position: relative;
    width: 100%;
    height: 50%;
}
.topImage .spMenu .spWomen{
    position: relative;
    width: 100%;
    height: 50%;
}
.topImage .spMenu .spBT a{
    display: block;
    width: 100%;
    height: 100%;
}


.topImage .spArrow{
    position: absolute;
    top: 50%;
    left: 5%;
    width: 25%;
    z-index: 110;
    display: none;
    -webkit-transform:translateY(-50%);
	   -moz-transform:translateY(-50%);
	    -ms-transform:translateY(-50%);
	        transform:translateY(-50%);
}
.topImage .spArrow .spMen{
    width: 100%;
    padding-bottom: 10%;
}
.topImage .spArrow .spWomen{
    width: 100%;
    padding-top: 10%;
}


@media (min-width: 1500px) {
.topImage .topTitle{width:450px;}
.topImage .linkBT p{width:250px;}

}


@media (max-width:1050px) {
.topImage .topTitle{width:37%;}
}


@media (max-width: 768px) {
.wide{display: none;}

.topImage .linkMen{display: none;}
.topImage .linkWomen{display: none;}
.topImage .topTitle .arrow{display: none;}
.topImage .cover{display: none;}
.topImage .topMen{
    width: 100%;
    height: 50%;
    position:relative;
    background-image: url("../images/topmen_sp.jpg");
}
.topImage .topWomen{
    width: 100%;
    height: 50%;
    position: relative;
    background-image: url("../images/topwomen_sp.jpg");
}
.topImage .topTitle{
    position: absolute;
    width:100% !important;
    z-index: 20;
    left:0 !important;
    margin: 0 auto;
    pointer-events: none;
    -webkit-transform:none;
	   -moz-transform:none;
	    -ms-transform:none;
	        transform:none;
}
.topImage .topTitle h1{
    top: 23%;
    left: 5%;
    right: inherit;
    width: 45%;
    margin: 0;
}
.topImage .topTitle h1 .pcview{display: none;}
.topImage .topTitle h1 .spview{display: block;}

.topImage .topTitle h2{
    bottom: 3%;
    left: 3.5%;
    right: inherit;
    width: 15%;
    margin:0;
}
.topImage .spMenu{display: block;}
.topImage .spArrow{display: block;}

}


@media (max-width: 640px) {
.topImage .topTitle h1{width: 48%;}
.topImage .topTitle h2{width: 20%;}
.topImage .spArrow{width: 30%;}
}

@media (max-width: 480px) {
.topImage .topTitle h1{width: 57%;}
.topImage .topTitle h2{width: 25%;}
.topImage .spArrow{width: 35%;}
.topImage .spArrow .spMen{padding-bottom:8%;}
.topImage .spArrow .spWomen{padding-top:8%;}
}


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



/*============================== TOP PAGE END ===============================*/























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



/* standard */
.fadeIn,
.fadeIn.delighter{
    -webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	opacity:0;
    position: relative;
    top: 50px;
	-webkit-transition:all 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);	
	   -moz-transition:all 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
	    -ms-transition:all 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
	        transition:all 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}
/* start */
.fadeIn.delighter.started{
    -webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	opacity:1;
    top: 0;
}
/* end */
.fadeIn.delighter.ended{
}





/* standard */

.delighter .glay:after,
.glay.delighter:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    bottom: 0;
    background: #F7F7F7;
    z-index: 200;
    pointer-events: none;

}
.delighter.started .glay:after,
.glay.delighter.started:after{

    -webkit-animation:viewanime 1.4s forwards;
	   -moz-animation:viewanime 1.4s forwards;
	    -ms-animation:viewanime 1.4s forwards;
	        animation:viewanime 1.4s forwards;

}
@-webkit-keyframes viewanime {
	0%{width: 0%;-webkit-opacity:1;}
	35%{width: 100%;-webkit-opacity:1;}
    65%{width: 100%;-webkit-opacity:1;}
	100%{width:100%;-webkit-opacity:0;}
}
@-moz-keyframes viewanime {
	0%{width: 0%;-moz-opacity:1;}
	35%{width: 100%;-moz-opacity:1;}
    65%{width: 100%;-moz-opacity:1;}
	100%{width:100%;-moz-opacity:0;}
}
@-ms-keyframes viewanime {
	0%{width: 0%;-ms-opacity:1;}
	35%{width: 100%;-ms-opacity:1;}
    65%{width: 100%;-ms-opacity:1;}
	100%{width:100%;-ms-opacity:0;}
}
@keyframes viewanime {
	0%{width: 0%;opacity:1;}
	35%{width: 100%;opacity:1;}
    65%{width: 100%;opacity:1;}
	100%{width:100%;opacity:0;}
}


.delighter .glay:before,
.glay.delighter:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    bottom: 0;
    background: #FFF;
    z-index: 199;
    pointer-events: none;
    -webkit-transition:all 0.1s linear 0.6s;	
	   -moz-transition:all 0.1s linear 0.6s;
	    -ms-transition:all 0.1s linear 0.6s;
	        transition:all 0.1s linear 0.6s;
}

.delighter.started .glay:before,
.glay.delighter.started:before{
    -webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	opacity:0;
}




/* =============================== MEN/WOMEN =============================== */

.main{
	margin:0;
	padding:0;
	width:100%;
    
}
.main img{
	width:100%;
	height:auto;
}


.mainImage{
    width: 100%;
    position: relative;
    padding-top: 55%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mainImage.imageMen{
    background-image: url("../images/2nd_men.jpg");   
}
.mainImage.imageWomen{
    background-image: url("../images/2nd_women.jpg");   
}
.mainImage .title{
    position: absolute;
    top: 50%;
    left: 8%;
    width: 30%;
    -webkit-transform:translateY(-50%);
	   -moz-transform:translateY(-50%);
	    -ms-transform:translateY(-50%);
	        transform:translateY(-50%);
}







.introduction{
    width: 100%;
    padding: 180px 0;
}
.introduction .introInner{
    width: 85%;
    max-width: 1200px;
    margin: 0 auto;
}
.introduction h2{
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0.1em;
}
.introduction h3{
    font-family: "helveticaneue";
    font-size: 18px;
    margin: 5px 0 30px;
}
.introduction h3 br{display: none;}
.introduction .lead p{
    letter-spacing: 0.08em;
    line-height: 2.3;
    font-size: 16px;
}




.introduction .link{
    padding: 80px 0 0;
}
.introduction .link a{
     font-size: 20px;
     font-weight: 400;
     line-height: 1.5;
     color: #353535;
     position: relative;
     padding: 10px 150px 10px 0;
}
.introduction .link a span{
    font-family: "helveticaneue";
    font-size: 22px;
    padding-right: 3px;
}

.introduction .link a:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 220px;
    width: 80px;
    height: 2px;
    margin-top: -1px;
    background: #353535;
    -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);
}
.introduction .link a:after{
    display: block;  
    content: "";  
    position: absolute;  
    top: 0;  
    bottom: 0;  
    left: 285px;
    width: 12px;  
    height: 12px;  
    margin: auto;  
    border-bottom: solid 2px #353535;  
    border-right: solid 2px #353535;
    -webkit-transform:rotate(-45deg);
	   -moz-transform:rotate(-45deg);
	    -ms-transform:rotate(-45deg);
            transform:rotate(-45deg);
    -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);
}








.itemList{
    width: 100%;
    margin: 0 auto;
    max-width: 1400px;
    overflow: hidden;
    padding-bottom: 30px;
}

.itemList .set{
    width: 100%;
    margin: 250px auto 0;
    position: relative;
}
.itemList .set.m01{margin-top: 0;}
.itemList .set.w01{margin-top: 0;}


.itemList .slideImage{
    width: 50%;
    position: relative;
    overflow: visible;
}
.itemList .set.odd .slideImage{margin:0;}
.itemList .set.even .slideImage{margin-left: 50%;}




.itemList .itemInfo{
    width: 50%;
    padding-top: 66.7%;
    position: absolute;
    top: 0;
}
.itemList .set.odd .itemInfo{right: 0;}
.itemList .set.even .itemInfo{left: 0;}



.itemList .itemInfo .itemInner{
    position: absolute;
    width: 80%;
    max-width: 500px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}







.itemList .itemInfo .pickup{
    width: 100%;
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right: 0;
    /*background: #F7F7F7;*/
}




.itemList .itemInfo .pickup .pickupInner{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    text-align: center;
    -webkit-transform:translateY(-50%);
	   -moz-transform:translateY(-50%);
	    -ms-transform:translateY(-50%);
	        transform:translateY(-50%);
}
.itemList .itemInfo .pickup h5{
    font-family: "helveticaneue-light";
    font-size: 15px;
    line-height: 1.2;
    position: relative;
    padding-top: 9px;
    text-align: left;
    display: table;
    margin-bottom: 10px;
}

.itemList .itemInfo .pickup h5 span:after{
    content: '';
    display: block;
    position: absolute;
    top: 1px;
    left: 0;
    width: 19px;
    height: 2px;
    background: #353535;
}

.itemList .itemInfo .pickup .itemImage{
    width: 80%;
    max-width: 370px;
    margin: 0 auto;
    position: relative;
}
.itemList .itemInfo .pickup h2{
    font-size: 18px;
    line-height: 1.7;
    margin: 10px auto 0;
    position: relative;
    display: table;
}
.itemList .itemInfo .pickup h3{
    font-family: "helveticaneue";
    font-size: 18px;
    line-height: 1.2;
    margin: 25px auto 0;
    position: relative;
    display: table;
}
.itemList .itemInfo .pickup h4{
    font-family: "helveticaneue";
    font-size: 14px;
    line-height: 1.2;
    margin: 5px auto 0;
    padding-bottom: 1px;
    position: relative;
    display: table;
}
.itemList .itemInfo .pickup .online{
    margin: 25px auto 0;
    position: relative;
    display: table;
}
.itemList .itemInfo .pickup .online a{
    font-family: "helveticaneue";
    font-size: 16px;
    color: #353535;
    text-decoration:underline;
    padding-left: 36px;
    position: relative;
}
.itemList .itemInfo .pickup .online a:before{
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    background: #CCC;
    position: absolute;
    top: 50%;
    left: 0px;
    margin-top: -15px;
    background: url("../images/icon_cart.svg") center center no-repeat;
    background-size: cover;
}






/* ========================= Slider =============================== */

.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
	outline:none;
}
.slick-list:focus{
	outline:none;
}
.slick-list.dragging{
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after{
    display: table;
    content: '';
}
.slick-track:after{
    clear: both;
}
.slick-loading .slick-track{
    visibility: hidden;
}

.slick-slide{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide{
    float: right;
}
.slick-slide img{
    display: block;
}
.slick-slide.slick-loading img{
    display: none;
}
.slick-slide.dragging img{
    pointer-events: none;
}
.slick-initialized .slick-slide{
    display: block;
}
.slick-loading .slick-slide{
    visibility: hidden;
}
.slick-vertical .slick-slide{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}








/* Prev Next Button */

.slideImage .slick-prev,
.slideImage .slick-next {
    cursor:pointer;
    display:block;
    font-size:0;
    line-height:0;
    margin-top:-15px;
    width: 30px;
    height: 30px;
    position:absolute;
    top:50%;
    z-index:50;
	border:none;
    background:rgba(0,0,0,0.3);
    -webkit-border-radius:50%;
	   -moz-border-radius:50%;
	    -ms-border-radius:50%;
	        border-radius:50%;
}

.slideImage .slick-prev{left:8px;}
.slideImage .slick-next{right:8px;}

.slideImage .slick-prev::after{
	display: block;  
    content: "";  
    position: absolute;  
    top: 0;
    bottom: 0;  
    left: 10px;  
    width: 10px;
    height: 10px;  
    margin: auto;
    border-bottom: solid 1px #FFF;  
    border-right: solid 1px #FFF;  
    -webkit-transform:rotate(135deg);
	   -moz-transform:rotate(135deg);
	    -ms-transform:rotate(135deg);
            transform:rotate(135deg);
}
.slideImage .slick-prev::before{
	display: block;  
    content: "";  
    position: absolute;  
    top: 0;
    bottom: 0;
    left: 10px;
    width: 12px;
    height: 1px;
    margin: auto;
    background: #FFF;
}
.slideImage .slick-next::after{
	display: block;  
    content: "";  
    position: absolute;  
    top: 0;  
    bottom: 0;  
    right: 10px;  
    width: 10px;  
    height: 10px;  
    margin: auto;  
    border-bottom: solid 1px #FFF;  
    border-right: solid 1px #FFF;
    -webkit-transform:rotate(-45deg);
	   -moz-transform:rotate(-45deg);
	    -ms-transform:rotate(-45deg);
            transform:rotate(-45deg);
}
.slideImage .slick-next::before{
	display: block;  
    content: "";  
    position: absolute;  
    top: 0;
    bottom: 0;
    right: 10px;
    width: 12px;
    height: 1px;
    margin: auto;
    background: #FFF;
}

/*----*/


.itemSlide .slick-prev,
.itemSlide .slick-next {
    cursor:pointer;
    display:block;
    font-size:0;
    line-height:0;
    margin-top:-15px;
    width: 30px;
    height: 30px;
    position:absolute;
    top:50%;
    z-index:50;
	border:none;
}

.itemSlide .slick-prev{left:-18px;}
.itemSlide .slick-next{right:-18px;}

.itemSlide .slick-prev::after{
	display: block;  
    content: "";  
    position: absolute;  
    top: 0;
    bottom: 0;  
    left: 7px;  
    width: 12px;
    height: 12px;  
    margin: auto;
    border-bottom: solid 1px #353535;  
    border-right: solid 1px #353535;  
    -webkit-transform:rotate(135deg);
	   -moz-transform:rotate(135deg);
	    -ms-transform:rotate(135deg);
            transform:rotate(135deg);
}

.itemSlide .slick-next::after{
	display: block;  
    content: "";  
    position: absolute;  
    top: 0;  
    bottom: 0;  
    right: 7px;  
    width: 12px;  
    height: 12px;  
    margin: auto;  
    border-bottom: solid 1px #353535;  
    border-right: solid 1px #353535;
    -webkit-transform:rotate(-45deg);
	   -moz-transform:rotate(-45deg);
	    -ms-transform:rotate(-45deg);
            transform:rotate(-45deg);
}



/* slick-dots */

.slick-dots{
    display:block;
    list-style:outside none none;
    padding:0;
    text-align:center;
    width:100%;
	position:absolute;
	bottom:-40px;
	z-index:10;
}
.slick-dots li{
    cursor: pointer;
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    position: relative;
}
.slick-dots li button{
    cursor:pointer;
    display:block;
    font-size:0;
    height:10px;
	width:10px;
	padding:0px;
    line-height: 0;
    outline:medium none;
    position: relative;
	background:#C5C5C5;
    -webkit-border-radius:8px;
       -moz-border-radius:8px;
	        border-radius:8px;
}

.slick-dots li.slick-active button{
    background:#666;
}




/*------*/


.slide-dots{
    display:inline-block;
    padding: 0;
    text-align:right;
	position:absolute;
	bottom:-23px;
    right: 0;
    line-height: 1;
}
.slide-dots li{
    cursor: pointer;
    display: inline-block;
    position: relative;
    margin: 0 0 0 8px;
}

.even .slide-dots{right:inherit;left:0;}
.even .slide-dots li{margin: 0 8px 0 0;}

.slide-dots li button{
	padding:0px; 
    font-family: "helveticaneue";
    font-size: 13px;
    color: #353535;
}
.slide-dots li button:before{
    content: "0";
}
.slide-dots li.slick-active button{
	color: #353535;
}
.slide-dots li.slick-active:after{
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    bottom: -3px;
    right: 0;
    left: 0;
    margin: 0 auto;
    background: #353535;
}














.itemAll{
    width: 100%;
    text-align: center;
    padding: 190px 0 160px;
}
.itemAll p{
    display: inline-block;
}
.itemAll p a{
     font-size: 22px;
     font-weight: 400;
     display: inline-block;
     line-height: 1;
     padding: 30px 100px;
     color: #353535;
     border: 1px solid #353535;
}
.itemAll p a span{
    font-family: "helveticaneue";
    font-size: 24px;
}


.categoryLink{
     width: 95%;
     max-width: 1200px;
     margin: 0 auto;
}
.categoryLink a{
    width: 100%;
    display: block;
    padding-top: 20%;
}
.categoryLink.bannerWomen a{
    background: url("../images/banner_women.jpg") center center no-repeat;
    background-size: cover;
}
.categoryLink.bannerMen a{
    background: url("../images/banner_men.jpg") center center no-repeat;
    background-size: cover;
}


footer{
    width: 100%;
    padding-bottom: 15px;
    text-align: center;
}
footer h3{
    width: 240px;
    margin: 150px auto 60px;
}
footer .copyright{
    font-family: "helveticaneue";
    font-size: 13px;
}



.pagetop{
    position: fixed;
    right: -15px;
    bottom: 8px;
    width: 13px;
    cursor: pointer;
    -webkit-transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
	-ms-transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
	transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
}
.pagetop.view{
    right: 3px;
}




@media (min-width: 1500px) {

.mainImage{padding-top: 825px;}
.mainImage .title{width: 450px;}

}



@media (min-width: 769px) {
.itemList .itemInfo .pickup .online a:hover{text-decoration:none;}
.itemList .itemInfo .otherItem li a:hover{background: #F5F5F5;}
.itemAll p a:hover{background: #353535;color: #FFF;}

.categoryLink a:hover{
    -webkit-opacity:0.6;
	-moz-opacity:0.6;
	-ms-opacity:0.6;
	opacity:0.6;
}

.introduction .link a:hover:before{width:130px;}
.introduction .link a:hover:after{left: 335px;}


}







@media (max-width:980px) {


.mainImage{padding-top: 500px;}
.mainImage .title{width: 343px;}



.introduction{padding: 140px 0;}
.introduction .introInner{width: 90%;}
.introduction h2{font-size: 23px;}
.introduction h3{font-size: 17px;}
.introduction .lead p{font-size: 15px;}

.introduction .link{padding-top:70px;}

.itemList .set{margin: 180px auto 0;}

.itemList .itemInfo .itemInner{width: 90%;}
.itemList .itemInfo .pickup .itemImage{width: 70%;}
.itemList .itemInfo .pickup h2{font-size: 16px;}
.itemList .itemInfo .pickup h3{font-size: 16px;margin-top: 15px;}
.itemList .itemInfo .pickup h4{font-size: 13px;margin-top: 5px;}
.itemList .itemInfo .pickup .online{margin-top: 20px;}
.itemList .itemInfo .pickup .online a{font-family: "helveticaneue";font-size: 15px;padding-left: 30px;}
.itemList .itemInfo .pickup .online a:before{width: 25px;height: 25px;margin-top: -13px;}

}



@media (max-width: 768px) {




.mainImage{padding-top: 80%;}
.mainImage .title{left:8%;width:50%;}


.introduction{padding: 18% 0 22%;}
.introduction .introInner{width: 80%;}
.introduction .lead p{letter-spacing: 0.05em;line-height: 2.0;margin-top: 1.2em;}
.introduction .lead p br{display: none;}

.introduction .link{padding-top:50px;}
.introduction .link a{font-size: 18px;padding-right: 80px;}
.introduction .link a span{font-size: 20px;}
.introduction .link a:before{left: 200px;width: 60px;}
.introduction .link a:after{left: 245px;}





.itemList{padding-bottom:0;}

.itemList .set{margin-top:20%;}


.itemList .slideImage{width: 80%;}
.itemList .set.odd .slideImage{margin: 0 auto;}
.itemList .set.even .slideImage{margin: 0 auto;}

.itemList .itemInfo{width:70%;padding-top:0;position:relative;margin:50px auto 0;}
.itemList .itemInfo .itemInner{position:relative;width:100%;max-width:none;}

.itemList .itemInfo .pickup{position:relative;}
.itemList .itemInfo .pickup .pickupInner{position:relative;top:0;
    -webkit-transform:none;
	   -moz-transform:none;
	    -ms-transform:none;
	        transform:none;
}
.itemList .itemInfo .pickup .itemImage{width: 75%;}
.itemList .itemInfo .pickup h2{font-size: 18px;margin-top: 10px;}
.itemList .itemInfo .pickup h3{font-size: 19px;margin-top: 25px;}
.itemList .itemInfo .pickup h4{font-size: 14px;margin-top: 5px;}
.itemList .itemInfo .pickup h5{font-size: 16px;margin-bottom: 20px;}
.itemList .itemInfo .pickup .online{margin-top: 25px;}
.itemList .itemInfo .pickup .online a{font-size: 16px;padding-left: 36px;}
.itemList .itemInfo .pickup .online a:before{width: 30px;height: 30px;margin-top: -15px;}


.itemSlide li:first-child{margin-bottom: 70px;}











/*----*/

.slideImage .slick-prev,
.slideImage .slick-next {
    cursor:pointer;
    display:block;
    font-size:0;
    line-height:0;
    margin-top:-15px;
    width: 30px;
    height: 30px;
    position:absolute;
    top:50%;
    z-index:50;
	border:none;
    background: none;
    -webkit-border-radius:0%;
	   -moz-border-radius:0%;
	    -ms-border-radius:0%;
	        border-radius:0%;
}

.slideImage .slick-prev{left:0%;}
.slideImage .slick-next{right:0%;}

.slideImage .slick-prev::after{
	display: block;  
    content: "";  
    position: absolute;  
    top: 0;
    bottom: 0;  
    left: 7px;  
    width: 12px;
    height: 12px;  
    margin: auto;
    border-bottom: solid 1px #FFF;  
    border-right: solid 1px #FFF;  
    -webkit-transform:rotate(135deg);
	   -moz-transform:rotate(135deg);
	    -ms-transform:rotate(135deg);
            transform:rotate(135deg);
}
.slideImage .slick-prev::before{
	display: block;  
    content: "";  
    position: absolute;  
    top: 0;
    bottom: 0;
    left: 6px;
    width: 15px;
    height: 1px;
    margin: auto;
    background: #FFF;
}
.slideImage .slick-next::after{
	display: block;  
    content: "";  
    position: absolute;  
    top: 0;  
    bottom: 0;  
    right: 7px;  
    width: 12px;  
    height: 12px;  
    margin: auto;  
    border-bottom: solid 1px #FFF;  
    border-right: solid 1px #FFF;
    -webkit-transform:rotate(-45deg);
	   -moz-transform:rotate(-45deg);
	    -ms-transform:rotate(-45deg);
            transform:rotate(-45deg);
}
.slideImage .slick-next::before{
	display: block;  
    content: "";  
    position: absolute;  
    top: 0;
    bottom: 0;
    right: 6px;
    width: 15px;
    height: 1px;
    margin: auto;
    background: #FFF;
}

/*----*/












.even .slide-dots{right:0;left:inherit;}
.even .slide-dots li{margin: 0 0 0 8px;}


.itemAll{padding:25% 0 25%;}
.itemAll p{display:block;width: 80%;margin: 0 auto;}
.itemAll p a{width: 100%;display: block;padding: 30px 0;}


.categoryLink{width:100%;}
.categoryLink a{padding-top: 30%;}
.categoryLink.bannerWomen a{background-image: url("../images/banner_women_sp.jpg");}
.categoryLink.bannerMen a{background-image: url("../images/banner_men_sp.jpg");}


footer h3{width: 200px;margin: 20% auto 15%;}


}





@media (max-width: 640px) {

.mainImage{padding-top: 100%;}
.mainImage .title{left:8%;width:60%;}


.mainImage.imageMen{background-image: url("../images/2nd_men_sp.jpg");}
.mainImage.imageWomen{background-image: url("../images/2nd_women_sp.jpg");}



.introduction .introInner{width: 85%;}
.introduction h2{font-size: 21px;letter-spacing: 0.05em;}
.introduction h3{font-size: 15px;}
.introduction .lead p{font-size: 15px;line-height: 1.8;}

.itemList .set{margin-top:25%;}
.itemList .slideImage{width: 90%;}

.itemList .itemInfo{width:80%;margin-top:12%;}
.itemList .itemInfo .pickup .itemImage{width: 75%;}
.itemList .itemInfo .pickup h2{font-size: 16px;}
.itemList .itemInfo .pickup h3{font-size: 18px;margin-top: 20px;}
.itemList .itemInfo .pickup h4{font-size: 13px;margin-top: 5px;}
.itemList .itemInfo .pickup .online{margin-top: 25px;}
.itemList .itemInfo .pickup .online a{font-size:15px;padding-left:0;line-height: 1;display: block;}
.itemList .itemInfo .pickup .online a:before{position:relative;top:0;left: 0px;right: 0;margin:0 auto 2px;}

.itemSlide li:first-child{margin-bottom: 20%;}


.itemAll p a{font-size: 20px;padding: 30px 0;}
.itemAll p a span{font-size: 22px;}


.categoryLink a{padding-top: 45%;}
.categoryLink.bannerWomen a{background-image: url("../images/banner_women_sp02.jpg");}
.categoryLink.bannerMen a{background-image: url("../images/banner_men_sp02.jpg");}


footer h3{width:40%;margin: 26% auto 15%;}
footer .copyright{font-size: 12px;}

}



@media (max-width: 480px) {

.mainImage .title{left:8%;width:60%;}

.introduction{padding: 19% 0 24%;}
.introduction h2{font-size:20px;}
.introduction h3{font-size:15px;line-height:1.2;margin-top:10px;}
.introduction h3 br{display: block;}
.introduction .lead p{font-size:14px;letter-spacing: 0.03em;}

.introduction .link{padding-top:14%;}
.introduction .link a{font-size:16px;padding-right: 80px;}
.introduction .link a span{font-size: 18px;}
.introduction .link a:before{left: 180px;width: 60px;}
.introduction .link a:after{left: 225px;}




.itemList .slideImage{width:93%;}
.itemList .itemInfo{width:90%;margin-top:14%;}
.itemList .itemInfo .pickup .itemImage{width:80%;}

.itemList .itemInfo .pickup h2{font-size: 15px;}
.itemList .itemInfo .pickup h3{font-size: 17px;}
.itemList .itemInfo .pickup h5{font-size: 15px;}
.itemList .itemInfo .pickup .online a{font-size:14px;}


.itemSlide li:first-child{margin-bottom: 23%;}



.slideImage .slick-prev::after{width:10px;height:10px;}
.slideImage .slick-prev::before{left:6px;width:12px;}
.slideImage .slick-next::after{width:10px;height:10px;}
.slideImage .slick-next::before{right:6px;width:12px;}

.slide-dots{bottom:-18px;}
.slide-dots li button{font-size: 12px;}
.slide-dots li.slick-active:after{bottom: -2px;}


.itemAll{padding:28% 0 25%;}
.itemAll p{width: 85%;}
.itemAll p a{font-size: 17px;padding: 30px 0;}
.itemAll p a span{font-size: 19px;}

footer h3{width:40%;margin: 30% auto 15%;}

.pagetop{right: -11px;width: 10px;}
}


@media (max-width: 360px) {

.introduction h2{font-size: 19px;letter-spacing: 0.03em;}
.introduction h3{font-size: 14px;}
.introduction .lead p{letter-spacing:0;}

.itemList .itemInfo .pickup h2{font-size: 14px;}
.itemList .itemInfo .pickup h3{font-size: 16px;}

.itemAll p a{font-size: 16px;}
.itemAll p a span{font-size: 18px;}
}







/*IE*/
@media all and (-ms-high-contrast: none) {

}