@charset "UTF-8";

/*
Theme Name: resort-glamping02
Description: This is resort-glamping.com site original theme.
Author: Bookingresort
*/
/* ___________________________________

  共通タグ
____________________________________ */
html {
  font-size: 14px;
}

body {
  font-family: "Arial", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  position: relative;
  color: #333;
  line-height: 1.5;
  overflow-x: hidden;
}

p {
  line-height: 1.5;
  font-size: 14px;
  color: #333;
}

ul {
  overflow: hidden;
}

ul li {
  font-size: 14px;
  color: #333;
}

dl dt,
dl dd {
  font-size: 14px;
}

dl dt {
  font-weight: bold;
}

a {
  color: #333;
  text-decoration: none;
  transition: all 0.3s;
  font-family: inherit !important;
}

a:hover {
  color: #ccc;
  text-decoration: underline;
}

a:hover > img {
  opacity: 0.8;
}

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

strong {
  font-weight: bold;
}

p.note {
  margin-bottom: 1em;
  text-align: center;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 500;
}

.mb_60 {
  margin-bottom: 60px !important;
}
.mb_20 {
  margin-bottom: 20px !important;
}

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

/* 角丸
--------------------------- */
.radius_left {
  border-radius: 2px 0 0 2px;
}

.radius_right {
  border-radius: 0 2px 2px 0;
}

.radius_top {
  border-radius: 2px 2px 0 0;
}

.radius_bottom {
  border-radius: 0 0 2px 2px;
}

.radius_all {
  border-radius: 2px;
}

/* ------------------------------
   エフェクト
------------------------------ */
/* 陰
--------------------------- */
.shadow,
.shadow_link {
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
}

.shadow_link:hover {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  /*浮き上がる*/
}

/* タイトル
--------------------------- */
section h2.ttl {
  position: relative;
  margin-bottom: 1em;
  padding: 2em 0 1em;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0.1em;
  text-align: center;
}

section h2.ttl::before {
  content: "";
  position: absolute;
  bottom: 0;
  display: inline-block;
  width: 60px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: black;
  border-radius: 2px;
}

section h2.ttl span {
  font-size: 13px;
  display: block;
}

.top_rg_ttl {
  text-align: center;
  font-size: 20px;
  margin: 40px auto 20px;
}

/* ------------------------------
   ヘッダ
------------------------------ */
#wp_nav button#MenuBtn {
  display: none;
}

/* ヘッダ
--------------------------- */
.page-header {
  background-color: #fff;
  width: 100%;
  height: 60px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}

.page-header > .inner {
  margin: auto;
  padding: 10px 0;
  width: 1200px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.home .page-header > .inner {
  padding: 7px 0 7px;
}

/* Logo */
.site-logo {
  flex: 0 0 40%;
  font-size: 100%;
  margin: 0 1% 0 0;
  /*margin: 0 5% 0 0;*/
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.site-logo p {
  /*margin-left: 10px;*/
  padding: 0 0.5em;
  color: #000;
  font-size: 11px;
  font-weight: bold;
}

.site-logo a {
  width: 100%;
}

.home .site-logo p {
  padding: 0.5em;
}

/* その他のリンク */
.page-header .inner ul.others {
  flex: 0 0 55%;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}

.page-header .inner ul.others li {
  flex: 0 0 auto;
  max-width: 100%;
  margin-right: 2em;
}

.page-header .inner ul.others li:last-child {
  margin-right: 0;
}

.page-header .inner ul.others li::after {
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  font-size: 0.9em;
  margin: 0 0 0 0.5em;
  font-weight: 900;
  text-decoration: none;
  vertical-align: top;
}

.page-header .inner ul.others li,
.page-header .inner ul.others li a {
  color: #000;
}

.page-header .inner ul.others li a:hover {
  color: #ccc;
}

/* Primary nav */
.primary-nav {
  width: 100%;
  margin: 0 auto;
  padding-top: 80px;
  height: 60px;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 60px;
  border-bottom: 1px solid #000;
  position: fixed;
  z-index: 120;
  background-color: #fbfef9;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.primary-nav li {
  float: left;
}

.primary-nav a {
  font-size: 16px;
  display: block;
  padding: 0 1.36em;
}

.primary-nav a:hover {
  background-color: rgb(240, 240, 240);
  border-bottom: 2px solid #000;
}

/* -------------------------
   ページのトップへ戻る
------------------------- */
#fixedTop {
  right: 10px;
  bottom: 10px;
  color: #fff;
  text-align: center;
  line-height: 60px;
  text-decoration: none;
  vertical-align: middle;
  display: none;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #d1d1d1;
  position: fixed;
  z-index: 99;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
}

#fixedTop:hover {
  color: #d1d1d1;
  background: #fff;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}

#fixedTop .fa::before,
a.fa::after {
  font-size: 1.2em;
  margin: 0;
}

/* ------------------------------
   フッタ
------------------------------ */
footer {
  width: 100%;
  background-color: #111;
}

footer .wrapper_footer {
  width: 1200px;
  margin: 0 auto;
}

footer .wrapper_footer ul.outer {
  width: 100%;
  margin: 0 auto;
  padding: 30px 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
}

footer .wrapper_footer ul.outer li:nth-child(1) {
  flex: 0 0 40%;
}

footer .wrapper_footer ul.outer li:nth-child(2) {
  flex: 0 0 60%;
  line-height: 2;
}

footer .wrapper_footer ul.outer li .logo {
  margin-bottom: 1%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

footer .wrapper_footer ul.outer li .logo img {
  width: 200px;
  height: auto;
}

footer .wrapper_footer ul.outer li .logo p {
  margin-left: 10px;
  padding: 0.5em 1.5em;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  /*border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;*/
}

footer .wrapper_footer ul.outer li a {
  color: #fff;
}

footer .wrapper_footer ul.outer li p.company_name {
  color: #fff;
}

footer .wrapper_footer ul.outer li p.tel {
  color: #fff;
}

footer .wrapper_footer ul.outer li p.business_hours {
  color: #fff;
}

footer .wrapper_footer ul.outer li ul.footer_nav_wrapper {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}

footer .wrapper_footer ul.outer li ul.footer_nav_wrapper a.fa::after {
  content: "\f0da";
}

footer .wrapper_footer ul.outer li ul.footer_nav_wrapper li {
  /*flex: 31.9999%;*/
  flex: 0 0 auto;
  max-width: 100%;
  margin-right: 5%;
}

footer .wrapper_footer ul.outer li ul.footer_nav_wrapper li:last-child {
  margin-right: 0;
}

footer .copyright {
  width: 100%;
  padding: 1% 0 !important;
  background: #000;
  text-align: center;
}

footer .copyright p {
  color: #fff;
  font-size: 11px;
}

/* ========================================

  トップページ

======================================== */
/* ___________________________________

  スライドショー
____________________________________ */
.slider_box_pc {
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.slider_box_pc h2 {
  text-align: center;
  position: absolute;
  color: #fff;
  font-size: 40px;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  letter-spacing: 9px;
  /*text-shadow: 0 0 3px rgba(77, 77, 77, 0.6);*/
  text-shadow: 1px 1px 4px #1e0c00;
  width: 80%;
}
.is-only-en .slider_box_pc h2,
.is-only-zh-tw .slider_box_pc h2,
.is-only-zh-cn .slider_box_pc h2 {
  text-shadow: 1px 1px 4px #4d4141;
}
.slider_box_pc h2 span {
  font-size: 80px;
  font-weight: bold;
}

ul.slider_pc {
  overflow: visible;
  /*opacity: 0;*/
  /*transition: 3s;	*/
}

.slick-dots li button::before {
  font-size: 10px !important;
  color: #000 !important;
}

.slick-prev {
  left: 100px !important;
  z-index: 98;
}

.slick-next {
  right: 100px !important;
  z-index: 98;
}

/* 読み込んでから表示
--------------------------- */
.slider_pc.slick-initialized {
  opacity: 1;
}

/* キャプション表示　20220929変更
--------------------------- */
.slick-slide {
  position: relative;
}

.slick-slide .caption {
  z-index: 2;
  color: #fff;
  font-size: 22px;
  margin: 0;
  position: absolute;
  top: 80%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

/*詳しく見る表示*/
.top_link {
  z-index: 5;
  position: absolute;
  top: 90%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.6);
  padding: 10px 20px;
  border: 1px solid #222;
  text-align: center;
  font-weight: bold;
  width: 220px;
}

/* 所在地アイコン付与
--------------------------- */
.slick-current .caption span.location {
  margin-right: 1em;
}

.slick-current .caption span.location::before {
  content: "\f276";
  font-size: 1em;
  margin: 0 0.5em 0;
}

/* prev, nextボタン
--------------------------- */
.slick-prev::before,
.slick-next::before {
  font-family: "Font Awesome 5 Free" !important;
  font-size: 40px !important;
  font-weight: 900 !important;
  line-height: 1;
  opacity: 0.75;
  color: white;
}

.slick-prev::before {
  content: "\f137" !important;
}

.slick-next::before {
  content: "\f138" !important;
}

.slider_pc {
  margin: 0 auto;
  width: 100%;
}

.slider_pc img {
  height: auto;
  width: 100%;
}

/*slick setting*/
.slick-prev:before,
.slick-next:before {
  color: #000;
}

/* slick-dots
--------------------------- */
.slick-dots {
  display: none !important;
}

/* ___________________________________

  共通セレクタ
____________________________________ */
.wrapper {
  width: 100%;
  height: auto;
  min-height: 1000px;
  margin: 0 auto;
  padding-top: 55px;
  background-color: #fff;
}

.container {
  width: 1200px;
  margin: 0 auto 7%;
}

p.lead {
  font-size: 14px;
}

.red {
  color: #c00;
}

.corporate {
  color: #e60012;
}

span.grey {
  color: #777;
  display: block;
}

span.grey2 {
  color: #777;
}

span.red {
  color: #c00;
  display: block;
}

span.red2 {
  color: #c00;
}

a.anchor {
  display: block;
  padding-top: 140px;
  margin-top: -140px;
}

a.underline {
  text-decoration: underline;
  cursor: pointer;
}

a.no_underline:hover {
  text-decoration: none;
}

.bg_gray {
  background-color: #eee;
}

/* スマホ, タブレット
--------------------------- */
.sp_only {
  display: none;
}

.tb_only {
  display: none;
}

.pc2_only {
  display: none;
}

/* ------------------------------
   flexbox
------------------------------ */
/* flexbox:row(.fb_row)
--------------------------- */
.fb_row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0 auto;
}

/* flexbox:row(.fb_column)
--------------------------- */
.fb_column {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin: 0 auto;
}

/* flexbox 画像
--------------------------- */
.fb_row li.photo img,
.fb_row li.image img {
  width: 100%;
  height: auto;
}

.fb_column li.photo img,
.fb_column li.image img {
  width: 100%;
  height: auto;
}

/* フォント
--------------------------- */
.times {
  font-family: "Times New Roman", serif;
  font-style: italic;
}

.times2 {
  font-family: "Times New Roman", serif;
}

/* ------------------------------
   WEBフォント
------------------------------ */
.wf-roundedmplus1c {
  font-family: "M PLUS Rounded 1c";
}

.roboto {
  font-family: "Roboto", sans-serif;
  font-style: italic;
}

.roboto2 {
  font-family: "Roboto", sans-serif;
}

/* ------------------------------
   Font Awesome
------------------------------ */
/* 共通部分
--------------------------- */
.fa::before,
a.fa::after {
  font-family: "Font Awesome 5 Free";
  font-size: 0.9em;
  margin: 0 0 0 0.5em;
  font-weight: 900;
  text-decoration: none;
}

/* fontawesome(fa-caret-right)
--------------------------- */
a.fa-caret-right::after {
  font-family: "Font Awesome 5 Free";
  content: "\f0da";
  font-size: 1em;
  margin: 0 0 0 0.5em;
  font-weight: 900;
  text-decoration: none;
}

a.fa-caret-right.js-more-trigger::after {
  rotate: 90deg;
}

.fa-caret-right::before {
  content: none !important;
}

/* fontawesome(fa-external-alt)
--------------------------- */
a.fa-external-alt[target="_blank"]::after {
  font-family: "Font Awesome 5 Free";
  content: "\f35d";
  font-size: 0.9em;
  margin: 0 3px;
  font-weight: 900;
  text-decoration: none;
}

/* fontawesome(fa-chevron-right)
--------------------------- */
.fa-chevron-right::after {
  font-family: "Font Awesome 5 Free";
  content: "\f054";
  font-size: 1em;
  margin: 0 0 0 0.5em;
  font-weight: 900;
  text-decoration: none;
}

/* ========================================

  トップページ

======================================== */
/* ___________________________________

  共通セレクター
____________________________________ */
.wrapper_content {
  width: 100%;
  margin: 0 auto 60px;
}

.wrapper_content h2 {
    font-size: 22px;
    padding: 0 3%;
    text-align: center;
}

.wrapper_content h2 span {
  padding-top: 0;
  color: #7cbae3;
  font-size: 16px;
  font-weight: normal;
  display: block;
}

/* ___________________________________

  カテゴリー
____________________________________ */
#category,
#en-category,
#top_kw {
  margin: 3% 0;
  background-color: #fff;
}

#category ul,
#en-category ul,
#top_kw ul {
  width: 1200px;
  margin: 0 auto;
}

nav#category ul.outer li {
  flex: 0 0 20%;
  margin: 0;
  padding: 0;
  font-size: 16px;
  color: #000;
  text-align: center;
}

nav#category ul.outer li a,
nav#en-category ul.outer li a,
nav#top_kw ul.outer li a {
  color: #000;
  text-decoration: none;
  padding: 0;
  justify-content: center;
  align-items: center;
  height: 60px;
  border-right: 1px solid #ccc;
}

nav#category ul.outer li:last-child a,
nav#en-category ul.outer li:last-child a,
nav#top_kw ul.outer li:last-child a {
  border-right: none;
}

nav#category ul.outer li a:hover,
nav#en-category ul.outer li a:hover,
nav#top_kw ul.outer li a:hover {
  color: #7cbae3;
  text-decoration: none;
  background-color: #eee;
}

/* メニューアイコン
--------------------------- */
nav#category ul.outer li a::before,
nav#category_under ul.outer li a::before,
nav#en-category ul.outer li a::before,
nav#top_kw ul.outer li a::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1.8em;
  margin: 0 0.5em 0 0;
  font-weight: 900;
  color: #000;
  text-decoration: none;
}

nav#category ul.outer li:nth-child(1) a::before,
nav#en-category ul.outer li:nth-child(1) a::before,
nav#top_kw ul.outer li:nth-child(1) a::before {
  content: "\f6bb";
}

/*nav#category ul.outer li:nth-child(2) a::before {
	content: '\f236';
}*/
nav#category ul.outer li:nth-child(2) a::before {
  content: "\f0f2";
}

nav#category ul.outer li:nth-child(3) a::before {
  content: "\f086";
}

nav#category ul.outer li:nth-child(4) a::before {
  content: "\f303";
}

nav#category ul.outer li a:hover::before {
  color: #85c7f2;
  transition: all 0.3s;
}

nav#en-category ul.outer li:nth-child(1) a::before {
  content: "\f5a0";
}

nav#en-category ul.outer li:nth-child(2) a::before {
  content: "\f6bb";
}

nav#en-category ul.outer li:nth-child(3) a::before {
  content: "\f086";
}

nav#en-category ul.outer li:nth-child(4) a::before {
  content: "\f03d";
}

nav#en-category ul.outer li:nth-child(5) a::before {
  content: "\f304";
}

nav#en-category ul.outer li:nth-child(6) a::before {
  content: "\f0f2";
}

nav#top_kw ul.outer li:nth-child(1) a::before {
  content: "\f593";
}

nav#top_kw ul.outer li:nth-child(2) a::before {
  content: "\f06c";
}

nav#top_kw ul.outer li:nth-child(3) a::before {
  content: "\f5c4";
}

nav#top_kw ul.outer li:nth-child(4) a::before {
  content: "\f06d";
}

nav#top_kw ul.outer li:nth-child(5) a::before {
  content: "\f005";
}

nav#top_kw ul.outer li:nth-child(6) a::before {
  content: "\f578";
}

nav#top_kw ul.outer li:nth-child(7) a::before {
  content: "\f6fc";
}

nav#top_kw ul.outer li:nth-child(8) a::before {
  content: "\f043";
}

nav#top_kw ul.outer li:nth-child(9) a::before {
  content: "\f773";
}

/* メニューアイコン（下層）
--------------------------- */
.site-logo_under {
  flex: 0 0 48%;
  font-size: 100%;
  margin: 0 1% 0 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 1%;
}

.site-logo_under p {
  margin-left: 10px;
  padding: 0 0.5em;
  color: #000;
  font-size: 12px;
  font-weight: bold;
}

nav#category_under ul.outer li a::before {
  font-size: 1em;
  margin: 0 0.5em 0 0;
}

nav#category_under ul.outer li:nth-child(1) a::before {
  content: "\f6bb";
}

nav#category_under ul.outer li:nth-child(2) a::before {
  content: "\f236";
}

nav#category_under ul.outer li:nth-child(3) a::before {
  content: "\f0f2";
}

nav#category_under ul.outer li:nth-child(4) a::before {
  content: "\f086";
}

nav#category_under ul.outer li:nth-child(5) a::before {
  content: "\f303";
}

/* ___________________________________

  ナビゲーション
____________________________________ */
nav#category_under {
  width: 100%;
}

nav#category_under ul.outer {
  width: 100%;
}

nav#category_under ul.outer li {
  flex: 0 0 15%;
}

nav#category_under ul.outer li:nth-child(3) {
  flex: 0 0 26%;
}

nav#category_under ul.outer li:nth-child(4) {
  flex: 0 0 26%;
}

/* IE11 */
_:-ms-fullscreen,
:root nav#category_under ul.outer li {
  flex: 0 0 15%;
  font-size: 13px;
}

_:-ms-fullscreen,
:root nav#category_under ul.outer li:nth-child(3) {
  flex: 0 0 26%;
}

_:-ms-fullscreen,
:root nav#category_under ul.outer li:nth-child(4) {
  flex: 0 0 26%;
}

/* IE10 */
_:-ms-lang(x),
nav#category_under ul.outer li {
  flex: 0 0 15%;
  font-size: 13px;
}

_:-ms-lang(x),
nav#category_under ul.outer li:nth-child(3) {
  flex: 0 0 26%;
}

_:-ms-lang(x),
nav#category_under ul.outer li:nth-child(4) {
  flex: 0 0 26%;
}

/* ___________________________________

  検索フォーム
____________________________________ */
#search,
#en-search {
  margin-bottom: 0;
}
#en-search {
	margin-top: 3%;
}
#search {
  padding: 50px 0;
}

.serchBox {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}

#form {
  position: relative;
  width: 500px;
  max-width: 500px;
  margin: 0 auto;
}

/* IE11 */
_:-ms-fullscreen,
:root #form {
  max-width: 100%;
}

/* IE10 */
_:-ms-lang(x),
#form {
  max-width: 100%;
}

input#search_box {
  width: 500px;
  height: 50px;
  font-size: 18px;
  margin: 0 auto;
  padding: 0 10px;
  outline: 0;
  border: none;
  background: #eee;
  -webkit-appearance: none;
}

[type="text"] {
  line-height: normal;
  height: 50px;
  font-size: 18px;
  padding: 0 10px;
}

#search_btn {
  height: 50px;
  width: 50px;
  position: absolute;
  left: 510px;
  top: 0;
  background: #7cbae3;
  color: #fff;
  border: none;
}

#search_btn .fa-search {
  font-size: 20px;
  position: absolute;
  top: 30%;
  left: 30%;
}

#search_btn:hover {
  color: #dbdbdb;
}

#search .search_tagbox,
#en-search .search_tagbox {
  display: flex;
  width: 100%;
  margin: 15px auto 10px;
  flex-wrap: wrap;
  justify-content: center;
}

#search .search_tagbox a,
#en-search .search_tagbox a {
  color: #4ba1db;
  background-color: #fff;
  border: #cbcbcb 1px solid;
  font-size: 12px;
  margin: 3px;
  padding: 3px;
}

#search .search_tagbox a.bnone,
#en-search .search_tagbox a.bnone {
  color: #4ba1db;
  border: none;
  font-size: 14px;
  margin: 3px;
  padding: 3px;
  text-decoration-line: underline;
}

#search .search_tagbox p,
#en-search .search_tagbox p {
  width: 78px;
  font-size: 14px;
  margin: 3px 0;
  padding: 3px;
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  #search {
    padding: 0 0;
  }

  #search .search_tagbox,
  #en-search .search_tagbox {
    justify-content: left;
  }

  #search .search_tagbox a,
  #en-search .search_tagbox a {
    color: #4ba1db;
    background-color: #fff;
    border: #cbcbcb 1px solid;
    font-size: 12px;
    margin: 1%;
    padding: 0.8%;
  }

  #search .search_tagbox a.bnone,
  #en-search .search_tagbox a.bnone {
    width: 265px;
  }

  #search .search_tagbox p,
  #en-search .search_tagbox p {
    width: 94px;
    font-size: 14px;
    margin: 1% 0;
    padding: 0.8%;
    box-sizing: border-box;
  }
}

/*検索結果*/
.s-tag {
  background: #7cbae3;
  margin-top: 10px;
  padding: 3px 5px !important;
  color: #fff;
}

.s-tag.article {
  background: #5884a2;
}

.s-tag.plan {
  background: #e3bd7c;
}

.s-tag.report {
  background: #b5ce90;
}

/* placeholder
--------------------------- */
::placeholder {
  color: #888;
  font-size: 18px;
}

/* ___________________________________

  エリア
____________________________________ */
#area {
  margin: 3% 0 0;
  /*特集追加用*/
  /*margin: 3% 0;*/
  padding: 6% 0 3%;
  background-color: #eee;
}

.wrapper_area_menu {
  width: 1200px;
  margin: 0 auto;
  display: block;
}

ul#area_menu {
  justify-content: flex-start;
}

ul#area_menu li {
  flex: 0 0 19.2%;
  margin-right: 1%;
}

ul#area_menu li:last-child {
  margin-right: 0;
}

ul#area_menu li a {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.5em;
  display: block;
  padding: 15px 20px;
  background: #7cbae3;
}

ul#area_menu li a:hover {
  background: #85c7f2;
  color: #fff;
}

ul#area_menu li a.current {
  background: #fff;
  color: #7cbae3;
}

#accommodations {
  clear: both;
}

#accommodations div {
  padding: 2%;
  background: #fff;
}

#accommodations div p.no-register {
  height: 200px;
  font-size: 20px;
  text-align: center;
}

ul#area_menu li a::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  content: "\f3c5";
  margin: 0 0.5em 0 0;
  font-weight: 900;
  text-decoration: none;
}

/* IE11 */
_:-ms-fullscreen,
:root .area_accommodations .fb_row li.photo img,
.fb_row li.image img {
  width: 100%;
  height: 243px;
  max-height: 400px;
}

/* IE10 */
_:-ms-lang(x),
.area_accommodations .fb_row li.photo img,
.fb_row li.image img {
  width: 100%;
  height: 243px;
  max-height: 400px;
}

/* 静止画
--------------------------- */
.area_content_box {
  overflow: hidden;
  width: 96%;
  margin: 0 auto;
  display: block !important;
}

ul.area_content {
  width: 100%;
  justify-content: flex-start;
  align-items: flex-start;
}

ul.area_content li.prt {
  flex: 0 0 31.9999%;
  margin: 0 2% 2% 0;
  position: relative;
  justify-content: center;
  align-items: center;
  max-width: 100%;
}

ul.area_slider li {
  position: relative;
}

ul.area_content li:nth-child(3n) {
  margin-right: 0;
}

ul.area_content li.photo p.caption2,
ul.area_slider li.photo p.caption2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 18px;
  text-align: center;
  text-shadow: #000 1px 1px 2px, #000 -1px 1px 2px, #000 1px -1px 2px, #000 -1px -1px 2px;
  line-height: 1.5;
  width: 85%;
}

ul.area_content li.photo p.caption2 span.location,
ul.area_content li.photo p.caption2 span.fee,
ul.area_slider li.photo p.caption2 span.location,
ul.area_slider li.photo p.caption2 span.fee {
  display: block;
  font-size: 14px;
  line-height: 1.5;
}

ul.area_content li.photo p.caption2 span.location,
ul.area_slider li.photo p.caption2 span.location {
  margin-top: 1em;
}

/* もっと見るボタン／閉じるボタン
--------------------------- */
.wrapper_see_more,
.wrapper_close2,
.wrapper_see_more2,
.wrapper_close2-2,
.wrapper_see_more3,
.wrapper_close2-3,
.wrapper_see_more4,
.wrapper_close2-4,
.wrapper_see_more5,
.wrapper_close2-5,
.wrapper_see_more6,
.wrapper_close2-6,
.wrapper_see_more_last_all,
.wrapper_see_more_last_kansai,
.wrapper_see_more_last_kanto,
.wrapper_see_more_last_tokai,
.wrapper_see_more_last_chugoku_shikoku,
.wrapper_see_more_last_kyushu {
  width: 22em;
  margin: 0 auto;
  padding: 1em 0;
  background-color: #85c7f2;
  color: #fff;
  text-align: center;
  cursor: pointer;
  display: none;
}

.wrapper_see_more.mb_30 {
  margin-bottom: 30px;
}

.wrapper_close2,
.wrapper_close2-2,
.wrapper_close2-3,
.wrapper_close2-4,
.wrapper_close2-5,
.wrapper_close2-6 {
  display: none;
  background-color: #ccc;
  margin-top: 2%;
}

.wrapper_see_more span.fa,
.wrapper_close2 span.fa,
.wrapper_see_more2 span.fa,
.wrapper_close2-2 span.fa,
.wrapper_see_more3 span.fa,
.wrapper_close2-3 span.fa,
.wrapper_see_more4 span.fa,
.wrapper_close2-4 span.fa,
.wrapper_see_more5 span.fa,
.wrapper_see_more6 span.fa,
.wrapper_close2-5 span.fa,
.wrapper_close2-6 span.fa,
.wrapper_see_more_last_all span.fa,
.wrapper_see_more_last_kansai span.fa,
.wrapper_see_more_last_kanto span.fa,
.wrapper_see_more_last_tokai span.fa,
.wrapper_see_more_last_chugoku_shikoku span.fa,
.wrapper_see_more_last_kyushu span.fa {
  font-weight: 500;
}

.wrapper_see_more span.fa::before,
.wrapper_see_more2 span.fa::before,
.wrapper_see_more3 span.fa::before,
.wrapper_see_more4 span.fa::before,
.wrapper_see_more5 span.fa::before,
.wrapper_see_more6 span.fa::before,
.wrapper_see_more_last_all span.fa::before,
.wrapper_see_more_last_kansai span.fa::before,
.wrapper_see_more_last_kanto span.fa::before,
.wrapper_see_more_last_tokai span.fa::before,
.wrapper_see_more_last_chugoku_shikoku span.fa::before,
.wrapper_see_more_last_kyushu span.fa::before {
  content: "\f107";
  margin-right: 0.5em;
  font-weight: 900;
}

.wrapper_close2 span.fa::before,
.wrapper_close2-2 span.fa::before,
.wrapper_close2-3 span.fa::before,
.wrapper_close2-4 span.fa::before,
.wrapper_close2-5 span.fa::before,
.wrapper_close2-6 span.fa::before {
  content: "\f106";
  margin-right: 0.5em;
  font-weight: 900;
}

/* タブ切替
--------------------------- */
#tabAccordion {
  margin: 0 auto;
  width: 1200px;
  /*height: 400px;*/
  border: #aaa 1px solid;
  position: relative;
}

#tabAccordion dl {
  /*top: 0;
	left: 0;*/
  width: 1200px;
  /*position: absolute;*/
}

#tabAccordion dl dt {
  top: 0;
  left: 0;
  width: 14.2857%;
  position: absolute;
  background: #7cbae3;
  border-bottom: #aaa 1px solid;
  border-right: #aaa 1px solid;
  box-sizing: border-box;
}

#tabAccordion dl:nth-child(2) dt {
  left: 14.2857%;
}

#tabAccordion dl:nth-child(3) dt {
  left: 28.5714%;
}

#tabAccordion dl:nth-child(4) dt {
  left: 42.8571%;
}

#tabAccordion dl:nth-child(5) dt {
  left: 57.1428%;
}

#tabAccordion dl:nth-child(6) dt {
  left: 71.4285%;
}

#tabAccordion dl:nth-child(7) dt {
  left: 85.7142%;
  border-right: none;
}

/*
#tabAccordion dl dt {
	top: 0;
	left: 0;
	width: 16.6666%;
	position: absolute;
	background: #7cbae3;
	border-bottom: #aaa 1px solid;
	border-right: #aaa 1px solid;
	box-sizing: border-box;
}
#tabAccordion dl:nth-child(2) dt {
	left: 16.6666%;
}
#tabAccordion dl:nth-child(3) dt {
	left: 33.3332%;
}
#tabAccordion dl:nth-child(4) dt {
	left: 49.9998%;
}
#tabAccordion dl:nth-child(5) dt {
	left: 66.6664%;
}
#tabAccordion dl:nth-child(6) dt {
	left: 83.333%;
	border-right: none;
}*/
#tabAccordion dl dt a {
  height: 50px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 50px;
  display: block;
  text-align: center;
  transition: all 0.2s linear;
}

#tabAccordion dl dt.btnAcv {
  background: #fff;
  border-bottom: none;
}

#tabAccordion dl dt.btnAcv a {
  color: #7cbae3;
}

#tabAccordion dl dt:hover > a {
  text-decoration: none;
  background: #85c7f2;
}

#tabAccordion dl dt.btnAcv:hover > a {
  background: #fff;
}

#tabAccordion dl dd {
  margin-top: 4%;
  padding: 2.5% 2%;
  width: 100%;
  height: auto;
  text-align: left;
  overflow-y: auto;
  display: none;
  box-sizing: border-box;
  background-color: #fff;
}

#tabAccordion dl dt a::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  content: "\f3c5";
  margin: 0 0.5em 0 0;
  font-weight: 900;
  text-decoration: none;
}

#tabAccordion p.no-register {
  height: 200px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.area_slider.sp_only {
  display: none !important;
}

/* ___________________________________

  部屋タイプ
____________________________________ */
#villa,
#en-villa, #en-fujiglamping, #en-glamping,
#en-tent {
  margin: 5% 0;
  background-color: #fff;
}

#tent,#top_reviewsvideo {
  margin: 5% 0 0;
  padding: 5% 0;
  background-color: #eef5f9;
}

#trailer,
#en-trailer,
#memberplan {
  margin: 0;
  padding: 5% 0;
  background-color: #fff;
}

#dog-friendly {
  margin: 0;
  padding: 5% 0;
  background-color: #eee;
}
.room_type ul.room_type_content {
  width: 1200px;
  margin: 0 auto;
  justify-content: flex-start;
  align-items: stretch;
}

.room_type ul.outer li {
  flex: 0 0 23%;
  margin-right: 2%;
  background-color: #fff;
  box-sizing: border-box;
}

#tent ul.outer li,
#en-tent ul.outer li,
#dog-friendly ul.outer li {
  background-color: #fff;
}

.room_type ul.outer li:last-child {
  margin-right: 0;
}

/* IE11 */
_:-ms-fullscreen,
:root .room_type ul.outer li ul.inner {
  width: 100%;
}

_:-ms-fullscreen,
:root .room_type ul.outer li ul.inner li.txt {
  padding: 1%;
}

/* IE10 */
_:-ms-lang(x),
.room_type ul.outer li ul.inner {
  width: 100%;
}

_:-ms-lang(x),
.room_type ul.outer li ul.inner li.txt {
  padding: 1%;
}

.room_type ul.outer li ul.inner li {
  flex: 0 0 auto;
  max-width: 100%;
  margin-right: 0;
}

.room_type ul.outer li ul.inner li.txt {
  padding: 1em;
}

.room_type ul.outer li ul.inner li.txt h3 {
  color: #000;
  font-size: 16px;
}

.room_type ul.outer li ul.inner li.txt h3.feature-ttl {
  color: #000;
  font-size: 20px;
}

.room_type ul.outer li ul.inner li.txt p {
  margin-top: 1em;
  font-size: 14px;
}

/* タグ
--------------------------- */
.room_type ul.outer li ul.inner li.txt p.tag,
#feature-articles_page p.tag {
  justify-content: flex-start;
  align-items: flex-start;
}

#feature-articles_page p.tag {
  background: #eef5f9;
  padding-bottom: 1%;
}

.room_type ul.outer li ul.inner li.txt p.tag a {
  font-size: 11px;
  color: #4ba1db;
  background-color: #fff;
  border: #e0e0e0 1px solid;
  margin: 1%;
  padding: 1%;
}

#feature-articles_page p.tag a {
  font-size: 11px;
  color: #4ba1db;
  background-color: #fff;
  border: #e0e0e0 1px solid;
  margin: 1px;
  padding: 1%;
}

.room_type ul.outer li ul.inner li.txt p.tag a:hover {
  text-decoration: underline;
}

#tent ul.outer li ul.inner li.txt p.tag a,
#en-tent ul.outer li ul.inner li.txt p.tag a,
#dog-friendly ul.outer li ul.inner li.txt p.tag a {
  color: #4ba1db;
  background-color: #fff;
  border: #e0e0e0 1px solid;
}

.room_type ul.outer li p.tag.sp_only {
  display: none !important;
}

/* プルダウンメニュー
--------------------------- */
.selectbox {
  width: 26em;
  margin: 5% auto 0;
  position: relative;
}

.selectbox::after {
  font-family: "Font Awesome 5 Free";
  content: "\f0da";
  font-size: 1em;
  margin: 0 0 0 0.5em;
  font-weight: 900;
  text-decoration: none;
  position: absolute;
  right: 6%;
  top: 24%;
  transform: rotate(90deg);
}

select#accommodation-type,
select#en-accommodation-type {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  padding: 0.5em 2em;
  box-sizing: border-box;
  font-size: 18px;
  border: #000 1px solid;
  border-radius: 0;
  background: #fff;
}

/* ___________________________________

  体験
____________________________________ */
#activities {
  padding: 5% 0;
  background-color: #eee;
}

#activities ul#activities_content {
  width: 1200px;
  margin: 0 auto;
}

#activities ul.outer {
  align-items: stretch;
}

#activities ul.outer li {
  flex: 0 0 23.5%;
  margin-right: 2%;
  background-color: #fff;
}

#activities ul.outer li:last-child {
  margin-right: 0;
}

#activities ul.outer li ul.inner li {
  flex: 0 0 auto;
  max-width: 100%;
  margin-right: 0;
}

#activities ul.outer li ul.inner li.txt {
  width: 92%;
  padding: 4%;
}

#activities ul.outer li ul.inner li.txt h3 {
  color: #000;
  font-size: 14px;
  margin-bottom: 0.5em;
}

#activities ul.outer li ul.inner li.txt p {
  margin-top: 1em;
}

/* 詳細
--------------------------- */
#activities dl.details {
}

#activities dl.details dt {
  float: left;
  width: 3.5em;
  padding: 0.5em 0;
  font-size: 13px;
}

#activities dl.details dd {
  padding: 0.5em 0.5em 0.5em 4em;
  border-bottom: 1px solid #ccc;
  font-size: 13px;
}

/* タグアイコン付与
--------------------------- */
#report .tag,
#top_glamping_article .tag,
#en-report .tag,
#en-top_glamping_article .tag {
  justify-content: flex-start;
}

#report .tag a,
#top_glamping_article .tag a,
#en-report .tag a,
#en-top_glamping_article .tag a {
  margin: 0.5em 0.5em 0 0;
  color: #7cbae3;
  font-size: 12px;
}

#report .tag a::before,
#en-report .tag a::before,
#top_glamping_article .tag a::before,
#en-top_glamping_article .tag a::before {
  content: "\f02b";
  font-family: "Font Awesome 5 Free";
  font-size: 0.8em;
  font-weight: 900;
  margin: 0 0.25em 0;
}

/* ___________________________________

  クチコミ・体験記
____________________________________ */
#report,
#en-report {
  padding: 5% 0;
  background-color: #eef5f9;
}

#report ul#report_content,
#en-report ul#en-report_content {
  width: 1200px;
  margin: 0 auto;
}

#report ul#report_content,
#en-report ul#en-report_content {
  align-items: stretch;
}

#report ul#report_content li,
#en-report ul#en-report_content li {
  flex: 0 0 49%;
  margin-right: 2%;
  margin-bottom: 1%;
  background-color: #fff;
}

#report ul#report_content li:nth-child(even),
#en-report ul#en-report_content li:nth-child(even) {
  margin-right: 0;
}

#report ul#report_content li ul.inner li,
#en-report ul#en-report_content li ul.inner li {
  flex: 0 0 auto;
  max-width: 100%;
  margin-right: 0;
}

#report ul#report_content li ul.inner li.photo,
#en-report ul#en-report_content li ul.inner li.photo {
  flex: 0 0 44%;
  max-width: 100%;
  padding: 2% 1% 2% 2%;
}

#report ul#report_content li ul.inner li.txt,
#en-report ul#en-report_content li ul.inner li.txt {
  flex: 0 0 50%;
  max-width: 100%;
  padding: 2% 2% 2% 1%;
}

#report ul#report_content li ul.inner li.txt h3,
#en-report ul#en-report_content li ul.inner li.txt h3 {
  color: #000;
  font-size: 14px;
  margin-bottom: 0.5em;
}

/* ___________________________________

  グランピングコラム
____________________________________ */
#top_glamping_article,
#en-top_glamping_article {
  padding: 5% 0;
  background-color: #eee;
}

#top_glamping_article ul#glamping_article_content,
#en-top_glamping_article ul#en-glamping_article_content {
  width: 1200px;
  margin: 0 auto;
}

#top_glamping_article ul#glamping_article_content,
#en-top_glamping_article ul#en-glamping_article_content {
  justify-content: flex-start;
  align-items: stretch;
}

#top_glamping_article ul#glamping_article_content li,
#en-top_glamping_article ul#en-glamping_article_content li {
  flex: 0 0 23%;
  margin-right: 2%;
  background-color: #fff;
}

#top_glamping_article ul#glamping_article_content li:last-child,
#en-top_glamping_article ul#en-glamping_article_content li:last-child {
  margin-right: 0;
}

#top_glamping_article ul#glamping_article_content li ul.inner li.photo,
#en-top_glamping_article ul#en-glamping_article_content li ul.inner li.photo {
  margin-right: 0;
}

/* IE11 */
_:-ms-fullscreen,
:root #top_glamping_article ul#glamping_article_content li ul.inner li.photo,
:root #en-top_glamping_article ul#en-glamping_article_content li ul.inner li.photo {
  max-width: 23.5%;
  min-width: 282px;
  max-height: 188px;
  min-height: 32vh;
}

/* IE10 */
_:-ms-lang(x),
#top_glamping_article ul#glamping_article_content li ul.inner li.photo,
#en-top_glamping_article ul#en-glamping_article_content li ul.inner li.photo {
  max-width: 23.5%;
  min-width: 282px;
  max-height: 188px;
  min-height: 32vh;
}

/* IE11 */
_:-ms-fullscreen,
:root #top_glamping_article ul#glamping_article_content li ul.inner li.txt,
:root #en-top_glamping_article ul#en-glamping_article_content li ul.inner li.txt {
  height: auto;
  max-width: 23.5%;
  min-width: 248px;
  min-height: 20vh;
}

