@charset "UTF-8";
/**
 * style.scss
 *
 * - 読み込み順 = カスケード順
 * - 接頭辞: l-(layout) / c-(components) / s-(sections) / u-(utility)
 */
/**
 * reset_custom.scss
 *
 * 大元のreset.scssに足りないreset styleを追記する
 */
*,
::before,
::after {
				-webkit-box-sizing: border-box;
				        box-sizing: border-box;
}

img {
				max-width: 100%;
				height: auto;
				vertical-align: bottom;
}

em {
				font-style: normal;
}

/**
 * tokens.scss
 *
 * - SCSS変数($) = コンパイル時に消える。@media や計算用。
 * - CSS変数(--) = ブラウザに残る。色・余白・easing 等の意味トークン。
 * - 原則: SCSS変数でパレット原色を持ち、CSS変数に流し込む。
 */
:root {
				--color-main:	#004E9E;
				--color-sub:	#f93099;
				--color-accent:	#e84280;
				--color-bg:	#f7f7f7;
				--color-text:	#333333;
				--color-text-sub:	#666666;
				--color-border:	#cccccc;
				--color-link:	#e52f1e;
				--font-base:	YakuHanJP, "Noto Sans JP", sans-serif;
				--font-serif:	"Noto Serif JP", serif;
				--font-en:	"Open Sans", sans-serif;
				--fz-1: 1.2rem;
				--fz-2: 1.4rem;
				--fz-3: 1.6rem;
				--fz-4: 1.8rem;
				--fz-5: 2.4rem;
				--fz-6: 3.2rem;
				--fz-7: 4.8rem;
				--fz-8: 6.4rem;
				--fz-base: var(--fz-4);
				--lh-1: 1;
				--lh-2: 1.2;
				--lh-3: 1.4;
				--lh-4: 1.6;
				--lh-5: 1.8;
				--lh-6: 2;
				--lh-base: var(--lh-1);
				--ls-base: 0;
				--fw-base: 400;
				--space-0: 0;
				--space-1: 0.8rem;
				--space-2: 1.6rem;
				--space-3: 2.4rem;
				--space-4: 3.2rem;
				--space-5: 4.8rem;
				--space-6: 6.4rem;
				--space-7: 9.6rem;
				--space-8: 12.8rem;
				--container-inline-size: 1440px;
				--space-section-block: clamp(8rem, 10vw, 15rem);
				--space-section-inline: clamp(1.6rem, 4vw, 4rem);
				--link-color:	#e52f1e;
				--link-color-visited:	#e52f1e;
				--link-color-hover:	#e52f1e;
				--link-decoration:	underline;
				--link-hover-decoration:	underline;
				--link-hover-opacity:	1;
				--radius:	10px;
				--radius-pill:	9999px;
				--duration:	0.3s;
				--duration-slow:	0.7s;
				--z-base:	0;
				--z-float:	10;
				--z-overlay:	100;
				--z-modal:	200;
				--selection-color-bg:	#e7f3f9;
				--selection-color-text:	#004E9E;
}

/**
 * base.scss
 *
 * - 要素セレクタのみ。クラスは書かない
 */
/**
 * foundation/_index.scss
 *
 * - 各パーシャル冒頭で `@use "../abstracts" as *;` の1行で
 *   tokens と mixins の両方が使えるようにする集約ファイル
 */
/**
 * mixins.scss
 */
html {
				font-size: 62.5%;
				scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
				html {
								scroll-behavior: auto;
				}
}

body {
				min-block-size: 100dvh;
				background-color: var(--color-bg);
				color: var(--color-text);
				font-size: var(--fz-base);
				line-height: var(--lh-base);
				font-weight: var(--fw-base);
				font-family: var(--font-base);
				-webkit-font-feature-settings: "palt" 1;
				        font-feature-settings: "palt" 1;
				letter-spacing: var(--ls-base);
}

section {
				overflow: clip;
}

a {
				-webkit-transition: color 0.25s;
				transition: color 0.25s;
				-webkit-transition-timing-function: ease;
				        transition-timing-function: ease;
				color: var(--color-link);
				text-decoration: var(--link-decoration);
}
a:visited {
				color: var(--link-color-visited);
}
a:hover {
				color: var(--link-color-hover);
				text-decoration: --link-hover-decoration;
}
a img {
				-webkit-transition: opacity 0.25s ease;
				transition: opacity 0.25s ease;
}
a:hover img {
				opacity: var(--link-hover-opacity);
}

