@charset "utf-8";
/*
Theme Name: Lightning
Theme URI: Masaru Ebihara
Template: lightning
Description: 株式会社一葉堂薬品専用テーマ
Author: Masaru Ebihara
Tags: 
Version: 0.1.2
/*-------------------------------------------*/
/* フォントサイズ
/*-------------------------------------------*/
body {
    font-family: メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
    word-wrap: break-word;
    font-size: 15px;
}
/*-------------------------------------------*/
/* カラム幅調整
/*-------------------------------------------*/
@media (min-width: 768px) { .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { float: left; }
  .col-sm-12 { width: 100%; }
  .col-sm-11 { width: 91.66666667%; }
  .col-sm-10 { width: 83.33333333%; }
  .col-sm-9 { width: 75%; }
  .col-sm-8 { width: 66.66666667%; }
  .col-sm-7 { width: 58.33333333%; }
  .col-sm-6 { width: 50%; }
  .col-sm-5 { width: 41.66666667%; }
  .col-sm-4 { width: 33.33333333%; }
  .col-sm-3 { width: 25%; }
  .col-sm-2 { width: 16.66666667%; }
  .col-sm-1 { width: 8.33333333%; }
  .col-sm-pull-12 { right: 100%; }
  .col-sm-pull-11 { right: 91.66666667%; }
  .col-sm-pull-10 { right: 83.33333333%; }
  .col-sm-pull-9 { right: 75%; }
  .col-sm-pull-8 { right: 66.66666667%; }
  .col-sm-pull-7 { right: 58.33333333%; }
  .col-sm-pull-6 { right: 50%; }
  .col-sm-pull-5 { right: 41.66666667%; }
  .col-sm-pull-4 { right: 33.33333333%; }
  .col-sm-pull-3 { right: 25%; }
  .col-sm-pull-2 { right: 16.66666667%; }
  .col-sm-pull-1 { right: 8.33333333%; }
  .col-sm-pull-0 { right: auto; }
  .col-sm-push-12 { left: 100%; }
  .col-sm-push-11 { left: 91.66666667%; }
  .col-sm-push-10 { left: 83.33333333%; }
  .col-sm-push-9 { left: 75%; }
  .col-sm-push-8 { left: 66.66666667%; }
  .col-sm-push-7 { left: 58.33333333%; }
  .col-sm-push-6 { left: 50%; }
  .col-sm-push-5 { left: 41.66666667%; }
  .col-sm-push-4 { left: 33.33333333%; }
  .col-sm-push-3 { left: 25%; }
  .col-sm-push-2 { left: 16.66666667%; }
  .col-sm-push-1 { left: 8.33333333%; }
  .col-sm-push-0 { left: auto; }
  .col-sm-offset-12 { margin-left: 100%; }
  .col-sm-offset-11 { margin-left: 91.66666667%; }
  .col-sm-offset-10 { margin-left: 83.33333333%; }
  .col-sm-offset-9 { margin-left: 75%; }
  .col-sm-offset-8 { margin-left: 66.66666667%; }
  .col-sm-offset-7 { margin-left: 58.33333333%; }
  .col-sm-offset-6 { margin-left: 50%; }
  .col-sm-offset-5 { margin-left: 41.66666667%; }
  .col-sm-offset-4 { margin-left: 33.33333333%; }
  .col-sm-offset-3 { margin-left: 25%; }
  .col-sm-offset-2 { margin-left: 16.66666667%; }
  .col-sm-offset-1 { margin-left: 8.33333333%; }
  .col-sm-offset-0 { margin-left: 0; } }
