#aikatsu-designmart.aikatsu-style-renewal .adm-mv__benefit{display:block;width:800px;max-width:calc(100% - 40px);padding:0;margin:38px auto;border:0;background:transparent;cursor:pointer;line-height:0}#aikatsu-designmart.aikatsu-style-renewal .adm-mv__benefit img{display:block;width:100%;height:auto}
.adm-benefit-modal[hidden]{display:none}.adm-benefit-modal{position:fixed;z-index:10000;inset:0;display:grid;place-items:center;padding:48px 20px;box-sizing:border-box}.adm-benefit-modal__backdrop{position:absolute;inset:0;background:rgba(67,29,62,.45);backdrop-filter:blur(2px)}.adm-benefit-modal__dialog{position:relative;z-index:1;width:min(1400px,100%);max-height:calc(100vh - 96px);overflow:auto;box-sizing:border-box;padding:34px 32px 22px;background:#fff;border:3px solid #ff6fb2;border-radius:30px;box-shadow:0 10px 20px #4b234766}.adm-benefit-modal__close{position:absolute;right:14px;top:12px;width:60px;height:60px;padding:0;border:3px solid #ff6fb2;border-radius:50%;background:#fff;color:#ff6fb2;font-size:54px;font-weight:200;line-height:48px;cursor:pointer}.adm-benefit-modal__logo{display:block;width:420px;max-width:48%;margin:0 auto 12px}.adm-benefit-modal__stars{display:block;width:100%;height:auto;margin:-60px 0 3px;pointer-events:none}.adm-benefit-modal__intro{margin:0 auto 12px;color:#f55caa;font-size:18px;font-weight:bold;line-height:1.35;text-align:center}.adm-benefit-modal__video{position:relative;width:min(1080px,90%);aspect-ratio:1080/470;margin:0 auto 26px;background:url('/bc/images/shop_top_aikatsu-designmart/modal-video-frame.png') center/cover no-repeat}.adm-benefit-modal__video-placeholder{position:absolute;left:18.5%;right:18.5%;top:23%;bottom:0;display:grid;place-items:center;background:#d9d9d9;color:#000;font-size:32px;font-weight:bold}.adm-benefit-modal__shop-title{display:block;width:100%;margin:0 auto 18px}.adm-benefit-modal__shop{display:grid;grid-template-columns:210px 1fr 300px;gap:18px;align-items:center}.adm-benefit-modal__shop-logo{display:block;width:190px;max-width:100%;margin:auto}.adm-benefit-modal__lead{margin:0 0 12px;color:#6665ae;font-size:16px;text-align:center}.adm-benefit-modal__stores{display:grid;gap:14px}.adm-benefit-modal__store{display:grid;grid-template-columns:155px 1fr;gap:18px;align-items:center;padding-bottom:12px;border-bottom:1px solid #6665ae}.adm-benefit-modal__date{display:grid;place-items:center;min-height:76px;border-radius:9px;background:#ff70b5;color:#fff;font-size:18px;font-weight:bold;white-space:nowrap}.adm-benefit-modal__store--hakata .adm-benefit-modal__date{background:#19b2d4}.adm-benefit-modal__store h3{margin:0;color:#f55caa;font-size:20px}.adm-benefit-modal__store--hakata h3{color:#15afd0}.adm-benefit-modal__store p{margin:3px 0 0;color:#111;font-size:13px;line-height:1.45}.adm-benefit-modal__store p span{color:#f55caa}.adm-benefit-modal__store--hakata p span{color:#15afd0}.adm-benefit-modal__balloon{display:block;width:100%;height:auto}
@media(max-width:768px){#aikatsu-designmart.aikatsu-style-renewal .adm-mv__benefit{width:84%;max-width:none;margin:22px auto}.adm-benefit-modal{align-items:start;padding:256px 20px 30px}.adm-benefit-modal__dialog{width:100%;max-height:none;padding:24px 56px 24px;border-width:3px;border-radius:28px}.adm-benefit-modal__close{right:-12px;top:-25px;width:70px;height:70px;font-size:62px;line-height:56px}.adm-benefit-modal__logo{width:390px;max-width:100%;margin-bottom:6px}.adm-benefit-modal__stars{margin:-45px 0 0}.adm-benefit-modal__intro{font-size:16px;line-height:1.45}.adm-benefit-modal__video{width:100%;margin-top:16px;margin-bottom:26px;background-size:auto 100%}.adm-benefit-modal__video-placeholder{left:0;right:0;top:18%;bottom:0;font-size:28px}.adm-benefit-modal__shop-title{margin-bottom:14px}.adm-benefit-modal__shop{grid-template-columns:120px 1fr;gap:10px}.adm-benefit-modal__shop-logo{width:112px;align-self:start}.adm-benefit-modal__lead{grid-column:2;margin:0 0 18px;font-size:17px;font-weight:bold;line-height:1.5}.adm-benefit-modal__stores{grid-column:1/-1;gap:14px}.adm-benefit-modal__store{grid-template-columns:158px 1fr;gap:18px}.adm-benefit-modal__date{min-height:75px;font-size:17px}.adm-benefit-modal__store h3{font-size:18px}.adm-benefit-modal__store p{font-size:12px}.adm-benefit-modal__balloon{grid-column:1/-1;width:90%;margin:8px auto 0}}
/* Layout corrections for the store area and narrow modal viewport. */
.adm-benefit-modal__shop-logo{grid-area:logo}.adm-benefit-modal__lead{grid-area:lead}.adm-benefit-modal__stores{grid-area:stores}.adm-benefit-modal__balloon{grid-area:balloon}
.adm-benefit-modal__sp-note{display:none}
.adm-benefit-modal__sp-title-stars{display:none}
.adm-benefit-modal__store h3{font-weight:bold}
.adm-benefit-modal__date::before,.adm-benefit-modal__date::after{content:none}
@media(min-width:769px){.adm-benefit-modal__shop{grid-template-columns:210px minmax(0,1fr) 300px;grid-template-areas:"logo lead balloon" "logo stores balloon";grid-template-rows:auto 1fr}.adm-benefit-modal__lead{align-self:end}.adm-benefit-modal__stores{align-self:start}.adm-benefit-modal__balloon{align-self:center}}
@media(max-width:768px){.adm-benefit-modal{display:block;overflow-y:auto;padding:28px 20px 30px}.adm-benefit-modal__dialog{margin:0 auto}.adm-benefit-modal__logo,.adm-benefit-modal__stars,.adm-benefit-modal__sp-title-stars{display:none}.adm-benefit-modal__sp-title{display:block;width:100%;height:auto;margin:0 auto 6px}.adm-benefit-modal__shop{grid-template-areas:"logo lead" "stores stores" "note note"}.adm-benefit-modal__stores{grid-column:1/-1;grid-row:2}.adm-benefit-modal__balloon{display:none}.adm-benefit-modal__sp-note{display:block;grid-column:1/-1;grid-row:3;position:relative;margin:10px 0 0;padding:9px 34px;color:#6665ae;font-size:clamp(16px,3vw,25px);font-weight:bold;line-height:1.35;text-align:center}.adm-benefit-modal__sp-note::before{content:"";position:absolute;inset:0;background:url('/bc/images/shop_top_aikatsu-designmart/modal-sp-bottom-stars.png') center/contain no-repeat;pointer-events:none}.adm-benefit-modal__sp-note::after{display:none}.adm-benefit-modal__sp-note>*{position:relative;z-index:1}}
@media(max-width:768px){.adm-benefit-modal__dialog{padding:24px clamp(18px,7.5vw,56px);overflow:visible}.adm-benefit-modal__close{top:12px;right:12px;z-index:3}.adm-benefit-modal__shop{grid-template-columns:26% minmax(0,1fr);column-gap:14px;row-gap:12px}.adm-benefit-modal__shop-logo{width:100%;max-width:112px}.adm-benefit-modal__lead{font-size:clamp(14px,2.3vw,17px);margin:0 0 10px}.adm-benefit-modal__store{grid-template-columns:27% minmax(0,1fr);gap:12px;padding-bottom:12px}.adm-benefit-modal__date{min-height:clamp(56px,10vw,75px);font-size:clamp(11px,2.25vw,17px);padding:4px;box-sizing:border-box}.adm-benefit-modal__store h3{font-size:clamp(13px,2.4vw,18px);line-height:1.3}.adm-benefit-modal__store p{font-size:clamp(10px,1.7vw,12px);overflow-wrap:anywhere}.adm-benefit-modal__balloon{width:100%;margin-top:4px}}
@media(max-width:768px){.adm-benefit-modal__close{top:-20px;right:-14px}}
/* Desktop composite title: the stars are included in the supplied image. */
.adm-benefit-modal__pc-title{display:block;width:100%;height:auto;margin:0 auto 12px}.adm-benefit-modal__sp-title{display:none}.adm-benefit-modal__dialog>.adm-benefit-modal__logo,.adm-benefit-modal__dialog>.adm-benefit-modal__stars{display:none}
@media(max-width:768px){.adm-benefit-modal__pc-title{display:none}.adm-benefit-modal__sp-title{display:block;width:100%;height:auto;margin:0 auto 6px}}
/* Embedded promotional video */
.adm-benefit-modal__video{background-image:url('/bc/images/shop_top_aikatsu-designmart/modal-video-frame-pc.png')}.adm-benefit-modal__video-player{position:absolute;left:18.5%;right:18.5%;top:23%;bottom:0;width:63%;height:77%;display:block;background:#000;object-fit:contain}
@media(max-width:768px){.adm-benefit-modal__video{aspect-ratio:577/393;background-image:url('/bc/images/shop_top_aikatsu-designmart/modal-video-frame-sp.png');background-position:center top;background-size:100% auto;background-repeat:no-repeat}.adm-benefit-modal__video-player{left:0;right:0;top:16.8%;bottom:0;width:100%;height:83.2%}}
/* Keep the desktop composition intact below 1200px instead of squeezing its columns. */
@media(min-width:769px) and (max-width:1199px){.adm-benefit-modal{display:block;overflow:auto;padding:32px 20px}.adm-benefit-modal__dialog{width:1160px;min-width:1160px;max-width:none;max-height:none;margin:0 auto;overflow:visible}}
.adm-benefit-modal__intro{margin:-40px auto 12px}
@media(max-width:768px){.adm-benefit-modal__intro{margin:0 auto 12px}}
/* Keep the close control within the scrollable dialog and enlarge its hit area. */
.adm-benefit-modal__close{z-index:10;touch-action:manipulation}
.adm-benefit-modal__close::before{content:"";position:absolute;inset:-14px}
@media(max-width:768px){.adm-benefit-modal__close{top:12px;right:12px;width:70px;height:70px}}