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






@media(max-width:1200px) {

.sideNavi{right:-10%;width: 9.5%;}
.sideNavi.view{right:-0.6%;}
.sideNavi ul{width: 75px;}
.sideNavi .pagetop{width: 75px;}

.lead .leadTitle h2,
.lead.delighter .leadTitle h2{font-size: 45px;}
.lead .leadTitle .logo01,
.lead.delighter .leadTitle .logo01{width: 100px;left: 1.5%;}
.lead .leadTitle .logo02,
.lead.delighter .leadTitle .logo02{width: 100px;right: 1.5%;}

.lead .leadInner .leadBody{margin-top: 9.5%;}


.category.c01{margin-top: 20%;}
.category.c02{margin-top: 23%;}


.imageSet.areaA{margin-top: 12%;}
.imageSet.areaB{margin-top: 8%;}

.f0101 .p02{width: 53%;}
.f0103 .p02{width: 57.5%;}
.f0104 .p02{margin-left: 48%;}
.f0301 .p02{margin-left:49%;}

.movieArea{margin-top: 8%;}

.otherItems{width: 83%;margin-top: 20%;}
.otherItems .itemBox .spec .detail{width: 80px;}

.allBanner{margin-top: 23%;}
.allBanner .detail{padding: 3.5% 0;}
.allBanner .detail h2{font-size: 22px;}
.allBanner .detail h2 span{font-size: 25px;}
.allBanner .detail .line{width: 120px;}
.allBanner .detail .line span:nth-child(2){height: 26px;right: 7%;}
.allBanner .more a{font-size: 22px;padding: 15px 28px;}


.otherContents{margin-top: 23%;}
.otherContents .otherList{margin-top: 90px;}
.otherContents .otherList ul:before{top:70px;}
.otherContents .otherList ul:after{top: 70px;}

.otherContents h2 span,
.otherContents h2.delighter span{font-size: 46px;}
.otherContents h3{font-size: 20px;}
.otherContents .more a{
	font-size: 19px;
	line-height: 19px;
	padding: 13px 26px;
}
.otherContents .more span{
	font-size: 17px;
	line-height: 19px;
	padding: 13px 26px;
}


.footer{margin-top: 27%}

.separator{margin-top: 23%;}

}




@media(max-width:1080px) {
.otherItems .itemBox .spec{padding: 10px 0;}
.otherItems .itemBox .spec h3 br{display: block;}
}




