.header__nav__list,
.tko-hero-txt {
  font-family: "Sawarabi Mincho",sans-serif
}
.business .el__ho-link,
.dinner__plan a,
.dinner__plan__item,
.faq-list__link,
.service .el__ho-link,
.tko-btn {
  text-decoration: none
}
.thumbnail-img {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.thumbnail-img img {
  position: absolute
}
.tko-index .img-h-w {
  width: 100%;
  height: 147.3546666667vw
}
.tko-bg {
  background: #e7f5f8
}
.def-list>div:first-child,
.tko-bg-pale {
  background: #e6f5f8
}
.rsvBox__form__block,
.rsvBox__head,
.rsvBox__head::before,
.rsvBox__tab__item button.js-rsvTab--active,
.rsvBox__ttl,
.tko-bg-green {
  background: #a8c2ae
}
.tko-bg-dark-green {
  background: #9c9d8e
}
.contact .ttl-con,
.tko-bg-beige {
  background: #f7f5ef
}
.tko-btn {
  display: inline-block;
  padding: .7em 2em;
  line-height: 1.5;
  color: currentColor;
  border: 1px solid currentColor
}
.tko-btn--category {
  letter-spacing: .1em
}
.tko-bg-purple {
  background: #f2ecf4
}
.z-30 {
  z-index: 30
}
.deco-leaf--1,
.deco-leaf--2,
.deco-leaf--3,
.element,
.index .ttl-category--business,
.index .ttl-category--eat,
.index .ttl-category--room,
.index .ttl-category--service,
.spa .deco__item__cloud--cloud-right2,
.spa .deco__item__txt-new,
.spa-cloud--1,
.spa-cloud--2,
.tko-deco--1,
.tko-deco--2,
.tko-deco--3,
.tko-deco--4,
.tko-deco--5,
.tko-deco--6 {
  position: relative
}
.deco-leaf__item,
.element::before,
.tko-hero-deco {
  position: absolute
}
.tko-deco--1,
.tko-deco--6 {
  z-index: 20
}
.deco-leaf--3 {
  -webkit-transform: scale(-1,1);
  transform: scale(-1,1)
}
.element::before {
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(/path/to/image.png);
  width: 120px;
  height: 80px
}
.rsvBox {
  color: #000
}
.rsvBox__tab__item button.js-rsvTab--active,
.rsvLink {
  color: #fff
}
.rsvBox__submit span {
  color: #3a407c
}
.rsvBox__tab__item button.js-rsvTab--inactive {
  color: #fff;
  background: #75967c
}
.index__category__con__txt,
.rsvBox__form__item {
  background: #fff
}
.rsvBox__inner,
.rsvLink {
  background: #8eb542
}
.header {
  background-color: #1079a1
}
.header__nav__social__tell span {
  position: relative;
  z-index: 20
}
.header__logo.sp {
  width: 61.05px
}
.header__nav__list__item {
  display: grid;
  place-items: center
}
.footer__rsv {
  background: #19a3ba
}
.footer__insta {
  background: #1079a1
}
.tko-hero-txt {
  position: absolute;
  bottom: 100px
}
.tko-hero-txt__main {
  text-shadow: 0 0 15px rgba(0,0,0,.5);
  font-weight: 400;
  line-height: 1.5;
  color: #fff;
  letter-spacing: .3em
}
.tko-hero-txt__sub {
  margin: 10px 0
}
.tko-hero-txt__sub__line {
  display: inline-block;
  padding: .5em .7em;
  color: #000;
  letter-spacing: .1em;
  background: #fff
}
.index__plan__item__name {
  color: #fff;
  background: #364d64
}
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%
}
.youtube__box {
  width: 86.3%
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%
}
.index__bl__nonbiri > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.index__bl__nonbiri__box--1 .txt {
  width: 11%
}
.index__bl__nonbiri__box--2 {
  position: relative;
  z-index: 50;
  margin-top: -16%
}
.index__category__block {
  padding-top: 10rem
}
.index__category__btn {
  background: #56b3cb;
  border: none;
  -webkit-box-shadow: 5px 5px 7px 0 rgba(101,99,88,.7882352941);
  box-shadow: 5px 5px 7px 0 rgba(101,99,88,.7882352941)
}
.index__category__btn__inner,
.index__category__btn__inner>span:last-child {
  background: #56b3cb
}
.index__category__block .ly__con-transparent {
  margin-top: 15rem
}
.index__category__ttl {
  color: transparent
}
@media screen and (min-width:1025px) {
  .tko-deco__item {
    position: absolute
  }
  .tko-deco--1 .tko-deco__item {
    top: -100px;
    right: calc((100% - 1024px)/ 2 - 145px)
  }
  .tko-deco--2 .tko-deco__item {
    top: -390px;
    left: calc((100% - 1024px)/ 2 - 200px)
  }
  .tko-deco--3 .tko-deco__item {
    top: -150px;
    right: calc((100% - 1024px)/ 2 - 130px)
  }
  .tko-deco--4 .tko-deco__item {
    top: -410px;
    left: calc((100% - 1024px)/ 2 - 180px)
  }
  .tko-deco--5 .tko-deco__item {
    top: -115px;
    right: calc((100% - 1024px)/ 2 - 130px)
  }
  .tko-deco--6 .tko-deco__item {
    top: 495px;
    right: calc((100% - 1024px)/ 2 - 152px)
  }
  .deco-leaf--1 .deco-leaf__item {
    top: -100px;
    left: calc((100% - 1024px)/ 2 - 145px)
  }
  .deco-leaf--2 .deco-leaf__item,
  .deco-leaf--3 .deco-leaf__item {
    top: -10px;
    left: calc((100% - 1024px)/ 2 - 145px)
  }
  .header__nav__block-sub1::after {
    background: #19a3ba
  }
  .tko-hero-deco {
    top: 0;
    right: calc((100% - 1024px)/ 2)
  }
  .tko-hero-txt {
    right: calc((100% - 1024px)/ 2)
  }
  .index__category--right .index__category__con__main {
    text-align: center
  }
  .index__category--right .index__category__con__sub {
    top: 540px
  }
}
@media screen and (min-width:576px) and (max-width:1024px) {
  .deco-leaf--1 .deco-leaf__item {
    top: -150px;
    left: -80px
  }
  .hero__sub__ttl {
    top: 60%;
    width: 17%
  }
  .tko-hero-deco {
    top: 0;
    right: -200px
  }
  .index__bl__nonbiri__box--2 {
    margin-top: -17%
  }
  .index__category--right .index__category__con__main {
    padding-right: 96px
  }
  .index__category--right .index__category__con__txt {
    position: relative;
    margin: 2em 7em 0 auto
  }
}
@media screen and (min-width:576px) {
  .header__nav__block-sub1,
  .header__nav__general__inner {
    background: #19a3ba
  }
  .header__nav__social__rsv a {
    background: #c4615b
  }
  .header__nav__block-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  .header__nav__social__tell::before {
    position: absolute;
    top: 16px;
    right: 290px;
    z-index: 10;
    width: 200px;
    height: 31px;
    content: "";
    background: no-repeat padding-box #1d0810;
    border-radius: 15px;
    opacity: .28
  }
  .header__nav__logo h1 {
    min-width: 62px;
    margin: .45em 0
  }
  .header__nav__logo img {
    height: 72px
  }
  .header__nav__list {
    color: #fff
  }
  .header__nav__list__item {
    border-right: 1px solid #fff
  }
  .header__nav__list__item:first-child {
    border-left: 1px solid #fff
  }
  .header__nav__list__item a span:last-child {
    color: #fff
  }
  .index__plan {
    background: #d3f0f5
  }
  .index__plan,
  .index__plan__item__name {
    font-size: 1.2rem
  }
  .index__category--right::before {
    left: 0;
    width: 100%;
    height: 60%;
    content: ""
  }
  .index__category--left--business::before,
  .index__category--left--room::before {
    top: -2em;
    width: 94%;
    height: 60%;
    content: ""
  }
}
@media screen and (max-width:575px) {
  .ly__con-padding__smp-none {
    padding-right: 0;
    padding-left: 0
  }
  .sp-img-a {
    margin: 0 calc(50% - 50vw);
    width: 100vw
  }
  .deco-leaf--1 .deco-leaf__item {
    top: -90px;
    left: -80px;
    width: 300px
  }
  .header {
    border-top-color: #1079a1
  }
  .header__side-logo a {
    height: 60px
  }
  .header__nav__social__rsv a {
    color: #fff;
    background: #7493ab
  }
  .header__fixed-nav__item {
    background: #19a3ba
  }
  .header__fixed-nav__hum {
    background: #8c8c8c
  }
  .header__global-nav {
    color: #333;
    background: #e6f5f8
  }
  .header__nav__social__insta {
    color: #7493ab
  }
  .header__nav__logo {
    width: 113px;
    margin: auto
  }
  .hero__sub__ttl {
    top: 50%;
    width: 50%;
    max-width: 190px
  }
  .hero__sub__img {
    height: 40vh
  }
  .tko-hero-deco {
    top: 250px;
    left: 0
  }
  .tko-hero-deco img {
    -o-object-fit: contain;
    object-fit: contain;
    width: 450px;
    max-width: none;
    height: 200px
  }
  .index__plan .slider-card__item {
    border-left: 2px solid #fff
  }
  .index__plan .slider-card__item > div {
    background: 0 0
  }
  .index__plan__box {
    padding-bottom: 2rem;
    background: #e6f5f8
  }
  .youtube__box {
    width: 100%
  }
  .index__bl__nonbiri__box--2 {
    margin-top: -2%
  }
  .index__category {
    margin-top: 100px
  }
  .index__category__block {
    margin-top: 3rem
  }
  .index__category__btn {
    display: block
  }
  .index__category__btn__inner {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .index__category__block .ly__con-transparent {
    margin-top: 10rem
  }
  .index__category--left--business::before,
  .index__category--left--room::before,
  .index__category--right::before {
    right: -6%!important
  }
}
@media screen and (min-width:1025px) {
  .index__category--left--business .index__category__con__sub,
  .index__category--left--room .index__category__con__sub {
    top: 510px
  }
}
@media screen and (min-width:576px) {
  .index__category--left--business .index__category__con__sub,
  .index__category--left--room .index__category__con__sub {
    right: -40px
  }
  .index__category--left--business .index__category__con__txt,
  .index__category--left--room .index__category__con__txt {
    margin: 2em 0 0
  }
  .index__category--left--service::before {
    top: -2em;
    width: 92%;
    height: 60%;
    content: ""
  }
}
@media screen and (max-width:575px) {
  .index__category--left--service::before {
    right: -8%!important
  }
}
.index__category__con {
  z-index: 30
}
.index__category__con__txt__inner {
  padding-left: .3em;
  border: none
}
.index__category__con__txt__inner h2 {
  padding: 1rem 0 .5rem;
  font-size: 170%;
  font-weight: 100;
  text-align: center;
  letter-spacing: 2px;
  border-top: 1px solid;
  border-bottom: 1px solid
}
.index .ttl-category--business .ttl-category__item,
.index .ttl-category--room .ttl-category__item {
  margin-top: 17rem
}
@media screen and (max-width:575px) {
  .index__category__con__txt__inner h2 {
    font-size: 160%
  }
  .index .ttl-category--business .ttl-category__item,
  .index .ttl-category--room .ttl-category__item {
    width: 10%;
    margin-top: 1rem
  }
}
.index .ttl-category--eat .ttl-category__item {
  right: 0;
  z-index: 50;
  margin-top: 17rem
}
@media screen and (max-width:575px) {
  .index .ttl-category--eat .ttl-category__item {
    width: 15%;
    margin-top: 0
  }
}
.index .ttl-category--service .ttl-category__item {
  margin-top: 17rem
}
.index .access__box .index__category__con__sub,
.index .ttl-category__item,
.service-cloud__item,
.spa-cloud__item,
.tko-deco-access,
.tko-deco-eat,
.tko-deco-service {
  position: absolute
}
.index .business__box .ly__con-padding,
.index .room__box .ly__con-padding {
  padding-left: 6%
}
.index .business__box .index__category__con__sub,
.index .room__box .index__category__con__sub {
  -webkit-box-shadow: -10px 10px 0 0 #f2f4e4;
  box-shadow: -10px 10px 0 0 #f2f4e4
}
.index .room__box .index__category::before {
  background: #c6e7ed
}
.index .business__box .index__category::before {
  background: #e5ddba
}
.index .eat__box .ly__con-padding {
  padding-right: 0;
  padding-left: 0
}
.index .eat__box .index__category::before {
  background: #e7e8c8
}
.index .service__box .ly__con-padding {
  padding-left: 8%
}
.index .service__box .index__category::before {
  background: #ffd8d0
}
.index .service__box .index__category__con__sub {
  -webkit-box-shadow: -10px 10px 0 0 #fff1ce;
  box-shadow: -10px 10px 0 0 #fff1ce
}
.index .access__box .index__category::before {
  top: 340px;
  right: 0;
  width: 95%;
  height: 34%;
  background: #c6e7ed
}
.index .access__box .index__category__ttl {
  color: #524c46
}
.index .access__box .index__category__con__main {
  padding-right: 0
}
@media screen and (min-width:1025px) {
  .index__category--left--service .index__category__con__sub {
    top: 510px
  }
  .index .access__box .index__category__con__sub {
    left: 30px;
    top: 625px
  }
  .index .access__box .index__category__con__txt {
    width: 50%;
    margin: 2em 2em 0 auto
  }
  .photo-contests img {
    width: 100%
  }
}
@media screen and (min-width:576px) and (max-width:1024px) {
  .index .access__box .index__category__con__txt {
    width: 60%;
    margin: 2em 1em 0 auto
  }
}
.photo-contests {
  margin-bottom: 15rem
}
.tko-deco-business,
.tko-deco-room,
.tko-deco-service {
  position: absolute;
  z-index: 30
}
@media screen and (min-width:576px) {
  .index__category--left--service .index__category__con__sub {
    right: -40px
  }
  .index__category--left--service .index__category__con__txt {
    margin: 2em 0 0
  }
  .index .business__box .index__category__con__txt,
  .index .room__box .index__category__con__txt,
  .index .service__box .index__category__con__txt {
    width: 60%
  }
  .index .access__box .index__category__con__sub,
  .index .eat__box .index__category__con__sub {
    -webkit-box-shadow: 10px 10px 0 0 #c6e7ed;
    box-shadow: 10px 10px 0 0 #c6e7ed
  }
  .index .access__box .index__category__ttl {
    text-align: right
  }
  .index__gallery__deco {
    left: 0
  }
  .tko-deco-business,
  .tko-deco-room,
  .tko-deco-service {
    top: -120px;
    right: 0
  }
  .tko-deco-eat {
    top: -120px;
    left: 0
  }
}
@media screen and (max-width:575px) {
  .index .ttl-category--service .ttl-category__item {
    width: 13%;
    margin-top: 1rem
  }
  .index .business__box .index__category__con__txt,
  .index .room__box .index__category__con__txt,
  .index .service__box .index__category__con__txt {
    width: 100%;
    margin-left: -1.8em
  }
  .index .eat__box .index__category__con__main {
    width: 85%
  }
  .index .eat__box .index__category__con__txt {
    margin-right: 1.8em;
    margin-left: 1.8em
  }
  .index .access__box {
    margin-top: 14rem
  }
  .index .access__box .index__category::before {
    top: 90px
  }
  .index .access__box .index__category__con__txt {
    margin: 1em 2em 0 2rem
  }
  .photo-contests {
    margin-bottom: 10rem
  }
  .index__gallery__deco > img:last-child {
    margin-left: -10px;
    width: 70%;
    height: 260px
  }
  .tko-deco-business,
  .tko-deco-room,
  .tko-deco-service {
    width: 350px;
    top: -60px;
    right: -58px
  }
  .tko-deco-eat {
    top: -50px;
    left: -30px;
    width: 200px
  }
}
.bl__campaignBox__ttl {
  background: #fff;
  position: relative;
  font-size: 2rem
}
.bl__campaignBox__inner {
  margin-top: -40px
}
.bl__campaignBox.all-clr-red {
  color: #f71818
}
.bl__campaignBox.all-clr-red > * {
  border-color: #f71818;
  color: #f71818
}
.txt__main__ttl {
  font-size: 150%
}
.txt__inner {
  line-height: 1.8;
  letter-spacing: 2px
}
.txt__inner__ttl {
  padding-bottom: 1.5rem;
  font-size: 120%;
  text-align: center
}
.txt__inner__ttl.ttl-border {
  border-bottom: 1px solid currentColor
}
.room__detail__link .btnBox__move__icon {
  position: relative;
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin-left: 30px
}
.room__detail__link .btnBox__move__icon::after,
.room__detail__link .btnBox__move__icon::before {
  position: absolute;
  top: 2px;
  left: calc(50% - 1px);
  display: block;
  width: 1px;
  height: 20px;
  content: "";
  background: #fff
}
.spa .deco__item__cloud--cloud-left2::after,
.spa .deco__item__cloud--cloud-right2::before,
.spa .deco__item__txt-new::after {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: ""
}
.room__detail__link .btnBox__move__icon::after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}
.anniversary-fruit__badge,
.room__detail__desc,
.un__facilitiesList ul {
  display: -webkit-box;
  display: -ms-flexbox
}
.room__detail__link__amenity div {
  background: #19a3ba;
  border-right: 1px solid #168fa4;
  border-bottom: 1px solid #168fa4
}
.room__detail__link__rental div {
  background: #758e57
}
.room__detail__desc {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (min-width:576px) {
  .tko-deco-service {
    top: -120px;
    right: 0
  }
  .tko-deco-access {
    top: -120px;
    left: 0
  }
  .txt__inner__ttl {
    margin-top: -2rem
  }
  .room__detail__desc__spec {
    width: calc(58% - 20px)
  }
  .service__feature__img {
    margin-top: -80px
  }
  .service__feature--right .service__feature__deco {
    text-align: left
  }
  .service__feature--left .service__feature__deco {
    text-align: right
  }
}
.room__detail__desc__spec .bg__pop-wa--1 {
  min-height: 26rem;
  padding-top: 10px;
  background: url(/img/tsukioka/room/deco-wa.png?0) center no-repeat;
  background-size: contain
}
.room__detail__desc__sub-image {
  width: calc(42% - 20px)
}
.room-deco__item {
  margin-bottom: -15rem;
  margin-left: -17rem
}
.access__tell {
  background: #e8e0d9
}
.un__facilitiesList ul {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-left: 0
}
.un__facilitiesList li {
  width: 48%;
  list-style: none
}
.un__facilitiesList h4 {
  padding-bottom: .5em;
  margin: 0 0 1em;
  font-size: 20px;
  font-weight: 400;
  text-align: center;
  border-bottom: 1px dashed #000
}
.faq-list__list__block > div,
.faq-list__list__block > ul > li {
  border-bottom: 1px solid #898989;
  border-right: 1px solid #898989;
  border-left: 1px solid #898989;
  line-height: 1.8;
  position: relative
}
.access .ttl__deco {
  max-width: 276px;
  padding: .2em 1em;
  margin: 1rem auto;
  color: #fff;
  background: #36bef2;
  border-radius: 20px
}
.access .def-list > div:first-child {
  background: #bcd5e1
}
.spa-top__txt {
  width: 50%;
  margin: auto
}
.spa-cloud--1 .spa-cloud__item {
  top: 40px
}
.spa-cloud--2 .spa-cloud__item {
  bottom: 40px
}
@media screen and (min-width:1025px) {
  .spa-cloud--1 .spa-cloud__item {
    left: calc((100% - 1024px)/ 2 - 230px)
  }
  .spa-cloud--2 .spa-cloud__item {
    right: calc((100% - 1024px)/ 2 - 230px)
  }
  .service-cloud--1 .service-cloud__item {
    top: 40px;
    left: calc((100% - 1024px)/ 2 - 230px)
  }
  .service-cloud--2 .service-cloud__item {
    right: calc((100% - 1024px)/ 2 - 90px);
    bottom: 100px
  }
}
.about-gensen-sui .access__hotel-info__item__name {
  font-size: 130%
}
.about-spa__effects {
  position: relative;
  padding: 2rem 4%;
  background: #faeee6
}
.spa .def-list > div:first-child {
  background: #e2e3e8
}
.day-trip-hot-spring__inner {
  max-width: 879px;
  margin: auto
}
.day-trip-hot-spring__box {
  background: #f7f7e2;
  padding: 3rem 4%;
  border-radius: 21px;
  margin-bottom: 5rem
}
.day-trip-hot-spring__ttl {
  font-weight: 400;
  font-size: 2.6rem
}
.day-trip-hot-spring__about .def-list > div {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem
}
.day-trip-hot-spring__about .def-list > div:first-child {
  background: #f7f7e2;
  min-width: 45%;
  width: 45%;
  padding-left: 3%
}
.spa .deco__item__txt-new::after {
  position: absolute;
  background-image: url(/img/tsukioka/spa/txt-new.png?0);
  width: 150px;
  height: 110px;
  top: -5rem;
  left: -5rem
}
.spa .deco__item__cloud--cloud-right2::before {
  position: absolute;
  background-image: url(/img/tsukioka/spa/cloud-right2.png?0);
  width: 542px;
  height: 91px;
  top: -20%;
  right: -11%;
  z-index: -1
}
@media screen and (min-width:576px) and (max-width:1024px) {
  .spa-cloud--1 .spa-cloud__item {
    left: calc((100% - 1024px)/ 2 - 120px)
  }
  .spa-cloud--2 .spa-cloud__item {
    right: calc((100% - 1024px)/ 2 - 120px)
  }
  .spa .spa.room .slick-next {
    right: 8px
  }
  .spa .spa.room .slick-prev {
    left: 8px
  }
  .spa .deco__item__txt-new::after {
    width: 20%;
    height: 60%;
    left: -5%;
    top: -33%
  }
  .spa .deco__item__cloud--cloud-right2::before {
    width: 70%;
    height: 50%;
    top: -25%;
    right: -13%
  }
}
@media screen and (max-width:575px) {
  .tko-deco-service {
    top: -60px;
    right: -160px;
    width: 330px
  }
  .tko-deco-access {
    top: -140px;
    left: 0;
    width: 380px
  }
  .bl__campaignBox__ttl {
    padding: 10px 30px
  }
  .bl__campaignBox__inner {
    margin-top: -48px;
    padding: 45px 25px 15px
  }
  .txt__main__ttl {
    font-size: 140%
  }
  .room__detail__link {
    display: block;
    max-width: 420px;
    margin: auto
  }
  .room__detail__link__amenity,
  .room__detail__link__rental {
    margin-bottom: 1.5%
  }
  .room__detail__link__amenity > div,
  .room__detail__link__rental > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .room__detail__desc__spec {
    margin-top: 2rem
  }
  .room__detail__desc__sub-image,
  .room__detail__desc__sub-image>img {
    width: 100%
  }
  .room-deco__item {
    width: 58%;
    max-width: 255px;
    margin-bottom: -5rem;
    margin-left: -2rem
  }
  .un__facilitiesList li > div {
    padding-top: 1rem
  }
  .un__facilitiesList li > div img {
    width: 100%
  }
  .un__facilitiesList {
    padding-right: 4%;
    padding-left: 4%
  }
  .un__facilitiesList li {
    width: 100%
  }
  .ly__con-padding-triple {
    padding-right: 3%;
    padding-left: 3%
  }
  .ly__con-padding-triple .time-to-sightseeing__time {
    font-size: 84%
  }
  .spa .hero__sub__ttl {
    top: 57%
  }
  .spa-cloud--1 .spa-cloud__item img,
  .spa-cloud--2 .spa-cloud__item img {
    width: 50%
  }
  .spa-cloud--1 .spa-cloud__item {
    left: -90px
  }
  .spa-cloud--2 .spa-cloud__item {
    right: -90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end
  }
  .about-spa .ttl-con__main,
  .about-spa .ttl-con__sub {
    display: inline-block
  }
  .spa .spa.room .slick-next,
  .spa .spa.room .slick-prev {
    display: none!important
  }
  .spa .deco__item__txt-new::after {
    width: 30%;
    height: 97%;
    left: 1%;
    top: -66%
  }
  .spa .deco__item__cloud--cloud-right2::before {
    width: 80%;
    height: 57%;
    top: -34%;
    right: -13%
  }
}
.deco-wa-maru--1,
.service-cloud--1,
.service-cloud--2,
.spa .deco__item__cloud--cloud-left2 {
  position: relative
}
.spa .deco__item__cloud--cloud-left2::after {
  position: absolute;
  background-image: url(/img/tsukioka/spa/cloud-left2.png?0);
  width: 542px;
  height: 91px;
  bottom: -13%;
  left: -14%
}
.business .plan__btn,
.service .plan__btn {
  max-width: 445px;
  padding: .3em 1em;
  margin: auto;
  font-weight: 400;
  color: #fff;
  background: #765c39;
  border-radius: 20px
}
.business .bl_spa,
.service .bl_spa {
  padding-bottom: 20rem
}
@media screen and (min-width:576px) and (max-width:1024px) {
  .spa .deco__item__cloud--cloud-left2::after {
    width: 70%;
    height: 50%;
    bottom: -25%;
    left: -9%
  }
  .service-cloud--1 .service-cloud__item {
    top: 15px;
    left: -21rem
  }
  .service-cloud--2 .service-cloud__item {
    right: -78px;
    bottom: 100px
  }
}
.deco-wa-maru__item {
  position: absolute
}
@media screen and (min-width:1025px) {
  .deco-wa-maru--1 .deco-wa-maru__item {
    top: 512px;
    left: calc((100% - 1024px)/ 2 - 112px)
  }
}
.info__box--pink {
  padding: 2rem 1rem;
  background: #fcd0d0
}
.info__box--brown {
  padding: 1rem;
  background: #e8e0c6
}
.info__box--blue {
  padding: 2rem 1rem;
  background: #f2fbff
}
.business .bl_room {
  margin-bottom: 4rem
}
.business .bl_room .plan__btn {
  background: #54b0ca
}
.business .bl_meal {
  padding-top: 10rem;
  padding-bottom: 10rem;
  background: #f2faf6
}
.business .bl_meal .plan__btn {
  background: #597760
}
.tko-bg-white-beige {
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(5.07%,#fff),color-stop(5.07%,#f5f5ec),to(#f5f5ec));
  background: linear-gradient(180deg,#fff 0,#fff 5.07%,#f5f5ec 5.07%,#f5f5ec 100%)
}
@media screen and (max-width:575px) {
  .spa .deco__item__cloud--cloud-left2::after {
    width: 80%;
    height: 57%;
    bottom: -31%;
    left: -13%
  }
  .service__feature__img {
    margin-top: -40px
  }
  .service__feature__deco > img {
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    height: 110px
  }
  .business .bl_spa,
  .service .bl_spa {
    padding-bottom: 16rem
  }
  .service-cloud--1 .service-cloud__item img,
  .service-cloud--2 .service-cloud__item img {
    width: 78%
  }
  .service-cloud--1 .service-cloud__item {
    top: 10px;
    left: -14%
  }
  .service-cloud--2 .service-cloud__item {
    right: -13%;
    bottom: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end
  }
  .business .bl_meal {
    padding-top: 5rem
  }
  .about-dinner__detail {
    margin-top: 7rem
  }
}
.about-dinner__detail--1 {
  margin-top: -3rem
}
.about-dinner__oshinagaki {
  background: #f2f2f2
}
.bl_shinagaki .dashed__line {
  padding: 5px 0 5px 6.5rem;
  margin: 0;
  text-indent: -6.5rem;
  border-bottom: 1px dashed rgba(77,65,54,.5)
}
.dinner__plan__item {
  display: block;
  color: inherit
}
.dinner__plan__item__name {
  padding: .5em .7em;
  color: #fff;
  text-align: center;
  background: #6d99b9
}
.dinner__plan .plan__btn {
  padding: .3em 1em;
  font-weight: 400;
  color: #fff;
  background: #597760;
  border-radius: 20px
}
.anniversary-fruit__badge {
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.anniversary-fruit__badge .plan__btn {
  padding: .3em 1em;
  margin-right: 1%;
  font-weight: 400;
  color: #fff;
  text-align: center;
  background: #596777;
  border-radius: 20px
}
@media screen and (min-width:576px) {
  .business small {
    font-size: 79%
  }
  .bl_shinagaki .room__detail__spec {
    width: calc(65% - 1.5em)
  }
  .bl_shinagaki .room__detail__madori {
    width: calc(36% - .5em)
  }
  .dinner__plan {
    padding: 2em 1em
  }
  .dinner__plan__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .dinner__plan__item {
    width: 50%;
    padding: 0 1.7em
  }
  .anniversary-fruit__badge .plan__btn {
    min-width: 153px
  }
}
.anniversary-fruit__badge .plan__btn:last-child {
  margin-right: 0
}
.bl_dinner__hall,
.bl_dinner__txt {
  max-width: 700px;
  padding: 3rem 0 2rem;
  margin: auto;
  border: 2px solid #9ca4b7
}
.faq-category__ttl,
.faq-list__list__block > div {
  padding: 19px 6%;
  letter-spacing: .2rem;
  text-indent: -2.5%
}
.bl_dinner__txt {
  line-height: 2
}
.bl_dinner__txt .txt__inner__ttl {
  border-bottom: 2px solid #9ca4b7;
  max-width: 508px;
  margin: auto
}
.faq-category__ttl {
  font-weight: 400;
  background: #e6f5f8;
  margin: 0
}
.faqNav__list {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.faqNav__item {
  width: 100%
}
@media screen and (max-width:1024px) {
  .tko-deco__item {
    position: absolute
  }
  .tko-deco--1 .tko-deco__item {
    top: -55px;
    right: -190px
  }
  .tko-deco--2 .tko-deco__item {
    top: -240px;
    margin-left: -18rem
  }
  .tko-deco--3,
  .tko-deco--4,
  .tko-deco--6 {
    display: none!important
  }
  .tko-deco--5 .tko-deco__item {
    top: -30px;
    right: -93px;
    width: 290px
  }
  .deco-leaf--2,
  .deco-leaf--3,
  .tko-hero-txt {
    display: none
  }
  .index .business__box .ly__con-padding,
  .index .room__box .ly__con-padding,
  .index .service__box .ly__con-padding {
    right: -2rem
  }
  .photo-contests .row {
    margin: 0 4%
  }
  .faqNav__list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    max-width: 500px;
    margin: auto
  }
  .faqNav__item {
    width: 48%;
    margin-bottom: .5em
  }
}
.faqNav__item + .faqNav__item {
  margin-left: .2rem
}
.faqNav__button {
  width: 100%;
  padding: 1.4rem 0;
  font-size: 110%;
  color: currentColor;
  background: inherit;
  border: 1px solid #cbcbcb;
  border-radius: 40px;
  -webkit-transition: background-color .5s;
  transition: background-color .5s;
  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.1607843137);
  box-shadow: 0 3px 6px rgba(0,0,0,.1607843137)
}
.faqNav__button:hover {
  color: #fff;
  cursor: pointer;
  background: #cbcbcb;
  border: 1px solid transparent;
  -webkit-transition: background-color 1s;
  transition: background-color 1s
}
.faqNav__button:focus {
  outline: 0
}
.faq-list__list {
  display: block;
  color: #594a41;
  line-height: 2.6
}
.faq-list__list__block:first-child > div {
  border-top: 1px solid #898989
}
@media screen and (min-width:576px) and (max-width:1024px) {
  .faq-list__list__block > div {
    padding: 19px 10% 19px 6%;
    text-indent: -4%
  }
}
@media screen and (max-width:575px) {
  .bl_shinagaki .dashed__line {
    padding: 5px 0 5px 5.5rem;
    text-indent: -5.5rem
  }
  .dinner__plan__item {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff
  }
  .dinner__plan__item > div {
    background: 0 0
  }
  .bl_dinner__hall,
  .bl_dinner__txt {
    padding: 3rem 4% 2rem;
    margin-right: 2%;
    margin-left: 2%
  }
  .bl_dinner__hall .ttl-con__inner {
    margin-bottom: 0
  }
  .bl_dinner__hall .txt__inner__ttl {
    margin: 0
  }
  .faqNav__list {
    max-width: 480px;
    font-size: 1rem
  }
  .faq-list__list__block > div {
    padding: 19px 4% 19px 9%;
    text-indent: -7%
  }
}
.faq-list__list__block > div::after,
.faq-list__list__block > div::before {
  position: absolute;
  display: block;
  content: "";
  background: #898989
}
.faq-list__list__block > ul {
  padding: 0;
  margin: 0;
  list-style: none
}
.faq-list__list__block > ul > li {
  padding: 20px 4% 20px 7%;
  margin: 0;
  background: #f7f7f7;
  text-indent: -3%;
  display: block
}
.faq-list__list__block > ul > li > a {
  color: currentColor;
  text-decoration: none
}
.faq-list__list__block > ul > li > a > span {
  font-size: 90%;
  color: currentColor
}
.faq-list__list__block .icon-q::before {
  content: "Q."
}
.faq-list__list__block .icon-a::before {
  content: "A. "
}
.faq-list__btn {
  color: #fff!important;
  min-width: 188px!important;
  background: #307fce;
  border-right: 1px solid #005db8;
  border-bottom: 1px solid #005db8
}
.faq-list__link {
  color: #307fce;
  display: block;
  text-indent: 0
}
.js-list-btn {
  font-weight: 700
}
.indent__asterisk {
  display: inline-block;
  text-indent: -13px;
  padding-left: 13px
}