/*
Theme Name: Lightning Child 
Theme URI: ★ テーマの公式サイトなどのURL（空欄でも可） ★
Template: lightning
Description: ★ テーマの説明（空欄でも可） ★
Author: ★ テーマ作成者の名前（空欄でも可） ★
Tags: 
Version: 0.5.1
*/

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

/* フォント指定 */
body {
  font-family: "Helvetica Neue", "Segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
}

/* ------------------------------------ */
/* ヘッダーの親コンテナの幅制限を解除   */
/* ------------------------------------ */
.siteHeader .container.siteHeadContainer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 100%;
  box-sizing: border-box;
  background-color: #fff;
  font-family: sans-serif, "Helvetica Neue", "Segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo";
  padding: 5px 0;
}

/* ------------------------------ */ 
/* ヘッダーロゴの設定   */ 
/* ------------------------------ */
.siteHeader_logo img {
  max-height: 68px;
  margin-left: 40px;
  padding: 0;
}

@media screen and (max-width: 991px) {
  .siteHeader_logo {
    text-align: center;
    width: 100%;
    margin: 0 auto;
  }

  .siteHeader_logo img {
    margin-left: 0;
    display: inline-block;
  }

  .navbar-header {
    width: 100%;
    display: flex;
    justify-content: center;
  }
}

/* ------------------------------ */ 
/* ヘッダーナビゲーションの設定   */ 
/* ------------------------------ */
.gMenu_outer {
  margin-left: auto;
  margin-right: 40px;
}

.gMenu > li > a,
.gMenu > li > a > strong.gMenu_name {
  font-size: 15px;
  color: #212121;
  font-weight: 410;
  text-decoration: none;
  transition: color 0.3s ease;
  display: inline-block;
}

/* ---------------------------------------- */ 
/* カタログダウンロードボタン設定(ヘッダー) */
/* ---------------------------------------- */
#menu-item-9583::before {
  border-bottom: none !important;
  content: none !important;
}
/* ボタンスタイル */
#menu-item-9583 > a {
  display: inline-block;
  margin-right: 0;
  padding: 8px 13px;
  text-decoration: none;
  color: #fff;
  white-space: nowrap;
  border: double;
  transition: all 0.3s ease;
  background-color: #cac6c6;
  border-radius: 30px 0 0 30px;
}

#menu-item-9583 > a:hover {
  opacity: 0.8;
}

/* フォント設定 */
#menu-item-9583 .gMenu_name {
  font-size: 13px;
  color: #fff;
}

/* スマホ表示（画面幅991px以下）で非表示 */
@media screen and (max-width: 991px) {
  #menu-item-9583 > a {
    display: none;
  }
}

/* ------------------------------------ */ 
/* 協力会社の皆様へボタン設定(ヘッダー) */
/* ------------------------------------ */
#menu-item-9584::before {
  border-bottom: none !important;
  content: none !important;
}

/* ボタンスタイル */
#menu-item-9584 > a {
  display: inline-block;
  margin-right: 0;
  padding: 8px 22px;
  text-decoration: none;
  color: #fff;
  white-space: nowrap;
  border: double;
  transition: all 0.3s ease;
  background-color: #cf2626;
  border-radius: 0 30px 30px 0;
}

#menu-item-9584 > a:hover {
  opacity: 0.8;
}

/* フォント設定 */
#menu-item-9584 .gMenu_name {
  font-size: 13px; 
  color: #fff;
}

/* スマホ表示（画面幅991px以下）で非表示 */
@media screen and (max-width: 991px) {
  #menu-item-9584 {
    display: none;
  }
}

/* -------------------------------- */ 
/* スクロール時のヘッダー固定       */
/* -------------------------------- */
.siteHeader {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

body {
  padding-top: 50px; /* ヘッダーの高さに合わせて調整 */
}

@media screen and (max-width: 991px) {
  .siteHeader {
    position: static;
    box-shadow: none;
  }

  body {
    padding-top: 0;
  }
}

/* ---------------------------------------- */ 
/* 固定ヘッダーの下に余白を確保             */
/* 協力会社の皆様へページパスワード入力画面 */
/* ---------------------------------------- */
/* パスワード入力フォームの上に余白を追加 */
.post-password-form {
  margin-top: 130px;   /* PC用の余白 */
  margin-bottom: 130px;
}

/* スマホのときは少し余白を減らす */
@media (max-width: 991px) {
  .post-password-form {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

/* -------------------------------- */ 
/* lightning標準のフッターを削除    */
/* -------------------------------- */
footer {
  display: none !important;
}