/* ===============
共通カスタマイズ
=============== */
/* ページタイトル色変更*/
.c-entry__title {
	color: #61833F;
}

/* 共通ボタンスタイル */
.btn_container .custom-button {
	border-radius: 10px;
	padding: 10px 20px;
	font-weight: bold;
	cursor: pointer;
	transition: background-color 0.3s, color 0.3s;
	width: 100%;
	max-width: 320px;
	height: 50px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	text-decoration: none;
	font-family: "Noto Sans JP", sans-serif;
}

/* 中央配置・背景緑ボタン */
.btn_container .custom-button-gr {
	background-color: #61833F;
	color: #fff;
	font-size: 20px;
}
.custom-button-gr:hover {
	background-color: #fff;
	color: #61833F;
  border: 1px solid #61833F;
}

/* 中央配置・背景オレンジボタン */
.btn_container .custom-button-or {
	background-color: #D98236;
	color: #fff;
	font-size: 20px;
}
.custom-button-or:hover {
	background-color: #fff;
	color: #D98236;
  border: 1px solid #D98236;
}

/*中央寄せ*/
.btn_container-center {
	text-align: center;
}

/* -----ヘッダーボタン------ */
.header-btn_container.btn_container .header-custom-button {
	height: 40px;
	padding: 10px 10px;
}
.header-custom-button {
	position: relative;
	background-color: #D98236;
	color: #fff;
	border: 1px solid #D98236;
}

.header-custom-button:hover {
	position: relative;
	background-color: #fff;
	color: #D98236;
	border: 1px solid #D98236;
}
.header-custom-button::before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
  margin-right: 8px;
	background-image: url("/wp-content/uploads/2024/10/calendar.png");
	background-size: contain;
	background-repeat: no-repeat;
	transition: background-image 0.3s;
}

.header-custom-button:hover::before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	background-image: url("/wp-content/uploads/2024/10/calendar-or.png");
	background-size: contain;
	background-repeat: no-repeat;
}

/* FVボタン */
.fv-custom-button {
	background-color: #D98236;
	color: #fff;
	border: 1px solid #D98236;
}

a.fv-custom-button {
  font-size: 20px;
}

.fv-custom-button:hover {
	background-color: #fff;
	color: #D98236;
	border: 1px solid #D98236;
}

/* FV SP表示時ボタン */
.fv-btn_container.btn_container .fv-sp-custom-button {
	height: 40px;
  width: 200px;
}
a.fv-sp-custom-button {
  font-size: 16px;
}

/* ===============
ヘッダー
=============== */
.p-global-nav .c-navbar__item > a {
	font-size: 16px;
	flex-direction: row;
	padding: 15px;
}
.c-row__col.c-row__col--fit.u-invisible-md-down {
	padding: 0;
}
/* ホバー時の文字色を変更 */
.p-global-nav .c-navbar__item > a:hover {
  color: #D98236;
}

/* ヘッダーメニュースクロール時色変え */
[data-scrolled="true"] .l-header--sticky-overlay-colored-lg {
	background-color: #0c261b77;
	color: #fff;
}

/* ===============
FV
=============== */
/* スライダーの位置調整（PC） */
.fv__slider {
	position: relative;
	top: -90px;
	object-fit: contain;
}
.fv__slider .smb-spider-slider__figure-wrapper .spider__figure {
	object-fit: contain;
	left: 15%;
}
/* fvテキスト位置調整（PC） */
.fv__slider .smb-spider-slider__item__caption {
	position: relative;
	bottom: 80px;
	left: 50px;
} 
.fv .smb-spider-slider .spider__slide > .smb-spider-slider__item {
	padding: 0;
}

/* スライダーの位置調整（sp） */
.sp-fv__slider {
	position: relative;
	top: -30px;
	object-fit: contain;
}
.sp-fv__slider .smb-spider-slider__figure-wrapper {
	object-fit: contain;
	bottom: 50px;
	left: 20%;
}
/* fvテキスト位置調整（sp） */
.sp-fv__slider .smb-spider-slider__item__caption {
	position: relative;
	bottom: 150px;
	left: 30px;
}
/* 背景色角丸 */
.fv .smb-section__background {
	border-radius: 10px;
}


