@charset "utf-8";

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ローディング画面
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.loading_wrap {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 100003;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.loading_wrap .img {
	display: none;
	width: 400px;
	margin-bottom: 0px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用 > ボタン
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*外部ボタン*/
.external-link.cmn_btn01:after {
    content: "\f08e";
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップ > メッセージ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_message::after {
	animation: sidebar_txt 40s linear infinite;
}

@keyframes sidebar_txt {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: -2534px 0;
	}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップ > スタッフ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_staff ul {
	margin-bottom: 0;
}

#home_staff ul li {
	margin-bottom: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#footer-widgets ul.menu > li {
	position: relative;
	padding-left: 18px;
}

#footer-widgets ul.menu > li.line {
	display: none;
}

#footer-widgets ul.menu > li::before {
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	background: var(--main);
	top: 11px;
	left: 0;
	border-radius: 50%;
}

#footer-widgets ul.menu > li a {
	font-size: clamp(15px, 12.000px + 0.208vw, 16px);
	color: var(--text-2);
}

/*フッターの「ご予約」をオープン前まで非表示に 2026-05-19re*/
#footer-widgets ul.menu > li.contact {
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
お知らせ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*サイドメニューの対応症状を非表示*/
#right-sidebar li.cat-item-205 {
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
対応症状　＞　詳細ページ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*記事内のリスト*/
body.single-post li::marker {
    color: var(--main);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ハンバーガーメニューのカスタマイズ(2023-03-13mk)
↓↓↓下記をまずは削除した上で、【https://coco-factory.jp/ugokuweb/move01-cat/humbugermenu/】から、お好みのボタンのCSSを追加
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*ボタン外側※レイアウトによってpositionや形状は適宜変更してください*/
.openbtn{
	position: relative;/*ボタン内側の基点となるためrelativeを指定*/
	background:transparent;
	cursor: pointer;
	width: 50px;
	height:50px;
	border-radius: 5px;
}

/*ボタン内側*/
.openbtn span{
	display: inline-block;
	transition: all .4s;/*アニメーションの設定*/
	position: absolute;
	left: 10px;
	height: 2px;
	background: var(--main);
	width: 60%;
}

.openbtn span:nth-of-type(1) {
	top:12px; 
}

.openbtn span:nth-of-type(2) {
	top:21px;
}

.openbtn::after {
	content: 'メニュー';
	position: absolute;
	left: 5px;
	bottom: 10px;
	color: var(--main);
	font-size: 10px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0em;
	white-space: nowrap;
}

/*activeクラスが付与されると線が回転して×に*/

.openbtn.active span:nth-of-type(1) {
	top: 11px;
	left: 15px;
	transform: translateY(6px) rotate(-45deg);
	width: 40%;
}

.openbtn.active span:nth-of-type(2){
	top: 23px;
	left: 15px;
	transform: translateY(-6px) rotate(45deg);
	width: 40%;
}

.openbtn.active::after {
	content: '閉じる';
	left: 10px;
}