/*
 Theme Name:   Twenty Seventeen Child
 Template:     twentyseventeen
 Version:      1.0
*/
/* ここから上を消すと正しく動作しなくなることがあります。
 * ( Erasing the elements above here might cause system issues. )
*/

/* TABLE OF CONTENTS:
 * 
 * 01 Theme custom ( どのサイズでも共通で適用されるスタイル )
 *    01.1 - Typography
 *    01.2 - Layout
 *    01.3 - Color
 *    01.4 - 追加パーツ
 *    01.5 - パンくずリスト
 *    01.6 - 記事ページ
 *    01.7 - CPT
 *    01.8 - アーカイブ
 * 02 Media Queries ( 特定のサイズで適用されるスタイル )
 *    02.1 - Mobile ( 768未満 )
 *    02.2 - Mobile ( 480px )
 *    02.3 - Tablet ( 768px )
 *    02.4 - Tablet ( 880px )
 *    02.5 - Desktop ( 1072px )
 *    02.6 - Desktop ( 1264px )
 * 03 Print ( 印刷時に適用されるスタイル )
 */

/* --------------------------------------------------------------------------------------------------------
   01 Theme custom
 *
 * どのサイズでも共通で適用されるスタイル
 *
-------------------------------------------------------------------------------------------------------- */


/* 01.1 Typography
------------------------------------------------------------
html[lang="ja"] body,
html[lang="ja"] button,
html[lang="ja"] input,
html[lang="ja"] select,
html[lang="ja"] textarea {
  font-family: "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
}

*/

