/* BASIC css start */
#mainVisual { position:relative; width:100%; min-width:1200px; height:580px; overflow:hidden }
#mainVisual .visual { margin-left:-950px; position:absolute; top:0; left:50%; width:1900px; height:580px }
#mainVisual .visual img { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 5s ease; -moz-transition: -moz-transform 5s ease; -o-transition: -o-transform 5s ease; transition: transform 5s ease }
#mainVisual .visual:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); -webkit-transition: -webkit-transform 7s ease; -moz-transition: -moz-transform 7s ease; -o-transition: -o-transform 7s ease; transition: transform 7s ease }
#mainVisual .txt-box { margin:0 auto; padding-top:110px; position:relative; width:1200px; text-align:center }
#mainVisual .txt-box span { display:inline-block; margin:0 33px; padding:0 20px; font-size:60px; color:#fff; background:rgba(0,0,0,0.6) }

#mainVisual .best-prd-box { margin:0 auto; padding-top:60px; position:relative; width:1200px }
#mainVisual .best-prd-box .best-prd { position:relative; width:238px; height:238px }
#mainVisual .best-prd-box .best-prd .thumb img { width:238px; height:238px; border-radius:100% }
#mainVisual .best-prd-box .best-prd .hide-wrap { display:none }
#mainVisual .best-prd-box .best-prd .prd-info { position:absolute; top:0; left:0; width:238px; height:238px; text-align:center; z-index:20 }
#mainVisual .best-prd-box .best-prd .prd-info a { display:block; margin-top:-36px; position:absolute; top:50%; left:0; right:0 }
#mainVisual .best-prd-box .best-prd .prd-info .prd-name { display:block; font-size:16px; color:#fff; border-bottom:none }
#mainVisual .best-prd-box .best-prd .prd-info .prd-price { margin:0 !important }
#mainVisual .best-prd-box .best-prd .prd-info .prd-price strike,
#mainVisual .best-prd-box .best-prd .prd-info .prd-price .price { display:block; font-size:16px; color:#fff; font-weight:300 }
#mainVisual .best-prd-box .best-prd .mask { position:absolute; top:0; left:0; width:238px; height:238px; border-radius:100%; background:rgba(0,0,0,0.6); z-index:10 }
#mainVisual .best-prd-box .bx-controls-direction { position:absolute; top:140px; left:0; right:0 }
#mainVisual .best-prd-box .bx-controls-direction a { position:absolute; top:0; font-size:60px; color:#000000 }
#mainVisual .best-prd-box .bx-controls-direction .bx-prev { left:0 }
#mainVisual .best-prd-box .bx-controls-direction .bx-next { right:0 }

.mainBanner { padding:77px 0 90px; position:relative; border-bottom:1px solid #000; overflow:hidden }
.mainBanner ul { width:1216px; *zoom:1 }
.mainBanner ul:after { display:block; clear:both; content:'' }
.mainBanner ul li { margin-right:16px; float:left; width:389px }

.main-tit { padding:50px 0 50px; font-size:20px; color:#000; font-weight:300; line-height:20px; text-align:center }


.item-list .iconBox {
    position: absolute;
    z-index: 5;
    /* display: none; */
    top: -7px;
    right: -3px;
    width: 40px;
    height: 40px;
    background: rgba(20,20,20,.9);
    background: #333 \9;
    box-shadow: -1px 1px 2px rgba(0,0,0,0.2);
    line-height: 40px;
    text-align: center;
    vertical-align: middle;
    font-family: 'arial';
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    letter-spacing: -0.02em;
    cursor: pointer;
    filter: alpha(opacity=0);
    opacity: .0;
    -webkit-opacity: .0;
}           
/* BASIC css end */