@charset "utf-8";
/*--------------------------------------------------------*/
/*リセット*/
html ,*{box-sizing: border-box;margin:0;padding:0;border:0;scroll-behavior: smooth;}
.hack:after {content: " ";display: block;visibility: hidden;clear: both;height: 0.1px;font-size: 0.1em;line-height: 0;}
* html .hack { display: inline-block; }
img,.img_copy_guard{ pointer-events: none;-webkit-touch-callout:none;-moz-touch-callout:none;touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;}
/*メイン*/
h1,h2,h3,h4,h5,h6,p,span,table,a,img,dl,dt,dd,ul,li,ol,iframe,nav{
border:none;
background:transparent;
font-size:100%;
font-weight:normal;
margin:0;
padding:0;
vertical-align:baseline;
}
ol, ul{list-style:none; list-style-type:none;}
.onlyPc {display: block !important;}
.onlySp {display: none !important;}
/*--------------------------------------------------------*/
html { overflow-y:scroll; }
body{
background: #eee;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
width:100%;
}

/*--------------------------------------------------------*/
#all{
width:100%;
}
#wrapper{
margin:0 auto;
width:960px;
}
/*--------------------------------------------------------*/
/*--パンくず--*/
.panlist{
color: #666;
font-size: 0.8em;
margin: 1%;
text-align: left;
}
/*--SNS--*/
.sns_aria img{
height:40px;
width:40px;
}
/*--------------------------------------------------------*/
/*--ヘッダー--*/
#header{
height:100px;
}
#portal_title{
display: flex;
flex-wrap: wrap;
margin: 1% 0 0;
}
#portal_title h1{
color: #000;/* 各CSSにて設定 */
font-weight: bold;
width: 555px;
}
#portal_title h1 span:nth-child(1){
font-size: min(2.0em, 6vw);
font-weight: bold;
padding: 0.5% 0 0;
text-align: left;
position: relative;
padding-left: min(50px, 12vw);
height: min(50px, 12vw);
}
#portal_title h1 span:nth-child(2){
display: block;
font-size: min(1.2rem, 3.8vw);
font-weight: bold;
padding: 5px;
text-align: right;
width: 93%;
}
.header_right{
float:right;
margin: 0;
text-align:right;
width:395px;
}
.google_search{
background-color:none;
padding: 10px 0 0;
}
#portal_header {
margin: 0 auto;
/*min-height: 170px;*/
width: 960px;
}

/* g_search ************************************************************/
#g_search{
margin: 0 0 8px;
padding: 2px 0 0;
width:100%;
}
#g_search .g_search_in{
display:block;
margin:0 auto;
width:96%;
}
.gsc-control-cse,.cse .gsc-control-cse, .gsc-control-cse {
border:none;
border-color: transparent !important;
background-color: transparent !important;
}
.cse .gsc-control-cse, .gsc-control-cse {
padding:0 !important;
}
/*--------------------------------------------------------*/
/*-- メインコンテンツ --*/
#contents{
margin:0 auto;
padding: 18px 0 15px;
width: 960px;
}
.day_box{
column-gap:4px;
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: grid;
-webkit-box-lines:multiple;-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
grid-template-columns:repeat(5,1fr);
margin-bottom: 40px;
}

/*-- 曜日 --*/
h3{
background: white;
font-size: 100%;
margin-bottom: 4px;
padding-bottom:3px;
}
.day-mon_fri,.day-mon_sun,.day-other,.day-sat,.day-fri,.day-thu,.day-wed,.day-tue,.day-mon,.day-sun{ padding:8px 0 8px 15px; }
h3 .week_title{ font-size: 130%; }

/*--番組box--*/
.program_box{ padding: 8px 8px 16px; }
.program_box_a{
background-color:white;
box-sizing: border-box;
min-height: 200px;
margin:0 0 4px;
}
/*.program_box_a a{
display:block;
width:100%;
}*/
.program_box_a a:link,.program_box_a a:visited,.program_box_a a:hover{ text-decoration:none;}
.program_link{
display:block;
height: 100%;
width: 100%;
}
.icon_box{
display: flex;
flex-wrap: nowrap;
padding: 0 0 5px;
}
.mx_icon{
display: -webkit-box;
margin: 0 2% 0 0;
}
.mx_icon span{
font-size: 0.9rem;
font-weight: bold;
}
.mx_icon span.mx1 {
background: #c00;
border-radius: 5px;
color: white;
display: block;
padding: 1px 5px;
}
.mx_icon span.mx2 {
background: white;
border:solid 1px #c00;
border-radius: 5px;
color: #c00;
display: block;
padding: 1px 5px 0;
}
.bangumi_banner{
clear: both;
border: solid 1px #ddd;
line-height: 0;
margin-bottom: 5px;
}
.bangumi_banner img{ width: 170px;}
.bangumi_title{
font-weight:bold;
font-size: min(0.8em, 3.5vw);
line-height: 1.3;
margin-bottom:5px;
text-decoration:underline;
transform: rotate(0.05deg);
}
.oa_time{
color: #333;
font-size: 0.8em;
line-height: 1.3;
}
.remarks{
color: #d00;
font-size: min(0.75rem, 3.5vw);
font-weight: bold;
line-height: 1.3;
margin: 2% 0 0;
transition-duration: inherit;
transform: rotate(0.05deg);
}

