/*
Theme Name: smart(Lightning版)
Theme URI:
Template: lightning
Description: s-mrt.jp用の無料版Lightning(G2)向け子テーマ。Lightning Pro用子テーマ「smart」からの移行版。
Author:
Tags:
Version: 1.0.0
*/

/* モバイル固定ナビ(#fixed_menu とは別の、画面下部固定バー)
   本番はLightning Pro本体のCSS(common.css)で提供されていたが、
   無料版Lightningには同等のスタイルが無いため、ここに移植した。 */
@media (min-width:992px){
	.mobile-fix-nav{display:none}
}
.mobile-fix-nav_add_menu_btn .vk-mobile-nav{padding-top:15px}
.mobile-fix-nav .customize-partial-edit-shortcut{position:relative;top:-35px;left:35px}
.mobile-fix-nav .vk-mobile-nav-menu-btn{position:relative;top:unset;left:unset;border:none;-webkit-box-shadow:none;box-shadow:none;background:0 0;text-indent:0;height:auto;width:auto}
.mobile-fix-nav_enable .vk-mobile-nav{height:calc(100% - 62px);-webkit-box-sizing:border-box;box-sizing:border-box}
.mobile-fix-nav{position:fixed;bottom:0;left:0;width:100%;z-index:100}
.mobile-fix-nav-top{display:block;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1)}
.mobile-fix-nav-top-padding-true{padding:10px}
.mobile-fix-nav .mobile-fix-nav-menu{margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box;height:62px;padding:12px 0 10px;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;z-index:9999999999;opacity:.9}
.mobile-fix-nav .mobile-fix-nav-menu li{margin:0;padding:0;vertical-align:middle;list-style-type:none;font-size:10px;line-height:1.3}
.mobile-fix-nav .mobile-fix-nav-menu li .menuBtn{position:unset;top:unset;z-index:unset;margin:0;padding:0}
.mobile-fix-nav .mobile-fix-nav-menu li .vk-mobile-nav-menu-btn,.mobile-fix-nav .mobile-fix-nav-menu li a{border:none;display:block;text-align:center;text-decoration:none;cursor:pointer}
.mobile-fix-nav .mobile-fix-nav-menu li .vk-mobile-nav-menu-btn i,.mobile-fix-nav .mobile-fix-nav-menu li .vk-mobile-nav-menu-btn svg,.mobile-fix-nav .mobile-fix-nav-menu li a i,.mobile-fix-nav .mobile-fix-nav-menu li a svg{font-size:22px;font-style:normal;margin-right:0}
.mobile-fix-nav .mobile-fix-nav-menu li .vk-mobile-nav-menu-btn .link-icon,.mobile-fix-nav .mobile-fix-nav-menu li a .link-icon{display:block;margin-bottom:4px}
.mobile-fix-nav_enable .page_top_btn{bottom:calc(62px + 10px);right:10px}
@media print{
	.mobile-fix-nav,.vk-mobile-nav,.vk-mobile-nav-menu-btn{display:none}
}

/* ヘッダー上部の説明文帯(#headerTop、キャッチフレーズ表示)
   本番はLightning Pro本体のCSS(common.css)で提供されていたが、
   無料版Lightningには同等のスタイル・カスタマイザー機能とも存在しないため、
   ここに移植した。デスクトップ幅(992px以上)でのみ表示される。 */
