.ec-productRole__outer{
    background-image: url(../img/common/bgimg3.png);
    background-size: 100%;
    background-position: left 0 bottom -250px;
    background-repeat: no-repeat;
    background-color: #fff;
}
@media all and ( max-width: 1400px) {
  .ec-productRole__outer{
    background-image: url(../img/common/bgimg3.png);
    background-size: 1400px;
    background-position: center bottom -250px;
  }
}

.ec-productRole{
    padding-bottom: 100px;
    /*     background-image: url(../img/common/bgimg3.png);
    background-size: cover;
    background-position: 0 13vw;
    background-repeat: no-repeat;
    background-color: #fff; */
}

/* 商品画像 */
.item_visual{
    /* border: 1px solid #d7d7d7; */
}
.ec-productRole img{
    border-radius : 0;
    max-height: 618px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}
@media only screen and (max-width: 1140px) and (min-width: 768px){
    .ec-productRole img{
       max-height: 48vw;
    }
}
.ec-sliderItemRole .slick-arrow{
    font-size : 62px;
    color : #b3b3b3;
    position: absolute;
    top: 175px;
    z-index : 10;
    cursor: pointer;
}
.ec-sliderItemRole .slick-arrow.prev{
    /* left: -22px; */
    /* display: none; */
}
.ec-sliderItemRole .slick-arrow.next{
    /* right: -22px; */
    /* display: none; */
}
.ec-sliderItemRole .slideThumb{
    border: 1px solid #d7d7d7;
    display: flex;
    -js-display: flex;
    display: -webkit-flex;
    -webkit-justify-content: center;
    justify-content: center;
    align-items: center;
    -webkit-align-items: center;
}
.ec-sliderItemRole .slideThumb img{
    border-radius : 0;
    max-height: 100px;
    width: auto;
}

