/*----------------------------------------
	base
------------------------------------------*/
html.html_reset {margin: 0!important; padding: 0!important;}
body {position: relative; height:100%; width: 100%; overflow-y: scroll; overflow-x: hidden; background-color: var(--c_bg_color); text-align: center; color: var(--c_font_color); font-family: var(--font_base_setting); font-size: var(--base_font_size); font-optical-sizing: auto; font-weight: 500; line-height: var(--base_line_height); word-break: break-word;
	&:before{position: fixed;content: "";background-image: url(../images/bg/bg.webp);background-position: center;background-repeat: repeat;background-size: cover;width: 100%;height: 100%;top: 0;left: 0;opacity: 1;z-index: -1;pointer-events: none;}
}
main {position: relative; overflow: clip; /*margin-bottom: calc(var(--base_distance)*1);*/}
a { color: var(--c_link_color); }
img {max-width: 100%; height: auto;}
:root {color-scheme: only light;}
@media only screen and (max-width: 835px){
	body {min-height: 100%;
		&:before{background-image: url(../images/bg/bg_sp.webp);}
		&.scroll_on { overflow-y: scroll; overflow-x: hidden; pointer-events: auto;}
	}
}

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

.mod_mb_0{margin-bottom: 0!important;}
.mod_mb_0p5distance{margin-bottom: calc(var(--base_distance)*0.5)!important;}
.mod_mb_1p0distance{margin-bottom: calc(var(--base_distance)*1)!important;}
.mod_mb_1p5distance{margin-bottom: calc(var(--base_distance)*1.5)!important;}
.mod_mb_2p0distance{margin-bottom: calc(var(--base_distance)*2)!important;}
.mod_mb_2p5distance{margin-bottom: calc(var(--base_distance)*2.5)!important;}
.mod_mb_3p0distance{margin-bottom: calc(var(--base_distance)*3)!important;}
.mod_mb_3p5distance{margin-bottom: calc(var(--base_distance)*3.5)!important;}
.mod_mb_4p0distance{margin-bottom: calc(var(--base_distance)*4)!important;}
.mod_mb_4p5distance{margin-bottom: calc(var(--base_distance)*4.5)!important;}
.mod_mb_0p5gap{margin-bottom: calc(var(--base_gap)*0.5)!important;}
.mod_mb_1p0gap{margin-bottom: calc(var(--base_gap)*1)!important;}
.mod_mb_1p5gap{margin-bottom: calc(var(--base_gap)*1.5)!important;}
.mod_mb_2p0gap{margin-bottom: calc(var(--base_gap)*2)!important;}
.mod_mb_2p5gap{margin-bottom: calc(var(--base_gap)*2.5)!important;}
.mod_mb_3p0gap{margin-bottom: calc(var(--base_gap)*3)!important;}
.mod_mb_3p5gap{margin-bottom: calc(var(--base_gap)*3.5)!important;}
.mod_mb_4p0gap{margin-bottom: calc(var(--base_gap)*4)!important;}
.mod_mb_4p5gap{margin-bottom: calc(var(--base_gap)*4.5)!important;}

.mod_text_bold{font-weight: bold;}
.mod_text_center{text-align: center;}
.mod_text_left{text-align: left;}
.mod_text_right{text-align: right;}
.mod_text_base{font-size: var(--base_font_size); line-height: var(--base_line_height);}
.mod_text_small {font-size: 0.6em; line-height: 1em;}
.mod_mb_0p5em{margin-bottom: 0.5em;}
.mod_mb_1p0em{margin-bottom: 1em;}
.mod_mb_1p5em{margin-bottom: 1.5em;}
.mod_mb_2p0em{margin-bottom: 2em;}
.mod_text_underline{text-decoration: underline;}

.mod_flex_box_01 , .mod_flex_box_02 , .mod_flex_box_03 , .mod_flex_box_04 , .mod_flex_box_05 { display: flex; flex-wrap:wrap; gap:var(--base_gap); justify-content: space-between;
	&.jst_center {justify-content: center; }
	&.ali_center {align-items: center; }
}
.mod_flex_box_01 { > div , > li , >figure {width: 100%;} }
.mod_flex_box_02 { > div , > li , >figure {width: calc((100% - var(--base_gap)*1)/2);} }
.mod_flex_box_03 { > div , > li , >figure {width: calc((100% - var(--base_gap)*2)/3);} }
.mod_flex_box_04 { > div , > li , >figure {width: calc((100% - var(--base_gap)*3)/4);} }
.mod_flex_box_05 { > div , > li , >figure {width: calc((100% - var(--base_gap)*4)/5);} }
@media only screen and (max-width: 835px){
	.mod_flex_box_01,.mod_flex_box_02 {> div,> li ,>figure{width: 100%;}}
	.mod_flex_box_03,.mod_flex_box_04 {> div,> li ,>figure{width: calc((100% - var(--base_gap) * 1) / 2);}}
	.mod_flex_box_05 {> div,> li ,>figure{width: calc((100% - var(--base_gap) * 6) / 2);}}
}
.mod_text_slide_anim_box {display: flex; height: 170px;
	img {display: block; width: auto; max-width: initial; height: 100%; animation: hor_move_l 100s linear infinite;}
	&.reverse {animation: hor_move_r 100s linear infinite;}
}
@media screen and (max-width: 768px) {
	.mod_text_slide_anim_box{height: 83px;}
}

.mod_youtube_iframe_size {position: relative; display: block; width: 100%; height: auto; aspect-ratio: 16 / 9;}
.mod_disactive { pointer-events: none; }
.mod_negative_margin_top {margin-top: -20vh; padding-top: 20vh;}
.mod_scroll_bar_delete {-ms-overflow-style: none; scrollbar-width: none;}
.mod_scroll_bar_delete::-webkit-scrollbar {display:none;}

