@charset "utf-8";
/* CSS Document */


html {scroll-behavior: smooth;}
:target { scroll-margin-top: calc(90vw / 19.2); }

body {
	color:#000000; font-size:calc(18 * 0.054vw); line-height: 1.5;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, "Yu Gothic Medium", "Yu Gothic","Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-weight:500; margin: 0 auto; height: 100%; overflow-x:hidden;
}

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box;-o-box-sizing: border-box;  -ms-box-sizing: border-box;box-sizing: border-box;}

.oswald { font-family: "Oswald", sans-serif; font-weight: 600; font-style: normal; letter-spacing: 0.08em; }
.zen { font-family: "Zen Kaku Gothic Antique",-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, "Yu Gothic Medium", "Yu Gothic","Hiragino Kaku Gothic ProN", Meiryo, sans-serif; }

.bold { font-weight:bold; }


.fs10vw { font-size:calc(10 * 0.054vw); } 
.fs12vw { font-size:calc(12 * 0.054vw); }
.fs14vw { font-size:calc(14 * 0.054vw); }
.fs15vw { font-size:calc(15 * 0.054vw); }
.fs16vw { font-size:calc(16 * 0.054vw); }
.fs17vw { font-size:calc(17 * 0.054vw); }
.fs18vw { font-size:calc(18 * 0.053vw); }
.fs20vw { font-size:calc(20 * 0.052vw); }
.fs21vw { font-size:calc(21 * 0.052vw); }
.fs22vw { font-size:calc(22 * 0.052vw); }
.fs23vw { font-size:calc(23 * 0.052vw); }
.fs24vw { font-size:calc(24 * 0.052vw); }
.fs25vw { font-size:calc(25 * 0.052vw); }
.fs26vw { font-size:calc(26 * 0.052vw); }
.fs27vw { font-size:calc(27 * 0.052vw); }
.fs28vw { font-size:calc(28 * 0.052vw); }
.fs29vw { font-size:calc(29 * 0.052vw); }
.fs30vw { font-size:calc(30 * 0.052vw); }
.fs32vw { font-size:calc(32 * 0.052vw); }
.fs34vw { font-size:calc(34 * 0.052vw); }
.fs35vw { font-size:calc(35 * 0.052vw); }
.fs36vw { font-size:calc(36 * 0.052vw); }
.fs37vw { font-size:calc(37 * 0.052vw); }
.fs38vw { font-size:calc(38 * 0.052vw); }
.fs40vw { font-size:calc(40 * 0.052vw); }
.fs45vw { font-size:calc(45 * 0.052vw); }
.fs48vw { font-size:calc(48 * 0.052vw); }
.fs50vw { font-size:calc(50 * 0.052vw); }
.fs52vw { font-size:calc(52 * 0.052vw); }
.fs54vw { font-size:calc(54 * 0.052vw); }
.fs56vw { font-size:calc(56 * 0.052vw); }
.fs58vw { font-size:calc(58 * 0.052vw); }
.fs60vw { font-size:calc(60 * 0.052vw); }
.fs65vw { font-size:calc(65 * 0.052vw); }
.fs66vw { font-size:calc(66 * 0.052vw); }
.fs68vw { font-size:calc(68 * 0.052vw); }
.fs70vw { font-size:calc(70 * 0.052vw); }
.fs72vw { font-size:calc(72 * 0.052vw); }
.fs80vw { font-size:calc(80 * 0.052vw); }
.fs90vw { font-size:calc(90 * 0.052vw); }
.fs100vw { font-size:calc(100 * 0.052vw); }


img { border: none; vertical-align: middle; backface-visibility: hidden; }

