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


/*スマホでheader footerを消す*/
@media screen and (max-width: 1000px) {
	div#header{display: none;}
	div#gNavi{display: none;}
	div#footNavi{display: none;}
	div#footer{display: none;}
	} /*query*/

/*BS-TBSのサーバー上で, これがないとli aがクリックすると動いてしまう。*/
div#program_contents a:focus{
	overflow: visible;
}


html, body {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;
    background:transparent;
}

div#program_contents div, div#program_contents span,div#program_contents ul,div#program_contents li,div#program_contents p{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;
    /*background:transparent;*/
}
div#program_contents .alt {
	text-indent:-9999px;
	font-size:0px;
	line-height:0;
}

div#program_contents .clear {
	clear:both;
}


div#program_contents .clearfix:after {  
    content: ".";  
     display: block;       
	 visibility: hidden;
    height: 0.1px;  
    font-size: 0.1em;  
     line-height: 0;  
   clear: both;  
 }
 
 div#program_contents .clearfix {
 display: inline-block;
 }
 
 div#program_contents .shadow {
	-webkit-box-shadow:0px 0px 5px 0px #ccc;
	-moz-box-shadow:0px 0px 5px 0px #ccc;
	box-shadow:0px 0px 5px 0px #ccc;
}
div#program_contents .show_sm{
	display: none;
}
/*///////////////*/
/*///PROGRAM AREA*/
/*///////////////*/

div#program_contents{
	-webkit-text-size-adjust: 100%;/*文字サイズの自動調整をオフ*/
}
div#program_contents div.wrapper{
	width:100%;
	overflow: hidden;
	background-color: #000;
}

div#program_contents div.container{
	display: block;
	width:100%;
	max-width:980px;
	margin-right: auto;
	margin-left: auto;
}
div#program_contents *{
	font-size: 100%;
	letter-spacing: 1px;
	line-height: 1.7;
	color:#333;
}

@media screen and (max-width: 479px) {
div#program_contents .show_sm{display:inline-block;}
div#program_contents .hide_sm{display: none;}
}/*query*/
@media screen and (min-width: 480px) and (max-width: 767px) {

}/*query*/
@media screen and (min-width: 768px) {

}/*query*/

/*///////////////*/
/* HEADER AREA */
/*///////////////*/

div#program_contents div.headerArea{
	width:100%;
	background: url(../img/common/mainimage.jpg)top center no-repeat;
	background-size: cover;
	background-color: #d8e3e1;
}

div#program_contents div.headerArea a {
	position: absolute;
	width:40%;
	margin-top: 2%;
	margin-left: 6.5%;
	display: block;
}

div#program_contents img.mainimage_logo_dammy{
	width:100%;
}

div#program_contents img.mainimage_dammy{
	width: 100%;
}
div#program_contents img.mainimage_sp_dammy{
	width: 100%;
	display: none;
}

div#program_contents h2, div#program_contents h3{
	font-weight: bold;
}

@media screen and (max-width: 479px) {
div#program_contents img.mainimage_dammy{display: none;}
div#program_contents img.mainimage_sp_dammy{display: block;}
div#program_contents div.headerArea{ background: url(../img/common/mainimage_sp.jpg)top center no-repeat; background-size: cover; }
div#program_contents div.headerArea a { display: none; }
}/*query*/
@media screen and (min-width: 480px) and (max-width: 767px) {

}/*query*/
@media screen and (min-width: 768px) {

}/*query*/

/* //// MAINMENU  ///////*/

div#program_contents div.mainmenuArea{
	height: 52px;
	background-color: #a00000;
	width:100%;
}

div#program_contents div.mainmenu{
	max-width: 980px;
	width:100%;
}
div#program_contents div.mainmenu ul{
	list-style: none;
	padding:0;margin:0;
	width:100%;
}
div#program_contents div.mainmenu ul li{
	float: left;
	width:25%;
}
div#program_contents div.mainmenu ul li.commingsoon{
	display:block;
	height:52px!important;
	text-decoration: none;
	font-weight: bold;
	background: url('../img/common/mainmenu_bg_long.png')top left no-repeat;
	background-size: 100% 100%;
	text-align: center;
	color:white;
	font-size: 85%;
	opacity: 0.5;
}
div#program_contents div.mainmenu ul li a{
	display:block;
	width:100%;
	height:52px!important;
	text-decoration: none;
	font-weight: bold;
	background: url('../img/common/mainmenu_bg_long.png')top left no-repeat;
	background-size: 100% 100%;
	text-align: center;
	color:white;
	font-size: 85%;
}
div#program_contents div.mainmenu ul li a:hover{
	background: url('../img/common/mainmenu_bg_long_ol.png')top left no-repeat;
	background-size: 100% 100%;
}
div#program_contents img.menu01{
	position: relative;
	top:16px;
}
div#program_contents img.menu02{
	position: relative;
	top:16px;
}
div#program_contents img.menu03{
	position: relative;
	top:16px;
}
div#program_contents img.menu04{
	position: relative;
	top:9px;
}



