@charset "UTF-8";
/* v21.832 スマホで読める文字の大きさ（2026-09-20 takashi さんの指摘：iPhone Pro Max で文字が小さすぎて読めない）
 *
 * ■ なぜ要るか
 *   画面はパソコン向けに 9〜12px で組まれていた。スマホでも同じ大きさのまま出ていた。
 *   さらに 900px 以下でヘッダーのボタン（イベントを見る・地域から探す・掲載・ログイン）を隠していて、
 *   スマホでは入口が1つも無かった。
 * ■ ここだけで直す
 *   各ページの CSS の後に読み込み、700px 以下のときだけ上書きする。パソコンの見た目は変えない。
 *   入力欄は 16px 以上にする（それ未満だと iPhone が勝手に拡大する）。
 */
/* ---- パソコン（701px 以上）：地域の欄が1文字ずつ縦に並んでいた（2026-09-20）----
 *   会場の文字が長いと、地域とカテゴリの欄が押しつぶされて縦書きのようになる。
 *   地域とカテゴリは折り返さず、会場は2行までにして残りは省く。 */
@media (min-width:701px){
  table.list th:nth-child(3),table.list td:nth-child(3){white-space:nowrap}
  table.list th:nth-child(5),table.list td:nth-child(5){white-space:nowrap}
  table.list .cat-badge{white-space:nowrap}
  table.list td:nth-child(4){max-width:300px}
  table.list td:nth-child(4){padding:0 12px!important;vertical-align:middle}
  table.list td:nth-child(4) .cell-link{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
    padding:0!important;line-height:1.5;max-height:3em}
}

@media (max-width:700px){
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
  body{font-size:16px;line-height:1.7}

  /* 熊本地震のお見舞いの帯：文を1段、ボタンは右下に小さく（2026-09-20 見た目の調整） */
  .sympathy{font-size:12px!important;line-height:1.6}
  .sympathy .wrap{display:block!important;padding:8px 16px!important;min-height:0!important}
  .sympathy .heart{width:18px!important;height:18px!important;margin-right:6px!important;font-size:10px}
  .sympathy a{display:inline-block;margin-top:4px;font-size:11px!important;padding:3px 10px!important;white-space:nowrap}

  /* トップの大きな枠：背景の小さなアイコンが文に重なるので、スマホでは出さない */
  .hero:before,.hero-copy:after{display:none!important}
  .hero-copy{padding:18px 18px 14px!important;min-height:0!important}

  /* ヘッダー：隠さずに折り返して出す */
  .head{height:auto!important;flex-wrap:wrap;gap:8px;padding:10px 16px}
  .logo{font-size:26px}
  /* ボタンは2列そろえ（4つが同じ幅で並ぶ） */
  .actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;width:100%}
  .actions .pill{display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;padding:10px 8px;white-space:nowrap}
  .pill{font-size:13px;padding:8px 12px}

  .crumb{font-size:13px}
  .sub,.lead,.se-lead,.ms-lead,.gd-lead{font-size:14px}
  h1{font-size:24px;line-height:1.4}
  .section-title,h2{font-size:20px}
  .more{font-size:13px}
  .subhead,h3{font-size:17px}
  .subhead-note{display:block;font-size:13px;font-weight:400}

  /* 札・ボタン：押しやすく */
  .chip,.v217d3c0b-category-btn,#v217d3b2-filter .chip{font-size:14px!important;padding:9px 14px!important}
  #v217d3b2-filter .title,#v217d3b2-filter .current{font-size:15px}
  .cat-badge,.status{font-size:12px}

  /* 入力欄：16px 未満だと iPhone が拡大してしまう */
  input,select,textarea,button{font-size:16px!important}

  /* ---- イベントの一覧（表）を、1件ずつのカードに組み替える ---- */
  table.list{font-size:15px!important}
  table.list thead{display:none}
  table.list,table.list tbody{display:block;width:100%}
  table.list tbody tr{display:block;padding:12px 14px;border-bottom:1px solid #eee}
  table.list td{display:block;padding:0!important;border:0!important}
  table.list td .cell-link{display:block;padding:0!important}
  table.list td.date-cell,table.list td:nth-child(1){font-size:14px;margin-bottom:4px}
  table.list td .cell-link.title-cell,table.list .title-cell{display:flex!important;align-items:center;gap:10px}
  table.list .row-thumb{width:72px!important;height:54px!important}
  table.list .event-title{font-size:16px;line-height:1.5}
  table.list td:nth-child(3),table.list td:nth-child(4),table.list td:nth-child(5){
    display:inline-block!important;font-size:13px;color:#777;margin:6px 10px 0 0;vertical-align:middle}
  table.list td:nth-child(4):empty{display:none!important}
  table.list td[colspan]{display:block;padding:14px!important;font-size:15px}

  /* トップの「30+ YEARS」の枠：スマホでは下のアイコンに重なるので出さない */
  .history-badge{display:none!important}
  /* 下の「Benly.comは…」の枠：左右2列だと右の文が細長くなるので縦に積む */
  .about{grid-template-columns:1fr!important;gap:12px!important;padding:18px!important}
  .about-big{font-size:22px!important}
  .about h3{font-size:18px}
  .about p{font-size:14px!important}

  /* 募集中・カードの文字 */
  .recruit-title{font-size:15px}
  .recruit-date,.recruit-area{font-size:13px}
  .area-card p,.catch{font-size:13px}
  .area-btn{font-size:14px;padding:11px}
  .mini-card strong{font-size:16px}
  .mini-card span{font-size:12px}

  /* カレンダー：升目が小さいので少しだけ */
  .calendar th,.calendar td{font-size:11px!important}

  /* 詳細ページ */
  .v206-table th,.v206-table td{font-size:15px;padding:10px 8px}
  .v206-wrap p,.v206-wrap li,.v206-bc{font-size:15px}
  .v206-bc{font-size:13px}

  /* 会員まわり・フォーム */
  .se-form label,.ms-form label,.v216a-card label{font-size:15px}
  .note,.se-who,.ms-meta,.mp-meta{font-size:13px}
  footer{font-size:13px}
}