/*
Theme Name:lightning-child
Theme URI:
Template:lightning
Description:
Author:
*/




/*LIGHTNING 専用共通*/
.site-footer-copyright {
    display: none;
}

div#vk-mobile-nav-menu-btn {
    border: 0px;
    background-color: transparent;
}

div#vk-mobile-nav {
    width: 50%;
    border-bottom: 0px;
    background-color: #ffffffbf;
}

.vk-mobile-nav.vk-mobile-nav-right-in {
    left: 100%;
    top: 0;
}

.vk-mobile-nav.vk-mobile-nav-open.vk-mobile-nav-right-in {
    transition: all .3s ease-out;
    left: 50%;
}


.vk-mobile-nav nav>ul {
    border-top: 0px solid #ccc;
}

.vk-mobile-nav .widget_nav_menu ul li a, .vk-mobile-nav nav ul li a {
    color: #797979;
    border-bottom: 0px solid #ccc;
}


.vk-mobile-nav-menu-btn {
    background: url(https://www.kotoha-hoiku.jp/customimg/icon_mobimenu.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
        width: 27px;
    height: 17px;
    border-radius: 0px;
}

.site-header {
    position: fixed !important;
    animation: none !important;
    box-shadow: initial !important;
    background-color: #ffffff;
}

.container {
    max-width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    overflow: hidden;
}

.site-body {
    padding: 0px;
}


.site-header-logo {
    margin-top: 0px;
    margin-bottom: 0px;
    position: fixed;
    padding-top: 0px;
    margin-right: auto !important;
    margin-left: auto !important;
    display: block !important;
}

.site-header-logo img {
    max-height: 100%;
    max-width: 100%;
}



.global-nav-name {
    font-size: 12px !important;
    color: #8d8d8d;
    font-family: serif;
    letter-spacing: 1px;
}


.device-pc .global-nav-list>li>a {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.device-mobile .global-nav-list>li {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

nav#global-nav {
    position: absolute;
    left: 0px;
    right: 175px;
    margin: 0 auto;
}

.breadcrumb {
    display: none;
}

/*LIGHTNING G3.カスタムヘッダー*/
.g3_site_header_customcont{
    position: absolute;
    right: 0px;
}


.header_scrolled .site-header .global-nav {
    display: flex;
    justify-content: flex-end;
}



/*LIGHTNING フッター*/

.main-section {
    margin-bottom: 0px;
}

.site-footer-content {
    padding: 0px;
    margin: 0px;
    background-color: #98c3aa;
    position: relative;
}

.site-footer-content .widget_nav_menu>div>ul li a {
    border: 0px;
    color: white;
    padding-left: 0px;
    background-color: inherit;
}


/*LIGHTNING 下層ページ*/
.breadcrumb {
    display: none;
}

.page-header {
    display: none;
}


/*sightoriginのマージン0*/

.panel-grid.panel-has-style {
    margin-bottom: 0px !important;
}

.panel-grid.panel-no-style{
    margin-bottom: 0px !important;
}

.panel-grid-cell .so-panel {
    margin-bottom: 0px !important;
}

.row {
    margin-right: 0px;
    margin-left: 0px;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 0px;
    padding-left: 0px;
}

.widget {
    margin-bottom: 0px !important;
}


/*recaptchaのプライバシーマークを非表示(決まりのリンクを貼る注釈が必須)*/
.grecaptcha-badge { 
    visibility: hidden;
}

/*----------------------------------------------共通---------------------------------------------*/

#content{
    margin-bottom: 0px;
    overflow: hidden;
}

p{
    margin-bottom: 0px !important;
    text-align: justify;
    color: #808080;
    letter-spacing: 1px;
    font-family: sans-serif;
    font-size: 14px;
}

h1, h2, h3, h4, h5, h6{
    font-family: serif;
    color: #808080;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    font-weight: 300;
}

.bold{
    font-weight: 700;
}


.divlink{
    position: relative;
}

.divlink:hover{
    opacity: 0.8;
}

.divlink a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
}

.topandbottomcenter{
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%); /* Safari用 */
    transform: translateY(-50%);
}

.photodark{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #00000040;
}

.sep {
    border: 0;
    margin: 15px;
}

.text_center {
    text-align: center;
}

