@charset "UTF-8";

/*localnav
-----------------------------------------------------------------------------------------*/
#localnav{
	background:#0083C2;
}
#localnav h2{
	display:none;
}
#localnav li{
	float:left;
}
#localnav li a{
	display:block;
	font-size:14px;
	line-height:20px;
	padding:20px;
	color:#FFF;
	white-space:nowrap;
}
#localnav li a:hover,
#localnav li a.current{
	background:rgba(255,255,255,0.3);
}
@media screen and (max-width: 739px) {
	#localnav li a{padding:10px;}
}

/*article
-----------------------------------------------------------------------------------------*/
article{
	position:relative;
	padding-bottom:70px;
	min-height:300px;
}
article h1{
	height:250px;
	font-size:30px;
	line-height:50px;
	padding:30px 0;
	color:#00316D;
	letter-spacing:5px;
	margin-bottom:40px;
}
article h1 + h2{
	font-size:24px;
	line-height:40px;
	padding:30px 0;
	color:#0083C2;
	text-align:center;
	letter-spacing:2px;
	margin:0;
	border:none;
}
article h1 + h2 + p{
	text-align:center;
	margin:-30px 0 30px 0;
}
article h2{
	font-size:18px;
	font-weight:bold;
	margin:70px 0 20px 0;
	border-bottom:2px solid #0083C2;
}
article h3{
	font-size:18px;
	font-weight:bold;
	margin:30px 0 5px 0;
}
article h4{
	font-size:18px;
	color:#0083C2;
	font-weight:bold;
	margin:30px 0 5px 0;
}
article h3 img{
	vertical-align:middle;
	margin-right:6px;
}
article li{
	line-height:28px;
}
article ol li,
article ul.dot li{
	margin:8px 0 8px 22px;
	list-style-type:decimal;
}
article ol {
	margin-right:22px;
}
article ul.dot li{
	list-style-type:disc;
}
article a{
	text-decoration:underline;
}
article a:hover{
	text-decoration:none;
}
/*-------------------------table*/
article table{
	background:#FFF;
}
article th,
article td{
	line-height:24px;
	padding:10px 15px;
	border:1px solid #CCC;
}
article th{
	background:#0083C2;
	color:#FFF;
	letter-spacing:1px;
	text-align:center;
	white-space:nowrap;
}
/*-------------------------アイコン矢印*/
article .ya{
	padding-left:25px;
	background:url(images/ya.png) 0 no-repeat;
	line-height:25px;
	margin-top:5px;
	text-align:left;
	text-decoration:none;
}
article .ya:hover{
	text-decoration:underline;
}
/*-------------------------アイコンpdf*/
article .pdf{
	padding-left:25px;
	background:url(images/icon_pdf.png)0 2px no-repeat;
	background-size:21px 24px;
	line-height:25px;
	margin-top:5px;
	text-align:left;
}
@media screen and (max-width: 739px) {
	article{padding:15px 15px 20px 15px;min-height:0;}
	article h1{height:auto;font-size:21px;line-height:30px;text-align:center;letter-spacing:2px;padding:20px 0 0 0;margin:0;}
	article h1 + h2{font-size:16px;line-height:26px;padding:10px 0 5px 0;letter-spacing:0px;text-align:left;}
	article h1 + h2 + p{text-align:left;margin:0 0 5px 0;}
	article h2{font-size:16px;line-height:24px;padding-bottom:3px;margin:30px 0 5px 0;}
	article h3{font-size:16px;letter-spacing:0px;margin:20px 0 5px 0;}
	article h4{font-size:16px;letter-spacing:0px;margin:20px 0 5px 0;}
	article li{line-height:22px;}
	article ol > li,
	article table{width:100%;}
	article th,article td{padding:4px 8px;line-height:20px;letter-spacing:0;white-space:normal;}
	article ul.dot li{margin:6px 0 6px 18px;}
	article .ya{padding-left:18px;background-size:18px;line-height:20px;}
	article .pdf{padding-left:18px;background-size:14px 16px;line-height:20px;}
}

/*関連ページ
-----------------------------------------------------------------------------------------*/
#kanren{
	padding-bottom:40px;
}
#kanren h2{
	font-size:18px;
	line-height:40px;
	background:#0083C2;
	color:#FFF;
	font-weight:bold;
	letter-spacing:5px;
}
#kanren li{
	margin-top:40px;
	float:left;
	width:150px;
	margin-right:24px;
	line-height:25px;
}
#kanren li:last-child{
	margin-right:0;
}
#kanren li img{
	margin-bottom:5px;
}
#kanren li a{
	font-weight:bold;
}
@media screen and (max-width: 739px) {
	#kanren{padding-bottom:0;}
	#kanren h2{font-size:14px;line-height:30px;font-weight:normal;}
	#kanren li{margin:0;float:none;width:auto;}
	#kanren li img{width:90px;height:60px;float:left;margin:-10px 15px -10px -10px;}
	#kanren li a{display:block;height:61px;border-bottom:1px solid #0083C2;line-height:40px;padding:10px;}
	#kanren li.gyou2 a{line-height:20px;}
}

