@charset "UTF-8";
/* ======================================================
utility
====================================================== */
.sec_inner {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0;
}

.breakfast__Ttl {
  font-size: 20px;
  line-height: 2.27273;
  letter-spacing: 0.33em;
  text-align: center;
  font-weight: bold;
}

/* ======================================================
営業時間
====================================================== */
.cont1 {
  padding: calc(65 / 750 * 100vw) calc(60 / 750 * 100vw) calc(60 / 750 * 100vw) calc(60 / 750 * 100vw);
}

@media screen and (min-width: 1001px) {
  .cont1 {
    padding: 35px 100px 10px 100px;
  }
}

.cont1 #searcharea {
  margin: 0 auto 30px;
}

@media screen and (min-width: 1001px) {
  .cont1 #searcharea {
    max-width: 900px;
    margin: 0 auto 30px;
    -webkit-box-shadow: 3px 23px 20px -17px rgba(40, 20, 5, 0.5);
            box-shadow: 3px 23px 20px -17px rgba(40, 20, 5, 0.5);
    padding: 20px 80px;
  }
}

#searcharea.business-hours {
  text-align: center;
}

@media screen and (min-width: 1001px) {
  #searcharea.business-hours {
    font-size: 15px;
    padding: 40px 80px 28px;
  }
}

#searcharea .business-hours__title {
  color: #7D5336;
  text-align: center;
  margin-bottom: 5px;
  font-size: calc(36em / 26);
  font-family: "RyuminPro-Regular",YuMincho, "Yu Mincho", 游明朝体, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", 'Noto Serif JP' ,"ＭＳ 明朝", "MS Mincho";
}

@media screen and (min-width: 1001px) {
  #searcharea .business-hours__title {
    font-size: 22px;
    line-height: 2.09091;
    letter-spacing: 0.2em;
  }
}

#searcharea .business-hours__time {
  margin-bottom: 15px;
  text-align: center;
  font-size: calc(40em / 26);
  line-height: 1.21053;
  letter-spacing: 0.02em;
  color: #7D5336;
}

@media screen and (min-width: 1001px) {
  #searcharea .business-hours__time {
    font-size: 38px;
  }
}

#searcharea .business-hours__time strong {
  font-family: "RyuminPro-Regular",YuMincho, "Yu Mincho", 游明朝体, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", 'Noto Serif JP' ,"ＭＳ 明朝", "MS Mincho";
  font-weight: 700;
}

#searcharea .business-hours__note {
  font-size: calc(26em / 26);
  letter-spacing: 0.2em;
  line-height: 1;
  position: relative;
  display: inline-block;
  margin-bottom: 10px;
  text-align: center;
}

@media screen and (min-width: 1001px) {
  #searcharea .business-hours__note {
    font-size: 15.5px;
  }
}

#searcharea .business-hours__note::after, #searcharea .business-hours__note::before {
  content: "";
  background-color: #7D5336;
  position: absolute;
  bottom: 5%;
  height: 14px;
  height: 100%;
  width: 1px;
}

#searcharea .business-hours__note::before {
  left: -4%;
  -webkit-transform: rotate(-31deg);
          transform: rotate(-31deg);
}

#searcharea .business-hours__note::after {
  right: -4%;
  -webkit-transform: rotate(31deg);
          transform: rotate(31deg);
}

/* ======================================================
DELICIOUSNESS
====================================================== */
.deliciousness {
  max-width: 1200px;
  margin: -60px auto;
  padding: 130px 0 88px;
}

@media screen and (min-width: 1001px) {
  .deliciousness__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}

.deliciousness__txt {
  margin-top: 15px;
}

@media screen and (min-width: 1001px) {
  .deliciousness__txt {
    margin-top: 0;
    font-size: 15px;
    line-height: 1.73333;
    letter-spacing: 0.08em;
  }
}

.deliciousness__item {
  margin-top: 40px;
}
.deliciousness__item .breakfast__Ttl{
  text-align: left;
}

@media screen and (min-width: 1001px) {
  .deliciousness__item {
    width: 47%;
    margin-top: 0;
  }
  .deliciousness__item p {
    font-size: 15px;
  }
}

.deliciousness__itemImg {
  margin: 10px 0 10px;
  text-align: center;
  overflow: hidden;
  overflow: hidden;
}

@media screen and (min-width: 1001px) {
  .deliciousness__itemImg {
    margin: 25px 0 0;
  }
}

.deliciousness__itemImg img {
  -webkit-transition: .3s;
  transition: .3s;
}

.deliciousness__itemImg:hover img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

