@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; }

/* カスタム投稿タイプ kanayamadani の記事だけ、本文下のシェア/フォロー等を消す */
body.single-kanayamadani .widget-under-article,
body.single-kanayamadani .widget_a2a_share_save_widget,
body.single-kanayamadani .widget_a2a_follow_widget,
body.single-kanayamadani #sns-group,
body.single-kanayamadani .footer-post-meta,
body.single-kanayamadani .addtoany_share_save_container,
body.single-kanayamadani .addtoany_content,
body.single-kanayamadani .addtoany_content_bottom,
body.single-kanayamadani #related-entries,
body.single-kanayamadani #sidebar-widget,
body.single-kanayamadani footer[itemtype="https://schema.org/WPFooter"],
body.single-kanayamadani #footer{
  display: none !important;
}

/* ==========================
   金山谷ヒスイ　商品一覧（PC4列/スマホ2列）
========================== */
.kanayamadani-grid{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 28px;
}

/* スマホは2列 */
@media (max-width: 768px){
  .kanayamadani-grid{
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
  }
}

/* 商品カード */
.kanayamadani-item{
  display: block;
  text-decoration: none;
  color: inherit;
}

/* 画像の箱 */
.kanayamadani-img{
  width: 100%;
  aspect-ratio: 1 / 1; /* 正方形に揃える */
  overflow: hidden;
  border-radius: 10px; /* お好みで */
  background: #fff;
}

/* 画像 */
.kanayamadani-img img{
  width: 100%;
  height: 100%;
  object-fit: cover; /* 画像を綺麗にトリミング */
  display: block;
}

/* テキスト部分（3行） */
.kanayamadani-text{
  margin-top: 10px;
  line-height: 1.5;
}

/* 1行目：商品名 */
.kanayamadani-text .line1{
  font-size: 15px;
  font-weight: 500;

  /* 長い場合は2行までに制限して高さを揃える */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 3em;
}

/* 2行目：サブ説明 */
.kanayamadani-text .line2{
  font-size: 13px;
  opacity: 0.85;
  margin-top: 4px;

  /* 必要なら1行に制限 */
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 1.5em;
}

/* 3行目：価格 */
.kanayamadani-text .line3{
  font-size: 15px;
  font-weight: 600;
  margin-top: 6px;
}