@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;900&display=swap');
* {
	margin:0;
	padding:0;
	box-sizing:border-box;
	outline:none;
}
body {
	text-align:center;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:15px;
	line-height:150%;
	-webkit-text-size-adjust: 100% !important;
	max-height: 100%;
}
ul, li{
	list-style-type: none;
}
#wrapper {
	max-width:1330px;
	width:98%;
	margin:auto;
	padding:30px 0;
}
#wrapper.login_box {
	max-width:800px;
}
h1 {
    font-size: 23px;
    line-height: 120%;
    padding-bottom: 15px;
    background: #d5e4eb;
    margin-bottom: 30px;
    padding-top: 15px;
    color: #0c243e;
}
h2 {
	text-align:left;
	padding:8px;
	margin-bottom:15px;
    font-size: 25px;
    line-height: 120%;
}
nav ul,
.btn_wrap ul,
ul.task_wrap,
ul.seikyu {
  display: flex;
  flex-direction: row;
	margin-bottom:20px;
 }
ul.task_wrap {
	margin-bottom:0px;
	flex-wrap: wrap;
}
ul.seikyu {
	max-width:130px;
	width:100%;
	margin:auto;
}
nav ul li,
.btn_wrap ul li,
ul.task_wrap li,
ul.seikyu li {
	margin-right:5px;
	margin-left:5px;
	margin-bottom:10px;
}
nav ul li a,
.btn_wrap ul li a {
	display:block;
	padding:5px 10px;
	text-align:center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-decoration:none
}
ul.task_wrap li.pinkbtn,
ul.task_wrap li.pinkbtn,
ul.seikyu li.on,
ul.seikyu li.off {
	display:inline-block;
	padding:8px;
	text-align:center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-decoration:none;
	border:1px solid #FFF;
	font-size:15px;
	line-height:100%;
	font-weight:500;
}
ul.task_wrap li.pinkbtn,
ul.task_wrap li.pinkbtn {
	min-width:110px;
}
nav ul li a {
	background:#123459;
	color:#FFF;
}
nav ul li a:hover {
	background: #0c243e;
}

nav ul li a.logout {
	background:#e60033;
}
nav ul li a.logout:hover {
	background:#660016;
}
.btn_wrap ul li a {
	background: rgb(255,190,0);
	background: linear-gradient(0deg, rgba(255,190,0,1) 0%, rgba(224,142,3,1) 100%);
	color:#FFF;
}
.btn_wrap ul li a.new_btn {
	background: rgb(13,180,255);
}
.btn_wrap ul li a:hover {
	background: rgb(240,112,4);
}
.btn_wrap ul li a.new_btn:hover {
	background: rgb(11,138,195);
}
ul.task_wrap li.pinkbtn.on {
	background: rgb(255,152,152);
}
.btn_wrap ul li a.seiyaku_btn {
	background: rgb(255,0,0);
}
.btn_wrap ul li a.seiyaku_btn:hover {
	background: rgb(255,0,0);
}
ul.task_wrap li.pinkbtn.off,
ul.task_wrap li.orangebtn.off,
ul.seikyu li.off {
	background: #CCC;
}
ul.task_wrap li.orangebtn.on {
	background: rgb(255,181,90);
}
ul.seikyu li{
	margin-bottom:0px;
	width:calc(50% - 10px);
}
ul.seikyu li.on {
	background: rgb(255,252,13);
}
ul.seikyu_list li,
ul.shinko_list li {
	width:100%;
	position:relative;
}

