@charset "utf-8";

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

/* #container .contents #contents_hd
======================================================================= */
#contents_hd{
padding:0 10px;
}

#contents_hd h1{
background:url(/sun_common/contents_alias/factory/kyushu-kumamoto/common/img/tit_bg.png) repeat 0 0;
border-radius:5px;
padding:17px 10px 15px 15px;
font-size:16px;
line-height:110%;
font-weight:bold;
color:#000;
text-align:left;
margin:0 0 15px 0;
}

/* #container .contents #contents_hd .notice_important
-------------------------------------------------- */
#container .contents #contents_hd .notice_important{
margin-top:5px;
margin-bottom:15px;
}

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

#main_contents .sp_pt10 {
padding: 10px 0 0 0 !important;
}

#main_contents .txt_bold{
font-weight: bold;
}

#main_contents .sp_size {
width: 50% !important;
}

/* #main_contents #tab_contents_wrap
==================================== */
#main_contents #tab_contents_wrap{
padding:5px 0 10px 0;
}

/* #tab_contents_wrap .tab_menu
-------------------------------------------------- */
#tab_contents_wrap .tab_menu ul{
display:table;
width:100%;
line-height:0;
}

#tab_contents_wrap .tab_menu ul li{
display:table-cell;
vertical-align:bottom;
width:50%;
}

#tab_contents_wrap .tab_menu ul li a{
display:block;
}

#tab_contents_wrap .tab_menu ul li a img{
width:100%;
height:auto;
}

#tab_contents_wrap .tab_menu ul li.btn_01 a{
background:url(../img/tab_menu_spbtn_01_on.png) no-repeat 0 bottom;
background-size:100% auto;
}

#tab_contents_wrap .tab_menu ul li.btn_02 a{
background:url(../img/tab_menu_spbtn_02_on.png) no-repeat 0 bottom;
background-size:100% auto;
}

#tab_contents_wrap .tab_menu ul li.active a img,
#tab_contents_wrap .tab_menu ul li a.hover img{
opacity:0;filter:alpha(opaciy=0);-ms-filter:"alpha(opacity=0)";
}




/* #tab_contents_wrap #tab_contents_area .tab_contents
-------------------------------------------------- */
#tab_contents_wrap #tab_contents_area{
background-color:#fff;
padding:18px 10px 0 10px;
text-align:left;
}

#tab_contents_wrap #tab_contents_area .tab_contents{
display:none;
}


/* #tab_contents_wrap #tab_contents_area .tab_contents .event_info_box
==================================== */
#container .contents #tab_contents_area .event_info_box ul li:before{
background:url(/sun_common/contents_alias/factory/kyushu-kumamoto/common/img/frame_sp_hd.png) no-repeat 0 0 #fff;
background-size:100% auto;
content:"";
float:left;
width:100%;
height:2px;
border-radius:2px 2px 0 0;
margin:-2px 0 0 0;
}

#container .contents #tab_contents_area .event_info_box ul li{
border:none;
background:url(/sun_common/contents_alias/factory/kyushu-kumamoto/common/img/frame_sp_bg.png) repeat-y 0 0 #fff;
background-size:100% auto;
margin:0 0 20px 0;
}

#container .contents #tab_contents_area .event_info_box ul li:after{
background:url(/sun_common/contents_alias/factory/kyushu-kumamoto/common/img/frame_sp_ft.png) no-repeat 0 bottom #fff;
background-size:100% auto;
content:"";
float:left;
width:100%;
height:2px;
border-radius:0 0 2px 2px;
margin:0 0 -2px 0;
}



/*#tab_contents_wrap #tab_contents_area .tab_contents h2
==================================== */
#tab_contents_area .tab_contents h2{
background:url(/sun_common/contents_alias/factory/kyushu-kumamoto/common/img/tit_bg.png) repeat 0 0;
border-radius:5px;
padding:17px 10px 15px 15px;
font-size:18px;
line-height:110%;
font-weight:bold;
color:#000;
}


/* #tab_contents_wrap #tab_contents_area .tab_contents .g_map
==================================== */
#tab_contents_area .tab_contents .g_map{
line-height:0;
padding:25px 0 25px 0;
width:98%;
margin:0 0 0 1%;
line-height:0;
}

