@charset "UTF-8";

/*
/* common設定
/* -------------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 { margin-top: initial; margin-bottom: initial; font-size: initial; font-weight: initial; }

.Rindo-Chihaya { position: absolute; z-index: 1; background: url('/contents/event/a1022700/img/Rindo-Chihaya.png'); background-size: 100%; background-repeat: no-repeat; background-position: top center; }
.Mizumiya-Su { position: absolute; z-index: 2; background: url('/contents/event/a1022700/img/Mizumiya-Su.png'); background-size: 100%; background-repeat: no-repeat; background-position: top center; }

@media screen and (min-width: 700px), print {
.block-event-page--accessory { display: block; margin-bottom: 0; width: 100%; }
.block-event-page--accessory-item { margin: 0; }
.block-event-page--accessory .block-top-event--goods { width: 1200px; margin: 0 auto ; }
}

@media only screen and (max-width: 699px) {
.block-event-page--accessory { padding: 0; }
.block-event-page--accessory-item { margin: 0; }
.block-event-page--accessory .block-top-event--goods { margin: 0 auto ; padding: 12px; }
}

:root {
--color_1: #37baba;
--color_2: #71e5ff;
}

/*
/* section_title
/* -------------------------------------------------- */

.section_title { position: relative; background: url('/contents/event/a1022700/img/bg_title_grunge.png'), url('/contents/event/a1022700/img/bg_triangle_202020.svg') #000000; background-repeat: no-repeat; }
.section_title_gradient { background: linear-gradient(to right, var(--color_1), var(--color_2)); }
.section_title_catch_wrapper { background: #000000; box-shadow: 0 0 50px rgba(55,186,186,.5); }
.section_title .Rindo-Chihaya { bottom: 0; }
.section_title .Mizumiya-Su { bottom: 0; }

@media screen and (min-width: 700px), print {
.section_title { height: 628px; background-size: 100%; background-position: top center; }
.section_title_wrapper { height: 528px; }
.section_title .logo_nextgear_ffffff { width: 240px; height: auto; }
.section_title .ico_cross_ffffff { margin: 0 40px; width: 109px; height: auto; }
.section_title .logo_hololive_production { width: 240px; height: auto; }
.section_title_catch_wrapper { margin-top: 40px; width: 720px; height: 220px; border-radius: 40px; border: 20px solid #ffffff; }
.section_title_catch { width: 546px; }
.section_title_gradient { height: 100px; }
.section_title .Rindo-Chihaya { left: calc(((100% - 1200px) / 2) + 118px); width: 393px; height: 588px; }
.section_title .Mizumiya-Su { left: calc(((100% - 1200px) / 2) - 178px); width: 555px; height: 486px; }
}

@media only screen and (max-width: 699px) {
.section_title { height: 140vw; background-size: 140%, cover; background-position: bottom 14.8vw left -10vw, center; }
.section_title_wrapper { padding-top: 10vw; height: 125vw; }
.section_title .logo_nextgear_ffffff { width: 30vw; height: auto; }
.section_title .ico_cross_ffffff { margin: 0 3vw; width: 14vw; height: auto; }
.section_title .logo_hololive_production { width: 30vw; height: auto; }
.section_title_catch_wrapper { margin-top: 10vw; width: 100%; height: 40vw; border-radius: 10vw; border: 2.5vw solid #ffffff; }
.section_title_catch { width: 80vw; }
.section_title_gradient { height: 15vw; }
.section_title .Rindo-Chihaya { left: 42.5vw; width: 51.2vw; height: 77vw; }
.section_title .Mizumiya-Su { left: 4vw; width: 72.2vw; height: 64vw; }
}

/*
/* section_anchor
/* -------------------------------------------------- */

.section_anchor { background: #000000; }
.section_anchor_link a { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center; border-radius: 20px; background: linear-gradient(to right, var(--color_1), var(--color_2)); color: #ffffff; transition: all .2s linear; }
.section_anchor_link a:hover,
.section_anchor_link a:focus,
.section_anchor_link a:active { text-decoration: none; box-shadow: 0 0 10px rgba(55,186,186,.25); }
.section_anchor_link a span { color: #000000; }

@media screen and (min-width: 700px), print {
.section_anchor { padding-top: 60px; padding-bottom: 60px; }
.section_anchor_link { height: 100px; }
.section_anchor_link a { height: 100px; border: 10px solid #000000; box-shadow: 0 0 50px rgba(55,186,186,.5); }
}

@media only screen and (max-width: 699px) {
.section_anchor { padding-top: 40px; padding-bottom: 40px; }
.section_anchor_link a { height: 80px; border: 10px solid #000000; box-shadow: 0 0 30px rgba(55,186,186,.5); }
}

/*
/* section_live
/* -------------------------------------------------- */

.section_live { position: relative; background: url('/contents/event/a1022700/img/ico_corner_solid_bottom_left_71e5ff.svg'), url('/contents/event/a1022700/img/bg_triangle_frame.svg') #000000; background-repeat: no-repeat; }
.section_live_wrapper { border-radius: 20px; background: linear-gradient(to right, var(--color_1), var(--color_2)); color: #ffffff; }
.section_live_wrapper_catch { margin-bottom: 1rem; }
.section_live_wrapper_txt { display: inline-block; margin-bottom: 3rem; background: #000000; }
.section_live_pc { display: inline-block; }

@media screen and (min-width: 700px), print {
.section_live { padding-top: 60px; padding-bottom: 150px; background-size: 100%, 1600px; background-position: bottom -1px center, top 60px center; }
.section_live_wrapper { padding-top: 40px; height: 600px; border: 20px solid #000000; box-shadow: 0 0 50px rgba(55,186,186,.5); }
.section_live_wrapper_txt { margin-bottom: 3rem; }
.section_live .Rindo-Chihaya { top: calc(60px + 39px); right: calc(((100% - 1200px) / 2) + 77px); width: 196.7px; height: 521.57px; }
.section_live .Mizumiya-Su { top: calc(60px + 78px); left: calc(((100% - 1200px) / 2) + 32px); width: 277.34px; height: 470.88px; }
.section_live .logo_nextgear_ffffff { margin-bottom: 60px; width: 360px; }
.section_live_pc_wrapper { margin-top: 150px; }
}

@media only screen and (max-width: 699px) {
.section_live { padding-top: 5vw; padding-bottom: 20vw; background-size: 105%, 150vw; background-position: bottom -1px center, top 35vw center; }
.section_live_wrapper { padding-top: 5vw; height: 72vw; border: 2.5vw solid #000000; box-shadow: 0 0 30px rgba(55,186,186,.5); }
.section_live_wrapper ._youtube { width: calc(100% * .6); padding-top: calc(56.25% * .6); }
.section_live_wrapper_catch { font-size: 3.2vw; }
.section_live_wrapper_txt { margin-bottom: 7.5vw; font-size: 4.5vw; }
.section_live .Rindo-Chihaya { top: 30vw; right: 6vw; width: calc(51.2vw * .3); height: calc(135.8vw *.3); }
.section_live .Mizumiya-Su { top: 32vw; left: 2vw; width: calc(72.2vw * .3); height: calc(122.6vw * .3); }
.section_live .logo_nextgear_ffffff { margin-bottom: 10vw; width: 60vw; }
.section_live_pc_wrapper { margin-top: 15vw; }
.section_live_pc { font-size: 3.5vw; }
}

/*
/* section_pc_Rindo-Chihaya
/* -------------------------------------------------- */

.section_pc_Rindo-Chihaya .ico_corner_solid_right_bottom_37baba { height: 2.5vw; background: url('/contents/event/a1022700/img/ico_corner_solid_right_bottom_37baba.svg') #ffffff; background-size: 100%; background-repeat: no-repeat; background-position: bottom -1px right; }
.section_pc_Rindo-Chihaya .ico_corner_solid_top_left_37baba { height: 2.5vw; background: url('/contents/event/a1022700/img/ico_corner_solid_top_left_37baba.svg') #ffffff; background-size: 100%; background-repeat: no-repeat; background-position: top -1px left; }
.section_pc_Rindo-Chihaya_bg { position: relative; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; background: url('/contents/event/a1022700/img/bg_triangle_202020.svg') #000000; background-size: 100%; background-repeat: no-repeat; background-position: center; }
.section_pc_Rindo-Chihaya .Rindo-Chihaya { bottom: 0; }

@media screen and (min-width: 700px), print {
.section_pc_Rindo-Chihaya_bg { height: 360px; }
.section_pc_Rindo-Chihaya_bg .Rindo-Chihaya { right: calc((100% - 1200px) / 2); width: 246px; height: 340px; }
}

@media only screen and (max-width: 699px) {
.section_pc_Rindo-Chihaya .ico_corner_solid_right_bottom_37baba { background-size: 105%; }
.section_pc_Rindo-Chihaya .ico_corner_solid_top_left_37baba { background-size: 105%; }
.section_pc_Rindo-Chihaya_bg { height: 50vw; }
.section_pc_Rindo-Chihaya_bg h3 { font-size: 3.5vw; }
.section_pc_Rindo-Chihaya_bg .Rindo-Chihaya { right: 7vw; width: calc(51.2vw * .58); height: 41.2vw; }
}

/*
/* section_pc_Mizumiya-Su
/* -------------------------------------------------- */

.section_pc_Mizumiya-Su .ico_corner_solid_bottom_left_71e5ff { height: 2.5vw; background: url('/contents/event/a1022700/img/ico_corner_solid_bottom_left_71e5ff.svg') #ffffff; background-size: 100%; background-repeat: no-repeat; background-position: bottom -1px left; }
.section_pc_Mizumiya-Su .ico_corner_solid_top_right_71e5ff { height: 2.5vw; background: url('/contents/event/a1022700/img/ico_corner_solid_top_right_71e5ff.svg') #ffffff; background-size: 100%; background-repeat: no-repeat; background-position: top -1px right; }
.section_pc_Mizumiya-Su_bg { position: relative; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; background: url('/contents/event/a1022700/img/bg_triangle_202020.svg') #000000; background-size: 100%; background-repeat: no-repeat; background-position: center; }
.section_pc_Mizumiya-Su_bg .Mizumiya-Su { bottom: 0; }

@media screen and (min-width: 700px), print {
.section_pc_Mizumiya-Su_bg { height: 360px; }
.section_pc_Mizumiya-Su_bg .Mizumiya-Su { left: calc((100% - 1200px) / 2); width: 347px; height: 340px; }
}

@media only screen and (max-width: 699px) {
.section_pc_Mizumiya-Su .ico_corner_solid_bottom_left_71e5ff { background-size: 105%; }
.section_pc_Mizumiya-Su .ico_corner_solid_top_right_71e5ff { background-size: 105%; }
.section_pc_Mizumiya-Su_bg { height: 50vw; }
.section_pc_Mizumiya-Su_bg h3 { font-size: 3.5vw; }
.section_pc_Mizumiya-Su_bg .Mizumiya-Su { left: 5vw; width: calc(72.2vw * .58); height: 41.2vw; }
}

/*
/* section_character
/* -------------------------------------------------- */

.section_character_bar { height: 2.5vw; background: url('/contents/event/a1022700/img/ico_corner_solid_bottom_left_71e5ff.svg'),  url('/contents/event/a1022700/img/ico_corner_solid_right_bottom_37baba.svg') #ffffff; background-size: 100%; background-repeat: no-repeat; background-position: bottom -1px left, bottom -1px right; }
.section_character { background: url('/contents/event/a1022700/img/ico_corner_solid_top_right_71e5ff.svg'), url('/contents/event/a1022700/img/ico_corner_solid_top_left_37baba.svg'), url('/contents/event/a1022700/img/ico_corner_solid_bottom_left_71e5ff.svg'), url('/contents/event/a1022700/img/ico_corner_solid_right_bottom_37baba.svg'), url('/contents/event/a1022700/img/bg_triangle_ffffff.svg') #ffffff; background-repeat: no-repeat; background-position: top -1px center, top -1px center, bottom -1px center, bottom -1px center, center; }
.section_character_Rindo-Chihaya_wrapper { position: relative; background: var(--color_1); box-shadow: 0 0 20px rgba(0,0,0,.1); }
.section_character_Mizumiya-Su_wrapper { position: relative; background: var(--color_2); box-shadow: 0 0 20px rgba(0,0,0,.1); }
.section_character_name { position: relative; color: #ffffff; font-weight: bold; }
.section_character_name::after { content: attr(data-txt); position: absolute; bottom: -1em; color: #000000; }
.section_character_txt { font-weight: bold; line-height: 2em; }
.section_character_social { border-radius: 100vh; background: #ffffff; font-weight: bold; }
.section_character_social a { display: flex; justify-content: center; align-items: center; height: 100%; border-radius: 100vh; color: #000000; text-decoration: none; transition: all .2s linear; }
.section_character_social a:hover,
.section_character_social a:focus,
.section_character_social a:active { box-shadow: 0 0 10px rgba(255,255,255,.5); }
.section_character_social a ._ico_EA2A_after { padding-right: 2em; }

@media screen and (min-width: 700px), print {
.section_character_bar { background-size: 105%, 105%; }
.section_character { padding-top: 150px; padding-bottom: 150px; height: 1350px; background-size: 100%, 100%, 100%, 100%, cover; }
.section_character_Rindo-Chihaya_wrapper { margin-top: 90px; height: 480px; border-radius: 40px 40px 240px 40px; border: 20px solid #ffffff; }
.section_character_Mizumiya-Su_wrapper { height: 480px; border-radius: 240px 40px 40px 40px; border: 20px solid #ffffff; }
.section_character_Rindo-Chihaya_wrapper .section_character_detail { margin-left: 30px; }
.section_character_Mizumiya-Su_wrapper .section_character_detail { margin-left: 350px; }
.section_character_Rindo-Chihaya_wrapper .Rindo-Chihaya { right: calc(((100% - 1200px) / 2) + 100px); width: 245.88px; height: 651.96px; }
.section_character_Mizumiya-Su_wrapper .Mizumiya-Su { left: calc(((100% - 1200px) / 2) + 10px); width: 346.68px; height: 588.6px; }
.section_character_name { font-size: 3em; }
.section_character_name::after { font-size: 1rem; }
.section_character_Rindo-Chihaya_wrapper .section_character_name::after { left: 34px; }
.section_character_Mizumiya-Su_wrapper .section_character_name::after { left: 20px; }
.section_character_txt { margin-top: 40px; margin-bottom: 2rem; font-size: 1.25em; }
.section_character_social { width: 200px; height: 48px; }
}

@media only screen and (max-width: 699px) {
.section_character { padding-top: 20vw; padding-bottom: 20vw; background-size: 105%, 105%, 105%, 105%, cover; }
.section_character_Rindo-Chihaya_wrapper { margin-top: 15vw; height: 160vw; border-radius: 10vw 10vw 40vw 10vw; border: 2.5vw solid #ffffff; }
.section_character_Mizumiya-Su_wrapper { height: 160vw; border-radius: 40vw 10vw 10vw 10vw; border: 2.5vw solid #ffffff; }
.section_character_Rindo-Chihaya_wrapper .section_character_detail { margin-left: 5vw; margin-right: 32.5vw; }
.section_character_Mizumiya-Su_wrapper .section_character_detail { margin-left: 32.5vw; margin-right: 5vw; }
.section_character_Rindo-Chihaya_wrapper .Rindo-Chihaya { right: 7vw; width: calc(51.2vw * .44); height: calc(135.8vw *.44); }
.section_character_Mizumiya-Su_wrapper .Mizumiya-Su { left: .5vw; width: calc(72.2vw * .44); height: calc(122.6vw * .44); }
.section_character_name { font-size: 10vw; }
.section_character_name::after { font-size: .35em; }
.section_character_Rindo-Chihaya_wrapper .section_character_name::after { left: 10vw; }
.section_character_Mizumiya-Su_wrapper .section_character_name::after { left: 3.5vw; }
.section_character_txt { margin-top: 10vw; margin-bottom: 7vw; font-size: 3.5vw; }
.section_character_social { width: 40vw; height: 10vw; font-size: 3.5vw; }
}

/*
/* section_hololive
/* -------------------------------------------------- */


.section_hololive { background: url('/contents/event/a1022700/img/ico_corner_solid_top_right_71e5ff.svg'), url('/contents/event/a1022700/img/ico_corner_solid_top_left_37baba.svg') #28c3ff; background-repeat: no-repeat; background-position: top -1px center; color: #2d4b70; }
.section_hololive_detail { background: #ffffff; }
.section_hololive_detail ._button { background: #50a0f0; }
.section_hololive_detail ._button a { transition: all .2s linear; }

@media screen and (min-width: 700px), print {
.section_hololive { padding-top: 120px; padding-bottom: 90px; background-size: 100%; }
.section_hololive_detail { padding: 60px 3rem; border-radius: 40px; }
.section_hololive_detail p { margin: 60px 0; line-height: 2em; }
.section_hololive_detail a:hover,
.section_hololive_detail a:focus,
.section_hololive_detail a:active { box-shadow: 0 0 20px rgba(0,0,0,.2); }
.section_hololive_detail ._button a div { width: 600px; height: 60px; font-size: 1.5em; }
}

@media only screen and (max-width: 699px) {
.section_hololive { padding-top: 90px; padding-bottom: 60px; background-size: 105%; }
.section_hololive_detail { padding: 2em 1em; border-radius: 20px; }
.section_hololive_detail .logo_hololive_production { width:50vw; height: auto; }
.section_hololive_detail p { margin: 40px 0; line-height: 2em; }
.section_hololive_detail ._button { width: 100%; }
.section_hololive_detail ._button a div { width: 100%; height: 40px; font-size: 1.25em; }
}

/*
/* section_note
/* -------------------------------------------------- */

.section_note { background: #181818; color: #ffffff; }