@charset "utf-8";

/* =============================================
 topics
============================================= */
.topics_table {
	width:100%;
	font-size:15px;
	margin:0;
}

.topics_table th {
	background: #000000;
	color: #8e8d8a;
	padding: 0.5% 1.5%;
	width:10%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px dotted #616161;
}
.topics_table tr:last-child th { border-bottom:none; }
.topics_table tr:last-child td { border-bottom:none; }

.topics_table td {
	border-bottom: 1px dotted #616161;
	padding: 0.5% 1.5%;
	background: #000;
}
.topics_table a {
	color:#fff;
}
.topics_table li {
	line-height:1.3;
	margin-bottom:2%;
}


/* =============================================
 ●回戦
============================================= */
.round {
	margin:0 0 5%;
}
.round dt { 
  width:22%;
  max-width: 164px;
	padding: 3% 0 1.5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.round dt img {
	width:100%;
}

#round01 dt { background:url(../img/ttl_round01.png) no-repeat 0 0; background-size:100% auto; }
#round02 dt { background:url(../img/ttl_round02.png) no-repeat 0 0; background-size:100% auto; }
#round03 dt { background:url(../img/ttl_round03.png) no-repeat 0 0; background-size:100% auto; }
#round04 dt { background:url(../img/ttl_round04.png) no-repeat 0 0; background-size:100% auto; }
#round05 dt { background:url(../img/ttl_round05.png) no-repeat 0 0; background-size:100% auto; }
#round06 dt { background:url(../img/ttl_round06.png) no-repeat 0 0; background-size:100% auto; width:26%; max-width: 194px; }
#final dt { background:url(../img/ttl_round07.png) no-repeat 0 0; background-size:100% auto; }
p.comingsoon { text-align:center; padding:10% 0;font-size:16px; color:#fff; }
p.right { text-align:right; }
p.right a { text-decoration:underline; }
.w100 { width:100%; margin:5% 0;  }
p.inform { color:#666; }




/* =============================================
 詳細
============================================= */


.ttl_place {
	background-size:100% auto;
	padding:4.5% 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 0.9%;
}

.stageBox {
	margin:0 0;
	background:#fff;
	background-size:100% auto;
	padding: 2.5% 3% 5%;
	font-size:24px;
	line-height:28px;
	position:relative;
	border-top:4px solid #e0b037;
}
.stageBox h3 {
	width:75%;
}

.castBtn { position:absolute; top:46%; right:2%; width:20%; }

#pagenav2 {
	padding:5% 0;
}
#pagenav2 li {
	float:left;
	width:48%;
}
#pagenav2 li:last-child {
	float:right;
}
#pagenav2 li img { width:100%; }




#cast {
	color:#fff;
}
#cast dt {
	font-size:24px;
	font-weight:bold;
}
#cast dd p {
    margin: 1% 0 3%;/**/
}
.castBox {
	margin:0 0 1%;
	background:#fff;
	border-top:4px solid #e0b037;
	padding:3% 3%;
}
.castBox li,.castBox p {
	color:#333!important;
	font-size:14px;
}



#related_info dt {
	margin-bottom:5%;
}

#related_info ul {
	margin-top:0%;
}
#related_info li {
	background:#1a1a1a;
	width:31.94%;
	float:left;
	margin:0 2.05% 3% 0;
	color:#fff;
}
#related_info li:nth-child(3n) { margin-right:0; }
#related_info li p {
	padding:5%;
	text-align:left;
}
#related_info a {
	color:#e0b037;
}
#related_info li .pic {
	background:#2e2e2e;
	text-align:center;
}

p.center { width:100%;  background:url(../img/btn_back.png) no-repeat 0 0; background-size:100% auto; text-indent:-9999px; }
p.center:hover { background:url(../img/btn_back_on.png) no-repeat 0 0; background-size:100% auto; }
p.center a { display:block;padding:5% 0 2%; }


p.txt01 { font-size:14px; }