@media screen and (max-width: 479px) {
	div#program_contents div.mainmenuArea{height:104px;}
	div#program_contents div.mainmenu ul li{float: left;width:50%;}
}/*query*/
@media screen and (min-width: 480px) and (max-width: 767px) {
	div#program_contents div.mainmenuArea{height:104px;}
	div#program_contents div.mainmenu ul li{float: left;width:50%;}
}/*query*/
@media screen and (min-width: 768px) {

}/*query*/

/*///////////////*/
/*TOP PAGE*/
/*///////////////*/

div#program_contents div.toppageAreaWrapper{
	background: url('../img/common/clock.png') top center no-repeat;
	min-height: 300px;
	background-color: #d8e3e1;
	text-align: left;
}
div#program_contents div.toppageArea{
	width:96%;
	max-width: 900px;
	padding-bottom:30px;
}
div#program_contents div.toppageArea div.left{
	float: left;
	width:50%;
}
div#program_contents div.toppageArea div.right{
	float: right;
	width:45%;
	padding-top: 100px;
}
div#program_contents div.today{
	margin:30px 0 20px 0;
}
div#program_contents div.today p.date{
	display: inline-block;
	color: white;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	padding:6px 15px;
	background-color: #000;
}
div#program_contents div.today p.naiyou{
	display: inline-block;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	padding:6px 15px;
	background-color: white;
	color:#000;
}
div#program_contents div.specialBox{
	width:100%;
	position: relative;
	background: url('../img/common/bottom_cut.png')bottom right no-repeat ;
	padding-bottom: 15px;
	margin-bottom:20px;
}
div#program_contents div.specialBox div.thumbArea{
	background-color: white;
	min-height: 60px;
	width: 100%;
}
div#program_contents div.specialBox img.thumb_image{
	width:100%;
}
div#program_contents div.specialBox div.descriptionArea{
	width:100%;
	box-sizing:border-box;
	padding:15px 4% 0 4%;
	background-color: #fff;
	position: relative;
	top:-15px;
	left:0;
}
div#program_contents div.specialBox div.descriptionArea h2{
	margin:0;padding:0;
	font-size: 130%;
	line-height: 1.5;
	padding-bottom: 10px;
	color: #D54200;
}
div#program_contents div.specialBox div.descriptionArea p{
	font-weight: bold;
}
div#program_contents div.specialBox div.descriptionArea p.blue{
	color:#0958a7;
}
div#program_contents div.specialBox div.descriptionArea p.orange{
	color:#D54200;
}
div#program_contents div.specialBox div.descriptionArea ul{
	width:100%;
	box-sizing:border-box;
	padding:15px 4% 0 4%;
	list-style: square;
}
div#program_contents div.specialBox div.descriptionArea ul li{
	font-weight: bold;
	padding-bottom:5px;
}
div#program_contents div.specialBox img.specialTag{
	max-width: 227px;
	width:60%;
	position: absolute;
	top:0;
	left:0;
}
div#program_contents div.specialBox img.viewpointTag{
	max-width: 170px;
	width:70%;
	position: absolute;
	top:0;
	left:0;
}
div#program_contents div.twitterArea{
	width:100%;
	position: relative;
	margin-top:26px;
	margin-bottom:50px;
}
div#program_contents div.twitterArea img.twitterTag {
	position: absolute;
	top:-32px;
	left:-15px;	
	max-width: 242px;
	width:100%;
}
div#program_contents div.matomeArea{
	width:100%;
	position: relative;
	background: url('../img/common/bottom_cut.png')bottom right no-repeat ;
	padding-bottom: 15px;
	margin-bottom:20px;
}
div#program_contents div.matomevideoBox{
	width:100%;
	position: relative;
}
div#program_contents div.matomevideoBox img.matomevideoTag {
	position: absolute;
	top:-20px;
	left:-15px;	
	max-width: 235px;
	width:100%;
}
div#program_contents div.matomevideoBox img.matomevideoTag2 {
	position: absolute;
	top:0;
	left:0;	
	max-width: 169px;
	width:50%;
}
div#program_contents div.matomevideoBox img.new_icon {
	position: absolute;
	top:-40px;
	right:-16px;
	max-width: 84px;
	width:100%;
}
div#program_contents div.matomevideoBox img.play_icon {
	position: absolute;
	top:28%;
	right:40%;
	max-width: 80px;
	width:100%;
}
div#program_contents div.matomevideoBox img.thumb_image{
	width:100%;
}