::-moz-selection {
				background-color: var(--selection-color-bg);
				color: var(--selection-color-text);
}

::selection {
				background-color: var(--selection-color-bg);
				color: var(--selection-color-text);
}

/**
 * base.scss
 *
 * - 要素セレクタのみ。クラスは書かない
 */
/**
 * animation.scss
 *
 * - @keyframes 定義と、それを適用するクラス／属性を1ファイルで管理
 * - スクロール連動は `animation-timeline: view()` を使用
 * - 未対応ブラウザは @supports で除外。アニメ無しで普通に表示される
 * - prefers-reduced-motion を尊重
 *
 * 使い方:
 *   <div data-animate="fade-up">...</div>
 *   <li data-animate="fade-up" data-delay="200">...</li>
 */
@-webkit-keyframes fadeUp {
				from {
								opacity: 0;
								translate: 0 2rem;
				}
}
@keyframes fadeUp {
				from {
								opacity: 0;
								translate: 0 2rem;
				}
}
@-webkit-keyframes fadeDown {
				from {
								opacity: 0;
								translate: 0 -2rem;
				}
}
@keyframes fadeDown {
				from {
								opacity: 0;
								translate: 0 -2rem;
				}
}
@-webkit-keyframes fadeLeft {
				from {
								opacity: 0;
								translate: -2rem 0;
				}
}
@keyframes fadeLeft {
				from {
								opacity: 0;
								translate: -2rem 0;
				}
}
@-webkit-keyframes fadeRight {
				from {
								opacity: 0;
								translate: 2rem 0;
				}
}
@keyframes fadeRight {
				from {
								opacity: 0;
								translate: 2rem 0;
				}
}
@-webkit-keyframes fadeIn {
				from {
								opacity: 0;
				}
}
@keyframes fadeIn {
				from {
								opacity: 0;
				}
}
@-webkit-keyframes scaleUp {
				from {
								opacity: 0;
								scale: 0.92;
				}
}
@keyframes scaleUp {
				from {
								opacity: 0;
								scale: 0.92;
				}
}
@-webkit-keyframes float {
				0%, 100% {
								translate: 0 0;
				}
				50% {
								translate: 0 -10px;
				}
}
@keyframes float {
				0%, 100% {
								translate: 0 0;
				}
				50% {
								translate: 0 -10px;
				}
}
@-webkit-keyframes blink {
				0%, 100% {
								opacity: 1;
				}
				50% {
								opacity: 0.3;
				}
}
@keyframes blink {
				0%, 100% {
								opacity: 1;
				}
				50% {
								opacity: 0.3;
				}
}
@supports (animation-timeline: view()) {
				[data-animate] {
								-webkit-animation-timing-function: var(--ease-out);
								        animation-timing-function: var(--ease-out);
								-webkit-animation-duration: var(--duration-slow);
								        animation-duration: var(--duration-slow);
								-webkit-animation-fill-mode: both;
								        animation-fill-mode: both;
								animation-timeline: view();
								animation-range: entry 0% entry 30%;
				}
				[data-animate=fade-up] {
								-webkit-animation-name: fadeUp;
								        animation-name: fadeUp;
				}
				[data-animate=fade-down] {
								-webkit-animation-name: fadeDown;
								        animation-name: fadeDown;
				}
				[data-animate=fade-left] {
								-webkit-animation-name: fadeLeft;
								        animation-name: fadeLeft;
				}
				[data-animate=fade-right] {
								-webkit-animation-name: fadeRight;
								        animation-name: fadeRight;
				}
				[data-animate=fade-in] {
								-webkit-animation-name: fadeIn;
								        animation-name: fadeIn;
				}
				[data-animate=scale-up] {
								-webkit-animation-name: scaleUp;
								        animation-name: scaleUp;
				}
				[data-delay="100"] {
								-webkit-animation-delay: 100ms;
								        animation-delay: 100ms;
				}
				[data-delay="200"] {
								-webkit-animation-delay: 200ms;
								        animation-delay: 200ms;
				}
				[data-delay="300"] {
								-webkit-animation-delay: 300ms;
								        animation-delay: 300ms;
				}
				[data-delay="400"] {
								-webkit-animation-delay: 400ms;
								        animation-delay: 400ms;
				}
				[data-delay="500"] {
								-webkit-animation-delay: 500ms;
								        animation-delay: 500ms;
				}
}
@media (prefers-reduced-motion: reduce) {
				[data-animate] {
								-webkit-animation: none !important;
								        animation: none !important;
				}
}
/**
 * base.scss
 *
 * - 要素セレクタのみ。クラスは書かない
 */
