@charset "UTF-8";
@import url("nouki-notice-font.css?v=261021-1");
/* Complete notice styles. No imports from the legacy site or ranking CSS. */
.noukiBox[data-nouki-notice]:where(:not([data-nouki-layout])),
.noukiBox[data-nouki-notice]:where(:not([data-nouki-layout])) *{box-sizing:border-box}
.noukiBox[data-nouki-notice]:where(:not([data-nouki-layout])){display:block;width:auto;margin:0;padding:0;text-align:center;background:#f50078;border:0;border-radius:10px;overflow:hidden;font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;font-size:14px;font-feature-settings:"palt";letter-spacing:.03rem;line-height:1.6;color:#82737a}
.noukiBox[data-nouki-notice]:where(:not([data-nouki-layout]))>.noukiItem{font-family:"M PLUS 1p",sans-serif;font-size:138%;font-weight:700;color:#fff;margin:.55em 0 .15em!important;line-height:1.1;padding:0 1.8em;position:relative;display:inline-block}
.noukiBox[data-nouki-notice]:where(:not([data-nouki-layout]))>.noukiItem::before,
.noukiBox[data-nouki-notice]:where(:not([data-nouki-layout]))>.noukiItem::after{content:"";position:absolute;top:50%;width:1em;height:1em;background:url(/sp/img/common/ico_clover.png) no-repeat center;background-size:contain;transform:translateY(-50%)}
.noukiBox[data-nouki-notice]:where(:not([data-nouki-layout]))>.noukiItem::before{left:0}
.noukiBox[data-nouki-notice]:where(:not([data-nouki-layout]))>.noukiItem::after{right:0}
.noukiBox[data-nouki-notice]:where(:not([data-nouki-layout]))>p{min-height:0;font-size:75%;color:#fff;margin:0;padding:.15em .5em .45em;font-weight:700;line-height:1.4}
.noukiBox[data-nouki-notice]:where(:not([data-nouki-layout])) .schedule{display:block;position:static;height:222px;overflow:hidden;margin:0;padding:.5em;background:transparent;border:0;border-radius:0;letter-spacing:normal}
.noukiBox[data-nouki-notice]:where(:not([data-nouki-layout])) .schedule>div{display:block;margin:0;padding:.7em .8em .25em;background:#fff;border:0;border-radius:10px}
.noukiBox[data-nouki-notice]:where(:not([data-nouki-layout])) .schedule p{display:block;min-height:88px;font-size:120%;font-weight:700;line-height:1;color:#333;text-align:center;background:#f7f5ed;border-radius:10px;border:1px dotted #dcd3b0;margin:0 0 .5em;padding:.45em .5em}
.noukiBox[data-nouki-notice]:where(:not([data-nouki-layout])) .schedule-wrap{display:block;height:270px;margin:0;padding:0;overflow:hidden;background:#f50078}
.noukiBox[data-nouki-notice]:where(:not([data-nouki-layout])) .schedule.is-open,
.noukiBox[data-nouki-notice]:where(:not([data-nouki-layout])) .schedule-wrap.is-open{height:auto}
.noukiBox[data-nouki-notice]:where(:not([data-nouki-layout])) .schedule-more{display:block;appearance:none;width:100%;min-height:0;margin:0;padding:.3em .5em .75em;border:0;border-radius:0;box-shadow:none;background:#f50078;color:#fff;font-family:inherit;font-size:16px;font-weight:700;letter-spacing:normal;text-align:center;cursor:pointer;line-height:1.3}
.noukiBox[data-nouki-notice]:where(:not([data-nouki-layout])) .schedule-more span{display:block;font-size:75%;padding-bottom:.2em}
.noukiBox[data-nouki-notice]:where(:not([data-nouki-layout])) .schedule-more::after{content:"";display:block;width:16px;height:16px;margin:.05em auto 0;background:url(/sp/img/common/arrow_open.png) no-repeat center;background-size:contain}
.noukiBox[data-nouki-notice]:where(:not([data-nouki-layout])) .schedule-more.is-open::after{background-image:url(/sp/img/common/arrow_close.png)}
.noukiBox[data-nouki-notice]:where(:not([data-nouki-layout])) .schedule-more:focus-visible{outline:2px solid #fff;outline-offset:-4px}
.noukiBox[data-nouki-notice]:where(:not([data-nouki-layout])) :is(.seal_note,.math_note,.key_note,.zekken_note,.hanko_com_note,.hanko_note,.wappen_note,.towel_note,.gift_note,.option_note){font-size:77%;font-weight:700;line-height:1.2;display:block;text-align:center;margin:.45em 0 .25em;padding:0}
.noukiBox[data-nouki-notice]:where(:not([data-nouki-layout])) .seal_note{color:#4a9da1!important}
.noukiBox[data-nouki-notice]:where(:not([data-nouki-layout])) :is(.math_note,.key_note){color:#479c68!important}
.noukiBox[data-nouki-notice]:where(:not([data-nouki-layout])) .hanko_com_note{color:#e84593!important}
.noukiBox[data-nouki-notice]:where(:not([data-nouki-layout])) .hanko_note{color:#8f56d0!important}
.noukiBox[data-nouki-notice]:where(:not([data-nouki-layout])) .wappen_note{color:#a55c34!important}
.noukiBox[data-nouki-notice]:where(:not([data-nouki-layout])) :is(.towel_note,.zekken_note){color:#e07911!important}
.noukiBox[data-nouki-notice]:where(:not([data-nouki-layout])) .gift_note{color:#666!important}
.noukiBox[data-nouki-notice]:where(:not([data-nouki-layout])) .option_note{color:#25bc9e!important}
.noukiBox[data-nouki-notice]:where(:not([data-nouki-layout])) .schedule .clr1{font-family:"ShopDeliveryDigits","Archivo Black",sans-serif;padding:0 .1em;font-size:180%;font-weight:700;letter-spacing:-.05em}
.noukiBox[data-nouki-notice]:where(:not([data-nouki-layout])) .schedule .clr2{font-family:"ShopDeliveryDigits","Archivo Black",sans-serif;padding:0 0 0 .1em;font-size:100%;font-weight:700;letter-spacing:-.05em}
.noukiBox[data-nouki-notice]:where(:not([data-nouki-layout])) .schedule .clr3{padding:0 .1em;font-size:60%;margin-left:-.2em}
.noukiBox[data-nouki-notice]:where(:not([data-nouki-layout])) .schedule .clr4{padding:0 0 0 .1em;font-size:100%}
.noukiBox[data-nouki-notice]:where(:not([data-nouki-layout])) .schedule :is(.clr3,.clr4){font-family:"M PLUS 1p",sans-serif;font-weight:800}
@media(min-width:701px){.noukiBox[data-nouki-notice]:where(:not([data-nouki-layout]))>p:not(.noukiItem),.noukiBox[data-nouki-notice]:where(:not([data-nouki-layout])) .schedule p{font-size:1rem}}
/* Independent status banner. Its period is handled only by nouki-notice.js. */
p[data-delivery-status]{display:block;box-sizing:border-box;margin:0;padding:0;border:0;font-size:14px;line-height:1.6}
p[data-delivery-status][hidden]{display:none!important}
p[data-delivery-status]>img{display:inline;box-sizing:border-box;width:100%;max-width:100%;height:auto;margin:0;padding:0;border:0;vertical-align:bottom}

/* Space after the complete notice/status area, including when its banner is hidden. */
#realtime{padding-bottom:32px}
@media(min-width:701px){#realtime{padding-bottom:48px}}

/* Only the three approved conditional rows in the kids TOP notice. */
.noukiBox[data-nouki-conditional-list="kids"] [data-nouki-conditional][hidden]{display:none!important}