@charset "utf-8";

.spNone{ display:none;}
.pcNone{ display:block;}
p,li,dt,dd{ font-size: 90%;}

.dispFlex{ display:block;}


#pageHeader .headerInner h1{width: 60%;}
#pageHeader .headerInner h1 img{padding:11px 0; }
header .headerInner nav.naviBox{
		width:100%;
		height:100%;
		margin:0 auto;
		padding:20px 0 0 0;
		position:fixed;
		top:0;
		right:0;
		background:rgba(0,0,0,0.95);
		text-align:center;
		transform:translateX(100%);
		z-index: 9999;
		transition:all .6s;
}
header .headerInner #menuBtn{
	display:block;
	right: 7px;
	top: 10px;
	width:40px;
	height: 40px;
	cursor:pointer;
	margin:0;
	z-index:10000;
	position:absolute;
	background: url("/files/user/_/dreamcard25-26/img/menu_open.png")no-repeat;
	background-size: contain;
}
 
header #menuBtn.active{
	top: 10px;
	background: url("/files/user/_/dreamcard25-26/img/menu_close.png")no-repeat;
	background-size: contain;
}

header .headerInner nav.naviBox.active{transform: translateX(0%);overflow-y:scroll;-ms-overflow-style:none;/* IE, Edge 対応 */scrollbar-width:none;}
header .headerInner nav.naviBox.active::-webkit-scrollbar{ display:none;}
#pageHeader .headerInner ul{width: 100%;flex-wrap: wrap;padding: 0;margin: 3em auto 0;}
#pageHeader .headerInner li{ width:100%; text-align:left; padding:1.7em 0;border-right:none;border-bottom:1px solid #e2e2e2;margin: 0 4em; border-left: none;}
#pageHeader .headerInner li:last-child{border-bottom:none;}
#pageHeader .headerInner li img{width: auto;height: 20px;}
#pageHeader .headerInner .naviBox p{margin: 0 0em;}

.scroll_all{position: sticky;bottom: 1em;width: 260px;z-index: 5;margin: 0 10px 0 auto;}

