@charset "utf-8";
/*-------------------------------------------------------------------
     special_timesale.css
     site name   チャンスイット
     description  TOP_スペシャルタイムセール
-------------------------------------------------------------------*/

/*-- スペシャルタイムセール_帯
-------------------------------------------------------- */
#special_ts_line { min-width: 950px;}
#special_ts_line a {
    display:block;
    background:url(../../../img/10/top/special_timesale/bg_sts_line.png) no-repeat center 50px;
    background-color:#de0817;
}
#special_ts_line a:hover { opacity:0.7;}
#special_ts_line .special_ts {
    width:950px;
    padding:8px 0;
    margin:0 auto;
    overflow:hidden;
}
#special_ts_line .special_ts .detail_area {
    float:left;
    width:595px;
}
#special_ts_line .special_ts .detail_area .point_detail {
    overflow:hidden;
    margin-top:8px;
}
#special_ts_line .special_ts .detail_area .point_detail .countdown {
    float:left;
    width:190px;
    padding:6px 10px;
    background-color:#ffffff;
    border-radius:5px;
    text-align:center;
    line-height:24px;
}
#special_ts_line .special_ts .detail_area .point_detail .countdown p.time {
    color:#555;
    font-size:15px;
}
#special_ts_line .special_ts .detail_area .point_detail .countdown p.count {
    color:#f12e3c;
    font-size:15px;
}
#special_ts_line .special_ts .detail_area .point_detail .countdown p.count span {
    font-size:26px;
    margin:0 5px;
}
#special_ts_line .special_ts .detail_area .point_detail p.special_point {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    float: left;
    margin: 4px 0 0 10px;
    width: 365px;
    font-size: 58px;
    text-align: center;
    color: #fff959;
    -moz-text-shadow: 0px 1px 2px #9e0000;
    -webkit-text-shadow: 0px 1px 2px #9e0000;
    text-shadow: 0px 1px 2px #9e0000;
    line-height: 1;
}
#special_ts_line .special_ts .detail_area .point_detail p.special_point span {
    font-size:45px;
    margin-left: 3px;
}
#special_ts_line .special_ts .bnr_area {
    float:left;
    margin-left:10px;
    width:150px;
    min-height:155px;
    position: relative;
}
#special_ts_line .special_ts .bnr_area img {
    width:100%;
    height:auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

}
#special_ts_line .special_ts .btn_area {
    float:left;
    margin-left:10px;
    width:179px;
}
#special_ts_line .special_ts .btn_area h3 {
    height:52px;
    color:#ffffff;
    font-weight: bold;
    font-size: 117%;
}

/*-- スペシャルタイムセール_モーダル
-------------------------------------------------------- */
#inline-content {
    width: 759px;
    padding: 10px;
    border: 1px solid #bfbfbf;
    box-shadow: 0px 0px 2px 2px #464646;
    -moz-box-shadow: 0px 0px 2px 2px #464646;
    -webkit-box-shadow: 0px 0px 2px 2px #464646;
    border-radius: 5px;
    background-color: #ffffff;
    margin: 20px auto 0 auto;
}
.special_ts_modal {
    background: url(../../../img/10/top/special_timesale/bg_sts_modal.png) no-repeat center 0;
    background-color:#eeeeee;
    border-radius: 5px;
    padding: 5px 0;
}
.special_ts_modal h2 { margin-top:5px;}
.special_ts_modal p.special_point {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    font-size: 84px;
    color: #fff959;
    text-shadow: 0px 1px 2px #9e0000;
}
.special_ts_modal p.special_point span.point {
    display: inline-block;
    background: url(../../../img/10/top/special_timesale/ico_sts_modal_pt.png) no-repeat 0 32px;
    padding: 0 0 0 65px;
    line-height: 1.4;
}
.special_ts_modal p.special_point span span.pt {
    font-size: 60px;
    margin-left: 8px;
}
.special_ts_modal .box {
    overflow:hidden;
    padding:0 20px 10px 20px;
}
.special_ts_modal .box .left {
    width: 304px;
    float:left;
}
.special_ts_modal .box .left .bnr {
    border:2px solid #eeeeee;
    min-height:250px;
    width:300px;
    margin-bottom:5px;
    background-color:#eeeeee;
    position: relative;
}
.special_ts_modal .box .left .bnr img {
    min-width: 200px;
    height: auto;
    display:block;
    margin:auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.special_ts_modal .box .left .bnr img:hover { opacity:0.7;}
.special_ts_modal .box .left .text { font-size:10px;}
.special_ts_modal .box .right {
    float:left;
    padding-left:20px;
    width: 395px;
}
.special_ts_modal .box .right h3 {
    margin-top: 12px;
    background: url(../../../img/10/top/special_timesale/ico_servicetitle.png) no-repeat 2px 4px;
    padding-left: 18px;
    font-size: 16px;
    min-height: 45px;
    text-align: left;
    color: #2e2e2e;
    font-weight: bold;
}
.special_ts_modal .box .right p.usually_pt {
    display:inline-block;
    text-decoration:line-through;
    padding:7px 15px 7px 35px;
    margin:10px 0;
    border-radius:20px;
    background: url(../../../img/10/top/icon-list.gif) 15px 9px no-repeat;
    background-color:#ffffff;
}
.special_ts_modal .box .right p.countdown {
    background-color:#ffffff;
    border:1px solid #f12e3c;
    border-radius:5px;
    color:#f12e3c;
    padding:10px;
    font-size:20px;
    margin-bottom:15px;
}
.special_ts_modal .box .right p.countdown span {
    font-size:30px;
    margin:0 5px;
}
.special_ts_modal .box .right a.btn:hover { opacity:0.7;}