@charset "utf-8";
/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 1em;
	line-height: 1.75em;
}

ul {
	margin: 0;
	padding: 0;
}

img { vertical-align: bottom; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }

a,a:link,
a:visited {
	color: #cf9533;
	text-decoration: underline;
}

a:hover,
a:active {
	color: #cf9533;
	text-decoration: none;
}

.sp { display: none; }
.pc { display: block; }
.tcenter { text-align: center; }
.tright { text-align: right; }

/* for modern brouser */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
/* IE7,MacIE5 */
.clearfix { display: inline-block; }
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/**/

/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body {
	font-family: "M PLUS 1p", -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;
	font-size:14px;
	line-height: 1.25em;
	color: #000;
	-webkit-text-size-adjust: none;
	text-align: center;
	background: #fadce9;
	background-size:100% auto;
	margin: 0;
	padding: 0;
}
div.bg {
	background: url(../images/bg_kamifubuki.png) repeat-y top left;
	background-size:100% auto;
}

h1 { padding: 0; }
h1 img { width: 100%; }

ul.menu {
	width: 100%;
	margin: 0 auto 0;
	padding: 0;
	background: url(../images/bg_menu.jpg) repeat-y top left;
	background-size:100% auto;
}
ul.menu li {
	padding : 0 2em;
	margin: 1em 0;
	text-align: center;
	display: inline-block;
	border-right: #000 solid 1px;
}
ul.menu li:first-child { border-left: #000 solid 1px; }

.whiteBox {
	background: #FFF;
	margin: 2em auto;
	max-width: 1000px;
	padding: 2em 0;
	border: #cf9533 solid 5px;
}
.whiteBox img { max-width: 100%; }

dl#information {
	width: 100%;
	max-height: 200px;
	overflow: auto;
	text-align: left;
}
 
dl#information dt {
	color: #937118;
	clear: left;
	float: left;
	margin: 0;
	padding: 5px 5px 0;
	width: 7em;
	line-height: 1.5em;
	font-size: 16px;
	text-align: center;
}
 
dl#information dd {
	vertical-align: middle;
	margin: 0;
	padding: 5px 5px 5px 7em;
	border-bottom: 1px dashed #937118;
	font-size: 18px;
}
dl#information dd:last-child { border: 0; }
 
dl#information a {
	padding: 5px 20px 5px 0;
	color: #000;
	text-decoration: underline;
}
 
dl#information a:hover { text-decoration: none; }

h2, h3 { padding: 0 0 1em 0; }

strong.gold, span.gold { color: #cf9533; }
div.gold {
	background: #cf9533;
	padding: 2em 0;
	margin: 1em 0;
}
.timeschedule { font-size: 1.25em; }
.timeschedule span { color: #cf9533; font-size: 0.85em; }

div.newsBox {
	padding: 0 1em;
	text-align: left;
	
}
div.newsBox h3 {
	color: #cf9533;
	font-size: 1.5em;
	padding: 0.5em 0;
}

ul.cast {
	max-width: 1200px;
	margin: 0 auto 0;
	padding: 1em 0;
}
ul.cast li {
	width: calc(24% - 2em);
	padding : 0.5em 0.5em 0;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	color: #fff;
	margin: 0.5em 0.5em 0.5em;
	box-shadow: 0.35em 0.35em 0 rgba(0,0,0,0.2);
}
ul.cast li.mcz { width: calc(33% - 4em); }
ul.cast li.red { background: #c01920; }
ul.cast li.white { background: #eee; color: #000; }
ul.cast li.gold { background: #cf9533; }
ul.cast li img { width: 100%; }
ul.cast li div { padding: 0.75em 0; line-height: 1.25em; }
ul.cast li div span { font-size: 0.75em; }


strong.andmore { font-size: 2em; }

div.onairBox {
	padding: 0 1em;
	font-size: 1.25em;
}
div.onairBox h3 { padding: 0; }
small { font-size: 0.8em; }
div.ft {
	font-size: 0.7em;
	padding: 2em 0;
}
.teamBox { padding: 0 2em; }

.ticketBox {
	border: #cf9533 solid 1px;
	padding: 0.5em;
	margin: 0 auto 0.5em;
}
.ticketBox.gray {
	border: #999 solid 1px;
	background: #eee;
}
.ticketBox.gold strong {
	color: #cf9533;
}
.ticketBox span { font-size: 0.8em; }
.text-s {
	text-align: left;
	font-size: 0.8em;
}
.red { color: #f00; }
.pink { color: #f08; }
.blue { color: #06f; }

ul.btnBox {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}
ul.btnBox li { list-style: none; }
ul.btnBox a {
	-webkit-flex-grow: 1;
	flex-grow: 1;
	background: #cf9533;
	color: #fff;
	text-align: center;
	text-decoration: none;
	padding: 0.5em;
	margin: 0.5em;
	border-radius: 0.5em;
	font-weight: 700;
	font-size: 1.25em;
}
ul.btnBox.gray a { background: #999; }

ul.goodsBox {
	display: grid;
	grid-gap: 1em;
	grid-template-columns: 1fr 1fr;
	margin: 1em;
}
ul.goodsBox li {
	padding: 1em;
	text-align: left;
	vertical-align: top;
	border: #cf9533 solid 1px;
	list-style: none;
}

@media all and (min-width: 0px) and (max-width: 736px) {
	.sp { display: block; }
	.pc { display: none; }
	body { font-size: 2.5vw; }

	ul.menu li {
		padding : 0 1em;
		margin: 0.5em 0;
	}
	ul.menu li img { height: 3.5vw; }
	
	dl#information dt {
		width: 15vw;
		font-size: 2.5vw;
	}
 
	dl#information dd {
		padding: 5px 5px 5px 18vw;
		font-size: 3.5vw;
	}
	ul.cast { width: 100%; }
	ul.cast li, ul.cast li.mcz {
		width: calc(46% - 2em);
		padding : 1vw 1vw 0;
		margin: 1vw;
		box-shadow: 1vw 1vw 0 rgba(0,0,0,0.2);
	}
	ul.cast li img {
		max-width: 100%;	
	}
}