/*
 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 ( 480px )
 *    02.2 - Tablet ( 768px )
 *    02.3 - Tablet ( 880px )
 *    02.4 - Desktop ( 1072px )
 *    02.5 - Desktop ( 1264px )
 *    02.6 - Design Option ( 1600px )
 * 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 {
  color: #775921;
  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-footer .cat-links,
.nav-subtitle {
  font-size: 16px;
  font-size: 1rem;
}
/* ▲記事 */

.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%);
}


/* 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: 30vw;
    }
    .site-branding-any .site-util {
      padding-left: 1em;
    }
    .site-branding-any .site-util img {
      max-height: 6vh;
      max-width: 16vw;
    }

    .navigation-top {
      display: none;
      position: static;
    }
    
    .site-title,
    .site-description{
      position:absolute;
      clip:rect(1px,1px,1px,1px);
    }

    .site-content {
        background: url(./img/bg/town.png) center bottom repeat-x;
        padding-top: 0;
        position: relative;
    }
    .page:not(.home) #content,
    #content {
        padding-bottom: 50px;
    }

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

    .page-header {
        padding: 0;
    }
    .page-header .page-title {
        color: #775921;
        font-size: 2em;
    }

    .site-main .outer {
      margin-right: calc( ( 50vw - 50% ) * -1 );
      margin-left: calc( ( 50vw - 50% ) * -1 );
      padding: 1px 4vw 2em;
      width: 100vw;
    }
    .site-main .outer > .box {
      margin-right: auto;
      margin-left: auto;
      max-width: 1000px;
    }
    .site-main .box {
      margin-top: 2rem;
    }
    .has-sidebar .site-main .entry-content > .outer:first-child .box {
      margin-top: 0;
    }
    .site-main > .box:first-child {
      margin-top: 0;
    }

    /* ▼アーカイブ */
    .archive .site-main article,
    .search .site-main article {
        border-top: 1px dotted rgba(0, 0, 0, .2);
        padding-top: 2em;
    }

    .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.6em;
    }

    .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: #c9f19c;
        border-radius: 30px;
        color: #254600;
        padding: 0.5em 1em;
    }

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

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

    /* ▲アーカイブ */

    /* ▼記事 */
    .single-post .entry-title {
      border-bottom: 2px #653300 dotted;
      padding-bottom: 0.2em;
    }
    .entry-footer {
      border-color: #ccc;
      margin-top: 1em;
      padding: 1em 0;
    }
    .nav-previous {
      width: 50%;
      float: left;
    }

    .post-navigation .nav-next {
      float: right;
      margin-top: 0;
    }

    /* ▲記事 */
    
        /* ▼ブログサイドバー */
    
    .has-sidebar #secondary h3 {
        border-radius: 5px 5px 0 0;
        color: #333;
        border: none;
        margin: 0;
        padding: 15px 0 10px 0;
        font-weight: 700;
        text-align: center;
     }
     
    #secondary .widget {
        padding-bottom: 20px;
    }
    
     
         /* ▼買取対象の教材 */

    #text-19 h3,#text-19 ul {
        background-color: #8cd03f;
    }
         /* ▲買取対象の教材 */

     
         /* ▼教材別買取参考価格 */

    #text-20 h3,#text-20 ul {
        background-color: #ed7eaf;
    }
         /* ▲教材別買取参考価格 */

        /* ▼ご利用案内 */

    #text-22 h3,#text-22 ul {
        background-color: #3cabcf;
    }
        /* ▲ご利用案内 */

        /* ▼お知らせ・BLOG */

    #text-23 h3,#text-23 ul {
        background-color: #c38dff;
    }
        /* ▲お知らせ・BLOG */
  
        /* ▼お問合せ */
    
    #text-24 .s-company div {
        background: #fff;
        border: solid 5px #ac9977;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px;
        border-radius: 0 0 3px 3px;
    }
    
    #text-24 .s-company h3 {
        background-color: #ac9977;
        border-radius: 5px 5px 0 0;
    }
        /* ▲お問合せ */

    
    .has-sidebar #secondary ul {
        margin-left: 0;
        border-radius: 0 0 3px 3px;
        padding: 0 5px 2px;
        margin: 0;
    }

    .has-sidebar #secondary ul li,
    .has-sidebar #secondary ul li:last-child {
        border-bottom: 1px dotted #c26d3d;
        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: 35px;
        list-style: none;
        padding: 0.5em 0;
        background-color: #fff;
        border: none;
        margin-bottom: 3px;
        text-align: left;
        padding-left: 10px;
        color: #5c400a;
    }
    
    .has-sidebar #secondary .s-serv-menu ul li.○○ {
        background-image: url(img/default/○○.png);
    }
    
    .has-sidebar #secondary a {
        color: #a25037;
        display: block;
    }

    .has-sidebar #secondary ul li a:after {
        color: #f4511e;
        float: right;
        font-weight: bold;
    }
    
    .has-sidebar #secondary ul li {
    	margin-top: -2px;
    }

    .site-footer {
      border-top: none;
    }
    #menu-footer_nav li {
      border-color: rgba( 0, 0, 0, 0.2 );
    }
    #menu-footer_nav li + li {
      border-top: none;
    }
    #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: rgba( 0, 0, 0, 0.2 );
      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;
    }
    
    
  /* フッター会社情報 */
    .footer-widget-2 .widget-2 > div {
      border-radius: 6px;
      border: 1px solid;
      padding: 15px;
    }
    .footer-widget-2 .widget-2 > div > * {
      margin-bottom: 10px;
    }

    /* ヘッダの検索ボタン */
    .site-util-sp {
        display: table;
        table-layout: fixed;
        position: fixed;
        top: 0;
        right: 175px;
        height: 45px;
        width: 55px;
        z-index: 99999;
        background: #3a7488;
    }
    .site-util-sp a[href*="searchform"] {
        color: #ffffff;
        font-size: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        height: 100%;
        text-decoration: none;
    }
    .site-util-sp a[href*="searchform"] span {
        font-size: 0.5em;
        display: block;
    }
    /* 検索機能 */
    .searchform input#s {
        height: 30px;
        font-size: 0.8em;
    }
    .searchform input#k {
        height: 30px;
        font-size: 0.8em;
    }
    .searchform .search-submit {
        padding: 0 1em;
        background: #8cd03f;
        font-size: 0.8em;
        color: #333;
    }
    /*買取価格表の検索機能*/
    section.searchform {
        text-align: right;
        max-width: 300px;
        margin-right: 0;
        margin-left: auto;
        margin-top: -1em;
        margin-bottom: 2em;
    }
    section.searchform h3 {
        font-size: 1em;
        border-bottom: 1px dashed #81926e;
        display: inline-block;
        color: #81926e;
    }

