@charset "utf-8";
@media (max-width: 768px) {

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ローディング画面
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.loading_wrap .img {
	width: 250px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*ロゴ*/
nav#mobile-header .site-logo a img {
	padding: 0 5px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ピックアップナビ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.pickup_navi {
	padding: 0;
	border: none;
}

.pickup_navi li:not(:first-child) {
	border-left: 1px solid #fff;
}

.pickup_navi li a {
	position: relative;
	font-size: 15px;
	color: #fff!important;
	padding: 12px 5px 12px 15px;
}

.pickup_navi li a:hover {
	color: #fff!important;
}

.pickup_navi li a::before {
	position: absolute;
	font-family: "icomoon";
	font-weight: normal;
	line-height: 1;
	top: 50%;
	transform: translate3d(0px,-50%,0px);
}

/*電話*/
.pickup_navi li.tel a {
	background: var(--main);
}

.pickup_navi li.tel a::before {
	content: '\f095';
	font-size: 16px;
	left: 40px;
}

/*LINE*/
.pickup_navi li.line a {
	background: var(--accent);
}

.pickup_navi li.line a::before {
	content: '\e902';
	position: absolute;
	font-size: 15px;
	font-family: "icomoon";
	top: 50%;
	left: 35px;
	transform: translate3d(0px,-50%,0px);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ハンバーガーメニュー内
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
nav#generate-slideout-menu.is-open {
	background: var(--base-1);
}

#generate-slideout-menu .inside-navigation {
	padding-top: 90px!important;/*ピックアップナビを表示させる際はここの数値を130pxにする*/
	padding-left: 15px!important;
	padding-right: 15px!important;
}

.slideout-navigation .main-nav {
	background: var(--site-bg);
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 30px;
	border-radius: 10px;
}

#generate-slideout-menu li.menu-item a {
	position: relative;
	font-size: 15px;
	line-height: 1.6;
	color: var(--text-2);
	padding-left: 15px;
	padding-right: 15px;
	margin: auto 25px;
	border-top: 1px dashed #d1d1d1;
}

#generate-slideout-menu li.menu-item:first-child a {
	border-top: none;
}

.main-navigation .main-nav ul li[class*="current-menu-"] > a::before, 
.single-post.no-sidebar .main-navigation .main-nav ul li.symptoms > a::before, 
.category.right-sidebar .main-navigation .main-nav ul li.news > a::before, 
.single-post.right-sidebar .main-navigation .main-nav ul li.news > a::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	border-style:solid;
	border-width: 5px 0 5px 5px;
	border-color: transparent transparent transparent var(--main);
	transform: translate3d(0px,-50%,0px);
}

/*ご予約・LINE > 非表示*/
#generate-slideout-menu li:is(.line, .contact) {
	display: none;
}

/*個人情報保護方針*/
.slideout-navigation a {
	color: var(--text-2);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップ > メッセージ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@keyframes sidebar_txt {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: -884px 0;
	}
}

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

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#footer-widgets ul.menu > li {
	padding-left: 16px;
}
#footer-widgets ul.menu > li::before {
	width: 6px;
	height: 6px;
	top: 18px;
}

#footer-widgets ul.menu > li a {
	line-height: 1.4;
	padding: 10px 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
お知らせ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*子ナビの対応症状を非表示*/
.h_child_navi ul.child_navi li:has(a[href*="symptoms"]) {
	display: none;
}
	
	
.data-aos-off {
	opacity: 1 !important;
	transform: none !important;
	transition: none !important;
}

}/*メディアクエリ終了*/