/*
Theme Name: draft portfolio child
Template:draft-portfolio
Version: 1.6.5
Description ： draft portfolioの子テーマ
*/
.article-wrap {
    display: flex;
    flex-wrap: wrap;
    margin-right: -30px;
}
[class*='col-'] {
    float: none;
    padding-right: 30px; /* column-space */
  }
  
  a:hover, a:focus, a:active {
      opacity: 1;
  }
  
  /* .ec-input input:focus, .ec-halfInput input:focus, .ec-numberInput input:focus, .ec-zipInput input:focus, .ec-telInput input:focus, .ec-select input:focus, .ec-birth input:focus {
      border-color: none;
      outline: 0;
      box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
  } */
  
  .ec-input input:-internal-autofill-selected {
      background-color: #f6f6f6;
      color: #555555;
  }
  .loading img {
      width: initial;
  }
  .grid {
      max-width: 1090px;
  }
  .header_info li a {
      color: #484848;
  }
  .header_lower_block .header_fax {
      margin-left: 41.961px;
  }
  ec-input:focus-visible {
      outline: none;
  }
  h1.category_title {
      border-bottom: solid 2px #404040;
      font-size: 3.4rem;
      font-weight: bold;
      letter-spacing: .025em;
      padding-bottom: 5px;
      margin-top: 58.71px;
      margin-bottom: 1.5em;
  }
  h1.entry-title {
      margin-top: 20px;
      font-weight: bold;
  }
  .global_nav_block .common_base_block .global_nav > ul > li a {
      color: #484848;
  }
  
  /* ----------------------------------------- */
  /* pankuzu */
  
  #content .ec-searchnavRole__topicpath {
      position: relative;
      overflow: auto;
      white-space: nowrap;
      text-overflow: ellipsis;
      padding: 15px 0 28px;
      width: 100%;
      max-width: 1090px;
      margin: 0 auto;
      z-index: 3;
  }
  #content .ec-topicpath {
      display: table;
      font-size: 1.1rem;
      font-weight: 500;
      padding: 0;
      border-top: none;
      color: #666;
  }
  #content .ec-topicpath__item {
      display: table-cell;
      text-align: left;
  }
  #content .ec-topicpath__item a {
      transition: opacity .3s;
  }
  #content .ec-topicpath__item a:hover {
      opacity: .6;
  }
  #content ec-topicpath__item + .ec-topicpath__item {
      padding-left: 24px;
      position: relative;
  }
  #content .ec-topicpath__item + .ec-topicpath__item::before {
      content: '';
      display: block;
      width: 6px;
      height: 6px;
      border-top: 1px solid #666;
      border-right: 1px solid #666;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      position: absolute;
      left: 7px;
      top: 4px;
  }
  #content .ec-topicpath__item a {
      color: #666;
  }
  
  @media print, screen and (min-width: 768px) {
      #content .ec-searchnavRole__topicpath::-webkit-scrollbar{height:4px;}
      #content .ec-searchnavRole__topicpath::-webkit-scrollbar-track{background: #ccc;}
      #content .ec-searchnavRole__topicpath::-webkit-scrollbar-thumb {background: #888;}
  }
  /* ----------------------------------------- */
  /* Responsive */
  @media print, screen and (max-width: 767px) {
      #content .ec-searchnavRole__topicpath {
          padding: 12px 4.872%;
          margin: 0 -4.872% 5px;
      }
      #content .ec-topicpath {
          font-size: 1.1rem;
          border-bottom: 0;
      }
      #content .ec-topicpath__item a:hover {
          opacity: 1;
      }
      #content .ec-topicpath__item + .ec-topicpath__item {
          padding-left: 24px;
      }
      #content .ec-topicpath__item + .ec-topicpath__item::before {
          top: 4px;
      }
  }
  .production_example_fields {
      margin-bottom: 24px;
  }
  .entry-content .production_example_fields hr {
      background-color: #ccc;
      margin-top: 0;
      margin-bottom: 0;
  }
  .entry-content .production_example_fields dl {
      padding: 20px 0;
      /* margin: 20px 0; */
  }
  .entry-content .production_example_fields dh {
      font-size: 16px;
  }
  .entry-content .production_example_fields dd {
      margin-bottom: 0;
      font-size: 16px;
  }
  a.page-numbers, span.page-numbers {
      padding: 0.5em 0.8em;
      color: #333;
      color: hsl(0, 0%, 20%);
      font-size: 14px;
  }
  footer .footer_desc_block .desc_block_left .footer_nav_box nav li a {
      color: #484848;
  }
  footer .footer_info_block .calendar_box dl {
      margin-top: 34px;
  }
  footer .footer_desc_block .desc_block_left .other_memu_list ul li a {
      color: #484848;
  }
  .copyright a {
      color: #484848;
  }
  @media handheld, only screen and (max-width: 767px) {
    .grid {
        padding-right: 20px;
    }
      #main {
          justify-content: center;
      }
      .humberger_button:hover,
      .humberger_button:focus {
          box-shadow: none;
      }
      .global_nav_block .common_base_block .sp_slider_nav .only_for_sp .info_box {
          padding-top: 16px;
      }
      .global_nav_block .common_base_block .sp_slider_nav .only_for_sp .info_box ul li {
          width: 100%;
      }
      h1.category_title {
          font-size: 2.0rem;
          margin-top: 39.71px;
      }
  }
  @media handheld, only screen and (max-width: 640px) {
    .site-footer {
      display: block;
    }
  }