@charset "utf-8";

.main-itemWrap{
  display: flex;
}

.leftWrap{
  margin-right: 2.8em;
}

.contents-syousai01 .item-image .item-image-list{
  width: 438px;
  height: 438px;
  border: 3px solid #d7d7d7;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
.detail-ttlWrap{
  display: flex;
  align-items: center;
  margin-bottom: .95em;
}

.detail-ttlWrap p{
  color: #808080;
  font-size: 15px;
}
.detail-ttlWrap p span{
  font-weight: bold;
  margin-right: .5em;
}

.detail-ttlWrap .item-brand-title{
  font-size: 15px;
  font-weight: bold;
  color: #171717;
  background: #f2efec;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: .2em .8em;
  margin-right: 1em;
}

.detail-ttlWrap .item-brand-title::before {
  display: block;
  content: '';
  width: .4em;
  height: .6em;
  background: url(https://gigaplus.makeshop.jp/musubiclub/common/img/i-next_brown01.png) no-repeat center/contain;
  margin-right: .4em;
}

.detail-ttlWrap .item-brand-title:hover{
  opacity: 1;
  background-color: #504336;
  color: #fff;
}
.detail-ttlWrap .item-brand-title:hover::before{
  background-image: url(https://gigaplus.makeshop.jp/musubiclub/common/img/i-next_wh.png);
}

.item-detail{
  width: -webkit-fill-available;
}

.item-detail-title{
  font-size: 26px;
  font-weight: normal;
}

.item-detail-table{
  width: 100%;
  margin-top: 2.5em;
}

.item-detail-table th,.item-detail-table td{
  font-size: 14px;
  text-align: left;
  vertical-align: middle;
  box-sizing: border-box;
  padding: .3em 1.2em;
  border: 1px solid #c3c1be;
}

.item-detail-table th{
  font-weight: normal;
  background-color: #f2ede5;
  width: 140px;
}

.item-price-text{
  display: flex;
  align-items: baseline;
}

.item-price-text .red{
  color: #d90d0d;
  font-size: 15px;
  margin-right: .6em;
}

.item-price-text .price .helvetica{
  font-size: 37px;
  font-weight: bold;
  line-height: 1;
}

.item-price-text .price em{
  font-size: 16px;
  text-align: right;
  display: block;
  line-height: 1;
  margin-right: -.5em;
}

.item-default-price .helvetica{
  color: #d90d0d;
}

.item-sale-price-text{
  display: flex;
  align-items: center;
  margin-bottom: 4.6em;
  position: relative;
  margin-top: -1.65em;
}
.item-sale-price-text::before{
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 24px 77px 0 77px;
  border-color: #fed154 transparent transparent transparent;
  left: 41%;
  transform: translateX(-50%);
  top: calc(100% + .9em);
}

.item-sale-price-text .item-info-sale{
  font-size: 15px;
  position: relative;
}
.item-sale-price-text .item-info-sale::before{
  position: absolute;
  content: '';
  width: 100%;
  height: 1px;
  top: 50%;
  left: 0;
  background-color: #171717;
}

.item-sale-price-text .item-info-sale .item-price-down{
  font-size: 22px;
  font-weight: bold;
  margin-left: .3em;
}
.item-sale-price-text .item-info-sale em{
  font-size: 13px;
  font-weight: normal;
}


.item-sale-price-text .off_rate{
  font-weight: bold;
  color: #fff;
  background-color: #d90d0d;
  border-radius: 500em;
  width: 45px;
  height: 45px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  line-height: 1;
  font-size: 13px;
  margin: 0 .7em;
}
.item-sale-price-text .off_rate .off_num span{
  font-size: 15px;
}

.item-sale-price-text .item-sale-date{
  font-size: 20px;
  font-weight: bold;
  color: #d90d0d;
}

.item-point-text{
  font-size: 15px;
  font-weight: bold;
  color: #634428;
  background-color: #f0f0f0;
  padding: .5em 2.2em;
  position: absolute;
  right: 0;
  bottom: 0;
}

.item-point-text i{
  display: inline-block;
  margin-left: .4em;
  position: relative;
  top: -.2em;
  line-height: 1;
  width: 25px;
  height: 20px;
}

.item-point-text::before {
  position: absolute;
  content: "";
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13px 16px 13px 0;
  border-color: transparent #f0f0f0 transparent transparent;
}

.item-point-text .point_get{
  font-size: 20px;
  margin-right: .15em;
  line-height: 1;
}

.price-pointWrap{
  display: flex;
  flex-direction: column;
  position: relative;
  margin-top: 2.65em;
}

.item-detail-soldout{
  display: inline-block;
  font-size: 15px;
  font-weight: bold;
  background-color: #545454;
  color: #fff;
  padding: .5em 1em .5em 1.8em;
  line-height: 1;
  position: relative;
}
.item-detail-soldout::before{
  position: absolute;
  content: '�~';
  font-weight: bold;
  line-height: 1;
  font-size: 1em;
  color: #fff;
  top: 50%;
  transform: translateY(-50%);
  left: .5em;
}


.cart-in{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 1.6em;
}

.cart-in p{
  font-weight: bold;
  font-size: 15px;
  margin-right: 1em;
}
.cart-in p input{
  font-size: 20px;
  border: 2px solid #d6d6d6;
  border-radius: 3px;
  width: 126px;
  height: 38px;
  box-sizing: border-box;
  padding: 0 .6em;
  font-weight: normal;
  margin-right: .5em;
  text-align: right;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: "���S�V�b�N��", YuGothic, "���S�V�b�N Medium", "Yu Gothic Medium", "���S�V�b�N", "Yu Gothic", "���C���I", sans-serif;
}

.contents-syousai01 .button .btn-cart {
  font-size: 17px;
  width: 246px;
  height: 67px;
  background-color: #1ba431;
}

.item-detail-text{
  font-size: 14px;
  background-color: #f9f5f0;
  padding: 2em;
  margin-top: 2em;
}

.item-detail-text .mb{
  margin-bottom: 1em;
}

.item-detail-text h3{
  font-size: 16px;
  margin-bottom: .7em;
}

.item-detail-text h3 em{
  font-size: 14px;
  font-weight: normal;
}

.item-detail-text p:not(.no-indent){
  text-indent: -1em;
  padding-left: 1em;
}


.item-detail-text .no-indent{
  line-height: 1.9;
}

.item-detail-text table{
  line-height: 1.7;
}

.item-detail-text table th{
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
  border: 1px solid #c3c1be;
  padding: .4em 2.5em .4em 1em;
  background-color: #f2ede5;
}
.item-detail-text table td {
  text-align: left;
  vertical-align: middle;
  border: 1px solid #c3c1be;
  background-color: #fff;
  padding: .4em 1.3em;
  width: 9em;
}

.main-contents{
  padding: 2em 0 4.6em;
}

.main-contents .inner{
  max-width: 980px;
}

.main-contents-recommed{
  background-color: #fbfbfb;
}

.details_list{
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
  width: 290px;
  padding: .7em 1em 0;
  margin-bottom: 2em;
}
.details_list li{
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  width: 62px;
  height: 22px;
  font-weight: bold;
  border: 2px solid transparent;
  color: #999;
  box-sizing: border-box;
  margin-right: 1em;
  margin-bottom: .7em;
}
.details_list li:nth-child(4n){
  margin-right: 0;
}
.details_list li.details_btn1_on {
  color: #F0047F;
  border: 2px solid #F0047F;
}
.details_list li.details_btn2_on {
  color: #00A0C6;
  border: 2px solid #00A0C6;
}
.details_list li.details_btn3_on {
  color: #FF8000;
  border: 2px solid #FF8000;
}

@media all and (max-width: 767px) {
  .contents-syousai01{
    padding-bottom: 0;
  }
  .contents-syousai01 .inner{
    max-width: 93%;
  }
  .main-itemWrap{
    display: block;
  }
  .leftWrap{
    margin-right: 0;
  }
  .item-image{
    width: 63%;
    margin: 0 auto;
  }
  .contents-syousai01 .item-image .item-image-list{
    width: 100%;
    border-width: 2px;
    height: 13.5em;
    padding: 2em;
  }
  .contents-syousai01 .item-image .item-image-list span{
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .item-detail-table {
    width: auto;
    margin: 1.35em auto 0;
  }
  .item-detail-table th, .item-detail-table td {
    font-size: 3.5vw;
    padding: .25em .8em;
  }
  .detail-ttlWrap{
    margin-bottom: .45em;
  }

  .detail-ttlWrap .item-brand-title{
    font-size: 3.5vw;
  }
  .detail-ttlWrap p{
    font-size: 3.5vw;
  }
  .item-detail-title{
    font-size: 4.8vw;
    line-height: 1.5;
    margin-bottom: 1.3em;
  }
  .price-pointWrap{
    align-items: center;
    margin-top: 1.3em;
  }
  .item-price-text .red{
    font-size: 3vw;
  }
  .item-price-text .price .helvetica{
    font-size: 8vw;
  }
  .item-price-text .price em{
    display: inline-block;
    font-size: 3.2vw;
  }
  .item-point-text{
    font-size: 3.56vw;
    position: relative;
    padding: .7em 2.4em;
    margin-top: 1.2em;
  }
  .item-point-text .point_get {
    font-size: 5vw;
    margin-right: .2em;
  }
  .item-point-text::before{
    right: inherit;
    top: inherit;
    bottom: 100%;
    border-style: solid;
    border-width: 0 .8em 1em .8em;
    border-color: transparent transparent #f0f0f0 transparent;
    transform: translate(-50%,1px);
    left: 50%;
  }
  .cart-in{
    flex-direction: column;
  }
  .cart-in p{
    font-size: 16px;
    margin-right: 0;
    margin-bottom: .9em;
  }
  .cart-in p input{
    width: 6.8em;
    height: 2.1em;
  }
  .contents-syousai01 .button .btn-cart{
    font-size: 4.5vw;
    width: 17.5em;
    height: 3.6em;
  }
  .item-detail-text{
    font-size: 3.5vw;
    padding: 1.5em;
    margin-top: 1.8em;
  }
  .item-detail-text h3{
    font-size: 4vw;
    margin-bottom: .3em;
    font-weight: bold;
  }
  .item-detail-text .mb {
    margin-bottom: 1.8em;
  }
  .details_list{
    width: 100%;
    padding: 1em 1em 0;
  }
  .details_list li{
    width: calc(100%/4 - .75em);
    height: 1.5em;
    margin-bottom: 1em;
  }
  .main-contents{
    padding: 2em 0 3.4em;
  }
  .main-contents .inner{
    max-width: 93%;
  }
  .item-point-text i {
    width: 1.8em;
    height: auto;
    top: 0;
  }
}

@media all and (max-width: 767px) {
  .item-sale-price-text .item-info-sale{
    font-size: 3vw;
  }
  .item-sale-price-text .item-info-sale em{
    font-size: 2.8vw;
  }
  .item-sale-price-text .item-price-down{
    font-size: 4.8vw;
    margin-left: .1em;
  }
  .item-sale-price-text .item-price-down em{
    font-size: .8em;
  }
  .item-sale-price-text .item-sale-date{
    font-size: 4vw;
  }
  .item-sale-price-text .item-sale-date em{
    font-size: .8em;
  }
  .item-sale-price-text .off_rate{
    font-size: 2.5vw;
    width: 4em;
    height: 4em;
  }
  .item-sale-price-text .off_rate .off_num span{
    font-size: 3.2vw;
    letter-spacing: -.02em;
  }
  .item-sale-price-text::before{
    left: 50%;
    border-width: 1.4em 3.8em 0 3.8em;
    top: calc(100% + .6em);
  }
  .item-sale-price-text{
    margin-bottom: 2.7em;
    padding-top: 1.35em;
  }
  .detail-ttlWrap .item-brand-title::before{
    width: .3em;
    height: .55em;
  }
}