@charset "utf-8";

#GTB_wrap {
	width:100%;
	padding-bottom:1.5%;
	background-color:#020c1e;
	background-image:url(../images/arc/bbbr2017_bg.jpg);
	background-repeat:no-repeat;
	background-size:100%;
	}

#GTB_wrap img{max-width:100%;}

:hover{
	-webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all  0.7s ease;
	}


/*-----見出し設定------*/

#GTB_wrap h1 {
	width: 85%;
	font-family:"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	font-weight:bold;
	text-align: center;
	font-size: 4em;
	color: #FFFFFF;
	box-sizing: border-box;
	margin: 0 auto 60px;
	padding: 40px 0px 0px;
	text-shadow: 0px 0px 10px #FFFFFF;
}

#GTB_wrap h1 span.suppo {
	display: block;
	font-size: 0.5em;
	color: #222222;
	text-shadow: 2px 2px 20px #FFFFFF, -2px -2px 20px #FFFFFF, -2px 2px 20px #FFFFFF, 2px -2px 20px #FFFFFF;
}

#GTB_wrap h1.II {
	margin: 0 auto 0px;
	padding: 40px 0px 40px;
	background: url(/Content/images/arc/gtb2018_bg.png) no-repeat;
	background-position: center center;
	background-size: auto 90%;
}

#GTB_wrap p.suppo {
	font-family:"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	font-weight:bold;
	text-align: center;
	font-size: 2em;
	box-sizing: border-box;
	margin: 0 auto 60px;
	color: #222222;
	text-shadow: 2px 2px 20px #FFFFFF, -2px -2px 20px #FFFFFF, -2px 2px 20px #FFFFFF, 2px -2px 20px #FFFFFF;
}

@media only screen and (max-width: 480px) {

#GTB_wrap h1 {font-size: 3em;}
#GTB_wrap h1.II {background-size: auto 80%;}

}

#GTB_wrap h2{
	width:90%;
	margin:0;
	padding:5%;
	text-align:center;
	}
	
.Regulation h3{
	margin-bottom:1.2em;
	background:rgba(0,70,80,0.75);
	box-shadow: inset 0 0 7px 0 #087;
	-webkit-box-shadow: inset 0 0 7px 0 #087;
	-moz-box-shadow: inset 0 0 7px 0 #087;
	}

.Regulation h3.Notes{
	background:rgba(130,0,18,0.75);
	box-shadow: inset 0 0 7px 0 #F00;
	-webkit-box-shadow: inset 0 0 7px 0 #F00;
	-moz-box-shadow: inset 0 0 7px 0 #F00;
	}

