@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;
}

div#container { opacity: 100!important; }

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 .right {
	float: right;
}
div#program_contents .left {
	float: left;
}
div#program_contents .shadow {
	-webkit-box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.15);
	box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.15);
}
div#program_contents .show_sm{
	display: none;
}
div#program_contents .mt10 {
	margin-top:10px;
}
div#program_contents .text_r {
	text-align: right!important;
}
.nocontxt {-webkit-touch-callout: none;-webkit-user-select: none;user-select: none;-webkit-user-drag:none;}
.nocontxt img {pointer-events: none;}

@media print {
	.noprint { display: none; }
}
@media screen and (max-width: 767px) {
	div#program_contents .show_sm{ display:block; }
}

/*///////////////*/
/*///PROGRAM AREA*/
/*///////////////*/

div#program_contents{
	-webkit-text-size-adjust: 100%;/*文字サイズの自動調整をオフ*/
	background-color: #f6f8f9;
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}
div#program_contents div.wrapper{
	width:100%;
	overflow: hidden;
	background-color: #000;
}
div#program_contents div.container{
	display: block;
	width:100%;
	max-width:1174px;
	margin-right: auto;
	margin-left: auto;
}
div#program_contents *{
	font-size: 100%;
	letter-spacing: 1px;
	line-height: 1.7;
	/*color:#333;*/
}
div#program_contents div.toppageAreaWrapper{
	width:100%;
	background-color: #f6f8f9;
	box-sizing: border-box;
}

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


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

div#program_contents div.headerAreaWrapper {
	background-color: #f6f8f9;
}

div#program_contents div.headerArea2025 {
	width:100%;
	max-width: 1366px;
	height: 100%;
	max-height: 839px;
	margin: 0 auto;
	padding-bottom: 2.3%;
}

div#program_contents div.mainimage_pc {
	width:100%;
	max-width: 1366px;
	height: 0;
	margin: 0 auto;
	padding-top: 61.42%;
	background: url(../img/common/mainimage02.png)top center no-repeat;
	background-size: 100%;
	background-color: #f6f8f9;
	display: block;
}
div#program_contents img.mainimage_sp {
	width: 100%;
	display: none;
}

@media screen and (max-width: 479px) {
div#program_contents div.headerArea2025 { padding-bottom:6%; }
div#program_contents div.mainimage_pc { display: none; }
div#program_contents div.mainimage_pc { width:100%; max-width: 480px; height: 0; margin: 0 auto; padding-top: 87.7%; background: url(../img/common/mainimage02_sp.png)top center no-repeat; background-size: 100%; background-color: #f6f8f9; display: block; }
}/*query*/


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

div#program_contents div.mainmenuArea2025{
	width:100%;
	height: 95px;
	padding: 0 3%;
	box-sizing: border-box;
}

div#program_contents div.mainmenu2025{
	width:100%;
	max-width: 1174px;
	margin: 0 auto;
}
div#program_contents div.mainmenu2025 ul{
	width:100%;
	padding:0;margin:0;
	list-style: none;
}
div#program_contents div.mainmenu2025 ul li{
	float: left;
	width:25%;
	position: relative;
}
div#program_contents div.mainmenu2025 ul li:not(:nth-child(1)) {
	padding-left: 1px;
	height: 100%;
    background-image: linear-gradient(0deg, rgba(64, 82, 66, 1) 10%, rgba(118, 118, 118, 1) 10% 90%, rgba(64, 82, 66, 1) 90%);
	box-sizing: border-box;
}
div#program_contents div.mainmenu2025 ul li a{
	display:block;
	width:100%;
	height:95px!important;
	text-decoration: none;
	font-weight: bold;
	background: url('../img/common/menu2025_bg.png')top left no-repeat;
	background-size: 100% 100%;
	text-align: center;
	color:white;
	font-size: 85%;
}
div#program_contents div.mainmenu2025 ul li a:hover{
	background: url('../img/common/menu2025_bg_ol.png')top left no-repeat;
	background-size: 100% 100%;
}
div#program_contents div.mainmenu2025 img.menu01,
div#program_contents div.mainmenu2025 img.menu02,
div#program_contents div.mainmenu2025 img.menu03,
div#program_contents div.mainmenu2025 img.menu04{
	position: relative;
	top:32px;
}
div#program_contents div.themesongmenuWrapper{
	background: #032a2f;
}

@media screen and (max-width: 479px) {
div#program_contents div.mainmenuArea2025{height:140px; }
div#program_contents div.mainmenu2025 ul li{float: left;width:50%;}
div#program_contents div.mainmenu2025 ul li a{height:70px!important;}
div#program_contents div.mainmenu2025 img.menu01{ width:36px; top:20px; }
div#program_contents div.mainmenu2025 img.menu02{ width:44px; top:20px; }
div#program_contents div.mainmenu2025 img.menu03{ width:107px; top:20px; }
div#program_contents div.mainmenu2025 img.menu04{ width:72px; top:18px; }
}/*query*/
@media screen and (min-width: 480px) and (max-width: 767px) {
div#program_contents div.mainmenuArea2025{height:190px;}
div#program_contents div.mainmenu2025 ul li{float: left;width:50%;}
div#program_contents div.mainmenu2025 ul li a{height:95px!important;}
}/*query*/


/*///////////////*/
/*   INFO AREA   */
/*///////////////*/