/* IE10 */
_:-ms-lang(x),
#top_glamping_article ul#glamping_article_content li ul.inner li.txt,
#en-top_glamping_article ul#en-glamping_article_content li ul.inner li.txt {
  height: auto;
  max-width: 23.5%;
  min-width: 248px;
  min-height: 20vh;
}

#top_glamping_article ul#glamping_article_content li ul.inner li.txt,
#en-top_glamping_article ul#en-glamping_article_content li ul.inner li.txt {
  padding: 1em;
}

#top_glamping_article ul#glamping_article_content li ul.inner li.txt h3,
#en-top_glamping_article ul#en-glamping_article_content li ul.inner li.txt h3 {
  font-size: 14px;
  margin-bottom: 0.5em;
}

/* ___________________________________

  フォトギャラリー
____________________________________ */
#top_gallery {
  padding: 5% 0;
  background-color: #fff;
}

.top_gallery ul.outer {
  width: 1200px;
  margin: 0 auto;
}

.top_gallery ul.outer li {
  flex: 0 0 14.9999%;
  margin-right: 2%;
  margin: 0 2% 2% 0;
}

.top_gallery ul.outer li:nth-child(6n) {
  margin-right: 0;
}

.top_gallery ul.outer li ul.inner li.photo {
  width: 100%;
  position: relative;
}

.top_gallery ul.outer li ul.inner li.photo img {
  object-fit: cover;
  height: 180px;
}

.top_gallery ul.outer li ul.inner li.photo p.caption3 {
  color: #fff;
  font-size: 12px;
  text-align: right;
  text-shadow: #000 1px 1px 2px, #000 -1px 1px 2px, #000 1px -1px 2px, #000 -1px -1px 2px;
  line-height: 1.5;
  position: absolute;
  bottom: 0.8em;
  right: 1em;
}

/* 画像のキャプション表示
--------------------------- */
.top_gallery ul.outer li ul.inner li.photo p.caption_mo {
  position: absolute;
  top: 0%;
  left: 0%;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
}

.top_gallery ul.outer li ul.inner li.photo p.caption_mo span {
  color: #fff;
  text-align: center;
  display: inline-block;
  margin: 45% auto 0;
}

.top_gallery ul.outer li ul.inner li.photo:hover p.caption_mo {
  opacity: 1;
}

/* ___________________________________

  サイトマップ
____________________________________ */
#sitemap,
#sitemap_en {
  padding: 3% 0;
  background-color: #fff;
  border-top: 1px solid #eee;
  margin-top: 200px
}

#sitemap ul.outer {
  width: 1200px;
  margin: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
}

#sitemap_en ul.outer {
  width: 1200px;
  margin: 0 auto;
}

@media screen and (max-width: 896px) {
  #sitemap_en ul.outer {
    width: 95%;
  }
}

#sitemap ul.outer li#sitemap_area {
  flex: 0 0 30.3333%;
}

#sitemap ul.outer li#sitemap_area.sitemap_small {
  flex: 0 0 47%;
}

#sitemap ul.outer li#sitemap_accommodation,
#sitemap_en ul.outer li#sitemap_accommodation {
margin-top: 30px;
}

@media screen and (max-width: 896px) {
  #sitemap ul.outer {
    width: 100%;
  }
  #sitemap ul.outer li#sitemap_area {
    width: 100%;
    flex: unset;
    padding: 0 20px;
    box-sizing: border-box;
  }
  #sitemap_accommodation {
    display: none;
  }
}
/*#sitemap ul.outer li#sitemap_plan {
	flex: 0 0 7.3333%;
}*/
#sitemap ul.outer li.content_wrapper,
#sitemap_en ul.outer li.content_wrapper {
  margin-right: 3%;
}

#sitemap ul.outer li.content_wrapper:last-child,
#sitemap_en ul.outer li.content_wrapper:last-child {
  margin-right: 0;
}

/*#sitemap ul.outer li.content_wrapper:nth-child(3n) {
	margin-right: 0;
}*/
#sitemap ul.outer li.content_wrapper dl dt,
#sitemap ul.outer li.content_wrapper dl dd ul.inner li,
#sitemap_en ul.outer li.content_wrapper dl dt,
#sitemap_en ul.outer li.content_wrapper dl dd ul.inner li {
  font-size: 12px;
}

#sitemap ul.outer li.content_wrapper h2 {
  margin-bottom: 1em;
  font-size: 14px;
}

#sitemap_en ul.outer li.content_wrapper h2 {
  margin: 1em 0;
  font-size: 14px;
}

/* エリア：項目
--------------------------- */
#sitemap ul.outer li#sitemap_area dl dt,
#sitemap_en ul.outer li#sitemap_area_en dl dt {
  float: left;
  clear: left;
  width: 7em;
  padding: 0 0 0.5em 0;
}

#sitemap ul.outer li#sitemap_area dl dd {
  padding: 0 0 0.5em 6em;
}

#sitemap ul.outer li#sitemap_area dl dd ul.inner {
  justify-content: flex-start;
  align-items: flex-start;
}

#sitemap ul.outer li#sitemap_area dl dd ul.inner li,
#sitemap_en ul.outer li#sitemap_area_en dl dd ul.inner li {
  margin-bottom: 0.5em;
  padding: 0 0.5em;
  text-align: center;
  border-right: 1px solid #eee;
}

#sitemap ul.outer li#sitemap_area dl dd ul.inner li.no_border,
#sitemap ul.outer li#sitemap_accommodation dl dd ul.inner li.no_border,
#sitemap_en ul.outer li#sitemap_area_en dl dd ul.inner li.no_border {
  border-right: none;
}

#sitemap_en ul.fb_row li span {
  font-weight: bold;
}

/* 施設：項目
--------------------------- */
#sitemap ul.outer li#sitemap_accommodation dl dt {
  float: left;
  clear: left;
  width: 7em;
  padding: 0 0 0.5em 0;
}

#sitemap ul.outer li#sitemap_accommodation dl dd {
  padding: 0 0 0.5em 6em;
}

#sitemap ul.outer li#sitemap_accommodation dl dd ul.inner {
  justify-content: flex-start;
  align-items: flex-start;
}

#sitemap ul.outer li#sitemap_accommodation dl dd ul.inner li {
  margin-bottom: 0.5em;
  padding: 0 0.5em;
  text-align: center;
  border-right: 1px solid #eee;
}

/* プラン：項目
--------------------------- */
#sitemap ul.outer li#sitemap_plan ul.inner li {
  font-size: 12px;
}

/* -------------------------
   フェードインバナー
------------------------- */
#fadeInBnr-ja,
#fadeInBnr-en,
#fadeInBnr-zh-tw,
#fadeInBnr-zh-cn {
  right: 0;
  bottom: 80px;
  width: 160px;
  padding: 20px;
  border: 3px solid #fff;
  background: rgba(47, 144, 207, 0.7);
  position: fixed;
  z-index: 99;
  /*display: none;*/
}

#fadeInBnr-ja h3,
#fadeInBnr-en h3,
#fadeInBnr-zh-tw h3,
#fadeInBnr-zh-cn h3 {
  color: #c1e2f7;
  font-size: 18px;
  text-align: center;
  line-height: 1.2;
}

#fadeInBnr-ja h3 span.en,
#fadeInBnr-en h3 span.en,
#fadeInBnr-zh-tw h3 span.en,
#fadeInBnr-zh-cn h3 span.en {
  margin-bottom: 0.5em;
  letter-spacing: 0.1em;
  font-size: 14px;
  color: #c1e2f7;
  display: block;
}

#fadeInBnr-ja ul.outer,
#fadeInBnr-en ul.outer,
#fadeInBnr-zh-tw ul.outer,
#fadeInBnr-zh-cn ul.outer {
  justify-content: center;
  align-items: center;
}

#fadeInBnr-ja ul.outer li.txt,
#fadeInBnr-en ul.outer li.txt,
#fadeInBnr-zh-tw ul.outer li.txt,
#fadeInBnr-zh-cn ul.outer li.txt {
  flex: 0 0 auto;
  max-width: 100%;
  color: #fff;
  text-align: center;
}

#fadeInBnr-ja ul.outer li.txt a,
#fadeInBnr-en ul.outer li.txt a,
#fadeInBnr-zh-tw ul.outer li.txt a,
#fadeInBnr-zh-cn ul.outer li.txt a {
  color: #fff;
}

#fadeInBnr-ja ul.outer li.txt a:hover,
#fadeInBnr-en ul.outer li.txt a:hover,
#fadeInBnr-zh-tw ul.outer li.txt a:hover,
#fadeInBnr-zh-cn ul.outer li.txt a:hover {
  text-decoration: none;
}

#fadeInBnr-ja ul.outer li.txt p.accommodation,
#fadeInBnr-en ul.outer li.txt p.accommodation,
#fadeInBnr-zh-tw ul.outer li.txt p.accommodation,
#fadeInBnr-zh-cn ul.outer li.txt p.accommodation {
  color: #fff;
  font-size: 16px;
  padding: 0.5em 0;
  border-bottom: 1px solid #fff;
}

#fadeInBnr-ja ul.outer li.txt p.web,
#fadeInBnr-en ul.outer li.txt p.web,
#fadeInBnr-zh-tw ul.outer li.txt p.web,
#fadeInBnr-zh-cn ul.outer li.txt p.web {
  color: #000;
  font-size: 14px;
  margin-top: 1em;
  padding: 0.25em 0;
  width: 11em;
  border-radius: 3px;
  background-color: rgba(255, 255, 255, 0.7);
}

.fa-phone::before {
  content: "\f095";
  margin-right: 0.5em;
}

/* -------------------------

   フェードインフッタナビ

------------------------- */
/*#fadeInNav,#fadeInNav-en,#fadeInNav-zh-tw,#fadeInNav-zh-cn {
	display: none;
}
#fadeInNav.sp_only, #fadeInNav-en.sp_only,#fadeInNav-zh-tw.sp_only,#fadeInNav-zh-cn.sp_only {
	display: none !important;
}*/
/* ========================================

  下層ページ　共通タグ

======================================== */
/* パンくずリスト */
.breadcrumbs {
  width: 1200px;
  margin: 0.5em auto;
  justify-content: flex-end;
  align-items: center;
}

.breadcrumbs span {
  font-size: 11px;
}

/* wrapper
--------------------------- */
.wrapper_sub_content {
  width: 100%;
  margin: 0 auto;
}

/* コンテナ
--------------------------- */
.container_subpage_inner {
  width: 1200px;
  margin: 0 auto;
}

/* 見出し
--------------------------- */
.wrapper_sub_content h1,
.wrapper_iframe h1 {
  font-size: 24px;
  padding: 4% 0 2%;
}

.wrapper_sub_content h2,
.wrapper_iframe h2 {
  font-size: 24px;
  padding: 4% 0 1%;
}

.wrapper_sub_content .line {
  position: relative;
  text-align: center;
  margin: 3% 0;
}

.wrapper_sub_content .no_line,
.wrapper_iframe .no_line {
  text-align: center;
}

.wrapper_sub_content .line::before {
  content: "";
  display: block;
  border-top: double 3px #ccc;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  z-index: 1;
}

.wrapper_sub_content .line h2 {
  font-size: 24px;
  position: relative;
  padding: 0 20px;
  z-index: 5;
  display: inline;
  background-color: #fff;
}

.wrapper_sub_content.bg_gray .line h2 {
  margin: 2% 0;
  background-color: #eee;
}

.wrapper_sub_content h1 span,
.wrapper_sub_content h2 span {
  padding-top: 0;
  color: #7cbae3;
  font-size: 16px;
  font-weight: normal;
  display: block;
}

.wrapper_sub_content h2 {
    font-size: 22px;
    margin: 0;
    padding: 4% 0 2%;
    text-align: center;
}

.wrapper_sub_content h3.accommodation {
  font-size: 14px;
  font-weight: 700;
}

.wrapper_sub_content h3 span {
  padding-top: 0;
  color: #7cbae3;
  font-size: 15px;
  font-weight: normal;
  display: block;
}

/* ========================================

  施設

======================================== */
/* ------------------------------
   フォトギャラリー
------------------------------ */
.single_gallery {
  margin-bottom: 3%;
}

.single_gallery ul.outer {
  width: 1200px;
  min-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
}

.single_gallery ul.outer li.main_area {
  flex: 0 0 750px;
}

.single_gallery ul.outer li.thumbnail_area {
  flex: 0 0 450px;
}

ul.thumbs-list {
  margin-bottom: 0 !important;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

ul.thumbs-list li {
  flex: 0 0 149px;
  margin: 0 0 1px 1px;
  cursor: pointer;
}

ul.thumbs-list li img {
  width: 149px;
  max-width: 149px;
  height: 149px;
  object-fit: cover;
  vertical-align: bottom;
}

.mainimage {
  position: relative;
  overflow: hidden;
}

.mainimage img {
  max-width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.mainimage img.front {
  position: relative;
  object-fit: cover;
  object-position: 0% 50%;
  width: 750px;
  height: 449px;
}

/* サムネイルのハイライト */
.thumbs-list li.selected {
  border: 2px solid #ffa;
}

.thumbs-list li a:hover img {
  opacity: 0.8;
}

/* キャプション */
.caption {
  margin: 1em 0;
  font-size: 0.9em;
  color: #000;
}

ul.wrapper_caption {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

ul.wrapper_caption li.caption {
  flex: 0 0 750px;
  margin: 0.5em 0;
  font-size: 14px;
  color: #000;
}

ul.wrapper_caption li.note {
  margin: 0.5em 0;
  font-size: 14px;
  color: #000;
}

/* ------------------------------
   概要
------------------------------ */
#accommodation,
#accommodation_en {
  width: 100%;
  min-width: 1200px;
  margin: 0 auto;
}

.wrapper_ttl {
  width: 1200px;
  margin: 0 auto;
}

.wrapper_ttl p {
  text-align: left;
  padding: 40px 0;
}

#accommodation .wrapper_ttl ul.outer li.ttl,
#accommodation_en .wrapper_ttl ul.outer li.ttl {
  flex: 0 0 50%;
}

#accommodation .wrapper_ttl ul.outer li.spec,
#accommodation_en .wrapper_ttl ul.outer li.spec {
  flex: 0 0 50%;
}

#accommodation .wrapper_ttl ul.outer li.spec ul.inner,
#accommodation_en .wrapper_ttl ul.outer li.spec ul.inner {
  justify-content: flex-start;
}

#accommodation .wrapper_ttl ul.outer li.spec ul.inner li,
#accommodation_en .wrapper_ttl ul.outer li.spec ul.inner li {
  flex: 0 0 auto;
  max-width: 100%;
  margin: 0 1em 0.5em 0;
  font-size: 13px;
}

#accommodation .wrapper_ttl ul.outer li.spec ul.inner li:first-child,
#accommodation_en .wrapper_ttl ul.outer li.spec ul.inner li:first-child {
  font-size: 15px;
}

/* アイコン
--------------------------- */
/* 共通部分 */
#accommodation .wrapper_ttl ul.outer li.spec ul.inner li.fa::before,
#accommodation_en .wrapper_ttl ul.outer li.spec ul.inner li.fa::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  margin: 0 0.5em 0 0;
  font-weight: 900;
  text-decoration: none;
  color: #85c7f2;
}

#accommodation .wrapper_ttl ul.outer li.spec ul.inner li.location::before,
#accommodation_en .wrapper_ttl ul.outer li.spec ul.inner li.location::before {
  content: "\f276";
}

#accommodation .wrapper_ttl ul.outer li.spec ul.inner li.child::before,
#accommodation_en .wrapper_ttl ul.outer li.spec ul.inner li.child::before {
  content: "\f1ae";
}

#accommodation .wrapper_ttl ul.outer li.spec ul.inner li.baby::before,
#accommodation_en .wrapper_ttl ul.outer li.spec ul.inner li.baby::before {
  content: "\f77c";
}

#accommodation .wrapper_ttl ul.outer li.spec ul.inner li.pet::before,
#accommodation_en .wrapper_ttl ul.outer li.spec ul.inner li.pet::before {
  content: "\f1b0";
}

#accommodation .wrapper_ttl ul.outer li.spec ul.inner li.meal::before,
#accommodation_en .wrapper_ttl ul.outer li.spec ul.inner li.meal::before {
  content: "\f2e7";
}

#accommodation .wrapper_ttl ul.outer li.spec ul.inner li.without-meal::before,
#accommodation_en .wrapper_ttl ul.outer li.spec ul.inner li.without-meal::before {
  content: "\f236";
}

#accommodation .wrapper_ttl ul.outer li.spec ul.inner li.day-trip::before,
#accommodation_en .wrapper_ttl ul.outer li.spec ul.inner li.day-trip::before {
  content: "\f0f2";
}

#accommodation .wrapper_ttl ul.outer li.spec ul.inner li.room::before,
#accommodation_en .wrapper_ttl ul.outer li.spec ul.inner li.room::before {
  content: "\f6bb";
}

#accommodation .wrapper_ttl ul.outer li.spec ul.inner li.bath::before,
#accommodation_en .wrapper_ttl ul.outer li.spec ul.inner li.bath::before {
  content: "\f2cd";
}

#accommodation .wrapper_ttl ul.outer li.spec ul.inner li.shower::before,
#accommodation_en .wrapper_ttl ul.outer li.spec ul.inner li.shower::before {
  content: "\f2cc";
}

#accommodation .wrapper_ttl ul.outer li.spec ul.inner li.hot-spring::before,
#accommodation_en .wrapper_ttl ul.outer li.spec ul.inner li.hot-spring::before {
  content: "\f593";
}

#accommodation .wrapper_ttl ul.outer li.spec ul.inner li.toilet::before,
#accommodation_en .wrapper_ttl ul.outer li.spec ul.inner li.toilet::before {
  content: "\f7d8";
}

#accommodation .wrapper_ttl ul.outer li.spec ul.inner li.wifi::before,
#accommodation_en .wrapper_ttl ul.outer li.spec ul.inner li.wifi::before {
  content: "\f1eb";
}

#accommodation .wrapper_ttl ul.outer li.spec ul.inner li.parking::before,
#accommodation_en .wrapper_ttl ul.outer li.spec ul.inner li.parking::before {
  content: "\f540";
}

#accommodation .wrapper_ttl ul.outer li.spec ul.inner li.activity::before,
#accommodation_en .wrapper_ttl ul.outer li.spec ul.inner li.activity::before {
  content: "\f6ec";
}

#accommodation .wrapper_ttl ul.outer li.spec ul.inner li.group::before,
#accommodation_en .wrapper_ttl ul.outer li.spec ul.inner li.group::before {
  content: "\f0c0";
}

#accommodation h1,
#accommodation_en h1{
  width: auto;
  margin: 2.5% auto;
  padding: 0;
  color: #000;
  font-size: 26px;
}

@media screen and (max-width: 640px) {
  #accommodation h1,
  #accommodation_en h1{
    font-size: 22px;
  }
}

/* .wrapper_sub_content h2 {
  width: auto;
  margin: 0 auto;
  padding: 0;
  color: #000;
  font-size: 26px;
} */
#accommodation p.ttl-h1 {
  padding: 0;
}

#accommodation p.ttl-h1 span,
#accommodation_en h1 span {
  font-size: 15px;
  font-family: "Roboto", sans-serif;
  color: #7a7d7d;
  display: block;
}

#accommodation .spec,
#accommodation_en .spec {
  width: 1200px;
  margin: 0 auto;
}

#accommodation .spec ul.outer,
#accommodation_en .spec ul.outer {
  justify-content: flex-start;
}

#accommodation .summary,
#accommodation_en .summary {
  width: 100%;
  margin: 0 auto;
  padding-bottom: 0.5px;
  text-align: center;
  background-size: cover;
}

#accommodation .summary .wrapper_summary_content,
#accommodation_en .summary .wrapper_summary_content {
  width: 1200px;
  margin: 0 auto 4%;
  padding: 0;
  background-color: rgba(255, 255, 255, 0.5);
}

#accommodation .summary .wrapper_summary_content ul.outer,
#accommodation_en .summary .wrapper_summary_content ul.outer {
  width: 100%;
  margin: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
}

#accommodation .summary .wrapper_summary_content ul.outer li,
#accommodation_en .summary .wrapper_summary_content ul.outer li {
  flex: 0 0 23.5%;
  margin-right: 2%;
}

#accommodation .summary .wrapper_summary_content ul.outer li:nth-child(4n),
#accommodation_en .summary .wrapper_summary_content ul.outer li:nth-child(4n) {
  margin-right: 0;
}

#accommodation .summary .wrapper_summary_content ul.outer li ul.inner,
#accommodation_en .summary .wrapper_summary_content ul.outer li ul.inner {
  justify-content: center;
  align-items: flex-start;
}

#accommodation .summary .wrapper_summary_content ul.outer li ul.inner li,
#accommodation_en .summary .wrapper_summary_content ul.outer li ul.inner li {
  margin-right: 0;
}

#accommodation .summary .wrapper_summary_content ul.outer li ul.inner li.txt,
#accommodation_en .summary .wrapper_summary_content ul.outer li ul.inner li.txt {
  flex: 0 0 auto;
  max-width: 100%;
  text-align: left;
}

#accommodation .summary .wrapper_summary_content ul.outer li ul.inner li.photo,
#accommodation_en .summary .wrapper_summary_content ul.outer li ul.inner li.photo {
  flex: 0 0 auto;
  max-width: 100%;
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

#accommodation .summary .wrapper_summary_content ul.outer li ul.inner li.txt h2,
#accommodation_en .summary .wrapper_summary_content ul.outer li ul.inner li.txt h2 {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  margin: 1em 0 0.5em;
  padding: 0;
}

#accommodation .summary .wrapper_summary_content ul.outer li ul.inner li.txt p,
#accommodation_en .summary .wrapper_summary_content ul.outer li ul.inner li.txt p {
  font-size: 14px;
}

/* ------------------------------
   詳細
------------------------------ */
.wrapper_sub_content {
  width: 100%;
  min-width: 1200px;
  margin: 0 auto;
}

/* 部屋タイプ
--------------------------- */
#room_type {
  width: 1200px;
  margin: 0 auto;
  padding: 0 0 4%;
}

#room_type h3 {
  margin: 0 0 1.5%;
  font-size: 22px;
}

#room_type .wrapper_room_type {
  margin-top: 5%;
  padding: 3%;
  background-color: #fff;
}

.wrapper_sub_content #room_type .no_line + .wrapper_room_type {
  margin-top: 0;
}

#room_type ul.outer {
  width: 100%;
  margin: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
}

#room_type ul.outer li.room {
  flex: 0 0 auto;
  max-width: 100%;
}

#room_type ul.outer li ul.inner {
  justify-content: flex-start;
  align-items: flex-start;
}

#room_type ul.outer li ul.inner li.photo {
  width: 47%;
  margin-right: 2%;
  max-width: 100%;
  min-width: 372px;
}

#room_type ul.outer li ul.inner li.txt {
  width: 51%;
  max-width: 100%;
}

#room_type ul.outer li ul.inner li.txt p {
  margin-bottom: 1em;
}

#room_type ul.outer li ul.inner li.txt p.note {
  color: #c00;
  text-align: left;
}

/* IE11 */
_:-ms-fullscreen,
:root #room_type ul.outer {
  display: inline-block;
}

/* IE10 */
_:-ms-lang(x),
#room_type ul.outer {
  display: inline-block;
}

/* IE11 */
_:-ms-fullscreen,
:root #room_type ul.outer li ul.inner li.photo {
  max-width: 33%;
  min-width: 372px;
  max-height: 248px;
  min-height: 0%;
}

/* IE10 */
_:-ms-lang(x),
#room_type ul.outer li ul.inner li.photo {
  max-width: 33%;
  min-width: 372px;
  max-height: 248px;
  min-height: 0%;
}

/* IE11 */
_:-ms-fullscreen,
:root #room_type ul.outer li ul.inner li.txt {
  height: auto;
  max-width: 65%;
  min-width: 248px;
  min-height: 40vh;
}

/* IE10 */
_:-ms-lang(x),
#room_type ul.outer li ul.inner li.txt {
  height: auto;
  max-width: 65%;
  min-width: 248px;
  min-height: 40vh;
}

/* white-space */
.no-wrap_pc {
  white-space: nowrap;
}

@media screen and (max-width: 769px) {
  #room_type ul.outer li ul.inner li.photo {
    width: 100%;
  }
  #room_type ul.outer li ul.inner li.txt {
    width: 100%;
    max-width: 100%;
  }
}

/* スライドショー
--------------------------- */
.slideShow,
.slideShow_room {
  margin: 0 auto;
  width: 100%;
  text-align: left;
  position: relative;
}

.slideShow ul,
.slideShow_room ul {
  width: 100%;
}

.slideShow ul li,
.slideShow_room ul li {
  top: 0;
  left: 0;
  width: 100%;
  display: none;
  position: absolute;
}

.slideShow ul li img {
  object-fit: cover;
  width: 100%;
  height: 290px;
}

/* PagiNation
--------------------------- */
.slideShow_room .pagiNation {
  display: none;
}

/* 続きを見る */
.wrapper_paragraph {
  margin-bottom: 1em;
}

/* Table .ptn01
--------------------------- */
table.ptn01 {
  width: 100%;
  border: solid 1px #ccc;
  border-spacing: 2em;
  border-collapse: collapse;
  font-size: 14px;
  margin: 3% auto 0;
}

table.ptn01 th {
  border: solid 1px #ccc;
  padding: 0.5em 1em;
  background: #7cbae3;
  white-space: nowrap;
  vertical-align: middle;
  line-height: 1.1;
  color: #fff;
}

table.ptn01 td {
  border: solid 1px #ccc;
  padding: 0.5em 1em;
  background-color: #fff;
}

/* Table .ptn02
--------------------------- */
table.ptn02 {
  width: 100%;
  border: solid 1px #ccc;
  border-spacing: 2em;
  border-collapse: collapse;
  font-size: 15px;
  margin: 0 auto 5%;
}

table.ptn02 th {
  border: solid 1px #ccc;
  padding: 1em;
  background: #7cbae3;
  white-space: nowrap;
  vertical-align: middle;
  line-height: 1.1;
  color: #fff;
  text-align: center;
}

table.ptn02 th.name {
  width: 22%;
}

table.ptn02 th.address {
  width: 22%;
}

table.ptn02 th.tel {
  width: 10%;
}

table.ptn02 th.time {
  width: 10%;
}

table.ptn02 th.holiday {
  width: 4%;
}

table.ptn02 th.access {
  width: 10%;
}

table.ptn02 th.remarks {
  width: 20%;
}

table.ptn02 td {
  border: solid 1px #ccc;
  padding: 1em;
  background-color: #fff;
  white-space: nowrap;
  text-align: center;
}

table.ptn02 td.temperature {
  background-color: #e6ebec;
}

/* 設備
--------------------------- */
#facilities {
  width: 1200px;
  margin: 0 auto;
  padding: 0 0 4%;
}

#facilities ul.outer {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  background-color: #fff;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  overflow: visible;
}

#facilities ul.outer li.facilities {
  flex: 0 0 23.5%;
  margin: 0 2% 2% 0;
}

#facilities ul.outer li.facilities:nth-child(4n) {
  flex: 0 0 23.5%;
  margin-right: 0;
}

#facilities ul.outer li.facilities ul.inner {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

#facilities ul.outer li.facilities ul.inner li.txt h3 {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  margin: 1em 0 0.5em;
}

#facilities ul.outer li.facilities ul.inner li.photo,
#facilities ul.outer li.facilities ul.inner li.txt {
  max-width: 100%;
}

/* IE11 */
_:-ms-fullscreen,
:root #facilities ul.outer li.facilities ul.inner li.photo {
  height: 200px;
}

/* IE10 */
_:-ms-lang(x),
#facilities ul.outer li.facilities ul.inner li.photo {
  height: 200px;
}

/* 備品一覧
--------------------------- */
#room_supplies {
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 5%;
}

#room_supplies h3 {
  font-size: 22px;
  text-align: center;
  margin: 0;
  padding: 4% 0 2%;
}

#room_supplies h4 {
  font-size: 16px;
  text-align: center;
  margin: 0;
  padding: 4% 0 2%;
}

#room_supplies dl {
  width: 94%;
  margin: 0 auto;
  padding: 3%;
  background-color: #fff;
}

#room_supplies dl dt {
  float: left;
  width: 14em;
  padding: 2%;
}

#room_supplies dl dd {
  padding: 2% 2% 2% 10em;
  border-bottom: 1px dotted #000;
}

#room_supplies dl dt.w15 {
  float: left;
  width: 15em;
  padding: 1%;
}

#room_supplies dl dd.n15 {
  padding: 2% 2% 2% 18em;
  border-bottom: 1px dotted #000;
}

/* 基本情報
--------------------------- */
#information {
  width: 1200px;
  margin: 0 auto;
  padding: 0 0 4%;
}

#information dl {
  width: 94%;
  margin: 0 auto;
  padding: 0 3%;
  background-color: #fff;
}

#information dl dt {
  float: left;
  width: 20em;
  padding: 2%;
}

#information dl dd {
  padding: 2% 2% 2% 24em;
  border-bottom: 1px dotted #000;
}

#information dl dd.multiple {
  padding: 2% 2% 4% 20em;
  border-bottom: 1px dotted #000;
}

#information dl dd ul.type,
#access ul.outer li.txt dl dd ul.type {
  width: 90%;
}

#information dl dd ul.type li,
#access ul.outer li.txt dl dd ul.type li {
  padding-left: 1em;
  text-indent: -1em;
}

#information dl dd ul.type li::before,
#access ul.outer li.txt dl dd ul.type li::before {
  content: "・";
}

#information dl dd ul.type li.no_disc::before,
#access ul.outer li.txt dl dd ul.type li.no_disc::before {
  content: "";
}

/* 交通アクセス
--------------------------- */
#access {
  width: 100%;
  margin: 0 auto;
  padding: 0 0 4%;
}

#access ul.outer {
  width: 1200px;
  margin: 0 auto;
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
}

#access ul.outer li.map {
  flex: 0 0 auto;
  max-width: 100%;
  width: 100%;
}

#access ul.outer li.map iframe {
  width: 100%;
  height: 350px;
  vertical-align: bottom;
}

#access ul.outer li.txt {
  flex: 0 0 auto;
  max-width: 100%;
  width: 100%;
}

#access ul.outer li.txt dl {
  width: 96%;
  margin: 0 auto;
  padding: 3% 0 0;
  background-color: #fff;
}

#access ul.outer li.txt dl dt {
  float: left;
  /*width: 14em;*/
  width: 17em;
  padding: 2%;
}

#access ul.outer li.txt dl dd {
  /*padding: 2% 2% 2% 14em;*/
  padding: 2% 2% 2% 23em;
  border-bottom: 1px dotted #000;
}

/* よくあるご質問
--------------------------- */
#faq {
  width: 1200px;
  margin: 0 auto;
  padding: 0 0 4%;
  background-color: #fff;
}

#faq .faq_content h3 {
  margin-bottom: 2%;
  font-size: 22px;
  text-align: center;
}

#faq .faq_content .wrapper_type {
  text-align: center;
}

#faq .faq_content p.type {
  font-size: 22px;
  font-weight: 500;
  text-align: center;
  position: relative;
  display: inline-block;
  padding: 0 55px;
}

/* 見出し（水平線）
--------------------------- */
.line2:before,
.line2:after {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: black;
}

.line2:before {
  left: 0;
}

.line2:after {
  right: 0;
}

#faq ul.outer {
  width: 1200px;
  margin: 0 auto;
  align-items: flex-start;
}

#faq ul.outer li {
  flex: 0 0 auto;
  max-width: 100%;
  width: 100%;
}

#faq ul.outer li dl {
  width: 80%;
  margin: 0 auto;
}

#faq ul.outer li dl dt {
  font-weight: bold;
}

#faq ul.outer li dl dt::before {
  content: "Q";
  color: #7cbae3;
  font-size: 24px;
  font-family: "Times New Roman", serif;
  margin-right: 0.5em;
}

#faq ul.outer li dl dd {
  margin-bottom: 1em;
}

#faq ul.outer li dl dd::before {
  content: "A";
  color: #a9d9f8;
  font-size: 24px;
  font-family: "Times New Roman", serif;
  margin-right: 0.5em;
}

#faq ul.outer li dl dd:last-of-type {
  margin-bottom: 3em;
}

.wrapper_more,
.wrapper_close {
  width: 1200px;
  margin: 0 auto;
}

.more,
.close {
  width: 80%;
  margin: 0 auto;
  padding: 1em 0;
  background-color: #85c7f2;
  color: #fff;
  text-align: center;
  cursor: pointer;
}

.close {
  background-color: #ccc;
}

.more span.fa::before {
  content: "\f107";
  margin-right: 0.5em;
}

.close span.fa::before {
  content: "\f106";
  margin-right: 0.5em;
}

/* 最初は非表示
--------------------------- */
#faq_content_02,
#faq_content_03,
#faq_content_04,
#faq_content_05 {
  display: none;
}

#wrapper_more_02,
#wrapper_more_03,
#wrapper_more_04,
#wrapper_more_05,
#wrapper_close {
  display: none;
}

/* プラン
--------------------------- */
#plans {
  width: 100%;
  margin: 0 auto;
  padding: 4% 0;
}

#plans .wrapper_inner {
  width: 1200px;
  margin: 0 auto;
}

.plan_list ul.outer {
  width: 100%;
  margin: 0 auto;
  justify-content: flex-start;
  align-items: stretch;
}

.plan_list ul.outer li,
#plans ul.outer li {
  flex: 0 0 23.5%;
  margin: 0 2% 2% 0;
  background-color: #fff;
}

.plan_list ul.outer li:nth-child(4n),
#plans ul.outer li:nth-child(4n) {
  margin-right: 0;
}

.plan_list ul.outer li ul.inner,
#plans ul.outer li ul.inner {
  width: 100%;
  margin: 0 auto;
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
}

.plan_list ul.outer li ul.inner,
#plans ul.outer li ul.inner li {
  margin-right: 0;
  max-width: 100%;
}

.plan_list ul.outer li ul.inner,
#plans ul.outer li ul.inner li.photo {
  flex: 0 0 auto;
  max-width: 100%;
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.plan_list ul.outer li ul.inner,
#plans ul.outer li ul.inner li.txt {
  flex: 0 0 auto;
  max-width: 100%;
  text-align: left;
}

#plans h3 {
  font-size: 14px;
  margin: 0;
  padding: 3%;
}

#plans p {
  padding: 0 3% 3%;
}

/* ========================================

  プラン詳細

======================================== */
/* 下層共通
--------------------------- */
ul.wrapper_article,
ul.wrapper_subpage_content {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
}

ul.wrapper_article li.main,
ul.wrapper_subpage_content li.main {
  width: 840px;
  margin-right: 50px;
  background-color: #fff;
}

ul#wrapper_stores_content li.main {
  width: 840px;
  margin-right: 50px;
  background-color: transparent;
}

ul.wrapper_article li.sub,
ul.wrapper_subpage_content li.sub {
  width: 310px;
}

ul.wrapper_article li.sub .sidenav,
ul.wrapper_subpage_content li.sub .sidenav {
  margin-bottom: 30px;
  background-color: #fff;
}

ul.wrapper_article li.sub .sidenav li p.no_entry {
  padding: 15px;
}

/* ___________________________________

  メインカラム
____________________________________ */
/* タイトル, 見出し
--------------------------- */
ul.wrapper_article li.main h1,
ul.wrapper_article li.main h2.name {
  font-size: 24px;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #000;
  position: relative;
}

ul.wrapper_article li.main h1:after,
ul.wrapper_article li.main h2.name:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 1px #7cbae3;
  bottom: -1px;
  width: 15%;
}

ul.wrapper_article li.main h2 {
  margin-top: 1em;
  padding: 0.5em 0;
  font-size: 20px;
  text-align: left;
  font-weight: 500;
  color: #000;
}

ul.wrapper_article li.main h3 {
  margin: 1em 0;
  padding: 0.5em;
  font-size: 18px;
  text-align: left;
  border-bottom: 1px solid #000;
}

/* カテゴリー名, タグ
--------------------------- */
ul.wrapper_article li.main p.about_hotel {
  text-align: right;
}

ul.wrapper_article li.main p.about_hotel a {
  padding: 0.5em 1em;
  background-color: #eee;
}
ul.wrapper_article li.main p.about_hotel a > br {
  display: none;
}
ul.wrapper_article li.main p.about_hotel a::after {
  content: "\f061";
  margin-left: 0.5em;
}

ul.wrapper_article li.main ul.tag_category {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

ul.wrapper_article li.main ul.tag_category li.tag {
  flex: 0 0 60%;
  margin-right: 1%;
}

ul.wrapper_article li.main ul.tag_category li.tag a {
  margin-right: 1em;
  color: #7cbae3;
  font-size: 14px;
}

ul.wrapper_article li.main ul.tag_category li.tag a::before {
  font-family: "Font Awesome 5 Free";
  content: "\f02b";
  font-size: 0.8em;
  margin: 0 0.5em 0;
  font-weight: 900;
  text-decoration: none;
}

ul.wrapper_article li.main ul.tag_category li.category {
  flex: 0 0 39%;
}

/* クチコミ・体験記, コラム
--------------------------- */
.article_detail ul.wrapper_article li.main ul.tag_category {
  justify-content: flex-start;
}

/* カレンダー
--------------------------- */
#glamping_article ul.wrapper_article li.main ul.tag_category li.tag {
  flex: 0 0 85%;
  margin-right: 1%;
}

#glamping_article ul.wrapper_article li.main ul.tag_category li.date {
  flex: 0 0 14%;
}

#glamping_article li.date p.date {
  text-align: right;
}

#glamping_article li.date p.date::before {
  font-family: "Font Awesome 5 Free";
  content: "\f073";
  font-size: 0.9em;
  margin: 0 0.2em 0 0;
  font-weight: 900;
  text-decoration: none;
}

/* 記事
--------------------------- */
.article_detail ul.wrapper_article li.main h2 {
  margin-top: -30px;
  padding-top: 60px;
}

/* メインビジュアル
--------------------------- */
.article_detail ul.wrapper_article li.main .main_image_area {
  margin: 2em auto;
}

/* 目次
--------------------------- */
#table-of-contents {
  margin: 2em 0 1em;
  padding: 1em;
  background-color: #e8f1f6;
}

ul.wrapper_article li.main #table-of-contents p.ttl {
  margin: 0 0 1em;
  font-size: 18px;
  font-weight: 500;
}

/* 外側リスト（h2用）の番号付け設定 */
#table-of-contents ol.outer {
  counter-reset: counter01;
}

#table-of-contents ol.outer > li::before {
  counter-increment: counter01;
  content: counter(counter01) ".";
  margin-right: 0.5em;
}

/* 内側リスト（h3用）は点（disc）に設定 */
#table-of-contents ol.outer ol {
  list-style: disc;
  margin-left: 1.5em;
  padding-left: 0;
}

/* 内側リスト（h3用）の項目には番号を付けない */
#table-of-contents ol.outer ol li::before {
  content: ""; /* 番号を非表示 */
  margin-right: 0;
}

/* ボーダー */
ul.wrapper_article li.main #table-of-contents p.ttl {
  display: flex;
  align-items: center;
}

ul.wrapper_article li.main #table-of-contents p.ttl:before {
  content: "";
  flex-grow: 0;
  width: 1em;
  height: 5px;
  background: #000;
  display: block;
}

ul.wrapper_article li.main #table-of-contents p.ttl:before {
  margin-right: 0.4em;
}