a, .entry-content a, .entry-summary a, .comment-content a, .widget a, .site-footer .widget-area a, .posts-navigation a, .widget_authors a strong,
.entry-title a, .entry-meta a, .page-links a, .page-links a .page-number, .entry-footer a, .entry-footer .cat-links a, .entry-footer .tags-links a, .edit-link a, .post-navigation a, .logged-in-as a, .comment-navigation a, .comment-metadata a, .comment-metadata a.comment-edit-link, .comment-reply-link, a .nav-title, .pagination a, .comments-pagination a, .site-info a, .widget .widget-title a, .widget ul li a, .site-footer .widget-area ul li a, .site-footer .widget-area ul li a {
  text-decoration: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.entry-content a {
  text-decoration: underline;
}
a:focus,  a:hover, .entry-content a:focus, .entry-content a:hover, .entry-summary a:focus, .entry-summary a:hover, .comment-content a:focus, .comment-content a:hover, .widget a:focus, .widget a:hover, .site-footer .widget-area a:focus, .site-footer .widget-area a:hover, .posts-navigation a:focus, .posts-navigation a:hover, .comment-metadata a:focus, .comment-metadata a:hover, .comment-metadata a.comment-edit-link:focus, .comment-metadata a.comment-edit-link:hover, .comment-reply-link:focus, .comment-reply-link:hover, .widget_authors a:focus strong, .widget_authors a:hover strong, .entry-title a:focus, .entry-title a:hover, .entry-meta a:focus, .entry-meta a:hover, .page-links a:focus .page-number, .page-links a:hover .page-number, .entry-footer a:focus, .entry-footer a:hover, .entry-footer .cat-links a:focus, .entry-footer .cat-links a:hover, .entry-footer .tags-links a:focus, .entry-footer .tags-links a:hover, .post-navigation a:focus, .post-navigation a:hover, .pagination a:not(.prev):not(.next):focus, .pagination a:not(.prev):not(.next):hover, .comments-pagination a:not(.prev):not(.next):focus, .comments-pagination a:not(.prev):not(.next):hover, .logged-in-as a:focus, .logged-in-as a:hover, a:focus .nav-title, a:hover .nav-title, .edit-link a:focus, .edit-link a:hover, .site-info a:focus, .site-info a:hover, .widget .widget-title a:focus, .widget .widget-title a:hover, .widget ul li a:focus, .widget ul li a:hover {
  text-decoration: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.entry-content a img, .comment-content a img, .widget a img {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.entry-content a:hover img, .comment-content a:hover img, .widget a:hover img {
  filter: contrast(130%);
}

.box img {
  vertical-align: bottom;
}


/* 01.2 Layout
------------------------------------------------------------*/
    .wrap {
        max-width: calc(1000px + 6em);
    }
    .page-one-column .panel-content .wrap {
        max-width: calc(1000px + 6em);
        padding-top: 0;
    }

    .single-post:not(.has-sidebar) #primary, .page.page-one-column:not(.twentyseventeen-front-page) #primary, .archive.page-one-column:not(.has-sidebar) .page-header, .archive.page-one-column:not(.has-sidebar) #primary {
      max-width: 1000px;
    }

    .site-branding-any {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }
    .site-branding-any .site-logo {
      margin-right: auto;
    }
    .site-branding-any .site-logo img {
      max-height: 6vh;
      max-width: 40vw;
    }
    .site-branding-any .site-util {
      padding-left: 2em;
    }
    .site-branding-any .site-util img {
      max-height: 6vh;
    }

    .navigation-top {
      display: none;
      position: static;
    }

    .site-content {
        padding-top: 0;
        position: relative;
    }

    .site-main #mainImg {
      margin-right: calc( ( 50vw - 50% ) * -1 );
      margin-left: calc( ( 50vw - 50% ) * -1 );
      width: 100vw;
    }
    #mainImg {
      text-align: center;
      padding: 1em;
    }
    #mainImg img {
      max-width: 100%;
      width: auto;
      vertical-align: bottom;
    }

    .page-header {
        padding: 0;
    }
    .page-header .page-title {
        font-size: 2em;
        margin-bottom: 0;
        padding-bottom: 0.5em;
    }

    .site-main .outer {
      margin-right: calc( ( 50vw - 50% ) * -1 );
      margin-left: calc( ( 50vw - 50% ) * -1 );
      padding: 50px 4vw;
      width: 100vw;
    }
    .site-main .outer > .box {
      margin-right: auto;
      margin-left: auto;
      max-width: 1000px;
    }
    .box h1,
    .box h2,
    .box h3,
    .box h4,
    .box h5,
    .box h6 {
      margin-bottom: 0;
    }
    .box > *:not(:first-child),
    .box p {
      margin: 1em 0 0;
    }
    #mainImg ~ .wrap #primary,
    #mainImg ~ .wrap #secondary,
    #mainImg ~ .wrap .has-sidebar #primary,
    #mainImg ~ .wrap .has-sidebar #secondary {
      padding-top: 1rem;
    }

    /* ▼アーカイブ */
    .archive .site-main .page-header,
    .search .site-main .page-header {
      border-bottom: 2px solid #001683;
    }

    .archive .site-main .page-header h1,
    .search .site-main .page-header h1 {
      text-align: left;
    }

    .archive .site-main article,
    .search .site-main article {
        border-bottom: 1px dotted rgba(0, 0, 0, .2);
        padding-top: 3em;
    }

    .archive .site-main article:last-child,
    .search .site-main article:last-child {
        border-bottom: none;
    }

    .archive .site-main article:after,
    .search .site-main article:after {
        clear: both;
        content: "";
        display: block;
    }

    .archive .site-main article .entry-title,
    .search .site-main article .entry-title {
        font-size: 1.4em;
    }

    .archive .site-main article .link-more,
    .search .site-main article .link-more {
        text-align: right;
    }

    .archive .site-main article .link-more a,
    .search .site-main article .link-more a {
        background-color: #000;
        color: #fff;
        padding: 0.5em 1em;
        position: relative;
    }

    .archive #content .site-main article .link-more a:hover,
    .search #content .site-main article .link-more a:hover,
    .archive #content .site-main article .link-more a:focus,
    .search #content .site-main article .link-more a:focus {
        background-color: #666;
        color: #fff;
    }

    .archive .site-main article .link-more a:before,
    .search .site-main article .link-more a:before {
      display: inline;
    }

    .nav-links > * {
      height: 40px;
      vertical-align: middle;
      width: 40px;
    }
    
    .page-numbers {
      border: #333 solid 1px;
      border-radius: 2px;
      color: #333;
      padding: .5em;
      position: relative;
    }

    .page-numbers .icon {
        left: 30%;
        position: absolute;
        top: 30%;
    }

    .page-numbers.current {
      background: #767676;
      color: #fff;
    }
    
    a.page-numbers:hover {
      background-color: #ddd;
    }
    
    .prev.page-numbers, .next.page-numbers {
      padding: 0.35em 0.5em 0.4em;
    }


    /* 施工実績アーカイブ */
    body.category-works .site-main article .post-thumbnail,
    body.category-works .site-main article .post-thumbnail + .entry-content {
        float: none;
        width: unset;
    }
    body.category-works .site-main article .post-thumbnail a {
      display: block;
      border: 1px solid #ccc;
      overflow: hidden;
    }
    body.category-works .site-main article .post-thumbnail img {
      width: 100%;
      aspect-ratio: 5 / 3;
      object-fit: contain;
      object-position: center;
      transition: transform 0.3s;
      vertical-align: bottom;
    }
    body.category-works .site-main article .post-thumbnail a:hover img {
      transform: scale(1.1);
    }

    body.category-works .service_category span {
        background-color: #BB352B;
        color: #fff;
        display: inline-block;
        font-size: 0.8rem;
        margin-top: 0.5rem;
        padding: 0.25rem;
    }
    body.category-works .link-more a {
      background-image: linear-gradient(90deg, #171630 0%, #35346E 57%, #4C4B9D 100%);
      border-radius: 3rem;
      padding: .5em 3em .5em 2em !important;
      transition: filter .3s;
    }
    body.category-works .link-more a:after {
      content: "";
      display: block;
      width: 1em;
      border-bottom: 1px #FFF solid;
      border-right: 1px #FFF solid;
      position: absolute;
      right: 15px;
      top: 45%;
      transform: skewx(45deg);
      transition: filter 0.3s;
      aspect-ratio: 16 / 6;
    }
    body.category-works .link-more a:hover {
      filter: brightness(1.5);
    }
    body.category-works .link-more a:before {
      content: none;
    }

    /* ▲アーカイブ */

    /* ▼記事 */
    .single-post .entry-title {
      border-bottom: 2px #145583 dotted;
      padding-bottom: 0.2em;
      text-align: left;
    }
    .entry-meta {
      font-weight: normal;
    }
    .entry-footer {
      border-color: #ccc;
      margin-top: 1em;
      padding: 1em 0;
    }
    .entry-footer .edit-link a.post-edit-link {
    }
    .nav-previous {
      width: 50%;
      float: left;
    }

    .post-navigation .nav-next {
      float: right;
      margin-top: 0;
    }
.single-post #masthead {
    margin-bottom: 0;
}
    /* ▲記事 */
    
    #secondary {
      padding: 0 0 40px;
    }
    .has-sidebar #secondary .widget {
      padding-bottom: 1em;
    }

    .has-sidebar #secondary h3 {
        border-bottom: 2px solid #9b91d0;
        margin-bottom: 0.5em;
        background-size: 1em;
        color: #ffffff;
        padding: 0.5em 0.5em 0.2em;
        font-size: 1.3em;
        position: relative;
    }
