@charset "utf-8";

.sp_only {
	display: none;
}

/* #container .contents
======================================================================= */
#container .contents{
padding-top: 60px;
}

/* #container .contents #contents_hd
======================================================================= */
#contents_hd{
width:960px;
margin:0 auto;
}

#contents_hd h1{display:none;}

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

/* #container .contents #main_contents
======================================================================= */
#main_contents{
width:960px;
margin:0 auto;
}

#main_contents .mt30{
margin-top: 30px;
}

#main_contents .w160{
width: 160px !important;
}

#main_contents .w226{
width: 226px !important;
}

#main_contents .txt_bold{
font-weight: bold;
font-size: 11px !important;
}

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

/* #tab_contents_wrap .tab_menu
-------------------------------------------------- */
#tab_contents_wrap .tab_menu ul{
display:table;
margin:0 0 0 20px;
}

#tab_contents_wrap .tab_menu ul li{
display:table-cell;
vertical-align:middle;
padding:0 0 0 20px;
}

#tab_contents_wrap .tab_menu ul li a{
display:block;text-indent:100%;white-space:nowrap;overflow:hidden;line-height:0;
width:430px;
height:60px;
background:url(../img/tab_menu_pc.png) no-repeat 0 0;
}

#tab_contents_wrap .tab_menu ul li.btn_01 a{background-position:0 0;}
#tab_contents_wrap .tab_menu ul li.btn_02 a{background-position:-450px 0;}

#tab_contents_wrap .tab_menu ul li.btn_01.active a,
#tab_contents_wrap .tab_menu ul li.btn_01 a.hover{background-position:0 -100px;}
#tab_contents_wrap .tab_menu ul li.btn_02.active a,
#tab_contents_wrap .tab_menu ul li.btn_02 a.hover{background-position:-450px -100px;}


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

#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{
padding:0 0 0 0;
}

#container .contents #tab_contents_area .event_info_box ul{
width:880px;
margin:0 auto;
}

#container .contents #tab_contents_area .event_info_box ul li:before{
background:url(/sun_common/contents_alias/factory/kyushu-kumamoto/common/img/frame_880.png) no-repeat 0 0 #fff;
content:"";
float:left;
width:880px;
height:5px;
margin:-5px 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_880.png) repeat-y -1000px 0 #fff;
margin:0 0 30px 0;
}

#container .contents #tab_contents_area .event_info_box ul li:after{
background:url(/sun_common/contents_alias/factory/kyushu-kumamoto/common/img/frame_880.png) no-repeat -2000px 0 #fff;
content:"";
float:left;
width:880px;
height:5px;
margin:0 0 -5px 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:20px;
line-height:130%;
font-weight:bold;
color:#000;
}


/* #tab_contents_wrap #tab_contents_area .tab_contents .g_map
==================================== */
#tab_contents_area .tab_contents .g_map{
text-align:center;
line-height:0;
padding: 0 0 30px 0;
}

#tab_contents_area .tab_contents .g_map a{
display:block;text-indent:100%;white-space:nowrap;overflow:hidden;line-height:0;
width:430px;
height:70px;
background:url(../img/g_map_btn_pc.png) no-repeat 0 0;
margin:0 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 dl dd.print_qr_box
==================================== */
#tab_contents_area .tab_contents dl dd.print_qr_box{
float:right;
width:136px;
height:240px;
background:url(../img/print_qr_box_pc.png) no-repeat 0 0;
}

#tab_contents_area .tab_contents dl dd.print_qr_box p.print_btn a{
display:block;text-indent:100%;white-space:nowrap;overflow:hidden;line-height:0;
width:136px;
height:37px;
}

#tab_contents_area .tab_contents dl dd.print_qr_box p.qr_btn a{
margin:149px 0 0 13px;
display:block;text-indent:100%;white-space:nowrap;overflow:hidden;line-height:0;
width:110px;
height:34px;
}

#tab_contents_area .tab_contents dl dd.print_qr_box p a.hover{
background-color:#fff;
opacity:0.2;
filter:alpha(opacity=20);
-ms-filter:"alpha(opacity=20)";
}


