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

/* TABLE OF CONTENTS:
 * 
 * 01 Theme custom ( どのサイズでも共通で適用されるスタイル )
 *    01.1 - 日本語用リセット
 *    01.2 - レイアウト
 *    01.3 - カラー
 *    01.4 - 追加パーツ
 *    01.5 - パンくずリスト
 *    01.6 - 記事ページ
 *    01.7 - CPT
 *    01.8 - Fixed CTA
 * 02 Media Queries ( 特定のサイズで適用されるスタイル )
 *    02.1 - Mobile Large ( 620px )
 *    02.2 - Tablet Small ( 740px )
 *    02.3 - Tablet Large ( 880px )
 *    02.4 - Desktop Small ( 955px )
 *    02.5 - Desktop Medium ( 1100px )
 *    02.6 - Desktop Large ( 1240px )
 *    02.7 - Desktop X-Large ( 1403px )
 * 03 Print ( 印刷時に適用されるスタイル )
 */

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


/* 01.1 日本語用リセット
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, button, input, select, textarea {
  font-family: sans-serif !important;
}

.entry-content a, .entry-summary a, .page-content a, .comment-content a, .pingback .comment-body > a {
  border-bottom: none;
}

/* 01.2 レイアウト
------------------------------------------------------------*/
    button.secondary-toggle {
      z-index: 99;
    }
    .secondary[aria-expanded] {
      opacity: 0;
    }
    .secondary[aria-expanded].toggled-on {
      margin: 0;
      padding: 7.6923% 7.6923% 0;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      opacity: 1;
      animation-duration: 0.5s;
      animation-name: fade-in;
      -moz-animation-duration: 0.5s;
      -moz-animation-name: fade-in;
      -webkit-animation-duration: 0.5s;
      -webkit-animation-name: fade-in;
      height: auto;
      width: auto;
      z-index: 90;
    }
    .secondary[aria-expanded].toggled-on nav {
      box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
      overflow-y: auto;
      margin: auto;
      padding: 7.6923%;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      height: 50vh;
      width: 64vw;
      max-width: 400px;
    }

    @keyframes fade-in {
      0% {
        display: none;
        opacity: 0;
      }
      50% {
        display: block;
        opacity: 0;
      }
      100% {
        display: block;
        opacity: 1;
      }
    }

    @-moz-keyframes fade-in {
      0% {
        display: none;
        opacity: 0;
      }
      50% {
        display: block;
        opacity: 0;
      }
      100% {
        display: block;
        opacity: 1;
      }
    }

    @-webkit-keyframes fade-in {
      0% {
        display: none;
        opacity: 0;
      }
      50% {
        display: block;
        opacity: 0;
      }
      100% {
        display: block;
        opacity: 1;
      }
    }

    #site-navigation {
      display: none;
    }
    
    .entry-header,
    .entry-content,
    .entry-summary {
      padding-right: 4vw;
      padding-left: 4vw;
    }

    .entry-content {
      padding-bottom: 0;
    }

    .site-logo {
      text-align: center;
      padding: 20px 10px;
      margin-right: auto;
      margin-left: auto;
      max-width: 80%;
    }
    
    @media screen and (min-width: 59.6875em) {
      .site-logo {
        border: 1px #FFF solid;
      }
    }
    #widget-area h3 {
      margin-bottom: 0.5em;
    }

    .entry-content #mainImage {
      text-align: center;
      margin-right: calc( ( 50vw - 50% ) * -1 );
      margin-left: calc( ( 50vw - 50% ) * -1 );
      padding: 2em 1em;
      width: 100vw;
    }

    .entry-content .outer {
      margin-right: calc( ( 50vw - 50% ) * -1 );
      margin-left: calc( ( 50vw - 50% ) * -1 );
      padding: 1px 4vw 1.6em;
      width: 100vw;
    }
      
    /* アーカイブ */
    .archive article {
      background: #e6dfd9;
      clear: both;
      box-shadow: 2px 2px 2px rgb(214, 214, 214);
      margin-bottom: 3em;
      max-width: 1100px;
      padding-top: 20px;
    }
    .archive .has-post-thumbnail {
      padding-top: 0;
    }
    .archive .page-header {
      background: url(./img/bg/archive-bg.jpg) no-repeat;
      background-position: right 70%;
      background-size: cover;
      border: 0;
      box-shadow: none;
      margin-left: 0;
      margin-right: 0;
      padding: 0;
    }
    .archive .page-header .page-title {
      font-size: 3rem;
      margin: 0 auto 1em;
      max-width: 1228px;
      padding: 1em 4vw;
      text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
      -1px 1px 0 #FFF, 1px -1px 0 #FFF,
      0px 1px 0 #FFF,  0-1px 0 #FFF,
      -1px 0 0 #FFF, 1px 0 0 #FFF;
    }
    .archive #content .post h2 {
      clear: none;
      font-size: 2rem;
      line-height: 1.4;
      margin: 0.2em 0 0.5em;
    }
    .archive #content .post h2 a {
      color: #af5200;
    }
    .archive #content .post h2 a:hover {
      color: #e88d00;
    }
    .archive #content .post .more-link {
      background: #efefef;
      border-radius: 20px;
      display: block;
      margin: 15px auto 0;
      min-width: 200px;
      text-align: center;
      width: 30%;
    }
    .archive #content .post .more-link:after {
      top: 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: 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;
    }


