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


@media(min-width:1700px) {

#header h1{width: 5.5%;right: 5vw;}
#header h2{width: 11.5%;}

}





@media(max-width:1300px) {

.sideNavi{right:-77px;width: 75px;}
.sideNavi .title{font-size: 12px;}
.sideNavi .image{margin-top: 6px;}

/* ------------------------------------------- */
.categoryTitle .titleMain .name,
.categoryTitle .titleMain.delighter .name{left: 4%;width: 370px;}
.categoryTitle .titleMain .copy,
.categoryTitle .titleMain.delighter .copy{width: calc(96% - 390px);margin-left: calc(4% + 390px);}


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

.itemMain{width: 80%;}

.itemMain.set03 .visualBox h2 span,
.itemMain.set05 .visualBox h2 span{left: 10%;right: auto;text-align: left;}
.itemMain.set05 .visualBox h2 span i{left: -35px;}


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

.otherImage{width: 80%;}

.otherImage .inner p,
.otherImage.delighter .inner p{width: 78%;}
.otherImage .line02,
.otherImage.delighter .line02{width: 68%;}

.otherImage.set03 .inner,
.otherImage.set05 .inner{margin-left: 1.5%;}

.otherImage.set03 .line01,
.otherImage.set05 .line01{left: 14.2%;}
.otherImage.set03 .line02,
.otherImage.set05 .line02{left: -4.5%;}

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

.movieArea{width: 80%;}

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

.recommend{width: 80%;}
/* ------------------------------------------- */

.allBanner .more{width: 18%;}

}







@media(max-width:1050px) {

.lead h1,
.lead.delighter h1{width: 180px;}

.lead h2{font-size: 24px;}
.lead h3{font-size: 15px;}

.lead .categoryImage a .more{font-size: 18px;}
.lead .categoryText p{font-size: 13px;}

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

.wrapper{padding-bottom: 230px;}

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

.categoryTitle .titleMain{margin-top: 100px;}

.categoryTitle .titleMain .name,
.categoryTitle .titleMain.delighter .name{left: 4%;width: 350px;}

.daddy .categoryTitle .titleMain .name h2{font-size: 31px;}
.linen .categoryTitle .titleMain .name h2{font-size: 38px;}
.gima .categoryTitle .titleMain .name h2{font-size: 38px;}

.categoryTitle .titleMain .name h3{font-size: 18px;}

.categoryTitle .titleMain .copy,
.categoryTitle .titleMain.delighter .copy{width: calc(96% - 360px);margin-left: calc(4% + 360px);padding: 25px 0;}

.categoryTitle .titleMain .copy p{font-size: 15px;}


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

.subTitle,
.subTitle.delighter{margin-top:140px;}

.subTitle.marginLong,
.subTitle.marginLong.delighter{margin-top: 220px;}

.subTitle .subMain{padding-bottom: 20px;}

.subTitle .subMain h2{font-size: 32px;}
.subTitle .subMain h3{font-size: 19px;}

.subTitle.sub01.delighter.started .subMain h2:after{width: calc(18% + 300px);}
.subTitle.sub02.delighter.started .subMain h2:after{width: calc(18% + 410px);}
.subTitle.sub03.delighter.started .subMain h2:after{width: calc(18% + 380px);}
.subTitle.sub04.delighter.started .subMain h2:after{width: calc(18% + 380px);}


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

.historyLead p{font-size: 16px;}

.history{margin-top: 190px;}
.history .text,
.history.delighter .text{top: -110px;}
.history .text p{font-size: 16px;}


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

.function{margin-top: 120px;}

.function .funInner,
.function .funInner.delighter{margin-top: 100px;}
.function .funInner .info{padding-bottom: 35px;}

.function .funInner .info h2{font-size: 28px;padding: 6px 0 15px;}
.function .funInner .info h3{margin: 20px 0 20px;font-size: 17px;}
.function .funInner .info p{letter-spacing: 0.05em;line-height: 1.8;font-size: 15px;}

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

.fabric .fabInner{width: 80%;}
.fabric .fabLead{font-size: 17px;}
.fabric .fabList{margin-top: 70px;}
.fabric .fabList ul{width: 108%;font-size: 0;}
.fabric .fabList ul li{width: 42%;margin-right: 8%;margin-bottom: 65px;}
.fabric .fabList h3{font-size: 20px;}
.fabric .fabList h3 span{font-size: 21px;}
.fabric .fabList p{font-size: 15px;padding: 20px 0;}


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

.itemMain{margin-top: 150px;}
.itemMain.set03,
.itemMain.set05,
.itemMain.set06{margin-top: 250px;}

.itemMain .visualBox h2 span,
.itemMain .visualBox.delighter h2 span{font-size: 20px;}
.itemMain .visualBox h2 span i{left: -30px;}
.itemMain.set05 .visualBox h2 span i{left: -30px;}


.itemMain .itemBox .text p{font-size: 13px;letter-spacing: 0.08em;line-height: 1.8;}
.itemMain .itemBox .spec .name h3{font-size: 15px;}
.itemMain .itemBox .spec .name h3 span{font-size: 12px;}
.itemMain .itemBox .spec .name h4{font-size: 13px;margin-top: 0.2em;}
.itemMain .itemBox .spec .buy a{font-size: 17px;}


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

.movieArea{width: 80%;}

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

.recommend{width: 83%;}
.recommend .recText{font-size: 13px;letter-spacing: 0.08em;line-height: 1.7;}

.recommend .spec{margin-top: 20px;padding: 18px 0;}
.recommend .spec .name{width: calc(100% - 65px);}
.recommend .spec .name h3{font-size: 15px;}
.recommend .spec .name h3 span{font-size: 12px;}
.recommend .spec .name h4{font-size: 12px;margin-top: 0.2em;}

.recommend .spec .buy{width: 63px;}
.recommend .spec .buy a{font-size: 15px;}

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

.allBanner{margin-top: 180px;}
.allBanner .more a{font-size: 1.8vw;}

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

.otherContents{width: 83%;margin-top: 220px;}

.otherContents .otherList ul{width: 106.3%;}
.otherContents .otherList ul li{width: 27.333%;margin-right: 6%;}

.otherContents h3{font-size: 18px;height: 43px;}
.otherContents .oth01 h3{font-size: 22px;padding-top: 10px;}
.otherContents .photo p{font-size: 16px;}
.otherContents .more{width: 130px;height: 45px;}
.otherContents .more span{font-size: 16px;}
.otherContents .more span.see{font-size: 17px;}
.otherContents .otherList ul:before{top: 60px;left: 30.2%;}
.otherContents .otherList ul:after{top: 60px;left: 63.7%;}

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

.footer .instagram{font-size: 18px;}
.footer .instagram .icon{width: 36px;}
.footer h2{width: 180px;margin-top: 110px;}
.footer .copyright{letter-spacing: 0.1em;font-size: 15px;margin-top: 40px;}
.footer .pagetop{width: 80px;top: 40px;}

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

.sideNavi{right:-72px;width: 70px;}
.sideNavi .title{font-size: 11px;letter-spacing: 0.02em;}
.sideNavi .image{margin-top: 5px;}

}















