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

.link_list {
	width: 70%;
	margin: auto;
	padding-top: 50px;
	font-size: 1em;
}
.link_list p {
	font-weight: bold;
	padding-bottom: 10px;
}


.news{
	background-color: #f5f5f5;
	padding: 2em;
	letter-spacing: 0.07em
		
}




.news li{
	border-bottom: 1px dotted #999;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
/*  overflow: hidden; */
/*  white-space: nowrap; */
/*  text-overflow: ellipsis; */
}

.news a{
	text-decoration: none;
	color: #333;
	display: flex;
}

.news-topics{
	margin-left: 1.5em;
	display: block;
}

.news-list{
	display: block;
}

.news-days{
	display: block;
}

.news-area{
	margin-bottom: 2em;
}

.ticket-area{
	margin-bottom: 2em;
	line-height: 200%;
}

.ticket-area li{
	font-size: 1.1em;
	font-weight: bold;
	color:#1DB3ED;
}

	.ticket{
		margin: 0.5em;
		width: 20%;
		display: block;
	}

/*
.link_list ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	padding-bottom: 1em;
}
*/


/*
.link_list ul li {
	padding-right: 0.5em;
}

*/


/*
.link_list ul li + li::before {
	content: " | ";
	color: #000;
}
*/

table {
	width: 100%;
	margin: 0 20px;
	margin: auto;
	margin-top: 0.5em;
}

tr {
	line-height: 3em;
	text-align: center;
}

td {
	padding: 10px 0;
	border-bottom: 1px dashed #000;
}

td a {
	color: #000;
	text-decoration: underline;
}
th {
	background: #ffb4e3;
	font-weight: normal;
	padding: 0 1em;
}


	
	.area_list{
		float: left;
		width: 12.5%;
		padding: 1px;
		display: block;
		text-align: center;
	}

.arrow{
	transform:rotate(90deg);
	display: block;
	margin-bottom: -0.5em;
}

.area_list label{
	width: 100%;
    display: block;
}

.page{
	width: 80%;
	margin: 0 auto;
}
	

@media screen and (max-width: 768px) {
	main {
		margin: auto;
	}
	
	main{
		width: 98%;
	}
	
	.page{
		width: 100%;
	}
	
	table {
		width: 96%;
		margin: auto;
		/*margin-top: 100px;*/
		margin-top: 0.5em;
		display: block;
		overflow-x: scroll;
		white-space: nowrap;
		}
	
	.spcomment{margin-top: 0.8em;
	width: 96%;
		margin: 0.5em auto;
		font-weight: bold;
		font-size: 1.1em;
	
	}
	
	.link_list{
		    padding-top: 20px!important;
	}
	
	h2{
		font-size: 1.3em;
	}

	
	.news{
		padding: 1em;
		
	}
	
	.news li{
		font-size: 0.9em;
		
	}
	
	.news-topics {
    margin-left: 0.8em;
}
	.ticket{
		width: 50%;
		margin: 0.5em auto;
	}
	
	.area_list{
		width: 25%;
	}
	
	.area_list label{
    padding: 0.5em 0.2em;
    font-size: 0.7em;
}
	
}