/**
 * Theme Name: watayabessou
 * Version: 1.0
 *
 * Description: 和多屋別荘
 */

/* @-ms-viewport{
  width: auto !important;
  initial-scale: 1 !important;
}
@viewport{
  width: device-width !important;
  initial-scale: 1 !important;
} */

body {
  position: relative;
  font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'Ｍｓ Ｐ明朝', 'ＭＳ 明朝', serif;
  letter-spacing: .2em;
  color: #000;
  overflow-x: hidden;
}

body.open {
  overflow-y: hidden;
  overflow-x: hidden;
}

a {
  transition: all 0.25s;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
li {
  list-style: none;
}

#header {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  background: #000;
}

#moviewrap {
  overflow: hidden;
  width: 100%;
  height: 100vh;
  position: relative;
}

#head_movie {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  min-width: 100vw;
  min-height: 100vh;
}

#moviewrap::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
}

#moviewrap p {
  position: absolute;
  top: 50%;
  left: 100px;
  color: #fff;
  font-size: 36px;
  text-shadow: 0 0 9px rgba(0,0,0,0.79);
  z-index: 1;
  transform: translateY(-50%);
}

#moviewrap .text-combine {
  -webkit-text-combine: horizontal;
  -ms-text-combine-horizontal: all;
  text-combine-upright: all;
}

#moviewrap img {
  display: none;
}

.top-header {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 160px;
}

.header_inner {
  position: relative;
  width: 100%;
  height: 100%;
}

.top-header h1 {
  padding: 60px 0 0;
  margin: auto;
  text-align: center;
}

.pc-logo {
  display: block;
  max-width: 46px;
}

.sp-logo {
  display: none;
}

.navToggleSP {
  display: none;
}

.navTogglePC {
  display: block;
  position: absolute;
  bottom: 10%;
  left: 50%;
  width: 42px;
  height: 53px;
  transform: translateX(-50%);
  cursor: pointer;
  z-index: 3;
  text-align: center;
}

.navTogglePC span {
  display: block;
  width: 100%;
  background: #fff;
}

.navTogglePC span:nth-child(1) {
  height: 1px;
  margin-bottom: 12px;
}

.navTogglePC span:nth-child(2) {
  height: 1px;
  margin-bottom: 12px;
}

.navTogglePC span:nth-child(3) {
  height: 1px;
}

.navTogglePC span:nth-child(4) {
  margin-top: 15px;
  color: #fff;
  background: transparent;
  font-size: .4rem;
  letter-spacing: .1em;
}

.top-header ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  position: absolute;
  bottom: 45px;
  right: 90px;
  width: 190px;
}

.top-header li {
  width: 32px;
  height: 110px;
}

.top-header li:not(.listend) {
  margin-right: 20px;
}

.top-header li:not(:nth-last-of-type(-n+3)) {
  margin-bottom: 20px;
}

.top-header li a {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0.5em 0 0;
  color: #fff;
  font-size: 13px;
  border: 1px solid #fff;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}

.top-header li a:hover {
  color: #2c221f;
  background: #fff;
}

.top-header .snslist {
  display: block;
  bottom: 40px;
  right: 40px;
  width: 20px;
}

.top-header .snslist li {
  width: 20px;
  height: 20px;
}

.top-header .snslist li:not(:last-of-type) {
  margin-bottom: 10px;
}

.top-header .snslist li a {
  padding: 0;
  border: none;
}

.top-header .snslist li a:hover {
  opacity: 0.5;
  background: none;
}

#navigation_pc {
  display: none;
  position: fixed;
  padding: 0 40px;
  top: 0;
  left: 0;
  width: 100%;
  /*height: 545px;*/
  height: 615px;
  background: #fff;
  z-index: 9999;
}

#navigation_pc .navi-pc-bestrate {
  background: url('/assets/img/index/bg_bestrate.png')no-repeat;
  background-position: top center;
  height: 70px;
  background-size: cover;
  text-align: center;
  position: relative;
  position: absolute;
  width: 100%;
  margin: -9px -40px;
}
#navigation_pc .navi-pc-bestrate .navi-pc-bestrate-bgline {
  width: 100%;
  height: 23px;
  background: #283443;
  position: absolute;
  bottom: 0;
}
#navigation_pc .navi-pc-bestrate .navi-pc-bestrate-wrap {
  display: flex;
  position: relative;
  width: 670px;
  margin: 0 auto;
}
#navigation_pc .navi-pc-bestrate .navi-pc-bestrate-wrap .img-bestrate {
  width: 53px;
  margin-right: 15px;
  padding-top: 16px;
}
#navigation_pc .navi-pc-bestrate .navi-pc-bestrate-wrap .img-bestrate img {
  width: 100%;
}
#navigation_pc .navi-pc-bestrate .navi-pc-bestrate-wrap .ttl-bestrate {
  font-size: 19px;
  text-align: left;
  padding: 18px 0 0;
}
#navigation_pc .navi-pc-bestrate .navi-pc-bestrate-wrap .ttl-bestrate span {
  font-size: 10px;
  letter-spacing: 1.5px;
  margin-left: 10px;
}
#navigation_pc .navi-pc-bestrate .navi-pc-bestrate-wrap .ttl-bestrate p {
  font-size: 10px;
  color: #fff;
  margin-bottom: 0;
  padding-top: 6px;
}
#navigation_pc .navi-pc-bestrate .navi-pc-bestrate-wrap .btn-bestrate a {
  display: block;
  padding: 0.7em 1.3em 0.6em;
  color: #000;
  font-size: 15px;
  text-align: center;
  border: 1px solid #000;
  background: #fff;
  margin-left: 20px;
  font-size: 0.7rem;
  position: absolute;
  top: 23px;
  transition: .3s;
  z-index: 2;
}
#navigation_pc .navi-pc-bestrate .navi-pc-bestrate-wrap .btn-bestrate a:hover {
  background: #000;
  color: #fff;
  border: 1px solid #fff;
}

#navigation_sp {
  display: none;
}

.navi-pc-width {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  max-width: 1220px;
  margin: auto;
}

.navi_pc_inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  margin: 90px auto 0;
  height: 455px;
}
.navi_pc_inner.index {
  margin: 160px auto 0;
}

.home_menuttl {
  width: 41px;
}

.home_menuttl img {
  width: 100%;
}

.navi_pc_inner ul {
  padding: 0 50px;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}

.navi_pc_inner ul:last-of-type {
  padding-left: 0;
}

.navi_pc_inner .ulborder {
  border-right: 1px solid #000;
  border-left: 1px solid #000;
}

.navi_pc_inner li:not(:last-of-type) {
  margin-left: 1.5em;
}
.navi_pc_inner li.pamphlet:not(:last-of-type) {
  padding-top: 2em;
  text-indent: -2em;
}

.pamphlet span {
  writing-mode: horizontal-tb;
  -webkit-writing-mode: horizontal-tb;
  -ms-writing-mode: horizontal-tb;
  font-size: 0.6em;
  padding: 0;
  position: relative;
  right: -24px;
  margin-bottom: 0.1em;
  letter-spacing: 0.2em;
}

/*
.navi_pc_inner li::before {
  display: inline-block;
  width: 1em;
  height: 1em;
  background: url(../img/index/i_menu.png) no-repeat top left;
  background-size: 100% auto;
  content: '';
}
*/

.navi_pc_inner li a {
  color: #000;
  font-size: 15px;
}

.navi_pc_inner li a:hover {
  opacity: 0.5;
}

.navi_pc_inner ul.navi_snslist_pc {
  width: 100%;
  padding-right: 0px;
  -ms-writing-mode: lr-tb;
  writing-mode: vertical-lr;
}
.navi_pc_inner .navi_snslist_pc li {
  margin-top: 1em;
}
.navi_pc_inner .navi_snslist_pc li img {
  width: 1.8em;
}
.navi_pc_inner .navi_snslist_pc li:first-child img {
  width: 0.8em;  
}
.navi_pc_inner .navi_snslist_pc li a {
  padding: 0.7em 0.6em;
  display: block;
}
.navi_pc_inner .navi_snslist_pc li:not(:last-of-type) {
  margin-left: 0;
}
.navi_pc_inner .navi_snslist_pc li::before {
  content: none;
}

.navi_pc_information {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  position: absolute;
  bottom: 30px;
  left: 0;
}

.navi_pc_tel {
  padding-left: 40px;
  margin-bottom: 6px;
  background: url(../img/index/i_tel.png) no-repeat center left;
  font-size: 24px;
  line-height: 1.1;
}
.navi_pc_tel a {
  color: #000;
}

.navi_pc_tel span {
  display: block;
  font-size: 10px;
}

.navi_pc_fax {
  display: block;
  padding-top: 6px;
  margin-bottom: 20px;
  font-size: 10px;
  border-top: 1px solid #000;
}

.navi_pc_information p:last-of-type {
  margin-bottom: 0;
}

.navi_pc_information p:last-of-type a {
  display: block;
  padding: 0.5em 0;
  color: #000;
  font-size: 15px;
  text-align: center;
  border: 1px solid #000;
}

.navi_pc_information p:last-of-type a:hover {
  color: #fff;
  background: #000;
}

.navToggle_close {
  position: absolute;
  top: 30px;
  right: 0;
  width: 35px;
  height: 30px;
}
.navToggle_close.index {
  top: 100px;
}

.navToggle_close span {
  position: absolute;
  top: 15px;
  left: 0;
  width: 35px;
}

.navToggle_close span:nth-of-type(1) {
  height: 1px;
  background: #000;
  transform: rotate(-35deg);
}

.navToggle_close span:nth-of-type(2) {
  height: 1px;
  background: #000;
  transform: rotate(35deg);
}

/* 追従ヘッダー */
#top-fixed-header {
  z-index: -9999;
  opacity: 0;
  transition: 0.3s all;
}

.sub-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 88px;
  padding: 0 40px;
  background: url(../img/index/in_header_bg.png) no-repeat bottom left/400px;
  background-color: rgba(255, 255, 255, .9);
  z-index: 1;
}

.sub-header-width {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  max-width: 1220px;
  margin: auto;
}

.sub-header h1 {
  padding: 0;
  max-width: 190px;
  width: 190px;
}

.sub-header-list {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  align-items: center;
  width: 70%;
  height: 88px;
}

.sub-header ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-right: 5%;
  font-size: .8rem;
  width: 100%;
  height: 100%;
}

.sub-header ul li {
  position: relative;
  text-align: center;
  height: 100%;
  line-height: 1.2;
}

.sub-header ul li::after {
  position: absolute;
  content: '';
  height: 15px;
  width: 1px;
  left: 50%;
  bottom: 0;
  background: #000;
}

.sub-header ul li a {
  display: block;
  padding-top: 28px;
  height: 100%;
  color: #000;
  transition: all .25s;
}

.sub-header ul li a:hover {
  opacity: .5;
}

.sub-header ul li:nth-child(4) {
  margin-right: 50px;
}

/* カレント時 */
.sub-header ul li:hover::before,
.sub-header ul li.active::before {
  position: absolute;
  content: '';
  height: 2px;
  left: 50%;
  bottom: 0;
  width: 100%;
  transform: translateX(-50%);
  background: #000;
}
.sub-header ul li:hover::after,
.sub-header ul li.active::after {
  display: none;
}

.sub-header .navTogglePC {
  position: static;
  right: 35px;
  width: 20px;
  height: 25px;
}

.sub-header .navTogglePC span {
  background: #000;
}

.sub-header .navTogglePC span:nth-child(1),
.sub-header .navTogglePC span:nth-child(2) {
  margin-bottom: 10px;
}

.list-ruby {
  display: block;
  font-size: .6rem;
  font-weight: bold;
  letter-spacing: .2em;
  color: #a32a2a;
  transition: all .25s;
}

.scrollout {
  opacity: 0;
}

/*お知らせ・トップページ*/
#news {
  display: -webkit-flex;
  display: flex;
  color: #fff;
  background: #000;
}

#news p {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0;
  width: 145px;
  height: 80px;
  font-size: 16px;
  border-right: 1px solid #808080;
}

#news .swiper-container {
  width: calc(100vw - 145px);
}

#news .swiper-container a {
  color: #fff;
}

#news .swiper-slide {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 130px 0 40px;
  font-size: 13px;
}

#news .swiper-slide span {
  margin-right: 1em;
}

#news .swiper-slide a:hover {
  opacity: 0.5;
}

#news .swiper-button-prev,
#news .swiper-button-next {
  left: auto;
  width: 15px;
  height: 30px;
  margin-top: 0;
  transform: translateY(-50%);
}

#news .swiper-button-prev {
  right: 80px;
  background: url(../img/index/i_news_prev.png) no-repeat center center / contain;
}

#news .swiper-button-next {
  right: 35px;
  background: url(../img/index/i_news_next.png) no-repeat center center / contain;
}

.news_sp {
  display: none;
}

/*和多屋別荘の魅力・トップページ*/
.sec01 {
  height: 700px;
  background: url(../img/index/sec01_bg.png) no-repeat top left;
}

.sec01 .container-width {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  margin: auto;
  padding: 100px 0;
  height: 100%;
  max-width: 1170px;
}

.sec01-text {
  margin-right: 7%;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}

.sec01-text p {
  margin: 0;
  font-size: 13px;
  line-height: 2;
}

.sec01 ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 63%;
}

.sec01 li {
  position: relative;
  width: 30%;
  max-width: 241px;
}

.sec01 li span {
  position: absolute;
  top: 50px;
  left: 50%;
  font-size: 25px;
  transform: translateX(-50%);
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}

.sec01 li a {
  color: #fff;
}

.sec01 li img {
  width: 100%;
  transition: all 0.25s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.sec01 a:hover img {
  opacity: 0.8;
}

/*新着イベント・トップページ*/
.sec02 {
  padding: 65px 0 95px;
  background: #e7e7e7;
}

.sec02 h2 {
  margin-bottom: 1.5em;
  color: #7a7a7a;
  font-size: 30px;
  text-align: center;
  line-height: 1;
}

.sec02 h2 span {
  display: block;
  color: #941212;
  font-size: 12px;
  letter-spacing: 0.1em;
}

.sec02 .swiper-container {
  padding: 0 10%;
}

.sec02 .swiper-slide span {
  display: block;
  margin-top: 1.2em;
  font-size: 13px;
}

.sec02 .swiper-slide {
  max-width: 250px;
}

.sec02 .swiper-slide img {
  width: 100%;
  transition: all 0.25s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.sec02 a:hover img {
  opacity: 0.8;
}

.sec02 .swiper-button-prev,
.sec02 .swiper-button-next {
  top: 25%;
  width: 2%;
  height: 68px;
  margin-top: 0;
  opacity: 1;
  transition: all 0.25s;
}

.sec02 .swiper-button-prev {
  left: 8%;
  background: url(../img/index/i_event_prev.png) no-repeat top left / contain;
}

.sec02 .swiper-button-next {
  left: auto;
  right: 8%;
  background: url(../img/index/i_event_next.png) no-repeat top right / contain;
}

.sec02 .swiper-button-next.swiper-button-disabled,
.sec02 .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}

/*水明荘・トップページ*/
.suimeiso,
.watayabesso,
.public {
  overflow: hidden;
  position: relative;
  background: #e7e7e7;
}

.suimeiso a,
.watayabesso a {
  color: #000;
}

.suimeiso a:hover,
.watayabesso a:hover {
  color: #000;
}

.suimeisowrap {
  height: 700px;
}

.suimeiso .swiper-slide img {
  width: auto;
  height: 700px;
}

.facility_wrap {
  position: absolute;
  top: 0;
  height: 100%;
  z-index: 2;
  transition: 0.25s all;
}

.facility_wrap:hover {
  background: rgba(255,255,255,0.3);
}

.top-facility {
  position: relative;
  height: 100%;
  width: 100vw;
}

.facility_comment {
  overflow: hidden;
  position: absolute;
  bottom: 0;
  padding: 45px 0 100px 45px;
  min-height: 600px;
  background: #fff;
  z-index: 2;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-text-orientation: upright;
  text-orientation: upright;
}

.facility_comment h2 {
  margin: 0 -0.3em 0 0.5em;
  font-size: 67.5px;
}

.facility_comment h2 span:first-of-type {
  color: #6d3825;
}

.facility_comment h2 span:last-of-type {
  margin-top: 30px;
  font-size: 11px;
  font-weight: bold;
  color: #585858;
}

.facility_comment p {
  margin: 0;
  font-size: 13px;
  line-height: 2;
}

.suimeiso .facility_comment {
  right: 10%;
}

.suimeiso .facility_under {
  display: none;
  position: absolute;
  top: 2%;
  right: -3%;
  z-index: 1;
}

/* 和多屋別荘・トップページ */
.watayabesso .facility_comment {
  min-height: 600px;
  padding: 45px 45px 10px 0;
  left: 0%;
  right: auto;
}

.watayabesso .facility_wrap h2 {
  margin: 0 0.5em 0 -0.3em;
}

.watayabesso .swiper-container-horizontal> .swiper-pagination-bullets,
.watayabesso .swiper-pagination-custom,
.watayabesso .swiper-pagination-fraction {
  left: 70px;
  bottom: 20px;
  width: 240px;
}

/* レストラン&スパ・トップページ */
.facility_comment.restaurant-spa {
  min-height: 600px;
  padding: 45px 0 20px 45px;
}

.facility_comment .restaurant-title {
  margin: -.2em -0.3em 0 0.5em;
  letter-spacing: -.15em;
}

.small-and {
  font-size: 40px;
}

.facility_comment .restaurant-title span:last-of-type {
  margin-top: 5px;
  letter-spacing: .1em;
}
/* swiper */
.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  right: 100px;
  left: auto;
  bottom: 20px;
  /*width: 20%;*/
  width: 25%;
}

.swiper-pagination-bullet {
  background: #999;
}

.swiper-pagination-bullet-active {
  background: #000;
}

/*スクロール動作*/
.effect_first,
.effect_second {
	opacity: 0;
	transform: translate(0,40px);
	-webkit-transform: translate(0,40px);
  transition: all 1s;
}

.motion01,
.motion02 {
	opacity: 1.0;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
}

.motion02 {
  transition-delay: .5s;
}

/*PC/SP切り替え*/
.pc_img {
  display: block;
}
.sp_img {
  display: none;
}

.suimeiso .swiper-slide {
  width: 100%;
  height: 700px;
}

/* アクセス・トップページ */
.access {
  /* background: #e7e7e7; */
}

.access h2 {
  font-size: 1.9rem;
  color: #7a7a7a;
}

.access h2 span {
  font-size: .75rem;
  color: #941212;
}

.btn.learn-more {
  display: flex;
  display: -webkit-box;
  justify-content: space-between;
  -webkit-box-pack: justify;
  padding: 10px 20px;
  width: 173px;
  border: 1px solid #000;
  border-radius: 0;
  font-size: .8rem;
  color: #000;
  transition: all .25s;
}