/* 01.3 カラー
------------------------------------------------------------*/
    body {
      background: #eee9e3 url(./img/bg/texture.jpg);
    }
    body,
    h1,
    h2,
    h3 {
      color: #333;
    }

    body a {
      color: #663333;
    }
    body a:focus,
    body a:hover,
    #content a:focus,
    #content a:hover,
    #menu-footer_nav a:focus,
    #menu-footer_nav a:hover  {
      color: #ae4820;
    }

    body:before,
    #masthead,
    #secondary {
      background: rgba(0, 0, 0, 0);
      border: none;
      padding: 0;
    }

    #masthead *,
    #secondary * {
      color: #FFF;
    }
    #masthead select,
    #secondary select,
    #masthead select *,
    #secondary select *,
    #secondary input {
      color: initial;
    }

    #menu-header_nav > li > a:hover,
    #menu-header_nav span.parent:hover {
      background: rgba(255, 176, 109, 0.1);
    }
    #site-navigation #menu-header_nav div[style*="block"] {
      background: rgb(72, 18, 18);
    }
    #site-navigation #menu-header_nav .sub-menu a:hover {
      color: #d76d44;
    }

    .secondary[aria-expanded].toggled-on {
      background: rgba( 255, 255, 255, 0.8 );
    }
    .secondary[aria-expanded].toggled-on nav {
      background: rgba( 255, 255, 255, 1 );
    }

    .site-footer {
      background: #a6a38e;
    }
    .site-footer * {
      color: #333;
    }
    .site-footer .widget {
      margin-bottom: 1em;
    }
    .site-footer .widget-title {
      margin-bottom: 0.5em;
    }

    .site-info {
      background: none;
    }

    #f-bar {
      background: #336666;
    }
    #f-bar * {
      color: #EEE;
    }

    #mainImage {
      background: #9c998b url(./img/contents/bil-bg.jpg) no-repeat;
      background-size: cover;
    }

    .entry-content div.outer.color1 {
    }
    .entry-content 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% - ( 48% * 2 ) );
      width: 48%;
    }
    *[class*="col-3"] > * {
      margin-left: calc( ( 100% - ( 30.2% * 3 ) ) / 2 );
      width: 30.2%;
    }
    *[class*="col-4"] > * {
      margin-left: calc( ( 100% - ( 22.4% * 4 ) ) / 3 );
      width: 22.4%;
    }
    *[class*="col-5"] > * {
      margin-left: calc( ( 100% - ( 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 パンくずリスト
------------------------------------------------------------*/
#content #breadcrumb {
    clear: both;
    padding-bottom: 1em;
}

#content #breadcrumb ol {
    color: #333;
    margin: 0 auto;
    overflow: hidden;
    padding: 15px 4% 0;
    text-overflow: ellipsis;
    width: auto;
    white-space: nowrap;
}

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

#content #breadcrumb ol li {
    color: #666;
    display: inline;
    font-size: 14px;
    padding: 0;
    list-style: none;
    line-height: normal;
    margin-bottom: 10px;
}

#content #breadcrumb ol li + li:before {
    content: "＞";
    font-size: 0.9em;
    padding: 0 0.5em;
}