/**
 * layout.scss
 *
 * - 接頭辞 l-
 */
.l-header {
				background-color: #ffffff;
				inline-size: min(100%, 768px);
				margin: auto;
}

.l-header__inner {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: horizontal;
				-webkit-box-direction: normal;
				    -ms-flex-flow: row nowrap;
				        flex-flow: row nowrap;
				-webkit-box-align: end;
				    -ms-flex-align: end;
				        align-items: flex-end;
				gap: 10px;
				inline-size: min(100%, 768px);
				margin-inline: auto;
				padding: 10px;
}
@media (min-width: 768px) {
				.l-header__inner {
								padding: 15px 10px;
				}
}

.l-header__logo {
				inline-size: -webkit-fit-content;
				inline-size: -moz-fit-content;
				inline-size: fit-content;
}
.l-header__logo img {
				inline-size: auto;
				block-size: 25px;
}
@media (min-width: 768px) {
				.l-header__logo img {
								inline-size: auto;
								block-size: 35px;
				}
}
.l-header__logo.l-header__logo--dshopping img {
				block-size: 20px;
}
@media (min-width: 768px) {
				.l-header__logo.l-header__logo--dshopping img {
								block-size: 30px;
				}
}

.l-footer {
				inline-size: min(100%, 768px);
				margin: auto;
				padding: 80px 10px;
				background-color: #ffffff;
}

.l-footer__btn {
				-webkit-transition: -webkit-transform 0.5s;
				transition: -webkit-transform 0.5s;
				transition: transform 0.5s;
				transition: transform 0.5s, -webkit-transform 0.5s;
				-webkit-transition-timing-function: ease;
				        transition-timing-function: ease;
				position: relative;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: horizontal;
				-webkit-box-direction: normal;
				    -ms-flex-flow: row nowrap;
				        flex-flow: row nowrap;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				gap: 0.5em;
				inline-size: min(100%, 400px);
				margin-inline: auto;
				padding-block: 18px;
				background-color: #d92984;
				color: #ffffff;
				font-size: 18px;
				line-height: var(--lh-base);
				font-weight: 700;
				border-radius: var(--radius-pill);
				-webkit-box-shadow: 3px 6px 0 0 #93004c;
				        box-shadow: 3px 6px 0 0 #93004c;
				text-decoration: none;
}
@media (min-width: 768px) {
				.l-footer__btn {
								font-size: 24px;
				}
}
.l-footer__btn:visited {
				color: #ffffff;
}
.l-footer__btn:hover {
				color: #ffffff;
				-webkit-transform: scale(0.93);
				        transform: scale(0.93);
}
.l-footer__btn img {
				inline-size: 24px;
				margin-top: -0.3rem;
}
.l-footer__btn::before {
				display: block;
				position: absolute;
				inset-block-start: 50%;
				inset-inline-end: 20px;
				inline-size: 15px;
				block-size: 15px;
				border: 4px solid #ffffff;
				border-left: none;
				border-bottom: none;
				-webkit-transform: translateY(-50%) rotate(45deg);
				        transform: translateY(-50%) rotate(45deg);
				content: "";
}
@media (min-width: 768px) {
				.l-footer__btn::before {
								inset-inline-end: 20px;
				}
}

.l-footer__wrap {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-flow: column wrap;
				        flex-flow: column wrap;
				gap: 30px;
				-webkit-margin-before: 96px;
				        margin-block-start: 96px;
}
.l-footer__wrap.l-footer__wrap--dshop {
				display: block;
				-webkit-margin-before: 32px;
				        margin-block-start: 32px;
}
@media (min-width: 768px) {
				.l-footer__wrap {
								-webkit-box-orient: horizontal;
								-webkit-box-direction: normal;
								    -ms-flex-direction: row;
								        flex-direction: row;
								-webkit-box-pack: center;
								    -ms-flex-pack: center;
								        justify-content: center;
								-webkit-box-align: center;
								    -ms-flex-align: center;
								        align-items: center;
								gap: 20px;
								-webkit-border-before: solid 1px var(--color-border);
								        border-block-start: solid 1px var(--color-border);
								-webkit-margin-before: 120px;
								        margin-block-start: 120px;
								-webkit-padding-before: 50px;
								        padding-block-start: 50px;
				}
}