.object_center{
    margin-left: auto;
    margin-right: auto;
}


/*---------CNTACTFORM7----------*/
.wpcf7-form .wpcf7-text{
    border-radius: 0px;
    border-width: 0px;
    height: 40px;
    margin-bottom: 10px;
    color: gray;
}

.wpcf7-form textarea{
    border-radius: 0px;
    border-width: 0px;
    margin-bottom: 20px;
    color: gray;
}

.wpcf7-form select{
    border-radius: 0px;
    border-width: 0px;
    color: gray;
}

.row_center{
   margin-left: auto;
   margin-right: auto; 
}

input[type=submit]{
    border-radius: 0;
    border: 0;
}



/*---------Gallery----------*/
#gallery-2 img {
    border: 0px solid #cfcfcf !important;
}

#gallery-2 .gallery-item {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    width: 33.33333% !important;
}

.ilightbox-inner-toolbar {
    display: none;
}

.ilightbox-holder.metro-white {
    padding: 0px;
    box-shadow: none;
}

.gallery{
        max-width: initial;
}


/*color*/

a:hover{
    color: #7ccc9d;
}

.color_white{
    color: white !important;
}

.bg_color_white{
    background-color: white !important;
}

.border_color_white{
    border-color: white !important;
}

.bg_color_1{
    background-color: #7ccc9d !important;
}

.color_2{
    color: #f0a8a4 !important;
}


.color_3{
    color: #6cbbc9 !important;
}


.bg_color_3{
    background-color: #97d4c3 !important;
}


.bg_color_4{
    background-color: #f7f7f3 !important;
}


.frex_re{
    flex-direction: row-reverse;
}

.cleaboth{
    clear: both;
}

.displayno{
    display: none;
}

/*--------------------------------------------PC------------------------------------------------*/

/*----LIGHTNING ヘッダー---*/
.site-header {
    height: 260px;
}

.site-body {
    margin-top: 260px !important;
}

.site-header-logo {
    top: 93px;
    width: 150px !important;
    left: 130px;
}


.text_logo {
    text-align: center;
    font-size: 13px;
    margin-top: 4px;
    font-family: serif;
    color: #6e605ad1;
    display: block;
    position: relative;
    left: 6px;
    line-height: 21px;
}


nav#global-nav {
    top: 125px;
}