/*時刻表
-----------------------------------------------------------------------------------------*/
/*-------------------------テーブル*/
#time .kobe{
	width:48%;
	float:left;
}
#time .kanku{
	width:48%;
	float:right;
}
#time  table{
	margin:5px 0;
	width:100%;
}
#time .kobe tr:nth-child(odd),
#time .kanku tr:nth-child(even){
	background:#F1F1F1;
}
#time  th{
	text-align:center;
	padding:10px 5px;
	border:1px solid #FFFFFF;
	vertical-align:top;
	background:#004D99;
	color:#FFF;
	line-height:25px;
	white-space:normal;
}
#time  .kobe th:first-child,
#time  .kanku th:last-child{
	background:#0066CC;
}
#time  .kobe tr:nth-child(3) th{
	background:#004D99;
	padding:5px 0;
}
#time  .kanku tr:nth-child(3) th{
	background:#004D99;
	padding:5px 0;
}
#time  td{
	width:30%;
	text-align:center;
	padding:0;
	height:50px;
	line-height:20px;
	border:1px solid #CCCCCC;
}
#time  .kobe td:nth-child(3),
#time  .kobe td:nth-child(4),
#time  .kanku td:nth-child(1),
#time  .kanku td:nth-child(2){
	width:20%;
}
#time  th img{
	margin:10px auto;
	display:block;
}
/*-------------------------空港から乗り場まで*/
#time .noriba figure{
	float:right;
	margin:10px 0 0 30px;
}
@media screen and (max-width: 739px) {
	#time .kobe,#time .kanku{width:100%;float:none;}
	#time  th{padding:5px;font-size:13px;line-height:20px;}
	#time  .kanku tr:nth-child(2) th{padding-bottom:10px;}
	#time  th br{display:none;}
	#time  th img{width:50px;height:50px;}
	#time  td{font-size:13px;}
	#time .noriba figure{float:none;margin:10px auto;text-align:center;}
	#time .noriba figure img{min-width:100%;}
}


/*運賃のご案内
-----------------------------------------------------------------------------------------*/
#ticket{
}
#ticket table{
	margin:5px 0;
	width:100%;
	margin-bottom:50px;
}
#ticket tr:nth-child(even){
	background:#F1F1F1;
}
#ticket th{
	border:1px solid #CCCCCC;
	background:#0083C2;
	color:#FFF;
}
#ticket td{
	padding:10px 30px;
	border:1px solid #CCCCCC;
}
#ticket td,
#ticket td li{
	font-size:14px;
	line-height:25px;
}
#ticket th,
#ticket th + td{
	padding:15px;
	font-size:18px;
	width:200px;
	text-align:center;
	font-weight:bold;
	letter-spacing:2px;
}
#ticket .ouhuku th{
	background:#004D99;
}
#ticket .ouhuku tr th + td{
	color:#004D99;
}
@media screen and (max-width: 739px) {
	#ticket table{margin-bottom:20px;}
	#ticket th{font-size:14px;line-height:16px;padding:5px;width:25px;letter-spacing:0;}
	#ticket td,#ticket th + td{font-size:14px;line-height:20px;padding:6px;width:auto;letter-spacing:0;}
	#ticket td li{font-size:14px;line-height:20px;margin:3px 0 0 15px;}
}


/*チケット購入・ご予約
-----------------------------------------------------------------------------------------*/
#buy figure{
	margin-left:520px;
}
#buy h2 + figure{
	float:left;
	margin-right:20px;
	margin-left:0;
}
#buy table{
	margin-bottom:20px;
}
/*-------------------------インターネット・電話予約*/
#buy .yoyaku{
	position:relative;
}
#buy .yoyaku h2{
	margin-top:20px;
}
#buy .yoyaku img{
	margin-bottom:10px;
}
#buy .yoyaku .center{
	position:absolute;
	right:0;
	top:52px;
	width:500px;
	border:5px solid #0083C2;
	padding:10px 20px;
	line-height:27px;
	height:110px;
}
#buy .yoyaku .center span{
	width:150px;
	float:left;
	text-align:center;
	background:#E6E6E6;
	line-height:22px;
	margin-right:8px;
	font-size:14px;
	margin-top:2px;
}
#buy .yoyaku .center strong{
	font-size:22px;
	line-height:1;
	letter-spacing:2px;
	color:#004D99;
}
@media screen and (max-width: 739px) {
	#buy figure,#buy h2 + figure{float:none;margin:10px auto;text-align:center;}
	#buy table{margin-bottom:10px;}
	#buy .yoyaku img{margin-bottom:5px;}
	#buy .yoyaku .center{float:none;width:auto;height:auto;text-align:center;position:static;}
	#buy .yoyaku .center strong{line-height:40px;}
	#buy .yoyaku .center span{width:100%;float:none;display:block;margin:5px 0 0 0;}
}

/*お得なセット券
-----------------------------------------------------------------------------------------*/
#otoku li{
	float:left;
	width:320px;
	margin:10px;
}
#otoku li a{
	display:block;
	padding:30px;
	background:#CCE0F5;
	text-decoration:none;
	color:#000;
	min-height:320px;
	position:relative;
}
#otoku li a:hover{
	background:#A6C9EE;
}
#otoku li a:after{
	content:"詳細はこちら";
	display:block;
	background:rgba(0,49,109,0.5);
	color:#FFF;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	text-align:center;
	line-height:40px;
}
#otoku li figure{
	margin-bottom:10px;
}
#otoku li h3{
	margin:0;
	padding:0;
	font-size:16px;
	line-height:28px;
}
#otoku li em{
	position:absolute;
	top:-10px;
	right:-10px;
	display:block;
	background:#CC0000;
	color:#FFF;
	width:60px;
	height:60px;
	font-size:15px;
	line-height:18px;
	text-align:center;
	padding:13px 0 0 0;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}
#otoku li h3 span{
	font-size:14px;
	font-weight:inherit;
}
@media screen and (max-width: 739px) {
#otoku li{float:none;width:auto;max-width:300px;margin:20px auto;}
#otoku li a{padding:25px 25px 45px 25px;min-height:auto;}
#otoku li a:after{line-height:30px;}
#otoku li h3 span{font-size:16px;}
#otoku li h3 br{display:none;}
}

