@charset "utf-8";


body{
	color:#eee;
	background-color:#111;
	font-family:メイリオ,meiryo,ヒラギノ角ゴ pro w3,hiragino kaku gothic pro, Arial,Helvetica,sans-serif;
	font-size: 12px;
}
@media screen and (min-width: 640px) {
	body{
	background: #0c0b10 url("../images/ik/bg_ptn.png") -150px 101%  no-repeat;
	background-attachment: fixed;
	background-size:33%;
	}
	body.bingo{
	background: #0c0b10 url("../images/ik/bg_ptn.png") 115% 101% no-repeat;
	background-attachment: fixed;
	background-size:33%;
	}
}	

header,
main,
footer{
	width:100%;
	max-width:1000px;
	margin:0 auto;
	background-color:#080404;
}

/*-----------------------------
 header
-----------------------------*/
header{
/*	height:70px; */
	background: #c6c6c6;
	text-align:center;
	position:-webkit-sticky; /* safari */
	position:sticky;
	top:0;
	z-index:100;
}

.logo h1{
	margin:0;
	padding:0;
}

.header_menu{height:36px; display:flex;  align-items:center;}
.header_menu .logo{margin-left: 10px; margin-right:12px}
.header_menu .logo img{min-width: 86px; height:auto;	max-width: 130px;}
@media screen and (min-width: 640px) {
	.header_menu{height:54px; display:flex;  align-items:center;}
	.header_menu .logo{margin-left: 14px;}
	.header_menu .logo img{min-width: 130px;}
}

.header_menu .header_btn.bbs_btn{
	margin-right:auto;
}

.header_menu .bingo_btn{
	max-width: 34px;
	margin-top:4px;
	margin-right:11px;
	cursor:pointer;
}
.header_menu .bbs_btn{
	max-width: 34px;
	margin-top:4px;
	cursor:pointer;
}
@media screen and (min-width: 640px) {
	.header_menu .bingo_btn,
	.header_menu .bbs_btn{
	max-width: 48px;
	width: 48px;
	}
}
.header_menu .bingo_btn,
.header_menu .bbs_btn{
	width:100%;
}

.header_menu .header_btn_text{
	color:#111;
	font-size:9px;
	line-height:1;
	padding:4px 5px;
	border:1px solid #333;
	border-radius:5px;
	cursor:pointer;
	display:block;
}

/* ニックネーム */
.header_menu .myname{
	color:#111;
	line-height:1;
	text-align:right;
	font-size:9px;
	height:22px;
	margin-left:3px;
	padding-right:30px;
	display:flex; justify-content:flex-end; align-items:center;
}
@media screen and (min-width: 640px) {
	.header_menu .myname{
	font-size:12px;
	margin-left:10px;
	padding-right:48px;
	height:38px;
	}
}
/* ランクアイコン */
.ys3 .header_menu .myname {	background:url('../images/ik/icon_ys3.png') right center no-repeat;}
.ys2 .header_menu .myname {	background:url('../images/ik/icon_ys2.png') right center no-repeat;}
.ys1 .header_menu .myname {	background:url('../images/ik/icon_ys1.png') right center no-repeat;}
.ys3 .header_menu .myname ,
.ys2 .header_menu .myname ,
.ys1 .header_menu .myname{
		background-size:contain;	
}

/*-----------------------------
 main
-----------------------------*/
main{
	padding:0 0 10px;
}
.main_wrap_inner{
  padding: 0 10px;
}
/*-----------------------------
 見出し
-----------------------------*/
.title_main{
 color: #b4b4af;
 text-align: center;
 font-size: 20px;
 line-height: 45px;
 background: url("../images/ik/t_bg.png") center no-repeat;
 background-size:contain;
 _height: 60px;
 margin: 0 0 20px;
}

.title_main2_wrap{
	display:flex;
}

.title_main2{
 color: #b4b4af;
 text-align: center;
 font-size: 20px;
	border-bottom:2px solid #ccc;
	display:inline-block;
}

.title_main2::after{
	content: ' ';
	color: #e4c98c;
	font-size:14px;
	display: inline-block;
	width:40px;
	height:2px;
	background:#ccc;
	transform: rotate(-55deg);
	margin-left:-12px;
}

.title_type1{
	color: #e4c98c;
	font-size: 16px;
	text-align: center;
	line-height: 1;
	padding: 8px 0;
	border-top: 2px solid #e4c98c;
	border-bottom: 2px solid #e4c98c;
	background-color:#2d2d28;
}

.title_type1b{
	color: #e4c98c;
	font-size: 16px;
	text-align: center;
	line-height: 1;
	padding: 8px 0;
	background-color:#2d2d28;
}



/*-----------------------------
 INNINGKING
-----------------------------*/
.ik_header_state{
	color:#333;
	font-size:10px;
	font-weight: bold;
	line-height:1;
	width:100%;
	max-width:1000px;
	margin:0 auto;
	height:18px;
	background: #c6c6c6;
	position:-webkit-sticky; /* safari */
	position:sticky;
	top:36px;
	z-index:100;
	padding-right:10px;
	display:flex; justify-content:flex-end; align-items:center;
	border-bottom:1px solid #181818;
}
#tagline{
	font-size:0.8em;
	margin-left:10px;
	margin-right:auto;
}
.bet_limit{
 margin-right: 10px;
	line-height:1;
}
.medal_stock::before{
	content:'';
	line-height:1;
	margin-top:-1px;
	height:14px;
	padding-left:16px;
	background:url('../images/ik/medal.svg') left 0 no-repeat;
	display: inline-block;
	vertical-align: middle;
}
.medal_stock{ margin-top:1px;}

