.maker-list table {
	border-collapse: separate;
	border-spacing: 0 30px;
}

.maker-list tr:last-child td {
	border-bottom: none;
}

.maker-list tr {
	cursor: pointer;
}

.maker-list .maker-logo img {
	border: 1px solid var(--border-admin-section);
	width: 185px;
	height: 123px;
	object-fit: contain;
}

.maker-list .maker-name p:first-child {
	font: normal normal normal 20px/25px Kozuka Gothic Pro;
	font-weight: bold;
}

.maker-list .maker-name {
	max-width: 600px;
}

.maker-list .maker-total {
	min-width: 68px;
	max-width: 68px;
}

.maker-list tr td p {
	text-align: left;
	font: normal normal normal 17px/21px Kozuka Gothic Pro;
	letter-spacing: 0px;
	color: var(--default-txt-color);
	opacity: 1;
}

.maker-list tr .maker-total p {
	text-align: center;
}

.maker-list tr {
	box-shadow: 2px 2px 3px #00000029;
	border: 1px solid var(--default-border-color);
	margin-bottom: 30px;
}

.maker-list tr .maker-logo {
	width: 201px;
}

/* management header and footer */
/* header */
.header {
	z-index: 9;
}

.header .mr-40 {
	margin-right: 40px;
}

.header .ml-50 {
	margin-left: 50px;
}

.header .container {
	max-width: 100%;
}

.header .icon {
	color: #fff;
	padding: .375rem .75rem;
}

.header .icon:hover {
	color: #AEC7FF !important;
	opacity: 1;
}

.header .nav-test {
	display: none;
}

.navbar-expand-lg .menu-navbar {
	flex-direction: row-reverse;
}

.header .nav-item {
	padding-left: 5px;
	padding-right: 5px;
}

.header .dropdown {
	position: relative;
	display: inline-block;
}

.header .dropdown-content {
	display: none;
	position: absolute;
	background-color: #f5f5f5;
	z-index: 1;
	list-style: none;
	left: -100%;
}

.header .dropdown:hover .dropdown-content {
	display: block;
}

.header .dropdown-item {
	background-color: #8B8B8B;
	color: var(--accent-txt-color) !important;
	font-family: Kozuka R !important;
	font-size: 20px;
	height: 40px;
	width: 240px;
	padding-left: 25px;
}

.header .dropdown-divider {
	margin: 0;
}

.divider-icon {
	display: none;
}

.header .dropdown-content .dropdown-item:hover {
	background-color: #b5b5b5;
	color: var(--accent-txt-color) !important;
}

.header a.logout {
	display: flex;
	color: #fff;
	text-decoration: none
}

.header a.logout:hover {
	color: #E29090 !important;
}

.header ul li i {
	font-size: 34px;
}

.header .navbar-toggler {
	display: none;
	background-color: #fff;
	color: #000;
	width: 45px;
	height: 40px;
}

.header p {
	font-family: Kozuka R !important;
}

/* end header */

/* end brand2 */
/* end management header and footer */


/* .item-add */

body.admin .item-add input {
	border: 1px solid var(--default-border-color);
}

body.admin .item-add input.input-5em {
	width: 5em;
}

.item-add .list-image {
	margin-bottom: 20px;
}

.item-add .list-image .wrap-drop-file-zone .drop-file-zone {
	width: 194px;
	height: 132px;
}

.item-add .list-image-item {
	max-width: 194px;
	margin-right: 30px;
	margin-bottom: 30px;
}

.list-image-item .evaluation-weight {
	margin-top: 5px;
	display: flex;
	align-items: center;
}

.list-image-item .evaluation-weight label {
	flex: 1;
	margin-right: 0.5em;
	font-size: 85%;
}

.list-image-item .evaluation-weight input {
	flex: 0 1 5em;
	margin-left: 0.5em;
	margin-right: 0.5em;
	text-align: right;
}

.list-image-item .evaluation-weight input[readonly] {
	opacity: 0.6;
	cursor: not-allowed;
}

.item-add .list-image-item .text-red {
	font: normal normal normal 18px/0px Kozuka R;
}

.item-add .list-image-item .ellipsis-2 {
	max-height: 40px;
	line-height: 20px;
}

