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



@media(min-width:1700px) {
.category .categoryTitle .titleImage{padding-top: 571px;}
}



@media(max-width:1300px) {

.category .categoryTitle .titleImage h2{font-size: 68px;}
.category .categoryTitle .titleBar{padding-top: 110px;}
.category .categoryTitle .titleBar h3{font-size: 30px;}

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

.category .subTitle h3{font-size: 40px;}
.category .subTitle h4{font-size: 24px;}
.category .subTitle.fun .copy{margin-right: 6%;}
.category .subTitle.var .copy{margin-right: 9%;}
.category .subTitle.lay .copy{margin-right: 6%;}
.category .subTitle.oth .copy{margin-right: 6%;}


.category .catchCopy{font-size: 18px;}


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

.nameTitle .nameSet{font-size: 29px;}

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

.itemSet .itemInfo .itemNoSlide{margin: 30px auto 30px;}
.layerStyle .itemInfo .itemPhoto{margin-bottom: 30px;}

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

.sideNavi{right:-85px;width: 80px;}
.sideNavi .title{font-size: 15px;}


}




@media(max-width:1100px) {

#header .titleBox .title{width: 21%;}
#header .titleBox .title:before{width: 8px;}
#header .titleBox .title:after{width: 8px;}
#header .titleBox .title h1:after{height: 8px;}

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

.seasonTitle .inner:before{width: calc(100% - 230px);height: 5px;}
.seasonTitle .inner:after{width: calc(100% - 230px);height: 5px;}
.seasonTitle .inner h2{width: 200px;padding: 18px 0;}
.seasonTitle .inner h3{width: 230px;}

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

.navigation .navi h2{width: 90%;margin: 0 auto;}

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

.category{margin-top: 200px;}


.category .categoryTitle{margin-bottom: 160px;}
.category .categoryTitle .titleImage h2{font-size: 60px;}
.category .categoryTitle .titleBar{padding-top: 100px;}
.category .categoryTitle .titleBar h3{font-size: 27px;}

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

.category .subTitle{padding: 40px 0;}
.category .subTitle h3{font-size: 36px;}
.category .subTitle h4{font-size: 22px;padding: 0 0.5em;}
.category .subTitle h4:after{bottom: -7px;height: 7px;}

.category .subTitle.fun .copy{margin-right: 5%;}
.category .subTitle.var .copy{margin-right: 9%;}
.category .subTitle.lay .copy{margin-right: 7%;}
.category .subTitle.oth .copy{margin-right: 5%;}


.category .catchCopy{font-size: 17px;padding: 0 3%;}

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

.function .funInner{padding: 130px 0;}
.function .funUnit{margin-bottom: 50px;}
.function .funUnit.odd{padding-right: 7%;}
.function .funUnit.even{padding-left: 7%;}
.function .funUnit .photo,.function.delighter .funUnit .photo{width: 210px;}
.function .funUnit .info,.function.delighter .funUnit .info{width: calc(100% - 250px);}
.function .funUnit .title .icon{width: 60px;}
.function.c01 .funUnit .title h3{left: 75px;font-size: 16px;}
.function.c02 .funUnit .title h3{font-size: 18px;}
.function .funUnit .title h3 span{font-size: 18px;}
.function.c01 .funUnit .funBody{padding-top: 120px;}
.function.c02 .funUnit .funBody{padding-top: 140px;}

.function .catchCopy{padding: 0;}

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

.nameTitle{width: 94%;}
.nameTitle .nameSet{font-size: 28px;}

.itemSet{width: 94%;}
.itemSet .itemInfo{width:40%;}
.itemSet .itemInfo .itemNoSlide{margin-top:0;}

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

.layerStyle .nameTitle{width: 100%;}
.layerStyle .itemSet{width: 100%;}
.layerStyle .itemSet .scene{width: 48%;}
.layerStyle .itemSet .itemInfo{width:41%;padding-right: 3.5%;}
.layerStyle .reverse .itemSet .itemInfo{width:41%;padding-left: 3.5%;}

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

.otherItem{margin-top: 160px;}
.otherItem .item .itemImage{width:48%;padding-left: 0%;}
.otherItem .item .itemInfo{width: 44%;padding-right: 5%;}
.otherItem .item .itemInfo h3{font-size: 24px;margin-top:0;}
.otherItem .item .itemInfo h3:after{bottom: -10px;height: 8px;}

.otherItem .item .itemInfo .text{margin-top: 2em;}
.otherItem .specBox{margin: 20px 0 0;}


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

.sideNavi{right:-75px;width: 65px;}
.sideNavi .title{font-size: 13px;}


}







