/* 共通 */
:root {
	--theme-color:  #36b9cc;
	--search-color: #4e73df;
}

html, body {
	-webkit-overflow-scrolling: touch;
	font-family: 'Noto Sans JP', sans-serif;
}

.w-fit-content {
	width: fit-content;
}

select option.placeholder {
	color: #ccc;
}

.container-fluid {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.text-theme   { color: var(--theme-color); }
.text-sale  { color: #303030; }
.text-buy   { color: #303030; }

.bg-theme   { background-color: var(--theme-color); }
.bg-sale     { background-color: #1cc88a; }
.bg-buy      { background-color: #f6c23e; }

.btn-theme        { color: #fff; background-color: var(--theme-color); border-color: var(--theme-color); }
.btn-theme:active { color: #fff; background-color: #2a96a5; border-color: #278c9b; }
.btn-theme:hover  { color: #fff; background-color: #2c9faf; border-color: #2a96a5; }
.btn-theme:focus  { box-shadow: 0 0 0 0.2rem rgba(84,196,212,.5); }

.btn.btn-common        { color: #fff; background-color: #17a2b8; border-color: #17a2b8; }
.btn.btn-common:active { color: #fff; background-color: #117a8b; border-color: #10707f; }
.btn.btn-common:hover  { color: #fff; background-color: #138496; border-color: #117a8b; }
.btn.btn-common:focus  { color: #fff; background-color: #138496; border-color: #117a8b; }
.btn.btn-common.disabled,
.btn.btn-common:disabled { color: #fff; background-color: #17a2b8; border-color: #17a2b8; }

.btn.btn-exe          { color: #fff; background-color: #28a745; border-color: #28a745; }
.btn.btn-exe:active   { color: #fff; background-color: #1e7e34; border-color: #1c7430; }
.btn.btn-exe:hover    { color: #fff; background-color: #218838; border-color: #1e7e34; }
.btn.btn-exe:focus    { color: #fff; background-color: #218838; border-color: #1e7e34; }
.btn.btn-exe.disabled,
.btn.btn-exe:disabled { color: #fff; background-color: #28a745; border-color: #28a745; }

.btn.btn-insert          { color: #fff; background-color: #5cb85c; border-color: #4cae4c; }
.btn.btn-insert:active   { color: #fff; background-color: #449d44; border-color: #398439; }
.btn.btn-insert:hover    { color: #fff; background-color: #449d44; border-color: #398439; }
.btn.btn-insert:focus    { color: #fff; background-color: #449d44; border-color: #255625; }
.btn.btn-insert.disabled,
.btn.btn-insert:disabled { background-color: #5cb85c; border-color: #4cae4c; }

.btn.btn-update          { color: #fff; background-color: #f0ad4e; border-color: #eea236; }
.btn.btn-update:active   { color: #fff; background-color: #ec971f; border-color: #d58512; }
.btn.btn-update:hover    { color: #fff; background-color: #ec971f; border-color: #d58512; }
.btn.btn-update:focus    { color: #fff; background-color: #ec971f; border-color: #985f0d; }
.btn.btn-update.disabled,
.btn.btn-update:disabled { background-color: #f0ad4e; border-color: #eea236; }

.btn.btn-outline-common          { color: #17a2b8; border-color: #17a2b8; }
.btn.btn-outline-common:active   { color: #fff; background-color: #17a2b8; border-color: #17a2b8; }
.btn.btn-outline-common:hover    { color: #fff; background-color: #17a2b8; border-color: #17a2b8; }
.btn.btn-outline-common:focus    { box-shadow: 0 0 0 0.2rem rgba(23,162,184,.5); }
.btn.btn-outline-common.disabled,
.btn.btn-outline-common:disabled { color: #17a2b8; background-color: transparent; }

.btn-outline-search { color: var(--search-color); border-color: var(--search-color); }
.btn-outline-search:active { color: #fff; background-color: var(--search-color); border-color: var(--search-color); }
.btn-outline-search:hover  { color: #fff; background-color: var(--search-color); border-color: var(--search-color); }
.btn-outline-search:focus  { box-shadow: 0 0 0 0.2rem rgba(78,115,223,.5); }

.badge-theme { color: #fff; background-color: var(--theme-color); }

.fa-rotate-45 {
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	        transform: rotate(45deg);
}
.fa-rotate-135 {
	-webkit-transform: rotate(135deg);
	   -moz-transform: rotate(135deg);
	    -ms-transform: rotate(135deg);
	     -o-transform: rotate(135deg);
	        transform: rotate(135deg);
}
.fa-rotate-225 {
	-webkit-transform: rotate(225deg);
	   -moz-transform: rotate(225deg);
	    -ms-transform: rotate(225deg);
	     -o-transform: rotate(225deg);
	        transform: rotate(225deg);
}
.fa-rotate-315 {
	-webkit-transform: rotate(315deg);
	   -moz-transform: rotate(315deg);
	    -ms-transform: rotate(315deg);
	     -o-transform: rotate(315deg);
	        transform: rotate(315deg);
}

form {
	margin: 0;
}

form .input-group select {
	max-width: fit-content;
}

.form-group {
	margin-bottom: .5rem;
}
.form-group.row {
	align-items: center;
}

.form-label-group {
	position: relative;
	margin-bottom: 1rem;
}
.form-label-group > input,
.form-label-group > label {
	height: 3.125rem;
	padding: .75rem;
}
.form-label-group > label {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	color: #495057;
	pointer-events: none;
	cursor: text; /* Match the input under the label */
	border: 1px solid transparent;
	border-radius: .25rem;
	transition: all .1s ease-in-out;
}
.form-label-group input::-webkit-input-placeholder {
	color: transparent;
}
.form-label-group input::-ms-input-placeholder {
	color: transparent;
}
.form-label-group input::-moz-placeholder {
	color: transparent;
}
.form-label-group input::placeholder {
	color: transparent;
}
.form-label-group input:not(:-moz-placeholder-shown) {
	padding-top: 1.25rem;
	padding-bottom: .25rem;
}
.form-label-group input:not(:placeholder-shown) {
	padding-top: 1.25rem;
	padding-bottom: .25rem;
}
.form-label-group input:-webkit-autofill {
	padding-top: 1.25rem;
	padding-bottom: .25rem;
}
.form-label-group input:not(:-moz-placeholder-shown) ~ label {
	padding-top: .25rem;
	padding-bottom: .25rem;
	font-size: 12px;
	color: #777;
}
.form-label-group input:not(:placeholder-shown) ~ label {
	padding-top: .25rem;
	padding-bottom: .25rem;
	font-size: 12px;
	color: #777;
}
.form-label-group input:-webkit-autofill ~ label {
	padding-top: .25rem;
	padding-bottom: .25rem;
	font-size: 12px;
	color: #777;
}
/* Fallback for Edge
-------------------------------------------------- */
@supports (-ms-ime-align: auto) {
	.form-label-group > label {
		display: none;
	}
	.form-label-group input::-ms-input-placeholder {
		color: #777;
	}
}
.form-label {
	margin: 0 0 .25rem;
	font-size: .75rem;
	font-weight: bold;
	line-height: 1.5;
}
.form-label.required::after,
.form-label.optional::after,
.form-label.fixed::after {
	display: inline-block;
	padding: .25rem .25rem;
	margin: 0 0 0 .25rem;
	line-height: 1;
	font-size: .5rem;
	font-weight: bold;
	border-radius: .25rem;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}
.form-label.required::after {
	content: "必須";
	color: #fff;
	background-color: var(--orange);
}
.form-label.optional::after {
	content: "任意";
	color: #fff;
	background-color: var(--gray);
}
.form-label.fixed::after {
	content: "固定";
	color: #fff;
	background-color: var(--dark);
}

.label-check {
	margin: 0;
}
.label-check input[type='checkbox'] {
	display: none;
}
.label-check input[type='checkbox'] + label {
	display: inline-block;
	position: relative;
	margin: 0.1rem 0;
	padding: .25rem .5rem;
	font-size: 14px;
	cursor: pointer;
	z-index: 0;
}
.label-check input[type='checkbox'] + label::before {
	content: ' ';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 2px solid var(--theme-color);
	border-radius: 4px;
	z-index: -1;
}
.label-check input[type='checkbox']:checked + label {
	color: #fff;
}
.label-check input[type='checkbox']:checked + label::before {
	background: var(--theme-color);
}
.label-check label,
.label-check label::before {
	-webkit-transition: 0.25s all ease;
	        transition: 0.25s all ease;
}

.toggle-check {
	height: 2rem;
	padding: 0;
	margin: 0;
}
.toggle-check input[type="checkbox"] {
	display: none;
}
.toggle-check input[type="checkbox"] + label {
	display: block;
	position: relative;
	top: .5rem;
	padding: 0;
	margin: 0;
	cursor: pointer;
}
.toggle-check input[type="checkbox"] + label:before,
.toggle-check input[type="checkbox"] + label:after {
	content: '';
	position: absolute;
	top: 50%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	margin-top: -7.5px;
}
.toggle-check input[type="checkbox"] + label:before {
	top: 0;
	left: 0;
	width: 4rem;
	height: 2rem;
	background: #fff;
	border: 1px solid #e4e3e1;
	border-radius: 15px;
}
.toggle-check input[type="checkbox"] + label:after {
	top: 0.1rem;
	left: 0.1rem;
	width: 1.8rem;
	height: 1.8rem;
	background: #bdbdbd;
	border-radius: 50%;
	-webkit-transition: all 200ms ease-out;
	        transition: all 200ms ease-out;
}
.toggle-check input[type="checkbox"]:checked + label:after {
	left: 2.1rem;
	background: var(--search-color);
}

ul.asterisk {
	width: fit-content;
	font-size: 12px;
    margin: 0 auto;
    padding: 0;
	list-style: none;
}
ul.asterisk li {
	padding-left: 1em;
	text-indent: -1em;
}
ul.asterisk li:before {
	 content: "※";
}

a[data-toggle="collapse"] i.collapse-icon {
	-webkit-transform: rotateX(0deg);
	   -moz-transform: rotateX(0deg);
	    -ms-transform: rotateX(0deg);
	     -o-transform: rotateX(0deg);
	        transform: rotateX(0deg);
	transition: all .2s 0s ease-in-out;
}
a[data-toggle="collapse"][aria-expanded="true"] i.collapse-icon {
	-webkit-transform: rotateX(540deg);
	   -moz-transform: rotateX(540deg);
	    -ms-transform: rotateX(540deg);
	     -o-transform: rotateX(540deg);
	        transform: rotateX(540deg);
}

/* ヘッダー */
.topbar {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 10;
}
.topbar .nav-item .nav-link {
	padding: 0 .25rem;
}
.topbar .form-inline .input-group {
	width: 100%;
}
.navbar-search .input-group input[type="text"] {
	font-size: 16px; /* iOSフォーム選択時ズーム対策 */
}
.navbar-search .input-group .form-control:focus {
	box-shadow: 0 0 0 0.2rem rgba(78,115,223,.25) inset;
}
@media (min-width: 576px) {
	.topbar .navbar-search {
		max-width: 100%;
		width: 20rem !important;
	}
}

.topbar .rank .dropdown-header,
.topbar .history .dropdown-header {
	padding: .5rem .75rem;
	font-size: .75rem;
}
.topbar .rank .dropdown-item,
.topbar .history .dropdown-item {
	padding: .25rem .25rem;
}
.topbar .history .dropdown-item .card-img {
	width: 50px;
	height: auto;
}
.topbar .history .dropdown-item.link-history {
	padding: .5rem .25rem;
}

/* フッター */
footer .navbar {
	font-size: 10px;
}

/* サイドメニュー */
#side-menu {
	z-index: 100;
}
#side-menu .background {
	display: none;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.5;
	z-index: 100;
}
#side-menu .background.show {
	display: block
}
#side-menu .offcanvas-collapse {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 100%;
	width: 90%;
	padding: .5rem 1rem;
	overflow-y: auto;
	background-color: #343a40;
	transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
	transition: transform .3s ease-in-out, visibility .3s ease-in-out;
	transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
	z-index: 110;
}
#side-menu .offcanvas-collapse.open {
	visibility: visible;
	-webkit-transform: translateX(-100%);
	        transform: translateX(-100%);
}
@media (min-width: 540px) {
	#side-menu .offcanvas-collapse {
		width: 70%;
	}
}
@media (min-width: 720px) {
	#side-menu .offcanvas-collapse {
		width: 50%;
	}
}
@media (min-width: 960px) {
	#side-menu .offcanvas-collapse {
		width: 40%;
	}
}
@media (min-width: 1140px) {
	#side-menu .offcanvas-collapse {
		width: 30%;
	}
}
#side-menu .offcanvas-collapse .collapse-close {
	font-size: 30px;
	margin: .5rem 0;
}
#side-menu .offcanvas-collapse a {
	color: #fff;
}
/* サイドメニュー.ブックマーク */
#side-menu .offcanvas-collapse .bookmark .badge {
	font-size: 1rem;
}
/* サイドメニュー.詳細検索 */
#side-menu .offcanvas-collapse .detail-search #detailSearchCollapse {
	padding-left: 1rem;
	font-size: 14px;
}
/* サイドメニュー.カードリスト */
#side-menu .offcanvas-collapse .card-list #cardListCollapse {
	padding-left: 1rem;
	font-size: 14px;
}
#side-menu .offcanvas-collapse .card-list #cardListCollapse a.nav-link {
	border-bottom: 1px dotted #ccc;
}

#side-menu .offcanvas-collapse .card-list #cardListCollapse .seriesCollapse {
	padding-left: 1rem;
	font-size: 12px;
}

/* パンくずリスト */
.breadcrumb {
	font-size: .75rem;
	padding: .25rem 1rem;
	background: unset;
	border-radius: 0;
}

/* 店舗情報 */
.shop-name {
	display: block;
	width: fit-content;
	margin: 0 auto;
	font-size: 20px;
}
.shop-link {
	display: block;
	width: fit-content;
	margin: .25em auto;
	font-size: 16px;
}

/* 商品カード */
.card .card-header {
	font-size: 12px;
}
.card .product-name {
	font-size: 12px;
	color: #000;
}
.card .product-kana,
.card .product-syohin-no,
.card .product-expansion,
.card .product-rarity,
.card .product-release-date {
	font-size: 10px;
	word-break: break-all;
}
.card .product-expansion {
	word-break: break-all;
}

.card .btn-bookmark {
	position: absolute;
	top: 1px;
	right: -3px;
}
.card .btn-bookmark .off-icon {
	display: block;
	color: var(--theme-color);
}
.card .btn-bookmark .on-icon {
	display: none;
	color: var(--theme-color);
}
.card .btn-bookmark.on .off-icon {
	display: none;
}
.card .btn-bookmark.on .on-icon {
	display: block;
}

.card .btn-check {
	position: absolute;
	top: 1px;
	right: 0;
}
.card .btn-check .off-icon {
	display: block;
	color: #d1d3e2;
}
.card .btn-check .on-icon {
	display: none;
	color: #e74a3b;
}
.card .btn-check.on .off-icon {
	display: none;
}
.card .btn-check.on .on-icon {
	display: block;
}
.card-img {
	border-radius: unset;
}
.flex-item-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	   -ms-flex-direction: row;
	       flex-direction: row;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}
.col-center-img {
	-webkit-flex-grow: 1;
	        flex-grow: 1;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	margin: 0;
	text-align: center;
}
.col-center-img img {
	width: 100px;
	margin: 0 auto;
}
.col-left-img {
	-ms-flex-preferred-size: 110px;
	flex-basis: 110px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin: 0;
}
.col-left-img img {
	width: 100px;
	margin: 0 auto;
}
.col-right-info {
	-webkit-flex-grow: 1;
	        flex-grow: 1;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	margin: 0;
}
.col-right-info .table th {
	padding: .15rem .5rem;
	font-size: 10px;
	line-height: 1rem;
	vertical-align: middle;
}
.col-right-info .table td {
	padding: .15rem .5rem;
	font-size: 12px;
	line-height: 1rem;
	vertical-align: middle;
}

/* 並び順、表示数 */
.sort form,
.view form {
	width: fit-content;
	margin: .25rem auto;
}
.sort form label.index,
.view form label.index {
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	text-align: center;
}
.sort form .btn-group,
.view form .btn-group {
	display: inline-block;
	text-align: center;
}
.sort form .btn-group label.btn,
.view form .btn-group label.btn {
	display: inline-block;
	font-size: 12px;
}

/* 表示種別 */
#display-type-details,
#display-type-minimum {
	display: none;
}
label[for="display-type-details"],
label[for="display-type-minimum"] {
	width: 50%;
	margin: 0;
}
#display-type-details:checked ~ .display-type label[for="display-type-details"],
#display-type-minimum:checked ~ .display-type label[for="display-type-minimum"] {
	color: #fff;
	background-color: #36b9cc;
	border-color: #36b9cc;
}
#display-type-minimum:checked ~ #product-list-minimum {
	display: block;
}
#display-type-details:checked ~ #product-list-details {
	display: flex;
}
#display-type-minimum:checked ~ #product-list-minimum {
	display: block;
}

/* 商品一覧 */
#product-list-pickup {
	position: relative;
	margin: 3em 0 0 0;
	padding: 2em .25em .25em .25em;
	background-image: radial-gradient(#cc0 1px, #ff8 0px);
	background-size: 20px 20px;
	border: 2px solid #cc0;
	border-radius: .25em;
	animation: pickup-bg-anim 2s linear infinite;
}
@keyframes pickup-bg-anim {
	  0% { background-position: 0 0; }
	100% { background-position: 20px -20px; }
}
#product-list-pickup-index {
	display: inline-block;
	position: absolute;
	top: -1em;
	left: 50%;
	transform: translateX(-50%);
	width: fit-content;
	height: fit-content;
	margin: 0;
	padding: 0;
	color: #333;
	font-size: 2em;
	font-family: 'Dela Gothic One', cursive;
	word-break: keep-all;
	z-index: 1;
}
#product-list-pickup-index span {
	display: inline-block;
	position: relative;
	top: 0;
	left: 0;
	transform: rotateZ(-3deg) scale(1.0,1.0);
	margin: 0;
	padding: 0 1em;
	background-color: #ff8;
	border: 2px solid #cc0;
	border-radius: .25em;
	z-index: 1;
	pointer-events: none;
	transition: all 1s cubic-bezier(0.68, -0.6, 0.32, 1.6);
	animation: pickup-index-anim 2s linear infinite;
}
@keyframes pickup-index-anim {
	  0% { transform: rotateZ(-3deg) scale(1.0,1.0); }
	 85% { transform: rotateZ(-3deg) scale(1.0,1.0); }
	 90% { transform: rotateZ( 0deg) scale(1.2,1.2); }
	100% { transform: rotateZ(-3deg) scale(1.0,1.0); }
}
#product-list-details,
#product-list-minimum {
	display: none;
}
#product-list-pickup table,
#product-list-minimum table {
	max-width: 100%;
	min-width: 50%;
	width: auto;
	margin: 0 auto !important;
	font-size: 10px;
	word-break: break-all;
}
#product-list-pickup table th,
#product-list-pickup table td,
#product-list-minimum table th,
#product-list-minimum table td {
	padding: .25rem;
	vertical-align: middle;
}
#product-list-pickup table .bookmark,
#product-list-minimum table .bookmark {
	width: 1rem;
	text-align: center;
}
#product-list-pickup table .btn-bookmark .off-icon,
#product-list-minimum table .btn-bookmark .off-icon {
	display: block;
	color: var(--theme-color);
}
#product-list-pickup table .btn-bookmark .on-icon,
#product-list-minimum table .btn-bookmark .on-icon {
	display: none;
	color: var(--theme-color);
}
#product-list-pickup table .btn-bookmark.on .off-icon,
#product-list-minimum table .btn-bookmark.on .off-icon {
	display: none;
}
#product-list-pickup table .btn-bookmark.on .on-icon,
#product-list-minimum table .btn-bookmark.on .on-icon {
	display: block;
}
#product-list-pickup table .btn-check,
#product-list-minimum table .btn-check {
	width: 1rem;
	text-align: center;
}
#product-list-pickup table .btn-check .off-icon,
#product-list-minimum table .btn-check .off-icon {
	display: block;
	color: #d1d3e2;
}
#product-list-pickup table .btn-check .on-icon,
#product-list-minimum table .btn-check .on-icon {
	display: none;
	color: #e74a3b;
}
#product-list-pickup table .btn-check.on .off-icon,
#product-list-minimum table .btn-check.on .off-icon {
	display: none;
}
#product-list-pickup table .btn-check.on .on-icon,
#product-list-minimum table .btn-check.on .on-icon {
	display: block;
}
#product-list-pickup table .product-img {
	width: 5rem;
	text-align: center;
}
#product-list-minimum table .product-img {
	width: 3rem;
	text-align: center;
}
#product-list-pickup table .product-name,
#product-list-minimum table .product-name {
	color: #000;
}
#product-list-pickup table .product-price,
#product-list-minimum table .product-price {
	width: 1px;
}
#product-list-pickup table .kaitori-price,
#product-list-minimum table .kaitori-price {
	color: #f00;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
}
#product-list-pickup table .kaitori-update-time,
#product-list-minimum table .kaitori-update-time {
	min-width: 80px;
	text-align: right;
}
#product-list-details table .bookmark-num {
	font-size: 16px;
}
#product-list-minimum table .bookmark-num {
	width: max-content;
	font-size: 16px; /* iOSフォーム選択時画面ズーム対策 */
	transform: scale(0.75); /* iOSフォーム選択時画面ズーム対策 */
}

