@charset "utf-8";

/*====================
  Common
====================*/

:root {
  --font-family-base: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", "メイリオ", Meiryo, sans-serif;
  --font-family-eg: "Lexend", "Segoe UI", "Helvetica Neue", Arial, sans-serif;

  --color-text: #333;
  --color-text-sub: #e1dcd7;

  --color-primary: #d70407;
  --color-secondary: #c2aa8b;
  --color-bg: #e3d6c9;
  --color-bg2: #e8dfd3;

  --font-size-base: 1.6rem;
  --content-width: 1200px;

  --header-height: 177px;

  @media screen and (max-width: 1250px) {
    --header-height: 167px;
  }
  @media screen and (max-width: 1080px) {
    --header-height: 221px;
  }
  @media screen and (max-width: 865px) {
    --header-height: 77px;
  }

  @media screen and (max-width: 600px) {
    --font-size-base: 2rem;
  }
}

html {
  font-size: 10px;

  @media screen and (max-width: 600px) {
    font-size: 50%;
  }
}

body {
  background-color: #fff;
  font-family: var(--font-family-base);
  font-weight: 400;
  font-size: var(--font-size-base);
  color: var(--color-text);
  letter-spacing: 1px;
  line-height: 1.6;
  margin-top: calc(var(--header-height) + 15px);

  &.homepage {
    margin-top: calc(var(--header-height) + 48px);

    @media screen and (max-width: 600px) {
      margin-top: calc(var(--header-height) + 28px);
    }
  }
}

a {
  text-decoration: none;

  &:hover {
    opacity: 0.8;
    transition: all 0.3s;

    @media screen and (max-width: 800px) {
      opacity: 1;
      text-decoration: none;
    }
  }
}

.bold {
  font-weight: bold;
}

.text-c-red {
  color: #d92223;
}

/* フォームパーツ */
input,
select {
  box-sizing: border-box;
}

/** フォント設定 **/
.eg-font {
  font-family: var(--font-family-eg);
  font-weight: 400;
}

/** ブラウザ別表示・非表示 **/
@media screen and (min-width: 601px) {
  .sp-only {
    display: none !important;
  }
}
@media screen and (max-width: 600px) {
  .pc-only {
    display: none !important;
  }
}

/** テキスト装飾 **/
.text-center {
  text-align: center;
}

.text-red {
  color: var(--color-primary);
}

/** ページコンテンツ **/
.page-contents,
.ec-layoutRole__main {
  max-width: calc(var(--content-width) + 40px);
  margin-inline: auto;
}
.page-contents {
  padding-inline: 20px;
}
.ec-WrappingGroup {
  width: 100%;
  max-width: 1060px;
  margin-inline: auto;
  padding-left: 20px;
  padding-right: 20px;
}

/** カートアイコン **/
.cart {
  background: #fffdfd
    url(../../../template/grappino/assets/img/common/icon_cart.svg) left 26px
    top 34px no-repeat;
  background-size: auto 50px;
  height: 110px;
  width: 110px;
  aspect-ratio: 1 / 1;
  border-radius: 100%;
  position: fixed;
  right: 15px;
  bottom: 130px;
  box-shadow: 0px 0px 67.5px rgba(194, 170, 139, 0.5);
  z-index: 99;

  @media screen and (max-width: 800px) {
    width: 80px;
    height: 80px;
    right: 15px;
    background-size: 40px;
    bottom: 75px;
    background-position: left 17px top 24px;
  }

  .cart-number {
    font-family: var(--font-family-eg);
    background-color: var(--color-primary);
    color: #fff;
    font-size: 20px;
    font-weight: normal;
    height: 30px;
    width: 30px;
    aspect-ratio: 1 / 1;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 30px;
    top: 25px;
    line-height: 1;

    @media screen and (max-width: 800px) {
      height: 25px;
      width: 25px;
      font-size: 18px;
      right: 19px;
      top: 17px;
    }
  }
}

/** ページタイトル **/
.page-title {
  margin-bottom: 70px;
  text-align: center;

  @media screen and (max-width: 800px) {
    margin-bottom: 50px;
  }
  .title-text {
    font-weight: 400;
    font-size: 3.2rem;
    letter-spacing: 0.1em;
    margin-bottom: 10px;
  }
  .title-eg {
    font-size: 18px;
    letter-spacing: 0.1em;
    font-family: var(--font-family-eg);
    color: var(--color-primary);
    margin-bottom: 0;
  }
}

.ec-pageHeader h1 {
  border-top: none !important;
  border-bottom: 1px solid #ccc;
}

/** リンクボタン **/
.link-block {
  min-width: 270px;
  width: fit-content;
  margin-inline: auto;

  .link-btn {
    display: block;
    border: 1px solid #000;
    font-size: 16px;
    font-weight: 500;
    font-family: var(--font-family-eg);
    letter-spacing: 0.1em;
    padding: 25px 40px;
    text-align: center;
    background: #fff;
    color: #000;

    @media screen and (max-width: 600px) {
      padding: 20px 30px;
    }

    &:hover {
      background-color: #000;
      color: #fff;
      .link-btn_text {
        &::before,
        &::after {
          background-color: #fff;
        }
      }
    }
  }
  .link-btn_text {
    position: relative;
    padding-right: 20px;
    &::before,
    &::after {
      content: "";
      position: absolute;
      top: calc(50% - 1px);
      right: 0;
      width: 10px;
      height: 2px;
      border-radius: 9999px;
      background-color: #000;
      transform-origin: calc(100% - 1px) 50%;
    }

    &::before {
      transform: rotate(45deg);
    }

    &::after {
      transform: rotate(-45deg);
    }
  }

  /* .link-btn--brown {
    background-color: var(--color-secondary);
    color: #fff;

    &:hover {
      background-color: #fff;
      border-color: var(--color-secondary);
      color: var(--color-secondary);
      .link-btn_text {
        &::before,
        &::after {
          background-color: var(--color-secondary);
        }
      }
    }
  }
  .link-btn--red {
    background-color: var(--color-primary);
    color: #fff;

    &:hover {
      background-color: #fff;
      border-color: var(--color-primary);
      color: var(--color-primary);
      .link-btn_text {
        &::before,
        &::after {
          background-color: var(--color-primary);
        }
      }
    }
  } */
}

/** ページトップボタン **/
.pageTop {
  max-width: 75px;
  position: fixed;
  right: 29px;
  bottom: 20px;
  cursor: pointer;
  transition: opacity 0.3s;
  &:hover {
    opacity: 0.8;
  }

  @media screen and (max-width: 800px) {
    max-width: 50px;
    right: 30px;
    bottom: 0px;
  }
}

/** パンくず **/
.breadcrumb {
  margin-top: 15px;
  margin-bottom: 50px;
}

.breadcrumb_wrap {
  display: flex;
  column-gap: 15px;
  flex-wrap: wrap;

  li {
    position: relative;
    font-size: 14px;
    padding-right: 15px;

    &:not(:last-child) {
      &::before,
      &::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        width: 6px;
        height: 1px;
        border-radius: 9999px;
        background-color: #333;
        transform-origin: calc(100% - 1px) 50%;
      }
      &::before {
        transform: rotate(45deg);
      }
      &::after {
        transform: rotate(-45deg);
      }
    }

    a {
      color: var(--color-primary);
    }
  }
}

/** ページネーション **/
.pagination {
  border-bottom: 1px solid var(--color-text-sub);
  padding-bottom: 20px;
  margin-bottom: 100px;

  .pagination-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    column-gap: 25px;
    font-size: 20px;

    @media screen and (max-width: 600px) {
      font-size: 18px;
    }

    a {
      color: #333;
    }
    .current {
      a {
        color: var(--color-primary);
        font-weight: bold;
      }
    }

    .prev,
    .next {
      font-size: 14px;
    }
  }

  .numberBox {
    display: flex;
    column-gap: 25px;
  }
}

/*====================
  ヘッダー
====================*/
.header {
  background-color: #fff;
  border-bottom: 1px solid var(--color-text-sub);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}
.header-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 40px;
  border-bottom: 1px solid var(--color-text-sub);
  position: relative;

  @media screen and (max-width: 1080px) {
    flex-direction: column;
    row-gap: 5px;
  }

  @media screen and (max-width: 865px) {
    flex-direction: row;
    padding: 15px;
    border-bottom: none;
  }

  .logo {
    line-height: 1;

    @media screen and (max-width: 865px) {
      width: 170px;
    }

    @media screen and (max-width: 600px) {
      width: 125px;
    }
  }
}

.header-top_nav {
  display: flex;
  column-gap: 40px;
  align-items: center;

  @media screen and (max-width: 865px) {
    flex: 1;
    justify-content: flex-end;
    column-gap: 20px;
    padding-right: 40px;
  }

  @media screen and (max-width: 600px) {
    column-gap: 10px;
  }

  .nav-list {
    display: flex;
    align-items: center;
    column-gap: 40px;
    margin-bottom: 0;

    a {
      display: block;
      font-size: 15px;
      color: var(--color-text);
      font-weight: normal;
      transition: opacity 0.25s ease;

      &:hover {
        opacity: 0.3;
      }
    }
  }
}