div#program_contents div.infoAreaWrapper {
	width: 100%;
	padding: 0 3%;
	box-sizing: border-box;
}
div#program_contents div.infoBox {
	width:100%;
	margin: 30px auto 0;
	padding: 40px 30px;
	text-align: center;
	background: #fff;
	border-radius: 13px;
	box-sizing: border-box;
}
div#program_contents div.infoBox p {
	font-size: 21px;
	font-weight: 400;
	color: #e72a51;
}
@media screen and (max-width: 479px) {
div#program_contents div.infoBox { margin:10px auto; padding:24px 15px; border-radius:10px; }
div#program_contents div.infoBox p { font-size:14px; }
}


/*///////////////*/
/*  SHITEN AREA  */
/*///////////////*/

div#program_contents div.todayAreaWrapper {
	width: 100%;
	padding: 0 3%;
	box-sizing: border-box;
}
div#program_contents div.todayArea{
	width: 100%;
	margin-top: 30px;
}

/*/// 放送日 ///*/
div#program_contents div.todayArea div.todayBox{
	width: 100%;
	margin:0 auto;
	text-align: center;
}
div#program_contents div.todayArea div.toptodayBox p{
	color: #324033;
	font-size: 33px;
	font-weight: 600;
	letter-spacing: 0.2em;
}
div#program_contents div.todayArea div.toptodayBox p:nth-child(2){
	margin-top: -5px;
	font-size: 30px;
	letter-spacing: 0.1em;
}
div#program_contents div.todayArea div.toptodayBox p span{
	margin: 0 8px 0 5px;
	font-size: 66px;
}

/*/// 今夜の視点 ///*/
div#program_contents div.shitenAreaWrapper {
	width: 100%;
	padding: 0 3%;
	box-sizing: border-box;
}
div#program_contents div.shitenArea{
	width:100%;
	margin-top: 40px;
	border-radius: 21px;
}
div#program_contents div.shitenArea div.shiten{
	width:100%;
	height: 82px;
	background: url('../img/common/shiten_bg.png')top left no-repeat;
	background-size: 100% 100%;
	border-top-right-radius: 21px;
	border-top-left-radius: 21px;
	display: block;
	overflow: hidden;
	position: relative;
}
div#program_contents div.shitenArea div.shiten img.shiten_title{
	width:100%;
	max-width: 306px;
	top:50%;
	left:5%;
	transform:translate(0%,-50%);
	position: absolute;
}
div#program_contents div.shitenBoxArea {
	width: 100%;
	padding: 3% 2%;
	text-align: left;
	border-radius: 0 0 21px 21px;
	background-color: #fff;
	box-sizing: border-box;
}
div#program_contents div.shitenBox {
	width: 100%;
	display: flex;
}
div#program_contents div.shitenBox div.thumbArea{
	width: 55%;
}
div#program_contents div.shitenBox div.thumbArea img{
	width: 100%;
	max-width: 598px;
	margin:0 auto;
	padding:0;
	display: block;
}
div#program_contents div.shitenBox div.descriptionArea{
	padding:0;
	padding-left: 2%;
	box-sizing: border-box;
}
div#program_contents div.shitenBox div.descriptionArea h2{
	margin-top: -10px;
	margin-bottom: 5%;
	color: #324033;
	font-size: 30px;
	font-weight: 500;
	line-height: 1.5em;
}
div#program_contents div.shitenBox div.descriptionArea ul{
	padding-left: 20px;
	list-style: none;
	color: #474342;
}
div#program_contents div.shitenBox div.descriptionArea ul li{
	font-size: 22px;
	font-weight: 500;
	line-height: 1.8em;
	padding-left: 0.2em;
	position: relative;
}
div#program_contents div.shitenBox div.descriptionArea ul li::before{
	top: 0;
  	left: -20px;
	content: "・";
	display: inline-block;
	position: absolute;
}
div#program_contents div.guestBox{
	width:100%;
	margin-top: 3%;
	padding: 14px 54px;
	border-radius: 32px;
	background: #f1f1f1;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}
div#program_contents div.guest_title{
	margin-right: 40px;
}
div#program_contents div.guest_title p{
	color: #494645;
	font-size: 23px;
	font-weight: 600;
}
div#program_contents div.guest p{
	color: #494645;
	font-size: 18px;
	font-weight: 500;
	overflow-wrap: break-all;
}