.range span.divider {
	min-width: 30px;
	text-align: center;
}

.item-add .range {
	width: calc(98vw - 100px);
}

.item-add .wrap-range {
	display: flex;
	flex-wrap: wrap;
}

.range .d-flex.flex-column,
.rear-grip .d-flex.flex-column {
	max-width: 350px;
}

.specification-info .form-label {
	min-width: 190px;
}

.item-add .specification-info .wrap-checkbox {
	width: calc(100% - 230px);
}

.wrap-image-card {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
}

.item-add .item-confirm .img-cover {
	text-align: center;
	margin-bottom: 20px;
	width: calc(98vw - 117px);
}

.item-add .form-check .radio-input {
	margin-top: .25em;
	vertical-align: top;
	float: left;
}

.item-add .item-confirm .img-cover img {
	height: 470px;
	object-fit: contain;
	width: 100%;
}

.item-add .item-confirm .wrap-image {
	flex: 0 1 420px;
	display: flex;
	flex-wrap: wrap;
}

.item-add .item-confirm .wrap-image img {
	width: 200px;
	height: 200px;
	margin-right: 10px;
	object-fit: contain;
	margin-bottom: 10px;
	border: 1px solid var(--default-border-color);
}

.item-add .item-confirm .wrap-card {
	flex: 1 1 50%;
}

.item-add .item-confirm .img-bending {
	margin-bottom: 15px;
	padding: 10px;
	border: 1px dashed gray;
	border-radius: 5px;
}

.item-add .item-confirm .img-bending h4 {
	margin-bottom: 10px;
}

.item-add .item-confirm .img-bending figure {
	flex: 0 0 140px;
	border: 1px solid var(--default-border-color);
	margin: 0 10px 10px 0;
}

.item-add .item-confirm .img-bending-strip {
	display: flex;
}

/* width */
.item-add .item-confirm .wrap-table-useful::-webkit-scrollbar {
	height: 5px;
	border-radius: 8px;
}

/* Track */
.item-add .item-confirm .wrap-table-useful::-webkit-scrollbar-track {
	background: var(--default-table-bg);
}

/* Handle */
.item-add .item-confirm .wrap-table-useful::-webkit-scrollbar-thumb {
	background: var(--default-border-color);
	opacity: 0.9;
	border-radius: 8px;
}

/* Handle on hover */
.item-add .item-confirm .wrap-table-useful::-webkit-scrollbar-thumb:hover {
	background: var(--default-border-color);
	opacity: 1;
}

.item-add .item-confirm .wrap-card .form-buttons {
	margin-top: 30px;
}

.item-add .item-confirm .wrap-card .form-buttons button {
	margin-right: 20px;
	background: #F2F2F2 0% 0% no-repeat padding-box;
	border: 1px solid #727272;
	border-radius: 6px;
	text-align: left;
	font: normal normal normal 14px/31px Kozuka Gothic Pro;
	letter-spacing: 0px;
	color: #8B8B8B;
	opacity: 1;
}

.item-add .item-confirm .wrap-card .form-buttons button i {
	color: #8B8B8B;
	margin-right: 10px;
}

.item-add .item-confirm .wrap-card .wrap-content {
	padding: 25px;
}

.item-add .item-confirm .wrap-card .wrap-content .ellipsis-3 {
	height: 75px;
}

.item-add .item-confirm .wrap-card .item {
	display: flex;
}

.item-add .item-confirm .wrap-card .item p {
	margin-bottom: 0;
}

.item-add .item-confirm .wrap-card .title {
	background-color: var(--blue-root);
	color: var(--white);
	font: normal normal normal 22px/48px Kozuka Gothic Pro;
	border-bottom: 0;
	padding-left: 25px;
	max-height: unset;
}

.item-add .item-confirm .wrap-card .item p:first-child {
	width: 100px;
	min-width: 100px;
}

.item-add .item-confirm .wrap-card .item p:nth-child(2) {
	display: flex;
}

.item-add .item-confirm .wrap-card .item span {
	width: 50px;
	height: 1px;
	background-color: var(--default-txt-color);
	margin: 0 10px;
	margin-top: 12px;
}

.item-list .wrap-csv label {
	width: 300px;
}

.item-list .txt-date {
	margin: 0 5px;
	display: flex;
	align-items: center;
}

