@charset "UTF-8";

/*
/* common設定
/* -------------------------------------------------- */

:root {
--color_1: #52f3d9;
--color_2: #4bc5b1;
--color_3: #29222c;
--color_4: #887d8c;
}

h1,
h2,
h3,
h4,
h5,
h6 { margin-top: initial; margin-bottom: initial; font-size: initial; font-weight: initial; }

@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; padding-top: 40px; padding-bottom: 40px; }
}

@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; }
}

/*
/* section_title
/* -------------------------------------------------- */

.section_title { background: var(--color_3); }

@media screen and (min-width: 700px), print {
.section_title { min-height: 675px; }
}

@media only screen and (max-width: 699px) {
.section_title { }
}

/*
/* section_h1
/* -------------------------------------------------- */

.section_h1 { background: var(--color_1); }

@media screen and (min-width: 700px), print {
.section_h1 { }
}

@media only screen and (max-width: 699px) {
.section_h1 { }
}

/*
/* section_anchor_detail
/* -------------------------------------------------- */

.section_anchor_detail { background: linear-gradient(to bottom, rgba(0,0,0,.75), rgba(0,0,0,.75)), url('/contents/event/a1022800/img/bg_shishirocup_4th.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; }

@media screen and (min-width: 700px), print {
.section_anchor_detail { padding-bottom: 90px; }
}

@media only screen and (max-width: 699px) {
.section_anchor_detail { padding-bottom: 60px; }
}

/*
/* section_anchor
/* -------------------------------------------------- */

.section_anchor_link li { position: relative; }
.section_anchor_link li::after { content: attr(data-txt); position: absolute; z-index: 2; top: -.75em; right: 0; left: 0; text-shadow: -2px 0px #ffffff , 2px 0px #ffffff, 0px -2px #ffffff , 0px 2px #ffffff, -2px 2px #ffffff , 2px 2px #ffffff , -2px -2px #ffffff , 2px -2px #ffffff, -2px 1px #ffffff, 2px 1px #ffffff, 1px -2px #ffffff, 1px 2px #ffffff, -2px -1px #ffffff, 2px -1px #ffffff, -1px -2px #ffffff, -1px 2px #ffffff; }
.section_anchor_link a { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center; padding: 1rem 0; height: 100%; border-radius: 100vh; background: #ffffff; color: var(--color_2); text-decoration: none; transition: all .2s linear; }
.section_anchor_link a:hover { box-shadow: 0 0 10px var(--color_2); }

@media screen and (min-width: 700px), print {
.section_anchor { padding-top: 4.5em; padding-bottom: 4.5em; }
}

@media only screen and (max-width: 699px) {
.section_anchor { padding-top: 2em; padding-bottom: 2em; }
}

/*
/* section_detail
/* -------------------------------------------------- */

.section_detail_wrapper { border: 1px solid var(--color_4); border-radius: .5rem; background: color-mix(in srgb,var(--color_3) 70%,transparent 30%); }
.section_detail_title { border-radius: .5rem .5rem 0 0; background: color-mix(in srgb,var(--color_4) 50%,transparent 50%); }
.section_detail_shishiro-botan_img .shishiro-botan { border-radius: .5rem; }
.section_detail_shishiro-botan_txt h3 { color: var(--color_1); font-weight: bold; }
.section_detail_shishiro-botan_txt h4 { color: #ffffff; font-weight: bold; }
.section_detail_shishiro-botan_txt h5 { color: #ffffff; line-height: 2em; }

@media screen and (min-width: 700px), print {
.section_detail_shishiro-botan { display: flex; flex-direction: row; padding: 60px; }
.section_detail_shishiro-botan_img .shishiro-botan { width: 320px; height: 320px; border-radius: .5rem; }
.section_detail_shishiro-botan_img { display: flex; justify-content: center; align-items: center; width: 320px; height: 320px; }
.section_detail_shishiro-botan_txt { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; margin-left: 2rem; }
.section_detail_shishiro-botan_txt h3 { font-size: 3em; }
.section_detail_shishiro-botan_txt h5 { font-size: 1.25em; }
}

@media only screen and (max-width: 699px) {
.section_detail_shishiro-botan { padding: 20px; }
.section_detail_shishiro-botan_img .shishiro-botan { width: 100%; }
.section_detail_shishiro-botan_txt h3 { font-size: 2em; }
}

/*
/* section_pc
/* -------------------------------------------------- */

.section_pc { background: var(--color_1); }
.section_pc_comingsoon { background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 45%, rgba(0,0,0,0) 55%, rgba(0,0,0,1) 100%), linear-gradient(to bottom, rgba(0,0,0,.75) 50%, rgba(0,0,0,1) 100%), url('/contents/event/a1022800/img/bg_shishirocup_4th.jpg') #000000; background-repeat: no-repeat; background-position: center; }

@media screen and (min-width: 700px), print {
.section_pc_comingsoon { height: 600px; background-size: 1200px; }
}

@media only screen and (max-width: 699px) {
.section_pc_comingsoon { height: 80vw; background-size: cover; }
}

/*
/* section_event
/* -------------------------------------------------- */

.section_event { background: #000000; }
.section_event_wrapper { border: 1px solid var(--color_4); border-radius: .5rem; background: color-mix(in srgb,var(--color_3) 70%,transparent 30%); }
.section_event_title { border-radius: .5rem .5rem 0 0; background: color-mix(in srgb,var(--color_4) 50%,transparent 50%); }

@media screen and (min-width: 700px), print {
.section_event { padding-top: 90px; padding-bottom: 90px; }
.section_event .section_event_wrapper:nth-of-type(2) { margin-top: 90px; }
}

@media only screen and (max-width: 699px) {
.section_event { padding-top: 60px; padding-bottom: 60px; }
.section_event .section_event_wrapper:nth-of-type(2) { margin-top: 60px; }
}

/*
/* section_hololive
/* -------------------------------------------------- */


.section_hololive { background: #28c3ff; 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; }
.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; }
.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; }