/* 01.3 Color
------------------------------------------------------------*/
    body {
      background: #f2ede1;
    }
    body,
    h1,
    h2,
    h3 {
      color: #775d2c;
    }

    body a {
      color: #cc4d00;
    }
    .taiou a {
      color: #a33e00; 
    }
    body a:focus,
    body a:hover,
    #content a:focus,
    #content a:hover,
    #menu-footer_nav a:focus,
    #menu-footer_nav a:hover  {
      color: #cc4d00;
      text-decoration: underline;
    }

    .site-header {
      background: none;
    }
    .site-content-contain {
      background: none;
    }
    .site-footer {
      background: #92c94b;
      background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxkZWZzPjxwYXR0ZXJuIGlkPSJwYXR0ZXJuX1I2ckh2USIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgd2lkdGg9IjgiIGhlaWdodD0iOCIgcGF0dGVyblRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PGxpbmUgeDE9IjAiIHk9IjAiIHgyPSIwIiB5Mj0iOCIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjgiLz48L3BhdHRlcm4+PC9kZWZzPiA8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI3BhdHRlcm5fUjZySHZRKSIgb3BhY2l0eT0iMC4xIi8+PC9zdmc+');
    }
    .site-footer * {
      color: #3e7400;
    }

    .navigation-top {
      background: #8cd03f;
      border-top: 1px #71b128 solid;
      border-bottom: 1px #71b128 solid;
    }
    #top-menu > li > a,
    #top-menu > li > span {
      color: #254600;
    }
    #top-menu > li > a:before,
    #top-menu > li > span:before,
    #top-menu > li:last-child > a:after,
    #top-menu > li:last-child > span:after {
      background: #3e7400;
      border-right-color: #add67e;
    }
    #top-menu > li > a:hover,
    #top-menu > li > span:hover {
      background: rgba(241, 255, 109, 0.3);
      text-decoration: none;
    }
    #top-menu span.parent + div {
      background: rgba(41, 76, 0, 0.94);
    }
    #top-menu span.parent + div * {
      color: #EFECE4;
    }
    #top-menu span.parent + div a:hover {
      color: #fba14b;
    }

    #f-bar {
      background: #a8dbeb;
    }

    #mainImg {
      background-image: url(./img/bg/pattern.png);
      background-position: center top;
      background-color: initial;
      border-bottom: 3px #775921 solid;
    }
    body.has-sidebar #mainImg {
      margin-bottom: 40px;
    }

    .site-main div.outer.color1 {
      background-color: #e0d5c0;
    }

    .site-main div.outer.color2 {
    }