ul.seikyu_list label,
ul.shinko_list label {
	width:100%;
	padding:8px 8px 8px 30px;
	display:block;
}
ul.seikyu_list input[type="checkbox"],
ul.shinko_list input[type="checkbox"] {
	position:absolute;
	top:14px;
	left:10px;
}
ul.column2,
.flex {
	display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.flex .search {
	margin-right:25px;
	margin-bottom:25px;
}
.flex.itemcenter,
.itemcenter {
	align-items:center;
}
.contcenter {
justify-content: center;
}
.date_box {
	width:100%;
	margin-top:10px;
}
ul.column2 li {
	width:50%;
}
ul.column2 li:nth-of-type(odd) {
	padding-right:5px;
}
ul.column2 li:nth-of-type(even) {
	padding-left:5px;
}
/* 請求は li タグに背景色のクラスを付与するに変更 */
/* ul.seikyu_list input[type="checkbox"]:checked + label, */
tr.checked td,
table.mitsumori tbody.seiyaku {
	background: rgb(255,252,13)!important;
}
.search_wrap {
	margin-bottom:20px;
	text-align:left;
}
table{
	border:1px solid #666;
	border-collapse: collapse;
}
table.ichiran,
table.tb_w100 {
	width:100%;
}
table.tb_w80 {
	width:80%;
}
table.tb_w50 {
	width:50%;
}
table th,
table td {
	padding:5px 5px;
	box-sizing:border-box;
	text-align:left;
	border:1px solid #666;
	text-align:center;
}
table.ichiran th,
table.ichiran td {
	padding:7px;
}
table td.nonebd {
	border:1px solid #FFF;
}
table td.bd {
	border-right:1px solid #666;
}
table thead th {
	background-color:#123459;
	color:#FFF;
	font-weight:600;
}
table thead th.img_box,
table thead th.edit_box,
table thead th.category_box {
	width: 250px;
}
table thead th.w150 {
	width: 150px;
}
table thead th.w80 {
	width: 80px;
}
table thead th a {
	color:#FFF;
	text-decoration:underline;
	margin-left:0.5em;
}
table tbody th {
	text-align:left;
	font-weight:600;
	width: 200px;
}
table.ichiran tbody th,
table.ankenichiran tbody th {
	width: 300px;
}
table tbody a {
	color:#1e50a2;
}

table.ichiran tbody:nth-child(odd) {
	background-color:#FFF;
}
table.ichiran tbody:nth-child(even) {
	background-color: #FFFBE6;
}
table.mitsumori tbody:nth-child(odd),
table.mitsumori tbody:nth-child(even) {
	background-color:transparent;
}
table.edittable,
table.mitsumori {
	margin-bottom:40px;
}
table.edittable input[type="text"]{
	width:100%;

}
table.edittable th,
table.edittable td {
	text-align:left;
}
table.mitsumori th,
table.mitsumori td {
	padding:5px;
}
table.edittable th {
	background:#123459;
	color:#FFF;
}
table td.han_img img {
	max-width:50px;
	height:auto;
}
.comment_box {
	padding:5px 10px 10px 10px;
	text-align:left;
}
input[type="text"],
textarea,
select{
	padding:5px;
	box-sizing:border-box;
	border:1px solid #CCCCCC;
	font-size:15px;
	line-height:120%;
	font-family: 'Noto Sans JP', sans-serif;

}
table.mitsumori input[type="text"] {
	padding:5px;
}
input[type="text"],
textarea {
	width:100%;
	padding:5px;
}
input[type="checkbox"].seiyaku_check {
	width: 25px;
    height: 25px;
	margin-right:10px;
}
.search_wrap input[type="text"] {
	width:auto;
}
input[type="button"]{
	padding:5px 10px;
	font-size:16px;
	line-height:100%;
	margin:0 5px;
	text-align:center;
	-webkit-appearance: none;
	border:1px solid #666;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	cursor:pointer;
}
input.hensyu_btn {
	background-color:#093;
	color:#FFF;
}
input.delete_btn {
	background-color: #C00;
	color:#FFF;
}
ol.pagenation {
	display: block;
	letter-spacing: -0.6em;
	list-style-type: none;
	text-align:center;
	padding-top:60px;
}
ol.pagenation li{
	border: 1px solid #1e50a2;
    width: 28px;
    text-align: center;
    margin: 0 3px;
	box-sizing:border-box;
	line-height:150%;
	letter-spacing: normal;
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
}
ol.pagenation li.-current{
   color:#FFF;
   background:#1e50a2;
    padding: 2px;
}
ol.pagenation li a {
    padding: 2px;
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
    box-sizing: border-box;
    background: none;
    letter-spacing: 0;
    text-align: center;
    line-height: inherit;
   color:#1e50a2;
}
ol.pagenation li a:hover{
   color:#FFF;
   background:#1e50a2;
	text-decoration:none;
}