@media(max-width:900px) {


#header .titleBox .title{width: 22%;}
#header .titleBox .title:before{width: 7px;}
#header .titleBox .title:after{width: 7px;}
#header .titleBox .title h1:after{height:7px;}

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

.seasonTitle .inner:before{width: calc(100% - 200px);height: 5px;}
.seasonTitle .inner:after{width: calc(100% - 200px);height: 5px;}
.seasonTitle .inner h2{width: 170px;padding: 18px 0;}
.seasonTitle .inner h3{width: 210px;}

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

.wideLimit{width: 90%;}

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

.category{margin-top: 190px;}
.category .categoryTitle .titleImage h2{font-size: 55px;}
.category .categoryTitle .titleBar{padding-top: 90px;}
.category .categoryTitle .titleBar h3{font-size: 25px;}

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

.category .subTitle{padding: 40px 0 55px;}
.category .subTitle h3{font-size: 35px;text-align: center;line-height: 1.3;}
.category .subTitle .copy{
	position:relative;
	top: 0;
	right: 0;
	width: 100%;
	text-align: center;
	-webkit-transform:none;
	transform:none;
}
.category .subTitle.fun .copy,
.category .subTitle.var .copy,
.category .subTitle.lay .copy,
.category .subTitle.oth .copy{margin-right: 0;}

.category .catchCopy{font-size: 16px;padding: 0 3%;}

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

.function{width: 90%;}
.function.c02 .funInner{padding: 100px 0 130px;}
.function.c01 .funUnit .title{padding: 0 0 15px;}
.function.c02 .funUnit .title{padding: 15px 0 20px;}
.function .funUnit .funBody p{font-size: 13px;padding-right: 0;}
.function .funUnit .title .icon{width: 55px;}
.function.c01 .funUnit .title h3{left: 70px;font-size: 15px;top: calc(50% - 8px);}
.function.c02 .funUnit .title h3{font-size: 17px;}
.function .funUnit .title h3 span{font-size: 17px;}

.function.c01 .funUnit .funBody{padding-top: 140px;}
.function.c02 .funUnit .funBody{padding-top: 145px;}

.function .catchCopy{padding: 0;width: 100%;}


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

.nameTitle{margin: 120px auto 80px;}
.nameTitle .nameSet{font-size: 26px;}


.nameTitle .nameSet .name{padding-left: 140px;}
.nameTitle.right .nameSet .name{padding-left: 0;padding-right: 140px;}
.nameTitle.left .nameSet .name2{padding-left: 140px;}
.nameTitle.right .nameSet .name2{padding-right: 140px;}
.nameTitle.delighter.started .nameSet .name:before{width: 125px;}

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

.itemSet .itemInfo{width:42%;}
.itemSet .itemInfo .text{font-size: 13px;min-height: none;}

.spec .name{width: calc(100% - 65px);font-size: 15px;}
.spec .name span{font-size: 12px;}
.spec .num{width: calc(100% - 65px);font-size: 13px;}
.spec .buy a{font-size: 15px;padding: 0px 11px 2px 11px;}

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

.itemUnit .centerImage{margin-top: 12%;}
.itemUnit .movie{margin-top:12%;}

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

.layerStyle .nameTitle{width: 95%;}
.layerStyle .itemSet{width: 95%;}
.layerStyle .itemSet .scene{width: 50%;}

.layerStyle .itemSet .itemInfo{width:41%;padding-right: 0%;}
.layerStyle .reverse .itemSet .itemInfo{width:41%;padding-left: 0%;}

.layerStyle .itemSet .specBox:after{width: calc(100% - 100px);}
.layerStyle .specBox .shoulder{font-size: 16px;}

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

.otherItem{margin-top: 130px;}
.otherItem .item .itemInfo h3{font-size: 23px;}
.otherItem .item .itemInfo .text{font-size: 13px;line-height: 1.8;}

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

.collectionBanner{margin: 190px auto;}
.collectionBanner .banner a .more{font-size: 18px;}

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

.nextContents{padding-top: 5%;}
.nextContents h2{font-size: 36px;}
.nextContents .otherBanner.b01{margin-top: 80px;}
.nextContents .otherBanner.b02{margin-top: 60px;}

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

.sideNavi{display: none;}
.footer{margin-top: 25%;}

}


















