/* ======================

 [brake-point]
 min-width:768px
 max-width:767px

====================== */
:root {
  --background-color: #fffd58;
  --text-color: #503f3c;
}

.fa.komorebi main,
.fa.komorebi .wrapContentsTtlDetails {
  background: #fffbda;
}
.fa.komorebi #wrapMainParents-list {
  padding-bottom: 88px;
  background: #fffbda;
}
@media screen and (max-width: 767px) {
  .fa.komorebi #wrapMainParents-list {
    padding-bottom: 20px;
  }
}
.fa.komorebi #wrapMainParents-list .innerContainer {
  width: 100%;
  max-width: 1080px;
}
.fa.komorebi #wrapMainParents-list .outline {
  width: 100%;
  max-width: 1080px;
}
.fa.komorebi .levl2_title_wap {
  padding: 48px;
  background: #ed6c00;
  text-align: center;
}
.fa.komorebi .levl2_title_wap h2 img {
  max-width: 691px;
}
@media screen and (max-width: 767px) {
  .fa.komorebi .levl2_title_wap {
    padding: 30px;
    margin-top: 95px;
  }
  .fa.komorebi .levl2_title_wap h2 img {
    max-width: 320px;
  }
}
.fa.komorebi .sentence {
  position: relative;
  margin-bottom: 0 !important;
}
.fa.komorebi .sentence .balloon_01 {
  position: absolute;
  top: -70px;
  left: 0;
  width: 185px;
}
@media screen and (max-width: 767px) {
  .fa.komorebi .sentence .balloon_01 {
    top: -212px;
    left: 0;
    width: 120px;
  }
}
.fa.komorebi .sentence .balloon_02 {
  position: absolute;
  top: -22px;
  right: 95px;
  width: 154px;
}
@media screen and (max-width: 767px) {
  .fa.komorebi .sentence .balloon_02 {
    top: -38px;
    right: -5px;
    width: 100px;
  }
}
.fa.komorebi .open_inner {
  padding-top: 56px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .fa.komorebi .open_inner {
    padding-top: 20px;
  }
}
.fa.komorebi .open_inner img {
  max-width: 745px;
}
.fa.komorebi .time_inner {
  margin-top: 32px;
}
.fa.komorebi .time_inner img {
  max-width: 100%;
}
.fa.komorebi .offer_inner {
  margin: 40px 0 0;
  padding: 67px 82px;
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);
          box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);
}
@media screen and (max-width: 767px) {
  .fa.komorebi .offer_inner {
    padding: 20px;
  }
}
.fa.komorebi .offer_inner .levl3_title {
  margin-top: 62px;
  text-align: center;
  color: var(--text-color);
  font-size: 3rem;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .fa.komorebi .offer_inner .levl3_title {
    margin-top: 48px;
    font-size: 2rem;
    line-height: 1.2;
  }
}
.fa.komorebi .offer_inner .offer_box {
  margin-top: 30px;
  padding: 30px 35px;
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);
          box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);
}
@media screen and (max-width: 767px) {
  .fa.komorebi .offer_inner .offer_box {
    margin-top: 10px;
    padding: 15px;
  }
}
.fa.komorebi .offer_inner .offer_box dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .fa.komorebi .offer_inner .offer_box dl {
    margin-bottom: 10px;
  }
}
.fa.komorebi .offer_inner .offer_box dl dt {
  width: 5.3%;
}
@media screen and (max-width: 767px) {
  .fa.komorebi .offer_inner .offer_box dl dt {
    width: 14%;
  }
}
.fa.komorebi .offer_inner .offer_box dl dd {
  width: 94.7%;
  padding: 0 0 0 14px;
  font-size: 1.8rem;
  font-weight: bold;
  color: var(--text-color);
}
@media screen and (max-width: 767px) {
  .fa.komorebi .offer_inner .offer_box dl dd {
    width: 86%;
    font-size: 1.6rem;
    line-height: 1.2;
  }
}
.fa.komorebi .offer_inner h3:first-child:not(.message_inner h3:first-child) {
  margin-top: 0;
}
.fa.komorebi .opening_time dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .fa.komorebi .opening_time dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.fa.komorebi .opening_time dl dt {
  width: 20%;
  color: #68381a;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .fa.komorebi .opening_time dl dt {
    width: 100%;
  }
}
.fa.komorebi .opening_time dl dd {
  width: 80%;
}
.fa.komorebi .message_inner .message_box {
  margin-top: 20px;
}
.fa.komorebi .message_inner .message_box dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .fa.komorebi .message_inner .message_box dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.fa.komorebi .message_inner .message_box dl dt {
  width: 46.5%;
}
@media screen and (max-width: 767px) {
  .fa.komorebi .message_inner .message_box dl dt {
    width: 100%;
  }
}
.fa.komorebi .message_inner .message_box dl dt img {
  max-width: 100%;
  border-radius: 30px;
}
.fa.komorebi .message_inner .message_box dl dd {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .fa.komorebi .message_inner .message_box dl dd {
    width: 100%;
  }
}
.fa.komorebi .message_inner .message_box dl dd p {
  font-size: 1.6rem;
}
.fa.komorebi .message_inner .message_box dl dd p:nth-of-type(2) {
  margin-top: 42px;
}
@media screen and (max-width: 767px) {
  .fa.komorebi .message_inner .message_box dl dd p:nth-of-type(2) {
    margin-top: 20px;
  }
}