@charset "utf-8";
/*###############PC first###############*/
/*--京access.css--*/
/*--------PCここから--------*/
#access_wrap {}
	#access_wrap h4 {
		background: #009999;
		color: #fff;
		padding: 10px;
	}
	
	#access_wrap h5{
		font-weight:bold;
		font-size:1.2em;
		color:#333;
		padding-left:1.5em;
		position:relative;
		margin-bottom:1em;
	}
	
		#access_wrap h5:before{
			font-family: FontAwesome;
			content:"\f0c8";
			color:#009999;
			position:absolute;
			top:0;
			left:0;
			font-weight:normal;
		}
		
	.access_boxes{
		margin:0 20px 3em 20px;
		line-height:1.4;
	}
		
	/*kyushu_kumamoto_box*/
	.kyushu_kumamoto_box{}
	
		.kyushu_kumamoto_box .box_header{
			display:flex;
			border-bottom:1px dotted #aaa;
			margin-bottom:0.5em;
		}
		
			.kyushu_kumamoto_box .box_header li{
				text-align:center;
				font-weight:bold;
				font-size:0.95em;
			}
		
			.kyushu_kumamoto_box .box_header li:nth-child(1){
				width:120px;
			}
			
			.kyushu_kumamoto_box .box_header li:nth-child(2){
				width:calc(100% - 120px);
			}
	
		.kyushu_kumamoto_box > dl{
			display:flex;
			flex-wrap:wrap;
		}
		
			.kyushu_kumamoto_box > dl > dt,
			.kyushu_kumamoto_box > dl > dd{
				box-sizing:border-box;
				margin-bottom:0.5em;
				padding-top:0.5em;
				padding-bottom:0.5em;
			}
		
			.kyushu_kumamoto_box > dl > dt{
				font-size:1.1em;
				font-weight:normal;
				width:120px;
				font-weight:bold;
				background:rgba(0,153,153,0.1);
				text-align:center;
				color:#333;
				box-sizing:border-box;
				border:1px solid rgba(0,153,153,0.5);
			}
			
			.kyushu_kumamoto_box > dl > dd{
				width:calc(100% - 120px);
				padding-left:1em;
			}
		
				.kyushu_kumamoto_box > dl > dd dl{}
				
				.kyushu_kumamoto_box > dl > dd dt{
					color:#444;
				}
				
				.kyushu_kumamoto_box > dl > dd dt:before{
					font-family: FontAwesome;
					margin-right:0.5em;
					color:rgba(0,153,153,1);
				}
				
				.kyushu_kumamoto_box > dl > dd dt.by_train:before{
					content:"\f238";
				}
				
				.kyushu_kumamoto_box > dl > dd dt.by_bus:before{
					content:"\f207";
				}
				
				.kyushu_kumamoto_box > dl > dd dd{
					padding-left:1em;
					margin-bottom:0.5em;
				}
				
				.kyushu_kumamoto_box > dl > dd dd:last-child{
					margin-bottom:0;
				}
	
	/*shinkansen_jr_fig_box*/
	.shinkansen_jr_fig_box{}
	
		.shinkansen_jr_fig_box .each_stations{
			display:flex;
		}
		
			.shinkansen_jr_fig_box .each_stations dl{
				width:25%;
				padding:0 5px;
				box-sizing:border-box;
			}
			
				.shinkansen_jr_fig_box .each_stations dl dt{
					border:1px solid rgba(0,153,153,0.5);
					background:rgba(0,153,153,0.1);
					text-align:center;
					color:#333;
					padding:0.3em 0;
				}
				
					.shinkansen_jr_fig_box .each_stations dl dt br.sp{
						display:none;
					}
				
				.shinkansen_jr_fig_box .each_stations dl dd{
					display:flex;
					justify-content:center;
				}
				
		.shinkansen_jr_fig_box .kumamoto_station,
		.shinkansen_jr_fig_box .kamikumamoto_station{
			padding:0 5px;
		}
		
			.shinkansen_jr_fig_box .kumamoto_station dt,
			.shinkansen_jr_fig_box .kamikumamoto_station dt{
				border:1px solid rgba(0,153,153,0.5);
				background:rgba(0,153,153,0.1);
				text-align:center;
				color:#333;
				padding:0.3em 0;
			}
			
			.shinkansen_jr_fig_box .kumamoto_station dd,
			.shinkansen_jr_fig_box .kamikumamoto_station dd{
				display:flex;
				justify-content:center;
			}
			
		.shinkansen_jr_fig_box .sojodaigakumae_station{
			border:1px solid rgba(0,153,153,0.5);
			background:rgba(0,153,153,0.1);
			text-align:center;
			margin:0 5px;
			font-weight:bold;
			color:#333;
			padding:0.3em 0;
		}
		
		.shinkansen_jr_fig_box .appr_info{
			text-align:center;
			padding:1em 0 1em 15px;
			position:relative;
		}
		
		.shinkansen_jr_fig_box .appr_info:before{
			font-family: FontAwesome;
			content:"\f238";
			margin-right:0.25em;
		}
		
		.shinkansen_jr_fig_box .appr_info:after{
			content:"";
			display:block;
			width:5px;
			height:100%;
			background-color:#aaa;
			background-image:url(../access/images/bg_train_line.png);
			background-repeat:repeat-y;
			position:absolute;
			top:0;
			left:0;
		}
		
		.shinkansen_jr_fig_box .each_stations .appr_info:before{
			color:#0063a4;
		}
		
		.shinkansen_jr_fig_box .kumamoto_station .appr_info:before,
		.shinkansen_jr_fig_box .kamikumamoto_station .appr_info:before{
			color:#4da619;
		}
	
	/*access_bus_box*/
	.access_bus_box{}
	
		.access_bus_box .airport_st{
			display:flex;
		}
		
			.access_bus_box .airport_st dl{
				width:50%;
				padding:0 5px;
			}
			
			.access_bus_box .airport_st dl dt{
				border: 1px solid rgba(0,153,153,0.5);
				background: rgba(0,153,153,0.1);
				text-align: center;
				font-weight: bold;
				color: #333;
				padding: 0.3em 0;
			}
			
			.access_bus_box .airport_st dl dd,
			.access_bus_box .kotsucenter dl dd{
				display:flex;
				justify-content:center;
			}
			
			.access_bus_box .kotsucenter{
				margin:0 5px;
			}
			
				.access_bus_box .kotsucenter dl{}
				
				.access_bus_box .kotsucenter dl dt{
					border: 1px solid rgba(0,153,153,0.5);
					background: rgba(0,153,153,0.1);
					text-align: center;
					color: #333;
					padding: 0.3em 0;
				}
				
				
			
			.access_bus_box .appr_info{
				text-align:center;
				padding:1em 0 1em 15px;
				position:relative;
			}
			
			.access_bus_box .appr_info:before{
				font-family: FontAwesome;
				content:"\f207";
				margin-right:0.25em;
				color:rgba(0,153,153,1);
			}
		
			.access_bus_box .appr_info:after{
				content:"";
				display:block;
				width:5px;
				height:100%;
				background-color:#aaa;
				background-repeat:repeat-y;
				position:absolute;
				top:0;
				left:0;
			}
			
			.access_bus_box .kamao{
				border: 1px solid rgba(0,153,153,0.5);
				background: rgba(0,153,153,0.1);
				text-align: center;
				margin: 0 5px;
				font-weight: bold;
				color: #333;
				padding: 0.3em 0;
			}
			
	/*access_car_box*/
	.access_car_box{}
	
		.access_car_box .from_prefs{
			display:flex;
		}
		
			.access_car_box .from_prefs > dl{
				width:50%;
				box-sizing:border-box;
				padding:0 5px;
			}
			
				.access_car_box .from_prefs > dl > dt{
					margin-bottom:0.5em;
				}
				
					.access_car_box .from_prefs > dl > dt:before{
						font-family: FontAwesome;
						content:"\f0d7";
						margin-right:0.5em;
						font-weight:normal;
						color:rgba(0,153,153,1);
					}
				
				.access_car_box .from_prefs > dl > dd{}
				
				.access_car_box .from_prefs > dl > dd dl{}
				
				.access_car_box .from_prefs > dl > dd dl dt{
					border: 1px solid rgba(0,153,153,0.5);
					background: rgba(0,153,153,0.1);
					text-align: center;
					font-weight: bold;
					color: #333;
					padding: 0.3em 0;
				}
				
				.access_car_box .from_prefs > dl > dd dl dd{
					display:flex;
					justify-content:center;
				}
				
				.access_car_box .appr_info{
					text-align:center;
					padding:1em 0 1em 15px;
					position:relative;
				}
			
				.access_car_box .appr_info:before{
					font-family: FontAwesome;
					content:"\f1b9";
					margin-right:0.25em;
					color:rgba(0,153,153,1);
				}
			
				.access_car_box .appr_info:after{
					content:"";
					display:block;
					width:5px;
					height:100%;
					background-color:#aaa;
					background-repeat:repeat-y;
					position:absolute;
					top:0;
					left:0;
				}
				
		.access_car_box .sojo_u{
			border: 1px solid rgba(0,153,153,0.5);
			background: rgba(0,153,153,0.1);
			text-align: center;
			margin: 0 5px;
			font-weight: bold;
			color: #333;
			padding: 0.3em 0;
		}
		
	/*access_airplane_box*/
	.access_airplane_box{}
	
		.access_airplane_box .each_airports{
			display:flex;
		}
		
			.access_airplane_box .each_airports dl{
				width:25%;
				padding:0 5px;
				box-sizing:border-box;
			}
			
			.access_airplane_box .each_airports dl.chubu{
				width:33%;
			}
			
			.access_airplane_box .each_airports dl.naha{
				width:17%;
			}
			
				.access_airplane_box .each_airports dl dt{
					border: 1px solid rgba(0,153,153,0.5);
					background: rgba(0,153,153,0.1);
					text-align: center;
					color: #333;
					padding: 0.3em 0;
				}
				
				.access_airplane_box .each_airports dl dd{
					display:flex;
					justify-content:center;
				}
				
		.access_airplane_box .airport{
			border: 1px solid rgba(0,153,153,0.5);
			background: rgba(0,153,153,0.1);
			text-align: center;
			color: #333;
			padding: 0.3em 0;
			margin:0 5px;
			font-weight:bold;
		}
		
		.access_airplane_box .from_airport_appr{}
		
			.access_airplane_box .from_airport_appr ul{
				display:flex;
			}
			
			.access_airplane_box .from_airport_appr ul li{
				width:50%;
				box-sizing:border-box;
				padding:0 5px;
				display:flex;
				justify-content:center;
			}
		
		.access_airplane_box .kumamoto_st_kotsucenter{
			display:flex;
		}
		
		.access_airplane_box .kumamoto_st_kotsucenter > dl{
			width: 50%;
			box-sizing: border-box;
			padding: 0 5px;
		}
		
			.access_airplane_box .kumamoto_st_kotsucenter > dl dt{
				border: 1px solid rgba(0,153,153,0.5);
				background: rgba(0,153,153,0.1);
				text-align: center;
				color: #333;
				padding: 0.3em 0;
			}
			
			.access_airplane_box .kumamoto_st_kotsucenter > dl dd{
				display:flex;
				justify-content:center;
			}
			
		.access_airplane_box .by_train_bus{
			display:flex;
		}
		
			.access_airplane_box .by_train_bus .by_train,
			.access_airplane_box .by_train_bus .by_bus{
				width: 50%;
				box-sizing: border-box;
				padding: 0 5px;
			}
			
				.access_airplane_box .by_train_bus dl dt{
					border: 1px solid rgba(0,153,153,0.5);
					background: rgba(0,153,153,0.1);
					text-align: center;
					color: #333;
					padding: 0.3em 0;
				}
				
				.access_airplane_box .by_train_bus dl dd{
					display:flex;
					justify-content:center;
				}
			
			.access_airplane_box .by_train_bus .sojodaigakumae_station,
			.access_airplane_box .by_train_bus .kamao{
				border: 1px solid rgba(0,153,153,0.5);
				background: rgba(0,153,153,0.1);
				text-align: center;
				color: #333;
				padding: 0.3em 0;
				font-weight: bold;
			}

		.access_airplane_box .appr_info{
			text-align:center;
			padding:1em 0 1em 15px;
			position:relative;
		}
		
		.access_airplane_box .each_airports .appr_info:before{
			font-family: FontAwesome;
			content:"\f072";
			margin-right:0.25em;
			color:rgba(0,153,153,1);
		}
		
		.access_airplane_box .from_airport_appr .appr_info:before,
		.access_airplane_box .kumamoto_st_kotsucenter .kotsucenter .appr_info:before{
			font-family: FontAwesome;
			content: "\f207";
			margin-right: 0.25em;
			color: rgba(0,153,153,1);
		}
		
		.access_airplane_box .kumamoto_st_kotsucenter .kumamoto_st .appr_info:before,
		.access_airplane_box .by_train .appr_info:before{
			font-family: FontAwesome;
			content: "\f238";
			margin-right: 0.25em;
			color: rgba(0,153,153,1);
		}
		
		.access_airplane_box .appr_info:after{
			content:"";
			display:block;
			width:5px;
			height:100%;
			background-color:#aaa;
			background-repeat:repeat-y;
			position:absolute;
			top:0;
			left:0;
		}
		
		.access_airplane_box .kumamoto_st_kotsucenter .kumamoto_st .appr_info:after,
		.access_airplane_box .by_train .appr_info:after{
			background-image:url(../access/images/bg_train_line.png);
			background-repeat:repeat-y;
		}
	
	/*fare_box*/
	.fare_box{}
	
		.fare_box ul{
			margin-bottom:1em;
		}
		
		.fare_box ul:last-child,
		.fare_box ul li:last-child{
			margin-bottom:0;
		}
		
			.fare_box ul li{
				margin-bottom:0.5em;
				padding-left:1.1em;
				position:relative;
			}
			
			.fare_box ul li:before{
				font-family: FontAwesome;
				position:absolute;
				top:0;
				left:0;
			}
			
			.fare_box ul.fare li:before{
				content:"\f105";
				color: rgba(0,153,153,1);
			}
			
			.fare_box ul.notes li:before{
				content:"\f0da";
				color: rgba(0,153,153,1);
			}
		

	#access_contact {
		padding: 15px;
	}

	#access_map {
		width: 700px;
		height: 450px;
		margin: 40px auto 60px;
		border: 1px solid #ccc;
	}


