/* :::::::::::::::::: member level :::::::::::::::::: */

.addbtn{
	float: right;
	margin: -40px 5px 0 0;
}

.error {
	font-size: 0.875rem;
	color: #e62c2a;
	margin: 0;
}

.title{
	font-size: 1.125rem;
	font-weight: 500;
}
.comment{
	font-size: 0.875rem;
}

.label{
	display: inline-block;
}

.postAreaMove {
	position: absolute;
	background: rgba(0,0,0,0.2);
	z-index: 921;
}
.postAreaMove.close {
	display: none;
}

.postArea {
	position: absolute;
	background: #fff;
	top: 100px;
	width: calc(100% - 400px);
	border: solid 2px #000;
	z-index: 920;
	box-shadow: 0 1px 10px rgba(0,0,0,0.4);
}
.postArea.add,
.postArea.edit {
	max-width: 570px;
	left: calc(50% - 285px);
}
.postArea.edit0 {
	max-width: 710px;
	left: calc(50% - 350px);
}

.postArea.close {
	display: none;
}

.postArea .close-button {
	position: absolute;
	top: -18px;
	right: -18px;
}
.postArea .close-button a{
	display: inline-block;
}

.postArea .movebar {
	height: 30px;
	background: #ccc;
	cursor: move;
}

.postArea input[name="alias"]{
	width: 250px;
	display: inline-block;
}

.postArea form{
	padding: 15px;
}
.postArea .button{
	display: inline-block;
}

.postArea input[type="submit"]{
	line-height: 1.75;
	min-width: 150px;
	background: #ff8025;
	padding: 5px 8px 8px;
	
}
.postArea input[type="submit"]:hover{
	background: #ff5900;
}


.postArea input[name="delete"]{
	color: #666;
	background: #ddd;
}
.postArea input[name="delete"]:hover{
	background: #ccc;
}

.postArea.add input[name="delete"],
.postArea.add input[name="update"]{
	display: none;
}

.postArea.edit input[name="new"],
.postArea.edit input[name="delete"]{
	display: none;
}

.postArea.edit0 input[name="new"]{
	display: none;
}
.postArea .levels{
	margin: 15px 0 0 15px;
}
.postArea.add .levels{
	display: none;
}
.postArea .levels input[type="check"]{
	margin-right: 5px;
}
.postArea .label{
	font-size: 0.875rem;
	width: 70px;
}

.levelArea{
	padding: 30px 0;
	overflow-x: auto;
}
.levelArea .th{
	font-size: 0.75rem;
	color: #fff;
	background: #B7B7A4;
	white-space: nowrap;
	width: 100%;
}

.levelArea .td{
	border-bottom: dotted 1px #6B705C;
	white-space: nowrap;
	width: 100%;
}
.levelArea .td:first-child{
	border-top: dotted 1px #6B705C;
}
.levelArea .th > span,
.levelArea .td > span{
	vertical-align: middle;
	display: inline-block;
}
.levelArea .edit{
	width: 60px;
}
.levelArea .name{
	width: 120px;
}
.levelArea .td .name{
	line-height: 34px;
}
.levelArea .num{
	text-align: center;
	width: 40px;
}
.levelArea .option{
	width: 80px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
}

.memberArea{
	margin: 30px 0;
}

.memberArea .error {
	margin: 0 0 15px;
}
.memberArea .message {
	color: #6B705C;
}


.memberArea select[name="member"]{
	width: calc(100% - 100px);
}

.memberArea .select2 textarea{
	min-height: inherit;
	width: 100% !important;
	padding: 10px 2px 0 !important;
}
.memberArea .select2 ul{
	margin: 0;
}
.main .memberArea .select2 button{
	border-right: none;
}

.memberArea .liorg{
	display: none;
}

.memberArea .list{
	margin: 30px 15px 0;
}
.memberArea .li{
	border-bottom: dotted 1px #6B705C;
}
.memberArea .li:first-child{
	border-top: dotted 1px #6B705C;
}
.memberArea .li select{
	margin: 2px 0;
	width: auto;
}

.memberArea .li > span,
.memberArea .li > label,
.memberArea .li > label > span {
	display: inline-block;
}
.memberArea .li .edit {
	width: 60px;
}
.memberArea .li .edit input{
	margin: 0;
	display: inline-block;
}
.memberArea .li .mname {
	width: 150px;
}
.memberArea .li .mlevel {
	width: 100px;
}
.memberArea .update{
	margin: 15px 0 15px 15px;
}
.memberArea .select2-container--default .select2-selection--multiple .select2-selection__choice__display{
	font-size: 0.875rem;
}

.memberDeleteArea{
	margin-top: 60px;
}

/* 640px smartphone*/
@media only screen and (max-width: 40em) {
	.postArea.add,
	.postArea.edit {
		max-width: 100%;
		left: 5px;
	}
	.postArea{
		width: calc(100% - 10px);
	}
	.postArea.edit{
		top: 2px;
	}
	.postArea .movebar{
		display: none;
	}
	.postArea .close-button{
		top: 5px;
		right: 5px;
	}
	.postArea.edit .close-button{
		position: fixed;
		top: 60px;
		right: 10px;
	}
	.postArea input[name="alias"]{
		width: calc(100% - 30px);
	}
	.memberArea .li .mname{
		font-size: 0.875rem;
		width: 120px;
	}
	.memberArea .li .mlevel{
		width: auto;
	}
	.memberArea .li select{
		font-size: 0.875rem;
	}
}
/* 850px smartphone*/
@media only screen and (max-width: 850px) {
	.levelArea .th{
		width: fit-content;
	}

	.levelArea .td{
		width: fit-content;
	}
}

/* 640px PC*/

@media only screen and (min-width: 40em) {}