div#program_contents div.matomevideoBox a.backnumberLink{
	display: inline-block;
	font-weight: bold;
	font-size: 75%;
	background-color: #000;
	color:#fff!important;
	border-radius: 20px;
	padding:9px 20px;
	text-decoration: none;
}
div#program_contents div.matomevideoBox a.backnumberLink:hover{
	background-color: #a00000;
	color:#fff!important;
}

div#program_contents div.cultureArea{
	width:100%;
	position: relative;
	background: url('../img/common/bottom_cut.png')bottom right no-repeat ;
	padding-bottom: 15px;
	margin-bottom:20px;
}
div#program_contents div.cultureBox{
	width:100%;
	position: relative;
}
div#program_contents div.cultureBox img.culture1930{
	max-width: 187px;
	width:50%;
	position: absolute;
	top:-20px;
	left:-3.5%;
	z-index: 999;
}
div#program_contents div.cultureBox img.culture1930_2{
	position: absolute;
	top:0;
	left:0;
	max-width: 197px;
}
div#program_contents div.cultureBox img.play_icon2 {
	position: absolute;
	top:23%;
	right:40%;
	max-width: 80px;
	width:100%;
}
div#program_contents div.cultureBox img.play_icon3 {
	position: absolute;
	top:30%;
	right:40%;
	max-width: 80px;
	width:100%;
}
div#program_contents div.cultureBox img.thumb_image{
	width:100%;
}

div#program_contents div.cultureBox p.culturetext{
	background-color: rgba(255,255,255,0.65);
	color: black;
	width: auto;
	height: 5%;
	font-size: 60%;
	position: absolute;
	padding: 0px 10px;
	bottom: 90px;
	right: 6px;
}
div#program_contents div.cultureList{
	width:100%;
	background-color: white;
	position: relative;
	top:-10px;
	left:0;
}
div#program_contents div.cultureList ul{
	list-style: none;
	padding:0;margin:0;
	width:100%;
	padding-bottom:20px;
	
}
div#program_contents div.cultureList ul li{
	position: relative;
	width:100%;
	box-sizing:border-box;
	padding:15px;
	border-bottom: #ccc dotted 1px;
	font-size: 97%;
	padding-top:40px;
	font-weight: bold;
	text-align: left;
}
div#program_contents div.cultureList ul li span.date{
	display: block;
	position: absolute;
	left:0;top:0;
	background: url('../img/toppage/culture_date_bg.png')top left no-repeat;
	background-size: 100%;
	color: #fff;
	padding:4px 10px 5px 10px;
	font-weight: bold;
	font-size: 90%;
}
div#program_contents div.cultureList ul li a{
	font-weight: bold;
	color:#1161ae;
	text-decoration: underline;
}
div#program_contents div.cultureList ul li a:hover{
	color:#000;
}
div.backnumberLinkArea{
	width:100%;
	text-align: center;
	background-color: #fff;
	position: relative;
	top:-13px;
	left:0;
	padding:10px 0;
}

div#program_contents div.cultureBox a.backnumberLink{
	display: inline-block;
	font-weight: bold;
	font-size: 75%;
	background-color: #000;
	color:#fff!important;
	border-radius: 20px;
	margin-top: 30px;
	padding:9px 20px;
	text-decoration: none;
}
div#program_contents div.cultureBox a.backnumberLink:hover{
	background-color: #a00000;
	color:#fff!important;
}
div#program_contents div.cultureBox a.backnumberLink2{
	display: inline-block;
	font-weight: bold;
	font-size: 75%;
	background-color: #000;
	color:#fff!important;
	border-radius: 20px;
	margin-bottom: 20px;
	padding:9px 20px;
	text-decoration: none;
}
div#program_contents div.cultureBox a.backnumberLink2:hover{
	background-color: #a00000;
	color:#fff!important;
}

div#program_contents div.culture_none { padding: 0 auto; text-align: center; }
div#program_contents p.culture_none_text { display: inline-block; text-align: left; font-size: 90%; margin-top: -5px; line-height: 1.0; }

div#program_contents div.tbsfreeArea {width:100%; padding-top: 50px;}
div#program_contents img.tbsfree {width:100%; max-width:900px;}
div#program_contents img.tbsfree_sp {display:none;}