@media (min-width: 992px) { .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { float: left; }
  .col-md-12 { width: 100%; }
  .col-md-11 { width: 91.66666667%; }
  .col-md-10 { width: 83.33333333%; }
  .col-md-9 { width: 75%; }
  .col-md-8 { width: 73.66666667%; }
  .col-md-7 { width: 58.33333333%; }
  .col-md-6 { width: 50%; }
  .col-md-5 { width: 41.66666667%; }
  .col-md-4 { width: 33.33333333%; }
  .col-md-3 { width: 25%; }
  .col-md-2 { width: 16.66666667%; }
  .col-md-1 { width: 8.33333333%; }
  .col-md-pull-12 { right: 100%; }
  .col-md-pull-11 { right: 91.66666667%; }
  .col-md-pull-10 { right: 83.33333333%; }
  .col-md-pull-9 { right: 75%; }
  .col-md-pull-8 { right: 66.66666667%; }
  .col-md-pull-7 { right: 58.33333333%; }
  .col-md-pull-6 { right: 50%; }
  .col-md-pull-5 { right: 41.66666667%; }
  .col-md-pull-4 { right: 33.33333333%; }
  .col-md-pull-3 { right: 25%; }
  .col-md-pull-2 { right: 16.66666667%; }
  .col-md-pull-1 { right: 8.33333333%; }
  .col-md-pull-0 { right: auto; }
  .col-md-push-12 { left: 100%; }
  .col-md-push-11 { left: 91.66666667%; }
  .col-md-push-10 { left: 83.33333333%; }
  .col-md-push-9 { left: 75%; }
  .col-md-push-8 { left: 66.66666667%; }
  .col-md-push-7 { left: 58.33333333%; }
  .col-md-push-6 { left: 50%; }
  .col-md-push-5 { left: 41.66666667%; }
  .col-md-push-4 { left: 33.33333333%; }
  .col-md-push-3 { left: 25%; }
  .col-md-push-2 { left: 16.66666667%; }
  .col-md-push-1 { left: 8.33333333%; }
  .col-md-push-0 { left: auto; }
  .col-md-offset-12 { margin-left: 100%; }
  .col-md-offset-11 { margin-left: 91.66666667%; }
  .col-md-offset-10 { margin-left: 83.33333333%; }
  .col-md-offset-9 { margin-left: 75%; }
  .col-md-offset-8 { margin-left: 66.66666667%; }
  .col-md-offset-7 { margin-left: 58.33333333%; }
  .col-md-offset-6 { margin-left: 50%; }
  .col-md-offset-5 { margin-left: 41.66666667%; }
  .col-md-offset-4 { margin-left: 33.33333333%; }
  .col-md-offset-3 { margin-left: 25%; }
  .col-md-offset-2 { margin-left: 16.66666667%; }
  .col-md-offset-1 { margin-left: 1.33333333%; }
  .col-md-offset-0 { margin-left: 0; } }