.btn.learn-more::after {
  content: '';
  display: inline-block;
  width: 10px;
  height: 20px;
  margin-left: 10px;
  background: url(../img/index/right_arrow.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
}

.btn.learn-more:hover::after {
  content: '';
  display: inline-block;
  background: url(../img/index/right_arrow_hover.png) no-repeat;
  background-size: contain;
}

.btn.learn-more:hover {
  color: #fff;
  background: #2c221f;
}

.btn.event-more {
  display: flex;
  display: -webkit-box;
  justify-content: space-between;
  -webkit-box-pack: justify;
  padding: 10px 20px 10px 50px;
  margin: 30px auto;
  width: 200px;
  border: 1px solid #000;
  border-radius: 0;
  font-size: .8rem;
  color: #000;
  transition: all .25s;
}
.btn.event-more::after {
  content: '';
  display: inline-block;
  width: 30%;
  height: 20px;
  margin-left: 10px;
  background: url(../img/index/right_arrow.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
}
.btn.event-more:hover::after {
  content: '';
  display: inline-block;
  background: url(../img/index/right_arrow_hover.png) no-repeat;
  background-size: contain;
}
.btn.event-more:hover {
  color: #fff;
  background: #2c221f;
}

.btn.wataya-top-reno {
  background: #ffffff;
  width: 21em;
}

.btn.access-more {
  padding: 10px 20px 10px 30px;
}
.btn.event-more::after {
  content: '';
  display: inline-block;
  width: 30%;
  height: 20px;
  margin-left: 10px;
  background: url(../img/index/right_arrow.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
}
.btn.event-more:hover::after {
  content: '';
  display: inline-block;
  background: url(../img/index/right_arrow_hover.png) no-repeat;
  background-size: contain;
}
.btn.event-more:hover {
  color: #fff;
  background: #2c221f;
}

#map {
  position: relative;
  width: 100%;
  height: 580px;
  background-color: grey;
}

.map-content {
  position: absolute;
  padding: 60px;
  top: 100px;
  left: 0;
  background: #fff;
  font-size: .8rem;
  line-height: 2;
}

.access-border {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #b0b0b0;
}

/* フッター */
.footer-default {
  padding: 80px;
  font-size: .8rem;
  letter-spacing: .2em;
  color: #6c6c6c;
  background: #222;
}

.pc-footer {
  max-width: 1120px;
  margin: auto;
}

.list-wrap {
  width: 76%;
}

.footer-default ul li span {
  font-size: 9px;
}

.footer-default ul li.list-break-word {
  line-height: 1.3;
}

.footer-default .list-main {
  font-size: .8rem;
  line-height: 2.8;
}

.footer-default .list-main:first-child {
  padding-top: 10px;
}

.list-width {
  line-height: 2.1;
  width: 17%;
}

.footer-default a {
  color: #6c6c6c;
  transition: all .25s;
  text-decoration: none;
}

.footer-default a:hover {
  opacity: .5;
  text-decoration: none;
}

.footer-list-title {
  padding: 0 3px;
}

.list-in {
  padding: 0 3px;
  border-top: 1px solid #6c6c6c;
}

.footer-logo {
  max-width: 163px;
}

.footer-address {
  width: 19%;
}

.footer-address p {
  margin-bottom: 0;
  font-size: .7rem;
  line-height: 2.2;
}

.footer-address .navi_snslist_pc {
  display: flex;
  margin-bottom: 20px;
  width: 100%;
}
.footer-address .navi_snslist_pc li {
  margin-right: 1.1em;
  width: 2.5em;
}
.footer-address .navi_snslist_pc li:first-child {
  width: 1.05em;
  padding-top: 0.5rem;
}
.footer-address .navi_snslist_pc li:nth-child(2) {
  padding-top: 0.6rem;
}
.footer-address .navi_snslist_pc li a {
  display: block;
  padding:0.7em 0;
}
.footer-address .navi_snslist_pc li img {
  width: 100%;
}
.footer-address .navi_snslist_pc li p {
  line-height: 1.4;
  font-size: 0.6rem;
  border: 1px solid #6c6c6c;
  padding: 0.3rem 0.7rem;
  display: inline-block;
  text-align: center;
  letter-spacing: 1.6px;
}
.footer-default .copyright {
  font-size: .5rem;
  letter-spacing: .18em;
}

/* 配下ページ */
/* 嬉野の魅力 */
.sub-header-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}
.sub-header.ureshino-charm {
  position: static;
}
.sub-header-child {
  height: 58px;
  background: rgba(234, 234, 234, .7);
}
.sub-header-child ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: .8rem;
}
.sub-header-child ul li {
  text-align: center;
}
.sub-header-child ul li:not(:last-child) {
  margin-right: 50px;
}
.sub-header-child ul li a {
  display: block;
  height: 100%;
  color: #000;
}
.sub-header-child ul li a:hover {
  opacity: .5;
}
.parallax_wrapper {
  position: fixed;
  top: 0;
  left: 0;
  padding-top: 30%;
  width: 100%;
  height: 0;
  z-index: -1;
}
.parallax_wrapper h2 {
  position: absolute;
  top: 60%;
  left: 50%;
  font-size: 30.5px;
  color: #fff;
  text-align: center;
  letter-spacing: 0.2em;
  line-height: 1.3;
  transform: translate(-50%, -50%);
}
.parallax_wrapper h2 span {
  display: block;
  font-size: 11px;
  color: #fff;
  letter-spacing: 0.05em;
}
.parallax_wrapper img {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
}

.parallax_outer {
  overflow: hidden;
  position: relative;
  margin-top: 30%;
  background: #fff;
  border-top: 10px solid #000;
  z-index: 0;
}

.traditional_intro {
  padding: 75px 0;
  margin: 0;
  font-size: 13px;
  line-height: 2;
  text-align: center;
}

.traditional_addwrap {
  position: relative;
  padding-top: 44.6%;
  width: 100%;
  height: 0;
  background: url(../img/about/traditional_addphoto01.png) no-repeat center center / cover;
}

.traditional_addwrap div {
  position: absolute;
  top: 50%;
  right: 5%;
  width: 460px;
  color: #fff;
  font-size: 13px;
  line-height: 2;
  text-shadow: 1px 1px 18px rgba(50,21,4,0.6),
               -1px 1px 18px rgba(50,21,4,0.6),
               1px -1px 18px rgba(50,21,4,0.6),
               -1px -1px 18px rgba(50,21,4,0.6);
  transform: translateY(-50%);
}

.traditional_bggray {
  padding: 90px 100px;
  background: #e7e7e7;
}

.traditional_plistwrap {
  overflow: hidden;
  padding: 105px 0;
  width: 100%;
}
.traditional_plist {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  width: 138%;
  margin-left: -10%;
}

.traditional_plist .sub_cont_photobox {
  width: 45%;
}

.traditional_plist .sub_cont_photobox:not(:last-of-type) {
  margin-right: 1.5%;
}

.sub_cont_wrap {
  width: 100%;
  background: url(../img/about/sub_bg.png) no-repeat top right;
  border-top: 1px solid #000;
}

.sub_cont_block,
.sub_cont_photobox,
.sub_cont_photobox_v {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.sub_cont_block {
  -webkit-align-items: flex-start;
  align-items: flex-start;
  padding: 90px 0;
  margin: 0 auto;
  width: 86%;
  max-width: 1100px;
}

.sub_cont_reverse {
  -webkit-flex-flow: row-reverse;
  flex-flow: row-reverse;
}

.sub_cont_photobox {
  -webkit-align-items: flex-start;
  align-items: flex-start;
  width: 55.9%;
}

.sub_cont_photobox img {
  display: block;
}

.sub_cont_photobox .sub_cont_photo01 {
  width: 65%;
}

.sub_cont_photobox_v {
  -webkit-flex-flow: column;
  flex-flow: column;
  -ms-flex-item-align: stretch;
  -webkit-align-self: stretch;
  align-self: stretch;
  width: 30%;
}

.sub_cont_photobox_v img {
  width: 100%;
}

.sub_cont_text {
  width: 37%;
  letter-spacing: 0.2em;
}

.traditional_bggray h3,
.sub_cont_text h3 {
  margin-bottom: 1.5em;
  font-size: 30px;
}

.traditional_bggray p,
.sub_cont_text p {
  font-size: 13px;
  line-height: 2;
}

.sub_cont_text p:last-of-type {
  margin-bottom: 0;
}

/* イベント */
.event-wrap {
  max-width: 1096px;
  margin: auto;
  padding: 70px 30px 60px;
}

.event_intro ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 auto;
}

.event_intro li {
  width: 48%;
  margin-bottom: 60px;
}

.event_intro img {
  width: 100%;
}

.event_intro a,
.eventlist a {
  display: block;
  color: #000;
}

.event_intro a:hover,
.eventlist a:hover {
  opacity: .5;
}

.event_intro .eventdate {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  padding-bottom: 5px;
  margin: 20px 0 10px;
  line-height: 1.2;
  border-bottom: 1px solid #000;
}

.event-banner li {
  width: 100%;
}

.event-banner li .eventinfo {
  margin-top: 5px;
}

.eventdate-first-wrap {
  font-weight: bold;
}

.eventdate-first-wrap span:first-child {
  font-size: 15px;
}

.eventdate-first-wrap span:nth-child(2) {
  font-size: 9px;
}

.event_intro .eventdate .event-title {
  font-size: 25px;
}

.event_intro .eventinfo {
  margin: 0;
  font-size: 11px;
}

.event_intro .eventdate .logdate {
  font-size: 10px;
}

.event_intro .eventinfo .event-catch {
  display: block;
  margin-bottom: 8px;
  font-size: 17px;
}

a.event-external {
  background: url(../img/access/external_link.png) no-repeat right / 10px;
  padding-right: 12px;
  font-size: 11px;
  color: #6d3825;
  text-decoration: underline;
  text-align: right;
  transition: all .25s;
}

.eventlist ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 auto;
}

.eventlist li {
  width: 30%;
}

.eventlist li {
  margin-bottom: 60px;
}

.eventlist img {
  display: block;
  margin: 0 auto;
  width: 100%;
}

.eventlist .eventdate {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  position: relative;
  padding-bottom: 5px;
  margin: 20px 0 10px;
  width: 100%;
  line-height: 1.2;
  border-bottom: 1px solid #000;
}

.eventlist .eventdate span:first-of-type {
  font-size: 15px;
  font-weight: bold;
}

.eventlist .eventdate span:first-of-type span {
  font-size: 9px;
}

.eventlist .eventdate .logdate {
  font-size: 10px;
}

.eventlist .eventinfo {
  display: block;
  width: 100%;
  font-size: 11px;
}

.event-pagenation {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}

.event-pagenation .prev,
.event-pagenation .next {
  display: inline-block;
  width: 24px;
}

.event-pagenation .prev {
  margin-right: 20px;
}

.event-pagenation .next {
  margin-left: 20px;
}

.event-pagenation img {
  max-width: 100%;
}

/* イベント詳細個別ページ */
.event-detail-contents-single {
  max-width: 1100px;
  margin: auto;
  padding: 80px 30px;
}

.main-image {
  position: relative;
}
.main-image-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.main-image-text {
  position: absolute;
  bottom: 50px;
  left: 75px;
  color: #fff;
}

.main-image-text time {
  font-size: 13px;
}

.main-image-text h3 {
  font-size: 35px;
}

.event-detail-contents-title {
  margin: 60px 0 20px;
}

.event-detail-text {
  margin: 0 0 30px;
}

.event-detail-text p {
  margin-bottom: 20px;
  font-size: 13px;
  line-height: 2;
}

.event-detail-one-pic,
.event-detail-two-pic,
.event-detail-three-pic,
.event-detail-left-pic {
  margin-bottom: 18px;
}

.event-detail-two-pic,
.event-detail-three-pic,
.event-detail-left-pic,
.event-detail-right-pic {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.event-detail-one-pic p,
.event-detail-two-pic p,
.event-detail-three-pic p,
.event-detail-right-pic p  {
  margin: 10px 0 0;
  font-size: 11px;
  line-height: 1.8;
}

.event-detail-two-pic div:first-child {
  margin-right: 70px;
}

.event-detail-three-pic div:not(:last-child) {
  margin-right: 70px;
}

.event-detail-left-pic {
  margin-bottom: 60px;
}

.event-detail-left-pic div:first-child {
  /* width: 40%; */
  margin-right: 35px;
}

.event-detail-left-pic div:last-child {
  width: 60%;
}

.event-detail-left-pic h4 {
  margin-bottom: 38px;
  font-size: 22px;
}

.event-detail-left-pic p {
  margin-bottom: 0;
  font-size: 13px;
  line-height: 2;
}

.event-detail-right-pic {
  -webkit-flex-flow: row-reverse;
  flex-flow: row-reverse;
}

.event-detail-right-pic div:first-child {
  width: 40%;
}

.event-detail-right-pic div:last-child {
  width: 60%;
  margin-right: 35px;
}

.event-detail-right-pic h4 {
  margin-bottom: 26px;
  font-size: 17px;
}

.event-detail-contents-single ul {
  padding: inherit;
  margin: 35px 0 0 20px;
  list-style-type: disc;
  color: #545454;
  font-size: 11px;
}

.even-detail-border {
  padding: 60px 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

.event-detail-pagenation {
  border-top: 1px solid #000;
  font-size: 16px;
  padding: 0 20px;
}

.event-detail-pagenation ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  max-width: 1110px;
  margin: auto;
}

.event-detail-pagenation li:first-child {
  width: 30%;
  border-right: 1px solid #000;
}

.event-detail-pagenation li:last-child {
  width: 70%;
}

.event-detail-pagenation a {
  color: #000;
}

.event-detail-pagenation a:hover {
  opacity: .5;
}


.event-detail-pagenation .prev,
.event-detail-pagenation .next {
  display: block;
  padding: 50px 0;
}

.event-detail-pagenation .prev {
  width: 100%;
  padding-left: 40px;
  text-align: left;
  background: url(../img/event/prev_arrow.png) no-repeat center left/17px;
  font-size: 13px;
}

.event-detail-pagenation .next {
  width: 100%;
  padding-right: 40px;
  text-align: right;
  background: url(../img/event/next_arrow.png) no-repeat right/17px;
  font-size: 13px;
}

/* イベント詳細 */
.event-detail-contents {
  max-width: 1096px;
  margin: auto;
  padding: 80px 30px;
}

.main-image {
  position: relative;
}

.main-image-text {
  position: absolute;
  bottom: 50px;
  right: 40px;
  color: #fff;
}

.main-image-text p {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 2;
}

.main-image-text h3 {
  margin-bottom: 17px;
  font-size: 35px;
}

.movie-cont {
  display: flex;
  padding: 60px 0;
}

.movie-cont p {
  padding-right: 55px;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 2;
}

.movie-cont .video iframe {
  width: 560px;
  height: 315px;
}

.event-detail-contents .new-sec {
  padding: 55px 50px;
  background: #e7e7e7;
}

.event-detail-contents .new-sec ul {
  display: flex;
}

.event-detail-contents .new-sec ul li:first-child,
.event-detail-contents .end-sec ul li:first-child {
  padding-right: 35px;
}

.new-sec-img {
  width: 289px;
}

.new-sec-img img {
  max-width: 100%;
}

.new-sec-text,
.end-sec-text {
  width: 100%;
}

.new-sec-text h4 {
  margin-bottom: .2rem;
  font-size: 30px;
  font-weight: bold;
}

.new-sec-text span {
  display: block;
  margin-bottom: 32px;
  font-size: 20px;
  font-weight: bold;
}

.new-sec-text dl,
.end-sec-text dl {
  display: flex;
  margin-bottom: 5px;
  font-size: 13px;
}

.new-sec-text dl dt,
.end-sec-text dl dt {
  width: 15%;
  font-weight: normal;
}

.new-sec-text dl dd,
.end-sec-text dl dd {
  width: 85%;
  line-height: 1.8;
}

.end-sec {
  padding: 60px 0 0;
  margin-top: 60px;
  border-top: 1px solid #000;
}

.end-sec-img {
  width: 241px;
}

.end-sec-img img {
  max-width: 100%;
}

.end-sec h5 {
  margin-bottom: 32px;
  font-weight: bold;
}

.end-sec ul {
  display: flex;
}

/* アクセス */
.access-map-img img {
  width: 100%;
}

.access-wrap {
  padding: 20px 0;
  background: #fff;
}

.access-container {
  max-width: 1110px;
  margin: auto;
}

.access-title {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  padding-bottom: 55px;
  border-bottom: 1px solid #000;
}

.access-title h3 {
  margin: 0 60px;
  font-size: 25px;
}

.access-title p {
  margin: 0;
  font-size: 13px;
}

.accsss-transportation {
  margin-top: 40px;
}

.accsss-transportation-list {
  display: -webkit-flex;
  display: flex;
  font-size: 13px;
}

.access-guide-img img {
  width: 100%;
}

.accsss-transportation-list dt {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  padding: 80px 0;
  margin-right: 3%;
  width: 18%;
  background: #e7e7e7;
  text-align: center;
}

.accsss-transportation-title {
  margin-bottom: 0;
  width: 100%;
}

.accsss-transportation-list dt span {
  color: #6d3825;
  font-size: 17px;
}

.accsss-transportation-list dd {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  padding: 30px 40px;
  margin: 0;
  width: 79%;
  border: 1px solid #9fa0a0;
  font-size: 13px;
}

.accsss-transportation-list div {
  width: 100%;
}

.access-detail:not(:last-child) {
  margin-bottom: .8rem;
}

.accsss-transportation-list .bg-brown {
  display: inline-block;
  padding: 10px;
  margin-right: 1%;
  background: #c8b7ae;
}

.access-detail .bg-brown {
  width: 32%;
}

.access-buss {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.access-buss:not(:last-child) {
  margin-bottom: .8rem;
}

.access-buss .bg-brown {
  width: 26%;
}

.access-buss li:nth-child(2) {
  width: 35%;
}

.access-buss-external a {
  padding-right: 12px;
  color: #6d3825;
  font-size: 11px;
  text-decoration: underline;
}

.access-buss-external {
  background: url(../img/access/external_link.png) no-repeat right / 10px;
  transition: all .25s;
}

.access-buss-external:hover {
  opacity: .5;
}

.accsss-transportation .access-red-border {
  display: inline-block;
  padding: 10px;
  margin-bottom: 2rem;
  color: #c51f1f;
  border: 1px solid #c51f1f;
}

/* お問い合わせ */
.parallax_wrapper .inquiry-title,
.parallax_wrapper .inquiry-title span {
  color: #000;
}

.inquiry-container {
  max-width: 1000px;
  margin: auto;
  padding: 80px 0;
  font-size: 13px;
  letter-spacing: .1rem;
}

.inquiry-information {
  margin: 0 0 80px;
  text-align: center;
}

.inquiry-form {
  max-width: 800px;
  margin: auto;
}

.input-area {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  align-items: -webkit-center;
  align-items: center;
}

.input-area.textarea {
  align-items: inherit;
}

.input-area.textarea label {
  margin-top: 16px;
}

.input-area:not(:last-child) {
  margin-bottom: 30px;
}

.input-area dt {
  margin-right: 4%;
  width: 18%;
  text-align: right;
  font-weight: normal;
}

.input-area dd {
  margin-bottom: 0;
  width: 70%;
}

.inquiry-form label {
  margin-bottom: 0;
}

.input-area input,
.input-area textarea {
  padding: 16px;
  width: 100%;
  background: #f2f2f2;
  border: none;
  resize: none;
  letter-spacing: .1rem;
}

.input-area.short-area input,
.input-area.short-area select.select-inquiry {
  width: 40%;
}

textarea::placeholder,
input::placeholder {
  color: #979797;
  font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'Ｍｓ Ｐ明朝', 'ＭＳ 明朝', serif;
  font-size: 13px;
}

.inquiry-form textarea {
  height: 186px;
}

.text-required {
  color: #a32a2a;
  font-size: 10px;
}

select.select-inquiry {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 16px;
  width: 100%;
  background: #f2f2f2 url(../img/inquiry/select_down.png) no-repeat center right 19px / 7px;
  border-radius: 0;
  border: none;
  resize: none;
  letter-spacing: .1rem;
}

.submit-btn {
  margin-top: 100px;
  text-align: center;
}
.submit-btn p {
  padding-top: 15px;
  margin-bottom: 0;
}
.submit-btn p a {
  color: #000000;
  text-decoration: underline;
}

.wpcf7 div.wpcf7-response-output {
  border: none;
  text-align: center;
  margin-bottom: 20px;
  color: #a32a2a;
  font-weight: bold;
}
.wpcf7 span.wpcf7-not-valid-tip {
  color: #a32a2a;
  font-weight: bold;
  padding-top: 10px;
}
.wpcf7 input[type="textarea"],
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="number"] {
  padding: 16px;
  border: none;
  background: #f2f2f2;
  font-size: 13px;
  transition: .5s;
}
.wpcf7 input[type="textarea"]:focus,
.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 input[type="tel"]:focus,
.wpcf7 input[type="number"]:focus {
  box-shadow: 0 0 7px #F1C36B;
  box-sizing: border-box;
}
.inquiry-container label {
  margin-bottom: 0;
}

/*
.submit-btn button {
  padding: 19px;
  width: 346px;
  color: #fff;
  border: none;
  transition: all .25s;
  background: #624e3a url(../img/index/right_arrow_hover.png) no-repeat center right 19px / 10px;
  letter-spacing: .1rem;
}

.submit-btn button:hover {
  opacity: .5;
}
*/

.submit-btn button {
  border: none;
  padding: 0px;
  background: none;
}

/*.submit-btn button input {
  padding: 19px;
  width: 346px;
  color: #fff;
  border: none;
  transition: all .25s;
  background: #624e3a url(../img/index/right_arrow_hover.png) no-repeat center right 19px / 10px;
  letter-spacing: .1rem;
  font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'Ｍｓ Ｐ明朝', 'ＭＳ 明朝', serif;
  font-weight: normal;
}*/

.submit-btn button input:hover {
  opacity: .5;
}

input[type="submit"].wpcf7-form-control.wpcf7-confirm.inquiry-confirm.wpcf7c-elm-step1.wpcf7c-btn-confirm {
  width: 346px;
  padding: 16px;
  border: 1px solid #000000;
  transition: all .25s;
  font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'Ｍｓ Ｐ明朝', 'ＭＳ 明朝', serif;
}
input[type="submit"]:hover.wpcf7-form-control.wpcf7-confirm.inquiry-confirm.wpcf7c-elm-step1.wpcf7c-btn-confirm {
  background: #ffffff;
  border: 1px solid #000000;
  color: #000000;
}
input[type="submit"]:focus.wpcf7-form-control.wpcf7-confirm.inquiry-confirm.wpcf7c-elm-step1.wpcf7c-btn-confirm {
  border: none;
}
input[type="button"].wpcf7-form-control.wpcf7-back.back-submit-btn.wpcf7c-elm-step2.wpcf7c-btn-back {
  width: 186px;
  padding: 16px;
  border: 1px solid #eeeeee;
  background: #eeeeee;
  color: #000000;
  font-weight: normal;
  transition: all .25s;
  margin: 0 10px;
  font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'Ｍｓ Ｐ明朝', 'ＭＳ 明朝', serif;
}
input[type="button"]:hover.wpcf7-form-control.wpcf7-back.back-submit-btn.wpcf7c-elm-step2.wpcf7c-btn-back {
  background: #ffffff;
  border: 1px solid #000000;
  color: #000000;
}
input[type="button"]:focus.wpcf7-form-control.wpcf7-back.back-submit-btn.wpcf7c-elm-step2.wpcf7c-btn-back {
  border: none;
}
input[type="button"].wpcf7-form-control.wpcf7-confirm.inquiry-confirm.wpcf7c-elm-step1.wpcf7c-btn-confirm.wpcf7c-force-hide {
  width: 346px;
  padding: 16px;
  border: 1px solid #000000;
  transition: all .25s;
}
input[type="button"]:hover.wpcf7-form-control.wpcf7-confirm.inquiry-confirm.wpcf7c-elm-step1.wpcf7c-btn-confirm.wpcf7c-force-hide {
  background: #ffffff;
  border: 1px solid #000000;
  color: #000000;
}
input[type="button"]:focus.wpcf7-form-control.wpcf7-confirm.inquiry-confirm.wpcf7c-elm-step1.wpcf7c-btn-confirm.wpcf7c-force-hide {
  border: none;
}
input[type="submit"].wpcf7-form-control.wpcf7-submit.wpcf7c-elm-step2 {
  width: 346px;
  padding: 16px;
  border: 1px solid #000000;
  transition: all .25s;
  margin: 0 10px;
  font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'Ｍｓ Ｐ明朝', 'ＭＳ 明朝', serif;
}
input[type="submit"]:hover.wpcf7-form-control.wpcf7-submit.wpcf7c-elm-step2 {
  background: #ffffff;
  border: 1px solid #000000;
  color: #000000;
}
input[type="submit"]:focus.wpcf7-form-control.wpcf7-submit.wpcf7c-elm-step2 {
  border: none;
}
textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required.wpcf7c-conf {
  background: #ffffff;
}
input[type="text"].wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.wpcf7c-conf,
input[type="email"].wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email.wpcf7c-conf,
input[type="tel"].wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-required.wpcf7-validates-as-tel.wpcf7c-conf,
input[type="number"].wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number.wpcf7c-conf,
select.wpcf7-form-control.wpcf7-select.select-inquiry.wpcf7c-conf,
input[type="text"].wpcf7-form-control.wpcf7-text.wpcf7c-conf {
  background: none;
  border: none;
  color: #333333;
}
input[type="text"]:focus.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.wpcf7c-conf,
input[type="email"]:focus.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email.wpcf7c-conf,
input[type="tel"]:focus.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-required.wpcf7-validates-as-tel.wpcf7c-conf,
input[type="number"]:focus.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number.wpcf7c-conf,
input[type="text"]:focus.wpcf7-form-control.wpcf7-text.wpcf7c-conf {
  box-shadow: none;
}
textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required.wpcf7c-conf {
}

/* プライバシーポリシー */
.privacy-container {
  max-width: 1110px;
  margin: auto;
  padding: 80px 30px;
  font-size: 13px;
}

.privacy-information {
  margin: 0 0 80px;
  text-align: left;
}
.privacy-information h3 {
  font-size: 1.2rem;
}
.privacy-information p {
  margin-bottom: 40px;
  line-height: 2;
}

/* 水明荘 */
.header-suimei {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100vh;
  background: url(../img/suimeiso/index/sui_top_mv.png) no-repeat center center / cover !important;
}

.header-suimei .header_bg {
  position: absolute;
  top: 0;
  left: 50%;
  width: auto;
  height: 100%;
  transform: translateX(-50%);
}

.header-suimei header {
  position: absolute;
  top: 0;
  left: 50%;
  width: 140px;
  height: 100%;
  background: #fff;
  transform: translateX(-50%);
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-text-orientation: upright;
  text-orientation: upright;
}

.sui_top_ttl {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  opacity: 0.25s all;
}

.sui_top_ttl h1 {
  display: -webkit-flex;
  display: flex;
  align-items: -webkit-center;
  align-items: center;
  flex-shrink: 0;
  padding: 1.7em 0;
  margin: 0;
  width: 100%;
  font-size: 52.7px;
  letter-spacing: 0.18em;
  background: url(../img/suimeiso/index/sui_head_bg.png) no-repeat top center,
              url(../img/suimeiso/index/sui_head_bg02.png) no-repeat bottom center;
}

.suimeiso-title img {
  height: 46vh;
}

.wataya-title img {
  height: 68vh;
}

.facility-title img {
  height: 78vh;
}

@media only screen and (min-height: 650px) {
  .suimeiso-title img {
    height: auto;
  }
}

@media only screen and (min-height: 680px) {
  .wataya-title img {
    height: auto;
  }
}

@media only screen and (min-height: 599px) {
  .facility-title img {
    height: auto;
  }
}

.sui_top_ttl h1 span {
  margin: 1em 0 0;
  font-size: 11px;
  letter-spacing: 0.2em;
}

.header-suimei .navTogglePC,
.sui-sub-header .navTogglePC {
  top: 32px;
  right: 40px;
  width: 35px;
  height: 40px;
  left: auto;
  transform: none;
}

.header-suimei .navTogglePC span {
  display: block;
  width: 100%;
  background: #fff;
}

.header-suimei .navTogglePC span:nth-child(1),
.sui-sub-header .navTogglePC span:nth-child(1) {
  margin-bottom: 10px;
}

.header-suimei .navTogglePC span:nth-child(2),
.sui-sub-header .navTogglePC span:nth-child(2) {
  margin-bottom: 10px;
}

.navi_pc_inner .sui_menuttl {
  margin: 0;
  font-size: 50px;
  letter-spacing: 0.18em;
  line-height: 1.2;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-text-orientation: upright;
  text-orientation: upright;
  transition: all 0.5s;
}

.navi_pc_inner .sui_menuttl span {
  margin: 1em 0 0;
  font-size: 10px;
  letter-spacing: 0.2em;
}

.nav_sui_pc .navi_pc_inner li::before {
  display: none;
}

.nav_sui_pc .navi_pc_inner .ulborder {
  border-left: none;
}

.nav_sui_pc .navi_pc_inner li {
  margin: 3em 0 0;
  height: 230px;
  align-self: flex-start;
}

.nav_sui_pc .navi_pc_inner li:not(:last-of-type) {
  margin-left: 2.5em;
}

.nav_sui_pc .navi_pc_inner li a {
  display: block;
  padding: 0.7em 0.6em;
  font-size: 15px;
  letter-spacing: 0.2em;
  background: #fff;
  border: 1px solid #000;
  transition: all 0.5s;
}

.nav_sui_pc .navi_pc_inner li a::before {
  display: inline-block;
  margin-bottom: 0.7em;
  width: 1em;
  height: 1em;
  background: url(../img/suimeiso/index/sui_i_menu.png) no-repeat top left;
  background-size: 100% auto;
  content: '';
}

.nav_sui_pc .navi_pc_inner li a:hover {
  opacity: 1 !important;
}

.suinavi_pc_information {
  margin: 3em 90px 0 0;
}

.suinavi_pc_information .navi_pc_tel {
  margin-bottom: 0.4rem;
}

.suinavi_pc_information .navi_pc_tel + p {
  padding-top: 0.4rem;
  margin-bottom: 1.5rem;
  font-size: 10px;
  letter-spacing: 0.26em;
  text-align: center;
  border-top: 1px solid #000;
}
.suinavi_pc_information .navi_pc_tel + p a {
  color: #000;
}


.suinavi_pc_cta {
  margin-bottom: 0;
}

.suinavi_pc_cta a {
  display: block;
  padding: 0.5em 0;
  color: #000;
  font-size: 15px;
  text-align: center;
  border: 1px solid #000;
}

.suinavi_pc_cta a:hover {
  color: #fff;
  background: #000;
  border: 1px solid #000;
}

.nav_sui_pc .navi_pc_inner .suinavi_snslist_pc {
  width: 100%;
  padding-right: 0px;
  -ms-writing-mode: lr-tb;
  writing-mode: vertical-lr;
}
.nav_sui_pc .navi_pc_inner .suinavi_snslist_pc li {
  margin-top: 1em;
}
.nav_sui_pc .navi_pc_inner .suinavi_snslist_pc li:not(:last-of-type) {
  margin-left: 0px;
}
.nav_sui_pc .navi_pc_inner .suinavi_snslist_pc li img {
  width: 1.8em;
}
.nav_sui_pc .navi_pc_inner .suinavi_snslist_pc li:first-child img {
  width: 0.8em;
}
.nav_sui_pc .navi_pc_inner .suinavi_snslist_pc li a {
  border: none;
  background: none;
}
.nav_sui_pc .navi_pc_inner .suinavi_snslist_pc li a::before {
  content: none;
}
.nav_sui_pc .navi_pc_inner .suinavi_snslist_pc.hover li a {
  background: none;
  opacity: 1;
  border: none !important;
}

.nav_sui_pc .navToggle_close {
  position: absolute;
  top: 28px;
  right: 0;
  width: 35px;
  height: 30px;
}

.navToggle_close.hover span:nth-of-type(1),
.navToggle_close.hover span:nth-of-type(2) {
  background: #fff !important;
  transition: all 0.5s;
}

.nav_sui_cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: background-image 4.0s ease 5s;
  z-index: -1;
}

