html, body {height: 100%;margin: 0; }


/*ログイン画面*/
.parent {display: flex;justify-content: center;align-items: center;height: 95vh;}
.inner {padding: 20px 40px;background: #fff;border: 1px solid #ccc;border-radius: 10px;}
.inner {background-color: #ffffff;border: 1px solid #e0e0e0;border-radius: 8px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);padding: 24px;max-width: 500px;width: 90%;box-sizing: border-box; margin-bottom: 100px;}
.form-title {text-align: center;font-size: 1.75rem;color: #CB0000; margin-bottom: 8px;}
.form-description {text-align: center;font-size: 1rem;color: #666;margin-bottom: 20px;}
.form-group {margin-bottom: 16px; padding: 0 65px;}
.form-group label {display: block;margin-bottom: 6px;color: #555;font-weight: bold;}
.form-group input {width: 100%;padding: 10px;border: 1px solid #ccc;border-radius: 4px;font-size: 1rem;box-sizing: border-box;}
.form-group button {width: 60%;padding: 10px;background-color: #007bff;border: none;border-radius: 20px;color: #fff;font-size: 1rem;cursor: pointer;transition: background-color 0.3s ease; display: block; margin: 40px auto 10px;}
.form-group button:hover {background-color: #0056b3;}


/*ヘッダー*/
header {position: fixed;top:0;left:0;right:0;width: 100%;height: 70px; border: 6px solid #00BFFF; display: flex; align-items: center; justify-content: space-between; background-color: #fff; box-sizing: border-box; border-radius: 40px;}
header h1{color:#00BFFF; margin: 0 20px;}
header h1 a{text-decoration: none; color: #00BFFF;}
header table td span{display: block; text-align: right;}
header .now-date{text-align: right; color: #00BFFF; width: 200px; margin-right: 20px;}


/*サイドバー*/
.sidebar {width: 200px; min-width:200px; margin-top: 0px; padding: 20px 10px;height: 100vh; position: fixed;background-color: #00BFFF; }
.sidebar a {display: block;padding: 10px;text-decoration: none;color: #fff; font-size: 14px;}
.sidebar a:before{content:"\f35a"; font-family: "Font Awesome 5 Free"; color: #fff; margin-right: 10px;}
.sidebar a:hover {color: #990000;}
.sidebar-logout{border: 2px solid #fff; margin: 50px auto; text-align: center; background-color: #990000; color: #fff; border-radius: 25px; width: 120px; position: absolute; bottom: 50px; left:50%; transform: translateX(-50%);}
@media (max-height: 700px) {
	.sidebar{overflow-y: auto;}
	.sidebar-logout {position: unset; bottom: unset; transform: unset;}
  }
.sidebar-logout:hover{background-color: #fff; color: #990000;}
.menu-title{padding-left: 10px; font-size: 18px; font-weight: bold; color:#fff; margin-bottom: 5px; border-bottom: double 4px #fff;}
.menu-title:nth-of-type(1)::before{content:"\f15c"; font-family: "Font Awesome 5 Free"; padding-right: 10px;}
.menu-title:nth-of-type(2)::before{content:"\f044"; font-family: "Font Awesome 5 Free"; padding-right: 10px;}
.menu-link{margin-left: 20px;line-height: 0.4;}


/*ダッシュボード*/
.dashboard-wrapper{margin-top: 50px; margin-left: 250px;}
.dashboard-contents{margin-left: 2rem;}
.dashboard-contents p{margin-left: 2rem;}
.dashboard-h2{display: flex; align-items: center; gap:1rem;}
.dashboard-h2 h2{color: #CB6500;}
.dashboard-h2 h2::before{content:"\f05a"; font-family: "Font Awesome 5 Free"; padding-right: 10px; }
.dashboard-title{margin-left: 0 !important; color: #990000; font-weight: bold;}
.dashboard-note{margin-left: 3rem; font-size: 14px; color:#666;}
/* .custom-list {list-style-type: none; counter-reset: list-counter;}
.custom-list li {counter-increment: list-counter;}
.custom-list li::before {content: counter(list-counter) " ) ";  margin-right: 1rem;} */
.custom-list{margin-left: 1rem;}
.custom-list li{padding-left: 0.5rem;}






/*お知らせ一覧*/
.oshirase-wrapper{margin-top: 55px; margin-left: 250px; margin-bottom: 50px;}
.oshirase-title01{color: #003366; font-weight: bold; font-size: 24px;}
.oshirase-title01:before{content:"\f0ae"; font-family: "Font Awesome 5 Free"; color: #003366; font-weight: bold; padding-right: 10px;}
.oshirase-title01 span{display: inline-block; margin-left: 1rem; font-size: 14px; font-weight: normal;}
.oshirase-wrapper table{max-width: 1100px;}
.oshirase-wrapper table td:nth-child(-n+4){text-align: center;}
.oshirase-wrapper table tr:nth-child(even){background-color: #f6f6f6;}
.oshirase-wrapper table tr td a.btn:nth-of-type(1){background-color: #FFD865 !important; border: unset; color:#000;}
.oshirase-wrapper table tr td a.btn:nth-of-type(2){background-color: #990000 !important; border: unset;}
.oshirase-wrapper table tr td:nth-child(3) span{font-size: 12px; display: block; margin-top: 10px; border-top: 1px solid #ccc; padding-top: 5px;}
td button{width: 100%; margin-bottom: 6px; font-size: 11px;}
/*お知らせ削除*/
.oshirase-deleted{margin-left: 250px; display: none;}
.oshirase-deleted p:nth-of-type(1):before{content:"\f2ed"; font-family: "Font Awesome 5 Free"; padding-right: 10px;}

/*新規登録*/
.new-kiji-touroku{margin-top: 55px; margin-left: 250px; width: 900px;}
.new-kiji-touroku p{font-size: 24px !important;}
.new-kiji-touroku table{max-width: 800px; min-width: 600px; width:100%;}
.new-kiji-touroku table,.file-touroku-form table {border-collapse: separate !important; border-spacing: 5px;border: 1px solid #999 !important; border-radius: 12px; padding: 4px;}
  
.new-kiji-touroku table th{width: 25%; background-color: #f6f6f6;}
.new-kiji-touroku table td:nth-child(2){width: 30%;}
.new-kiji-touroku table td:nth-child(3){width: 40%;}
.new-kiji-touroku table textarea{width: 98%;}
.new-kiji-touroku-title::before{content:"\f044"; font-family: "Font Awesome 5 Free";}

input.touroku{background-color: #14b349; border-radius: 20px; border: unset; font-size: 18px; width: 200px;}


/*ファイル登録*/
.file-touroku,.file-touroku-form{margin-top: 70px; margin-left: 250px !important; width: 900px;}
.file-touroku-form table{width: 100%; max-width: 800px; min-width: 600px;}
.file-touroku-form table th{background-color: #f6f6f6;}
.file-touroku p::before{content:"\f0c6"; font-family: "Font Awesome 5 Free";}
.file-touroku-form table th{width: 25%; background-color: #f6f6f6;}
.file-touroku-form table td:nth-child(2){width: 30%;}
.file-touroku-form table td:nth-child(3){width: 40%;}


/*フッター*/
.footer{background-color: #003366; color:#fff; font-size: 12px; text-align: center; height: 40px;padding-top: 10px; box-sizing: border-box; bottom: 0; position: fixed; width: 100vw;}
footer .footer a{color:#fff;}
footer .footer{width: 100vw; position: fixed; bottom: 0; z-index: 1;}
.footer a{color:#fff;}



a.btntop {font-size:1.1em;display:block;width:100%;padding:5px 0 5px 0;text-align:center;border:1px solid;border-color:#aaaaaa #444444 #444444 #aaaaaa;background:#003366;color:#FFF;text-decoration:none;margin-top:-10px;cursor:pointer;}
a.btntop:hover{background:#99CCFF;cursor:pointer;}
a.btn {font-size:1.1em;display:block;width:100%;padding:5px 0 5px 0;text-align:center;border:1px solid;border-color:#aaaaaa #444444 #444444 #aaaaaa;background:#666;color:#FFF;
text-decoration:none;margin-top:-10px;cursor:pointer; border-radius: 14px;}
a.btn:hover{background:#ccc;cursor:pointer;}
a.btn_imgent {font-size:1.1em;display:block;width:100%;padding:3px 0 3px 0;text-align:center;background:#0066cc;color:#FFF;text-decoration:none;margin-top:-10px;cursor:pointer; border-radius: 14px;}
a.btn_imgent:hover{background:#ccc;cursor:pointer;}
a.btn_imgdel {font-size:1.1em;display:block;width:100%;padding:3px 0 3px 0;text-align:center;background:#993333;color:#FFF;text-decoration:none;margin-top:-10px;cursor:pointer; border-radius: 14px;}
a.btn_imgdel:hover{background:#ccc;cursor:pointer;}
th,td {padding:15px;font-size:small;}
th {white-space: nowrap;}

#contents {margin:100px 0 0 0;}
.comment {font-size:13px;color:#666;padding:10px 0 0px 0px;}
input {padding: 5px 5px;}
textarea {padding: 5px 5px;line-height: 180%;}
.accbox {margin: 0.5em 0;padding: 0;max-width: 800px;/*最大幅*/}
/*ラベル*/
.accbox label {display: block;margin: 1.5px 0;padding : 11px 12px;color :#04132d;font-weight: bold;/* background :#a4cbf3; cursor :pointer;transition: all 0.5s;*/}
/*ラベルホバー時
.accbox label:hover {background :#85baef;}*/
/*チェックは隠す*/
.accbox input {display: none;}
/*中身を非表示にしておく
.accbox .accshow {height: 0;padding: 0;overflow: hidden;opacity: 0;transition: 0.8s;}*/
/*クリックで中身表示
.cssacc:checked + .accshow {height: auto;padding: 5px;background: #eaeaea;opacity: 1;}*/
.submit {/* background:#990000; */padding:10px 15px 10px 15px;color:#FFF;}
#touroku {background:#990000;padding:10px 15px 10px 15px;color:#FFF;text-align:center;}
/* .container {display: flex;} */

.content {flex-grow: 1;padding: 20px;}