@charset "utf-8";

#BBBR_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%;
	}

#BBBR_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;
	}


/*-----見出し設定------*/
#BBBR_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.25em;
	color:#fff799;
	border-left: solid 6px #fff799;
	padding-left: 0.5em;
	margin-top:1.5em;
	margin-bottom:1.0em;
	}

.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;}

/*ボタン*/
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.25em;
	margin-bottom:1.8em;
	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{
	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;
	}



/*店舗リスト*/
#Store_list{margin-top: 8%;}
.Regulation table{width:100%; margin-bottom:5.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;}


.Regulation td.str{width:70%;}
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;}

	/*店舗リスト_リンクボタン*/
	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 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{
	width:35%;
	float:left;
	display:block;
	}
	
.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:30%;}
.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;
	}

}