@media(max-width:960px) {


.lead{margin-top: 15%;}
.lead .leadInner{width: 90%;}

.lead .leadTitle h2,
.lead.delighter .leadTitle h2{font-size: 38px;}
.lead .leadTitle .logo01,
.lead.delighter .leadTitle .logo01{width: 13%;left: 0%;}
.lead .leadTitle .logo02,
.lead.delighter .leadTitle .logo02{width: 13%;right: 0%;}

.lead .leadInner .leadBody{margin-top: 7%;width: 90%;}
.lead .leadBody p,
.lead.delighter .leadBody p{font-size: 15px;line-height: 2.2;}

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

.mainNavi{width: 95%;margin-top: 13%;}

.mainNavi .navBox .name h2,
.mainNavi .navBox.delighter .name h2{font-size: 20px;}

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


.movieArea .thumb .playBT .play{width: 100px;height: 100px;margin-top: -50px;padding:30px;}


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


.category.c01{margin-top: 22%;}
.category.c02{margin-top: 25%;}

.feature{width: 90%;margin-top:26%;}
.feature.f01{margin-top:20%;}
.feature .title .num{font-size: 13px;}
.feature .title h2{font-size: 38px;}
.feature .text{font-size: 15px;line-height: 2.0;}


.itemListSet{width: 78%;margin-top: 18%;}
.itemListSet ul.itemList > li{margin-bottom: 50px;}

.itemBox h2{font-size: 18px;}
.itemBox .itemSlide{margin-top: 12px;padding-bottom: 50px;}

.itemBox .copy{font-size: 13px;}
.itemBox .spec{margin-top: 40px;}
.itemBox .spec h3{font-size: 15px;}
.itemBox .spec h3 span{font-size: 13px;}

.itemBox .spec .detail{width: 80px;}
.itemBox .spec .detail a{font-size: 15px;padding: 8px 0;}

.otherItems{width: 90%;margin-top: 23%;}
.otherItems .otherTitle h3,
.otherItems .otherTitle.delighter h3{width: 96%;font-size: 43px;}
.otherItems .otherItemList{margin-top: 70px;}
.otherItems .otherItemList ul.list{width: 102%;}
.otherItems .otherItemList ul.list > li{width: 31.3333%;margin-right:2%;margin-bottom: 2%;}

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

.allBanner{width: 85%;}
.allBanner .more a{font-size: 20px;padding: 13px 25px;}

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


.slick-dots li{margin: 0 5px;}
.slick-dots li button{height:13px;width:25px;}

.itemBox .singleColor{height: 13px;bottom: 18px;}
.fi0502 .singleColor span{width: 25px;height: 13px;}

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

.otherContents{width: 90%;}

.otherContents h2,
.otherContents h2.delighter{padding:30px 0;}
.otherContents h2 span,
.otherContents h2.delighter span{font-size: 40px;}

.otherContents .otherList{margin-top: 75px;}
.otherContents .otherList ul{width: 106.5%;}
.otherContents .otherList ul li{width: 27.3333%;margin-right: 6%;}

.otherContents .otherList ul:before{top:57px;left: 30.333%;}
.otherContents .otherList ul:after{top: 57px;left: 63.666%;}

.otherContents h3{font-size: 17px;}
.otherContents .photo{margin-top: 15px;}

.otherContents .more a{font-size: 16px;line-height: 16px;padding: 11px 22px;}
.otherContents .more span{font-size: 15px;line-height: 16px;padding: 11px 22px;}

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

.footer{padding: 40px 0 30px;}
.footer .instagram{font-size: 17px;}
.footer .instagram .icon{width: 32px;}
.footer h2{width: 170px;}
.footer .copyright{font-size: 13px;margin-top: 25px;}
.footer .pagetop{width: 65px;top: 90px;}

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

.separator{width: 82%;}
.sideNavi{display: none;}

}











@media(max-width:768px) {

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

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

#header{height: 100%;padding-top: 0;overflow: hidden;}


#header .coverLeft{bottom:50%;width: 100%;}
#header .coverRight{top: 50%;width: 100%;}

.cover-slider_wrap.slide01{width: 100%;top: 0;bottom: calc(50% + 2px);}
.cover-slider_wrap.slide02{width: 100%;top: calc(50% + 2px);bottom: 0;}

.cover-slider_slide{
	top: 0;
	bottom: 0;
	left: 0;
	right:0;
	opacity: 0;
}
.cover-slider_slide.active{
	animation-duration: 1000ms;
	animation-fill-mode: forwards;
	animation-name: slidein;
	animation-timing-function: linear;
}
.cover-slider_slide.inactive{
	animation-duration: 1000ms;
	animation-fill-mode: forwards;
	animation-name: slideout;
	animation-timing-function:linear;
}

.startOpacity{opacity: 1;}


.slide01 .cover-slider_slide:nth-child(1){background-image: url("../../images/mainsp01.jpg");}
.slide01 .cover-slider_slide:nth-child(2){background-image: url("../../images/mainsp02.jpg");}
.slide01 .cover-slider_slide:nth-child(3){background-image: url("../../images/mainsp03.jpg");}
.slide02 .cover-slider_slide:nth-child(1){background-image: url("../../images/mainsp04.jpg");}
.slide02 .cover-slider_slide:nth-child(2){background-image: url("../../images/mainsp05.jpg");}
.slide02 .cover-slider_slide:nth-child(3){background-image: url("../../images/mainsp06.jpg");}
@keyframes slidein{
	0% {left: 0;right: 0;opacity: 0;}
	100%  {left: 0;right: 0;opacity: 1;}
}
@keyframes slideout{
	0% {left: 0;right: 0;opacity: 1;}
	100%  {left: 0;right: 0; opacity: 0;}
}




#header .titleSet .titleSpace h3{display: none;}
#header .titleSet .spDate{
	display: block;
	width: 55vw;
	position: absolute;
	bottom: 53.5%;
	left: 6%;
	opacity: 0;
	-webkit-transition: bottom 1.2s cubic-bezier(0.25, 1, 0.5, 1) 1.4s, opacity 0.8s 1.4s;
	transition: bottom 1.2s cubic-bezier(0.25, 1, 0.5, 1) 1.4s, opacity 0.8s 1.4s;
}
#header.start .titleSet .spDate{bottom: 51.5%;opacity: 1;}




