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


 /*ヘッダー背景色*/
.site-header {
	background-color:#f0fff0 
}

/*コピーライト非表示*/
.site-footer-copyright p:nth-child(2) {
    display: none;
}

/* アイコンの下にメニューの文字を配置する（スクロールしていないとき） */
body:not(.header_scrolled) .global-nav-list>li .global-nav-name {
display: flex;
flex-direction: column;
align-items: center; /* 2025.12.27 Lightning 15.33 にアップデートしたときのアイコン位置が左寄せになったことの対策として追加 */
}

/* アイコンのスタイル（スクロールしていないとき） */
body:not(.header_scrolled) .global-nav-list>li .global-nav-name i {
font-size: 1.5em;
margin-right: 0;
margin-bottom: 0.5em;
color: var(--vk-color-primary);
}

/* 前の記事と次の記事を消す */
.next-prev{
display:none;
}

/* recaptchaのロゴを消す */
.grecaptcha-badge { visibility: hidden; }

/* 更新日を消す*/
.updated{
display: none;
}

/* 投稿者を消す*/
.entry-meta-item-author {
   display: none;
}

/* Contact Form7スマホ・タブレット用カスタマイズ */
@media (max-width: 850px) {
/* テーブルの見出しとフォーム */
  table.inquiry {
    width: 100%;
    table-layout: fixed; /* 列幅を強制的に調整 */
    word-wrap: break-word; /* 長い単語を折り返す */
  }

  table.inquiry th,
  table.inquiry td {
    display: block;
    padding: 10px !important;
    width: 100%;
    border: solid 1px #666666;
    box-sizing: border-box; /* 枠線込みで幅100% */
    white-space: normal !important; /* ← nowrap を解除 */
  }
}

/* 送信ボタン */
input.wpcf7-submit{
   margin-bottom:30px;
   width:100%;
}

/* 日付タグ上のテキストをPCとスマホで変更 */
@media(max-width:900px){
.pcdate{
   display: none;
}
}
@media(min-width:1000px){
.spdate{
   display: none;
}
/* 日付タグの幅を調整 */
.wpcf7-date.dateform{
   width: 25%;
}
}

/* Contact Form7全体カスタマイズ */

/* 自動入力されるPタグを無効にする */
.inquiry p {
   display: inline;
}

/*テーブル下に余白.枠線・テキストの行間 */
table.inquiry {
   margin-bottom: 30px;
   border:solid 0px #000000;
   line-height:1.2;
   vertical-align:middle;
}

/* テーブルの行 */
.inquiry tr {
   border:0px!important;
}

/* テーブルの見出し側 */
.inquiry th{
   text-align:left;
   font-size:14px;
   color:#444;
   padding:5px 0.5em;
   width:0;
   background:#efefef;
   border:solid 1px #000000;
   white-space: nowrap;
   vertical-align: middle;
}

/* 必須と任意タグ */
.haveto,.any{
   font-size:13px;
   padding:5px;
   background:#ff9393;
   color:#fff;
   border-radius:2px;
   margin-right:5px;
   font-weight:normal;
}

/* 任意タグの背景カラー */
.any{
   background:#93c9ff;
}

/* テーブルフォーム側 */
.inquiry td{
   font-size:15px;
   border:solid 1px #000000;
   border-collapse:collapse;
}

/* 入力エリア幅最大 */
.wpcf7-form-control {
   width: 100%;
}

/*郵便番号幅*/
.wpcf7-text.post-text {
	width:50%;
}

/* フォーム入力欄の余白・背景カラー・枠線消す指定 */
.inquiry input,.inquiry select,.inquiry textarea {
   margin: 5px 0;
   background:#eff1f5;
   border: none;
   padding:0.7em;
}
.inquiry textarea {
   padding-bottom:10em;
}

/* チェックボックスとラジオボタンの位置調整 */
.wpcf7-list-item-label,.wpcf7-checkbox,input[type=checkbox],input[type=radio]{
   vertical-align:middle;
}
.wpcf7-list-item-label{
   padding:0 5px 0 2px;
}
/*ラジオボタンを縦並び指定*/
.verticallist{
   display:inline-grid;
}

/*送信前の注意喚起文字を赤文字にする*/
.text-red {
    color: red;              /* 赤文字 */
    text-align: center;       /* 横方向の中央揃え */
    display: block;           /* ブロック要素にする */
    margin: 10px 0;           /* 上下に余白を追加（任意） */
}

/*承認チェック欄のテキスト配置*/
.accept-text {
    color: red;              /* 赤文字 */
    text-align: center;       /* 横方向の中央揃え */
    display: block;           /* ブロック要素にする */
}

/* 送信ボタンのデザイン */
.wpcf7-submit{
   display: block;
   margin:10px auto;
   padding:1em 0;
   width:100%;
   background:#09b555;
   color:#fff;
   font-size: 18px;
   font-weight:bold; 
   border-radius:5px;
   border: none;
}

/* 送信ボタンマウスホバー時 */
.wpcf7-submit:hover{
   opacity: 1;
   transition: 0.1s;
}

/* フォーム上部に表示されるエラーメッセージを非表示 */
.screen-reader-response {
    display: none;
}

/* フォーム内エラーメッセージを赤色に指定 */
.wpcf7-not-valid-tip {
    color: #e92323;
}

/* 問合せ送信後の文言を非表示*/
.wpcf7-form.sent .wpcf7-response-output {
  display: none;
}

/*モバイルナビボタン*/
.vk-mobile-nav-menu-btn,
.vk-mobile-nav-menu-btn.menu-open {
    background-size: 45%;
    border-radius: 50%;
    width: 55px;
    height: 55px;
    border-color: var(--vk-color-text-body);
    top: 15px;
    text-indent: 0;
    font-size: 12px;
    text-align: center;
    padding-top: 10px;
    background-position-y: 25px;
    letter-spacing: 0;
}
.vk-mobile-nav-menu-btn.position-right {
   right: 15pt;
   bottom: inherit;
   top: 49px;
}


#other-names-row {
  display: none;
}
#your-name-2,
#your-name-3,
#your-name-4 {
  display: none;
}

.vk-mobile-nav {
  background-color:rgba(0, 0, 0, 0.925);
}

.vk-mobile-nav nav ul li a {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}

.acc-btn.acc-btn-open {
   background-image: url('/wp-content/themes/lightning-child/icon/arrow1.png');
   background-repeat: no-repeat;
   background-size: contain;
   background-position: center;
   border: none;
}
.acc-btn.acc-btn-close {
   background-image: url('/wp-content/themes/lightning-child/icon/arrow1.png');
   background-repeat: no-repeat;
   background-size: contain;
   background-position: center;
   transform: rotateX(180deg);
   border: none;
}

@media (min-width:992px) and (max-width:1199.98px) {
   .site-header-container.container {
      display:block;      
  }
   body:not(.header_scrolled) .global-nav--layout--float-right {
      justify-content: center;
  }
   .site-header--layout--nav-float .site-header-logo {
      display: flex;
      justify-content: center;
  }
   .header_scrolled .site-header-logo {
      display: none;
}
}

.google_calendar iframe{
   width: 100%;
   height: 400px;
}

@media all and(min-width: 768px){
   .google_calendar iframe{
      height: 600px;
   }
}

/*Awesomeアイコンの下線を消す*/
.fa-solid::before{
   display: inline-block;
   text-decoration: none;
}