@charset "UTF-8";
@media (min-width: 768px) {
  :root {
    --list-max-width: 122.8rem;
  }

  #Contents {
    background: #fff;
  }

  .hidden-desktop {
    display: none !important;
  }

  .breadcrumbs > ol {
    padding-left: 0;
    padding-right: 0;
    width: 90%;
    max-width: var(--list-max-width);
  }

  .product_cateImg {
    margin: 0 auto 2rem;
    color: var(--sec-tittle-color);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .product_cateImg_mv {
    position: relative;
  }
  .product_cateImg_mv .product_cateImg_ttl {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 6.4rem;
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    row-gap: 2rem;
    margin-top: 0;
  }
  .product_cateImg_mv .product_cateImg_ttl--main {
    font-size: 4.4rem;
    line-height: normal;
    letter-spacing: 0.08em;
  }
  .product_cateImg_mv .product_cateImg_ttl--sub {
    font-size: 1.7rem;
    font-weight: 600;
  }
  .product_cateImg_ttl {
    font-size: 3.6rem;
    font-family: var(--sec-tittle-font);
    text-align: center;
    margin-top: 4.2rem;
  }
  .product_cateImg_text {
    font-family: var(--sec-tittle-font);
    font-size: 1.5rem;
    text-align: center;
    line-height: 2;
    letter-spacing: 0.08em;
    margin-top: 3.3rem;
    margin-bottom: 4rem;
  }

  .search_result {
    width: 100%;
    padding: 0 10%;
    margin: 2rem auto 0;
    font-size: 1.2rem;
    line-height: 1.6;
    text-align: center;
  }

  #ListRanking {
    width: 100%;
    margin: 0 0 6rem;
    border-top: 1px solid #E8E8E8;
  }
  #ListRanking .ListRanking-inner {
    width: 90%;
    max-width: var(--list-max-width);
    margin: 0 auto;
    padding: 7rem 0 10.5rem;
  }
  #ListRanking .ttlArea-ListRanking {
    position: relative;
    margin-bottom: 5.7rem;
  }
  #ListRanking .ttlArea-ListRanking .section-ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 1.3rem;
  }
  #ListRanking .ttlArea-ListRanking .section-ttl--main {
    display: block;
    font-family: var(--font-EBGaramond);
    font-weight: 400;
    font-size: 4.8rem;
    line-height: 1.4;
    letter-spacing: 0.08em;
  }
  #ListRanking .ttlArea-ListRanking .section-ttl--sub {
    font-weight: 700;
    font-size: 1.7rem;
    letter-spacing: 0.01em;
  }
  #ListRanking .cardUnit-ranking {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 3.2rem;
  }
  #ListRanking .card-ranking {
    background-color: #F4F2F1;
  }
  #ListRanking .card-ranking > a {
    height: 100%;
    padding: 1.8rem 2.1rem;
  }
  #ListRanking .rankNum {
    color: var(--text-color);
    background-color: #E5D6BF;
    border-radius: 50%;
    font-family: var(--font-EBGaramond);
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1;
    width: 3.2rem;
    height: 3.2rem;
    top: 0.7rem;
    left: 0.6rem;
  }
  #ListRanking .rankNum-1, #ListRanking .rankNum-2, #ListRanking .rankNum-3 {
    color: #fff;
  }
  #ListRanking .rankNum-1 {
    background-color: #E7A926;
  }
  #ListRanking .rankNum-2 {
    background-color: #9FA4B0;
  }
  #ListRanking .rankNum-3 {
    background-color: #9F5239;
  }
  #ListRanking .icon_list {
    display: none;
    max-width: 80%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    min-height: 1.8rem;
    margin-bottom: 0.2rem;
  }
  #ListRanking .icon_list .icon {
    font-size: 1rem;
  }
  #ListRanking .categoryName {
    font-size: 1.2rem;
    color: #929292;
    line-height: normal;
    letter-spacing: 0.06em;
    margin-bottom: 0.4rem;
  }
  #ListRanking .brandName {
    height: 1.5rem;
    max-width: 40%;
    position: absolute;
    top: 0.3rem;
    right: 0;
  }
  #ListRanking .itemList_textarea {
    margin-top: 1.6rem;
    position: relative;
  }
  #ListRanking .itemName {
    font-size: 1.4rem;
  }

  .productControl {
    width: 90%;
    max-width: var(--list-max-width);
    padding: 2.4rem 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 auto 6rem;
    background-color: #F4F2F1;
  }

  #itemCount .item_num {
    font-family: var(--brandName-font);
    font-weight: 600;
    font-size: 1.4rem;
    letter-spacing: 0.04em;
    color: var(--text-color);
  }
  #itemCount .item_num .total-count {
    font-size: 3.2rem;
    font-family: var(--font-EBGaramond);
    font-weight: 500;
  }

  .cardUnit-productList {
    width: 90%;
    max-width: var(--list-max-width);
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 4rem 3.2rem;
  }
  .cardUnit-productList > div {
    border: 1px solid #EFEFEF;
    padding: 2.5rem 2.8rem;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
  }
  .cardUnit-productList > div .btn-favorite a .favorite_true svg,
  .cardUnit-productList > div .btn-favorite a .favorite_false svg {
    width: 2.4rem;
    height: 2.3rem;
  }
  .cardUnit-productList > div .btn-favorite a .favorite_true .path01 {
    fill: #fff;
  }
  .cardUnit-productList > div .btn-favorite a .favorite_true .path02 {
    fill: #cecece;
  }
  .cardUnit-productList > div .btn-favorite a .favorite_false .path01 {
    fill: #cecece;
  }
  .cardUnit-productList > div .btn-favorite a .favorite_false .path02 {
    fill: #cecece;
  }
  .cardUnit-productList > div:nth-child(-n+5) {
    margin-top: 0;
  }
  .cardUnit-productList > div:nth-child(5n) {
    margin-right: 0;
  }

  .itemList_imgareaWrap {
    position: relative;
  }

  .itemList_imgarea {
    border: none;
    margin-bottom: 0;
  }

  .itemList_textarea a {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }

  .itemName {
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.5;
    letter-spacing: 0;
  }

  .itemLowerWrap {
    display: grid;
    grid-template-columns: auto 1fr;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 1rem;
       -moz-column-gap: 1rem;
            column-gap: 1rem;
  }

  .brandName {
    width: auto;
    height: 1.6rem;
    margin: 0 0 0 auto;
  }

  .brandName img {
    display: block;
    width: auto;
    max-width: 100%;
    height: 100%;
    margin: 0 0 0;
  }

  .btn-favorite {
    position: absolute;
    top: -1.5rem;
    right: -1.2rem;
  }

  /* 商品なし */
  .noProduct {
    font-size: 2rem;
    text-align: center;
    margin: 4rem auto 8rem;
  }

  /*==============================================================================================
  関連カテゴリー
  ==============================================================================================*/

  /* .card-ProductList:hover a{
    opacity: var(--opacity-normal);
  } */
  /*==============================================================================================
  ソート関係
  ==============================================================================================*/

  /**************************************
  ページャー調整
  **************************************/

  /*==============================================================================================
  Awoo
  ==============================================================================================*/

  /*通常時人気タグ*/

  /*レコメンド*/

  /*スライダー*/
}
@media (min-width: 768px) and (hover: hover) {
  .cardUnit-productList:hover > div .btn-favorite a {
    opacity: 1;
  }
}
@media (min-width: 768px) {
  #RelatingCategory {
    border-top: 1px solid #EDEDED;
    border-bottom: 1px solid #EDEDED;
    padding: 8rem 0;
  }
  #RelatingCategory .relatingCategory-inner {
    width: 100%;
    padding: 0 10%;
    /* max-width: 124rem; */
    /* padding: 0 2rem; */
    margin: 0 auto;
  }
  #RelatingCategory .relatingCategory-inner .section-ttl-jp {
    display: block;
  }
}
@media (min-width: 768px) {
  .categoryListy-inner {
    margin-top: 2rem;
  }
  .categoryListy-inner .cardUnit-RelatingCategory {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: -5px;
    margin-bottom: -1rem;
  }
  .categoryListy-inner .cardUnit-RelatingCategory li {
    margin-left: 5px;
    margin-bottom: 1rem;
  }
}
@media (min-width: 768px) {
  .card-ProductList {
    cursor: pointer;
  }
}
@media (min-width: 768px) {
  .controlBox {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-column-gap: 3.8rem;
       -moz-column-gap: 3.8rem;
            column-gap: 3.8rem;
  }
  .controlBox .control_wrap {
    position: relative;
  }
  .controlBox .control_title {
    font-family: var(--sec-tittle-font);
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.04em;
  }
  .controlBox .searchBox .control_title {
    font-size: 1.3rem;
    background-color: var(--bg-primary);
    color: #fff;
  }
  .controlBox .searchBox .control_title a {
    padding: 0.8rem 1.9rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-column-gap: 0.75rem;
       -moz-column-gap: 0.75rem;
            column-gap: 0.75rem;
  }
  .controlBox .searchBox .control_title a .title-icon {
    display: inline-block;
    width: 1.2rem;
    height: 1px;
    background-color: #fff;
    position: relative;
  }
  .controlBox .searchBox .control_title a .title-icon::before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: -0.5rem;
    left: 0;
  }
  .controlBox .searchBox .control_title a .title-icon::after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    bottom: -0.5rem;
    left: 0;
  }
  .controlBox .sortBox .sort_toggle_btn-frame {
    padding: 1rem 5.2rem 0.6rem 0.8rem;
    border-bottom: 1px solid #060725;
    position: relative;
    cursor: pointer;
  }
  .controlBox .sortBox .sort_toggle_btn-frame::after {
    content: "";
    display: block;
    width: 1rem;
    height: 0.45rem;
    background: url("../Contents/ImagesPkg/productlist/sort_arrow.svg") no-repeat center;
    background-size: 100% auto;
    position: absolute;
    top: 50%;
    right: 0.6rem;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: -webkit-transform 0.6s ease;
    transition: -webkit-transform 0.6s ease;
    transition: transform 0.6s ease;
    transition: transform 0.6s ease, -webkit-transform 0.6s ease;
  }
  .controlBox .sortBox .sort_toggle_btn-frame.open::after {
    -webkit-transform: translateY(-50%) scaleY(-1);
            transform: translateY(-50%) scaleY(-1);
  }
  .controlBox .sortBox .control_title {
    font-size: 1.4rem;
  }
  .controlBox .control_item {
    position: absolute;
    z-index: 2;
    width: 100%;
  }
  .controlBox .control_item.toggle_box {
    display: none;
  }
  .controlBox .control_item.toggle_box li {
    background-color: #F4F2F1;
    font-size: 1.3rem;
    line-height: normal;
  }
  .controlBox .control_item.toggle_box li > a, .controlBox .control_item.toggle_box li.active {
    padding: 1rem 1.2rem;
  }
}
@media (min-width: 768px) and (hover: hover) {
  .controlBox .toggle_box li:hover {
    background: var(--bg-secondary);
  }
}
@media (min-width: 768px) {
  .controlBox .sort_modal_btn,
.sort_modal_btn-frame {
    display: none;
  }
}
@media (min-width: 768px) {
  .pagerBox.pagerBox_ProductList {
    margin-top: 4.4rem;
  }
  .pagerBox.pagerBox_ProductList > .listPager > ul {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-column-gap: 2rem;
       -moz-column-gap: 2rem;
            column-gap: 2rem;
  }
  .pagerBox.pagerBox_ProductList > .listPager > ul > li.ellipsis {
    width: auto;
  }
  .pagerBox.pagerBox_ProductList > .listPager > ul > li.num {
    width: 4rem;
    height: 4rem;
  }
  .pagerBox.pagerBox_ProductList > .listPager > ul > li.num.current span {
    background-color: var(--text-color);
  }
  .pagerBox.pagerBox_ProductList > .listPager > ul > li {
    margin: 0 0 0;
  }
  .pagerBox.pagerBox_ProductList > .listPager > ul > li > a {
    font-family: var(--sec-tittle-font);
    font-weight: 400;
    font-size: 1.5rem;
    color: var(--text-color);
  }
  .pagerBox.pagerBox_ProductList > .listPager > ul > li > a:hover {
    background-color: var(--text-color);
    color: #fff;
  }
  .pagerBox.pagerBox_ProductList > .listPager > ul > li.prev, .pagerBox.pagerBox_ProductList > .listPager > ul > li.next {
    position: relative;
    margin: 0 0 0;
  }
  .pagerBox.pagerBox_ProductList > .listPager > ul > li.prev > a, .pagerBox.pagerBox_ProductList > .listPager > ul > li.next > a {
    background: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 1rem;
       -moz-column-gap: 1rem;
            column-gap: 1rem;
  }
  .pagerBox.pagerBox_ProductList > .listPager > ul > li.prev > a::before, .pagerBox.pagerBox_ProductList > .listPager > ul > li.next > a::before {
    display: inline-block;
    font-size: 1.5rem;
    letter-spacing: 0.04em;
  }
  .pagerBox.pagerBox_ProductList > .listPager > ul > li.prev > a::after, .pagerBox.pagerBox_ProductList > .listPager > ul > li.next > a::after {
    content: "";
    display: inline-block;
    width: 1.1rem;
    height: 1.8rem;
    background: url("../Contents/ImagesPkg/productlist/pager_arrow.svg") no-repeat center;
    background-size: 100% auto;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .pagerBox.pagerBox_ProductList > .listPager > ul > li.next {
    margin-left: 1rem;
  }
  .pagerBox.pagerBox_ProductList > .listPager > ul > li.next > a::before {
    content: "Next";
  }
  .pagerBox.pagerBox_ProductList > .listPager > ul > li.prev {
    margin-right: 1rem;
  }
  .pagerBox.pagerBox_ProductList > .listPager > ul > li.prev > a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .pagerBox.pagerBox_ProductList > .listPager > ul > li.prev > a::before {
    content: "Prev";
  }
  .pagerBox.pagerBox_ProductList > .listPager > ul > li.prev > a::after {
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
  }
}
@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
  .cardUnit-productList > div .btn-favorite a .favorite_true .path01,
.cardUnit-productList > div .btn-favorite a .favorite_false .path01 {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .cardUnit-productList > div .btn-favorite a:hover .favorite_true .path01,
.cardUnit-productList > div .btn-favorite a:hover .favorite_false .path01 {
    fill: #cecece;
  }
}
@media (min-width: 768px) {
  .awoo-wrap .section-ttl-jp {
    margin-bottom: 2rem;
    width: 100%;
    padding: 0 10%;
  }
}
@media (min-width: 768px) {
  #awoo-classify {
    width: 100%;
    padding: 0 10%;
    margin-bottom: 8rem;
  }
}
@media (min-width: 768px) {
  #awoo-classify .awoo-tag, #awoo-keyword-popular-tags .awoo-tag {
    color: var(--bg-rankNum);
    font-size: 1.3rem;
    background: #fff;
    border: 1px solid var(--bg-rankNum);
    text-align: center;
    border-radius: 16px;
    padding: 0 2rem 0 2.5rem;
    height: 3rem;
    line-height: 3rem;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
}
@media (min-width: 768px) {
  #awoo-classify .awoo-tag span, #awoo-keyword-popular-tags .awoo-tag span {
    position: relative;
  }
}
@media (min-width: 768px) {
  #awoo-classify .awoo-tag span::before, #awoo-keyword-popular-tags .awoo-tag span::before {
    position: absolute;
    display: block;
    content: "#";
    left: -1rem;
  }
}
@media (min-width: 768px) {
  #awoo-classify .awoo-tag:hover, #awoo-keyword-popular-tags .awoo-tag:hover {
    color: #fff;
    background: var(--bg-rankNum);
    opacity: 1;
  }
}
@media (min-width: 768px) {
  #awoo-keyword-popular-tags {
    padding: 0 10%;
    margin-bottom: 8rem;
  }
}
@media (min-width: 768px) {
  #awoo-keyword-popular-tags .popular-tags-wrapper {
    background: none;
    border-radius: 0;
    padding: 0;
  }
}
@media (min-width: 768px) {
  #awoo-keyword-popular-tags .popular-tags-title {
    display: none;
  }
}
@media (min-width: 768px) {
  .awoo-keyword-popular-tags__wrap {
    display: none;
  }
}
@media (min-width: 768px) {
  #awoo-no-result-products {
    width: 100%;
    max-width: 124rem;
    margin: 0 auto;
  }
}
@media (min-width: 768px) {
  #awoo-no-result-products {
    margin-bottom: 5rem;
  }
}
@media (min-width: 768px) {
  #awoo-no-result-products .related-wrapper p {
    line-height: 1;
    color: var(--sec-tittle-color);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 2rem;
    padding: 0 2rem;
  }
}
@media (min-width: 768px) {
  #awoo-no-result-products .related-product-img {
    border: 1px solid #EFEFEF;
    position: relative;
    margin-bottom: 1.5rem;
    border-radius: 0;
  }
}
@media (min-width: 768px) {
  #awoo-no-result-products .related-product-name {
    min-height: auto;
    height: auto;
    font-size: 1.3rem;
    line-height: 1.769;
    margin-bottom: 1rem;
    color: #1C1C1C;
  }
}
@media (min-width: 768px) {
  #awoo-no-result-products .product__price .product-price {
    font-size: 1.2rem;
    color: #575757;
    font-weight: 100;
    width: auto;
    position: relative;
  }
}
@media (min-width: 768px) {
  #awoo-no-result-products .product__price .product-price::after {
    position: absolute;
    display: block;
    content: "(tax in)";
    top: 0;
    right: -4.5rem;
  }
}
@media (min-width: 768px) {
  #awoo-no-result-products .related-wrapper .carousel-arrow {
    top: calc(50% - 3rem);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 3rem;
    height: 3rem;
  }
}
@media (max-width: 767px) {
  :root {
    --list-max-width: calc(100% - 4rem);
  }

  .hidden-mobile {
    display: none !important;
  }

  .product_cateImg {
    color: var(--sec-tittle-color);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
  }
  .product_cateImg .product_cateImg_ttl {
    font-size: 2.8rem;
    font-family: var(--font-EBGaramond);
    text-align: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 2rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    row-gap: 1rem;
    margin-top: 0;
  }
  .product_cateImg .product_cateImg_ttl--main {
    font-size: 2.5rem;
    line-height: normal;
    letter-spacing: 0.08em;
  }
  .product_cateImg .product_cateImg_ttl--sub {
    font-size: 1.4rem;
    font-weight: 600;
  }
  .product_cateImg_text {
    font-family: var(--font-ZenOld);
    font-size: 1.3rem;
    text-align: center;
    line-height: 2.3;
    letter-spacing: 0;
    margin-top: 3.2rem;
    margin-bottom: 4rem;
    padding: 0 2rem;
  }

  .categoryText {
    padding: 0 1rem;
    margin: 0 auto;
  }

  #breadcrumbs.breadcrumbs-products {
    display: none;
  }

  .search_result {
    width: 100%;
    padding: 0 1rem;
    margin: 2rem auto 0;
    font-size: 1.2rem;
    line-height: 1.6;
    text-align: center;
  }

  #ListRanking {
    width: 100%;
    margin: 0 0 0;
    border-top: 1px solid #E8E8E8;
  }
  #ListRanking .ListRanking-inner {
    width: 100%;
    max-width: var(--list-max-width);
    margin: 0 auto;
    padding: 3.5rem 0 10.5rem;
  }
  #ListRanking .ttlArea-ListRanking {
    position: relative;
    margin-bottom: 4.5rem;
  }
  #ListRanking .ttlArea-ListRanking .section-ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 0.9rem;
  }
  #ListRanking .ttlArea-ListRanking .section-ttl--main {
    display: block;
    font-family: var(--font-EBGaramond);
    font-weight: 400;
    font-size: 4.2rem;
    line-height: 1.4;
    letter-spacing: 0.08em;
  }
  #ListRanking .ttlArea-ListRanking .section-ttl--sub {
    font-weight: 700;
    font-size: 1.4rem;
    letter-spacing: 0.01em;
  }
  #ListRanking .cardUnit-ranking {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
  }
  #ListRanking .card-ranking {
    background-color: #F4F2F1;
  }
  #ListRanking .card-ranking > a {
    height: 100%;
    padding: 1.6rem 1.4rem;
  }
  #ListRanking .rankNum {
    color: var(--text-color);
    background-color: #E5D6BF;
    border-radius: 50%;
    font-family: var(--font-EBGaramond);
    font-weight: 500;
    font-size: 1.3rem;
    line-height: 1;
    width: 2.9rem;
    height: 2.9rem;
    top: 0.5rem;
    left: 0.3rem;
  }
  #ListRanking .rankNum-1, #ListRanking .rankNum-2, #ListRanking .rankNum-3 {
    color: #fff;
  }
  #ListRanking .rankNum-1 {
    background-color: #E7A926;
  }
  #ListRanking .rankNum-2 {
    background-color: #9FA4B0;
  }
  #ListRanking .rankNum-3 {
    background-color: #9F5239;
  }
  #ListRanking .icon_list {
    max-width: 80%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    min-height: 1.8rem;
    margin-bottom: 0.2rem;
  }
  #ListRanking .icon_list .icon {
    font-size: 1rem;
  }
  #ListRanking .categoryName {
    font-size: 1.1rem;
    color: #929292;
    line-height: normal;
    letter-spacing: 0.06em;
    margin-bottom: 0.4rem;
    max-width: 50%;
  }
  #ListRanking .brandName {
    height: 1.5rem;
    position: absolute;
    top: 0.3rem;
    right: 0;
  }
  #ListRanking .itemList_textarea {
    margin-top: 1.4rem;
    position: relative;
  }
  #ListRanking .itemName {
    font-size: 1.4rem;
    margin-bottom: 1.1rem;
  }
  #ListRanking .priceArea {
    font-size: 1.4rem;
  }

  .productControl {
    width: 100%;
    max-width: var(--list-max-width);
    padding: 0 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 auto 3.2rem;
    background-color: #F4F2F1;
    padding: 1.8rem 1.2rem;
  }

  #itemCount .item_num {
    font-family: var(--brandName-font);
    font-size: 1.3rem;
    letter-spacing: 0.08em;
  }
  #itemCount .item_num .total-count {
    font-size: 2.2rem;
    font-family: var(--font-EBGaramond);
    font-weight: 500;
  }

  .cardUnit-productList {
    width: 100%;
    max-width: var(--list-max-width);
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
  }
  .cardUnit-productList > div {
    border: 1px solid #EFEFEF;
    padding: 1.4rem;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
  }
  .cardUnit-productList > div:nth-child(odd) {
    margin-left: 0;
  }
  .cardUnit-productList > div:nth-child(-n+2) {
    margin-top: 0;
  }
  .cardUnit-productList > div .btn-favorite a .favorite_true svg,
