/*
rev. 2025-08-28
copyright © 2025
*/
@layer reset, base, general, component, main-base, main;@layer reset{

/*! kiso.css v1.2.1 | MIT License | https://github.com/tak-dcxi/kiso.css */*,:after,:before{box-sizing:border-box}:where(:root){font-family:sans-serif;line-height:1.5;text-spacing-trim:trim-start;text-autospace:normal;line-break:strict;overflow-wrap:anywhere;-webkit-text-size-adjust:100%;text-size-adjust:100%;scrollbar-gutter:stable;-webkit-tap-highlight-color:transparent}:where(body){min-block-size:100dvb;margin:unset}:where(h1,h2,h3,h4,h5,h6){text-wrap:pretty}:where(h1){margin-block:.67em;font-size:2em}:where(h2,h3,h4,h5,h6){margin-block:unset}:where(search){display:block}:where(p,blockquote,figure,pre,address,ul,ol,dl,menu){margin-block:unset}:where(blockquote,figure){margin-inline:unset}:where(p:lang(en)){text-wrap:pretty}:where(address:lang(ja)){font-style:unset}:where(ul,ol,menu){padding-inline-start:unset;list-style-type:""}:where(dt){font-weight:bolder}:where(dd){margin-inline-start:unset}:where(pre){text-spacing-trim:space-all;text-autospace:no-autospace}:where(em:lang(ja)){font-weight:bolder}:where(:is(i,cite,em,dfn,var):lang(ja)){font-style:unset}:where(code,kbd,samp){font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:unset;font-variant-ligatures:none}:where(abbr[title]){text-decoration-line:underline;text-decoration-style:dotted;cursor:help}:where(time){text-autospace:no-autospace}@media (forced-colors:active){:where(mark){background-color:Highlight;color:HighlightText}}@media print{:where(mark){border-width:1px;border-style:dotted}}:where(a:any-link){color:unset;text-decoration-line:unset;text-decoration-thickness:from-font}:where(img,svg,picture,video,canvas,model,audio,iframe,embed,object){block-size:auto;max-inline-size:100%;vertical-align:bottom}:where(iframe){border:unset}:where(table){border-collapse:collapse}:where(caption,th){text-align:unset}:where(caption){text-wrap:pretty}::file-selector-button,:where(button,input,select,textarea){border:1px solid;border-color:unset;border-radius:unset;color:unset;font:unset;letter-spacing:unset;text-align:unset}:where(input:is([type=radio i],[type=checkbox i])){margin:unset}:where(input[type=file i]){border:unset}:where(input[type=search i]){-webkit-appearance:textfield}@supports (-webkit-touch-callout:none){:where(input[type=search i]){background-color:Canvas}}:where(input:is([type=tel i],[type=url i],[type=email i],[type=number i]):not(:placeholder-shown)){direction:ltr}:where(textarea){margin-block:unset;resize:block}:where(input:not([type=button i],[type=submit i],[type=reset i]),textarea,[contenteditable]){text-autospace:no-autospace}::file-selector-button,:where(button,input:is([type=button i],[type=submit i],[type=reset i])){background-color:unset}::file-selector-button,:where(button,input:is([type=button i],[type=submit i],[type=reset i]),[role=tab i],[role=button i],[role=option i]){touch-action:manipulation}:where(:enabled)::file-selector-button,:where(button:enabled,label[for],select:enabled,input:is([type=button i],[type=submit i],[type=reset i],[type=radio i],[type=checkbox i]):enabled,[role=tab i],[role=button i],[role=option i]){cursor:pointer}:where(fieldset){min-inline-size:0;margin-inline:unset;padding:unset;border:unset}:where(legend){padding-inline:unset}:where(progress){vertical-align:unset}::placeholder{opacity:unset}:where(summary){list-style-type:"";cursor:pointer}:where(summary)::-webkit-details-marker{display:none}:where(dialog,[popover]){overscroll-behavior-block:contain;padding:unset;border:unset}:where(dialog:not([open],[popover]),[popover]:not(:popover-open)){display:none!important}:where(dialog){max-inline-size:unset;max-block-size:unset}:where(dialog)::backdrop{background-color:oklch(0 0 0deg/30%)}:where([popover]){margin:unset}:where(:focus-visible){outline-offset:3px}[tabindex="-1"]:focus{outline:none!important}:where(:disabled,[aria-disabled=true i]){cursor:default}[hidden]:not([hidden=until-found i]){display:none!important}@supports selector(::scroll-button(*)){::scroll-button(*){border:1px solid;border-color:unset;border-radius:unset;background-color:unset;color:unset;font:unset;letter-spacing:unset;text-align:unset;touch-action:manipulation}::scroll-button(*):enabled{cursor:pointer}}}@layer base{:root{--bg-blue-color-01:#ecfbff;--bg-red-color-01:#fff1f2;--bg-yellow-color-01:#fffff4;--bg-gray-color-01:#f7f9fa;--base-font-color:#1b303d;--border-color-01:#e9eef0;--lightest-color:#fff;--darkest-color:#000;--text-body-color:#1b303d;--text-note-color:#78868f;--blue-color-01:#0073bd;--blue-color-02:#006aad;--blue-color-03:#cbeafb;--blue-color-04:#4850a3;--blue-color-05:#232675;--blue-darken-color-01:#005288;--red-color-01:#e94709;--red-darken-color-01:#b00006;--note-text-color-01:#78868f;--gray-color:#d9d9d9;--comic-yellow-color-01:#f4e50f;--comic-blue-color-01:#43b7e5;--comic-content-width:1088;--comic-viewport-inline-width:16;--base-font-size:10px;--base-line-height:1.8;--font-body:"Zen Kaku Gothic New",sans-serif;--font-serif:"Noto Sans JP",sans-serif;--font-size-h1:4em;--font-size-h2:2.66667em;--font-size-h3:2em;--font-size-h4:1.6em;--font-size-h5:1.33333em;--font-size-h6:1.14286em}}@layer general{*{&,&:after,&:before{box-sizing:border-box}}}@layer general{html{font-size:var(--base-font-size)}body{padding:0;margin:0;font-family:var(--font-body);line-height:var(--base-line-height);color:var(--base-font-color);&:has(dialog[open]){overflow:hidden}}}@layer general{button{border-radius:0}img{min-inline-size:0;min-block-size:0}}@layer general{}@layer component{.c-header{padding-block:1.8rem 1rem;@media (width < 768px){padding-block:.8rem .6rem}}.c-header__title{&:hover{opacity:.7}}.c-header__body{display:flex;align-items:center;justify-content:space-between;margin-block:0;margin-inline:auto}.c-header__site-name{margin:0;>a{display:block;color:inherit;text-decoration:none;transition:opacity .2s;@media (any-hover:hover){&:hover{cursor:pointer;opacity:.4}}img{inline-size:100%;block-size:auto;vertical-align:middle}}}.c-header__sns{>ul{display:flex;gap:1rem;padding:.8rem 2.2rem;background-color:var(--lightest-color);border-radius:50rem;@media (width < 768px){gap:1rem;padding-left:1.6rem;padding-bottom:.8rem;padding-right:1.6rem;padding-top:.8rem}>li{display:block;&:hover{opacity:.7}>a{display:block;inline-size:3.8rem;aspect-ratio:1/1;color:inherit;text-decoration:none;transition:opacity .2s;@media (width < 768px){inline-size:3.2rem}@media (any-hover:hover){&:hover{cursor:pointer;opacity:.4}}img{inline-size:100%;block-size:auto;vertical-align:middle}}}}}}@layer component{.c-footer{max-inline-size:calc(var(--comic-content-width)*1px + var(--comic-viewport-inline-width)*2px);padding-block:4rem 1.6rem;padding-inline:calc(var(--comic-viewport-inline-width)*1px);margin-inline:auto;@media (width < 768px){padding-left:1.6rem;padding-bottom:5.5rem;padding-right:1.6rem;padding-top:4rem}}.c-footer__body{margin-block:0;margin-inline:auto;color:var(--lightest-color)}.c-footer__logo{margin-block-end:1.4rem;>a{display:block;max-inline-size:40rem;color:inherit;text-decoration:none;transition:opacity .2s;@media (width < 768px){max-inline-size:32.7rem;margin-inline:auto}@media (any-hover:hover){&:hover{cursor:pointer;opacity:.4}}img{inline-size:100%;block-size:auto;vertical-align:middle}}}.c-footer__info{display:flex;flex-wrap:wrap;gap:1rem;margin-block-end:2.6rem;font-size:1.6rem;font-weight:500;@media (width < 576px){margin-block-end:3rem}@media (width < 576px){justify-content:center}}.c-footer__copyright{display:block;font-size:1.2rem;font-weight:500;text-align:end;@media (width < 576px){text-align:center}}}@layer component{.c-page-home{inline-size:100%;block-size:100%;background-color:var(--comic-blue-color-01);img{inline-size:100%;block-size:auto;vertical-align:middle}}.c-page-home__header{padding-inline:3rem;@media (width < 768px){padding-inline:1.6rem .8rem}}.c-page-home__opening{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:3;inline-size:100vw;block-size:100vh;overflow:hidden;background-color:var(--comic-blue-color-01);animation:slide-out .3s ease-in-out 2.05s forwards,hidden .1s ease-in-out 2.3s forwards}@keyframes slide-out{0%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes hidden{0%{display:block;opacity:1}to{display:none;opacity:0}}.c-page-home__about{overflow:hidden}.c-page-home__about-wrap,.c-page-home__share-wrap{max-inline-size:calc(var(--comic-content-width)*1px + var(--comic-viewport-inline-width)*2px);padding-inline:calc(var(--comic-viewport-inline-width)*1px);margin-inline:auto}.c-page-home__history{max-inline-size:calc(1250px + var(--comic-viewport-inline-width)*1px);padding-block:6.6rem 5.6rem;padding-inline:.8rem;margin-inline:auto}.c-page-home__share{padding-block-start:3.5rem;background-color:var(--lightest-color);@media (width < 768px){padding-block-start:3.2rem}}.c-page-home__footer{background-color:var(--blue-color-01)}}@layer component{.c-hero{margin-block:.8rem 3.8rem;@media (width < 768px){margin-block:1.4rem 3.2rem}}.c-hero__image{text-align:center;@media (768px <= width){block-size:35.83333vw;max-block-size:56.4rem}>picture{display:block;max-inline-size:none;block-size:100%;img{inline-size:auto;block-size:100%;@media (768px <= width){object-fit:cover;object-position:center}@media (width < 768px){inline-size:100%;block-size:auto}}}}}@layer component{.c-opening{display:flex;flex-direction:column;align-items:center;justify-content:center;inline-size:100%;block-size:100%;animation:fade-out .3s ease-in-out 2.05s forwards}@keyframes bound{0%{transform:scaleX(1)}5%{transform:scaleX(.5)}20%{transform:scaleX(1.15)}30%{transform:scaleX(.7)}40%{transform:scaleX(1.05)}50%{transform:scaleX(.92)}65%{transform:scaleX(1.02)}75%{transform:scaleX(.98)}85%{transform:scaleX(1.01)}95%{transform:scaleX(.99)}to{transform:scaleX(1)}}@keyframes opening-stretch{0%{inline-size:3rem}85%{inline-size:15rem}to{inline-size:3rem}}@keyframes opening-stretch-sp{0%{inline-size:1.5rem}80%{inline-size:10rem}to{inline-size:1.5rem}}@keyframes opening-fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.c-opening__animate-text{&:first-child{position:relative;z-index:3;max-inline-size:6.9rem;margin-block-start:2rem;@media (width < 576px){max-inline-size:3.2rem;margin-block-start:1rem}}&:nth-of-type(2){position:relative;margin-inline-start:-34px;@media (width < 576px){max-inline-size:17.7rem;margin-inline-start:-8px}}&:last-child{position:relative;margin-inline-start:-34px;@media (width < 576px){max-inline-size:17.7rem;margin-inline-start:-15px}}}.c-opening__animate-logo{margin-block-start:-4px;opacity:0;animation:opening-fade-in .1s ease-in-out 1.35s forwards;@media (width < 576px){max-inline-size:20rem;margin-block-start:0}}.c-opening__animate{display:flex;justify-content:center;animation:bound .6s ease .65s forwards}.c-opening__animate-stretch{z-index:2;box-sizing:initial;inline-size:3rem;block-size:1.2rem;margin-block-start:6.3rem;margin-inline-start:-5px;outline:5px solid var(--lightest-color);background-color:var(--blue-color-01);border-radius:.3rem;animation:opening-stretch .5s cubic-bezier(.24,1,1,1) .2s forwards;@media (width < 576px){inline-size:1.5rem;block-size:.6rem;margin-block-start:3rem;margin-inline-start:0;outline:2px solid var(--lightest-color);border-radius:.1rem;animation:opening-stretch-sp .5s cubic-bezier(.24,1,1,1) .2s forwards}}}@layer component{.c-about{position:relative;padding-block-end:1.6rem}.c-about__heading{h1{max-inline-size:46.7rem;margin-block-end:1rem;margin-inline:auto;@media (width < 576px){max-inline-size:32rem}}}.c-about__bg-01,.c-about__bg-02,.c-about__bg-03{position:absolute;z-index:-1;@media (width < 768px){display:none}}.c-about__bg-01{inset-inline-start:-17.5rem;max-inline-size:42.3rem}.c-about__bg-02{inset-block-start:65rem;inset-inline-end:-18.7rem;max-inline-size:45.6rem}.c-about__bg-03{inset-block-end:10rem;inset-inline-start:-19.4rem;max-inline-size:42.2rem}.c-about__desc{margin-block-end:5.6rem;@media (width < 768px){margin-block-end:4.8rem}p{font-size:1.6rem;font-weight:500;line-height:2;color:var(--lightest-color);text-align:center;@media (width < 768px){font-size:1.4rem;font-weight:500}>span{display:block;>span{@media (width < 768px){display:block}}}}}.c-about__inner{position:relative;padding:4rem 1.6rem;background-color:var(--lightest-color);border:2px solid var(--blue-color-01);@media (width < 768px){padding-left:1.6rem;padding-bottom:4rem;padding-right:1.6rem;padding-top:0}&:after{position:absolute;inset-block-end:-16px;inset-inline-end:-16px;z-index:-1;display:block;inline-size:100%;block-size:100%;background-image:url(/ygp-40th/img/bg-dot-white.png);background-repeat:repeat;background-size:18px;@media (768px <= width){content:""}}}}@layer component{.c-index{max-inline-size:84.8rem;margin-inline:auto}.c-index__item{display:flex;gap:3.2rem;justify-content:space-between;padding:5.6rem 3.8rem;@media (width < 768px){flex-direction:column;padding-left:0;padding-bottom:5.6rem;padding-right:0;padding-top:5.6rem}&:not(:last-child){border-block-end:1px solid var(--blue-color-01)}}.c-index__item-textarea{flex-shrink:0}.c-index__item-head{>h2{display:flex;gap:.5rem;padding-block-start:1.6rem;font-size:4.4rem;color:var(--blue-color-01);@media (width < 768px){gap:.3rem;justify-content:center;font-size:2.4rem}>span{display:inline-flex;align-items:center;justify-content:center;inline-size:6rem;block-size:6rem;padding-block-end:6px;margin-block-start:10px;font-size:4.8rem;line-height:1;color:var(--lightest-color);background-color:var(--blue-color-01);border-radius:50rem;@media (width < 768px){inline-size:4rem;block-size:4rem;margin-block-start:0;font-size:3rem}}>img{max-inline-size:8.4rem;margin-inline-start:3px;@media (width < 768px){max-inline-size:5.4rem;margin-inline-start:2px}}}}.c-index__item-meta{margin-block:-1rem 3.3rem;font-family:var(--font-serif);font-size:1.4rem;font-weight:500;line-height:1.3;color:var(--text-note-color);letter-spacing:.02em;@media (width < 768px){margin-block:-.4rem 2.4rem;font-size:1.2rem;text-align:center}&:not(:has(+.c-index__item-button)){margin-block:0;font-size:1.8rem;font-weight:700;color:var(--red-color-01);@media (width < 768px){margin-block:.4rem 0;font-size:1.6rem}}}.c-index__item-title{margin-block-end:3.3rem;font-size:2.4rem;font-weight:700;line-height:1.3;@media (width < 768px){margin-block-end:2.4rem;font-size:2rem;text-align:center}>span{margin-inline-start:4px;font-size:2rem;@media (width < 768px){font-size:1.6rem}}}.c-index__item-button{@media (width < 768px){max-inline-size:26rem;margin-inline:auto}}.c-index__item-image{max-inline-size:44rem;block-size:fit-content;border:1px solid var(--base-font-color);@media (width < 768px){margin-inline:auto}}}@layer component{.c-profile{position:relative;z-index:1;max-inline-size:84.8rem;margin-inline:auto;border:1px solid var(--blue-color-01);border-radius:2px;&:after{position:absolute;inset-block-end:-8px;inset-inline-end:-8px;z-index:-1;display:block;inline-size:100%;block-size:100%;content:"";background-image:url(/ygp-40th/img/bg-dot-blue.png);background-repeat:repeat;background-size:12px}}.c-profile__wrap{position:relative;padding:3.2rem 4.8rem 4rem;background-color:var(--lightest-color);@media (width < 768px){padding-left:2.4rem;padding-bottom:3.2rem;padding-right:2.4rem;padding-top:3.2rem}&:after,&:before{position:absolute;inset-inline-start:45px;inline-size:0;block-size:0;content:"";border-inline-start:15px solid #0000;border-inline-end:15px solid #0000}&:before{inset-block-end:100%;border-block-end:20px solid var(--blue-color-01)}&:after{inset-block-end:calc(100% - 2px);border-block-end:20px solid var(--lightest-color)}}.c-profile__inner{position:relative;display:grid;gap:0 4rem;@media (width < 768px){gap:0 1.6rem}}.c-profile__image{grid-row:1/3;grid-column:1/2;max-inline-size:18rem;@media (width < 768px){justify-self:end}}.c-profile__textarea{grid-column:2/3;@media (width < 768px){grid-column:1/3}}.c-profile__name{display:flex;grid-column:2/3;gap:.8rem;font-size:3.2rem;font-weight:700;line-height:1.3;color:var(--blue-color-01);letter-spacing:.04em;@media (768px <= width){align-items:end}@media (width < 768px){flex-direction:column;grid-row:1/3;justify-content:center;font-size:2.4rem}>span{font-size:1.4rem;line-height:1;@media (768px <= width){margin-block-end:1rem}@media (width < 768px){font-size:1.2rem;font-weight:500}}}.c-profile__desc{margin-block:1.6rem 2.4rem;font-size:1.4rem;font-weight:500;letter-spacing:.02em;@media (width < 768px){margin-block:2.4rem;font-weight:500}}.c-profile__link{display:flex;gap:2.2rem 4rem;align-items:center;@media (width < 768px){flex-direction:column}>[class=c-button]{a{padding-block:1rem 1.1rem;@media (768px <= width){min-inline-size:24rem}}}}.c-profile__sns{display:flex;gap:1rem;align-items:center;p{margin-inline-end:.6rem;font-size:1.5rem;font-weight:700;line-height:1.3;color:var(--blue-color-01);letter-spacing:.04em}}.c-profile__sns-item{&:not(:last-of-type){margin-inline-end:.6rem}a{display:block;transition:opacity .2s;@media (any-hover:hover){&:hover{cursor:pointer;opacity:.4}}}}}@layer component{.c-history{position:relative}.c-history__inner{position:relative;max-inline-size:calc(var(--comic-content-width)*1px);margin-inline:auto}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes stretch{0%{inline-size:.1rem}to{inline-size:calc(100% + 8px)}}.c-history__bg{position:absolute;inset-block-start:calc(50% - 5px);display:flex;gap:1.7rem;align-items:center;inline-size:100%;opacity:.3;transform:translateY(-50%);@media (width < 768px){gap:.7rem}}.c-history__bg-text{@media (width < 768px){max-inline-size:4rem}}.c-history__bg-stretch{inline-size:.1rem;block-size:1.9rem;background-color:var(--lightest-color);border-radius:.3rem;@media (768px <= width){max-inline-size:calc(100% - 100px)}@media (width < 768px){block-size:.8rem;margin-inline-end:-8px}[data-active=true] &{animation:stretch 1s ease-out forwards}}.c-history__heading{margin-block-end:7rem;@media (width < 768px){margin-block-end:2.4rem}h2{max-inline-size:27rem;margin-inline:auto;@media (width < 768px){max-inline-size:24rem}>span{display:block;margin-block-end:1rem;font-size:1.4rem;font-weight:700;color:var(--lightest-color);text-align:center;letter-spacing:.14em;@media (width < 768px){margin-block-end:1.2rem}}}}.c-history__textarea{opacity:0;transform:translateY(-10px);[data-active=true] &{animation:fade-in .5s ease-in-out 1.8s forwards}}.c-history__desc{margin-block-end:2.4rem;font-size:1.8rem;font-weight:500;line-height:2;color:var(--lightest-color);text-align:center;letter-spacing:.02em;@media (width < 768px){margin-block-end:1.6rem;font-size:1.4rem}>span{display:block;>span{@media (width < 768px){display:block}}}}.c-history__button{text-align:center;>[class=c-button]{@media (width < 768px){inline-size:fit-content}>div{@media (width < 768px){inline-size:fit-content}&:after{background-image:url(/ygp-40th/img/bg-dot-white.png)}a{@media (width < 768px){inline-size:fit-content}}}}}.c-history__image{display:grid;justify-content:space-between;inline-size:100%;@media (768px <= width){position:absolute;inset-block-start:calc(50% - 20px);grid-template-columns:auto auto;transform:translateY(-50%)}@media (width < 768px){justify-content:center;margin-block-end:2.4rem}}.c-history__image-item{inline-size:fit-content;max-block-size:31.8rem;opacity:0;transform:translateY(-10px);&:first-child{@media (width < 768px){max-inline-size:20.6rem;margin-inline-start:1.5rem}[data-active=true] &{animation:fade-in-down .5s ease-in-out 1.2s forwards}}&:last-child{@media (width < 768px){max-inline-size:26.1rem;margin-block-start:-10rem;margin-inline-start:4rem}[data-active=true] &{animation:fade-in-down .5s ease-in-out 1.5s forwards}}img{inline-size:auto;block-size:100%;object-fit:cover;@media (768px <= width){block-size:22.32143vw;max-block-size:31.8rem}@media (width < 768px){inline-size:100%;block-size:auto}}}}@layer component{.c-share{display:flex;gap:2.4rem 8rem;align-items:center;justify-content:center;@media (width < 768px){flex-direction:column-reverse}}.c-share__image{max-inline-size:34.2rem;@media (width < 576px){max-inline-size:28rem}}.c-share__text{font-size:2.8rem;font-weight:700;line-height:1.3;color:var(--blue-color-01);letter-spacing:.02em;@media (width < 768px){font-size:2rem;text-align:center}>span{display:block;margin-block-start:.8rem;font-size:1.8rem;letter-spacing:0;@media (width < 768px){font-size:1.5rem}}}.c-share__link{>ul{display:flex;gap:2.4rem;padding:2.4rem 0;@media (width < 768px){padding-left:3.6rem;padding-bottom:.8rem;padding-right:3.6rem;padding-top:.8rem}>li{position:relative;z-index:1;display:block;&:after{position:absolute;inset-block-end:-6px;inset-inline-end:-6px;z-index:-1;display:block;inline-size:100%;block-size:100%;content:"";background-image:url(/ygp-40th/img/bg-dot-blue.png);background-repeat:repeat;background-size:12px;border-radius:50rem}>a{display:block;inline-size:4.8rem;aspect-ratio:1/1;color:inherit;text-decoration:none;border-radius:50rem;transition-timing-function:ease-in-out;transition-duration:.2s;transition-property:translate;@media (width < 768px){inline-size:4rem}@media (any-hover:hover){&:hover{translate:4px 4px}}}}}}}@layer component{.c-button{display:inline-flex;gap:2.4rem;justify-content:center;@media (width < 768px){inline-size:100%}&:has(>div:nth-child(2)){>div{flex:1 1 0;a{@media (width < 768px){inline-size:100%;max-inline-size:20rem}}}}>div{position:relative;z-index:1;@media (width < 768px){inline-size:100%}&:after{position:absolute;inset-block-end:-8px;inset-inline-end:-8px;z-index:-1;display:block;inline-size:100%;block-size:100%;content:"";background-repeat:repeat;background-size:12px}}a{box-sizing:border-box;display:flex;flex-wrap:nowrap;gap:.8rem;align-items:center;justify-content:center;padding:1.6rem 1.2rem 1.6rem 3.2rem;margin-inline:auto;font-family:var(--font-family-body);font-size:1.8rem;font-weight:700;line-height:1.3;vertical-align:middle;text-align:center;text-decoration:none;border:1px solid;transition-timing-function:ease-in-out;transition-duration:.2s;transition-property:translate;@media (768px <= width){inline-size:fit-content;min-inline-size:28rem}@media (width < 768px){font-size:1.6rem}@media (any-hover:hover){&:hover{cursor:pointer;translate:4px 4px}}&:after,&:before{display:inline-block;flex-shrink:1;inline-size:2rem;block-size:2rem;vertical-align:middle}>span{flex-grow:1}}}.c-button__link,.c-button__link-next{&:after{background-image:url(/ygp-40th/img/bg-dot-blue.png)}>a{color:var(--blue-color-01);background-color:var(--comic-yellow-color-01);border-color:var(--blue-color-01)}}.c-button__link{>a{&:after{content:"";background:url(/ygp-40th/img/icon-arrow-right.svg) no-repeat 50%/100% auto}}}.c-button__link-next,.c-button__link-prev{@media (width < 768px){max-inline-size:16.5rem}>a{@media (768px <= width){min-inline-size:20rem}}}.c-button__link-next{>a{&:before{content:"";background:url(/ygp-40th/img/icon-arrow-right.svg) no-repeat 50%/100% auto;transform:scaleX(-1)}}}.c-button__link-prev{>a{color:var(--blue-color-01);background-color:var(--lightest-color);border-color:var(--blue-color-01);&:after{content:"";background:url(/ygp-40th/img/icon-arrow-right.svg) no-repeat 50%/100% auto}}}}@layer component{.c-page-sub{inline-size:100%;block-size:100%;background-color:var(--bg-blue-color-01)}.c-page-sub__header{padding-inline:3rem;@media (width < 768px){padding-inline:1.6rem .8rem}}}@layer component{.c-comic{box-sizing:border-box;padding:1.6rem 1.6rem 0;@media (width < 768px){padding-block:.8rem 5rem}img{inline-size:100%;block-size:auto;vertical-align:middle}}.c-comic__list,.c-comic__wrap{direction:rtl}.c-comic__item{direction:ltr;display:flex;align-items:center;justify-content:center;&:nth-child(odd){@media (768px <= width){padding-inline-end:8rem;img{justify-self:start}}}&:nth-child(2n){@media (768px <= width){padding-inline-start:8rem;img{justify-self:end}}}&:empty{@media (width < 768px){display:none}}img{object-fit:contain;@media (768px <= width){inline-size:auto;block-size:100%;max-block-size:calc(100vh - 98px)}}}.c-comic__item-inner{display:grid;inline-size:100%;@media (768px <= width){max-block-size:calc(100vh - 98px)}}.c-comic__item-next{>p{display:flex;gap:.5rem;justify-content:center;padding-block-start:1.6rem;font-size:4.4rem;color:var(--blue-color-01);@media (width < 768px){gap:.3rem;justify-content:center;font-size:2.4rem}>span{display:inline-flex;align-items:center;justify-content:center;inline-size:6rem;block-size:6rem;padding-block-end:6px;margin-block-start:10px;font-size:4.8rem;line-height:1;color:var(--lightest-color);background-color:var(--blue-color-01);border-radius:50rem;@media (width < 768px){inline-size:4rem;block-size:4rem;margin-block-start:0;font-size:3rem}}>img{max-inline-size:8.4rem;margin-inline-start:3px;@media (width < 768px){max-inline-size:5.4rem;margin-inline-start:2px}}}}.c-comic__item-textarea{+[class=c-button],+[class=c-comic__link]{margin-block-start:5.2rem}}.c-comic__item-meta{margin-block:0 .8rem;color:var(--red-color-01)}.c-comic__item-meta,.c-comic__item-text{font-family:var(--font-serif);font-size:2rem;font-weight:700;line-height:1.3;text-align:center;letter-spacing:.02em}.c-comic__item-text{color:var(--blue-color-01)}.c-comic__item-link{margin-block-start:3.2rem;text-align:center;a{font-size:1.6rem;font-weight:700;color:var(--blue-color-01);text-decoration:underline}}.c-comic__item-share{max-inline-size:34.6rem;margin-inline:auto;>p{padding:.6rem 2rem;margin-block-end:2.4rem;font-size:1.6rem;font-weight:700;line-height:1.3;color:var(--lightest-color);text-align:center;background-color:var(--comic-blue-color-01);border-radius:50rem}}.c-comic__item-share-image{margin-block-end:2.4rem}.c-comic__item-share-link{>ul{display:flex;gap:1.6rem;justify-content:center;>li{display:block;>a{display:block;inline-size:4rem;aspect-ratio:1/1;color:inherit;text-decoration:none}}}}.c-comic__button{padding-inline:.4rem;@media (width < 768px){margin-block-start:1.6rem}}.c-comic__button-arrows{@media (width < 768px){display:flex;gap:4rem;justify-content:start}>button{position:relative;inline-size:5.6rem!important;block-size:5.6rem!important;background:none!important;opacity:1!important;transition:opacity .3s ease;@media (width < 768px){position:relative!important;inset:auto!important;inline-size:4rem!important;block-size:4rem!important;transform:translateY(0)!important}@media (any-hover:hover){&:hover{opacity:.7!important}}&:before{display:inline-block;inline-size:100%;block-size:100%;vertical-align:middle;content:"";background:url(/ygp-40th/img/icon-page-arrow.svg) no-repeat 50%/100% auto}&:last-child{&:before{transform:scaleX(-1)}}&:disabled{cursor:auto!important;opacity:.4!important}>svg{display:none}}}}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:#0000;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:flex;height:2em;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide.is-focus-in .splide__pagination__page:focus,.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide.is-focus-in .splide__toggle:focus,.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid #0000;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:flex;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}