.has-sidebar #secondary .s-serv-menu h3 {
    background-color: #145583;
}
.has-sidebar #secondary .s-blog h3 {
    background-color: #2d75a8;
}
.has-sidebar #secondary .widget-last h3 {
    background-color: #47478f;
}
.has-sidebar #secondary h3:after {
    content: "";
    position: absolute;
    width: 1.2em;
    height: 1.2em;
    right: 5px;
    background-image: url('data:image/svg+xml;base64,PCEtLT94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPy0tPgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+Cgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9Il94MzJfIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJ3aWR0aDogMTZweDsgaGVpZ2h0OiAxNnB4OyBvcGFjaXR5OiAxOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzRCNEI0Qjt9Cjwvc3R5bGU+CjxnPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTQ1My44MjIsMzAuNTA2SDExNS43MzZjLTMyLjExNiwwLTU4LjI0NiwyNi4xMzEtNTguMjQ2LDU4LjE3OGMwLDE2LjM0Myw2LjYxNiwzMS4zNDUsMTcuODksNDIuMDQ4CgkJbDIuNDYyLDI5LjM3bDEuMjM4LDE1LjA3MWwtMC44OTQtMS4wMTJjLTIyLjY3OSwyMC4xNzQtNDEuNzQ1LDQyLjEzNy01NS41MTYsNjMuOTA4Yy02Ljg3OCwxMC45MDItMTIuNDM2LDIxLjc3LTE2LjM3OCwzMi41MzQKCQlDMi4zNzMsMjgxLjM2MSwwLjAyMSwyOTIuMDUsMCwzMDIuNjkxYy0wLjA0MiwxMS4zNDIsMi45MDMsMjIuOTM5LDkuODg0LDMyLjU4OWM2Ljk0LDkuNjg1LDE3LjQyMywxNi42NjYsMjkuNjc0LDIwLjYyOAoJCWM0LjcxOCwxLjU0MSw5LjQ3OCwyLjExOSwxNC4xNDIsMi4xMTljMTEuNzQxLTAuMDc2LDIzLjIzNS0zLjQzMiwzNS41MzQtOC40NjFjMjEuNDA2LTguODg3LDQ1LjIzMi0yMy41NzIsNjkuOTc0LTQxLjIyMgoJCWMzNy4wMjYtMjYuNDY4LDc1LjcyNC01OS42MzYsMTA3LjA0Mi04OS43YzMuNDYtMy4zMjIsNi43ODItNi41ODMsMTAuMDQ5LTkuODE2Yy0xMS4wMTktNi4xMzYtMTguNTcyLTE3Ljc0Ni0xOC41ODYtMzEuMjIxCgkJYy0yNi41MywyNi44MzktNjIuMjE1LDU4LjkzNC05Ny4zOTgsODYuMDM0Yy0yMi4zNjksMTcuMjU4LTQ0LjU4NiwzMi41MzUtNjMuNzc2LDQzLjE4M2MtOS41ODEsNS4zMzEtMTguNCw5LjQ4Ni0yNS44NDksMTIuMTc1CgkJYy03LjQyOCwyLjcyNC0xMy41MDIsMy44NTItMTYuOTg5LDMuODFjLTEuNjk5LDAuMDA3LTIuNzQ1LTAuMjItMy4xOTktMC4zNzhjLTYuODAyLTIuMjc3LTEwLjAyOC01LjAwNy0xMi4wMzctNy43MzgKCQljLTEuOTY3LTIuNzcyLTMuMjA1LTYuMjk0LTMuMjQ2LTEyLjAwM2MtMC4wMTQtNS4yNTUsMS4yNjYtMTIuMTQxLDQuMTU0LTE5Ljk5NmM0LjI5Mi0xMS43OTYsMTIuMTA2LTI1LjY1LDIyLjc2MS0zOS44MTkKCQljNS45OTEtNy45ODYsMTIuOTQ1LTE2LjA2OCwyMC41NDYtMjQuMDU0bDEuNTc1LDE5LjEwOGw0Ljc4OCw1Ni45MTJsMC42MzItMC4zNWM5LjE1NS01LjA2OSwxOS4zMDEtMTEuNDExLDMwLjIxNy0xOC44NzQKCQlsLTUuNzAyLTY4Ljk1NmwtMS4xOTctMTQuM2wtNS4zODYtNjUuMzg2YzI5LjgzOCwwLDk1Ljg3MSwwLDE2NC4xODgsMHY1MC41ODNjMCwxMi4wNzIsOS43ODgsMjEuODQ2LDIxLjg1OSwyMS44NDYKCQljMTIuMDcxLDAsMjEuODY2LTkuNzc0LDIxLjg2Ni0yMS44NDZ2LTE0Ljc2MWMwLTguMzAyLDYuNzItMTUuMDA4LDE1LjAwMi0xNS4wMDhjOC4zMDIsMCwxNS4wMTUsNi43MDYsMTUuMDE1LDE1LjAwOHY2MC4yMTQKCQljMCwxNi41OTcsMTMuNDU0LDMwLjA1MiwzMC4wNTIsMzAuMDUyYzE2LjU5NywwLDMwLjA1Mi0xMy40NTQsMzAuMDUyLTMwLjA1MnYtOTYuMDM2YzI0LjkzNCwwLDQ1LjQ3MiwwLDU4LjUzNCwwTDQ0Mi4wNiwzOTQuMTU5CgkJYy0yLjYwNywzMS4wNjMtMjguNTI0LDU0LjkzOC01OS43MzIsNTQuOTM4SDE4OS40MWMtMzEuMTMxLDAtNTcuMTI1LTIzLjg3NC01OS42NTYtNTQuOTM4bC0yLjc1MS0zMi45NjhsLTEuMTk3LTE0LjI5MwoJCWMtMTEuMTk4LDYuNDgtMjEuNDgxLDExLjY5NC0zMS4yLDE1LjcwNGwwLjE0NCwxLjI3MmwyLjY3NiwzMi45NjJjMy45NDIsNDcuNDc0LDQ0LjM3Miw4NC42NTksOTEuOTg1LDg0LjY1OWgxOTIuOTE4CgkJYzQ3LjY4OCwwLDg4LjExOS0zNy4xODQsOTEuOTkyLTg0LjY1OWwyMi4yNTgtMjY4LjcxMUM1MDYuMzY3LDExNy41NTksNTEyLDEwMy42MTcsNTEyLDg4LjY4MwoJCUM1MTIsNTYuNjM3LDQ4NS45NDUsMzAuNTA2LDQ1My44MjIsMzAuNTA2eiBNMjcxLjc5Myw2NS44Mjd2NDQuMjQxYy03My41MzgsMC0xNDQuNDQ2LDAtMTcwLjM5MiwwCgkJYy02Ljg5OS00LjYyOS0xMS41MTQtMTIuNDQzLTExLjUxNC0yMS4zODVjMC0xNC4yMzEsMTEuNTQ4LTI1Ljc4LDI1Ljg0OS0yNS43OGgxNTYuMzUzCgkJQzI3MS45NDQsNjMuODY2LDI3MS43OTMsNjQuODI5LDI3MS43OTMsNjUuODI3eiBNNDY4LjA3NSwxMTAuMDY4Yy0xMi42NDksMC0zNC44NTMsMC02Mi40MzUsMFY2NS44MjcKCQljMC0wLjk5OC0wLjE1Mi0xLjk2MS0wLjI5Ni0yLjkyNGg0OC40NzljMTQuMjMxLDAsMjUuNzgsMTEuNTQ5LDI1Ljc4LDI1Ljc4QzQ3OS42MDMsOTcuNjUzLDQ3NS4wMDEsMTA1LjQzOSw0NjguMDc1LDExMC4wNjh6IiBzdHlsZT0iZmlsbDogcmdiKDI1NSwgMjU1LCAyNTUpOyI+PC9wYXRoPgo8L2c+Cjwvc3ZnPgo=');
    background-repeat: no-repeat;
}
    
    .has-sidebar #secondary .widget_archive select {
        height: 2em;
    }

    .has-sidebar #secondary ul {
        margin-left: 0;
    }

    .has-sidebar #secondary ul li,
    .has-sidebar #secondary ul li:last-child {
        border-bottom: 1px dotted #91b6d0;
        list-style: none;
        padding: 0.2em 0;
    }
    
