@charset "utf-8";
/*
Theme Name: Lightning custom - リリカルWPテンプレート
Theme URI: http://www.nanoha.com/
Template: lightning
Description: Lightningをカスタマイズするための子テーマ
Author: 春日野穹
Tags: 
Version: 0.0.1
*/

/* TODO: ここで特定ページ用のCSSをインポートするのは無駄なのでそのうちなんとかするかも */
@import url("page-links.css");

/* Topページ右カラム(Twitter)の幅拡大 */ 
div.col-md-3.col-md-offset-1.subSection.sideSection {
    padding-left: 0;
    padding-right: 0;
}

/* 最上部ヘッダ */
.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;
}
@media (min-width:992px) {
    .siteHeader .headerTop .container {
      padding: 0 15px
    }
    .headerTop {
      color: #666;
      background-color: #f9f9f9;
      margin-top: -7px;
      border-bottom: 1px solid #f3f3f3
    }
    .headerTop .container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      overflow: visible
    }
    .headerTop .headerTop_description {
      position: relative;
      top: 7px;
      display: block;
      margin: 0;
      padding: 7px 20px calc(7px + 7px) 0;
      width: 1000px;
      line-height: 1.4em
    }
    .headerTop nav {
      position: relative;
      top: 7px
    }
    .headerTop ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-top: 0;
      margin-top: 7px;
      margin-bottom: 7px
    }
    .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 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;
    }
    body.headerMenuOpen .headerTop {
        display: block;
    }
    .headerTop {
        margin-bottom: 20px;
    }
    .headerTop .container {
        padding: 0;
    }
    .headerTop ul {
        margin-bottom: 10px;
    }
    .headerTop ul a:active,
    .headerTop ul a:focus,
    .headerTop ul a:hover {
        background-color: rgba(255, 255, 255, .2);
        -webkit-transition: background-color .4s;
        transition: background-color .4s;
    }
    .headerTop .headerTop_tel {
        padding: 0 15px;
    }
    .headerTop .headerTop_tel_wrap {
        display: block;
        overflow: hidden;
        text-align: center;
        color: #999;
        margin-top: 15px;
    }
    .headerTop span.headerTop_tel_wrap {
        font-size: 1.4em;
    }
    .headerTop a.headerTop_tel_wrap {
        border-radius: 4px;
        padding: 6px 0;
        border: 1px solid #d43f3a;
        background-color: #d9534f;
        color: #fff;
    }
    .headerTop_contactBtn {
        text-align: center;
        padding: 0 15px;
    }
    .headerTop_contactBtn .btn {
        display: block;
    }
    .headerTop .container {
        width: 100%;
    }
}