/* h3
--------------------------- */
#glamping_article ul.wrapper_article li.main h3 {
  border-left: 7px solid #85c7f2;
  border-bottom: 0;
  margin: 2em 0 1em;
}

#glamping_article ul.wrapper_article li.main h2 + h3 {
  margin-top: 1em;
}

/* h4
--------------------------- */
#glamping_article ul.wrapper_article li.main h4,
#report_article ul.wrapper_article li.main h4 {
  font-size: 16px;
  margin: 2em 0 0;
}

/* 施設情報
--------------------------- */
#glamping_article .facilities_information,
#report_article .facilities_information {
  width: 90%;
  padding: 5%;
  background: #e8f1f6;
}

/* 詳細
--------------------------- */
#report dl.details,
#en-report dl.details {
}

#report dl.details dt,
#en-report dl.details dt {
  float: left;
  width: 4em;
  padding: 0.5em;
  font-size: 13px;
}

#report dl.details dd,
#en-report dl.details dd {
  padding: 0.5em 0.5em 0.5em 4em;
  border-bottom: 1px solid #ccc;
  font-size: 13px;
}

/* リード文,概要文
--------------------------- */
ul.wrapper_article li.main p.lead,
ul.wrapper_article li.main p.summary2,
ul.wrapper_article li.main p.description {
  margin: 0 0 1em 0;
}

/* 概要
--------------------------- */
ul.wrapper_article li.main p.summary {
  margin: 0 0 1em 1em;
}

/* 詳細, 詳細画像
--------------------------- */
ul.wrapper_article li.main ul.details {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}

ul.wrapper_article li.main .box_food_menu {
  justify-content: flex-start;
  align-items: flex-start;
}

ul.wrapper_article li.main .photo {
  flex: 0 0 50%;
}

ul.wrapper_article li.main .photo img {
  width: 100%;
}

ul.wrapper_article li.main .notes p.notes {
  margin: 1em 0;
}

ul.wrapper_article li.main .photo span.caption {
  margin: 1em 0 1.5em;
  display: block;
}

ul.wrapper_article li.main dl dt {
  color: #000;
}

ul.wrapper_article li.main dl {
  flex: 0 0 44%;
  margin: 0 2% 1.5em;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

ul.wrapper_article li.main dl.menu dt {
  margin-bottom: 1em;
}

ul.wrapper_article li.main dl.menu dd {
  margin: 0 0 1em 1em;
  padding-left: 1em;
  text-indent: -1em;
}

ul.wrapper_article li.main dl.menu dd::before {
  content: "・";
}

ul.wrapper_article li.main dl.menu dd.no_disc::before {
  content: none;
}

ul.wrapper_article li.main ul.itemization li {
  padding-left: 1em;
  text-indent: -1em;
}

ul.wrapper_article li.main ul.itemization li::before {
  content: "・";
}

ul.wrapper_article li.main ul.itemization li.no_disc::before {
  content: "";
}

/* 注意事項
--------------------------- */
ul.wrapper_article li.main .note h3 {
  color: #c00;
  border-bottom: 1px solid #c00;
}

ul.wrapper_article li.main .note h4 {
  color: #c00;
  margin: 0 0 0.5em 1em;
}

ul.wrapper_article li.main .note ul,
ul.wrapper_article li.main .note dl,
ul.wrapper_article li.main .note ul,
ul.wrapper_article li.main .note p {
  margin-left: 2em;
}

ul.wrapper_article li.main .note ul {
  margin-bottom: 2em;
}

ul.wrapper_article li.main .note ul li::before {
  content: "・";
}

ul.wrapper_article li.main .note ul li.no_disc::before {
  content: "";
}

ul.wrapper_article li.main .note dl {
  margin-bottom: 2em;
  width: 96%;
  display: block;
}

ul.wrapper_article li.main .note dl dt,
ul.wrapper_article li.main .note dl dt.w20 {
  float: left;
  padding: 1em 0;
  width: 12em;
}

ul.wrapper_article li.main .note dl dt.w20 {
  width: 20em;
}

ul.wrapper_article li.main .note dl dd,
ul.wrapper_article li.main .note dl dd.w20 {
  border-bottom: 1px solid #ccc;
  margin-left: 0;
  padding: 1em 0 1em 12em;
}

ul.wrapper_article li.main .note dl dd.w20 {
  padding: 1em 0 1em 20em;
}

/* 予約ボタン、戻るボタン
--------------------------- */
ul.wrapper_article button.wh,
.wrapper_sub_content button.wh,
.wrapper_content button.wh {
  margin: 5% auto;
  padding: 0;
  border: none;
  background-color: transparent;
  display: block;
}

.wrapper_content button.wh {
  margin: 5% auto 0;
}

ul.wrapper_article button.wh a,
.wrapper_sub_content button.wh a,
.wrapper_content button.wh a {
  color: #000;
  font-size: 18px;
  padding: 0.5em 2em;
  background-color: #fff;
  border: 1px solid #000;
  display: flex;
  justify-content: center;
  align-items: center;
}

ul.wrapper_article button.wh a:hover,
.wrapper_sub_content button.wh a:hover,
.wrapper_content button.wh a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #000;
}

/* 予約ボタン、戻るボタン（新）
--------------------------- */
ul.wrapper_article div.wh,
.wrapper_sub_content div.wh,
.wrapper_content div.wh {
  margin: 5% auto;
  padding: 0;
  border: none;
  background-color: transparent;
  display: block;
  width: 18em;
}

.wrapper_content div.wh {
  margin: 5% auto 0;
  width: 20em;
}

ul.wrapper_article div.wh a,
.wrapper_sub_content div.wh a,
.wrapper_content div.wh a {
  color: #000;
  font-size: 17px;
  padding: 0.5em 1em;
  background-color: #fff;
  border: 1px solid #000;
  display: flex;
  justify-content: center;
  align-items: center;
}

ul.wrapper_article div.wh a:hover,
.wrapper_sub_content div.wh a:hover,
.wrapper_content div.wh a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #000;
}

/* 予約ボタン（プラン）
--------------------------- */
.wrapper_sub_content ul.reservation li {
  margin-right: 2%;
}

.wrapper_sub_content ul.reservation li:last-child {
  margin-right: 0;
}

.wrapper_sub_content ul.reservation button.wh {
  margin: 2.5% 0 0;
  padding: 0;
  border: none;
  background-color: transparent;
  display: block;
  width: 22em;
}

.wrapper_sub_content ul.reservation button.wh a {
  border: 1px solid #fff;
}

#accommodation .wrapper_sub_content ul.reservation button.bl a:hover,
#accommodation_en .wrapper_sub_content ul.reservation button.bl a:hover {
  color: #85c7f2;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #fff;
}

.wrapper_sub_content ul.reservation div.wh {
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  display: block;
  width: auto;
}

.wrapper_sub_content ul.reservation div.wh a {
  border: 1px solid #fff;
}

.wrapper_sub_content ul.reservation div.wh a:hover {
  border: 1px solid #000;
}

#accommodation .wrapper_sub_content ul.reservation div.bl a:hover,
#accommodation_en .wrapper_sub_content ul.reservation div.bl a:hover {
  color: #85c7f2;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #fff;
}

/* 予約ボタン（基本情報）
--------------------------- */
#accommodation button.bl,
#accommodation_en button.bl {
  margin: 2.5% 0 0;
  padding: 0;
  border: none;
  background-color: transparent;
  display: block;
}

#accommodation button.bl a,
#accommodation_en button.bl a {
  color: #fff;
  font-size: 18px;
  padding: 0.5em 2em;
  background-color: #85c7f2;
  border: 1px solid #85c7f2;
  display: flex;
  justify-content: center;
  align-items: center;
}

#accommodation button.bl a:hover,
#accommodation_en button.bl a:hover {
  color: #000;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #000;
}

/* 予約ボタン（基本情報）（新）
--------------------------- */
#accommodation div.bl,
#accommodation_en div.bl {
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  display: block;
}

#accommodation div.bl a,
#accommodation_en div.bl a {
  color: #fff;
  font-size: 18px;
  padding: 0.5em 2em;
  background-color: #85c7f2;
  border: 1px solid #85c7f2;
  display: flex;
  justify-content: center;
  align-items: center;
}

#accommodation div.bl a:hover,
#accommodation_en div.bl a:hover {
  color: #000;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #000;
}

/* お問い合わせ
--------------------------- */
.wrapper_iframe iframe {
  min-height: 600px;
}

/* 施設情報変更依頼
--------------------------- */
#accommodations-contact .wrapper_iframe iframe {
  min-height: auto;
  max-height: 400px;
}

/* ___________________________________

  サブカラム
____________________________________ */
ul.wrapper_article li.sub p.hotel_name {
  margin-bottom: 5%;
  padding: 1em;
  color: #fff;
  text-align: center;
  background-color: #7cbae3;
}

ul.wrapper_article li.sub p.hotel_name a,
ul.wrapper_article li.sub p.hotel_name_neighboring a {
  color: #fff;
}

ul.wrapper_article li.sub ul.sidenav {
  width: 100%;
  align-items: center;
  justify-content: center;
}

ul.wrapper_article li.sub ul.sidenav li {
  flex: 0 0 auto;
  max-width: 100%;
  margin-bottom: 2.5%;
  width: 100%;
  height: auto;
}

ul.wrapper_article li.sub ul.sidenav li ul.wrapper_article_list {
  align-items: center;
  justify-content: center;
  border-bottom: 1px dotted #ccc;
  margin-bottom: 2.5%;
}

ul.wrapper_article li.sub ul.sidenav li ul.wrapper_article_list li.thumbnail {
  flex: 0 0 35%;
  margin-right: 2%;
  border: none;
  max-width: 100%;
}

/* IE11 */
_:-ms-fullscreen,
:root ul.wrapper_article li.sub ul.sidenav li ul.wrapper_article_list li.thumbnail {
  flex-grow: 1;
  flex-basis: 1;
  flex-shrink: 35%;
  margin-right: 2%;
}

/* IE10 */
_:-ms-lang(x),
ul.wrapper_article li.sub ul.sidenav li ul.wrapper_article_list li.thumbnail {
  flex-grow: 1;
  flex-basis: 1;
  flex-shrink: 35%;
  margin-right: 2%;
}

ul.wrapper_article li.sub ul.sidenav li ul.wrapper_article_list li.txt {
  flex: 0 0 60%;
  border: none;
  max-width: 100%;
}

#participation_article ul.wrapper_article li.sub ul.sidenav li ul.wrapper_article_list li.txt span {
  display: block;
  min-width: 12em;
}

ul.wrapper_article li.sub ul.sidenav li ul.wrapper_article_list li.txt h3 {
  font-size: 13px;
  margin-bottom: 0.5em;
}

ul.wrapper_article li.sub ul.sidenav li ul.wrapper_article_list li.txt p {
  font-size: 13px;
}

ul.wrapper_article li.sub ul.sidenav li ul.wrapper_article_list li.thumbnail img {
  min-width: 109px;
  height: 109px;
  object-fit: cover;
}

#participation_article ul.wrapper_article li.sub ul.sidenav li ul.wrapper_article_list li.thumbnail img {
  width: auto;
  height: 109px;
  object-fit: cover;
}

/* 近隣施設のプラン
--------------------------- */
ul.wrapper_article li.sub p.hotel_name_neighboring {
  margin-bottom: 5%;
  padding: 1em;
  color: #fff;
  text-align: center;
  background-color: #000;
}

/* ========================================

  施設アーカイブ

======================================== */
.wrapper_h2 {
  text-align: center;
  margin-bottom: 1%;
}

#post-list,
#post-list_en {
  width: 100%;
  margin: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px 0;
}

#post-list li,
#post-list_en li {
  flex: 0 0 48%;
  max-width: 100%;
  height: auto;
  /*padding-bottom: 0.4%;*/
}

/* IE11 */
_:-ms-fullscreen,
:root #post-list li,
_:-ms-fullscreen,
:root #post-list_en li {
  flex-glow: 0;
  flex-shrink: 0;
  flex-basis: 23.5%;
}

/* IE10 */
_:-ms-lang(x),
#post-list li,
_:-ms-lang(x),
#post-list_en li {
  flex-glow: 0;
  flex-shrink: 0;
  flex-basis: 23.5%;
}

#post-list li:nth-child(4n),
#post-list_en li:nth-child(4n) {
  margin-right: 0;
}

#post-list li ul.inner li,
#post-list_en li ul.inner li {
  margin: 0;
  width: 50%;
}

#post-list li ul.inner li.photo,
#post-list_en li ul.inner li.photo {
  /*max-width: 100%;*/
  height: auto;
  margin-right: 5px;
}

/* IE11 */
_:-ms-fullscreen,
:root #post-list li ul.inner li.photo,
_:-ms-fullscreen,
:root #post-list_en li ul.inner li.photo {
  min-height: 32vh;
  height: 0%;
}

/* IE10 */
_:-ms-lang(x),
#post-list li ul.inner li.photo,
_:-ms-lang(x),
#post-list_en li ul.inner li.photo {
  min-height: 32vh;
  height: 0%;
}

/* IE11 */
_:-ms-fullscreen,
:root #post-list li ul.inner li.txt,
_:-ms-fullscreen,
:root #post-list_en li ul.inner li.txt {
  min-height: 20vh;
  height: 0%;
}

/* IE10 */
_:-ms-lang(x),
#post-list li ul.inner li.txt,
_:-ms-lang(x),
#post-list_en li ul.inner li.txt {
  min-height: 20vh;
  height: 0%;
}

#post-list li ul.inner li.txt,
#post-list_en li ul.inner li.txt {
  max-width: 100%;
  height: auto;
  text-align: left;
}
#post-list li ul.inner li.txt > a {
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 10px;
  display: inline-block;
    box-sizing: border-box;
    padding: 10px;
}

#post-list li ul.inner li.txt .tag,
#post-list_en li ul.inner li.txt .tag {
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 1%;
  box-sizing: border-box;
}

#post-list li ul.inner li.txt .tag a,
#post-list_en li ul.inner li.txt .tag a {
  font-size: 12px;
  color: #4ba1db;
  background-color: #fff;
  border: #e0e0e0 1px solid;
  padding: 1%;
  margin: 0.6%;
  flex: 0 0 auto;
  max-width: 100%;
}

#post-list li ul.inner li.txt .tag a:hover,
#post-list_en li ul.inner li.txt .tag a:hover {
  text-decoration: none;
}

/* タグごとに背景画像を変更する（施設）
--------------------------- */
.ttl_area {
  height: 250px;
  justify-content: center;
  align-items: center;
}

/* 施設共通 */
.tax-accommodation_tag .ttl_area,
.tax-accommodation_category .ttl_area {
  background: url(../resort-glamping/img/rg_mv2024_su.jpg) no-repeat center center;
  background-size: cover;
}

/* 茨城県 */
.term-ibaraki .ttl_area {
  background: url(../../uploads/2021/01/glamping-village-ibaraki_slide_pc3.jpg) no-repeat center center;
  background-size: cover;
}

/* 千葉県 */
.term-chiba .ttl_area {
  background: url(../../uploads/2023/06/innocenceresort_1152.jpg) no-repeat center center;
  background-size: cover;
}

/* 山梨県 */
.term-yamanashi .ttl_area {
  background: url(../../uploads/2020/06/shakushiyama-gc_slide_pc2.jpg) no-repeat center center;
  background-size: cover;
}

/* 栃木県 */
.term-tochigi .ttl_area {
  background: url(../../uploads/2022/12/rustic_top.jpg) no-repeat center center;
  background-size: cover;
}

/* 神奈川県 */
.term-kanagawa .ttl_area {
  background: url(../../uploads/2022/10/zusi_top202304710.jpg) no-repeat center center;
  background-size: cover;
}

/* 長野県 */
.term-nagano .ttl_area {
  background: url(../../uploads/2022/12/nozomi_top.jpg) no-repeat center center;
  background-size: cover;
}

/* 静岡県 */
.term-shizuoka .ttl_area {
  background: url(../../uploads/2019/11/fujinokirameki_slide_pc.jpg) no-repeat center center;
  background-size: cover;
}

/* 三重県 */
.term-mie .ttl_area {
  background: url(../../uploads/2019/10/glampdome-ise_slide_pc-1.jpg) no-repeat center center;
  background-size: cover;
}

/* 岐阜県 */
.term-gifu .ttl_area {
  background: url(../../uploads/2022/09/hoko_2210_0.jpg) no-repeat center center;
  background-size: cover;
}

/* 石川県 */
.term-ishikawa .ttl_area {
  background: url(../../uploads/2021/09/shibagaki_2207_7.jpg) no-repeat center center;
  background-size: cover;
}

/* 京都府 */
.term-kyoto .ttl_area {
  background: url(../../uploads/2022/07/kayagura_2207_top.jpg) no-repeat center center;
  background-size: cover;
}

/* 滋賀県 */
.term-shiga .ttl_area {
  background: url(../../uploads/2022/08/muku220901.jpg) no-repeat center center;
  background-size: cover;
}

/* 兵庫県 */
.term-hyogo .ttl_area {
  background: url(../../uploads/2022/10/nsks_top.jpg) no-repeat center center;
  background-size: cover;
}

/* 大阪府 */
.term-osaka .ttl_area {
  background: url(../../uploads/2022/01/skydome_2206_0.jpg) no-repeat center center;
  background-size: cover;
}

/* 和歌山県 */
.term-wakayama .ttl_area {
  background: url(../../uploads/2020/03/crystalvilla-shirahama_slide_pc.jpg) no-repeat center center;
  background-size: cover;
}

/* 岡山県 */
.term-okayama .ttl_area {
  background: url(../../uploads/2022/07/hrzni_24.jpg) no-repeat center center;
  background-size: cover;
}

/* 鳥取県 */
.term-tottori .ttl_area {
  background: url(../../uploads/2023/03/moi_2305_top.jpg) no-repeat center center;
  background-size: cover;
}

/* 島根県 */
.term-shimane .ttl_area {
  background: url(../../uploads/2023/02/reuna011.jpg) no-repeat center center;
  background-size: cover;
}

/* 広島県 */
.term-hiroshima .ttl_area {
  background: url(../../uploads/2022/07/etajima_2208_00.jpg) no-repeat center center;
  background-size: cover;
}

/* 高知県 */
.term-kochi .ttl_area {
  background: url(../..//uploads/2019/12/skyhillglamping_slide_pc.jpg) no-repeat center center;
  background-size: cover;
}

/* 福岡県 */
.term-fukuoka .ttl_area {
  background: url(../../uploads/2021/06/fukutsu_001.jpg) no-repeat center center;
  background-size: cover;
}

/* 大分県 */
.term-oita .ttl_area {
  background: url(../../uploads/2021/02/2000-1.jpg) no-repeat center center;
  background-size: cover;
}

/* 熊本県 */
.term-kumamoto .ttl_area {
  background: url(../../uploads/2021/01/全景2000.jpg) no-repeat center center;
  background-size: cover;
}

/* 鹿児島県 */
.term-kagoshima .ttl_area {
  background: url(../../uploads/2023/03/napoo_top02.jpg) no-repeat center center;
  background-size: cover;
}

/* 宮崎県 */
.term-miyazaki .ttl_area {
  background: url(../../uploads/2023/01/hyuga_s.jpg) no-repeat center center;
  background-size: cover;
}

/* 沖縄県 */
.term-okinawa .ttl_area {
  background: url(../../uploads/2022/12/coraltr_top.jpg) no-repeat center center;
  background-size: cover;
}

/* 小学生OK */
.term-child .ttl_area {
  background: url(../../uploads/2020/10/bluedome_slide_pc3.jpg) no-repeat center center;
  background-size: cover;
}

/* 乳幼児OK */
.term-baby .ttl_area {
  background: url(../../uploads/2019/10/glampdome_slide_pc.jpg) no-repeat center center;
  background-size: cover;
}

/* ペットOK */
.term-pet .ttl_area {
  background: url(img/tag_top/pet-top.jpg) no-repeat;
  background-size: cover;
	background-position: 50% 20%;
}

/* サウナOK */
.term-sauna .ttl_area {
  background: url(img/tag_top/sauna-top.jpg) no-repeat center center;
  background-size: cover;
}

/* 温泉 */
.term-hot-spring .ttl_area {
  background: url(img/tag_top/spa-top.jpg) no-repeat center center;
  background-size: cover;
}

/* プール */
.term-pool .ttl_area {
  background: url(img/tag_top/pool-top.jpg) no-repeat;
  background-size: cover;
	background-position: bottom;
}
/* 海　湖　川 */
.term-sea-lake-river .ttl_area {
  background: url(img/tag_top/sea-lake-river-top.jpg) no-repeat;
  background-size: cover;
	background-position: center;
}
/* 庭　ガーデン */
.term-garden .ttl_area {
  background: url(img/tag_top/garden-top.jpg) no-repeat;
  background-size: cover;
	background-position: center;
}

/* 食事付 */
.term-meal .ttl_area {
  background: url(../../uploads/2020/10/bluedome_slide_pc3.jpg) no-repeat center center;
  background-size: cover;
}

/* 素泊まり */
.term-without-meal .ttl_area {
  background: url(../../uploads/2019/10/glampdome_slide_pc.jpg) no-repeat center center;
  background-size: cover;
}

/* 日帰り */
.term-day-trip .ttl_area {
  background: url(../../uploads/2019/10/farm_slide_pc.jpg) no-repeat center center;
  background-size: cover;
}

/* 風呂 */
.term-bath .ttl_area {
  background: url(../../uploads/2020/10/bluedome_slide_pc3.jpg) no-repeat center center;
  background-size: cover;
}

/* シャワー */
.term-shower .ttl_area {
  background: url(../../uploads/2020/10/bluedome_slide_pc3.jpg) no-repeat center center;
  background-size: cover;
}

/* トイレ */
.term-toilet .ttl_area {
  background: url(../../uploads/2019/10/farm_slide_pc.jpg) no-repeat center center;
  background-size: cover;
}

/* Wi-Fi */
.term-wifi .ttl_area {
  background: url(../../uploads/2019/10/glampdome_slide_pc.jpg) no-repeat center center;
  background-size: cover;
}

/* 駐車場 */
.term-parking .ttl_area {
  background: url(../../uploads/2020/10/bluedome_slide_pc3.jpg) no-repeat center center;
  background-size: cover;
}

/* アクティビティ */
.term-activity .ttl_area {
  background: url(../../uploads/2019/10/farm_slide_pc.jpg) no-repeat center center;
  background-size: cover;
}

/* フォレストビュー */
.term-forest-view .ttl_area {
  background: url(img/tag_top/forest-view-top.jpg) no-repeat;
  background-size: cover;
	background-position: 50% 72%;
}

/* 星空がきれい */
.term-starry-sky .ttl_area {
  background: url(img/tag_top/starry-sky-top.jpg) no-repeat;
  background-size: cover;
	background-position: 50% 65%;
}

/* オーシャンビュー */
.term-ocean-view .ttl_area {
  background: url(img/tag_top/ocean-view-top.jpg) no-repeat;
  background-size: cover;
	background-position: 50% 25%;
}

/* リバービュー */
.term-river-view .ttl_area {
  background: url(img/tag_top/river-view-top.jpg) no-repeat;
  background-size: cover;
	background-position: 50% 78%;
}


/* タグごとに背景画像を変更する（プラン）
--------------------------- */
/* 素泊まり */
.term-without-meals .ttl_area {
  background: url(../../uploads/2020/10/bluedome_slide_pc3.jpg) no-repeat center center;
  background-size: cover;
}

/* 1泊2食付 */
.term-half-board .ttl_area {
  background: url(../../uploads/2019/10/farm_slide_pc.jpg) no-repeat center center;
  background-size: cover;
}

/* 宿泊 */
.term-accommodation .ttl_area {
  background: url(../../uploads/2019/10/glampdome_slide_pc.jpg) no-repeat center center;
  background-size: cover;
}

/* 団体 */
.term-group .ttl_area {
  background: url(../../uploads/2019/10/greendome_slide_pc.jpg) no-repeat center center;
  background-size: cover;
}

/* 1棟貸切 */
.term-fully-booked .ttl_area {
  background: url(../../uploads/2019/10/marinetopia-suite_slide_pc3.jpg) no-repeat center center;
  background-size: cover;
}

/* ルームチャージ */
.term-room-charge .ttl_area {
  background: url(../../uploads/2019/10/marinetopia-suite_slide_pc3.jpg) no-repeat center center;
  background-size: cover;
}

/* 薪ストーブ */
.term-wood-burning-stove .ttl_area {
  background: url(../../uploads/2019/10/glampdome-ise_slide_pc.jpg) no-repeat center center;
  background-size: cover;
}

/* 薪グランピング */
.term-glamping_wood-burning-stove .ttl_area {
  background: url(../../uploads/2019/10/farm_slide_pc.jpg) no-repeat center center;
  background-size: cover;
}

/* 犬同伴可 */
.term-anniversary .ttl_area {
  background: url(../../uploads/2019/10/dogglamping_slide_pc.jpg) no-repeat center center;
  background-size: cover;
}

/* ソロピング */
.term-soloping .ttl_area {
  background: url(../../uploads/2019/11/fujinokirameki_slide_pc.jpg) no-repeat center center;
  background-size: cover;
}

/* スイートルーム */
.term-suite-room .ttl_area {
  background: url(../../uploads/2019/11/fujinokirameki_slide_pc.jpg) no-repeat center center;
  background-size: cover;
}

/* 冬グランピング */
.term-winter-glamping .ttl_area {
  background: url(../../uploads/2019/11/fujinokirameki_slide_pc.jpg) no-repeat center center;
  background-size: cover;
}

/* お試し */
.term-trial .ttl_area {
  background: url(../../uploads/2019/11/fujinokirameki_slide_pc.jpg) no-repeat center center;
  background-size: cover;
}

/* お子様OK */
.term-children .ttl_area {
  background: url(../../uploads/2019/10/farm_slide_pc.jpg) no-repeat center center;
  background-size: cover;
}

/* 朝食付 */
.term-breakfast .ttl_area {
  background: url(../../uploads/2019/12/resol_slide_pc.jpg) no-repeat center center;
  background-size: cover;
}

/* ゲレンデ */
.term-ski-slopes .ttl_area {
  background: url(../../uploads/2019/11/fujinokirameki_slide_pc.jpg) no-repeat center center;
  background-size: cover;
}

/* 温泉入浴券付 */
.term-bathing-ticket .ttl_area {
  background: url(../../uploads/2019/11/fujinokirameki_slide_pc.jpg) no-repeat center center;
  background-size: cover;
}

/* 24時間ステイ */
.term-24hour-stay .ttl_area {
  background: url(../../uploads/2019/11/fujinokirameki_slide_pc.jpg) no-repeat center center;
  background-size: cover;
}

/* 記念日 */
.term-anniversary .ttl_area {
  background: url(../../uploads/2019/11/fujinokirameki_slide_pc.jpg) no-repeat center center;
  background-size: cover;
}

/* お花見 */
.term-cherry-blossom_viewing .ttl_area {
  background: url(../../uploads/2019/11/fujinokirameki_slide_pc.jpg) no-repeat center center;
  background-size: cover;
}

/* 早割 */
.term-early-discount .ttl_area {
  background: url(../../uploads/2019/11/fujinokirameki_slide_pc.jpg) no-repeat center center;
  background-size: cover;
}

/* 富士山 */
.term-fuji-mountain .ttl_area {
  background: url(../../uploads/2024/08/fuji-pvgyamanakako.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}

.term-mt-fuji .ttl_area,
.post-type-archive-tourism .ttl_area {
  background: url(../../uploads/2024/08/fuji-pvgyamanakako.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}

/* 淡路島 */
.term-awajishima .ttl_area {
  background: url(../../uploads/2024/08/awajishima-glampingterace.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}

/* カテゴリーごとに背景画像を変更する（プラン）
--------------------------- */
/* プラン共通 */
.post-type-archive-plan .ttl_area {
  background: url(../../uploads/2020/10/bluedome_slide_pc3.jpg) no-repeat center center;
  background-size: cover;
}

.tax-plan_category .ttl_area {
  background: url(../../uploads/2021/03/site_image2.jpg) no-repeat center center;
  background-size: cover;
}

/* ブルードーム */
.term-blue-dome .ttl_area {
  background: url(../../uploads/2020/10/bluedome_slide_pc3.jpg) no-repeat center center;
  background-size: cover;
}

/* ファーム */
.term-farm-glamping .ttl_area {
  background: url(../../uploads/2019/10/farm_slide_pc.jpg) no-repeat center center;
  background-size: cover;
}

/* グランドーム */
.term-glamp-dome .ttl_area {
  background: url(../../uploads/2019/10/glampdome_slide_pc.jpg) no-repeat center center;
  background-size: cover;
}

/* 森のグリーンドーム */
.term-green-dome .ttl_area {
  background: url(../../uploads/2019/10/greendome_slide_pc.jpg) no-repeat center center;
  background-size: cover;
}

/* ドッグ */
.term-dog-glamping .ttl_area {
  background: url(../../uploads/2019/10/dogglamping_slide_pc.jpg) no-repeat center center;
  background-size: cover;
}

/* グランドーム伊勢 */
.term-glampdome-isekashikojima .ttl_area {
  background: url(../../uploads/2020/12/glampdome-ise_slide_pc2.jpg) no-repeat center center;
  background-size: cover;
}

/* リソルの森 */
.term-resol-glamping .ttl_area {
  background: url(../../uploads/2019/12/resol_slide_pc.jpg) no-repeat center center;
  background-size: cover;
}

/* 藤乃煌 */
.term-fujino-kirameki .ttl_area {
  background: url(../../uploads/2019/11/fujinokirameki_slide_pc.jpg) no-repeat center center;
  background-size: cover;
}

/* 風の国 */
.term-kazeno-kuni .ttl_area {
  background: url(../../uploads/2019/11/kazenokuni_slide_pc.jpg) no-repeat center center;
  background-size: cover;
}

/* クリスタルヴィラ白浜 */
.term-crystalvilla-shirahama .ttl_area {
  background: url(../../uploads/2020/03/crystalvilla-shirahama_slide_pc.jpg) no-repeat center center;
  background-size: cover;
}

/* 高知スカイヒル */
.term-skyhill-glamping .ttl_area {
  background: url(../../uploads/2019/12/skyhillglamping_slide_pc.jpg) no-repeat center center;
  background-size: cover;
}

/* 杓子山ゲートウェイキャンプ */
.term-shakushiyama-gc .ttl_area {
  background: url(../../uploads/2020/06/shakushiyama-gc_slide_pc2.jpg) no-repeat center center;
  background-size: cover;
}

/* KEIKOKU GLAMPING TENT */
.term-keikoku-glamping-tent .ttl_area {
  background: url(../../uploads/2020/04/keikoku-glamping-tent_slide_pc.jpg) no-repeat center center;
  background-size: cover;
}

/* ステージクス高島 */
.term-stagex-takashima .ttl_area {
  background: url(../../uploads/2020/06/stagex-takashima_slide_pc.jpg) no-repeat center center;
  background-size: cover;
}

/* マリントピア・ザ・スイート */
.term-marinetopia-suite .ttl_area {
  background: url(../../uploads/2019/10/marinetopia-suite_slide_pc3.jpg) no-repeat center center;
  background-size: cover;
}

/* グランピングヴィレッジHAJIME */
.term-glamping-village-hajime .ttl_area {
  background: url(../../uploads/2020/06/hajime_slide_pc.jpg) no-repeat center center;
  background-size: cover;
}

/* グランドーム神戸天空 */
.term-glampdome-kobetenku .ttl_area {
  background: url(../../uploads/2020/08/glampdome-kobe_slide_pc2.jpg) no-repeat center center;
  background-size: cover;
}

/* グランピングディーバ */
.term-glamping-diva .ttl_area {
  background: url(../../uploads/2020/08/glamping-diva_slide_pc.jpg) no-repeat center center;
  background-size: cover;
}

/* グランピングヴィレッジIBARAKI */
.term-glamping-village-ibaraki .ttl_area {
  background: url(../../uploads/2021/01/glamping-village-ibaraki_slide_pc3.jpg) no-repeat center center;
  background-size: cover;
}

/* ふようの宿 */
.term-fuyonoyado .ttl_area {
  background: url(../../uploads/2020/12/fuyonoyado_slide_pc.jpg) no-repeat center center;
  background-size: cover;
}

/* ドットグランピング */
.term-dot-glamping .ttl_area {
  background: url(../../uploads/2021/01/dot-glamping_slide_pc2.jpg) no-repeat center center;
  background-size: cover;
}

/* ヴィラモンタン淡路 */
.term-villa-mon-temps-awaji .ttl_area {
  background: url(../../uploads/2021/02/villa-mon-temps-awaji_slide_pc2.jpg) no-repeat center center;
  background-size: cover;
}

/* ヴィラオーシャン釜口 */
.term-villaocean-kamaguchi .ttl_area {
  background: url(../../uploads/2021/02/villaocean-kamaguchi_slide_pc2.jpg) no-repeat center center;
  background-size: cover;
}

/* グランドーム滋賀高島 */
.term-glampdome-shigatakashima .ttl_area {
  background: url(../../uploads/2019/10/glampdome_re01.jpg) no-repeat center center;
  background-size: cover;
}

/* カテゴリーごとに背景画像を変更する（施設）
--------------------------- */
/* 施設共通 */
.post-type-archive-accommodation .ttl_area {
  background: url(../../uploads/2023/06/vl_kawa_top.jpg) no-repeat center center;
  background-size: cover;
}

/* 北海道東北共通 */
.term-hokkaido .ttl_area {
  background: url(../../uploads/2022/06/snowpod_220915.jpg) no-repeat center center;
  background-size: cover;
}

/* 関東共通 */
.term-kanto .ttl_area {
  background: url(../../uploads/2023/06/vl_kawa_top.jpg) no-repeat center center;
  background-size: cover;
}

/* 関東共通 ないかも？　*/
.term-kanto_koshin .ttl_area {
  background: url(../../uploads/2023/06/vl_kawa_top.jpg) no-repeat center center;
  background-size: cover;
}

/* 関西共通 */
.term-kansai .ttl_area {
  background: url(../../uploads/2022/06/retour2208_2.jpg) no-repeat center center;
  background-size: cover;
}

/* 東海共通 */
.term-tokai .ttl_area {
  background: url(../../uploads/2019/11/fujinokirameki_slide_pc.jpg) no-repeat center center;
  background-size: cover;
}

/* 中国・四国共通 */
.term-chugoku_shikoku .ttl_area {
  background: url(../../uploads/2022/03/gvshima_top.jpg) no-repeat center center;
  background-size: cover;
}

/* 九州共通 */
.term-kyushu .ttl_area {
  background: url(../../uploads/2023/01/hyuga_s.jpg) no-repeat center center;
  background-size: cover;
}

/* ヴィラ */
.term-villa .ttl_area {
  background: url(../../uploads/2020/03/crystalvilla-shirahama_slide_pc.jpg) no-repeat center center;
  background-size: cover;
}

/* コテージ */
.term-cottage .ttl_area {
  background: url(../../uploads/2019/11/kazenokuni_slide_pc.jpg) no-repeat center center;
  background-size: cover;
}

/* キャビン */
.term-cabin .ttl_area {
  background: url(../../uploads/2019/11/fujinokirameki_slide_pc.jpg) no-repeat center center;
  background-size: cover;
}

/* テント */
.term-tent .ttl_area {
  background: url(../../uploads/2020/06/stagex-takashima_slide_pc.jpg) no-repeat center center;
  background-size: cover;
}

/* トレーラー */
.term-trailer .ttl_area {
  background: url(../../uploads/2020/12/trailer_bg.jpg) no-repeat center center;
  background-size: cover;
}

/* 犬と泊まれる施設 */
.term-dog-friendly .ttl_area {
  background: url(../../uploads/2020/12/dogglamping-shigatakashima_slide2_pc.jpg) no-repeat center center;
  background-size: cover;
}

.ttl_area h2 {
  font-size: 24px;
  text-align: center;
}

/* ========================================

  グランピングコラムアーカイブ

======================================== */
/* 基本の背景 タグ */
.tax-article_tag .ttl_area {
  background: url(../../uploads/2019/10/farm_slide_pc.jpg) no-repeat center center;
  background-size: cover;
}

/* 基本の背景 アーカイブ */
.post-type-archive-article .ttl_area {
  background: url(../../uploads/2019/10/farm_slide_pc.jpg) no-repeat center center;
  background-size: cover;
}

/* 基本の背景 カテゴリー */
.tax-article_category .ttl_area {
  background: url(../../uploads/2019/10/farm_slide_pc.jpg) no-repeat center center;
  background-size: cover;
}

/* ========================================

  クチコミ・体験記アーカイブ

======================================== */
/* 基本の背景 タグ */
.tax-report_tag .ttl_area {
  background: url(../../uploads/2020/10/bluedome_slide_pc3.jpg) no-repeat center center;
  background-size: cover;
}

/* 基本の背景 アーカイブ */
.post-type-archive-report .ttl_area {
  background: url(../../uploads/2020/10/bluedome_slide_pc3.jpg) no-repeat center center;
  background-size: cover;
}

/* 基本の背景 カテゴリー */
.tax-report_category .ttl_area {
  background: url(../../uploads/2020/10/bluedome_slide_pc3.jpg) no-repeat center center;
  background-size: cover;
}

/* ========================================

  観光アーカイブ

======================================== */
/* 基本の背景 タグ */
.tax-sightseeing_tag .ttl_area {
  background: url(../../uploads/2019/10/glampdome_bg_sightseeing.jpg) no-repeat center center;
  background-size: cover;
}

/* 基本の背景 アーカイブ */
.post-type-archive-sightseeing .ttl_area {
  background: url(../../uploads/2019/10/glampdome_bg_sightseeing.jpg) no-repeat center center;
  background-size: cover;
}

/* 基本の背景 カテゴリー */
.tax-sightseeing_category .ttl_area {
  background: url(../../uploads/2019/10/glampdome_bg_sightseeing.jpg) no-repeat center center;
  background-size: cover;
}

/* ========================================

  ノウハウアーカイブ

======================================== */
/* 基本の背景 タグ */
.tax-knowhow_tag .ttl_area {
  background: url(img/participation/bg_ttl_area.jpg) no-repeat center center;
  background-size: cover;
}

/* 基本の背景 アーカイブ */
.post-type-archive-knowhow .ttl_area {
  background: url(img/participation/bg_ttl_area.jpg) no-repeat center center;
  background-size: cover;
}

/* 基本の背景 カテゴリー */
.tax-knowhow_category .ttl_area {
  background: url(img/participation/bg_ttl_area.jpg) no-repeat center center;
  background-size: cover;
}

/* ページネーション
--------------------------- */
.pagination {
  width: 1200px;
  margin: 1em auto;
}

.pagination:after,
.pagination ul:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.pagination ul {
  margin: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.pagination li {
  float: left;
  list-style: none outside none;
  margin-left: 3px;
  flex: inherit !important;
  padding-bottom: 0 !important;
}

.pagination li:first-child {
  margin-left: 0;
}

.pagination li.active {
  background-color: #7cbae3;
  color: #ffffff;
  cursor: not-allowed;
  padding: 10px 20px !important;
}

.pagination li a {
  background: none repeat scroll 0 0 #aaa;
  color: #ffffff;
  display: block;
  padding: 10px 20px;
  text-decoration: none;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.pagination li a:hover {
  background-color: #85c7f2;
  color: #ffffff;
  opacity: 0.8;
  transition-duration: 500ms;
  transition-property: all;
  transition-timing-function: ease;
}

/* ------------------------------

   体験

------------------------------ */
ul.wrapper_article li.main dl.activity_menu {
  margin: 0 2% 1.5em;
  display: block;
}

ul.wrapper_article li.main dl.activity_menu dt {
  float: left;
  width: 12em;
  padding: 0.5em;
  color: #000;
}

ul.wrapper_article li.main dl.activity_menu dd {
  padding: 0.5em 0.5em 0.5em 12em;
}

ul.wrapper_article li.main dl.activity_menu dd ul li::before {
  content: "・";
}

/* ループスライダー
--------------------------- */
.loopSliderWrap {
  top: 0;
  left: 0;
  height: 160px;
  overflow: hidden;
  position: absolute;
}

.loopSlider {
  margin: 5% auto 0;
  width: 100%;
  height: 160px;
  text-align: left;
  position: relative;
  overflow: hidden;
}

.loopSlider ul {
  height: 160px;
  float: left;
  overflow: hidden;
}

.loopSlider ul li {
  width: 240px;
  height: 160px;
  float: left;
  display: inline;
  overflow: hidden;
}

/* ------------------------------
   CLEARFIX ELEMENTS
------------------------------ */
.loopSliderWrap:before,
.loopSliderWrap:after,
.loopSlider ul:before,
.loopSlider ul:after {
  content: " ";
  display: table;
}

.loopSliderWrap:after,
.loopSlider ul:after {
  clear: both;
}

.loopSliderWrap,
.loopSlider ul {
  zoom: 1;
}

/* ------------------------------

   クチコミ体験記, コラム

------------------------------ */
#report_article ul.wrapper_article li.main p,
#glamping_article ul.wrapper_article li.main p {
  margin: 1em 0;
}

ul.wrapper_article li.sub h2.ttl_list {
  margin-bottom: 5%;
  padding: 1em;
  color: #fff;
  text-align: center;
  background-color: #7cbae3;
}

/* ------------------------------

   検索結果

------------------------------ */
/*#search_results ul.outer {
  width: 50%;
  margin: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
}

#search_results ul.outer li {
  flex: 0 0 auto;
  max-width: 100%;
  text-align: left;
  margin: 0;
  padding: 2% 0;
  justify-content: flex-start;
  border-bottom: 1px solid #ccc;
}

#search_results ul.outer p {
  padding: 2% 0;
}

#search_results ul.outer li a.fa::after {
  content: "\f061";
}*/

/* タイトルの背景 */
.search-results .ttl_area,
.search-no-results .ttl_area {
  background: url(../../uploads/2023/06/vl_kawa_top.jpg) no-repeat center center;
  background-size: cover;
}

/* ------------------------------

   グランピング施設、ヴィラ(コテージ)の運営者様へ

------------------------------ */
#thanks .ttl_are,
#accommodations-contact .ttl_area,
#page404 .ttl_area, #participation .ttl_area {
  width: 100%;
  height: auto;
  margin: 0 auto;
  background: url(img/participation/bg_ttl_area.jpg) no-repeat center;
  background-size: cover;
}
#en-participation .ttl_area {
  width: 100%;
  height: auto;
  margin: 0 auto;
  background: url(img/inbound/recruitment-ofmembers2025_top_en.jpg) no-repeat center;
  background-size: cover;
}
#participation .ttl_area .mask,
#en-participation .ttl_area .mask,
#thanks .ttl_area .mask,
#accommodations-contact .ttl_area .mask,
#page404 .ttl_area .mask {
  background: rgba(255, 255, 255, 0.5);
}

#participation .ttl_area ul.outer,
#en-participation .ttl_area ul.outer,
#thanks .ttl_area ul.outer,
#accommodations-contact .ttl_area ul.outer,
#page404 .ttl_area ul.outer {
  width: 1200px;
  height: 400px;
  margin: 0 auto;
}

#participation .ttl_area ul.outer li.photo,
#en-participation .ttl_area ul.outer li.photo,
#thanks .ttl_area ul.outer li.photo,
#accommodations-contact .ttl_area ul.outer li.photo,
#page404 .ttl_area ul.outer li.photo {
  flex: 0 0 45%;
  margin-right: 5%;
}