.headerTop{font-size:12px}
.headerTop .headerTop_contactBtn{z-index:100}
.headerTop .headerTop_contactBtn i,.headerTop .headerTop_contactBtn svg{margin-right:6px}
.headerTop .headerTop_contactBtn .btn{white-space:nowrap}
.headerTop li.headerTop_tel .headerTop_tel_wrap i,.headerTop li.headerTop_tel .headerTop_tel_wrap svg{margin-right:6px}
.headerTop .container{padding:0 15px}
.headerTop{color:#666;background-color:#f9f9f9;margin-top:-7px;border-bottom:1px solid rgba(0,0,0,.04)}
.headerTop .container{display:flex;overflow:visible}
.headerTop .headerTop_description{position:relative;top:7px;display:block;margin:0;padding:9px 20px calc(7px + 7px) 0;width:100%;line-height:1.4em}
.headerTop nav{position:relative;top:7px}
.headerTop ul{display:flex;flex-wrap:nowrap;margin-top:8px;margin-bottom:6px}
.headerTop ul>li{line-height:1.4em}
.headerTop ul>li>a,.headerTop ul>li>span{padding:0 15px;font-size:12px;white-space:nowrap;display:block}
.headerTop ul>li>a i,.headerTop ul>li>span i{margin:0 .4em}
.headerTop li a:hover{background:0 0}
.headerTop .headerTop_contactBtn{position:relative;top:7px}
.headerTop .headerTop_contactBtn a.btn{border-top-left-radius:0;border-top-right-radius:0;font-size:14px}
@media (max-width:991px){
	.headerTop_description{display:none}
	.headerTop{display:none}
}

/* ページヘッダー(下層ページのタイトル帯)の背景画像
   本番はカスタマイザーの「Lightning ページヘッダー設定」(vk_page_header[image_basic])で
   設定されていたが、無料版Lightningには対応するカスタマイザー機能が存在しないため、
   ここに固定で移植した。相対パスなので本番・テスト環境どちらでも同じ画像を参照する。 */
.page-header{background: url(/wp-content/uploads/2020/06/header-bg1.png) no-repeat 50% center;background-size: cover;}

/* フッターの罫線の色と、Copyright欄の構造(本番のLightning Proに合わせる)
   本番: リンクの下罫線 rgba(0,0,0,.05)、.copySection は上罫線1pxで、中身を縦に中央寄せ(flex)。
   無料版Lightning 15.x: 罫線の色が変数(--color-footer-border。既定は濃い)で、.copySection の上罫線は
   書き方が不完全で、実際には出ない。 */
.siteFooter .widget ul li a,
.siteFooter .widget_nav_menu ul li a{border-bottom-color:rgba(0,0,0,.05);box-shadow:0 1px 0 rgba(255,255,255,.7)}
.copySection{border-top:1px solid rgba(0,0,0,.05);display:flex;align-items:center;flex-direction:column}

/* サイドバー(最近の投稿など)の見出し・区切り線・記事タイトルの色と余白(本番のLightning Proに合わせる)
   本番: 見出しの下余白15px・下罫線 #ccc／記事の区切り線 #e5e5e5／記事タイトルの文字色 #544a44。
   無料版Lightning 15.x は、余白0・罫線は透明度つきの黒・文字色 #333。 */
.subSection-title{margin-bottom:15px;border-bottom-color:#ccc}
/* 最初の部品(最近の投稿)には、無料版が widget_postlist のクラスを付け、見出しの余白を0にする規則に当たる。本番は15px */
.widget.widget_postlist .subSection-title{margin-bottom:15px}
.media{border-bottom-color:#e5e5e5}
.subSection .media .media-heading{color:#544a44}

/* パンくずの先頭の家アイコン
   無料版は Font Awesome 6/7 の書き方(fa-solid fa-house)で出力するが、同梱の Font Awesome 5 には
   fa-solid が無く、アイコンが出ない。本番(fa fa-home)と同じ絵を、FA5の字形(\f015)で出す。 */
#panHome i.fa-house{display:inline-block;font-family:"Font Awesome 5 Free";font-weight:900;font-style:normal;font-variant:normal;line-height:1;text-rendering:auto;-webkit-font-smoothing:antialiased}
#panHome i.fa-house::before{content:"\f015"}

/* 記事の下の「前の記事／次の記事」のカード(postNextPrev)の余白(本番のLightning Proに合わせる)
   本番(旧VK Post Card): カード下の余白30px・本文の下の余り24px・タイトルの上余白24px・日付は包みなし(上余白5.5px)。
   無料版Lightning 15.x / 新しいVK Post Card: カード下0・余り16px・タイトルの下余白9.6px・日付はflexの枠に入る。
   一覧ページ(トップ等)のカードには影響させないよう、postNextPrev の中だけ。 */
.postNextPrev .vk_post{margin-bottom:30px}
.postNextPrev .vk_post .vk_post_body{padding-bottom:1.5em}
.postNextPrev .vk_post .vk_post_body .vk_post_title{margin-top:1.5em;margin-bottom:0}
/* スマホ幅:本番のタイトルは、文字が小さい(本番の実測:カード高さ119.14px・タイトルの上余白16.8px) */
@media (max-width:767px){
	.postNextPrev .vk_post{margin-bottom:15px}
	.postNextPrev .vk_post .vk_post_body .vk_post_title{font-size:.8em}
}
.postNextPrev .vk_post .vk_post_body .vk_post_dates{display:block}
.postNextPrev .vk_post .vk_post_body .vk_post_date{margin-top:5.5px}

/* 記事(投稿)のカテゴリのバッジと、記事の下の余白(本番のLightning Proに合わせる)
   本番: バッジ(.btn-xs)の下の内側余白4px(無料版は2px)。記事の下の余白は、記事本体0・記事末尾(entry-footer)2em
   (無料版は、どちらも3em)。記事本体の下余白0は、固定ページにも当てる(スマホ幅で、フッターの位置がずれるため。PC幅は、親の余白と重なって差が出ない)。 */
.entry-meta_items_term .btn.btn-xs{padding-bottom:4px}
article.entry-full{margin-bottom:0}
body.single-post .entry-full .entry-footer{margin-bottom:2em}

/* スマホ幅(767px以下)のフッターメニュー枠の上下の罫線(本番のLightning Proに合わせる)
   本番: 上下1px・rgba(0,0,0,.05)(枠の高さ2px)。無料版は罫線の書き方が不完全で、出ない。 */
@media (max-width:767px){
	.footerMenu{border-top:1px solid rgba(0,0,0,.05);border-bottom:1px solid rgba(0,0,0,.05)}
}

/* スマホ幅(767px以下)のサイドバーの記事タイトル(本番のLightning Proに合わせる)
   本番(実測 390px幅): 行の高さ1.3(18.2px)・下余白.5em(7px)。無料版: 1.4・.4em。PC幅は、すでに同じ。
   中間幅(768〜991px)は、まだ確認していない。 */
@media (max-width:767px){
	.subSection .media .media-heading{line-height:1.3;margin-bottom:.5em}
}

/* ---- 疑う目のサブエージェントの指摘(2026-10-23)を、本番の実測値で確かめて、足したもの ---- */

/* 見出しのフォント(本番のLightning Proの「フォント切替」。本番のインラインCSSと同じ)
   無料版には、この機能が無く、本文と同じ指定になる(Mac・iPhoneで、ヒラギノの種類が変わる)。 */
h1,h2,h3,h4,h5,h6,dt,.page-header_pageTitle,.mainSection-title,.subSection-title,.veu_leadTxt,.lead{font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,sans-serif}

/* 本文中の h3 の下罫線(本番 #ccc。無料版は rgba(0,0,0,.1)) */
h3{border-bottom-color:#ccc}

/* 記事のカテゴリ名リンクの文字色(本番 #006898。無料版は #464646) */
.entry-meta-dataList dd a{color:#006898}

/* お知らせ一覧・検索結果のスマホ幅(767px以下)の記事タイトル(本番のProの規則)
   無料版は、同じ規則のセレクターが綴りミス(.media-headding)で効かない。サイドバー(.subSection)は、別に指定済みなので、
   メイン側(.mainSection)だけに当てる。 */
@media (max-width:767px){
	.mainSection .media .media-body .media-heading{font-size:1.2em;line-height:1.3em;margin-bottom:.5em}
}

/* 実機のスマホ・タブレット(body に device-mobile が付く)用の、本番のProの規則(無料版には無い)
   ①下部固定ナビ(高さ62px)に、Copyright が隠れないよう、下に余白 ②ハンバーガーボタンを、常に表示 */
.device-mobile .copySection{padding-bottom:70px}
body.device-mobile .vk-mobile-nav-menu-btn{display:block}