.hover {
  color: #fff;
  transition: all 0.5s !important;
}

.hover li a {
  border: 1px solid #fff !important;
  opacity: 0.4;
}

.hover .navi_pc_tel {
  background-image: url(../img/suimeiso/index/sui_i_tel.png);
}

.hover .navi_pc_tel + p {
  border-top: 1px solid #fff;
}

.hover .suinavi_pc_cta a {
  color: #fff;
  border: 1px solid #fff;
}

#navigation_pc .room {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 545px;
  opacity: 0;
  background: #fff url(../img/suimeiso/index/sui_menu_bg.png) no-repeat center/cover !important;
}

#navigation_pc .food {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 545px;
  opacity: 0;
  background: #fff url(../img/suimeiso/index/sui_menu_bg2.png) no-repeat center/cover !important;
}

#navigation_pc .spa {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 545px;
  opacity: 0;
  background: #fff url(../img/suimeiso/index/sui_menu_bg3.png) no-repeat center/cover !important;
}

#navigation_pc .facility {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 545px;
  opacity: 0;
  background: #fff url(../img/suimeiso/index/sui_menu_bg4.png) no-repeat center/cover !important;
}

#navigation_pc .access {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 545px;
  opacity: 0;
  background: #fff url(../img/suimeiso/index/sui_menu_bg5.png) no-repeat center/cover !important;
}

#navigation_pc .reserve {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 545px;
  opacity: 0;
  background: #fff url(../img/suimeiso/index/sui_menu_bg6.png) no-repeat center/cover !important;
}

/*水明荘の魅力*/
.sui-charm {
  position: relative;
  padding-top: 54%;
  width: 100%;
  height: 0;
  background: url(../img/suimeiso/index/sui_top_sec01_photo01.png) no-repeat top left / contain;
}

.sui-charm .spblock {
  display: none;
}

.sui-charm-second {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: -55%;
  width: 70%;
  height: 100%;
  transition: all 0.5s;
}

.sui-charm-second:hover {
  left: 0;
}

.sui-charm-second:hover + .sui-charm-first {
  opacity: 0;
}

.sui-charm-arrow {
  position: relative;
  width: 50%;
  height: 100%;
  z-index: 1;
}

.sui-charm-arrowinner {
  position: absolute;
  top: 50%;
  left: 20%;
  width: 120%;
  font-size: 13px;
  letter-spacing: 0.2em;
  line-height: 2;
  transform: translateY(-50%);
}

.sui-charm-arrowinner span {
  display: block;
  margin-bottom: 3em;
}

.sui-charm-arrowinner a {
  display: block;
  padding: 0.5em 1em;
  width: 175px;
  color: #000;
  border: 1px solid #000;
  background: url(../img/index/right_arrow.png) no-repeat top 50% right 10%;
  background-size: auto 50%;
}

.sui-charm-arrowinner a:hover {
  color: #fff;
  background-image: url(../img/index/right_arrow_hover.png);
  background-color: #000;
}

.sui-charm-arrow::after {
  display: block;
  position: absolute;
  top: 50%;
  right: -30%;
  width: 80vw;
  height: 80vw;
  background: #fff;
  content: '';
  transform: translateY(-50%) rotate(45deg);
  z-index: -1;
}

.sui-charm-first {
  position: absolute;
  top: 50%;
  right: 10%;
  height: 75%;
  color: #fff;
  transform: translateY(-50%);
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  opacity: 1;
  transition: all 0.5s;
}

.sui-charm-first h2 {
  font-size: 35px;
  line-height: 1.4;
}

.sui-charm-first p {
  margin: 0;
  font-size: 13px;
  line-height: 2.5;
}

.sui-sub-header {
  background-image: none;
}

.sui-sub-header .sub-header-width .sui-sub-logowrap {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  max-width: inherit;
  width: 50%;
  margin: 0;
  font-size: inherit
}

.sui-sub-headerlogo {
  margin: 0 1rem 0 0;
  width: 138px;
}

.sui-sub-headerttl {
  margin: 0;
}

.sui-sub-headerttl img {
  width: 100%;
}

.sui-sub-headerttl a {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  color: #000;
}

.sui-sub-headerttl a:hover {
  opacity: 0.5;
}

.sui-sub-headerttl span {
  margin-left: 1em;
  font-size: 9px;
}

.sui-sub-header-list {
  position: relative;
  width: 50%;
}

.sui-sub-header-list .navi_pc_tel {
  margin: 0 1rem 0 0;
  text-align: left;
}

.sui-sub-header ul {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  margin-right: 55px;
}

.sui-sub-header-list ul li {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.sui-sub-header-list ul li::after {
  display: none;
}

.sui-sub-header-list ul li a {
  display: block;
  padding: 0.5em 0;
  margin-top: 0;
  width: 170px;
  height: auto;
  color: #000;
  font-size: 15px;
  text-align: center;
  border: 1px solid #000;
}

.sui-sub-header-list ul li a:hover {
  color: #fff;
  background: #000;
  opacity: 1;
}

.sui-sub-header .navTogglePC {
  position: absolute;
  right: 0;
}

.sub-header.sui-sub-header ul li:hover::before,
.sub-header.sui-sub-header ul li.active::before {
  display: none;
}

/* 水明荘セクション2 */
.sui-top-sec02 {
  text-align: center;
  background: #e8e8e8;
}

.sui-top-sec02-bg {
  max-width: 1100px;
  margin: auto;
  padding: 80px 0;
  background: url(../img/suimeiso/index/sui_top_sec02_bg.png) no-repeat center bottom;
}

.sui-top-sec02 h2 {
  font-size: 30px;
  margin-bottom: 40px;
}

.sui-top-sec02 p {
  margin-bottom: 0;
  font-size: 13px;
  line-height: 2;
}

/* 水明荘セクション3 */
.sui-top-sec03 ul {
  display: -webkit-flex;
  display: flex;
}

.sui-top-sec03 ul li {
  position: relative;
  width: 25%;
  height: 795px;
  overflow: hidden;
}

.sui-top-sec03 ul li:first-child {
  background: url(../img/suimeiso/index/sui_top_sec03_photo01.png)no-repeat center center/cover;
}

.sui-top-sec03 ul li:nth-child(2) {
  background: url(../img/suimeiso/index/sui_top_sec03_photo02.png)no-repeat center center/cover;
}

.sui-top-sec03 ul li:nth-child(3) {
  background: url(../img/suimeiso/index/sui_top_sec03_photo03.png)no-repeat center center/cover;
}

.sui-top-sec03 ul li:nth-child(4) {
  background: url(../img/suimeiso/index/sui_top_sec03_photo04.png)no-repeat center center/cover;
}

.sui-top-sec03 ul li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #000;
}

.sui-top-sec03 ul li:hover a {
  background: rgba(255, 255, 255, .7);
}

.sui-top-sec03 ul li img {
  display: block;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  width: 100%;
  transition: all .25s;
}

.sui-top-sec03 ul li img.sp_img {
  display: none;
}

.sui-sec03-title {
  position: absolute;
  padding: 83px 0 0 40px;
  margin: 0;
  top: 15px;
  left: 0;
  font-size: 35px;
  z-index: 0;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-text-orientation: upright;
  text-orientation: upright;
}

.sui-sec03-title span {
  margin-top: 10px;
  font-size: 11px;
  font-weight: bold;
}

.sui-sec03-title::after {
  position: absolute;
  content: '';
  display: block;
  top: 18px;
  left: 0;
  width: 205px;
  height: 205px;
  background: url(../img/suimeiso/index/sui_top_sec03_s_wh.png) no-repeat;
  background-size: contain;
}

.sui-top-sec03 ul li:first-child .sui-sec03-title::after {
  background: url(../img/suimeiso/index/sui_top_sec03_s_bk.png) no-repeat;
  background-size: contain;
}

.sui-top-sec03 ul li:not(:first-child) .sui-sec03-title {
  color: #fff;
}

.sui-top-sec03 ul li:not(:first-child):hover .sui-sec03-title {
  color: #000;
}

.sui-top-sec03 ul li:not(:first-child):hover .sui-sec03-title::after {
  background: url(../img/suimeiso/index/sui_top_sec03_s_bk.png) no-repeat;
  background-size: contain;
}

.sui-top-sec03 ul li .hover-text {
  display: none;
}

.sui-top-sec03 ul li:hover .hover-text {
  position: absolute;
  display: block;
  top: 40%;
  right: 8%;
  width: 50%;
  font-size: 13px;
  line-height: 2;
}

.sui-top-sec03 ul li .btn.learn-more.hover-btn {
  display: none;
}

.sui-top-sec03 ul li:hover .btn.learn-more.hover-btn {
  position: absolute;
  display: block;
  bottom: 80px;
  left: 50%;
  transform: translateX(-50%);
}

/* 宿泊予約 */
.reservation {
  max-width: 1100px;
  margin: auto;
  padding: 70px 0 50px;
}

.reservation-title {
  padding-bottom: 1.5em;
  margin-bottom: 0;
  text-align: center;
  font-size: 30px;
  border-bottom: solid 1px #c3c3c3;
  line-height: 1.3;
}

.reservation-title span {
  display: block;
  font-size: 11px;
}

.reservation ul {
  display: -webkit-flex;
  display: flex;
}

.reservation ul li {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 50px;
  width: 50%;
}

.reservation ul li:first-child {
  padding-top: 45px;
  border-right: 1px solid #c3c3c3;
  border-bottom: none;
}

.reservation ul dl {
  text-align: center;
}

.reservation ul dt {
  font-size: 22px;
  font-weight: normal;
  margin-bottom: 20px;
}

.reservation ul dd {
  font-size: 12px;
}

.reservation ul dd:first-child {
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.reservation-tel {
  display: block;
  margin: 40px auto;
  padding-left: 40px;
  /* width: 68%; */
  /* width: 88%; */
  background: url(../img/index/i_tel.png) no-repeat top 8px left/30px;
  font-size: 28.74px;
  line-height: 1.1;
  text-align: left;
  color: #000;
  transition: all .25s;
}

.reservation-tel:hover {
  color: #000;
  opacity: .5;
}

.reservation-tel span {
  display: block;
  font-size: 12px;
}

.reservation-web-button a {
  display: block;
  padding: .5em 0;
  margin: 40px auto;
  max-width: 240px;
  color: #000;
  font-size: 18px;
  text-align: center;
  border: 1px solid #000;
}

.reservation-web-button a:hover {
  color: #fff;
  background: #000;
}

.reservation .sp_fax {
  display: none;
}

/* 水明荘 客室 */
.sui-sub {
  padding-top: 26%;
}

.sui-sub h2 {
  position: absolute;
  top: 80%;
  left: 50%;
  font-size: 30.5px;
  color: #000;
  text-align: center;
  letter-spacing: 0.2em;
  line-height: 1.3;
  transform: translate(-50%, -50%);
}

.sui-sub h2 span {
  display: block;
  font-size: 11px;
  color: #000;
  letter-spacing: 0.05em;
}

.sui-sub + .parallax_outer {
  margin-top: 26%;
  border: none;
}

.traditional_addwrap.sui-room-top {
  background: url(../img/suimeiso/room/index/sui-room_sec01photo.png) no-repeat center center / cover;
}

.traditional_addwrap.sui-room-top div {
  right: 10%;
  left: auto;
  /* text-align: right; */
  text-align: left;
}

.sui-roomlist {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: hidden;
  margin: 90px auto;
  max-width: 1100px;
  padding: 0 2%;
}

.sui-roomlist.roomlist-1st li {
  margin-bottom: 0;
}

.sui-roomlist li {
  margin-bottom: 2%;
  width: 32%;
  max-width: 334px;
  position: relative;
}

.sui-roomlist li:not(:nth-of-type(3n)) {
  margin-right: 2%;
}

.sui-roomlist .sui-room-photo {
  display: block;
  position: relative;
  z-index: 1;
}



.sui-roomlist .sui-roomname {
position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 13px;
    color: #ffffff;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-text-orientation: upright;
    text-orientation: upright;
    white-space: nowrap;
    text-shadow: 0 0 8px #000;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
    white-space: nowrap;
    text-align: center;
}

.sui-roomlist .sui-roomname span {
    display: block;
    font-size: 33px;
    font-weight: bold;
    letter-spacing: .1em;
    text-align: center;
}

.sui-roomlist span.reno {
  text-align: center;
  font-size: 0.9em;
  display: block;
  margin-top: 10px;
}

.sui-roomlist .sui-room-cover {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #000;
  font-size: 12px;
  background: rgba(255,255,255,0.87);
  opacity: 0;
  transition: 0.25s opacity;
  z-index: 2;
}

.sui-roomlist a:hover .sui-room-cover {
  opacity: 1;
}

.sui-roomlist .sui-room-cover span {
  display: block;
}

.sui-roomlist .sui-room-cover span:nth-of-type(1) {
  width: 80%;
}

.sui-roomlist .sui-room-cover span:nth-of-type(2) {
  margin: 55px auto 65px;
  text-align: center;
}

.sui-roomlist .sui-room-cover .sui-room-hvrbtn {
  width: 50%;
  padding: 0.8em 0;
  margin: 0 auto;
  font-size: 13px;
  text-align: center;
  border: 1px solid #000;
  transition: 0.25s all;
}

.sui-roomlist .sui-room-cover .sui-room-hvrbtn:hover {
  color: #fff;
  background: #000;
}

.sui-room-sec03 {
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
  background: #e7e7e7;
}

.sui-room-sec03 div:first-of-type {
  position: relative;
  width: 38%;
  max-width: 500px;
}

.sui-room-sec03 div:first-of-type img {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
}

.sui-room-sec03 div:nth-of-type(2) {
  padding: 90px 100px;
  width: 62%;
}

.sui-room-sec03 h3,
.sui-room-sec04 h3 {
  margin-bottom: 1.5em;
  font-size: 30px;
}

.sui-room-sec03 p,
.sui-room-sec04 p {
  margin: 0;
  font-size: 13px;
  line-height: 2;
}

.sui-room-sec04 {
  display: -webkit-flex;
  display: flex;
  padding: 90px 0;
  background: url(../img/suimeiso/room/index/sui-room_sec04_bg.png) no-repeat top left;
  border-bottom: 1px solid #000;
}

.sui-room-sec04 div {
  padding-left: 100px;
  width: 100%;
}

.sui-room-sec04 img {
  width: 100%;
}

.sui-room-sec04btn a {
  display: block;
  width: 175px;
  padding: 0.8em 1.2em;
  margin-top: 90px;
  color: #000;
  border: 1px solid #000;
  background: url(../img/index/right_arrow.png) no-repeat center right 1.2em / auto 1.5em;
}

.sui-room-sec04btn a:hover {
  color: #fff;
  background: url(../img/index/right_arrow_hover.png) #000 no-repeat center right 1.2em / auto 1.5em;
}

/* 水明荘 客室詳細・洗心 */
.senshin-top {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin: 70px auto 40px;
  max-width: 980px;
  min-height: 210px;
}

.senshin-cont-left {
  position: relative;
  width: 160px;
  height: 160px;
  margin-right: 4%;
  /*background: url(../img/suimeiso/index/sui_top_sec03_s_bk.png) no-repeat center center/203px auto;*/
}

.senshin-cont-right {
  width: 80%;
}

.senshin-title {
  position: absolute;
  margin: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 44px;
  z-index: 0;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-text-orientation: upright;
  text-orientation: upright;
  white-space: nowrap;
}

.senshin-title span {
  display: block;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: .1em;
  text-align: center;
}

.senshin-cont-right h3 {
  margin-bottom: 33px;
  font-size: 35px;
  letter-spacing: .2em;
}

.senshin-cont-right p {
  margin-bottom: 0;
  font-size: 13px;
  line-height: 2;
}

.senshin-images {
  max-width: 1100px;
  margin: auto;
}

.senshin-images ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 80px 0 60px;
}

