@charset "UTF-8";
/*
Theme Name: プレミアムプラン 美容院
Theme URI: https://
Description: sooon株式会社サイトオリジナルテーマ
Author: Arase
Author URI:
Version: 1.0.0

*/
/*
ーカラーの指定方法ー

◎背景色（グラデーションスタート）、service03のよくある質問ボックス色
color: var(--background1-color);

◎背景色（グラデーションエンド）
color: var(--background2-color);

◎フォントカラー  
color: var(--font-color);

◎バックテキストカラー
color: var(--bg-text-color);

◎背景色２
color: var(--sub-color);

◎フッター帯カラー
color: var(--footer_color);

*/

@media screen and (max-width: 767px) {
  .u-pc { display: none; }
}
.u-sp { display: none; }
@media screen and (max-width: 767px) {
  .u-sp { display: block; }
}

.no_link > a {
	pointer-events: none;
}
@media screen and (min-width: 1350px) {
	#menu-gnav .sub-menu a .menu-sub-label {
		display: none;
	}
	#menu-gnav .sub-menu a .menu-label {
		font-size: 1.3rem;
	}
}

/* ボタンカラー */
:root {
	--button-color: #0C044E;
}
.header_reservation a,
.more_btn {
	background-color:  var(--button-color);
}

/* トップページ */
.main_visual .main_swiper .swiper-slide picture::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%,  rgba(0, 0, 0, 0) 50%, #000 100%);
	opacity: 0.4;
}
.home .main_visual .main_visual-top_lead .page_top_title {
	text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.8), 0px 0px 15px rgba(0, 0, 0, 0.4);
}
.gallery_list .img .category {
	right: -20px;
	color: var(--footer_color);
	font-size: 4rem;
	text-shadow: 0 0 8px rgba(255, 255, 255, 0.9), 0 0 4px rgba(255, 255, 255, 0.9);
}
.top-menu .swiper-slide .heading_wrap .bg_text {
	font-size: 12rem;
}

@media screen and (max-width: 767.9px) {
	.top-menu .swiper-slide .heading_wrap .bg_text {
		font-size: 4rem;
	}
	.main_visual .main_visual-top_lead {
		bottom: 120px;
	}
	.main_visual .main_swiper .swiper-slide picture::after {
		opacity: 0.6;
	}
}

/* フッター */
.footer .fnav .menu-fnav_1-container::before,
.footer .fnav .menu-fnav_2-container::before {
	display: none;
}
.footer .footer_bottom,
.footer .footer_bottom a {
	color: #fff;
}

/* サービスページ */
.service1 .left .bg_text {
	font-size: 10rem;
	top: 0;
	-webkit-transform: rotate(-6deg);
	transform: rotate(-6deg);
}
@media screen and (max-width: 767px) {
	.service1 .left .bg_text {
		font-size: 5rem;
		top: -50px;
	}
	.page-id-2545 .page_top .cont .page_top_p {
		padding-right: 0;
	}
}

/* プライバシーポリシー */
.page-pp h3 {
	margin: 1.2em 0 0.4em;
}
.page-pp p + p {
	margin-top: 1em;
}

/* 買取強化 */
.page-menu .menu_content .menu_detail .left .comment {
	margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
	.page-menu .menu_content .menu_detail .left .comment {
		margin-bottom: 40px;
	}
}