@media screen and (min-width: 768px) and (max-width: 960px) {
div#program_contents div.shitenBox div.thumbArea{ width:50%; }
div#program_contents div.shitenBox div.descriptionArea{ padding-left:4%; }
div#program_contents div.shitenBox div.descriptionArea h2{ font-size:24px; }
div#program_contents div.shitenBox div.descriptionArea ul li{ font-size:18px; }
}
@media screen and (max-width: 767px) {
div#program_contents div.shitenBoxArea { padding:0; }
div#program_contents div.shitenBox { padding: 4% 4%; flex-direction:column; box-sizing:border-box; }
div#program_contents div.shitenBox div.thumbArea{ width:100%; }
div#program_contents div.shitenBox div.thumbArea{ width:100%; }
div#program_contents div.shitenBox div.thumbArea img{ max-width:767px; }
div#program_contents div.shitenBox div.descriptionArea{ padding-left:0; padding:30px 10px 10px; }
div#program_contents div.shitenBox div.descriptionArea h2{ margin-bottom:3%; font-size:24px; }
div#program_contents div.shitenBox div.descriptionArea ul li{ font-size:18px; }
div#program_contents div.guestBox{ margin-top:0; padding: 26px 54px; border-radius:0; flex-direction:column; justify-content:flex-start; align-items:stretch; }
div#program_contents div.guest_title{ margin-bottom:10px; margin-right:0; }
div#program_contents div.guest_title p{ font-size:23px; }
div#program_contents div.guest p{ font-size:16px; }
}/*query*/
@media screen and (max-width: 479px) {
div#program_contents div.toppageArea div.toptodayBox p{ font-size:22px; letter-spacing:0.2em; }
div#program_contents div.toppageArea div.toptodayBox p:nth-child(2){ margin-top:-8px; font-size:18px; }
div#program_contents div.toppageArea div.toptodayBox p span{ margin: 0 4px 0 4px; font-size:44px; }
div#program_contents div.shitenArea{ margin-top:30px; border-radius: 20px; }
div#program_contents div.shitenArea div.shiten{ width:100%; height:52px; background: url('../img/common/shiten_bg@2x.png')top left no-repeat; background-size: 100% 100%; border-top-right-radius:20px; border-top-left-radius:20px; }
div#program_contents div.shitenArea div.shiten img.shiten_title{ left:7%; width:153px; }
div#program_contents div.shitenBoxArea{ border-radius: 0 0 20px 20px; }
div#program_contents div.shitenBox div.descriptionArea h2{ margin-bottom:5%; font-size:19px; }
div#program_contents div.shitenBox div.descriptionArea ul{ padding-left:12px; }
div#program_contents div.shitenBox div.descriptionArea ul li{ font-size:14px; }
div#program_contents div.shitenBox div.descriptionArea ul li::before{ left:-14px; }
div#program_contents div.guestBox{ margin-top:0; padding: 5% 10%; border-radius:0; flex-direction:column; justify-content:flex-start; align-items:stretch; }
div#program_contents div.guest_title{ margin-bottom:8px; margin-right:0; }
div#program_contents div.guest_title p{ font-size:15px; }
div#program_contents div.guest p { margin:0; padding:0; font-size:12px; line-height:1.8em; }
}


/*///////////////*/
/*  MATOME AREA  */
/*///////////////*/
div#program_contents div.matomeAreaWrapper{
	width:100%;
	padding: 0 3%;
	box-sizing: border-box;
	position: relative;
}
div#program_contents div.matomeArea{
	width:100%;
	margin-top:80px;
	border-radius: 24px;
	background-color:#fff;
	box-sizing: border-box;
	position: relative;
	display: flex;
}
div#program_contents div.matomeTitleBox{
	width: 40%;
	background-image: linear-gradient(242deg, rgba(218, 225, 233, 1) 54%, rgba(207, 214, 221, 1) 54%);
	border-top-left-radius: 24px;
	border-bottom-left-radius: 24px;
	position: relative;
}
div#program_contents div.matomeTitleBox::after{
	width: 100%;
	height: 27%;
	content: "";
	bottom:0;
	left:0;
	background-image: linear-gradient(98deg, rgba(87,87,87,0.08), rgba(87,87,87,0.05));
	border-bottom-left-radius: 24px;
	z-index: 1;
	position: absolute;
	display: block;

}
div#program_contents div.matomeTitleBox img.matome_title_img{
	width: 50%;
	max-width: 166px;
	margin:auto;
	margin-top: 14%;
	margin-bottom: 14%;
	display: block;
}
div#program_contents div.matomeTitleBox img.new_icon {
	position: absolute;
	top:-40px;
	left:-16px;
	max-width: 125px;
	width:100%;
}
div#program_contents div.backnumberLinkArea.pc{
	width: 80%;
	right: 0;
  	left: 0;
	bottom: 11.5%;
	margin:0 auto;
	z-index: 999;
	position: absolute;
	display: block;
}
div#program_contents div.backnumberLinkArea.sp{
	width: auto!important;
	right: 0;
  	left: 0;
	bottom: 0!important;
	margin:0 auto;
	border-radius: 100px;
	background-color: #fff;
	position: relative;
	box-sizing: border-box;
	display:none;
}
div#program_contents div.backnumberLinkArea a.backnumberLink{
	width: 100%;
	padding: 5.5% 10%;
	border-radius: 100px;
	background-color: #fff;
	box-sizing: border-box;
	display: block;
}
div#program_contents div.backnumberLinkArea a.backnumberLink:hover{
	opacity: 0.7;
}
div#program_contents div.backnumberLinkArea img{
	width: 100%;
	margin:0;
	padding:0;
	display: block;
}
div#program_contents div.matomeArea div.thumbArea{
	flex:1;
	position: relative;
}
div#program_contents div.matomeArea div.thumbArea a:hover{
	opacity: 0.7;
}
div#program_contents div.matomeArea img.thumb_image{
	width:100%;
	margin:0;
	padding:0;
	border-top-right-radius: 24px;
	border-bottom-right-radius: 24px;
	display: block;
}
div#program_contents div.matomeArea img.play_icon {
	position: absolute;
	top:0;
	right:0;
	width:100%;
	margin:0;
	padding:0;
	display: block;
}