.item-list .wrap-csv .item {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 25px;
}

.item-list .wrap-csv h5 {
	margin-bottom: 50px;
}

.item-list .wrap-csv .flex-between {
	margin-bottom: 100px;
}

.item-add .table-striped,
.item-add .table-striped {
	table-layout: fixed;
	word-wrap: break-word;
}

.item-add .table-striped,
.item-confirm section :not(div, h3, button, a, i, .btn-custom p, option, .bold) {
	font-family: Kozuka R;
}

.btn-custom-secondary p {
	font-family: Kozuka B;
}

.item-confirm .form-group .font18,
.table-product-detail p {
	font-family: Kozuka R;
}

.item-add .table-striped tr th:first-child,
.item-add .table-striped tr td:first-child {
	width: 25%;
	border-right: 1px solid var(--default-border-color);
	word-wrap: break-word;
	word-break: break-all;
}

.item-add .table-striped tr:nth-child(odd) {
	background-color: var(--default-table-bg);
	border-bottom: 1px solid var(--default-border-color);
}

.item-add .table-striped tr {
	border-right: 1px solid var(--default-border-color);
	border-left: 1px solid var(--default-border-color);
}

.item-add .table-striped tr th {
	text-align: center;
}

.wrap-table-useful .wrap-useful {
	width: 40px;
	text-align: center;
	border: 1px solid var(--default-border-color);
}

.wrap-table-useful .wrap-title {
	background-color: var(--default-table-bg);
	padding: 10px;
	border-bottom: 1px solid var(--default-border-color);
	min-height: 200px;
	font-family: Kozuka R;
}

.wrap-table-useful .wrap-title p {
	margin-bottom: 0;
	writing-mode: vertical-rl;
	margin-left: 0;
}

.wrap-table-useful .wrap-value {
	min-height: 34px;
}

.wrap-table-useful {
	overflow-x: auto;
}

.wrap-table-useful .wrap-value p {
	margin-bottom: 0;
	margin-bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5px;
}

.form-check label {
	width: unset;
}

.item-add .wrap-checkbox {
	width: calc(100% - 200px);
}

input[name='accessories'] {
	width: calc(98vw - 329px);
	max-width: unset;
}

input[name='movie_url'] {
	width: calc(98vw - 339px);
	max-width: unset;
}

.item-add textarea[name='product_introduction'],
textarea[name='feature'],
textarea[name='remarks'],
textarea[name='comment'] {
	width: calc(98vw - 100px);
}

.wrap-accessories {
	width: calc(100% - 229px);
}

.wrap-movie-url {
	width: calc(100% - 239px);
}

.item-add .wrap-checkbox.has-error {
	background-color: unset;
}

.item-add .wrap-checkbox.has-error input {
	border: 1px solid var(--red);
}

.item-add .product-reivew .form-label {
	min-width: 200px;
}

.item-add input[type="radio"] {
	height: 20px;
}

.item-add .wrap-frame {
	text-align: center;
}

.item-add iframe {
	height: 661px;
	width: 100%;
}

.item-add .wrap-frame .no-frame {
	display: flex;
	align-items: center;
	justify-content: center;
	font: normal normal normal 131px/288px Kozuka Gothic Pro;
}

.item-add .item-confirm .img-cover {
	margin: 0 auto 20px;
}

.shop-list .wrap-img img {
	width: 185px;
	height: 123px;
	object-fit: contain;
	margin-right: 20px;
	border: 1px solid var(--default-border-color);
}

.shop-list label {
	width: 100px;
}

.shop-list .item {
	padding: 10px;
	box-shadow: 1px 1px 4px #00000029;
	border-bottom: 1px solid var(--default-border-color);
}

.shop-list .content-name p {
	margin-bottom: 0;
	color: var(--default-txt-color);
	font-size: 18px;
}

.shop-inventory p.stock-value {
	width: 195px;
	margin-right: 5px;
}

.shop-inventory option,
.shop-inventory select {
	font-family: inherit !important;
}

.img-cover {
	height: 470px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.img-cover img {
	height: unset !important;
	width: unset !important;
	max-height: 470px;
	max-width: 100%;
}

table a.table-link:hover {
	text-decoration: underline;
}