/* タグ */
.ec-productRole .ec-productRole__tags{
    margin-bottom : 15px;
}
.ec-productRole .ec-productRole__tag{border-radius: 0;color: #fff;background-color: #e8340c;/* border: 1px solid #222; */font-size: 1.4rem;margin-right: 8px;/* padding: 3px 6px; */}
.ec-productRole .ec-productRole__tag.shippingFree{
   border-color : #D70C19;
   color : #D70C19;
}

.ec-productRole .ec-productRole__title .ec-headingTitle{
    margin-bottom: 49px;
}

.ec-productRole .ec-productRole__actions{
    padding-top: 45px;
}

/* お気に入りボタン */
.ec-favoriteButton{
    background-color: transparent;
    border: none;
}
.ec-favoriteButton i{
    color: #222222;
    margin-right: 10px;
}
.ec-favoriteButton i.already{
    color : #DE5D50;
}
.ec-favoriteButton .favorite_str{
    
}
.ec-productRole .ec-productRole__btn .ec-favoriteButton{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0;
}
.ec-productRole .ec-productRole__btn .ec-favoriteButton:hover,
.ec-productRole .ec-productRole__btn .ec-favoriteButton:active
{
   opacity : 0.8;
   text-decoration: underline;
}

/* 選択肢 */
.ec-productRole__actions label{
    font-weight : normal;
}

.ec-productRole .ec-productRole__actions .ec-select
{
 position : relative;
 background-color: #fff;
}
.ec-productRole .ec-productRole__actions .ec-select div
{
    position : relative;
}
.ec-productRole .ec-productRole__actions .kikaku::after
{
	content: "\f0d7";
	font-family: "Font Awesome 5 Free";
	color: #222;
	font-weight: 900;
	position: absolute;
	right: 20px;
	bottom: 15px;
	font-size : 14px;
	/* z-index: -1; */
}

.ec-productRole .ec-productRole__actions .ec-select select{
    border: 1px solid #ccc;
    background-color: transparent;
    border-radius: 0;
    /* padding-right: 20px; */
    appearance: none;
    position: relative;
    z-index: 1;
}


/* 価格 */
.ec-productRole .ec-productRole__price{
  color : #222;
}
.ec-productRole__priceRegular{
  position : relative;
  display: inline-block;
}
.ec-productRole__priceRegular:after{
  content:"";
  border-bottom: 1px solid #222;
  width: 100%;
  position: absolute;
  top: 27px;
  left: 0;
}
.ec-productRole__priceRegularPrice{
    font-size : 18px;
}
.ec-productRole__priceRegularYen{
    font-size: 1.6rem;
}
.ec-price .ec-price__price{

}
.ec-price .ec-price__yen{
    font-size: 1.6rem;
}

/* 配送種別 */
.ec-productDeliveryType__type{
    background-color: #222222;
    color : #fff;
    padding: 4px 10px;
}

/* カートに入れる */
.ec-addCartOuter{
    display: flex;
    -js-display: flex;
    display: -webkit-flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    flex-flow: row nowrap;
    -webkit-flex-flow: row nowrap;
    align-items: center;
    -webkit-align-items: center;
    background-color: #222222;
    /* border-radius: 6px; */
    padding: 30px;
    margin-bottom: 19px;
    margin-top: 31px;
}
.ec-numberInput2{
    display: flex;
    -js-display: flex;
    display: -webkit-flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    flex-flow: row nowrap;
    -webkit-flex-flow: row nowrap;
    align-items: center;
    -webkit-align-items: center;
}
.ec-numberInput2 input[type='number'] {
    display: inline-block;
    width: auto;
    max-width: 72px;
    text-align: right;
    height: 57px;
    margin-right: 21px;
    color: #222;
    border-radius: 0;
}
.ec-numberInput2__str{white-space: nowrap;margin-right: 8px;color: #fff;}
.ec-numberInput2__inputwrap{

}
.ec-blockBtn--action.add-cart{
    font-size : 18px;
    border-radius: 0;
}
.ec-blockBtn--action.add-cart:before{
    content: "\f07a";
    font-family: "Font Awesome 5 Free";
    margin-right : 5px;    
}
.price__shippingFree{
    font-size: 2.2rem;
    color: #E8340C;
    margin-left: 20px;
}
/* 詳細 */
.ec-productRole__description2{margin-bottom: 42px;margin-top: 45px;}
.ec-productRole__description2 p{
    margin-bottom : 20px;    
}
/* テーブル */
.ec-productRole__description2 table{
    width : 100%!important;
    border-top: 1px solid #888888;
    margin-bottom: 14px;
}
.ec-productRole__description2 iframe{
    width : 100%!important;
}
.ec-productRole__description2 table td{
    border-bottom: 1px solid #888888;
    padding: 17px;
    min-width: 138px;
}
@media all and ( max-width:  767px) {
.ec-productRole__description2 table td{
    min-width: 110px;
}
}
.ec-productRole__description2 table tr,
.ec-productRole__description2 table td{
    height: auto!important;
}

.ec-productRole__description2 table td:first-child{
    width : 30%!important;
}
.ec-productRole__description2 table td:last-child{
    width : 70%!important;
}

.ec-productRole__actions .form-check{
    margin-top: 10px;
}


/* カテゴリ */
.ec-productRole__category{

}
.ec-productRole__category__ttl{margin-right: 10px;min-width: 7em;}
.ec-productRole__category__content{
    
}

.ec-productRole .ec-productRole__category a:hover,
.ec-productRole .ec-productRole__category a:active
{
  opacity : 0.8;
  text-decoration: underline;
}

/* レビュー */
#product_review_area #reviewContent{
    margin-bottom : 10px;
    user-select: none;
}

#product_review_area .ec-reviewPostButtonOuter{
    text-align: center;
}
#product_review_area .ec-reviewPostButtonOuter .ec-inlineBtn--action {
    background: none;
    color: #222;
    border: none;
}
#product_review_area .fa-pencil-alt{
    margin-right : 5px;
}
#product_review_area {
    padding-bottom: 0;
    padding-bottom: 53px;
    padding-top: 83px;
    background-image: url(../img/common/bgimg2.png);
}
.product_review_ttl {
   font-size : 18px;
}
@media print,screen and (max-width: 767px) {
#product_review_area {
   margin-top: 19px;
}
}
#product_review_area .ec-rectHeading {
    cursor: pointer;
    margin-top: 20px;
    margin-bottom: 25px;
    border-bottom: 1px solid #222222;
    padding-bottom: 5px;
    user-select: none;
}
#product_review_area .ec-rectHeading h4{
   font-weight: 500;
   /* font-size: 18px; */
}
#product_review_area .ec-rectHeading i {
    /* display: none; */
}
#product_review_area .ec-rectHeading.is_active i {
    transform: rotate(180deg);
}
#product_review_area .review_list {
    padding-left: 0px;
    list-style-type : none;
}
#product_review_area .review_list li {
    margin-bottom: 16px;
    border-bottom: 1px solid #222;
    padding-bottom: 26px;
    padding-left: 10px;
    padding-right: 10px;
}
#product_review_area .review_list .review_date {
    margin-bottom: 10px;
}
#product_review_area .recommend_average {
    margin-left: 16px;
    color: #DE5D50;
}
#product_review_area .review_list .recommend_level {
    margin-left: 16px;
    color: #DE5D50;
}
#product_review_area .review_list .recommend_name {
    margin-left: 16px;
}
#product_review_area .review_ttl{margin-bottom: 7px;display: block;}

#product_review_area .review_comment{}