#participation .ttl_area ul.outer li.txt,
#en-participation .ttl_area ul.outer li.txt,
#thanks .ttl_area ul.outer li.txt,
#accommodations-contact .ttl_area ul.outer li.txt,
#page404 .ttl_area ul.outer li.txt {
  flex: 0 0 50%;
  margin-right: 0;
}

#participation .ttl_area ul.outer li.txt h1,
#en-participation .ttl_area ul.outer li.txt h1,
#thanks .ttl_area ul.outer li.txt h1,
#accommodations-contact .ttl_area ul.outer li.txt h1,
#page404 .ttl_area ul.outer li.txt h1 {
  color: #000;
  font-size: 24px;
  text-shadow: #fff 0 0 2px;
  filter: drop-shadow(2px 2px 2px #fff);
}

#participation .ttl_area ul.outer li.txt h2,
#en-participation .ttl_area ul.outer li.txt h2,
#thanks .ttl_area ul.outer li.txt h2,
#accommodations-contact .ttl_area ul.outer li.txt h2 {
  margin: 1em 0;
  padding: 0;
  color: #057ebf;
  font-size: 22px;
  text-align: left;
  text-shadow: #fff 0 0 2px;
  filter: drop-shadow(1px 1px 5px #fff);
}

#participation .ttl_area ul.outer li.txt p,
#en-participation .ttl_area ul.outer li.txt p,
#thanks .ttl_area ul.outer li.txt p,
#accommodations-contact .ttl_area ul.outer li.txt p {
  color: #000;
  font-size: 16px;
  text-shadow: #fff 0 0 2px;
  filter: drop-shadow(2px 2px 2px #fff);
}

#participation h2,
#en-participation h2,
#thanks h2,
#participation_article h2 {
  padding: 6% 0 3%;
}

/* メリット
--------------------------- */
#participation #merrit,
#merrit-2,
#en-participation #en-merrit,
#strengths {
  width: 1200px;
  margin: 0 auto;
}

#participation #merrit h2,
#participation #merrit-2 h2,
#en-participation #en-merrit h2{
  font-size: 30px;
}

#participation #merrit h2 span,
#participation #merrit-2 h2 span,
#en-participation #en-merrit h2 span {
  font-size: 20px;
}

#participation #merrit ul.outer,
#participation #merrit-2 ul.outer,
#en-participation #en-merrit ul.outer {
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 60px;
}

#participation #merrit ul.outer li,
#participation #merrit-2 ul.outer li,
#en-participation #en-merrit ul.outer li {
  flex: 0 0 31.6666%;
  margin: 0 2% 2% 0;
}

#participation #merrit ul.outer li:nth-child(3n),
#participation #merrit-2 ul.outer li:nth-child(3n),
#en-participation #en-merrit ul.outer li:nth-child(3n) {
  margin-right: 0;
}

#participation #merrit ul.outer li h3,
#participation #merrit-2 ul.outer li h3,
#en-participation #en-merrit ul.outer li h3 {
  font-size: 14px;
  font-weight: 700;
}

#participation #merrit ul.outer li ul.inner li,
#participation #merrit-2 ul.outer li ul.inner li,
#en-participation #en-merrit ul.outer li ul.inner li {
  margin: 0;
}

#participation #merrit ul.outer li ul.inner li.photo ,
#participation #merrit-2 ul.outer li ul.inner li.photo ,
#en-participation #en-merrit ul.outer li ul.inner li.photo {
  position: relative;
}

#participation #merrit ul.outer li ul.inner li.photo span.number,
#participation #merrit-2 ul.outer li ul.inner li.photo span.number,
#en-participation #en-merrit ul.outer li ul.inner li.photo span.number {
  color: #7cbae3;
  font-size: 40px;
  filter: drop-shadow(1px 1px 1px #fff);
  position: absolute;
  top: 5%;
  left: 5%;
}

/* 違い
--------------------------- */
#participation #difference {
  width: 1200px;
  margin: 0 auto 5%;
}

#participation #difference h2 {
  font-size: 30px;
}

#participation #difference ul.outer {
  justify-content: flex-start;
  align-items: center;
}

/* 偶数ULは逆方向 */
#participation #difference ul#advertisement,
#participation #difference ul#ma {
  flex-direction: row-reverse;
}

#participation #difference ul.outer li {
  flex: 0 0 49%;
  margin: 0 2% 2% 0;
}

#participation #difference ul.outer li:last-child {
  margin-right: 0;
}

#participation #difference ul.outer li h3 {
  font-size: 22px;
  font-weight: 700;
}

#participation #difference ul.outer li p {
  margin-bottom: 1em;
}

#participation #difference ul.outer li h4 {
  font-size: 16px;
  font-weight: 500;
}

/* フェードイン */
.scrEvent {
  /*display: none; */
}

/* グラフ内のテキスト */
#participation #difference ul#ma li.photo {
  position: relative;
}

#participation #difference ul#ma li.photo p.text {
  color: #000;
  font-size: 30px;
  opacity: 0;
  position: absolute;
  top: 20%;
  left: 35%;
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: text1 5s ease forwards infinite;
  animation: text1 5s ease forwards infinite;
  animation-delay: 8s;
  -webkit-animation-delay: 8s;
}

@-webkit-keyframes text1 {
  0% {
    opacity: 0;
    color: #000;
  }

  100% {
    opacity: 1;
    color: #a9d9f8;
  }
}

@keyframes text1 {
  0% {
    opacity: 0;
    color: #000;
  }

  100% {
    opacity: 1;
    color: #a9d9f8;
  }
}

#participation #difference ul#ma li.photo p.text::after {
  font-family: "Font Awesome 5 Free";
  content: "\f061";
  font-size: 0.9em;
  margin: 0 3px;
  font-weight: 900;
  text-decoration: none;
}

/* 棒グラフ */
.bar_graph {
  position: relative;
  width: 270px;
  height: 250px;
  margin: 0 auto;
  border: solid 3px #ccc;
  background-image: -webkit-linear-gradient(transparent 98%, rgba(#000, 0.2) 2%);
  background-image: -o-linear-gradient(transparent 98%, rgba(#000, 0.2) 2%);
  background-image: linear-gradient(transparent 98%, rgba(#000, 0.2) 2%);
  background-size: 10%;
  background-repeat: repeat;
}

.data1,
.data2,
.data3,
.data4,
.data5,
.data6 {
  display: inline-block;
  position: absolute;
  bottom: 0;
  width: 30px;
  background: #ccc;
  -webkit-animation: graph1 3s ease backwards 1;
  animation: graph1 3s ease backwards 1;
  animation-delay: 6s;
  -webkit-animation-delay: 6s;
}

.data1 {
  background: #a9d9f8;
  left: 10px;
}

.data2 {
  background: #a9d9f8;
  left: 50px;
}

.data3 {
  background: #a9d9f8;
  left: 90px;
}

.data4 {
  background: #a9d9f8;
  left: 130px;
}

.data5 {
  background: #a9d9f8;
  left: 180px;
}

.data6 {
  background: #7cbae3;
  left: 230px;
}

@-webkit-keyframes graph1 {
  0% {
    height: 0px;
  }
}

@keyframes graph1 {
  0% {
    height: 0px;
  }
}

/* ノウハウ一覧
--------------------------- */
.wrapper_knowhow {
  width: 1200px;
  margin: 0 auto;
}

/* ブログ記事（ノウハウ）
--------------------------- */
#participation_article li.main img {
  margin: 1em auto 3em;
}

#participation_article .wrapper_iframe p {
  text-align: center;
  margin-bottom: 3em;
}

/* 記事
--------------------------- */
#article {
  width: 100%;
  margin: 0 auto;
  padding-bottom: 6%;
  background-color: #eee;
}

#article ul.outer,
#thanks ul.outer {
  width: 1200px;
  margin: 0 auto;
  justify-content: flex-start;
}

#article ul.outer,
#thanks ul#knowhow {
  width: 100%;
  height: auto;
}

#article ul.outer li,
#thanks ul#knowhow li {
  flex: 0 0 23.5%;
  margin: 0 2% 2% 0;
  max-width: 100%;
}

/* IE11 */
_:-ms-fullscreen,
:root #article #knowhow li ul.inner li.photo {
  min-height: 32vh;
  height: 0%;
}

/* IE10 */
_:-ms-lang(x),
#article #knowhow li ul.inner li.photo {
  min-height: 32vh;
  height: 0%;
}

/* IE11 */
_:-ms-fullscreen,
:root #article #knowhow li ul.inner li.txt {
  min-height: 20vh;
  height: 0%;
}

/* IE10 */
_:-ms-lang(x),
#article #knowhow li ul.inner li.txt {
  min-height: 20vh;
  height: 0%;
}

#article ul.outer li:nth-child(4n),
#thanks ul.outer li:nth-child(4n) {
  margin-right: 0;
}

#article ul.outer li ul.inner li.txt h3,
#thanks ul.outer li ul.inner li.txt h3 {
  font-size: 14px;
  font-weight: bold;
}

#participation button.wh,
#en-participation button.wh {
  margin: 5% auto 0;
}

#participation div.wh,
#en-participation div.wh {
  margin: 5% auto 0;
  width: 23em;
}

/* 問い合わせ */
#participation_article .wrapper_inquiry {
  margin: 5% 0 0;
  padding: 5% 0;
  border-top: 1px dotted #000;
}

#participation_article .inquiry {
  width: 70%;
  margin: 0 auto;
  padding: 0;
}

#participation_article .article_main .inquiry h3 {
  margin: 0;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  border: none;
  background-color: #7cbae3;
  padding: 1.5% 0;
}

#participation_article .article_main .inquiry p.mail_btn {
  margin: 0;
  font-size: 16px;
  text-align: center;
  background-color: #eee;
  padding: 2% 0;
}

/* サンクスページ
--------------------------- */
#thanks p.lead {
  text-align: center;
}

/* 404
--------------------------- */
#page404 {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

#page404 #page404_content {
  margin: 5% auto;
}

#page404 #page404_content ul.outer li {
  flex: 0 0 auto;
  max-width: 100%;
}

/* ------------------------------

   20211130　追加　特集ページ

------------------------------ */
#feature-articles .ttl_area,
#en-feature-articles .ttl_area {
  width: 100%;
  height: 400px;
  margin: 0 auto;
  background: url(img/participation/bg_ttl_area.jpg) no-repeat top center;
}

/* ------------------------------

   20211221　追加　事業用地情報・出店希望者様募集　施設売買・MA募集

------------------------------ */
#f_strengths .ttl_area {
  width: 100%;
  height: 400px;
  margin: 0 auto;
  background: url(img/business_site/photo_top.jpg) no-repeat bottom center;
  background-size: cover;
}

#f_strengths .ttl_area.ttl_area2 {
  width: 100%;
  height: 400px;
  margin: 0 auto;
  background: url(img/facility_recruitment/photo_top.jpg) no-repeat bottom center;
  background-size: cover;
}

#f_strengths .ttl_area .mask,
#f_strengths .ttl_area2 .mask {
  background: rgba(255, 255, 255, 0.5);
  height: 400px;
}

#f_strengths .ttl_area ul.outer li.txt {
  flex: 0 0 95%;
  margin-right: 0;
  margin-top: 120px;
}

#f_strengths .ttl_area ul.outer li.txt h1 {
  color: #000;
  font-size: 40px;
  text-shadow: #fff 0 0 2px;
  filter: drop-shadow(2px 2px 2px #fff);
}

#f_strengths .ttl_area ul.outer li.txt h2 {
  margin: 1em 0;
  padding: 0;
  color: #057ebf;
  font-size: 28px;
  text-align: left;
  text-shadow: #fff 0 0 2px;
  filter: drop-shadow(1px 1px 5px #fff);
}

#strengths h2 {
  font-size: 32px;
}

#strengths p.s_ttl_point {
  position: relative;
  padding: 1rem 2rem;
  text-align: center;
  color: #057ebf;
  border-radius: 0 5px 5px 5px;
  background: #dbecf5;
  width: 72%;
  margin: 0 auto 30px;
  font-size: 24px;
}

#strengths p.s_ttl_point::before {
  font-size: 15px;
  font-size: 1.5rem;
  position: absolute;
  top: -27px;
  left: 0;
  height: 24px;
  padding: 0 1em 3px;
  content: "\POINT";
  color: #fff;
  border-radius: 5px 5px 0 0;
  background: #057ebf;
}

#strengths p.s_ttl_other {
  position: relative;
  padding: 1rem 2rem;
  text-align: center;
  color: #057ebf;
  border-radius: 0 5px 5px 5px;
  background: #dbecf5;
  width: 72%;
  margin: 0 auto 30px;
  font-size: 20px;
}

#strengths p.s_ttl_other::before {
  font-size: 15px;
  font-size: 1.5rem;
  position: absolute;
  top: -27px;
  left: 0;
  height: 24px;
  padding: 0 1em 3px;
  content: "\最低条件";
  color: #fff;
  border-radius: 5px 5px 0 0;
  background: #057ebf;
}

#strengths p.s_top_p {
  font-size: 18px;
  margin-bottom: 60px;
}

#strengths ul.s_box3 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  margin-bottom: 100px;
  align-items: unset;
}

#strengths ul.s_box3 li {
  width: 32%;
}

#strengths ul.s_box3 li p {
  padding: 10px 10px 20px;
  color: #fff;
  border-top: 1px dotted #fff;
  width: 240px;
  margin: 0 auto;
}

#strengths ul.s_box3 li img {
  margin-top: -21px;
}

.balloon1 {
  position: relative;
  display: inline-block;
  margin: 0 0 1.5em;
  padding: 7px 0;
  width: 100%;
  height: 160px;
  color: #fff;
  background: #466a81;
}

.balloon1:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #466a81;
}

.balloon2 {
  background: #eee;
  height: 130px;
}

.balloon2:before {
  border-top: 15px solid #eee;
}

.balloon1 h3 {
  text-align: center;
  margin: 2% 2% 3%;
  font-size: 20px;
}

.balloon2 h3 {
  color: #466a81;
  font-size: 18px;
}

.balloon1 p {
  margin: 0;
  padding: 0;
}

.balloon2 dl {
  width: 240px;
  height: 60px;
  margin: 0 auto;
  border-top: #466a81 1px dotted;
  padding-top: 10px;
}

.balloon1 dt {
  width: 50%;
  float: left;
  color: #466a81;
}

.balloon1 dd {
  width: 50%;
  float: right;
  color: #466a81;
}

.wrapper_s_form {
  margin-bottom: 150px;
}

.wrapper_s_form .inquiry {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
}

.wrapper_s_form .inquiry tr {
  height: 80px;
}

.wrapper_s_form .inquiry th {
  text-align: left;
  font-weight: bold;
  vertical-align: top;
  width: 30%;
}

.wrapper_s_form .inquiry th span.haveto {
  background: #7cbae3;
  padding: 4px;
  margin-right: 10px;
  color: #fff;
}

.wrapper_s_form .inquiry th span.any {
  background: #ecf5fb;
  padding: 4px;
  margin-right: 10px;
}

.wrapper_s_form .inquiry td {
  font-size: 18px;
  /*height: 50px;*/
  width: 70%;
}

.wrapper_s_form .inquiry td select {
  width: 100%;
}

/*.wrapper_s_form .inquiry td input {
	width:  calc(100% - 20px);
}*/
.wrapper_s_form .inquiry td select,
.wrapper_s_form .inquiry td input {
  padding: 0 10px;
  background: #fff;
  border: 1px solid #ccc;
  font-size: 18px;
  /*height: 50px;*/
  width: auto;
}

.wrapper_s_form p {
  text-align: left;
}

.wrapper_s_form #formbtn {
  width: 357px;
  margin: 50px auto;
  padding: 10px 0;
  background-color: #7cbae3;
  font-size: 17px;
  border: none;
  color: #ffffff;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  cursor: pointer;
  -webkit-appearance: none;
}

.wrapper_s_form #formbtn:hover {
  opacity: 0.6;
}

.formbtn {
  position: relative;
}

.formbtn .cont_btn {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

/**
 * レスポンシブ: PC用 ウィンドウ幅769px以上、1200px以下
 */
@media screen and (min-width: 769px) and (max-width: 1200px) {
  /* ========================================

  共通セレクタ

======================================== */
  .pc2_only {
    display: block;
  }

  .sp_only {
    display: none !important;
  }

  .sp_tb_only {
    display: none;
  }

  .pc_only {
    display: none;
  }

  /* ------------------------------
   ヘッダ
------------------------------ */
  .page-header,
  .page-header-clone {
    display: none;
  }

  .top_view h1 {
    text-shadow: 1px 2px 2px #000;
  }

  .top_view h1 span.subname {
    font-size: 4.5vw;
  }

  .top_view h1 span.date_opening {
    font-size: 3vw;
  }

  .top_view h1 span.date_reservation_start {
    font-size: 3vw;
    line-height: 1;
  }

  header {
    background: rgba(255, 255, 255, 0.9);
    position: fixed;
    width: 100%;
    height: 40px;
    height: auto;
    padding: 0;
    z-index: 200;
    top: 0;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
  }

  header.pc2_only ul.outer li:first-child {
    flex: 0 0 30%;
    margin: 0 5% 0 10%;
  }

  header.pc2_only ul.outer li:last-child {
    flex: 0 0 55%;
    margin-right: 0;
  }

  header.pc2_only ul.outer li:last-child h1 {
    font-size: 13px;
  }

  header img {
    padding: 12px 0;
    height: 30px;
    max-height: 54px;
    width: auto;
    margin: 0 auto;
  }

  /* ナビゲーション
------------------------- */
  #wp_nav_h button#MenuBtn_h {
    display: block;
  }

  #wp_nav_h {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    z-index: 300;
  }

  #nav_h {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 150;
    width: 200px;
    margin-left: -200px;
    background: #adadad;
    margin-top: 0;
  }

  #nav_h ul {
    flex-direction: column;
  }

  #nav_h ul li {
    list-style-type: none;
    float: none;
    width: 100%;
  }

  #nav_h ul li a {
    text-decoration: none;
    display: block;
    margin: 0;
    padding: 12px 10px;
    color: #fff;
    border-bottom: 1px solid #ccc;
  }

  #nav_h ul li a:hover {
    background: #aaa;
  }

  .drawer-hamburger {
    display: none !important;
  }

  #wp_nav_h button#MenuBtn_h {
    top: 0%;
    left: 1.5%;
    position: fixed;
    border: none;
    cursor: pointer;
    width: 6%;
    height: 54px;
    margin-left: 0 !important;
    padding: 0;
    background: url(img/common/button_blk.svg) no-repeat;
    background-position: left center;
  }

  #wp_nav_h button#MenuBtn2 {
    top: 0;
    left: 200px;
    position: absolute;
    border: none;
    cursor: pointer;
    width: 40px;
    height: 40px;
    margin-left: 0 !important;
    padding: 0;
    background: url(img/common/close.svg) no-repeat;
    display: none;
  }

  button img {
    width: 100%;
  }

  button:focus {
    outline: none;
  }

  #bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 290;
  }

  .navbar_toggle_icon:nth-child(2) {
    margin: 7px 0;
  }

  .navbar_toggle_icon {
    position: relative;
    display: block;
    height: 1px;
    width: 30px;
    background: #fff;
    -webkit-transition: ease 0.5s;
    transition: ease 0.5s;
  }

  .navbar_toggle.open .navbar_toggle_icon:nth-child(1) {
    top: 1px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .menu_btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    position: relative;
    height: 103px;
    height: 54px;
    padding: 0 1em;
    background: #132861;
    margin-left: auto;
    cursor: pointer;
  }

  header img {
    padding: 12px 0;
    height: 30px;
    max-height: 54px;
    width: auto;
    margin: 0 auto;
  }

  .menu_list li a {
    display: block;
    padding: 15px;
  }

  /* ------------------------------
   フッタ
------------------------------ */
  footer .wrapper_footer {
    width: 100%;
  }

  footer .wrapper_footer ul.outer {
    width: 95%;
  }

  /* ========================================

  トップページ

======================================== */
  /* ------------------------------
   共通セレクタ
------------------------------ */
  .wrapper {
    padding-top: 54px;
  }

  .container,
  .container_subpage_inner {
    width: 100%;
    margin: 0 auto 7%;
  }

  /* ------------------------------
   カテゴリー
------------------------------ */
  #category ul,
  #en-category ul {
    width: 100%;
    margin: 0 auto;
  }

  /* ------------------------------
   スライドショー（PC版を表示）
------------------------------ */
  .slider_box_pc.pc_only {
    display: block;
  }

  /* ------------------------------
   エリア
------------------------------ */
  #category ul,
  #en-category ul {
    width: 100%;
    margin: 0 auto;
  }

  .wrapper_area_menu {
    width: 100%;
  }

  #tabAccordion {
    width: 100%;
  }

  #tabAccordion dl {
    width: 100%;
  }

  /* ------------------------------

	部屋タイプ

------------------------------ */
  .room_type ul.room_type_content,
  #top_glamping_article ul#glamping_article_content,
  #en-top_glamping_article ul#en-glamping_article_content {
    width: 96%;
  }

  /* ------------------------------
   体験
------------------------------ */
  #activities ul#activities_content {
    width: 95%;
  }

  /* ------------------------------
   体験記
------------------------------ */
  #report ul#report_content,
  #en-report ul#en-report_content {
    width: 95%;
  }

  /* ------------------------------
   フォトギャラリー
------------------------------ */
  .top_gallery ul.outer {
    width: 95%;
  }

  .top_gallery ul.outer li ul.inner li.photo img {
    height: 150px;
  }

  /* ------------------------------
   サイトマップ
------------------------------ */
  #sitemap ul.outer {
    width: 95%;
  }

  /* ========================================

  下層ページ

======================================== */
  /* ------------------------------
   共通セレクター
------------------------------ */
  /* パンくず
--------------------------- */
  .breadcrumbs {
    width: 96%;
    margin: 0.5em auto;
  }

  /* ------------------------------
   施設
------------------------------ */
  #accommodation,
  #accommodation_en {
    width: 100%;
    min-width: 100%;
  }

  /* フォトギャラリー
--------------------------- */
  #accommodation .single_gallery,
  #accommodation_en .single_gallery {
    width: 100%;
  }

  .single_gallery ul.outer {
    width: 100%;
    min-width: 100%;
    margin: 0 auto;
    flex-direction: column;
  }

  .single_gallery ul.outer li.main_area {
    flex: 0 0 auto;
    max-width: 96%;
    width: 96%;
    padding: 0 2%;
  }

  .single_gallery ul.outer li.thumbnail_area {
    flex: 0 0 auto;
    max-width: 96%;
    width: 96%;
    padding: 0 2%;
  }

  .mainimage img.front {
    width: 100%;
    height: auto;
    vertical-align: bottom;
  }

  ul.thumbs-list {
    width: 100%;
  }

  ul.thumbs-list li {
    flex: 0 0 11.1111%;
    margin: 0;
  }

  ul.thumbs-list li img {
    width: 100%;
    max-width: 100%;
    height: 45px;
  }

  ul.wrapper_caption {
    width: 96%;
  }

  ul.wrapper_caption li.caption {
    flex: 0 0 68%;
    margin-right: 2%;
  }

  ul.wrapper_caption li.note {
    flex: 0 0 30%;
  }

  /* 概要
--------------------------- */
  #accommodation .summary,
  #accommodation_en .summary {
    width: 100%;
  }

  .wrapper_ttl {
    width: 96%;
  }

  #accommodation .summary .wrapper_summary_content,
  #accommodation_en .summary .wrapper_summary_content {
    width: 96%;
  }

  #accommodation h1 span {
    margin-left: 0;
    display: block;
  }

  #accommodation .summary .wrapper_summary_content ul.outer li ul.inner li.txt h2,
  #accommodation_en .summary .wrapper_summary_content ul.outer li ul.inner li.txt h2 {
    font-size: 15px;
  }

  /* 部屋タイプ
--------------------------- */
  .wrapper_sub_content {
    min-width: 96%;
  }

  #room_type {
    width: 100%;
  }

  #room_type ul.outer li ul.inner li.photo {
    min-width: auto;
  }

  /* 設備
--------------------------- */
  #facilities {
    width: 96%;
  }

  /* 備品一覧
--------------------------- */
  #room_supplies {
    width: 96%;
  }

  /* 基本情報
--------------------------- */
  #information {
    width: 100%;
  }

  /* 公式サイトはこちら
--------------------------- */
  #to_official_site {
    width: 96%;
  }

  /* 交通アクセス
--------------------------- */
  #access ul.outer {
    width: 96%;
  }

  #access ul.outer li.txt p {
    margin: 0 1em 1em 1em;
    font-size: 13px;
  }

  /* よくあるご質問
--------------------------- */
  #faq {
    width: 100%;
  }

  #faq ul.outer {
    width: 100%;
  }

  .wrapper_more,
  .wrapper_close {
    width: 100%;
  }

  /* ------------------------------
   プラン
------------------------------ */
  #plan,
  #report_article,
  #glamping_article {
    width: 96%;
  }

  #plans .wrapper_inner {
    width: 100%;
  }

  ul.wrapper_article li.sub ul.sidenav li ul.wrapper_article_list li.thumbnail img {
    width: 93px;
    height: 93px;
  }

  .plan_list ul.outer {
    width: 100%;
  }

  /* ------------------------------
   アーカイブ
------------------------------ */
  #post-list,
  #post-list_en {
    width: 96%;
  }

  /* ページネーション
--------------------------- */
  .pagination {
    width: 100%;
  }

  /* ------------------------------
   施設向けLP
------------------------------ */
  #participation .ttl_area ul.outer,
  #en-participation .ttl_area ul.outer {
    width: 100%;
  }

  #participation #merrit,
  #participation #merrit-2,
  #en-participation #en-merrit,
  #strengths {
    width: 100%;
  }

  #participation #difference {
    width: 100%;
  }

  /* ノウハウ一覧
--------------------------- */
  .wrapper_knowhow {
    width: 100%;
  }

  /* 記事
--------------------------- */
  #article ul.outer {
    width: 96%;
  }

  /* 404
--------------------------- */
  #page404 ul.outer {
    width: 96%;
  }

  #page404 .ttl_area ul.outer {
    width: 100%;
    height: 400px;
    margin: 0 auto;
  }

  /* 20211221　事業用地情報～
--------------------------- */
  #strengths ul.s_box3 li p {
    width: 90%;
  }

  .balloon2 dl {
    width: 80%;
  }
}

/**
 * レスポンシブ: PC用 ウィンドウ幅769px以上
 */
@media screen and (min-width: 769px) {
  .pcpc {
    display: block;
  }

  .sptb {
    display: none;
  }
}

/**
 * レスポンシブ: SP-TB用 ウィンドウ幅768px以下
 */
@media screen and (max-width: 768px) {
  .pcpc {
    display: none;
  }

  .sptb {
    display: block;
  }
}

/**
 * レスポンシブ: TB用 ウィンドウ幅641px以上、768px以下
 */
@media screen and (min-width: 641px) and (max-width: 768px) {
  /* ========================================

  共通セレクタ

======================================== */
  .tb_only {
    display: block;
  }

  .sp_tb_only {
    display: inline;
  }

  .sp_only {
    display: none !important;
  }

  .pc_only {
    display: none;
  }

  .pc2_only {
    display: none;
  }

  /* white-space */
  .no-wrap_tb {
    white-space: nowrap;
  }

  /* ------------------------------
   ヘッダ
------------------------------ */
  .page-header > .inner {
    width: 700px;
  }

  .page-header .clearfix .site-logo img {
    padding-left: 7%;
    width: 93%;
  }

  .page-header .clearfix .site-logo_under img {
    width: 500px;
    padding-left: 7%;
  }

  .site-logo_under {
    flex: auto;
  }

  .site-logo_under p {
    font-size: 14px;
    font-weight: unset;
  }

  .top_view h1 {
    text-shadow: 1px 2px 2px #000;
  }

  .top_view h1 span.subname {
    font-size: 4.5vw;
  }

  .top_view h1 span.date_opening {
    font-size: 3vw;
  }

  .top_view h1 span.date_reservation_start {
    font-size: 3vw;
    line-height: 1;
  }

  /* ナビゲーション
------------------------- */
  #wp_nav_h button#MenuBtn_h {
    display: block;
  }

  #wp_nav_h {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    z-index: 300;
  }

  #nav_h {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 150;
    width: 200px;
    margin-left: -200px;
    background: #adadad;
    margin-top: 0;
  }

  #nav_h ul {
    flex-direction: column;
  }

  #nav_h ul li {
    list-style-type: none;
    float: none;
    width: 100%;
  }

  #nav_h ul li a {
    text-decoration: none;
    display: block;
    margin: 0;
    padding: 12px 10px;
    color: #fff;
    border-bottom: 1px solid #ccc;
  }

  #nav_h ul li a:hover {
    background: #aaa;
  }

  .drawer-hamburger {
    display: none !important;
  }

  #wp_nav_h button#MenuBtn_h {
    top: 0%;
    left: 1.5%;
    position: fixed;
    border: none;
    cursor: pointer;
    width: 6%;
    height: 54px;
    margin-left: 0 !important;
    padding: 0;
    background: url(img/common/button_blk.svg) no-repeat;
    background-position: left center;
  }

  #wp_nav_h button#MenuBtn2 {
    top: 0;
    left: 200px;
    position: absolute;
    border: none;
    cursor: pointer;
    width: 40px;
    height: 40px;
    margin-left: 0 !important;
    padding: 0;
    background: url(img/common/close.svg) no-repeat;
    display: none;
  }

  button img {
    width: 100%;
  }

  button:focus {
    outline: none;
  }

  #bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 290;
  }

  .navbar_toggle_icon:nth-child(2) {
    margin: 7px 0;
  }

  .navbar_toggle_icon {
    position: relative;
    display: block;
    height: 1px;
    width: 30px;
    background: #fff;
    -webkit-transition: ease 0.5s;
    transition: ease 0.5s;
  }

  .navbar_toggle.open .navbar_toggle_icon:nth-child(1) {
    top: 1px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .menu_btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    position: relative;
    height: 103px;
    height: 54px;
    padding: 0 1em;
    background: #132861;
    margin-left: auto;
    cursor: pointer;
  }

  header img {
    padding: 12px 0;
    height: 30px;
    max-height: 54px;
    width: auto;
    margin: 0 auto;
  }

  .menu_list li a {
    display: block;
    padding: 15px;
  }

  /* ------------------------------
   フッタ
------------------------------ */
  footer .wrapper_footer {
    width: 100%;
  }

  footer .wrapper_footer ul.outer {
    width: 96%;
  }

  /* ========================================

  トップページ

======================================== */
  /* ------------------------------
   共通セレクタ
------------------------------ */
  .wrapper {
    padding-top: 54px;
  }

  .container,
  .container_subpage_inner {
    width: 100%;
    margin: 0 auto 7%;
  }

  /* ------------------------------
   スライドショー（PC版を表示）
------------------------------ */
  .slider_box_pc.pc_only {
    display: block;
  }

  /* ------------------------------
   カテゴリー
------------------------------ */
  #category ul,
  #en-category ul {
    width: 100%;
  }

  /* ------------------------------
   エリア
------------------------------ */
  .wrapper_area_menu {
    width: 100%;
  }

  #tabAccordion {
    width: 99%;
  }

  #tabAccordion dl {
    width: 100%;
  }

  #tabAccordion dl dd {
    margin-top: 6%;
  }

  ul.area_content li.photo p.caption2 {
    font-size: 14px;
  }

  /* ------------------------------
	部屋タイプ
------------------------------ */
  .room_type ul.room_type_content {
    width: 96%;
  }

  /* プルダウンメニュー
--------------------------- */
  .selectbox {
    width: 24em;
  }

  select#accommodation-type,
  select#en-accommodation-type {
    font-size: 16px;
  }

  /* ------------------------------
	プラン
------------------------------ */
  #accommodation #plans button.bl,
  #accommodation_en #plans button.bl {
    width: 22em;
  }

  #accommodation #plans div.bl,
  #accommodation_en #plans button.bl {
    width: 22em;
  }

  /* ------------------------------
   基本情報
------------------------------ */
  #accommodation button.bl,
  #accommodation_en button.bl {
    width: auto;
  }

  ul.wrapper_article button.wh a,
  .wrapper_sub_content button.wh a,
  .wrapper_content button.wh a,
  #accommodation button.bl a,
  #accommodation_en button.bl a,
  .wrapper_sub_content ul.reservation button.wh a {
    font-size: 16px;
  }

  #accommodation div.bl,
  #accommodation_en div.bl {
    width: auto;
  }

  ul.wrapper_article div.wh a,
  .wrapper_sub_content div.wh a,
  .wrapper_content div.wh a,
  #accommodation div.bl a,
  #accommodation_en div.bl a,
  .wrapper_sub_content ul.reservation div.wh a {
    font-size: 16px;
  }

  /* ------------------------------
   クチコミ・体験記
------------------------------ */
  #report ul#report_content,
  #en-report ul#en-report_content {
    width: 96%;
  }

  #report ul#report_content li ul.inner li.photo img,
  #en-report ul#en-report_content li ul.inner li.photo img {
    object-fit: cover;
    width: 166px;
    height: 166px;
  }

  #report ul#report_content li ul.inner li.txt h3,
  #en-report ul#en-report_content li ul.inner li.txt h3 {
    font-size: 13px;
  }

  #report ul#report_content li ul.inner li.txt p,
  #en-report ul#en-report_content li ul.inner li.txt p {
    font-size: 13px !important;
  }

  /* ------------------------------
   グランピングコラム
------------------------------ */
  #top_glamping_article ul#glamping_article_content,
  #en-top_glamping_article ul#en-glamping_article_content {
    width: 96%;
  }

  /* ------------------------------
   ギャラリー
------------------------------ */
  .top_gallery ul.outer {
    width: 96%;
  }

  .top_gallery ul.outer li ul.inner li.photo img {
    height: 110px;
  }

  /* ========================================

  下層ページ

======================================== */
  /* ------------------------------
   共通セレクター
------------------------------ */
  /* パンくず
--------------------------- */
  .breadcrumbs {
    width: 96%;
    margin: 0.5em auto;
  }

  /* ------------------------------
   施設
------------------------------ */
  #accommodation,
  #accommodation_en {
    width: 100%;
    min-width: 100%;
  }

  /* フォトギャラリー
--------------------------- */
  .single_gallery ul.outer {
    width: 100%;
    min-width: 100%;
    margin: 0 auto;
    flex-direction: column;
  }

  .single_gallery ul.outer li.main_area {
    flex: 0 0 auto;
    max-width: 96%;
    width: 96%;
    padding: 0 2%;
  }

  .single_gallery ul.outer li.thumbnail_area {
    flex: 0 0 auto;
    max-width: 96%;
    width: 96%;
    padding: 0 2%;
  }

  .mainimage img.front {
    width: 100%;
    height: auto;
    vertical-align: bottom;
  }

  ul.thumbs-list {
    width: 100%;
  }

  ul.thumbs-list li {
    flex: 0 0 11.1111%;
    margin: 0;
  }

  ul.thumbs-list li img {
    width: 100%;
    max-width: 100%;
    height: 45px;
  }

  ul.wrapper_caption {
    width: 96%;
    margin: 0 auto;
    padding: 0 2%;
    align-items: flex-start;
  }

  ul.wrapper_caption li.caption {
    flex: 0 0 68%;
    margin-right: 2%;
    font-size: 12px;
  }

  ul.wrapper_caption li.note {
    flex: 0 0 30%;
    font-size: 12px;
  }

  ul.wrapper_caption li.note .tb_only {
    display: inline-block;
  }

  /* 概要
--------------------------- */
  #accommodation .summary,
  #accommodation_en .summary {
    width: 96%;
  }

  .wrapper_ttl {
    width: 96%;
  }

  #accommodation h1 span,
  #accommodation_en h1 span {
    font-size: 15px;
    margin-left: 0;
    display: block;
  }

  #accommodation .summary .wrapper_summary_content ul.outer li ul.inner li.txt h2,
  #accommodation_en .summary .wrapper_summary_content ul.outer li ul.inner li.txt h2 {
    font-size: 14px;
  }

  #accommodation .wrapper_ttl ul.outer li.spec ul.inner li,
  #accommodation_en .wrapper_ttl ul.outer li.spec ul.inner li {
    font-size: 12px;
  }

  #accommodation .summary .wrapper_summary_content,
  #accommodation_en .summary .wrapper_summary_content {
    width: 96%;
  }

  /* 部屋タイプ
--------------------------- */
  .wrapper_sub_content {
    min-width: 96%;
  }

  #room_type {
    width: 96%;
  }

  #room_type ul.outer li ul.inner li.photo {
    min-width: auto;
  }

  /* 設備
--------------------------- */
  #facilities {
    width: 96%;
  }

  /* 備品一覧
--------------------------- */
  #room_supplies {
    width: 96%;
  }

  /* 基本情報
--------------------------- */
  #information {
    width: 96%;
  }

  /* 交通アクセス
--------------------------- */
  #access ul.outer {
    width: 96%;
  }

  #access ul.outer li.txt p {
    margin: 0 1em 1em 1em;
    font-size: 13px;
  }

  #access ul.outer li.txt {
    flex: 0 0 50%;
  }

  #access ul.outer li.map {
    flex: 0 0 50%;
  }

  #access ul.outer li.txt h3 {
    font-size: 20px;
  }

  #access ul.outer li.txt dl {
    width: 94%;
  }

  /* よくあるご質問
--------------------------- */
  #faq {
    width: 100%;
  }

  #faq ul.outer {
    width: 100%;
  }

  .wrapper_more,
  .wrapper_close {
    width: 100%;
  }

  /* プラン
--------------------------- */
  #plans .wrapper_inner {
    width: 100%;
  }

  /* ------------------------------
   プラン
------------------------------ */
  #plan,
  #report_article,
  #glamping_article {
    width: 96%;
  }

  ul.wrapper_article li.sub ul.sidenav li ul.wrapper_article_list li.thumbnail img {
    width: 65px;
    height: 65px;
  }

  ul.wrapper_article button.wh a {
    font-size: 16px;
  }

  ul.wrapper_article div.wh a {
    font-size: 16px;
  }

  /* ------------------------------
   アーカイブ
------------------------------ */
  #post-list,
  #post-list_en {
    width: 96%;
  }

  /* ページネーション
--------------------------- */
  .pagination {
    width: 100%;
  }

  /* ------------------------------
   施設向けLP
------------------------------ */
  #participation .ttl_area ul.outer,
  #en-participation .ttl_area ul.outer {
    width: 100%;
  }

  #participation #merrit,
  #participation #merrit-2,
  #en-participation #en-merrit,
  #strengths {
    width: 96%;
  }

  #participation #difference {
    width: 96%;
  }

  #participation #difference ul#ma li.photo p.text {
    top: 15%;
    left: 30%;
  }

  /* ノウハウ一覧
--------------------------- */
  .wrapper_knowhow {
    width: 100%;
  }

  /* 記事
--------------------------- */
  #article ul.outer {
    width: 96%;
  }

  /* 404
--------------------------- */
  #page404 ul.outer {
    width: 96%;
  }

  #page404 .ttl_area ul.outer {
    width: 100%;
    height: 400px;
    margin: 0 auto;
  }

  /* 20211221　事業用地情報～
--------------------------- */
  #strengths ul.s_box3 li p {
    width: 90%;
  }

  .balloon2 dl {
    width: 80%;
  }
}