#header .titleSet .titleMountain{
	width: 100%;
	top: 0;
	bottom: calc(50% + 2px);
}
#header .titleSet .titleSpace{
	width: 100%;
	top: calc(50% + 2px);
	bottom: 0;
}
#header .titleSet h2{
	-webkit-transform:translateX(50%);
	transform:translateX(50%);
}



#header .titleSet .titleMountain h2{
	width: auto;
	top:21%;
	bottom: 0;
	right: 17vw;
}
#header.start .titleSet .titleMountain h2{right: 15vw;opacity: 1;}
#header.start .titleSet .titleMountain h2 img{height: 93%; width: auto;}


#header .titleSet .titleSpace h2{
	width: auto;
	top:38%;
	bottom: 0;
	right: 17vw;
	left: auto;
	-webkit-transition: right 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0.7s, opacity 0.8s 0.7s;
	transition: right 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0.7s, opacity 0.8s 0.7s;
}

#header.start .titleSet .titleSpace h2{right: 15vw;left: auto;opacity: 1;}
#header.start .titleSet .titleSpace h2 img{height: 70%; width: auto;}



#header .titleSet .logo{
	left:auto;
	right: 15vw;
	margin:0;
	opacity: 0;
	width: auto;
	height: 17%;
	-webkit-transform:translateX(50%);
	transform:translateX(50%);
	-webkit-transition: top 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0.7s, opacity 0.8s 0.7s;
	transition: top 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0.7s, opacity 0.8s 0.7s;
}
#header .titleSet .titleMountain .logo{top: 0%;}
#header .titleSet .titleSpace .logo{top: 3%;}

#header.start .titleSet .titleMountain .logo{top: 3%; opacity: 1;}
#header.start .titleSet .titleSpace .logo{top: 6%; opacity: 1;}

#header .titleSet .logo img{height: 100%;width: auto;}


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


.lead{margin-top: 20%;}
.lead .leadInner{width: 85%;}
.lead .leadTitle .logo01,
.lead.delighter .leadTitle .logo01{
	width: 105px;
	top: -10px;
	left: 0;
	right: 0;
	margin: 0 auto;
	-webkit-transform:translateY(-100%);
	transform:translateY(-100%);  

}
.lead .leadTitle .logo02,
.lead.delighter .leadTitle .logo02{
	width: 105px;
	top:auto;
	bottom: -20px;
	left: 0;
	right: 0;
	margin: 0 auto;
	-webkit-transform:translateY(100%);
	transform:translateY(100%);  
}

.lead .leadInner .leadBody{margin-top: calc( 7% + 80px);}


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

.mainNavi{width: 100%;margin-top: 15%;}
.mainNavi .navBox .name{padding: 10px 0 12px;}

.mainNavi .spMore{
	width: 100%;
	text-align: center;
	display: block;
	margin-top: 15px;
}
.mainNavi .spMore a{
	display:inline-block;
	font-family: "TTCommonsClassicRegular";
	letter-spacing: 0.04em;
	text-align: center;
	line-height: 1;
	font-size: 16px;
	color: #62873D;
	border: 1px solid #4C6B00;
	white-space: nowrap;
	padding: 0.5em 1.4em;
	border-radius:4px;
}

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

.wrapper{width: 100%;padding-bottom: 14.8vw;}

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


.category{overflow: hidden;}

