@charset "utf-8";
/* CSS Document */

/* 共通化予定 ここから */
/* コンテンツ幅 〜 パンくず */
.fs-l-main {
  width: 100%;
  padding: 0;
}
.fs-l-main * {
  box-sizing: border-box;
}
.fs-c-breadcrumb,
.fs-c-breadcrumb,
.fs-l-main {
  margin-right: auto;
  margin-left: auto;
}
.fs-c-breadcrumb {
  border: 0;
}
.fs-c-breadcrumb ol * {
  color: rgb(102, 102, 102);
  font-size: 13px;
  display: inline;
}
nav.fs-c-breadcrumb {
  width: 96%;
  padding-top: 3%;
}
nav.fs-c-breadcrumb a {
  text-decoration: underline;
}
div.fs-c-breadcrumb {
  display: none;
}

/* PC 768px */
@media screen and (min-width : 768px){

  .fs-c-breadcrumb,
  .fs-c-breadcrumb,
  .fs-l-main {
    width: 96%;
    max-width: 1280px;
  }
  nav.fs-c-breadcrumb {
    padding-top: 20px;
	max-width: 1280px;
	margin: auto;
  }
  nav.fs-c-breadcrumb .fs-c-breadcrumb__listItem {
    font-size: 12.3px;
  }
  div.fs-c-breadcrumb {
    display: block;
  }
  .fs-c-breadcrumb__list--subgroup .fs-c-breadcrumb__listItem {
    font-size: 10px;    
  }

}
/* 共通化予定 ここまで */





/* 商品グループ表示（システムパーツ） */
.fs-c-subgroup .fs-c-listControl {
  display: none;
}
.fs-c-subgroup .fs-c-subgroupList__item a {
  background: none;
  position: relative;
}

/* sp */
@media screen and (max-width : 767px){

  .fs-c-subgroup { /* 商品グループ表示（システムパーツ） */
    margin-inline: auto;
    width: 96%;
  }
  .fs-c-subgroup ul.fs-c-subgroupList {}
  .fs-c-subgroup .fs-c-subgroupList li.fs-c-subgroupList__item:first-child {
    border-top: 1px dotted #ddd;
  }
  .fs-c-subgroup .fs-c-subgroupList li.fs-c-subgroupList__item {
    border-bottom: 1px dotted #ddd;
    line-height: 1.1;
    padding: 2px 3px;
  }
  .fs-c-subgroup .fs-c-subgroupList__item a {
    padding: 13px 5px;
    font-size: 14px;
    border: 0;
  }
  .fs-c-subgroup .fs-c-subgroupList__item .fs-c-subgroupList__image {
    display: none;
  }
  .fs-c-subgroup .fs-c-subgroupList__item .fs-c-subgroupList__comment {
    display: none;
  }

}

@media screen and (min-width : 768px){

  .fs-c-subgroup {
    width: 100%;
    text-align: center;
  }
  .fs-c-subgroupList__item {
    margin-inline: 5px;
    margin-bottom: 10px;
  }
  .fs-c-subgroupList__link::after {
    content: none;
  }
  .fs-c-subgroup .fs-c-subgroupList__item a .fs-c-subgroupList__comment {
    position: absolute;
    top: calc(100% + 5px);
    width: 100%;
    text-align: center;
    font-size: .8em;
  }
  .fs-c-subgroup .fs-c-subgroupList {
    gap: 15px 0;
  }
  .fs-c-subgroup .fs-c-subgroupList__item {
    margin-top: 0;
    margin-bottom: 0;
    width: calc((100% - 30px) / 3);
    flex-basis: auto;
    flex-grow: unset;
  }
  .fs-c-subgroup .fs-c-subgroupList__link:has(.fs-c-subgroupList__image) .fs-c-subgroupList__label {
    display: none;
  }
  .fs-c-subgroup .fs-c-subgroupList__link:has(.fs-c-subgroupList__image) {
    display: block;
    height: auto;
    border: none;
  }
  .fs-c-subgroup .fs-c-subgroupList__image {
    margin-right: 0;
  }
  .fs-c-subgroup .fs-c-subgroupList__image img {
    width: 100%;
  }
  .fs-c-subgroup .fs-c-subgroupList__item a .fs-c-subgroupList__comment {
    position: static!important;
    margin-top: 5px;
  }
  .fs-c-subgroup .fs-c-subgroupList__item a {
    border: none;
    padding: 0;
    display: block;
  }
  .fs-c-subgroup .fs-c-subgroupList__label {
    border: 1px solid #7c8790;
    padding: 10px;
    font-size: 14px;
    letter-spacing: 0.5px;
  }
}