.device-pc .global-nav-list>li>a {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.device-mobile .global-nav-list>li {
    padding-left: 20px !important;
    padding-right: 20px !important;
}


.cont_buttom_header{
    position: absolute;
    height: 100%;
    width: 130px;
    right: 0;
}

.buttom_header {
    height: 50%;
}

.buttom_header p {
   color: white;
    font-size: 19px;
    letter-spacing: 0px;
    text-align: center;
    font-weight: 700;
    position: relative;
    top: 40px;
}

.buttom_header span {
    display: block;
    font-size: 14px;
    line-height: 14px;
}

.tel{
    display: none;
    background-color: #8ebc9b;
}

.nyuen{
    background-color: #ff9b9e;
}

.kyodo{
    background-color: #fbb849;
    
}


.st_bt{
    border: 1px solid #b8b8b8;
    width: fit-content;
    padding-top: 13px;
    padding-bottom: 10px;
    padding-left: 62px;
    padding-right: 30px;
    position: relative;
}

.st_bt p {
    color: gray;
    font-size: 17px;
    letter-spacing: 4px;
}


.line_st_bt {
    height: 1px;
    background-color: gray;
    width: 100px;
    position: absolute;
    left: -60px;
    top: 26px;
}

.arrow_st_bt{
    position: absolute;
    top: 13px;
    left: 32px;
}

.word_st_bt{
    width: fit-content;
    background-color: white;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    top: -15px;
    left: 47px;
}


.site-footer-content {
    padding-top: 50px;
    padding-left: 130px;
    padding-right: 130px;
    padding-bottom: 50px;
}



.box_copyrite {
    position: absolute;
    right: 0;
    bottom: 9px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.box_copyrite img {
    width: 182px;
    margin-bottom: 8px;
}

.box_copyrite p{
    color: white;
        font-size: 12px;
}

/*---------改行----------*/

.spkaigyo{
    display: none;
}

.sp640kaigyo{
    display: none;
}


/*---------下層ページ----------*/

.cont_page{
    position: relative;
}

.row_page{
    position: relative;
    width: 80%;
    max-width: 1440px;
    margin: 0 auto;
}

.cont_page_head{
    padding-bottom: 140px;
    position: relative;
}

.row_page_head{
    width: 80%;
    max-width: 1650px;
    margin: 0 auto;
    position: relative;
}


.box_text_pagetitle p {
    font-size: 54px;
    letter-spacing: 4px;
    font-family: serif;
        line-height: 54px;
}

.box_text_pagetitle h2 {
    font-size: 20px;
    position: relative;
    left: 5px;
}

/*---------テーブル----------*/
.cont_table {
    margin-top: 20px;
}

.cont_table table{
    margin-bottom: 10px;
}

table td {
    border: 1px solid #cacaca;
}

table th {
    border: 1px solid #a1a1a1;
}

.bg_cell_koumoku{
            background-color: #cacaca;
}

.bg_cell_koumoku2{
        background-color: #ffffff;
}

.bg_cell_koumoku3{
        background-color: #f6f6f6;
}

table p {
    color: #626262;
    text-align: center;
}

th p {
    color: white;
}

table span {
    font-size: 11px;
    margin-left: 3px;
    position: relative;
    top: -7px;
}



.buttom_ichiran {
}


.buttom_ichiran p{
    font-size: 13px;
    text-decoration: underline;
}


/*-----------------------------------------PC(1920px)-------------------------------------------*/

@media only screen
 and (max-width: 1920px) {
     
     
.site-header {
    height: 200px;
}

.site-body {
    margin-top: 200px !important;
}

.site-header-logo {
    top: 67px;
        width: 130px !important;
    left: 100px;
} 
     

nav#global-nav {
    top: 95px;
    right: 147px;
}
     
     
.cont_buttom_header {
    width: 100px;
}
     
     
.buttom_header p {
    font-size: 18px;
    top: 26px;
}
     
.device-mobile .global-nav-list>li {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
     
.site-footer-content {
    padding-left: 100px;
    padding-right: 100px;
}
     
.st_bt p {
    font-size: 16px;
}
     
     
/*---------下層ページ----------*/
     
     
.cont_page_head {
    padding-bottom: 124px;
    padding-top: 20px;
}
     
.box_text_pagetitle p {
    font-size: 48px;
    letter-spacing: 3px;
    line-height: 48px;
}
     
.box_text_pagetitle h2 {
    font-size: 17px;
}
     
.box_text_pagetitle {
    position: relative;
    left: 6px;
}
     
}



/*-----------------------------------------PC(1440px)-------------------------------------------*/

@media only screen
 and (max-width: 1440px) {
     
     
.site-header {
    height: 180px;
}
     
.site-body {
    margin-top: 180px !important;
}
     
.site-header-logo {
    top: 58px;
    left: 45px;
        width: 120px !important;
}
     
     .text_logo{
         font-size: 11px;
     }
     
     
.cont_buttom_header {
    width: 90px;
}
     
     
     
.buttom_header p {
    font-size: 16px;
    top: 18px;
}
     
nav#global-nav {
    top: 88px;
    right: 121px;
}
     
.device-mobile .global-nav-list>li {
    padding-left: 13px !important;
    padding-right: 0px !important;
}
     
.site-footer-content {
    padding-left: 90px;
    padding-right: 90px;
}
     
     
.st_bt {
    padding-top: 11px;
    padding-bottom: 7px;
    padding-left: 52px;
    padding-right: 19px;
}
     
 /*---------テーブル----------*/    
     
td p {
    font-size: 15px !important;
}
     
th p {
    font-size: 15px !important;
}
     
     
/*---------改行----------*/
     
     .pc1440kaigyo{
         display: none;
     }
     
     


     
}

/*-----------------------------------------ipad(横)---------------------------------------------*/

@media only screen
 and (max-width: 1152px) {
     

.site-header {
    height: 160px;
}
     
.site-body {
    margin-top: 160px !important;
}
     
.site-header-logo {
   top: 50px;
    left: 35px;
    width: 110px !important;
}
     

     
.buttom_header p {
    top: 21px;
    font-size: 15px;
    line-height: 18px;
}
     
nav#global-nav {
    top: 77px;
    right: 112px;
}
     
.st_bt {
    padding-top: 8px;
    padding-bottom: 6px;
    padding-left: 36px;
    padding-right: 9px;
}
     
.st_bt p {
    font-size: 15px;
}
     
.line_st_bt {
    width: 66px;
    left: -43px;
    top: 19px;
}
     
.arrow_st_bt {
    top: 6.5px;
    left: 17px;
     
}
     
.box_copyrite img {
    width: 153px;
}
     
     
/*---------下層ページ----------*/
.cont_page_head {
    padding-bottom: 110px;
    padding-top: 30px;
}
     
.box_text_pagetitle p {
    font-size: 40px;
    line-height: 41px;
}
     
     
     
/*---------テーブル----------*/     
table td, table th {
    padding: 5px 10px;
}
     
     
     
     

     
}


