@charset "UTF-8";
@font-face {
  font-family: "fontello";
  src: url("./font/fontello.eot?12958629");
  src: url("./font/fontello.eot?12958629#iefix") format("embedded-opentype"), url("./font/fontello.woff?12958629") format("woff"), url("./font/fontello.ttf?12958629") format("truetype"), url("./font/fontello.svg?12958629#fontello") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*
config.scss
*/
/* MIXIN */
/* display: tableにする */
/* ボタン */
/* clearfix */
/* グラデーション */
/* フチ文字 */
/* ページのメインコピー（青帯） */
/* 枠囲みのキャッチコピー（sign） */
/* アンダーライン */
@font-face {
  font-family: "fontello";
  src: url("./font/fontello.eot?12958629");
  src: url("./font/fontello.eot?12958629#iefix") format("embedded-opentype"), url("./font/fontello.woff?12958629") format("woff"), url("./font/fontello.ttf?12958629") format("truetype"), url("./font/fontello.svg?12958629#fontello") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*
config.scss
*/
/* MIXIN */
/* display: tableにする */
/* ボタン */
/* clearfix */
/* グラデーション */
/* フチ文字 */
/* ページのメインコピー（青帯） */
/* 枠囲みのキャッチコピー（sign） */
/* アンダーライン */
/*
all.scss
*/
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
*:last-child {
  margin-bottom: 0px;
}

body {
  position: relative;
  margin: 0px;
  padding: 0px;
  font-family: -apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothicM, YuGothic, Meiryo, sans-serif;
  font-size: 16px;
  color: #736558;
  line-height: 1.8em;
  text-align: center;
  -webkit-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1;
}
@media screen and (max-width: 768px) {
  body {
    font-size: 14px;
  }
}

section {
  margin: 0px 0px 4em;
}
section:last-child {
  margin-bottom: 0px;
}

nav {
  margin: 0px 0px 1.5em;
}
nav:last-child {
  margin-bottom: 0px;
}

h1, h2, h3, h4, h5 {
  margin: 0px 0px 1em;
}

p {
  margin: 0px 0px 1.5em;
}
@media screen and (max-width: 544px) {
  p {
    line-height: 1.6em;
  }
}

ol, ul {
  margin: 0px 0px 1.5em;
  padding: 0px;
}

li {
  list-style: none;
  margin: 0px 0px 0.3em;
  padding: 0px;
  line-height: 1.6em;
}
li:last-child {
  margin-bottom: 0px !important;
}
li h3, li h4, li h5, li h6 {
  line-height: 1.6em;
}
li p {
  line-height: 1.6em;
}

dl {
  margin: 0px 0px 1.5em;
}
dl dt {
  margin: 0px 0px 0.5em;
  padding: 0px;
  line-height: 1.4em;
}
dl dd {
  margin: 0px 0px 0.3em;
  padding: 0px;
  line-height: 1.6em;
}
dl dd:last-child {
  margin-bottom: 0px !important;
}
dl dd h3, dl dd h4, dl dd h5, dl dd h6 {
  line-height: 1.6em;
}
dl dd p {
  line-height: 1.6em;
}

img {
  max-width: 100%;
  height: auto;
}

a {
  color: #7dbc38;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

.caution {
  color: #cc0000;
}

.underline {
  position: relative;
  z-index: 2;
}
.underline:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -0.2em;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 0.8em;
  background: #ebe7e3 bottom;
  background-size: auto 15%;
}
.underline.green {
  position: relative;
  z-index: 2;
}
.underline.green:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -0.2em;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 0.8em;
  background: "$color_green_light" bottom;
  background-size: auto 15%;
}
.underline.simple {
  text-decoration: underline;
}
.underline.simple:after {
  display: none;
}

.catchcopy {
  font-family: "Shin Go Bold", -apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothicM, YuGothic, Meiryo, sans-serif;
  font-size: 200%;
  color: #7dbc38;
  font-weight: bold;
  line-height: 1.4em;
}
@media screen and (max-width: 768px) {
  .catchcopy {
    font-size: 175%;
  }
}

.headline {
  font-family: "Jun 501", sans-serif;
  font-size: 106.6%;
  color: #496880;
  font-weight: bold;
  line-height: 1.4em;
}
.headline.green {
  color: #7dbc38;
}
.headline i.fontello {
  margin-right: 0.3em;
}

.rubyposition_under {
  display: inline-block;
}
.rubyposition_under ruby {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.rubyposition_under ruby rt {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: justify;
  text-justify: inter-ideograph;
  -moz-text-align-last: justify;
       text-align-last: justify;
}

.navitrail {
  margin-bottom: 2em;
  text-align: left;
}

.secttl {
  background-repeat: no-repeat;
  background-position: left bottom;
  margin: 0px 0px 1.5em;
  padding: 0px 0px 12px;
}

.photo {
  display: inline-block;
}
.photo.left {
  float: left;
  margin: 0px 30px 0px 0px;
}
@media screen and (max-width: 544px) {
  .photo.left {
    display: block;
    float: none;
    margin: 0px auto 1.5em;
  }
}
.photo.right {
  float: right;
  margin: 0px 0px 0px 30px;
}
@media screen and (max-width: 544px) {
  .photo.right {
    display: block;
    float: none;
    margin: 0px auto 1.5em;
  }
}
.photo.center {
  display: block;
  margin: 0px auto;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

.sign {
  display: table;
}
@media screen and (max-width: 544px) {
  .sign {
    margin-left: auto;
    margin-right: auto;
  }
}
.sign > span {
  display: table-cell;
  width: 153px;
  height: 153px;
  border: 10px solid #8f8479;
  border-radius: 10px;
  padding: 10px 0px;
  font-family: "Shin Go Bold", -apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothicM, YuGothic, Meiryo, sans-serif;
  font-size: 28px;
  color: #736558;
  font-weight: bold;
  text-decoration: none;
  line-height: 1.2em;
  letter-spacing: -0.05em;
  vertical-align: middle;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .sign > span {
    font-size: 24px;
  }
}
@media screen and (max-width: 544px) {
  .sign > span {
    width: 100%;
    height: auto;
    border-width: 8px;
  }
}
.sign > span:hover {
  text-decoration: none;
}
.sign > span small {
  font-size: 14px;
  letter-spacing: 0px;
}

.frame {
  background-color: #ebe7e3;
  border-radius: 10px;
  margin: 0px 0px 1.5em;
  padding: 20px;
}
.frame:last-child {
  margin-bottom: 0px;
}

.point {
  position: relative;
  background-color: #ebe7e3;
  border-radius: 10px;
  margin: 2em 0px 1.5em;
  padding: 60px 20px 20px;
}
.point:before {
  content: url(../img000/common_point_ttl.png);
  display: inline-block;
  position: absolute;
  top: -10px;
  left: 10px;
}
.point:last-child {
  margin-bottom: 0px;
}
.point li {
  list-style: decimal inside;
  font-weight: bold;
}

.check li {
  min-height: 37px;
  background-repeat: no-repeat;
  background-position: left top;
  margin-bottom: 1.5em;
  padding: 0px 0px 0px 70px;
  line-height: 1.6em;
}
.check.brown li {
  background-image: url(../img000/common_icon_check_brown.png);
}
.check.bluw li {
  background-image: url(../img000/common_icon_check_blue.png);
}

.disc li {
  list-style: disc inside;
}

.decimal li {
  list-style: decimal inside;
}

.sp {
  display: none;
}

@media screen and (max-width: 544px) {
  .sp {
    display: inline-block;
  }
  .pc {
    display: none;
  }
}
/*
fontawesome
*/
.fa-minus {
  margin-right: 0.5em;
  font-size: 6px;
  vertical-align: middle;
}

/*
formstone
*/
.fs-checkbox-label.fs-light {
  font-size: 16px;
  margin-right: 1em;
}

.tab_header {
  margin-bottom: 0px;
}
.tab_header .bttn {
  margin-bottom: 0px;
}
.tab_header .bttn > li {
  margin-bottom: 0px;
  margin-right: 6px;
}
.tab_header .bttn > li a {
  border-radius: 6px 6px 0px 0px;
  padding-left: 2em;
  padding-right: 2em;
}

.tab_content.frame {
  border-radius: 0px 10px 10px 10px;
}

.fs-light.fs-navigation-overlay-handle.fs-navigation-enabled {
  color: #fff;
}

.fs-light.fs-navigation-overlay-handle.fs-navigation-enabled {
  line-height: 1;
}

.fs-light.fs-navigation-handle.fs-navigation-enabled:after {
  height: 2px;
  position: relative;
  right: 0px;
  background: #fff;
  -webkit-box-shadow: 0px 5px 0px #fff, 0px -5px 0px #fff;
          box-shadow: 0px 5px 0px #fff, 0px -5px 0px #fff;
}

.fs-light.fs-navigation-overlay-nav.fs-navigation-enabled {
  padding: 0px;
}

.fs-light.fs-navigation-overlay-right-nav.fs-navigation-open {
  background: #fff;
}

.fs-lightbox.fs-light.fs-lightbox-inline.fs-lightbox-open.fs-lightbox-has_caption.fs-lightbox-ready {
  width: auto !important;
  height: auto !important;
  max-width: 60%;
}
@media screen and (max-width: 544px) {
  .fs-lightbox.fs-light.fs-lightbox-inline.fs-lightbox-open.fs-lightbox-has_caption.fs-lightbox-ready {
    max-width: 94%;
  }
}

.fs-checkbox-label.fs-light {
  color: #736558;
}

.copyright {
  color: #fff;
  margin: 0px;
}

.lightbox.inline_content {
  display: none;
}

/*
fontello
*/
i.fontello {
  display: inline-block;
  font-family: "fontello";
  margin-right: 0.2em;
  font-style: normal;
  text-align: center;
}

/*
▼form
------------------------------*/
input, textarea {
  font-size: 100%;
  font-weight: normal;
  text-align: left;
}
input.area, textarea.area {
  width: 480px;
  background-color: #ebe7e3;
  border: 0px none transparent;
  border-radius: 3px;
  margin-bottom: 0.2em;
  padding: 6px;
}

input.long {
  width: 480px;
}
input.middle {
  width: 300px;
}
input.short {
  width: 120px;
}
input.mini {
  width: 80px;
}
input.micro {
  width: 60px;
}

textarea {
  height: 200px;
}
textarea.short {
  height: 100px;
}

@media screen and (max-width: 544px) {
  input.long {
    width: 100%;
  }
  input.middle {
    width: 100%;
  }
  textarea.long {
    width: 100%;
  }
  textarea.middle {
    width: 100%;
  }
}
/*
▼ボタン
------------------------------*/
div.bttn, ol.bttn, ul.bttn {
  margin-bottom: 1.5em;
}
div.bttn li, ol.bttn li, ul.bttn li {
  display: inline-block;
  margin-right: 20px;
}
div.bttn li:last-child, ol.bttn li:last-child, ul.bttn li:last-child {
  margin-right: 0px;
}
div.bttn li a, ol.bttn li a, ul.bttn li a {
  margin-right: 0px;
}
div.bttn a, ol.bttn a, ul.bttn a {
  display: inline-block;
  background-color: #7dbc38;
  border: 0px none transparent;
  border-radius: 6px;
  margin-right: 20px;
  padding: 1em 4em;
  font-size: 106.6%;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  letter-spacing: -0.05em;
  text-align: center;
}
div.bttn a:last-child, ol.bttn a:last-child, ul.bttn a:last-child {
  margin-right: 0px;
}
@media screen and (max-width: 768px) {
  div.bttn.booking, ol.bttn.booking, ul.bttn.booking {
    text-align: center;
  }
}
div.bttn.booking a, ol.bttn.booking a, ul.bttn.booking a {
  display: block;
  position: relative;
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: right;
}
@media screen and (max-width: 768px) {
  div.bttn.booking a, ol.bttn.booking a, ul.bttn.booking a {
    margin: 0px auto;
    padding-top: 110px;
    padding-bottom: 30px;
    padding-left: 0px;
    padding-right: 0px !important;
    font-size: 83.3%;
    text-align: center;
  }
}
div.bttn.booking a:before, ol.bttn.booking a:before, ul.bttn.booking a:before {
  content: "";
  display: block;
  width: 200px;
  height: 132px;
  position: absolute;
  bottom: 0px;
  left: 30px;
  background: url(../img000/common_bttn_booking_first.png) no-repeat;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  div.bttn.booking a:before, ol.bttn.booking a:before, ul.bttn.booking a:before {
    width: 134px;
    height: 88px;
    top: 15px;
    bottom: auto;
    left: 50%;
    margin-left: -67px;
  }
}
div.bttn.booking a small, ol.bttn.booking a small, ul.bttn.booking a small {
  display: inline-block;
  margin-top: 0.5em;
}

a.bttn {
  display: inline-block;
  background-color: #7dbc38;
  border: 0px none transparent;
  border-radius: 6px;
  margin-right: 20px;
  padding: 1em 4em;
  font-size: 106.6%;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  letter-spacing: -0.05em;
  text-align: center;
}
a.bttn:last-child {
  margin-right: 0px;
}

@font-face {
  font-family: "fontello";
  src: url("./font/fontello.eot?12958629");
  src: url("./font/fontello.eot?12958629#iefix") format("embedded-opentype"), url("./font/fontello.woff?12958629") format("woff"), url("./font/fontello.ttf?12958629") format("truetype"), url("./font/fontello.svg?12958629#fontello") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*
config.scss
*/
/* MIXIN */
/* display: tableにする */
/* ボタン */
/* clearfix */
/* グラデーション */
/* フチ文字 */
/* ページのメインコピー（青帯） */
/* 枠囲みのキャッチコピー（sign） */
/* アンダーライン */
/*
box.scss
*/
/*
--------------------------------------------------
#headerbox
--------------------------------------------------
--------------------------------------------------*/
#headerbox {
  width: 980px;
  position: relative;
  margin: 0px auto 10px;
  padding-top: 60px;
}
@media screen and (max-width: 980px) {
  #headerbox {
    width: 94%;
    padding-top: 20px;
  }
}
@media screen and (max-width: 544px) {
  #headerbox {
    padding-top: 80px;
  }
}
@media screen and (max-width: 544px) {
  #headerbox div.logomark {
    display: none;
  }
  #headerbox div.logomark img {
    width: 70%;
  }
}
#headerbox p.name {
  position: absolute;
  top: 70px;
  right: 0px;
  margin-bottom: 0.5em;
  font-size: 12px;
  text-align: left;
  line-height: 1.6em;
}
@media screen and (max-width: 980px) {
  #headerbox p.name {
    position: static;
    padding-top: 0.5em;
    text-align: center;
  }
  #headerbox p.name span {
    display: inline-block;
    margin: 0px 0.5em;
  }
  #headerbox p.name span:nth-last-of-type(1) {
    display: none;
  }
  #headerbox p.name br {
    display: none;
  }
  #headerbox p.name br:nth-last-child(1) {
    display: inline-block;
  }
}
#headerbox p.name + p a {
  color: #cc0000;
  text-decoration: underline;
}
#headerbox nav {
  padding-top: 50px;
}
#headerbox nav > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0px;
}
@media screen and (max-width: 768px) {
  #headerbox nav > ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
}
#headerbox nav > ul > li {
  position: relative;
  margin: 0px;
}
@media screen and (max-width: 768px) {
  #headerbox nav > ul > li {
    margin: 0px 0.5em 20px;
  }
}
@media screen and (max-width: 544px) {
  #headerbox nav > ul > li:nth-child(2) ~ li {
    display: none;
  }
}
#headerbox nav > ul > li:last-child {
  display: none;
}
#headerbox nav > ul > li > a {
  display: block;
  position: relative;
  border-bottom: 3px solid #7dbc38;
  color: #736558;
  padding: 0px 4px 0.5em;
  letter-spacing: -0.05em;
  line-height: 1.2em;
}
@media screen and (max-width: 980px) {
  #headerbox nav > ul > li > a {
    font-size: 14px;
  }
}
#headerbox nav > ul > li > a:before {
  display: block;
  width: 100%;
  height: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: -45px;
  left: 0px;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
  padding: 0px 10px;
  text-align: center;
}
#headerbox nav > ul > li > a:hover {
  text-decoration: none;
}
#headerbox nav > ul > li > a span:before {
  content: "\f054";
  display: inline-block;
  margin-right: 0.2em;
  font-family: "Font Awesome 5 Pro";
  font-size: 83.3%;
}
#headerbox nav > ul > li:nth-child(1) a {
  border-bottom-color: #50acc1;
}
#headerbox nav > ul > li:nth-child(1) a:before {
  content: "";
  background-image: url(../img000/common_recept_01.png);
}
#headerbox nav > ul > li ul {
  display: none;
  position: absolute;
  top: 100%;
  z-index: 2;
}
#headerbox nav > ul > li ul li {
  background-color: rgba(255, 255, 255, 0.95);
  margin-bottom: 0px;
  text-align: left;
}
#headerbox nav > ul > li ul li a {
  display: block;
  border-bottom: 1px solid #7dbc38;
  padding: 10px 1em;
  color: #736558;
  letter-spacing: -0.05em;
  line-height: 1.2em;
  white-space: nowrap;
}
#headerbox nav > ul > li ul li a span {
  font-size: 91.6%;
}
#headerbox nav > ul > li ul li a span:before {
  content: "\f0da";
  display: inline-block;
  margin-right: 0.2em;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
}
#headerbox.ver_2 {
  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;
  gap: 15px 0px;
}
#headerbox.ver_2 .logomark p.name {
  position: static;
}
#headerbox.ver_2 .logomark p.name span {
  margin: 0px 0.5em;
  letter-spacing: -0.05em;
}
#headerbox.ver_2 .utility {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 18px;
  margin-bottom: 18px;
}
@media screen and (max-width: 980px) {
  #headerbox.ver_2 .utility {
    padding-top: 0px;
  }
}
@media screen and (max-width: 544px) {
  #headerbox.ver_2 .utility {
    width: 100%;
  }
}
#headerbox.ver_2 .utility > li {
  margin: 0px;
}
@media screen and (max-width: 544px) {
  #headerbox.ver_2 .utility > li {
    width: 100%;
  }
}
#headerbox.ver_2 .utility > li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  letter-spacing: -0.05em;
  line-height: 1.25em;
}
@media screen and (max-width: 544px) {
  #headerbox.ver_2 .utility > li a {
    padding-left: 0px;
    padding-right: 0px;
  }
}
#headerbox.ver_2 .utility > li.booking a {
  background-color: #50acc1;
  padding: 24px 96px;
  font-family: "Shin Go Bold", -apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothicM, YuGothic, Meiryo, sans-serif;
  font-size: 21px;
  color: #fff;
  font-weight: bold;
}
@media screen and (max-width: 980px) {
  #headerbox.ver_2 .utility > li.booking a {
    padding: 24px 72px;
  }
}
#headerbox.ver_2 .utility > li.payment a {
  font-size: 18px;
  color: #F36350;
}
#headerbox.ver_2 nav {
  width: 100%;
  padding-top: 0px;
}
@media screen and (max-width: 544px) {
  #headerbox.ver_2 nav {
    display: none;
  }
}
#headerbox.ver_2 nav > ul > li > a {
  padding-left: 10px;
  padding-right: 10px;
  font-size: 18px;
}
#headerbox.ver_2 nav > ul > li > a:before {
  position: static;
  height: auto;
  top: auto;
  left: auto;
  padding: 0px;
}
#headerbox.ver_2 nav > ul > li:nth-child(1) a {
  border-bottom-color: #7dbc38;
}
#headerbox.ver_2 nav > ul > li:nth-child(1) a:before {
  content: none;
  display: none;
}