.l-footer__pmark {
				text-align: center;
}
.l-footer__pmark img {
				inline-size: 80px;
				block-size: auto;
}
@media (min-width: 768px) {
				.l-footer__pmark img {
								inline-size: 60px;
				}
}

.l-footer__copy {
				display: block;
				text-align: center;
				color: var(--color-text-sub);
				font-size: 12px;
				font-family: var(--font-en);
				font-weight: 500;
}

.l-footer__pagetop {
				-webkit-transition: opacity 0.5s, visibility 0.5s, -webkit-transform 0.5s;
				transition: opacity 0.5s, visibility 0.5s, -webkit-transform 0.5s;
				transition: opacity 0.5s, visibility 0.5s, transform 0.5s;
				transition: opacity 0.5s, visibility 0.5s, transform 0.5s, -webkit-transform 0.5s;
				-webkit-transition-timing-function: ease;
				        transition-timing-function: ease;
				position: fixed;
				inset-inline-end: 20px;
				inset-block-end: 20px;
				opacity: 0;
				visibility: hidden;
}
.l-footer__pagetop.is-show {
				opacity: 1;
				visibility: visible;
}
.l-footer__pagetop:hover {
				-webkit-transform: scale(0.85);
				        transform: scale(0.85);
}
.l-footer__pagetop img {
				inline-size: 50px;
				aspect-ratio: 1;
}
@media (min-width: 768px) {
				.l-footer__pagetop img {
								inline-size: 80px;
				}
}

.l-container {
				inline-size: 100%;
				background-color: #ffffff;
}
@media (min-width: 768px) {
				.l-container {
								inline-size: min(100%, 768px);
								margin-inline: auto;
				}
}

/**
 * base.scss
 *
 * - 要素セレクタのみ。クラスは書かない
 */
/**
 * section.scss
 *
 * - 接頭辞 s-
 */
[id^=a-] {
				scroll-margin-top: 60px;
}
@media (min-width: 768px) {
				[id^=a-] {
								scroll-margin-top: 85px;
				}
}

.s-info {
				inline-size: min(100%, 768px);
				margin: auto;
				padding: 15px;
				-webkit-border-after: 1px solid var(--color-border);
				        border-block-end: 1px solid var(--color-border);
				text-align: center;
				background-color: #efefef;
				color: var(--color-text);
				font-size: 18px;
				line-height: var(--lh-3);
				font-weight: 700;
}
@media (min-width: 768px) {
				.s-info {
								padding: 25px;
								font-size: 32px;
				}
}
.s-info:not(:has(.is-within)) {
				display: none;
}

.s-hero {
				display: -ms-grid;
				display: grid;
				-ms-flex-line-pack: end;
				    align-content: end;
				inline-size: min(100%, 768px);
				margin: auto;
				-webkit-padding-after: 13px;
				        padding-block-end: 13px;
				background: #1389b4 url(../../img/winter_gift/hero_img.png) center/contain scroll no-repeat;
				aspect-ratio: 750/680;
}
.s-hero__h {
				position: absolute;
				width: 1px;
				height: 1px;
				padding: 0;
				margin: -1px;
				overflow: hidden;
				clip: rect(0, 0, 0, 0);
				white-space: nowrap;
				border: 0;
}

.s-nav {
				inline-size: min(100%, 739px);
				margin-inline: auto;
				padding-inline: 10px;
}

.s-nav__wrap {
				display: -ms-grid;
				display: grid;
				-ms-grid-columns: 1fr 5px 1fr 5px 1fr;
				grid-template-columns: repeat(3, 1fr);
				gap: 5px;
}
.s-nav__wrap a {
				-webkit-transition: -webkit-transform 0.5s;
				transition: -webkit-transform 0.5s;
				transition: transform 0.5s;
				transition: transform 0.5s, -webkit-transform 0.5s;
				-webkit-transition-timing-function: ease;
				        transition-timing-function: ease;
}
.s-nav__wrap a:hover {
				-webkit-transform: scale(0.93);
				        transform: scale(0.93);
}

