@charset "Shift_JIS";
/* プラン
----------------------------------------------------*/
/*font-family: "Shippori Mincho", serif;*/
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600;700;800&display=swap');
/*題字 font-family: "Kaisei Decol", serif;*/
@import url('https://fonts.googleapis.com/css2?family=Kaisei+Opti:wght@400;500&display=swap');
:root {
  --font-min: "Shippori Mincho", serif;
  --font-kd:  "Shippori Mincho", serif;
  --font-size-s: 12px;
  --font-size-m: 14px;
  --font-size-b: 16px;
  --font-size-bb: 20px;
  --main-ttl: 18px;
  --main-ttl-b: 32px;
  --main-ttl-lb: 40px;
  --shop-ttl-txt: 14px;
  --shop-ttl: 30px;
  --clr-bg: linear-gradient(45deg, rgba(217,143,144,.3) 0, #fff 50%);
  --clr-bg2: linear-gradient(45deg, rgba(254,250,201,.6) 0, #fff 30%, #fff 70%, rgba(254,250,201,.6) 100%);
  --clr-bg3: linear-gradient( #ed9e9d 0, #e56a67 100%);
  --clr-key: #fff;
  --clr-mds: #ea5252;
  --clr-mds2: #a4c855;
  --clr-price: #d00;
}
@media (min-width: 600px) {
  :root {
    --font-size-s: 13px;
    --font-size-m: 16px;
    --font-size-b: 18px;
  --font-size-bb: 22px;
    --main-ttl: 20px;
    --main-ttl-b: 42px;
    --main-ttl-lb: 55px;
    --shop-ttl-txt: 16px;
    --shop-ttl: 40px;
  }
}
@media (min-width: 1025px) {
  :root {
    --font-size-s: 14px;
    --font-size-m: 18px;
    --font-size-b: 20px;
  --font-size-bb: 24px;
    --main-ttl: 22px;
    --main-ttl-b: 52px;
    --main-ttl-lb: 70px;
    --shop-ttl-txt: 18px;
    --shop-ttl: 50px;
  }
}
/* 
----------------------------------------------------*/
#contents {
  font-size: 14px;
}
#sec_main {
  margin: 0 !important;
}
#sec_main .main_ttl {
  height: 70vh;
  display: flex;
  align-items: center;
}
#sec_main .main_ttl h2 {
  width:100%;
  margin: 0 auto;
}
/*#sec_main .main_ttl::before {
  border: 2px solid var(--clr-mds);
  position: absolute;
  content: '';
  top: 8px;
  left: 8px;
  right: 8px;
  bottom: 8px;
}
#sec_main .main_ttl h2 {
 text-shadow: 0px 0px 10px rgba(255, 255, 255, 1),
 0px 0px 10px rgba(255, 255, 255, 1),
 0px 0px 10px rgba(255, 255, 255, 1),
 0px 0px 30px rgba(255, 255, 255, 1),
 0px 0px 30px rgba(255, 255, 255, 1);
}*/
#sec_main .main_ttl h2 strong {
	height: 0;
	display: block;
	padding-top: 37%;
	overflow: hidden;
	background: url("img/ttl.png") no-repeat;
	background-size: cover;
}
/*#sec_main .main_ttl .nomihodai {
  position: absolute;
  content: '';
  top: -50px;
  right: -30px;
  width: 100px;
}*/
@media (min-width: 600px) {

#sec_main .main_ttl h2 {
  width:70%;
}
}
@media (min-width: 1025px) {
#sec_main .main_ttl h2 {
  width:600px;
}
}
/* 
----------------------------------------------------*/
.plink_box {
  display: flex;
  justify-content: space-between;
  margin: 40px 0;
}
.plink_box .btn_box {
  width: 45%;
}
.plink_box .btn_box a {
  text-decoration: none;
  text-align: center;
  padding: 20px 0 30px;
  display: block;
  position: relative;
  transition: .3s;
  letter-spacing: .2em;
  background: var(--clr-bg3);
  font-family: var(--font-kd);
  color: #fff;
}
.plink_box .btn_box a::before {
  border: 1px solid #fff;
  content: '';
  position: absolute;
  top: 3px;
  left: 3px;
  bottom: 3px;
  right: 3px;
}
.plink_box .btn_box a::after {
  position: absolute;
  content: '';
  display: block;
  top: 70%;
  left: 50%;
  height: 6px;
  width: 6px;
  margin-left: -5px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: rotate(45deg) translateY(-50%);
}
.plink_box .btn_box a:hover {
  background: #fff;
  color: #333;
}
.plink_box .btn_box a:hover::after {
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
}
.plink_box .btn_box a:hover::before {
  border: 1px solid #e56a67;
}
@media (min-width: 600px) {
  .plink_box {
    margin: 40px 5vw 80px;
  }
  .plink_box .btn_box a {
    font-size: 20px;
  }
}
@media (min-width: 1025px) {
  .plink_box {
    margin: 40px 10vw 120px;
  }
  .plink_box .btn_box a {
    padding: 30px 0 40px;
  }
}
/* 
----------------------------------------------------*/
.sec_wrap {
  background: var(--clr-bg);
  margin-top: 0 !important;
  padding: 6vw 0;
}
#dinner.sec_wrap {
  background: var(--clr-bg2);
}
#lunch {
  margin-bottom: 0 !important;
}
#dinner {
  margin-top: 0 !important;
}
.shop_wrap .sec_ttl {
  margin: 40px 0 20px;
  text-align: center;
  font-family: var(--font-kd);
  font-size: var(--main-ttl-lb);
  color: var(--clr-mds);
}
#dinner .shop_wrap .sec_ttl {
  color: var(--clr-mds2);
}