/*----------------------------------------------------------------------------
 ***                                                                 mainBox
----------------------------------------------------------------------------*/
.mainBox{background: url(/files/user/_/dreamcard25-26/img/bg_fv_sp.jpg);background-position: top center;background-size: cover;background-repeat: no-repeat;}
.mainBox h2{font-size: 100%;padding:45% 0% 54% 0%; width: 80%;}
.mainBox img{width: 50%;}
.mainBox .mainBoxInner .fv01{bottom: 6%; left: -3%;}
.mainBox .mainBoxInner .fv02{top: 3%; width: 62%;}
/*----------------------------------------------------------------------------
 ***                                                                mainImgBox
----------------------------------------------------------------------------*/
.partnerBox{padding: 0 0 1em;}
.partnerBox .ttl img{width:85%; }
.partnerBox ul{width:90%; }
.partnerBox ul li{margin: 1em 3em;}
.partnerBox ul li video{border: solid 7px #000; border-radius: 15px;}
.partnerBox2 ul li{width: 100%;}
.partnerBox4 ul li{width: 100%;}

.contentsBox .contentsInner{width: 100%; padding-bottom: 20px;}
.back_top{width: 90px; bottom: 3%; left: 2%;}
#first{padding: 2em 0 0;}
#first h3{padding: 0.5em 0;}
#first p{font-size: 100%;}

#dc_info{padding: 2em 0 0;}
#dc_info h3{padding: 2em 0 0em;width: 70%;margin:0 5% 0 auto; }
#dc_info .posiA{top:  4%; left: 2%; max-width: 250px; width: 20%;}
#dc_info .TxtBox{background-position: center bottom;}
#dc_info .dc_txt{width: 100%;font-size: 100%;line-height: 1.5;text-align: left;margin: 2em auto 7%;}
#dc_info .dc_img{margin:2em auto; width: 65%;}
#dc_info ul{width: 100%;}
#dc_info ul li{width:32% ;margin: 0 auto 1em;}
#dc_info .subject_Box{border: solid 5px #00A0A0; width: 100%; padding: 1em; margin: 2em auto;}
#dc_info .subject_Box h3{width: 80%;}
#dc_info .subject_Box p{font-size: 100%;}
#dc_info .subject_Box .more{width: 15%; top: -6%; left: -2.5%;}
#dc_info .subject_Box .tel{font-size: 100%; border-top: 1px solid #3D1104;}

#price{padding: 1em 0 0;}
#price .fee_img{width: 100%; padding: 0.5em; margin: 0 auto 1em;}
#price h3{width: 100%;}
#price .sunpra{margin: 1em auto;}
#price p{font-size: 100%; width: 100%; line-height: 1.6;}

#price .modal-window{width: 90%;}
#price .watchingBox h4 img{width: 85%;}
#price .slideBox .next-arrow{right: 0;}
#price .slideBox .prev-arrow{left: 0;}
#price .slide-arrow{width: 20px; height: 45px;}
#price .slick-slide img{display: block; width: 77vmin;}
#price .slideBox02 .next-arrow{right: -7%;}
#price .slideBox02 .prev-arrow{left: -7%;}
#price .Inner.open .title{font-size: 20px; border: solid 1px;}
#price .Inner.open .pricetxt{font-size: 15px;}
#price .Inner.open .flexBox{display: block;}
#price .Inner.open .flexBox .pricetxt{margin-bottom: 0.5em;}
#price .slideBox li .ttlBox{z-index: 99;}
#price .slideBox li .txtBox{z-index: 99;}


#application{padding: 2em 0 0;}
#application h3{width: 100%;}
#application h4{width: 45%;}
#application .point{width: 95%; margin: 0em auto;}
#application p{font-size: 100%;}
#application .slideBox{margin: 2em auto 3em;}
#application .slideBox li .ttl p span.Oswald{padding: 8px 0px 0;}
#application .slideBox li .ttl p span.main_ttl{font-size: 16px; margin-top: 12px; padding: 0px 0px 0px 8px;}
#application .slideBox li{width: 279px; height: 100%; margin: 0 3em;}
#application .slideBox li .img{width: 200px;}
#application .prev-arrow{left: 0;}
#application .next-arrow{right: 0;}
#application .seatBox{background: url(/files/user/_/dreamcard25-26/img/bg_contents02_sp.png)no-repeat; background-position: bottom center; background-size: cover; margin: 1.5em 0em;}
#application .seatBox .blue img{width: 95%;}
#application .seatBox .seatPhoto{width: 100%; margin: 0.5em auto 0em; padding: 0.5em 1em 4em;}

#sale{padding: 1em 0 0;}
#sale h3{width: 100%;}
#sale p{font-size: 100%; margin: 1em auto;}
#sale .schedule{width: 85%; margin: 0 auto;}

#benefit h3{width: 100%;}
#benefit .abbyBox{margin: 1.5em 0em;}
#benefit .abbyBox .txt{width: 80%;}
#benefit .abbyBox .posiA{top: 30%;right: 0;width: 70%;}
#benefit .benefit_img{margin: 1em auto 0;width: 90%;}

#letter{padding: 2em 0 0;}
#letter h3{width: 100%;}
#letter p{width: 100%;}

#review h3{width: 100%;}
#review h4{width: 85%; margin: 1.5em auto 0;}
#review ul li{margin: 1em 1em 0em; width: 40%;}
#review .review_Txt{margin:2em 0.5em 0;font-size: 105%;line-height:1.5em;padding-bottom: 0.5em;  }



#notes{margin:30px 1em 10px; }
#notes h3{width: 30%;}
#notes .notesBox{margin: 1em 0.5em 0 0;}
#notes p{font-size:79%;padding-left: 20px;}
#notes p::before{font-size: 110%;top: 0;}
.newb1{margin: 0 auto ;}

#sponsor{margin: 2em auto;}
#sponsor p{font-size:100%; }
#sponsor ul{}
#sponsor ul li{margin: 0.5em 0.5em;}
#sponsor ul li img{width: 100%;}
#sponsor ul:nth-of-type(2) li{text-align: center;}
#sponsor ul:nth-of-type(2) li img{width: 50%;}


.lineBtn{width: 85%; background-size: contain;background-position: center;margin: 1em auto;}
.lineBtn:hover{background: none;}

/*----------------------------------------------------------------------------
 ***                                                                 footer
----------------------------------------------------------------------------*/
/* footer */
#pageFooter{ background:#E9470B;margin-bottom: -70px;position: relative;z-index: 999;}
#pageFooter .footerInner{ padding:1% 1%;}
#pageFooter dl{ float:none; width:100%; text-align:center;}
#pageFooter dt{ width:15%; float:none; display:block;margin: auto}
#pageFooter dd{ float:none; display:inline-block; font-size:70%; color:#FFF; padding:2% 0 0 2%;}
#pageFooter  p{ float:none; font-size:70%; color:#FFF; padding-top:2.3%; text-align:center;}


@media screen and (max-width: 950px) and (min-width: 500px){
	#sponsor ul:nth-of-type(2) li img{width: 100%;}
}