@charset "utf-8";
div#block_of_leftmenu_top { display : none; }
/***********************
common
***********************/
:root { 
  --color-main: #8C2F4A; 
  --color-sub-1:#5E1F33; 
  --color-sub-2:#1F2A44; 
  --color-sub-3:#3C3C3C; 
  --color-sub-4:#E0A11B; 
  --color-sub-5:#F8F4EF;
  --color-sub-6:#1A1A1A;
  --color-sub-7:#C45A7A;
  --slant: clamp(40px, 6vw, 90px);
}
._fc_color-main { color: var(--color-main); }
._fc_color-sub-1 { color: var(--color-sub-1); }
._fc_color-sub-2 { color: var(--color-sub-2); }
._fc_color-sub-3 { color: var(--color-sub-3); }
._fc_color-sub-4 { color: var(--color-sub-4); }
._fc_color-sub-5 { color: var(--color-sub-5); }
._fc_color-sub-6 { color: var(--color-sub-6); }
._fc_color-sub-7 { color: var(--color-sub-7); }
._bg_color-main { background-color: var(--color-main); }
._bg_color-sub-1 { background-color: var(--color-sub-1); }
._bg_color-sub-2 { background-color: var(--color-sub-2); }
._bg_color-sub-3 { background-color: var(--color-sub-3); }
._bg_color-sub-4 { background-color: var(--color-sub-4); }
._bg_color-sub-5 { background-color: var(--color-sub-5); }
._bg_color-sub-7 { background-color: var(--color-sub-7); }
._bg_color-sub-6 { background-color: var(--color-sub-6); }
._border_color-main { border-color: var(--color-main); }
._border_color-sub-1 { border-color: var(--color-sub-1); }
._border_color-sub-2 { border-color:var(--color-sub-2); }
._border_color-sub-3 { border-color: var(--color-sub-3); }
._border_color-sub-4 { border-color: var(--color-sub-4); }
._border_color-sub-5 { border-color: var(--color-sub-5); }
._border_color-sub-6 { border-color: var(--color-sub-6); }
._border_color-sub-7 { border-color: var(--color-sub-7); }

