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



@media(max-width:1300px) {


.sideNavi.view{right: 10px;}

.sideNavi{right:-79px;width: 78px;}
.sideNavi ul li{margin-bottom: 25px;}
.sideNavi .title{font-size: 10px;}
.sideNavi .image{margin-top: 5px;}

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

.itemMain.rev{right: 1%;}

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

.otherContents{width: 80%;}
.otherContents .otherList ul:before{top: 58px;bottom: 65px;}
.otherContents .otherList ul:after{top: 58px;bottom: 65px;}
.otherContents h3{font-size: 18px;}
.otherContents .more span{font-size: 17px;}
.otherContents .more a{font-size: 18px;}

}







@media(max-width:1050px) {

.leadBody,
.delighter .leadBody{width: 80%;}
.leadBody p{font-size: 15px;}

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

.separator{width: 80%;margin-top: 19%;}

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

.category{margin-top: 19%;}

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

.categoryCopy{width: 77%;}
.categoryCopy p{font-size: 15px;padding: 0.7em 0 0.7em 40px;width: 95%;max-width: none;}
.categoryCopy:before{width: 12px;}

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

.itemMain{margin-top: 28vw;}
.itemMain.set01,
.itemMain.set06,
.itemMain.set08,
.itemMain.set10{margin-top: 20vw;}

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

.itemMain.rev{right: 3%;}

.itemMain .itemName .line.bottom,
.itemMain .delighter .itemName .line.bottom{width: 10px;}

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

.itemMain .itemBox,
.itemMain .itemBox.delighter{width: 41%;}

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

.itemMain .itemList dl .name{width: calc( 100% - 85px);font-size: 15px;}
.itemMain .itemList dl .name span{font-size: 12px;}
.itemMain .itemList dl dd{width: 77px;}
.itemMain .itemList dl dd a{font-size: 15px;padding: 6px 0px 7px;}
.itemMain .otherTrigger p{font-size: 15px;}


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

.otherImage{margin-top: 10%;}

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

.movieArea{margin-top: 10%;}

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


.allBanner{margin-top: 14%;}
.allBanner .more{font-size: 20px;}

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

.otherContents{width: 80%;margin-top: 20%;}
.otherContents h2,
.otherContents h2.delighter{width: 480px;}
.otherContents .otherList{margin-top:70px;}

.otherContents .otherList ul{width: 105%;}
.otherContents .otherList ul li{width: 28.333%;margin-right: 5%;}

.otherContents .otherList ul:before{top: 48px;bottom: 65px;left: 30.8%;}
.otherContents .otherList ul:after{top: 48px;bottom: 65px;left: 64.1%;}

.otherContents h3{font-size: 16px;}
.otherContents .photo{margin-top: 10px;}
.otherContents .more span{font-size: 16px;}
.otherContents .more a{font-size: 17px;}

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

.footer{margin-top: 23%;padding: 80px 0 60px;}
.footer .instagram{font-size: 18px;}
.footer .instagram .icon{width: 36px;}
.footer h2{margin-top: 100px;}
.footer h3{width: 460px;}
.footer .copyright{letter-spacing: 0.1em;font-size: 15px;margin-top: 40px;}
.footer .pagetop{width: 70px;top: 200px;}

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

}










@media(max-width:950px) {


#header h1{width: 9.5%;}
#header h2{width: 11%;}


.separator{height: 3px;width: 90%;}


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

.lead{margin-top: 12%;}
.leadBody,
.delighter .leadBody{margin-top: 5%;}

.mainNavi{width: 92%;margin-top: 8%;}

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

.categoryCopy{width: 80%;}
.categoryCopy p{padding: 0.5em 0 0.5em 40px;width: 100%;max-width: none;}
.categoryCopy:before{width: 11px;}

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

.itemMain{width: 85%;}
.itemMain.sta{left: 1%;}
.itemMain.rev{right: 2%;}

.itemMain .delighter.started .itemName .line.top{width: 70px;}
.itemMain .itemName .line.bottom,
.itemMain .delighter .itemName .line.bottom{width: 8px;}

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

.itemMain .itemBox,
.itemMain .itemBox.delighter{width: 42%;}

.itemMain .itemBox .text p{line-height: 1.8;}
.itemMain .itemList{margin-top: 25px;}
.itemMain .itemList dl{margin-top: 15px;}
.itemMain .itemList dl .name{width: calc( 100% - 75px);}
.itemMain .itemList dl dd{width: 70px;}


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

.otherImage.set01{width: 85%;}
.otherImage.set02{width: 80%;}

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

.movieArea{width: 85%;}
.movieArea .thumb .playBT .play{width: 15vw;height: 15vw;margin-top: -7.5vw;padding:4.5vw;}

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

.allBanner{width: 85%;}
.allBanner .more{font-size: 2.5vw;}

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

.otherContents{width: 90%;}
.otherContents h2,
.otherContents h2.delighter{width: 430px;}

.otherContents h3{font-size: 2.0vw;}


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

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

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

.footer h2{width: 120px;margin-top: 90px;}
.footer h3{width: 420px;}
.footer .copyright{font-size: 13px;}
.footer .pagetop{top: 290px;}

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

.sideNavi{display: none;}

}