/*--------PCここまで--------*/
@media screen and (max-width: 479px) {
/* 479px以下用（スマートフォン用）の記述 */
/*--------SPここから--------*/
	#access_wrap h4 {
		font-size:4.8vw;
	}
	
	#access_wrap h5 {
		font-size:4vw;
	}
	
	.access_boxes{
		font-size:3.2vw;
		margin:0 0 3em 0;
	}
	
			.kyushu_kumamoto_box .box_header li:nth-child(1){
				width:120px;
			}
			
			.kyushu_kumamoto_box .box_header li:nth-child(2){
				width:calc(100% - 120px);
			}
			
	/*kyushu_kumamoto_box*/
	.kyushu_kumamoto_box{}
	
		.kyushu_kumamoto_box .box_header{
			display:flex;
			border-bottom:1px dotted #aaa;
			margin-bottom:0.5em;
		}
		
			.kyushu_kumamoto_box .box_header li{
				font-size:1em;
			}
		
			.kyushu_kumamoto_box .box_header li:nth-child(1),
			.kyushu_kumamoto_box > dl > dt{
				width:30%;
			}
			
			.kyushu_kumamoto_box .box_header li:nth-child(2),
			.kyushu_kumamoto_box > dl > dd{
				width:70%;
			}
	
	/*shinkansen_jr_fig_box*/
	.shinkansen_jr_fig_box .each_stations dl{
		padding:0 2px;
	}
			
		.shinkansen_jr_fig_box .each_stations dl dt,
		.shinkansen_jr_fig_box .each_stations dl dd{
			line-height:1.2;
		}
		
		.shinkansen_jr_fig_box .each_stations dl dt{
			font-size:0.9em;
		}
		
			.shinkansen_jr_fig_box .each_stations dl dt br.sp{
				display:inline;
			}
				
		.shinkansen_jr_fig_box .kumamoto_station,
		.shinkansen_jr_fig_box .kamikumamoto_station{
			padding:0 2px;
			line-height:1.2;
		}
		
			.shinkansen_jr_fig_box .kumamoto_station dt,
			.shinkansen_jr_fig_box .kamikumamoto_station dt{
				font-size:0.9em;
			}
			
			
		.shinkansen_jr_fig_box .sojodaigakumae_station{
			margin:0 2px;
			font-size:0.9em;
		}
		
		.shinkansen_jr_fig_box .appr_info{
			padding:0.5em 0.5em 0.5em 10px;
			margin:0 0.5em;
			line-height:1.2;
			font-size:0.9em;
			text-align:left;
		}
		
	/*access_bus_box*/
	.access_bus_box .airport_st dl{
		padding:0 2px;
	}
			
			.access_bus_box .airport_st dl dt{
				line-height:1.2;
				font-size:0.9em;
			}
			
			.access_bus_box .airport_st dl dd,
			.access_bus_box .kotsucenter dl dd{
				line-height:1.2;
			}
			
			.access_bus_box .kotsucenter,
			.access_bus_box .kamao{
				margin:0 2px;
				line-height:1.2;
				font-size:0.9em;
			}
			
			.access_bus_box .appr_info{
				padding:0.5em 0.5em 0.5em 10px;
				margin:0 0.5em;
				line-height:1.2;
				font-size:0.9em;
				text-align:left;
			}
			
	/*access_car_box*/
	.access_car_box .from_prefs > dl{
		padding:0 2px;
	}
	
	.access_car_box .from_prefs > dl.fk{
		width:36%;
	}
	
	.access_car_box .from_prefs > dl.my{
		width:64%;
	}
			
		.access_car_box .from_prefs > dl > dd dl dt{
			line-height:1.2;
			font-size:0.9em;
		}
		.access_car_box .appr_info{
			padding:0.5em 0.5em 0.5em 10px;
			margin:0 0.5em;
			line-height:1.2;
			font-size:0.9em;
			text-align:left;
		}
			
		.access_car_box .sojo_u{
			margin: 0 2px;
			line-height:1.2;
			font-size:0.9em;
		}
		
	/*access_airplane_box*/
	.access_airplane_box .each_airports dl{
		padding:0 2px;
	}
	
	.access_airplane_box .each_airports dl.chubu,
	.access_airplane_box .each_airports dl.naha{
		width:25%;
	}
	
		.access_airplane_box .each_airports dl dt{
			line-height:1.2;
			font-size:0.9em;
			height:4.5em;
			padding:0;
			display:flex;
			justify-content:center;
			align-items:center;
		}
				
		.access_airplane_box .airport{
			margin:0 2px;
			font-size:0.9em;
			line-height:1.2;
		}
		
		
		.access_airplane_box .from_airport_appr ul li{
			padding:0 2px;
		}
		
		.access_airplane_box .kumamoto_st_kotsucenter > dl{
			padding: 0 2px;
		}
		
			.access_airplane_box .kumamoto_st_kotsucenter > dl dt{
				line-height:1.2;
				font-size:0.9em;
			}
			
			.access_airplane_box .kumamoto_st_kotsucenter > dl dd{
				display:flex;
				justify-content:center;
			}
			
			.access_airplane_box .by_train_bus .by_train,
			.access_airplane_box .by_train_bus .by_bus{
				padding: 0 2px;
			}
			
				.access_airplane_box .by_train_bus dl dt{
					line-height:1.2;
					font-size:0.9em;
				}
				
			.access_airplane_box .by_train_bus .sojodaigakumae_station,
			.access_airplane_box .by_train_bus .kamao{
				line-height:1.2;
				font-size:0.9em;
			}

		.access_airplane_box .appr_info{
			padding:0.5em 0.5em 0.5em 10px;
			margin:0 0.5em;
			line-height:1.2;
			font-size:0.9em;
			text-align:left;
		}
		
		.access_airplane_box .each_airports .appr_info{
			height:4.5em;
		}
	
	#access_map {
		width: auto;
		height: 350px;
		margin: 1em auto 1.5em;
	}
	
		#access_map iframe{
			width:100%;
			height:100%;
		}



/*--------SPここまで--------*/
}