/*
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{
	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: #000;
}
.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: 0rem;
	margin-right: calc(-50vw + 55%);
/* 	margin-bottom: 2rem; */
	margin-left: calc(-50vw + 55%);
	padding: 4rem 0;
	background-image: url("https://etoile.instatry.jp/wp/wp-content/uploads/2022/11/DSC_5393.png");
	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: 768px) {
	.trouble{
		background-position: right;
	}

}

@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;
	font-size: 16px;
}
/* こんなお悩みございませんか？ ここまで */

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

/*  
 * HIFUって何？（cntents） ここから
 */
/* 外枠の線 */
.contents{
	border: 2px solid #000;
	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://coco-narita.instatry.jp/wp/wp-content/uploads/2022/11/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: 0px solid #fff;
}
/* てきすとに下線を引くために余計な余白を消す 
.price_contents .are-vertically-aligned-bottom p{
	margin-bottom: 0;
}*/
/* 下線を引く */
.price_contents .are-vertically-aligned-bottom{
	border-bottom: 2px dashed #bebebe;
}
/* Price ここまで */

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

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

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


/*
 * ---------------------------
 * 
 * スマホ向け設定 
 * 
 * ---------------------------
 */
@media (max-width: 767px){
	.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;
}

/* .serviceback{
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding-left: calc(50vw - 50%);
	padding-right: calc(50vw - 50%);
	padding-top:2rem;
	background-image:url("https://elemue.instatry.jp/wp/wp-content/uploads/2022/11/service_bg-scaled.jpg");
	background-repeat:no-repeat;
	background-size:cover;
} */

@media (max-width: 767px){
	h1 {
    font-size: 1.8rem;
	}
/* 	.wp-block-media-text .wp-block-media-text__content {
    direction: ltr;
    grid-column: 2;
    grid-row: 1;
    padding: 30px 5%;
    word-break: break-word;
	} */
	.veu_card {
    border: 0px solid var(--vk-color-border-light);
    border-radius: var(--vk-size-radius);
}
	.veu_contact .contact_frame {
    display: block;
    overflow: hidden;
    background-color: white;
}
	ul.is-style-vk-check-circle-mark li::before {
    color: #00B7CE !important;
}
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
    flex-basis: 100%!important;
}
	
	
}
	ul.is-style-vk-check-circle-mark li::before {
    color: #00B7CE !important;
}
.has-text-align-center {
    text-align: center;
    color: #00B7CE;
}
@media (min-width: 1280px){
/* .voice {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    padding: 5rem 0;
    background-image: url(http://coco-narita.instatry.jp/wp/wp-content/uploads/2022/11/voice_bg-scaled.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	background-position:top;
} */
	.wp-container-61 {
    display: flex;
    gap: 0.5em!important;
    flex-wrap: nowrap;
    align-items: center;
}
}
.site-header {
    background-color: #FFFCF9 !important;
}
.global-nav-list>li.global-nav-name{
    font-size: 14px;
    display: block;
    width: 100%;
    color: black!important;
    white-space: nowrap;
    font-family: serif;
}
.sbox {
    background: white;
	box-shadow: 0px 1px 5px #707070;
}
.sbox2{
	background:#FFFCF9;
	box-shadow:0px 0px 3px #707070;
/* 	height:430px !important; */
}

.mb1{
	box-sizing:border-box;
	padding:0 1rem 1rem;
}
@media (max-width: 767px){
	.serif {
		font-size:20px !important;
	}
}
.contact .wp-block-group__inner-container {
    max-width: 90%;
    margin: auto;
}
	
}