/* #tab_contents_wrap #tab_contents_area .tab_contents#bus_contents #train_block
======================================================================== */
/* #bus_contents #train_block .map
==================================== */
#bus_contents #train_block .map dl:after{content:""; clear:both; display:block;}
#bus_contents #train_block .map dl dt{
float:left;
display:block;text-indent:100%;white-space:nowrap;overflow:hidden;line-height:0;
width:725px;
height:360px;
background:url(../img/bus_train_map_pc.png) no-repeat 0 0;
}

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

#bus_contents #train_block .time dl dt{
display:block;text-indent:100%;white-space:nowrap;overflow:hidden;line-height:0;
width:880px;
height:350px;
background:url(../img/bus_train_time_pc.png) no-repeat 0 0;
}

#bus_contents #train_block .time dl dd:after{content:""; clear:both; display:block;}

#bus_contents #train_block .time dl dd p.taxi{
float:right;
font-size:13px;
line-height:140%;
letter-spacing:0.5px;
color:#000;
margin-top: 10px;
}

/* #bus_contents #train_block .time dl dd ul.caution
-------------------------------------------------- */
#bus_contents #train_block .time dl dd ul.caution{
float:left;
padding:30px 0 0 0;
width:500px;
}

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

/* #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;
padding:0 0 20px 0;
}

#bus_contents #train_block .time dl dd ul.caution li.roote_btn a{
display:block;text-indent:100%;white-space:nowrap;overflow:hidden;line-height:0;
width:410px;
height:55px;
background:url(../img/bus_train_roote_btn_pc.png) no-repeat 0 0;
border:2px solid #ddd;
}

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


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

/* #bus_contents #bus_block .lead_box
-------------------------------------------------- */
/* #bus_contents #bus_block .lead_box dl{
padding:25px 0 30px 30px;
} */
#bus_contents #bus_block .lead_box_wrap {
padding:25px 0 30px 30px;
}


#bus_contents #bus_block .lead_box dl:after{content:""; clear:both; display:block;}

#bus_contents #bus_block .lead_box dl dt{float:right;}
#bus_contents #bus_block .lead_box dl dt.img_left{float:left; margin-left:30px;}
#bus_contents #bus_block .lead_box dl dd{float:left;width:540px;}

.color_red {
	color: #f00;
}

#bus_contents #bus_block .lead_box dl dt img{
width:278px;
height:auto;
border:1px solid #ddd;
}

#bus_contents #bus_block .lead_box dl dt img.noriba_img{
width:210px;
}

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

#bus_contents #bus_block .lead_box dl dt p.txt{
font-size:13px;
line-height:160%;
letter-spacing:0.5px;
color:#000;
margin:0 0 15px 0;
}

#bus_contents #bus_block .lead_box p.caution{
font-size: 12px;
letter-spacing: 0.5px;
color: #000;
}

#bus_contents #bus_block #bus_stop dl dd p.link {
	margin:10px 0 20px 155px;
}

#bus_contents #bus_block #bus_stop dl dd p.link a{
height: 13px;
line-height: 13px;
display: block;
font-size:13px;
letter-spacing:0.5px;
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_contents #bus_block .lead_box dl dd p.link a.hover{
text-decoration:underline;
}


/* #bus_contents #bus_block #bus_schedule
==================================== */
#bus_contents #bus_block #bus_schedule{
}

#bus_schedule h2 i{
font-size:15px;
padding:0 0 0 0.8em;
}

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

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

#bus_schedule .month h3{
font-size:17px;
line-height:90%;
font-weight:bold;
color:#333;
margin:0 0 20px 0;
background:#FFF17D;
border-radius:5px;
padding:10px 0 10px 15px;
text-align: left;
}
#bus_schedule .caution{
padding:20px 0 40px 0;
}


/* #bus_schedule .month .schedule_block
-------------------------------------------------- */
#bus_schedule .month .schedule_block:after{content:""; clear:both; display:block;}

#bus_schedule .month .schedule_block table{
	float: left;
	width: 430px;
	margin: 0;
	border-collapse: separate;
	border-spacing: 5px;
}

#bus_schedule .month .schedule_block table.table_center {
float: none;
margin: 0 auto;
}