@media screen and (min-width: 768px) and (max-width: 960px) {
div#program_contents div.matomeTitleBox img.matome_title_img{ width:50%; max-width:136px; margin-top:12%; margin-bottom:12%; }
div#program_contents div.backnumberLinkArea{ bottom:10%; }
}/*query*/
@media screen and (max-width: 960px) {
div#program_contents div.matomeArea{ margin-top:60px; }
div#program_contents div.matomeTitleBox img.new_icon { top:-40px; left:-16px; max-width:96px; width:100%; }
}
@media screen and (max-width: 767px) {
div#program_contents div.matomeArea{ width:100%; height:220%; border-radius:24px!important; background-image: linear-gradient(242deg, rgba(218, 225, 233, 1) 54%, rgba(207, 214, 221, 1) 54%); position: relative; flex-direction:column; }
div#program_contents div.matomeArea::after{ width:100%!important; height:50%; content:""; bottom:0; left:0; background-image: linear-gradient(98deg, rgba(87,87,87,0.08), rgba(87,87,87,0.05)); border-bottom-left-radius: 24px; border-bottom-right-radius: 24px; z-index: 1; position: absolute; display: block; }
div#program_contents div.matomeArea div.thumbArea{ width:90%; height:50.625%; margin: 0 auto; margin-bottom:0!important; z-index:999; }
div#program_contents div.matomeArea img.thumb_image{ border-radius:0; }
div#program_contents div.matomeTitleBox{ width:100%; background-image:none; }
div#program_contents div.matomeTitleBox::after{ background-image:none; }
div#program_contents div.matomeTitleBox img.matome_title_img{ width:50%; max-width:146px; margin-top:6%; margin-bottom:6%; }
div#program_contents div.matomeTitleBox img.new_icon { top:-35px; left:-8px; max-width:125px; }
div#program_contents div.backnumberLinkArea.pc{ display:none; }
div#program_contents div.backnumberLinkArea.sp{ width:50%!important; margin:6% auto; display:block; }
div#program_contents div.backnumberLinkArea img{ width:100%; max-width:300px!important; margin:0 auto; }
}/*query*/
@media screen and (max-width: 479px) {
div#program_contents div.matomeArea{ margin-top:9%; flex-direction:column; }
div#program_contents div.matomeTitleBox img.matome_title_img{ width:50%; max-width:100px; margin-top:8%; margin-bottom:8%; }
div#program_contents div.matomeTitleBox img.new_icon { top:-25px; max-width:96px; width:100%; }
div#program_contents div.backnumberLinkArea.sp{ width:70%!important; margin:8.5% auto; display:block; }
div#program_contents div.matomeArea div.thumbArea{ width:93%; margin: 0 auto; z-index:999; }
}


/*///////////////*/
/*  AISATU AREA  */
/*///////////////*/

div#program_contents div.aisatuAreaWrapper {
	width: 100%;
	padding: 0 3%;
	box-sizing: border-box;
}
div#program_contents div.aisatuArea{
	margin-top: 60px;
}
div#program_contents div.aisatuArea a{
	text-decoration: none;
}
div#program_contents div.aisatuArea a:hover{
	opacity: 0.7;
}
div#program_contents div.aisatuBox{
	width:100%;
	height: 190px;
	border-radius: 18px;
	position: relative;
	display: flex;
}
div#program_contents div.aisatu_l{
	width: 43%;
	max-width: 500px;
	height: 190px;
	border-top-left-radius: 18px;
	border-bottom-left-radius: 18px;
	text-align:center;
	position: relative;
	overflow: hidden;
}
div#program_contents div.aisatu_l img.aisatu_img{
	width: 580px;
	height: auto;
	top: -23%;
	left:50%;
	transform:translate(-45%,0%);
	margin: 0 auto;
	position: absolute;
	display: block;
}
div#program_contents div.aisatu_l img.aisatu_dammy{
	width:100%;
	z-index:9;
	display: block;
}
div#program_contents div.aisatu_r{
	width:57%;
	border-top-right-radius: 18px;
	border-bottom-right-radius: 18px;
	text-align: center;
	background-image: linear-gradient(242deg, rgba(218, 225, 233, 1) 64%, rgba(207, 214, 221, 1) 64%);
	position: relative;
}
div#program_contents div.aisatu_r p{
	width:100%;
	margin:auto;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	color: #324033;
	font-size: 40px;
	font-weight: 600;
	line-height: 1.5em;
	position:absolute;
}
div#program_contents div.aisatu_r p span{
	font-size: 21px;
}

/*/////  挨拶ポップアップ  /////*/
div.aisatuArea {
	padding-bottom:6%!important;
	box-sizing: border-box;
}
#inline-wrap {
	width: 90%;
	height: 80vh;
	margin: auto;
	padding: 5% 10%;
	background: #f6f8f9;
	-webkit-text-size-adjust: 100%;/*文字サイズの自動調整をオフ*/
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	overflow: scroll;
	box-sizing:border-box;	
}
#inline-wrap .aisatu_title{
	margin-bottom: 70px;
}
#inline-wrap .aisatu_title p::after{
	width: 58px;
	height: 6px;
	content: "";
	bottom:0;
	margin:0 auto;
	margin-top: 34px;
	background-image: linear-gradient(90deg, rgba(181, 0, 7, 1), rgba(255, 19, 33, 1));
	display: block;
}
#inline-wrap .aisatu_title p{
	font-size: 21px;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-align: center;
}
#inline-wrap .aisatu_title p .tutumi{
	font-size: 27px;
}
#inline-wrap .aisatu_title p .goaisatu{
	font-size: 40px;
}
#inline-wrap .aisatuimgArea{
	width: 100%;
	margin:0 auto;
	position: relative;
}
#inline-wrap .aisatu_img {
	width: 100%;
	max-width: 960px;
	margin:0 auto;
	margin-bottom: 60px;
	display: block;
}
#inline-wrap .aisatutextBox {
	width: 100%;
	max-width: 960px;
	margin:0 auto;
}
#inline-wrap .aisatutextBox p{
	font-size: 16px;
	font-weight: 400;
	line-height: 1.7em;
}
#inline-wrap .text_r {
	text-align: right!important;
	display: block;
}
.mfp-inline-holder .mfp-content {
	width: 100%;
	position: relative;
	display: inline-block;
}
.mfp-inline-holder .mfp-close {
	width: 100%;
	color: #fff;
	right: 5%;
	top: -40px;
	text-align: right;	
}
.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 1000px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