/*
--------------------------------------------------
#sticky_header
--------------------------------------------------
--------------------------------------------------*/
#sticky_header {
  display: none;
  width: 100%;
  position: fixed;
  top: 0px;
  z-index: 999;
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid #ddd;
  -webkit-box-shadow: 0px 0px 5px 1px #ddd;
          box-shadow: 0px 0px 5px 1px #ddd;
  margin: 0px auto;
  padding: 0px 3%;
}
@media screen and (max-width: 768px) {
  #sticky_header {
    padding: 0px;
  }
}
@media screen and (max-width: 544px) {
  #sticky_header {
    display: block !important;
  }
}
#sticky_header > nav {
  padding: 0.5em 0px;
}
#sticky_header p.name {
  width: 94%;
  margin: 0px auto 15px;
  font-size: 10px;
  letter-spacing: -0.025em;
  line-height: 1;
  text-align: left;
}
#sticky_header p.name a {
  color: #cc0000;
  text-decoration: underline;
}
#sticky_header ul.utility {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0px auto;
}
@media screen and (max-width: 768px) {
  #sticky_header ul.utility {
    width: 94%;
  }
}
#sticky_header ul.utility li {
  float: left;
  margin: 0px;
  text-align: left;
}
#sticky_header ul.utility li.bttn.home {
  text-align: left;
}
#sticky_header ul.utility li.bttn.home ~ li {
  float: right;
  padding-left: 0.5em;
  padding-right: 0px;
}
#sticky_header ul.utility li.bttn.home a {
  display: block;
}
@media screen and (max-width: 768px) {
  #sticky_header ul.utility li.bttn.home a {
    width: 52px;
    overflow: hidden;
  }
}
#sticky_header ul.utility li.bttn.home img {
  max-width: initial;
}
#sticky_header ul.utility li a i {
  font-size: 150%;
  line-height: 1;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  #sticky_header ul.utility li a i {
    display: table;
    margin: 0px auto 3px;
    font-size: 133.3%;
  }
}
#sticky_header ul.utility li a span.title {
  display: block;
  font-size: 13px;
  letter-spacing: -0.05em;
  line-height: 1.25em;
}
#sticky_header ul.utility li.nav_content {
  position: static;
}
#sticky_header ul.utility li.nav_content a.nav_handle {
  display: inline-block;
  background-color: #7dbc38;
  border: 0px none transparent;
  border-radius: 3px;
  padding: 10px 8px 6px;
  font-weight: bold;
  white-space: nowrap;
  vertical-align: middle;
}
#sticky_header ul.utility li.nav_content a.nav_handle:after {
  display: inline-block;
  top: -3px;
  margin-left: 4px;
}
#sticky_header ul.utility li.nav_content a.nav_handle:hover {
  text-decoration: none;
}
#sticky_header ul.utility li.traffic {
  font-size: 13px;
}
@media screen and (max-width: 980px) {
  #sticky_header ul.utility li.traffic > span.info {
    display: none;
  }
}
@media screen and (max-width: 544px) {
  #sticky_header ul.utility li.traffic a[target=_blank] {
    display: none;
  }
  #sticky_header ul.utility li.traffic span.info {
    display: none;
  }
}
#sticky_header ul.utility .navigation .logomark {
  width: 75%;
  margin: 1em auto;
}
#sticky_header ul.utility .navigation > ul {
  float: none;
  border-top: 2px solid #fff;
  margin: 0px;
  padding: 0px;
}
#sticky_header ul.utility .navigation > ul a:before {
  display: inline-block;
  margin-right: 0.2em;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
}
#sticky_header ul.utility .navigation > ul li {
  float: none;
  border-bottom: 2px solid #fff;
  padding: 0px;
}
#sticky_header ul.utility .navigation > ul li:last-child {
  border-bottom: 0px none transparent;
}
#sticky_header ul.utility .navigation > ul li > a {
  display: block;
  background-color: #59a208;
  padding: 15px 0.5em;
  font-size: 13px;
  color: #fff;
  font-weight: bold;
  letter-spacing: -0.05em;
  line-height: 1.4em;
}
#sticky_header ul.utility .navigation > ul li > a:before {
  content: "\f054";
}
#sticky_header ul.utility .navigation > ul li > a i {
  margin-bottom: 2px;
  font-size: 9px;
  vertical-align: middle;
}
#sticky_header ul.utility .navigation > ul li > span {
  display: block;
  padding: 15px 0.5em;
}
#sticky_header ul.utility .navigation > ul li ul {
  border-top: 2px solid #fff;
}
#sticky_header ul.utility .navigation > ul li ul li a {
  background-color: #7dbc38;
  padding: 10px 0.5em 10px 1.5em;
}
#sticky_header ul.utility .navigation > ul li ul li a:before {
  content: "\f0da";
}