/*自動外貨両替機
-----------------------------------------------------------------------------------------*/
#changer .service h2{
	margin-top:20px;
}
#changer .map figure{
	float:left;
}
#changer .map figure + figure{
	float:right;
}
@media screen and (max-width: 739px) {
	#changer table tr{display: block;}
	#changer table th,#changer table td{display: list-item;}
	#changer table th{border:none;}
	#changer table th br{display: none;}
	#changer .map figure,#changer .map figure + figure{float:none;margin:5px auto;text-align:center}
}

/*ご利用規約
-----------------------------------------------------------------------------------------*/
#kiyaku h1 + section{
	padding-top:1px;
}
#kiyaku h2{
	margin:50px 0 10px 0;
}
#kiyaku h4{
	margin-top:15px;
}
#kiyaku p,
#kiyaku li,
#kiyaku th,
#kiyaku td{
	font-size:14px;
	line-height:24px;
}
#kiyaku .dot{
	padding:12px;
	background:#E6E6E6;
	margin:5px 0;
}
#kiyaku .dot li{
	margin:2px 0 2px 20px;
}
#kiyaku ol li{
	margin:2px 0 2px 20px;
}
#kiyaku table{
	width:100%;
	margin:5px 0;
}
/*-------------------------ご予約について*/
#kiyaku .yoyaku td{
	text-align:center;
	width:25%;
}
#kiyaku .yoyaku td.time{
	text-align:left;
	vertical-align:top;
}
#kiyaku .yoyaku td span{
	padding:0 10px;
}
/*-------------------------ご乗船手続きについて*/
#kiyaku .jousen .riyou{
	margin-top:10px;
	text-align:right;
}
#kiyaku .jousen td{
	text-align:center;
	width:20%;
}
@media screen and (max-width: 739px) {
	#kiyaku h2{margin:20px 0 5px 0;}
	#kiyaku ol .dot{margin-left:-22px;}
	#kiyaku .yoyaku th{padding:5px 0;}
	#kiyaku .yoyaku td span{display:block;padding:0;}
	#kiyaku .yoyaku td.time{text-align:center;}
}
@media screen and (max-width: 479px) {
	#kiyaku .jousen table p{writing-mode: tb-rl;writing-mode: vertical-rl;margin: 0 auto;white-space: nowrap;width: 1em;line-height: 1em;text-orientation: upright;}
 	#kiyaku .jousen table p br{display:none;}
	#kiyaku .jousen td{width:auto;}
	#kiyaku .jousen td:nth-child(3),
	#kiyaku .jousen td:nth-child(4),
	#kiyaku .jousen td:nth-child(5){width:13%;}
}
/*船のご案内
-----------------------------------------------------------------------------------------*/
#ship p + p{
	margin-top:30px;
}
#ship h2 + div figure{
	float:left;
	margin-right:30px;
}
#ship li{
	float:left;
	width:300px;
	margin:40px 0 40px 40px;
}
#ship li:first-child{
	margin-left:0;
	width:340px;
}
#ship li img{
	display:block;
	margin:10px 0;
}
#ship figure + figure{
	margin:30px 0;
}
@media screen and (max-width: 739px) {
	#ship p + p{margin-top:15px;}
	#ship h2 + div figure{margin:10px 0}
	#ship li,#ship li:first-child{float:none;width:auto;margin:20px 0;}
	#ship li img{display:block;min-width:100%;margin:5px 0;}
	#ship figure + figure{margin:20px 0;}
}

/*乗り場ご案内
-----------------------------------------------------------------------------------------*/
#noriba p.ya:first-child{
	float:right;
}
#noriba #kanku{
	margin-top:60px;
	padding-top:20px;
	border-top:1px solid #CCC;
}
#noriba h4{
	margin-top:30px;
}
#noriba figure img,
#noriba li img{
	display:block;
	margin:5px 0;
}
#noriba figure{
	float:left;
}
#noriba figure +figure{
	margin-left:20px;
}
#noriba li{
	float:left;
	width:320px;
	margin:30px 0 30px 30px;
}
#noriba li:first-child{
	margin-left:0;
}
@media screen and (max-width: 739px) {
	#noriba p.ya:first-child{float:none;}
	#noriba #kanku{margin-top:30px;padding-top:10px;}
	#noriba h4{margin-top:20px;}
	#noriba figure img,
	#noriba li img{min-width:100%;}
	#noriba figure{float:none;}
	#noriba figure +figure{margin-left:0;}
	#noriba li{float:none;width:auto;margin:20px 0 0 0;}
}

/*欠航時の代替バス
-----------------------------------------------------------------------------------------*/
#alternate .main figure{
	float:left;
	margin-right:20px;
}
#alternate .annai h2{
	margin-bottom:5px;
}
#alternate h3{
	color:#0083C2;
}
#alternate .annai figure{
	background:#F7F8F8;
	text-align:center;
	border:1px solid #0083C2;
	margin:5px 0;
}
#alternate .annai table{
	margin:5px 0;
}
@media screen and (max-width: 739px) {
#alternate .main figure{float:none;margin:10px auto;text-align:center;}
#alternate .annai li{text-indent:-14px;padding-left:14px;margin-bottom:5px;}
}

