/* === 新春初売り：ページ全体の和風背景 === */
.tamashima-newyear{
  background:
    radial-gradient(circle at 10% 10%, rgba(255,215,0,.18), transparent 35%),
    radial-gradient(circle at 90% 20%, rgba(255,80,80,.14), transparent 40%),
    linear-gradient(180deg, rgba(255,248,230,.92), rgba(255,255,255,.98));
  border: 3px solid rgba(176, 20, 40, .35);
  box-shadow: 0 10px 28px rgba(0,0,0,.08);
  border-radius: 18px;
  padding: 18px;
}

/* 見出しを“お正月の帯”っぽく */
.tamashima-newyear h2{
  background: linear-gradient(90deg, rgba(176,20,40,.12), rgba(255,215,0,.16));
  border-left: 10px solid rgba(176,20,40,.65);
  padding: 10px 12px;
  border-radius: 10px;
}

/* 目玉ボックス（「10%OFF」や「数量限定」用に使うクラス） */
.tamashima-newyear .ny-box{
  background: rgba(255,255,255,.9);
  border: 2px dashed rgba(176,20,40,.45);
  border-radius: 16px;
  padding: 14px;
  box-shadow: 0 10px 20px rgba(0,0,0,.06);
}

/* “数量限定”バッジ */
.tamashima-newyear .ny-badge{
  display: inline-block;
  background: rgba(176,20,40,.88);
  color: #fff;
  padding: 6px 10px;
  border-radius: 999px;
  font-weight: 700;
  letter-spacing: .04em;
}

/* CTAボタン風（段落リンクでもボタンっぽく見せる） */
.tamashima-newyear .ny-cta a{
  display: inline-block;
  margin: 6px 8px 0 0;
  padding: 12px 14px;
  border-radius: 14px;
  text-decoration: none;
  font-weight: 700;
  background: rgba(176,20,40,.92);
  color: #fff;
  box-shadow: 0 10px 18px rgba(176,20,40,.18);
}
.tamashima-newyear .ny-cta a:hover{
  transform: translateY(-1px);
}
.tamashima-newyear .ny-cta a.ny-cta-sub{
  background: rgba(20,80,160,.92);
  box-shadow: 0 10px 18px rgba(20,80,160,.16);
}

/* 注意書き */
.tamashima-newyear .ny-note{
  font-size: .95em;
  opacity: .9;
}

/* ny-box の点線をやめてカード化 */
.tamashima-newyear .ny-box{
  border: none;
  background: rgba(255,255,255,.92);
  border-radius: 16px;
  box-shadow: 0 10px 18px rgba(0,0,0,.06);
}

/* PCで違和感ない横幅に抑える（自動センター） */
.tamashima-newyear{
  max-width: 980px;   /* まずは980推奨。気になるなら960へ */
  margin: 0 auto;
}

/* 画面が狭いときは自然に縮む */
@media (max-width: 1020px){
  .tamashima-newyear{
    max-width: 100%;
    margin: 0;
  }
}

