/* pgtable.css */

table{
	border-collapse:collapse;
	font-family:meiryo;
	width:100%;
	table-layout:fixed;
	word-break: break-word;
}
	
td{
	border:1px solid #ccc;
	padding:5px;
	line-height:140%;
	font-size:70%;
	vertical-align:top;
}
tr:first-child td{
	text-align:center;
}

th{
	border:1px solid #ccc;
	padding:5px;
	line-height:140%;
	font-size:70%;
	vertical-align:top;
	width:3.8em;
	font-weight:normal;
}
.news{
	display:inline-block;
	background-color:#f0f0f0;
	padding:1px 4px;
	border-radius:3px;
	margin:3px 0;
}
.sai{
	display:inline-block;
	background-color:#000;
	color:#fec;
	padding: 0 2px;
	border-radius:2px;
	margin-left:2px
}
#pages_main p.pg_new_kochira{
	margin-top:-1.3em;
	margin-bottom:30px;
}

@media(max-width:768px){
	td,th{
		padding:2px 4px;
		font-size: 75%;
	}
}
.timecell{
	width:4%;
}
.gekkin{
	width:14%;
}
.donichi{
	width:18%;
}

@media(max-width:500px){
	.pg_table{
		width:97.5vw;
		overflow-x:scroll;
		margin-left:-3%;
		padding:0 3%;
	}
	.pg_table .program{
		min-width: 740px;
	}
}

/*消える操作説明*/
.slideicon{
	background:#000;
	width:60%;
	position:fixed;
	top:50vh;
	left:20%;
	color:#fff;
	text-align:center;
	border-radius:100px;
	opacity:0.8;
	padding:10px 0;
	box-shadow:4px 4px 5px #0005;
	font-weight:bold;
}
.fadeout{
	-moz-animation: cssAnimation 1s ease-in 1s forwards;
	/* Firefox */
	-webkit-animation: cssAnimation 1s ease-in 1s forwards;
	/* Safari and Chrome */
	-o-animation: cssAnimation 1s ease-in 1s forwards;
	/* Opera */
	animation: cssAnimation 1s ease-in 1s forwards;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	}
 @keyframes cssAnimation {
	0% {
	opacity :0.8;
		/*height:30px;*/
	}
	95%{
		/*height:30px;*/
	}
	100% {
		opacity:0;
	}
}
@-webkit-keyframes cssAnimation {
	0% {
	opacity :0.8;
		/*height:30px;*/
	}
	95%{
		/*height:30px;*/
	}
	100% {
		opacity:0;
	}
}