@charset "utf-8";
#WWD__editorial ul{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; font-weight:normal;}
#WWD__editorial h1{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; font-weight:normal;}
#WWD__editorial h2{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; font-weight:normal;}
#WWD__editorial h3{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; font-weight:normal;}
#WWD__editorial h4{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; font-weight:normal;}
#WWD__editorial p{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; font-weight:normal;}
#WWD__editorial img{vertical-align:bottom;}
#WWD__editorial ol,
#WWD__editorial ul {list-style:none;}

.pc_only{
  display: block;
}
.sp_only{
  display: none;
}
#cloth-app_pagetop{
	position: fixed;
	bottom: 50px;
	right: 50px;
	background: url(../img/pagetop.png) no-repeat;
	width: 92px;
	height: 92px;
	display: block;
	z-index: 10;
}

.wwd__nav__right {
    position: absolute;
    height: 65px;
    right: 20px;
    top: 0;
    line-height: 65px;
}
.wwd__nav__right a{
	color: #FFF;
}
@media only screen and (max-width: 767px) {
  .pc_only{
    display: none;
  }
  .sp_only{
    display: block;
  }
	#cloth-app_pagetop{
		position: fixed;
		bottom: 20px;
		right: 20px;
		background: url(../img/pagetop.png) no-repeat;
		background-size: 50px;
		width: 50px;
		height: 50px;
		display: block;
		z-index: 10;
	}
	.wwd__nav__right {
	    position: absolute;
	    height: 45px;
	    right: 10px;
	    top: 0;
	    line-height: 45px;
	}
	.wwd__nav__right a{
		color: #FFF;
	}
}


/*----------------------------------------------------
 header
--------------------------------------------------- */
#WWD__editorial .wwd__nav{
	font-family: sans-serif;
}
#WWD__editorial ul.wwd__nav__menu--child {
    background: rgba(0, 0, 0, 0.6);
}

#cloth-app{
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
	position: relative;
	background: #FFF;
	overflow: hidden;
}
#cloth-app .visual{
	position: absolute;
	left: 50%;
	z-index: 0;
	width: 1300px;
	margin-left: -650px;
}
#cloth-app .visual img{
	width: 100%;
	height: auto;
}
#cloth-app .visual span{
	position:absolute;
	overflow: hidden;
	display: block;
	height: 0;
  -webkit-transition: all 1.0s 0.5s ease;
     -moz-transition: all 1.0s 0.5s ease;
      -ms-transition: all 1.0s 0.5s ease;
       -o-transition: all 1.0s 0.5s ease;
          transition: all 1.0s 0.5s ease;
}
#cloth-app .visual05{
}
#cloth-app .visual05 img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	opacity: 0;
}
#cloth-app .visual05 img.pos{
	position: relative;
}
#cloth-app .visual05.view img.v01{
	opacity: 1;
  -webkit-transition: all 0.5s 0.5s ease;
     -moz-transition: all 0.5s 0.5s ease;
      -ms-transition: all 0.5s 0.5s ease;
       -o-transition: all 0.5s 0.5s ease;
          transition: all 0.5s 0.5s ease;
}
#cloth-app .visual05.view img.v02{
	opacity: 1;
  -webkit-transition: all 0.5s 0.7s ease;
     -moz-transition: all 0.5s 0.7s ease;
      -ms-transition: all 0.5s 0.7s ease;
       -o-transition: all 0.5s 0.7s ease;
          transition: all 0.5s 0.7s ease;
}
#cloth-app .visual05.view img.v03{
	opacity: 1;
  -webkit-transition: all 0.5s 0.9s ease;
     -moz-transition: all 0.5s 0.9s ease;
      -ms-transition: all 0.5s 0.9s ease;
       -o-transition: all 0.5s 0.9s ease;
          transition: all 0.5s 0.9s ease;
}
#cloth-app .visual05.view img.v04{
	opacity: 1;
  -webkit-transition: all 0.5s 1.1s ease;
     -moz-transition: all 0.5s 1.1s ease;
      -ms-transition: all 0.5s 1.1s ease;
       -o-transition: all 0.5s 1.1s ease;
          transition: all 0.5s 1.1s ease;
}

@media only screen and (max-width: 767px) {
	#cloth-app .visual{
		position: absolute;
		left: 0%;
		width: 100%;
		z-index: 0;
		margin-left: 0px;
	}

}

/*----------------------------------------------------
 cloth-app_top
--------------------------------------------------- */

#cloth-app_top{
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	padding-top: 65px;
	padding-bottom: 30px;
}
/*----------------------------------------------------
 slick
--------------------------------------------------- */
/* Slider */

:focus {
  outline: none;
}
.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;
}
.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;
}

#cloth-app_top .mainvisual{
	margin-bottom: 12px;
}

