@charset "UTF-8";
/* @use 'variables' as *; */
:root {
	--main_distance:min(70px , 11vw);
	--main_gap: clamp(8px , 1.4vw , 10px);
	--wrap_width:86%;
	--base_font_size:clamp(13px , 2vw ,15px);
	--base_line_height:1.7em;
	
	--font_en:"Baskervville SC",YakuHanJP, "Noto Serif JP", "Noto Sans JP", "Noto Sans", "メイリオ", "Meiryo", "MS PGothic", sans-serif;
	--keyc:#e0c99b;
	--keyc2:#928765;
	--keyd:#B67F33;
	--bgc:#f6eede;
	
	  --over_frame_size: clamp(6px , 2vw , 30px);
}

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

body {position: relative;height: 100%;overflow-y: scroll;background-color: #000;text-align: center;color: #fff;
	font-family: YakuHanJP, "Noto Serif JP", "Noto Sans JP", "Noto Sans", "メイリオ", "Meiryo", "MS PGothic", sans-serif;
	font-size: var(--base_font_size);font-optical-sizing: auto;font-weight: 400;line-height: var(--base_line_height);word-break: break-word;}

main {position: relative;overflow: hidden;}

a {color: var(--keyd);}

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;
 	background-image: url("../images/logo/logo_stage.webp"),url(../images/webp/bg_repeat_texture.webp) ; 
	background-repeat: no-repeat,repeat;
    background-position: center;
    background-size: 20%,100px;
	
}
#loading.is_loaded {display: none;}
#loading.open {animation: fade_out 1s forwards cubic-bezier(0.22, 1, 0.36, 1);pointer-events: none;}