@media(max-width:768px) {


#header .image01{
	width: 100%;
	padding-top: 62vw;
	background-image: url("../../images/header_sp01.jpg");
}
#header .image02{
	width: 50%;
	padding-top: 85%;
	background-image: url("../../images/header_sp02.jpg");
}

#header .image01 h3{
	top: 20%;
	left: 10%;
	width: 28%;
	-webkit-transform:none;
	transform:none;
}
#header .titleBox{width: 50%;top: 62vw;}
#header .titleBox .title{width: 21%;top: 43%;left: 70%;}
#header .titleBox .date{bottom: 3%;width: 65%;}
#header.start .titleBox .date{bottom: 5%;opacity: 1;}


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

.seasonTitle{padding: 6% 0;margin-top: 13%;}
.seasonTitle .inner{width: 100%;}
.seasonTitle .inner:before{width: 100%;height: 4px;}
.seasonTitle .inner:after{width: 100%;height: 4px;}

.seasonTitle .inner h2{width: 33%;padding: 4% 0 4% 8%;}
.seasonTitle .inner h3{width: 35%;right: 8%;}

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

.navigation{padding: 0;margin-top: 12%;}
.navigation .navi h2{width: 100%;}

.navigation .navi .navImage a .more{
	border: 1px solid;
	font-size: 2.3vw;
	-webkit-transform:translate(-50%,-50%) scale(1);
	transform:translate(-50%,-50%) scale(1);
	opacity: 1;
}

.navigation .navi .copy{font-size: 13px;}


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


.wideLimit{width: 95%;}


.category{margin-top: 22%;}


.category .categoryTitle{margin-bottom: 16%;}
.category .categoryTitle .titleImage h2{font-size: 48px;}
.category .categoryTitle .titleBar{padding-top: 80px;}
.category .categoryTitle .titleBar h3{font-size: 22px;}


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

.category .subTitle{padding: 38px 0 50px;}
.category .subTitle h3{font-size: 30px;}

.category .catchCopy{font-size: 16px;margin-top: 10%;}

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


.function.c01 .funInner{padding: 15% 0;}
.function.c02 .funInner{padding: 10% 0 15%;}

.function .funUnit.odd{padding-right: 0;}
.function .funUnit.even{padding-left: 0;}
.function .funUnit{margin-bottom: 10%;}

.function.c01 .info .title{display: none;}
.function.c01 .funUnit .title.spView{display: block;padding: 0px 0 20px;}

.function .funUnit .title .icon{width: 60px;}
.function.c01 .funUnit .title h3{font-size: 18px;left: 85px;}
.function.c02 .funUnit .title h3{font-size: 20px;}
.function .funUnit .title h3 span{font-size: 20px;}


.function.c01 .funUnit .funBody{padding-top: 0;margin-top: 10%;}
.function.c02 .funUnit .funBody{padding-top: 0;}
.function .funUnit .funBody p{
	position:relative;
	padding-top: 2.0em;
	top: 0;
	font-size: 14px;
	-webkit-transform:none;
	transform:none;
}

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

.nameTitle .nameSet{font-size: 26px;}

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