#cloth-app_top .mainvisual ul.tile{
	position: relative;
	letter-spacing: -0.4em;
}
#cloth-app_top .mainvisual ul.tile01{
	margin-bottom: 25px;
}
#cloth-app_top .mainvisual ul.tile li{
	letter-spacing: normal;
	width: 12.5%;
	display: inline-block;
	border-bottom: 1px #FFF solid;
	position: relative;
	vertical-align: top;
	opacity: 0;
}
#cloth-app_top.view .mainvisual ul.tile li:nth-child(1){
	opacity: 1;
	  -webkit-transition: all .5s 0.2s ease;
	     -moz-transition: all .5s 0.2s ease;
	      -ms-transition: all .5s 0.2s ease;
	       -o-transition: all .5s 0.2s ease;
	          transition: all .5s 0.2s ease;
}
#cloth-app_top.view .mainvisual ul.tile li:nth-child(2),
#cloth-app_top.view .mainvisual ul.tile li:nth-child(9){
	opacity: 1;
	  -webkit-transition: all .5s 0.25s ease;
	     -moz-transition: all .5s 0.25s ease;
	      -ms-transition: all .5s 0.25s ease;
	       -o-transition: all .5s 0.25s ease;
	          transition: all .5s 0.25s ease;
}
#cloth-app_top.view .mainvisual ul.tile li:nth-child(3),
#cloth-app_top.view .mainvisual ul.tile li:nth-child(10),
#cloth-app_top.view .mainvisual ul.tile li:nth-child(17){
	opacity: 1;
	  -webkit-transition: all .5s 0.3s ease;
	     -moz-transition: all .5s 0.3s ease;
	      -ms-transition: all .5s 0.3s ease;
	       -o-transition: all .5s 0.3s ease;
	          transition: all .5s 0.3s ease;
}
#cloth-app_top.view .mainvisual ul.tile li:nth-child(4),
#cloth-app_top.view .mainvisual ul.tile li:nth-child(11),
#cloth-app_top.view .mainvisual ul.tile li:nth-child(18){
	opacity: 1;
	  -webkit-transition: all .5s 0.35s ease;
	     -moz-transition: all .5s 0.35s ease;
	      -ms-transition: all .5s 0.35s ease;
	       -o-transition: all .5s 0.35s ease;
	          transition: all .5s 0.35s ease;
}
#cloth-app_top.view .mainvisual ul.tile li:nth-child(5),
#cloth-app_top.view .mainvisual ul.tile li:nth-child(12),
#cloth-app_top.view .mainvisual ul.tile li:nth-child(19){
	opacity: 1;
	  -webkit-transition: all .5s 0.4s ease;
	     -moz-transition: all .5s 0.4s ease;
	      -ms-transition: all .5s 0.4s ease;
	       -o-transition: all .5s 0.4s ease;
	          transition: all .5s 0.4s ease;
}
#cloth-app_top.view .mainvisual ul.tile li:nth-child(6),
#cloth-app_top.view .mainvisual ul.tile li:nth-child(13),
#cloth-app_top.view .mainvisual ul.tile li:nth-child(20){
	opacity: 1;
	  -webkit-transition: all .5s 0.45s ease;
	     -moz-transition: all .5s 0.45s ease;
	      -ms-transition: all .5s 0.45s ease;
	       -o-transition: all .5s 0.45s ease;
	          transition: all .5s 0.45s ease;
}
#cloth-app_top.view .mainvisual ul.tile li:nth-child(7),
#cloth-app_top.view .mainvisual ul.tile li:nth-child(14),
#cloth-app_top.view .mainvisual ul.tile li:nth-child(21){
	opacity: 1;
	  -webkit-transition: all .5s 0.5s ease;
	     -moz-transition: all .5s 0.5s ease;
	      -ms-transition: all .5s 0.5s ease;
	       -o-transition: all .5s 0.5s ease;
	          transition: all .5s 0.5s ease;
}
#cloth-app_top.view .mainvisual ul.tile li:nth-child(8),
#cloth-app_top.view .mainvisual ul.tile li:nth-child(15),
#cloth-app_top.view .mainvisual ul.tile li:nth-child(22){
	opacity: 1;
	  -webkit-transition: all .5s 0.55s ease;
	     -moz-transition: all .5s 0.55s ease;
	      -ms-transition: all .5s 0.55s ease;
	       -o-transition: all .5s 0.55s ease;
	          transition: all .5s 0.55s ease;
}
#cloth-app_top.view .mainvisual ul.tile li:nth-child(16),
#cloth-app_top.view .mainvisual ul.tile li:nth-child(23){
	opacity: 1;
	  -webkit-transition: all .5s 0.6s ease;
	     -moz-transition: all .5s 0.6s ease;
	      -ms-transition: all .5s 0.6s ease;
	       -o-transition: all .5s 0.6s ease;
	          transition: all .5s 0.6s ease;
}
#cloth-app_top.view .mainvisual ul.tile li:nth-child(24){
	opacity: 1;
	  -webkit-transition: all .5s 0.65s ease;
	     -moz-transition: all .5s 0.65s ease;
	      -ms-transition: all .5s 0.65s ease;
	       -o-transition: all .5s 0.65s ease;
	          transition: all .5s 0.65s ease;
}
#cloth-app_top .mainvisual ul.tile li img{
	width: 100%;
	height: auto;
}
#cloth-app_top ul.tile li span.line_r{
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 100%;
	background: #FFF;
	z-index: 3;
}

#cloth-app_top ul.tile li a{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

#cloth-app_top.view ul.tile li .bg1{
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background: #FFF;
	opacity: 0;
	z-index: 2;
}
#cloth-app_top.view ul.tile li .bg1.p1{
	-webkit-animation: bounce2 6.0s 1s infinite cubic-bezier(0.965, 0.020, 0.060, 1.000);
	        animation: bounce2 6.0s 1s infinite cubic-bezier(0.965, 0.020, 0.060, 1.000);
}
#cloth-app_top.view ul.tile li .bg1.p2{
	-webkit-animation: bounce2 6.0s 3s infinite cubic-bezier(0.965, 0.020, 0.060, 1.000);
	        animation: bounce2 6.0s 3s infinite cubic-bezier(0.965, 0.020, 0.060, 1.000);
}
#cloth-app_top.view ul.tile li .bg1.p3{
	-webkit-animation: bounce2 6.0s 5s infinite cubic-bezier(0.965, 0.020, 0.060, 1.000);
	        animation: bounce2 6.0s 5s infinite cubic-bezier(0.965, 0.020, 0.060, 1.000);
}