/* 買取商品情報 */
.kaitori-price {
	font-size: 26px;
	line-height: 2rem;
	color: #f00;
	text-align: right;
}
.kaitori-update-time {
	font-size: 10px;
	text-align: right;
}

/* ブックマーク */
.delete-bookmark,
.delete-all-bookmark {
	width: fit-content;
	margin: auto;
}

/* 買取申込確認モーダル */
#confirm-request-kaitori-modal .modal-body .messsage {
	font-size: 14px;
	margin: 1rem 0 0 0;
	text-align: center;
}
#confirm-request-kaitori-modal .modal-body .messsage .caution {
	color: #f00;
}

/* 買取申込結果モーダル */
#result-request-kaitori-modal .modal-body .reference-number-wrapper {
	margin: 0 0 1rem 0;
	text-align: center;
}
#result-request-kaitori-modal .modal-body .reference-number-index {
	font-size: 16px;
}
#result-request-kaitori-modal .modal-body .reference-number {
	font-size: 30px;
	font-weight: bold;
}
#result-request-kaitori-modal .modal-body .result-messsage {
	font-size: 14px;
	margin: 0;
	text-align: center;
}
#result-request-kaitori-modal .modal-body .result-messsage .caution {
	color: #f00;
}

/* 買取申込履歴 */
#request-kaitori-history .kaitori-day,
#request-kaitori-history .kaitori-no {
	color: #000;
}

