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




@media(max-width:1300px) {

.featureTitle .shoulder,
.featureTitle.delighter .shoulder{right: 6%;}
.featureTitle.delighter.started .shoulder{right: -2%;}

.sideNavi{right:-96px;width: 95px;}

}





@media(max-width:1200px) {


.lead{padding-bottom:70px;}
.lead .leadHeader .leadTitle .titleInner{padding-left: 15%;}
.lead .leadHeader .leadTitle::after{left: 15%;}

.lead .leadBody{width: 70%;margin-top: 70px;margin-left: 15%;}
.mainNav .num{font-size: 14px;}
.mainNav h2{font-size: 33px;}

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

.category#c01{margin-top: 11%;}
.category#c02{margin-top: 14%;}

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

.feature{margin-top: 8%;padding-top: 4%;}
.featureTitle{padding-top: 100px;}

.featureTitle .titleIn h2,
.featureTitle.delighter .titleIn h2{font-size: 53px;}
.featureTitle .titleIn h2::after{width: 550px;}
.featureTitle .titleIn .line{width: 550px;}

.featureTitle .shoulder,
.featureTitle.delighter .shoulder{right: 8%;}
.featureTitle.delighter.started .shoulder{right: 0;}
.featureTitle .shoulder::before{right: calc(100% + 25px);width: 150px;}

.featureTitle .leadCopy,
.featureTitle.delighter .leadCopy{width: 85%;margin-top: 60px;}

.featureTitle .leadCopy h3{font-size: 25px;}

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


.itemMain.c0101{margin-top: 7vw;}
.itemMain.c0102{margin-top: 13vw;}
.itemMain.c0201{margin-top: 7vw;}
.itemMain.c0202{margin-top: 10vw;}
.itemMain.c0203{margin-top: 8vw;}
.itemMain.c0204{margin-top: 8vw;}

.itemMain .visualBox .nameNum .num{font-size: 21px;}
.itemMain .visualBox .nameNum h3{font-size: 23px;line-height: 34px;}
.itemMain.c0203 .visualBox .nameNum h3{padding-right: 1em;}
.itemMain.c0204 .visualBox .nameNum h3{padding-left: 1em;}


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

.coordinate{margin-top: 14%;}

.coordinate .coordiHeader .coordiTitle h2,
.coordinate .coordiHeader.delighter .coordiTitle h2{font-size: 55px;}

.coordinate .coordiItem{margin-top: 7%}
.coordinate .coordiItem.farst{margin-top: 11%;}
.coordinate .coordiItem .itemDetail .styleTitle{top: 8vw;left: 5%;}
.coordinate .coordiItem .itemDetail .styleTitle h3{font-size: 30px;}
.coordinate .coordiItem .itemDetail .styleTitle h4{font-size: 16px;}

.coordinate .coordiItem .itemDetail .itemList{width: 90%;}


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


.imageSet.c0101{margin-top: 6vw;}
.imageSet.c0102{margin-top: 6vw;}
.imageSet.c0201{margin-top: 7vw;}
.imageSet.c0202{margin-top: 8vw;}
.imageSet.c0203{margin-top: 8vw;}

.imageSet.c0201 .button{margin-top: 30px;}
.imageSet .button a{font-size: 18px;}

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


.itemMain .slick-dots li{width: 33px; margin: 0 9px;}
.slick-dots li button{padding-top: 13px;}

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

.movieArea{margin-top: 7vw;}
.movieArea .thumb .playBT .play{width: 9vw;height: 9vw;}

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

.allBanner{margin-top: 9%;width: 78%;}
.allBanner.c03{margin-top: 7%;}

.allBanner .detail h2{font-size: 24px;}
.allBanner .detail .more a{font-size: 24px;}
.allBanner .detail .line{padding-top: 35%;}

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

.otherContents{margin-top: 13%}
.otherContents .otherTitle{font-size: 48px;}
.otherContents .otherList{margin-top: 8%;}
.otherContents .otherList h3{font-size: 28px;}

.otherContents .otherList h4{font-size: 16px;}


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

.sns{width: 550px;margin-top: 14%;}
.sns a{font-size: 22px;}
.sns .icon{width: 43px;}
.sns .lineBanner{width: 500px;}

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

.footer{padding: 200px 0 55px;}
.footer h2{width: 200px;}
.footer .copyright{font-size: 20px;margin-top: 150px;}

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

}