@-webkit-keyframes bounce2{
  0%{ -webkit-transform: scale(1) ;opacity:1; }
  16%{ -webkit-transform: scale(1.4);opacity:0; }
  16.1%{ -webkit-transform: scale(1);opacity:1; }
  33% { -webkit-transform: scale(1.4) ;opacity:0;}
  100% { -webkit-transform: scale(1.4) ;opacity:0;}
}
@keyframes bounce2{
  0%{ -webkit-transform: scale(1) ;opacity:1; }
  16%{ -webkit-transform: scale(1.4);opacity:0; }
  16.1%{ -webkit-transform: scale(1);opacity:1; }
  33% { -webkit-transform: scale(1.4) ;opacity:0;}
  100% { -webkit-transform: scale(1.4) ;opacity:0;}
}
#cloth-app_top.view ul.tile li a{
	opacity: 1;
  -webkit-transition: all .5s 0.9s ease;
     -moz-transition: all .5s 0.9s ease;
      -ms-transition: all .5s 0.9s ease;
       -o-transition: all .5s 0.9s ease;
          transition: all .5s 0.9s ease;
}
#cloth-app_top ul.tile li a span{
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	line-height: 21px;
	letter-spacing: 0.58px;
	font-family: 'Montserrat', sans-serif;
	  -webkit-transform:translate(0%,-50%);
	     -moz-transform:translate(0%,-50%);
	      -ms-transform:translate(0%,-50%);
	       -o-transform:translate(0%,-50%);
	          transform:translate(0%,-50%);
}
#cloth-app_top ul.tile li a.t01{
	background: #18FFFF;
}
#cloth-app_top ul.tile li a.t02{
	background: #FF4081;
	color: #FFF;
}
#cloth-app_top ul.tile li a.t03{
	background: #E8EAF6;
}
#cloth-app_top ul.tile li a.t04{
	background: #EEFF41;
}
#cloth-app_top ul.tile li a.t05{
	background: #F8BBD0;
	color: #FFF;
}
#cloth-app_top ul.tile li a.t06{
	background: #512DA8;
	color: #FFF;
}
#cloth-app_top ul.tile li a.t07{
	background: #263238;
	color: #FFF;
}
#cloth-app_top ul.tile li a.t08{
	background: #FFF3E0;
}
#cloth-app_top ul.tile li a.t09{
	background: #D50000;
}
#cloth-app_top ul.tile li a.t10{
	background: #1DE9B6;
}

#cloth-app_top h1{
	font-size: 48px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 11px;
	line-height: 100%;
	margin-bottom: 12px;
    font-family: "Yu Gothic", YuGothic,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	  opacity: 0;
	  -webkit-transform: translate3d(0px,20px,0px);
	     -moz-transform: translate3d(0px,20px,0px);
	      -ms-transform: translate3d(0px,20px,0px);
	       -o-transform: translate3d(0px,20px,0px);
	          transform: translate3d(0px,20px,0px);
}
#cloth-app_top.view h1{
	  opacity: 1;
  -webkit-transition: all .4s 0.0s ease;
     -moz-transition: all .4s 0.0s ease;
      -ms-transition: all .4s 0.0s ease;
       -o-transition: all .4s 0.0s ease;
          transition: all .4s 0.0s ease;
	  -webkit-transform: translate3d(0px,0px,0px);
	     -moz-transform: translate3d(0px,0px,0px);
	      -ms-transform: translate3d(0px,0px,0px);
	       -o-transform: translate3d(0px,0px,0px);
	          transform: translate3d(0px,0px,0px);
}
#cloth-app_top p{
	text-align: center;
	font-size: 15px;
	margin-bottom: 15px;
	opacity: 0;
    line-height: 180%;
}
#cloth-app_top.view p{
	opacity: 1;
  -webkit-transition: all .5s 0.0s ease;
     -moz-transition: all .5s 0.0s ease;
      -ms-transition: all .5s 0.0s ease;
       -o-transition: all .5s 0.0s ease;
          transition: all .5s 0.0s ease;
}
/*
#cloth-app_top .title{
	position: relative;
	text-align: center;
}
#cloth-app_top .title li{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	opacity: 0;
}
#cloth-app_top .title li.pos{
	position: relative;
}
#cloth-app_top.view .title li:nth-child(1){
	opacity: 1;
  -webkit-transition: all .2s 0.5s ease;
     -moz-transition: all .2s 0.5s ease;
      -ms-transition: all .2s 0.5s ease;
       -o-transition: all .2s 0.5s ease;
          transition: all .2s 0.5s ease;
}
#cloth-app_top.view .title li:nth-child(2){
	opacity: 1;
  -webkit-transition: all .2s 0.6s ease;
     -moz-transition: all .2s 0.6s ease;
      -ms-transition: all .2s 0.6s ease;
       -o-transition: all .2s 0.6s ease;
          transition: all .2s 0.6s ease;
}
#cloth-app_top.view .title li:nth-child(3){
	opacity: 1;
  -webkit-transition: all .2s 0.7s ease;
     -moz-transition: all .2s 0.7s ease;
      -ms-transition: all .2s 0.7s ease;
       -o-transition: all .2s 0.7s ease;
          transition: all .2s 0.7s ease;
}
#cloth-app_top.view .title li:nth-child(4){
	opacity: 1;
  -webkit-transition: all .2s 0.8s ease;
     -moz-transition: all .2s 0.8s ease;
      -ms-transition: all .2s 0.8s ease;
       -o-transition: all .2s 0.8s ease;
          transition: all .2s 0.8s ease;
}
#cloth-app_top.view .title li:nth-child(5){
	opacity: 1;
  -webkit-transition: all .2s 0.9s ease;
     -moz-transition: all .2s 0.9s ease;
      -ms-transition: all .2s 0.9s ease;
       -o-transition: all .2s 0.9s ease;
          transition: all .2s 0.9s ease;
}
#cloth-app_top.view .title li:nth-child(6){
	opacity: 1;
  -webkit-transition: all .2s 1.0s ease;
     -moz-transition: all .2s 1.0s ease;
      -ms-transition: all .2s 1.0s ease;
       -o-transition: all .2s 1.0s ease;
          transition: all .2s 1.0s ease;
}
#cloth-app_top.view .title li:nth-child(7){
	opacity: 1;
  -webkit-transition: all .2s 1.1s ease;
     -moz-transition: all .2s 1.1s ease;
      -ms-transition: all .2s 1.1s ease;
       -o-transition: all .2s 1.1s ease;
          transition: all .2s 1.1s ease;
}
#cloth-app_top.view .title li:nth-child(8){
	opacity: 1;
  -webkit-transition: all .2s 1.2s ease;
     -moz-transition: all .2s 1.2s ease;
      -ms-transition: all .2s 1.2s ease;
       -o-transition: all .2s 1.2s ease;
          transition: all .2s 1.2s ease;
}*/