/* 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-bottom: 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 - ( 30.2% * 3 ) ) / 2 );
      width: 30.2%;
    }
    *[class*="col-4"] > * {
      margin-left: calc( ( 100% - 1px - ( 22.4% * 4 ) ) / 3 );
      width: 22.4%;
    }
    *[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 パンくずリスト
------------------------------------------------------------*/

.site-content #breadcrumb {
    bottom: 0;
    clear: both;
    left: 0;
    overflow: scroll;
    position: absolute;
    right: 0;
    zoom: 1;
}

.site-content #breadcrumb ol {
    color: #333;
    margin: 0 auto;
    padding: 15px 4% 30px;
    width: auto;
}

.site-content #breadcrumb ol:after {
    content: "";
    clear: both;
    display: block;
}

.site-content #breadcrumb ol li {
    color: #666;
    float: left;
    font-size: 14px;
    padding: 0 5px;
    list-style: none;
    line-height: normal;
    margin-bottom: 10px;
}

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

.site-content #breadcrumb a {
}



/* 01.6 記事ページ
------------------------------------------------------------*/
  .example-post .product-image {
    height: auto;
    position: relative;
    max-width: 640px !important;
  }
  .example-post .product-image img {
    vertical-align: bottom;
  }
  .example-post .product-image .imgContent {
    margin-bottom: 10px;
  }
  .example-post .product-image .imgThumb {
  }
  .example-post .product-image .imgThumb .swiper-wrapper {
    transform: none !important;
  }
  .example-post .product-image .imgThumb .swiper-slide {
    cursor: pointer;
    width: 23.5%;
  }
  .example-post .product-image .imgThumb .swiper-slide + .swiper-slide {
    margin-left: 2%;
  }
  .example-post .product-image .imgThumb .swiper-slide:not(.swiper-slide-active) {
    position: relative;
  }
  .example-post .product-image .imgThumb .swiper-slide:not(.swiper-slide-active):after {
    background: rgba( 0, 0, 0, 0.2 );
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .example-post .product-image .swiper-button-next,
  .example-post .product-image .swiper-button-prev {
    background: rgba(253, 242, 222, 0.8);
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 4px 1px #887e6b;
            box-shadow: 0px 0px 4px 1px #887e6b;
    height: 35px;
    width: 35px;
  }
  .example-post .product-image .swiper-button-next:before,
  .example-post .product-image .swiper-button-prev:before {
    font-family: "Font Awesome 5 free";
    font-weight: 900;
    font-size: 1em;
    line-height: 1em;
    display: block;
    margin-top: 10px;
    height: 1em;
    width: 1em;
  }
  .example-post .product-image .swiper-button-next:before {
    content: "\f101";
    margin-left: 12px;
  }
  .example-post .product-image .swiper-button-prev:before {
    content: "\f100";
    margin-left: 10px;
  }

  .example-post .info {
    background: #FFF;
    border: 5px #8cd03f solid;
    border-radius: 10px;
    margin-bottom: 2em;
    padding: 1em;
  }
  .example-post .info table {
    margin-bottom: 0;
  }
  .example-post .info h2:before,
  .example-post .info h2:after {
    font-family: "Font Awesome 5 free";
    font-weight: 900;
    content: "\f0c8\f0c8\f0c8";
    color: #edbbc0;
    letter-spacing: 0.3em;
    font-size: 0.5em;
    vertical-align: middle;
  }
  .example-post .info h2:before {
    margin-right: 2em;
  }
  .example-post .info h2:after {
    margin-left: 2em;
  }
  .example-post .info table tr {
    border-bottom-color: #555;
    border-bottom-style: dashed;
  }
  .example-post .info table th {
    padding: 0.5em 0;
    width: 7em;
  }
  .example-post .info table th span {
    background: #f2ede1;
    border-radius: 2em;
    display: inline-block;
    text-align: center;
    padding: 0 0.5em;
    width: 100%;
  }
  .example-post .info table td {
    padding: 0.5em;
  }
  .example-post .info table td .label {
    background: #d1e8b8;
    display: inline-block;
    font-size: 0.9em;
    line-height: 1.2em;
    padding: 0.1em 0.8em;
  }
  .example-post .info table tr.price td {
    color: #ff5757;
    font-size: 1.5em;
    font-weight: bold;
  }

  .example-post .message {
    background: #FFF;
    padding: 1em;
  }
  .example-post .message .customer h3,
  .example-post .message .staff h3 {
    text-align: center;
  }
  .example-post .message .messageBox {
    border-radius: 1em;
    padding: 1em 1em 3em;
  }
  .example-post .message .customer .messageBox {
    background: #fff5f6;
  }
  .example-post .message .staff .messageBox {
    background: #f0fdff;
  }
  .example-post .message .customer p:last-child,
  .example-post .message .staff p:last-child {
    margin-bottom: 0;
  }

  .example-post .results-withumb-label ul li {
    list-style: none;
  }
  .example-post .results-withumb-label .post-wrap {
    background: #FFF;
    height: 100%;
    position: relative;
  }
  .example-post .results-withumb-label .post-wrap .genre {
    background: #336001;
    color: #FFF;
    display: inline-block;
    padding: 0 0.5em;
    position: absolute;
    top: 0;
    right: 0;
  }
  .example-post .results-withumb-label .post-wrap .pict img {
    border-top: 1px #a69b80 solid;
    border-right: 1px #a69b80 solid;
    border-left: 1px #a69b80 solid;
    border-bottom: 1px #edebe6 solid;
  }
  .example-post .results-withumb-label .post-wrap .title {
    font-weight: bold;
    margin: 0 0.5em;
  }
  .example-post .results-withumb-label .post-wrap .title a {
    color: #775921;
    text-decoration: none;
  }
  .example-post .results-withumb-label .post-wrap .status {
    font-size: 0.9em;
    text-align: right;
    margin: 0.5em;
  }
      @media screen and (max-width: 768px) {
          .example-post .info h2 {
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
          }
          .example-post .info table,
          .example-post .info table tr,
          .example-post .info table th,
          .example-post .info table td {
            display: block;
          }
          .example-post .info table tr {
            padding: 0.5em 0;
          }
          .example-post .info table th,
          .example-post .info table td {
            padding: 0;
          }
          .example-post .info table tr.price,
          .example-post .info table tr.type {
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            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;
          }
          .example-post .info table tr.price td,
          .example-post .info table tr.type td {
            padding-left: 1em;
            width: calc( 100% - 7em );
          }
          .example-post .info table tr.type th:nth-of-type(n+2),
          .example-post .info table tr.type td:nth-of-type(n+2) {
            border-top: 1px #555 dashed;
            margin-top: 0.5em;
            padding-top: 0.5em;
          }
          .example-post .message .customer + .staff {
            margin-top: 2em;
          }
          .example-post .message .messageBox {
            height: 10em;
            overflow: hidden;
            position: relative;
          }
          .example-post .message .messageBox.open {
            height: auto;
          }
          .example-post .message .messageBox:before {
            content: "";
            position: absolute;
            top: 2em;
            right: 0;
            bottom: 0;
            left: 0;
          }
          .example-post .message .customer .messageBox:not(.open):before {
            background: #fff5f6;
            background: -webkit-linear-gradient(top, rgba(255,245,246,0) 0%,rgba(255,245,246,1) 100%);
            background: linear-gradient(to bottom, rgba(255,245,246,0) 0%,rgba(255,245,246,1) 100%);
          }
          .example-post .message .staff .messageBox:not(.open):before {
            background: #f0fdff;
            background: -webkit-linear-gradient(top, rgba(240,253,255,0) 0%,rgba(240,253,255,1) 100%);
            background: linear-gradient(to bottom, rgba(240,253,255,0) 0%,rgba(240,253,255,1) 100%);
          }
          .example-post .message .messageBox:after {
            background: rgba(206, 203, 189, 1);
            border: 5px #FFF solid;
            border-radius: 2em;
            content: "続きを表示";
            display: inline-block;
            text-align: center;
            position: absolute;
            right: 0;
            bottom: 1em;
            left: 0;
            margin: 0 auto;
            padding: 0.2em 0.5em;
            width: 10em;
          }
          .example-post .message .messageBox.open:after {
            content: "折りたたむ";
          }
      } /* Eo max768 */




/* 01.7 CPT
------------------------------------------------------------*/
  .single-item_entry .item-info h1 {
    text-align: left;
  }
    .single-item_entry .item-image {
      text-align: center;
    }
    .single-item_entry .item-data {
    }
    .single-item_entry .item-data .item-genre span {
      background: #c5e5ee;
      border: 1px rgba(0,0,0,0.25) solid;
      border-radius: 2em;
      color: #004c64;
      display: inline-block;
      padding: 0.1em 1em;
    }
    .single-item_entry .item-data .item-price {
      font-size: 1.5em;
      text-align: right;
    }
    .single-item_entry .item-data .item-price p {
      line-height: 1.2em;
      margin-bottom: 10px;
    }
    .single-item_entry .item-data .item-price span {
      color: #ff5757;
      font-size: 1.5em;
    }
    .single-item_entry .item-notes .head {
      font-size: 1.2em;
      font-weight: bold;
      margin-bottom: 0;
    }
    .single-item_entry .item-notes table {
      background: #FFF;
      border: 1px #775921 solid;
    }
    .single-item_entry .item-notes table th {
      background: #d2c4a9;
      border: 1px #775921 solid;
      color: #443210;
      font-weight: normal;
      text-align: center;
      padding: 0.4em;
      width: 10em;
    }
    .single-item_entry .item-notes table td {
      border: 1px #775921 solid;
      padding: 0.4em;
    }
    .single-item_entry .item-notes .head + div {
      background: #FFF;
      border: 1px #775921 solid;
      padding: 0.5em;
    }

    .tax-item_group1 .terms,
    .post-type-archive-item_entry .terms {
      background: rgba(149, 107, 0, 0.1);
      border-radius: 1em;
      margin-bottom: 1.5em;
      padding: 1em 1em 0.5em;
    }
    .tax-item_group1 .terms p.sbtitle2,
    .post-type-archive-item_entry .terms p.sbtitle2 {
      cursor: pointer;
      margin-bottom: 0.5em;
    }
    .tax-item_group1 .terms ul,
    .post-type-archive-item_entry .terms ul {
      margin: 0;
    }
    .tax-item_group1 .terms ul li,
    .post-type-archive-item_entry .terms ul li {
      list-style: none;
      margin-bottom: 0.6em;
    }
    .tax-item_group1 .terms ul li a,
    .post-type-archive-item_entry .terms ul li a {
      background: #FFF;
      border: 1px #dbc99d solid;
      border-radius: 1em;
      display: block;
      text-align: center;
      padding: 0.4em 0.8em;
    }
    .tax-item_group1 .terms ul li a:hover,
    .post-type-archive-item_entry .terms ul li a:hover {
      background: #FFFBC1;
    }
        @media screen and (max-width: 767px) {
          .tax-item_group1 .terms p.sbtitle2,
          .post-type-archive-item_entry .terms p.sbtitle2 {
            position: relative;
          }
          .tax-item_group1 .terms p.sbtitle2:after,
          .post-type-archive-item_entry .terms p.sbtitle2:after {
            line-height: 1em;
            font-family: "Font Awesome 5 free";
            font-weight: 900;
            color: #7c7d7f;
            content: "\f107";
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            margin: auto 0;
            height: 1em;
            width: 1em;
          }
          .tax-item_group1 .terms p.sbtitle2.open:after,
          .post-type-archive-item_entry .terms p.sbtitle2.open:after {
            -webkit-transform: rotateX(180deg);
                    transform: rotateX(180deg);
          }
        } /* Eo max767px */



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




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


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

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

}/* End 02.1 Mobile */



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

    body {
      overflow-x: hidden;
    }
    /* ヘッダの検索ボタン */
    .site-util-sp {
        display: none !important;
    }

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

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

    .navigation-top {
      display: block;
    }
    .navigation-top .wrap {
      padding: 0;
    }
    #site-navigation {
      position: relative;
      z-index: 20;
    }
    #top-menu {
      display: table;
      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;
      font-weight: bold;
      padding: 10px 5px;
      position: relative;
    }
    #top-menu > li > a:before,
    #top-menu > li > span:before {
      border-right-style: solid;
      border-right-width: 1px;
      content: "";
      display: block;
      width: 2px;
      position: absolute;
      top: 10px;
      bottom: 10px;
      left: 0;
    }
    #top-menu > li:last-child > a:after,
    #top-menu > li:last-child > span:after {
      border-right-style: solid;
      border-right-width: 1px;
      content: "";
      display: block;
      width: 2px;
      position: absolute;
      top: 10px;
      bottom: 10px;
      right: 0;
    }
    #top-menu span.parent {
      cursor: pointer;
      display: block;
      font-weight: bold;
      padding: 10px 5px;
      position: relative;
    }
    #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;
    }

    .site-content #breadcrumb ol {
        padding: 15px 4%;
    }

    body.has-sidebar .site-main #mainImg {
      margin-right: 0;
      margin-left: 0;
      padding-right: 1em;
      padding-left: 1em;
      width: 100%;
    }

    .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 {
      width: 58%;
    }
    .site-footer .widget-column.footer-widget-2 {
      width: 36%;
    }
    #menu-footer_nav {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
      -ms-grid-rows: 1fr 1fr;
      grid-template-rows: 1fr 1fr;
              grid-template-areas: "company serv" "guide blog";
    }
    #menu-footer_nav > li:nth-of-type(1) {
      -ms-grid-row: 1;
      -ms-grid-column: 1;
      grid-area: company;
    }
    #menu-footer_nav > li:nth-of-type(2) {
      -ms-grid-row: 1;
      -ms-grid-column: 2;
      grid-area: serv;
    }
    #menu-footer_nav > li:nth-of-type(3) {
      -ms-grid-row: 2;
      -ms-grid-column: 1;
      grid-area: guide;
    }
    #menu-footer_nav > li:nth-of-type(4) {
      -ms-grid-row: 2;
      -ms-grid-column: 2;
      grid-area: blog;
    }
    #menu-footer_nav > li {
      border: none;
      padding-top: 0;
      padding-bottom: 2em;
    }
    #menu-footer_nav .bough {
      cursor: default;
      font-size: 1rem;
      margin-bottom: 0.5em;
    }
    #menu-footer_nav .bough:after {
      content: none;
    }
    #menu-footer_nav .bough + ul {
      border-left: 1px rgba( 0, 0, 0, 0.2 ) solid;
    }

    .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;
      -ms-flex-pack: distribute;
          justify-content: space-around;
      height: 100%;
      max-width: 1000px;
      margin: 0 auto;
    }

    .site-util.form a {
      background-color: #995e2f;
      color: #fff;
      font-size: 1.2em;
      font-weight: 700;
      display: inline-block;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 0.6em;
      border-radius: 5px;
      line-height: 1.3;
      width: 14em;
      text-decoration-line: none;
    }
    .wrap .site-util.form a {
      width: 11em;
      font-size: 1em;
    }
    .wrap .site-util.form a::before {
      content: "\f0e0";
      font-family: 'Font Awesome 5 Free';
      font-weight: normal;
      font-size: 2em;
      margin-right: 0.2em;
    }
    #f-bar .site-util.form a::after {
      content: "見積無料";
      color: #ff8400;
      background-color: #fff600;
      border-radius: 50%;
      display: inline-block;
      width: 5em;
      height: 3em;
      text-align: center;
      font-size: 1.2em;
      line-height: 1em;
      padding-top: 0.4em;
    }

    .site-util.line a {
      background-color: #047733;
      color: #fff;
      font-size: 1.2em;
      font-weight: 700;
      display: inline-block;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 0.5em;
      border-radius: 5px;
      line-height: 1.3;
      width: 13em;
      text-decoration-line: none;
    }
    .wrap .site-util.line a {
      width: 10em;
      font-size: 1em;
    }
    .wrap .site-util.line a::before {
      content: "\f3c0";
      font-family: 'Font Awesome 5 Brands';
      font-weight: 400;
      font-size: 2em;
      margin-right: 0.2em;
    }
    #f-bar .site-util.line a::after {
      content: "\f3c0";
      font-family: 'Font Awesome 5 Brands';
      font-weight: 400;
      font-size: 3em;
    }


    .page:not(.home) #content,
    #content {
        padding: 0 0 34px;
    }

    .single .site-content #breadcrumb {
        background: #f9f8f7;
        height: auto;
        position: static;
        overflow: auto;
    }

    .has-sidebar .site-content #breadcrumb { /* サイドバーがあるページには上記cssを当てない */
        background: none;
    }

    .site-content #breadcrumb {
        height: auto;
        position: static;
        overflow: auto;
    }

    .site-main .outer {
      padding-right: 3em;
      padding-left: 3em;
    }
    .site-main .box {
      margin-top: 3.4rem;
    }
    body.has-sidebar .site-main .outer {
      margin-right: 0;
      margin-left: 0;
      padding-right: 0;
      padding-left: 0;
      width: 100%;
    }
    body.has-sidebar .site-main .outer[class*="color"] {
      padding-right: 1em;
      padding-left: 1em;
    }
    body.has-sidebar .site-main .entry-content > .outer:first-child .box {
      margin-top: 0;
    }

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

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

    .has-sidebar #secondary h2 {
        font-size: 20px;
        fontsize: 1.25rem;
        line-height: 1.4;
    }

    .has-sidebar #secondary h3 {
        font-size: 1.6em;
        position: relative;
        padding: 0.5em 0 0.3em 0em;
    }

    *[class*="col-"] > * {
      margin-bottom: 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 - ( 30.2% * 3 ) ) / 2 );
      width: 30.2%;
    }
    *[class*="col-1-4"] > *,
    *[class*="col-2-4"] > *,
    *[class*="col-2-4"] > *:nth-child(2n+1) {
      margin-left: calc( ( 100% - 1px - ( 22.4% * 4 ) ) / 3 );
      width: 22.4%;
    }
    *[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;
    }


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



    /* CPT */
    .tax-item_group1 .terms p.sbtitle2,
    .post-type-archive-item_entry .terms p.sbtitle2 {
      cursor: initial;
    }
    .tax-item_group1 .terms ul,
    .post-type-archive-item_entry .terms ul {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
/*
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
*/
    }
    .tax-item_group1 .terms ul li,
    .post-type-archive-item_entry .terms ul li {
      padding-right: 0.5em;
      padding-left: 1em;
      width: 33%;
    }



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



    /* ヘッダ上のテキスト */
    .site-branding .branding {
      background-color: rgba( 255, 255, 255, 0.5 );
      margin-top: -0.5em;
      margin-bottom: 5px;
      padding: 5px 0;
    }
    .site-branding .branding > * {
      font-size: 0.8em;
      font-weight: normal;
      display: block;
      line-height: 1.2em;
      max-width: 1000px;
      margin: 0 auto;
    }

}/* End 02.2 Tablet */



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

    /* 記事ページ：事例 */
    .example-post .info {
      position: relative;
    }
    .example-post .info:after {
      background: url(./img/contents/kids-img.png) center no-repeat;
      content: "";
      height: 60px;
      width: 179px;
      position: absolute;
      top: -45px;
      right: 0;
    }


    /* CPT */
    .single-item_entry .item-info {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }
      .single-item_entry .item-image {
        text-align: left;
        width: 43%;
      }
      .single-item_entry .item-data {
        width: 52%;
      }
      .single-item_entry .item-notes {
        width: 100%;
      }


}/* End 02.3 Tablet */



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

    .site {
      overflow: hidden;
    }

    .site-content #breadcrumb ol {
        max-width: 1000px;
        margin: 0 auto;
        padding-right: 0;
        padding-left: 0;
        width: 100%;
    }


    /* 記事ページ：事例 */
    .example-post .message {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
    }
    .example-post .message .customer,
    .example-post .message .customer + .staff {
      width: 48%;
    }



}/* End 02.4 Desktop */



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

    /* ここにスタイル */

}/* End 02.5 Desktop */