/* 並び替え・件数・ページャ */
.fs-c-productList__controller {
  display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-align-items: flex-end;
	align-items: flex-end;
}
.fs-c-sortItems {
  border: 0;
  margin: 0 auto 4%;
  /* width: 100%; */
}
.fs-c-sortItems__label {
  border: 0;
  border-right: 1px solid #333333;
  font-size: 11px;
  padding: 4px;
  display: none;

}
.fs-c-sortItems ul.fs-c-sortItems__list {
	margin:0px;
	padding:0px;
	text-align:right;
}
.fs-c-sortItems li.fs-c-sortItems__list__item {
	margin:0px;
	padding:0 8px 0 5px;
	display:inline;
	border-right:1px solid #333333;
}
.fs-c-sortItems li.fs-c-sortItems__list__item.is-active {
  background: none;
  color: #000;
  text-decoration: underline;
}
.fs-c-sortItems__list__item:has(a[href*="?sort=review"]) {
  display: none;
}
.fs-c-sortItems__list__item .fs-c-sortItems__list__item__label {
  padding: 0;
  color: #4c4c4c;
  font-size: 12px;
  letter-spacing: 0.5px;
}

.fs-c-productList__controller .fs-c-listControl {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  color: #4c4c4c;
  /* margin: 8px 0; */
}
.fs-c-pagination {} /* ページャ */
.fs-c-pagination > *:not(.fs-c-pagination__item--next,.fs-c-pagination__item--prev,span.fs-c-pagination__item:not(.is-active)) {
  border: 1px solid #999999;
  margin: 0 2px;
  /* aspect-ratio: 1 / 1; */
}
.fs-c-pagination__item--next {}







/* 商品一覧（システムパーツグループ） */
.fs-c-productList__list {}
.fs-c-productList__list article.fs-c-productList__list__item.fs-c-productListItem {
  border: 0;
}
.fs-c-productListItem__viewMoreImageButton.fs-c-buttonContainer,
.fs-c-productName .fs-c-productName__copy {
  display: none;
}
h2.fs-c-productListItem__productName.fs-c-productName {
  background: none;
  padding: 0;
  text-align: left;
  line-height: 1.4;
  word-break: break-all;
}
.fs-c-productName .fs-c-productName__name {
  font-weight: bold;
  padding: 0;
}

/* 価格周り */
.fs-c-productListItem__prices.fs-c-productPrices {
  color: rgb(102, 102, 102);
}
/* 通常価格 */
.fs-c-productListItem__prices.fs-c-productPrices .fs-c-productPrice.fs-c-productPrice--listed {
  text-decoration: line-through;
  font-size: 11px;
  line-height: 1;
}
.fs-c-productListItem__prices.fs-c-productPrices .fs-c-productPrice.fs-c-productPrice--listed .fs-c-productPrice__main__label {
  margin-right: 0;
}
.fs-c-productListItem__prices.fs-c-productPrices .fs-c-productPrice.fs-c-productPrice--listed .fs-c-price__currencyMark {
  display: none;
}
.fs-c-productListItem__prices.fs-c-productPrices .fs-c-productPrice.fs-c-productPrice--listed .fs-c-price__value::after {
  content: "円";
}

/* 販売価格 */
.fs-c-productListItem__prices.fs-c-productPrices .fs-c-productPrice.fs-c-productPrice--selling .fs-c-price__currencyMark {
  display: none;
}
.fs-c-productListItem__prices.fs-c-productPrices .fs-c-productPrice.fs-c-productPrice--selling .fs-c-price__value {
  color: rgb(255, 0, 0);
  font-weight: bold;
  font-size: 13px;
  letter-spacing: 0.5px;
}
.fs-c-productListItem__prices.fs-c-productPrices .fs-c-productPrice.fs-c-productPrice--selling .fs-c-price__value::after {
  content: "円";
}
.fs-c-productListItem__prices.fs-c-productPrices .fs-c-productPrice.fs-c-productPrice--selling .fs-c-productPrice__addon {
  font-size: 11px;
}
.fs-c-productListItem__control.fs-c-buttonContainer {
  display: none;
}
.fs-c-productListItem__outOfStock.fs-c-productListItem__notice.fs-c-productStock { /* 在庫切れ */
  border: 1px dotted #FF3300;
  color: #FF3300;
  padding: 5px 5px 3px;
  margin: 5px auto 0;
  text-align: center;
  line-height: 1;
}

.fs-c-productList__list + .fs-c-productList__controller .fs-c-sortItems { /* リスト下部の並び替え */
  display: none;
}



/* PC 768px */
@media screen and (min-width : 768px){

  .fs-c-sortItems {
    margin: 0 0 20px;
  }
  .fs-c-sortItems__label {
    display: block;
  }

  .fs-c-productList__list {
    margin-bottom: 60px;
  }
  .fs-c-productListItem__outOfStock.fs-c-productListItem__notice.fs-c-productStock { /* 在庫切れ */
    font-size: 11px;
  }


}





@media screen and (min-width: 960px) {

  .fs-c-productList__list {
    grid-template-columns: calc(23% - 0px) calc(23% - 0px) calc(23% - 0px) calc(23% - 0px);
    grid-gap: 26px;

  }

}