.search-block {
  @media screen and (max-width: 600px) {
    position: absolute;
    top: 78px;
    background: #fff;
    width: calc(100% - 40px);
    left: 0;
    padding: 20px;
    display: none;
  }
  input,
  button,
  textarea,
  submit {
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .search-name {
    background: rgba(217, 217, 217, 0.33) url(/html/template/grappino/assets/img/common/icon_search.svg) left 8px center no-repeat;
    background-size: 16px;
    border-radius: 5px;
    padding: 9px 9px 9px 39px;

    @media screen and (max-width: 865px) {
      padding: 10px 10px 10px 39px;
      height: 45px;
      width: 180px;
    }

    @media screen and (max-width: 600px) {
      max-width: 450px;
      width: 100%;
      margin-inline: auto;
      display: block;
    }

    &::placeholder {
      color: #e1dcd7;
      opacity: 1;
    }
  }
}

.user-nav {
  display: block;
  &:has(> :nth-child(2)) {
    display: flex;
    column-gap: 20px;
    @media screen and (max-width: 865px) {
      column-gap: 10px;
    }
  }
  a {
    color: var(--color-text);
    display: block;
    position: relative;
  }
  .user-nav_label {
    font-size: 12px;
    display: block;
    @media screen and (max-width: 865px) {
      font-size: 10px;
    }
  }

  .login,
  .mypage,
  .favorite {
    padding-top: 30px;
    &::before {
      content: "";
      background: url(../../../template/grappino/assets/img/common/icon_user.svg)
        0 0 no-repeat;
      background-size: 100%;
      width: 21px;
      height: 22px;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      margin-inline: auto;
    }
  }
  .favorite {
    &::before {
      background: url(../../../template/grappino/assets/img/common/icon_liked.svg)
        0 0 no-repeat;
      background-size: 100%;
      width: 23px;
      height: 20px;
      top: 3px;
    }
  }
}

@media screen and (min-width: 866px) {
  .header-sp {
    display: none !important;
  }
}
@media screen and (max-width: 865px) {
  .header-pc {
    display: none !important;
  }
}

/** グローバルナビ **/
.global-nav_list {
  display: flex;
  justify-content: center;
  column-gap: 40px;

  @media screen and (max-width: 1250px) {
    justify-content: flex-start;
    column-gap: 35px;
    overflow-x: auto;
    padding-left: 15px;
    -webkit-overflow-scrolling: touch;
  }

  a {
    display: block;
    color: #000;
  }

  .global-nav_item {
    position: relative;
    @media screen and (max-width: 1250px) {
      flex: 0 0 auto;
    }
    @media screen and (max-width: 865px) {
      flex: auto;
    }
    > a {
      text-align: center;
      display: block;
      padding: 20px 0;
      transition: color 0.25s ease;

      @media screen and (max-width: 1250px) {
        padding: 15px 0;
      }

      @media screen and (max-width: 865px) {
        font-size: 18px;
        padding: 20px;
        text-align: left;
      }
    }
    .nav-name {
      position: relative;
      display: block;
      transition: border-color 0.25s ease;
      font-size: 12px;
      line-height: 1.3;
      &::before {
        content: "";
        display: block;
        transition: opacity 0.25s ease;
        margin-inline: auto;
        margin-bottom: 10px;
        @media screen and (max-width: 865px) {
          margin-inline: 0;
          margin-bottom: 0;
          position: absolute;
          left: 0;
          top: 50%;
          transform: translateY(-50%);
        }
      }

      @media screen and (max-width: 865px) {
        font-size: 18px;
        color: var(--color-text);
        padding-left: 40px;
      }
    }
    .nav-eg {
      display: block;
      font-family: var(--font-family-eg);
      font-size: 13px;
      color: #e1dcd7;

      @media screen and (max-width: 865px) {
        font-size: 14px;
      }
    }
  }

  /* === ドロップダウン部分 === */
  .dropdown {
    position: absolute;
    top: 88%;
    left: 50%;
    transform: translateX(-50%) translateY(10px);
    width: 230px;
    background: #fff;
    border: 1px solid var(--color-text-sub);
    border-radius: 6px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
    list-style: none;
    margin: 0;
    padding: 15px 22px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s;
    z-index: 10;

    li {
      a {
        display: block;
        padding: 8px 0;
        color: #333;
        font-size: 14px;
        text-decoration: none;
        transition: background 0.3s ease;

        &:hover {
          background: #fff;
        }
      }
    }
  }

  @media screen and (min-width: 866px) {
    .global-nav_item:hover {
      > .dropdown {
        opacity: 1;
        visibility: visible;
        transform: translateX(-50%) translateY(0);
      }
      > a {
        color: #c2c2c2;
      }
      .nav-name {
        border-color: #7b7b7b;

        &::before {
          opacity: 0.3;
        }
      }
    }
  }
}

.icon-hatsune {
  &::before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2221%22%20height%3D%2221%22%20viewBox%3D%220%200%2021%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M11.6798%200.575424C12.966%201.36531%2012.6276%202.05355%2012.1164%203.09306C11.6962%203.94891%2011.1722%205.01516%2011.9782%206.13669C12.04%206.22227%2012.1383%206.26863%2012.2383%206.26863C12.302%206.26863%2012.3657%206.2508%2012.4221%206.21157C12.5658%206.11172%2012.6004%205.91737%2012.4985%205.77651C11.9072%204.95632%2012.2874%204.18248%2012.6895%203.36407C13.1771%202.37092%2013.7847%201.13351%2012.0164%200.0476433C11.8672%20-0.0432912%2011.6707%20-0.000500691%2011.5779%200.145708C11.4851%200.291916%2011.5288%200.484489%2011.678%200.575424H11.6798Z%22%20fill%3D%22%23333333%22%2F%3E%0A%3Cpath%20d%3D%22M8.3305%200.575424C9.61673%201.36531%209.27835%202.05355%208.76713%203.09306C8.34688%203.94891%207.82292%205.01516%208.62886%206.13669C8.69072%206.22227%208.78896%206.26863%208.88902%206.26863C8.9527%206.26863%209.01637%206.2508%209.07277%206.21157C9.21649%206.11172%209.25106%205.91737%209.14918%205.77651C8.55791%204.95632%208.93814%204.18248%209.3402%203.36407C9.82777%202.37092%2010.4354%201.13351%208.66707%200.0476433C8.51789%20-0.0432912%208.3214%20-0.000500691%208.22862%200.145708C8.13584%200.291916%208.1795%200.484489%208.32868%200.575424H8.3305Z%22%20fill%3D%22%23333333%22%2F%3E%0A%3Cpath%20d%3D%22M4.98118%200.575424C6.26741%201.36531%205.92902%202.05355%205.4178%203.09306C4.99755%203.94891%204.4736%205.01516%205.27955%206.13669C5.3414%206.22227%205.43964%206.26863%205.5397%206.26863C5.60338%206.26863%205.66705%206.2508%205.72345%206.21157C5.86717%206.11172%205.90174%205.91737%205.79986%205.77651C5.20859%204.95632%205.58882%204.18248%205.99088%203.36407C6.47845%202.37092%207.08609%201.13351%205.31774%200.0476433C5.16856%20-0.0432912%204.97208%20-0.000500691%204.8793%200.145708C4.78652%200.291916%204.83018%200.484489%204.97936%200.575424H4.98118Z%22%20fill%3D%22%23333333%22%2F%3E%0A%3Cpath%20d%3D%22M14.9982%2016.9597C17.1795%2016.8705%2021%2016.2536%2021%2011.9904C21%2010.4659%2019.9848%209.51553%2017.9836%209.15C18.02%208.70781%2018.04%208.26206%2018.04%207.8163C18.04%207.64335%2017.8981%207.50427%2017.7216%207.50427H0.318375C0.141904%207.50427%200%207.64335%200%207.8163C0%209.4139%200.234692%2011.0079%200.664043%2012.47C1.09339%2013.9285%201.71922%2015.2551%202.50152%2016.3196C2.82171%2016.7564%203.19648%2017.1469%203.61128%2017.4874C1.1989%2017.6978%200.245599%2018.1222%200.245599%2018.8497C0.245599%2020.4277%205.49242%2021%209.02002%2021C12.5476%2021%2017.7944%2020.4277%2017.7944%2018.8497C17.7944%2018.1222%2016.8411%2017.6978%2014.4287%2017.4874C14.6289%2017.3234%2014.8199%2017.1469%2015%2016.9597H14.9982ZM20.3633%2011.9922C20.3633%2015.207%2017.9291%2016.0824%2015.5567%2016.2928C15.8059%2015.9523%2016.037%2015.585%2016.2517%2015.1963C17.1377%2015.0857%2018.02%2014.829%2018.624%2014.237C19.1389%2013.736%2019.399%2013.0477%2019.399%2012.1954C19.399%2011.2718%2018.6568%2010.8724%2017.7871%2010.6977C17.8399%2010.391%2017.8854%2010.0808%2017.9218%209.76872C19.5591%2010.0754%2020.3633%2010.81%2020.3633%2011.9922ZM17.6671%2011.3164C18.4257%2011.4644%2018.7623%2011.7461%2018.7623%2012.1936C18.7623%2012.8837%2018.5694%2013.4079%2018.1747%2013.793C17.7853%2014.1746%2017.2195%2014.385%2016.6064%2014.5027C17.0631%2013.5327%2017.4233%2012.4522%2017.6671%2011.3164ZM14.96%2018.1721C17.1322%2018.4253%2017.1559%2018.8354%2017.1559%2018.8515C17.1559%2019.3846%2014.3614%2020.3777%209.0182%2020.3777C3.67496%2020.3777%200.880527%2019.3846%200.880527%2018.8515C0.880527%2018.8354%200.90418%2018.4253%203.07641%2018.1721C3.46937%2018.1276%203.91328%2018.0883%204.41177%2018.058C5.47059%2018.6981%206.71316%2019.0583%208.00485%2019.0726C8.33778%2019.0761%208.67617%2019.0779%209.0182%2019.0779C9.36022%2019.0779%209.69861%2019.0761%2010.0315%2019.0726C11.3232%2019.0583%2012.5658%2018.6981%2013.6246%2018.058C14.1231%2018.0883%2014.567%2018.1276%2014.96%2018.1721ZM13.4609%2017.4215C13.1098%2017.6479%2012.735%2017.8423%2012.342%2017.9956C11.6179%2018.2827%2010.8302%2018.4396%2010.0243%2018.4485C9.36203%2018.4556%208.67435%2018.4556%208.01213%2018.4485C7.20618%2018.4396%206.41843%2018.2827%205.69436%2017.9956C5.30139%2017.8423%204.92663%2017.6479%204.57551%2017.4215C3.97332%2017.0292%203.44209%2016.5371%203.01638%2015.9576C1.5755%2013.9998%200.694968%2011.0935%200.638571%208.13012H17.3978C17.3414%2011.0935%2016.4609%2013.9998%2015.02%2015.9576C14.5943%2016.5371%2014.0631%2017.0292%2013.4609%2017.4215Z%22%20fill%3D%22%23333333%22%2F%3E%0A%3C%2Fsvg%3E");
    background-size: 100%;
    background-repeat: no-repeat;
    width: 21px;
    height: 21px;
  }
}

.icon-izumotrico {
  &::before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2231%22%20height%3D%2221%22%20viewBox%3D%220%200%2031%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M4.60131%209.82602C4.02921%209.82602%203.47547%209.58663%203.08387%209.17035C2.68616%208.74797%202.48883%208.19598%202.52707%207.61654C2.59744%206.53238%203.53513%205.68153%204.6625%205.68153H6.2197C6.64495%205.68153%206.99066%205.33692%206.99066%204.91301C6.99066%204.48911%206.64495%204.1445%206.2197%204.1445H2.07888C1.50678%204.1445%200.953043%203.9051%200.561447%203.48882C0.165263%203.06644%20-0.0335947%202.51445%200.0046471%201.93501C0.075012%200.849332%201.0127%200%202.14007%200H17.3695C17.9416%200%2018.4953%200.239399%2018.8869%200.655678C19.2846%201.07806%2019.4819%201.63005%2019.4437%202.20948C19.3733%203.29364%2018.4357%204.1445%2017.3083%204.1445H11.9193C11.494%204.1445%2011.1483%204.48911%2011.1483%204.91301C11.1483%205.33692%2011.494%205.68153%2011.9193%205.68153H21.9386C22.5107%205.68153%2023.0644%205.92093%2023.456%206.33721C23.8537%206.75958%2024.0511%207.31157%2024.0128%207.89101C23.9425%208.97517%2023.0048%209.82602%2021.8774%209.82602H4.60131ZM4.6625%206.29146C3.85789%206.29146%203.18789%206.89072%203.13741%207.65619C3.11141%208.06637%203.25061%208.4552%203.53054%208.75407C3.81047%209.05293%204.19136%209.21609%204.60131%209.21609H21.8774C22.682%209.21609%2023.352%208.61683%2023.4025%207.85137C23.4285%207.44119%2023.2893%207.05235%2023.0094%206.75349C22.7294%206.45462%2022.3486%206.29146%2021.9386%206.29146H11.9193C11.1559%206.29146%2010.5364%205.67238%2010.5364%204.91301C10.5364%204.15365%2011.1575%203.53456%2011.9193%203.53456H17.3083C18.1129%203.53456%2018.7829%202.9353%2018.8334%202.16984C18.8594%201.75966%2018.7202%201.37082%2018.4402%201.07196C18.1603%200.77309%2017.7794%200.609933%2017.3695%200.609933H2.14007C1.33546%200.609933%200.665465%201.20919%200.614986%201.97466C0.588981%202.38484%200.728182%202.77367%201.00811%203.07254C1.28804%203.37141%201.66893%203.53456%202.07888%203.53456H6.21817C6.98148%203.53456%207.60099%204.15365%207.60099%204.91301C7.60099%205.67238%206.97995%206.29146%206.21817%206.29146H4.66097H4.6625Z%22%20fill%3D%22%231F1F1F%22%2F%3E%0A%3Cpath%20d%3D%22M6.67656%2021C6.10447%2021%205.55073%2020.7606%205.15913%2020.3443C4.76142%2019.9219%204.56409%2019.3699%204.60233%2018.7905C4.6727%2017.7063%205.61038%2016.8555%206.73775%2016.8555H19.0822C19.5074%2016.8555%2019.8532%2016.5109%2019.8532%2016.087C19.8532%2015.6631%2019.5074%2015.3184%2019.0822%2015.3184H11.492C10.9199%2015.3184%2010.3661%2015.079%209.97454%2014.6628C9.57682%2014.2404%209.37949%2013.6884%209.41774%2013.109C9.4881%2012.0248%2010.4258%2011.174%2011.5532%2011.174H27.6529C28.225%2011.174%2028.7788%2011.4133%2029.1704%2011.8296C29.5681%2012.252%2029.7654%2012.804%2029.7272%2013.3834C29.6568%2014.4676%2028.7191%2015.3184%2027.5918%2015.3184H24.7818C24.3565%2015.3184%2024.0108%2015.6631%2024.0108%2016.087C24.0108%2016.5109%2024.3565%2016.8555%2024.7818%2016.8555H28.921C29.4931%2016.8555%2030.0469%2017.0949%2030.4385%2017.5112C30.8362%2017.9335%2031.0335%2018.4855%2030.9953%2019.065C30.9249%2020.1491%2029.9872%2021%2028.8599%2021H6.67656ZM6.73775%2017.4654C5.93314%2017.4654%205.26315%2018.0647%205.21267%2018.8301C5.18667%2019.2403%205.32587%2019.6291%205.6058%2019.928C5.88573%2020.2269%206.26661%2020.39%206.67656%2020.39H28.8599C29.6645%2020.39%2030.3345%2019.7908%2030.3834%2019.0253C30.4094%2018.6151%2030.2702%2018.2263%2029.9903%2017.9274C29.7104%2017.6286%2029.3295%2017.4654%2028.9195%2017.4654H24.7802C24.0169%2017.4654%2023.3974%2016.8463%2023.3974%2016.087C23.3974%2015.3276%2024.0184%2014.7085%2024.7802%2014.7085H27.5902C28.3948%2014.7085%2029.0648%2014.1093%2029.1153%2013.3438C29.1413%2012.9336%2029.0021%2012.5448%2028.7222%2012.2459C28.4423%2011.947%2028.0614%2011.7839%2027.6514%2011.7839H11.5516C10.747%2011.7839%2010.077%2012.3831%2010.0265%2013.1486C10.0005%2013.5588%2010.1397%2013.9476%2010.4197%2014.2465C10.6996%2014.5454%2011.0805%2014.7085%2011.4904%2014.7085H19.0807C19.844%2014.7085%2020.4635%2015.3276%2020.4635%2016.087C20.4635%2016.8463%2019.8424%2017.4654%2019.0807%2017.4654H6.73775Z%22%20fill%3D%22%231F1F1F%22%2F%3E%0A%3C%2Fsvg%3E");
    background-size: 100%;
    background-repeat: no-repeat;
    width: 31px;
    height: 21px;

    @media screen and (max-width: 865px) {
      width: 25px;
      height: 20px;
    }
  }
}