/*-- TVer / Rチャンネル ------------------------------------------------------*/
.program_link{
height: auto!important;
}
.linkBtn {
background: white;
border: #ccc 1px solid;
border-radius: 15px;
box-sizing: border-box;
display: block !important;
margin: 0 auto 4px !important;
text-align: center;
width: 95% !important;
}
.linkBtn img {
margin: 1% 0 -3%;
}
.linkBtn img.vTver{
max-height: 30px;
max-width: 60%;
}
.linkBtn img.vRCh{
max-height: 30px;
max-width: 60%;
}

/*--------------------------------------------------------*/
/*--曜日リンクボタン--*/
.week_btn_box{
box-sizing: border-box;
display: flex;
min-height: 44px;
margin: 30px 0 16px;
overflow: hidden;
text-align: center;
width: 960px;
}
.week_btn_box a{
color: #494949 !important;
display: block;
height: 100%;
width: 100%;
}
.week_btn_box span{
display:block;
}
.week_btn_box li{
background-image: linear-gradient(0deg, rgba(198, 198, 198, 1), rgba(248, 248, 248, 1) 49%, rgba(255, 255, 255, 1) 50%);
box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.1);
border: solid 1px #ddd;
-moz-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.1);
font-size: min(1.1em, 4.0vw);
height: 45px;
width: 102px;
margin: 0 2.5px;
}
.week_btn_box li:hover{
opacity:0.7;
}
.week_btn_box li a{
line-height: 2.6;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 1),1px -1px 1px rgba(255, 255, 255, 1), -1px 1px 1px rgba(255, 255, 255, 1), -1px -1px 1px rgba(255, 255, 255, 1);
transform: rotate(0.05deg);
}
.week_btn_box li.btn_irregular a{
font-size: 0.85rem;
line-height: 3.2;
word-break: auto-phrase;
}
li.btn_mon_fri,li.btn_mon,li.btn_tue,li.btn_wed,li.btn_thu,li.btn_fri,li.btn_sat,li.btn_sun{
margin-right:3px;
}

