@charset "UTF-8";
div#block_of_leftmenu_top { display : none; }
/* -------------------------------------------------- */
/* common設定
/* -------------------------------------------------- */
:root {
--color-1:#FD3C99;
--color-2:#3C3348;
--color-3:#030407;
--color-4:#F251F3;
--color-5:#F2E6E4;
--color-6:#EED2AB;
--color-7:#315095;
  }
[class^="section_"] ._fc_color-main { color: var(--color-main); }
[class^="section_"] ._fc_color-1 { color: var(--color-1); }
[class^="section_"] ._fc_color-2 { color: var(--color-2); }
[class^="section_"] ._fc_color-3 { color: var(--color-3); }
[class^="section_"] ._fc_color-4 { color: var(--color-4); }
[class^="section_"] ._fc_color-5 { color: var(--color-5); }
[class^="section_"] ._fc_color-6 { color: var(--color-6); }
[class^="section_"] ._fc_color-7 { color: var(--color-7); }
[class^="section_"] ._bg_color-1 { background-color: var(--color-1); }
[class^="section_"] ._bg_color-2 { background-color: var(--color-2); }
[class^="section_"] ._bg_color-3 { background-color: var(--color-3); }
[class^="section_"] ._bg_color-4 { background-color: var(--color-4); }
[class^="section_"] ._bg_color-5 { background-color: var(--color-5); }
[class^="section_"] ._bg_color-6 { background-color: var(--color-6); }
[class^="section_"] ._bg_color-7 { background-color: var(--color-7); }
[class^="section_"] ._border_color-1 { border-color: var(--color-1); }
[class^="section_"] ._border_color-2 { border-color: var(--color-2); }
[class^="section_"] ._border_color-3 { border-color: var(--color-3); }
[class^="section_"] ._border_color-4 { border-color: var(--color-4); }
[class^="section_"] ._border_color-5 { border-color: var(--color-5); }
[class^="section_"] ._border_color-6 { border-color: var(--color-6); }
[class^="section_"] ._border_color-7 { border-color: var(--color-7); }
[class^="section_"] .main_eng_font {
    font-size: clamp(4em,13vw,7.1em) ;
    font-weight: normal;
}
[class^="section_"] .neon_pink {
    text-shadow:0 0 15px var(--color-4);
}
[class^="section_"] .font_gasoek {
    font-family:'Gasoek One',sans-serif;
}
[class^="section_"] ._border-radius_25px {
    border-radius: 25px;
}
[class^="section_"] ._btnanime{
    transition:transform 0.35s cubic-bezier(.2,4.5,.35,1);
}
[class^="section_"] ._btnanime:hover{
    transform:translateY(5px);
    transition:transform 0.1s ease;
}
/* -------------------------------------------------- */
/* section_kv
/* -------------------------------------------------- */
.section_kv{
    background-color:#171D25;
}
.section_kv .kv{
    --kv-max:1920px;
    --kv-inner:1200px;
    --kv-right:330px;
    --kv-gap:clamp(0.3em,0.3vw,2em);
    width:100%;
    min-width:1200px;
    max-width:var(--kv-max);
    min-height:600px;
    height:auto;
    margin:0 auto;
    padding:0;
    display:grid;
    grid-template-columns:
        minmax(0,1fr)
        calc(var(--kv-inner) - var(--kv-right) - var(--kv-gap))
        var(--kv-gap)
        var(--kv-right)
        minmax(0,1fr);
    align-items:center;
    box-sizing:border-box;
    background-image:url('/contents/event/a1022900/img/illust_bg.webp');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.section_kv .kv_title{
    margin-bottom:0;
    padding:0;
    font-weight:inherit;
    line-height:inherit;
    text-align:center;
}
.section_kv .kv_title_hidden{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0 0 0 0);
    white-space:nowrap;
    border:0;
}
.section_kv .kv_left{
    grid-column:2;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    min-width:0;
    box-sizing:border-box;
    padding:1.5em 0 0;
}
.section_kv .kv_left img{
    display:block;
    width:100%;
    height:auto;
    max-width:none;
    object-fit:contain;
}
.section_kv .kv_right{
    grid-column:4;
    background:var(--color-3);
    border-top:#BE008C solid 3px;
    border-bottom:#BE008C solid 3px;
    display:flex;
    flex-direction:column;
}
.section_kv .kv_right > svg{
    display:block;
    flex:0 0 auto;
    width:auto;
    height:auto;
    margin:0;
}
.section_kv .kv_right > svg:first-child{
    align-self:flex-end;
    margin-top:-1px;
}
.section_kv .kv_right > svg:last-child{
    align-self:flex-start;
    margin-bottom:-1px;
}
.section_kv .kv_right > div{
    flex:1 1 auto;
}
.section_kv ._fs_kahen{
    font-size:clamp(1.5em,1.6vw,1.8em);
}
.section_kv .kv_gurade{
    width:100%;
    min-height:76px;
    background:linear-gradient(90deg,var(--color-1) 0%,var(--color-7) 100%);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}
