/*
Theme Name: Lightning Child Sample
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/

/*ヘッダートップのフォントサイズ*/
.header-top {font-size: 12px;}
/*ヘッダートップのボタンの枠線*/
.header-top-contact-btn .btn-primary{border-color:#ef9b7c;}

/*ヘッダーロゴのサイズと上下余白*/
.site-header-logo img {	max-height: 150px;}
@media screen and (min-width: 992px){
	.site-header-logo { padding-top: 2rem; margin-bottom: 2rem;}
}

/*ここから特商標ページのテーブル*/
/*スマホ時の縦並び*/
@media(max-width:500px){
	.tokusyo td{
		border-top: none!important;
		display: block!important;
		width: 100%!important;
		-webkit-box-sizing: border-box!important;
		-moz-box-sizing: border-box!important;
		box-sizing: border-box!important;
	}
	.tokusyo tr:first-child td:first-child{
		border-top: 1px solid #e5e5e5!important;
}
}
/*見出し欄*/
.tokusyo tr td:first-child{
	width: 30%;
	background: #fff3f1;
}
/*通常欄*/
.tokusyo td{
	border: solid 1px #e5e5e5;
	line-height: 1.8;
}
.tokusyo td a{
	color: #1e73be;
}
.tokusyo td a:hover{
	text-decoration: underline;
}
/*横の行とテーブル全体*/
.entry-content .tokusyo tr,.entry-content table{
	border: solid 1px #e5e5e5;
	font-size: 12px;	
}
/*ここまで特商標のテーブル*/


/*Contact Form 7カスタマイズ*/
/*スマホContact Form 7カスタマイズ*/
@media(max-width:500px){
.inquiry th,.inquiry td {
 display:block!important;
 width:100%!important;
 border-top:none!important;
 -webkit-box-sizing:border-box!important;
 -moz-box-sizing:border-box!important;
 box-sizing:border-box!important;
}
.inquiry tr:first-child th{
 border-top:1px solid #eaeaea!important;
}
/* 必須・任意のサイズ調整 */	
.inquiry .haveto,.inquiry .any {	
font-size:10px;
}}
/*見出し欄*/
.inquiry th{
 text-align:left;
 font-size:14px;
 /*color:#444;*/
 padding-right:5px;
 width:30%;
 background:#fffafa;
 border:solid 1px #eaeaea;
}
/*通常欄*/
.inquiry td{
 font-size:13px;
 border:solid 1px #eaeaea;	
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
 border:solid 1px #eaeaea;	
}
/*必須の調整*/
.haveto{
 font-size:7px;
 padding:5px;
 background:#ff9393;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.any{
 font-size:7px;
 padding:5px;
 background:#93c9ff;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
 display:block;
}
/*送信ボタンのデザイン変更*/
#formbtn{
 padding:0.7em 1em;
 background:#ef9b7c;
 color:#fff;
 font-size:18px;
 font-weight:bold;	 
 border-radius:7px;
 border: 2px solid #f78da7;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:#fff;
 color:#f78da7;
 border: 2px solid #f78da7;
}

/*その他のformカスタマイズ（ここからオリジナル設定）*/
.inquiry{
	margin-bottom: 1em;
}
.inquiry p{
	margin-bottom: 0;
}
.inquiry input[type=date],.inquiry input[type=email],.inquiry input[type=number],.inquiry input[type=password],.inquiry input[type=tel],.inquiry input[type=text],.inquiry input[type=url],.inquiry select,.inquiry textarea{
	margin: 5px 0;
}
.button-outer{
	text-align: center;
}

/*ここからページヘッダー部分のカスタマイズ*/
/*ページヘッダーのオーバーレイ修正*/
.page-header::before{
    opacity: 0.3;
}
/*ページヘッダーの文字色*/
.page-header-title, h1.page-header-title{
	color: #f78da7;
}

/*一部テキストをピンクにする*/
.text-pink{
	color: #f78da7;
}
/*スライダー部分*/
.ltg-slide-text-title{
	font-weight: 600 !important;
}
.ltg-slide-text-set .btn-ghost:hover{
	background: #c9a400 !important;
	border: 1px solid #c9a400 !important;
}
.ltg-slide-text-caption{
	font-weight:300;
	line-height:1.8;
}