@media screen and (max-width: 767px) {
div#program_contents div.aisatu_r p{ font-size:30px; }
div#program_contents div.aisatu_r p span{ font-size:18px; }
}/*query*/
@media screen and (max-width: 479px) {
div#program_contents div.aisatuArea{ margin-top:9%; margin-bottom:15%; }
div#program_contents div.aisatuBox{ height:auto; flex-direction:column; }
div#program_contents div.aisatu_l{ width:100%; border-radius:18px 18px 0 0; }
div#program_contents div.aisatu_l img.aisatu_img{ width:520px; top:-18%; }
div#program_contents div.aisatu_r{ width:100%; padding: 12% 3%; border-radius:0 0 18px 18px; box-sizing:border-box; }
div#program_contents div.aisatu_r p{ position:relative; top:0; left:0; transform:none; }
#inline-wrap { padding: 5% 0%; overflow-y:scroll; -ms-overflow-style: none; scrollbar-width: none; }
#inline-wrap::-webkit-scrollbar{ display:none; }
#inline-wrap .aisatu_title { margin-top:50px; }
#inline-wrap .aisatu_title p{ font-size:16px; }
#inline-wrap .aisatu_title p .tutumi{ font-size:22px; }
#inline-wrap .aisatu_title p .goaisatu{ font-size:30px; }
#inline-wrap .aisatuimgArea{ width:100%; max-width:360px; height:460px; text-align:center; overflow:hidden; }
#inline-wrap .aisatu_img { width:690px; height:auto; left:50%; margin: 0 auto; transform:translate(-44%,0%); position:absolute; }
#inline-wrap .aisatutextBox { padding: 5% 5%; box-sizing: border-box;}
}/*query*/


/*///////////////////*/
/*  SUB CASTER AREA  */
/*///////////////////*/
div#program_contents div.toppageArea div.subcasterAreaWrapper{
	width: 100%;
	padding: 4% 3% 1%;
	background: #fff;
	box-sizing: border-box;
}
div#program_contents div.toppageArea div.subcasterArea h3{
	margin-bottom: 8%;
	font-size: 40px;
	font-weight: 600;
	text-align: center;
	letter-spacing: 0.12em;
}
div#program_contents div.toppageArea div.subcasterArea h3::after{
	width: 58px;
	height: 6px;
	content: "";
	bottom:0;
	margin:0 auto;
	margin-top: 34px;
	background-image: linear-gradient(90deg, rgba(181, 0, 7, 1), rgba(255, 19, 33, 1));
	display: block;
}
div#program_contents div.toppageArea div.subcasterBoxArea{
	width: 100%;
	margin-bottom: 3.5%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
div#program_contents div.toppageArea div.subcasterBox{
	width: 49%;
	max-width: 565px;
	position: relative;
	display: block;
}
div#program_contents div.toppageArea div.subcasterBox a{
	width: 100%;
	text-decoration: none;
	display: block;
}
div#program_contents div.toppageArea div.subcasterBox p.cast_name{
	width:60%;
	margin:auto;
	top:50%;
	right:0;
	transform:translate(0,-50%);
	z-index: 999;
	color: #fff;
	font-size: 27px;
	font-weight: 500;
	text-align: center;
	position: absolute;
	display: block;
}
div#program_contents div.toppageArea div.castBox{
	width: 100%;
	height: 0;
	padding-top: 47%;
	border-radius: 15px;
	position: relative;
	box-sizing: border-box;
}
div#program_contents div.toppageArea div.cast01_Box{
	background: url("../img/toppage/subcast2025_1.png")20% 22% no-repeat;
	background-size: 120%;
}
div#program_contents div.toppageArea div.cast02_Box{
	background: url("../img/toppage/subcast2025_2.png")20% 22% no-repeat;
	background-size: 120%;
}
div#program_contents div.toppageArea div.cast03_Box{
	background: url("../img/toppage/subcast2025_3.png")20% 22% no-repeat;
	background-size: 120%;
}
div#program_contents div.toppageArea div.cast04_Box{
	background: url("../img/toppage/subcast2025_4.png")20% 22% no-repeat;
	background-size: 120%;
}
div#program_contents div.toppageArea div.cast05_Box{
	background: url("../img/toppage/subcast2025_5.png")20% 22% no-repeat;
	background-size: 120%;
}