/*
    .has-sidebar #secondary .s-serv-menu ul li {
        background-position: left center;
        background-repeat: no-repeat;
        padding-left: 1em;
    }
*/
    
    .has-sidebar #secondary a {
        color: #006bb6;
        display: block;
        padding: 0.7em 0;
    }


    #menu-footer_nav .bough {
      display: block;
      cursor: pointer;
      position: relative;
    }
    #menu-footer_nav .bough:after {
      font-family: "Font Awesome 5 free";
      font-weight: 900;
      content: "\f067";
      color: #fff;
      line-height: 1em;
      height: 1em;
      width: 1em;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      margin: auto 0;
    }
    #menu-footer_nav .bough.open:after {
      content: "\f068";
    }

    .site-info {
      text-align: center;
    }

    #f-bar {
      display: none;
    }
    
    .site-footer .widget-column.footer-widget-2 .widget_archive h3 {
      font-size: 16px;
      font-weight: normal;
    }
    .site-footer .widget-column.footer-widget-2 .widget_archive select {
      color: #333;
      height: 2em;
      text-shadow: none;
    }
    .site-footer .widget-column.footer-widget-2 .widget_archive select option {
      color: #333;
    }
    .site-footer .widget-column.footer-widget-2 ul {
      border-color: #e4e4e4;
    }
    .site-footer .widget-column.footer-widget-2 ul:nth-of-type(7) {
      margin-bottom: 2em;
    }
    .site-footer .widget-column.footer-widget-2 ul.groupsite li {
      margin-top: 1em;
    }
    .site-footer .widget-column.footer-widget-2 ul.groupsite li a {
      color: #907ebc !important;
    }
    .site-footer .widget-column.footer-widget-2 .textwidget a:hover {
      color: #d4d4d4;
      text-decoration: underline !important;
    }

    /* スマホのキャッシュ対応 */
    #secondary .pc-on {
      display: none;
    }
    #secondary .sp-on {
      display: block;
    }




/* 01.3 Color
------------------------------------------------------------*/
    body {
      background: #FFF;
    }
    body,
    h1,
    h2,
    h3 {
      color: #333;
    }


    body a {
      color: #000066;
      text-decoration: none !important;
    }
    body a:focus,
    body a:hover {
      color: #000066;
    }
    #content body a:focus,
    #content body a:hover {
      text-decoration: underline !important;
    }

    #menu-footer_nav a:focus,
    #menu-footer_nav a:hover {
        color: #FFF;
        text-decoration: underline !important;
    }

    .site-header {
      background: none;
    }
    .site-content-contain {
      background: none;
    }
    .site-footer {
      background: #333333;
    }
    .site-footer,
    .site-footer * {
      color: #FFF;
    }

    .navigation-top {
      background: #efefef;
      border-top: 1px #dbdbdb solid;
      border-bottom: 1px #dbdbdb solid;
    }
    #top-menu > li > a,
    #top-menu > li > span {
      color: #333;
      text-decoration: none;
    }
    #top-menu > li > a:hover,
    #top-menu > li > span:hover,
    #top-menu > li[class*="current-menu"] > a,
    #top-menu > li[class*="current-menu"] > span {
      background: rgba(0, 0, 0, 0.05);
      color: #8ab2ce;
      transition: all 0.2s;
    }
    #top-menu > li > a:before,
    #top-menu > li > span:before,
    #site-navigation:after {
      background: #dbdbdb;
    }
    #top-menu > li > a:after,
    #top-menu > li > span:after {
      color: #ffba00;
    }
    #top-menu span.parent + div {
      background: rgba(58 85 147 / 94%);
    }
    #top-menu span.parent + div * {
      color: #EFECE4;
    }
    #top-menu span.parent + div a:hover {
      text-decoration: underline !important;
    }

    #f-bar {
      background: #cccccc;
    }

    #mainImg {
      background-color: #e8e8e8;
    }

    div.outer.color1 {
      background-color: #efefef;
    }

    div.outer.color2 {
      background-color: #313753;
    }
    div.entry-content div.outer.color2:last-child,
    div.entry-content div.outer.color4 {
      background: -moz-linear-gradient(to bottom,#FFF,#FFC778 30%,#F89174);
      background: -webkit-linear-gradient(to bottom,#FFF,#FFC778 30%,#F89174);
      background: linear-gradient(to bottom,#cfcfff,#32347f 30%,#05050d);
    }
    div.outer.color2 *,
    div.outer.color4 *{
      color: #FFF;
    }

div.outer.color3 {
    background-color: #eceae5;
}


/* 01.4 追加パーツ
------------------------------------------------------------*/
    *[class*="col-"] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      margin: 0;
      padding: 0;
      width: 100%;
    }
    *[class*="col-"] > * {
      margin-top: 0.8em;
    }
    *[class*="col-"] > * *:last-child {
      margin-bottom: 0;
    }
    *[class*="col-1"] > * {
      width: 100%;
    }
    *[class*="col-2"] > * {
      margin-left: calc( 100% - 1px - ( 48% * 2 ) );
      width: 48%;
    }
    *[class*="col-3"] > * {
      margin-left: calc( ( 100% - 1px - ( 32% * 3 ) ) / 2 );
      width: 32%;
    }
    *[class*="col-4"] > * {
      margin-left: calc( ( 100% - 1px - ( 23.5% * 4 ) ) / 3 );
      width: 23.5%;
    }
    *[class*="col-5"] > * {
      margin-left: calc( ( 100% - 1px - ( 18.4% * 5 ) ) / 4 );
      width: 18.4%;
    }
    *[class*="col-2"] > *:nth-child(2n+1),
    *[class*="col-3"] > *:nth-child(3n+1),
    *[class*="col-4"] > *:nth-child(4n+1),
    *[class*="col-5"] > *:nth-child(5n+1) {
      margin-left: 0;
    }


/* 01.5 パンくずリスト
------------------------------------------------------------*/
body:not(.home) #content {
  padding-bottom: 40px !important;
}
#breadcrumb {
  bottom: 0;
  position: absolute;
  -ms-overflow-style: none;    /* IE, Edge 対応 */
  scrollbar-width: none;       /* Firefox 対応 */
}
#breadcrumb::-webkit-scrollbar {  /* Chrome, Safari 対応 */
  display:none;
}