/* 関連商品 */
#RelatedProduct-product_area{
 background-image: url(../img/common/bgimg2.png);
 max-width: 100%;
}
.RelatedProduct-product_area_ttl{
  font-size : 18px;
  font-weight : 500;
  margin-top: 0;
  padding-left: 0!important;
}
#RelatedProduct-product_area .ec-shelfGrid{
  max-width: 1190px;
  margin-left: auto;
  margin-right:
  auto;
  margin-top: 30px;
  margin-bottom: 120px;
}


@media all and ( min-width: 768px) {
 #RelatedProduct-product_area .ec-shelfGrid .ec-shelfGrid__item{
    padding: 0px 28px;
 }
}

.ec-shelfGrid .ec-shelfGrid__item-image {
    height: 173px;
}
.ec-shelfGrid .ec-shelfGrid__item img{
 border-radius : 0;
}
.RelatedProduct__ttl{font-size: 1.8rem;margin-bottom: 30px;}

/* .RelatedProduct-product_ttl{
    font-size: 18px;
    margin-bottom: 30px;
}
#RelatedProduct-product_area .ec-shelfGrid{
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin-right: 0;
    margin-left: 0;

    gap: 2%;
}
#RelatedProduct-product_area .ec-shelfGrid .ec-shelfGrid__item{
    width: 100%;
    padding-right: 0;
    padding-left: 0;
}
#RelatedProduct-product_area .ec-shelfGrid .ec-shelfGrid__item span{
    word-break: break-all;
    word-wrap: break-word;
}
#RelatedProduct-product_area .ec-shelfGrid__item .price02-default{
    margin-bottom: 5px;
} */


.ec-modal-box  .ec-inlineBtn--cancel{
    margin-right: 10px;
    padding: 12px 18px;
}
.ec-modal-box .ec-inlineBtn--action{
    padding: 12px 18px;
    border-color: #E8340C;
    background-color: #E8340C;
}


/* 

 ##   ##   ####    ##   ##           ######     ###     ####
 ### ###    ##     ###  ##           ##  ##    ##      ##  ##
 #######    ##     #### ##               ##   ##       ##  ##
 #######    ##     ## ####              ##    #####     ####
 ## # ##    ##     ##  ###             ##     ##  ##   ##  ##
 ##   ##    ##     ##   ##             ##     ##  ##   ##  ##
 ##   ##   ####    ##   ##             ##      ####     ####

*/

@media (min-width: 768px){
    .ec-grid2 .ec-grid2__cell--left{
        width: 54.3%;
    }
    .ec-grid2 .ec-grid2__cell--right{
        width: 45.7%;
    }
}


/* 



 ##   ##    ##     ##  ##              ##       ##        ###    ####
 ### ###   ####    ##  ##             ###      ###       ####   ##  ##
 #######  ##  ##    ####               ##       ##      ## ##   ## ###
 #######  ##  ##     ##                ##       ##     ##  ##   ######
 ## # ##  ######    ####               ##       ##     #######  ### ##
 ##   ##  ##  ##   ##  ##              ##       ##         ##   ##  ##
 ##   ##  ##  ##   ##  ##            ######   ######       ##    ####



 ##   ##   ####    ##   ##           ######     ###     ####
 ### ###    ##     ###  ##           ##  ##    ##      ##  ##
 #######    ##     #### ##               ##   ##       ##  ##
 #######    ##     ## ####              ##    #####     ####
 ## # ##    ##     ##  ###             ##     ##  ##   ##  ##
 ##   ##    ##     ##   ##             ##     ##  ##   ##  ##
 ##   ##   ####    ##   ##             ##      ####     ####


*/

@media only screen and (max-width: 1140px) and (min-width : 768px){
    .ec-grid2 .ec-grid2__cell--left{
        width: 50%;
    }
    .ec-grid2 .ec-grid2__cell--right{
        width: 50%;
    }
    .ec-productRole .ec-productRole__profile {
        margin-left: 10%;
    }

    .ec-sliderItemRole .slick-arrow{
        font-size: 52px;
        top: 125px;
    }

    .ec-productRole .ec-productRole__actions .ec-select select{
        min-width: 300px;
    }
    .ec-addCartOuter{
        padding : 20px;
    }
    .ec-numberInput2 input[type='number']{
        max-width : 60px;
        margin-right : 10px;
    }

    #RelatedProduct-product_area .ec-shelfGrid{
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .ec-shelfGrid .ec-shelfGrid__item-image {
        height: 30vw;
    }
    
}


