"); background-repeat: no-repeat; background-position: center bottom; } .eventSec__deco.--mons1 { width: 21.6%; margin-top: -22.1333%; left: 54.8%; } .eventSec__deco.--mons2 { width: 35.4667%; margin-top: -21.0667%; left: 26.8%; } .eventSec__deco.--mons3 { display: none; } .eventSec__hdg span { width: 31.8667%; } .eventSec__conts { margin-top: 4.53333%; } @media screen and (min-width: 768px) { .eventSec { padding-top: 5.20833%; padding-bottom: 5.20833%; } .eventSec::before { background-image: url("data:image/svg+xml;utf8,"); } .eventSec__deco.--mons1 { width: 11.1979%; margin-top: -14.3229%; left: inherit; right: 0px; margin-right: 3.64583%; } .eventSec__deco.--mons2 { width: 18.3333%; margin-top: -9.63542%; left: inherit; right: 0px; margin-right: 7.70833%; } .eventSec__deco.--mons3 { display: block; width: 7.55208%; top: inherit; bottom: 0px; margin-bottom: 5.20833%; left: 5.72917%; } .eventSec__hdg span { width: 19.4792%; margin-right: 7.8125%; } .eventSec__conts { margin-top: 4.01042%; } } .goodsbooksSec { padding-top: 15.0667%; padding-bottom: 13.3333%; } .goodsbooksSec::before { background-color: rgb(255, 214, 89); clip-path: polygon(0% 0%, 29.3333% 0%, 100% 70.6667vw, 100% 100%, 0% 100%); } .goodsbooksSec__deco.--deco1 { width: 16.5333%; margin-top: 2.26667%; left: 11.6%; } .goodsbooksSec__deco.--deco2 { width: 24.1333%; margin-top: 4%; right: 18.9333%; } .goodsbooksSec__deco.--mons1 { display: none; } .goodsbooksSec__hdg span { width: 83.3333%; } .goodsbooksSec__conts { margin-top: 8.93333%; } @media screen and (min-width: 768px) { .goodsbooksSec { padding-top: 5.20833%; padding-bottom: 6.25%; } .goodsbooksSec::before { clip-path: polygon(0% 0%, 27.2917% 0%, 100% 100%, 100% 100%, 0% 100%); } .goodsbooksSec__deco.--deco1 { width: 6.45833%; margin-top: 1.61458%; left: 9.58333%; } .goodsbooksSec__deco.--deco2 { width: 9.42708%; margin-top: 1.97917%; right: 54.0625%; } .goodsbooksSec__deco.--mons1 { display: block; width: 9.63542%; margin-top: 1.25%; right: 11.875%; } .goodsbooksSec__hdg span { width: 48.4375%; margin-left: 7.8125%; } .goodsbooksSec__conts { margin-top: 4.01042%; } .goodsbooksSec__bnrList li:nth-of-type(n+2) { width: 47.7941%; } } .collabSec { padding-top: 29.6%; padding-bottom: 10.6667%; background-image: url(""); background-repeat: no-repeat; background-size: 100%; } .collabSec::before { background-color: rgb(255, 214, 89); inset: calc(.336 * var(--true-vw-px)) 0 0 0; } .collabSec__deco.--mons1 { width: 30.9333%; margin-top: 6.8%; left: 9.2%; } .collabSec__deco.--mons2 { width: 44%; margin-top: -1.73333%; right: 7.2%; } .collabSec__deco.--mons3 { display: none; } .collabSec__balloonBlock { position: absolute; inset: 0px; z-index: 2; overflow: hidden; } .collabSec__balloonBlock li { position: absolute; top: 0px; } .collabSec__balloonBlock li.--balloon1 { width: 15.8667%; margin-top: -2%; left: -0.666667%; } .collabSec__balloonBlock li.--balloon2 { width: 18.9333%; margin-top: -1.6%; right: -2.26667%; } .collabSec__balloonBlock li.--balloon3, .collabSec__balloonBlock li.--balloon4 { display: none; } .collabSec__hdg span { width: 83.3333%; } .collabSec__conts { margin-top: 10%; } @media screen and (min-width: 768px) { .collabSec { padding-top: 15.3125%; padding-bottom: 6.25%; background-image: url(""); } .collabSec::before { inset: calc(.1770833333 * var(--true-vw-px)) 0 0 0; } .collabSec__deco.--mons1 { width: 15.0521%; margin-top: 4.47917%; left: 29.6354%; } .collabSec__deco.--mons2 { width: 21.4062%; margin-top: 0.625%; right: 29.6354%; } .collabSec__deco.--mons3 { display: block; width: 12.0312%; top: inherit; bottom: 0px; margin-bottom: 1.61458%; left: 9.375%; } .collabSec__balloonBlock li.--balloon1 { width: 12.4479%; margin-top: 4.42708%; left: -1.25%; } .collabSec__balloonBlock li.--balloon2 { width: 14.8958%; margin-top: 11.7188%; right: -1.35417%; } .collabSec__balloonBlock li.--balloon3 { display: block; width: 14.8438%; margin-top: 70.7812%; left: 2.08333%; } .collabSec__balloonBlock li.--balloon4 { display: block; width: 12.3958%; margin-top: 54.375%; right: -1.66667%; } .collabSec__hdg span { width: 51.25%; } .collabSec__conts { margin-top: 4.0625%; } .collabSec__bnrList { justify-content: center; } .collabSec__bnrList li { width: 47.7941%; } } .saleSec { padding-top: 4.26667%; padding-bottom: 10.2667%; } .saleSec::before { background-color: rgb(255, 214, 89); clip-path: polygon(70.6667% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 70.6667vw); } .saleSec__deco.--mons1 { width: 38.6667%; margin-top: -12%; right: 24.4%; } .saleSec__hdg span { width: 26.4%; } .saleSec__conts { margin-top: 7.46667%; } @media screen and (min-width: 768px) { .saleSec { padding-top: 5.20833%; padding-bottom: 6.25%; } .saleSec::before { clip-path: polygon(71.0938% 0%, 100% 0%, 100% 100%, 11.9792% 100%, 11.9792% 100%); } .saleSec__deco.--mons1 { width: 18.2812%; margin-top: -4.84375%; right: 2.70833%; } .saleSec__hdg span { width: 15.3125%; margin-right: 7.8125%; } .saleSec__conts { margin-top: 4.11458%; } } .programSec { padding-top: 6.13333%; padding-bottom: 16%; } .programSec::before { background-color: rgb(255, 214, 89); clip-path: polygon(0% 0%, 29.3333% 0%, 100% 70.6667vw, 100% 100%, 0% 100%); } .programSec__deco.--mons2 { width: 37.6%; margin-top: -13.8667%; left: 36%; } .programSec__hdg span { width: 50.2667%; } .programSec__conts { margin-top: 7.86667%; } .programSec__bnrList li + li { margin-top: 11.1111%; } .programSec__bnrList__time { width: 38.0952%; margin-bottom: 3.1746%; } @media screen and (min-width: 768px) { .programSec { padding-top: 5.20833%; padding-bottom: 6.25%; } .programSec::before { clip-path: polygon(25.2604% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 25.2604vw); } .programSec__deco.--mons2 { width: 17.0312%; margin-top: -5.05208%; left: 25.2083%; } .programSec__hdg span { width: 29.1667%; margin-left: 7.8125%; } .programSec__conts { margin-top: 4.16667%; } .programSec__bnrList { row-gap: 4.16667vw; } .programSec__bnrList li + li { margin-top: 0px; } .programSec__bnrList__time { width: 17.6471%; margin-bottom: 2.20588%; } } .gameSec { padding-top: 14.9333%; padding-bottom: 13.3333%; } .gameSec::before { background-color: rgb(255, 214, 89); clip-path: polygon(0% 0%, 29.3333% 0%, 100% 70.6667vw, 100% 100%, 0% 100%); } .gameSec__deco.--mons1 { width: 20.1333%; margin-top: 1.6%; left: 18.6667%; } .gameSec__hdg span { width: 28.5333%; } .gameSec__conts { margin-top: 7.46667%; } .gameSec__bnrList li + li { margin-top: 9.52381%; } @media screen and (min-width: 768px) { .gameSec { padding-top: 5.20833%; padding-bottom: 6.25%; } .gameSec::before { clip-path: polygon(0% 0%, 45.5729% 0%, 100% 54.4271vw, 100% 100%, 25.5208% 100%, 0% calc(100% - 25.5208vw)); } .gameSec__deco.--mons1 { width: 7.86458%; margin-top: 1.19792%; left: 23.8021%; } .gameSec__hdg span { width: 16.6146%; margin-left: 7.8125%; } .gameSec__conts { margin-top: 4.16667%; } .gameSec__bnrList { row-gap: 4.16667vw; } .gameSec__bnrList li + li { margin-top: 0px; } } #confetti { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; pointer-events: none; background-color: transparent; z-index: 1000; } "); background-repeat: no-repeat; background-position: center bottom; } .eventSec__deco.--mons1 { width: 21.6%; margin-top: -22.1333%; left: 54.8%; } .eventSec__deco.--mons2 { width: 35.4667%; margin-top: -21.0667%; left: 26.8%; } .eventSec__deco.--mons3 { display: none; } .eventSec__hdg span { width: 31.8667%; } .eventSec__conts { margin-top: 4.53333%; } @media screen and (min-width: 768px) { .eventSec { padding-top: 5.20833%; padding-bottom: 5.20833%; } .eventSec::before { background-image: url("data:image/svg+xml;utf8,"); } .eventSec__deco.--mons1 { width: 11.1979%; margin-top: -14.3229%; left: inherit; right: 0px; margin-right: 3.64583%; } .eventSec__deco.--mons2 { width: 18.3333%; margin-top: -9.63542%; left: inherit; right: 0px; margin-right: 7.70833%; } .eventSec__deco.--mons3 { display: block; width: 7.55208%; top: inherit; bottom: 0px; margin-bottom: 5.20833%; left: 5.72917%; } .eventSec__hdg span { width: 19.4792%; margin-right: 7.8125%; } .eventSec__conts { margin-top: 4.01042%; } } .goodsbooksSec { padding-top: 15.0667%; padding-bottom: 13.3333%; } .goodsbooksSec::before { background-color: rgb(255, 214, 89); clip-path: polygon(0% 0%, 29.3333% 0%, 100% 70.6667vw, 100% 100%, 0% 100%); } .goodsbooksSec__deco.--deco1 { width: 16.5333%; margin-top: 2.26667%; left: 11.6%; } .goodsbooksSec__deco.--deco2 { width: 24.1333%; margin-top: 4%; right: 18.9333%; } .goodsbooksSec__deco.--mons1 { display: none; } .goodsbooksSec__hdg span { width: 83.3333%; } .goodsbooksSec__conts { margin-top: 8.93333%; } @media screen and (min-width: 768px) { .goodsbooksSec { padding-top: 5.20833%; padding-bottom: 6.25%; } .goodsbooksSec::before { clip-path: polygon(0% 0%, 27.2917% 0%, 100% 100%, 100% 100%, 0% 100%); } .goodsbooksSec__deco.--deco1 { width: 6.45833%; margin-top: 1.61458%; left: 9.58333%; } .goodsbooksSec__deco.--deco2 { width: 9.42708%; margin-top: 1.97917%; right: 54.0625%; } .goodsbooksSec__deco.--mons1 { display: block; width: 9.63542%; margin-top: 1.25%; right: 11.875%; } .goodsbooksSec__hdg span { width: 48.4375%; margin-left: 7.8125%; } .goodsbooksSec__conts { margin-top: 4.01042%; } .goodsbooksSec__bnrList li:nth-of-type(n+2) { width: 47.7941%; } } .collabSec { padding-top: 29.6%; padding-bottom: 10.6667%; background-image: url(""); background-repeat: no-repeat; background-size: 100%; } .collabSec::before { background-color: rgb(255, 214, 89); inset: calc(.336 * var(--true-vw-px)) 0 0 0; } .collabSec__deco.--mons1 { width: 30.9333%; margin-top: 6.8%; left: 9.2%; } .collabSec__deco.--mons2 { width: 44%; margin-top: -1.73333%; right: 7.2%; } .collabSec__deco.--mons3 { display: none; } .collabSec__balloonBlock { position: absolute; inset: 0px; z-index: 2; overflow: hidden; } .collabSec__balloonBlock li { position: absolute; top: 0px; } .collabSec__balloonBlock li.--balloon1 { width: 15.8667%; margin-top: -2%; left: -0.666667%; } .collabSec__balloonBlock li.--balloon2 { width: 18.9333%; margin-top: -1.6%; right: -2.26667%; } .collabSec__balloonBlock li.--balloon3, .collabSec__balloonBlock li.--balloon4 { display: none; } .collabSec__hdg span { width: 83.3333%; } .collabSec__conts { margin-top: 10%; } @media screen and (min-width: 768px) { .collabSec { padding-top: 15.3125%; padding-bottom: 6.25%; background-image: url(""); } .collabSec::before { inset: calc(.1770833333 * var(--true-vw-px)) 0 0 0; } .collabSec__deco.--mons1 { width: 15.0521%; margin-top: 4.47917%; left: 29.6354%; } .collabSec__deco.--mons2 { width: 21.4062%; margin-top: 0.625%; right: 29.6354%; } .collabSec__deco.--mons3 { display: block; width: 12.0312%; top: inherit; bottom: 0px; margin-bottom: 1.61458%; left: 9.375%; } .collabSec__balloonBlock li.--balloon1 { width: 12.4479%; margin-top: 4.42708%; left: -1.25%; } .collabSec__balloonBlock li.--balloon2 { width: 14.8958%; margin-top: 11.7188%; right: -1.35417%; } .collabSec__balloonBlock li.--balloon3 { display: block; width: 14.8438%; margin-top: 70.7812%; left: 2.08333%; } .collabSec__balloonBlock li.--balloon4 { display: block; width: 12.3958%; margin-top: 54.375%; right: -1.66667%; } .collabSec__hdg span { width: 51.25%; } .collabSec__conts { margin-top: 4.0625%; } .collabSec__bnrList { justify-content: center; } .collabSec__bnrList li { width: 47.7941%; } } .saleSec { padding-top: 4.26667%; padding-bottom: 10.2667%; } .saleSec::before { background-color: rgb(255, 214, 89); clip-path: polygon(70.6667% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 70.6667vw); } .saleSec__deco.--mons1 { width: 38.6667%; margin-top: -12%; right: 24.4%; } .saleSec__hdg span { width: 26.4%; } .saleSec__conts { margin-top: 7.46667%; } @media screen and (min-width: 768px) { .saleSec { padding-top: 5.20833%; padding-bottom: 6.25%; } .saleSec::before { clip-path: polygon(71.0938% 0%, 100% 0%, 100% 100%, 11.9792% 100%, 11.9792% 100%); } .saleSec__deco.--mons1 { width: 18.2812%; margin-top: -4.84375%; right: 2.70833%; } .saleSec__hdg span { width: 15.3125%; margin-right: 7.8125%; } .saleSec__conts { margin-top: 4.11458%; } } .programSec { padding-top: 6.13333%; padding-bottom: 16%; } .programSec::before { background-color: rgb(255, 214, 89); clip-path: polygon(0% 0%, 29.3333% 0%, 100% 70.6667vw, 100% 100%, 0% 100%); } .programSec__deco.--mons2 { width: 37.6%; margin-top: -13.8667%; left: 36%; } .programSec__hdg span { width: 50.2667%; } .programSec__conts { margin-top: 7.86667%; } .programSec__bnrList li + li { margin-top: 11.1111%; } .programSec__bnrList__time { width: 38.0952%; margin-bottom: 3.1746%; } @media screen and (min-width: 768px) { .programSec { padding-top: 5.20833%; padding-bottom: 6.25%; } .programSec::before { clip-path: polygon(25.2604% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 25.2604vw); } .programSec__deco.--mons2 { width: 17.0312%; margin-top: -5.05208%; left: 25.2083%; } .programSec__hdg span { width: 29.1667%; margin-left: 7.8125%; } .programSec__conts { margin-top: 4.16667%; } .programSec__bnrList { row-gap: 4.16667vw; } .programSec__bnrList li + li { margin-top: 0px; } .programSec__bnrList__time { width: 17.6471%; margin-bottom: 2.20588%; } } .gameSec { padding-top: 14.9333%; padding-bottom: 13.3333%; } .gameSec::before { background-color: rgb(255, 214, 89); clip-path: polygon(0% 0%, 29.3333% 0%, 100% 70.6667vw, 100% 100%, 0% 100%); } .gameSec__deco.--mons1 { width: 20.1333%; margin-top: 1.6%; left: 18.6667%; } .gameSec__hdg span { width: 28.5333%; } .gameSec__conts { margin-top: 7.46667%; } .gameSec__bnrList li + li { margin-top: 9.52381%; } @media screen and (min-width: 768px) { .gameSec { padding-top: 5.20833%; padding-bottom: 6.25%; } .gameSec::before { clip-path: polygon(0% 0%, 45.5729% 0%, 100% 54.4271vw, 100% 100%, 25.5208% 100%, 0% calc(100% - 25.5208vw)); } .gameSec__deco.--mons1 { width: 7.86458%; margin-top: 1.19792%; left: 23.8021%; } .gameSec__hdg span { width: 16.6146%; margin-left: 7.8125%; } .gameSec__conts { margin-top: 4.16667%; } .gameSec__bnrList { row-gap: 4.16667vw; } .gameSec__bnrList li + li { margin-top: 0px; } } #confetti { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; pointer-events: none; background-color: transparent; z-index: 1000; } html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } nav ul { list-style: none; } blockquote, q { quotes: none; } blockquote::before, blockquote::after, q::before, q::after { content: none; } a { margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline; background: transparent; } ins { background-color: rgb(255, 255, 153); color: rgb(0, 0, 0); text-decoration: none; } mark { background-color: rgb(255, 255, 153); color: rgb(0, 0, 0); font-style: italic; font-weight: 700; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } table { border-collapse: collapse; border-spacing: 0px; } hr { display: block; height: 1px; border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgb(204, 204, 204); margin: 1em 0px; padding: 0px; } input, select { vertical-align: middle; } h1, h2, h3, h4 { line-height: 1; } ul { list-style: none; } p { line-height: 1; } img { vertical-align: bottom; border: none; } table { font-size: inherit; } :root { --scrollbar: 0; } #contents img { max-width: 100%; height: auto; vertical-align: middle; font-style: italic; background-repeat: no-repeat; background-size: cover; shape-margin: 0.75rem; } @media screen and (max-width: 767px) { #contents img { width: 100%; } } @media screen and (min-width: 768px) { #contents img { max-width: none; width: 100%; } } html, body { text-size-adjust: none; } #contents div, #contents h1, #contents h2, #contents h3, #contents h4, #contents h5, #contents p, #contents table, #contents table *, #contents ul, #contents li, #contents ol, #contents dl, #contents dt, #contents dd, #contents a, #contents span, #contents header, #contents section, #contents aside, #contents article, #contents ::before, #contents ::after { box-sizing: border-box; } .mfp-content div, .mfp-content h1, .mfp-content h2, .mfp-content h3, .mfp-content h4, .mfp-content h5, .mfp-content p, .mfp-content table, .mfp-content table *, .mfp-content ul, .mfp-content li, .mfp-content ol, .mfp-content dl, .mfp-content dt, .mfp-content dd, .mfp-content a, .mfp-content span, .mfp-content header, .mfp-content section, .mfp-content aside, .mfp-content article, .mfp-content ::before, .mfp-content ::after { box-sizing: border-box; } #contents, .mfp-content { font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, 游ゴシック体, Meiryo, "Helvetica Neue", Arial, sans-serif; } #sqexHeader-black_rsp, #sqexFooter { z-index: 9000; position: relative; } #contents::before, #contents::after { content: ""; display: block; clear: both; } #contents { zoom: 1; background: rgb(255, 255, 255); color: rgb(0, 0, 0); position: relative; overflow: hidden; font-size: calc(.032 * var(--true-vw-px)); } @media screen and (min-width: 768px) { #contents { font-size: calc(.009375 * var(--true-vw-px)); } } #nowloading { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background-color: rgb(255, 255, 255); z-index: 9998; } #nowloading_icon { position: absolute; top: 50%; left: 50%; width: 20vw; height: 20vw; margin-top: -10vw; margin-left: -10vw; text-align: center; z-index: 9991; } #nowloading_icon img { animation: 0.8s ease 0s infinite alternate forwards running nowloadingAnime; width: 100%; transform-origin: center bottom; } @keyframes nowloadingAnime { 0% { transform: translateY(0px) scale(1.05, 0.95); } 100% { transform: translateY(-30%) scale(0.95, 1.05); } } @media screen and (min-width: 768px) { #nowloading { background-size: 100%; } #nowloading_icon { width: 7.8125vw; height: 7.8125vw; margin-top: -3.90625vw; margin-left: -3.90625vw; } } #allwrap { position: relative; background: url("") center top / 170.667%; } #allwrap img { pointer-events: none; user-select: none; } @media screen and (min-width: 768px) { #allwrap { background-size: 66.6667%; } } .globalNavArea { width: 100%; position: absolute; top: 0px; left: 0px; z-index: 9900; } .globalNavArea.--fixed { position: fixed; } .globalNavArea::before { content: ""; position: absolute; inset: 0px; backdrop-filter: blur(var(--siteHeader-before-Blur)); z-index: -1; height: 110vh; backface-visibility: hidden; transform: translateZ(0px); visibility: hidden; } .--spOpen .globalNavArea::before { visibility: visible; } .globalNavArea__contents { position: absolute; top: 0px; left: 0px; width: 100%; padding-top: calc(.1133333333 * var(--true-vw-px)); visibility: hidden; --siteHeader__nav-before-Height: 0vh; } .globalNavArea__contents::before { content: ""; display: block; position: fixed; inset: 0px; background-color: rgba(255, 255, 255, 0.95); height: var(--siteHeader__nav-before-Height); z-index: -1; } .--spOpen .globalNavArea__contents { visibility: visible; } .globalNavArea__logo { width: 44.9333%; margin-left: 8%; } .globalNavArea__nav { width: 100%; margin-top: 9.86667%; } .globalNavArea__X { width: fit-content; margin-left: 8%; margin-top: 8%; } .globalNavArea__X a { display: flex; align-items: center; column-gap: 0.5em; text-decoration: none; color: rgb(0, 0, 0); font-size: 2.93333vw; } .globalNavArea__X span:nth-child(1) { width: calc(.0666666667 * var(--true-vw-px)); height: auto; aspect-ratio: 1 / 1; background-color: rgb(0, 0, 0); padding: calc(.012 * var(--true-vw-px)); } @media screen and (max-width: 767px) { .--spOpen #sqexHeader-black { position: relative; } .globalNavArea { pointer-events: none; } .globalNavArea__contents { width: 100vw; height: 100vh; overflow: hidden scroll; padding-bottom: 13.3333vw; scrollbar-width: none; } .globalNavArea__contents::-webkit-scrollbar { display: none; } .--spOpen .globalNavArea { pointer-events: all; } } @media screen and (min-width: 768px) { .globalNavArea { display: none; } } .globalNavSpBtn { border: none; color: inherit; display: block; font: inherit; outline: none; padding: 0px; width: calc(.1333333333 * var(--true-vw-px)); height: calc(.1333333333 * var(--true-vw-px)); background-color: rgb(0, 0, 0); margin-left: auto; position: relative; pointer-events: all; cursor: pointer; align-self: center; } .globalNavSpBtn span { background-color: rgb(255, 255, 255); display: block; width: 52%; min-height: 1px; height: 4%; position: absolute; inset: 0px; margin: auto; transition: transform 0.3s ease 0s, opacity 0.3s ease 0s; will-change: transform; } .globalNavSpBtn span:first-child { transform: translateY(-1.6vw); } .globalNavSpBtn span:nth-child(2) { transition: transform 0.6s ease-out 0s, opacity 0.6s ease-out 0s; } .globalNavSpBtn span:nth-child(3) { transform: translateY(1.6vw); width: 40%; margin-left: 24%; } .globalNavSpBtn.--active span:nth-child(1) { transform: translateY(0px) rotate(45deg) scaleX(1.36667); } .globalNavSpBtn.--active span:nth-child(2) { transform: scale(0); opacity: 0; } .globalNavSpBtn.--active span:nth-child(3) { transform: translateY(0px) rotate(-45deg) scaleX(1.36667); width: 52%; } @media screen and (min-width: 768px) { .globalNavSpBtn { display: none; } } .globalNav { position: relative; width: calc(1 * var(--true-vw-px)); } .globalNav__list { position: relative; } .globalNav__list li { position: relative; width: 100%; } .globalNav__list li + li { margin-top: 2.93333%; } .globalNav__btn { display: block; text-decoration: none; position: relative; } .globalNav__btn span { display: block; text-indent: 200%; white-space: nowrap; overflow: hidden; } @media screen and (max-width: 767px) { .globalNav__list { overflow: hidden; } .globalNav__btn { width: calc(.84 * var(--true-vw-px)); height: calc(.0906666667 * var(--true-vw-px)); margin-inline: auto; } .globalNav__btn::before { content: ""; display: block; position: absolute; inset: 0px; background-image: url(""); background-position: 0% 0%; background-repeat: no-repeat; background-size: 100%; } .--message .globalNav__btn::before { background-position-y: calc(.0266666667 * var(--true-vw-px)); } .--event .globalNav__btn::before { background-position-y: calc(-.0933333333 * var(--true-vw-px)); } .--goodsbooks .globalNav__btn::before { background-position-y: calc(-.2133333333 * var(--true-vw-px)); } .--collab .globalNav__btn::before { background-position-y: calc(-.3333333333 * var(--true-vw-px)); } .--sale .globalNav__btn::before { background-position-y: calc(-.4533333333 * var(--true-vw-px)); } .--program .globalNav__btn::before { background-position-y: calc(-.5733333333 * var(--true-vw-px)); } .--game .globalNav__btn::before { background-position-y: calc(-.6933333333 * var(--true-vw-px)); } } @media screen and (min-width: 768px) { .globalNav { display: none; } } #pageTop { width: 8.4vw; height: auto; aspect-ratio: 1 / 1; position: absolute; right: 6.66667vw; bottom: 2.66667vw; z-index: 3; } #pageTop.--fixed { position: fixed; } #pageTop a { display: block; width: 100%; height: 100%; background-color: rgb(0, 0, 0); border-radius: 100%; } #pageTop a span { display: block; text-indent: 101%; white-space: nowrap; overflow: hidden; } #pageTop a::after { content: ""; display: block; position: absolute; top: 50%; left: 50%; width: 20.6349%; height: auto; aspect-ratio: 1 / 1; border-width: 2px 0px 0px 2px; border-style: solid; border-image: initial; border-color: rgb(255, 255, 255); transform: translate(-50%, -37%) rotate(45deg); } @media screen and (min-width: 768px) { #pageTop { width: 3.28125vw; right: 1.5625vw; bottom: 1.04167vw; } #pageTop a { transition: all 0.23s ease 0s; } #pageTop a::after { border-top-width: 3px; border-left-width: 3px; } #pageTop a:hover { background-color: rgb(255, 214, 89); transform: scale(1.3); border: 2px solid rgb(0, 0, 0); } #pageTop a:hover::after { border-color: rgb(0, 0, 0); } } .baseFrame { position: relative; display: block; background-color: rgb(0, 0, 0); border: calc(.0053333333 * var(--true-vw-px)) solid #eaae1c; padding: calc(.004 * var(--true-vw-px)); } .baseFrame__thumb { position: relative; display: block; overflow: hidden; } @media screen and (min-width: 768px) { .baseFrame { border-width: calc(.0020833333 * var(--true-vw-px)); padding: calc(.0015625 * var(--true-vw-px)); } .baseFrame__thumb img { transition: transform 0.23s ease 0s, filter 0.23s ease 0s; } .baseFrame:is(a):hover .baseFrame__thumb img { transform: scale(1.03); filter: brightness(1.15); } } .notesList { text-indent: -1em; padding-left: 1em; } .nosp { display: none; } @media screen and (min-width: 768px) { .nosp { display: inline-block; } .nopc { display: none; } } .swiperCustom { overflow: visible; position: relative; } .swiperCustom .--baseControl { background-image: none; width: 100vw; height: 100%; top: 0px; margin-top: 0px; } .swiperCustom .--baseControl::after { content: ""; display: block; background-position: center center; background-repeat: no-repeat; background-size: contain; width: 5.86667vw; height: 12.2667vw; } .swiperCustom .--baseControl.swiper-button-prev { left: inherit; right: 100%; justify-content: flex-end; } .swiperCustom .--baseControl.swiper-button-prev::after { background-image: url(""); margin-right: 2.93333vw; } .swiperCustom .--baseControl.swiper-button-next { left: 100%; right: 0px; justify-content: flex-start; } .swiperCustom .--baseControl.swiper-button-next::after { background-image: url(""); margin-left: 2.93333vw; } .swiperCustom .--baseControl.swiper-button-disabled { opacity: 0.4; } .swiperCustom .swiper-slide { transition: opacity 0.63s ease 0s, filter 0.63s ease 0s; } .swiperCustom .swiper-slide:not(.swiper-slide-visible) { opacity: 0.4; filter: brightness(0.4); } .swiperCustom .swiper-slide:not(.swiper-slide-visible) a { pointer-events: none; } @media screen and (min-width: 768px) { .swiperCustom .--baseControl::after { width: 2.29167vw; height: 4.79167vw; } .swiperCustom .--baseControl.swiper-button-prev::after { margin-right: 20.8333vw; } .swiperCustom .--baseControl.swiper-button-next::after { margin-left: 20.8333vw; } .swiperCustom .--baseControl::after { transition: transform 0.2s ease 0s, filter 0.2s ease 0s; } .swiperCustom .--baseControl.swiper-button-prev:hover::after { transform: scale(1.2); filter: brightness(1.3); } .swiperCustom .--baseControl.swiper-button-next:hover::after { transform: scale(1.2); filter: brightness(1.3); } } .mfp-bg { z-index: 9998; opacity: 1; background-color: rgba(0, 0, 0, 0.9); } .mfp-wrap { z-index: 9999; } .modal_mfpIframe .mfp-iframe-holder .mfp-content { max-width: 1280px; } .modal_mfpYt .mfp-iframe-holder .mfp-content { max-width: 1080px; } .modal_mfpYt.--mfpYTShorts .mfp-iframe-holder .mfp-content { width: 100%; height: 100%; } .modal_mfpYt.--mfpYTShorts .mfp-iframe-scaler { padding-top: inherit; height: 100%; } .modal_mfpYt.--mfpYTShorts iframe { width: auto; height: 100%; max-width: 99vw; max-height: 90vh; aspect-ratio: 9 / 16; left: 50%; transform: translate(-50%); } .modal_mfpImg .mfp-figure::after, .modal_mfpImgGallery .mfp-figure::after { background: none; } .modal_mfpYt .mfp-close, .modal_mfpImg .mfp-close, .modal_mfpIframe .mfp-close, .modal_mfpImgGallery .mfp-close, .modal_mfpInline .mfp-close { position: fixed; top: 4vw; right: 8vw; width: 5.6%; height: auto; aspect-ratio: 1 / 1; cursor: pointer; background-image: url(""); background-size: contain; background-repeat: no-repeat; background-position: center center; opacity: 1; line-height: 0; } @media screen and (min-width: 768px) { .modal_mfpYt .mfp-close, .modal_mfpImg .mfp-close, .modal_mfpIframe .mfp-close, .modal_mfpImgGallery .mfp-close, .modal_mfpInline .mfp-close { top: 1.04167vw; right: 1.5625vw; width: 3.125%; opacity: 0.6; transition: opacity 0.23s ease 0s; } .modal_mfpYt .mfp-close:hover, .modal_mfpImg .mfp-close:hover, .modal_mfpIframe .mfp-close:hover, .modal_mfpImgGallery .mfp-close:hover, .modal_mfpInline .mfp-close:hover { opacity: 1; } .modal_mfpYt .mfp-iframe-holder, .modal_mfpIframe .mfp-iframe-holder, .modal_mfpInline .mfp-inline-holder { padding-top: 4.6875vw; } } .modal_mfpImg img, .modal_mfpInline img, .modal_mfpIframe img, .modal_mfpImgGallery img { user-select: none; } .mfp-bg { z-index: 9990; opacity: 0; transition: opacity 0.3s ease-out 0s; } .mfp-bg.mfp-ready { opacity: 1; } .mfp-bg.mfp-removing { opacity: 0; } .mfp-wrap { z-index: 9991; } .modal_mfpYt.mfp-wrap .mfp-iframe-holder, .modal_mfpYt.mfp-wrap .mfp-image-holder, .modal_mfpYt.mfp-wrap .mfp-inline-holder, .modal_mfpImg.mfp-wrap .mfp-iframe-holder, .modal_mfpImg.mfp-wrap .mfp-image-holder, .modal_mfpImg.mfp-wrap .mfp-inline-holder, .modal_mfpImgGallery.mfp-wrap .mfp-iframe-holder, .modal_mfpImgGallery.mfp-wrap .mfp-image-holder, .modal_mfpImgGallery.mfp-wrap .mfp-inline-holder, .modal_mfpInline.mfp-wrap .mfp-iframe-holder, .modal_mfpInline.mfp-wrap .mfp-image-holder, .modal_mfpInline.mfp-wrap .mfp-inline-holder { opacity: 0; transition: opacity 0.3s ease-out 0s; } .modal_mfpYt.mfp-wrap.mfp-ready .mfp-iframe-holder, .modal_mfpYt.mfp-wrap.mfp-ready .mfp-image-holder, .modal_mfpYt.mfp-wrap.mfp-ready .mfp-inline-holder, .modal_mfpImg.mfp-wrap.mfp-ready .mfp-iframe-holder, .modal_mfpImg.mfp-wrap.mfp-ready .mfp-image-holder, .modal_mfpImg.mfp-wrap.mfp-ready .mfp-inline-holder, .modal_mfpImgGallery.mfp-wrap.mfp-ready .mfp-iframe-holder, .modal_mfpImgGallery.mfp-wrap.mfp-ready .mfp-image-holder, .modal_mfpImgGallery.mfp-wrap.mfp-ready .mfp-inline-holder, .modal_mfpInline.mfp-wrap.mfp-ready .mfp-iframe-holder, .modal_mfpInline.mfp-wrap.mfp-ready .mfp-image-holder, .modal_mfpInline.mfp-wrap.mfp-ready .mfp-inline-holder { opacity: 1; } .modal_mfpYt.mfp-wrap.mfp-removing .mfp-iframe-holder, .modal_mfpYt.mfp-wrap.mfp-removing .mfp-image-holder, .modal_mfpYt.mfp-wrap.mfp-removing .mfp-inline-holder, .modal_mfpImg.mfp-wrap.mfp-removing .mfp-iframe-holder, .modal_mfpImg.mfp-wrap.mfp-removing .mfp-image-holder, .modal_mfpImg.mfp-wrap.mfp-removing .mfp-inline-holder, .modal_mfpImgGallery.mfp-wrap.mfp-removing .mfp-iframe-holder, .modal_mfpImgGallery.mfp-wrap.mfp-removing .mfp-image-holder, .modal_mfpImgGallery.mfp-wrap.mfp-removing .mfp-inline-holder, .modal_mfpInline.mfp-wrap.mfp-removing .mfp-iframe-holder, .modal_mfpInline.mfp-wrap.mfp-removing .mfp-image-holder, .modal_mfpInline.mfp-wrap.mfp-removing .mfp-inline-holder { opacity: 0; transition-duration: 0.15s; } .modal_mfpYt.mfp-wrap .mfp-iframe-scaler, .modal_mfpImg.mfp-wrap .mfp-figure, .modal_mfpImgGallery.mfp-wrap figure, .modal_mfpInline.mfp-wrap .mfpInlineModal__contents { transform: scale(0.95); transition: transform 0.3s ease-out 0s; } .modal_mfpYt.mfp-wrap.mfp-ready .mfp-iframe-scaler, .modal_mfpImg.mfp-wrap.mfp-ready .mfp-figure, .modal_mfpImgGallery.mfp-wrap.mfp-ready figure, .modal_mfpInline.mfp-wrap.mfp-ready .mfpInlineModal__contents { transform: scale(1); } .modal_mfpImg.mfp-wrap.mfp-removing .mfp-figure, .modal_mfpImgGallery.mfp-wrap.mfp-removing figure, .modal_mfpInline.mfp-wrap.mfp-removing .mfpInlineModal__contents { transform: scale(0.95); transition-duration: 0.15s; } .modal_mfpImgGallery figure::after { box-shadow: none; background: none; } .modal_mfpImgGallery figure.anm { animation: 0.3s ease-out 0s 1 normal none running anm; } @keyframes anm { 0% { transform: scale(0.95); } 100% { transform: scale(1); } } .modal_mfpImgGallery .mfp-arrow { opacity: 0.5; width: 20%; height: 80%; top: 10%; margin-top: 0px; } .modal_mfpImgGallery .mfp-arrow:active { margin-top: 0px; } .modal_mfpImgGallery .mfp-arrow::before, .modal_mfpImgGallery .mfp-arrow::after { display: none; } .modal_mfpImgGallery .mfp-arrow-left, .modal_mfpImgGallery .mfp-arrow-right { background: none; } @media screen and (min-width: 768px) { .modal_mfpImgGallery .mfp-arrow { opacity: 0.5; width: 100px; } .modal_mfpImgGallery .mfp-arrow:hover { opacity: 1; } } .modal_mfpIframe .mfp-container { padding: 30px 0px; } .modal_mfpIframe .mfp-iframe-scaler { padding-top: 100%; } .modal_mfpIframe .mfp-iframe-scaler .mfp-iframe { box-shadow: none; background: transparent !important; } @media screen and (min-width: 768px) { .modal_mfpIframe .mfp-iframe-scaler { padding-top: 36.7647%; } } @media screen and (min-width: 1361px) { .modal_mfpIframe .mfp-iframe-scaler { padding-top: 500px; } } .modal_mfpInline .mfp-container { padding-left: 0px; padding-right: 0px; } .modal_mfpInline .mfp-container img { max-width: 100%; height: auto; vertical-align: middle; font-style: italic; background-repeat: no-repeat; background-size: cover; shape-margin: 0.75rem; } .modal_mfpInline .mfp-content { padding-block: 14.6667vw; } .modal_mfpInline .mfp-arrow { opacity: 1; width: 6.66667%; height: calc(100% - 13.3333vw); top: 13.3333vw; margin-top: 0px; } .modal_mfpInline .mfp-arrow:active { margin-top: 0px; } .modal_mfpInline .mfp-arrow::before, .modal_mfpInline .mfp-arrow::after { display: none; } .modal_mfpInline .mfp-arrow-left, .modal_mfpInline .mfp-arrow-right { background-position: center center; background-repeat: no-repeat; } .modal_mfpInline .mfp-arrow-left { background-image: url(""); } .modal_mfpInline .mfp-arrow-right { background-image: url(""); } @media screen and (max-width: 767px) { .modal_mfpInline .mfp-container img { width: 100%; height: auto; } } @media screen and (min-width: 768px) { .modal_mfpInline .mfp-container img { max-width: none; width: 100%; } .modal_mfpInline .mfp-arrow { opacity: 0.5; top: 5.20833vw; width: 7.29167%; height: calc(100% - 5.20833vw); } .modal_mfpInline .mfp-arrow::before { width: 34.2857%; height: 3.64583vw; } .modal_mfpInline .mfp-arrow-left::before { right: 0px; } .modal_mfpInline .mfp-arrow-right::before { left: 0px; } .modal_mfpInline .mfp-arrow:hover { opacity: 1; } } .mfpInlineModal__contents { opacity: 0; transition: all 0.5s ease 0s; } .--anm .mfpInlineModal__contents { opacity: 1; } .\[\&_\.gdprAdTransparencyCogWheelButton\]\:\!pjra-z-\[5\], ad-slot, ad-triple-box, dfp-ad, [class^="adDisplay-module"], [class^="amp-ad-"], [class^="div-gpt-ad"], [data-ad-cls], [data-ad-manager-id], [data-ad-module], [data-ad-width], [data-adblockkey], [data-adbridg-ad-class], [data-adshim], [data-advadstrackid], [data-block-type="ad"], [data-css-class="dfp-inarticle"], [data-d-ad-id], [data-desktop-ad-id], [data-dynamic-ads], [data-ez-name], [data-freestar-ad][id], [data-id^="div-gpt-ad"], [data-m-ad-id], [data-mobile-ad-id], [data-name="adaptiveConstructorAd"], [data-rc-widget], [data-revive-zoneid] > iframe, [data-role="tile-ads-module"], [data-template-type="nativead"], [data-testid="adBanner-wrapper"], [data-testid="ad_testID"], [data-type="ad-vertical"], [data-wpas-zoneid], [id^="ad-wrap-"], [id^="ad_sky"], [id^="ad_slider"], [id^="section-ad-banner"], [name^="google_ads_iframe"], [onclick^="location.href='https://1337x.vpnonly.site/"], a-ad, a[data-href^="http://ads.trafficjunky.net/"], a[style="width:100%;height:100%;z-index:10000000000000000;position:absolute;top:0;left:0;"], ad-shield-ads, ad-slot, app-ad, app-advertisement, app-large-ad, ark-top-ad, aside[id^="adrotate_widgets-"], atf-ad-slot, bottomadblock, display-ad-component, display-ads, div[class^="Adstyled__AdWrapper-"], div[class^="Display_displayAd"], div[class^="kiwi-ad-wrapper"], div[class^="native-ad-"], div[data-ad-placeholder], div[data-ad-wrapper], div[data-adname], div[data-adunit-path], div[data-adunit], div[data-adzone], div[data-alias="300x250 Ad 1"], div[data-alias="300x250 Ad 2"], div[data-contentexchange-widget], div[data-dfp-id], div[data-id-advertdfpconf], div[data-native-ad], div[id^="ad-div-"], div[id^="ad-position-"], div[id^="adngin-"], div[id^="adrotate_widgets-"], div[id^="adspot-"], div[id^="crt-"][style], div[id^="div-ads-"], div[id^="google_dfp_"], div[id^="gpt_ad_"], div[id^="lazyad-"], div[id^="optidigital-adslot"], div[id^="pa_sticky_ad_box_middle_"], div[id^="rc-widget-"], div[id^="sticky_ad_"], div[id^="vuukle-ad-"], gpt-ad, guj-ad, hl-adsense, img[src^="https://images.purevpnaffiliates.com"], ps-connatix-module, span[data-ez-ph-id], span[id^="ezoic-pub-ad-placeholder-"], topadblock, zeus-ad, [class^="tile-picker__CitrusBannerContainer-sc-"], citrus-ad-wrapper, [class^="s2nPlayer"], div[id*="MarketGid"], div[id*="ScriptRoot"], [onclick*="content.ad/"], amp-ad, amp-ad, amp-ad-custom, amp-connatix-player, amp-fx-flying-carpet, a[data-obtrack^="http://paid.outbrain.com/network/redir?"], a[data-oburl^="https://paid.outbrain.com/network/redir?"], a[data-redirect^="https://paid.outbrain.com/network/redir?"], a[data-url^="http://paid.outbrain.com/network/redir?"] + .author, a[data-widget-outbrain-redirect^="http://paid.outbrain.com/network/redir?"], a[onmousedown^="this.href='http://paid.outbrain.com/network/redir?"][target="_blank"], a[onmousedown^="this.href='http://paid.outbrain.com/network/redir?"][target="_blank"] + .ob_source, a[onmousedown^="this.href='https://paid.outbrain.com/network/redir?"][target="_blank"] + .ob_source, a[target="_blank"][onmousedown="this.href^='http://paid.outbrain.com/network/redir?"], amp-embed[type="taboola"], div[id^="taboola-stream-"], div[id^="zergnet-widget"] { display: none !important; } [data-ad-name], [id^="div-gpt-ad"], div[aria-label="Ads"], div[data-ad-targeting], div[data-native_ad], div[id^="ad_position_"], div[id^="dfp-ad-"], div[id^="div-gpt-"], div[id^="ezoic-pub-ad-"], div[id^="yandex_ad"], ins.adsbygoogle[data-ad-slot], a[onmousedown^="this.href='https://paid.outbrain.com/network/redir?"][target="_blank"] { display: none !important; } a[href^="https://m.do.co/c/"] > img, a[href^="https://bc.game/"] { display: none !important; } (cache)「ドラゴンクエスト」40周年記念特設ページ | SQUARE ENIX