/*おすすめスポット
-----------------------------------------------------------------------------------------*/
#spot #kanku_osusume h2{
	margin-top:30px;
}
#spot h2 a{
	float:right;
	margin-top:2px;
	font-size:16px;
}
#spot h3{
	padding-left:370px;
	height:35px;
	color:#004D99;
	font-size:24px;
	font-weight:normal;
}
#spot h3 + figure{
	float:left;
	margin:-40px 30px 0 0;	
}
#spot table{
	width:650px;
	height:210px;
	margin-bottom:20px;
}
#spot th,#spot td{
	font-size:14px;
	line-height:21px;
	padding:7px 14px;
}
#spot th{
	width:150px;
}
#spot th br{
	display:none;
}
/*-------------------------関連リンク*/
#spot .banner li{
	float:left;
	margin-right:5px;
}
@media screen and (max-width: 739px) {
	#spot #kanku_osusume h2{margin-top:20px;}
	#spot h2 a{display:none;}
	#spot h3{padding:0;height:auto;color:#004D99;font-size:16px;line-height:24px;font-weight:bold;}
	#spot h3 + figure{float:none;margin:5px auto;}
	#spot h3 + figure img{min-width:100%;}
	#spot table{width:100%;height:auto;margin-bottom:20px;}
	#spot th{white-space:nowrap;width:72px;}
	#spot th,#spot td{padding:7px;}
	#spot th br{display:inline;}
}

/*アクセスマップ
-----------------------------------------------------------------------------------------*/
#access figure{
	margin-bottom:10px;
}


/*電車でのアクセス
-----------------------------------------------------------------------------------------*/
#train figure{
	margin-bottom:10px;
}
#train li{
	float:left;
	margin-right:75px;
	text-align:center;
}
#train li:last-child{
	margin:0;
}
@media screen and (max-width: 739px) {
	#train li,#train li:last-child{float:none;width:290px;margin:0 auto 30px auto;}
}

/*お車でのアクセス
-----------------------------------------------------------------------------------------*/
#car figure{
	margin-bottom:10px;
}
#car h3{
	color:#0083C2;
	font-size:20px;
}
#car li{
	float:left;
	width:240px;
	margin-right:20px;
	font-size:14px;
	line-height:20px;
}
#car li:last-child{
	margin-right:0;
}
#car li img{
	margin-bottom:5px;
}
@media screen and (max-width: 739px) {
	#car table br{display:none;}
	#car tr th,#car tr td:last-child{width:20px;text-align:center;line-height:16px;}
	#car h3{text-align:center;}
	#car li{float:none;width:auto;margin:0;padding:5px 25px}
	#car li:after{content:"↓";display:block;width:100%;text-align:center;}
	#car li:last-child:after{display:none;}
	#car li img{min-width:100%;}
}
/*路線バス・リムジンバス
-----------------------------------------------------------------------------------------*/
/*-------------------------unkou*/
#bus .unkou{
	float:right;
	margin-top:-15px;
}
#bus .unkou img{
	vertical-align:-1px;
	margin-right:3px;
}
/*-------------------------time*/
#bus .time section + section{
	padding-top:50px;
}
#bus .time h3{
	margin-top:30px;
	color:#0071BC;
}
#bus .time h3 span{
	color:#000;
	font-weight:normal;
	margin-left:15px;
	white-space:nowrap;
}
#bus .time table{
	width:100%;
}
#bus .time table img{
	vertical-align:-1px;
	margin:0 -18px 0 3px;
}
#bus .time tr:nth-child(even) td{
	background:#F1F1F1;
}
#bus .time td{
	text-align:center;
	width:26.666%;
}
#bus .time td:first-child{
	width:20%;
}
#bus .time .t5 td{
	width:20%;
}
#bus .time .t3 td:nth-child(n+2){
	width:40%;
}
/*-------------------------root*/
#bus .root{
	margin:20px 0;
}
#bus .root span{
	float:left;
	border:4px solid #0071BC;
	color:#0071BC;
	font-size:18px;
	line-height:1.25;
	font-weight:bold;
	padding:4px 0;
	height:60px;
	width:150px;
	text-align:center;
	position:relative;
  	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	margin-right:50px;
}
#bus .root span::after{
	content:"";
	display:block;
	width:50px;
	height:60px;
	background:url(images/bas_root.png) right no-repeat;
	position:absolute;
	right:-54px;
	top:-5px;
}
#bus .root span:last-child{
	margin:0;
	overflow:hidden;
}
/*-------------------------platform*/
#bus .platform figure{
	float:left;
}
#bus .platform figure + figure{
	float:right;
}
#bus .platform h3{
	margin-top:10px;
	color:#0071BC;
}
/*-------------------------kojintoisoudan*/
#bus .kojintoisoudan table{
	width:500px;
}
#bus .kojintoisoudan table td{
	text-align:center;
	background:#F1F1F1;
}
#bus .kojintoisoudan table td + td{
	background:#FFF;
}
@media screen and (max-width: 739px) {
	#bus .unkou{float:none;margin-top:5px;text-align:right;}
	#bus .unkou img{vertical-align:-2px;margin-right:2px;}
	#bus .time table img{vertical-align:-2px;margin:0 -17px 0 2px;}
	#bus .time th{font-weight:bold;}
	#bus .time th,#bus .time td{padding:5px 0px;}
	#bus .root{margin:10px 0;}
	#bus .root span{border-width:3px;font-size:14px;padding:3px 5px;height:46px;width:auto;margin-right:14px;}
	#bus .root span::after{width:14px;height:46px;right:-17px;top:-3px;background-size:20px;}
	#bus .root span:last-child{margin:0;}
	#bus .kojintoisoudan table{width:100%;}
	#bus .platform figure,#bus .platform figure + figure{float:none;max-width:500px;margin:20px auto;}
	#bus .kome{padding-left:1em;text-indent:-1em;line-height:1.5;margin-top:5px;}
}