/* ===============
Newsセクション
=============== */
/* セクションタイトル  */
.news .ttl {
  color: #D98236;
	font-weight: bold;
  font-size: 1.8rem;
}
.ttl-leftcontainer {
	position: relative;
}
.ttl-leftcontainer::before {
  content:"NEWS";
  position: absolute;
  bottom: 0;
  left: 0;
  font-size:11vmax;
  color: #F4EDE7;
  font-weight: bold;
  z-index: -1;
  font-family: "Lusitana" , serif;
  line-height: 0.8;
}

/* 投稿日付 */
.news .c-entry-summary__meta {
	color: #A1A1A1;
	font-weight: bold;
	justify-content: flex-end;
}

/* スライダードットの色変更 */
.news .spider__dots:not([data-thumbnails="true"]) .spider__dot {
	background-color: #d8d8d8;
}
.news
	.spider__dots:not([data-thumbnails="true"])
	.spider__dot[aria-current="true"] {
	background-color:#D98236;
}

/* ===============
howtoセクション
=============== */
/* セクションタイトル */
.howto .ttl {
	color:#D98236;
	font-weight: bold;
	font-size: 1.8rem;
	text-align: center;
 }
.howto .ttl-centercontainer {
	position: relative;
	z-index: 2;
}

/* 英字タイトル */
.howto .ttl-centercontainer::before {
	white-space: pre;
  content:"HOW TO";
  position: absolute;
  bottom: 0;
	left: 50%;
  transform: translateX(-50%);
  font-size: 11vmax;
  color: #ECE2D6;
  font-weight: bold;
  font-family: "Lusitana" , serif;
  line-height: 0.8;
	z-index: -1;
}

/* 右・左寄せ画像サイズ調整 */
.howto .howto-img {
  max-width: 100%;
}

/*「詳しく見る」のボタンを上へ */
  .howto .btn_container .custom-button {
    position: relative;
    top: -4.5vmax;
  }

/* ===============
Facilityセクション
=============== */
/* セクションタイトル */
.facility .ttl {
	color:#D98236;
	font-weight: bold;
	font-size: 1.8rem;
	text-align: center;
 }
.facility .ttl-centercontainer {
	position: relative;
	z-index: 2;
}

/* 英字タイトル */
.facility .ttl-centercontainer::before {
  content:"FACILITY";
  position: absolute;
  bottom: 0;
	left: 50%;
  transform: translateX(-50%);
  font-size: 11vmax;
  color: #283E33;
  font-weight: bold;
  font-family: "Lusitana" , serif;
  line-height: 0.8;
	z-index: -1;
}

/* 「キャンプサイト」「バーベキュー」 */
.facility .facility-txt {
	position: relative;
	top: 10px;
	font-size: clamp(24px, 2.5vw, 16px);
	font-weight: bold;
	background-color: #fff;
	border-radius: 10px;
	text-align: center;
	padding: 5px 28px;
}

/*PC表示で 「キャンプサイト」「バーベキュー」を縦書きへ */
@media (min-width: 1024px) {
	.facility .facility-txt-vertical {
		position: relative;
		top: -120px;
		letter-spacing: 0.5rem;
		padding: 20px 5px;
  	writing-mode: vertical-rl;  
 }
}

/* メニュー表を上に寄せる */
@media (min-width: 1024px) {
.facility .facility__menu {
  position: relative;
  top: -150px;
 }
}

/* メニュー表下線 */
.facility .facility__menu-txt {
  border-bottom: 1px solid #85928D;
}

/* 画像を右寄せ */
.facility .facility-img04 {
  max-width: 100%;
}

/* ===============
Reservationセクション
=============== */
/* 「ご予約はこちらから」ボタンのホバー */
.reservation .wp-block-snow-monkey-blocks-buttons .wp-block-snow-monkey-blocks-btn:hover {
	background-color: #fff;
	color: #D98236;
	border: 1px solid #D98236;
	border-radius: 10px;
}

/* ===============
Guideセクション
=============== */
/* セクションタイトル */
.guide .ttl {
	color:#D98236;
	font-weight: bold;
	font-size: 1.8rem;
	text-align: center;
 }
