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

@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@400;500&display=swap');
:root{
    --vk-color-text-link: #0f0f0f;
	--vk-color-accent-bg: rgba( 0,0,0,0.04 );
}
body ,html{
    font-size: 18px;
    font-family: 'Kiwi Maru', "ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    color: var(--vk-color-custom-1);
}
.home h2{
    color: #009900;
}
.site-header--layout--nav-float .site-header-logo{
    width: 30%;
}
.head_contact{
    width: 70%;
}
.head_contact ul{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    list-style: none;
}
    .head_contact ul li:nth-child(1){
        flex-basis: 310px;
    }
    .head_contact ul li:nth-child(2){
        flex-basis: 80px;
    }
    .head_contact ul p{
        display: inline-block;
        vertical-align: super;
        font-size: 1.6em;
        margin: 0 auto;
        line-height: 22px;
        text-align: right;
    }
    .head_contact ul p span{
        font-size: 0.6em;
    }

    .head_contact i{
        position: relative;
        vertical-align: bottom;
        margin: 0 10px 0 0;
        font-size: 35px;
    }
    .head_contact i::after{
        content: "";
        z-index: -1;
    }
    .head_contact i::before{
        position: absolute;
        margin: 0 auto;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
    }
    .head_contact .tel i::after{
        background: #98d1e5;
        border-radius: 50%;
        width: 55px;
        height: 55px;
        display: inline-block;
    }
    .head_contact .form i::after{
        background: #faafca;
        border-radius: 50%;
        width: 55px;
        height: 55px;
        display: inline-block;
    }

.lightning_swiper-container {
	position: relative;
}
.vk-menu-acc li{
    background: var(--vk-color-custom-4);
    margin: 0 10px 0 0;
}
.swiper-slide.item-3{
    background: url(/wp-content/themes/child/img/bg-slide-zisseki.jpg) no-repeat center / cover;
}
.ltg-slide-text-title{
    text-shadow: 2px 2px #FFF, -2px -2px 2px #fff, -2px 2px 2px #fff, 4px -2px 2px #FFF, 2px 0 2px #fff, -2px 0 2px #fff, 0 2px 2px #fff, 0 -2px 2px #fff
}
.global-nav-list>li .global-nav-name{
    font-size: 16px;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom,0px);
}

.bg-note{
    background: url(/wp-content/themes/child/img/bg-note.gif) repeat;
}
.bg-yellow{
    background: #FFFFE0;
	margin: 0 calc(50% - 50vw);
	padding: 4px calc(50vw - 50% + 8px);
	width: 100vw;
}

.site-footer{
    background:var(--vk-color-footer-bg);
}
#foot_fixed{
    position: fixed;
    display: flex;
    justify-content:space-between;
    z-index: 9999;
    bottom: 0;
    width: 100%;
    height: 50px;
    text-align: center;
}
    #foot_fixed #tel{
        background: #98d1e5;
        padding: 10px;
        flex-basis:50%;
        width: 50%;
    }
    #foot_fixed #contact{
        background: #faafca;
        padding: 10px;
        flex-basis:50%;
        width: 50%;
    }
nav .spbr, .menu .spbr{
    display: none;
}

@media (min-width: 992px){
    body:not(.header_scrolled) .global-nav--layout--float-right {
        justify-content: center;
    }
    #head_fixed{
      position: fixed;
      z-index: 9999;
      width: 40px;
      top: 10px;
      right: 0;
      line-height: 40px;
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
    }
    #head_fixed #company{
        background: #b7e29f;
        padding: 10px;
    }
    #head_fixed #contact{
        background: #faafca;
        padding: 10px;
    }
    .page_top_btn{
        bottom: 3%;
    }
    .spbr{
        display: none;
    }
}
@media (max-width: 1199.98px){
    .device-mobile .global-nav-list>li {
        padding: 14px 1.6em;
    }
}

@media (max-width: 991.98px){
    .lr-flex .is-layout-flex:nth-child(even){
        flex-direction: column-reverse;
    }


}


/* inner page */
.page .page-header{
    background: url(/wp-content/themes/child/img/bg-note.gif) repeat;
    color: #009900;
}
input[type=button]{
    font-size: 1rem;
    border: 1px solid var(--vk-color-text-meta);
    background-color: var(--vk-color-text-meta);
    color: #fff;
    padding: 0.5em 2em;
    border-radius: var(--vk-size-radius);
}

/* footer contact */
.contact-area .wp-block-column{
    border-radius: 10px;
}
.contact-area .wp-block-column strong,
.contact-area .wp-block-column strong{
    display: inline-block;
}
.contact-area iframe{
    margin: 0;
}



@media (max-width: 991px){
    .page_top_btn{
        bottom: 12%;
    }
}