.site-content-contain #breadcrumb{
  font-size: 14px;
  padding: 5px 4vw;
  width: 100%;
}
.has-sidebar .site-content #breadcrumb {
    background: none;
}

.site-content-contain #breadcrumb ol{
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
 
.site-content-contain #breadcrumb li,
.single.has-sidebar .site-content-contain #breadcrumb li{
  color: #333;
  display: inline;
  list-style: none;
  padding-right: 5px;
}

.site-content-contain #breadcrumb ol li + li:before {
  content: "＞";
  font-size: 0.9em;
  padding: 0 8px;
}

.site-content-contain #breadcrumb li a,
.single.has-sidebar .site-content-contain #breadcrumb li a{
  color: #333;
}


/* 01.6 記事ページ
------------------------------------------------------------*/
  /* 事例 */



/* 01.7 CPT
------------------------------------------------------------*/

  /* 価格 */
  .single-item_entry .entry-header {
    border-bottom: 1px #316745 solid;
    padding-bottom: 0 !important;
  }


  /* 作家 */
  .single-sakka_entry .entry-header {
    border-bottom: 1px #316745 solid;
    padding-bottom: 0 !important;
  }


  /* アーカイブ */
  #main .term_list {
    margin-top: 1em;
  }
  #main .term_list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #main .term_list ul li {
    list-style: none;
    margin-bottom: 0.8em;
    width: 48%;
  }
  #main .term_list ul li a {
    background: #EDEDED;
    display: block;
    border: 1px #DADADA solid;
    text-align: center;
    padding: 0.5em;
  }
  #main .term_list ul li a:hover {
    background: rgba( 49, 103, 69, 0.1 );
    -webkit-box-shadow: 0 10px 15px -5px rgba(0,0,0,0.15),0 0 5px rgba(0,0,0,0.1);
            box-shadow: 0 10px 15px -5px rgba(0,0,0,0.15),0 0 5px rgba(0,0,0,0.1);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }

  /* 01.9 安全パトロールブロック
------------------------------------------------------------*/
  .patrol-block {
  display: flex;
  gap: 48px;
  align-items: stretch;
  margin: 2em 0 0 !important;
  padding: 1.5rem;
  background: #fff;
  border-radius: 20px;
}

.patrol-text {
  width: 34%;
  padding: 20px 0 20px 6px;
}

.patrol-title {
  margin: 0 0 28px;
  color: #17194b;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0.04em;
  font-family: "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS PMincho", serif;
}

.patrol-lead {
  margin: 0 0 18px;
  color: #222;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.6;
}

.patrol-lead span {
  color: #d63a2f;
}

.patrol-desc {
  margin: 0;
  color: #333;
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
}

.patrol-imgs {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.patrol-img {
  overflow: hidden;
  border-radius: 8px;
}

.patrol-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.patrol-img-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 28px;
}


/* タブレット */
@media screen and (max-width: 1024px) {
  .patrol-block {
    gap: 32px;
  }

  .patrol-title {
    font-size: 34px;
  }

  .patrol-lead {
    font-size: 20px;
  }

  .patrol-desc {
    font-size: 15px;
  }
}

/* スマホ */
@media screen and (max-width: 767px) {
  .patrol-block {
    display: block;
    padding: 28px 20px;
    border-radius: 16px;
  }

  .patrol-text {
    width: 100%;
    padding: 0;
    margin-bottom: 28px;
    
  }

  .patrol-title {
    font-size: 1.5rem;
  }

  .patrol-title br {
    display: none;
  }

  .patrol-lead {
    margin-bottom: 14px;
    font-size: 18px;
  }

  .patrol-desc {
    font-size: 14px;
    line-height: 1.9;
  }

  .patrol-imgs {
    gap: 8px;
  }

  .patrol-img-row {
    gap: 8px;
  }
}
/* 01.8 アーカイブ
------------------------------------------------------------*/
.screen-reader-text {
  display: none;
}


/* --------------------------------------------------------------------------------------------------------
   02 Media Queries
 *
 * 特定のサイズで適用されるスタイル
 *
-------------------------------------------------------------------------------------------------------- */


/* 02.0 Mobile ( 768未満 )
------------------------------------------------------------*/
@media screen and (max-width: 767px) {


    .site-branding .branding {
      padding: 0 16px;
      line-height: 1.5em;
    }
    .site-branding .branding h1 {
      margin-bottom: 0.5em;
      font-size: 12px;
      font-size: 0.75rem;
    }


    /* SP 固定の問い合わせバナー */
    #masthead {
        padding-top: 55px;
    }
    #assist_nav {
        font-size: 3.2vw;
        position: fixed;
        top: 55px;
        left: 0;
        right: 0;
        width: 100vw;
        z-index: 99;
    }
    #assist_nav ul {
        margin: 0;
    }
    #assist_nav ul li {
        list-style: none;
    }
    #assist_nav > ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    #assist_nav > ul > li {
