@charset “UTF-8”;

/*  #accordionはjs  */

/** =======================
 * sp
 ===========================*/

/** =======================
 * タブレット
 ===========================*/

@media (max-width: 1200px) { 

    body #header-nav-sp {
      background: #2d2c41;
      font-family: 'Open Sans', Arial, Helvetica, Sans-serif, Verdana, Tahoma;
    }

    #header-nav-sp ul {
      list-style-type: none;     
    }

    #header-nav-sp {
      color: #b63b4d;
      text-decoration: none;
    }

    #header-nav-sp li {
      margin-bottom: 0!important;
    }

     #header-nav-sp li .splinksolo a{
      display: block;
      height: 100%;
      width: 100%
    }

    /** =======================
     * Contenedor Principal
     ===========================*/
    #header-nav-sp h1.sp {
      color: #FFF;
      font-size: 17px;
      font-weight: normal;
      text-align: center;
      margin: 0;
      padding: 10px 0;
     }

    /*#header-nav-sp h1.sp a {
      color: #c12c42;
      font-size: 16px;
     }*/

     #header-nav-sp .accordion_sp {
      width: 100%;
      /*max-width: 360px;*/
      margin: 0 auto 20px;
      background: #FFF;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
     }

    #header-nav-sp .accordion_sp .link {
      cursor: pointer;
      display: block;
      padding: 15px 15px 15px 42px;
      color: #4D4D4D;
      font-size: 14px;
      font-weight: 700;
      border-bottom: 1px solid #CCC;
      position: relative;
      -webkit-transition: all 0.4s ease;
      -o-transition: all 0.4s ease;
      transition: all 0.4s ease;
    }

    #header-nav-sp .accordion_sp li:last-child .link {
      border-bottom: 0;
    }

    #header-nav-sp .accordion_sp li i {
      position: absolute;
      top: 16px;
      left: 12px;
      font-size: 18px;
      color: #595959;
      -webkit-transition: all 0.4s ease;
      -o-transition: all 0.4s ease;
      transition: all 0.4s ease;
    }

    #header-nav-sp .accordion_sp li i.fa-chevron-down {
      right: 12px;
      left: auto;
      font-size: 16px;
    }

    #header-nav-sp .accordion_sp li.open .link {
      /*color: #b63b4d;*/
      color: #4D4D4D;
    }

    #header-nav-sp .accordion_sp li.open i {
      /*color: #b63b4d;*/
      color: #4D4D4D;
    }
    #header-nav-sp .accordion_sp li.open i.fa-chevron-down {
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg);
    }

    #header-nav-sp .accordion_sp li.default .submenu {display: block;}
    /**
     * Submenu
     -----------------------------*/
    #header-nav-sp .submenu {
      display: none;
      background: #444359;
      font-size: 14px;
     }

     #header-nav-sp .submenu li {
      border-bottom: 1px solid #4b4a5e;
     }

     #header-nav-sp .submenu a {
      display: block;
      text-decoration: none;
      color: #d9d9d9;
      padding: 12px;
      padding-left: 42px;
      -webkit-transition: all 0.25s ease;
      -o-transition: all 0.25s ease;
      transition: all 0.25s ease;
     }

     /*#header-nav-sp .submenu a:hover {
      background: #b63b4d;
      color: #FFF;
     }*/


    /**/
     #header-nav-sp .no_sub {
      cursor: pointer;
      display: block;
      padding: 15px 15px 15px 42px;
      color: #4D4D4D;
      font-size: 14px;
      font-weight: 700;
      border-bottom: 1px solid #CCC;
      position: relative;
      -webkit-transition: all 0.4s ease;
      -o-transition: all 0.4s ease;
      transition: all 0.4s ease;
     }

      /*#header-nav-sp .no_sub:hover {
      background: #b63b4d;
      color: #FFF;
     }*/


    #header-nav-sp li:not(:last-child) {
      margin-bottom: 0!important;
    }
  }

/* accordion　font */
#header-nav-sp .submenu li {
  font-weight: bold;
}
#header-nav-sp .menu_subtxt {
  font-size: 13px;
  font-weight: normal;
}



/*--  icon配置 --*/

#header-nav-sp .header-btn-sp {
    display: block;
    width: 21px;
    height: 21px;
    margin: 0;
    vertical-align: middle;
}

#header-nav-sp .download_sp::before {
    content: url(/img/icon/icon-download_gray.svg);
}

#header-nav-sp .contact_sp::before {
    content: url(/img/icon/icon-contact_gray.svg);
}

#header-nav-sp .news_sp::before {
    content: url(/img/icon/icon-news_gray.svg);
}

#header-nav-sp .company_sp::before {
    content: url(/img/icon/icon-company_gray.svg);
}


/* icon color */

.i_color_winered {
  fill: #c12c42; /* sp txt */
}




/*-webkit-mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="enable-background:new 0 0 512 512" viewBox="0 0 512 512"><path d="M230.5 324.6c6.7 6.7 16 10.5 25.5 10.5s18.8-3.8 25.5-10.5l117-117c14.1-14.1 14.1-36.9 0-50.9-14.1-14.1-36.9-14.1-50.9 0L292 212.2v-174c0-19.9-16.1-36-36-36s-36 16.1-36 36v174l-55.5-55.5c-14.1-14.1-36.9-14.1-50.9 0-14.1 14.1-14.1 36.9 0 50.9l116.9 117zM473.5 383.1h-140c-13.4 29.5-43 50-77.4 50-34.5 0-64-20.5-77.4-50h-140C17.3 383.1 0 400.4 0 421.7v49.6c0 21.3 17.3 38.6 38.6 38.6h434.9c21.3 0 38.5-17.3 38.5-38.6v-49.6c0-21.3-17.2-38.6-38.5-38.6z"/></svg>');
    -webkit-mask-size: contain;
    mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="%2332CD32" viewBox="0 0 16 16"><path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"/></svg>');
    mask-size: contain;*/