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

body { font-size:calc(18 * 0.20vw); line-height: 1.8; }
:target { scroll-margin-top: calc(155vw / 7.2); }


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



.sp_left { text-align:left; }

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




.ttl { margin-block-end: 1em; }

.more { width: calc(500vw / 7.2); height: 3.3em; padding: 0 calc(20vw / 7.2) 0 calc(20vw / 7.2); margin-block-start: 2em; }
.more .icon { width: calc(40vw / 7.2); }



.inner { width: 94% }
.middle_inner { width: 94% }
.low_inner { width: 94%; }
.minimum_inner { width: 94%; }


#loading .loading_inner .logo {
	display: block; width:calc(270vw / 7.2); height:calc(60vw / 7.2);
}



#header { height: calc(90vw / 7.2); }
#header .inner .logo { width: calc(220vw / 7.2); }

#header #hamburger .bar { width: calc(60vw / 7.2); }
#header #hamburger .bar_1 { margin-block-end:calc(15.25vw / 7.2); }

#header #drawer .drawer-content { padding: 10em 4% 7em 4%; }
#header #drawer .drawer-content ul li a { font-size: calc(16 * 0.19vw); }
#header #drawer .drawer-content ul li .shop_list dd { padding: 0.3em 0 0.3em 0; }

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

#footer .footer_info { width: 100%; }
#footer .footer_menu { width: 100%; display: block; }

#footer .footer_info .logo { width: calc(270vw / 7.2); }
#footer .footer_info .sns {  }
#footer .footer_info .sns .icon { width: calc(20vw / 7.2); }

#footer .footer_menu nav { width: 100%; }

#footer .footer_menu .reserv_btn { width: calc(500vw / 7.2); height: calc(100vw / 7.2);; display: block; margin: 1em auto 1em auto; line-height: 1.4; }

#track { width: 100%; position: fixed; bottom: 0; z-index: 1000; display: flex; justify-content: center; }
#track.show { opacity: 1; }
#track .reserv_btn { width:100%; height: calc(100vw / 7.2); display: flex; justify-content: center; align-items: center; border:solid 2px #000000; }
#track .btn { width:50%; height: calc(100vw / 7.2); display: flex; justify-content: center; align-items: center; border:solid 2px #000000; }

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


.page_header { height:calc(380vw / 7.2); }

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

#top_about { padding:3em 0 3em 0; }
#top_about .low_inner.flex { display:block; }
#top_about .text { margin: 0; width: 100%; text-align:center; }
#top_about .text dt .heading { width:35%; }
#top_about .text dd .summary { text-align:left; }

/*#top_about .minimum_inner { width: 70%; }*/
#top_about .minimum_inner { width: 94%; }
#top_about .thumb { width: 100%; }
#top_about .logo { width: calc(301vw / 10.2); }


#top_shop { padding: 18em 0 0 0; background-size: 100%; background-repeat:no-repeat; background-image: url(../img/home/top_shop_bg_sp.webp);}
#top_shop .middle_inner.flex { justify-content: center; }

#top_shop .middle_inner.flex .box { width: 100%; height: calc(290vw / 7.2); padding: 2.5em 0 0 0; }


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

#top_blog .blog_list { display: block; }
#top_blog .blog_list dt { display: block; width:100%; padding: 1em 0 0 0; }
#top_blog .blog_list dd { display: block; padding: 0 0 1em 0; }
#top_blog .blog_list dt::after { display:none; }


#top_staff { padding: 4em 0 4em 0; background-image: url(../img/home/top_staff_bg_sp.webp); }


#shop_list { padding:5em 0 4em 0; }
#shop_list .post { display:block; }
#shop_list .post .thumb { width: 100%; height: auto; }
#shop_list .post .text { width: 100%; }

#shop_list .post .text .sp_shop_name_box { display:flex; }
#shop_list .post .text .sp_shop_name_box .cat_box { display: block; margin-right:0.5em; }
#shop_list .post .text .cat_box .cat { width: calc(100vw / 7.2); height: calc(45vw / 7.2); margin: 0 0 0.3em 0; }
#shop_list .post .text .sp_shop_name_box .shop_name { margin-block-start:0; }


#shop_list .link_box { margin: 1.5em auto 3em auto }
#shop_list .link_box .reserve_btn { width: 48%; height: calc(92vw / 7.2); line-height: 1.4;; }
#shop_list .link_box .shop_btn { width: 48%; height: calc(92vw / 7.2); line-height: 1.4; }


#page_shop_detail { height: calc(920vw / 7.2); }