/* wrap settings
-------------------------------*/
.wrap_100px  { position: relative; margin: 0 auto; width: var(--base_wrap_width); max-width: 100px;}
.wrap_200px  { position: relative; margin: 0 auto; width: var(--base_wrap_width); max-width: 200px;}
.wrap_300px  { position: relative; margin: 0 auto; width: var(--base_wrap_width); max-width: 300px;}
.wrap_400px  { position: relative; margin: 0 auto; width: var(--base_wrap_width); max-width: 400px;}
.wrap_500px  { position: relative; margin: 0 auto; width: var(--base_wrap_width); max-width: 500px;}
.wrap_600px  { position: relative; margin: 0 auto; width: var(--base_wrap_width); max-width: 600px;}
.wrap_700px  { position: relative; margin: 0 auto; width: var(--base_wrap_width); max-width: 700px;}
.wrap_800px  { position: relative; margin: 0 auto; width: var(--base_wrap_width); max-width: 800px;}
.wrap_900px  { position: relative; margin: 0 auto; width: var(--base_wrap_width); max-width: 900px;}
.wrap_1000px { position: relative; margin: 0 auto; width: var(--base_wrap_width); max-width: 1000px;}
.wrap_1100px { position: relative; margin: 0 auto; width: var(--base_wrap_width); max-width: 1100px;}
.wrap_1200px { position: relative; margin: 0 auto; width: var(--base_wrap_width); max-width: 1200px;}
.wrap_1300px { position: relative; margin: 0 auto; width: var(--base_wrap_width); max-width: 1300px;}
.wrap_1400px { position: relative; margin: 0 auto; width: var(--base_wrap_width); max-width: 1400px;}
.wrap_1500px { position: relative; margin: 0 auto; width: var(--base_wrap_width); max-width: 1500px;}
.wrap_1600px { position: relative; margin: 0 auto; width: var(--base_wrap_width); max-width: 1600px;}
.wrap_1700px { position: relative; margin: 0 auto; width: var(--base_wrap_width); max-width: 1700px;}
.wrap_1800px { position: relative; margin: 0 auto; width: var(--base_wrap_width); max-width: 1800px;}
.wrap_1900px { position: relative; margin: 0 auto; width: var(--base_wrap_width); max-width: 1900px;}
.wrap_100px , .wrap_200px , .wrap_300px , .wrap_400px , .wrap_500px , .wrap_600px , .wrap_700px , .wrap_800px , .wrap_900px , .wrap_1000px , .wrap_1100px , .wrap_1200px , .wrap_1300px , .wrap_1400px , .wrap_1500px , .wrap_1600px , .wrap_1700px , .wrap_1800px , .wrap_1900px {
	&.w_100 {width: 100%;}
} 