.medal_total{text-align:center;	font-size:15px; color:#fff;	line-height:1.5; padding:5px 0; border-bottom:4px solid #f97709;}
.game_info{text-align:center;	font-size:15px; color:#fff;	line-height:1.5; padding:5px 0; border-bottom:4px solid #f97709;}
.medal_total .mini{ font-size:12px;}

@media screen and (min-width: 640px) {
	.ik_header_state{
		top:54px;
		font-size:14px;
		padding-right:15px;
	}
}

/* VSカード -----------------------------*/
.vs_area{
	height:100px;
	background:#181818;
	display:flex;
	align-items: flex-end;
	justify-content:space-around;
	text-align:center;
	margin:5px auto 0;	
	padding:10px 5px 5px;
}
.vs_area div {
	transition-duration: 1.5s;
	opacity: 0;
	transform: translateY(20px);
}
.vs_area img{
	height:70px;
	width:auto;
	vertical-align:bottom;
	margin-bottom:3px;
}
.vs_view {
	opacity: 1 !important;
	transform: translateY(0px) !important;
}
.vs_area .vs{ color:#f1f1f1; font-size:10px; line-height: 1; letter-spacing:0.1em;}
.vs_area .vs_text{ font-weight: bold; font-size:25px;margin-bottom: 3px;}
.vs_area .vs_info{background: rgba(65,65,60,1); margin-bottom: 2px; padding: 2px 10px}
.vs_area .vs_info_nopg{
	display:flex;
	align-items: flex-end;
	justify-content:center;
	min-height:18px;
	margin-bottom:2px;
}
.vs_area .vs_info_nopg span{
	font-size:10px;
	width:2.5em;
	text-align:center;
	line-height: 1
}
.vs_area_pitcher{
	font-size:10px;
	line-height: 1;
	margin-bottom:2px;
}
marquee{
	height:20px;
	line-height:1;
	font-size:12px;
	vertical-align:bottom;
	display:flex;
	align-items:center;
}

@media screen and (min-width: 640px) {
	.vs_area{
		height:150px;
		justify-content:center;
		padding:10px 5px 10px;
	}
	.vs_area div{
		margin:0 20px;
	}
	.vs_area img{
		height:110px;
		width:auto;
	}
	.vs_view {
		white-space:nowrap;
		width:160px;
	}
	.vs_area .vs{ font-size:12px;}
	.vs_area .vs_text{ font-size:30px;margin-bottom: 5px;}
	.vs_area .vs_info{background: rgba(65,65,60,1); margin-bottom: 4px; padding: 4px 10px}
	.vs_area .vs_info_nopg{min-height:24px;}
	.vs_area .vs_info_nopg span{font-size:12px;}
	.vs_area_pitcher{	font-size:12px;}

	marquee{
		height:22px;
		font-size:14px;
	}

}
/* VSカード,マーキー bingo用 */
.bingo_main .vs_area{
	max-width: 640px;
}
.bingo_main	.vs {
	margin-bottom:20px;
}
.bingo_main marquee{
	max-width: 640px;
	margin:0 auto;
	background:#111;
}

/* スコアボード -----------------------------*/
.board_wrap{
	overflow-x:auto;
	white-space: nowrap;
	background:#181818;
}
.board th,
.board td{
	vertical-align:middle;
	text-align:center;
	min-width: 60px;
	border-right:1px solid #111;
	box-sizing:border-box;
}
@media screen and (min-width: 640px) {
	.board th,
	.board td{
/*		width: 71px; 12回ver */
		width: 83px;
	}
	.board th:last-child,
	.board td:last-child{
/*		width: 77px; 12回ver */
		width: 85px;
	}
}
.board th:first-child,
.board td:first-child{
 border-right:2px solid #111;
}
.board th:last-child,
.board td:last-child{
	border-left:2px solid #111;
	border-right-width:0px;
}
.board th{
	font-weight: bold;
	position:-webkit-sticky; /* safari */
	position: sticky;
	left: 0;
	z-index: 20;
	background: #111;
}
.board td{
	background: #242424;
	position:relative;
}
.board td:last-child{
	position:-webkit-sticky; /* safari */
	position: sticky;
	right: 0;
	z-index: 20;
}

.board td.medal_set{
	background:#242424 url('../images/ik/medal.svg') 4px 4px no-repeat;
	background-size:11px;
	}

.board td:hover{
	background-color:#484848;
}

/* メダル配置 */
.board td .medal_o_set,
.board td .medal_d_set{
	font-size:8px;
	line-height:1.1;
	position:absolute;
	bottom:4px;
	left:2px;
	background:url('../images/ik/medal.svg') 14px 0 no-repeat;
	background-size:8px;
	padding:1px 0 0 23px;
}
.board td .medal_o_set::before,
.board td .medal_d_set::before{
	color: #111;
	font-size:9px;
	line-height:1;
	position: absolute;
	left:0;	
	bottom:-1px;
	border:1px solid #111;
	border-radius:3px;
	padding:1px 1px 0 1px;
}
.board td .medal_o_set::before{
	content: '攻';
	background-color:#f28b82;
}
.board td .medal_d_set::before{
	content: '守';
	background-color:#a8dab5;
}

@media screen and (min-width: 640px){
	.board td .medal_o_set,
	.board td .medal_d_set{
		font-size:10px;
		background-size:10px;
		padding:1px 0 0 25px;
		background-position:15px 0;
	}
	.board td .medal_o_set::before,
	.board td .medal_d_set::before{
		bottom:0;
	}
}
.board td .win{
 color: #fae600;
}
.board td .lose{
 color: #f92f2f;
}

/* メダル*倍表示 */
.board td .medal_x{
	color: #c8ae39;
	font-size:9px;
	line-height:1;
	position: absolute;
	top:4px;
	right:2px;
	border:1px dotted #c8ae39;
	border-radius:3px;
	padding:2px 4px 1px 4px;
	background-color:#242424;
}
@media screen and (min-width: 640px){
	.board td .medal_x{
		font-size:10px;
	}
}

/* イニング欄 */
.inning th,
.inning td{
	height: 18px;
	font-size:12px;
	color: #ccc;
	background: #1f1f1f !important;
	border-bottom: 2px solid #181818 !important;
}
	.inning th{
	font-size:10px;
	background: #41413c !important;
	}
.inning td{
	background: #73736e !important;
}
.inning td:last-child{
	background: #41413c !important;
}
/* ヒット欄 */
.hit th,
.hit td{
	height: 22px;
	font-size:16px;
	color: #f1f1f1;
	background: #111 !important;
}
.hit th{
	font-size:12px;
	font-weight: normal;
	text-align: center;
	letter-spacing: 1px;
}
.hit_on{
	color: #e6c84e !important;
}

/* スコア欄 */
.score{
	color:#eee;
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
}
.score_b th:last-child,
.score_b td:last-child{
	background: #41413c;
	background-clip: padding-box;
}
tr.score_b th{
	border-bottom: 2px solid #181818 !important;
	background-clip: padding-box;
}
tr.score_b th img{
	height:auto; width:100%;
	vertical-align:bottom;
}
/* DeNAのみロゴ位置調整 */
/*
tr.score_b th img[src*="logo_3.svg"]{
	height:40px;
	margin-top:-5px;
}
*/
tr.score_b td{
	height: 60px;
	padding: 0 0;
	font-size: 14px;
	border-bottom: 2px solid #181818 !important;
	position: relative;
	background-clip: padding-box;
}
tr.score_b td:hover{
	cursor:pointer;
	transition-duration: .2s;
}
tr.score_b td:last-child:hover{
	cursor:default;
}
tr.score_b td.now_omote{
	border-top: 2px solid #f59b00 !important;
}
tr.score_b.omote td.now::before{
	content: '';
	height: 2px;
	position: absolute;
	top: 0;
	left: 0;
	width: 0%;
	background-color: #f59b00;
	animation-name: now-line;
	animation-duration: 1s;
	animation-fill-mode: forwards;
}
tr.score_b.ura td.now::after{
	content: '';
	height: 2px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0%;
	background-color: #f59b00;
	animation-name: now-line;
	animation-duration: 1s;
	animation-fill-mode: forwards;
}

@keyframes now-line {
	from {
		width: 0%;
	}
	to {
		width: 100%;
	}
}

/* ポップアップ表示 */
.btn2_wrap{
	display: flex;
	justify-content: space-around;
}
.btn2_wrap button{
	width: 45%;
	height:40px;
}
.pm_btn {
	text-align: center;
	font-size:14px;
	line-height:40px;
	width: 40px;
	height: 40px;
	margin: 0 5px;
	color: black;
	background-color: #d1a75a;
	transition-duration: .3s;
	cursor:pointer;
	border-radius:50%;

}
.pm_btn:hover {
	opacity: .7;
}
.medal_input_wrap label.medal_input_label{
	display:flex;
	align-items:center;
	margin-left: 5px;
}

.medal_input_wrap input.medal_input{
	font-size:20px;
	width:3em;
	margin:30px auto 30px;
	text-align:right;
	border-bottom:1px solid #ccc;
}
.mai {
	margin-right: 5px;
	margin-left: 10px;
}
.btn_medal_close{
	color:#eee;
}
.btn_medal_set{
	color:#111;
	font-weight:bold;
	background-color:#d1a75a;
}
.medal_o_color{
	background-color:#f28b82 !important;
}
.medal_d_color{
	background-color:#a8dab5 !important;
}

/* メダル2・3倍券ボタン */
#medal_ticket{
	margin:0 auto;
	text-align:center;
	margin-bottom:20px;
}
#medal_ticket li{
	margin-bottom:15px;
	display:flex;
	align-items: center;
	justify-content:center;
}
.btn_medal_ticket{
	font-size:14px;
	line-height:1;
	color: #eee;
	padding:5px 5px;
	opacity:0.6;
	cursor:pointer;
}
#medal_ticket input[type="checkbox"]{
	transform: scale(1);
	margin:0;
}
#medal_ticket input[type="checkbox"] + label{
	opacity:0.6;
}
#medal_ticket input[type="checkbox"]:checked + label{
	opacity:1;
/*	border-bottom:2px solid #d1a75a; */
}
#medal_ticket label:hover{
	opacity:1;
}