/*空港島内巡回バス
-----------------------------------------------------------------------------------------*/
#roundbus .timetable h2{
	margin-top:20px;
}
#roundbus .timetable h3{
	color:#0083C2;
}
#roundbus .timetable figure{
	text-align:center;
}
#roundbus .timetable div div{
	float:left;
	width:50%;
	padding:20px;
}
#roundbus .timetable table{
	width:100%;
}
#roundbus .timetable strong{
	border:1px solid #0083C2;
	padding:3px;
	color:#0083C2;
	font-weight:normal;
}
#roundbus .timetable th,
#roundbus .timetable td{
	padding:5px;
	width:20%;
	text-align:center;
	border-right:none;
	border-left:none;
}
#roundbus .timetable tr:nth-child(odd){
	background:#F1F1F1;
}
#roundbus .timetable tr td:last-child{
	border-right:1px solid #CCC;
}
#roundbus .timetable figure{
	margin-bottom:20px;
}
/*-------------------------趣旨・供用*/
#roundbus .syusi figure,
#roundbus .heiyou figure{
	float:left;
	margin-right:20px;
}
#roundbus .heiyou th,
#roundbus .heiyou td,
#roundbus .heiyou td li{
	font-size:14px;
	line-height:20px;
}
#roundbus td li{
	margin:3px 0 3px 18px;
}
@media screen and (max-width: 739px) {
	#roundbus .timetable div div{float:none;width:100%;padding:10px 0;}
	#roundbus .syusi figure,#roundbus .heiyou figure{float:none;margin:10px auto;text-align:center;}
}

/*よくあるご質問
-----------------------------------------------------------------------------------------*/
/*質問*/
#faq h3.accordionopen{
	counter-increment: question;
	display:block;
	font-weight:normal;
	padding:15px 40px 15px 15px;
	font-size:18px;
	line-height:30px;
	letter-spacing:1px;
	color:#FFFFFF;
	background:#0083C2 url(images/ya_b.png) right no-repeat;
	margin:10px 0 0 0;
	border-left:60px solid #004D99;
}
#faq h3.accordionopen:before{
	content: "Q" counter(question); 
	width:60px;
	display: block; 
	float:left;
	text-align:center;
	color:#FFF;
	margin:-15px 0px -15px -75px;
	font-size:21px;
	line-height:60px;
	font-family:'arial';
}
#faq h3.accordionopen:hover{
	background-color:#004D99;
}
@media screen and (max-width: 739px) {
	#faq section{width:auto;padding:0;}
	#faq h3.accordionopen{padding:10px 20px 10px 10px;font-size:14px;line-height:20px;border-left:40px solid #004D99;background-size:20px;letter-spacing:0;}
	#faq h3.accordionopen:before{width:40px;margin:-10px 0px -10px -50px;font-size:16px;line-height:40px;}
}
/*回答*/
#faq .accordion{
	padding:15px 15px 15px 75px;
	background:#F0F0F1;
}
#faq .accordion:before{
	content: "A" counter(question); 
	width:70px;
	display: block; 
	float:left;
	text-align:center;
	color:#004D99;
	margin:-15px 0px -15px -80px;
	font-size:21px;
	line-height:60px;
	font-family:'arial';
}
@media screen and (max-width: 739px) {
	#faq .accordion{padding:10px 10px 10px 50px;background:#F0F0F1;}
	#faq .accordion:before{width:40px;margin:-10px 0px -10px -50px;font-size:16px;line-height:40px;}
}


/*駐車場
-----------------------------------------------------------------------------------------*/
#parking figure{
	margin:0;
	float:left;
}
#parking figure + figure{
	float:right;
}
#parking figcaption img{
	vertical-align:middle;
}
#parking figcaption{
	display:block;
	background:#004DA5;
	padding:10px;
	color:#FFF;
	margin-bottom:10px;
	text-align:left;
}
@media screen and (max-width: 739px) {
	#parking figure,#parking figure + figure{float:none;}
	#parking figure img{min-width:100%;}
	#parking figcaption{margin:10px 0;}
	#parking figcaption br{display:none;}
	#parking figcaption img{width:14px;height:14px;min-width:14px;}
}


/*駐車場ご利用例
-----------------------------------------------------------------------------------------*/
#goriyo figure.map{
	padding:0 20px 0 0;
	background:#FFF;
	float:left;
}
#goriyo figure.map + h2{
	margin-top:0;
}
#goriyo figure.img{
	margin:20px 0;
}
#goriyo table{
	margin:5px 0;
	width:100%;
}
#goriyo table br{
	display:none;
}
#goriyo table span{
	display:block;
	margin-top:2px;
}
#goriyo tr:nth-child(odd){
	background:#F1F1F1;
}
#goriyo th,
#goriyo td{
	padding:10px;
	text-align:center;
	line-height:25px;
	font-weight:bold;
	letter-spacing:1px;
}
#goriyo th{
	border:1px solid #FFFFFF;
	background:#0083C2;
	color:#FFF;
}
#goriyo th span{
	font-size:14px;
}
#goriyo td{
	border:1px solid #CCCCCC;
}
#goriyo td em{
	font-weight:bold;
	letter-spacing:5px;
}
@media screen and (max-width: 739px) {
	#goriyo figure.map{padding:0;float:none;}
	#goriyo figure.map + h2{margin-top:30px;}
	#goriyo figure.img{margin:10px 0;}
	#goriyo th,#goriyo td{padding:5px 2px;text-align:center;line-height:16px;font-size:11px;letter-spacing:0;}
	#goriyo th{border:1px solid #FFFFFF;background:#0083C2;color:#FFF;}
	#goriyo th span{font-size:9px;}
	#goriyo td em{letter-spacing:0;}
}
@media screen and (max-width: 560px) {
	#goriyo table br{display:inline;}
}