.senshin-images ul li {
  width: 47%;
  margin-bottom: 50px;
}

.senshin-images ul li:nth-child(n+3) {
  margin-bottom: 50px;
}

.senshin-images ul li:not(:nth-child(2n)) {
  margin-right: 6%;
}

.senshin-description {
  display: -webkit-flex;
  display: flex;
  margin: 10px 0 0;
}

.senshin-description dt {
  padding-right: 40px;
  font-size: 15px;
  white-space: nowrap;
}

.senshin-description dd {
  margin-bottom: 0;
  font-size: 11px;
}

.senshin-floor {
  max-width: 1100px;
  margin: auto;
  padding: 88px;
  background: #e7e7e7;
}

/*
.senshin-floor ul {
  display: -webkit-flex;
  display: flex;
}

.senshin-floor ul li:first-child {
  width: 35%;
  padding-right: 90px;
}

.senshin-floor ul li:nth-child(2) {
  padding-left:30px;
}

.senshin-floor ul li:not(:last-child) {
  border-right: 1px solid #000;
}
*/

.floor-list dl {
  display: -webkit-flex;
  display: flex;
  font-size: 13px;
}

.floor-list dt {
  width: 20%;
  font-weight: normal;
}

.floor-list dd {
  width: 80%;
}

.reservation-web.sui_room {
  margin: 1.8rem auto;
}
.reservation-tel.sui_room {
  width: auto;
  margin: 0 20px 0 0;
}

/* 水明荘  料理 */
.traditional_addwrap.sui-cuisine {
  background: url(../img/suimeiso/cuisine/sui-cuisine_sec01photo.png) no-repeat center center / cover;
}

.sui-cuisine_photo {
  padding: 90px 100px;
  border-bottom: 1px solid #000;
}

.sui-cuisine_photo .sub_cont_photobox {
  margin: auto;
  width: 100%;
  max-width: 1100px;
}

.sui-cuisine_photo .sub_cont_photobox:first-of-type {
  margin-bottom: 3%;
}

.sui-cuisine_photo .sub_cont_photobox:nth-of-type(2) {
  margin-bottom: 3%;
}

.sui-cuisine_photo .sub_cont_photobox_v {
  width: 18%;
}

.sui-cuisine_photo .sub_cont_photobox .sub_cont_photo01 {
  width: 38%;
}

/* 水明荘 温泉 */
.traditional_addwrap.hot-spring-cont {
  background: url(../img/suimeiso/hotspring/sui_hot_spring02.png) no-repeat center / cover;
}

.sui-room-sec04.hotspring-sec:nth-child(even) {
  background: url(../img/suimeiso/hotspring/sui_hot_spring_square.png) no-repeat top right;
}

.sui-room-sec04.hotspring-sec:nth-child(even) div {
  padding: 0 100px 0 0;
}

/* 水明荘 施設 */
.traditional_addwrap.facility {
  background: url(../img/suimeiso/facility/sui_facility_main.png) no-repeat center / cover;
}
.traditional_addwrap.facility div {
  top: 35%;
  right: auto;
  left: 10%;
  text-align: right;
}
.link-hvrbtn {
  display: block;
  width: 55%;
  color: #000000;
  margin: 1.5rem 0 0;
  padding: 0.8em;
  font-size: 13px;
  text-align: center;
  border: 1px solid #000;
  background: url(../img/index/right_arrow.png) no-repeat center right 10%;
  background-size: auto 33%;
  transition: 0.25s all;
}
.link-hvrbtn:hover {
  color: #fff;
  background: #000;
}

/* 和多屋別荘 トップ　*/
.header-wataya {
  background: url(../img/wataya/index/wataya_top_mv.png) no-repeat center center / cover !important;
}
.wataya-charm {
  background: url(../img/wataya/index/wataya_top_sec01_photo01.jpg) no-repeat top left / contain;
}
.wataya-charm-first {
  left: 0;
  right: 10%;
}
.wataya-top-sec03 ul li:first-child {
    background: url(../img/wataya/index/wataya_top_sec03_photo01.png)no-repeat center center/cover;
}
.wataya-top-sec03 ul li:nth-child(2) {
    background: url(../img/wataya/index/wataya_top_sec03_photo02.png)no-repeat center center/cover;
}
.wataya-top-sec03 ul li:nth-child(3) {
    background: url(../img/wataya/index/wataya_top_sec03_photo03.png)no-repeat center center/cover;
}
.wataya-top-sec03 ul li:nth-child(4) {
    background: url(../img/wataya/index/wataya_top_sec03_photo04.png)no-repeat center center/cover;
}

.wataya-top-sec03 ul li:first-child .sui-sec03-title.wataya-sec03-title::after {
  background: url(../img/suimeiso/index/sui_top_sec03_s_wh.png) no-repeat;
  background-size: contain;
}
.wataya-top-sec03 ul li:first-child .sui-sec03-title.wataya-sec03-title {
  color: #fff;
}
.wataya-top-sec03 ul li:first-child:hover .sui-sec03-title.wataya-sec03-title::after {
  background: url(../img/suimeiso/index/sui_top_sec03_s_bk.png) no-repeat;
  background-size: contain;
}
.wataya-top-sec03 ul li:first-child:hover .sui-sec03-title.wataya-sec03-title {
  color: #000;
}
.wataya-top-sec03 ul li:nth-child(2) .sui-sec03-title.wataya-sec03-title::after {
  background: url(../img/suimeiso/index/sui_top_sec03_s_bk.png) no-repeat;
  background-size: contain;
}
.wataya-top-sec03 ul li:nth-child(2) .sui-sec03-title.wataya-sec03-title {
  color: #000;
}
.wataya-top-sec03 ul li:nth-child(3) .sui-sec03-title.wataya-sec03-title::after {
  background: url(../img/suimeiso/index/sui_top_sec03_s_bk.png) no-repeat;
  background-size: contain;
}
.wataya-top-sec03 ul li:nth-child(3) .sui-sec03-title.wataya-sec03-title {
  color: #000;
}
.wataya-top-sec03 ul li:nth-child(4) .sui-sec03-title.wataya-sec03-title::after {
  background: url(../img/suimeiso/index/sui_top_sec03_s_bk.png) no-repeat;
  background-size: contain;
}
.wataya-top-sec03 ul li:nth-child(4) .sui-sec03-title.wataya-sec03-title {
  color: #000;
}
.sui-top-sec02.wataya-top-reno {
  /*padding-bottom: 50px;*/
}
.wataya-top-sec03.wataya-top-reno-link ul li:first-child {
    background: url(../img/wataya/index/wataya_top_sec02_renobg.png)no-repeat center center/cover;
    width: 100%;
    height: 400px;
}
.wataya-top-sec03.wataya-top-reno-link ul li .wataya-top-reno-btn {
  display: block;
  background: rgba(255,255,255,.7);
  padding: .6em 0;
  font-size: 16px;
  position: relative;
  top: 47%;
  border: 1px solid #000;
  color: #000;
  max-width: 17em;
  margin: 0 auto;
  transition: all .3s;
}
.wataya-top-sec03.wataya-top-reno-link ul li .wataya-top-reno-btn:hover {
  color: #fff;
  background: #000;
}

#navigation_pc .wataya-r{
  overflow: hidden;
}
#navigation_pc .wataya-room {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 545px;
  opacity: 0;
  background: #fff url(../img/wataya/index/wataya_menu_bg.png) no-repeat center/cover !important;
}
#navigation_pc .wataya-food {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 545px;
  opacity: 0;
  background: #fff url(../img/wataya/index/wataya_menu_bg2.png) no-repeat center/cover !important;
}
#navigation_pc .wataya-spa {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 545px;
  opacity: 0;
  background: #fff url(../img/wataya/index/wataya_menu_bg3.png) no-repeat center/cover !important;
}
#navigation_pc .wataya-facility {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 545px;
  opacity: 0;
  background: #fff url(../img/wataya/index/wataya_menu_bg4.png) no-repeat center/cover !important;
}


/* 和多屋別荘　客室 */
.traditional_addwrap.wataya-room-top {
  background: url(../img/wataya/room/index/wataya_room_01.png) no-repeat center / cover;
}
.wataya-roomlist {
  border-bottom: 1px solid #000;
  padding-top: 30px;
}

.wataya-roomlist ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  /*margin: 90px auto;*/
  margin: 60px auto;
  max-width: 1100px;
  text-align: center;
}

.wataya-roomlist li {
  width: 47.5%;
  transition: all .25s;
}

.wataya-roomlist li:nth-child(-n + 2) {
  margin-bottom: 5%;
}

.wataya-roomlist li:not(:nth-child(2n)) {
  margin-right: 5%;
}

.wataya-roomlist li:hover {
  opacity: .5;
}

.wataya-room-photo {
  position: relative;
}

.wataya-roomname {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 16px;
  color: #ffffff;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-text-orientation: upright;
  text-orientation: upright;
  white-space: nowrap;
  text-shadow: 0 0 9px #000;
}
.wataya-roomname span {
  display: block;
  font-size: 28px;
  font-weight: bold;
  letter-spacing: .1em;
  text-align: center;
}
.wataya-roomname span.date {
  font-size: 11px;
}

.wataya-roomlist.six-cont ul {
  /*-webkit-justify-content: space-between;*/
  /*justify-content: space-between;*/
  -webkit-justify-content: inherit;
  justify-content: inherit;
  padding: 0 2%;
}

.wataya-roomlist.six-cont.reno ul {
  -webkit-justify-content: inherit;
  justify-content: inherit;
  padding: 0 2%;
}

.wataya-roomlist.six-cont li {
  width: 32%;
  max-width: 334px;
}

.wataya-roomlist.six-cont li:not(:nth-child(2n)) {
  margin-right: 0;
}

.wataya-roomlist.six-cont li:not(:nth-child(3n)) {
  margin-right: 2%;
}

.wataya-roomlist.six-cont.reno li:not(:nth-child(3n)) {
  margin-right: 2%;
  margin-bottom: 4%;
}

.wataya-roomlist.six-cont li:nth-child(-n + 2) {
  margin-bottom: 4%;
}

.wataya-roomlist.six-cont li:nth-child(-n + 4) {
  margin-bottom: 4%;
}

.wataya-roomlist.six-cont .wataya-roomname {
  -ms-writing-mode: lr-tb;
  writing-mode: horizontal-tb;
  white-space: nowrap;
  text-align: center;
}

.wataya-roomlist.six-cont .wataya-roomname.reno {
  line-height: 1.4;
  top: 52%;
}

.wataya-roomlist.six-cont ul.wataya-room-top-reno li {
  margin: 0;
  width: 100%;
  max-width: 1100px;
}

.wataya-roomlist.six-cont ul.wataya-room-top-reno li img {
  width: 100%;
}


/* 和多屋別荘　タワー館 */
.wataya-room-tower {
  margin-top: 90px;
  padding-bottom: 90px;
  border-top: 1px solid #000;
}

.wataya-tower-photobox {
  display: -webkit-flex;
  display: flex;
  margin: auto;
  padding: 90px 0 50px;
  width: 100%;
  max-width: 1100px;
}

.wataya-tower-photobox img {
  width: 100%;
}

.wataya-tower-photobox .sub_cont_photobox {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column;
  flex-flow: column;
  -webkit-align-self: stretch;
  align-self: stretch;
  width: 17.5%;
}

.wataya-tower-photobox .sub_cont_photobox:not(:last-child) {
  margin-right: 3%;
}

.wataya-tower-photobox .sub_cont_photo01 {
  width: 59%;
  height: 100%;
  margin-right: 3%;
}

.wataya-room-tower .senshin-floor ul li {
  font-size: 13px;
  line-height: 2;
}

.wataya-room-tower .senshin-floor ul li:first-child {
  width: 45%;
  padding-right: 45px;
}

.wataya-room-tower-top {
  background: url(../img/wataya/room/tower/pic01.png)no-repeat center center/cover;
}
.wataya-room-hotspring-top {
  background: url(../img/wataya/room/hotspring/pic01.png)no-repeat center center/cover;
}
.wataya-room-kachoen-top {
  background: url(../img/wataya/room/kachoen/pic01.png)no-repeat center center/cover;
}
.wataya-room-miyabi-top {
  background: url(../img/wataya/room/miyabi/pic01.png)no-repeat center center/cover;
}

.wataya-images {
  margin-top: 80px;
}

/* タワー館スライダー */
.swiper-sec {
  max-width: 1100px;
  margin: auto;
}

.swiper-sec .swiper-slide {
  position: relative;
}

.swiper-sec .swiper-sec-text {
  position: absolute;
  right: 1%;
  bottom: 2.5%;
  color: #fff;
  font-size: 14px;
  letter-spacing: .25em;
}

.swiper-sec .swiper-button-prev,
.swiper-sec .swiper-button-next {
  top: 41.5%;
  width: 4%;
  height: 70px;
  margin-top: 0;
  transition: all 0.25s;
}

.swiper-sec .swiper-button-prev {
  left: 1.4%;
  background: url(../img/wataya/room/tower/swiper_sec_prev.png) no-repeat top right / contain;
}

.swiper-sec .swiper-button-next {
  left: auto;
  right: 1.4%;
  background: url(../img/wataya/room/tower/swiper_sec_next.png) no-repeat top right / contain;
}

.pdg-non-top {
  padding-top: 0px;
}

/* 露天風呂付客室 */
.wataya-room-bath {
  max-width: 1100px;
  margin: auto;
}
.wataya-room-bath .wataya-room_photobox.detail {
  flex-wrap: wrap;
}
.wataya-room-bath .wataya-room_photobox.detail div {
  width: 33.33%;
}
.wataya-room-bath-up-cont {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 2%;
}

.wataya-room-bath-title {
  font-size: 35px;
}

.wataya-room-bath-title span {
  display: block;
  font-size: 9px;
}

.wataya-room-bath-right-cont {
  position: relative;
}
.wataya-room-bath-right-cont p {
  font-size: 14px;
  margin-top: 30px;
  margin-bottom: 1.6rem;
}
.wataya-room-bath-right-cont p span {
  font-size: 12px;
}

