* {
  font-family: source-han-sans-japanese,sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #111; }

header {
  padding-top: 89px; }
  header .header_top {
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5;
    border-bottom: 1px solid #FD7F1E; }
    header .header_top .delivery_txt {
      text-align: center;
      font-size: 14px;
      font-weight: 500;
      color: #111;
      line-height: 28px;
      border-bottom: 1px solid #FD7F1E; }
      header .header_top .delivery_txt br {
        display: none; }
    header .header_top .inner {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start;
      align-items: center;
      width: 94%;
      max-width: 1200px;
      margin: 0 auto; }
      header .header_top .inner .header_logo {
        max-width: 130px;
        width: 10.9%;
        margin-right: 2%; }
        header .header_top .inner .header_logo a {
          display: block; }
      header .header_top .inner .header_right {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        align-items: center;
        flex-wrap: nowrap;
        width: 87.1%; }
        header .header_top .inner .header_right .item_search {
          background: #FD7F1E;
          width: 13.3%;
          margin-right: 2.3%;
          cursor: pointer; }
          header .header_top .inner .header_right .item_search.active a::after {
            transform: rotate(225deg);
            margin-top: 8px; }
          header .header_top .inner .header_right .item_search a {
            display: flex;
            flex-wrap: wrap;
            align-items: flex-start;
            align-items: center;
            justify-content: center;
            line-height: 60px;
            color: #fff;
            text-decoration: none;
            font-size: 16px;
            font-weight: 500; }
            header .header_top .inner .header_right .item_search a::after {
              content: "";
              width: 12px;
              height: 12px;
              border-right: 2px solid #fff;
              border-bottom: 2px solid #fff;
              transform: rotate(45deg);
              margin-left: 10px;
              transition: .3s; }
        header .header_top .inner .header_right .header_word_saerch {
          width: 58%;
          margin-right: 2%; }
          header .header_top .inner .header_right .header_word_saerch form {
            display: flex;
            flex-wrap: wrap;
            align-items: flex-start;
            align-items: center;
            background: #fff;
            line-height: 44px;
            padding: 0 16px;
            border-radius: 22px;
            overflow: hidden;
            border: 1px solid #666; }
            header .header_top .inner .header_right .header_word_saerch form input {
              padding: 0;
              margin: 0;
              width: calc(100% - 30px);
              font-size: 16px;
              border: none;
              line-height: 2.75em; }
            header .header_top .inner .header_right .header_word_saerch form button {
              padding: 0;
              margin: 0;
              background: none;
              border: none;
              width: 30px; }
        header .header_top .inner .header_right .function_menu {
          display: flex;
          flex-wrap: wrap;
          align-items: flex-start;
          flex-wrap: nowrap;
          align-items: center;
          justify-content: end;
          padding: 0;
          margin: 0;
          list-style: none;
          width: 24.4%; }
          @media screen and (min-width: 768px) {
            header .header_top .inner .header_right .function_menu li:not(:last-of-type) {
              margin-right: 7.5%; } }
          header .header_top .inner .header_right .function_menu li a {
            position: relative;
            display: block;
            margin-right: -5px; }
            header .header_top .inner .header_right .function_menu li a .fs-client-cart-count {
              display: block;
              position: absolute;
              top: -3px;
              right: -5px;
              width: 1.55em;
              height: 1.55em;
              border-radius: 3em;
              color: #ffffff;
              font-size: min(13px, 2.6vw);
              text-align: center;
              line-height: 1.35em;
              background: #fd7f1e;
              overflow: hidden; }
          header .header_top .inner .header_right .function_menu li.other a span {
            color: #111;
            font-size: 14px;
            word-break: keep-all;
            text-decoration: none; }
            @media screen and (max-width: 1023px) {
              header .header_top .inner .header_right .function_menu li.other a span {
                display: none; } }
          @media screen and (min-width: 1024px) {
            header .header_top .inner .header_right .function_menu li.other a img {
              display: none; } }
    header .header_top .sp_menu_btn {
      display: none; }
      @media screen and (max-width: 1023px) {
        header .header_top .sp_menu_btn {
          display: block; }
          header .header_top .sp_menu_btn .menu-trigger {
            display: block;
            transition: all .4s;
            box-sizing: border-box;
            position: relative;
            width: 34px;
            height: 30px;
            background: none;
            border: none;
            appearance: none;
            cursor: pointer;
            outline: none; }
            header .header_top .sp_menu_btn .menu-trigger span {
              display: inline-block;
              transition: all .4s;
              box-sizing: border-box;
              position: absolute;
              left: 0;
              width: 100%;
              height: 3px;
              background-color: #111; }
              header .header_top .sp_menu_btn .menu-trigger span:nth-of-type(1) {
                top: 0; }
              header .header_top .sp_menu_btn .menu-trigger span:nth-of-type(2) {
                top: 13px; }
              header .header_top .sp_menu_btn .menu-trigger span:nth-of-type(3) {
                bottom: 0; }
            header .header_top .sp_menu_btn .menu-trigger.active span:nth-of-type(1) {
              transform: translateY(13px) rotate(-45deg); }
            header .header_top .sp_menu_btn .menu-trigger.active span:nth-of-type(2) {
              opacity: 0; }
            header .header_top .sp_menu_btn .menu-trigger.active span:nth-of-type(3) {
              transform: translateY(-13px) rotate(45deg); } }
  header .header_navigation {
    background: #fff;
    padding: 24px 0; }
    @media screen and (min-width: 768px) {
      header .header_navigation {
        height: auto !important; } }
    header .header_navigation ul {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start;
      align-items: center;
      justify-content: center;
      padding: 0;
      margin: 0;
      list-style: none; }
      header .header_navigation ul li {
        border-left: 1px solid #666;
        padding: 0 32px;
        color: #111; }
        header .header_navigation ul li:last-of-type {
          border-right: 1px solid #666; }
        header .header_navigation ul li.sp_menu {
          display: none; }
        header .header_navigation ul li.pc_menu a {
          display: inline-block; }
        @media screen and (min-width: 1024px) {
          header .header_navigation ul li.sp_btn {
            display: none; } }
        header .header_navigation ul li a {
          display: block;
          color: #111;
          font-size: 16px;
          text-decoration: underline; }
  header .hot_word {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    align-items: center;
    justify-content: center;
    background: #FD7F1E;
    padding: 16px 0 0; }
    header .hot_word p {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start;
      align-items: stretch;
      margin: 0 16px 16px 0; }
      header .hot_word p::after {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 13px 0 13px 13px;
        border-color: transparent transparent transparent #000; }
      header .hot_word p span {
        font-size: 16px;
        font-weight: 500;
        color: #fff;
        background: #000;
        padding: 0 2px 0 7px;
        line-height: 26px; }
    header .hot_word ul {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start;
      align-items: center;
      justify-content: center;
      list-style: none;
      padding: 0;
      margin: 0; }
      header .hot_word ul li {
        background: #fff;
        border-radius: 4px;
        margin: 0 16px 16px 0; }
        header .hot_word ul li a {
          display: block;
          word-break: keep-all;
          font-size: 14px;
          line-height: 26px;
          color: #111;
          text-decoration: none;
          padding: 0 10px; }
  @media screen and (max-width: 1200px) {
    header .header_top .inner .header_right .header_word_saerch {
      width: 50%; }
    header .header_top .inner .header_right .function_menu {
      width: 31.4%; }
    header .header_top .inner .header_right .item_search {
      width: 15%; }
    header .header_navigation ul li {
      padding: 0 22px; } }
  @media screen and (max-width: 1023px) {
    header .header_top .inner {
      justify-content: space-between; }
      header .header_top .inner .header_logo {
        width: 18%; }
      header .header_top .inner .header_right {
        width: 80%;
        justify-content: flex-end; }
        header .header_top .inner .header_right .item_search {
          width: 25%;
          margin-right: auto;
          background: #050505; }
        header .header_top .inner .header_right .header_word_saerch {
          display: none; }
        header .header_top .inner .header_right .function_menu {
          width: 23.3vw;
          justify-content: end;
          margin-right: 0; }
          header .header_top .inner .header_right .function_menu li {
            margin-right: 14.5%; }
    header .header_navigation {
      position: fixed;
      left: 100%;
      transition: .3s;
      width: 100%;
      padding: 0;
      z-index: 5;
      overflow: auto;
      padding-bottom: 5%; }
      header .header_navigation.view {
        left: 0; }
      header .header_navigation ul {
        display: block;
        height: calc(100% - 30px); }
        header .header_navigation ul li {
          border: none !important; }
          header .header_navigation ul li.pc_menu {
            display: none; }
          header .header_navigation ul li.sp_menu {
            display: block; }
          header .header_navigation ul li a {
            display: block;
            text-decoration: none;
            font-size: 16px;
            position: relative;
            line-height: 64px; }
            header .header_navigation ul li a::after {
              content: "";
              width: 12px;
              height: 12px;
              border-top: 2px solid #fff;
              border-right: 2px solid #fff;
              transform: rotate(45deg);
              position: absolute;
              right: 20px;
              top: calc(50% - 6px); }
          header .header_navigation ul li.sp_btn {
            background: #FD7F1E;
            width: 90%;
            margin: 0 auto; }
            header .header_navigation ul li.sp_btn a {
              display: block;
              color: #fff;
              text-align: center;
              font-weight: 500; }
    header .hot_word p {
      margin: 0 16px 20px 0; }
      header .hot_word p::after {
        display: none; }
      header .hot_word p span {
        background: none; } }
  @media screen and (max-width: 767px) {
    header {
      padding-top: 0; }
      header .header_top {
        position: relative; }
        header .header_top .delivery_txt {
          font-size: 3.2vw;
          line-height: 1.6em;
          margin-bottom: 4.8vw;
          padding: 0.3em 0 0.6em; }
          header .header_top .delivery_txt br {
            display: block; }
        header .header_top .inner {
          padding: 0;
          width: 100%; }
          header .header_top .inner .header_logo {
            width: 45.392%;
            max-width: 320px;
            margin: 0 auto 5.3333333333vw; }
            header .header_top .inner .header_logo a img {
              width: 100%; }
          header .header_top .inner .header_right {
            width: 100%; }
            header .header_top .inner .header_right.fixed {
              position: fixed;
              top: 0;
              left: 0;
              background: #fff; }
            header .header_top .inner .header_right .item_search {
              width: 40%;
              margin-right: 0; }
              header .header_top .inner .header_right .item_search a {
                font-size: 3.7333333333vw;
                line-height: 12.8vw; }
                header .header_top .inner .header_right .item_search a::before {
                  content: "";
                  background: url("../img/common/search_nav_icon.svg") no-repeat center/100%;
                  width: 6.4vw;
                  height: 6.4vw;
                  margin-right: 3.2vw; }
                header .header_top .inner .header_right .item_search a::after {
                  display: none; }
            header .header_top .inner .header_right .function_menu {
              margin: 0 0 0 6.4vw;
              justify-content: center;
              width: 42.5vw; }
              header .header_top .inner .header_right .function_menu li {
                margin-right: 6.4vw;
                width: auto; }
                header .header_top .inner .header_right .function_menu li a img {
                  width: auto;
                  height: 7.2vw; }
        header .header_top .sp_menu_btn {
          margin-right: 6.4vw; }
          header .header_top .sp_menu_btn .menu-trigger {
            width: 6.6666666667vw;
            height: 6.4vw; }
            header .header_top .sp_menu_btn .menu-trigger span {
              height: 4px; }
              header .header_top .sp_menu_btn .menu-trigger span:nth-of-type(2) {
                top: 2.6666666667vw; }
            header .header_top .sp_menu_btn .menu-trigger.active span:nth-of-type(1) {
              transform: translateY(2.6666666667vw) rotate(-45deg); }
            header .header_top .sp_menu_btn .menu-trigger.active span:nth-of-type(3) {
              transform: translateY(-2.6666666667vw) rotate(45deg); }
      header .header_navigation ul li {
        padding: 0; }
        header .header_navigation ul li a {
          font-size: 4.2666666667vw;
          padding: 5.3333333333vw;
          line-height: 1; }
          header .header_navigation ul li a::after {
            width: 2.6666666667vw;
            height: 2.6666666667vw; }
        header .header_navigation ul li.sp_btn a {
          padding: 4vw; }
      header .hot_word p {
        margin-bottom: 3.2vw; }
        header .hot_word p span {
          font-size: 4.8vw; }
      header .hot_word ul {
        padding: 0 3.2vw;
        margin-bottom: 3.28vw; }
        header .hot_word ul li {
          margin: 0 1.0666666667vw 3.2vw; }
          header .hot_word ul li a {
            font-size: 3.7333333333vw;
            padding: 0 2.6666666667vw;
            line-height: 6.9333333333vw; } }

#search_menu {
  position: fixed;
  width: 100%;
  left: 0;
  height: 100vh;
  top: -110vh;
  background: #F9F9F9;
  transition: .5s;
  box-sizing: content-box;
  z-index: 3;
  padding-bottom: 50px; }
  #search_menu.view {
    top: 0; }
  #search_menu .menu_inner {
    width: 94%;
    max-width: 1200px;
    margin: 0 auto;
    overflow: auto;
    height: 100%;
    padding: 35px 0 50px; }
    #search_menu .menu_inner .item_search_form_area {
      width: 100%;
      max-width: 1120px;
      margin: 0 auto; }
      #search_menu .menu_inner .item_search_form_area form .fs-c-checkbox__checkMark {
        display: none; }
      #search_menu .menu_inner .item_search_form_area form .item_search_form_inner .item_search_select {
        margin-bottom: 48px; }
      #search_menu .menu_inner .item_search_form_area form .item_search_form_inner .search_single {
        margin-bottom: 12px; }
        #search_menu .menu_inner .item_search_form_area form .item_search_form_inner .search_single .select_ttl {
          margin-bottom: 9px;
          font-size: 14px;
          font-weight: 500; }
          #search_menu .menu_inner .item_search_form_area form .item_search_form_inner .search_single .select_ttl label {
            font-size: inherit;
            font-weight: inherit; }
        #search_menu .menu_inner .item_search_form_area form .item_search_form_inner .search_single .search_menu input[name="keyword"] {
          width: 100%;
          line-height: 50px;
          border: 1px solid #ddd;
          padding: 0 16px; }
        #search_menu .menu_inner .item_search_form_area form .item_search_form_inner .search_single .search_menu .check_list {
          display: flex;
          flex-wrap: wrap;
          align-items: flex-start;
          flex-wrap: wrap; }
          #search_menu .menu_inner .item_search_form_area form .item_search_form_inner .search_single .search_menu .check_list .check_single {
            border: 1px solid #ddd;
            line-height: 40px;
            border-radius: 6px;
            background: #fff;
            padding: 0 12px;
            margin-right: 12px;
            font-size: 16px;
            word-break: keep-all;
            margin: 0 12px 12px 0; }
          #search_menu .menu_inner .item_search_form_area form .item_search_form_inner .search_single .search_menu .check_list input[type="checkbox"] {
            display: none; }
            #search_menu .menu_inner .item_search_form_area form .item_search_form_inner .search_single .search_menu .check_list input[type="checkbox"] + label {
              display: none;
              cursor: pointer;
              display: inline-block;
              position: relative;
              padding-left: 30px;
              padding-right: 10px; }
              #search_menu .menu_inner .item_search_form_area form .item_search_form_inner .search_single .search_menu .check_list input[type="checkbox"] + label::before {
                content: "";
                position: absolute;
                display: block;
                box-sizing: border-box;
                width: 16px;
                height: 16px;
                left: 0;
                top: calc(50% - 8px);
                border: 1px solid #ddd;
                background: #fff;
                border-radius: 50%; }
            #search_menu .menu_inner .item_search_form_area form .item_search_form_inner .search_single .search_menu .check_list input[type="checkbox"]:checked + label::after {
              content: "";
              position: absolute;
              display: block;
              width: 14px;
              height: 9px;
              margin-top: -9px;
              top: 50%;
              left: 3px;
              transform: rotate(-45deg);
              border-bottom: 3px solid #FD7F1E;
              border-left: 3px solid #FD7F1E; }
      #search_menu .menu_inner .item_search_form_area form .item_search_form_inner .other_seaarch_option .check_single {
        text-align: center;
        display: block;
        margin-bottom: 20px; }
        #search_menu .menu_inner .item_search_form_area form .item_search_form_inner .other_seaarch_option .check_single input[type="checkbox"] {
          display: none; }
          #search_menu .menu_inner .item_search_form_area form .item_search_form_inner .other_seaarch_option .check_single input[type="checkbox"] + label {
            display: none;
            cursor: pointer;
            display: inline-block;
            position: relative;
            padding-left: 30px;
            padding-right: 10px; }
            #search_menu .menu_inner .item_search_form_area form .item_search_form_inner .other_seaarch_option .check_single input[type="checkbox"] + label::before {
              content: "";
              position: absolute;
              display: block;
              box-sizing: border-box;
              width: 16px;
              height: 16px;
              left: 0;
              top: calc(50% - 8px);
              border: 1px solid #ddd;
              background: #fff;
              border-radius: 50%; }
          #search_menu .menu_inner .item_search_form_area form .item_search_form_inner .other_seaarch_option .check_single input[type="checkbox"]:checked + label::after {
            content: "";
            position: absolute;
            display: block;
            width: 14px;
            height: 9px;
            margin-top: -9px;
            top: 50%;
            left: 3px;
            transform: rotate(-45deg);
            border-bottom: 3px solid #FD7F1E;
            border-left: 3px solid #FD7F1E; }
      #search_menu .menu_inner .item_search_form_area form .item_search_form_inner .other_seaarch_option .search_btn {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        align-items: center;
        justify-content: center;
        width: 360px;
        line-height: 72px;
        background: #FD7F1E;
        border-radius: 36px;
        text-align: center;
        border: none;
        color: #fff;
        font-size: 18px;
        font-weight: 500;
        margin: 0 auto; }
        #search_menu .menu_inner .item_search_form_area form .item_search_form_inner .other_seaarch_option .search_btn::before {
          content: "";
          background: url("../img/common/search_nav_icon.svg") no-repeat center/100%;
          width: 24px;
          height: 24px;
          margin-right: 12px;
          display: inline-block; }
    #search_menu .menu_inner .search_bottom {
      width: 100%;
      border-top: 1px solid #C9C9C9;
      margin-top: 36px;
      padding-top: 36px; }
      #search_menu .menu_inner .search_bottom ul {
        padding: 0;
        margin: 0;
        list-style: none;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        max-width: 1120px;
        width: 100%;
        margin: 0 auto; }
        #search_menu .menu_inner .search_bottom ul li {
          width: 31.3%; }
          #search_menu .menu_inner .search_bottom ul li:not(:last-of-type) {
            margin-right: calc(6.1% / 2); }
          #search_menu .menu_inner .search_bottom ul li a {
            display: flex;
            flex-wrap: wrap;
            align-items: flex-start;
            align-items: center;
            justify-content: center;
            background: #111;
            line-height: 72px;
            color: #fff;
            font-size: 18px;
            font-weight: 500;
            text-decoration: none; }
            #search_menu .menu_inner .search_bottom ul li a::after {
              content: "";
              width: 11px;
              height: 11px;
              border-top: 2px solid #fff;
              border-right: 2px solid #fff;
              transform: rotate(45deg);
              margin-left: 9px; }
  @media screen and (max-width: 767px) {
    #search_menu .menu_inner .item_search_form_area form .item_search_form_inner .search_single {
      margin-bottom: 8vw; }
      #search_menu .menu_inner .item_search_form_area form .item_search_form_inner .search_single .select_ttl label {
        font-size: 3.7333333333vw; }
      #search_menu .menu_inner .item_search_form_area form .item_search_form_inner .search_single .search_menu .check_single {
        line-height: 10.6666666667vw;
        margin: 0 2.6666666667vw 4.2666666667vw;
        padding: 0 2.6666666667vw; }
      #search_menu .menu_inner .item_search_form_area form .item_search_form_inner .search_single .search_menu input[name="keyword"] {
        line-height: 13.3333333333vw; }
      #search_menu .menu_inner .item_search_form_area form .item_search_form_inner .search_single .search_menu .check_list input[type="checkbox"] + label {
        font-size: 3.7333333333vw;
        padding: 0 0 0 6.4vw; }
        #search_menu .menu_inner .item_search_form_area form .item_search_form_inner .search_single .search_menu .check_list input[type="checkbox"] + label::before {
          width: 4.2666666667vw;
          height: 4.2666666667vw; }
    #search_menu .menu_inner .item_search_form_area form .item_search_form_inner .other_seaarch_option .search_btn {
      width: 100%;
      font-size: 4.2666666667vw;
      line-height: 17.0666666667vw; }
      #search_menu .menu_inner .item_search_form_area form .item_search_form_inner .other_seaarch_option .search_btn::before {
        content: "";
        width: 5.3333333333vw;
        height: 5.3333333333vw; }
    #search_menu .menu_inner .search_bottom {
      margin-top: 10.6666666667vw;
      padding-top: 10.6666666667vw; }
      #search_menu .menu_inner .search_bottom ul {
        display: block; }
        #search_menu .menu_inner .search_bottom ul li {
          width: 100% !important; }
          #search_menu .menu_inner .search_bottom ul li:not(:last-of-type) {
            margin-bottom: 6.4vw; }
            #search_menu .menu_inner .search_bottom ul li:not(:last-of-type) a {
              font-size: 4.2666666667vw;
              line-height: 17.0666666667vw; } }
