/* --------------------------------------------------------------------------------------
 編集者紹介
-------------------------------------------------------------------------------------- */
.inner-editor{
	min-height: calc(100vh - 480px);
}

.editor-header {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #c6c6c6;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
}

.editor-link{
    display: flex;
	margin-bottom: 20px;
	flex-wrap: wrap;
}

.editor-link .current{
	background-color: #f7f7f7;
    border: 1px solid #eeefef;
}

.editor-link-list{
	padding: 5px 0;
	text-align: center;
    width: calc(100% / 11);
	font-size: 14px;
	transition-duration: 0s;
}

.editor-link-list:hover{
	background-color: #f7f7f7;
    border: 1px solid #eeefef;
}
.editor-list {
	display:-webkit-box;
	display:-ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	/* justify-content: space-between; */
}
.editor-profile {
	width: calc((100% - 48px) / 4);
	padding: 12px 8px;
	border: solid 1px #e1e1e1;
	display:-webkit-box;
	display:-ms-flexbox;
	display: flex;
	align-items: center;
	position: relative;
	margin-top: 15px;
	margin-right: 6px;
	margin-left: 6px;
}

/* .editor-profile:nth-child(4n) {
	margin-right: 0px;
} */
/* .editor-profile:nth-child(n+5) {
	margin-top: 15px;
} */

/* .editor-profile.show {
	margin-right: 15px;
	margin-top: 15px;
} */

/* .editor-profile .show:nth-child(4n) {
	margin-right: 0px;
} */
/* .editor-profile .show:nth-child(n+5) {
	margin-top: 15px;
} */

.profile-img {
	width: 55px;
	height: 55px;
	margin-right: 8px;
}
.profile-img img {
	border-radius: 30px;
}
.profile-text {
	height: 100%;
	width: 70%;
}
.profile-text .name {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2;
}

.profile-text .ruby {
	font-size: 11px;
	color: #888;
}
.profile-text .description {
	font-size: 11px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.editor-profile .button {
	font-size: 14px;
	text-align: center;
	color: #014dd7;
}
.editor-profile  a {
	position: absolute;	
	display: block;
	right: 2%;
	width: 100%;
	height: 100%;
}

@media all and (-ms-high-contrast: none){
	
}

/*-----------------------------------------------------	*/
/*	for - 950px					*/
/*-----------------------------------------------------	*/
@media screen and (max-width: 950px) {

}

/*-----------------------------------------------------	*/
/*	for - 768px					*/
/*-----------------------------------------------------	*/
@media screen and (max-width: 768px) {
	.editor-link{
		margin-bottom: 0px;
	}
	.editor-profile .show:nth-child(4n) {
		margin-right: 0px;
		margin-top: 0;
	}
	.editor-profile .show:nth-child(n+5) {
		margin-top: 0px;
	}

	.editor-profile {
		width: 100%;
		margin-right: 0;
		margin-top: 20px;
	}

	.editor-profile.show {
		margin-top: 20px;
		margin-right: 0;
	}

	.profile-text {
		height: 100%;
		width: 78%;
	}
	
}

/*-----------------------------------------------------	*/
/*	for - 480px					*/
/*-----------------------------------------------------	*/
@media screen and (max-width: 480px) {
	.inner-editor{
		min-height: calc(100vh - 300px);
	}
	.editor-link-list{
		padding: 5px 0;
		text-align: center;
		width: 20%;
		font-size: 14px;
		transition-duration: 0s;
	}

	
}