@charset "UTF-8";

/* Reset */
#contents h1,h2,h3,h4,h5,h6,p,blockquote,ul,ol,dl,li,dt,dd,form {margin:0px;padding:0px;}
#contents li,dt,dd {list-style:none;}
#contents img {border:none;}

/* Utility style */
#contents .tL {text-align:left !important;}
#contents .tR {text-align:right !important;}
#contents .tC {text-align:center !important;}
#contents .fL {float:left !important;}
#contents .fR {float:right !important;}
#contents .mb00 {margin-bottom:0 !important;}
#contents .mb05 {margin-bottom:5px !important;}
#contents .mb10 {margin-bottom:10px !important;}
#contents .mb20 {margin-bottom:20px !important;}
#contents .mb30 {margin-bottom:30px !important;}
#contents .mb40 {margin-bottom:40px !important;}
#contents .fz10 {font-size:10px !important;}
#contents .fz12 {font-size:12px !important;}
#contents .fz14 {font-size:14px !important;}
#contents .fz16 {font-size:16px !important;}
#contents .fz18 {font-size:18px !important;}
#contents .fwB {font-weight:bold !important;}
#contents .red {color:#d00 !important;}

/* Link */
#contents a:link {color:#3366CC;}
#contents a:visited {color:#3366CC;}
#contents a:hover {color:#d00;text-decoration:none;}
#contents a:active {color:#d00;}


#contents {
	background-color:#000;
	color:#333;
	font-size:14px;
	line-height:1.5em;
	padding:0 0 12px;
}
	#contents .section {
		margin:0 12px 3.0em;
	}
	#contents .section:last-child {
		margin-bottom:0;
	}
		#contents .article {
			padding:20px;
		}


/* 表示 非表示 */
#contents .sp_inl,
#contents .sp_blk {
	display:none;
}

/* Clearfix */
#contents .clearfix {
	zoom:100%;
}
#contents .clearfix:after {
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}

/* ■メインビジュアル */
#contents #mainimage {
	background-color:#000;
	padding:0 12px 12px;
}

/* アンカーリンク */
#contents ul.anchor {
	display:flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	padding:0 12px;
	margin-bottom:3.0em;
}

/* h2 */
#contents h2 {
	color:#fff;
	text-align:center;
	font-size:36px;
	font-weight:bold;
	line-height:1.0em;
	margin-bottom:0.7em;
}

/* 水玉背景  */
.orange {background:transparent url("https://cdn.l-tike.com/play/marv-st/bg_dot_orange01.gif") repeat;}
.green {background:transparent url("https://cdn.l-tike.com/play/marv-st/bg_dot_green01.gif") repeat;}
.pink {background:transparent url("https://cdn.l-tike.com/play/marv-st/bg_dot_pink01.gif") repeat;}
.blue {background:transparent url("https://cdn.l-tike.com/play/marv-st/bg_dot_blue01.gif") repeat;}



