@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600;700;800&family=Noto+Sans+JP:wght@100..900&display=swap');

/* =========================================================
   LP基本スタイル
========================================================= */
body {
	font-family: 'Shippori Mincho', serif;
	font-weight: 400;
	color: #333;
	background: #fff;
	-webkit-font-smoothing: antialiased;
}

a { color: #333; }
strong, b { font-weight: 700; color: #111; }

.btn_totop { display: none; }

/* =========================================================
   ヘッダー
========================================================= */
.nav_follow {
	background: #fff;
	border-bottom: 1px solid #ddd;
}
.toggle span {
	border-bottom: solid 1px #373022;
}
.global_nav_sp {
	background: rgba(255, 255, 255, 0.97);
	color: #333;
}
.global_nav_sp ul li a { color: #373022; }
.global_nav_sp a span { color: #999; }

@media screen and (min-width: 640px) {
	.fix-header { background: #fff; }
	.nav_follow .head_btn.reserve a {
		background: #373022;
		color: #fff;
	}
}

/* =========================================================
   メインビジュアル
========================================================= */
.mainvisual .mainlogo {
	filter: drop-shadow(0 2px 8px rgba(0,0,0,0.15));
}

/* =========================================================
   LP共通カラー
========================================================= */
.lp-section-title { color: #333; }
.lp-section-title span::after { border-bottom-color: #bda778; }
.lp-section-sub { color: #555; }

.lp-btn {
	background: #373022;
	color: #fff !important;
}

/* =========================================================
   リード
========================================================= */
.lp-lead__title { color: #333; }
.lp-lead__text { color: #555; }

/* =========================================================
   コンセプト
========================================================= */
.lp-concept { background: #f9f7f4; }
.lp-concept__box h3 { color: #333; }
.lp-concept__subline { color: #777 !important; }
.lp-concept__box p { color: #555; }

/* =========================================================
   料金 SYSTEM
========================================================= */
.lp-price {
	background: #fff;
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.08);
}
.lp-price__title { color: #333; }
.lp-price__title-top { color: #555; }

/* =========================================================
   利用規約
========================================================= */
.lp-rules { background: #fff; }
.lp-rules h2 span::after { border-bottom-color: #bda778; }
.lp-course-title span::after { border-bottom-color: #bda778; }
.lp-rules__box details[open] { border-color: #d4c3a3; }
.lp-rules__box details:not([open]):hover {
	background-color: #f9f5ef;
	border-color: #d4c3a3;
}

/* =========================================================
   ルーム紹介
========================================================= */
.lp-room { background: #fff; }
.lp-room__item img {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.lp-room__item p { color: #333; }

/* =========================================================
   ブログ
========================================================= */
.lp-blog { background: #f9f7f4; }
.blog_tabs li.active { color: #373022; }
.blog_list li .disc h3 a { color: #333; }
.blog_list li .disc .text a { color: #777; }

/* =========================================================
   アクセス
========================================================= */
.lp-access { background: #fff; }
.lp-access__name { color: #333; }
.lp-access__detail h4 { border-bottom-color: #bda778; }

/* =========================================================
   予約メッセージ
========================================================= */
.lp-reserve-msg { background: #f9f7f4; }

/* =========================================================
   店舗情報
========================================================= */
.lp-shopinfo { border-color: #333; }
.lp-shopinfo__title::after { border-bottom-color: #bda778; }
.lp-shopinfo__url { color: #bda778; border-bottom-color: #bda778; }
.lp-shopinfo__url:hover { color: #8e764d; }

/* =========================================================
   フッター
========================================================= */
footer { background: #fff; }
footer small { color: #373022; }
.foot_navi { background: #373022; }
.foot_navi a { color: #fff; }
.f-hours {
	background: #373022;
	color: #fff;
	border-top: 1px solid #555;
}
footer ul.foot_navi_list a { color: #373022; }
footer .catchcopy { color: #555; }

@media screen and (min-width: 640px) {
	footer ul.foot_navi_list li { border-left: 1px solid #ccc; }
}

/* =========================================================
   WOWアニメーション
========================================================= */
.wow {
	animation-duration: 1s !important;
	animation-timing-function: ease-out !important;
}

/* =========================================================
   モバイルサイドボタン
========================================================= */
@media screen and (max-width: 767px) {
	.side-nav-toggle {
		display: flex;
		flex-direction: column;
		position: fixed;
		right: 15px;
		bottom: 80px;
		z-index: 9999;
		gap: 10px;
	}
	.side-btn {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: 60px;
		height: 60px;
		border-radius: 50%;
		color: #fff !important;
		text-decoration: none !important;
		font-size: 10px;
		font-weight: bold;
		box-shadow: 0 4px 8px rgba(0,0,0,0.3);
		border: 1px solid rgba(255,255,255,0.5);
		transition: transform 0.2s;
		background: rgba(115, 102, 85, 0.9);
	}
	.side-btn .material-icons {
		font-size: 22px;
		margin-bottom: 2px;
	}
	.side-btn:active { transform: scale(0.9); }
}

/* =========================================================
   MEO
========================================================= */
.meo {
	text-align: center;
	padding: 1rem 0;
	font-size: 0.9rem;
	line-height: 1.8;
}
.meo span { font-weight: 600; }

/* =========================================================
   その他の既存スタイル上書き
========================================================= */
.btn01 a {
	background: #373022;
	color: #fff;
}
.cont_titile { color: #373022; }
.cont_titile span { color: #373022; }

.mv-info { display: none; }
.catchcopy { display: none; }

main { position: relative; }
main::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0; left: 0;
	z-index: -1;
}

.nav_follow { padding: 0 0 0 10px; }
.toggle span { width: 90%; }
.global_nav_sp ul li a { font-size: 15px; }
.global_nav_sp a span { font-size: 12px; }

#scroll-top {
	opacity: 0;
	transition: opacity 350ms ease;
}

.access-box .access-text p .a-t {
	display: block;
	margin: 2rem 0 1rem;
}

.btn_tel{
height: 80px
}

.btn_reserve{
height: 80px
}

.btn_line{
height: 80px}