/* 新春セールテンプレのときだけ：テーマの“記事枠”を外す（候補をまとめて潰す） */
body.page-template-page-newyear-sale-php .entry-content,
body.page-template-page-newyear-sale-php .entry,
body.page-template-page-newyear-sale-php .post,
body.page-template-page-newyear-sale-php .page,
body.page-template-page-newyear-sale-php article{
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* 外枠は1枚だけ・細めに */
.tamashima-newyear{
  border: 2px solid rgba(176, 20, 40, .28);
  box-shadow: 0 10px 26px rgba(0,0,0,.08);
}

/* 背景が縁で線っぽく見えるのを防ぐ */
.tamashima-newyear{
  background-clip: padding-box;
}

/* 外枠をなくしてスッキリ（背景の新春感は残す） */
.tamashima-newyear{
  border: none !important;
  box-shadow: none !important;

  /* 背景は残す（お正月感） */
  background:
    radial-gradient(circle at 10% 10%, rgba(255,215,0,.18), transparent 35%),
    radial-gradient(circle at 90% 20%, rgba(255,80,80,.14), transparent 40%),
    linear-gradient(180deg, rgba(255,248,230,.92), rgba(255,255,255,.98));

  border-radius: 0;         /* 外枠を消すなら角丸も不要（好みで） */
  padding: 18px;
}

/* スマホは余白を少し詰めて見やすく */
@media (max-width: 600px){
  .tamashima-newyear{
    padding: 12px;
    border-radius: 0;
  }
}

.tamashima-newyear .ny-img{
  margin: 12px 0 14px;
}

.tamashima-newyear .ny-img img{
  width: 100%;
  height: auto;
  display: block;
  border-radius: 14px;
  box-shadow: 0 10px 18px rgba(0,0,0,.06);
}


/* 画像と次ブロックの間を詰める */
.tamashima-newyear .ny-img{
  margin: 10px 0 8px !important;   /* ←ここが効く */
}

.tamashima-newyear .ny-img img{
  display: block;
}

/* ny-boxの上余白を詰める */
.tamashima-newyear .ny-box{
  margin-top: 8px !important;      /* 既にあるなら上書き */
}

/* セクション自体の余白も少しだけ詰める */
.tamashima-newyear section{
  margin: 0 0 18px !important;
}

.tamashima-newyear .ny-img{ margin: 10px 0 8px !important; }
.tamashima-newyear .ny-img img{ display:block; }
.tamashima-newyear .ny-box{ margin-top: 8px !important; }
.tamashima-newyear .ny-img + .ny-box{ margin-top: 6px !important; }
.tamashima-newyear .ny-box > :first-child{ margin-top: 0 !important; }
.tamashima-newyear section{ margin: 0 0 18px !important; }


/* 新春セールテンプレだけ：ヘッダー/お知らせ/パンくず をまとめて消す */
body.page-template-page-newyear-sale-php header,
body.page-template-page-newyear-sale-php #header,
body.page-template-page-newyear-sale-php #masthead,
body.page-template-page-newyear-sale-php .site-header,
body.page-template-page-newyear-sale-php .l-header,
body.page-template-page-newyear-sale-php .header,
body.page-template-page-newyear-sale-php .gb-header,
body.page-template-page-newyear-sale-php .gheader{
  display: none !important;
}

/* パンくず（HOME > ...）系 */
body.page-template-page-newyear-sale-php .breadcrumb,
body.page-template-page-newyear-sale-php .breadcrumbs,
body.page-template-page-newyear-sale-php #breadcrumb,
body.page-template-page-newyear-sale-php .pankuzu,
body.page-template-page-newyear-sale-php .wp-block-breadcrumbs{
  display: none !important;
}

/* 「お知らせ」系（テーマでよくある名称を広めに） */
body.page-template-page-newyear-sale-php .notice,
body.page-template-page-newyear-sale-php .notices,
body.page-template-page-newyear-sale-php .news,
body.page-template-page-newyear-sale-php .top-news,
body.page-template-page-newyear-sale-php #top-news{
  display: none !important;
}

