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

/*ヘッダートップ*/
.siteHeader {
	border-top:3px solid #77992a;
}

/*キャッチコピー*/
#headerline h1 {
	font-size:14px;
	line-height:20px;
}

/*見出し*/

h3 {
	font-size:1.5rem;
}

h4 {
	font-size:1.25rem;
	border-left:3px solid #77992a;
	padding: .4em .75em;
}

h2.l-font {
	text-align:center;
	line-height:2;
}

/*投稿ページタイトル部 (_g2/template-parts/post/article.php)*/
h2.entry-tit {
	border-top:none;
	border-bottom:none;
}

/*page-header.php (_g2/template-parts/page-header.php)*/
h2.normal{
	border-top:none;
	border-bottom:none;
	margin: 1.2em 0;
	padding:0 0 0;
    font-size: 1.75rem;
    line-height: 1.1;
}


.entry-header {
	border-bottom:none;
}

h3 {
	border-bottom:1px solid #ccc;
}

h3::after {
	border-bottom: 2px solid #77992a;
}

/*左ボーダー*/
h4.cus-left-bor {
	border-left:3px solid #77992a;
	padding: .4em .75em;
}

/*四角2つ*/
h5 {
	position:relative;
	padding-left:1.25em;
	font-size:1.15rem;
	line-height: 38px;
}

h5::before{
	content:''; 
	height:12px; 
	width:12px; 
	display:block; 
	background:#9fb769; 
	box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
	-box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
	-webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
	-moz-box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset; 
	position:absolute; 
	top:-0px; 
	left:5px;
	transform:rotate(-50deg);
	-webkit-transform:rotate(-50deg);
	-moz-transform:rotate(-50deg);
	-o-transform:rotate(-50deg);
	-ms-transform:rotate(-50deg);
}
h5::after{
	content:''; 
	height:8px; 
	width:6px; 
	display:block; 
	background:#77992a; 
	box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
	-box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
	-webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
	-moz-box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset; 
	position:absolute; 
	top:16px; 
	left:2px;
	transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
	-ms-transform:rotate(-75deg);
}

/*チェック*/
h5.cus-check {
	position:relative;
	padding-left:1.87em;
	border-bottom:1px solid #ccc;
	font-size:1.25rem;
	line-height: 38px;
}
 
h5.cus-check:after, h5.cus-check:before{
	content:''; 
	height:18px; 
	width:4px; 
	display:block; 
	background:#9fb769; 
	position:absolute; 
	top:8px; 
	left:15px; 
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px; 
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
}
 
h5.cus-check:before{
	height:10px; 
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg); 
	top:16px; 
	left:7px
}

/*丸2つ*/
h5.cus-2sir {
	position:relative;
	padding-left:1.22em;
	border-bottom:1px solid #ccc;
	font-size:1.25rem;
	line-height: 38px;
}
 
h5.cus-2sir:before{
	content:''; 
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px; 
	height:12px; 
	width:12px; 
	display:block; 
	position:absolute; 
	top:14px; 
	left:7px; 
	background-color:#ffa500;
	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	-khtml-opacity: 0.50;
	opacity:0.50;
	z-index: 1;
}
 
h5.cus-2sir:after{
	content:''; 
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px; 
	height:15px; 
	width:15px; 
	display:block; 
	position:absolute; 
	top:7px; 
	left:2px; 
	background-color:#9fb769;
	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset
}

/*枠*/
.waku-box {
	border-radius:3px;
	border:1px solid #fff;
	box-shadow: 10px 10px 15px -10px;
	padding:0.5em 1.5em 1.5em 1.5em;
}

.waku-2col {
	border:1px solid #333;
	padding:1.5em;
}

/*枠線ボックス見出し部分をグラデーション*/
.gura {
	background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
    background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
}

/*枠線ボックス部分をグレーに*/
.waku-glay {
	border-radius:5px;
	border:3px solid #ededed !important;
}

.waku-space {
	padding-top:2em !important;
}

/*見出し文字色を黒に*/
.chenge-black {
	color:#000 !important;
}

.waku-l-font {
	font-size:1.25rem !important;
	font-weight:normal !important;
}

.ico-number {
 color:#9fb769;
}

footer .copySection p:nth-child(2) {
    display:none !important;
    }

i.fa-arrow-circle-right {
	color:#77992a;
}

span.vk_button_link_txt {
  	color:#77992a; 
}

.sent .formInner {
    display: none;
}
.complete-display{
    display: none;
}
.sent .complete-display{
    display: block;
}

.vk_prBlocks_item_summary, .vk_prBlocks_item_summary-2{
	text-align:left;
	padding-left:0.5em;
}

/*表*/
.wp-block-table.is-style-stripes td, .wp-block-table.is-style-stripes th{
	font-size:16px;
	border:1px solid #ccc;
}

.wp-block-table.is-style-stripes th{
	font-weight:bold;
	text-align:center;
}

.is-style-regular td,th,
.is-style-vk-table-border td,th{
	font-size:16px;
	border:1px solid #ccc;
}

.page_top_btn {
	border-radius:5px;
	background-color:#77992a;
  box-shadow:4px 3px 7px 0px rgba(128,128,128,0.6);
}

/*ボタン*/
.btn-half {
	width: 50%;
}

.alert-warning,
.alert-success,
.alert-info,
.alert-danger{
color:#212529;
}

.alert-success {
	background-color:#f9fcf2;
}

/*文字の縁取り*/
.has-large-font-size,
.outLine{
	text-shadow:3px 3px 0 #fff,-3px 3px 0 #fff,3px -3px 0 #fff,-3px -3px 0 #fff;
}

/*ウィジェット*/
#block-6,#block-6 p {
	margin-bottom:0.2em;
}

#block-6 p a {
	color:#212529;
}

#block-6 p a:hover {
	color:#f4a32e;
}

/*投稿一覧ページの続きを読むボタン*/
.cont-btn {
	text-align:right;
}

.cont-btn .btn-default {
	background-color:#77992a;
	color:#fff;
}

.cont-btn .btn-default:hover {
	background-color:#fff;
	color:#77992a;
}

@media (max-width:768px)  {
.siteHeadContainer {
margin-top:1em;
margin-bottom:1em;
}

p {font-size:18px;
}
	
.outLine{
	font-size:23px;
}
}

@media (min-width:768px) {
/* PCで電話番号リンクを無効に */
    a[href*="tel:"] {
		color:#212529;
        pointer-events: none;
        cursor: default;
        text-decoration: none;
    }
}

@media screen and (max-width: 800px){	
	.widget widget_child_page, .widget_link_list{
	display:none;	
	}

#vkexunit_contact_section-9{display:none;
	}
}

@media screen and (max-width: 1024px){
	
#headerline	h1 {
		text-align:center;
		font-size:10px;
	}
}