div#program_contents div.2020btnArea {
	width:100%;
	max-width:900px;
}
div#program_contents div.campaign2020Area, div#program_contents div.messageArea  {
	float: left;
	width:50%;
	max-width:450px;
	padding-top:50px;
}
div#program_contents div.tbsfree2020Area {
	float: right;
	width:45%;
	padding-top:50px;
}
div#program_contents img.campaign_pc,　div#program_contents img.message_pc {width:100%;}
div#program_contents img.campaign_sp, div#program_contents img.message_sp {display:none;}
div#program_contents img.tbsfree2020 {width:100%;}
div#program_contents img.tbsfree2020_sp {display:none;}


@media screen and (max-width: 479px) {
div#program_contents div.toppageArea div.left{float: none;width:100%;}
div#program_contents div.toppageArea div.right{float: none;width:100%;padding-top: 30px;}
div#program_contents div.toppageAreaWrapper{background-size: 220%;background-position: top 0 left -80px;}
div#program_contents div.matomevideoBox img.new_icon {position: absolute;top:-40px;right:-5px;}
div#program_contents div.tbsfree2020Area {width:100%; padding-top:40px; padding-bottom:30px!important; float:none;}
}/*query*/
@media screen and (min-width: 480px) and (max-width: 640px) {
div#program_contents div.toppageArea div.left{float: none;width:100%;}
div#program_contents div.toppageArea div.right{float: none;width:100%;padding-top: 30px;}
div#program_contents div.cultureBox img.culture1930{left:-3%;}
div#program_contents div.toppageAreaWrapper{background-size: 150%;background-position: top 0 left -80px;}	
div#program_contents div.matomevideoBox img.new_icon {position: absolute;top:-40px;right:-10px;}
div#program_contents div.matomevideoBox img.play_icon {position: absolute;top:33%;right:43%;max-width: 80px;width:100%;}
div#program_contents div.cultureBox img.play_icon2 {position: absolute;top:28%;right:43%;max-width: 80px;width:100%;}
div#program_contents div.cultureBox img.play_icon3 {position: absolute;top:38%;right:43%;max-width: 80px;width:100%;}
}/*query*/
@media screen and (max-width: 640px) {
div#program_contents div.tbsfreeArea {width:100%; padding-top: 30px; padding-bottom:40px; }
div#program_contents img.tbsfree {display:none;}
div#program_contents img.tbsfree_sp {width:100%; display:block;}
div#program_contents div.2020btnArea {max-width:640px;}
div#program_contents div.campaign2020Area, div#program_contents div.messageArea {width:100%; max-width:640px; padding-top:30px; float:none;}
div#program_contents div.tbsfree2020Area {width:100%; padding-top:40px; padding-bottom:50px; float:none;}
div#program_contents img.campaign_pc, div#program_contents img.message_pc {display:none;}
div#program_contents img.campaign_sp, div#program_contents img.message_sp {width:100%; padding-top:10px; display:block;}
div#program_contents img.tbsfree2020 {display:none;}
div#program_contents img.tbsfree2020_sp {width:100%; display:block;}

}/*query*/
@media screen and (min-width: 768px) {

}/*query*/


div#program_contents div.toppageArea02{
	background-color: #fff;
	min-height: 200px;
	border-top: #ccc solid 1px;
	border-bottom: #ccc solid 1px;
	text-align: left;
}
div#program_contents div.toppageArea02 div.container{
	padding:30px 0!important;
}
div#program_contents div.toppageArea02 div.right h3{
	font-size: 130%;
	padding-top:15px;
}
div#program_contents div.toppageArea02 div.right p{
	font-size: 90%;
}
div#program_contents div.toppageArea02 div.left{
	float: left;width: 50%;
	text-align: center;
}
div#program_contents div.toppageArea02 div.right{
	float: right;width: 48%;
}
div#program_contents div.toppageArea02 div.left div.videoArea{
	margin:0 auto;
	width:90%;
	background-color: #333;
	min-height: 100px;
}
div#program_contents div.toppageArea02 div.right div.conceptLinkArea{
	width:100%;
	text-align: center;
	background-color: #fff;
	position: relative;
	top:5px;
	left:0;
	padding:20px 0;
}
div#program_contents div.toppageArea02 div.right a.conceptLink{
	display: inline-block;
	font-weight: bold;
	font-size: 75%;
	background-color: #000;
	color:#fff!important;
	border-radius: 20px;
	padding:9px 40px;
	text-decoration: none;
}
div#program_contents div.toppageArea02 div.right a.conceptLink:hover{
	background-color: #a00000;
	color:#fff!important;
}

