/*
Theme Name: Lightning Child
Theme URI: ★ テーマの公式サイトなどのURL（空欄でも可） ★
Template: lightning
Description: ★ テーマの説明（空欄でも可） ★
Author: ★ テーマ作成者の名前（空欄でも可） ★
Tags: 
Version: 0.5.1
*/


/*
 * ---------------------------
 * 
 * レイアウトなど 全体共通設定
 * 
 * ---------------------------
 */

@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c&display=swap');


/* FV以下のコンテンツの幅 */
.site-body {
    padding: 0 0 2rem;
}
@media (min-width: 768px)
.site-body {
    padding: 0 0 2.5rem;
}
@media (min-width: 992px)
.site-body {
    padding: 0 0 3.5rem;
}
@media (min-width: 1200px)
.site-body {
    padding: 0 0 4rem;
}

/*
 * -------------------------------------------------
 */
/* 
 * FV ここから
 */

/* FV ここまで */

/*
 * -------------------------------------------------
 */

/* 
 * Header ここから
 */
/* スクロールするとロゴが非表示になっちゃうのを打ち消す */
.header_scrolled .header-top, .header_scrolled .site-header-logo, .header_scrolled .site-header-sub, .header_scrolled .vk-campaign-text{
	display: inherit;
}
/* ヘッダーナビのサイズ調整 */
.device-pc .global-nav-list>li>a,
.global-nav-list>li:last-child{
	padding: 14px 1.5em !important;
}

/* 横幅の設定 */
.site-header-container{
	width: 100%;
	max-width: inherit;
	padding-right: 0;
}
.container_scrolled{
	padding-right: 15px;
}

/* menuの縦幅をいっぱいに */
.global-nav-list{
	height: -webkit-fill-available;
}
.device-pc .global-nav-list>li>a{
	padding: 14px 2.5em;
}

/* menuの一番右の設定 ここから */
.global-nav-list>li:last-child{
	background-color:#E6B500;
}
.global-nav-list>li:last-child > a{
/* 	color: #fff; */
}
/* Header ここまで */

/*
 * -------------------------------------------------
 */

/* 
 * Footer ここから
 */
/* wpのデフォルトfooter削除 */
.site-footer{
	display: none;
}
/* footer ここまで */

/*
 * -------------------------------------------------
 */

/* 
 * 予約ボタン ここから
 */