.icon-interior {
  &::before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2215%22%20height%3D%2221%22%20viewBox%3D%220%200%2015%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M7.49948%209.31982C5.13658%209.31982%202.62497%209.9661%202.62497%2011.1631C2.62497%2012.3602%205.13658%2013.0065%207.49948%2013.0065C9.86237%2013.0065%2012.374%2012.3602%2012.374%2011.1631C12.374%209.9661%209.86237%209.31982%207.49948%209.31982ZM7.49948%2012.3805C4.9369%2012.3805%203.30097%2011.6599%203.30097%2011.1641C3.30097%2010.6683%204.9369%209.94777%207.49948%209.94777C10.062%209.94777%2011.698%2010.6683%2011.698%2011.1641C11.698%2011.6599%2010.062%2012.3805%207.49948%2012.3805Z%22%20fill%3D%22%23333333%22%2F%3E%0A%3Cpath%20d%3D%22M2.79761%2013.8717L1.22617%2021.001H1.91569L3.43722%2014.0994C3.92602%2014.2546%204.45434%2014.382%205.01491%2014.4775L4.01754%2019.0004H4.70707L5.68259%2014.5739C6.26291%2014.6434%206.87028%2014.681%207.49844%2014.681C8.1266%2014.681%208.73397%2014.6434%209.31429%2014.5739L10.2898%2019.0004H10.9804L9.98301%2014.4775C10.5436%2014.382%2011.0719%2014.2546%2011.5607%2014.0994L13.0822%2021.001H13.7728L12.2013%2013.8717C13.9163%2013.1888%2015%2012.1326%2015%2010.9259C15%2010.2391%2014.247%209.29571%2013.8487%208.89252C12.0537%207.07717%2011.9143%203.78311%2011.9143%202.81659C11.9143%201.26361%2010.5519%200%208.87749%200H6.12251C4.4481%200%203.0857%201.26361%203.0857%202.81659C3.0857%203.78311%202.94634%207.0762%201.15129%208.89252C0.752964%209.29571%200%2010.2391%200%2010.9259C0%2012.1326%201.08265%2013.1888%202.79865%2013.8717H2.79761ZM1.64841%209.31597C3.60778%207.33375%203.76066%203.84002%203.76066%202.81659C3.76066%201.60893%204.81939%200.626981%206.12147%200.626981H8.87645C10.1785%200.626981%2011.2373%201.60893%2011.2373%202.81659C11.2373%203.84002%2011.3891%207.33375%2013.3495%209.31597C13.8175%209.78958%2014.323%2010.54%2014.323%2010.9259C14.323%2012.6216%2011.1977%2014.055%207.49844%2014.055C3.79914%2014.055%200.674964%2012.6216%200.674964%2010.9259C0.674964%2010.54%201.18041%209.78958%201.64841%209.31597Z%22%20fill%3D%22%23333333%22%2F%3E%0A%3C%2Fsvg%3E");
    background-size: 100%;
    background-repeat: no-repeat;
    width: 15px;
    height: 21px;

    @media screen and (max-width: 865px) {
      left: 2px !important;
    }
  }
}

.icon-kitchen {
  &::before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M9.1377%200.25C11.5118%200.25%2013.7454%201.1742%2015.4248%202.85352C18.3727%205.80145%2018.8078%2010.3182%2016.7441%2013.7363C17.0598%2014.1022%2017.1591%2014.5887%2017.0518%2015.0332L17.2285%2015.209L21.2539%2019.2344H21.2578L21.3311%2019.3076C21.6005%2019.5771%2021.75%2019.9373%2021.75%2020.3203C21.75%2020.7033%2021.6005%2021.0635%2021.3311%2021.333C21.0616%2021.6024%2020.7013%2021.752%2020.3184%2021.752C19.9354%2021.7519%2019.5751%2021.6025%2019.3057%2021.333L15.207%2017.2334L15.0322%2017.0586C14.9216%2017.0859%2014.8062%2017.1025%2014.6865%2017.1025C14.3334%2017.1025%2014%2016.9772%2013.7354%2016.749C12.3265%2017.6011%2010.7333%2018.0303%209.1377%2018.0303C6.8621%2018.0303%204.58351%2017.1626%202.85059%2015.4297C-0.616674%2011.9621%20-0.61683%206.321%202.85059%202.85352L3.17188%202.54785C4.80846%201.06251%206.91209%200.250003%209.1377%200.25ZM16.416%2016.8281L20.1094%2020.5215C20.2141%2020.6252%2020.4027%2020.6263%2020.5088%2020.5293L20.5176%2020.5205C20.5713%2020.4666%2020.6006%2020.3961%2020.6006%2020.3184C20.6006%2020.2407%2020.5713%2020.1701%2020.5176%2020.1162L16.8232%2016.4219L16.416%2016.8281ZM9.13379%202.67676C7.40758%202.67682%205.78553%203.3483%204.56445%204.56934C3.34331%205.7905%202.67188%207.41325%202.67188%209.13965C2.67198%2010.8659%203.3434%2012.4879%204.56445%2013.709C5.82396%2014.9685%207.47818%2015.5976%209.13379%2015.5977C10.7895%2015.5977%2012.4445%2014.9686%2013.7041%2013.709C14.925%2012.4879%2015.5956%2010.8676%2015.5957%209.13965C15.5957%207.41152%2014.9252%205.79052%2013.7041%204.56934C12.483%203.34817%2010.8601%202.67676%209.13379%202.67676Z%22%20fill%3D%22white%22%20stroke%3D%22%23333333%22%20stroke-width%3D%220.5%22%2F%3E%0A%3Crect%20x%3D%2216.4538%22%20y%3D%2216.9141%22%20width%3D%220.567388%22%20height%3D%225.22479%22%20transform%3D%22rotate(-45.1397%2016.4538%2016.9141)%22%20fill%3D%22%23333333%22%2F%3E%0A%3C%2Fsvg%3E");
    background-size: 100%;
    background-repeat: no-repeat;
    width: 21px;
    height: 21px;
  }
}

.icon-food {
  &::before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2221%22%20height%3D%2221%22%20viewBox%3D%220%200%2021%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M12.1341%2013.6272C12.1324%2013.4431%2012.0641%2013.2768%2011.9572%2013.144L11.9502%2012.6343C12.0273%2012.5158%2012.0693%2012.3759%2012.0711%2012.2326L12.1131%200.741531C12.1131%200.334486%2011.7874%200.00176976%2011.3845%200H11.3828C11.1796%200%2010.9852%200.0867123%2010.8468%200.237142L10.3337%200.796393C8.89226%202.36617%208.09362%204.41025%208.08486%206.55167L8.06384%2012.2202C8.06384%2012.6273%208.38961%2012.96%208.79243%2012.9617H9.36865L9.36515%2013.1263C9.2513%2013.2608%209.1795%2013.4307%209.17599%2013.6183L9.04989%2019.3701C9.04289%2019.8019%209.20226%2020.2089%209.50176%2020.5186C9.80125%2020.8266%2010.2006%2020.9982%2010.6279%2021H10.6332C11.0588%2021%2011.4581%2020.8319%2011.7576%2020.5275C12.0588%2020.2213%2012.2217%2019.8143%2012.2182%2019.3824L12.1359%2013.6342L12.1341%2013.6272ZM8.79419%2012.3388C8.72938%2012.3388%208.67684%2012.2839%208.67684%2012.2184L8.69786%206.54989C8.70486%204.56422%209.44571%202.6688%2010.782%201.21405L11.2952%200.654814C11.318%200.630038%2011.3495%200.615874%2011.381%200.615874C11.4458%200.615874%2011.5001%200.670735%2011.4984%200.736217L11.4563%2012.2273C11.4563%2012.2662%2011.4371%2012.2945%2011.4213%2012.3105C11.3635%2012.3689%2011.332%2012.4485%2011.3337%2012.5317L11.339%2012.8467L9.98165%2012.8414L9.98515%2012.6556C9.9869%2012.5724%209.95537%2012.4928%209.89758%2012.4326C9.83978%2012.3724%209.76096%2012.3388%209.67865%2012.3388L8.79068%2012.3352L8.79419%2012.3388Z%22%20fill%3D%22%23333333%22%2F%3E%0A%3Cpath%20d%3D%22M20.9998%205.13936C20.9788%202.53781%2019.3027%200.267212%2017.4094%200.267212H17.3901C15.4881%200.28314%2013.8365%202.5856%2013.8575%205.196C13.8733%207.18344%2014.7752%208.72667%2016.2307%209.28592L16.2132%2011.1672C16.0713%2011.3088%2015.9837%2011.5034%2015.982%2011.7193L15.9364%2019.1081C15.9329%2019.5399%2016.0993%2019.9452%2016.4006%2020.2514C16.7%2020.554%2017.0976%2020.7186%2017.5197%2020.7186C17.5232%2020.7186%2017.5337%2020.7221%2017.532%2020.7186C17.9593%2020.715%2018.3586%2020.5416%2018.6564%2020.2319C18.9541%2019.9222%2019.1117%2019.5134%2019.103%2019.0816L18.9401%2011.6946C18.9366%2011.5017%2018.8595%2011.3265%2018.7422%2011.1902L18.6932%209.26468C20.1381%208.68243%2021.0155%207.12504%2020.9998%205.13583V5.13936ZM14.4705%205.19423C14.4512%202.74487%2015.9977%200.900789%2017.3954%200.8884H17.4076C18.8%200.8884%2020.3675%202.7024%2020.3868%205.14468C20.4008%206.94984%2019.5969%208.33379%2018.2868%208.75676C18.1572%208.79923%2018.0697%208.92135%2018.0732%209.05939L18.1204%2010.9265L16.8244%2010.9371L16.8419%209.06824C16.8419%208.9302%2016.7543%208.80808%2016.6247%208.76915C15.3094%208.36741%2014.4828%206.99585%2014.467%205.19069L14.4705%205.19423Z%22%20fill%3D%22%23333333%22%2F%3E%0A%3Cpath%20d%3D%22M5.81851%204.67392L5.59959%201.12024C5.56281%200.644174%205.16524%200.270746%204.69235%200.270746L1.20528%200.265442C0.734153%200.265442%200.334831%200.637092%200.2963%201.1167L0.0686152%204.65977C-0.0942665%206.63836%20-0.110028%208.78154%201.70444%209.37441L1.66941%2011.2114C1.55031%2011.3477%201.475%2011.5229%201.4715%2011.7158L1.35416%2019.1028C1.34715%2019.5346%201.50828%2019.9417%201.80777%2020.2496C2.10726%2020.5575%202.50834%2020.7274%202.93568%2020.7292H2.93919C3.36478%2020.7292%203.76585%2020.5611%204.06535%2020.2549C4.36659%2019.947%204.52772%2019.5417%204.52247%2019.1099L4.42964%2011.7229C4.42789%2011.5087%204.33857%2011.3158%204.19845%2011.1743L4.17043%209.37972C5.98665%208.79393%205.97789%206.65074%205.82202%204.67569L5.81851%204.67392ZM0.676357%204.70577L0.904041%201.16271C0.916301%201.00697%201.04766%200.884859%201.20178%200.884859H1.4137V4.95886C1.4137%205.13052%201.55031%205.26856%201.7202%205.26856C1.89009%205.26856%202.0267%205.13052%202.0267%204.95886V0.88663H2.63269V4.95886C2.63269%205.13052%202.7693%205.26856%202.93919%205.26856C3.10907%205.26856%203.24568%205.13052%203.24568%204.95886V0.888402H3.85167V4.95886C3.85167%205.13052%203.98828%205.26856%204.15817%205.26856C4.32806%205.26856%204.46467%205.13052%204.46467%204.95886V0.890163H4.6906C4.84473%200.890163%204.97608%201.01228%204.98659%201.16448L5.20552%204.71993C5.42445%207.47545%205.05314%208.55324%203.78862%208.84172C3.64676%208.87357%203.54693%209.00276%203.55043%209.14965L3.57845%2010.9442H2.28416L2.31918%209.14611C2.32269%208.99922%202.22286%208.8718%202.08099%208.83817C0.81647%208.54616%200.450424%207.4666%200.678109%204.70577H0.676357Z%22%20fill%3D%22%23333333%22%2F%3E%0A%3C%2Fsvg%3E");
    background-size: 100%;
    background-repeat: no-repeat;
    width: 21px;
    height: 21px;
  }
}

.icon-fashion {
  &::before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2221%22%20viewBox%3D%220%200%2014%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M2.7542%206.76205C2.7542%206.76205%200.295518%2020.0316%200.243469%2020.7474H13.7489C13.6894%2020.0367%2011.1489%206.76205%2011.1489%206.76205L11.1613%205.6424C11.0423%205.34588%2011.6521%200.55544%2011.6521%200.55544C11.6521%200.55544%209.59986%200.187338%209.57755%200.271695C9.2256%201.60606%208.46718%202.41129%207.09904%202.41129C5.7309%202.41129%204.62052%201.72876%204.62052%200.271695C4.62052%200.182226%202.36508%200.55544%202.36508%200.55544C2.36508%200.55544%202.88308%205.18483%202.75916%205.6424V6.76205H2.7542Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M6.9948%205.49382C7.3726%205.49382%207.67887%205.17794%207.67887%204.78829C7.67887%204.39864%207.3726%204.08276%206.9948%204.08276C6.617%204.08276%206.31073%204.39864%206.31073%204.78829C6.31073%205.17794%206.617%205.49382%206.9948%205.49382Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M6.99497%205.74934C6.48192%205.74934%206.06305%205.31988%206.06305%204.78818C6.06305%204.25648%206.47944%203.82703%206.99497%203.82703C7.5105%203.82703%207.9269%204.25648%207.9269%204.78818C7.9269%205.31988%207.5105%205.74934%206.99497%205.74934ZM6.99497%204.34083C6.75456%204.34083%206.55875%204.54278%206.55875%204.79074C6.55875%205.0387%206.75456%205.24064%206.99497%205.24064C7.23539%205.24064%207.43119%205.0387%207.43119%204.79074C7.43119%204.54278%207.23539%204.34083%206.99497%204.34083Z%22%20fill%3D%22%23333333%22%2F%3E%0A%3Cpath%20d%3D%22M6.99486%205.49379C7.37266%205.49379%207.67894%205.17791%207.67894%204.78826C7.67894%204.39861%207.37266%204.08273%206.99486%204.08273C6.61706%204.08273%206.31079%204.39861%206.31079%204.78826C6.31079%205.17791%206.61706%205.49379%206.99486%205.49379Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M11.3945%206.73861L11.4069%205.64453C11.4069%205.61641%2011.402%205.59085%2011.3945%205.56273C11.3474%205.24831%2011.6176%202.77385%2011.8952%200.585685C11.9125%200.450203%2011.8233%200.324945%2011.6919%200.299383C9.41667%20-0.109619%209.40428%20-0.0559377%209.33736%200.199689C8.98789%201.5315%208.27656%202.15012%207.09678%202.15012C6.57382%202.15012%204.86612%202.01464%204.86612%200.266152C4.86612%200.19202%204.83142%200.115331%204.77689%200.0667618C4.67527%20-0.0227074%204.60836%20-0.0815005%202.32565%200.299383C2.19428%200.319833%202.10258%200.445089%202.11993%200.580571C2.3306%202.46198%202.59333%205.25342%202.52145%205.5704C2.51649%205.5934%202.51153%205.61641%202.51153%205.63942V6.7335C2.36035%207.54639%200.0528486%2020.0107%200.000799845%2020.7239C-0.00415718%2020.7955%200.0181519%2020.8645%200.0652436%2020.9182C0.112335%2020.9719%200.17925%2021%200.24617%2021H13.7516C13.821%2021%2013.8879%2020.9693%2013.935%2020.9182C13.9821%2020.8671%2014.0044%2020.7955%2013.9994%2020.7239C13.9424%2020.0158%2011.5581%207.56939%2011.3995%206.73605L11.3945%206.73861ZM4.38034%200.521778C4.49435%201.85104%205.51301%202.66648%207.09678%202.66648C8.43766%202.66648%209.33488%201.94562%209.76367%200.521778C10.0561%200.549897%2010.7253%200.654704%2011.3747%200.767179C11.1541%202.51055%2010.9286%204.48654%2010.9063%205.34033H7.75854C7.86512%205.1844%207.92709%204.99524%207.92709%204.79074C7.92709%204.26159%207.51069%203.82958%206.99516%203.82958C6.47963%203.82958%206.06324%204.25904%206.06324%204.79074C6.06324%204.99524%206.12769%205.1844%206.23179%205.34033H3.01715C3.01715%204.3485%202.7569%201.88171%202.63298%200.772293C3.32448%200.659817%204.0383%200.557565%204.37785%200.524333L4.38034%200.521778ZM6.56142%204.78818C6.56142%204.54022%206.75723%204.33828%206.99764%204.33828C7.23806%204.33828%207.43386%204.54022%207.43386%204.78818C7.43386%205.03614%207.23806%205.23809%206.99764%205.23809C6.75723%205.23809%206.56142%205.03614%206.56142%204.78818ZM10.9087%205.84903L10.9038%206.42419H3.00476V5.84903H10.9112H10.9087ZM0.528724%2020.4913C0.779054%2018.8757%202.18933%2011.1891%202.9775%206.93288H10.9286C11.744%2011.1865%2013.2014%2018.8732%2013.4616%2020.4913H0.528724Z%22%20fill%3D%22%23333333%22%2F%3E%0A%3C%2Fsvg%3E");
    background-size: 100%;
    background-repeat: no-repeat;
    width: 14px;
    height: 21px;

    @media screen and (max-width: 865px) {
      left: 2px !important;
    }
  }
}

.icon-bodycare {
  &::before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2221%22%20viewBox%3D%220%200%2016%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_223_377)%22%3E%0A%3Cpath%20d%3D%22M13.5501%2012.7474C14.4205%2012.7057%2015.1178%2011.9065%2015.1178%2010.9293C15.1178%2010.7874%2015.1014%2010.6511%2015.074%2010.5186C15.8004%209.14173%2015.8943%206.66438%2014.7906%204.85921C14.6447%204.62094%2014.4624%204.37246%2014.2392%204.13604C14.241%204.1314%2014.2437%204.12676%2014.2446%204.1212C14.7605%202.45418%2013.8463%200.671267%2012.2076%200.146499C10.608%20-0.366217%208.90096%200.507161%208.34043%202.09908C7.19295%202.10464%205.95433%202.46623%204.82873%203.17736C2.31685%204.7665%201.2195%207.49418%201.88939%2010.4768C1.85567%2010.6215%201.83835%2010.7726%201.83835%2010.9284C1.83835%2011.9056%202.53559%2012.7057%203.406%2012.7465C3.75325%2014.2086%204.62183%2015.6902%205.84861%2016.6072C5.8878%2017.1764%205.9361%2019.3905%204.42406%2020.4493C4.28916%2020.5438%204.25544%2020.7311%204.34841%2020.8684C4.40583%2020.9537%204.49879%2020.9991%204.59267%2020.9991C4.651%2020.9991%204.70933%2020.9815%204.76037%2020.9462C6.26604%2019.8911%206.4629%2017.9747%206.45744%2016.9984C7.06718%2017.3276%207.74527%2017.5204%208.47806%2017.5204C9.21084%2017.5204%209.85157%2017.3378%2010.4476%2017.0244C10.4595%2017.9831%2010.6855%2019.8874%2012.1967%2020.9453C12.2477%2020.9815%2012.306%2020.9982%2012.3644%2020.9982C12.4582%2020.9982%2012.5512%2020.9527%2012.6086%2020.8674C12.7016%2020.7302%2012.6669%2020.5429%2012.533%2020.4484C11.0255%2019.3923%2011.0218%2017.2237%2011.0492%2016.6498C12.3078%2015.7375%2013.1983%2014.2309%2013.5519%2012.7456L13.5501%2012.7474ZM10.1059%200.893784C10.7037%200.576697%2011.3873%200.515505%2012.0299%200.721333C13.2767%201.12094%2014.0049%202.41895%2013.7424%203.69471C13.1199%203.23206%2012.2696%202.90292%2011.1184%202.95577H11.0783C10.4905%202.4959%209.76043%202.22239%208.96476%202.13246C9.19443%201.60027%209.59181%201.16637%2010.1059%200.893784ZM5.14134%203.69007C7.07902%202.46438%209.45419%202.38094%2010.7867%203.49074C10.8395%203.53524%2010.9061%203.55842%2010.9744%203.55842H11.1239C11.1285%203.55842%2011.133%203.55842%2011.1376%203.55842C12.872%203.4759%2013.8062%204.39378%2014.2865%205.17815C15.1515%206.59206%2015.1889%208.52425%2014.7468%209.78147C14.498%209.44306%2014.1435%209.2057%2013.7388%209.13339C13.737%209.13339%2013.7133%209.12968%2013.7133%209.12968C13.5857%209.11113%2013.4562%209.17696%2013.4006%209.30213L13.2776%209.57842L13.2594%209.18067C13.253%209.04531%2013.1591%208.93127%2013.0297%208.90067C12.4601%208.76716%2010.8642%207.13074%2010.6846%205.50358C10.6709%205.37935%2010.5834%205.27643%2010.464%205.24584C10.3446%205.21524%2010.2198%205.2616%2010.1487%205.36358C10.1268%205.39511%207.94032%208.48067%204.00754%209.27524C3.869%209.30305%203.76874%209.42729%203.76874%209.571V9.85842L3.44337%209.29378C3.3659%209.15935%203.20093%209.11021%203.06421%209.17418C3.06421%209.17418%202.53924%209.40782%202.33963%209.62107C2.04251%207.18729%203.05601%205.00756%205.13952%203.691L5.14134%203.69007ZM3.93189%2012.3756C3.90363%2012.2329%203.78059%2012.1337%203.64206%2012.1337C3.62838%2012.1337%203.61562%2012.1337%203.60195%2012.1364C3.55365%2012.1429%203.51355%2012.1466%203.47709%2012.1466C2.90016%2012.1466%202.43169%2011.6005%202.43169%2010.9293C2.43169%2010.4314%202.69053%2010.0031%203.06057%209.81484L3.81249%2011.1175C3.86627%2011.2111%203.9647%2011.2658%204.06769%2011.2658C4.09321%2011.2658%204.11964%2011.2621%204.14516%2011.2556C4.27458%2011.2204%204.3639%2011.1008%204.3639%2010.9645V9.81392C7.43813%209.11577%209.42502%207.16226%2010.2298%206.22305C10.6609%207.71577%2011.9132%209.04623%2012.6788%209.40782L12.7453%2010.8616C12.7517%2011.0007%2012.8511%2011.1175%2012.9859%2011.1435C13.1208%2011.1694%2013.2548%2011.098%2013.3113%2010.9719L13.8372%209.78703C14.2382%209.95762%2014.5262%2010.4036%2014.5262%2010.9284C14.5262%2011.5996%2014.0569%2012.1457%2013.4808%2012.1457C13.4444%2012.1457%2013.4052%2012.1429%2013.356%2012.1355C13.201%2012.1142%2013.0561%2012.2189%2013.0251%2012.3747C12.5849%2014.6073%2010.7648%2016.9178%208.47897%2016.9178C6.19312%2016.9178%204.3721%2014.6082%203.9328%2012.3747L3.93189%2012.3756Z%22%20fill%3D%22%23333333%22%2F%3E%0A%3Cpath%20d%3D%22M1.44643%2014.1187H0.854002V15.7894H0V16.3921H0.854002V18.0619H1.44643V16.3921H2.29952V15.7894H1.44643V14.1187Z%22%20fill%3D%22%23333333%22%2F%3E%0A%3Cpath%20d%3D%22M16%2017.3795H15.1177V16.482H14.5253V17.3795H13.6431V17.9821H14.5253V18.8796H15.1177V17.9821H16V17.3795Z%22%20fill%3D%22%23333333%22%2F%3E%0A%3Cpath%20d%3D%22M2.19015%203.47124H2.78257V2.78886H3.45338V2.18621H2.78257V1.5029H2.19015V2.18621H1.51843V2.78886H2.19015V3.47124Z%22%20fill%3D%22%23333333%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_223_377%22%3E%0A%3Crect%20width%3D%2216%22%20height%3D%2221%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E");
    background-size: 100%;
    background-repeat: no-repeat;
    width: 16px;
    height: 21px;

    @media screen and (max-width: 865px) {
      left: 2px !important;
    }
  }
}

.icon-hobby {
  &::before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2228%22%20height%3D%2221%22%20viewBox%3D%220%200%2028%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_223_384)%22%3E%0A%3Cpath%20d%3D%22M22.1058%2019.7239C20.5321%2018.653%2018.7569%2018.1182%2016.9805%2018.1182C15.2041%2018.1182%2013.4301%2018.653%2011.8564%2019.7239V7.12582C13.8034%205.63363%2016.1374%205.08107%2018.3712%205.46951L19.0585%204.70768C16.4798%204.08674%2013.7293%204.63519%2011.4547%206.35442C8.03409%203.76943%203.5343%203.82824%200.165651%206.53633C0.0618102%206.61976%200%206.7538%200%206.89604V20.5555C0%2020.7223%200.085298%2020.8755%200.218808%2020.9521C0.353554%2021.0273%200.515497%2021.0137%200.637881%2020.9152C3.80256%2018.3712%208.05386%2018.3712%2011.2185%2020.9152C11.289%2020.9713%2011.3718%2021%2011.4547%2021C11.5165%2021%2011.5795%2020.9836%2011.6376%2020.9521C11.6562%2020.9412%2011.6735%2020.9302%2011.6895%2020.9166C11.6895%2020.9166%2011.6908%2020.9166%2011.692%2020.9166C14.8567%2018.3726%2019.108%2018.3726%2022.2727%2020.9166C22.3951%2021.015%2022.557%2021.0287%2022.6917%2020.9535C22.8265%2020.8783%2022.9106%2020.7251%2022.9106%2020.5568V10.8392L22.107%2011.7296V19.7239H22.1058ZM11.0529%2019.7239C9.47921%2018.653%207.70402%2018.1182%205.92883%2018.1182C4.15364%2018.1182%202.37845%2018.653%200.804768%2019.7239V7.12582C3.89528%204.75555%207.96362%204.75555%2011.0541%207.12582V19.7239H11.0529Z%22%20fill%3D%22%23333333%22%2F%3E%0A%3Cpath%20d%3D%22M27.7194%202.70378L25.5598%200.311633C25.3793%200.111945%2025.1382%200.00115967%2024.8835%200.00115967C24.6277%200.00115967%2024.3878%200.111945%2024.2061%200.311633L16.109%209.28252C16.109%209.28252%2015.994%209.40425%2015.9668%209.51914L14.7986%2014.0764C14.759%2014.2309%2014.7986%2014.3978%2014.9012%2014.5127C14.9779%2014.5975%2015.0805%2014.6426%2015.1855%2014.6426C15.2226%2014.6426%2015.2597%2014.6372%2015.2956%2014.6262L19.4096%2013.331C19.532%2013.2858%2019.6111%2013.1874%2019.6149%2013.1833L27.7194%204.20143C28.0927%203.78838%2028.0927%203.11683%2027.7194%202.70378ZM18.0684%2012.0891C18.1438%2012.1725%2018.2464%2012.219%2018.3527%2012.219H18.9325V12.5541L16.9817%2013.1682L16.1139%2012.2067L16.669%2010.043H16.9718V10.6872C16.9718%2010.932%2017.1511%2011.1317%2017.3736%2011.1317H17.9534V11.7731C17.9534%2011.8908%2017.9954%2012.0043%2018.0708%2012.0877L18.0684%2012.0891ZM27.1507%203.57365L19.736%2011.7882V11.7772C19.736%2011.6596%2019.694%2011.5461%2019.6186%2011.4627C19.5432%2011.3792%2019.4405%2011.3327%2019.3342%2011.3327H18.7545V10.6913C18.7545%2010.5737%2018.7124%2010.4601%2018.637%2010.3767C18.5616%2010.2933%2018.459%2010.2468%2018.3527%2010.2468H17.7717V9.60394C17.7717%209.35911%2017.5924%209.15943%2017.3699%209.15943H17.3551L24.7748%200.938049C24.8143%200.894282%2024.8601%200.888811%2024.8835%200.888811C24.907%200.888811%2024.9528%200.89565%2024.9923%200.938049L27.152%203.33019C27.2126%203.39721%2027.2126%203.50526%2027.152%203.57228L27.1507%203.57365Z%22%20fill%3D%22%23333333%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_223_384%22%3E%0A%3Crect%20width%3D%2228%22%20height%3D%2221%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E");
    background-size: 100%;
    background-repeat: no-repeat;
    width: 28px;
    height: 21px;
  }
}

