@charset "UTF-8";
/* 銀座田屋 干支特集：十二支ダイヤル・干支ネクタイのカード（eto_dial.css）
   ・ベースは nabe2.css／eto12.css。ここでは .ed- で始まるクラスだけを指定する
   ・ダイヤルの作りは星座特集（seiza.css の .cz-dial）と同じ考え方 */

.ed-wrap{max-width:1100px;margin:0 auto;padding:0 clamp(20px, 4vw, 48px);box-sizing:border-box}
.ed-visually-hidden{position:absolute !important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ---------- 十二支を選ぶ ---------- */
.ed-dialsec{
  --ed-cream:#FBF4E8; --ed-ink:#3A3632; --ed-sub:#7A7268; --ed-gold:#B79A57; --ed-gold-ink:#8A6F35; --ed-line:#E2D6BF;
  padding:clamp(56px, 6vw, 88px) 0;background:#FFFFFF;color:var(--ed-ink);text-align:center;
}
.ed-dialsec__title{margin:0;padding:0;background:none;border:0;font-family:"Yu Mincho","YuMincho","Hiragino Mincho ProN",serif;font-weight:500;font-size:clamp(22px, 2.4vw, 30px);letter-spacing:.12em;line-height:1.6;color:var(--ed-ink);text-align:center}
.ed-dialsec__title::before,.ed-dialsec__title::after{content:none}
.ed-dialsec__title span{display:block;margin-top:6px;font-family:"Times New Roman",Times,serif;font-size:13px;letter-spacing:.24em;color:var(--ed-gold-ink);font-weight:400}
.ed-dialsec__lead{margin:20px auto 0;max-width:640px;font-size:15px;line-height:2.1;color:var(--ed-ink)}

.ed-dial{position:relative;width:min(680px, 100%);aspect-ratio:1 / 1;margin:clamp(24px, 3vw, 40px) auto 0}
.ed-dial__bg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ed-dial__ring{fill:none;stroke:var(--ed-cream)} /* 白い背景の上で、リングだけ薄いベージュにする */
.ed-dial__cell{fill:var(--ed-gold);fill-opacity:0;transition:fill-opacity .3s ease}
.ed-dial__cell.is-active{fill-opacity:.16}
.ed-dial__ticks line{stroke:var(--ed-line);stroke-width:1.5}
.ed-dial__compass line{stroke:var(--ed-gold);stroke-opacity:.45;stroke-width:1.2}
/* 中央に干支を映し出している間は、方角の十字線を消す（北・南・東・西の文字は残す） */
.ed-dial__compass{transition:opacity .3s ease}
.ed-dial.is-showing .ed-dial__compass{opacity:0}
.ed-dial__dir text{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:22px;fill:var(--ed-sub);text-anchor:middle}

.ed-dial__list{position:absolute;inset:0;margin:0;padding:0;list-style:none}
.ed-dial__item{position:static;display:block;text-decoration:none;color:var(--ed-ink)}
/* 動物（リングの外）と判子ロゴ（リングの上）は、同じリンクの中で別々の位置に置く */
.ed-dial__animal{
  position:absolute;left:var(--ax);top:var(--ay);width:12.5%;height:auto;transform:translate(-50%, -50%);
  transition:transform .3s ease, filter .3s ease;
}
/* リングの漢字：判子ロゴの色を入れ替えた、白地に黒い筆文字（中央の大きな判子は赤のまま） */
.ed-dial__stamp{
  position:absolute;left:var(--kx);top:var(--ky);width:7.6%;height:auto;transform:translate(-50%, -50%);
  transition:transform .3s ease, box-shadow .3s ease;
}
.ed-dial__item:hover .ed-dial__animal,.ed-dial__item.is-active .ed-dial__animal{transform:translate(-50%, -50%) scale(1.12);filter:drop-shadow(0 3px 6px rgba(138,111,53,.4))}
.ed-dial__item:hover .ed-dial__stamp,.ed-dial__item.is-active .ed-dial__stamp{transform:translate(-50%, -50%) scale(1.15)}
.ed-dial__item:focus-visible{outline:none}
.ed-dial__item:focus-visible .ed-dial__stamp{outline:2px solid var(--ed-gold-ink);outline-offset:4px}

/* 中央：ふれた干支を大きく映す（方位の線の上に重ねる） */
.ed-dial__center{
  position:absolute;left:50%;top:50%;width:34%;transform:translate(-50%, -50%);
  display:flex;flex-direction:column;align-items:center;gap:2px;
  padding:14px 8px;border-radius:50%;background:radial-gradient(circle, rgba(255,255,255,.96) 0 62%, rgba(255,255,255,0) 72%);
}
.ed-dial__center.is-swap{animation:ed-in .45s ease}
/* ダイヤルから離れているとき：中央は何も出さない（方角の線と文字だけ見える） */
.ed-dial__center.is-empty{visibility:hidden;opacity:0}
@keyframes ed-in{from{opacity:0;transform:translate(-50%, -46%)}to{opacity:1;transform:translate(-50%, -50%)}}
/* 中央の判子ロゴ（選んだ干支） */
.ed-dial__bigstamp{display:block;width:44%;height:auto;margin-bottom:6px;transform:rotate(-2deg);filter:drop-shadow(0 2px 4px rgba(0,0,0,.12))}
.ed-dial__big{margin:0}
.ed-dial__yomi{margin:0;font-size:13px;letter-spacing:.12em;color:var(--ed-sub)}
.ed-dial__years{margin:2px 0 0;font-size:12px;letter-spacing:.04em;color:var(--ed-sub)}
.ed-dial__go{display:inline-flex;align-items:center;min-height:36px;margin-top:4px;font-size:13px;letter-spacing:.06em;color:var(--ed-ink);text-decoration:none}
.ed-dial__go{border-bottom:1px solid currentColor}
.ed-dial__go:hover{color:var(--ed-gold-ink)}
.ed-dial__howto{margin-top:clamp(16px, 2vw, 24px);font-size:14px;line-height:1.9;color:var(--ed-sub)}

/* ---------- 干支ごとのネクタイ ---------- */
.ed-eto{scroll-margin-top:calc(97px + 16px)}
.ed-goods{padding:clamp(8px, 1.5vw, 16px) 0 clamp(48px, 5vw, 72px)}
.ed-cards{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:clamp(28px, 3vw, 40px) clamp(16px, 2vw, 28px)}
.ed-card{display:flex;flex-direction:column;min-width:0}
.ed-card.is-soldout .ed-card__media{cursor:default}
.ed-card__media{position:relative;display:block;aspect-ratio:1 / 1;overflow:hidden;background:#fff}
/* 写真の切り替え：前の写真（.ed-ghost）を上に重ねて、ふわっと消す */
.ed-ghost{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;object-fit:contain;opacity:1;transition:opacity .5s ease;pointer-events:none}
.ed-ghost.is-out{opacity:0}
.ed-card__media img{display:block;width:100%;height:100%;object-fit:contain}
.ed-card__views{display:flex;gap:6px;margin-top:8px}
.ed-view{width:40px;height:40px;padding:0;border:1px solid #DCD6C8;background:#fff;cursor:pointer;overflow:hidden}
.ed-view img{display:block;width:100%;height:100%;object-fit:cover}
.ed-view[aria-pressed="true"]{border-color:#3A3632;box-shadow:inset 0 0 0 1px #3A3632}
.ed-card__name{margin:12px 0 0;padding:0;background:none;border:0;font-family:"Yu Mincho","YuMincho","Hiragino Mincho ProN",serif;font-size:16px;font-weight:500;line-height:1.5;letter-spacing:.04em;text-align:left;color:#3A3632}
.ed-card__name::before,.ed-card__name::after{content:none}
.ed-card__meta{margin:4px 0 0;display:flex;flex-direction:column;gap:2px;font-size:13px;line-height:1.6}
.ed-card__price{color:#3A3632}
.ed-card__colors{font-size:12px;color:#7A7268}
/* カードの丸い色見本（押すとその色の写真・リンク・価格に切り替わる） */
.ed-card__chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:10px}
.ed-card__chip{position:relative;display:block;width:30px;height:30px;padding:2px;margin:0;border:1px solid transparent;border-radius:50%;background:none;cursor:pointer;transition:border-color .3s ease}
.ed-card__chip:hover{border-color:#DCD6C8}
.ed-card__chip[aria-pressed="true"]{border-color:#8A6F35}
.ed-card__chip img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px rgba(0,0,0,.06)}
/* カードの並び：写真（左上に写真切り替えを縦に置く）→ 色見本 → 柄名・価格・カラー → 商品を見る（一番下でそろえる） */
.ed-card__frame{position:relative}
.ed-card__frame .ed-card__views{position:absolute;left:8px;top:8px;z-index:1;flex-direction:column;margin:0;gap:4px}
/* 四角い写真アイコン：ふだんは半透明。カードにマウスを乗せたとき（またはキーボードで選んだとき）はくっきり */
.ed-card__frame .ed-card__views{opacity:.45;transition:opacity .35s ease}
.ed-card__frame:hover .ed-card__views,.ed-card__frame:focus-within .ed-card__views{opacity:1}
.ed-card__frame .ed-view{width:34px;height:34px;border:1px solid rgba(0,0,0,.12);border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.12)}
.ed-card__frame .ed-view img{border-radius:3px}
.ed-card__frame .ed-view[aria-pressed="true"]{border-color:#3A3632;box-shadow:0 1px 4px rgba(0,0,0,.12)}
.ed-card__chips{min-height:30px;margin-top:12px} /* 6色まで1段に収まる大きさ */
.ed-card__chips + .ed-card__name{margin-top:10px}
.ed-card__meta{margin-bottom:16px}
.ed-card__cta{
  display:flex;align-items:center;justify-content:center;width:100%;max-width:160px;height:40px;margin-top:auto;
  border:1px solid #8A6F35;border-radius:999px;font-size:13px;letter-spacing:.1em;color:#3A3632;text-decoration:none;
  transition:background-color .3s ease, color .3s ease;
}
a.ed-card__cta:hover{background:#8A6F35;color:#fff}
.ed-card__cta.is-soldout{background:#B3B3B3;border-color:#B3B3B3;color:#fff;letter-spacing:.16em;cursor:not-allowed}
.ed-empty{margin:0;padding:28px 16px;border:1px dashed #DCD6C8;text-align:center;font-size:14px;color:#7A7268}
.ed-back{margin:clamp(28px, 3vw, 40px) 0 0;text-align:center}
.ed-back--list{margin-top:14px}
/* 干支の商品が全部なくなったとき、商品が並んでいた場所に出す「SOLD OUT」 */
.taya-lp .ed-soldout{display:flex;align-items:center;justify-content:center;min-height:120px;margin:0;padding:24px 0;font-family:"Times New Roman",Times,serif;font-size:clamp(18px, 2vw, 24px);letter-spacing:.3em;color:#8A8F98;text-align:center}
.ed-btn{
  display:inline-flex;align-items:center;justify-content:center;min-width:240px;height:48px;padding:0 28px;
  border:1px solid #8A6F35;border-radius:999px;background:#fff;font-size:14px;letter-spacing:.08em;color:#3A3632;text-decoration:none;
  transition:background-color .3s ease, color .3s ease;
}
.ed-btn:hover{background:#8A6F35;color:#fff}

@media (max-width:1024px){
  .ed-cards{grid-template-columns:repeat(3, minmax(0, 1fr))}
}
@media (max-width:768px){
  .ed-dialsec__lead{font-size:14px}
  .ed-dial{width:calc(100% + 16px);margin-left:-8px;margin-right:-8px}
  .ed-dial__animal{width:13.5%}
  .ed-dial__stamp{width:8.2%}
  .ed-dial__dir text{font-size:26px}
  .ed-dial__center{width:40%}
  .ed-dial__bigstamp{width:46%;margin-bottom:2px}
  .ed-dial__yomi{font-size:11px;letter-spacing:.06em}
  .ed-dial__years{font-size:10px;letter-spacing:0}
  .ed-dial__go{min-height:28px;font-size:11px}
  .ed-dial__go-name{display:none}
  .ed-dial__howto{font-size:12px}
  .ed-eto{scroll-margin-top:16px}
  .ed-cards{grid-template-columns:repeat(2, minmax(0, 1fr));gap:32px 14px}
  .ed-card{text-align:center}
  .ed-card__views{justify-content:center}
  .ed-card__chips{justify-content:center;gap:2px;min-height:24px}
  .ed-card__chip{width:24px;height:24px;padding:2px}
  .ed-card__frame .ed-card__views{left:6px;top:6px;justify-content:flex-start}
  .ed-card__frame .ed-view{width:28px;height:28px}
  .ed-card__name{font-size:14px;text-align:center}
  .ed-card__cta{max-width:none;height:36px;margin-left:auto;margin-right:auto;font-size:11px}
  .ed-btn{min-width:200px;height:42px;font-size:13px}
}
/* セクションの区切り線（細く薄い線。新作の柄と柄のあいだの線と同じ色） */
.ed-rule{display:block;width:calc(100% - 40px);max-width:1100px;height:0;margin:0 auto;padding:0;border:0;border-top:1px solid #DCD6C8;background:none}

/* PCだけ出す文字（見出しの「・」など。スマホでは改行に置きかえる） */
.ed-pc-only{font-style:normal}
@media (max-width:768px){.ed-pc-only{display:none}}

/* スマホ：干支ごとの紹介文（見出し・文章）を中央ぞろえにする。見出しの左の金の線は、中央ぞろえに合わせて下の短い線にする */
@media (max-width:768px){
  .taya-lp section.ed-eto .block-text{width:100%;max-width:none;flex:none;align-self:stretch}
  .taya-lp section.ed-eto .nabe-h3{text-align:center;border-left:0;padding-left:0;margin-left:0;margin-right:0}
  .taya-lp section.ed-eto .nabe-h3::after{content:"";display:block;width:32px;height:2px;margin:10px auto 0;background:var(--taya-gold, #B79A57)}
  .taya-lp section.ed-eto .block-text p.h3-lead-left{text-align:center;padding-left:0}
}

/* ---------- TOP画像（PC 2732x1536 / スマホ 750x1334。文字は画像に入っているので切らずにそのまま見せる） ---------- */
.ed-mv{position:relative}
.ed-mv img{display:block;width:100%;height:auto;aspect-ratio:2732 / 1536}
/* PC：ヘッダー（97px）の下から画面の下までちょうど収まる高さにする。余った分は上下左右を少しだけ切る */
@media (min-width:769px){
  /* --ed-mv-h はページのスクリプトが「見えている画面の高さ − 画像の上端の位置」を実測して入れる。無いときは 97px のヘッダー分を引いた高さ */
  .taya-lp .ed-mv > picture img{height:calc(100vh - 97px);height:calc(100svh - 97px);height:var(--ed-mv-h, calc(100svh - 97px));min-height:420px;aspect-ratio:auto;object-fit:cover;object-position:center center}
}
@media (max-width:768px){
  .ed-mv img{aspect-ratio:750 / 1334}
}
/* 画像の上の文字：未アイコン＋「2027 丁未／ひのと・ひつじ」（明朝体）。読み込み後にふわっと浮かび上がる */
.ed-mv__title{
  position:absolute;z-index:1;left:18.5%;top:50%;transform:translateY(-50%);
  display:flex;align-items:center;gap:clamp(10px, 1.5vw, 30px);
  color:#B9995A;font-family:"Shippori Mincho","Yu Mincho","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","HG Mincho E","MS PMincho",serif;font-weight:500;
  pointer-events:none;
}
.ed-mv__title picture{display:block;flex:none}
.taya-lp .ed-mv .ed-mv__seal{display:block;width:clamp(40px, 2.9vw, 72px);height:auto;aspect-ratio:1 / 1;object-fit:contain}
.ed-mv__text{display:flex;flex-direction:column;align-items:center;margin:0;padding:0;line-height:1.25;text-align:center}
.ed-mv__year{font-size:clamp(18px, 1.45vw, 36px);letter-spacing:.12em;white-space:nowrap}
.ed-mv__yomi{margin-top:.35em;font-size:clamp(10px, .78vw, 19px);letter-spacing:.32em;white-space:nowrap}
/* 文字がカクつかないよう、ぼかしは使わず「透明度」と「上下の移動」だけで動かす（どちらも画面の合成だけで動くので滑らか） */
@keyframes edRise{
  from{opacity:0;transform:translate3d(0, 12px, 0)}
  to{opacity:1;transform:translate3d(0, 0, 0)}
}
.ed-mv__year,.ed-mv__yomi{display:block}
.ed-mv__title picture,.ed-mv__year,.ed-mv__yomi{animation:edRise 1.8s cubic-bezier(.22, .61, .36, 1) both;will-change:opacity, transform;backface-visibility:hidden}
/* フォント（しっぽり明朝）の読み込みが終わってから動かし始める。途中で字形が切り替わって跳ねるのを防ぐ */
.ed-mv:not(.is-ready) .ed-mv__title picture,.ed-mv:not(.is-ready) .ed-mv__year,.ed-mv:not(.is-ready) .ed-mv__yomi{animation-play-state:paused}
.ed-mv__title picture{animation-delay:.4s}
.ed-mv__year{animation-delay:1.1s}
.ed-mv__yomi{animation-delay:1.6s}
@media (prefers-reduced-motion:reduce){
  .ed-mv__title picture,.ed-mv__year,.ed-mv__yomi{animation:none}
}
@media (max-width:768px){
  /* スマホ：白文字で右下（ポケットの下） */
  .ed-mv__title{left:auto;right:2.6%;top:74.2%;transform:none;gap:2.6vw;color:#fff}
  .taya-lp .ed-mv .ed-mv__seal{width:9.2vw}
  .ed-mv__year{font-size:4.9vw;letter-spacing:.1em}
  .ed-mv__yomi{font-size:2.6vw;letter-spacing:.3em}
}

/* ---------- 未の新作（JAPAN特集の af-story と同じ形） ---------- */
.ed-stories{
  --es-ink:#232B37; --es-sub:#5A626E; --es-gold-ink:#86703C; --es-rule:#DCD6C8; --es-bg:#F6F5F2;
  max-width:1200px;margin:0 auto;padding:clamp(24px, 3vw, 48px) clamp(20px, 4.4vw, 64px) clamp(56px, 6vw, 88px);box-sizing:border-box;
  color:var(--es-ink);font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic Medium","Yu Gothic","YuGothic","Meiryo",sans-serif;
}
.ed-story{display:grid;grid-template-columns:minmax(0, 6fr) minmax(0, 6fr);gap:clamp(28px, 4.4vw, 72px);align-items:center;text-align:left}
.ed-story + .ed-story{margin-top:clamp(48px, 5.6vw, 80px);padding-top:clamp(48px, 5.6vw, 80px);border-top:1px solid var(--es-rule)}
.ed-story__frame{display:grid;grid-template-columns:clamp(64px, 6vw, 84px) minmax(0, 1fr);gap:12px;align-items:start}
.ed-story__main{grid-area:1 / 2;position:relative;display:block;aspect-ratio:1 / 1;overflow:hidden;border-radius:12px;background:var(--es-bg)}
.ed-story__main img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.ed-story__views{grid-area:1 / 1;display:flex;flex-direction:column;gap:10px}
.ed-story__view{display:block;width:100%;aspect-ratio:1 / 1;padding:0;border:2px solid transparent;border-radius:10px;background:var(--es-bg);cursor:pointer;overflow:hidden;transition:border-color .3s ease}
.ed-story__view:hover{border-color:var(--es-rule)}
.ed-story__view[aria-pressed="true"]{border-color:var(--es-ink)}
.ed-story__view img{display:block;width:100%;height:100%;object-fit:cover;border-radius:8px}
.ed-story__arrows{grid-area:1 / 2;position:relative;z-index:2;align-self:center;display:flex;justify-content:space-between;padding:0 10px;pointer-events:none}
.ed-story__arrow{
  pointer-events:auto;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;
  background:#fff;color:var(--es-ink);box-shadow:0 2px 8px rgba(0,0,0,.18);cursor:pointer;opacity:.35;transition:opacity .3s ease, transform .2s ease;
}
.ed-story__arrow:hover,.ed-story__arrow:focus-visible{opacity:1;transform:scale(1.06)}
.ed-story__arrow::before{content:"";width:10px;height:10px;border-top:2px solid currentColor;border-right:2px solid currentColor}
.ed-story__arrow--prev::before{transform:translateX(2px) rotate(-135deg)}
.ed-story__arrow--next::before{transform:translateX(-2px) rotate(45deg)}
.ed-story__en{display:block;font-family:"Times New Roman",Times,serif;font-size:13px;letter-spacing:.24em;color:var(--es-gold-ink)}
.ed-story__titlerow{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 14px;margin-top:4px}
.ed-story__title{margin:0;padding:0;background:none;border:0;font-family:"Yu Mincho","YuMincho","Hiragino Mincho ProN",serif;font-weight:500;font-size:clamp(21px, 2.1vw, 26px);line-height:1.5;letter-spacing:.1em;color:var(--es-ink);text-align:left}
.ed-story__title::before,.ed-story__title::after{content:none}
.ed-story__price{font-size:14px;letter-spacing:.06em;color:var(--es-sub);white-space:nowrap}
.ed-story__desc{margin:16px 0 0;font-size:15px;line-height:2;color:var(--es-ink)}
.ed-story__pick{margin-top:24px;padding-top:20px;border-top:1px solid var(--es-rule)}
.ed-story__label{margin:0;font-size:13px;letter-spacing:.12em;color:var(--es-sub)}
.ed-story__cur{color:var(--es-ink)}
.ed-story__colors{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}
.ed-story__color{position:relative;display:block;width:46px;height:46px;padding:3px;margin:0;border:1px solid transparent;border-radius:50%;background:none;cursor:pointer;transition:border-color .3s ease}
.ed-story__color:hover{border-color:var(--es-rule)}
.ed-story__color[aria-pressed="true"]{border-color:var(--es-gold-ink)}
.ed-story__chip{display:block;width:100%;height:100%;border-radius:50%;overflow:hidden;background:var(--es-rule);box-shadow:0 0 0 1px rgba(0,0,0,.06)}
.ed-story__chip img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.3)}
.ed-story__color.is-soldout::after{content:"";position:absolute;left:50%;top:6px;bottom:6px;width:1px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.25);transform:rotate(45deg)}
.ed-story__cta{
  display:inline-flex;align-items:center;justify-content:center;min-width:220px;height:46px;margin-top:22px;padding:0 28px;box-sizing:border-box;
  border:1px solid var(--es-gold-ink);border-radius:999px;font-size:14px;letter-spacing:.12em;color:var(--es-ink);text-decoration:none;
  transition:background-color .3s ease, color .3s ease;
}
a.ed-story__cta:not(.is-soldout):hover{background:var(--es-gold-ink);color:#fff}
.ed-story__cta.is-soldout{background:#B3B3B3;border-color:#B3B3B3;color:#fff;letter-spacing:.16em;cursor:not-allowed}
.ed-story :focus-visible{outline:2px solid var(--es-gold-ink);outline-offset:3px}
@media (max-width:768px){
  .ed-story__media{max-width:340px;width:100%;margin:0 auto}
  .ed-story__frame{grid-template-columns:minmax(0, 1fr);gap:8px}
  .ed-story__main,.ed-story__arrows{grid-area:1 / 1}
  .ed-story__views{grid-area:2 / 1;flex-direction:row;justify-content:center}
  .ed-story__view{width:64px}
  .ed-story__arrow{width:36px;height:36px;opacity:.6}
  /* スマホの並び：柄名・価格 → カラー → 写真 → 説明 → 商品を見る（JAPAN特集と同じ） */
  .ed-story{display:flex;flex-direction:column;gap:0;text-align:center}
  .ed-story__body,.ed-story__pick{display:contents}
  .ed-story__en{order:1}
  .ed-story__titlerow{order:2;justify-content:center}
  .ed-story__title{text-align:center}
  .ed-story__label{order:3;margin-top:14px}
  .ed-story__colors{order:4;justify-content:center;margin:10px 0 18px}
  .ed-story__media{order:5}
  .ed-story__desc{order:6;margin-top:20px;font-size:14px;line-height:1.9;text-align:left}
  .ed-story__cta{order:7;align-self:center;width:100%;max-width:320px}
}

/* ---------- 画面にちょうど収まる大きいダイヤル ---------- */
/* PC：ダイヤルは「画面にちょうど収まる大きさ」の1.2倍（見出し・説明文を除いた高さ × 1.2）。
   そのぶんエリアは画面より少し縦に長くなる */
.ed-dialsec--hero{
  box-sizing:border-box;display:flex;flex-direction:column;
  min-height:calc(100vh - 97px);padding:clamp(20px, 3.5vh, 44px) 0 clamp(16px, 2.5vh, 32px);
}
.ed-dialsec--hero .ed-wrap{flex:1 1 auto;min-height:0;width:100%;max-width:1240px;display:flex;flex-direction:column}
.ed-dialsec--hero .ed-dialsec__title{font-size:clamp(24px, 3.4vh, 36px);line-height:1.4}
.ed-dialsec--hero .ed-dialsec__title span{margin-top:4px;font-size:clamp(12px, 1.5vh, 15px)}
.ed-dialsec--hero .ed-dialsec__lead{max-width:760px;margin-top:clamp(8px, 1.6vh, 18px);font-size:clamp(13px, 1.6vh, 15px);line-height:1.9}
.ed-dial-fit{flex:none;height:calc((79.3vh - 228px) * 1.2);min-height:360px;margin-top:clamp(8px, 1.5vh, 20px);container-type:size;display:flex;align-items:center;justify-content:center}
.ed-dialsec--hero .ed-dial{width:min(100cqw, 100cqh, 1100px);margin:0}
.ed-dialsec--hero .ed-dial__howto{margin-top:clamp(4px, 1vh, 12px);font-size:13px;line-height:1.7}
.ed-dialsec--hero .ed-dial__dir text{font-size:20px}
.ed-dialsec--hero .ed-dial__yomi{font-size:clamp(12px, 1.6vh, 17px)}
.ed-dialsec--hero .ed-dial__years{font-size:clamp(11px, 1.4vh, 15px)}
.ed-dialsec--hero .ed-dial__go{min-height:36px;font-size:clamp(12px, 1.5vh, 16px)}
@media (max-width:768px){
  /* スマホはダイヤルが横幅いっぱいで決まるので、高さは中身に合わせる（ほぼ1画面に収まる） */
  .ed-dialsec--hero{height:auto;min-height:0;padding:20px 0 20px}
  .ed-dial-fit{height:auto;min-height:0;container-type:normal;display:block}
  .ed-dialsec--hero .ed-dial{width:100%}
  .ed-dialsec--hero .ed-wrap{padding:0 12px}
  .ed-dialsec--hero .ed-dialsec__lead{font-size:13px;line-height:1.8}
  .ed-dial-fit{margin-left:-8px;margin-right:-8px}
  .ed-dialsec--hero .ed-dial__dir text{font-size:26px}
  .ed-dialsec--hero .ed-dial__yomi{font-size:11px}
  .ed-dialsec--hero .ed-dial__years{font-size:10px}
  .ed-dialsec--hero .ed-dial__go{min-height:28px;font-size:11px}
  .ed-dialsec--hero .ed-dial__howto{font-size:12px}
}
@media (prefers-reduced-motion: reduce){
  .ed-dial__animal,.ed-dial__cell,.ed-dial__center,.ed-card__cta,.ed-btn{transition:none !important;animation:none !important}
}

/* ---------- カタログ紹介（左：写真のスライドショー／右：文章とカタログボタン） ---------- */
.ed-catalog{
  display:grid;grid-template-columns:minmax(0, 5fr) minmax(0, 6fr);gap:clamp(28px, 5vw, 80px);align-items:center;
  max-width:1100px;margin:0 auto;padding:clamp(48px, 5.6vw, 80px) clamp(20px, 4.4vw, 64px);box-sizing:border-box;
  color:#232B37;font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic Medium","Yu Gothic","YuGothic","Meiryo",sans-serif;text-align:left;
}
.ed-catalog__slides{justify-self:end;width:100%;max-width:min(400px, 52vh);min-width:260px}
.ed-catalog__stage{position:relative;aspect-ratio:750 / 1334;overflow:hidden;border-radius:12px;background:#F6F5F2}
.taya-lp .ed-catalog__stage img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.2s ease}
.taya-lp .ed-catalog__stage img.is-active{opacity:1}
.ed-catalog__dots{display:flex;justify-content:center;gap:4px;margin-top:10px}
.ed-catalog__dots button{position:relative;width:24px;height:24px;padding:0;border:0;background:none;cursor:pointer}
.ed-catalog__dots button::before{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:#D6CFBF;transition:background-color .3s ease, transform .3s ease}
.ed-catalog__dots button[aria-pressed="true"]::before{background:#86703C;transform:scale(1.15)}
.ed-catalog__en{display:block;font-family:"Times New Roman",Times,serif;font-size:13px;letter-spacing:.24em;color:#86703C}
.taya-lp .ed-catalog__title{
  margin:8px 0 0;padding:0;border:0;background:none;text-align:left;
  font-family:"Yu Mincho","YuMincho","Hiragino Mincho ProN",serif;font-weight:500;font-size:clamp(22px, 2.3vw, 30px);line-height:1.6;letter-spacing:.1em;color:#232B37;
}
.taya-lp .ed-catalog__title::before,.taya-lp .ed-catalog__title::after{content:none}
.taya-lp .ed-catalog__text{margin:20px 0 0;padding:0;font-size:15px;line-height:2.1;color:#232B37;text-align:left}
/* ボタンはヒツジの新作の「商品を見る」と同じ形（.ed-story__cta）。PCは文章に合わせて左寄せ */
.ed-catalog{--es-ink:#232B37;--es-gold-ink:#86703C}
.taya-lp .ed-catalog__btn{margin-top:6px;text-align:left}
.ed-catalog :focus-visible{outline:2px solid #86703C;outline-offset:3px}
@media (prefers-reduced-motion:reduce){
  .taya-lp .ed-catalog__stage img{transition:none}
}
@media (max-width:768px){
  /* スマホの並び：英字ラベル・見出し → 写真 → 文章（最初の一文だけ） → カタログを見る */
  .ed-catalog{display:flex;flex-direction:column;align-items:stretch;gap:0;text-align:center}
  .ed-catalog__body{display:contents}
  .ed-catalog__en{order:1}
  .taya-lp .ed-catalog__title{order:2;margin-bottom:18px}
  .ed-catalog__slides{order:3}
  .taya-lp .ed-catalog__text{order:4;margin-top:18px}
  .ed-catalog__btn{order:5}
  .ed-catalog__more{display:none}
  .ed-catalog__slides{justify-self:center;width:100%;max-width:300px;min-width:0;margin:0 auto}
  .taya-lp .ed-catalog__title{text-align:center;font-size:21px}
  .taya-lp .ed-catalog__text{text-align:center;font-size:14px;line-height:2}
  .ed-catalog .ed-pc-br{display:none}
  .taya-lp .ed-catalog__btn{text-align:center}
}

/* ---------- よくある質問（ペイズリー特集と同じ形：Q と ＋ の開閉式） ---------- */
.ed-faq{max-width:820px;margin:0 auto;padding:clamp(48px, 5.6vw, 80px) 20px;box-sizing:border-box;color:#232B37;text-align:left}
.taya-lp .ed-faq__title{margin:0 0 28px;padding:0;border:0;background:none;text-align:center;font-family:"Yu Mincho","YuMincho","Hiragino Mincho ProN",serif;font-weight:500;font-size:clamp(20px, 2vw, 26px);letter-spacing:.1em;line-height:1.6;color:#232B37}
.taya-lp .ed-faq__title::before,.taya-lp .ed-faq__title::after{content:none}
.ed-faq__title span{display:block;margin-top:4px;font-family:"Times New Roman",Times,serif;font-size:13px;letter-spacing:.24em;color:#86703C}
.ed-faq__item{border-bottom:1px solid #DCD6C8}
.ed-faq__item:first-of-type{border-top:1px solid #DCD6C8}
.ed-faq__item summary{position:relative;padding:18px 40px 18px 36px;cursor:pointer;list-style:none;font-size:16px;line-height:1.7;letter-spacing:.04em}
.ed-faq__item summary::-webkit-details-marker{display:none}
.ed-faq__item summary::before{content:"Q";position:absolute;left:4px;top:16px;font-family:"Times New Roman",Times,serif;font-size:19px;color:#86703C}
.ed-faq__item summary::after{content:"+";position:absolute;right:8px;top:14px;font-family:"Times New Roman",Times,serif;font-size:24px;line-height:1.2;color:#86703C;transition:transform .2s ease}
.ed-faq__item[open] summary::after{transform:rotate(45deg)}
.ed-faq__item summary:hover{color:#86703C}
.ed-faq__item summary:focus-visible{outline:2px solid #86703C;outline-offset:2px}
.taya-lp .ed-faq__item p{margin:0;padding:0 8px 22px 36px;font-size:15px;line-height:2;color:#232B37;text-align:left}
@media (max-width:768px){
  .ed-faq__item summary{padding:16px 34px 16px 30px;font-size:15px}
  .ed-faq__item summary::before{top:14px}
  .ed-faq__item summary::after{top:12px}
  .taya-lp .ed-faq__item p{padding:0 4px 18px 30px;font-size:14px}
}

/* 未の新作の説明文：スマホは短い文（3行・中央ぞろえ）に差し替える */
.ed-story .ed-story__desc--sp{display:none}
@media (max-width:768px){
  .ed-story .ed-story__desc:not(.ed-story__desc--sp){display:none}
  .ed-story .ed-story__desc--sp{display:block;order:6;margin-top:20px;font-size:14px;line-height:2;text-align:center}
}

/* はじめの文章（2027年・干支ネクタイコレクション）の背景に、刺繍のヒツジを薄く置く */
.taya-lp .ed-intro{position:relative;isolation:isolate;overflow:hidden}
.taya-lp .ed-intro::before{
  content:"";position:absolute;z-index:-1;right:0;bottom:4%;width:clamp(170px, 17vw, 240px);aspect-ratio:670 / 629;
  background:url("/img/usr/feature/eto/eto_top/sheep.png") no-repeat center / contain;opacity:.16;pointer-events:none;
}
@media (max-width:768px){
  .taya-lp .ed-intro::before{left:50%;bottom:4%;width:min(70vw, 280px);transform:translateX(-50%);opacity:.1}
}