/*
Theme Name: Lightning Child
Template: lightning
Version: 0.6.1
*/

/* 標準のヘッダーを非表示 */
.site-header{
  display: none;
}

/* モバイルメニューを非表示 */
.vk-mobile-nav-menu-btn{
  display: none;
}

/* 独自のヘッダーを追従させる */
.my-sticky-header{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99999;
  background: #fff;
}

/* 固定ページのタイトル非表示 */
.page-header {
  display: none;
}

/* フッターのPowered by Lightning & VK All in One Expansion Unit を非表示 */
.site-footer .site-footer-copyright p:nth-of-type(2){
  display: none;
}

/* パンくずリスト非表示 */
.breadcrumb {
  display: none;
}

/* reCAPTCHAの表示を薄くする */
.grecaptcha-badge{
  opacity: 0.3;
}

/* 行動指針のアイコンの横幅 */
.feature-tiles{
  max-width: 700px;
  margin: 0 auto;
}

/* Contact Form 7の横幅 */
.cf7-wrap .wpcf7 {
  max-width: 600px; 
  margin: 0 auto;
}

/* Contact Form 7の「必須」の設定 */
.required{
  color: #fff;
  background: #e53935;
  font-size: 13px;
  padding: 0 4px;
  margin-left: 6px;
  border-radius: 2px;
}

/* Contact Form 7のラベルの設定 */
.wpcf7 label{
  font-size: 1.1rem;
  font-weight: bold;
}

/* Contact Form 7の入力欄の高さ */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"]{
  height: 40px;
}

/* Contact Form 7のボタンの設定 */
.wpcf7 .wpcf7-previous,
.wpcf7 .wpcf7-submit{
  font-size: 1rem; 
  font-weight: 600;
  padding: 0.5em 1rem;
  border-radius: 8px;
}

/* 2ボタンの間に余白を作る */
.wpcf7 .wpcf7-previous{
  margin-right: 16px;
}

/* 会社概要・募集要項の幅の設定 */
.text-section table tr td:first-child,
.text-section table tr th:first-child{
  width: 100px;
  white-space: nowrap;
}

/* 吹き出しの色の指定 */
.custom-bg-yellow .vk_borderBox_body {
    background-color: #fffcdb;
}

/* タブレット表示時（768px〜1024px） */
@media (min-width: 768px) and (max-width: 1024px){
  /* 見出しのフォントサイズ */
  .has-huge-font-size{
    font-size: 1.75rem !important;
  } 
	
  /* ヘッダー全体の高さ/余白を詰める */
  .my-sticky-header{
    padding: 4px;
  }

  /* ナビの文字サイズ調整 */
  .my-sticky-header .wp-block-navigation a{
    font-size: 14px;
    white-space: nowrap;
  }
  /* メニュー全体の位置調整 */
  .my-sticky-header .wp-block-navigation{
    margin-left: 20px;
  }
  /* メニューの並び・間隔調整 */
  .my-sticky-header .wp-block-navigation__container{
    flex-wrap: nowrap;
    gap: 6px;
  }
  /* 1項目ごとの横余白を詰める */
  .my-sticky-header .wp-block-navigation__container > li > a{
    padding: 6px 4px;
  }
	
  /* 文章ブロックの余白 */
 .text-section{
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  /* 地図の大きさ */
  .map-embed iframe{
    width: 90%;
    height: 400px;
  }

  /* 会社概要・募集要項の幅の設定 */
  .text-section table tr td:first-child,
  .text-section table tr th:first-child{
    width: 90px;
  }
}

/* スマホ表示時（768px以下） */
@media (max-width: 767px){
  /* トップ画像の高さ設定 */	
  .wp-block-cover {
    min-height: 190px !important;
  }

  /* 見出しのフォントサイズ */
  .has-huge-font-size{
    font-size: 1.7rem !important;
  } 

  /* フッターの設定 */
  .sp-center,
  .sp-tel-center{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  /* 電話番号ブロック */
  .sp-tel-center{
    justify-content: center !important;
  }

  /* 文章ブロックの余白 */
 .text-section{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  /* 行動指針の設定 */
  /* 親（3カラム） */
  .feature-tiles.wp-block-columns{
    width: fit-content;
    margin: 0 auto;
    justify-content: center !important;
    gap: 50px;
  }
  /* 各カラム */
  .feature-tiles .wp-block-column{
    flex: 0 0 auto !important;
    text-align: center;
  }
  /* アイコン */
  .feature-tiles .vk_icon_frame,
  .feature-tiles .vk_icon_border{
    width: 70px !important;
    height: 70px !important;
  }
  .feature-tiles .vk_icon_font{
    font-size: 34px !important;
  }

  /* 地図の大きさ */
  .map-embed iframe{
    width: 100%;
    height: 260px;
  }
	
  /* 会社概要・募集要項の幅の設定 */
  .text-section table tr td:first-child,
  .text-section table tr th:first-child{
    width: 50px;
  }
}

/* iPad mini 縦(768px)だけの例外対応：Lightningのモバイル判定対策 */
@media (width: 768px) {
  /* ブロックのカラムを横並びに */
  .wp-block-columns {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 1.5rem !important;
  }
  .wp-block-column {
    flex: 1 1 0 !important;
    min-width: 0 !important;
  }

  /* フッターがウィジェット（カラム）で縦積みになるのを防ぐ */
  .site-footer .wp-block-columns {
    flex-wrap: nowrap !important;
  }
}

/**************************************************/