/*--マルチチャンネルガイド ----------------------------*/
#guide_box_nm{
width: 100%;
}
#guide_box_nm .in_guide_box{
background-color: white;
border-top:dashed 1px #afafaf;
border-bottom:dashed 1px #afafaf;
float: none;
overflow: hidden;
position: relative;
width: 100%;
}
#guide_box_nm .guide_icon{
float:left;
min-height: 136px;
width:136px;
}
#guide_box_nm .guide_title{
font-size: 1.1em;
font-weight: bold;
letter-spacing: 2px;
margin: 26px 0 10px;
}
#guide_box_nm .guide_link{
text-align: right;
position: absolute;
bottom: 10px;
right: 20px;
}
/*--------------------------------------------------------*/
/*--アーカイブリンク--*/
.archive_link a {
background: white;
background: -moz-linear-gradient(top, white 0%, white 50%, #fefefe 51%, #eeeeee 51%, #eeeeee 100%);
background: -webkit-linear-gradient(top, white 0%, white 50%,#fefefe 51%,#eeeeee 51%,#eeeeee 100%);
background: linear-gradient(to bottom, white 0%, white 50%,#fefefe 51%,#eeeeee 51%,#eeeeee 100%);
border-top: solid 1px #ccc;border-left: solid 1px #ccc;
border-right: solid 2px #ccc;border-bottom: solid 2px #ccc;
display: block;
font-size: 0.9em;
line-height: 2.5;
text-align: center;
margin: 0 0 0 auto;
width: 200px;
}
.archive_link a:hover{ opacity:0.7; }
/*--------------------------------------------------------*/
/*--トップへ戻る--*/
#page_top {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 90;
}
/*#page_top a {
display: block;
width: 80px;
}*/
#page_top img{
object-fit: contain;
width: 100%;
}
#page_top a:hover { opacity:0.7; }
/*--------------------------------------------------------*/
/*--コピーライト--*/
.copy{
color:#333;
line-height: 4;
text-align: center;
}
.mx_copyright{ color:#333; line-height:1.5; }
/*--------------------------------------------------------*/
/*--フッター[PC]--*/
#footer{ margin:0 auto; text-align:center; }
.box_footer{ color:#333; padding: 15px 0 10px; text-align:center; width: 100%; }
/*--------------------------------------------------------*/

/*-- SNSボタン --------------------------------------------*/
#sns_button_sp{display: none;}
.sns_pc_none{display: none;}
.sns_sp_none{display: block;}
#sns_button_pc .btn_sns {margin-left: 5px;}
/*--------------------------------------------------------*/

/*-- ローディング---------------------------------------------*/
#loader{background-color:#fff; position:fixed;width:100%;height:100%;z-index: 100;}/*背景*/
.loader,.loader:before,.loader:after {
background: #aaa;
-webkit-animation: load1 1s infinite ease-in-out;
animation: load1 1s infinite ease-in-out;
height: 4em;
width: 1em;
top: 50%;
}
.loader {
color: #ccc;
text-indent: -9999em;
margin: auto;
position: relative;
font-size: 11px;
-webkit-transform: translateZ(0);-ms-transform: translateZ(0);transform: translateZ(0);
-webkit-animation-delay: -0.16s;animation-delay: -0.16s;
position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
}
.loader:before,.loader:after {
position: absolute;
top: 0;
content: '';
}
.loader:before {
left: -1.5em;
-webkit-animation-delay: -0.32s;animation-delay: -0.32s;
}
.loader:after {
left: 1.5em;
}
@-webkit-keyframes load1 {
	0%,80%,100% {
	box-shadow: 0 0;
	height: 4em;
	}
	40% {
	box-shadow: 0 -2em;
	height: 5em;
	}
	}
	@keyframes load1 {
	0%,80%,100% {
	box-shadow: 0 0;
	height: 4em;
	}
	40% {
	box-shadow: 0 -2em;
	height: 5em;
	}
}
/*--------------------------------------------------------*/

/* TAB  -------------------------------------------------- */
@media screen and (max-width:1260px) {

}
@media screen and (max-width:900px) {
	#wrapper{ width:100%; }
	#header{height: auto; margin: 0;}
	.onlyPc {display: none !important;}
	.onlySp {display: block !important;}
	/*--------------------------------------------------------*/
	#portal_header{
	width: 100%;
	}
    #portal_title h1 {
    margin: 2% auto;
    max-width: 640px;
    width: 95%;
	}
	#portal_title h1 span:nth-child(1){
	line-height: 2.0;
	}
	#portal_title h1 span:nth-child(2){
	width: 100%;
	}
	#portal_title .header_right{
	display: none;
	}
	/*-- メインコンテンツ --*/
	#contents{
	width:100%;
	}
	.day_box{
	column-gap:3px;
	grid-template-columns:repeat(2,1fr);
	padding: 0 3px;
	}
	/*--曜日リンクボタン--*/
	#categoryWeekLink_top {
	min-height: 50px;
	}
	.week_btn_box{
	box-sizing: border-box;
	margin: 3% auto;
	width: 98%;
	}
	.week_btn_box span{ display:block; }
	.week_btn_box li{
	margin: 0 auto;
	}
	.week_btn_box li:active{
	opacity:0.5;
	}
	.week_btn_box li.btn_mon_fri a{
	line-height: 2.2;
	font-size: 70%;
	padding: 0.5rem 0 0;
	}
	.week_btn_box li.btn_irregular a{
	line-height: 1.2;
    font-size: 70%;
    padding: 0.5rem 0 0;
	}
	li.btn_mon_fri,li.btn_mon,li.btn_tue,li.btn_wed,li.btn_thu,li.btn_fri,li.btn_sat,li.btn_sun{
	border-right: solid 1px #ddd;
	box-sizing: border-box;
	line-height: 1.5;
	margin-right: 0.4px;
	}

	/*-- 番組box --------------------------------------------*/
	.program_box_a{
	font-size: min(1.2rem, 4.5vw);
	margin:0 0 3px;
	}
	.bangumi_banner img{
	width:100%;
	}
	.linkBtn img {
	margin: 1% 0 -1%;
	}
	.mx_icon span{
	font-size: min(1.5rem, 4.0vw);
	padding: 1% 10px;
	}
	.remarks{
	font-size: 0.85rem;
	}

	/*-- マルチチャンネルガイド --------------------------------------------*/
	#guide_box_nm{
	margin-bottom: 3%;
	width:100%;
	}
	#guide_box_nm .guide_icon{
	min-height: 100px;
	max-width:136px;
	width:25%;
	}
	#guide_box_nm .guide_icon img{width:100%;}
	#guide_box_nm .guide_title{
	font-size: 2.5vw;
	margin: 1.0rem 0 0;
	}
	#guide_box_nm .guide_title img {
	width: 58%;
	max-width: 180px;
	}
	#guide_box_nm .guide_text{
    font-size: min(1.2em, 3.5vw);
    line-height: 1.6;
    padding: 1% 0 0 0;
    width: 100%;
    word-break: keep-all;
	}
	#guide_box_nm .guide_link{
	font-size: min(1.2em, 3.5vw);
	}
	#page_top {
	width: 20%;
	}

	/*-- SNSボタン --------------------------------------------*/
	#sns_button_sp{
	display: block;
	padding: 3% 0;
    text-align: center;
	}
	.sns_aria {
    margin: 0 2px;
	}
	.sns_aria img {
    height: 50px;
    width: 50px;
	}
	.sns_pc_none{display: block;}
	.sns_sp_none{display: none;}
}