@charset "utf-8";
@import"base.css";
@import"contents.css";

/*-- 早わかり映像の設定　---
-------------------------------------------------*/
/*DVDの内容について*/
#main .dvd_point {
	padding: 5px;
	background: #fff100;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}
#main .dvd_point li {
	padding: 5px 0;
}
/* タブのところ（PC）
-------------------------------------------------*/
#tab_area {
	margin-bottom: 15px;
}

#tab_area .tab {
	box-sizing: border-box;
	display: flex;
}
#tab_area .tab li {
	width: 50%;
	padding: 10px;
	color: #2b4e99;
	font-size: 230%;
	font-weight: bold;
	text-align: center;
	background-color: #ddd;
	border-bottom: 3px solid #fff;
}
#tab_area .tab li:first-child {
	border-top-left-radius: 10px;
}
#tab_area .tab li:last-child {
	margin-left: 3px;
	border-top-right-radius: 10px;
}
#tab_area .tab li.on {
	background-color: #fff100;
	border-bottom: 3px solid #fff100;
}
#tab_area .tab li:not(.on):hover {
	background-color: #fff100;
	border-bottom: 3px solid #fff100;
	cursor: pointer;
}

#tab_area .tab_contents {
	padding: 5px;
	border: 5px solid #fff100;
	display: none;
}
#tab_area .tab_contents.on {
	display: block;
}
.youtube_16_9{
margin-bottom: 0;
}



#explanatory .no-pc.no-sp { display: none; }
#explanatory .no-tb { display: inherit; }
#explanatory .no-tb.no-pc { display: none; }
#explanatory .no-tb.no-sp { display: inherit; }

@media (max-width: 768px) {
	#explanatory .no-pc.no-sp { display: inherit; }
	#explanatory .no-tb { display: none; }
	#explanatory .no-tb.no-pc { display: none; }
	#explanatory .no-tb.no-sp { display: none; }
	#explanatory .no-sp { display: inherit; }
	#explanatory .explanatory_local .no-sp { display: none; }
	#explanatory .photo .no-sp { display: none; }
}
@media screen and (max-width: 480px){
	#explanatory .no-pc.no-sp { display: none; }
	#explanatory .no-tb { display: inherit; }
	#explanatory .no-tb.no-pc { display: inherit; }
	#explanatory .no-tb.no-sp { display: none; }
	#explanatory .no-sp { display: none; }
}

@media (min-width: 641px) {

	#explanatory .yellow {
		padding: 0 15px;
	}
	#explanatory.pattern_b .title img {
		margin: 0 auto 15px;
		padding-top: 30px;
	}
	#explanatory .whiteframe {
		margin: 0 0 20px;
		padding-bottom: 30px;
		background-color: #fff;
	}
	#explanatory.pattern_b .rsv {
		padding-top: 25px;
		padding-bottom: 0;
	}
	#explanatory .rsv dl .rsv_txt1 {
		width: 25%;
		padding: 0 10px;
	}
	#explanatory .rsv dl .rsv_txt2 {
		width: 48%;
		padding-top: 6px;
	}
	#explanatory .rsv dl dt {
		width: 20%;

	}
	#explanatory .rsv dl dt img {
		width: 80%;
	}
	#explanatory .rsv dl {
		background-position: 190px bottom;
	}
	#explanatory .rsv dl dd.rsv_txt1_web .btn_soudankai {
		padding: 0 20px 0 10px;
		font-size: 15px;
	}
}
@media (min-width: 769px) {
	#explanatory .yellow.sunday {
		margin-top: 20px; /* ★日曜開催タグある場合 */
	}
	#explanatory.pattern_b .sunday .rsv {
		padding-top: 60px; /* ★日曜開催タグある場合 */
	}
}


@media screen and (max-width: 480px){
	/* タブのところ（SP）
	-------------------------------------------------*/
	#tab_area .tab li {
		padding: 10px 8px;
		font-size: 150%;
		border-bottom: 3px solid #fff;
	}
}