@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%
----------------------------------------------------------------- */
/* --------------------------------------------------------------
	阿蘇山一帯
-------------------------------------------------------------- */
#mountain .flo_box > .flo_l { width:220px; }
#mountain .flo_box > .flo_r { width:750px; }

#mountain h3.photospot {
	background:url(../images/photospot.png) left center no-repeat;
	padding-left:30px; margin-bottom:5px; min-height:22px;
	color:#359;
}

/* 3カラム */
#mountain div[class*="col"] .bdbox .ph { height:180px; overflow:hidden; }

/* --------------------------------------------------------------
	阿蘇火口一帯
-------------------------------------------------------------- */
#crater .flo_box .flo_l { width:500px; }
#crater .flo_box .flo_r { width:470px; }

/* 1カラム */
#crater div[class*="col"] + div[class*="col"] { margin-top:3em !important; }

#crater div[class*="col"] p.mb { margin-bottom:0.5em !important; }
#crater div[class*="col"] ul.kome li { margin-bottom:0.3em; }