@charset "utf-8";

/* #container .contents
======================================================================= */
#container .contents{
}

/* #container .contents #contents_hd
======================================================================= */
#contents_hd h1{
background:#bf8c00;
padding:12px 15px;
font-size:14px;
line-height:110%;
font-weight:bold;
color:#fff;
text-align:left;
margin:0 0 10px 0;
}

#contents_hd .sns_btn{
padding:0 5px 0 0;
}

/* #container .contents #main_contents
======================================================================= */
#main_contents{
padding:5px 10px 20px 10px;
}

#main_contents .pc_only {
display:none;
}

#train_block, #bus_block, #walk_block, #local_block, #parking_block{
background-color:#fff;
text-align:left;
}

#main_contents .head_area{padding:0 0 15px 0;}
#main_contents .body_area{padding:0 15px 25px 15px;}


/* #container .contents #main_contents .event_info_box
==================================== */
#container .contents #main_contents .event_info_box ul li{
border:none;
background:url("../img/bg_info.png") repeat;
background-size:100% auto;
margin:0 0 10px 0;
padding: 15px 20px;
line-height: 130%;
}

#container .contents #main_contents .event_info_box ul li h4{
font-weight:bold;
}


/* h2
==================================== */
#main_contents h2{
background:#e8e4c8;
padding:8px 0px 8px 10px;
font-size:17px;
font-weight:bold;
color:#64380e;
}

#main_contents #train_block h2 .header_box{background:url("../img/icon_train.png") no-repeat 8px center;background-size:26px 18px;padding:5px 0 5px 45px;}
#main_contents #bus_block h2 .header_box{background:url("../img/icon_bus_sp.png") no-repeat 8px center;background-size:27px 13px;padding:3px 0 0 45px;}
#main_contents #walk_block h2 .header_box{background:url("../img/icon_walk.png") no-repeat 8px center;background-size:22px 27px;padding:3px 0 0 45px;}
#main_contents #local_block h2 .header_box{background:url("../img/icon_bus_sp.png") no-repeat 8px center;background-size:27px 13px;padding:3px 0 0 45px;}
#main_contents #parking_block h2 .header_box{background:url("../img/icon_parking.png") no-repeat 8px center;background-size:27px 14px;padding:5px 0 5px 45px;}

#main_contents h2 span{
font-size:14px;
}


/* .g_map
==================================== */
#main_contents .g_map{
width:100%;
}

#main_contents .g_map a{
display:block;
background-color:#ffcc00;
width:100%;
padding:15px 0;
text-align:center;
color:#332900;
font-size:16px;
font-weight:bold;
position:relative;
}

#main_contents .g_map a:after{
position:absolute;
display:block;
content:'';
top:38%;
right:20%;
width:10px;
height:10px;
border-right:2px solid #332900;
border-bottom:2px solid #332900;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

#main_contents .g_map a.hover{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter:"alpha(opacity=80)";
}


/* .info_box
==================================== */
#container .contents #main_contents .info_box{
padding:20px 0 0 0;
}
#container .contents #main_contents .info_box.info_box2 {
padding-top: 10px;
}
#container .contents #main_contents .info_box dl{
background-color:#fff;
}

/* #m12
==================================== */
#m12 {
	/* padding-top: 30px; */
}


/* #train_block
======================================================================== */
#train_block{
margin:20px 0 0 0;
}

/* #train_block .service_ended */
#train_block .service_ended {
	background:#ffe0e0;
	padding:8px 10px;
}

#train_block .service_ended p {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #ea0000;
	line-height: 1.6em;
}

/* #train_block .map
==================================== */
#train_block .map dl{margin:20px 0 0 0;}
#train_block .map dl dt{line-height:0;}
#train_block .map dl dt img{
width:100%;
height:auto;
}

#train_block .map #route_map {
	width: 100%;
	margin-top: 30px;
}
#train_block .map #route_map img {
	width: 100%;
	height: auto;
}


/* #train_block .time
==================================== */
#train_block .time dl{
margin:20px 0 0 0;
}

