/* GLOBAL STYLES
-------------------------------------------------- */
body {
	color: #3b3b3b;
	/* font-family: source-han-sans-japanese, sans-serif; */
	/* font-family: Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, sans-serif; */
	font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
	/* font-weight: 400; */
	/* Regular:400,Medium:500,Bold:700  */
	font-style: normal;	
    /* font-size: 18px; */
}
/* -------------------------------------------------- */
/* ナビゲーション関連 */
/* -------------------------------------------------- */
.logo{
	/* width: 4rem; */
	/* height: 4rem; */
	width: 50px;
	height: 50px;
}
.nav-ctm span{
	color: #3b3b3b;
	font-weight: 500;
	font-size: 0.8rem;
}
.nav-item a{
	font-size: 0.9rem;
}
/* 施設ページ　内部リンク */
a.anchor{
    display: block;
    padding-top: 3rem;
    margin-top: -3rem;
}
/* 施設ページ　ボトムメニューのリスト */
.modal-bottom-menu-title{
	background-color: #2F9AD4;
	color: #FFFFFF;
	font-weight: bold;
	margin: 1.0rem 0;
	padding: 0.5rem 0.5rem;
}
.modal-bottom-menu-item{
	margin: 1.0rem 1.0rem;
	cursor:pointer;
}
/*ナビゲーションバー*/
/* .navbar-ctm .nav-ctm {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
.navbar-ctm > a, .navbar-ctm > a > img, .navbar-ctm > button {
	height: 3.2rem;
	margin: 0;
	padding: 0;
}
.logo{
	width: 4rem;
	height: 4rem;
} */
/*トグルボタン*/
/* .navbar-toggler-ctm {
	border: none;
	margin: 0;
	padding: 0;
} */
/*リスト*/
/* .navbar-ctm .navbar-nav .nav-item {
	border-bottom: solid 1px #D3D3D3;
} */
/*リンク*/
/* .navbar-ctm .navbar-nav .nav-link {
	color: #3b3b3b;
	font-size: 0.8rem;	
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
} */
/*アイコン*/
/* .navbar-ctm .navbar-nav .nav-link img {
	width: 2.7rem;
} */
/*サイト概要等*/
/* .navbar-ctm .navbar-nav .nav-item-ctm {
	border: none;
	font-size: 0.2rem;
}
.navbar-ctm .navbar-nav .nav-link:hover {
	opacity: 0.55;
} */
/* 検索フォーム */
/* .form-control::placeholder {
	color: #cccccc;
	font-size: 0.8rem;
} */
/* PC用メニュー */
/* .topHederStyle {
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.list-group-ctm .list-group-item {
	border: none;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: auto;
	padding-right: auto;
}
.list-group-ctm .list-group-item a {
	color: #3b3b3b;  
	border: none;
	font-size: 0.8rem;
	font-weight: 700;
}
.list-group-ctm .list-group-item a:hover {
	opacity: 0.55;
}
.list-group-ctm .list-group-item img {
	width: 2.3rem;
	height: 2.3rem;
} */
/* -------------------------------------------------- */
/* トップページ */
/* -------------------------------------------------- */
/* iOS寄りのカード感（5〜10%強化） */
.card-ios {
  border-radius: 0.9rem; /* rounded-lg より少しだけ大きい */
  transition: box-shadow .2s ease, transform .2s ease;
}

/* ホバー・タップ時 */
.card-ios:hover,
.card-ios:active {
  box-shadow:
    0 4px 8px rgba(0, 0, 0, 0.12),
    0 10px 20px rgba(0, 0, 0, 0.08);
}

/* 画像のごく軽い拡大（既存方針を維持） */
.img-hover img {
  transition: transform .2s ease;
}

.img-hover:hover img,
.img-hover:active img {
  transform: scale(1.02);
}
/* 検索UIを「第二の入口」として少しだけ強調 */
.bg-search {
  background-color: #f6f4ef; /* 薄ベージュ（bg_beigeより1段明るい） */
}

/* カードよりやや強めの角丸 */
.rounded-xl {
  border-radius: 1rem;
}

/* ごく弱い影（iOS的・存在感だけ） */
.search-card-top {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
  margin-bottom: 2.0rem; 
}
/* ===== H1：スマホ（デフォルト） ===== */
.page-title {
  font-weight: 700;
  text-align: center;

  /* h4 相当 */
  font-size: 1.5rem;
  line-height: 2.5rem;

  /* SP 用余白 */
  margin-top: 1rem;
  margin-bottom: 1rem;
}
/* 検索UI直下のリード文 */
.page-lead {
  /* レイアウト */
  padding: 0.75rem 1rem;
  margin-top: 0px;
  
  /* 見た目 */
  background-color: #f8f9fa; /* bg-light 相当 */
  border-radius: 0.5rem;     /* rounded 相当 */
  
  /* 文字 */
  font-size: 0.95rem;
  line-height: 1.8;
  color: #555;
}

/* -------------------------------------------------- */
/* Font Awesomeの丸ボタン */
/* -------------------------------------------------- */
/* 白抜きバージョン */
#btn-icon-1 button,
#btn-icon-1 a {
	display: block;
	float: left;
	margin: 0 5px 5px 0;
	padding: 0;
	color: #3b3b3b;
}
#btn-icon-1 i {
	width: 40px;
	height: 40px;
	margin: 0;
	border: 1px solid #3b3b3b;
	border-radius: 50%;
	line-height: 40px;
	text-align: center;
	transition: .2s;
}
#btn-icon-1 i:before { padding 0; line-height: 40px; }
#btn-icon-1 button:hover i,
#btn-icon-1 a:hover i {
	 background: #3b3b3b;color: #FFF;
}

/* 黒塗りバージョン */
#btn-icon-2 a {
	display: block;
	float: left;
	margin: 0 5px 5px 0;
	padding: 0;
	color: #fff;
}
#btn-icon-2 i {
	width: 40px;
	height: 40px;
	margin: 0;
	border-radius: 50%;
	background: #3b3b3b;
	line-height: 40px;
	text-align: center;
	transition: .2s;
}
#btn-icon-2 i:before { padding 0; line-height: 40px; }
#btn-icon-2 a:hover i { background: #666; }

/* 白抜きバージョン（センター） */
#btn-icon-3 a {
	/* display: block; */
	/* float: left; */
	margin: 0 5px 5px 0;
	padding: 0;
	color: #3b3b3b;
}
#btn-icon-3 i {
	width: 40px;
	height: 40px;
	margin: 0;
	border: 1px solid #3b3b3b;
	border-radius: 50%;
	line-height: 40px;
	text-align: center;
	transition: .2s;
	background-color: #fff;
}
#btn-icon-3 i:before { padding 0; line-height: 40px; }
#btn-icon-3 a:hover i { background: #3b3b3b;color: #FFF; }
/* -------------------------------------------------- */
/* SNSボタン */
/* -------------------------------------------------- */
.btn-social-long-twitter {
  color: #FFF;/*文字・アイコン色*/
  border-radius: 7px;/*角丸に*/
  display: inline-block;
  height: 50px;/*高さ*/
  width: 190px;/*幅*/
  text-align: center;/*中身を中央寄せ*/
  font-size: 25px;/*文字のサイズ*/
  line-height: 50px;/*高さと合わせる*/
  /* background: #1da1f3; */
  background: #000000;
  overflow: hidden;/*はみ出た部分を隠す*/
  text-decoration:none;/*下線は消す*/
}

.btn-social-long-twitter .fa-twitter {
  /* text-shadow: 2px 2px 0px #4287d6; */
  text-shadow: 2px 2px 0px #000000;
  font-size: 30px;
}
.btn-social-long-insta {
	/*ボタンの下地*/
	color: #FFF;/*文字・アイコン色*/
	border-radius: 7px;/*角丸に*/
	position: relative;
	display: inline-block;
	height: 50px;/*高さ*/
	width: 190px;/*幅*/
	text-align: center;/*中身を中央寄せ*/
	font-size: 25px;/*文字のサイズ*/
	line-height: 50px;/*高さと合わせる*/
	background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション①*/
	overflow: hidden;/*はみ出た部分を隠す*/
	text-decoration:none;/*下線は消す*/
  }
  
  .btn-social-long-insta:before {
	/*グラデーション②*/
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;/*全体を覆う*/
	height: 100%;/*全体を覆う*/
	background: linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
  }
  
  .btn-social-long-insta .fa-instagram {
	/*アイコン*/
	font-size: 35px;/*アイコンサイズ*/
	position: relative;
	top: 4px;/*アイコン位置の微調整*/
  }
    
  .btn-social-long-facebook {
	color: #FFF;/*文字・アイコン色*/
	border-radius: 7px;/*角丸に*/
	display: inline-block;
	height: 50px;/*高さ*/
	width: 190px;/*幅*/
	text-align: center;/*中身を中央寄せ*/
	font-size: 25px;/*文字のサイズ*/
	line-height: 50px;/*高さと合わせる*/
	background: #4966a0;
	overflow: hidden;/*はみ出た部分を隠す*/
	text-decoration:none;/*下線は消す*/
  }
  
  .btn-social-long-facebook .fa-facebook {
	text-shadow: 2px 2px 1px #224282;
	font-size: 30px;
  }
  
  .btn-social-long-youtube {
	color: #FFF;/*文字・アイコン色*/
	border-radius: 7px;/*角丸に*/
	display: inline-block;
	height: 50px;/*高さ*/
	width: 190px;/*幅*/
	text-align: center;/*中身を中央寄せ*/
	font-size: 25px;/*文字のサイズ*/
	line-height: 50px;/*高さと合わせる*/
	background: #FF0100;
	overflow: hidden;/*はみ出た部分を隠す*/
	text-decoration:none;/*下線は消す*/
  }
  
  .btn-social-long-youtube .fa-youtube {
	text-shadow: 2px 2px 0px #d80000;
	font-size: 30px;
  }
  
  .btn-social-long-line {
	color: #FFF;/*文字・アイコン色*/
	border-radius: 7px;/*角丸に*/
	display: inline-block;
	height: 50px;/*高さ*/
	width: 190px;/*幅*/
	text-align: center;/*中身を中央寄せ*/
	font-size: 25px;/*文字のサイズ*/
	line-height: 50px;/*高さと合わせる*/
	background: #03C252;
	overflow: hidden;/*はみ出た部分を隠す*/
	text-decoration:none;/*下線は消す*/
  }
  
  .btn-social-long-line .fa-line {
	text-shadow: 2px 2px 0px #009940;
	font-size: 30px;
  }
  
  .btn-social-long-twitter span,
  .btn-social-long-facebook span,
  .btn-social-long-line span,
  .btn-social-long-youtube span
  {
	display:inline-block;
	transition: .5s;
  }
  .btn-social-long-insta span {
	display:inline-block;
	position: relative;
	transition: .5s
	}

  .btn-social-long-twitter:hover,
  .btn-social-long-facebook:hover,
  .btn-social-long-insta:hover,
  .btn-social-long-line:hover,
  .btn-social-long-youtube:hover
   {
	color: #fff;
  }  
  /* .btn-social-long-twitter:hover span,
  .btn-social-long-facebook:hover span,
  .btn-social-long-insta:hover span,
  .btn-social-long-line:hover span,
  .btn-social-long-youtube:hover span
   {
	color: #fff;
	-webkit-transform: rotateX(360deg);
	-ms-transform: rotateX(360deg);
	transform: rotateX(360deg);
  }   */
/* -------------------------------------------------- */
/* SNSボタン　丸型 */
/* -------------------------------------------------- */
.btn-social-round-copy,
.btn-social-round-twitter,
.btn-social-round-line,
.btn-social-round-facebook,
.btn-social-round-insta,
.btn-social-round-pinterest,
.btn-social-round-mail
 {
	margin: 0 5px 5px 0;
	padding: 0;
}
.btn-social-round-copy i,
.btn-social-round-twitter i,
.btn-social-round-line i,
.btn-social-round-facebook i,
.btn-social-round-insta i,
.btn-social-round-pinterest i,
.btn-social-round-mail i
 {
	width: 2.7rem;
	height: 2.7rem;
	line-height: 2.7rem;
	font-size: 1.7rem;
	margin: 0;
	border-radius: 50%;
	text-align: center;
	transition: .2s;
  }
  .btn-social-round-copy:hover,
  .btn-social-round-twitter:hover,
  .btn-social-round-line:hover,
  .btn-social-round-facebook:hover,
  .btn-social-round-insta:hover,
  .btn-social-round-pinterest:hover,
  .btn-social-round-mail:hover
   {
	color: #fff;
  }  