h4.catch {
  text-align: center;
  font-family: var(--font-kd);
  font-size: var(--font-size-bb);

}
.shop {
  margin: 60px 0
}
.shop_ttl {
  margin: 0 0 30px;
  position: relative;
  text-align: center;
  font-family: var(--font-kd);
  line-height: 1.4;
}
.shop_ttl:before, .shop_ttl:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 60px;
  height: 1px;
  background-color: black;
}
.shop_ttl:before {
  left: 0;
}
.shop_ttl:after {
  right: 0;
}
.shop_ttl h3 {
  display: inline-block;
  font-size: var(--shop-ttl-txt);
  margin-bottom: .5em;
}
.shop_ttl h3 strong {
  letter-spacing: .3em;
  text-indent: .3em;
  font-size: var(--shop-ttl);
  display: block;
}
.shop_ttl span {
  font-size: var(--font-size-s);
  display: block;
}
@media (min-width: 600px) {
  .shop {
    margin: 60px 0;
  }
  .shop_box {
   padding: 0 5vw;
  }
  .shop_wrap .shop_ttl:before, .shop_wrap .shop_ttl:after {
    width: calc((100% - 300px) / 2);
  }
}
@media (min-width: 1025px) {
  .shop {
    margin: 10vw 0 60px;
  }
  .shop_box {
   padding: 0 3vw;
  }
  .shop_ttl {
    margin: 0 0 80px;
  }
}
/* 
----------------------------------------------------*/
.shop_box {}
.shop_box .cap {
  font-size: 12px;
  margin: .5em 0;
}
.shop_box .pht_box {
  margin: 0 0 8vw;
}
.shop_box .pht_box img.sp {
  display: block;
}
.shop_box .pht_box img.pc {
  display: none;
}
.shop_box .txt_box {
  text-align: center;
}
.shop_box h4 {
  font-size: 24px;
  font-weight: 700;
  font-family: var(--font-kd);
  color: var(--clr-mds);
    line-height: 1.4;
}
.shop_box h4 span {
	font-size: 84%;
}
#dinner .shop_box h4 {
  color: var(--clr-mds2);
}
.shop_box .price {
  font-weight: 700;
  margin: 1em 0;
  display: inline-block
}
.shop_box .price strong {
  font-weight: 700;
  font-family: var(--font-min);
  font-size: 24px;
  color: var(--clr-price);
}
.shop_box .menu_box {}
.shop_box .menu_item {
  text-align: left;
  margin: 2em 0;
}
.shop_box .menu_ttl {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  margin: 1em 0 .5em;
}
.shop_box .menu strong {
  color: #eb6100;
  font-weight: 700;
}
.shop_box .menu_box li {
  padding: 0 0 0 1em;
}
.shop_box .menu_box li:before {
  content: '\30FB';
  margin-left: -1em;
}
.note {
  margin: 1em 0;
  text-align: left;
}
@media (min-width: 600px) {}
@media (min-width: 1025px) {
  .shop_box {
    display: flex;
    justify-content: space-between;
  }
  .shop_box .pht_box {
    width: 45%;
    margin: 0;
  }
  .shop_box .pht_box img.sp {
    display: none;
  }
  .shop_box .pht_box img.pc {
    display: block;
  }
  .shop_box .txt_box {
    width: 45%;
    text-align: left;
  }
  .shop_box .menu_ttl {
    text-align: left;
  }
  .shop_box h4 {
    font-size: 40px;
    line-height: 1.3;
}
.shop_box h4 span {
	font-size: 30px;
}
  .shop_box .price {
    font-size: 18px;
  }
  .shop_box .price strong {
    font-size: 40px;
  }
}

