/* BASIC css start */
.prd-list { width: 1200px; margin: 0px auto 150px; }

.sort li>a.sel{
    color : #222!important;
    font-weight : 400!important;
}


.item-wrap .item-info .item-total{line-height:1.1;}
.item-wrap .item-info .item-order{line-height:1.1;}
.item-wrap .item-info{margin-top:60px;}

.prd-name a{font-size:15px; font-weight:bold;}
.prd-ico{padding-top:13px;}
/* sch-frm */
#searchWrap .sch-tit { padding-bottom: 10px;
    font-size: 18px;
    color: #666;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;}
#searchWrap .sch-frm {  text-align:center; margin-top: 77.5px;position: relative;margin-bottom: 150px;}
#searchWrap .sch-frm input[name='prize1'] {width: 100%;border: none;font-size: 36px;padding-bottom: 30px;box-sizing: border-box;text-align: center;font-weight: 500;color: #000;height: 100px;border-bottom: 1px solid #f02;padding: 30px 50px 30px 0px;line-height: 100%;}
#searchWrap .sch-frm input[name='prize1']~a {position: absolute;top: 50%;right: 0;webkit-transform: translate(0%,-50%);
    -moz-transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
    -o-transform: translate(0%,-50%);
    transform: translate(0%,-50%);}
#searchWrap .sch-frm .tit-key { display:inline-block; *display:inline; margin:0 30px; padding:0 0 5px 0; font-size:16px; color:#292929; line-height:20px; *line-height:22px; border-bottom:1px solid #292929 }
#searchWrap .sch-frm .tit-key span { display:inline-block; *display:inline; word-break:break-all; white-space:normal }

#searchWrap .sch-frm .table-keyword { padding:30px 0 0 180px }
#searchWrap .sch-frm th { font-size:14px; font-weight: normal; }
#searchWrap .sch-frm td { padding:4px 0 }
#searchWrap .sch-frm td input { height:28px; border:1px solid #ddd; padding-left:6px; }
#searchWrap .sch-frm td input.MS_input_txt { width:216px }
#searchWrap .sch-frm td input[name=money1],
#searchWrap .sch-frm td input[name=money2] { width:95px }
#searchWrap .sch-frm td .CSSbuttonSearch { display:inline-block; width:160px; height:67px; font-size:15px; color:#fff; text-align:center; line-height:67px;  background:#ed1c24;  border:1px solid #ed1c24; -webkit-transition:all 0.3s ease; transition:all 0.3s ease }
#searchWrap .sch-frm td .CSSbuttonSearch:hover { border:1px solid #ed1c24; background:#fff; color:#ed1c24;}
#searchWrap .sch-frm td .CSSbuttonSearch:active { position: relative; top: 1px }
/* total, sort */
#searchWrap .total-sort {/* padding-top: 45px; */}

.prd-list .hashtag { padding: 5px; text-align: left; }
.prd-list .hashtag span { display: inline-block; word-break: break-all; background:#f3f3f3;margin-right: 5px; margin-bottom: 5px; padding-top: 5px;  }
.prd-list .hashtag span a { color: #656565; font-size: 14px; }
.prd-list .hashtag span a:hover { color: #f75258; }



.thumb_discount{
position: absolute;
    bottom: 0;
    right: 0;
    color: #fff;
   
    text-align: center;
    background: #ed1c24;
    display: inline-block;
    font-size: 16px;
    padding:0 10px;
        line-height: 2.1;
    /* font-weight: bold; */
    box-sizing: border-box;
        letter-spacing: 0.07em;
}
.img-hover-text:hover .thumb_discount {
    opacity: 0.5;
}
.price s{color:#999; font-weight:normal; font-size:16px;}
.prd-icon{position:absolute; bottom:20px; right:20px;}
/* This is the parent container class 
the position is set to relative for absolute positioning inside */
.img-hover-text {
    margin:0;
  position: relative;
}
.img-hover-text figcaption img{width:54px !important;}
.img-hover-text > img {
 width:280px;
  transition: .5s;
}
/* The image inside of the .img-hover-text will fill the width of its parent */
.img-hover-text img {


}

/* The caption text inside of the .img-hover-text */
.img-hover-text figcaption {
  /* Position absolute to remove it from the flow of the document and absolutely position it within the .img-hover-text container */
  position: absolute;
 
  text-align:right;
  /* Position this elements bottom away from the bottom of the .img-hover-text container by 10% of the  .img-hover-text containers height */
  bottom: 38%;
   /* Position this elements left side away from the left side of the .img-hover-text container by 10% of the .img-hover-text containers width */
  right: 40%;

  /* Factor padding and border size into declared width */
  box-sizing: border-box;
  /* Opacity 0 so the element cannot be seen unless user is hovering cursor */
  opacity: 0;

  /* Round the edges   */

  /* Transition all properties by half a second */
  transition: .5s;
}


.img-hover-text figcaption ul{}
.img-hover-text figcaption ul li{margin-top:7px;}



/* :hover pseudo selector used on parent container to then target figcaption child */
.img-hover-text:hover figcaption {
  /* Makes the element completely visible */
  opacity: 1;
}

.img-hover-text:hover .MS_prod_img_m {
  /* darkens the image */
opacity:0.5
}

.none-product {text-align: center;width: 100%;padding-bottom: 150px;line-height: 1.7;}

.none-product>p:first-of-type {font-size: 16px;
color: #333333;margin-bottom: 20px;}

.none-product>p:last-of-type {font-size: 14px;color: #999;}


/* BASIC css end */