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









@media(max-width:1200px) {

.lead{width: 85%;}

/*-------*/

.mainNavi{width: 80%;}

/*-------*/

.bodySet.la0101 .in04{top: 13%;}
.bodySet.la0201 .in04{top: 6%;}
.bodySet.la0301 .in03{bottom: 14%;}
.bodySet.me0301 .in04{right: 12%;}

/*-------*/

.itemList .listInner{padding: 0;}
.itemList dl{padding-left: 15px;}
.itemList dl .name{width: calc(100% - 70px);}
.itemList dl dd{width: 65px;}

/*-------*/

.allBanner .detail h2{font-size: 24px;}

/*-------*/

.nextContents{width: 70%;}
.nextContents .copy{font-size: 25px;}

/*-------*/

.sideNavi{min-width: 75px;right:-8%;}
.sideNavi ul li{margin-bottom: 20px;}
.sideNavi .title{font-size: 12px;}
.sideNavi .sub{font-size: 15px;}
.sideNavi .sub em{font-size: 11px;padding-right: 2px;margin-top: 3px;}
.sideNavi .sub span{width: 8px;height: 8px;margin-right: 3px;margin-top: 4px;vertical-align: top;}


}




@media(max-width:1080px) {

#header .title h1{width: 30%;}
#header .title h2{font-size: 1.4vw;}
#header .logo{width: 65px;top: 15px;}

/*-------*/

.category.c01{width: 100%;margin-top: 190px;}
.separator{margin: 180px auto;}

/*-------*/

.styleSet{margin-top: 150px;}
.styleSet.styleLa01,
.styleSet.styleMe01{margin-top: 90px;}

.styleTitle{width: 75%;}
.styleTitle .styleName h2{font-size: 56px;}
.styleTitle .titleHeader .season{font-size: 22px;}

/*-------*/

.itemList{width:30vw;font-size: 15px;}
.bodySet.me0101 .itemList{width: 33vw;}
.bodySet.me0102 .in01 .itemList{width: 33vw;}

/*-------*/

.allBanner{width: 80%;margin-top: 180px;}
.allBanner .detail h2{font-size: 22px;}
.allBanner .detail .more a{font-size: 20px;	}

/*-------*/

.otherAreaTitle h2,
.otherAreaTitle.delighter h2{font-size: 52px;}
.otherAreaTitle h3,
.otherAreaTitle.delighter h3{font-size: 29px;}

/*-------*/

.nextContents .copy{font-size: 22px;margin: 55px auto 50px;}
.nextContents .banner .text p{font-size: 26px;}

/*-------*/

.onlineStore{width: 85%;}
.onlineStore .otherAreaTitle{width: 80%;}

/*-------*/

.footer h2{width: 290px;}

}








