@charset "utf-8";

/* ========================================================
	raceinfo_add.css => レースガイド 追加分
======================================================== */

.page_title{ background-image: url(../../../raceinfo/images/page_title_bg.jpg); }

.blk {
	/*border-bottom:1px solid #000; */
	padding:2rem 0px;
}
.blk:first-of-type {
	padding-top:0;
}

.blk h1{font-size:2rem;}
.blk header{ border-top:3px solid #004d9a; border-bottom:3px solid #004d9a; padding:1.5rem 0; margin:3rem 0;}
.blk .box{ margin-bottom:5rem; }
.blk .box .txt_area a{ margin-top:1rem; }


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

}

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

.blk .box{ display:-webkit-box; display:-moz-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; }
.blk .box .map{ margin-right:3rem; }

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

.blk .box{ text-align:center; }
.blk .box a{ text-align:center; margin:1rem auto 0; }
	.blk .box .txt_area{
		text-align: left;
	}
	.map {
		margin-bottom: 2rem;
	}
	div.sel {
		width: 100%;
	}
}

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

}

@media screen and (min-width: 769px), print {
	.category_tab a {
		width: 100px;
		height: 66px;
		font-size: 2.4rem;
	}
	.category_tab a:hover {
		background-color: #fff;
		color: #000;
	}
	div.sel {
		width: 48%;
	}
	div.fl {
		clear: both;
	}
	.box_btn.large {
		font-size: 1em;
		width: 300px;
	}
	div.txt_area{
		font-size: 0.9em;
	}
	
	.local_sub_nav ul a {
		font-size: 1.8rem;
	}
}