@media screen and (max-width: 767px) {
div#program_contents div.toppageArea div.subcasterArea h3{ margin-bottom:10%; }
div#program_contents div.toppageArea div.subcasterBoxArea{ margin-bottom:0; flex-direction:column; }
div#program_contents div.toppageArea div.subcasterBox{ width:100%; max-width:767px; margin-bottom:3.5%; }
}
@media screen and (max-width: 479px) {
div#program_contents div.toppageArea div.subcasterAreaWrapper{ padding:10% 3%; }
div#program_contents div.toppageArea div.subcasterArea h3{ font-size:27px; margin-bottom:60px; }
div#program_contents div.toppageArea div.subcasterArea h3::after{ width:45px; height:4px; margin-top:22px; }
div#program_contents div.toppageArea div.subcasterBox p.cast_name{ font-size:19px; }
}


/*///////////////////*/
/*      SNS AREA     */
/*///////////////////*/

div#program_contents div.snsAreaWrapper{
	width: 100%;
	padding: 3% 3%;
	background: #fff;
	box-sizing: border-box;
}
div#program_contents div.snsArea h3{
	margin-bottom: 6%;
	font-size: 40px;
	font-weight: 600;
	text-align: center;
	letter-spacing: 0.12em;
}
div#program_contents div.snsArea h3::after{
	width: 58px;
	height: 6px;
	content: "";
	bottom:0;
	margin:0 auto;
	margin-top: 34px;
	background-image: linear-gradient(90deg, rgba(181, 0, 7, 1), rgba(255, 19, 33, 1));
	display: block;
}
div#program_contents div.snsBoxArea{
	width: 100%;
	margin: 0 auto;
	margin-bottom: 3.5%;
}
div#program_contents div.snsBoxArea ul{
	margin:0 auto;
	list-style: none;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(120px, 120px));
    gap: 50px;
    justify-content: center;
}
div#program_contents div.snsBoxArea li.snsBox{
	/*padding: 0 2.5%;*/
	margin-bottom: 8%;
	text-align: center;
	box-sizing: border-box;
	display: block;
}
div#program_contents li.snsBox a{
	color: #494645;
	text-decoration: none;
	display: block;
}
div#program_contents li.snsBox a p{
	width: 117px;
	margin-top: 14px;
	font-size: 18px;
}
div#program_contents li.snsBox img{
	width: 98px;
	margin:0 auto;
	padding:0;
	display: block;
}

@media screen and (max-width: 767px) {
div#program_contents div.snsBoxArea{ width:100%; }
div#program_contents div.snsArea h3{ margin-top:7%; margin-bottom:10%; }
div#program_contents div.snsBoxArea ul{ grid-template-columns: repeat(auto-fit, minmax(90px, 90px)); gap:20px; }
div#program_contents li.snsBox{ /*padding: 0 2%;*/ }
div#program_contents li.snsBox a p{ width:95px; font-size:14px; }
div#program_contents li.snsBox img{ width:79px; }
}
@media screen and (max-width: 479px) {
div#program_contents div.snsBoxArea{ padding: 0 2% 8%; box-sizing:border-box; }
div#program_contents div.snsArea h3{ font-size:27px; margin-bottom:50px; }
div#program_contents div.snsArea h3::after{ width:45px; height:4px; margin-top:22px; }
}


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

div#program_contents div.footerAreaWrapper{
	width: 100%;
	height: 284px;
	padding-top: 20.79%;
	background: url("../img/common/footer_bg.png")0 0 no-repeat;
	background-size: cover;
	position: relative;
	box-sizing: border-box;
}
div#program_contents div.footerArea{
	width: 100%;
	height: 100%;
	padding: 3% 5%;
	top:0;
	position: absolute;
	box-sizing: border-box;
}
div#program_contents div.footerBoxArea{
	height: 100%;
	margin:0 auto;
	display: flex;
}
div#program_contents div.footerBox_l{
	width: 40%;
	color: #fff;
	display: flex;
	align-items: center;
}
div#program_contents div.footerBox_l img{
	width: 100%;
	max-width: 340px;
	margin:0;
	padding:0;
	display: block;
}
div#program_contents div.footerBox_r{
	width: 55%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
div#program_contents div.footerBox_r img{
	width: 98px;
	padding:0;
	margin: 0 20px;
	vertical-align: middle;
	display: inline-block;
}
div#program_contents div.footerBox_r div.x_box{
	margin-right: 5%;
}
div#program_contents div.footerBox_r div.x_box,
div#program_contents div.footerBox_r div.mail_Box{
	width: auto;
	/*margin-right: 40px;*/
	text-align: center;
}
div#program_contents div.footerBox_r div.x_box a,
div#program_contents div.footerBox_r div.mail_Box a{
	color: #fff;
	text-decoration: none;
}
div#program_contents div.footerBox_r div.x_box p{
	/*width: 120px;*/
	font-size: 18px;
	font-weight: 500;
	vertical-align: middle;
	display: inline-block;
}
div#program_contents div.footerBox_r div.mail_Box p{
	/*width: 40px;*/
	font-size: 18px;
	font-weight: 500;
	vertical-align: middle;
	display: inline-block;
}