/*
        background: rgba(204,204,204,1);
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1)),to(rgba(204,204,204,1)));
        background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(204,204,204,1) 100%);
        background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(204,204,204,1) 100%);
*/
        border-bottom: 1px #c7c7c7 solid;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    #assist_nav > ul li.sp-mail {
      background: #181819;
        background: -webkit-linear-gradient(left, #5a5bad 0%,#25265e 47%,#181819 100%);
        background: linear-gradient(to right, #5a5bad 0%,#25265e 47%,#181819 100%);
      color: #FFF;
    }
    #assist_nav > ul li.sp-mail a {
        text-decoration: none;
        font-size: 1rem;
        color: #fff;
        padding-top: 13px;
        font-weight: bold;
    }
    #assist_nav > ul > li + li {
        border-left: 1px #c7c7c7 solid;
    }
    #assist_nav > ul > li > a,
    #assist_nav > ul > li > span {
        display: block;
        text-align: center;
        padding: 10px;
        cursor: pointer;
    }
    #assist_nav > ul > li > a img,
    #assist_nav > ul > li > span img {
        max-height: 35px;
        padding-right: 12px;
        vertical-align: bottom;
    }
    #assist_nav div.sbcontents {
        background: rgb(213, 213, 213);
        margin: 0 calc( ( 50vw - 50% ) * -1 );
        padding: 4vw;
        position: absolute;
        top: 60px;
        right: 0;
        left: 0;
    }

    #assist_nav > ul > li > span,
    #assist_nav > ul > li > a {
        position: relative;
        min-height: 55px;
    }
    #assist_nav > ul > li > span:after,
    #assist_nav > ul > li > a:after {
        font-family: "Font Awesome 5 free";
        font-weight: 900;
        content: "\f138";
        margin: auto 0;
        position: absolute;
        top: 0;
        right: 2px;
        bottom: 0;
        line-height: 1em;
        height: 1em;
        width: 1em;
        font-size: 1rem;
        color: #fff;
    }
    #assist_nav > ul > li.sp-tel {
        background: #5a5bad;
        background: -webkit-linear-gradient(left, #e5e6f7 0%,#5a5bad 47%,#5a5bad 100%);
        background: linear-gradient(to right, #e5e6f7 0%,#5a5bad 47%,#5a5bad 100%);
        color: #FFF;
    }
    #assist_nav ul ul.assist_nav_items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    #assist_nav ul ul.assist_nav_items li {
        text-align: center;
    }
    #assist_nav ul ul.assist_nav_items li:nth-of-type(1) {
        width: 100%;
    }
    #assist_nav ul ul.assist_nav_items li:nth-of-type(n+2) {
        margin-top: 1em;
        width: 48%;
    }


    /* CPT：価格 */
    .single-item_entry .entry-header {
      padding-top: 40px !important;
    }


    /* CPT：作家 */
    .single-sakka_entry .entry-header {
      padding-top: 40px !important;
    }


    /* CPT：アーカイブ */
    #main .term_list ul {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
    }

    #main .archive_item li {
        padding: 10px;
    }
    #main .archive_item .post-wrap .pict {
        float: left;
        width: 42%;
    }
    #main .archive_item .post-wrap .goods,
    #main .archive_item .post-wrap .price {
        margin-left: 48%;
    }
    #main .archive_item .post-wrap .goods {
        font-size: 1.2em;
    }


    /* フッターの文字サイズ */
    #text-17 .textwidget {
        font-size: 0.8em;
    }
    footer .site-info .copy {
        font-size: 0.7em;
    }

}/* End 02.0 max 767px */



/* 02.2 Mobile ( 480px )
------------------------------------------------------------*/
@media screen and (min-width: 30em) {

    .site-branding {
      padding-top: 0.5em;
      padding-bottom: 0.5em;
    }

}/* End 02.2 min 480px */