/*
--------------------------------------------------
#footerbox
--------------------------------------------------
--------------------------------------------------*/
#footerbox .upperbox {
  background-color: #ebe7e3;
  text-align: left;
}
#footerbox .upperbox h4 {
  background-color: #496880;
  padding: 0.5em 0px;
  font-family: "Jun 501", sans-serif;
  font-size: 18px;
  color: #fff;
}
#footerbox .upperbox h4 span {
  display: block;
  width: 980px;
  margin: 0px auto;
}
@media screen and (max-width: 980px) {
  #footerbox .upperbox h4 span {
    width: 94%;
  }
}
#footerbox .upperbox dl {
  display: block;
  width: 980px;
  position: relative;
  margin: 0px auto;
  padding-bottom: 1em;
}
@media screen and (max-width: 980px) {
  #footerbox .upperbox dl {
    width: 94%;
  }
}
#footerbox .upperbox dl dt {
  margin-bottom: 0px;
  font-size: 91.6%;
}
#footerbox .upperbox dl dd {
  font-size: 91.6%;
}
#footerbox .upperbox dl dd ul {
  margin: 0px;
}
#footerbox .upperbox dl dd li {
  display: inline-block;
  margin: 0px 0.5em 0px 0px;
}
#footerbox .upperbox dl dd a {
  color: #496880;
}
#footerbox .upperbox dl dd.caption {
  width: 450px;
}
@media screen and (max-width: 980px) {
  #footerbox .upperbox dl dd.caption {
    width: 100%;
  }
}
#footerbox .upperbox dl dd.illust {
  width: 480px;
  height: 167px;
  position: absolute;
  right: 0px;
  bottom: 0px;
}
@media screen and (max-width: 980px) {
  #footerbox .upperbox dl dd.illust {
    display: none;
  }
}
#footerbox .lowerbox {
  padding: 30px 0px;
  color: #fff;
  text-align: left;
  background: #736558;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #736558), to(#564b41));
  background: -o-linear-gradient(top, #736558 1%, #564b41 100%);
  background: linear-gradient(to bottom, #736558 1%, #564b41 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$color_start", endColorstr="$color_end",GradientType=0 );
  padding: 30px 0px;
}
#footerbox .lowerbox .inner {
  width: 980px;
  margin: 0px auto;
}
#footerbox .lowerbox .inner::after {
  content: "";
  display: block;
  clear: both;
}
@media screen and (max-width: 980px) {
  #footerbox .lowerbox .inner {
    width: 94%;
  }
}
#footerbox .lowerbox .inner a {
  color: #fff;
}
#footerbox .lowerbox dl.profile {
  float: left;
  width: 400px;
}
@media screen and (max-width: 980px) {
  #footerbox .lowerbox dl.profile {
    float: none;
    width: 100%;
    margin: 0px auto;
    text-align: center;
  }
}
#footerbox .lowerbox dl.profile dt {
  margin-bottom: 1.5em;
}
#footerbox .lowerbox dl.profile dt img {
  -webkit-filter: grayscale(100%) brightness(1000%);
          filter: grayscale(100%) brightness(1000%);
}
@media screen and (max-width: 544px) {
  #footerbox .lowerbox dl.profile dt img {
    width: 70%;
  }
}
#footerbox .lowerbox dl.profile dd.address {
  font-size: 91.6%;
}
@media screen and (max-width: 980px) {
  #footerbox .lowerbox dl.profile dd.address br {
    display: none;
  }
}
#footerbox .lowerbox dl.profile dd.tel {
  font-size: 150%;
  font-weight: bold;
}
#footerbox .lowerbox ul.menubar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  float: right;
  width: 560px;
  padding-top: 12px;
}
@media screen and (max-width: 980px) {
  #footerbox .lowerbox ul.menubar {
    display: block;
    float: none;
    width: 100%;
    margin: 0px auto 1.5em;
    text-align: center;
  }
}
#footerbox .lowerbox ul.menubar li {
  margin-bottom: 1em;
  margin-left: 2em;
  font-size: 91.6%;
}
@media screen and (max-width: 980px) {
  #footerbox .lowerbox ul.menubar li {
    display: inline-block;
    margin: 0px 1em 0.5em;
  }
}
#footerbox .lowerbox ul.menubar li ul {
  display: none;
}
#footerbox .lowerbox p.copyright {
  clear: both;
}