/*----------------------------------------
	loading / opening animation
------------------------------------------*/
#loading {position: fixed; top: 0; left: 0; display: block; width: 100%; height: 100vh; height: 100svh; background-color: var(--c_bg_color);z-index: var(--z_loading); --loading_ink: #1e1e1e;
	&.is_loaded {display: none;}
	&.load_open { animation: fade_out 2s forwards; pointer-events: none;}
	&.load_open .loading_target {animation: loading_target_open 0.9s var(--easeInOutCubic) 1.1s forwards; border-color: rgba(30,30,30,0.06);}
	&.load_open .loading_target::before {animation: loading_x_sequence 2s var(--easeInOutCubic) forwards;}
	&.load_open .loading_target::after {animation: loading_x_sequence_reverse 2s var(--easeInOutCubic) forwards;}
	&.load_open .loading_target_ring, &.load_open .loading_target_cross {opacity: 0; transition: opacity 0.16s var(--easeInCubic) 1.45s;}
	&.load_open .loading_logo {animation: loading_logo_out 0.5s var(--easeInCubic) 0.95s forwards;}
	&.load_open .loading_meta, &.load_open .loading_progress {animation: loading_info_out 0.16s var(--easeInCubic) 1.45s forwards;}
	.loading_grid {position: absolute; inset: 0; opacity: 0.42; background-image: linear-gradient(rgba(30,30,30,0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(30,30,30,0.12) 1px, transparent 1px); background-size: 5vw 5vw; mask-image: radial-gradient(circle at center, #000 0%, transparent 70%); animation: loading_grid_move 8s linear infinite;}
	.loading_grid::after {position: absolute; content: ""; inset: 0; background: repeating-linear-gradient(0deg, transparent 0 4px, rgba(30,30,30,0.22) 5px 6px); opacity: 0.35;}
	.loading_target {position: absolute; top: 50%; left: 50%; width: min(62vw, 520px); aspect-ratio: 1; transform: translate(-50%, -50%); border: 1px solid rgba(30,30,30,0.22); border-radius: 50%; animation: loading_target_in 0.8s var(--easeOutQuint) both; transition: border-color 0.3s var(--easeInCubic) 1.45s;}
	.loading_target::before, .loading_target::after {position: absolute; content: ""; top: 50%; left: 50%; background-color: var(--loading_ink); opacity: 0.5; transform-origin: center;}
	.loading_target::before {width: 140%; height: 1px; transform: translate(-50%, -50%) rotate(45deg); animation: loading_x_in 1.2s var(--easeOutQuint) 0.9s both;}
	.loading_target::after {width: 140%; height: 1px; transform: translate(-50%, -50%) rotate(-45deg); animation: loading_x_in_reverse 1.2s var(--easeOutQuint) 0.9s both;}
	.loading_target_ring {position: absolute; display: block; top: 50%; left: 50%; border: 1px solid #acacac; border-radius: 50%; transform: translate(-50%, -50%);}
	.ring_outer {width: 76%; height: 76%; border-right-color: transparent; border-bottom-color: transparent; animation: rotation 9s linear infinite, loading_ring_outer_in 0.8s var(--easeOutQuint) both;}
	.ring_inner {width: 34%; height: 34%; border-left-color: transparent; border-top-color: transparent; animation: rotation_r 4s linear infinite, loading_ring_inner_in 0.8s var(--easeOutQuint) 0.1s both;}
	.loading_target_cross {position: absolute; display: block; top: 50%; left: 50%; background-color: var(--loading_ink);}
	.cross_horizontal {width: 12px; height: 1px; transform: translate(-50%, -50%); animation: loading_cross_horizontal_in 0.8s var(--easeOutQuint) 0.2s both;}
	.cross_vertical {width: 1px; height: 12px; transform: translate(-50%, -50%); animation: loading_cross_vertical_in 0.8s var(--easeOutQuint) 0.3s both;}
	.loading_logo {position: absolute; top: 50%; left: 50%; width: min(72vw, 640px); transform: translate(-50%, -50%);}
	.loading_logo img {display: block; width: 100%; filter: drop-shadow(0 0 14px rgba(255,255,255,0.26)); animation: loading_logo_in_image 1.2s var(--easeOutQuint) 0.25s both;}
	.loading_meta {position: absolute; bottom: 8vh; left: 50%; display: flex; justify-content: space-between; width: min(72vw, 640px); color: var(--loading_ink); font-family: var(--f_01); font-size: 10px; letter-spacing: 0.14em; transform: translateX(-50%);}
	.loading_status i {display: inline-block; width: 5px; height: 5px; margin-left: 5px; background-color: var(--loading_ink); animation: loading_blink 0.8s steps(2, end) infinite;}
	.loading_progress {position: absolute; bottom: 6vh; left: 50%; width: min(72vw, 640px); height: 2px; overflow: hidden; background-color: rgba(30,30,30,0.2); transform: translateX(-50%);}
	.loading_progress span {display: block; width: 34%; height: 100%; background-color: var(--loading_ink); animation: loading_progress 2.4s var(--easeInOutCubic) infinite;}
}

@keyframes loading_grid_move {from {transform: translateY(0);} to {transform: translateY(5vw);}}
@keyframes loading_target_in {0% {opacity: 0; transform: translate(-50%, -50%) scale(1.08);} 100% {opacity: 1; transform: translate(-50%, -50%) scale(1);}}
@keyframes loading_x_in {0% {width: 0; opacity: 0; transform: translate(-50%, -50%) rotate(45deg) scale(1.05);} 100% {width: 140%; opacity: 0.5; transform: translate(-50%, -50%) rotate(45deg) scale(1);}}
@keyframes loading_x_in_reverse {0% {width: 0; opacity: 0; transform: translate(-50%, -50%) rotate(-45deg) scale(1.05);} 100% {width: 140%; opacity: 0.5; transform: translate(-50%, -50%) rotate(-45deg) scale(1);}}
@keyframes loading_ring_outer_in {0% {opacity: 0; width: 84%; height: 84%;} 100% {opacity: 1; width: 76%; height: 76%;}}
@keyframes loading_ring_inner_in {0% {opacity: 0; width: 38%; height: 38%;} 100% {opacity: 1; width: 34%; height: 34%;}}
@keyframes loading_cross_horizontal_in {0% {opacity: 0; width: 12px;} 100% {opacity: 1; width: 10px;}}
@keyframes loading_cross_vertical_in {0% {opacity: 0; height: 12px;} 100% {opacity: 1; height: 10px;}}
@keyframes loading_logo_in_image {0% {opacity: 0; filter: blur(12px) contrast(1.8); transform: scale(1.08);} 70% {opacity: 0.9; filter: blur(0) contrast(1); transform: scale(1);} 100% {opacity: 1; filter: blur(0) contrast(1); transform: scale(1);}}
@keyframes loading_target_open {0% {opacity: 1; transform: translate(-50%, -50%) scale(1);} 50% {opacity: 1; transform: translate(-50%, -50%) scale(1);} 100% {opacity: 1; transform: translate(-50%, -50%) scale(1.2);}}
@keyframes loading_x_open {0% {width: 140%; opacity: 0.5;} 28% {width: 220vmax; opacity: 0.95;} 68% {width: 220vmax; opacity: 0.95;} 100% {width: 320vmax; opacity: 0;}}
@keyframes loading_x_sequence {0% {width: 0; opacity: 0;} 65% {width: 140%; opacity: 0.5;} 75% {width: 140%; opacity: 0.5;} 100% {width: 320vmax; opacity: 0;}}
@keyframes loading_x_sequence_reverse {0% {width: 0; opacity: 0;} 65% {width: 140%; opacity: 0.5;} 75% {width: 140%; opacity: 0.5;} 100% {width: 320vmax; opacity: 0;}}
@keyframes loading_target_parts_out {0% {opacity: 1;} 100% {opacity: 0;}}
@keyframes loading_logo_in {0% {opacity: 0; filter: blur(12px) contrast(1.8); transform: translate(-50%, -50%) scale(1.08);} 70% {opacity: 0.9; filter: blur(0) contrast(1); transform: translate(-50%, -50%) scale(1);} 100% {opacity: 1; transform: translate(-50%, -50%) scale(1);}}
@keyframes loading_logo_out {0% {opacity: 1; filter: blur(0); transform: translate(-50%, -50%) scale(1);} 100% {opacity: 0; filter: blur(8px); transform: translate(-50%, -50%) scale(1.08);}}
@keyframes loading_info_out {0% {opacity: 1;} 100% {opacity: 0;}}
@keyframes loading_blink {50% {opacity: 0;}}
@keyframes loading_progress {0% {transform: translateX(-140%);} 70%, 100% {transform: translateX(420%);}}

@media only screen and (max-width: 835px){
	#loading {
		.loading_grid {background-size: 12vw 12vw;}
		.loading_target {width: 92vw;}
		.loading_logo, .loading_meta, .loading_progress {width: 82vw;}
		.loading_meta {bottom: 9vh; font-size: 8px; letter-spacing: 0.08em;}
		.loading_progress {bottom: 7vh;}
	}
}

@media (prefers-reduced-motion: reduce){
	#loading .loading_grid, #loading .loading_target, #loading .ring_outer, #loading .ring_inner, #loading .loading_logo, #loading .loading_status i, #loading .loading_progress span {animation: none;}
}

/*----------------------------------------
	common class
------------------------------------------*/

/* common parts
-------------------------------*/
.cmn_section {position: relative; display: block; width: 100%; height: auto; margin: 0 auto; padding: calc(var(--base_distance)*1) 0;}
.cmn_in_page_main {position: relative;display: block;width: 100%;height: auto;margin: 0 auto;padding: calc(var(--base_distance)*1.4) 0 0;}

.cmn_bg_layer {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.cmn_main_layer {position: relative;}

.cmn_coming_soon_img{position: relative; background: var(--c_gray); aspect-ratio: 16 / 9; display: flex; justify-content: center; align-items: center;
    &::before {content: 'COMING SOON'; position: absolute; color: var(--c_white_l); font-size: 2em;}
}

@media only screen and (max-width: 835px){
	.cmn_in_page_main{padding: calc(var(--base_distance)*2) 0 0;}
}

/*----- cmn link btn -----*/
.cmn_link_btn_outer {position: relative; display: block; text-align: center; width: 100%; max-width: var(--base_wrap_width); height: auto; margin: 0 auto;}
.cmn_link_btn_a {position: relative; display: inline-block; margin: 0 auto; padding: 0.5em 1.5em; height: auto; width: auto; min-width: min(340px , 100%); background-color: var(--c_white); line-height: 1.4em; color: var(--c_link_color); font-size: clamp( 16px , 5.5vw , 26px ); text-decoration: initial!important; transition: 0.2s;
	img {position: relative; height: 1.4em; width: auto;}
	span {position: relative;}
	&::before {position: absolute; display: block; content: ""; background-color: var(--c_theme_color); width: 100%; height: 100%; left: 0; top: 0; transform-origin: right top; transform: scale(0, 1); transition: transform 0.4s;}
	&:hover {color: var(--c_white);
		&::before {transform-origin: left top; transform: scale(1,1);}
	}
	&.w_100 {width: 100%;}
	&.disactive {pointer-events: none; filter: grayscale(1); opacity: 0.5;}
}
/*----- cmn link btn -----*/

/*----- cmn tag -----*/
.cmn_tag {position: relative; display: inline-block; font-size: clamp(12px , 2vw , 14px); line-height: 1.6em; padding: 0.1em 1em 0.15em; white-space: nowrap;
    &.c_fill_black {background-color: var(--c_black); color: var(--c_white_l);}
    &.c_fill_white {background-color: var(--c_white_l); color: var(--c_black_d); font-weight: 700;}
    &.c_fill_theme {background-color: var(--c_theme_color); color: var(--c_white_l);}
    &.c_border_black {border: 1px solid var(--c_black_d); color: var(--c_black_d); background-color: initial; font-weight: 700;}
	&.c_border_white {border: 1px solid var(--c_white); color: var(--c_white_l); background-color: initial;}
	&.c_border_theme {border: 1px solid var(--c_theme_color); color: var(--c_theme_color); background-color: initial;}
	&.clickable { transition: 0.2s;
		&:hover , &.active {
			&.c_fill_black {background-color: var(--c_white_l); color: var(--c_black);}
    		&.c_fill_white {background-color: var(--c_black_d); color: var(--c_white_l);}
    		&.c_fill_theme {background-color: var(--c_white_l); color: var(--c_theme_color);}
			&.c_border_black {background-color: var(--c_black_d); color: var(--c_white_l);}
			&.c_border_white {background-color: var(--c_white_l); color: var(--c_black_d);}
			&.c_border_theme {background-color: var(--c_theme_color); color: var(--c_white_l);}
		}
	}
}
.cmn_date_tag_box {position: relative; display: flex; flex-wrap: wrap; gap: calc(var(--base_gap)*0.25); width: 100%; height: auto; margin-bottom: calc(var(--base_gap)*0.5);}
.cmn_page_head_tag_box { position: relative; display: block; height: auto; 
	.tag_list {position: relative; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; gap:calc(var(--base_gap)*0.25); width: 100%; height: auto;
		li {display: inline-block;}
	}
	&.type_grid {--grid_num: 6;
		.tag_list {
			li {width: calc((100% - var(--base_gap)*0.25 *(var(--grid_num) - 1) ) / var(--grid_num));
				.cmn_tag {width: 100%; white-space: initial; display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
			}
		}
	}
}
@media only screen and (max-width: 835px){
	.cmn_page_head_tag_box.type_grid {--grid_num: 3;}
	.cmn_page_head_tag_box.type_sp_scroll { overflow-y: hidden; overflow-x: scroll; pointer-events: auto;
		.tag_list {flex-wrap: nowrap; width: auto;
			li {}
		}
	}
}
/*----- cmn tag -----*/

/*----- cmn pagination -----*/
.cmn_pagination_outer {position: relative; display: block; width: 100%; height: auto; margin-bottom: calc(var(--base_distance)*0.5);
	.cmn_pagination {position: relative; width: 100%; height: auto; display: flex; justify-content: center; align-items: center; font-size: clamp(15px , 1.5vw , 18px); line-height: 1em; font-family: var(--f_jakarta); gap: 0.2em;
		a , span {position: relative; display: flex; justify-content: center; align-items: center; color: var(--c_white_l); width: 2.5em; height: 2.5em; transition: 0.2s;
			&:not(.prev , .next) {
				&::before { position: absolute; display: block; content: ""; bottom: 0; left: 50%; width: 40%; height: 1px; background-color: var(--c_white_l); transform: translateX(-50%); opacity: 0;}
			}
			&.prev , &.next { border: 1px solid var(--c_white_l); border-radius: var(--base_border_radius);
				&::after { position: absolute; display: block; content: ""; top: 50%; left: 50%; width: 30%; height: 30%; background: no-repeat center url(../images/template_parts/icon_arrow_r.svg); background-size: contain;}
			}
			&.prev { margin-right: 2em;
				&::after { transform: translate(-50% , -50%) rotate(180deg); }
			}
			&.next { margin-left: 2em;
				&::after { transform: translate(-50% , -50%); }
			}
			&.current , &:hover { opacity: 0.3;
				&:not(.prev , .next) {
					&::before {opacity: 1;}
				}
			}
		}
	}
}
/*----- cmn pagination -----*/

/* accordion
-------------------------------*/
.cmn_accordion_box {
	.cmn_accordion_trigger { cursor: pointer; }
	.cmn_accordion_content { overflow: hidden; height: 0; transition: 0.4s ease;
	  &.accordion_open { height: auto; }
	}
}

/* write box
-------------------------------*/
.cmn_write_box_outer {position: relative; display: block; padding: calc(var(--base_gap)*2) calc(var(--base_gap)*1.5); margin-bottom: calc(var(--base_gap)*2); background-color: var(--c_white_l); border: 1px solid var(--c_gray_l); border-radius: var(--base_border_radius);}
@media only screen and (max-width: 835px){
	.cmn_write_box_outer  {padding: calc(var(--base_gap)*2.5) calc(var(--base_gap)*1.5);}
}
:root {--cmn_write_box_theme_color: #000; --cmn_write_box_font_color: #000;}
.cmn_write_box_title {position: relative; display: block; text-align: left; padding-bottom: calc(var(--base_gap)*1.5); margin-bottom: 2.4em; border-bottom: 1px solid var(--cmn_write_box_theme_color);
	.date { font-size: clamp(12px , 2vw , 14px); line-height: 1.4em; font-weight: bold; margin-bottom: 0.7em; letter-spacing: 0.1em; }
	.cmn_date_tag_box {margin-bottom: calc(var(--base_gap)*1);}
	.box_title { position: relative; display: block; width: 100%; font-size: clamp(17px , 2vw , 22px);  line-height: 1.4em; font-weight: 800; letter-spacing: 0.1em;}
}
.cmn_write_box {position: relative; text-align: left; font-size: clamp(13px , 2vw , 14px); font-weight: 400; line-height: 1.7em;  width: 100%; font-weight: 500;
	.main_visual { position: relative; display: block; width: 100%; height: auto; margin-bottom: 3em;
		img {display: block; width: 100%; height: auto;}
	}
	.cmn_link_btn_outer {margin-bottom: 1.5em;}
	blockquote {position: relative; display: block; width: 100%; height: auto; border: 1px solid var(--cmn_write_box_theme_color); padding: min( calc(var(--base_gap)*1.5) , 5vw) min( calc(var(--base_gap)*2) , 4vw); margin-top: 2em; margin-bottom: 1.5em;}
	iframe {width: 100%;}
	figure { margin-bottom: 1.5em;}
	img {display: block; max-width: 100%; height: auto; margin: 0 auto; margin-bottom: 1.5em;
		&.app_badge {width: 170px!important; padding-top: 5px;}
	}
	.img_flex { margin-bottom: 1em;
		img {margin: 0;}
	}
	p {line-height: 1.9em;}
	a {overflow-wrap: break-word; text-decoration: underline; font-weight: bold;}
	ul {margin-bottom: 1em;
		li {position: relative; display: block; margin-bottom: 0.8em; padding-left: 1.2em; 
			&::before {position: absolute; display: block; content: ""; top: 0; left: 0; width: 1em; height: 1em; transform: translateY(0.3em) scale(0.4); background-color: var(--cmn_list_color); border-radius: 9999px;}
			&:last-of-type {margin-bottom: 0;}
		}
	}
	hr {border-top: 1px dotted var(--cmn_write_box_theme_color); border-right: none;border-bottom: none;border-left: none; margin-bottom: 3em; margin-top: 3em;}
	strong {font-weight: 900;}
	&.type_single h2 , &.type_content h3 {position: relative; display: block; padding-bottom: 0.6em; padding-left: 1.1em; font-size: clamp(17px , 2.5vw , 20px); font-weight: 700; margin-bottom: 0.7em; margin-top: 3em; line-height: 1.4em; border-bottom: 1px solid var(--cmn_write_box_theme_color); border-style: dashed; border-top: none; border-left: none; border-right: none; color: var(--cmn_write_box_font_color);
		&::before {position: absolute; display: block; content: ""; left: 0; top: 0.5em; width: 0.45em; height: 0.45em; background-color: var(--cmn_write_box_theme_color); transform: rotateZ(45deg);}
		&:first-child {margin-top: 0;}
	}
	&.type_single h3 , &.type_content h4 {position: relative; display: inline-block; font-size: 1.05em; font-weight: 800; margin-bottom: 0.7em; margin-top: 1.5em; line-height: 1.4em; padding: 0.2em 0.9em 0.25em; border: 1px solid var(--cmn_write_box_theme_color); color: var(--cmn_write_box_font_color);
		&:first-child {margin-top: 0;}
	}
	&.type_single h4 , &.type_content h5 {position: relative; display: block; margin-top: 1.2em; margin-bottom: 0.2em; font-size: 1.05em; line-height: 1.4em; font-weight: 800; color: var(--cmn_write_box_font_color); padding-left: 0.9em;
		&::before { position: absolute; display: block; content: ""; top: 0.75em; left: 0; width: 0.6em; height: 0.6em; background-color: var(--cmn_write_box_theme_color); transform: translateY(-50%); clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);}
		&:first-child {margin-top: 0;}
	}
}

/*-- list style --*/
:root {--cmn_list_color: var(--c_theme_color);}
ul {
	&.cmn_list_circle , &.cmn_list_kome , &.cmn_list_asterisk  { 
		li {position: relative; display: block; margin-bottom: 0.5em; padding-left: 1.2em;
			&:last-of-type {margin-bottom: 0;}
		}
	}
	&.cmn_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(--cmn_list_color); border-radius: 9999px;}
		}
	}
	&.cmn_list_kome {
		li {padding-left: 1.2em;
			&::before {position: absolute; display: block; content: ""; content: "※"; top: 0; left: 0; width: 1em; height: 1em; transform: translateY(0em); color: var(--cmn_list_color); background: initial;}
		}
	}
	&.cmn_list_asterisk {
		li { padding-left: 0.8em; font-size:0.95em; line-height:1.4em;
			&::before {position: absolute; display: block; content: ""; content: "*"; top: 0; left: 0; width: 1em; height: 1em; transform: translateY(0em); color: var(--cmn_list_color); background: initial;}
		}
	}
	&.cmn_list_underline {
		li { line-height:1.4em; border-bottom: 1px solid var(--cmn_list_color); padding-top: 0.8em; padding-bottom: 0.8em; margin-bottom: 0;
			&::before {position: absolute; display: block; content: ""; top: 0; left: 0; width: 1em; height: 1em; transform: translateY(calc(0.3em + 0.8em)) scale(0.4); background-color: var(--cmn_list_color); border-radius: 9999px;}
		}
	}
}
/*-- list style --*/

/*----------------------------------------
	header
------------------------------------------*/
header{
	.header_logo {position: fixed;top: 30px;left: 30px;width: min(120px,  24vw);z-index: var(--z_header_logo);transition: 0.2s;
		img {display: block; width: 100%; height: 100%; object-fit: contain;}
		&:hover {opacity: 0.7;}
	}
}
@media only screen and (max-width: 835px){
	header{
		.header_logo {top: 14px;left: 14px;}
	}
}

/*----------------------------------------
	navigation
------------------------------------------*/
:root {--header_height: min(60px , 10vh);}
@media only screen and (min-width: 835px){
	#global_nav {position: fixed;z-index: var(--z_nav);top: 12px;left: 12px;display: flex;justify-content: flex-end;align-items: center;width: calc(100% - 24px);height: var(--header_height);padding: 0 min(80px) 0 calc(var(--header_height) *0.5);
		&::before {position: absolute;display: block;content: "";top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;transition: 0.2s;background: linear-gradient(to bottom, rgb(113 113 113 / 50%) 0%, rgba(0, 0, 0, 0) 100%);}
		.nav_links {--nav_font_size : 16px;display: flex;justify-content: flex-end;align-items: center;gap: 0.5em;line-height: 1.2em;
			li {display: block;
				.nav_link {position: relative;display: block;line-height: 1.5em;letter-spacing: 0;white-space: nowrap;font-size: min(24px,2vw);font-weight: 700;color: #000;padding: 0.3em 0.4em 0.3em;text-align: left;transition: 0.2s;font-family: var(--f_01);
					&:after{position: absolute;display: block;content: "";top: 50%;left: 0;width: 0;height: 1px;background-color: #000;transform: translateY(-50%);opacity: 1;transition: 0.3s;}
					&.active , &:hover { filter: brightness(1.2);
						&:after{width: 100%;}
					}
					&.disactive {opacity: 0.5; pointer-events: none;}
				}
				.sns_links {display: flex; justify-content: flex-end; align-items: center; gap: 0.5em; padding-left: 0.5em;
					.nav_link_icon {position: relative; display: block; width: 1.7em; height: 1.7em;
						img {display: block; width: 100%; height: auto; transition: 0.2s;}
						&:hover {
							img {transform: translateY(-2px);}
						}
					}
				}
			}
		}
	}
}
@media only screen and (max-width: 835px){
	#global_nav {position: fixed;top: 0;left: 0;width: 100%;height: 100lvh;z-index: var(--z_nav);background-color: #000000b8;backdrop-filter: blur(16px);overflow-y: scroll;overflow-x: hidden;padding-top: 90px;padding-bottom: 50px;opacity: 0;visibility: hidden;pointer-events: none;transition: 0.2s;
		.nav_links {position: relative;width: 85%;height: auto;margin: 0 auto;text-align: left;font-size: 20px;font-weight: 700;line-height: 1.2em;letter-spacing: 0.05em;background: #000;padding: 30px 24px;border-radius: 4px;font-family: var(--f_01);
			li {opacity: 0;transform: translateX(-50px);transition: 0.6s;filter: blur(10px);
				.nav_link , .sub_nav_link {position: relative;display: block;font-weight: 500;color: #fff;white-space: nowrap;font-size: min(6vw,25px);line-height: 1.3em;}
				.nav_link { padding: 0.5em 0; padding-left: 0em;
					&::before { position: absolute; display: block; content: ""; left: 0; top: calc(0.8em + 0.6em); transform: translateY(-50%); width: 0.6em; height: 1em; background: no-repeat center url(); background-size: contain; }
					&.disactive {opacity: 0.5;}
				}
				@for $step from 1 through 14 {
					&:nth-of-type(#{$step}) {transition-delay: calc(#{$step}* 0.03s + 0s);}
				}
				&.sns_links {display: flex; justify-content: flex-start; align-items: center; font-size: 20px; gap: 0.5em; padding: 0.8em 0;}
				.nav_link_icon {position: relative; display: inline-block; width: 2em; height: 2em; overflow: hidden;
					img {display: block; width: 100%; height: auto; transition: 0.2s;}
					&:hover {
						img {opacity: 0.7;}
					}
				}
			}
		}
		&.active { opacity: 1; visibility: visible; pointer-events: initial;
			.nav_links {
				li {opacity: 1;transform: translateX(0px);filter: blur(0px);}
			}
		}
	}
}

/* nav trigger
-------------------------------*/
:root {--nav_trigger_size: clamp(50px , 10vw , 90px);}
.nav_trigger_outer {display: none;position: fixed;top: 4px;right: 6px;width: var(--nav_trigger_size);height:  var(--nav_trigger_size);cursor: pointer;z-index: var(--z_nav_trigger);
	.nav_trigger_bar { position: absolute; width: 60%; height: 30%; top: 50%; left: 50%; transform: translate(-50% , -50%); display: block; transition: 0.6s;
		span {position: absolute;left: 50%;transform: translate(-50% , -50%) rotateZ(0deg);width: 100%;height: clamp(2px , 0.5vw , 3px);display: block;transition: 0.2s;background-color: #fff;border-radius: 9999px;
			&:nth-last-of-type(1) {top: calc(50% - 50%); width: 100%;}
			&:nth-last-of-type(2) {top: calc(50% - 0%); width: 100%;}
			&:nth-last-of-type(3) {top: calc(50% + 50%); width: 100%;}
		}
	}
	&.type_text {
		.nav_trigger_bar { height: 35%;
			span {
				&:nth-last-of-type(1) {top: calc(50% - 50%);}
				&:nth-last-of-type(2) {top: calc(50% - 10%);}
				&:nth-last-of-type(3) {top: calc(50% + 30%);/* height: 40%; *//* background: no-repeat center url(../images/template_parts/hbg_menu_text.svg); *//* background-size: contain; */}
			}
		}
	}
	&.active {
		.nav_trigger_bar {
			span {
				&:nth-last-of-type(1) {transform: translate(-50% , -50%) rotateZ(-135deg); top: calc(50% - 0%);}
				&:nth-last-of-type(2) {transform: translate(-50% , -50%) rotateZ(135deg); top: calc(50% - 0%);}
				&:nth-last-of-type(3) { opacity: 0; }
			}
		}
	}
}
@media only screen and (max-width: 835px){
	.nav_trigger_outer {display: block;}
}

/*----------------------------------------
	footer
------------------------------------------*/
.footer{position: sticky;top: 100%;text-align: center;background-color: #000;padding: calc(var(--base_distance)*0.6) 0 calc(var(--base_distance)*1.6);color:#fff;color: var(--c_bg_color);background-image: url(../images/bg/bg.png);background-position: center;background-repeat: no-repeat;background-size: cover;
    .link_flex{display: flex;gap:24px;justify-content: center;margin-bottom: 32px;
        .bnr{width: min(30%,300px);
			&:hover{
                img{transform: scale(1.08);}
            }
			img{width: 100%; height: auto;transition: transform 0.3s var(--easeInOutCubic);}
		}
        .icon{width: 40px;}
        &:not(:last-of-type){}
    }
    .copyright{font-size: 16px;font-weight: 500;line-height: 1.3em;display: block;}
}
@media screen and (max-width: 768px) {
    .footer{
        .link_flex{flex-direction: column;align-items: center;
            .bnr{width: 80%;margin: 0 auto;}
        }
        .copyright{line-height: 1.7em;font-size: 10px;
            span{display: block;}
        }
    }
}

/*----------------------------------------
	bg
------------------------------------------*/

/*----------------------------------------
	step delay
------------------------------------------*/
.cmn_step_delay_box {
	li,div,p,span  {
		&:nth-of-type(1) {--step_delay: 0;}
		&:nth-of-type(2) {--step_delay: 1;}
		&:nth-of-type(3) {--step_delay: 2;}
		&:nth-of-type(4) {--step_delay: 3;}
		&:nth-of-type(5) {--step_delay: 4;}
		&:nth-of-type(6) {--step_delay: 5;}
		&:nth-of-type(7) {--step_delay: 6;}
		&:nth-of-type(8) {--step_delay: 7;}
		&:nth-of-type(9) {--step_delay: 8;}
		&:nth-of-type(10) {--step_delay: 9;}
		&:nth-of-type(11) {--step_delay: 10;}
		&:nth-of-type(12) {--step_delay: 11;}
		&:nth-of-type(13) {--step_delay: 12;}
		&:nth-of-type(14) {--step_delay: 13;}
		&:nth-of-type(15) {--step_delay: 14;}
		&:nth-of-type(16) {--step_delay: 15;}
		&:nth-of-type(17) {--step_delay: 16;}
		&:nth-of-type(18) {--step_delay: 17;}
		&:nth-of-type(19) {--step_delay: 18;}
		&:nth-of-type(20) {--step_delay: 19;}
		&:nth-of-type(21) {--step_delay: 20;}
		&:nth-of-type(22) {--step_delay: 21;}
		&:nth-of-type(23) {--step_delay: 22;}
		&:nth-of-type(24) {--step_delay: 23;}
		&:nth-of-type(25) {--step_delay: 24;}
		&:nth-of-type(26) {--step_delay: 25;}
		&:nth-of-type(27) {--step_delay: 26;}
		&:nth-of-type(28) {--step_delay: 27;}
		&:nth-of-type(29) {--step_delay: 28;}
		&:nth-of-type(30) {--step_delay: 29;}
	}
}
/* cmn_step_delay_boxの子要素（li,div,p,span）に transition-delay: calc(var(--step_delay) * 0.05s + 0s); */

/*----------------------------------------
	modal
------------------------------------------*/
.cmn_modal_layer{--modal_btn_size: clamp(50px , 5vw , 70px); position: fixed; top: 0px; left: 0; right: 0; bottom: 0; width: 100%; height: calc(100%); z-index: var(--z_modal); opacity: 0; visibility: hidden; pointer-events: none;
	.modal_bg {position: fixed; top: 0px; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; transition: 0.6s;
		&::before { position: absolute; display: block; content: ""; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--c_black_d); opacity: 0.6; }
	}
	.modal_inner { position: absolute; width: auto; height: auto; top:50%; left: 50%; transform: translateX(-50%) translateY(-50%); text-align: left; opacity: 0; transition: 0.6s;
		img {width: auto; height: auto; max-width: min(1400px, 94vw); max-height: 75vh; cursor: initial;
			&.img_mono_modal_content {width: auto!important; height: auto!important; cursor: initial!important;}
		}
		.modal_youtube_video_box {width: min(1200px, 94vw); padding-top: min( 90vh , calc(100% * 1080 / 1920) );
			iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
			img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain;}
		}
		.modal_textbox {width: min(1000px, 94vw); max-height: calc(75vh); background-color: var(--c_white_l); color: var(--c_black_d); padding: clamp(12px , 4vw , 50px); text-align: left; overflow: hidden; font-size: clamp(13px , 2vw , 16px);
			&.scrollable {overflow-x: hidden; overflow-y: scroll; overscroll-behavior: contain;}
		}
	}	
	.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/template_parts/btn_close.svg"); background-size: contain; cursor: pointer;}
	&.visible { opacity: 1; visibility: visible; pointer-events: auto;
		.modal_bg { opacity: 1; }
		.modal_inner { opacity: 1;}
	}
}
.cmn_slide_modal_layer {
	.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_visible {opacity: 1; visibility: visible; pointer-events: initial;}
		}
	}
	.modal_prev_btn , .modal_next_btn {position: absolute; top: 50%; transform: translateY(-50%); height: min(270px , 25vh); width: min(80px , 10vw); background-color: var(--c_black); cursor: pointer; transition: 0.2s; -webkit-tap-highlight-color:rgba(0,0,0,0);
		&::before { position: absolute; display: block; content: ""; top: 50%; left: 50%; transform: translate(-50% , -50%); width: 40%; height: 100%; background: no-repeat center url(../images/template_parts/icon_arrow_r.svg); background-size: contain; }
		&.disactive {opacity: 0.2; pointer-events: none;}
		&:focus {outline: none;}
	}
	.modal_prev_btn {left: 0; border-top-right-radius: 10px; border-bottom-right-radius: 10px;
		&::before {transform: translate(-50% , -50%) scale(-1,1);}
		&:hover {transform: translateY(-50%) translateX(-4px);}
	}
	.modal_next_btn {right: 0; border-top-left-radius: 10px; border-bottom-left-radius: 10px;
		&:hover {transform: translateY(-50%) translateX(4px);}
	}
}
@media only screen and (max-width: 835px){
	.slide_modal {
		.modal_prev_btn , .modal_next_btn { width: 12%; height: 20vh; background-size: 30% auto;}
		.modal_prev_btn {left: 0;}
		.modal_next_btn {right: 0;}
	}
}
.cmn_img_mono_modal_trigger {cursor: pointer;}

