:root{--articleColor: white;--labelColor: white;--pageColor: white}html,body{margin:0;padding:0;height:100%}.swiper{width:100%;height:calc(100vh - 160px)}.swiper-slide{position:relative;width:100%;height:100%;overflow:hidden}.swiper-slide img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}@media (min-width: 768px){.swiper{width:100%;height:calc(100vh - 250px)}.swiper-slide{background:#fff}.swiper-slide img{object-fit:cover}}.modal-button-wrapper{position:fixed;bottom:100px;left:50%;transform:translate(-50%);z-index:10;text-align:center}.modal-open-button{padding:12px 24px;border-radius:8px;background-color:#ff69b4;border:none;color:#fff;font-size:1rem;cursor:pointer;box-shadow:0 4px 10px #0000004d}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:flex-end;z-index:9999}.modal-content{background:#000000b3;padding:30px;border-radius:16px;text-align:left;max-width:90%;width:100%;max-height:80vh;margin:0 20px 100px;color:#fff;overflow:auto}@media (min-width: 768px){.modal-button-wrapper{bottom:30px}.modal-content{max-width:600px;margin:0 20px 30px}}.global-nav{display:none!important}@media (max-width: 1023px){.header{width:56.2218890555dvh}}#header .header__nav li:has(.header__nav__search){display:block}@media (max-width: 1023px){.mainContents{width:56.2218890555dvh;max-width:100%;padding:0}}.modal-box{display:none;position:fixed;z-index:1000;left:0;right:0;top:50%;margin:auto;transform:translateY(-50%);max-width:359px;height:auto;max-height:calc(100dvh - 48px);padding:44px 16px;color:#fff;font-family:var(--hiraginoW4);container-type:inline-size;font-size:.8125rem}.modal-box--close{position:absolute;right:0;top:0;z-index:1}.modal-box.show{display:block}.modal-box .article__detail:before{content:"";display:block;background:#00000080;border:solid 1px white;border-bottom:0;border-radius:10px 10px 0 0;position:absolute;left:0;top:0;width:100%;height:calc(100% - 35px);box-sizing:border-box}.modal-box .article__detail:after{position:absolute;bottom:0;left:0;content:"";display:block;width:100%;height:35px;background:url(../img/archive/popup-bottom.svg) no-repeat;background-size:100%}.modal-box .article__detail__content{overflow-y:auto;max-height:calc(100dvh - 127px);position:relative;z-index:1}.modal-box .article__detail__content::-webkit-scrollbar{display:none}.modal-box .article__detail__ttl{font-size:1.25rem;font-family:var(--hiraginoW6);line-height:1.2;margin-bottom:16px}.modal-box .article__detail__txt:not(:last-child){margin-bottom:24px}.modal-box .article__detail__item{display:flex;justify-content:space-between;gap:8px;height:32px;font-family:var(--hiraginoW4);font-size:.8125rem}.modal-box .article__detail__item:not(:last-child){margin-bottom:16px}.modal-box .article__detail__item__link{display:inline-flex;flex-wrap:wrap;max-width:100%}.modal-box .article__detail__item__info{display:flex;align-items:center;max-width:calc(100% - 72px)}.modal-box .article__detail__item__name{display:inline-block;vertical-align:baseline}.modal-box .article__detail__item__en{display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:baseline;max-width:100%}.modal-box .article__detail__item__buy{width:64px;display:grid;place-content:center;text-decoration:underline;font-family:var(--Reem);font-size:.875rem}.modal-layer{position:fixed;top:0;left:0;width:100%;height:100dvh;z-index:999;display:none}.modal-layer.show{display:block}.article-detail .article-swiper-container{width:56.2218890555dvh;max-width:100%;height:100dvh;margin:auto;overflow:hidden}.article-detail .article-swiper-container .swiper-wrapper,.article-detail .article-swiper-container .swiper-slide{height:100dvh}.article-detail .article-swiper-container .swiper-slide:first-child .article__ttl{color:var(--pageColor);font-size:1.5rem}.article-detail .article-swiper-container .article-swiper-pagination{position:absolute;right:16px;z-index:10;pointer-events:none}.article-detail .article-swiper-container .article-swiper-pagination.hide{display:none}.article-detail .article-swiper-container .article-swiper-pagination .swiper-pagination-bullet{width:17px;height:8px;background:none;display:grid;place-content:center;opacity:1;font-size:0;pointer-events:all}.article-detail .article-swiper-container .article-swiper-pagination .swiper-pagination-bullet:after{content:"";display:block;background:#fff;width:4px;height:4px;border-radius:50%;box-shadow:var(--boxShadow)}.article-detail .article-swiper-container .article-swiper-pagination .swiper-pagination-bullet-active{margin:12px 0;font-size:.75rem}.article-detail .article-swiper-container .article-swiper-pagination .swiper-pagination-bullet-active:after{width:8px;height:8px;display:none}.article-detail .article-swiper-container .article-swiper-nav{position:fixed;top:0;left:0;right:0;z-index:10;margin:auto;width:56.2218890555dvh;max-width:100%;height:100dvh;pointer-events:none}.article-detail .article-swiper-container .article-swiper-prev{position:absolute;right:25px;bottom:80px;pointer-events:all}.article-detail .article-swiper-container .article-swiper-prev svg{stroke:#000}.article-detail .article-swiper-container .article-swiper-prev.hide,.article-detail .article-swiper-container .article-swiper-prev.swiper-button-disabled{display:none}.article-detail .article__pic img{height:100dvh;width:auto;object-fit:cover}.article-detail .article__ttl{color:var(--labelColor);font-size:1.25rem;font-family:var(--hiraginoW6);line-height:1.2;margin-bottom:16px}.article-detail .article__info{width:56.2218890555dvh;padding:0 37px 0 24px;position:absolute;left:0;right:0;margin:auto;z-index:1}.article-detail .article__info.hide{display:none}.article-detail .article__info .article__detail--show{font-size:.8125rem;color:var(--articleColor);font-family:var(--hiraginoW6);text-shadow:var(--boxShadow);text-decoration:underline}.article-detail .article__info .article__detail__link-area{display:flex;align-items:center;gap:6px;margin-bottom:20px}.article-detail .article__info .article__detail__link-area .article__bookmark{display:grid;place-content:center}.article-detail .article__info .article__detail__link-area .article__bookmark svg path{fill:var(--articleColor)}.article-detail .article__info .article__detail__link-area .article__bookmark.active svg{background:url(../img/icon/ico-bookmark-shadow-on.svg) no-repeat;background-size:contain}.article-detail .article__info .article__detail__link-area .article__bookmark.active svg path{opacity:0}.article-detail .article__info .article__detail__link-area .article__bookmark.disabled_link{pointer-events:all;cursor:pointer}.article-detail .article__info.position--top{top:80px}.article-detail .article__info.position--center{top:50%;transform:translateY(-50%)}.article-detail .article__info.position--bottom{bottom:24px}.article-detail .article__info__item{display:flex;justify-content:space-between;gap:8px;height:32px;font-family:var(--hiraginoW4);font-size:.8125rem;color:var(--articleColor)}.article-detail .article__info__item:not(:last-child){margin-bottom:16px}.article-detail .article__info__item__link{display:flex;flex-direction:column;max-width:100%}.article-detail .article__info__item__content{display:flex;align-items:center;max-width:calc(100% - 72px);text-shadow:var(--boxShadow)}.article-detail .article__info__item__name{display:inline-block;vertical-align:baseline}.article-detail .article__info__item__en{display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:baseline;max-width:100%}.article-detail .article__info__item__buy{width:64px;display:grid;place-content:center;font-family:var(--Reem);font-size:.875rem;border-radius:40px;color:#fff}.article-detail .article .article__detail{display:none!important}.article-detail .color--black{--articleColor: black;--labelColor: black}.article-detail .color--black .article__ttl{text-shadow:var(--txtLight)}.article-detail .color--black .article__info .article__detail--show,.article-detail .color--black .article__info__item__content{text-shadow:none}.article-detail:has(.swiper-slide-active .article__pic.color--white),.article-detail:has(.swiper-slide-active .article__pic.color—white){--articleColor: white;--labelColor: white}.article-detail:has(.swiper-slide-active .article__pic.color--white) .article-swiper-prev svg,.article-detail:has(.swiper-slide-active .article__pic.color—white) .article-swiper-prev svg{stroke:#fff}.article-detail:has(.swiper-slide-active .article__pic.color--black),.article-detail:has(.swiper-slide-active .article__pic.color—black),.article-detail:has(.swiper-slide-active .article__pic){--articleColor: black;--labelColor: black}.article-detail:has(.swiper-slide-active .article__pic.color--black) .article-swiper-prev svg,.article-detail:has(.swiper-slide-active .article__pic.color—black) .article-swiper-prev svg,.article-detail:has(.swiper-slide-active .article__pic) .article-swiper-prev svg{stroke:#000}body,body[data-type=limited]{--pageColor: var(--limitedColor)}body .button-color,body[data-type=limited] .button-color{background:var(--limitedColor)}body .article-detail .swiper-pagination-bullet-active,body[data-type=limited] .article-detail .swiper-pagination-bullet-active{color:var(--limitedColor)}body[data-type=hot-topics]{--pageColor: var(--hotTopicsColor)}body[data-type=hot-topics] .button-color{background:var(--hotTopicsColor)}body[data-type=hot-topics] .article-detail .swiper-pagination-bullet-active{color:var(--hotTopicsColor)}body[data-type=brand]{--pageColor: var(--brandColor)}body[data-type=brand] .button-color{background:var(--brandColor)}body[data-type=brand] .article-detail .swiper-pagination-bullet-active{color:var(--brandColor)}body[data-type=trend]{--pageColor: var(--trendColor)}body[data-type=trend] .button-color{background:var(--trendColor)}body[data-type=trend] .article-detail .swiper-pagination-bullet-active{color:var(--trendColor)}