.itemSet .itemInfo{width:43%;}

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

.itemUnit .centerImage{width: 70%;margin:15% 0 0 30%;}
.itemUnit .centerImage.reverse{width: 70%;margin-left: 0;}
.itemUnit .movie{width: 80%;margin-top:15%;}

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

.layerStyle .itemSet .itemInfo{width:43%;}
.layerStyle .reverse .itemSet .itemInfo{width:43%;}

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

.collectionBanner{margin: 20% auto;}
.collectionBanner .banner a .more{font-size: 2.4vw;}
.collectionBanner .banner a{border: 2px solid;}

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

.otherItem{margin-top: 15%;}
.otherItem .item .itemInfo{width: 45%;padding-right: 5%;}
.otherItem .item .itemInfo h3{font-size: 21px;}
.otherItem .item .itemInfo h3:after{bottom: -9px;height: 7px;}


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

.nextContents h2{font-size: 32px;}



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


.spBottomNavi{
	display: block;
	width: 100%;
	position: fixed;
	left: 0;
	bottom: -13.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:40%;
	display: inline-block;
	text-align: center;
	height: 13vw;
	position: relative;
	vertical-align: top;
}
.spBottomNavi ul li:last-child{
	width: 20%;
	background: #E3DFD7;
	position: relative;
}
.spBottomNavi ul li:last-child img{
	width: 75%;
	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: 93%;
	height: 13vw;
	position: relative;
	color: #4E4A33;
	text-align: center;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.spBottomNavi ul li.n01{background:#9B552B;}
.spBottomNavi ul li.n02{background:#9C182F;}
.spBottomNavi ul li.n01 a{background-image: url("../../images/spnavi01.jpg") }
.spBottomNavi ul li.n02 a{background-image: url("../../images/spnavi02.jpg") }

.spBottomNavi ul li  p{
	font-family: 'Cormorant Infant', serif;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0.11em;
	font-size: 2.8vw;
	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%);
}



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

.footer{margin-top: 35%;}
.footer .copyright{ padding-bottom: 13vw;}
.footer .pagetop{display: none;}

.slick-dots li button{ height:13px;width:26px;}

}







@media(max-width:700px) {

.spOnly{display: block;}
.screenWide{display: none;}

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

#header .image01{padding-top: 63vw;}
#header .image02{padding-top: 100%;}

#header .titleBox{top: 63vw;}
#header .titleBox .title{width: 26%;top: 45%;}
#header .titleBox .date{width: 67%;}

#header .titleBox .title:before{width: 6px;}
#header .titleBox .title:after{width: 6px;}
#header .titleBox .title h1:after{height:6px;}

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

.seasonTitle{padding: 8% 0;margin-top: 16%;}

.seasonTitle .inner h2{width: 36%;}
.seasonTitle .inner h3{width: 38%;}

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

.navigation{padding: 0;margin-top: 15%;}
.navigation .navi ul{width: 75%;margin: 0 auto;}
.navigation .navi ul li,
.navigation .navi ul.delighter li{width: 100%;margin-right:0%;}
.navigation .navi ul li.n01{margin-bottom: 13%;}


.navigation .navi .navImage a .more{font-size: 3.3vw;}
.navigation .navi .copy{font-size: 15px;}

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

.wideLimit{width: 88%;}

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

.category{margin-top: 22%;}

.category .categoryTitle{margin-bottom: 18%;}
.category .categoryTitle .titleImage h2{font-size: 40px;}
.category .categoryTitle .titleBar{padding-top: 55px;}
.category .categoryTitle .titleBar h3{font-size: 20px;padding-top:0.8em;}


.category .catchCopy{font-size: 16px;margin-top: 10%;padding: 0;}


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

.category .subTitle{padding: 38px 0 50px;}
.category .subTitle h3{font-size: 32px;}
.category .subTitle h4{font-size: 22px;padding: 0 0.5em;margin-top: 0.4em;}
.category .subTitle h4:after{bottom: -7px;height: 7px;}

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

.function.c01 .funInner{padding: 15% 0 22%;}
.function.c02 .funInner{padding: 10% 0 22%;}

.function .funUnit{margin-bottom: 13%;}

.function.c01 .funUnit .title.spView{display: block;padding: 0px 0 18px;}

.function .funUnit .photo,.function.delighter .funUnit .photo{width: 40%;}

.function .funUnit .title .icon{width: 55px;}
.function.c01 .funUnit .title h3{font-size: 17px;left: 72px;}
.function.c02 .funUnit .title h3{font-size: 17px;}
.function .funUnit .title h3 span{font-size: 19px;}

.function .funUnit .info,.function.delighter .funUnit .info{width: 55%;}
.function .funUnit .funBody:after{left: -25%;width: 125%;}
.function .funUnit .funBody p{padding-top: 1.5em;font-size: 14px;}


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

.nameTitle{width: 100%;margin: 16% auto 9%;}
.nameTitle .nameSet{font-size: 22px;}
.nameTitle .nameSet .name{padding-left: 110px;}
.nameTitle.right .nameSet .name{padding-left: 0;padding-right: 110px;}
.nameTitle.left .nameSet .name2{padding-left: 110px;}
.nameTitle.right .nameSet .name2{padding-right: 110px;}

.nameTitle .nameSet .name:before,
.nameTitle.delighter .nameSet .name:before{height: 8px;}
.nameTitle.delighter.started .nameSet .name:before{width: 100px;}
.nameTitle .nameSet .name:after{bottom: -8px;height: 8px;}


.nameTitle .nameSet .resHide{display: none;}
.nameTitle .nameSet .resShow{display: block;}


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

.itemUnit .itemBox{padding-bottom: 25%;}

.itemUnit .itemBox .baseColor,
.itemUnit .itemBox .baseColor.delighter{left: 8vw;top: 8vw;}
.itemUnit .itemBox .baseColor.delighter.started{width: 72vw;}


.itemSet{width: 100%;}
.itemSet .scene{width: 74%;float: none;}
.reverse .itemSet .scene{float: none;margin-left: 26%;}
.itemSet .itemInfo{width:69%;margin: 10% auto 0;float: none;}
.reverse .itemSet .itemInfo{float: none;}
.itemSet .itemInfo .text{font-size: 14px;line-height: 1.8;min-height:auto;padding-bottom: 1.5em;}


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

.itemUnit .centerImage{width: 86vw;margin:15% 0 0 8vw;}
.itemUnit .centerImage.reverse{width:86vw;margin-left:-6vw;}
.itemUnit .movie{width: 100%;margin-top:15%;}

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

.layerStyle .nameTitle{width: 100%;}
.layerStyle .itemBox{padding-bottom: 10%;}

.layerStyle .itemBox .baseColor,
.layerStyle .itemBox .baseColor.delighter{top: 8vw;left: 0;right: auto;}
.layerStyle .itemBox .baseColor.delighter.started{width:90vw;}
.layerStyle .itemBox.reverse .baseColor.delighter.started{width:94vw;}

.layerStyle .itemSet{width: 100%;}
.layerStyle .itemSet .scene{width:74%;float: none;}
.layerStyle .reverse .itemSet .scene{float: none;margin-left: 26%;}

.layerStyle .itemSet .itemInfo{
	width:72%;
	float:none;
	padding: 0;
	margin: 10% auto 0;
}
.layerStyle .reverse .itemSet .itemInfo{
	width:72%;
	float:none;
	padding: 0;
	margin: 10% auto 0;
}
.layerStyle .itemInfo .itemPhoto{margin-bottom: 20px;}
.layerStyle .itemInfo .text{font-size: 14px;line-height: 1.8;min-height:auto;padding-bottom: 2.5em;}


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

.otherItem{margin-top: 15%;}

.otherItem .baseColor,
.otherItem .baseColor.delighter{top: 8vw;right: 2.5%;}
.otherItem .baseColor.delighter.started{width: 95%;}

.otherItem .item{width: 70%;margin: 0 auto;padding: 0 0 14%;}
.otherItem .item .itemImage{width:100%;float: none;padding:0;}
.otherItem .item .itemInfo{width: 100%;padding: 0;float: none;}
.otherItem .item .itemInfo h3{font-size: 21px;margin-top: 1em;}
.otherItem .item .itemInfo h3:after{bottom: -9px;height: 7px;}


.otherItem .item .itemInfo .text{margin-top: 3em; font-size: 14px;line-height: 1.8;min-height:auto;}
.otherItem .specBox{padding: 0.8em 0;margin-top: 0.3em;}

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

.collectionBanner{margin: 20% auto;}
.collectionBanner .banner{width:80%;}
.collectionBanner .banner a .more{font-size: 2.8vw;}
.collectionBanner .banner.down a .more{background: #9B552B;}
.collectionBanner .banner.karl a .more{background: #9C182F;}
.collectionBanner .banner a h4{top: 50%;left: 4%;width: 85%;}

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

.nextContents{padding-top: 15%;}
.nextContents .otherBanner{width: 70%;}
.nextContents .otherBanner span{display: none;}
.nextContents .otherBanner.b01 a{background-image:url("../../images/banner_other01_sp.jpg");}
.nextContents .otherBanner.b02 a{background-image:url("../../images/banner_other02_sp.jpg");}

.nextContents .otherBanner.b01{margin-top: 10%;}
.nextContents .otherBanner.b02{margin-top: 10%;}

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

.footer{margin-top: 30%;}
.footer{padding: 70px 0 40px;}
.footer .instagram .icon{width: 30px;}
.footer h2{width: 120px;margin-top: 80px;}
.footer .copyright{font-size: 11px;line-height: 1.2;margin-top: 40px;}
.footer .copyright br{display: block;}

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

.spBottomNavi{bottom: -15.5vw;}
.spBottomNavi ul li{height: 15vw;}
.spBottomNavi ul li a{height: 15vw;}
.spBottomNavi ul li  p{font-size: 3.2vw;}

}







@media(max-width:520px) {

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

.seasonTitle .inner h2{width: 38%;padding: 5% 0 5% 8%;}
.seasonTitle .inner h3{width: 42%;}

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

.navigation .navi ul{width: 80%;}
.navigation .navi ul li.n01{margin-bottom: 16%;}
.navigation .navi .navImage a .more{font-size: 3.6vw;}
.navigation .navi .copy{font-size: 13px;}

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

.category .categoryTitle .titleImage h2{font-size: 8.0vw;}
.category .categoryTitle .titleBar{padding-top: 11.0vw;}
.category .categoryTitle .titleBar h3{font-size: 4.0vw;}

.category .catchCopy{font-size: 14px;margin-top: 12%;}

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

.category .subTitle{padding: 7vw 0 9vw;}
.category .subTitle h3{font-size: 6.3vw;}
.category .subTitle h4{font-size: 4.4vw;margin-top: 0.3em;}
.category .subTitle h4:after{bottom: -5px;height: 6px;}

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

.function .funUnit{margin-bottom: 13%;}
.function .funUnit .photo,.function.delighter .funUnit .photo{width: 43%;}
.function .funUnit .title .icon{width: 50px;}
.function.c01 .funUnit .title.spView{padding-bottom: 12px;}
.function.c01 .funUnit .title h3{font-size: 15px;left: 60px;line-height: 1.4;}
.function.c02 .funUnit .title h3{font-size: 15px;line-height: 1.4;}
.function .funUnit .title h3 span{font-size: 17px;}

.function .funUnit .info,.function.delighter .funUnit .info{width: 52%;}
.function .funUnit .funBody p{padding-top: 1.2em;font-size: 13px;}

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

.nameTitle{margin: 18% auto 9%;}
.nameTitle .nameSet{font-size: 19px;}
.nameTitle .nameSet .name{padding-left: 90px;}
.nameTitle.right .nameSet .name{padding-left: 0;padding-right: 90px;}
.nameTitle.left .nameSet .name2{padding-left: 90px;}
.nameTitle.right .nameSet .name2{padding-right: 90px;}
.nameTitle .nameSet .name:before,
.nameTitle.delighter .nameSet .name:before{height: 6px;}
.nameTitle.delighter.started .nameSet .name:before{width: 80px;}
.nameTitle .nameSet .name:after{bottom: -6px;height:6px;}

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

.itemUnit .itemBox .baseColor,
.itemUnit .itemBox .baseColor.delighter{left: 6vw;top: 9vw;}
.itemUnit .itemBox .baseColor.delighter.started{width: 76vw;}


.itemSet .scene{width: 78%;}
.reverse .itemSet .scene{margin-left: 22%;}

.itemSet .itemInfo{width:75%;margin-top: 13%;}
.itemSet .itemInfo .text{font-size: 13px;}

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

.spec .name{font-size: 14px;}
.spec .name span{font-size: 11px;}
.spec .num{font-size: 12px;}
.spec .buy a{font-size: 14px;}

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

.itemUnit .centerImage{width: 88vw;margin:15% 0 0 6vw;}
.itemUnit .centerImage.reverse{width:88vw;margin-left:-6vw;}

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

.layerStyle .itemSet .scene{width:78%;float: none;}
.layerStyle .reverse .itemSet .scene{margin-left: 22%;}

.layerStyle .itemSet .itemInfo{width:76%;}
.layerStyle .reverse .itemSet .itemInfo{width:76%;}
.layerStyle .itemInfo .text{font-size: 13px;}

.layerStyle .specBox .shoulder{font-size: 15px;}

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

.otherItem .baseColor,
.otherItem .baseColor.delighter{right: 1%;}
.otherItem .baseColor.delighter.started{width: 98%;}

.otherItem .item{width: 80%;padding-bottom:16%;}
.otherItem .item .itemImage{width:93%;margin: 0 auto;}

.otherItem .item .itemInfo h3{font-size: 19px;margin-top: 1.3em;}
.otherItem .item .itemInfo h3:after{bottom: -9px;height: 6px;}
.otherItem .item .itemInfo .text{font-size: 13px;margin-top: 2.5em;}

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

.collectionBanner{margin: 20% auto 30%;}
.collectionBanner .banner a{border: 1px solid;}
.collectionBanner .banner a h4{top: 50%;left: 0%;width: 100%;}
.collectionBanner .banner a .more{font-size: 3.2vw;}

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

.nextContents{padding-top: 18%;}

.nextContents h2{font-size: 27px;width: 75%;}
.nextContents .otherBanner{width: 75%;}
.nextContents .otherBanner a{border: 1px solid #4E4A33;}

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

.footer{padding: 15% 0 40px;}
.footer h2{margin-top: 18%;}
.footer .copyright{ padding-bottom: 15vw;}



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

.spBottomNavi{bottom: -17.0vw;}
.spBottomNavi ul li{height: 16.5vw;}
.spBottomNavi ul li a{height: 16.5vw;}
.spBottomNavi ul li  p{font-size: 3.8vw;}

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



@media(max-width:440px) {

#header .image01 h3{width: 31%;top: 18%;left: 8%;}
#header .titleBox .title{width: 27%;top: 45%;}
#header .titleBox .title:before{width:4px;}
#header .titleBox .title:after{width: 4px;}
#header .titleBox .title h1:after{height:4px;}

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

.navigation{margin-top: 18%;}
.navigation .navi ul{width: 82%;}
.navigation .navi ul li.n01{margin-bottom: 18%;}
.navigation .navi .navImage a .more{font-size: 4.0vw;}
.navigation .navi .copy{font-size: 12px;}

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

.wideLimit{width: 90%;}


.category{margin-top: 25%;}

.category .subTitle{padding: 8vw 0 10vw;}
.category .subTitle h3{font-size: 6.5vw;}

.category .catchCopy{font-size: 13px;}


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

.function .funUnit .title .icon{width: 35px;}
.function.c01 .funUnit .title h3{font-size: 13px;left: 44px;top: calc(50% - 4px);}
.function.c02 .funUnit .title{padding: 5px 0 10px;}
.function.c02 .funUnit .title h3{font-size: 13px;}

.function .funUnit .title h3 span{font-size: 14px}
.function .funUnit .funBody p{font-size: 12px;padding-top: 1.0em;}

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

.nameTitle .nameSet{font-size: 16px;}
.nameTitle .nameSet .name{padding-left: 80px;}
.nameTitle.right .nameSet .name{padding-left: 0;padding-right: 80px;}
.nameTitle.left .nameSet .name2{padding-left: 80px;}
.nameTitle.right .nameSet .name2{padding-right: 80px;}
.nameTitle .nameSet .name:before,
.nameTitle.delighter.started .nameSet .name:before{width: 70px;}

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

.itemUnit .itemBox{padding-bottom: 29%;}

.itemUnit .itemBox .baseColor,
.itemUnit .itemBox .baseColor.delighter{left: 6vw;top: 9vw;}
.itemUnit .itemBox .baseColor.delighter.started{width: 78vw;}

.itemSet .itemInfo{width:79%;margin-top: 16%;}
.itemSet .itemInfo .text{font-size: 12px;}


.slick-prev{left:-9vw;}
.slick-next{right:-9vw;}


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

.itemSet .specBox{padding: 0.6em 0;}
.spec .buy a{font-size: 13px;}


.spec .name{font-size: 13px;}
.spec .name span{font-size: 11px;}
.spec .num{font-size: 11px;}

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

.itemUnit .centerImage{width: 89vw;margin:17% 0 0 6vw;}
.itemUnit .centerImage.reverse{width:89vw;margin-left:-5vw;}

.itemUnit .movie{width: 100%;margin-top:17%;}

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

.layerStyle .reverse .itemSet .scene{margin-left: 21%;}
.layerStyle .itemSet .itemInfo{width:79%;}
.layerStyle .reverse .itemSet .itemInfo{width:79%;}

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

.otherItem{margin-top: 18%;}
.otherItem .item .itemInfo h3{font-size: 18px;}

.otherItem .item .itemInfo .text{font-size: 12px;}
.otherItem .specBox{padding: 0.6em 0;margin-top: 0.3em;}

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

.nextContents{padding-top: 24%;}
.nextContents h2{font-size: 24px;}

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

.footer{margin-top: 33%;}
.footer .instagram{font-size: 14px;}
.footer .instagram .icon{width: 26px;}

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

.spBottomNavi{bottom: -18.0vw;}
.spBottomNavi ul li{height: 17.5vw;}
.spBottomNavi ul li a{height: 17.5vw;}
.spBottomNavi ul li  p{font-size: 4.4vw;}

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

}




@media(max-width:350px) {

.navigation .navi ul{width: 90%;}
.navigation .navi .copy{font-size: 11px;}

.category .catchCopy{font-size: 12px;}


.function.c01 .funUnit .title h3{font-size: 12px;}
.function.c02 .funUnit .title h3{font-size: 12px;}

.function .funUnit .title h3 span{font-size: 13px}
.function .funUnit .funBody p{font-size: 11px;}



.nameTitle .nameSet{font-size: 14px;}
.nameTitle .nameSet .name{padding-left: 60px;}
.nameTitle.right .nameSet .name{padding-left: 0;padding-right: 60px;}
.nameTitle.left .nameSet .name2{padding-left: 60px;}
.nameTitle.right .nameSet .name2{padding-right: 60px;}
.nameTitle .nameSet .name:before,
.nameTitle.delighter.started .nameSet .name:before{width: 55px;}

.itemSet .itemInfo .text{font-size: 11px;}

.spec .buy a{font-size: 12px;}
.spec .name{font-size: 12px;}
.spec .name span{font-size: 10px;}
.spec .num{font-size: 10px;}

.otherItem .item .itemInfo h3{font-size: 16px;}
.otherItem .item .itemInfo .text{font-size: 11px;}


}