/* =============================================
 media
============================================= */
@media only screen and  (max-width: 640px) {
	
	.section{
		width: 90%;
		margin: 30px auto;
	}
	.topics{
		padding-top: 2%;
	}
	
	.topics_table {
	 width:100%;
	 margin:0 auto;
	}
	.topics_table th { width:4em; }
	.topics_table td{
		padding:2.5% 1.5%;
	}
	
	.round {
		background:url(../img/bg_dot.png) repeat center center;
		background-size:1% auto;
	}
	
	.round dt{
		display:block;
		margin:0 auto;
		text-align:center;
		padding:10% 0;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border: 2px solid #e0b037;
    border-bottom: none;
    max-width: 100%;
	}
	.round dd{
		padding:2% 2.5% 5%;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border-left: 2px solid #e0b037;
		border-right: 2px solid #e0b037;
	}
	.round dd.toggleBtn{
		border: none;
		width:100%;
		padding:4% 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		background:url(../img/btn_open.png) no-repeat 0 0 #000;
		background-size:100% auto;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		cursor:pointer;
	}
	.round dd.toggleBtn.active {
		background:url(../img/btn_close.png) no-repeat 0 0 #000;
		background-size:100% auto;
	}
	#round01 dt { background:url(../img/ttl_round01_sp.png) no-repeat center center; background-size:26% auto; }
	#round02 dt { background:url(../img/ttl_round02_sp.png) no-repeat center center; background-size:26% auto; }
	#round03 dt { background:url(../img/ttl_round03_sp.png) no-repeat center center; background-size:26% auto; }
	#round04 dt { background:url(../img/ttl_round04_sp.png) no-repeat center center; background-size:36% auto; }
	#round05 dt { background:url(../img/ttl_round05_sp.png) no-repeat center center; background-size:26% auto; }
	#round06 dt { background:url(../img/ttl_round06_sp.png) no-repeat center center; background-size:48.5% auto; width: 100%; max-width: 100%; }
	#final dt { background:url(../img/ttl_round07_sp.png) no-repeat center center; background-size:26% auto; }

	p.right { margin-bottom:3%; }
	p.inform { margin-bottom:8%; }
	
	
	p.ttl_place { padding:7% 0 0; width:45%!important; margin-top:2.45%; }
	p.ttl_place.round05 { width:51%; }
	
	.castBtn { position:relative; left:58%; top:0%; width:37.18%;}
	
	ul#pagenav2 {padding:5% 0;}
	ul#pagenav2 li {float:none; margin-bottom:3%; width:100% }
	
	#related_info li:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
	#related_info li { min-height:1px; clear:both; float:none; width:100%; margin:0 0 3% 0; vertical-align:middle; }
	* html #related_info li { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }
	
	
	#related_info li .pic { display:inline-block; width:auto; vertical-align: middle; width:43%; }
	
	#related_info li a img { width:100%; }
	

	p.center {  background:url(../img/btn_back_sp.png) no-repeat 0 0; margin-bottom:8%; background-size:100% auto; }
    p.center:hover { background:url(../img/btn_back_sp.png) no-repeat 0 0; background-size:100% auto; }
	p.center a { display:block; padding:8% 0 6%; }
	
	
	ul.roundList li { margin-bottom:5%; }
	ul.roundList li:last-child { margin-bottom:0%; }
}



@media only screen and  (max-width: 320px) {
	.index dl dd.onlySp { margin-left:0; width:100%; }
	#related_info li { line-height:1.5; }
}