@media(max-width:980px) {

.sideNavi{display: none;}

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

.lead .leadHeader{padding: 10px 0;}
.lead .leadHeader::before{height: 10px;top: -10px;}
.lead .leadHeader::after{height: 10px;bottom: -10px;}

.lead .leadHeader .leadTitle{padding: 23px 0;}
.lead .leadHeader .leadTitle .titleInner .logo{width: 250px;}
.lead .leadHeader .leadTitle .titleInner h2{font-size: 48px;}
.lead .leadHeader .leadTitle .titleInner h3{font-size: 17px;}

.lead .leadBody{margin-top: 55px;}
.lead .leadBody .text{font-size: 15px;}

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

.mainNav{width: 75%;}

.mainNav .num{font-size: 13px;}
.mainNav h2{font-size: 30px;}

.mainNav .seeMore{margin-top: 20px;padding-bottom: 13px;}
.mainNav .seeMore a{font-size: 18px;padding: 0.6em 2em;}

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

.featureTitle{width: 80%;}

.featureTitle .titleIn{padding-bottom: 16px;}
.featureTitle .titleIn h2,
.featureTitle.delighter .titleIn h2{font-size: 5.0vw;}
.featureTitle .titleIn h2::after{width: 50vw;}
.featureTitle .titleIn .line{width: 50vw;height: 5px;}

.featureTitle .shoulder h4{font-size: 19px;}
.featureTitle .shoulder::before{right: calc(100% + 20px);width: 15vw;}

.featureTitle .leadCopy,
.featureTitle.delighter .leadCopy{width: 90%;margin-top: 50px;}

.featureTitle .leadCopy h3{font-size: 23px;}
.featureTitle .leadCopy p{font-size: 15px;}

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

.itemMain{width: 85%;}
.itemMain .itemBox{width:42%;}
.itemMain .itemBox .text{font-size: 13px;margin-bottom: 25px;}

.itemMain .visualBox .nameNum .num{font-size: 19px;}
.itemMain .visualBox .nameNum h3{font-size: 21px;line-height: 32px;}
/*----------*/

.imageSet{width: 85%;}
.imageSet.c0201 .button{margin-top: 25px;}
.imageSet .button a{font-size: 16px;}

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

.movieArea{width: 75%;}
.movieArea .thumb .playBT .play{width: 10vw;height: 10vw;}

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


.coordinate{width: 90%;}

.coordinate .coordiHeader .coordiTitle h2,
.coordinate .coordiHeader.delighter .coordiTitle h2{font-size: 50px;padding-left: 5.25%;}
.coordinate .coordiHeader .coordiTitle::after,
.coordinate .coordiHeader.delighter .coordiTitle::after{height: 9px;}

.coordinate .coordiItem{width: 89%;}
.coordinate .coordiItem .visualBox{width: 45%;}

.coordinate .coordiItem .visualBox .num{font-size: 19px;}

.coordinate .coordiItem .itemDetail .styleTitle{top: 10vw;}
.coordinate .coordiItem .itemDetail .styleTitle h3{font-size: 28px;}
.coordinate .coordiItem .itemDetail .styleTitle h4{font-size: 15px;}

.coordinate .coordiItem.c01coordi01 .itemDetail .itemList{margin-top: calc(145% - 183px);}
.coordinate .coordiItem.c01coordi02 .itemDetail .itemList{margin-top: calc(145% - 220px);}
.coordinate .coordiItem.c01coordi03 .itemDetail .itemList{margin-top: calc(145% - 220px);}


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

.itemList dl{margin-top: 10px;}
.itemList .name{width: calc( 100% - 80px);}
.itemList .detail{width: 80px;}
.itemList .detail a{font-size: 16px;padding: 5px 0px 4px;}


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

.allBanner{margin-top: 10%;width: 80%;}
.allBanner .detail h2{font-size: 2.4vw;}
.allBanner .detail .more a{font-size: 18px;padding: 9px 0;}
.allBanner .detail .line span:after{left: 5px;height: 14px;}

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

.otherContents{width: 85%;}
.otherContents .otherTitle{font-size: 42px;padding-bottom: 0.4em;}
.otherContents .otherList h3{font-size: 25px;}
.otherContents .otherList h4{font-size: 14px;}
.otherContents .otherList .more a{font-size: 17px;}
.otherContents .otherList .more span{font-size: 16px;line-height: 36px;}
.otherContents .otherList .image{margin: 12px auto 20px;}


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

.sns{width: 500px;}
.sns ul li{padding: 15px 0;}
.sns a{font-size: 18px;}
.sns .icon{width: 38px;}
.sns .lineBanner{width: 480px;}

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

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

.footer .pagetop{width: 40px;margin-top: -20px;}
}