@media (min-width: 1200px) { .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 { float: left; }
  .col-lg-12 { width: 100%; }
  .col-lg-11 { width: 91.66666667%; }
  .col-lg-10 { width: 83.33333333%; }
  .col-lg-9 { width: 75%; }
  .col-lg-8 { width: 66.66666667%; }
  .col-lg-7 { width: 58.33333333%; }
  .col-lg-6 { width: 50%; }
  .col-lg-5 { width: 41.66666667%; }
  .col-lg-4 { width: 33.33333333%; }
  .col-lg-3 { width: 25%; }
  .col-lg-2 { width: 16.66666667%; }
  .col-lg-1 { width: 8.33333333%; }
  .col-lg-pull-12 { right: 100%; }
  .col-lg-pull-11 { right: 91.66666667%; }
  .col-lg-pull-10 { right: 83.33333333%; }
  .col-lg-pull-9 { right: 75%; }
  .col-lg-pull-8 { right: 66.66666667%; }
  .col-lg-pull-7 { right: 58.33333333%; }
  .col-lg-pull-6 { right: 50%; }
  .col-lg-pull-5 { right: 41.66666667%; }
  .col-lg-pull-4 { right: 33.33333333%; }
  .col-lg-pull-3 { right: 25%; }
  .col-lg-pull-2 { right: 16.66666667%; }
  .col-lg-pull-1 { right: 8.33333333%; }
  .col-lg-pull-0 { right: auto; }
  .col-lg-push-12 { left: 100%; }
  .col-lg-push-11 { left: 91.66666667%; }
  .col-lg-push-10 { left: 83.33333333%; }
  .col-lg-push-9 { left: 75%; }
  .col-lg-push-8 { left: 66.66666667%; }
  .col-lg-push-7 { left: 58.33333333%; }
  .col-lg-push-6 { left: 50%; }
  .col-lg-push-5 { left: 41.66666667%; }
  .col-lg-push-4 { left: 33.33333333%; }
  .col-lg-push-3 { left: 25%; }
  .col-lg-push-2 { left: 16.66666667%; }
  .col-lg-push-1 { left: 8.33333333%; }
  .col-lg-push-0 { left: auto; }
  .col-lg-offset-12 { margin-left: 100%; }
  .col-lg-offset-11 { margin-left: 91.66666667%; }
  .col-lg-offset-10 { margin-left: 83.33333333%; }
  .col-lg-offset-9 { margin-left: 75%; }
  .col-lg-offset-8 { margin-left: 66.66666667%; }
  .col-lg-offset-7 { margin-left: 58.33333333%; }
  .col-lg-offset-6 { margin-left: 50%; }
  .col-lg-offset-5 { margin-left: 41.66666667%; }
  .col-lg-offset-4 { margin-left: 33.33333333%; }
  .col-lg-offset-3 { margin-left: 25%; }
  .col-lg-offset-2 { margin-left: 16.66666667%; }
  .col-lg-offset-1 { margin-left: 8.33333333%; }
  .col-lg-offset-0 { margin-left: 0; } }