.icon-outdoor {
  &::before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2223%22%20height%3D%2221%22%20viewBox%3D%220%200%2023%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_223_389)%22%3E%0A%3Cpath%20d%3D%22M11.5%200C5.1585%200%200%206.54446%200%2014.5886C0%2014.7616%200.00304636%2014.9479%200.00913907%2015.1598C0.0121854%2015.2735%200.0731126%2015.3769%200.169581%2015.4352L9.30967%2020.9529C9.30967%2020.9529%209.31272%2020.9539%209.31373%2020.955C9.31779%2020.957%209.32185%2020.9591%209.32592%2020.9611C9.33709%2020.9672%209.34826%2020.9724%209.36044%2020.9775C9.36552%2020.9795%209.37161%2020.9816%209.37669%2020.9836C9.38786%2020.9877%209.39903%2020.9908%209.41121%2020.9928C9.41629%2020.9939%209.42238%2020.9949%209.42746%2020.9959C9.44371%2020.999%209.46097%2021%209.47722%2021C9.47722%2021%209.47722%2021%209.47823%2021C9.49753%2021%209.51682%2020.998%209.53611%2020.9949C9.53815%2020.9949%209.53916%2020.9949%209.54119%2020.9949C9.54525%2020.9949%209.54932%2020.9918%209.55338%2020.9918C9.56252%2020.9898%209.57267%2020.9877%209.58181%2020.9846L22.6862%2016.6831C22.8111%2016.6421%2022.8995%2016.5306%2022.9127%2016.3995C22.9706%2015.8017%2023.001%2015.1926%2023.001%2014.5896C23%206.54446%2017.8415%200%2011.5%200ZM12.751%2018.0118C12.4576%2017.0219%2012.3235%2015.9143%2012.3611%2014.7852C12.42%2013.0193%2012.8861%2011.3773%2013.671%2010.1632C14.4042%209.02998%2015.3252%208.40962%2016.2747%208.40962C16.299%208.40962%2016.3244%208.40962%2016.3488%208.41065C18.4264%208.48128%2020.0196%2011.4572%2019.8988%2015.0421C19.8927%2015.2325%2019.8805%2015.4291%2019.8623%2015.6297L12.75%2018.0118H12.751ZM13.1186%209.7998C12.2687%2011.1142%2011.766%2012.877%2011.7021%2014.7627C11.6574%2016.0924%2011.8381%2017.3997%2012.2271%2018.5421C12.2738%2018.6803%2012.4017%2018.7673%2012.5388%2018.7673C12.5733%2018.7673%2012.6079%2018.7622%2012.6424%2018.7499L16.3518%2017.5072C16.3518%2017.6904%2016.3508%2017.8757%2016.3488%2018.062L9.74327%2020.2302C9.48128%2018.408%208.61002%2010.2042%2012.5703%201.83855C12.7957%201.36151%2013.1369%201.15779%2013.4263%201.07385C13.7645%201.685%2014.8094%203.81018%2015.5547%207.8384C14.6469%208.07283%2013.801%208.74539%2013.1186%209.7998ZM0.660044%2014.5886C0.660044%206.91094%205.52305%200.665399%2011.5%200.665399C11.8859%200.665399%2012.2677%200.692015%2012.6434%200.7432C12.3895%200.916204%2012.154%201.17417%2011.9752%201.55192C9.58993%206.59155%208.94918%2011.5329%208.83241%2014.7903C8.74508%2017.2164%208.92177%2019.0662%209.04667%2020.0173L0.664106%2014.9572C0.66106%2014.8251%200.660044%2014.7033%200.660044%2014.5876V14.5886ZM22.275%2016.117L17.0119%2017.845C17.0119%2017.6566%2017.0129%2017.4703%2017.0119%2017.286L20.2745%2016.1938C20.3974%2016.1528%2020.4847%2016.0433%2020.4989%2015.9133C20.5294%2015.6236%2020.5497%2015.339%2020.5589%2015.0657C20.6218%2013.18%2020.239%2011.3875%2019.4794%2010.0178C18.6904%208.59491%2017.5866%207.78824%2016.3721%207.74627C16.3224%207.74422%2016.2726%207.74627%2016.2239%207.74627C15.5689%204.15516%2014.6723%202.04124%2014.194%201.10047C18.8722%202.64317%2022.34%208.10456%2022.34%2014.5886C22.34%2015.0974%2022.3186%2015.6103%2022.275%2016.117Z%22%20fill%3D%22%23333333%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_223_389%22%3E%0A%3Crect%20width%3D%2223%22%20height%3D%2221%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E");
    background-size: 100%;
    background-repeat: no-repeat;
    width: 23px;
    height: 21px;
  }
}

