@charset "UTF-8";

/*	section
------------------------------------------------------------ */
section { width: 100%; padding:40px; box-sizing: border-box;}
section .section_inner { width: 100%; background:rgba(255,255,255,0.8); border-radius: 20px; padding: 40px; box-sizing: border-box;}
section .section_inner_flex { width: 100%; background:rgba(255,255,255,0.8); border-radius: 20px; padding: 40px; box-sizing: border-box; display: flex; flex-wrap: wrap;}

/*	hgroup
------------------------------------------------------------ */
h3 { font-size: 180%;}

.btn40 {
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #ff9600;
	box-shadow: 0 2px 0 #e08400;
}

.btn40_gray {
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #ccc;
	box-shadow: 0 2px 0 #999;
}

/*	menu
------------------------------------------------------------ */
.menu {
	display: inline-block;
 background:rgba(255,255,255,0.8);
	box-shadow: 0 2px 0 #ccc;
 border-radius: 10px;
	width: 23.5%;
 padding: 20px;
	box-sizing: border-box;
	text-align: center;
	margin: 0 2% 14px 0;
}
.menu:nth-child(4){margin-right: 0;}
.menu h3 { font-size: 120%;}
.menu h3 a { text-decoration: none;}

/*	sort box
------------------------------------------------------------ */
.sort_box { width: 100%; display: flex; justify-content: flex-end; margin-bottom: 10px;}
.sort_box select { margin-right: 4px;}
.sort_box .date_box { border-radius: 12px; background: #fff; display: flex; margin-right: 4px;}
.sort_box .date_box label {
	position: relative;
	display: inline-block;
	border-radius: 12px;
	color: #999;
}
.sort_box .date_box input[type="date"] {
	position: relative;
	padding: 0 10px;
	border: 0;
	background: transparent;
	box-sizing: border-box;
	font-size: 100%;
	font-weight: normal;
	color: #999;
}


/*	table
------------------------------------------------------------ */
table.projects_list {
	width: 100%;
	height: 100vh;
	border-spacing: 0;
	border-collapse: separate;
	border-radius: 20px;
	border: 1px solid #dcdcdc;
	background: #fff;
	box-sizing: border-box;
	margin-bottom: 20px;
}

table.projects_list tr:first-child th:first-child { border-radius: 20px 0 0 0;}
table.projects_list tr:first-child th:last-child { border-radius: 0 20px 0 0;}
table.projects_list tr:last-child td:last-child { border-radius: 0 0 20px 0;}

table.projects_list tr th { border-left: 1px solid #dcdcdc; padding: 10px 12px; background: #f0f0f0; white-space: nowrap; text-align: center;}
table.projects_list tr:not(:first-child) th{border-top: 1px solid #dcdcdc;}
table.projects_list tr td {border-top: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; padding: 10px 12px; vertical-align: middle;}

table.projects_list tr th:first-child { border-left: none;}
table.projects_list tr td:first-child { border-left: none; text-align: right;}
table.projects_list tr td:nth-child(2) { text-align: right;}
table.projects_list tr td:nth-child(7) { text-align: center;}

table.projects_list tr td.icon_add { text-align: left;}


/*	pagination
------------------------------------------------------------ */
ul.pagination { text-align: center; margin-top: 40px;}
ul.pagination li { display: inline-block;}
ul.pagination li a {
  color: black;
  padding: 16px;
  text-decoration: none;
  border: 1px solid #ddd;
  margin: 0 4px;
	background: #fff;
	border-radius: 10px;
}
ul.pagination li a.active {
  background-color: #ccc;
  color: white;
  border: 1px solid #fff;
}