@charset "utf-8";
/*
 * resposive.css は 991px 以下のデバイスへと反映されます。
 * 
 * ブレイクポイントは標準のLightningテーマおよびBootstrapの理念に基づき
 * sm: 576px　md: 768px　lg: 992px　xl: 1200px　となっているので、それに準じてください。
 * 
*/
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  General　全体的な設定
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* :root設定、bodyへの上書き、カラー変数設定など */
html {
  margin-top: unset !important;
}
.admin-bar #wpadminbar {
  visibility: hidden;
}
.admin-bar .vk-mobile-nav-menu-btn {
  top: 5px;
}
html, body {
  width: 100%!important;
  overflow-x: hidden!important;
  box-sizing: border-box!important;
/*   font-size: calc(var(--vk-size-text) * .875) */
  font-size: calc(var(--vk-size-text) );

}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Common 汎用パーツ系
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* 繰り返しボタン・見出し、余白設計など 汎用パーツへの上書き */
h2 {
  font-size: 1.7rem;
}
h3 {
  font-size: 1.4rem;
}
ul{
  margin-top: 0 !important;
}
/*見出し > 逆順テキストの調整*/
.is-style-af-heading-reverse .vk_heading_subtext {
  width: auto;
}
/*余白設定*/
.sp-gap-none{
  gap: 0;
}
.gap-4em {
  gap: 0;
}
.gap-3em {
  gap: 0;
}
.gap-2em {
  gap: 0;
}
/*スマホでは表示*/
.pc-hidden{
  display: block;
}
/* 青ボタン矢印・擬似要素 */
.has-background::after{
  filter: contrast(0) brightness(3);
  right: 10px;
  top:3px;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Header, Hamburger ヘッダーまわり・ハンバーガーナビ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
header#site-header {
  min-height: calc(44px + 5px + 5px);
  display: flex;
  align-items: center;
  top: unset;
}
.site-header {
  padding: 2em 1em;
}
/*ヘッダーロゴのサイズ*/
.site-header-logo img {
  max-height: 15px !important;
}
/*ハンバーガー*/
.vk-mobile-nav-menu-btn {
  background:url(../../../wp-content/themes/lightning/_g3/inc/vk-mobile-nav/package/images/vk-menu-btn-white.svg) center 50% no-repeat rgba(255,255,255,1);
}
.vk-mobile-nav-menu-btn.menu-open {
  background:url(../../../wp-content/themes/lightning/_g3/inc/vk-mobile-nav/package/images/vk-menu-close-white.svg) center 50% no-repeat rgba(255,255,255,1);
}
.vk-menu-acc .acc-btn {
  border: medium none !important;
  opacity: .5;
}
.vk-mobile-nav-menu-outer .vk-menu-acc .acc-btn {
  border: none;
  background-size: 2em;
  height: 100%;
  top: 0;
  right: 0;
  width: 44px;
  background-position: right .5em;
}
.vk-mobile-nav-menu-outer .vk-menu-acc a[href="#"] {
    pointer-events: none;
}
.vk-mobile-nav-menu-outer .vk-menu-acc a[href="#"]+span.acc-btn{
    width: 100%;
}
.vk-mobile-nav-menu-outer .vk-menu-acc span.acc-btn.acc-btn-close {
    height: 44px !important;
}
.vk-mobile-nav-menu-outer .vk-menu-acc span.acc-btn.acc-btn-close {
  height: 44px !important;
}
.mobile-fix-nav .mobile-fix-nav-menu {
  position: relative;
  z-index: 0;
}
.vk-mobile-nav-menu-btn {
  border: medium none !important;
}
.vk-mobile-nav-menu-btn.menu-open {
  border: medium none !important;
}
.vk-mobile-nav .acc-btn {
  border: medium none !important;
}
.vk-mobile-nav nav ul li a {
  text-decoration: none;
}
.mobile-fix-nav_enable .site-footer {
  padding-bottom: 60px !important;
}
.vk_accordion-trigger .vk_accordion-toggle-close::before, .vk_accordion-trigger .vk_accordion-toggle-open::before {
  right: 12px;
}
.vk-mobile-nav-menu-btn.position-right {
  right: 15px;
  border-radius: 50px;
  top: 15px;
}
.vk-mobile-nav-menu-btn {
  border: medium none !important;
  top: 15px;
  background-color: var(--vk-color-primary);
}
.vk-mobile-nav-menu-btn.menu-open {
  border: medium none !important;
  background-color: var(--vk-color-primary);
}
.vk-mobile-nav .acc-btn {
  border-style: none !important;
}
.vk-mobile-nav {
  padding-top: 15px !important;
  background-color: #faf7f4;
  border-bottom: medium none !important;
}
.vk-mobile-nav nav > ul {
  border-top: medium none !important;
}
.vk-mobile-nav nav ul li a {
  color: var(--vk-color-custom-1);
  border-bottom: 1px solid #ddd !important;
  text-decoration: none;
}
.vk-mobile-nav nav ul li a:hover {
  text-decoration: underline !important;
}
.vk-mobile-nav-menu-outer .vk-menu-acc .acc-btn {
    border: none;
    background-size: 2em;
    height: 100%;
    top: 0;
    right: 0;
    width: 44px;
    background-position: right .5em;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Footer フッターまわり
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* フッターウィジェット、フッターロゴ、コピーライト */
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Toppage トップページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */
/*FV*/
.fv{
  padding-left: 3em !important;
}
.fv .sp-fv-cp{
  padding: 0 !important;
}
.fv .sp-fv-cp figure{
  width: 85px;
}
.fv .sp-fv-cp .copy{
  font-size: 3rem !important;
}
/* プロフィール */
.top-profile-table tbody tr td{
	padding: 0.5em 0!important;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Pageheader, Breadcrumb 下層ページヘッダー・パンくずリスト
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* 下層ページのページヘッダー、パンクズ設定 */
.page-header .page-header-inner .page-header-subtext {
  font-size: 2.8rem;
}
.breadcrumb-list {
  padding: 15px !important;
}
ol.breadcrumb-list {
  white-space: normal;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Page 下層ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ページごと、パーツごとにコメントアウトで注釈を入れてください。 */
/*ファンクラブ >特典*/
.tokuten{
	gap: 0 !important;
}
.tokuten .wp-block-vk-blocks-gridcolcard-item{
  margin-bottom: 1.5em;
}
.tokuten .vk_gridcolcard_item_container{
	padding: 2em 1.5em !important;
}
/*ファンクラブ > テーブル*/
.table-basic th{
  padding: 1em 0 0 0!important;
  border-bottom: medium none !important;
}
.table-basic td{
  padding: 1em 0 !important;
  border-top: medium none !important;
}
/* ファンクラブ > テキスト */
.textbox-left{
	text-align:left;
}
/* プロフィール */
.profile_column{
	gap: 1em!important;
}
/* ファンクラブ */
.tokuten.vk_gridcolcard{
    gap: 1% 6%!important;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Archive　ブログ一覧ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Single　ブログ詳細ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  その他・追加機能
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */