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

/* 全体のフォント
body, html {
    font-family: "Noto Serif JP","游明朝","Yu Mincho",YuMincho,"Hiragino Mincho Pro",serif;
}
*/

/* タイトル フォントサイズ */
h1 { font-size:20px; }

/* Google hidden privacy terms */
.grecaptcha-badge { visibility: hidden; }

/* Lightning Copyright 削除 */
.site-footer-copyright p:nth-child(2) {
    display:none;
}

/* 投稿者 非表示 */
.entry-meta-item-author { display: none; }

/* モバイルメニュー MENU文字表示*/
.vk-mobile-nav-menu-btn {
  text-indent: 2px;
  font-size: 9px;
  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;
}

/* ヘッダーバックアカラー */
.site-header {
    background-color: var(--wp--preset--color--vk-color-custom-1);
}

#site-header-container {
    background-color:var(--wp--preset--color--vk-color-custom-1);
}

/* メニュー文字色 */
.nav li a, nav li a {
    color: #fff;
}

/* フッター下線カラー */
.site-footer-title, .sub-section-title, h3:where(:not(.wp-block-post-title)) {
    border-bottom: 1px solid var(--wp--preset--color--vk-color-custom-1);
}

/* フッター下線30%->0% */
.site-footer-title:after, .sub-section-title:after, h3:where(:not(.wp-block-post-title)):after {
    width: 0%;
}

/* 投稿 次 前 */
.next-prev-next{
	text-align: right;
}

.next-prev-next p a::after {
    font: var(--fa-font-solid);
    content: '\f101';
	margin-left: .2rem;
    color: var(--vk-color-primary);
}

.next-prev-prev p a::before {
    font: var(--fa-font-solid);
    content: '\f100';
	margin-right: .2rem;
    color: var(--vk-color-primary);
}

/* サイド リンクカラー */
.sub-section {
    --vk-color-text-link: #250d00;
}

.menu-side_category-container li a::before {
    font: var(--fa-font-solid);
    content: '\f138';
	margin-right: .2rem;
	color: var(--wp--preset--color--vk-color-custom-1);
}

/* YourChannel Title */
.yrc-item-title a {
    font-size: 0.8em;
}

/*　Googleカレンダー埋め込み　*/
.google_cal iframe {
    width:100%;
    max-width:800px;
    height:600px;
}

@media (min-width: 750px) {
    .google_cal iframe {
        height:800px;
    }
}

/*****************************/
/* Contact form 7            */
/*****************************/
 /*　フォーム全体　*/
 #cf7-area {
     width: 100%;
     margin: 0 auto;
/*     font-family: “遊ゴシック”, ”ヒラギノ角ゴ”, ”メイリオ”, ”MS Pゴシック”, sans-serif; */
 }

 .cf7-item {
     display: flex;
     align-items: flex-start;
     justify-content: flex-start;
     margin: 0 0 1.75em;
 }

 .cf7-q {
    width: 30%;
     margin: 0 0 0 0px;
 }

 .cf7-q p {
     margin: 0 0 0 6px;
 }


 .cf7-a {
     width: 60%;
 }

.cf7-getitem{
     display: flex;
     align-items: flex-start;
     justify-content: flex-start;
     margin: 0;
    font-weight: bold;
    color : var(--wp--preset--color--vk-color-custom-5);
    font-size: 1.25rem;
}

.cf7-getitem p {
     margin: 0;
}

.cf7-getitem label {
    margin-bottom: 4px;
}

.cf7-gq {
     margin: 0 0 0 10px;
 }

.cf7-ga {
    width: 60%;
}

.cf7-ga input {
    font-size: 1.25rem;
    padding: 0;
    margin: 0 0 .5rem;
    width: 100%;
    color: var(--wp--preset--color--vk-color-custom-5);
    background-color: #fff;
 }

.cf7-hr {
    margin-bottom: 10px;
}

 /*　見出し　*/
 .form-heading {
     width: 100%;
     border-left: 1em solid var(--wp--preset--color--vk-color-custom-1);
     font-weight: bold;
     padding: 1em .8em;
     margin: 0 0 2em;
 }

 .form-heading p {
     margin: 0;
 }

#tel_required {
    display: inline-block;
}

#mail_required {
    display: none;
}
 /* 各項目共通 */
 #cf7-area label {
     font-weight: bold;
 }

 #cf7-area input[type=”text”],
 #cf7-area input[type=”email”],
 #cf7-area input[type=”tel”],
 #cf7-area textarea {
     background: #F0F8FF;
     width: 500px;
     margin-left: 10px;
 }

 #cf7-area input[type=”text”]:focus,
 #cf7-area input[type=”email”]:focus,
 #cf7-area input[type=”tel”]:focus,
 #cf7-area textarea:focus {
     background: #FFE4E1;
     border: 2px solid #FF1493;
     outline: 0;
 }

 #cf7-area input[type=”checkbox”],
 #cf7-area input[type=”radio”] {
     appearance: auto;
 }

 #cf7-area .wpcf7-list-item {
/*     display: block; */
 }

 #cf7-area textarea {
     height: 200px;
     padding: 0.625em 0.4375em;
 }

 .cf7-accept-check {
/*     text-align: center;
     margin: 50px auto; */
 }

 .cf7-submit {
     width: 40%;
/*     margin: 0 auto;
     text-align: center; */
 }