/*インターネット予約について
-----------------------------------------------------------------------------------------*/
#reserve h1{
	letter-spacing:0px;
}
#reserve .bg{
	background:url(images/reserve_bg.png) bottom center no-repeat;
	padding:20px;
	padding-right:520px;
}
#reserve .bg p{
	margin-top:20px;
	font-weight:bold;
}
#reserve .bg p.tel{
	text-align:center;
	font-size:18px;
	line-height:30px;
	color:#FFF;
	letter-spacing:2px;
	font-weight:normal;
	background:#004DA5;
	padding:15px 0;
	margin:10px 50px -10px 50px;
}
#reserve .bg em{
	font-weight:bold;
}
#reserve .bg p:first-child{
	margin:0;
}
#reserve .bg li{
	font-size:14px;
	line-height:25px;
	margin:3px 0 3px 20px;
}
#reserve .btn li{
	width:49%;
	float:left;
	margin-top:10px;
	background:none;
}
#reserve .btn li:nth-child(2){
	margin-left:2%;
}
#reserve .btn a{
	display:block;
	line-height:40px;
	font-size:24px;
	padding:20px 0;
	letter-spacing:2px;
	color:#FFF;
	text-align:center;
	text-decoration:none;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #004D99), color-stop(0.00, #0066CC));
	background:-webkit-linear-gradient(#0066CC, #004D99);
	background:-moz-linear-gradient(#0066CC, #004D99);
	background:-o-linear-gradient(#0066CC, #004D99);
	background:-ms-linear-gradient(#0066CC, #004D99);
	background:linear-gradient(#0066CC, #004D99);
	background-repeat: no-repeat;
	background-position: right;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#reserve .btn a span{
	display:block;
	background:url(images/ya_btn.png) right no-repeat;
}
#reserve .yoyaku li:nth-child(1) a,
#reserve .yoyaku li:nth-child(2) a{
	padding:40px 0;
}
#reserve .repeat li{
	width:32%;
}
#reserve .repeat li:nth-child(n + 2){
	margin-left:2%;
}
#reserve .btn a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
}
@media screen and (max-width: 739px) {
	#reserve .bg{background:none;padding:0;}
	#reserve .bg p.tel{font-size:16px;line-height:25px;letter-spacing:0;padding:10px 0;margin:20px 0 0 0;}
	#reserve .bg li{font-size:14px;line-height:25px;margin:3px 0 3px 20px;}
	#reserve .btn li,#reserve .btn li:nth-child(n + 2){width:auto;max-width:350px;float:none;margin:10px auto 0 auto;}
	#reserve .btn a,#reserve .yoyaku li:nth-child(1) a,#reserve .yoyaku li:nth-child(2) a{line-height:1.5;font-size:16px;letter-spacing:1px;}
	#reserve .btn a span{background-size:30px;}
}




/*このサイトについて
-----------------------------------------------------------------------------------------*/
#siteinfo div{
	background:#F1F1F1;
	padding:20px;
	margin-top:20px;
}
#siteinfo div h3{
	margin:0;
}
#siteinfo li{
	font-size:14px;
	line-height:24px;
	margin:5px 0 0 18px;
}
#siteinfo li span{
	display:block;
	margin:10px 0;
}
@media screen and (max-width: 739px) {
	#siteinfo div{padding:10px;}
	#siteinfo div span{text-align:center;}
	#siteinfo div img{display:block;margin:0 auto;}
}



/*サイトマップ
-----------------------------------------------------------------------------------------*/
#sitemap section{
	padding-top:10px;
}
#sitemap a{
	text-decoration:none;
}
#sitemap dt:before{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#sitemap dt a{
	display:block;
	font-size:16px;
	margin-top:15px;
	color:#FFF;
	background:#0070BE url(images/ya_r.png) right no-repeat;
	background-size:30px;
	padding:10px 15px;
}
#sitemap dt a:hover{
	background-color:#004D99
}
#sitemap dd a{
	display:block;
	float:left;
	padding: 3px 15px;
	font-weight:bold;
	margin:5px 5px 0 0;
}
#sitemap dd a:hover{
	background:#E1EEF7;
}
@media screen and (max-width: 739px) {
	#sitemap dt a{padding:5px 10px;margin-top:10px;background-size:20px;margin:1px 0 0 0;}
	#sitemap dd a{float:none;width:100%;padding:5px 10px;margin:0;border-top:1px solid #CCC;}
	#sitemap dt + dd a{border:none;}
}



/*リンク集
-----------------------------------------------------------------------------------------*/
#links section{
	padding-top:1px;
}
#links h2{
	background:#0083C2;
	color:#FFF;
	padding:5px 15px;
	font-size:20px;
	font-weight:normal;
	letter-spacing:2px;
	margin:30px 0 0 0;
}
#links dl{
	background:#F1F1F1;
}
#links dt,
#links dd{
	padding:10px;
}
#links dt a{
	text-decoration:none;
	padding-left:25px;
	background:url(images/ya.png) left no-repeat;
}
#links dt a:hover{
	text-decoration:underline;
}
#links dt{
	float:left;
	width:40%;
}
#links dd{
	border-bottom:1px solid #999;
}
@media screen and (max-width: 739px) {
	#links h2{font-size:16px;margin:20px 0 0 0;}
	#links dt a{padding-left:15px;background-size:15px;}
	#links dt{float:none;width:100%;padding-bottom:0;}
	#links dd{padding-top:0;}
}



