@charset "UTF-8";
/* @use 'variables' as *; */
:root {
	--main_distance:min(150px , 15vw);
	--main_gap: clamp(12px , 2vw , 30px);
	--wrap_width:87%;
	--base_font_size:clamp(13px , 2vw ,15px);
	--base_line_height:1.7em;
	--font_en: "Fleur De Leah", cursive;
	
	--key_c:#C3B887;
	--txt_c:#c5a456;
}

/*----------------------------------------
	base
------------------------------------------*/
html.html_reset {margin: 0 !important;padding: 0 !important;}

body {position: relative;height: 100%;overflow-y: scroll;background-color: #191919;text-align: center;color: #ffffff;font-family:  "Noto Serif JP","Zen Old Mincho" , sans-serif;font-size: var(--base_font_size);line-height: var(--base_line_height);word-break: break-word;}

main {position: relative;overflow: hidden;}
a {color: #C3B887;}
img {max-width: 100%;height: auto;}

@media only screen and (max-width: 835px) {
	body {  overflow: hidden;  min-height: 100%;}
	body.scroll_on {  overflow-y: scroll;  overflow-x: hidden;  pointer-events: auto;}
}

/*----------------------------------------
	switch
------------------------------------------*/
.pc_only {display: block;}
.sp_only {display: none !important;}

@media only screen and (max-width: 835px) {
	.pc_only {  display: none !important;}
  	.sp_only {  display: block !important;}
}

/*----------------------------------------
	loading / opening animation
------------------------------------------*/
#loading {position: fixed;top: 0;left: 0;display: block;width: 100%;height: 100vh;height: 100svh;background-color: #000;z-index: 20000;}
#loading.is_loaded {display: none;}
#loading.open {-webkit-animation: fade_out 1.4s forwards;        animation: fade_out 1.4s forwards;pointer-events: none;}
#loading .logo {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: min(400px, 50%);}
#loading .logo img {width: 100%;}
#loading .corner {--over_frame_border_distance: clamp(5px , 1vw , 10px);--over_frame_corner_size: min(180px , 20vw);}
#loading .corner span {position: fixed;display: block;width: var(--over_frame_corner_size);height: var(--over_frame_corner_size);background: no-repeat top left url(../images/svg/parts_frame_corner_02.svg);background-size: contain;z-index: 9996;}
#loading .corner span:nth-of-type(1) {top: calc(var(--over_frame_border_distance) * 1);left: calc(var(--over_frame_border_distance) * 1);}
#loading .corner span:nth-of-type(2) {top: calc(var(--over_frame_border_distance) * 1);right: calc(var(--over_frame_border_distance) * 1);transform: rotate(90deg);}
#loading .corner span:nth-of-type(3) {bottom: calc(var(--over_frame_border_distance) * 1);right: calc(var(--over_frame_border_distance) * 1);transform: rotate(180deg);}
#loading .corner span:nth-of-type(4) {bottom: calc(var(--over_frame_border_distance) * 1);left: calc(var(--over_frame_border_distance) * 1);transform: rotate(270deg);}


/*----------------------------------------
	common class
------------------------------------------*/
.disactive {pointer-events: none;}
.scroll_bar_delete {-ms-overflow-style: none;scrollbar-width: none;}
.scroll_bar_delete::-webkit-scrollbar {display: none;}


/* wrap settings
-------------------------------*/
.wrap_800px {position: relative;margin: 0 auto;max-width: 800px;width: var(--wrap_width);}
.wrap_900px {position: relative;margin: 0 auto;max-width: 900px;width: var(--wrap_width);}
.wrap_1000px {position: relative;margin: 0 auto;max-width: 1000px;width: var(--wrap_width);}
.wrap_1100px {position: relative;margin: 0 auto;max-width: 1100px;width: var(--wrap_width);}
.wrap_1200px {position: relative;margin: 0 auto;max-width: 1200px;width: var(--wrap_width);}
.wrap_1300px {position: relative;margin: 0 auto;max-width: 1300px;width: var(--wrap_width);}
.wrap_1400px {position: relative;margin: 0 auto;max-width: 1400px;width: var(--wrap_width);}
.wrap_1500px {position: relative;margin: 0 auto;max-width: 1500px;width: var(--wrap_width);}
.wrap_1600px {position: relative;margin: 0 auto;max-width: 1600px;width: var(--wrap_width);}
.wrap_1700px {position: relative;margin: 0 auto;max-width: 1700px;width: var(--wrap_width);}

/* common parts
-------------------------------*/
.main_layer {position: relative;}
.in_page_content {position: relative;padding: calc(var(--main_distance) * 1) 0 !important;}
.com_h_outer {position: relative;display: block;text-align: center;margin-bottom: calc(var(--main_distance) * 0.3);display: flex;align-items: center; }
.com_h_outer:before,
.com_h_outer:after{ content: ""; flex-grow: 1; height: 1px; background: var(--txt_c);}
.com_h_outer .com_h_title { font-family: var(--font_en); font-size: min(14vw,150px); font-weight: 100; line-height: 1em; color: var(--txt_c); padding: 0 0.3em;}
.com_h_outer .com_h_title img {display: block;width: auto;height: 100%;}

.com_h_title2{ font-size: 3vw; line-height: 1em; margin-bottom: 1em; color: var(--txt_c);} 

.com_h_title_mid {position: relative;display: inline-block;font-size: clamp(18px, 2vw, 28px);line-height: 1.4em;font-weight: bold;margin-bottom: 1em;}
.com_h_title_mid::before, .com_h_title_mid::after {position: absolute;display: block;content: "";top: 50%;width: 1em;height: 1em;background: no-repeat center url(../images/svg/parts_star_w.svg);background-size: contain;}
.com_h_title_mid::before {left: 0;transform: translate(-130%, -50%) scale(0.8);}
.com_h_title_mid::after {right: 0;transform: translate(130%, -50%) scale(0.8);}
.com_h_title_mid.small {font-size: clamp(15px, 2vw, 22px);}
.com_h_title_mid.mg_top {margin-top: calc(var(--main_distance) * 0.3);}


@media only screen and (max-width: 835px) {
	.com_h_title2{ font-size: 6vw; } 
}

.com_head_text {font-size: min(22px, 4vw);font-weight: bold;line-height: 1.4em;color: #C3B887;padding: 1em;border: 2px solid #C3B887;text-align: center;margin-bottom: calc(var(--main_gap) * 3);}

.com_frame_01 {--frame_corner_size: min(120px , 15vw);position: relative;padding: calc(var(--frame_corner_size) * 0.25);}
.com_frame_01 .com_frame_content {border: 2px solid #928765;}
.com_frame_01 .com_frame_parts {pointer-events: none;}
.com_frame_01 .com_frame_parts span {position: absolute;display: block;}
.com_frame_01 .com_frame_parts span:nth-of-type(1), .com_frame_01 .com_frame_parts span:nth-of-type(2), .com_frame_01 .com_frame_parts span:nth-of-type(3), .com_frame_01 .com_frame_parts span:nth-of-type(4) {width: var(--frame_corner_size);height: var(--frame_corner_size);background: no-repeat top left url(../images/svg/parts_frame_corner_02.svg);background-size: contain;}
.com_frame_01 .com_frame_parts span:nth-of-type(1) {top: 0;left: 0;}
.com_frame_01 .com_frame_parts span:nth-of-type(2) {top: 0;right: 0;transform: rotate(90deg);}
.com_frame_01 .com_frame_parts span:nth-of-type(3) {bottom: 0;right: 0;transform: rotate(180deg);}
.com_frame_01 .com_frame_parts span:nth-of-type(4) {bottom: 0;left: 0;transform: rotate(270deg);}
.com_frame_01 .com_frame_parts span:nth-of-type(5), .com_frame_01 .com_frame_parts span:nth-of-type(6) {width: 100%;height: calc(var(--frame_corner_size) * 0.17);background: no-repeat top center url(../images/svg/parts_frame_tb_01.svg);background-size: contain;}
.com_frame_01 .com_frame_parts span:nth-of-type(5) {top: 0;left: 0;}
.com_frame_01 .com_frame_parts span:nth-of-type(6) {bottom: 0;left: 0;}
.com_frame_01.mode_small {--frame_corner_size: min(60px , 7vw);}
.com_frame_01.mode_small .com_frame_content {border: 1px solid #928765;}

.com_frame_02 {--frame_corner_size: min(120px , 15vw);position: relative;padding: calc(var(--frame_corner_size) * 0.15);}
.com_frame_02 .com_frame_content {border: 2px solid #928765;background-color: #021c19;padding: calc(var(--frame_corner_size) * 0.5); position: relative;}
.com_frame_02 .com_frame_content:before{ content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: repeat center url("../images/bg_pattern.webp");background-size: 20%; opacity: 0.2; pointer-events: none;}

.com_frame_02 .com_frame_parts {pointer-events: none;}
.com_frame_02 .com_frame_parts span {position: absolute;display: block;}
.com_frame_02 .com_frame_parts span:nth-of-type(1), .com_frame_02 .com_frame_parts span:nth-of-type(2), .com_frame_02 .com_frame_parts span:nth-of-type(3), .com_frame_02 .com_frame_parts span:nth-of-type(4) {width: var(--frame_corner_size);height: var(--frame_corner_size);background: no-repeat top left url(../images/svg/parts_frame_corner_03.svg);background-size: contain;}
.com_frame_02 .com_frame_parts span:nth-of-type(1) {top: 0;left: 0;}
.com_frame_02 .com_frame_parts span:nth-of-type(2) {top: 0;right: 0;transform: rotate(90deg);}
.com_frame_02 .com_frame_parts span:nth-of-type(3) {bottom: 0;right: 0;transform: rotate(180deg);}
.com_frame_02 .com_frame_parts span:nth-of-type(4) {bottom: 0;left: 0;transform: rotate(270deg);}
.com_frame_02.type_dark .com_frame_content {background: #111111;}

.link_btn_a {position: relative;display: inline-flex;justify-content: center;align-items: center;margin: calc(var(--main_distance) * 0.4) auto 0;border: 1px solid #fff;border-radius: 9999px;background-color: #111111;height: clamp(50px, 10vw, 70px);width: auto;min-width: min(340px, 100%);line-height: 1em;color: #fcfcfc;white-space: nowrap;font-size: clamp(14px, 2vw, 20px);text-decoration: initial !important;font-weight: bold;transition: 0.2s;}
.link_btn_a img {position: relative;height: 30%;width: auto;}
.link_btn_a span {position: relative;display: grid;place-items: center;width: calc(100% - 6px);height: calc(100% - 6px);border: 1px solid #fff;border-radius: 9999px;padding: 0 3em;}
.link_btn_a span::before, .link_btn_a span::after {position: absolute;display: block;content: "";top: 50%;transform: translateY(-50%);width: 1em;height: 1em;background: no-repeat center url(../images/svg/parts_link_btn_icon.svg);background-size: contain;}
.link_btn_a span::before {left: 1em;}
.link_btn_a span::after {right: 1em;}
.link_btn_a:hover {color: #fcfcfc;background-color: #928765;}
.link_btn_a.small {height: clamp(30px, 6vw, 40px);width: min(180px, 30vw);}
.link_btn_a.small p {font-size: min(20px, 3.5vw);}
.link_btn_a.small span {height: 8px;}
.link_btn_a.small span::before, .link_btn_a.small span::after {height: 8px;width: 8px;}
.link_btn_a.full_size, .link_btn_a.w_100 {width: 100%;}
.link_btn_a.now::before {transform-origin: left top;transform: scale(1, 1);}
.link_btn_a.disactive {pointer-events: none;filter: grayscale(1);opacity: 0.5;}

.link_btn_b {position: relative;display: inline-block;width: auto;height: auto;text-align: center;background-color: #928765;color: #fff;font-size: clamp(14px, 2vw, 16px);line-height: 1.4em;text-decoration: initial !important;font-weight: bold;padding: 0.9em 2em;border-radius: 4px;transition: 0.2s;}
.link_btn_b:hover {color: #fcfcfc;background-color: #C3B887;}
.link_btn_b.full_size, .link_btn_b.w_100 {width: 100%;}

.com_link_text {position: relative;display: block;text-align: center;border: 1px solid #fff;border-radius: 6px;background-color: #111111;color: #C3B887;font-size: clamp(13px, 2vw, 15px);text-decoration: initial !important;font-weight: bold;padding: 1em 2em;margin-bottom: 1em;transition: 0.2s;}
.com_link_text::before, .com_link_text::after {position: absolute;display: block;content: "";top: 50%;transform: translateY(-50%);width: 0.8em;height: 0.8em;background: no-repeat center url(../images/svg/parts_link_btn_icon.svg);background-size: contain;}
.com_link_text::before {left: 0.8em;}
.com_link_text::after {right: 0.8em;}
.com_link_text:hover {background-color: #928765;color: #fff;}

.com_bg_layer {position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;}

.com_bg_layer_pat_01 { background-size: auto auto; background-color: #021c19; border-top: 4px solid #928765; border-bottom: 4px solid #928765;}
.com_bg_layer_pat_01 div{ content: ""; display: block; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background-image: url("../images/bg_pattern.webp"); background-size: 20%; background-position: center; opacity: 0.2;}
.com_bg_layer_pat_01::before, .com_bg_layer_pat_01::after {position: absolute;display: block;content: "";left: 0;width: 100%;height: 4px;background: repeat-x center url(../images/svg/bg_border_dot_gold.svg);background-size: contain;}

.com_bg_layer_pat_01::before {top: 4px;}
.com_bg_layer_pat_01::after {bottom: 4px;}

.com_bg_layer_pat_02 {overflow: hidden;}
.com_bg_layer_pat_02 .bg_ring {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: min(1400px, 120%);height: 200lvh;}
.com_bg_layer_pat_02 .bg_ring::before {position: absolute;display: block;content: "";top: 0;left: 0;width: 100%;height: 100%;background: no-repeat center url(../images/webp/bg_circle.webp);background-size: contain;-webkit-animation: rotation 180s linear infinite; animation: rotation 180s linear infinite;}
.com_bg_layer_pat_02 .bg_ring.pos_top {top: 0;}

/* accordion
-------------------------------*/
.accordion_box .accordion_trigger {cursor: pointer;}
.accordion_box .accordion_content {overflow: hidden;height: 0;transition: 0.4s ease;}
.accordion_box .accordion_content.accordion_open {height: auto;}

/* white box
-------------------------------*/
.white_box_area {position: relative;padding-top: calc(var(--main_distance) * 0.5);}
.white_box_outer {position: relative;margin-bottom: calc(var(--main_distance) * 1);}
.white_box_outer:last-of-type {margin-bottom: 0;}
.white_box {position: relative;text-align: left;font-size: clamp(14px, 2vw, 15px);line-height: 1.6em;width: 100%;}
.white_box.styled {padding: calc(var(--main_distance) / 4);background-color: #000;border: 1px solid #C3B887;}
.white_box .title_box {position: relative;display: block;padding-bottom: calc(clamp(18px, 2vw, 22px) * 1);margin-bottom: 3em;border-bottom: 4px double #C3B887;}
.white_box .date {font-size: clamp(12px, 2vw, 14px);line-height: 1.4em;font-weight: bold;margin-bottom: 0.7em;letter-spacing: 0.1em;}
.white_box .title {position: relative;display: block;width: 100%;font-size: clamp(17px, 1.5vw, 20px);line-height: 1.4em;font-size: 1.4em;font-weight: bold;}
.white_box .border_box {position: relative;display: block;width: 100%;height: auto;background-color: #000;border: 1px solid #C3B887;padding: min(var(--main_gap) * 2, 5vw) min(var(--main_gap) * 2, 4vw);margin-bottom: 1.5em;}
.white_box iframe {width: 100%;}
.white_box figure {margin-bottom: 14px;}
.white_box img {display: block;max-width: 100%;height: auto;margin: 0 auto;margin-bottom: 1.5em;}
.white_box img.app_badge {width: 170px !important;padding-top: 5px;}
.white_box .box {border: 1px dashed #9B9B9B;background-color: #111111;padding: calc(var(--main_gap) * 1);}
.white_box p {line-height: 1.7em;}
.white_box a {overflow-wrap: break-word;text-decoration: underline;font-weight: bold;}
.white_box ul {margin-bottom: 1em;}
.white_box ul li {position: relative;display: block;margin-bottom: 0.5em;padding-left: 1.2em;}
.white_box ul li::before {position: absolute;display: block;content: "";top: 0;left: 0;width: 1em;height: 1em;transform: translateY(0.3em) scale(0.4);background-color: #C3B887;border-radius: 9999px;}
.white_box ul li:last-of-type {margin-bottom: 0;}
.white_box hr {border-top: 1px solid #C3B887;border-right: none;border-bottom: none;border-left: none;margin-bottom: 2em;margin-top: 2em;}
.white_box strong {font-weight: bold;font-size: 1.1em;}
.white_box .link_btn {text-decoration: none;}
.white_box .youtube_iframe_outer {position: relative;display: block;width: 100%;padding-top: 56.25%;margin-bottom: 1em;overflow: hidden;}
.white_box .youtube_iframe_outer iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.white_box.single h2 {position: relative;display: block;padding-bottom: 0.4em;padding-left: 1.4em;font-size: clamp(16px, 2vw, 19px);font-weight: bold;margin-bottom: 0.7em;margin-top: 2em;line-height: 1.4em;border-bottom: 1px solid #C3B887;border-style: dashed;border-top: none;border-left: none;border-right: none;color: #C3B887;}
.white_box.single h2::before {position: absolute;display: block;content: "";left: 0;top: 0.3em;width: 0.8em;height: 0.8em;background-color: #C3B887;}
.white_box.single h3 {position: relative;display: block;font-size: clamp(15px, 2vw, 18px);font-weight: bold;margin-bottom: 0.7em;margin-top: 1.5em;line-height: 1.4em;padding-left: 0.7em;border-left: 3px solid #C3B887;color: #C3B887;}
.white_box.single h4 {display: inline-block;padding: 0 0.5em;margin-top: 0.5em;margin-bottom: 0.4em;line-height: 1.6em;background-color: #635B48;color: #fff;font-weight: 600;}
.white_box.in_page h3 {position: relative;display: block;padding-bottom: 0.4em;padding-left: 1.4em;font-size: clamp(16px, 2vw, 19px);font-weight: bold;margin-bottom: 0.7em;margin-top: 2em;line-height: 1.5em;border-bottom: 1px solid #C3B887;border-style: dashed;border-top: none;border-left: none;border-right: none;color: #C3B887;}
.white_box.in_page h3::before {position: absolute;display: block;content: "";left: 0;top: 0.3em;width: 0.8em;height: 0.8em;background-color: #C3B887;}
.white_box.in_page h4 {position: relative;display: block;font-size: clamp(15px, 2vw, 18px);font-weight: bold;margin-bottom: 1em;margin-top: 2em;line-height: 1.4em;padding-left: 0.7em;border-left: 3px solid #C3B887;color: #C3B887;}
.white_box.in_page h5 {display: inline-block;padding: 0 0.5em;line-height: 1.6em;background-color: #635B48;color: #fff;font-weight: 600; margin: 1em 0;}
.white_box.no_space {padding: 0;margin: 0;width: 100%;margin-bottom: 0.3em;}

/*-- white box --*/
/*-- notes box --*/
.notes_box {position: relative;display: block;width: min(1100px, 100%);height: auto;padding: calc(var(--main_distance) / 4);margin: 0 auto 2em;border: 1px solid #111111;text-align: left;line-height: 1.6em;background-color: #111111;border: 2px solid #C3B887;}
.notes_box.simple {border: none;border-top: 1px solid #C3B887;border-bottom: 1px solid #C3B887;padding: calc(var(--main_distance) / 4) 0.5em;background-color: transparent;}
.notes_box.margin_bottom {margin-bottom: calc(var(--main_distance) / 2.5);}
.notes_box p {margin-bottom: 0.6em;}
.notes_box ul {margin-bottom: 0.6em;}
.notes_box .title {position: relative;display: block;font-size: clamp(15px, 1.5vw, 18px);font-weight: bold;margin-bottom: 0.7em;margin-top: 1.5em;line-height: 1.4em;padding-left: 0.7em;border-left: 3px solid #C3B887;}
.notes_box .title:first-of-type {margin-top: 0;}

@media only screen and (max-width: 835px) {
	.notes_box {  padding: calc(var(--main_distance) / 3) calc(var(--main_distance) / 3);}
}

/*-- notes box --*/
/*-- list style --*/
ul.list_asterisk li, ul.list_circle li, ul.list_kome li {position: relative;display: block;margin-bottom: 0.5em;padding-left: 1.2em;}
ul.list_asterisk li:last-of-type, ul.list_circle li:last-of-type, ul.list_kome li:last-of-type {margin-bottom: 0;}
ul.list_asterisk li {padding-left: 0.8em;font-size: 0.9em;line-height: 1.4em;}
ul.list_asterisk li::before {position: absolute;display: block;content: "";content: "*";top: 0;left: 0;width: 1em;height: 1em;transform: translateY(0em);color: #C3B887;background: initial;}
ul.list_kome li {padding-left: 1.2em;font-size: 0.9em;line-height: 1.6em;}
ul.list_kome li::before {position: absolute;display: block;content: "";content: "※";top: 0;left: 0;width: 1em;height: 1em;transform: translateY(0em);color: #C3B887;background: initial;}
ul.list_circle li::before {position: absolute;display: block;content: "";top: 0;left: 0;width: 1em;height: 1em;transform: translateY(0.3em) scale(0.4);background-color: #C3B887;border-radius: 9999px;}

/*-- list style --*/
/*----------------------------------------
	header
------------------------------------------*/
header .header_logo {position: fixed;z-index: 9997;display: block;top: calc(var(--over_frame_border_distance) + 0.5%);left: calc(var(--over_frame_border_distance) + 0.5%);width: min(150px, 18vw);height: auto;transform: translate(7%, 20%);}
header .header_logo img {width: 100%;height: auto;}

@media only screen and (max-width: 835px) {
	header .header_logo {  width: min(200px, 30vw);}
}

/*----------------------------------------
	navigation
------------------------------------------*/
@media only screen and (min-width: 835px) {
	:root {  --header_height: 50px;  --header_height_num: 50;}
  	header nav#global_nav {  position: fixed;  top: var(--over_frame_border_distance);  right: calc(var(--over_frame_border_distance) + var(--over_frame_corner_size));  display: block;  width: auto;  height: var(--header_height);  z-index: 9998;}
  	header nav#global_nav ul.nav_links {  width: 100%;  height: 100%;  display: flex;  justify-content: flex-end;  align-items: center;  padding: 0 1em;}
  	header nav#global_nav ul.nav_links li {  height: 100%;  margin: 0 1px;}
  	header nav#global_nav ul.nav_links li a {  position: relative;  display: block;  width: auto;  height: 100%;  color: var(--txt_c);  font-size:17px;  line-height: 1em;   padding: 0 1em;  display: grid;  place-items: center;  transition: 0.2s; font-weight: 700;}
  	header nav#global_nav ul.nav_links li a span {  position: relative;}
  	header nav#global_nav ul.nav_links li a:hover {  opacity: 0.6;}
  	header nav#global_nav ul.nav_links li a.disactive {  opacity: 0.5;}
	header {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
    width: 100%;
    position: fixed;
    height: calc(var(--over_frame_border_distance) + 50px);
    z-index: 99;
    }
	header nav#global_nav ul.nav_links li a{
  filter: drop-shadow(0px 1px 1px #222);
}
}

@media only screen and (max-width: 835px) {
	header nav#global_nav {  position: fixed;  top: 0;  left: 0;  display: block;  width: 100%;  height: 100%;  background-color: #111111;  display: flex;  justify-content: center;  align-items: center;  z-index: 9998;  padding-top: var(--header_height);  -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);          clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);  opacity: 0;  transition: 0.6s cubic-bezier(0.22, 1, 0.36, 1);  background: repeat center url(../images/webp/bg_repeat_texture.webp);  background-size: 72px;}
  	header nav#global_nav ul.nav_links {  width: 94%;}
  	header nav#global_nav ul.nav_links li {  display: block;  width: 100%;  transform: translateX(-150%);  opacity: 0;  transition: 0.6s cubic-bezier(0.22, 1, 0.36, 1);  transition-delay: 0s;}
	header nav#global_nav ul.nav_links li a {  position: relative;  display: block;  width: 100%;  height: auto;  color: #C3B887;  font-size: 18px;  letter-spacing: 0.1em;  padding: 0.5em 0.8em;  white-space: nowrap;  text-align: left;  transition: 0.2s;}
  	header nav#global_nav ul.nav_links li a span {  position: relative;}
  	header nav#global_nav ul.nav_links li a.disactive {  opacity: 0.4;}
  	header nav#global_nav.active {  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);          clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);  opacity: 1;}
  	header nav#global_nav.active ul.nav_links li {  transform: translateX(0%);  opacity: 1;}
  	header nav#global_nav.active ul.nav_links li:nth-of-type(1) {  transition-delay: calc(1* 0.02s + 0.05s);}
  	header nav#global_nav.active ul.nav_links li:nth-of-type(2) {  transition-delay: calc(2* 0.02s + 0.05s);}
  	header nav#global_nav.active ul.nav_links li:nth-of-type(3) {  transition-delay: calc(3* 0.02s + 0.05s);}
  	header nav#global_nav.active ul.nav_links li:nth-of-type(4) {  transition-delay: calc(4* 0.02s + 0.05s);}
  	header nav#global_nav.active ul.nav_links li:nth-of-type(5) {  transition-delay: calc(5* 0.02s + 0.05s);}
  	header nav#global_nav.active ul.nav_links li:nth-of-type(6) {  transition-delay: calc(6* 0.02s + 0.05s);}
  	header nav#global_nav.active ul.nav_links li:nth-of-type(7) {  transition-delay: calc(7* 0.02s + 0.05s);}
	header nav#global_nav.active ul.nav_links li:nth-of-type(8) {  transition-delay: calc(8* 0.02s + 0.05s);}
  	header nav#global_nav.active ul.nav_links li:nth-of-type(9) {  transition-delay: calc(9* 0.02s + 0.05s);}
  	header nav#global_nav.active ul.nav_links li:nth-of-type(10) {  transition-delay: calc(10* 0.02s + 0.05s);}
  	header nav#global_nav.active ul.nav_links li:nth-of-type(11) {  transition-delay: calc(11* 0.02s + 0.05s);}
  	header nav#global_nav.active ul.nav_links li:nth-of-type(12) {  transition-delay: calc(12* 0.02s + 0.05s);}
  	header nav#global_nav.active ul.nav_links li:nth-of-type(13) {  transition-delay: calc(13* 0.02s + 0.05s);}
  	header nav#global_nav.active ul.nav_links li:nth-of-type(14) {  transition-delay: calc(14* 0.02s + 0.05s);}
  	header nav#global_nav.active ul.nav_links li:nth-of-type(15) {  transition-delay: calc(15* 0.02s + 0.05s);}
  	header nav#global_nav.active ul.nav_links li:nth-of-type(16) {  transition-delay: calc(16* 0.02s + 0.05s);}
  	header nav#global_nav.active ul.nav_links li:nth-of-type(17) {  transition-delay: calc(17* 0.02s + 0.05s);}
  	header nav#global_nav.active ul.nav_links li:nth-of-type(18) {  transition-delay: calc(18* 0.02s + 0.05s);}
  	header nav#global_nav.active ul.nav_links li:nth-of-type(19) {  transition-delay: calc(19* 0.02s + 0.05s);}
  	header nav#global_nav.active ul.nav_links li:nth-of-type(20) {  transition-delay: calc(20* 0.02s + 0.05s);}
}

.nav_trigger_outer {display: none;position: fixed;top: 0;right: 0;width: 76px;height: 76px;cursor: pointer;z-index: 9999;background: no-repeat center url(../images/webp/nav_trigger_bg.webp);background-size: contain;}
.nav_trigger_outer .nav_trigger_bar {position: absolute;width: 50%;height: 28%;top: 50%;left: 50%;transform: translate(-50%, -50%);display: block;transition: 0.6s;}
.nav_trigger_outer .nav_trigger_bar span {position: absolute;left: 50%;transform: translate(-50%, -50%) rotateZ(0deg);width: 100%;height: 6px;display: block;transition: 0.2s;background: no-repeat center url(../images/svg/nav_trigger_bar.svg);background-size: contain;}
.nav_trigger_outer .nav_trigger_bar span:nth-last-of-type(1) {top: 10%;width: 100%;}
.nav_trigger_outer .nav_trigger_bar span:nth-last-of-type(2) {top: 90%;width: 100%;}
.nav_trigger_outer .nav_trigger_bar span:nth-last-of-type(3) {top: 50%;width: 100%;}
.nav_trigger_outer.active .nav_trigger_bar span:nth-last-of-type(1) {transform: translate(-50%, -50%) rotateZ(-135deg);top: 50%;}
.nav_trigger_outer.active .nav_trigger_bar span:nth-last-of-type(2) {transform: translate(-50%, -50%) rotateZ(135deg);top: 50%;}
.nav_trigger_outer.active .nav_trigger_bar span:nth-last-of-type(3) {opacity: 0;}

@media only screen and (max-width: 835px) {
	.nav_trigger_outer {  display: block;}
}

/*----------------------------------------
	footer
------------------------------------------*/
footer {position: relative;padding: calc(var(--main_distance) / 2) 0;}
footer .copyright {position: relative;font-size: 0.8em;}

@media only screen and (max-width: 835px) {
	footer {  padding: calc(var(--main_distance) / 1) 0 calc(var(--main_distance) / 2);}
}

/*----------------------------------------
	bg
------------------------------------------*/
#bg_fixed {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100lvh;}
#bg_fixed video{position: absolute;width: 100%;height: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);object-fit: cover; opacity: 0.5;}

#bg_main .bg_back_img {position: fixed;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100lvh;background: no-repeat center url(../images/webp/bg_main_img.webp);background-size: cover;}
#bg_main .circle_tl {position: fixed;top: 0;left: 0;width: 100lvh;height: 100lvh;transform: translate(-50%, -50%);}
#bg_main .circle_tl::before {position: absolute;display: block;content: "";top: 0;left: 0;width: 100%;height: 100%;background: no-repeat center url(../images/webp/bg_circle.webp);background-size: contain;-webkit-animation: rotation 180s linear infinite;        animation: rotation 180s linear infinite;}
#bg_main .circle_main {position: fixed;top: 45%;left: 70%;width: 110lvh;height: 110lvh;transform: translate(-50%, -50%);}
#bg_main .circle_main::before {position: absolute;display: block;content: "";top: 0;left: 0;width: 100%;height: 100%;background: no-repeat center url(../images/webp/bg_circle.webp);background-size: contain;-webkit-animation: rotation 180s linear infinite;        animation: rotation 180s linear infinite;}
#bg_main .petal_canvas_outer {position: fixed;top: 0;left: 0;width: 100%;height: calc(var(--vh, 1vh) * 110);}
#bg_main .petal_canvas_outer #petal_canvas {position: relative;width: 100%;height: 100%;transform: translateZ(0);}
#bg_main .bottom_flowers {position: fixed;bottom: 0;left: 0;width: 100%;height: 100%;}
#bg_main .bottom_flowers::before {position: absolute;display: block;content: "";bottom: 0;left: 0;width: 100%;height: 100%;background: no-repeat bottom center url(../images/webp/bg_bottom_flowers_teaser.webp);background-size: max(600px, 100%) auto;}

@media only screen and (max-width: 835px) {
	#bg_main .circle_main {  top: 45%;  left: 50%;  width: 100lvh;  height: 100lvh;}
}

/*----------------------------------------
	frame
------------------------------------------*/
:root {--over_frame_border_distance: clamp(3px , 0.5vw , 10px);--over_frame_border_size: 3px;--over_frame_corner_size: clamp(36px , 6vw , 100px);}

#over_frame .border span {position: fixed;display: block;background-color: #928765;z-index: 9996;}
#over_frame .border span:nth-of-type(1) {top: var(--over_frame_border_distance);left: var(--over_frame_border_distance);width: calc(100% - var(--over_frame_border_distance) * 2);height: var(--over_frame_border_size);}
#over_frame .border span:nth-of-type(2) {top: 50%;right: var(--over_frame_border_distance);transform: translateY(-50%);width: var(--over_frame_border_size);height: calc(100dvh - var(--over_frame_border_distance) * 2);}
#over_frame .border span:nth-of-type(3) {bottom: var(--over_frame_border_distance);left: var(--over_frame_border_distance);width: calc(100% - var(--over_frame_border_distance) * 2);height: var(--over_frame_border_size);}
#over_frame .border span:nth-of-type(4) {top: 50%;left: var(--over_frame_border_distance);transform: translateY(-50%);width: var(--over_frame_border_size);height: calc(100dvh - var(--over_frame_border_distance) * 2);}
#over_frame .corner span {position: fixed;display: block;width: var(--over_frame_corner_size);height: var(--over_frame_corner_size);background: no-repeat top left url(../images/svg/parts_frame_corner_01.svg);background-size: contain;z-index: 9996;}
#over_frame .corner span:nth-of-type(1) {top: calc(var(--over_frame_border_distance) * 2);left: calc(var(--over_frame_border_distance) * 2);opacity: 0;}
#over_frame .corner span:nth-of-type(2) {top: calc(var(--over_frame_border_distance) * 2);right: calc(var(--over_frame_border_distance) * 2);transform: rotate(90deg);}
#over_frame .corner span:nth-of-type(3) {bottom: calc(var(--over_frame_border_distance) * 2);right: calc(var(--over_frame_border_distance) * 2);transform: rotate(180deg);}
#over_frame .corner span:nth-of-type(4) {bottom: calc(var(--over_frame_border_distance) * 2);left: calc(var(--over_frame_border_distance) * 2);transform: rotate(270deg);}

@media only screen and (max-width: 835px) {
	#over_frame {  --over_frame_border_size: 2px;}
}

/*----------------------------------------
	modal
------------------------------------------*/
/* ---- modal layer ---- */
.modal_layer {--modal_btn_size: clamp(50px , 5vw , 70px);position: fixed;top: 0px;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;z-index: 11000;opacity: 0;visibility: hidden;pointer-events: none;transition: 0.2s;}
.modal_layer .modal_bg {position: absolute;top: 0px;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;background-color: rgba(8, 0, 26, 0.9);}
.modal_layer .modal_inner {position: absolute;width: auto;height: auto;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);text-align: left;}
.modal_layer .modal_inner img {width: auto;height: auto;max-width: min(1400px, 94vw);max-height: 75vh;}
.modal_layer .modal_inner .yt_video_box {width: min(1200px, 94vw);padding-top: min(90vh, 56.25%);}
.modal_layer .modal_inner .yt_video_box iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.modal_layer .modal_inner .yt_video_box img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;-o-object-fit: contain;   object-fit: contain;}
.modal_layer .modal_inner .modal_textbox {width: min(1000px, 94vw);height: 75vh;background-color: #fcfcfc;padding: clamp(12px, 4vw, 50px);text-align: left;overflow: hidden;font-size: clamp(13px, 2vw, 16px);filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.1));}
.modal_layer .modal_inner .modal_textbox.scrollable {overflow-x: hidden;overflow-y: scroll;overscroll-behavior: contain;}
.modal_layer .modal_close_btn {position: absolute;top: 4px;right: 4px;width: var(--modal_btn_size);height: var(--modal_btn_size);background: no-repeat center url("../images/svg/parts/btn_close_v02.svg");background-size: contain;cursor: pointer;}
.modal_layer.op_modal {display: none;}
.modal_layer.op_modal.is_active {display: block;}
.modal_layer.visible {opacity: 1;visibility: visible;pointer-events: auto;}

.slide_modal .modal_inner.slide_modal_content_box .slide_modal_content {position: absolute;width: auto;height: auto;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);opacity: 0;visibility: hidden;transition: 0.2s;pointer-events: none;}
.slide_modal .modal_inner.slide_modal_content_box .slide_modal_content.slide_visible {opacity: 1;visibility: visible;pointer-events: initial;}
.slide_modal .modal_prev_btn, .slide_modal .modal_next_btn {position: absolute;top: 50%;transform: translateY(-50%);height: 50vh;width: min(200px, 40vw);background: no-repeat center url(../images/svg/parts/icon_arrow_slidemodal.svg);background-size: 24% auto;cursor: pointer;transition: 0.2s;background-position: right center;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.slide_modal .modal_prev_btn.disactive, .slide_modal .modal_next_btn.disactive {opacity: 0.2;pointer-events: none;}
.slide_modal .modal_prev_btn:focus, .slide_modal .modal_next_btn:focus {outline: none;}
.slide_modal .modal_prev_btn {left: 3vw;transform: translateY(-50%) scale(-1, 1);}
.slide_modal .modal_prev_btn:hover {transform: translateY(-50%) translateX(-4px) scale(-1, 1);}
.slide_modal .modal_next_btn {right: 3vw;}
.slide_modal .modal_next_btn:hover {transform: translateY(-50%) translateX(4px);}

@media only screen and (max-width: 835px) {
	.slide_modal .modal_prev_btn, .slide_modal .modal_next_btn {  width: 15%;  height: 20vh;  background-size: 30% auto;}
  	.slide_modal .modal_prev_btn {  left: 1vw;}
  	.slide_modal .modal_next_btn {  right: 1vw;}
}

/* ---- modal layer ---- */
/*----------------------------------------
	schedule_grid
------------------------------------------*/
.schedule_grid {--main_bg_color:#464646;--day_time_bg_color:#252525;--grid_h_bg_color:#191919;--saturday_bg_color:#004964;--sunday_bg_color:#820000;--closed_day_bg_color:#9B9B9B;--font_color:#fff;--border_color:#191919;}

.schedule_grid {position: relative;display: grid;width: 100%;grid-template-columns: repeat(var(--sc_col_num), calc(100% / var(--sc_col_num)));grid-template-rows: repeat(var(--sc_row_num), 4em);background-color: var(--main_bg_color);overflow: hidden;grid-auto-flow: column;font-size: clamp(14px, 2vw, 18px);}
.schedule_grid::before {position: absolute;display: block;content: "";top: 0;right: 0;width: 1px;height: 100%;background-color: var(--border_color);z-index: 2;}
.schedule_grid::after {position: absolute;display: block;content: "";bottom: 0;left: 0;width: 100%;height: 1px;background-color: var(--border_color);z-index: 2;}
.schedule_grid p {position: relative;display: block;margin-bottom: 0;display: flex;justify-content: center;align-items: center;flex-direction: column;font-weight: bold;border-top: 1px solid var(--border_color);border-left: 1px solid var(--border_color);color: var(--font_color);line-height: 1.2em;}
.schedule_grid p.grid_h {background-color: var(--grid_h_bg_color);}
.schedule_grid p.day, .schedule_grid p.time {background-color: var(--day_time_bg_color);}
.schedule_grid p.sat {background-color: var(--saturday_bg_color);}
.schedule_grid p.sat::after {position: absolute;display: block;content: "";right: 0;bottom: 0;background-color: var(--saturday_bg_color);width: 100%;height: calc(100% * var(--sc_time_num) + 1px * var(--sc_time_num));transform: translateY(100%);opacity: 0.4;}
.schedule_grid p.sun {background-color: var(--sunday_bg_color);}
.schedule_grid p.sun::after {position: absolute;display: block;content: "";right: 0;bottom: 0;background-color: var(--sunday_bg_color);width: 100%;height: calc(100% * var(--sc_time_num) + 1px * var(--sc_time_num));transform: translateY(100%);opacity: 0.4;}
.schedule_grid p.closed::after {position: absolute;display: block;content: "";right: 0;bottom: -1px;background-color: var(--closed_day_bg_color);width: 100%;height: calc(100% * var(--sc_time_num) + 1px * var(--sc_time_num));transform: translateY(100%);opacity: 1;z-index: 1;content: "休演日";writing-mode: vertical-rl;display: grid;place-items: center;color: #fcfcfc;}

@media only screen and (max-width: 835px) {
	.schedule_grid {  grid-auto-flow: row;  grid-template-columns: repeat(var(--sc_row_num), calc(100% / var(--sc_row_num)));  grid-template-rows: repeat(var(--sc_col_num), 4em);}
  	.schedule_grid p.sat::after {  height: 100%;  width: calc(100% * var(--sc_time_num) + 1px * var(--sc_time_num));  transform: translateX(100%);}
  	.schedule_grid p.sun::after {  height: 100%;  width: calc(100% * var(--sc_time_num) + 1px * var(--sc_time_num));  transform: translateX(100%);}
  	.schedule_grid p.closed::after {  right: -1px;  bottom: 0;  width: calc(100% * var(--sc_time_num) + 1px * var(--sc_time_num));  height: 100%;  transform: translateX(100%);  writing-mode: initial;}
}

/*----------------------------------------
	404
------------------------------------------*/
#error_404 {padding: calc(var(--main_distance) * 2) 0;}
#error_404 .container_s p {color: #C3B887;}
#error_404 .container_s .stit {font-size: 26px;line-height: 1em;margin-bottom: 1em;}
#error_404 .container_s .text {margin-bottom: 3em;}
#error_404 .container_s .link_flex {display: flex;justify-content: center;flex-wrap: wrap;gap: 10px;margin: 0 auto;}
#error_404 .container_s .error_toplink {position: relative;display: block;width: min(230px, 70%);height: 60px;display: grid;place-items: center;background-color: #C3B887;color: #fcfcfc;font-weight: bold;font-size: min(18px, 4vw);white-space: nowrap;letter-spacing: 0.05em;transition: 0.2s;border-radius: 5px;margin: 0 auto;}
#error_404 .container_s .error_toplink:hover {transform: translateY(-2px);}
/*# sourceMappingURL=common.css.map */