@media(max-width:768px) {

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

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


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

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


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


.cover-slider_wrap {width: 100%;}
.cover-slider_wrap.slide01{top: 0;bottom: 50%;}
.cover-slider_wrap.slide02{top: 50%;bottom: 0;}

.cover-slider_slide{
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right:0;
    padding: 0;
    margin: 0;
    background-size:cover;
    background-position: center;
    list-style: none;
    z-index: 0;
	transform:scale(1.05);
}
.cover-slider_slide.active{
	animation-duration: 4000ms;
}
.cover-slider_slide.inactive{
	animation-duration: 4000ms;
}
.slide01 .cover-slider_slide:nth-child(1){background-image: url("../../images/mainsp_01.jpg");}
.slide01 .cover-slider_slide:nth-child(2){background-image: url("../../images/mainsp_02.jpg");opacity: 0;}
.slide01 .cover-slider_slide:nth-child(3){background-image: url("../../images/mainsp_03.jpg");opacity: 0;}
.slide02 .cover-slider_slide:nth-child(1){background-image: url("../../images/mainsp_04.jpg");}
.slide02 .cover-slider_slide:nth-child(2){background-image: url("../../images/mainsp_05.jpg");opacity: 0;}
.slide02 .cover-slider_slide:nth-child(3){background-image: url("../../images/mainsp_06.jpg");opacity: 0;}

@keyframes slidein {
0% {opacity: 0;transform:scale(1.0);}
100% {opacity: 1;transform:scale(1.05);}
}
@keyframes slideout {
0% {opacity: 1;}
100% {opacity: 0;}
}



#header h1{
	top: 8%;
	bottom: 8%;
	right: 5%;
	width: auto;
	-webkit-transform:none;
	transform:none;
}
#header h1 img{width: auto;height: 100%;}


#header h2{display: none;}

#header h3{
	display: block;
	position: absolute;
	width: 10%;
	z-index: 10;
	left: 5%;
	bottom: 8%;
	opacity: 0;
	-webkit-transition: opacity 1.6s cubic-bezier(0.25, 1, 0.5, 1);
	transition: opacity 1.6s cubic-bezier(0.25, 1, 0.5, 1);
}
#header.start h3{opacity: 1;}

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


.lead{margin-top: 18%;}

.leadTitle{width: 75%;}
.leadTitle .logo,
.delighter .leadTitle .logo{
	width: 17%;
	left: 0%;
	top:-50%;
	opacity: 0;
	-webkit-transform:none;
	transform:none;
}
.delighter.started .leadTitle .logo{opacity: 1;}

