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

/*-----------------------------------------------
#19BEBE
-----------------------------------------------*/


/*-----------------------------------------------
  login
-----------------------------------------------*/
#login {
padding: 60px 4%;
}
#login .inner {
max-width: 600px;
margin: auto;
}
#login .text {
text-align: justify;
}
#login .text strong {
font-weight: 400;
color: #F00;
}
#login table {
width: 100%;
margin-top: 30px;
}
#login th,
#login td {
padding: 0.5em;
font-weight: 400;
vertical-align: middle;
}
#login th {
width: 6em;
}
#login .keep {
margin-top: 20px;
text-align: center;
}
#login .submit {
margin-top: 40px;
}
#login .error {
margin-top: 20px;
text-align: center;
color: #F00;
}
#login input {
width: 100%;
border: 1px solid #CCC;
}
#login [type=submit] {
color: #19BEBE;
border: 1px solid #19BEBE;
}
#login [type=submit]:hover {
color: #FFF;
background: #19BEBE;
}
@media screen and (max-width: 799px) {
	#login {
	padding: 8% 4%;
	}
	#login table {
	margin-top: 4%;
	}
}

/*-----------------------------------------------
  news
-----------------------------------------------*/
#news {
padding: 60px 4%;
}
#news .inner {
max-width: 800px;
margin: auto;
}
#news h2 {
font-size: 1.5em;
text-align: center;
}
#news .none {
margin-top: 60px;
text-align: center;
}
#news .list {
margin-top: 60px;
}
#news .list dl {
display: flex;
justify-content: flex-start;
align-items: center;
padding: 20px 0;
border-bottom: 1px solid #C8C8C8;
}
#news .list dl:first-child {
border-top: 1px solid #C8C8C8;
}
#news .list .date {
width: 8em;
}
#news .list .text {
width: calc(100% - 8em);
font-weight: 400;
}
#news a:hover {
text-decoration: underline;
}
@media screen and (max-width: 799px) {
	#news {
	padding: 8% 4%;
	}
	#news .none {
	margin-top: 8%;
	}
	#news .list {
	margin-top: 0;
	}
	#news .list dl {
	display: block;
	padding: 2.5% 0;
	}
	#news .list dl:first-child {
	border-top: 0;
	}
	#news .list .date {
	width: 100%;
	}
	#news .list .text {
	width: 100%;
	}
}