@media(max-width:980px) {

.sideNavi{display: none;}

.separator{margin: 18vw auto;height: 3px;}

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

#header .logo{width: 55px;}
.scrollbar{display: none;}

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

.lead{margin-top: 14vw;}
.lead .catch{font-size: 45px;line-height: 0.52;}
.lead .copy{font-size: 20px;}

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

.mainNavi{margin-top: 12vw;}
.mainNavi .name{font-size: 22px;}
.mainNavi .photo{margin-top: 18px;}
.mainNavi .more a{font-size: 16px;}

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

.category.c01{margin-top: 18vw;}

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

.styleSet{margin-top: 14vw;}
.styleSet.styleLa01,
.styleSet.styleMe01{margin-top: 10vw;}

.styleTitle{width: 80%;}
.styleTitle .titleHeader .icon{width:130px;}
.styleTitle .titleHeader .icon::before,
.styleTitle.delighter .titleHeader .icon::before{width: 2px;}
.styleTitle.delighter.started .titleHeader .icon::before{bottom: calc(0% - 35px);}

.styleTitle .titleHeader .season{font-size: 20px;}

.styleTitle .styleName{margin-top: 70px;}
.styleTitle .styleName h2{font-size: 48px;}

.styleTitle .titleText{margin-top: 35px;}
.styleTitle .titleText br{display: none;}

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

.bodySet.la0101 .in04{right: 5.5%;}
.bodySet.la0201 .in04{right: 58.5%;top: 4%;}
.bodySet.la0301 .in04{right: 13%;}
.bodySet.la0301 .in02{margin-top: -20%;}
.bodySet.la0301 .in03{bottom: 12%;}

.bodySet.me0201 .in04{top: 10%;}
.bodySet.me0301 .in04{top: 3%;right: 8.25%;}

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

.itemList{font-size: 14px;width: 34vw;max-width: 270px;}
.itemList.narrow{margin-top: 20px;}
.itemList dl{padding:0.4em 0 0.4em 14px;}
.itemList dl .name{width: calc(100% - 60px);}
.itemList dl dd{width: 60px;}
.itemList dl dd a{font-size: 13px;padding: 5px 0px;}
.itemList dl dd span{font-size: 13px;}

.bodySet.me0101 .itemList{width: 35vw;max-width: none;}
.bodySet.me0102 .in01 .itemList{width: 35vw;max-width: none;}

/*
.itemList .otherTrigger{padding-right: 34px;}
.itemList .otherTrigger .text{padding:5px 0 7px;}
.itemList .otherTrigger .text .close{padding:5px 0 7px;}
.itemList .otherTrigger span{width: 34px;height: 24px;}
.itemList .otherTrigger span:after,
.itemList .otherTrigger span:before{width: 15px;}
*/
/*----------*/

.allBanner{width: 85%;margin-top: 18vw;}
.allBanner .detail h2{font-size: 18px;}
.allBanner .detail .more a{font-size: 19px;padding: 10px 0;}

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

.otherAreaTitle{padding: 30px 0 20px;}
.otherAreaTitle h2,
.otherAreaTitle.delighter h2{font-size: 43px;}
.otherAreaTitle h3,
.otherAreaTitle.delighter h3{font-size: 24px;}

/*-------*/

.nextContents{margin-top: 18vw;width: 80%;}
.nextContents .copy{font-size: 20px;margin: 50px auto 45px;}
.nextContents .banner .text p{font-size: 21px;}

/*-------*/

.onlineStore{width: 90%;margin-top: 18vw;}
.onlineStore .otherAreaTitle{width: 88%;}
.onlineStore .onlineList{margin-top: 60px;}

/*-------*/

.snsIcon{margin-top: 15vw;}
.snsIcon h3{font-size: 19px;}
.snsIcon .instagram{width: 36px;margin-top: 25px;}

/*-------*/

.footer{padding: 33% 0 50px;margin-top: 15vw;}
.footer h2{width: 260px;}
.footer .copyright{font-size: 17px;margin-top: 35px;}
.footer .pagetop{width: 50px;}

}








/*+++++++++++++++++++++++++++++++++++++++++++++++*/





@media(max-width:768px) {

.pclink{pointer-events: none;}
.wide{display: none;}

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

#header .title{
	top: 50%;
	-webkit-transform:translateY(-54.5%);
	transform:translateY(-54.5%);
}
#header .title h1{width: 43%;}
#header .title h2{font-size: 2.0vw;}
#header .logo{width: 65px;right:0;left: 0;top: 25px;}

#header .mainImage{background-image: url("../../images/main_sp.jpg");}


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

.separator{width: 100%;margin: 28vw auto;height: 3px;}

/*-------*/

.lead{width: 100%;margin-top: 18vw;}
.lead .copy{font-size: 19px;margin-top: 2.8em;}

/*-------*/

.mainNavi{width: 90%;margin-top:15vw;}
.mainNavi .name{font-size: 20px;padding: 0.9em 0 0.8em;}

/*-------*/


.category.c01{margin-top: 23vw;}

.categoryHeader::after{width: 100%;}
.categoryHeader .categoryInner{width: 87.5%;border-right:none;padding: 9% 0;}