#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 th {
	background:#097;
	font-size:15px;
	line-height:130%;
	letter-spacing:0.5px;
	font-weight:bold;
	color:#fff;
	padding:5px 0;
	text-align:center;
}

#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; }
#bus_schedule .month .schedule_block table tr.hl td.hd_back { background: #eadbc1; }
#bus_schedule .month .schedule_block_left table tr.hl td.hd_go > span,
#bus_schedule .month .schedule_block_right table tr.hl td.hd_back > 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:140px;
font-size:14px;
line-height:130%;
letter-spacing:1.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 p {
	font-size: 17px;
}

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

#bus_block #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_block #bus_schedule .caution
-------------------------------------------------- */
#bus_schedule .caution ul li{
font-size:13px;
line-height:160%;
letter-spacing:0.5px;
color:#000;
text-indent:-1em;
margin:0 0 0 1em;
}

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




#bus_block #bus_route,
#bus_block #bus_stop,
#bus_block #bus_schedule {
	width: 880px;
	font-size: 14px;
	font-weight: bold;
}




#bus_block #bus_route h3,
#bus_block #bus_stop h3 {
		width: 120px;
		height: 120px;
		text-indent: -9999px;
		float: left;	
}


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

	#bus_block #bus_route h3 {
		background: url(../img/bus_route.png) left top no-repeat;
		margin-right: 10px;
	}

	#bus_block #bus_route #bus_route_forward,
	#bus_block #bus_route #bus_route_backward {
		width: 360px;
		height: 130px;
		margin-right: 10px;
		float: left;		
	}

	#bus_block #bus_route #bus_route_forward dt,
	#bus_block #bus_route #bus_route_backward dt {
		width: 360px;
		height: 40px;
		line-height: 40px;
		padding-left: 20px;
		font-weight: bold;
    	letter-spacing: 2px;	
	}

	#bus_block #bus_route #bus_route_forward dd,
	#bus_block #bus_route #bus_route_backward dd {
		line-height: 1.5;
		white-space: nowrap;
	}

	#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: 15px 0 0 8px;	
	}

	#bus_block span.bus_block_attention {
		color: #f00;
	}
	
	#bus_block span.bus_block_attention:before {
		content: " ";
	}


	#bus_block #bus_stop dd span.bus_stop_attention {
    	display: block;
    	color: #f00;
		font-weight: bold;
	}

