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

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
body{
	margin: 0 auto;
	color: #464646;
	font: 14px "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	word-wrap:break-word;
	height: 100%;
}
html {
	height: 100%;
}
header {
	width: 100%;
	text-align: center;
}
body > footer {
  position: sticky;
  top: 100vh;
}
footer {
	color: #FFF;
	font-size: 0.8em;
	text-align: center;padding: 1em;
}
main.user, main.admin {
	margin-bottom: 2em;
}
main h1 {
	width: 100%;
	color: #FFF;
	text-align: center;
	font-size: 1.5em;
	margin-bottom: 0.5em;
}
main.user h1, footer.user {
	background: #2d83c7;
}
main.admin h1, footer.admin {
	background: #333;
}
main form {
	text-align: center;
}
.btngadation {
	background: linear-gradient(to bottom, #0080ff, #006ad5);
	border: solid 1px #006ad5;
	padding: 5px;
	color: #FFF;
	border-radius: 3px;
	width: 6em;
	margin: 0 40px;
	font-weight: bold;
}
.btngadation:hover {
	opacity: 0.7;
}
.btngadation_green {
	background: linear-gradient(to bottom, #00E135, #00AB43);
	border: solid 1px #01770F;
	padding: 5px;
	color: #FFF;
	border-radius: 3px;
	width: 6em;
	margin: 0 40px;
	font-weight: bold;
}
.btngadation_green:hover {
	opacity: 0.7;
}
.btngadation_green2 {
	background: linear-gradient(to bottom, #00E135, #00AB43);
	border: solid 1px #01770F;
	padding: 5px;
	color: #FFF;
	border-radius: 3px;
	width: 6em;
	margin: 0 10px 0 40px;
	font-weight: bold;
}
.btngadation_green2:hover {
	opacity: 0.7;
}
.btngadation_green3 {
	background: linear-gradient(to bottom, #00E135, #00AB43);
	border: solid 1px #01770F;
	padding: 5px;
	color: #FFF;
	border-radius: 3px;
	width: 12em;
	margin: 0 10px 0 40px;
	font-weight: bold;
}
.btngadation_green3:hover {
	opacity: 0.7;
}
.btngadation_orange {
	background: linear-gradient(to bottom, #E15A00, #AB3500);
	border: solid 1px #772501;
	padding: 5px;
	color: #FFF;
	border-radius: 3px;
	width: 8em;
	margin: 0 10px;
	font-weight: bold;
}
.btngadation_orange:hover {
	opacity: 0.7;
}

.btngadation_blue {
	background: linear-gradient(to bottom, #0100C4, #415FEF);
	border: solid 1px #03005F;
	padding: 5px;
	color: #FFF;
	border-radius: 3px;
	width: 8em;
	margin: 0 10px;
	font-weight: bold;
}
.btngadation_blue:hover {
	opacity: 0.7;
}
.btngadation_red {
	background: linear-gradient(to bottom, #E10000, #AB3500);
	border: solid 1px #772501;
	padding: 5px;
	color: #FFF;
	border-radius: 3px;
	width: 8em;
	margin: 0 10px;
	font-weight: bold;
}
.btngadation_red:hover {
	opacity: 0.7;
}

#login {
	width: 700px;
	margin: 0 auto;
}
#login th, #login td {
	padding: 1em;
}
#login th {
	text-align: right;
}
#login td {
	text-align: left;
}
.user_title {
	width: 500px;
	margin: 10px auto 0px;
	font-weight: bold;
	color: #3A3636;	
}
.user_contents {
	width: 500px;
	margin: 0px auto 10px;
	color: #3A3636;
	padding-left: 30px;
}
#user_menu  {
	border-top: 1px solid #006ad5;
	padding-top: 10px;
	width: 500px;
	margin: 0px auto ;
	font-size: 110%;
}
#user_menu ol li {
	margin-bottom: 10px;
	margin-left: 30px;
}
#user_menu ol li #log_out_btn {
	text-decoration: underline;
	color: blue;
	cursor: pointer;
	
}
#pw_mail_open_btn {
	color: blue;
	text-decoration: underline;
	text-underline-offset:0.15em;
	cursor: pointer;
}
#pw_mail_open {
	display: none;
	width: 700px;
	margin: 0 auto;
}
#pw_mail_open td {
	text-align:right;
	border-top: 1px solid #2d83c7;
}
#pw_mail_open td div {
	margin-top: 10px;
	margin-bottom: 4px;
}
#name_disp {
	width: 980px;
	margin: 0 auto 10px;
	text-align: left;
}
/*--------------------
更新
--------------------*/
#update {
	width: 1000px;
	margin: 0 auto 1em auto;
	position: relative;
}
#update thead th {
	position: sticky;
	top: 0;
	background: #FFF;
}
#update th, #update td {
	text-align: left;
	padding: 5px;
}
#update tbody td br {
	display: none;
}
#update thead th.active {
	color: red;
	text-decoration: underline;
}
#update thead th a {
	text-decoration: none;
	color: blue;
}
#update thead th div a span {
	color: blue;
}
#update td input[type="text"],#update td input[type="url"],#update td input[type="password"],#update td input[type="email"] {
	border: 1px solid #DBDBDB;
	height: 20px;
	padding: 5px;
	font-size: 102%;
}
#update td textarea {
	border: 1px solid #DBDBDB;
	padding: 5px;
	font-size: 102%;
}