#train_block .time dl dd ul.caution{
margin:30px auto 0 auto;
text-align:left;
}

#train_block .time dl dd ul.caution a li.roote_btn{
display:block;
border:1px solid #ddd;
margin:0 0 15px 0;
line-height:0;
}

#train_block .time dl dd ul.caution a li.roote_btn img{
width:100%;
height:auto;
margin:0 auto;
}

#train_block .time dl dd ul.caution a.hover li.roote_btn{
border:1px solid #e70013;
}

#train_block .time dl dd ul.caution li{
font-size:12px;
line-height:160%;
letter-spacing:-1px;
color:#322517;
}


/* #scroll_block
======================================================================== */
#scroll_block{
margin:30px 0px 0 0px;
overflow:hidden;
}

#scroll_block #bus_btn{
float:left;
width: 48%;
height: auto;
background: none;
text-indent: 0;
}

#scroll_block #walk_btn{
float:right;
width: 48%;
height: auto;
background: none;
text-indent: 0;
}

#scroll_block #bus_btn img,
#scroll_block #walk_btn img{
width: 100%;
}

#scroll_block a:hover div img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter:"alpha(opacity=80)";
}



/* #bus_block
======================================================================== */
#bus_block{
margin:10px 0 0 0;
}

/* #bus_block .lead_box
-------------------------------------------------- */
#bus_block .lead_box dl{
padding:0 0 20px 0;
}

#bus_block .lead_box dl dd p.txt{
font-size:15px;
line-height:150%;
letter-spacing:-1px;
color:#322517;
margin:0 0 12px 0;
}

#bus_block .lead_box dl dt{
margin:15px 0 0 0;
text-align:center;
line-height:0;
}

#bus_block .lead_box dl dt img{
width:50%;
height:auto;
}

#bus_block .lead_box p.caution{
font-size:12px;
line-height:150%;
letter-spacing:-1px;
color:#322517;
margin:0 0 12px 0;
}

#bus_block .lead_box p.caution span{
display:inline-block;
text-indent:-1em;
padding-left:1em;
}


/* #bus_block #bus_root
==================================== */
#bus_block #bus_root{
margin:30px 0 50px 0;
}

/* #root_info
-------------------------------------------------- */
#bus_block #bus_root #root_info{
margin:0 0 30px 0;
}

#bus_block #bus_root #root_info h3{
font-size:19px;
font-weight:bold;
color:#64380e;
background:url(../img/bg_bus_root.png) repeat-x 0 bottom;
padding:0 0 15px 0;
margin:0 0 10px 0;
}

#bus_block #bus_root #root_info h3.root span{background:url(../img/icon_bus_sp.png) no-repeat 0 center;background-size:27px 13px;padding:0 0 0 35px;}
#bus_block #bus_root #root_info h3.stop span{background:url(../img/icon_bus_stop_sp.png) no-repeat 10px center;background-size:10px 32px;padding:20px 0 20px 30px;}

#bus_block #bus_root #root_info dl{
margin:0 0 30px 0;
}

#bus_block #bus_root #root_info dl dt{
width:15%;
background:#8c755b;
font-size:15px;
color:#fff;
padding:5px 0;
text-align:center;
}

#bus_block #bus_root #root_info dl dd{
font-size:14px;
line-height:150%;
color:#64380e;
padding:10px 0 10px 0;
}

#bus_block #bus_root #root_info ul li{
font-size:14px;
line-height:150%;
color:#64380e;
margin:0 0 15px 0;
}

#bus_block #bus_root #root_info ul li span{
display:block;
padding:0 0 0 1em;
}

/* #root_map
-------------------------------------------------- */
#bus_block #bus_root #root_map img{
width:100%;
}

/* #bus_block .bus_caution
==================================== */
#bus_block .bus_caution {
	margin-top: 20px;
}

#bus_block .bus_caution ul li {
	font-size: 13px;
	line-height: 160%;
}