.leadTitle .date,
.delighter .leadTitle .date{
	width: 8%;
	position: absolute;
	right: 0%;
	top:50%;
	opacity: 0;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.delighter.started .leadTitle .date{opacity: 1;}

.leadTitle h2,
.delighter .leadTitle h2{
	width: 88%;
	margin: 0;
	opacity: 0;
	padding: 6% 0;
}
.delighter.started .leadTitle h2{opacity: 1;}

.leadBody,
.delighter .leadBody{width: 75%;}

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

.mainNavi{width: 68%;margin-top: 12%;}
.mainNavi ul{width: 108%;}

.mainNavi ul .nav{width: 42%;margin-right: 8%;}
.mainNavi ul .nav:nth-child(1),
.mainNavi ul .nav:nth-child(2){margin-bottom: 10%;}

.mainNavi .categoryImage{margin-top: 7%;}
.mainNavi .categoryImage a .cover{display: none;}
.mainNavi .categoryImage a .more{display: none;}

.mainNavi .spMore{display: block;}
.mainNavi .spMore a{
	margin-top: 5%;
	font-family: 'Public Sans', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0.05em;
	padding: 0.5em 0.7em;
	border: 2px solid #3D3935;
	border-radius:4px;
	color: #D9D8D6;
	background: #68645C;
	}

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

.separator{margin-top: 23vw;width: 85%;}


.category{margin-top: 23vw;}

.categoryHeader .photo{width: 79%;margin-left: 21%;}
.categoryHeader .photo span{padding-top: 80%;}
	
.categoryHeader h2,
.categoryHeader.delighter h2{width: 16%;left: 14.5%;}
.categoryHeader.delighter.started h2{left: 10.5%;}
.categoryHeader .line.l01{left: 6%;}

.categoryCopy{width: 80%;margin-top: 8%;}
.categoryCopy p{padding: 0.3em 0 0.3em 40px;width: 100%;line-height: 2.0;}
.categoryCopy:before{width: 6px;}


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

.itemMain{width: 90%;}
.itemMain .visualBox{width: 54%;}

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

.allBanner .more{padding: 0.8em 0.9em;}
.c01 .allBanner a .more{color: #FFF;background: rgba(76,65,42,0.7);border: none;}
.c02 .allBanner a .more{color: #FFF;background: rgba(157,89,24,0.7);border: none;}
.c03 .allBanner a .more{color: #FFF;background: rgba(86,79,36,0.7);border: none;}
.c04 .allBanner a .more{color: #FFF;background: rgba(89,46,44,0.7);border: none;}





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


.otherContents{width: 94%;}
.otherContents h2,
.otherContents h2.delighter{width: 370px;padding: 13px 10%;}

.otherContents h2:before,
.otherContents h2.delighter:before{background: #373A36;}
.otherContents h2:after,
.otherContents h2.delighter:after{background: #373A36;}

.otherContents h3{font-size: 2.0vw;}
.otherContents .otherList{margin-top:60px;}
.otherContents .more span{font-size: 2.0vw;}
.otherContents .more a{font-size: 2.0vw;}

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

.footer{padding-top:60px;background-image: url("../../images/footer_sp.jpg");}

.footer .instagram{font-size: 16px;}
.footer .instagram .icon{width: 30px;}
.footer h2{width: 130px;margin-top: 70px;}
.footer h3{width: 400px;}
.footer .copyright{font-size: 12px;}
.footer .pagetop{width: 65px;top: 200px;}

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


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

#trigger{display: block;}

/*トリガー*/
.menu-trigger{
	position:fixed;
	top:20px;
	left:20px;
	width:40px;
	height:30px;
	z-index:500;
    pointer-events: auto;
}

.menu-trigger span{
	position:absolute;
	left:0;
	width:100%;
	height:2px;
	background-color:#3D3935;
	-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;width: 70%;left: 30%;}
.menu-trigger span:nth-of-type(2){top:14px;}
.menu-trigger span:nth-of-type(3){bottom:0;}

.menu-trigger.open span:nth-of-type(1) {
	left: calc(-100% - 23px);
}
.menu-trigger.open span:nth-of-type(2) {
	left: calc(-100% - 23px);
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}
.menu-trigger.open span:nth-of-type(3) {
	left: calc(-100% - 23px);
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}




.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;
    -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 .bk .top{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 50%;
	background: url("../../images/spnavi_bk01.jpg") top center;
	background-size: cover;
}
.spNavi .bk .bottom{
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	bottom: 0;
	background: url("../../images/spnavi_bk02.jpg") center center;
	background-size: cover;
}

.spNavi .spCloseBT{
	position: fixed;
	top: 30px;
	left: 30px;
	z-index: 40;
	width: 100px;
	height: 100px;	
}
.spNavi .spCloseBT span{
	position:absolute;
	left:0;
	width:100%;
	top: 50%;
	height:1px;
	opacity: 0;
	background-color:#3D3935;
}
.spNavi .spCloseBT span:nth-of-type(1){
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg);
	-webkit-transition:all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	transition:all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
.spNavi .spCloseBT span:nth-of-type(2){
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg);
	-webkit-transition:all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	transition:all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}

.spNavi.open .spCloseBT span:nth-of-type(1){
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	opacity: 1;
	-webkit-transition:all 0.8s cubic-bezier(0.23, 1, 0.32, 1) 0.6s;
	transition:all 0.8s cubic-bezier(0.23, 1, 0.32, 1) 0.6s;
}
.spNavi.open .spCloseBT span:nth-of-type(2){
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	opacity: 1;
	-webkit-transition:all 0.8s cubic-bezier(0.23, 1, 0.32, 1) 0.6s;
	transition:all 0.8s cubic-bezier(0.23, 1, 0.32, 1) 0.6s;
}

.spNavi .naviInner{
    width: 80%;
	max-width: 340px;
    position: absolute;
    top: 55%;
    left:0;
    right:0;
    margin: 0 auto;
	z-index: 20;
	opacity: 0;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	-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 li{
	position: relative;
	width: 100%;
	margin-bottom: 5vh;
}
.spNavi .naviInner li:nth-child(1){width: 43%;}
.spNavi .naviInner li:nth-child(6){margin-top: 27vh;margin-bottom: 0;}
.spNavi .naviInner li:nth-child(6) a{width: 55%;display: block;margin: 0 auto;}



.spNavi .naviInner li a{
	opacity: 0;
	position: relative;
	left: -4vw;
	-webkit-transition: left 0.6s, opacity 0.6s;
	transition: left 0.6s, opacity 0.6s;
}
.spNavi .naviInner li:nth-child(6)  a{left: 0;}
.spNavi.open .naviInner li a{
	opacity: 1;
	left: 0;
	-webkit-transition: left 0.6s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.6s;
	transition: left 0.6s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.6s;
}
.spNavi.open .naviInner li:nth-child(1) a{transition-delay: 0.6s;}
.spNavi.open .naviInner li:nth-child(2) a{transition-delay: 0.8s;}
.spNavi.open .naviInner li:nth-child(3) a{transition-delay: 1.0s;}
.spNavi.open .naviInner li:nth-child(4) a{transition-delay: 1.2s;}
.spNavi.open .naviInner li:nth-child(5) a{transition-delay: 1.4s;}
.spNavi.open .naviInner li:nth-child(6) a{transition-delay: 1.8s;}



}






@media(max-width:720px) {



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

.leadTitle{width: 80%;}
.leadBody,
.delighter .leadBody{width: 80%;}

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

.mainNavi{width: 80%;margin-top: 12%;}

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

.separator{margin-top: 23vw;}

.category{margin-top: 23vw;}
.categoryHeader .photo span{padding-top: 90%;}

.c01 .categoryHeader .photo span{background-image: url("../../images/category01_sp.jpg");}
.c02 .categoryHeader .photo span{background-image: url("../../images/category02_sp.jpg");}
.c03 .categoryHeader .photo span{background-image: url("../../images/category03_sp.jpg");}
.c04 .categoryHeader .photo span{background-image: url("../../images/category04_sp.jpg");}


.categoryHeader h2,
.categoryHeader.delighter h2{width: 18.5%;left: 14.5%;}
.categoryHeader.delighter.started h2{left: 10.5%;}


.categoryHeader .line.l01{left: 6%;bottom: 27%;}
.categoryHeader .line.l02{right: 6%;}
.categoryHeader .line.l03{right: 6%;}

.categoryCopy{width: 85%;margin-top: 8%;}


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

.itemMain{width: 70%;}

.itemMain{margin-top: 33vw;}
.itemMain.set01,
.itemMain.set06,
.itemMain.set08,
.itemMain.set10{margin-top: 23vw;}

.itemMain .visualBox{width: 100%;}
.itemMain.sta .visualBox{float: none;}
.itemMain.rev .visualBox{float: none;}

.itemMain .itemBox,
.itemMain .itemBox.delighter{
	width: 100%;
	margin-top: 15%;
	-webkit-transition: top 1.3s cubic-bezier(0.25, 1, 0.5, 1), opacity 1.3s;
	transition: top 1.3s cubic-bezier(0.25, 1, 0.5, 1), opacity 1.3s;
}
.itemMain.sta .itemBox{float: none;}
.itemMain.rev .itemBox{float: none;}

.itemMain .itemBox .itemImage{width: 85%;margin: 0 auto;}


.itemMain .itemBox .text{margin-top: 30px;}
.itemMain .itemList{margin-top: 30px;}
.itemMain .itemList dl .name{width: calc( 100% - 85px);}
.itemMain .itemList dl dd{width: 80px;}

.itemMain .otherTrigger p{margin-left: 43px;padding:6px 5px 6px 0;}
.itemMain .otherTrigger span{width: 32px;height: 26px;}

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

.otherImage{margin-top: 13%;}

.otherImage.set01{width: 100%;}
.otherImage.set01 .img01{width: 59%;margin-left: 7%;}
.otherImage.set01 .img02{width: 54.5%;margin-top: -15%;}

.otherImage.set02{width: 100%;}
.otherImage.set02 .img01{width: 84%;margin: 0 auto}

.otherImage.set03{width: 88%;}
.otherImage.set03 .img01{width: 75.8%;}
.otherImage.set03 .img02{width: 62.3%;margin-top: 0;}

.otherImage.set04{width: 100%;}
.otherImage.set04 .img01{width: 54.4%;margin-right: 6%;}
.otherImage.set04 .img02{width: 60.5%;margin-top: -7%;}

.otherImage.set05{width: 88%;}
.otherImage.set05 .img01{width: 75.8%;}
.otherImage.set05 .img02{width: 62.3%;margin-top: 0;}

.otherImage.set06{width: 88%;}
.otherImage.set06 .img01{width: 68.5%;margin-right: 0;}
.otherImage.set06 .img02{width: 77%;margin-top: -10%;}

.otherImage.set07{width: 88%;}
.otherImage.set07 .img01{width: 77%;}
.otherImage.set07 .img02{width: 68.5%;margin-top: -11%;margin-left: 0%;}


.otherImage.set11{width: 70%;}
.otherImage.set11 .img01{width: 95%;margin-left: 5%;}

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

.movieArea{margin-top: 13%;}

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

.otherContents{width: 80%;}
.otherContents h2,
.otherContents h2.delighter{width: 420px;padding: 13px 100px;}

.otherContents .otherList{border: none;}
.otherContents .otherList ul{width: 80%;max-width: 320px;margin: 0 auto;}
.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: 12%;padding-bottom: 12%;border-bottom: 1px solid #373A36;}
.otherContents .otherList ul:before{display: none;}
.otherContents .otherList ul:after{display: none;}
.otherContents h3{font-size: 18px;}
.otherContents .more{margin: 15px auto 0;}
.otherContents .more span{font-size: 16px;}
.otherContents .more a{font-size: 17px;background: #3D3935;color: #D9D8D6;}


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

.footer{margin-top: 25%;padding-top: 8vw;}

.footer h2{width: 22%;margin-top: 12vw}
.footer h3{width: 55%;margin-top: 4vw;}

.footer .copyright{font-size: 12px;line-height: 1.3;margin-top: 20px;}
.footer .copyright br{display: block;}

.footer .pagetop{width: 60px;top: 40vw;}

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

}









@media(max-width:550px) {


#header h1{top: 5%;}
#header h3{width: 7.8vh;left: 6%;}

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

.lead{margin-top: 20%;}

.leadTitle{width: 85%;}
.leadTitle .logo,
.delighter .leadTitle .logo{width: 20%;top:-58%;}
.leadTitle h2,
.delighter .leadTitle h2{width: 87%;}

.leadBody,
.delighter .leadBody{width: 85%;}
.leadBody p{font-size: 14px;line-height: 2.1;}

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

.mainNavi{width: 85%;margin-top: 15%;}

.mainNavi ul{width: 106%;}
.mainNavi ul .nav{width: 44%;margin-right: 6%;}
.mainNavi .spMore a{
	margin-top: 5%;
	font-size: 3.0vw;
	border: 1px solid #3D3935;
}

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

.categoryHeader:before{height: 1px;}
.categoryHeader:after{height: 1px;}

.categoryHeader .line.l03{width: 18%;}

.categoryCopy p{font-size: 14px;line-height: 1.9;padding-left: 30px;}
.categoryCopy:before{width: 5px;}

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


.itemMain .itemName .line.top,
.itemMain .delighter .itemName .line.top{height: 4px;top: -25px;}
.itemMain .delighter.started .itemName .line.top{width: 13vw;}
.itemMain .itemName .line.bottom,
.itemMain .delighter .itemName .line.bottom{width: 6px;}

.itemMain .itemBox .text p{line-height: 1.9;font-size: 13px;}

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

.otherContents h2,
.otherContents h2.delighter{width: 100%;padding: 15px 0;}
.otherContents h2 img{display: block;width: 220px; margin: 0 auto;}

.otherContents .otherList ul li{padding: 0;}
.otherContents .photo{width: 75%;margin: 10px auto 0;}
.otherContents .more{width: 75%;}

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


.menu-trigger{top:15px;left:13px;width:26px;height:18px;}
.menu-trigger span{height:1px;}
.menu-trigger span:nth-of-type(2){top:9px;}

.spNavi .spCloseBT{top: 9vw;left: 5vw;width: 86px;height: 86px;}
.spNavi .naviInner{width: 70%;max-width: 320px;top: 58%;}


}






@media(max-width:440px) {


#header h1{top: 6%;bottom: 9%;}
#header h3{width: 7.4vh;bottom: 9%;}

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

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

.leadBody,
.delighter .leadBody{width: 87%;}

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

.mainNavi{width: 87%;}
.mainNavi ul{width: 104%;}
.mainNavi ul .nav{width: 46%;margin-right: 4%;}
.mainNavi ul .nav:nth-child(1),
.mainNavi ul .nav:nth-child(2){margin-bottom: 12%;}

.mainNavi .spMore a{font-size: 3.5vw;}

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

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

.category{margin-top: 26vw;}

.categoryHeader .line.l03{width: 16%;}

.categoryCopy{width: 87%;margin-top: 10%;}
.categoryCopy p{font-size: 13px;line-height: 1.8;padding-left: 24px;}
.categoryCopy:before{width: 4px;}


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

.itemMain{width: 75%;}

.itemMain{margin-top: 35vw;}
.itemMain.set01,
.itemMain.set06,
.itemMain.set08,
.itemMain.set10{margin-top: 23vw;}


.itemMain.sta .itemName{left: -7%;}
.itemMain.rev .itemName{right: -7%;}

.itemMain .itemName .line.top,
.itemMain .delighter .itemName .line.top{height: 3px;top: -20px;}


.itemMain .itemBox .text p{line-height: 1.9;font-size: 12px;}

.itemMain .itemList dl{margin-top: 13px;}
.itemMain .itemList dl .name{width: calc( 100% - 80px);font-size: 13px;}
.itemMain .itemList dl .num{width: calc( 100% - 80px);font-size: 11px;margin-top: 0.1em;}
.itemMain .itemList dl dd{width: 72px;}
.itemMain .itemList dl dd a{font-size: 13px;padding: 5px 0px 6px;}

.itemMain .otherTrigger{margin-top:15px;}
.itemMain .otherTrigger p{margin-left: 41px;padding:5px 5px 6px 0;font-size: 14px;}
.itemMain .otherTrigger span{width: 30px;height: 24px;}

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

.otherImage{margin-top: 15%;}
.otherImage.set01 .img01{width: 59%;margin-left:6%;}

.otherImage.set02 .img01{width: 86%;}

.otherImage.set11{width: 75%;}

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

.movieArea{width: 88%;margin-top: 15%;}
.movieArea .thumb .playBT .play{padding:4.3vw;}

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

.allBanner{width: 88%;margin-top: 15%;}
.allBanner h2{width: 65%;margin-left: 5%;padding: 2.5% 0;}
.allBanner .more{font-size: 2.8vw;right: 5%;}

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

.otherContents{width: 82%;}
.otherContents h2 img{width: 190px;}
.otherContents .otherList{margin-top:13%;}
.otherContents .otherList ul li:nth-child(1),
.otherContents .otherList ul li:nth-child(2){margin-bottom: 14%;padding-bottom: 14%;}


.otherContents h3{font-size: 16px;}
.otherContents .photo{width: 73%;margin-top: 13px;}
.otherContents .more{width: 73%;border-width: 1px;}
.otherContents .more span{font-size: 14px;}
.otherContents .more a{font-size: 15px;}


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

.footer{margin-top: 28%;padding-top: 6vw;}
.footer .instagram{font-size: 14px;}
.footer .instagram .icon{width: 28px;}

.footer h2{width: 25%;margin-top: 12vw}
.footer h3{width: 58%;margin-top: 4vw;}
.footer .copyright{font-size: 11px;margin-top: 20px;}

.footer .pagetop{width: 50px;top: 45vw;}



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


.spNavi .spCloseBT{top: 8vw;left: 4vw;width: 80px;height: 80px;}
.spNavi .naviInner{top: 59%;width: 63%;}
.spNavi .naviInner li{margin-bottom: 4.5vh;}
.spNavi .naviInner li:nth-child(6){margin-top: 25vh;}



}






@media(max-width:360px) {

.leadBody p{font-size: 13px;line-height: 2.0;}

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

.mainNavi{width: 90%;}

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

.itemMain{width: 78%;}

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

.otherContents h2 img{width: 180px;}

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

.footer .copyright{font-size: 10px;margin-top: 15px;}

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

.spNavi .spCloseBT{width: 72px;height: 72px;}
.spNavi .naviInner li:nth-child(6){margin-top: 23vh;}

}