/*
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 10px;
}

/* 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;
}

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

/* 
 * 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
 * 
 * ---------------------------
 */
/* ボタンの編集 ここまで */

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


 */

/* 
 * こんなお悩みございませんか？ ここから 
 */
.has-pale-cyan-blue-background-color {
     background-color: #fff;!important; 
}
/* 外枠の設定 */
.trouble{
/* 	margin-top: 2rem; */
	margin-right: calc(-50vw + 55%);
/* 	margin-bottom: 2rem; */
	margin-left: calc(-50vw + 55%);
	padding: 4rem 1rem;
	background-image: url("https://dogselect.instatry.jp/wp/wp-content/uploads/2022/12/DSC09378.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: 991px) {
	.trouble {
		margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        padding-left: calc(50vw - 50%);
        padding-right: calc(50vw - 50%);
			background-image: url("https://dogselect.instatry.jp/wp/wp-content/uploads/2022/12/リピートグリッド-7.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
    }
	.wp-block-table td, .wp-block-table th {
    font-size: 14px;
    font-family: 'Noto Sans JP';
}

}
	.wp-block-table td, .wp-block-table th {
    font-size: 15px;
    font-family: 'Noto Sans JP';
}
/* 中枠の設定 */
.trouble .trouble_content{
	margin: 0 auto;
    padding: 4rem 2rem 2rem;
    background-color: #ffffff !important;
    opacity: 0.9;
}
/* 中のリストの設定 */
.trouble_content ul{
	width: fit-content;
	margin: auto;
}
.trouble_list ul li{
	margin-bottom: 2.5em;
}


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

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

/*  
 * 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%) !important;
	margin-right: calc(-50vw + 50%) !important;
	padding: 0rem 0;
	background-image: url("https://dogselect.instatry.jp/wp/wp-content/uploads/2022/12/DSC09274.jpg") ;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
	margin-top:-5px;
}
.details{
	margin-left: calc(-50vw + 50%) !important;
	margin-right: calc(-50vw + 50%) !important;
	padding: 0rem 0;
	background-image: url("https://dogselect.instatry.jp/wp/wp-content/uploads/2022/12/グループ-9.png") ;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
	margin-top:-5px;
}
@media screen and (max-width: 991px) {
	.voice{
	margin-left: calc(-50vw + 50%) !important;
	margin-right: calc(-50vw + 50%) !important;
	padding: 0rem 0;
	background-image: url("https://dogselect.instatry.jp/wp/wp-content/uploads/2022/12/DSC09274-1.jpg") !important;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	margin-top:-10px;
}
	
		.details{
	margin-left: calc(-50vw + 50%) !important;
	margin-right: calc(-50vw + 50%) !important;
	padding: 0rem 0;
	background-image: url("https://dogselect.instatry.jp/wp/wp-content/uploads/2022/12/グループ-9.png") !important;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	margin-top:-10px;
}
	
	.veu_contact .contact_txt_catch, .veu_contact .contact_txt_time {
    font-size: 12px;
    line-height: 128.6%;
}
	
}

/* 中のコンテンツの幅の上限設定 */
.voice .wp-block-group__inner-container{
	margin: auto;
	max-width: 80%;
}
/* 各お客様の声の設定 */
.voice_content{
	padding: 4rem 2rem 3rem;
	opacity:0.9;
	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_contents.resize {
	display: flex;
	flex-direction: column;
}
.price_text {
	flex-grow: 1;

}

/* 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;
}
.wp-block-group.contact {
	background-image: url("http://solace.instatry.jp/wp/wp-content/uploads/2022/10/contact_bg-scaled.jpg");
	background-repeat: no-repeat;
	background-size: cover;

}


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

@media screen and (max-width: 767px) {
	.vk-mobile-nav-menu-btn {
       left: 10px;
		top: 12px;
       width: 50px;
       height: 50px;
       border: none;
   }

}
#about {
    width: auto;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    max-width: 100vw;
/*     background-size: cover !important;
    background-position: top !important;
    background: url(https://sareine.instatry.jp/wp/wp-content/uploads/2022/11/グループ-422-scaled.jpg); */
    padding-bottom: 0rem;
}
@media (min-width: 992px){
.site-header-logo {
    text-align: left;
    padding-top: 1.1rem;
    margin-bottom: 0rem;
    margin-left: 0;
}
	.site-header--layout--nav-float .site-header-logo {
    margin-right: 0;
    padding: 14px 2.6rem 14px 0;
    width: 100%;
}
}
li a, p a{
	text-decoration:none;
}
ul.is-style-vk-triangle-mark li::before, ol.is-style-vk-triangle-mark li::before{
	color:#8D280C;
}