/* #bus_block #bus_schedule
==================================== */
#bus_block #bus_schedule h3{
font-size:19px;
font-weight:bold;
color:#64380e;
background:url("../img/icon_bus_sp.png") no-repeat 0 center;
background-size:27px 13px;
padding:0 0 0 35px;
display:inline;
}
#bus_schedule .caution{
font-size:12px;
color:#ea0000;
}

/* #bus_schedule .month
-------------------------------------------------- */
#bus_block #bus_schedule .month{
padding:15px 0 0 0;
}

#bus_block #bus_schedule .month:after{content:""; clear:both; display:block;}

#bus_schedule .month .ttl h4{
margin:0 0 10px 0;
background-color:#fae5c5;
padding:15px 0 15px 0;
font-size:16px;
line-height:130%;
font-weight:bold;
color:#64380e;
text-align:center;
letter-spacing: 2px;
}

#bus_schedule .month .ttl p{
font-size:15px;
line-height:160%;
color:#322517;
margin:0 0 10px 0;
}

#bus_schedule .month .ttl p.notice{
text-indent:-1em;
padding-left:1em;
}

/* #bus_schedule .month .schedule_block
-------------------------------------------------- */
#bus_schedule .month .schedule_block{
clear: both;
}

#bus_schedule .month .schedule_block table{
width:100%;
margin:0 0 20px 0;
border-collapse: separate;
border-spacing: 0px 8px;
}

#bus_schedule .month .schedule_block table th{
background:#b19b86;
font-size:16px;
line-height:130%;
letter-spacing:2px;
font-weight:bold;
color:#fff;
padding:5px 0 5px 0;
text-align:center;
}

/*ツアー開始時間がない場合*/
/*#bus_schedule .month .schedule_block table td:first-child{padding-left:0;width:33%;}*/
/*#bus_schedule .month .schedule_block table td:last-child{width:33%;}*/

#bus_schedule .month .schedule_block table tr td{
width:25%;
vertical-align: bottom;
}

#bus_schedule .month .schedule_block table tr td h5{
border-top: 1px solid #dbc8af;
}

#bus_schedule .month .schedule_block table tr td h5.oneLine{
padding: 12.5px;
}

#bus_schedule .month .schedule_block table td h5{
width:100%;
font-size:12px;
line-height:130%;
letter-spacing:0.5px;
color:#555;
padding:5px 0 5px 0;
text-align:center;
border-bottom:1px solid #dbc8af;
}

#bus_schedule .month .schedule_block table td ul li{
width:100%;
font-size:14.5px;
line-height:130%;
letter-spacing:0.5px;
color:#555;
padding:5px 0 5px 0;
text-align:center;
border-bottom:1px solid #dbc8af;
background:url(../img/icon_ar_r_brown.png) no-repeat right center;
}

#bus_schedule .month .schedule_block table td ul li:nth-child(odd){background-color:#f7f1e3;}
#bus_schedule .month .schedule_block table td ul li.friday{background:url(../img/icon_ar_r_brown.png) no-repeat right center, url(../img/bg_bus_schedule.png) repeat right center;}

#bus_schedule .month .schedule_block table td ul.arrival li{background-image:none;}
#bus_schedule .month .schedule_block table td ul.arrival li.friday{background:url(../img/bg_bus_schedule.png) repeat right center;}

/* #bus_schedule .month.weekend
-------------------------------------------------- */
#bus_schedule .month.weekend h4{color:#ba3500;}
#bus_schedule .month.weekend h4 .txt_s{font-size:14px;}
#bus_schedule .month.weekend .schedule_block table td h5{color:#ba3500;}
#bus_schedule .month.weekend .schedule_block table td ul li{background:url(../img/icon_ar_r_red.png) no-repeat right center;}
#bus_schedule .month.weekend .schedule_block table td ul li:nth-child(odd){background-color:#f7f1e3;}
#bus_schedule .month.weekend .schedule_block table td ul.arrival li{background-image:none;}

/* #bus_schedule .month table td.additional
-------------------------------------------------- */
#bus_schedule .month table td.additional.td_end{
padding-left:2%;
}

#bus_schedule .month table td.additional.td_start{
padding-right:2%;
}