/*
--------------------------------------------------
#pagettlbox
--------------------------------------------------
--------------------------------------------------*/
#pagettlbox {
  padding: 30px 0px;
  color: #fff;
  text-align: left;
  background: #736558;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #736558), to(#564b41));
  background: -o-linear-gradient(top, #736558 1%, #564b41 100%);
  background: linear-gradient(to bottom, #736558 1%, #564b41 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$color_start", endColorstr="$color_end",GradientType=0 );
  z-index: 0;
}
@media screen and (max-width: 768px) {
  #pagettlbox {
    position: relative;
    margin-top: -20px;
  }
}
#pagettlbox h1 {
  width: 980px;
  margin: 0px auto;
  font-family: "Shin Go Bold", -apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothicM, YuGothic, Meiryo, sans-serif;
}
@media screen and (max-width: 980px) {
  #pagettlbox h1 {
    width: 94%;
  }
}
#pagettlbox h1 span {
  font-size: 75%;
}
#pagettlbox h1 span:before {
  content: "-";
  display: inline-block;
  margin: 0px 0.5em;
}
#pagettlbox + h1, #pagettlbox + h2 {
  background-color: #496880;
  padding: 1em 0px;
  font-family: "Shin Go Bold", -apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothicM, YuGothic, Meiryo, sans-serif;
  font-size: 24px;
  color: #fff;
  line-height: 1.2em;
  text-align: left;
}
#pagettlbox + h1 span, #pagettlbox + h2 span {
  display: block;
  width: 980px;
  margin: 0px auto;
}
@media screen and (max-width: 980px) {
  #pagettlbox + h1 span, #pagettlbox + h2 span {
    width: 94%;
  }
}
@media screen and (max-width: 768px) {
  #pagettlbox + h1 span, #pagettlbox + h2 span {
    font-size: 16px;
  }
}

/*
--------------------------------------------------
#maincontentbox
--------------------------------------------------
--------------------------------------------------*/
#maincontentbox {
  width: 980px;
  margin: 0px auto 2em;
  text-align: left;
}
#maincontentbox::after {
  content: "";
  display: block;
  clear: both;
}
@media screen and (max-width: 980px) {
  #maincontentbox {
    width: 94%;
  }
}
#maincontentbox .secttl {
  background-imgae: url(../img000/common_dot_m.png);
}

#content_schedule table.itemlist td {
  position: relative;
  font-size: 91.6%;
  text-align: left;
}
#content_schedule table.itemlist td .star {
  display: block;
  position: absolute;
  right: 2px;
  top: 2px;
  text-align: right;
}
#content_schedule table.itemlist td .time {
  font-size: 83.3%;
}