.categoryHeader .left{width: 23%;padding-top: 75%;}
.categoryHeader .right{width: 68.3%;}
.categoryHeader .left .logo{width: 55%;}
.categoryHeader .center,
.categoryHeader.delighter .center{width: 8.7%;}

.categoryHeader .center .date{
	width: 32%;
	top: 11%;
	left: auto;
	right: -23%;
}
.c02 .categoryHeader .center .date{top: auto;bottom: 10%;}

.categoryHeader .center .dark{width: 107%;}
.c01 .categoryHeader .center .dark{bottom:auto;top: 11%;}
.c02 .categoryHeader .center .dark{bottom:auto;top: 10%; left: -2%;}

.categoryHeader .center .thin,
.categoryHeader.delighter .center .thin{overflow: hidden;}

.c01 .categoryHeader .center .thin span,
.c01 .categoryHeader.delighter .center .thin span{width:107%;bottom: 11%;right: -20%;}
.c01 .categoryHeader.delighter.started .center .thin span{right: -57%;opacity: 1}

.c02 .categoryHeader .center .thin span,
.c02 .categoryHeader.delighter .center .thin span{width:107%;bottom: 43%;left: -26%;}
.c02 .categoryHeader.delighter.started .center .thin span{bottom: 35%;opacity: 1}





.c01 .categoryHeader .left{background-image: url("../../images/c01title_left_sp.jpg");}
.c02 .categoryHeader .left{background-image: url("../../images/c02title_left_sp.jpg");}
.c01 .categoryHeader .right{background-image: url("../../images/c01title_right_sp.jpg");}
.c02 .categoryHeader .right{background-image: url("../../images/c02title_right_sp.jpg");}


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

.feature{width: 88%;margin-top:27%;}
.feature.f01{margin-top:27%;}

.feature .title .num{width: 95%;}
.feature .title h2{width: 95%;padding-bottom: 0.3em;}
.feature .text{width: 100%;}

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

.imageSet.areaA{margin-top: 15%;}
.imageSet.areaB{margin-top: 10%;}


.imageSet .inTop_m,
.imageSet .inTop_m.delighter{
	top:3vw;
	opacity: 0;
	margin-top: auto;
	-webkit-transition: top 1.8s cubic-bezier(0.25, 1, 0.5, 1), opacity 1.8s;
	transition: top 1.8s cubic-bezier(0.25, 1, 0.5, 1), opacity 1.8s;
}
.imageSet .inTop_m.delighter.started{top: 0;opacity: 1;margin-top:auto;}


.f0101 .p01{width: 65.5%;margin-left: 7%;}
.f0101 .p02{width: 79.5%;margin-left: 20.5%;margin-top: -5%;}

.f0102 .p01{width: 71.5%;margin-left: 7%;}
.f0102 .p02{width: 71.5%;position: relative;top:0;margin-left: 28.5%;margin-top: -6% !important;}
.f0102 .p03{width: 65%;margin-left: 0%;margin-top: -35%;}

.f0103 .p01{width: 65.5%;margin-left: 7%;}
.f0103 .p02{width: 86.5%;margin-left:13.5%;margin-top: -7%;}
.f0103 .p03{width: 65.5%;margin-left: 0%;margin-top: 0%;}

.f0104 .p01{width: 71%;margin-left: 7%;}
.f0104 .p02{width: 65.5%;margin-left: 34.5%;margin-top: -17%;}

.f0201 .p01{z-index: 3;width: 65.5%;margin-left: 7%;}
.f0201 .p02{z-index: 1;width: 65%;margin-left:35%;margin-top: -10%;}
.f0201 .p03{z-index: 2;width: 67.5%;margin-left:0%;margin-top: -8%;}

.f0202 .p01{width: 85%;margin-left: 15%;}
.f0202 .p02{width: 65%;margin-left: 7%;margin-top: -14%;}

.f0301 .p01{z-index: 2;width: 65.5%;margin-left: 7%;}
.f0301 .p02{z-index: 1;width: 67.5%;margin-left:32.5%;margin-top: -22%;}
.f0301 .p03{z-index: 3;width: 80.5%;margin-left: 0%;margin-top: -12%;}

