@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列 ===== */
.catalog-grid{
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  gap: 28px;
}

@media (max-width: 768px){
  .catalog-grid{
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
  }
}

/* テーマの影響を受けないように */
.catalog-grid,
.catalog-grid *{
  box-sizing: border-box;
}

/* 商品カード */
.catalog-item{
  margin: 0 !important;
  padding: 0 !important;
}

/* リンク */
.catalog-link{
  display: block;
  text-decoration: none !important;
  color: inherit !important;
}

/* 画像 */
.catalog-img{
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: 10px;
  background: #fff;
}

.catalog-img img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  display: block;
}

/* 3行テキスト */
.catalog-text{
  margin-top: 10px;
  line-height: 1.5;
}

.catalog-text .line2{
  font-size: 15px;
  opacity: 0.85;
  margin-top: 2px;

  display: -webkit-box;
  -webkit-line-clamp: 1; /* サブ説明は1行まで */
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 1.5em;
}

.catalog-text .line3{
  font-size: 15px;
  opacity: 0.85;
  margin-top: 2%;
}

/* line1,line2,line3の間の余白を均等にする */
.catalog-text{
  margin-top: 10px;
}

.catalog-text .line1,
.catalog-text .line2,
.catalog-text .line3{
  margin: 2px 0 0 0;  /* ← 余白を統一 */
  padding: 0;
}

/* 1行目だけ最初の余白をなしにする */
.catalog-text .line1{
  margin-top: 0;
}