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


.list-program ul,
.list-program li,
.list-program dl,
.list-program dt,
.list-program dd,
.list-program h3,
.list-program h4,
.list-program p{
	margin:0;
	padding:0;
}

.list-program li{
	list-style:none;
}



ul#programList > li{
	margin:0 0 1.875rem;
	padding:0 0 1.875rem;
	border-bottom:1px solid #808080;
}


ul#programList li h3{
	margin:0 0 1.5rem;
	padding:0;
	font-size:1.5rem;
	color:#E3007F;
	line-height:2rem;
}

ul#programList li dl{
	padding-bottom:0.75rem;
	overflow:hidden;
}

ul#programList li dt{
	margin:0 0 0.375rem;
	position:absolute;
	line-height:21px;
	width:4.624rem;
	background-color:#6E6E6E;
	color:#fff;
	font-size:0.75rem;
	text-align:center;
	font-weight:normal;
}

ul#programList li dd{
	margin:0 0 0.375rem;
	padding-left:5.1875rem;
	line-height:21px;
}




ul#programList li h4{
	margin-bottom:0.5rem;
	background-color:#EDC723;
	font-size:0.75rem;
	line-height:1.25rem;
	text-align:center;
	font-weight:normal;
	width:7.25rem;
}


ul#programList img{
	display:block;
	margin-bottom:0.28125rem;
}

ul#programList .wrap{
	overflow:hidden;
}

ul#programList .inner{
	overflow:hidden;
	padding-left:0.5rem;
}

ul#programList li .wrap div{
	margin-bottom:0.75rem;
	
}

ul#programList .wrap li{
	margin-bottom:0.28125rem;
}


/*
ul#programList .wrap li a{
	display:block;
	position:relative;
	border:solid 1px #231815;
	margin-right:1px;
	margin-bottom:1px;
	padding-left:0.5rem;
	height:2.125rem;
	line-height:2.125rem;
	background-color:#FFF;
	color:#4D4D4D;
	width:14.875rem;
}

ul#programList .wrap li a:before{
	position:absolute;
	display:block;
	content:"▲";
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
	color:#E3007F;
	top:0;
	right:0.75rem;
}

ul#programList .wrap li a:after{
	content:"";
	position:absolute;
	width:100%;
	width : -webkit-calc(100% + 1px) ;
	width : calc(100% + 1px);
	height:2.125rem;
	bottom:-2px;
	right:-2px;
	border-right:solid 1px #666;
	border-bottom:solid 1px #666;
}*/

.podcast a{
	color:#E3007F;
}

ul#programList .wrap .podcast{
	margin-bottom:0.28125rem;
}
.link_podcast{
	display:block;
	margin-bottom:0.28125rem;
	width:100%;
	max-width:15rem;
	/*height:2rem;
	background:url(../images/program/link-podcast.png) no-repeat center;
	background-size:contain;
	text-indent:-9999px;	*/
}

#programMenu{
	margin-bottom:2.5rem;
	text-align:center;
	font-size:0.75rem;
}

#programMenu li{
	display:inline-block;
}

#programMenu li:after{
	content:" | ";
}

#programMenu li:last-child:after{
	content:"";
}

#programMenu li a{
	color:#2d2d2d;
	line-height:2rem;
}

ul#programList li .wrap:nth-child(2){
    width:14.875rem;
}

ul#programList .wrap .link-btn{
	display:block;
	padding:0 0 0 2.5rem;
	background-size:auto 90%;
}


@media screen and (min-width:480px) {}
@media screen and (min-width:768px) {}
@media screen and (min-width:960px) {
  ul#programList li{
	  overflow:hidden;
  }
  ul#programList li .wrap:nth-child(1){
	float:right;
	width : -webkit-calc(100% - 16.25rem) ;
	width : calc(100% - 16.25rem);
  }

  ul#programList li .wrap div:last-of-type{
	margin-bottom:0;
  }
  
  ul#programList li .wrap:nth-child(2){
	float:left;
    width:14.875rem;
  }
  ul#programList li .inner:first-child{
	margin-bottom:1.375rem;
	border-bottom:1px solid #808080;
  }
  
  ul#programList li .inner div.message{
	float:left;
	padding-right:1rem;
	width : -webkit-calc(100% - 10.75rem) ;
	width : calc(100% - 10.75rem);
  }
  
  
  ul#programList li .inner div.personality{
	float:right;
	padding-left:0.9375rem;
	width : 10.75rem;
  }
  ul#programList li .inner div:nth-last-of-type(2){
	border-right:dotted 1px #231815;
	  
  }
  ul#programList li .inner div.message h4{
	width:7.25rem;
  }
  ul#programList li .inner div.personality h4{
	width:6rem;
  } 

}