.icon-kids {
  &::before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2221%22%20height%3D%2221%22%20viewBox%3D%220%200%2021%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M15.1029%200.668315C14.6752%200.471793%2013.9555%200.345452%2012.3514%200.286496C12.3572%200.345452%2012.3717%200.404413%2012.3717%200.466178C12.3717%201.50494%2011.7907%201.95694%2010.5797%201.95694C9.36872%201.95694%208.78778%201.50494%208.78778%200.466178C8.78778%200.401606%208.80224%200.342648%208.81091%200.280884C7.13458%200.337033%206.33976%200.466178%205.89755%200.668315C4.85996%201.14278%201.87435%206.31413%200.588194%208.60783C0.264488%209.18617%200.530392%209.90769%201.16046%2010.1547L1.8888%2010.4411C2.46396%2010.6685%203.12004%2010.4018%203.35993%209.84592L5.42933%205.07323C5.42933%205.07323%204.56226%2010.8622%204.49868%2011.9178C4.41486%2013.3188%205.11719%2017.2492%205.47269%2019.1134C5.57963%2019.6805%206.1201%2020.0707%206.7126%2020.0089L8.1028%2019.863C8.7531%2019.7956%209.20687%2019.2088%209.09704%2018.5799C8.9612%2017.8051%208.83114%2016.8786%208.91207%2016.6175C9.09127%2016.0476%2011.9179%2016.0476%2012.0913%2016.6288C12.1694%2016.887%2012.0364%2017.8051%2011.9006%2018.5771C11.7907%2019.2032%2012.2445%2019.7928%2012.8948%2019.8601L14.2821%2020.0061C14.8717%2020.0679%2015.4122%2019.6777%2015.522%2019.1106C15.8775%2017.2408%2016.5799%2013.2935%2016.4931%2011.8869C16.4296%2010.837%2015.5654%205.07042%2015.5654%205.07042L17.6348%209.84311C17.8747%2010.399%2018.5308%2010.6629%2019.1059%2010.4383L19.8343%2010.1519C20.4614%209.90488%2020.7302%209.18336%2020.4065%208.60502C19.1204%206.31132%2016.1348%201.13997%2015.0972%200.665505L15.1029%200.668315Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M8.91204%202.43414C8.91204%202.43414%206.44377%203.96702%206.54204%207.50162C6.6432%2011.0334%209.64326%2016.0896%2010.045%2016.2188%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M7.94371%205.01153C8.13206%205.01153%208.28475%204.86322%208.28475%204.68026C8.28475%204.49729%208.13206%204.34897%207.94371%204.34897C7.75535%204.34897%207.60266%204.49729%207.60266%204.68026C7.60266%204.86322%207.75535%205.01153%207.94371%205.01153Z%22%20fill%3D%22%23333333%22%2F%3E%0A%3Cpath%20d%3D%22M8.94676%203.77065C9.13511%203.77065%209.2878%203.62233%209.2878%203.43937C9.2878%203.25641%209.13511%203.10809%208.94676%203.10809C8.7584%203.10809%208.60571%203.25641%208.60571%203.43937C8.60571%203.62233%208.7584%203.77065%208.94676%203.77065Z%22%20fill%3D%22%23333333%22%2F%3E%0A%3Cpath%20d%3D%22M7.34556%206.69598C7.53392%206.69598%207.68661%206.54767%207.68661%206.3647C7.68661%206.18174%207.53392%206.03342%207.34556%206.03342C7.15721%206.03342%207.00452%206.18174%207.00452%206.3647C7.00452%206.54767%207.15721%206.69598%207.34556%206.69598Z%22%20fill%3D%22%23333333%22%2F%3E%0A%3Cpath%20d%3D%22M7.44383%208.4479C7.63218%208.4479%207.78487%208.29958%207.78487%208.11662C7.78487%207.93366%207.63218%207.78534%207.44383%207.78534C7.25547%207.78534%207.10278%207.93366%207.10278%208.11662C7.10278%208.29958%207.25547%208.4479%207.44383%208.4479Z%22%20fill%3D%22%23333333%22%2F%3E%0A%3Cpath%20d%3D%22M7.79637%2010.099C7.98472%2010.099%208.13741%209.95065%208.13741%209.76769C8.13741%209.58473%207.98472%209.4364%207.79637%209.4364C7.60801%209.4364%207.45532%209.58473%207.45532%209.76769C7.45532%209.95065%207.60801%2010.099%207.79637%2010.099Z%22%20fill%3D%22%23333333%22%2F%3E%0A%3Cpath%20d%3D%22M8.40636%2011.6063C8.59472%2011.6063%208.74741%2011.458%208.74741%2011.275C8.74741%2011.0921%208.59472%2010.9438%208.40636%2010.9438C8.21801%2010.9438%208.06531%2011.0921%208.06531%2011.275C8.06531%2011.458%208.21801%2011.6063%208.40636%2011.6063Z%22%20fill%3D%22%23333333%22%2F%3E%0A%3Cpath%20d%3D%22M9.04502%2013.0155C9.23338%2013.0155%209.38607%2012.8672%209.38607%2012.6842C9.38607%2012.5013%209.23338%2012.353%209.04502%2012.353C8.85667%2012.353%208.70398%2012.5013%208.70398%2012.6842C8.70398%2012.8672%208.85667%2013.0155%209.04502%2013.0155Z%22%20fill%3D%22%23333333%22%2F%3E%0A%3Cpath%20d%3D%22M9.64622%2014.24C9.83458%2014.24%209.98728%2014.0916%209.98728%2013.9087C9.98728%2013.7257%209.83458%2013.5774%209.64622%2013.5774C9.45787%2013.5774%209.30518%2013.7257%209.30518%2013.9087C9.30518%2014.0916%209.45787%2014.24%209.64622%2014.24Z%22%20fill%3D%22%23333333%22%2F%3E%0A%3Cpath%20d%3D%22M10.3081%2015.5927C10.4964%2015.5927%2010.6491%2015.4444%2010.6491%2015.2614C10.6491%2015.0784%2010.4964%2014.9301%2010.3081%2014.9301C10.1197%2014.9301%209.96704%2015.0784%209.96704%2015.2614C9.96704%2015.4444%2010.1197%2015.5927%2010.3081%2015.5927Z%22%20fill%3D%22%23333333%22%2F%3E%0A%3Cpath%20d%3D%22M9.0416%2019.3802L6.10608%2019.699L6.2005%2020.5193L9.13603%2020.2005L9.0416%2019.3802Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M0.739807%209.57156L0.290161%2010.5572L2.05793%2011.3181L2.50758%2010.3325L0.739807%209.57156Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M20.2745%209.50894L18.5067%2010.2699L18.9564%2011.2555L20.7241%2010.4946L20.2745%209.50894Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M12.1066%2019.382L12.0122%2020.2023L14.9477%2020.5211L15.0422%2019.7009L12.1066%2019.382Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M20.9874%2010.7247L20.6059%209.88809C20.6666%209.79825%2020.7186%209.7028%2020.7562%209.60173C20.892%209.23114%2020.8603%208.82125%2020.6666%208.47593C18.7504%205.05925%2016.2503%200.884548%2015.2272%200.415701C14.7156%200.182681%2013.8861%200.0619543%2012.363%200.00580497C12.2792%200.00580497%2012.1982%200.0338817%2012.1404%200.0956459C12.0826%200.154603%2012.0566%200.236022%2012.0653%200.317438C12.0653%200.342705%2012.0711%200.367967%2012.0768%200.390426C12.0797%200.415694%2012.0855%200.440966%2012.0855%200.466233C12.0855%201.32532%2011.6491%201.67625%2010.5826%201.67625C9.51609%201.67625%209.07967%201.32532%209.07967%200.466233C9.07967%200.438159%209.08545%200.412892%209.08834%200.387625C9.09123%200.362358%209.09701%200.337085%209.0999%200.311818C9.10857%200.230401%209.08255%200.148991%209.02475%200.0900341C8.96695%200.0310773%208.88602%20-0.00261434%208.80221%200.000193122C7.175%200.0563424%206.29926%200.177067%205.77613%200.415701C4.75299%200.884548%202.25294%205.05644%200.336711%208.47593C0.143066%208.82125%200.111274%209.23114%200.247115%209.60173C0.287578%209.70841%200.342495%209.80667%200.40319%209.89932L0.0245702%2010.7275C-0.0390149%2010.8679%200.0245643%2011.0363%200.171966%2011.0981L1.94079%2011.8589C1.97836%2011.8758%202.01882%2011.8842%202.05929%2011.8842C2.09397%2011.8842%202.12866%2011.8786%202.16334%2011.8645C2.2356%2011.8365%202.2934%2011.7831%202.3223%2011.7157L2.77029%2010.7303C2.77029%2010.7303%202.77029%2010.7275%202.77029%2010.7247C3.14313%2010.6012%203.46105%2010.3373%203.6229%209.96108L4.82524%207.19011C4.5709%208.956%204.24719%2011.2666%204.20962%2011.9067C4.1258%2013.3076%204.78767%2017.0584%205.18941%2019.1696C5.26745%2019.5766%205.52468%2019.9107%205.86862%2020.1073L5.94376%2020.7502C5.9611%2020.8934%206.08539%2021%206.2299%2021C6.24146%2021%206.25013%2021%206.26169%2021L9.19527%2020.6828C9.27042%2020.6744%209.33979%2020.6379%209.38892%2020.5789C9.43806%2020.52%209.45829%2020.447%209.44961%2020.3712L9.35424%2019.5486C9.34557%2019.4756%209.30799%2019.4166%209.25886%2019.3717C9.38603%2019.1162%209.42939%2018.8242%209.38025%2018.5379C9.11435%2017.005%209.17793%2016.7299%209.17793%2016.7186C9.22707%2016.6541%209.51609%2016.5418%2010.0248%2016.4969C10.0305%2016.4969%2010.0363%2016.4969%2010.0392%2016.4969C10.0537%2016.4969%2010.0681%2016.4912%2010.0797%2016.4912C10.2184%2016.48%2010.3658%2016.4744%2010.5335%2016.4772C11.3167%2016.4828%2011.7531%2016.6428%2011.808%2016.713C11.8196%2016.7551%2011.8716%2017.0443%2011.6086%2018.5351C11.5479%2018.8748%2011.6289%2019.2229%2011.8196%2019.5121C11.8167%2019.5233%2011.808%2019.5345%2011.808%2019.5486L11.7127%2020.3712C11.704%2020.4442%2011.7271%2020.52%2011.7734%2020.5789C11.8225%2020.6379%2011.8919%2020.6744%2011.967%2020.6828L14.9006%2021C14.9006%2021%2014.9237%2021%2014.9324%2021C15.0769%2021%2015.2041%2020.8934%2015.2185%2020.7502L15.3081%2019.9697C15.5538%2019.7704%2015.7359%2019.4924%2015.7966%2019.1668C16.1983%2017.0471%2016.8602%2013.2823%2016.7735%2011.8758C16.733%2011.2385%2016.4151%208.94759%2016.1607%207.18731L17.3631%209.95546C17.5278%2010.3373%2017.8544%2010.6012%2018.2301%2010.7247L18.6781%2011.7101C18.7099%2011.7775%2018.7677%2011.8308%2018.8371%2011.8589C18.8718%2011.8702%2018.9065%2011.8786%2018.9411%2011.8786C18.9816%2011.8786%2019.0221%2011.8702%2019.0596%2011.8533L20.8285%2011.0925C20.973%2011.0307%2021.0395%2010.8651%2020.9759%2010.7219L20.9874%2010.7247ZM8.50451%200.572918C8.54787%201.67906%209.24441%202.23774%2010.5826%202.23774C11.9208%202.23774%2012.6144%201.67906%2012.6607%200.57853C12.7387%200.581338%2012.8081%200.586955%2012.8803%200.589763C12.8745%201.92612%2012.1982%202.49884%2010.6173%202.49884C9.03631%202.49884%208.35421%201.92611%208.35421%200.57853C8.40624%200.57853%208.45248%200.572916%208.5074%200.570108L8.50451%200.572918ZM1.91189%2011.2301L0.67198%2010.6966L0.84828%2010.312C0.914755%2010.3513%200.981237%2010.3906%201.05349%2010.4187L1.78183%2010.7051C1.89166%2010.7472%202.00148%2010.7724%202.1142%2010.7865L1.91189%2011.2301ZM6.49002%2020.4077L6.47556%2020.2897L6.45822%2020.1466L8.80509%2019.8911H8.81665L8.84556%2020.1522L6.48713%2020.4077H6.49002ZM8.64035%2016.539C8.60856%2016.6428%208.52185%2016.9208%208.81665%2018.6277C8.85712%2018.8551%208.79932%2019.0797%208.65769%2019.2622C8.63457%2019.2931%208.60567%2019.3184%208.57677%2019.3464L6.15186%2019.6103C5.95243%2019.4924%205.80503%2019.2987%205.76167%2019.0629C5.44086%2017.384%204.70674%2013.3244%204.79056%2011.9347C4.85415%2010.9016%205.70965%205.17154%205.71832%205.1154C5.73855%204.97502%205.64896%204.84307%205.51023%204.80376C5.48421%204.79815%205.45821%204.79254%205.43219%204.79254C5.31947%204.79254%205.21253%204.85711%205.16629%204.96379L3.09688%209.73648C2.96682%2010.0369%202.66913%2010.2222%202.3512%2010.2362L0.908981%209.61576C0.859847%209.55119%200.819382%209.48381%200.79048%209.40801C0.709554%209.18622%200.726896%208.94759%200.845395%208.73983C3.38013%204.21701%205.36571%201.22144%206.02469%200.921041C6.3455%200.775053%206.90332%200.67679%207.77617%200.612218C7.78195%201.41235%208.00739%202.01314%208.45248%202.41742C7.76461%202.97049%206.17498%204.57356%206.25591%207.50455C6.33973%2010.4608%208.44093%2014.6102%209.48719%2016.0056C9.09123%2016.0898%208.73284%2016.2442%208.64035%2016.539ZM14.7069%2020.2617L14.6896%2020.4077L12.3312%2020.1522L12.3514%2019.9865L12.363%2019.8883L14.7214%2020.1438L14.7069%2020.2617ZM18.6608%2010.2418C18.34%2010.2306%2018.0365%2010.0453%2017.9035%209.7421L15.8341%204.96941C15.7792%204.84027%2015.6318%204.77008%2015.4902%204.80657C15.3515%204.84307%2015.2619%204.97783%2015.2821%205.11821C15.2908%205.17435%2016.1434%2010.8847%2016.207%2011.9123C16.2937%2013.3076%2015.5596%2017.3812%2015.2388%2019.0685C15.1954%2019.2931%2015.0567%2019.4784%2014.8746%2019.5991L12.4063%2019.3324C12.3861%2019.3099%2012.363%2019.2931%2012.3456%2019.2678C12.204%2019.0853%2012.1462%2018.8579%2012.1867%2018.6305C12.4844%2016.9348%2012.4005%2016.6597%2012.3716%2016.5558C12.2011%2015.9859%2011.0219%2015.9185%2010.5248%2015.9157C10.4178%2015.9157%2010.282%2015.9185%2010.1317%2015.9269C9.54211%2015.3374%206.92355%2010.7528%206.83106%207.49332C6.74725%204.56513%208.47271%203.09963%208.9496%202.75151C9.38314%202.95926%209.93517%203.06314%2010.6144%203.06314C12.5046%203.06314%2013.4353%202.26582%2013.4555%200.631873C14.2012%200.693637%2014.6809%200.786286%2014.9815%200.923852C15.6405%201.22425%2017.6232%204.22262%2020.1608%208.74264C20.2764%208.95039%2020.2967%209.18902%2020.2128%209.41081C20.1839%209.48942%2020.1377%209.56242%2020.0857%209.62699L18.6608%2010.239V10.2418ZM19.103%2011.2301L18.9007%2010.7865C19.0076%2010.7696%2019.1146%2010.7472%2019.2215%2010.7051L19.9498%2010.4187C20.0279%2010.3878%2020.0972%2010.3485%2020.1666%2010.3064L20.3458%2010.6966L19.1059%2011.2301H19.103Z%22%20fill%3D%22%23333333%22%2F%3E%0A%3C%2Fsvg%3E");
    background-size: 100%;
    background-repeat: no-repeat;
    width: 21px;
    height: 21px;
  }
}

.icon-season {
  &::before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2221%22%20height%3D%2221%22%20viewBox%3D%220%200%2021%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M10.499%200.400391C10.5981%200.400391%2010.6969%200.428591%2010.7842%200.485352C10.8497%200.528003%2010.9069%200.586055%2010.9521%200.655273L10.9932%200.728516L13.7217%206.51074C13.7785%206.63083%2013.8912%206.71515%2014.0225%206.73535L20.1221%207.66797H20.125C20.2226%207.68221%2020.3171%207.72601%2020.3965%207.7959C20.4759%207.86593%2020.5375%207.96018%2020.5713%208.06934C20.6051%208.17857%2020.6094%208.29628%2020.583%208.4082C20.5566%208.52016%2020.501%208.61979%2020.4258%208.69629V8.69727L16.0127%2013.1953C15.9235%2013.2863%2015.8827%2013.4143%2015.9033%2013.54L16.9453%2019.8955C17.0259%2020.3897%2016.5806%2020.6964%2016.2178%2020.5645L16.1465%2020.5322L10.6924%2017.5303C10.6024%2017.4807%2010.4976%2017.4684%2010.4004%2017.4932L10.3066%2017.5303L4.85059%2020.5322C4.48127%2020.7359%203.96656%2020.4248%204.05273%2019.8945L5.09473%2013.5391C5.11534%2013.4133%205.07456%2013.2853%204.98535%2013.1943L0.572266%208.69531C0.497814%208.61884%200.443111%208.51959%200.416992%208.4082C0.390856%208.29655%200.39498%208.17924%200.428711%208.07031C0.462548%207.96128%200.524168%207.86685%200.603516%207.79688C0.682672%207.72707%200.776655%207.68337%200.874023%207.66895H0.875977L6.97559%206.73535C7.10689%206.71516%207.21957%206.63084%207.27637%206.51074L10.0049%200.728516C10.0535%200.626086%2010.1264%200.54227%2010.2139%200.485352C10.3011%200.428579%2010.4%200.400396%2010.499%200.400391Z%22%20stroke%3D%22%23333333%22%20stroke-width%3D%220.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E");
    background-size: 100%;
    background-repeat: no-repeat;
    width: 21px;
    height: 21px;
  }
}