@media(max-width:950px) {

#header h1{width: 7%;}
#header h2{width: 15%;left: 3vw;}


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

.lead h1,
.lead.delighter h1{width: 20%;}

.lead .bottom{margin-top: 100%;padding-bottom: 70%;}

.lead h2{font-size: 21px;}
.lead h3{font-size: 13px;}

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

.wrapper{padding-bottom: 220px;}



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


.categoryTitle .mainImage .photo{width: 90%;}
.categoryTitle .titleMain{margin-top: 80px;width: 90%;}

.categoryTitle .titleMain .name,
.categoryTitle .titleMain.delighter .name{left: 4%;width: 330px;}

.daddy .categoryTitle .titleMain .name h2{font-size: 26px;}
.linen .categoryTitle .titleMain .name h2{font-size: 33px;}
.gima .categoryTitle .titleMain .name h2{font-size: 33px;}

.categoryTitle .titleMain .name h3{font-size: 16px;}

.categoryTitle .titleMain .copy,
.categoryTitle .titleMain.delighter .copy{width: calc(96% - 330px);margin-left: calc(4% + 330px);padding: 25px 0;}
.categoryTitle .titleMain .copy p{font-size: 14px;}


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

.subTitle,
.subTitle.delighter{margin-top:120px;}

.subTitle.marginLong,
.subTitle.marginLong.delighter{margin-top: 200px;}

.subTitle .subMain{padding: 30px 25px 20px 25px;}
.subTitle .subMain h2{font-size: 28px;}
.subTitle .subMain h3{font-size: 17px;}


.subTitle .subMain h2:after,
.subTitle.delighter .subMain h2:after{left: calc( -25px - 18%);}
.subTitle.sub01.delighter.started .subMain h2:after{width: calc(18% + 260px);}
.subTitle.sub02.delighter.started .subMain h2:after{width: calc(18% + 350px);}
.subTitle.sub03.delighter.started .subMain h2:after{width: calc(18% + 300px);}
.subTitle.sub04.delighter.started .subMain h2:after{width: calc(18% + 300px);}



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

.historyLead{margin-top: 50px;}
.historyLead p{font-size: 14px;}

.history{margin-top: 170px;width: 85%;}

.history .hisInner{width: 100%;padding: 150px 0 7%}

.history .text,
.history.delighter .text{top: -110px;width: 70%;padding: 30px 35px;}
.history .text p{font-size: 14px;}


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

.function{width: 85%;margin-top: 0px}

.function .funInner,
.function .funInner.delighter{margin-top: 90px;}

.function .funInner .img{width: 51%;}
.function .funInner .info{width: 44%;margin-left: 56%;}
.function .funInner .info h2{font-size: 26px;padding: 2px 0 15px;}
.function .funInner .info h3{margin: 20px 0 18px;font-size: 16px;}
.function .funInner .info p{font-size: 14px;}

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

.fabric .fabInner{width: 85%;}

.fabric .colorBar,
.fabric .colorBar.delighter{height: 50px;}

.fabric .fabLead{font-size: 15px;}

.fabric .fabList{margin-top: 65px;}
.fabric .fabList h3{font-size: 18px;}
.fabric .fabList h3 span{font-size:19px;}
.fabric .fabList p{font-size: 14px;padding: 20px 0;}

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



.itemMain{width: 88%;}

.itemMain .visualBox h2 span,
.itemMain .visualBox.delighter h2 span{font-size: 19px;}

.itemMain .visualBox h2 span i{left: -30px;}
.itemMain.set05 .visualBox h2 span i{left: -30px;}



.itemMain .visualBox.delighter.started h2{bottom: calc( -220px - 5.2%);}


.itemMain .visualBox h2 span i{left: -28px;}
.itemMain.set05 .visualBox h2 span i{left: -28px;}




.itemMain .itemBox,
.itemMain .itemBox.delighter{width: 42%;margin-right: -1%;}
.itemMain.set03 .itemBox,
.itemMain.set03 .itemBox.delighter {margin-left: -1%;}

.itemMain .itemBox .spec{margin-top: 20px;}
.itemMain .itemBox .spec .name{width: calc(100% - 80px);}
.itemMain .itemBox .spec .buy{width: 75px;}
.itemMain .itemBox .spec .buy a{font-size: 16px;}

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

.otherImage{margin-top: 220px;width: 85%;}

.otherImage .inner p,
.otherImage.delighter .inner p{margin-left:19.6%;}

.otherImage .line01,
.otherImage.delighter .line01{left: -6%;}

.otherImage .line02,
.otherImage.delighter .line02{width: 68%;}


.otherImage.set03 .inner,
.otherImage.set05 .inner{margin-left: 0;}
.otherImage.set03 .inner p,
.otherImage.set05 .inner p{margin-left: 2.4%;}


.otherImage.set03 .line01,
.otherImage.set05 .line01{left: 16%;}
.otherImage.set03 .line02,
.otherImage.set05 .line02{left: -4.5%;}



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

.movieArea{width: 90%;margin-top: 160px;}

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

.recommend{width: 94%;margin-top: 160px;}
.recommend .recText{font-size: 12px;}

.recommend .spec .name{width: calc(100% - 60px);}
.recommend .spec .name h3{font-size: 14px;}
.recommend .spec .name h3 span{font-size: 11px;}
.recommend .spec .name h4{font-size: 11px;}

.recommend .spec .buy{width: 58px;}
.recommend .spec .buy a{font-size: 14px;}

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

.allBanner{margin-top: 170px;}

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


.otherContents{width: 90%;margin-top: 190px;}
.otherContents h2,
.otherContents h2.delighter{font-size: 26px;padding-bottom: 26px;}

.otherContents .otherList{margin-top: 25px;}
.otherContents h3{font-size: 16px;height: 36px;}
.otherContents .oth01 h3{font-size: 18px;padding-top: 8px;}

.otherContents .photo{margin-top: 13px;}
.otherContents .photo p{font-size: 15px;}

.otherContents .more{width: 120px;height: 40px;}
.otherContents .more span{font-size: 14px;}
.otherContents .more span.see{font-size: 15px;}
.otherContents .otherList ul:before{top: 50px;}
.otherContents .otherList ul:after{top: 50px;}

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

.footer{padding: 80px 0 40px;}

.footer .instagram{font-size: 17px;}
.footer .instagram .icon{width: 34px;}

.footer h2{width: 160px;margin-top: 90px;}
.footer .copyright{font-size: 13px;}


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

.sideNavi{display: none;}


}











