@charset "UTF-8";
.page-title {
  margin: 5em auto 1em auto;
  padding: 2em 0 2em 0;
  text-align: center;
}

.page-title h1 {
  font-size: 2rem;
  display: inline-block;
  border-bottom: 1px solid #298900;
  margin-left: auto;
  margin-right: auto;
}

.page-title .sub-h1 {
  font-size: 1.2rem;
  color: #999;
}

.page-title span::before {
  content: "\a";
  white-space: pre;
}

.page-section h2 {
  font-size: 1.8rem;
  /*    display: inline-block; */
  border-bottom: 1px solid #298900;
  margin: 1.8rem auto;
  text-align: center;
}

.section-content {
  width: 94%;
  max-width: 1024px;
  margin: 1.5rem 1.2rem 1.5rem 0;
  /*    text-align: center; */
}

.section-content h2 {
  /*    font-weight: bold; */
  font-size: 1.6rem;
  /*    display: inline-block; */
  border-bottom: 1.5px solid #298900;
  margin-left: auto;
  margin-right: auto;
}

.section-subcontent {
  width: 94%;
  max-width: 1024px;
  margin: 1.1rem 1.1rem 1.2rem 0rem;
}

.section-subcontent dl dt {
  margin: 0 0 0.2rem 0;
}

.section-subcontent dl dd {
  margin: 0 0 0.8rem 0;
}

.basic-block-quote {
  background-color: #ccc;
}

.section-content-level2 {
  width: 94%;
  max-width: 1024px;
  margin: 2.4rem auto 3rem auto;
  /*    text-align: center; */
}

.section-content-level2 h3 {
  /*    font-weight: bold; */
  font-size: 1.4rem;
  display: inline-block;
  border-bottom: 1.5px solid #298900;
  margin-left: auto;
  margin-right: auto;
}

.section-content-level2 h4 {
  /*    font-weight: bold; */
  font-size: 1.2rem;
  display: inline-block;
  border-bottom: 1.5px solid #298900;
  margin-left: 1.1rem;
}

.section-subcontent p {
  /*    font-weight: bold; */
  margin-left: 1.2rem;
}

.risk {
  border: 1px solid #999999;
  border-radius: 6px;
  margin-top: 0.6rem;
  padding: 0.4rem 0.1rem;
  font-size: 0.9rem;
  text-align: left;
}

.blockquate-risk {
  /*
    border: 1px solid #999999;
    border-radius: 6px;
  */
  margin: 0.6rem 1rem;
  padding: 0.4rem 0.4rem;
  font-size: 0.9rem;
  text-align: left;
}

.blockquate-risk h4 {
  margin-top: 0.6rem;
  margin-bottom: 0.4rem;
  font-size: 1.1rem;
  border: none;
}

.blockquate-risk dl {
  margin-left: 1.6rem;
  font-size: 0.9rem;
}

.blockquate-risk dl dd {
  margin-bottom: 0.4rem;
}

.blockquote-context {
  margin-left: 1.6rem;
  background-color: #f6f6f6;
  border: 1px solid #cccccc;
  border-radius: 8px;
  padding: 0.6rem;
  margin-top: 1.6rem;
}

/*-- for Wordpress Post --*/
.page-h2 {
  font-size: 1.6rem;
  font-size: 1.6rem;
}

.page-h3 {
  font-size: 1.4rem;
  font-size: 1.4rem;
}

.page-h4 {
  font-size: 1.2rem;
  font-size: 1.2rem;
}

/*-- 店舗紹介 --*/
.page-contact .section-abstruct {
  margin: 1rem auto 1rem auto;
  padding: 0.6rem 0 0.4rem 0;
  font-size: 1.1rem;
  text-align: left;
}

.form-part {
  margin: 1rem auto 1rem auto;
  padding: 0.6rem 0 0.4rem 0;
  text-align: left;
}

.page-card {
  margin-bottom: 18px;
}

.page-card-title {
  font-size: 0.9rem;
  text-align: center;
}

.page-card-text {
  font-size: 0.8rem;
}

/*-- section 横並び -- */
.flex-columns {
  display: flex;
  align-items: center;
}

.flex-harf-column {
  width: 50%;
}

@media screen and (max-width: 559px) {
  .flex-columns {
    display: block;
  }
  .flex-harf-column {
    width: 100%;
  }
}
#profile-sheet {
  width: 96%;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
}

/*-- dl テーブル : responsive --*/
.responsive-dl {
  margin: 2em auto;
  font-size: 0.9rem;
}

.responsive-dl dl {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: stretch;
}

.responsive-dl dt {
  /*    display: block; */
  background-color: #f1f1f1;
  flex-basis: 30%;
  padding: 0.6rem;
  box-sizing: border-box;
  border-bottom: 1px solid #ccc;
  margin-top: 0.1rem;
}

.responsive-dl dd {
  /*    display: block; */
  flex-basis: 70%;
  padding: 0.6rem;
  box-sizing: border-box;
  background-color: #fff;
  /*    border-bottom: 1px solid #ccc; */
  margin-top: 0.1rem;
}

@media screen and (max-width: 559px) {
  .responsive-dl dl {
    flex-flow: column;
  }
  .responsive-dl dt,
  .responsive-dl dd {
    width: 100%;
  }
}
.reserve-description {
  width: 70%;
  margin: 0 auto;
  border: 1px solid #3F6400;
  text-align: center;
  padding: 24px 9px;
  font-size: 1.1rem;
  border-radius: 30px;
}

.reserve-description-item {
  font-size: 1.2rem;
  margin-top: 1rem;
  border-bottom: 1px solid #3F6400;
}

.reserve-description-text {
  font-size: 1.2rem;
  margin-top: 0.9rem;
}

@media screen and (max-width: 559px) {
  .reserve-description p {
    text-align: left;
  }
}

/*# sourceMappingURL=page.css.map */