.wataya-room-bath-right-cont .wataya-room_photobox {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.wataya-room-bath-right-cont .wataya-room_photobox.detail {
  position: relative;
  width: 55%;
  flex-wrap: wrap;
  margin-left: 3em;
}
.wataya-room-bath-right-cont .wataya-room_photobox.detail.wide {
  width: 80%;
}

.wataya-room-bath-right-cont .wataya-room_photobox div {
  width: 49.1%;
}
.wataya-room-bath-right-cont .wataya-room_photobox.wataya-room_madori div {
  width: 100%;
}

.wataya-room-bath-main-image {
  position: relative;
  width: 59.2%;
  margin-right: 2%;
}

.wataya-room-bath-room-description {
  position: absolute;
  display: flex;
  bottom: 0;
  padding: 10px 15px;
  width: 100%;
  /* min-height: 56px; */
  background-color: rgba(255, 255, 255, .6);
  font-size: 12px;
}

.wataya-room-bath-room-description .room-name {
  margin-right: 15px;
  width: 20%;
  white-space: nowrap;
}

.wataya-room-bath-room-description .room-desc {
  width: 80%;
}
.wataya-room-bath-right-cont {
  width: 38.8%;
}

.wataya-room-bath-main-image img {
  width: 100%;
}

.room-thumb {
  transition: all 0.25s;
}

.wataya-room_photobox {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.wataya-room_photobox.mgbtm {
  margin-bottom: 2%;
}
.wataya-room_photobox div {
  width: 31.9%;
}
.wataya-room_photobox div img {
  width: 100%;
}

/* 和多屋別荘　リノベーション */
.traditional_addwrap.wataya-room-reno {
  background: url(/assets/img/wataya/room/renovation/wataya_room_reno_01.png) no-repeat center / cover;
  margin-bottom: 75px;
}
.traditional_addwrap.wataya-room-reno.wataya-top-reno {
  background: url(/assets/img/wataya/index/wataya_top_sec02_reno.png) no-repeat center / cover;
  margin-bottom: 0;
}

/* web予約 */
.reservation-web {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}

.reservation-web .reservation-web-button a {
  padding: 0.5em 2.5em;
  margin-right: 20px;
  max-width: 241px;
}

.reservation-web-text {
  font-size: 12px;
}

.reservation-room {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 45px;
  border-bottom: solid 1px #c3c3c3;
}

.reservation-room-title {
  display: block;
  margin-bottom: 10px;
  font-size: 18px;
}

.reservation-room .thumbnail-box {
  display: block;
  width: 60%;
}

.reservation-room .thumbnail {
  display: flex;
}
.reservation-room .thumbnail p {
  margin-top: 5px;
  font-size: 10px;
}
.reservation-room .thumbnail a {
  color: #000;
}
.reservation-room .thumbnail img {
  transition: .25s;
}
.reservation-room .thumbnail a:hover {
  opacity: 0.5;
}
.reservation-room .thumbnail a:hover img {
  opacity: 0.5;
}
.reservation-room .thumbnail div img {
  width: 80%;
  max-width: 155px;
}

.reservation-room .reservation-web-button {
  width: 40%;
}
.reservation-room .reservation-web-button a {
  margin: 0;
  max-width: 290px;
}

.reservation-room .reservation-web-button p {
  margin: 5px 0 0;
  font-size: 10px;
}
.reservation-room .reservation-web-button .reservation-web-text {
  margin: 0 0 50px;
  font-size: 12px;
}


/* 和多屋別荘・温泉 */
.traditional_addwrap.hot-spring-cont.wataya {
  background: url(../img/wataya/hotspring/wataya_hot_spring02.png) no-repeat center / cover;
}

.sub_cont_block.hot-spring-cont.sub_cont_reverse .sub_cont_text {
  width: 60%;
  margin: 0 0 0 5%;
}
.sub_cont_block.hot-spring-cont .sub_cont_text {
  width: 60%;
  margin: 0 5% 0 0;
}
.sub_cont_block.hot-spring-cont.nowrap {
  display: block;
}
.sub_cont_block.hot-spring-cont.nowrap .sub_cont_text {
  width: 100%;
}
.sub_cont_block.hot-spring-cont .photobox-wrap {
  flex-wrap: wrap;
}
.sub_cont_block.hot-spring-cont .sub_cont_photobox {
  width: 100%;
  margin-bottom: 1.5rem;
}

/* 和多屋別荘・料理 */
.traditional_addwrap.wataya-cuisine {
  background: url(../img/wataya/cuisine/wataya-cuisine_sec01photo.png) no-repeat center / cover;
}
.traditional_addwrap.wataya-cuisine p {
  position: absolute;
  top: 50%;
  right: 7%;
  transform: translateY(-50%);
  font-size: 13px;
  line-height: 2;
}
.traditional_bggray-width {
  max-width: 1100px;
  margin: auto;
}
.traditional_bggray .wataya-cuisine-txt {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.traditional_bggray .wataya-cuisine-txt li {
  width: 31.3%;
}
.traditional_bggray .wataya-cuisine-txt li:nth-child(-n + 2) {
  margin-bottom: 20px;
}
.traditional_bggray .wataya-cuisine-txt li:not(:nth-child(3n)) {
  margin-right: 2%;
}
.traditional_bggray .wataya-cuisine-txt .wataya-cuisine-list dt {
  background: url(../img/wataya/cuisine/wataya-sec_square.png) no-repeat bottom 16px left/18px;
  padding: 0 0 10px 24px;
  margin-bottom: 10px;
  font-weight: normal;
  font-size: 20px;
  border-bottom: 1px solid #000;
}
.traditional_bggray .wataya-cuisine-txt .wataya-cuisine-list dd {
  font-size: 13px;
  line-height: 2;
}
.sui-room-sec04 .wataya-cuisine_photobox {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: static;
  padding-left: 0;
  width: 100%;
}
.sui-room-sec04 .wataya-cuisine_photobox div {
  padding-left: 0;
  width: 47%;
}
.sui-room-sec04.wataya-cuisine-sec .wataya-cuisine-sec-cont {
  position: relative;
  width: 40%;
}
.sui-room-sec04.wataya-cuisine-sec .wataya-cuisine-sec-text {
  padding-left: 0;
}
.sui-room-sec04.sub_cont_reverse.hotspring-sec .wataya-cuisine-sec-text p,
.sui-room-sec04.wataya-cuisine-sec .wataya-cuisine-sec-text p {
  margin-bottom: 60px;
}
.sui-room-sec04.wataya-cuisine-sec .wataya-cuisine_main_pic {
  right: 0;
  width: 60%;
  padding-left: 5%;
}
.sui-room-sec04.sub_cont_reverse.hotspring-sec .wataya-cuisine_main_pic {
  padding: 0 5% 0 0;
  width: 60%;
}
.sui-room-sec04.sub_cont_reverse.hotspring-sec .wataya-cuisine-sec-cont {
  width: 40%;
}
.sui-room-sec04.sub_cont_reverse.hotspring-sec .wataya-cuisine-sec-text,
.sui-room-sec04.sub_cont_reverse.hotspring-sec .wataya-cuisine_photobox,
.sui-room-sec04.sub_cont_reverse.hotspring-sec .wataya-cuisine_photobox div {
  padding: 0;
}

/* 和多屋別荘・施設 */
.traditional_addwrap.wataya-facility {
  background: url(../img/wataya/facility/wataya_facility_main.png) no-repeat center / cover;
}
.sui-room-sec04.wataya-facility div {
  padding-left: 0;
}


/* レストラン・スパ　トップ */
.header-facility {
  background: url(../img/facility/index/faci_top_mv.png) no-repeat center center / cover !important;
}
.faci-charm {
  background: url(../img/facility/index/faci_top_sec01_photo01.png) no-repeat center center / cover !important;
}
.facility-roomlist li {
  width: 19%;
  margin: 10px;
}
.facility-roomlist .wataya-roomname {
  writing-mode: horizontal-tb;
}
.facility-roomlist .horizontal {
  font-size: 14px;
}
.facility-roomlist li:not(:nth-child(2)) {
  margin-right: 0;
}
.facility-roomlist li:nth-child(-n + 2){
  margin-bottom: 0;
}
.facility-roomlist .mg-no {
  margin-right: 0;
}
.facility-sec span {
  font-size: 16px;
  margin-right: 10px;
}
.facility-sec p {
  margin-bottom: 5%;
}
.facility-sec .link-wrap {
  padding-left: 0;
  padding-right: 100px;
}
.facility-sec .link {
  display: block;
  border: 1px solid #eeeeee;
  padding: 10px;
  text-align: center;
  color: #000000;
  font-size: 13px
}
.facility-sec .link:hover {
  color: #000000;
}

.facility-top-sec03 ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.facility-top-sec03 ul li {
  position: relative;
  width: 20%;
  height: 380px;
  overflow: hidden;
}
.facility-top-sec03 ul li:first-child {
  background: url(../img/facility/index/facility_top_sec03_photo01.png)no-repeat center center/cover;
}
.facility-top-sec03 ul li:nth-child(2) {
  background: url(../img/facility/index/facility_top_sec03_photo02.png)no-repeat center center/cover;
}
.facility-top-sec03 ul li:nth-child(3) {
  background: url(../img/facility/index/facility_top_sec03_photo04.png)no-repeat center center/cover;
}
.facility-top-sec03 ul li:nth-child(4) {
  background: url(../img/facility/index/facility_top_sec03_photo03.png)no-repeat center center/cover;
}
.facility-top-sec03 ul li:nth-child(5) {
  background: url(../img/facility/index/facility_top_sec03_photo05.png)no-repeat center center/cover;
}
.facility-top-sec03 ul li:nth-child(6) {
  background: url(../img/facility/index/facility_top_sec03_photo06.png)no-repeat center bottom/cover;
}
.facility-top-sec03 ul li:nth-child(7) {
  background: url(../img/facility/index/facility_top_sec03_photo11.png)no-repeat center center/cover;
}
.facility-top-sec03 ul li:nth-child(8) {
  background: url(../img/facility/index/facility_top_sec03_photo15.png)no-repeat center center/cover;
}
.facility-top-sec03 ul li:nth-child(9) {
  background: url(../img/facility/index/facility_top_sec03_photo14.png)no-repeat center center/cover;
}
.facility-top-sec03 ul li:nth-child(10) {
  background: url(../img/facility/index/facility_top_sec03_photo12.png)no-repeat center center/cover;
}
.facility-top-sec03 ul li:nth-child(11) {
  background: url(../img/facility/index/facility_top_sec03_photo13.png)no-repeat center center/cover;
}
.facility-top-sec03 ul li:nth-child(12) {
  background: url(../img/facility/index/facility_top_sec03_photo10.png)no-repeat center center/cover;
}
.facility-top-sec03 ul li:nth-child(13) {
  background: url(../img/facility/index/facility_top_sec03_photo08.png)no-repeat center center/cover;
}
.facility-top-sec03 ul li:nth-child(14) {
  background: url(../img/facility/index/facility_top_sec03_photo09.png)no-repeat center center/cover;
}
.facility-top-sec03 ul li:nth-child(15) {
  background: url(../img/facility/index/facility_top_sec03_photo07.png)no-repeat center center/cover;
}
.facility-top-sec03 ul li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #000;
}
.facility-top-sec03 ul li:hover a {
  background: rgba(255, 255, 255, .7);
}
.facility-sec03-title {
  display: block;
  position: absolute;
  padding-top: 48px;
  top: 6%;
  left: 50%;
  margin: 0;
  color: #fff;
  font-size: 30px;
  line-height: 1.1;
  /* transform: translateX(-50%);
  -ms-writing-mode: vertical-lr;
  writing-mode: vertical-lr; */

  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;

  -webkit-text-orientation: upright;
  text-orientation: upright;
  white-space: nowrap;
  -ms-text-combine-upright:all ;
}
.facility-sec03-title::after {
  position: absolute;
  content: '';
  display: block;
  top: 0;
  left: 50%;
  width: 170px;
  height: 170px;
  transform: translateX(-50%);
  background: url(../img/suimeiso/index/sui_top_sec03_s_wh.png) no-repeat;
  background-size: contain;
}
.facility-sec03-title span {
  display: block;
  font-size: 15px;
  font-weight: normal;
}
.facility-sec03-title.font-size-cotton {
  font-size: 16px;
  color: #000;
}
.facility-sec03-title.font-size-cotton::after {
  position: absolute;
  content: '';
  display: block;
  top: 0;
  left: 50%;
  width: 170px;
  height: 170px;
  transform: translateX(-50%);
  background: url(../img/suimeiso/index/sui_top_sec03_s_bk.png) no-repeat;
  background-size: contain;
}
.facility-sec03-title.font-size-popup {
  font-size: 26px;
}
.facility-top-sec03 ul li:hover .facility-sec03-title {
  color: #000;
}
.facility-top-sec03 ul li:hover .facility-sec03-title::after {
  background: url(../img/suimeiso/index/sui_top_sec03_s_bk.png) no-repeat;
  background-size: contain;
}
.facility-sec03-title.font-bk {
  color: #000000;
}
.facility-sec03-title.font-bk::after {
  background: url(../img/suimeiso/index/sui_top_sec03_s_bk.png) no-repeat;
  background-size: contain;
}
.facility-sec03-title.font-size-porcalian {
  font-size: 20px;
}

#navigation_pc .facility-index {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 545px;
  opacity: 0;
  background: #fff url(../img/facility/index/facility_menu_bg.png) no-repeat center/cover !important;
}
#navigation_pc .facility-arita {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 545px;
  opacity: 0;
  background: #fff url(../img/facility/index/facility_menu_bg2.png) no-repeat center/cover !important;
}
#navigation_pc .facility-cotton {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 545px;
  opacity: 0;
  background: #fff url(../img/facility/index/facility_menu_bg3.png) no-repeat center/cover !important;
}
.sui-charm-first.facility-index {
  color: #333;
  text-shadow: 0 0 9px #fff;
}
.facility-menu .link-hvrbtn {
  width: 100%;
}
.facility-menu .link-hvrbtn.overbtn {
  width: 100%;
  padding-left: 0;
}