#content #breadcrumb a {
    color: #06c;
}


/* 01.6 記事ページ
------------------------------------------------------------*/
    .single .site-main .entry-header h1 {
      margin-bottom: 10px;
      padding-left: 0;
      position: relative;
    }
    .single .site-main .entry-header h1 span {
      background: #985d45 url(img/bg/shasen.png);
      color: #fff;
      display: block;
      font-size: 20px;
      font-size: 2rem;
      padding: 15px;
    }
    .single .site-main .entry-header h1:before,
    .single .site-main .entry-header h1:after,
    .single .site-main .entry-header h1 span:before,
    .single .site-main .entry-header h1 span:after{
      border: 25px solid #eee9e5;
      border-radius: 50%;
      position: absolute;
    }
    .single .site-main .entry-header h1:before {
      right: -25px;
      top: -25px;
    }
    .single .site-main .entry-header h1:after{
      right: -25px;
      bottom: -25px;
    }
    .single .site-main .entry-header h1 span:before {
      left: -25px;
      top: -25px;
    }
    .single .site-main .entry-header h1 span:after{
      left: -25px;
      bottom: -25px;
    }

  /* 事例 */
    #main .example-post .frame{
      max-width: 730px;
      margin: auto;
    }

    #main .example-post .slide{
      margin-bottom: 3vh;
      position: relative;
    }

    #main .example-post .slide .swiper-slide {
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      font-size: 60px;
      font-weight: 900;
    }

    #main .example-post .slide .swiper-button-prev,
    #main .example-post .slide .swiper-button-next {
      width: 40px;
    }

    #main .example-post .slide .swiper-button-prev {
      transform: scale(1, 1);
    }

    #main .example-post .thumbnail .swiper-wrapper{
      box-sizing: border-box;
      -webkit-flex-wrap:wrap;
      -ms-flex-wrap:wrap;
      flex-wrap:wrap;
    }
    #main .example-post .thumbnail .swiper-slide{
      background: #ccc;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      font-size: 18px;
      font-weight: 900;
      margin-bottom: 10px;
      margin-left:2%;
      padding: 1%;
      width: 23.5%;
    }
    #main .example-post .thumbnail .swiper-slide:first-child{
      margin-left: 0;
    }

    #main .example-post .thumbnail .swiper-slide:hover{
      cursor: pointer;
    }

    #main .example-post .thumbnail .swiper-slide.is-active{
      background: #762500;
    }

    #main .example-post .thumbnail .swiper-slide::before{
      pointer-events: none;
      opacity: 0;
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      z-index: 10;
      display: block;
      width: 100%;
      height: 100%;
      transition: .3s ease;
    }

    #main .example-post .thumbnail .swiper-slide-thumb-active::before{
      opacity: 1;
    }
    #main .itemdetail table {
      border: 0;
      border-collapse: collapse;
    }
    #main .itemdetail th,
    #main .itemdetail td {
      border: 0;
      display: block;
    }
    #main .itemdetail th {
      background: #a69371;
      color: #fff;
    }
    #main .itemdetail .caution {
      font-size: 12px;
    }



/* 01.7 CPT
------------------------------------------------------------*/
body.single-item_entry .item-image {
  text-align: center;
  margin-bottom: 1em;
}
body.single-item_entry .item-data {
  margin-bottom: 1em;
}
body.single-item_entry .item-data h1 {
  border-bottom: 1px #b7ac91 solid;
  color: #333;
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 10px;
  padding-bottom: 10px;
  padding-left: 0;
}
body.single-item_entry .item-data h1:before,
body.single-item_entry .item-data h1:after {
  content: none;
}
body.single-item_entry .item-genre span {
  background: #663333;
  color: #FFF;
  display: inline-block;
  padding: 5px 10px;
}
body.single-item_entry .item-price {
  text-align: right;
}
body.single-item_entry .item-price span {
  color: #cc3333;
  display: inline-block;
  font-size: 2em;
  font-weight: bold;
  margin-left: 0.6em;
}
body.single-item_entry .item-data table {
  background: #FFF;
  border: none;
  border-radius: 14px;
  padding: 10px;
}
body.single-item_entry .item-data table th {
  border: none;
  font-weight: normal;
}
body.single-item_entry .item-data table td {
  border: none;
}
body.single-item_entry .item-data table tr + tr th,
body.single-item_entry .item-data table tr + tr td {
  border-top: 1px #ad9b9b solid;
}
body.single-item_entry .item-data table ~ p.indent{
  font-size: 0.9em;
}
body.single-item_entry .item-notes .head {
  border-bottom: 1px #b7ac91 solid;
  color: #663333;
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 10px;
}