/*
--------------------------------------------------
#sidebarbox
--------------------------------------------------
--------------------------------------------------*/
#sidebarbox {
  float: right;
  width: 270px;
  poition: relative;
  margin-top: -60px;
}
@media screen and (max-width: 980px) {
  #sidebarbox {
    float: none;
    width: 100%;
    margin-top: 0px;
  }
}
#sidebarbox section {
  margin-bottom: 1em;
}
#sidebarbox ul.bttn, #sidebarbox ol.bttn, #sidebarbox div.bttn {
  text-align: center;
}
#sidebarbox ul.bttn a, #sidebarbox ol.bttn a, #sidebarbox div.bttn a {
  padding: 1em 2em;
}
#sidebarbox .secttl {
  background-image: url(../img000/common_dot_s.png);
}
#sidebarbox .etc {
  padding-top: 0.5em;
}
#sidebarbox .etc a {
  color: #496880;
  font-size: 91.6%;
  font-weight: bold;
  line-height: 1.4em;
}

#sidebar_inquiry {
  background-color: #7dbc38;
  border-radius: 0px 0px 10px 10px;
  padding: 10px 10px 20px;
  color: #fff;
}
#sidebar_inquiry dl {
  margin-bottom: 10px;
}
#sidebar_inquiry dt {
  height: 225px;
  margin-bottom: 0px;
  line-height: 1;
}
#sidebar_inquiry dd {
  display: table;
  width: 100%;
  margin-bottom: 10px;
}
#sidebar_inquiry dd:last-child {
  margin-bottom: 0px;
}
#sidebar_inquiry dd a {
  display: table-cell;
  width: 100%;
  height: 90px;
  background-repeat: no-repeat;
  background-position: -30px -15px;
  background-color: #ebe7e3;
  border-radius: 10px;
  padding: 6px;
  color: #000;
  font-weight: bold;
  letter-spacing: -0.05em;
  vertical-align: middle;
  text-align: right;
}
#sidebar_inquiry dd a > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 60%;
  text-align: center;
}
#sidebar_inquiry dd a > span br {
  display: inline-block;
}
@media screen and (max-width: 980px) {
  #sidebar_inquiry dd a > span br {
    display: none;
  }
}
#sidebar_inquiry dd.booking a {
  background-image: url(../img000/common_recept_01.png);
}
#sidebar_inquiry dd.inquiry a {
  height: 60px;
  background-size: 100px 100px;
  background-image: url(../img000/common_recept_02.png);
  background-position: -15px -15px;
  font-size: 91.6%;
  line-height: 1.6em;
}
#sidebar_inquiry dd.request a {
  height: 60px;
  background-size: 100px 100px;
  background-image: url(../img000/common_recept_03.png);
  background-position: -15px -15px;
  font-size: 91.6%;
  line-height: 1.6em;
}
#sidebar_inquiry .tel {
  font-weight: bold;
}
#sidebar_inquiry .tel span.ttl {
  font-size: 14px;
  letter-spacing: -0.05em;
}
#sidebar_inquiry .tel a {
  font-size: 27px;
  color: #fff;
}

[id$=_schedule] h4 {
  width: 100%;
  background: url(../img000/common_bg_mosaic.png) center top;
  padding: 20px 0px;
  vertical-align: middle;
  text-align: center;
}
[id$=_schedule] table.itemlist {
  margin: 10px 0px;
}
[id$=_schedule] table.itemlist caption {
  font-size: 83.3%;
  color: #496880;
}
[id$=_schedule] table.itemlist th, [id$=_schedule] table.itemlist td {
  border: 1px solid #736558;
  padding: 2px;
  line-height: 1.2em;
  text-align: center;
}
@media screen and (max-width: 544px) {
  [id$=_schedule] table.itemlist th, [id$=_schedule] table.itemlist td {
    display: table-cell;
    border-bottom: 1px solid #736558;
  }
}
[id$=_schedule] table.itemlist .out {
  background-color: #b6c3cc;
}
[id$=_schedule] .table_responsive table.itemlist th, [id$=_schedule] .table_responsive table.itemlist td {
  white-space: nowrap;
}
[id$=_schedule] .fs-light.fs-tabs-tab.fs-tabs-enabled {
  position: relative;
  bottom: -10px;
  z-index: 0;
  background: #b6c3cc;
  border-color: #736558;
  border-bottom: 0px none transparent;
  border-radius: 6px 6px 0px 0px;
  margin-right: 0px;
  padding: 10px;
}
[id$=_schedule] .fs-light.fs-tabs-tab.fs-tabs-active,
[id$=_schedule] .no-touchevents .fs-light.fs-tabs-tab.fs-tabs-active:hover {
  bottom: 0px;
  background: #fff;
}
[id$=_schedule] .tab_header ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
[id$=_schedule] .tab_header ul li {
  margin-bottom: 0px;
  margin-right: 5px;
}
[id$=_schedule] .tab_header ul li:last-child {
  margin-right: 0px;
}
[id$=_schedule] .tab_header a {
  font-size: 83.3%;
  color: #736558;
  text-decoration: none;
}
[id$=_schedule] .tab_content {
  position: relative;
  z-index: 1;
  font-size: 83.3%;
}
[id$=_schedule] .tab_content.frame {
  border-top: 1px solid #736558;
  border-radius: 0px;
  margin-bottom: 0px;
  padding: 10px 0px 0px;
}
[id$=_schedule] .tab_content p {
  line-height: 1.4em;
}

#sidebar_category a {
  letter-spacing: -0.05em;
}
#sidebar_category dt a {
  color: #736558;
  font-weight: bold;
}
#sidebar_category dd li {
  border-bottom: 3px solid #7dbc38;
  margin-bottom: 4px;
}
#sidebar_category dd li.current a {
  background-color: #736558;
  color: #fff;
}
#sidebar_category dd a {
  display: block;
  background-color: #fff;
  padding: 15px 0.5em;
  color: #736558;
}
#sidebar_category dd a:before {
  content: "\f054";
  display: inline-block;
  margin-right: 0.2em;
  font-family: "Font Awesome 5 Pro";
  font-size: 83.3%;
}

div.feature_page #sidebar_category dd li.feature a,
div.treatment_page #sidebar_category dd li.treatment a,
div.profile_page #sidebar_category dd li.profile a,
div.doctor_page #sidebar_category dd li.doctor a {
  background-color: #736558;
  color: #fff;
}

#sidebar_case h4.headline {
  background-color: #496880;
  margin-bottom: 2px;
  padding: 0px 0px 10px;
  color: #fff;
  text-align: center;
}
#sidebar_case h4.headline:before {
  content: url(../img000/sidebar_case_ttl.png);
  display: block;
  height: 110px;
  background-color: #fff;
  margin-bottom: 10px;
}
#sidebar_case ul {
  margin-bottom: 0px;
}
#sidebar_case li {
  margin-bottom: 2px;
}
#sidebar_case li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #89afcd;
  padding: 8px;
  font-size: 91.6%;
  color: #fff;
  font-weight: bold;
  line-height: 1.4em;
}
#sidebar_case li a img {
  width: 60px;
  height: 60px;
  margin-right: 10px;
}

#sidebar_recruit h4 {
  background-color: #496880;
  position: relative;
  margin: -20px -20px 1em;
  padding: 0px 0px 10px;
  color: #fff;
  text-align: center;
}
#sidebar_recruit h4:before {
  content: url(../img000/sidebar_recruit_ttl.png);
  display: block;
  height: 100px;
  background-color: #fff;
}
#sidebar_recruit dl.recruit {
  margin: 0px;
}
#sidebar_recruit dl.recruit dt {
  font-size: 91.6%;
  font-weight: bold;
  line-height: 1.6em;
}
#sidebar_recruit dl.recruit dd {
  margin-bottom: 1em;
  font-size: 91.6%;
  line-height: 1.6em;
}
#sidebar_recruit dl.recruit dd:last-child {
  margin-bottom: 0px;
}
#sidebar_recruit dl.recruit dd.link {
  text-align: center;
}
#sidebar_recruit dl.recruit dd.link a {
  display: inline-block;
  background-color: #7dbc38;
  border: 0px none transparent;
  border-radius: 6px;
  margin-right: 20px;
  padding: 1em 4em;
  font-size: 106.6%;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  letter-spacing: -0.05em;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
}
#sidebar_recruit dl.recruit dd.link a:last-child {
  margin-right: 0px;
}
#sidebar_recruit dl.recruit dd.link a span {
  display: none;
}
#sidebar_recruit dl.recruit dd.illust {
  display: none;
}
#sidebar_recruit li {
  margin-bottom: 0px;
}

