/* futureshop：通常ヘッダーとお知らせに一枚の背景を共有。お知らせがあるページだけに適用。 */
.fs-l-header:has(#guricha-fs-news){position:relative;z-index:1000;isolation:isolate;background:#fff!important;padding-bottom:24px}
.fs-l-header:has(#guricha-fs-news)::before,
.fs-l-header:has(#guricha-fs-news)::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;clear:none;float:none;width:auto;height:auto;background-repeat:no-repeat}
.fs-l-header:has(#guricha-fs-news)::before{
 background-image:radial-gradient(ellipse clamp(480px,65vw,1100px) clamp(240px,40vh,440px) at 44% 34%,#c9df8a 0%,#eef3d8 38%,#ffffff00 88%),radial-gradient(ellipse clamp(420px,55vw,950px) clamp(220px,36vh,400px) at 58% 74%,#c9df8a 0%,#eef3d8 38%,#ffffff00 88%),radial-gradient(ellipse clamp(300px,36vw,640px) clamp(180px,30vh,320px) at 68% 20%,#eaf3f6 0%,#ffffff00 82%);
 background-size:220% 130%;background-position:100% 50%;animation:gfn-cloud-flow 10s linear infinite
}
.fs-l-header:has(#guricha-fs-news)::after{background-image:radial-gradient(ellipse at 50% 65%,#ffffff00 0 18%,#ffffffdc 29%,#ffffff00 43%);background-size:220% 180%;animation:gfn-cloud-light 13s linear infinite}
.fs-l-header:has(#guricha-fs-news) [data-guricha-header]:not(.gch-ghost),
.fs-l-header:has(#guricha-fs-news) .gch:not(.gch-ghost) .gch-header{background:transparent!important}
.fs-l-header:has(#guricha-fs-news) .gch:not(.gch-ghost) .gch-header::before,
.fs-l-header:has(#guricha-fs-news) .gch:not(.gch-ghost) .gch-header::after{visibility:hidden}
#guricha-fs-news.gn-news-strip{position:relative;width:calc(100% - 48px);max-width:1000px;margin:14px auto 0;background:#fff;border:0;border-radius:3px;box-shadow:none;padding:22px 28px}
@keyframes gfn-cloud-flow{0%{background-position:100% 45%;opacity:0}12%{opacity:1}50%{background-position:50% 58%;opacity:1}88%{opacity:1}100%{background-position:0% 45%;opacity:0}}
@keyframes gfn-cloud-light{0%{background-position:100% 42%;opacity:0}15%{opacity:.8}50%{background-position:50% 60%;opacity:.95}85%{opacity:.8}100%{background-position:0% 42%;opacity:0}}
@media(max-width:600px){
 .fs-l-header:has(#guricha-fs-news){padding-bottom:16px}
 #guricha-fs-news.gn-news-strip{width:calc(100% - 24px);margin-top:8px;padding:18px 18px 20px}
}
@media(prefers-reduced-motion:reduce){.fs-l-header:has(#guricha-fs-news)::before,.fs-l-header:has(#guricha-fs-news)::after{animation:none;background-position:50% 50%}}

/* 2026-10-16 futureshopのスマホ：ブログを省き、期間中のポイント案内だけ表示。 */
@media(max-width:600px){
 #guricha-fs-news.gn-news-strip>.gn-news-heading,
 #guricha-fs-news.gn-news-strip>.gn-news-list{display:none}
 #guricha-fs-news.gn-news-strip{grid-template-columns:minmax(0,1fr);gap:0}
 #guricha-fs-news.gn-news-strip>.gn-news-promotions{grid-column:1;grid-row:1;margin:0}
 #guricha-fs-news.gn-news-strip:not(:has(>[data-point-campaign]:not([hidden]))){display:none}
 .fs-l-header:has(#guricha-fs-news):not(:has(#guricha-fs-news>[data-point-campaign]:not([hidden]))){padding-bottom:0}
}