* {
	margin: 0;
	padding: 0;
}

table,td,th{
margin: 0;
padding: 0;
}

body{
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
text-align:center;
background-color: #ffffff;
/*color: #343434;*/
}

.clear { clear: both; }
.bn { margin:3px 0; }
.txt-s{
font-size:9pt;
}




/*--menu--*/
.menu{
background:#C21927;
padding:8px;
margin-bottom: 10px;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	justify-content:space-between;
	align-items: center;
	flex-wrap: wrap;
}
.menu-bt{
text-align:right;
margin:0;
}
.menu-txt{
font-size:10pt;
color:#FFFFFF;
margin:0px;
text-align:left;
}
.menu a:link {
	color:#FFE500;
	background:transparent;
	text-decoration: underline;
	}
.menu a:visited {
	color: #FFE500;
	background: transparent;
	text-decoration: underline;
	}
.menu a:hover {
	color: #ffffff;
	background: transparent;
	border :0;
	text-decoration: underline;
	}


/*--score--*/
.bord-waku{
background:url(../images/score_waku.gif);
border:0px solid #383838;
}

.bord_wrap{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	justify-content:space-around;
	align-items: flex-start;
	flex-wrap: nowrap;
	width: 100%;
	margin:0 auto ;
	padding: 0 0 10px;
	text-align: center;
}

.visitor_team{
border: 1px solid #000000;
width: 48%;
margin: 0;
}
.visitor_team table{
width: 100%;
}

.score_wrap{
width: 90%;
margin: 0;
}

.home_team{
border: 1px solid #000000;
width: 48%;
margin: 0;
}
.home_team table{
width: 100%;
}


@media only screen and (max-width: 640px) {
.bord_wrap{
	flex-wrap:wrap;
}
.visitor_team{
border: 1px solid #000000;
width: 48%;
margin: 0;
order: 2;
}
.score_wrap{
width: 98%;
margin:10px auto;
order: 1;
}
.home_team{
border: 1px solid #000000;
width: 48%;
margin: 0;
order: 3;
}
}


.bord{
font-size:12px;
text-align: center;
}

.bord th{
padding:2px;
border-top:1px solid #676767;
border-left:1px solid #676767;
border-bottom:1px solid #bababa;
border-right:1px solid #CCCCCC;
background:#403939;
color:#FFFFCC;
text-align: center;
}
.bord th.p_change{
color:#6A6A6A;
}

.bord-teams{
background:url(../images/team_back.gif);
color:#FFFFFF;
font-size:13pt;
padding:0px;
}

.bord-card{
background: #c21927;
font-size:11pt;
border-top:1px solid  #666666;
border-left:1px solid #666666;
border-bottom:1px solid #bababa;
border-right:1px solid #CCCCCC;
margin:0 0 15px 0;
padding:0px 0 5px 0;
font-weight:bold;
color: #f1f1f1;
}


.l-s-tit{
color:#fd5959;
font-size:120%;
background: #c21927;
padding:3px 0;
margin:0 0 2px 0;
}


.score{
background:#5e5e5e;
font-size:10pt;
color:#FFFFFF;
margin:0 auto;
border:0px solid #403939;
width: 100%;
text-align: center;
}
.score th{
padding:1px;
border-top:1px solid #676767;
border-left:1px solid #676767;
border-bottom:1px solid #bababa;
border-right:1px solid #CCCCCC;
background:#403939;
color:#ffffff;
text-align: center;
}
.score td{
padding:1px;
border-top:1px solid #676767;
border-left:1px solid #676767;
border-bottom:1px solid #bababa;
border-right:1px solid #CCCCCC;
background:#403939;
color:#ffffff;
text-align:center;
}



.pitcher{
background:#3E3E3E;
font-size:10pt;
color:#FFFFFF;
margin:10px auto;
border-collapse:collapse
}
.pitcher tr{
border-bottom:1px dashed #CCCCCC;
}
.pitcher tr:last-child{
border-bottom: none;
}
.pitcher td{
padding:3px;
}
.pitcher-color{
color:#f0e68c;
}
.pitcher-s{
background:#7f7f7f;
border:1px solid #CCCCCC;
padding:2px;
text-align:center;
}


/*--pitche--*/
.p-change-waku{
border:1px solid #CCCCCC;
border-bottom:none;
margin:15px 0 30px;
}

.p-change-tit{
background:#ffffff;
border-bottom:1px solid #c4c4c4;
color:#434343;
font-weight:bold;
padding:5px;
text-align:left;
}

.p-change-rb{
background:#f1f1f1;
border-bottom:1px solid #CCCCCC;
border-right:1px dashed #CCCCCC;
padding:6px;
font-size:12pt;
}

.p-change-r{
background:#f1f1f1;
border-right:1px dashed #CCCCCC;
padding:6px;
font-size:12pt;
}

.p-change-b{
background:#FFFFFF;
border-bottom:1px solid #CCCCCC;
padding:6px;
font-size:11pt;
text-align:left;
}

.p-change-no{
background:#FFFFFF;
padding:6px;
font-size:11pt;
text-align:left;
border-bottom:1px solid #CCCCCC;
}


/*--score--*/
.keika-waku{
background:#ffffff;
margin:30px 0 0 0;
}

.toku-waku{
border:1px solid #CCCCCC;
border-top:1px solid #999999;
margin-bottom:15px;
font-size:10pt;
text-align:left;
}