#tab_contents_area .tab_contents .g_map a img{
width:100%;
height:auto;
}

#tab_contents_area .tab_contents .g_map a.hover{
background-color:#fff;
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter:"alpha(opacity=80)";
}


/* #tab_contents_wrap #tab_contents_area .tab_contents#bus_contents #train_block
======================================================================== */
/* #bus_contents #train_block .map
==================================== */
#bus_contents #train_block .map dl dt{line-height:0;}
#bus_contents #train_block .map dl dt img{
width:100%;
height:auto;
}

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

#bus_contents #train_block .time dl dt{line-height:0;}

#bus_contents #train_block .time dl dt img{
width:100%;
height:auto;
}

/* #bus_contents #train_block .time dl dd
-------------------------------------------------- */
#bus_contents #train_block .time dl dd{
width:94%;
margin:0 0 0 3%;
}

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

/* #bus_contents #train_block .time dl dd ul.caution li.roote_btn
-------------------------------------------------- */
#bus_contents #train_block .time dl dd ul.caution li.roote_btn{
line-height:0;
margin:0 0 15px 0;
text-align:center;
}

#bus_contents #train_block .time dl dd ul.caution li.roote_btn a{
display:block;
border:1px solid #ddd;
}

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

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

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

#bus_contents #train_block .time dl dd p.taxi{
text-align:left;
margin:5px 0 0 0;
font-size:12px;
line-height:140%;
letter-spacing:-0.5px;
color:#000;
}



/* #tab_contents_wrap #tab_contents_area .tab_contents#bus_contents #bus_block
======================================================================== */
#bus_contents #bus_block{
margin:30px 0 0 0;
}

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

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

.color_red {
	color: #f00;
}

#bus_contents #bus_block .lead_box p.caution{
font-size: 12px;
letter-spacing: -1px;
color: #322517;
margin: 15px 0 25px 0;
}

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




#bus_contents #bus_block .lead_box dl dd p.link a.hover{
text-decoration:underline;
}

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

#bus_contents #bus_block .lead_box dl dt img{
width:90%;
height:auto;
border:1px solid #ddd;
margin:0 auto;
margin-bottom: 20px;
}



/* #bus_contents #bus_block #bus_schedule
==================================== */
#tab_contents_area #bus_contents #bus_block #bus_schedule h2 i{
font-size:13px;
display:block;
padding:3px 0 0 0;
}

/* #bus_schedule .month
-------------------------------------------------- */
#bus_block #bus_schedule .month{
width:94%;
margin:0 0 0 3%;
/*padding:15px 0 0 0;*/
margin-top: 20px;
}

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

#bus_schedule .month h3{
background:#FFF17D;
font-size:15px;
line-height:130%;
font-weight:bold;
color:#333;
padding: 10px;
margin:0 0 5px 0;
text-align:center;
}

#bus_schedule .month h3 span{
	display: inline-block;
}

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

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

#bus_schedule .month .schedule_block table th span.sp_only {
	display: block;
	text-align: center;
	font-size: 16px;
	color: #fff;
	font-weight: bold;	
}

#bus_schedule .month .schedule_block table tr th span#schedule_block_attention_special {
	display: block;
	padding: 7px 0 3px 0;
	font-size: 18px;
	font-weight: bold;
	color: #f00;
	background-color: #fff;
}

#bus_schedule .month .schedule_block table tr.hl td {
	font-size:13px;
	letter-spacing:0.5px;
	font-weight:bold;
	color:#000;
	padding:5px 0;
	text-align:center;
	vertical-align: middle;
}
#bus_schedule .month .schedule_block_right table tr.hl td { padding: 13px 0; }

#bus_schedule .month .schedule_block table tr.hl td > span { display: inline-block; }

#bus_schedule .month .schedule_block table tr.hl td > span i {
	padding:0 0 0 0.4em;
	font-size:11px;
}