.f0401 .p01{width: 65.5%;margin-left: 7%;}
.f0401 .p02{width: 64%;margin-left: 36%;margin-top: -9%;}

.f0402 .p01{width: 71.5%;margin-left: 28.5%;}
.f0402 .p02{width: 92%;margin-left: 0%;margin-top: -18%;}

.f0501 .p01{width: 65.5%;margin-left: 7%;}
.f0501 .p02{width: 96%;margin-left: 0%;margin-top: -21%;}

.f0502 .p01{width: 90%;margin-left: 0%;}
.f0502 .p02{width: 71.5%;margin-left: 28.5%;margin-top: -11%;}

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

.movieArea{margin-top: 10%;}
.movieArea .videoBox{width: 86%;}

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

.itemListSet{width: 88%;margin-top: 20%;}

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

.otherItems .otherTitle h3,
.otherItems .otherTitle.delighter h3{font-size: 38px;}
.otherItems .otherItemList{margin: 8% auto 0;width: 97%;}
.otherItems .otherItemList ul.list{width: 107.5%;}
.otherItems .otherItemList ul.list > li{width: 43%;margin-right:7%;margin-bottom: 7%;}
.otherItems .otherItemList ul.list > li:nth-last-child(-n+3){margin-bottom:7%;}
.otherItems .otherItemList ul.list > li:nth-last-child(-n+2){margin-bottom:0%;}

.otherItems .itemBox .spec h3 br{display: none;}

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

.allBanner{width: 100%;margin-top: 26%;}
.c01 .allBanner .photo{background-image: url("../../images/banner_c01_sp.jpg");}

.c01 .allBanner .more a{background: none;}
.c02 .allBanner .more a{background: none;}



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

.separator{margin-top: 26%;width: 90%;}

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


.otherContents{width: 95%;margin-top: 26%;}
.otherContents h2,
.otherContents h2.delighter{padding:25px 0;}
.otherContents h2 span,
.otherContents h2.delighter span{font-size: 34px;}

.otherContents .otherList{margin-top: 50px;}
.otherContents .otherList ul{width: 105.2%;}
.otherContents .otherList ul li{width: 28.3333%;margin-right: 5%;}

.otherContents .otherList ul:before{left: 30.733%;}
.otherContents .otherList ul:after{left: 64.166%;}

.otherContents .more{
width: 100%;
}
.otherContents .more a{padding: 10px 0;display: block;}
.otherContents .more span{padding: 10px 0;display: block;}

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

.footer{padding-top:10%;background-image: url("../../images/footer_sp.jpg");}
.footer .instagram{font-size: 19px;}
.footer .instagram .icon{width: 34px;margin-top: 13px;}
.footer h2{width: 180px;margin-top: 18vw;}
.footer .copyright{font-size: 14px;margin-top: 30px;}

.footer .pagetop{width: 80px;top: auto;bottom: 55px;right: 1%;}

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


.spBottomNavi{
	display: block;
	width: 100%;
	position: fixed;
	left: 0;
	bottom: -15.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: 15vw;
	position: relative;
	vertical-align: top;
}
.spBottomNavi ul li:last-child{
	width: 20%;
	background: #CFD0D0;
	position: relative;
}
.spBottomNavi ul li:last-child img{
	width: 43%;
	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: 15vw;
	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/spnavi01.jpg");}
.spBottomNavi ul li.n02 a{background-image: url("../../images/spnavi02.jpg");}

.spBottomNavi ul li .logo{
	position: absolute;
	bottom: 8%;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 27%;
}
.spBottomNavi ul li .text{
	position: absolute;
	top: 50%;
	left: 5%;
	width: 6.3%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);  
}


}