#update th div a span {
	color: blue;
}
.input_error {
	background-color: #D0FF00;
}
.input_error2 {
	background-color: #FFA600;
}
.input_error3 {
	background-color: #38F5FF;
}
#login_id_check {
	color: red;
	font-weight: bold;
}
.required_mark {
	color: red;
	padding-left: 2px;
	padding-right: 4px;
}
.required_mark_text {
	color: red;
	padding-left: 150px;
}
.word_count {
	font-size: 90%;
	color: #1E1DC3;
}
/*--------------------
最新情報
--------------------*/
h3#news_list {
	text-align: center;
	margin: 20px auto 10px;
	color: #1C517C;
}
#latest {
	width: 1000px;
	margin: 0 auto 1em auto;
	position: relative;
	border-top: 3px double #2d83c7;
}
#latest th, #latest td {
	padding: 5px;
}

#latest tbody td span {
	color: #F00;
	margin-right: 5px;
}
#latest tbody td span.mr {
	color: #464646;
	margin-right: 10px;
}
#latest thead tr td {
	font-weight: bold;
	color: #5B5B5B;
}
#latest thead tr td.td3 {
	text-align: center;
}
#latest tbody tr td, #latest thead tr td {
	border-bottom: 1px solid #2d83c7;
}
#latest tbody tr td.td1, #latest thead tr td.td1{
	width:70px;
	text-align: center;
}
#latest tbody tr td.td2, #latest thead tr td.td2{
	width:800px;
	text-align: left;
}
#latest tbody tr td.td3{
	width:50px;
	text-align: center;
	color: blue;
}
#latest thead tr td.td2 .btngadation {
	margin-left: 10px;
	margin-right: 45px;
}
#latest thead tr td.td3 .btngadation {
	margin-left: 0px;
	margin-right: 0px;
}
#latest tbody tr td.td1 span.edit_btn {
	color: blue;
	text-decoration: underline;
	cursor: pointer;
}
#latest td.hidden {
	color: #464646;
}
/*--------------------
最新情報 更新
--------------------*/
#latestup {
	width: 1000px;
	margin: 0 auto 1em auto;
}
#latestup th, #latestup td {
	padding: 5px;
	text-align: left;
}
#latestup thead th.active {
	color: red;
	text-decoration: underline;
	text-align: left;
}
#latestup thead th a {
	text-decoration: none;
	color: blue;
}
#latestup tbody th {
	white-space: nowrap;
}
#latestup tfoot th {
	font-weight: normal;
}
#latestup tfoot td {
	display: flex;
}

#latestup td input[type="text"],#latestup td input[type="url"] {
	border: 1px solid #DBDBDB;
	height: 20px;
	padding: 5px;
	font-size: 102%;
}
#latestup td textarea {
	border: 1px solid #DBDBDB;
	padding: 5px;
	font-size: 102%;
}
#latestup td #news_del_btn {
	display: none;
}
#latestup td #mobile_check_note {
	margin-left: 40px;
	display: none;
}
#latestup td #mobile_check_note span {
	font-weight: bold;
}
#latestup td #mobile_check_note ul {
	margin-top: 6px;
}
#latestup td #mobile_check_note ul li{
	margin-left: 40px;
}
/*--------------------
管理者用［最新情報］
--------------------*/

#adminlist {
	width: 80%;
	margin: 0 auto 1em auto;
}
#adminlist th, #adminlist td {
	padding: 5px;
	text-align: left;
}
#adminlist thead th.active {
	color: red;
	text-decoration: underline;
	text-align: left;
}
#adminlist thead th a {
	text-decoration: none;
	color: blue;
}
#adminlist tbody th {
	font-weight: normal;
	color: blue;
}
#adminlist tbody th.hidden {
	color: #464646;
}

.red {
	color: red;
}
/*width1024px以下*/
/*
@media screen and (max-width: 1024px) {
	body{
		font-size: 12px;
	}
	#login {
		width: 90%;
	}
*/
	/*--------------------
	更新
	--------------------*/
/*	#update tbody th, #update tbody td {
		display: block;
		width: 100%;
	}
	#update tbody th, #update tbody td br {
		display: block;
		margin-bottom: 5px;
	}
	#update tbody th {
		background: #CCC;
	}
	#update thead th {
		display: none;
	}
	#update td[data-title]::before, #update th[data-title]::before {
		content: attr(data-title) "：";
		display: inline;
		padding-right: 5px;
	}
	#update td[data-title]::before {
		color: blue;
	}
	#update th[data-title]::before {
		color: red;
		font-weight: normal;
	}
	#update td input[type="text"], #update td textarea {
		width: 90vw;
	}
*/
	/*--------------------
	最新情報
	--------------------*/
/*
	#latest thead th.active, #latestup thead th.active, #adminlist thead th.active {
		text-align: center;
	}
	#latest th, #latest td, #latestup th, #latestup td, #adminlist th, #adminlist td {
		display: block;
		width: 100%;
		text-align: center;
	}
	#latest td, #latestup td, #adminlist tbody th {
		border-bottom: dotted 1px #666;
	}
	#latestup td {
		text-align: center;
	}
	#latestup td input[type="text"], #latestup td textarea {
		width: 90vw;
	}
	#latestup tfoot td {
		justify-content: center;
	}
}
*/