@charset "UTF-8";

#page{overflow:hidden;}

#page .kakao_plus{background-color:#e6e1d3;font-size:18px;font-weight:400;color:#000000;text-align:center;padding:1.111em 0;}
#page .kakao_plus a{text-decoration:none;color:inherit;}
#page .kakao_plus .icon_kakao{width:30px;margin-left:0.5em;display:inline-block;vertical-align:middle;background-image:url(../img/icon_kakao.png);background-size:100%;background-repeat:no-repeat;background-position:center center;}
#page .kakao_plus .icon_kakao:before{content:"";display:block;padding-bottom:100%;}
@media all and (max-width:1400px){
	#page .kakao_plus{font-size:17px;}
}
@media all and (max-width:1200px){
	#page .kakao_plus{font-size:16px;}
}
@media all and (max-width:1000px){
	#page .kakao_plus{font-size:15px;}
}
@media all and (max-width:800px){
	#page .kakao_plus{font-size:14px;}
}
@media all and (max-width:600px){
	#page .kakao_plus{font-size:14px;}
}
@media all and (max-width:400px){
	#page .kakao_plus{font-size:13px;}
}


#page .flow_text{position:relative;font-family:"Open Sans";color:#000000;font-size:180px;line-height:1.1;font-weight:400;white-space:nowrap;}
#page .flow_text .marquee{position:relative;padding-left:100%;display:inline-block;animation:ani_flow_text linear 20s infinite;}
@keyframes ani_flow_text{
	0{transform:translate(0%);}
	100%{ transform:translate(-100%);}
}

@media all and (max-width:1400px){
	#page .flow_text{font-size:160px;}
}
@media all and (max-width:1200px){
	#page .flow_text{font-size:140px;}
}
@media all and (max-width:1000px){
	#page .flow_text{font-size:120px;}
}
@media all and (max-width:800px){
	#page .flow_text{font-size:100px;margin-top:0.3em;}
}
@media all and (max-width:600px){
	#page .flow_text{font-size:80px;}
}
@media all and (max-width:400px){
	#page .flow_text{font-size:60px;}
}


#page .category_shortcut_box{margin-top:40px;}
#page .category_shortcut_box .box{position:relative;z-index:0;margin:0;padding:0;list-style:none;max-width:975px;margin:0 auto;padding:3.2% 0;}
#page .category_shortcut_box .box:after{content:"";display:block;clear:both;}
#page .category_shortcut_box .box .title{position:absolute;z-index:1;left:50%;top:50%;font-family:"Open Sans";font-size:45px;font-weight:700;color:#000000;line-height:1.3;font-style:italic;text-align:center;white-space:nowrap;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);}
#page .category_shortcut_box .box .shortcut{position:relative;float:left;width:calc(50% - 25px);}
#page .category_shortcut_box .box .shortcut:after{content:"";display:block;clear:both;}
#page .category_shortcut_box .box .shortcut .image{position:relative;background-color:#efefef;background-size:cover;background-repeat:no-repeat;background-position:center center;display:block;text-decoration:none;}
#page .category_shortcut_box .box .shortcut .image:before{content:"";display:block;padding-bottom:150%;}
#page .category_shortcut_box .box .shortcut .image .decoration{position:absolute;width:11%;height:36%;left:4.3%;top:-8.6%;background-color:#1b1b1b;transition:width ease 0.5s;}
#page .category_shortcut_box .box .shortcut .image .text{position:absolute;left:calc(100% + 1.2em);top:1em;letter-spacing:0.05em;white-space:nowrap;font-family:"Open Sans";font-style:italic;font-weight:700;color:#000000;font-size:20px;line-height:1;color:#000000;text-decoration:none;transform:rotate(90deg);transform-origin:left top;}
#page .category_shortcut_box .box .shortcut .image .text span{position:relative;z-index:1;}
#page .category_shortcut_box .box .shortcut .image .text:before{content:"";display:block;height:0;background-color:#cf2026;position:absolute;z-index:0;left:0;width:100%;bottom:0;transition:height ease 0.3s;}
#page .category_shortcut_box .box .shortcut .image:hover .decoration{width:0;}
#page .category_shortcut_box .box .shortcut .image:hover .text:before{height:0.6em;}
#page .category_shortcut_box .box .shortcut.right{margin-top:30%;float:right;}
#page .category_shortcut_box .box .shortcut.right .image{}
#page .category_shortcut_box .box .shortcut.right .image .decoration{background-color:#0a1830;left:auto;top:auto;right:4.3%;bottom:-8.6%;}
#page .category_shortcut_box .box .shortcut.right .image .text{left:auto;top:auto;right:calc(100% + 1.2em);bottom:1em;transform-origin:right bottom;}
#page .category_shortcut_box .box .shortcut.right .image .text:before{bottom:auto;top:0;}
#page .category_shortcut_box .image_left{background-image:url(../img/img_category_shortcut_left.jpg);}
#page .category_shortcut_box .image_right{background-image:url(../img/img_category_shortcut_right.jpg);}