/* 01.8 - Fixed CTA
------------------------------------------------------------*/
@media ( max-width: 768px ) {
  #page {
    padding-top: 43px;
  }
  #fixed-cta {
    background: #336666;
    position: fixed;
    top: 60px;
    left: 0;
    width: 100%;
    padding: 6px;
    z-index: 9;
  }
  body.admin-bar #fixed-cta {
    top: calc( 60px + 32px );
  }
  #fixed-cta ul {
    list-style: none;
    display: flex;
    gap: 10px;
    margin: 0;
    padding-right: 10px;
    padding-left: 10px;
  }
  #fixed-cta ul li {
    flex: 1;
  }
  #fixed-cta ul li.phone a {
    background: #FFF;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 46px;
    padding-top: 3px;
  }
  #fixed-cta ul li.form a {
    background: #FC0;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 46px;
  }
}
@media ( min-width: 769px ) {
  #fixed-cta {
    display: none;
  }
}


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


/* 02.1 Mobile Large 620px
------------------------------------------------------------*/
@media screen and (min-width: 38.75em) {

    /* ここにスタイル */
    .secondary {
    }
    .site-footer {
      margin-right: 0;
      margin-left: 0;
    }

}/* End 02.1 Mobile Large */



/* 02.2 Tablet Small 740px
------------------------------------------------------------*/
@media screen and (min-width: 46.25em) {

    *[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;
    }
    body:before,
    #masthead,
    #secondary {
      background: #663333;
    }
    /* アーカイブ */
    .archive article,
    .archive .has-post-thumbnail {
      padding: 20px;
    }
    .archive .page-header .page-title {
      font-size: 5rem;
      margin: 0 auto 1em;
      max-width: 1228px;
      padding: 1.5em 64px;
    }
    .archive #content .post h2 {
      font-size: 2.6rem;
    }
    /* 記事 */
    .single .site-main .entry-header h1 span {
      font-size: 2rem;
      padding: 20px 50px 15px;
    }
    .single .site-main .entry-header h1:before,
    .single .site-main .entry-header h1:after,
    .single .site-main .entry-header h1 span:before,
    .single .site-main .entry-header h1 span:after{
      content: '';
    }
}/* End 02.2 Tablet Small */



/* 02.3 Tablet Large 880px
------------------------------------------------------------*/
@media screen and (min-width: 55em) {
    .archive .post {
      margin-left: auto;
      margin-right: auto;
    }
    .archive .post:after {
      content: "";
      clear: both;
      display: block;
    }
    .archive .post .post-thumbnail {
      float: left;
      margin: 5px 2em 20px;
    }
    .archive .post .post-thumbnail img {
      max-width: 300px;
    }
    .entry-summary {
      padding-bottom: 0;
    }
    .post footer {
      background: none;
      clear: both;
      padding: 1em 0 4em;
    }
    /* #sidebar,
    .site-footer {
      padding-bottom: 100px;
    } */
    
    #content #breadcrumb {
        background: none;
        height: auto;
        position: static;
        overflow: auto;
    }
    #menu-footer_nav {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 0 1fr;
      grid-template-columns: 1fr 1fr;
      -ms-grid-rows: 1fr 0 1fr 0 1fr 0 1fr;
      grid-template-rows: 1fr 1fr 1fr 1fr;
          grid-template-areas: "company serv" "guide serv" "info serv" ". serv";
      grid-gap: 0;
    }
    #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-row-span: 7;
      -ms-grid-column: 3;
      grid-area: serv;
    }
    #menu-footer_nav > li:nth-of-type(3) {
      -ms-grid-row: 3;
      -ms-grid-column: 1;
      grid-area: guide;
    }
    #menu-footer_nav > li:nth-of-type(4) {
      -ms-grid-row: 5;
      -ms-grid-column: 1;
      grid-area: info;
    }
    #menu-footer_nav > li {
      border: none;
      padding-top: 0;
      padding-bottom: 2em;
    }
    #menu-footer_nav .bough {
      cursor: default;
      font-size: 1.6rem;
      margin-bottom: 0.5em;
    }
    #menu-footer_nav .bough:after {
      content: none;
    }
    #menu-footer_nav .bough + ul {
      border-top: none;
      border-left: 1px rgba( 0, 0, 0, 0.2 ) solid;
      margin: 0;
      padding: 0;
    }
    #menu-footer_nav .bough + ul li {
      border-top: none;
      padding: 0.5rem 0 0.5rem 1.5rem;
    }

    #f-bar {
      display: block;
      height: 90px;
      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;
    }
    #f-bar a:hover,
    #f-bar a:focus {
      opacity: 0.9;
    }

    #f-bar .tel {
      font-size: 1.4rem;
      text-align: center;
      line-height: 1em;
    }
    #f-bar .tel span.message {
      line-height: 1.4em;
    }
    #f-bar .tel span.hour {
      font-size: 0.9em;
      line-height: 1.4em;
    }
    #f-bar .tel span.tel-num {
      font-size: 2.2em;
      display: inline-block;
      line-height: 1.2em;
    }
