/* 龍道 静的版の追加CSS(スマホのメニュー・記事の読みやすさ) */

/* ---------- 静的化5:スマホのメニューを黒地・白い文字にする ---------- */
.vk-mobile-nav {
  background: #000 !important;
}
.vk-mobile-nav a,
.vk-mobile-nav .menu a,
.vk-mobile-nav .vk-menu-acc a {
  color: #f2f2f2 !important;
  background: transparent !important;
}
.vk-mobile-nav .menu li,
.vk-mobile-nav .vk-menu-acc li,
.vk-mobile-nav .menu > li > a {
  border-color: rgba(255, 255, 255, .35) !important;
}
.vk-mobile-nav .current-menu-item > a {
  color: #fff !important;
  font-weight: 600;
}
/* 開いているときの閉じるボタン:黒地の上で白い線に見えるよう反転する */
.vk-mobile-nav-menu-btn.menu-open {
  filter: invert(1);
}

/* ---------- 静的化7:記事とブログ一覧を暗い幕の上で読みやすくする ---------- */
body.single-post .main-section,
body.category .main-section,
body.category .sub-section,
body.single-post .sub-section {
  background: rgba(6, 4, 18, .87);
  border: 1px solid rgba(201, 168, 76, .45);
  border-radius: 10px;
  padding: 1.4rem 1.1rem;
}
body.category .sub-section,
body.single-post .sub-section {
  margin-top: 1.2rem;
}
body.single-post .entry-body,
body.single-post .entry-body p,
body.single-post .entry-body li {
  font-size: 17px;
  line-height: 1.9;
  color: #f4f4f4 !important;
}
body.single-post .entry-body p {
  margin: 0 0 1.4em;
}
body.single-post .entry-title {
  font-size: 26px;
  line-height: 1.5;
  color: #f4f4f4 !important;
}
body.single-post .entry-body h2 {
  font-size: 23px;
  line-height: 1.5;
  margin: 2.2em 0 .9em;
  padding: .5em 0 0;
}
body.single-post .entry-body h3 {
  font-size: 20px;
  line-height: 1.5;
}
body.single-post .entry-meta,
body.single-post .entry-meta * {
  font-size: 15px;
  color: #dcdcdc !important;
}
body.single-post .breadcrumb *,
body.category .breadcrumb * {
  font-size: 14px;
}
body.category .vk_post_title,
body.category .vk_post_title a {
  font-size: 19px;
  line-height: 1.6;
}
body.category .vk_post_excerpt,
body.category .sub-section li,
body.category .sub-section li a {
  font-size: 17px;
  line-height: 1.9;
  color: #f4f4f4 !important;
  opacity: 1 !important;
}
body.category .vk_post_date,
body.category .vk_post_date * {
  font-size: 15px;
  color: #dcdcdc !important;
}
body.category .vk_post_title a {
  color: #D4AF37 !important;
}
body.category .sub-section-title {
  font-size: 20px;
  color: #f4f4f4 !important;
}
@media (min-width: 768px) {
  body.single-post .entry-body,
  body.single-post .entry-body p,
  body.single-post .entry-body li {
    font-size: 18px;
  }
}