@media screen and (min-width:1921px){
    .section_kv .kv{
        min-height:680px;
    }
}
@media screen and (max-width:699px){
    .section_kv .kv{
        width:100%;
        min-width:0;
        max-width:none;
        min-height:0;
        height:auto;
        padding:1em 0;
        display:flex;
        flex-direction:column;
        align-items:center;
        gap:.5em;
    }
    .section_kv .kv_left{
        order:1;
        width:100%;
        padding:0;
    }
    .section_kv .kv_left img{
        width:100%;
        max-width:100%;
        height:auto;
    }
    .section_kv .kv_right{
        order:2;
        width:calc(100% - 2em);
        margin:0 1em;
        box-sizing:border-box;
    }
}
.section_kv .kv_gurade{
  width:100%;
  min-height:76px;
  background:linear-gradient(90deg,var(--color-1) 0%,var(--color-7) 100%);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
/* -------------------------------------------------- */
/* section_anchor, section_live, section_pc
/* -------------------------------------------------- */
._bg_koushi{
    position:relative;
    overflow:hidden;
    background-color:var(--color-2);
    z-index:0;
    isolation:isolate;
}
._bg_koushi::before{
    content:"";
    position:absolute;
    inset:0;
    display:block;
    background-image:url("/contents/event/a1022900/img/bg_koushi.svg");
    background-repeat:repeat;
    background-position:center top;
    background-size:100vw auto;
    pointer-events:none;
    z-index:0;
}
._bg_koushi > *{
    position:relative;
    z-index:1;
}
/* -------------------------------------------------- */
/* section_live
/* -------------------------------------------------- */.section_live{
    position:relative;
}
.section_live .movie_inner{
    width:min(100%,1200px);
    margin:0 auto;
    box-sizing:border-box;
}
.section_live .movie_layout{
    display:grid;
    grid-template-columns:minmax(220px,1fr) minmax(360px,550px) minmax(220px,1fr);
    grid-template-areas:"left center right";
    align-items:center;
    gap:clamp(1.5em,4vw,4em);
}
.section_live .movie_center{
    grid-area:center;
    min-width:0;
}
.section_live .movie_chara-left{
    grid-area:left;
    justify-self:end;
}
.section_live .movie_chara-right{
    grid-area:right;
    justify-self:start;
}
.section_live .movie_chara img{
    display:block;
    width:100%;
    height:auto;
    max-height:clamp(420px,45vw,660px);
    object-fit:contain;
}
.section_live .movie_text{
    text-align:center;
    color:#fff;
}
.section_live ._youtube{
    width:100%;
    margin:clamp(2em,3vw,3em) auto 0;
    aspect-ratio:16 / 9;
}
.section_live ._youtube iframe{
    display:block;
    width:100%;
    height:100%;
    border:0;
}
@media screen and (max-width:699px){
    .section_live .movie_inner{
        padding:0 1em;
    }
    .section_live .movie_layout{
        display:grid;
        grid-template-columns:minmax(0,1fr) fit-content(46vw) minmax(0,1fr);
        grid-template-areas:"left center right";
        align-items:center;
        gap:.5em;
    }
    .section_live .movie_center{
        display:contents;
    }
    .section_live .movie_text{
        grid-area:center;
        align-self:center;
        justify-self:center;
        position:relative;
        z-index:2;
        width:fit-content;
        max-width:46vw;
        text-align:center;
    }
    .section_live .movie_chara{
        min-width:0;
    }
    .section_live .movie_chara-left{
        grid-area:left;
        justify-self:end;
    }
    .section_live .movie_chara-right{
        grid-area:right;
        justify-self:start;
    }
    .section_live .movie_chara img{
        display:block;
        width:100%;
        height:auto;
        max-height:240px;
        object-fit:contain;
    }
    .section_live ._youtube{
        grid-column:1 / -1;
        width:100%;
        margin-top:2em;
    }
}
/* -------------------------------------------------- */
/* section_spec
/* -------------------------------------------------- */
.section_spec .spec_hedder{
    position:relative;
    isolation:isolate;
    display:flex;
    flex-direction:column;
    border-top:#BE008C solid 3px;
    border-bottom:#BE008C solid 3px;
    box-sizing:border-box;
    margin-top:174px;
    overflow:visible;
}
.section_spec .spec_hedder_inner{
    position:relative;
    display:flex;
    min-height:160px;
    background-color:var(--color-3);
    border-top:3px solid #fff;
    border-bottom:3px solid #fff;
    box-sizing:border-box;
    overflow:visible;
    z-index:1;
}
@media screen and (min-width: 700px){
    .section_spec .spec_hedder_inner{
        align-items:center;
        justify-content:center;
    }
}
.section_spec .spec_hedder h2{
    position:relative;
    z-index:6;
    margin:0;
    color:#fff;
    font-size:clamp(1.5em,3vw,2em);
    line-height:1.35;
    text-align:center;
    letter-spacing:.04em;
}
.section_spec .spec_hedder_illust{
    position:absolute;
    z-index:5;
    display:block;
    width:auto;
    height:334px;
    max-width:none;
    pointer-events:none;
}
.section_spec .spec_hedder_illust.watame{
    left:0;
    bottom:0;
}
.section_spec .spec_hedder_illust.towa {
    right:0;
    bottom:0;
}
.section_spec .spec_hedder_svg{
    position:absolute;
    display:block;
    width:auto;
    height:auto;
    margin:0;
    z-index:2;
    pointer-events:none;
}
.section_spec .spec_hedder_svg-top{
    top:-1px;
    right:0;
}
.section_spec .spec_hedder_svg-bottom{
    bottom:-1px;
    left:0;
}
@media screen and (max-width:699px){
    .section_spec .spec_hedder{
        margin-top:60px;
    }
    .section_spec .spec_hedder_inner{
        min-height:120px;
        padding:1em;
    }
    .section_spec .spec_hedder_inner.watame{
        align-items:center;
        justify-content:flex-end;
    }
    .section_spec .spec_hedder_inner.towa{
        align-items:center;
        justify-content:flex-start;
    }
    .section_spec .spec_hedder h2{
        font-size:1.3em !important;
    }
    .section_spec .spec_hedder_illust{
        height: 170px !important;
    }
    .section_spec .spec_hedder_svg{
        max-width:65%;
    }
}
/* -------------------------------------------------- */
/* section_profile
/* -------------------------------------------------- */
.section_profile{
    position:relative;
    overflow:hidden;
    background-color:#BE008C;
    padding:2em 0 3em;
}
.profile_item{
    position:relative;
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    align-items:center;
    gap:clamp(1em,10vw,5em);
    width:1200px;
    min-width:1200px;
    margin:0 auto;
    padding:0 1.5em;
    box-sizing:border-box;
    z-index:auto;
}
.section_profile .profile_item-watame{
    z-index:auto;
}
.section_profile .profile_item-towa{
    z-index:auto;
    grid-template-columns:minmax(0,1fr) auto;
    margin-top:clamp(-2.5em,-2vw,-1.5em);
}
.section_profile .profile_item::before{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    z-index:0;
    width:calc(max(100vw,1920px) + 200px);
    height:104%;
    min-height:430px;
    transform:translate(-50%,-50%);
    pointer-events:none;
}
.section_profile .profile_item-watame::before{
    --profile-slant:clamp(28px,3.2vw,62px);
    top:calc(50% + 2em);
    height:100%;
    background-color:var(--color-6);
    clip-path:polygon(
        0 0,
        100% var(--profile-slant),
        100% 100%,
        0 calc(100% - var(--profile-slant))
    );
}
.section_profile .profile_item-towa::before{
    --profile-slant:clamp(28px,3.2vw,62px);
    height:108%;
    background-color:var(--color-2);
    clip-path:polygon(
        0 var(--profile-slant),
        100% 0,
        100% calc(100% - var(--profile-slant)),
        0 100%
    );
}
.section_profile .profile_img,
.section_profile .profile_text{
    position:relative;
    align-self:center;
}
.section_profile .profile_img{
    z-index:5;
    width:fit-content;
    max-width:280px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.section_profile .profile_img img{
    display:block;
    width:280px;
    max-width:100%;
    height:auto;
}
.section_profile .profile_text{
    z-index:3;
    min-width:0;
}
.section_profile .profile_item-watame .profile_img{
    justify-self:start;
}
.section_profile .profile_item-towa .profile_img{
    order:2;
    justify-self:end;
}
.section_profile .profile_item-towa .profile_text{
    order:1;
}
.section_profile .profile_text h2{
    font-size:5.5em;
    margin:0;
}
@media screen and (min-width:700px){
    .section_profile{
        min-width:1200px;
    }
    .section_profile .profile_item-watame::before,
    .section_profile .profile_item-towa::before{
        --profile-slant:48px;
    }
}
@media screen and (max-width:699px){
    .section_profile{
        min-width:0;
        padding:2em 1em 3em;
    }
    .section_profile .profile_item,
    .section_profile .profile_item-towa{
        width:100%;
        min-width:0;
        display:flex;
        flex-direction:column;
        align-items:center;
        gap:1.5em;
        padding:3.5em 1em;
    }
    .section_profile .profile_item-towa{
        margin-top:-1.5em;
    }
    .section_profile .profile_item::before{
        width:calc(100% + 4em);
        height:104%;
        min-height:0;
    }
    .section_profile .profile_item-watame::before{
        top:calc(50% + 1em);
        height:98%;
    }
    .section_profile .profile_item-watame::before,
    .section_profile .profile_item-towa::before{
        --profile-slant:clamp(20px,6vw,38px);
    }
    .section_profile .profile_item-towa .profile_img,
    .section_profile .profile_item-towa .profile_text{
        order:initial;
    }
    .section_profile .profile_img{
        width:fit-content;
        max-width:min(100%,280px);
        margin:0 auto;
    }
    .section_profile .profile_img img{
        width:min(100%,180px);
    }
    .section_profile .profile_text{
        width:100%;
        display:flex;
        flex-direction:column;
        align-items:center;
    }
    .section_profile .profile_text h2 {
        font-size: 2em;
    }
}
/* -------------------------------------------------- */
/* section_holo
/* -------------------------------------------------- */
.section_holo {
    background: #262626;
    display:flex;
    flex-direction:column;
    align-items:center;
}