/*
    #f-bar .tel span.tel-num:before {
      font-family: "Font Awesome 5 free";
      font-weight: 900;
      content: "\f098";
      display: inline-block;
      -webkit-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
              transform: rotate(90deg);
      margin-right: 0.2em;
    }
*/
    #f-bar .tel span.tel-num {
      background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22width%3A%2064px%3B%20height%3A%2064px%3B%20opacity%3A%201%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M0%2C88.032v52.377c40.301%2C0.061%2C77.768%2C7.802%2C110.13%2C20.584c6.062%2C2.395%2C11.941%2C4.965%2C17.636%2C7.703%20c12.954-6.226%2C26.899-11.597%2C41.682-15.972c26.517-7.818%2C55.711-12.315%2C86.55-12.315c40.485%2C0%2C78.117%2C7.756%2C110.605%2C20.584%20c6.062%2C2.395%2C11.945%2C4.965%2C17.632%2C7.703c12.958-6.226%2C26.903-11.597%2C41.686-15.972c26.383-7.772%2C55.413-12.27%2C86.08-12.315V88.032%20H0z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%3B%22%3E%3C%2Fpath%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M320.59%2C286.652c0.008%2C13.233%2C3.993%2C25.381%2C10.859%2C35.57c6.865%2C10.166%2C16.618%2C18.26%2C28.016%2C23.071%20c7.608%2C3.22%2C15.938%2C4.995%2C24.769%2C5.003c13.242-0.016%2C25.396-3.993%2C35.574-10.862c10.167-6.87%2C18.26-16.615%2C23.079-28.02%20c3.213-7.604%2C4.991-15.934%2C4.995-24.761c0-6.311-1.315-13.004-4.089-20.011c-2.765-7.007-6.995-14.32-12.664-21.587%20c-10.797-13.891-26.842-27.576-46.899-39.089c-15.375%2C8.843-28.414%2C18.925-38.508%2C29.443%20c-10.751%2C11.16-18.125%2C22.758-21.915%2C33.551C321.63%2C275.146%2C320.59%2C281.037%2C320.59%2C286.652z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%3B%22%3E%3C%2Fpath%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M446.535%2C212.528c13.348%2C13.907%2C23.488%2C29.167%2C29.252%2C45.453c3.278%2C9.294%2C5.095%2C18.94%2C5.095%2C28.671%20c0.012%2C19.95-6.096%2C38.63-16.515%2C54.036c-10.415%2C15.422-25.14%2C27.653-42.508%2C35.005c-11.57%2C4.896-24.322%2C7.603-37.624%2C7.603%20c-19.957%2C0-38.646-6.096-54.052-16.523c-15.413-10.419-27.645-25.136-34.992-42.501c-4.9-11.574-7.608-24.326-7.604-37.62%20c0-14.603%2C4.081-28.961%2C11.084-42.371c7.014-13.44%2C16.952-26.054%2C29.191-37.62c6.364-5.998%2C13.363-11.711%2C20.924-17.12%20c-5.052-1.851-10.239-3.587-15.567-5.164c-23.514-6.93-49.603-10.968-77.222-10.968c-33.876-0.016-65.456%2C6.088-92.799%2C16.124%20c9.99%2C7.13%2C18.998%2C14.84%2C26.868%2C22.995c13.341%2C13.907%2C23.484%2C29.167%2C29.248%2C45.453c3.282%2C9.294%2C5.099%2C18.94%2C5.099%2C28.671%20c0.004%2C19.95-6.096%2C38.63-16.519%2C54.036c-10.419%2C15.422-25.14%2C27.653-42.504%2C35.005c-11.574%2C4.896-24.326%2C7.603-37.624%2C7.603%20c-19.961%2C0-38.646-6.096-54.052-16.523c-15.417-10.419-27.648-25.136-34.996-42.501c-4.9-11.574-7.604-24.326-7.6-37.62%20c0-14.603%2C4.077-28.961%2C11.076-42.371c7.018-13.44%2C16.956-26.054%2C29.199-37.62c6.36-5.998%2C13.359-11.711%2C20.921-17.12%20c-5.057-1.851-10.236-3.587-15.567-5.164C53.367%2C177.493%2C27.446%2C173.454%2C0%2C173.409v250.559h512V173.409%20c-33.696%2C0.045-65.112%2C6.135-92.329%2C16.124C429.66%2C196.663%2C438.668%2C204.374%2C446.535%2C212.528z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%3B%22%3E%3C%2Fpath%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M64.118%2C286.652c0.008%2C13.233%2C3.993%2C25.381%2C10.859%2C35.57c6.865%2C10.166%2C16.618%2C18.26%2C28.02%2C23.071%20c7.604%2C3.22%2C15.934%2C4.995%2C24.769%2C5.003c13.234-0.016%2C25.392-3.993%2C35.57-10.862c10.17-6.87%2C18.26-16.615%2C23.078-28.02%20c3.217-7.604%2C4.995-15.934%2C4.999-24.761c0-6.311-1.323-13.004-4.089-20.011c-2.769-7.007-6.999-14.32-12.663-21.587%20c-10.802-13.891-26.85-27.576-46.903-39.089c-15.376%2C8.843-28.414%2C18.925-38.504%2C29.443c-10.751%2C11.16-18.125%2C22.758-21.915%2C33.551%20C65.159%2C275.146%2C64.118%2C281.037%2C64.118%2C286.652z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%3B%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E');
      background-repeat: no-repeat;
      background-size: auto 1.3em;
      background-position: left bottom;
      font-size: 2.2em;
      display: inline-block;
      line-height: 1.2em;
      padding-left: calc( 1em * 1.5 );
    }


    /* CPT */
    body.single-item_entry .item-info {
      background: #FFF;
      border-radius: 14px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      padding-top: 60px;
      padding-bottom: 60px;
    }
    body.single-item_entry .item-image {
      margin-left: 6%;
      width: 30%;
    }
    body.single-item_entry .item-data {
      margin-right: 6%;
      width: 52%;
    }
    body.single-item_entry .item-data table {
      background: #f7f6ee;
    }
    body.single-item_entry .item-notes {
      margin-right: 6%;
      margin-left: 6%;
      width: 100%;
    }
    
    
    /* 記事 */
    #main .example-post .box {
      margin-bottom: 3em;
    }
    .single .site-main .entry-header h1 span {
      font-size: 3.4rem;
    }
    #main .example-post .cover {
      float: left;
      margin-bottom: 3em;
      width: 49%;
    }
    #main .example-post .cover + .itemdetail {
      float: right;
      margin-bottom: 3em;
      width: 49%;
    }
    #main .example-post .slide .swiper-slide {
      height: 300px;
    }
    #main .example-post .slide .swiper-slide img {
      height: 100%;
      width: auto;
    }
    #main .example-post .thumbnail .swiper-slide:first-child{
      margin-left: 0;
    }

    #main .example-post .itemdetail table tr {
      border-bottom: 1px dashed #a9a9a9;
      border-top: 1px dashed #a9a9a9;
    }
    .example-post .itemdetail table th {
      color: #bc8300;
      padding: 0 0 0 1em;
      width: 31%;
    }
    #main .example-post .itemdetail table th,
    #main .example-post .itemdetail table td,
    #main .example-post .itemdetail table td:last-child {
      border: 1px solid #d5c8b3;
      display: table-cell;
      padding:10px 15px;
    }
    #main .example-post .itemdetail table th br {
      display: none;
    }
    #main .example-post h2[id*="-heading"] {
      background: #985d45 url(img/bg/shasen.png);
      border-radius: 10px;
      clear: both;
      color: #ffffff;
      font-size: 3rem;
      padding: 10px 20px;
      position: relative;
    }
    #main .example-post h2[id*="-heading"]::before,
    #main .example-post h2[id*="-heading"]::after{
      background: none;
      border-radius: 50%;
      content: '';
      display: block;
      height: 0;
      position: absolute;
      width: 0;
      transform: rotate(225deg);
    }
    #main .example-post h2[id*="-heading"]::before{
      border-left: 18px solid #985d45;
      border-top: 18px solid #985d45;
      border-right: 18px solid transparent;
      border-bottom: 18px solid transparent;
      left: 20px;
      top: 37px;
    }
    #main .example-post h2[id*="-heading"]::after{
      left: 35px;
      top: 39px;
      border-left: 20px solid #eee9e5;
      border-top: 20px solid #eee9e5;
      border-right: 20px solid transparent;
      border-bottom: 20px solid transparent;
    }
    
    /* テキスト背景 */
    #main .example-post .ex-bg {
      background: #f7f2ed;
      border: 10px solid #eae1d2;
      padding: 40px 40px 20px;
    }

    /* リンクボタン */
    #main .example-post .related_item {
      margin: 0 auto;
      width: 90%;
    }
    #main .example-post .related_item li {
      list-style: none;
      margin: 0 0 4em 4%;
    }
    #main .example-post .related_item li:first-child {
      margin: 0 auto 4em;
    }
    #main .example-post .related_item li a {
      background: #ffa336 url(img/bg/arrow-bg.png) no-repeat -10px center;
      border-radius: 6px;
      color: #fff;
      display: block;
      font-size: 1.6em;
      line-height: 1.4em;
      min-height: 3.2em;
      padding: 15px 30px 5px;
    }
    #main .example-post .related_item li a:hover {
      opacity: 0.8;
    }
    #main .example-post .related_item .city-bnr a {
      background-color: #e6af19;
    }


}/* End 02.3 Tablet Large */



