@charset "utf-8";

/* ========================================================
	guide.css => 電話・インターネット投票案内
======================================================== */

.mb20{ margin-bottom:2rem; }
.page_title{ background-image: url(../../../raceinfo/images/page_title_bg.jpg); }

.blk {padding:2rem 0px;}
.blk:first-of-type {padding-top:0;}
.blk header{padding:2rem 0px;}

.blk h1{font-size:2.4rem;}
.blk h2{font-size:2rem; border-top:3px solid #004d9a; border-bottom:3px solid #004d9a; padding:1rem 0; margin:1rem 0 3rem;}

.blk a img:hover{ opacity:0.7;}

.blk .txt_box{ padding:0 2rem; }
.blk .txt_box p+p{ margin-top:2rem; }
.blk .txt_box p.text_indent{ padding-left:4rem; }
.blk .txt_box p strong{ color:#004d9a; }
.blk .txt_box p span{ font-weight:bold; font-size:1.8rem; }
.blk .txt_box p span.red { font-size:1.5rem; }
.blk .txt_box p+img{ margin:2rem 0; }
.blk div + h2{ margin-top:5rem; }

.blk .race_movie{ padding:0 2rem; margin-top:2rem; overflow:hidden; }
.blk .race_movie .img_box{ float:right; margin-top:2rem; }
.blk .race_movie .inner{ margin:2rem 0 3rem; }
.blk .race_movie .inner p+p{ margin-top:2rem; }
.blk .race_movie .inner p span{ font-size:1.8rem; font-weight:bold; }

.blk table{ margin:1rem 0 2rem 2rem; }
.blk table.area_table{ width:80%; }
.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;text-align:center;}
.blk table thead th.null{ background:none; border:none; }
.blk table thead th.w3{ width:35%; }
.blk table thead th.w4{ width:12%; }
.blk table tbody td{text-align:left;}
.blk table tbody td:first-child{ text-align:center}
.blk table tbody td > div{ background:#e5eff9; padding:1rem; }

@media screen and (min-width: 1300px) {}

@media screen and (min-width: 769px), print {
	.local_sub_nav ul a {font-size: 1.8rem;}
}

@media screen and (max-width: 768px) {
	.blk .race_movie .img_box{float:none;margin-top:0;}
	.blk table.area_table{width: 100%;}
}

@media screen and (max-width: 370px) {}