/* 上が消えた後に変な余白が残るのを詰める */
body.page-template-page-newyear-sale-php #content,
body.page-template-page-newyear-sale-php .site-content,
body.page-template-page-newyear-sale-php .content-area,
body.page-template-page-newyear-sale-php main{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* CTAボタン：スマホだけ少しコンパクトに */
@media (max-width: 600px){
  .tamashima-newyear .ny-cta a{
    padding: 10px 12px;
    border-radius: 12px;
    font-size: 0.98em;
  }
}

@media (max-width: 600px){
  .tamashima-newyear .ny-cta{
    display: grid;
    gap: 10px;
  }
  .tamashima-newyear .ny-cta a{
    width: 100%;
    text-align: center;
    padding: 10px 12px;
    font-size: 0.98em;
  }
}


/* スマホだけ残る「お知らせ」等のタイトル表示を追加で非表示 */
@media (max-width: 782px){
  body.page-template-page-newyear-sale-php .page-header,
  body.page-template-page-newyear-sale-php .entry-header,
  body.page-template-page-newyear-sale-php .post-header,
  body.page-template-page-newyear-sale-php .post-title,
  body.page-template-page-newyear-sale-php .page-title,
  body.page-template-page-newyear-sale-php .entry-title,
  body.page-template-page-newyear-sale-php h1.entry-title,
  body.page-template-page-newyear-sale-php .c-page-title,
  body.page-template-page-newyear-sale-php .c-pageHeader,
  body.page-template-page-newyear-sale-php .c-pageHeader__title,
  body.page-template-page-newyear-sale-php .p-pageHeader,
  body.page-template-page-newyear-sale-php .p-pageHeader__title,
  body.page-template-page-newyear-sale-php .gb-page-title,
  body.page-template-page-newyear-sale-php .gb-page-title__inner{
    display: none !important;
  }

  /* タイトルを消した後の余白も詰める */
  body.page-template-page-newyear-sale-php #content,
  body.page-template-page-newyear-sale-php .site-content,
  body.page-template-page-newyear-sale-php main{
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}

/* 新春セールテンプレのページだけ：グローバルナビの「お知らせ」項目を非表示 */
body.page-template-page-newyear-sale-php .global_nav__item a[href*="/news/"]{
  display: none !important;
}

/* aだけ消すと余白が残る場合があるので liごと消す（保険） */
body.page-template-page-newyear-sale-php .global_nav__item:has(a[href*="/news/"]){
  display: none !important;
}

body.page-template-page-newyear-sale-php .global_nav{
  display:none !important;
}


/* このテンプレだけ：/news/（お知らせ）へのリンク自体を消す（スマホ確実） */
body.page-template-page-newyear-sale-php a[href*="/kurashikitamashima/news/"],
body.page-template-page-newyear-sale a[href*="/kurashikitamashima/news/"],
body.page-template-page-newyear-sale-php a[href*="/news/"],
body.page-template-page-newyear-sale a[href*="/news/"]{
  display: none !important;
}

/* リンクを消しても li が残る場合があるので、該当箇所ごと潰す（安全側） */
body.page-template-page-newyear-sale-php .global_nav__item,
body.page-template-page-newyear-sale .global_nav__item{
  display: none !important;
}

/* それでも余白が残る場合は、メニュー自体を消す（LPならこれが一番スッキリ） */
body.page-template-page-newyear-sale-php ul.menu,
body.page-template-page-newyear-sale ul.menu{
  display: none !important;
}

/* CTAボタンを完全に同サイズ化 */
.tamashima-newyear .ny-cta{
  display: grid;
  gap: 12px;
}

.tamashima-newyear .ny-cta a{
  width: 100%;
  box-sizing: border-box;
  text-align: center;

  /* 高さを揃える本体 */
  padding: 0 12px !important;
  min-height: 56px;                 /* ←ここで高さ統一 */
  display: flex !important;
  align-items: center;
  justify-content: center;

  line-height: 1.2;
  font-size: 1em;
  border-radius: 14px;
}

/* --- スマホ：価格だけ改行＆位置調整 --- */
@media (max-width: 600px){
  .tamashima-newyear .ny-price{
    display: block;
    margin-top: 4px;
    font-weight: 700;
    margin-left: 0.4em;
  }
} /* ← これが超重要：@mediaを閉じる */

/* ==== 目玉（A）：10%OFFを視覚的に強く（PC/スマホ共通） ==== */
body.page-template-page-newyear-sale-php #sale .ny-hero{
  display:flex !important;
  align-items: baseline !important;
  gap: 10px !important;
  margin: 10px 0 6px !important;
  flex-wrap: wrap !important;
}

body.page-template-page-newyear-sale-php #sale .ny-hero__off{
  display:inline-flex !important;
  align-items: baseline !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
  font-size: 3.0rem !important;   /* PC */
  line-height: 1 !important;
  color: rgba(176,20,40,.92) !important;
  text-shadow: 0 10px 18px rgba(176,20,40,.12) !important;
}

body.page-template-page-newyear-sale-php #sale .ny-hero__off span{
  font-size: .55em !important;
}

body.page-template-page-newyear-sale-php #sale .ny-hero__text{
  display:inline-flex !important;
  font-weight: 800 !important;
  font-size: 1.6rem !important;
  color: rgba(176,20,40,.92) !important;
}

body.page-template-page-newyear-sale-php #sale .ny-hero__sub{
  display:inline-block !important;
  margin-left: 4px !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  background: rgba(255,215,0,.18) !important;
  border: 1px solid rgba(176,20,40,.18) !important;
  font-weight: 700 !important;
}

/* ==== 期間（B）：タグ化（共通） ==== */
body.page-template-page-newyear-sale-php #sale .ny-date{
  display:inline-block !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  background: rgba(20,80,160,.10) !important;
  border: 1px solid rgba(20,80,160,.18) !important;
  font-weight: 800 !important;
}

body.page-template-page-newyear-sale-php #sale .ny-date-line{
  margin: 6px 0 6px !important;
}

