@charset "utf-8";

/* ======================================================================
	多言語ページCSS
====================================================================== */
/* -----------------------------------------------------------------
	★ CSS内は固定文字以外％指定中 ★
	★ デフォルトは13px(100％)をbodyに指定 ★
	10px → 77%     |    11px → 85%     |    12px → 93%
	13px → 100%    |    14px → 108%    |    15px → 116%
	16px → 123%    |    17px → 131%    |    18px → 139%
	19px → 147%    |    20px → 154%    |    21px → 162%
	22px → 167%    |    23px → 174%    |    24px → 182%
	25px → 182%    |    26px → 197%
----------------------------------------------------------------- */
/* --------------------------------------------------------------
	COMMON
-------------------------------------------------------------- */
body { font-family:initial; }
/* --------------------
	HEADER
-------------------- */
#h_box { height:490px; }

#ph,
#ph img { height:400px; }
@media screen and (min-width:2000px) { #ph img { height:400px; } }

/* --------------------
	NAV
-------------------- */
/* ＋child…プルダウン込み設定 */
#nav_box ul.parent > li:first-child,
#nav_box ul.parent > li:last-child { width:124px; }

#nav_box ul.parent > li:first-child { background-image:none; }

/* --------------------
	FOOTER
-------------------- */
#f_box dl.c2 { padding-bottom:1em; }
#f_box dl.c2 dt { display:none; }
#f_box dl.c2 dd { margin-left:0; }

/* --------------------
	KINDS
-------------------- */
ul.arrow li { padding:0 15px; margin-top:5px; }
ol ul.arrow li { margin-top:0; }

table.b_on1 th { background:#DDD; }
table.b_on1 td { text-align:center; }

ul.ph_list li img , [class*="lytebox"] img { width:100%; }

/* --------------------------------------------------------------
	Outline
-------------------------------------------------------------- */
#outline.wrap .flo_box > .flo_l { width:300px; }
#outline.wrap .flo_box > .flo_r { width:660px; }

/* --------------------------------------------------------------
	Configuration
-------------------------------------------------------------- */
#configuration.wrap {  }

/* --------------------------------------------------------------
	Warning
-------------------------------------------------------------- */
#warning.wrap .bartit { text-transform:uppercase; }

#warning.wrap p + ol { margin-top:5px; }

#warning.wrap ul.kome { list-style:none; padding-left:1.5em; text-indent:-1em; }
#warning.wrap ul.kome li:before { content:"*"; padding-right:0.3em; }

/* --------------------------------------------------------------
	Sightseeing
-------------------------------------------------------------- */
#sightseeing.wrap .flo_box > .flo_l { width:460px; }
#sightseeing.wrap .flo_box > .flo_r { width:500px; }

#sightseeing.wrap ul.ph_list.col3 li { width:150px; margin-left:5px; }
#sightseeing.wrap ul.ph_list.col3 li:nth-of-type(3n+1) { margin-left:0; clear:both; }

/* --------------------------------------------------------------
	Fares
-------------------------------------------------------------- */
#fares.wrap table.b_on1 { table-layout:fixed; }
#fares.wrap table + table { margin-top:10px; }

/* --------------------------------------------------------------
	Business
-------------------------------------------------------------- */
#business.wrap {  }

/* --------------------------------------------------------------
	Terminal
-------------------------------------------------------------- */
#terminal.wrap .flo_box > .flo_l { width:470px; }
#terminal.wrap .flo_box > .flo_r { width:500px; }
#terminal.wrap .flo_box > .flo_r > img { width:100%; }

#terminal.wrap .flo_box ul.ph_list.col3 li { width:154px; margin-left:4px; }
#terminal.wrap .flo_box ul.ph_list.col3 li span.dis_block { height:96px; overflow:hidden; }
#terminal.wrap .flo_box ul.ph_list.col3 li:nth-of-type(3n+1) { margin-left:0; clear:both; }

/* --------------------------------------------------------------
	Access
-------------------------------------------------------------- */
#access.wrap section.mb { margin-bottom:2em !important; }

#access.wrap section.mb ol .bdbox,
#access.wrap section.mb ul .bdbox { margin-top:5px; }

#access.wrap section.mb .bdbox span.bbtit { display:block; }
#access.wrap section.mb .bdbox ul.arrow li { background-position:left 0.6em; }
#access.wrap section.mb .bdbox ul.v_arrow li:after { content:"↓"; display:block; font-size:85%; line-height:1.2em; }
#access.wrap section.mb .bdbox ul.v_arrow li:last-child:after { display:none; }

#access.wrap section.mb.sta_rw .flo_box > .flo_l { width:570px; }
#access.wrap section.mb.sta_rw .flo_box > .flo_r { width:400px; }
#access.wrap section.mb.sta_rw iframe {
	width:400px; height:200px; overflow: hidden;
	border:1px solid #333; vertical-align:bottom;
	overflow: hidden;
}

#access.wrap section.mb.bep-kuma .flo_box > .flo_l { width:620px; }
#access.wrap section.mb.bep-kuma .flo_box > .flo_r { width:350px; }

#access.wrap section.mb .time-car.flo_box > .flo_l,
#access.wrap section.mb .time-car.flo_box > .flo_r { width:485px; }
#access.wrap section.mb .time-car.flo_box table.b_on2 td { border-color:#CCC; }
#access.wrap section.mb .time-car p + .flo_box { margin-top:10px; }

#access.wrap section.mb .time-car_map.flo_box > .flo_l { width:560px; }
#access.wrap section.mb .time-car_map.flo_box > .flo_r { width:410px; }

#access.wrap section.mb .time-car_map.flo_box .col1 .bdbox .ph { width:170px; height:85px; }
#access.wrap section.mb .time-car_map.flo_box .col1 .bdbox .txt { width:358px; }

#access.wrap section.mb .time-car_map.flo_box .col1 [class*="icon_"] { color:#0AA; }
#access.wrap section.mb .time-car_map.flo_box .col1 [class*="icon_"]:before { content:"◆"; padding-right:3px; font-weight:bold; }
#access.wrap section.mb .time-car_map.flo_box .col1 .icon_north { color:#F60; }
#access.wrap section.mb .time-car_map.flo_box .col1 .icon_south { color:#F99; }
#access.wrap section.mb .time-car_map.flo_box .col1 .icon_east { color:#BB0; }

/* --------------------------------------------------------------
	FAQ
-------------------------------------------------------------- */
#faq.wrap .bdbox ul.inline li:before { content:"▼"; padding-right:3px; }
#faq.wrap .bdbox ul.inline li { padding-right:1.5em; }

#faq.wrap dl.faq dt,
#faq.wrap dl.faq dd { padding-left:40px; min-height:30px; }
#faq.wrap dl.faq dt {
	margin:0 0 5px; line-height:30px;
	background:url(/aso/faq/images/icon/question.gif) left top no-repeat;
}
#faq.wrap dl.faq dd { background:url(/aso/faq/images/icon/answer.gif) left top no-repeat; }
#faq.wrap dl.faq dd + dt { margin-top:1em; }

/* --------------------------------------------------------------
	Contact
-------------------------------------------------------------- */
#contact.wrap { padding-bottom:30px; }

#contact.wrap .flo_box > .flo_l { width:450px; }
#contact.wrap .flo_box > .flo_r { width:520px; }