/* 投手情報 -----------------------------*/
/*
.pitcher_info{
	font-size: 12px;
	line-height:1;
	margin:10px 5px 5px;
}
.pitcher_info strong{
	font-weight:normal;
	background:#242424;
	color:#eee;
	padding:1px 5px;
}
.pitcher_info small{
	font-size: 11px;
}
*/
/* 打者情報 -----------------------------*/
/*
.next_batter{
	display:flex;
	align-items:top;
	justify-content:space-between;
	text-align:left;
	font-size:12px; color:#eee; padding:2px 0 0;
}
*/
table.batter_info{ width: 49.5%; 	background:#41413c;}
.batter_info th, .batter_info td, .batter_info caption{ border-bottom: 2px solid #111; padding: 1px 1px;}
.batter_info .b_num{width: 10%;}
.batter_info .b_name{width: 45%; padding:0 1px 0 5px}
.batter_info .b_hit{width: 25%; border-left:1px solid #111;}
.batter_info .b_r{width: 20%; border-left:1px solid #111;}

.batter_info th{
	font-weight:normal;
	font-size:10px;
	padding:2px 4px;
}
.batter_info td{
	padding:2px 1px;
}

.batter_info tr:nth-child(even){
	background:#73736e;
}
.batter_info .b_num,
.batter_info .b_hit,
.batter_info .b_r{text-align: center;}

.batter_info .b_num span{
	font-size: 10px;
	border: 1px solid #aaa;
	padding: 1px 4px;
	display:inline-block;
}

.batter_info .b_name{text-align: left;}

.batter_info .b_r{text-align: right}


/* メダル設置一覧 / スタメン 共通-----------------------------*/

.medal_set_wrap,
.batter_list_wrap{
	margin:10px 5px 0;
	padding: 0px;
	background-color:#3c3c35;
}


/* メダル設置一覧 -----------------------------*/
.medal_set{
	font-size:14px;
	color:#eee;
	margin: 0 auto;
	background-color:#3c3c35;
	width:100%;
}
.medal_set caption{
	background-color:#2d2d28;
}
.believe_count{
	margin-bottom:10px;
}
.medal_set th{
	font-size:12px;
	text-align:center;
	color: #111;
	padding:2px 0;
	background: #e4c98c;
}
.medal_set th.inning_score,
.medal_set td.entry{
	width:48%;
}
.medal_set td{
	text-align:center;
	border-bottom:2px solid #242424;
	padding:5px 0;
	height:54px;
}

.medal_set td.inning_num{
	color: #eee;
	text-align:center;
	padding: 0 10px;
}

/* 受付中（ビリーブする） */
.medal_set td.entry{
	color: #eee;
	text-align:center;
}
.medal_set td.entry .entry_btn{
	font-size: 12px;
	text-align:center;
	_border-bottom: 1px solid #2d2d28;
	margin:8px auto;
	padding: 8px 10px;
	border: 1px solid #181818;
	_border-radius:30px;
	background: rgba(255,255,255,0.1);
	display:inline-block;
	cursor:pointer;
}
.medal_set td.entry .entry_btn:hover{
	background: rgba(0,0,0,0.2);
	transition-duration: .2s;
}
.b_medal{
 height: 14px;
 vertical-align: middle;
}
.entry_btn .b_medal {
	margin-right: 5px;
/*	transform: translateY(-2px); */
}
.medal_set td.entry .entry_keikou{
	font-size: 12px;
	text-align:center;
	padding: 5px 0;
}

.medal_set td.entry{ padding:0 !important; }
.entry_wrap{
	margin: 0;
}

/* 結果表示 */
.medal_set .result1{
 color: #eee;
 font-size: 12px;
 padding: 2px 10px;
 opacity: 1;
}
.medal_set .result2{
 font-size: 14px;
 padding: 2px 10px 3px;
 opacity: 1;
}
.medal_set .win{
 color: #fae600;
}
.medal_set .lose{
 color: #f92f2f;
}

.medal_set td.omote_close{
	background: linear-gradient(60deg,rgba(60,60,53,1) 0%,rgba(60,60,53,1) 50%, rgba(45,45,40,1) 50%, rgba(45,45,40,1) 100%) !important;
}

	/* イニング終了 */
.medal_set td.inning_num.close{
	width:4%;
}
.medal_set td.close{
	color:#aaa;
	background: #2d2d28 !important;
	width:48%;
}
.medal_set .b_medal{
 margin-top:-2px;
}


/* オーダー  -----------------------------*/
.batter_list{
	font-size:12px;
	line-height:1;
	color:#eee;
	margin: 0 auto;
	background-color:#3c3c35;
	width:100%;
 }
.batter_list caption{
	background-color:#2d2d28;
}
.batter_list th{
	font-size:12px;
	text-align:center;
	color: #111;
	padding:2px 0;
	background: #e4c98c;
	border-bottom:2px solid #242424;
}
.batter_list td{
	text-align:center;
	border-bottom:2px solid #242424;
	padding:5px 0;
/*	height:65px; 12回ver */
	_height:54px;
	position:relative;
	line-height:1.2;
}

.batter_list_hit small{
	font-size: 11px;
	font-weight:normal;
	background:#242424;
	color:#eee;
	padding:1px 5px;
}
.batter_list .now::before{
	content: '';
	width: 2px;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background-color: #f59b00;
}
/* 打撃結果  -----------------------------*/
.batter_list_dageki{
	font-size:12px;
	line-height:1;
	color:#eee;
	margin: 0 auto;
	background-color:#3c3c35;
	width:100%;
 }
.batter_list_dageki caption{
	background-color:#2d2d28;
}
.batter_list_dageki th{
	font-size:12px;
	text-align:center;
	color: #111;
	padding:2px 5px;
	background: #e4c98c;
	border-bottom:2px solid #242424;
}
.batter_list_dageki td{
	text-align:center;
	border-bottom:2px solid #242424;
	padding:5px 0;
	position:relative;
	line-height:1.2;
}
.d_pos{	width:4em;}
.d_inn{	width:1em;}
.d_hit{	color:#e6c84e;}
.d_inn_td{	width:1em; margin:0 auto;}
@media screen and (min-width: 640px){
	.d_pos{	width:auto;}
	.d_inn{	width:3em;}
	.d_inn_td{	width:auto;}
}

/* swiper */
.swipe_btn{
	font-size:20px;
	color:#24cccc;
}
.swiper-button-next, .swiper-button-prev{
	color:#f59b00 !important;
	opacity:0.8;
}
.swiper-pagination-bullet{
	background:#eee !important;
}
.swiper-pagination-bullet-active{
	background:#f59b00 !important;
}

.swiper-button-next, .swiper-button-prev {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: none;
}

.main_slider {
    animation: main_slider_fadeIn 2s ease 0s 1 normal;
}

@keyframes main_slider_fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

.main_slider .swiper-button-next,
.main_slider .swiper-button-prev {
    top: 320px;
    width: 12px;
    height: 25px;
    background-size: 15px 25px;
}
.main_slider .swiper-button-next{
    margin-right: -5px;
}
.main_slider .swiper-button-prev {
    margin-left: -5px;
}
/* あなたの成績 -----------------------------*/

.cockpit{
	margin: 25px 0px;
	background: #2d2d28;
 padding-bottom: 5px;
 border-bottom: 2px solid #e4c98c;
}
.cockpit_info_wrap{
	display:flex;
	align-items:top;
	justify-content:space-between;
	flex-wrap: wrap;
}

table.cockpit_info{
 width: 100%;
 margin: 15px 0;
 background: #41413c;
}
.cockpit_info th,
.cockpit_info td{
 border-top:1px solid #242424;
 border-right:1px solid #242424;
}
.cockpit_info th{
 width:33.3%;
 color: #323232;
 text-align: center;
 padding: 2px;
 background: #e4c98c;
}
.cockpit_info tr:nth-child(even){
	background: #73736e;
}
.cockpit_info td{
	text-align:right;
	padding:5px 10px;
}
.cockpit_info td:first-child{
 text-align:left;
}
.cockpit .to_mypage{
 color: #e4c98c;
	display: block;
	font-size: 12px;
	text-align: center;
	margin: 10px 10px 10px auto;
	padding: 5px;
 border: 2px solid #e4c98c;
	width: 10em;
}

@media screen and (min-width: 640px){
	.cockpit_info_wrap{
	padding:0 10px;
	}


	table.cockpit_info{
		width:49.5%;
	}
}

/* 提供 */
.teikyou{
	color:#eee;
	font-size:8px;
	line-height:1;
	text-align:right;
	margin:0 auto;
	padding:0.6em 5px 0 0;
	background-color:#080404	;
}
.bingo_area .teikyou{
	max-width:640px;
}
@media screen and (min-width: 640px){
	.teikyou{
		font-size:10px;
	}
	.bingo_area .teikyou{
		padding-right:0;
		background-color:#181818	;
	}
}

/* ------------------------------------------
　変更index
 ------------------------------------------*/
.inning_info_box{
	padding:5px 5px 0;
	column-count: 2;
	column-gap: 5px;
}
.pitcher_info_box,
.batter_info_box{
	padding:5px 5px 0;
	display:flex;
	justify-content:space-between;
	flex-wrap: wrap;
	width: 100%;
}
.inning_info{
	color: #ffffff;
	font-size: 10px;
	line-height: 1.75;
	text-align:center;
	_background:#333;
}
/* 投手・打者　タイトル */
.pitcher_info_box .title,
.batter_info_box .title{
	color: #ffffff;
	font-size: 9px;
	line-height: 1.4;
	letter-spacing: 0.25em;
	text-indent: 0.25em;
	text-align:center;
	background:#8c8c8c;
	margin-bottom: 5px;
	width: 100%;
}
/* 投手・打者情報 */
.now_pitcher,
.next_batter{
	width:calc(50% - 2.5px);
}

table.pitcher_info,
table.batter_info_HOME,
table.batter_info_VISITOR{
	width:100%;
	text-align:left;
	margin-bottom: 5px;
}
table.pitcher_info{
	margin-bottom: 0px; /* Reset */
}
.pitcher_name,
.batter_name{
	display:flex;
	justify-content:left;
	align-items: center;
	color: #dcdcdc;
	background: #595a5a;
	padding: 5px 5px 5px 3px;
	width: 100%;
}
.batter_name{
	padding: 0 5px 0 0;
}
.p_name,
.p_num,
.p_bougyo,
.p_kikiude,
.b_name,
.b_num,
.b_kikiude{
	color: #bcbcbc;
	font-size: 10px;
	line-height: 1;
	white-space: nowrap;	
	margin-right: 5px;
}
.p_name,
.b_name{
	white-space:normal;	
}
.p_num,
.b_num{
	font-size: 8px;
	border: 1px solid #bcbcbc;
	border-radius: 50%;
	width: 15px;
	height: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	vertical-align: middle;
	letter-spacing:-1px;
	text-indent:-1px;
}
.p_bougyo{
	margin-left: auto;
	margin-right: 10px;
}
.p_kikiude,
.b_kikiude{
		color: #ffffff;
	font-size: 9px;
	background: #222;
	margin-right: 0;
	padding:2px 3px;
}
.b_kikiude{
	margin-left: auto;
}
/* 球団カラー背景 */
.team_1.inning_info,
.team_1 .p_kikiude, .team_1 .b_kikiude{
	color:#000;
	background: #ea8516;
}
.team_2.inning_info,
.team_2 .p_kikiude, .team_2 .b_kikiude{	background: #0f1350}

.team_3.inning_info,
.team_3 .p_kikiude, .team_3 .b_kikiude{	background: #1262a1}

.team_4.inning_info,
.team_4 .p_kikiude, .team_4 .b_kikiude{	background: #143261}

.team_5.inning_info,
.team_5 .p_kikiude, .team_5 .b_kikiude{
	color:#000;
	background: #d8bf19;
}
.team_6.inning_info,
.team_6 .p_kikiude, .team_6 .b_kikiude{	background: #9a1e23}

.team_7.inning_info,
.team_7 .p_kikiude, .team_7 .b_kikiude{	background: #00214b}

.team_8.inning_info,
.team_8 .p_kikiude, .team_8 .b_kikiude{	background: #00508e}

.team_9.inning_info,
.team_9 .p_kikiude, .team_9 .b_kikiude{	background: #221815}

.team_11.inning_info,
.team_11 .p_kikiude, .team_11 .b_kikiude{	background: #000121}

.team_12.inning_info,
.team_12 .p_kikiude, .team_12 .b_kikiude{
	color:#000;
	background: #fcc800
}
.team_376.inning_info,
.team_376 .p_kikiude, .team_376 .b_kikiude{	background: #7d001a}

.pitcher_info th,
.pitcher_info td,
.batter_info_HOME th,
.batter_info_HOME td,
.batter_info_VISITOR th,
.batter_info_VISITOR td{
	color: #bcbcbc;
	font-size: 9px;
	line-height: 1;
	font-weight: normal;
}

.pitcher_info th,
.batter_info_HOME th,
.batter_info_VISITOR th{
	background: #2c2d2d;
	text-align: left;
	padding: 5px 3px;
	border-right: 1px solid #080404;
	border-top: 1px solid #080404;
}
.pitcher_info td,
.batter_info_HOME td,
.batter_info_VISITOR td{
	background: #353737;
	text-align: right;
	padding: 5px 5px;
	border-top: 1px solid #080404;
}
.pitcher_info th{width: 25%;}
.batter_info_HOME th,
.batter_info_VISITOR th{width: 15%;}
.batter_info_HOME td:nth-of-type(1),
.batter_info_VISITOR td:nth-of-type(1){width: 21%; border-right:1px solid #080404}
.batter_info_HOME td:nth-of-type(2),
.batter_info_VISITOR td:nth-of-type(2){width: 17%;; border-right:1px solid #080404}
.batter_info_HOME td:nth-of-type(3),
.batter_info_VISITOR td:nth-of-type(3){width: 17%;}

/* 打者情報（次打者３名） */
.b_bnum{
	line-height: 28px;
	height: 28px;
	width: 28px;
	text-align: center;
	vertical-align:middle;
	margin-right: 5px;
	background:  linear-gradient(to bottom right, #8b8c8c, #080404); 
	text-indent: -2px;
}
td.b_kekka_bg{
	text-align: left;
	min-height: 32px;
	vertical-align: top;
	padding: 0 0 5px 5px;
}
ul.b_kekka{
	display: flex;
	flex-wrap: wrap;
}
ul.b_kekka li{
	line-height: 1;
	margin: 5px 5px 0 0;
	padding-right: 5px;
	border-right: 1px solid #bcbcbc;
}
ul.b_kekka li:last-child{
	border-width: 0;
}
.b_kekka_hit{
	color:#f2eb29;
}

/* 打撃成績 */
.batter_list_kekka{
	text-align: left;
}
.batter_list_kekka ul{
	display: flex;
	flex-wrap: wrap;
}
.batter_list_kekka li{
	font-size: 12px;	
	line-height: 1;
	margin: 5px 5px 0 0;
	padding-right: 5px;
	border-right: 1px solid #bcbcbc;
}
.batter_list_kekka li:last-child{
	border-width: 0;
}
.kekka_hit{
	color:#f2eb29;
}

/*-----------------------------
  一球速報
-----------------------------*/
/* スタジアム演出 */
#skh_vision{
	background:#000;
	width:100%;
	overflow:hidden;
	position:-webkit-sticky; /* safari */
	position:sticky;
	top:51px;
	z-index:20;
	border-top:5px solid #080404;
}
#skh_vision .effect_item{
	position:absolute;
	width:100%;
	top:0;
	left:0;
	opacity:0;
	z-index:-1;
}
.effect_text{
	width:100%;
	font-size:20px;
	font-weight:bold;
	line-height:1.5;
	text-align:center;
	position:absolute;
	top: 35%;
	left: 50%;
	transform: translateY(-35%) translateX(-50%);
	opacity:0;
	z-index:-1;
	padding:0 10px;
}
.effect_text span{
	white-space:nowrap;
	color:#f1f1f1;
}

#skh_marquee{
	background: rgba(0,0,0,0.5);
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 5px 0;
}

/* 注意書き */
.skh_note{
	color:#aaa;
	font-size:8px;
	line-height:1;
	text-align:right;
	margin:0 auto;
	padding:0.6em 5px 0 0;
}
@media screen and (min-width: 640px){
	#skh_vision{
		top:71px;
	}
	.skh_note{
		font-size:10px;
	}
}
/*---------------------
 ビジュアル表示エリア */
#skh_data_wrap{
	display:flex;
	align-items: center;
	justify-content:space-around;
	background:#2a2e34;
	padding:5px 10px 5px 20px;
	overflow:hidden;
}
	#skh_count_box{
	margin-left:calc(20 / 375 * 100vw);
	}
@media screen and (min-width: 540px) {
	#skh_data_wrap{
	justify-content:center;
	}
	#skh_count_box{
	margin:0 20px 0 50px;
	}
}

/* 配球表 ----------*/
#course_p_side,
#course_b_side{
	color:#dcdcdc;
	line-height:1;
	margin-top:3px;
	margin-bottom:3px;
	font-size:9px;
}

#course_p_side.p_left,
#course_b_side.b_left{		text-align:left;}

#course_p_side.p_right,
#course_b_side.b_right{		text-align:right;}

#course{
	position:relative;
	width:80px;
	height:100px;
	display:flex;
	align-items: center;
	justify-content:center;
	background:#33393f;
	padding:20px 16px;
	box-sizing: border-box;
}
#strike_zone{
	width:100%;
	height:100%;
	background:#686d75;
}
#strike_zone ul{
	display:flex;
	align-items: center;
	justify-content:center;
	flex-wrap: wrap;
}
#strike_zone ul li{
	border-right:1px dotted #222;
	border-bottom:1px dotted #222;
	width:33.3%;
	height:calc(60px / 3);
}
#strike_zone ul li:nth-child(3n){
	border-right:0px dotted #222;
}
#strike_zone ul li:nth-child(n+7){
	border-bottom-width:0px;
}

/* 配球 */
ul#ball_table{ z-index:2}
ul#ball_table li{
	position:absolute;
	color:#111;
	font-size:12px;
	line-height:1;
	border: 1px solid #4d4d4d;
	border-radius: 50%;
	width: 18px;
	height: 18px;
	letter-spacing:-1px;
	text-indent:-1px;
	display: flex;
	align-items: center;
	justify-content: center;
	vertical-align: middle;
	margin-top:-9px;
	margin-right:-9px;
	transition-duration: .4s;
}
/* ストライク・ファウル（三振含む） */
ul#ball_table li.b_type1{	background-color:#c9d534;}
/* ボール（四球含む） */
ul#ball_table li.b_type2{	background-color:#2aaa39;}
/* それ以外（安打、凡打、犠打、犠飛） */
ul#ball_table li.b_type3{	background-color:#d56e35;}

/* イニング表示　（カウントの上に表示） ----------*/
#skh_score{
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
	margin-bottom:calc(10 / 375 * 100vw);
	min-width:calc(105 / 375 * 100vw);
}
#skh_score dt{
	width:100%;
	font-size:calc(12 / 375 * 100vw);
	margin-bottom:calc(6 / 375 * 100vw);
	padding-top:1px;
	background:#595a5a;
}
#skh_score dt small{
	margin-left:calc(2 / 375 * 100vw);
	font-size:0.6em !important;
}
#skh_score dd{
	color:#f2eb29;
	font-size:calc(13 / 375 * 100vw);
	padding-bottom:calc(2 / 375 * 100vw);	
	transition-duration: .4s;
}
#skh_score dt,
#skh_score dd{
	line-height:1;
	text-align:center;
}
#skh_score_team_HOME,
#skh_score_team_VISITOR{
	color:#eee !important;
	padding-top:calc(2 / 375 * 100vw);	
	min-width:1.5em;
}
#skh_score_HOME,
#skh_score_VISITOR{
	color:#f2eb29;
	font-size:calc(15 / 375 * 100vw) !important;
}
#skh_score dd.on{	border-bottom: 1px solid #e4c98c;}
#skh_score dd.off{	border-bottom: 1px solid #505050;}