.s-nav-fixed {
				-webkit-transition: opacity 0.9s, visibility 0.9s, -webkit-transform 0.9s;
				transition: opacity 0.9s, visibility 0.9s, -webkit-transform 0.9s;
				transition: transform 0.9s, opacity 0.9s, visibility 0.9s;
				transition: transform 0.9s, opacity 0.9s, visibility 0.9s, -webkit-transform 0.9s;
				-webkit-transition-timing-function: ease;
				        transition-timing-function: ease;
				opacity: 0;
				visibility: hidden;
				-webkit-transform: translateY(-15px);
				        transform: translateY(-15px);
				position: fixed;
				inset-block-start: 8px;
				display: -ms-grid;
				display: grid;
				-ms-grid-columns: 1fr 8px 1fr 8px 1fr;
				grid-template-columns: repeat(3, 1fr);
				gap: 8px;
				inline-size: min(100%, 768px);
				padding-inline: 10px;
				z-index: var(--z-overlay);
}
@media (min-width: 768px) {
				.s-nav-fixed {
								inset-block-start: 12px;
								gap: 12px;
				}
}
.s-nav-fixed.is-show {
				opacity: 1;
				visibility: visible;
				-webkit-transform: translateY(0);
				        transform: translateY(0);
}
.s-nav-fixed a {
				-webkit-transition: color 0.5s, background-color 0.5s;
				transition: color 0.5s, background-color 0.5s;
				-webkit-transition-timing-function: ease;
				        transition-timing-function: ease;
				display: block;
				background: rgba(255, 255, 255, 0.7);
				backdrop-filter: blur(6px);
				-webkit-backdrop-filter: blur(6px);
				padding: 12px;
				text-align: center;
				color: #0a8ebd;
				font-size: 15px;
				font-weight: 700;
				font-family: var(--font-base);
				font-weight: 500;
				border-radius: 4px;
				text-decoration: none;
				-webkit-box-shadow: 2px 3px 5px 2px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgb(255, 255, 255);
				        box-shadow: 2px 3px 5px 2px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgb(255, 255, 255);
}
@media (min-width: 768px) {
				.s-nav-fixed a {
								background: rgba(255, 255, 255, 0.7);
								padding: 20px;
								font-size: 24px;
				}
}
.s-nav-fixed a:hover {
				color: #ffffff;
				background: rgba(10, 142, 189, 0.85);
}

.s-notes-link {
				inline-size: min(100%, 768px);
				margin: auto;
				padding-block: 15px;
				padding-inline: 10px;
				text-align: center;
				font-size: 12px;
				line-height: var(--lh-3);
				background-color: #ffffff;
}
@media (min-width: 768px) {
				.s-notes-link {
								font-size: 24px;
				}
}
.s-notes-link img {
				inline-size: 1.5em;
}
@media (min-width: 768px) {
				.s-notes-link img {
								inline-size: 1.2em;
				}
}

.s-gift {
				-webkit-margin-after: 96px;
				        margin-block-end: 96px;
}
@media (min-width: 768px) {
				.s-gift {
								-webkit-margin-after: 120px;
								        margin-block-end: 120px;
				}
}

.s-gift__h {
				-webkit-margin-after: 16px;
				        margin-block-end: 16px;
				text-align: center;
}
@media (min-width: 768px) {
				.s-gift__h {
								-webkit-margin-after: 24px;
								        margin-block-end: 24px;
				}
}

.s-gift__lead {
				-webkit-margin-after: 24px;
				        margin-block-end: 24px;
				text-align: center;
				color: var(--color-text);
				font-size: 14px;
				line-height: var(--lh-3);
}
@media (min-width: 768px) {
				.s-gift__lead {
								font-size: 24px;
				}
}
@media (min-width: 768px) {
				.s-gift__lead br {
								display: none;
				}
}

.s-gift__wrap {
				padding-inline: 10px;
}
@media (min-width: 768px) {
				.s-gift__wrap {
								padding-inline: 20px;
				}
}

.s-gift__category {
				-webkit-margin-after: 64px;
				        margin-block-end: 64px;
}
.s-gift__category:last-child {
				-webkit-margin-after: 0;
				        margin-block-end: 0;
}