#page_shop_detail .cat_box { margin-right:0.5em; }
#page_shop_detail .cat_box .cat { display: block; margin: 0 0 0.3em 0; width: calc(100vw / 7.2); height: calc(54vw / 7.2); }
#page_shop_detail .page_header_ttl { width: 94%; justify-content: flex-start; align-items: flex-start; }
#page_shop_detail .page_header_ttl .ja { text-align:left; }

#page_shop_detail .swiper_sp { height: calc(670vw / 7.2); }

#page_shop_detail .swiper-pagination-bullet-active { width: calc(50vw / 7.2); }

#shop_news { padding: 6em 0 3em 0; }
#shop_information { padding: 3em 0 3em 0; }
#shop_menu { padding: 3em 0 3em 0; }
#shop_staff { padding: 3em 0 3em 0; }
#shop_reserve { padding: 3em 0 7em 0; }


#shop_news .blog_list { display: block; }
#shop_news .blog_list dt { display: block; width:100%; padding: 1em 0 0 0; }
#shop_news .blog_list dd { display: block; padding: 0 0 1em 0; }
#shop_news .blog_list dt::after { display:none; }



#shop_information .shop_information_wrapper { display: block; }
#shop_information .shop_information_wrapper .text { width:100%; margin-block-end: 2em; }
#shop_information .shop_information_wrapper .map_area { width:100%; height:300px; }
#shop_information .shop_information_wrapper .map_area iframe { width:100%; height:300px; }

.shop_detail_reserve_btn { width: calc(500vw / 7.2); height: calc(100vw / 7.2);line-height: 1.5; padding: 0.5em; }


#shop_menu .menu_list .box { display: block; }
#shop_menu .menu_list .box dt { display: block; width: 100%; padding: 1em 1em 0 1em; }
#shop_menu .menu_list .box dd { display: block; width: 100%; padding: 0 1em 1em 1em; }
#shop_menu .menu_list .box dt::after { display:none; }

#shop_staff .staff_list { display: block; }
#shop_staff .staff_list .staff_item { width: 100%; margin: 0 0 calc(40vw / 7.2) 0; }
#shop_staff .staff_list .staff_item .staff_item_header { display: flex; }
#shop_staff .staff_list .staff_item .staff_item_header .thumb_wrapper { width: 35%; }

#shop_staff .staff_list .staff_item .staff_item_header .text { width:65%; padding:1em 1em 0 1em; }
#shop_staff .staff_list .staff_item .staff_item_header .staff_neme_full.fs20vw { font-size: calc(20 * 0.24vw); }

#shop_staff .staff_list .staff_item .staff_item_header .text .staff_neme .staff_kana { display: block; margin-left: 0; }

#shop_staff .staff_list .staff_item .content { padding: 1em 1em 1em 1em; border-top: solid 1px #D9D9D9; }


#blog_news { padding: 5em 0 5em 0; display: block; }
#blog_news .left_colmn { width: 100%; }
#blog_news .right_colmn { width: 100%; margin-block-start: 5em; }
#blog_news .left_colmn.blog_news_list .list { display: block; }
#blog_news .left_colmn.blog_news_list .posts { width: 100%; margin-right: 0; margin-block-end: calc(80vw / 7.2); display: flex; }
#blog_news .left_colmn.blog_news_list .posts .thumb { width: calc(325vw / 7.5); height: calc(325vw / 7.5);}

#blog_news .left_colmn.blog_news_list .posts .text { width: 50%; padding: 0 0 0 1em; margin-block-start: 0; line-height: 1.7; }

#blog_news .left_colmn.blog_news_list .posts .text .post-taxonomies { margin-block-end: 0.2em;}
#blog_news .left_colmn.blog_news_list .posts .post-taxonomies .fs16vw { font-size: calc(16 * 0.16vw); }
#blog_news .left_colmn.blog_news_list .posts .posted-on .fs16vw { font-size: calc(16 * 0.16vw); }

#blog_news .left_colmn.blog_news_list .posts .text .entry_ttl { margin:0 0 0.5em 0; }
#blog_news .left_colmn.blog_news_list .posts .text .content_text { font-size: calc(18 * 0.16vw); margin: 0.5em 0 0.5em 0; }


.widget-area .wp-block-heading { font-size: calc(20 * 0.18vw); }
.widget-area .wp-block-latest-posts__list li time { font-size: calc(12 * 0.2vw); }
.widget-area .wp-block-latest-posts__list li .wp-block-latest-posts__post-title { width: 85%; float: right; font-size: calc(16 * 0.18vw); padding: 0 0 0 calc(16vw / 7.2); margin-block-end: 0.5em; }



.widget-area .wp-block-categories-list li a { font-size: calc(16 * 0.2vw); }
.widget-area .wp-block-archives-list li a { font-size: calc(16 * 0.2vw); }

.sidebar_reserv_btn { margin-block-start: 3em; }