/* 02.6 Design Option ( 1600px )
------------------------------------------------------------*/
@media screen and ( min-width: 1600px ) {

    /* マスコット */
    @-webkit-keyframes sway {
        0% { -webkit-transform: translateX( -3px) translateY(-50px); transform: translateX( -3px) translateY(-50px); }
      100% { -webkit-transform: translateX(  0px) translateY(  0px); transform: translateX(  0px) translateY(  0px); }
    }
    @keyframes sway {
        0% { -webkit-transform: translateX( -3px) translateY(-50px); transform: translateX( -3px) translateY(-50px); }
      100% { -webkit-transform: translateX(  0px) translateY(  0px); transform: translateX(  0px) translateY(  0px); }
    }
    #page:before {
      content: url(./img/contents/mascot-1.png);
      position: fixed;
      bottom: 20vh;
      left: 1vw;
      z-index: 99;
      -webkit-animation: sway 3s ease-in-out infinite alternate;
              animation: sway 3s ease-in-out infinite alternate;
      -webkit-animation-duration: 2.1s;
              animation-duration: 2.1s;
    }
    #page:after {
      content: url(./img/contents/mascot-2.png);
      position: fixed;
      bottom: 30vh;
      right: 1vw;
      z-index: 99;
      -webkit-animation: sway 3s ease-in-out infinite alternate;
              animation: sway 3s ease-in-out infinite alternate;
      -webkit-animation-duration: 2.5s;
              animation-duration: 2.5s;
    }

}/* End 02.6 Design Option */






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

    /* ここにスタイル */

}/* End 03 Print */