@media screen and (min-width: 540px) {

	#skh_score{
		margin-bottom:10px;
		min-width:105px;
	}
	#skh_score dt{
		font-size:12px;
		margin-bottom:5px;
	}
	#skh_score dt small{
		margin-left:2px;
		font-size:0.8em !important;
	}
	#skh_score dd{
		font-size:13px;
		padding-bottom:2px;	
	}
	#skh_score_team_HOME,
	#skh_score_team_VISITOR{
		padding-top:2px;	
	}
	#skh_score_HOME,
	#skh_score_VISITOR{
		font-size:15px !important;
	}
}
/* カウント表示 ----------*/
#skh_count_b,
#skh_count_s,
#skh_count_o{
	display:flex;
	align-items:center;
}
dl#skh_count_b,
dl#skh_count_s,
dl#skh_count_o{
	margin-bottom:calc(7 / 375 * 100vw);
}
#skh_count_b dt,
#skh_count_s dt,
#skh_count_o dt{
	font-size:calc(17 / 375 * 100vw);
	line-height:1;
	color:#dcdcdc;
	width:calc(20 / 375 * 100vw);
	text-align:left;
}

#skh_count_b dd,
#skh_count_s dd,
#skh_count_o dd{
	line-height:1;
	width:calc(12 / 375 * 100vw);
	height:calc(12 / 375 * 100vw);
	background:#505050;
	border-radius:50%;
	margin-right:calc(5 / 375 * 100vw);
	transition-duration: .4s;
}
/* カウントリセット */
#skh_count_b.c_b0 dd,
#skh_count_s.c_s0 dd,
#skh_count_o.c_o0 dd{
	background:#505050;
}
/* ボールカウント */
#skh_count_b.c_b1 dd:nth-of-type(1),
#skh_count_b.c_b2 dd:nth-of-type(-n+2),
#skh_count_b.c_b3 dd:nth-of-type(-n+3),
#skh_count_b.c_b4 dd:nth-of-type(-n+4){
	background:#23994e;
}
/* ストライクカウント */
#skh_count_s.c_s1 dd:nth-of-type(1),
#skh_count_s.c_s2 dd:nth-of-type(-n+2),
#skh_count_s.c_s3 dd:nth-of-type(-n+3){
	background:#cdd320;
}
/* アウトカウント */
#skh_count_o.c_o1 dd:nth-of-type(1),
#skh_count_o.c_o2 dd:nth-of-type(-n+2),
#skh_count_o.c_o3 dd:nth-of-type(-n+3){
	background:#e7141a;
}
@media screen and (min-width: 540px) {
	dl#skh_count_b,
	dl#skh_count_s,
	dl#skh_count_o{
		margin-bottom:7px;
	}
	#skh_count_b dt,
	#skh_count_s dt,
	#skh_count_o dt{
		font-size:17px;
		width:20px;
	}
	#skh_count_b dd,
	#skh_count_s dd,
	#skh_count_o dd{
		width:12px;
		height:12px;
		margin-right:5px;
	}
}


