.p-sub-category {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5em; /* 余白を均等に */
    margin: 50px 10px 0;
    padding: 0;
    list-style-type: none;
}

@media screen and (min-width: 600px) {
    .p-sub-category {
        grid-template-columns: repeat(5, 1fr); /* PCで4列 */
    }
}

.p-sub-category::after {
  display: block;
  content: '';
}

.p-sub-category__item {
    display: flex;
    box-sizing: border-box;
}

.p-sub-category__image {
  display: block;
  margin-bottom: 10px;
}

.p-sub-category__link {
    display: flex;
    align-items: center;
    transition: opacity .2s;
    text-decoration: none;
    border: 1px solid #ededed;
    padding: 0.6em;
    width: 100%;
}

.p-sub-category__link:hover {
  background: #eaeaea;
  text-decoration: none;
}

.p-sub-category__link:active {
  opacity: 1;
}

.p-sub-category__name {
  font-size: 13px;
  line-height: 1.3;
  position: relative;
  display: block;
}


.c-section-cate {
    margin: 20px 0 0;
}

.c-section-bottom {
    margin: 30px 0 50px;
}

.c-section__heading-grp {
    margin: 0 10px;
}

.c-section__heading--sub-title {
  font-family: 'Montserrat', 'Noto Sans Japanese', sans-serif;
  font-size: 2.8em;
  font-weight: 400;
  max-width: 750px;
  text-align: left;
  margin: 0 auto;
  padding: 0 10px;
}
@media screen and (max-width: 599px) {
  .c-section__heading--sub-title {
    font-size: 25px;
  }
}

.c-section__container {
    display: block;
    max-width: 750px;
    line-height: 1.5em;
    text-align: left;
    margin-right: auto;
    margin-left: auto;
    padding: 0 10px;
    font-size: 15px;
}
.c-section__container P {
  font-size: 14px;
  line-height: 1.6em;
}

.c-section__container a {
    padding: 0.05rem 0rem;
    border-bottom: 1px solid #adadad;
}

.c-section__container-bottom {
    display: block;
    max-width: 750px;
    line-height: 1.5em;
    text-align: left;
    margin-right: auto;
    margin-left: auto;
    padding: 0 10px;
    font-size: 13px;
}
.c-section__container-bottom a:link { color:#555; text-decoration: underline; }

@media screen and (max-width: 599px) {
  .c-section__container {
    width: 90%;
    text-align: left;
    font-size: 15px;
}
}

.group-profile {
    margin: 30px 50px;
    padding: 30px 0 10px;
    border: 1px solid #eaeaea;
}
.group-profile p {
    padding: 0 30px;
    text-align: left;
}
.grp-exp {
  font-size: 16px;
  font-weight: 500;
  padding: 0 0 12px;
  border-bottom: 1px solid #888;
}
.grp-exp-img {
  text-align: center;
  margin-bottom: 40px;
  padding: 50px;
  border: solid 1px #e0e0e0;
}

.preorder-text {
  display: flex;
  align-items: center;
  margin-top: .6em;
  padding: 5px;
  font-size: .9em;
  font-weight: 300;
}
.preorder-text:before,
.preorder-text:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #aaa;
    margin: 0 1em;
}

.c-product-sort__total {
  position: relative;
  margin: 0 0 0 10px;
  display: inline-block;
}

.c-product-sort__total span {
  font-size: 16px;
  margin: 0 5px;
}

@media screen and (max-width: 600px) {
  .c-product-sort__total {
    position: relative;
    font-size: 0.92em;
  }
}

.c-select__value {
  text-align: right;
  font-size: 14px;
  line-height: 1.5;
  display: inline-block;
  padding: 5px 28px 5px 8px;
  cursor: pointer;
  transition: .2s;
  border: 2px solid transparent;
  border-radius: 4px;
  outline: none;
  background: transparent;

  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.c-select__value:hover {
  border-color: rgba(0, 0, 0, .1);
}

.c-select__value::-ms-expand {
  display: none;
}

@media screen and (max-width: 600px) {
  .c-select__value {
    font-size: 0.92em;
  }
}

.c-select__icon {
  position: absolute;
  z-index: -1;
  top: 50%;
  right: 5px;
  width: 22px;
  height: 22px;
  margin-top: -12px;
  fill: currentColor;
}

.c-product-sort {
  display: flex;
  justify-content: space-between;
  margin: 30px 10px 5px;
  align-items: center;
}

.c-product-sort__switch {
  display: inline-block;
}

@media screen and (max-width: 599px) {
    .c-product-list__item {
        padding: 25px 20px 50px;
    }
}

/*どこでもカラーミー 矢印用*/
select[name="option1"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 4px 30px 4px 6px; /* 右に余白 */
  width: 100%;
  height: 30px;
  font-size: 11px;

  background-image: url('data:image/svg+xml;charset=US-ASCII,<svg%20xmlns="http://www.w3.org/2000/svg"%20width="10"%20height="5"><polygon%20points="0,0%205,5%2010,0"%20style="fill:%23333;" /></svg>');
  background-repeat: no-repeat;
  background-position: right 6px center;
  background-size: 10px 5px;
}

/* IE用 - 矢印非表示 */
select[name="option1"]::-ms-expand {
  display: none;
}