/*共通パーツ*/
.p-supProUnder__ttl{
  position: relative;
  width: 100%;
  height: auto !important;
  color: #fff;
  line-height: 1.2;
  letter-spacing: -.05em;
  background: #0c3621;
  background: -webkit-gradient(linear, left top, right top, from(#0c3621), to(#097941));
  background: -o-linear-gradient(left, #0c3621 0, #097941 100%);
  background: linear-gradient(to right, #0c3621 0, #097941 100%);
}

.p-supProUnder__ttl .p-supProUnder__ttlInner{
  position: static;
}
.p-supProUnder__ttl .p-supProUnder__ttlTxt{
  position: static;
  padding: 50px 10px 20px 5px;
}

.p-supProUnder__ttl + .sort{
  margin-top: 20px;
}

.js-scrollable {
  padding: 0 15px 0 0;
  border-left: 1px solid #c6c6c6;
  margin-right: calc(50% - 50vw);
  overflow: auto;
}

.block-top-event--parts,
.block-top-event--size,
.block-top-event--type,
.block-top-event--oyayubi,
.block-top-event--tekubi,
.block-top-event--hiji,
.block-top-event--koshi,
.block-top-event--larger,
.block-top-event--hiza,
.block-top-event--ashikubi,
.block-top-event--fukuraha{
  display: none;
}

/*SLICK*/
.block-genre-page--event .block-pickup-list-p--items .slick-track{
  display: flex;
}
.block-genre-page--event .block-pickup-list-p--items li {
  margin-right: 9px;
}

.block-genre-page--event .block-pickup-list-p--items li > a{
  height: 100%;
}

.block-genre-page--event .block-pickup-list-p--items li > a > div.block-pickup-list-p--goods-description{
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.block-genre-page--event .block-pickup-list-p--price-infos{
  margin-top: auto;
}

.slick-track {
  display: flex;
}
.slick-slide {
  height: auto !important;
}

.block-genre-page--event .block-pickup-list-p--item a {
  flex-direction: column;
}

.block-genre-page--event .block-pickup-list-p--goods-name {
  font-size: 15px;
}

.block-genre-page--event .block-pickup-list-p--items{
  position: relative;
}

.slick-prev,
.slick-next{
  width: 33px;
  height: 33px;
  border-radius: 50%;
  background-color: #F4F4F2;
  border: 1px solid #000;
  position: absolute;
  top: 30%;
  z-index: 1;
  font-size: 1px;
  color: transparent;
}

.slick-prev{
  left: 0;
}

.slick-next{
  right: 0;
}

.slick-prev:after,
.slick-next:after{
  content: '';
  width: 10px;
  height: 10px;
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
}

.slick-prev:after{
  left: 12px;
  transform: translateY(-50%) rotate(135deg);
}

.slick-next:after{
  right: 12px;
  transform: translateY(-50%) rotate(-45deg);
}

body.page-genre .block-genre-page--event .block-pickup-list-p--comment {
  font-size: 14px;
}

.block-genre-page--event .block-pickup-list-p--goods-description{
  width: 100%;
}


.series-selection{
  display: none;
  width: calc(100vw - calc(100vw - 100%));
  margin: 0 calc(50vw - 50%);
  background-color: #F4F4F2;
  position: fixed;
  top: 0;
  z-index: 5;
}

.series-selection.fixed{
  display: block;
}

.series-lists{
  display: flex;
  justify-content: space-between;
  padding: 0 5px;
}
.series-item{
  margin: 0 5px;
  padding: 20px 0;
}

.series-item.active{
  border-bottom: 5px solid #0A5530;
}
.series-item > a{
  padding-bottom: 15px;
  display: block;
  position: relative;
  color: #0A5530;
  font-size: 14px;
  font-weight: bold;
}

.series-item > a::after{
  content:"";
  width: 8px;
  height: 8px;
  display: block;
  border-right: 2px solid #0A5530;
  border-bottom: 2px solid #0A5530;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%) rotate(45deg);
}

.series-item.active{
  border-bottom: 3px solid #0A5530;
}

.sort-content{
  margin-bottom: 30px;
}
.caution + .sort-content dt{
  display: flex;
  justify-content: space-between;
}

.button-reset{
  font-size: 12px;
  padding: 5px 10px;
  appearance: none;
  height: 30px;
  border: 1px solid #999;
  background-color: #F6F6F6;
}
.title_sort{
  margin-bottom: 20px;
  padding: 0;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
}

.title_sort::after{
  content: none;
}

.select-cate{
  margin: -20px 0 0 -20px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.select-cate-item{
  margin: 20px 0 0 20px;
  position: relative;
}

.select-cate-item input{
  opacity:0;
  appearance: none;
  white-space: nowrap;
  width: 1px;
  height: 1px;
  overflow: hidden;
  border: 0;
  padding: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  margin: -1px;
}

.checkbox-name{
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  color: #666;
  position: relative;
}

.checkbox-name::before{
  content: "";
  display: inline-block;
  width: 2em;
  height: 2em;
  border: 1px solid #707070;
  border-radius: 3px;
  margin-right: 6px;
  flex-shrink: 0;
}

.checkbox-text{
  font-size: 16px;
}

.select-cate input:checked + .checkbox-name:after {
  content: "✓";
  color: #0A5530;
  font-size: 2em;
  font-weight: bolder;
  position: absolute;
  border-width: 0 2px 2px 0;
  margin: auto;
}

.select-cate input:focus-visible + .checkbox-name .select-cate-text {
  background: linear-gradient(transparent 90%, rgba(33, 150, 243, 0.3) 90%);
}

.select-cate input:disabled + .checkbox-name{
  color: #ccc;
}
.select-cate input:disabled + .checkbox-name::before{
  border-color: #ccc;
}

/*table*/
.sort .caution{
  font-size: 12px;
  margin-bottom: 20px;
}
.comparison{
  display: flex;
}
.comparison-title{
  position: sticky;
  left: 0;
  z-index: 1;
}
.comparison-title::after{
  content: "";
  width: 100%;
  height: 1px;
  background-color: #c6c6c6;
  position: absolute;
  bottom: 0;
}
.comparison-title table th{
  width: 120px;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  border-top: 1px solid #c6c6c6;
  border-right: 1px solid #c6c6c6;
  white-space: nowrap;
  padding: 15px;
  background: #faf8f1;
}
.comparison-lists{
  display: flex;
}
.comparison-product{
  width: 150px;
}
.comparison-product.hide{
  display: none;
}
table.comparison-sort {
  font-size: 14px;
  border-spacing: 0;
  border-bottom: 1px solid #c6c6c6;
  table-layout: fixed;
  border-collapse: separate;
}


table.comparison-sort th.fix-title {
  width: 120px;
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  top: 0;
  z-index: 1;
}

table.comparison-sort td{
  width: 250px;
  padding: 15px;
  border-top: 1px solid #c6c6c6;
  border-right: 1px solid #c6c6c6;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  background-clip: padding-box;
  position: relative;
}
table.comparison-sort td img {
  width: 85px;
}

table.comparison-sort td.for{
  width: 200px;
}
table.comparison-sort td.product a img{
  display: block;
    margin: 5px auto auto;
    width: 100%;
}
table.comparison-sort td ul{
  margin: 0 0 0 15px;
}
table.comparison-sort td ul li{
  list-style: disc;
  text-align: left;
}
table.comparison-sort td.product a .ico{
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 35%;
}
table.comparison-sort .btn{
  color: #FFF;
  background: #F7CD46;
  text-decoration: none;
  padding: 15px 10px;
}
.block-top-event--icing .m-productItem{
  padding: 0;
}

.m-productItem .p-productIciList__ttl{
  font-size: 15px;
  font-weight: 700;
}

.m-productItem .p-productIciList__ttl span{
  font-size: 14px;
}

.block-top-event--icing .p-productIciUse{
  padding-bottom: 20px;
}

.block-top-event--icing .block-pickup-list-p--price.price.js-enhanced-ecommerce-goods-price{
  margin-top: 10px;
}

.no-result{
  min-width: 220px;
  padding: 0 20px;
  display: flex;
  align-items: center;
}

.product-count{
  margin-bottom: 10px;
}

.product-count .count{
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

.product-count .count-no{
  margin-left: 10px;
  font-size: 24px;
}

.error-message{
  position:absolute;
  width:150px;
  height:auto;
  background:#ED8E78;
  padding:5px 10px;
  text-align:left;
  color:#000;
  border-radius: 4px;
  font-size:12px;
  z-index: 2;
}
.error-message::after{
  border: solid transparent;
  content:'';
  height:0;
  width:0;
  pointer-events:none;
  position:absolute;
  border-color: rgba(106, 90, 205, 0);
  border-top-width:10px;
  border-bottom-width:10px;
  border-left-width:10px;
  border-right-width:10px;
  margin-left: -10px;
  border-bottom-color:#ED8E78;
  bottom:100%;
  left:12%;
}

.select-cate.part .select-cate-item:nth-child(4) .error-message,
.select-cate.size .select-cate-item:last-child .error-message{
  right: 0;
}

.select-cate.part .select-cate-item:nth-child(4) .error-message::after,
.select-cate.size .select-cate-item:last-child .error-message::after{
  left: 76%;
}