@charset "utf-8";
/* CSS Document */

/*LIVEページ*/
h2.live{
border-bottom: 1px solid #000000;
font-size: 2.1em;
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
justify-content:space-between;
align-items: center;
flex-wrap: wrap;
margin-bottom: 0px;
background:inherit;
border-left:inherit;
}

@media only screen and (max-width: 640px) {
h2.live{
font-size: 1.5em;
font-weight: 700;
}
}


.liveBody {
    max-width: 1080px;
    width: 95%;
    margin: var(--pad16) auto;
}
.liveBody .liveBodyTitle {
    font-size: 1.4em;
    font-weight: bold;
    padding: 20px 20px 0 20px;
}

.liveBody .liveBodyPoster {
    text-align: center;
    margin-bottom: 15px;
}

.liveBody .liveBodyPoster img {
    width: 100%;
}

/*LIVE配信予定*/
  

.livePlanWrap h2{
    text-align: center;
    font-style: normal;
    background:inherit;
    border-left:inherit;
}
.livePlanWrap{
/*background: #F1F1F1;*/
margin: 20px auto 0;
padding: 20px 0;
width: 98%;
}

.liveBody p{
padding:20px;
font-size: 1.1em;
}
ul.livePlanList {
display:flex;
align-items: flex-start;
justify-content:center;
flex-wrap: wrap;
margin: 10px auto 0;
padding:0;
max-width: 1080px;
width: 96%;
}
ul.livePlanList li{
box-shadow: 0 0 2px rgba(0,0,0,0.4);
background: #FFFFFF;
border-radius: 8px;
margin:0 7px 20px;
width: 47%;
color: #000000;
display:flex;
align-items: flex-start;
justify-content:space-between;
flex-wrap: nowrap;
}


.livePlanList .onAirStatus {
    align-items: center;
    background-color: #eb0000;
    border-radius: 0.375em;
    color: #fff;
    display: inline-flex;
    font-size: 0.65rem;
    height: 2em;
    justify-content: center;
    line-height: 1.5;
    padding-left: 0.75em;
    padding-right: 0.75em;
    white-space: nowrap;
    position: absolute;
    top: 8px;
    left: 8px;
}

.livePlanList .notOnAirStatus {
    align-items: center;
    background-color: #616161;
    border-radius: 0.375em;
    color: #fff;
    display: inline-flex;
    font-size: 0.65rem;
    height: 2em;
    justify-content: center;
    line-height: 1.5;
    padding-left: 0.75em;
    padding-right: 0.75em;
    white-space: nowrap;
    position: absolute;
    top: 8px;
    left: 8px;
}

.js-play-top-movie-list-container {
    visibility: hidden;
}


@media only screen and (max-width: 640px) {
.livePlanWrap .midashi-border{
    font-weight: bold; 
}
ul.livePlanList li{
    width: 100%;
    margin:0 0 10px;
}
}

ul.livePlanList li a{
color:#000000;
display:flex;
align-items: flex-start;
justify-content:space-between;
flex-wrap: nowrap;
}

ul.livePlanList li img{
border-radius: 8px 0 0 8px;
width: 200px;
}
ul.livePlanList li dl{
width: 100%;
padding: 10px;
}
ul.livePlanList li dt{
font-weight: bold;
font-size: 15px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; /* 任意の行数を指定 */
}
ul.livePlanList li dd{
font-size: 15px;
}
@media only screen and (max-width: 450px) {
ul.livePlanList li{
width: 46%;
margin:0 5px 10px;
align-items: flex-start;
justify-content:space-between;
flex-wrap: wrap;
}
ul.livePlanList li a{
align-items: flex-start;
justify-content:space-between;
flex-wrap: wrap;
}
ul.livePlanList li img{
border-radius: 8px 8px 0 0;
width: 100%;
}
}