/*お問い合わせ
-----------------------------------------------------------------------------------------*/
#kojintoisoudan div.tel h2{
	background:#004DA5;
	border:none;
	padding:10px 15px;
	color:#FFF;
	margin-top:0;
}
#kojintoisoudan div.tel div{
	width:49%;
	float:left;
	padding:0 15px 10px 15px;
	border:3px solid #CCC;
	margin-top:10px;
	min-height:260px;
}
#kojintoisoudan div.tel div +div{
	float:right;
}
#kojintoisoudan .tel span{
	font-weight:inherit;
}
#kojintoisoudan .tel h3{
	letter-spacing:0;
	text-align:center;
	margin:0;
	padding:10px 0;
	border-bottom:1px solid #CCC;
}
#kojintoisoudan .tel h4{
	text-align:center;
	margin:15px 0;
	font-size:24px;
}
#kojintoisoudan .tel h4 span{
	letter-spacing:0;
	display:block;
	font-size:16px;
	line-height:1.6;
	margin-bottom:3px;
}
#kojintoisoudan .tel li{
	font-size:14px;
	line-height:1.5;
}
@media screen and (max-width: 739px) {
	#kojintoisoudan div.tel h2{margin-top:10px;padding:5px 10px;letter-spacing:1px;}
	#kojintoisoudan div.tel div,#kojintoisoudan div.tel div +div{width:100%;float:none;padding:0 5px 5px 5px;min-height:0;}
	#kojintoisoudan .tel h3{padding:10px 0;font-size:14px;}
	#kojintoisoudan .tel h4{margin:10px 0 0 0;font-size:20px;}
	#kojintoisoudan .tel h4 span{font-size:13px;}
}


/*form
-----------------------------------------------------------------------------------------*/
#form h2{
	background:#004DA5;
	border:none;
	padding:10px 15px;
	color:#FFF;
}
#form em{
	background:none;
	color:#EF2E61;
}
@media screen and (max-width: 739px) {
	#form{padding:0 0 15px 0;width:auto;}
	#form h2{padding:5px 10px;letter-spacing:1px;}
}
/*-------------------------フォーム入力・結果枠*/
#form dl{
	border:1px solid #CCCCCC;
	border-top:none;
	background:#F1F1F1;
	margin:10px 0;
}
#form dt{
	float:left;
	width:250px;
	padding:15px;
	border-top:1px solid #CCCCCC;
}
#form dt span{
	display:block;
	margin-top:5px;
	color:#CC0000;
}
#form dt em{
	float:right;
	padding:0 5px;
	background:#EF2E61;
	color:#FFF;
	font-size:14px;
}
#form dd{
	border-top:1px solid #CCCCCC;
	margin-left:250px;
	padding:15px;
	background:#FFFFFF;
}
#form dd p{
	font-size:14px;
	line-height:20px;
}
/*▼▼▼739px以下▼▼▼*/
@media screen and (max-width: 739px) {
	#form dl{background:none;}
	#form dt{float:none;width:auto;background:#F1F1F1;padding:5px 10px;}
	#form dd{padding:10px 10px;margin-left:0;border-top:none;}
}
/*▲▲▲739px以下▲▲▲*/
/*-------------------------フォーム部品*/
#form input[type="checkbox"],
#form input[type="radio"],
#form select{
	margin-right:5px;
}
#form select{
     height: 30px; 
     line-height: 30px;
     font-size:16px;
    }
#form input[type="text"],
#form input[type="tel"],
#form input[type="email"]{
	width:50%;
}
#form input[type="text"],
#form input[type="tel"],
#form input[type="email"],
#form textarea{
	margin-right:5px;
	border:1px solid #999999;
	padding:3px;
}
#form textarea{
	width:100%;
	margin-right:0;
}
#form .radio label{
	margin-right:20px;
}
#form .zip input,
#form .adress1 input,
#form .age input,
#form .total input{
	width:120px;
}
#form .adress2 input,
#form .adress3 input{
	width:70%;
}
#form .name2 input{
	width:40%;
}
/*▼▼▼739px以下▼▼▼*/
@media screen and (max-width: 739px) {
	#form input,
	#form select{font-size:16px;}
	#form input[type="text"],#form input[type="tel"],#form input[type="email"],#form textarea,#form .adress input{width:100%;margin-right:0;}
	.name2 input{width:100%;margin-right:0;}
	#form .zip input{width:120px;}
	#form .age input{width:120px;}
	#form .total input{width:120px;}
	#form select{margin-right:0px;}
}
/*▲▲▲739px以下▲▲▲*/
/*-------------------------確認画面*/
#contents div.wpcf7-validation-errors{
	border:none;
	margin:20px 0;
	background:red;
	color:#FFF;
	padding:10px;
	text-align:center;
}
#form .wpcf7c-conf{
	background:#E8F0FE;
}
/*-------------------------ボタン*/
#form p.navbtn{
	margin-top:20px;
	text-align:center;
}
#form input[type="button"],
#form input[type="submit"]{
	border:none;
	line-height:30px;
	padding:10px;
	width:240px;
	margin:0 10px;
	color:#FFFFFF;
	background:#0071BC url(images/navbtn1.png) right no-repeat;
	box-shadow: 0 5px 0 #00558D;
	-webkit-box-shadow: 0 5px 0 #00558D;
	-moz-box-shadow: 0 5px 0 #00558D;
	border-radius: 6px;	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	position:relative;
}
#form input[type="button"]{
	background:#999999 url(images/navbtn2.png) left no-repeat;
	box-shadow: 0 5px 0 #666666;
	-webkit-box-shadow: 0 5px 0 #666666;
	-moz-box-shadow: 0 5px 0 #666666;
}
#form input[type="button"]:hover,
#form input[type="button"]:focus,
#form input[type="submit"]:hover,
#form input[type="submit"]:focus{
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	top:5px;
}
@media screen and (max-width: 739px) {
#form input[type="button"],
#form input[type="submit"]{width:48%;margin:0 1%;}
}
/*-------------------------同意*/
#doui{
	background:#ffffcc;
	width:300px;
	margin:15px auto;
	padding:15px 20px;
	text-align:center;
}
#form #doui span{
	padding:0;
	margin:0;
}