.s-gift__hh {
				display: -ms-grid;
				display: grid;
				place-content: center;
				aspect-ratio: 750/80;
				-webkit-margin-after: 24px;
				        margin-block-end: 24px;
				font-size: 24px;
				line-height: var(--lh-1);
				font-family: var(--font-serif);
				text-shadow: 0 0 1px #ffffff, 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff, 0 0 5px #ffffff, 0 0 6px #ffffff, 0 0 7px #ffffff, 0 0 8px #ffffff;
}
@media (min-width: 768px) {
				.s-gift__hh {
								aspect-ratio: 750/80;
								font-size: 48px;
				}
}
.s-gift__hh.s-gift__hh--1 {
				background: url(../../img/winter_gift/gift_h_bg_1.png) center/contain scroll no-repeat;
				color: #58543c;
}
@media (min-width: 768px) {
				.s-gift__hh.s-gift__hh--1 {
								background-image: url(../../img/winter_gift/gift_h_bg_1.png);
				}
}
.s-gift__hh.s-gift__hh--2 {
				background: url(../../img/winter_gift/gift_h_bg_2.png) center/contain scroll no-repeat;
				color: #58543c;
}
@media (min-width: 768px) {
				.s-gift__hh.s-gift__hh--2 {
								background-image: url(../../img/winter_gift/gift_h_bg_2.png);
				}
}

.s-gift__note {
				-webkit-margin-after: 24px;
				        margin-block-end: 24px;
				padding-inline: 10px;
				text-align: start;
				font-size: 14px;
				line-height: var(--lh-2);
}
@media (min-width: 768px) {
				.s-gift__note {
								text-align: end;
				}
}

.s-gift__inner {
				margin-inline: 10px;
}

.s-anchor {
				display: -ms-grid;
				display: grid;
				gap: 1px;
				place-items: stretch;
				-webkit-margin-after: 32px;
				        margin-block-end: 32px;
}
@media (min-width: 768px) {
				.s-anchor {
								gap: 4px;
				}
}
@media (min-width: 768px) {
				.s-anchor br {
								display: none;
				}
}
.s-anchor.s-anchor--1 {
				-ms-grid-columns: (1fr)[2];
				grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 768px) {
				.s-anchor.s-anchor--1 {
								-ms-grid-columns: (1fr)[3];
								grid-template-columns: repeat(3, 1fr);
				}
}
.s-anchor.s-anchor--2 {
				-ms-grid-columns: 1fr 1.4fr 1fr;
				grid-template-columns: 1fr 1.4fr 1fr;
}
@media (min-width: 768px) {
				.s-anchor.s-anchor--2 {
								-ms-grid-columns: (1fr)[3];
								grid-template-columns: repeat(3, 1fr);
				}
}
.s-anchor.s-anchor--3 {
				-ms-grid-columns: (1fr)[3];
				grid-template-columns: repeat(3, 1fr);
}
.s-anchor a {
				-webkit-transition: -webkit-transform 0.45s;
				transition: -webkit-transform 0.45s;
				transition: transform 0.45s;
				transition: transform 0.45s, -webkit-transform 0.45s;
				-webkit-transition-timing-function: ease;
				        transition-timing-function: ease;
				position: relative;
				display: -ms-grid;
				display: grid;
				block-size: 55px;
				place-content: center;
				-webkit-padding-start: 6%;
				        padding-inline-start: 6%;
				border: #bea85c solid 1px;
				text-align: center;
				background: url(../../img/winter_gift/arrow.svg) 6% center/1em scroll no-repeat, #efeadb url(../../img/winter_gift/s_anc_bgimg01.png) center center/auto scroll repeat;
				color: #5d3e35;
				font-size: 14px;
				line-height: var(--lh-2);
				text-decoration: none;
}
@media (min-width: 768px) {
				.s-anchor a {
								block-size: 70px;
								font-size: 18px;
				}
}
@media (hover: hover) {
				.s-anchor a:hover {
								-webkit-transform: scale(0.95);
								        transform: scale(0.95);
				}
}

.s-notes {
				padding: 0 var(--space-section-inline);
}

