/* 古賀追加↓ */

@media screen and (max-width: 1030px) {
    .l-contents-wrap {
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (max-width: 1030px) {
    .c-not-found, .howtopickup, .shopinfo {
        padding: 0 20px;
    }
}
.menu_title::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url('https://img21.shop-pro.jp/PA01507/189/etc_base64/aWNvbl9hYm91dA.png?cmsp_timestamp=20251112141430');
  background-size: contain; /* or cover */
  background-repeat: no-repeat;
  vertical-align: -3px;
  margin-right: 8px;
}

.howtopickup_title::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url('https://img21.shop-pro.jp/PA01507/189/etc_base64/aWNvbl9ob3d0b3BpY2t1cA.png?cmsp_timestamp=20251127144924');
  background-size: contain; /* or cover */
  background-repeat: no-repeat;
  vertical-align: -3px;
  margin-right: 8px;
}

.shopinformation_title::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url('https://img21.shop-pro.jp/PA01507/189/etc_base64/aWNvbl9zaG9waW5mb3JtYXRpb24.png?cmsp_timestamp=20251127144232');
  background-size: contain; /* or cover */
  background-repeat: no-repeat;
  vertical-align: -3px;
  margin-right: 8px;
}

/* 古賀追加　ここまで */

/******************************/
/* category */
/******************************/
.p-category__ttl {
  margin: 10px 0 30px 0;
  line-height: 1.4;
  font-size: 30px;
  font-weight: normal;
}
.p-category-free {
  margin-bottom: 60px;
  line-height: 1.7;
}
/***** カテゴリ一覧 *****/
.p-category-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 60px;
  margin-bottom: 60px;
  margin-left: -15px;
  margin-right: -15px;
}
@media screen and (max-width: 767px) {
  .p-category-list {
    display: block;
    margin-left: 0;
    margin-right: 0;
  }
}
.p-category-list__item {
  box-sizing: border-box;
  margin-bottom: 60px;
  padding-left: 15px;
  padding-right: 15px;
  width: 33.3333%;
  font-size: 16px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-category-list__item {
    margin-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
    width: auto;
    text-align: left;
  }
}
.p-category-list__link {
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-category-list__link {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
}
.p-category-list__link:hover {
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .p-category-list__link:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -6px;
    width: 8px;
    height: 8px;
    border-right: 1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
    transform: rotate(-45deg);
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
}
.p-category-list__img {
  display: block;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .p-category-list__img {
    margin-right: 10px;
    margin-bottom: 0;
    width: 75px;
  }
}
.p-category-list__name:hover {
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  .p-category-list__name:hover {
    text-decoration: none;
  }
}
@media screen and (max-width: 767px) {
  .p-category-list__name {
    flex: 1;
  }
}
/***** 商品件数・ソート *****/
.p-item-list-head {
  display: flex;
  justify-content: space-between;
  padding: 30px;
  border-top: 1px solid #7d7d7d;
}

/* 古賀追加　↓ */
.p-item-list-head {
  border-top: none;
  display: block;
  padding: 30px 0;
}

@media screen and (max-width: 1030px) {
    .c-item-list {
        padding: 0 20px;
    }
}
/* 古賀追加　ここまで */


@media screen and (max-width: 767px) {
  .p-item-list-head {
    padding: 30px 0;
  }
}

/* 古賀追加　↓ */
@media screen and (max-width: 767px) {
  .p-item-list-head {
    padding: 0 0 30px;
  }
}
/* 古賀追加　ここまで */

.p-item-list-num {
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .p-item-list-num {
    font-size: 14px;
  }
}
.p-item-sort-list {
  display: flex;
  flex-wrap: wrap;
}
/* 古賀追加　↓ */
.p-item-sort-list {
  justify-content: center;
  border-bottom: 1px solid #E66A12;
}

@media screen and (max-width: 767px) {
  .p-item-sort-list {
    padding: 0 2.5%;
 }
}

/* 古賀追加　ここまで */

.p-item-sort-list__item {
  margin-left: 30px;
}

/* 古賀追加　↓ */
.p-item-sort-list__item {
  border: 1px solid #E66A12;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
  padding: 5px 5%;
}

@media screen and (max-width: 767px) {
 .p-item-sort-list__item {
  padding: 4px 2%;
  }
}
/* 古賀追加　ここまで */

@media screen and (max-width: 767px) {
  .p-item-sort-list__item {
    margin-left: 25px;
  }
}

/* 古賀追加*/

@media screen and (max-width: 767px) {
  .p-item-sort-list__item {
    margin-left: 2%;
  }
}

/* 古賀追加　ここまで */

.p-item-sort-list__item:first-child {
  margin-left: 0;
}
.p-item-sort-list__item span {
  text-decoration: underline;
}

/* 古賀追加　↓ */

.p-item-sort-list__item:has(> span) {
  background: #E66A12;
}
.p-item-sort-list__item span {
  text-decoration: none;
  color: #fff;
  padding-right: 10px;
}


.p-item-sort-list__item a {
  color: #E66A12;
  padding-right: 10px;
}

@media screen and (max-width: 767px) {
 .p-item-sort-list__item span, .p-item-sort-list__item a {
  padding-right: 5px;
 }
}

@media screen and (max-width: 1030px) {
    .p-item-list-num {
        padding-left: 20px;
      margin-bottom: 20px;
    }
}

.p-item-sort-list__item.recommend span:before {
  content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("https://img21.shop-pro.jp/PA01507/189/etc_base64/aWNvbl9yZWNvbW1lbmRfd2hpdGU.png?cmsp_timestamp=20251127134751");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: -4px;
    margin-right: 8px;
}

.p-item-sort-list__item.recommend a:before {
  content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("https://img21.shop-pro.jp/PA01507/189/etc_base64/aWNvbl9yZWNvbW1lbmRfb3Jhbmdl.png?cmsp_timestamp=20251127135703");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: -4px;
    margin-right: 8px;
}

.p-item-sort-list__item.price span:before {
  content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("https://img21.shop-pro.jp/PA01507/189/etc_base64/aWNvbl9wcmljZV93aGl0ZQ.png?cmsp_timestamp=20251127135703");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: -4px;
    margin-right: 8px;
}

.p-item-sort-list__item.price a:before {
  content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("https://img21.shop-pro.jp/PA01507/189/etc_base64/aWNvbl9wcmljZV9vcmFuZ2U.png?cmsp_timestamp=20251127135703");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: -4px;
    margin-right: 8px;
}

.p-item-sort-list__item.new span:before {
  content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("https://img21.shop-pro.jp/PA01507/189/etc_base64/aWNvbl9uZXdfd2hpdGU.png?cmsp_timestamp=20251127135703");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: -4px;
    margin-right: 8px;
}

.p-item-sort-list__item.new a:before {
  content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("https://img21.shop-pro.jp/PA01507/189/etc_base64/aWNvbl9uZXdfb3Jhbmdl.png?cmsp_timestamp=20251127135703");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: -4px;
    margin-right: 8px;
}

@media screen and (max-width: 767px) {
 .p-item-sort-list__item.recommend span:before, .p-item-sort-list__item.recommend a:before,
 .p-item-sort-list__item.price span:before, .p-item-sort-list__item.price a:before,
 .p-item-sort-list__item.new span:before, .p-item-sort-list__item.new a:before {
    margin-right: 5px;
 }
}
/******************************/
/* 受け取り方法（フリースペース） */
/******************************/

.howtopickup {
    margin-bottom: 60px;
}

.howtopickup .note-box {
    padding: 30px;
}

.bg-beige {
    background-color: #FFF9F0;
}

/******************************/
/* 店舗情報（フリースペース） */
/******************************/

.orange {
  color: #E66A12;
}

@media screen and (max-width: 767px) {
  .shopinfo {
  padding: 45px 20px;
  }
}

@media screen and (min-width: 768px) {
  .shopinfo {
  background-color: #fff;
  }
}

@media screen and (min-width: 768px) {
  .shop-box {
  display: flex;
  justify-content: space-between;
  }
}

.shop-box, .address, .opening-hours {
  border-bottom: 1px dashed #E66A12;
}

.shop-box, .address, .opening-hours, .contact-info {
  padding: 30px 0;
}

@media screen and (max-width: 767px) {
  .shop-box, .address, .opening-hours, .contact-info {
  padding: 15px 0;
}
}

.shop-banner {
  width: 40%;
}

@media screen and (max-width: 767px) {
  .shop-banner {
  width: 60%;
 }
}

/******************************/
/* ページトップリンク */
/******************************/

a.pagetop {
  position: fixed;
  right: 10%;
  bottom: 20px;
  width: 48px;
  height: 48px;
  background: #E66A12;
  border: 1px solid #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  opacity: 0.8;
  transition: 0.3s;
  z-index: 9999;
}

@media screen and (max-width: 767px) {
  a.pagetop {
    right: 5%;
    bottom: 80px;
    width: 42px;
    height: 42px;
  }
}

/* 疑似要素で上向き矢印を作成 */
a.pagetop::before {
  content: "";
  width: 12px;
  height: 12px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(-45deg); /* 上向き矢印になる */
  display: block;
  margin-top: 3px;
}

@media screen and (max-width: 767px) {
  a.pagetop::before {
  content: "";
  width: 10px;
  height: 10px;
  }
}

a.pagetop:hover {
  transform: translateY(-4px);
}
/* 古賀追加　ここまで */