.main-contents{padding-top:50px}


/***********
***********
* 商品詳細css
***********
***********/

@media only screen and (max-width: 1000px){
    .main.clearfix {
        flex-direction: column;
    }
    .item-detail-left.clearfix {
        justify-content: center;
    }
    #item-detail {
        padding-top: 0px;
    }
}

@media only screen and (max-width: 600px){
    .item-detail-input.clearfix {
        display: block !important;
    }
    .item-detail-photo {
        margin-top: 30px;
    }
}

@media only screen and (min-width:600px) {
    .main {
        width: 92%;
        max-width: 1000px;
    }

    #item-detail>.clearfix{
        display: flex;
        justify-content: space-between;
    }
    .item-detail-left {
        /* width: auto; */
    }
}

.main.clearfix{
    display: flex;
    flex-wrap: wrap;
}
.item-detail-left.clearfix{
    /* display: flex; */
    /* align-items: center; */
}
.item-detail-right {
    float: none; 
    width: 100% 
}
.item-detail-input.clearfix{
    display: flex;
    flex-wrap: wrap;
}
.item-detail-input-select-l{
    width: 100%;
}
.item-detail-cart{
    flex: 1;
    /*    margin: 0 65px;*/
}
.item-detail-cart-action.raku-item-cart-action{
    position: relative;
    top: 25px;
}
.item-detail-cart{
    border-bottom: #333 solid 0px !important; 
}
#item-detail{
    flex: 1;
}


.item-detail-point {
    font-weight:600
}
.item-detail-point dl dd {
    color: red;
    font-size: 1.3em;
}


.item-detail-cart-btn a span {
    left: 3%;
}
.item-detail-cart {
    border-bottom: #333 solid 1px;
    margin-left: 30px;
    min-width: 230px;
    max-width: 400px;
}

.item-detail-num input[type=number] {
    border: solid 1px #d6c299;
}

.item-detail-share {
    border-top: #333 solid 1px;
    border-bottom: #333 solid 1px;
}

.item-detail-share ul li:nth-child(1){
    width: 25%;
}
.item-detail-share ul li:nth-child(2){
    width: 15%;
}



#pro_detail{}

#pro_detail .pro_title{font-size:20px;color: #db8200;font-weight: 600;letter-spacing: -0.008em;}


#pro_detail table{
border-collapse: collapse;
    border-spacing: 0;
}
#pro_detail .tbl-r02 {
  margin: 0px auto;
  font-size: 16px;
  line-height:1.8;
  font-weight: 600;
  border:1px solid #ddd
}
#pro_detail .tbl-r02 th ,
#pro_detail .tbl-r02 td {
    padding: 1rem 2rem;
    text-align: left;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    font-weight: 500;
}
#pro_detail .tbl-r02 th {
    font-weight: normal;
    font-size: 1em;
    color: #383838;
    background: #eee;
    width: 12em;
    text-align: center;
}
#pro_detail .tbl-r02 th:last-child ,
#pro_detail .tbl-r02 td:last-child {
/*     border-bottom: solid 1px #ddd; */

  }
 
@media screen and (max-width: 640px) {
#pro_detail .tbl-r02 td:last-child {
    border:none;
    width: 100%;
  }
#pro_detail .tbl-r02 {
    width: 100%;
  }
#pro_detail .tbl-r02 th,
#pro_detail .tbl-r02 td {
border-bottom: none;
    display: block;
    width: 100%;
  }
}


#pro_detail .howto{display:flex;flex-direction: row;margin-top: 30px;}
#pro_detail .box{width:32.3333%;padding: 1%;}
#pro_detail .box img{width:100%;margin:0 auto;}
#pro_detail .box p{font-size:1em;}
#pro_detail .box p span{border-bottom:1px solid #ddd}

.item-detail-input.clearfix {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

@media only screen and (max-width: 600px){

  .item-detail-cart {
    border-bottom: #333 solid 1px;
    width:100%;
    margin: 0;
  }
  
  #pro_detail .howto{flex-direction: column;}
  #pro_detail .box{width:100%;padding: 2%;}
}

.item-detail-input .item-detail-inputtext input{
  border: 1px solid #e70000;
}

.item-detail-input .item-detail-inputtext:before{
      content: '必須';
      display: inline-block;
      color: #e70000;
}