/*
ショップ画面のCSS（overrides)
変数は、app.cssに設定されています。
*/
@font-face {
	font-family: Kozuka B;
	src: url('../fonts/KozukaGothicPro/KozGoPro-Bold.otf') format('opentype');
}

@font-face {
	font-family: Kozuka R;
	src: url('../fonts/KozukaGothicPro/KozGoPro-Regular.otf') format('opentype');
}

@font-face {
	font-family: Meiryo;
	src: url('../fonts/meiryo/meiryo.ttc') format('ttc');
}

/* body.admin :not(.sub-content) pre {
	color: white;
} */

body.admin.login .admin-container {
	width: 500px;
	margin: auto;
	background-color: var(--default-bg-color);
}

body.admin.login .admin-container main {
	padding: var(--default-spacing);
}

body.admin aside {
	display: flex;
	flex-direction: column;
	background-color: var(--left-bg-color);
	color: var(--left-txt-color);
	padding: var(--default-spacing);
}

body.admin .main-container {
	display: flex;
	flex-direction: column;
	flex: 1;
	/* grow */
	background-color: var(--default-bg-color);
}

body.admin .btn {
	border-radius: 8px;
}

body.admin footer {
	margin-top: auto;
	padding: var(--default-spacing);
	background-color: var(--default-border-color);
}

body.admin .app-version {
	background-color: var(--default-bg-color);
}

body.admin aside h2 {
	margin-bottom: 1em;
}

body.admin aside .btn {
	display: block;
	text-align: left;
}

body.admin aside .btn.btn-nav {
	background-color: var(--left-bg-color);
	color: var(--left-txt-color);
	margin-bottom: var(--default-spacing);
}

body.admin aside .btn.btn-nav.active {
	background-color: var(--left-accent-color);
}

body.admin aside .bottom {
	margin-top: auto;
}

body.admin main {
	padding: var(--default-spacing);
}

body.admin .btn-primary {
	background-color: var(--color-primary);
	border-color: var(--color-primary);
}


body.admin label {
	text-align: left;
	font: normal normal normal 18px/30px Kozuka R;
	letter-spacing: 0px;
	color: var(--default-txt-color);
	opacity: 1;
}


body.admin input {
	background: var(--accent-txt-color) 0% 0% no-repeat padding-box;
	border: 1px solid var(--border-input-color);
	opacity: 1;
	border-radius: 0px;
}

body.admin input[type="date"].minw {
	width:10em;
}

body.admin select {
	text-indent: 3px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid var(--default-border-color);
	opacity: 1;
	text-align: left;
	letter-spacing: 0px;
	color: var(--default-txt-color);
	cursor: pointer;
}
body.admin select option{
	cursor: pointer;
	color: var(--default-txt-color);
	border: 1px solid var(--default-border-color);
}
body.admin .select-sort-page{
	min-width: 155px;
}
body.admin .form-control{
	border-radius: 0;
}
body.admin input.form-control:focus{
	box-shadow: unset;
}

body.admin h2.title{
	font: normal normal normal 25px/35px Kozuka Gothic Pro;
	letter-spacing: 0px;
	color: var(--default-txt-color);
	opacity: 1;
	border-left: 5px solid #8B8B8B;
	height: 35px;
	padding-left: 10px;
	opacity: 1;
}
body.admin .btn-light {
	/* 基本の不具合で、テキストの色は、黒になりません */
	color: var(--left-bg-color);
}
.text-guide-bread {
	text-align: left;
	font: normal normal normal 18px/40px Kozuka Gothic Pr6N;
	letter-spacing: 0px;
	color: var(--default-txt-color);
	opacity: 1;
}
.maker-complete .text-guide-bread{
	margin-bottom: 90px;
}

.list-pagination {
	margin: auto;
}

.list-pagination .page-item .page-link {
	border-color: var(--left-accent-color);
	color: var(--left-bg-color);
}

.list-pagination .page-item.active .page-link {
	background-color: var(--left-bg-color);
	color: var(--left-txt-color);
}

.user-greet {
	color: var(--left-txt-color);
}

/* Maker Page */
.maker-page input{
	max-width: 350px;
}
/* footer */
.footer {
    text-align: center;
}

footer {
    border-top: #aea8a8 solid 1px;
    background-color: #ffffff !important;
	margin: var(--default-spacing);
}

/* end footer */

.mobile .item-list{
	border: 1px solid var(--blue-root);
	border-radius: 10px;
	margin-bottom: 25px;
	padding: 25px 10px;
}
.mobile .item-list p span {
    width: 150px;
    height: 1px;
    background-color: var(--default-txt-color);
    margin: 0 10px;
    margin-top: 12px;
}
.mobile .express-condition {
	border-bottom: 1px solid var(--border-admin-section);
	color: var(--border-title-admin);
}
.item-list .mobile select[name='limit']{
	width: 100px!important;
}

.item-list .mobile select[name='key_sort']{
	width: 60%!important;
}
.item-list .mobile p{
	margin-bottom: 2px;
}
.item-list .mobile select[name='type_sort']{
	width: 30%!important;
}

.mobile .item-list select[name='limit']{
	width: 100px;
}
.item-list .mobile .select-width-sm{
	max-width: 60%;
}

/* === TOP slides === */

.slides-admin-prods a,
.slides-admin-reviews a {
	text-decoration: none;
	color: var(--darkreader-text--default-txt-color);
}

/* 折り畳み機能 */

.toggleable-src {
	cursor: pointer;
}

.toggleable-ind::after {
	display: inline-block;
	content: "▼";
	transition: all 0.2s ease;
}
.toggleable-ind.toggleable-closed::after {
	/* content: "▶"; */
	transform: rotate(-90deg);
}

.toggleable-tgt.toggleable-closed {
	display: none;
	transform: scaleY(0);
}

/* 空項目検索フォーム */
.search-empty-title {
	font-weight: bold;
}

.emp-col {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

[data-toggle=search-empty] label {
	display: flex;
	align-items: center;
	width: unset;
	flex: 0;
}

input[type=text]:disabled {
	background-image: linear-gradient(45deg, #f5f5f5 25%, #e6e6e6 25%, #e6e6e6 50%, #f5f5f5 50%, #f5f5f5 75%, #e6e6e6 75%, #e6e6e6 100%);
	background-size: 56.57px 56.57px;
	background-repeat: repeat;
}

.table-makers .image-logo {
	max-height: 80px;
	width: auto;
}

.table-noborder-last tr:last-child td {
	border-bottom: none;
}

.fee-status-on {
	padding: 0 3px;
	border-radius: 3px;
	background-color: var(--fee-on-color);
	color: white;
}

.fee-status-off {
	padding: 0 3px;
	border-radius: 3px;
	background-color: var(--fee-off-color);
	color: white;
}

.yoyaku-status-waiting {
	padding: 0 3px;
	border-radius: 3px;
	background-color: var(--fee-waiting-color);
	color: white;
}