@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%
----------------------------------------------------------------- */
/* --------------------------------------------------------------
	ヘッダー
-------------------------------------------------------------- */
#h_box { height:490px; }

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

/* --------------------------------------------------------------
	見出し
-------------------------------------------------------------- */
.wrap h2.tit { border:none; padding:0; }

/* --------------------------------------------------------------
	ボックス
-------------------------------------------------------------- */
.wrap + .wrap { margin-top:1.5em; }

/* --------------------------------------------------------------
	新着情報
-------------------------------------------------------------- */
#info > .flo_l { width:320px; padding-top:1.7em; }
#info > .flo_r { width:650px; }

/* ---------------------
	左：リンク
--------------------- */
/* テキスト */
#info > .flo_l ul.link { border-bottom:1px dashed #999; }
#info > .flo_l ul.link > li {
	border-top:1px dashed #999; padding:5px;
	line-height:normal;
}

/* バナー */
#info > .flo_l ul.ban_box { padding-top:5px; }
#info > .flo_l ul.ban_box li { width:155px; height:50px; overflow:hidden; margin-top:5px; }
#info > .flo_l ul.ban_box li:nth-of-type(odd) { float:left; }
#info > .flo_l ul.ban_box li:nth-of-type(even) { float:right; }
#info > .flo_l ul.ban_box li a { width:100%; display:block; }
#info > .flo_l ul.ban_box li a img { width:100%; }

/* ---------------------
	右：新着
--------------------- */
/* 見出し */
#info > .flo_r h2 {
	color:#589; text-align:right;
	letter-spacing:0.1em; line-height:normal;
}

/* スクロールボックス */
#info > .flo_r .scrollbox {
	border-top:3px solid #3CC;
  border-bottom:3px solid #3CC;
	height:300px;
  overflow:hidden;
  padding:5px 0;
}
#info > .flo_r .scrollbox a:hover { color:#666; }

/* 横幅 */
#info > .flo_r .scrollbox dl { width:620px; margin:0; }
#info > .flo_r .scrollbox hr {  width:620px; border-bottom:3px double #AAA; }

/* リスト */
#info > .flo_r .scrollbox dl.accordion { padding:0; margin:0; }
#info > .flo_r .scrollbox dl.accordion > dt { float:none; color:#666; padding:10px 0; }
#info > .flo_r .scrollbox dl.accordion > dt.active { padding-bottom:5px; }
#info > .flo_r .scrollbox dl.accordion > dt:hover { color:#999; }
#info > .flo_r .scrollbox dl.accordion > dt b.day { padding-right:1.5em; color:#0AA; }
#info > .flo_r .scrollbox dl.accordion > dd { margin-left:0; padding-bottom:10px; }
#info > .flo_r .scrollbox dl.accordion > dd + dt { border-top:1px solid #CCC; }

#info > .flo_r .scrollbox dl.accordion dl { width:98%; margin:5px auto; }
#info > .flo_r .scrollbox dl.accordion dl dt { margin:0; }
#info > .flo_r .scrollbox dl.accordion dl dd { margin:0 0 0 1.5em; }

#info > .flo_r .scrollbox dl dt.bg { background:#CFF; padding:10px; margin-bottom:5px; }
#info > .flo_r .scrollbox dl.accordion + hr { margin-top:0; }

/* リスト内＿写真 */
#info > .flo_r .scrollbox dl ul.ph_list li { margin-right:5px; }

/* --------------------------------------------------------------
	阿蘇山ロープウェーについて
-------------------------------------------------------------- */
#about .flo_l { width:450px; }
#about .flo_r { width:510px; }

/* --------------------------------------------------------------
	ピックアップメニュー
-------------------------------------------------------------- */
#pickupmenu {
  display: flex;justify-content: flex-start;align-items: flex-start;
	gap: 10px;
  width:100%;max-width:980px;margin: 0 auto 1em;
}
#pickupmenu a {
  display: block;
	width: 320px;
}
#pickupmenu a > img {
	display: block; width: 100%;
}