#sidebar_banner li {
  margin-bottom: 10px;
  line-height: 1;
  text-align: center;
}
#sidebar_banner li:last-child {
  margin-bottom: 0px;
}
#sidebar_banner img {
  border-radius: 10px;
}

#sidebar_access .frame {
  margin-bottom: 0px;
  text-align: center;
}
#sidebar_access dt {
  height: 150px;
  position: relative;
  background: url(../img000/sidebar_access_ttl.png) center top;
  margin: -20px -20px 0px;
  text-indent: -9999px;
  overflow: hidden;
}
@media screen and (max-width: 980px) {
  #sidebar_access dt {
    background-image: url(../img000/sidebar_access_ttl_w.png);
  }
}
#sidebar_access dt img {
  border-radius: 10px 10px 0px 0px;
}
@media screen and (max-width: 544px) {
  #sidebar_access dt img {
    width: 100%;
  }
}
#sidebar_access dd.caption {
  position: relative;
  background-color: #8f8479;
  margin: 0px -20px 20px;
  padding: 10px;
  font-family: "Shin Go Bold", -apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothicM, YuGothic, Meiryo, sans-serif;
  color: #fff;
  font-weight: bold;
  line-height: 1.4em;
  text-align: left;
}
@media screen and (max-width: 768px) {
  #sidebar_access dd.caption {
    text-align: center;
  }
}
#sidebar_access dd.map {
  margin-bottom: 10px;
}
#sidebar_access dd.parking {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 70px;
  margin: 0px auto;
}
#sidebar_access dd.parking a {
  display: inline-block;
  width: 30px;
}
#sidebar_access .bttn {
  margin-bottom: 0px;
}
#sidebar_access .modal {
  display: none;
}

/*
--------------------------------------------------
#contentbox
--------------------------------------------------
--------------------------------------------------*/
#contentbox {
  float: left;
  width: 660px;
}
@media screen and (max-width: 980px) {
  #contentbox {
    float: none;
    width: 100%;
  }
}
#contentbox .secttl {
  background-image: url(../img000/common_dot_c.png);
}
@media screen and (max-width: 980px) {
  #contentbox article section:last-child {
    margin-bottom: 1.5em;
  }
}

/*
--------------------------------------------------
COMMON
--------------------------------------------------
--------------------------------------------------*/
.blockbox {
  margin: 0px 0px 5em;
}
@media screen and (max-width: 980px) {
  .blockbox {
    margin-bottom: 3em;
  }
}

.pager .pagelist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
.pager .pagelist.article {
  display: block;
}
.pager .pagelist.article li {
  margin: 0px 0px 15px;
}
.pager .pagelist.article li:last-child {
  margin-bottom: 0px;
}
.pager .pagelist > li {
  margin: 0px 1em 1em;
}
.pager .pagelist > li a {
  text-decoration: none;
}
.pager .pagelist > li a:before {
  content: "\f0d7";
  display: block;
  font-family: "Font Awesome 5 Pro";
  font-weight: 500;
  text-align: center;
}
.pager .categorylist > li {
  border-bottom: 2px solid #fff;
  margin: 0px;
}
.pager .categorylist > li a {
  display: block;
  background-color: #7dbc38;
  border-radius: 2px;
  padding: 10px 1em;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  line-height: 1.4em;
}
.pager .categorylist > li a:before {
  content: "\f054";
  display: inline-block;
  margin-right: 0.3em;
  font-family: "Font Awesome 5 Pro";
}
.pager .categorylist > li a[href*="void(0)"] {
  background-color: #ebe7e3;
  color: #736558;
}
.pager .categorylist > li a[href*="void(0)"]:before {
  content: "";
  display: none;
}

table.itemlist,
#inquiry_form {
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #736558;
  background-color: #fff;
}
table.itemlist caption,
#inquiry_form caption {
  padding: 0px 0px 0.5em;
  line-height: 1.4em;
  text-align: left;
}
table.itemlist caption[align=bottom],
#inquiry_form caption[align=bottom] {
  padding: 0.5em 0px 0px;
}
table.itemlist th, table.itemlist td,
#inquiry_form th,
#inquiry_form td {
  border-bottom: 1px solid #736558;
  padding: 0.5em 1em;
  line-height: 1.6em;
}
@media screen and (max-width: 544px) {
  table.itemlist th, table.itemlist td,
#inquiry_form th,
#inquiry_form td {
    display: block;
    border-bottom: 0px none transparent;
    line-height: 1.4em;
  }
}

.table_responsive {
  overflow-x: scroll;
}

table.itemtable {
  width: 100%;
  background-color: #ebe7e3;
  border-collapse: collapse;
}
table.itemtable th, table.itemtable td {
  padding: 6px 10px;
  border-top-width: 3px;
  border-top-style: solid;
}
@media screen and (max-width: 544px) {
  table.itemtable th, table.itemtable td {
    display: block;
    line-height: 1.4em;
  }
}
table.itemtable th {
  border-top-color: #736558;
}
table.itemtable td {
  border-top-color: #fff;
}

/*
#content_form
------------------------------*/
#content_form table.inquiry_form {
  width: 100%;
}
#content_form table.inquiry_form tbody td span.error_message {
  color: #ff0000;
}

@media screen and (max-width: 544px) {
  #content-form table.inquiry_form {
    width: 100%;
  }
}
/*
SOY INQUIRY
table.inquiry_form
------------------------------*/
table.inquiry_form {
  width: 100%;
  border-collapse: collapse;
  margin: 0px auto 4em;
}
table.inquiry_form caption {
  padding: 0px 0px 0.5em;
  font-weight: bold;
  text-align: left;
}
table.inquiry_form th, table.inquiry_form td {
  vertical-align: top;
  font-size: 100%;
  font-weight: normal;
  text-align: left;
}
table.inquiry_form table {
  border-collapse: collapse;
}
table.inquiry_form table th, table.inquiry_form table td {
  border: 0px none transparent;
}
table.inquiry_form table th {
  width: auto;
  padding: 0px 10px 0px 0px;
}
table.inquiry_form table td {
  padding: 0px;
}

@media screen and (max-width: 544px) {
  table.inquiry_form tbody th {
    display: list-item;
    width: auto;
    list-style: none inside;
  }
  table.inquiry_form tbody td {
    display: list-item;
    width: auto;
    list-style: none inside;
    margin-bottom: 0.5em;
  }
}
/*
SOY INQUIRY
table#soy_inquiry_message_information
------------------------------*/
table#soy_inquiry_message_information {
  width: 100%;
  margin: 0px auto 2em;
}

@media screen and (max-width: 980px) {
  table#soy_inquiry_message_information {
    width: 100%;
  }
}
/*
SOY INQUIRY
#inquiry_form_wrapper
------------------------------*/
#soy_inquiry_submit {
  margin: 0px auto;
}
#soy_inquiry_submit td {
  text-align: center;
}
#soy_inquiry_submit td input {
  font-size: 150%;
}
#soy_inquiry_submit td input.btn.primary, #soy_inquiry_submit td input.btn.back,
#soy_inquiry_submit td input a.btn.back {
  display: inline-block;
  background-color: #7dbc38;
  border: 0px none transparent;
  border-radius: 6px;
  margin-right: 20px;
  padding: 1em 4em;
  font-size: 106.6%;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  letter-spacing: -0.05em;
  text-align: center;
}
#soy_inquiry_submit td input.btn.primary:last-child, #soy_inquiry_submit td input.btn.back:last-child,
#soy_inquiry_submit td input a.btn.back:last-child {
  margin-right: 0px;
}
#soy_inquiry_submit td input.btn.back,
#soy_inquiry_submit td input a.btn.back {
  background-color: #d7d3cf;
}
#soy_inquiry_submit td + td {
  padding-left: 10px;
}

