@charset "UTF-8";
/*---------------------------
#feature
---------------------------*/
#feature {
  width:100%;
  height:auto;
  padding:100px 0;
  position:relative;
}
#feature::after {
  display:block;
  content:'';
  width:100%;
  height:55%;
  position:absolute;
  top:45%;
  left:0;
  background:#C7CACE;
}
.feature-body {
  width:90%;
  max-width:1280px;
  margin:0 auto;
  height:auto;
  position: relative;
  z-index:1;
}
.feature-col {
  width:100%;
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
}
.feature-category {
  width:31.5%;
  display:flex;
  flex-direction:column;
}
.feature-category:nth-of-type(2) {
  margin-top:80px;
}
.feature-category:nth-of-type(3) {
  margin-top:160px;
}
.feature-img {
  width:100%;
  height:auto;
  position:relative;
  background:#eee;
  overflow:hidden;
}
.feature-img::after {
  display:block;
  content:'';
  width:100%;
  height:0;
  padding-top:60%;
}
.feature-img > img {
  position:absolute;
  top:0;
  left:0;
  height:100%;
  object-fit:cover;
}
.feature-inner {
  width:100%;
  height:auto;
  padding:30px 30px 40px 30px;
  box-sizing:border-box;
  background:#fff;
}
.feature-inner-lead {
  font-size:1.8rem;
  letter-spacing:0;
  line-height:1.8;
  text-align:center;
  font-family:"Shippori Mincho B1", serif;
  font-weight:500;
  font-style:normal;
  text-align:center;
  margin-bottom:20px;
  display:flex;
  justify-content:center;
  align-items:center;
  color:#201F1E;
  background:linear-gradient(to right,#9C6926 0%,#B7822E 25%,#CA8540 50%,#E0AF3E 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color: transparent;
}
.feature-inner-lead > img {
  width:70px;
  margin-right:10px;
}
.feature-inner-txt {
  width:100%;
  height:auto;
  font-size:1.4rem;
  text-align:justify;
}
/*---------------------------
#menu
---------------------------*/
#menu {
  width: 100%;
  height: auto;
  padding:100px 0;
  background:#fff;
}
.menu-body {
  width:90%;
  max-width:1200px;
  margin:0 auto;
  height:auto;
  position: relative;
}
.menu-lead {
  width:80%;
  height:auto;
  margin:0 auto 50px auto;
  text-align:center;
}
.menu-lead a {
  text-decoration:underline;
  color:#DF212C;
  font-weight:bold;
}
.menu-tab {
  width:90%;
  margin:0 auto 50px auto;
}
.menu-tab-col {
  width:100%;
  height:auto;
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
}
.menu-tab-col > a {
  display:flex;
  justify-content:center;
  align-items:center;
  width:24%;
  height:60px;
  color:#fff;
  border-radius:50vh;
  position:relative;
}
.menu-tab-col > a > div {
  font-size:1.8rem;
  display:flex;
  flex-direction:column;
  align-items: center;
  line-height:1.2
}
.menu-tab-col > a > div > span {
  font-size:1.4rem;
  font-family: "Cormorant Garamond", serif;
  font-style: normal;
}
.menu-tab-col > a:nth-of-type(1) {
  background:#D2CAAD;
}
.menu-tab-col > a:nth-of-type(2) {
  background:#ADD2C9;
}
.menu-tab-col > a:nth-of-type(3) {
  background:#B0C4DE;
}
.menu-tab-col > a:nth-of-type(4) {
  background:#DEC1CE;
}
.menu-tab-col > a::after {
  display:inline-block;
  content:'';
  width:20px;
  height:20px;
  background:url('../../img/common/arrow-bottom.svg');
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
  margin-left:20px;
  margin-top:2px;
  position:absolute;
  top:50%;
  right:20px;
  transform:translate(0,-50%);
}
#menu-parts {
  margin:100px auto 0 auto;
}
.menu-categoryWrap {
  width:100%;
  height:auto;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
}
.menu-category {
  width:48%;
  height:auto;
  display:flex;
  flex-direction:column;
  background:#fff;
  border-radius:20px 20px 0 0;
  box-shadow: rgba(57, 82, 65, 0.1) 0.3rem 0.3rem 1.5rem;
}
.menu-category:nth-of-type(n+3) {
  margin-top:60px;
}
.menu-category-title {
  width:100%;
  height:auto;
  display:flex;
  justify-content:center;
  align-items:center;
  background:linear-gradient(45deg, #939393, #CECECE);
  color: #fff;
  padding:10px;
  box-sizing:border-box;
  border-radius:14px 14px 0 0;
  position:relative;
  overflow:hidden;
}
.menu-category-title > h3 {
  font-size:2rem;
  letter-spacing:0;
  position:relative;
  z-index:1;
}
.menu-category-title > img {
  width:20px;
  margin-right:8px;
}
.menu-category-title > span {
  padding:0 10px;
  background:rgba(0,0,0,.4);
  font-size:1.4rem;
  margin-left:10px;
  line-height:1.6;
}
.menu-cols {
  width:100%;
  height:auto;
  padding:30px 0;
  box-sizing:border-box;
  display:flex;
  justify-content:space-between;
}
.menu-img {
  width:45%;
  position:relative;
}
.menu-img-laurel {
  position:absolute;
  top:-10px;
  right:-10%;
  width:17.5%;
}
.menu-img > a {
  display:block;
  width:100%;
}
.lum-lightbox.lum-open {
  z-index:10000;
}
.lum-lightbox-inner {
  cursor:pointer;
}
.lum-lightbox-inner img {
  width:30%;
  height:auto;
  margin:0 auto;
}
.lum-close-button {
  opacity:1;
  position:absolute;
  right:10px;
  top:10px;
  width:48px;
  height:48px;
  background-color:#fff;
  cursor: pointer;
}
.lum-close-button:after, .lum-close-button:before {
  background-color: #1a1a1a;
  left:50%;
  top:50%;
}
.lum-close-button::before {
  transform:translate(-50%,-50%) rotate(45deg);
}
.lum-close-button::after {
  transform:translate(-50%,-50%) rotate(-45deg);
}
.expand {
  width:40px;
  height:40px;
  position:absolute;
  bottom:0;
  right:-7.5%;
  background:rgba(0,0,0,.1);
  border-radius:50vh;
  display:flex;
  justify-content:center;
  align-items:center;
  pointer-events:none;
}
.expand > img {
  width: 55%;
}
.menu-inner {
  width:50%;
  padding:20px;
  margin-top:30px;
  box-sizing:border-box;
}
.menu-inner-lead {
  width:100%;
  height:auto;
  padding:25px 15px 20px 15px;
  margin-bottom:20px;
  box-sizing:border-box;
  border:1px solid #E5E5E5;
  position:relative;
  text-align:center;
}
.menu-inner-lead-main {
  position:absolute;
  top:-12.5px;left:50%;
  transform:translate(-50%,0);
  padding:0 8px;
  background:#fff;
}
.menu-inner-lead-main i {
  margin-right:3px;
  color:#49c8ad;
}
.menu-inner-lead-name {
  font-size:1.4rem;
  font-weight:bold;
  line-height:1.6;
}
.menu-inner-lead-name > span {
  font-size:1.2rem;
}
.price {
  width:100%;
  height:auto;
}
.price-title {
  width:100%;
  height:auto;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  line-height:1.4;
  margin-bottom:8px;
}
.price-title > img  {
  width:50px;
  margin:0 auto 5px auto;
}
.price-title > p {
  font-size:2rem;
  font-weight:bold;
}
.price-title > span {
  font-size:1rem;
}
.price > dl {
  width:100%;
  height:auto;
  display:flex;
  border:1px solid #E5E5E5;
  flex-wrap:wrap;
  box-shadow: 0.3rem 0.3rem 10px rgba(57, 82, 65, .025);
  margin-bottom:10px;
  background:#fff;
  font-size:1.4rem;
}
.price > dl > dt {
  width:35%;
  background:#f5f6f7;
  padding:15px 10px;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  line-height:1.4;
  font-weight:bold;
  box-sizing:border-box;
}
.price-time {
  width:22.5%;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:center;
  line-height:1.4;
  box-sizing:border-box;
}
.price-time > p,
.price-time-inner {
  font-size:1rem;
}
.price-time-inner > span {
  font-size:1.4rem;
  margin-right:2px;
}
.price-main {
  width:42.5%;
  font-size:1rem;
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:1.4;
  box-sizing:border-box;
}
.price-main > span {
  font-size:2rem;
  font-weight:bold;
  letter-spacing:0;
  margin-right:2px;
  color: #B7822E;
  background: linear-gradient(to right, #9C6926 0%, #B7822E 25%, #CA8540 50%, #E0AF3E 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
}
/*---------------------------
#attention
---------------------------*/
.attention {
  display:block;
  width:100%;
  height:auto;
  padding:0 0 80px 0;
  background:#fff;
  position:relative;
}
.attention-body {
  width:90%;
  max-width:1200px;
  margin:0 auto;
}
.attention-box {
  width:100%;
  padding:50px 80px;
  box-sizing:border-box;
  background:#f1eee9;
}
.attention-ttl {
  width:100%;
  text-align:center;
  margin-bottom:40px;
  position:relative;
}
.attention-ttl::after {
  display:block;
  content:'';
  width:40px;
  height:4px;
  position:absolute;
  bottom:-15px;
  left:50%;
  transform:translate(-50%,0);
  background:linear-gradient(to right,#1a1a1a,#ccc);
}
.attention-ttl > h2 {
  text-align:center;
}
.attention-list {
  width:100%;
}
.attention-list > ol {
  width:100%;
}
.attention-list > ol > li {
  width:100%;
  padding-bottom:10px;
  margin-bottom:10px;
}
.attention-list > ol > li:not(:last-child) {
  border-bottom:1px solid #ccc;
}
.attention-btn {
  width:320px;
  height:60px;
  margin-top:20px;
}
.attention-btn > a {
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  height:100%;
  background: #2c2c2c;
  color:#fff;
  border-radius:8px;
}
.attention-btn > a i {
  margin-right:5px;
}
/*---------------------------
#other
---------------------------*/
#other {
  width: 100%;
  height: auto;
  padding:80px 0;
  background:#FBFAF8;
}
.other-body {
  width:90%;
  max-width:1200px;
  margin:0 auto;
  height:auto;
  position: relative;
}
.other-lead {
  width:80%;
  margin:0 auto 50px auto;
}
.other-col {
  width:100%;
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
}
.other-col > a {
  display:block;
  width:48%;
  height:auto;
}
.other-col > a img {
  border-radius:10px;
}
/*---------------------------
#related
---------------------------*/
.related {
  width:100%;
  height:auto;
  padding:80px 0;
  position:relative;
}
.related-body {
  width:95%;
  max-width:1440px;
  height:auto;
  margin:0 auto;
}
.related-col {
  width:100%;
  height:auto;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
}
.related-col > a {
  display:block;
  width:32%;
  height:auto;
  position:relative;
  background:#eee;
}
.related-col > a::after {
  display:block;
  content:'';
  width:100%;
  height:0;
  padding-top:56.25%;
}
.related-col > a > img {
  height:100%;
  position:absolute;
  top:0;
  left:0;
}

@media screen and (max-width:1280px) {
  .feature-inner-lead > img {
    width:56px;
  }
}
@media screen and (max-width:1200px) {
  #feature::after {
    height:70%;
    top:30%;
  }
  .feature-body {
    width:75%;
  }
  .feature-category {
    width:48%;
  }
  .feature-category:nth-of-type(2) {
    margin-top:250px;
  }
  .feature-category:nth-of-type(3) {
    margin-top:-200px;
  }
}
@media screen and (max-width:1024px) {
  /*---menu---*/
  .menu-cols {
    width:80%;
    flex-direction:column;
    align-items:center;
    margin:0 auto;
  }
  .menu-img {
    width:65%;
  }
  .menu-inner {
    width:100%;
  }
}
@media screen and (max-width:896px) {
  .feature-body {
    width:80%;
  }
  /*---menu---*/
  .menu-cols {
    width:90%;
  }
  .menu-tab-col > a::after {
    width:16px;
    height:16px;
  }
  .menu-tab-col > a > div {
    font-size:1.4rem;
    line-height:1.4;
  }
  /*---other---*/
  .other-lead {
    width:95%;
  }
}
@media screen and (max-width:786px) {
  .feature-category {
    width:100%;
  }
  .feature-category:nth-of-type(2) {
    margin-top:40px;
  }
  .feature-category:nth-of-type(3) {
    margin-top:40px;
  }
  /*---menu---*/
  .menu-lead {
    text-align:justify;
  }
  .menu-lead > p br:nth-of-type(2) {
    display:none;
  }
  .menu-tab-col > a {
    width:49.5%;
  }
  .menu-tab-col > a:nth-of-type(n+3) {
    margin-top:5px;
  }
  .menu-cols {
    width:100%;
  }
}
@media screen and (max-width:680px) {
  .feature-body {
    width:85%;
  }
  /*---menu---*/
  .menu-body {
    width:90%;
  }
  .menu-tab {
    width:100%;
  }
  .menu-tab-col > a {
    height:48px;
  }
  .menu-tab-col > a::after {
    width:16px;
    height:16px;
    right:10px;
  }
  .menu-tab-col > a > div {
    line-height:1.2;
  }
  .menu-tab-col > a > div > span {
    font-size:1.2rem;
  }
  .menu-category {
    width:100%;
  }
  .menu-cols {
    width:80%;
    padding:20px 0;
  }
  .menu-category:nth-of-type(n+2) {
    margin-top:40px;
  }
  /*---other---*/
  .other-body {
    width:80%;
  }
  .other-col {
    flex-direction:column;
  }
  .other-col > a {
    width:100%;
  }
  .other-col > a:not(:last-child) {
    margin-bottom:20px;
  }
  /*---related---*/
  .related-body {
    width:80%;
  }
  .related-col > a {
    width:100%;
  }
  .related-col > a:nth-of-type(n+2) {
    margin-top:20px;
  }
}
@media screen and (max-width:480px) {
  .fv-ttl {
    width:90%;
  }
  .fv-ttl > p {
    font-size:4.2rem;
  }
  .fv-ttl-bg {
    width:36.5%;
    left:72%;
    top:48%;
  }
  #feature {
    padding:50px 0 80px 0;
  }
  #feature::after {
    height:85%;
    top:15%;
  }
  .feature-inner {
    padding:20px 20px 40px 20px;
  }
  .feature-inner-lead {
    font-size:1.6rem;
    letter-spacing:0;
  }
  .feature-inner-lead > img {
    width:48px;
  }
  /*---menu---*/
  #menu {
    padding:80px 0;
  }
  .menu-lead {
    width:90%;
    font-size:1.3rem;
    margin-bottom:40px;
  }
  .menu-cols {
    width:100%;
  }
  .menu-category-title > h3 {
    font-size:1.6rem;
  }
  .menu-category-title > img {
    width:14px;
    margin-right:5px;
  }
  .menu-inner {
    margin-top:0;
  }
  .price > dl {
    align-items:center;
  }
  .price-main {
    align-items:baseline;
  }
  .lum-previous-button {
    left:2px;
  }
  .lum-next-button {
    right:2px;
  }
  .lum-lightbox-inner img {
    width:80%;
    height:auto;
  }
  /*---attention---*/
  .attention-box {
    width:100%;
    padding:30px 20px 30px 30px;
  }
  .attention-ttl > h2 {
    font-size:1.8rem;
  }
  .attention-list > ol > li {
    font-size:1.4rem;
    line-height:1.6;
  }
  .attention-btn {
    width:100%;
  }
  /*---other---*/
  .other {
    padding:80px 0;
  }
  .other-body {
    width:85%;
  }
  .other-lead {
    margin-bottom:30px;
  }
  /*---related---*/
  .related-body {
    width:85%;
  }
  .related-ttl > p {
    font-size:3rem;
  }
}