/*

<div class="fs-c-productListItem__prices fs-c-productPrices">
  
  <div class="fs-c-productPrice fs-c-productPrice--listed">
    <span class="fs-c-productPrice__main">
      <span class="fs-c-productPrice__main__label">当店通常価格</span>
      
      <span class="fs-c-productPrice__main__price fs-c-price">
        <span class="fs-c-price__currencyMark">¥</span>
        <span class="fs-c-price__value">7,990</span>
      </span>
    </span>
  </div>
  
  
  <div class="fs-c-productPrice fs-c-productPrice--selling">
    <span class="fs-c-productPrice__main">
      <span class="fs-c-productPrice__main__price fs-c-price">
        <span class="fs-c-price__currencyMark">¥</span>
        <span class="fs-c-price__value">7,191</span>
      </span>
    </span>
    <span class="fs-c-productPrice__addon">
      <span class="fs-c-productPrice__addon__label">税込</span>
    </span>
  </div>  

</div>

*/

/* 追記 */
.fs-c-productList {
  width: 100%;
}
/* 現在登録されている商品はありません。 */
.fs-c-noResultMessage {
  background: none;
}
@media screen and (max-width: 767px) {
  .fs-c-noResultMessage {
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  .fs-c-noResultMessage {
    text-align: left;
  }
}
/* 現在登録されている商品はありません。を非表示 */
.fs-body-category-5002 .fs-c-productList {
  display: none;
}

/* 独自コメント1のスタイル変更 */
.group_comment_01:empty {
  display: none;
}
h2 {
  background-color: transparent;
}
.group_comment_01 h3 {
  border-top: none;
}

@media screen and (max-width: 767px) {
  .group_comment_01 .pc__only {
    display: none;
  }
  .group_mv_img {
    margin-bottom:20px;
    margin-top:5px;
  }
}

@media screen and (min-width: 768px) {
  .group_comment_01 .sp__only {
    display: none;
  }
  .group_mv_img {
    margin-bottom:50px;
    margin-top:20px;
  }
  .group_comment_01 h2 span {
    padding-left: 0;
  }
}

/* ページネーション */
.fs-c-pagination a.fs-c-pagination__item {
  color: #000;
}

/* original.cssから持ってきた */
@media screen and (max-width: 767px) {
  .group_comment_01 {
    background: #FFF none repeat scroll 0% 0%;
    margin: 0 2%;
    padding: 0;
    box-shadow: initial;
    border-radius: initial;
    font-size: 12px;
  }
  /*category heading*/
  h2.kidsyukata{
    font-size: 30px;
    font-size: 3rem;
    position: relative;
    padding: 0.5rem;
    text-align: center;
  }
  h2.kidsyukata span.kidsyukata {
    font-size: 18px;
    display: block;
  }
  h2.girls:before {
    position: absolute;
    bottom: -10px;
    left: calc(50% - 30px);
    width: 60px;
    height: 5px;
    content: '';
    border-radius: 3px;
    background: #fa4141;
  }
  h2.boys:before {
    position: absolute;
    bottom: -10px;
    left: calc(50% - 30px);
    width: 60px;
    height: 5px;
    content: '';
    border-radius: 3px;
    background: #418efa;
  }
  .cItemTitle{
    font-size: 12px;
    font-weight: bold;
    position: relative;
    padding: 1rem;
    text-align: center;
  }
  .cItemPrice{
    font-size: 12px;
    font-weight: bold;
    position: relative;
    color: #FF0000;
    text-align: center;
  }
}

@media screen and (min-width: 768px) {
  .group_comment_01 {
    margin: 40px auto;
    width: 960px;
    color: #666;
    font-size: 80%;
  }
  /*category heading*/
  h2.kidsyukata{
    font-size: 30px;
    font-size: 3rem;
    position: relative;
    padding: 1.5rem;
    text-align: center;
  }
  h2.kidsyukata span.kidsyukata {
    font-size: 18px;
    font-size: 1.8rem;
    display: block;
  }
  h2.girls:before {
    position: absolute;
    bottom: -10px;
    left: calc(50% - 30px);
    width: 60px;
    height: 5px;
    content: '';
    border-radius: 3px;
    background: #fa4141;
  }
  h2.boys:before {
    position: absolute;
    bottom: -10px;
    left: calc(50% - 30px);
    width: 60px;
    height: 5px;
    content: '';
    border-radius: 3px;
    background: #418efa;
  }
  .cItemTitle{
    font-size: 18px;
    font-weight: bold;
    position: relative;
    padding: 1rem;
    text-align: center;
  }
  .cItemPrice{
    font-size: 16px;
    font-weight: bold;
    position: relative;
    color: #FF0000;
    text-align: center;
  }
}

/* 商品マーク */
@media screen and (max-width : 767px) {
  .fs-c-productList__list__item .fs-c-productMark__item {
    margin: 0 5px 5px 0;
  }
  .fs-c-productList__list__item .fs-c-productMark__image {
    height: 15px;
    border-radius: 3px;
    width: auto;
    max-width: none;
  }
}
@media screen and (min-width : 768px) {
  .fs-c-productList__list__item .fs-c-productMark__item {
    margin: 0 5px 5px 0;
  }
  .fs-c-productList__list__item .fs-c-productMark__image {
    height: 19px;
    width: auto;
    max-width: none;
  }
}