@charset "UTF-8";
header *, header ::before, header ::after {
  background-repeat: no-repeat;
  box-sizing: inherit;
  text-decoration: inherit;
  vertical-align: inherit; }
header * {
  padding: 0;
  margin: 0; }
header h1, header h2, header h3 {
  line-height: 1em; }
.ec-drawerRoleClose {
  left: auto;
  right: 270px; }
.ec-headerNavSP {
  left: auto;
  right: 20px;
  position: absolute; }
.ec-drawerRole {
  left: auto;
  right: 0;
  -webkit-transform: translateX(100%);
          transform: translateX(100%); }
/*--------------------------------------------------- */
/* リセット */
/*--------------------------------------------------- */
/* -------------------------------------------------- */
/* 共通ヘッダー */
/*-------------------------------------------------- */
header .logoFixed {
  display: none; }
header.fixed {
  display: block;
  position: fixed;
  background-color: rgba(255, 255, 255, 0.9);
  margin: 0;
  padding: 10px;
  width: 100%;
  max-width: initial;
  z-index: 100;
  border-bottom: 1px solid #eee; }
header.fixed .btnCart img, header.fixed .btnCart svg {
    max-width: 21px;
    fill: #fff;
    height: auto; }
header.fixed .btnCart:hover svg {
    transition-duration: 0.5s;
    fill: #ffc003; }
.front_page header.fixed .ec-headerNaviRole__right {
    top: 0px; }
header.fixed .ec-headerNav .ec-headerNav__itemLink, header.fixed .ec-cartNavi {
    transition-duration: 0.3s;
    color: #333; }
header.fixed .ec-headerNav .ec-headerNav__itemLink:visited, header.fixed .ec-cartNavi:visited {
      color: #333; }
header.fixed .ec-headerNav .ec-headerNav__itemLink:hover, header.fixed .ec-cartNavi:hover {
      color: #888; }
@media (min-width: 769px) {
  div.ec-cartNavi {
    background-color: transparent; }
  header:not(.fixed) h1 img path, header:not(.fixed) h1 svg path, header:not(.fixed) h1 .logoSvg path, header:not(.fixed) h1 .headLogo path {
    fill: white; }
  header {
    left: 0;
    right: 0;
    top: 0;
    margin-top: 24px;
    margin-bottom: 12px;
    z-index: 20;
    width: 100%;
    position: absolute; }
    header .ec-headerNav .ec-headerNav__itemLink, header .ec-cartNavi {
      transition-duration: 0.3s;
      color: #fff; }
      header .ec-headerNav .ec-headerNav__itemLink:visited, header .ec-cartNavi:visited {
        color: #fff; }
      header .ec-headerNav .ec-headerNav__itemLink:hover, header .ec-cartNavi:hover {
        color: #888; }
      .subPageClass header .ec-headerNav .ec-headerNav__itemLink, .subPageClass header .ec-cartNavi {
        color: #333; }
        .subPageClass header .ec-headerNav .ec-headerNav__itemLink:visited, .subPageClass header .ec-cartNavi:visited {
          color: #333; }
        .subPageClass header .ec-headerNav .ec-headerNav__itemLink:hover, .subPageClass header .ec-cartNavi:hover {
          color: #ffc003; }
    header h1 {
      display: inline-block; }
      header h1 img, header h1 svg, header h1 .logoSvg, header h1 .headLogo {
        max-width: 206px;
        height: auto;
        max-height: 26px;
        width: 100%;
        -o-object-fit: contain;
           object-fit: contain;
        position: relative; }
    header .ec-headerNaviRole__right .ec-headerNav .ec-headerNav__itemLink, header .ec-headerNaviRole__right .ec-cartNavi {
      padding: 0 0 0 20px;
      width: auto;
      height: auto;
      font-size: 16px;
      font-size: 1.6rem;
      min-width: initial; }
    header .ec-headerNaviRole__right .ec-headerNav .ec-headerNav__item {
      position: relative;
      padding-right: 20px; }
      header .ec-headerNaviRole__right .ec-headerNav .ec-headerNav__item:nth-last-of-type(1) {
        padding-right: 0;
        margin-right: 0; }
        header .ec-headerNaviRole__right .ec-headerNav .ec-headerNav__item:nth-last-of-type(1):after {
          content: "";
          display: none; }
    header .ec-headerNaviRole__right .ec-headerNav .ec-headerNav__itemLink {
      padding-left: 0; }
    header .ec-headerNaviRole .ec-headerNaviRole__nav a {
      display: flex; }
    header .ec-headerNaviRole .ec-headerNaviRole__search {
      margin-top: 0; }
    header .ec-cartNavi .ec-cartNavi__badge {
      height: auto;
      padding: 3px 4px 3px 3px;
      min-width: initial; } }
@media (min-width: 769px) and (max-width: 1000px) {
      header .ec-headerNaviRole__right .ec-headerNav .ec-headerNav__item {
        padding-right: 8px; }
        header .ec-headerNaviRole__right .ec-headerNav .ec-headerNav__item span, header .ec-headerNaviRole__right .ec-headerNav .ec-headerNav__item .btnCart {
          font-size: 14px; } }
@media all and (min-width: 769px) and (-ms-high-contrast: none) {
    header .ec-cartNavi {
      position: relative;
      top: -4px; }
      header .ec-cartNavi .ec-cartNavi__badge {
        padding: 7px 5px 5px 5px; } }
@media (max-width: 768px) {
  header .ec-headerNaviRole {
    padding-top: 16px;
    padding-bottom: 16px;
    flex-wrap: wrap; }
    header .ec-headerNaviRole .ec-headerNaviRole__left {
      width: 250px; }
    header .ec-headerNaviRole .ec-headerNavSP {
      display: block;
      top: 13px; }
    header .ec-headerNaviRole .ec-headerNaviRole__search {
      display: inline-block; }
    header .ec-headerNaviRole svg, header .ec-headerNaviRole .logoSvg, header .ec-headerNaviRole .headLogo {
      max-width: 200px;
      height: auto;
      width: 100%; }
    header .ec-headerNaviRole .ec-headerNaviRole__right {
      display: none; }
  header.fixed {
    padding: 0; }
    header.fixed .btnFlex {
      display: none; }
    header.fixed #nav_toggle span {
      background: #111; } }
@media (max-width: 768px) and (max-width: 480px) {
      header .ec-headerNaviRole svg, header .ec-headerNaviRole .logoSvg, header .ec-headerNaviRole .headLogo {
        max-width: 180px; } }