.widget-area .widget_block { margin-block-end: calc(40vw / 7.2); }

#blog_news .left_colmn.blog_news_list .post .entry-title { font-size: calc(32 * 0.15vw); }


.post-navigation .nav-links .nav-home a { font-size: calc(16 * 0.2vw); width: calc(200vw / 7.2); height: calc(80vw / 7.2); }
.post-navigation .nav-links .nav-previous a { font-size: calc(16 * 0.2vw); width: calc(140vw / 7.2); height: calc(80vw / 7.2); }
.post-navigation .nav-links .nav-next a { font-size: calc(16 * 0.2vw); width: calc(140vw / 7.2); height: calc(80vw / 7.2); }

.post-navigation .nav-links .nav-previous a .icon { width: calc(12vw / 7.2); }
.post-navigation .nav-links .nav-next a .icon { width: calc(12vw / 7.2); }

.post-navigation .nav-links .nav-home { margin: 0 calc(30vw / 7.2) 0 calc(30vw / 7.2); }

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


#page_recruit {
	background-image:url(../img/recruit/page_header_bg_sp.webp); height: auto; background-size: 100%; background-repeat: no-repeat; padding: 7em 0 5em 0;
}

#page_recruit .page_header_ttl {  }

#job_description { padding: 5em 0 5em 0; }
#job_description .middle_inner { width: 94%; }

#job_description .job_type_list .job_btn { width: calc(325vw / 7.2); height: calc(70vw / 7.2); border: solid 2px #000000; }
#job_description .job_type_list::after { height: 2px; }

#job_description .job_detail .body dt { width: 9em; }


#job_voice .job_voice_post { padding:0; }

#job_voice .job_voice_post .num_box { width: calc(120vw / 7.2); height: calc(120vw / 7.2); padding: calc(22vw / 7.2); inset: 0 0 auto auto; }


#job_voice .job_voice_post .detail .thumb { /*float:none; width:100%;*/ float: left; width: 35%; }
#job_voice .job_voice_post .detail .text { /*float:none; width:100%; margin-block-end: 2em;*/ float: right; width: 60%; padding-right: 1.5em;}

#job_voice .job_voice_post .detail .text .staff_name { text-align: left; }
#job_voice .job_voice_post .detail .text .staff_name .personal_name { display: block; line-height: 1.5; }

#job_voice .job_voice_post .detail .text .profile { display:none; }

#job_voice .job_voice_post .profile_sp { display:table; margin: 2px calc(80vw / 19.2) 2px calc(80vw / 19.2); }
#job_voice .job_voice_post .profile_sp dt { width:7em; margin:0; padding:0.7em 0.5em 0.7em 0.5em; }
#job_voice .job_voice_post .profile_sp dd { margin:0; padding:0.7em 1em 0.7em 1em; }

#job_voice .job_voice_post .detail .text .staff_catch { margin: 1em 0 1em 0; }
#job_voice .job_voice_post .detail .text .staff_catch br { display:none; }

#job_voice .job_voice_post .staff_interview { padding: calc(80vw / 19.2) calc(80vw / 19.2) calc(40vw / 19.2) calc(80vw / 19.2); }


#job_voice { padding: 5em 0 5em 0; }
#job_faq { padding: 5em 0 5em 0; }
#job_company { padding: 5em 0 5em 0; }
#job_entry { padding: 5em 0 5em 0; }

#job_faq .accordions .box dt .qa { width: calc(80vw / 7.2); height: calc(80vw / 7.2); }
#job_faq .accordions .box dt p { width: 72%; line-height: 1.5; }
#job_faq .accordions .box .answer .qa { width: calc(80vw / 7.2); height: calc(80vw / 7.2); }
#job_faq .accordions .box .answer p { width: 80%; margin: 0.9em 1em 0 0; }
#job_faq .accordions .box dt .icon {width: calc(16vw / 7.2); margin-right: calc(30vw / 7.2); }

#job_faq .accordions .box .fs24vw { font-size: calc(24 * 0.13vw); }


#job_company .compay_detail .box dt { width: 8em; }
#job_company .compay_detail .box dd .list { margin-block-end:1em; }

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

form .box { display:block; }
form .box .field { display:block; width:100%; padding: 0.7em 1em 0.7em 1em; }
form .box .text { display:block; padding:1em 3% 1em 3%; }
form .box textarea { width: 100%; }

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

.privacy_policy_word { padding: 0 1em; height: 10em; }
form .send_btn { width: calc(500vw / 7.2); height: calc(100vw / 7.2); margin-block-start: 2em; }

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.4em; }
#job_entry #birth_year, #job_entry #birth_month, #job_entry #birth_day, #job_entry #age { width: 5.5em; }