.Regulation h4{
	color:#FFF;
	margin-top:1.5em;
	margin-bottom:1.0em;
	padding:0.6em 1.0em;
	background:rgba(0,73,134,0.5);
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	}

	.Regulation h4.live_info{background: #a40000;}
	.attention h4{margin-top: 0;}



.Regulation h5{
	font-size: 1.5em;
	color:#fff799;
	border-left: solid 6px #fff799;
	padding-left: 0.5em;
	margin-top:5.5em;
	margin-bottom:1.0em;
	}
.Regulation h5:first-child {margin-top:1.5em;}

.Regulation h3, h4, h5, p.LinkButton, p.LiveLink{
	font-family:"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	font-weight:bold;
	}



.Regulation p{margin-bottom: 0.5em;}

/*-----各記事設定-----*/
.Regulation{
	width:97%;
	margin:0 1.5%;
	padding:2% 2% 0;
	border:1px solid #004986;
	background:rgba(0,28,88,0.8);
	}

.Regulation div{padding:0 1.0em; margin-bottom: 3.0em;}


/*予選・決勝日時*/
.Regulation dl{margin:0 0 1.0em;}
	

.Regulation dt{
	width:30%;
	padding:1em 0 0;
	display:inline-block;
	vertical-align:top;
	}

.Regulation dd{
	width:67%;
	padding:0;
	display:inline-block;
	}

.Regulation img.final_date{margin-bottom: 1.2em;}

.attention{
	border:1px solid #F00;
	margin:1.5em;
	padding:1.5em !important;
	}

.message{
	text-align:center;
	margin:2.5em 0;
	}

.change{
	font-size:0.9em;
	padding-top:2% !important;
	border-top:1px solid #000;
	}

.rule a{color: #a2ddf9;}
.rule a:hover{color: #7ecef4;}

/*テキスト設定*/
.Regulation p,li,span{color:#FFF;}
.Regulation strong{color:#FF0;}
.yellow{color:#FF0 !important;}
.large{color:#FF0 !important; font-size: 1.1em; font-weight: bold;}
.red {color: #FF1111;}
.italic {font-style: italic;}
.underline {border-bottom: 1px solid ;}


/*ボタン*/
p.LinkButton{
	font-size:1.4em;
	margin-top:1em;
	margin-bottom: 0.5em;
	padding:0.25em 0.5em;
	text-align:center;
	background: #990000;
	border:2px solid #FFF;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	}
	
	p.LinkButton:hover{
		color: #990000;
		background: #FFF;
		border:2px solid #990000;
		}

/*ボタン2*/
p.LiveLink{
	font-size:1.2em;
	margin-top:1em;
	margin-bottom: 0.5em;
	padding:0.25em 0.5em;
	text-align:center;
	background: #0075a9;
	border:2px solid #0075a9;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	}
	
	p.LiveLink:hover{
		color: #0075a9;
		background: #FFF;
		border:2px solid #0075a9;
		}

/*出演者*/
.Guest{padding:0 !important;}

.guest_art{
	width:48%;
	padding:1% !important;
	margin:1% !important;
	vertical-align:top;
	display:block;
	float:left;
	border:solid 1px #004986;
	}

.guest_art img{
	width:32%;
	margin-right:1em;
	float:left;
	}

.guest_art p{margin:0.5em 0;}
.guest_art span{font-size:0.8em;}



/*ランク表示*/

.rank_1st,.rank_2nd,.rank_b4{margin-bottom:3.5em !important;}

.rank_1st h4{
	padding-left:140px;
	position:relative;
	font-size:1.5em;
	margin-bottom:1.4em;
	background:rgba(255,241,0,0.3) !important;
	-webkit-box-shadow:inset 0 0 15px 0 #fff100;
	-moz-box-shadow:inset 0 0 15px 0 #fff100;
	box-shadow:inset 0 0 15px 0 #fff100;
	}

.rank_1st h4 span{
	display:block;
	width:110px;
	height:110px;
	top:-34px;
	left:10px;
	background-image:url(../images/arc/bbbr2016_rank_1st.png);
	background-repeat:no-repeat;
	background-size:100%;
	position:absolute;
	}


.rank_2nd h4{
	padding-left:140px;
	position:relative;
	font-size:1.5em;
	margin-bottom:1.4em;
	background:rgba(255,241,0,0.3) !important;
	-webkit-box-shadow:inset 0 0 15px 0 #fff100;
	-moz-box-shadow:inset 0 0 15px 0 #fff100;
	box-shadow:inset 0 0 15px 0 #fff100;
	}

.rank_2nd h4 span{
	display:block;
	width:110px;
	height:110px;
	top:-38px;
	left:10px;
	background-image:url(../images/arc/bbbr2016_rank_2nd.png);
	background-repeat:no-repeat;
	background-size:100%;
	position:absolute;
	}


.rank_b4 h4, .rank_b4 h5 {
	padding-left:140px;
	position:relative;
	font-size:1.15em;
	margin-bottom:2.25em;
	background:rgba(255,241,0,0.28) !important;
	-webkit-box-shadow:inset 0 0 15px 0 #fff100;
	-moz-box-shadow:inset 0 0 15px 0 #fff100;
	box-shadow:inset 0 0 15px 0 #fff100;
	}

.rank_b4 h4 span{
	display:block;
	width:110px;
	height:110px;
	top:-40px;
	left:10px;
	background-image:url(../images/arc/bbbr2016_rank_best4.png);
	background-repeat:no-repeat;
	background-size:100%;
	position:absolute;
	}

.rank_b4 h5{
	border-left: none;
	padding: 0.5em;
	color: #FFF;
	margin-bottom:1em;
}


/*店舗リスト*/
#Store_list{margin-top: 8%;}
.Regulation table{width:100%; margin-bottom:1.5em;}

.Regulation th{
	padding:0.5em 0.5em 0.5em 0.8em;
	color:#FFF;
	background:rgba(0,73,134,0.7);
	text-align:left;
	border-bottom:1px solid #FFF;
	}

.Regulation tr{border-bottom:1px dotted #FFF;}
.Regulation td{padding:0.5em 1.0em;}
th.entry{width: 28%;}

.Regulation td.str{width:60%;}
td.str p:first-child{font-weight:bold; color:#d0effd;}
td.str:hover{background:#001238;}

td.none p{width:70%; font-weight:normal; color:#FFF;}

.Regulation .Caution {margin-top: 3em;}

	/*店舗リスト_リンクボタン*/
	td.link p{
		padding:0.25em;
		text-align:center;
		border:1px solid #FFF;
		border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		}
		
		p.strLink:hover{background: #7d0000;}
		p.mapLink:hover{background: #00561f;}
		p.noLink{border:1px solid #898989 !important; color: #898989;}


/*予選優勝チーム*/
.yosen_team{
	display: flex;
	margin: 0 0 5% !important;
	}

.team_photo{width: 30%;}
.yosen_team ul{
	width: 65%;
	margin: 0 0 0 5%;
	padding: 0;
	}

.yosen_team li.yellow {list-style: none;}

	.yosen_team a{font-weight:bold; color:#d0effd;}
	.yosen_team a:hover{color:#8ddafc;}
	.yosen_team span.str_name{font-weight:bold; color:#d0effd;}


/*コメント・写真*/
.Finalist{padding:0 !important;}

.Photo_comment{width:100%; margin-bottom:1.5em;}

.Photo_comment h4{background:rgba(0,117,169,0.75)}

.Photo_comment img{
	max-width:100%;
	display:block;
	margin: auto auto 1em;
	}
	
.Photo_comment div{
	width:62%;
	float:right;
	display:block;
	}


.Photo_comment p{margin-bottom:1.0em;}

p.store{
	font-size:1.0em;
	border-left:5px solid #bbf2f0;
	padding-left:0.5em;
	margin-bottom:0.8em;
	font-family:"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	}

.Photo_comment a{color:#d0effd;}
.Photo_comment a:hover{color:#e5f6fd;}


.player_1:before{
	content: "プレイヤー1";
	font-size:0.8em;
	color: #FFF;
	padding: 0.5em 1.2em;
	margin-right: 1.0em;
	line-height:3.0em;
	background-color: rgba(0,73,134,0.8);
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	}

.player_2:before{
	content: "プレイヤー2";
	font-size:0.8em;
	color: #FFF;
	padding: 0.5em 1.2em;
	margin-right: 1.0em;
	line-height:3.0em;
	background-color: rgba(0,73,134,0.8);
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	}



@media only screen and (max-width: 768px) {

.Regulation td.str{width:50%;}

/*出演者*/
.guest_art{
	width:90%;
	margin:1% 0 1em !important;
	float:none;
	}

/*コメント・写真*/
.Photo_comment img{width:100%;}
.Photo_comment div{width:69%;}


/*ランク表示*/

.rank_1st h4{padding-left:120px;}

.rank_1st h4 span{
	width:100px;
	height:100px;
	top:-24px;
	}


.rank_2nd h4{padding-left:120px;}

.rank_2nd h4 span{
	width:100px;
	height:100px;
	top:-28px;
	}


.rank_b4 h4{padding-left:120px;}

.rank_b4 h4 span{
	width:100px;
	height:100px;
	top:-30px;
	}


}



@media only screen and (max-width: 480px) {

.Regulation h4{padding:0.6em;}

p.LinkButton{font-size:1.2em;}

	
.Regulation dl{margin:0 0 2em;}
.Regulation dt{width:50%; display:block;}
.Regulation dd{width:100%; display:block;}

/*予選優勝チーム*/
.yosen_team{
	display: block;
	margin: 0 0 5% !important;
	}

.team_photo{width: 74%; margin: 0 auto;}
.yosen_team ul{
	width: 100%;
	margin: 1.5em 0 0;
	padding: 0;
	}

/*出演者*/
.guest_art{width:98%;}

/*コメント・写真*/
.Photo_comment img{
	width:65%;
	margin:1em auto;
	float:none;
	display:block;
	}
	
.Photo_comment div{
	width:100%;
	float:none;
	display:block;
	}

/*ランク表示*/

.rank_1st h4{
	font-size: 1.3em;
	padding-left:110px;
	}

.rank_1st h4 span{
	width:90px;
	height:90px;
	top:-24px;
	}


.rank_2nd h4{padding-left:110px;}

.rank_2nd h4 span{
	width:85px;
	height:85px;
	top:-24px;
	}


.rank_b4 h4{padding-left:110px;}

.rank_b4 h4 span{
	width:80px;
	height:80px;
	top:-24px;
	}

}

.Caution {
	list-style: none;
	color: #FF0000;
	margin: 0;
	padding: 0;
}

.Caution li {
	color: #FF0000;
}

.Caution li:before {
	content: "※"
}

h5.enD:after {
	content: " 終了いたしました";
	color: #FF0000;
	font-size: 0.9em;
}

/*.enthusiasm span {
	display: block;
	margin: 1% auto;
	padding: 1%;
	background-color: rgba(153,0,0,0.70);
	font-weight: bold;
}*/

div.Fbox {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: flex-start;
	padding: 0;
}

div.Fbox>div {width: 100%; flex: 0 0 49%;}

ul.Fbox {
	max-width: 700px;
	list-style: none;
	text-align: center;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: stretch;
	align-content: center;
	padding: 0;
	margin: 10px auto;
}
ul.Fbox>li {flex: 0 0 30%;}

@media only screen and (max-width: 768px) {

	div.Fbox>div {flex: 0 0 100%;}

}

#GTB_wrap h2.Special {
	width:100%;
	margin:0;
	padding:0 0 3%;
	text-align:center;
}

@media only screen and (max-width: 480px) {

/*店舗リスト*/
.Regulation th {display: none;}
.Regulation tr {border: none;}
.Regulation td {
	display: block;
	width:100%;
	box-sizing: border-box;
	padding: 0;
}
.Regulation td:before {
    content: attr(data-title) " ";
	display: block;
	background:rgba(0,73,134,0.7);
	padding: 3%;
	margin-bottom: 2%;
	color: #FFF;
	font-weight: bold;
}
.Regulation td:last-child {border-bottom:1px dotted #FFF;}
.Regulation td:first-child {margin-top: 5%}
.Regulation td>p {display: block;padding: 3%;}
.Regulation td>a {display: block;padding: 3%;}
.Regulation td.link>a {display: block;padding: 1% 3%;}
.Regulation td.str{width:100%;}

}


#GTB_wrap.bbbr2019 {
	width:100%;
	padding-bottom:1.5%;
	background-color:#020c1e;
	background-image:url(../images/arc/bbbr2019_bg.jpg);
	background-repeat:no-repeat;
	background-size:100%;
    background-position: 0 -50px;
}

#GTB_wrap.bbbr2019 h2.Special {
	width:90%;
	margin: 0 auto -20%;
	padding: 26% 0 0;
	text-align:center;
    overflow: hidden;
    position: relative;
    z-index: 5;
}

#GTB_wrap.bbbr2019 .Regulation {
    position: relative;
    z-index: 10;
}

#GTB_wrap.bbbr2019 .Regulation td.str a {
    box-sizing: border-box;
    display: block;
    width:100%;
    height: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}


@media only screen and (max-width: 768px) {

#GTB_wrap.bbbr2019 {background-position: top center;}
#GTB_wrap.bbbr2019 h2.Special {margin: 0 auto -5%;}

}