/*
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;}