@media screen and (max-width: 960px) {
div#program_contents div.footerBox_{ width:40%; }
div#program_contents div.footerBox_l img{ max-width:240px; }
div#program_contents div.footerBox_r{ width:60%; }
div#program_contents div.footerBox_r img{ width:80px; }
div#program_contents div.footerBox_r div.x_box p{ font-size:12px; }
div#program_contents div.footerBox_r div.mail_Box p{ font-size:12px; }
}
@media screen and (max-width: 767px) {
div#program_contents div.footerBox_l{ width:50%; }
div#program_contents div.footerBox_r{ padding-left:5%; box-sizing:border-box; }
div#program_contents div.footerBox_r div.x_box,
div#program_contents div.footerBox_r div.mail_Box{ margin:0; display:flex; flex-direction:column; }
div#program_contents div.footerBox_r div.x_box p,
div#program_contents div.footerBox_r div.mail_Box p{ font-size:12px; }
}
@media screen and (max-width: 479px) {
div#program_contents div.footerAreaWrapper{ height:294px; background: url("../img/common/footer_bg.png")39% 0 no-repeat; background-size:cover; }
div#program_contents div.footerBoxArea{ flex-direction:column; }
div#program_contents div.footerArea{ padding:10% 10% 2%; }
div#program_contents div.footerBox_l{ width:100%; }
div#program_contents div.footerBox_l img{ max-width:240px; }
div#program_contents div.footerBox_r{ width:100%; height:100%; padding:0; justify-content:space-around; }
div#program_contents div.footerBox_r div.x_box,
div#program_contents div.footerBox_r div.mail_Box{ width:50%; flex-direction:column; }
div#program_contents div.footerBox_r div.x_box p,
div#program_contents div.footerBox_r div.mail_Box p{ width:100%; margin-top:10px; }
}


/*///////////////////*/
/*  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*/


/*///////////////////*/
/*  CAST PAGE  */
/*///////////////////*/
div#program_contents div.castpageAreaWrapper {
	width: 100%;
	padding: 5% 3% 10%;
	box-sizing: border-box;
}
div#program_contents div.castpageArea {
	width:100%;
	margin-top: 0;
	padding: 5% 5% 5%;
	text-align: left;
	border-radius: 17px;
	background: #fff;
	box-sizing: border-box;
}
div#program_contents div.pageTitle{
	margin-bottom: 80px;
}
div#program_contents div.pageTitle h1{
	font-size: 58px;
	font-weight: 600;
	line-height: 0.7em;
	text-align: left;
}
div#program_contents div.pageTitle h1 span{
	margin-top: -8px;
	margin-left: 40px;
	font-size: 27px;
	font-weight: 500;
	vertical-align: middle;
	display: inline-block;
}
div#program_contents div.profileBox {
	margin-bottom: 100px;
	display: flex;
	justify-content: space-between;
}
div#program_contents div.profileBox div.left{
	width: 45%;
	height: 45%;
	/*background: linear-gradient(to right, #cc0000, #990000);*/
    overflow: hidden;
	position: relative;
}
div#program_contents div.profileBox div.left .portrait{
	width: 100%;
	max-width: 416px;
	height: 100%;
	max-height: 416px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100%;
	z-index: 9;
	position: relative;
	display: block;
}
div#program_contents div.profileBox div.left img.portrait_dammy{
	width:100%;
	max-width: 416px;
	height: 100%;
	max-height: 416px;
	top:0;
	left:0;
	z-index:999;
	position: relative;
	display: block;
}
div#program_contents div.profileBox div.right{
	width: 51%;
	padding-top: 10px;
	box-sizing: border-box;
}
div#program_contents div.profileBox div.right p.tantou{
	color: #e50013;
	font-size: 18px;
	font-weight: 500;
}
div#program_contents div.profileBox div.right p.profile_name{
	font-size: 40px;
	font-weight: 600;
}
div#program_contents div.profileBox div.right p.profile_name::before{
	width: 17px;
	height: 17px;
	margin-top: -1.5%;
	margin-right: 20px;
	content: '';
	vertical-align: middle;
	background: linear-gradient(to right, #b50007, #ff1321);
	display: inline-block;
}
div#program_contents div.profileBox div.right p.profile_name span{
	margin-left: 30px;
	font-size: 18px;
	font-weight: 400;
}
div#program_contents div.profileBox div.right p.profile_name.patrick span{
	margin-left: 0;
	font-size: 18px;
	font-weight: 400;
	display: block;
}
div#program_contents div.profileBox div.right p.profile_des{
	margin-top: 20px;
	font-size: 18px;
	font-weight: 400;
}

@media screen and (max-width: 960px) {
div#program_contents div.profileBox div.right p.tantou{ font-size:14px; }
div#program_contents div.profileBox div.right p.profile_name{ font-size:28px; }
div#program_contents div.profileBox div.right p.profile_name::before{ width:11px; height:11px; margin-top:-1%; margin-right:14px; }
div#program_contents div.profileBox div.right p.profile_name span{ margin-left:20px; font-size:14px; }
div#program_contents div.profileBox div.right p.profile_name.patrick span{ font-size:14px; }
div#program_contents div.profileBox div.right p.profile_des{ font-size:14px; }
}
@media screen and (max-width: 767px) {
div#program_contents div.castpageArea { padding: 9% 5% 5%; }
div#program_contents div.profileBox { margin-bottom:14%; flex-direction:column; }
div#program_contents div.profileBox div.left{ width:100%; max-width:308px; margin:0 auto; }
div#program_contents div.profileBox div.right{ width:100%; margin-top:26px;}
}
@media screen and (max-width: 479px) {
div#program_contents div.castpageArea { padding: 14% 5% 5%; }
div#program_contents div.pageTitle{ margin-bottom:70px; }
div#program_contents div.pageTitle h1{ font-size:34px; }
div#program_contents div.pageTitle h1 span{ font-size:14px; margin-left:15px; }
div#program_contents div.profileBox div.right p.profile_name::before{ margin-right:10px; }
div#program_contents div.profileBox div.right p.profile_name.patrick{ font-size:24px; }
}