/**
 * レスポンシブ: SP用 ウィンドウ幅640px以下
 */
@media screen and (max-width: 640px) {
  /* ===================================

共通セレクタ

=================================== */
  .sp_only {
    display: block;
  }

  .pc_only {
    display: none;
  }

  .pc2_only {
    display: none;
  }

  .tb_only {
    display: none;
  }

  /* white-space */
  .no-wrap_sp {
    white-space: nowrap;
  }

  /* ------------------------------
   ヘッダ
------------------------------ */
  .page-header > .inner {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
    padding: 5px 0 7px;
  }

  .catchphrase h1,
  .site-logo_under p {
    font-size: 10px;
    font-weight: 400;
    text-align: center;
    line-height: 1.2;
    margin-bottom: 7px;
  }

  .page-header .site-logo img,
  .site-logo_under img {
    width: 70%;
    margin: 0 auto;
  }

  .site-logo_under {
    display: block;
  }

  /* ナビゲーション
------------------------- */
  #MenuBtn {
    display: block;
  }

  #wrapper_MenuBtn {
    position: relative;
    top: 0;
    left: 0;
    z-index: 300;
  }

  #wp_nav {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    z-index: 300;
  }

  #nav_sp {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 150;
    width: 100%;
    margin-left: -100%;
    background: rgba(187, 187, 187, 0.9);
    margin-top: 0;
  }

  #nav_sp h2 {
    width: 90%;
    margin: 50px auto 2px;
    text-align: center;
  }

  #nav_sp h2 img {
    width: 70%;
    display: inline;
  }

  #nav_sp ul.outer {
    width: 94%;
    justify-content: flex-start;
  }

  #nav_sp ul.outer li {
    flex: 0 0 49%;
    margin: 0 2% 0 0;
  }

  #nav_sp ul.outer li:nth-child(2n) {
    margin-right: 0;
  }

  #nav_sp ul li a {
    text-decoration: none;
    display: block;
    margin: 0;
    padding: 12px 10px;
    color: #fff;
    border-bottom: 1px solid #ccc;
    line-height: 1.4;
  }

  #nav_sp ul li a:hover {
    background: #ccc;
  }

  .drawer-hamburger {
    display: none !important;
  }

  #MenuBtn {
    cursor: pointer;
    width: 100%;
    background: url(img/common/button.svg) no-repeat;
    background-position: center center;
  }

  #wp_nav button#MenuBtn2 {
    top: 10px;
    right: 10px;
    position: absolute;
    border: none;
    cursor: pointer;
    width: 40px;
    height: 40px;
    margin-left: 0 !important;
    padding: 0;
    background: url(img/common/close.svg) no-repeat;
    display: none;
  }

  button img {
    width: 100%;
  }

  button:focus {
    outline: none;
  }

  #bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 290;
  }

  .navbar_toggle_icon:nth-child(2) {
    margin: 7px 0;
  }

  .navbar_toggle_icon {
    position: relative;
    display: block;
    height: 1px;
    width: 30px;
    background: #fff;
    -webkit-transition: ease 0.5s;
    transition: ease 0.5s;
  }

  .navbar_toggle.open .navbar_toggle_icon:nth-child(1) {
    top: 1px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .menu_btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    position: relative;
    height: 103px;
    height: 44px;
    padding: 0 1em;
    background: #132861;
    margin-left: auto;
    cursor: pointer;
  }

  .menu_list li a {
    display: block;
    padding: 15px;
  }

  #wp_nav button.wh {
    margin: 5% auto 0;
  }

  /* ------------------------------
   フッタ
------------------------------ */
  footer {
    padding: 0 0 60px;
  }

  footer .wrapper_footer {
    width: 92%;
  }

  footer .wrapper_footer ul.outer {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 0;
  }

  footer .wrapper_footer ul.outer li {
    flex: 0 0 auto;
    max-width: 100%;
  }

  footer .wrapper_footer ul.outer li .logo {
    flex-direction: column;
    align-items: center;
  }

  footer .wrapper_footer ul.outer li p.company_name {
    margin-top: 1em;
  }

  footer .wrapper_footer ul.outer li ul.footer_nav_wrapper {
    margin-top: 1em;
    flex-wrap: wrap;
  }

  /* ------------------------------
   ページのトップに戻る
------------------------------ */
  #fixedTop {
    bottom: 10px;
  }
  .single #fixedTop {
    bottom: 65px;
  }
  /* -------------------------

   フェードインフッタナビ（施設,プラン）

------------------------- */
  /*#fadeInNav.sp_only, #fadeInNav-en.sp_only, #fadeInNav-zh-tw.sp_only, #fadeInNav-zh-cn.sp_only {
	display: block !important;
}*/
  #fadeInNav,
  #fadeInNav-en,
  #fadeInNav-zh-tw,
  #fadeInNav-zh-cn {
    bottom: 0;
    width: 100%;
    height: auto;
    background: rgba(0, 0, 0, 1);
    position: fixed;
    z-index: 99;
    /*display: none;*/
  }

  #fadeInNav ul.outer,
  #fadeInNav-en ul.outer,
  #fadeInNav-zh-tw ul.outer,
  #fadeInNav-zh-cn ul.outer {
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }

  #fadeInNav ul.accommodation li.txt,
  #fadeInNav-en ul.accommodation li.txt,
  #fadeInNav-zh-tw ul.accommodation li.txt,
  #fadeInNav-zh-cn ul.accommodation li.txt {
    flex: 0 0 33.3333%;
    margin: 0;
    padding: 1% 0;
  }

  #fadeInNav ul.accommodation li.txt:first-child,
  #fadeInNav-en ul.accommodation li.txt:first-child,
  #fadeInNav-zh-tw ul.accommodation li.txt:first-child,
  #fadeInNav-zh-cn ul.accommodation li.txt:first-child {
    background-color: #85c7f2;
  }

  #fadeInNav ul.accommodation li.txt:nth-child(2),
  #fadeInNav-en ul.accommodation li.txt:nth-child(2),
  #fadeInNav-zh-tw ul.accommodation li.txt:nth-child(2),
  #fadeInNav-zh-cn ul.accommodation li.txt:nth-child(2) {
    background-color: #ccc;
  }

  #fadeInNav.no_site ul.accommodation li.txt,
  #fadeInNav-en.no_site ul.accommodation li.txt,
  #fadeInNav-zh-tw.no_site ul.accommodation li.txt,
  #fadeInNav-zh-cn.no_site ul.accommodation li.txt {
    flex: 0 0 33.333%;
    margin: 0;
    padding: 1% 0;
  }

  /*#fadeInNav.no_site ul.accommodation li.txt:nth-child(2) {
	display: none;
}*/
  #fadeInNav ul.accommodation li.txt:nth-child(3),
  #fadeInNav-en ul.accommodation li.txt:nth-child(3),
  #fadeInNav-zh-tw ul.accommodation li.txt:nth-child(3),
  #fadeInNav-zh-cn ul.accommodation li.txt:nth-child(3) {
    background-color: #000;
    padding: 6% 0;
  }

  #fadeInNav ul.outer li.txt a,
  #fadeInNav-en ul.outer li.txt a,
  #fadeInNav-zh-tw ul.outer li.txt a,
  #fadeInNav-zh-cn ul.outer li.txt a {
    color: #fff;
    line-height: 1.5;
    display: flex;
    flex-direction: column;
  }

  #fadeInNav ul.outer li.txt a:hover,
  #fadeInNav-en ul.outer li.txt a:hover,
  #fadeInNav-zh-tw ul.outer li.txt a:hover,
  #fadeInNav-zh-cn ul.outer li.txt a:hover {
    text-decoration: none;
  }

  /* アイコン共通部分
--------------------------- */
  #fadeInNav ul.outer li.txt a::before,
  #fadeInNav-en ul.outer li.txt a::before,
  #fadeInNav-zh-tw ul.outer li.txt a::before,
  #fadeInNav-zh-cn ul.outer li.txt a::before {
    font-family: "Font Awesome 5 Free";
    font-size: 20px;
    font-weight: 900;
    text-decoration: none;
    line-height: 1.5;
    margin: 0;
  }

  /* 予約 */
  #fadeInNav ul.accommodation li.txt a.reservation,
  #fadeInNav-en ul.accommodation li.txt a.reservation,
  #fadeInNav-zh-tw ul.accommodation li.txt a.reservation,
  #fadeInNav-zh-cn ul.accommodation li.txt a.reservation {
    background-color: #85c7f2;
  }

  /*#fadeInNav ul.accommodation li.txt a.reservation::before,#fadeInNav-en ul.accommodation li.txt a.reservation::before,#fadeInNav-zh-tw ul.accommodation li.txt a.reservation::before,#fadeInNav-zh-cn ul.accommodation li.txt a.reservation::before {
	content: '\f3cd';
}*/
  /* Webサイト */
  #fadeInNav ul.accommodation li.txt a.web,
  #fadeInNav-en ul.accommodation li.txt a.web,
  #fadeInNav-zh-tw ul.accommodation li.txt a.web,
  #fadeInNav-zh-cn ul.accommodation li.txt a.web {
    background-color: #ccc;
  }

  #fadeInNav ul.accommodation li.txt a.web::before,
  #fadeInNav-en ul.accommodation li.txt a.web::before,
  #fadeInNav-zh-tw ul.accommodation li.txt a.web::before,
  #fadeInNav-zh-cn ul.accommodation li.txt a.web::before {
    content: "\f108";
  }

  #fadeInNav ul.outer li.txt h3,
  #fadeInNav-en ul.outer li.txt h3,
  #fadeInNav-zh-tw ul.outer li.txt h3,
  #fadeInNav-zh-cn ul.outer li.txt h3 {
    font-size: 14px;
    text-align: center;
  }

  #fadeInNav ul.outer li.txt h3.menu,
  #fadeInNav-en ul.outer li.txt h3.menu,
  #fadeInNav-zh-tw ul.outer li.txt h3.menu,
  #fadeInNav-zh-cn ul.outer li.txt h3.menu {
    color: #fff;
  }

  #wrapper_MenuBtn {
    position: relative;
    bottom: 0;
    right: 0;
    z-index: 300;
  }

  /* -------------------------

   フェードインフッタナビ（HOME）

------------------------- */
  #fadeInNav ul.others li.txt {
    flex: 0 0 25%;
    margin: 0;
    padding: 1% 0;
  }

  #fadeInNav ul.others li.txt:first-child {
    background-color: #85c7f2;
  }

  #fadeInNav ul.others li.txt:nth-child(2) {
    background-color: #bbb;
  }

  #fadeInNav ul.others li.txt:nth-child(3) {
    background-color: #ccc;
  }

  #fadeInNav ul.others li.txt:nth-child(4) {
    background-color: #000;
    padding: 6% 0;
  }

  /* アイコン
--------------------------- */
  /* 施設 */
  #fadeInNav ul.others li.txt a.link_accommodation {
    background-color: #85c7f2;
  }

  #fadeInNav ul.others li.txt a.link_accommodation::before {
    content: "\f6bb";
  }

  /* 宿泊 */
  #fadeInNav ul.others li.txt a.tag_accomodation {
    background-color: #ccc;
  }

  #fadeInNav ul.others li.txt a.tag_accomodation::before {
    content: "\f236";
  }

  /* 日帰り */
  #fadeInNav ul.others li.txt a.tag_day-trip {
    background-color: #bbb;
  }

  #fadeInNav ul.others li.txt a.tag_day-trip::before {
    content: "\f0f2";
  }

  #fadeInNav ul.others li.txt h3 {
    font-size: 14px;
    text-align: center;
  }

  #fadeInNav ul.others li.txt h3.menu {
    color: #fff;
  }

  #wrapper_MenuBtn {
    position: relative;
    bottom: 0;
    right: 0;
    z-index: 300;
  }

  /* ========================================

  トップページ

======================================== */
  /* 共通セレクタ
--------------------------- */
  .container,
  .container_subpage_inner {
    width: 100%;
    margin: 0 auto;
  }

  .article_detail {
    width: 96%;
  }

  .wrapper {
    padding-top: 60px;
  }

  ul.wrapper_article button.wh a,
  .wrapper_sub_content button.wh a,
  .wrapper_content button.wh a {
    font-size: 16px;
  }

  ul.wrapper_article div.wh a,
  .wrapper_sub_content div.wh a,
  .wrapper_content div.wh a {
    font-size: 16px;
  }

  /* ------------------------------
   スライドショー
------------------------------ */
  .slider_box_sp {
    overflow: hidden;
    width: 100%;
    height: 240px;
    margin: 0 auto;
    position: relative;
  }

  .slider_box_sp h2 {
    text-align: center;
    position: absolute;
    color: #fff;
    font-size: 20px;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    letter-spacing: 5px;
    text-shadow: 0 0 5px rgba(77, 77, 77, 1);
    width: 100%;
  }

  .slider_box_sp h2 span {
    font-size: 40px;
    font-weight: bold;
  }

  .slider_box_sp img {
    height: 240px;
    object-fit: cover;
  }

  .en_slider_box_sp img {
    height: 170px;
  }

  ul.slider_sp {
    overflow: visible;
    /*opacity: 0;*/
    /*transition: 3s;	*/
  }

  .slider_sp {
    margin: 0 auto;
    width: 100%;
  }

  .slider_sp img {
    height: auto;
    width: 100%;
  }

  /* 読み込んでから表示
--------------------------- */
  .slider_sp.slick-initialized {
    opacity: 1;
  }

  /* ページネーション非表示
--------------------------- */
  .slider_box_sp .slick-dots {
    display: none !important;
  }

  /* prev, nextボタン
--------------------------- */
  .slick-prev::before,
  .slick-next::before {
    font-size: 30px !important;
  }

  .slick-next {
    right: 10px !important;
  }

  .slick-prev {
    left: 10px !important;
  }

  /* キャプション
--------------------------- */
  .slick-slide .caption {
    font-size: 14px;
    top: 70%;
    text-align: center;
  }

  /* ------------------------------
   カテゴリー
------------------------------ */
  #category ul,
  #en-category ul,
  #top_kw ul {
    width: 92%;
  }

  nav#category ul.outer li,
  nav#en-category ul.outer li,
  nav#top_kw ul.outer li {
    font-size: 14px;
    flex: 0 0 20%;
  }

  nav#category ul.outer li a {
    flex-direction: column;
  }

  nav#en-category ul.outer li a,
  nav#top_kw ul.outer li a {
    flex-flow: column;
  }

  nav#category ul.outer li a::before,
  nav#en-category ul.outer li a::before,
  nav#top_kw ul.outer li a::before {
    margin: 0;
  }

  nav#category ul.outer li:first-child a,
  nav#en-category ul.outer li:first-child a,
  nav#top_kw ul.outer li:first-child a {
    border-left: none;
  }

  nav#category ul.outer li:last-child a,
  nav#en-category ul.outer li:last-child a,
  nav#top_kw ul.outer li:last-child a {
    border-right: none;
  }

  /* ------------------------------
   検索フォーム
------------------------------ */
  #search,
  #en-search {
    margin: 5% auto;
  }

  #form {
    width: 100%;
    max-width: 100%;
  }

  #search #form,
  #en-search #form {
    width: 96%;
    max-width: 96%;
  }

  input#search_box {
    width: 94%;
    height: 40px;
    font-size: 16px;
    margin: 0 auto;
    padding: 0 10px;
    outline: 0;
    border: none;
    background: #eee;
    -webkit-appearance: none;
  }

  #search_btn {
    height: 40px;
    width: 40px;
    position: absolute;
    left: 89%;
    top: 0;
    background: #7cbae3;
    color: #fff;
    border: none;
  }

  #search_btn .fa-search {
    font-size: 16px;
    position: absolute;
    top: 30%;
    left: 30%;
  }

  /* placeholder
--------------------------- */
  ::placeholder {
    color: #888;
    font-size: 16px;
  }

  [type="text"] {
    line-height: normal;
    height: 40px;
    font-size: 16px;
    padding: 0 10px;
  }

  input#search_box::placeholder {
    position: relative;
    bottom: 0.2em;
  }

  /* ------------------------------
   エリア
------------------------------ */
  #area {
    padding: 18% 0 3%;
  }

  .wrapper_area_menu {
    width: 100%;
  }

  ul#area_menu li a {
    font-size: 14px;
    letter-spacing: 0;
    padding: 10px;
  }

  ul#area_menu li a::before {
    content: none;
  }

  .wrapper {
    min-height: auto;
  }

  /* タブ切替
--------------------------- */
  #tabAccordion {
    width: 99%;
    height: auto;
  }

  #tabAccordion dl {
    width: 100%;
  }

  #tabAccordion dl dt a {
    font-size: 11px;
    height: 40px;
    line-height: 40px;
  }

  #tabAccordion dl dt a::before {
    content: none;
  }

  #tabAccordion dl dd {
    margin-top: 10%;
  }

  /* 静止画
--------------------------- */
  ul.area_content li.prt {
    flex: 0 0 auto;
    margin: 0 0 2% 0;
    max-width: 100%;
  }

  /* もっと見る, 閉じる
--------------------------- */
  .wrapper_see_more,
  .wrapper_close2,
  .wrapper_see_more2,
  .wrapper_close2-2,
  .wrapper_see_more3,
  .wrapper_close2-3 {
    margin: 0 auto 1%;
  }

  /* スライダー
--------------------------- */
  .area_slider_box {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    display: block !important;
  }

  ul.area_slider {
    overflow: visible;
    /*opacity: 0;*/
    /*transition: 3s;	*/
  }

  ul.area_slider.sp_only {
    display: none;
  }

  ul.area_slider.slick-initialized.sp_only {
    display: block !important;
  }

  ul.area_slider li {
    min-height: 237.333px;
  }

  #area .slick-dots {
    display: block !important;
  }

  #area .slick-dots li button {
    position: absolute;
    bottom: 0;
  }

  #area .slick-dots li button::before {
    font-size: 10px !important;
    color: #000 !important;
  }

  #area .slick-prev {
    display: none !important;
  }

  #area .slick-next {
    display: none !important;
  }

  ul.area_slider.slick-initialized li.photo p.caption2 {
    display: block;
  }

  ul.area_slider.slick-initialized li.photo p.caption2 {
    font-size: 15px;
    opacity: 0;
    -webkit-animation: caption 3.5s ease-in forwards 1;
    animation: caption 3.5s ease-in forwards 1;
    animation-delay: 5s;
  }

  @-webkit-keyframes caption {
    0% {
      opacity: 0;
    }

    25% {
      opacity: 0;
    }

    50% {
      opacity: 0;
    }

    75% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }

  @keyframes caption {
    0% {
      opacity: 0;
    }

    25% {
      opacity: 0;
    }

    50% {
      opacity: 0;
    }

    75% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }

  /* ローディング
--------------------------- */
  ul.area_slider.slick-initialized li.photo {
    display: block;
  }

  .loading {
    position: absolute;
    top: 62%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-animation: loading 8s ease-in forwards 1;
    animation: loading 8s ease-in forwards 1;
    z-index: 100;
  }

  @keyframes loading {
    0% {
      opacity: 1;
    }

    25% {
      opacity: 1;
    }

    50% {
      opacity: 1;
    }

    75% {
      opacity: 1;
    }

    100% {
      opacity: 0;
    }
  }

  .dot {
    display: inline-block;
    margin: 3px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #7cbae3;
  }

  .dot:nth-child(1) {
    animation: 1s fade infinite 0.1s;
  }

  .dot:nth-child(2) {
    animation: 1s fade infinite 0.2s;
  }

  .dot:nth-child(3) {
    animation: 1s fade infinite 0.3s;
  }

  .dot:nth-child(4) {
    animation: 1s fade infinite 0.4s;
  }

  .dot:nth-child(5) {
    animation: 1s fade infinite 0.5s;
  }

  @keyframes fade {
    from {
      opacity: 0;
      transform: scale(0);
    }

    to {
      opacity: 1;
      transform: scale(1);
    }
  }

  /* 読み込んでから表示
--------------------------- */
  /*ul.area_slider.sp_only.slick-initialized{
  display: block; /*slick-initializedが付与されたら表示*/
  /*}*/
  /* ------------------------------

   部屋タイプ

------------------------------ */
  .wrapper_content h2 {
    margin: 0 0 4%;
    font-size: 20px;
  }

  .wrapper_content h2 span.roboto {
    padding-top: 0;
  }

  .room_type ul.room_type_content {
    width: 96% !important;
    flex-direction: column;
  }

  .room_type ul.room_type_content li {
    margin: 0 0 4% 0 !important;
  }

  .room_type ul.room_type_content li ul.inner {
    flex-direction: row;
    align-items: stretch;
  }

  .room_type ul.room_type_content li ul.inner li.photo {
    flex: 0 0 50%;
    margin: 0;
    width: 190px;
  }

  .room_type ul.room_type_content li ul.inner li.txt {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .room_type ul.outer li ul.inner li.txt {
    flex: 0 0 46%;
    margin-right: 0;
    padding: 2%;
  }

  .room_type ul.outer li ul.inner li.txt h3 {
    font-size: 13px;
  }

  .room_type ul.outer li ul.inner li.txt h3.feature-ttl {
    font-size: 14px;
  }

  .room_type ul.outer li ul.inner li.txt p {
    font-size: 12px;
    margin-top: 0.5em;
  }

  #room_type .wrapper_room_type {
    padding: 4% 2%;
  }

  #room_type ul.outer li ul.inner li.photo {
    min-width: auto;
  }

  #accommodation div.bl a,
  #accommodation_en div.bl a {
    font-size: 16px;
  }

  /* タグ
--------------------------- */
  .room_type ul.outer li p.tag {
    justify-content: flex-start;
    align-items: flex-start;
    margin: 1.3% 2% 2%;
    width: 96%;
  }

  .room_type ul.outer li p.tag a {
    font-size: 11px;
    color: #4ba1db;
    background-color: #fff;
    border: #e0e0e0 1px solid;
    margin: 1% 1% 0 0;
    padding: 1%;
    display: inline-block;
  }

  #feature-articles_page p.tag {
    background: #eef5f9;
    margin: 0;
  }

  #feature-articles_page p.tag a {
    font-size: 11px;
    color: #4ba1db;
    background-color: #fff;
    border: #e0e0e0 1px solid;
    margin: 1px;
    padding: 1%;
    display: inline-block;
  }

  #tent ul.outer li p.tag a,
  #en-tent ul.outer li p.tag a {
    /*background-color: #eee;*/
  }

  .room_type ul.outer li p.tag a:hover {
    text-decoration: none;
  }

  .room_type ul.outer li p.tag.sp_only {
    display: block !important;
  }

  /* プルダウンメニュー
--------------------------- */
  .selectbox {
    width: 24em;
    text-align: center;
  }

  select#accommodation-type,
  select#en-accommodation-type {
    font-size: 16px;
    width: 90%;
  }

  /* ------------------------------

   クチコミ・体験記

------------------------------ */
  #report ul#report_content,
  #en-report ul#en-report_content {
    width: 96%;
    flex-direction: column;
  }

  #report ul#report_content li,
  #en-report ul#en-report_content li {
    flex: 0 0 auto;
    max-width: 100%;
    margin: 0 0 4%;
  }

  #report ul#report_content li ul.inner li.photo,
  #en-report ul#en-report_content li ul.inner li.photo {
    margin-bottom: 2%;
    padding-bottom: 0;
    position: relative;
  }

  #report ul#report_content li ul.inner li.photo img,
  #en-report ul#en-report_content li ul.inner li.photo img {
    object-fit: cover;
    width: 156px;
    height: 156px;
    position: relative;
  }

  #report ul#report_content li ul.inner li.txt h3,
  #report ul#report_content li ul.inner li.txt p,
  #en-report ul#en-report_content li ul.inner li.txt h3,
  #en-report ul#en-report_content li ul.inner li.txt p {
    font-size: 13px;
  }

  /* ------------------------------

   グランピングコラム

------------------------------ */
  #top_glamping_article ul#glamping_article_content,
  #en-top_glamping_article ul#en-glamping_article_content {
    width: 96%;
  }

  #top_glamping_article ul#glamping_article_content li,
  #en-top_glamping_article ul#en-glamping_article_content li {
    flex: 0 0 49%;
    margin: 0 2% 2% 0;
  }

  #top_glamping_article ul#glamping_article_content li:nth-child(2n),
  #en-top_glamping_article ul#en-glamping_article_content li:nth-child(2n) {
    margin-right: 0;
  }

  #top_glamping_article ul#glamping_article_content li ul.inner li.txt p,
  #en-top_glamping_article ul#en-glamping_article_content li ul.inner li.txt p {
    display: none;
  }

  /* ------------------------------
   ギャラリー
------------------------------ */
  .top_gallery ul.outer {
    width: 96%;
  }

  .top_gallery ul.outer li {
    flex: 0 0 47%;
    margin: 0 2% 2% 0;
  }

  .top_gallery ul.outer li:nth-child(2n) {
    margin-right: 2%;
  }

  .top_gallery ul.outer li ul.inner li.photo img {
    height: 169.2px;
  }

  /* ------------------------------
   サイトマップ
------------------------------ */
  #sitemap ul.outer {
    width: 95%;
    flex-direction: column;
  }

  #sitemap ul.outer li#sitemap_area,
  #sitemap ul.outer li#sitemap_accommodation,
  #sitemap ul.outer li#sitemap_plan {
    flex: 0 0 auto;
    max-width: 100%;
    width: 100%;
    margin-right: 0;
  }

  #sitemap ul.outer li#sitemap_area,
  #sitemap ul.outer li#sitemap_accommodation {
    margin-bottom: 1em;
  }

  #sitemap ul.outer li#sitemap_plan ul.inner {
    flex-direction: row;
  }

  #sitemap ul.outer li#sitemap_plan ul.inner li {
    margin-bottom: 0.5em;
    padding: 0 0.5em;
    text-align: center;
    font-size: 11px;
    border-right: 1px solid #eee;
  }

  #sitemap ul.outer li#sitemap_plan ul.inner li.no_border {
    border-right: none;
  }

  #sitemap ul.outer li.content_wrapper dl dt,
  #sitemap ul.outer li.content_wrapper dl dd ul.inner li {
    font-size: 11px;
  }

  /* ========================================

  下層ページ

======================================== */
  /* ------------------------------
   共通セレクター
------------------------------ */
  .wrapper_sub_content h1,
  .wrapper_iframe h1 {
    font-size: 20px;
    padding: 7% 0 3.5%;
  }

  .wrapper_sub_content h3,
  .wrapper_iframe h2 {
    font-size: 20px;
    padding: 7% 0 3.5%;
  }

  .wrapper_sub_content h2 span {
    font-size: 14px;
  }

  .wrapper_sub_content h3 span {
    font-size: 14px;
  }

  /* パンくず
--------------------------- */
  .breadcrumbs {
    width: 96%;
    margin: 0.5em auto;
  }

  /* ------------------------------
   施設
------------------------------ */
  #accommodation,
  #accommodation_en {
    width: 100%;
    min-width: 100%;
  }

  /* フォトギャラリー
--------------------------- */
  .single_gallery ul.outer {
    width: 100%;
    min-width: 100%;
    margin: 0 auto;
    flex-direction: column;
  }

  .single_gallery ul.outer li.main_area {
    flex: 0 0 auto;
    max-width: 96%;
    width: 96%;
    padding: 0 2%;
  }

  .single_gallery ul.outer li.thumbnail_area {
    flex: 0 0 auto;
    max-width: 96%;
    width: 96%;
    padding: 0 2%;
  }

  .mainimage img.front {
    width: 100%;
    height: auto;
    vertical-align: bottom;
  }

  ul.thumbs-list {
    width: 100%;
  }

  ul.thumbs-list li {
    flex: 0 0 11.1111%;
    margin: 0;
  }

  ul.thumbs-list li img {
    width: 100%;
    max-width: 100%;
    height: 45px;
  }

  ul.wrapper_caption {
    width: 96%;
    align-items: flex-start;
  }

  ul.wrapper_caption li.caption {
    flex: 0 0 auto;
    max-width: 100%;
    margin-right: 0;
    font-size: 11px;
  }

  ul.wrapper_caption li.note {
    display: none;
  }

  /* 概要
--------------------------- */
  #accommodation .summary .wrapper_summary_content,
  #accommodation_en .summary .wrapper_summary_content {
    width: 100%;
    margin: 5% auto;
  }

  #accommodation .summary,
  #accommodation_en .summary {
    width: 96%;
  }

  /* タイトル */
  .wrapper_ttl {
    width: 96%;
  }

  .wrapper_ttl ul.outer {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  #accommodation .wrapper_ttl ul.outer li.ttl,
  #accommodation_en .wrapper_ttl ul.outer li.ttl {
    flex: 0 0 auto;
    max-width: 100%;
    margin-bottom: 3%;
  }

  #accommodation h1 span,
  #accommodation_en h1 span {
    font-size: 14px;
  }

  /* スペック */
  #accommodation .wrapper_ttl ul.outer li.spec,
  #accommodation_en .wrapper_ttl ul.outer li.spec {
    flex: 0 0 auto;
    max-width: 100%;
    padding-bottom: 3%;
  }

  #accommodation .wrapper_ttl ul.outer li.spec ul.inner li,
  #accommodation_en .wrapper_ttl ul.outer li.spec ul.inner li {
    font-size: 10px;
  }

  #accommodation .summary .wrapper_summary_content ul.outer li ul.inner li.txt h2,
  #accommodation_en .summary .wrapper_summary_content ul.outer li ul.inner li.txt h2 {
    font-size: 15px;
    margin-top: 1em;
  }

  #accommodation .summary .wrapper_summary_content ul.outer li ul.inner,
  #accommodation .summary .wrapper_summary_content ul.outer li:nth-child(2n) ul.inner,
  #accommodation_en .summary .wrapper_summary_content ul.outer li ul.inner,
  #accommodation_en .summary .wrapper_summary_content ul.outer li:nth-child(2n) ul.inner {
    flex-direction: column;
  }

  #accommodation .summary .wrapper_summary_content ul.outer li ul.inner,
  #accommodation_en .summary .wrapper_summary_content ul.outer li ul.inner {
    margin-bottom: 0;
  }

  #accommodation .summary .wrapper_summary_content ul.outer li ul.inner li.txt,
  #accommodation_en .summary .wrapper_summary_content ul.outer li ul.inner li.txt {
    flex: 0 0 auto;
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 40px;
  }

  #accommodation .summary .wrapper_summary_content ul.outer li ul.inner li.txt p,
  #accommodation_en .summary .wrapper_summary_content ul.outer li ul.inner li.txt p {
    font-size: 14px;
  }

  /* スライドショー */
  #accommodation .summary .wrapper_summary_content ul.outer li,
  #accommodation_en .summary .wrapper_summary_content ul.outer li {
    flex: 0 0 auto;
    margin-right: 0;
    max-width: 100%;
  }

  .slider2 .slick-dots,
  .slider_plan .slick-dots {
    position: relative !important;
  }

  /* 部屋タイプ
--------------------------- */
  .wrapper_sub_content {
    min-width: 100%;
  }

  #room_type {
    width: 96%;
  }

  #room_type h3 {
    font-size: 18px;
    margin-bottom: 4%;
  }

  #room_supplies h3 {
    font-size: 18px;
  }

  #room_type ul.outer li ul.inner {
    flex-direction: column;
  }

  #room_type ul.outer li ul.inner li.photo {
    flex: 0 0 auto;
    max-width: 100%;
    min-width: 100%;
    margin: 0 0 1em 0;
  }

  #room_type ul.outer li ul.information {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  #room_type ul.outer li ul.information li {
    flex: 0 0 auto;
    max-width: 100%;
    width: 100%;
    border-bottom: 1px dotted #ccc;
    padding: 0.5em 0;
  }

  #room_type ul.outer li ul.information li.check-in_out span {
    margin: 0 0.5em 0 1em;
  }

  #room_type ul.outer li ul.information li.total span,
  #room_type ul.outer li ul.information li.check-in_place span {
    margin: 0 0.5em 0 0;
  }

  /* 続きを見る */
  .wrapper_paragraph {
    margin-bottom: 1em;
  }

  p.edition {
    visibility: hidden;
  }

  span.paragraph {
    display: block;
  }

  .textOpen {
    margin-left: 10px;
    color: #7cbae3;
    font-weight: bold;
  }

  .textClose {
    margin-left: 10px;
    color: #666;
    font-weight: bold;
  }

  /* 概要表 */
  .table_box {
    overflow-x: scroll;
  }

  /* プラン予約・詳細ボタン
	公式（予約）サイトボタン
--------------------------- */
  .wrapper_sub_content ul.reservation {
    flex-direction: column;
  }

  .wrapper_sub_content ul.reservation li,
  .wrapper_sub_content ul.reservation li:last-child {
    margin: 0 auto;
    width: 80%;
  }

  .wrapper_sub_content ul.reservation button.wh,
  #accommodation button.bl,
  #accommodation_en button.bl {
    margin: 2.5% auto 0;
    width: 100%;
  }

  .wrapper_sub_content ul.reservation button.wh a,
  #accommodation button.bl a,
  #accommodation_en button.bl a {
    width: auto;
  }

  .wrapper_sub_content ul.reservation div.wh,
  #accommodation div.bl,
  #accommodation_en div.bl {
    margin: 2.5% auto 0;
    width: 100%;
  }

  .wrapper_sub_content ul.reservation div.wh a,
  #accommodation div.bl a,
  #accommodation_en div.bl a {
    width: auto;
  }

  /* 設備・備品
--------------------------- */
  #facilities {
    width: 96%;
  }

  #facilities ul.outer li:nth-child(odd),
  #facilities ul.outer > li.facilities:nth-child(3n) {
    flex: 0 0 auto;
    max-width: 100%;
    margin: 0;
  }

  #facilities ul.outer li:nth-child(even),
  #facilities ul.outer li.facilities:nth-child(4n) {
    flex: 0 0 auto;
    max-width: 100%;
    margin: 0;
  }

  #facilities ul.outer li ul.inner li {
    margin-right: 0;
  }

  #to_official_site p {
    font-size: 14px;
    padding: 1em;
  }

  #facilities ul.outer li.facilities ul.inner li.txt h3 {
    font-size: 14px;
    margin: 0.5em 0;
  }

  #facilities ul.outer li.facilities ul.inner {
    flex-direction: row;
    margin-bottom: 4%;
    overflow: visible;
  }

  #facilities ul.outer li.facilities ul.inner li.photo {
    width: 120px;
  }

  #facilities ul.outer li.facilities ul.inner li.photo img {
    width: 100%;
    height: 80px;
    object-fit: cover;
  }

  #facilities ul.outer li.facilities ul.inner li.txt {
    max-width: 63%;
    margin-left: 2%;
  }

  /* スライドショー */
  #facilities .slick-dots {
    position: relative !important;
  }

  /* 備品一覧
--------------------------- */
  #room_supplies {
    width: 96%;
  }

  #room_supplies h3 {
    padding: 7% 0 3.5%;
  }

  #room_supplies dl dt,
  #room_supplies dl dt.w15 {
    width: auto;
    float: none;
    padding: 2%;
  }

  #room_supplies dl dd,
  #room_supplies dl dd.n15 {
    padding: 0 2% 2% 2%;
  }

  /* 基本情報
--------------------------- */
  #information {
    width: 100%;
  }

  #information dl {
    width: 90%;
    padding: 0 5%;
  }

  #information dl dt {
    float: none;
    width: auto;
    padding: 3% 0;
  }

  #information dl dd {
    padding: 0 0 3% 0;
  }

  /* 予約ボタン（基本情報）
--------------------------- */
  #accommodation #information button.bl {
    margin: 2.5% auto 0;
  }

  #accommodation #information div.bl,
  #accommodation_en #information div.bl {
    margin: 2.5% auto 0;
  }

  /* 交通アクセス
--------------------------- */
  #access ul.outer {
    width: 96%;
    flex-direction: column;
  }

  #access ul.outer li.txt dl {
    width: 94%;
    padding: 3%;
  }

  #access ul.outer li.txt dl dt {
    float: none;
    width: auto;
    padding: 3% 0;
  }

  #access ul.outer li.txt dl dd {
    padding: 0 0 3% 0;
  }

  #information dl dd ul.type {
    width: 100%;
  }

  /* よくあるご質問
--------------------------- */
  #faq {
    width: 100%;
    margin: 0 auto 3em;
  }

  #faq .faq_content h3 {
    font-size: 16px;
  }

  #faq ul.outer {
    width: 100%;
  }

  .wrapper_more,
  .wrapper_close {
    width: 100%;
  }

  #faq .faq_content p.type {
    font-size: 16px;
  }

  /* テーブルスライド */
  .wrapper_table {
    overflow-x: scroll;
  }

  /* プラン
--------------------------- */
  #plans .wrapper_inner {
    width: 100%;
  }

  /* スライドショー
--------------------------- */
  .plan_list ul.outer {
    width: 96%;
    margin: 0 auto;
  }

  .plan_list ul.outer li {
    margin-bottom: 2%;
  }

  #plans .slick-dots li {
    display: inline-block !important;
    background-color: transparent !important;
  }

  .plan_list ul.outer li,
  #plans ul.outer li {
    flex: 0 0 49%;
    margin-right: 2%;
    flex-direction: row;
  }

  .plan_list ul.outer li:nth-child(2n),
  #plans ul.outer li:nth-child(2n) {
    margin-right: 0;
  }

  #plans ul.outer li ul.inner li h3 {
    font-size: 14px;
  }

  #plans ul.outer li ul.inner li p {
    font-size: 14px;
  }

  /* 読み込んでから表示
--------------------------- */
  .slider_plan.slick-initialized {
    opacity: 1;
  }

  /* ------------------------------

   プラン記事

------------------------------ */
  ul.wrapper_article {
    width: 96%;
    margin: 0 auto;
    flex-direction: column;
  }

  ul.wrapper_article li.main,
  ul.wrapper_subpage_content li.main {
    width: 100%;
    margin: 0 0 15%;
  }

  ul.wrapper_article li.main h1 {
    font-size: 18px;
  }

  ul.wrapper_article li.main h2 {
    font-size: 16px;
  }

  ul.wrapper_article li.main ul.tag_category {
    flex-direction: column;
    align-items: flex-start;
  }

  ul.wrapper_article li.main dl {
    flex: 0 0 auto;
    max-width: 100%;
    margin-right: 0;
  }

  ul.wrapper_article li.main dl.menu dd {
    margin: 0 0 0.5em 0.5em;
  }

  ul.wrapper_article li.main .photo {
    flex: 0 0 auto;
    max-width: 100%;
  }

  ul.wrapper_article li.main p.about_hotel {
    margin-top: 0.5em;
  }

  /* 注意事項
--------------------------- */
  ul.wrapper_article li.main .note dl {
    width: 100%;
  }

  /* 予約ボタン
--------------------------- */
  ul.wrapper_article button.wh a {
    font-size: 15px;
  }

  ul.wrapper_article div.wh a {
    font-size: 15px;
  }

  /* サブカラム
--------------------------- */
  ul.wrapper_article li.sub,
  ul.wrapper_subpage_content li.sub {
    width: 100%;
  }

  ul.wrapper_article li.sub ul.sidenav {
    align-items: flex-start;
  }

  /* ------------------------------

  コラム（記事）

------------------------------ */
  #glamping_article ul.wrapper_article li.main ul.tag_category {
    flex-direction: row;
    align-items: flex-start;
  }

  #glamping_article ul.wrapper_article li.main h2 {
    font-size: 18px;
  }

  #glamping_article ul.wrapper_article li.main h3 {
    font-size: 16px;
  }

  #glamping_article ul.wrapper_article li.main h4 {
    font-size: 15px;
  }

  /* カレンダー
--------------------------- */
  #glamping_article ul.wrapper_article li.main ul.tag_category li.tag {
    flex: 0 0 65%;
    margin-right: 1%;
  }

  #glamping_article ul.wrapper_article li.main ul.tag_category li.date {
    flex: 0 0 34%;
  }

  /* ------------------------------

   タグ（施設）

------------------------------ */
  .ttl_area {
    height: 150px;
  }

  #post-list,
  #post-list_en {
    width: 96%;
  }

  #post-list li,
  #post-list_en li {
    /*flex: 0 0 49%;*/
    flex: none;
    margin: 0 2% 2% 0;
  }

  #post-list li.is-hide,
  #post-list_en li.is-hide {
    margin: 0;
  }

  #post-list li:nth-child(2n),
  #post-list_en li:nth-child(2n) {
    margin: 0 0 2% 0;
  }

  #post-list li:nth-child(2n).is-hide,
  #post-list_en li:nth-child(2n).is-hide {
    margin: 0;
  }

  #post-list li ul.inner li.txt .tag a,
  #post-list_en li ul.inner li.txt .tag a {
    white-space: pre;
    display: inline-block;
    margin: 0.4% 0.8% 0.4% 0;
    padding: 1%;
    font-size: 12px;
    color: #4ba1db;
    background-color: #fff;
    border: #e0e0e0 1px solid;
  }
  /* ページネーション
--------------------------- */
  .pagination {
    width: 100%;
  }

  /* ------------------------------

   検索結果

------------------------------ */
  #search_results {
    min-height: 300px;
  }

  #search_results ul.outer {
    width: 96%;
    margin: 5% auto;
    justify-content: flex-start;
    align-items: center;
  }

  /* ------------------------------
   施設向けLP
------------------------------ */
  #participation .ttl_area ul.outer,
  #en-participation .ttl_area ul.outer,
  #thanks .ttl_area ul.outer,
  #accommodations-contact .ttl_area ul.outer,
  #page404 .ttl_area ul.outer {
    width: 96%;
    height: auto;
    flex-direction: column;
  }

  #participation .ttl_area ul.outer li.photo,
  #en-participation .ttl_area ul.outer li.photo,
  #thanks .ttl_area ul.outer li.photo,
  #accommodations-contact .ttl_area ul.outer li.photo,
  #page404 .ttl_area ul.outer li.photo {
    flex: 0 0 auto;
    margin-right: 0;
    max-width: 100%;
  }

  #participation .ttl_area ul.outer li.txt,
  #en-participation .ttl_area ul.outer li.txt,
  #thanks .ttl_area ul.outer li.txt,
  #accommodations-contact .ttl_area ul.outer li.txt,
  #page404 .ttl_area ul.outer li.txt {
    flex: 0 0 auto;
    margin-right: 0;
    max-width: 100%;
  }

  #participation .ttl_area ul.outer li.txt h1,
  #en-participation .ttl_area ul.outer li.txt h1,
  #thanks .ttl_area ul.outer li.txt h1,
  #accommodations-contact .ttl_area ul.outer li.txt h1 {
    font-size: 18px;
  }

  #participation .ttl_area ul.outer li.txt h2,
  #en-participation .ttl_area ul.outer li.txt h2,
  #thanks .ttl_area ul.outer li.txt h2,
  #accommodations-contact .ttl_area ul.outer li.txt h2 {
    font-size: 16px;
  }

  #participation .ttl_area ul.outer li.txt p,
  #en-participation .ttl_area ul.outer li.txt p,
  #thanks .ttl_area ul.outer li.txt p,
  #accommodations-contact .ttl_area ul.outer li.txt p {
    font-size: 14px;
  }

  /* メリット
--------------------------- */
  #participation #merrit,
  #participation #merrit-2,
  #en-participation #en-merrit,
  #strengths {
    width: 96%;
  }

  #participation #merrit ul.outer li,
	#participation #merrit ul.outer li:nth-child(3n),
	  #participation #merrit-2 ul.outer li,
	#participation #merrit-2 ul.outer li:nth-child(3n),
	  #en-participation #en-merrit ul.outer li,
	#en-participation #en-merrit ul.outer li:nth-child(3n) {
    flex: inherit;
	width: 100%;
	margin: 0 10% 2% 0;
  }
  #participation #merrit h2,
  #en-participation #en-merrit h2,
  #participation #difference h2 {
    font-size: 20px;
  }

  #participation #merrit h2 span,
  #en-participation #en-merrit h2 span,
  #participation #difference h2 span {
    font-size: 16px;
  }

  /* 違い
--------------------------- */
  #participation #difference {
    width: 96%;
  }

  #participation #difference ul.outer,
  #participation #difference ul#advertisement,
  #participation #difference ul#ma {
    flex-direction: column-reverse;
  }

  #participation #difference ul#ma li.photo p.text {
    top: 15%;
    left: 30%;
  }

  #participation #difference ul.outer li h3 {
    font-size: 18px;
  }

  #participation #difference ul.outer li h4 {
    font-size: 14px;
  }

  /* ノウハウ一覧
--------------------------- */
  .wrapper_knowhow {
    width: 100%;
  }

  /* サンクスページ
--------------------------- */
  #article ul.outer,
  #thanks ul.outer {
    width: 96%;
    height: auto;
  }

  .page-template-page-thanks #sitemap ul#area_content,
  .page-template-page-thanks #sitemap ul#plan_content,
  .page-template-page-thanks #sitemap ul#accommodation_content,
  .page-template-page-accommodations-contact #sitemap ul#area_content,
  .page-template-page-accommodations-contact #sitemap ul#plan_content,
  .page-template-page-accommodations-contact #sitemap ul#accommodation_content {
    flex-direction: row;
  }

  /* 記事
--------------------------- */
  #article ul.outer {
    width: 96%;
  }

  #article ul.outer li {
    flex: 0 0 49%;
  }

  #article ul.outer li:nth-child(2n) {
    margin-right: 0;
  }

  /* ------------------------------

   クチコミ・体験記

------------------------------ */
  #report_article ul.wrapper_article li.main h2 {
    margin-top: -30.5px;
    padding-top: 60.5px;
  }
}

