@charset "utf-8";
* {
  margin: 0px;
  padding: 0px;
}
body {
  position: relative;
  margin: 0px;
  padding-top: 50px;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 18px;
  color: #555;
  line-height: 1.6em;
  lette-spacing: -0.025em;
  text-align: center;
}
body#frame {
  border-top: 0px none #fff;
  padding-bottom: 0px;
}
img {
  max-width: 100%;
  border: 0px;
  padding: 0px;
}
h1,
h2,
h3 {
  margin: 0px 0px 1em;
  font-weight: bold;
  text-align: center;
}
h2 {
  margin: 0px 0px 0.5em;
  font-size: 36px;
  font-weight: bold;
  line-height: 1.25em;
}
h2 i {
  font-size: 0.5em;
  line-height: 1.25em;
}
h2 + aside {
  position: relative;
  margin-top: -1.5em;
  margin-bottom: 0.5em;
  text-align: center;
}
h2 + aside small,
h2 + aside small.remarks {
  zoom: 1;
  display: inline-block;
  *display: inline;
  font-size: 1em;
  line-height: 1.4em;
}
h3 {
  margin: 0px 0px 0.5em;
  font-size: 21px;
  font-weight: bold;
  line-height: 1.25em;
}
@media screen and (max-width: 480px) {
  h2 {
    margin: 0px 0px 0.5em;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.25em;
  }
  h2 + aside {
    margin-top: -1em;
  }
}
h4 {
  font-size: 24px;
}
h5 {
  font-size: 21px;
}
ul,
ol,
dl {
  margin: 0px 0px 4em;
  padding: 0px;
}
li {
  list-style-type: none;
  margin: 0px 0px 0.5em;
}
table {
  font-size: 100%;
}
table th {
  line-height: 1.6em;
}
table td {
  line-height: 1.6em;
}
table td li {
  margin-bottom: 0px;
}
hr {
  clear: both;
  margin: 20px 0px 5px;
  border: 1px solid #999;
}
p {
  zoom: 1;
  margin-bottom: 4em;
}
p:after {
  content: ".";
  clear: both;
  display: block;
  height: 0px;
  visibility: hidden;
}
p:last-child {
  margin-bottom: 0px;
}
address {
  font-style: normal;
}
a {
  color: #337ab7;
  text-decoration: none;
}
a:hover {
  color: #000;
}
a[href^="tel"] {
  color: #000;
}
a[href^="tel"]:hover {
  text-decoration: none;
  cursor: default;
}
a[href^="tel"].tel {
  color: #337ab7;
}
a[href^="tel"].tel:hover {
  text-decortaion: underline;
  cursor: pointer;
}
area:hover {
  cursor: pointer;
}
i {
  font-style: normal;
}
small {
  font-size: 14px!important;
  color: #555 !important;
}
.clear:after {
  content: ".";
  clear: both;
  display: block;
  height: 0px;
  visibility: hidden;
}
.clear {
  zoom: 1;
}
br.clear-both {
  clear: both;
}
.spOnly,
.sp {
  display: none;
}
@media screen and (max-width: 480px) {
  .spOnly,
  .sp {
    display: block;
  }
  .pcOnly,
  .pc {
    display: none;
  }
}
/*
▼文字サイズ・カラー・行間
*/
.red {
  color: #ff0000;
}
.caution {
  color: #337ab7;
}
.remarks {
  font-size: 91.6%;
  color: #777;
  line-height: 1.6em;
}
.remarks a[href^="tel"] {
  color: #777;
}
.black {
  color: #000;
}
.oblique {
  font-style: oblique;
}
.underline {
  border-bottom: 1px dotted #000;
  padding-bottom: 0.3em;
  color: #000;
  font-weight: bold;
}
.ttl {
  position: relative;
  margin: 0px 0px 2em;
  font-size: 150%;
  line-height: 1.4em;
  text-align: center;
}
.ttl small {
  display: block;
  padding-top: 1em;
  font-size: 83.3%;
}
@media screen and (max-width: 768px) {
  .ttl {
    margin-bottom: 1em;
  }
}
.en {
  font-family: "Open Sans Condensed", "Open Sans";
}
li i.fa-minus {
  margin-right: 9px;
  font-size: 6px;
  vertical-align: middle;
  color: #ccc;
}
.lead {
  font-size: 116.6%;
}
/*
▼imgタグ修飾
*/
a:hover img.rollover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
img.photo {
  zoom: 1;
  display: inline-block;
  *display: inline;
}
img.photo.left {
  float: left;
  margin: 0px 30px 1em 0px;
}
img.photo.right {
  float: right;
  margin: 0px 0px 1em 30px;
}
img.photo.center {
  margin: 0px auto 1em;
}
@media screen and (max-width: 768px) {
  img.photo {
    display: block;
  }
  img.photo.left {
    float: none;
    margin: 0px auto 1em;
  }
  img.photo.right {
    float: none;
    margin: 0px auto 1em;
  }
}
/*
▼hタグ修飾
▼pタグ修飾
▼boxタグ修飾
*/
h4.announce {
  background: none!important;
  padding: 0px!important;
  font-size: 116.6% !important;
  color: #000 !important;
  font-weight: bold!important;
}
.blockttl,
.pagettl {
  margin: 0px 0px 0.5em;
  font-size: 24px;
  color: #337ab7;
}
.blockttl img,
.pagettl img {
  margin-right: 0.5em;
}
.blockttl small,
.pagettl small {
  display: block;
  margin: 0px 0px 0.3em;
  color: #337ab7 !important;
}
.pagettl {
  width: 980px;
  margin-left: auto;
  margin-right: auto;
}
.bar {
  background-color: #f2f2f2;
  border: 3px solid #fff;
  border-radius: 1.5em;
  position: relative;
  margin: 0px auto 1em;
  padding: 0.5em 2em;
  font-size: 24px;
  color: #000;
  font-weight: bold;
  text-align: center;
  -webkit-box-shadow: 0px 0px 3px #666;
  box-shadow: 0px 0px 3px #666;
}
.bar small {
  font-size: 116.6% !important;
  color: #fff !important;
}
.bar + h2 {
  padding-top: 0px;
}
h3.blockttl {
  border-bottom: 1px solid #666;
  padding: 0px 0px 0.5em;
}
p.navitrail {
  font-size: 91.6%;
  line-height: 1.25em;
}
@media screen and (max-width: 992px) {
  article > h1,
  article > .bar {
    width: 90% !important;
    margin-left: auto;
    margin-right: auto;
  }
  article section .bar {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  article section .bar {
    margin-bottom: 2em;
  }
}
/*
▼tableタグ修飾
*/
table.caution {
  border: 3px solid #337ab7;
}
table.caution td {
  padding: 3px 10px;
  font-size: 116.6%;
  color: #337ab7;
  font-weight: bold;
}
/*
▼リスト修飾
*/
#contentbox ul,
#contentbox ol {
  margin-bottom: 1em;
}
ol.decimal li {
  list-style: decimal inside;
}
ol.decimal li ul.disc {
  margin-bottom: 0px;
  margin-left: 40px;
}
ol.decimal li ul.disc li {
  margin-bottom: 0px;
}
ul.disc li {
  list-style: none inside;
}
ul.disc li:before {
  content: "•";
  margin-right: 0.75em;
}
ul.disc li ol.decimal li {
  list-style: decimal inside;
  background-image: none;
  padding-left: 0px;
}
ol.lower-alpha li,
ul.lower-alpha li {
  list-style: lower-alpha inside;
}
ul.remarks li {
  font-size: 91.6%;
  color: #337ab7;
}
ul.access {
  margin: 0px 0px 4em;
  text-align: center;
}
ul.access > li:first-child {
  margin: 0px 0px 2em;
  font-size: 133.3%;
  line-height: 2em;
  text-align: center;
}
ul.access > li:first-child > i {
  font-size: 75%;
}
ul.access > li:first-child > img {
  display: inline;
  margin: 1em auto;
}
ul.access > li:first-child a i {
  margin-left: 1em;
}
ul.access > li:first-child a span {
  font-family: "Open Sans Condensed", "Open Sans";
}
ul.access > li:first-child div.sp {
  display: none;
}
ul.access > li:first-child div.sp ol {
  margin: 0px;
}
ul.access > li:first-child div.sp ol li {
  zoom: 1;
  display: inline-block;
  *display: inline;
  margin: 0px 3px;
  line-height: 1;
  vertical-align: text-bottom;
}
ul.access > li:first-child div.sp ol li a {
  display: table-cell;
  width: 54px;
  height: 54px;
  background-color: #337ab7;
  font-family: "Open Sans Condensed", "Open Sans";
  font-size: 133.3%;
  color: #fff;
  vertical-align: middle;
}
ul.access > li:first-child div.sp ol li a:hover {
  background-color: #000;
}
@media screen and (max-width: 768px) {
  ul.access > li:first-child div.sp {
    display: block;
  }
}
/*
▼form
------------------------------*/
input,
textarea {
  font-size: 100%;
  font-weight: normal;
}
input.area,
textarea.area {
  width: 480px;
  background: #fff;
  border: 1px solid #666;
  margin-bottom: 0.2em;
  padding: 3px;
}
input.long {
  width: 420px;
}
input.middle {
  width: 300px;
}
input.short {
  width: 120px;
}
input.mini {
  width: 80px;
}
input.micro {
  width: 60px;
}
table.innerTable input[type='text'] {
  background-color: #fff;
  border: 1px solid #666;
  margin-bottom: 0.2em;
  padding: 3px;
}
table.innerTable td {
  padding: 2px 0px!important;
}
table.innerTable tr.areaMini input {
  width: 60px;
}
table.innerTable tr.areaMini input.firstChild {
  width: 60px;
}
table.innerTable tr.areaMiddle input {
  width: 240px;
}
table.innerTable tr.areaLong input {
  width: 300px;
}
textarea {
  height: 200px;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
textarea.short {
  height: 100px;
}
@media screen and (max-width: 480px) {
  input.long {
    width: 100%;
  }
  input.middle {
    width: 100%;
  }
  textarea.long {
    width: 100%;
  }
  textarea.middle {
    width: 100%;
  }
}
#contentbox form p.remarks {
  margin-bottom: 0px;
  padding-top: 0.1em;
  line-height: 1.6em;
}
#contentbox form p.announce {
  margin-left: 10px;
  margin-right: 10px;
  padding: 1em 0px;
  color: #000;
  text-align: center;
}
#contentbox form p#caution_confirm_system_mail {
  visibility: hidden;
  margin-bottom: 0px;
}
/*
.submitbtnbox
*/
div.submitbtnbox {
  zoom: 1;
  display: block;
  text-align: center;
}
div.submitbtnbox:after {
  content: ".";
  clear: both;
  display: block;
  height: 0px;
  visibility: hidden;
}
div.submitbtnbox p {
  margin-bottom: 1em;
  text-align: center;
}
div.submitbtnbox p.firstChild {
  margin-bottom: 1em;
  padding-bottom: 1em;
}
div.submitbtnbox ol {
  width: 300px;
  margin: 0px auto 1em;
  text-align: center;
}
div.submitbtnbox ol li {
  float: left;
  padding-left: 2px;
  padding-right: 2px;
}
div.submitbtnbox ol.single {
  width: auto;
  background-position: center top;
}
div.submitbtnbox ol.single li {
  float: none;
  width: auto;
  text-align: center;
}
div.submitbtnbox ol.single li a {
  margin: 0px auto;
}
div.submitbtnbox li.input,
div.submitbtnbox li.button,
div.submitbtnbox li a {
  margin-top: 20px;
}
div.submitbtnbox li.reset input {
  width: 146px;
  font-size: 106.6%;
}
div.submitbtnbox li.submit {
  background: url(../images/common/bullet/triangle/down.gif) no-repeat center top;
}
div.submitbtnbox li.submit input {
  width: 146px;
  background: #FFD100;
  font-size: 106.6%;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: italic;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/opensanscondensed/v23/z7NHdQDnbTkabZAIOl9il_O6KJj73e7Fd_-7suD8Rb2Q.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/opensanscondensed/v23/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff1GhDuXMQg.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/opensanscondensed/v23/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDuXMQg.ttf) format('truetype');
}
/*
▼BOOTSTRAP RESET
*/
.pagination {
  margin-top: 0px;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #337ab7;
  border-color: #337ab7;
}
.pagination > li > a,
.pagination > li > span {
  color: #337ab7;
}
.navbar {
  margin-bottom: 0px;
}
.nav-tabs {
  border-bottom-color: #666;
  margin-bottom: 0px!important;
}
.nav-tabs > li {
  margin-bottom: 0px;
}
.nav-tabs > li i {
  display: block;
  text-align: center;
}
.nav-tabs > li.active > a {
  border-color: #666;
  border-bottom: 0px none transparent;
}
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  border-color: #666;
  border-bottom: 0px none transparent;
}
.btn-default {
  border-color: #666;
}
.btn-default:hover,
.btn-default:focus {
  border-color: #666;
}
.btn-default.current {
  background-color: #e6e6e6;
}
.btn-default.current:hover,
.btn-default.current:focus {
  cursor: default;
}
.btn-default.current a {
  color: #000;
  cursor: default;
}
.tab-content > li {
  border: 1px solid #666;
  border-top: 0px none transparent;
  padding: 60px 10%;
}
.panel-default {
  border-color: #666;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-color: #666;
}
h3.panel-title a {
  display: block;
}
.list-inline > li {
  padding: 0px;
}
li.btn a {
  text-decoration: none;
}
@media screen and (max-width: 992px) {
  .btn {
    white-space: normal;
  }
}
.inline-block {
  zoom: 1;
  display: inline-block;
  *display: inline;
}
.frame {
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 6px 0px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 6px 0px;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 6px 0px;
  padding: 30px 50px;
}
.frame :last-Child {
  margin-bottom: 0px;
}
.frame > :only-child {
  margin-bottom: 0px;
}
.frame dl.itemlist dt {
  margin-bottom: 2em;
  font-weight: normal;
}
.caption {
  width: 768px;
  margin: 0px auto 5em;
}
.catchcopy {
  margin: 0px 0px 0.5em;
  font-size: 36px;
  font-weight: bold;
  line-height: 1.25em;
}
.catchcopy-s {
  margin: 0px 0px 0.5em;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.25em;
}
.catchcopy-ss {
  margin: 0px 0px 0.5em;
  font-size: 21px;
  font-weight: bold;
  line-height: 1.25em;
}
.center {
  margin-left: auto;
  margin-right: auto;
}
.img-responsive {
  max-width: 100%;
  height: auto;
}
:last-child {
  margin-bottom: 0px!important;
}
/*
#headerbox
------------------------------------------------------------
------------------------------------------------------------*/
#headerbox {
  margin: 0px;
  font-size: 16px;
}
#headerbox nav {
  background-color: #4abecb;
}
#headerbox ul.menubar {
  letter-spacing: -0.05em;
}
#headerbox ul.utility {
  zoom: 1;
  position: relative;
  margin-left: 0px;
  margin-right: 0px;
  width: 980px;
  margin: 0px auto;
  padding: 0.5em 0px;
}
#headerbox ul.utility:after {
  content: ".";
  clear: both;
  display: block;
  height: 0px;
  visibility: hidden;
}
#headerbox ul.utility li {
  float: left;
  margin: 0px;
  color: #fff;
}
#headerbox ul.utility li.bttn.home {
  padding-top: 6px;
}
#headerbox ul.utility li.bttn.home ~ li {
  float: right;
  padding-top: 3px;
  padding-left: 1.25em;
  padding-right: 0px;
}
#headerbox ul.utility li.bttn.home a {
  display: block;
}
#headerbox ul.utility li a {
  color: #fff;
}
#headerbox ul.utility li a i {
  font-size: 133.3%;
  vertical-align: middle;
}
#headerbox ul.utility li.dropdown {
  position: static;
}
#headerbox ul.utility li.dropdown > a.dropdown-toggle {
  zoom: 1;
  position: relative;
  margin-left: 0px;
  margin-right: 0px;
  display: block;
  background-color: #FAF7E1;
  border: 1px solid #337ab7;
  border-radius: 3px;
  padding: 8px;
}
#headerbox ul.utility li.dropdown > a.dropdown-toggle:after {
  content: ".";
  clear: both;
  display: block;
  height: 0px;
  visibility: hidden;
}
#headerbox ul.utility li.dropdown > a.dropdown-toggle span.info {
  display: block;
  float: left;
  margin-top: -0.1em;
  color: #337ab7;
  line-height: 1;
}
#headerbox ul.utility li.dropdown > a.dropdown-toggle span.icon {
  display: block;
  float: right;
  padding-left: 6px;
}
#headerbox ul.utility li.dropdown > a.dropdown-toggle span.icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  background-color: #337ab7;
  border-radius: 1px;
  margin-bottom: 3px;
}
#headerbox ul.utility li.dropdown > a.dropdown-toggle span.icon-bar:last-child {
  margin-bottom: 0px;
}
#headerbox ul.utility li.dropdown ul.dropdown-menu {
  float: none;
  max-height: 245px;
  left: auto;
  top: 49px;
  right: 0px;
  border: 1px solid #555;
  border-radius: 0px;
  margin: 0px;
  padding: 0px;
  overflow-x: hidden;
  overflow-y: scroll;
}
#headerbox ul.utility li.dropdown ul.dropdown-menu li {
  float: none;
  border-bottom: 1px solid #555;
  padding: 0px;
}
#headerbox ul.utility li.dropdown ul.dropdown-menu li a {
  display: block;
  padding: 0.5em 1em 0.5em 0.5em;
  color: #555;
}
#headerbox ul.utility li.dropdown ul.dropdown-menu li a i {
  font-size: 6px;
  color: #ccc;
  vertical-align: middle;
}
#headerbox aside.accessMap div.modal-footer {
  text-align: center;
}
#headerbox aside.accessMap table.itemlist {
  margin-bottom: 0.5em;
}
#headerbox aside.accessMap table.itemlist caption {
  line-height: 1.4em;
}
#headerbox aside.accessMap table.itemlist tbody th {
  width: auto;
  line-height: 1.4em;
}
#headerbox aside.accessMap table.itemlist tbody td {
  line-height: 1.4em;
  text-align: right;
}
#headerbox aside.accessMap p.remarks {
  text-align: left;
}
@media screen and (max-width: 992px) {
  #headerbox ul.utility {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  #headerbox ul.utility li.traffic span.info {
    display: none;
  }
  #headerbox aside.accessMap p.remarks {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
  }
}
@media screen and (max-width: 768px) {
  #headerbox ul.utility > li.bttn.home a {
    width: 118px;
    overflow: hidden;
  }
  #headerbox ul.utility > li.traffic a[target='_blank'] {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  #headerbox ul.utility {
    width: 94%;
  }
  #headerbox ul.utility li.traffic {
    padding-left: 0px!important;
  }
  #headerbox ul.utility li.bttn.inquiry {
    display: none;
  }
}
/*
#maincontentbox
------------------------------------------------------------
------------------------------------------------------------*/
#maincontentbox {
  text-align: left;
}
#maincontentbox .blockbox {
  margin-left: auto;
  margin-right: auto;
  width: 840px;
  position: relative;
  margin-top: -70px;
  margin-bottom: 4em;
  padding-top: 70px;
}
#maincontentbox .blockbox.free {
  width: 90%;
}
#maincontentbox .blockbox > div.inner {
  zoom: 1;
  position: relative;
  margin-left: 0px;
  margin-right: 0px;
}
#maincontentbox .blockbox > div.inner:after {
  content: ".";
  clear: both;
  display: block;
  height: 0px;
  visibility: hidden;
}
#maincontentbox .blockbox > div.inner > .bar {
  margin-left: -80px;
  margin-right: -80px;
}
#maincontentbox .blockbox > div.inner > :last-child {
  margin-bottom: 0px!important;
}
#maincontentbox .blockbox .box-s {
  margin-bottom: 3em;
}
#maincontentbox .blockbox .box-s:last-child {
  margin-bottom: 0px;
}
#maincontentbox > :last-child {
  margin-bottom: 0px;
  padding-bottom: 4em;
}
@media screen and (max-width: 992px) {
  #maincontentbox .blockbox {
    width: auto;
  }
  #maincontentbox .blockbox > div.inner {
    width: 90%;
    margin: 0px auto;
  }
  #maincontentbox .blockbox > div.inner > .bar {
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 480px) {
  #maincontentbox section.blockbox {
    margin-bottom: 2em;
  }
}
/*
------------------------------------------------------------
#contentbox
------------------------------------------------------------
------------------------------------------------------------*/
#contentbox .bttn.booking {
  text-align: center;
}
#contentbox .bttn.booking a {
  font-size: 2em;
  text-decoration: none;
  line-height: 1.6em;
}
#contentbox .bttn.booking a i {
  font-size: 2em;
}
#contentbox > article > ul.menubar {
  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;
  position: relative;
  z-index: 1;
  background-color: #4abecb;
}
@media screen and (max-width: 480px) {
  #contentbox > article > ul.menubar {
    display: none;
  }
}
#contentbox > article > ul.menubar li {
  border-right: 1px solid #fff;
  margin-bottom: 0px;
}
#contentbox > article > ul.menubar li:nth-child(1) {
  border-left: 1px solid #fff;
}
#contentbox > article > ul.menubar a {
  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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 15px 15px 30px;
  color: #fff;
  font-weight: bold;
  letter-spacing: -0.05em;
  line-height: 1.25em;
  text-align: center;
}
#contentbox > article > ul.menubar a:before {
  content: "\f0d7";
  display: block;
  margin-bottom: 6px;
  font-family: "Font Awesome Pro 6";
  font: var(--fa-font-solid);
  font-size: 10px;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 480px) {
  #contentbox .bttn.booking {
    text-align: center;
  }
  #contentbox .bttn.booking a {
    font-size: 2em;
  }
}
/*
------------------------------------------------------------
#footerbox
------------------------------------------------------------
------------------------------------------------------------*/
#footerbox > div.inner > ul {
  margin-bottom: 0px;
  padding: 1em 20px;
  text-align: center;
}
#footerbox > div.inner > ul li {
  zoom: 1;
  display: inline-block;
  *display: inline;
  margin: 0px 1em 0.5em 0px;
}
#footerbox ul.menubar {
  background-color: #f3f3f3;
  border-top: 1px solid #666;
  letter-spacing: -0.05em;
}
#footerbox div.endbar {
  background: #4abecb;
  padding: 2em 0px;
}
#footerbox div.endbar ul {
  margin-bottom: 1em;
  padding-top: 20px;
}
#footerbox div.endbar ul li {
  display: inline;
}
#footerbox div.endbar ul li:nth-child(1) img {
  position: relative;
  margin-top: -20px;
}
#footerbox div.endbar ul li:nth-child(1) ~ li {
  padding: 0px 0.75em;
}
#footerbox div.endbar ul li a {
  font-size: 116.6%;
  color: #fff;
}
#footerbox div.endbar address {
  margin: 0px 0px 0.5em;
  color: #fff;
  text-align: center;
}
#footerbox div.endbar address a {
  color: #fff;
}
#footerbox div.endbar p {
  margin: 0px;
  font-size: 83.3%;
  color: #fff;
  text-align: center;
}
#footerbox div.endbar p.copyright {
  line-height: 1.4em;
}
@media screen and (max-width: 992px) {
  #footerbox div.endbar > div.inner {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
  }
}
@media screen and (max-width: 480px) {
  #footerbox div.endbar ul li:nth-child(1) img {
    max-width: 100%;
    height: auto;
  }
}
/*
table.itemlist
table.itemlist.price
------------------------------*/
table.itemlist {
  width: 100%;
  border-collapse: collapse;
  margin: 0px 0px 2em;
}
li table.itemlist {
  margin-bottom: 0px;
}
table.itemlist caption {
  padding: 0px 0px 0.5em;
  color: #444;
  font-weight: bold;
  text-align: left;
}
table.itemlist caption[align="bottom"] {
  padding: 0.5em 0px 0px;
}
table.itemlist caption.remarks {
  font-weight: normal;
}
table.itemlist th,
table.itemlist td {
  border: 1px solid #666;
  padding: 4px 10px;
  vertical-align: top;
  font-size: 100%;
  font-weight: normal;
}
table.itemlist thead th {
  background-color: #ddd;
  text-align: center;
}
table.itemlist tbody th {
  width: 150px;
  text-align: left;
}
table.itemlist.price thead th {
  background-color: #ddd;
  vertical-align: middle;
}
table.itemlist.price tbody tr:nth-child(even) th,
table.itemlist.price tbody tr:nth-child(even) td {
  background-color: #f2f2f2;
}
table.itemlist.price tbody th {
  text-align: center;
}
table.itemlist.price tbody td {
  text-align: right;
}
table.itemlist table {
  border-collapse: collapse;
}
table.itemlist table th {
  width: auto;
  padding: 0px 10px 0px 0px;
}
table.itemlist table td {
  padding: 0px;
}
@media screen and (max-width: 992px) {
  table.itemlist {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  #maincontentbox section.blockbox > div.inner table.itemlist {
    width: 100%;
  }
}
ul.itemlist li {
  display: block;
  border-bottom: 1px dotted #666;
  margin-bottom: 1em;
  padding-bottom: 1em;
  line-height: 1.6em;
  text-align: left;
}
ul.itemlist.check li:before {
  content: "\f00c";
  margin-right: 0.2em;
  font-family: "fontAwesome";
  font-size: 150%;
}
/*
SOY INQUIRY
table.inquiry_form
------------------------------*/
table.inquiry_form {
  width: 100%;
  border-collapse: collapse;
  margin: 0px auto 4em;
}
li table.inquiry_form {
  margin-bottom: 0px;
}
table.inquiry_form caption {
  padding: 0px 0px 0.5em;
  color: #444;
  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 th {
  padding: 4px 10px 4px 0px;
}
table.inquiry_form th,
table.inquiry_form td {
  padding: 4px 0px 4px 10px;
}
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: 480px) {
  table.inquiry_form tbody th {
    display: list-item;
    list-style: none inside;
    margin: 0px;
    padding-left: 0px;
  }
  table.inquiry_form tbody td {
    display: list-item;
    list-style: none inside;
    margin: 0px 0px 0.5em;
    padding-left: 0px;
  }
}
/*
SOY INQUIRY
table#soy_inquiry_message_information
------------------------------*/
table#soy_inquiry_message_information {
  width: 100%;
  margin: 0px auto 2em;
}
@media screen and (max-width: 480px) {
  table#soy_inquiry_message_information {
    width: 90%;
  }
}
/*
SOY INQUIRY
#inquiry_form_wrapper
------------------------------*/
#inquiry_form_wrapper + table {
  width: 800px;
  margin: 0px auto;
}
#inquiry_form_wrapper + table td {
  text-align: center;
}
#inquiry_form_wrapper + table td input {
  font-size: 150%;
}
@media screen and (max-width: 992px) {
  #inquiry_form_wrapper + table {
    width: 100%;
  }
}
/*
table.itemtable
------------------------------*/
table.itemtable {
  width: 100%;
  border-collapse: collapse;
  margin: 0px 0px 1.8em;
}
table.itemtable th,
table.itemtable td {
  border: 1px solid #999;
  padding: 4px 0.5em;
}
table.itemtable thead th {
  background-color: #f6f6f6;
}
/*
#calendar-pagebox
#bookingCalendar
予約カレンダー（calendar_form）
------------------------------*/
#calendar-pagebox #headerbox {
  margin-bottom: 2em;
}
#calendar-pagebox #maincontentbox > #contentbox:last-child {
  padding-bottom: 0px;
}
#calendar-pagebox .blockbox {
  margin-top: 0px;
  padding-top: 0px;
}
p.holidayText span.holidayCube {
  zoom: 1;
  display: inline-block;
  *display: inline;
  width: 1em;
  height: 1em;
}
#bookingCalendar iframe {
  width: 100%;
}
table.formTable.itemlist {
  width: 100%;
}
table.formTable.itemlist tbody td {
  width: 14%;
}
/*
dl.itemlist
------------------------------*/
dl.itemlist {
  width: 768px;
  margin-left: auto;
  margin-right: auto;
}
dl.itemlist dt {
  margin: 0px 0px 1em;
  color: #000;
  font-weight: bold;
}
dl.itemlist dt.ttl {
  font-size: 100%;
}
dl.itemlist dd {
  margin: 0px 0px 1em;
}
dl.itemlist.division {
  zoom: 1;
}
dl.itemlist.division:after {
  content: ".";
  clear: both;
  display: block;
  height: 0px;
  visibility: hidden;
}
dl.itemlist.division dt {
  clear: both;
  float: left;
  width: 240px;
  margin-bottom: 2em;
}
dl.itemlist.division dd {
  float: right;
  width: 468px;
  margin-bottom: 2em;
}
dl.itemlist.division dd p {
  margin-bottom: 1em;
}
dl.itemlist.division.hasImg dt {
  float: none;
  width: auto;
  text-align: center;
}
dl.itemlist.division.hasImg dd {
  float: none;
  width: auto;
  margin-bottom: 5em;
}
dl.itemlist.division.hasImg dd:last-child {
  margin-bottom: 0px;
}
dl.itemlist.division.hasImg dd ol li {
  zoom: 1;
  position: relative;
  margin-left: 0px;
  margin-right: 0px;
}
dl.itemlist.division.hasImg dd ol li:after {
  content: ".";
  clear: both;
  display: block;
  height: 0px;
  visibility: hidden;
}
dl.itemlist.division.hasImg dd ol li img {
  zoom: 1;
  float: left;
  max-width: 100%;
  width: 280px!important;
  height: auto;
  margin-right: 30px;
}
dl.itemlist.division.hasImg dd ol li img + i {
  margin-top: 5em;
}
dl.itemlist.division.hasImg dd ol li a + i {
  margin-top: 5em;
}
@media screen and (max-width: 992px) {
  dl.itemlist.division dt {
    float: none;
    width: auto;
  }
  dl.itemlist.division dd {
    float: none;
    width: auto;
    margin-left: 0px;
  }
  dl.itemlist.division.hasImg dd ol li img {
    width: 180px;
  }
  dl.itemlist.division.hasImg dd ol li img + i {
    margin-top: 1em;
  }
  dl.itemlist.division.hasImg dd ol li a + i {
    margin-top: 1em;
  }
}
/*
ul.speclist
------------------------------*/
ul.speclist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px 15px;
}
ul.speclist li {
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  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: calc((100% - 30px) / 3);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #4abecb;
  margin: 0px;
  padding: 20px;
  font-size: 116.6%;
  color: #fff;
  font-weight: bold;
  letter-spacing: -0.05em;
  line-height: 1.25em;
  text-align: center;
}
ul.speclist li small {
  zoom: 1;
  display: inline-block;
  *display: inline;
  color: #fff !important;
  line-height: 1.25em;
}
ul.speclist li > div {
  text-align: center;
}
@media screen and (max-width: 768px) {
  ul.speclist li {
    float: none;
    width: 100%;
    margin-bottom: 0.5em;
  }
}
/*
ul.featurelist
------------------------------*/
ul.featurelist li {
  margin-bottom: 2em;
}
@media screen and (max-width: 768px) {
  ul.featurelist h4 {
    text-align: center;
  }
}
/*
dl.faqlist
------------------------------*/
dl.faqlist dt {
  margin-bottom: 1em;
  font-size: 133.3%;
  font-weight: normal;
}
dl.faqlist dt:before {
  content: "Q.";
  margin-right: 0.5em;
  font-family: "Open Sans Condensed", "Open Sans";
  font-size: 150%;
  font-weight: bold;
}
dl.faqlist dd {
  margin-bottom: 3em;
}
dl.faqlist dd p {
  margin-bottom: 1em;
}
dl.faqlist dd ul.disc li {
  list-style: outside disc ;
  margin-left: 1em;
}
dl.faqlist dd ul.disc li:before {
  content: "";
  display: none;
}
dl.faqlist dd *:last-child {
  margin-bottom: 0px;
}
/*
.remarks.frame
.reference.frame
------------------------------*/
.remarks.frame,
.reference.frame {
  border: 1px solid #666;
  border-radius: 15px;
  padding: 50px;
}
@media screen and (max-width: 480px) {
  .remarks.frame,
  .reference.frame {
    padding: 30px 15px;
  }
}
.remarks.frame dl.itemlist,
.reference.frame dl.itemlist {
  max-width: 100%;
}
.remarks.frame dt,
.reference.frame dt {
  background-color: #e6e6e6;
  margin-bottom: 2em;
  text-align: center;
}
.remarks.frame dd,
.reference.frame dd {
  margin-bottom: 3em;
}
.remarks.frame dd .ttl,
.reference.frame dd .ttl {
  margin-bottom: 1em;
  font-size: 100%;
}
.remarks.frame dd p,
.reference.frame dd p {
  text-align: left!important;
}
.remarks.frame p,
.reference.frame p {
  margin-bottom: 1em;
}
.remarks.frame > :last-child,
.reference.frame > :last-child {
  margin-bottom: 0px;
}
.reference.frame {
  background-color: #f6f6f6;
  border: 0px none transparent;
  border-radius: 0px;
  margin-top: -2em;
  margin-bottom: 2em;
  padding: 30px 50px;
}
.reference.frame dt {
  background-color: #fff;
  color: #555;
  text-align: center;
}
/*
.mainimg
------------------------------*/
.mainimg {
  margin-bottom: 1em;
  text-align: center;
}
.mainimg img {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: auto;
}
/*
------------------------------------------------------------*/
#top-pagebox {
  /*----------------------------------------------------------
/*----------------------------------------------------------*/
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "Meiryo UI", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  /*----------------------------------------------------------*/
  /*----------------------------------------------------------*/
}
#top-pagebox .ttl + p {
  text-align: center;
}
#top-pagebox .logomark a {
  cursor: default;
}
#top-pagebox i.fa-minus {
  color: #ccc;
}
#top-pagebox #headerbox p.logomark {
  top: 0px;
  margin-bottom: 1em;
}
#top-pagebox #headerbox p.logomark + ul.reserve {
  display: block;
}
#top-pagebox article {
  /*
.mainimg
------------------------------*/
}
#top-pagebox article h1 {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
}
#top-pagebox article h1 span,
#top-pagebox article h1 small {
  display: block;
}
#top-pagebox article h1 span {
  margin-bottom: 15px;
  font-size: 133.3%;
  font-weight: bold;
}
@media screen and (max-width: 480px) {
  #top-pagebox article h1 span {
    font-size: 100%;
  }
}
#top-pagebox article h1 small {
  font-size: 83.3% !important;
  font-weight: normal;
}
@media screen and (max-width: 480px) {
  #top-pagebox article h1 small {
    font-size: 75%;
  }
}
#top-pagebox article ul.gallery {
  zoom: 1;
  position: relative;
  margin-left: 0px;
  margin-right: 0px;
  width: 750px;
  margin: 0px auto 4em;
}
#top-pagebox article ul.gallery:after {
  content: ".";
  clear: both;
  display: block;
  height: 0px;
  visibility: hidden;
}
#top-pagebox article ul.gallery li {
  zoom: 1;
  display: inline-block;
  *display: inline;
  float: left;
  width: 240px;
  margin: 0px 5px 10px;
}
#top-pagebox article .mainimg {
  margin-bottom: 0px;
}
#top-pagebox article #content-intro > div.inner > div.sketch {
  zoom: 1;
  float: right;
  width: 260px;
  height: auto;
  margin-left: 30px;
}
#top-pagebox article #content-intro > div.inner > div.sketch img {
  width: 260px;
  height: auto;
}
#top-pagebox article #content-intro > div.inner > div.sketch.sp {
  margin-left: auto;
  margin-right: auto;
  display: none;
  margin-bottom: 1em;
}
#top-pagebox article #content-intro > div.inner ul li {
  margin-bottom: 0.3em;
  font-size: 240%;
  font-weight: bold;
  line-height: 1.25em;
}
#top-pagebox article #content-intro > div.inner p {
  zoom: 1;
  position: relative;
  margin-left: 0px;
  margin-right: 0px;
}
#top-pagebox article #content-intro > div.inner p:after {
  content: ".";
  clear: both;
  display: block;
  height: 0px;
  visibility: hidden;
}
#top-pagebox article #content-intro > div.inner p img[alt='見取図'] {
  zoom: 1;
  float: right;
  width: 260px;
  margin: 0px 0px 0px 30px;
}
#top-pagebox article #content-facilities ul.speclist {
  margin-bottom: 2em;
}
#top-pagebox article #content-charge h2 {
  margin-bottom: 0px;
}
#top-pagebox article #content-charge h2 + aside {
  margin-top: 0px;
}
#top-pagebox article #content-charge h2 + aside small {
  font-size: 18px;
}
#top-pagebox article #content-charge table.itemlist {
  margin-top: 3em;
}
#top-pagebox article #content-charge table.itemlist td {
  white-space: nowrap;
}
#top-pagebox article #content-charge table.itemlist td span:first-child {
  text-decoration: line-through;
}
#top-pagebox article #content-charge table.itemlist td span:last-child {
  color: #ff0000;
  font-weight: bold;
}
#top-pagebox article #content-charge p.charge {
  zoom: 1;
  margin-left: 0px;
  margin-right: 0px;
  width: 980px;
  position: relative;
  margin: 0px -90px;
  padding-top: 1em;
}
#top-pagebox article #content-charge p.charge:after {
  content: ".";
  clear: both;
  display: block;
  height: 0px;
  visibility: hidden;
}
#top-pagebox article #content-charge p.charge img.img-responsive {
  zoom: 1;
  display: inline-block;
  *display: inline;
}
#top-pagebox article #content-charge p.charge img:first-child {
  float: left;
}
#top-pagebox article #content-charge p.charge img:last-child {
  float: right;
}
@media screen and (max-width: 768px) {
  #top-pagebox article #content-charge p.charge {
    width: auto;
    margin: 0px;
    text-align: center;
  }
  #top-pagebox article #content-charge p.charge img.img-responsive {
    display: block;
  }
  #top-pagebox article #content-charge p.charge img:first-child {
    float: none;
  }
  #top-pagebox article #content-charge p.charge img:last-child {
    float: none;
  }
}
@media screen and (max-width: 480px) {
  #top-pagebox article #content-charge table.itemlist {
    margin-top: 2em;
  }
}
#top-pagebox article #content-time {
  margin-bottom: 6em;
}
#top-pagebox article #content-time div.photo {
  margin-bottom: 1em;
  text-align: center;
}
#top-pagebox article #content-time div.photo img {
  margin-left: auto;
  margin-right: auto;
}
#top-pagebox article #content-time ul.gallery {
  width: 840px;
  background: #f6f6f6;
  margin: 0px auto 1em;
  padding: 15px 40px 5px;
}
#top-pagebox article #content-time ul.gallery li {
  width: 116px;
  margin: 0px 2px 10px;
}
#top-pagebox article #content-time ul.gallery li img {
  max-width: 100%;
}
#top-pagebox article #content-time aside {
  padding: 1em 0px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #top-pagebox article #content-time ul.gallery {
    width: auto;
    padding-left: 5%;
    padding-right: 5%;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #top-pagebox article #content-time ul.gallery li {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
