:root{--color-text-main: #71596d;--color-text-on-dark: #ffffff;--color-white-00: #ffffff;--color-shadow-gray: #e2e2e2;--color-shadow-blue: #d3f0f0;--color-pink-100: #ff79af;--color-blue-100: #71c1e2;--color-green-100: #5ac463;--color-purple-100: #ef88da}:root[data-character=Himeno_Konomi]{--character-color: #ff79af;--character-bg: #fdd8e1;--character-card-bg: #fceff2;--character-point-odd: #ffa8cc;--character-point-even: #efaee2;--character-future: #ff9fc6;--character-pagetop: #ff79af;--character-shadow: #ff79af;--character-dots-url: url(/vtuber/img/bg/dots_pink@2x.webp)}:root[data-character=Oguma_Chika]{--character-color: #fc8890;--character-bg: #ffd8d6;--character-card-bg: #fcefef;--character-point-odd: #ffa0a0;--character-point-even: rgba(255, 168, 204, .9);--character-future: var(--character-point-odd);--character-pagetop: #fa8383;--character-shadow: #ffa0a0;--character-dots-url: url(/vtuber/img/bg/dots_pink@2x.webp)}:root[data-character=Kurokawa_Mitsuki]{--character-color: #de89d8;--character-bg: #efc5e8;--character-card-bg: #fbeffc;--character-point-odd: #eab4e6;--character-point-even: #c9a8e2;--character-future: var(--character-color);--character-pagetop: #d282d9;--character-shadow: #e4befc;--character-dots-url: url(/vtuber/img/bg/dots_pink@2x.webp)}:root[data-character=Haduki_Fuka]{--character-color: #fac533;--character-bg: #ffef93;--character-card-bg: #fffce8;--character-point-odd: #ffdc65;--character-point-even: rgba(217, 171, 102, .9);--character-future: var(--character-color);--character-pagetop: #ff79af;--character-shadow: #fcc96b;--character-dots-url: url(/vtuber/img/bg/dots_yellow@2x.webp)}@keyframes haneru{0%{scale:1 1;transform:translate(0)}10%{transform:translateY(5%);scale:1.25 .75}20%{transform:translateY(-26%);scale:.875 1.125}30%{transform:translateY(-40%);scale:1 1}40%{transform:translateY(-26%);scale:1 1}50%{transform:translateY(5%);scale:1.125 .875}60%{transform:translate(0);scale:1 1}to{transform:translate(0);scale:1 1}}.p-about_event{position:absolute;bottom:calc(100% + 30px);right:16px;max-inline-size:324px;--aspect-ratio: 292 / 243;padding:16px;background-color:#fff;border-radius:min(.1632653061vw + 13.387755102px,16px);box-shadow:0 0 min(.3537414966vw + 14.3401360544px,20px) 0 color-mix(in srgb,var(--character-color) 32%,transparent)}body .p-about_event{opacity:0;translate:0 min(.612244898vw + 10.2040816327px,20px);visibility:hidden;transition:.4s opacity cubic-bezier(.39,.575,.565,1) 1.2s,.4s visibility 1.2s,.8s translate cubic-bezier(.215,.61,.355,1) 1.2s}body.is-loaded .p-about_event{opacity:1;translate:0 0;visibility:visible}@media only screen and (max-width: 1299px){.p-about_event{zoom:.75}}@media only screen and (max-width: 1023px){.p-about_event{position:relative;zoom:1;margin-inline:auto;right:0}}@media only screen and (max-width: 767px){.p-about_event{padding:32px 24px 24px;max-inline-size:305px}}.p-about_event .fukidashi{background-color:var(--character-color);color:#fff;position:absolute;top:0;left:50%;white-space:nowrap;z-index:1;padding:.5em 1.5em;border-radius:calc(infinity * 1px);translate:-50% -50%}.p-about_event .fukidashi:after{content:"";position:absolute;top:calc(100% - .5px);inline-size:1.5em;block-size:.6em;border-block-start:.6em solid var(--character-color);border-inline:.75em solid transparent;left:50%;translate:-50% 0}.p-about_event .controls{top:275px;right:6px;z-index:1}@media only screen and (max-width: 1023px){.p-about_event .controls{top:137.5px;translate:0% -50%;justify-content:space-between;right:-30px;left:-30px}}.p-about_event .controls button{aspect-ratio:1/1;inline-size:30px;border-radius:100vmax;display:flex;align-items:center;justify-content:center;cursor:pointer}@media only screen and (max-width: 1023px){.p-about_event .controls button{inline-size:60px}}@media (any-hover: hover){.p-about_event .controls button{transition:.2s background-color cubic-bezier(.39,.575,.565,1)}.p-about_event .controls button:hover{background-color:color-mix(in srgb,var(--character-color) 25%,#fff)}}.p-about_event .controls button:last-child svg{rotate:180deg}.p-about_event .controls button svg{width:10px;stroke-width:2;height:10px;stroke:var(--character-color)}@media only screen and (max-width: 1023px){.p-about_event .controls button svg{stroke-width:1;width:30px;height:30px}}.p-about_event__card{display:grid;row-gap:min(.1632653061vw + 13.387755102px,16px);text-decoration-line:underline;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:.25em}@media (any-hover: hover){.p-about_event__card{transition:.2s color cubic-bezier(.39,.575,.565,1),.2s text-decoration-color cubic-bezier(.39,.575,.565,1)}.p-about_event__card .c-frame img{transition:.6s scale cubic-bezier(.215,.61,.355,1)}.p-about_event__card:hover{color:color-mix(in srgb,var(--character-color) 90%,black);text-decoration-color:color-mix(in srgb,var(--character-color) 90%,black)}.p-about_event__card:hover .c-frame img{scale:1.075}}.p-about_event__card .title.-thin{line-height:1.625}.p-about_event__card .title small{font-size:min(.0680272109vw + .8069727891rem,.875rem)}.p-about_event:has(.controls) .p-about_event__card{grid-template-columns:1fr 60px}.p-about_event:has(.controls) .p-about_event__card .c-frame{grid-column:1/3}@media only screen and (max-width: 1023px){.p-about_event:has(.controls) .p-about_event__card .c-frame{grid-column:auto}}@media only screen and (max-width: 1023px){.p-about_event:has(.controls) .p-about_event__card{grid-template-columns:minmax(0,1fr)}}
