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


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


/* 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{
	border: 2px solid #000;
}
.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); */
}
.button, .button_line{
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.has-text-align-center.color.has-text-color {
	color: #FF7700;
}

.has-text-align-center.add.has-vk-color-primary-color.has-text-color > a {
	color: #FF7700;
}


/* 一番上のボタン */
/* wp-block-button aligncenter has-custom-width.p-block-button__width-75.dd */
/*
 * -------------------------------------------------
 */

/* 
 * 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://natural-space.instatry.jp/wp/wp-content/uploads/2022/12/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;
	}
}
/* 中枠の設定 */
.trouble .trouble_content{
	margin: 0 auto;
	padding: 3rem 3rem 0.5rem;
}
/* 中のリストの設定 */
.trouble_content ul{
	width: fit-content;
	margin: auto;
}
.trouble_list ul li{
	margin-bottom: 28px;
	color: #707070;
	font-weight: bold;
	font-family: "Kosugi Maru", sans-serif;
}

@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%);
	}

}

@media screen and (max-width: 480px) {
	.trouble_list ul li{
	    margin-bottom: 18px;
		font-size: 16px;
   }
	.trouble .trouble_content{
	margin: 0 auto;
	padding: 3rem 2.5rem 0.5rem;
   }
	.has-text-align-center.is-style-vk-heading-plain.add {
		font-size: 20px;

	}
	
}
/* こんなお悩みございませんか？ ここまで */

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

/*  
 * HIFUって何？（cntents） ここから
 */
/* 外枠の線 */
.contents{
	border: 2px solid #1F2F54;
	padding: 3rem 2rem;
	/* 追記 */
	margin: 4rem 0;
}
/* HIFUって何？（cntents） ここまで */

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

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

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

/*  当院の施術 */
.wp-container-11.wp-block-group.bg {
	background-color: #FFFBEC;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding-left: calc(50vw - 50%);
    padding-right: calc(50vw - 50%);
	padding-top: 64px;
	padding-bottom: 64px;
}
.wp-block-image.size-full.is-resized.points.is-style-default.add {
	background-color: #fff;
}
.wp-block-image.size-full.points.add {
	background-color: #fff;
	
}
.wp-block-image.size-full.points.add > figcaption > span:first-child {
	color: #FF7700;
}

.wp-block-image.size-full.is-resized.points.is-style-default.add > figcaption > span:first-child {
	color: #FF7700;

}
/*  
 * 利用者の声（Voice） ここから
 */
/* 背景を横幅いっぱい & 背景画像設定 */
.voice{
	margin-left: calc(-50vw + 50%);
	margin-right: calc(-50vw + 50%);
	padding: 5rem 0;
	background-image: url("http://finebeautyhealthcare.instatry.jp/wp/wp-content/uploads/2022/10/グループ-343.png");
	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;
	box-shadow: 0px 6px 19px -5px rgb(0 0 0 / 26%);
	background-color: #fff;
}
/* てきすとに下線を引くために余計な余白を消す */
.price_contents .are-vertically-aligned-bottom p{
	margin-bottom: 0;
}
/* 下線を引く */
.price_contents .are-vertically-aligned-bottom{
	border-bottom: 2px dashed #707070;
}
/* Price ここまで */

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

/*  
 * Message ここから
 */

/* Message ここまで */

/*  ご挨拶 */
.wp-container-123.wp-block-group.add {
	background-color: green;
	background-color: #FFFBEC;
	margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding-left: calc(50vw - 50%);
    padding-right: calc(50vw - 50%);
	padding-top: 64px;
	padding-bottom: 64px;
}
/*
 * -------------------------------------------------
 */

/*  
 * 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: 992px){
	.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;
	}
}
.pom{
	width:70% !important;
	border:10px solid #002B8E  !important;
	margin: 0 auto;
}
h1{
	font-size: 30px !important;
}
h2{
	border:none !important;
}
h5.has-text-align-center {
    margin: 0 auto;
    border: none;
    font-weight: bold;
    padding: 0;
}
 @media (max-width: 762px){
	 h5.has-text-align-center {
    margin: 0 auto;
    border: none;
    font-weight: bold;
    padding: 0;
}
}

/* @media (max-width: 762px){
.coverage{
	background-image:url("https://finebeautyhealthcare.instatry.jp/wp/wp-content/uploads/2022/10/グループ-348.jpg");
	background-size:cover;
	background-repeat:no-repeat;
	
}
} */

.points figcaption {
    font-size: 18px;
    padding: 1rem 0 0rem;
    font-weight: bold;
}


/* .smile{
	background:red;
} */