/* ランナー表示 ----------*/
#skh_runner_box{
	width:calc(120 / 375 * 100vw);
	position:relative;
	margin-top:calc(40 / 375 * 100vw);
}

#runner div{
	background:url('../images/ik/skh_runner_team1.png') bottom center no-repeat;
	background-size: contain;
	height:calc(46 / 375 * 100vw);
	width:calc(23 / 375 * 100vw);
	padding-top:calc(9 / 375 * 100vw);
	padding-left:calc(2 / 375 * 100vw);
	letter-spacing:-1px;
	text-indent:-1px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size:calc(12 / 375 * 100vw);
	line-height:1;
	color:#eee;
}

#runner.team1 div{	background-image:url('../images/ik/skh_runner_team1.png');}
#runner.team2 div{	background-image:url('../images/ik/skh_runner_team2.png');}
#runner.team3 div{	background-image:url('../images/ik/skh_runner_team3.png');}
#runner.team4 div{	background-image:url('../images/ik/skh_runner_team4.png');}
#runner.team5 div{	background-image:url('../images/ik/skh_runner_team5.png');}
#runner.team6 div{	background-image:url('../images/ik/skh_runner_team6.png');}
#runner.team12 div{	background-image:url('../images/ik/skh_runner_team12.png');}
/* 文字色黒 */
#runner.team1 div, #runner.team5 div, #runner.team12 div{	color:#000;}

#runner_1,
#runner_2,
#runner_3{
	position:absolute;
	z-index:-1;
	opacity:0;
}
#runner_1{
	top:calc(-8 / 375 * 100vw);
	right:calc(18 / 375 * 100vw);
}
#runner_2{
	top:calc(-27 / 375 * 100vw);
	left:calc(47 / 375 * 100vw);
}
#runner_3{
	top:calc(-8 / 375 * 100vw);
	left:calc(15 / 375 * 100vw);
}
@media screen and (min-width: 540px) {

	#skh_runner_box{
		max-width:120px;
		margin-top:40px;
	}
	#runner div{
		height:46px;
		width:23px;
		padding-top:12px;
		padding-left:2px;
		font-size:13px;
	}
	#runner_1{
		top:-8px;
		right:18px;
	}
	#runner_2{
		top:-27px;
		left:47px;
	}
	#runner_3{
		top:-8px;
		left:15px;
	}
}

/* 移動アニメーション */
#runner_1.runner_on{
	animation-name: runner1_on;
	animation-duration: 1s;
	animation-timing-function: ease-out;
	z-index:1;
	opacity:1;
}
#runner_2.runner_on{
	animation-name: runner2_on;
	animation-duration: 1s;
	animation-timing-function: ease-out;
	z-index:1;
	opacity:1;
}
#runner_3.runner_on{
	animation-name: runner3_on;
	animation-duration: 1s;
	animation-timing-function: ease-out;
	z-index:1;
	opacity:1;
}

@keyframes runner1_on{
	0% {		transform: translate(-220%,70%);		opacity:0;		z-index:1;	}
	100% {		transform: translate(0);		z-index:1;	opacity:1;	}
}
@keyframes runner2_on{
	0% {		transform: translate(220%,70%);		opacity:0;		z-index:1;	}
	100% {		transform: translate(0);		z-index:1;	opacity:1;	}
}
@keyframes runner3_on{
	0% {		transform: translate(220%,-70%);		opacity:0;		z-index:1;	}
	100% {		transform: translate(0);		z-index:1;	opacity:1;	}
}

