@charset "utf-8";
/* ===================================================================
CSS information

 file name  :  map.css
 style info :  スタイル指定
=================================================================== */

header {
	position: static;
}
header div {
    max-width: 700px;
    margin: 0 auto;
	text-align:right;
}
header div a.request {
    padding-top: 6px;
}
.map {
	background: #81bbde;
	padding: 0 0 30px;
}
.ttl {
	font-size: 20px;
	background: #62abd7;
	font-weight: normal;
	height: 50px;
	line-height: 50px;
	margin: 0;
}
.btn_list {
	margin: 32px auto 0;
	width: 260px;
}
.btn_list li {
	float: left;
	margin: 0 20px 0 0;
}
.btn_list li.last {
	margin-right: 0;
}
footer {
	background: #fff;
	border-top: 1px solid #cdcdcd;
}
footer address {
	border-bottom: 1px solid #cdcdcd;
}

.cvBtnWrap { margin-top:30px;}

.planDetail { background: #81bbde; padding: 10px 7px;}

@media screen and (max-width: 742px) {
.request { margin-right:0 !important;}
}
@media screen and (max-width: 640px) {
header div a.request {
    padding-top: 0;
}
}

/*----------.eventInfo----------*/
.eventInfo { background: #ffe6e6; padding: 0 20px;}
.eventInfo h4 { padding:10px 0 20px;}
.eventInfo > div { padding: 20px 0;}
.eventInfo > div > div { display:inline-block; vertical-align:middle; padding: 10px; background: #fff; width:33.333333333%;}
.eventInfo > div p.caption { text-align: left; max-width: 496px; margin: 10px auto 0;}

@media screen and (max-width: 767px) {
.eventInfo h4 { width:100%; margin-right:0%;}
.eventInfo > div > div { width:100%;}
.eventInfo > div > div img { padding-bottom:20px; border-bottom:#ddd 2px solid;}
.eventInfo > div > div+div+div img { padding-bottom:0; border-bottom:none;}
}
@media screen and (max-width: 480px) {
.eventInfo { padding: 0 10px;}
}