/* 買取申込情報 */
.request-kaitori-info .kaitori-day,
.request-kaitori-info .kaitori-no {
	color: #000;
}
.request-kaitori-info .total-kaitori-price {
	color: #f00;
	font-weight: bold;
}
.request-kaitori-info .total-kaitori-num {
	color: #000;
	font-weight: bold;
}

/* 買取申込詳細モーダル */
#request-kaitori-detail-modal .caution {
	color: #f00;
	font-size: 12px;
	width: fit-content;
    margin: 1rem auto;
}

/* 買取申込詳細 */
#request-kaitori-detail-list table {
	font-size: 10px;
	background: #fff;
}
#request-kaitori-detail-list table th,
#request-kaitori-detail-list table td {
	padding: .25rem;
	vertical-align: middle;
	background: #fff;
}
#request-kaitori-detail-list table .caution {
	color: #f00;
}
#request-kaitori-detail-list table .product-img {
	text-align: center;
	background: #ccc;
}
#request-kaitori-detail-list table .product-name {
	color: #000;
}
#request-kaitori-detail-list table .kaitori-price {
	color: #f00;
	font-size: 18px;
	font-weight: bold;
	text-align: right;
	word-break: keep-all;
}
#request-kaitori-detail-list table .kaitori-num {
    color: #000;
	font-size: 18px;
	font-weight: bold;
	word-break: keep-all;
}