.ltg-slide .btn-ghost{
	padding:0.5em;
}



/*各丸用のボックス*/
.radius15{border-radius: 15px;}
.radius20{border-radius: 30px;}

/*bodyの下padding*/
@media (min-width: 1200px){
	.site-body {
		padding-bottom: 0;
	}
}

.service-h2{
	border-bottom:2px dotted #f6c9c1;
}

/*モバイル時に改行*/
.mobile-br{
	display: none;
}
@media(max-width:500px){
	.mobile-br{
		display: block;
	}
}

/*モバイル時に中央寄せ*/
@media(max-width:500px){
	.mobile-center{
		text-align: center !important;
	}
	.mobile-left{
		text-align: left !important;
	}
}


/*モバイル時にpadding調整*/
@media(max-width:500px){
	.mobile-padding{
		padding-left: 18px;
		padding-right: 18px;
	}
}



/*TOPページ「お悩みはありませんかの部分」のモバイル時サイズ調整*/
@media(max-width:500px){
	.mobile-h2{
		font-size:24px;
	}
	.mobile-22 h2{
		font-size: 22px !important;
	}
	.mobile-20 h2{
		font-size: 20px !important;
	}
}

/*レスポンシブスペーサーをモバイル時に削除*/

@media(max-width:500px){
	.mobile-delete{
		display: none;
	}
}

/*スマホ時のbody文字サイズ*/

@media(max-width:500px){
	body{
		font-size: 16px;
	}
}
/*スマホ時の背景をピンクに変更*/
@media(max-width:500px){
	.mobile-back-none span{
		background: #FFF3F1 !important;
	}
}

/*スマホ時の順番入れ替え*/
@media(max-width:500px){
	.mobile-flex{
		display: flex;
	}
	.mobile-flex-order1{
		order: 2;
	}
	.mobile-flex-order2{
		order: 1;
	}
}

/*スマホ時のヘッダー画像切替*/
.site-header-logo img{
		max-width:750px;
	}
@media(max-width:767px){
	.site-header-logo img{
		display: none;
	}
	.site-header-logo span:after {
		content: '';
		background-image: url("https://yugi-sakuraco.com/wp-content/uploads/2023/02/YugiSakurako-logo-mobile.png");
		background-size: 100% auto;
		display: block;
		height: 170px;
		background-repeat: no-repeat;
		background-position: center;
	}
}

.vk-mobile-nav-menu-btn {
    border: none;
    border-radius: 0;
}

@media (max-width: 991px){
	.site-header-sub {
		display: block;
		padding-left: 0;
		float:none;
		margin-top: 0;
	}
	.site-header-sub img{
		margin-left: auto;
		margin-right: auto;
	}
	.site-header-sub aside{
		margin-bottom: 0;
	}
	.site-header-sub figure{
		margin-top: 0 !important;
	}
}


/*スマホ時にpaddingを削除する*/
@media(max-width:767px){
	.mobile-padding-none{
		padding: 0 !important;
	}
}

/*スマホ時に行間を広げる*/
@media(max-width:767px){
	.mobile-lineheight{
		line-height:1.5;
	}
}

/*モバイル時のボタン幅・文字サイズ*/
@media(max-width:767px){
	.vk_button.vk_button-align-wide{
		max-width: 90%;
	}
	.vk_button_link_txt{
		font-size:18px;
	}
	.vk_button .vk_button_link.btn{
		padding: 0.6em 1rem;
	}
}

/*モバイル時の文字サイス変更*/
@media(max-width:767px){
	.mobile-font-size19{
		font-size:19px !important;
	}
	.mobile-font-size22{
		font-size:22px !important;
	}
}

/*リンクの文字色を変更*/
p a{
	color: #065FD4;
	-webkit-text-decoration-color: #065FD4;
	text-decoration-color: #065FD4;
}

/*フッターナビの下線消去*/
.footer-nav {
    border-bottom: none;
}
.site-footer-copyright {
    padding: 0 1rem 1rem 1rem;
}

/*スマホ表示でフッター上に入る空白の消去*/
.site-body {
    padding: 2rem 0 0 0;
}

@media (max-width: 991.98px){
	.main-section {
		margin-bottom: 0;
	}
}