@media only screen and (max-width: 835px) {
	#loading {  min-height: calc(var(--vh_px) * 1);
    background-size: 50%,100px;}
}
/*----------------------------------------
	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_500px {position: relative;margin: 0 auto;max-width: 500px;width: var(--wrap_width);}
.wrap_600px {position: relative;margin: 0 auto;max-width: 600px;width: var(--wrap_width);}
.wrap_700px {position: relative;margin: 0 auto;max-width: 700px;width: var(--wrap_width);}
.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
-------------------------------*/
.cmn_inpage_main {padding: calc(var(--main_distance) * 2.2 + var(--over_frame_size)) 0 var(--main_distance);}
.cmn_inpage_h_title_outer {margin-bottom: calc(var(--main_distance) / 1.5);}
.cmn_section_bg_title_text {position: absolute;top: 0;left: 0;fcolor: #fff;font-size: min(290px, 30vw);line-height: 1em;text-align: left;font-weight: 800;letter-spacing: 0.05em;white-space: nowrap;}

.cmn_h_title {position: relative;display: block;font-weight: 300;color: var(--keyc);font-size: min(54px, 3.6vw);line-height: 1em; margin-bottom: 0.2em; font-family: var(--font_en);}
.cmn_h_title.small {font-size: clamp(16px, 2vw, 25px);line-height: 1em;}
.cmn_h_title.inpage_h_title {font-size: min(64px, 12vw);}

.cmn_h_title_subtext {position: relative;display: block;font-weight: 800; font-size: clamp(10px, 1.2vw, 16px);line-height: 1.2em;letter-spacing: 0.2em;}

@media only screen and (max-width: 835px) {
	.cmn_h_title {  font-size: min(54px, 9vw);}
  	.cmn_h_title.small {  font-size: clamp(16px, 6vw, 25px);}
  	.cmn_h_title.inpage_h_title {  font-size: min(54px, 9vw);}
}
.cmn_tag_box {position: relative;display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;gap: calc(var(--main_gap) / 2);margin-bottom: 8px;}

.cmn_tag {position: relative;display: inline-block;font-size: 11px;line-height: 1em;white-space: nowrap;font-weight: 700;color: #fff;background-color: #474747;border: 1px solid var(--keyd);border-radius: 9999px;padding: 0.4em 1.4em 0.4em;}
.cmn_tag.new {background-color: var(--keyd);}

.cmn_link_btn {position: relative;display: block;font-size: 16px;line-height: 1.2em;font-weight: 700;color: var(--keyc);  border: 1px solid var(--keyc);padding:1em 0; transition: 0.2s;min-width: min(20em, 80%); width: 100%;}
.cmn_link_btn:hover { opacity: 0.7;}


.cmn_link_btn.size_small {font-size: clamp(14px, 2vw, 18px);}

.cmn_link_btn.w_100 {width: 100%;}

.cmn_link_btn.c_blue {background-color: #fff;border: 1px solid var(--keyd);color: var(--keyd);}
.cmn_link_btn.c_blue::before, .cmn_link_btn.c_blue::after {background-color: var(--keyd);}
.cmn_link_btn.c_blue span::after {filter: hue-rotate(180deg);}
.cmn_link_btn.c_blue:hover {background-color: var(--keyd);border: 1px solid #00FFFF;color: #fff;}
.cmn_link_btn.c_blue:hover::before, .cmn_link_btn.c_blue:hover::after {background-color: #00FFFF;}
.cmn_link_btn.c_blue:hover span::after {filter: grayscale(1) brightness(20);}
.cmn_link_btn.c_orange {background-color: #fff;border: 1px solid #FF671A;color: #FF671A;}
.cmn_link_btn.c_orange::before, .cmn_link_btn.c_orange::after {background-color: #FF671A;}
.cmn_link_btn.c_orange:hover {background-color: #FF671A;border: 1px solid #FFE560;color: #fff;}
.cmn_link_btn.c_orange:hover::before, .cmn_link_btn.c_orange:hover::after {background-color: #FFE560;}
.cmn_link_btn.c_orange:hover span::after {filter: grayscale(1) brightness(20);}

.cmn_link_btn_a {position: relative;display: grid;place-items: center;margin: 0 auto;border: 1px solid var(--keyd);height: clamp(40px, 10vw, 60px);width: min(340px, 100%);line-height: 1em;color: #474747;white-space: nowrap;font-size: clamp(16px, 2vw, 22px);text-decoration: initial !important;font-weight: bold;transition: 0.2s;}
.cmn_link_btn_a img {position: relative;height: 30%;width: auto;}
.cmn_link_btn_a span {position: relative;transform: translateY(0%);}
.cmn_link_btn_a::before {position: absolute;display: block;content: "";background-color: var(--keyd);width: 100%;height: 100%;left: 0;top: 0;transform-origin: right top;transform: scale(0, 1);transition: transform 0.4s;}
.cmn_link_btn_a:hover {color: #fcfcfc;}
.cmn_link_btn_a:hover::before {transform-origin: left top;transform: scale(1, 1);}
.cmn_link_btn_a.small {height: clamp(30px, 6vw, 40px);width: min(180px, 30vw);}
.cmn_link_btn_a.small p {font-size: min(20px, 3.5vw);}
.cmn_link_btn_a.small span {height: 8px;}
.cmn_link_btn_a.small span::before, .cmn_link_btn_a.small span::after {height: 8px;width: 8px;}
.cmn_link_btn_a.full_size {width: 100%;}
.cmn_link_btn_a.now::before {transform-origin: left top;transform: scale(1, 1);}
.cmn_link_btn_a.disactive {pointer-events: none;filter: grayscale(1);opacity: 0.5;}

.paging .pagination {display: flex;justify-content: center;align-items: center;gap: calc(var(--main_gap) / 2);}
.paging .pagination .page-numbers {position: relative;display: grid;place-items: center;font-size: 14px;width: 3em;height: 3em;background-color: #fff;color: #FF671A;}
.paging .pagination .page-numbers.current {background-color: #FFE560;color: #fcfcfc;}
.paging .pagination .page-numbers.prev, .paging .pagination .page-numbers.next {background-color: initial;width: 6em;height: 2.2em;}
.paging .pagination .page-numbers.prev.disactive, .paging .pagination .page-numbers.next.disactive {pointer-events: none;filter: grayscale(1);opacity: 1;}
.paging .pagination .page-numbers.prev {background: no-repeat center left url(../images/svg/page_btn_prev.svg);background-size: contain;}
.paging .pagination .page-numbers.next {background: no-repeat center right url(../images/svg/page_btn_next.svg);background-size: contain;}

@media only screen and (max-width: 835px) {
	.paging.single_page_foot .pagination {  flex-wrap: wrap;  gap: calc(var(--main_gap) * 2);}
  	.paging.single_page_foot .pagination .cmn_link_btn {  order: 3;}
}
/* accordion
-------------------------------*/
.cmn_accordion_box .cmn_accordion_trigger {cursor: pointer;}
.cmn_accordion_box .cmn_accordion_content {overflow: hidden;height: 0;transition: 0.4s ease;}
.cmn_accordion_box .cmn_accordion_content.accordion_open {height: auto;}

/* white box
-------------------------------*/
.cmn_white_box_area {position: relative;padding-top: calc(var(--main_distance) * 0.5);}

.cmn_white_box_outer {position: relative;margin-top: calc(var(--main_distance) * -0.5);padding-top: calc(var(--main_distance) * 0.5);margin-bottom: calc(var(--main_distance) * 1);}
.cmn_white_box_outer:last-of-type {margin-bottom: 0;}

.cmn_white_box {position: relative;text-align: left;font-size: clamp(14px, 2vw, 15px);line-height: 1.6em;width: 100%;}
.cmn_white_box .title_box {position: relative;display: block;padding-bottom: calc(clamp(18px, 2vw, 22px) * 1);margin-bottom: 3em;border-bottom: 4px double var(--keyd);}
.cmn_white_box .date {font-size: clamp(12px, 2vw, 14px);line-height: 1.4em;font-weight: bold;margin-bottom: 0.7em;letter-spacing: 0.1em;}
.cmn_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; /* padding-left: calc(1.5em *1.5); */
  /* &::before { position: absolute; display: block; content: ""; left: 0; top: 0; width: calc(1.4em *1); height: calc(1.4em *1); background: no-repeat center url(../images/svg/cmn_parts/menu03.svg); background-size: contain; } */
}
.cmn_white_box iframe {width: 100%;}
.cmn_white_box figure {margin-bottom: 14px;}
.cmn_white_box img {display: block;max-width: 100%;height: auto;margin: 0 auto;margin-bottom: 1.5em;}
.cmn_white_box img.app_badge {width: 170px !important;padding-top: 5px;}
.cmn_white_box p {line-height: 1.7em;}
.cmn_white_box a {overflow-wrap: break-word;text-decoration: underline;font-weight: bold;}
.cmn_white_box ul {margin-bottom: 1em;}
.cmn_white_box ul li {position: relative;display: block;margin-bottom: 0.5em;padding-left: 1.2em;}
.cmn_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: var(--keyd);border-radius: 9999px;}
.cmn_white_box ul li:last-of-type {margin-bottom: 0;}
.cmn_white_box hr {border-top: 1px solid var(--keyd);border-right: none;border-bottom: none;border-left: none;margin-bottom: 2em;margin-top: 2em;}
.cmn_white_box strong {font-weight: bold;font-size: 1.1em;}
.cmn_white_box .link_btn {text-decoration: none;}
.cmn_white_box .youtube_iframe_outer {position: relative;display: block;width: 100%;padding-top: 56.25%;margin-bottom: 1em;overflow: hidden;}
.cmn_white_box .youtube_iframe_outer iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.cmn_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 var(--keyd);border-style: dashed;border-top: none;border-left: none;border-right: none;color: var(--keyd);}
.cmn_white_box.single h2::before {position: absolute;display: block;content: "";left: 0;top: 0.3em;width: 0.8em;height: 0.8em;background-color: var(--keyd);}
.cmn_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 var(--keyd);color: var(--keyd);}
.cmn_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: var(--keyd);color: #fff;}
.cmn_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 var(--keyd);border-style: dashed;border-top: none;border-left: none;border-right: none;color: var(--keyd);}
.cmn_white_box.in_page h3::before {position: absolute;display: block;content: "";left: 0;top: 0.3em;width: 0.8em;height: 0.8em;background-color: var(--keyd);}
.cmn_white_box.in_page h4 {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 var(--keyd);color: var(--keyd);}
.cmn_white_box.in_page h5 {display: inline-block;padding: 0 0.5em;margin-top: 0.5em;margin-bottom: 0.4em;line-height: 1.6em;background-color: #474747;color: #fff;}
.cmn_white_box.no_space {padding: 0;margin: 0;width: 100%;margin-bottom: 0.3em;}

.cmn_white_box.single h2:first-of-type{ margin-top: 0;}

/*-- white box --*/
/*-- notes box --*/
.cmn_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 #474747;text-align: left;line-height: 1.6em;background-color: #474747;border: 2px solid var(--keyd);}
.cmn_notes_box.simple {border: none;border-top: 1px solid var(--keyd);border-bottom: 1px solid var(--keyd);padding: calc(var(--main_distance) / 4) 0.5em;background-color: transparent;}
.cmn_notes_box.margin_bottom {margin-bottom: calc(var(--main_distance) / 2.5);}
.cmn_notes_box p {margin-bottom: 0.6em;}
.cmn_notes_box ul {margin-bottom: 0.6em;}
.cmn_notes_box .title {position: relative;display: block;font-size: 1.3em;font-weight: bold;margin-bottom: 0.7em;margin-top: 1.5em;line-height: 1.4em;padding-left: 0.7em;border-left: 3px solid var(--keyd);}
.cmn_notes_box .title:first-of-type {margin-top: 0;}

@media only screen and (max-width: 835px) {
	.cmn_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: var(--keyd);background: initial;}
ul.list_kome li {padding-left: 1.2em;font-size: 0.9em;line-height: 1.4em;}
ul.list_kome li::before {position: absolute;display: block;content: "";content: "※";top: 0;left: 0;width: 1em;height: 1em;transform: translateY(0em);color: var(--keyd);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: var(--keyd);border-radius: 9999px;}

/*-- list style --*/
/*----------------------------------------
	header
------------------------------------------*/
header .header_logo {position: fixed;display: block; width: 200px;z-index: 9997;transition: 0.2s;top: calc(var(--over_frame_border_distance) * 3); left: calc(var(--over_frame_border_distance) * 5);}

header .header_logo span img {display: block;width: 100%;height: auto;}
header .header_logo.size_small {width: clamp(100px, 20vw, 180px);height: clamp(100px, 20vw, 180px);}

@media only screen and (max-width: 835px) {
	header .header_logo{ width: 130px; top: calc(var(--over_frame_border_distance) + 14px);
    left: calc(var(--over_frame_border_distance) + 15px);}
	header .header_logo.size_small {width: 130px;}
}


/*----------------------------------------
	navigation
------------------------------------------*/
@media only screen and (min-width: 835px) {
	#global_nav {  position: fixed;  top: calc(var(--over_frame_border_distance) * 3);  right: calc(var(--over_frame_border_distance) * 6);  z-index: 9998;}
  	#global_nav .nav_links {  display: flex;  justify-content: flex-end;  align-items: flex-start;  font-size: 16px;  gap: 0.5em;}
  	#global_nav .nav_links li {  padding-bottom: 0.5em;}
  	#global_nav .nav_links li .nav_link {  position: relative;  display: block; line-height: 1.2em;   white-space: nowrap;  font-weight: 400;  font-family:var(--font_en);  color: #fff;  padding: 0.3em 1.2em 0.35em;  text-align: left;  transition: 0.2s; color: var(--keyc);}
  	#global_nav .nav_links li .nav_link:hover { opacity: 0.8;}
  	#global_nav .nav_links li.sns_links {  display: flex;  justify-content: flex-end;  align-items: flex-start;  font-size: 16px;  gap: 0.5em;}
  	#global_nav .nav_links li .nav_link_icon {  position: relative;  display: block;  width: 2em;  height: 2em;  border-radius: 9999px;   overflow: hidden;}
  	#global_nav .nav_links li .nav_link_icon img {  display: block;  width: 100%;  height: auto;  transition: 0.2s;}
  	#global_nav .nav_links li .nav_link_icon:hover img {  opacity: 0.7;}
  	#global_nav .nav_links .group {  position: relative;}
  	#global_nav .nav_links .group .sub_nav {  position: absolute;  bottom: 0;  right: 0;  transform: translate(0%, 100%);  display: flex;  flex-direction: column;  gap: 0.5em;  pointer-events: none;}
  	#global_nav .nav_links .group .sub_nav .sub_nav_link {  position: relative;  display: block;  font-size: 16px;  line-height: 1.1em;  letter-spacing: 0.1em;  white-space: nowrap;  font-weight: 700;  font-family: YakuHanJP, "Montserrat", "Noto Sans JP", "Noto Sans", "メイリオ", "Meiryo", "MS PGothic", sans-serif;  color: var(--keyd);  text-align: left;  background-color: #fff;  color: var(--keyd);  padding: 0.8em 2.5em 0.8em 1.5em;  opacity: 0;  visibility: hidden;  transform: translateX(50%);  transition: 0.2s;}
  	#global_nav .nav_links .group .sub_nav .sub_nav_link::before {  position: absolute;  display: block;  content: "";  top: 0;  left: 0;  width: 2px;  height: 100%;  background-color: var(--keyd);  transition: 0.2s;}
  	#global_nav .nav_links .group .sub_nav .sub_nav_link::after {  position: absolute;  display: block;  content: "";  top: 0;  left: 0;  width: 2px;  height: 100%;  background-color: #00FFFF;  opacity: 0;  transition: 0.2s;}
  	#global_nav .nav_links .group .sub_nav .sub_nav_link span {  position: relative;}
  	#global_nav .nav_links .group .sub_nav .sub_nav_link span.sub {  font-size: 11px;}
  	#global_nav .nav_links .group .sub_nav .sub_nav_link:nth-of-type(1) {  transition-delay: calc(1 * 0.05s + 0s);}
  	#global_nav .nav_links .group .sub_nav .sub_nav_link:nth-of-type(2) {  transition-delay: calc(2 * 0.05s + 0s);}
  	#global_nav .nav_links .group .sub_nav .sub_nav_link:nth-of-type(3) {  transition-delay: calc(3 * 0.05s + 0s);}
  	#global_nav .nav_links .group .sub_nav .sub_nav_link:nth-of-type(4) {  transition-delay: calc(4 * 0.05s + 0s);}
  	#global_nav .nav_links .group .sub_nav .sub_nav_link:nth-of-type(5) {  transition-delay: calc(5 * 0.05s + 0s);}
  	#global_nav .nav_links .group .sub_nav .sub_nav_link:nth-of-type(6) {  transition-delay: calc(6 * 0.05s + 0s);}
  	#global_nav .nav_links .group .sub_nav .sub_nav_link:nth-of-type(7) {  transition-delay: calc(7 * 0.05s + 0s);}
  	#global_nav .nav_links .group .sub_nav .sub_nav_link:nth-of-type(8) {  transition-delay: calc(8 * 0.05s + 0s);}
  	#global_nav .nav_links .group .sub_nav .sub_nav_link:nth-of-type(9) {  transition-delay: calc(9 * 0.05s + 0s);}
  	#global_nav .nav_links .group .sub_nav .sub_nav_link:nth-of-type(10) {  transition-delay: calc(10 * 0.05s + 0s);}
  	#global_nav .nav_links .group .sub_nav .sub_nav_link:hover::before {  width: 100%;}
  	#global_nav .nav_links .group .sub_nav .sub_nav_link:hover::after {  opacity: 1;}
  	#global_nav .nav_links .group .sub_nav .sub_nav_link:hover span {  color: #fff;}
  	#global_nav .nav_links .group .sub_nav.active {  pointer-events: initial;}
  	#global_nav .nav_links .group .sub_nav.active .sub_nav_link {  opacity: 1;  visibility: visible;  transform: translateX(0%);}
  .nav_trigger_outer {  display: none;}
}
@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: 90%;}
  	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: 1em 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.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;}
	#global_nav .nav_links li.sns_links {width: 70px; margin-top: 2em;}
	
  	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) * 1) 0;}
footer .copyright {font-size: 11px;}

#footer_bnrs {position: relative;padding: calc(var(--main_distance) * 1) 0;}
#footer_bnrs .bnr_list {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;gap: var(--main_gap);}
#footer_bnrs .bnr_list .bnr {display: block;transition: 0.2s;}
#footer_bnrs .bnr_list .bnr img {display: block;width: 100%;height: auto;}
#footer_bnrs .bnr_list .bnr:hover {opacity: 0.8;}
#footer_bnrs .bnr_list.column_2 .bnr {width: calc((100% - var(--main_gap) * 1) / 2);}
#footer_bnrs .bnr_list.column_3 .bnr {width: calc((100% - var(--main_gap) * 2) / 3);}
#footer_bnrs .bnr_list.column_4 .bnr {width: calc((100% - var(--main_gap) * 3) / 4);}
#footer_bnrs .bnr_list.column_5 .bnr {width: calc((100% - var(--main_gap) * 4) / 5);}

@media only screen and (max-width: 835px) {
	#footer_bnrs .bnr_list {  width: 70%;}
  	#footer_bnrs .bnr_list.column_2 .bnr {  width: 100%;}
  	#footer_bnrs .bnr_list.column_3 .bnr {  width: 100%;}
  	#footer_bnrs .bnr_list.column_4 .bnr {  width: 100%;}
  	#footer_bnrs .bnr_list.column_5 .bnr {  width: 100%;}
}
.page_foot_links {position: relative;display: flex;justify-content: space-between;gap: calc(var(--main_gap) * 1);margin-bottom: calc(var(--main_gap) * 6);}
.page_foot_links .footer_bnr {width: calc(100% - 60px);margin: 0 auto; border: 1px solid var(--keyc2); line-height: 0;}
.page_foot_links .footer_bnr img {width: 100%;height: 100%;}

@media only screen and (max-width: 835px) {.page_foot_links {  
	flex-direction: column;}
  	.page_foot_links .cmn_link_btn {  width: 100%;}
}


/*----------------------------------------
	bg
------------------------------------------*/
#bg_fixed {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 130lvh;background: repeat center url(../images/webp/bg_repeat_texture.webp);background-size: 72px;}


/*----------------------------------------
	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_02.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;}
}


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

.com_bg_layer_pat_01 {background-size: auto auto;background-color: rgb(8, 0, 26);background-image: repeating-linear-gradient(90deg, transparent, transparent 25px, rgb(26, 18, 42) 25px, rgb(26, 18, 42) 50px);border-top: 4px solid #928765;border-bottom: 4px solid #928765;}
.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;}


/*----------------------------------------
	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(255, 255, 255, 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/cmn_parts/btn_close_v03.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/cmn_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 ---- */

/*----------------------------------------
	404
------------------------------------------*/
#error_404 {padding: calc(var(--main_distance) * 2) 0;}
#error_404 .container_s p {color: var(--keyd);}
#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: #FF671A;color: #fcfcfc;font-weight: bold;font-size: min(18px, 4vw);white-space: nowrap;letter-spacing: 0.05em;margin: 0 auto;transition: 0.2s;border-radius: 5px;}
#error_404 .container_s .error_toplink:hover {transform: translateY(-2px);}/*# sourceMappingURL=common.css.map */