/* ==========================================================================
=Metabox
========================================================================== */
.kiwi-metabox.kss-row {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 1.8em 0;
	margin: 0 0 0.8em;
	border-bottom: 1px solid #e9e9e9;
}

.kiwi-metabox.kss-row:last-child {
	border-bottom: 0;
}

.kiwi-metabox .kss-label {
	width: 18%;
	flex-basis: 18%;
	color: #222222;
	font-weight: 600;
	vertical-align: top;
}

.kiwi-metabox .kss-label label {
	display: block;
	padding: 5px 0;
	font-size: 14px;
}

.kiwi-metabox .kss-options {
	flex-basis: 80%;
	width: 80%;
	margin-bottom: 0;
	padding: 0;
	line-height: 1.3;
}

.kiwi-metabox .kss-options li {
	font-size: 14px;
	line-height: 16px;
}

.kiwi-metabox input[type="checkbox"],
.kiwi-metabox input[type="radio"] {
	margin: 0 5px 0 0;
	padding: 0;
}

.kiwi-metabox ul {
	margin: 0;
}

.kss-checkbox-list > p {
	margin-top: 0;
}

.kiwi-metabox textarea {
	width: 500px;
	padding: 8px;
	max-width: 100%;
}

.kiwi-metabox .kss-upload-file {
	width: 65%;
}

.kiwi-metabox .kss-upload-button {
	margin-left: 20px;
}

.kss-media-status .kss-media-item {
	position: relative;
	clear: none;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	width: auto;
}

.kss-media-status .kss-media-item img {
	cursor: pointer;
	height: auto;
	background: #eee;
	border: 5px solid #ffffff;
	outline: 1px solid #e9e9e9;
	box-shadow: inset 0 0 15px rgb(0 0 0 / 30%), inset 0 0 0 1px rgb(0 0 0 / 5%);
	background-image: linear-gradient(45deg, #d0d0d0 25%, transparent 25%, transparent 75%, #d0d0d0 75%, #d0d0d0), linear-gradient(45deg, #d0d0d0 25%, transparent 25%, transparent 75%, #d0d0d0 75%, #d0d0d0);
	background-position: 0 0, 10px 10px;
	background-size: 20px 20px;
	border-radius: 2px;
	margin: 15px 0 0 0;
}

.kss-media-status .kss-media-item .kss-remove-wrapper {
	margin: 0;
}

.kss-media-status .kss-media-item .kss-remove-file-button {
	background: url(../img/ico-delete.png);
	height: 16px;
	left: -5px;
	position: absolute;
	text-indent: -9999px;
	top: 10px;
	width: 16px;
}

@media screen and (max-width: 480px) {
	.kiwi-metabox.kss-row {
		display: block;
	}

	.kiwi-metabox .kss-label,
	.kiwi-metabox .kss-options {
		width: 100%;
		flex-basis: 100%;
	}

	.kiwi-metabox .kss-upload-file {
		width: 100%;
	}

	.kiwi-metabox .kss-upload-button {
		margin-left: 0;
		margin-top: 10px;
	}
}