.guide .ttl-centercontainer {
	position: relative;
	z-index: 2;
}

/* 英字タイトル */
.guide .ttl-centercontainer::before {
  content:"GUIDE";
  position: absolute;
  bottom: 0;
	left: 50%;
  transform: translateX(-50%);
  font-size: 11vmax;
  color: #ECE2D6;
  font-weight: bold;
	z-index: -1;
  font-family: "Lusitana" , serif;
  line-height: 0.8;
	z-index: -1;
}

/* ボタン位置を合わせるため、段落の高さを合わせる */
.guide p {
	min-height: 138px;
}
@media screen and (max-width: 1023px) {
	.guide p {
		min-height: 200px;
	}
}
@media screen and (max-width: 639px) {
	.guide p {
		min-height: 100px;
	}
}

/* ボタン調整 項目（自由入力） */
.guide .smb-btn {
	border: 1px solid #61833F;
	border-radius: 10px;
}
.guide .smb-btn::after {
	content: "";
	display: block;
	background-image: url("/wp-content/uploads/2024/10/arrow.png");
	width: 12px;
	height: 12px;
	margin-top: 12px;
	margin-left: 20px;
	background-size: contain;
	background-repeat: no-repeat;
}
.guide .smb-btn:hover {
	background-color: #61833F; 
	color: #fff;
}
.guide .smb-btn:hover::after { 
	content: "";
	display: block;
	background-image: url("/wp-content/uploads/2024/10/arrow-wh.png");
	width: 12px;
	height: 12px;
	margin-top: 12px;
	margin-left: 20px;
	background-size: contain;
	background-repeat: no-repeat;
}

/* ===============
Instagramセクション
=============== */
/* セクションタイトル */
.instagram .ttl {
	color:#D98236;
	font-weight: bold;
	font-size: 1.8rem;
	text-align: center;
 }
.instagram .ttl-centercontainer {
	position: relative;
	z-index: 2;
}

/* 英字タイトル */
.instagram .ttl-centercontainer::before {
	content:"INSTAGRAM";
  position: absolute;
  bottom: 0;
	left: 50%;
  transform: translateX(-50%);
  font-size: 11vmax;
  color: #ECE2D6;
  font-weight: bold;
  font-family: "Lusitana" , serif;
  line-height: 0.8;
	z-index: -1;
}

/* ===============
Accessセクション
=============== */
/* セクションタイトル */
.access .ttl {
	color:#D98236;
	font-weight: bold;
	font-size: 1.8rem;
	text-align: center;
 }
.access .ttl-centercontainer {
	position: relative;
}

/* 英字タイトル */
.access .ttl-centercontainer::before {
	content:"ACCESS";
  position: absolute;
  bottom: 0;
	left: 50%;
  transform: translateX(-50%);
  font-size: 11vmax;
  color: #ECE2D6;
  font-weight: bold;
	z-index: -1;
  font-family: "Lusitana" , serif;
  line-height: 0.8;
}

/* 情報ブロック下線 */
.access .smb-information__item {
  border-bottom: 1px solid #ECE2D6;
	padding: 10px 0;
	margin-top: 0;
}

/* SP表示時 ラベル位置の余白調整 */
@media screen and (max-width: 639px) {
	.access .c-row__col .c-row__col--md-1-4 {
		margin-bottom: 5px;
	}
}

/* リンクの下線なし */
.access a {
	text-decoration: none;
}

/* google mapのアイコン位置調整 */
.access .wp-image-813{
	position: relative;
	top:-2px;
}

/* ===============
Contactセクション
=============== */
/* セクションタイトル */
.contact .ttl {
	color:#D98236;
	font-weight: bold;
	font-size: 1.8rem;
	text-align: center;
 }
.contact .ttl-centercontainer {
	position: relative;
	z-index: 2;
}

/* 英字タイトル */
.contact .ttl-centercontainer::before {
  content:"CONTACT";
  position: absolute;
  bottom: 0;
	left: 50%;
  transform: translateX(-50%);
  font-size: 11vmax;
  color: #283E33;
  font-weight: bold;
  font-family: "Lusitana" , serif;
  line-height: 0.8;
	z-index: -1;
}

