/* ---------------------
style.css
***************
# Foundation
# Layouts
## header
## footer
## main
# Widget
# Contents
--------------------- */
/* =========================================
# Foundation
========================================== */
/* base
------------------------------------------ */
img { max-width: 100%; height: auto; }

/* =========================================
# Layouts
========================================== */
body { background: #fff; font-family: "Hiragino Mincho ProN", serif; letter-spacing: .16em; line-height: 2; }

.page-nav { overflow: hidden; margin: 30px auto; max-width: 900px; list-style-type: none; }
.page-nav li { padding: 0 5px; }
@media (min-width: 576px) { .page-nav li { width: 33.333%; float: left; } }
.page-nav a { background: #000 url(../img/bg_black.jpg) repeat; border: solid 1px #fff; color: #fff; text-align: center; display: block; padding: 30px 15px 40px 15px; text-decoration: none; position: relative; }
.page-nav a::before { content: ""; display: block; position: absolute; bottom: 15px; right: 50%; width: 14px; height: 14px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: translateX(-50%) rotate(135deg); transition: .2s; }
.page-nav a:hover::before { bottom: 13px; }

.category-header { font-size: 1.6rem; text-align: center; padding: 2em 1em; margin: 60px auto 30px auto; border-top: 1px solid #000; border-bottom: 1px solid #000; }
.category-header span { display: block; font-size: 0.85rem; }

/* header
------------------------------------------ */
.site-title { text-align: center; max-width: 460px; margin: 0 auto; }

/* --- navigation --- */
.navbar-custom { box-shadow: none; width: 100%; z-index: 99; padding: 15px; background: rgba(255, 255, 255, 0.8); border-bottom: 1px solid #ccc; }
.navbar-custom .navbar-brand { max-width: 160px; }
@media (min-width: 768px) { .navbar-custom .nav-link { margin: 0 .5em; } }
.navbar-custom .dropdown-menu { border-color: #000; border-radius: 0; }
.navbar-custom .navbar-toggler { border: 1px solid #000; }
.navbar-custom .navbar-toggler-icon { cursor: pointer; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }
.navbar-custom a { color: #000; transition: .2s; }
.navbar-custom a:hover { color: #e49621; }

.toggler__txt { font-size: .85em; }

/* footer
------------------------------------------ */
.footer { background: #fff; font-size: .85rem; }
.footer__logo { max-width: 300px; margin: 2em 0; }
.footer__map { min-height: 500px; }
.footer__copyright { padding: 1em; color: #fff; background: #333 url(../img/bg_black.jpg) repeat; }

/* =========================================
# Widget
========================================== */
/* Object
------------------------------------------ */
/* --- btn --- */
.btn { display: inline-block; margin: 0.3em; padding: 1.2em 5em; overflow: hidden; position: relative; text-decoration: none; text-transform: uppercase; border-radius: 3px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5); border: none; font-size: 15px; text-align: center; }

.btn:hover { box-shadow: 1px 6px 15px rgba(0, 0, 0, 0.5); text-decoration: none; }

.ripple { position: absolute; background: rgba(0, 0, 0, 0.25); border-radius: 100%; transform: scale(0.2); opacity: 0; pointer-events: none; -webkit-animation: ripple .75s ease-out; -moz-animation: ripple .75s ease-out; animation: ripple .75s ease-out; }

@-webkit-keyframes ripple { from { opacity: 1; }
  to { transform: scale(2); opacity: 0; } }
@-moz-keyframes ripple { from { opacity: 1; }
  to { transform: scale(2); opacity: 0; } }
@keyframes ripple { from { opacity: 1; }
  to { transform: scale(2); opacity: 0; } }
.btn-vr { padding: 1em 1em 1em 1.4em; background: #e49621; color: #fff; border-radius: 0; margin: 0; letter-spacing: .5em; position: relative; }
@media (min-width: 768px) { .btn-vr { padding: 1.4em 1em 1em 1em; } }
.btn-vr:hover { color: #fff; }

/* --- heading --- */
.h2 { letter-spacing: .25em; }

.h-leftline { margin-bottom: 2em; padding: 1em 1.5em; font-size: 1.2rem; border-left: 10px solid #e49621; }

/* --- txt --- */
.txt-red { color: firebrick; }

.txt-intro { padding: 2em 0 4em 0; text-align: center; line-height: 3em; }

/* --- background --- */
.bg-white { background: url(../img/bg_white.jpg) repeat; background-size: 100px auto; }

/* --- is --- */
.is-fixed { position: fixed; top: 0; left: 0; z-index: 99; width: 100%; }

/* Group
------------------------------------------ */
/* --- slick --- */
.slick-fade img { width: 100%; }

/* --- section --- */
.section { padding: 30px 0; }
@media (min-width: 768px) { .section { padding: 60px 0; } }

.section-img, .section-menu { background-repeat: no-repeat; background-size: cover; background-position: center; padding: 15px 0 70% 0; overflow: hidden; }
@media (min-width: 768px) { .section-img, .section-menu { padding: 4em 0 10em 0; } }
.section-img .catch, .section-menu .catch { text-align: center; }
@media (min-width: 768px) { .section-img .catch, .section-menu .catch { text-align: left; } }
.section-img .h2, .section-menu .h2 { text-align: center; font-size: 1.5rem; letter-spacing: 0.15em; }
@media (min-width: 768px) { .section-img .h2, .section-menu .h2 { text-align: left; font-size: 2rem; } }
.section-img .txt, .section-menu .txt { padding: 2.5em 0 0 0; }
.section-img .txt .wrap-btn, .section-menu .txt .wrap-btn { text-align: center; margin: 0; }
.section-img .txt .menu-list li, .section-menu .txt .menu-list li { font-size: 0.85rem; padding: .2em; }
@media (min-width: 768px) { .section-img .txt, .section-menu .txt { display: inline-block; border-style: solid; border-width: 1px 0 0 1px; -webkit-writing-mode: vertical-rl; -moz-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; -ms-writing-mode: vertical-rl; writing-mode: vertical-rl; height: 30em; }
  .section-img .txt .wrap-btn, .section-menu .txt .wrap-btn { text-align: right; } }
@media (min-width: 768px) { .section-img.right .box, .section-menu.right .box { float: right; } }
.section-img.right .box .txt, .section-menu.right .box .txt { border-width: 1px 1px 0 0; }

.section-img { border-top: 1px solid #fff; color: #fff; }
@media (min-width: 768px) { .section-img .txt { height: 20em; margin: 3em 0; } }

.section-menu-slider { padding: 0; }
.section-menu-slider .menu-book { font-size: 0.85rem; margin: 0 auto; background: #fff; }
@media (min-width: 768px) { .section-menu-slider .menu-book { text-align: center; } }
.section-menu-slider .menu-book .inner { display: inline-block; }
@media (min-width: 768px) { .section-menu-slider .menu-book .inner { -webkit-writing-mode: vertical-rl; -moz-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; -ms-writing-mode: vertical-rl; writing-mode: vertical-rl; max-height: 500px; padding: 15px 0; } }
.section-menu-slider .menu-book .h2 { font-size: 1rem; text-align: left; font-weight: bold; }
.section-menu-slider .menu-book ul { text-align: left; }
.section-menu-slider .menu-book ul li { padding: 0 .5em; }

/* --- hero --- */
.hero { color: #fff; position: relative; }
.hero__inner { text-align: center; width: 100%; height: 100vh; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
.hero__box { z-index: 9; padding: 30px; }
.hero__box .h1 { max-width: 100px; margin: 0 auto 1em auto; -webkit-writing-mode: vertical-rl; -moz-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; -ms-writing-mode: vertical-rl; writing-mode: vertical-rl; letter-spacing: .45em; }
.hero__box .h1 span { width: 1em; display: inline-block; margin: 0 0 .5em 0; vertical-align: text-bottom; }
@media (min-width: 576px) { .hero__box .h1 { max-width: 480px; -webkit-writing-mode: lr-tb; -moz-writing-mode: lr-tb; -ms-writing-mode: lr-tb; -ms-writing-mode: lr-tb; writing-mode: lr-tb; }
  .hero__box .h1 span { margin: 0 auto 1em auto; width: 2em; display: block; } }
.hero__slider { position: fixed; top: 0; left: 0; width: 100%; z-index: -1; }
.hero__slider .slide { height: 100vh; display: block; margin: 0 auto; overflow: hidden; position: relative; }
.hero__slider .slide img { width: auto; height: auto; min-width: 100%; min-height: 100%; max-width: inherit; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); ms-transform: translate(-50%, -50%); z-index: 1; }
.hero__news { width: 100%; padding: 0 15px; position: absolute; bottom: 30px; left: 0; }
.hero .important-list { background: #e49621; color: #fff; max-width: 680px; margin: 0 auto; padding: 10px 30px; overflow: hidden; position: relative; }
.hero .important-list a { color: inherit; display: block; }
.hero .important-list .slick-arrow { position: absolute; top: 17px; width: 0; height: 0; border-style: solid; cursor: pointer; }
.hero .important-list .slick-prev { left: 4px; border-width: 5px 8.7px 5px 0; border-color: transparent #fff transparent transparent; }
.hero .important-list .slick-next { right: 4px; border-width: 5px 0 5px 8.7px; border-color: transparent transparent transparent #fff; }

/* =========================================
# Contents
========================================== */
/* home
------------------------------------------ */
.home .hero__box { color: #000; }
.home .hero__box .h1 { max-width: 100px; -webkit-writing-mode: lr-tb; -moz-writing-mode: lr-tb; -ms-writing-mode: lr-tb; -ms-writing-mode: lr-tb; writing-mode: lr-tb; }
@media (min-width: 576px) { .home .hero__box .h1 { max-width: 480px; } }
.home .hero__inner { height: 100vh; }

.section-img.oryouri { background-image: url(../img/top/oryouri_img.jpg?v20200818); }

.section-img.omise { background-image: url(../img/top/omise_img.jpg?v20200818); }

.section-img.omotenasi { background-image: url(../img/top/omotenasi_img.jpg?v20200818); }

/* --- sns --- */
.sns a { color: #fff; display: inline-block; text-align: center; width: 100px; height: 100px; line-height: 100px; }
.sns .fb { background: #3C5A99; }
.sns .insta { background: #e1306c; }
.sns .pint { background: #BD081C; }

.sns-balloon { position: relative; display: inline-block; margin: 1.5em 0; padding: 7px 10px; min-width: 120px; max-width: 100%; color: #555; font-size: 16px; background: #FFF; border: solid 1px #555; box-sizing: border-box; }

.sns-balloon:before { content: ""; position: absolute; bottom: -26px; left: 50%; margin-left: -17px; border: 14px solid transparent; border-top: 14px solid #FFF; z-index: 2; }

.sns-balloon:after { content: ""; position: absolute; bottom: -28px; left: 50%; margin-left: -17px; border: 14px solid transparent; border-top: 14px solid #555; z-index: 1; }

.sns-balloon p { margin: 0; padding: 0; }

@media (min-width: 768px) { .sns-balloon { margin: 1.5em 15px 1.5em 0; padding: 7px 10px; }
  .sns-balloon:before { top: 50%; right: -24px; left: auto; bottom: auto; margin-top: -12px; border: 12px solid transparent; border-left: 12px solid #FFF; }
  .sns-balloon:after { top: 50%; right: -28px; left: auto; bottom: auto; margin-top: -14px; border: 14px solid transparent; border-left: 14px solid #555; }
  .sns-balloon p { margin: 0; padding: 0; } }
/* first
------------------------------------------ */
.section-first-message .img { background: url(../img/first/chef_img_01.jpg) no-repeat center; background-position: fixed; background-size: cover; height: 600px; width: 100%; }

.section-first-chef .box { display: flex; justify-content: center; flex-wrap: wrap; }

/* room
------------------------------------------ */
.section-room .box { text-align: center; }
.section-room .box .txt { padding: 30px 30px 15px 30px; margin-bottom: 15px; border: 1px solid; text-align: left; }
@media (min-width: 768px) { .section-room .box .txt { display: inline-block; -webkit-writing-mode: vertical-rl; -moz-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; -ms-writing-mode: vertical-rl; writing-mode: vertical-rl; } }

/* takeout
------------------------------------------ */
/* shop
------------------------------------------ */
.section-shop-facade .img { background: url(../img/shop/facade_img_01.jpg) no-repeat center; background-position: fixed; background-size: cover; height: 600px; width: 100%; }

.section-shop-info .h2 { text-align: center; margin-bottom: 1.5em; }
.section-shop-info .list-wrap { display: flex; justify-content: center; flex-wrap: wrap; }
.section-shop-info .list dt { padding: 1em 0 0 0; }
.section-shop-info .list dd { padding: 1em 0; }
@media (min-width: 768px) { .section-shop-info .list dt { padding: 1em 0; width: 6em; float: left; clear: both; }
  .section-shop-info .list dd { padding: 1em 0 1em 8em; margin: 0; border: none; } }

/* service
------------------------------------------ */
.section-service-intro { padding-bottom: 0; }

.section-service-gallery { padding-top: 0; }
@media (min-width: 576px) { .section-service-gallery img { margin-bottom: 10%; }
  .section-service-gallery .bg-mark-left { background: url(../img/bg_mark_white.png) no-repeat 10% top; background-size: 40% auto; }
  .section-service-gallery .bg-mark-right { background: url(../img/bg_mark_white.png) no-repeat 90% top; background-size: 40% auto; } }

/* menu
------------------------------------------ */
.section-menu { position: relative; padding: 30px 0; }
.section-menu .box { position: relative; z-index: 2; }
@media (min-width: 768px) { .section-menu { padding: 4em 0 10em 0; }
  .section-menu .menu__slider { max-width: 55%; position: absolute; right: 0; bottom: 0; z-index: 0; }
  .section-menu.right .menu__slider { left: 0; bottom: 0; } }

.menu-price { margin: 0 0 0 1em; text-align: right; display: block; }
@media (min-width: 768px) { .menu-price { margin: 0; } }
.menu-price .num { color: firebrick; }

.menu-book-oden .menu-price { margin: 0 0 0 1em; }
@media (min-width: 768px) { .menu-book-oden .menu-price { display: inline-block; margin: 1em 0 0 0; } }

/* recruit
------------------------------------------ */
.section-recruit-about .h2 { text-align: center; margin-bottom: 1.5em; }
.section-recruit-about .list-wrap { display: flex; justify-content: center; flex-wrap: wrap; }
.section-recruit-about .list dt { padding: 1em 0 0 0; }
.section-recruit-about .list dd { padding: 1em 0; }
@media (min-width: 768px) { .section-recruit-about .list dt { padding: 1em 0; width: 6em; float: left; clear: both; }
  .section-recruit-about .list dd { padding: 1em 0 1em 8em; margin: 0; border: none; } }

/* comingsoon
------------------------------------------ */
.section-comingsoon { padding: 15em 0; }

/*# sourceMappingURL=style.css.map */

/*20210512　追記*/


.popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: .6s;
}
.popup.is_show {
  opacity: 1;
  visibility: visible;
}
.popup_inner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 80%;
  max-width: 600px;
  padding: 50px;
  background-color: #fff;
  z-index: 2;
}

@media screen and (max-width: 768px){
  .popup_inner{
    width: 95%;
    padding: 15px;
  }
}
.popup_inner p{
  font-weight: 900;
  font-size: 20px;
  text-align: center;
}
.popup_inner a{
  background-color: #3C5A99;
  color: #fff;
  display: block;
  width: 250px;
  padding: 10px 15px;
  text-align: center;
  margin: 0 auto;
}
.pop_inner_link a{
  background-color: #fff;
  width: fit-content;
}
.dwl_btn{
  background-color: #3C5A99;
  color: #fff;
  display: block;
  width: 250px;
  padding: 10px 15px;
  text-align: center;
  margin: 40px auto;
}
.dwl_btn:hover{
  opacity: 0.8;
  transition: 0.3s;
  color: #fff;
}
.hero__box .year_h1{
  letter-spacing: .125em;
}
.close_btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
}
.close_btn span {
  font-size: 20px;
  color: #000;
  font-weight: bold;
}
.black_background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.8);
  z-index: 1;
  cursor: pointer;
}

/*20210531追記*/
.section-recruit-about .list dt{
  padding-top: 0;
}
.section-recruit-about .list dd{
  padding-top: 0;
}
p.coas_price{
  font-weight: 900;
  border-bottom: solid 1px #000;
}
p.coas_menu{
  font-size: 13px;
}

.foS{font-size:0.85em;}

.rec_snavi{
  margin:-40px 0 8%;
  text-align: center;

}

.rec_snavi a{
  background:#FFF;
  padding:1.5% 3%;
  color:#000;
 transition: 0.5s;
}

.rec_snavi a:hover{
  background:#E59A2F;
}

.ptop5{padding-top:5%;}

.linkbl{
  width:100%;
  display: block;
  color:#000;
  transition: 0.2s;
  text-align: right;
}

  .linkbl:hover{
    color:#E59A2F;
  }

  .section-recruit-about ul {margin-left:-20px;}