@charset "UTF-8";

/* Liveボタン位置調整用 */
#t_live_balloon #t_live_btn {
    top: -30px;
    left: 200px;
}

/* メッセージウインドウ位置調整用 */
#t_live_balloon #t_live_box {
    top: -5px;
    left: 250px;
}

/* ふきだし基準点 */
.t_live_anchor {
    position: relative;
}

/* clearfix */
.t_live_wrap {
    zoom: 1;
}

.t_live_wrap:after {
    height: 0;
    content: "";
    display: block;
    clear: both;
}

/* ふきだし */
#t_live_balloon *,
#t_live_balloon *:before,
#t_live_balloon *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box;
}

@media only screen and (min-width: 768px) {
    #t_live_balloon {
        width: 70px;
        height: 24px;
        margin: 0 !important;
        padding: 0 !important;
        position: absolute;
        top: 0;
        /*JS制御*/
        left: 0;
        /*JS制御*/
        display: none;
        /*JS制御*/
        z-index: 999;
    }
}

@media only screen and (max-width: 767px) {
    #t_live_balloon {
        display: none !important;
    }
}

#t_live_balloon #t_live_btn .t_live_btn_base img {
    width: auto;
    max-width: none;
}

#t_live_balloon p {
    margin: 0;
}

#t_live_balloon #t_live_btn {
    position: absolute;
    z-index: 201;
}

#t_live_balloon #t_live_btn .t_live_btn_base {
    width: 51px;
    height: 12px;
    margin: 0;
    padding: 6px 10px 6px 9px;
    background-repeat: no-repeat;
    display: block;
    font-size: 0;
    line-height: 1;
}

#t_live_balloon #t_live_btn .t_live_btn_base img {
    width: auto;
    max-width: none;
}

.orange #t_live_btn .t_live_btn_base {
    background-image: url(live_icon_base_orange.png);
}

* html .orange #t_live_btn .t_live_btn_base {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/t_common/live/live_icon_base_orange.png', sizingMethod='scale');
    background: none;
}

.green #t_live_btn .t_live_btn_base {
    background-image: url(live_icon_base_green.png);
}

* html .green #t_live_btn .t_live_btn_base {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/t_common/live/live_icon_base_green.png', sizingMethod='scale');
    background: none;
}

#t_live_btn .t_live_btn_tail_up,
#t_live_btn .t_live_btn_tail_down {
    width: 20px;
    height: 8px;
    background-repeat: no-repeat;
    position: absolute;
    left: 10px;
    z-index: 102;
}

#t_live_btn .t_live_btn_tail_up {
    bottom: 23px;
}

.orange #t_live_btn .t_live_btn_tail_up {
    background-image: url(live_icon_tail_up_orange.png);
}

.green #t_live_btn .t_live_btn_tail_up {
    background-image: url(live_icon_tail_up_green.png);
}

#t_live_btn .t_live_btn_tail_down {
    top: 23px;
}

.orange #t_live_btn .t_live_btn_tail_down {
    background-image: url(live_icon_tail_down_orange.png);
}

.green #t_live_btn .t_live_btn_tail_down {
    background-image: url(live_icon_tail_down_green.png);
}

/* Live感ウインドウ */
#t_live_box {
    padding: 15px;
    border: solid 2px #f90;
    background: #fffff1;
    line-height: 1.4;
    color: #333;
    text-align: left;
}

.green #t_live_box {
    border: solid 2px #8ca92b;
}

#t_live_box p,
#t_live_box div {
    margin: 0;
}

#t_live_box .t_live_boxHead {
    margin-bottom: 7px;
}

#t_live_box .t_live_boxHead .t_live_icon {
    padding-right: 10px;
}

#t_live_box .t_live_boxHead .t_live_icon img {
    vertical-align: middle;
}

#t_live_box .t_live_boxHead .t_live_date {
    font-size: 12px;
}

#t_live_box .t_live_boxBody .t_live_image {
    width: 140px;
    float: left;
}

#t_live_box .t_live_boxBody .t_live_image img {
    vertical-align: bottom;
}

#t_live_box .t_live_msg {
    width: 325px;
    float: right;
}

#t_live_box .t_live_msg .t_live_msgTitle {
    margin-bottom: 10px;
}

#t_live_box .t_live_msg .t_live_msgBody {
    font-size: 14px;
}

@media only screen and (max-width: 767px) {
    #t_live_box .t_live_boxBody .t_live_image {
        width: 140px;
        margin: 0 auto;
        float: none;
    }

    #t_live_box .t_live_msg {
        width: 100%;
    }
}

/* ふきだし用 */
#t_live_balloon .t_live_boxHead p {
    text-align: right;
}

#t_live_balloon #t_live_box {
    width: 330px;
    padding: 10px 20px 20px 20px;
    border-radius: 10px;
    position: absolute;
    display: none;
    z-index: 2;
}

/* アクセスマップ用 */
#t_live_access #t_live_box {
    width: auto;
    margin: 15px 0;
    padding: 15px;
}