/*--------------------------------------------ipad(タテ)----------------------------------------*/

@media only screen
 and (max-width: 991px) {
     
     
.site-header {
    height: 85px;
}
     
.site-body {
    margin-top: 85px !important;
}
     
     
.site-footer-content {
    padding-bottom: 80px;
        padding-left: 10%;
    padding-right: 10%;
}
     
.site-header-logo {
   top: 24px;
    left: 33px;
    width: 112px !important;
}
     
.text_logo {
        font-size: 10px;
    margin-top: 2px;
     }
     
     
     .vk-mobile-nav-menu-btn.position-right {
    right: 27px;
    top: 32px;
}
     
     
.cont_buttom_header {
    width: 100%;
    display: flex;
    bottom: 0;
    position: fixed;
    height: 40px;
}

.tel {
    display: block;
}
     
.buttom_header {
    height: 100%;
    width: 33.3333%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.buttom_header p {
    top: 0px;
    font-size: 14px;
    line-height: 17px;
}  
     
.box_copyrite img {
    width: 133px;
}
     
     
.header_scrolled .site-header .global-nav {
    display: none;
}
     
.line_st_bt {
    top: 17.5px;
}
     
.word_st_bt {
    left: 17px;
}
     
.st_bt p {
    font-size: 13px;
    letter-spacing: 2px;
}
     
/*---------下層ページ----------*/
     
.cont_page_head {
    padding-bottom: 73px;
    padding-top: 40px;
}
     
.box_text_pagetitle p {
    font-size: 37px;
    line-height: 38px;
}
     
/*---------下層ページ----------*/
     
     .tabkaigyo_no{
         display: none;
     }
     
}


/*--------------------------------------------SP(640px)----------------------------------------*/

@media only screen
 and (max-width: 640px) {
     
.site-footer-content {
    padding-left: 8%;
    padding-right: 8%;
} 
     
     
/*---------改行----------*/


.sp640kaigyo{
    display: block;
}
     
/*---------テーブル----------*/    
td p {
    font-size: 14px !important;
    letter-spacing: 0;
    line-height: 21px;
}
     
th p {
    font-size: 14px !important;
}
     
}


/*------------------------------------------------SP-----------------------------------------------------*/

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    
    
.site-header {
    height: 70px;
}
     
.site-body {
    margin-top: 70px !important;
}    
    
.site-header-logo {
    top: 15px;
    left: 16px;
    width: 90px !important;
} 
    
.vk-mobile-nav-menu-btn.position-right {
    right: 8%;
    top: 27px;
}
    
.box_copyrite p {
    color: white;
    font-size: 10px;
}
    
.box_copyrite img {
    width: 118px;
    margin-bottom: 0px;
}
    
.buttom_header p {
    font-size: 13px;
}
    
.buttom_header span {
    font-size: 13px;
}
  
/*---------改行----------*/
.spkaigyo{
    display: block;
}

.spkaigyo_none{
    display: none;
}  
    
    
/*---------下層ページ----------*/
    .cont_page_head {
    padding-bottom: 59px;
    padding-top: 28px;
}
    
    .box_text_pagetitle p {
    font-size: 34px;
    line-height: 34px;
    letter-spacing: 2px;
}
    
    
    
}

/*---------------------------------------------SP(iphone5)--------------------------------------------------*/

@media screen and (max-width: 374px) {
    
}