@media only screen and (max-width: 767px) {
	#cloth-app_top{
		position: relative;
		overflow: hidden;
		background: #FFF;
		padding-top: 45px;
		padding-bottom: 0px;
	}
	#cloth-app_top img{
		width: 100%;
		height: auto;
	}
	#cloth-app_top ul.tile{
		position: relative;
		letter-spacing: -0.4em;
	}
	#cloth-app_top ul.tile01{
		margin-bottom: 25px;
	}
	#cloth-app_top ul.tile li{
		letter-spacing: normal;
		width: 25%;
		display: inline-block;
		border-bottom: 1px #FFF solid;
		position: relative;
		background: #000;
		opacity: 0;
	}
	#cloth-app_top.view ul.tile01 li:nth-child(1){
		opacity: 1;
	  -webkit-transition: all .5s 0.2s ease;
	     -moz-transition: all .5s 0.2s ease;
	      -ms-transition: all .5s 0.2s ease;
	       -o-transition: all .5s 0.2s ease;
	          transition: all .5s 0.2s ease;
	}
	#cloth-app_top.view ul.tile01 li:nth-child(2),
	#cloth-app_top.view ul.tile01 li:nth-child(5){
		opacity: 1;
	  -webkit-transition: all .5s 0.25s ease;
	     -moz-transition: all .5s 0.25s ease;
	      -ms-transition: all .5s 0.25s ease;
	       -o-transition: all .5s 0.25s ease;
	          transition: all .5s 0.25s ease;
	}
	#cloth-app_top.view ul.tile01 li:nth-child(3),
	#cloth-app_top.view ul.tile01 li:nth-child(6),
	#cloth-app_top.view ul.tile01 li:nth-child(9){
		opacity: 1;
	  -webkit-transition: all .5s 0.3s ease;
	     -moz-transition: all .5s 0.3s ease;
	      -ms-transition: all .5s 0.3s ease;
	       -o-transition: all .5s 0.3s ease;
	          transition: all .5s 0.3s ease;
	}
	#cloth-app_top.view ul.tile01 li:nth-child(4),
	#cloth-app_top.view ul.tile01 li:nth-child(7),
	#cloth-app_top.view ul.tile01 li:nth-child(10){
		opacity: 1;
	  -webkit-transition: all .5s 0.35s ease;
	     -moz-transition: all .5s 0.35s ease;
	      -ms-transition: all .5s 0.35s ease;
	       -o-transition: all .5s 0.35s ease;
	          transition: all .5s 0.35s ease;
	}
	#cloth-app_top.view ul.tile01 li:nth-child(8),
	#cloth-app_top.view ul.tile01 li:nth-child(11){
		opacity: 1;
	  -webkit-transition: all .5s 0.4s ease;
	     -moz-transition: all .5s 0.4s ease;
	      -ms-transition: all .5s 0.4s ease;
	       -o-transition: all .5s 0.4s ease;
	          transition: all .5s 0.4s ease;
	}
	#cloth-app_top.view ul.tile01 li:nth-child(12){
		opacity: 1;
	  -webkit-transition: all .5s 0.45s ease;
	     -moz-transition: all .5s 0.45s ease;
	      -ms-transition: all .5s 0.45s ease;
	       -o-transition: all .5s 0.45s ease;
	          transition: all .5s 0.45s ease;
	}
	#cloth-app_top.view ul.tile02 li:nth-child(1){
		opacity: 1;
	  -webkit-transition: all .5s 0.5s ease;
	     -moz-transition: all .5s 0.5s ease;
	      -ms-transition: all .5s 0.5s ease;
	       -o-transition: all .5s 0.5s ease;
	          transition: all .5s 0.5s ease;
	}
	#cloth-app_top.view ul.tile02 li:nth-child(2),
	#cloth-app_top.view ul.tile02 li:nth-child(5){
		opacity: 1;
	  -webkit-transition: all .5s 0.55s ease;
	     -moz-transition: all .5s 0.55s ease;
	      -ms-transition: all .5s 0.55s ease;
	       -o-transition: all .5s 0.55s ease;
	          transition: all .5s 0.55s ease;
	}
	#cloth-app_top.view ul.tile02 li:nth-child(3),
	#cloth-app_top.view ul.tile02 li:nth-child(6),
	#cloth-app_top.view ul.tile02 li:nth-child(9){
		opacity: 1;
	  -webkit-transition: all .5s 0.6s ease;
	     -moz-transition: all .5s 0.6s ease;
	      -ms-transition: all .5s 0.6s ease;
	       -o-transition: all .5s 0.6s ease;
	          transition: all .5s 0.6s ease;
	}
	#cloth-app_top.view ul.tile02 li:nth-child(4),
	#cloth-app_top.view ul.tile02 li:nth-child(7),
	#cloth-app_top.view ul.tile02 li:nth-child(10){
		opacity: 1;
	  -webkit-transition: all .5s 0.65s ease;
	     -moz-transition: all .5s 0.65s ease;
	      -ms-transition: all .5s 0.65s ease;
	       -o-transition: all .5s 0.65s ease;
	          transition: all .5s 0.65s ease;
	}
	#cloth-app_top.view ul.tile02 li:nth-child(8),
	#cloth-app_top.view ul.tile02 li:nth-child(11){
		opacity: 1;
	  -webkit-transition: all .5s 0.7s ease;
	     -moz-transition: all .5s 0.7s ease;
	      -ms-transition: all .5s 0.7s ease;
	       -o-transition: all .5s 0.7s ease;
	          transition: all .5s 0.7s ease;
	}
	#cloth-app_top.view ul.tile02 li:nth-child(12){
		opacity: 1;
	  -webkit-transition: all .5s 0.75s ease;
	     -moz-transition: all .5s 0.75s ease;
	      -ms-transition: all .5s 0.75s ease;
	       -o-transition: all .5s 0.75s ease;
	          transition: all .5s 0.75s ease;
	}
	#cloth-app_top ul.tile li a span{
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		text-align: center;
		font-size: 8px;
		font-weight: bold;
		line-height: 11px;
		font-family: 'Montserrat', sans-serif;
		  -webkit-transform:translate(0%,-50%);
		     -moz-transform:translate(0%,-50%);
		      -ms-transform:translate(0%,-50%);
		       -o-transform:translate(0%,-50%);
		          transform:translate(0%,-50%);
	}