@media(max-width:768px) {

.pclink{pointer-events: none;}
.itemSlick a.pclink{pointer-events: none; display: block;}

#loader-bg{height:100%;}

#loader-bg:after{
	right: 0;
	width: 100%;
	height: 50%;
	-webkit-transition: width 1.3s cubic-bezier(0.76, 0, 0.24, 1);
	transition: width 1.3s cubic-bezier(0.76, 0, 0.24, 1);
}
#loader-bg.close:after{height: 50%;width:0;}
#loader-bg:before{
	left: 0;
	width: 100%;
	height: 50%;
	-webkit-transition: width 1.3s cubic-bezier(0.76, 0, 0.24, 1);
	transition: width 1.3s cubic-bezier(0.76, 0, 0.24, 1);
}
#loader-bg.close:before{height: 50%;width:0;}


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

.slideChange{display: none;}

.cover-slider_wrap {width: 100%;height: 50%;}
.cover-slider_wrap.slide01{float: none;}
.cover-slider_wrap.slide02{float: none;}

.slide01 .cover-slider_slide:nth-child(1){background-image: url("../../images/mainsp_01.jpg");}
.slide01 .cover-slider_slide:nth-child(2){background-image: url("../../images/mainsp_02.jpg");opacity: 0;}
.slide01 .cover-slider_slide:nth-child(3){background-image: url("../../images/mainsp_03.jpg");opacity: 0;}
.slide02 .cover-slider_slide:nth-child(1){background-image: url("../../images/mainsp_04.jpg");}
.slide02 .cover-slider_slide:nth-child(2){background-image: url("../../images/mainsp_05.jpg");opacity: 0;}
.slide02 .cover-slider_slide:nth-child(3){background-image: url("../../images/mainsp_06.jpg");opacity: 0;}

#header h1{
	width: 8%;
	bottom: 25%;
	right: 7vw;
	-webkit-transform:translateY(50%);
	transform:translateY(50%);
}
#header.start h1{bottom: 25%;right: 5vw; opacity: 1;}

#header h2{
	position: absolute;
	width: 12.5%;
	z-index: 10;
	top: 1vw;
	left: 3vw;
	opacity: 0;
	-webkit-transition: all 1.6s cubic-bezier(0.25, 1, 0.5, 1);
	transition: all 1.6s cubic-bezier(0.25, 1, 0.5, 1);
}
#header.start h2{top: 3vw;opacity: 1;}

#header h2{width: 20%;top: 7vw;left: auto;right: 5%;}
#header.start h2{top: 4vw;}


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


.lead .inner{width: 100%;}


.lead h1,.lead.delighter h1,
.lead .bkL,.lead.delighter .bkL,
.lead .bkC,.lead.delighter .bkC,
.lead .bkR,.lead.delighter .bkR{display: none;}


.lead .nav,
.lead.delighter .nav{
	width: 100%;
	float: none;
	opacity: 1;
	top: 0px;
	position: relative;
	z-index: 5;
	-webkit-transition: none;
	transition: none;
}
.lead.delighter.started .nav{opacity: 1;top: 0;}