/*



 ##   ##    ##     ##  ##              ##      ####     ####     ####
 ### ###   ####    ##  ##             ###     ##  ##   ##  ##   ##  ##
 #######  ##  ##    ####               ##     ## ###   ## ###   ## ###
 #######  ##  ##     ##                ##     ######   ######   ######
 ## # ##  ######    ####               ##     ### ##   ### ##   ### ##
 ##   ##  ##  ##   ##  ##              ##     ##  ##   ##  ##   ##  ##
 ##   ##  ##  ##   ##  ##            ######    ####     ####     ####



 ##   ##   ####    ##   ##           ######     ###     ####
 ### ###    ##     ###  ##           ##  ##    ##      ##  ##
 #######    ##     #### ##               ##   ##       ##  ##
 #######    ##     ## ####              ##    #####     ####
 ## # ##    ##     ##  ###             ##     ##  ##   ##  ##
 ##   ##    ##     ##   ##             ##     ##  ##   ##  ##
 ##   ##   ####    ##   ##             ##      ####     ####


*/
@media only screen and (max-width: 1000px) and (min-width : 768px){

    .ec-grid2 .ec-grid2__cell--left{
        width: calc(100% - 480px);
    }
    .ec-grid2 .ec-grid2__cell--right{
        width: 480px;
    }
}


/* 

 ##   ##    ##     ##  ##            ######     ###    ######
 ### ###   ####    ##  ##            ##  ##    ##      ##  ##
 #######  ##  ##    ####                 ##   ##           ##
 #######  ##  ##     ##                 ##    #####       ##
 ## # ##  ######    ####               ##     ##  ##     ##
 ##   ##  ##  ##   ##  ##              ##     ##  ##     ##
 ##   ##  ##  ##   ##  ##              ##      ####      ##

*/


/* 767px 以下 */
@media only screen and (max-width: 767px){

    .ec-productRole{
      margin-top: 40px;
    }
    .ec-sliderItemRole{
        margin-bottom: 35px;
    }
    .ec-sliderItemRole .slick-arrow{
        font-size: 52px;
        top: 125px;
    }
    .ec-productRole .ec-productRole__description{
        margin-top: 49px;
        margin-bottom: 34px;
    }
    .ec-productRole .ec-productRole__priceRegular{padding-bottom: 10px;}
    .ec-productRole .ec-productRole__price{/* line-height: 1; */}
    .ec-productRole .ec-price {
        line-height: 0.2;
    }
    .ec-productRole .ec-price .ec-price__price{
        line-height: 1.6;
        font-size: 2.4rem;
        display: inline-block;
    }
    .ec-productRole .ec-price .ec-price__tax{/* display: inline-block; */font-size: 1.8rem;}
    .ec-addCartOuter{
        padding: 31px 14px;
        margin-bottom: 18px;
    }
    .ec-numberInput2 input[type='number']{
        margin-right: 10px;
        max-width: 55px;
    }
    .ec-blockBtn--action.add-cart{
        /* padding: 6px 10px; */
        /* display: block; */
        font-size: 17px;
    }
    .ec-productRole__description2{/* margin-bottom: 41px; */}
    #product_review_area .ec-rectHeading h4{
        font-size : 16px;
    }
    .RelatedProduct-product_ttl{

    }

    #RelatedProduct-product_area .ec-shelfGrid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .ec-shelfGrid .ec-shelfGrid__item-image {
        height: 32vw;
    }
    .ec-footerRole{
        /* margin-top: 41px; */
    }
    .ec-productRole__category__ttl {
    margin-right: 8px;
    min-width: 7em;
    }
    .ec-productRole__category__content{
        
    }
    #product_review_area .review_list .recommend_level{
        display: block;
        margin-left : 0;
    }
}



/*

 ##   ##    ##     ##  ##              ###     ####     ####
 ### ###   ####    ##  ##             ####    ##  ##   ##  ##
 #######  ##  ##    ####             ## ##    ##  ##   ## ###
 #######  ##  ##     ##             ##  ##     ####    ######
 ## # ##  ######    ####            #######   ##  ##   ### ##
 ##   ##  ##  ##   ##  ##               ##    ##  ##   ##  ##
 ##   ##  ##  ##   ##  ##               ##     ####     ####

*/
@media only screen and (max-width: 480px){
    .ec-modal-box .ec-inlineBtn--cancel{
        display: block;
        margin : 0;        
    }
    .ec-modal-box .ec-inlineBtn--action{
        display: block;
        margin-top : 15px;
    }
    .ec-addCartOuter{
        -webkit-justify-content: center;
        justify-content: center;
        /* flex-flow: row wrap; */
        /* -webkit-flex-flow: row wrap; */
    }
    .ec-numberInput2{
        /* margin-bottom: 20px; */
    }
    .ec-numberInput2 input[type="number"]{
        /* margin-right: 0; */
        /* max-width: 100px; */
    }
}