#bus_schedule .month .schedule_block table tr.hl td.hd_go { background: #f7f5b7; }
#bus_schedule .month .schedule_block table tr.hl td.hd_start { background: #daf1e9; width: 33%; }
#bus_schedule .month .schedule_block table tr.hl td.hd_back { background: #eadbc1; width: 33%; }
#bus_schedule .month .schedule_block_left table tr.hl td.hd_go > span { font-size: 12px; line-height: 14px; }
#bus_schedule .month .schedule_block_left table tr.hl td.hd_go > span span { letter-spacing: -0.15em; }

#bus_schedule .month .schedule_block table td ul li{
width:100%;
font-size:14.5px;
line-height:130%;
letter-spacing:0.5px;
font-weight:bold;
color:#000;
padding:5px 0 5px 0;
text-align:center;
border-bottom:2px solid #ddf6ee;
}

#bus_schedule .month .schedule_block table td ul li.rest{
background:#ddf6ee;
border-bottom:2px solid #fff;
}

#bus_schedule .month .schedule_block .mb20 {
margin-bottom: 20px;
}

#bus_schedule .month .schedule_block p {
font-size: 18px;
}

/* #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:#000;
}

#bus_schedule .month p.note:before{
display:block;
background:#ddf6ee;
content:"";
float:left;
width:30px;
height:20px;
margin:0 3px 0 0;
}

/* レストラン利用者のみ時間 非表示用
-------------------------------------------------- */
#bus_schedule .month .schedule_block table td ul li.rest,
#bus_block #bus_schedule .month p.note {
display:none; 
}

/* #bus_schedule .month.accordion_sp dl
-------------------------------------------------- */
#bus_schedule .month.accordion_sp dl{
margin:30px 0  0;
}

#bus_schedule .month.accordion_sp dl dt{
color:#fff;
font-weight:bold;
font-size:17px;
padding:10px 26px 10px 0;
text-align:center;
cursor:pointer;
background:url(../img/accordion_ico_sp.png) no-repeat 96% 50% #097;
background-size:24px 24px;
}

#bus_schedule .month.accordion_sp dl dt.open{
background:url(../img/accordion_ico_sp_on.png) no-repeat 96% 50% #097;
background-size:24px 24px;
}

#bus_schedule .month.accordion_sp dl dd{
padding:15px 0 0 0;
}

/* #bus_block #bus_schedule .caution
-------------------------------------------------- */
#bus_schedule .caution{
padding: 0 0 30px 0;
}

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

#bus_schedule .caution ul li.red{
color:#ff0000;
}



#bus_block #bus_schedule .month .bus_term {
	margin-bottom: 5px;
}





#bus_block #bus_route,
#bus_block #bus_stop,
#bus_schedule .schedule_block p {
	width: 	100%;
	font-size: 14.5px;
	font-weight: bold;
}

#bus_block #bus_route h3,
#bus_block #bus_stop h3 {

	border-radius:5px;
	padding:17px 10px 15px 0;
	font-size:18px;
	line-height:110%;
	font-weight:bold;
	color:#009977;
}




#bus_block #bus_route {
	margin-bottom: 20px;
	overflow: hidden;
}

	#bus_block #bus_route h3 {
		background:url(../img/bus_route_sp.png) 20px center no-repeat,
		url(/sun_common/contents_alias/factory/kyushu-kumamoto/common/img/tit_bg.png) repeat 0 0;
		padding-left: 120px;
	}

	#bus_block #bus_route #bus_route_forward,
	#bus_block #bus_route #bus_route_backward {
		width: 100%;
		margin-top: 20px;
		overflow: hidden;
	}

	#bus_block #bus_route #bus_route_forward dt,
	#bus_block #bus_route #bus_route_backward dt {
		width: 100px;
		height: 100px;
		line-height: 100px;
		font-weight: bold;
    	letter-spacing: 3px;
		float: left;
		text-align: center;
		font-size: 16px;
		margin-right: 15px;
		margin-bottom: 30px;
	}

	#bus_block #bus_route #bus_route_forward dt {
		background-color: #f7f5b7;		
	}

	#bus_block #bus_route #bus_route_backward dt {
	    background-color: #eadbc1;

	}

	#bus_block #bus_route dd {
		margin: 20px 0 0 0;
		letter-spacing: 0.5px;
	}

	#bus_block #bus_route dd:before {
		content: "・"
		
	}
	
	#bus_block span.bus_block_attention {
		color: #f00;
		display: block;
		margin-top: 5px;
	}

		#bus_block span.bus_block_attention.sp_busstop {
			display: inline-block;
			margin: 0 0 0 5px;
		}
		
		#bus_block span.bus_block_attention.bus_block_attention_sp {
			display: inline;
		}

	
	#bus_block #bus_stop dd span.bus_stop_attention {
		color: #f00;
		display: block;
		margin: 5px 0 10px 0;
		font-weight: bold;
	}