/* ------------------------------

   TOP追加　日帰りできる施設一覧 2021.8.18

------------------------------ */
.daytrip {
  margin: 0;
  padding: 5% 0;
  background-color: #fff;
}

@media screen and (max-width: 896px) {
  .daytrip {
    width: 96%;
    margin: 0 auto;
  }
}

.tab-wrap {
  /*box-shadow: 0 0 5px rgba(0,0,0,.1);*/
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  padding: 0 0 20px;
  font-size: 16px;
  color: #fff;
}

.tab-label {
  color: #999999;
  cursor: pointer;
  flex: 1;
  font-weight: bold;
  order: -1;
  padding: 12px 24px;
  position: relative;
  text-align: center;
  transition: cubic-bezier(0.4, 0, 0.2, 1) 0.2s;
  user-select: none;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
}

@media screen and (max-width: 896px) {
  .tab-label {
    padding: 6px 2px;
    font-size: 13px;
  }
}

.tab-label:hover {
  background: rgba(255, 255, 255, 0.1);
}

.tab-switch:checked + .tab-label {
  color: #85c7f2;
}

.tab-label::after {
  background: #85c7f2;
  bottom: 0;
  content: "";
  display: block;
  height: 3px;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transform: translateX(100%);
  transition: cubic-bezier(0.4, 0, 0.2, 1) 0.2s 80ms;
  width: 100%;
  z-index: 1;
}

.tab-switch:checked ~ .tab-label::after {
  transform: translateX(-100%);
}

.tab-switch:checked + .tab-label::after {
  opacity: 1;
  transform: translateX(0);
}

.tab-content {
  height: 0;
  opacity: 0;
  pointer-events: none;
  transform: translateX(-30%);
  transition: transform 0.3s 80ms, opacity 0.3s 80ms;
  width: 100%;
}

.tab-switch:checked ~ .tab-content {
  transform: translateX(30%);
}

.tab-switch:checked + .tab-label + .tab-content {
  height: auto;
  opacity: 1;
  order: 1;
  pointer-events: auto;
  transform: translateX(0);
}

.tab-wrap::after {
  content: "";
  height: 20px;
  order: -1;
  width: 100%;
}

.tab-switch {
  display: none;
}

.facility-list ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media screen and (max-width: 896px) {
  .facility-list ul {
    flex-direction: column;
  }
}

.facility-list ul li {
  width: 32%;
}

@media screen and (max-width: 896px) {
  .facility-list ul li {
    width: 100%;
  }
}

.facility-list ul li h2.area-title {
  border-bottom: 1px solid #888888;
  border-top: 1px solid #888888;
  padding: 10px;
  margin-top: 20px;
  text-align: center;
  font-size: 16px;
}

.facility-list ul li img {
  width: 100%;
  height: 240px;
  object-fit: cover;
}

/*   施設ページ追加 20210824   */
.room_fac {
  margin-top: 30px;
  width: 95%;
  display: flex;
  flex-wrap: wrap;
}

.room_fac .fac_ttl {
  width: 13%;
  min-width: 54px;
  box-sizing: border-box;
}

.fac_ttl p {
  width: 100%;
  margin: 0 auto;
  padding: 5px 0 5px 7px;
  text-align: center;
  box-sizing: border-box;
}

.room_fac .facilities {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
}

.facilities p {
  width: 100%;
}

#room_type ul.outer li ul.inner li.txt .facilities p {
  margin-bottom: 0;
}

.fac_box {
  width: 95%;
  display: flex;
  flex-wrap: wrap;
}

p.facility_box {
  width: 125px;
  padding: 4px 0;
  background-color: #fff;
  border: solid 1px #cccccc;
  text-align: center;
}

#room_type ul.outer li ul.inner li.txt .facility_box,
#room_type ul.outer li ul.inner li.txt .fac_ttl p {
  margin: 0px;
}

.fac_hid {
  display: none;
}

/* ------------------------------

   施設ページ追加 2021.8.24

------------------------------ */
/* 感染症対策
--------------------------- */
.measures {
  display: flex;
  margin: 20px auto;
  flex-wrap: wrap;
}

@media screen and (max-width: 896px) {
  .measures {
    flex-wrap: wrap;
  }
}

.measures p {
  padding: 2% 2.5%;
  margin-right: 10px;
  margin-bottom: 5px;
  border: 1px solid #7cbae3;
  border-radius: 3px;
  color: #7cbae3;
}

.measures p:last-of-type {
  margin-right: 0;
}

@media screen and (max-width: 896px) {
  .measures p {
    width: 43%;
    margin-right: 1px;
    margin-bottom: 1px;
    font-size: 12px;
  }
}

/* インスタボタン（基本情報）
--------------------------- */
.insta_btn {
  margin: 40px auto 80px;
  padding: 0;
  border: none;
  background-color: transparent;
  display: block;
}

@media screen and (max-width: 896px) {
  .insta_btn {
    width: 80%;
  }
}

.insta_btn a {
  font-size: 18px;
  padding: 0.5em 2em;
  border: 1px solid #85c7f2;
  display: flex;
  justify-content: center;
  align-items: center;
}

.insta_btn a:hover {
  color: #000;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #000;
}

/* 食事追加　20210825 */
.meal_box {
  width: 95%;
  display: flex;
  flex-wrap: wrap;
  margin: 10px auto 0;
  padding-bottom: 20px;
  background-color: #fff;
  max-width: 1200px;
}

.meal_img {
  width: 45%;
  padding: 20px 0 20px 3%;
  box-sizing: border-box;
}

.meal_txt {
  width: 55%;
  padding: 20px 20px 20px 5%;
  box-sizing: border-box;
}

.meal_txt h3 {
font-size: 20px;
margin-bottom: 6px;
}

@media screen and (max-width: 640px) {
.meal_txt h3 {
  font-size: 18px;
  margin-bottom: 0;
}
}

.meal_txt p {
  margin-bottom: 10px;
}

.meal_txt p span.gray {
  color: #888;
}

.meal_txt p span.red {
  color: #f11814;
}

.meal_txt h4 {
  font-size: 16px;
  font-weight: 200;
  margin-bottom: 3px;
}

.meal_p_box {
  border: 1px solid #ccc;
  padding: 10px;
}

@media screen and (max-width: 896px) {
  .meal_img {
    width: 100%;
    padding: 20px 3% 10px;
    box-sizing: border-box;
  }

  .meal_txt {
    width: 100%;
    padding: 0 20px 20px 5%;
    box-sizing: border-box;
  }
}

/*体験レポート*/
.report p {
  text-align: center;
  padding: 0 0 60px 0;
}

.report p a {
  text-decoration: underline;
  color: #4ba1db;
  font-weight: bold;
}

/* エリア記事一覧 */
.cat_list {
  margin-bottom: 80px;
}

#areas ul.outer li.prt2 {
  width: 31%;
  padding: 0 10px;
  margin-bottom: 15px;
}

#areas ul.outer li.prt2 ul {
  height: auto;
}

/*20210831*/
.listName {
  width: 90%;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
}

.s_area_li {
  width: 300px;
  height: 270px;
  margin-right: 10px;
}

.area_name {
  text-decoration: underline;
}

.area_content {
  max-width: 1110px;
}

.caption2 span.location {
  font-weight: 100;
}

.other_a {
  width: 87%;
  margin: 0 auto;
  text-align: right;
  margin-top: 15px;
  max-width: 1110px;
}

.other_a .other_area {
  text-decoration: underline;
  font-size: 17px;
}

.area_link:hover {
  color: #555;
}

.other_a i {
  color: #85c7f2;
}

@media screen and (max-width: 896px) {
  #areas ul.outer li.prt2 {
    width: 44%;
    padding: 0 10px;
    margin-bottom: 15px;
  }

  .area_link {
    text-decoration: underline;
  }

  .cat_list {
    margin-top: 30px;
  }

  .other_a {
    margin-top: 30px;
  }
}

/* ------------------------------

   追加　特集ページ 2021.11.30

------------------------------ */
/*TOP　特集*/
#feature-articles,
#en-feature-articles,
#instagram_topja {
  margin: 0;
  padding: 6% 0;
  background-color: #eef5f9;
}

#feature-articles_content > li,
#en-feature-articles_content > li {
  flex: 0 0 31%;
  background-color: #fff;
  margin-right: 3.5%;
  margin-bottom: 2%;
}

#feature-articles_content > li > a:hover {
  text-decoration: none;
  opacity: 0.7;
}

#feature-articles_content li.txt,
#en-feature-articles_content li.txt {
  background-color: #fff !important;
}

#feature-articles_content > li:nth-child(3),
#feature-articles_content > li:nth-child(6),
#feature-articles_content > li:nth-child(9),
#feature-articles_content > li:nth-child(12),
#en-feature-articles_content > li:nth-child(3),
#en-feature-articles_content > li:nth-child(6),
#en-feature-articles_content > li:nth-child(9),
#en-feature-articles_content > li:nth-child(12) {
  margin-right: 0;
}

#feature-articles_content > li img,
#en-feature-articles_content > li img {
  width: 100%;
  height: 180px;
  object-fit: cover;
}

@media screen and (max-width: 640px) {
  #feature-articles_content > li,
  #en-feature-articles_content > li {
    flex: 0 0 100%;
    margin-right: 0;
  }

  #feature-articles_content .inner,
  #en-feature-articles_content .inner {
    display: flex;
  }

  #feature-articles_content > li img,
  #en-feature-articles_content > li img {
    width: 100%;
    height: 110px;
    object-fit: cover;
  }
}

/*特集ページ　固定ページ*/
#feature-articles_page,
#lp_page {
  background-color: #fff;
}

#feature-articles_page .ttl_area,
#lp_page .ttl_area {
  width: 96%;
  height: auto;
  margin: 0 auto;
}

#feature-articles_page .ttl_area img,
#lp_page .ttl_area img {
  width: 100%;
  height: auto;
  max-height: 650px;
  object-fit: cover;
}
#feature-articles_page .ttl_area img {
  margin-bottom: 30px;
}
#feature-articles_page .feature-top,
#lp_page .feature-top {
  width: 96%;
  margin: 0 auto;
}

#feature-articles_page .feature-top h2.area {
  position: relative;
  padding-left: 25px;
  margin: 4% 0 0 !important;
  padding-top: 8%;
}

#feature-articles_page .feature-top h2.area::before,
#lp_page .feature-top h2.area::before {
  position: absolute;
  content: "";
  bottom: -3px;
  left: 0;
  width: 0;
  height: 0;
  border: none;
  border-left: solid 15px transparent;
  border-bottom: solid 15px #c6e6f9;
}

#feature-articles_page .feature-top h2.area::after,
#lp_page .feature-top h2.area::after {
  position: absolute;
  content: "";
  bottom: -3px;
  left: 10px;
  width: 100%;
  border-bottom: solid 3px #c6e6f9;
}

#feature-articles_page ul.feature-p {
  padding: 2.5% 2%;
  width: 96%;
}

#feature-articles_page ul.feature-p .feature-bk,
#lp_page ul.feature-p .feature-bk {
  background-color: #eef5f9;
}

#feature-articles_page ul.feature-p .feature-bk li img {
  width: 100%;
}

#feature-articles_page ul.feature-p .feature-bk li.txt {
  margin: 0 auto;
  width: 100%;
}
#feature-articles_page ul.feature-p .feature-bk li.txt > .ttl {
  text-align: center;
  color: #7cbae3;
  padding: 15px 0 20px;
}
#feature-articles_page ul.feature-p .feature-bk li.txt > .ttl + .caption3 {
  padding-top: 0;
}
#feature-articles_page ul.feature-p p.caption3 {
  text-align: center;
  padding: 6% 4%;
  font-size: 18px;
}

#feature-articles_page ul.feature-p p.caption3 span {
  font-size: 14px;
}

/*セールプラン*/
#feature-articles_page ul.feature-p p.caption3 span.fee_line {
  font-size: 14px;
  color: #888;
  text-decoration: line-through;
}

#feature-articles_page ul.feature-p p.caption3 span.fee_red {
  font-size: 15px;
  color: #ee955c;
}

#feature-articles_page .photo {
  position: relative;
}

#feature-articles_page .photo .s_tag {
  position: absolute;
  top: 5px;
  right: 5px;
  background: #ee955c;
  color: #fff;
  padding: 5px;
  border-radius: 2px;
}

#feature-articles_page .photo .s_name {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  font-size: 20px;
  color: #fff;
  text-shadow: #000 1px 1px 2px, #000 -1px 1px 2px, #000 1px -1px 2px, #000 -1px -1px 2px;
  line-height: 1.5;
  width: 80%;
  text-align: center;
}

#feature-articles_page .photo .s_location {
  position: absolute;
  top: 68%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  color: #fff;
  text-shadow: #000 1px 1px 2px, #000 -1px 1px 2px, #000 1px -1px 2px, #000 -1px -1px 2px;
}

.s_tag_box {
  width: 90%;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto 14px;
}

.s_tag_box .tag1 {
  width: auto;
  padding: 4px;
  background-color: #fff;
  border: solid 1px #cccccc;
  text-align: center;
}

.btn {
  font-size: 14px;
  font-weight: 700;
  padding: 12px;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 100vh;
}

.btn--orange {
  color: #354f61;
  background-color: #b9e37c;
}

.area_link {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 50px;
}

.area_link li {
  border: 1px solid #7cbae3;
  border-radius: 3px;
  margin: 5px;
  width: 185px;
  background: #fff;
}

.area_link li a {
  font-size: 16px;
  display: block;
  text-align: center;
  padding: 5px 20px;
}
.area_link li a:hover {
  text-decoration: none;
}

@media screen and (max-width: 640px) {
  #glamping_article ul.wrapper_article li.main ul.tag_category .tag.tag2 {
    flex: 0 0 75%;
    margin-right: 1%;
  }

  .u_area {
    width: 80px;
  }

  #feature-articles_page .ttl_area {
    width: 96%;
    height: auto;
  }

  #feature-articles_page .ttl_area img {
    width: 100%;
    height: auto;
    object-fit: cover;
     margin-bottom: 20px;
  }

  #feature-articles_page .feature-top h2.area::after {
    width: 97%;
  }

  #feature-articles_page ul.feature-p .feature-bk {
    background-color: #eef5f9;
    flex-direction: row;
    flex-wrap: nowrap;
  }

  #feature-articles_page ul.feature-p .feature-bk.salesp {
    flex-direction: column;
  }

  #feature-articles_page ul.feature-p .feature-bk li {
    width: 100%;
  }

  .area_link {
    text-decoration: none;
    flex-wrap: wrap;
    gap: 10px 2%;
  }

  .area_link li {
    width: 40%;
    margin: 0;
  }

  .area_link li a {
  font-size: 16px;
  padding: 5px 10px;
}
}

/*20240318 広告用ページ*/
#lp_page .ttl_area {
  position: relative;
  margin-bottom: 100px;
}

#lp_page .ttl_area h1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
  font-size: 6rem;
  text-shadow: 2px 2px 2px #333;
  width: 80%;
}

#lp_page .ttl_area h1 span {
  color: #fff;
  font-size: 32px;
}

#lp_page p.s_name {
  padding: 10px;
  font-size: 24px;
}

#lp_page > ul > li {
  position: relative;
}

#lp_page p.s_location {
  padding: 3px 10px;
  font-size: 18px;
  position: absolute;
  top: 0px;
  left: 0px;
  background: #ee955c;
  color: #fff;
}

#lp_page p.tag {
  justify-content: flex-start;
  width: 94%;
  margin: 0 auto 10px;
}

#lp_page p.tag a {
  background: #fff;
  padding: 2px;
  margin: 2px;
  margin-right: 1px;
  font-size: 13px;
}

.sale_content ul.feature-p .feature-bk,
#lp_page ul.feature-p .feature-bk {
  height: auto;
}

#lp_page .no_line p {
  margin-bottom: 20px;
}

@media screen and (max-width: 640px) {
  #lp_page .ttl_area {
    height: auto;
    margin-bottom: 20px;
  }

  #lp_page ul.feature-p .feature-bk {
    height: auto;
  }

  #lp_page ul.area_content li.prt {
    width: 48%;
    padding: 0 1%;
  }

  #lp_page p.s_name {
    font-size: 16px;
  }

  #lp_page p.s_location {
    font-size: 14px;
  }

  /* sale*/
  #feature-articles_page .photo .s_name {
    font-size: 15px;
    width: 100%;
  }

  #feature-articles_page .photo .s_location {
    top: 83%;
    font-size: 13px;
    width: 100%;
    text-align: center;
  }

  #feature-articles_page .photo .s_tag {
    font-size: 10px;
  }

  #feature-articles_page ul.feature-p .feature-bk {
    padding-bottom: 1%;
  }

  .sale_content .feature-p .feature-bk {
    height: 396px;
  }

  #feature-articles_page ul.area_content li.prt {
    padding: 0 1%;
  }

  .sale_content ul.area_content li.prt {
    width: 48%;
  }

  #feature-articles_page .s_tag_box .tag1 {
    font-size: 11px;
  }

  #feature-articles_page ul.feature-p p.caption3 {
    font-size: 16px;
  }

  #feature-articles_page ul.feature-p {
    padding: 2% 0;
    width: auto;
  }

  #lp_page p.s_name {
    padding: 8px 8px 2px 8px;
  }

  #lp_page .ttl_area h1 {
    font-size: 2rem;
  }

  #lp_page .ttl_area h1 span {
    font-size: 16px;
  }

  #lp_page p.s_location {
    top: 0px;
    left: 4px;
  }
}

/* ------------------------------

   20211221 追加　事業用地情報・出店希望者様募集

------------------------------ */
@media screen and (max-width: 640px) {
  #f_strengths .ttl_area,
  #f_strengths .ttl_area .mask,
  #f_strengths .ttl_area2,
  #f_strengths .ttl_area2 .mask {
    height: 260px !important;
  }

  #f_strengths .ttl_area ul.outer li.txt {
    margin-top: 70px;
  }

  #f_strengths .ttl_area ul.outer li.txt h1 {
    font-size: 26px;
  }

  #f_strengths .ttl_area ul.outer li.txt h2 {
    font-size: 18px;
    width: 90%;
  }

  #strengths h2 {
    font-size: 20px;
  }

  #strengths p.s_ttl_point {
    width: 84%;
    margin: 30px auto 30px;
    font-size: 17px;
  }

  #strengths p.s_ttl_point::before {
    font-size: 12px;
    top: -21px;
    height: auto;
  }

  #strengths p.s_ttl_other {
    width: 84%;
    margin: 30px auto 30px;
    font-size: 18px;
  }

  #strengths p.s_ttl_other::before {
    font-size: 12px;
    top: -21px;
    height: auto;
  }

  #strengths p.s_top_p {
    font-size: 16px;
    margin-bottom: 30px !important;
    width: 92%;
    margin: 0 auto;
  }

  .balloon1 {
    height: 142px;
  }

  .balloon1 h3 {
    font-size: 19px;
  }

  #strengths ul.s_box3 {
    margin-bottom: 60px;
  }

  #strengths ul.s_box3 ul {
    flex-direction: column;
  }

  #strengths ul.s_box3 li {
    width: 100%;
    margin-bottom: 30px;
  }

  #strengths ul.s_box3 li p {
    width: 80%;
  }

  /*問い合わせフォーム*/
  .wrapper_s_form .inquiry {
    width: 96%;
    margin: 0 auto;
  }

  .wrapper_s_form .inquiry tr {
    display: flex;
    flex-direction: column;
    height: auto;
    margin-bottom: 20px;
  }

  .wrapper_s_form .inquiry tr:last-child {
    height: 220px;
  }

  .wrapper_s_form .inquiry th {
    width: 100%;
  }

  .wrapper_s_form .inquiry td {
    width: 100%;
  }

  .wpcf7-form-control-wrap .wpcf7-form-control {
    width: 94% !important;
    margin-top: 10px;
  }
}

/* ------------------------------

   20220915 追加　SNSボタン

------------------------------ */
.snsicon {
  text-align: center;
  margin-bottom: 20px;
}

/* ボタン全体 */
.flowbtn17 {
  border-radius: 50%;
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  font-size: 30px;
  text-decoration: none;
  transition: 0.5s;
  background-color: #444;
  color: #fff;
}

/* ボタンマウスホバー時のテキスト指定 */
.flowbtn17:hover {
  text-decoration: none;
}

/* アイコンをど真ん中に */
.flowbtn17 i {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* Instagramマウスホバー時 */
.flowbtn17.insta_btn2:hover {
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
}

/* ------------------------------

   20221129 追加　カテゴリー・タグに追加

------------------------------ */
.plan_btn {
  margin: 20px auto !important;
  text-align: center;
}

.plan_btn span,
.plan_btn a {
  padding: 12px;
  background: #85c7f2;
  color: #fff;
}

@media screen and (max-width: 640px) {
  .plan_btn span,
  .plan_btn a {
    padding: 10px 4px;
    font-size: 12px;
  }
}


/* ------------------------------

   20221130 追加　コラム記事用

------------------------------ */
.plan_btn2 {
  margin: 20px auto !important;
}

.plan_btn2 a {
  padding: 12px 15px;
  background: #85c7f2;
  color: #fff;
      line-height: 1.5;
      display: inline-block;
}

@media screen and (max-width: 640px) {
  .plan_btn2 {
    text-align: center;
  }
}

/* ___________________________________

  top トップ　バナー
____________________________________ */
.wrapper_content .top_bnr {
  margin: 0 auto 40px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

.wrapper_content .top_bnr a {
  width: 44%;
}

.wrapper_content .top_bnr img {
  margin: 0 auto;
}

@media screen and (max-width: 640px) {
  .top_bnr_pc {
    display: none !important;
  }

  .wrapper_content .top_bnr {
    margin: 0 auto 40px;
    width: 100%;
  }

  .wrapper_content .top_bnr a {
    width: 96%;
    margin-top: 1%;
  }
}

@media screen and (min-width: 640px) {
  .top_bnr_sp {
    display: none !important;
  }
}

/* ___________________________________

  top トップ　変更202305～
____________________________________ */
/* 日本地図DOM */
.map_box_pc {
  width: 100%;
  max-width: 1400px;
  display: flex;
  margin: 0 auto;
}

.map_box_sp {
  display: none;
}

.prt_japan {
  display: flex;
  flex-wrap: wrap;
}

.map_box {
  width: 100%;
}

.japan_map {
  position: relative;
  box-sizing: border-box;
  margin: 60px 0;
  display: table;
}

@media screen and (max-width: 1300px) {
  .map_box_pc {
    display: none;
  }

  .map_box_sp {
    display: block;
  }

  .japan_map {
    width: 96%;
    margin: 30px auto;
  }
}

/* 日本地図画像（スマホ対応用） */
.japan_map img {
  width: 100%;
  max-width: 525px;
  margin: 0 auto;
  height: auto;
  border: 0;
  -webkit-backface-visibility: hidden;
}

/* 日本地図画像（スマホ対応用） */
.japan_map_right img {
  width: 100%;
  margin: 0 auto;
  height: 600px;
  border: 0;
  -webkit-backface-visibility: hidden;
}

/* 日本地図ボタン */
.japan_map .area_btn {
  position: absolute;
  z-index: 1;
}
.japan_map .area_btn > p,
.japan_map span.area_btn {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  box-sizing: border-box;
  cursor: pointer;
  border: 2px solid #888888;
  border-radius: 5px;
  background-color: #fff;
}

.japan_map .area_btn > .area-detail-box {
  min-width: 140px;
  width: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 36px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.japan_map .area_btn.-open {
  z-index: 10;
}
.japan_map .area_btn.-open > .area-detail-box {
  opacity: 1;
  visibility: visible;
}
.japan_map .area_btn > .area-detail-box > .area-close-btn {
  position: absolute;
  top: 5px;
  right: 10px;
  cursor: pointer;
}
.japan_map .area_btn > .area-detail-box > .area-close-btn:before {
  content: "\f00d";
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
}
.japan_map .area_btn > .area-detail-box > .area-list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  background: #fff;
  border: 2px solid #4ba1db;
  border-radius: 5px;
  gap: 10px;
  padding: 20px 10px;
}
.japan_map .area_btn > .area-detail-box > .area-list > li > a:hover {
  color: #4ba1db;
}
@media only screen and (min-width: 1025px) {
  .japan_map .area_btn:hover {
    z-index: 10;
  }
  .japan_map .area_btn:hover > .area-detail-box {
    opacity: 1;
    visibility: visible;
  }
}

/* ボタン配置（使用する日本地図画像により微調整） */
.japan_map .area_btn.area1 {
  top: 20%;
  right: 10%;
  width: 20%;
}

.japan_map .area_btn.area11 {
  top: 45%;
  right: 15%;
  width: 20%;
}

.japan_map .area_btn.area2 {
  top: 57%;
  right: 23.5%;
  width: 25%;
}

.japan_map .area_btn.area3 {
  top: 66%;
  right: 40.5%;
  width: 25%;
}

.japan_map .area_btn.area4 {
  top: 80%;
  right: 46%;
  width: 20%;
}

.japan_map .area_btn.area5 {
  top: 78%;
  left: 8%;
  width: 25%;
}

.japan_map .area_btn.area6 {
  top: 91%;
  left: 0;
  width: 25%;
}

.japan_map .area_btn.area7 {
  top: 28%;
  left: 14%;
  width: 25%;
}

.japan_map .area_btn.area8 {
  top: 15%;
  left: 6%;
  width: 33%;
}

/* オーバーレイ */
.japan_map .area_overlay {
  display: none;
  position: absolute;
  z-index: 2;
  top: 0;
  right: -875px;
  min-width: 100%;
  min-height: 100%;
  width: 804px;
  height: auto;
  background-color: #e7e7e7;
  opacity: 0.3;
  /*cursor: pointer;*/
}

/* オーバーレイ */
.japan_map .area_overlay8 {
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  right: -875px;
  min-width: 100%;
  min-height: 100%;
  width: 804px;
  height: auto;
  background-color: #e7e7e7;
  opacity: 0.3;
  /*cursor: pointer;*/
}

@media screen and (max-width: 1300px) {
  .japan_map .area_overlay {
    right: 0;
    width: auto;
  }
}

/* 選択前は表示を隠す */
.japan_map .pref_area {
  display: none;
}

.japan_map .pref_area a {
  padding: 0.5em;
  display: block;
}

/* 地域毎の都道府県リスト */
.japan_map .pref_list {
  position: absolute;
  top: 50%;
  right: -1281px;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  z-index: 3;
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 800px;
}

.prt_japan > li {
  width: 32%;
  margin: 0 1% 1% 0;
}

.prt_japan > li > ul > li.ttl_map {
  height: 170px;
}

.prt_japan > li > ul > li.ttl_map p.caption_map {
  position: relative;
  color: #fff;
  font-size: 18px;
  text-align: center;
  text-shadow: #000 1px 1px 2px, #000 -1px 1px 2px, #000 1px -1px 2px, #000 -1px -1px 2px;
  line-height: 1.5;
  width: 85%;
  margin: -135px auto 0;
}

.prt_japan > li > ul > li.ttl_map p.caption_map span {
  font-size: 15px;
}

.prt_japan > li > ul > li.ttl_map p.caption_map:hover {
  text-decoration: none !important;
}

@media screen and (max-width: 1300px) {
  .japan_map .pref_list {
    top: 50%;
    left: 50%;
    background-color: #fff;
    width: 90%;
  }
}

.japan_map .pref_list > div {
  box-sizing: border-box;
  width: 50%;
  border: 1px solid #ccc;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
}

.japan_map .pref_list > div.map_child_btn {
  background: #fff;
  width: 300px;
  margin: 5px auto;
}

.japan_map .pref_list > div.map_child_btn a {
  display: block;
  padding: 5px 0px;
}

@media screen and (max-width: 1300px) {
  /* スマホユーザー向けにボタン文字サイズを調整 */
  .japan_map .area_btn {
    font-size: 3vw;
  }

  .batsu {
    display: block;
    position: relative;
    width: 45px;
    height: 45px;
  }

  .batsu::before,
  .batsu::after {
    /* 共通設定 */
    content: "";
    position: absolute;
    top: 44.5%;
    right: -1235px;
    width: 5px;
    /* 棒の幅（太さ） */
    height: 30px;
    /* 棒の高さ */
    background: #fff;
  }

  .batsu::before {
    transform: translate(-50%, -50%) rotate(45deg);
  }

  .batsu::after {
    transform: translate(-50%, -50%) rotate(-45deg);
  }
}

.top_menu_box {
  margin: 80px auto;
}

.top_menu {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  max-width: 1200px;
  width: 96%;
  margin: 0 auto;
}

@media screen and (max-width: 1300px) {
  .top_menu {
    width: auto;
    width: 96%;
  }
}

.top_menu .box {
  display: inline-block;
  position: relative;
}

.top_menu .box p {
  position: absolute;
  color: #fff;
  bottom: 6px;
  left: 5px;
}

.top_menu .box a {
  /*margin-right: 10px;*/
}

.top_menu .box img {
  width: 300px;
  height: 200px;
  object-fit: cover;
  margin-right: 10px;
  border-radius: 5px;
}

@media screen and (max-width: 1300px) {
  /* スマホユーザー向けにボタン文字サイズを調整 */
  .top_menu .box img {
    width: 150px;
    height: 150px;
  }
}

/*個人情報保護方針*/
.pp_w {
  width: 90%;
  margin: 100px auto;
}

.pp_w h2 {
  padding: 20px 0;
  font-weight: bold;
}

.pp_w p {
  padding: 20px 0;
}

/* ------------------------------



------------------------------ */
#f_strengths .ttl_area.ttl_area3 {
  width: 100%;
  height: 400px;
  margin: 0 auto;
  background: url(img/participation/bg_ttl_area.jpg) no-repeat top center;
  background-size: cover;
}

/* ---------------------------------------------
*   言語切替
--------------------------------------------- */
.translated-ltr .is-only-ja,
[lang="en"] .is-only-ja,
[lang="zh-CN"] .is-only-ja,
[lang="zh-TW"] .is-only-ja {
  display: none;
}

/*  地図マップ
--------------------------------------------- */
[lang="en"] .japan_map .area_btn {
  font-size: 16px;
}

[lang="en"] .japan_map .area_btn.area5 {
  width: 32%;
  top: 80%;
}

[lang="en"] .japan_map .area_btn {
  width: 30%;
}

[lang="en"] .japan_map .area_btn.area4 {
  top: 85%;
}

@media screen and (max-width: 1300px) {
  [lang="en"] .japan_map .area_btn {
    font-size: 3vw;
  }
}

/* ---------------------------------------------
*   言語切り替えボタンのSP調整
--------------------------------------------- */
@media screen and (max-width: 640px) {
  .gtranslate_wrapper #gt_float_wrapper {
    bottom: 60px !important;
    left: 10px !important;
  }
}