/* 
----------------------------------------------------*/
.tchack-sec {}
.tchack-box {
  background:#BAD07D;
  padding: 20px;
}
.tchack-box button, .tchack-box input, .tchack-box select, .tchack-box textarea {
  -webkit-appearance: none;
  appearance: none;
  letter-spacing: .1em;
  border-radius: 0px;
  font-family: inherit;
  box-sizing: border-box !important;
  cursor: pointer;
  border: 0;
  font-size: 14px;
  padding: 8px 16px 8px 8px;
  margin: .2em 0;
  width: 100%;
  text-align: center;
}
.tchack-box input:focus, .tchack-box select:focus {  outline: 0;}
.tchack-box .tchack-item01 input {
  font-size: 30px;
  padding: 0;
  width: 220px;
  font-family: 'Nuosu SIL', serif;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><path fill="%23fff" d="M7,12H9V14H7V12M21,6V20A2,2 0 0,1 19,22H5C3.89,22 3,21.1 3,20V6A2,2 0 0,1 5,4H6V2H8V4H16V2H18V4H19A2,2 0 0,1 21,6M5,8H19V6H5V8M19,20V10H5V20H19M15,14V12H17V14H15M11,14V12H13V14H11M7,16H9V18H7V16M15,18V16H17V18H15M11,18V16H13V18H11Z" /></svg>');
  background-position: bottom 2px right;
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0);
  background-size: 24px;
  padding-right: 28px;
  border: 0;
  color: #fff;
}
.tchack-box .tchack-item02 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.tchack-box select {}
.tchack-box .select-item {
  width: 100%;
  position: relative;
}
.tchack-box .select-item:after {
  content: '';
  position: absolute;
  right: 8px;
  top: 40%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6.9px 4px 0 4px;
  border-color: #666 transparent transparent transparent;
}
.tchack-box .tchack-sub {  width: 48%;}
.tchack-box .tchack-submit button {
  background: var(--clr-bg3);
  border: 1px solid var(--clr-bg3);
  color: #fff;
  transition: .5s;
}
.tchack-box .tchack-submit button:hover {  opacity: .7;}
/**/
.tchack-sec.fix {
  position: fixed;
  top: 50px;
  width: 100%;
  z-index: 10;
}
.tchack-sec.fix .tchack-box {  padding: 8px;}
.tchack-sec.fix .tchack-box button, .tchack-sec.fix .tchack-box input, .tchack-sec.fix .tchack-box select, .tchack-sec.fix .tchack-box textarea {  font-size: 12px;}
.tchack-sec.fix .tchack-box form {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tchack-sec.fix .tchack-box .tchack-item01 {}
.tchack-sec.fix .tchack-box .tchack-item02 {  width: 40%;}
.tchack-sec.fix .tchack-item01 input {
  font-size: 16px;
  background-position: bottom right;
  width: 120px;
}
.tchack-sec.fix .tchack-box select {  padding: 3px 20px 3px 10px;}
.tchack-sec.fix .tchack-box .tchack-submit button {  padding: 5px;}
@media (min-width: 600px) {
  .tchack-box form {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .tchack-box .tchack-item01 {  width: 35%;}
  .tchack-box .tchack-item02 {  width: 50%;}
  .tchack-box .tchack-submit {  width: 12%;}
  .tchack-box .tchack-item02 > .select-item {  width: 44%}
  .tchack-box .tchack-sub {  width: 24%;}
  .tchack-box button, .tchack-box input, .tchack-box select, .tchack-box textarea {
    height: 36px;
    margin: 0;
  }
  .tchack-box .tchack-submit button {
    height: 36px;
    padding: 0;
  }
  /**/
  .tchack-sec.fix {  top: 75px;}
  .tchack-sec.fix .tchack-box {  padding: 10px 20px;}
  .tchack-sec.fix .tchack-box button, .tchack-sec.fix .tchack-box input, .tchack-sec.fix .tchack-box select, .tchack-sec.fix .tchack-box textarea {  font-size: 14px;}
  .tchack-sec.fix .tchack-box .tchack-item01 {  width: 35%;}
  .tchack-sec.fix .tchack-box .tchack-item02 {  width: 50%;}
  .tchack-sec.fix .tchack-item01 input {
    font-size: 26px;
    background-position: bottom 4px right;
    width: 200px;
  }
  .tchack-sec.fix .tchack-box select {  padding: 5px 20px 5px 10px;}
}
@media (min-width: 1025px) {
  .tchack-box {  padding: 40px;}
  .tchack-box .tchack-item01 {  width: 350px;}
  .tchack-box .tchack-item02 {  width: calc(100% - 620px);}
  .tchack-box .tchack-submit {  width: 220px;}
  .tchack-box .tchack-item02 > .select-item {  width: 55%;}
  .tchack-box .tchack-sub {  width: 20%;}
  .tchack-box button, .tchack-box input, .tchack-box select, .tchack-box textarea {
    font-size: 20px;
    padding: 10px;
    height: 60px;
  }
  .tchack-box .tchack-item01 input {
    font-size: 50px;
    width: 330px;
    background-position: bottom 8px right;
  }
  .tchack-box .tchack-submit button {  height: 60px;}
  /**/
  .tchack-sec.fix {  top: 70px;}
  .tchack-sec.fix .tchack-box {  padding: 10px 60px;}
  .tchack-sec.fix .tchack-box button, .tchack-sec.fix .tchack-box input, .tchack-sec.fix .tchack-box select, .tchack-sec.fix .tchack-box textarea {
    font-size: 16px;
    height: 32px
  }
  .tchack-sec.fix .tchack-box .tchack-item01 {  width: 350px;}
  .tchack-sec.fix .tchack-box .tchack-item02 {  width: calc(100% - 620px);}
  .tchack-sec.fix .tchack-item01 input {
    font-size: 26px;
    width: 260px;
    background-position: bottom right;
  }
  .tchack-sec.fix .tchack-box .tchack-submit button {  padding: 0;}
  .tchack-sec.fix .tchack-box select {  padding: 0 20px 0 10px;}
}