#bus_schedule .month table td.additional h5,
#bus_schedule .month.weekend table td.additional h5{
color:#555;
background:#f1ce56;
border-bottom:#f1ce56 1px solid;
}

#bus_schedule .month table td.additional ul.arrival li,
#bus_schedule .month.weekend table td.additional ul.arrival li{
background:#fef9d1;
border-bottom:#f1ce56 1px solid;
}

/* #bus_block #bus_schedule .month p.note
-------------------------------------------------- */
#bus_schedule .month p.note{
float:right;
font-size:13px;
line-height:160%;
letter-spacing:0.5px;
color:#322517;
margin:-10px 0 0 0;
}

#bus_schedule .month p.note:before{
display:block;
background:#ddf6ee url(../img/bg_bus_schedule.png) repeat right center;
content:"";
float:left;
width:30px;
height:20px;
margin:0 3px 0 0;
}

/* #bus_block #bus_schedule .caution
-------------------------------------------------- */
#bus_schedule .caution ul{
margin:20px 0 0 0;
}

#bus_schedule .caution ul li{
font-size:12px;
line-height:160%;
color:#322517;
text-indent:-1em;
margin:0 0 0 1em;
}

#bus_schedule .caution ul li.red{
color:#ea0000;
font-size:13px;
}


/* #walk_block
======================================================================== */
#walk_block{
margin:20px 0 0 0;
}

#walk_block p.txt{
font-size:15px;
line-height:150%;
color:#322517;
margin:0 0 10px 0;
}

/* #walk_block #root_box
-------------------------------------------------- */
#walk_block #root_box{
margin:25px 0 25px 0;
}

#walk_block #root_box ul li{
overflow:hidden;
}

#walk_block #root_box ul li div{
float:left;
width:40%;
background:url("../img/icon_ar_u_yellow_sp.png") no-repeat;
background-position:center 90%;
background-size:11px 8px;
padding:0 0 30px 0;
}

#walk_block #root_box ul li:last-child div{
background:none;
padding:0;
}

#walk_block #root_box ul li div img{
width:100%;
}

#walk_block #root_box ul li p{
float:right;
width:54%;
font-size:15px;
line-height:150%;
color:#322517;
margin:0;
}


/* #local_block
======================================================================== */
#local_block{
margin:20px 0 0 0;
}

#local_block .txt{
font-size:15px;
line-height:150%;
}

#local_block .caution{
font-size:12px;
line-height:150%;
text-indent:-1em;
padding-left:1em;
margin:30px 0 0 0;
}

#local_block .caution a{
text-decoration:underline;
}


/* #parking_block
======================================================================== */
#parking_block{
margin:20px 0 0 0;
color:#322517;
}

#parking_block .txt{
font-size:15px;
font-weight:bold;
line-height:150%;
margin:20px 0 20px 0;
}

#parking_block .caution{
font-size:12px;
line-height:150%;
color:#ff0000;
text-indent:-1em;
padding-left:1em;
margin:0 0 30px 0;
}

/* #parking_block #user_list
-------------------------------------------------- */
#parking_block #user_list dl dt{
font-size:14px;
font-weight:bold;
line-height:150%;
margin:0 0 5px 0;
text-indent:-1em;
padding-left:1em;
}

#parking_block #user_list dl dd{
font-size:14px;
line-height:150%;
margin:0 0 20px 0;
}

/* #parking_block #car_navigation
-------------------------------------------------- */
#parking_block #car_navigation{
border:3px solid #e60012;
padding:15px;
}

#parking_block #car_navigation dl{
margin:0 0 15px 0;
}

#parking_block #car_navigation dl dt{
font-size:14px;
font-weight:bold;
line-height:150%;
margin:0 0 5px 0;
text-indent:-1em;
padding-left:1em;
}

#parking_block #car_navigation dl dd{
font-size:14px;
line-height:150%;
}

#parking_block #car_navigation dl dd span.text_red{
color: #FF0000;
font-weight:normal;
}

#parking_block #car_navigation dl dd span{
font-weight:bold;
}

#parking_block #car_navigation div.img_map img{
width:100%;
}