@media(max-width:720px) {


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

.lead{margin-top: 23%;}
.lead .leadInner{width: 87%;}

.lead .leadTitle{padding: 13px 0 17px 0;}
.lead .leadTitle h2,
.lead.delighter .leadTitle h2{font-size: 34px;}

.lead .leadTitle .logo01,
.lead.delighter .leadTitle .logo01{width: 95px;top: -9px;}
.lead .leadTitle .logo02,
.lead.delighter .leadTitle .logo02{width: 95px;bottom: -18px;}

.lead .leadInner .leadBody{margin-top: calc( 8% + 70px);width: 100%}

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

.mainNavi{width: 85%;margin-top: 17%;}
.mainNavi .navBox{width: 100%;}
.mainNavi .navBox.to01{float: none;}
.mainNavi .navBox.to02{float: none;margin-top: 10vw;}
.mainNavi .navBox .name{width: 90%;}

.mainNavi .spMore{margin-top: 20px;}
.mainNavi .spMore a{padding: 0.7em 3em;}


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

.category.c01{margin-top: 30%;}
.category.c02{margin-top: 30%;}
.categoryHeader:before,
.categoryHeader:after{height: 1px;}

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

.feature{width: 86%;}
.feature .title .num{width: 97%;}
.feature .title h2{width: 97%;font-size: 32px;}
.feature .text{font-size: 14px;margin-top: 2.3em;}

/*---------------------------------------*/
.imageSet.areaA{margin-top: 15%;}
.imageSet.areaB{margin-top: 12%;}

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

.movieArea{margin-top: 12%;}
.movieArea .thumb .playBT .play{width: 16vw;height: 16vw;margin-top: -8vw;padding:4.5vw;}

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

.itemListSet{width: 65%;margin-top: 20%;}

.itemListSet ul.itemList > li{width: 100%;margin-bottom: 17% !important;display: block;}
.itemListSet ul.itemList > li:nth-child(odd){margin-right: 0;}
.itemListSet ul.itemList > li:nth-last-child(-n+2){margin-bottom:0;}
.itemListSet ul.itemList > li:last-child{margin-bottom:0 !important;}

.itemBox .spec{margin-top: 30px;}

.itemBox h2{font-size: 19px;}
.itemBox .spec h3{font-size: 16px;}
.itemBox .spec h3 span{font-size: 14px;}
.itemBox .spec .detail a{font-size: 16px;}


.slick-dots li{margin: 0 6px;}
.slick-dots li button{height:13px;width:27px;}
.itemBox .singleColor{height: 13px;bottom: 18px;}
.fi0502 .singleColor span{width: 27px;height: 13px;}

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

.slick-prev,
.slick-next {width: 8vw;height: 8vw;top:26vw;}
.slick-prev{left:-8vw;}
.slick-next{right:-8vw;}

.slick-prev::after{
	content: "";
	position: absolute;
	top: 17%;
	right:35%;
	width: 37%;
	height: 68%;
	pointer-events: none;
	clip-path: polygon(100% 0, 0 50%, 100% 100%);
}
.slick-next::after{
	content: "";
	position: absolute;
	top: 17%;
	left:35%;
	width: 37%;
	height: 68%;
	pointer-events: none;
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
}

.c01 .slick-prev::after,
.c01 .slick-next::after{background: #CEB97E;}
.c02 .slick-prev::after,
.c02 .slick-next::after{background: #62873D;}
.otherItems .slick-prev::after,
.otherItems .slick-next::after{background: #3D4543;}


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


.otherItems .otherTitle h3,
.otherItems .otherTitle.delighter h3{font-size: 36px;}
.otherItems .otherTitle:before,
.otherItems .otherTitle.delighter:before{height: 1px;}
.otherItems .otherTitle:after,
.otherItems .otherTitle.delighter:after{height: 1px;}


.otherItems .otherItemList{margin-top: 10%;width: 78%;}
.otherItems .otherItemList ul.list{width: 100%;}
.otherItems .otherItemList ul.list > li{width: 100%;margin-right:0;margin-bottom: 17% !important;}
.otherItems .otherItemList ul.list > li:nth-last-child(-n+3){margin-bottom:0;}
.otherItems .otherItemList ul.list > li:nth-last-child(-n+2){margin-bottom:0;}

.otherItems .itemBox .spec{line-height: 1.0;}

.otherItems .itemBox .itemSlide{width: 85%;margin: 0 auto;}
.otherItems .slick-prev,
.otherItems .slick-next {top:27vw;}


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

.allBanner .detail h2{font-size: 18px;}
.allBanner .detail h2 span{font-size: 22px;}
.allBanner .detail .line{width: 100px;}
.allBanner .detail .line span:nth-child(2){height: 23px;right: 8%;}
.allBanner .more a{font-size: 19px;padding: 13px 20px;}

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

.separator{margin-top: 30%;width: 90%;height: 2px;}

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

.otherContents{width: 88%;margin-top: 28%;}
.otherContents h2,
.otherContents h2.delighter{padding:15px 0;}
.otherContents h2 span br{display: block;}

.otherContents .otherList{margin-top: 0;padding-bottom: 18vw;border: none;}
.otherContents .otherList ul{width: 80%;margin: 0 auto;max-width: 320px;margin-top: 12%;}
.otherContents .otherList ul li{width: 100%;margin:0 auto;display: block;padding: 0 10%;}
.otherContents .otherList ul li:nth-child(1),
.otherContents .otherList ul li:nth-child(2){margin-bottom: 14%;padding-bottom: 14%;border-bottom: 1px solid #373A36;}

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


.otherContents h3{font-size: 22px;line-height: 1.2;}
.otherContents .photo{margin-top: 18px;}
.otherContents .more a{font-size: 17px;}
.otherContents .more span{font-size: 15px;}

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


.wrapper{padding-bottom: 17.5vw;}


.footer{margin-top: 15vw;padding-top: 11vw;padding-bottom: 30px;}
.footer h2{width: 160px;margin-top: 20vw;}
.footer .copyright{margin-top: 20px;line-height: 1.2;}
.footer .copyright br{display: block;}

.footer .pagetop{width: 70px;bottom: 70px;}

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

.spBottomNavi{bottom: -18.5vw;}
.spBottomNavi ul li{height: 18vw;}
.spBottomNavi ul li:last-child img{width: 50%;}
.spBottomNavi ul li a{height: 18vw;}
.spBottomNavi ul li .logo{width: 30%;}
.spBottomNavi ul li .text{width: 7%;}


}


  





@media(max-width:550px) {

.lead{margin-top: 27%;}
.lead .leadTitle{padding: 13px 0 17px 0;}
.lead .leadTitle h2,
.lead.delighter .leadTitle h2{font-size: 6.2vw;line-height: 1.2;}
.lead .leadTitle h2 span{font-size: 4.0vw;}

.lead .leadTitle .logo01,
.lead.delighter .leadTitle .logo01{width: 18vw;}
.lead .leadTitle .logo02,
.lead.delighter .leadTitle .logo02{width: 18vw}

.lead .leadInner .leadBody{margin-top: calc(15vw + 9%);}
.lead .leadBody p,
.lead.delighter .leadBody p{font-size: 14px;line-height: 2.0;}

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

.mainNavi{width: 85%;margin-top: 20%;}
.mainNavi .navBox.to02{margin-top: 14vw;}

.mainNavi  .navBox .topic,
.mainNavi  .navBox.delighter .topic{font-size: 12px;}

.mainNavi .navBox .name{width: 90%;}
.mainNavi .navBox .name h2,
.mainNavi .navBox.delighter .name h2{font-size: 17px;}

.mainNavi .spMore{margin-top: 20px;}
.mainNavi .spMore a{font-size: 15px;padding: 0.7em 3em;}

.mainNavi .spMore{margin-top: 15px;}

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

.feature .title h2{width: 97%;font-size: 28px;}
.feature .title h2 br{display: block;}
.feature .text{font-size: 13px;margin-top: 2.0em;}

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

.imageSet.areaA{margin-top: 17%;}
.imageSet.areaB{margin-top: 12%;}

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

.itemListSet{width: 70%;margin-top: 20%;}
.itemListSet ul.itemList > li{margin-bottom: 19% !important;}
.itemBox h2{font-size: 18px;}

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

.slick-prev,
.slick-next {width: 10vw;height: 12vw;top:26vw;}
.slick-prev{left:-10vw;}
.slick-next{right:-10vw;}

.slick-dots{bottom:-31px;}
.itemBox .singleColor{bottom: 20px;}

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

.otherItems .otherTitle{padding: 9px 0;}
.otherItems .otherTitle h3,
.otherItems .otherTitle.delighter h3{font-size: 7vw;}

.otherItems .otherItemList{margin-top: 14%;}
.otherItems .otherItemList ul.list > li{margin-bottom: 19% !important;}
.otherItems .slick-prev{left:-11vw;}
.otherItems .slick-next{right:-11vw;}

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

.allBanner .detail h2{font-size: 3.5vw;padding-right: 2vw;}
.allBanner .detail h2 span{font-size: 3.5vw;}
.allBanner .detail .line{width: 15vw;}
.allBanner .detail .line span:nth-child(2){height: 3.6vw;right: 1.1vw;}

.allBanner .more a{font-size:3.8vw;padding: 2vw 2vw;border-width: 1px;}

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

.otherContents{margin-top: 32%;}

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

.otherContents .otherList ul{width: 70%;margin-top: 15%;}
.otherContents .otherList ul li:nth-child(1),
.otherContents .otherList ul li:nth-child(2){margin-bottom: 15%;padding-bottom: 15%;}


.otherContents h3{font-size: 18px;}
.otherContents .photo{margin:15px auto 0;width:90%;}
.otherContents .more{width: 90%;margin: 13px auto 0;}

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

.footer .instagram{font-size: 17px;}
.footer .instagram .icon{width: 30px;}
.footer h2{width: 140px;margin-top: 25vw;}

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

}






@media(max-width:440px) {


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

.mainNavi{width: 85%;margin-top: 22%;}
.mainNavi .navBox .name h2,
.mainNavi .navBox.delighter .name h2{font-size: 16px;}
.mainNavi .spMore{margin-top: 14px;}
.mainNavi .spMore a{font-size: 14px;padding: 0.5em 2.4em;}

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

.feature .title .num{font-size: 12px;}
.feature .title h2{font-size: 26px;}
.feature .title h2 br{display: block;}

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

.itemListSet{width: 72%;}

.itemBox .itemSlide{padding-bottom: 45px;}
.itemBox h2{font-size: 16px;}


.itemListSet ul.itemList > li{margin-bottom: 22% !important;}

.itemBox .spec h3{font-size: 15px;}
.itemBox .spec h3 span{font-size: 13px;}
.itemBox .spec .detail{width: 74px;}
.itemBox .spec .detail a{font-size: 15px;padding: 6px 0;}

.itemBox .copy{font-size: 12px;}

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

.slick-dots li button{height:11px;width:24px;}
.itemBox .singleColor{height: 11px;bottom: 18px;}
.fi0502 .singleColor span{width: 24px;height: 11px;}

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

.otherItems .otherItemList{margin-top: 13%;width:80%;}
.otherItems .slick-dots{bottom:-29px;}
.otherItems .itemBox .spec .detail{width: 70px;}
.otherItems .itemBox .spec .detail a{padding: 5px 0;}

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

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

.otherContents .otherList ul{width: 75%;margin-top: 15%;}


.otherContents h3{font-size: 17px;}


.otherContents .more a{padding: 8px 0;}
.otherContents .more span{padding: 8px 0;}


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

.footer{margin-top: 15vw;padding-top: 9vw;}
.footer .instagram{font-size: 16px;}
.footer .instagram .icon{width: 28px;}
.footer h2{width: 120px;margin-top: 25vw;}
.footer .copyright{font-size: 13px;}

.footer .pagetop{width: 60px;bottom: 65px;}

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

.wrapper{padding-bottom: 19.5vw;}

.spBottomNavi{bottom: -20.5vw;}
.spBottomNavi ul li{height: 20vw;}
.spBottomNavi ul li:last-child img{width: 60%;}
.spBottomNavi ul li a{height: 20vw;}
.spBottomNavi ul li .logo{width: 35%;}
.spBottomNavi ul li .text{width: 8.3%;}



}




@media(max-width:360px) {


}