/* 02.3 Tablet ( 768px )
------------------------------------------------------------*/
@media screen and (min-width: 48em) {

    body {
      overflow-x: hidden;
    }

    /* SP 固定の問い合わせバナー */
    #assist_nav {
        display: none;
    }

    .site-branding {
      margin-bottom: 72px;
    }

    .site-branding-any .site-logo img ,
    .site-branding-any .site-util img {
      max-height: 100%;
    }

    .site-branding .branding {
      background-color: #transparent;
      margin-bottom: 8px;
      padding: 0 8px;
    }
    .site-branding .branding > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin-right: auto;
        margin-left: auto;
        max-width: 1000px;
    }
    .site-branding .branding > div > * {
      font-size: 0.9em;
      margin-bottom: 0;
    }
    .site-branding .branding > div > *:nth-child(n+2) {
      margin-left: 1em;
    }
    .site-branding .branding > div > .access a {
      background-color: #ff8c78;
      border-radius: 3px;
      color: #FFF;
      display: inline-block;
      padding: 2px 0.8em;
    }
    .site-branding .branding > div > .access a:before {
        font-family: "Font Awesome 5 free";
        font-weight: 900;
        content: "\f3c5";
        display: inline-block;
        margin-right: 0.5em;
    }

    .navigation-top {
      display: block;
    }
    .navigation-top .wrap {
      padding: 0;
    }
    #site-navigation {
      position: relative;
      z-index: 20;
    }
    #site-navigation:after {
      content: "";
      display: block;
      width: 1px;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
    }
    #top-menu {
      display: table;
      table-layout: fixed;
      width: 100%;
      max-width: 1040px;
      margin: 0 auto;
    }
    #top-menu a {
      font-weight: normal;
    }
    #top-menu > li {
      display: table-cell;
      list-style: none;
      text-align: center;
      vertical-align: middle;
    }
    #top-menu > li > a {
      display: block;
      padding: 20px 5px;
      position: relative;
    }
    #top-menu span.parent {
      cursor: pointer;
      display: block;
      padding: 20px 5px;
      position: relative;
    }
    #top-menu span.parent svg {
      position: absolute;
    width: 1em;
    height: 1em;
    right: 0;
    left: 0;
    margin: auto;
    bottom: -3.5em;
    font-size: 1.3em;
    color: #8ab2ce;
    }
    .sub-menu span svg {
      display: none;
    }
    #top-menu > li > a:before,
    #top-menu > li > span:before {
      content: "";
      display: block;
      width: 1px;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
    }
    #top-menu > li > a:after,
    #top-menu > li > span:after {
      content: attr(data-label);
      display: block;
      color: #8ab2ce;
      font-weight: bold;
    }
    #top-menu span.parent + div {
      display: none;
      text-align: left;
      padding: 1em;
      position: absolute;
      top: 100%;
      right: 0;
      left: 0;
      margin: 0 calc(((100vw - 100%) / 2) * -1);
    }
    #top-menu .sub-menu {
      display: none;
    }
    #top-menu span.parent + div .sub-menu {
      max-width: 1000px;
      margin: 0 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
    }
    #top-menu .sub-menu li {
      list-style: none;
      padding: 0.3em;
      width: 33%;
    }
    #top-menu .sub-menu li.has_child {
      width: 100%;
    }
    #top-menu .sub-menu li.has_child > a svg {
      display: none;
    }
    #top-menu .sub-menu li.has_child > ul.sub-menu {
      padding-left: 1em;
    }

    body.has-sidebar .site-main #mainImg {
      margin-right: 0;
      margin-left: 0;
      padding-right: 1em;
      padding-left: 1em;
      width: 100%;
    }
    
    .page-header .page-title,
    .single-post .entry-title {
      margin-top: 10px;
    }

    #secondary {
      padding: 1em 0 2em;
    }
    .site-footer {
      margin-top: 0;
      padding-bottom: 100px;
    }
    .site-footer .widget-area {
      padding-bottom: 0;
    }
    .site-footer .widget-column.footer-widget-1 .widget,
    .site-footer .widget-column.footer-widget-2 .widget {
      padding-bottom: 2rem;
    }
    .site-footer .widget-column.footer-widget-1 {
      float: right;
      width: 60%;
    }
    .site-footer .widget-column.footer-widget-2 {
      float: left;
      width: 37%;
    }
    .site-footer .widget-column.footer-widget-2 .widget_custom_html {
      border: 1px #0097a5 solid;
      padding-top: 1.5rem;
      padding-right: 1.5rem;
      padding-left: 1.5rem;
    }
    .site-footer .widget-column.footer-widget-2 .widget_custom_html .custom-html-widget *:last-child {
      margin-bottom: 0;
    }

    #menu-footer_nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
    }

    #menu-footer_nav > li {
      border: none;
      margin-left: 10px;
      padding-top: 0;
      padding-bottom: 2em;
    }
    #menu-footer_nav .bough {
      cursor: default;
      font-size: 1rem;
      margin-bottom: 0.5em;
    }
    #menu-footer_nav .bough {
      display: none;
    }
    #menu-footer_nav .bough:after {
      content: none;
    }
    #menu-footer_nav .bough + ul {
      border-left: 1px rgba( 255, 255, 255, 0.2 ) solid;
    }
    #menu-footer_nav .bough + ul li {
      padding-left: 1em;
    }

    .site-info {
      float: none;
      width: 100%;
    }

    #f-bar {
      display: block;
      height: 100px;
      position: fixed;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 99;
    }
    #f-bar > div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      height: 100%;
      max-width: 1000px;
      margin: 0 auto;
    }
    #f-bar > div > div {
      padding: 0 1em;
    }
    #f-bar img {
      max-height: 80px;
    }
    #f-bar > div > div.image {
      align-self: end;
    }
    #f-bar > div > div.image img {
      max-height: 154px;
      vertical-align: bottom;
    }

    /* パンくず */
    body:not(.home) #content {
      padding-bottom: 0 !important;
    }
    #breadcrumb {
      bottom: auto;
      position: static;
      overflow: visible;
    }
    .site-content-contain #breadcrumb {
        height: auto;
        position: relative;
        overflow: auto;
        z-index: 1;
    }
    .single .site-content-contain #breadcrumb li,
    .paint-apartment .site-content-contain #breadcrumb li,
    .paint-factory .site-content-contain #breadcrumb li,
    .paint-medical .site-content-contain #breadcrumb li,
    .paint-commercial .site-content-contain #breadcrumb li,
    .paint-public .site-content-contain #breadcrumb li,
    .paint-house .site-content-contain #breadcrumb li,
    .scaffold-apartment .site-content-contain #breadcrumb li,
    .scaffold-factory .site-content-contain #breadcrumb li,
    .scaffold-medical .site-content-contain #breadcrumb li,
    .scaffold-commercial .site-content-contain #breadcrumb li,
    .scaffold-public .site-content-contain #breadcrumb li,
    .scaffold-bridge .site-content-contain #breadcrumb li,
    .scaffold-house .site-content-contain #breadcrumb li,
    .scaffold-house .site-content-contain #breadcrumb li,
    .grand-stage .site-content-contain #breadcrumb li {
      color: #333;
    }
    .single .site-content-contain #breadcrumb li a,
    .paint-apartment .site-content-contain #breadcrumb li a,
    .paint-factory .site-content-contain #breadcrumb li a,
    .paint-medical .site-content-contain #breadcrumb li a,
    .paint-commercial .site-content-contain #breadcrumb li a,
    .paint-public .site-content-contain #breadcrumb li a,
    .paint-house .site-content-contain #breadcrumb li a,
    .scaffold-apartment .site-content-contain #breadcrumb li a,
    .scaffold-factory .site-content-contain #breadcrumb li a,
    .scaffold-medical .site-content-contain #breadcrumb li a,
    .scaffold-commercial .site-content-contain #breadcrumb li a,
    .scaffold-public .site-content-contain #breadcrumb li a,
    .scaffold-bridge .site-content-contain #breadcrumb li a,
    .scaffold-house .site-content-contain #breadcrumb li a,
    .grand-stage .site-content-contain #breadcrumb li a {
      color: #333;
    }
    .page:not(.page-id-716) .site-content-contain #primary, /* トップページを除く固定ページ全て */
    .single .site-content-contain #primary {
      margin-top: -35px;
      position: relative;
    }
    .single.has-sidebar .site-content-contain #primary {
      margin-top: 0;
    }

    /* パンくず終わり */

    body:not(.has-sidebar) .site-main .outer {
      padding: 100px 3em;
    }
    body.has-sidebar .site-main .outer {
      margin-right: 0;
      margin-left: 0;
      padding: 50px 0;
      width: 100%;
    }
    body.has-sidebar .site-main .outer[class*="color"] {
      padding-right: 1em;
      padding-left: 1em;
    }
    #mainImg ~ .wrap #primary,
    #mainImg ~ .wrap #secondary,
    #mainImg ~ .wrap .has-sidebar #primary,
    #mainImg ~ .wrap .has-sidebar #secondary {
      padding-top: 2rem;
    }

    .has-sidebar:not(.error404) #primary {
        width: 73%;
    }

    .has-sidebar #secondary {
        width: 24%;
    }

    .single.has-sidebar #secondary {
        margin-top: 22px;
    }

    *[class*="col-"] > * {
      margin-top: 1.6em;
    }
    *[class*="col-1-2"] > * {
      margin-left: calc( 100% - 1px - ( 48% * 2 ) );
      width: 48%;
    }
    *[class*="col-1-3"] > *,
    *[class*="col-2-3"] > *,
    *[class*="col-2-3"] > *:nth-child(2n+1) {
      margin-left: calc( ( 100% - 1px - ( 32% * 3 ) ) / 2 );
      width: 32%;
    }
    *[class*="col-1-4"] > *,
    *[class*="col-2-4"] > *,
    *[class*="col-2-4"] > *:nth-child(2n+1) {
      margin-left: calc( ( 100% - 1px - ( 23.5% * 4 ) ) / 3 );
      width: 23.5%;
    }
    *[class*="col-1-5"] > *,
    *[class*="col-2-5"] > *,
    *[class*="col-2-5"] > *:nth-child(2n+1) {
      margin-left: calc( ( 100% - 1px - ( 18.4% * 5 ) ) / 4 );
      width: 18.4%;
    }
    *[class*="col-1-2"] > *:nth-child(2n+1),
    *[class*="col-1-3"] > *:nth-child(3n+1),
    *[class*="col-2-3"] > *:nth-child(3n+1),
    *[class*="col-1-4"] > *:nth-child(4n+1),
    *[class*="col-2-4"] > *:nth-child(4n+1),
    *[class*="col-1-5"] > *:nth-child(5n+1),
    *[class*="col-2-5"] > *:nth-child(5n+1) {
      margin-left: 0;
    }


    /* 記事ページ：事例 */
    .example-post .order-bnr ul li:nth-of-type(1) {
        font-size: 0.89em;
    }


    /* アーカイブ */
    .archive .site-main article .post-thumbnail,
    .search .site-main article .post-thumbnail {
        float: left;
        width: 20.55%;
    }
    .archive .site-main article .post-thumbnail + .entry-content,
    .search .site-main article .post-thumbnail + .entry-content {
        float: right;
        width: 75%;
    }


    /* CPT：価格 */
    .single-item_entry .entry-header {
      padding-top: 90px !important;
    }



    /* CPT：作家 */
    .single-sakka_entry .entry-header {
      padding-top: 90px !important;
    }



    /* CPT：アーカイブ */
    #main .term_list ul li {
      margin-bottom: 0.5em;
      padding: 0 5px;
      width: 33%;
    }


    /* スマホのキャッシュ対応 */
    #secondary .pc-on {
      display: block;
    }
    #secondary .sp-on {
      display: none;
    }


    /* サイドバー */
    .has-sidebar #secondary .s-serv-menu ul li.has-menu-child {
        position: relative;
        font-size: 1.1em;
        padding: 0.5em 0 0 0.5em;
    }
    .has-sidebar #secondary .s-serv-menu ul li.has-menu-child:not(:nth-of-type(1)) {
        margin-top: 0.8em;
    }
    .has-sidebar #secondary .s-serv-menu ul li.has-menu-child:after {
        position: absolute;
        font-family: "Font Awesome 5 Free";
        content: "\f0fe";
        font-weight: 700;
        color: #6ca4cb;
        font-size: 1.2rem;
        right: 0;
        top: 0.2em;
    }
    .has-sidebar #secondary .s-serv-menu ul li.has-menu-child.open:after {
        content: "\f146";
    }
    .has-sidebar #secondary .s-serv-menu ul li ul.child-menu {
        margin-top: 1em;
        padding-left: 0.5em;
    }
    .has-sidebar #secondary .s-serv-menu ul li ul.child-menu li:last-child {
        border-bottom: none;
    }
}/* End 02.3 min 768px */



