/***************************************
 *  ライブリスト
 */

#live_list dt{
    text-align: center;
    font-size:10px;
    font-weight: bold;
    color:#888;
    line-height: 30px;
    margin-top:10px;
}

#live_list dd{
    margin: 0;
    text-align: center;
}

#live_list dd a{
    color:#FFF;
    font-size:12px;
}


/***************************************
 *  iframe坪何
 */

.iframe{
    background-color: #FFF;
    color:#000;
    margin:0;
}

.iframe #wrapper{
    padding:0;
    margin:0;
    background-image:none;
}

.iframe .live_frame{
    padding:15px 15px;
}

.iframe h2 img{
    max-width: 100%;
}

.iframe span.year{
    font-weight: bold;
    color:#888;
    font-size: 12px;
}

.iframe .official_link{
    display: inline-block;
    height:21px;
    padding-left:26px;
    background: url(/sp/img/common/official_link.png) no-repeat left center;
    background-size:21px 21px;
    vertical-align: middle;
    line-height: 21px;
    font-size: 16px;
    color:#258;
    text-decoration: none;
}

.iframe h3{
    border-top: 1px solid #DDD;
    padding-top:15px;
    font-size:16px;
    color:#888;
}

.iframe .schedule_list{

}


.iframe .schedule_list dt{
    display: block;
    width:70px;
    float:left;
    text-align: right;
    font-size:11px;
    margin-top:5px;
    letter-spacing: 0.00em;
    color:#888;
    font-weight: bold;
    text-wrap: nowrap;
}

.iframe .schedule_list dd{
    font-size:12px;
    margin: 15px 0 15px 80px;
}

.iframe .schedule_list dd:after{
    content:" ";
    display: block;
    clear: both;
}


#live_info{
    position: absolute;
    top:0;
    z-index: 1500;
    width:100%;
    min-height: 100%;
    background-color: #FFF;
    display: none;
}

#live_info header{
    position: fixed;
    width: 100%;
    padding:10px;
    box-sizing:border-box;
    background:#FFF;
    height: 41px;
}

#live_info header:after{
    display: block;
    position: absolute;
    top:40px;
    left:0;
    z-index: 10;
    content: " ";
    width: 100%;
    height:5px;
    background: url("/sp/img/common/float_title_bottom.png") repeat-x left bottom ;
    background-size: auto 5px;
}



#live_info .prev{
    color:#333;
    display: block;
    height: 21px;
    line-height: 21px;
    background: url("/sp/img/common/float_prev.png") no-repeat left center;
    background-size: 21px;
    padding-left: 26px;
    float:left;
    text-decoration: none;
}

#live_info .next{
    color:#333;
    display: block;
    height: 21px;
    line-height: 21px;
    background: url("/sp/img/common/float_next.png") no-repeat left center;
    background-size: 21px;
    padding-left: 26px;
    float:left;
    text-decoration: none;
    margin-left:10px;
}

#live_info .close{
    color:#333;
    display: block;
    width:21px;
    height: 21px;
    background: url("/sp/img/common/float_close.png") no-repeat left center;
    background-size: 21px;
    float:right;
    text-decoration: none;
}



#live_info_frame{
    margin-top:40px;
    display:block;
    width : 100%;
    box-sizing:border-box;
    border:none;
    -webkit-overflow-scrolling:touch;
}

/***************************************
 *  footer
 */
footer{
    margin-top: 30px;
    border-top:1px solid #333;
    padding-top:10px;
}