/*	#cloth-app_top ul.copy01{
		margin-bottom: 50px;
		position: relative;
	}
	#cloth-app_top ul.copy01 li{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		opacity: 0;
	}
	#cloth-app_top ul.copy01 li.pos{
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
	}
	#cloth-app_top ul.copy01 li.pos{
		position: relative;
	}
	#cloth-app_top ul.copy01 li:nth-child(5){
		opacity: 1;
  -webkit-transform: scale3d(0,1,1) translate3d(0px,0px,0px) rotate(-0deg);
     -moz-transform: scale3d(0,1,1) translate3d(0px,0px,0px) rotate(-0deg);
      -ms-transform: scale3d(0,1,1) translate3d(0px,0px,0px) rotate(-0deg);
       -o-transform: scale3d(0,1,1) translate3d(0px,0px,0px) rotate(-0deg);
          transform: scale3d(0,1,1) translate3d(0px,0px,0px) rotate(-0deg);
     	      transform-origin: 63% center;
      -webkit-transform-origin: 63% center;
	}
	#cloth-app_top.view ul.copy01 li:nth-child(1){
		opacity: 1;
	  -webkit-transition: all .2s 0s ease;
	     -moz-transition: all .2s 0s ease;
	      -ms-transition: all .2s 0s ease;
	       -o-transition: all .2s 0s ease;
	          transition: all .2s 0s ease;
	}
	#cloth-app_top.view ul.copy01 li:nth-child(2){
		opacity: 1;
	  -webkit-transition: all .2s 0.1s ease;
	     -moz-transition: all .2s 0.1s ease;
	      -ms-transition: all .2s 0.1s ease;
	       -o-transition: all .2s 0.1s ease;
	          transition: all .2s 0.1s ease;
	}
	#cloth-app_top.view ul.copy01 li:nth-child(3){
		opacity: 1;
	  -webkit-transition: all .2s 0.2s ease;
	     -moz-transition: all .2s 0.2s ease;
	      -ms-transition: all .2s 0.2s ease;
	       -o-transition: all .2s 0.2s ease;
	          transition: all .2s 0.2s ease;
	}
	#cloth-app_top.view ul.copy01 li:nth-child(4){
		opacity: 1;
	  -webkit-transition: all .2s 0.3s ease;
	     -moz-transition: all .2s 0.3s ease;
	      -ms-transition: all .2s 0.3s ease;
	       -o-transition: all .2s 0.3s ease;
	          transition: all .2s 0.3s ease;
	}
	#cloth-app_top.view ul.copy01 li:nth-child(5){
		opacity: 1;
  -webkit-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(-0deg);
     -moz-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(-0deg);
      -ms-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(-0deg);
       -o-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(-0deg);
          transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(-0deg);
	  -webkit-transition: all .2s 0.4s ease;
	     -moz-transition: all .2s 0.4s ease;
	      -ms-transition: all .2s 0.4s ease;
	       -o-transition: all .2s 0.4s ease;
	          transition: all .2s 0.4s ease;
	}*/
	#cloth-app_top h1{
		/*
		font-size: 31px;*/
		font-size: 5.6vw;/*
		letter-spacing: 9px;*/
		letter-spacing: 0.5vw;
		margin-bottom: 15px;
		text-align: center;
	}
	#cloth-app_top p{
		padding: 0 15px;
		font-size: 14px;
		line-height: 22px;
		text-align: left;
		margin-bottom: 15px;
	}
}
/*----------------------------------------------------
 cloth-app_main
--------------------------------------------------- */

#cloth-app_main{
	position: relative;
	overflow: hidden;
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;

}

#cloth-app_main a{
	color: #000;
	text-decoration: none;
}

#cloth-app_main .column{
	position: relative;
	margin-bottom: 90px;
	overflow:hidden;
}
#cloth-app_main .column a{
	display: block;
	margin: 0 auto;
	position: relative;
}
#cloth-app_main .column a .titleBlock{
	letter-spacing: -0.4em;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -515px;
	width: 515px;
}
#cloth-app_main .column.play01 a .titleBlock{
	top: 270px;
	color: #FFF;
}
#cloth-app_main .column.play02 a .titleBlock{
	top: 335px;
	left: 0;
	width: 100%;
	margin-left: 0px;
	text-align: center;
	color: #FFF;
}
#cloth-app_main .column.play03 a .titleBlock{
	top: 270px;
	margin-left: 0px;
	color: #FFF;
}
#cloth-app_main .column.play04 a .titleBlock{
	top: 70px;
	margin-left: 0px;
}
#cloth-app_main .column.play05 a .titleBlock{
	top: 270px;
	margin-left: 0px;
}
#cloth-app_main .column.play06 a .titleBlock{
	top: 270px;
	color: #FFF;
	margin-left: 0px;
}
#cloth-app_main .column.play07 a .titleBlock{
	top: 270px;
	color: #FFF;
	margin-left: 0px;
}
#cloth-app_main .column.play08 a .titleBlock{
	top: 370px;
	color: #FFF;
}
#cloth-app_main .column.play09 a .titleBlock{
	top: 170px;
	margin-left: 0px;
}
#cloth-app_main .column.play10 a .titleBlock{
	top: 55px;
	color: #FFF;
	margin-left: -460px;
}
#cloth-app_main .column.play01 a .titleBlock span,
#cloth-app_main .column.play02 a .titleBlock span,
#cloth-app_main .column.play03 a .titleBlock span,
#cloth-app_main .column.play06 a .titleBlock span,
#cloth-app_main .column.play07 a .titleBlock span,
#cloth-app_main .column.play08 a .titleBlock span,
#cloth-app_main .column.play10 a .titleBlock span{
	color: #FFF;
}
#cloth-app_main .column a h2{
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	font-size: 37px;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 10px;
	font-family: 'Montserrat', sans-serif;
	position: relative;
	z-index: 2;
	letter-spacing: -0.4em;
}
#cloth-app_main .column a h2 span{
	display: inline-block;
	letter-spacing: 2.73px;
	margin: 0 3px;
	opacity: 0;
}
#cloth-app_main .column a h2 span.view{
    -webkit-transition: all 0s 0.2s ease;
       -moz-transition: all 0s 0.2s ease;
        -ms-transition: all 0s 0.2s ease;
         -o-transition: all 0s 0.2s ease;
            transition: all 0s 0.2s ease;
	opacity: 1;
}
#cloth-app_main .column a .titleBlock p{
	display: block;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 1.4px;
	opacity: 0;
	position: relative;
	z-index: 2;
	margin-bottom: 15px;
}
#cloth-app_main .column a .titleBlock p.view{
    -webkit-transition: all 0.5s 0.5s ease;
       -moz-transition: all 0.5s 0.5s ease;
        -ms-transition: all 0.5s 0.5s ease;
         -o-transition: all 0.5s 0.5s ease;
            transition: all 0.5s 0.5s ease;
	opacity: 1;
}
#cloth-app_main .column a .image{
	width: 1020px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