.btn-social-round-copy {	color: #ffffff;}
.btn-social-round-copy i { background-color: #1D9BF0;}

.btn-social-round-twitter {	color: #ffffff;}
.btn-social-round-twitter i { background-color: #3b3b3b;}

.btn-social-round-line { color: #ffffff;}
.btn-social-round-line i { background-color: #03C252;}

.btn-social-round-facebook { color: #ffffff;}
.btn-social-round-facebook i { background-color: #4966a0;}

.btn-social-round-mail { color: #ffffff;}
.btn-social-round-mail i { background-color: #7c7c7c;}

.btn-social-round-insta { color: #ffffff;}
.btn-social-round-insta i { background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;}

.btn-social-round-pinterest { color: #ffffff;}
.btn-social-round-pinterest i { background-color: #E60022;}

/* -------------------------------------------------- */
/* ヒーローイメージ */
/* -------------------------------------------------- */
.heroImg {
	width: 100%;
	/* height: 30vh; */
	height: 50vh;
	margin: 0;
	padding: 0;
}
.heroImg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}


/* -------------------------------------------------- */
/* スティッキーメニュー（スクロール連動型） */
/* -------------------------------------------------- */
/* #sticky-scroll-menu{
	position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
	transition: all 0.5s ease-out;
} */
/* -------------------------------------------------- */
/* 2カラム施設リスト
/* -------------------------------------------------- */
/* 全体リンク */
.stay-card-link {
  text-decoration: none;
  color: inherit;
}

/* カード本体 */
.stay-card {
  width: 100%;
}

/* 正方形画像コンテナ */
.stay-card-img {
  position: relative;
  width: 100%;
  padding-top: 100%; /* 正方形 */
  overflow: hidden;
  border-radius: 6px;
  border: 1px solid #E8E8E8;
}

.stay-card-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* テキスト部 */
.stay-card-body {
  margin-top: 0.5rem;
}

.stay-card-title {
  font-size: 0.82rem;
  font-weight: bold;
  margin-bottom: 0.2rem;
}

.stay-card-sub,
.stay-card-area {
  font-size: 0.75rem;
  margin-bottom: 0.2rem;
}

/* -------------------------------------------------- */
/* 横スクロールアイテム
/* -------------------------------------------------- */
.scroll_box {
	display: flex;
	width: 100%;
	overflow-x: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
	cursor: grab;
}
.scroll_box::-webkit-scrollbar {
	display: none;
}

/* 絞り込み */
.filter-item{
    height: 100%;
    width: auto;
    flex: none;
}
/* ピックアップ */
.pickup-item{
	width: 290px;
	height: auto;
	padding-right: 0.8rem;
}
.pickup-item img{
	height: 150px;
	width: 270px;
	object-fit: cover;
	border-radius: 5px;
	border: solid 1px #E8E8E8;
}/* セレクション */
.selection-item{
	/* width: 290px; */
	width: 100%;
	height: auto;
	/* margin: 0; */
	padding: 5px;
	/* padding-right: 0.8rem; */
}
.selection-item img{
	/* height: 150px; */
	/* width: 270px; */
	width: 100%;
	height: auto;
	object-fit: cover;
	border-radius: 5px;
	border: solid 1px #E8E8E8;
}
/* 関連施設など */
.stay-pickup-item{
	width: 290px;
	height: auto;
	padding-right: 0.8rem;
}
.stay-pickup-item img{
	height: 150px;
	width: 270px;
	object-fit: cover;
	border-radius: 5px;
	border: solid 1px #E8E8E8;
}
/* 宿からのオススメ情報 */
.stay-detail-item{
	width: 290px;
	height: 290px;
	position: relative;
	padding: 0.8rem;
	flex: none;
	border: solid 1px #E8E8E8;
}
/* Youtubeサムネにアイコンを中央表示 */
.thumbnail-container {
	position: relative;
	width: 100%;
	/* max-width: 640px; */
	margin: auto;
}
.thumbnail-container .youtube-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 30px; /* アイコンのサイズを調整 */
}
/* Youtube埋込コード用 */
.stay-detail-item-media div{
	width: 270px;
	height: 150px;
}
.stay-detail-item img{
	width: 270px;
	height: 150px;
	object-fit: cover;
}
.stay-detail-item p{
	font-size: 0.8rem;
}
.stay-detail-item-btn{
	position: absolute;
	bottom: 12px;
	left: 50%;
	width: 100%;
	padding: 0 10px;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}
.stay-detail-item-btn a:after {
	content: '\f105';
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
    position: absolute;
    right: 25px;
}
/* サムネール表示 */
.square_img {
	width:100px;
	height:100px;
	object-fit: cover;
	border-radius: 5px;
  }
/* 長い英文字などが含まれる場合に改行させる */
.text-word-break {
	word-break: break-word;
	overflow-wrap: break-word;
}

/* 目的から探す */
.theme-item{
	height: auto;
	width: 100%;
	padding: 0 0.2rem;
}
.theme-item img{
	width: 100%;
	height: auto;
	object-fit: cover;
	border-radius: 5px;
	border: solid 1px #E8E8E8;
}
/* 施設写真 */
.square_contents {
	/* スクロールスナップなし */
	/* display: flex; */
	/* overflow-x: scroll; */

	/* スクロールスナップ */
	scroll-snap-type: x mandatory;
	width: 100%;
	overflow-x: auto;
	display: flex;
	-webkit-overflow-scrolling: touch; /* スマホ対応のため必須 */
	overflow-scrolling: touch; /* スマホ対応のため必須 */
}
.square_contents_item {
	display: block;
	position: relative;
	width: 100%;
	/* 必須 */
	/* flex: none; */
	/* スクロールスナップ */
	/* scroll-snap-align: start; */
}
.square_contents_item::before {
	content: "";
	display: block;
	padding-top: 100%;
}
.square_contents_item img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	object-fit: cover;
	border-radius: 5px;
}
/* 写真コメント */
.square_contents_item p{
	font-size: 0.8rem;
	position: absolute;
	left: 0;
	bottom:  0;
	margin: 0;
	color: #FFFFFF;
	background-color: #000;
	padding-left: 0.5rem;
}
/* 写真枚数 */
.square_contents_item_count{
	font-size: 0.8rem;
}
/* お気に入りボタン */
/* アイコンバージョン */
/* .like_btn{
	z-index: 99;
	position: absolute;
	right: 0;
	top:  8px;
	margin: 0;
	font-size: 2.2rem;
} */
.like_btn{
	z-index: 99;
	position: absolute;
	right: 15px;
	top:  18px;
	margin: 0;
	font-size: 14px;
}
/* 問い合わせボタン */
.mail_btn{
	z-index: 99;
	position: absolute;
	right: 0;
	top:  78px;
	margin: 0;
	font-size: 2.2rem;
}
/* 特徴写真 */
.feature_img_item {
	display: flex;
	/* flex-wrap: wrap; */
	/* max-width: 600px; */
  }
  .feature_img_item div {
	/* display: block; */
	position: relative;
	width: 31%;
	margin: 1%;
  }
  .feature_img_item div::before {
	content: "";
	display: block;
	padding-top: 60%;
  }
  .feature_img_item img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	object-fit: cover;
  }
  .feature_img_item p {
	position: absolute;
	top: 100%;
	left: 0;
	font-size: 0.6rem;
	font-weight: bold;
  }

.bg_beige{
	background-color: #F7F5EF;
}
.bg_sky{
	background-color: #F0F8FF;
}
.bg_orange{
	background-color: #FD7365;
}	
.bg_pink{
	background-color: #F76C89;
}
.bg_blue{
	background-color: #1D9BF0;
}
.bg_gray{
	background-color: #e9ecef;
}

/* -------------------------------------------------- */
/* swiper（dynamicBullets版） */
/* -------------------------------------------------- */

/* これを入れないとsearchのフッターのピックアップがおかしくなる */
  .swiper-wrapper {
    width: auto;
    height: auto;
  }
/* ページネーション、前へ・次へボタンを横並びにする */
 .slide-pagination-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	height: auto;
  }
  /* デフォルトのabsoluteからstaticへ変更 */
  .swiper-pagination {
	position: static;
	width: auto;
  }
  /* ダイナミックページネーションのスタイル上書き（右寄せになっている） */
  .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
   .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    transform:none;
  }
  .slide-pagination-wrapper .swiper-pagination-bullet{
		background-color: #14A2B8;
  }
  /* スライドの前へ・次へボタンの位置をabsoluteからstaticへ変更 */
  .slide-pagination-wrapper .swiper-button-prev,
  .slide-pagination-wrapper .swiper-button-next
  {
	position: static;
	margin-top: initial;
	color: #14A2B8;
  }
  
  /* 通常の前へ・次へボタンの画像を非表示に変更 */
  .swiper-button-prev::after,
  .swiper-button-next::after {
	display: none;
  }
  
/* -------------------------------------------------- */
/* swiper（Bullets版） */
/* -------------------------------------------------- */
  /* ページネーション、前へ・次へボタンを横並びにする */
 /* .slide-pagination-wrapper {
	display: flex;
	justify-content: center;
  } */
  /* デフォルトのabsoluteからstaticへ変更 */
  /* .slide-pagination-wrapper .swiper-pagination {
	position: static;
  } */
  
  /* pagenation-bulletの数によって、bulletを包むbulletsの幅が伸縮するようにする */
  /* .swiper-horizontal>.swiper-pagination-bullets, 
  .swiper-pagination-bullets.swiper-pagination-horizontal, 
  .swiper-pagination-custom, 
  .swiper-pagination-fraction
  {
	width: auto;
  } */
  
  /* bulletsの中にあるbulletの位置を縦中央揃え */
  /* .slide-pagination-wrapper .swiper-pagination-bullets {
	display: flex;
	align-items: center;
  } */
  /* .slide-pagination-wrapper .swiper-pagination-bullet{
		background-color: #14A2B8;
  } */
  /* スライドの前へ・次へボタンの位置をabsoluteからstaticへ変更 */
  /* .slide-pagination-wrapper .swiper-button-prev,
  .slide-pagination-wrapper .swiper-button-next
  {
	position: static;
	margin-top: initial;
	color: #14A2B8;
  } */
  
  /* 通常の前へ・次へボタンの画像を非表示に変更 */
  /* .swiper-button-prev::after,
  .swiper-button-next::after {
	display: none;
  } */
/* -------------------------------------------------- */
/* スクロールスナップ */
/* -------------------------------------------------- */
.slider-x-list{
	/* スクロールスナップ */
  /* scroll-snap-type: x mandatory; */
  /* overflow-x: scroll; */
  width: 100%;
  overflow-x: auto;
  display: flex;
  -webkit-overflow-scrolling: touch; /* スマホ対応のため必須 */
  overflow-scrolling: touch; /* スマホ対応のため必須 */
}
.slider-x-list > div{
  /* 以下の設定は必須 */
  scroll-snap-align: start;
  flex: none;
}
/* スクロールバーのスタイルをカスタマイズする */
.slider-x-list::-webkit-scrollbar {
  width: 8px; /* スクロールバーの幅 */
  height: 8px; /* スクロールバーの高さ */
}

/* スクロールバーのトラックのスタイル */
.slider-x-list::-webkit-scrollbar-track {
  background: #f1f1f1; /* トラックの背景色 */
  border-radius: 4px; /* 角を丸める */
}

/* スクロールバーのサムのスタイル */
.slider-x-list::-webkit-scrollbar-thumb {
  background: #888; /* サムの色 */
  border-radius: 4px; /* 角を丸める */
}

/* スクロールバーのサムがホバーされたときのスタイル */
.slider-x-list::-webkit-scrollbar-thumb:hover {
  background: #555; /* サムの色（ホバー時） */
}

/* Firefox 用のスクロールバーのカスタマイズ */
.slider-x-list {
  scrollbar-width: thin; /* スクロールバーの幅を薄くする */
  scrollbar-color: #888 #f1f1f1; /* サムとトラックの色を設定する */
}

.slider-x{
	/* 横スクロール */
    scroll-snap-type: x mandatory;
    width: 100%;
    /* overflow-x: scroll; */
    overflow-x: auto;
    display: flex;
    -webkit-overflow-scrolling: touch; /* スマホ対応のため必須 */
    overflow-scrolling: touch; /* スマホ対応のため必須 */
	margin: 0;
	padding: 0;
	padding-top: 0.1rem;
}
.slider-x > div{
    /* 以下の設定は必須 */
    scroll-snap-align: start;
/*
	height: 84px;
	width: 147px;
*/
	height: 5.25rem;
	width: 9.1875rem;
    flex: none;
}
.slider-x > div > a > img{
	height: 100%;
	width: 100%;
	object-fit: cover;
	padding: 0.05rem;
	border-radius: 10px;
}
.slider-x-btn{
	/* 以下の設定は必須 */
	scroll-snap-type: x mandatory;
    width: 100%;
    /* overflow-x: scroll; */
    overflow-x: auto;
    display: flex;
    -webkit-overflow-scrolling: touch; /* スマホ対応のため必須 */
    overflow-scrolling: touch; /* スマホ対応のため必須 */
}
.slider-x-btn > button,
.slider-x-btn > a
{
    /* 以下の設定は必須 */
    /* scroll-snap-align: start; */
    scroll-snap-align: center;
    height: 100%;
    width: auto;
    flex: none;
	/*スクロールバーがボタンに重なるのを回避*/
	margin-bottom: 0.5rem;
}


.slider-x-queries{
	/* 以下の設定は必須 */
	/* scroll-snap-type: both; */
	scroll-snap-type: x mandatory;
    /* width: 100%; */
    /* overflow-x: scroll; */
    overflow-x: auto;
    display: flex;
    -webkit-overflow-scrolling: touch; /* スマホ対応のため必須 */
    overflow-scrolling: touch; /* スマホ対応のため必須 */
}
.slider-x-queries > div
{
    /* 以下の設定は必須 */
    scroll-snap-align: start;
    /* scroll-snap-align: center; */
    height: 100%;
    width: auto;
    flex: none;
}

.slider-x-feature{
	/* 以下の設定は必須 */
	scroll-snap-type: x mandatory;
	width: 100%;
	/* overflow-x: scroll; */
	overflow-x: auto;
	display: flex;
	-webkit-overflow-scrolling: touch; /* スマホ対応のため必須 */
	overflow-scrolling: touch; /* スマホ対応のため必須 */
}
.slider-x-feature > div{
    /* 以下の設定は必須 */
    scroll-snap-align: start;
	/* height: 20rem;
	width: 16rem; */
	height: 300px;
	height: 250px;

	width: 200px;
    flex: none;
	padding-left: 0.8rem;
}
.slider-x-feature > div > a > img{
	/* 230px = 14.375rem */
	/* 画像サイズは２倍のheight:460pxにした */
	/* height: 14.375rem;
	width: 14.375rem; */
	height: 180px;
	width: 180px;
	object-fit: cover;
	padding: 0.05rem;
	border-radius: 10px;
}
.slider-x-nemu-t{
	/* 以下の設定は必須 */
	scroll-snap-type: x mandatory;
    width: 100%;
    /* overflow-x: scroll; */
    overflow-x: auto;
    display: flex;
    -webkit-overflow-scrolling: touch; /* スマホ対応のため必須 */
    overflow-scrolling: touch; /* スマホ対応のため必須 */
}
.slider-x-nemu-t > a
{
    /* 以下の設定は必須 */
    scroll-snap-align: start;
    /* scroll-snap-align: center; */
    height: 100%;
    width: auto;
    flex: none;
	margin-bottom: 1rem; /*スクロールバーがボタンに重なるのを回避*/
}


.slider-x-tag{
	/* 以下の設定は必須 */
	/* scroll-snap-type: x mandatory; */
    width: 100%;
    overflow-x: auto;
    display: flex;
    -webkit-overflow-scrolling: touch; /* スマホ対応のため必須 */
    overflow-scrolling: touch; /* スマホ対応のため必須 */
}
.slider-x-tag > nav {
    /* 以下の設定は必須 */
    scroll-snap-align: start;
    height: 1.0rem;
    width: auto;
    flex: none;
	margin-bottom: 1rem; /*スクロールバーがボタンに重なるのを回避*/
}
/* .slider-x-plnlst{
	scroll-snap-type: x mandatory;
	width: 100%;
	overflow-x: auto;
	display: flex;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
} */
.slider-x-plnlst{
	height: 100%;
	width: 20rem;
	padding-left: 0.8rem;
}
.slider-x-plnlst img{
	height: 14rem;
	width: 100%;
	object-fit: cover;
	padding: 0.05rem;
	border-radius: 10px;
}



.slider-x-stay_img{
	/* 以下の設定は必須 */
	/* スクロールスナップ廃止 */
	/* scroll-snap-type: x mandatory; */
	/* overflow-x: scroll; */

	width: 100%;
	overflow-x: auto;
	display: flex;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}
.slider-x-stay_img .slider-x-stay_div{
	scroll-snap-align: start;
    flex: none;
	padding-left: 0.8rem;
}
.slider-x-stay_img .slider-x-stay_photo{
	object-fit: cover;
	padding: 0.05rem;
	border-radius: 10px;
}
.slider-x-stay_img .slider-x-stay_text{
	font-size: 0.8rem;
	color: #555;
}


.slider-x-stay_img{
	width: 100%;
	overflow-x: auto;
	display: flex;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}
.stay-img-slider-div{
	padding-left: 0.8rem;
}
.slidstay-img-slider-photo{
	object-fit: cover;
	/* padding: 0.05rem; */
	border-radius: 10px;
}
.stay-img-slider-text{
	font-size: 0.8rem;
	color: #555;
}

/* アニメーション*/
/* .koton div{
	animation:koton 0.5s 1.5s 1;
	-webkit-animation:koton 0.5s 1.5s 1;
	-moz-animation:koton 0.5s 1.5s 1;
  } */
/* アニメーション（横ぽよん） */
/* @keyframes koton{
	0%   { transform:translate(0%, 0%);}
	50%   { transform:translate(-20%, 0%);}
	70%   { transform:translate(0%, 0%);}
	80%   { transform:translate(-5%, 0%);}
	100%   { transform:translate(0%, 0%);}
  }
  @-webkit-keyframes koton{
	0%   { -webkit-transform:translate(0%, 0%);}
	50%   { -webkit-transform:translate(-20%, 0%);}
	70%   { -webkit-transform:translate(0%, 0%);}
	80%   { -webkit-transform:translate(-5%, 0%);}
	100%   { -webkit-transform:translate(0%, 0%);}
  }
  @-moz-keyframes koton{
	0%   { -moz-transform:translate(0%, 0%);}
	50%   { -moz-transform:translate(-20%, 0%);}
	70%   { -moz-transform:translate(0%, 0%);}
	80%   { -moz-transform:translate(-5%, 0%);}
	100%   { -moz-transform:translate(0%, 0%);}
} */
/* -------------------------------------------------- */
/* タブメニュー */
/* -------------------------------------------------- */
.tag_tab_menu{
	overflow-x:scroll;
	overflow-y:hidden;
	flex-wrap: nowrap;
}
.tag_tab_menu > li{
	text-align: center;
	font-weight: bold;
	white-space: nowrap;
}
.tag_tab_pane{
    background-color: #EAF5FE;
    border: solid 1px #DEE2E6;
    border-top: 0px;
	height: 500px;
	overflow-x:hidden;
	overflow-y:scroll;
}
.tag_tab_content_img{
	height: 100px;
	width: 100px;
	object-fit: cover;
	padding: 0.05rem;
	border-radius: 10px;
}
/* タブの色変更 */
/* .nav-pills .nav-link.active{
	background-color: rgb(0, 166, 255);
	color: #fff;
} */
.nav-pills .nav-link{
	/* color: #3b3b3b; */
	color: #FD7365;
	background-color: #FFFFFF;
	/* border: 1px solid #3b3b3b; */
	border: 1px solid #FD7365;
	border-radius: 1.0rem;
	padding: 0.2rem 1.0rem;
	margin-right: 0.5rem;
	margin-top: 0.5rem;
}
.nav-pills .nav-link.active{
	background-color: #FD7365;
	border: 1px solid #FD7365;
	color: #fff;
}
/* タブの文字色変更 */
/* .nav-pills .nav-link{
	color: rgb(0, 166, 255);
	background-color: #FFFFFF;
	border: 1px solid rgb(0, 166, 255);
	border-radius: 5px 5px 0 0;
} */
.btn_custum_1 {
	background-color: rgb(0, 166, 255);
	color:#fff;
}
.btn_custum_1:hover {
	background-color: rgba(0, 166, 255,0.6);
	color:#fff;
}
/* 地域、観光、グルメのタブ色変更 */
.nav-theme .nav-link.active{
	background-color: #0bb0c6;
	color: #fff;
}
/* 地域、観光、グルメのタブの文字色変更 */
.nav-theme .nav-link{
	color: #0bb0c6;
	background-color: #FFFFFF;
	border: 1px solid #0bb0c6;
	border-radius: 5px 5px 0 0;

}
/* -------------------------------------------------- */
/* メニューボタン */
/* -------------------------------------------------- */
a.btn_02 {
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    margin: auto;
    padding: 2rem 1rem;
    font-weight: bold;
    border: 1px solid #fff;
    background: #1D9BF0;
    color: #fff;
  }

/* -------------------------------------------------- */
/* 指定の文字数を超えたら省略して「…」を付ける（行単位） */
/* -------------------------------------------------- */
.txt-limit-1,
.txt-limit-2,
.txt-limit-3,
.txt-limit-4,
.txt-limit-5,
.txt-limit-10
 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
  }
.txt-limit-1 {-webkit-line-clamp: 1;}
.txt-limit-2 {-webkit-line-clamp: 2;}
.txt-limit-3 {-webkit-line-clamp: 3;}
.txt-limit-4 {-webkit-line-clamp: 4;}
.txt-limit-5 {-webkit-line-clamp: 5;}
.txt-limit-10 {-webkit-line-clamp: 10;}

/* -------------------------------------------------- */
/* 文章の基本スタイル */
/* -------------------------------------------------- */
.read-txt {
	font-size: 1.0rem;
	line-height: 1.8rem;
}

/* -------------------------------------------------- */
/* 続きを読む */
/* -------------------------------------------------- */
.read-more-001 {
    position: relative;
}

.read-more-001 p {
    position: relative;
    max-height: 150px; /* 開く前に見せたい高さを指定 */
    margin-bottom: 0;
    overflow: hidden;
    transition: max-height 1s;
}

.read-more-001:has(:checked) p {
    max-height: 100vh;
}

.read-more-001 p::after {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60px;
    /* background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .9) 50%, hsla(0, 0%, 100%, .9) 0, #fff); */
    content: '';
}

.read-more-001:has(:checked) p::after {
    content: none;
}

.read-more-001 label {
    display: flex;
    align-items: center;
    gap: 0 4px;
    position: absolute;
    bottom: 0;
    bottom: -40px;
    left: 50%;
    transform: translateX(-50%);
    color: #4f96f6;
    font-size: .8em;
}

.read-more-001 label:hover {
    color: #c7511f;
    text-decoration: underline;
    cursor: pointer;
}

.read-more-001:has(:checked) label {
    display: none;
}

.read-more-001 label::after {
    display: inline-block;
    width: 10px;
    height: 5px;
    background-color: #b6bdc3;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
}

.read-more-001 input {
    display: none;
}
/* -------------------------------------------------- */
/* 続きを読むグラデーション */
/* -------------------------------------------------- */

.readmore {
	position: relative;
	margin: 50px auto 0;
	padding: 0 0 75px;
  }
  
  .readmore label {
	position: absolute;
	display: table;
	left: 50%;
	bottom: 0;
	margin: 0 auto;
	width: 200px;
	padding: 10px 0;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	background-color: #333;
	transform: translateX(-50%);
	cursor: pointer;
	z-index: 1;
  }
  
  .readmore label::before{
	content: '続きを見る';
  }
  
  .readmore input[type="checkbox"]:checked ~ label::before {
	content: '元に戻す';
  }
  
  .readmore input[type="checkbox"]{
	display: none;
  }
  
  .readmore-content {
	position: relative;
	height: 200px;
	overflow: hidden;
  }
  
  .readmore input[type="checkbox"]:checked ~ .readmore-content {
	height: auto;
  }
  .readmore-content::before {
	position: absolute;
	display: block;
	content: "";
	bottom: 0;
	left: 0;
	width: 100%;
	height: 75px;
	background: linear-gradient( rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, #fff 100%);
  }
  
  .readmore input[type="checkbox"]:checked ~ .readmore-content::before {
	display: none;
  }
/* -------------------------------------------------- */
/* アコーディオン */
/* -------------------------------------------------- */
  .accordion-title {
	cursor: pointer;
  }
  .accordion-content {
	display: block;
	word-wrap: break-word;
  }
  /* 矢印 */
  .accordion-title {
	position: relative;
	word-wrap: break-word;
  }
  .accordion-title::after {
	border-right: solid 2px #3b3b3b;
	border-top: solid 2px #3b3b3b;
	content: "";
	display: block;
	height: 10px;
	position: absolute;
	right: 0;
	top: 38%;
	transform: rotate(135deg);
	transition: transform .3s ease-in-out, top .3s ease-in-out;
	width: 10px;
  }
  .accordion-title.open::after {
	top: 45%;
	transform: rotate(-45deg);
  }
  .arrow-white::after {
	border-right: solid 2px #ffffff;
	border-top: solid 2px #ffffff;
	top: 20%;
  }
  .arrow-blue::after {
	border-right: solid 2px #00A9D1;
	border-top: solid 2px #00A9D1;
	top: 20%;
  }

/* -------------------------------------------------- */
/* 詳細情報 */
/* -------------------------------------------------- */
	.link_tag2 {
	color: #fff;
	background-color: #00A9D1;
	font-size: 0.8rem;
	padding: 0.3rem 0.5rem;
	/* margin: 2.0rem 0; */
	}
	.box12 {
	/* padding: 0.5em 1em; */
	padding: 0.5em;
	margin: 1em 0;
	background: #c6e4ff;
	border-bottom: solid 6px #aac5de;
	border-radius: 9px;
	background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
	background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
	word-wrap: break-word;
	}
	.box27 {
		position: relative;
		/* margin: 2em 0; */
		margin-top: 2em;
		/* margin-bottom: 0; */
		padding: 0.5em 1.0em;
		padding: 0.5em;
		border: solid 3px #00A6FF;
	}
	.box27 .box-title {
		position: absolute;
		display: inline-block;
		top: -27px;
		left: -3px;
		padding: 0 9px;
		height: 25px;
		line-height: 25px;
		font-size: 0.8rem;
		background: #00A6FF;
		color: #ffffff;
		font-weight: bold;
		border-radius: 5px 5px 0 0;
	}
	.box27 p {
		margin: 0; 
		padding: 0;
	}
	.box27_orange {
		position: relative;
		/* margin: 2em 0; */
		margin-top: 2em;
		/* margin-bottom: 0; */
		/* padding: 0.5em 1.0em; */
		padding: 0.5em;
		border: solid 3px #FC614F;
		border-radius: 0 5px 5px 5px;
	}
	.box27_orange .box-title {
		position: absolute;
		display: inline-block;
		top: -29px;
		left: -3px;
		padding: 2px 9px;
		height: 29px;
		line-height: 25px;
		font-size: 1.0rem;
		background: #FC614F;
		color: #ffffff;
		font-weight: bold;
		border-radius: 5px 5px 0 0;
	}
	.box27_orange p {
		margin: 0; 
		padding: 0;
	}
	.box29 {
		margin: 2em 0;
		/* background: #dcefff; */
		border: solid 1px #FC614F;
		border-radius: 5px;
	}
	.box29 .box-title {
		font-size: 0.9em;
		/* background: #5fb3f5; */
		padding: 4px;
		text-align: center;
		color: #FFF;
		font-weight: bold;
		letter-spacing: 0.05em;
	}
	.box-009 {
		/* max-width: 400px; */
		margin: 30px 0;
		border: 2px solid #2ba7bb;
		border-radius: 5px;
		color: #333333;
	}
	
	.box-009 div {
		display: inline-flex;
		align-items: center;
		column-gap: 4px;
		position: relative;
		top: -13px;
		left: 10px;
		margin: 0 7px;
		padding: 0 8px;
		background: #fff;
		color: #2ba7bb;
		font-weight: 600;
		vertical-align: top;
	}
	
	.box-009 div::before {
		width: 15px;
		height: 7.5px;
		border-bottom: 3px solid #2ba7bb;
		border-left: 3px solid #2ba7bb;
		transform: rotate(-45deg) translate(2px, -2px);
		content: '';
	}
	
	.box-009 p {
		margin: 0;
		/* padding: 0 1.5em 1em; */
		padding: 0 1.5rem 1rem;
	}	
	/* ブログカード */
	/* .blog-card {
		background: rgba(251, 140, 0, 0.02);
		border: 1px solid #FC614F;
		word-wrap: break-word;
		max-width: 100%;
		border-radius: 5px;
		box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, .2);
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
		background-color: #ffffff;
	  } */
	  
	  /* .blog-card:hover {
		cursor: pointer;
		box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .2);
		-moz-transform: translateY(-2px);
		-webkit-transform: translateY(-2px);
		transform: translateY(-2px);
	  } */
	  
	  /* .blog-card:before {
		font-family: "Font Awesome 5 Free";
		content: "\f02e  詳細を見る";
		font-weight: 900;
		position: absolute;
		padding: 2px 6px;
		background-color: #FC614F;
		color: #fff;
		font-size: .8em;
		z-index: 1;
	  } */
	  
	  /* .blog-card a {
		text-decoration: none;
	  } */
	  
	  /* .blog-card-thumbnail {
		width: 35%;
		display: table-cell;
		vertical-align: middle;
		padding: 10px 0 10px 10px;
	  } */
	  
	  /* .blog-card-thumbnail img {
		padding: 0;
	  } */
	  
	  /* .blog-card-content {
		display: table-cell;
		vertical-align: middle;
		padding: 0 10px;
	  } */
	  
	  /* .blog-card-title {
		font-size: 1em;
		margin: 5px 5px 5px 0px;
		font-weight: bold;
		line-height: 1.4;
		color:#00A6FF
	  } */
	  
	  /* .blog-card-title:hover {
		text-decoration: underline;
	  } */
	  
	  /* .blog-card-excerpt {
		font-size: .74em;
		color: #4c4c4c;
		margin: 0 5px 5px 0;
		line-height: 1.3;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
		overflow: hidden;
		text-overflow: ellipsis;
	  } */
	  
	  /* .blog-card .clear {
		clear: both;
	  } */

	/* おすすめカード */
	.tag-card {
		background: rgba(251, 140, 0, 0.02);
		border: 1px solid #FC614F;
		word-wrap: break-word;
		max-width: 100%;
		border-radius: 5px;
		max-width: 560px;
		margin: 0 auto;		
		box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, .2);
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
		background-color: #ffffff;
	  }
	  
	  .tag-card:hover {
		cursor: pointer;
		box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .2);
		-moz-transform: translateY(-2px);
		-webkit-transform: translateY(-2px);
		transform: translateY(-2px);
	  }
	  
	  .tag-card:before {
		font-family: "Font Awesome 5 Free";
		content: "\f02e  詳細を見る";
		font-weight: 900;
		position: absolute;
		padding: 2px 6px;
		background-color: #FC614F;
		color: #fff;
		font-size: .8em;
		z-index: 1;
	  }
	  
	  .tag-card a {
		text-decoration: none;
	  }
	  .tag-card-title {
		font-size: 1em;
		font-weight: bold;
		color:#00A6FF
	  }
	  
	  .tag-card-title:hover {
		text-decoration: underline;
	  }
	  
	  .tag-card-excerpt {
		font-size: 0.9em;
		color: #4c4c4c;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
		overflow: hidden;
		text-overflow: ellipsis;
	  }
	  
	  /* .tag-card .clear {
		clear: both;
	  } */
/* -------------------------------------------------- */
/* 目的別（テキスト版） */
/* -------------------------------------------------- */
.tab_text {
	list-style: none;
	padding: 1.0rem 0.5rem;
	margin: 0;
  }
.tab_text li {
	position: relative;
	padding: 0.5rem 0 0.5rem 1.5rem;
	margin: 0;
  }
.tab_text li::before {
	position: absolute;
	left: 0;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f138';
	color: #00ACDB;
  }

/* -------------------------------------------------- */
/* 黄色マーカー */
/* -------------------------------------------------- */
	.marker_yellow{
		background:linear-gradient(transparent 60%, #ff6 60%);
	}
/* -------------------------------------------------- */
/* ボタン各種 */
/* -------------------------------------------------- */
/* 001 */
.button001 {
    background: #17A2B8;
    border-radius: 3px;
	border:none;
    position: relative;
    display: inline-block; /* displayをinline-blockに変更 */
    margin: 0.5rem 0; /* 不要なマージンを削除 */
    padding: 10px 30px 10px 15px;
    color: #fff;
    transition: 0.3s ease-in-out;
    text-align: left;
    /* width: auto; */
    /* max-width: none; */
    width: 100%; /* テキストの自然幅に合わせる */
}
.button001:after {
    content: '';
    width: 8px;
    height: 8px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.button001:hover {
    color: #FFF;
}
/* -------------------------------------------------- */
/* パンくずリスト */
/* -------------------------------------------------- */
.breadcrumb-ctm {
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #F8F9FA;
	font-size: 0.8rem;
  }
.breadcrumb-item + .breadcrumb-item::before 
{  
  content: "\f105" !important; 
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #999999;
}
.breadcrumb-ctm .breadcrumb-item,
.breadcrumb-ctm .breadcrumb-item a{
	color: #999999;
}

.breadcrumb-show {
	font-size: 1.0rem;
	line-height: 1.5rem;
	color: #6c757d;
	padding: 0.2rem 0;
}
.breadcrumb-show a:not(:last-child)::after {
    content: "\f105";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
	margin: 0 0.3rem;
}
.breadcrumb-show a{
	color: #6c757d;
}

/* -------------------------------------------------- */
/* アカウント画像 */
/* -------------------------------------------------- */
.account-ctm  {
	padding-left: 1rem;
	padding-right: 1rem;
}
.account-ctm-img{
	display: inline-block;
}
.account-ctm-name{
	width: 70%;
	margin-left: 0.5rem;
	display: inline-block;
	vertical-align: middle;
}
.account-ctm img{
	width: 4.8rem;
	height: 4.8rem;
	object-fit:cover;
	border-radius:50%;
	border: solid 1px #D3D3D3;
}
/* .account-ctm h3{ */
.account-ctm h1{
	font-size: 1.3rem;
	font-weight: 700;
	word-wrap: break-all;
}
.noimage-outer{
	width: 4.8rem;
	height: 4.8rem;
	object-fit:cover;
	border-radius:50%;
	border: solid 1px #D3D3D3;
}
.noimage-outer .noimage{
	width: 2rem;
	height: 2rem;
}
/* -------------------------------------------------- */
/* カテゴリー */
/* -------------------------------------------------- */
.category-ctm {
	padding: 0.5rem 1rem;
}
.category-ctm .category-tag{
	/* background-color: black; */
	background-color: #14A2B8;
	color: white;
	font-size: 0.6875rem;
	width: 4.8rem;
	height: 1.5rem;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}
.category-ctm .category-capacity{
	padding: 0em 0.5em;/*上下 左右の余白*/
	font-weight: 700;
	font-size: 0.875rem;	
}
/* -------------------------------------------------- */
/* 戸数（張数） */
/* -------------------------------------------------- */
.unit-ctm{
	padding: 0.5rem;
}
.unit-ctm-title{
	font-size: 0.9rem;
	font-weight: bold;	
}
.unit-ctm-text{
	font-size: 0.9rem;
}
/* -------------------------------------------------- */
/* 今月の宿泊料金 [9月] ¥5000〜¥10,000/泊　*/
/* -------------------------------------------------- */
.price_txt{
	font-weight: 700;
	font-size: 0.875rem;	
}
.price_min{
	font-weight: 700;
	/* font-size: 0.875rem;	 */
	font-size: 1.1rem;
	color: #D40E1A;
}
.price_txt2{
	font-weight: 700;
	/* font-size: 1.2rem;	 */
	font-size: 1.0rem;	
}
.price_min2{
	font-weight: 700;
	/* font-size: 1.2rem; */
	font-size: 1.0rem;
	color: #D40E1A;
}
.price-txt-title-ctm{
	font-size: 0.9rem;
	font-weight: 700;
}
.price-txt-ctm{
	font-size: 0.9rem;
}
/* -------------------------------------------------- */
/* 予約区分 */
/* -------------------------------------------------- */
.booking_flg:after {
	clear: both;
	content: '';
	display: block;
}
.booking_flg div {
	float: left;
	width: 12rem;
	height: auto;
	
}
/* -------------------------------------------------- */
/* 住所 */
/* -------------------------------------------------- */
.address-ctm {
	padding: 0.5rem 1rem;
	font-size: 0.9rem;
}
.address-ctm a{
	color: #666;
	font-size: 0.9rem;
	/* text-decoration: underline; */
}
.address-ctm i{
	color: #666;
	font-size: 0.9rem;
	vertical-align: middle;
}
/* -------------------------------------------------- */
/* ページ内リンク */
/* -------------------------------------------------- */
.pgLink-ctm{
	font-size: 0.9rem;
	color:#666;
	font-weight: 700;
	width: 300px;
}
/* -------------------------------------------------- */
/* 電話するモーダル */
/* -------------------------------------------------- */
.tel-account-ctm{
	text-align: center;
}
/* アカウント画像 */
.tel-account-ctm-img img{
	width: 10rem;
	height: 10rem;
	object-fit:cover;
	border-radius:50%;
	border: solid 1px #D3D3D3;
}
/* 施設名 */
.tel-account-ctm-name{
	font-size: 1.3rem;
	font-weight: 700;
}
/* 電話番号 */
.tel-num-ctm{
	color: #9B9B9B;
	font-weight: 500;
	font-size: 1.2rem;
}
/* 発信ボタン */
.tel-ctm a, .tel-ctm i{
	font-size: 1.3rem;
	color: #FFF;
	/* background-color: #1C9AD4; */
}
/* コッテを見たとお伝え下さい */
p.tel-ctm{
	text-align: center;
	font-size: 1.1rem;
	/* color:#1C9AD4; */
	color: #3173E9;
	
	font-weight: 500;
}
/* 電話受付の注記 */
.tel-txt-title-ctm{
	font-size: 0.9rem;
	font-weight: 700;
}
.tel-txt-ctm{
	font-size: 0.8rem;
}
/* -------------------------------------------------- */
/* 宿泊プラン */
/* -------------------------------------------------- */
.plnlst_price1{
	font-size: 1.3rem;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
.plnlst_price2{
	font-size: 0.6rem;
	margin: 0;
	padding: 0;
}
.plnlst_txt1{
	color: #666;
	font-size: 0.9rem;
}
.plnlst_txt2{
	font-size: 0.9rem;
	text-align: right;
}
.plnlst_txt_s{
	font-size: 0.7rem;
	text-align: right;
	color: #9B9B9B;
}


/* -------------------------------------------------- */
/* 特徴 */
/* -------------------------------------------------- */
.feature-ctm {
	/* padding: 0 0.3rem; */
	/*上下 左右の余白*/

	/* width: 100%;
	aspect-ratio: 16 / 9;
	margin-left: auto;
	margin-right: auto; */
}
.feature-ctm img{
	/* border-radius: 5px; */
	width: 100%;
	height: 30vh;
	/* height: 100%; */
	object-fit: cover;
}
.tag-img{
	width: 100%;
	aspect-ratio: 16 / 9;
	margin-left: auto;
	margin-right: auto;
}
.tag-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* -------------------------------------------------- */
/* テーマ */
/* -------------------------------------------------- */
/* .tag-ctm {
	color: #CCC;
} */
.tag-ctm a,button{
	margin: 2px 1px;
}
/* -------------------------------------------------- */
/* 基本情報 */
/* -------------------------------------------------- */
.info-ctm-img {
	width: 4.5rem;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
}
.info-ctm-p {
	width: 70%;
	display: inline-block;
	vertical-align: middle;
}
/* -------------------------------------------------- */
/* お客様の声 */
/* -------------------------------------------------- */
.customer_div {
	background-color: #EAF5FE;
	border-radius: 5px;
}
.customer_div .customer_title{
    font-weight: 600;
	font-size: 1.1rem;
	word-wrap: break-word;
}
.customer_div .customer_comment{
	word-wrap: break-word;
}
.customer_tag1 {
	color: #fff;
	background-color: #00A9D1;
	font-size: 0.8rem;
	padding: 0.2rem 0.5rem;
	margin-right: 0.7rem;
}
.customer_tag2 {
	color: #fff;
	background-color: #F08011;
	font-size: 0.8rem;
	padding: 0.2rem 0.5rem;
	margin-right: 0.7rem;
}
.customer_attribute span{
	background-color: #ffffff;
	color: #6C767D;
	font-size: 0.8rem;
	padding: 0.2rem 0.5rem;
	border-radius: 100vh;
	border: solid 1px #D3D3D3;
	margin: 1px;
}

.balloon-012 {
    display: grid;
    gap: 1em 0;
}

.balloon-012__section {
    display: flex;
    /* align-items: center; */
    align-items: flex-start;
    gap: 0 15px;
}

.balloon-012__img {
    width: 3.7em;
    height: 3.7em;
	object-fit:cover;
    border-radius: 50%;
	border: solid 1px #D3D3D3;
}

.balloon-012__p {
    display: inline-block;
    position: relative;
    /* max-width: 80%; */
	/* width: 100%; */
    margin: 0;
    padding: .4em .8em;
    border-radius: 20px;
    color: #333;
    font-size: .9em;
	word-break: break-all;
}

.balloon-012__p.left {
    background-color: #fff;
}

.balloon-012__p::before {
    position: absolute;
    top: -15px;
    width: 20px;
    height: 30px;
    content: '';
}

.balloon-012__p.left::before {
    left: -10px;
    border-radius: 0 0 0 15px;
    box-shadow: -3px -15px 0 -7px white inset;
}
/* -------------------------------------------------- */
/* よくあるご質問 */
/* -------------------------------------------------- */
.qa-003 {
	background-color: #EAF5FE;
	border-radius: 5px;
}
.qa-003 dt,
.qa-003 dd {
    display: flex;
    align-items: center;
	/* align-items: flex-start; */
    position: relative;
    margin: 0;
    /* padding: 1em 2em 1em 3.3em; */
    padding: 1em 0 1em 3.3em;
    color: #333333;
	word-break: break-all;
}

.qa-003 dt {
    font-weight: 600;
}

.qa-003 dd + dt {
    margin-top: 1em;
}

.qa-003 dt::before,
.qa-003 dd::before {
    display: inline-block;
    position: absolute;
    width: 40px;
    height: 40px;
    left: 0;
    border-radius: 50%;
    font-weight: 600;
    /* font-size: 1.1em; */
    font-size: 1.3em;
    /* line-height: 40px; */
    line-height: 35px;
    text-align: center;
}

.qa-003 dt::before {
	background-color: #ffffff;
    border: 2px solid #75bbff;
    color: #75bbff;
    content: 'Q';
}

.qa-003 dd::before {
	background-color: #ffffff;
    border: 2px solid #ff8d8d;
    color: #ff8d8d;
    content: 'A';
}

/* -------------------------------------------------- */
/* 近隣エリアから探す */
/* -------------------------------------------------- */
.link_tag{
	color: #fff;
	background-color: #00A9D1;
	font-size: 0.7rem;
	padding: 5px 5px;
	margin-right: 5px;
}

/* -------------------------------------------------- */
/* テキスト関連 */
/* -------------------------------------------------- */
/* 青線つきタイトル */
/* .title-ctm{
	padding: 0.7rem 0;
	background: transparent;
	border-top: solid 3px #00A9D1;
	border-bottom: solid 3px #00A9D1;
	font-weight: 700;
	font-size: 1.5rem;
} */
.title-ctm {
	position: relative;
	padding: 1.5rem;
	color: #fff;
	border-radius: 10px;
	background-image: linear-gradient(-225deg, #00c9d4 0%, #a9a3ff 56%, #ff93aa 100%);
	font-weight: 700;
	font-size: 1.5rem;
}
  
.title-ctm:after {
	position: absolute;
	bottom: -9px;
	left: 1em;
	width: 0;
	height: 0;
	content: '';
	border-width: 10px 10px 0 10px;
	border-style: solid;
	border-color: #5CBCE4 transparent transparent transparent;
}

.box_title{
	/* padding: 0 0.5rem 1.0rem 0.5rem; */
	padding: 1.0rem 0;
	border-bottom: solid 3px #00A9D1;
	font-weight:bold;
	/* margin: 1.0rem 0; */
	font-size: 1.0rem;
	line-height: 1.5rem;
}
/* 青線なしサブタイトル */
.sub-title-ctm{
	font-weight: 700;
	font-size: 1.1rem;
	line-height: 2.1rem;
}
.txtStyle-1 {
	color: #3b3b3b;
	font-weight: 700;/* Regular:400,Medium:500,Bold:700  */
}
.txtStyle-2 {
	color: #666;
	font-size: 0.9rem;
}
.txtStyle-3 {
	color: #3b3b3b;
	font-weight: 700;/* Regular:400,Medium:500,Bold:700  */
	font-size: 0.9rem;
}
.txtStyle-4{
	color: #3b3b3b;
	font-size: 0.9rem;
}
/* 改行させる */
.txtStyle-break {
	overflow-wrap: break-word;
}
/* 背景関連 */
.bgImage-01 {
	background-image: linear-gradient(to right, #74ebd5 0%, #9face6 100%);
}
/* h1タイトル（レスポンシブ） */
.title-h1 h1{
	font-size: 1.5rem;
}
.title-h1 span{
	font-size: 1.0rem;
}
/* １行に省略 */
.text-overflow-1 {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
  }
/* 吹き出し見出し */
.heading04 {
	display: flex;
	justify-content: center;
	align-items: center;
	/* font-size: 26px; */
	text-align: center;
}

.heading04::before,
.heading04::after {
	content: '';
	width: 3px;
	height: 30px;
	background-color: #3b3b3b;
}

.heading04::before {
	margin-right: 20px;
	transform: rotate(-35deg)
}
.heading04::after {
	margin-left: 20px;
	transform: rotate(35deg)
}
.show_h3_style{
	padding: 0.8rem 1.0rem;
	/* border: solid 1px #00A9D1; */
	border-left: solid 5px #FD7365;
	font-size: 1.1rem;
	line-height: 1.5rem;
	font-weight:bold;
	margin-bottom:2.0rem;
	background-color:#F7F5EF;
}
.show_h4_style{
	padding: 0.5rem 0.5rem;
	margin: 1.5rem 0;
	border-bottom: solid 3px #FD7365;
	font-size: 1.0rem;
	line-height: 1.5rem;
	font-weight:bold;
}

/* -------------------------------------------------- */
/* ユーティリティ */
/* -------------------------------------------------- */
.mp-clear {
	margin: 0;
	padding: 0;
}
.float-clear {
	clear: both;
}
/* -------------------------------------------------- */
/* ボタン関連 */
/* -------------------------------------------------- */
/* a.btn--yellow {
	color: #fff;
	background-color: #eb6100;
	border: 1px solid #fff;
	border-bottom: 5px solid #b84c00;
}
a.btn--yellow:hover {
	margin-top: 3px;
	color: #fff;
	background: #f56500;
	border-bottom: 2px solid #b84c00;
} */
a.btn--red.btn--cubic {
	color: #fff;
	background-color: #eb6100;
	border-bottom: 5px solid #b84c00;
}

a.btn--red.btn--cubic:hover {
	color: #fff;
	margin-top: 3px;
	border-bottom: 2px solid #b84c00;
}

a.btn--radius {
	border-radius: 100vh;
}

a.btn--orange {
	color: #fff;
	font-weight: bold;
	border: 1px solid #fff;
	background-color: #eb6100;
}
  
a.btn--orange:hover {
	color: #fff;
	background: #f56500;
}
.btn-copy {
	font-size: 1.2rem;
	font-weight: bold;
	position: relative;
	margin-bottom: .2em;
	text-align: center;
  }
  
  .btn-copy:before {
	margin-right: 0.5rem;
	content: '＼';
  }
  
  .btn-copy:after {
	margin-left: 0.5rem;
	content: '／';
  }
/* -------------------------------------------------- */
/* 上部固定のメニューバー */
/* -------------------------------------------------- */
/* #menu-t {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #FFF;
	z-index: 100;
}
.menu-t-inner{
	height: 50px;
    background-color: #FFF;
	z-index: 100;
}
.menu-t-inner a,
.menu-t-inner div {
	height: 100%;
	padding: 15px 20px;
	border: solid 1px #ffffff;
	font-size: 0.9rem;
	color: #ffffff;
}
.menu-t-inner .grp-1{
    background-color: #1265EF;
}
.menu-t-inner .grp-2{
    background-color:#09b0c6;
}
.menu-t-inner .grp-3{
    background-color:#f27a3a;
}
.menu-t-inner .grp-4{
    background-color:#3CA8BA;
}
.menu-t-inner .grp-5{
    background-color:#ED8A0D;
}
.menu-t-inner .grp-6{
    background-color:#8CBFA6;
}
.menu-t-inner .grp-7{
    background-color:#F48484;
} */
/* -------------------------------------------------- */
/* 全体　下部固定のメニューバー */
/* -------------------------------------------------- */
#menu-b-all {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: white; /* 必要に応じて背景色調整 */
    transition: transform 0.3s ease;
    z-index: 999;
    transform: translateY(100%); /* ← 初期状態は非表示 */
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1); /* 任意の装飾 */
}

#menu-b-all.show {
    transform: translateY(0);
}

#menu-b-all.hide {
    transform: translateY(100%);
}
/* -------------------------------------------------- */
/* 管理画面や施設ページ　下部固定のメニューバー */
/* -------------------------------------------------- */

#menu-b {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #FFF;
	/* z-index: 2000; */
	z-index: 99;
}
.bookingBtn{
    border-radius : 10px;          /* 角丸       */
    font-size     : 1.0rem;        /* 文字サイズ */
    text-align    : center;      /* 文字位置   */
    cursor        : pointer;     /* カーソル   */
    padding       : 1.1rem;   /* 余白       */
    background    : #E51D59;
    /* background    : #FD7365; */
    color         : #ffffff;     /* 文字色     */
    line-height   : 1rem;         /* 1行の高さ  */
    transition    : .3s;         /* なめらか変化 */
	font-weight: bold;
}
.bookingBtn:hover {
    color         : #FFF;
    background    : #FC365C;
    /* background    : #ff9387;	 */
    text-decoration: none;
}

.menu-b-bookingBtn{
    border-radius : 5px;          /* 角丸       */
    font-size     : 1.0rem;        /* 文字サイズ */
    text-align    : center;      /* 文字位置   */
    cursor        : pointer;     /* カーソル   */
    padding       : 0.8rem 0.4rem;   /* 余白       */
    background    : #E51D59;
    /* background    : #FD7365; */
	/* border: solid 1px #D40E1A; */
	/* border: solid 1px #fff; */
    color         : #ffffff;     /* 文字色     */
    line-height   : 1rem;         /* 1行の高さ  */
    transition    : .3s;         /* なめらか変化 */
	font-weight: bold;
}
.menu-b-bookingBtn-outline{
    border-radius : 5px;          /* 角丸       */
    font-size     : 1.0rem;        /* 文字サイズ */
    text-align    : center;      /* 文字位置   */
    cursor        : pointer;     /* カーソル   */
    padding       : 0.8rem 0.4rem;   /* 余白       */
    background    : #ffffff;     /* 背景色     */
	border: solid 1px #E51D59;
    color         : #E51D59;
	/* border: solid 1px #FD7365; */
    /* color         : #FD7365; */
    line-height   : 1rem;         /* 1行の高さ  */
    transition    : .3s;         /* なめらか変化 */
	font-weight: bold;
}
.menu-b-bookingBtn-type2{
    border-radius : 5px;          /* 角丸       */
    font-size     : 1.0rem;        /* 文字サイズ */
    text-align    : center;      /* 文字位置   */
    padding       : 0.8rem 0.4rem;   /* 余白       */
    background    : #ffffff;     /* 背景色     */
	/* border: solid 1px #6C767D; */
    color         : #6C767D;
    line-height   : 1rem;         /* 1行の高さ  */
    transition    : .3s;         /* なめらか変化 */
	font-weight: bold;
}
.menu-b-bookingBtn:hover,
.menu-b-bookingBtn-outline:hover
 {
    color         : #FFF;
    /* background    : #F76C89;
	border: solid 1px #F76C89; */
    background    : #ff9387;
	/* border: solid 1px #ff9387; */
    text-decoration: none;
}
/* .btn-icon-show {
    display: block;
    float: left;
    margin: 0 5px 5px 0;
    padding: 0;
    color: #fff;
    margin: 1.5rem 0;	
} */
/* .btn-icon-show i {
    width: 43px;
    height: 43px;
    line-height: 43px;
    margin: 0;
    border-radius: 50%;
    background: #ccc;
    text-align: center;
    transition: .2s;
}
.btn-icon-show i:before { padding 0; line-height: 43px; }
.btn-icon-show:hover i { background: #666; color: #fff;}
.btn-icon-show.add i{background: #CCC;}
.btn-icon-show.remove i{background: #F76C89;}
.btn-icon-show.add:hover i{background: #F76C89;}
.btn-icon-show.remove:hover i{background: #CCC;} */
.botttom-menu i{
	font-size: 1.5rem;
	font-size: 2.0rem;
}
.btn-icon-show.add i{color: #FFFFFF;}
.btn-icon-show.remove i{color: #F0627A;}
.btn-icon-show-txt{
	margin: 0;
	padding: 0;
	font-size: 0.7rem;
	/* font-weight: bold;
	color: #737373; */
	vertical-align: top;
}

.btn-icon-stay.add{background: #F76C89; color: #fff;}
.btn-icon-stay.add i{color: #fff;}
.btn-icon-stay.remove{background: #ffcdd8; color: #555;}
.btn-icon-stay.remove i{color: #F76C89;}

.btn-icon-stay2.add{background: #F4F4F4; color: #6C767D;}
.btn-icon-stay2.add i{color: #6C767D;}
.btn-icon-stay2.remove{background: #F4F4F4; color: #000;}
.btn-icon-stay2.remove i{color: #F76C89;}

/* コンテンツエリア */
.stay_list_pane{
	max-height: 450px;
	overflow-x:hidden;
	overflow-y:scroll;
}
/* クイックメニュー */
/* クイックメニューボタンのスタイル */
.quick_menu {
	display: inline-block;
	padding: 5px 10px;
	background-color: #FD7365;
	color: white;
	font-size: 0.9rem;
	border-radius: 0 0 5px 5px;
	text-decoration: none !important;
}
  
  
/* -------------------------------------------------- */
/* シェアボタン（モーダル） */
/* Font Awesome 5 を擬似要素で使用する場合のメモ */
/* font-family に指定する値はアイコンの種類（スタイル）により、以下のようになっています。 */
/* 無料版："Font Awesome 5 Free" */
/* アイコンが Brabds の場合："Font Awesome 5 Brands" */
/* （Brands のアイコンの prefix は fab になっているので、それで見分けられます） */
/* 有料版："Font Awesome 5 Pro" */
/* font-weight も、アイコンの種類（スタイル）により異なります。 */
/* Solid→ font-weight: 900; */
/* Regular→ font-weight: 400; */
/* Brands→ font-weight: 400; */
/* Light (Pro)→ font-weight: 300; */
/* -------------------------------------------------- */
/* ボタン共通の幅 */
#modal-share.modal-content{
	text-align: center;
}
.shareBody{
	width: 100%;	
}
.shareBody a{
	width: 100%;
}
/* ボタン共通のホバー */
.shareBody a:hover{
	color: #fff;
	text-decoration: none;
	opacity: 0.5 ;
}
/* twitter */
.btn-twitter {
	display: inline-block;
	padding: .6em 1em .6em 2.5em;
	margin: 0 0 .4em;
	/* background-color: #55acee; */
	background-color: #000000;
	color: #fff;
	font-size: 16px;
	cursor: pointer;
	position: relative;
	text-decoration: none;
	transition: all 0.3s ease 0s;
  }
  .btn-twitter::after {
	position: absolute;
	/* content: '\f099'; */
	/* font-family: 'Font Awesome 5 Brands'; */
	content: '\e61b';
	font-family: 'Font Awesome 6 Brands';
	font-weight: 400;
	top: 50%;
	left: .5em;
	transform: translateY(-50%);
	font-size: 1.2em;
}
/* facebook */
.btn-facebook {
	display: inline-block;
	padding: .6em .8em .6em 2.5em;
	margin: 0 0 .4em;
	background-color: #315096;
	color: #fff;
	font-size: 16px;
	cursor: pointer;
	position: relative;
	text-decoration: none;
	transition: all 0.3s ease 0s;
  }
  .btn-facebook::after {
	position: absolute;
	content: '\f09a';
	font-family: 'Font Awesome 5 Brands';
	font-weight: 400;
	top: 50%;
	left: .5em;
	transform: translateY(-50%);
	font-size: 1.2em;
}
/* LINE */
.btn-line {
	display: inline-block;
	padding: .6em 1em .6em 2.5em;
	margin: 0 0 .4em;
	background-color: #1dcd00;
	color: #fff;
	font-size: 16px;
	cursor: pointer;
	position: relative;
	text-decoration: none;
	transition: all 0.3s ease 0s;
  }
  .btn-line::after {
	position: absolute;
	content: "\f3c0";
	font-family: 'Font Awesome 5 Brands';
	top: 50%;
	left: .5em;
	transform: translateY(-50%);
	font-size: 1.2em;
	font-weight: 400;
}
/* MAIL */
.btn-mail {
	display: inline-block;
	padding: .6em 1em .6em 2.5em;
	margin: 0 0 .4em;
	background-color: #666;
	color: #fff;
	font-size: 16px;
	cursor: pointer;
	position: relative;
	text-decoration: none;
	transition: all 0.3s ease 0s;
  }
  .btn-mail::after {
	position: absolute;
	content: "\f2b6";
	font-family: 'Font Awesome 5 Free';
	top: 50%;
	left: .5em;
	transform: translateY(-50%);
	font-size: 1.2em;
	font-weight: 900;
}
/* URL Copy */
.btn-urlCopy {
	display: inline-block;
	padding: .6em 1em .6em 2.5em;
	margin: 0 0 .4em;
	background-color: #666;
	color: #fff;
	font-size: 16px;
	cursor: pointer;
	position: relative;
	text-decoration: none;
	transition: all 0.3s ease 0s;
  }
  .btn-urlCopy::after {
	position: absolute;
	content: "\f0c1";
	font-family: 'Font Awesome 5 Free';
	top: 50%;
	left: .5em;
	transform: translateY(-50%);
	font-size: 1.2em;
	font-weight: 900;
}
/* -------------------------------------------------- */
/* LIKE画面用　アカウント画像 */
/* -------------------------------------------------- */

/* これを入れないとlike-account-ctm-nameのwidth: 80%が機能しない */
.like-account-outer{
	width: 100%;
}
.like-account-ctm-img{
	display: inline-block;
}
.like-account-ctm-img img{
	width: 3.5rem;
	height: 3.5rem;
	object-fit:cover;
	border-radius:50%;
	border: solid 1px #D3D3D3;
}

.like-account-ctm-name{
	margin-left: 0.5rem;
	display: inline-block;
	vertical-align: middle;
	width: 75%;
}
.like-account-ctm span{
	font-size: 1.0rem;
	font-weight: 700;
	word-wrap: break-all;
}
.like-account-ctm-name a{
	color: #3b3b3b;  
}
.like-account-ctm-name a:hover {
	opacity: 0.55; /* 55％不透明度(＝45％透過) */
}
i.like-view {
	font-size: 1.5rem;
}
.like-btn-grp{
	/* position: absolute;
	top: 0px;
	left: calc(100% - 40px); */
	display: inline-block;
	vertical-align: middle;
	text-align: right;
}
/* -------------------------------------------------- */
/* グーグルマップ（埋め込みタグ） */
/* -------------------------------------------------- */
.gmap {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
}
.gmap iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
/* -------------------------------------------------- */
/* HTMLエディター項目のはみ出し制御（はみ出した分はスクロール） */
/* -------------------------------------------------- */
.outerBox {
	width: 100%;
	height: auto;
	overflow: auto;
	/* overflow: scroll; */
	line-height: 1.8rem;
}
.outerBox img{
	max-width: 100%;
	height: auto;
}
.outerBox iframe{
	max-width: 100%;
	/* height: auto; */
	/* height: autoを入れると高さがおかしくなる */
}
.outerBox table{
	/*tableをスクロールさせる*/
	overflow: auto;
	/*tableのセル内にある文字の折り返しを禁止*/
	white-space: nowrap;
}
/*スクロールバーを追加*/
.outerBox::-webkit-scrollbar,
.slider-x::-webkit-scrollbar
/* .slider-x-btn::-webkit-scrollbar */
/* .slider-x-feature::-webkit-scrollbar,
.slider-x-wp::-webkit-scrollbar,
.slider-x-queries::-webkit-scrollbar */
{
	height: 10px;
	width: 10px;
}
.outerBox::-webkit-scrollbar-track,
.slider-x::-webkit-scrollbar-track
/* .slider-x-btn::-webkit-scrollbar-track */
/* .slider-x-feature::-webkit-scrollbar-track,
.slider-x-wp::-webkit-scrollbar-track,
.slider-x-queries::-webkit-scrollbar-track */
{
	background: #F1F1F1;
	border-radius: 10px;
}
.outerBox::-webkit-scrollbar-thumb,
.slider-x::-webkit-scrollbar-thumb
/* .slider-x-btn::-webkit-scrollbar-thumb */
/* .slider-x-feature::-webkit-scrollbar-thumb,
.slider-x-wp::-webkit-scrollbar-thumb,
.slider-x-queries::-webkit-scrollbar-thumb */
{
	background: #BCBCBC;
	border-radius: 10px;
}
/* -------------------------------------------------- */
/* 続きをみるボタン */
/* -------------------------------------------------- */
.cp_box *, .cp_box *:before, .cp_box *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.cp_box {
	position: relative;
}
.cp_box label {
	position: absolute;
	z-index: 1;
	bottom: -0.50rem;
	width: 100%;
	height: 140px; /* グラデーションの高さ */
	cursor: pointer;
	text-align: center;
	/* 以下グラデーションは背景を自身のサイトに合わせて設定してください */
	/* background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 0.95) 90%); */
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}
.cp_box input:checked + label {
	background: inherit; /* 開いた時にグラデーションを消す */
}
.cp_box label:after {
	line-height: 2.5rem;
	position: absolute;
	z-index: 2;
	bottom: 20px;
	left: 50%;
	width: 16rem;
	font-family: FontAwesome;
	content: '\f13a'' 続きをよむ';
	transform: translate(-50%, 0);
	letter-spacing: 0.05em;
	color: #ffffff;
	border-radius: 20px;
	background-color: rgba(27, 37, 56, 1);
}
.cp_box input {
	display: none;
}
.cp_box .cp_container {
	overflow: hidden;
	height: 300px; /* 開く前に見えている部分の高さ */
	transition: all 0.5s;
}
.cp_box input:checked + label {
	/* 閉じるボタンを消す場合解放 */
	/* display: none ;  */
}
.cp_box input:checked + label:after {
	font-family: FontAwesome;
	content: '\f139'' 閉じる';
}
.cp_box input:checked ~ .cp_container {
	height: auto;
	padding-bottom: 80px; /* 閉じるボタンのbottomからの位置 */
	transition: all 0.5s;
}

/* **************************************************************** */
/* **************************************************************** */
/* -------------------------------------------------- */
/* LIKE */
/* -------------------------------------------------- */
/* .search-like {
	position: absolute;
	top: 0px;
	left: calc(100% - 40px);
	z-index: 99;
	width: 40px;
	text-align: center;
}
.search-like i {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 1.2rem;
}
.search-like .add {
	color: #CCC;
}
.search-like .remove {
	color: #F76C89;
} */
/* -------------------------------------------------- */
/* 検索結果のボタングループ */
/* -------------------------------------------------- */
.search-btn-grp{
	/* height: 50px; */
    background-color: #FFF;
	z-index: 100;
}
.search-btn-grp a:hover,
.search-btn-grp div:hover {
	cursor: pointer;
}
.search-btn-grp a,
.search-btn-grp div {
		height: 100%;
    /* width: auto; */
	padding: 7px 0;
	/* border: solid 1px #ffffff; */
	/* font-size: 1.1rem; */
	color: #ffffff;
	/* font-weight: bold; */
}
.search-btn-grp .grp-1{
    background-color: #1265EF;
}
.search-btn-grp .grp-2{
    background-color:#09b0c6;
}
.search-btn-grp .grp-3{
    background-color:#f27a3a;
}

/* 検索結果のとこのボタン */
/* .search-btn-grp{
	position: absolute;
	top: 5px;
	left: calc(100% - 35px);
	display: flex;
	z-index: 99;
} */
.btn-icon-search {
	/* display: block;
	float: left; */
	margin: 0 5px 5px 0;
	padding: 0;
	color: #fff;
}
.btn-icon-search i {
	width: 30px;
	height: 30px;
	margin: 0;
	border-radius: 50%;
	background: #ccc;
	line-height: 30px;
	text-align: center;
	transition: .2s;
}
.btn-icon-search i:before { padding 0; line-height: 30px; }
.btn-icon-search:hover i { background: #666; }
.btn-icon-search.add i{background: #CCC;}
.btn-icon-search.remove i{background: #F76C89;}
/* .btn-icon-search.add:hover i{background: #F76C89;} */
/* .btn-icon-search.remove:hover i{background: #CCC;} */

/* -------------------------------------------------- */
/* 検索画面のボタン */
/* -------------------------------------------------- */
.search_btn_on{
	background-color: #FD7365;
	color: #ffffff;
}
.search_btn_on:hover{
	color: #ffffff;
}
.search_btn_off{
	background-color: #ffffff;
	border: solid 1px #3b3b3b;
	color: #3b3b3b;
}
.display_item_btn label{
	background-color: #ffffff;
	/* border: solid 1px #7c7c7c;
	color: #7c7c7c; */
	border: solid 1px #3b3b3b;
	color: #3b3b3b;
}
.display_item_btn label.active{
	background-color: #FD7365;
	border: solid 1px #FD7365;
	color: #ffffff;
}
.search_q{
	display: flex;
	background-color: #F0F8FF;
	padding: 5px 10px;
	border: 1px solid #3DA8BB;
	border-radius: 50px;
	color: #3b3b3b;
	font-size: 0.9rem;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	margin-right: 5px;
}
/* -------------------------------------------------- */
/* 検索結果カード */
/* -------------------------------------------------- */
.search-card,
.new-card{
		/* border: none; */
    border-radius: 10px;
	margin-bottom: 3rem;
}
/* カルーセルの写真制御（高さ固定、レスポンシブ） */
.carousel {
	width: 100%;
}
.carousel-item {
	width: 100%;
	/* height: 200px; */
	height: 30vh;
}
.carousel-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/* 遷移ボタンのアイコン */
.carousel-control-prev i,
.carousel-control-next i {
	font-size: 1.5rem;
}
/* .carousel-control-prev,
.carousel-control-next {
	opacity: 0;
}
.carousel-control-prev div:hover,
.carousel-control-next div:hover {
	opacity: 1;
} */
/* 個別（index） */
.search-carousel-inner,
.new-carousel-inner {
	/* 縦向き */
	border-radius: 10px 10px 0 0;
}
/* インジケーター */
.carousel-indicators li{
    border-radius: 50%;
    margin: 1px 3px;
    height: 5px;
    max-width: 5px;
}

/* -------------------------------------------------- */
/* 個別ページのカルーセル */
/* -------------------------------------------------- */
.modal-photo-btn{
	/* bottom,rightの指定でレスポンシブでもうまく固定される */
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 99;
}
.modal-photo-btn a{
	font-size: 0.7rem;
}
.modal-photo-btn2 a{
	font-size: 0.7rem;
}
/* -------------------------------------------------- */
/* パンくずリスト */
/* -------------------------------------------------- */
.search-breadcrumb-ctm{
	background: transparent;
	/* color: #9b9b9b; */
	color: #555;
	font-weight: 400;/* Regular:400,Medium:500,Bold:700  */
}
/* .search-breadcrumb-ctm .breadcrumb-item a{ */
.search-breadcrumb-ctm .breadcrumb-item{
	color: #555;
	/* font-size: 0.8rem; */
	/* text-decoration: underline; */
}
/* -------------------------------------------------- */
/* アカウント画像 */
/* -------------------------------------------------- */
.search-account-ctm-img{
	display: inline-block;
}
.search-account-ctm-name{
	font-size: 1.1rem;
	font-weight: 700;
	color: #3b3b3b;
}
.search-account-ctm img{
	/* width: 4.7rem;
	height: 4.7rem; */
	width: 3.8rem;
	height: 3.8rem;	
	object-fit:cover;
	border-radius:50%;
	border: solid 1px #D3D3D3;
}
/* -------------------------------------------------- */
/* カテゴリー */
/* -------------------------------------------------- */
.search-category-ctm .search-category-tag{
	/* background-color: black; */
	background-color: #14A2B8;
	color: white;
	font-size: 0.6rem;
	font-weight: 700;
	width: 4.5rem;
	height: 1.5rem;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}
.search-category-ctm .search-category-capacity{
	padding: 0em 0.5em;/*上下 左右の余白*/
	font-weight: 700;
	font-size: 0.9rem;	
}
/* -------------------------------------------------- */
/* キャッチコピー */
/* -------------------------------------------------- */
.search-title-ctm{
	padding: 0rem 0.5rem;
	background: transparent;
	border-left: solid 5px #1166F0;/*左線*/
	font-weight: 700;
	/* font-size: 1.0rem; */
	font-size: 1.2rem;
	line-height: 1.7rem;
}
/* -------------------------------------------------- */
/* 特徴 */
/* -------------------------------------------------- */
.search-feature-ctm {
	padding: 0 0.1rem;/*上下 左右の余白*/
}
.search-feature-ctm img{
	width: 100%;
	height: 10vh;
	object-fit: cover;
}
.search-feature-ctm p{
	font-weight: 700;
	font-size: 0.6rem;
}
.contentLeftRadius{
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.contentRightRadius{
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
/* -------------------------------------------------- */
/* テーマ */
/* -------------------------------------------------- */
.search-tag {
	font-size: 0.8rem;
}
/* -------------------------------------------------- */
/* iFrame(embed_stays) */
/* -------------------------------------------------- */
.embed_stays_carousel-item {
	width:100%;
	height:500px;
}
.embed_stays_feature_img {
	width: 100%;
	height: 150px;
	object-fit: cover;
}
/* -------------------------------------------------- */
/* ページネーション */
/* -------------------------------------------------- */
.pagination{
	border: none;
}
li.page-item.disabled .page-link{
	border: none;
}
li.page-item.active .page-link{
	border: none;
	border-radius: 50%;
	background-color: #000;
	color: #fff;
}
li.page-item .page-link{
	border: none;
	border-radius: 50%;
	color: #000;
}

li.page-item a{
	border: none;
	color: #000;
}

li.page-item:first-child .page-link,
li.page-item:last-child .page-link
{
	border-radius: 50%;
	font-weight: bolder;
	/* font-size: 1rem; */
	padding: 0.5rem 0.9rem;

}
/* -------------------------------------------------- */
/* アコーディオン（エリア） */
/* -------------------------------------------------- */
.area-list li:hover{
	cursor: pointer;
	background-color:#F0F0F0;
	/* color: rgb(255, 255, 255); */
	cursor: pointer;
	transition: .3s;

}
.ac-parent {
	position: relative;  /* 追加 */
	cursor: pointer;
}

/* 擬似要素で下三角形を作成 */
.ac-parent:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 45%;
	right: 30px;
	width: 10px;
	height: 10px;
	border-right: 3px solid #3b3b3b;
	border-bottom: 3px solid #3b3b3b;
	transform: translateY(-50%) rotate(45deg);
	transition: .3s;
}
/* .ac-parent:hover:after {
	border-right: 3px solid #FFF;
	border-bottom: 3px solid #FFF;
} */
/* オープン時にopenクラスを付与 */
.ac-parent.open:after {
	transform: rotate(225deg);
}
.area-list li > a{
	color:#3b3b3b;
	font-size: 0.9rem;
}
/* -------------------------------------------------- */
/* datepicker */
/* -------------------------------------------------- */
/* カレンダー外枠のボーダーを消す */
.ui-widget.ui-widget-content,
.ui-widget-content {
	border-style: none;
}
img.ui-datepicker-trigger {
cursor: pointer;
margin: .375rem !important;
height: 1.5rem;
}

.input-accept-date {
width: 15rem;
display: inline-block;
}

.ui-datepicker-calendar thead {
/* background: rgb(245, 245, 245); */
background: #F7F5EF;
border-bottom: 1px solid rgb(191, 191, 191);
font-size: 1.0rem;
}

.ui-datepicker table {
border: 1px solid rgb(191, 191, 191);
}

.ui-datepicker-prev .ui-icon {
background-image: url(/image/icons/angle-left-solid.svg);
}

.ui-datepicker-next .ui-icon {
background-image: url(/image/icons/angle-right-solid.svg);
}

.ui-icon-circle-triangle-e {
background-position: top;
}

.ui-icon-circle-triangle-w {
background-position: top;
}

.ui-widget-header {
border: 1px solid white;
background: white;
color: #333;
font-weight: normal;
font-size: 1.2rem;
}

.ui-state-default {
border: none !important;
background: white !important;
color: black !important;
}

.ui-state-default:hover {
background-color: rgb(255, 214, 185) !important;
}

.ui-datepicker-prev, .ui-datepicker-next {
border: 1px solid transparent;
}

.ui-state-hover {
top: 2px !important;
cursor: pointer;
}

.ui-datepicker .ui-datepicker-next {
right: 1px;
}

.ui-datepicker .ui-datepicker-prev {
left: 1px !important;
}

.ui-state-active {
color: white !important;
/* background-color: rgb(188, 205, 236) !important; */
background-color: #FD7365 !important;
}

.ui-priority-secondary {
opacity: 0.5 !important;
}

.ui-datepicker td span, .ui-datepicker td a {
text-align: center;
padding: 30% 2%;
font-size: 1.0rem;
}

.ui-datepicker th {
font-weight: normal;
}
.ui-datepicker-group{
	clear:both;
}

/* カレンダーの幅を親要素に合わせる */
#datepicker {
    width: 100%;
    display: flex;
    justify-content: center;
}
.ui-datepicker {
    width: 100%;
}
/* -------------------------------------------------- */
/* トップページ */
/* -------------------------------------------------- */
/* ボタンコンポーネントの上下左右中央揃え */
/* .top-box{
    position: relative;
} */
/* .top-box .top-box-btn{
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	z-index: 99;
	width:350px;
} */
.bg_gradation{
	background-image: linear-gradient(-225deg, #2CD8D5 0%, #C5C1FF 56%, #FFBAC3 100%);
}
.bg_gradation2{
	background-image: linear-gradient(-225deg, #00c9d4 0%, #a9a3ff 56%, #ff93aa 100%);
}
.searchbox_text{
	font-size: 1.2rem;
}
	/* エリア文字列を切り詰めるので固定幅が必要 */
#area-Btn{
	width: 160px;
}
#cal-Btn{
	width: 140px;
}
/* .top-btn i{
	color: rgb(60, 60, 60);
	font-size: 1.3rem;
	vertical-align: middle;
}
.top-btn span {
	color: #A4A4A4;
	font-size: 1rem;
	vertical-align: middle;
} */
/* カルーセルの高さ調整 */
/* 画像サイズはbootstrap container特大（width:1320px）に合わせて作成 */
.top-carousel-item{
	/* height:70vh; */
	height:45vh;
}
/* .show-carousel-item {
    height: 40vh;
} */
.show-carousel-item {
	/* aspect-ratio: 16 / 9; */
	aspect-ratio: 3 / 2;
	width: 100%;
	height: 100%;
}
.show-carousel-caption,
.top-carousel-caption{
	padding: 0;
	margin: 0;
	height:auto;
    width:100%;
    left: 0;
	bottom:0;
	padding: 5px 10px;
	font-size: 0.7rem;
	text-align: left;
	vertical-align: middle;
	background-color: rgba(0, 0, 0, 0.633);
}

/* -------------------------------------------------- */
/* サムネイル一覧 */
/* -------------------------------------------------- */
.show-thumb {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: .25rem;
}
/* -------------------------------------------------- */
/* Google Custom Search */
/* -------------------------------------------------- */
.searchbox_top
{
  /* max-width: 400px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 10px;
  padding-right: 15px;
  padding-bottom: 10px;
  padding-left: 15px;
  max-width: 400px; */
}
 
/** 外枠に色を付けて角丸にする */
/* .gsc-control-cse */
.gsc-control-searchbox-only
{
  /* margin: 0px !important;
  padding: 0px !important;
  background-color: #FFF;
  border: 2px solid #00a0e9 !important;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px; */
  margin: 0px !important;
  padding: 0px !important;
  background-color: #FFF;
  border: 1px solid #F57265 !important;
}
 
/** 外枠内側のマージンを0にする */
.gsc-search-box
{
  margin: 0px !important;
}

/** キーワード入力部分のボーダーを消し、角丸にする */
.gsc-input-box 
{
  /* border: none !important;
  border-radius: 30px !important;
  -webkit-border-radius: 30px !important;
  -moz-border-radius: 30px !important; */
  border: none !important;
}

/** キーワード入力部分の左側に20ピクセル余白を入れる */
.gsib_a
{
  padding-left: 20px !important;
}

/** 検索ボタンを無色透明にし、線を消す */
.gsc-search-button-v2
{
  /* margin: 0px !important;
  padding-top: 12px !important;
  padding-bottom: 13px !important;
  padding-right: 14px !important;
  padding-left: 14px !important;
  background-color: transparent !important;
  color: #4990c8 !important;
  border-top-style: none !important;
  border-right-style: none !important;
  border-bottom-style: none !important;
  border-left-style: none !important;
  cursor:pointer; */
  margin: 0px !important;
  /* padding-top: 6px !important; */
  /* padding-bottom: 7px !important; */
  padding-right: 12px !important;
  padding-left: 12px !important;
  /* background-color: #F57265 !important;
  color: #F57265 !important; */
  background-color: #fff !important;
  color: #fff !important;
  border-top-style: none !important;
  border-right-style: none !important;
  border-bottom-style: none !important;
  border-left-style: none !important;
  cursor:pointer;
  border-radius: 0 !important;
}

/** 検索ボタンのアイコンの色と大きさを設定 */
.gsc-search-button-v2 svg 
{
	/* fill: #fff !important; */
	fill: #F57265 !important;
	width: 20px;
	height: 20px;

	/* padding: 0 !important; */
	/* margin: 0 !important; */
	/* line-height: 20px !important; */
	/* text-align: center !important; */
	/* vertical-align: middle !important; */
  }
 
/** placeholderの色設定 */
input:placeholder-shown {    color: #bababa; }
 
/* Google Chrome, Safari, Opera 15+, Android, iOS */
input::-webkit-input-placeholder {    color: #bababa; }
 
/* Firefox 18- */
input:-moz-placeholder {    color: #bababa; opacity: 1; }
 
/* Firefox 19+ */
input::-moz-placeholder {   color: #bababa; opacity: 1; }
 
/* IE 10+ */
input:-ms-input-placeholder {   color: #bababa !important; }

/* .searchbox_queries{
	width:2000px;
	height:100px;
} */
.searchbox_queries a{

	white-space: nowrap;
	font-size: 0.9rem;
	color:#003770;
	color:#00A9D1;

	display: block;
	float: left;
	text-align: center;
	/* border-radius: 100%; */
	background-color: #FFF;

	padding: 0.2rem 1.0rem; /* 上下の余白、左右の余白 */
	margin: 0.2rem 0.2rem; /* 上下の余白、左右の余白 */
	text-decoration: none; /* デフォルトで入るリンクの下線を消す */
	border-radius: 30px; /* 角を丸くする */
}
.searchbox_queries_menu a{
	white-space: nowrap;
	font-size: 1.0rem;
	color:#00A9D1;

	display: block;
	float: left;
	text-align: center;
	/* border-radius: 100%; */
	background-color: #FFF;

	padding: 0.3rem 1.0rem; /* 上下の余白、左右の余白 */
	margin: 0.2rem 0.2rem; /* 上下の余白、左右の余白 */
	text-decoration: none; /* デフォルトで入るリンクの下線を消す */
	border-radius: 30px; /* 角を丸くする */
}
.top_anchor_link_btn{
	background-color: #fff;
	/* border: solid 1px #CCC; */
	color: #333;
}
.searchbox_queries_hot a{

	white-space: nowrap;
	font-size: 0.9rem;
	color:#333;
	/* color:#666; */
	/* color:#14A2B8; */
		

	display: block;
	float: left;
	text-align: center;
	/* background-color:#FFF; */

	padding: 0.3rem 1.0rem; /* 上下の余白、左右の余白 */
	margin: 0.2rem 0.2rem; /* 上下の余白、左右の余白 */
	text-decoration: none; /* デフォルトで入るリンクの下線を消す */
	border-radius: 10px; /* 角を丸くする */
	border: solid 1px #00A9D1;
	/* border: solid 1px #CCC; */
}
.searchbox_queries_hot a:before {
	content: "#";
}
.searchbox_queries_up a:hover,
.searchbox_queries_hot a:hover{
	transition: all 0.2s;
	color:#fff;
	background-color:#00A9D1;
}
/* .searchbox_queries_up a:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f3bf   ";
	color: #D40E1A;
} */

.searchbox_queries_up a{

	white-space: nowrap;
	font-size: 1.1rem;
	/* font-weight: bold; */
	/* color:#FFF; */
	color:#333;
	

	display: block;
	float: left;
	text-align: center;
	/* background-color:#00A9D1; */

	padding: 0.5rem 1.0rem; /* 上下の余白、左右の余白 */
	margin: 0.2rem 0.2rem; /* 上下の余白、左右の余白 */
	text-decoration: none; /* デフォルトで入るリンクの下線を消す */
	border-radius: 10px; /* 角を丸くする */
	border: solid 1px #00A9D1;
	/* border: solid 1px #CCC; */
}

.top_search_btn{
	position:relative;
}
.top_search_btn span{
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin:0;
	padding:0;
	color: #FFF;
	font-weight: 700;
	font-size: 1.2rem;
}
.top_search_btn button:hover{
	transition: all 0.2s;
	opacity: 60%;
}

/* .modal-search-menu-btn a{
	background-color:#00a0e9;
	color: #ffffff;
}
.modal-search-menu-btn a:hover{
	color: #ffffff;
	transition: all 0.2s;
	opacity: 60%;
} */

/* -------------------------------------------------- */
/* トップページのエリア検索フォーム */
/* -------------------------------------------------- */
.search-form-002 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    border: 2px solid #2589d0;
    border-radius: 25px;
}

.search-form-002 input {
    width: 250px;
    height: 45px;
    padding: 5px 15px;
    border: none;
    box-sizing: border-box;
    font-size: 1em;
    outline: none;
}

.search-form-002 input::placeholder{
    color: #767d83;
}

.search-form-002 button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 45px;
    border: none;
    background-color: #2589d0;
    cursor: pointer;
}

.search-form-002 button::after {
    width: 20px;
    height: 20px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cpath%20d%3D%22M23.7%2020.8%2019%2016.1c-.2-.2-.5-.3-.8-.3h-.8c1.3-1.7%202-3.7%202-6C19.5%204.4%2015.1%200%209.7%200S0%204.4%200%209.7s4.4%209.7%209.7%209.7c2.3%200%204.3-.8%206-2v.8c0%20.3.1.6.3.8l4.7%204.7c.4.4%201.2.4%201.6%200l1.3-1.3c.5-.5.5-1.2.1-1.6zm-14-5.1c-3.3%200-6-2.7-6-6s2.7-6%206-6%206%202.7%206%206-2.6%206-6%206z%22%20fill%3D%22%23fff%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    content: '';
}
/* -------------------------------------------------- */
/* フッター */
/* -------------------------------------------------- */
.footer{
	background-color: #F7F5EF;
	bottom: 0;	
}
.footer_titlte{
	color: #3B3B3B;
	font-weight: bold;
}
.footer_link{
	color: #3B3B3B;
	margin-right: 1.0rem;
	font-size: 0.9rem;
	white-space: nowrap;
	line-height: 2.0rem;
}
.border_2{
	border-bottom: solid 2px #FD7365;
}
.border_4{
	border-bottom: solid 4px #FD7365;
}
.border_6{
	border-bottom: solid 6px #FD7365;
}
/* エリア関連 */
/* .footer-area-list .regions_on,
.footer-area-list .regions_off
{
	font-size: 1.0rem;
	font-weight: 500;
}
.footer-area-list .prefectures_on,
.footer-area-list .prefectures_off
{
	font-size: 0.8rem;
	font-weight: 400;
}
.footer-area-list .regions_off,
.footer-area-list .prefectures_off{
	color: #ccc;
}
.footer-area-list .regions_on a,
.footer-area-list .prefectures_on a{
	color:#3b3b3b;
}
.footer-link a{
	color:#666;
	font-size: 0.8rem;
} */
/* フッター画像 */
.footer-img-ctm img{
	width: 4.0rem;
	height: 4.0rem;
}
.footer-img-ctm span{
	font-size: 0.9rem;
	font-weight: 700;
}
/* -------------------------------------------------- */
/* 宿泊施設の登録申込 */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* トップイメージ */
/* -------------------------------------------------- */
.topImg {
	position: relative;
	height: 90vh;
}
.topImg .img-bg {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.topImg .img-flag {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	z-index: 99;
}
.topImg .txt-1 {
	position: absolute;
	top: 12%;
	left: 50%;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	z-index: 99;
	width: 350px;
	line-height: 3rem;
	font-size: 1.8rem;
}
.topImg .txt-2 {
	position: absolute;
	top: 30%;

	left: 50%;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	z-index: 99;
	/* width: 350px; */
	border-bottom: solid 3px #58A579;
}
.topImg .txt-2 span{
	color: #F0627A;
	font-size: 3rem;
	font-weight: 700;
}
.topImg .txt-3 {
	position: absolute;
	top: 60%;

	left: 50%;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	z-index: 99;
	width: 350px;
}
.topImg .txt-3{
	font-size: 1.5rem;
}
.topImg .txt-3 span{
	color: #F0627A;
	font-weight: 700;
	line-height: 2.6rem;
}
.topImg .entry_btn{
	position: absolute;
	top: 76%;
	left: 50%;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	z-index: 99;
}
.topImg .entry_btn span{
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -45%);
	-webkit-transform: translate(-50%, -45%);
	-ms-transform: translate(-50%, -45%);
	z-index: 99;
	color: #FFF;
	font-weight: 700;
}
.topImg .entry_btn a:hover{
	transition: all 0.2s;
	opacity: 60%;
}
.top_up{
	position: absolute;
	top: 10%;
	left: 90%;
	transform: translate(-90%, -10%);
	-webkit-transform: translate(-90%, -10%);
	-ms-transform: translate(-90%, -10%);
	z-index: 99;
	font-size:2.5em;
}
.top_up i{
	color: #00A9D1;
}
.header_up{
	position: fixed;
	top: 85%;
	left: 95%;
	transform: translate(-90%, -10%);
	-webkit-transform: translate(-90%, -10%);
	-ms-transform: translate(-90%, -10%);
	z-index: 9999;
	z-index: 99;
}
.header_up i{
	width: 35px;
	height: 35px;
	margin: 0;
	border-radius: 50%;
	background: #00A9D1;
	line-height: 35px;
	text-align: center;
	transition: .2s;
	color: #FFF;
}
/* -------------------------------------------------- */
/* オーナー向けバナー */
/* -------------------------------------------------- */
.topImg_bnr {
	position: relative;
	/* height: 100%; */
	height: 210px;
}
.topImg_bnr .img-bg {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.topImg_bnr .img-flag {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	z-index: 99;
}
.topImg_bnr .txt-2 {
	position: absolute;
	top: 25%;
	left: 50%;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	z-index: 99;
	/* width: 350px; */
	border-bottom: solid 3px #58A579;
	font-size: 1.3rem;
}
.topImg_bnr .txt-2 span{
	color: #F0627A;
	font-size: 3rem;
	font-weight: 700;
}
.bannar span{
	color: #F0627A;
}

/* -------------------------------------------------- */
/* 下部メニューバー */
/* -------------------------------------------------- */
.topImg_bottom {
	position: relative;
	height: 80px;
}
.topImg_bottom .entry_btn{
	position: absolute;
	top: 6px;
	left: 50%;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	z-index: 99;
}
.topImg_bottom .entry_btn span{
	position: absolute;
	top: 32px;
	left: 50%;
	transform: translate(-50%, -45%);
	-webkit-transform: translate(-50%, -45%);
	-ms-transform: translate(-50%, -45%);
	z-index: 99;
	color: #FFF;
	font-weight: 700;
}
.topImg_bottom .entry_btn a:hover{
	transition: all 0.2s;
	opacity: 60%;
}
/* -------------------------------------------------- */
/* ポイント */
/* -------------------------------------------------- */
.point{
	color: #F0627A;
	border-bottom: solid 3px #F0627A;
}
.point_title{
	margin: 0;
	padding: 0;
	margin: 2.5rem 0;
}
.point_title_sub{
	margin: 0;
	padding: 0;
	margin: 1.5rem 0;
	padding: 0.6rem;
	background: #00A9D1;
	color: #FFF;
}
.point_list{
	margin: 0;
	padding: 0;
	margin: 2rem 0;
}

ul.point_list,
ul.qa_list {
    list-style: none;
	padding-left: 1em; /* 文章のスタート位置。li:beforeが入るスペースを確保*/
}
.point_list li{
	position: relative;
	font-size: 1.0rem;
	color: #3b3b3b;
	/* margin-bottom: 1.2rem; */
	margin-bottom: 2.0rem;
	padding-left: 0.4em; /* アイコンと文章の間のスペース */
	margin-left: 1.2rem;
	margin-right: 1.0rem;
}
ul.point_list > li:before {
	position: absolute;
    content: "\f058";
	font-family: 'Font Awesome 5 Free';
    margin-right: .5em;
	font-size: 1.2rem;
	font-weight: 700;
	color: #00A9D1;
	left: -1em; /* アイコンのスタート位置。左揃えの場合 ul のpadding-leftと同じ値 */
	top: 0; /* アイコンの場所を変えたければ適宜変更 */
}
ul.point_list .text-4{
	color: #F0627A;
	margin: 2rem 0;
}
ul.point_list .text-5{
	font-size: 0.8rem;
	margin-bottom: 2rem;
}
.text-6{
	color: #F0627A;
	margin: 2rem 0;
	text-align: center;
	line-height: 2rem;
}

/* -------------------------------------------------- */
/* QA */
/* -------------------------------------------------- */ 
ul > li.qa_title:before {
    content: "\f059";
    position: relative;
	font-family: 'Font Awesome 5 Free';
    margin-right: .5em;
	font-size: 1.2rem;
	color: #00A9D1;
}
ul > li.qa_title {
	font-size: 1.0rem;
	font-weight: 700;
}
ul > li.qa_text {
	font-size: 0.9rem;
	color: #666;
}
/* -------------------------------------------------- */
/* 目次のデザイン
/* -------------------------------------------------- */
.toc_container_outer {
	margin-left: auto;
	margin-right: auto;
	max-width: 500px;
}
.toc_container {
	background: #F8F9FA;
	box-shadow: 0px 0px 0px 10px #F8F9FA;/*線の外側*/
	border: dashed 2px #B0DEFF;/*破線*/
	border-radius: 9px;
	/* margin-left: 10px;
	margin-right: 10px;
	padding: 0.5em 0.5em 0.5em 2em; */
	/* margin: 0 1.0rem; */
}
.toc_title {
font-size: 1.4rem;
font-weight:bold;   /* 文字の太さ　通常はnormal */
color:#003770; /* 文字の色 */
text-align: center;
margin-top: 1.0rem;
}
.toc_list li{
	line-height: 1.5rem;
	/* padding: 0.5em 0rem; */
	padding: 0.5em;
}
.toc_list li a{
	color:#003770; /* 文字の色 */
}
.child_ol {
	list-style: disc;
}
.toc_list li span{
	cursor: pointer;
	color:#003770; /* 文字の色 */
}
.stay_list_tag{
	color: #fff;
	background-color: #00A9D1;
	font-size: 0.7rem;
	padding: 0.2rem 0.3rem;
}

.toc-005 ol {
    list-style-type: decimal;
    margin: 0;
    overflow: hidden;
	color:#003770;
	text-align: left;
}

.toc-005 > ol {
    padding: 1em 1em 1em 3em;
}

.toc-005 ol ol {
    margin-top: 5px;
    padding-left: 1.1em;
}

.toc-005 li {
    padding: 5px 0;
    font-weight: 600;
}

.toc-005 ol ol li {
    font-weight: 500;
    font-size: .9em;
}

.toc-005 a {
	color:#003770;
    text-decoration: none;
}
/* -------------------------------------------------- */
/* youtube埋め込みレスポンシブ
/* -------------------------------------------------- */
	.youtube {
		width: 50%;
		aspect-ratio: 16 / 9;
		margin-left: auto;
		margin-right: auto;
	}
	.youtube iframe {
		width: 100%;
		height: 100%;
	}
/* -------------------------------------------------- */
/* IEサポート対象外のアラート
/* -------------------------------------------------- */
.ie_alert {
    position: fixed;
    top: 2%;
    left: 2%;
    width: 96%;
    height: 96%;
    background: rgb(61, 61, 61); /* rgba未対応の古いIE用 */
    background: rgba(0, 0, 0, 0.90);
    text-align: center;
    padding: 10% 5%;
    z-index: 1000;
	color: #fff;
}
/* **************************************************************** */
/* **************************************************************** */
/* -------------------------------------------------- */
/* RESPONSIVE CSS
/* -------------------------------------------------- */
/* sm 小デバイス（370px 以下） */
@media (max-width: 370px) {	
	.menu-b-bookingBtn,
	.menu-b-bookingBtn-outline{
		padding: 0.7rem 0.2rem;
		font-size: 0.8rem;
	}
	.menu-b-container{
		padding: 0.3rem;
	}
}
/* sm 小デバイス（横向きモバイル, 576px 以下） */
@media (max-width: 576px) {
	.title_size{
		font-size: 1.2rem;
	}
	/* スマホの場合、タップでhoverになってしまいON→OFFが分からないので、hoverを上書きすることで回避する */
	.search-tag-btn:hover{
		color: #00A9D1;
		background-color: #FFF;
	}
	/* スマホの場合、申込ボタンが狭くなるので消す */
	.top_up{
		display: none;
	}
	/* 少し小さく */
	.title-ctm{
		font-size: 1.3rem;
	}
	/* -------------------------------------------------- */
	/* iFrame(embed_stays) */
	/* -------------------------------------------------- */
	.embed_stays_carousel-item {
		width:100%;
		height:500px;
		height:200px;
	}
	.embed_stays_feature_img {
		width: 100%;
		height: 150px;
		object-fit: cover;	
		height: 70px;
	}
	/* ブログカード */
	.blog-card:before {
		font-size: .56em;
	}
	.blog-card-title {
		font-size: .70em;
	}
	.blog-card-excerpt {
		font-size: .60em;
	}
}
	/* sm 小デバイス（横向きモバイル, 576px 以上） */
@media (min-width: 576px) {
	/* カルーセルの高さ調整 */
	.search-carousel-inner .carousel-item,
	.new-carousel-inner .carousel-item{
			height: 35vh;
	}
	/* 検索結果の特徴画像の高さ調整 */
	.search-feature-ctm img{
		height: 15vh;
	}
	/* 施設ページの特徴画像の高さ調整 */
	.feature-ctm img{
		height: 40vh;
	}
}
/* md 中デバイス（タブレット, 768px 以上） */
@media (min-width: 768px) {	
  .page-title {
    /* h3 相当 */
    font-size: 1.75rem;
    line-height: 3rem;

    /* PC 用余白（入口感を出す） */
    margin-top: 2.5rem;
    margin-bottom: 2rem;
  }	
	.heroImg {
		/*smは40vh*/
		height: 50vh;
	}
	/* カルーセルの高さ調整 */
	.search-carousel-inner .carousel-item,
	.new-carousel-inner .carousel-item{
		height: 40vh;
	}
	.form_img{
		max-width: 550px;
		text-align: center;
		margin: 0 auto;
	}
	/* 施設名を大きく */
	.search-account-ctm-name{
		/* font-size: 1.1rem; */
		font-size: 1.5rem;
	}
	.search-account-ctm img{
		/* width: 4.0rem;
		height: 4.0rem;	 */
		width: 5.0rem;
		height: 5.0rem;	
	}
	.box_title{
		/* font-size: 1.0rem; */
		font-size: 1.2rem;
	}
	/* -------------------------------------------------- */
	/* SHOWページ */
	/* -------------------------------------------------- */
	/* .show-carousel-item{
		height: 50vh;
	} */
	.show-carousel-item {
		aspect-ratio: 16 / 9;
		/* aspect-ratio: 3 / 2; */
	}
	
}

/* lg 大デバイス（デスクトップ, 992px 以下） */
@media (max-width: 992px) {
/*
	container-lgによりlgサイズ以下もマージンが入ってしまう。
	lgサイズ以下で余白を削除する対応
*/
	.mp-clear-lg-max {
		margin: 0;
		padding: 0;
	}	
	/* アカウント画像（大きく） */
	/* .search-account-ctm img{
		width: 4.0rem;
		height: 4.0rem;
	} */
	.youtube {
		width: 100%;
	}
}
/* lg 大デバイス（デスクトップ, 992px 以上） */
@media (min-width: 992px) {
	.title_size{
		font-size: 1.8rem;
	}
	
	/* -------------------------------------------------- */
	/* トップページ */
	/* -------------------------------------------------- */
	/* .top-box{
		height: 500px;
	} */
	.top-carousel-inner{
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
		/* height: 100%; */
	}
	.top-carousel-item{
		height:500px;
	}
	
	/* .top-carousel-caption{
		height:35vh;
	} */
	.search-box{
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
	}

	/* -------------------------------------------------- */
	/* ヒーローイメージ */
	/* -------------------------------------------------- */	
	.heroImg {
		height: 50vh;
	}
	.heroImg img {
		border-radius: 10px;
		padding-right: 0.3rem;
	}
	/* -------------------------------------------------- */
	/* 2カラム施設リスト */
	/* -------------------------------------------------- */
	.stay-card-img {
    	padding-top: 75%;  /* 正方形 → 少し横長にして存在感を下げる */
  	}
	/* -------------------------------------------------- */
	/* スクロールスナップ */
	/* -------------------------------------------------- */
	.slider-x {
		/* 縦スクロール */
		scroll-snap-type: y mandatory;
		height: 50vh;
	}
	.slider-x > div {
		/* smから変更あり */
		/* 3列表示 */
		/* height: 33.33%;
		width: 33.33%; */
		/* ２列表示 */
		height: 50%;
		width: 50%;
		padding: 0;
	}
	  /* アニメーション（縦ぽよん） */
	/* @keyframes koton{
	0%   { transform:translate(0%, 0%);}
	50%   { transform:translate(0%, -20%);}
	70%   { transform:translate(0%, 0%);}
	80%   { transform:translate(0%, -5%);}
	100%   { transform:translate(0%, 0%);}
	}
	@-webkit-keyframes koton{
	0%   { -webkit-transform:translate(0%, 0%);}
	50%   { -webkit-transform:translate(0%, -20%);}
	70%   { -webkit-transform:translate(0%, 0%);}
	80%   { -webkit-transform:translate(0%, -5%);}
	100%   { -webkit-transform:translate(0%, 0%);}
	}
	@-moz-keyframes koton{
	0%   { -moz-transform:translate(0%, 0%);}
	50%   { -moz-transform:translate(0%, -20%);}
	70%   { -moz-transform:translate(0%, 0%);}
	80%   { -moz-transform:translate(0%, -5%);}
	100%   { -moz-transform:translate(0%, 0%);}
	} */
	
	/* -------------------------------------------------- */
	/* アカウント画像（少し大きく） */
	/* -------------------------------------------------- */
	.account-ctm-name{
		width: 80%;
		margin-left: 1.0rem;
	}
	.account-ctm img{
		width: 6rem;
		height: 6rem;
	}
	/* .account-ctm h3{ */
	.account-ctm h1{
		font-size: 2rem;
	}
	/* -------------------------------------------------- */
	/* カテゴリー（少し大きく） */
	/* -------------------------------------------------- */
	.category-ctm .category-tag{
		font-size: 0.75rem;
	}
	.category-ctm .category-capacity{
		font-size: 1rem;	
	}
	/* -------------------------------------------------- */
	/* Price（少し大きく） */
	/* -------------------------------------------------- */
	#this_month_price .price_txt, #this_month_price .price_min{
		font-size: 1rem;	
	}
	/* -------------------------------------------------- */
	/* 住所（少し大きく） */
	/* -------------------------------------------------- */
	/* .address-ctm a, .address-ctm i{
		font-size: 0.9rem;
	} */
	/* -------------------------------------------------- */
	/* 宿泊施設の登録申込 */
	/* -------------------------------------------------- */	
	.topImg {
		position: relative;
		height: 70vh;
	}
	.topImg .img-bg {
		border-radius: 10px;
		padding-right: 0.3rem;
	}
	.img-5point {
		width: 50%;
	}
	/* -------------------------------------------------- */
	/* 検索結果リスト */
	/* -------------------------------------------------- */	
	/* カードのボーダー */
	.search-card{
		border-top: none;
		border-bottom: solid 1px #E8E8E8;
		border-left: none;
		border-right: none;
		border-radius: 0;
		margin-bottom: 0;
	}
	/* カルーセルの中央揃え */
	.search-slide-outer{
		position: relative;
	}
	.search-slide-inner{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
	}
	/* 画像の角丸 */
	.search-carousel-inner {
		border-radius: 10px;
	}
	/* 画像の縦固定（縦長の写真で伸びることを回避） */
	.search-carousel-inner .carousel-item {
		width: 100%;
		height: 200px;
	}	
	.new-carousel-inner .carousel-item{
		height: 170px;
	}
	/* 検索結果の特徴画像の高さ調整 */
	.search-feature-ctm img{
		/* height: 65px; */
		height: 220px;
	}
	/* 施設ページの特徴画像の高さ調整 */
	.feature-ctm img{
		height: 250px;
	}
	/* h1タイトル（レスポンシブ） */
	.title-h1 h1{
		font-size: 2.5rem;
	}
	.title-h1 span{
		font-size: 1.5rem;
	}
	/* -------------------------------------------------- */
	/* ボタン各種 */
	/* -------------------------------------------------- */
	/* 001 */
	.button001 {
		text-align: left; /* 左寄せに変更 */
		width: auto; /* テキストの自然幅に合わせる */
		max-width: none; /* 不要な最大幅を削除 */
	}
}
/* xl 特大デバイス（ワイド・デスクトップ, 1200px 以下） */
@media (max-width: 1200px) {
}
/* xl 特大デバイス（ワイド・デスクトップ, 1200px 以上） */
@media (min-width: 1200px) {
	.new-carousel-inner .carousel-item{
		height: 200px;
	}
}

/* xxl 超特大デバイス (よりワイドな・デスクトップ, 1400px 以上） */
@media (min-width: 1400px) {
}