/* ---------------------------------------------
*   施設　言語切替
--------------------------------------------- */
#plans1,
#plans2,
#plans3 {
  width: 100%;
  margin: 0 auto;
  padding: 4% 0;
}

#plans1,
#plans2,
#plans3 {
  display: none;
}

[lang="en"] #plans1,
[lang="zh-TW"] #plans2,
[lang="zh-CN"] #plans3 {
  display: block;
}

[lang="en"] #plans1 .btn-r:not(.is-en),
[lang="zh-TW"] #plans2 .btn-r:not(.is-zh-tw),
[lang="zh-CN"] #plans3 .btn-r:not(.is-zh-cn) {
  display: block;
}

[lang="en"] #plans,
[lang="zh-TW"] #plans,
[lang="zh-CN"] #plans {
  display: none;
}

[lang="en"] #plans .btn-r:not(.is-ja),
[lang="zh-TW"] #plans .btn-r:not(.is-ja),
[lang="zh-CN"] #plans .btn-r:not(.is-ja) {
  display: none;
}

/* ---------------------------------------------
*   TOP　言語ごとに切替
--------------------------------------------- */
.is-only-en,
.is-only-zh-tw,
.is-only-zh-cn {
  display: none;
}

[lang="en"] .is-only-en,
[lang="zh-TW"] .is-only-zh-tw,
[lang="zh-CN"] .is-only-zh-cn {
  display: block;
}

/* ---------------------------------------------
*   TOP　外国語版
--------------------------------------------- */
.top_area ul {
  text-align: center;
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(3, auto);
  gap: 5px;
  margin: 5px;
}

.top_area ul li {
  position: relative;
}

.top_area ul li img {
  width: 100%;
  object-fit: cover;
}

.top_area ul li p {
  text-align: center;
  position: absolute;
  color: #fff;
  text-align: center;
  text-shadow: #000 1px 1px 2px, #000 -1px 1px 2px, #000 1px -1px 2px, #000 -1px -1px 2px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 18px;
}

@media screen and (max-width: 640px) {
  .top_area ul {
    grid-template-rows: repeat(5, auto);
  }

  .top_area ul li p {
    font-size: 16px;
  }
}

/* ---------------------------------------------
*   instagram
--------------------------------------------- */
.instagram_container {
  max-width: 1200px;
  margin: 0 auto;
}

/* ---------------------------------------------
*   施設　アーカイブ　20231212
--------------------------------------------- */
.choice-btn {
  opacity: 0;
  transition: 0.2s;
}

.choice-btn.slick-initialized {
  opacity: 1;
}

.gallery {
  margin: 0 0 5px 0;
}

/*矢印の設定*/
/*戻る、次へ矢印の位置*/
.gallery .slick-prev,
.gallery .slick-next {
  position: absolute;
  /*絶対配置にする*/
  z-index: 3;
  top: 42%;
  cursor: pointer;
  /*マウスカーソルを指マークに*/
  outline: none;
  /*クリックをしたら出てくる枠線を消す*/
  border-top: 2px solid #fff;
  /*矢印の色*/
  border-right: 2px solid #fff;
  /*矢印の色*/
  height: 25px;
  width: 25px;
}

.gallery .slick-prev {
  /*戻る矢印の位置と形状*/
  left: 2.5% !important;
  transform: rotate(-135deg);
}

.gallery .slick-next {
  /*次へ矢印の位置と形状*/
  right: 2.5% !important;
  transform: rotate(45deg);
}

.gallery .slick-prev:before,
.slick-next:before {
  display: none;
}

/*選択するサムネイル画像の設定*/
.choice-btn li {
  cursor: pointer;
  outline: none;
  background: #333;
  width: 25% !important;
}

.choice-btn li img {
  opacity: 1;
  /*選択されていないものは透過40%*/
}

.choice-btn .slick-track {
  transform: unset !important;
  /*画面幅サイズ変更に伴うサムネイル固定*/
  width: auto !important;
  /*height: 100px !important;*/
  overflow: hidden;
}

.slick-list img {
  width: 100%;
}

#post-list li ul.inner li.txt .accomodation_title,
#post-list_en li ul.inner li.txt .accomodation_title {
  font-size: 24px;
  padding: 0 4% 0 2%;
}

#post-list li ul.inner li.txt p,
#post-list_en li ul.inner li.txt p {
  font-size: 15px;
  padding: 3% 4% 0 2%;
}

.accommodation_inner {
  margin-bottom: 4%;
  display: flex;
  flex-direction: unset;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 10px;
  background: #f6f6f6;
}

@media screen and (max-width: 640px) {
  #post-list .fb_column,
  #post-list_en .fb_column {
    display: block;
  }

  #post-list li ul.inner li,
  #post-list_en li ul.inner li {
    width: 100%;
  }

  .accommodation_inner {
    flex-direction: column;
    width: 100%;
  }
}

/* アクセス追加　*/
#access .fb_column li.photo img {
  width: 80%;
  margin: 0 auto;
  padding-top: 5%;
}
/* ---------------------------------------------
*   single-accomodation　言語切替
--------------------------------------------- */
@media screen and (min-width: 640px) {
  #fadeInBnr-en,
  #fadeInBnr-zh-tw,
  #fadeInBnr-zh-cn,
  #fadeInNav-en {
    display: none;
  }

  [lang="en"] #fadeInBnr-en,
  [lang="zh-TW"] #fadeInBnr-zh-tw,
  [lang="zh-CN"] #fadeInBnr-zh-cn {
    display: block;
  }

  [lang="en"] #fadeInBnr-en:not(.is-en),
  [lang="zh-TW"] #fadeInBnr-zh-tw:not(.is-zh-tw),
  [lang="zh-CN"] fadeInBnr-zh-cn:not(.is-zh-cn) {
    display: block;
  }

  [lang="en"] #fadeInBnr-ja,
  [lang="zh-TW"] #fadeInBnr-ja,
  [lang="zh-CN"] #fadeInBnr-ja {
    display: none;
  }

  [lang="en"] #fadeInBnr-ja:not(.is-ja),
  [lang="zh-TW"] #fadeInBnr-ja:not(.is-ja),
  [lang="zh-CN"] #fadeInBnr-ja:not(.is-ja) {
    display: none;
  }
}

@media screen and (max-width: 640px) {
  #fadeInNav-en,
  #fadeInNav-zh-tw,
  #fadeInNav-zh-cn,
  #fadeInNav-en {
    display: none;
  }

  [lang="en"] #fadeInNav-en,
  [lang="zh-TW"] #fadeInNav-zh-tw,
  [lang="zh-CN"] #fadeInNav-zh-cn {
    display: block;
  }

  [lang="en"] #fadeInNav-en:not(.is-en),
  [lang="zh-TW"] #fadeInNav-zh-tw:not(.is-zh-tw),
  [lang="zh-CN"] fadeInNav-zh-cn:not(.is-zh-cn) {
    display: block;
  }

  [lang="en"] #fadeInNav,
  [lang="zh-TW"] #fadeInNav,
  [lang="zh-CN"] #fadeInNav {
    display: none;
  }

  [lang="en"] #fadeInNav:not(.is-ja),
  [lang="zh-TW"] #fadeInNav:not(.is-ja),
  [lang="zh-CN"] #fadeInNav:not(.is-ja) {
    display: none;
  }
}

#fadeInNav i,
#fadeInNav-en i,
#fadeInNav-zh-tw i,
#fadeInNav-zh-cn i {
  font-size: 20px;
  line-height: 1.5;
}

#wrapper_report .fb_column {
  padding-bottom: 10px;
}

#wrapper_accommodation .gallery > li:not(:first-child),
#wrapper_accommodation_en .gallery > li:not(:first-child) {
  display: none;
}

#wrapper_accommodation .gallery img,
#wrapper_accommodation_en .gallery img {
  width: 600px;
  height: 400px;
}

@media screen and (max-width: 640px) {
  #wrapper_accommodation .gallery img,
  #wrapper_accommodation_en .gallery img {
    height: calc(100vw * (768 / 1152));
  }
}

@media screen and (max-width: 640px) {
  #wrapper_accommodation .choice-btn img,
  #wrapper_accommodation_en .choice-btn img {
    height: calc(100vw * (100 / 515));
  }
}

/*#wrapper_accommodation .gallery li {
	width: 600px!important;
}*/
/*動画*/
.p-top-fv__sp video {
  width: 100%;
}

/* 動画　20240409追加*/
.p-video,
.p-archive-video {
  margin-bottom: 5.75rem;
  max-width: 87rem;
  margin-left: auto;
  margin-right: auto;
}

.p-video video,
.p-archive-video video {
  width: 100%;
}

.p-video ul,
.p-archive-video ul {
  display: flex;
}

.p-video li,
.p-archive-video li {
  padding: 1%;
}

.p-archive-video li {
  width: 23%;
}

.p-archive-video ul {
  display: flex;
  flex-wrap: wrap;
}

.top_video,
.p-archive-video {
  text-align: center;
  position: relative;
}

/*.top_video:before {
  content: "\f167";
  font-size: 65px;
  font-weight: 900;
  font-family: "FONT AWESOME 5 BRANDS";
  color: red;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}*/

.top_video > img {
  width: 280px;
  height: 498px;
  object-fit: cover;
  cursor: pointer;
}

.top_video.on:before {
  display: none;
}

@media screen and (max-width: 768px) {
  .top_video > img {
    width: 200px;
    height: 357px;
  }
}

.top_video iframe,
.p-archive-video iframe {
  width: 280px;
  height: 498px;
  left: 0px;
  top: -498px;
}

.p-video__inner ul {
  overflow-x: scroll;
}

.p-video__inner li {
  flex-shrink: 0;
}

.p-video__inner ul::-webkit-scrollbar {
  height: 14px;
  /* スクロールバーの高さ */
}

.p-video__inner ul::-webkit-scrollbar-thumb {
  background: #b3cbec;
  /* ツマミの色 */
  border-radius: 7px;
  /* ツマミ両端の丸み */
}

.p-video__inner ul::-webkit-scrollbar-track {
  background: #d9e5f6;
  /* トラックの色 */
  border-radius: 7px;
  /* トラック両端の丸み */
}

@media screen and (max-width: 768px) {
  .p-video ul {
    overflow-x: scroll;
  }

  .p-video li {
    width: 53%;
    margin: 5px;
    flex-shrink: 0;
  }

  .top_video {
    width: 200px;
  }

  .p-archive-video li {
    width: 100%;
  }

  .p-video .wh {
    width: 200px !important;
  }

  .top_video iframe {
    width: 208px;
    height: 370px;
  }

  .p-archive-video iframe {
    width: 274px;
    height: 487px;
  }
}

/* 地図から探す　20240514追加*/
.access-box {
  padding-top: 70px;
}

.access-box iframe {
  width: 100%;
  height: 460px;
  display: block;
  margin-bottom: 40px;
}

.map_content {
  width: 1200px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .map_content {
    width: 96%;
  }
}

/* 詳細ページセール 20240524追加*/
.wrapper_sale {
  margin-bottom: 20px;
}

.sale_box {
  display: flex;
  width: 700px;
  margin: 0 auto;
  background: #fadac9;
}

.sale_item {
  text-align: center;
  width: 50%;
}

.sale_item.tit {
  font-size: 19px;
  padding-top: 8%;
}

@media screen and (max-width: 768px) {
  .sale_box {
    display: block;
    width: 80%;
  }

  .sale_item {
    width: 100%;
    padding: 0;
  }

  .sale_item .fb_row {
    width: 80%;
  }

  .sale_item.tit {
    padding-top: 20px;
  }
}

#feature-articles_page ul.feature-p p.caption3 span.notranslate {
  font-size: 18px;
}

/* ___________________________________

  モーダルウィンドウ
____________________________________ */
.modal {
  display: none;
  /* デフォルトは非表示 */
  position: fixed;
  /* 固定表示 */
  z-index: 1;
  /* 最前面に表示 */
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  /* 必要に応じてスクロール */
  background-color: rgba(0, 0, 0, 0.5);
  /* 背景の半透明 */
  z-index: 9999999;
}

.modal_wrap {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal_content {
  width: 95%;
  margin: auto;
  padding: 20px;
  text-align: center;
}

.modal_content img {
  width: 100%;
  max-width: 800px;
  display: inline-block;
}

.modal_close {
  display: inline-block;
  padding: 10px 30px;
  margin-top: 10px;
  background: #7cbae3;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  border-radius: 10px;
}

.modal_close:hover,
.modal_close:focus {
  text-decoration: none;
  cursor: pointer;
}

#fix_bnr {
  width: 380px;
  text-align: right;
  position: fixed;
  top: 60px;
  right: 0;
  transform: translateX(100%);
  transition: all ease-in-out 0.5s;
  z-index: 999;
}

#fix_bnr img:nth-child(1) {
  display: block;
}

#fix_bnr img:nth-child(2) {
  display: none;
}

#fix_bnr.active {
  transform: translateX(0);
}

#bnr_close {
  display: inline-block;
  padding: 5px;
  margin-top: 5px;
  background: #7cbae3;
  color: #fff;
  font-size: 32px;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
}

#bnr_close:hover,
#bnr_close:focus {
  text-decoration: none;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  #fix_bnr {
    width: 100%;
    top: 61px;
    transform: translateY(-100%);
    opacity: 0;
  }

  #fix_bnr.active {
    transform: translateY(0);
    opacity: 1;
  }

  #fix_bnr img:nth-child(1) {
    display: none;
  }

  #fix_bnr img:nth-child(2) {
    display: block;
  }

  #bnr_close {
    position: absolute;
    top: -20px;
    left: 0px;
  }
}

.hide_active {
  display: none;
}

.scroll_wrap {
  padding: 80px 0;
}

@media screen and (max-width: 768px) {
  .scroll_wrap {
    padding: 40px 0;
    overflow-x: auto;
    white-space: nowrap;
  }
}

.top_cat_menu {
  width: 100%;
  max-width: 1200px;
  margin: auto;
  overflow-x: scroll;
  overflow-y: hidden;
}

.cat_menu {
  display: flex;
  width: 100%;
}

.cat_menu .box {
  width: 25%;
  box-sizing: border-box;
  padding: 10px;
  position: relative;
  min-width: 120px;
  flex-shrink: 0;
}

.cat_menu .box img {
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
  display: block;
}

.cat_menu .box p {
  font-size: 20px;
  position: absolute;
  color: #fff;
  bottom: 20px;
  left: 20px;
  text-shadow: rgba(0, 0, 0, 0.6) 1px 1px 3px;
}

.scrollbar::-webkit-scrollbar {
  height: 12px;
}

.scrollbar::-webkit-scrollbar-track {
  background: #eee;
}

.scrollbar::-webkit-scrollbar-button {
  display: none;
}

.scrollbar::-webkit-scrollbar-thumb,
.scrollbar::-webkit-scrollbar-corner {
  height: 6px;
  background: #c6e6f9;
  border-radius: 5px;
  cursor: grab;
}

@media screen and (max-width: 768px) {
  .top_cat_menu {
    width: 96%;
    margin: auto;
  }

  .cat_menu {
    width: 220%;
    display: flex;
    gap: 1px;
    min-width: 100%;
  }

  .cat_menu .box {
    width: 150px;
    height: 150px;
    padding: 10px 5px;
    min-width: 150px;
  }
  .cat_menu .box p {
    font-size: 16px;
  }
}

.map_btn_wrap {
  width: 30%;
}

.area_list_wrap {
  width: 70%;
  position: relative;
}

/* インバウンドSNS*/
.sns_box li,
.instagram_box li {
  padding-right: 1%;
}

.wrapper_sns .snsicon p {
  font-size: 17px;
  padding: 20px 0;
}

@media screen and (max-width: 768px) {
  .instagram_box .fb_row {
    flex-wrap: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    justify-content: space-around;
  }
}

/* 施設ページタイトル20240731*/
.facility_list h2 {
  font-size: 22px;
  padding: 0 3%;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .wrapper_h2{
    margin: 7% 5%;
  }
  .facility_list h1{
    margin: 7% 5% !important;
  }
	.wrapper_sub_content h2 {
		margin: 0;
    font-size: 20px;
	}
}

.link_div {
  display: block;
  padding-top: 70px;
  margin-top: -70px;
}

/* インバウンドTOP20240911*/
@media screen and (max-width: 768px) {
  .cat_menu .bnr_top {
    width: auto;
    height: auto;
  }
}

nav#en-category ul.outer li,
nav#top_kw ul.outer li {
  flex: 0 0 31%;
  margin: 0;
  padding-bottom: 1%;
  font-size: 16px;
  color: #000;
  text-align: center;
}

nav#top_kw,
div#top_video,
div#top_instagram {
  padding-top: 80px;
}

.bnr_box {
  width: 70%;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .bnr_box {
    width: 96%;
  }

  nav#top_kw,
  div#top_video,
  div#top_instagram {
    padding-bottom: 40px;
    padding-top: 0;
    margin-bottom: 0;
  }
}

#glamping_article_list #post-list li,
#post-list_en li {
  flex: 0 0 49%;
}

.js-more-scope .is-hide {
  opacity: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  display: none !important;
}

.js-more-scope {
  opacity: 1 !important;
  height: auto !important;
  overflow: hidden !important;
}

/* .js-more-trigger.is-hide {
  display: none;
} */

.splide__slide {
  position: relative;
}

.splide__slide:before {
  display: block;
  padding-top: 56.25%;
}

.header-bnr {
  position: fixed;
  top: 1px;
  left: 0;
  width: 100%;
  z-index: 100;
}

.header-bnr > a {
  text-decoration: none;
  text-align: center;
  display: none;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  background: #ea6736;
  padding: 7px 0;
}

/*html[lang="zh-TW"] .wrapper,
html[lang="zh-CN"] .wrapper,
html[lang="en"] .wrapper {
  padding-top: 128px;
}*/

html[lang="en"] .header-bnr > a.is-only-en,
html[lang="zh-TW"] .header-bnr > a.is-only-zh-tw,
html[lang="zh-CN"] .header-bnr > a.is-only-zh-cn {
  display: flex;
}

.header-bnr > a:before {
  content: "";
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  border: dashed #fff 1px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.header-bnr > a > span {
  display: inline-block;
}

.header-bnr > a > span.ttl01 {
  font-size: 2rem;
  font-weight: 700;
  color: #fff;
  /*text-shadow: 0 0 5px #fff;*/
}

.header-bnr > a > span.sale-txt {
  font-size: 2.5rem;
  font-weight: 700;
  color: #fff;
  margin: 0 20px;
}

.header-bnr > a > span.click-txt {
  font-size: 1.3rem;
  font-weight: 700;
  color: #000;
  background: #fcd60e;
  border: 2px solid #fff;
  padding: 1px 10px;
  border-radius: 20px;
  transition: 0.3s;
}

.header-bnr > a:hover > span.click-txt {
  background: #ea6736;
  color: #fff;
}

html[lang="zh-TW"] .header-bnr,
html[lang="zh-CN"] .header-bnr,
html[lang="en"] .header-bnr {
  display: block !important;
}

html[lang="zh-TW"] .header-bnr + header,
html[lang="zh-CN"] .header-bnr + header,
html[lang="en"] .header-bnr + header {
  top: 67px;
}

.header-bnr.-black > a {
  background: #000;
}

.header-bnr.-black > a > span.ttl01 {
  display: inline-block;
  background: linear-gradient(0deg, #8c7537 0%, #dbb00b 45%, #fde79d 70%, #dbb10c 85%, #bc7f04 90% 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: unset;
}

.header-bnr.-black > a > span.click-txt {
  background: linear-gradient(90deg, #b39855 0%, #fff9e6 50%, #b39855 100%);
}

.header-bnr.-black > a:hover > span.click-txt {
  color: #000;
}

.header-bnr .snow-container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  z-index: 10;
}

@keyframes confetti1 {
  0% {
    top: -10%;
    transform: translateX(0) rotateX(0) rotateY(0);
  }

  25% {
    top: 25%;
    transform: translateX(-1vw) rotateX(40deg) rotateY(90deg);
  }

  50% {
    top: 50%;
    transform: translateX(2vw) rotateX(80deg) rotateY(180deg);
  }

  75% {
    top: 75%;
    transform: translateX(-1vw) rotateX(120deg) rotateY(270deg);
  }

  100% {
    top: 100%;
    transform: translateX(1vw) rotateX(160deg) rotateY(360deg);
  }
}

@keyframes animate-snow {
  0% {
    opacity: 0;
    top: -10%;
  }

  10% {
    opacity: 0.5;
  }

  90% {
    opacity: 0.5;
  }

  100% {
    opacity: 0;
    top: 100vh;
  }
}

.snow {
  background-color: #e2d06e;
  /* border-radius: 50%; */
  opacity: 0.7;
  position: absolute;
  top: -10%;
  animation: confetti1 7s linear;
}

@media screen and (max-width: 1200px) {
  .header-bnr > a > span.ttl01 {
    font-size: 1.6rem;
  }

  .header-bnr > a > span.sale-txt {
    font-size: 2.02rem;
  }

  .header-bnr > a > span.click-txt {
    font-size: 1.1rem;
  }

  html[lang="zh-TW"] .wrapper,
  html[lang="zh-CN"] .wrapper,
  html[lang="en"] .wrapper {
    padding-top: 56px;
  }
}

@media screen and (max-width: 768px) {
  html[lang="zh-TW"] .header-bnr + header,
  html[lang="zh-CN"] .header-bnr + header,
  html[lang="en"] .header-bnr + header {
    top: 57px;
  }

/*  html[lang="zh-TW"] .wrapper,
  html[lang="zh-CN"] .wrapper,
  html[lang="en"] .wrapper {
    padding-top: 116px;
  }*/
}

@media screen and (max-width: 590px) {
  .header-bnr > a {
    padding: 3px 0;
  }

  .header-bnr > a > span.ttl01 {
    font-size: 1.4rem;
    width: 100%;
  }

  .header-bnr > a > span.sale-txt {
    font-size: 1.8rem;
  }

  .header-bnr > a > span.click-txt {
    font-size: 1rem;
  }

  html[lang="zh-TW"] .header-bnr + header,
  html[lang="zh-CN"] .header-bnr + header,
  html[lang="en"] .header-bnr + header {
    top: 74px;
  }

/*  html[lang="zh-TW"] .wrapper,
  html[lang="zh-CN"] .wrapper,
  html[lang="en"] .wrapper {
    padding-top: 134px;
  }*/
}

/*コラムあわせて読みたい*/
.emphasize-link {
  position: relative;
  margin: 50px 0 16px;
  padding: 16px 10px;
  border: 2px solid #85c7f2;
  background-color: #fffbf5;
}

.emphasize-link p:last-child {
  margin-bottom: 0;
}

.emphasize-link::before {
  font-family: "Font Awesome 5 Free";
  position: absolute;
  bottom: 100%;
  left: -2px;
  padding: 2px 6px;
  content: "\f15c　M O R E　I N F O";
  background-color: #85c7f2;
  color: #fff;
  font-weight: bold;
  border-radius: 6px 6px 0px 0px;
}

/*閉じるバナー*/
.callout-container {
  position: fixed;
  z-index: 4;
  bottom: 55px;
  right: -110px;
  width: 200px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  padding: 5px;
  background: none;
}
@media screen and (max-width: 590px) {
  .callout-container {
    bottom: 42px;
    right: -85px;
    width: 150px;
  }
}

.callout-container img {
  width: 100%;
}

.bnr_close {
  position: absolute;
  top: -5px;
  right: 5px;
  color: white;
  font-size: 50px;
  padding: 10px;
  line-height: 1;
  cursor: pointer;
  z-index: 1;
}

.bnr_close:hover {
  color: lightgrey;
}

/* 250128追加 */
body.-open {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

header.page-header {
  height: auto;
  box-sizing: border-box;
}
header.page-header > .inner {
  width: 100%;
  max-width: 1200px;
  padding: 12.5px 80px 12.5px 20px !important;
  box-sizing: border-box;
  justify-content: flex-start;
  position: relative;
}
header.page-header > .inner .site-logo {
  flex: unset;
}
header.page-header > .inner .site-logo > a {
  width: auto;
  margin-right: 10px;
}
header.page-header > .inner .site-logo > a > img {
  width: unset;
  height: 28px;
  padding: 0;
}
header.page-header > .inner .site-logo > p {
  line-height: 1.2;
  padding: 0;
}
header.page-header > .inner .catchphrase {
  width: 410px;
}
header.page-header > .inner .catchphrase > h1 {
  font-size: 12px;
  line-height: 1.2;
}
header.page-header > .inner .catchphrase > p {
  font-size: 12px;
  line-height: 1.2;
  font-weight: 500;
}
header.page-header > .inner .login-member-txt {
  position: absolute;
  top: 50%;
  right: 80px;
  transform: translateY(-50%);
}
header.page-header > .inner .login-member-txt > br {
  display: none;
}
@media screen and (max-width: 1200px) {
  header.page-header {
    display: block;
  }
  html[lang="zh-TW"] .header-bnr + header,
  html[lang="zh-CN"] .header-bnr + header,
  html[lang="en"] .header-bnr + header {
    top: 57px;
  }
  [lang="en"] header.page-header > .inner,
  [lang="zh-CN"] header.page-header > .inner,
  [lang="zh-TW"] header.page-header > .inner {
    justify-content: center;
  }
}
@media screen and (max-width: 970px) {
  header.page-header > .inner .catchphrase {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  header.page-header > .inner {
    padding: 20px !important;
  }
  header.page-header > .inner .site-logo {
    flex: unset;
    margin-right: 0;
  }
  header.page-header > .inner .site-logo > a > img {
    height: 14px;
    padding: 0;
    margin: 0;
  }
  header.page-header > .inner .catchphrase {
    display: none;
  }
  header.page-header > .inner .login-member-txt {
    font-size: 13px;
    right: 65px;
  }
  header.page-header > .inner .login-member-txt > br {
    display: block;
  }
}
@media screen and (max-width: 640px) {
  header.page-header > .inner {
    flex-direction: row;
  }
}
@media screen and (max-width: 590px) {
  html[lang="zh-TW"] .header-bnr + header,
  html[lang="zh-CN"] .header-bnr + header,
  html[lang="en"] .header-bnr + header {
    top: 44px;
  }
}

#wp_nav_h {
  display: none !important;
}

#slide-menu-btn {
  width: 40px;
  height: 40px;
  border: 1px solid #ccc;
  border-radius: 3px;
  position: fixed;
  top: 5px;
  right: 20px;
  background: #fff;
  z-index: 1000002;
  cursor: pointer;
}

#slide-menu-btn .bdr-box {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#slide-menu-btn .bdr-box > span {
  width: 100%;
  height: 2px;
  display: block;
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  transition: 0.3s;
}
#slide-menu-btn .bdr-box > span:nth-of-type(1) {
  transform: translateY(-8px);
}
#slide-menu-btn .bdr-box > span:nth-of-type(3) {
  transform: translateY(8px);
}
body.-open #slide-menu-btn .bdr-box > span:nth-of-type(1) {
  transform: rotate(45deg);
}
body.-open #slide-menu-btn .bdr-box > span:nth-of-type(2) {
  opacity: 0;
}
body.-open #slide-menu-btn .bdr-box > span:nth-of-type(3) {
  transform: rotate(-45deg);
}
@media only screen and (max-width: 768px) {
  #slide-menu-btn {
    right: 10px;
  }
}

@media only screen and (max-width: 768px) {
  #fadeInNav ul.outer.fb_column {
    flex-wrap: nowrap;
  }
  #fadeInNav ul.outer.fb_column > li.txt {
    width: 100%;
    flex: unset;
  }
}

@media only screen and (max-width: 768px) {
  .wrapper {
    padding-top: 54px;
  }
}

.slide-menu-box {
  position: fixed;
  top: 0;
  right: -350px;
  overflow: auto;
  height: 100%;
  background: #fff;
  z-index: 1000001;
  width: 350px;
  max-width: 100%;
  padding: 80px 20px 40px;
  box-sizing: border-box;
  transition: 0.3s;
}

