/*!===========================
このcssはSassから生成されていますので、
直接編集しないようご注意ください。
===========================*/ @import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500&display=swap"); /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}
body {
  margin: 0
}
article, aside, footer, header, nav, section {
  display: block
}
h1 {
  font-size: 2em;
  margin: .67em 0
}
figcaption, figure, main {
  display: block
}
figure {
  margin: 1em 40px
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}
pre {
  font-family: monospace, monospace;
  font-size: 1em
}
a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted
}
b, strong {
  font-weight: inherit
}
b, strong {
  font-weight: bolder
}
code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em
}
dfn {
  font-style: italic
}
mark {
  background-color: #ff0;
  color: #000
}
small {
  font-size: 80%
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}
sub {
  bottom: -.25em
}
sup {
  top: -.5em
}
audio, video {
  display: inline-block
}
audio:not([controls]) {
  display: none;
  height: 0
}
img {
  border-style: none
}
svg:not(:root) {
  overflow: hidden
}
button, input, optgroup, select, textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}
button, input {
  overflow: visible
}
button, select {
  text-transform: none
}
[type=reset], [type=submit], button, html [type=button] {
  -webkit-appearance: button
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  outline: 1px dotted ButtonText
}
fieldset {
  padding: .35em .75em .625em
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}
progress {
  display: inline-block;
  vertical-align: baseline
}
textarea {
  overflow: auto
}
[type=checkbox], [type=radio] {
  box-sizing: border-box;
  padding: 0
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}
details, menu {
  display: block
}
summary {
  display: list-item
}
canvas {
  display: inline-block
}
template {
  display: none
}
[hidden] {
  display: none
}
*, *::before, *::after {
  box-sizing: border-box
}
h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, blockquote, hr, figure {
  margin: 0
}
h1, h2, h3, h4, h5, h6 {
  font-size: inherit
}
ul, ol {
  padding: 0;
  list-style: none
}
img {
  vertical-align: bottom
}
address {
  font-style: normal
}
input, textarea, select {
  outline: none
}
[type="button"], [type="submit"], [type="reset"], select {
  cursor: pointer
}
@media not screen and (max-width: 677px) {
  a[href^="tel:"] {
    pointer-events: none;
    text-decoration: none;
    color: inherit
  }
}
:root {
  --color01: #F7F3EC;
  --color02: #464646;
  --color03: #707070;
  --color04: #00381F;
  --color05: #C1AE8A;
  --color06: #C4673C;
  --color07: #FFF500;
  --color08: #EAE2D5;
  --color09: #F0EBE2;
  --color10: #FF5353;
  --color11: #F21C1C;
  --ptopbtm: 6rem;
  --mtop: 4rem;
  --col-mtop: var(--mtop)
}
html {
  font-size: 62.5%;
  font-feature-settings: 'palt';
  font-kerning: normal;
  line-break: normal;
  hanging-punctuation: allow-end;
  text-underline-offset: .1em;
  color: var(--color02);
  background: var(--color01)
}
@media screen and (max-width: 1040px) {
  html {
    font-size: calc(100vw / 104)
  }
}
html, #top-sec08 h2 {
  font-family: YuGothic, 'Yu Gothic', Arial, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif
}
#content .lead, #content #facility-spa-sec03 .col h3, #facility-spa-sec03 .col #content h3, #content #facility-bathhouse-sec03 .col h3, #facility-bathhouse-sec03 .col #content h3, #content #facility-sauna-sec03 .col h3, #facility-sauna-sec03 .col #content h3, #content .imgbox div h2, #content .imgbox div h3, #content .slide figcaption .ttl, #pttl, #top-kv .txt p:first-child, #content .nav li .ttl, #base [id*="-sec"]:not(.base) h2, #top-sec02 section h3, #about-sec01 .imgbox ul li, [id^="top-"] h2, #facility-food-sec02 .list li .ttl, #facility-food-sec03 .list li .ttl, #top-sec01 ul li .ttl {
  font-family: 'Verdana', 'Helvetica', 'Arial', sans-serif
}
body {
  position: relative;
  z-index: 1;
  line-height: 1.8;
  font-size: 1.6em
}
body::after {
  content: "";
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: url("../img/bg01.svg") center/56rem no-repeat
}
a {
  color: inherit;
  transition: .5s
}
a:hover {
  text-decoration: none;
  opacity: .8
}
figure {
  text-align: center
}
figcaption {
  font-size: 1.4rem;
  text-align: left;
  margin-top: .5em
}
img {
  max-width: 100% !important;
  height: auto !important
}
em {
  font-style: normal;
  background: linear-gradient(0deg, var(--color07) 50%, transparent 50%)
}
h1, h2, h3, h4, h5, h6 {
  line-height: 1.4
}
hr {
  clear: both;
  margin: 6rem 0;
  border: 0;
  border-top: 1px solid
}
table {
  width: 100%;
  font-weight: bold;
  text-align: center;
  background: rgba(247, 243, 236, 0.5);
  border: 0;
  border-collapse: collapse
}
table th, table td {
  border: 1px solid var(--color03)
}
table th {
  width: 25%;
  font-weight: inherit;
  text-align: inherit;
  white-space: nowrap;
  padding: .5em 1rem;
  background: var(--color08)
}
table thead + tbody th {
  background: var(--color09)
}
table td {
  padding: 1rem
}
table.col > thead > tr > th, table.col > tbody > tr > th, table.col > tfoot > tr > th {
  width: auto
}
table caption {
  font-weight: bold;
  text-align: left
}
@media not screen and (max-width: 677px) {
  .sp {
    display: none !important
  }
}
.clearfix::after, #content::after {
  content: "";
  display: block;
  clear: both
}
.right {
  text-align: right !important
}
.center {
  text-align: center !important
}
.left {
  text-align: left !important
}
.aligncenter {
  display: block;
  margin: 0 auto
}
.alignleft, .alignright {
  max-width: 52% !important;
  margin-bottom: 1em
}
.alignleft {
  float: left;
  margin-right: 5%
}
.alignright {
  float: right;
  margin-left: 5%
}
.nowrap {
  white-space: nowrap
}
.wrap {
  word-break: break-all
}
.kome:not(ul, ol), ul.kome > li, ol.kome > li {
  list-style: none;
  position: relative;
  padding-left: 1.2em
}
.kome:not(ul, ol)::before, ul.kome > li::before, ol.kome > li::before {
  content: "※";
  position: absolute;
  left: 0
}
ol.kome {
  counter-reset: no
}
ol.kome > li {
  counter-increment: no;
  padding-left: 2em
}
ol.kome > li::before {
  content: "※"counter(no)
}
.mtop0 {
  margin-top: 0 !important
}
.btn-wrap {
  text-align: center
}
.btn, .btn-02, #content .nav li .btn-wrap, .btn02, .btn02-02, .form [type="button"], .form [type="submit"], .form [type="reset"], #hcontact .ttl {
  --color: #fff;
  --background: #000;
  display: block;
  position: relative;
  width: 30rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100% !important;
  line-height: 1.4;
  font-size: 1.6rem;
  font-weight: normal;
  text-align: center;
  text-decoration: none;
  color: var(--color);
  margin-left: auto;
  margin-right: auto;
  padding: .5em 2em;
  background: var(--background);
  border: 1px solid var(--background);
  border-radius: 4em
}
.btn small, .btn-02 small, #content .nav li .btn-wrap small, .btn02 small, .btn02-02 small, .form [type="button"] small, .form [type="submit"] small, .form [type="reset"] small, #hcontact .ttl small {
  font-size: inherit;
  margin-right: .8em;
  padding-right: .8em;
  border-right: 1px solid
}
.btn-02, #content .nav li .btn-wrap {
  --color: #000;
  --background: #fff
}
.btn02, .btn02-02, .form [type="button"], .form [type="submit"], .form [type="reset"], #hcontact .ttl {
  --background: var(--color06);
  font-weight: bold;
  padding: .5em .5em .5em 3em;
  border-radius: .7rem
}
.btn02::after, .btn02-02::after, .form [type="button"]::after, .form [type="submit"]::after, .form [type="reset"]::after, #hcontact .ttl::after {
  content: "";
  position: absolute;
  top: 50%;
  left: .5em;
  width: 2em;
  height: 1.5em;
  background: url("../img/icon03.svg") center/contain no-repeat;
  transform: translateY(-50%)
}
.btn02-02 {
  font-size: 2.6rem;
  padding: 1em 2em 1em 4em;
  border-radius: 3em
}
.btn02-02::after {
  left: 1.5em
}
.btn03, .btn03-02 {
  font-size: 1.6rem;
  text-decoration: none;
  color: var(--color04)
}
.btn03::before, .btn03-02::before {
  content: ">"
}
.btn03-02 {
  color: var(--color06)
}
.col:not(table), footer > div:not([id]), #fnav, #content .nav, #facility-food-sec02 .list, #facility-food-sec03 .list, #top-sec01 ul, #top-sec02 section, #column-nav01 ul, #activity-sec02 .list, #top-sec07 ul, #facility-spa-sec02 .list, #facility-bathhouse-sec02 .list, #facility-sauna-sec02 .list, #sightseeing-sec01 .list, #usage-sec01 .list, #info-sec01 .list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}
.col:not(table).reverse, footer > div.reverse:not([id]), .reverse#fnav, #content .reverse.nav, #facility-food-sec02 .reverse.list, #facility-food-sec03 .reverse.list, #top-sec01 ul.reverse, #top-sec02 section.reverse, #column-nav01 ul.reverse, #activity-sec02 .reverse.list, #top-sec07 ul.reverse, #facility-spa-sec02 .reverse.list, #facility-bathhouse-sec02 .reverse.list, #facility-sauna-sec02 .reverse.list, #sightseeing-sec01 .reverse.list, #usage-sec01 .reverse.list, #info-sec01 .reverse.list {
  flex-direction: row-reverse
}
.col:not(table) > *, footer > div:not([id]) > *, #fnav > *, #content .nav > *, #facility-food-sec02 .list > *, #facility-food-sec03 .list > *, #top-sec01 ul > *, #top-sec02 section > *, #column-nav01 ul > *, #activity-sec02 .list > *, #top-sec07 ul > *, #facility-spa-sec02 .list > *, #facility-bathhouse-sec02 .list > *, #facility-sauna-sec02 .list > *, #sightseeing-sec01 .list > *, #usage-sec01 .list > *, #info-sec01 .list > * {
  width: 48%
}
.col:not(table) > *.col-in1, footer > div:not([id]) > *.col-in1, #fnav > *.col-in1, #content .nav > *.col-in1, #facility-food-sec02 .list > *.col-in1, #facility-food-sec03 .list > *.col-in1, #top-sec01 ul > *.col-in1, #top-sec02 section > *.col-in1, #column-nav01 ul > *.col-in1, #activity-sec02 .list > *.col-in1, #top-sec07 ul > *.col-in1, #facility-spa-sec02 .list > *.col-in1, #facility-bathhouse-sec02 .list > *.col-in1, #facility-sauna-sec02 .list > *.col-in1, #sightseeing-sec01 .list > *.col-in1, #usage-sec01 .list > *.col-in1, #info-sec01 .list > *.col-in1 {
  width: calc(8.33% - 1.5%)
}
.col:not(table) > *.col-in2, footer > div:not([id]) > *.col-in2, #fnav > *.col-in2, #content .nav > *.col-in2, #facility-food-sec02 .list > *.col-in2, #facility-food-sec03 .list > *.col-in2, #top-sec01 ul > *.col-in2, #top-sec02 section > *.col-in2, #column-nav01 ul > *.col-in2, #activity-sec02 .list > *.col-in2, #top-sec07 ul > *.col-in2, #facility-spa-sec02 .list > *.col-in2, #facility-bathhouse-sec02 .list > *.col-in2, #facility-sauna-sec02 .list > *.col-in2, #sightseeing-sec01 .list > *.col-in2, #usage-sec01 .list > *.col-in2, #info-sec01 .list > *.col-in2 {
  width: calc(16.66% - 1.5%)
}
.col:not(table) > *.col-in3, footer > div:not([id]) > *.col-in3, #fnav > *.col-in3, #content .nav > *.col-in3, #facility-food-sec02 .list > *.col-in3, #facility-food-sec03 .list > *.col-in3, #top-sec01 ul > *.col-in3, #top-sec02 section > *.col-in3, #column-nav01 ul > *.col-in3, #activity-sec02 .list > *.col-in3, #top-sec07 ul > *.col-in3, #facility-spa-sec02 .list > *.col-in3, #facility-bathhouse-sec02 .list > *.col-in3, #facility-sauna-sec02 .list > *.col-in3, #sightseeing-sec01 .list > *.col-in3, #usage-sec01 .list > *.col-in3, #info-sec01 .list > *.col-in3 {
  width: calc(24.99% - 1.5%)
}
.col:not(table) > *.col-in4, footer > div:not([id]) > *.col-in4, #fnav > *.col-in4, #content .nav > *.col-in4, #facility-food-sec02 .list > *.col-in4, #facility-food-sec03 .list > *.col-in4, #top-sec01 ul > *.col-in4, #top-sec02 section > *.col-in4, #column-nav01 ul > *.col-in4, #activity-sec02 .list > *.col-in4, #top-sec07 ul > *.col-in4, #facility-spa-sec02 .list > *.col-in4, #facility-bathhouse-sec02 .list > *.col-in4, #facility-sauna-sec02 .list > *.col-in4, #sightseeing-sec01 .list > *.col-in4, #usage-sec01 .list > *.col-in4, #info-sec01 .list > *.col-in4 {
  width: calc(33.32% - 1.5%)
}
.col:not(table) > *.col-in5, footer > div:not([id]) > *.col-in5, #fnav > *.col-in5, #content .nav > *.col-in5, #facility-food-sec02 .list > *.col-in5, #facility-food-sec03 .list > *.col-in5, #top-sec01 ul > *.col-in5, #top-sec02 section > *.col-in5, #column-nav01 ul > *.col-in5, #activity-sec02 .list > *.col-in5, #top-sec07 ul > *.col-in5, #facility-spa-sec02 .list > *.col-in5, #facility-bathhouse-sec02 .list > *.col-in5, #facility-sauna-sec02 .list > *.col-in5, #sightseeing-sec01 .list > *.col-in5, #usage-sec01 .list > *.col-in5, #info-sec01 .list > *.col-in5 {
  width: calc(41.65% - 1.5%)
}
.col:not(table) > *.col-in6, footer > div:not([id]) > *.col-in6, #fnav > *.col-in6, #content .nav > *.col-in6, #facility-food-sec02 .list > *.col-in6, #facility-food-sec03 .list > *.col-in6, #top-sec01 ul > *.col-in6, #top-sec02 section > *.col-in6, #column-nav01 ul > *.col-in6, #activity-sec02 .list > *.col-in6, #top-sec07 ul > *.col-in6, #facility-spa-sec02 .list > *.col-in6, #facility-bathhouse-sec02 .list > *.col-in6, #facility-sauna-sec02 .list > *.col-in6, #sightseeing-sec01 .list > *.col-in6, #usage-sec01 .list > *.col-in6, #info-sec01 .list > *.col-in6 {
  width: calc(49.98% - 1.5%)
}
.col:not(table) > *.col-in7, footer > div:not([id]) > *.col-in7, #fnav > *.col-in7, #content .nav > *.col-in7, #facility-food-sec02 .list > *.col-in7, #facility-food-sec03 .list > *.col-in7, #top-sec01 ul > *.col-in7, #top-sec02 section > *.col-in7, #column-nav01 ul > *.col-in7, #activity-sec02 .list > *.col-in7, #top-sec07 ul > *.col-in7, #facility-spa-sec02 .list > *.col-in7, #facility-bathhouse-sec02 .list > *.col-in7, #facility-sauna-sec02 .list > *.col-in7, #sightseeing-sec01 .list > *.col-in7, #usage-sec01 .list > *.col-in7, #info-sec01 .list > *.col-in7 {
  width: calc(58.31% - 1.5%)
}
.col:not(table) > *.col-in8, footer > div:not([id]) > *.col-in8, #fnav > *.col-in8, #content .nav > *.col-in8, #facility-food-sec02 .list > *.col-in8, #facility-food-sec03 .list > *.col-in8, #top-sec01 ul > *.col-in8, #top-sec02 section > *.col-in8, #column-nav01 ul > *.col-in8, #activity-sec02 .list > *.col-in8, #top-sec07 ul > *.col-in8, #facility-spa-sec02 .list > *.col-in8, #facility-bathhouse-sec02 .list > *.col-in8, #facility-sauna-sec02 .list > *.col-in8, #sightseeing-sec01 .list > *.col-in8, #usage-sec01 .list > *.col-in8, #info-sec01 .list > *.col-in8 {
  width: calc(66.64% - 1.5%)
}
.col:not(table) > *.col-in9, footer > div:not([id]) > *.col-in9, #fnav > *.col-in9, #content .nav > *.col-in9, #facility-food-sec02 .list > *.col-in9, #facility-food-sec03 .list > *.col-in9, #top-sec01 ul > *.col-in9, #top-sec02 section > *.col-in9, #column-nav01 ul > *.col-in9, #activity-sec02 .list > *.col-in9, #top-sec07 ul > *.col-in9, #facility-spa-sec02 .list > *.col-in9, #facility-bathhouse-sec02 .list > *.col-in9, #facility-sauna-sec02 .list > *.col-in9, #sightseeing-sec01 .list > *.col-in9, #usage-sec01 .list > *.col-in9, #info-sec01 .list > *.col-in9 {
  width: calc(74.97% - 1.5%)
}
.col:not(table) > *.col-in10, footer > div:not([id]) > *.col-in10, #fnav > *.col-in10, #content .nav > *.col-in10, #facility-food-sec02 .list > *.col-in10, #facility-food-sec03 .list > *.col-in10, #top-sec01 ul > *.col-in10, #top-sec02 section > *.col-in10, #column-nav01 ul > *.col-in10, #activity-sec02 .list > *.col-in10, #top-sec07 ul > *.col-in10, #facility-spa-sec02 .list > *.col-in10, #facility-bathhouse-sec02 .list > *.col-in10, #facility-sauna-sec02 .list > *.col-in10, #sightseeing-sec01 .list > *.col-in10, #usage-sec01 .list > *.col-in10, #info-sec01 .list > *.col-in10 {
  width: calc(83.3% - 1.5%)
}
.col:not(table) > *.col-in11, footer > div:not([id]) > *.col-in11, #fnav > *.col-in11, #content .nav > *.col-in11, #facility-food-sec02 .list > *.col-in11, #facility-food-sec03 .list > *.col-in11, #top-sec01 ul > *.col-in11, #top-sec02 section > *.col-in11, #column-nav01 ul > *.col-in11, #activity-sec02 .list > *.col-in11, #top-sec07 ul > *.col-in11, #facility-spa-sec02 .list > *.col-in11, #facility-bathhouse-sec02 .list > *.col-in11, #facility-sauna-sec02 .list > *.col-in11, #sightseeing-sec01 .list > *.col-in11, #usage-sec01 .list > *.col-in11, #info-sec01 .list > *.col-in11 {
  width: calc(91.63% - 1.5%)
}
.col:not(table) > *.col-in12, footer > div:not([id]) > *.col-in12, #fnav > *.col-in12, #content .nav > *.col-in12, #facility-food-sec02 .list > *.col-in12, #facility-food-sec03 .list > *.col-in12, #top-sec01 ul > *.col-in12, #top-sec02 section > *.col-in12, #column-nav01 ul > *.col-in12, #activity-sec02 .list > *.col-in12, #top-sec07 ul > *.col-in12, #facility-spa-sec02 .list > *.col-in12, #facility-bathhouse-sec02 .list > *.col-in12, #facility-sauna-sec02 .list > *.col-in12, #sightseeing-sec01 .list > *.col-in12, #usage-sec01 .list > *.col-in12, #info-sec01 .list > *.col-in12 {
  width: 100%
}
.youtube {
  position: relative;
  overflow: hidden
}
.youtube::after {
  content: "";
  display: block;
  width: 100%;
  padding-top: 56.25%
}
.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.gmap {
  position: relative;
  overflow: hidden
}
.gmap::after {
  content: "";
  display: block;
  height: 0;
  padding-top: 56.25%
}
.gmap iframe, .gmap object, .gmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.accordion > dt {
  cursor: pointer
}
.accordion > dt:hover {
  opacity: .8
}
.accordion > dd {
  display: none
}
.wp-pagenavi {
  clear: both;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  line-height: 2.9em;
  font-size: 1.3rem;
  font-weight: bold;
  text-align: center;
  color: #666;
  margin-top: 4rem
}
.wp-pagenavi > * {
  min-width: 3em;
  margin: .5rem .5rem 0;
  padding: 0 .5em;
  background: #fff;
  border: 1px solid #ccc
}
.wp-pagenavi a:hover, .wp-pagenavi .current {
  color: #fff;
  background: var(--color04);
  border-color: var(--color04)
}
.wp-pagenavi a {
  text-decoration: none
}
.wp-pagenavi a:hover {
  opacity: 1
}
.wp-pagenavi .pages {
  min-width: 4em
}
#content .slide .slick-slide li, #content .slide02 .slick-slide li, #top-kv ul .slick-slide li {
  vertical-align: bottom
}
#content .slide .slick-slide img, #content .slide02 .slick-slide img, #top-kv ul .slick-slide img {
  width: 100%
}
#content .slide .slick-prev, #content .slide02 .slick-prev, #top-kv ul .slick-prev, #content .slide .slick-next, #content .slide02 .slick-next, #top-kv ul .slick-next {
  z-index: 1;
  width: 1em;
  height: 100%;
  font-size: 5.2rem;
  text-indent: 120%;
  white-space: nowrap;
  overflow: hidden;
  background: url("../img/arrow01l.svg") right center/1em no-repeat
}
#content .slide .slick-prev::before, #content .slide02 .slick-prev::before, #top-kv ul .slick-prev::before, #content .slide .slick-next::before, #content .slide02 .slick-next::before, #top-kv ul .slick-next::before {
  content: normal
}
#content .slide .slick-prev, #content .slide02 .slick-prev, #top-kv ul .slick-prev {
  left: 0
}
#content .slide .slick-next, #content .slide02 .slick-next, #top-kv ul .slick-next {
  right: 0;
  background-image: url("../img/arrow01r.svg");
  background-position: left center
}
#content .slick-dotted.slide, #content .slick-dotted.slide02, #top-kv ul.slick-dotted {
  margin-bottom: 8rem
}
#content .slide .slick-dots, #content .slide02 .slick-dots, #top-kv ul .slick-dots {
  bottom: -4rem;
  line-height: 1;
  font-size: 2rem;
  color: var(--color02);
  margin-top: 0
}
#content .slide .slick-dots *, #content .slide02 .slick-dots *, #top-kv ul .slick-dots *, #content .slide .slick-dots *::before, #content .slide02 .slick-dots *::before, #top-kv ul .slick-dots *::before {
  width: 1em;
  height: 1em;
  font-size: inherit;
  color: inherit;
  opacity: 1
}
#content .slide .slick-dots li, #content .slide02 .slick-dots li, #top-kv ul .slick-dots li {
  margin: 0 .5em
}
#content .slide .slick-dots button, #content .slide02 .slick-dots button, #top-kv ul .slick-dots button {
  color: transparent;
  padding: 0
}
#content .slide .slick-dots button::before, #content .slide02 .slick-dots button::before, #top-kv ul .slick-dots button::before {
  content: "";
  border: 1px solid;
  border-radius: 100%
}
#content .slide .slick-dots .slick-active button::before, #content .slide02 .slick-dots .slick-active button::before, #top-kv ul .slick-dots .slick-active button::before {
  background: var(--color02)
}
.base {
  max-width: calc(81rem + 2rem * 2);
  margin-left: auto;
  margin-right: auto
}
.base > * {
  margin-left: 0 !important;
  margin-right: 0 !important
}
.base h2, .base h3, .base h4, .base h5, .base h6 {
  font-weight: 500;
  margin-bottom: -2rem
}
.base h1 {
  margin-top: 1em;
  font-size: 2.6rem;
  color: var(--color04);
  padding-bottom: .5em;
  border-bottom: 1px solid
}
.base h2 {
  margin-top: var(--ptopbtm);
  font-size: 1.8rem;
  padding-left: .5em;
  border-left: 1.3rem solid var(--color04)
}
.base h3 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #000;
  padding-bottom: .5em;
  border-bottom: 1px solid var(--color03)
}
.base h4, .base h5, .base h6 {
  color: #000
}
.base dl:not([class]) > dt {
  font-weight: bold;
  margin-top: .5em
}
.base ul:not([class]), #facility-detail-sec01 ul:not([class]), #facility-food-sec04 ul:not([class]), #facility-spa-sec03 ul:not([class]), #facility-bathhouse-sec03 ul:not([class]), #facility-sauna-sec03 ul:not([class]), #activity-sec02 ul:not([class]), #sightseeing-sec01 ul:not([class]), #usage-sec03 ul:not([class]), #info-sec01 ul:not([class]), #faq-sec01 ul:not([class]), #access-sec01 ul:not([class]), .base ol:not([class]) {
  padding-left: 2em
}
.base ul:not([class]) > li, #facility-detail-sec01 ul:not([class]) > li, #facility-food-sec04 ul:not([class]) > li, #facility-spa-sec03 ul:not([class]) > li, #facility-bathhouse-sec03 ul:not([class]) > li, #facility-sauna-sec03 ul:not([class]) > li, #activity-sec02 ul:not([class]) > li, #sightseeing-sec01 ul:not([class]) > li, #usage-sec03 ul:not([class]) > li, #info-sec01 ul:not([class]) > li, #faq-sec01 ul:not([class]) > li, #access-sec01 ul:not([class]) > li, .base ul:not([class]) ul, #facility-detail-sec01 ul:not([class]) ul, #facility-food-sec04 ul:not([class]) ul, #facility-spa-sec03 ul:not([class]) ul, #facility-bathhouse-sec03 ul:not([class]) ul, #facility-sauna-sec03 ul:not([class]) ul, #activity-sec02 ul:not([class]) ul, #sightseeing-sec01 ul:not([class]) ul, #usage-sec03 ul:not([class]) ul, #info-sec01 ul:not([class]) ul, #faq-sec01 ul:not([class]) ul, #access-sec01 ul:not([class]) ul, .base ul:not([class]) ol, #facility-detail-sec01 ul:not([class]) ol, #facility-food-sec04 ul:not([class]) ol, #facility-spa-sec03 ul:not([class]) ol, #facility-bathhouse-sec03 ul:not([class]) ol, #facility-sauna-sec03 ul:not([class]) ol, #activity-sec02 ul:not([class]) ol, #sightseeing-sec01 ul:not([class]) ol, #usage-sec03 ul:not([class]) ol, #info-sec01 ul:not([class]) ol, #faq-sec01 ul:not([class]) ol, #access-sec01 ul:not([class]) ol, .base ol:not([class]) > li, .base ol:not([class]) ul, .base ol:not([class]) ol {
  margin-top: .5em
}
.base ul:not([class]) > li:first-child, #facility-detail-sec01 ul:not([class]) > li:first-child, #facility-food-sec04 ul:not([class]) > li:first-child, #facility-spa-sec03 ul:not([class]) > li:first-child, #facility-bathhouse-sec03 ul:not([class]) > li:first-child, #facility-sauna-sec03 ul:not([class]) > li:first-child, #activity-sec02 ul:not([class]) > li:first-child, #sightseeing-sec01 ul:not([class]) > li:first-child, #usage-sec03 ul:not([class]) > li:first-child, #info-sec01 ul:not([class]) > li:first-child, #faq-sec01 ul:not([class]) > li:first-child, #access-sec01 ul:not([class]) > li:first-child, .base ol:not([class]) > li:first-child {
  margin-top: 0
}
.base ul:not([class]) > li.kome, #facility-detail-sec01 ul:not([class]) > li.kome, #facility-food-sec04 ul:not([class]) > li.kome, #facility-spa-sec03 ul:not([class]) > li.kome, #facility-bathhouse-sec03 ul:not([class]) > li.kome, #facility-sauna-sec03 ul:not([class]) > li.kome, #activity-sec02 ul:not([class]) > li.kome, #sightseeing-sec01 ul:not([class]) > li.kome, #usage-sec03 ul:not([class]) > li.kome, #info-sec01 ul:not([class]) > li.kome, #faq-sec01 ul:not([class]) > li.kome, #access-sec01 ul:not([class]) > li.kome, .base ol:not([class]) > li.kome {
  margin-left: -1.2em
}
.base ul:not([class]), #facility-detail-sec01 ul:not([class]), #facility-food-sec04 ul:not([class]), #facility-spa-sec03 ul:not([class]), #facility-bathhouse-sec03 ul:not([class]), #facility-sauna-sec03 ul:not([class]), #activity-sec02 ul:not([class]), #sightseeing-sec01 ul:not([class]), #usage-sec03 ul:not([class]), #info-sec01 ul:not([class]), #faq-sec01 ul:not([class]), #access-sec01 ul:not([class]) {
  list-style: disc
}
.base ul:not([class]) > li > ul, #facility-detail-sec01 ul:not([class]) > li > ul, #facility-food-sec04 ul:not([class]) > li > ul, #facility-spa-sec03 ul:not([class]) > li > ul, #facility-bathhouse-sec03 ul:not([class]) > li > ul, #facility-sauna-sec03 ul:not([class]) > li > ul, #activity-sec02 ul:not([class]) > li > ul, #sightseeing-sec01 ul:not([class]) > li > ul, #usage-sec03 ul:not([class]) > li > ul, #info-sec01 ul:not([class]) > li > ul, #faq-sec01 ul:not([class]) > li > ul, #access-sec01 ul:not([class]) > li > ul {
  list-style: "・ "
}
.base ol:not([class]) {
  list-style: decimal
}
.base ol:not([class]) > li > ol {
  list-style: lower-alpha
}
.form [type="text"], .form [type="number"], .form [type="search"], .form [type="email"], .form [type="tel"], .form [type="url"], .form [type="password"], .form [type="date"], .form [type="datetime-local"], .form [type="month"], .form [type="week"], .form [type="time"], .form textarea, .form select {
  width: 100%;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  font: inherit;
  padding: 1rem;
  background-color: #fff;
  border: 1px solid var(--color03);
  border-radius: 0
}
.form [type="text"]:disabled, .form [type="number"]:disabled, .form [type="search"]:disabled, .form [type="email"]:disabled, .form [type="tel"]:disabled, .form [type="url"]:disabled, .form [type="password"]:disabled, .form [type="date"]:disabled, .form [type="datetime-local"]:disabled, .form [type="month"]:disabled, .form [type="week"]:disabled, .form [type="time"]:disabled, .form textarea:disabled, .form select:disabled {
  background-color: #ddd
}
.form [type="text"]:invalid, .form [type="number"]:invalid, .form [type="search"]:invalid, .form [type="email"]:invalid, .form [type="tel"]:invalid, .form [type="url"]:invalid, .form [type="password"]:invalid, .form [type="date"]:invalid, .form [type="datetime-local"]:invalid, .form [type="month"]:invalid, .form [type="week"]:invalid, .form [type="time"]:invalid, .form textarea:invalid, .form select:invalid {
  background: #FFD6D6
}
.form textarea {
  height: 10em;
  vertical-align: bottom
}
.form select {
  padding-right: 2.5rem;
  background-image: url("../img/select.svg");
  background-position: right 1rem center;
  background-size: 1rem;
  background-repeat: no-repeat
}
.form select::-ms-expand {
  display: none
}
.form [type="radio"], .form [type="checkbox"] {
  margin-right: .2em
}
.form [type="button"], .form [type="submit"], .form [type="reset"] {
  width: 24.5rem;
  font-family: inherit;
  font-size: 2.1rem;
  padding: .5em
}
.form [type="button"]::after, .form [type="submit"]::after, .form [type="reset"]::after {
  content: normal
}
.form [type="button"]:hover, .form [type="submit"]:hover, .form [type="reset"]:hover {
  opacity: .8
}
.form [type="button"][name="submitBack"], .form [type="submit"][name="submitBack"], .form [type="reset"][name="submitBack"] {
  background: var(--color03);
  border-color: #666
}
.form form {
  max-width: 100rem !important;
  padding: 4rem 10%;
  background: #fff
}
.form h2 {
  font-family: inherit !important;
  font-size: 2rem !important;
  font-weight: bold !important
}
.form .form-table {
  font-weight: normal;
  text-align: left;
  background: transparent
}
.form .form-table th, .form .form-table td {
  vertical-align: top;
  padding: 1rem 0;
  border: 0
}
.form .form-table th {
  width: 32%;
  padding-top: 1.5rem;
  background: none
}
.form .form-table td {
  padding-top: 0;
  padding-left: 1rem
}
.form .form-table td input, .form .form-table td textarea, .form .form-table td select, .form .form-table td > * {
  margin-top: 1rem
}
.form .form-table td .checkbox li, .form .form-table td .radio li {
  position: relative;
  margin-top: 1rem;
  padding-left: 1.2em
}
.form .form-table td .checkbox li [type="checkbox"], .form .form-table td .checkbox li [type="radio"], .form .form-table td .radio li [type="checkbox"], .form .form-table td .radio li [type="radio"] {
  position: absolute;
  left: 0;
  margin: 0
}
.form .form-table td .error {
  color: var(--color11)
}
.form .req {
  font-size: 1.4rem;
  color: var(--color10)
}
.form .req::before, .form .req::after {
  content: "（"
}
.form .req::after {
  content: "）"
}
.form .submit {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 3rem
}
.form .submit [type="button"], .form .submit [type="submit"], .form .submit [type="reset"] {
  margin: 1rem 1rem 0
}
.form .mwform-tel-field {
  display: flex;
  justify-content: space-between;
  align-items: center
}
.form .mwform-tel-field input[type="text"] {
  width: calc((100% - 3em) / 3);
  margin-top: 0
}
.form .mw_wp_form_confirm .form-table th, .form .mw_wp_form_confirm .form-table td {
  padding-top: 1rem;
  padding-bottom: 1rem
}
.form .mw_wp_form_confirm .form-table td > *:first-child {
  margin-top: 0
}
.ani {
  opacity: 0
}
.ani.inview {
  opacity: 1
}
.ani01.inview {
  animation: fadeInUp;
  animation-duration: 1s
}
.ani02.inview {
  animation: fadeInLeft;
  animation-duration: 1s
}
.ani03.inview {
  animation: fadeInRight;
  animation-duration: 1s
}
@media not screen and (max-width: 677px) {
  #top-sec01 ul li:nth-child(3n+2), #top-sec07 ul li:nth-child(3n+2) {
    animation-duration: 1.2s
  }
  #top-sec01 ul li:nth-child(3n+3), #top-sec07 ul li:nth-child(3n+3) {
    animation-duration: 1.4s
  }
}
footer > *, #content > * {
  padding-left: 2rem;
  padding-right: 2rem
}
footer > * > *, #content > * > *, #content .slide > *, #content .slide02 > * {
  max-width: 100rem;
  margin-left: auto;
  margin-right: auto
}
#content .slide, #content .slide02 {
  max-width: none;
  margin-left: calc(2rem * -1);
  margin-right: calc(2rem * -1);
  padding-left: 2rem;
  padding-right: 2rem
}
header {
  position: relative
}
header a {
  text-decoration: none
}
#hlogo {
  position: absolute;
  z-index: 2;
  top: 3rem;
  left: 50%;
  line-height: 1;
  transform: translateX(-50%)
}
#hlogo img {
  width: 8rem;
  max-width: none !important
}
#top #hlogo {
  top: calc(40 / 1366 * 100vw);
  left: 50%;
  transform: translateX(-50%)
}
#top #hlogo img {
  width: calc(338 / 1366 * 100vw)
}
#gnav-wrap {
  z-index: 99;
  width: 40rem !important;
  color: #fff;
  padding: 8rem 6rem 6rem;
  background: #000;
  overflow-y: auto
}
.drawer--right .drawer-nav {
  right: -40rem
}
.drawer-hamburger {
  position: fixed;
  z-index: 99;
  top: 0;
  right: 0 !important;
  width: 2.5rem;
  margin: 0;
  padding: 1.7rem 1.5rem;
  background: #000 !important
}
.drawer-hamburger-icon {
  margin: .9rem 0
}
.drawer-hamburger-icon, .drawer-hamburger-icon::before, .drawer-hamburger-icon::after {
  height: 3px;
  background: #fff
}
.drawer-hamburger-icon::before {
  top: -.9rem
}
.drawer-hamburger-icon::after {
  top: .9rem
}
.drawer-overlay {
  z-index: 98
}
#gnav {
  font-size: 1.8rem;
  margin-top: 4rem
}
#gnav li {
  margin-top: 1em
}
#gnav li small {
  margin-left: 1em
}
#hcontact {
  --mtop: 1rem;
  position: fixed;
  z-index: 98;
  top: 0;
  right: 7rem;
  width: 21rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
  padding: 1.5rem;
  background: var(--color06);
  border-radius: 0 0 1.2rem 1.2rem;
  cursor: pointer
}
#hcontact > *:nth-child(n+2) {
  display: none
}
#hcontact.on > *:nth-child(n+2) {
  display: block
}
#hcontact .ttl {
  width: auto;
  font-size: 1.7rem;
  padding: 0 0 0 3.5rem
}
#hcontact .ttl::after {
  left: 0
}
#hcontact .link a {
  display: block;
  font-size: 1.8rem;
  color: var(--color06);
  padding: .5rem;
  background: var(--color07);
  border-radius: 4em
}
#hcontact .ttl02 {
  font-size: 1.6rem
}
#hcontact .tel {
  line-height: 1.2;
  font-size: 2.1rem;
  color: var(--color07);
  margin-top: 0
}
footer > div:not([id]) {
  align-items: center;
  position: relative;
  color: #fff;
  margin-top: 12rem;
  padding: 4rem 5%;
  background: var(--color04)
}
footer > div:not([id])::before {
  content: "";
  position: absolute;
  top: -12rem;
  left: 0;
  width: 100%;
  height: 9.5rem;
  background: url("../img/bg02.svg") center/auto 100% no-repeat
}
footer > div:not([id]) > * {
  width: auto !important;
  max-width: none;
  margin: 0
}
footer address {
  --mtop: 2em
}
#fsns {
  display: flex;
  justify-content: center;
  padding-top: 4rem;
  padding-bottom: 4rem
}
#fsns li {
  margin: 0 1rem
}
#fsns li a {
  display: block;
  width: 6.6rem;
  height: 6.6rem;
  text-indent: 120%;
  white-space: nowrap;
  overflow: hidden;
  background: url("../img/icon04-01.svg") center/contain no-repeat
}
#fsns li.no02 a {
  background-image: url("../img/icon04-02.svg")
}
#fsns li.no03 a {
  background-image: url("../img/icon04-03.svg")
}
#fsns li.no04 a {
  background-image: url("../img/icon04-04.svg")
}
#flogo img {
  width: 19rem
}
#fnav {
  justify-content: flex-start
}
#fnav ul {
  --mtop: 0;
  width: auto;
  margin-left: 4rem
}
#fnav ul:first-child {
  margin-left: 0
}
#fnav a {
  text-decoration: none
}
#content {
  overflow: hidden
}
#content > *, section {
  padding-top: var(--ptopbtm);
  padding-bottom: var(--ptopbtm)
}
.col:not(table) > * > *, footer > div:not([id]) > * > *, #fnav > * > *, #content .nav > * > *, #facility-food-sec02 .list > * > *, #facility-food-sec03 .list > * > *, #top-sec01 ul > * > *, #top-sec02 section > * > *, #column-nav01 ul > * > *, #activity-sec02 .list > * > *, #top-sec07 ul > * > *, #facility-spa-sec02 .list > * > *, #facility-bathhouse-sec02 .list > * > *, #facility-sauna-sec02 .list > * > *, #sightseeing-sec01 .list > * > *, #usage-sec01 .list > * > *, #info-sec01 .list > * > *, .base > *, .form form > *, #hcontact > *, #content .imgbox div > *, #content .nav li a > *, #top-sec02 .bnr > *, #top-sec05 .bnr > *, #top-sec08 .bnr > *, #column-nav01 ul li a > *, #activity-sec02 .list li a > *, #top-sec07 ul li a > *, #about-sec01 .imgbox ul > *, #facility-detail-sec01 .list > li > *, #access-sec01 .list li > *, #content > * > *, #content section > * {
  margin-top: var(--mtop)
}
.col:not(table) > * > *:first-child, footer > div:not([id]) > * > *:first-child, #fnav > * > *:first-child, #content .nav > * > *:first-child, #facility-food-sec02 .list > * > *:first-child, #facility-food-sec03 .list > * > *:first-child, #top-sec01 ul > * > *:first-child, #top-sec02 section > * > *:first-child, #column-nav01 ul > * > *:first-child, #activity-sec02 .list > * > *:first-child, #top-sec07 ul > * > *:first-child, #facility-spa-sec02 .list > * > *:first-child, #facility-bathhouse-sec02 .list > * > *:first-child, #facility-sauna-sec02 .list > * > *:first-child, #sightseeing-sec01 .list > * > *:first-child, #usage-sec01 .list > * > *:first-child, #info-sec01 .list > * > *:first-child, .base > *:first-child, .form form > *:first-child, #hcontact > *:first-child, #content .imgbox div > *:first-child, #content .nav li a > *:first-child, #top-sec02 .bnr > *:first-child, #top-sec05 .bnr > *:first-child, #top-sec08 .bnr > *:first-child, #column-nav01 ul li a > *:first-child, #activity-sec02 .list li a > *:first-child, #top-sec07 ul li a > *:first-child, #about-sec01 .imgbox ul > *:first-child, #facility-detail-sec01 .list > li > *:first-child, #access-sec01 .list li > *:first-child, #content > * > *:first-child, #content section > *:first-child {
  margin-top: 0
}
#content .lead, #content #facility-spa-sec03 .col h3, #facility-spa-sec03 .col #content h3, #content #facility-bathhouse-sec03 .col h3, #facility-bathhouse-sec03 .col #content h3, #content #facility-sauna-sec03 .col h3, #facility-sauna-sec03 .col #content h3 {
  font-size: 2.1rem;
  font-weight: 500;
  text-align: center;
  color: var(--color04)
}
#content .imgbox {
  position: relative;
  min-height: calc(68rem + 11rem);
  padding: 30rem 0 6rem calc(100rem - 63.5rem)
}
#content .imgbox::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 68rem;
  background: url("../img/top-sec01-img01.jpg") center/cover no-repeat
}
#content .imgbox::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 9.5rem;
  background: url("../img/bg02.svg") center/auto 100% no-repeat
}
#content .imgbox div {
  position: relative;
  color: #fff;
  padding: 2rem 5% 3rem;
  background: var(--color04)
}
#content .imgbox div > * {
  color: inherit !important
}
#content .imgbox div h2, #content .imgbox div h3 {
  line-height: inherit;
  font-size: 2.6rem;
  font-weight: 500;
  text-align: center
}
#content .cnt-detail {
  display: flex;
  align-items: center
}
#content .cnt-detail .cate {
  width: 8em;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
  margin-left: 2rem;
  padding: .2em;
  background: var(--color05)
}
#content .cnt-detail .cate02 {
  color: #fff;
  margin-left: 2rem;
  padding: .2em .5em;
  background: #000
}
#content .nav {
  justify-content: center
}
#content .nav li {
  width: 48%;
  margin: 3rem 0 0 4%
}
#content .nav li:nth-child(2n+1) {
  margin-left: 0
}
#content .nav li a {
  --mtop: 1em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 1;
  height: 23.5rem;
  text-decoration: none;
  color: #fff;
  padding: 2rem;
  background: url("../img/bg03-01.jpg") center/cover no-repeat
}
#content .nav li a::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4)
}
#content .nav li a::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 1rem;
  left: 1rem;
  width: calc(100% - 2rem);
  height: calc(100% - 2rem);
  border: 1px solid
}
#content .nav li .ttl {
  font-size: 4.3rem !important;
  color: inherit !important
}
#content .nav li .ttl::before {
  height: 4.5rem
}
#content .nav li .ttl small {
  font-size: 1.7rem !important
}
#content .nav li .btn-wrap {
  font-size: 1.2rem
}
#content .nav li.no02 a {
  background-image: url("../img/bg03-02.jpg")
}
#content .nav li.no03 a {
  background-image: url("../img/bg03-03.jpg")
}
#content .nav li.no04 a {
  background-image: url("../img/bg03-04.jpg")
}
#content .nav li.no05 a {
  background-image: url("../img/bg03-05.jpg")
}
#content .nav li.no06 a {
  background-image: url("../img/bg03-06.jpg")
}
#content .nav li.no02 .ttl::before {
  background-image: url("../img/icon02-02.svg")
}
#content .nav li.no03 .ttl::before, #content .nav li.no04 .ttl::before, #content .nav li.no05 .ttl::before, #content .nav li.no06 .ttl::before {
  content: normal
}
@media not screen and (max-width: 677px) {
  #content .nav li:nth-child(-n+2) {
    margin-top: 0
  }
}
#content .nav02 {
  text-align: center
}
#content .nav02 li {
  display: inline-block;
  margin: 1em .5em 0
}
#content .nav02 li a {
  display: block;
  text-decoration: none
}
#content .nav02 li a::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: .5em;
  background: url("../img/arrow02b.svg") center/contain no-repeat
}
#content .slide, #content .slide02 {
  margin-bottom: 0 !important;
  padding: 0
}
#content .slide > *, #content .slide02 > * {
  max-width: none
}
#content .slide .slick-list, #content .slide02 .slick-list {
  padding-left: calc((100vw - 100rem) / 2 - 1rem);
  padding-right: calc((100vw - 100rem) / 2 - 1rem)
}
#content .slide .slick-slide, #content .slide02 .slick-slide {
  position: relative;
  margin: 0 1rem
}
#content .slide .slick-prev, #content .slide .slick-next, #content .slide02 .slick-prev, #content .slide02 .slick-next {
  width: calc((100vw - 100rem) / 2 + 7rem)
}
#content .slide + .slide-dots, #content .slide02 + .slide-dots {
  margin-top: 2rem
}
#content .slide + .slide-dots .slick-dots, #content .slide02 + .slide-dots .slick-dots {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: static
}
#content .slide + .slide-dots .slick-dots li, #content .slide + .slide-dots .slick-dots li *, #content .slide02 + .slide-dots .slick-dots li, #content .slide02 + .slide-dots .slick-dots li * {
  width: auto;
  height: auto
}
#content .slide figcaption, #content .slide02 figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: inherit
}
#content .slide + .slide-dots, #content .slide02 + .slide-dots {
  max-width: 85rem
}
#content .slide + .slide-dots .slick-dots {
  font-size: 1.4rem;
  color: inherit
}
#content .slide + .slide-dots .slick-dots li {
  margin-top: .5em;
  padding: .2em .5em
}
#content .slide + .slide-dots .slick-dots li.slick-active {
  color: #fff;
  background: var(--color05)
}
#content .slide figcaption {
  font-size: inherit
}
#content .slide figcaption p {
  color: #fff;
  padding: .5em 2rem
}
#content .slide figcaption .ttl {
  line-height: 1.4;
  font-size: 2.6rem;
  font-weight: 500
}
#content .slide figcaption .ttl + p {
  font-size: 1.4rem;
  background: rgba(0, 0, 0, 0.5)
}
#content .slide02 + .slide-dots .slick-dots li {
  width: 15.88%;
  margin: 1rem 0 0 .94%
}
#content .slide02 + .slide-dots .slick-dots li:nth-child(-n+6) {
  margin-top: 0
}
#content .slide02 + .slide-dots .slick-dots li:nth-child(6n+1) {
  margin-left: 0
}
#content .slide02 + .slide-dots .slick-dots li.slick-active img {
  outline: 4px solid var(--color05);
  outline-offset: -4px
}
#content .slide02 figcaption {
  color: #fff;
  padding: .5em 2rem;
  background: rgba(0, 0, 0, 0.5)
}
#content > .bnr {
  text-align: center
}
#content > .bnr p {
  --mtop: 2rem
}
#pttl {
  position: relative;
  z-index: 1;
  height: 40rem;
  line-height: 1.4;
  font-size: 5.5rem;
  text-align: center;
  color: #fff;
  padding-top: 20rem;
  padding-bottom: 0;
  background: url("../img/pttl-bg01.jpg") center/cover no-repeat
}
#pttl::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  width: 13rem;
  height: 26rem;
  background: var(--color04);
  transform: translateX(-50%)
}
#pttl h1 {
  line-height: inherit;
  font-weight: inherit
}
#pttl small {
  display: block;
  font-size: 1.9rem
}
#top-kv {
  position: relative;
  height: calc(940 / 1366 * 100vw);
  margin-bottom: -4%;
  padding: 0;
  text-align: center
}
#top-kv::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../img/top-kv-bg.svg") center top/100% no-repeat
}
#top-kv::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 77%;
  left: 0;
  width: 100%;
  height: 9.5rem;
  background: url("../img/bg02.svg") center/auto 100% no-repeat
}
#top-kv > * {
  max-width: none
}
#top-kv .txt {
  position: absolute;
  z-index: 1;
  top: 35%;
  left: 0;
  width: 100%;
  font-size: calc(34 / 1366 * 100vw);
  font-weight: bold;
  text-align: center;
  text-shadow: .2rem .2rem .4rem #000;
  color: #fff;
  margin-top: 0
}
#top-kv .txt p:first-child {
  font-weight: 500;
  font-size: calc(25 / 1366 * 100vw)
}
#top-kv .txt p:last-child {
  line-height: 1.2;
  font-size: calc(63 / 1366 * 100vw)
}
#top-kv .txt p:last-child small {
  font-size: calc(40 / 63 * 1em)
}
#content .nav li .ttl, #base [id*="-sec"]:not(.base) h2, #top-sec02 section h3, #about-sec01 .imgbox ul li, [id^="top-"] h2 {
  line-height: 1.4;
  font-size: 5.5rem;
  font-weight: 500;
  text-align: center;
  color: var(--color04)
}
#content .nav li .ttl::before, #base [id*="-sec"]:not(.base) h2::before, #top-sec02 section h3::before, #about-sec01 .imgbox ul li::before, [id^="top-"] h2::before {
  content: "";
  display: block;
  height: 6.6rem;
  background: url("../img/icon01-01.svg") center/contain no-repeat
}
#content .nav li .ttl small, #base [id*="-sec"]:not(.base) h2 small, #top-sec02 section h3 small, #about-sec01 .imgbox ul li small, [id^="top-"] h2 small {
  display: block;
  font-size: 1.9rem
}
#top-sec01 .lead, #top-sec01 #facility-spa-sec03 .col h3, #facility-spa-sec03 .col #top-sec01 h3, #top-sec01 #facility-bathhouse-sec03 .col h3, #facility-bathhouse-sec03 .col #top-sec01 h3, #top-sec01 #facility-sauna-sec03 .col h3, #facility-sauna-sec03 .col #top-sec01 h3 {
  font-size: 4rem
}
#facility-food-sec02 .list, #facility-food-sec03 .list, #top-sec01 ul {
  justify-content: center !important
}
#facility-food-sec02 .list li, #facility-food-sec03 .list li, #top-sec01 ul li {
  --mtop: 1em;
  width: 31%;
  margin-left: 3.5%;
  font-size: 1.4rem
}
#facility-food-sec02 .list li:nth-child(3n+1), #facility-food-sec03 .list li:nth-child(3n+1), #top-sec01 ul li:nth-child(3n+1) {
  margin-left: 0
}
#facility-food-sec02 .list li .ttl, #facility-food-sec03 .list li .ttl, #top-sec01 ul li .ttl {
  font-size: 2.1rem;
  font-weight: 500;
  text-align: center;
  color: var(--color04)
}
#top-sec02 section {
  margin-top: 0
}
#top-sec02 section > figure {
  width: calc(50vw + 2rem)
}
#top-sec02 section > figure img {
  width: 100%;
  max-width: none !important;
  height: 45rem !important;
  object-fit: cover
}
#top-sec02 section > div {
  --mtop: 1em;
  display: flex;
  flex-direction: column;
  margin-top: 0;
  width: calc(440 / 1000 * 100%)
}
#top-sec02 section:nth-child(odd) > figure {
  margin-left: calc((100vw - 100rem) / -2)
}
#top-sec02 section:nth-child(even) {
  flex-direction: row-reverse
}
#top-sec02 section:nth-child(even) > figure {
  margin-right: calc((100vw - 100rem) / -2)
}
#content .nav li .ttl, #base [id*="-sec"]:not(.base) h2, #top-sec02 section h3 {
  font-size: 5rem;
  color: #000
}
#content .nav li .ttl::before, #base [id*="-sec"]:not(.base) h2::before, #top-sec02 section h3::before {
  height: 6rem;
  background-image: url("../img/icon02-01.svg")
}
#content .nav li .ttl small, #base [id*="-sec"]:not(.base) h2 small, #top-sec02 section h3 small {
  font-size: 2.4rem
}
#top-sec02 section h3 + p {
  margin-bottom: auto
}
#top-sec02 section.no02 h3::before {
  background-image: url("../img/icon02-02.svg")
}
#top-sec02 section.no03 h3::before {
  background-image: url("../img/icon02-03.svg")
}
#top-sec02 .bnr {
  text-align: center
}
#top-sec02 .bnr p {
  --mtop: 2rem
}
#top-sec03 {
  position: relative;
  text-align: center;
  color: var(--color04)
}
#top-sec03::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(200, 180, 146, 0.45)
}
#top-sec03 > * {
  position: relative
}
#top-sec03 h3 {
  font-size: 2rem;
  font-weight: bold
}
#top-sec03 .tel {
  font-size: 4.9rem;
  font-weight: bold;
  line-height: 1.2;
  margin-top: .5em
}
#top-sec03 .tel a {
  text-decoration: none
}
#top-sec03 .note {
  font-size: 1.8rem;
  font-weight: bold;
  margin-top: .5em
}
#top-sec03 .btn-wrap a {
  font-size: 2.1rem
}
#top-sec04 {
  font-weight: bold;
  text-align: center
}
#top-sec04 .add {
  font-size: 2.4rem
}
#top-sec04 .note {
  font-size: 1.4rem;
  margin-top: 1em
}
#top-sec04 .btn-wrap {
  justify-content: center
}
#top-sec04 .btn-wrap a {
  width: auto;
  margin: 0 1.5rem
}
#top-sec04 + .bnr p {
  max-width: 81rem
}
#top-sec09 h2, #top-sec05 h2, #top-sec08 h2 {
  font-size: 2.6rem
}
#top-sec09 h2::before, #top-sec05 h2::before, #top-sec08 h2::before {
  content: normal
}
#news-nav01 ul, #top-sec05 ul, #top-sec08 ul {
  max-width: 70rem
}
#news-nav01 ul li, #top-sec05 ul li, #top-sec08 ul li {
  margin-top: 1em
}
#news-nav01 ul li a, #top-sec05 ul li a, #top-sec08 ul li a {
  display: flex;
  align-items: flex-start;
  text-decoration: none
}
#news-nav01 ul li .date, #top-sec05 ul li .date, #top-sec08 ul li .date {
  width: 10rem
}
#news-nav01 ul li .cate, #top-sec05 ul li .cate, #top-sec08 ul li .cate {
  width: 10rem;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
  padding: .2em;
  background: var(--color05)
}
#news-nav01 ul li .ttl, #top-sec05 ul li .ttl, #top-sec08 ul li .ttl {
  width: calc(100% - 20rem);
  font-size: 1.4rem;
  padding-left: 1em
}
#top-sec05 .btn-wrap a, #top-sec08 .btn-wrap a {
  font-size: 1.2rem
}
#top-sec05 .bnr, #top-sec08 .bnr {
  text-align: center
}
#top-sec05 .bnr p, #top-sec08 .bnr p {
  --mtop: 2rem
}
#faq-sec01 dl, #top-sec06 dl {
  max-width: 78rem !important;
  border-bottom: 1px solid var(--color03)
}
#faq-sec01 dl dt, #top-sec06 dl dt {
  position: relative;
  font-size: 1.8rem;
  font-weight: bold;
  color: #000;
  padding: 1em 2em 1em 1em;
  border-top: 1px solid var(--color03)
}
#faq-sec01 dl dt:first-child, #top-sec06 dl dt:first-child {
  border-top: 0
}
#faq-sec01 dl dt::before, #top-sec06 dl dt::before {
  content: "Q.";
  position: absolute;
  left: 0;
  color: var(--color06)
}
#faq-sec01 dl dt::after, #top-sec06 dl dt::after {
  content: "";
  position: absolute;
  top: 1.5em;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: .8em .5em 0 .5em;
  border-color: var(--color06) transparent transparent transparent
}
#faq-sec01 dl dt.on::after, #top-sec06 dl dt.on::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 .5em .8em .5em;
  border-color: transparent transparent var(--color06) transparent
}
#faq-sec01 dl dd, #top-sec06 dl dd {
  margin-bottom: 1em
}
#top-sec06 h3 {
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  color: #000
}
#top-sec06 .btn-wrap {
  margin-top: 1em
}
#column-nav01 ul, #activity-sec02 .list, #top-sec07 ul {
  justify-content: flex-start !important
}
#column-nav01 ul li, #activity-sec02 .list li, #top-sec07 ul li {
  width: 31.5%;
  margin: 3rem 0 0 2.7%
}
#column-nav01 ul li:nth-child(3n+1), #activity-sec02 .list li:nth-child(3n+1), #top-sec07 ul li:nth-child(3n+1) {
  margin-left: 0
}
#column-nav01 ul li:first-child, #activity-sec02 .list li:first-child, #top-sec07 ul li:first-child {
  margin-top: 0
}
@media not screen and (max-width: 677px) {
  #column-nav01 ul li:nth-child(-n+3), #activity-sec02 .list li:nth-child(-n+3), #top-sec07 ul li:nth-child(-n+3) {
    margin-top: 0
  }
}
#column-nav01 ul li a, #activity-sec02 .list li a, #top-sec07 ul li a {
  --mtop: 1em;
  display: block;
  position: relative;
  text-decoration: none;
  padding: 2rem;
  background: #fff;
  box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.2)
}
#column-nav01 ul li figure, #activity-sec02 .list li figure, #top-sec07 ul li figure {
  margin: -2rem -2rem 0 !important
}
#column-nav01 ul li .cate, #activity-sec02 .list li .cate, #top-sec07 ul li .cate {
  position: absolute;
  top: 0;
  left: 0;
  width: 10em;
  font-size: 1.4rem;
  text-align: center;
  color: #fff;
  margin: 0;
  padding: .2em;
  background: var(--color05)
}
#column-nav01 ul li .date, #activity-sec02 .list li .date, #top-sec07 ul li .date {
  font-size: 1.5rem
}
#column-nav01 ul li .ttl, #activity-sec02 .list li .ttl, #top-sec07 ul li .ttl {
  font-weight: bold
}
#top-sec08 {
  color: #000;
  background: var(--color07)
}
#top-sec08 h2 {
  font-size: 3.7rem;
  font-weight: bold;
  color: inherit
}
#top-sec08 ul li * {
  font-size: 2rem !important
}
#top-sec08 ul li .date {
  width: 6em
}
#top-sec08 ul li .ttl {
  width: calc(100% - 6em);
  font-weight: bold
}
#base [id*="-sec"] > *:not(h2, p[class], ul[class], table, figure, .col, .imgbox, .gmap), #base [id*="-sec"] > .col.img, #base [id*="-sec"] > .kome {
  max-width: 85rem
}
#base [id*="-sec"]:not(.base) h2 {
  font-size: 4rem
}
#base [id*="-sec"]:not(.base) h2::before {
  content: normal
}
#base [id*="-sec"]:not(.base) h2 small {
  font-size: 1.6rem
}
#detail-sec01 > * {
  max-width: 81rem
}
#about-sec01 .imgbox {
  min-height: calc(95rem + 11rem + 10rem);
  padding: 0 calc((100rem - 69rem) / 2) 6rem
}
#about-sec01 .imgbox::before {
  top: 10rem;
  height: 95rem
}
#about-sec01 .imgbox h2 {
  font-size: 2rem !important;
  padding-bottom: 2rem;
  border-bottom: 1px solid
}
#about-sec01 .imgbox ul {
  text-align: center;
  padding-bottom: var(--mtop);
  border-bottom: 1px solid
}
#about-sec01 .imgbox ul li {
  font-size: 3rem;
  color: inherit
}
#about-sec01 .imgbox ul li::before {
  height: 5.3rem;
  margin-bottom: .5em
}
#about-sec01 .imgbox ul li.no01::before {
  background-image: url("../img/icon06-01.svg")
}
#about-sec01 .imgbox ul li.no02::before {
  background-image: url("../img/icon06-02.svg")
}
#facility-sec01 .slide {
  margin-top: var(--ptopbtm)
}
#facility-detail-sec01 h2, #facility-food-sec04 h2, #facility-spa-sec03 h2, #facility-bathhouse-sec03 h2, #facility-sauna-sec03 h2, #activity-sec02 h2, #sightseeing-sec01 h2, #usage-sec03 h2, #info-sec01 h2, #faq-sec01 h2, #access-sec01 h2 {
  --mtop: var(--ptopbtm);
  font-size: 2rem !important;
  color: #fff !important;
  padding: .5em;
  background: var(--color04)
}
#facility-detail-sec01 > .lead:first-child, #facility-spa-sec03 .col #facility-detail-sec01 > h3:first-child, #facility-bathhouse-sec03 .col #facility-detail-sec01 > h3:first-child, #facility-sauna-sec03 .col #facility-detail-sec01 > h3:first-child {
  font-size: 3.2rem
}
#facility-detail-sec01 > .lead:first-child::before, #facility-spa-sec03 .col #facility-detail-sec01 > h3:first-child::before, #facility-bathhouse-sec03 .col #facility-detail-sec01 > h3:first-child::before, #facility-sauna-sec03 .col #facility-detail-sec01 > h3:first-child::before {
  content: "";
  display: block;
  height: 5.5rem;
  margin-bottom: .5em;
  background: url("../img/icon01-01.svg") center/contain no-repeat
}
#facility-detail-sec01 > .lead:first-child.no02::before, #facility-spa-sec03 .col #facility-detail-sec01 > h3:first-child.no02::before, #facility-bathhouse-sec03 .col #facility-detail-sec01 > h3:first-child.no02::before, #facility-sauna-sec03 .col #facility-detail-sec01 > h3:first-child.no02::before {
  background-image: url("../img/icon01-02.svg")
}
#facility-detail-sec01 > .lead:first-child.no03::before, #facility-spa-sec03 .col #facility-detail-sec01 > h3:first-child.no03::before, #facility-bathhouse-sec03 .col #facility-detail-sec01 > h3:first-child.no03::before, #facility-sauna-sec03 .col #facility-detail-sec01 > h3:first-child.no03::before {
  background-image: url("../img/icon01-03.svg")
}
#facility-detail-sec01 table td {
  width: 33.33%
}
#facility-detail-sec01 .list {
  display: flex;
  flex-wrap: wrap
}
#facility-detail-sec01 .list > li {
  --mtop: 1rem;
  display: flex;
  flex-direction: column;
  width: 23%;
  margin: 4rem 0 0 2.6%
}
#facility-detail-sec01 .list > li:nth-child(4n+1) {
  margin-left: 0
}
#facility-detail-sec01 .list > li .ttl {
  font-size: 2rem;
  font-weight: bold;
  text-align: center
}
#facility-detail-sec01 .list > li .capa {
  font-weight: bold;
  text-align: center;
  margin-top: 0
}
#facility-detail-sec01 .list > li figure {
  margin-top: 0
}
#facility-detail-sec01 .list > li .detail {
  font-size: 1.4rem;
  margin-bottom: auto
}
#facility-detail-sec01 .list > li .detail li {
  position: relative;
  padding-left: 1em
}
#facility-detail-sec01 .list > li .detail li::before {
  content: "■";
  position: absolute;
  left: 0
}
#facility-detail-sec01 .list > li .price {
  font-size: 2.4rem;
  font-weight: bold
}
#facility-detail-sec01 .list > li .price small {
  font-size: 1.4rem;
  font-weight: normal
}
#facility-detail-sec01 .list > li .btn-wrap a {
  width: 100%
}
@media not screen and (max-width: 677px) {
  #facility-detail-sec01 .list > li:nth-child(-n+4) {
    margin-top: 0
  }
}
#facility-detail-sec01 .list.center {
  text-align: left !important;
  justify-content: center
}
#facility-detail-sec01 > .col.img > figure {
  width: calc(300 / 850 * 100%)
}
#facility-detail-sec01 > .col.img > div {
  width: calc(510 / 850 * 100%)
}
#content [id^="facility-food-sec"] .lead, #content [id^="facility-food-sec"] #facility-spa-sec03 .col h3, #facility-spa-sec03 .col #content [id^="facility-food-sec"] h3, #content [id^="facility-food-sec"] #facility-bathhouse-sec03 .col h3, #facility-bathhouse-sec03 .col #content [id^="facility-food-sec"] h3, #content [id^="facility-food-sec"] #facility-sauna-sec03 .col h3, #facility-sauna-sec03 .col #content [id^="facility-food-sec"] h3 {
  font-size: 3.2rem
}
#facility-spa-sec02 .imgbox, #facility-bathhouse-sec02 .imgbox, #facility-sauna-sec02 .imgbox, #facility-food-sec02 .imgbox, #facility-food-sec03 .imgbox {
  min-height: 65rem;
  padding: 0 0 0 calc(100rem - 48rem)
}
#facility-spa-sec02 .imgbox::before, #facility-bathhouse-sec02 .imgbox::before, #facility-sauna-sec02 .imgbox::before, #facility-food-sec02 .imgbox::before, #facility-food-sec03 .imgbox::before {
  height: 65rem;
  background-image: url("../img/facility-food-sec02-img01.jpg")
}
#facility-spa-sec02 .imgbox::after, #facility-bathhouse-sec02 .imgbox::after, #facility-sauna-sec02 .imgbox::after, #facility-food-sec02 .imgbox::after, #facility-food-sec03 .imgbox::after {
  content: normal
}
#facility-spa-sec02 .imgbox div, #facility-bathhouse-sec02 .imgbox div, #facility-sauna-sec02 .imgbox div, #facility-food-sec02 .imgbox div, #facility-food-sec03 .imgbox div {
  --mtop: 1em;
  top: -4rem;
  text-align: center
}
#facility-spa-sec02 .imgbox div h2, #facility-bathhouse-sec02 .imgbox div h2, #facility-sauna-sec02 .imgbox div h2, #facility-food-sec02 .imgbox div h2, #facility-food-sec03 .imgbox div h2 {
  font-size: 3.7rem
}
#facility-spa-sec02 .imgbox div h2 small, #facility-bathhouse-sec02 .imgbox div h2 small, #facility-sauna-sec02 .imgbox div h2 small, #facility-food-sec02 .imgbox div h2 small, #facility-food-sec03 .imgbox div h2 small {
  font-size: 1.8rem
}
#facility-food-sec03 .imgbox {
  padding: 0 calc(100rem - 48rem) 0 0
}
#facility-food-sec03 .imgbox::before {
  background-image: url("../img/facility-food-sec03-img01.jpg")
}
#facility-food-sec04 {
  position: relative
}
#facility-food-sec04::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  max-width: 100rem;
  border-top: 1px solid var(--color04);
  transform: translateX(-50%)
}
#content [id^="facility-spa-sec"] .lead, #content [id^="facility-spa-sec"] #facility-spa-sec03 .col h3, #facility-spa-sec03 .col #content [id^="facility-spa-sec"] h3, #content [id^="facility-spa-sec"] #facility-bathhouse-sec03 .col h3, #facility-bathhouse-sec03 .col #content [id^="facility-spa-sec"] h3, #content [id^="facility-spa-sec"] #facility-sauna-sec03 .col h3, #facility-sauna-sec03 .col #content [id^="facility-spa-sec"] h3, #content [id^="facility-bathhouse-sec"] .lead, #content [id^="facility-bathhouse-sec"] #facility-spa-sec03 .col h3, #facility-spa-sec03 .col #content [id^="facility-bathhouse-sec"] h3, #content [id^="facility-bathhouse-sec"] #facility-bathhouse-sec03 .col h3, #facility-bathhouse-sec03 .col #content [id^="facility-bathhouse-sec"] h3, #content [id^="facility-bathhouse-sec"] #facility-sauna-sec03 .col h3, #facility-sauna-sec03 .col #content [id^="facility-bathhouse-sec"] h3, #content [id^="facility-sauna-sec"] .lead, #content [id^="facility-sauna-sec"] #facility-spa-sec03 .col h3, #facility-spa-sec03 .col #content [id^="facility-sauna-sec"] h3, #content [id^="facility-sauna-sec"] #facility-bathhouse-sec03 .col h3, #facility-bathhouse-sec03 .col #content [id^="facility-sauna-sec"] h3, #content [id^="facility-sauna-sec"] #facility-sauna-sec03 .col h3, #facility-sauna-sec03 .col #content [id^="facility-sauna-sec"] h3 {
  font-size: 3.2rem
}
#facility-spa-sec02 .imgbox::before, #facility-bathhouse-sec02 .imgbox::before, #facility-sauna-sec02 .imgbox::before {
  background-image: url("../img/facility-spa-sec02-img01.jpg")
}
#facility-spa-sec02 .list, #facility-bathhouse-sec02 .list, #facility-sauna-sec02 .list {
  gap: 4rem 0;
  text-align: center
}
#facility-spa-sec02 .list li, #facility-bathhouse-sec02 .list li, #facility-sauna-sec02 .list li {
  --mtop: .5em
}
#facility-spa-sec02 .list li .ttl, #facility-bathhouse-sec02 .list li .ttl, #facility-sauna-sec02 .list li .ttl {
  font-size: 2rem;
  font-weight: bold
}
#facility-spa-sec03 .col > *, #facility-bathhouse-sec03 .col > *, #facility-sauna-sec03 .col > * {
  --mtop: 1em
}
#facility-spa-sec03 .col h3, #facility-bathhouse-sec03 .col h3, #facility-sauna-sec03 .col h3 {
  text-align: left !important
}
#facility-spa-sec03 table.pt02 th, #facility-bathhouse-sec03 table.pt02 th, #facility-sauna-sec03 table.pt02 th {
  width: inherit
}
#facility-spa-sec03 table.pt02 th:first-child, #facility-bathhouse-sec03 table.pt02 th:first-child, #facility-sauna-sec03 table.pt02 th:first-child {
  width: 70%
}
#facility-spa-sec03 table.pt03 th, #facility-bathhouse-sec03 table.pt03 th, #facility-sauna-sec03 table.pt03 th {
  width: inherit
}
#facility-spa-sec03 table.pt03 th:not(:first-child), #facility-bathhouse-sec03 table.pt03 th:not(:first-child), #facility-sauna-sec03 table.pt03 th:not(:first-child) {
  width: 15%
}
#facility-spa-sec03 ul.kome, #facility-bathhouse-sec03 ul.kome, #facility-sauna-sec03 ul.kome {
  --mtop: 1em
}
#facility-bathhouse-sec02 .imgbox::before, #facility-sauna-sec02 .imgbox::before {
  background-image: url("../img/facility-bathhouse-sec02-img01.jpg")
}
#facility-sauna-sec02 .imgbox::before {
  background-image: url("../img/facility-sauna-sec02-img01.jpg")
}
#activity-sec01 .col > figure {
  width: calc(550 / 1000 * 100%)
}
#activity-sec01 .col > div {
  width: calc(400 / 1000 * 100%)
}
#sightseeing-sec01 .list > li {
  --mtop: 1em;
  width: calc(489 / 1000 * 100%);
  text-align: center;
  margin-top: 2rem;
  padding: 2rem 1rem;
  border: 1px solid var(--color03)
}
@media not screen and (max-width: 677px) {
  #sightseeing-sec01 .list > li:nth-child(-n+2) {
    margin-top: 0
  }
}
#sightseeing-sec01 .list > li h3 {
  font-size: 2rem
}
#sightseeing-sec01 .list > li .access {
  font-size: 1.4rem
}
#sightseeing-sec01 .list > li .btn-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}
#sightseeing-sec01 .list > li .btn-wrap a {
  width: 16rem;
  margin: 1rem 1rem 0;
  padding: .5em
}
#usage-sec01 .list > li {
  --mtop: 1em;
  margin-top: 4rem;
  padding: 2rem;
  background: var(--color08)
}
@media not screen and (max-width: 677px) {
  #usage-sec01 .list > li:nth-child(-n+2) {
    margin-top: 0
  }
}
#usage-sec01 .list > li h3 {
  font-size: 2.2rem;
  text-align: center;
  color: var(--color04);
  padding-bottom: .5em;
  border-bottom: 1px solid
}
#usage-sec02 h2 {
  font-size: 1.8rem !important
}
#usage-sec02 .btn-wrap {
  margin-top: 1em
}
#usage-sec03 h3 {
  font-size: 2rem;
  margin-bottom: -3rem
}
#info-sec01 .box {
  padding: 2rem 5%;
  border: 1px solid var(--color03)
}
#info-sec01 .box h3 {
  font-size: 2.2rem;
  color: var(--color04)
}
#info-sec01 .list > li {
  --mtop: 1em;
  margin-top: 4rem;
  padding: 2rem;
  border: 1px solid var(--color03)
}
@media not screen and (max-width: 677px) {
  #info-sec01 .list > li:nth-child(-n+2) {
    margin-top: 0
  }
}
#info-sec01 .list > li h3 {
  font-size: 2.2rem;
  color: var(--color04)
}
#access-sec01 .gmap::after {
  padding: 45rem 0 0
}
#access-sec01 .col h2 ~ * {
  --mtop: 1em
}
#access-sec01 .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  font-size: 2rem;
  font-weight: bold;
  text-align: center
}
#access-sec01 .list li {
  --mtop: .5em;
  width: 30%;
  margin: 3rem 0 0 5%
}
@media not screen and (max-width: 677px) {
  #access-sec01 .list li:nth-child(-n+3) {
    margin-top: 0
  }
  #access-sec01 .list li:nth-child(3n+1) {
    margin-left: 0
  }
}
#contact-sec01 > *:not(form) {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  color: var(--color04)
}
#contact-sec02 {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  color: var(--color04)
}
#contact-sec02 h2 {
  font-family: inherit !important;
  font-size: 2rem !important;
  font-weight: inherit !important;
  color: inherit !important
}
#contact-sec02 .tel {
  font-size: 4.9rem;
  line-height: 1.2;
  margin-top: .5em
}
#contact-sec02 .tel a {
  text-decoration: none
}
#contact-sec02 .note {
  font-size: 1.8rem;
  margin-top: .5em
}
#thanks-sec01 {
  text-align: center
}
.sp_only {
  display: none
}
.pc_only {
  display: block
}
.fixedbnr_pc {
  position: fixed;
  z-index: 9999;
  bottom: 220px;
  right: 0;
  width: 203px;
  height: auto
}
.fixedbnr_pc img {
  width: 100%
}
.fixedbnr_sp {
  position: fixed;
  z-index: 9999;
  bottom: 0px;
  right: 0px
}
.fixedbnr_sp img {
  width: 100%
}
@media screen and (max-width: 640px) {
  .sp_only {
    display: block
  }
  .pc_only {
    display: none
  }
}
.room_ttl {
  font-size: 2rem;
  font-weight: bold;
  --mtop: var(--ptopbtm);
  color: #fff !important;
  padding: .5em;
  background: var(--color04);
  text-align: center;
}
.room_capa {
  font-weight: bold;
  text-align: center;
  margin-top: 0px;
}
.room_detail {
  max-width: 50rem!important;
  margin-bottom: auto;
}
.room_.detail li {
  position: relative;
  padding-left: 1em
}
.room_detail li::before {
  content: "■";
  left: 0
}
.room_type_ttl {
  font-size: 2.5rem !important;
  font-weight: bold !important;
  text-align: center !important;
  color: #00381f !important;
}
/*# sourceMappingURL=shared.css.map */