@charset "UTF-8";
/*
Theme Name: chiacchierone
Theme URI: https://chiacchierone.jp/
Description: This is our original theme
Author: KABA'S DESIGN
Author URI: https://kaba-design.jp/

	KABAS DESIGN
	 https://kaba-design.jp/

	This theme was designed and built by KABAS DESIGN,
	whose blog you will find at https://kaba-design.jp/
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/
/* mixin
========================================================= */
/* =========================================================
 全ページ共通
========================================================= */
/* リセット
------------------------------------- */
/*!
 * ress.css • v3.0.1
 * MIT License
 * github.com/filipelinhares/ress
 */
html {
   box-sizing: border-box;
   -webkit-text-size-adjust: 100%;
   word-break: normal;
   -moz-tab-size: 4;
   tab-size: 4;
}
*, :after, :before {
   background-repeat: no-repeat;
   box-sizing: inherit;
}
:after, :before {
   text-decoration: inherit;
   vertical-align: inherit;
}
* {
   padding: 0;
   margin: 0;
}
hr {
   overflow: visible;
   height: 0;
}
details, main {
   display: block;
}
summary {
   display: list-item;
}
small {
   font-size: 80%;
}
[hidden] {
   display: none;
}
abbr[title] {
   border-bottom: none;
   text-decoration: underline;
   text-decoration: underline dotted;
}
a {
   background-color: transparent;
}
a:active, a:hover {
   outline-width: 0;
}
a.text-deco-underline {
   text-decoration: underline;
}
code, kbd, pre, samp {
   font-family: monospace, monospace;
}
pre {
   font-size: 1em;
}
b, strong {
   font-weight: bolder;
}
sub, sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
}
sub {
   bottom: -.25em;
}
sup {
   top: -.5em;
}
input {
   border-radius: 0;
}
[disabled] {
   cursor: default;
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
   height: auto;
}
[type=search] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
}
[type=search]::-webkit-search-decoration {
   -webkit-appearance: none;
}
textarea {
   overflow: auto;
   resize: vertical;
}
button, input, optgroup, select, textarea {
   font: inherit;
}
optgroup {
   font-weight: 700;
}
button {
   overflow: visible;
}
button, select {
   text-transform: none;
}
[role=button], [type=button], [type=reset], [type=submit], button {
   cursor: pointer;
   color: inherit;
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
   border-style: none;
   padding: 0;
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button:-moz-focusring {
   outline: 1px dotted ButtonText;
}
[type=reset], [type=submit], button, html [type=button] {
   -webkit-appearance: button;
}
button, input, select, textarea {
   background-color: transparent;
   border-style: none;
}
select {
   -moz-appearance: none;
   -webkit-appearance: none;
}
select::-ms-expand {
   display: none;
}
select::-ms-value {
   color: currentColor;
}
legend {
   border: 0;
   color: inherit;
   display: table;
   white-space: normal;
   max-width: 100%;
}
::-webkit-file-upload-button {
   -webkit-appearance: button;
   color: inherit;
   font: inherit;
}
img {
   border-style: none;
}
progress {
   vertical-align: baseline;
}
@media screen {
   [hidden ~ =screen] {
      display: inherit;
   }
   [hidden ~ =screen]:not(:active):not(:focus):not(:target) {
      position: absolute !important;
      clip: rect(0 0 0 0) !important;
   }
}
[aria-busy=true] {
   cursor: progress;
}
[aria-controls] {
   cursor: pointer;
}
[aria-disabled] {
   cursor: default;
}
ul, dl, figure {
   margin: 0;
   padding: 0;
}
dt {
   font-weight: normal;
}
ul, li {
   list-style: none;
}
img, iframe {
   vertical-align: bottom;
   max-width: 100%;
}
button {
   outline: none;
   cursor: pointer;
}
table {
   border-collapse: collapse;
}
h1, h2, h3, h4, h5, h6 {
   font-weight: 700;
}
/* 基本設定
========================================================= */
body {
   background: url(assets/images/common/bg.jpg);
   font-family: "Noto Sans JP", sans-serif;
   font-weight: 400;
   line-height: 1.6;
   color: #111111;
   font-size: 16px;
   font-size: 1rem;
}
p {
   line-height: 1.9;
}
p + p {
   margin-top: 1.5em;
}
/* 表示・非表示
----------------------------------------------- */
.hidden {
   display: none;
}
@media (max-width: 399px) {
   .hidden-ss {
      display: none !important;
   }
}
@media (max-width: 639px) {
   .hidden-sp {
      display: none !important;
   }
}
@media (min-width: 640px) {
   .hidden-tab {
      display: none !important;
   }
}
@media (min-width: 960px) {
   .hidden-pc {
      display: none !important;
   }
}
@media (min-width: 1200px) {
   .hidden-l {
      display: none !important;
   }
}
@media (min-width: 400px) {
   .visible-ss {
      display: none !important;
   }
}
@media (max-width: 959px) {
   .visible-pc {
      display: none !important;
   }
}
@media (max-width: 1199px) {
   .visible-l {
      display: none !important;
   }
}
@media (min-width: 560px) {
   .only-sp {
      display: none !important;
   }
}
@media (max-width: 400px) {
   .only-sp {
      display: none !important;
   }
}
@media (min-width: 960px) {
   .only-tab {
      display: none !important;
   }
}
@media (max-width: 559px) {
   .only-tab {
      display: none !important;
   }
}
/* リンク
-------------------------------------- */
a {
   text-decoration: none;
   color: #111111;
   transition: .3s;
}
a img {
   transition: .3s;
   opacity: 1;
}
a img:hover {
   opacity: .8;
}
a.underline {
   text-decoration: underline;
}
::-moz-selection {
   color: #333333;
   background: rgba(255, 117, 43, 0.5);
}
::selection {
   color: #333333;
   background: rgba(255, 117, 43, 0.5);
}
/* 文字
-------------------------------------- */
.text-left {
   text-align: left !important;
}
.text-center {
   text-align: center !important;
}
.text-right {
   text-align: right !important;
}
.text-bold {
   font-weight: 700;
}
.notice {
   font-size: 14px;
   font-size: 0.875rem;
}
.text-black {
   color: #000;
}
.text-green{
    color: #6EAD38;
}

.text-responsive{
   text-align: left; 
}
@media (min-width: 960px){ 
    .text-responsive{
        text-align: center; 
    }
}
/* マージン調整
-------------------------------------- */
.mt-01 {
   margin-top: 90px !important;
}
@media (min-width: 960px) {
   .mt-01 {
      margin-top: 180px !important;
   }
}
.mt-02 {
   margin-top: 60px !important;
}
@media (min-width: 960px) {
   .mt-02 {
      margin-top: 120px !important;
   }
}
.mt-03 {
   margin-top: 40px !important;
}
@media (min-width: 960px) {
   .mt-03 {
      margin-top: 80px !important;
   }
}
.mt-04 {
   margin-top: 30px !important;
}
@media (min-width: 960px) {
   .mt-04 {
      margin-top: 60px !important;
   }
}
.mt-05 {
   margin-top: 20px !important;
}
@media (min-width: 960px) {
   .mt-05 {
      margin-top: 40px !important;
   }
}
.mt-06 {
   margin-top: 15px !important;
}
@media (min-width: 960px) {
   .mt-06 {
      margin-top: 30px !important;
   }
}
.mb-06 {
      margin-bottom: 10px !important;
}
.mt-0 {
   margin-top: 0 !important;
}
.mb-0 {
   margin-bottom: 0 !important;
}
.pt-0 {
   padding-top: 0 !important;
}
.pb-0 {
   padding-bottom: 0 !important;
}
/* object fit
-------------------------------------- */
.fitImg--cover {
   object-fit: cover;
   font-family: 'object-fit: cover;';
}
.fitImg--contain {
   object-fit: contain;
   font-family: 'object-fit: contain;';
}
/* fullsize
-------------------------------------- */
.is-fullsize {
   opacity: 0;
   transition: 0.3s opacity;
}
/* Slider
-------------------------------------- */
.slick-slider {
   position: relative;
   display: block;
   box-sizing: border-box;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   -ms-touch-action: pan-y;
   touch-action: pan-y;
   -webkit-tap-highlight-color: transparent;
}
.slick-list {
   position: relative;
   overflow: hidden;
   display: block;
   margin: 0;
   padding: 0;
}
.slick-list:focus {
   outline: none;
}
.slick-list.dragging {
   cursor: pointer;
   cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
   -webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0);
   -o-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
}
.slick-track {
   position: relative;
   left: 0;
   top: 0;
   display: block;
   margin-left: auto;
   margin-right: auto;
}
.slick-track:before, .slick-track:after {
   content: "";
   display: table;
}
.slick-track:after {
   clear: both;
}
.slick-loading .slick-track {
   visibility: hidden;
}
.slick-slide {
   float: left;
   height: 100%;
   min-height: 1px;
   display: none;
}
[dir="rtl"] .slick-slide {
   float: right;
}
.slick-slide img {
   display: block;
}
.slick-slide.slick-loading img {
   display: none;
}
.slick-slide.dragging img {
   pointer-events: none;
}
.slick-initialized .slick-slide {
   display: block;
}
.slick-loading .slick-slide {
   visibility: hidden;
}
.slick-vertical .slick-slide {
   display: block;
   height: auto;
   border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
   display: none;
}
.slick-arrow {
   position: absolute;
   top: 50%;
   z-index: 2;
   width: 35px;
   height: 35px;
   background: url(../img/common/slider_arrow.png) no-repeat center/contain;
   text-indent: -9999px;
}
@media (min-width: 960px) {
   .slick-arrow {
      width: 50px;
      height: 50px;
   }
}
@media (min-width: 1200px) {
   .slick-arrow {
      width: 118px;
      height: 118px;
   }
}
.slick-next {
   transform: translateY(-50%);
   right: 10px;
}
@media (min-width: 1400px) {
   .slick-next {
      right: auto;
      left: calc(50% + 535px);
   }
}
.slick-prev {
   transform: translateY(-50%) scale(-1, 1);
   left: 10px;
}
@media (min-width: 1400px) {
   .slick-prev {
      left: auto;
      right: calc(50% + 535px);
   }
}
/* =========================================================
 layout
========================================================= */
/* main
-------------------------------------- */
.l-main {
   overflow: hidden;
}
/* inner
-------------------------------------- */
.l-inner {
   max-width: 1080px;
   margin-right: auto;
   margin-left: auto;
   padding-right: 16px;
   padding-left: 16px;
   box-sizing: content-box;
}
@media (min-width: 960px) {
   .l-inner {
      padding-right: 20px;
      padding-left: 20px;
   }
}
/* header
-------------------------------------- */
.l-header {
   position: fixed;
   top: 0;
   right: 0;
   left: 0;
   z-index: 21;
   transition: 0.3s transform;
}
@media (min-width: 960px) {
   .l-header {}
}
@media (max-width: 959px) {
   body.is-menuOpen .l-header {
      transform: translateX(-280px);
   }
}
.l-header__inner {
   display: flex;
   justify-content: space-between;
   align-items: center;
   height: 70px;
   max-width: none;
   background-color: rgba(transparent);
   padding: 0;
}
@media (min-width: 960px) {
   .l-header__inner {
      height: auto;
      background-color: rgba(255, 255, 255, .3);
   }
}
.l-header__logo {
   width: auto;
}
@media (min-width: 960px) {
   .l-header__logo {
      width: 160px;
      margin-top: 0;
   }
}
.l-header__logo a {
   display: block;
   width: 260px;
   margin: 0 0 0 .8em;
}
@media (min-width: 960px) {
   .l-header__logo a {
      width: 100px;
      margin: auto;
   }
}
.l-header__text {
   text-align: center;
   color: #FFFFFF;
   font-size: 14px;
   font-size: 0.875rem;
   font-weight: 700;
}
.l-header__reserveBtn {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   align-self: flex-start;
   width: 140px;
   height: 140px;
   margin-left: 40px;
   background: #2C2A28;
   color: #FFFFFF;
}
.l-header__reserveBtn span {
   font-weight: 700;
   margin-top: 0.7em;
   font-size: 15px;
   font-size: 0.9375rem;
}
.l-header__reserveBtn small {
   font-family: "Bebas Neue", cursive;
   letter-spacing: 0.08em;
   font-size: 14px;
   font-size: 0.875rem;
}
.l-header__reserveBtn:hover {
   background: #6EAD38;
}
.l-header__menuBtn {
   position: absolute;
   right: 0;
   top: 0;
   width: 70px;
   height: 70px;
   margin-left: 20px;
   padding-top: 2.6em;
   box-sizing: border-box;
   z-index: 101;
   color: #fff;
   text-align: center;
   font-family: "Bebas Neue", cursive;
   background: #6EAD38;
}
@media (min-width: 960px) {
   .l-header__menuBtn {
      width: 36px;
   }
}
@media (min-width: 1200px) {
   .l-header__menuBtn {
      margin-left: 40px;
   }
}
.l-header__menuBtn span {
   position: absolute;
   top: 40%;
   left: 50%;
   width: 30px;
   height: 3px;
   margin: -1px 0 0 -15px;
   background: #fff;
   transition: .4s;
}
body.is-menuOpen .l-header__menuBtn span {
   width: 36px;
   margin-left: -18px;
}
.l-header__menuBtn span:nth-of-type(1) {
   transform: translateY(-8px);
}
body.is-menuOpen .l-header__menuBtn span:nth-of-type(1) {
   transform: rotate(-45deg);
}
body.is-menuOpen .l-header__menuBtn span:nth-of-type(2) {
   opacity: 0;
}
.l-header__menuBtn span:nth-of-type(3) {
   transform: translateY(8px);
}
body.is-menuOpen .l-header__menuBtn span:nth-of-type(3) {
   transform: rotate(45deg);
}
.l-header__menuBtn small {
   position: absolute;
   right: 0;
   left: 0;
   bottom: 8px;
   color: #fff;
   text-align: center;
   line-height: 1;
   transition: 0.3s;
   font-size: 12px;
   font-size: 0.75rem;
}
/* gnav
-------------------------------------- */
.l-gnav {
   flex: 1;
}
@media (max-width: 959px) {
   .l-gnav {
      margin-right: 2px;
   }
}
.l-gnav ul {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}
@media (min-width: 960px) {
   .l-gnav ul {
      margin: 10px auto 0;
      width: 598px;
   }
}
.l-gnav li {
   width: calc(50% - 1px);
}
@media (min-width: 960px) {
   .l-gnav li {
      width: calc((100% - 6px) / 4);
   }
}
@media (max-width: 959px) {
   .l-gnav li:nth-of-type(n + 3) {
      margin-top: 2px;
   }
}
.l-gnav__link {
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   height: 39px;
   background: rgba(255, 255, 255, 0.8);
   font-weight: 700;
   color: #333333;
   line-height: 1.4;
   font-size: 12px;
   font-size: 0.75rem;
}
@media (min-width: 960px) {
   .l-gnav__link {
      height: 64px;
      font-size: 15px;
      font-size: 0.9375rem;
   }
}
.l-gnav__link small {
   font-family: "Bebas Neue", cursive;
   color: #6EAD38;
   letter-spacing: 0.06em;
   font-weight: 400;
   font-size: 11px;
   font-size: 0.6875rem;
}
@media (min-width: 960px) {
   .l-gnav__link small {
      margin-top: 0.2em;
      font-size: 14px;
      font-size: 0.875rem;
   }
}
.l-gnav__link:hover, .l-gnav__link--active {
   opacity: 1;
   background: rgba(63, 175, 37, 0.8);
   color: #FFFFFF;
}
.l-gnav__link:hover small, .l-gnav__link--active small {
   color: #FFFFFF;
}
/* spMenu
-------------------------------------- */
.l-spMenu {
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   width: 280px;
   transform: translateX(100%);
   background: #FFFFFF;
   overflow: auto;
   pointer-events: none;
   max-height: 100vh;
   overflow: auto;
   z-index: 20;
   transition: .3s;
   font-size: 18px;
   font-size: 1.125rem;
}
@media (min-width: 960px) {
   .l-spMenu {
      padding: 60px 0;
   }
}
body.is-menuOpen .l-spMenu {
   transform: translateX(0%);
   pointer-events: auto;
   z-index: 20;
}
.l-spMenu a {
   color: #111111;
}
.l-spMenuOverlay {
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background: rgba(17, 17, 17, 0.8);
   z-index: 19;
   opacity: 0;
   transition: .3s;
   pointer-events: none;
}
body.is-menuOpen .l-spMenuOverlay {
   opacity: 1;
   pointer-events: initial;
}
.l-spMenu__inner {
   padding: 0;
}
.l-spMenu__logo {
   margin-bottom: 1.5em;
   text-align: center;
   font-weight: bold;
}
.l-spMenu__logo img {
   display: block;
   width: 120px;
   margin: 0 auto 1.5em;
}
@media (min-width: 1200px) {
   .l-spMenu__logo img {
      width: auto;
   }
}
.l-spMenu__list01 > li {
   border-bottom: #EBEBEA 1px solid;
}
.l-spMenu__link {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   line-height: 1.4;
   padding: 0.5em;
}
.l-spMenu__link span {
   font-weight: 700;
}
.l-spMenu__link small {
   font-family: "Bebas Neue", cursive;
   color: #6EAD38;
   font-size: 16px;
   font-size: 1rem;
}
.l-spMenu__link:hover {
   background: #6EAD38;
}
.l-spMenu__link:hover span {
   color: #FFFFFF;
}
.l-spMenu__link:hover small {
   color: #FFFFFF;
}
.l-spMenu__link--reserved {
   position: relative;
   background: #2C2A28;
}
.l-spMenu__link--reserved span {
   color: #FFFFFF;
}
.l-spMenu__link--reserved img {
   position: absolute;
   left: 10px;
   top: 50%;
   transform: translateY(-50%);
   margin-bottom: 0.4em;
}
.l-spMenu__external {
   padding: 16px;
}
.l-spMenu__list02 {
   display: flex;
   flex-wrap: wrap;
}
.l-spMenu__list02 img {
   width: 40px;
}
.l-spMenu__list02 dt {
   width: 100%;
   font-family: "Bebas Neue", cursive;
   font-size: 20px;
   font-size: 1.25rem;
}
.l-spMenu__list02 dd + dd {
   margin-left: 8px;
}
.l-spMenu__list02--delivery {
   margin-top: 16px;
}
.l-spMenu__list02--delivery dd {
   width: 20%;
}
.l-spMenu__list02--delivery dd + dd {
   margin-left: 0;
}
/* aside
-------------------------------------- */
.l-aside .l-inner {
   padding-top: 40px;
}
@media (min-width: 960px) {
   .l-aside .l-inner {
      padding-top: 80px;
   }
}
.l-aside__inner {
   max-width: 1080px;
   margin: 0 auto;
}
.l-aside__text {
   max-width: 900px;
   margin: auto;
}
.l-aside__banners {
   display: flex;
   flex-wrap: wrap;
   transform: translateY(20%);
   margin-left: -20px;
   margin-top: -10%;
}
@media (min-width: 640px) {
   .l-aside__banners {
      transform: translateY(40%);
      margin-top: -5%;
   }
}
@media (min-width: 960px) {
   .l-aside__banners {
      margin-left: -40px;
   }
}
.l-aside__banners li {
   width: 100%;
   padding-left: 20px;
   margin-top: 20px;
}
@media (min-width: 640px) {
   .l-aside__banners li {
      width: 50%;
   }
}
@media (min-width: 960px) {
   .l-aside__banners li {
      padding-left: 40px;
   }
}
.l-aside__banners a {
   display: block;
   background: #FFFFFF;
}
/* fixedNav
-------------------------------------- */
.l-fixedNav {
   display: flex;
   justify-content: center;
   position: fixed;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 7;
}
@media (min-width: 640px) {
   .l-fixedNav {
      bottom: auto;
      top: 50%;
      left: auto;
      transform: translateY(-50%);
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
   }
}
@media (min-width: 640px) and (max-height: 700px) {
   .l-fixedNav {
      top: 160px;
      transform: none;
   }
}
@media (max-width: 639px) {
   .is-fixedNav {
      transform: translateY(100%);
      transition: transform 0.3s;
      pointer-events: none;
   }
   .is-fixedNav--active {
      transform: translateY(0%);
      pointer-events: initial;
   }
}
.l-fixedNav__link {
   display: flex;
   align-items: center;
   justify-content: center;
   width: calc(100% / 3.001);
   height: 54px;
   background: #FFFFFF;
   border-top: #EBEBEA 1px solid;
   font-weight: 700;
   z-index: 10;
}
@media (max-width: 639px) {
   .l-fixedNav__link {
      font-size: 14px;
      font-size: 0.875rem;
   }
}
@media (min-width: 640px) {
   .l-fixedNav__link {
      width: 64px;
      height: 200px;
      border: #EBEBEA 1px solid;
      border-right: none;
      letter-spacing: 0.1em;
   }
}
.l-fixedNav__link + .l-fixedNav__link {
   border-left: #EBEBEA 1px solid;
}
@media (min-width: 640px) {
   .l-fixedNav__link + .l-fixedNav__link {
      margin-top: 10px;
   }
}
.l-fixedNav__link:hover {
   background: #6EAD38;
   border-color: #6EAD38;
   color: #FFFFFF;
}
.l-fixedNav__link:hover .l-fixedNav__icon line, .l-fixedNav__link:hover .l-fixedNav__icon path, .l-fixedNav__link:hover .l-fixedNav__icon ellipse {
   stroke: #FFFFFF;
}
.l-fixedNav__icon {
   margin-right: 0.4em;
}
@media (max-width: 639px) {
   .l-fixedNav__icon {
      transform: scale(0.75);
   }
}
@media (min-width: 640px) {
   .l-fixedNav__icon {
      margin: 0 0 0.8em;
   }
}
.l-fixedNav__icon line, .l-fixedNav__icon path, .l-fixedNav__icon ellipse {
   stroke: #6EAD38;
}
/* footer
-------------------------------------- */
.l-footer {
   position: relative;
   z-index: 6;
   margin-top: 25vw;
    margin-bottom: 54px;
}
@media (min-width: 640px) {
   .l-footer {
      margin-top: 120px;
      margin-bottom: 0;
   }
}
@media (min-width: 960px) {
   .l-footer {
      margin-top: 180px;
   }
}
.l-footer__nav {
   background: #111111;
}
.l-footer__nav ul {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   padding: 1.4em 1em;
}
.l-footer__nav li {
   margin: 0.2em 1em;
}
.l-footer__navLink {
   color: #FFFFFF;
}
.l-footer__navLink:hover {
   color: rgba(255, 255, 255, 0.7);
}
.l-footer__navLink--reserve {
   display: flex;
   align-items: center;
   padding: 0 2em;
   border-left: rgba(255, 255, 255, 0.3) 1px solid;
}
.l-footer__navLink--reserve::before {
   width: 18px;
   height: 14px;
   margin-right: 0.4em;
   background: url(assets/images/common/icon_reserve.svg) no-repeat center/contain;
   opacity: 0.7;
   content: '';
   transition: 0.3s opacity;
}
.l-footer__navLink--reserve:hover {
   color: #FFFFFF;
}
.l-footer__navLink--reserve:hover::before {
   opacity: 1;
}
.l-footer__lower {
   padding: 60px 0 30px;
   background: url(assets/images/common/footer_bg.jpg) no-repeat center/cover;
   color: #FFFFFF;
}
@media (min-width: 960px) {
   .l-footer__lower {
      padding: 120px 0 35px;
   }
}
.l-footer__lower .l-inner {
   position: relative;
}
@media (min-width: 960px) {
   .l-footer__lower .l-inner {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
   }
}
.l-footer__pagetop {
   position: absolute;
   top: 0;
   right: 16px;
}
@media (min-width: 960px) {
   .l-footer__pagetop {
      right: 0;
   }
}
.l-footer__info {
   font-weight: 700;
   text-align: center;
}
.l-footer__info a {
   color: #FFFFFF;
}
.l-footer__info dt {
   display: inline-block;
   margin-bottom: 1em;
   font-weight: 700;
   font-size: 20px;
   font-size: 1.25rem;
}
.l-footer__info dt img {
   display: block;
   margin: 0 auto 1em;
}
.l-footer__info dd a {
   display: flex;
   align-items: center;
   margin-top: 0.5em;
   font-family: "Bebas Neue", cursive;
   font-weight: 400;
   font-size: 42px;
   font-size: 2.625rem;
   justify-content: center;
}
.l-footer__info dd a::before {
   width: 34px;
   height: 32px;
   margin-right: 0.3em;
   background: url(assets/images/common/icon_tel.svg) no-repeat center/contain;
   content: '';
}
.l-footer__info .footer-logo {
   width: 150px;
}
.l-footer__links {
   max-width: 600px;
}
@media (max-width: 959px) {
   .l-footer__links {
      margin-top: 30px;
   }
}
@media (min-width: 960px) {
   .l-footer__links {
      width: 55.5555555556%;
   }
}
.l-footer__list {
   display: flex;
   flex-wrap: wrap;
   margin-left: -8px;
}
.l-footer__list > * {
   padding-left: 8px;
   box-sizing: border-box;
}
.l-footer__list dt {
   width: 100%;
   margin-bottom: 0.2em;
   font-family: "Bebas Neue", cursive;
   font-size: 20px;
   font-size: 1.25rem;
}
.l-footer__list dd {
   margin-top: 8px;
}
.l-footer__list--delivery {
   margin-top: 30px;
}
@media (min-width: 960px) {
   .l-footer__list--delivery {
      margin-top: 60px;
   }
}
.l-footer__list--delivery dd {
   width: calc(100% / 3.001);
}
@media (min-width: 500px) {
   .l-footer__list--delivery dd {
      width: 20%;
   }
}
.l-footer__list--delivery dd img {
   width: 100%;
}
.l-footer__line {
   margin-top: 30px;
}
@media (min-width: 640px) {
   .l-footer__line {
      width: 440px;
   }
}
.l-footer__line a {
   display: block;
}
.l-footer__line a:hover {
   opacity: 0.8;
}
.l-footer__line dl {
   display: flex;
}
.l-footer__line dt {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 75px;
   border-radius: 4px 0 0 4px;
   background: #1BB91F;
}
@media (min-width: 640px) {
   .l-footer__line dt {
      width: 90px;
   }
}
.l-footer__line dd {
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex: 1;
   padding: 10px;
   background: #FFFFFF;
   border-radius: 0 4px 4px 0;
   font-weight: 700;
   color: #1BB91F;
}
@media (min-width: 640px) {
   .l-footer__line dd {
      padding: 16px 20px;
   }
}
.l-footer__line dd > p > span {
   display: block;
   line-height: 1.4;
   font-size: 18px;
   font-size: 1.125rem;
   background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, #E9FF41));
   background: linear-gradient(180deg, transparent 70%, E9FF41 70%);
}
@media (min-width: 640px) {
   .l-footer__line dd > p > span {
      font-size: 27px;
      font-size: 1.6875rem;
   }
}
.l-footer__line dd > p > small {
   display: block;
   margin-top: 0.2em;
}
.l-footer__line dd > p > small span {
   padding-left: 0.8em;
   color: #111111;
}
.l-footer__copy {
   width: 100%;
   margin-top: 90px;
}
@media (min-width: 960px) {
   .l-footer__copy {
      margin-top: 180px;
   }
}
.l-footer__copy a {
   color: #ffffff;
}
/* =========================================================
 component
========================================================= */
/* flex
-------------------------------------- */
.c-flex {
   display: flex;
}
.c-flex--wrap {
   flex-wrap: wrap;
}
.c-flex--center {
   justify-content: center;
}
.c-flex--between {
   justify-content: space-between;
}
.c-flex--top {
   align-items: flex-start;
}
.c-flex--middle {
   align-items: center;
}
.c-flex--bottom {
   align-items: flex-end;
}
/* grid
-------------------------------------- */
.c-grid {
   display: flex;
   flex-wrap: wrap;
}
.c-grid > * {
   width: 100%;
   box-sizing: border-box;
}
/* section
-------------------------------------- */
.c-section--border {
   margin: 0 5px;
}
@media (min-width: 960px) {
   .c-section--border {
      margin: 0 30px;
   }
}
.c-section--border .l-inner {
   max-width: 1220px;
   box-sizing: border-box;
   border: #111111 4px solid;
}
/* title
-------------------------------------- */
.c-title--page {
   position: absolute;
   top: 50%;
   right: 0;
   left: 0;
   transform: translateY(-40%);
   white-space: nowrap;
   text-align: center;
   color: #FFFFFF;
   line-height: 0.8;
}
.c-title--page span {
   display: block;
   font-family: "Bebas Neue", cursive;
   font-weight: 400;
   font-size: 60px;
   font-size: 3.75rem;
}
@media (min-width: 640px) {
   .c-title--page span {
      font-size: 80px;
      font-size: 5rem;
   }
}
.c-title--page small {
   font-size: 18px;
   font-size: 1.125rem;
}
.c-title--section {
   position: relative;
   margin: 60px 0 40px;
   line-height: 1.4;
}
@media (min-width: 640px) {
   .c-title--section {
      margin: 120px 0 90px;
   }
}
.c-title--section span {
   display: block;
   font-size: 26px;
   font-size: 1.625rem;
}
@media (min-width: 960px) {
   .c-title--section span {
      font-size: 38px;
      font-size: 2.375rem;
   }
}
.c-title--section small {
   display: block;
   font-family: "Bebas Neue", cursive;
   color: #6EAD38;
   font-weight: 400;
   letter-spacing: 0.06em;
   font-size: 18px;
   font-size: 1.125rem;
}
.c-title--sectionSmall {
   margin-bottom: 2em;
   font-weight: 400;
   line-height: 1;
}
.c-title--sectionSmall span {
   font-family: "Bebas Neue", cursive;
   font-weight: 400;
   font-size: 46px;
   font-size: 2.875rem;
}
@media (min-width: 960px) {
   .c-title--sectionSmall span {
      font-size: 54px;
      font-size: 3.375rem;
   }
}
.c-title--sectionSmall small {
   display: block;
   color: #6EAD38;
   font-size: 16px;
   font-size: 1rem;
}
.c-title--sectionSmallWhite {
   color: #FFFFFF;
}
.c-title--sectionSmallWhite small {
   color: #FFFFFF;
}
/* header
-------------------------------------- */
.c-sectionHeader--section {
   position: relative;
   text-align: center;
}
.c-sectionHeader--section__bgtext {
   text-align: center;
   line-height: 1;
   color: #FFFFFF;
   font-family: "Bebas Neue", cursive;
   user-select: none;
   font-size: 70px;
   font-size: 4.375rem;
}
@media (min-width: 960px) {
   .c-sectionHeader--section__bgtext {
      font-size: 160px;
      font-size: 10rem;
   }
}
.c-sectionHeader--section .c-title {
   position: absolute;
   top: 50%;
   right: 0;
   left: 0;
   z-index: 2;
   transform: translateY(-50%);
   margin: 0;
}
/* pageHeader
-------------------------------------- */
.c-pageHeader {
   position: relative;
}
.c-pageHeader__bg {
   height: 340px;
}
@media (min-width: 640px) {
   .c-pageHeader__bg {
      height: 600px;
   }
}
.c-pageHeader__bg img {
   object-fit: cover;
   width: 100%;
   height: 100%;
}
/* lead
-------------------------------------- */
.c-lead {
   padding: 0 16px;
   text-align: center;
   font-weight: 700;
   line-height: 1.6666666667;
   font-size: 20px;
   font-size: 1.25rem;
}
@media (min-width: 640px) {
   .c-lead {
      padding: 0 30px;
      font-size: 24px;
      font-size: 1.5rem;
   }
}
/* btn
-------------------------------------- */
.c-btn {
   display: flex;
   align-items: center;
   box-sizing: border-box;
   text-align: center;
   transition: 0.3s;
}
.c-btn--more {
   width: 200px;
   margin-left: auto;
   justify-content: flex-end;
}
.c-btn--more span {
   margin-right: 1em;
   border-bottom: #111111 1px solid;
   color: #111111;
   font-family: "Bebas Neue", cursive;
   font-size: 18px;
   font-size: 1.125rem;
}
.c-btn--more::after {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 60px;
   height: 60px;
   border-radius: 100%;
   background: #2C2A28 url(assets/images/common/arrow_right_white.svg) no-repeat center;
   transition: 0.3s;
   content: '';
}
@media (min-width: 640px) {
   .c-btn--more::after {
      width: 80px;
      height: 80px;
   }
}
.c-btn--more:hover::after {
   background-color: #6EAD38;
}
/* table
-------------------------------------- */
.c-table {
   border-bottom: 1px solid #333333;
   line-height: 2;
}
.c-table > div {
   display: flex;
   flex-wrap: wrap;
   align-items: flex-start;
   padding: 1.2em 0;
   border-top: 1px solid #333333;
}
@media (min-width: 640px) {
   .c-table > div {
      padding: 2.2em 0;
   }
}
.c-table dt {
   width: 100%;
   font-weight: 700;
}
@media (max-width: 639px) {
   .c-table dt {
      margin-bottom: 0.5em;
   }
}
@media (min-width: 640px) {
   .c-table dt {
      width: 160px;
   }
}
.c-table dd {
   width: 100%;
}
@media (min-width: 640px) {
   .c-table dd {
      flex: 1;
   }
}
/* list
-------------------------------------- */
.c-list li {
   display: flex;
}
.c-list li::before {
   flex-shrink: 0;
}
.c-list--dot li::before {
   content: '・';
}
.c-list--square li::before {
   content: '■';
   margin-right: 4px;
}
/* =========================================================
 project
========================================================= */
/* newsList
-------------------------------------- */
.p-entryList {
   border-bottom: #111111 1px solid;
}
.p-entryList li {
   border-top: #111111 1px solid;
}
.p-entryList__link {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   position: relative;
   padding: 2em 2em 2em 0;
}
@media (min-width: 640px) {
   .p-entryList__link {
      padding: 3em 3em 3em 0;
   }
}
.p-entryList__link::after {
   position: absolute;
   right: 0;
   top: calc(50% - 10px);
   width: 20px;
   height: 20px;
   margin-left: 2em;
   border-radius: 100%;
   background: #111111 url(assets/images/common/arrow_right_white_small.svg) no-repeat center;
   content: '';
   transition: 0.3s;
}
.p-entryList__link:hover::after {
   background-color: #6EAD38;
}
.p-entryList__date {
   width: 100%;
   font-family: "Bebas Neue", cursive;
}
@media (min-width: 640px) {
   .p-entryList__date {
      width: 122px;
   }
}
.p-entryList__text {
   width: 100%;
   font-size: 15px;
   font-size: 0.9375rem;
}
@media (min-width: 640px) {
   .p-entryList__text {
      flex: 1;
   }
}
/* =========================================================
 single（投稿詳細ページ）
========================================================= */
/* section
-------------------------------------- */
.single-section__inner {
   padding: 20px 20px 40px;
   background: #FFFFFF;
}
@media (min-width: 640px) {
   .single-section__inner {
      padding: 40px;
   }
}
@media (min-width: 960px) {
   .single-section__inner {
      padding: 14.8148148148%;
   }
}
/* header
-------------------------------------- */
.single-header__date {
   font-family: "Bebas Neue", cursive;
   color: #6EAD38;
   letter-spacing: 0.08em;
}
.single-header__title {
   margin-bottom: 1.8em;
   font-size: 22px;
   font-size: 1.375rem;
}
@media (min-width: 960px) {
   .single-header__title {
      font-size: 28px;
      font-size: 1.75rem;
   }
}
/* content
-------------------------------------- */
.single-content::after {
   display: table;
   height: 0;
   clear: both;
   content: '';
}
.single-content h1, .single-content h2, .single-content h3, .single-content h4, .single-content h5, .single-content h6 {
   margin-bottom: 30px;
   clear: both;
}
.single-content h1, .single-content h2 {
   padding-bottom: 0.5em;
   border-bottom: double 5px #111111;
   font-size: 20px;
   font-size: 1.25rem;
}
@media (min-width: 960px) {
   .single-content h1, .single-content h2 {
      font-size: 22px;
      font-size: 1.375rem;
   }
}
* + .single-content h1, * + .single-content h2 {
   margin-top: 70px;
}
.single-content h3 {
   font-size: 18px;
   font-size: 1.125rem;
}
@media (min-width: 960px) {
   .single-content h3 {
      font-size: 20px;
      font-size: 1.25rem;
   }
}
.single-content h3::after {
   display: block;
   width: 64px;
   height: 3px;
   margin-top: 0.5em;
   background: #6EAD38;
   content: '';
}
* + .single-content h3 {
   margin-top: 60px;
}
.single-content p {
   line-height: 2;
}
.single-content a {
   word-break: break-all;
   color: #25B2FD;
   text-decoration: underline;
}
.single-content p, .single-content ul, .single-content ol, .single-content blockquote {
   margin-bottom: 2em;
}
.single-content blockquote {
   padding: 1.5em 2em;
   background: #ebf1f8;
}
.single-content *:last-child {
   margin-bottom: 0;
}
.single-content ul:not(.blocks-gallery-grid) li {
   display: flex;
}
.single-content ul:not(.blocks-gallery-grid) li::before {
   flex-shrink: 0;
   width: 8px;
   height: 8px;
   margin: 0.65em 0.5em 0 0;
   background: #6EAD38;
   border-radius: 100%;
   content: '';
}
.single-content ul:not(.blocks-gallery-grid) li + li {
   margin-top: 1.5em;
}
.single-content ol {
   padding-left: 1.5em;
}
.single-content iframe {
   max-width: 100%;
}
.single-content pre {
   white-space: pre-wrap;
}
.single-content img {
   margin-top: 20px;
   margin-bottom: 20px;
}
.single-content .alignleft {
   float: left;
   margin-right: 1em;
}
.single-content .alignright {
   float: right;
   margin-left: 1em;
}
.single-content .aligncenter {
   display: block;
   margin: 20px auto;
}
.single-content table {
   width: 100%;
   table-layout: fixed;
   margin: 50px 0;
   border-bottom: #E5E5E5 1px solid;
}
@media (max-width: 639px) {
   .single-content table {
      font-size: 14px;
      font-size: 0.875rem;
   }
}
.single-content table th, .single-content table td {
   vertical-align: middle;
   padding-top: 2.5em;
   padding-bottom: 2.5em;
   border-top: #E5E5E5 1px solid;
}
.single-content table td {
   padding-left: 1em;
}
.single-content table th {
   width: 22%;
   text-align: left;
}
/* pager
-------------------------------------- */
.single-pager {
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-wrap: wrap;
   padding-top: 40px;
   border-top: #111111 4px solid;
   font-family: "Bebas Neue", cursive;
   letter-spacing: 0.08em;
   font-size: 18px;
   font-size: 1.125rem;
}
@media (min-width: 960px) {
   .single-pager {
      padding-top: 90px;
   }
}
.single-pager__link:hover {
   color: #6EAD38;
}
.single-pager__link svg {
   stroke: #6EAD38;
}
.single-pager__link--prev {
   padding-right: 1em;
}
@media (min-width: 480px) {
   .single-pager__link--prev {
      order: 1;
   }
}
.single-pager__link--prev svg {
   margin-right: 0.4em;
}
.single-pager__link--next {
   padding-left: 1em;
}
@media (min-width: 480px) {
   .single-pager__link--next {
      order: 3;
   }
}
.single-pager__link--next svg {
   transform: scale(-1, 1);
   margin-left: 0.4em;
}
.single-pager__link--hidden {
   opacity: 0;
   pointer-events: none;
}
.single-pager__inner {
   margin: 0 auto;
}
@media (max-width: 479px) {
   .single-pager__inner {
      margin-top: 30px;
      width: 100%;
   }
}
@media (min-width: 480px) {
   .single-pager__inner {
      order: 2;
   }
}
.single-pager__btn {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 200px;
   height: 48px;
   background: #111111;
   text-align: center;
   color: #FFFFFF;
}
.single-pager__btn:hover {
   background: #6EAD38;
}
/* =========================================================
 home
========================================================= */
/* kv
-------------------------------------- */
.home-kv {
   position: relative;
   background: url() no-repeat center/cover;
}
.home-kv__title {
   display: flex;
   flex-direction: column;
   justify-content: center;
   position: absolute;
   top: 50%;
   right: 0;
   left: 0;
   transform: translateY(-50%);
   text-align: center;
   color: #FFFFFF;
   font-weight: 400;
   z-index: 2;
}
.home-kv__title .mv-text {
   font-size: 60px;
   font-size: 3.75rem;
   font-weight: bold;
   line-height: 1.1;
   margin: 0 0 0.8rem;
}
.home-kv__title .mv-logo {
   margin: 0 0 .5rem;
}
.home-kv__title .mv-logo img {
   max-width: 90%;
   width: 100%;
}
@media (min-width: 640px) {
   .home-kv__title .mv-text {
      font-size: 85px;
      font-size: 5.3125rem;
   }
   .home-kv__title .mv-logo {
      margin: 0 0 1.5rem;
   }
   .home-kv__title .mv-logo img {
      max-width: 600px;
   }
}
@media (min-width: 960px) {
   .home-kv__title .mv-text {
      font-size: 170px;
      font-size: 6rem;
   }
   .home-kv__title .mv-logo img {
      max-width: 760px;
   }
}
.home-kv__title small {
   font-size: 14px;
   font-size: 0.95rem;
   font-weight: bold;
}
@media (min-width: 960px) {
   .home-kv__title small {
      font-size: 28px;
      font-size: 1.2rem;
   }
}
.home-kv__news {
   display: flex;
   align-items: center;
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 64px;
   padding: 0.5em 0;
   background: #111111;
   color: #FFFFFF;
}
@media (min-width: 960px) {
   .home-kv__news {
      width: 520px;
   }
}
.home-kv__news dt {
   width: 90px;
   padding-top: 0.2em;
   font-family: "Bebas Neue", cursive;
   text-align: center;
   font-size: 18px;
   font-size: 1.125rem;
}
.home-kv__news dd {
   width: calc(100vw - 106px);
}
@media (min-width: 960px) {
   .home-kv__news dd {
      width: 400px;
   }
}
.home-kv__news a {
   display: block;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   color: #FFFFFF;
   font-size: 15px;
   font-size: 0.9375rem;
}
@media (min-width: 960px) {
   .home-kv__news a {
      width: 400px;
   }
}
.home-kv__scroll {
   position: absolute;
   right: 16px;
   bottom: 100px;
   width: 80px;
   height: 80px;
   display: none;
}
@media (min-width: 768px) {
   .home-kv__scroll {
      display: block;
   }
}
@media (min-width: 960px) {
   .home-kv__scroll {
      width: 140px;
      height: 140px;
   }
}
/* nav
-------------------------------------- */
.home-nav {
   margin: 12px 0 40px;
}
.home-nav ul {
   display: flex;
   align-items: center;
   margin: -9px 0 0 -10px;
}
.home-nav li {
   width: 50%;
   margin-top: 9px;
   padding-left: 10px;
}
.home-nav__link {
   display: flex;
   align-items: center;
   position: relative;
   height: 60px;
   padding: 0 8px 0 16px;
   background: #FFFFFF;
   border: #EBEBEA 1px solid;
}
@media (min-width: 640px) {
   .home-nav__link {
      padding: 0 20px;
   }
}
.home-nav__link span {
   flex: 1;
   text-align: center;
   font-weight: 700;
   font-size: 14px;
   font-size: 0.875rem;
}
@media (min-width: 640px) {
   .home-nav__link span {
      font-size: 18px;
      font-size: 1.125rem;
   }
}
.home-nav__link:hover {
   background: #6EAD38;
   color: #FFFFFF;
}
.home-nav__icon {
   position: absolute;
}
.home-nav__icon line, .home-nav__icon path, .home-nav__icon ellipse {
   stroke: #6EAD38;
}
.home-nav__link:hover .home-nav__icon line, .home-nav__link:hover .home-nav__icon path, .home-nav__link:hover .home-nav__icon ellipse {
   stroke: #FFFFFF;
}
@media (max-width: 639px) {
   .home-nav__icon {
      transform: scale(0.75) translateX(-40%);
   }
}
.home-nav__arrow path {
   stroke: #6EAD38;
}
.home-nav__link:hover .home-nav__arrow path {
   stroke: #FFFFFF;
}
/* concept
-------------------------------------- */
.home-concept {
   margin-top: 40px;
}
.home-concept .l-inner {
   position: relative;
   padding: 0;
}
.home-concept__inner {
   padding: 60px 20px 60px;
}
@media (min-width: 960px) {
   .home-concept__inner {
      display: flex;
      padding: 62px 4.7540983607% 200px 7.3770491803%;
   }
}
@media (min-width: 960px) {
   .home-concept__box {
      flex-shrink: 0;
      margin-top: 80px;
   }
}
.home-concept__titleSmall {
   position: absolute;
   left: 2em;
   top: 1em;
   transform-origin: 0 0;
   transform: rotate(90deg);
   font-family: "Noto Sans JP", sans-serif;
   font-weight: 400;
   font-size: 12px;
   font-size: 0.75rem;
}
@media (min-width: 960px) {
   .home-concept__titleSmall {
      font-size: 14px;
      font-size: 0.875rem;
   }
}
.home-concept__title {
   display: inline-block;
   position: relative;
   margin-bottom: 2em;
}
.home-concept__title::before {
   position: absolute;
   right: 0;
   bottom: 0.3em;
   left: -50vw;
   height: 12px;
   background: #6EAD38;
   content: '';
}
@media (min-width: 960px) {
   .home-concept__title::before {
      height: 24px;
   }
}
.home-concept__title span {
   display: inline-block;
   position: relative;
   line-height: 1;
   font-family: ff-good-web-pro-compressed, sans-serif;
   font-size: 80px;
   font-size: 5rem;
   margin-left: 10px
}
@media (min-width: 960px) {
   .home-concept__title span {
      font-size: 160px;
      font-size: 10rem;
      margin-left: 0
   }
}
.home-concept__lead {
   margin-bottom: 1.5em;
   font-weight: 700;
   line-height: 1.5714285714;
   font-size: 22px;
   font-size: 1.375rem;
}
@media (min-width: 1200px) {
   .home-concept__lead {
      font-size: 28px;
      font-size: 1.75rem;
   }
}
@media (min-width: 960px) {
   .home-concept__list {
      max-width: 360px;
   }
}
.home-concept__list li + li {
   margin-top: 1.5em;
}
.home-concept__list span {
   display: block;
   font-size: 18px;
   font-size: 1.125rem;
}
.home-concept__list small {
   margin-top: 0.5em;
   font-size: 14px;
}
.home-concept__img {
   margin-top: 30px;
   text-align: center;
}
@media (min-width: 960px) {
   .home-concept__img {
      margin-top: 0;
   }
}
.home-concept__img-logo {
   max-width: 480px;
   margin: 0 auto 40px;
}
@media (min-width: 960px) {
   .home-concept__img-logo {
      max-width: 360px;
      margin: 0 0 20px;
   }
}
.home-concept__img-logo img {
   width: 90%;
   margin: auto;
   display: block;
}
/* seasonal
-------------------------------------- */
.home-seasonal {
   position: relative;
   max-width: 1280px;
   margin: -40px auto 0;
   overflow: hidden;
}
@media (min-width: 960px) {
   .home-seasonal {
      margin-top: -90px;
   }
}
.home-seasonal .l-inner {
   padding: 0;
}
@media (min-width: 960px) {
   .home-seasonal .l-inner {
      display: flex;
      justify-content: space-between;
   }
}
.home-seasonal__link {
   display: block;
   padding: 60px 0;
   color: #FFFFFF;
}
@media (min-width: 960px) {
   .home-seasonal__link {
      padding: 180px 0;
   }
}
.home-seasonal__bg {
   position: absolute;
   overflow: hidden;
   top: 0;
   right: 0;
   bottom: 0;
   left: 30px;
}
@media (min-width: 960px) {
   .home-seasonal__bg {
      left: 7.8125%;
   }
}
.home-seasonal__bg img {
   position: absolute;
   display: block;
   object-fit: cover;
   width: calc(100% + 20px);
   height: 100%;
}
.home-seasonal__bg::after {
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
   bottom: 0;
   background: rgba(33, 31, 29, 0.8);
   mix-blend-mode: multiply;
   content: '';
}
.home-seasonal__img {
   position: relative;
   z-index: 2;
   width: 90%;
   margin-left: -16px;
}
.home-seasonal__img::after {
   clear: both;
   display: table-cell;
   height: 0;
   content: '';
}
.home-seasonal__img img {
	object-fit:contain;
	height: auto;
}
@media (min-width: 960px) {
   .home-seasonal__img {
      position: initial;
      margin: 0;
      width: 55.5555555556%;
   }
}
@media (min-width: 960px) {
   .home-seasonal__img img {
      display: block;
      float: right;
      width: 116.6666666667%;
      max-width: none;
   }
}
.home-seasonal__box {
   position: relative;
   padding: 40px 16px 0 46px;
}
@media (min-width: 960px) {
   .home-seasonal__box {
      width: 35.1851851852%;
      max-width: 380px;
      padding: 40px 0 0;
   }
}
.home-seasonal__box .c-btn--more {
   margin-top: 30px;
}
@media (min-width: 640px) {
   .home-seasonal__box .c-btn--more {
      margin-top: 50px;
   }
}
.home-seasonal__box .c-btn--more span {
   color: #FFFFFF;
   border-color: #FFFFFF;
}
.home-seasonal__box .c-btn--more::after {
   background-color: transparent;
   border: #FFFFFF 1px solid;
}
.home-seasonal__title {
   margin-bottom: 2em;
   line-height: 1;
}
.home-seasonal__title span {
   font-family: "Bebas Neue", cursive;
   font-weight: 400;
   font-size: 50px;
   font-size: 3.125rem;
}
@media (min-width: 640px) {
   .home-seasonal__title span {
      font-size: 80px;
      font-size: 5rem;
   }
}
.home-seasonal__title small {
   display: block;
   font-weight: 500;
   font-size: 16px;
   font-size: 1rem;
}
.home-seasonal__lead {
   line-height: 1.7;
   font-weight: 700;
   font-size: 20px;
   font-size: 1.25rem;
   margin-bottom: 1.5em
}
/* newsWrapper
-------------------------------------- */
@media (min-width: 960px) {
   .home-newsWrapper {
      display: flex;
      justify-content: space-between;
   }
}
/* news
-------------------------------------- */
@media (max-width: 959px) {
   .home-news {
      margin-top: 90px;
   }
}
@media (min-width: 960px) {
   .home-news {
      width: 62.962962963%;
   }
}
/* twitter
-------------------------------------- */
@media (min-width: 960px) {
   .home-twitter {
      width: 33.3333333333%;
   }
}
/* takeout
-------------------------------------- */
.home-takeout {
   display: flex;
   max-width: 1280px;
   margin-right: auto;
   margin-left: auto;
}
.home-takeout .c-title--sectionSmall {
   margin-bottom: 0;
}
@media (min-width: 960px) {
   .home-takeout__box {
      width: 50%;
   }
}
@media (max-width: 959px) {
   .home-takeout__box + .home-takeout__box {
      margin-top: 40px;
   }
}
.home-takeout__link {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   position: relative;
   padding: 35px 30px 20px;
}
@media (min-width: 640px) {
   .home-takeout__link {
      height: 800px;
      padding: 70px 60px 40px;
   }
}
.home-takeout__link:hover .home-takeout__bg::after {
   opacity: 0.8;
}
.home-takeout__link:hover .home-takeout__header::after {
   border-color: #6EAD38;
   background-color: #6EAD38;
}
.home-takeout__bg {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}
.home-takeout__bg img {
   object-fit: cover;
   width: 100%;
   height: 100%;
}
.home-takeout__bg::after {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background: rgba(17, 17, 17, 0.5);
   transition: 0.2s;
   mix-blend-mode: multiply;
   content: '';
}
.home-takeout__header {
   display: flex;
   align-items: center;
   justify-content: space-between;
   z-index: 2;
   padding-bottom: 0.8em;
   border-bottom: #FFFFFF 1px solid;
}
.home-takeout__header::after {
   width: 44px;
   height: 44px;
   margin-bottom: 0.5em;
   border: #FFFFFF 1px solid;
   border-radius: 100%;
   background: url(assets/images/common/arrow_right_white_small.svg) no-repeat center;
   content: '';
   transition: 0.2s;
}
.home-takeout__header .c-title--sectionSmall {
   display: flex;
   align-items: center;
}
.home-takeout__header .c-title--sectionSmall small {
   margin-left: 1em;
}
.home-takeout__text {
   z-index: 2;
   color: #FFFFFF;
}
@media (max-width: 639px) {
   .home-takeout__text {
      margin-top: 50vw;
   }
}
.takeout-info__img {
   text-align: center;
   margin-top: 40px;
}
/* header
-------------------------------------- */
.home-header {
   display: flex;
   margin-bottom: 3em;
}
.home-header .c-title--sectionSmall {
   margin-bottom: 0;
}
/* instagram
-------------------------------------- */
.home-instagram {
   position: relative;
   box-sizing: border-box;
   max-width: 1280px;
   margin-right: auto;
   margin-left: auto;
   padding: 60px 0;
}
@media (min-width: 960px) {
   .home-instagram {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      padding: 180px 0;
   }
}
.home-instagram::before {
   position: absolute;
   top: 0;
   right: 16px;
   bottom: 0;
   left: -50vw;
   background: #2C2A28;
   content: '';
}
@media (min-width: 960px) {
   .home-instagram::before {
      right: 100px;
      left: -50vw;
   }
}
.home-instagram__header {
   position: relative;
   margin-bottom: 20px;
   padding-left: 40px;
}
@media (min-width: 960px) {
   .home-instagram__header {
      margin-left: 30px;
      margin-bottom: 0;
      padding-left: 0;
   }
}
@media (min-width: 1140px) {
   .home-instagram__header {
      margin-left: calc((100vw - 1080px) / 2);
   }
}
@media (min-width: 1280px) {
   .home-instagram__header {
      margin-left: 100px;
   }
}
.home-instagram__btn {
   display: flex;
   align-items: center;
   height: 52px;
   width: 280px;
   box-sizing: border-box;
   padding: 0 16px;
   background: rgba(0, 0, 0, 0.65);
   border: #454545 1px solid;
   font-family: "Bebas Neue", cursive;
   letter-spacing: 0.08em;
   color: #FFFFFF;
   font-size: 18px;
   font-size: 1.125rem;
}
.home-instagram__btn::before {
   width: 27px;
   height: 27px;
   margin-right: 1.5em;
   background: url(assets/images/common/footer_icon_instagram.svg) no-repeat center/contain;
   content: '';
}
.home-instagram__btn:hover {
   background: #6EAD38;
}
.home-instagram__main {
   position: relative;
   margin-left: 40px;
}
@media (min-width: 960px) {
   .home-instagram__main {
      width: 60.9375%;
      margin-top: -20px;
      margin-left: 0;
   }
}
.home-instagram__follow {
   position: absolute;
   left: -0.2em;
   top: 20px;
   transform: rotate(90deg);
   transform-origin: 0 0;
   color: #FFFFFF;
   font-family: "Bebas Neue", cursive;
   letter-spacing: 0.08em;
}
@media (min-width: 960px) {
   .home-instagram__follow {
      left: -0.8em;
   }
}
.home-instagram__follow:hover {
   opacity: .8;
}
.home-instagram__list li {
   margin-top: 20px;
   width: calc(100% / 3.001);
}
@media (min-width: 640px) {
   .home-instagram__list li {
      width: 25%;
   }
}
.home-instagram__list a, .home-instagram__list img {
   display: block;
}
/* recruit
-------------------------------------- */
.home-recruit__header {
   position: relative;
   height: 300px;
   background: url(assets/images/home/recruit_bg.jpg) no-repeat center/cover;
}
@media (min-width: 640px) {
   .home-recruit__header {
      height: 400px;
   }
}
.home-recruit__header .c-title--sectionSmall {
   position: absolute;
   top: 50%;
   right: 0;
   left: 0;
   transform: translateY(-50%);
}
.home-recruit__logo {
   display: block;
   position: relative;
   margin: -10px auto 40px;
   margin-top: -10px;
   width: 125px;
}
@media (min-width: 640px) {
   .home-recruit__logo {
      margin-bottom: 60px;
   }
}
.home-recruit__lead {
   position: relative;
   text-align: center;
}
.home-recruit__lead > span:not(.home-recruit__bgtext) {
   position: relative;
   font-size: 22px;
   font-size: 1.375rem;
}
@media (min-width: 640px) {
   .home-recruit__lead > span:not(.home-recruit__bgtext) {
      font-size: 26px;
      font-size: 1.625rem;
   }
}
.home-recruit__bgtext {
   position: absolute;
   top: 50%;
   right: 0;
   left: 0;
   transform: translateY(-48%);
   font-family: "Bebas Neue", cursive;
   color: #FFFFFF;
   pointer-events: none;
   font-size: 65px;
   font-size: 4.0625rem;
}
@media (min-width: 640px) {
   .home-recruit__bgtext {
      font-size: 100px;
      font-size: 6.25rem;
   }
}
@media (min-width: 960px) {
   .home-recruit__bgtext {
      font-size: 170px;
      font-size: 10.625rem;
   }
}
.home-recruit__text {
   max-width: 640px;
   margin: 40px auto 30px;
}
@media (min-width: 640px) {
   .home-recruit__text {
      margin: 50px auto 40px;
   }
}
/* =========================================================
 menu
========================================================= */
/* nav
-------------------------------------- */
#menu .c-section--border .l-inner {
   border: #e30000 4px solid;
}
.menu-nav {
   padding: 40px 0;
   background: #272523;
}
@media (min-width: 960px) {
   .menu-nav {
      padding: 60px 0;
   }
}
.menu-nav__list {
   margin: -8px 0 0 -8px;
}
.menu-nav__list li {
   width: 50%;
   margin-top: 8px;
   padding-left: 8px;
}
@media (min-width: 960px) {
   .menu-nav__list li {
      width: 25%;
   }
}
.menu-nav__link {
   display: flex;
   align-items: center;
   height: 56px;
   padding: 0 0.5em;
   background: #FFFFFF;
   border: #EBEBEA 1px solid;
   text-align: center;
   font-weight: 700;
    font-size: 14px;
}
@media (min-width: 640px) {
   .menu-nav__link {
      padding: 0 1.1em;
      font-size: 18px;
      font-size: 1.125rem;
   }
}
.menu-nav__link span {
   flex: 1;
}
.menu-nav__link:hover {
   background: #6EAD38;
   border-color: #6EAD38;
   color: #FFFFFF;
}
.menu-nav__link:hover .menu-nav__arrow path {
   stroke: #FFFFFF;
}
.menu-nav__arrow path {
   stroke: #6EAD38;
}
/* section
-------------------------------------- */
.menu-section .l-inner {
   position: relative;
   padding: 14px 14px 40px;
}
@media (min-width: 960px) {
   .menu-section .l-inner {
      padding: 16px 5.737704918% 150px;
   }
}
.menu-section__att {
   position: absolute;
   top: 1em;
   right: 1em;
   left: 1em;
   text-align: right;
   font-size: 14px;
   font-size: 0.8rem;
   line-height: 1.6
}
.menu-section__att .menu-item__title--en {
   position: absolute;
   right: 0.7em;
   top: 1.5em;
   margin: 0 !important;
}
.menu-section__header {
   margin: 60px 0 40px;
}
@media (min-width: 960px) {
   .menu-section__header {
      margin: 120px 0 90px;
   }
}
.menu-section__bgtext {
   position: absolute;
   top: 50%;
   right: 0;
   left: 0;
   transform: translateY(-45%);
   color: #FFFFFF;
   line-height: 0.9;
   font-family: "Bebas Neue", cursive;
   font-size: 70px;
   font-size: 4.375rem;
}
@media (min-width: 640px) {
   .menu-section__bgtext {
      font-size: 160px;
      font-size: 10rem;
   }
}
/* list
-------------------------------------- */
.menu-list {
   margin: -40px 0 0 -10px;
}
@media (min-width: 640px) {
   .menu-list {}
}
@media (min-width: 960px) {
   .menu-list {
      margin: -60px 0 0 -30px;
   }
}
.menu-list li {
   width: 100%;
   margin-top: 40px;
   padding-left: 10px;
}
@media (min-width: 640px) {
   .menu-list li {
      width: 50%;
      margin-top: 40px;
      padding-left: 10px;
      place-content: 16px;
   }
}
@media (min-width: 960px) {
   .menu-list li {
      width: calc(100% / 3.001);
      margin-top: 60px;
      padding-left: 30px;
   }
   .menu-list__2col .menu-list li {
      width: calc(100% / 2)
   }
}
/* item
-------------------------------------- */
@media (min-width: 960px) {
   .menu-item--row {
      display: flex;
      align-items: center;
      justify-content: space-between;
   }
   .menu-item--row .menu-item__section {
      width: 30%;
      margin-top: 0;
   }
   .menu-item--row .menu-item__img {
      order: 2;
      width: 61%;
   }
}
.menu-item__img--recommended {
   position: relative;
   text-align: center;
}
.menu-item__img--recommended::after {
   position: absolute;
   width: 70px;
   height: 70px;
   top: 0;
   right: 0;
   transform: translate(0%, -38%);
   background: url(assets/images/menu/icon_recommended.svg) no-repeat center/contain;
   content: '';
}
@media (min-width: 640px) {
   .menu-item__img--recommended::after {
      width: 91px;
      height: 91px;
      transform: translate(-30%, -38%);
   }
}
.menu-item__section {
   margin-top: 20px;
}
@media (min-width: 960px) {
   .menu-item__section {
      margin-top: 30px;
   }
}
.menu-item__title {
   text-align: center;
   font-size: 16px;
   font-size: 1rem;
   line-height: 1.2;
   margin-bottom: .8em;
}
@media (min-width: 640px) {
   .menu-item__title {
      font-size: 22px;
      font-size: 1.375rem;
   }
}
.menu-item__title--en {
   display: block;
   margin: 0.5em 0;
   font-family: "Arvo", serif;
   font-size: 14px;
   font-weight: 400;
   color: #777;
}
.menu-item__title--circle {
   display: flex;
   align-items: center;
   position: relative;
   padding-bottom: 0.5em;
   font-size: 20px;
   font-size: 1.25rem;
   text-align: left;
}
@media (min-width: 640px) {
   .menu-item__title--circle {
      font-size: 26px;
      font-size: 1.625rem;
   }
}
.menu-item__title--circle::before {
   flex-shrink: 0;
   width: 22px;
   height: 22px;
   margin: 0.2em 0.5em 0 0;
   border-radius: 100%;
   border: #6EAD38 8px solid;
   content: '';
}
@media (min-width: 640px) {
   .menu-item__title--circle::before {
      width: 28px;
      height: 28px;
      border: #6EAD38 10px solid;
   }
}
.menu-item__title--circle::after {
   position: absolute;
   height: 1px;
   bottom: 0;
   right: 0;
   left: 0;
   background: #111111;
   content: '';
}
@media (min-width: 960px) {
   .menu-item__title--circle::after {
      width: 168.4210526316%;
   }
}
@media (max-width: 639px) {
   .menu-item__text {
      font-size: 14px;
      font-size: 0.875rem;
   }
}
.menu-item__text-small {
   font-size: .85em !important;
   font-weight: 400;
}
.menu-item__text-ssmall {
   font-size: .75em;
   font-weight: 400;
}
.menu-item__text-gray {
   color: #555;
}
.menu-item__text-bold {
   font-weight: bold;
}
.menu-item__option {
   font-size: .9em;
   margin: 1em 0 0;
}
.option-item {
   display: flex;
   align-items: center;
}
.option-item__icon::before {
   content: "▼";
   font-size: .8em !important;
   margin-right: 0.3em;
}
.menu-item__hotCold {
   display: flex;
   font-size: 13.5px;
   line-height: 1.3em;
   height: 100%;
}
.menu-item__on-hot {
   border: 2px solid #fa714c;
   color: #fa714c;
}
.menu-item__on-cold {
   border: 2px solid #6d84cd;
   color: #6d84cd;
}
.menu-item__circle {
   border-radius: .4em;
   margin-right: 5px;
   padding: 0 .3em;
   font-weight: bold;
}
.menu-item__off {
   color: #e7e0e0 !important;
   border: 1px solid #e7e0e0 !important;
}
.menu-item__price {
   text-align: right;
}
@media (min-width: 640px) {
   .menu-item__price {
      font-size: 18px;
      font-size: 1.125rem;
   }
}
.menu-item__set-box {
   margin: 2em 0 1em;
}
.menu-item__set-box h3 {
   margin-bottom: .5em;
}
.menu-item__set-menu {
   align-items: flex-start !important;
}
.menu-item__set-menu div {
   width: 90%;
}
.menu-item figcaption {
   text-align: center;
   margin-top: 0.2em;
    font-size: .85em;
}
/* sub
-------------------------------------- */
.menu-sub {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}
@media (min-width: 960px) {
   .menu-sub {
      justify-content: flex-start;
   }
}
.menu-sub__title {
   width: 100%;
   text-align: center;
}
@media (min-width: 960px) {
   .menu-sub__title {
      display: flex;
      flex: 1;
      justify-content: flex-end;
      position: relative;
      order: 10;
      text-align: left;
   }
}
.menu-sub__title span {
   font-size: 22px;
   font-size: 1.375rem;
}
@media (min-width: 960px) {
   .menu-sub__title span {
      padding-right: 0.5em;
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
      font-size: 26px;
      font-size: 1.625rem;
   }
}
.menu-sub__title small {
   color: #6EAD38;
   font-family: "Bebas Neue", cursive;
   font-weight: 400;
   font-size: 15px;
   font-size: 0.9375rem;
}
@media (max-width: 959px) {
   .menu-sub__title {
      margin-bottom: 1em;
   }
}
@media (min-width: 960px) {
   .menu-sub__title small {
      position: absolute;
      right: -1em;
      top: 0;
      transform: rotate(90deg);
   }
}
.menu-sub__list, .menu-sub__list-wide {
   width: 100%;
   border-top: 1px solid #111111;
}
@media (min-width: 640px) {
   .menu-sub__list {
      width: 48%;
   }
}
@media (min-width: 960px) {
   .menu-sub__list {
      width: 40.7407407407%;
   }
   .menu-sub__list-wide {
      width: 85%;
   }
}
@media (max-width: 639px) {
   .menu-sub__list + .menu-sub__list {
      border-top: none;
   }
}
@media (min-width: 640px) {
   .menu-sub__list + .menu-sub__list {
      margin-left: 3.7037037037%;
   }
}
.menu-sub__list li, .menu-sub__list-wide li {
   display: block;
   justify-content: space-between;
   padding: 1.3em 0;
   border-bottom: 1px solid #111111;
   align-items: center;
}
.menu-sub__list-wide li span:nth-child(2) {
   display: block;
   text-align: right;
   margin-left: 0;
}
@media (min-width: 640px) {
   .menu-sub__list-wide li {
      display: flex;
   }
   .menu-sub__list-wide li span:nth-child(2) {
      margin-left: 4em;
   }
   .menu-sub-lead {
      font-size: 1.25em;
      font-weight: 700;
      margin-bottom: 20px;
   }
}
/* =========================================================
 access
========================================================= */
/* map
-------------------------------------- */
.access-map__iframe {
   width: 100%;
   height: 360px;
   box-sizing: border-box;
   border: #FFFFFF 8px solid !important;
}
@media (min-width: 640px) {
   .access-map__iframe {
      height: 560px;
   }
}
/* gallery
-------------------------------------- */
.access-gallery__list {
   margin: -16px 0 0 -16px;
}
@media (min-width: 640px) {
   .access-gallery__list {
      margin: -30px 0 0 -30px;
   }
}
.access-gallery__list li {
   width: 50%;
   margin-top: 16px;
   padding-left: 16px;
}
@media (min-width: 640px) {
   .access-gallery__list li {
      width: calc(100% / 3.001);
      margin-top: 30px;
      padding-left: 30px;
   }
}
.access-gallery__link {
   display: block;
   position: relative;
}
.access-gallery__link::after {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background: rgba(17, 17, 17, 0.4) url(assets/images/access/icon_zoom.svg) no-repeat center;
   opacity: 0;
   content: '';
   transition: 0.3s;
}
.access-gallery__link:hover::after {
   opacity: 1;
}
.access-gallery__link:hover img {
   opacity: 1;
}
.access-gallery__list p {
   margin-top: .1em;
   font-size: .85em;
	line-height: 1.5;
}
@media (max-width: 639px){
    .access-gallery__list p{
        font-size: 0.8em;
		line-height: 1.4;
    }
}
/* info
-------------------------------------- */
.access-info_en {
   display: block;
   font-family: "Arvo", serif;
   font-size: 13px;
   font-weight: 400;
   color: #777;
   line-height: 1.6;
}
.access-info__link {}
/* =========================================================
 recruit
========================================================= */
/* section
-------------------------------------- */
.recruit-section .c-table dd > * + * {
   margin-top: 1.5em;
}
.recruit-section__header {
   margin-bottom: 40px;
}
@media (min-width: 960px) {
   .recruit-section__header {
      margin-bottom: 70px;
   }
}
.recruit-section__subtitle {
   margin-bottom: 1.2em;
   font-size: 22px;
   font-size: 1.375rem;
}
@media (min-width: 960px) {
   .recruit-section__subtitle {
      font-size: 24px;
      font-size: 1.5rem;
   }
}
/* entry
-------------------------------------- */
.recruit-entry {
   position: relative;
   max-width: 1080px;
   margin: 80px auto 0;
   padding: 0 16px 60px;
   background: url(assets/images/recruit/entry_bg.jpg) no-repeat center/cover;
}
@media (min-width: 640px) {
   .recruit-entry {
      margin-top: 120px;
      padding: 0 20px 120px;
   }
}
.recruit-entry > *:not(.recruit-entry__bgtext) {
   position: relative;
   z-index: 2;
}
.recruit-entry__logo {
   display: block;
   transform: translateY(-30%);
   margin: auto;
   width: 100px
}
@media (min-width: 639px) {
   .recruit-entry__logo {
      width: 130px;
   }
}
.recruit-entry__text {
   color: #FFFFFF;
}
.recruit-entry__tel {
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 1em 0;
   color: #FFFFFF;
   font-family: "Bebas Neue", cursive;
   font-weight: 400;
   line-height: 1;
   font-size: 48px;
   font-size: 3rem;
}
.recruit-entry__tel::before {
   width: 34px;
   height: 32px;
   margin-right: 0.3em;
   background: url(assets/images/common/icon_tel.svg) no-repeat center/contain;
   content: '';
}
.recruit-entry__btn {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
   max-width: 440px;
   height: 66px;
   margin: 40px auto 0;
   border: #707070 1px solid;
   background: rgba(51, 51, 51, 0.65);
   text-align: center;
   font-weight: 700;
   color: #FFFFFF;
}
.recruit-entry__btn:hover {
   background: #6EAD38;
   border-color: #6EAD38;
}
.recruit-entry__bgtext {
   display: flex;
   flex-direction: column;
   align-items: center;
   position: absolute;
   top: 50%;
   right: 0;
   left: 0;
   transform: translateY(-65%);
   line-height: 1;
   color: #FFFFFF;
   opacity: 0.1;
}
.recruit-entry__bgtext span {
   font-family: "Bebas Neue", cursive;
   font-size: 70px;
   font-size: 4.375rem;
}
@media (min-width: 640px) {
   .recruit-entry__bgtext span {
      font-size: 170px;
      font-size: 10.625rem;
   }
}
.recruit-entry__bgtext small {
   font-family: "Arvo", serif;
   font-size: 20px;
   font-size: 1.25rem;
}
@media (min-width: 640px) {
   .recruit-entry__bgtext small {
      font-size: 28px;
      font-size: 1.75rem;
   }
}
/* =========================================================
 pager
========================================================= */
.archive-pager ul {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
}
.archive-pager li {
   margin: 4px;
}
@media (min-width: 960px) {
   .archive-pager li {
      margin: 6px;
   }
}
.archive-pager a, .archive-pager .current {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 40px;
   height: 40px;
   border-radius: 100%;
   border-width: 1px;
   border-style: solid;
   text-align: center;
   font-family: "Bebas Neue", cursive;
}
@media (min-width: 960px) {
   .archive-pager a, .archive-pager .current {
      width: 60px;
      height: 60px;
      font-size: 18px;
      font-size: 1.125rem;
   }
}
.archive-pager a:hover {
   background: #6EAD38;
   border-color: #6EAD38;
   color: #FFFFFF;
}
.archive-pager .current {
   background: #111111;
   color: #FFFFFF;
}
.archive-pager .dots {
   margin-right: 6px;
   margin-left: 6px;
}
@media (min-width: 960px) {
   .archive-pager .dots {
      margin-right: 10px;
      margin-left: 10px;
   }
}
/* =========================================================
 single（投稿詳細ページ）
========================================================= */
/* section
-------------------------------------- */
.single-section__inner {
   padding: 20px 20px 40px;
   background: #FFFFFF;
}
@media (min-width: 640px) {
   .single-section__inner {
      padding: 40px;
   }
}
@media (min-width: 960px) {
   .single-section__inner {
      padding: 14.8148148148%;
   }
}
/* header
-------------------------------------- */
.single-header__date {
   font-family: "Bebas Neue", cursive;
   color: #6EAD38;
   letter-spacing: 0.08em;
}
.single-header__title {
   margin-bottom: 1.8em;
   font-size: 22px;
   font-size: 1.375rem;
}
@media (min-width: 960px) {
   .single-header__title {
      font-size: 28px;
      font-size: 1.75rem;
   }
}
/* content
-------------------------------------- */
.single-content::after {
   display: table;
   height: 0;
   clear: both;
   content: '';
}
.single-content h1, .single-content h2, .single-content h3, .single-content h4, .single-content h5, .single-content h6 {
   margin-bottom: 30px;
   clear: both;
}
.single-content h1, .single-content h2 {
   padding-bottom: 0.5em;
   border-bottom: double 5px #111111;
   font-size: 20px;
   font-size: 1.25rem;
}
@media (min-width: 960px) {
   .single-content h1, .single-content h2 {
      font-size: 22px;
      font-size: 1.375rem;
   }
}
* + .single-content h1, * + .single-content h2 {
   margin-top: 70px;
}
.single-content h3 {
   font-size: 18px;
   font-size: 1.125rem;
}
@media (min-width: 960px) {
   .single-content h3 {
      font-size: 20px;
      font-size: 1.25rem;
   }
}
.single-content h3::after {
   display: block;
   width: 64px;
   height: 3px;
   margin-top: 0.5em;
   background: #6EAD38;
   content: '';
}
* + .single-content h3 {
   margin-top: 60px;
}
.single-content p {
   line-height: 2;
}
.single-content a {
   word-break: break-all;
   color: #25B2FD;
   text-decoration: underline;
}
.single-content p, .single-content ul, .single-content ol, .single-content blockquote {
   margin-bottom: 2em;
}
.single-content blockquote {
   padding: 1.5em 2em;
   background: #ebf1f8;
}
.single-content *:last-child {
   margin-bottom: 0;
}
.single-content ul:not(.blocks-gallery-grid) li {
   display: flex;
}
.single-content ul:not(.blocks-gallery-grid) li::before {
   flex-shrink: 0;
   width: 8px;
   height: 8px;
   margin: 0.65em 0.5em 0 0;
   background: #6EAD38;
   border-radius: 100%;
   content: '';
}
.single-content ul:not(.blocks-gallery-grid) li + li {
   margin-top: 1.5em;
}
.single-content ol {
   padding-left: 1.5em;
}
.single-content iframe {
   max-width: 100%;
}
.single-content pre {
   white-space: pre-wrap;
}
.single-content img {
   margin-top: 20px;
   margin-bottom: 20px;
}
.single-content .alignleft {
   float: left;
   margin-right: 1em;
}
.single-content .alignright {
   float: right;
   margin-left: 1em;
}
.single-content .aligncenter {
   display: block;
   margin: 20px auto;
}
.single-content table {
   width: 100%;
   table-layout: fixed;
   margin: 50px 0;
   border-bottom: #E5E5E5 1px solid;
}
@media (max-width: 639px) {
   .single-content table {
      font-size: 14px;
      font-size: 0.875rem;
   }
}
.single-content table th, .single-content table td {
   vertical-align: middle;
   padding-top: 2.5em;
   padding-bottom: 2.5em;
   border-top: #E5E5E5 1px solid;
}
.single-content table td {
   padding-left: 1em;
}
.single-content table th {
   width: 22%;
   text-align: left;
}
/* pager
-------------------------------------- */
.single-pager {
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-wrap: wrap;
   padding-top: 40px;
   border-top: #111111 4px solid;
   font-family: "Bebas Neue", cursive;
   letter-spacing: 0.08em;
   font-size: 18px;
   font-size: 1.125rem;
}
@media (min-width: 960px) {
   .single-pager {
      padding-top: 90px;
   }
}
.single-pager__link:hover {
   color: #6EAD38;
}
.single-pager__link svg {
   stroke: #6EAD38;
}
.single-pager__link--prev {
   padding-right: 1em;
}
@media (min-width: 480px) {
   .single-pager__link--prev {
      order: 1;
   }
}
.single-pager__link--prev svg {
   margin-right: 0.4em;
}
.single-pager__link--next {
   padding-left: 1em;
}
@media (min-width: 480px) {
   .single-pager__link--next {
      order: 3;
   }
}
.single-pager__link--next svg {
   transform: scale(-1, 1);
   margin-left: 0.4em;
}
.single-pager__link--hidden {
   opacity: 0;
   pointer-events: none;
}
.single-pager__inner {
   margin: 0 auto;
}
@media (max-width: 479px) {
   .single-pager__inner {
      margin-top: 30px;
      width: 100%;
   }
}
@media (min-width: 480px) {
   .single-pager__inner {
      order: 2;
   }
}
.single-pager__btn {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 200px;
   height: 48px;
   background: #111111;
   text-align: center;
   color: #FFFFFF;
}
.single-pager__btn:hover {
   background: #6EAD38;
}
/* =========================================================
 reserve
========================================================= */
/* section
-------------------------------------- */
.reserve-section__inner {
   padding: 40px 20px 40px;
   background: #FFFFFF;
}
@media (min-width: 640px) {
   .reserve-section__inner {
      padding: 40px;
   }
}
@media (min-width: 960px) {
   .reserve-section__inner {
      padding: 12.037037037% 14.8148148148% 14.8148148148%;
   }
}
.reserve-section__text {
   text-align: center;
}
.reserve-section__text--att {
   color: #6EAD38;
   font-weight: 700;
}
.reserve-section__submitBtn {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
   max-width: 440px;
   height: 66px;
   margin: 40px auto 0;
   background: #333333;
   text-align: center;
   color: #FFFFFF;
   font-weight: 700;
   transition: 0.3s;
}
@media (min-width: 640px) {
   .reserve-section__submitBtn {
      margin-top: 100px;
   }
}
.reserve-section__submitBtn:hover {
   background: #6EAD38;
}
/* table
-------------------------------------- */
.reserve-table dt {
   margin-bottom: 0.8em;
   font-weight: 700;
}
.reserve-table dt:nth-child(n + 2) {
   margin-top: 2em;
}
@media (min-width: 640px) {
   .reserve-table dt:nth-child(n + 2) {
      margin-top: 3.5em;
   }
}
.reserve-table dt.required::after {
   padding-left: 0.4em;
   color: #6EAD38;
   content: '※';
}
.reserve-table input[type="text"], .reserve-table input[type="tel"], .reserve-table input[type="email"], .reserve-table select {
   width: 100%;
   height: 54px;
   box-sizing: border-box;
   padding: 0 0.8em;
   background: #EEEEEE;
}
@media (min-width: 640px) {
   .reserve-table input[type="text"], .reserve-table input[type="tel"], .reserve-table input[type="email"], .reserve-table select {
      height: 60px;
      padding: 0 1.5em;
   }
}
.reserve-table input[type="text"]::placeholder, .reserve-table input[type="tel"]::placeholder, .reserve-table input[type="email"]::placeholder, .reserve-table select::placeholder {
   color: #AAAAAA;
}
.reserve-table textarea {
   width: 100%;
   height: 200px;
   box-sizing: border-box;
   padding: 0.8em;
   background: #EEEEEE;
}
@media (min-width: 640px) {
   .reserve-table textarea {
      height: 280px;
      padding: 0.8em 1.5em;
   }
}
.reserve-table__selectWrap {
   position: relative;
}
.reserve-table__selectWrap::after {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   width: 40px;
   background: rgba(51, 51, 51, 0.5) url(assets/images/reserve/arrow_down.svg) no-repeat center/10px 6px;
   content: '';
   pointer-events: none;
   transition: 0.2s;
}
@media (min-width: 640px) {
   .reserve-table__selectWrap::after {
      width: 50px;
   }
}
.reserve-table__selectWrap:hover::after {
   opacity: 0.8;
}
#takeout .home-recruit__text {
   text-align: center;
}
.takeout__tel {
   font-family: "Bebas Neue", cursive;
   font-size: 2em;
   position: relative;
}
.takeout__tel a::before {
   content: url(assets/images/common/icon_tel_b.svg);
   display: inline-block;
   width: 0.75em;
   height: 0.75em;
   margin-right: 0.2em;
}
/*==================================================
スライダーのためのcss
===================================*/
#slider {
   width: 100%;
   height: 100vh; /*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
}

.contact-text-link{
     text-align: center;
    font-size: 0.75rem;
}
.contact-text-link p{
    margin-top: 0;
    line-height: 1.6;
}
.contact-text-link a{
        display: flex;
    align-items: center;
    font-family: "Bebas Neue", cursive;
    font-weight: 400;
    font-size: 42px;
    font-size: 2.625rem;
    justify-content: center;
}
.contact-text-link a::before{
    width: 34px;
    height: 32px;
    margin-right: 0.2em;
    margin-bottom: 0.1em;
    background: url(assets/images/common/icon_tel_b.svg) no-repeat center/contain;
    content: '';
}
.contact-text-link__attention{
    font-size: 0.875rem;
}
@media (min-width: 960px) {
   .contact-text-link {
       font-size: 16px;
}
}