.toku-waku td{
border-bottom:1px dashed #D4D4D4;
padding:4px;
}

.tokuten-keika-t{
padding:5px;
border-left:4px solid #ffbcc7;
font-weight:bold;
text-align:left;
}

.toku-li{
color:#353535;
background:#d7d7d7;
font-size:8pt;
padding:3px;
}





/*--Game course--*/
.siai-waku{
border:1px solid #CCCCCC;
border-top:1px solid #999999;
margin-bottom:5px;
font-size:10pt;
text-align:left;
}

.siai-keika-t{
/*padding:5px;*/
/*border-left:4px solid #ffbcc7;*/
font-weight:bold;
text-align:left;
font-size: 25px;
}

.siai-waku td{
padding:4px;
border-bottom:1px solid #eaeaea;
}

.siai-li{
color:#353535;
background:#d7d7d7;
font-size:8pt;
}

td.inning{
background:#3D3D3D;
color: #ffffff;
font-size:13pt;
font-weight: bold;
padding:8px 10px;
}


/*--footer--*/

/*共同通信*/
.kyodo_cp_wrap{
background: #FFFFFF;
margin-top: 20px;
padding: 5px 15px 20px;
}
.kyodo_cp{
font-size: 12px;
}


/*--link--*/
a:link {
	color: #95c6e3;
	background:transparent;
	text-decoration: underline;
	border:0;
	}
a:visited {
	color: #95c6e3;
	background: transparent;
	text-decoration: underline;
	border:0;
	}
a:hover {
	color: #f6a0b8;
	background: transparent;
	border :0;
	text-decoration: underline;
	}

address{
padding:2px;
font-style:normal;
font-size:12px;
}





/*バナー*/
/*.banner {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	justify-content:center;
	align-items: center;
	flex-wrap: wrap;
	font-size: 12px;
	margin: 10px 0;
}
.banner span.pr{
-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-orientation: upright;
	margin-right: 3px;
}
.banner img{
width: 728px;
}

@media only screen and (max-width: 765px) {
.banner_area{
display: none;
}
.banner{
display: none;
}
.sp_banner{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	justify-content:center;
	align-items: center;
	flex-wrap: wrap;
font-size: 12px;
	margin: 10px 0;
}
}

@media only screen and (min-width: 765px) {
.sp_banner{
display: none;
}
}

.sp_banner span.pr{
-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-orientation: upright;
	margin-right: 3px;
}
@media only screen and (max-width: 364px) {
.sp_banner span.pr{
-ms-writing-mode: horizontal-tb;
	writing-mode: horizontal-tb;
	text-orientation: mixed;
	margin-right: 3px;
}
}
*/


/*レスポンシブバナー*/
.responsive_ad_banner{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	justify-content:center;
	align-items: center;
	flex-wrap: wrap;
	font-size: 12px;
	margin: 10px 0;
}
.responsive_ad_banner span.pr{
-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-orientation: upright;
	margin-right: 3px;
}
.bnr_responsive{
 width: 320px;
 height: 100px;
/*background: #883637;*/
}
@media(min-width: 800px) {
.bnr_responsive {
width: 728px;
height: 90px;
/*background:#5F92B3;*/
}
}　
.responsive_ad_banner span.pr{
-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-orientation: upright;
	margin-right: 3px;
}
@media only screen and (max-width: 339px) {
.responsive_ad_banner span.pr{
-ms-writing-mode: horizontal-tb;
	writing-mode: horizontal-tb;
	text-orientation: mixed;
	margin-right: 3px;
}
}



/*更新ボタン*/
#reload-btn {
  border: 0px solid #000000;
  position: fixed;
  bottom: 20px;
  right: 15px;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  width: 70px;
}
#reload-btn img{
width: 70px;
cursor:pointer
}

@media only screen and (max-width: 640px) {
  #reload-btn {
    width: 110px;
  }
  .reload-btn {
    max-width: 100px;
    width: 100%;
  }
}
.kousin-bt{
width:90%;
margin:0 0 20px 0;
text-align:right;
}

img.kousin-btn-yoko{
width: 130px;
cursor:pointer;
}


/*他球場ボタン*/
.allscore_btn{
padding: 0 0 15px;
max-width: 250px;
margin:0 auto 15px;
}
a.btn-flat {
  background: #000;
  box-sizing: border-box;
  border: 5px solid #094;
  border-top:none;
  border-bottom:none;
  color: #fff;
  display: inline-block;
  width: 100%;
  max-width: 250px;
  font-size: 1rem;
  font-weight: 700;
  padding: 1rem 0;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
}


/*ページトップ*/
.pagetop {
width: 100%;
text-align: center;
margin: 20px auto;
}
.pagetop img{
width: 200px;
}

/*carchi誘導*/
.carchi_txt{
	font-size: .9em;
	color: #FFF;
	margin-bottom: 1em;
}
.carchi_txt a:link,.carchi_txt a:visited{
	color: #FFADB4;
	font-weight: bold;
}
.carchi_txt a:hover,.carchi_txt a:active{
	text-decoration: none;
}
@media only screen and (max-width: 640px) {
	.carchi_txt{
	font-size: .8em;
}
}

.carchi_bn{
	text-align: center;
	margin-top: 20px;
}

.carchi_bn img{
	width: 320px;
}