/* Embedded content cards and target category headings. */

/* =============== 11) Shortcode: [kiji 332] 埋め込みカード（特集記事のみ） =============== */
/* 目的:
   - 画像は「カードの縦幅いっぱい」にフィット（大きくなりすぎない）
   - タイトルは黒・大きめ、リンクの青下線を解除
   - メタディスクリプションは2行で省略してカード高を安定させる
*/

body.single-feature_article .iku-kiji-embed{
  margin: 18px 0;
}

body.single-feature_article .iku-kiji-embed__link{
  display: flex;
  gap: 16px;
  padding: 18px;
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 18px;
  background: #fff;
  text-decoration: none;
  color: inherit;
  align-items: stretch; /* ←ここで左右の高さを揃える */
}

body.single-feature_article .iku-kiji-embed__thumb-wrap{
  flex: 0 0 180px;
  max-width: 180px;
  border-radius: 12px;
  overflow: hidden;
  background: #f2f2f2;
  align-self: stretch; /* ←カードの縦幅に合わせる */
}

body.single-feature_article .iku-kiji-embed__thumb{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover; /* ←縦いっぱいに収めつつトリミング */
}

body.single-feature_article .iku-kiji-embed__body{
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

body.single-feature_article .iku-kiji-embed__title{
  font-size: 20px;
  font-weight: 800;
  line-height: 1.3;
  color: #111;
}

body.single-feature_article .iku-kiji-embed__date{
  margin-top: 8px;
  font-size: 14px;
  color: #5f6368;
}

body.single-feature_article .iku-kiji-embed__metadesc{
  margin-top: 10px;
  font-size: 15px;
  line-height: 1.6;
  color: #333;

  /* カードが縦に伸びすぎるのを防ぐ（2行で省略） */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

body.single-feature_article .iku-kiji-embed__link:hover .iku-kiji-embed__title{
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: .15em;
}

@media (max-width: 640px){
  body.single-feature_article .iku-kiji-embed__link{
    padding: 14px;
    gap: 12px;
  }
  body.single-feature_article .iku-kiji-embed__thumb-wrap{
    flex-basis: 128px;
    max-width: 128px;
  }
  body.single-feature_article .iku-kiji-embed__title{
    font-size: 18px;
  }
  body.single-feature_article .iku-kiji-embed__metadesc{
    -webkit-line-clamp: 3; /* スマホは少しだけ多めに */
  }
}

.iks-page-items__empty{
  max-width: min(860px, 100%);
  margin: 24px auto 40px;
  padding: 0 16px;
  color: #475569;
}

.iks-item-taxonomy{
  margin: 0;
  padding: clamp(20px, 4vw, 36px) 0 clamp(28px, 5vw, 44px);
}
.iks-item-taxonomy__inner{
  max-width: min(1100px, 100%);
  margin: 0 auto;
  padding: 0 clamp(12px, 2.4vw, 20px);
}
.iks-item-taxonomy__head{
  margin: 0 0 clamp(14px, 2.8vw, 20px);
}
.iks-item-taxonomy__title{
  margin: 0;
  font-size: clamp(1.28rem, 3.3vw, 1.9rem);
  line-height: 1.25;
}
.iks-item-taxonomy__description{
  margin: 8px 0 0;
  color: #475569;
}
.iks-item-taxonomy__grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px;
}
.iks-item-taxonomy__card{
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(15,23,42,.1);
  border-radius: 14px;
  overflow: hidden;
  background: #ffffff;
}
.iks-item-taxonomy__media{
  display: block;
  aspect-ratio: 1 / 1;
  background: #ffffff;
}
.iks-item-taxonomy__media img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.iks-item-taxonomy__media-fallback{
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  color: #64748b;
  font-size: .86rem;
}
.iks-item-taxonomy__body{
  padding: 12px;
}
.iks-item-taxonomy__card-title{
  margin: 0;
  font-size: 1rem;
  line-height: 1.35;
}
.iks-item-taxonomy__card-title a{
  color: #0f172a;
  text-decoration: none;
}
.iks-item-taxonomy__excerpt{
  margin: 8px 0 0;
  font-size: .84rem;
  line-height: 1.45;
  color: #475569;
}
.iks-item-taxonomy__empty{
  margin: 0;
  color: #475569;
}

.iks-single-item{
  max-width: min(900px, 100%);
  margin: 0 auto;
  padding: clamp(20px, 4vw, 36px) clamp(12px, 2.4vw, 20px) clamp(30px, 5vw, 48px);
}
.iks-single-item__article{
  border: 1px solid rgba(15,23,42,.1);
  border-radius: 16px;
  background: #ffffff;
  padding: clamp(14px, 3vw, 24px);
}
.iks-single-item__head{
  margin-bottom: 14px;
}
.iks-single-item__title{
  margin: 0;
  font-size: clamp(1.35rem, 3.4vw, 2rem);
  line-height: 1.3;
}
.iks-single-item__short-review{
  margin: 10px 0 0;
  color: #475569;
}
.iks-single-item__thumbnail{
  margin-bottom: 18px;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 12px;
  overflow: hidden;
  background: #ffffff;
}
.iks-single-item__thumb{
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
}
.iks-single-item__thumbnail img{
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
}

.iks-single-item__content{
  line-height: 1.8;
}
.iks-single-item__buy-links{
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid rgba(15,23,42,.1);
}
.iks-single-item__buy-title{
  margin: 0 0 12px;
  font-size: clamp(1.05rem, 2.8vw, 1.3rem);
}
.iks-single-item__buy-list{
  display: grid;
  gap: 12px;
}
.iks-single-item__buy-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .58rem .9rem;
  border-radius: 10px;
  background: #0f172a;
  color: #ffffff;
  text-decoration: none;
  font-weight: 700;
}
.iks-single-item__buy-note{
  margin: 8px 0 0;
  font-size: .84rem;
  color: #64748b;
}