#cloth-app_main .column a .image img{
	width: 100%;
	height: auto;
    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
  -webkit-transform: scale3d(1.4,1.4,1.4) translate3d(0px,0px,0px) rotate(-0deg);
     -moz-transform: scale3d(1.4,1.4,1.4) translate3d(0px,0px,0px) rotate(-0deg);
      -ms-transform: scale3d(1.4,1.4,1.4) translate3d(0px,0px,0px) rotate(-0deg);
       -o-transform: scale3d(1.4,1.4,1.4) translate3d(0px,0px,0px) rotate(-0deg);
          transform: scale3d(1.4,1.4,1.4) translate3d(0px,0px,0px) rotate(-0deg);
}
#cloth-app_main .column.view a .image img{
  -webkit-transform: scale3d(1.0,1.0,1.0) translate3d(0px,0px,0px) rotate(-0deg);
     -moz-transform: scale3d(1.0,1.0,1.0) translate3d(0px,0px,0px) rotate(-0deg);
      -ms-transform: scale3d(1.0,1.0,1.0) translate3d(0px,0px,0px) rotate(-0deg);
       -o-transform: scale3d(1.0,1.0,1.0) translate3d(0px,0px,0px) rotate(-0deg);
          transform: scale3d(1.0,1.0,1.0) translate3d(0px,0px,0px) rotate(-0deg);
}
#cloth-app_main .column a .image .click{
	position: absolute;
	bottom: 40px;
	left: 50%;
	margin-left: -45px;
	width: 90px;
	height: 90px;
    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
  -webkit-transform: scale3d(0,0,0) translate3d(0px,0px,0px) rotate(-0deg);
     -moz-transform: scale3d(0,0,0) translate3d(0px,0px,0px) rotate(-0deg);
      -ms-transform: scale3d(0,0,0) translate3d(0px,0px,0px) rotate(-0deg);
       -o-transform: scale3d(0,0,0) translate3d(0px,0px,0px) rotate(-0deg);
          transform: scale3d(0,0,0) translate3d(0px,0px,0px) rotate(-0deg);
}
#cloth-app_main .column.view a .image .click{
  -webkit-transform: scale3d(1.0,1.0,1.0) translate3d(0px,0px,0px) rotate(-0deg);
     -moz-transform: scale3d(1.0,1.0,1.0) translate3d(0px,0px,0px) rotate(-0deg);
      -ms-transform: scale3d(1.0,1.0,1.0) translate3d(0px,0px,0px) rotate(-0deg);
       -o-transform: scale3d(1.0,1.0,1.0) translate3d(0px,0px,0px) rotate(-0deg);
          transform: scale3d(1.0,1.0,1.0) translate3d(0px,0px,0px) rotate(-0deg);
}
#cloth-app_main .column a .image .click .bg1{
	position: absolute;
	top: 0%;
	left: 0%;
	width: 90px;
	height: 90px;
	background: #FFF;
	opacity: 0.5;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	-webkit-animation: bounce 1.5s infinite cubic-bezier(0.965, 0.020, 0.060, 1.000);
	        animation: bounce 1.5s infinite cubic-bezier(0.965, 0.020, 0.060, 1.000);
}
#cloth-app_main .column a .image .click .bg2{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 75px;
	height: 75px;
  -webkit-transform:translate(-50%,-50%);
     -moz-transform:translate(-50%,-50%);
      -ms-transform:translate(-50%,-50%);
       -o-transform:translate(-50%,-50%);
          transform:translate(-50%,-50%);
	background: #FFF;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}
#cloth-app_main .column a .image .click .t{
	position: absolute;
	top: 50%;
	left: 50%;
  -webkit-transform:translate(-50%,-50%);
     -moz-transform:translate(-50%,-50%);
      -ms-transform:translate(-50%,-50%);
       -o-transform:translate(-50%,-50%);
          transform:translate(-50%,-50%);
          font-weight: bold;
          font-size: 18px;
          text-align: center;
}

@-webkit-keyframes bounce{
  0%{ -webkit-transform: scale(0.8);opacity: 1; }
  100% { -webkit-transform: scale(1.5);opacity: 0;}
}
@keyframes bounce{
  0%{ transform: scale(0.8);opacity: 1; }
  100% { transform: scale(1.5);opacity: 0;}
}
#cloth-app_main .column a p{
	text-align: center;
	font-size: 16px;
	letter-spacing: 2px;
}
#cloth-app_main .link {
	width: 506px;
	margin: 0 auto;
	margin-bottom: 70px;
	position: relative;
	z-index: 1;
}
#cloth-app_main .link a{
	width: 100%;
	margin: 0 auto;
	display: block;
	background: #000;
	text-align: center;
	line-height: 42px;
	color: #FFF;
	font-weight: bold;
	font-size: 28px;
	letter-spacing: 2.7px;
	position: relative;
}
#cloth-app_main .link a span{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
  -webkit-transform:translate(-50%,-50%);
     -moz-transform:translate(-50%,-50%);
      -ms-transform:translate(-50%,-50%);
       -o-transform:translate(-50%,-50%);
          transform:translate(-50%,-50%);
}
#cloth-app_main .meta{
	padding-right: 770px;
	margin: 0 auto;
	padding-bottom: 80px;
	position: relative;
	text-align: center;
	z-index: 1;
}
#cloth-app_main .meta dl{
	overflow: hidden;
}
#cloth-app_main .meta dt{
	display: block;
	width: 100%;
	margin: 0px;
	font-size: 17px;
	line-height: 21px;
	text-align: center;
}