@media screen and (max-width: 479px) {
div#program_contents div.toppageArea02 div.left{float: none;width:100%;}
div#program_contents div.toppageArea02 div.right{float: none;width:100%;}
div#program_contents div.toppageArea02 div.right h3{text-align: center;}
div#program_contents div.toppageArea02 div.right p{text-align: center;}
}/*query*/
@media screen and (min-width: 480px) and (max-width: 640px) {
div#program_contents div.toppageArea02 div.left{float: none;width:100%;}
div#program_contents div.toppageArea02 div.right{float: none;width:100%;}
div#program_contents div.toppageArea02 div.right h3{text-align: center;}
div#program_contents div.toppageArea02 div.right p{text-align: center;}
}/*query*/
@media screen and (min-width: 768px) {

}/*query*/

/*  /////  SP FOOTER AREA  ////// */

div#program_contents div.spFooterAreaWrapper{
	width:100%;
	display: none;
}
div#program_contents div.spFooterArea{
	width:100%;
}

div#program_contents a.pagetopLinkArea{
	display: block;
	background-color: #d6002a;
	text-align: center;
	width:100%;
	min-height: 65px;
}
div#program_contents a.pagetopLinkArea img{max-width: 50px;margin:15px 0 0 0;}
div#program_contents a.pagetopLinkArea:hover{
	background-color: #784b2d;
}
div#program_contents div.spFooter{
	text-align: center;
	background-color: #000;
	padding:30px 0 10px 0px;
	width:100%;
}
div#program_contents img.bstbs_logo{
	max-width: 170px;
	margin-bottom:10px;
}
div#program_contents p.copyright{
	color:#999;
	font-size: 70%;
}

@media screen and (max-width: 479px) {
div#program_contents div.spFooterAreaWrapper{display: block;}
}/*query*/
@media screen and (min-width: 480px) and (max-width: 1000px) {
div#program_contents div.spFooterAreaWrapper{display: block;}
}/*query*/
@media screen and (min-width: 768px) {

}/*query*/


/*///////////////*/
/*CONCEPT PAGE*/
/*///////////////*/

div#program_contents div.nakapageAreaWrapper{
	background: url('../img/common/clock.png') top center no-repeat;
	min-height: 300px;
	background-color: #d8e3e1;
	text-align: left;
}
div#program_contents div.nakapageArea{
	width:96%;
	max-width: 900px;
	padding-bottom:30px;
	position: relative;
}

div#program_contents div.breadArea{
	padding:10px 1%;
	font-size: 80%;
}
div#program_contents div.breadArea a{
	text-decoration: none;
}
div#program_contents div.breadArea a:hover{
	color:#1161ae;
	text-decoration: underline;
}

div#program_contents div.singleContentArea{
	width:96%;
	max-width: 800px;
	background-color: #fff;
	min-height: 100px;
	margin:40px auto 0 auto;
	position: relative;
	padding-bottom: 30px;
	padding-top:60px;
}

div#program_contents h2.ribbonTag{
	position: absolute;
	top:-30px;
	left:-20px;
}
div#program_contents h2.conceptTag{
	width:342px;
}

div#program_contents h2.ribbonTag img{
	width:100%;
}

div#program_contents h3.point{
	position: relative;
	top:0;
	left:-20px;
	font-size: 120%;
	padding-left: 110px;
	box-sizing:border-box;
}

div#program_contents h3.point img{
	width:96px;
	margin-right: 15px;
	position: absolute;
	top:-7px;
	left:0px;
}

div#program_contents div.bottomCutArea{
	width:96%;
	max-width: 800px;
	min-height: 60px;
	margin:0 auto;
	background:url('../img/common/bottom_cut.png')top right no-repeat;
}

div#program_contents p.concept_des{
	width:100%;
	padding:30px 5% 25px 5%;
	box-sizing:border-box;
}


@media screen and (max-width: 479px) {

div#program_contents div.nakapageAreaWrapper{background-size: 220%;background-position: top 0 left -80px;}
}/*query*/
@media screen and (min-width: 480px) and (max-width: 640px) {

div#program_contents div.nakapageAreaWrapper{background-size: 150%;background-position: top 0 left -80px;}
}/*query*/
@media screen and (min-width: 768px) {

}/*query*/


/* ////// CAST PAGE /////// */

div#program_contents h2.castTag{
	width:184px;
}

