html, 
body {
	min-width: auto;
}

h1 {
	margin: 0;
	padding: 7px;
	font-size: 2rem;
	text-align: center;
	color: #FFFFFF;
}

strong {
	font-size: 2rem;
	color: #C30D23;
}

td input[type="text"], 
td input[type="password"], 
td textarea {
	margin: 0;
	width: 100%;
	box-sizing: border-box;
}

td iframe {
	padding: 0;
	margin: 0;
	width: 100%;
	border: solid 1px #464646;
}

.hidden {
	display: none;
}

#menu {
	padding: 0;
	margin: 0 auto 30px auto;
	background-color: #444444;
}

#menu ul {
	position: relative;
	list-style-type: none;
	padding: 0;
	margin: auto;
	width: 1170px;
	font-size: 0;
	line-height: 0;
}

#menu li {
	display: inline-block;
	margin: 0;
	text-align: center;
}

#menu li a {
	display: inline-block;
	padding: 10px 30px;
	font-size: 1.6rem;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #444444;
	border-right: solid 1px #FFFFFF;
	box-sizing: border-box;
}

#menu li:first-of-type a {
	border-left: solid 1px #FFFFFF;
}

#menu li:last-of-type a {
	position: absolute;
	top: 0;
	right: 0;
	border-left: solid 1px #FFFFFF;
}

#menu li a:hover, 
#menu li.active a {
	color: #FFFFFF;
	background-color: #868686;
}

#menu li.active a {
	color: #FFFFFF;
	background-color: #C30D23;
}

#no {
	width: 1.8em;
}

#login {
	padding: 50px;
	margin: 100px auto;
	width: 380px;
	background-color: #2E627F;
	text-align: center;
	border-radius: 15px;
}

#login table {
	width: 100%;
	box-sizing: border-box;
}

#login th, 
#login td {
	padding: 10px 0;
	color: #FFFFFF;
}

#login th {
	white-space: nowrap;
}

#icon {
	float: right;
	font-size: 1.2rem;
	border: solid 2px #C30D23;
	padding: 10px;
	margin: 5px 0 10px 0;
	background-color: #FFFFFF;
}

#icon div {
	width: 9em;
	font-size: 1.2rem;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #C30D23;
	margin: -25px 0 5px 0;
	padding: 5px;
	text-align: center;
}

td input.date {
	width: 7em;
}

.border {
	width: 100%;
	margin: 10px 0;
	table-layout: fixed;
	background-color: #FFFFFF;
}

.border th, 
.border td {
	padding: 10px;
	border: solid 1px #464646;
	vertical-align: middle;
	word-wrap: break-word;
}

.border th {
	color: #FFFFFF;
	background-color: #2E627F;
	text-align: center;
}

#submit {
	padding: 30px 0;
	text-align: center;
}

#submit a {
	display: inline-block;
	margin: 0 10px;
}

#preview {
	padding: 10px;
}

#preview #article {
	margin: 50px auto;
	width: 720px;
}

#edit th {
	width: 120px;
}

#image {
	padding: 30px;
	margin: 0;
}

#image th {
	white-space: nowrap;
}

#image input[type="file"] {
	width: 100%;
}

#image #edit {
	width: 100%;
}

#thumb {
	width: 240px;
}

.sort {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.sort li {
	position: relative;
	padding: 10px 30px;
	margin: 10px 0;
	border: solid 1px;
	border-radius: 10px;
}

.sort li:not(.bg_grey) {
	background-color: #EEFFEE;
}

.sort li::before {
	content: "↕";
	position: absolute;
	top: 48%;
	left: 11px;
	font-weight: bold;
	transform: translateY(-50%);
}

.detail td {
	position: relative;
}

.delrow {
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px;
	color: #FFFFFF;
	background-color: #FF0000;
	border: none;
	border-radius: 5px;
	transform: translate(50%, -50%);
	cursor: pointer;
}

.recruit {
	padding-bottom: 60px;
}

.rcat, 
.works {
	gap: 20px;
}

.rcat > div {
	flex: 1;
	padding: 10px;
	background-color: #FFFFFF;
	border: solid 1px;
}

.rcat ul li, 
.works ul li {
	padding-right: 10px;
	gap: 30px;
}

.rcat p, 
.works p {
	padding: 30px 0;
}

.acenter {
	align-items: center;
}

.between {
	justify-content: space-between;
}

.works > div:first-of-type {
	padding: 10px;
	background-color: #FFFFFF;
	border: solid 1px;
}
/*
.upload_area {
	position: relative;
	width: 100%;
	height: 300px;
	text-align: center;
	background-color: #FFFFFF;
	border: dashed 10px #8F8F8F;
	box-sizing: border-box;
}

.upload_area p {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	margin: auto;
	width: 100%;
	color: #8F8F8F;
	transform: translateY(-50%);
}

.upload_area input[type="file"] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 1000;
}

.log_area {
	padding: 30px;
	margin-top: 30px;
	background-color: #F6F6F6;
	border: solid 1px #8F8F8F;
}
*/

.image {
	display: flex;
	align-items: center;
}

.thumb {
	width: 320px;
}