@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 → 189%    |    26px → 197%
----------------------------------------------------------------- */
/* --------------------------------------------------------------
	バス･ドライバーの皆様へ
-------------------------------------------------------------- */
/* --------------------------------------
	イメージボックス＋概要
-------------------------------------- */
#businfo .flo_l { width:530px; }
#businfo .flo_r { width:440px; }

/* 店舗概要 */
#businfo .flo_l dl.c2 * { box-sizing:border-box; }
#businfo .flo_l dl.c2.info02 dt { width:40%; font-weight:normal; }
#businfo .flo_l dl.c2.info02 .bold { font-weight:bold !important; }
#businfo .flo_l dl.c2.info02 dd { width:55%; text-indent:-1.5em; }
#businfo .flo_l dl.c2.info02 dd:before { content:"/"; padding:0 1em 0 0; }

/* サムネ＋画像 */
#businfo .flo_r .mainImage { height:300px; }
#businfo .flo_r .mainImage img { display:block; width:100%; height:100%; }
#businfo .flo_r ul.none.thumbox { margin-top:5px; padding:5px; }
#businfo .flo_r ul.none.thumbox li { display:block; width:140px; height:40px; float:left; margin:0 5px 5px 0; }
#businfo .flo_r ul.none.thumbox li:nth-of-type(3n) { margin-right:0; }
#businfo .flo_r ul.none.thumbox img { display:block; width:100%; height:100%; }
#businfo .flo_r ul.none.thumbox img:hover { opacity:0.7; cursor:pointer; }

/* --------------------------------------
	概要(休憩所)
-------------------------------------- */
#breakinfo dl.c2 { padding:10px; }
#breakinfo dl.c2 dt { width:13%; }
#breakinfo dl.c2 dd { width:80%; }

/* --------------------------------------
	問い合わせ先
-------------------------------------- */
#inquiry dl.c2 > dt { width:13%; }
#inquiry dl.c2 > dt:before { content:"<"; padding-right:0.5em; }
#inquiry dl.c2 > dt:after { content:">"; padding-right:0.5em; }
#inquiry dl.c2 > dd { width:85%; }