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

/* Lightningのフッターの非表示化 */
.siteFooter .copySection p:nth-of-type(2) {
    display: none;
}

/* 全体の設定 */
body {
  background-color: #ffffff;
  font-family: 'M PLUS Rounded 1c', 'Hiragino Kaku Gothic ProN', 'Meiryo', sans-serif;
}

/* 全ページのパンくずを隠す */
.breadSection, .breadcrumb {
  display: none;
}

/* トップメニューの配色と文字設定 */
.gMenu .gMenu_name {
  color: #0f4c82;
  font-size: 1.25rem !important;
}
.gMenu li:hover .gMenu_name {
  color: #0071bc;
}

/* トップメニューの配置 */
.siteHeader .gMenu_outer {
  margin-left: auto;
}

/* ページID=2（ブランドページ）ではメニューを非表示 */
.page-id-2 .gMenu {
  display: none;
}

/* ロゴを上下中央に配置 */
.siteHeader .siteHeadContainer {
  display: flex;
  align-items: center;
  min-height: 50px;
}

/* 購入ボタンの設定 */
figure.buy_button01 {
  max-width: 350px;
  width: 80%;
}
figure.buy_button02 {
  max-width: 250px;
  width: 80%;
}
figure.buy_button01 a:hover img,
figure.buy_button02 a:hover img {
  filter: brightness(0.85);
  transition: filter 0.3s ease;
}

/* フッター部分の設定 */
.sectionBox {
  padding-top: 1em;
  padding-bottom: 0em;
}

/* ===== レスポンシブ設定 ===== */
/* スマホ用（画面幅768px以下） */
@media (max-width:768px){
/* ロゴを中央ぞろえにする */
 .siteHeader .siteHeadContainer {
   justify-content: center;
  }
/* ページID=2（ブランドページ）ではメニューを非表示 */
 .page-id-2 #vk-mobile-nav-menu-btn {
   display: none;
  }
/* 開閉後のドロワーも念のため非表示 */
 .page-id-2 .vk-mobile-nav {
   display: none;
  }	
/* 購入ボタンの設定 */ 
 figure.buy_button01 {
   width: 70%;
  }
 figure.buy_button02 {
   width: 45%;
  }
}