#cf7-area .wpcf7-submit:disabled {
    cursor: not-allowed;
    background-color: #999;
}

 #cf7-area input[type=”submit”] {
     width: 100%;
     background-color: #191970;
     color: #ffffff;
     border-radius: 5px;
     font-size: 1.2em;
     padding: 1em 10px;
 }

 #cf7-area input[type=”submit”]:hover {
     background-color: #ffffff;
     border: 2px solid #191970;
     color: #191970;
 }

 #cf7-area .cf7-a input:read-only {
     border: none;
}

#cf7-area .cf7-ga input:read-only {
     border: none;
}

 .cf7-btn {
     width: 40%;
     margin: 0 auto;
     text-align: center;
 }

 /*　必須ラベル　*/
 .cf7-req {
     font-size: .8em;
     padding: 0 6px;
     background: var(--wp--preset--color--vk-color-custom-1);
     color: #ffffff;
     margin-left: 10px;
     display: inline-block;
     border-radius: 6px;
 }

 @media screen and (max-width:768px) {
     .cf7-item {
         display: block;
     }

     #cf7-area label {
         display: block;
         margin-bottom: 10px;
     }

     .cf7-q {
         width: 100%;
         margin: 0;
     }

     .cf7-a {
         width: 100%;
     }

     #cf7-area input[type=”text”],
     #cf7-area input[type=”email”],
     #cf7-area input[type=”tel”],
     #cf7-area textarea {
         margin-left: 0;
     }

     .cf7-submit {
         width: 90%;
     }
 }

/* 送信後フォーム非表示 */
form.sent #cf7-area{
display:none;
}

/*送信前はメッセージを非表示*/
form #cf7-thanks {
    display:none;
}

/*送信後にメッセージを表示*/
form.sent #cf7-thanks {
    display:block;
}
#cf7-thanks .thanks {
    text-align:left;
    padding-left: 3em;
}

/***************************/
/* ここまで Contact form 7 */
/***************************/

/* 新着情報 */

ul.news_links{
    list-style: none;
    margin-top: 0px;
}

ul.news_links li{
    display: flex;
    padding: .5em 1em;
    border-bottom: #e4e4e4 1px solid;
    align-items: baseline;
    margin-top: 0px;
}

ul.news_links li a{
    color:#250d00;
}


ul.news_links li .date{
    width: 8rem;
    font-size: 1em;
    color: #250d00;
}

ul.news_links li .cat{
    margin-right: 8px;
    padding: 2px 5px 2px;
    border-radius: var(--vk-size-radius-sm);
    background-color: #efefef;
    font-size: 10px;
    line-height: 1;
    position: relative;
    top: -2px;
}

/**********************/
/* カテゴリカラー設定 */
/**********************/

 /* お知らせ */
ul.news_links li .news{
    background-color: #D1C8E3;
    font-size:.8rem;
}

 /* 昇段試験 */
ul.news_links li .dan{
    background-color: #7B835F;
    font-size:.8rem;
	color:#FFFFFF;
}

 /* 会報 */
ul.news_links li .newsletter{
    background-color: #f0908d;
    font-size:.8rem;
}

 /* 教室紹介 */
ul.news_links li .introduce{
    background-color: #e6b422;
    font-size:.8rem;
}


ul.news_links li a{
    width: calc(100% - 18rem);
}
@media screen and (max-width: 599px){
    ul.news_links li{
        flex-wrap: wrap;
    }
    ul.news_links li a{
        width: 100%;
        margin-top: 5px;
    }
}

/**********************/
/* 教室一覧           */
/**********************/

 /* テーブル */
.k-table {
    border: 1px solid var(--vk-color-primary);
    border-radius: 8px;
    padding: 8px 2px 8px 2px;
    table-layout: fixed;
}

.k-table table{
    border-collapse: collapse;
    border: 0px;
}

.k-table th, .k-table td {
    border: 0px;
    padding: 1px 2px 1px 2px;
}

.k-td1 {
    text-align: center;
    white-space: nowrap;
}

.k-td2{
/*     overflow-wrap: break-word; */
    word-break: keep-all;
}

/**********************/
/* 上伊那郡岳風会とは */
/**********************/

/* 見出し */
.about_ttl {
  font-weight: bold;
  background-color: var(--wp--preset--color--vk-color-custom-2);
  color: #fff;
  padding: 0.5em 1em calc(0.5em - 6px);
  position: relative;
}
.about_ttl::after {
  content: '';
  background-color: var(--wp--preset--color--vk-color-custom-2);
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: -6px;
  left: 0;
}

/* テーブル */
#henkaku table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 2px;
}

#henkaku table th {
	text-align: center;
	padding: .4rem;
}

#henkaku table td {
	padding:.4rem;
	vertical-align: top;
}

#henkaku .gt-nenn {
	width: 6rem;
	white-space: nowrap;
	background-color: #8f2e14;
	color: #fff;
}
#henkaku .gt-coll {
	width: 45%;
}

#henkaku .gt-bgcolor1 {
	background-color: #f6bfbc;
}
#henkaku .gt-bgcolor2 {
	background-color: #bad4f5;
}
#henkaku .gt-bgcolor3{
	background-color: #baf5da;
}

#henkaku .border1{
	border: 1px solid #f6bfbc;
}
#henkaku .border2{
	border:1px solid #bad4f5;
}