.lead .nav.n01{background: #AFC8C6;}
.lead .nav.n02{background: #CC7D7D;}
.lead .nav.n03{background: #9AB47B;}

.lead .bottom,
.lead .bottom.delighter{
	margin: 0 auto;
	padding: 8% 0;
	width: 75%;
	top: 40px;
	opacity: 0;
	-webkit-transition: top 1.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 1.4s;
	transition: top 1.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 1.4s;
}
.lead .bottom.delighter.started{opacity: 1;top: 0;}

.lead .categoryImage{width: 80%;}

.lead h2{font-size: 24px;}
.lead h3{font-size: 15px;}
.lead .categoryText p{font-size: 14px;}

.lead .spMore{
	display: block;
	width: 80%;
	margin: 25px auto 0;
}
.lead .spMore a{
	display: block;
	border: 1px solid #373A36;
	color: #373A36;
	background: #D6D1C4;
	font-family: 'Public Sans', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1;
	letter-spacing: 0.03em;
	padding: 7px 0 7px;
	
}
/*.lead .categoryImage a {pointer-events: none;}*/
.lead .categoryImage a .cover{display: none;}
.lead .categoryImage a .more{display: none;}


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

.wrapper{padding-bottom: 23%;}

.mainCategory.linen{margin-top:30%; }
.mainCategory.gima{margin-top:30%; }
/*---------------------------------------*/



.categoryTitle .mainImage .photo{width: 90%;}
.categoryTitle .mainImage .photo span{padding-top: 56%;}

.daddy .categoryTitle .mainImage .photo span{background-image: url("../../images/categorymain01_sp.jpg");}
.linen .categoryTitle .mainImage .photo span{background-image: url("../../images/categorymain02_sp.jpg");}
.gima .categoryTitle .mainImage .photo span{background-image: url("../../images/categorymain03_sp.jpg");}


.categoryTitle .titleMain{width: 80%;margin-top:10%;}


.categoryTitle .titleMain .name,
.categoryTitle .titleMain.delighter .name{
	position:relative;
	padding: 0px 0 20px;
	top: 0;
	width: 100%;
	-webkit-transform:none;
	transform:none;
}

.categoryTitle .titleMain .name h3{font-size: 18px;}

.categoryTitle .titleMain .copy,
.categoryTitle .titleMain.delighter .copy{display: none;}

.categoryTitle .spCopy{display: block;width: 80%;margin: 20px auto 0;}
.categoryTitle .spCopy p{font-size: 16px;letter-spacing: 0.05em;line-height: 1.9;}

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

.subTitle,
.subTitle.delighter{margin-top:15%;}
.subTitle .subInner{width: 90%;}
.subTitle .subMain{width: 65%;}
.subTitle.sub02{margin-top: 35%;}

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

.history{margin-top: 170px;width: 90%;}
.history .hisInner{padding: 130px 0 7%}

.history .text,
.history.delighter .text{top: -110px;width: 70%;padding: 25px 30px;}
.history .text p{font-size: 14px;}

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

.function{width: 90%;}
.function .funInner,
.function .funInner.delighter{margin-top: 15%;}

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

.fabric .fabInner{width: 90%;}

.fabric .colorBar,
.fabric .colorBar.delighter{height: 45px;}

.fabric .fabList{margin-top: 60px;}
.fabric .fabList ul li{margin-bottom: 55px;}
.fabric .fabList h3{font-size:17px;}
.fabric .fabList h3 span{font-size: 18px;}
.fabric .fabList p{font-size: 14px;padding: 15px 0 18px;}


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

.itemMain{width: 90%;margin-top: 16%;}
.itemMain .visualBox h2 span,
.itemMain .visualBox.delighter h2 span{font-size: 18px;}

.itemMain .visualBox h2 span i{left: -25px;}
.itemMain.set05 .visualBox h2 span i{left: -25px;}

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

.otherImage{width: 87%;}

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

.movieArea{margin-top: 20%;width: 100%;}

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

.recommend{width: 96%;margin-top: 17%;}
.recommend .recList > ul{width: 102%;}
.recommend .recList > ul > li{width: 31.333333%;margin-right: 2%;}

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

.allBanner{margin-top: 15%;}

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

.otherContents{width: 95%;margin-top: 22%;}
.otherContents h2,
.otherContents h2.delighter{font-size: 25px;padding-bottom: 20px;}

.otherContents .otherList ul{width: 103%;}
.otherContents .otherList ul li{width: 30.333%;margin-right: 3%;}

.otherContents .otherList ul:before{top: 47px;left: 31.8%;}
.otherContents .otherList ul:after{top: 47px;left: 65.0%;}

.otherContents h3{font-size: 15px;height: 33px;}
.otherContents .oth01 h3{font-size: 17px;padding-top: 8px;}

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

.footer{padding-top:80px;padding-bottom: calc(12vw + 40px);}

.footer .instagram{font-size: 16px;}
.footer .instagram .icon{width: 30px;}

.footer h2{width: 150px;margin-top: 100px;}
.footer .copyright{font-size: 12px;}

.footer .pagetop{display: none;}

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



.spBottomNavi{
	display: block;
	width: 100%;
	position: fixed;
	left: 0;
	bottom: -12.5vw;
	z-index: 600;
	-webkit-transition: all 0.8s cubic-bezier(0.25, 1, 0.5, 1);
	transition: all 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}
.spBottomNavi.view{
	bottom: -1px;
}
.spBottomNavi ul{
	width: 100%;
	font-size: 0;
}
.spBottomNavi ul li{
	width:28%;
	display: inline-block;
	text-align: center;
	height: 12vw;
	position: relative;
	vertical-align: top;
}
.spBottomNavi ul li:last-child{
	width: 16%;
	background: #D6D1C4;
	position: relative;
}
.spBottomNavi ul li:last-child img{
	width: 40%;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}


.spBottomNavi ul li a{
	display: block;
	width: 100%;
	height: 12vw;
	position: relative;
	text-align: center;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.spBottomNavi ul li.n01 a{background-image: url("../../images/spnav01.jpg");color: #4B858E;}
.spBottomNavi ul li.n02 a{background-image: url("../../images/spnav02.jpg");color: #B2292E;}
.spBottomNavi ul li.n03 a{background-image: url("../../images/spnav03.jpg");color: #6B702E;}


.spBottomNavi ul li h4{
	font-weight: 400;
	font-family: 'Libre Baskerville', serif;
	line-height: 1.2;
	letter-spacing: 0.08em;
	font-size: 2.4vw;
	margin: 0 auto;
	padding: 0 0.7em;
	position: absolute;
	top: 50%;
	left: 50%;
	white-space: nowrap;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}






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



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

}






@media(max-width:720px) {

.screenWide{display: none;}

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

.wrapper{padding-bottom: 28%;}

.mainCategory.linen{margin-top:35%;}
.mainCategory.gima{margin-top:35%;}
/*---------------------------------------*/


.lead .bottom,
.lead .bottom.delighter{padding: 10% 0;}

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


.categoryTitle .titleMain .name,
.categoryTitle .titleMain.delighter .name{left: 5%;}

.daddy .categoryTitle .titleMain .name h2{font-size: 28px;}
.linen .categoryTitle .titleMain .name h2{font-size: 30px;}
.gima .categoryTitle .titleMain .name h2{font-size: 30px;}

.categoryTitle .titleMain .name h3{font-size: 16px;}

.categoryTitle .spCopy p{font-size: 15px;}

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

.subTitle,
.subTitle.delighter{margin-top:22%;}
.subTitle.marginLong,
.subTitle.marginLong.delighter{margin-top: 33%;}

.subTitle .subInner{width: 85%;}
.subTitle .subMain{width: 85%;}
.subTitle .subMain h2{font-size: 25px;}
.subTitle .subMain h3{font-size: 16px;margin-top: 0.8em;}

.subTitle.sub01.delighter.started .subMain h2:after{width: calc(18% + 260px);}
.subTitle.sub02.delighter.started .subMain h2:after{width: calc(18% + 320px);}
.subTitle.sub03.delighter.started .subMain h2:after{width: calc(18% + 260px);}
.subTitle.sub04.delighter.started .subMain h2:after{width: calc(18% + 260px);}

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


.historyLead{margin-top: 50px;}
.historyLead p{font-size: 15px;}
.historyLead p br{display: none;}
.historyLead p span{font-size: 14px; display: block;}

.history{width: 92%;margin:160px 0 0;}
.history .hisInner{width: 100%;padding: 140px 0 35%;}

.history .text,
.history.delighter .text{
	top:0;
	width: 88%;
	padding: 20px 25px;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.history .text p{
	font-size: 15px;
}

.history .image,
.history.delighter .image{width: 75%;}

.history .pattern,
.history.delighter .pattern{width: 55%;bottom: 0%;}


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

.function{width: 80%;}
.function .funInner,
.function .funInner.delighter{margin-top: 15%;overflow: visible;}

.function .funInner:after{left: -5%;right: -13%;}
.function .funInner.fun02:after{left: -13%;right: -5%;}
.function .funInner.fun04:after{left: -13%;right: -5%;}

.function .funInner .img{width: 60%;padding-top: 38%;position: relative;}
.function .funInner.fun02 .img{margin-left: 40%;}
.function .funInner.fun04 .img{margin-left: 40%;}

.function .funInner .info{
	width: 100%;
	margin-left: 0%;
	padding-bottom: 5%;
	margin-top: 8%;
}

.function .funInner .info h2{padding: 0 0 15px;font-size: 24px;}
.function .funInner.delighter.started .info h2:after{left: 30%;}
.function .funInner.even .info h2:after,
.function .funInner.even.delighter .info h2:after{left: 0;}
.function .funInner.even.delighter.started .info h2:after{right: 30%;left: 0;}

.function .funInner .info h2:before,
.function .funInner.delighter .info h2:before{
	border-top: 8px solid transparent;
	border-right: 14px solid #236092;
	border-bottom: 8px solid transparent;
	-webkit-transform:translateY(7px);
	transform:translateY(7px);
}
.function .funInner.even .info h2:before,
.function .funInner.even.delighter .info h2:before{
	border-right: none;
	border-left: 14px solid #236092;
}

.function .funInner.delighter.started .info h2:before{left: calc(30% - 10px);}
.function .funInner.even.delighter.started .info h2:before{left: auto;right: calc(30% - 10px);}

.function .funInner .info h3{margin: 15px 0 18px;font-size: 16px;}
.function .funInner .info p{font-size: 15px;}


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

.fabric .colorBar,
.fabric .colorBar.delighter{height: 10vw;}
.fabric .colorBar.delighter.started{width: 100%;}

.fabric .fabInner{width: 80%;}

.fabric .fabLead{font-size: 15px;margin-top: 30px;}


.fabric .fabList{margin-top: 50px;}
.fabric .fabList ul{width: 100%;}
.fabric .fabList ul li{
	width: 100%;
	margin-right: 0%;
	margin-bottom: 60px;
}

.fabric .fabList h3{padding-bottom: 0.8em;}



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

.itemMain{
width: 80%;
margin-top: 25%;
}
.itemMain .visualBox,
.itemMain .visualBox.delighter{
	width: 87.5%;
	margin: 0 auto;
	float: none;
}
.itemMain.set03 .visualBox,
.itemMain.set03.delighter .visualBox,
.itemMain.set05 .visualBox,
.itemMain.set05.delighter .visualBox{float: none;}




.itemMain .visualBox h2,
.itemMain .visualBox.delighter h2{
	top: -8%;
	left: -7%;
	width: 80%;
	bottom: 106%;
}
.itemMain .visualBox.delighter.started h2{bottom: -20vw;}


.itemMain.set03 .visualBox h2,
.itemMain.set03 .visualBox.delighter h2,
.itemMain.set05 .visualBox h2,
.itemMain.set05 .visualBox.delighter h2{left: auto;right: -7%;}


.itemMain .visualBox h2 span,
.itemMain .visualBox.delighter h2 span{font-size: 19px;left: 8%;}
.itemMain .visualBox h2 span i{left: -25px;}
.itemMain.set05 .visualBox h2 span i{left: -25px;}

.itemMain.set03 .visualBox h2 span,
.itemMain.set05 .visualBox h2 span{left:auto;right: 0;text-align: right;}
.itemMain.set05 .visualBox h2 span i{left: -35px;}


.itemMain .itemBox,
.itemMain .itemBox.delighter{
	width: 100%;
	float: none;
	margin-top: 20vw;
	position: relative;
	margin-right: 0;
}
.itemMain.set03 .itemBox,
.itemMain.set03 .itemBox.delighter {margin-left: 0%;}


.itemMain .itemBox .text p{font-size: 13px;letter-spacing: 0.08em;line-height: 1.9;}
.itemMain .itemBox .spec .name h3{font-size: 15px;}
.itemMain .itemBox .spec .name h3 span{font-size: 12px;}
.itemMain .itemBox .spec .name h4{font-size: 13px;margin-top: 0.2em;}
.itemMain .itemBox .spec .buy a{font-size: 16px;}


.itemMain .itemBox .itemSlick  li a img{padding:0 9%;}
.itemMain .itemBox .text p{width: 90%;margin: 0 auto}
.itemMain .itemBox .spec{width: 90%;margin: 25px auto 0;}

.itemMain .itemBox .spec .name h3{font-size: 15px;}
.itemMain .itemBox .spec .name h3 span{font-size: 12px;}
.itemMain .itemBox .spec .name h4{font-size: 13px;margin-top: 0.2em;}
.itemMain .itemBox .spec .buy a{font-size: 16px;background: #373A36;color: #D6D1C4;}


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

.otherImage{
	width: 100%;
	margin-top: 20%;
}
.otherImage .inner{
	width: 100%;
	margin: 0;
}
.otherImage .inner p,
.otherImage.delighter .inner p{
	width: 85%;
	margin-left:15%;
}
.otherImage.set03 .inner,
.otherImage.set05 .inner{margin-left: 0;}
.otherImage.set03 .inner p,
.otherImage.set05 .inner p{margin-left: 0;}


.otherImage .line01,
.otherImage.delighter .line01{
	top: 15%;
	left: 6%;
	width: 84%;
	bottom: -16%;
}
.otherImage.delighter.started .line01{opacity: 1; top:8%;}

.otherImage.set03 .line01,
.otherImage.set05 .line01{left: 10.5%;}


.otherImage .line02,
.otherImage.delighter .line02{
	top: -15%;
	left: 10.5%;
	width: 90%;
	bottom: -8%;
}
.otherImage.delighter.started .line02{opacity: 1; top:-8%;}


.otherImage.set03 .line02,
.otherImage.set05 .line02{left: -0.5%;}



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

.movieArea{margin-top: 25%;width: 100%;}
.movieArea .thumb .playBT .play{
	width: 15vw;
	height: 15vw;
	margin-top: -7.5vw;
	padding:4.0vw;
}


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

.recommend{width: 70%;margin-top: 25%;max-width: 400px;}
.recommend .recList > ul{width: 100%;}
.recommend .recList > ul > li{width: 100%;margin-right: 0%;margin-top: 15%;}
.recommend .recList > ul > li:first-child{margin-top: 0;}
.recommend .recImage{width: 85%;margin: 0 auto;padding-bottom: 53px;}

.recommend .recText{font-size: 13px;letter-spacing: 0.08em;line-height: 1.9;}

.recommend .spec .name{width: calc(100% - 80px);}

.recommend .spec .name h3{font-size: 15px;}
.recommend .spec .name h3 span{font-size: 12px;}
.recommend .spec .name h4{font-size: 13px;margin-top: 0.2em;}
.recommend .spec .buy{width: 75px;}
.recommend .spec .buy a{font-size: 16px;padding: 0.5em 0 0.4em;background: #373A36;color: #D6D1C4;}


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

.allBanner{margin-top: 20%;width: 100%;}


.allBanner h2{width: 80%;margin-top: 5%;}

.allBanner .more{bottom: 20%;right: 12%;width: 48%;}
.allBanner .more a{font-size: 3.5vw;letter-spacing: 0.05em;}


/*
.allBanner .more{bottom: 13%;right: 6.5%;width: 57%;}
.allBanner .more a{font-size: 4.0vw;letter-spacing: 0.05em;}
*/

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

.otherContents{width: 80%;margin-top: 25%;}
.otherContents h2 br{display: block;}
.otherContents h2,
.otherContents h2.delighter{font-size: 25px;padding:10px 0;line-height: 1.1;}
.otherContents h2:after,
.otherContents h2.delighter:after{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 0;
	width: 0%;
	height: 1px;
	background: #373A36;
	-webkit-transition: width 1.6s cubic-bezier(0.76, 0, 0.24, 1);
	transition: width 1.6s cubic-bezier(0.76, 0, 0.24, 1);
}
.otherContents h2:before,
.otherContents h2.delighter:before{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 0;
	width: 0%;
	height: 1px;
	background: #373A36;
	-webkit-transition: width 1.6s cubic-bezier(0.76, 0, 0.24, 1);
	transition: width 1.6s cubic-bezier(0.76, 0, 0.24, 1);
}
.otherContents h2.delighter.started:before{width: 100%;}

.otherContents .otherList{
	width: 80%;
	max-width: 300px;
	margin:0 auto;
	border-bottom: none;
}
.otherContents .otherList ul{width: 100%;margin-top: 10%;}
.otherContents .otherList ul li{
	width: 100%;
	margin-right: 0%;
	padding: 25px 0 30px;
	display: block;
	border-bottom: 1px solid #373A36;
}
.otherContents .otherList ul li:last-child{border-bottom: none;}


.otherContents .otherList ul:before,
.otherContents .otherList ul:after{ display: none;}


.otherContents h3{font-size: 17px;height:auto;}
.otherContents .oth01 h3{font-size: 17px;padding-top: 0;}

.otherContents .photo{margin: 16px auto;width: 85%;}
.otherContents .photo p br.res{display: block;}

.otherContents .more{width: 85%;height: 40px;border:none;background: #373A36;color: #D6D1C4;margin: 0 auto;}
.otherContents .more a{color: #D6D1C4;}
.otherContents .more span{font-size: 15px;}
.otherContents .more span.see{font-size: 17px;}

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

.footer{padding-top:80px;padding-bottom: calc(12vw + 40px);background-image: url("../../images/footer_sp.jpg");}

.footer .copyright{font-size: 12px;line-height: 1.3;}
.footer .copyright br{display: block;}
.footer .pagetop{width: 80px;right: -10px;}

.footer .pagetop{display: none;}

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

.spBottomNavi{bottom: -15.3vw;}
.spBottomNavi ul li{height: 15vw;width:27%;}
.spBottomNavi ul li a{height: 15vw;}

.spBottomNavi ul li  h4{font-size: 3.0vw;}

.spBottomNavi ul li:last-child{width: 19%;}
.spBottomNavi ul li:last-child img{width: 43%;}

}









@media(max-width:550px) {


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

.wrapper{padding-bottom: 30%;}

.mainCategory.linen{margin-top:37%;}
.mainCategory.gima{margin-top:37%;}

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

#header h1{width: 11%;}

#header h2{width: 23%;top: 8vw;}
#header.start h2{top: 5vw;}


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


.lead .bottom,
.lead .bottom.delighter{padding: 12% 0;}

.lead h2{font-size: 22px;}
.lead h3{font-size: 14px;}
.lead .categoryImage{margin-top: 20px;}

.lead .categoryText{margin-top: 20px;}
.lead .categoryText p{font-size: 13px;}

.lead .spMore{margin-top: 20px;}
.lead .spMore a{font-size: 15px;}

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

.categoryTitle .titleMain .name,
.categoryTitle .titleMain.delighter .name{left: 20px;}

.daddy .categoryTitle .titleMain .name h2{font-size: 25px;}
.linen .categoryTitle .titleMain .name h2{font-size: 28px;}
.gima .categoryTitle .titleMain .name h2{font-size: 28px;}
.categoryTitle .titleMain .name h3{font-size: 15px;margin-top: 0.5em;}

.categoryTitle .spCopy p{font-size: 14px;}

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


.subTitle,
.subTitle.delighter{margin-top:25%;}
.subTitle.marginLong,
.subTitle.marginLong.delighter{margin-top: 38%;}


.subTitle .subMain{width: 90%;}
.subTitle .subMain h2{font-size: 23px;line-height: 0.8;}
.subTitle .subMain h3{font-size: 15px;}

.subTitle.sub01.delighter.started .subMain h2:after{width: calc(18% + 280px);}
.subTitle.sub02.delighter.started .subMain h2:after{width: calc(18% + 290px);}
.subTitle.sub03.delighter.started .subMain h2:after{width: calc(18% + 280px);}
.subTitle.sub04.delighter.started .subMain h2:after{width: calc(18% + 280px);}

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



.historyLead{margin-top: 40px;}
.historyLead p{font-size: 14px;line-height: 1.9;}
.historyLead p span{font-size: 13px;}


.history{width: 94%; margin-top:140px;}
.history .hisInner{padding: 140px 0 35%;}

.history .text,
.history.delighter .text{width: 89%;padding: 17px 20px;}

.history .text p{font-size: 14px;line-height: 1.9;}

.history .image,
.history.delighter .image{width: 80%;}
.history .pattern,
.history.delighter .pattern{width: 58%;}

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

.function .funInner.delighter{margin-top: 18%;}
.function .funInner .img{width: 65%;padding-top: 40%;}
.function .funInner.fun02 .img{margin-left: 35%;}

.function .funInner .info{padding-bottom: 8%;}
.function .funInner .info h2{font-size: 21px;}
.function .funInner .info h3{margin: 11px 0 18px;font-size: 15px;}

.function .funInner .info p{font-size: 14px;}

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

.fabric .fabLead{font-size: 14px;}
.fabric .fabList ul li{margin-bottom: 50px;}

.fabric .fabList p{line-height: 1.9;}

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

.itemMain{margin-top: 25%;}
.itemMain.set03,
.itemMain.set05,
.itemMain.set06{margin-top: 40%;}

.itemMain .visualBox h2 span,
.itemMain .visualBox.delighter h2 span{font-size: 18px;}

.itemMain .visualBox h2 span i{left: -20px;}

.itemMain .itemBox .itemSlide{padding-bottom: 49px;}

.itemMain .itemBox .itemSlick  li a img{padding:0 10%;}


.slick-dots li button{height:9px;width:19px;}


.itemMain .itemBox .text p{line-height: 1.8;}
.itemMain .itemBox .spec .buy a{font-size: 14px;}

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

.recommend .recImage{padding-bottom: 49px;}

.recommend .spec{padding: 12px 0;}
.recommend .spec .buy a{font-size: 14px;}

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

.allBanner{margin-top: 25%;}
.allBanner h2{width: 100%;margin-top:0;}
.allBanner .more{bottom: 13%;right: 6.5%;width: 57%;}
.allBanner .more a{font-size: 4.0vw;letter-spacing: 0.05em;}

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

.otherContents h2,
.otherContents h2.delighter{font-size: 24px;}

.otherContents .more span{font-size: 14px;}
.otherContents .more span.see{font-size: 16px;}


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

.footer{padding-top:70px;padding-bottom: calc(12vw + 40px);}
.footer .instagram{font-size: 14px;}
.footer .instagram .icon{width: 30px;}
.footer h2{width: 120px;margin-top: 70px;}
.footer .copyright{font-size: 11px;}

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

.spBottomNavi{bottom: -16.3vw;}
.spBottomNavi ul li{height: 16vw;}
.spBottomNavi ul li a{height: 16vw;}

.spBottomNavi ul li  h4{font-size: 3.3vw;}
.spBottomNavi ul li:last-child img{width: 45%;}

}





@media(max-width:440px) {

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

.mainCategory.linen{margin-top:39%;}
.mainCategory.gima{margin-top:39%;}

#header h1{width: 13%;right: 9vw;}
#header.start h1{right: 6vw;}

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


.historyLead p{font-size: 13px;}
.historyLead p span{font-size: 12px;}

.lead h2{font-size: 20px;}
.lead h3{font-size: 13px;margin-top: 0.5em;}

.lead .bottom,
.lead .bottom.delighter{width: 85%;}

.lead .categoryImage{width: 76%;}
.lead .categoryText p{line-height: 2.0;}

.lead .spMore{width: 72%;margin-top: 16px;}


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

.daddy .categoryTitle .titleMain .name{padding-bottom: 15px;}
.daddy .categoryTitle .titleMain .name h2{font-size: 24px;}
.linen .categoryTitle .titleMain .name h2{font-size: 26px;}
.gima .categoryTitle .titleMain .name h2{font-size: 26px;}

.categoryTitle .titleMain .name h3{font-size: 14px;}

.categoryTitle .spCopy p{font-size: 13px;}

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


.subTitle .subMain{width: 95%;padding: 20px 20px 18px 20px;}
.subTitle .subMain h2{font-size: 21px;line-height: 0.73;}
.subTitle .subMain h3{font-size: 14px;}

.subTitle.sub01.delighter.started .subMain h2:after{width: calc(18% + 260px);}
.subTitle.sub02.delighter.started .subMain h2:after{width: calc(18% + 260px);}
.subTitle.sub03.delighter.started .subMain h2:after{width: calc(18% + 260px);}
.subTitle.sub04.delighter.started .subMain h2:after{width: calc(18% + 260px);}

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

.history{margin-top:150px;}

.history .text,
.history.delighter .text{padding: 14px 18px;}
.history .text p{font-size: 13px;}

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

.function .funInner .img{width: 70%;padding-top: 45%;}
.function .funInner.fun02 .img{margin-left: 30%;}
.function .funInner.fun04 .img{margin-left: 30%;}


.function .funInner .info h2:before,
.function .funInner.delighter .info h2:before{
	border-top: 6px solid transparent;
	border-right: 12px solid #4B858E;
	border-bottom:6px solid transparent;
	-webkit-transform:translateY(5px);
	transform:translateY(5px);
}
.function .funInner.even .info h2:before,
.function .funInner.even.delighter .info h2:before{
	border-right: none;
	border-left: 12px solid #4B858E;
}

.function .funInner .info{margin-top: 11%;}
.function .funInner .info h2{font-size: 17px;padding-bottom: 10px;}
.function .funInner .info h3{margin: 10px 0 15px;font-size: 14px;}
.function .funInner .info p{font-size: 13px;}


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

.fabric .fabLead{font-size: 13px;}

.fabric .fabList ul li{margin-bottom: 40px;}

.fabric .fabList h3{font-size: 16px;}
.fabric .fabList h3 span{font-size: 17px;}
.fabric .fabList p{font-size: 13px;}


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


.itemMain .visualBox h2,
.itemMain .visualBox.delighter h2{width: 85%;}

.itemMain .visualBox h2 span,
.itemMain .visualBox.delighter h2 span{font-size: 16px;}
.itemMain .itemBox .itemSlick  li a img{padding:0 9%;}

.itemMain .itemBox .text p{width: 95%; font-size: 12px;}
.itemMain .itemBox .spec{width: 95%;}
.itemMain .itemBox .spec .name{width: calc(100% - 75px);}
.itemMain .itemBox .spec .name h3{font-size: 13px;}
.itemMain .itemBox .spec .name h3 span{font-size: 11px;padding-left: 3px;}
.itemMain .itemBox .spec .name h4{font-size: 12px;margin-top: 0.2em;}
.itemMain .itemBox .spec .buy{width: 70px;}
.itemMain .itemBox .spec .buy a{font-size: 14px;}

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

.otherImage{margin-top: 25%;}

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

.recommend .recText{font-size: 12px;}

.recommend .spec .name{width: calc(100% - 75px);}
.recommend .spec .name h3{font-size: 13px;}
.recommend .spec .name h3 span{font-size: 11px;padding-left: 3px;}
.recommend .spec .name h4{font-size: 12px;margin-top: 0.2em;}
.recommend .spec .buy{width: 70px;}
.recommend .spec .buy a{font-size: 14px;}

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

.allBanner{margin-top: 25%;}

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

.movieArea{margin-top: 28%;}

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

.otherContents{margin-top: 27%;}
.otherContents h2,
.otherContents h2.delighter{font-size: 22px;padding:10px 8px;}

.otherContents .otherList{width: 73%;}

.otherContents .otherList ul{margin-top: 6%;}
.otherContents .otherList ul li{padding: 28px 0 30px;}

.otherContents h3{font-size: 15px;}
.otherContents .oth01 h3{font-size: 15px;}
.otherContents .photo{margin: 8px auto 18px;width: 85%;}
.otherContents .photo p{font-size: 13px;}

.otherContents .more{width: 85%;height: 35px;}
.otherContents .more span{font-size: 13px;}
.otherContents .more span.see{font-size: 14px;}

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

.spBottomNavi{bottom: -18.2vw;}
.spBottomNavi ul li{height: 18vw;}
.spBottomNavi ul li a{height: 18vw;}
.spBottomNavi ul li  h4{font-size: 3.5vw;}

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

.footer{padding-top:50px;padding-bottom: calc(18vw + 30px);}

.footer .instagram{font-size: 14px;}
.footer .instagram .icon{width: 28px;}
.footer h2{width: 120px;margin-top: 70px;}
.footer .copyright{font-size: 11px;margin-top: 20px;}

}






@media(max-width:360px) {


.lead h2{font-size: 19px;}
.lead h3{font-size: 13px;}

.lead .bottom,
.lead .bottom.delighter{width: 90%;}

.lead .categoryImage{margin-top: 15px;}


.lead .categoryText p{font-size: 12px;}
.lead .spMore a{font-size: 14px;}


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

.categoryTitle .titleMain{width: 85%;}
.daddy .categoryTitle .titleMain .name h2{font-size: 22px;}
.linen .categoryTitle .titleMain .name h2{font-size: 24px;}
.gima .categoryTitle .titleMain .name h2{font-size: 24px;}
.categoryTitle .titleMain .name h3{font-size: 13px;margin-top: 0.5em;}

.categoryTitle .spCopy p{font-size: 12px;}


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

.subTitle .subInner{width: 90%;}

.subTitle .subMain{width: 95%;padding: 20px 18px 15px 15px;}
.subTitle .subMain h2{font-size: 19px;}
.subTitle .subMain h3{font-size: 13px;}


.subTitle.sub01.delighter.started .subMain h2:after{width: calc(18% + 230px);}
.subTitle.sub02.delighter.started .subMain h2:after{width: calc(18% + 245px);}
.subTitle.sub03.delighter.started .subMain h2:after{width: calc(18% + 230px);}
.subTitle.sub04.delighter.started .subMain h2:after{width: calc(18% + 230px);}
/*---------------------------------------*/

.historyLead{margin-top: 30px;}
.historyLead p{font-size: 12px;}
.historyLead p span{font-size: 11px;}

.history{margin-top:130px;}
.history .text,
.history.delighter .text{width: 92%;}
.history .hisInner{padding: 130px 0 35%;}
.history .text p{font-size: 12px;}

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

.function{width: 85%;}
.function .funInner .info h2{font-size: 16px;}
.function .funInner .info h3{font-size: 13px;}
.function .funInner .info p{font-size: 12px;}

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

.fabric .fabInner{width: 85%;}
.fabric .fabLead{font-size: 12px;}

.fabric .fabList h3{font-size: 15px;}
.fabric .fabList h3 span{font-size: 16px;}

.fabric .fabList p{font-size: 12px;}

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

.itemMain{width: 85%;}

.itemMain .visualBox h2 span,
.itemMain .visualBox.delighter h2 span{font-size: 15px;}

.itemMain .itemBox .text p{width: 90%;}
.itemMain .itemBox .spec{width: 90%;}

.itemMain .itemBox .text p{font-size: 11px;}
.itemMain .itemBox .spec .name{width: calc(100% - 70px);}
.itemMain .itemBox .spec .name h3{font-size: 12px;}
.itemMain .itemBox .spec .name h3 span{font-size: 10px;padding-left: 2px;}
.itemMain .itemBox .spec .name h4{font-size: 11px;}
.itemMain .itemBox .spec .buy{width: 65px;}
.itemMain .itemBox .spec .buy a{font-size: 13px;}


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

.recommend .recText{font-size: 11px;}

.recommend .spec .name{width: calc(100% - 70px);}
.recommend .spec .name h3{font-size: 12px;}
.recommend .spec .name h3 span{font-size: 10px;padding-left: 2px;}
.recommend .spec .name h4{font-size: 11px;}
.recommend .spec .buy{width: 65px;}
.recommend .spec .buy a{font-size: 13px;}

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

.otherContents h2,
.otherContents h2.delighter{font-size: 20px;}

.otherContents h3{font-size: 14px;}
.otherContents .oth01 h3{font-size: 14px;}
.otherContents .photo p{font-size: 12px;}
.otherContents .more span{font-size: 12px;}
.otherContents .more span.see{font-size: 13px;}

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

.footer .instagram{font-size: 13px;}
.footer .instagram .icon{width: 28px;}
.footer h2{width: 115px;margin-top: 70px;}
.footer .copyright{font-size: 10px;margin-top: 20px;}

}