#cloth-app_main .meta dd{
	display: block;
	margin: 0px;
	font-size: 17px;
	line-height: 21px;
	text-align: center;
}
#cloth-app_main .meta span{
	text-align: center;
}

@media only screen and (max-width: 767px) {
	#cloth-app_main{
		padding-top: 50px;
	}
	#cloth-app_main img{
		width: 100%;
		height: auto;
	}
	#cloth-app_main ul.copy01{
		margin-bottom: 35px;
		position: relative;
		z-index: 1;
	}
	#cloth-app_main ul.copy01 li{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		opacity: 0;
	}
	#cloth-app_main ul.copy01 li.pos{
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
	}
	#cloth-app_main ul.copy01 li.pos{
		position: relative;
	}
	#cloth-app_main ul.copy01 li:nth-child(1){
		opacity: 1;
  -webkit-transform: scale3d(0,1,1) translate3d(0px,0px,0px) rotate(-0deg);
     -moz-transform: scale3d(0,1,1) translate3d(0px,0px,0px) rotate(-0deg);
      -ms-transform: scale3d(0,1,1) translate3d(0px,0px,0px) rotate(-0deg);
       -o-transform: scale3d(0,1,1) translate3d(0px,0px,0px) rotate(-0deg);
          transform: scale3d(0,1,1) translate3d(0px,0px,0px) rotate(-0deg);
     	      transform-origin: 0% center;
      -webkit-transform-origin: 0% center;
	}
	#cloth-app_main.view ul.copy01 li:nth-child(1){
		opacity: 1;
  -webkit-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(-0deg);
     -moz-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(-0deg);
      -ms-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(-0deg);
       -o-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(-0deg);
          transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(-0deg);
	  -webkit-transition: all .2s 0.5s ease;
	     -moz-transition: all .2s 0.5s ease;
	      -ms-transition: all .2s 0.5s ease;
	       -o-transition: all .2s 0.5s ease;
	          transition: all .2s 0.5s ease;
	}
	#cloth-app_main.view ul.copy01 li:nth-child(2){
		opacity: 1;
	  -webkit-transition: all .2s 0.6s ease;
	     -moz-transition: all .2s 0.6s ease;
	      -ms-transition: all .2s 0.6s ease;
	       -o-transition: all .2s 0.6s ease;
	          transition: all .2s 0.6s ease;
	}
	#cloth-app_main.view ul.copy01 li:nth-child(3){
		opacity: 1;
	  -webkit-transition: all .2s 0.7s ease;
	     -moz-transition: all .2s 0.7s ease;
	      -ms-transition: all .2s 0.7s ease;
	       -o-transition: all .2s 0.7s ease;
	          transition: all .2s 0.7s ease;
	}
	#cloth-app_main.view ul.copy01 li:nth-child(4){
		opacity: 1;
	  -webkit-transition: all .2s 0.8s ease;
	     -moz-transition: all .2s 0.8s ease;
	      -ms-transition: all .2s 0.8s ease;
	       -o-transition: all .2s 0.8s ease;
	          transition: all .2s 0.8s ease;
	}
	#cloth-app_main.view ul.copy01 li:nth-child(5){
		opacity: 1;
	  -webkit-transition: all .2s 0.9s ease;
	     -moz-transition: all .2s 0.9s ease;
	      -ms-transition: all .2s 0.9s ease;
	       -o-transition: all .2s 0.9s ease;
	          transition: all .2s 0.9s ease;
	}
	#cloth-app_main .column{
		position: relative;
		margin-bottom: 50px;
		overflow:hidden;
	}
	#cloth-app_main .column a{
		display: block;
	}
	#cloth-app_main .column a h2{
		text-align: center;
		font-size: 27px;
		font-weight: bold;
		line-height: 1;
		letter-spacing: 2px;
	}
	#cloth-app_main .column a .titleBlock{
		position: relative;
		top: auto;
		left: auto;
		margin-left: 0px;
		width: auto;
		  -webkit-transform:translate(0px,0%);
		     -moz-transform:translate(0px,0%);
		      -ms-transform:translate(0px,0%);
		       -o-transform:translate(0px,0%);
		          transform:translate(0px,0%);
	}
	#cloth-app_main .column.play01 a .titleBlock,
	#cloth-app_main .column.play02 a .titleBlock,
	#cloth-app_main .column.play03 a .titleBlock,
	#cloth-app_main .column.play04 a .titleBlock,
	#cloth-app_main .column.play05 a .titleBlock,
	#cloth-app_main .column.play06 a .titleBlock,
	#cloth-app_main .column.play07 a .titleBlock,
	#cloth-app_main .column.play08 a .titleBlock,
	#cloth-app_main .column.play09 a .titleBlock,
	#cloth-app_main .column.play10 a .titleBlock{
		top: auto;
		color: #000;
		margin-left: 0px;
	}
	#cloth-app_main .column.play01 a .titleBlock span,
	#cloth-app_main .column.play02 a .titleBlock span,
	#cloth-app_main .column.play03 a .titleBlock span,
	#cloth-app_main .column.play04 a .titleBlock span,
	#cloth-app_main .column.play05 a .titleBlock span,
	#cloth-app_main .column.play06 a .titleBlock span,
	#cloth-app_main .column.play07 a .titleBlock span,
	#cloth-app_main .column.play08 a .titleBlock span,
	#cloth-app_main .column.play09 a .titleBlock span,
	#cloth-app_main .column.play10 a .titleBlock span{
		top: auto;
		color: #000;
	}
	#cloth-app_main .column a h2 span{
		display: inline-block;
		letter-spacing: 2.73px;
		margin: 0 0px;
	}
	#cloth-app_main .column a .titleBlock p{
		display: none;
	}
	#cloth-app_main .column a .image{
		width: 72.4%;
		margin: 0 auto;
		position: relative;
		margin-bottom: 5px;
	}
	#cloth-app_main .column a .image .click{
		position: absolute;
		bottom: 13px;
		left: 17px;
		width: 90px;
		height: 90px;
		margin-left: 0px;
	}
	#cloth-app_main .column.play04 a .image .click{
		position: absolute;
		bottom: 13px;
		left:auto;
		right: 17px;
	}
	#cloth-app_main .column.play09 a .image .click,
	#cloth-app_main .column.play10 a .image .click{
		position: absolute;
		bottom: auto;
		top: 13px;
	}
	#cloth-app_main .column a p{
		text-align: center;
		font-size: 16px;
		letter-spacing: 2px;
	}

	#cloth-app_main .link {
		width: 74.93333%;
		margin-bottom: 220px;
	}
	#cloth-app_main .link a{
		font-size: 12px;
	}
	#cloth-app_main .meta{
		padding-right: 0px;
		padding-bottom: 80px;
		position: relative;
		z-index: 1;
	}


}