/* スマホだけ：目玉を少しコンパクトに */
@media (max-width: 600px){
  body.page-template-page-newyear-sale-php #sale .ny-hero__off{ font-size: 2.4rem !important; }
  body.page-template-page-newyear-sale-php #sale .ny-hero__text{ font-size: 1.35rem !important; }
  body.page-template-page-newyear-sale-php #sale .ny-hero__sub{ padding: 5px 9px !important; }
}

body.page-template-page-newyear-sale-php #sale .ny-hero__off{
  font-size: 3.4rem !important;  /* 3.0 → 3.4 */
}

@media (max-width: 600px){
  body.page-template-page-newyear-sale-php #sale .ny-hero__off{
    font-size: 2.7rem !important; /* 2.4 → 2.7 */
  }
}

/* 画像＋キャプションの整形（控えめ） */
.tamashima-newyear .ny-figure{
  margin: 10px 0 14px !important;
}

.tamashima-newyear .ny-figure img{
  width: 100%;
  height: auto;
  display: block;
  border-radius: 14px;
  box-shadow: 0 10px 18px rgba(0,0,0,.06);
}

/* キャプション：小さく、右寄せ、薄め */
.tamashima-newyear .ny-caption{
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.4;
  opacity: .75;
  text-align: right;
}

/* スマホはさらに控えめ */
@media (max-width: 600px){
  .tamashima-newyear .ny-caption{
    font-size: 11px;
    opacity: .7;
  }
}

/* スマホ：画像（+キャプション）〜CTAの隙間を詰める */
@media (max-width: 600px){

  /* 画像ブロック全体の下余白 */
  .tamashima-newyear .ny-contact-banner{
    margin-bottom: 6px !important;
  }

  /* キャプションの下余白を減らす */
  .tamashima-newyear .ny-caption{
    margin: 2px 0 0 !important;
  }

  /* CTAブロックの上余白を減らす */
  .tamashima-newyear .ny-cta{
    margin-top: 2px !important;
  }
}

/* スマホ：CTAボタン同士の隙間を詰める */
@media (max-width: 600px){
  .tamashima-newyear .ny-cta{
    gap: 4px !important;   /* 10px→6px くらいが自然 */
  }
}

.tamashima-newyear .ny-cta--top{
  margin-top: 10px;
}
@media (max-width: 600px){
  .tamashima-newyear .ny-cta--top{
    margin-top: 8px;
  }
}

/* PCだけ：CTAを横幅いっぱいにしない（上品に） */
@media (min-width: 783px){
  .tamashima-newyear .ny-cta a{
    width: min(520px, 100%) !important;  /* 520は好みで 480〜560 */
    margin: 0 auto !important;          /* 中央寄せ */
  }
}

@media (min-width: 783px){
  .tamashima-newyear .ny-cta a{
    box-shadow: 0 8px 14px rgba(0,0,0,.08) !important;
  }
}

@media (min-width: 783px){
  /* PC：CTAを落ち着かせる */
  .tamashima-newyear .ny-cta a{
    width: min(480px, 100%) !important;
    margin: 0 auto !important;

    /* 主張を少し抑える */
    min-height: 50px !important;   /* 56→50くらい */
    box-shadow: 0 6px 10px rgba(0,0,0,.08) !important;
  }

  /* ボタン間の余白も少し詰める（主張軽減） */
  .tamashima-newyear .ny-cta{
    gap: 10px !important;
  }
}

/* スマホ：CTAの影を消して目立ちすぎを抑える */
@media (max-width: 600px){
  .tamashima-newyear .ny-cta a{
    box-shadow: none !important;
  }
}


@media (max-width: 600px){
  .tamashima-newyear .ny-cta a{
    border: 1px solid rgba(0,0,0,.06) !important;
  }
}

/* PC：CTAを2列（横並び）で落ち着かせる【確実版】 */
@media (min-width: 783px){
  .tamashima-newyear .ny-cta{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;

    width: min(720px, 100%) !important;
    margin: 12px auto 0 !important;
    justify-items: stretch !important;
  }

  /* 以前の「幅固定」系を完全に無効化して、セルいっぱいに */
  .tamashima-newyear .ny-cta a{
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    min-height: 54px !important;
  }
}

@media (min-width: 783px){
  .tamashima-newyear .ny-cta > p{
    margin: 0 !important;   /* pの余白でズレないように */
  }
  .tamashima-newyear .ny-cta > p > a{
    width: 100% !important;
    margin: 0 !important;
    display: flex !important; /* 既存のボタンスタイル維持 */
    justify-content: center;
    align-items: center;
  }
}