/* ===== /items /waza /aruaru: center category headings like TOP ===== */
.iks-page-items :is(.feature-slider--items, .feature-slider--waza, .feature-slider--aruaru) .feature-slider__head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 12px;
}
.iks-page-items :is(.feature-slider--items, .feature-slider--waza, .feature-slider--aruaru) .feature-slider__title {
  grid-column: 2;
  justify-self: center;
  text-align: center;
}
.iks-page-items :is(.feature-slider--items, .feature-slider--waza, .feature-slider--aruaru) .feature-slider__more {
  grid-column: 3;
  justify-self: end;
}
/* Keep slider arrows clickable above hover-zoomed cards. */
.iks-page-items :is(.feature-slider--items, .feature-slider--waza, .feature-slider--aruaru) .feature-slider__nav {
  z-index: 10;
}

/* ===== /items /waza /aruaru: age category icon before heading ===== */
.iks-page-items :is(.feature-slider[data-context^="items-age-"], .feature-slider[data-context^="waza-age-"], .feature-slider[data-context^="aruaru-age-"]) .feature-slider__title {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45em;
}
.iks-page-items :is(.feature-slider[data-context^="items-age-"], .feature-slider[data-context^="waza-age-"], .feature-slider[data-context^="aruaru-age-"]) .feature-slider__title::before {
  content: "";
  flex: 0 0 auto;
  display: inline-block;
  width: clamp(38px, 4.8vw, 48px);
  height: clamp(38px, 4.8vw, 48px);
  background-color: transparent;
  background-repeat: no-repeat, no-repeat;
  background-position: center center, center center;
  background-size: contain, 56% 56%;
  background-image:
    var(--age-icon-svg, none),
    radial-gradient(circle at 50% 50%, rgba(61,188,210,.92) 0 42%, rgba(61,188,210,0) 44% 100%);
}
/* age icons: items */
.feature-slider[data-context="items-age-pregnancy"] { --age-icon-svg: url('../img/icons/age-pregnancy.svg'); }
.feature-slider[data-context="items-age-0-3m"]       { --age-icon-svg: url('../img/icons/age-0-3m.svg'); }
.feature-slider[data-context="items-age-4-6m"]       { --age-icon-svg: url('../img/icons/age-4-6m.svg'); }
.feature-slider[data-context="items-age-7-9m"]       { --age-icon-svg: url('../img/icons/age-7-9m.svg'); }
.feature-slider[data-context="items-age-10-12m"]     { --age-icon-svg: url('../img/icons/age-10-12m.svg'); }
.feature-slider[data-context="items-age-1y"]         { --age-icon-svg: url('../img/icons/age-1y.svg'); }
.feature-slider[data-context="items-age-2y"]         { --age-icon-svg: url('../img/icons/age-2y.svg'); }
.feature-slider[data-context="items-age-3y"]         { --age-icon-svg: url('../img/icons/age-3y.svg'); }
.feature-slider[data-context="items-age-4y"]         { --age-icon-svg: url('../img/icons/age-4y.svg'); }
.feature-slider[data-context="items-age-5y"]         { --age-icon-svg: url('../img/icons/age-5y.svg'); }
.feature-slider[data-context="items-age-6y"]         { --age-icon-svg: url('../img/icons/age-6y.svg'); }
.feature-slider[data-context="items-age-elem-low"]   { --age-icon-svg: url('../img/icons/age-elem-low.svg'); }
/* age icons: waza */
.feature-slider[data-context="waza-age-pregnancy"]   { --age-icon-svg: url('../img/icons/age-pregnancy.svg'); }
.feature-slider[data-context="waza-age-0-3m"]        { --age-icon-svg: url('../img/icons/age-0-3m.svg'); }
.feature-slider[data-context="waza-age-4-6m"]        { --age-icon-svg: url('../img/icons/age-4-6m.svg'); }
.feature-slider[data-context="waza-age-7-9m"]        { --age-icon-svg: url('../img/icons/age-7-9m.svg'); }
.feature-slider[data-context="waza-age-10-12m"]      { --age-icon-svg: url('../img/icons/age-10-12m.svg'); }
.feature-slider[data-context="waza-age-1y"]          { --age-icon-svg: url('../img/icons/age-1y.svg'); }
.feature-slider[data-context="waza-age-2y"]          { --age-icon-svg: url('../img/icons/age-2y.svg'); }
.feature-slider[data-context="waza-age-3y"]          { --age-icon-svg: url('../img/icons/age-3y.svg'); }
.feature-slider[data-context="waza-age-4y"]          { --age-icon-svg: url('../img/icons/age-4y.svg'); }
.feature-slider[data-context="waza-age-5y"]          { --age-icon-svg: url('../img/icons/age-5y.svg'); }
.feature-slider[data-context="waza-age-6y"]          { --age-icon-svg: url('../img/icons/age-6y.svg'); }
.feature-slider[data-context="waza-age-elem-low"]    { --age-icon-svg: url('../img/icons/age-elem-low.svg'); }
/* age icons: aruaru */
.feature-slider[data-context="aruaru-age-pregnancy"] { --age-icon-svg: url('../img/icons/age-pregnancy.svg'); }
.feature-slider[data-context="aruaru-age-0-3m"]      { --age-icon-svg: url('../img/icons/age-0-3m.svg'); }
.feature-slider[data-context="aruaru-age-4-6m"]      { --age-icon-svg: url('../img/icons/age-4-6m.svg'); }
.feature-slider[data-context="aruaru-age-7-9m"]      { --age-icon-svg: url('../img/icons/age-7-9m.svg'); }
.feature-slider[data-context="aruaru-age-10-12m"]    { --age-icon-svg: url('../img/icons/age-10-12m.svg'); }
.feature-slider[data-context="aruaru-age-1y"]        { --age-icon-svg: url('../img/icons/age-1y.svg'); }
.feature-slider[data-context="aruaru-age-2y"]        { --age-icon-svg: url('../img/icons/age-2y.svg'); }
.feature-slider[data-context="aruaru-age-3y"]        { --age-icon-svg: url('../img/icons/age-3y.svg'); }
.feature-slider[data-context="aruaru-age-4y"]        { --age-icon-svg: url('../img/icons/age-4y.svg'); }
.feature-slider[data-context="aruaru-age-5y"]        { --age-icon-svg: url('../img/icons/age-5y.svg'); }
.feature-slider[data-context="aruaru-age-6y"]        { --age-icon-svg: url('../img/icons/age-6y.svg'); }
.feature-slider[data-context="aruaru-age-elem-low"]  { --age-icon-svg: url('../img/icons/age-elem-low.svg'); }

  /* =============== Section label images (育スポット / 育記事 etc.) =============== */
  /* Page heading: size the label image to match the 育コレ header logo */
  .iks-home-page-title__label-img {
    height: clamp(152px, 20.8vw, 216px);
    width: auto;
    display: block;
    max-width: 100%;
  }
  @media (max-width: 768px){
    .iks-home-page-title__label-img {
      height: clamp(136px, 36vw, 184px);
    }
  }
  /* When JS copies a section label into the unified header brand, keep logo size consistent */
  .iks-unified-header__brand .iks-home-page-title__label-img {
    height: clamp(152px, 20.8vw, 216px);
    width: auto;
    max-width: 100%;
    display: block;
  }
  @media (max-width: 768px){
    .iks-unified-header__brand .iks-home-page-title__label-img {
      height: clamp(136px, 36vw, 184px);
    }
  }