/* ======================================================
BREAKFAST EXAMPLE
====================================================== */
.example {
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(16%, #fff), color-stop(16%, #F4F0EE), to(#F4F0EE));
  background: linear-gradient(180deg, #fff 0%, #fff 16%, #F4F0EE 16%, #F4F0EE 100%);
  padding: 130px 0 65px;
  margin-top: -60px;
}

.example__mainImage {
  width: 100%;
  margin-bottom: 35px;
  text-align: center;
}

.example__read {
  margin: 10px 0 0;
}

@media screen and (min-width: 1001px) {
  .example__read {
    font-size: 15px;
    text-align: center;
    margin: 0 0 31px;
  }
}

@media screen and (min-width: 1001px) {
  .example__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-bottom: 48px;
  }
}

.example__item {
  text-align: center;
}

@media screen and (min-width: 1001px) {
  .example__item {
    width: 48.5%;
  }
  .example__item p {
    font-size: 15px;
  }
}

.example__itemImg {
  margin: 25px 0 0;
  text-align: center;
  overflow: hidden;
}

.example__itemImg img {
  -webkit-transition: .3s;
  transition: .3s;
}

.example__itemImg:hover img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.example__itemTxtBox {
  padding: 20px 0 10px;
}

@media screen and (min-width: 1001px) {
  .example__itemTxtBox {
    padding: 27px 0 10px;
  }
}

.example__itemList {
  text-align: center;
  color: #000;
  margin-bottom: 25px;
}

@media screen and (min-width: 1001px) {
  .example__itemList {
    font-size: 16px;
    line-height: 1.88235;
    padding-left: 2%;
  }
}

.example__itemList li {
  text-align: left;
  position: relative;
}

.example__itemNote {
  color: #2C1302;
}

@media screen and (min-width: 1001px) {
  .example__itemNote {
    margin-left: 3%;
  }
}

.example .subPage__ttlDot {
  letter-spacing: 0.3em;
  font-weight: 700;
}

/* ======================================================
TEAROOM KEYAKI
====================================================== */
.belluna {
  padding: 60px 0;
}

@media screen and (min-width: 1001px) {
  .belluna {
    padding: 135px 0 35px;
  }
}

@media screen and (min-width: 1001px) {
  .belluna__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-bottom: 75px;
  }
}

.belluna__img {
  text-align: center;
  margin-bottom: 20px;
  overflow: hidden;
}

@media screen and (min-width: 1001px) {
  .belluna__img {
    width: 51.5%;
    margin-bottom: 0;
  }
}

.belluna__img img {
  -webkit-transition: .3s;
  transition: .3s;
}

.belluna__img:hover img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.belluna__content {
  text-align: center;
}

@media screen and (min-width: 1001px) {
  .belluna__content {
    width: 48.5%;
    padding: 0 2%;
  }
}

.belluna__ttl {
  color: #7D5336;
  letter-spacing: 0.3em;
  text-align: center;
  margin-bottom: calc(50 / 750 * 100vw);
  font-size: calc(15em / 15);
  line-height: 1;
}

@media screen and (min-width: 1001px) {
  .belluna__ttl {
    font-size: 15px;
    letter-spacing: 0.1em;
    margin-bottom: 23px;
  }
}

.belluna__ttl strong {
  display: block;
  font-size: calc(43em / 26);
  letter-spacing: 0.2em;
  color: #7D5336;
  margin-bottom: calc(15 / 750 * 100vw);
}

@media screen and (min-width: 1001px) {
  .belluna__ttl strong {
    font-size: 37px;
    line-height: 1.35135;
    letter-spacing: 0.15em;
    margin-bottom: 0;
  }
}

.belluna__txt {
  text-align: justify;
  font-size: 15px;
  margin: 17px 0 38px;
}

@media screen and (min-width: 1001px) {
  .belluna__txt {
    text-align: center;
  }
}

.belluna__tbl {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}

@media screen and (min-width: 1001px) {
  .belluna__tbl {
    max-width: 385px;
  }
}

.belluna__tbl tr {
  border-top: 1px solid #727171;
  color: #2C1302;
}

.belluna__tbl tr:last-of-type {
  border-bottom: 1px solid #727171;
}

.belluna__tbl th {
  position: relative;
  width: 35%;
  font-size: 17px;
  line-height: 2;
  letter-spacing: 0.26em;
  padding-left: 10px;
  font-weight: 700;
}

.belluna__tbl td {
  text-align: left;
  padding-left: 30px;
  font-size: 17px;
  line-height: 2;
  letter-spacing: 0.26em;
}

.belluna .subPage__ttlDot {
  padding: 0 10px 0;
  font-size: 22px;
  line-height: 2.27273;
  letter-spacing: 0.37em;
  margin-bottom: 30px;
}