.icon-gift {
  &::before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2221%22%20height%3D%2221%22%20viewBox%3D%220%200%2021%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_185_328)%22%3E%0A%3Cpath%20d%3D%22M20.1418%209.12515H0.858173C0.384159%209.12515%200%208.73585%200%208.25549V5.74857C0%205.26821%200.384159%204.87891%200.858173%204.87891H20.1418C20.6158%204.87891%2021%205.26821%2021%205.74857V8.25651C20.9995%208.73636%2020.6153%209.12515%2020.1418%209.12515ZM0.858173%205.69843C0.830409%205.69843%200.807692%205.72145%200.807692%205.74959V8.25754C0.807692%208.28567%200.830409%208.30869%200.858173%208.30869H20.1418C20.1696%208.30869%2020.1923%208.28567%2020.1923%208.25754V5.74857C20.1923%205.72043%2020.1696%205.69741%2020.1418%205.69741L0.858173%205.69843Z%22%20fill%3D%22%23333333%22%2F%3E%0A%3Cpath%20d%3D%22M18.5904%2020.9998H2.4098C1.7702%2020.9998%201.25%2020.3911%201.25%2019.6442V8.71589C1.25%208.48978%201.43072%208.30664%201.65385%208.30664C1.87697%208.30664%202.05769%208.48978%202.05769%208.71589V19.6429C2.05769%2019.9601%202.24321%2020.1801%202.4098%2020.1801H18.5904C18.757%2020.1801%2018.9438%2019.9588%2018.9438%2019.6429V8.71589C18.9438%208.48978%2019.1245%208.30664%2019.3476%208.30664C19.5707%208.30664%2019.7515%208.48978%2019.7515%208.71589V19.6429C19.7502%2020.3911%2019.23%2020.9998%2018.5904%2020.9998Z%22%20fill%3D%22%23333333%22%2F%3E%0A%3Cpath%20d%3D%22M10.4995%2020.9998C10.2764%2020.9998%2010.0957%2020.8167%2010.0957%2020.5906V5.28913C10.0957%205.06302%2010.2764%204.87988%2010.4995%204.87988C10.7227%204.87988%2010.9034%205.06302%2010.9034%205.28913V20.5906C10.9034%2020.8167%2010.7227%2020.9998%2010.4995%2020.9998Z%22%20fill%3D%22%23333333%22%2F%3E%0A%3Cpath%20d%3D%22M19.3454%2013.3493H1.65189C1.42877%2013.3493%201.24805%2013.1661%201.24805%2012.94C1.24805%2012.7139%201.42877%2012.5308%201.65189%2012.5308H19.3454C19.5685%2012.5308%2019.7492%2012.7139%2019.7492%2012.94C19.7492%2013.1661%2019.5685%2013.3493%2019.3454%2013.3493Z%22%20fill%3D%22%23333333%22%2F%3E%0A%3Cpath%20d%3D%22M9.94685%205.68874C9.63362%205.68874%209.22069%205.6826%208.7858%205.65907C7.06592%205.5657%206.57777%205.28588%206.36019%205.08381C5.85539%204.61343%205.53332%203.94225%205.45684%203.19409C5.38112%202.45079%205.55427%201.71439%205.94575%201.12072C6.36045%200.491492%206.9642%200.0991212%207.64518%200.0162476C8.29638%20-0.0638123%208.93598%200.153859%209.44608%200.628079C9.65608%200.823241%209.99052%201.30488%2010.4691%203.22402C10.7215%204.23615%2010.8913%205.15875%2010.8982%205.19738C10.9391%205.41965%2010.7944%205.63323%2010.5751%205.67467C10.5549%205.6785%2010.5344%205.68081%2010.514%205.68132C10.4971%205.68183%2010.2775%205.68874%209.94685%205.68874ZM6.90589%204.48042C6.95511%204.52595%207.27794%204.75743%208.82896%204.84158C9.27445%204.86716%209.70177%204.871%2010.011%204.86998C9.9365%204.50472%209.82242%203.97167%209.68486%203.42071C9.23381%201.61182%208.95289%201.27956%208.89988%201.23121C8.56646%200.921206%208.15529%200.778224%207.74135%200.828613C7.29813%200.882583%206.89882%201.14757%206.61714%201.57499C6.02298%202.47636%206.15247%203.77983%206.90589%204.48042Z%22%20fill%3D%22%23333333%22%2F%3E%0A%3Cpath%20d%3D%22M11.0562%205.6889C10.7256%205.6889%2010.506%205.682%2010.4886%205.68148C10.2657%205.67432%2010.0908%205.4853%2010.0979%205.25944C10.0986%205.23872%2010.1006%205.21801%2010.1044%205.19754C10.1117%205.15892%2010.2811%204.23631%2010.5335%203.22418C11.0118%201.30581%2011.3463%200.823407%2011.5563%200.628245C12.0659%200.154024%2012.7067%20-0.0636471%2013.3579%200.0161571C14.0394%200.0990306%2014.6426%200.491401%2015.0573%201.12037C15.4488%201.7143%2015.6225%202.45044%2015.5463%203.194C15.4705%203.94216%2015.149%204.61334%2014.6429%205.08372C14.4253%205.28579%2013.9362%205.56561%2012.2173%205.65898C11.7822%205.68276%2011.3692%205.6889%2011.0562%205.6889ZM10.9921%204.8704C11.3031%204.8704%2011.7324%204.86631%2012.1784%204.84175C13.7252%204.75734%2014.0462%204.52637%2014.0967%204.48084C14.8501%203.78025%2014.9801%202.47678%2014.3854%201.57541C14.1038%201.14799%2013.704%200.883004%2013.2612%200.829034C12.8473%200.777877%2012.4361%200.921627%2012.1027%201.23164C12.0507%201.27998%2011.7685%201.61275%2011.3167%203.42497C11.1799%203.9749%2011.0661%204.50591%2010.9919%204.87014H10.9921V4.8704Z%22%20fill%3D%22%23333333%22%2F%3E%0A%3Cpath%20d%3D%22M6.90555%209.94986C6.68242%209.94986%206.5017%209.76646%206.50195%209.54035C6.50195%209.4429%206.53628%209.34877%206.59862%209.27485L10.1929%205.00635C10.3377%204.83446%2010.5927%204.814%2010.7623%204.96082C10.9319%205.10764%2010.9521%205.36598%2010.8072%205.53787L7.21297%209.80611C7.13624%209.89742%207.02392%209.94986%206.90555%209.94986Z%22%20fill%3D%22%23333333%22%2F%3E%0A%3Cpath%20d%3D%22M14.0947%209.94979C13.9763%209.94979%2013.864%209.89736%2013.7872%209.80604L10.1935%205.5378C10.0466%205.3677%2010.0635%205.10911%2010.2311%204.96024C10.399%204.81138%2010.6542%204.82851%2010.8011%204.99835C10.8033%205.00091%2010.8056%205.00373%2010.8079%205.00628L14.4016%209.27453C14.5465%209.44641%2014.5263%209.70475%2014.3567%209.85157C14.2837%209.91475%2014.1906%209.94954%2014.0947%209.94954V9.94979Z%22%20fill%3D%22%23333333%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_185_328%22%3E%0A%3Crect%20width%3D%2221%22%20height%3D%2221%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E");
    background-size: 100%;
    background-repeat: no-repeat;
    width: 21px;
    height: 21px;
  }
}

@media screen and (max-width: 865px) {
  .header-nav {
    position: relative;
    z-index: 998;
  }
  .nav-btn {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 35px;
    height: 25px;
    cursor: pointer;
    transition: all 0.5s;
    transform: translateY(-50%);
    z-index: 999;

    span {
      position: absolute;
      left: 0;
      width: 100%;
      height: 2px;
      background-color: var(--color-text);
      border-radius: 4px;
      transition: all 0.5s;

      &:nth-of-type(1) {
        top: 0;
      }
      &:nth-of-type(2) {
        top: 12px;
      }
      &:nth-of-type(3) {
        bottom: 0;
      }
    }

    &.active {
      span {
        &:nth-of-type(1) {
          -webkit-transform: translateY(10px) rotate(-45deg);
          transform: translateY(10px) rotate(-45deg);
        }
        &:nth-of-type(2) {
          opacity: 0;
        }
        &:nth-of-type(3) {
          -webkit-transform: translateY(-13px) rotate(45deg);
          transform: translateY(-13px) rotate(45deg);
        }
      }
    }
  }

  .global-nav {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100vh;
    padding-top: 0;
    opacity: 0;
    visibility: hidden;

    &::before {
      content: "";
      background-color: #fff;
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
    }

    &.active {
      opacity: 1;
      visibility: visible;
    }
  }
  .global-nav_list {
    position: relative;
    overflow: scroll;
    height: 100%;
    color: #fff;
    padding-top: 70px;
    padding-bottom: 125px;
    display: block;
  }
  .global-nav_item {
    border-bottom: 1px solid var(--color-text-sub);

    p {
      display: block;
      padding: 20px;
      transition: color 0.25s ease;
      text-align: left;
    }
  }

  .nav-toggle {
    position: relative;

    &::before {
      content: "";
      background-color: var(--color-text);
      width: 20px;
      height: 2px;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 40px;
    }
    &::after {
      content: "";
      background-color: var(--color-text);
      width: 2px;
      height: 20px;
      position: absolute;
      top: 50%;
      transform: translate(50%, -50%);
      right: 50px;
    }

    &.active {
      &::after {
        content: none;
      }
    }
  }

  .nav-toggle_content {
    display: none;
    li {
      border-bottom: 1px dashed var(--color-text-sub);

      &:first-child {
        a {
          padding-top: 10px;
        }
      }

      &:last-child {
        border-bottom: none;
      }

      a {
        display: block;
        padding: 20px 40px;
        color: #333;
        font-size: 16px;
        text-decoration: none;
      }
    }
  }
}

@media screen and (max-width: 600px) {
  .sp-search-btn {
    width: 47px;
    height: 47px;
    display: flex;
    justify-content: center;
    align-items: center;

    img {
      width: 25px;
    }
  }
}

/*====================
  フッター
====================*/
.footer {
  margin-top: 42px;
  padding-top: 108px;
  position: relative;
  background: url(../../../template/grappino/assets/img/common/bg_town.png)
    center top no-repeat;
  background-size: auto;

  @media screen and (max-width: 600px) {
    background-size: auto 70px;
    padding-top: 70px;
  }
  .footer-wrap {
    background-color: rgba(217, 217, 217, 0.66);
    padding: 70px 0 25px;

    @media screen and (max-width: 800px) {
      padding-inline: 20px;
    }

    @media screen and (max-width: 600px) {
      padding: 50px 20px 15px;
    }
  }
  .footer-inner {
    max-width: 1260px;
    width: 100%;
    margin-inline: auto;
    margin-bottom: 86px;
    display: flex;
    gap: 30px 153px;

    @media screen and (max-width: 1195px) {
      flex-direction: column;
      align-items: center;
    }
    @media screen and (max-width: 600px) {
      margin-bottom: 60px;
      row-gap: 15px;
    }

    .footer-logo {
      flex: 1;
      @media screen and (max-width: 1195px) {
        max-width: 250px;
        width: 100%;
      }
      @media screen and (max-width: 600px) {
        max-width: 200px;
      }
    }
    .footer-contents {
      width: 70%;
      display: flex;
      column-gap: 60px;
      align-items: flex-start;

      @media screen and (max-width: 1195px) {
        width: 100%;
        max-width: 700px;
        column-gap: 30px;
      }
      @media screen and (max-width: 800px) {
        flex-direction: column;
        row-gap: 30px;
        align-items: center;
      }
    }
  }
  .footer-nav {
    display: flex;
    column-gap: 40px;
    justify-content: space-between;
    flex: 1;
    @media screen and (max-width: 1195px) {
      column-gap: 20px;
    }
    .footer-nav_list {
      display: flex;
      flex-direction: column;
      row-gap: 30px;

      @media screen and (max-width: 600px) {
        row-gap: 15px;
      }
    }
    a {
      color: var(--color-text);
      font-weight: 500;
      @media screen and (max-width: 600px) {
        font-size: 15px;
      }
    }
  }
  .sns-link {
    background-color: #fff;
    border-radius: 20px;
    padding: 30px;
    max-width: 370px;
    width: 100%;
    box-sizing: border-box;

    @media screen and (max-width: 1195px) {
      max-width: 280px;
    }

    .sns-link_title {
      width: fit-content;
      margin-inline: auto;
      font-weight: 500;
      font-size: 15px;
      position: relative;
      padding-inline: 10px;
      margin-bottom: 25px;
      line-height: 1.6;

      &::before,
      &::after {
        content: "";
        background-color: #000;
        height: 13px;
        width: 1px;
        position: absolute;
        bottom: 5px;
      }

      &::before {
        rotate: -25deg;
        left: 0;
      }
      &::after {
        rotate: 25deg;
        right: 0;
      }
    }
    .sns-link_list {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 15px;
      margin-bottom: 0;
      max-width: 250px;
      margin-inline: auto;
      justify-content: center;

      a {
        color: #000;
        display: block;
        text-align: center;

        &:hover {
          text-decoration: none;
        }
      }
      .sns-name {
        display: block;
        font-size: 10px;
        margin-top: 3px;
      }
    }
  }
  .copyright {
    text-align: center;
    font-size: 14px;
    font-family: var(--font-family-eg);
    font-weight: 400;
  }
}