/* =============================================
 スケジュールメニュー
============================================= */
/*
.roundMenu{
	position: relative;
	display: block;
	clear: both;
}
.roundMenu_ul{
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	background: transparent url(../img/btn_nav_bg.png) top left no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
.roundMenu_ul li{
	float: left;
	width: 13.429%;
}
.roundMenu_ul li a{
	width: 100%;
	display: block;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	height: 0;
	padding-top: 106.383%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.roundMenu_ul li:nth-child(1){
	width: 15.714%;
}
.roundMenu_ul li:nth-child(1) a{
	height: 0;
	padding-top: 90.909%;
	background: transparent url(../img/btn_nav01.png) top right no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
.roundMenu_ul li:nth-child(1) a:hover{
	background: transparent url(../img/btn_nav01_on.png) top right no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
.roundMenu_ul li:nth-child(2) a{
	background: transparent url(../img/btn_nav02.png) 0 0 no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
.roundMenu_ul li:nth-child(2) a:hover{
	background: transparent url(../img/btn_nav02_on.png) top right no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
.roundMenu_ul li:nth-child(3) a{
	background: transparent url(../img/btn_nav03.png) 0 0 no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
.roundMenu_ul li:nth-child(3) a:hover{
	background: transparent url(../img/btn_nav03_on.png) top right no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
.roundMenu_ul li:nth-child(4) a{
	background: transparent url(../img/btn_nav04.png) 0 0 no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
.roundMenu_ul li:nth-child(4) a:hover{
	background: transparent url(../img/btn_nav04_on.png) top right no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
.roundMenu_ul li:nth-child(5) a{
	background: transparent url(../img/btn_nav05.png) 0 0 no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
.roundMenu_ul li:nth-child(5) a:hover{
	background: transparent url(../img/btn_nav05_on.png) top right no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
.roundMenu_ul li:nth-child(6) a{
	background: transparent url(../img/btn_nav06.png) 0 0 no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
.roundMenu_ul li:nth-child(6) a:hover{
	background: transparent url(../img/btn_nav06_on.png) top right no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
.roundMenu_ul li:nth-child(7){
	width: 17%;
}
.roundMenu_ul li:nth-child(7) a{
	height: 0;
	padding-top: 83.333%;
	background: transparent url(../img/btn_nav07.png) 0 0 no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
.roundMenu_ul li:nth-child(7) a:hover{
	background: transparent url(../img/btn_nav07_on.png) top right no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}

.roundMenu_ul:after{
	content: "";
	display: block;
	clear: both;
}
.roundMenu:after{
	content: "";
	clear: both;
	position: absolute;
	top: -26px;
	left: 1.3%;
	width: 10%;
	height: 20px;
	background: transparent url(../img/icon_now.png) center center no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	display: none;
}
div[data-nowWar="1"] .roundMenu:after{
	display: block;
	left:1.3%;
}
div[data-nowWar="2"] .roundMenu:after{
	display: block;
	left:17.5%;
}
div[data-nowWar="3"] .roundMenu:after{
	display: block;
	left:30%;
}
div[data-nowWar="4"] .roundMenu:after{
	display: block;
	left:43.5%;
}
div[data-nowWar="5"] .roundMenu:after{
	display: block;
	left:57%;
}
div[data-nowWar="6"] .roundMenu:after{
	display: block;
	left:71%;
}
div[data-nowWar="7"] .roundMenu:after{
	display: block;
	left: 85%;
}
*/
/* -------------------------------------------
 tab
------------------------------------------- */
.roundMenu{
	padding-top: 5%;
}
.schedule-menu{
	position: relative;
	display: block;
	clear: both;
	font-size: 0;
	margin-bottom: 16px;
}
.schedule-menu li{
	position: relative;
	display: inline-block;
	width: 14.28571428571429%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #000;
	border-bottom: 0;
	font-size: 1rem;
	background: transparent url(/img/common/bg_tab.png) left top repeat;
}
.schedule-menu li a{
	position: relative;
	display: block;
	width: 100%;
	padding-top: 62%;
	height: 0;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
}
.schedule-menu li a:hover{
	opacity: 0.6;
}
.schedule-menu li a:before{
	content: "";
	display: block;
	clear: both;
	position: absolute;
	width: 100%;
	height: 0;
	padding-top: 10%;
	background: transparent url(/img/common/ico_arrow_white_b.png) center center no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	left: 0;
	bottom: 7px;
}
.schedule-menu li:nth-child(1) a{
	background: transparent url(/img/common/txt_round01_g.png) center top no-repeat;
	-webkit-background-size: 70% auto;
	background-size: 70% auto;
}
.schedule-menu li:nth-child(2) a{
	background: transparent url(/img/common/txt_round02_g.png) center top no-repeat;
	-webkit-background-size: 70% auto;
	background-size: 70% auto;
}
.schedule-menu li:nth-child(3) a{
	background: transparent url(/img/common/txt_round03_g.png) center top no-repeat;
	-webkit-background-size: 70% auto;
	background-size: 70% auto;
}
.schedule-menu li:nth-child(4) a{
	background: transparent url(/img/common/txt_round04_g.png) center top no-repeat;
	-webkit-background-size: 70% auto;
	background-size: 70% auto;
}
.schedule-menu li:nth-child(5) a{
	background: transparent url(/img/common/txt_round05_g.png) center top no-repeat;
	-webkit-background-size: 70% auto;
	background-size: 70% auto;
}
.schedule-menu li:nth-child(6) a{
	background: transparent url(/img/common/txt_round06_g.png) center top no-repeat;
	-webkit-background-size: 70% auto;
	background-size: 70% auto;
}
.schedule-menu li:nth-child(7) a{
	background: transparent url(/img/common/txt_round07_g.png) center 7% no-repeat;
	-webkit-background-size: 60% auto;
	background-size: 60% auto;
}