@media(max-width:800px) {
.itemMain.c0202 .slick-dots{padding: 0 10%;}
}




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





@media(max-width:768px) {

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

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


#header .titleSet{
	width: 72%;
	top: 60%;
	right: 0;
	left: 0;
	margin: 0 auto;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}

#header .titleSet h1{font-size: 9.5vw;}
#header .titleSet h2{
	font-size: 2.9vw;
	padding: 0.5em 0 2.0em;
}

#header .logo{
	width: 27%;
	top: 4.5vw;
	left: 0;
	right:0;
	margin: 0 auto;
}


.scrollbar{left:auto;right: 3vw;bottom: -60px;}
.scrollbar p{margin-top: 0px;margin-left: 5px;}
.scrollbar .base{right: auto;left: 0;}
.scrollbar .bar{right: auto;left: 0;}

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


.lead{padding: 15vw 0 10vw;}
.lead .leadHeader{padding: 0px 0;}

.lead.delighter.started .leadHeader::before{display: none;}
.lead .leadHeader::after,
.lead.delighter .leadHeader::after{
	bottom: -3.5vw;
	left: 0;
	right: 100%;
	height: 8px;
	-webkit-transition: right 2.0s cubic-bezier(0.76, 0, 0.24, 11);
	transition: right 2.0s cubic-bezier(0.76, 0, 0.24, 1);
}
.lead.delighter.started .leadHeader::after{right: 0%;left: 0;}
.lead .leadHeader .leadTitle::before,
.lead.delighter .leadHeader .leadTitle::before{
	right: 100%;
	left: 0;
	-webkit-transition: right 2.0s cubic-bezier(0.33, 1, 0.68, 1);
	transition: right 2.0s cubic-bezier(0.33, 1, 0.68, 1);
}
.lead.delighter.started .leadHeader .leadTitle::before{left: 0;right: 15%;}
.lead .leadHeader .leadTitle::after,
.lead.delighter .leadHeader .leadTitle::after{
	left: 100%;
	right: 0;
	-webkit-transition: left 2.0s cubic-bezier(0.33, 1, 0.68, 1);
	transition: left 2.0s cubic-bezier(0.33, 1, 0.68, 1);
}
.lead.delighter.started .leadHeader .leadTitle::after{right: 0;left: 6%;}
.lead .leadHeader .leadTitle .titleInner,
.lead.delighter .leadHeader .leadTitle .titleInner{padding-left: 10vw;}

.lead .leadBody{width: 80%;margin: 8vw auto 0;}

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

.mainNav{width: 80%;}
.mainNav ul li{width: 46%;}

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


.category#c01{margin-top: 18vw;overflow:hidden;padding-bottom:30px;}
.category#c02{margin-top: 22vw;overflow:hidden;padding-bottom:30px;}

.categoryHeader{display: block;}
.categoryHeader .categoryTitle{width: 100%;}
.categoryHeader .categoryTitle::before{width: 10%;}

.categoryHeader .categoryTitle .titleInner{width: 90%;margin-left: 10%;}
.categoryHeader .categoryTitle .titleInner .subImage{width: 67%;padding-top: 61%;}

.categoryHeader .categoryTitle .titleInner .copyBox h2{font-size: 4.4vw;}
.categoryHeader .categoryTitle .topicTltle{width: 90%;margin-left: 10%;height: 36vw;}
.categoryHeader .categoryTitle .topicTltle .topicInner{left: 9%;}

.categoryHeader .categoryTitle .topicTltle .num{font-size: 2.9vw;margin-bottom: 0.4em;}
.categoryHeader .categoryTitle .topicTltle h3{font-size: 8.8vw;}
.categoryHeader .categoryTitle .topicTltle h4{font-size: 2.5vw;margin-top: 0.8em;}