/*====================
  コンテンツ
====================*/
/** 商品閲覧履歴（Checked Item） **/
.product-list_checked {
  .product-list_checked_title {
    font-weight: 400;
    font-size: 22px;
    font-family: var(--font-family-eg);
    letter-spacing: 0.1em;
    margin-bottom: 30px;
    color: var(--color-primary);
  }
  .checked-list {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
    margin-bottom: 0;

    @media screen and (max-width: 800px) {
      grid-template-columns: repeat(3, 1fr);
    }
    @media screen and (max-width: 600px) {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  .checked-list_item {
    .image {
      img {
        object-fit: cover;
        width: 100%;
        height: 100%;
        object-position: center;
        aspect-ratio: 198 / 240;
      }
    }
  }
}

/*====================
  ブログ
====================*/
.blog {
  margin-top: var(--header-height);
  .header {
    height: auto;
  }
}

/*====================
  下層ページ
====================*/
/** 商品一覧 **/
.tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 15px;
  span {
    font-size: 12px;
    padding: 5px 10px;
    border-radius: 6px;
    background-color: #ddd;

    &.sale {
      background-color: var(--color-primary);
      color: #fff;
    }

    &.other {
      background-color: #d77a04;
      color: #fff;
    }
  }
}

/** ご利用ガイド **/
.guide_contents {
  display: flex;
  flex-direction: column;
  row-gap: 80px;
}
.guide_box {
  .title {
    font-size: 24px;
    font-weight: bold;
    color: var(--color-primary);
    margin-bottom: 20px;
    letter-spacing: 0.1em;
  }
}
.guide_detail {
  display: flex;
  flex-direction: column;
  row-gap: 30px;

  .guide-menu {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
    border-bottom: 1px dashed var(--color-bg);
    padding-bottom: 10px;
  }
  .guide-point {
    margin-bottom: 10px;
    font-weight: bold;

    &::before {
      content: "●";
      color: var(--color-secondary);
      padding-right: 5px;
    }
  }
}

.read {
  margin-bottom: 30px;
}

.dot-list,
.number-list {
  margin-bottom: 20px;
  &:last-of-type {
    margin-bottom: 0;
  }
  > li {
    list-style-type: disc;
    margin-left: 1.5em;
    margin-bottom: 10px;

    &:last-child {
      margin-bottom: 0;
    }
  }
}

.dot-list {
  .number-list {
    margin-top: 10px;
  }
}

.number-list {
  > li {
    list-style-type: decimal;
  }
}

/** お問い合せ **/
.contact {
  /* フォームパーツの最大幅（paddingの数値を引いた値） */
  --form-parts-width: calc(100% - 20px);

  @media screen and (max-width: 600px) {
    .read {
      text-align: left;
    }
  }

  &.page-contents {
    max-width: 800px;
  }
  input,
  button,
  textarea,
  submit,
  select {
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

  .required {
    color: var(--color-primary);
    font-size: 14px;
    margin-left: 10px;
  }

  .ec-errorMessage {
    color: var(--color-primary);
    font-size: 14px;
    margin-top: 5px;
  }

  .contact-form_tb {
    width: 100%;

    th,
    td {
      padding: 25px 0;

      @media screen and (max-width: 600px) {
        width: 100%;
        display: block;
      }
    }
    th {
      font-weight: bold;
      font-size: 15px;
      width: 230px;
      @media screen and (max-width: 600px) {
        width: 100%;
        padding: 0;
      }
    }
    td {
      padding-left: 20px;
      @media screen and (max-width: 600px) {
        padding-left: 0;
        padding-bottom: 30px;
        padding-top: 10px;
      }
    }
  }

  input,
  textarea,
  button {
    padding: 10px;
    border: 1px solid var(--color-text-sub);
    border-radius: 6px;
    font-size: 15px;
  }

  .name-box {
    display: flex;
    column-gap: 20px;

    @media screen and (max-width: 800px) {
      flex-direction: column;
      row-gap: 15px;
    }

    > p {
      flex: 1;
    }
    .input-text {
      margin-left: 10px;
    }
  }

  .input-email,
  .input-tel {
    width: var(--form-parts-width);
  }

  .address {
    td {
      > div {
        margin-bottom: 15px;
        &:last-child {
          margin-bottom: 0;
        }
      }
    }
  }

  .input-zip {
    margin-left: 10px;
  }

  .input-address {
    width: var(--form-parts-width);
  }

  .item-select {
    position: relative;
    max-width: 200px;
    width: 100%;

    &::before,
    &::after {
      content: "";
      position: absolute;
      top: 15px;
      right: 15px;
      width: 2px;
      height: 8px;
      border-radius: 9999px;
      background-color: var(--color-text);
      transform-origin: 50% calc(100% - 1px);
    }

    &::before {
      transform: rotate(45deg);
    }

    &::after {
      transform: rotate(-45deg);
    }

    .form-select {
      background: #fff;
      border: 1px solid var(--color-text-sub);
      padding: 10px 25px 10px 10px;
      border-radius: 6px;
      font-size: 15px;
      min-width: 180px;
      width: 100%;
    }
  }

  .input-textarea {
    width: var(--form-parts-width);
    min-height: 200px;
  }

  .form_send {
    margin-top: 50px;
    > p {
      text-align: center;
      letter-spacing: 2px;
      margin-bottom: 30px;
    }
  }
  .form_btn-wrapper {
    margin-inline: auto;
    display: flex;
    justify-content: center;
    gap: 20px 30px;

    @media screen and (max-width: 600px) {
      flex-direction: column;
      align-items: center;
    }

    .form_btn {
      width: 100%;
      max-width: 250px;

      @media screen and (max-width: 600px) {
        &:first-child {
          order: 2;
        }
        &:last-child {
          order: 1;
        }
      }
    }

    .btn {
      padding: 20px 15px;
      display: block;
      width: 100%;
      font-weight: bold;
      color: #fff;
      font-size: 16px;
      cursor: pointer;
    }

    .btn-clear {
      background-color: #888;
      border: 1px solid #888;
      max-width: 200px;
      margin-left: auto;
      transition: background-color 0.25s ease, color 0.25s ease;

      &:hover {
        background-color: #fff;
        color: #888;
      }

      @media screen and (max-width: 600px) {
        padding: 15px;
        margin-right: auto;
      }
    }
    .btn-submit {
      background-color: var(--color-primary);
      border: 1px solid var(--color-primary);
      color: #fff;
      transition: background-color 0.25s ease, color 0.25s ease;

      &:hover {
        background-color: #fff;
        color: var(--color-primary);
      }
    }
  }

  .confirm-action {
    margin-top: 50px;
  }
}

.contact-thanks {
  > p {
    margin-bottom: 50px;
    text-align: center;
    font-size: 18px;
    line-height: 2;

    @media screen and (max-width: 600px) {
      text-align: left;
    }
  }
}

/** 特定商取引法 **/
.tradelaw {
  &.page-contents {
    max-width: 1000px;
  }

  .tradelaw_tb {
    width: 100%;

    a {
      color: var(--color-text);
    }
  }
  tr {
    border-bottom: 1px dashed var(--color-text-sub);
    padding: 20px 0;
    display: block;
  }
  th,
  td {
    display: block;
    width: 100%;
    padding-inline: 20px;

    @media screen and (max-width: 600px) {
      padding-inline: 0;
    }
  }
  th {
    padding-bottom: 10px;
    font-weight: bold;
  }

  .alcohol {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    max-width: 600px;
    width: 100%;

    @media screen and (max-width: 600px) {
      grid-template-columns: repeat(1, 1fr);
      max-width: 400px;
    }

    dt,
    dd {
      border: 1px solid var(--color-text-sub);
      padding: 15px 20px;
      display: flex;
      align-items: center;
    }
    dt {
      background-color: var(--color-text-sub);
      border-bottom: 1px solid #fff;

      &:last-of-type {
        border-bottom: none;
      }
    }
  }
}

/** マイページ関係 **/
.sub-myPage-navLogOutBlock {
  text-align: right;
  margin-bottom: 10px;
  a {
    color: var(--color-text);
  }
}

/** 会社情報 **/
.about-table {
  max-width: 900px;
  margin-inline: auto;
  th,
  td {
    padding: 20px;
    border: 1px solid var(--color-text-sub);

    @media screen and (max-width: 600px) {
      display: block;
      width: 100%;
      padding: 15px;
      box-sizing: border-box;
    }
  }
  th {
    background-color: var(--color-text-sub);
    width: 30%;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #fff;

    @media screen and (max-width: 600px) {
      text-align: left;
      width: 100%;
    }
  }
}

/*====================
  購入フロー
====================*/

.ec-orderDelivery,
.ec-orderPayment,
.ec-orderConfirm {
  margin: 20px 0 10px;
}

.ec-orderDelivery .ec-orderDelivery__title {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  white-space: nowrap !important;
}

.ec-orderDelivery .ec-orderDelivery__btnContainer {
  display: inline-block;
  text-align: right;
}

.ec-orderDelivery .ec-orderDelivery__change {
  position: static !important;
  vertical-align: middle !important;
  margin: 0 0 0 10px !important;
}
.ec-orderRole {
  align-items: flex-start;
  p {
    line-height: 1.6;
  }
}

.ec-imageGrid__content {
  p {
    font-size: 14px;
  }
}

.ec-imageGrid__option {
  padding-left: 20px;
  width: 35%;
}

.ec-blockBtn--cancel {
  padding-inline: 0;
}

.ec-WrappingGroup__contents {
  margin-bottom: 50px;
}

.ec-errorMessage {
  .d-block {
    margin-top: 20px;
    font-size: 14px;
  }
}
.ec-WrappingGroup__select {
  margin-bottom: 20px;
}

.ec-WrappingGroup__selectItems {
  display: flex;
  flex-wrap: wrap;
  column-gap: 10px;
  align-items: center;
}

.ec-WrappingGroup__selectItems > div {
  display: flex;
  width: 70%;
  align-items: center;
  column-gap: 10px;
}

.ec-select {
  margin-bottom: 0;
  flex: 1;
}

.ec-WrappingGroup__selectItems div label {
  width: 70px;
}

.ec-WrappingGroup__selectItems > .ec-WrappingGroup__selectNumber {
  width: auto;
}

.ec-WrappingGroup__selectItems > .ec-WrappingGroup__selectNumber label {
  width: 40px;
}

.ec-input input {
  box-sizing: border-box;
  margin-bottom: 0;
}

.ec-WrappingGroup__selectItems > div:last-of-type {
  width: 100%;
  display: block;
}

div#wrapping_group__add_button0 {
  margin-top: 30px;
}

.ec-wrappingGroup__elements .select-radio {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px 30px;
}

.ec-wrappingGroup__elements .select-label {
  padding: 0;
  display: flex;
  align-items: center;
  height: auto;
  max-width: 100%;
  box-sizing: border-box;
}

.select-radio .select-placeholder {
  justify-content: center;
}

.select-radio .select-element:last-child {
  display: block;
  font-size: 14px;
  padding: 10px;
}
.select-radio .select-label img {
  object-fit: contain;
  display: block;
}

.ec-definitions .item_cell {
  max-width: 100%;
}

#gmo_payment_gateway_credit_form .ec-input,
.ec-orderConfirm .ec-input,
.ec-orderPayment .ec-input {
  max-width: 100%;
}

.ec-rectHeading {
  margin-bottom: 20px;
}

.ec-selects .ec-select {
  margin-bottom: 15px;
}

.ec-orderPayment .dl_table dt,
.ec-orderPayment .dl_table dd {
  padding: 10px 0;
}

.modal {
  z-index: 1000;
  left: 0;
}

.wrapping-option-info {
  padding: 40px;
}

.login-actions_btn {
  max-width: 350px;
  width: 100%;
  margin-inline: auto;
}

.login-actions_btn button {
  display: block;
  width: 100%;
}

.login-actions_support {
  margin-top: 15px;
  max-width: 350px;
  margin-inline: auto;
}

.login-actions_support .ec-login__link {
  margin-left: 0;
}

.ec-login__input {
  display: flex;
  flex-direction: column;
  row-gap: 15px;

  .ec-input {
    display: flex;
    flex-direction: column;
    row-gap: 15px;
  }
}

.ec-radio label {
  margin-right: 0;
}

#form_wrapping_groups_0_noshi_roll {
  .ec-radio label {
    margin-right: 20px;
  }
  .ec-radio input {
    margin-right: 5px;
  }
}

.ec-imageGrid__option:not(:has(> p)) {
  display: none;
}

.ec-navlistRole .active a,
.ec-required {
  color: var(--color-primary);
}

.login_actions {
  display: block;
  .ec-grid2__cell {
    width: 100%;
    max-width: 350px;
    margin-inline: auto;
  }
  .ec-login__link {
    margin-left: 0;
  }
}

@media screen and (max-width: 800px) {
  .ec-WrappingGroup__selectItems > .ec-WrappingGroup__selectItem {
    width: 100%;
    margin-bottom: 15px;
  }

  .ec-WrappingGroup__selectNumber {
    margin-left: 0;
  }
  .ec-definitions .item_cell {
    display: block !important;
    width: auto;
    text-align: left;
    padding: 0 20px !important;
  }

  .ec-wrappingGroup__elements .select-radio {
    padding-top: 0;
    grid-template-columns: repeat(1, 1fr);
  }
}

@media screen and (max-width: 600px) {
  .ec-WrappingGroup__selectItems > .ec-WrappingGroup__selectItem {
    display: block;
  }
  .ec-WrappingGroup__selectItems div.ec-select {
    display: block;
    margin-top: 5px;
  }

  .ec-cartRow {
    display: flex;
    flex-flow: row wrap;
    padding-top: 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid var(--color-text-sub);
    position: relative;
  }
  .ec-cartRow .ec-cartRow__delColumn {
    border-bottom: none;
    position: absolute;
    top: 0.5em;
    right: 0;
  }
  .ec-cartRow .ec-cartRow__contentColumn {
    border-bottom: none;
    order: 1;
    flex: 0 0 100%;
    width: 100%;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .ec-cartRow .ec-cartRow__img {
    width: 22vw;
    max-width: 120px;
  }
  .ec-cartRow .ec-cartRow__amountColumn {
    border-bottom: none;
    order: 3;
    flex: 1 1 auto;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amount {
    margin-right: 1em;
  }
  .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amount:before {
    content: "数量";
    display: inline-block;
    margin-right: 0.5em;
  }
  .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountUpButton,
  .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButton,
  .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButtonDisabled {
    width: 36px;
    height: 36px;
    display: block;
    margin-left: 1px;
    color: inherit;
  }
  .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountSP {
    margin-bottom: 0;
    margin-right: 10px;
  }
  .ec-cartRole .ec-cartRole__progress {
    text-align: left;
  }
  #gmo_payment_gateway_credit_form {
    .dl_table {
      display: flex !important;
      flex-direction: column;
      row-gap: 15px;

      > dl {
        display: block !important;
        height: auto !important;
      }

      dt,
      dd {
        display: block !important;
        width: 100% !important;
        padding: 0;
      }
      dt {
        margin-bottom: 10px !important;
      }
    }
  }

  .ec-login {
    padding: 30px 20px;
    .form-check {
      display: flex;
      column-gap: 10px;
    }
    #login_memory {
      margin-bottom: 0;
    }
  }

  .ec-WrappingGroup {
    margin: 0;
    padding-inline: 20px;
  }
  .ec-imageGrid__option {
    width: 100%;
    margin-left: 0;
    display: block;
  }

  .ec-imageGrid {
    border-top: none;
    display: flex;
    flex-wrap: wrap;
  }

  .ec-reportHeading {
    border-top: none;
  }
  .ec-reportDescription {
    text-align: left;
  }

  .ec-reportHeading h1,
  .ec-reportHeading h2,
  .ec-reportHeading h3,
  .ec-reportHeading h4,
  .ec-reportHeading h5,
  .ec-reportHeading h6,
  .ec-reportHeading p {
    font-size: 22px;
  }

  .ec-imageGrid .ec-imageGrid__img {
    display: block;
  }

  .ec-imageGrid .ec-imageGrid__content {
    display: block;
    flex: 1;
  }

  .ec-borderedList li {
    padding-bottom: 20px;
  }

  ul.ec-borderedList {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
  }
}