@media print{.header, .header_sp, .navi, .weather_info_sp, .search, .footer_sp, .footer{display:none;}} 

.header{	width:1050px;margin:0 auto;}
.wrap{	width:100%;	margin-bottom:-4px;}


img{
	vertical-align:bottom;
	width:100%;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline: none;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
	font-family: '���S�V�b�N��', 'Yu Gothic', YuGothic, '�q���M�m�p�S�V�b�N Pro', 'Hiragino Kaku Gothic Pro', '���C���I', Meiryo, Osaka, '�l�r �o�S�V�b�N', 'MS PGothic', sans-serif;
	margin:0;padding:0;
	font-size:18px;
	line-height:1.8em;
	color:#4c483c;
	font-weight: 450;
	background-color:#fff;
}


a {
	color: inherit;
	text-decoration: none;
	transition: all 0.3s;
}

a:hover  {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

img {
	height: auto;
	width: auto;
	max-width: 100%;
	line-height: 100%;
	vertical-align: middle;
}


span.txbr{display: inline-block;}

.small{font-size:0.8em;line-height:1.0em;}
.bold{font-weight:bold;}
.btm_space{margin-bottom:15px;}
.red{color:#EE0000;}


.txt_line_link{
	background-image: linear-gradient(rgba(0, 0, 0, 0) 50%, rgba(201, 215, 229, 1) 50%);
	background-position: 0 0%;
	background-size: auto 200%;
	transition: .3s;
	color:#578fc6;
}
.txt_line_link:hover{
	background-position: 0 100%;
	color: #475777;
}

p.indent {
	padding-left:1em;
	text-indent:-1em;
	padding-bottom:5px;
}


.material-icons{
	margin-bottom:10px;font-size:1em;
	display: inline-flex;
	vertical-align: middle;
}

/*------------------------------------------
�^�C�g�����Asp�p�T�u���j���[
------------------------------------------*/
.right_icon{
	display: none;
}

/*------�g�b�v�ɖ߂�{�^��-----*/
.pagetop {
	position: fixed;
	bottom: 90px;
	right: 10px;
	z-index:99;
	font-weight:bold;

	border-radius:50%;
}

.pagetop a {
	display: block;
	text-align: left;
	color: #222;
	text-decoration: none;
	padding: 0;
	color:#FFFFFF;
	transition: all 0.3s;
}

.pagetop a:hover  {
	color: #ffff00;

	padding:0 0 10px 0;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.6;
	/*transform: rotateZ( 360deg );*/
}

/*------�g�b�v�ɖ߂�{�^��-----*/

/*------�E���`�P�b�g�{�^��-----*/
.root {
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index:99;
	font-weight:bold;

}

.root a {
	display: block;
	text-align: left;
	color: #222;
	text-decoration: none;
	padding: 0;
	color:#FFFFFF;
	transition: all 0.3s;
}

.root a:hover  {
	color: #ffff00;
	padding:0 0 10px 0;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.6;
}

/*------�g�b�v�ɖ߂�{�^��-----*/
h1{
	font-weight:normal;
	/*font-family: 'RocknRoll One', sans-serif;*/font-size:2.5em;color:#000000;margin-bottom:10px;text-align:center;
}

/*------------------------------------------
���C���摜
------------------------------------------*/

#main_v {
	max-height:600px;
	min-height:280px;
	background:url(https://025.teny.co.jp/theme/special/24tv-niigata/img/main_bg.webp);
}
.title {
	max-width:1200px;
	margin:0 auto;
	text-align:center;
}

.title img {
	max-height:600px;
}

#main{
	margin-top:20px;
	background-color:#fff;
}

#stamp{padding:20px;}
#catch {padding:20px;}
#event {padding:20px;}
#tv {padding:20px;background:#ffea3a;}
#article {padding:20px;}
#access {padding:20px;}
#catch, #event div, #tv div, #article div, #access div { max-width:1200px; margin:0px auto;}

/*#catch div { text-align:center;}*/
#catch p.text {color:#333;font-size:15px;font-weight:bold;}


.text_box_inner{
	width:100%;max-width:700px;margin:0 auto;
}


/*-------------------------------------------
�g�b�v�y�[�W���m�点
--------------------------------------------*/
.notice_box {
	position: relative;
	margin: 2em 0;
	padding: 0.5em 1em;
	width:90%;max-width:800px;margin:0 auto;
	margin-top:50px;
	box-sizing:border-box;
}
.notice_box .notice-title {
	position: absolute;
	display: inline-block;
	top: -47px;
	left: -3px;
	padding: 0 19px;
	height: 45px;
	line-height: 45px;
	color: #ffffff;
	font-weight: bold;
	border-radius: 5px 5px 0 0;
	font-size:1.3em;
}
.notice_box div {
	margin: 0; 
	padding: 0;
	box-sizing:border-box;padding:0.5em 1em;
}

.cancel_color{border: solid 3px #d30000;background-color:#ffefef;}
.cancel_bg{background: #d30000;}
.notice_color{border: solid 3px #3b8b9b;background-color:#f7fffc;}
.notice_bg{background: #3b8b9b;}


/*-------------------------------------------
#event
------------------------------------------*/
.event_box {
    display: flex;
}

.image-wrap img {
    height: 225px;
}

.event_box_grid{
	display:grid;display:grid;grid-template-columns: 1fr 1fr 1fr;
	width:100%;margin:0 atuo;
}
.event_box_grid div{overflow:hidden;position:relative;}

.event_box_grid .mask {
	width: 100%;
/*	height: 16%;*/
	position: absolute;
	bottom: 0;
	left: 0;
	opacity: 0;
	background-color: rgba(255,235,60,0.9);
	-webkit-transition:	all 0.3s ease;
	transition:	all 0.3s ease;
}
.event_box_grid div:hover .mask {
	opacity: 1;
	padding-left:10px;
	padding-bottom:	0px;
}
.event_box_grid .caption {
	font-size: 130%;
	font-size:clamp(14px, 2vw, 23px);


	text-align:	center;
	padding-bottom:	0px;
	padding-left:0px;
	color: #000;
	font-weight:bold;
}

.e_sub { font-size:32px;font-weight:bold; text-align:center;}

.e_sub {
  position: relative;
  line-height: 1.4;
  padding:0.25em 1em;
  display: inline-block;
  top:0;
  margin:0 auto 20px;
}

.e_sub:before, .e_sub:after { 
  position: absolute;
  top: 0;
  content:'';
  width: 8px;
  height: 100%;
  display: inline-block;
}
.e_sub:before {
  border-left: solid 1px black;
  border-top: solid 1px black;
  border-bottom: solid 1px black;
  left: 0;
}
.e_sub:after {
  content: '';
  border-top: solid 1px black;
  border-right: solid 1px black;
  border-bottom: solid 1px black;
  right: 0;
}

.e_sub_a {font-size:16px;background:#ffea3a;border-radius:16px;padding:10px;font-weight:bold; }
.e_sub_a:hover {background:#fe0000;color:#fff; }



/*-------------------------------------------
#tv
------------------------------------------*/
#tv .tv_box{
    display:flex;
	background:#fff;
	margin:20px 0;
}

.tv_img img{
	width:100%;
}

.tv_text{
    width:63%;
    margin: 20px;
	padding:20px;
}


/*------------------------------------------
#article
------------------------------------------*/
.features {
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* margin: 0 0 2em 0; */
    justify-content: space-between;
    /*gap: 2em 1.4em;*/
    padding: 30px 10px;
}

.features article {
    /*padding: 1.75em 1.5em 0.1em 1.5em;*/
    border-radius: 5px;
    /*width: calc(28% - 0.647em);*/
    width: calc(95% / 3);
	margin-bottom:20px;
}

.features article .image {
    border-radius: 5px;
    display: block;
    /* margin-bottom: 1.5em; */
    /* margin-left: -1.5em; */
    /* margin-top: -1.75em; */
    position: relative;
    /* width: calc(100%); */
    overflow: hidden;
    /* height: 250px; */
}

.features p {
    margin: 5px 0;
    color: #555;
    font-weight: bold;
    font-size: 18px;
    text-align: left;
    line-height: 1.4em;
}


/*------------------------------------------
schedule
------------------------------------------*/
#tab_grid{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:15px;
}

#tab_grid div{
	background:#ffea3a;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, .16);

	border-radius:9999px;
	padding:15px 10px;
	font-weight: 700;

	text-align: center;
	cursor: pointer;
}


#tab_grid div.show {
	background:#fe0000;
	color:#fff;
}



.tab_wrap{
  background-color: #fff;
}

.tab_wrap>ul {
	display: flex;
    flex-wrap: wrap;
    gap: 10px 0;
    justify-content: space-between;
}

.tab_wrap > ul > li {
    width: calc(94% / 3);
	padding:5px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    min-height: 50px;
    margin: 0;
    font-weight: 700;
    text-align: center;
    background: #ffea3a;
    border-radius: 50px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .16);
    cursor: pointer;
}

.tab_wrap > ul > li:nth-child(4), .tab_wrap > ul > li:nth-child(5) {
	flex: 1 1;
}

.tab_wrap > ul > li.show {
	background:#fe0000;
	color:#fff;
}

.tab-contents {
  display: none;
}
 
.tab-contents.show {
  display: block;
  padding: 10px;
}

.tab-contents > table {
    position: relative;
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
    margin: 0 0 50px;
	border-spacing: 0;
}

.tab-contents > table tr th {
    width: 30%;
    border: 2px solid #FFF;
    vertical-align: middle;
    font-size: 18px;
	background:#f9f9f9;
}

.tab-contents > table tr td {
    width: 70%;
    padding: 20px 35px;
    font-size: 14px;
    line-height: 20px;
    background: #EAF6FF;
    border: 2px solid #FFF;
    vertical-align: middle;
	text-align: left;
	font-weight:bold;
}


.schedule_grid{
	display:grid;
	grid-template-columns:30% 1fr;
	gap:2px;
	margin:0 auto 50px auto;
	text-align:left;
}
.schedule_grid div{background-color:#eaf6ff;padding:20px 35px;box-sizing:border-box;font-weight:bold;font-size:14px;text-align:left;}
.schedule_grid>.time{
	background-color:#F9F9F9;
	display: grid;
	place-content: center;
	place-items: center;
	font-size:18px;
}

.schedule_grid .bg_yellow{background: #ffee3c;color: #333;font-size:18px;text-align:center;place-content: center;place-items: center;}
.schedule_grid .bg_white{background: #fff;color:#ff0000;}
.schedule_grid .schedule_span{
	grid-column: 1 / span 2;
	background: #eaf6ff;font-size:14px;text-align:center;
}

.schedule_grid img{
	width:100%;max-width:400px;
}

/*
.schedule_grid .owarai{
	display:grid;grid-template-columns:1fr 1fr 1fr; width:100%;padding:0;
}
*/
.schedule_grid .owarai {display:flex;width:100%;}
.schedule_grid .owarai div{padding:0;padding:0;}

.schedule_grid .event_plus{
	padding:0;color:#1046ce;
}

.event_presents{
	display: grid;grid-template-columns:auto auto;gap:10px;
	place-content: center;
	place-items: center;
}

.schedule_grid img{
	width:100%;max-width:400px;
}

/*-------------------------------------------
#access
------------------------------------------*/
#access .access_box{
    display:flex;
	background:#fff;
	margin:0 0 80px;
}

.access_place {
	text-align:center;margin-top:20px;
}

.access_img img{
	width:100%;
}

.access_map{
    width:63%;
    margin: 0px;
	padding:0px;
}

.access_text {
	font-size:16px;
}


/*------------------------------------------
���ڃ^�C�g��
------------------------------------------*/
h1{padding:20px 0;margin: 1em 0;}


h2 {
    position: relative;
    display: inline-block;
	width:100%;
    margin-bottom: 1.4em;
    border-bottom: 6px dotted #ffd95a;
    font-size: 24px;
    color: #333;
    font-weight: bold;
	padding:20px 0;
}

h2 span.icon {
    background: url(https://025.teny.co.jp/theme/special/24tv-niigata/img/24h_icon.png);
    width: 40px;
    height: 41px;
    display: block;
    margin: -5px 10px 0 0px;
    float: left;
}

/*------------------------------------------
fotter
------------------------------------------*/

footer{
	display:grid;
	color:#333;
	background-color:#ffea3a;

}

#footer_inner{
	display:grid; grid-template-columns: 120px 1fr;width:90%;max-width:1000px;margin:2em auto;
}

#footer_inner div:nth-child(odd){padding-right:1em;}
#footer_copy{font-size:0.8em;text-align:center;padding:20px;font-weight:bold;}





@media (min-width: 0px) and (max-width: 850px) {
/*@media screen and (max-width: 850px) {*/
	.common_header{
		font-size:0.8em;
	}

	.features article {
    	/*padding: 1.75em 0.5em 0.1em 0.5em;*/
    	border-radius: 5px;
    	width: calc(94% / 2);
	}

/*	.tab_wrap > ul > li {
    	width: calc(92% / 3);
	}

	.tab-contents > table tr th {
		display:block;
    	width: 100%;
		padding:5px;
		text-align:left;
	}

	.tab-contents > table tr td {
		display:block;
    	width: 100%;
		padding:5px;
		text-align:center;
	}

	.tab-contents > table {
    	width: 96%;
	}
*/
	#catch .e_sub { font-size:20px;font-weight:bold; text-align:center;}





.schedule_grid .bg_yellow{grid-column: 1 / span 2;}
.schedule_grid .bg_white{grid-column: 1 / span 2;}
.schedule_grid .schedule_span{grid-column: 1 / span 2;background: #eaf6ff;font-size:14px;}


.schedule_grid div{padding:10px 15px;font-size:14px;text-align:left;}
.schedule_grid>.time{
	font-size:14px;
	padding:10px;
	text-align:center;
}





	.access_place > .e_sub { font-size:18px; }
	#access .access_box{
    	display:block;
	}

	.access_map { width:100%; }
}



@media (min-width: 769px) {
	.original_pc { display:visible; }
	.original_sp { display:none; }
}




@media (min-width: 0px) and (max-width: 768px) {
	.menu_open{display:block;}

	#main_v {
		max-height:600px;
		min-height:180px;
		background:url(https://025.teny.co.jp/theme/special/24tv-niigata/img/main_bg.webp);
	}

	#footer_inner{grid-template-columns: 1fr;width:80%;}
	#footer_inner div:nth-child(even){padding-bottom:1em;}
	#footer_inner div:nth-child(odd){border-bottom:1px solid #FFF;}

	.original_pc { display:none; }
	.original_sp { display:visible; }



	.event_box_grid{
		grid-template-columns: 1fr 1fr;
	}



	.title img {
		margin-top:50px;
	}

	#catch .text {font-size:14px;}


	#tv .tv_box{ display:block;background:#fff;margin:20px 0;}
	.tv_img img{width:100%;}
	.tv_text{width:90%;}

	.features article {
    	/*padding: 1.75em 0.5em 0.1em 0.5em;*/
    	border-radius: 5px;
    	width: calc(94% / 2);
	}

	.features article p {
	    font-size: 16px;
	}

	.tab_wrap > ul > li {
    	width: calc(82% / 3);
	}

}

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

	h1{font-size:1.5em;}



	/*------�g�b�v�ɖ߂�{�^��-----*/
	.pagetop {
		position: fixed;
		bottom: 50px;
		right: 10px;
		z-index:99;
	}

	.pagetop a, .root a {
		width:30px;
		display: block;
		text-align: left;
		text-decoration: none;
		padding: 0;
		color:#FFFFFF;
		transition: all 0.3s;
	}

	.pagetop a:hover  {
		padding:0 0 0 0;
		filter:alpha(opacity=50);
		-moz-opacity: 0.5;
		opacity: 0.6;
		/*transform: rotateZ( 360deg );*/
	}

	/*------�g�b�v�ɖ߂�{�^��-----*/


}



@media screen and (max-width: 500px) {
	.event_presents{
		grid-template-columns:auto;
	}
}


@media screen and (max-width: 400px) {
	body{font-size:1.0em;}
	.event_box_grid{
		grid-template-columns: 1fr;
	}
	#footer_copy{font-size:0.7em;line-height:1.8em;padmarginding:20px 0;}

}