#bus_block #bus_stop {
	overflow: hidden;
}

	#bus_block #bus_stop h3 {
		background: url(../img/bus_stop.png) left top no-repeat;
		margin-right: 10px;	
	}


	#bus_block #bus_stop dl {
		float: left;
    	width: 750px;
		margin-top: 15px;
	}

	#bus_block #bus_stop dt,
    #bus_block #bus_stop dd {
		display: inline;
		padding-top: 15px;	
	}



	
    #bus_block #bus_stop dd#station_info {
		display: block;
		margin: 20px 0 30px 0;
	}


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

    	#bus_block #bus_stop dd#station_info h4 {
			height: 40px;
			line-height: 40px;
			font-size: 15px;
			color: #000;
			padding: 0 20px;
			background-color: #eaeaea;
			letter-spacing: 1px;
			display: inline-block;
		}

    	#bus_block #bus_stop dd#station_info h4.station_info_btn {
			padding-right: 54px;
			background-image: url(../img/status.png);
			background-repeat: no-repeat;
			background-color: #eaeaea;							
		}

   			#bus_block #bus_stop dd#station_info h4.station_info_btn.closed {
				background-position: right 15px top 0;	
			}

   			#bus_block #bus_stop dd#station_info h4.station_info_btn.opened {
				background-position: right 15px top -40px;
			}

    	#bus_block #bus_stop dd#station_info h4.station_info_btn:hover {
			opacity: 0.7;
			cursor: pointer;	
		}


   		#bus_block #bus_stop dd#station_info p, 
		#bus_block #bus_stop dd#station_info ul li {
			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: 30px 0;
			overflow: hidden;
		}

		#bus_block #bus_stop dd#station_info ul#noriba p {
			font-size: 12px;
		}

		#bus_block #bus_stop dd#station_info ul#noriba li#noriba_left {
			width: 400px;
			float: left;
			margin-right: 20px;
		}
				
		#bus_block #bus_stop dd#station_info ul#noriba li#noriba_right {
			width: 226px;
			float: left;
		}

		#bus_block #bus_stop dd#station_info ul#noriba li img {
			display: block;
			width: 100%;
			height: auto;
			margin-bottom: 10px;
			margin-left: 100px;
		}


		#bus_block #bus_stop dd#station_info #otemoyan {
			margin: 20px 0;
			overflow: hidden;		
		}

		#bus_block #bus_stop dd#station_info #otemoyan img {
			display: block;
			width: 224px;
			height: auto;
			margin-right: 10px;
			float: left;
		}

		#bus_block #bus_stop dd#station_info #otemoyan p {
			float: left;		
		    width: 454px;
		}

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


		#bus_block #bus_stop dd#station_info .enter  {
			margin-bottom: 10px;
			overflow: hidden;			
		}

		#bus_block #bus_stop dd#station_info .enter h5 {
			width: 171px;
			height: 116px;
			margin-right: 20px;
			float: left;
			padding: 0 25px 0 11px;
			display: table;
    		line-height: 140%;
		}

			#bus_block #bus_stop dd#station_info #enter1 h5 {
				background: url(../img/enter1_base_pc.png) left top no-repeat;
				background-size: 171px 116px;			
			}

			#bus_block #bus_stop dd#station_info #enter2 h5 {
				background: url(../img/enter2_base_pc.png) left top no-repeat;
				background-size: 171px 116px;								
			}
			
			#bus_block #bus_stop dd#station_info .enter h5 span.enter_title {
				display: table-cell;
				vertical-align: middle;
				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 {
			float: left;
			overflow: hidden;
			margin-top: 20px;		
		}

		#bus_block #bus_stop dd#station_info .enter ul li {
			width: 212px;
			float: left;
			margin-right: 18px;
		}
		
		#bus_block #bus_stop dd#station_info .enter ul li p {
			width: 174px;
		}

		#bus_block #bus_stop dd#station_info .enter ul li p img {
			width: 174px;
			height: auto;
			display: block;
			margin-bottom: 5px;
		}

		#bus_block #bus_stop dd#station_info #enter1 ul li:first-child {
			background: url(../img/enter1_arrow_pc.png) right 48.5px no-repeat;
			background-size: 17px 20px;								
		}

		#bus_block #bus_stop dd#station_info #enter2 ul li  {
			background: url(../img/enter2_arrow_pc.png) right 48.5px no-repeat;
			background-size: 17px 20px;								
		}
		
		#bus_block #bus_stop dd#station_info #enter2 ul li:last-child  {
			background: none;
		}







#bus_block #bus_schedule .month .schedule_block_wrap {
	overflow: hidden;
}

#bus_block #bus_schedule .month .schedule_block_wrap .schedule_block.schedule_block_left {
	width: 430px;
    float: left;
}

#bus_block #bus_schedule .month .schedule_block_wrap .schedule_block.schedule_block_right {
	width: 430px;
    float: left;
	margin-left: 20px;
}


#bus_block #bus_schedule #change {
	margin: 20px auto 0 auto;
	width: 370px;
	height: 55px;
	padding-top: 9px;
	background: url(../img/arrow_change.png) left top no-repeat;
}

#bus_block #bus_schedule #change p {
	font-size: 18px;
    letter-spacing: 1.5px;
    font-weight: bold;
    color: #f00;
	text-align: center;
	line-height: 120%;
}

#bus_block #bus_schedule #change p br {
	/*display: none;*/
}




/* #tab_contents_wrap #tab_contents_area .tab_contents#car_contents
======================================================================== */
/* #car_contents .time
==================================== */
#car_contents .time dl:after{content:""; clear:both; display:block;}
#car_contents .time dl dt{
float:left;
display:block;text-indent:100%;white-space:nowrap;overflow:hidden;line-height:0;
width:715px;
height:330px;
background:url(../img/car_time_pc.png) no-repeat 0 0;
}

/* #car_contents .map
==================================== */
#car_contents .map dl{
margin:12px 0 0 0;
}

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

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

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