/*-------------------------------------------*/
/* ヘッダー調整
/*-------------------------------------------*/
.siteHeader { width: 100%; z-index: 1000; top: 0; background-color: #043f03; margin-bottom: 0; }
.siteHeader.navbar {background-image: url(images/bg/head-bg.jpg); background-repeat: no-repeat; border-radius: 0; }

/* Padding setting in ".container" because that header was get height js.
If set padding to header that js can't correct height. */
.siteHeader .container { padding-top: 5px; padding-bottom: 4px; }

.siteHeader_logo { height: auto; padding: 5px 0; margin: 0; font-size: 32px; line-height: 1.5em; }
.siteHeader_logo a { color: #333; }
.siteHeader_logo a:hover { text-decoration: none; color: #337ab7; }
.siteHeader_logo img { max-height: 40px; display: block; }

@media (max-width: 767px) { .siteHeader_logo { float: inherit; text-align: center; padding: 0 40px; }
  .siteHeader_logo img { display: block; margin: 0 auto; } }
@media (min-width: 768px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: 0; } }
@media (min-width: 992px) { .siteHeader .container { padding-top: 20px; padding-bottom: 18px; }
/*-------------------------------------------*/
/* ロゴサイズ変更
/*-------------------------------------------*/
  .siteHeader_logo img { max-height: 80px; } }
/*-------------------------------------------*/
/* 画像フォバー時の白指定および影指定
/*-------------------------------------------*/
a img {
     border:none;
     verticle-align:top;
     -webkit-transition: 0.9s ease-in-out;
     -moz-transition: 0.9s ease-in-out;
     -o-transition: 0.9s ease-in-out;
     transition: 0.9s ease-in-out;
     margin-top: 5px;
     display: inline-block; 
     box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.9);
}
a:hover img {
     opacity: 0.6;     /* 透過レベル */
     filter: alpha(opacity=60);
}
/*-------------------------------------------*/
/* 画像影
/*-------------------------------------------*/
.shadow {
    margin-top: 5px;
    display: inline-block; 
    box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8);
}
/*-------------------------------------------*/
/* タイトルタグ調整
/*-------------------------------------------*/
h2, .mainSection-title { background-image: url(images/bg/h2.png); background-repeat: repeat-x; background-color: #ffffff; padding: 14px 10px 10px; border-top: 1px solid #09090b; border-bottom: 1px solid #e9e9e9; }

h3, .subSection-title { background-image: url(images/bg/h2.png); background-repeat: repeat-x; background-color: #ffffff;padding: 14px 10px 10px; border-top: 0px solid #09090b; border-bottom: 1px solid #e9e9e9; }

h3:after, .subSection-title:after { content: "."; line-height: 0; display: block; overflow: hidden; position: absolute; bottom: -1px; width: 30%; border-bottom: 0px solid #337ab7; }

h4 { padding: 10px 15px 8px; background-color: #efefef; border-radius: 4px; }

h5 { padding: 7px 7px 3px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #f5f5f5; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {line-height: 1.0em;}
/*-------------------------------------------*/
/* h1ヘッダー調整
/*-------------------------------------------*/
.page-header_pageTitle, h1.page-header_pageTitle:first-child { color: #333; }
.page-header { background-image: url(/wp-content/themes/lightning_child/images/bg/h1-bg.jpg); background-repeat: repeat-x; background-color: #fff; }
/*-------------------------------------------*/
/* h4フォントサイズ
/*-------------------------------------------*/
h4, .h4 {
    font-size: 18px;
    position: relative;
}
/*-------------------------------------------*/
/* h5フォントサイズ
/*-------------------------------------------*/
h5, .h5 {
    font-size: 14px;
}
/*-------------------------------------------*/
/* グローバルナビアクティブアンカー下線太さ変更
/*-------------------------------------------*/
@media (min-width: 768px) { ul.gMenu { float: right; }
  ul.gMenu a { background-image: url(images/bg/navi.png); background-repeat: repeat; color: #ffffff;}
  ul.gMenu > li a:hover { color: #ffffff; background: none; }
  ul.gMenu > li a:hover .gMenu_description { color: #337ab7; }
  ul.gMenu > li > a { border-bottom: none; }
  ul.gMenu > li > a:hover:after, ul.gMenu > li.current-post-ancestor > a:after, ul.gMenu > li.current-menu-item > a:after, ul.gMenu > li.current-menu-parent > a:after, ul.gMenu > li.current-menu-ancestor > a:after, ul.gMenu > li.current_page_parent > a:after, ul.gMenu > li.current_page_ancestor > a:after { content: "."; line-height: 0; border-bottom: 3px solid #337ab7; bottom: 0px; display: block; overflow: hidden; position: absolute; width: 100%; left: 0; }
  ul.gMenu > li > ul.sub-menu li a:hover { background-color: #01274e; } }
/*-------------------------------------------*/
/* ボタンフォント色
/*-------------------------------------------*/
.btn-primary {
    color: #fff;
    margin: 10px 0px 0px 0px; 
}
/*-------------------------------------------*/
/* ボタンマージン
/*-------------------------------------------*/
.btn-group-lg>.btn, .btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
    margin: 10px 0px 0px 0px; 
}
/*-------------------------------------------*/
/* トップ背景画像紹介枠
/*-------------------------------------------*/
.topinner {
  padding: 20px 20px 10px 20px; 
  background: url(images/bg/top.jpg);
  background-position: center center;
  background-size: cover;
  color: #333;
}
/*-------------------------------------------*/
/* フッター上部問い合わせ
/*-------------------------------------------*/
.about_system {
	background: url(images/footer/about_system_bg.jpg) center top no-repeat;
}
.about_system .pc_inner {
    position: relative;
    height: 450px;
}
.about_system p {
    position: absolute;
    right: 98px;
    top: 150px;
}
.about_system .btn {
    position: absolute;
    right: 90px;
    bottom: 60px;
}
/*-------------------------------------------*/
/* スマホ非表示制御
/*-------------------------------------------*/
@media screen and (max-width: 460px){
.none {display:none}
/*-------------------------------------------*/
/* アンカーフォーカス枠非表示
/*-------------------------------------------*/
a:focus,
a:active,
a:focus-visible {
    outline: none;
}