/*送信完了
-----------------------------------------------------------------------------------------*/
#contents div.wpcf7-mail-sent-ok{
	border:none;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
}
#sendmail{
	padding:350px 0 30px 0;
	margin:0 auto;
}
#sendmail h2{
	font-size:30px;
	line-height:50px;
	color:#CC0000;
	text-align:center;
	margin:0;
	border:none;
}
#sendmail p{
	text-align:center;
}
#sendmail p a{
	display:block;
	margin:0 auto;
	margin-top:15px;
	width:300px;
	line-height:50px;
	background:#005BAB;
	color:#FFFFFF;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-decoration:none;
}
#sendmail p a:hover{
	background:#004375;
}
@media screen and (max-width: 739px) {
	#sendmail{padding:15px;width:auto;border:none;}
	#sendmail h2{font-size:20px;line-height:30px;font-weight:bold;}
	#sendmail h2 br{display:none;}
	#sendmail p a{width:200px;}
}

/*背景なし
-----------------------------------------------------------------------------------------*/
#contents.none{
	border-top:1px solid #0070BE;
	background:none;
}
#contents.none:before{
	display:none;
}
/*entry
-----------------------------------------------------------------------------------------*/
#entry h1{
	height:auto;
	margin:30px 0 0 0;
}
#entry h1 + p{
	margin-bottom:-40px;
}
#entry #form h2{
	margin-bottom:-10px;
}
#entry #form h2 + p{
	margin:15px 0 -5px 0;
}
@media screen and (max-width: 739px) {
	#entry h1{margin:0;}
	#entry h1 + p{margin:20px 0;}
}


#form .horizon{
	display:block;
}
#form .horizon input[type="text"]{
	width:30%;
}
#form .horizon label{
	margin-right:20px;
}
#form .horizon + label input[type="text"]{
	margin-top:15px;
}
#birth label{
	margin-right:5px;
}
#kiboubi span.am,
#kiboubi span.pm,
#kiboubi span.wpcf7-list-item{
	width:50%;
	text-align:center;
	margin:0 -1px -1px 0;
	padding:2px 1px;
}
#kiboubi span.am{
	float:left;
	background:#C9EF3C;
	font-weight:bold;
}
#kiboubi span.pm{
	float:left;
	background:#8FDDFF;
	font-weight:bold;
}
#kiboubi span.wpcf7-list-item{
	border:1px solid #E6E6E6;
}
/*▼▼▼739px以下▼▼▼*/
@media screen and (max-width: 739px) {
#form .horizon label{margin-right:0;display:block;}
#form .horizon input[type="text"]{width:70%;margin:5px 0;}
}
@media screen and (max-width: 480px) {
#kiboubi .wpcf7-list-item-label{display:block;letter-spacing:0;margin-top:-5px;}
}
/*▲▲▲739px以下▲▲▲*/
/*-------------------------ご利用規約について*/
#form .kiyaku{
	border:1px solid #CCCCCC;
	padding:15px;
	background:#FFFFCC;
	margin-top:-1px;
}
#form .kiyaku + .kiyaku{
	margin-top:10px;
}
#form .doui{
	display:block;
	text-align:center;
	color:#CC0000;
	margin:15px 0;
}
#form .policy-box{
	border:1px solid #CCCCCC;
	padding:20px;
	background:#FFFFFF;
	margin-top:15px;
	height:200px;
	overflow-y:scroll;
}
#form .policy-box h2{
	font-size:18px;
	line-height:20px;
	font-weight:bold;
	color:#3366AC;
	border-left:5px solid #3366AC;
	padding:5px 10px;
}
#form .policy-box h3{
	font-size:14px;
	font-weight:bold;
	margin-top:15px;
}
#form .policy-box p,
#form .policy-box li{
	font-size:14px;
	line-height:21px;
	margin-bottom:3px;
}
#form .txt_r{
	text-align:right;
	padding:15px 0;
}
/*▼▼▼739px以下▼▼▼*/
@media screen and (max-width: 739px) {
	#form .kiyaku{padding:10px;}
	#form .kiyaku p{font-size:12px;line-height:20px;}
	#form .policy-box{padding:10px;margin-top:10px;}
	#form .policy-box h2{font-size:16px;line-height:20px;padding:0 5px;}
	#form .policy-box h3{font-size:12px;margin-top:10px;}
	#form .policy-box p,#form .policy-box li{font-size:12px;line-height:20px;margin-bottom:2px;}
	#form .txt_r{padding:10px 0;}
}
/*▲▲▲739px以下▲▲▲*/
/*-------------------------contactform7申込ボタンを真ん中に*/
div.wpcf7 .ajax-loader {
	display: block;
	margin: 5px auto 0;
}

/*-------------------------form部品追加*/
.waku {
	background-color:#FAFAFA;
	padding:20px;
	margin:15px 0;
	border: 1px solid #ccc;
}
.wakutitle {
	font-weight:bold;
	font-size:120%;
}
/*▼▼▼739px以下▼▼▼*/
@media screen and (max-width: 739px) {
	.waku{padding:20px 10px;}
	.wakutitle {text-align:center;}
}
/*▲▲▲739px以下▲▲▲*/

/*-------------------------form入力確認画面背景指定*/