@charset "UTF-8";
/* ============================================================
   static.css ― 静的HTML化(2026-10-23)で追加した差分スタイル
   対象: / (index.html), /news/, /works/, /works_cat/*, /404.html
   common.css の後に読み込む(common.css 本体は変更していない)
   ============================================================ */

/* --- トップページ: バナー枠の列幅(WPテーマ tsukagoshi_v21 の値に揃える) --- */
.home #bn .bn_box.bn_kyujin { width: 15%; }
.home #bn .bn_box.bn_teikei { width: 32.5%; }
.home #bn .bn_box.bn_booth { width: 15%; }
.home #bn .bn_box.bn_support { width: 32.5%; }
.home #bn .bn_box.bn_teikei ul,
.home #bn .bn_box.bn_support ul { justify-content: space-between; }
.home #bn .bn_box.bn_teikei ul li,
.home #bn .bn_box.bn_support ul li { width: 48%; }
.home #contents .service li .box { transition: all 0.5s; }

/* --- メンテナンス中の案内ボックス(お知らせ / 運び方実績 / お問い合わせフォーム / 404) --- */
#contents .mainte_notice { box-sizing: border-box; margin: 0 auto 3em auto; padding: 2.5em 2em; border: solid 1px #176F3C; background-color: #FFF; text-align: center; }
#contents .mainte_notice .mainte_notice__title { color: #176F3C; font-size: 1.4em; font-weight: bold; line-height: 1.4em; margin: 0 0 1em 0; }
#contents .mainte_notice .mainte_notice__title i { margin-right: 0.4em; }
#contents .mainte_notice p { line-height: 2em; margin: 0; }
#contents .mainte_notice p + p { margin-top: 1em; }
#contents .mainte_notice .mainte_notice__mail { font-size: 1.3em; font-weight: bold; }
#contents .mainte_notice .mainte_notice__mail a { color: #176F3C; text-decoration: underline; }
#contents .mainte_notice .mainte_notice__mail i { margin-right: 0.4em; }
#contents .mainte_notice .mainte_notice__link { display: inline-block; margin-top: 1.5em; padding: 0.8em 2.5em; border-radius: 3em; background-color: #176F3C; color: #FFF; font-weight: bold; }
#contents .mainte_notice .mainte_notice__link:hover { background-color: #F0F0F0; color: #176F3C; }
#contents .works .l4 .mainte_notice,
#contents .news .l4 .mainte_notice { margin-bottom: 0; }

@media screen and (max-width:470px) {
  .home #bn .bn_box.bn_kyujin { order: 2; width: 48%; margin: 0 0 2em 0; }
  .home #bn .bn_box.bn_teikei { order: 1; width: 100%; margin: 0 0 2em 0; }
  .home #bn .bn_box.bn_booth { order: 3; width: 48%; margin: 0 0 2em 0; }
  .home #bn .bn_box.bn_support { order: 4; width: 100%; margin: 0; }
  .home #bn .bn_box.bn_teikei ul li { width: 48%; margin: 0 0 1em 0; }
  #contents .mainte_notice { padding: 2em 1.2em; }
  #contents .mainte_notice .mainte_notice__title { font-size: 1.2em; }
  #contents .mainte_notice p br { display: none; }
  #contents .mainte_notice .mainte_notice__mail { font-size: 1.1em; word-break: break-all; }
}