/*
 Theme Name: Pofo Child
 Theme URI: http://wpdemos.themezaa.com/pofo
 Description: Child theme for Pofo theme
 Version: 1.0
 Author: ThemeZaa
 Author URI: http://www.themezaa.com
 Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, blog, e-commerce, photography, portfolio
 License: Themeforest Split Licence
 License URI: http://themeforest.net/licenses
 Template: pofo
 Text Domain: pofo-child
*/

/* 
  Yukawa Theme CSS
  - アイコンフォント読み込み
  - CSS打ち消し
  - 変数
  - フォント読み込み
  - Utility
  - Base Setting
    - Header
    - Footer Menu
    - Footer Information
  - Page-title
*/

/* 
  アイコンフォント読み込み
 */

 @font-face {
    font-family: 'yukawakagu-icon';
    src:
      url('fonts/yukawakagu-icon.ttf?d7aang') format('truetype'),
      url('fonts/yukawakagu-icon.woff?d7aang') format('woff'),
      url('fonts/yukawakagu-icon.svg?d7aang#yukawakagu-icon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  
  [class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'yukawakagu-icon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
  
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .icon-character_heart:before {
    content: "\e903";
    color: #ffe000;
  }
  .icon-character_heart2:before {
    content: "\e913";
    color: #ffe000;
  }
  .icon-character_w:before {
    content: "\e914";
    color: #fff;
  }
  .icon-character:before {
    content: "\e915";
    color: #ffe000;
  }
  .icon-company:before {
    content: "\e916";
    color: #ffe000;
  }
  .icon-assembly:before {
    content: "\e900";
    color: #1363a2;
  }
  .icon-car:before {
    content: "\e901";
    color: #ffe000;
  }
  .icon-cart:before {
    content: "\e902";
    color: #ffe000;
  }
  .icon-corporation:before {
    content: "\e904";
    color: #ffe000;
  }
  .icon-delivery:before {
    content: "\e905";
    color: #1363a2;
  }
  .icon-faq:before {
    content: "\e906";
    color: #ffe000;
  }
  .icon-human:before {
    content: "\e907";
    color: #ffe000;
  }
  .icon-individual:before {
    content: "\e908";
    color: #ffe000;
  }
  .icon-information:before {
    content: "\e909";
    color: #ffe000;
  }
  .icon-leaflet:before {
    content: "\e90a";
    color: #ffe000;
  }
  .icon-light:before {
    content: "\e90b";
    color: #ffe000;
  }
  .icon-mail:before {
    content: "\e90c";
    color: #ffe000;
  }
  .icon-order:before {
    content: "\e90d";
    color: #ffe000;
  }
  .icon-paper:before {
    content: "\e90e";
    color: #ffe000;
  }
  .icon-reserve:before {
    content: "\e90f";
    color: #1363a2;
  }
  .icon-safe:before {
    content: "\e910";
    color: #ffe000;
  }
  .icon-store:before {
    content: "\e911";
    color: #ffe000;
  }
  .icon-truck:before {
    content: "\e912";
    color: #ffe000;
  }
  
  /* 
    CSS打ち消し
   */
  
  footer * {
    transition-timing-function: initial;
    -moz-transition-timing-function: initial;
    -webkit-transition-timing-function: initial;
    -o-transition-timing-function: initial;
    transition-duration: initial;
    -moz-transition-duration: initial;
    -webkit-transition-duration: initial;
    -o-transition-duration: initial;
  }
  
  
  /*
    変数
   */
  :root {
    --y-primary-color: #1363A2;
    --y-secondary-color: #FFE000;
    --y-gray: #B3B3B3;
    --y-gray-body: #434343;
    --y-gray-border: #CCCCCC;
    --y-gray-light: #EDEDED;
    --y-white: #FFFFFF;
  }
  
  /* フォント読み込み */
  /* Pofo側で読み込んでいるのでコメントアウト */
  /* @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+JP:wght@400;700&display=swap'); */
  
  
  /*
    Utility
   */
  .yukawa-u-flex-row-reverse {
    flex-direction: row-reverse;
  }
  
  /*
    Base Setting
   */
  body {
    background: var(--y-white);
    font-family: 'IBM Plex Sans JP', sans-serif;
    color: var(--y-primary-color);
  }
  
  /* Header */
  nav.navbar {}
  .nav-header-container {
  
  }
  header nav.navbar-default, header nav.navbar.bootsnav {
    background-color: var(--y-gray);
  }
  header a.logo-light img {
    max-height: 32px;
  }
  header nav .navbar-nav.text-normal > li > a,
  nav.navbar.bootsnav ul.nav li.dropdown.simple-dropdown ul.dropdown-menu > li > a {
    font-size: 18px;
  }
  
  @media (max-width: 991px) {
    nav.menu-center .accordion-menu {
      padding: 3px 0;
    }
    .menu-center .header-right-col {
      padding: 0 15px 0 0;
    }
    .navbar-nav > li {
      font-size: 14px;
    }
  }
  
  /* Footer */
  footer.site-footer .footer-widget-area {
    border-top: 1px solid var(--y-gray-border);
    padding: 2% 0 0;
  }
  @media (min-width: 768px) {
    .footer-widget-area .row {
        display: flex;
        flex-direction: row-reverse;
        flex-wrap: wrap;
        letter-spacing: 0.09em;
    }
    .menu-yukawa-footer-menu-container a {
      transition: opacity 0.3s;
    }
    .menu-yukawa-footer-menu-container a:hover {
      opacity: 0.7;
    }
  }
  
  /* Footer Menu */
  .menu-yukawa-footer-menu-container ul.menu > li {
  }
  .menu-yukawa-footer-menu-container ul.menu > li > a {
    font-size: 14px;
    color: var(--y-primary-color);
    font-weight: bold;
  }
  .menu-yukawa-footer-menu-container ul.menu > li > ul {
    margin: 0 0 5px;
    padding-left: 0;
  }
  .menu-yukawa-footer-menu-container ul.menu > li > ul li a {
    display: block;
    font-size: 13px;
    padding: 3px 0;
    color: var(--y-gray-body);
  }
  .menu-yukawa-footer-menu-container ul.menu > li > ul a:hover {
  }
  
  @media (min-width: 992px) {
    .footer-widget-area .row {
      padding: 20px 0 0;
    }
    .menu-yukawa-footer-menu-container ul.menu {
      display: flex;
      flex-wrap:wrap;
      margin: 0;
    }
      .menu-yukawa-footer-menu-container ul.menu > li {
        width: calc(100% / 6 - 28px);
        margin: 0 0 45px 28px;
      }
      .menu-yukawa-footer-menu-container ul.menu > li:last-of-type {
        width: calc((100% / 6) * 2 - 28px);
      }
      .menu-yukawa-footer-menu-container ul.menu > li > ul {
        margin: 5px 0 0;
      }
  }
  
  @media (max-width: 991px) {
    .footer-widget-area .row {
      padding: 20px 0 30px;
    }
    .menu-yukawa-footer-menu-container ul.menu {
      border-bottom: 1px solid var(--y-gray-border);
    }
      .menu-yukawa-footer-menu-container ul.menu > li {
        border-top: 1px solid var(--y-gray-border);
        text-align: left;
      }
      .menu-yukawa-footer-menu-container ul.menu > li > a {
        position: relative;
        margin: 0;
        padding: 14px 15px 12px 0;
        display: block;
        line-height: normal;
      }
      .menu-yukawa-footer-menu-container ul.menu > li.menu-item-has-children > a::after {
          position: absolute;
          bottom: 0;
          top: -4px;
          right: 5px;
          margin: auto;
          content: "";
          vertical-align: middle;
          width: 10px;
          height: 10px;
          border: 2px solid;
          border-color: transparent transparent var(--y-primary-color) var(--y-primary-color);
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
          border-radius: 2px;
      }
      .menu-yukawa-footer-menu-container ul.menu > li.toggle-opened > a::after {
          top: 4px;
          border-color: var(--y-primary-color) var(--y-primary-color) transparent transparent;
      }
      .menu-yukawa-footer-menu-container ul.menu > li > ul {
        display: none;
      }
      .menu-yukawa-footer-menu-container ul.menu > li > ul li a {
        padding: 6px 0;
      }
  }
  
  
  /* Footer Information */
  .footer-information {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
    .footer-information .footer-logo {
      max-width: 130px;
    }
    .footer-information .footer-sns {
      display: flex;
      justify-content: space-between;
      margin-top: 20px;
      max-width: 112px;
      padding-left: 0;
    }
      .footer-information .footer-sns li {
        width: 23px;
      }
    .footer-information .copyright {
      margin-top: 25px;
      display: block;
      font-size: 12px;
      font-weight: 500;
    }

.footer-sns {
      justify-content: left!important;
    }
  
  @media (min-width: 992px) {
    .footer-information {
    }
      .footer-information .footer-logo {
        max-width: 154px;
      }
      .footer-information .footer-sns {
        margin-top: 100px;
        max-width: 154px;
      }
        .footer-information .footer-sns li {
          width: 32px;
        }
        .footer-information .footer-sns li a img {
          transition: opacity 0.3s;
        }
        .footer-information .footer-sns li a:hover img {
          opacity: 0.7;
        }
      .footer-information .copyright {
        max-width: 154px;
        font-size: 13px;
      }
  }
  
  
  /*
    Page Title
   */
  .page-title-style-3 .container .row {
  }
  
  .pofo-page-title {
    color: var(--y-primary-color);
  }
  .pofo-page-title::before {
    margin: 0 0 10px;
    display: block;
    content: "\e903";
    font-family: yukawakagu-icon;
    font-weight: normal;
    color: var(--y-secondary-color);
    font-size: 52px;
    line-height: 1;
  }
  .page-title-medium h1 {
    font-size: 40px;
    line-height: 1.3;
  }
  
  .pofo-page-subtitle {
    color: var(--y-primary-color);
    font-size: 12px;
  }
  /* 会社概要 */
  .page-id-22420 .pofo-page-title::before {
    content: "\e913";
  }

.column-time-box{display: flex; margin-bottom:20px; max-width: 900px; margin: 0 auto 10px;}
.column-time{margin:0 0 0 10px;}
.column-time span{display: flex; align-items: center; font-size: 12px;}
.material-icons{font-size: 14px;}