/* 02.4 Tablet ( 880px )
------------------------------------------------------------*/
@media screen and (min-width: 55em) {

    /* ここにスタイル */

}/* End 02.4 min 880px */



/* 02.5 Desktop ( 1072px )
------------------------------------------------------------*/
@media screen and ( min-width: 67em ) {

    .site {
      overflow: hidden;
    }

    /* パンくず */
    .site-content-contain #breadcrumb ol {
        max-width: 1000px;
        margin: 0 auto;
        padding-right: 0;
        padding-left: 0;
        width: 100%;
    }


    /* 施工実績アーカイブ */
    body.category-works .site-main article .post-thumbnail,
    body.category-works .site-main article .post-thumbnail + .entry-content {
        float: none;
        width: unset;
    }
    body.category-works .site-main article {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 1.5rem;
    }

}/* End 02.5 min 1072px */



/* 02.6 Desktop ( 1264px )
------------------------------------------------------------*/
@media screen and ( min-width: 79em ) {

    /* ここにスタイル */

}/* End 02.6 min 1264px */






/* --------------------------------------------------------------------------------------------------------
   03 Print
 *
 * 印刷時に適用されるスタイル
 *
-------------------------------------------------------------------------------------------------------- */
@media print {

    /* ここにスタイル */

}/* End 03 Print */