/* リンク下線の色を変更 */
.contact .contact-txtarea a{
	text-decoration: underline;
	color: #E8DF19;
}

/* ===============
フッター
=============== */
/* フッターメニュー横並び */
.widget_nav_menu ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.widget_nav_menu ul li.menu-item {
	padding: 5px 27px;
	font-weight: bold;
	font-size: 1rem;
}

/* フッターメニュー初めだけ余白あるので他と合わせる */
.widget_nav_menu ul li.menu-item:first-child {
	margin-top: var(--_margin-2);
}

/* フッターメニューSP表示時文字中央寄せ */
@media screen and (max-width:639px) {
.l-footer .widget_nav_menu ul {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
}

/* フッターメニューSP表示時ご予約ボタンの位置調整 */
@media screen and (max-width:639px) {
.l-footer .reserve_menu {
	margin-top: 20px;
  }
}

/* 予約ボタン */
li.reserve_menu {
	background-color: #d98236;
	color: #fff;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}
li.reserve_menu ::before {
	content: "";
	display: inline-block;
	width: 24px;
	height: 24px;
	background-image: url("/wp-content/uploads/2024/10/calendar.png");
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: 8px;
	flex-shrink: 0;
}
li.reserve_menu a {
	display: flex;
	align-items: center;
	text-decoration: none;
}

/* コピーライト上装飾画像 */
.l-footer-widget-area {
	background-image: url("/wp-content/uploads/2024/10/footer-bg.png");
	background-size: contain;
	background-position: bottom;
	background-repeat: no-repeat;
	background-color: #f6f2eb;
}
.l-footer .l-footer-widget-area {
	padding-bottom: 100px;
}

/* コピーライト */
.c-copyright {
	background-color: #2c4335;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
}

/* ページトップ画像 */
.c-page-top a {
	background: url("/wp-content/uploads/2024/11/page-top.png") no-repeat;
	background-size: contain;
}
.c-page-top {
  margin-bottom: 10px;
	background-color: transparent;
	height: 80px;
	width: 80px;
}
svg.svg-inline--fa.fa-chevron-up {
	display: none;
}

/* スマホページトップ画像 */
@media screen and (max-width: 639px) {
	.c-page-top {
		background-color: transparent;
		height: 60px;
		width: 60px;
	}
}

/* ===============
ドロワーメニュー
=============== */
/* 全体真ん中寄せ */
.c-drawer__inner {
	text-align: center;
}

/* ロゴ真ん中寄せ、サイズ */
.c-hsm-message-box.c-hsm-message-box_invert.p-hsm-drawer.c-blinking {
	position: relative;
	top: 30px;
	max-width: 50%;
	margin: 0 auto;
	margin-bottom: 2rem;
}

/* 高さ調整 */
[id=drawer-nav].c-drawer--overall .c-drawer__inner {
	height: 100%;
}

/* メニューの文字 */
.p-drawer-sub-nav.c-drawer__sub-nav {
	font-size: 1rem;
	font-weight: 800;
}

/* ===============
固定フッター
=============== */
/* スマホフッター */
.p-footer-sticky-nav .c-navbar__item > a {
	padding: 0.8rem;
	background-color: #D98236;
	color: #fff;
	font-size: 1rem;
	font-weight: 600;
	border-radius: 10px;
}
.p-footer-sticky-nav {
	box-shadow: none;
	padding-bottom: 0.2rem;
	background: transparent;
}

/* アイコン表示 */
.p-footer-sticky-nav .c-navbar__item > a::before {
  content: "";
	display: inline-block;
	width: 20px; 
	height: 20px;
	background-image: url("/wp-content/uploads/2024/10/calendar.png");
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-right: 20px;
}

/* ===============
個別投稿ページ
=============== */
/* ウィジット */
.c-widget .wp-block-group > h2 {
	color: #D98236;
	justify-content: flex-start;
	margin-bottom: 5px;
}
.c-widget .wp-block-group > h2::before,
.c-widget .wp-block-group > h2::after {
	display: none;
}