@media all and (max-width:1400px){
	#page .category_shortcut_box{margin-top:35px;}
	#page .category_shortcut_box .box .title{font-size:40px;}
	#page .category_shortcut_box .box .shortcut .image .text{font-size:19px;}
}
@media all and (max-width:1200px){
	#page .category_shortcut_box{margin-top:35px;}
	#page .category_shortcut_box .box .title{font-size:40px;}
	#page .category_shortcut_box .box .shortcut .image .text{font-size:19px;}
}
@media all and (max-width:1000px){
	#page .category_shortcut_box{margin-top:30px;}
	#page .category_shortcut_box .box .title{font-size:35px;}
	#page .category_shortcut_box .box .shortcut .image .text{font-size:18px;}
	#page .category_shortcut_box .box .shortcut.right{margin-top:30%;}
}
@media all and (max-width:800px){
	#page .category_shortcut_box{margin-top:60px;}
	#page .category_shortcut_box .box .title{font-size:30px;}
	#page .category_shortcut_box .box .shortcut .image .text{font-size:17px;}
}
@media all and (max-width:600px){
	#page .category_shortcut_box{margin-top:70px;}
	#page .category_shortcut_box .box .title{font-size:30px;margin:0.75em 0;position:relative;left:auto;top:auto;transform:translate(0,0);-webkit-transform:translate(0,0);-o-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);}
	#page .category_shortcut_box .box .shortcut{float:none;width:calc(100% - 60px);max-width:450px;margin:0 auto;}
	#page .category_shortcut_box .box .shortcut .image{float:none;}
	#page .category_shortcut_box .box .shortcut .image .text{font-size:17px;left:calc(100% + 1.2em + 15px);}
	#page .category_shortcut_box .box .shortcut.right{margin-top:0;float:none;}
	#page .category_shortcut_box .box .shortcut.right .image .text{right:calc(100% + 1.2em + 15px);}
}
@media all and (max-width:400px){
	#page .category_shortcut_box{margin-top:50px;}
	#page .category_shortcut_box .box .title{font-size:25px;}
	#page .category_shortcut_box .box .shortcut .image .text{font-size:16px;}
}


#page .product_single_box{margin-top:70px;}
#page .product_single_box .image_main_force{text-decoration: none;}
#page .product_single_box .image{margin:0 auto;max-width:415px;background-color:#efefef;background-image:url(../img/img_product_single.jpg);background-size:cover;background-repeat:no-repeat;background-position:center center;}
#page .product_single_box .image:before{content:"";display:block;padding-bottom:100%;}
#page .product_single_box .text{text-align:center;margin-top:-160px;}
#page .product_single_box .text .title{font-family:"Open Sans";font-size:45px;font-weight:700;color:#000000;line-height:1.3;font-style:italic;}
#page .product_single_box .text .description{font-size:17px;font-weight:400;color:#000000;margin-top:1em;line-height:1.5;}
#page .product_single_box .text .description b{position:relative;color:inherit;font-size:1em;text-decoration:none;font-weight:500;}
#page .product_single_box .text .description b span{position:relative;z-index:1;}
#page .product_single_box .text .description b:before{content:"";display:block;height:0.75em;background-color:#ac90c0;position:absolute;z-index:0;left:0;width:100%;bottom:0;}
#page .product_single_box .text .caution{font-size:12px;font-weight:400;color:#000000;margin-top:1.5em;line-height:1.5;}

@media all and (max-width:1400px){
	#page .product_single_box{margin-top:65px;}
	#page .product_single_box .text .title{font-size:40px;}
	#page .product_single_box .text .description{font-size:16px;}
}
@media all and (max-width:1200px){
	#page .product_single_box{margin-top:65px;}
	#page .product_single_box .text .title{font-size:40px;}
	#page .product_single_box .text .description{font-size:16px;}
}
@media all and (max-width:1000px){
	#page .product_single_box{margin-top:60px;}
	#page .product_single_box .text .title{font-size:35px;}
	#page .product_single_box .text .description{font-size:15px;}
}
@media all and (max-width:800px){
	#page .product_single_box{margin-top:55px;}
	#page .product_single_box .text .title{font-size:30px;}
	#page .product_single_box .text .description{font-size:14px;}
}
@media all and (max-width:600px){
	#page .product_single_box{margin-top:55px;}
	#page .product_single_box .text .title{font-size:30px;}
	#page .product_single_box .text .description{font-size:14px;}
	#page .product_single_box .text{margin-top:20px;}
}
@media all and (max-width:400px){
	#page .product_single_box{margin-top:50px;}
	#page .product_single_box .text .title{font-size:25px;}
	#page .product_single_box .text .description{font-size:13px;}
	#page .product_single_box .text{margin-top:15px;}
}