div#program_contents div.profileArea{
	width: 100%;
}
div#program_contents div.profileBox{
	width:100%;
	border-bottom:#ccc dotted 1px;
	padding-bottom:15px;
	margin-bottom:35px;
}
div#program_contents div.profileBox div.left{
	float: left;width:35%;
	text-align: right;
}
div#program_contents div.profileBox div.right{
	float: right;width:60%;
}
div#program_contents img.portrait{
	width:90%;
	max-width: 460px;
}
div#program_contents p.profile_name{
	font-size: 170%;
	font-weight: bold;
}
div#program_contents p.profile_name span.tantou{
	color:#a3191f;
	font-size: 13px;
	position: relative;
	top:-4px;
	left:0;
}
div#program_contents p.profile_name img.cast_dot{
	margin-right:10px;
	width:18px;
}
div#program_contents p.profile_des{
	font-size: 88%;
	padding:15px 7% 15px 0;
	box-sizing:border-box;
}
div#program_contents p.profile_des span.bold{
	font-weight: bold;
}

@media screen and (max-width: 479px) {
div#program_contents div.profileBox div.left{float:none;width:90%;}
div#program_contents div.profileBox div.right{float:none;width:90%;margin:0 auto;}
div#program_contents p.profile_name{margin:15px 0 5px 2%;}
div#program_contents p.profile_des{padding:2%;}
}/*query*/
@media screen and (min-width: 480px) and (max-width: 640px) {
div#program_contents div.profileBox div.left{float:none;width:90%;}
div#program_contents div.profileBox div.right{float:none;width:90%;margin:0 auto;}
div#program_contents p.profile_name{margin:15px 0 5px 2%;}
div#program_contents p.profile_des{padding:2%;}
}/*query*/
@media screen and (min-width: 768px) {

}/*query*/


/* ////// THEME SONG PAGE /////// */

div#program_contents div.themesongAreaWrapper{
background-color: #45492d;
width:100%;
min-height: 300px;
position: relative;
}
div#program_contents div.themesongAreaWrapper div.themeBreadArea{
position: absolute;
top:-6px;
left:5%;
color:#999;
}
div#program_contents div.themesongAreaWrapper div.themeBreadArea a{
	color:#999;
	font-size: 80%;
}

div#program_contents div.themesongAreaWrapper img.themesongimage{
	width:100%;
}
div#program_contents div.themesongAreaWrapper img.themesongimage_sp{
	display: none;
	width:100%;
}
div#program_contents div.themesongArea{
	width:100%;
	max-width: 960px;
}
div#program_contents img.themesongLead{
	width:96%;
	display: block;
	margin:0 auto 40px auto;
	max-width: 600px;
}
div#program_contents div.themesongArea div.dblWrapper{
	border-bottom: #97a297 dotted 1px;
	padding:30px 0 0 0;
}
div#program_contents div.themesongArea div.dblWrapper.no-border{
	border-bottom: none;
}
div#program_contents div.themesongArea div.left{
	float:left;width:35%;
	text-align: center;
}
div#program_contents div.themesongArea div.right{
	float:right;width:63%;
	text-align: left;
	padding-bottom:30px;
}
div#program_contents div.themesongArea img.musician{
	width:90%;
	max-width: 220px;
	position: relative;
	top:15px;left:0;
	padding-bottom:30px;
}
div#program_contents div.themesongArea h4{
	margin:0;padding:0 0 15px 0;
	color:#bdbebe;
	font-size: 120%;
	font-weight:bold;
}
div#program_contents div.themesongArea p.profile{
	color:#bdbebe;
	font-size: 80%;
	padding:0 5% 0 0;
	box-sizing:border-box;
}

@media screen and (max-width: 479px) {
	div#program_contents div.themesongArea div.left{float: none;width:100%;}
	div#program_contents div.themesongArea div.right{float: none;width:100%;}
	div#program_contents div.themesongArea img.musician{max-width: 180px;}
	div#program_contents div.themesongArea h4{text-align: center;}
	div#program_contents div.themesongArea p.profile{padding:0 5% ;}
	div#program_contents div.themesongAreaWrapper img.themesongimage{display: none;}
	div#program_contents div.themesongAreaWrapper img.themesongimage_sp{display: block;}
}/*query*/
@media screen and (min-width: 480px) and (max-width: 640px) {
}/*query*/
@media screen and (min-width: 768px) {

}/*query*/


/* //////// ARCHIVE INDEX PAGE //////// */