.s-notes__h {
				-webkit-margin-after: 24px;
				        margin-block-end: 24px;
				text-align: center;
				font-size: 32px;
				font-weight: 400;
				font-family: var(--font-serif);
}
@media (min-width: 768px) {
				.s-notes__h {
								-webkit-margin-after: 48px;
								        margin-block-end: 48px;
								font-size: 48px;
				}
}

.s-notes__lead {
				-webkit-margin-after: 24px;
				        margin-block-end: 24px;
				font-size: 14px;
				line-height: var(--lh-4);
				font-weight: 700;
}
@media (min-width: 768px) {
				.s-notes__lead {
								-webkit-margin-after: 48px;
								        margin-block-end: 48px;
								text-align: center;
								font-size: 18px;
				}
}
.s-notes__lead br {
				display: none;
}
@media (min-width: 768px) {
				.s-notes__lead br {
								display: block;
				}
}

.s-notes__group {
				-webkit-margin-after: 48px;
				        margin-block-end: 48px;
}
.s-notes__group:last-child {
				-webkit-margin-after: 0;
				        margin-block-end: 0;
}
@media (min-width: 768px) {
				.s-notes__group {
								width: 720px;
								margin-inline: auto;
				}
}

.s-notes__hh {
				-webkit-margin-after: 16px;
				        margin-block-end: 16px;
				font-size: 16px;
				line-height: var(--lh-2);
				font-weight: 700;
}
@media (min-width: 768px) {
				.s-notes__hh {
								font-size: 18px;
				}
}
.s-notes__hh::before {
				color: #125583;
				content: "■";
}

.s-notes__ul {
				font-size: 14px;
				line-height: var(--lh-4);
}
@media (min-width: 768px) {
				.s-notes__ul {
								font-size: 16px;
								line-height: var(--lh-4);
				}
}
.s-notes__ul li {
				-webkit-padding-start: 0.8em;
				        padding-inline-start: 0.8em;
				text-indent: -0.65em;
}
.s-notes__ul li::before {
				color: #125583;
				content: "・";
}
.s-notes__ul li:not(:last-child) {
				margin-bottom: 0.5em;
}
.s-notes__ul li br {
				display: none;
}
@media (min-width: 768px) {
				.s-notes__ul li br {
								display: block;
				}
}

/**
 * base.scss
 *
 * - 要素セレクタのみ。クラスは書かない
 */
/**
 * utilities.scss
 *
 * - 接頭辞 u-
 * - u- の後ろは Tailwind v3 のクラス名に揃える
 * - レスポンシブは Tailwind 流の `u-md:hidden` 等のコロン記法
 *   u-md\:hidden		768px以上で適用
 *   u-lg\:hidden		1024px以上で適用
 *   u-max-md\:hidden	767px以下で適用
 */
.u-hidden {
				display: none !important;
}

.u-block {
				display: block !important;
}

.u-inline {
				display: inline !important;
}

.u-inline-block {
				display: inline-block !important;
}

.u-flex {
				display: -webkit-box !important;
				display: -ms-flexbox !important;
				display: flex !important;
}

.u-grid {
				display: -ms-grid !important;
				display: grid !important;
}

.u-flex-col {
				-webkit-box-orient: vertical !important;
				-webkit-box-direction: normal !important;
				    -ms-flex-direction: column !important;
				        flex-direction: column !important;
}

.u-flex-wrap {
				-ms-flex-wrap: wrap !important;
				    flex-wrap: wrap !important;
}

.u-items-center {
				-webkit-box-align: center !important;
				    -ms-flex-align: center !important;
				        align-items: center !important;
}

.u-items-start {
				-webkit-box-align: start !important;
				    -ms-flex-align: start !important;
				        align-items: flex-start !important;
}

.u-items-end {
				-webkit-box-align: end !important;
				    -ms-flex-align: end !important;
				        align-items: flex-end !important;
}

.u-justify-center {
				-webkit-box-pack: center !important;
				    -ms-flex-pack: center !important;
				        justify-content: center !important;
}

.u-justify-between {
				-webkit-box-pack: justify !important;
				    -ms-flex-pack: justify !important;
				        justify-content: space-between !important;
}

.u-justify-end {
				-webkit-box-pack: end !important;
				    -ms-flex-pack: end !important;
				        justify-content: flex-end !important;
}

.u-text-center {
				text-align: center !important;
}