.cardUnit-productList > div .btn-favorite a .favorite_false svg {
    width: 2.3rem;
    height: 2.2rem;
  }
  .cardUnit-productList > div .btn-favorite a .favorite_true .path01 {
    fill: #fff;
  }
  .cardUnit-productList > div .btn-favorite a .favorite_true .path02 {
    fill: #cecece;
  }
  .cardUnit-productList > div .btn-favorite a .favorite_false .path01 {
    fill: #cecece;
  }
  .cardUnit-productList > div .btn-favorite a .favorite_false .path02 {
    fill: #cecece;
  }

  .icon_list {
    margin-bottom: 0;
  }

  .itemList_imgareaWrap {
    position: relative;
  }

  .itemList_imgarea {
    border: none;
    margin-bottom: 0;
  }

  .itemList_textarea a {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }

  .itemName {
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 1.5;
    letter-spacing: 0;
    margin-bottom: 1.3rem;
  }

  .itemLowerWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: 0.8rem;
  }

  .brandName {
    width: auto;
    max-width: 5rem;
    height: 1.4rem;
    margin-bottom: 0;
  }

  .brandName img {
    display: block;
    width: auto;
    max-width: 100%;
    height: 100%;
    margin: 0 0 0;
  }

  .btn-favorite {
    position: absolute;
    top: -0.4rem;
    right: -0.8rem;
  }

  /* 商品なし */
  .noProduct {
    font-size: 2rem;
    text-align: center;
    margin: 4rem auto 8rem;
  }

  /* 商品なし */
  .noProduct {
    font-size: 2rem;
    text-align: center;
    margin: 4rem auto 8rem;
  }

  /*==============================================================================================
  関連カテゴリー
  ==============================================================================================*/
  #RelatingCategory {
    border-top: 1px solid #EDEDED;
    border-bottom: 1px solid #EDEDED;
    padding: 5rem 0 6rem;
  }
  #RelatingCategory .relatingCategory-inner {
    width: 100%;
    padding: 0 1rem;
    margin: 0 auto;
  }
  #RelatingCategory .relatingCategory-inner .section-ttl-jp {
    display: block;
  }

  .categoryListy-inner {
    margin-top: 2rem;
  }
  .categoryListy-inner .cardUnit-RelatingCategory {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: -5px;
    margin-bottom: -5.5px;
  }
  .categoryListy-inner .cardUnit-RelatingCategory li {
    margin-left: 5px;
    margin-bottom: 1rem;
  }

  /*==============================================================================================
  ソート関係
  ==============================================================================================*/
  .controlBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    font-size: 1.2rem;
    letter-spacing: 0.08em;
    color: #575757;
    -webkit-column-gap: 1rem;
       -moz-column-gap: 1rem;
            column-gap: 1rem;
  }
  .controlBox .control_wrap {
    position: relative;
    /* width: 15rem;
    padding: 1rem 1rem; */
  }
  .controlBox .control_wrap .sort_modal_btn-frame {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    cursor: pointer;
  }
  .controlBox .control_title {
    font-family: var(--sec-tittle-font);
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.04em;
  }
  .controlBox .searchBox .control_title {
    font-size: 1.2rem;
    background-color: var(--bg-primary);
    color: #fff;
  }
  .controlBox .searchBox .control_title a {
    padding: 0.6rem 0.8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-column-gap: 0.65rem;
       -moz-column-gap: 0.65rem;
            column-gap: 0.65rem;
  }
  .controlBox .searchBox .control_title a .title-icon {
    display: inline-block;
    width: 1.1rem;
    height: 1px;
    background-color: #fff;
    position: relative;
  }
  .controlBox .searchBox .control_title a .title-icon::before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: -0.5rem;
    left: 0;
  }
  .controlBox .searchBox .control_title a .title-icon::after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    bottom: -0.5rem;
    left: 0;
  }
  .controlBox .sortBox .sort_toggle_btn-frame {
    padding: 0.7rem 3rem 0.35rem 0.2rem;
    border-bottom: 1px solid #060725;
    position: relative;
    cursor: pointer;
  }
  .controlBox .sortBox .sort_toggle_btn-frame::after {
    content: "";
    display: block;
    width: 1rem;
    height: 0.45rem;
    background: url("../Contents/ImagesPkg/productlist/sort_arrow.svg") no-repeat center;
    background-size: 100% auto;
    position: absolute;
    top: 50%;
    right: 0.6rem;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: -webkit-transform 0.6s ease;
    transition: -webkit-transform 0.6s ease;
    transition: transform 0.6s ease;
    transition: transform 0.6s ease, -webkit-transform 0.6s ease;
  }
  .controlBox .sortBox .sort_toggle_btn-frame.open::after {
    -webkit-transform: translateY(-50%) scaleY(-1);
            transform: translateY(-50%) scaleY(-1);
  }
  .controlBox .sortBox .control_title {
    font-size: 1.2rem;
  }
  .controlBox .control_item {
    position: absolute;
    z-index: 2;
    width: 100%;
  }
  .controlBox .control_item.toggle_box {
    display: none;
  }
  .controlBox .control_item.toggle_box li {
    background-color: #F4F2F1;
    font-size: 1.1rem;
    line-height: normal;
    text-align: left;
  }
  .controlBox .control_item.toggle_box li > a, .controlBox .control_item.toggle_box li.active {
    padding: 1rem 1.2rem;
  }
  .controlBox .toggle_box {
    display: none;
  }
  .controlBox .toggle_box li.active {
    color: var(--sec-tittle-color);
  }

  /**************************************
  ページャー調整
  **************************************/

  /*==============================================================================================
  Awoo
  ==============================================================================================*/

  /*通常時人気タグ*/

  /*検索0件レコメンド*/

  /*スライダー*/
}
@media (max-width: 767px) and (hover: hover) {
  .controlBox .toggle_box li:hover {
    background: var(--bg-secondary);
  }
}
@media (max-width: 767px) {
  .sortBox #modalFilterSort .control_wrap {
    border: none;
  }
  .sortBox #modalFilterSort.modal .modal-inner .btn-close {
    position: absolute;
  }
  .sortBox #modalFilterSort.modal .control_item {
    margin-top: 5rem;
  }
  .sortBox #modalFilterSort.modal .button-wrap {
    position: static;
  }
  .sortBox #modalFilterSort.modal .control_item li {
    padding: 1.8rem 1rem;
    border-bottom: 1px solid #EDEDED;
  }
  .sortBox #modalFilterSort.modal .control_item li:first-child {
    border-top: 1px solid #EDEDED;
  }
  .sortBox #modalFilterSort.modal .control_item li:empty {
    display: none;
  }
  .sortBox #modalFilterSort.modal .control_item li input {
    display: none;
  }
  .sortBox #modalFilterSort.modal .control_item li label {
    display: block;
    padding: 0 0 0 2.3rem;
    font-size: 1.3rem;
    position: relative;
    cursor: pointer;
    -webkit-transition: border 0.2s ease, background 0.2s ease;
    transition: border 0.2s ease, background 0.2s ease;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
  }
  .sortBox #modalFilterSort.modal .control_item li label::before {
    content: "";
    display: block;
    width: 1.7rem;
    height: 1.7rem;
    border: 1px solid #CECECE;
    border-radius: 20px;
    background: #FFFFFF;
    text-align: center;
    position: absolute;
    /* top: 15.7rem; */
    top: -0.2rem;
    left: 0;
    z-index: 1;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  .sortBox #modalFilterSort.modal .control_item li label::after {
    content: "";
    display: block;
    width: 0.9rem;
    height: 0.9rem;
    background: #6585B2;
    border-radius: 20px;
    position: absolute;
    left: 0.45rem;
    /* top: 16.1rem; */
    top: 0.2rem;
    z-index: 2;
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    border: 1px solid #6585B2;
  }
  .sortBox #modalFilterSort.modal .control_item li input:checked + label::before {
    border: 1px solid #6585B2;
  }
  .sortBox #modalFilterSort.modal .control_item li input:checked + label::after {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .sortBox #modalFilterSort.modal .button-wrap {
    margin-top: 4.35rem;
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .btnType-sort {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    /* width: 47rem; */
    width: 35.5rem;
    height: 4.5rem;
    color: #fff;
    border: 1px solid var(--bg-rankNum);
    background-color: var(--bg-rankNum);
    font-size: 1.3rem;
  }
  .btnType-sort > img {
    width: 1.41rem;
    margin-right: 0.97rem;
  }
}
@media (max-width: 767px) {
  .pagerBox.pagerBox_ProductList {
    margin-top: 0;
    padding-top: 2.5rem;
    padding-bottom: 8rem;
  }
  .pagerBox.pagerBox_ProductList > .listPager > ul {
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
  .pagerBox.pagerBox_ProductList > .listPager > ul > li.ellipsis {
    width: auto;
  }
  .pagerBox.pagerBox_ProductList > .listPager > ul > li.num {
    width: 3rem;
    height: 3rem;
  }
  .pagerBox.pagerBox_ProductList > .listPager > ul > li.num.current span {
    background-color: var(--text-color);
  }
  .pagerBox.pagerBox_ProductList > .listPager > ul > li {
    margin: 0 0 0;
  }
  .pagerBox.pagerBox_ProductList > .listPager > ul > li > a {
    font-family: var(--sec-tittle-font);
    font-weight: 400;
    font-size: 1.3rem;
    color: var(--text-color);
  }
  .pagerBox.pagerBox_ProductList > .listPager > ul > li > a:hover {
    background-color: var(--text-color);
    color: #fff;
  }
  .pagerBox.pagerBox_ProductList > .listPager > ul > li > span {
    font-size: 1.3rem;
  }
  .pagerBox.pagerBox_ProductList > .listPager > ul > li.prev, .pagerBox.pagerBox_ProductList > .listPager > ul > li.next {
    position: relative;
    margin: 0 0 0;
  }
  .pagerBox.pagerBox_ProductList > .listPager > ul > li.prev > a, .pagerBox.pagerBox_ProductList > .listPager > ul > li.next > a {
    background: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 0.7rem;
       -moz-column-gap: 0.7rem;
            column-gap: 0.7rem;
  }
  .pagerBox.pagerBox_ProductList > .listPager > ul > li.prev > a::before, .pagerBox.pagerBox_ProductList > .listPager > ul > li.next > a::before {
    display: inline-block;
    font-size: 1.3rem;
    letter-spacing: 0.04em;
  }
  .pagerBox.pagerBox_ProductList > .listPager > ul > li.prev > a::after, .pagerBox.pagerBox_ProductList > .listPager > ul > li.next > a::after {
    content: "";
    display: inline-block;
    width: 0.8rem;
    height: 1.4rem;
    background: url("../Contents/ImagesPkg/productlist/pager_arrow.svg") no-repeat center;
    background-size: 100% auto;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .pagerBox.pagerBox_ProductList > .listPager > ul > li.next > a::before {
    content: "Next";
  }
  .pagerBox.pagerBox_ProductList > .listPager > ul > li.prev > a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .pagerBox.pagerBox_ProductList > .listPager > ul > li.prev > a::before {
    content: "Prev";
  }
  .pagerBox.pagerBox_ProductList > .listPager > ul > li.prev > a::after {
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
  }
}
@media (max-width: 767px) {
  .awoo-wrap .section-ttl-jp {
    margin-bottom: 2rem;
    padding: 0 1rem;
  }
}
@media (max-width: 767px) {
  #awoo-classify .awoo-tag-wrapper {
    gap: 0;
    margin-left: -1rem;
  }
}
@media (max-width: 767px) {
  #awoo-classify, #awoo-keyword-popular-tags {
    width: 100%;
    padding: 0 1rem;
    margin-bottom: 4rem;
  }
}
@media (max-width: 767px) {
  #awoo-classify .awoo-tag, #awoo-keyword-popular-tags .awoo-tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: -0.5rem;
    margin-bottom: 0;
    gap: 0;
  }
}
@media (max-width: 767px) {
  #awoo-classify .awoo-tag, #awoo-keyword-popular-tags .awoo-tag {
    color: var(--bg-rankNum);
    font-size: 1.3rem;
    background: #fff;
    border: 1px solid var(--bg-rankNum);
    text-align: center;
    border-radius: 16px;
    padding: 0 2rem 0 2.5rem;
    height: 3rem;
    line-height: 3rem;
    margin-left: 1rem;
    margin-bottom: 1rem;
  }
}
@media (max-width: 767px) {
  #awoo-classify .awoo-tag span, #awoo-keyword-popular-tags .awoo-tag span {
    position: relative;
  }
}
@media (max-width: 767px) {
  #awoo-classify .awoo-tag span::before, #awoo-keyword-popular-tags .awoo-tag span::before {
    position: absolute;
    display: block;
    content: "#";
    left: -1rem;
  }
}
@media (max-width: 767px) {
  #awoo-classify .awoo-tag:hover, #awoo-keyword-popular-tags .awoo-tag:hover {
    color: #fff;
    background: var(--bg-rankNum);
    opacity: 1;
  }
}
@media (max-width: 767px) {
  #awoo-classify .awoo-tag:nth-last-of-type(n+11), #awoo-keyword-popular-tags .awoo-tag:nth-last-of-type(n+11) {
    display: none;
  }
}
@media (max-width: 767px) {
  #awoo-keyword-popular-tags .popular-tags-wrapper {
    background: none;
    border-radius: 0;
    padding: 0;
  }
}
@media (max-width: 767px) {
  #awoo-keyword-popular-tags .awoo-tag-wrapper {
    gap: 0;
    margin-left: -1rem;
  }
}
@media (max-width: 767px) {
  #awoo-keyword-popular-tags .popular-tags-title {
    display: none;
  }
}
@media (max-width: 767px) {
  .awoo-keyword-popular-tags__wrap {
    display: none;
  }
}
@media (max-width: 767px) {
  #awoo-no-result-products .rec-slider-container {
    margin: 0;
  }
}
@media (max-width: 767px) {
  #awoo-no-result-products {
    margin-bottom: 4rem;
  }
}
@media (max-width: 767px) {
  #awoo-no-result-products .related-product {
    padding: 0;
    margin-left: 0.8rem;
  }
}
@media (max-width: 767px) {
  #awoo-no-result-products .related-wrapper p {
    line-height: 1;
    color: var(--sec-tittle-color);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 2rem;
    padding: 0 0 0 1rem;
  }
}
@media (max-width: 767px) {
  #awoo-no-result-products .related-product-img {
    border: 1px solid #EFEFEF;
    position: relative;
    margin-bottom: 1.5rem;
    border-radius: 0;
  }
}
@media (max-width: 767px) {
  #awoo-no-result-products .related-product-name {
    min-height: auto;
    height: auto;
    font-size: 1.3rem;
    line-height: 1.769;
    margin-bottom: 1rem;
    color: #1C1C1C;
  }
}
@media (max-width: 767px) {
  #awoo-no-result-products .product__price div {
    font-size: 1.2rem;
    color: #575757;
    font-weight: 100;
    width: auto;
    position: relative;
  }
}
@media (max-width: 767px) {
  #awoo-no-result-products .product__price div::after {
    position: absolute;
    display: block;
    content: "(tax in)";
    top: 0;
    right: -4.5rem;
  }
}
@media (max-width: 767px) {
  #awoo-no-result-products .related-wrapper .carousel-arrow {
    top: calc(50% - 3rem);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 3rem;
    height: 3rem;
  }
}
/*# sourceMappingURL=productList_common.css.map */