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

/* スクロールしていないときにメニューを2行に分けて表示 */
body:not(.header_scrolled) .global-nav-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(8em, 1fr));
    width: 700px !important;
}
body:not(.header_scrolled) .vk-menu-acc li {
    margin-bottom: 5px;
}

/* PC 閲覧時のスタイル調整 */
body.device-pc:not(.header_scrolled) .global-nav-list>li>a {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

/* タブレット閲覧時のスタイル調整 */
body.device-mobile:not(.header_scrolled) .global-nav-list>li {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
body.device-mobile .global-nav-list>li {
    padding: 14px 1.2em;
}

/* Lightningの各種パーツを白黒に */
:root{
--vk-color-text-body: #fff;
--vk-color-text-link: #fff;
--vk-color-text-link-hover: #ff8c00;
--vk-color-text-meta: #fff;
--vk-color-primary: #000;
--vk-color-primary-dark: #fff;
--vk-color-primary-vivid: #ff8c00;
--vk-color-header-bg: #000;
--vk-color-accent-bg: #000;
--vk-color-border: #fff;
--vk-color-border-hr: #000;
}
 
/* ヘッダー・本文 */
body, html,
.site-header {
    background-color: #000;
}
 
/* 箇条書き・段落のリンク */
li a, p a {
    text-decoration-color: #fff;
}
 
/* 見出し2 */
h2 {
    border-top: 2px solid #fff;
    border-bottom: 1px solid #fff;
}
 
/* 見出し3・見出し4 */
.site-footer-title:after,
.sub-section-title:after,
h3:after {
    border-bottom: 1px solid #ff8c00;
}
 
/* 引用 */
blockquote {
    border: 1px solid #fff;
    border-radius: 5px;
    margin: 20px;
}
 
/* 表 */
table td, table th {
    border: 1px solid #fff;
}