.u-text-left {
				text-align: left !important;
}

.u-text-right {
				text-align: right !important;
}

.u-font-bold {
				font-weight: 700 !important;
}

.u-font-normal {
				font-weight: 400 !important;
}

.u-text-nowrap {
				white-space: nowrap !important;
}

.u-w-full {
				width: 100% !important;
}

.u-w-auto {
				width: auto !important;
}

.u-h-full {
				height: 100% !important;
}

.u-h-auto {
				height: auto !important;
}

.u-m-0 {
				margin: 0 !important;
}

.u-mt-0 {
				margin-top: 0 !important;
}

.u-mb-0 {
				margin-bottom: 0 !important;
}

.u-ml-0 {
				margin-left: 0 !important;
}

.u-mr-0 {
				margin-right: 0 !important;
}

.u-mx-auto {
				margin-inline: auto !important;
}

.u-my-auto {
				margin-block: auto !important;
}

.u-p-0 {
				padding: 0 !important;
}

.u-pt-0 {
				padding-top: 0 !important;
}

.u-pb-0 {
				padding-bottom: 0 !important;
}

.u-pl-0 {
				padding-left: 0 !important;
}

.u-pr-0 {
				padding-right: 0 !important;
}

.u-relative {
				position: relative !important;
}

.u-absolute {
				position: absolute !important;
}

.u-fixed {
				position: fixed !important;
}

.u-sticky {
				position: sticky !important;
}

.u-static {
				position: static !important;
}

.u-overflow-hidden {
				overflow: hidden !important;
}

.u-overflow-clip {
				overflow: clip !important;
}

.u-sr-only {
				position: absolute;
				width: 1px;
				height: 1px;
				padding: 0;
				margin: -1px;
				overflow: hidden;
				clip: rect(0, 0, 0, 0);
				white-space: nowrap;
				border: 0;
}

@media (min-width: 768px) {
				.u-md\:hidden {
								display: none !important;
				}
				.u-md\:block {
								display: block !important;
				}
				.u-md\:inline {
								display: inline !important;
				}
				.u-md\:inline-block {
								display: inline-block !important;
				}
				.u-md\:flex {
								display: -webkit-box !important;
								display: -ms-flexbox !important;
								display: flex !important;
				}
				.u-md\:grid {
								display: -ms-grid !important;
								display: grid !important;
				}
				.u-md\:text-center {
								text-align: center !important;
				}
				.u-md\:text-left {
								text-align: left !important;
				}
				.u-md\:w-full {
								width: 100% !important;
				}
				.u-md\:w-auto {
								width: auto !important;
				}
}
@media (min-width: 1024px) {
				.u-lg\:hidden {
								display: none !important;
				}
				.u-lg\:block {
								display: block !important;
				}
				.u-lg\:flex {
								display: -webkit-box !important;
								display: -ms-flexbox !important;
								display: flex !important;
				}
				.u-lg\:grid {
								display: -ms-grid !important;
								display: grid !important;
				}
				.u-lg\:text-center {
								text-align: center !important;
				}
				.u-lg\:w-full {
								width: 100% !important;
				}
}
@media (min-width: 1280px) {
				.u-xl\:hidden {
								display: none !important;
				}
				.u-xl\:block {
								display: block !important;
				}
				.u-xl\:flex {
								display: -webkit-box !important;
								display: -ms-flexbox !important;
								display: flex !important;
				}
				.u-xl\:grid {
								display: -ms-grid !important;
								display: grid !important;
				}
}
@media (max-width: 767px) {
				.u-max-md\:hidden {
								display: none !important;
				}
				.u-max-md\:block {
								display: block !important;
				}
				.u-max-md\:flex {
								display: -webkit-box !important;
								display: -ms-flexbox !important;
								display: flex !important;
				}
				.u-max-md\:grid {
								display: -ms-grid !important;
								display: grid !important;
				}
				.u-max-md\:text-center {
								text-align: center !important;
				}
				.u-max-md\:text-left {
								text-align: left !important;
				}
				.u-max-md\:w-full {
								width: 100% !important;
				}
				.u-max-md\:mx-auto {
								margin-inline: auto !important;
				}
				.u-max-md\:mt-0 {
								margin-top: 0 !important;
				}
				.u-max-md\:mb-0 {
								margin-bottom: 0 !important;
				}
}