div#program_contents div.archiveAreaWrapper{
	background: url('../img/common/clock.png') top center no-repeat;
	min-height: 300px;
	background-color: #d8e3e1;
	overflow: hidden;
	text-align: left;
}
div#program_contents div.archiveArea{
	width:96%;
	max-width: 900px;
	padding-bottom:30px;
}

div#program_contents  div.archiveHead{
	padding:20px 0;
	position: relative;
}
div#program_contents  h2.archives_title{
	width:70%;
}

div#program_contents  h2.archives_title img{
	width:100%;
	max-width: 356px;
}

div#program_contents div.selectArea{
	position: absolute;
	top:40px;
	right:2%;
}

div#program_contents div.archiveBox{
	width: 96%;
	margin:0 auto;
}

div#program_contents div.archiveDateArea{
	margin:0 auto;
	width:100%;
	background-color: #000;
	min-height: 30px;
	overflow: hidden;
}
div#program_contents div.archiveDateArea p.date{
	font-size: 110%;
	font-weight: bold;
	color:#fff;
	padding:6px 15px;
	float: left;
}
div#program_contents div.archiveDateArea a.archivePagetopLink{
	display: inline-block;
	background-color: #666;
	color:white;
	padding:10px 20px 2px 20px;
	text-decoration: none;
	font-size: 80%;
	float: right;
	min-height: 30px;
	font-weight: bold;
}
div#program_contents div.archiveDateArea a.archivePagetopLink:hover{
	background-color: #a00000;
}
div#program_contents div.dblWrapper{
	padding:10px 0;
}

div.archiveBox div.dblWrapper div.left{
	float: left;width: 49%;
}
div.archiveBox div.dblWrapper div.right{
	float: right;width: 49%;
}

/*SELECT BOX*/

.cp_ipselect {
overflow: hidden;
width: 230px;
margin: 2em auto;
text-align: center;
}
.cp_ipselect select {
width: 100%;
padding-right: 1em;
cursor: pointer;
text-indent: 0.01px;
text-overflow: ellipsis;
border: none;
outline: none;
background: transparent;
background-image: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-weight: bold;

}
.cp_ipselect select::-ms-expand {
display: none;
}
.cp_ipselect.cp_sl01 {
position: relative;
border: 1px solid #bbbbbb;
border-radius: 2px;
background: #ffffff;
}
.cp_ipselect.cp_sl01::before {
position: absolute;
top: 1em;
right: 0.9em;
width: 0;
height: 0;
padding: 0;
content: '';
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #666666;
pointer-events: none;
}
.cp_ipselect.cp_sl01 select {
padding: 8px 38px 4px 15px;
color: #666666;
}

@media screen and (max-width: 479px) {
div#program_contents div.selectArea{position: relative;top:0;left:10px;}
div.archiveBox div.dblWrapper div.left{float: none;width:100%;}
div.archiveBox div.dblWrapper div.right{float: none;width:100%;}
}/*query*/
@media screen and (min-width: 480px) and (max-width: 640px) {
div#program_contents div.selectArea{position: relative;top:0;left:10px;}
div.archiveBox div.dblWrapper div.left{float: none;width:100%;}
div.archiveBox div.dblWrapper div.right{float: none;width:100%;}
}/*query*/
@media screen and (min-width: 768px) {

}/*query*/



/* ///// CULTURE ARCHIVE PAGE ////////*/

div#program_contents  h2.culture_title{
	width:70%;
}

div#program_contents  h2.culture_title img{
	width:100%;
	max-width: 320px;
}

div#program_contents div.cultureArchivesArea{
	width:100%;
}
div#program_contents div.archiveCultureBox{
	float: left;
	width:33.3333%;
	min-height: 100px;
	margin-bottom:20px;
}

div#program_contents div.archiveCultureBoxInner{
	width:95%;
	background-color: #fff;
	position: relative;
}
div#program_contents div.archiveCultureBoxInner img{
	width: 100%;
}

div#program_contents div.archiveCultureBoxInner p.date{
	display: inline-block;
	background-color: #000;
	color:white;
	font-size: 80%;
	padding:4px 10px;
	font-weight: bold;
	position: absolute;
	top:0;left:0;
}
div#program_contents a.cultureLink{
	padding:3px 15px 5px 15px;
	display: block;
	font-size: 90%;
	color:#1161ae;
	font-weight: bold;
	font-size: 90%;
	box-sizing:border-box;
	min-height: 75px;
}
div#program_contents a.cultureLink:hover{
	color:#000;
}

div#program_contents div.archiveCultureCut{
	width:95%;
	min-height: 20px;
	background:url('../img/common/bottom_cut.png')top right no-repeat;
}