@media screen and (max-width: 980px) {
  #inquiry_form_wrapper + table {
    width: 100%;
  }
}
@media screen and (max-width: 980px) {
  #inquiry_form_wrapper + table {
    width: 100%;
  }
}
ul.itemlist > li {
  border-bottom: 1px solid #000;
  margin-bottom: 2em;
  padding-bottom: 2em;
}
ul.itemlist > li:last-child {
  margin-bottom: 0px;
}

dl.itemlist dt {
  margin-bottom: 0.5em;
  font-size: 106.6%;
  font-weight: bold;
}
dl.itemlist dt.bar {
  background-color: #736558;
  border-radius: 2px;
  margin-bottom: 1em;
  padding: 6px 1em;
  font-family: "Jun 501", sans-serif;
  color: #fff;
}
dl.itemlist dt.bar + dd {
  border-bottom: 0px none transparent;
  margin-bottom: 4em;
  padding-bottom: 0px;
}
dl.itemlist dt + dt {
  border-top: 1px solid #000;
  margin-top: 2em;
  padding-top: 2em;
}
dl.itemlist dd {
  border-bottom: 1px solid #000;
  margin-bottom: 2em;
  padding-bottom: 2em;
}
dl.itemlist dd:last-child {
  border-bottom: 0px none transparent;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
dl.itemlist.division dd {
  padding-left: 30px;
}
@media screen and (max-width: 544px) {
  dl.itemlist.division dd {
    padding-left: 0px;
  }
}

dl.datelist dt {
  display: inline-block;
  background-color: #fff;
  border-radius: 2px;
  padding: 4px 1em;
  font-size: 91.6%;
}
dl.datelist dd {
  border-bottom: 1px solid #fff;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
}
dl.datelist dd a {
  color: #736558;
}

#content_booking h5.catchcopy {
  color: #736558;
}
#content_booking h5.catchcopy:nth-of-type(1) {
  display: none;
}
#content_booking h5.catchcopy:nth-last-of-type(1) {
  font-size: 133.3%;
}
#content_booking .bttn.booking {
  margin-bottom: 1em;
  font-size: 200%;
  text-align: right;
}
#content_booking .bttn.booking a {
  padding-right: 1em;
}
#content_booking p.tel {
  margin-bottom: 0.5em;
  font-size: 300%;
  font-weight: bold;
}
@media screen and (max-width: 544px) {
  #content_booking p.tel {
    font-size: 240%;
  }
}

.blog_description {
  margin-bottom: 3em;
}

/*
--------------------------------------------------
#pagettlbox
--------------------------------------------------
--------------------------------------------------*/
#pagettlbox ul li {
  padding: 0px 10%;
}
#pagettlbox ul li::after {
  content: "";
  display: block;
  clear: both;
}
@media screen and (max-width: 980px) {
  #pagettlbox ul li {
    padding: 0px 5%;
  }
}
#pagettlbox ul li div.photo {
  float: right;
  width: 500px;
  margin-left: 60px;
}
@media screen and (max-width: 980px) {
  #pagettlbox ul li div.photo {
    width: 50%;
    margin-left: 30px;
  }
}
@media screen and (max-width: 544px) {
  #pagettlbox ul li div.photo {
    float: none;
    width: 100%;
    margin-bottom: 1em;
    margin-left: 0px;
  }
}
#pagettlbox ul li h4 {
  margin-bottom: 12px;
  font-family: "Shin Go Bold", -apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothicM, YuGothic, Meiryo, sans-serif;
  font-size: 32px;
  padding-top: 40px;
  letter-spacing: -0.05em;
  line-height: 1.2em;
  text-align: left;
}
@media screen and (max-width: 768px) {
  #pagettlbox ul li h4 {
    font-size: 24px;
    padding-top: 0px;
  }
}
@media screen and (max-width: 544px) {
  #pagettlbox ul li h4 {
    font-size: 21px;
    text-align: center;
  }
}
#pagettlbox ul li p {
  text-align: left;
}
@media screen and (max-width: 768px) {
  #pagettlbox ul li p {
    font-size: 91.6%;
  }
}
@media screen and (max-width: 544px) {
  #pagettlbox ul li div.bttn {
    text-align: center;
  }
  #pagettlbox ul li div.bttn a {
    padding-left: 2em;
    padding-right: 2em;
  }
}
#pagettlbox .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: -5px;
}

/*
--------------------------------------------------
#contentbox
--------------------------------------------------
--------------------------------------------------*/
#content_introduction dl {
  display: table;
  width: 100%;
}
#content_introduction dl > * {
  display: table-cell;
  vertical-align: middle;
}
@media screen and (max-width: 544px) {
  #content_introduction dl {
    display: block;
  }
}
#content_introduction dl dt {
  border-right: 1px solid #7dbc38;
  padding-right: 30px;
  white-space: nowrap;
}
@media screen and (max-width: 544px) {
  #content_introduction dl dt {
    display: block;
    border-right: 0px none transparent;
    border-bottom: 1px solid #7dbc38;
    padding-bottom: 1em;
    padding-right: 0px;
    text-align: center;
  }
}
#content_introduction dl dd {
  padding-left: 30px;
}
@media screen and (max-width: 544px) {
  #content_introduction dl dd {
    display: block;
    padding-top: 1em;
    padding-left: 0px;
  }
}
#content_introduction nav {
  text-align: center;
}
#content_introduction nav img {
  margin-bottom: 20px;
  line-height: 1;
}
@media screen and (max-width: 544px) {
  #content_introduction nav img {
    margin-bottom: 6px;
  }
}
#content_introduction nav ul {
  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;
}
#content_introduction nav li {
  display: table;
}
@media screen and (max-width: 980px) {
  #content_introduction nav li {
    width: 24%;
    height: 153px;
  }
}
@media screen and (max-width: 544px) {
  #content_introduction nav li {
    width: 48%;
    margin-bottom: 0.5em;
  }
}
#content_introduction nav a,
#content_introduction nav .sign {
  display: table;
  display: table;
  width: 100%;
  height: 153px;
}
@media screen and (max-width: 544px) {
  #content_introduction nav a,
#content_introduction nav .sign {
    margin-left: auto;
    margin-right: auto;
  }
}
#content_introduction nav a > span,
#content_introduction nav .sign > span {
  display: table-cell;
  width: 153px;
  height: 153px;
  border: 10px solid #8f8479;
  border-radius: 10px;
  padding: 10px 0px;
  font-family: "Shin Go Bold", -apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothicM, YuGothic, Meiryo, sans-serif;
  font-size: 28px;
  color: #736558;
  font-weight: bold;
  text-decoration: none;
  line-height: 1.2em;
  letter-spacing: -0.05em;
  vertical-align: middle;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #content_introduction nav a > span,
#content_introduction nav .sign > span {
    font-size: 24px;
  }
}
@media screen and (max-width: 544px) {
  #content_introduction nav a > span,
#content_introduction nav .sign > span {
    width: 100%;
    height: auto;
    border-width: 8px;
  }
}
#content_introduction nav a > span:hover,
#content_introduction nav .sign > span:hover {
  text-decoration: none;
}
#content_introduction nav a > span small,
#content_introduction nav .sign > span small {
  font-size: 14px;
  letter-spacing: 0px;
}
#content_introduction nav a.rework > span,
#content_introduction nav .sign.rework > span {
  padding-top: 0.5em;
}
#content_introduction nav a > span,
#content_introduction nav .sign > span {
  height: 153px;
}
#content_introduction nav a > span br,
#content_introduction nav .sign > span br {
  display: inline-block;
}
#content_introduction nav a small,
#content_introduction nav .sign small {
  display: block;
}
#content_introduction nav a a,
#content_introduction nav .sign a {
  display: inline;
  width: auto;
  height: auto;
}
@media screen and (max-width: 768px) {
  #content_introduction nav a,
#content_introduction nav .sign {
    font-size: 21px;
  }
  #content_introduction nav a small,
