@charset "utf-8";
a[href^="tel:"] {
    pointer-events: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー（最上部の帯部分）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#header_frame {
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー　＞　グローバルナビの固定（JS連携）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#header_fixed_zone {
    background-color: #fff;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
グローバルナビ（下段／親のスタイル）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#h_navi_main .inner {
    width: 100%;
    min-width: 1200px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#h_navi_main .logo {
    padding: 5px 30px 5px 60px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#h_navi_main .logo img {
    width: 143px;
}

#h_navi_main ul:not(.sub-menu) {
    width:calc(100% - 350px);
    min-width: 965px;
    max-width: 1110px;
}

#h_navi_main ul:not(.sub-menu) > li.home {
    display: none;
}

#h_navi_main ul:not(.sub-menu) > li.contact, #h_navi_main ul:not(.sub-menu) > li.recruit {
    flex-grow: 0;
    min-width: 150px;
}

#h_navi_main ul:not(.sub-menu) > li > a {
    padding: 29px 15px 28px;
    color: inherit;
    font-weight: bold;
}

#h_navi_main ul:not(.sub-menu) > li.blog > a {
    padding-right:20px;
}

#h_navi_main ul:not(.sub-menu) > li.contact > a, #h_navi_main ul:not(.sub-menu) > li.recruit > a {
    color: #fff;
}

#h_navi_main ul:not(.sub-menu) > li[class*='current'] > a, #h_navi_main ul:not(.sub-menu) > li > a:hover {
    background-color: #fff;
}

#h_navi_main ul:not(.sub-menu) > li.contact > a, #h_navi_main ul:not(.sub-menu) > li.contact > a:hover {
    background-color: #091027;
}

#h_navi_main ul:not(.sub-menu) > li.recruit > a, #h_navi_main ul:not(.sub-menu) > li.recruit > a:hover {
    background-color: #e95412;
}

#h_navi_main ul:not(.sub-menu) > li.contact > a:hover,
#h_navi_main ul:not(.sub-menu) > li.recruit > a:hover {
    opacity: .8;
}

#h_navi_main ul:not(.sub-menu) > li > a:after {
    content: "";
    display: block;
    width: calc(100% - 40px);
    height: 0;
    background: #000;
    position: absolute;
    left: 20px;
    bottom: 0;
    opacity: 0;
    transition: .3s;
}

#h_navi_main ul:not(.sub-menu) > li.contact > a:after,
#h_navi_main ul:not(.sub-menu) > li.recruit > a:after {
    display: none;
}

#h_navi_main ul:not(.sub-menu) > li[class*='current'] > a:after,
#h_navi_main ul:not(.sub-menu) > li > a:hover:after,
body[class*="works"] #h_navi_main ul:not(.sub-menu) > li.works > a:after,
body.category-blog #h_navi_main ul:not(.sub-menu) > li.blog > a:after{
    height: 5px;
    opacity: 1;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
グローバルナビ（下段／子のスタイル）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#h_navi_main ul.sub-menu {
    background-color: rgba(9, 16, 39, 0.90);
    top: 115px;
}

#h_navi_main ul.sub-menu:before {
    border-bottom-color: rgba(9, 16, 39, 0.90);
}

#h_navi_main li.recruit > ul.sub-menu{
    display:none!important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
固定ページ　＞　ローカルナビ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.child_navi a {
    background: #e0e4ee;
}

ul.child_navi a:hover,ul.child_navi li[class*=current] a {
    background-color: #091027;
	color: #fff;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
固定ページ　＞　工事実績ローカルナビ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body[class*="works"] .child_navi_wrap {
    background-color: #788ca5;
    border-radius: 5px;
    max-width: 1200px;
    padding: 10px 10px 10px 20px;
    margin:25px auto 0;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
}

body[class*="works"] .child_navi_wrap:before{
    content:"工事実績\Aカテゴリー";
    white-space: pre;
    font-size:16px;
    font-weight:bold;
    color:#fff;
    margin-right:20px;
}

body[class*="works"] ul.child_navi {
    width: calc(100% - 80px - 20px);
    margin: 0 auto;
    border-radius: 0;
}

body[class*="works"] ul.child_navi li:not(:last-child) {
    border-right: none;
    margin-right:5px;

}

body[class*="works"] ul.child_navi a {
    border-radius: 5px;
    padding: 11px 5px;
    background:#fff;
    font-size:16px;
}

body[class*="works"] ul.child_navi a:hover,
body[class*="works"] ul.child_navi li.current_page_item a {
    background-color: #091027;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用クラス＆タグ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 左寄せスタイル「.left_box_box」 */
.cmn_midashi_wrap.left_box {
    padding-top: 0;
}

.cmn_midashi_wrap.left_box h2 {
    font-size: 36px;
    padding: 0;
    margin: 0;
    text-align: left;
}

.cmn_midashi_wrap.left_box h2:before {
    bottom: auto;
    top: -20px;
    left: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター(ナビ)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#f_navi_wrap {
    background: transparent;
    padding-top: 0;
    padding-bottom: 50px;
}

div#f_navi_wrap .navi_a {
    position: relative;
}

div#f_navi_wrap .navi_a {
    background: #fff;
    padding: 45px 45px 0 45px;
}

div#f_navi_wrap .navi_a ul:not(.sub-menu){
    margin-bottom:-20px;
}

div#f_navi_wrap .navi_a ul:not(.sub-menu) > li:not(.home) {
    flex-grow: 1;
    margin-bottom:20px;
}

div#f_navi_wrap .navi_a ul:not(.sub-menu) > li > a {
    font-size: 16px;
}

div#f_navi_wrap ul.sub-menu li a {
    font-size: 15px;
}

div#f_navi_wrap .hdn {
    background: #fff;
    border-top: none;
    padding: 20px 45px 45px 45px;
    margin-top: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ul.cmn_post_list
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.cmn_post_list .li {
    border-right: 1px solid #ddd;
    padding: 0 30px;
}