img.top { vertical-align: top; }
img.bottom { vertical-align: bottom; }
img.banner { border: solid 1px #DDD; }

input,button,textarea { appearance:none; -webkit-appearance:none; font-family: inherit; font: inherit; color: inherit; }
button { border: none; cursor:pointer; background: none; }


address, em { font-style: normal; }

mark { background: linear-gradient(#fbe2ac, #fbe2ac) 0 100% / 0 0.3em no-repeat; background-size: 100% 0.3em; }

a { color: #000000; text-decoration: none; }
a.underline { text-decoration:underline; }

a:hover, input[type="submit"]:hover, input[type="reset"]:hover {
	opacity: 0.9; filter: alpha(opacity=90); -ms-filter: "alpha( opacity=90 )";
}
strong,em {font-weight: 700;}

.position_r { position:relative; z-index:1; }
.position_a { position:absolute; z-index:0 }

.circle { display:inline-block; border-radius:50vmax; }

/*********** class ****************************************/


/********** float ************/
.c-both { clear: both; }
.clearfix::after { content: ""; clear: both; display: block; }
.left { float: left; }
.right { float: right; }
.center { display: block; margin-left: auto; margin-right: auto; text-align: center; }
.text_right { margin-left:auto; margin-right:0; text-align:right; }
.text_left { margin-right:auto; margin-left:0; text-align:left; }
/******* end float **********/

/******* flex box ***********/
.flex {
	display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; align-items: flex-start;
}
.height {flex-wrap: wrap; align-items: stretch;}
.js_center {justify-content: center;}
/* image parent cover *******/
.fit { object-fit: cover; font-family: 'object-fit: cover;'; max-width: 100%; }
.fit img {
	margin: auto; width: 100%; min-height: 100%; object-fit: cover; font-family: 'object-fit: contain;';
	position: absolute; top: 0; left: 0; bottom: 0; right: 0;
}
/****** layout ********/
.inner {
	width: calc(1820vw / 19.2); margin: 0 auto;
}
.middle_inner {
	width: calc(1440vw / 19.2); margin: 0 auto;
}
.low_inner {
	width: calc(1080vw / 19.2); margin: 0 auto;
}
.minimum_inner {
	width: calc(970vw / 19.2); margin: 0 auto;
}

.heading { width: 100%; }

/* image parent cover *******/
.fit { position: relative; object-fit: cover; font-family: 'object-fit: cover;'; max-width: 100%; }

dl.table { display:table; width:100%; }
dl.table dt,dl.table dd { display:table-cell; }

p.indent { text-indent: -1em; margin-left: 1em; }


/****** display ********/

.pc { display: block; }
.sp { display: none; }

.black { color:#000000; }
.white { color:#FFFFFF; }

.bg_black { background-color:#000000; }
.bg_white { background-color:#FFFFFF; }
.bg_shilver { background-color:#F5F5F5; }
.bg_gray { background-color:#E6E6E6; }
.bg_light_gray { background-color:#FAFAFA; }
.bg_dark_gray { background-color:#D9D9D9; }
.bg_red { background-color:#C72534; }

.ttl { letter-spacing: 0.05em; margin-block-start: 0; margin-block-end: 2em; font-weight:bold; line-height: 1; }
.ttl .ja { display:block; margin-block-start: 1em; }
.ttl .slug { display:block; }


.more {
	display:flex; justify-content:center; align-items: center; width: calc(300vw / 19.2); height: calc(60vw / 19.2); border-radius: 5px;
	background-color:rgba(0,0,0,1); border:solid 1px #FFFFFF; color:#FFFFFF; padding:0 calc(20vw / 19.2) 0 calc(20vw / 19.2); margin-block-start: 3em;
}

.more .icon { width: calc(40vw / 19.2); }


.fadein { opacity: 0; transition: opacity 0.8s ease; }
.fadein.active { opacity: 1; }




#start_content.hide { display: none; }

#loading {
	position: fixed; z-index: 9999; inset: 0; opacity:1; visibility:visible;
	transition: opacity 1.6s ease, visibility 1.6s 2.4s;
}
#loading .loading_wrapper {
	background-color:#000000;
	display: flex; justify-content: center; align-items: center; width:100%; height: 100%;
}

#loading .loading_inner { opacity: 0; transition: opacity 1s ease; }
#loading .loading_inner.active { opacity: 1; }

#loading .loading_inner .logo {
	display: block; width:calc(270vw / 19.2); height:calc(60vw / 19.2); transform: translateY(0) translateX(0); transition: transform 1.5s ease, opacity 1.5s ease;
}

#loading.hide { opacity: 0;visibility: hidden; transition-delay: 0.6s; }
#loading.hide .loading_inner .logo { opacity: 0; /*transform: translateY(-20%);*/ }

@media (scripting: none) {
	#loading { display: none; }
	#start_content { display: block; }
}


main { padding-top:calc(90vw / 19.2); }



#header { width: 100%; position:fixed; z-index:9998; height:calc(90vw / 19.2); background-color:rgba(255,255,255,0.9); }
#header .inner { align-items:center; height: 100%; z-index: 1001; }
#header .inner .logo { width: calc(220vw / 19.2); margin:0; z-index: 1001; }

#header #hamburger { caret-color: transparent; } 
#header #hamburger .bar {
	display: block; width: calc(60vw / 19.2); height: 2px; /*box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);*/
	transition: transform 0.3s ease, opacity 0.3s ease;transform-origin: center center; transform: none;
}
#header #hamburger .bar_1 { margin-block-end:calc(15.25vw / 19.2); }

#header #hamburger.active .bar_1 { transform: translateY(var(--offset)) rotate(45deg); }
#header #hamburger.active .bar_2 { transform: translateY(calc(var(--offset) * -1)) rotate(-45deg); }

#header #drawer {
	position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);display: flex; opacity:0;transition: opacity 0.3s ease; pointer-events:none;
	justify-content: flex-start;align-items: flex-start;z-index: 1000;
}
#header #drawer.open {opacity:1; pointer-events:auto;}

#header #drawer .drawer-content {width: 100%;height: 100%;transform: translateX(200%);transition: transform 0.3s ease; padding: 7em; grid-template-rows: 20em; }
#header #drawer.open .drawer-content {transform: translateX(0);}

#header #drawer .drawer-content ul { list-style-type:none; padding:0; }
#header #drawer .drawer-content ul li { border-bottom: solid 1px #D9D9D9; padding: 0.7em 0 0.7em 0; }
#header #drawer .drawer-content ul li a { align-items: end; }
#header #drawer .drawer-content ul a .slug {  }
#header #drawer .drawer-content ul a .ja { width:10em; }

#header #drawer .drawer-content ul li .shop_list {  }
#header #drawer .drawer-content ul li .shop_list dt{ margin-bottom: 0.7em; padding-bottom:1em; border-bottom: solid 1px #D9D9D9; }
#header #drawer .drawer-content ul li .shop_list dd { margin: 0; padding: 0.3em 0 0.3em 1em; }


#footer { padding:9em 0 3em 0; }


#footer .footer_info { width: calc(270vw / 19.2); }
#footer .footer_menu { width: calc(1450vw / 19.2); }

#footer .footer_info .logo { width: calc(270vw / 19.2); margin-block-end: 2em; }
#footer .footer_info .sns {  }
#footer .footer_info .sns .icon { width: calc(20vw / 19.2); min-width:19px; }


#footer .footer_menu .shop_list {  }
#footer .footer_menu .shop_list dt { margin:0; }
#footer .footer_menu .shop_list dd { margin:0.5em 0 0.5em 0; }

#footer .footer_menu nav { width: calc(490vw / 19.2); }
#footer .footer_menu nav ul { padding: 0; list-style-type:none; }
#footer .footer_menu nav ul li { margin:0.5em 0 0.5em 0; }



#footer .footer_menu  .reserv_btn { width: calc(370vw / 19.2); height: calc(80vw / 19.2); border-radius: 5px; padding: 0.7em 0 0.7em 0; }
#footer .footer_menu  .reserv_btn .slug { display:block; }

#footer .copy { margin-block-start: 3em; }

#track { display:none; opacity: 0; transition: opacity 0.5s ease; }

.page_header { width:100%; height:calc(380vw / 19.2); align-items:center; justify-content:center; background-size:cover; }
.page_header .page_header_ttl { line-height: 1; }
.page_header .page_header_ttl .slug { display:block; }
.page_header .page_header_ttl .ja { font-weight:bold; }

#page_shop { background-image:url(../img/shop/page_header_bg.webp); }
#page_blog_news { background-image:url(../img/blog_news/page_header_bg.webp); }
#page_contact { background-image:url(../img/contact/page_header_bg.webp); }


/**** home ************************/

#top_about { padding:6em 0 6em 0; }
#top_about .text { margin: 0; width: calc(360vw / 19.2); }
#top_about .text dt { margin:0; }
#top_about .text dd { margin:0.5em 0 0.5em 0; }
#top_about .text dd .summary { margin: 1.28em 0 1.28em 0; }


#top_about .minimum_inner { width: calc(600vw / 19.2); }
#top_about .slug { margin-block-start:0; margin-block-end: 1em; }
#top_about p.summary { line-height: 2.5; }

#top_about .thumb { width: calc(680vw / 19.2); }

#top_about .logo { width: calc(301vw / 19.2); filter:brightness(0); margin-block-start: 1.2em; }



#top_shop {
	padding:5em 0 7em 0;
	background-image:url(../img/home/top_shop_bg.webp); background-position:center top; background-size:cover;
}
#top_shop .middle_inner.flex { justify-content: flex-end; }
#top_shop .middle_inner.flex .box { width: calc(420vw / 19.2); height: calc(420vw / 19.2); background-color:rgba(0,0,0,0.8); padding: calc(134vw / 19.2) 0 0 0; }

#top_staff .more { background-color: rgba(0, 0, 0, 0.5); }



#top_blog { padding:10em 0 10em 0; }
#top_blog .blog_list_wrapper { padding:2em 0 1em 0; }

#top_blog .blog_list { margin:0; border-top:solid 1px #D9D9D9; }
#top_blog .blog_list dt { margin:0; position:relative; margin:0; padding: 1em 1em 1em 1em; width:8em; }
#top_blog .blog_list dt::after { content:""; position:absolute; top:0; bottom:0; right:0; margin: auto; height:calc(18vw / 19.2); width:1px; background-color:#D9D9D9; }
#top_blog .blog_list dd { margin:0; padding: 1em 1em 1em 2em;}
#top_blog .blog_list:last-of-type { border-bottom:solid 1px #D9D9D9; }


#top_staff {
	padding:7em 0 7em 0;
	background-image:url(../img/home/top_staff_bg.webp); background-position:center top; background-size:cover;
}
#top_staff .logo { width:calc(450vw / 19.2); }
#top_staff .more { background-color: rgba(0, 0, 0, 0.5); }


/**** shop_list **************/

#shop_list { padding:10em 0 6em 0; }

#shop_list .post { margin-block-end:calc(80vw / 19.2); }
#shop_list .post .thumb { width: calc(420vw / 19.2); height: calc(420vw / 19.2); }
#shop_list .post .thumb img { width:100%; }

#shop_list .post .text { width: calc(540vw / 19.2); padding: 2em 0 0 0;}
#shop_list .post .text .cat_box { justify-content: flex-start; }
#shop_list .post .text .cat_box .cat { border:solid 1px #000000; width:calc(100vw / 19.2); height:calc(40vw / 19.2); margin-right:0.5em; justify-content: center; align-items: center;}
#shop_list .post .text .shop_name fs24vw bold">
#shop_list .post .text address {  }
#shop_list .link_box .reserve_btn { display:block; width: calc(260vw / 19.2); height: calc(64vw / 19.2); border:solid 1px #000000; border-radius:5px; text-align: center; padding: 0.4em; }
#shop_list .link_box .reserve_btn .slug { display:block; }
#shop_list .link_box .reserve_btn .ja { display:block; }

#shop_list .link_box {  }
#shop_list .link_box .shop_btn { display:block; width: calc(260vw / 19.2); height: calc(64vw / 19.2); border:solid 1px #000000; border-radius:5px; text-align: center; padding: 0.4em; }
#shop_list .link_box .shop_btn .slug { display:block; }
#shop_list .link_box .shop_btn .ja { display:block; }



#page_shop_detail { position: relative; height:calc(780vw / 19.2); overflow:hidden; }

#page_shop_detail .page_header_ttl { justify-content: center; align-items: center; }

#page_shop_detail .cat_box {  }
#page_shop_detail .cat_box .cat {
	display: inline-flex; align-items: center; justify-content: center; margin-right:calc(20vw / 19.2);
	width:calc(100vw/ 19.2); height: calc(54vw / 19.2); border:solid 2px #000000;
}

#page_shop_detail .swiper { height:calc(670vw / 19.2); }
#page_shop_detail .swiper .swiper-wrapper { height:calc(600vw / 19.2); }
#page_shop_detail .swiper-pagination { inset:auto 0 0 0; }
#page_shop_detail .swiper-pagination-bullet-active { width:calc(50vw / 19.2); border-radius:50vmax; background-color:rgba(0,0,0,0.5); }



#shop_news { padding:12em 0 5em 0; }

#shop_news .blog_list_wrapper { padding:2em 0 1em 0; }

#shop_news .blog_list { margin:0; border-top:solid 1px #D9D9D9; }
#shop_news .blog_list dt { margin:0; position:relative; margin:0; padding: 1em 1em 1em 1em; width:8em; }
#shop_news .blog_list dt::after { content:""; position:absolute; top:0; bottom:0; right:0; margin: auto; height:calc(18vw / 19.2); width:1px; background-color:#D9D9D9; }
#shop_news .blog_list dd { margin:0; padding: 1em 1em 1em 2em;}
#shop_news .blog_list:last-of-type { border-bottom:solid 1px #D9D9D9; }


#shop_information { padding:5em 0 5em 0; }

#shop_information .shop_information_wrapper { margin-block-start:5em; }
#shop_information .shop_information_wrapper .text { width:calc(580vw/ 19.2); }
#shop_information .shop_information_wrapper .box { margin: 0 0 1em 0; }
#shop_information .shop_information_wrapper .box dt { margin:0; padding: 0.1em 0.7em 0.1em 0.7em; width: 7em; border-left:solid 5px #D9D9D9; }
#shop_information .shop_information_wrapper .box dd { margin:0; padding: 0.1em 0 0.1em 0; }

#shop_information .shop_information_wrapper .map_area { width:calc(420vw/ 19.2); height:calc(420vw/ 19.2); }
#shop_information .shop_information_wrapper .map_area iframe { width:calc(420vw/ 19.2); height:calc(420vw/ 19.2); max-height: 100% !important; }

#shop_menu { padding:5em 0 5em 0; }

#shop_menu .menu_list { margin-block-start:5em; }

#shop_menu .menu_list .box { border-top:solid 1px #D9D9D9; margin: 0; }
#shop_menu .menu_list .box:last-of-type { border-bottom:solid 1px #D9D9D9; }

#shop_menu .menu_list .box dt { margin:0; padding: 1em; position:relative; width: 21em; }
#shop_menu .menu_list .box dt::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; margin: auto; height: calc(100% - 2em); width: 1px; background-color: #D9D9D9; }
#shop_menu .menu_list .box dd { margin:0; padding: 1em; }



.shop_detail_reserve_btn {
	display: block; width: calc(480vw / 19.2); height: calc(80vw / 19.2); border: solid 1px #000000; border-radius: 5px; text-align: center; padding: 0.75em; margin-block-start: 3em;
}
.shop_detail_reserve_btn .slug { display: block; }
.shop_detail_reserve_btn .ja { display: block; }


#shop_staff { padding:5em 0 5em 0; }

#shop_staff .staff_list { margin-block-start: 5em; justify-content: flex-start; flex-wrap: wrap; align-items: stretch; }
#shop_staff .staff_list .staff_item { width: calc(340vw / 19.2); margin:0 calc(30vw / 19.2) calc(30vw / 19.2) 0; border: solid 1px #D9D9D9; }
#shop_staff .staff_list .staff_item:nth-child(3n) { margin:0 0 calc(30vw / 19.2) 0; }


#shop_staff .staff_list .staff_item .staff_item_header {  }
#shop_staff .staff_list .staff_item .staff_item_header .thumb_wrapper {  }
#shop_staff .staff_list .staff_item .staff_item_header .thumb {  }
#shop_staff .staff_list .staff_item .staff_item_header .text { padding:1em 1em 0 1em; }
#shop_staff .staff_list .staff_item .staff_item_header .text .staff_neme { margin-block-start:0; }
#shop_staff .staff_list .staff_item .staff_item_header .text .staff_neme .staff_name_full {  }
#shop_staff .staff_list .staff_item .staff_item_header .text .staff_neme .staff_kana { display:inline-block; margin-left:1em; }
#shop_staff .staff_list .staff_item .staff_item_header .text .catch {  }
#shop_staff .staff_list .staff_item .content {  padding:0 1em 1em 1em; }
#shop_staff .staff_list .staff_item .content .pr { margin-block-end:0; }

#shop_reserve { padding:5em 0 10em 0; }

#shop_reserve .shop_detail_reserve_btn { display:flex; justify-content:center; align-items:center; margin-block-start:5em; }


/**** news blog **************/

#blog_news { padding:10em 0 10em 0; }
#blog_news .left_colmn { width: calc(780vw / 19.2); }
#blog_news .right_colmn { width: calc(240vw / 19.2); }

#blog_news .left_colmn.blog_news_list .list { justify-content: flex-start; flex-wrap: wrap; }
#blog_news .left_colmn.blog_news_list .posts { width: calc(370vw / 19.2); margin-right:calc(40vw / 19.2); margin-block-end:calc(80vw / 19.2); }
#blog_news .left_colmn.blog_news_list .posts:nth-child(2n) { margin-right:0; }

#blog_news .left_colmn.blog_news_list .posts .thumb { display:block; height: calc(370vw / 19.2); }
#blog_news .left_colmn.blog_news_list .posts .text { margin-block-start:calc(20vw / 19.2); }
#blog_news .left_colmn.blog_news_list .posts .text .post-taxonomies { margin-block-end:0.5em; }
#blog_news .left_colmn.blog_news_list .posts .text .post-taxonomies .cat-links { display:inline-block; max-width:max-content; padding: 0.2em 0.5em 0.2em 0.5em; border: solid 1px #F5F5F5; margin-right:0.5em; }
#blog_news .left_colmn.blog_news_list .posts .text .post-taxonomies .tags-links { display:inline-block; max-width:max-content; border:solid 1px #000000; padding: 0.2em 0.5em 0.2em 0.5em; }

#blog_news .left_colmn.blog_news_list .posts .text .content_text { min-height:3em; }
#blog_news .left_colmn.blog_news_list .posts .text .more_text { display: flex; width:max-content; }
#blog_news .left_colmn.blog_news_list .posts .text .more_text .icon { margin-left:0.55em; width:1.1em; }

.navigation.pagination { width: 100%; }
.nav-links { display: flex; justify-content: center; }
#blog_news .left_colmn.blog_news_list span.page-numbers {
	margin: 0 calc(15vw / 19.2) 0 calc(15vw / 19.2);
	border:solid 1px #000000; background-color:#000000; color:#FFFFFF; width:calc(60vw / 19.2); height:calc(60vw / 19.2); display: flex; align-items: center; justify-content: center;
}
#blog_news .left_colmn.blog_news_list a.page-numbers {
	margin: 0 calc(15vw / 19.2) 0 calc(15vw / 19.2);
	border:solid 1px #000000; width:calc(60vw / 19.2); height:calc(60vw / 19.2); display: flex; align-items: center; justify-content: center;
}

#blog_news .left_colmn.blog_news_list a.page-numbers .icon { width:calc(12vw / 19.2); }
#blog_news .left_colmn.blog_news_list a.page-numbers .icon.prev { transform:scale(-1,1); }


#blog_news .left_colmn.blog_news_list .archive_ttl { margin-block-end:calc(60vw / 19.2); }


#blog_news .left_colmn.blog_news_list .post .entry-title { font-size:calc(32 * 0.054vw); margin-block-start: 0; }
#blog_news .left_colmn.blog_news_list .post .entry-header .post-taxonomies .cat-links { display:inline-block; max-width:max-content; padding: 0.2em 0.5em 0.2em 0.5em; border: solid 1px #F5F5F5; margin-right:0.5em; }
#blog_news .left_colmn.blog_news_list .post .entry-header .post-taxonomies .tags-links { display:inline-block; max-width:max-content; border:solid 1px #000000; padding: 0.2em 0.5em 0.2em 0.5em; }
#blog_news .left_colmn.blog_news_list .post .entry-header .posted-by { margin:0.8em 0 0.7em 0; }

#blog_news .left_colmn.blog_news_list .post .entry-content { margin:2em 0 2em 0; }




.post-navigation .nav-links .nav-previous a { font-size:calc(16 * 0.054vw); border:solid 1px #000000; display:flex; width:calc(120vw / 19.2); height:calc(60vw / 19.2); justify-content: center; align-items: center; }
.post-navigation .nav-links .nav-previous a .icon { width:calc(12vw / 19.2); margin-right: 0.3em; }
.post-navigation .nav-links .nav-previous a .icon.prev { transform:scale(-1,1); }

.post-navigation .nav-links .nav-next a { font-size:calc(16 * 0.054vw); border:solid 1px #000000; display:flex; width:calc(120vw / 19.2); height:calc(60vw / 19.2); justify-content: center; align-items: center;  }
.post-navigation .nav-links .nav-next a .icon { width:calc(12vw / 19.2); margin-left: 0.3em; }

.post-navigation .nav-links .nav-home { margin:0 calc(30vw / 19.2) 0 calc(30vw / 19.2); }
.post-navigation .nav-links .nav-home a { font-size:calc(16 * 0.054vw); border:solid 1px #000000; display:flex; width:calc(180vw / 19.2); height:calc(60vw / 19.2); justify-content: center; align-items: center; }




.widget-area .wp-block-heading { font-size:calc(20 * 0.052vw); text-align:center; }

.widget-area .wp-block-latest-posts__list li { border-top:solid 1px #D9D9D9; padding-top:0.5em; }
.widget-area .wp-block-latest-posts__list li:last-of-type { border-bottom:solid 1px #D9D9D9; }
.widget-area .wp-block-latest-posts__list li::after { content: ""; clear: both; display: block; }
.widget-area .wp-block-latest-posts__list li .wp-block-latest-posts__post-title {
	width: calc(176vw / 19.2); float:right; border-left:solid 1px #D9D9D9; font-size:calc(16 * 0.054vw); padding:0 0 0 calc(16vw / 19.2); margin-block-end: 0.5em;
}
.widget-area .wp-block-latest-posts__list li time { float:left; font-size:calc(12 * 0.054vw); font-family: "Oswald", sans-serif; font-weight: 600; font-style: normal; }


.widget-area .widget_block { margin-block-end:calc(40vw / 19.2); }
#block-6 { margin-block-end:0; }

.widget-area .wp-block-categories-list { list-style-type:none; padding: 0; margin-block-end: 0; }
.widget-area .wp-block-categories-list li { border-top:solid 1px #D9D9D9; padding:0.7em 0 0.7em 0; }
.widget-area .wp-block-categories-list li:last-of-type { border-bottom:solid 1px #D9D9D9; }
.widget-area .wp-block-categories-list li a { font-size:calc(16 * 0.054vw); }


#block-8 .wp-block-categories-list { margin-block-start:0; }
#block-8 .wp-block-categories-list li:first-of-type { border-top:none; }


.widget-area .wp-block-archives-list { list-style-type:none; padding: 0; }
.widget-area .wp-block-archives-list li { border-top:solid 1px #D9D9D9; padding:0.7em 0 0.7em 0; }
.widget-area .wp-block-archives-list li:last-of-type { border-bottom:solid 1px #D9D9D9; }
.widget-area .wp-block-archives-list li a { font-size:calc(16 * 0.054vw); }

.sidebar_reserv_btn { display: block; border:solid 1px #000000; border-radius:10px; padding:1em; margin-block-start:calc(80vw / 19.2); margin-block-end:calc(40vw / 19.2); }
.sidebar_reserv_btn .slug { display:block; }



/*** recruit ***/


#page_recruit {
	background-image:url(../img/recruit/page_header_bg.webp); height: auto; background-size: 100%; background-repeat: no-repeat; padding: 7em 0 7em 0;
}
#page_recruit .page_header_ttl { letter-spacing: 0.05em; margin-block-start: 0; margin-block-end: 0.5em; font-weight: bold; line-height: 1; }
#page_recruit .logo { width:calc(450vw / 19.2); }

#page_recruit .text { margin-block-start: 4em; padding:1em 2em 1em 2em; line-height:2; }



#job_description { padding: 6em 0 6em 0; background-color:#FAFAFA; }

#job_description .middle_inner { width:calc(1120vw / 19.2); }

#job_description .job_type_list { position:relative; justify-content: space-evenly; margin-block-start: 5em; }
#job_description .job_type_list::after { content: ""; position: absolute; z-index: 0; left: 0; bottom: 0; width: 100%; height: 3px; background: #000000; }
#job_description .job_type_list .job_btn {
	
	display:flex; justify-content:center; align-items:center; width:calc(524vw / 19.2); height:calc(64vw / 19.2);
	position:relative; background-color:#D9D9D9; border: solid 3px #000000;
}
#job_description .job_type_list .job_btn.active { background-color:#FAFAFA; pointer-events:none; }
#job_description .job_type_list .job_btn.active::after { content: ""; position: absolute; z-index: 2; left: 0; bottom: -3px; width: 100%; height: 3px; background: #FAFAFA; }


#job_description .job_detail { display: none; }
#job_description .job_detail.active { display: block; }

#job_description .job_detail .head { margin-block-end: 5px; }
#job_description .job_detail .head dt { padding: 0.5em 1em 0.5em 1em; width: 15em; }
#job_description .job_detail .head dd { padding: 0.5em 1em 0.5em 1em; border-left: solid 5px #FAFAFA; }

#job_description .job_detail .body { margin:5px 0 5px 0; }
#job_description .job_detail .body dt { padding: 1em; width: 15em; vertical-align: top; }
#job_description .job_detail .body dd { padding: 1em; border-left: solid 5px #FAFAFA; vertical-align: top; }


#job_voice { padding: 6em 0 6em 0; }

#job_voice .job_voice_post {
	border:solid 2px #000000; position:relative; padding:calc(80vw / 19.2) calc(80vw / 19.2) calc(40vw / 19.2) calc(80vw / 19.2); margin-block-start: 5em; margin-block-end:calc(80vw / 19.2);
}

#job_voice .job_voice_post .num_box { width:calc(120vw / 19.2); height:calc(120vw / 19.2); text-align:center; position:absolute; inset:0; padding: calc(22vw / 19.2); }
#job_voice .job_voice_post .num_box .slug { display:block; }
#job_voice .job_voice_post .num_box .num { display:block; line-height: 1.2; letter-spacing: 0.12em; }
#job_voice .job_voice_post .num_box::after {
	position:absolute;  inset:auto calc(10vw / 19.2) 0 auto; content:""; background-color:#000000; width:calc(30vw / 19.2); height:calc(30vw / 19.2); clip-path: polygon(100% 50%, 0 50%, 100% 100%);
}



#job_voice .job_voice_post .detail {  }
#job_voice .job_voice_post .detail .text { width:calc(540vw / 19.2); }
#job_voice .job_voice_post .detail .text .staff_name {  }
#job_voice .job_voice_post .detail .text .staff_name .personal_name {  }
#job_voice .job_voice_post .detail .text .staff_name .rubi {  }

#job_voice .job_voice_post .detail .text .staff_catch { margin:3em 0 3em 0; font-weight:bold; }


#job_voice .job_voice_post .detail .text .profile { margin:2px 0 2px 0; }
#job_voice .job_voice_post .detail .text .profile dt { width:7em; margin:0; padding:0.7em 0.5em 0.7em 0.5em; }
#job_voice .job_voice_post .detail .text .profile dd { margin:0; padding:0.7em 1em 0.7em 1em; }

#job_voice .job_voice_post .profile_sp { display:none; }

#job_voice .job_voice_post .detail .thumb { width:calc(340vw / 19.2); }

#job_voice .job_voice_post .staff_interview { margin:calc(40vw / 19.2) 0 0 0; }
#job_voice .job_voice_post .staff_interview dt { margin:0; padding:0.7em 1em 0.7em 1em;}
#job_voice .job_voice_post .staff_interview dd { margin:0; padding:1em 0 2em 0; }




#job_faq { padding: 6em 0 6em 0; }

#job_faq .accordions { margin-block-start: 5em; }

#job_faq .accordions .box {  }
#job_faq .accordions .box dt { position:relative; cursor: pointer; caret-color: transparent; align-items: center; border: solid 2px #000000; }
#job_faq .accordions .box dt .qa { width:calc(80vw / 19.2); height:calc(80vw / 19.2); justify-content: center; align-items: center; }
#job_faq .accordions .box dt p { margin: 0; width: calc(840vw / 19.2); }
#job_faq .accordions .box dt .icon { width: calc(16vw / 19.2); transform: rotate(90deg); margin-right: calc(40vw / 19.2); }
#job_faq .accordions .box dt .icon.active { transform: rotate(270deg); }

#job_faq .accordions .box .answer { display: block; position: relative; margin: 1em 0 1em 0; max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; }
#job_faq .accordions .box .answer .flex {  }
#job_faq .accordions .box .answer .qa { width:calc(80vw / 19.2); height:calc(80vw / 19.2); justify-content: center; align-items: center; border: solid 2px #000000; }
#job_faq .accordions .box .answer p { width: calc(900vw / 19.2); margin: 0.9em 2em 0 0; }





#job_company { padding: 6em 0 6em 0; }
#job_company .compay_detail { margin-block-start: 5em; }
#job_company .compay_detail .box { margin:0 0 5px 0; }
#job_company .compay_detail .box dt { width:15em; margin:0; padding: 0.7em; }
#job_company .compay_detail .box dd { margin:0; padding: 0.7em 0.7em 0.7em 1em; word-break: break-all; overflow-wrap: break-word;}




#job_entry { padding: 6em 0 6em 0; }


#job_entry #birth_year,#job_entry #birth_month,#job_entry #birth_day { width:6em; }
#job_entry #age { width:9em; }
#job_entry #postalcode { width:9em; }

.invert .right { display: inline-block; margin: 0.7em 1em 0.7em 0.7em; }


/*** contact ***/

#contact { padding:10em 0 10em 0; }
#contact .summary { margin-block-end:2em; }

form .box {  }
form .box .field { vertical-align: top; padding: 1.7em 1em 1.7em 1em; width:20em; }
form .box .field .field_name { width: max-content; }
form .box .field .required { display: inline-block; padding: 0.1em 0.5em 0.1em 0.5em; border-radius:0.2em; }
form .box .field .any { display: inline-block; padding: 0.1em 0.5em 0.1em 0.5em; border-radius:0.2em; }
form .box .text { margin: 0; padding: 0.7em 0 0.7em 1.5em; }


form .box input[type=text],
form .box input[type=tel],
form .box input[type=email],
form .box input[type=number],
form .box select { padding: 0.7em; width: 100%; border: 2px solid #D9D9D9; border-radius:0.2em; font: inherit; }
form .box textarea { padding: 0.7em; width: 96%; height:14em; font-size: 1em; font-family: inherit; border: 2px solid #D9D9D9; border-radius:0.2em; display: block; margin: auto;}

form .box label { display: inline-block; }
form .box input[type=checkbox] { height: 1.5em; width: 1.5em; margin:0 0.6em 0.15em 0; background-color: #FFFFFF; border: 2px solid #D9D9D9; border-radius: 0.2em;vertical-align: middle;}
form .box input[type=checkbox]:checked { border: 2px solid #D9D9D9; background-color: #FFFFFF;}
form .box input[type=checkbox]::before {
	content: ""; display: block; position: relative; left: 0.5em; top: 1px; width: 6px; height: 12px; border: solid white; border-width: 0 3px 3px 0; transform: rotate(45deg);
}
form .box input[type=checkbox]:focus-visible { outline: 2px solid #004aaa; outline-offset: 2px;}

form .box label { cursor:pointer; vertical-align: top; }
.wpcf7-list-item { margin: 0;}


form .send_btn {
	display:flex; align-items:center; justify-content: center; border-radius:10px; width: calc(370vw / 19.2); height: calc(80vw / 19.2);font-weight: 700;
	border: solid 2px #000000; margin-block-start:3em; cursor: pointer;
}


#nickname { display:none; }


#privacy_policy { margin-block-start:2em; }

.privacy_policy_word { overflow-y: scroll; border:solid 1px #D9D9D9; padding:calc(40vw / 19.2); height:20em; margin-block-end:2em; }
.privacy_policy_word pre { white-space: pre-wrap; word-wrap: break-word; overflow-wrap: break-word; font-family: inherit; }