.c01 .categoryHeader{border-color:#A2A7B2;}
.c02 .categoryHeader{border-color:#413D3C;}


.categoryHeader .categoryName{
	position: absolute;
	top: 0;
	bottom: 0;
	right: -4%;
	width: 5.3%;
	-webkit-transform:none;
	transform:none;
	border-left: 1px solid;
}
.c01 .categoryHeader .categoryName{border-color:#A2A7B2;}
.c02 .categoryHeader .categoryName{border-color:#413D3C;}
.categoryHeader .categoryName h2{
	position:absolute;
	left: -1px;
	top: 50%;
	width: 100%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}

/*-------*/


.styleSet{margin-top: 20vw;width: 100%;padding-top: 5%;}
.styleSet.styleLa01{margin-top: 15vw;}
.styleSet.styleMe01{margin-top: 15vw;}

.styleTitle{width: 93%;margin-left: 7%;}
.styleTitle .styleName{width: 98%;margin: 65px 0 0 2%;position: relative;}
.styleTitle .styleName h2{font-size: 50px;padding: 0.5em 0 0.3em;}

.styleTitle .titleHeader .season{bottom:auto;top: 55px;right: 1%;font-size: 18px;}

.styleTitle .titleText{width: 89%;margin: 30px 0 0 2%;line-height: 2.3;font-size: 15px;}

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

.bodySet.la0101{margin-top: 10vw;}
.bodySet.la0101 .in01{width: 65.3%;margin-left:17.35%;}
.bodySet.la0101 .in02{width: 46.6%;margin-left: 53.3%;margin-top: -6%;}
.bodySet.la0101 .in03{width: 30.9%;position: absolute;top:78vw;left:6.2%;margin:0;}
.bodySet.la0101 .in04{position: relative;top: 0;right:0;margin-top: 6%;text-align: center;}
.bodySet.la0101 .in04 .itemList{display: inline-table;}

/*-----*/

.bodySet.la0102{margin-top: 16vw;}
.bodySet.la0102 .in01{width: 64.5%;margin-top:0;left:0;margin-left: 9.5%;float:none;}
.bodySet.la0102 .in02{width: 64.5%;right:0;margin-top:8%;margin-left: 26%;float:none;}
.bodySet.la0102 .in02 .itemList{display: inline-block;}

/*-----*/

.bodySet.la0201{margin-top: 10vw}
.bodySet.la0201 .in01{width: 65.3%;margin-left: 31.2%;}
.bodySet.la0201 .in02{width: 43.7%;margin:0;position: absolute;right: 50%;top: 53.5vw;}
.bodySet.la0201 .in03{width: 33.0%;margin-left: 46.0%;margin-top: 8%;}
.bodySet.la0201 .in04{position: relative;top: 0;right:0;margin-top: 6%;text-align: center;display: block;}
.bodySet.la0201 .in04 .itemList{display: inline-table;}

/*-----*/

.bodySet.la0202{margin-top: 16vw;}
.bodySet.la0202 .in01{width: 64.5%;margin-top:0;left:0;margin-left: 9.5%;float:none;}
.bodySet.la0202 .in02{width: 64.5%;right:0;margin-top:8%;margin-left: 26%;float:none;}
.bodySet.la0202 .in02 .itemList{display: inline-block;}

/*-----*/

.bodySet.la0301{margin-top: 10vw}
.bodySet.la0301 .in01{width: 65.3%;margin-left: 6.4%;}
.bodySet.la0301 .in02{width: 39.4%;margin:0;position: absolute;right: 3.2%;top: 59vw;}
.bodySet.la0301 .in03{width: 33.0%;margin-left: 30.6%;margin-top: 8%;position: relative;bottom: 0;right: 0;}
.bodySet.la0301 .in04{position: relative;top: 0;right:0;margin-top: 6%;padding: 0 7%;}
.bodySet.la0301 .in04 .itemList{display: inline-table;}

/*-----*/

.bodySet.la0302{margin-top: 16vw;}
.bodySet.la0302 .in01{width: 64.5%;margin-top:0;left:0;margin-left: 9.5%;float:none;}
.bodySet.la0302 .in02{width: 64.5%;right:0;margin-top:8%;margin-left: 26%;float:none;}
.bodySet.la0302 .in02 .itemList{display: inline-block;}


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


.bodySet.me0101{margin-top: 10vw;}
.bodySet.me0101 .in01{width: 65.3%;margin-left:28.2%;}
.bodySet.me0101 .in02{width: 37.3%;margin:0;position: absolute;left: 0;top: 59vw;}
.bodySet.me0101 .in03{width: 41.6%;margin-left: 58.4%;margin-top: 6%;}
.bodySet.me0101 .in04{position: relative;bottom: 0;left:0;margin-top: 6%;padding: 0 0 0 20%;text-align: right;}
.bodySet.me0101 .in04 .itemList{display: inline-table;}

/*-----*/

.bodySet.me0102{margin-top: 16vw;}
.bodySet.me0102 .in01{width: 64.5%;margin-top:0;left:0;margin-left: 9.5%;float:none;}
.bodySet.me0102 .in02{width: 64.5%;right:0;margin-top:8%;margin-left: 26%;float:none;}
.bodySet.me0102 .in02 .itemList{display: inline-block;}

/*-----*/

.bodySet.me0201{margin-top: 10vw;}
.bodySet.me0201 .in01{width: 65.3%;margin-left: 6.4%;}
.bodySet.me0201 .in02{width: 37.3%;margin-left: 0;margin-top: -8%;}
.bodySet.me0201 .in03{width: 41.6%;bottom:auto;left: auto;top: 70vw; right: 0;}
.bodySet.me0201 .in04{position: relative;top: 0;right:0;margin-top: 6%;padding: 0 7%;}
.bodySet.me0201 .in04 .itemList{display: inline-table;}

/*-----*/

.bodySet.me0202{margin-top: 16vw;}
.bodySet.me0202 .in01{width: 64.5%;margin-top:0;left:0;margin-left: 9.5%;float:none;}
.bodySet.me0202 .in02{width: 64.5%;right:0;margin-top:8%;margin-left: 26%;float:none;}
.bodySet.me0202 .in02 .itemList{display: inline-block;}

/*-----*/

.bodySet.me0301{margin-top: 10vw;}
.bodySet.me0301 .in01{width: 65.3%;margin-left:6.4%;}
.bodySet.me0301 .in02{width: 37.3%;margin-left: 21.3%;margin-top:6%;z-index: 4;}
.bodySet.me0301 .in03{width: 37.3%;right:8.2%;top:57vw;}
.bodySet.me0301 .in04{position: relative;top: 0;right:0;margin-top: 6%;padding: 0 7%;}
.bodySet.me0301 .in04 .itemList{display: inline-table;}

/*-----*/

.bodySet.me0302{margin-top: 16vw;}
.bodySet.me0302 .in01{width: 64.5%;margin-top:0;left:0;margin-left: 9.5%;float:none;}
.bodySet.me0302 .in02{width: 64.5%;right:0;margin-top:8%;margin-left: 26%;float:none;}
.bodySet.me0302 .in02 .itemList{display: inline-block;}


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

.itemList{width: 23em;font-size: 17px;max-width: none;}
.bodySet.me0101 .itemList{width: 23em;}
.bodySet.me0102 .in01 .itemList{width: 23em;}


.itemList dl{padding:0.4em 0 0.4em 14px;}

.itemList.narrow{margin-top: 30px;}
.itemList.narrow dl{padding-top: 0.4em;padding-bottom: 0.4em;}

.itemList dl .name{width: calc(100% - 80px);}
.itemList dl dd{width: 80px;}
.itemList dl dd a{font-size: 17px;padding: 5px 0px 6px;}
.c01 .itemList dl dd a{background:#4F5D6B;color: #FFF;}
.c02 .itemList dl dd a{background:#6A6969;color: #FFF;}
.itemList dl dd span{font-size: 16px;}


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


.allBanner{width: 100%;margin-top: 23vw;}
.c01 .allBanner{background: none;}
.c02 .allBanner{background: none;}
.allBanner .spLink{
	position: absolute;
	z-index: 30;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
}
.allBanner .photo{width: 100%;}
.allBanner .photo span{padding-top: 64%;}

.allBanner .bannerInner{
	width: 100%;
	top: auto;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 25;
}
.c01 .allBanner .bannerInner{background: rgba(79,93,107,0.70);}
.c02 .allBanner .bannerInner{background: rgba(106,105,105,0.70);}

.allBanner .detail{
	position: relative;
	width: 100%;
	top: 0;
	-webkit-transform:none;
	transform:none;  
}
.allBanner .detail h2{
	font-size: 22px;
	text-align: left;
	margin:0;
	padding:1.2em 0 1.2em 9%; 
}
.allBanner .detail .more{
	width:auto;
	margin: 0;
	position: absolute;
	right: 6.3%;
	top: 50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);  
}
.allBanner .detail .more a{
	font-size: 22px;
	border: none;
	padding: 10px 20px;
}
.c01 .allBanner .detail .more a{background:#FFF;color: #4F5D6B;}
.c02 .allBanner .detail .more a{background:#FFF;color: #6A6969;}

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

.otherAreaTitle{padding: 20px 0 15px;}
.otherAreaTitle h2,
.otherAreaTitle.delighter h2{font-size: 43px;}
.otherAreaTitle h3,
.otherAreaTitle.delighter h3{font-size: 23px;}

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

.nextContents{margin-top: 25vw;width: 87%;}
.nextContents .copy{font-size: 19px;margin: 30px auto 30px;}
.nextContents .banner::after{
	content: '';
	display: 0;
	position: absolute;
	z-index: 5;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #EEECEA;
	opacity: 0.4;
}
.nextContents .banner .text p{font-size: 24px;}


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

.onlineStore{width: 87%;margin-top: 25vw;}
.onlineStore .otherAreaTitle{width: 100%;}
.onlineStore .onlineList{width: 70%;max-width: 400px;margin: 12% auto 0;}
.onlineStore .onlineList .top{width: 100%;}
.onlineStore .onlineList .bottom{width: 100%;}

.onlineStore .onlineList .mid{margin: 8% 0;}
.onlineStore .onlineList .mid ul{display: flex;flex-wrap: wrap;justify-content: center;}
.onlineStore .onlineList .mid ul li{width: 47%;margin-right: 0%;margin-bottom: 8%;}
.onlineStore .onlineList .mid ul li:nth-child(odd){margin-right:6%;}
.onlineStore .onlineList .mid ul li:last-child{margin:0;}

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

.snsIcon{margin-top: 18vw;}
.snsIcon h3{font-size: 19px;}
.snsIcon .instagram{width: 38px;margin-top: 25px;}

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

.footer{margin-top: 18vw;padding: 45% 0 45px;background-image: url("../../images/footer_sp.jpg");}
.footer .copyright{font-size: 16px;margin-top: 20px;}
.footer .pagetop{width: 45px;top: 5%;display: none;}


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


body.fixed{
    position:fixed;
    width:100%;
    height:100%;
    overflow:hidden;    
}

#trigger{display: block;}
/*トリガー*/
.menu-trigger{
	position:fixed;
	top:20px;
	left:20px;
	width:42px;
	height:42px;
	z-index:600;
    pointer-events: auto;
}
.menu-trigger span{
	position:absolute;
	left:0;
	width:100%;
	height:2px;
	background-color:#FFF;
	-webkit-transition: all 0.6s cubic-bezier(0.68, -0.6, 0.32, 1.6);
	transition: all 0.6s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}
.menu-trigger span:nth-of-type(1){top:0;}
.menu-trigger span:nth-of-type(2){top:20px;}
.menu-trigger span:nth-of-type(3){bottom:0;}

.menu-trigger.color span{background-color:#686366;}

.menu-trigger.open span{background-color:#FFF;}
.menu-trigger.open span:nth-of-type(2){
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
.spNavi{
    position:fixed;
    top:0;
    right:0;
    left: 0;
    width:100%;
    height:100%;
    z-index:-1;
	pointer-events: none;
	opacity: 0;
    overflow:hidden;
	display: block;
	-webkit-transition-delay: 0.8s;
	transition-delay: 0.8s;
}
.spNavi.open{
	pointer-events: auto;
	 z-index:550;
	opacity: 1;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}
.spNavi .bk{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	opacity: 0;
	background: url("../../images/spnavi_bk.jpg") center center;
	background-size: cover;
    -webkit-transition:opacity 0.6s 0s;
	transition:opacity 0.6s 0s;
}
.spNavi.open .bk{
	opacity: 1;
    -webkit-transition:opacity 0.8s 0.2s;
	transition:opacity 0.8s 0.2s;
}

.spNavi .naviInner{
    width:100%;
    position: absolute;
    top: 0;
    left:0;
    right:0;
	bottom: 0;
    margin: 0 auto;
	z-index: 20;
	opacity: 0;
	-webkit-transition:opacity 0.5s 0s;
	transition:opacity 0.5s 0s;	
}
.spNavi.open .naviInner{
	opacity: 1;
	-webkit-transition:opacity 0s 0.4s;
	transition:opacity 0s 0.4s;
}
.spNavi .naviInner .innerTop{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 50%;
}
.spNavi .naviInner .innerBottom{
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	bottom: 0;
}
.spNavi .naviInner .menu{
	position: absolute;
	left: 30%;
	top: 50%;
	margin: 0 auto;
	width: 50%;
	opacity: 0;
	line-height: 1;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	-webkit-transition: left 1.6s, opacity 0.6s;
	transition: left 1.6s, opacity 0.6s;
}
.spNavi.open .naviInner .menu{
	opacity: 1;
	left: 25%;
	-webkit-transition: left 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0.6s, opacity 0.8s 0.6s;
	transition: left 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0.6s, opacity 0.8s 0.6s;
}

.spNavi .naviInner .innerBottom .menu{padding-top: 2vw;}


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


.spNavi .root{margin-bottom: 2vh;}
.spNavi .root a{
	color: #FFF;
	font-weight: 400;
	font-size: 3.6vw;
}
.spNavi .root a em{
	font-family: "TTHovesProExpandedMedium";
	letter-spacing: 0.07em;
}
.spNavi .category{
	width: 100%;
	border-top: 1px solid;
}
.spNavi .innerTop .category{border-color: #AEA7A8;}
.spNavi .innerBottom .category{border-color: #AEA7A8;}


.spNavi .innerTop .category a{color: #FFF;}
.spNavi .innerBottom .category a{color: #FFF;}

.spNavi .category ul{}
.spNavi .category ul li{margin-top: 2.5vh;}

.spNavi .category a{
	font-family: "JansonTextPro55Roman";
	font-size: 4.3vw;
	letter-spacing: 0.07em;
}
.spNavi .category a em{
	 font-family: "TTHovesProLight";
	 font-size: 0.8em;
	 width: 1.8em;
	 display: inline-block;
}

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


}








@media(max-width:720px) {


#header .title h1{width: 63%;}
#header .title h2{font-size: 3.0vw;}
#header .logo{width: 60px;top: 20px;}

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

.mainNavi{width: 77%;margin-top:30vw;}
.mainNavi::before,
.mainNavi.delighter::before{display: none;}
.mainNavi::after,
.mainNavi.delighter::after{display: none;}

.mainNavi .navBox,
.mainNavi.delighter .navBox{
	width: 100%;
	top: 30px;
	padding-bottom: 0;
}
.mainNavi.delighter.started .navBox{top: 0;opacity: 1}

.mainNavi .navBox.to01{
	float: none;
	margin-left:0;
	-webkit-transition-delay:0s;
	transition-delay:0s;
}
.mainNavi .navBox.to02{
	float: none;
	margin-right:0;
	margin-top: 18%;
	-webkit-transition-delay:0.6s;
	transition-delay:0.6s;
}
.mainNavi .name{
	font-size: 26px;
	padding: 0.8em 0 0.7em;
	border-top: 1px solid;
}
.mainNavi .to01 .name{border-color: #473933;}
.mainNavi .to02 .name{border-color: #473933;}
.mainNavi .photo{width: 85%;margin: 25px auto 0;}
.mainNavi .more{width: 50%;}
.mainNavi .more a{font-size: 18px;color: #FFF;}

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

.styleTitle .styleName h2{font-size: 46px;}
.styleTitle .titleText{font-size: 15px;}

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

.bodySet.me0101 .in04{padding-left:10%}

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

.itemList{width: 22em;font-size: 16px;}
.bodySet.me0101 .itemList{width: 22em;}
.bodySet.me0102 .in01 .itemList{width: 22em;}

.itemList dl,
.itemList.narrow dl{padding:0.5em 0 0.5em 15px;}
.itemList dl:first-child,
.itemList.narrow dl:first-child{padding-top:0.25em;}
.itemList dl:last-child,
.itemList.narrow dl:last-child{padding-bottom:0.25em;}

.itemList dl .name{width: calc(100% - 70px);line-height: 1.6em;}
.itemList dl dd{width: 70px;}
.itemList dl dd a{font-size: 15px;padding: 3px 0px 4px;}

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

.allBanner .detail h2{font-size: 20px;}
.allBanner .detail .more a{font-size: 20px;}

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

.nextContents .copy{font-size: 16px;}
.nextContents .banner .text p{font-size: 22px;}

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

.snsIcon{margin-top: 20vw;}
.snsIcon h3{font-size: 19px;}
.snsIcon .instagram{width: 35px;margin-top: 25px;}

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

.footer{margin-top: 20vw;padding: 50% 0 40px;}
.footer h2{width: 250px;}
.footer .copyright{font-size: 15px;}

}







 
@media(max-width:550px) {

#header .logo{width: 13.5%;top: 15px;}

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

.lead{margin-top: 21vw;}
.lead .catch{font-size: 40px;}
.lead .copy{font-size: 18px;}

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

.mainNavi{margin-top:35vw;}
.mainNavi .navBox.to02{margin-top: 20vw;}
.mainNavi .name{font-size: 24px;padding: 0.6em 0 0.6em;}
.mainNavi .photo{margin-top: 20px;}
.mainNavi .more a{font-size: 16px;}

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

.category.c01{margin-top: 28vw;}

.categoryHeader .categoryInner{width: 88%;padding: 11% 0;margin: 0 0 0 4.5%;}
.categoryHeader .movieArea{width: 92%;}
.categoryHeader .categoryName{right: -5.7%;width: 6.2%;}

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


.styleTitle .titleHeader .icon{width:100px;}
.styleTitle.delighter.started .titleHeader .icon::before{bottom: calc(0% - 27px);}

.styleTitle .titleHeader .season{font-size: 13px;}
.styleTitle .titleHeader .season:after{bottom: -4px;left: -2px;right: -2px;}

.styleTitle .styleName{margin-top: 50px;}
.styleTitle .styleName h2{font-size: 38px;}

.styleTitle .titleText{margin-top: 2em;line-height: 2.1;font-size: 14px;}

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

.bodySet.me0101 .in04{padding-left:5%;}

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

.itemList{width:64.5vw;font-size: 15px;}
.bodySet.me0101 .itemList{width: 68vw;}
.bodySet.me0102 .in01 .itemList{width: 68vw;}


.itemList dl,
.itemList.narrow dl{padding:0.7em 0 0.7em 13px;}
.itemList dl:first-child,
.itemList.narrow dl:first-child{padding-top:0.3em;}
.itemList dl:last-child,
.itemList.narrow dl:last-child{padding-bottom:0.3em;}


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

.allBanner .detail h2{font-size: 17px;}
.allBanner .detail .more a{font-size: 17px;}

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

.otherAreaTitle{padding: 15px 0 10px;}
.otherAreaTitle h2,
.otherAreaTitle.delighter h2{font-size: 38px;}
.otherAreaTitle h3,
.otherAreaTitle.delighter h3{font-size: 20px;}

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

.nextContents .copy{font-size: 16px;margin: 30px auto 40px;}
.nextContents .copy br.res{display: block;}

.nextContents .banner{width: 100%;}
.nextContents .banner .text p{font-size: 20px;}
.nextContents .banner .text p a{padding: 1.2em 0 1.2em;}

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

.onlineStore .onlineList{width: 80%;}
.onlineStore .otherAreaTitle{padding-bottom: 15px;}

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

.footer h2{width: 40%;}
.footer .copyright{font-size: 13px;margin-top: 15px;}
.footer .pagetop{display: none;}

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

.menu-trigger{top:15px;left:12px;width:30px;height:30px;}
.menu-trigger span:nth-of-type(2){top:14px;}

.spNavi .naviInner .menu{left: 17%;width: 75%;}
.spNavi.open .naviInner .menu{left: 12.5%;}
.spNavi .naviInner .innerTop .menu{top: 53%;}
.spNavi .root a{font-size: 5.0vw;}
.spNavi .category a{font-size: 5.6vw;}

}





@media(max-width:440px) {



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

.lead{margin-top: 21vw;}
.lead .catch{font-size: 34px;}
.lead .copy{font-size: 15px;}

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

.mainNavi .name{font-size: 22px;}
.mainNavi .photo{margin-top: 18px;}
.mainNavi .more{width: 55%;margin-top: 18px;}
.mainNavi .more a{font-size: 15px;padding: 6px 0 6px;}

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

.styleTitle .titleHeader .icon{width:92px;}
.styleTitle.delighter.started .titleHeader .icon::before{bottom: calc(0% - 25px);}
.styleTitle .styleName h2{font-size: 33px;}
.styleTitle .titleHeader .season{top: 40px;right: 0%;}
.styleTitle .titleText{font-size: 13px;}

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

.bodySet.la0101,
.bodySet.la0201,
.bodySet.la0301,
.bodySet.me0101,
.bodySet.me0201,
.bodySet.me0301{margin-top: 12vw;}

.bodySet.la0101 .in04{margin-top: 7vw;}
.bodySet.la0201 .in04{margin-top: 7vw;}
.bodySet.la0301 .in04{;margin-top: 7vw;padding: 0 6.4vw;}
.bodySet.me0101 .in04{margin-top: 2vw;padding: 0 6.4vw;}
.bodySet.me0201 .in04{;margin-top: 7vw;padding: 0 6.4vw;}
.bodySet.me0301 .in04{;margin-top: 7vw;padding: 0 6.4vw;}

.bodySet.la0102 .in01 .itemList,
.bodySet.la0102 .in02 .itemList,
.bodySet.la0202 .in01 .itemList,
.bodySet.la0202 .in02 .itemList,
.bodySet.la0302 .in01 .itemList,
.bodySet.la0302 .in02 .itemList,
.bodySet.me0102 .in01 .itemList,
.bodySet.me0102 .in02 .itemList,
.bodySet.me0202 .in01 .itemList,
.bodySet.me0202 .in02 .itemList,
.bodySet.me0302 .in01 .itemList,
.bodySet.me0302 .in02 .itemList{left: -3.1%;}

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


.itemList{width:68.5vw;font-size: 13px;}
.bodySet.me0101 .itemList{width: 72vw;}
.bodySet.me0102 .in01 .itemList{width: 72vw;}

.itemList.narrow{margin-top: 5vw;}


.itemList dl,
.itemList.narrow dl{padding:0.8em 0 0.8em 10px;}

.itemList dl .name{width: calc(100% - 65px);}
.itemList dl dd{width: 65px;}
.itemList dl dd a{font-size: 13px;padding: 3px 0px 3px;}


/*
.itemList .otherTrigger{margin-top:1.0em;margin-left: 12px;}
.itemList .otherTrigger .text{width: 7em;}
*/
/*----------*/

.allBanner .detail h2{font-size: 15px;padding:1.1em 0 1.1em 9%; }
.allBanner .detail .more a{font-size: 15px;padding: 6px 10px;}

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

.otherAreaTitle{padding: 15px 0 10px;}
.otherAreaTitle.delighter h2{font-size: 32px;}
.otherAreaTitle h3,
.otherAreaTitle.delighter h3{font-size: 18px;}

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

.nextContents{margin-top: 30vw;}
.nextContents .copy{font-size: 14px;letter-spacing: 0.06em;line-height: 1.8;margin: 20px auto 25px;}
.nextContents .banner .text p{font-size: 18px;}

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

.onlineStore{margin-top: 28vw;}
.onlineStore .onlineList{width: 85%;margin-top: 15%;}

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

.snsIcon{margin-top: 23vw;}
.snsIcon h3{font-size: 16px;}
.snsIcon .instagram{width: 28px;margin-top: 15px;}

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

.footer{margin-top: 23vw;padding: 45% 0 30px;}
.footer h2{width: 45%;}
.footer .copyright{font-size: 10px;margin-top: 10px;}

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

.spNavi .naviInner .innerTop .menu{top: 55%;}
.spNavi .naviInner .menu{left: 15%;width: 80%;}
.spNavi.open .naviInner .menu{left: 10%;}
.spNavi .root a{font-size: 5.7vw;}
.spNavi .category a{font-size: 6.5vw;}


}






@media(max-width:360px) {

.styleTitle .styleName h2{font-size: 32px;}

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

.itemList dl .name{width: calc(100% - 58px);}
.itemList dl .name span{font-size: 0.76em;}
.itemList dl dd{width: 58px;}

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

.allBanner .detail h2{font-size: 14px;}
.allBanner .detail .more a{font-size: 14px;}

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

.otherAreaTitle.delighter h2{font-size: 30px;}
.otherAreaTitle h3,
.otherAreaTitle.delighter h3{font-size: 17px;}

.nextContents .copy{font-size: 14px;}

}