/* ■プロデューサー */
.producer {}
	.producer p.lead {
		color:#fff;
		font-size:20px;
		padding:0.8em 1.0em;
		background-color:#e62031;
		border:8px solid #000;
		line-height:1.5em;
		margin-bottom:1.0em;
	}
	.producer p.text {
		background-color:#fff;
		padding:1.5em;
	}
	.producer p.btn {
		background-color:#fff;
		padding:1.0em;
	}
		/* ボタン */
		#contents a.btn_more {
			display:block;
			box-sizing:border-box;
			font-size:24px;
			padding:1.0em 0;
			width:400px;
			color:#61400f;
			border:1px solid #ac8a02;
			border-radius:5px;
			margin:0 auto;
			text-align:center;

			background: #ffffff;
			background: -moz-linear-gradient(top, #ffffff 0%, #fce6ae 2%, #f8b707 100%);
			background: -webkit-linear-gradient(top, #ffffff 0%,#fce6ae 2%,#f8b707 100%);
			background: linear-gradient(to bottom, #ffffff 0%,#fce6ae 2%,#f8b707 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8b707',GradientType=0 );
		}
		#contents a.btn_more:hover {opacity:0.8;}



/* ■イチオシ公演インタビュー・制作スタッフインタビュー */
.interview_box {}
	#contents .interview_box .article {
		padding:0;
	}
	.interview_box ul.interview_list {
		display:flex;
		display: -webkit-flex;
		justify-content: space-between;
		-webkit-justify-content: space-between;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		align-items: stretch;
		-webkit-align-items: stretch;

		margin-bottom:-1.5em;
	}
		.interview_box ul.interview_list li {
			display: flex;
			display: -webkit-flex;
			flex-direction: column;
			-webkit-flex-direction: column;

			padding:20px;
			margin-bottom:1.5em;
		}
	
	/* 写真 */
	.interview_box ul.interview_list li .photo {
		margin-bottom:0.8em;
	}
		.interview_box ul.interview_list li .photo>p {
			margin-bottom:0.1em;
		}
			.interview_box ul.interview_list li p.copy {
				line-height:1.0em;
				text-align:left;
			}
				.interview_box ul.interview_list li p.copy small {
					font-size:10px;
				}

	.interview_box ul.interview_list li .stage_image {
		margin-bottom:0.6em;
	}



	/* 名前 */
	.interview_box ul.interview_list dl {
		margin-top:auto;
		text-align:center;
	}
		.interview_box ul.interview_list dt {
			font-size:24px;
			font-weight:bold;
			line-height:1.0em;
			margin-bottom:0.8em;
			color:#000;
		}
		.interview_box ul.interview_list dt span {
			font-size:18px;
			display:block;
			margin-bottom:0.5em;
		}
		



/*  Media Queries 769px ======================== */
@media screen and (max-width: 769px) {

#contents {font-size:14px;}
#contents h1.heading01 {
	background-color:#fff;
	padding:0.3em;
}

/* 表示 非表示 */
#contents .pc {display:none;}
#contents .sp_blk {display:block;}
#contents .sp_inl {display:inline;}



#contents .section {
	margin:0 12px 1.3em;
}
	#contents .article {
		padding:10px;
	}



/* ■メインビジュアル */
#contents #mainimage {
	background-color:#000;
	padding:4px 10px 10px;
}


/* アンカーリンク */
#contents ul.anchor {
	padding:0 10px;
	margin-bottom:0.8em;
}
	ul.anchor li {
		width:50%;
		margin-bottom:10px;
	}
		ul.anchor li a {display:block;}
		ul.anchor li a {
			margin-right:5px;
			margin-left:0;
		}
		ul.anchor li:nth-child(2n) a {
			margin-right:0;
			margin-left:5px;
		}


/* h2 */
#contents h2 {
	font-size:24px;
	line-height:1.3em;
	margin-bottom:0.2em;
}


/* ■プロデューサー */
.producer {}
	.producer p.lead {
		border:4px solid #000;
		padding:0.5em;
		font-size:16px;
		margin-bottom:10px;
	}
	.producer p.text {
		background-color:#fff;
		padding:10px;
		color:#333;
	}
	.producer p.btn {
		padding-top:0.5em;
	}
		/* ボタン */
		#contents a.btn_more {
			width:auto;
			font-size:18px;
			padding:0.8em 0;
			margin:0 0.5em;
		}


/* ■イチオシ公演インタビュー・制作スタッフインタビュー */
.interview_box {}
	.interview_box ul.interview_list {
		margin-bottom:0;
	}
		.interview_box ul.interview_list li {
			padding:10px;
			margin-bottom:10px;
		}
		.interview_box ul.interview_list li:last-child {
			margin-bottom:0;
		}

		.interview_box ul.interview_list dl {}
			.interview_box ul.interview_list dt {
				font-size:18px;
				line-height:1.0em;
				margin-bottom:0.5em;
			}
			.interview_box ul.interview_list dt span {
				font-size:14px;
				margin-bottom:0.3em;
			}


/*  Media Queries 769px ======================== */
}