@media screen and (max-width: 629px) {
div#program_contents div.archiveCultureBox{width:100%;}
div#program_contents div.archiveCultureCut{width:100%;}
div#program_contents div.archiveCultureBoxInner{width:100%;}
}/*query*/
@media screen and (min-width: 630px) and (max-width: 880px) {
div#program_contents div.archiveCultureBox{width:50%;}
}/*query*/
@media screen and (min-width: 768px) {

}/*query*/


/* ///// CULTURE ARTICLE PAGE  ///// */

div#program_contents h2.cultureArticleTag{
	width:280px;
	left:-23px;
}

div#program_contents div.cultureArticle{
	margin-top:80px;
}
div#program_contents div.articleSelect{
	position: absolute;
	top:70px;
	right:5%;
}
div#program_contents div.cultureArticle p.date{
	display: inline-block;
	background-color: #000;
	color:white;
	font-weight: bold;
	padding:6px 14px;
	font-size: 90%;
	position: relative;
	top:10px;
	left:-10px;
}

div#program_contents div.cultureArticle div.articleArea{
	padding:0 4% 2% 4%;
	width: 100%;
	box-sizing: border-box;
}
div#program_contents div.cultureArticle h3{
	font-size: 160%;
	font-weight: bold;
	margin-bottom: 10px;
	padding-top:15px;
}
div#program_contents div.cultureArticle div.dblWrapper{
	width:100%;
}
div#program_contents div.cultureArticle div.dblWrapper img{
	width: 100%;margin-bottom:5px;
}
div#program_contents div.cultureArticle div.dblWrapper p.des{
	padding:0 5%;
	font-size: 90%;
	margin-bottom: 15px;
}
div#program_contents div.cultureArticle div.dblWrapper p.caption,
div#program_contents div.cultureArticle div.dblWrapper span.caption{
	font-size: 80%;
	padding:0 5%;
	line-height: 1.5;
	margin-bottom:15px;
	color:#8e6916;
}
div#program_contents div.cultureArticle div.dblWrapper p.contact_des{
	font-size: 85%;
	padding:15px 5% 0 5%;
	line-height: 1.5;
	margin-bottom:15px;
	margin-top:20px;
	border-top:#ccc dotted 1px;
	color:#403200;
	box-sizing: border-box;
}
div#program_contents div.cultureArticle div.dblWrapper p.contact_des strong{
	color:inherit;
}
div#program_contents div.cultureArticle div.dblWrapper p.caption.bold,
div#program_contents div.cultureArticle div.dblWrapper span.caption.bold{
	font-weight: bold;
}
div#program_contents div.cultureArticle div.left{
	float: left;width: 50%;
}
div#program_contents div.cultureArticle div.right{
	float: left;width: 50%;
}
div#program_contents div.articleLinkArea{
	text-align: center;
	padding:10px 0;
}
div#program_contents div.articleLinkArea a{
	display: inline-block;
	padding:15px 50px;
	color:#000;
	background-color: white;
	font-weight: bold;
	text-decoration: none;
	margin-right:10px;
}
div#program_contents div.articleLinkArea a:hover{
	background-color: #000;
	color:white;
}

@media screen and (max-width: 629px) {
div#program_contents div.cultureArticle{margin-top:110px;}
div#program_contents div.articleSelect{right:2%!important;top:70px;position: absolute;}
div#program_contents div.cultureArticle p.date{font-size: 80%;}
div#program_contents div.cultureArticle div.left{float: none;width:100%;}
div#program_contents div.cultureArticle div.right{float: none;width:100%;}
div#program_contents div.cultureArticle h3{font-size: 140%;}
div#program_contents div.cultureArticle div.dblWrapper p.des{padding:0 2%;}
}/*query*/
@media screen and (min-width: 630px) and (max-width: 880px) {
div#program_contents div.articleSelect{right:2%!important;top:70px;position: absolute;}
}/*query*/
@media screen and (min-width: 768px) {

}/*query*/

/* ///// SPECIAL PAGE  ///// */

div#program_contents div.cultureArticle div.spWrapper{
	width:100%;
}

div#program_contents div.cultureArticle div.spWrapper p.des2{
	padding:0 1%;
	font-size: 90%;
	margin-bottom: 15px;
}

div#program_contents div.cultureArticle div.orange{
	color: #D54200;
}

div#program_contents div.right img.thumb_image2{
	width:100%;
	margin-bottom: 50px;
}

div#program_contents div.cultureArticle div.videoArea2{
	margin:0 auto;
	width:100%;
	background-color: #333;
}