#page .cotton_product_box{position:relative;padding:0;padding-top:90px;margin-top:70px;}
#page .cotton_product_box canvas{position:relative;z-index:0;display:block;margin:0 auto;}
#page .cotton_product_box .image_box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);z-index:1;width:100%;}
#page .cotton_product_box .image_box .inner{max-width:1495px;}
#page .cotton_product_box .image{margin:0 auto;background-image:url(../img/img_cotton_product.jpg);background-color:#efefef;background-size:cover;background-repeat:no-repeat;background-position:center center;display:block;}
#page .cotton_product_box .image:before{content:"";display:block;padding-bottom:47%;}
#page .cotton_product_box .image:after{background-image:url(../img/img_cotton_product_mobile.jpg);}
#page .cotton_product_box .image .text{text-align:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);}
#page .cotton_product_box .image .text .title{font-family:"Open Sans";font-size:50px;font-weight:700;color:#000000;line-height:1;font-style:italic;white-space:nowrap;}
#page .cotton_product_box .image .text .description{font-size:19px;font-weight:500;color:#000000;margin-top:2em;line-height:1.5;}
#page .cotton_product_box .image .text .description b{position:relative;color:inherit;font-size:1em;text-decoration:none;font-weight:inherit;}
#page .cotton_product_box .image .text .description b span{position:relative;z-index:1;}
#page .cotton_product_box .image .text .description b:before{content:"";display:block;height:0.75em;background-color:#ac90c0;position:absolute;z-index:0;left:0;width:100%;bottom:0;}

@media all and (max-width:1400px){
	#page .cotton_product_box{margin-top:65px;}
	#page .cotton_product_box .image_box .image{max-width:1015px;}
	#page .cotton_product_box .image .text .title{font-size:45px;}
	#page .cotton_product_box .image .text .description{font-size:18px;}
}
@media all and (max-width:1200px){
	#page .cotton_product_box{margin-top:65px;}
	#page .cotton_product_box .image .text .title{font-size:45px;}
	#page .cotton_product_box .image .text .description{font-size:18px;}
}
@media all and (max-width:1000px){
	#page .cotton_product_box{padding-top:0;margin-top:60px;}
	#page .cotton_product_box canvas{display:none;}
	#page .cotton_product_box .image_box{position:relative;left:auto;top:auto;transform:translate(0,0);-webkit-transform:translate(0,0);-o-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);width:auto;}
	#page .cotton_product_box .image:before{padding-bottom:55%;}
	#page .cotton_product_box .image .text .title{font-size:40px;}
	#page .cotton_product_box .image .text .description{font-size:17px;}
}
@media all and (max-width:800px){
	#page .cotton_product_box{margin-top:55px;}
	#page .cotton_product_box .image .text .title{font-size:35px;}
	#page .cotton_product_box .image .text .description{font-size:16px;}
}
@media all and (max-width:600px){
	#page .cotton_product_box{margin-top:55px;}
	#page .cotton_product_box .image{background-image:url(../img/img_cotton_product_mobile.jpg);}
	#page .cotton_product_box .image:before{padding-bottom:150%;}
	#page .cotton_product_box .image .text .title{font-size:35px;}
	#page .cotton_product_box .image .text .description{font-size:16px;}
}
@media all and (max-width:400px){
	#page .cotton_product_box{margin-top:50px;}
	#page .cotton_product_box .image .text .title{font-size:30px;}
	#page .cotton_product_box .image .text .description{font-size:15px;}
}


#page .page_shortcut_box{margin-top:70px;}
#page .page_shortcut_box .box{margin:0;padding:0;list-style:none;max-width:1015px;margin:0 auto;}
#page .page_shortcut_box .box .shortcut{}
#page .page_shortcut_box .box .shortcut:after{content:"";display:block;clear:both;}
#page .page_shortcut_box .box .shortcut .image{float:left;width:calc(50% - 7.5px);background-color:#efefef;background-size:cover;background-repeat:no-repeat;background-position:center center;display:block;}
#page .page_shortcut_box .box .shortcut .image:before{content:"";display:block;padding-bottom:108.4%;}
#page .page_shortcut_box .box .shortcut .text{float:right;width:calc(50% - 7.5px);box-sizing:border-box;font-size:50px;padding-left:1em;margin-top:1.6em;}
#page .page_shortcut_box .box .shortcut .text .title{font-family:"Open Sans";font-size:1em;font-weight:700;color:#000000;line-height:1;font-style:italic;}
#page .page_shortcut_box .box .shortcut .text .description{font-size:16px;font-weight:400;color:#000000;line-height:1.5;margin-top:2em;}
#page .page_shortcut_box .box .shortcut .text .button_area{font-size:16px;margin-top:2em;}
#page .page_shortcut_box .box .shortcut .text .button_area a{position:relative;color:inherit;font-size:1em;font-weight:500;color:#000000;text-decoration:none;}
#page .page_shortcut_box .box .shortcut .text .button_area a span{position:relative;z-index:1;}
#page .page_shortcut_box .box .shortcut .text .button_area a:before{content:"";display:block;height:0.2em;background-color:#ac90c0;position:absolute;z-index:0;left:0;width:100%;bottom:0;transition:height ease 0.3s;}
#page .page_shortcut_box .box .shortcut .text .button_area a:hover:before{height:0.6em;}
#page .page_shortcut_box .box .shortcut:nth-child(2n){margin-top:-160px;}
#page .page_shortcut_box .box .shortcut:nth-child(2n) .image{float:right;}
#page .page_shortcut_box .box .shortcut:nth-child(2n) .text{float:left;text-align:right;padding-left:0;padding-right:1em;}
#page .page_shortcut_box .image_order{background-image:url(../img/img_page_shortcut_order.jpg);}
#page .page_shortcut_box .image_lookbook{background-image:url(../img/img_page_shortcut_lookbook.jpg);}