.categoryHeader .mainImage{width: 100%;border-top: 2px solid #1A1A1A;}
.categoryHeader .mainImage span{width: 100%;padding-top: 96%;margin-left: 0;}

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

.feature{margin-top: 16vw;padding-top:4vw;}

.featureTitle{width: 90%;}
.featureTitle .titleIn h2,
.featureTitle.delighter .titleIn h2{padding-left: 4vw;font-size: 5.5vw;}
.featureTitle .titleIn h2::after{width: 70vw;}
.featureTitle .titleIn .line{width: 62vw;height: 5px;left: auto;}
.featureTitle .shoulder h4{font-size: 17px;}
.featureTitle .shoulder::before{right: calc(100% + 17px);width: 15vw;top: 0.5em;}

.featureTitle .leadCopy,
.featureTitle.delighter .leadCopy{width: 90%;margin: 50px auto 0;}

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

.itemMain{width: 100%;display: block;}

.itemMain.c0101{margin-top: 10vw;}
.itemMain.c0102{margin-top: 13vw;}
.itemMain.c0201{margin-top: 10vw;}
.itemMain.c0202{margin-top: 12vw;}
.itemMain.c0203{margin-top: 12vw;}
.itemMain.c0204{margin-top: 12vw;}

.itemMain .visualBox{width: 65%;margin: 0 auto;}
.itemMain .visualBox .nameNum .num{font-size: 20px;}
.itemMain .visualBox .nameNum h3{font-size: 22px;line-height: 32px;}


.itemMain .itemBox{width:65%;margin: 9vw auto 0;}
.itemMain.rev .itemBox{margin: 9vw auto 0;}

.itemMain.c0201 .itemBox{margin-top: 9vw;}

.itemMain .itemBox .text{font-size: 15px;}

.itemMain.c0202 .slick-dots{padding: 0 25%;}


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

.coordinate{width: 100%;margin-top: 17vw;}

.coordinate .coordiHeader .coordiTitle h2,
.coordinate .coordiHeader.delighter .coordiTitle h2{padding-left: 8vw;}
.coordinate .coordiHeader .coordiTitle::after,
.coordinate .coordiHeader.delighter .coordiTitle::after{right: 8vw;}
.coordinate .coordiHeader.delighter.started .coordiTitle::after{width: 60%;}

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

.coordinate .coordiItem{
	width: 100%;
	margin-top: 10vw;
	display: block;
}
.coordinate .coordiItem.farst{margin-top: 14vw;}

.coordinate .coordiItem .visualBox{width: 59%;text-align: right;}
.coordinate .coordiItem.rev .visualBox{text-align: left;margin-left: 41%;}
.coordinate .coordiItem .visualBox .num{font-size: 20px;}

.coordinate .coordiItem .itemDetail{
	width: 100%;
	position:static;
	z-index: 20;
	margin-top: 0;
}

.coordinate .coordiItem .itemDetail .styleTitle{
	top: calc(34px + 8vw);
	right: 0;
	left: auto;
	width: 41%;
	margin: 0;
	text-align: center;
}
.coordinate .coordiItem.rev .itemDetail .styleTitle{right: auto;left: 0;margin: 0;}
.coordinate .coordiItem .itemDetail .styleTitle .titleInner{display: inline-block;text-align: left;}
.coordinate .coordiItem .itemDetail .styleTitle h3{font-size: 30px;line-height: 1.1;}
.coordinate .coordiItem .itemDetail .styleTitle h4{font-size: 16px;line-height: 1.5;margin-top: 1.1em;}

.coordinate .coordiItem .itemDetail .styleTitle br{display: block;}

.coordinate .coordiItem .itemDetail .itemList{width: 54vw;}
.coordinate .coordiItem.c01coordi01 .itemDetail .itemList{margin:5vw 0 0 5vw;}
.coordinate .coordiItem.c01coordi02 .itemDetail .itemList{margin: 5vw 0 0 41vw;}
.coordinate .coordiItem.c01coordi03 .itemDetail .itemList{margin:5vw 0 0 5vw;}

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

.itemList .name{font-size: 17px;}
.itemList .detail a{font-size: 17px;}

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

.movieArea{margin-top: 10vw;width: 100%;}
.movieArea .thumb .playBT .play{width: 13vw;height: 13vw;}

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

.imageSet{width: 100%;}
.imageSet.c0101{margin-top: 7vw;}
.imageSet.c0102{margin-top: 7vw;}
.imageSet.c0201{margin-top: 7vw;}
.imageSet.c0202{margin-top: 7vw;}
.imageSet.c0203{margin-top: 7vw;}

.imageSet ul{justify-content:center;flex-wrap: wrap;grid-gap: 10%;}
.imageSet ul li{width: 45%;}
.imageSet ul li:last-child{margin-top: 9%;}


.imageSet.c0201 .img,
.imageSet.c0202 .img,
.imageSet.c0203 .img{width: 80%;margin:0 auto;}

.imageSet.c0201 .button,
.imageSet.c0202 .button,
.imageSet.c0203 .button{
	width: 100%;
	position: relative;
	text-align: center;
	margin-top: 30px;
}
.imageSet .button a,
.imageSet.c0201 .button a{width: 400px;padding: 0.5em 0;}


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

.allBanner{margin-top: 12vw;width: 94%;}

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

.otherContents{width: 85%;margin-top: 15vw;}
.otherContents .otherList::after{display: none;}
.otherContents .otherList ul{display: block;margin-top: 0;}
.otherContents .otherList ul li{width: 45%;margin: 8vw auto 0;}
.otherContents .otherList h3{line-height: 1.1;}
.otherContents .otherList h3 br{display: block;}
.otherContents .otherList h3 span{font-size: 1em;}
.otherContents .otherList .b02 h3 span{display: inline-block;padding-left: 0.3em;}
.otherContents .otherList h4{font-size: 15px;}
.otherContents .otherList .more a{font-size: 19px;}

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

.sns .lineBanner{margin-top: 15vw;width: 450px;}

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

.footer{
	margin-top: 18vw;
	padding: 40vw 0 calc(50px + 15vw);
	background-image: url("../../images/footer_sp.jpg");
}


.footer h2{width: 25%;}
.footer .copyright{font-size: 15px;line-height: 1.3;margin-top: 5vw;}
.footer .copyright br{display: block;}
.footer .pagetop{display: none;}


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


.spBottomNavi{
	display: block;
	width: 100%;
	position: fixed;
	left: 0;
	bottom: -15.2vw;
	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%;
	display: flex;
}
.spBottomNavi ul li{
	width:40%;
	text-align: center;
	height: 15vw;
	position: relative;
	vertical-align: top;
}
.spBottomNavi ul li:last-child{
	width: 20%;
	background: #D9D7D2;
	position: relative;
}
.spBottomNavi ul li:last-child img{
	width: 32%;
	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: top 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 .text{
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 80%;
	z-index: 10;
	color: #FFF;
	text-align: left;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);  
}
.spBottomNavi ul li .text p{
	font-family: "TimesNewRomanProItalic";
	letter-spacing: 0.03em;
	font-size: 15px;
}
.spBottomNavi ul li .text p span{font-size: 1.08em;}

.spBottomNavi ul li .text h3{
	font-family: "BigMooreRegular";
	letter-spacing: 0.03em;
	font-size: 27px;
	margin-top: 3px;
}
.spBottomNavi ul li .text h3 span{
	font-size: 0.75em;
	padding-left: 0.3em;
}

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



}











