@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20161002
*/

/* Simplicity子テーマ用のスタイルを書く */

/* ページの横はみ出しを防止する基本対策 */
body {
  overflow-x: hidden;
}

/* 特定のはみ出し要素を防ぐ（全体ラッパーが #container の場合） */
#container, #body, #body-in, #main {
  max-width: 100%;
  overflow-x: hidden;
  box-sizing: border-box;
}

/* ラッキーカラーのカテゴリボタン */
.lc-category-link { clear: both; }               /* ←回り込み解除 */
.lc-category-link--btn { margin: 24px 0; }

.lc-category-link__a{
  display: block;
  box-sizing: border-box;
  width: 90%;
  max-width: 780px;        /* お好みで */
  margin: 0 auto;          /* センター */
  padding: 14px 18px;
  background: #E6E7DC;
  border: 1px solid rgba(0,0,0,.2);  /* 枠を薄く */
  border-radius: 9999px;   /* 角丸＝楕円ボタン */
  color: #333;
  text-align: center;
  font-size: clamp(14px, 1.6vw, 16px);
  line-height: 1.6;
  font-weight: 400;        /* 文字を細く */
  text-decoration: underline;          /* 下線 */
  text-underline-offset: 3px;
}
.lc-category-link__a:hover { opacity: .9; }


/* roukan: 3枚固定のグリッド（何枚でも自動で3列） */
.roukan-grid-3{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important; /* 常に3列 */
  gap:12px !important; /* 画像間のスペース */
  width:100%;
  box-sizing:border-box;
}

/* 1つのカード（リンク） */
.roukan-grid-3 .roukan-item{
  display:flex;
  flex-direction:column;
  text-decoration:none;
  color:inherit;
  min-width:0;
}

/* 画像 */
.roukan-grid-3 .roukan-item img{
  width:100% !important;
  height:auto !important;
  display:block;
  max-width:100% !important;
  border-radius:8px; /* 任意 */
}

/* テキスト（3行） */
.roukan-grid-3 .roukan-text{
  margin-top:8px;
  text-align:center;
  line-height:1.4;
  font-size:14px;
}

/* 3行をブロック化 */
.roukan-grid-3 .roukan-text .line{
  display:block;
}

/* ダミー枠（最後の段の空白埋め用） */
.roukan-grid-3 .roukan-dummy{
  visibility:hidden;
  pointer-events:none;
}

/* 高さをそろえる */
.roukan-grid-3 .roukan-text{
  min-height:calc(1.4em * 3);
}