@charset "utf-8";

/* ======================================================================
	イベントページ専用
====================================================================== */
/* -----------------------------------------------------------------
	★ 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%
----------------------------------------------------------------- */
/* --------------------------------------------------------------
	イベントブロック
-------------------------------------------------------------- */
#event .ev_box {
  width: 980px;
	display:block; position:relative;
	width:auto; color:#444; text-decoration:none;
}

#event .ev_box .flo_l { width:300px; }
#event .ev_box .flo_r { width:645px; }

#event a.ev_box .flo_r.mb { padding-bottom:4em; }
#event #sta_box div.ev_box .flo_r,
#event #fin_box a.ev_box .flo_r { padding-bottom:0; }

/* 区切り線 */
#event hr { margin:10px 0; border-color:#CCC; }
#event dl hr { margin:10px 0; border-bottom:1px dashed #CCC; }

/* 定義リスト・リスト */
#event dl.c2 * { box-sizing:border-box; }
#event dl.c2 dt.icon_disc { width:18%; position:relative; }
#event dl.c2 dt.icon_disc:after { content:"："; position:absolute; right:0; }
#event dl.c2 dt.icon_disc + dd { width:80%; }
#event dl.c2 dt.icon_disc,
#event dl.c2 dt.icon_disc + dd { margin-bottom:0.8em; }
#event dl.c2 dt.icon_disc:last-of-type,
#event dl.c2 dt.icon_disc:last-of-type + dd:last-of-type { margin-bottom:0; }

#event dl.c2 ul li.mb { margin-bottom:0.5em; }

/* 詳細ボタン --- */
#event a.ev_box { cursor: pointer; }
/* left */
#event a.ev_box .flo_l > .btn,
#event div.ev_box .flo_r > .btn { margin:0.5em 0 0; width: 100%; }
/* right */
#event a.ev_box .flo_r + .btn:not(.wid_all) { position:absolute; right:10px; bottom:10px; }
#event a.ev_box .flo_r + .btn.wid_all { width: 100%; margin-top: 0.5em; }
#event div.ev_box .flo_r + .btn { margin:0.5em 0 0; float:right; clear:both; }




/* add 20251003 */
#event .ev_calendar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  > div > img { width: 100%; }
}