/*----------------------------------------------------
 cloth-app_footer
--------------------------------------------------- */
#cloth-app_footer{
	width: 100%;
	position: relative;
	padding: 20px 0 50px;
}
#cloth-app_footer .info {
    font-size: 0.85rem;
    text-align: center;
    line-height: 1.6rem;
}

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

}

/*----------------------------------------------------
 cloth-app_top
--------------------------------------------------- */
#cloth-app_pop{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 90px;
	height: 90px;
	z-index: 1000;
}
#cloth-app_pop span{
	display: block;
	width: 90px;
	height: 90px;
	background: #fff;
	z-index: 1000;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
     	      transform-origin: center center;
      -webkit-transform-origin: center center;
    -webkit-transition: all 0.8s 0s ease;
       -moz-transition: all 0.8s 0s ease;
        -ms-transition: all 0.8s 0s ease;
         -o-transition: all 0.8s 0s ease;
            transition: all 0.8s 0s ease;

}
#cloth-app_pop.view span{
  -webkit-transform: scale3d(30,30,30) translate3d(0px,0px,0px);
     -moz-transform: scale3d(30,30,30) translate3d(0px,0px,0px);
      -ms-transform: scale3d(30,30,30) translate3d(0px,0px,0px);
       -o-transform: scale3d(30,30,30) translate3d(0px,0px,0px);
          transform: scale3d(30,30,30) translate3d(0px,0px,0px);
}
#cloth-app_modal{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	background: #FFF;
}
#cloth-app_modal .close_btn{
	position: fixed;
	top: 100px;
	left: 50%;
	margin-left: 230px;
	width: 43px;
}
#cloth-app_modal .close.black::before,#cloth-app_modal .close.black::after {
    height: 5px;
    margin-top: -4px;
}
#cloth-app_modal .close::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
#cloth-app_modal .close::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#cloth-app_modal .close::before,#cloth-app_modal .close::after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background: #000;
}
@media only screen and (max-width: 767px) {
	#cloth-app_modal .close_btn{
		position: fixed;
		top: 30px;
		left: auto;
		right: 15px;
		margin-left: 0px;
		width: 30px;
	}
	#cloth-app_modal .close.black::before,#cloth-app_modal .close.black::after {
	    height: 2px;
	    margin-top: -4px;
	}

}
#cloth-app_modal .column{
	width: 408px;
	margin: 0 auto;
	padding: 80px 0;
}
#cloth-app_modal .column .num{
	font-size: 16px;
	width: 40px;
	border-bottom: 2px #3f3f3f solid;
	padding-bottom: 5px;
	margin-bottom: 10px;
	line-height: 100%;
	font-weight: bold;
}
#cloth-app_modal .column h2{
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 9.3px;
	margin-bottom: 10px;
	line-height: 100%;
}
#cloth-app_modal .column .border{
	width: 40px;
	border-bottom: 2px #3f3f3f solid;
	margin-bottom: 15px;
}
#cloth-app_modal .column .under{
	font-size: 10px;
	margin-bottom: 20px;
	line-height: 100%;
}
#cloth-app_modal .column .image{
	margin-bottom: 10px;
}
#cloth-app_modal .column .image img{
	width: 100%;
	height: auto;
}
#cloth-app_modal .column h3{
	padding-top: 30px;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 0.6px;
	line-height: 25px;
	margin-bottom: 10px;
}
#cloth-app_modal .column p.exp{
	font-size: 17px;
	line-height: 25px;
    margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
	#cloth-app_modal .column{
		width: 100%;
		margin: 0 auto;
		padding: 25px 0;
	}
	#cloth-app_modal .column .num{
		margin-left: 25px;
		font-size: 13px;
		width: 30px;
		border-bottom: 1px #3f3f3f solid;
		padding-bottom: 5px;
		margin-bottom: 10px;
		line-height: 100%;
		font-weight: bold;
	}
	#cloth-app_modal .column h2{
		margin-left: 25px;
		font-size: 16px;
		font-weight: bold;
		letter-spacing: 7.5px;
		margin-bottom: 10px;
		line-height: 100%;
	}
	#cloth-app_modal .column .border{
		margin-left: 25px;
		width: 30px;
		border-bottom: 1px #3f3f3f solid;
		margin-bottom: 15px;
	}
	#cloth-app_modal .column .under{
		margin-left: 25px;
		font-size: 8px;
		margin-bottom: 20px;
		line-height: 100%;
	}
	#cloth-app_modal .column h3{
		padding: 0 25px;
		padding-top: 15px;
		font-size: 16px;
		font-weight: bold;
		letter-spacing: 1.2px;
		line-height: 20px;
		margin-bottom: 10px;
	}
	#cloth-app_modal .column p.exp{
		padding: 0 25px;
		font-size: 13px;
		line-height: 20px;
		margin-bottom: 10px;
	}

}