@charset "utf-8";

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	SHOP

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*==============================================================================================
	mainBlock
==============================================================================================*/
#mainBlock { position:relative; overflow:hidden; }
#mainBlock h2 { position:absolute; top:180px; left:0; right:0; margin:0 auto; font-size:24px; font-weight:bold; color:#fff; line-height:2; letter-spacing:0.1em;
	text-shadow:1px 1px 5px #000, 1px 1px 2px #000; }
#mainBlock .logo { position:absolute; bottom:40px; right:100px; }
#mainBlock .img img { width:100%; height:480px; object-fit:cover; }



/*==============================================================================================
	moo
==============================================================================================*/
#scheduleBlock { padding:20px 0 60px; background:#f5f4f5; }
#scheduleBlock h3 { text-align:center; font-size:20px; margin:40px auto; }
#scheduleBlock .caution_list { text-align:left; }

.scheduleTable { margin-bottom:20px; }
.scheduleTable * { text-align:center; vertical-align:top; }
.scheduleTable .time { color:#fff; padding:10px; background:#9d886e; }
.scheduleTable tr { border-bottom:1px solid #ccc; }
.scheduleTable th { width:20%; color:#fff; background:#b29b7f; padding:10px; }
.scheduleTable td { width:40%; border-left:1px dotted #ccc; background:#fff; }

.player_box { font-size:0; margin-top:5px; line-height:1.4; }
.player_box li { display:inline-block; font-size:12px; width:120px; margin:5px; }
.player_box img { width:100px; margin-bottom:5px; }

.profile_box { overflow:hidden; margin-bottom:60px; }
.profile_box li { display:block; width:190px; float:left; margin:5px; cursor:pointer; }
.profile_box .img { width:100%; position:relative; }
.profile_box .img img { width:100%; }
.profile_box .img span { width:100%; display:block; position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.6); color:#fff; padding:5px 0; font-size:12px; text-align:center; }

.profile_box li:hover .img  { overflow:hidden; }
.profile_box li:hover .img img { transform:scale(1.1); transition-duration:0.5s; }
/* 詳細 */
.profile_box li:nth-child(6),
.profile_box li:nth-child(11) { clear:both; }
.profile_box li:nth-child(2) .text_box,
.profile_box li:nth-child(7) .text_box,
.profile_box li:nth-child(12) .text_box { margin-left:-200px; }
.profile_box li:nth-child(3) .text_box,
.profile_box li:nth-child(8) .text_box,
.profile_box li:nth-child(13) .text_box { margin-left:-400px; }
.profile_box li:nth-child(4) .text_box,
.profile_box li:nth-child(9) .text_box { margin-left:-600px; }
.profile_box li:nth-child(5) .text_box,
.profile_box li:nth-child(10) .text_box { margin-left:-800px; }
.profile_box .text_box { display:none; text-align:left; width:950px; padding:20px; }
.profile_box h5 { color:#9d886e; font-size:20px; margin-bottom:10px; }

.profile_box .more { position:relative; display:inline-block; color:#9d886e; padding:10px 15px 10px 0; }
.profile_box .more::before { position:absolute; content:''; top:50%; right:0; margin-top:-6px; 
	width:10px; height:10px; background:#beaf9e; border-radius:100%; }
.profile_box .more::after { position:absolute; content:''; top:50%; right:0; margin-top:-4px; 
	border: solid 3px transparent; border-left: solid 3px #fff; }

.magician_box { margin-top:40px; }
.magician_box .img { display:inline-block; width:240px; vertical-align:middle; margin-right:10px; border-radius:5px; overflow:hidden; }
.magician_box .img img { width:100%; }
.magician_box .text { display:inline-block; vertical-align:middle; font-size:16px; }
.magician_box .text h4 { font-size:24px; line-height:1.6; letter-spacing:-0.05em; margin-bottom:10px; }



/*==============================================================================================
	SPECIAL PLAN
==============================================================================================*/
#specialBlock { padding:20px 0 60px; background:#f5f4f5; }
#specialBlock > section { text-align:left; }
#specialBlock > section > h4 { font-size:24px; }
#specialBlock > section > h4 span { font-weight:bold; color:#cc0000; }
#specialBlock > section > h4 + p { font-size:15px; font-weight:bold; }
#specialBlock > section > p { margin:10px 0 30px 0; }

#specialBlock > ul { }
#specialBlock > ul > li { padding:5px; background:url(../../common/img/bg_plan.png) #dccc93 no-repeat top center; 
	background-size: cover; margin-bottom:30px; box-sizing:border-box; }
#specialBlock > ul > li > section {  }

#specialBlock > ul h3 { font-size:26px; line-height:1; color:#876c4b; padding:20px 0; }
.plan_box { background:#fff; padding:30px; text-align:left; overflow:hidden; }	
.plan_box h4 { font-size:24px; font-weight:bold; margin-bottom:10px; }	
.plan_box h4 span { font-size:14px; vertical-align:baseline; margin-left:10px; }
.plan_box .description { margin-bottom:10px; }
.plan_box .column_l { width:55%; float:left; }
.plan_box .column_r { width:45%; float:right; text-align:center; margin-bottom:20px; }
.plan_box .description ul { }
.plan_box .description li { position:relative; padding-left:15px; }
.plan_box .description li::before { position:absolute; content:''; width:10px; height:10px; top:6px; left:0; border-radius:100%; background:#9d886e; }
.plan_box .caution { clear:both; }

.price_list { clear:both; text-align:center; margin-bottom:10px; overflow:hidden; }
.price_list li { float:left; width:calc(100% / 3 - 1px); border-bottom:1px solid #d6b996; margin-right:1px; }
.price_list li.w100 { width:100%; }
#kio #hht,
#moo #hht { clear:none; width:50%; float:left; }
#moo #hht { width:100%; }
#moo #hht li div { float:left; width:50%; }

.price_list .terms { color:#fff; background:#9d886e; padding:5px 0; }
.price_list .price { font-size:30px; color:#cc0000; }
.price_list .price span { font-size:12px; margin-left:5px; vertical-align:baseline; letter-spacing:0.1em; }
.price_list .price .person { vertical-align:middle; color:#000; }
.price_list .seat { width:160px; color:#9d886e; padding:0 20px; border:1px solid #9d886e; border-radius:20px; margin:15px auto 0; }


/* 姉妹セット */
.shop_set { position:relative; padding:20px 10px 5px 10px; margin-bottom:20px;
	background: #d4c7b8;
	background: -webkit-linear-gradient(top,  #d4c7b8 0%,#ede5da 100%);
	background: linear-gradient(to bottom,  #d4c7b8 0%,#ede5da 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4c7b8', endColorstr='#ede5da',GradientType=0 );
}
.shop_set::before { position:absolute; content:''; width:0; height:0; bottom:-34px; left:0; right:0; margin:0 auto;
	border:15px solid transparent; border-top:20px solid #ede5da; }
.shop_set h5 { color:#876c4b; background:#fff; border-radius:20px; margin-bottom:12px; }
.shop_set h4 { font-size:20px; line-height:1.5; font-weight:normal; }
.shop_set h4 span { margin-left:0; }


/* その他 */
.other_plan { }
.other_plan h4 { margin-bottom:0px; }
.other_plan .description { padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #d6b996; }



/*==============================================================================================
	SYSTEM
==============================================================================================*/
#systemBlock { padding:20px 0 60px; }
#systemBlock ul { text-align:left; }
#systemBlock ul h3 { font-size:20px; color:#fff; background:#9d886e; padding:5px 20px; }
#systemBlock .description { margin:20px; }

.regular_price { padding-bottom:10px; margin:10px 20px;  border-bottom:1px solid #d6b996; }
.regular_price * { display:inline-block; vertical-align:middle; }
.regular_price li .terms { text-align:center; color:#9d886e; padding:0 20px; background:none; margin-right:0px;
	border:1px solid #9d886e; border-radius:20px; margin:0 20px 0 40px; }
.regular_price li .price { font-size:30px; color:#cc0000; }
.regular_price li .price span { font-size:12px; margin-left:5px; vertical-align:baseline; letter-spacing:0.1em; }
#kio .regular_price { text-align:center; }
#kio .regular_price li p:nth-child(1) { margin-left:0; }
#folk .regular_price ul li { text-align:left;  }
#folk .regular_price .terms { width:80px; }
#folk .regular_price .person { vertical-align:middle; color:#000; }
#folk .regular_price .price:nth-child(2),
#folk .regular_price .price:nth-child(3) { margin-right:20px; }

#systemBlock .caution_list { margin:20px; }



/*==============================================================================================
	SHOP IMG
==============================================================================================*/
#shopimgBlock { }
#shopimgBlock ul { overflow:hidden; }
#shopimgBlock li { width:calc(100% / 4); float:left; }
#shopimgBlock li img { width:100%; }



/*==============================================================================================
	SHOP INFO
==============================================================================================*/
#shopinfoBlock { padding:20px 0 60px; background:#f5f4f5; }
#shopinfoBlock .title_box + div { text-align:left; }
#shopinfoBlock h4 { font-size:18px; margin-bottom:10px; }
#shopinfoBlock table { margin:40px auto; width:100%; border-bottom:1px solid #ccc; }
#shopinfoBlock tr { border-top:1px solid #ccc; }
#shopinfoBlock th,
#shopinfoBlock td { padding:20px; vertical-align:top; }
#shopinfoBlock th { white-space:nowrap; }
#shopinfoBlock a { color:#000; }

















/*--------------------------------------------------------------
	SP　表示領域が768px以下
--------------------------------------------------------------*/
@media (max-width:768px) {
				/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

					SHOP

				//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
				/*==============================================================================================
					mainBlock
				==============================================================================================*/
				#mainBlock { }
				#mainBlock h2 { font-size:18px; }
				#mainBlock .logo { right:20px; }
				#mainBlock .logo img { width:44px; }
				#mainBlock .img img { }



				/*==============================================================================================
					moo
				==============================================================================================*/
				#scheduleBlock { padding:10px 0 30px; }
				#scheduleBlock h3 { font-size:14px; margin:20px auto; }
				#scheduleBlock .caution_list { }
				
				.scheduleTable { }
				.scheduleTable * { font-size:12px; }
				.scheduleTable .time { padding:10px 5px; }
				.scheduleTable tr { }
				.scheduleTable th { width:14%; padding:10px 5px; }
				.scheduleTable td { width:43%; }
				#scheduleBlock .caution { text-align:left; }
				
				.player_box { }
				.player_box li { }
				.player_box img { }

				.profile_box { margin-bottom:30px; }
				.profile_box li { width:calc(50% - 10px ); cursor:pointer; }
				.profile_box .img { }
				.profile_box .img img { }
				.profile_box .img span { font-size:10px; }
				.profile_box li:hover .img  { }
				.profile_box li:hover .img img { }

				/* 詳細 */
				.profile_box li:nth-child(odd) { clear:both; }
				.profile_box li:nth-child(even) { clear:none; }

				.profile_box li:nth-child(odd) .text_box { margin-left:0; }
				.profile_box li:nth-child(even) .text_box { margin-left:0; margin-left:calc( (50vw - 20px)*-1 ); }
				.profile_box .text_box { width:calc(100vw - 40px); padding:10px 0; }
				.profile_box h5 { font-size:16px; }

				.profile_box .more { }
				.profile_box .more::before { }
				.profile_box .more::after { }

				.magician_box { margin-top:20px; }
				.magician_box .img { display:block; width:300px; margin:0 auto 15px; }
				.magician_box .img img { }
				.magician_box .text { display:block; font-size:14px; }
				.magician_box .text h4 { font-size:20px; }


				/*==============================================================================================
					SPECIAL PLAN
				==============================================================================================*/
				#specialBlock { padding:20px 0 30px; }
				#specialBlock > section { text-align:left; }
				#specialBlock > section > h4 { font-size:18px; }
				#specialBlock > section > h4 span { }
				#specialBlock > section > h4 + p { font-size:14px; }
				#specialBlock > section > p { }

				#specialBlock > ul { }
				#specialBlock > ul > li { }
				#specialBlock > ul > li > section { }

				#specialBlock > ul h3 { font-size:20px; }
				.plan_box { padding:10px 20px; }	
				.plan_box h4 { font-size:18px; text-align:center; }	
				.plan_box h4 span { display:block; margin-left:0; }
				.plan_box .description { }
				.plan_box .column_l { width:100%; float:none; }
				.plan_box .column_r { width:100%; float:none; }
				.plan_box .column_r img { width:100%; }
				.plan_box .description ul { margin-top:10px; }
				.plan_box .description li { }
				.plan_box .description li::before { }

				.price_list { }
				.price_list li { float:none; width:100%; border:none; margin-right:0; margin-bottom:5px; }
				.price_list li:last-child { border-bottom:1px solid #d6b996; }

				.price_list .terms { }
				.price_list .price { }
				.price_list .price span { margin-left:0; }
				.price_list .price .person { }
				.price_list .seat { width:100%; box-sizing:border-box; }
	
				.price_list li.w100 { }
				#kio #hht,
				#moo #hht  { width:100%; float:none; }
				#moo #hht li div { float:none; width:100%; }

				/* 姉妹セット */
				.shop_set { padding:10px 10px 5px 10px; margin-bottom:0; }
				.shop_set::before { bottom:-13px; border:8px solid transparent; border-top:5px solid #ede5da; }
				.shop_set h5 { margin-bottom:8px; }
				.shop_set h4 { font-size:16px; }
				.shop_set h4 span { font-size:12px; display:inline-block;  }

				/* その他 */
				.other_plan { }
				.other_plan h4 { margin-bottom:5px; }
				.other_plan .description { }



				/*==============================================================================================
					SYSTEM
				==============================================================================================*/
				#systemBlock { padding:20px 0 30px; }
				#systemBlock ul { }
				#systemBlock ul h3 { font-size:16px; padding:5px 10px; text-align:center; }
				#systemBlock .description { margin:10px; }

				.regular_price { padding-bottom:5px; margin:10px; }
				.regular_price * { vertical-align:middle; }
				.regular_price li .time { width:100%; }
				.regular_price li .terms { font-size:12px; width:60px; margin:0 20px 0 0; }
				.regular_price li .price { }
				.regular_price li .price span { }
				#kio .regular_price { }
				#kio .regular_price li p:nth-child(1) { }
				#folk .regular_price ul li { }
				#folk .regular_price .terms { width:100%; box-sizing:border-box; }
				#folk .regular_price .person { }
				#folk .regular_price .price:nth-child(2),
				#folk .regular_price .price:nth-child(3) { margin-right:0; }


				#systemBlock .caution_list { margin:10px; }



				/*==============================================================================================
					SHOP IMG
				==============================================================================================*/
				#shopimgBlock { }
				#shopimgBlock ul { }
				#shopimgBlock li { width:calc(100% / 2); }
				#shopimgBlock li img { }



				/*==============================================================================================
					SHOP INFO
				==============================================================================================*/
				#shopinfoBlock { padding:20px 0 30px; }
				#shopinfoBlock .title_box + div { }
				#shopinfoBlock h4 { margin-bottom:15px; }
				#shopinfoBlock table { margin-bottom:0; }
				#shopinfoBlock tr { }
				#shopinfoBlock th,
				#shopinfoBlock td { padding:10px; }
				#shopinfoBlock th { padding-right:20px; }
				#shopinfoBlock a { }








}