/*///////////////////*/
/*   ARCHIVE PAGE    */
/*///////////////////*/
div#program_contents div.archiveAreaWrapper {
	width: 100%;
	padding: 4% 3% 11%;
	box-sizing: border-box;
}
div#program_contents div.archiveHead{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
div#program_contents div.archiveHead div.pageTitle{
	margin-left: 10px;
	margin-bottom: 0;
}

/*/// 放送日 ///*/
div#program_contents div.shitenmatomeArea{
	margin-top: 60px;
}
div#program_contents div.archivetodayArea div.todayBox{
	width: 100%;
	margin:0 auto;
	text-align: left;
}
div#program_contents div.archivetodayArea div.todayBox p{
	color: #324033;
	font-size: 38px!important;
	font-weight: 600!important;
	letter-spacing: 0.2em;
}
div#program_contents div.archivetodayArea div.todayBox p::before{
	width: 33px;
	height: 7px;
	content: "";
	top:0;
	bottom:0;
	margin-top: -3.2%;
	margin-left: -8%;
	margin-right: 5%;
	vertical-align: middle;
	background-image: linear-gradient(90deg, rgba(181, 0, 7, 1), rgba(255, 19, 33, 1));
	display: inline-block;
}
div#program_contents div.archivetodayArea div.todayBox p span{
	margin: 0 8px 0 5px;
	font-size: 75px;
	font-weight: 600;
}
div#program_contents div.shitenmatomeArea div.shitenArea{
	margin-top: 10px;
}
div#program_contents div.shitenmatomeArea div.matomeTitleBox img.matome_title_img{
	width: 50%;
	max-width: 166px;
	margin:auto;
	margin-top: 28%;
	margin-bottom: 14%;
	display: block;
}

/*SELECT BOX*/
div#program_contents div.selectArea{
	height: 76px;
	padding: 0 16px;
	box-sizing: border-box;
}
.cp_ipselect {
overflow: hidden;
width: 380px;
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: 600;
}
.cp_ipselect select::-ms-expand {
display: none;
}
.cp_ipselect.cp_sl01 {
position: relative;
border: 0.25px solid #454545!important;
border-radius: 8px;
background: #ffffff;
}
.cp_ipselect.cp_sl01::before {
position: absolute;
top: 1.7em;
right: 2.5em;
width: 12px;
height: 12px;
padding: 0;
content: '';
border: 0;
border-bottom: solid 2px #d80215;
border-right: solid 2px #d80215;
transform: rotate(45deg);
pointer-events: none;
}
.cp_ipselect.cp_sl01 select {
height: 76px;
padding: 8px 38px 4px 15px;
color: #000;
font-size: 23px!important;
}

@media screen and (max-width: 960px) {
div#program_contents div.selectArea{ width:262px; height:66px; margin-top:52px; margin-bottom:50px; }
div#program_contents div.shitenmatomeArea div.matomeTitleBox img.matome_title_img{ width:50%; max-width:136px; margin-top:25%; margin-bottom:12%; }
.cp_ipselect { width:262px; }
.cp_ipselect.cp_sl01::before { top:1.7em; right:2.5em; width:8px; height:8px; }
.cp_ipselect.cp_sl01 select { height:66px; font-size:15px!important; }
}
@media screen and (max-width: 767px) {
div#program_contents div.archiveAreaWrapper { padding: 2.5% 3% 16%; }
div#program_contents div.archiveHead{ margin-top:5%; display:block; }
div#program_contents div.archiveHead div.pageTitle h1{ text-align:left; }
div#program_contents div.shitenmatomeArea{ margin-top:40px; }
div#program_contents div.archivetodayArea div.todayBox p::before{ width:33px; height:7px; margin-top:-4.6%; margin-left:-8%; margin-right:2%; }
div#program_contents div.selectArea{ height:52px; margin-right:auto; margin-left:auto; }
div#program_contents div.shitenmatomeArea div.matomeTitleBox img.matome_title_img{ width:50%; max-width:146px; margin-top:7%; margin-bottom:6%; }
div#program_contents div.archivematomeArea { padding-bottom:8%; box-sizing:border-box; }
.cp_ipselect.cp_sl01::before { top:1.2em; right:2.0em; width:8px; height:8px; }
.cp_ipselect.cp_sl01 select { height:52px; }
}
@media screen and (max-width: 479px) {
div#program_contents div.archiveHead{ margin-top:7%; }
div#program_contents div.archiveHead div.pageTitle h1{ font-size:33px; }
div#program_contents div.archiveHead div.pageTitle h1 span{ font-size:15px; }
div#program_contents div.archivetodayArea div.todayBox p{ font-size:23px!important; letter-spacing:0em; }
div#program_contents div.archivetodayArea div.todayBox p span{ margin: 0 8px 0 5px; font-size:45px; }
div#program_contents div.archivetodayArea div.todayBox p::before{ width:33px; height:7px; margin-top:-4.6%; margin-left:-13%; margin-right:2%; }
div#program_contents div.selectArea{ margin-top:40px; margin-bottom:20px; }
div#program_contents div.shitenmatomeArea div.matomeTitleBox img.matome_title_img{ width:79px; margin-top:7%; margin-bottom:6%; }
}