/* レストラン&スパ画像リンクモーダル */
.facility-hover-cont {
  display: -webkit-flex;
  display: flex;
  height: 650px;
  background: rgba(255, 255, 255, .95);
}
.facility-hover-main {
  width: 50%;
}
.facility-hover-cont .swiper-slide {
  height: 66.6%;
}
.facility-hover-cont .swiper-slide.facility-slide-img1 {
  background: url(../img/facility/index/detail/facility_over_pic01.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img2 {
  background: url(../img/facility/index/detail/facility_over_pic02.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img3 {
  background: url(../img/facility/index/detail/facility_over_pic03.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img4 {
  background: url(../img/facility/index/detail/facility_over_pic04.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img5 {
  background: url(../img/facility/index/detail/facility_over_pic05.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img6 {
  background: url(../img/facility/index/detail/facility_over_pic06.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img7 {
  background: url(../img/facility/index/detail/facility_over_pic07.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img8 {
  background: url(../img/facility/index/detail/facility_over_pic08.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img9 {
  background: url(../img/facility/index/detail/facility_over_pic09.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img10 {
  background: url(../img/facility/index/detail/facility_over_pic10.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img11 {
  background: url(../img/facility/index/detail/facility_over_pic11.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img12 {
  background: url(../img/facility/index/detail/facility_over_pic12.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img13 {
  background: url(../img/facility/index/detail/facility_over_pic13.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img14 {
  background: url(../img/facility/index/detail/facility_over_pic14.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img15 {
  background: url(../img/facility/index/detail/facility_over_pic15.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img16 {
  background: url(../img/facility/index/detail/facility_over_pic16.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img17 {
  background: url(../img/facility/index/detail/facility_over_pic17.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img18 {
  background: url(../img/facility/index/detail/facility_over_pic18.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img18_2 {
  background: url(../img/facility/index/detail/facility_over_pic18_2.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img18_3 {
  background: url(../img/facility/index/detail/facility_over_pic18_3.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img18_4 {
  background: url(../img/facility/index/detail/facility_over_pic18_4.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img18_5 {
  background: url(../img/facility/index/detail/facility_over_pic18_5.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img19 {
  background: url(../img/facility/index/detail/facility_over_pic19.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img20 {
  background: url(../img/facility/index/detail/facility_over_pic20.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img21 {
  background: url(../img/facility/index/detail/facility_over_pic21.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img22 {
  background: url(../img/facility/index/detail/facility_over_pic22.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img23 {
  background: url(../img/facility/index/detail/facility_over_pic23.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img24 {
  background: url(../img/facility/index/detail/facility_over_pic24.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img25 {
  background: url(../img/facility/index/detail/facility_over_pic25.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img26 {
  background: url(../img/facility/index/detail/facility_over_pic26.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img27 {
  background: url(../img/facility/index/detail/facility_over_pic27.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img28 {
  background: url(../img/facility/index/detail/facility_over_pic28.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img29 {
  background: url(../img/facility/index/detail/facility_over_pic29.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img30 {
  background: url(../img/facility/index/detail/facility_over_pic30.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img31_1 {
  background: url(../img/facility/index/detail/facility_over_pic31_1.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img31_2 {
  background: url(../img/facility/index/detail/facility_over_pic31_2.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img31_3 {
  background: url(../img/facility/index/detail/facility_over_pic31_3.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img31_4 {
  background: url(../img/facility/index/detail/facility_over_pic31_4.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img31_5 {
  background: url(../img/facility/index/detail/facility_over_pic31_5.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img31_6 {
  background: url(../img/facility/index/detail/facility_over_pic31_6.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img31_7 {
  background: url(../img/facility/index/detail/facility_over_pic31_7.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img31_8 {
  background: url(../img/facility/index/detail/facility_over_pic31_8.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img31_9 {
  background: url(../img/facility/index/detail/facility_over_pic31_9.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img32_1 {
  background: url(../img/facility/index/detail/facility_over_pic32_1.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img32_2 {
  background: url(../img/facility/index/detail/facility_over_pic32_2.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img32_3 {
  background: url(../img/facility/index/detail/facility_over_pic32_3.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img33_1 {
  background: url(../img/facility/index/detail/facility_over_pic33_1.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img33_2 {
  background: url(../img/facility/index/detail/facility_over_pic33_2.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img33_3 {
  background: url(../img/facility/index/detail/facility_over_pic33_3.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img34_1 {
  background: url(../img/facility/index/detail/facility_over_pic34_1.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img34_2 {
  background: url(../img/facility/index/detail/facility_over_pic34_2.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img34_3 {
  background: url(../img/facility/index/detail/facility_over_pic34_3.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img35_1 {
  background: url(../img/facility/index/detail/facility_over_pic35_1.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img35_2 {
  background: url(../img/facility/index/detail/facility_over_pic35_2.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img35_3 {
  background: url(../img/facility/index/detail/facility_over_pic35_3.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img35_4 {
  background: url(../img/facility/index/detail/facility_over_pic35_4.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img35_5 {
  background: url(../img/facility/index/detail/facility_over_pic35_5.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img35_6 {
  background: url(../img/facility/index/detail/facility_over_pic35_6.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img36_1 {
  background: url(../img/facility/index/detail/facility_over_pic36_1.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img36_2 {
  background: url(../img/facility/index/detail/facility_over_pic36_2.png) no-repeat center/cover;
}
.facility-hover-cont .swiper-slide.facility-slide-img36_3 {
  background: url(../img/facility/index/detail/facility_over_pic36_3.png) no-repeat center/cover;
}

.swiper-pagination.facility-hover-pagenation {
  left: 50%;
  transform: translateX(-50%);
  bottom: 36%;
}
.swiper-pagination.facility-hover-pagenation.swiper-pagination-clickable.swiper-pagination-bullets .swiper-pagination-bullet {
  background: #fff;
  opacity: .5;
}
.swiper-pagination.facility-hover-pagenation.swiper-pagination-clickable.swiper-pagination-bullets .swiper-pagination-bullet-active {
  background: #000;
  opacity: inherit;
}
.facility-hover-close {
  position: absolute;
  top: 28px;
  right: 30px;
  width: 35px;
  height: 30px;
}
.facility-hover-close span {
  position: absolute;
  top: 15px;
  left: 0;
  width: 35px;
}
.facility-hover-close span:nth-of-type(1) {
  height: 1px;
  background: #000;
  transform: rotate(-45deg);
}
.facility-hover-close span:nth-of-type(2) {
  height: 1px;
  background: #000;
  transform: rotate(45deg);
}
.facility-hover-close span:nth-of-type(3) {
  display: block;
  margin-top: 15px;
  font-size: 11.98px;
  width: 46px;
}
.facility-hover-right-cont {
  position: relative;
  width: 50%;
  background: rgba(255, 255, 255, .95);
}
.facility-sec03-title.facility-hover {
  padding: 48px 0 0 0;
  left: 13%;
  transform: none;
  color: #000;
}
.facility-sec03-title.facility-hover::after {
  background: url(../img/suimeiso/index/sui_top_sec03_s_bk.png) no-repeat;
  background-size: contain;
  left: 102%;
}
.facility-sec03-title.facility-hover.font-size-popup {
  font-size: 24px;
}
.facility-hover-right-cont .facility-hover-text {
  position: absolute;
  right: 10%;
  width: 60%;
  font-size: 13px;
  line-height: 2;
  padding: 25% 0 0;
}
.facility-hover-right-cont .facility-hover-text p {
  margin-bottom: 30px;
}
.facility-hover-right-cont .facility-hover-btn-wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

/* レストラン&スパ画像リンクモーダル　js-trigger */
.facility-menu {
  position: relative;
}
.menu-rikyu,
.menu-sagagyuhinkan,
.menu-cottonclub,
.menu-aritahuis,
.menu-sabai,
.menu-popup,
.menu-select,
.menu-porcelain,
.menu-chadoki,
.menu-saryo,
.menu-setsuka,
.menu-nyuyoku,
.menu-valenza,
.menu-nene,
.menu-hizenji {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: -1;
}

/* スライダー画像 */
/* トップ・水明荘 */
.suimeiso .slider-img1.swiper-slide {
  background: url(../img/index/suimeiso_01.png) no-repeat center right/cover;
}
.suimeiso .slider-img2.swiper-slide {
  background: url(../img/index/suimeiso_02.png) no-repeat center right/cover;
}
.suimeiso .slider-img3.swiper-slide {
  background: url(../img/index/suimeiso_03.png) no-repeat center right/cover;
}
.suimeiso .slider-img4.swiper-slide {
  background: url(../img/index/suimeiso_04.png) no-repeat center right/cover;
}
.suimeiso .slider-img5.swiper-slide {
  background: url(../img/index/suimeiso_05.png) no-repeat center right/cover;
}
.suimeiso .slider-img6.swiper-slide {
  background: url(../img/index/suimeiso_06.png) no-repeat center right/cover;
}

/* トップ・和多屋別荘 */
.watayabesso .slider-img1.swiper-slide {
  background: url(../img/index/watayabesso_01.png) no-repeat center left/cover;
}
.watayabesso .slider-img2.swiper-slide {
  background: url(../img/index/watayabesso_02.png) no-repeat center left/cover;
}
.watayabesso .slider-img3.swiper-slide {
  background: url(../img/index/watayabesso_03.png) no-repeat center left/cover;
}
.watayabesso .slider-img4.swiper-slide {
  background: url(../img/index/watayabesso_04.png) no-repeat center left/cover;
}
.watayabesso .slider-img5.swiper-slide {
  background: url(../img/index/watayabesso_05.png) no-repeat center left/cover;
}
.watayabesso .slider-img6.swiper-slide {
  background: url(../img/index/watayabesso_06.png) no-repeat center left/cover;
}

/* トップ・レストラン＆スパ */
.public .slider-img1.swiper-slide {
  background: url(../img/index/restaurant_spa_01.png) no-repeat center right/cover;
}
.public .slider-img2.swiper-slide {
  background: url(../img/index/restaurant_spa_02.png) no-repeat center right/cover;
}
.public .slider-img3.swiper-slide {
  background: url(../img/index/restaurant_spa_03.png) no-repeat center right/cover;
}
.public .slider-img4.swiper-slide {
  background: url(../img/index/restaurant_spa_04.png) no-repeat center right/cover;
}
.public .slider-img5.swiper-slide {
  background: url(../img/index/restaurant_spa_05.png) no-repeat center right/cover;
}
.public .slider-img6.swiper-slide {
  background: url(../img/index/restaurant_spa_06.png) no-repeat center right/cover;
}
/* スライダー画像ここまで */


@media only screen and (max-width: 1330px) {
  /* 和多屋別荘 料理 調整用 */
  .sui-room-sec04.sub_cont_reverse.hotspring-sec .wataya-cuisine-sec-cont .wataya-cuisine_photobox {
    position: static;
    width: 100%;
  }
  .sui-room-sec04.sub_cont_reverse.hotspring-sec .wataya-cuisine-sec-cont .wataya-cuisine_photobox .wataya-facility {
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 1237px) {
  /* レストラン＆スパ画像リンクモーダル調整用 */
  .facility-sec03-title.facility-hover {
    top: 3%;
    left: 10%;
  }
}

@media only screen and (max-width: 1180px) {
  /* 和多屋別荘 料理調整用 */
  .traditional_addwrap.wataya-cuisine p {
    right: 4%;
  }
}

@media only screen and (max-width: 1079px) {
  /* 和多屋別荘 料理調整用 */
  .traditional_addwrap.wataya-cuisine p {
    right: 2%;
    width: 47%;
    line-height: 1.8;
  }
  /* レストラン＆スパ画像リンクモーダル調整用 */
  .facility-hover-right-cont .facility-hover-text {
    font-size: 12px;
  }
  .facility-hover-right-cont .facility-hover-text p {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 1165px) {
  /* 水明荘セクション3調整用 */
  .sui-top-sec03 ul li:hover .btn.learn-more.hover-btn {
    bottom: 30px;
  }
}

@media only screen and (max-width: 1127px) {
  /* 水明荘セクション調整用 */
  .sui-room-sec04 div {
    padding-left: 50px;
  }

  .sui-room-sec04.hotspring-sec:nth-child(even) div {
    padding: 0 50px 0 0;
  }
  /* フッター調整用 */
  .footer-default {
    padding: 80px 25px;
    font-size: .7rem;
  }

  .list-width {
    width: 19%;
  }
}

@media only screen and (max-width: 1110px) {
  /* 水明荘セクション3調整用 */
  .sui-top-sec03 ul li {
    height: 690px;
  }

  .sui-sec03-title {
    padding: 74px 0 0 39px;
    font-size: 23px;
  }

  .sui-sec03-title span {
    font-size: 10px;
  }

  .sui-sec03-title::after {
    width: 155px;
    height: 155px;
  }
}

@media only screen and (max-width: 1074px) {
  /* 和多屋別荘 料理 調整用 */
  .sui-room-sec04 .wataya-cuisine_photobox {
    position: static;
    width: 100%;
    bottom: auto;
  }
}

@media only screen and (max-width: 1036px) {
  /* 水明荘セクション3調整用 */
  .sui-top-sec03 ul li:hover .hover-text {
    top: 55%;
    width: 80%;
    font-size: 11px;
  }
}

@media only screen and (max-width: 1032px) {
  /* 水明荘以下追従ナビ調整用 */
  .sui-sub-header-list ul li a {
    padding: 1em 0;
    width: 150px;
    font-size: 12px;
  }
  .navi_pc_tel {
    font-size: 20px;
  }
}

@media only screen and (max-width: 1000px) {
  /* sub-header調整用 */
  #navigation_pc {
    padding: 0 20px;
  }

  .sub-header {
    padding: 0 20px;
  }

  .sub-header ul {
    font-size: .6rem;
  }

  .sub-header ul li:nth-child(4) {
    margin-right: 0;
  }

  .sub-header-child {
    height: 46px;
  }

  .sub-header-child ul {
    font-size: .6rem;
  }

  /* レストラン&スパ画像バナー調整用 */
  .facility-sec03-title {
    font-size: 25px;
  }
  .facility-sec03-title span {
    font-size: 12px;
  }
  .facility-sec03-title::after {
    width: 150px;
    height: 150px;
  }
  .facility-sec03-title.font-size-cotton::after {
    width: 150px;
    height: 150px;
  }
}

}

@media only screen and (max-width: 980px) {
  /* メニュー調整用 */
  .navi_pc_inner ul {
    padding: 0 30px;
  }

  .navi_pc_inner li:not(:last-of-type) {
    margin-left: 1em;
  }

  /* map-content調整 */
  .map-content {
    padding: 40px;
    top: 130px;
    font-size: .7rem;
  }

  /* フッター調整 */
  .footer-default {
    padding: 80px 10px;
    font-size: .7rem;
  }

  .footer-list-title {
    padding: 0;
  }

  .list-in {
    padding: 0px;
    border-top: 1px solid #6c6c6c;
  }

  .footer-address p {
    font-size: .6rem;
  }

  /* 水明荘ヘッダー */
  .header-suimei .navTogglePC {
    right: 20px;
  }

  /* レストラン・スパ　トップ */
  .facility-roomlist .horizontal {
    font-size: 14px;
  }

}

@media only screen and (max-width: 960px) {
  /* 水明荘セクション3調整用 */
  .sui-top-sec03 ul li {
    height: 570px;
  }

  .sui-sec03-title {
    padding: 66px 0 0 30px;
    top: 0;
  }

  .sui-top-sec03 ul li:hover .btn.learn-more.hover-btn {
    bottom: 20px;
  }
}

@media only screen and (max-width: 900px) {
  /* 水明荘以下追従ナビ調整用 */
  .sui-sub-header .sub-header-width .sui-sub-logowrap {
    width: 45%;
  }
  .navi_pc_tel {
    padding-left: 33px;
    font-size: 17px;
    background-size: 25px;
  }
  .sui-sub-header-list {
    width: 55%;
  }
  .sui-sub-header-list ul li a {
    font-size: 10px;
  }
}

@media only screen and (max-width: 860px) {
  /* map-content調整 */
  .map-content {
    padding: 30px;
    top: 145px;
    font-size: .6rem;
  }
  /* 配下ページタイトル調整用 */
  .parallax_wrapper h2 {
    top: 70%;
  }
}

@media only screen and (max-width: 851px) {
  /* 水明荘セクション3調整用 */
  .sui-top-sec03 ul li:hover .hover-text,
  .sui-top-sec03 ul li:hover .btn.learn-more.hover-btn {
    display: none;
  }
}

@media only screen and (min-width: 1554px) {
  /* 水明荘セクション3調整用 1500px以上 */
  .sui-top-sec03 ul li:hover .hover-text {
    top: 50%;
    right: 10%;
    width: 50%;
  }

  .sui-top-sec03 ul li:hover .btn.learn-more.hover-btn {
    bottom: 40px;
    width: 223px;
  }
}

@media only screen and (max-width: 780px) {
  /* メニュー調整用 */
  .navi_pc_inner ul {
    padding: 0 20px;
  }
  /* 水明荘以下追従ナビ調整用 */
  .sui-sub-header .sub-header-width .sui-sub-logowrap {
    width: 40%;
  }
  .sui-sub-header-list {
    width: 60%;
  }
  .sui-sub-header-list ul li a {
    width: 140px;
  }
}

@media only screen and (max-width: 768px) {
  /* #header {
    overflow-y: scroll;
  } */

  #moviewrap {
    height: 100vh;
    padding: 0;
  }

  #head_movie {
    display: none;
  }

  #moviewrap p {
    top: auto;
    bottom: 1rem;
    left: 1rem;
    margin: 0;
    font-size: 4.84vw;
    letter-spacing: 0.18em;
    transform: none;
  }

  #moviewrap img {
    display: block;
    height: 100%;
  }

  iframe {
    display: none;
  }

  .top-header {
    width: 22.5%;
  }

  .pc-logo {
    display: none;
  }

  .top-header .sp-logo {
    display: block;
  }

  .top-header .sp-logo img {
    width: 40px;
  }

  .top-header ul {
    display: none !important;
  }

  .navTogglePC {
    display: none;
  }

  .navToggleSP {
    display: block;
    position: absolute;
    bottom: 5%;
    left: 50%;
    width: 42px;
    height: 29px;
    transform: translateX(-50%);
    cursor: pointer;
    z-index: 3;
    text-align: center;
  }

  .navToggleSP span {
    display: block;
    height: 1px;
    margin-bottom: 13px;
    background: #000;
  }

  .navToggleSP span:nth-child(3) {
    height: 1px;
    margin-bottom: 13px;
    margin-bottom: 5px;
  }

  .navToggleSP span:nth-child(4) {
    display: block;
    font-size: 1.6vw;
    letter-spacing: 0.1em;
    background: transparent !important;
  }

  .top-header .navToggleSP {
    left: auto;
    right: 1rem;
    transform: scale(0.8);
  }

  .top-header .navToggleSP span {
    background: #fff;
    color: #fff;
  }
  .navi-pc-bestrate {
    display: none;
  }

  #navigation_sp {
    display: none;
    position: fixed;
    overflow-x: hidden !important;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100vh;
    background: #fff;
    z-index: 9999;
  }

  .navi_sp_inner {
    width: 80%;
    height: 90vh;
  }

  .navi_sp_inner .spmenu_title {
    padding: 1.5rem 0 1rem 1.5rem;
    margin: 0;
    color: #a18d7e;
    font-size: 4.69vw;
    border-bottom: 1px solid #000;
  }

  .navi_sp_inner ul {
    padding: 2rem 0 1.8rem 2rem;
    font-size: 3.9vw;
  }

  .navi_sp_inner li:not(:last-of-type) {
    margin-bottom: 0.8em;
  }

  .navi_sp_inner li a {
    color: #000;
  }

  .underlist {
    background: url(../img/index/i_menu_arrow.png) no-repeat top 0.5em right 0;
    background-size: 1.2em auto;
  }

  .underlist ul {
    display: none;
    padding: 0.8em 0 0.8em 1.2em;
  }

  .underlist ul a {
    color: #757575;
  }

  .navi_sp_inner .ulborder {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
  }

  .bnr-bestrate-sp {
    text-align: center;
  }
  .bnr-bestrate-sp a {
    display: block;
    margin: 0 auto;
    padding: 1.5em;
  }
  .bnr-bestrate-sp img {
    width: 100%;
  }

  .snslist_sp {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding: 0.2rem 0 7rem 2rem !important;
  }

  .snslist_sp li:first-of-type {
    margin: 0 1.5em 0 0;
    width: 0.8em;
  }

  .snslist_sp li:nth-of-type(2) {
    margin: 0 1.3em 0 0;
    width: 1.8em;
  }

  .snslist_sp li:nth-of-type(3) {
    margin: 0;
    width: 1.9em;
  }

  .snslist_sp img {
    width: 100%;
  }

  .navToggle_close {
    top: 1.8%;
    right: 7%;
    width: 30px;
    height: 45px;
  }

  .navToggle_close span {
    width: 30px;
  }

  .navToggle_close span:nth-of-type(1) {
    transform: rotate(-40deg);
  }

  .navToggle_close span:nth-of-type(2) {
    transform: rotate(40deg);
  }

  .navToggle_close span:nth-of-type(3) {
    top: auto;
    bottom: 0;
    font-size: 2.5vw;
    letter-spacing: 0;
    white-space: nowrap;
  }

  /* SP版追従ヘッダー */
  .sub-header {
    padding: 0 6.25%;
    height: 10vh;
    background: url(../img/index/in_header_bg.png) no-repeat bottom left;
    background-size: 100%;
    background-color: rgba(255, 255, 255, 0.8);
  }

  .sub-header-width {
    height: 100%;
  }

  .sub-header h1 {
    width: 28vw;
  }

  .sub-header-list {
    display: none;
  }

  .sub-header ul {
    display: none;
  }

  .sub-header .navToggleSP {
    position: static;
    top: inherit;
    bottom: inherit;
    right: inherit;
    width: 35px;
    transform: scale(0.8);
  }

  .sub-header .navToggleSP span {
    height: 1px;
    margin-bottom: 8px;
  }

  .sub-header .navToggleSP span:nth-child(4) {
    font-weight: bold;
  }

  #news p {
    display: none;
  }

  #news .swiper-container {
    display: none;
  }

  .news_sp {
    display: -webkit-flex;
    display: flex;
    width: 100%;
  }

  .news_sp div:first-of-type {
    padding: 1rem;
    width: 70%;
    font-size: 3.125vw;
  }

  .news_sp div span {
    display: block;
    color: #888;
  }

  .news_sp div:nth-of-type(2) {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    width: 30%;
  }

  .news_sp div:nth-of-type(2) a {
    padding: 0.7em 1.2em;
    color: #fff;
    font-size: 3.44vw;
    border: 1px solid #fff;
  }

  .sec01 {
    display: block;
    padding: 2.5rem 6.25%;
    height: auto;
    background: url(../img/index/sec01_bg_sp.png) no-repeat top center;
    background-size: 100% auto;
  }

  .sec01 .container-width {
    flex-wrap: wrap;
    padding: 0;
  }

  .sec01-text {
    margin: 0 0.5em;
    width: 100%;
    text-align: center;
    writing-mode: horizontal-tb;
  }

  .sec01-text h2 {
    margin: 0 0 1em;
    font-size: 6.7vw;
  }

  .sec01-text p {
    margin-bottom: 3em;
    font-size: 3.6vw;
  }

  .sec01 ul {
    display: block;
    width: 100%;
  }

  .sec01 li {
    width: 100%;
    max-width: 100%;
  }

  .sec01 li:not(:last-of-type) {
    margin-bottom: 1rem;
  }

  .sec01 li img {
    width: 100%;
  }

  .sec01 li span {
    top: 50%;
    left: 12%;
    font-size: 7vw;
    transform: translateY(-50%);
    writing-mode: horizontal-tb;
    text-shadow: 0 0 10px rgba(0,0,0,0.74);
  }

  .sec02 {
    padding: 2rem 0 3rem;
  }

  .sec02 h2 {
    margin-bottom: 1.2em;
    font-size: 6.25vw;
  }

  .sec02 h2 span,
  .sec02 .swiper-slide span {
    font-size: 3.125vw;
  }

  .sec02 .swiper-container {
    padding: 0 20px;
    overflow: scroll;
  }

  .sec02 .swiper-wrapper {
    -webkit-overflow-scrolling: touch;
  }

  .sec02 .swiper-slide {
    width: 40.7%;
  }

  .sec02 .swiper-slide:not(:last-of-type) {
    margin-right: 9.3%;
  }

  .sec02 .swiper-slide:last-of-type {
    width: 55.7%;
  }

  .sec02 .swiper-button-prev,
  .sec02 .swiper-button-next {
    display: none;
  }

  /*PC/SP切り替え*/
  .pc_img {
    display: none;
  }

  .sp_img {
    display: block;
  }

  /* SP版水明荘 */
  .facility_comment,
  .watayabesso .facility_comment,
  .facility_comment.restaurant-spa {
    min-height: inherit;
  }

  .suimeisowrap {
    height: 480px;
  }

  .suimeiso .swiper-slide {
    height: 480px;
  }

  .suimeiso .facility_comment {
    right: 6%;
  }

  .facility_comment {
    padding: 30px 0 10px 25px;
  }

  .facility_comment h2 {
    margin: 0 -0.2em 0 0.1em;
    font-size: 48.5px;
  }

  .facility_comment p {
    font-size: 12px;
  }

  .pagenation-edit .swiper-pagination {
    display: none;
  }

  .watayabesso .facility_comment {
    padding: 30px 25px 10px 0;
    left: -29px;
  }

  .watayabesso .facility_wrap h2 {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin: 0 0.1em 0 -0.2em;
  }

  .watayabesso-title-ruby {
    display: inline-block;
    height: 90px;
    width: 30px;
  }

  .facility_comment h2 span:last-of-type {
    margin-top: 15px;
  }
  .link-hvrbtn {
    width: 85%;
    margin: 1.5rem auto;
    padding: 1em 0;
    font-size: 3.13vw;
  }
  .link-hvrbtn:hover {
  }
  .event-detail-contents-single .link-hvrbtn {
    width: 100%;
  }


  /* SP版和多屋別荘 */
  .traditional_bggray .wataya-cuisine-txt {
    display: block;
  }
  .traditional_bggray .wataya-cuisine-txt .first-block {
    width: 100%;
  }
  .traditional_bggray .wataya-cuisine-txt .second-block {
    width: 100%;
  }
  .sui-room-sec04.sub_cont_reverse.hotspring-sec .wataya-cuisine-sec-cont .wataya-cuisine_photobox .wataya-facility {
    margin-bottom: -15px;
  }
  .sui-top-sec02.wataya-top-reno {
  }


  /* SP版レストラン&スパ */
  .facility_comment .restaurant-title {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin: -.2em -.1em 0 0.1em;
    letter-spacing: -.2em;
  }

  .facility_comment.restaurant-spa {
    padding: 30px 0 0 25px;
  }

  .facility_comment .restaurant-title span:last-of-type {
    display: inline-block;
    height: 130px;
    width: 30px;
    margin-top: 10px;
  }

  .small-and {
    font-size: 30px;
  }

  /* SP版レストラン＆スパ画像リンク */
  .facility-hover-cont .swiper-slide {
    height: 100%;
  }
  .swiper-pagination.facility-hover-pagenation {
    bottom: 5%;
  }

  .facility-top-sec03 ul li {
    width: 100%;
    height: 300px;
  }

  .facility-sec03-title {
    top: 50%;
    left: 15%;
    padding: 0;
    font-size: 6.7vw;
    transform: translateY(-50%);
    z-index: 1;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
  }

  .facility-sec03-title::after {
    top: 50%;
    left: -24px;
    width: 34vw;
    height: 34vw;
    background-size: 100% auto;
    transform: translateY(-50%);
  }
  .facility-sec03-title.font-size-cotton::after {
    top: 50%;
    left: -24px;
    width: 34vw;
    height: 34vw;
    background-size: 100% auto;
    transform: translateY(-50%);
  }
  .facility-sec03-title.font-size-cotton,
  .facility-sec03-title.font-size-popup {
    font-size: 6.7vw;
  }
  .facility-top-sec03 ul li:first-child {
    background: url(/assets/img/facility/index/facility_top_sec03_photo01_sp_01.png)no-repeat center center/cover;
  }
  .facility-top-sec03 ul li:nth-child(2) {
    background: url(/assets/img/facility/index/facility_top_sec03_photo01_sp_02.png)no-repeat center center/cover;
  }
  .facility-top-sec03 ul li:nth-child(3) {
    background: url(/assets/img/facility/index/facility_top_sec03_photo01_sp_03.png)no-repeat center center/cover;
  }
  .facility-top-sec03 ul li:nth-child(4) {
    background: url(/assets/img/facility/index/facility_top_sec03_photo01_sp_04.png)no-repeat center center/cover;
  }
  .facility-top-sec03 ul li:nth-child(5) {
    background: url(/assets/img/facility/index/facility_top_sec03_photo01_sp_05.png)no-repeat center center/cover;
  }
  .facility-top-sec03 ul li:nth-child(6) {
    background: url(/assets/img/facility/index/facility_top_sec03_photo01_sp_06.png)no-repeat center center/cover;
  }
  .facility-top-sec03 ul li:nth-child(7) {
    background: url(/assets/img/facility/index/facility_top_sec03_photo01_sp_07.png)no-repeat center center/cover;
  }
  .facility-top-sec03 ul li:nth-child(8) {
    background: url(/assets/img/facility/index/facility_top_sec03_photo01_sp_08.png)no-repeat center center/cover;
  }
  .facility-top-sec03 ul li:nth-child(9) {
    background: url(/assets/img/facility/index/facility_top_sec03_photo01_sp_09.png)no-repeat center center/cover;
  }
  .facility-top-sec03 ul li:nth-child(10) {
    background: url(/assets/img/facility/index/facility_top_sec03_photo01_sp_10.png)no-repeat center center/cover;
  }
  .facility-top-sec03 ul li:nth-child(11) {
    background: url(/assets/img/facility/index/facility_top_sec03_photo01_sp_11.png)no-repeat center center/cover;
  }
  .facility-top-sec03 ul li:nth-child(12) {
    background: url(/assets/img/facility/index/facility_top_sec03_photo01_sp_12.png)no-repeat center center/cover;
  }
  .facility-top-sec03 ul li:nth-child(13) {
    background: url(/assets/img/facility/index/facility_top_sec03_photo01_sp_13.png)no-repeat center center/cover;
  }
  .facility-top-sec03 ul li:nth-child(14) {
    background: url(/assets/img/facility/index/facility_top_sec03_photo01_sp_14.png)no-repeat center center/cover;
  }
  .facility-top-sec03 ul li:nth-child(15) {
    background: url(/assets/img/facility/index/facility_top_sec03_photo01_sp_15.png)no-repeat center center/cover;
  }


  /* SP版レストラン＆スパ画像リンクモーダル */
  .facility-hover-cont {
    position: fixed;
    flex-wrap: wrap;
    top: 10vh;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
  }
  .facility-hover-main {
    width: 100%;
    height: 30vh;
  }
  .facility-hover-right-cont {
    width: 100%;
    height: 130vh;
  }
  .facility-hover-right-cont .facility-hover-text {
    top: 38%;
    right: 0;
    width: 100%;
    padding: 0 7.5% 10rem;
    overflow-y: scroll;
  }
  .facility-sec03-title.facility-hover {
    top: 15%;
    left: 15%;
    padding: 0;
    font-size: 6.7vw;
    z-index: 1;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
  }
  .facility-sec03-title.facility-hover::after {
    top: 50%;
    left: -24px;
    width: 34vw;
    height: 34vw;
    background-size: 100% auto;
    transform: translateY(-50%);
  }
  .facility-sec03-title.facility-hover.font-size-cotton {
    font-size: 5.7vw;
  }
  .facility-sec03-title.facility-hover.font-size-popup {
    font-size: 5.3vw;
  }
  .sui-charm-first.facility-index {
    color: #fff;
  }

  /* SP版スライダー切り替え */
  /* SP版トップ・水明荘 */
  .suimeiso .slider-img1.swiper-slide {
    background: url(../img/index/suimeiso_01_sp.png) no-repeat top center/cover;
  }
  .suimeiso .slider-img2.swiper-slide {
    background: url(../img/index/suimeiso_01_sp.png) no-repeat top center/cover;
  }
  .suimeiso .slider-img3.swiper-slide {
    background: url(../img/index/suimeiso_01_sp.png) no-repeat top center/cover;
  }
  .suimeiso .slider-img4.swiper-slide {
    background: url(../img/index/suimeiso_01_sp.png) no-repeat top center/cover;
  }
  .suimeiso .slider-img5.swiper-slide {
    background: url(../img/index/suimeiso_01_sp.png) no-repeat top center/cover;
  }
  .suimeiso .slider-img6.swiper-slide {
    background: url(../img/index/suimeiso_01_sp.png) no-repeat top center/cover;
  }

  /* SP版トップ・和多屋別荘 */
  .watayabesso .slider-img1.swiper-slide {
    background: url(../img/index/watayabesso_01_sp.png) no-repeat top center/cover;
  }
  .watayabesso .slider-img2.swiper-slide {
    background: url(../img/index/watayabesso_01_sp.png) no-repeat top center/cover;
  }
  .watayabesso .slider-img3.swiper-slide {
    background: url(../img/index/watayabesso_01_sp.png) no-repeat top center/cover;
  }
  .watayabesso .slider-img4.swiper-slide {
    background: url(../img/index/watayabesso_01_sp.png) no-repeat top center/cover;
  }
  .watayabesso .slider-img5.swiper-slide {
    background: url(../img/index/watayabesso_01_sp.png) no-repeat top center/cover;
  }
  .watayabesso .slider-img6.swiper-slide {
    background: url(../img/index/watayabesso_01_sp.png) no-repeat top center/cover;
  }

  /* SP版トップ・レストラン＆スパ */
  .public .slider-img1.swiper-slide {
    background: url(../img/index/restaurant_spa_01_sp.png) no-repeat top center/cover;
  }
  .public .slider-img2.swiper-slide {
    background: url(../img/index/restaurant_spa_01_sp.png) no-repeat top center/cover;
  }
  .public .slider-img3.swiper-slide {
    background: url(../img/index/restaurant_spa_01_sp.png) no-repeat top center/cover;
  }
  .public .slider-img4.swiper-slide {
    background: url(../img/index/restaurant_spa_01_sp.png) no-repeat top center/cover;
  }
  .public .slider-img5.swiper-slide {
    background: url(../img/index/restaurant_spa_01_sp.png) no-repeat top center/cover;
  }
  .public .slider-img6.swiper-slide {
    background: url(../img/index/restaurant_spa_01_sp.png) no-repeat top center/cover;
  }
  /* SP版スライダー切り替えここまで */

  /* SP版access */
  #map {
    position: static;
    height: 400px;
  }

  .map-content {
    position: static;
    padding: 40px;
    top: auto;
    left: auto;
    bottom: 0;
    font-size: .8rem;
  }

  .btn.learn-more {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
  }

  /* SP版footer */
  .footer-default {
    padding: 30px;
  }

  .sp-footer .sp-footer-logo {
    max-width: 170px;
  }

  .sp-footer ul {
    max-width: 320px;
    margin-bottom: 20px;
    line-height: 2.3;
  }

  /*
  .sp-footer ul li::after,
  .sp-footer ul li:first-child::before,
  .sp-footer ul li:nth-child(3)::before {
    position: absolute;
    content: '';
    height: 13px;
    width: 1px;
    top: 6px;
    background: #6c6c6c;
  }
  */

  .sp-footer ul li:first-child::before {
    left: -4px;
  }

  .sp-footer .foot_snslist_sp {
    display: flex;
    margin: 0 auto 20px;
    max-width: 163px;
    line-height: 1.4;
  }
  .sp-footer .foot_snslist_sp li {
    width: 4.8em;
  }
  .sp-footer .foot_snslist_sp li:first-child {
    width: 2.7em;
  }
  .sp-footer .foot_snslist_sp li a {
    display: block;
    padding: 0.7em 0.6em;
  }
  .sp-footer .foot_snslist_sp li img {
    width: 100%;
    padding-top: 0.6rem;
  }
  .sp-footer .foot_snslist_sp li p {
    border: 1px solid #6c6c6c;
    padding: 0.5rem 0.8rem;
    display: inline-block;
    margin-bottom: 0;
  }

  /* SP版配下ページ */
  /* SP版嬉野の魅力 */
  .sub-header-child {
    display: none;
  }
  .parallax_wrapper {
    padding-top: 61.6%;
  }

  .parallax_outer {
    margin-top: 61.6%;
  }

  .parallax_wrapper h2 {
    top: 65%;
    font-size: 7vw;
    white-space: nowrap;
  }

  .traditional_intro {
    padding: 3rem 7.5%;
    font-size: 3.6vw;
    text-align: justify;
    line-height: 2;
  }

  .traditional_addwrap {
    height: auto;
    background: url(../img/about/traditional_addphoto01.png) no-repeat top left / 100% auto;
  }

  .traditional_addwrap div {
    position: static;
    padding: 2rem 7.5%;
    width: 100%;
    color: #000;
    text-shadow: none;
    transform: none;
  }

  .traditional_addwrap p,
  .traditional_bggray p {
    margin-bottom: 0;
    font-size: 3.6vw;
    text-align: justify;
  }

  .traditional_bggray {
    padding: 2rem 7.5%;
  }

  .traditional_bggray h3,
  .sub_cont_text h3 {
    margin-bottom: 1em;
    font-size: 6.7vw;
  }

  .sub_cont_text p:last-of-type {
    text-align: justify;
  }

  .traditional_plistwrap {
    padding: 3rem 0;
  }

  .traditional_plistwrap .sub_cont_photobox {
    margin-left: 0;
  }

  .sub_cont_wrap {
    background-size: 76% auto;
  }

  .sub_cont_block {
    display: block;
    padding: 2rem 0 1.5rem;
    width: 85%;
  }

  .sub_cont_photobox {
    margin-left: -8%;
    width: 100vw;
  }

  .sub_cont_text {
    margin-bottom: 2rem;
    width: 100%;
  }

  .sub_cont_text p {
    font-size: 3.6vw;
  }

  /* SP版イベント */
  .event-wrap {
    padding: 3rem 7.5%;
  }

  .event_intro li {
    width: 100%;
  }

  .event_intro li:not(:last-child) {
    margin-bottom: 2rem;
  }

  .event_intro .eventdate {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .eventdate-first-wrap span:first-child {
    font-size: 4.5vw;
  }

  .eventdate-first-wrap span:nth-child(2) {
    font-size: 3vw;
  }

  .event_intro .eventdate .event-title {
    display: block;
    font-size: 6vw;
  }

  .event_intro .eventdate .logdate {
    width: 100%;
    margin-top: .3em;
    text-align: right;
  }

  .event_intro .eventinfo .event-catch {
    font-size: 4vw;
  }

  .event_intro a.event-external {
    margin-top: .5em;
  }

  .eventlist li {
    width: 46%;
  }

  .eventlist li:not(:nth-last-of-type(-n+2)) {
    margin-bottom: 2rem !important;
  }

  .eventlist .eventdate {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .eventlist .eventdate span:first-of-type {
    font-size: 3.6vw;
  }

  .eventlist .eventdate span:first-of-type span,
  .eventlist .eventdate .logdate,
  .eventlist .eventinfo,
  .event_intro .eventdate .logdate,
  .event_intro .eventinfo,
  .event_intro a.event-external {
    font-size: 3.125vw;
  }

  .eventlist .eventdate .logdate {
    display: block;
    margin-top: 0.8em;
    width: 100%;
    text-align: right;
  }

  .event-pagenation .prev, .event-pagenation .next {
    width: 15px;
  }

  /* SP版イベント詳細個別ページ */
  .event-detail-one-pic,
  .event-detail-two-pic,
  .event-detail-three-pic,
  .event-detail-left-pic,
  .event-detail-two-pic div:first-child,
  .event-detail-three-pic div:not(:last-child) {
    margin-bottom: 30px;
  }

  .main-image img,
  .event-detail-one-pic img,
  .event-detail-two-pic img,
  .event-detail-three-pic img,
  .event-detail-left-pic img,
  .event-detail-right-pic img {
    width: 100%;
  }

  .main-image-text {
    top: 50%;
    left: 50%;
    bottom: inherit;
    transform: translate(-50%, -50%);
  }

  .main-image-text h3 {
    font-size: 6vw;
    /* white-space: nowrap; */
  }

  .event-detail-contents-title {
    margin: 40px 0 20px;
    font-size: 5vw;
  }

  .event-detail-two-pic,
  .event-detail-three-pic,
  .event-detail-left-pic,
  .event-detail-right-pic {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .event-detail-two-pic div:first-child,
  .event-detail-three-pic div:not(:last-child),
  .event-detail-left-pic div:first-child,
  .event-detail-right-pic div:last-child {
    margin-right: 0;
  }

  .event-detail-left-pic h4,
  .event-detail-right-pic h4 {
    margin: 20px 0 10px;
    font-size: 5vw;
  }

  .event-detail-right-pic p,
  .event-detail-contents ul {
    margin-bottom: 0;
    font-size: 13px;
    line-height: 2;
  }

  .even-detail-border {
    padding: 30px 0;
  }

  .event-detail-left-pic div:first-child,
  .event-detail-left-pic div:last-child,
  .event-detail-right-pic div:first-child,
  .event-detail-right-pic div:last-child {
    width: 100%;
  }

  .event-detail-pagenation {
    padding: 0;
  }

  .event-detail-pagenation ul {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    height: auto;
  }

  .event-detail-pagenation li:first-child {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #000;
  }

  .event-detail-pagenation .prev,
  .event-detail-pagenation .next {
    padding: 30px 45px;
    text-align: center;
  }

  .event-detail-pagenation .prev {
    background: url(../img/event/prev_arrow.png) no-repeat center left 20px/17px;
  }

  .event-detail-pagenation .next {
    background: url(../img/event/next_arrow.png) no-repeat center right 20px/17px;
  }

  .event-detail-pagenation li:first-child,
  .event-detail-pagenation li:last-child {
    width: 100%;
  }

  /* SP版イベント詳細 */
  .event-detail-contents {
    padding: 13vw 0;
  }

  .main-image-text {
    width: 80%;
    top: 50%;
    left: 50%;
    bottom: 0;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    text-shadow: 1px 1px 18px rgba(50, 21, 4, 0.6);
  }
  .main-image-text.line3 {
    transform: translateY(-75%) translateX(-50%);
    -webkit- transform: translateY(-75%) translateX(-50%);
  }

  .main-image-text h3 {
    margin-bottom: .6rem;
    font-size: 5.7vw;
    /* white-space: nowrap; */
  }

  .main-image-text p {
    font-size: 2vw;
  }

  .movie-cont {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 13vw 7.5%;
  }

  .movie-cont p {
    padding-right: 0;
    margin-bottom: 7vw;
  }

  .movie-cont .video {
    position: relative;
    padding-top: 56.25%;
    width: 100%;
  }

  .movie-cont .video iframe {
    display: block;
    position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
  }

  .new-sec-img,
  .end-sec-img {
    width: 100%;
  }

  .new-sec-text h4,
  .end-sec-text h5 {
    margin-top: 1.5rem;
    font-size: 6vw;
  }

  .new-sec-text span {
    margin-bottom: 1.2rem;
    font-size: 5vw;
  }

  .event-detail-contents .new-sec {
    padding: 7.5%;
  }

  .event-detail-contents .new-sec ul li:first-child,
  .event-detail-contents .end-sec ul li:first-child {
    padding-right: 0;
  }

  .end-sec {
    padding: 13vw 7.5% 0;
    margin-top: 13vw;
  }

  .new-sec ul,
  .end-sec ul {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .new-sec-text dl,
  .end-sec-text dl {
    font-size: 3.5vw;
  }

  .new-sec-text dl dt,
  .end-sec-text dl dt {
    width: 26%;
  }

  .new-sec-text dl dd,
  .end-sec-text dl dd {
    width: 74%;
  }

  /* SP版アクセス */
  .access-wrap {
    padding: 10px 6.25%;
  }

  .access-title {
    justify-content: left;
    flex-wrap: wrap;
    padding-bottom: 40px;
  }

  .access-title h3 {
    margin: 0 0 20px;
  }

  .accsss-transportation-list {
    flex-wrap: wrap;
  }

  .accsss-transportation-list:first-child {
    margin-bottom: 30px;
  }

  .accsss-transportation-list dt {
    padding: 10px 0;
    margin: 0 0 10px;
    width: 100%;
  }

  .accsss-transportation-list dd {
    padding: 40px 10px;
    width: 100%;
  }

  .accsss-transportation-list .bg-brown {
    margin-right: 0;
    margin-bottom: .5rem;
    width: 100%;
  }

  .access-detail:not(:last-child),
  .access-buss:not(:last-child) {
    margin-bottom: 1.5rem;
  }

  .access-buss {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .access-buss li:nth-child(2) {
    width: 100%;
  }

  .access-buss-external {
    margin-top: 10px;
  }

  .access-buss-external a {
    font-size: 13px;
  }

  /* SP版お問い合わせ */
  .inquiry-container {
    padding: 60px 6.25%;
  }

  .inquiry-information {
    margin-bottom: 60px;
  }

  .input-area {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .input-area dt {
    margin-right: 0;
    width: 100%;
    text-align: inherit;
  }

  .input-area dd,
  .input-area.short-area input,
  .input-area.short-area select.select-inquiry {
    width: 100%;
  }

  .input-area.textarea label {
    margin-top: 0;
    margin-bottom: 10px;
  }
  .inquiry-container label {
    margin-bottom: 10px;
  }

  .inquiry-form label {
    margin-bottom: 5px;
  }

  .text-required {
    font-size: 13px;
  }

  .submit-btn {
    margin-top: 40px;
  }

  .submit-btn button {
    /*width: 100%;*/
  }
  .wpcf7 span.wpcf7-not-valid-tip {
    font-size: 0.85em;
  }
  .wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required.wpcf7c-conf {
    background: #ffffff;
    padding: 0;
  }
  .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.wpcf7c-conf,
  .wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number.wpcf7c-conf,
  .wpcf7-form-control.wpcf7-select.select-inquiry.wpcf7c-conf,
  .wpcf7-form-control.wpcf7-text.wpcf7c-conf {
    background: #ffffff;
    padding: 0;
    color: #000000;
  }
  .wpcf7-form-control.wpcf7-back.back-submit-btn {
    margin-top: 20px;
  }
  button {
    line-height: 0;
    width: 58%;
  }

  /* SP版プライバシーポリシー */
  .privacy-container {
    padding: 60px 6.25%;
  }

  .privacy-information {
    margin-bottom: 60px;
  }

  .privacy-information p {
    line-height: 1.9;
  }

  /* SP版水明荘 */
  .header-suimei {
    padding-top: 120%;
    margin-top: 10vh;
    height: 0 !important;
    background: url(../img/suimeiso/index/sui_top_mv_sp.png) no-repeat center center / cover !important;
  }

  .sub-header.sui-sub-header {
    background: none;
    background-size: 100%;
    background-color: rgba(255, 255, 255, 0.8);
  }

  .header-suimei header {
    width: 20%;
  }

  .sui_top_ttl h1 {
    padding: 1.2em 0;
    margin: 0;
    font-size: 10vw;
    background: url(../img/suimeiso/index/sui_head_bg_sp.png) no-repeat top center, url(../img/suimeiso/index/sui_head_bg02_sp.png) no-repeat bottom center;
    background-size: 100% auto, 100% auto;
  }

  .sui_top_ttl h1 span {
    font-size: 2.03vw;
  }

  .suimeiso-title img {
    /* width: 60%; */
    width: auto;
    height: auto;
  }

  .header-suimei .navToggleSP {
    display: none;
  }

  .sui-sub-header {
    z-index: 9998 !important;
    opacity: 1 !important;
  }

  .sui-sub-header .sub-header-width .sui-sub-logowrap {
    width: 100%;
  }

  .sui-sub-headerlogo {
    display: none;
  }

  .sui-sub-headerttl img {
    width: 90%;
  }

  .suinavi_pc_information {
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 3rem 7.5%;
    margin: 0;
    width: 100vw;
  }

  .navi_pc_tel {
    display: inline-block;
    font-size: 6.3vw;
  }

  .navi_pc_tel span {
    font-size: 2.8vw;
  }

  .suinavi_pc_information .navi_pc_tel + p {
    font-size: 2.5vw;
  }

  .suinavi_pc_cta {
    width: 85%;
    font-size: 3.13vw;
    background: url(../img/index/right_arrow.png) no-repeat center right 20%;
    background-size: auto 33%;
  }

  .sui-charm {
    padding-top: 120%;
    background: url(../img/suimeiso/index/sui_top_sec01_photo01_sp.png) no-repeat top left;
    background-size: 100% auto;
  }

  .sui-charm .spblock {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .sui-charm-first {
    left: 50%;
    width: 85%;
    height: auto;
    transform: translate(-50%, -50%);
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
  }

  .sui-charm-first h2,
  .sui-top-sec02 h2 {
    margin-bottom: 1em;
    font-size: 6.7vw;
    text-align: center;
  }

  .sui-charm-first p,
  .sui-top-sec02 p {
    font-size: 3.6vw;
    line-height: 2;
    text-align: left;
  }

  .sui-charm-first p br,
  .sui-top-sec02 p br {
    display: none;
  }

  .sui-charm-second {
    display: none;
  }

  .sui-top-sec02-bg {
    padding: 13vw 7.5%;
    max-width: 100%;
    background: url(../img/suimeiso/index/sui_top_sec02_bg_sp.png) no-repeat center bottom;
    background-size: 100% auto;
  }

  .sui-top-sec03 ul {
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  .sui-top-sec03 ul li {
    width: 100%;
    height: 320px;
  }

  .sui-sec03-title {
    top: 50%;
    left: 15%;
    padding: 0;
    font-size: 6.7vw;
    transform: translateY(-50%);
    z-index: 1;
  }

  /* .sui-top-sec03 ul li:first-child .sui-sec03-title {
    text-shadow:  #fff 2px 0px,  #fff -2px 0px,
                  #fff 0px -2px, #fff 0px 2px,
                  #fff 2px 2px , #fff -2px 2px,
                  #fff 2px -2px, #fff -2px -2px,
                  #fff 1px 2px,  #fff -1px 2px,
                  #fff 1px -2px, #fff -1px -2px,
                  #fff 2px 1px,  #fff -2px 1px,
                  #fff 2px -1px, #fff -2px -1px;
  }
  */

  .sui-sec03-title span {
    position: absolute;
    top: 40%;
    left: 120%;
    margin: 0;
    font-size: 2.5vw;
    letter-spacing: 0;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
    white-space: nowrap;
    z-index: -1;
  }

  .sui-sec03-title::after {
    top: 50%;
    left: -100%;
    width: 34vw;
    height: 34vw;
    background: url(../img/suimeiso/index/sui_top_sec03_s_wh_sp.png) no-repeat;
    background-size: 100% auto;
    transform: translateY(-50%);
  }

  .sui-top-sec03 ul li:first-child .sui-sec03-title::after {
    background: url(../img/suimeiso/index/sui_top_sec03_s_bk_sp.png) no-repeat;
    background-size: 100% auto;
  }

  .reservation {
    padding: 2rem 0;
  }

  .reservation-title {
    padding-bottom: 0.8em;
    font-size: 6.7vw;
  }

  .reservation ul {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .reservation ul li {
    padding: 0;
    width: 100%;
  }

  .reservation ul li:first-child {
    padding: 0;
    border-right: none;
    border-bottom: 1px solid #c3c3c3;
  }

  .reservation ul dl {
    margin-bottom: 0;
  }

  .reservation ul dt {
    margin: 1.5em 0 0.5em;
    font-size: 5.16vw;
  }

  .reservation ul dd {
    margin-bottom: 1.5rem;
    font-size: 2.8vw;
  }
  
  .reservation ul dd:first-child {
    display: block;
  }

  .reservation-web.sui_room {
    margin: 0.6rem auto;
  }

  .reservation-tel {
    margin: 1.5rem auto 0;
    font-size: 6.7vw;
    background: url(../img/index/i_tel.png) no-repeat top left;
    background-size: auto 96%;
    white-space: nowrap;
    /* width: 65%; */
    width: 83%;
    /* padding-left: 12%; */
    padding-left: 15%;
  }

  .reservation-tel.sui_room{
    margin: 0.8em auto;
  }

  .reservation-tel span {
    font-size: 2.8vw;
  }

  .reservation .sp_fax {
    display: inline-block;
    padding: 0.3em 1em 0;
    margin: 0.4em 0 0;
    font-size: 2.5vw;
    border-top: 1px solid #000;
    letter-spacing: 0.26em;
  }

  .reservation-web-button {
    margin: 0;
  }

  .reservation-web-button a {
    padding: 1em 0;
    margin: 1.5rem auto;
    width: 85%;
    max-width: 85%;
    font-size: 3.13vw;
    /* background: url(../img/index/right_arrow.png) no-repeat center right 25%; */
    /* background-size: auto 33%; */
  }

  .sui-top-sec03 ul li img.sp_img {
    display: block;
  }

  .sui-top-sec03 ul li img.pc_img {
    display: none;
  }

  .sui-top-sec03 ul li:first-child {
    background: url(../img/suimeiso/index/sui_top_sec03_photo01_sp.png)no-repeat center center/cover;
  }

  .sui-top-sec03 ul li:nth-child(2) {
    background: url(../img/suimeiso/index/sui_top_sec03_photo02_sp.png)no-repeat center center/cover;
  }

  .sui-top-sec03 ul li:nth-child(3) {
    background: url(../img/suimeiso/index/sui_top_sec03_photo03_sp.png)no-repeat center center/cover;
  }

  .sui-top-sec03 ul li:nth-child(4) {
    background: url(../img/suimeiso/index/sui_top_sec03_photo04_sp.png)no-repeat center center/cover;
  }

  /* SP版客室 */
  .sui-sub {
    padding-top: 53%;
  }

  .sui-sub + .parallax_outer {
    margin-top: 53%;
  }

  .sui-sub h2 {
    top: 80%;
    font-size: 7vw;
    white-space: nowrap;
  }

  .sui-sub + .parallax_outer .traditional_intro {
    text-align: center;
  }

  .traditional_addwrap.sui-room-top {
    padding-top: 68.8%;
    background: url(../img/suimeiso/room/index/sui-room_sec01photo_sp.png) no-repeat top left / 100% auto;
  }

  .traditional_addwrap.sui-room-top p {
    text-align: center;
  }

  .sui-roomlist {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    /*margin: 0 auto 2rem;*/
    margin: 2rem auto;
    width: 87.5%;
    padding: 0;
  }

  .sui-roomlist li {
    width: 46%;
    margin-right: 0 !important;
    margin-bottom: 8%;
  }

  .sui-roomlist li:not(:nth-of-type(2n)) {
    margin-right: 8% !important;
  }

  .sui-roomlist .sui-room-photo img {
    width: 100%;
  }
  .sui-roomlist .sui-roomname {
    font-size: 11px;
  }
  .sui-roomlist .sui-roomname span {
    font-size: 24px;
  }
  .sui-roomlist span.reno {
    font-size: 0.7em;
  }
  .sui-room-sec03 {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .sui-room-sec03 div:nth-of-type(2) {
    padding: 2rem 7.5%;
    width: 100%;
  }

  .sui-room-sec03 div:first-of-type {
    padding-top: 68.8%;
    width: 100%;
    max-width: 100%;
  }

  .sui-room-sec03 div:first-of-type img {
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: auto;
  }

  .sui-room-sec03 h3, .sui-room-sec04 h3 {
    margin-bottom: 0.8em;
    font-size: 6.7vw;
  }

  .sui-room-sec03 p, .sui-room-sec04 p {
    font-size: 3.6vw;
  }

  .sui-room-sec04 {
    -webkit-flex-direction: column;
    flex-direction: column;
    padding: 2rem 0;
    background: none;
  }

  .sui-room-sec04 div {
    padding-left: 0;
    margin: 0 auto;
    width: 85%;
  }

  .sui-room-sec04btn a {
    margin: 2rem 0;
    width: 100%;
    font-size: 3vw;
    text-align: center;
    background-position: center right 25%;
  }

  .sui-room-sec04 div:nth-of-type(2) img {
    width: 100%;
  }

  /* SP版水明荘 客室詳細・洗心 */
  .senshin-top {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 13vw auto 0;
  }

  .senshin-cont-left {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    min-height: 230px;
  }

  .senshin-cont-right {
    padding: 13vw 7.5%;
    width: 100%;
  }

  .senshin-cont-right h3 {
    margin-bottom: 1em;
    font-size: 6.7vw;
  }

  .senshin-cont-right.hakuryu h3 {
    font-size: 6.0vw;
  }

  .senshin-images ul {
    margin: 40px 0;
  }

  .senshin-images ul li {
    width: 100%;
    margin-bottom: 40px;
    padding: 0 7.5%;
  }

  .senshin-images ul li:not(:nth-child(2n)) {
    margin-right: 0;
  }

  .senshin-images ul li:nth-child(n+3) {
    margin-bottom: 40px;
  }

  .senshin-images ul li img {
    width: 100%;
  }

  .senshin-description {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .senshin-description dt {
    margin-bottom: 3px;
  }

  .senshin-description dd {
    font-size: 2.8vw;
  }

  .senshin-floor {
    padding: 13vw 7.5%;
  }

  .senshin-floor ul {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .senshin-floor ul li:not(:last-child) {
    border-right: none;
  }

  .senshin-floor ul li:nth-child(2) {
    margin-top: 30px;
    padding: 30px 0 0;
    border-top: 1px solid #000;
  }

  .floor-list dt {
    width: 28%;
  }

  .floor-list dd {
    width: 71%;
  }

  /* SP版水明荘  料理 */
  .traditional_addwrap.sui-cuisine {
    padding-top: 68.8%;
    background: url(../img/suimeiso/cuisine/sui-cuisine_sec01photo_sp.png) no-repeat top left / 100% auto;
  }

  .sui-cuisine_photo {
    padding: 2rem 6.25%;
  }

  .sui-cuisine_photo .sub_cont_photobox {
    margin-left: 0;
  }

  /* SP版水明荘 温泉 */
  .traditional_addwrap.hot-spring-cont {
    height: auto;
    background: url(../img/suimeiso/hotspring/sui_hot_spring02.png) no-repeat top left / 100% auto;
  }

  .sui-room-sec04.hotspring-sec:nth-child(even) {
    background: none;
  }

  .sui-room-sec04.hotspring-sec:nth-child(even) div {
    padding: 0;
  }

  .sui-room-sec04.hotspring-sec div:first-child  {
    margin-bottom: 20px;
  }

  /* SP版水明荘 施設 */
  .traditional_addwrap.facility {
    height: auto;
    background: url(../img/suimeiso/facility/sui_facility_main.png) no-repeat top left / 100% auto;
  }

  /* SP版和多屋別荘　トップ */
  .header-suimei {
    background: none;
  }
  .header-wataya {
    background: url(../img/wataya/index/wataya_top_mv_sp.png) no-repeat center center / cover !important;
  }

  /* SP版和多屋別荘　客室 */
  .wataya-roomlist {
    margin: 0;
    padding: 2rem 7.5%;
  }
  .wataya-roomlist.reno {
    padding-top: 2.6rem;
  }
  .wataya-roomlist ul {
    margin: 0;
  }

  .wataya-roomlist li {
    width: 100%;
    margin-bottom: 5%;
  }

  .wataya-roomlist li:not(:nth-child(2n)) {
    margin-right: 0;
  }

  .wataya-roomname {
    font-size: 6.7vw;
  }

  .wataya-roomlist.six-cont ul {
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }

  .wataya-roomlist.six-cont li {
    width: 46%;
  }
  .wataya-roomlist.six-cont.reno ul {
    padding: 0;
    justify-content: space-between;
  }

  .wataya-roomlist.six-cont li:not(:nth-child(2n)) {
    /*margin-right: 2%;*/
    margin-right: 0;
  }

  .wataya-roomlist.six-cont li:not(:nth-child(3n)) {
    margin-right: 0;
  }

  .wataya-roomlist.six-cont.reno li:not(:nth-child(3n)) {
    margin-right: 0;
  }

  .wataya-roomlist.six-cont .wataya-roomname {
    display: none;
  }

  .wataya-roomlist.six-cont ul.wataya-room-top-reno .wataya-room-photo {
    margin-bottom: 10%;
  }


  /* SP版和多屋別荘　客室詳細(タワー館) */
  .wataya-images {
    margin-top: 40px;
  }
  .wataya-tower-photobox .sub_cont_photobox {
    margin-left: 0;
  }

  .wataya-room-tower .senshin-floor ul li:first-child {
    width: 100%;
    padding-right: 0;
  }

  .wataya-room-tower .senshin-floor dt {
    width: 36%;
  }

  .wataya-room-bath .wataya-room_photobox.detail div {
    width: 50%;
  }

  .wataya-room-bath-up-cont {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .wataya-room-bath-main-image {
    width: 100%;
    margin-right: 0;
  }

  .wataya-room-bath-right-cont {
    position: static;
    width: 100%;
    text-align: center;
  }

  .wataya-room-bath-right-cont p {
    margin: 0;
    font-size: 13px;
  }

  .wataya-room-bath-title {
    display: block;
    margin: 15px 0;
    font-size: 6.7vw;
  }

  .wataya-room-bath-right-cont .wataya-room_photobox {
    position: static;
    margin-top: 20px;
  }

  .wataya-room-bath-right-cont .wataya-room_photobox.wataya-room_madori {
    text-align: center;
    width: 100%;
    margin: 22px auto;
  }

  .wataya-room-bath-right-cont .wataya-room_photobox.wataya-room_madori div {
    margin: 0 auto;
  }
  .wataya-room-bath-right-cont .wataya-room_photobox.wataya-room_madori.wide div {
    width: 100%;
  }
  .reservation-web {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
  }

  .reservation-web-button {
    width: 100%;
  }

  .reservation-web .reservation-web-button a {
    margin-right: auto;
  }

  .reservation-web-text {
    font-size: 2.8vw;
  }

  .reservation-room {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
    padding: 45px 0;
  }
  .reservation-room .thumbnail-box {
    width: 100%;
    padding: 0 5%;
  }
  .reservation-room .thumbnail {
    width: 100%;
    justify-content: space-around;
  }
  .reservation-room .thumbnail-box div img {
    width: 85%;
    max-width: none;
  }

  .reservation-room .reservation-web-button {
    width: 100%;
  }

  .reservation-room .reservation-web-button a {
    margin: 0 auto;
    max-width: 85%;
    width: 85%;
  }
  .reservation-room .reservation-web-button .reservation-web-text {
    padding: 0 7%;
  }

  /* SP版露天風呂付客室 */
  .wataya-room-bath-room-description {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    position: static;
  }
  .wataya-room-bath-room-description .room-name {
    margin-right: 0;
    width: 100%;
    font-size: 3vw;
  }
  .wataya-room-bath-room-description .room-desc {
    width: 100%;
    font-size: 2.8vw;
  }

  /* SP版和多屋別荘 */
  .wataya-title img {
    width: 40%;
    height: auto;
  }
  .sui-charm.wataya-charm {
    background: url(../img/wataya/index/wataya_top_sec01_photo01_sp.png) no-repeat top left;
    background-size: 100% auto;
  }
  .sui-top-sec03.wataya-top-sec03 ul li:first-child{
    background: url(../img/wataya/index/wataya_top_sec03_photo01_sp.png)no-repeat center center/cover;
  }
  .sui-top-sec03.wataya-top-sec03 ul li:nth-child(2){
    background: url(../img/wataya/index/wataya_top_sec03_photo02_sp.png)no-repeat center center/cover;
  }
  .sui-top-sec03.wataya-top-sec03 ul li:nth-child(3){
    background: url(../img/wataya/index/wataya_top_sec03_photo03_sp.png)no-repeat center center/cover;
  }
  .sui-top-sec03.wataya-top-sec03 ul li:nth-child(4){
    background: url(../img/wataya/index/wataya_top_sec03_photo04_sp.png)no-repeat center center/cover;
  }
  .wataya-top-sec03.wataya-top-reno-link ul li:first-child {
      background: url(../img/wataya/index/wataya_top_sec02_renobg_sp.png)no-repeat center center/cover;
      width: 100%;
      height: 300px;
  }
  .wataya-top-sec03.wataya-top-reno-link ul li .wataya-top-reno-btn {
    top: 44%;
  }

  /* 和多屋別荘 料理 */
  .traditional_addwrap.wataya-cuisine {
    position: static;
    background: url(../img/wataya/cuisine/wataya-cuisine_sec01photo.png) no-repeat top / 100% auto;
  }
  .traditional_addwrap.wataya-cuisine p {
    position: static;
    padding: 3rem 7.5%;
    transform: none;
    font-size: 3.6vw;
  }
  .traditional_bggray .wataya-cuisine-txt li {
    margin-bottom: 30px;
    width: 100%;
  }
  .sui-room-sec04.wataya-cuisine-sec .wataya-cuisine-sec-cont,
  .sui-room-sec04.sub_cont_reverse.hotspring-sec .wataya-cuisine-sec-cont {
    width: 85%;
  }
  .sui-room-sec04.wataya-cuisine-sec .wataya-cuisine-sec-text,
  .sui-room-sec04.sub_cont_reverse.hotspring-sec .wataya-cuisine-sec-text {
    width: 100%;
  }
  .sui-room-sec04.wataya-cuisine-sec .wataya-cuisine-sec-text p {
    margin-bottom: 20px;
  }
  .sui-room-sec04 .wataya-cuisine_photobox {
    margin-bottom: 3%;
    width: 100%;
  }
  .sui-room-sec04 .wataya-cuisine_photobox div {
    width: 49%;
  }
  .sui-room-sec04 .wataya-cuisine_photobox div:not(:nth-child(2)) {
    margin-right: 3%;
  }
  .sui-room-sec04.wataya-cuisine-sec .wataya-cuisine_main_pic {
    padding-left: 0;
    width: 85%;
  }
  .sui-room-sec04.sub_cont_reverse.hotspring-sec .wataya-cuisine_main_pic {
    padding: 0;
    width: 85%;
  }
  .sui-room-sec04.sub_cont_reverse.hotspring-sec .wataya-cuisine-sec-cont,
  .sui-room-sec04.sub_cont_reverse.hotspring-sec .wataya-cuisine_photobox div {
    margin-bottom: 0;
  }

  /* SP版和多屋別荘 温泉 */
  .traditional_addwrap.hot-spring-cont.wataya {
    background: url(../img/wataya/hotspring/wataya_hot_spring02.png) no-repeat top left / 100% auto;
  }
  .sub_cont_block.hot-spring-cont.sub_cont_reverse .sub_cont_text {
    width: 100%;
    margin-left: 0;
    margin-bottom: 2rem;
  }
  .sub_cont_block.hot-spring-cont .sub_cont_text {
    width: 100%;
    margin-left: 0;
    margin-bottom: 2rem;
  }
  .sub_cont_block.hot-spring-cont .photobox-wrap {
    flex-wrap: wrap;
    width: 100vw;
    margin-left: -8.9%;
  }
  .sub_cont_block.hot-spring-cont .sub_cont_photobox {
    width: 100%;
    margin: 0 auto 1.5rem;
  }
  .sub_cont_block.hot-spring-cont.nowrap {
    display: block;
  }
  .sub_cont_block.hot-spring-cont.nowrap .sub_cont_text {
    width: 100%;
  }


  /* SP版和多屋別荘 施設 */
  .traditional_bggray .link-hvrbtn {
    width: 85%;
  }
  .sui-room-sec04.wataya-cuisine-sec .wataya-cuisine-sec-text.wataya-facility p {
    margin-bottom: 60px;
  }

  /* SP版レストラン＆スパ */
  .facility-title img {
    width: 40%;
    height: auto;
  }

  /* SP版タワー館スライダー */
  .swiper-sec .swiper-button-prev,
  .swiper-sec .swiper-button-next {
    display: none;
  }

  .swiper-sec .swiper-sec-text {
    font-size: 10px;
  }

  /* SP版レストラン＆スパ　トップ */
  .header-suimei {
    background: none;
  }
  .header-facility {
    background: url(../img/facility/index/faci_top_mv_sp.png) no-repeat center center / cover !important;
  }
  /* SP版イベント詳細 */
  .event-detail-contents-single {
    margin: -20px auto -20px;
  }
  .main-image {
    width: 100vw;
    margin-left: -30px;
  }
  .main-image.ev-hakoniwa {
    margin-left: 0px;
  }
  .main-image.topics-detail {
    margin-left: -30px;
  }
  input[type=button].wpcf7-form-control.wpcf7-back.back-submit-btn.wpcf7c-elm-step2.wpcf7c-btn-back {
    margin: 5px 0 20px 0;
  }
  input[type=submit].wpcf7-form-control.wpcf7-submit.wpcf7c-elm-step2 {
    margin: 0;
  }
}

.pdg-non-top {
  padding-top: 0rem;
}

@media only screen and (min-width: 841px) and (max-width: 950px) {
  .wataya-room-bath-right-cont .wataya-room_photobox.detail {
    width: 50%;
  }
  .wataya-room-bath-right-cont p {
    margin-top: 15px;
    margin-bottom: 1rem;
  }
}

@media only screen and (min-width: 808px) and (max-width: 840px) {
  .wataya-room-bath-right-cont .wataya-room_photobox.detail {
    width: 45%;
  }
  .wataya-room-bath-right-cont p {
    font-size: 12px;
    margin-top: 20px;
    margin-bottom: 1rem;
  }
  .wataya-room-bath-right-cont p span {
    font-size: 10px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 807px) {
  .wataya-room-bath-right-cont p {
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 0.6rem;
  }
  .wataya-room-bath-right-cont p span {
    font-size: 10px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 807px) {
  .wataya-room-bath-right-cont .wataya-room_photobox.detail {
    width: 45%;
  }
}

@media only screen and (min-width: 536px) and (max-width: 768px) {
  /* 閉じるボタン調整用 */
  .navToggle_close span:nth-of-type(3) {
    font-size: 2vw;
  }
}

@media only screen and (min-width: 645px) and (max-width: 768px) {
  /* 閉じるボタン調整用 */
  .navToggle_close span:nth-of-type(3) {
    font-size: 1.5vw;
  }
}

@media only screen and (max-width: 414px) {
  /* 水明荘セクション3調整用 */
  .sui-top-sec03 ul li {
    height: 200px;
  }
  /* レストラン＆スパ画像リンク調整用 */
  .facility-top-sec03 ul li {
    height: 155px;
  }
  .facility-hover-right-cont .facility-hover-text {
    top: 22%;
  }
  .facility-sec03-title.facility-hover {
    top: 11%;
  }
}

@media only screen and (max-width: 375px) {
  .top-header h1 {
    padding: 30px 0 0;
  }

  .top-header h1 img {
    width: 35px;
  }

  #moviewrap p {
    font-size: 15px;
  }
}

@media only screen and (max-width: 320px) {
  .top-header h1 {
    padding: 30px 0 0;
  }

  .top-header h1 img {
    width: 32px;
  }

  #moviewrap p {
    font-size: 13px;
  }

  .footer-default {
    font-size: .6rem;
  }
  /* レストラン＆スパ画像リンク調整用 */
  .facility-top-sec03 ul li {
    height: 130px;
  }
}
/* firefox */
@-moz-document url-prefix() {
  .navi_pc_inner {
    width: 1000px;
  }
}
@media only screen and (max-width: 768px) {
  .firefox .sui_top_ttl h1 {
    justify-content: center;
    height: 100%;
  }
}

/* IE */
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .foo { color: red } /* IE11 */
  .sub_cont_photobox_v img {
    height: 47%;
  }
  #navigation_sp .suinavi_pc_information {
    /* padding: 3rem 15px 3rem 0; */
  }
  #navigation_sp .navToggle_close {
    right: 4.3%;
  }
  .nav_sui_pc .navi_pc_tel {
    margin-bottom: 0;
    padding-bottom: 0.4rem;
    border-bottom: solid 1px #000;
  }
  .nav_sui_pc .suinavi_pc_information .navi_pc_tel {
    letter-spacing: .1rem;
  }
  .nav_sui_pc .suinavi_pc_information .navi_pc_tel + p {
    margin-top: 0.4rem;
    padding-top: 0;
    border-top: none;
  }
  .list-ruby {
    display: block;
    font-size: .6rem;
    font-weight: bold;
    letter-spacing: .2em;
    color: #a32a2a;
    transition: all .25s;
  }
  .facility-sec03-title.font-size-cotton {
    font-size: 17px;
    font-weight: bold;
  }
  .navi_pc_inner ul.navi_snslist_pc {
    display: flex;
    display: -ms-flexbox;
  }
  .navi_pc_information {
    bottom: 10px;
  }
  .nav_sui_pc .navi_pc_inner .suinavi_snslist_pc {
    display: flex;
    display: -ms-flexbox;
  }
  .nav_sui_pc .navi_pc_inner li a {
    padding: .7em .8em .7em .4em;
  }
  .navi-pc-width {
    -webkit-justify-content: inherit;
    justify-content: inherit;
  }
  .navi_pc_inner {
    -webkit-justify-content: inherit;
    justify-content: inherit;
  }
  .sub_cont_block.hot-spring-cont .photobox-wrap {
    width: 55%;
  }
  .sub_cont_block.hot-spring-cont.sub_cont_reverse .sub_cont_text {
    width: 45%;
  }
  .sui-roomlist .sui-roomname {
    line-height: 1.4;
  }

  /* 水明荘タイトル */
  /* .sui_top_ttl h1 {
    margin: 0;
    flex-shrink: 0;
  }
  .sui_top_ttl h1 img {
    flex-shrink: 0;
  } */
  /* 和多屋別荘 */
  /* .sui_top_ttl h1.wataya-title {
    margin: 0;
  }
  .sui_top_ttl h1.wataya-title img {
    width: 31%;
  } */
  /* レストラン&スパ */
  /* .sui_top_ttl h1.facility-title {
    padding: 5em 0;
    margin: 0;
    font-size: inherit;
  }
  .sui_top_ttl h1.facility-title img {
    width: 31%;
  } */
}

/* IE */
.ie-11 .navi_pc_tel,
.ie-11 .reservation-tel {
  letter-spacing: .1rem;
}
.ie-11 .nav_sui_pc .navi_pc_inner ul:first-of-type {
  border-left: 1px solid #000;
}

.ie-11 .nav_sui_pc .navi_pc_inner .ulborder {
  border-right: none;
}

.ie-11 .nav_sui_pc ul:last-of-type {
  border-left: none !important;
}

.ie-11 .navi_pc_fax {
  border-top: none;
}

.ie-11 .pamphlet span {
  display: inline-block;
  transform: rotate( -90deg );
  right: -13px;
  padding: 7px 0;
}

/* IE調整用 */
@media only screen and (max-width: 920px) {
  .ie-11 .nav_sui_pc .suinavi_pc_information {
    margin: 3em 50px 0 0;
  }
  .ie-11 .nav_sui_pc .navi_pc_inner ul {
    padding: 0 30px;
  }
  .ie-11 .nav_sui_pc .navi_pc_inner li:not(:last-of-type) {
    margin-left: 1.5em;
  }
}
/* IE調整用 */
@media only screen and (max-width: 768px) {
  .ie-11 #navigation_sp {
    -ms-overflow-style: none;
  }
  .ie-11 .sui_top_ttl h1 {
    justify-content: center;
    height: 100%;
    font-size: 40px;
  }
}