#content_introduction nav .sign small {
    font-size: 11px;
  }
}
@media screen and (max-width: 544px) {
  #content_introduction nav a,
#content_introduction nav .sign {
    border-width: 8px;
    border-radius: 8px;
  }
  #content_introduction nav a br.sp,
#content_introduction nav .sign br.sp {
    display: inline-block;
  }
}
@media screen and (max-width: 544px) {
  #content_introduction .headline.green {
    text-align: center;
  }
}
#content_introduction p::after {
  content: "";
  display: block;
  clear: both;
}
#content_introduction p img {
  float: right;
  margin-left: 30px;
}
@media screen and (max-width: 544px) {
  #content_introduction p img {
    display: block;
    float: none;
    margin: 0px auto 1em;
  }
}

#content_news {
  /* tabバージョン */
}
#content_news .box_s {
  margin-bottom: 2em;
}
#content_news .box_s div.ttl {
  display: inline-block;
  background-color: #7dbc38;
  border: 0px none transparent;
  border-radius: 6px 6px 0px 0px;
  margin: 0px;
  padding: 1em 2em;
  font-size: 106.6%;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
#content_news .box_s div.frame {
  border-radius: 0px 10px 10px 10px;
}
#content_news .box_s div.frame li {
  margin-bottom: 1em;
}
#content_news .box_s div.frame li:last-child {
  margin-bottom: 0px;
}
#content_news .box_s div.frame li h2,
#content_news .box_s div.frame li h4 {
  font-weight: normal;
}
#content_news .box_s div.frame li h2.em,
#content_news .box_s div.frame li h4.em {
  font-weight: bold;
}
#content_news .box_s div.frame li h2 a,
#content_news .box_s div.frame li h4 a {
  color: #736558;
  text-decoration: none;
}
#content_news .box_s div.frame li h2 {
  margin: 0.5em;
}
#content_news .box_s div.frame li h4 {
  margin: 0px;
}
#content_news .box_s div.frame li a {
  color: #cc0000;
  text-decoration: underline;
}
#content_news .box_s li.entry_75 li {
  display: inline-block;
  margin-right: 1em;
}
#content_news .box_s li.entry_75 img {
  display: none;
}
#content_news .fs-light.fs-tabs-tab.fs-tabs-enabled {
  position: relative;
  bottom: -10px;
  z-index: 0;
  background-color: #7dbc38;
  border: 0px none transparent;
  border-radius: 6px 6px 0px 0px;
  margin: 0px;
  padding: 1em 2em;
  font-size: 106.6%;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
#content_news .fs-light.fs-tabs-tab.fs-tabs-active {
  bottom: 0px;
}
#content_news .fs-light.fs-tabs-tab.fs-tabs-active:hover {
  cursor: default;
}
#content_news .fs-tabs-content.fs-tabs-enabled {
  position: relative;
  z-index: 1;
}
#content_news .fs-light.fs-tabs-tab.fs-tabs-active,
#content_news .no-touchevents .fs-light.fs-tabs-tab.fs-tabs-active:hover {
  background: #7dbc38;
  color: #fff;
}

#content_booking {
  margin-bottom: 1.5em;
}
#content_booking h5 {
  margin-bottom: 0.5em;
  letter-spacing: -0.05em;
}
@media screen and (max-width: 544px) {
  #content_booking h5 {
    font-size: 150%;
  }
  #content_booking h5 br {
    display: none;
  }
}
#content_booking p.tel {
  margin-bottom: 0.5em;
  font-size: 300%;
  font-weight: bold;
}
@media screen and (max-width: 544px) {
  #content_booking p.tel {
    font-size: 240%;
  }
}

#content_etc {
  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: 768px) {
  #content_etc {
    display: block;
  }
}
#content_etc h3 {
  letter-spacing: -0.05em;
}
@media screen and (max-width: 544px) {
  #content_etc h3 {
    font-size: 150%;
  }
}
#content_etc .box-s {
  width: 47%;
}
@media screen and (max-width: 768px) {
  #content_etc .box-s {
    width: 100%;
    margin-bottom: 1.5em;
  }
  #content_etc .box-s:nth-of-type(2) {
    margin-bottom: 0px;
  }
}
#content_etc .box-s.information {
  margin-bottom: 2em;
}
#content_etc .box-s.blog {
  margin-bottom: 1em;
}
#content_etc .box-s.blog .catchcopy {
  margin-bottom: 0.5em;
  font-size: 150%;
}
#content_etc .box-s.blog .headline {
  margin-bottom: 0.5em;
}
#content_etc .box-s.blog .headline + p {
  margin-bottom: 0.5em;
}
#content_etc .box-s:last-child {
  width: 100%;
}
#content_etc .box-s:last-child .catchcopy,
#content_etc .box-s:last-child .headline,
#content_etc .box-s:last-child p {
  margin-bottom: 0.5em;
}
#content_etc nav {
  margin-bottom: 1em;
}
#content_etc nav .bttn {
  margin-bottom: 0.5em;
}
#content_etc nav .bttn li {
  display: block;
  margin: 0px 0px 10px;
  padding: 0px;
}
#content_etc nav .bttn li:last-child small br {
  display: none;
}
#content_etc nav .bttn li:last-child small a {
  display: inline;
  background-color: transparent;
  border-radius: 0px;
  padding: 0px;
  font-weight: normal;
  color: #7dbc38;
}
#content_etc nav .bttn li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
  padding-left: 1em;
  padding-right: 1em;
  font-size: 116.6%;
  vertical-align: middle;
  text-align: left;
}
@media screen and (max-width: 544px) {
  #content_etc nav .bttn li > a {
    display: inline-block;
    width: 100%;
    padding-left: 0.5em;
  }
}
#content_etc nav .bttn li > a[href*=doctor] {
  height: 188px;
  background-image: url(../img000/common_bttn_doctor.png);
}
@media screen and (max-width: 544px) {
  #content_etc nav .bttn li > a[href*=doctor] {
    height: 104px;
  }
}
#content_etc nav .bttn li > a[href*=profile] {
  height: 188px;
  background-image: url(../img000/common_bttn_profile.png);
}
@media screen and (max-width: 544px) {
  #content_etc nav .bttn li > a[href*=profile] {
    height: 104px;
    background-position: 100% center;
  }
}
#content_etc nav p {
  font-size: 91.6%;
  line-height: 1.6em;
}
@media screen and (max-width: 980px) {
  #content_etc div.box-ss.publish.sp,
#content_etc div.box-s.publish.sp {
    display: block;
  }
}
@media screen and (max-width: 980px) {
  #content_etc div.box-ss.publish.pc,
#content_etc div.box-s.publish.pc {
    display: none;
  }
}
#content_etc div.box-ss.publish > p,
#content_etc div.box-s.publish > p {
  margin-bottom: 1em;
}
#content_etc div.box-ss.publish dl,
#content_etc div.box-s.publish 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;
}
#content_etc div.box-ss.publish dl dt,
#content_etc div.box-s.publish dl dt {
  margin-right: 2em;
}
#content_etc div.box-ss.publish dl dd ul,
#content_etc div.box-s.publish dl dd ul {
  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;
}
#content_etc div.box-ss.publish dl dd ul li,
#content_etc div.box-s.publish dl dd ul li {
  margin-right: 10px;
}
#content_etc div.box-ss.publish dl dd ul li a,
#content_etc div.box-s.publish dl dd ul li a {
  display: inline-block;
  width: auto;
  padding: 0px;
  background-color: transparent;
  border-radius: 0px;
}
#content_etc dl.datelist dt {
  font-size: 91.6%;
  line-height: 1.25em;
}
#content_etc dl.datelist dd {
  border-bottom: 1px solid #fff;
  margin: 0px 0px 0.5em;
  padding: 0px 0px 0.5em;
  font-size: 91.6%;
  line-height: 1.4em;
}
#content_etc dl.datelist dd a {
  color: #736558;
}
/*# sourceMappingURL=style_toppage.css.map */