div[data-nowwar="1"] .schedule-menu li:nth-child(1) a{
	background: #deaf37 url(/img/common/txt_round01_b.png) center top no-repeat;
	-webkit-background-size: 70% auto;
	background-size: 70% auto;
}
div[data-nowwar="2"] .schedule-menu li:nth-child(2) a{
	background: #deaf37 url(/img/common/txt_round02_b.png) center top no-repeat;
	-webkit-background-size: 70% auto;
	background-size: 70% auto;
}
div[data-nowwar="3"] .schedule-menu li:nth-child(3) a{
	background: #deaf37 url(/img/common/txt_round03_b.png) center top no-repeat;
	-webkit-background-size: 70% auto;
	background-size: 70% auto;
}
div[data-nowwar="4"] .schedule-menu li:nth-child(4) a{
	background: #deaf37 url(/img/common/txt_round04_b.png) center top no-repeat;
	-webkit-background-size: 70% auto;
	background-size: 70% auto;
}
div[data-nowwar="5"] .schedule-menu li:nth-child(5) a{
	background: #deaf37 url(/img/common/txt_round05_b.png) center top no-repeat;
	-webkit-background-size: 70% auto;
	background-size: 70% auto;
}
div[data-nowwar="6"] .schedule-menu li:nth-child(6) a{
	background: #deaf37 url(/img/common/txt_round06_b.png) center top no-repeat;
	-webkit-background-size: 70% auto;
	background-size: 70% auto;
}
div[data-nowwar="7"] .schedule-menu li:nth-child(7) a{
	background: #deaf37 url(/img/common/txt_round07_b.png) center 7% no-repeat;
	-webkit-background-size: 60% auto;
	background-size: 60% auto;
}


/* -------------------------------------------
 now
------------------------------------------- */
.schedule-menu:before{
	content: "NOW";
	display: block;
	clear: both;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: -1.6em;
	background: #c20d0d;
	color: #fff;
	font-weight: bold;
	font-size: 0.75rem;
	line-height: 1.5em;
	padding: 0;
	font-family: "Arial";
	width: 14.28571428571429%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #000;
	-webkit-border-radius: 7px 7px 0 0;
	-moz-border-radius: 7px 7px 0 0;
	-ms-border-radius: 7px 7px 0 0;
	-o-border-radius: 7px 7px 0 0;
	border-radius: 7px 7px 0 0;
	z-index: 1;
	text-align: center;
}
div[data-nowWar="0"] .schedule-menu:before{
	display:none;
}
div[data-nowWar="2"] .schedule-menu:before{
	left: 14.28571428571429%;
}
div[data-nowWar="3"] .schedule-menu:before{
	left: 28.57142857142857%;
}
div[data-nowWar="4"] .schedule-menu:before{
	left: 42.85714285714287%;
}
div[data-nowWar="5"] .schedule-menu:before{
	left: 57.14285714285716%;
}
div[data-nowWar="6"] .schedule-menu:before{
	left: 71.42857142857145%;
}
div[data-nowWar="7"] .schedule-menu:before{
	left: 85.71428571428574%;
}

@media only screen and  (max-width: 640px) {
	.roundMenu{
		display: none;
	}
	.footable td:nth-child(3) a{
	    display:block;
	    line-height:3em;
	}
}


.footable a.yellow {
    color: #000000;
}