/*----------------------------------------
	schedule_grid
------------------------------------------*/
.cmn_schedule_grid {
	--schedule_main_bg_color:rgba(0,0,0,0);
	--day_time_color:#252525;
	--grid_h_color:#191919;
	--saturday_color:#00B5EE;
	--sunday_color:#E5007F;
	--closed_day_color:#191919;
	--font_color:#191919;
	--border_color:#191919;
	--font-size:clamp(12px , 4.0vw , 18px);
	--grid_h_width: calc(var(--font-size) * 5);
	--grid_h_height: calc(var(--font-size) * 4);
	--grid_box_width: calc( (var(--schedule_grid_width) - var(--grid_h_width)) / var(--sc_day_num));
	--grid_box_height: calc(var(--font-size) * 3);
}
.cmn_schedule_grid { position: relative; display: grid; width: var(--schedule_grid_width); margin: 0 auto; grid-template-columns: var(--grid_h_width) repeat(var(--sc_day_num) , calc( (var(--schedule_grid_width) - var(--grid_h_width) ) / var(--sc_day_num))); grid-template-rows: var(--grid_h_height) repeat(var(--sc_time_num) , var(--grid_box_height)); background-color: var(--schedule_main_bg_color); overflow: hidden; grid-auto-flow: column; font-size: var(--font-size);
	p {position: relative; display: block; margin-bottom: 0; display: flex; justify-content: center; align-items: center; flex-direction: column; font-weight: bold; color: var(--font_color); line-height: 1.2em;
		&.grid_h {color: var(--grid_h_color); border-bottom: 1px solid var(--border_color); border-right: 1px solid var(--border_color); }
		&.day { color: var(--day_time_color); border-bottom: 1px solid var(--border_color);
			span {font-size: 0.7em;}
			&::before { position: absolute; display: block; content: ""; height: calc(var(--grid_box_height) * var(--sc_time_num) - 0.5em); width: 0px; top: initial; right: initial; left: 50%; bottom: 0; transform: translateX(0%) translateY(calc(100% + 0.5em)); border-top: initial; border-right: 1px dashed var(--border_color); }
		}
		&.time { color: var(--day_time_color); border-right: 1px solid var(--border_color);
			&::before { position: absolute; display: block; content: ""; height: 0px; width: calc(var(--grid_box_width) * var(--sc_day_num) - 0.5em); top: 50%; right: 0; transform: translateX(calc(100% + 0.5em)) translateY(-50%); border-top: 1px dashed var(--border_color); opacity: 0.7; }
		}
		&.sat {color: var(--saturday_color);}
		&.sun {color: var(--sunday_color);}
		&.closed {
			&::after {position: absolute; display: block; content: ""; left: 50%; bottom: calc(var(--grid_box_height)* var(--sc_time_num)* 0.5 * -1); color: var(--closed_day_color); width: 1.6em; height: calc(var(--grid_box_height) * var(--sc_time_num) * 0.6); min-height: 4.7em; transform: translate(-50% , 50%); opacity: 1; z-index: 1; content: "休 演 日"; writing-mode: vertical-rl; display: grid; place-items: center; background-color: var(--c_bg_color); border: 1px solid var(--border_color); border-radius: 9999px; font-size: 0.9em;}
		}
	}
}
@media only screen and (max-width: 835px){
	.cmn_schedule_grid {
		--grid_h_width: calc(var(--font-size) * 5);
		--grid_h_height: calc(var(--font-size) * 4);
		--grid_box_width: calc( (var(--schedule_grid_width) - var(--grid_h_width)) / var(--sc_time_num));
		--grid_box_height: calc(var(--font-size) * 3);
	}
	.cmn_schedule_grid {grid-auto-flow: row; grid-template-columns: var(--grid_h_width) repeat(var(--sc_time_num) , calc((var(--schedule_grid_width) - var(--grid_h_width)) / var(--sc_time_num))); grid-template-rows: var(--grid_h_height) repeat(var(--sc_day_num) , var(--grid_box_height)); 
		p {
			&.day { border-bottom: none; border-right: 1px solid var(--border_color);
				&::before { position: absolute; display: block; content: ""; height: 0px; width: calc(var(--grid_box_width) * var(--sc_time_num) - 0.5em); left: initial; bottom: initial; top: 50%; right: 0; transform: translateX(calc(100% + 0.5em)) translateY(-50%); border-top: 1px dashed var(--border_color); opacity: 0.7; }
			}
			&.time { border-bottom: 1px solid var(--border_color); border-right: none;
				&::before { position: absolute; display: block; content: ""; height: calc(var(--grid_box_height) * var(--sc_day_num) - 0.5em); width: 0px; top: initial; right: initial; left: 50%; bottom: 0; transform: translateX(0%) translateY(calc(100% + 0.5em)); border-top: initial; border-right: 1px dashed var(--border_color); }
			}
			&.closed {
				&::after { writing-mode: initial; height: 1.8em; min-height: initial; width: calc(var(--grid_box_width) * var(--sc_time_num) * 0.5); top: 50%; bottom: initial; left: initial; right: calc(var(--grid_box_width)* var(--sc_time_num)* 0.5 * -1); transform: translate(50% , -50%);}
			}
		}
	}
}

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