/* 打者 vs 投手*/
.skh_vs{
	padding:10px 0 1px;
	display:flex;
	justify-content:space-between;
	width: 100%;
	background:#181818;
}
.skh_vs div{
	width:calc(50% - 2.5px);
	text-align: center;
	font-size: 12px;
	padding-bottom: 8px;
	line-height: 1;
	color: #ffffff;
	border-bottom:1px solid #ccc;
}
.skh_vs .team_1{border-color: #ea8516}
.skh_vs .team_2{border-color: #0f1350}
.skh_vs .team_3{border-color: #1262a1}
.skh_vs .team_4{border-color: #143261}
.skh_vs .team_5{border-color: #d8bf19}
.skh_vs .team_6{border-color: #9a1e23}
.skh_vs .team_7{border-color: #00214b}
.skh_vs .team_8{border-color: #00508e}
.skh_vs .team_9{border-color: #221815}
.skh_vs .team_11{border-color: #000121}
.skh_vs .team_12{border-color: #fcc800}
.skh_vs .team_376{border-color: #7d001a}

/* 投球リスト */
table.skh_text{
	width: 100%;
	background: #373c42;
}
.skh_text tr:nth-child(even){
	background: #1f252c;
}
table.skh_text td{
	font-size: 13px;
	text-align: left;
	vertical-align: middle;
	padding: 6px 3px;
}
.skh_num{
	width: 4em;
}
.skh_num p{
	font-size: 11px;
	margin-left:1.5em;
	border: 1px solid #bcbcbc;
	border-radius: 50%;
	width: 14px;
	height: 14px;
	letter-spacing:-1px;
	text-indent:-1px;
	display: flex;
	align-items: center;
	justify-content: center;
	vertical-align: middle;
}
.skh_kyushu{	width: 25%; white-space:nowrap}
.skh_speed{	width: 25%;}

.b_type1 .skh_num p{	color:#111; background-color:#c9d534; border-width:0;}
.b_type1 .skh_kyushu{	color:#c9d534;}
.b_type2 .skh_num p{	color:#111; background-color:#2aaa39; border-width:0;}
.b_type2 .skh_kyushu{	color:#2aaa39;}
.b_type3 .skh_num p{	color:#111; background-color:#d56e35; border-width:0;}
.b_type3 .skh_kyushu{	color:#d56e35;}

/*-----------------------------
 BINGOKING
-----------------------------*/

.bingo_wrap{
 max-width: 1000px;
 margin: 20px auto;
 background: #242424;
 text-align: center;
 }
.bingo_wrap img{
 max-width: 640px;

}
.bingo_table{ width:100%; border:4px solid #eee;margin:10px 0; background-color:#000;}

.bingo_table th,
.bingo_table td{
	line-height:1;
	vertical-align:bottom;
	text-align:center;
	background: #3b3d4f !important;
	border: 2px solid #333 !important;
}
.bingo_table img {	width:100%; height:auto; display:block;}

/* リンクボタン */
.bingo_link_btn{
 width: calc(100% - 20px);
 max-width: 340px;
 font-size: 16px;
 line-height: 1;
 font-weight: bold;
	text-align:center;
	margin:20px auto;
 padding: 15px 0;
	color:#2d2d28;
	border-radius:3px;
	background: linear-gradient(180deg,rgba(228,201,140,1) 0%,rgba(228,201,140,1) 50%, rgba(209,167,90,1) 50%, rgba(209,167,90,1) 100%) !important;
 filter: drop-shadow(0px 3px 0px rgba(109,95,51,1));
}
.bingo_main .bingo_link_btn{
	margin:0 auto;
}

@media screen and (min-width: 640px) {
	.bingo_link_btn{
		font-size: 24px;
		width: 100%;
		max-width: 640px;
		margin:50px auto;
		padding:20px 0;
	}
}


/*-----------------------------
 ランキング
-----------------------------*/
#ranking{padding: 0px;
}
#ranking h2{
font-size: 18px;
 line-height: 1;
 margin: 0;
}
#ranking h3{
	font-size: 13px;
	color: #111;
	margin-top: 15px;
	padding: 1px 50px 1px 10px;
	min-width:8em;
	display: inline-block;
	background: linear-gradient(55deg,#b49e6e 0%,#b49e6e 80%, #080404 80%,#080404 100%) !important;
}

#ranking h3.select{
	background: linear-gradient(55deg,#e4c98c 0%,#e4c98c 80%, #080404 80%,#080404 100%) !important;
}

#ranking select{
	width:auto;
	transform: scale(0.7);
}

#ranking .tab{
	line-height:1.8;
	cursor:pointer;
}
.ranking_tab_wrap{
	display:flex;
	justify-content:left;
	margin-top:10px;
}
.game_ranking_wrap{
 margin: 0px 0;
}
.game_name_wrap{
	display: flex;
	margin-bottom: -30px;
	justify-content:flex-end;
	align-items: center;
}
.ranking_table{
	font-size:13px;
	line-height:1.25;
	width:100%;
	color:#eee;
	margin: 0 0 20px;
	background-color:#2d2d28;
	border-bottom:1px solid #181818;
}
.ranking_table caption{
	font-size:15px;
	line-height: 1.75;
	border-top:2px solid #e4c98c;
}
.ranking_table tr:nth-child(even){
	background: #73736e;
}
.ranking_table th{
 font-weight: bold;
 background: #e4c98c;
 color: #2d2d28;
 padding: 4px 0;
 line-height: 1;
}
.ranking_table .bgcolor_total{
	color: #e4c98c;
	background: #2d2d28;
	font-weight: bold;
}
.ranking_table th,
.ranking_table td{
	border-top:1px solid #181818;
	border-right:1px solid #181818;
}
.ranking_table td{
	text-align:left;
	border-top:1px solid #181818;
	padding:4px 3px;
}
.ranking_table td.date{
 text-align: center;
 white-space: nowrap;
}
.ranking_table td.rank{
 text-align: right;
 padding-right: 10px;
 white-space: nowrap;
}
.ranking_table td.rank10{
 text-align: center;
 white-space: nowrap;
}
.ranking_table td.count{
 text-align: right;
 padding-right: 10px;
 white-space: nowrap;
}
@media screen and (max-width: 639px) {
	.ranking_table.bingo_ranking_table td.count{
	 padding-right: 5px;
	}
	.ranking_table caption{
		font-size:12px;
	}
}
.ranking_table .myrank td{
	color:#e4c98c;
	font-weight:bold;
	background-color:#2d2d28;	
	padding-top:5px;
	padding-bottom:5px;
}
.ranking_table td.nickname,
.ranking_table .myrank .myname{
	padding-left:25px;
}
.ranking_table .myrank .myname{
	color:#f33;
}
.ranking_table td.nickname small,
.ranking_table .myrank .myname small{
	margin-left:4px;
	white-space:nowrap;
}

.ranking_table .ys3{
	background:url('../images/ik/icon_ys3.png') 2px center no-repeat;
}
.ranking_table .ys2{
	background:url('../images/ik/icon_ys2.png') 2px center no-repeat;
}
.ranking_table .ys1{
	background:url('../images/ik/icon_ys1.png') 2px center no-repeat;
}
.ranking_table .ys1,
.ranking_table .ys2,
.ranking_table .ys3{
		background-size:20px;	
}

.rank_ya{
	width:15px;
	height:15px;
	vertical-align:middle;
	margin:0 0 2px 5px;
}
@media screen and (max-width: 374px) {
	#ranking h3{
		min-width:initial;
	}
}

@media screen and (min-width: 640px) {
	.ranking_table td{
		padding:5px 10px;
	}
	.ranking_table td.rank10{
			width:10%;
	}
}

/*-----------------------------
 Topバナー表示
-----------------------------*/
#top_banner_area{
	width:100%;
	max-width:520px;
	margin:0 auto 0;
}
#top_banner_area img{
	display:block;
	width:100%;
	height:auto;
	cursor:pointer;
}

/*-----------------------------
 マイページ（myrecord）
-----------------------------*/
.myrecord_ys_wrap{
	display:flex;
	align-items:top;
	justify-content:center;
	max-width:640px;
}
.myrecord_ys_chara{
	display:block;
	min-width:80px;
	min-height:90px;
	margin:15px 0 0px 5px;
}
.ys3 .myrecord_ys_chara{
	background:url('../images/ik/chara_ys3_img.png') center no-repeat;
	background-size:contain;	
}
.ys2 .myrecord_ys_chara{
	background:url('../images/ik/chara_ys2_img.png') center no-repeat;
	background-size:contain;	
}
.ys1 .myrecord_ys_chara{
	background:url('../images/ik/chara_ys1_img.png') center no-repeat;
	background-size:contain;	
}

.myrecord_ys{
	width:100%;
	max-width:220px;
	margin:0;
	padding-top:5px;
	padding-left:35px;
	background:url('../images/ik/myrecord_t_bg.png') top left no-repeat;
	background-size:100%;	
}
.myrecord_ys h1{
	color: #b4b4af;
	font-size: 20px;
	line-height: 1;
	margin-bottom:10px;
	padding: 8px 0;
}
.myrecord_ys dl{
	color: #ffffff;
}
.myrecord_ys dt{
	font-weight:bold;
	font-size:10px;
}
.myrecord_ys dd{
	font-size:16px;
}
.myrecord_ys dd + dd{
	font-size:9px;
}
@media screen and (min-width: 640px) {
	.myrecord_ys_wrap{
		max-width:800px;
	}
	.myrecord_ys_chara{
		min-width:120px;
		min-height:135px;
	}
	.myrecord_ys{
		max-width:330px;
		padding-top:20px;
		padding-left:50px;
	}
	.myrecord_ys h1{
		font-size: 20px;
		margin-bottom:10px;
	}
	.myrecord_ys dl{
	line-height:1.8;
	}
	.myrecord_ys dt{
		font-size:12px;
	}
	.myrecord_ys dd{
		font-size:18px;
	}
	.myrecord_ys dd + dd{
		font-size:12px;
	}
}

/*-----------------------------
 参加履歴一覧 （mypage_list）
-----------------------------*/
.myrecord_table_wrap{
	display:flex;
	align-items:top;
	justify-content:space-between;
	flex-wrap: wrap;
}

.myrecord_table_total,
.myrecord_table_games{
	font-size:13px;
	line-height:1;
	width:100%;
	color:#eee;
	margin: 0 0 20px;
	background-color:#2d2d28;
	border-top:5px solid #2d2d28;
	border-bottom:2px solid #2d2d28;
}
@media screen and (min-width: 640px) and (max-width: 999px) {
	.myrecord_table_total{
		margin:0 auto 20px;
		width:60%;
	}
	.myrecord_table_games{
		width:49.5%;
	}
}
@media screen and (min-width: 1000px) {
	.myrecord_table_total{
		margin:0 auto 20px;
		width:50%;
	}
	.myrecord_table_games{
		width:32.5%;
	}
}
.myrecord_table_games{
	border-top:2px solid #111;
	border-bottom:0px solid #2d2d28;
}
.myrecord_table_total th, .myrecord_table_total td,
.myrecord_table_games th, .myrecord_table_games td{
	padding:6px 0;
}
.myrecord_table_total th,
.myrecord_table_games th{
	font-weight:normal;
	text-align:left;
	padding-left:10px;
}
.myrecord_table_total td,
.myrecord_table_games td{
	text-align:right;
	padding-right:10px
}
.myrecord_table_games th{
	font-size:14px;
	white-space:nowrap;
	background:#181818;
}
.myrecord_table_total td{
	font-size:16px;
}
.myrecord_table_games td{
	width:33.3%;
	line-height:1.5;
}
.myrecord_table_games td + td{
	border-left:1px dotted #111;
}

.game_date{
	font-size:14px;
}

.myrecord_table_games dt{
	color:#d9c47b;
	font-size:12px;
	font-weight:normal;
}
.myrecord_table_games dd{
	font-size:16px;
}

th.more_myrecord_wrap{
	text-align:center;
}

.more_myrecord{
	text-align:center;
	color:#bbb;
	font-size:12px;
	line-height:1;
	margin:5px auto;
	padding:5px 10px;
	border:1px solid #666;
	border-radius:5px;
	cursor:pointer;
	display:inline-block;	
}

/*-----------------------------
 参加履歴詳細 （mypage_detail）
-----------------------------*/
.mypage_menu{
	position:-webkit-sticky; /* safari */
	position:sticky;
	top:36px;
	z-index:20;

	display:flex;
	align-items:center;
	justify-content:left;
	font-size:12px;
	height:30px;
	padding:0 10px;
}
.mypage_menu .detail_date{
	margin-right:auto;
}
.detail_date span{font-size:14px;}

.btn_mypage,
.btn_mypage_list{
	font-size:12px;
	text-align:center;
	color:#e4c98c;
	line-height:1;
	margin-left:10px;
	padding:2px 5px;
	border:1px solid #e4c98c;
	border-radius:5px;
	cursor:pointer;
	display:inline-block;	
}
.btn_mypage{
	letter-spacing:-2px;
}

#mypage_detail .board_wrap{
	top:65px;
}
#mypage_detail .medal_set_wrap{
	margin:10px 5px 0;
	min-height:auto; /* Reset */
}

/* ビンゴ部分は bingo.css で指定 */

@media screen and (min-width: 640px) {
	.mypage_menu{
		font-size:14px;
		top:54px;
		justify-content:center;
		height:40px;
	}
	.mypage_menu .detail_date{
		margin-right:10px;
	}
	.btn_mypage{
		letter-spacing:2px;
		width:10em;
		margin:0 10px;
		padding:5px 10px;
	}
	.btn_mypage_list{
		width:10em;
		margin:0 10px;
		padding:5px 10px;
	}
	#mypage_detail .board_wrap{
		top:93px;
	}
}

/*-----------------------------
 スタッツ　選手／チーム
-----------------------------*/
.tab2_b,
.tab2_p{
	min-height:20vh;
}
.tab2_b p,
.tab2_p p{
	color:#fff;
	text-align:center;
	padding-top:5vh;
}
.batter_stats_table th{
	white-space:nowrap;
}

.batter_stats_table td,
.team_stats_table td	{
	text-align:center;
}

.stats_team_btn{
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.stats_team_btn li{
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0px 0 10px;
	_padding:10px 10px;
	cursor:pointer;
	_border-radius:50%;
}
.stats_team_btn li + li{
	margin-left:15px;
}
.stats_team_btn img{
	width:10vw;
}
.b_stats,
.p_stats{
	line-height:1.8;
	cursor:pointer;
}
@media screen and (min-width: 640px) {
	.stats_team_btn{
		display:flex;
		align-items:center;
		justify-content:center;
	}
.stats_team_btn li + li{
	margin-left:40px;
}
	.stats_team_btn img{
		width:3vw;
		max-width:30px;
	}
}
/*-----------------------------
 footer
-----------------------------*/
footer{
	display:flex;
	align-items:center;
	justify-content:center;
	background-color:#646464;
}

.footer_area{
	text-align:center;
	font-size:10px;
	color:#fff;
	padding:10px 0;
}

/* ----------------------------------------
 ポップアップ画面
----------------------------------------- */
.popup_off{
	display:none !important;
}

.popup{
	margin:20px;
	padding: 30px 15px 20px;
	color: #eee;
	background: #363636;
	z-index:55;
	pointer-events: auto;
  width: 100%;
  max-width: 360px;
	border:1px solid #ccc;
}

.ys3 .popup{	border:1px solid #bfa548;}
.ys2 .popup{	border:1px solid #cccccc;}
.ys1 .popup{	border:1px solid #b55638;}

.popup_bg{
	width:100vw;
	height:100vh;
	position: fixed;
	top: 0;
	left:0;
	z-index:51;
  background-color: rgba(34,34,34,0.5);
	transition-duration: .3s;
	opacity: 0;
	z-index: -1;
	visibility:hidden; /* iOS対策 */
}

.login_pop_bg{
	width:100vw;
	height:100vh;
	position: fixed;
	top: 0;
	left:0;
	z-index:110;
  background-color: rgba(34,34,34,0.5);
}

.regist_pop_bg{
	width:100vw;
	height:100vh;
	position: fixed;
	top: 0;
	left:0;
	z-index:110;
  background-color: rgba(34,34,34,0.5);
}
.popup input{
	font-size:20px;
	color:#eee;
}
/* モーダル 中央配置 */
.popup_wrap{
	width:100vw;
	height:100vh;
	position: fixed;
	top: 0;
	left:0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	pointer-events: none; /* 閉じる背景用 .btnにautoを指定 */
	z-index:52;
	overflow-y: auto;
	transition-duration: .3s;
	opacity: 0;
	z-index: -1;
	visibility:hidden; /* iOS対策 */
}
	/* ビリーブ結果確認モーダル 上部配置 */
	/* .popup_wrap を一部上書き */
	#r_popup_wrap{
		top: 55px;
		align-items: flex-start;
	}
	@media screen and (min-width: 640px) {
		#r_popup_wrap{
			top: 92px;
		}
	}

.btn_close {
	background-color: #d1a75a;
}
.ys3 .chara_icon,
.ys2 .chara_icon,
.ys1 .chara_icon{
	margin-top:-107px;
	margin-left:-17px;
	margin-bottom:10px;

}
.ys3 .chara_icon::before{
	content:"";
	height:100px;
	background:url('../images/ik/chara_popup_ys3.png') left top no-repeat;
	display: block;
	background-size: contain;
}
.ys2 .chara_icon::before{
	content:"";
	height:100px;
	background:url('../images/ik/chara_popup_ys2.png') left top no-repeat;
	display: block;
	background-size: contain;
}
.ys1 .chara_icon::before{
	content:"";
	height:100px;
	background:url('../images/ik/chara_popup_ys1.png') left top no-repeat;
	display: block;
	background-size: contain;
}

#pop_text{
	color:#363636;
	padding:10px;
	background:#dddddd;
	border-radius:8px;
	position:relative;
}
#pop_text::before{
	content:url('../images/ik/chara_hukidasi.png');
	line-height:1;
	position:absolute;
	top:-15px;
	left:30%;
}

.popup .b_medal{
 margin:-2px 2px 0 4px;
}

/* ビリーブを増やすにはボタン */
.pop_link{
	margin:25px 0 0;
	border-top:1px dashed #999;
	text-align:center;
}
.pop_link button{
	font-size:12px;
	margin:15px auto -10px;
	padding:5px 10px;
	color:#fff;
	background:#111;
	border:1px solid #999;	
	border-radius:8px;	
	opacity:.8;
}
.pop_link button:hover{
	background:#555;
}
.ys3 .pop_link{display:none;} /* ビリーバーのときはオフ */

/* ビリーブ結果確認モーダル 表示内容 */
#r_popup_wrap .popup{
	border-radius:5px;
	background:#eee1c3;
	padding:0 10px 10px;
	border-width:0;
	}
#r_player_title{
	font-size:12px;
	color:#fff;
	text-align:center;
	margin:0 -10px 10px;
	padding:5px;
	background:#777;
	border-radius:5px 5px 0 0	;
}
.team_1 #r_player_title{background: #ea8516; color:#000;}
.team_2 #r_player_title{background: #0f1350;}
.team_3 #r_player_title{background: #0461a1;}
.team_4 #r_player_title{background: #183261;}
.team_5 #r_player_title{background: #d8bf19; color:#000;}
.team_6 #r_player_title{background: #9b1e23;}
.team_7 #r_player_title{background: #00214b;}
.team_8 #r_player_title{background: #00508e;}
.team_9 #r_player_title{background: #221815;}
.team_11 #r_player_title{background: #000121;}
.team_12 #r_player_title{background: #fcc800; color:#000;}
.team_376 #r_player_title{background: #7d001a;}

.r_waku_bg{
	margin-bottom:5px;
	padding:10px;
	border:5px solid #dbc987;
	background:#c4ab6e;
	border-right-color: #947321;
	border-bottom-color: #947321;
}

.medal_chara_wrap{
	display:flex;
	align-items:center;
	justify-content:space-between;
}
#r_get_medal{
	width:50%;
	margin-bottom:10px;
	position:relative;
}

#r_get_medal dt{
	font-size:10px;
	line-height:1;
	color:#fff;
	background:#080404;
	text-align:center;
	padding:2px;
	margin-bottom:2px; 
}
#r_get_medal dd{
	padding:15px 0;
	font-size:24px;
	line-height:1;
	color:#fff;
	font-weight:bold;
	text-align:center;
	background: linear-gradient(-19deg,#777 0%, #777 50%, #aaa 50%,#aaa 100%);
}
.team_1 #r_get_medal dd{background: linear-gradient(-19deg,#ea8516 0%, #ea8516 50%, #f49c00 50%, #f49c00 100%); color:#000;}
.team_2 #r_get_medal dd{background: linear-gradient(-19deg,#0f1350 0%, #0f1350 50%, #0b318f 50%, #0b318f 100%);}
.team_3 #r_get_medal dd{background: linear-gradient(-19deg,#0461a1 0%,#0461a1 50%, #1a8dce 50%,#1a8dce 100%);}
.team_4 #r_get_medal dd{background: linear-gradient(-19deg,#183261 0%, #183261 50%, #003f85 50%, #003f85 100%);}
.team_5 #r_get_medal dd{background: linear-gradient(-19deg,#d8bf19 0%, #d8bf19 50%, #f4d924 50%, #f4d924 100%); color:#000;}
.team_6 #r_get_medal dd{background: linear-gradient(-19deg,#9b1e23 0%, #9b1e23 50%, #d71718 50%, #d71718 100%);}
.team_7 #r_get_medal dd{background: linear-gradient(-19deg,#00214b 0%, #00214b 50%, #024292 50%, #024292 100%);}
.team_8 #r_get_medal dd{background: linear-gradient(-19deg,#00508e 0%, #00508e 50%, #006ec3 50%, #006ec3 100%);}
.team_9 #r_get_medal dd{background: linear-gradient(-19deg,#221815 0%, #221815 50%, #4e4b4a 50%, #4e4b4a 100%);}
.team_11 #r_get_medal dd{background: linear-gradient(-19deg,#000121 0%, #000121 50%, #22233a 50%, #22233a 100%);}
.team_12 #r_get_medal dd{background: linear-gradient(-19deg,#fcc800 0%, #fcc800 50%, #fcdc60 50%, #fcdc60 100%); color:#000;}
.team_376 #r_get_medal dd{background: linear-gradient(-19deg,#7d001a 0%, #7d001a 50%, #af0024 50%, #af0024 100%);}



#r_get_medal dd small{
	margin-left:2px;
	font-size:18px !important;
}
.ys1 .r_chara_cg{
	margin-top:-20px;
	height:100px;
	width:100px;
	background:url('../images/ik/result_ys1.png') left bottom no-repeat;
	display: block;
	background-size: contain;
}
.ys2 .r_chara_cg{
	margin-top:-20px;
	margin-right:-5px;
	height:100px;
	width:130px;
	background:url('../images/ik/result_ys2.png') left bottom no-repeat;
	display: block;
	background-size: contain;
}
.ys3 .r_chara_cg{
	margin-top:-20px;
	margin-right:-30px;
	height:100px;
	width:150px;
	background:url('../images/ik/result_ys3.png') left bottom no-repeat;
	display: block;
	background-size: contain;
}
.ticket_x2,
.ticket_x3{
	display: block;
	width:54px;
	height:30px;
	position: absolute;
	left:-14px;
	top:-11px;
}
.ticket_x2{
	background:url('../images/ik/icon_ticket_x2.png')  left bottom no-repeat;
	background-size: contain;
}
.ticket_x3{
	background:url('../images/ik/icon_ticket_x3.png')  left bottom no-repeat;
	background-size: contain;
}

#r_score_inning{
	margin-bottom:10px;
}
#r_score_inning caption,
#r_score_detail caption{
	font-size:10px;
	line-height:1;
	color:#fff;
	background:#080404;
	text-align:center;
	padding:2px;
}
#r_score_inning,
#r_score_detail{
	width:100%;
	background:#f0f0ef;
	font-size:10px;
	line-height:1;
}
#r_score_inning th,
#r_score_detail th{
	color:#080404;
	text-align:left;
	font-weight:normal;
	border:1px solid #c4ab6e;
	padding:2px 3px;
}
#r_score_inning td,
#r_score_detail td{
	color:#921f23;
	text-align:right;
	border:1px solid #c4ab6e;
	padding:2px 3px;
}
#r_score_inning td:nth-of-type(1),
#r_score_detail td:nth-of-type(1){
	width:4em;
}
#r_score_inning td:nth-of-type(2),
#r_score_detail td:nth-of-type(2){
	width:3em;
}

