/*
Theme Name: Lightning Child
Theme URI:
Template: lightning
Description:
Author:
Tags:
Version: 0.6.0
*/
/* reCAPTCHA v3 表示位置・非表示 */
.grecaptcha-badge{
margin-bottom: 70px;}
.grecaptcha-badge { visibility: hidden; }
/* アイコンのスタイル（スクロールしていないとき） */
body:not(.header_scrolled) .global-nav-list>li .global-nav-name i {
margin-bottom: 0em;
color:var(--vk-color-primary);
}
/* アイコンのスタイル（スクロールしているとき） */
.header_scrolled .global-nav-list>li .global-nav-name i {color: var(--vk-color-primary)!important;
}
/* 最後のメニュー項目だけ右端に配置（スクロール時） */
.header_scrolled .vk-menu-acc li:last-child {
float: right!important;
}
/* メニューホバー時 */
.global-nav-list > li::before {
border-bottom: 1px solid var(--vk-color-primary);
}
.global-nav-list>li:hover a i {
transform: rotateX(360deg);
transition: all 1.0s ease-out;
color: #d60d19!important;
}
.global-nav-list>li:hover a {
color: #d60d19;
}
/* トップ波 */
.shapedividers_com-4801{
overflow:hidden;
position:relative;
height:150px;
margin-top:-150px;
width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
}
.shapedividers_com-4801::before{
content:'';
font-family:'shape divider from ShapeDividers.com';
position: absolute;
z-index: 3;
pointer-events: none;
background-repeat: no-repeat;
bottom: -0.1vw;
left: -0.1vw;
right: -0.1vw;
top: -0.1vw;
background-size: 100% 90px;
background-position: 50% 100%; background-image: url('data:image/svg+xml;charset=utf8, ');
}
@media (min-width:2100px){
.shapedividers_com-4801::before{
background-size: 100% calc(2vw + 90px);
}
}
/* 下部共通トライアングル */
.shapedividers_com-3808{
overflow:hidden;
position:relative;
height:150px;
margin-bottom:-150px;
width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
}
.shapedividers_com-3808::before{
content:'';
font-family:'shape divider from ShapeDividers.com';
position: absolute;
z-index: 3;
pointer-events: none;
background-repeat: no-repeat;
bottom: -0.1vw;
left: -0.1vw;
right: -0.1vw;
top: -0.1vw;
background-size: 100% 90px;
background-position: 50% 0%; background-image: url('data:image/svg+xml;charset=utf8, ');
}
@media (min-width:2100px){
.shapedividers_com-3808::before{
background-size: 100% calc(2vw + 90px);
}
}
/* フッタースクエア */
.shapedividers_com-8047{
overflow:hidden;
position:relative;
height:100px;
margin-bottom:-100px;
}
.shapedividers_com-8047::before{
content:'';
font-family:'shape divider from ShapeDividers.com';
position: absolute;
z-index: 3;
pointer-events: none;
background-repeat: no-repeat;
bottom: -0.1vw;
left: -0.1vw;
right: -0.1vw;
top: -0.1vw;
background-size: 100% 90px;
background-position: 50% 0%; background-image: url('data:image/svg+xml;charset=utf8, ');
}
@media (min-width:2100px){
.shapedividers_com-8047::before{
background-size: 100% calc(2vw + 90px);
}
}
/* コピーライトカラー */
.site-footer-copyright{color:#FFFFFF;}
/* トップお知らせサムネイル */
.attachment-thumbnail{border-radius:50%;}
/* メインメニュー背景 */
.site-header{background:repeating-linear-gradient(
-45deg,
#CEE3FF,
#CEE3FF 1px,
#fff 0,
#fff 29px
);}
/* ページヘッダーギザギザ */
.shapedividers_com-6218{
overflow:hidden;
position:relative;
height:100px;
margin-top:-100px;
margin-bottom:20px;
width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
}
.shapedividers_com-6218::before{
content:'';
font-family:'shape divider from ShapeDividers.com';
position: absolute;
bottom: -1px;
left: -1px;
right: -1px;
top: -1px;
z-index: 3;
pointer-events: none;
background-repeat: no-repeat;
background-size: 134% 32px;
background-position: 50% 100%;
background-image: url('data:image/svg+xml;charset=utf8, ');
}
@media (min-width:768px){
.shapedividers_com-6218::before{
background-size: 124% 32px;
background-position: 50% 100%;
}
}
@media (min-width:1025px){
.shapedividers_com-6218::before{
bottom: -0.1vw;
left: -0.1vw;
right: -0.1vw;
top: -0.1vw;
background-size: 100% 37px;
background-position: 50% 100%;
}
}
@media (min-width:2100px){
.shapedividers_com-6218::before{
background-size: 100% calc(2vw + 37px);
}
}
/* ページヘッダー */
.page-header {
/* 文字色 */
color: #ffffff;
font-family: "Ryumin Bold KL", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", ;
background: no-repeat 50% center;
background-size: cover;
min-height: 50vh!important;
height:50vh;
background-attachment: fixed;
}
.page-header::before {
/* 背景画像に黒を被せる */
content: "";
position: absolute;
top: 0;
left: 0;
background-color: #000000;
opacity: 0.0;
width: 100%;
height: 100%;
}
.page-header-title{
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
display: inline;
font-size:clamp(1.5rem, 0.167rem + 2.78vw, 2.25rem)!important;
padding:0.5em 1.5em;
background-color: rgba(0,0,0,0.4);
border-radius:5px;
letter-spacing:0.2em;
line-height:70px!important;
font-family: "Ryumin Bold KL", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", ;
font-weight:900!important;
text-align:center;
margin-left:20px;
}
/* カテゴリヘッダー */
.category-information .page-header{
/* 文字色 */
color: #ffffff;
font-family: "Ryumin Bold KL", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", ;
background: url(https://ts-r.co.jp/wp-content/uploads/2024/08/megaphone-8724442_1280.jpg) no-repeat 50% center;
background-size: cover;
min-height: 50vh;
background-attachment: fixed;
}
/* ハンバーガーにMENU表示 */
.vk-mobile-nav-menu-btn {
text-indent: 2px;
font-size: 10px;
padding-top: 26px;
overflow: visible;
border: none;
background-position: top;
height: 40px;
}
.vk-mobile-nav-menu-btn.menu-open {
border: none;
}
.vk-mobile-nav {
padding-top: 50px;
}
/* モバイルメニュー背景色とテキストカラー */
.vk-mobile-nav.vk-mobile-nav-open{background-color:rgba( 0, 0, 0, 0.8 )!important;}
.vk-mobile-nav .widget_nav_menu ul li a, .vk-mobile-nav nav ul li a
{
color: #ffffff;
}
@media (max-width: 991px) {
.vk-menu-acc .acc-btn {background: var(--vk-menu-acc-icon-open-white-bg-src); border-color:white;}}
/* フッター上部ラインカラー */
.site-footer {position: relative;
border-top:#3461AC dashed 1px!important;}
.site-footer::before{
content: '';
position: absolute;
top: -3px;
width: 33.3%;
height: 3px;
background: #f98469;
}
.site-footer::after{
content: '';
position: absolute;
right: 0;
top: -3px;
width: 33.3%;
height: 3px;
background: #a4de32;
}
/* トップへ戻るボタン */
.page_top_btn {
right: 0;
bottom: 0;
width: 60px;
height: 60px;
border-radius: 50%;
background-color: #399cba;
box-shadow: none;
}
.page_top_btn:hover{background-color:#22b573}
/* 最近の投稿 */
.postList_thumbnail{border:0px!important}
/* サービス重なり */
.service1{padding:15px 30px; background-color:#2A4E8A; border-radius:15px 15px 15px 0px; position:relative; margin-left:-50px;}
@media (max-width:991px){
.service1{margin: 0px 10px;}