@media(max-width:720px) {


#header .titleSet{width: 77%;top: 60%;}


.lead{padding: 20vw 0 0;}
.lead .leadBody{width: 86%;margin-top: 10vw;}
.lead .leadBody .text,
.lead.delighter .leadBody .text{font-size: 15px;}

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


.mainNav{width: 50%;}
.mainNav ul{display: block;}
.mainNav ul li{width: 100%;margin-top: 13vw;}
.mainNav h2{padding: 0.3em 0 0.5em;line-height: 1.0;}

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

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

.categoryHeader .categoryTitle .titleInner .copyBox h2{font-size: 5.0vw;}
.categoryHeader .categoryTitle .topicTltle{height: 36.3vw;}

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

.featureTitle{width: 95vw;margin-left: 5vw}

.featureTitle .titleIn h2,
.featureTitle.delighter .titleIn h2{font-size: 6.5vw;}
.featureTitle .titleIn h2::after{width: 80vw;}

.featureTitle .leadCopy,
.featureTitle.delighter .leadCopy{width: 86%;margin: 50px 0 0 4.5%;}
.featureTitle .leadCopy h3{font-size: 22px;}
.featureTitle .leadCopy p{font-size: 15px;}

.featureTitle .shoulder,
.featureTitle.delighter .shoulder{top: 0;right: 14vw;}
.featureTitle.delighter.started .shoulder{right: 7vw;}
.featureTitle .shoulder::before{right: 0;width: 35vw;top: calc(100% + 8px);}

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

.itemMain .itemBox{width:70%;}

.itemMain .visualBox .nameNum .num{font-size: 19px;}
.itemMain .visualBox .nameNum h3{font-size: 20px;}

.itemMain .itemBox .itemSlide{width: 97%;margin: 0 auto;}
.itemMain .itemBox .text{font-size: 14px;}



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

.coordinate .coordiHeader .coordiTitle h2,
.coordinate .coordiHeader.delighter .coordiTitle h2{font-size: 8.3vw;}

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

.coordinate .coordiItem .visualBox .num{font-size: 19px;}
.coordinate .coordiItem .itemDetail .styleTitle h3{font-size: 24px;}

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

.allBanner{margin-top: 15vw;width: 86%;border-width: 1px;}
.allBanner .photo{width: 47.5%;}	
.allBanner .photo span{padding-top: 113%;}
.allBanner.c01 .photo span{background-image: url("../../images/allbanner_c01sp.jpg");}
.allBanner.c02 .photo span{background-image: url("../../images/allbanner_c02sp.jpg");}
.allBanner.c03 .photo span{background-image: url("../../images/allbanner_c03sp.jpg");}

.allBanner .bannerInner{width: 52.5%;}
.allBanner .detail h2{font-size: 3.0vw;}
.allBanner .detail .more{width: 80%;}
.allBanner .detail .line{padding-top: 35%;}
.allBanner .detail .line span:after{left: 4px;height: 10px;}

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

.otherContents .otherTitle{font-size: 38px;}

.otherContents .otherList{margin-top: 0;}
.otherContents .otherList ul li{width: 60%;}
.otherContents .otherList h3{font-size: 23px;}
.otherContents .otherList h4{margin-top:0.2em;}
.otherContents .otherList .more a{font-size: 17px;}
.otherContents .otherList .more span{font-size: 16px;}

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

.sns{width: 100%;margin-top: 16%;}
.sns ul{display: block;width: 130px;margin: 0 auto;}
.sns ul li{width:100%;padding: 38px 0;border-left: none;border-top: 1px solid #413D3C;}
.sns ul li:first-child{padding-top: 0;}
.sns ul li:last-child{padding-bottom: 0;}

.sns .icon{margin-top: 15px;}
.sns .lineBanner{margin-top: 16%;width: 88%;max-width:480px; }

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


.spBottomNavi{bottom: -17.2vw;}
.spBottomNavi ul li{height: 17vw;}
.spBottomNavi ul li a{height: 17vw;}

}


  



@media(max-width:550px) {

#header .logo{width: 32%;top: 5vw;}

.scrollbar{height:120px;}
.scrollbar p{width: 13px;}
.scrollbar .base{height:120px;}
.scrollbar .bar{height:120px;}


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

.lead .leadHeader .leadTitle{padding: 4% 0;}
.lead .leadHeader .leadTitle .titleInner .logo{width: 52%;}
.lead .leadHeader .leadTitle .titleInner h2{font-size: 10.0vw;padding: 0.2em 0 0.2em;}
.lead .leadHeader .leadTitle .titleInner h3{font-size: 3.6vw;}

.lead .leadBody .text,
.lead.delighter .leadBody .text{font-size: 14px;line-height: 2.0;letter-spacing: 0.04em;}

.lead .leadHeader::after,
.lead.delighter .leadHeader::after{height: 6px;}

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

.mainNav{width: 60%;}
.mainNav ul li{margin-top: 15vw;}
.mainNav .num{font-size: 12px;}
.mainNav h2{font-size: 28px;padding: 0.2em 0 0.4em;}

.mainNav .seeMore{margin-top: 15px;padding-bottom: 13px;}
.mainNav .seeMore a{font-size: 16px;padding: 0.4em 1.2em;}
.mainNav .seeMore::after{bottom: -5px;}

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

.categoryHeader .categoryTitle .titleInner .copyBox h2{font-size: 5.4vw;}

.categoryHeader .categoryTitle .topicTltle{height: 36.6vw;}
.categoryHeader .categoryTitle .topicTltle .num{font-size: 3.1vw;}
.categoryHeader .categoryTitle .topicTltle h3{font-size:10.3vw;}
.categoryHeader .categoryTitle .topicTltle h4{font-size: 3.0vw;margin-top: 0.7em;}

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

.feature{margin-top: 21vw;padding-top: 6vw;}

.featureTitle{padding-top:17vw;}

.featureTitle .titleIn h2,
.featureTitle.delighter .titleIn h2{font-size: 8.2vw;}
.featureTitle .titleIn h2::after{width: 85vw;height: 2px;}
.featureTitle .titleIn .line{height: 4px;}
.featureTitle .titleIn{padding-bottom: 13px;}

.featureTitle .shoulder h4{font-size: 13px;}

.featureTitle .leadCopy,
.featureTitle.delighter .leadCopy{margin-top: 12vw;}
.featureTitle .leadCopy h3{font-size: 20px;line-height: 1.5;}
.featureTitle .leadCopy h3 be.res{display: block;}
.featureTitle .leadCopy p{font-size: 14px;line-height: 2.0;margin-top: 1.2em;}

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

.itemMain.c0101{margin-top: 12vw;}
.itemMain.c0102{margin-top: 13vw;}
.itemMain.c0201{margin-top: 10vw;}
.itemMain.c0202{margin-top: 12vw;}
.itemMain.c0203{margin-top: 12vw;}
.itemMain.c0204{margin-top: 12vw;}

.itemMain .visualBox{width: 80%;}

.itemMain .visualBox .nameNum .num{font-size: 17px;}
.itemMain .visualBox .nameNum h3{font-size: 18px;line-height: 26px;}

.itemMain .visualBox{margin-top: 10vw;}
.itemMain .itemBox .text{font-size: 13px;margin-top: 40px;}
.itemMain.c0202 .itemBox .text{margin-top: 60px;}

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

.coordinate{margin-top: 22vw;}

.coordinate .coordiHeader .coordiTitle h2,
.coordinate .coordiHeader.delighter .coordiTitle h2{font-size: 9.5vw;}
.coordinate .coordiHeader .coordiTitle::after,
.coordinate .coordiHeader.delighter .coordiTitle::after{height: 8px;right: 7vw;}
.coordinate .coordiHeader.delighter.started .coordiTitle::after{width: 65%;}

.coordinate .coordiHeader .coordiLead,
.coordinate .coordiHeader.delighter .coordiLead{margin-top: 14.5vw;}
.coordinate .coordiHeader .coordiLead p{font-size: 14px;line-height: 2.0;}

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

.coordinate .coordiItem{margin-top: 15vw;}
.coordinate .coordiItem.farst{margin-top: 15vw;}

.coordinate .coordiItem .visualBox .num{font-size: 17px;}
.coordinate .coordiItem .itemDetail .styleTitle{font-size: 4.2vw;top: 18vw;}

.coordinate .coordiItem .itemDetail .itemList{width: 76vw;margin-top:7vw;}
.coordinate .coordiItem.rev .itemDetail .itemList{margin:7vw 0 0 19vw;}

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

.itemList dl{margin-top: 10px;}
.itemList .name{font-size: 16px;}
.itemList .detail{width: 75px;}
.itemList .detail a{font-size: 16px;padding: 4px 0;}



.itemList .otherTrigger p.more{font-size: 16px;margin-left: 38px;padding:4px 10px 4px 0;}
.itemList .otherTrigger p.close{font-size: 16px;left: 38px;padding:4px 10px 4px 0;}
.itemList .otherTrigger span{width: 30px;height: 22px;}

.itemList .otherTrigger span:after,
.itemList .otherTrigger span:before{width: 11px;}


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

.slick-dots{bottom:-30px;}
.slick-dots li{margin: 0 7px;width:23px;}
.slick-dots li button{padding-top: 11px;}

.itemMain .slick-dots li{width: 23px; margin: 0 7px;}
.itemMain .slick-dots li button{padding-top: 11px;}

.itemMain.c0202 .slick-dots{bottom:-62px;}

.slick-prev,
.slick-next {width: 8vw;height: 8vw;margin-top: -4vw;}
#c01 .slick-prev{left:-9vw;}
#c01 .slick-next{right:-9vw;}
#c02 .slick-prev{left:-9vw;}
#c02 .slick-next{right:-9vw;}



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

.imageSet.c0201 .img,
.imageSet.c0202 .img,
.imageSet.c0203 .img{width: 90%;}


.imageSet.c0201 .button,
.imageSet.c0202 .button,
.imageSet.c0203 .button{
	width: 80%;
	margin: 20px auto 0;
}
.imageSet .button a,
.imageSet.c0201 .button a{width: 100%;}


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

.movieArea .thumb .playBT .play{width: 16vw;height: 16vw;}

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

.allBanner.c03{margin-top: 10vw;}
.allBanner .detail h2{font-size: 3.6vw;}
.allBanner .detail .more a{font-size: 15px;padding: 5px 0;}


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


.otherContents .otherTitle{font-size: 34px;}
.otherContents .otherList ul li{width: 65%;margin-top: 12vw;}
.otherContents .otherList h3{font-size: 19px;}
.otherContents .otherList h4{font-size: 13px;}
.otherContents .otherList .more a{font-size: 15px;padding: 0.5em 1.8em 0.4em;}
.otherContents .otherList .more span{font-size: 14px;line-height: 18px;}

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

.sns{margin-top: 25vw;}
.sns ul{width: 110px;}
.sns ul li{padding: 30px 0;}
.sns a{font-size: 17px;}
.sns .icon{margin-top: 13px;width: 35px;}

.sns .lineBanner{margin-top: 20%; }

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

.footer{margin-top: 25vw;padding-bottom:calc(40px + 15vw);padding-top: 50vw;}
.footer h2{width: 28%;}
.footer .copyright{font-size: 12px;line-height: 1.5;margin-top: 7vw;}

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

.spBottomNavi{bottom: -21.2vw;}
.spBottomNavi ul li{height: 21vw;}
.spBottomNavi ul li a{height: 21vw;}
.spBottomNavi ul li:last-child img{width: 50%;}

.spBottomNavi ul li .text p{font-size: 3.0vw;}
.spBottomNavi ul li .text h3{font-size: 5.5vw;}
.spBottomNavi ul li .text h3 span{display: block;padding-left: 0;}


}







@media(max-width:440px) {




.lead{padding-top: 19vw;}

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

.mainNav h2{font-size: 26px;}
.mainNav .seeMore a{font-size: 15px;}

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

.category#c01{margin-top: 24vw;}
.category#c02{margin-top: 27vw;}
.categoryHeader .categoryTitle .topicTltle .num{font-size: 3.3vw;}
.categoryHeader .categoryTitle .titleInner .copyBox h2{font-size: 5.5vw;}
.categoryHeader .categoryTitle .topicTltle h3{font-size:10.0vw;line-height: 0.95;}

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

.featureTitle .titleIn h2,
.featureTitle.delighter .titleIn h2{font-size: 8.8vw;}
.featureTitle.delighter.started .titleIn h2 br{display: block;}

.featureTitle .shoulder h4{font-size: 13px;}

.featureTitle .leadCopy h3{font-size: 18px;}
.featureTitle .leadCopy h3 br.res{display: block;}
.featureTitle .leadCopy p{font-size: 13px;line-height: 2.0;margin-top: 1.2em;}

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



.itemMain.c0101{margin-top: 11vw;}
.itemMain.c0102{margin-top: 15vw;}
.itemMain.c0201{margin-top: 10vw;}
.itemMain.c0202{margin-top: 12vw;}
.itemMain.c0203{margin-top: 14vw;}
.itemMain.c0204{margin-top: 14vw;}

.itemMain .visualBox .nameNum .num{font-size: 15px;}
.itemMain .visualBox .nameNum h3{font-size: 16px;line-height: 22px;}

.itemMain .itemBox{width:72%;}
.itemMain .itemBox .itemSlide{width: 98%;margin: 0 auto;}
.itemMain .itemBox .text{font-size: 12px;margin-bottom: 20px;}



.itemMain.c0201 .itemBox .itemSlide{width: 111%;left: -5%;}
.itemMain.c0201 .itemBox .text{margin-top: 25px;}

.itemMain.c0202 .slick-dots{padding: 0 20.5%;}

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

.itemList dl{margin-top: 8px;}
.itemList .name{font-size: 15px;}
.itemList .detail{width: 73px;}
.itemList .otherTrigger p.more{font-size: 15px;}
.itemList .otherTrigger p.close{font-size: 15px;}


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

.imageSet.c0101{margin-top: 8vw;}
.imageSet.c0102{margin-top: 8vw;}
.imageSet.c0201{margin-top: 9vw;}
.imageSet.c0202{margin-top: 9vw;}
.imageSet.c0203{margin-top: 9vw;}

.imageSet.c0201 .button,
.imageSet.c0202 .button,
.imageSet.c0203 .button{width: 77%;}
.imageSet .button a,
.imageSet.c0201 .button a{padding: 0.3em 0;}

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

.coordinate{margin-top: 19vw;}

.coordinate .coordiHeader .coordiTitle h2,
.coordinate .coordiHeader.delighter .coordiTitle h2{font-size: 9.3vw;}

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

.coordinate .coordiItem{margin-top: 10vw;}
.coordinate .coordiItem.farst{margin-top: 15vw;}

.coordinate .coordiItem .visualBox .num{font-size: 15px;}
.coordinate .coordiItem .itemDetail .styleTitle h3{font-size: 5.2vw;letter-spacing: 0.04em;}
.coordinate .coordiItem .itemDetail .styleTitle h4{font-size: 13px;}

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


.allBanner{width: 90%;margin-top: 12vw;}

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


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

.otherContents .otherTitle{font-size: 32px;}
.otherContents .otherList ul li{width: 67%;}
.otherContents .otherList h3{font-size: 17px;}


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





}







@media(max-width:360px) {
.itemMain.c0202 .slick-dots{padding: 0 19%;}

}