#top-pagebox article #content-book {
  width: 100%;
  background-color: #f2f2f2;
  padding-bottom: 45px;
}
#top-pagebox article #content-book > .inner {
  width: 90%;
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
  padding-top: 45px;
  padding-bottom: 30px;
}
#top-pagebox article #content-book h2 {
  margin-bottom: 0px;
}
#top-pagebox article #content-guide ul.gallery {
  margin-left: auto;
  margin-right: auto;
  width: 840px;
  position: relative;
  margin-right: -40px;
}
#top-pagebox article #content-guide ul.gallery li {
  zoom: 1;
  width: 320px;
  margin: 0px 80px 3em 0px;
  text-align: center;
}
#top-pagebox article #content-guide ul.gallery li img {
  width: 320px;
  height: auto;
  margin-bottom: 6px;
}
#top-pagebox article #content-guide ul.gallery li p {
  font-size: 91.6%;
  line-height: 1.4em;
  text-align: left;
}
#top-pagebox article #content-guide ul.gallery li dl dt {
  background: #e6e6e6;
  margin-bottom: 1em;
  font-weight: normal;
}
#top-pagebox article #content-guide ul.gallery li dl ol.decimal li {
  display: block;
  border-bottom: 1px dotted #666;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  font-size: 91.6%;
  line-height: 1.4em;
  text-align: left;
}
#top-pagebox article #content-guide #guide-s-install {
  zoom: 1;
  position: relative;
  margin-left: 0px;
  margin-right: 0px;
}
#top-pagebox article #content-guide #guide-s-install:after {
  content: ".";
  clear: both;
  display: block;
  height: 0px;
  visibility: hidden;
}
#top-pagebox article #content-guide #guide-s-install img[src$='guide_install_chara.png'] {
  float: right;
}
#top-pagebox article #content-guide #guide-s-install p {
  float: left;
  width: 70%;
}
#top-pagebox article #content-guide #guide-s-install ul.download {
  zoom: 1;
  position: relative;
  margin-left: 0px;
  margin-right: 0px;
  float: left;
  width: 70%;
}
#top-pagebox article #content-guide #guide-s-install ul.download:after {
  content: ".";
  clear: both;
  display: block;
  height: 0px;
  visibility: hidden;
}
#top-pagebox article #content-guide #guide-s-install ul.download li {
  zoom: 1;
  float: left;
  margin-right: 10px;
}
#top-pagebox article #content-column h4 {
  text-align: center;
}
#top-pagebox article #content-column aside {
  background-color: #f6f6f6;
  margin-top: -2em;
  margin-bottom: 2em;
  padding: 30px 50px;
}
#top-pagebox article #content-column aside p {
  margin: 0px;
}
#top-pagebox article #content-column aside table.itemlist caption {
  font-size: 83.3%;
  font-weight: normal;
  line-height: 1.4em;
}
#top-pagebox article #content-column aside table.itemlist th,
#top-pagebox article #content-column aside table.itemlist td {
  background-color: #fff;
}
#top-pagebox article #content-column aside table.itemlist th {
  width: 25%;
}
@media screen and (max-width: 768px) {
  #top-pagebox article #content-column h4 {
    text-align: center;
  }
  #top-pagebox article #content-column h5 {
    text-align: center;
  }
  #top-pagebox article #content-column aside {
    padding: 10px 30px;
  }
  #top-pagebox article #content-column aside p {
    line-height: 1.4em;
  }
}
#top-pagebox article #content-access > div.inner ul.access + p {
  text-align: center;
}
#top-pagebox article #content-rule table.itemlist tbody th {
  width: 120px;
}
#top-pagebox article #content-form {
  margin-bottom: 4em!important;
}
#top-pagebox article #content-form table.inquiry_form {
  width: 800px;
}
#top-pagebox article #content-form table.inquiry_form tbody td span.error_message {
  color: #cc6666;
}
@media screen and (max-width: 992px) {
  #top-pagebox article #content-news {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
  }
  #top-pagebox article #content-news > div.inner {
    margin-left: auto;
    margin-right: auto;
  }
  #top-pagebox article #content-news > div.inner dl.datelist {
    width: 333px;
  }
  #top-pagebox article #content-news > div.inner dl.datelist:nth-child(2n) {
    clear: left;
  }
  #top-pagebox article #content-form table.inquiry_form {
    width: 100%;
  }
  #top-pagebox article #content-form table.inquiry_form th {
    white-space: nowrap;
  }
  #top-pagebox article #content-form table.inquiry_form .area.long,
  #top-pagebox article #content-form table.inquiry_form .area.middle,
  #top-pagebox article #content-form table.inquiry_form tr.areaLong input,
  #top-pagebox article #content-form table.inquiry_form tr.areaMiddle input {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  #top-pagebox #headerbox p.logomark small {
    line-height: 1.4em;
  }
  #top-pagebox article h1 {
    width: 90%;
  }
  #top-pagebox article #content-intro > div.inner {
    padding-top: 15px;
  }
  #top-pagebox article #content-intro > div.inner ul li {
    margin: 0px 0px 0.5em;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.25em;
  }
  #top-pagebox article #content-intro > div.inner p img[alt='見取図'] {
    margin-left: auto;
    margin-right: auto;
    display: block;
    float: none;
  }
  #top-pagebox article #content-guide ul.gallery {
    width: auto;
    margin-right: 0px;
  }
  #top-pagebox article #content-guide ul.gallery li {
    float: none;
    width: 100%;
    margin: 0px 0px 2em;
  }
  #top-pagebox article #content-guide ul.gallery li img {
    max-width: 100%;
    height: auto;
  }
  #top-pagebox article #content-guide ul.gallery li:last-child img {
    max-height: 210px;
  }
  #top-pagebox article #content-guide #guide-s-install img[src$='guide_install_chara.png'] {
    margin-left: auto;
    margin-right: auto;
    display: block;
    float: none;
  }
  #top-pagebox article #content-guide #guide-s-install p {
    float: none;
    width: auto;
    margin-bottom: 1em;
  }
  #top-pagebox article #content-guide #guide-s-install ul.download {
    float: none;
    width: auto;
    margin-bottom: 2em;
    text-align: center;
  }
  #top-pagebox article #content-guide #guide-s-install ul.download li {
    zoom: 1;
    display: inline-block;
    *display: inline;
    float: none;
    margin: 0px 5px 10px;
  }
  #top-pagebox article #content-rule table.itemlist {
    border-bottom: 1px solid #666;
  }
  #top-pagebox article #content-rule table.itemlist tbody th,
  #top-pagebox article #content-rule table.itemlist tbody td {
    display: block;
    width: 100%;
    border-bottom: 0px none transparent;
  }
  #top-pagebox article #content-news > div.inner {
    width: 100%;
  }
  #top-pagebox article #content-news > div.inner dl.datelist {
    float: none;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 480px) {
  #top-pagebox article #content-intro > div.inner ul li {
    margin: 0px 0px 0.5em;
    font-size: 21px;
    font-weight: bold;
    line-height: 1.25em;
  }
  #top-pagebox article #content-intro > div.inner > a img {
    max-width: 100%;
    height: auto;
    float: none;
    margin-left: 0px;
  }
  #top-pagebox article #content-intro > div.inner > a img.pc {
    display: none;
  }
  #top-pagebox article #content-intro > div.inner > a img.sp {
    display: block;
  }
  #top-pagebox article #content-guide ul.gallery {
    width: auto;
    margin-right: 0px;
  }
  #top-pagebox article #content-guide ul.gallery li {
    zoom: 1;
    margin: 0px 0px 1em;
  }
  #top-pagebox article #content-guide ul.gallery li img {
    width: auto;
    max-width: 100%;
  }
  #top-pagebox article #content-guide ul.gallery li:last-child img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    height: 210px;
  }
  #top-pagebox article #content-guide #guide-s-install img[src$='guide_install_chara.png'] {
    margin-left: auto;
    margin-right: auto;
    display: block;
    float: none;
    width: auto;
    height: 210px;
    margin-bottom: 1em;
  }
  #top-pagebox article #content-guide #guide-s-install p {
    float: none;
    width: auto;
    margin-bottom: 2em;
  }
  #top-pagebox article #content-guide #guide-s-install ul.download {
    float: none;
    width: auto;
  }
  #top-pagebox article #content-guide #guide-s-install ul.download li {
    zoom: 1;
    float: none;
    margin-right: 0px;
    text-align: center;
  }
}
/*----------------------------------------------------------*/
/*
------------------------------------------------------------*/
#calendar-pagebox {
  /*----------------------------------------------------------*/
  /*----------------------------------------------------------*/
}
#calendar-pagebox p.holidayText {
  margin-bottom: 0px;
}
#calendar-pagebox #calenderTable {
  width: 100%;
  margin: 0px auto;
}
#calendar-pagebox #calenderTable th,
#calendar-pagebox #calenderTable td {
  border: 1px solid #ccc;
  padding: 3px;
}
#calendar-pagebox #calenderTable input[disabled] {
  display: none;
}
/*----------------------------------------------------------*/