._font_oswald { font-family: 'Oswald', sans-serif; }
._title { line-height: 1.2; }
@media screen and (min-width: 700px){
  ._fs_title { font-size: 170px; }
  ._fs_sub_title { font-size: 35px; }
}
@media screen and (max-width: 699px){
  ._fs_title { font-size: 47px; }
  ._fs_sub_title { font-size: 1.25em; }
}
@media screen and (min-width: 700px){
  ._img_shadow { position: relative; transition: transform 0.3s ease; filter: drop-shadow(10px 10px 0 var(--color-sub-4));
  }
}
@media screen and (max-width: 699px){
  ._img_shadow { position: relative; transition: transform 0.3s ease; filter: drop-shadow(3px 3px 0 var(--color-sub-4)); }
}
._animation_onmouse_hukuramu { display: inline-block; }
._animation_onmouse_hukuramu.animate-pop { animation: pop-bounce 0.4s ease; }
@keyframes pop-bounce { 0% { transform: scale(1); } 30% { transform: scale(1.07); } 60% { transform: scale(0.96); } 100% { transform: scale(1); } }
/***********************
 section_kv
***********************/
@media screen and (min-width: 1921px){
  .section_kv { padding-right: calc((100% - 1200px) / 2); padding-left: calc((100% - 1200px) / 2); background: var(--color-main); }
}
/***********************
 section_anchor
***********************/
.section_anchor > div > div { z-index: 2; }
.section_anchor > div > div > a { height: 80px; clip-path: polygon( 0% 0%, 100% 0%, 100% 75%, 50% 100%, 0% 75% ); }
/***********************
 section_event
***********************/
._bg_naname_color-sub-2, ._bg_naname_color-sub-2_reverse { position: relative; }
._bg_naname_color-sub-2::before { content: ''; position: absolute; height: 100px; width: 100%; clip-path: polygon(100% 0, 0% 100%, 100% 100%); background-color: var(--color-sub-2); top: -99px; left: 0; z-index: 1; }
._bg_naname_color-sub-2::after { content: ''; position: absolute; height: 100px; width: 100%; clip-path: polygon(0 0, 0% 100%, 100% 0); background-color: var(--color-sub-2); bottom: -99px; left: 0; z-index: 1; }
._bg_naname_color-sub-2_reverse::before { content: ''; position: absolute; height: 100px; width: 100%; clip-path: polygon(0 0, 0% 100%, 100% 100%); background-color: var(--color-sub-2); top: -99px; left: 0; z-index: 1; }
._bg_naname_color-sub-2_reverse::after { content: ''; position: absolute; height: 100px; width: 100%; clip-path: polygon(100% 0, 0% 0, 100% 100%); background-color: var(--color-sub-2); bottom: -99px; left: 0; z-index: 1;}
._p_r { position: relative; }
@media screen and (min-width: 700px){
  ._natori_sana_img01 { position: absolute; top: -70px; left: 90px; width: 280px; height: auto; z-index: 2; }
  ._natori_sana_img02 { position: absolute; top: -100px; right: 90px; width: 250px; height: auto; z-index: 2; }
  .section_event ._ml_contents { margin-left: 500px; }
}
@media screen and (max-width: 699px){
  ._natori_sana_img01 { position: absolute; top: 0; left: 10%; width: 23%; height: auto; z-index: 2; }
  ._natori_sana_img02 { position: absolute; top: -8em; right: 10%; width: 23%; height: auto; z-index: 2; }
  .section_event ._ml_contents { margin-left: 40%; }
}
.is_scroll .block-page-top {
  z-index: 3;
}
/***********************
 section_pc
***********************/
.section_pc {
  ._pc_box{ position: relative; background: #C45A7A; padding: 2em; }
  ._pc_box::before{ content:""; position:absolute; left:0; right:0; bottom:0; height:6px; background: var(--color-sub-6); }
  ._pc_box::after{ content:""; position:absolute; left:50%; bottom:-22px; transform: translateX(-50%); width:0; height:0; border-left: 22px solid transparent; border-right:22px solid transparent; border-top: 22px solid var(--color-sub-6); }
  @media screen and (min-width: 700px){
    padding-top: 12em;
    ._pc_box img { position: absolute; bottom: 6px; right: 0; z-index: 1; width: 300px; height: auto; }
  }
  @media screen and (max-width: 699px){
    padding: 2em 1em;
    ._pc_box { padding: 1em; }
    ._pc_box img { position: absolute; bottom: 6px; right: 5px; z-index: 1; width: 150px; height: auto; }
  }
}
/***********************
 section_interview
***********************/
@media screen and (min-width: 700px){
  .section_interview ._interview_honbun {
    max-height: 600px;
  }
  .section_interview ._interview_honbun {
    max-height: 600px;
  }
  /* Webkit系ブラウザ（Chrome, Safari）用 */
  .section_interview ._interview_honbun::-webkit-scrollbar {
    width: 12px;
  }
  .section_interview ._interview_honbun::-webkit-scrollbar-track {
    background: #8F6371; /* 背景 */
    border-radius: 10px;
  }
  .section_interview ._interview_honbun::-webkit-scrollbar-thumb {
    background-color: #ffffff; /* スクロールバー本体 */
    border-radius: 10px;
    border: 2px solid #8F6371; /* 周囲に余白をつけて背景見せる */
  }
}
@media screen and (max-width: 699px){
  .section_interview ._interview_honbun {
    max-height: 60vh;
    border: 1px solid #8F6371; padding: 1em;
  }
    /* Webkit系ブラウザ（Chrome, Safari）用 */
    .section_interview ._interview_honbun::-webkit-scrollbar {
      width: 6px;
    }
    .section_interview ._interview_honbun::-webkit-scrollbar-track {
      background: #8F6371; /* 背景 */
      border-radius: 10px;
    }
    .section_interview ._interview_honbun::-webkit-scrollbar-thumb {
      background-color: #ffffff; /* スクロールバー本体 */
      border-radius: 10px;
      border: 2px solid #8F6371; /* 周囲に余白をつけて背景見せる */
    }
}
/***********************
section_profile section_archive
***********************/
._bg_main-pink, ._bg_main-pink_reverse { position: relative; }
._bg_main-pink::before { content: ''; position: absolute; top: 0; bottom: 0; left: 50%; background-color: var(--color-sub-7); z-index: 0; transform: translateX(-50%); width: 1200px; }
._bg_main-pink::after { content: ''; position: absolute; top: 0; bottom: 0; left: 50%; background-color: var(--color-sub-7); z-index: 0; transform: translateX(600px); width: calc(100vw - 600px); min-width: 600px; }
._bg_main-pink_reverse::before { content: ''; position: absolute; top: 0; bottom: 0; left: 50%; background-color: #F2C6D3; z-index: 0; transform: translateX(-50%); width: 1200px; }
._bg_main-pink_reverse::after { content: ''; position: absolute; top: 0; bottom: 0; right: 50%; background-color: #F2C6D3; z-index: 0; transform: translateX(-600px); width: calc(100vw - 600px); min-width: 600px; }
@media (max-width: 1199px) { /* 1200px未満：全幅に広がる */
  ._bg_main-pink::before,._bg_main-pink_reverse::before { left: 0; transform: none; width: 100%; }
}
@media (max-width: 699px) { /* 699px以下：左に0.5em余白＋右側突き抜け */
  ._bg_main-pink::before { left: 0.5em; width: calc(100vw - 0.5em); }
  ._bg_main-pink_reverse::before { right: 0.5em; width: calc(100vw - 0.5em); }
}
._inner-wrap { position: relative; }
@media screen and (min-width: 700px){
  ._inner-wrap { max-width: 1200px; width: 100%; margin: 0 auto; overflow: visible; }
}
@media screen and (max-width: 699px){
  ._inner-wrap { max-width: 100%; width: 100%; margin: 0 auto; overflow: visible; }
}