.r_note{
	font-size:9px;
	color:#080404;
}
#r_btn_tweet{
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	margin:10px auto 15px;
}
#r_btn_tweet p{
	font-size:12px;
	color:#1b95e0;
	font-weight:bold;
	border-bottom:3px double #1b95e0;
	margin-right:10px;
}
#r_btn_close{
	display:block;
	width:100px;
	margin:15px auto 0;
}

/* ----------------------------------------
 汎用
----------------------------------------- */

.flex{
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
}

.link_dummy{ color:#eee; width:90%; text-align:center; font-size:13px;margin:20px auto; padding:10px; background-color:#484848; box-sizing: border-box}

.sep{
	border-bottom:4px solid #f97709; margin:10px auto;}

select{
	color: #e4c98c;
	background-color: #242424;
	cursor: pointer;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	display: block;
	font-size:16px; /* iOSの拡大を回避 */
	transform: scale(0.8); /* iOSの拡大を回避 */
	line-height:1;
	text-align: center;
	margin: 0px 0 0px auto;
	padding: 10px 30px 10px 5px;
	border: 2px solid #e4c98c;
	box-sizing: border-box;
	width: 10em;
}
.select_wrap{
	position: relative;
	margin:10px 0;
}
.select_wrap::after{
	content: '▼';
	color: #e4c98c;
	font-size:14px;
	line-height:1;
	position: absolute;
	z-index: 10;
	top: 35%;
	margin: auto 0;
	right: 20px;
	pointer-events: none;
}


.rolate90{
 transform: rotate(90deg);
}

/* 広告スペース */
.ad_area{
 color:#323232;
 text-align:center;
 font-size:13px;
 margin:20px 10px;
 padding:50px 10px;
 background-color:#b4b4b4;
 box-sizing: border-box;
}