@charset "UTF-8";
/*グラデーションsass*/
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; }
/*グラデーションsass*/
.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%); }
/*グラデーションsass*/
/*--------------------------------------------------- */
/* 検索 */
/*--------------------------------------------------- */
/*--------------------------------------------------- */
/* カート */
/*--------------------------------------------------- */
/*--------------------------------------------------- */
/* リセット */
/*--------------------------------------------------- */
header .ec-headerNaviRole {
  color: #000;
  font-weight: 500; }
/*--------------------------------------------------- */
/* 変数 */
/*--------------------------------------------------- */
/* -------------------------------------------------- */
/* 共通ヘッダー */
/*-------------------------------------------------- */
/*グラデーションsass*/
/*グラデーションsass*/
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; }
.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; }
header.fixed .ec-headerNaviRole {
    align-items: center; }
@media (min-width: 769px) {
  header .ec-headerSearch .searchform {
    display: flex;
    justify-content: flex-end; }
  header .ec-headerSearch #searcIcon {
    width: 11px;
    position: relative;
    top: 2px;
    left: 4px; }
  header .ec-headerSearch .ec-headerSearch__category {
    width: auto; }
    header .ec-headerSearch .ec-headerSearch__category .ec-select select {
      font-size: 12px;
      font-size: 1.2rem;
      font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "MS P明朝", "MS PMincho", serif;
      height: auto;
      padding: 4px 6px;
      border: 1px solid #000;
      border-top-left-radius: 50px;
      border-bottom-left-radius: 50px; }
    header .ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search:before {
      content: "";
      width: 0;
      margin-left: 4px;
      height: 0;
      top: 11px;
      border-style: solid;
      border-width: 5.2px 3px 0 3px;
      border-color: #fff transparent transparent transparent; }
  header .ec-headerSearch .ec-headerSearch__keyword input[type="search"] {
    padding: 4px 6px;
    height: auto;
    max-width: 140px; }
  .safari header .ec-headerSearch .ec-headerSearch__keyword input[type="search"], .safari header .ec-headerSearch .ec-headerSearch__category {
    height: 25px; }
  header .ec-cartNavi .btnCart {
    align-items: center;
    display: flex;
    border-radius: 5px; }
    header .ec-cartNavi .btnCart svg, header .ec-cartNavi .btnCart path {
      fill: #fff;
      height: 18px;
      width: 19px;
      transition-duration: 0.5s;
      margin-left: 4px; }
    header .ec-cartNavi .btnCart:hover path {
      fill: #292929;
      transition-duration: 0.5s; }
  header .ec-cartNavi .ec-cartNavi__badge {
    height: auto;
    padding: 4px;
    margin-left: 2px;
    min-width: 14px;
    min-height: 14px; }
  div.ec-cartNavi {
    background-color: transparent;
    padding: 0; }
  header .ec-headerNaviRole {
    align-items: center; }
  .ec-headerNaviRole .ec-headerNaviRole__left {
    display: flex; }
  .header .ec-headerNaviRole .ec-headerNaviRole__search {
    display: block; }
  .ec-headerNaviRole .ec-headerNaviRole__search a {
    display: flex; }
  header {
    left: 0;
    right: 0;
    top: 0;
    padding-top: 24px;
    padding-bottom: 24px;
    z-index: 20;
    width: 100%; }
    header .ec-headerNav .ec-headerNav__itemLink, header .ec-cartNavi {
      transition-duration: 0.3s;
      color: #fff;
      font-weight: 500; }
      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: #aaa; }
      .sub_page header .ec-headerNav .ec-headerNav__itemLink, .sub_page header .ec-cartNavi {
        color: #000; }
        .sub_page header .ec-headerNav .ec-headerNav__itemLink:visited, .sub_page header .ec-cartNavi:visited {
          color: #000; }
        .sub_page header .ec-headerNav .ec-headerNav__itemLink:hover, .sub_page header .ec-cartNavi:hover {
          color: #EA5D0F; }
      header .ec-headerNav .ec-headerNav__itemLink img, header .ec-cartNavi img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        z-index: -1; }
    header .flex {
      align-items: baseline; }
    header .ec-headerNaviRole {
      align-items: center; }
      header .ec-headerNaviRole .ec-headerNav {
        display: flex; }
      header .ec-headerNaviRole .ec-headerNaviRole__nav a {
        display: flex; }
      header .ec-headerNaviRole .ec-headerNav__itemLink, header .ec-headerNaviRole .name {
        line-height: 1.2em;
        font-size: 16px;
        font-size: 1.6rem; }
      header .ec-headerNaviRole .ec-headerNaviRole__search {
        margin-top: 0; }
      header .ec-headerNaviRole .ec-headerNaviRole__left {
        width: 300px; }
        header .ec-headerNaviRole .ec-headerNaviRole__left h1 {
          display: inline-block; }
          header .ec-headerNaviRole .ec-headerNaviRole__left h1 img, header .ec-headerNaviRole .ec-headerNaviRole__left h1 svg, header .ec-headerNaviRole .ec-headerNaviRole__left h1 .logoSvg, header .ec-headerNaviRole .ec-headerNaviRole__left h1 .headLogo {
            height: auto;
            width: 100%;
            -o-object-fit: contain;
               object-fit: contain;
            position: relative; }
      header .ec-headerNaviRole .ec-headerNaviRole__right {
        align-items: baseline;
        width: calc(100% - 300px + 40px); }
        header .ec-headerNaviRole .ec-headerNaviRole__right .ec-headerNav .ec-headerNav__itemLink, header .ec-headerNaviRole .ec-headerNaviRole__right .ec-cartNavi {
          width: auto;
          height: auto;
          min-width: initial; }
        header .ec-headerNaviRole .ec-headerNaviRole__right .ec-headerNav .ec-headerNav__item {
          position: relative;
          padding-right: 12px; }
          header .ec-headerNaviRole .ec-headerNaviRole__right .ec-headerNav .ec-headerNav__item span {
            position: relative; }
        header .ec-headerNaviRole .ec-headerNaviRole__right .ec-headerNav .ec-headerNav__itemLink {
          padding-left: 0; }
  header {
    /* 下矢印*/
    /* floatクリア*/ }
    header .menu {
      position: relative;
      margin-right: 24px; }
      header .menu > li {
        /* グローバルナビ4つの場合*/
        height: auto;
        background: #EBC700; }
        header .menu > li a {
          display: flex;
          justify-content: flex-start;
          align-items: center;
          color: #fff;
          font-size: 12px;
          font-size: 1.2rem;
          position: relative;
          padding: 6px 8px; }
        header .menu > li .init-bottom {
          justify-content: center; }
          header .menu > li .init-bottom:after {
            content: "";
            width: 0;
            margin-left: 4px;
            height: 0;
            border-style: solid;
            border-width: 5.2px 3px 0 3px;
            border-color: #fff transparent transparent transparent;
            /* style */ }
          header .menu > li .init-bottom:hover {
            color: #fff; }
    header ul.menu__second-level {
      visibility: hidden;
      opacity: 0;
      z-index: 1; }
    header ul.menu__third-level, header ul.menu__fourth-level {
      visibility: hidden;
      opacity: 0; }
    header .menu > li:hover {
      background: #111;
      transition: all .5s;
      color: #fff; }
    header .menu__second-level li, header .menu__third-level li {
      border-top: 1px solid #111; }
    header .menu__second-level li a:hover {
      background: #a68845; }
    header .menu__third-level li a:hover {
      background: #cd9f51; }
    header .menu__fourth-level li a:hover {
      background: #c09d61; }
    header .init-bottom:after {
      content: '';
      width: 6px;
      height: 6px; }
    header .menu {
      *zoom: 1; }
      header .menu:before {
        content: " ";
        display: table; }
      header .menu:after {
        content: " ";
        display: table;
        clear: both; }
    header .menu > li.menu__multi {
      position: relative; }
    header li.menu__multi ul.menu__second-level {
      position: absolute;
      width: 100%;
      background: #e1b245;
      transition: all .2s ease; }
    header li.menu__multi:hover ul.menu__second-level {
      visibility: visible;
      opacity: 1; }
    header li.menu__multi ul.menu__second-level li {
      position: relative; }
      header li.menu__multi ul.menu__second-level li:hover {
        background: #a68845; }
      header li.menu__multi ul.menu__second-level li ul.menu__third-level {
        position: absolute;
        top: -1px;
        right: 100%;
        width: 100%;
        background: #a68845;
        transition: all .2s ease; }
      header li.menu__multi ul.menu__second-level li:hover ul.menu__third-level {
        visibility: visible;
        opacity: 1; }
      header li.menu__multi ul.menu__second-level li ul.menu__third-level li {
        position: relative; }
        header li.menu__multi ul.menu__second-level li ul.menu__third-level li:hover {
          background: #cd9f51; }
        header li.menu__multi ul.menu__second-level li ul.menu__third-level li ul.menu__fourth-level {
          position: absolute;
          top: -1px;
          right: 100%;
          width: 100%;
          background: #cd9f51;
          transition: all .2s ease; }
        header li.menu__multi ul.menu__second-level li ul.menu__third-level li:hover ul.menu__fourth-level {
          visibility: visible;
          opacity: 1; }
    header .init-right:after {
      content: '';
      display: inline-block;
      width: 6px;
      height: 6px;
      margin: 0 0 0 15px;
      border-right: 1px solid #fff;
      border-top: 1px solid #fff;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); } }
@media (min-width: 769px) and (min-width: 769px) {
      header .ec-headerSearch .ec-headerSearch__category .ec-select select {
        padding: 5px 6px 3px; }
    header .ec-cartNavi .ec-cartNavi__badge {
      background-color: #000;
      color: #fff;
      font-weight: 700; } }
@media all and (min-width: 769px) and (-ms-high-contrast: none) {
    header .ec-cartNavi .ec-cartNavi__badge {
      top: 0px;
      padding: 6px 6px 4px; } }
@media (max-width: 1000px) and (min-width: 769px) {
  header .ec-headerNaviRole .ec-headerNav__itemLink, header .ec-headerNaviRole .name {
    font-size: 14px;
    font-size: 1.4rem; }
  header .ec-headerNaviRole .ec-headerNaviRole__left {
    width: 300px; }
  header .ec-headerNaviRole .ec-headerNaviRole__right {
    width: calc(100% - $head_width_left_pcsmall - 20px); }
    header .ec-headerNaviRole .ec-headerNaviRole__right .ec-headerNav .ec-headerNav__item {
      padding-right: 8px; } }
@media (max-width: 768px) {
  header {
    left: 0;
    right: 0;
    top: 0;
    margin-top: 16px;
    margin-bottom: 12px;
    z-index: 20;
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    z-index: 20;
    right: 0;
    margin: auto; }
    header .ec-headerNaviRole {
      padding-top: 16px;
      padding-bottom: 10px;
      flex-wrap: wrap; }
      header .ec-headerNaviRole .ec-headerNaviRole__left {
        width: 300px; }
      header .ec-headerNaviRole .ec-headerNavSP {
        display: block;
        top: 22px; }
      header .ec-headerNaviRole h1 {
        display: inline-block;
        position: relative;
        z-index: 2; }
        header .ec-headerNaviRole h1 img, header .ec-headerNaviRole h1 svg, header .ec-headerNaviRole h1 .logoSvg, header .ec-headerNaviRole h1 .headLogo {
          max-width: 180px;
          height: auto; }
      header .ec-headerNaviRole .ec-headerNaviRole__right {
        display: none; }
  .ec-headerRole__cart {
    display: none !important; }
  header.fixed {
    padding: 0; }
    header.fixed .btnFlex {
      display: none; }
    header.fixed #nav_toggle span {
      background: #111; }
    header.fixed .ec-headerNaviRole h1 {
      display: inline-block;
      position: relative;
      z-index: 2; } }
@media (max-width: 768px) and (max-width: 480px) {
        header .ec-headerNaviRole .ec-headerNavSP {
          top: 14px; }
          header .ec-headerNaviRole h1 img, header .ec-headerNaviRole h1 svg, header .ec-headerNaviRole h1 .logoSvg, header .ec-headerNaviRole h1 .headLogo {
            max-width: 110px; }
    header.fixed .ec-headerNaviRole .ec-headerNavSP {
      top: 14px; } }
@media (max-width: 768px) and (min-width: 481px) {
    header.fixed .ec-headerNaviRole .ec-headerNavSP {
      top: 12px; } }