/* 02.4 Desktop Small 955px
------------------------------------------------------------*/
@media screen and (min-width: 59.6875em) {

    body:before {
      width: 260px;
      z-index: 10;
    }
    .site {
      margin-right: 0;
      margin-left: 0;
      max-width: initial;
    }
    .site-header {
      margin-top: 24px;
      margin-bottom: 24px;
      padding-right: 20px;
      padding-left: 20px;
    }
    .sidebar {
      max-width: 260px;
      z-index: 11;
    }
    .main-navigation {
      margin-right: 20px;
      margin-left: 20px;
    }
    .widget {
      margin-bottom: 1em;
      padding-right: 20px;
      padding-left: 20px;
    }
    #widget-area .toi {
      border: 1px solid #fff;
      color: #fff;
      padding: 10px;
      text-align: center;
    }
    #widget-area .toi > * {
      font-size: 14px;
      margin-bottom: 0;
    }
    #widget-area .toi .tel {
      font-size: 22px;
      font-weight: bold;
    }
    #widget-area .toi .time {
      margin-bottom: 5px;
    }
    #widget-area .toi a {
      background: #ffcc00;
      border: 0;
      border-radius: 6px;
      color: #663333;
      display: block;
      font-size: 14px;
      font-weight: bold;
      padding: 10px;
    }
    #widget-area .toi a:hover {
      background: #cc3333;
      color: #fff;
    }
    .site-content,
    .site-footer {
      margin-left: 260px;
      width: calc( 100vw - 260px - 20px );
    }
    .site-main {
      padding: 0;
    }
    .single article.has-post-thumbnail {
      padding-top: 25px;
    }
    .single .entry-header {
      margin-top: 0;
    }
    .entry-header,
    .entry-content,
    .entry-summary {
      margin-bottom: 1em;
      margin-right: auto;
      margin-left: auto;
      padding-right: 2em;
      padding-left: 2em;
      max-width: 1228px;
    }
    .entry-content #mainImage {
      margin-right: calc( ( 100vw - 260px - 20px - 100% ) / 2 * -1 );
      margin-left: calc( ( 100vw - 260px - 20px - 100% ) / 2 * -1 );
      width: calc( 100vw - 260px - 20px );
    }
    .entry-content .outer {
      margin-right: calc( ( 100vw - 260px - 20px - 100% ) / 2 * -1 );
      margin-left: calc( ( 100vw - 260px - 20px - 100% ) / 2 * -1 );
      width: calc( 100vw - 260px - 20px );
      padding-right: 64px;
      padding-left: 64px;
    }
    .entry-content .outer > .box {
      margin-right: auto;
      margin-left: auto;
      max-width: 1100px;
    }

    #site-navigation {
      display: block;
    }
    #site-navigation li {
      border: none;
    }
    #menu-header_nav > li > a {
      display: block;
      padding: 10px 5px;
    }
    #menu-header_nav span.parent {
      cursor: pointer;
      display: block;
      padding: 10px 5px;
      position: relative;
    }
    #menu-header_nav span.parent:after {
      font-family: "Font Awesome 5 free";
      font-weight: 900;
      content: "\f067";
      color: rgba( 255, 255, 255, 0.2 );
      line-height: 1em;
      height: 1em;
      width: 1em;
      margin: auto 0;
      position: absolute;
      top: 0;
      right: 0.5em;
      bottom: 0;
    }
    #menu-header_nav span.parent.open:after {
      content: "\f068";
    }
    #site-navigation #menu-header_nav div[style*="block"] .sub-menu {
      display: block;
      min-width: 12vw;
    }
    #site-navigation #menu-header_nav div[style*="block"] .sub-menu a {
      white-space: nowrap;
    }
    #site-navigation #menu-header_nav div[style*="block"] {
      position: fixed;
      top: 0px;
      left: 260px;
      bottom: 0;
      padding: 10vh 40px 20px 20px;
      z-index: 1;
      overflow-y: auto;
      height: calc( 100vh - 90px );
    }
    #site-navigation #menu-header_nav div[style*="block"] > .hnclose {
      display: inline-block;
      position: absolute;
      top: 2vh;
      right: 20px;
    }
    #site-navigation #menu-header_nav div[style*="block"] > .hnclose:before {
      font-family: "Font Awesome 5 free";
      font-weight: 900;
      font-size: 20px;
      content: "\f410";
      cursor: pointer;
    }
    #site-navigation #menu-header_nav div[style*="block"] > .sub-menu {
      -webkit-animation-name: fade-in;
              animation-name: fade-in;
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
      -webkit-animation-duration: 0.7s;
              animation-duration: 0.7s;
      margin: 0 0 90px;
    }

    .site-footer .widget-area {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 40px;
    }
    .site-footer .widget-column.footer-widget-1 {
      width: 58%;
    }
    .site-footer .widget-column.footer-widget-2 {
      width: 36%;
    }
    /*.site-footer .widget {
      margin-bottom: 0;
    }*/
    .site-info {
      padding: 20px 40px;
    }

}/* End 02.4 Desktop Small */



/* 02.5 Desktop Medium 1100px
------------------------------------------------------------*/
@media screen and (min-width: 68.75em) {

    /* ここにスタイル */

}/* End 02.5 Desktop Medium */



/* 02.6 Desktop Large 1240px
------------------------------------------------------------*/
@media screen and (min-width: 77.5em) {
    #content #breadcrumb ol {
        /* max-width: calc(1100px - 1em); */
        margin: 0 auto;
        padding-right: 0;
        /* padding-left: 1em; */
        width: 100%;
    }

}/* End 02.6 Desktop Large */



/* 02.7 Desktop X-Large 1403px
------------------------------------------------------------*/
@media screen and (min-width: 87.6875em) {

    /* ここにスタイル */

}/* End 02.7 Desktop X-Large */






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

    /* ここにスタイル */

}/* End 03 Print */



@media screen and (max-width: 953px) {
    .site-main {
      padding: 0;
    }
}