@media all and (max-width:1400px){
	#page .page_shortcut_box .box .shortcut .text{font-size:45px;}
	#page .page_shortcut_box .box .shortcut .text .description{font-size:16px;}
	#page .page_shortcut_box .box .shortcut .text .button_area{font-size:16px;}
}
@media all and (max-width:1200px){
	#page .page_shortcut_box .box .shortcut .text{font-size:45px;}
	#page .page_shortcut_box .box .shortcut .text .description{font-size:16px;}
	#page .page_shortcut_box .box .shortcut .text .button_area{font-size:16px;}
}
@media all and (max-width:1000px){
	#page .page_shortcut_box{margin-top:60px;}
	#page .page_shortcut_box .box .shortcut .text{font-size:40px;margin-top:8vw;padding-left:4vw;}
	#page .page_shortcut_box .box .shortcut .text .description{margin-top:2vw;}
	#page .page_shortcut_box .box .shortcut .text .button_area{margin-top:2vw;}
	#page .page_shortcut_box .box .shortcut:nth-child(2n){margin-top:-15vw;}
	#page .page_shortcut_box .box .shortcut:nth-child(2n) .text{padding-right:4vw;}
	#page .page_shortcut_box .box .shortcut .text .description{font-size:15px;}
	#page .page_shortcut_box .box .shortcut .text .button_area{font-size:15px;}
}
@media all and (max-width:800px){
	#page .page_shortcut_box{margin-top:55px;}
	#page .page_shortcut_box .box .shortcut .text{font-size:35px;}
	#page .page_shortcut_box .box .shortcut .text .description{font-size:14px;}
	#page .page_shortcut_box .box .shortcut .text .button_area{font-size:14px;}
}
@media all and (max-width:600px){
	#page .page_shortcut_box{margin-top:55px;}
	#page .page_shortcut_box .box .shortcut .image{float:none;width:auto;}
	#page .page_shortcut_box .box .shortcut .text{float:none;width:auto;padding-left:0;font-size:35px;margin-top:0.75em;}
	#page .page_shortcut_box .box .shortcut .text .description{font-size:14px;margin-top:1.2em;}
	#page .page_shortcut_box .box .shortcut .text .button_area{font-size:14px;margin-top:1.2em;}
	#page .page_shortcut_box .box .shortcut:nth-child(2n) .image{float:none;}
	#page .page_shortcut_box .box .shortcut:nth-child(2n) .text{float:none;padding-right:0;}
	#page .page_shortcut_box .box .shortcut:nth-child(n+2){margin-top:55px;}
}
@media all and (max-width:400px){
	#page .page_shortcut_box{margin-top:50px;}
	#page .page_shortcut_box .box .shortcut .text{font-size:30px;}
	#page .page_shortcut_box .box .shortcut .text .description{font-size:13px;}
	#page .page_shortcut_box .box .shortcut .text .button_area{font-size:13px;}
	#page .page_shortcut_box .box .shortcut:nth-child(n+2){margin-top:50px;}
}


#page .product_category_box{max-width:1920px;margin:0 auto;margin-top:100px;}

@media all and (max-width:1400px){
	#page .product_category_box{margin-top:90px;}
}
@media all and (max-width:1200px){
	#page .product_category_box{margin-top:90px;}
}
@media all and (max-width:1000px){
	#page .product_category_box{margin-top:80px;}
}
@media all and (max-width:800px){
	#page .product_category_box{margin-top:70px;}
}
@media all and (max-width:600px){
	#page .product_category_box{margin-top:70px;}
}
@media all and (max-width:400px){
	#page .product_category_box{margin-top:60px;}
}