@charset "utf-8";

/* ========================================================
	service.css => 実況・テレホンサービス
======================================================== */

.page_title{ background-image: url(../../../raceinfo/images/page_title_bg.jpg); }
.mb10{ margin-bottom:10px; }
a img:hover{ opacity:0.7; }

.blk {border-bottom:1px solid #000;padding:2rem 0px;}
.blk header{padding:2rem 0px;}

.blk h1{font-size:2.4rem;}
.blk h2{font-size:2rem; background:#f0f0f0; margin-bottom:2rem; padding:1rem; }
.blk .box{ margin-bottom:4rem; }
.blk .box + .box{ margin-bottom:2rem; }
.blk dl dt{ text-align:center; }
.blk dl dd{ line-height:1.5; font-size:2rem; }
.blk dl dt span,
.blk dl dd span{ font-size:2.4rem; font-weight:bold; }
.blk p.subject{ padding:1rem; background:#e5eff9; font-weight:bold; }

.blk .table_box{ margin:1rem 0 1rem; display:-webkit-box; display:-moz-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-justify-content:space-between; justify-content:space-between; }
.blk .table_box div{ width:24%; }
.blk .table_box div table{ width:100%; }
.blk table th,.blk table td{ text-align:center; }
.blk table thead th,
.blk table thead td,
.blk table tbody th,
.blk table tbody td{padding: 10px 10px;border:1px solid #ddd;}
.blk table thead th{background:#787878;color:#FFF;}
.blk table tbody th{ background:#f0f0f0; }

.blk:first-of-type {padding-top:0;}
.blk:last-child {border-bottom:0;}


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

}

@media screen and (min-width: 769px), print {

.blk dl{ display:-webkit-box; display:-moz-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; margin-bottom:2rem; -webkit-align-items: center; -ms-flex-align:center;	align-items: center; }
.blk dl dt{ display:-webkit-box; display:-moz-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; background:#0063c5; color:#fff; -webkit-align-items: center; -ms-flex-align:center;	-webkit-justify-content: center; -ms-flex-pack:center; justify-content:center; align-items:center; margin-right:2rem; padding:2rem; }
	
	
	.local_sub_nav ul a {
		font-size: 1.8rem;
		/* font-size: 1.4rem; */
	}

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

.blk dl dt{ background:#0063c5; padding:2rem; color:#fff; margin-bottom:2rem; }
.blk dl dd{ text-align:center; }
.blk p.subject{ margin-top:3rem; }

}

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

}