/* buttonの下に余白、背景色設定(グラデーションの場合) */
.button .wp-block-button__link{
	margin: 1rem auto;
/* 	background: linear-gradient(to bottom right,#C5A025,#FFE797,#D9A11A,#E8BD3C,#937309); */
	background: #3FDCDC;
}
.button, .button_line{
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
/*
 * -------------------------------------------------
 */

/* 
 * Contactにあるtable編集スペース ここから
 */
.wp-block-table table{
	border: none;
	margin-top: 3rem;
}
.cantact_tabe table,tbody,tr,td{
	border: none !important;
}
/* tableの横幅指定(左側の先頭) */
.table_size td:first-child{
	width: 20%;
}
/* Contactにあるtable編集スペース ここまで */

/*
 * ---------------------------
 * 
 * デザイン系設定 
 * 
 * ---------------------------
 */

/* 
 * ボタンの編集 ここから
 */
/*
 * ---------------------------
 * ボタンについて
 * 
 * 自動的にマウスhoverがかかってしまう場合があります。
 * ※バージョンアップなどの関係上
 * その場合、親ファイルのstyle.cssをいじる必要があります。
 * g3 > assets > css > style.css
 * .wp-block-button .wp-block-button__link.has-background:hover{background-color:var(--vk-color-primary-vivid)!important}
 * 上記の行が邪魔してるので、コメントアウトでOK
 * 
 * ---------------------------
 */
/* ボタンの編集 ここまで */

/*
 * -------------------------------------------------
 */

/* 
 * 見出し系 ここから 
 */
h2{
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

h3{
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

h4{
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
/* 見出し系 ここまで */

/*
 * -------------------------------------------------
 */

/* 
 * こんなお悩みございませんか？ ここから 
 */
/* 外枠の設定 */
.trouble{
	margin-top: -2rem;
	margin-right: calc(-50vw + 55%);
/* 	margin-bottom: 2rem; */
	margin-left: calc(-50vw + 55%);
	padding: 4rem 0;
	background-image: url("https://bishigure.instatry.jp/wp/wp-content/uploads/2023/01/trouble_bg-scaled.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
@media (min-width: 576px){
	.trouble .trouble_content {
		max-width: 540px;
	}
	.trouble{
		margin-right: calc(-50vw + 50%);
		margin-left: calc(-50vw + 50%);
	}
}
@media (min-width: 768px){
	.trouble .trouble_content {
		max-width: 720px;
	}
	.trouble{
		margin-right: calc(-50vw + 50%);
		margin-left: calc(-50vw + 50%);
	}
}
@media (min-width: 992px){
	.trouble .trouble_content {
		max-width: 960px;
	}
}

@media screen and (max-width: 575px) {
	.trouble {
		margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        padding-left: calc(50vw - 50%);
        padding-right: calc(50vw - 50%);
    }

}
/* 中枠の設定 */
.trouble .trouble_content{
	margin: 0 auto;
	padding: 3rem 1rem 0.5rem;
}
/* 中のリストの設定 */
.trouble_content ul{
	width: fit-content;
	margin: auto;
}
.trouble_list ul li{
	margin-bottom: 2.5em;
}
/* こんなお悩みございませんか？ ここまで */

/*
 * -------------------------------------------------
 */

/*  
 * HIFUって何？（cntents） ここから
 */
/* 外枠の線 */
.contents{
	border: 2px solid #00A3E0;
	padding: 3rem 2rem;
}
/* HIFUって何？（cntents） ここまで */

/*
 * -------------------------------------------------
 */

/*  
 * Fennel's Point ここから
 */
/* 画像キャプションの変更 */
.points figcaption{
	padding: 1rem 0 2rem;
}
/* 影をつける */
.points{
/* 	box-shadow: 3px 12px 14px 0px rgb(0 0 0 / 17%); */
}
/* Fennel's Point ここまで */

/*
 * -------------------------------------------------
 */

/*  
 * 利用者の声（Voice） ここから
 */
/* 背景を横幅いっぱい & 背景画像設定 */
.voice{
	margin-left: calc(-50vw + 50%);
	margin-right: calc(-50vw + 50%);
	padding: 5rem 0;
	background-image: url("http://halea-holisticspa.instatry.jp/wp/wp-content/uploads/2022/08/voice_bg-scaled.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
/* 中のコンテンツの幅の上限設定 */
.voice .wp-block-group__inner-container{
	margin: auto;
	max-width: 80%;
}
/* 各お客様の声の設定 */
.voice_content{
	order: 2px solid #fff;
	padding: 4rem 2rem 3rem;
	box-shadow: 3px 12px 14px 0px rgb(0 0 0 / 17%);
}
/* 利用者の声（Voice） ここまで */

/*
 * -------------------------------------------------
 */

/*  
 * Price ここから
 */
/* 枠線 */
.price_contents{
	border: 1px solid #fff;
}
/* てきすとに下線を引くために余計な余白を消す 
.price_contents .are-vertically-aligned-bottom p{
	margin-bottom: 0;
}*/
/* 下線を引く */
.price_contents .are-vertically-aligned-bottom{
	border-bottom: 2px dashed #bebebe;
}
/* Price ここまで */

/*
 * -------------------------------------------------
 */

/*  
 * Message ここから
 */

/* Message ここまで */

/*
 * -------------------------------------------------
 */

/*  
 * Contact ここから
 */
/* 背景めいいっぱい */
.contact{
	margin-left: calc(-50vw + 50%);
	margin-right: calc(-50vw + 50%);
}
/* その中のコンテンツの横幅設定 */
.contact .wp-block-group__inner-container{
	max-width: 80%;
	margin: auto;
}


/*
 * ---------------------------
 * 
 * スマホ向け設定 
 * 
 * ---------------------------
 */
@media (max-width: 991px){
	.vk-mobile-nav-menu-btn{
		left: inherit;
    	right: 5px;
		width: 50px;
    	height: 50px;
		border: none;
	}
	.vk-mobile-nav{
		padding: 55px 10px;
	}
	.vk-mobile-nav-menu-btn.menu-open{
		border: none;
	}
}


 .device-mobile.global-nav-list>li{
    padding: 14px 1.5em!important; 
}
li#menu-item-32{
	padding:14px 22px;
}
li#menu-item-33{
	padding:14px 22px;
}
li#menu-item-34{
	padding:14px 22px;
}li#menu-item-35{
	padding:14px 22px;
}li#menu-item-36{
	padding:14px 22px;
}li#menu-item-37{
	padding:14px 22px;
}
li#menu-item-38{
	padding:14px 22px;
}
li#menu-item-653{
	padding:14px 22px;
}