.slide-menu-box .logo-box {
  position: absolute;
  top: 18px;
  left: 50%;
  transform: translateX(-50%);
}
.slide-menu-box .logo-box > a {
  display: block;
}
.slide-menu-box .logo-box > a > img {
  width: 200px;
  height: auto;
}
.slide-menu-box .sml-login {
  margin-bottom: 30px;
}
.slide-menu-box .sml-login .sml-user-name {
  font-size: 16px;
  font-weight: 700;
  text-indent: 5px;
}
.slide-menu-box .sml-login .sml-user-name:before,
.slide-menu-box .sml-login .sml-user-name:after {
  font-size: 12px;
  font-weight: 400;
}
.slide-menu-box .sml-login .sml-user-name:before {
  display: block;
}
.slide-menu-box .sml-login .sml-user-name:after {
  margin-left: 5px;
}
.slide-menu-box .sml-login .sml-user-links {
  display: flex;
  flex-wrap: wrap;
}
.slide-menu-box .sml-login .sml-user-links > li {
  width: 50%;
}
.slide-menu-box .sml-login .sml-user-links > li:nth-of-type(2n) {
  width: calc(50% - 1px);
  border-left: 1px solid #ccc;
}
.slide-menu-box .sml-login .sml-user-links > li:nth-of-type(n + 3) {
  border-top: 1px solid #ccc;
}
.slide-menu-box .sml-login .sml-user-links > li > a {
  font-size: 14px;
  text-align: center;
  display: block;
  padding: 5px 10px;
}
@media only screen and (min-width: 769px) {
  .slide-menu-box .sml-login .sml-user-links > li > a {
    text-decoration: none;
    transition: 0.3s;
  }
  .slide-menu-box .sml-login .sml-user-links > li > a:hover {
    opacity: 0.7;
  }
}
.slide-menu-box .member-box {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 4%;
  margin-bottom: 20px;
}
[lang="en"] .slide-menu-box .member-box,
[lang="zh-TW"] .slide-menu-box .member-box,
[lang="zh-CN"] .slide-menu-box .member-box {
  display: none;
}
.slide-menu-box .member-box > div {
  width: 48%;
}
.slide-menu-box .member-box > div > .registration-btn,
.slide-menu-box .member-box > div > .login-btn {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  color: #4ba1db;
  display: block;
  background: #fff;
  border: 2px solid #4ba1db;
  padding: 8px 20px;
  border-radius: 30px;
  cursor: pointer;
  transition: 0.3s;
}
@media only screen and (min-width: 769px) {
  .slide-menu-box .member-box > div > .registration-btn:hover,
  .slide-menu-box .member-box > div > .login-btn:hover {
    color: #fff;
    background: #4ba1db;
  }
}
.slide-menu-box .member-box > div > .registration-btn {
  color: #fff;
  background: #000;
  border: 2px solid #000;
}
@media only screen and (min-width: 769px) {
  .slide-menu-box .member-box > div > .registration-btn:hover {
    text-decoration: none;
    color: #000;
    background: #fff;
  }
}
.slide-menu-box .small-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.slide-menu-box .small-btn > * + * {
  border-left: 1px solid #ccc;
}
.slide-menu-box .small-btn > li > a {
  font-size: 14px;
  text-decoration: none;
  color: #888;
  display: inline-block;
  padding: 0 10px;
}
@media screen and (min-width: 769px) {
  .slide-menu-box .small-btn > li > a {
    transition: 0.3s;
  }
  .slide-menu-box .small-btn > li > a:hover {
    opacity: 0.7;
  }
}
.slide-menu-box .slide-nav {
  margin-bottom: 50px;
}
.slide-menu-box .slide-nav > * + * {
  border-top: 1px solid #ddd;
}
.slide-menu-box .slide-nav > li > a,
.slide-menu-box .slide-nav > li > .slide-acc {
  font-size: 16px;
  font-weight: 700;
  padding: 12px 0;
  transition: 0.3s;
  position: relative;
}
@media screen and (min-width: 769px) {
  .slide-menu-box .slide-nav > li > a:hover,
  .slide-menu-box .slide-nav > li > .slide-acc:hover {
    opacity: 1;
    color: #4ba1db;
  }
}
.slide-menu-box .slide-nav > li > a.others:before,
.slide-menu-box .slide-nav > li > .slide-acc.others:before {
  content: "\f08e";
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  color: #666;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
.slide-menu-box .slide-nav > li > a {
  text-decoration: none;
  display: block;
}
.slide-menu-box .slide-nav > li > .slide-acc {
  cursor: pointer;
}
.slide-menu-box .slide-nav > li > .slide-acc:after {
  content: "+";
  text-align: center;
  line-height: 25px;
  color: #fff;
  width: 25px;
  height: 25px;
  background: #4ba1db;
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
.slide-menu-box .slide-nav > li > .slide-acc.-open:after {
  content: "-";
}
.slide-menu-box .slide-nav > li .in-nav {
  padding-left: 15px;
  display: none;
}
.slide-menu-box .slide-nav > li .in-nav > li {
  font-size: 16px;
  padding-left: 15px;
  position: relative;
}
.slide-menu-box .slide-nav > li .in-nav > li:before {
  content: "-";
  font-weight: 700;
  color: #4ba1db;
  position: absolute;
  top: 4px;
  left: 0;
}
.slide-menu-box .slide-nav > li .in-nav > li > a {
  text-decoration: none;
  display: block;
  padding: 5px 0;
}
@media screen and (min-width: 769px) {
  .slide-menu-box .slide-nav > li .in-nav > li > a:hover {
    opacity: 1;
    color: #4ba1db;
  }
}
.slide-menu-box .slide-nav > li > .in-nav {
  padding: 10px 0 20px 15px;
}
.slide-menu-box .slide-nav > li > .in-nav > li {
  position: relative;
}
.slide-menu-box .slide-nav > li > .in-nav > li > .slide-acc {
  font-size: 16px;
  top: 2px;
  right: 0;
  position: relative;
  padding: 5px 0;
  cursor: pointer;
}
.slide-menu-box .slide-nav > li > .in-nav > li > .slide-acc:before {
  content: "+";
  color: #fff;
  font-weight: 900;
  text-align: center;
  line-height: 23px;
  display: block;
  width: 25px;
  height: 25px;
  background: #4ba1db;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}

.slide-menu-box .slide-nav > li > .in-nav > li > .slide-acc.-open:before {
  content: "-";
}
.slide-menu-box .slide-nav > li > .in-nav > li > .in-nav {
  padding: 5px 10px;
}

.slide-menu-box .lang-ttl {
  font-size: 16px;
  color: #666;
  text-align: center;
  margin-bottom: 15px;
}
.slide-menu-box .lang-ttl:before {
  content: "\f57d";
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  margin-right: 10px;
}
.slide-menu-box .lang-table {
  width: 100%;
  table-layout: fixed;
  box-sizing: border-box;
}
.slide-menu-box .lang-table > tbody {
  box-sizing: border-box;
}
.slide-menu-box .lang-table > tbody > * + * {
  border-top: 1px solid #ddd;
}
.slide-menu-box .lang-table > tbody > tr {
  box-sizing: border-box;
}
.slide-menu-box .lang-table > tbody > tr > td {
  box-sizing: border-box;
}
.slide-menu-box .lang-table > tbody > tr > td > a {
  display: block;
  font-size: 16px;
  font-weight: 400;
  font-family: "Arial", sans-serif;
  text-align: center;
  text-decoration: none;
  width: 100%;
  display: block;
  padding: 8px 10px;
  box-sizing: border-box;
}
.slide-menu-box .lang-table > tbody > tr > td > a:hover {
  opacity: 1;
  color: #4ba1db;
}
.slide-menu-box .lang-table > tbody > tr > td:nth-of-type(2) {
  border-left: 1px solid #ddd;
}
[lang="ja"] .slide-menu-box .lang-table > tbody > tr > td.ja,
[lang="en"] .slide-menu-box .lang-table > tbody > tr > td.en,
[lang="zh-CN"] .slide-menu-box .lang-table > tbody > tr > td.zh-hs,
[lang="zh-TW"] .slide-menu-box .lang-table > tbody > tr > td.zh-ht {
  pointer-events: none;
  background: rgba(75, 161, 219, 0.3);
}
.slide-menu-box .sns-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
}
.slide-menu-box .sns-list > li {
  width: 50px;
}
.slide-menu-box .sns-list > li > a {
  display: block;
  width: 100%;
  height: 50px;
  position: relative;
  background: #444;
  border-radius: 50%;
  overflow: hidden;
}
/*.slide-menu-box .sns-list > li > a:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  opacity: 0;
  transition: 0.3s;
}*/
@media only screen and (max-width: 768px) {
  .slide-menu-box .sns-list > li > a:before {
    opacity: 1;
  }
}
.slide-menu-box .sns-list > li > a > i {
  font-size: 24px;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 769px) {
  .slide-menu-box .sns-list > li > a:hover:before {
    opacity: 1;
  }
}
body.-open .slide-menu-box {
  right: 0;
}

.slide-bg {
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1000000;
  transition: 0.3s;
}
body.-open .slide-bg {
  opacity: 1;
  visibility: visible;
}

[lang="ja"] .ja-remove,
[lang="en"] .en-remove,
[lang="zh-CN"] .zh-hs-remove,
[lang="zh-TW"] .zh-ht-remove {
  display: none !important;
}

[lang="ja"] #wrapper_MenuBtn > #MenuBtn,
[lang="ja"] .gtranslate_wrapper {
  display: none !important;
}

.favorite-btn-box {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  box-sizing: border-box;
  z-index: 100;
}
.favorite-btn-box > button {
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 50%;
  cursor: pointer;
  border: 0;
  box-sizing: border-box;
  transition: 0.3s;
}
.favorite-btn-box > button:before {
  content: "\f004";
  font-size: 16px;
  font-weight: 500;
  font-family: "Font Awesome 5 Free";
  color: #ccc;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (min-width: 769px) {
  .favorite-btn-box > button:hover {
    opacity: 0.7;
  }
}
.favorite-btn-box > button.-check:before {
  font-weight: 900;
  color: #ff7171;
}
@media only screen and (max-width: 768px) {
  .favorite-btn-box {
    right: unset;
    left: 10px;
  }
}

.outer.fb_row.room_type_content > li {
  position: relative;
}

.page-id-47950 .wrapper_sub_content > .ttl_area {
  background: url(../../uploads/2020/10/bluedome_slide_pc3.jpg) no-repeat center center;
  margin-bottom: 120px;
}
@media only screen and (max-width: 768px) {
  .page-id-47950 .wrapper_sub_content > .ttl_area {
    margin-bottom: 80px;
  }
}

.card-list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px 4%;
}
.card-list > li {
  width: 22%;
  position: relative;
  padding-bottom: 21px;
}
.card-list > li > a {
  font-size: 0;
  text-indent: -10000px;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 9;
}
.card-list > li > .img-box {
  padding-bottom: 60%;
  position: relative;
  transition: 0.3s;
}
.card-list > li > .img-box > img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.card-list > li > .txt-box {
  padding: 10px 10px;
  transition: 0.3s;
}
.card-list > li > .txt-box > .ttl,
.card-list > li > .txt-box > .address-txt {
  font-size: 14px;
  font-weight: 700;
  position: relative;
  padding-left: 20px;
}
.card-list > li > .txt-box > .ttl:before,
.card-list > li > .txt-box > .address-txt:before {
  font-size: 12px;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  position: absolute;
  top: 1px;
  left: 0;
  color: #85c7f2;
}
.card-list > li > .txt-box > .ttl {
  margin-bottom: 5px;
}
.card-list > li > .txt-box > .ttl:before {
  content: "\f015";
}
.card-list > li > .txt-box > .address-txt:before {
  content: "\f3c5";
}
.card-list > li > .btn-box {
  position: absolute;
  z-index: 10;
  text-align: right;
  padding: 0 10px;
  width: 100%;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
}
.card-list > li > .btn-box > button {
  color: #666;
  border: 0;
  padding: 0;
  background: unset;
  cursor: pointer;
  transition: 0.3s;
}
.card-list > li > .btn-box > button:after {
  content: "\f00d";
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  margin-left: 5px;
}
@media only screen and (min-width: 769px) {
  .card-list > li > .btn-box > button:hover {
    opacity: 0.7;
  }
}
@media only screen and (min-width: 769px) {
  .card-list > li > a:hover + .favorite-btn-box + .img-box {
    opacity: 0.7;
  }
  .card-list > li > a:hover + .favorite-btn-box + .img-box + .txt-box {
    opacity: 0.7;
  }
}
@media only screen and (max-width: 768px) {
  .card-list {
    gap: 20px 2%;
  }
  .card-list > li {
    width: 49%;
  }
}
@media only screen and (max-width: 640px) {
  .card-list > li {
    width: 100%;
  }
}

.login-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1000003;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.login-modal .modal-content {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  width: calc(100% - 20px);
  max-width: 350px;
  max-height: 90svh;
  overflow: auto;
  padding: 40px 30px;
  border-radius: 5px;
  box-sizing: border-box;
}

.login-modal .modal-content > .close-btn {
  position: absolute;
  width: 25px;
  height: 25px;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
.login-modal .modal-content > .close-btn:before,
.login-modal .modal-content > .close-btn:after {
  content: "";
  width: 100%;
  height: 3px;
  background: #333;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border-radius: 2px;
}
.login-modal .modal-content > .close-btn:before {
  transform: rotate(45deg);
}
.login-modal .modal-content > .close-btn:after {
  transform: rotate(-45deg);
}
.login-modal .modal-content > .logo-box {
  max-width: 300px;
  margin: 0 auto 5px;
}
.login-modal .modal-content > .ttl {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 30px;
}
.login-modal .modal-content .sml-login > .error {
  text-align: center;
  color: red;
}

.login-modal .modal-content .sml-login .wpmls_login_form > p > label {
  font-weight: 700;
  display: block;
  margin-bottom: 5px;
  width: 100%;
}
.login-modal .modal-content .sml-login .wpmls_login_form > p > input {
  width: 100% !important;
  height: 40px !important;
  margin-left: 0 !important;
  box-sizing: border-box;
  border: 1px solid #4ba1db;
}
.login-modal .modal-content .sml-login .wpmls_login_form > p.submit > button {
  font-weight: 700;
  cursor: pointer;
  background: #4ba1db !important;
  border: 2px solid #4ba1db;
}
@media only screen and (min-width: 769px) {
  .login-modal .modal-content .sml-login .wpmls_login_form > p.submit > button {
    transition: 0.3s;
  }
  .login-modal .modal-content .sml-login .wpmls_login_form > p.submit > button:hover {
    color: #4ba1db !important;
    background: #fff !important;
  }
}
.login-modal .modal-content .sml-action-links- > a {
  color: #777;
}
.login-modal .bg-box {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}
.login-modal.-open {
  opacity: 1;
  visibility: visible;
}

.center-text {
  text-align: center;
}

.base-login {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  text-decoration: none !important;
  color: #4ba1db;
  width: 100%;
  max-width: 250px;
  display: inline-block;
  background: #fff;
  padding: 8px 20px;
  border-radius: 30px;
  cursor: pointer;
  box-sizing: border-box;
  border: 2px solid #4ba1db;
}
@media only screen and (min-width: 769px) {
  .base-login {
    transition: 0.3s;
  }
  .base-login:hover {
    color: #fff;
    background: #4ba1db;
  }
}
@media only screen and (max-width: 768px) {
  .base-login {
    font-size: 14px;
  }
}

.login-btn {
  cursor: pointer;
}

.header-login-btn {
  position: fixed;
  z-index: 10000;
  top: 12px;
  right: 72px;
  display: flex;
  gap: 0 5px;
}

[lang="en"] .header-login-btn,
[lang="zh-TW"] .header-login-btn,
[lang="zh-CN"] .header-login-btn {
  display: none !important;
}

.header-login-btn > .item > .base-login {
  font-size: 13px;
  font-weight: 400;
  padding: 3px 15px;
  border: 1px solid #4ba1db;
}
.header-login-btn > .item > .base-login.-regist {
  color: #fff;
  background: #000;
  border: 1px solid #000;
}
@media only screen and (min-width: 769px) {
  .header-login-btn > .item > .base-login.-regist:hover {
    color: #000;
    background: #fff;
  }
}
@media only screen and (max-width: 768px) {
  .header-login-btn {
    right: 62px;
  }
  .header-login-btn > .item > .base-login.-regist {
    display: none;
  }
}

.member-bnr-pop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000004;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
}
.member-bnr-pop > .bg-box {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
}
.member-bnr-pop .content-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 800px;
  width: calc(100% - 40px);
  background: #fff;
  padding: 50px;
  box-sizing: border-box;
}
.member-bnr-pop .content-box > .close-btn {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 12px;
  right: 12px;
  z-index: 2;
  cursor: pointer;
}
.member-bnr-pop .content-box > .close-btn:before,
.member-bnr-pop .content-box > .close-btn:after {
  content: "";
  width: 100%;
  height: 3px;
  display: block;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border-radius: 3px;
}
.member-bnr-pop .content-box > .close-btn:before {
  transform: rotate(45deg);
}
.member-bnr-pop .content-box > .close-btn:after {
  transform: rotate(-45deg);
}
.member-bnr-pop .content-box > .bubble-box {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  box-sizing: border-box;
}
.member-bnr-pop .content-box > .bubble-box:before {
  content: "";
  width: 100%;
  height: 100%;
  border: 10px solid #4ba1db;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
}
.member-bnr-pop .content-box > .bubble-box > span {
  display: block;
  width: 55px;
  height: 55px;
  background: #4ba1db;
  position: absolute;
}
.member-bnr-pop .content-box > .bubble-box > span:nth-of-type(1) {
  border-bottom-right-radius: 55px;
  top: 0;
  left: 0;
}
.member-bnr-pop .content-box > .bubble-box > span:nth-of-type(2) {
  border-bottom-left-radius: 55px;
  top: 0;
  right: 0;
}
.member-bnr-pop .content-box > .bubble-box > span:nth-of-type(3) {
  border-top-right-radius: 55px;
  bottom: 0;
  left: 0;
}
.member-bnr-pop .content-box > .bubble-box > span:nth-of-type(4) {
  border-top-left-radius: 55px;
  bottom: 0;
  right: 0;
}
.member-bnr-pop .content-box > .txt-box > .ttl {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #4ba1db;
  text-align: center;
  margin-bottom: 30px;
  position: relative;
  z-index: 2;
}
.member-bnr-pop .content-box > .img-box {
  width: 100%;
  position: relative;
  z-index: 2;
  margin-bottom: 30px;
}
.member-bnr-pop .content-box > .img-box > img {
  width: 100%;
}
.member-bnr-pop .content-box > .btn-box {
  text-align: center;
  position: relative;
  z-index: 2;
}
.member-bnr-pop .content-box > .btn-box > input {
  display: none;
}
.member-bnr-pop .content-box > .btn-box > input:checked + label:before {
  background: #4ba1db;
}
.member-bnr-pop .content-box > .btn-box > label {
  display: inline-block;
  padding-left: 30px;
  position: relative;
}
.member-bnr-pop .content-box > .btn-box > label:before {
  content: "";
  width: 15px;
  height: 15px;
  border: 1px solid #4ba1db;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  border-radius: 3px;
}
.member-bnr-pop .content-box > .btn-box > label:after {
  content: "\f00c";
  font-size: 10px;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  color: #fff;
  position: absolute;
  top: 50%;
  left: 3px;
  transform: translateY(-50%);
}
.member-bnr-pop .content-box > .btn-box .today-off-btn {
  color: #888;
  border: 0;
  background: unset;
  padding: 0;
  cursor: pointer;
  padding-left: 18px;
  position: relative;
}
.member-bnr-pop .content-box > .btn-box .today-off-btn:before {
  content: "\f00d";
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.member-bnr-pop.-open {
  transition: 0.3s;
  opacity: 1;
  visibility: visible;
}
@media only screen and (max-width: 768px) {
  .member-bnr-pop .content-box {
    padding: 30px 20px;
  }
  .member-bnr-pop .content-box > .close-btn {
    width: 15px;
    height: 15px;
    top: 8px;
    right: 8px;
  }
  .member-bnr-pop .content-box > .bubble-box:before {
    border: 5px solid #4ba1db;
  }
  .member-bnr-pop .content-box > .bubble-box > span {
    width: 40px;
    height: 40px;
  }
  .member-bnr-pop .content-box > .txt-box > .ttl {
    font-size: 18px;
  }
}

form[id^="feas-searchform"],
form[id^="feas-searchform"] * {
  box-sizing: border-box;
}

form[id^="feas-searchform"] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
  width: calc(100% - 40px);
  max-width: 1000px;
  padding: 20px 120px 20px 20px;
  box-sizing: border-box;
  gap: 20px;
  position: relative;
  margin: 0 auto;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
}

form[id^="feas-searchform"] .list-box {
  font-weight: 700;
  width: calc((100% - 20px) / 2);
  position: relative;
}
form[id^="feas-searchform"] .list-box > input {
  font-size: 1rem;
  font-weight: 600;
  width: 100%;
  height: 35px;
  border: 1px solid #4ba1db;
  border-radius: 4px;
  padding: 0 8px;
}

form[id^="feas-searchform"] .list-box > input::placeholder {
  font-size: 1rem;
  color: #c7c7c7;
}

form[id^="feas-searchform"] .list-box .search-ttl {
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 10px;
  position: relative;
  z-index: 10;
}

form[id^="feas-searchform"] .list-box .check-txt {
  color: #c7c7c7;
  font-size: 1rem;
  font-weight: 500;
  line-height: 35px;
  border: 1px solid #4ba1db;
  padding: 0 15px 0 8px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  border-radius: 4px;
  height: 35px;
  position: relative;
  cursor: pointer;
}
form[id^="feas-searchform"] .list-box .check-txt.-text {
  color: #333;
}

form[id^="feas-searchform"] .list-box .check-txt:before {
  content: "";
  width: 10px;
  height: 7px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 8px;
  background: #4ba1db;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
}
#en-search form[id^="feas-searchform"] .list-box .check-txt:before {
  content: "Please Select";
}
form[id^="feas-searchform"] .list-box .item-box {
  position: absolute;
  top: 80px;
  left: 0;
  width: 100%;
  filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.16));
  background: #fff;
  padding-top: 20px;
  display: none;
  border-radius: 4px;
}

form[id^="feas-searchform"] .list-box .item-box.-area {
  z-index: 1000010;
}

form[id^="feas-searchform"] .list-box .item-box .close-btn {
  display: none;
}

form[id^="feas-searchform"] .list-box .item-box.-special, form[id^="feas-searchform"] .list-box .item-box.-equipment {
  z-index: 1000009;
}

form[id^="feas-searchform"] .list-box .item-box .scroll-box {
  max-height: 300px;
  overflow: auto;
}

form[id^="feas-searchform"] .list-box .item-box .scroll-box::-webkit-scrollbar {
  width: 12px;
  background: rgba(#fff, 0);
}

form[id^="feas-searchform"] .list-box .item-box .scroll-box::-webkit-scrollbar-thumb {
  background: #4ba1db;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  background-clip: padding-box;
}

form[id^="feas-searchform"] .list-box .item-box .scroll-box::-webkit-scrollbar-track {
  margin: 5px;
}

form[id^="feas-searchform"] .list-box .item-box .scroll-box .area {
  position: relative;
}

form[id^="feas-searchform"] .list-box .item-box .scroll-box .area > .accordion-btn {
  font-weight: 700;
  text-align: center;
  line-height: 25px;
  color: #fff;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 25px;
  height: 25px;
  background: #4ba1db;
  border-radius: 2px;
  cursor: pointer;
}

form[id^="feas-searchform"] .list-box .item-box .scroll-box .area > .accordion-btn:before {
  content: "+";
}

form[id^="feas-searchform"] .list-box .item-box .scroll-box .area > .accordion-btn.-active:before {
  content: "-";
}

form[id^="feas-searchform"] .list-box .item-box .btn-box {
  display: flex;
  justify-content: center;
  position: sticky;
  width: 100%;
  left: 0;
  bottom: 0;
  background: #fff;
  padding: 15px;
  gap: 10px;
}

form[id^="feas-searchform"] .list-box .item-box .btn-box > span {
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  width: 100px;
  display: block;
  border-radius: 3px;
  cursor: pointer;
  padding: 2px 0;
  transition: 0.3s;
}

form[id^="feas-searchform"] .list-box .item-box .btn-box > span.clear-btn {
  color: #333;
  border: 1px solid #333;
}

form[id^="feas-searchform"] .list-box .item-box .btn-box > span.clear-btn:hover {
  color: #fff;
  background: #333;
}

form[id^="feas-searchform"] .list-box .item-box .btn-box > span.decision-btn {
  color: #333;
  background: #7cbae3;
  border: 1px solid #7cbae3;
  display: block;
}

form[id^="feas-searchform"] .list-box .item-box .btn-box > span.decision-btn:hover {
  background: #fff;
}

form[id^="feas-searchform"] .list-box .item-box label {
  display: block;
  cursor: pointer;
  padding: 0 20px;
}

form[id^="feas-searchform"] .list-box .item-box label input {
  display: none;
}

form[id^="feas-searchform"] .list-box .item-box label span {
  font-size: 1.2rem;
  display: block;
  padding: 3px 0 3px 20px;
  position: relative;
}

form[id^="feas-searchform"] .list-box .item-box label span:before {
  content: "";
  font-size: 1.2rem;
  font-weight: 900;
  font-family: "Font Awesome 6 Free";
  text-align: center;
  line-height: 15px;
  width: 15px;
  height: 15px;
  border: 1px solid #4ba1db;
  position: absolute;
  top: 6px;
  left: 0;
  border-radius: 2px;
}

form[id^="feas-searchform"] .list-box .item-box label input:checked + span:before {
  content: "\f00c";
  color: #fff;
  background: #4ba1db;
}

form[id^="feas-searchform"] .list-box.-area .item-box .next-area {
  padding: 0 0 0 20px;
}

form[id^="feas-searchform"] .list-box .item-box.-cost {
  width: 100%;
  display: block;
  position: relative;
  filter: unset;
  padding: 0;
  top: 0;
  left: 0;
}

form[id^="feas-searchform"] .list-box .item-box.-cost:before {
  content: "";
  width: 10px;
  height: 7px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 8px;
  left: unset;
  background: #4ba1db;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
}

form[id^="feas-searchform"] .list-box .item-box.-cost > select {
  font-size: 1rem;
  font-weight: 700;
  display: block;
  width: 100%;
  height: 35px;
  border: 1px solid #4ba1db;
  color: #c7c7c7;
  background: #fff;
  border-radius: 4px;
  -webkit-appearance: none;
  appearance: none;
  padding: 0 15px 0 8px;
}

form[id^="feas-searchform"] .list-box .item-box.-cost > select.-text {
  color: #333;
}

form[id^="feas-searchform"] .list-box .item-box.-cost > select > option {
  color: #333;
}

form[id^="feas-searchform"] .feas-submit-button {
  font-size: 1rem;
  font-weight: 400;
  width: 80px;
  height: 35px;
  position: absolute;
  top: 50%;
  right: 20px;
  background: #7cbae3;
  border-radius: 4px;
  transition: 0.3s;
  transform: translateY(-50%);
  border: 0;
  cursor: pointer;
}

form[id^="feas-searchform"] .feas-submit-button:hover {
  opacity: 0.7;
}

form[id^="feas-searchform"] .list-box .item-box.-option {
  width: calc(200% + 20px);
}

form[id^="feas-searchform"] .list-box .item-box.-option .option-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 20px;
  gap: 5px;
}

form[id^="feas-searchform"] .list-box .item-box.-option .option-box .option-ttl {
  width: 100%;
  margin-bottom: 5px;
}

form[id^="feas-searchform"] .list-box .item-box.-option .option-box label {
  padding: 0;
}

@media screen and (max-width: 767px) {
  .custum-form {
    padding-top: 35px;
  }

  form[id^="feas-searchform"] {
    width: calc(100% - 40px) !important;
    padding: 20px 10px !important;
    gap: 10px;
  }

  .custum-form #feas-searchform-0 {
    transform: unset;
    position: static;
  }

  form[id^="feas-searchform"] .list-box {
    width: calc((100% - 10px) / 2) !important;
  }

  form[id^="feas-searchform"] .list-box .search-ttl {
    font-size: 1rem;
    margin-bottom: 5px;
  }

  form[id^="feas-searchform"] .feas-submit-button {
    position: static;
    width: 100%;
    max-width: 200px;
    transform: translateY(0);
  }

  form[id^="feas-searchform"] .list-box .item-box {
    position: fixed;
    top: unset;
    bottom: 0;
    left: 0;
    right: 0;
    background: unset;
    height: 100svh;
    max-height: 400px;
  }

  form[id^="feas-searchform"] .list-box .check-txt,
  form[id^="feas-searchform"] .list-box > input {
    font-size: 1rem;
  }

  form[id^="feas-searchform"] .sp-bg-box {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.6);
    top: 0;
    left: 0;
    z-index: 33301;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
  }

  form[id^="feas-searchform"] .sp-bg-box.-open {
    opacity: 1;
    visibility: visible;
  }

  form[id^="feas-searchform"] .list-box .item-box .scroll-box {
    height: calc(100% - 56px);
    max-height: unset;
    background: #fff;
    padding: 20px 0;
  }

  form[id^="feas-searchform"] .list-box .item-box label span {
    font-size: 1.3rem;
    padding: 3px 0 3px 24px;
  }

  form[id^="feas-searchform"] .list-box .item-box label span:before {
    top: 7px;
    width: 17px;
    height: 17px;
  }

  form[id^="feas-searchform"] .list-box .item-box.-cost {
    top: unset;
    height: auto;
  }

  form[id^="feas-searchform"] .list-box .item-box.-option {
    width: 100%;
  }

  form[id^="feas-searchform"] .list-box .item-box.-option .option-box label {
    width: 100%;
  }

  form[id^="feas-searchform"] .list-box .item-box .btn-box > span {
    width: calc(50% - 5px);
    font-size: 1rem;
  }

  form[id^="feas-searchform"] .list-box .item-box .close-btn {
    width: 40px;
    height: 40px;
    position: absolute;
    top: -28px;
    right: 10px;
    display: block;
  }

  form[id^="feas-searchform"] .list-box .item-box .close-btn:before {
    content: "\f00d";
    line-height: 40px;
    font-size: 3rem;
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    text-align: center;
    color: #fff;
    line-height: 1;
    top: 0;
    right: 0;
    z-index: 10;
  }
}

.form-side {
  width: 320px;
}

.form-side > form[id^="feas-searchform"] {
  padding: 20px !important;
}

.form-side > form[id^="feas-searchform"] .list-box {
  width: 100%;
}

.form-side > form[id^="feas-searchform"] .feas-submit-button {
  width: 100%;
  max-width: 200px;
  position: static;
  transform: translateY(0);
}

.form-side > form[id^="feas-searchform"] .list-box .item-box.-option {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .form-side {
    width: 100%;
    margin-bottom: 30px;
  }
}

.search-facility {
  max-width: 1200px;
  width: calc(100% - 40px);
  margin: 0 auto;
}

.search-facility > * + * {
  margin-top: 30px;
}

.search-facility > li.-hide {
  height: 0;
  overflow: hidden;
  margin: 0;
}

.search-facility > li .item-wrap {
  display: flex;
  justify-content: space-between;
}

.search-facility > li .img-content {
  width: 50%;
}

.search-facility > li .img-content > .slider-for > .for-item {
  display: none;
}

.search-facility > li .img-content > .slider-for > .for-item:first-child {
  display: block;
}

.search-facility > li .img-content > .slider-for .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  width: 25px;
  height: 25px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  cursor: pointer;
  transform-origin: center;
}

.search-facility > li .img-content > .slider-for .slick-arrow.next-btn {
  transform: rotate(45deg);
  right: 15px;
}

.search-facility > li .img-content > .slider-for .slick-arrow.prev-btn {
  transform: rotate(-135deg);
  left: 15px;
}

.search-facility > li .img-content .slider-nav > .nav-item {
  display: none;
}

.search-facility > li .img-content .slider-nav .nav-item {
  height: 96px;
  overflow: hidden;
}

.search-facility > li .img-content .slider-nav .nav-item > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.7;
  cursor: pointer;
  transition: 0.3s;
}

.search-facility > li .img-content .slider-nav .nav-item.slick-current > img {
  opacity: 1;
}

@media screen and (min-width: 768px) {
  .search-facility > li .img-content .slider-nav .nav-item > img:hover {
    opacity: 1;
  }
}

.search-facility > li .content-txt {
  width: calc(50% - 20px);
  padding: 20px 0;
}

.search-facility > li .content-txt h2 {
  padding: 0 0 10px;
  position: relative;
  margin-bottom: 20px;
}

.search-facility > li .content-txt h2:before {
  content: "";
  width: 100%;
  height: 2px;
  border-radius: 1px;
  position: absolute;
  background: #7cbae3;
  left: 0;
  bottom: 0;
}

.search-facility > li .content-txt .tag {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 20px;
}

.search-facility > li .content-txt .tag > a {
  font-size: 13px;
  color: #4ba1db;
  display: block;
  border: #e0e0e0 1px solid;
  padding: 2px 5px;
  transition: 0.3s;
}

.search-facility > li .content-txt .txt-box {
  margin-bottom: 20px;
}

.search-facility > li .content-txt .tag > a:hover {
  text-decoration: none;
  opacity: 0.6;
}

@media screen and (max-width: 767px) {
  .search-facility > li .item-wrap {
    flex-wrap: wrap;
  }

  .search-facility > li .img-content {
    width: 100%;
  }

  .search-facility > li .content-txt {
    width: 100%;
  }

  .search-facility > li .content-txt .tag {
    grid-auto-flow: 5px;
  }
}

@media screen and (max-width: 500px) {
  .search-facility > li .img-content .slider-nav .nav-item {
    height: 70px;
  }
}

/*ログインフォーム*/
p.sml-user-name:before {
  content: "ようこそ";
}

p.sml-user-name:after {
  content: "様";
}

/* 250128追加 */

.hover-all {
  position: relative !important;
}
.hover-all > a {
  position: absolute !important;
  font-size: 0;
  text-indent: -100%;
  width: 100% !important;
  height: 100% !important;
  z-index: 10;
}

.fades {
  transition: 0.3s;
}

.fades:hover {
  opacity: 0.7;
}

.room-photo {
  max-width: 540px;
}
.room-photo .slick-dots {
  position: static;
  display: flex !important;
}
.room-photo .slick-dots > li {
  display: block;
  width: 20%;
  height: auto;
  padding-bottom: 13%;
  margin: 0;
  opacity: 0.6;
  transition: 0.3s;
}
.room-photo .slick-dots > li > button {
  display: none;
}
.room-photo .slick-dots > li.slick-active,
.room-photo .slick-dots > li:hover {
  opacity: 1;
}
.room-photo .slick-arrow {
  position: absolute;
  top: 39%;
  transform: translateY(-50%);
  z-index: 10;
  cursor: pointer;
}
.room-photo .slick-arrow:before {
  font-size: 30px;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  color: #fff;
}
.room-photo .slick-arrow.prev {
  left: 10px;
}
.room-photo .slick-arrow.prev:before {
  content: "\f104";
}
.room-photo .slick-arrow.next {
  right: 10px;
}
.room-photo .slick-arrow.next:before {
  content: "\f105";
}
.room-photo .slick-arrow.slick-disabled {
  opacity: 0;
  visibility: hidden;
}
@media screen and (max-width: 768px) {
  .room-photo {
    max-width: unset;
    margin: 0 0 20px !important;
  }
}

.card-list02 {
  display: flex;
  flex-wrap: wrap;
  gap: 30px 2%;
  padding-bottom: 80px;
}
.card-list02 > li {
  width: 32%;
  position: relative;
  transition: 0.3s;
}
.card-list02 > li > a {
  font-size: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-indent: -100%;
  z-index: 9;
}
.card-list02 > li .img-box {
  position: relative;
  padding-bottom: 66%;
}
.card-list02 > li .img-box > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.card-list02 > li .txt-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
}
.card-list02 > li .txt-box > .ttl {
  font-size: 18px;
  text-align: center;
  color: #fff;
  text-shadow: #000 1px 1px 2px, #000 -1px 1px 2px, #000 1px -1px 2px, #000 -1px -1px 2px;
}
.card-list02 > li .txt-box > .ttl > span {
  font-size: 16px;
  display: inline-block;
  margin-top: 10px;
}
.card-list02 > li:hover {
  opacity: 0.7;
}
@media screen and (max-width: 768px) {
  .card-list02 {
    gap: 10px 2%;
  }
  .card-list02 > li {
    width: 49%;
  }
}
@media screen and (max-width: 500px) {
  .card-list02 > li {
    width: 100%;
  }
}
.container.-w960 {
  width: 100%;
  max-width: 1000px;
  padding: 0 20px;
  margin: 0 auto;
  box-sizing: border-box;
}

.scroll-list {
  display: flex;
  gap: 0 3%;
}
.scroll-list .slick-track {
  display: flex;
  padding-bottom: 5px;
}
.scroll-list .slick-slide {
  height: auto !important;
}
.scroll-list .item {
  width: 250px;
  margin-right: 20px;
  flex-shrink: 0;
}
.scroll-list .item.-btn {
  width: auto;
}
.scroll-list .item.-btn .more-btn-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.scroll-list .item.-btn .more-btn-box .arr-box {
  color: #fff;
  text-align: center;
  line-height: 30px;
  width: 30px;
  height: 30px;
  background: #7cbae3;
  border-radius: 50%;
  margin: 0 auto 10px;
  transition: 0.3s;
}
.scroll-list .item.-btn .more-btn-box .txt {
  font-size: 12px;
  font-weight: 700;
}
.scroll-list .item.-btn .more-btn-box:hover .arr-box {
  transform: scale(1.1);
}
.scroll-list .item .content-box {
  height: 100%;
  position: relative;
  border: 1px solid #ccc;
  border-radius: 3px;
  overflow: hidden;
  transition: 0.3s;
  background: #fff;
}
.scroll-list .item .content-box > a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9;
  font-size: 0;
  text-indent: -100%;
  overflow: hidden;
}
.scroll-list .item .content-box .img-box {
  position: relative;
  padding-bottom: 165px;
}
.scroll-list .item .content-box .img-box > img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
}
.scroll-list .item .content-box .img-box > .s_tag {
  position: absolute;
  top: 5px;
  right: 5px;
  background: #ee955c;
  color: #fff;
  padding: 5px;
  border-radius: 2px;
  z-index: 2;
}
@media only screen and (max-width: 768px) {
  .scroll-list .item .content-box .img-box > .s_tag {
    font-size: 10px;
  }
}
.scroll-list .item .content-box .txt-box {
  padding: 20px;
}
.scroll-list .item .content-box .fee-box {
  padding: 20px 20px 30px;
}
.scroll-list .item .content-box .txt-box > time {
  font-size: 13px;
  color: #aaa;
  display: block;
  margin-bottom: 5px;
}
.scroll-list .item .content-box .txt-box > .facility-name {
  font-size: 12px;
  line-height: 1.4;
  color: #666;
  display: block;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}
.scroll-list .item .content-box .txt-box > .facility-name > br {
  display: none;
}
.scroll-list .item .content-box .txt-box > .facility-name:before {
  content: "\f015";
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  position: absolute;
  top: 0;
  left: 0;
}
.scroll-list .item .content-box .txt-box > .ttl {
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 5px;
  line-height: 1.4;
}
.scroll-list .item .content-box .txt-box > .ttl > br {
  display: none;
}
.scroll-list .item .content-box .txt-box > .address-txt {
  font-size: 14px;
  color: #333;
  margin-bottom: 5px;
}
.scroll-list .item .content-box .txt-box > .fee-txt {
  font-size: 14px;
  font-weight: 600;
  text-align: right;
  color: #7cbae3;
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.scroll-list .item .content-box .txt-box > .description-txt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.scroll-list .item .content-box:hover {
  opacity: 0.7;
}
.scroll-list .item .content-box.nolink:hover {
  opacity: 1;
}
.scroll-list .slick-arrow {
  position: absolute;
  top: 50%;
  width: 34px;
  height: 34px;
  background: #fff;
  border-radius: 50%;
  transform: translateY(-50%);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  transition: 0.3s;
}
.scroll-list .slick-arrow:before {
  display: none;
}
.scroll-list .slick-arrow:after {
  position: absolute;
  font-size: 16px;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  color: #7cbae3;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.scroll-list .slick-arrow.slick-prev {
  left: -17px !important;
}
.scroll-list .slick-arrow.slick-prev:after {
  content: "\f104";
}
@media only screen and (max-width: 1250px) {
  .scroll-list .slick-arrow.slick-prev {
    left: 0 !important;
  }
}
.scroll-list .slick-arrow.slick-next {
  right: -17px !important;
}
.scroll-list .slick-arrow.slick-next:after {
  content: "\f105";
}
@media only screen and (max-width: 1250px) {
  .scroll-list .slick-arrow.slick-next {
    right: 0 !important;
  }
}
.scroll-list .slick-arrow.slick-disabled {
  opacity: 0;
  visibility: hidden;
}
.scroll-list .slick-arrow:focus {
  background: #fff;
}
.scroll-list .slick-arrow:hover {
  background: #fff;
  transform: translateY(-50%) scale(1.2);
}
.scroll-list.-tbonly {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .scroll-list.-tbonly {
    display: flex;
  }
}
@media only screen and (max-width: 768px) {
  .scroll-list {
    padding: 10px 20px;
    overflow: auto;
  }
  .scroll-list .item {
    width: 48%;
    margin-right: 0;
  }
  .scroll-list .item .content-box .img-box {
    padding-bottom: 66%;
  }
  .scroll-list .item .content-box .txt-box {
    padding: 15px 10px;
  }
  .scroll-list .item .content-box .txt-box.-fee {
    padding: 15px 10px 30px;
  }
  .scroll-list .item .content-box .txt-box > time {
    font-size: 10px;
  }
  .scroll-list .item .content-box .txt-box > .ttl {
    font-size: 14px;
    margin-bottom: 3px;
  }
  .scroll-list .item .content-box .txt-box > .facility-name {
    font-size: 11px;
    margin-top: 5px;
  }
  .scroll-list .item .content-box .txt-box > .address-txt {
    font-size: 11px;
    color: #aaa;
    margin-bottom: 3px;
  }
  .scroll-list .item .content-box .txt-box > .description-txt {
    font-size: 12px;
  }
}
.sp-slick-card {
  display: flex;
}
.sp-slick-card > .item {
  width: 66%;
}
.sp-slick-card .item {
  padding: 0 2px;
  flex-shrink: 0;
}
.sp-slick-card .item .card-box {
  width: 100%;
  box-sizing: border-box;
}
.sp-slick-card .item .card-box .img-box {
  width: 100%;
  position: relative;
  padding-bottom: 79%;
}
.sp-slick-card .item .card-box .img-box > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sp-slick-card .item .card-box .txt-box {
  position: absolute;
  width: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
}
.sp-slick-card .item .card-box .txt-box > .ttl {
  color: #fff;
  font-size: 16px;
  text-align: center;
  text-shadow: #000 1px 1px 2px, #000 -1px 1px 2px, #000 1px -1px 2px, #000 -1px -1px 2px;
}

@media only screen and (min-width: 1025px) {
  .sp-slick-card {
    display: none !important;
  }
}

/* 250306追加 */
#post-list.-accommodation {
  align-items: normal;
  gap: 30px 2.66%;
}
#post-list.-accommodation > li {
  width: 23%;
  flex: unset;
  margin: 0;
}
#post-list.-accommodation > li .fb_column {
  border: 1px solid #ccc;
  height: 100%;
  box-sizing: border-box;
  transition: 0.3s;
  border-radius: 3px;
  overflow: hidden;
}
#post-list.-accommodation > li .fb_column .photo,
#post-list.-accommodation > li .fb_column .txt {
  width: 100%;
  margin: 0;
}
#post-list.-accommodation > li .fb_column .photo {
  width: 100%;
  padding-bottom: 66%;
  position: relative;
}
#post-list.-accommodation > li .fb_column .photo > img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
}
#post-list.-accommodation > li .fb_column .txt {
  padding: 15px 10px 70px;
  box-sizing: border-box;
}
#post-list.-accommodation > li .fb_column .txt .ttl {
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 5px;
  line-height: 1.4;
}
#post-list.-accommodation > li .fb_column .txt .address-txt {
  font-size: 12px;
  color: #aaa;
  margin-bottom: 5px;
}
#post-list.-accommodation > li .fb_column .txt .tag {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
}
#post-list.-accommodation > li .fb_column .txt .tag > span,
#post-list.-accommodation > li .fb_column .txt .tag > a {
  font-size: 12px;
  display: inline-block;
  border: 1px solid #7cbae3;
  border-radius: 3px;
  padding: 1px 5px;
}
#post-list.-accommodation > li .fb_column .txt .fee-txt {
  font-size: 14px;
  font-weight: 700;
  color: #7cbae3;
  position: absolute;
  right: 10px;
  bottom: 5px;
}
#post-list.-accommodation > li .fb_column .txt .plan_btn {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 15px;
  margin: 0 !important;
}
#post-list.-accommodation > li .fb_column .txt .plan_btn > a {
  display: inline-block;
}
#post-list.-accommodation > li .fb_column:hover {
  opacity: 0.7;
}
@media only screen and (max-width: 768px) {
  #post-list.-accommodation {
    gap: 20px 2%;
  }
  #post-list.-accommodation > li {
    width: 49%;
  }
  #post-list.-accommodation > li .fb_column .txt {
    padding: 15px 10px 50px;
  }
  #post-list.-accommodation > li .fb_column .txt .ttl {
    font-size: 14px;
    margin-bottom: 3px;
  }
  #post-list.-accommodation > li .fb_column .txt .address-txt {
    font-size: 11px;
    color: #aaa;
    margin-bottom: 3px;
  }
  #post-list.-accommodation > li .fb_column .txt .tag > a,
  #post-list.-accommodation > li .fb_column .txt .tag > span {
    font-size: 11px;
  }
  #post-list.-accommodation > li .fb_column .txt .plan_btn > a {
    font-size: 11px;
    display: inline-block;
    width: calc(100% - 20px);
    padding: 5px 0;
  }
}

.tb {
  display: none !important;
}

@media only screen and (max-width: 1024px) {
  .tb {
    display: block !important;
  }
}

/* 20250627 add floating banner   --- */
.top_floating_banner {
  display: none;/*最初は隠す*/
  width: auto;
  max-width: 250px;
  position: fixed;
  z-index: 9998;
	bottom: 80px;
	right: 0px;
}
.top_floating_banner-close {
  font-weight: bold;
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 9999;
  padding: 4px 8px;
  border: none;
  background-color: #f8f8f8;
  border-radius: 25px;
  cursor: pointer;
}
.top_floating_banner img{
  width: 100%;
}
.top_floatingbnr_sp {
    display: none;
}
@media only screen and (max-width: 768px) {
  .top_floating_banner {
    width: 100%;
    max-width: initial;
    /* bottom: 80px; */
    right: 0px;
    top: 54px;
	  height:40px;
  }
  .top_floatingbnr_pc {
      display: none;
  }
  .top_floatingbnr_sp {
      display: block;
  }
}
/* 20250627 add floating banner   --- */
/* 20250724 add article_writer --- */
.article_writer{
  width: 100%;
  margin-top: 50px;
  padding: 20px;
  background-color: #eef5f9;
  box-sizing: border-box;
}
.article_writer .article_writer_h4{
  width: 100%;
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 10px 0 !important;
}
.article_writer .article_writer_box{
  width: 100%;
  padding: 10px;
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  box-sizing: border-box;
}
.article_writer .article_writer_box .article_writer_logo{
  width: 20%;
}
.article_writer .article_writer_box .article_writer_note{
  width: 75%;
  margin-left: 5%;
}
.article_writer .article_writer_box .article_writer_note h5.article_writer_name{
  width: 100%;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .article_writer .article_writer_box .article_writer_logo{
    width: 100%;
    text-align: center;
  }
  .article_writer .article_writer_box .article_writer_note{
    width: 100%;
    margin-left: 0;
  }
  .article_writer .article_writer_box .article_writer_logo img{
    width: 50%;
    margin: 0 auto;
  }
  .article_writer .article_writer_box{
    padding: 10px 20px;
  }
  .article_writer .article_writer_box .article_writer_note h5.article_writer_name{
    text-align: center;
  }
  .article_writer .article_writer_h4{
    text-align: center;
  }
}
/* 20250724 add article_writer --- */
/* 20250909 add 一覧ページarticle追加 --- */
@media only screen and (min-width: 769px) {
	.list_article {
  display: flex;
  justify-content: center; 
  max-width: 800px; 
  margin: 0 auto; 
	}
}
/* 20250909 add 一覧ページarticle追加 --- */
/* 20250909 add 一覧ページボタン追加 --- */
.around_link_box {
	width: 1200px;
    display: flex;
    margin: 4% auto;
}
.around_link {
width: 10em!important;
margin: 0!important;
padding: 1%!important;
}
.around_link a{
border-radius: 10px;
}
@media screen and (max-width: 768px) {
	.around_link_box {
	width: 80%;
	flex-wrap: wrap;
}
	.around_link {
width: 49%!important;
	margin: 5% auto!important;
    padding: 0!important;
}
}
@media screen and (max-width: 768px) {
	#en-participation #en-merrit ul li.fade ul.inner,
	#participation #merrit ul li.fade ul.inner,
	#participation #merrit-2 ul li.fade ul.inner {
		display: flex;
  }
}