@media (max-width:430px) {
	/*#bus_block #bus_route dd span.bus_route_attention {
        display: block;
	}*/
	
    #bus_block #bus_route dd {
    	margin-top: 17px;
		line-height: 120%;
	}
}

@media (max-width:360px) {
    #bus_block #bus_route dd {
    	margin-top: 10px;
	}
}



#bus_block #bus_stop {
	margin-bottom: 10px;
}

	#bus_block #bus_stop h3 {
		background:url(../img/bus_stop_sp.png) 20px center no-repeat,
		url(/sun_common/contents_alias/factory/kyushu-kumamoto/common/img/tit_bg.png) repeat 0 0;
		padding-left: 80px;
	}

	#bus_block #bus_stop dl {
    	width: 100%;
		margin-top: 15px;
	}

	#bus_block #bus_stop dt,
    #bus_block #bus_stop dd {
		line-height: 140%;
		letter-spacing: 0.5px;
	}

#bus_contents #bus_block #bus_stop dl dd p.link {
    margin: 5px 0 25px 0;
}

#bus_contents #bus_block #bus_stop dl dd p.link a{
font-size:13px;
height: 13px;
line-height:13px;
letter-spacing: 1px;
color:#f70;
background:url(/sun_common/contents_alias/factory/kyushu-kumamoto/common/img/ico_ar_r.png) no-repeat 0 30%;
background-size: 13px;
padding:0 0 0 17px;
}




    #bus_block #bus_stop dd#station_info {
		display: block;
		margin: 10px 0 0 0;
		padding: 0;
	}

    #bus_block #bus_stop dd#station_info #station_info_detail {
		display: none;
	}


    	#bus_block #bus_stop dd#station_info h4 {
			font-size: 18px;
			color: #000;
			padding: 15px 10px;
			background-color: #eaeaea;
			letter-spacing: 1px;
			line-height: 140%;
		}

		@media (max-width:350px) {
	    	#bus_block #bus_stop dd#station_info h4 {
				font-size: 16px;
			}
		}

   			#bus_block #bus_stop dd#station_info h4.station_info_btn.closed {
				background: url(/sun_common/contents_alias/factory/kyushu-kumamoto/common/img/accordion_ico.png) right 15px center no-repeat;				
				background-size: 25px;
				background-color: #eaeaea;
			}

   			#bus_block #bus_stop dd#station_info h4.station_info_btn.opened {
				background: url(/sun_common/contents_alias/factory/kyushu-kumamoto/common/img/accordion_ico_on.png) right 15px center no-repeat;				
				background-size: 25px;
				background-color: #eaeaea;
			}


   		#bus_block #bus_stop dd#station_info p, 
		#bus_block #bus_stop dd#station_info ul li {
			padding: 0 10px;
			font-size: 13px;
			color: #000;
			font-weight: normal;
			line-height: 150%;
			letter-spacing: 0.5px;
		}


  		#bus_block #bus_stop dd#station_info p#important_caution {
			font-size: 15px;
			color: #f00;
			font-weight: bold;
			margin: 15px 0;		
		}
		
		#bus_block #bus_stop dd#station_info ul#noriba_caution li:before {
			content: "・";
		}


		#bus_block #bus_stop dd#station_info ul#noriba {
			margin: 15px 0 25px 0;
		}

		#bus_block #bus_stop dd#station_info ul#noriba p.noriba_img {
			padding: 0;
			margin-bottom: 10px;
		}

		#bus_block #bus_stop dd#station_info ul#noriba li {
			width: 100%;
			padding: 0;		
		}

		#bus_block #bus_stop dd#station_info ul#noriba li img {
			display: block;
			height: auto;	
			width: 100%;
		}
						
		#bus_block #bus_stop dd#station_info ul#noriba li#noriba_right p {
			width: 70%;
			margin: 0 auto 10px auto;
			padding: 0;
		}

		#bus_block #bus_stop dd#station_info ul#noriba li#noriba_right img {
			width: 100%;
		}





		#bus_block #bus_stop dd#station_info #otemoyan {
			margin-bottom: 25px;
		}

		#bus_block #bus_stop dd#station_info #otemoyan img {
			display: block;
			width: 70%;
			height: auto;
			margin: 10px auto;	
		}

		#bus_block #bus_stop dd#station_info #otemoyan p {

		}

		#bus_block #bus_stop dd#station_info #otemoyan p span {
			margin-top: 10px;
			font-size: 12px;
			display: block;
		}


		#bus_block #bus_stop dd#station_info .enter  {
		}

		#bus_block #bus_stop dd#station_info .enter h5 {
			margin: 0 10px;
			padding: 10px 15px;
    		line-height: 140%;
		}

			#bus_block #bus_stop dd#station_info #enter1 h5 {
				background-color: #eb5192;
			}

			#bus_block #bus_stop dd#station_info #enter2 h5 {
				background-color: #0096ff;				
			}
			
			#bus_block #bus_stop dd#station_info .enter h5 span.enter_title {
				font-size: 14px;
				color: #fff;
			}

			#bus_block #bus_stop dd#station_info .enter h5 span#enter_title_special {
				display: block;
				margin-top: 10px;
			}
		#bus_block #bus_stop dd#station_info .enter ul {
		}

		#bus_block #bus_stop dd#station_info .enter ul li {
			width: 100%;
			padding: 0;
			padding-bottom: 5.3%;
			margin-bottom: 10px;
		}
		
		#bus_block #bus_stop dd#station_info .enter ul li p {
			width: 70%;
			margin: 0 auto;
			padding: 0;
		}
		
		#bus_block #bus_stop dd#station_info .enter ul li p img {
			width: 100%;
			height: auto;
			display: block;
			margin:10px auto 5px auto;
		}

		#bus_block #bus_stop dd#station_info #enter1 ul li:first-child {
			background: url(../img/enter1_arrow_sp.png) center bottom no-repeat;
			background-size: 8.6% auto;								
		}

		#bus_block #bus_stop dd#station_info #enter2 ul li  {
			background: url(../img/enter2_arrow_sp.png) center bottom no-repeat;
			background-size: 8.6% auto;								
		}
		
		#bus_block #bus_stop dd#station_info #enter2 ul li:last-child  {
			background: none;
		}




/* #tab_contents_wrap #tab_contents_area .tab_contents#car_contents
======================================================================== */
/* #car_contents .time
==================================== */
#car_contents .time dl dt{line-height:0;}
#car_contents .time dl dt img{
width:100%;
height:auto;
}

/* #car_contents #car_parking
==================================== */
#car_parking dl{
padding:15px 0 40px 3px;
}

#car_parking dl dt{
font-size:13px;
line-height:150%;
color:#000;
margin:0 0 15px 0;
}

#car_parking dl dd{
font-size:12px;
line-height:140%;
color:#f70;
text-indent:-1em;
margin:0 0 0 1em;
}


#bus_block #bus_schedule #change {
	margin: 0 auto;
	width: 314px;
    height: 126px;
	background: url(../img/arrow_change_sp.png) left top no-repeat;
	background-size: 100%;		
}

#bus_block #bus_schedule #change p {
	padding-top:20px;
	font-size: 18px;
    letter-spacing: 1px;
    font-weight: bold;
    color: #f00;
	text-align: center;
	line-height: 140%;
}

@media (max-width:550px) {
#bus_block #bus_schedule #change {
	width: 250px;
    height: 100px;		
}

#bus_block #bus_schedule #change p {
	padding-top:15px;

}
}