/* フォント */
@font-face {
	font-family: "Noto Sans JP";
	font-display: swap;
	font-weight: 400;
	src: url("../font/NotoSansJP-Regular.ttf") format("truetype");
}

@font-face {
	font-family: "Noto Sans JP";
	font-display: swap;
	font-weight: 500;
	src: url("../font/NotoSansJP-Medium.ttf") format("truetype");
}

@font-face {
	font-family: "Noto Sans JP";
	font-display: swap;
	font-weight: 600;
	src: url("../font/NotoSansJP-SemiBold.ttf") format("truetype");
}

@font-face {
	font-family: "Noto Sans JP";
	font-display: swap;
	font-weight: 700;
	src: url("../font/NotoSansJP-Bold.ttf") format("truetype");
}

html {
	/* 共通色 */
	--col-navy: #014176;
	--col-litnavy: #1b72b2;
	--col-blue: #359aff;
	--col-screen: #3478ff;
	--col-screen-hover: #5890ff;
	--col-pale-blue: #f0f6ff;
	--col-yellow: #cc9809;
	--col-gray: #8d8d8d;
	/* 文字の太さ */
	--fw-bold: 700;
	--fw-semibold: 600;
	--fw-medium: 500;
	--fw-regular: 400;
	/* --- ここまで固定値 --- */

	font-family: "Noto Sans JP", sans-serif;
	font-size: 16px;
	font-weight: var(--fw-regular);
	line-height: 1.2;
	letter-spacing: 0.03em;
}

main.main {
	position: relative; /* モーダルウィンドウのため必須 */
}

img {
	width: 100%;
	height: auto;
	vertical-align: top;
}

a:hover {
	opacity: 0.85;
}

.all-wrapper {
	display: flex;
	flex-direction: column;
	height: 100vh;
	height: 100dvh;
}

.word-nowrap {
	white-space: nowrap;
}

.btn-fs-16 {
	cursor: pointer;
	display: block;
	width: 140px;
	padding: 7px;
	border-radius: 32px;
	text-align: center;
	font-size: clamp(14px, 0.6667rem + 0.2778vw, 16px);
	font-weight: var(--fw-semibold);
	letter-spacing: 0.05em;
}

.btn-fs-20 {
	cursor: pointer;
	display: block;
	width: 198px;
	padding: 12px;
	border-radius: 32px;
	text-align: center;
	font-size: clamp(16px, 0.5rem + 0.625vw, 18px);
	font-weight: var(--fw-semibold);
	letter-spacing: 0.05em;
}

.btn-fs-16:hover,
.btn-fs-20:hover {
	opacity: 0.85;
}

.cell-label {
	display: flex;
	align-items: center;
	min-height: 47px;
	padding: 12px 16px;
	background-color: var(--col-navy);
	letter-spacing: 0.015em;
	color: #fff;
}

.cell-data {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 18px;
	padding: 10px 16px;
	padding-right: 24px;
	background-color: #fff;
	letter-spacing: 0.03em;
}

.input-desc {
	color: var(--col-gray);
	letter-spacing: 0.015em;
}

.bg-navy {
	background-color: var(--col-navy);
	color: #fff;
}

.bg-blue {
	background-color: var(--col-blue);
	color: #fff;
}

.bg-gray {
	background-color: var(--col-gray);
	color: #fff;
}

.common-page-ttl {
	align-self: flex-start;
	padding-bottom: 32px;
	font-size: clamp(26px, 0rem + 1.875vw, 32px);
	font-weight: var(--fw-medium);
	color: var(--col-navy);
}

.common-heading {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	column-gap: 10px;
	padding-bottom: 16px;
}

.common-heading .common-page-ttl {
	padding-bottom: 0;
}

.common-heading-btns {
	display: flex;
	align-items: center;
	gap: 40px;
}

.ctt-acc-btn {
	cursor: pointer;
	padding: 18px 37px;
}

.ctt-acc-btn::before {
	content: "";
	display: block;
	width: 20px;
	aspect-ratio: 2/1;
	background-color: var(--col-navy);
	clip-path: polygon(
		1.5px 0,
		50% calc(100% - 2.8px),
		calc(100% - 1.5px) 0,
		100% 1.5px,
		50% 100%,
		0 1.5px
	);
}

.ctt-acc-btn.open::before {
	transform: rotate(180deg);
}

.ctt-acc {
	display: none;
	overflow: hidden;
	width: 100%;
	height: 0;
}

.ctt-acc.open {
	display: block;
	height: auto;
}

.filter-list {
	display: flex;
	flex-wrap: wrap;
	gap: 16px 40px;
}

.filter-item {
	display: flex;
	align-items: center;
	gap: 8px;
}

.per-page-count {
	align-self: flex-end;
	white-space: nowrap;
	font-size: 16px;
	font-weight: var(--fw-medium);
	color: var(--col-navy);
	letter-spacing: 0.03em;
}

.pagination {
	display: flex;
	gap: 16px;
}

.btn-first,
.btn-prev,
.btn-page,
.btn-next,
.btn-last {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 36px;
	background-color: var(--col-pale-blue);
	border: solid 1px var(--col-navy);
	border-radius: 18px;
	text-align: center;
	color: var(--col-navy);
}

.btn-page {
	aspect-ratio: 1;
	border-radius: 50%;
}

.btn-page.current {
	background-color: var(--col-litnavy);
	border-color: var(--col-litnavy);
	color: #fff;
}

.btn-first,
.btn-prev,
.btn-next,
.btn-last {
	width: 76px;
}

.btn-first::before,
.btn-prev::before,
.btn-next::after,
.btn-last::after {
	content: "";
	display: block;
	width: 9px;
	aspect-ratio: 1;
	border-left: solid 1px var(--col-navy);
	border-bottom: solid 1px var(--col-navy);
}

.btn-first::before,
.btn-prev::before {
	transform: rotate(45deg);
}

.btn-next::after,
.btn-last::after {
	transform: rotate(-135deg);
}

.pagination-dot {
	line-height: 2.4;
}

.thead .th {
	display: grid;
	place-items: center;
	background-color: var(--col-navy);
	font-size: 14px;
	color: #fff;
}

.tbody .td {
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1.2;
}

.tbody .txt-right {
	justify-content: flex-end;
}

.tbody .txt-left {
	justify-content: flex-start;
}

.thead.table-grid,
.tbody-content.table-grid {
	display: grid;
	gap: 1px;
	background-color: #d8d8d8;
}

.tbody-item:nth-child(odd) .td {
	background-color: #fff;
}

.tbody-item:nth-child(even) .td {
	background-color: #f2f5f7;
}

#header {
	position: relative;
	z-index: 9999;
	width: 100%;
	padding: 10px 60px;
	background-color: #fff;
	box-shadow: 0px 2px 8px color-mix(in srgb, #000 8%, transparent);
}

.header-inner {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.header-logo,
h1 {
	display: block;
	width: fit-content;
	height: 34px;
}

.header-logo img {
	width: auto;
	height: 100%;
}

.header-admin {
	font-size: 14px;
	font-weight: var(--fw-semibold);
	color: var(--col-gray);
}

.logout {
  position: fixed;
  top: 7px;
  right: 180px;
}

.logout-btn {
  display: flex;
  align-items: center;
  gap: 5px;
  background: var(--col-litnavy);
  color: white;
  padding: 12px;
  border-radius: 5px;
}

.logout-btn img {
  width: 15px;
  height: 15px;
}

.logout-btn span {
  font-size: 14px;
}

@media screen and (max-width: 1024px) {
  .logout {
    top: 14px;
    right: 65px;
  }
  .logout-btn{
    padding: 8px;
  }
  .logout-btn span {
    font-size: 12px;
  }
  .logout-btn img {
    width: 12px;
    height: 12px;
  }
}

.ham-btn {
	cursor: pointer;
	display: none;
}

main.main {
	--side-bar-width: 257px; /* サイドバーの幅 */
	--side-bar-width-closed: 56px; /* サイドバーの幅(閉じているとき) */
	--header-height: 54px; /* ヘッダー高さ */
	display: flex;
}

main.main .side-bar,
main.main .content {
	height: calc(100vh - var(--header-height));
	height: calc(100dvh - var(--header-height));
}

main.main .side-bar {
	z-index: 9998;
	display: flex;
	flex-direction: column;
	width: var(--side-bar-width);
	background-color: #fff;
}

main.main .content {
	width: calc(100% - var(--side-bar-width));
	overflow: auto;
	background-color: #f7f7f7;
}

.scroll-content-outer {
	overflow: auto;
	width: 100%;
	height: 100%;
	padding-bottom: 24px;
}

/* 共通テキストボックス */
input[type="text"],
textarea {
	resize: none;
	flex: 1;
	padding: 4px 8px;
	border: solid 1px var(--col-gray);
	line-height: 1.4;
	background-color: #fff;
}
/* end: 共通テキストボックス */

/* 共通チェックボックス */
.common-checkbox {
	cursor: pointer;
	display: flex;
	/* justify-content: center; */
	align-items: center;
	gap: 10px;
	width: fit-content;
}

.common-checkbox input[type="checkbox"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	position: relative;
	min-width: 24px;
	aspect-ratio: 1;
}

.common-checkbox input[type="checkbox"]::before {
	content: "";
	position: absolute;
	display: block;
	width: 24px;
	aspect-ratio: 1;
	border-radius: 4px;
	border: solid 1px var(--col-gray);
	background-color: #fff;
}

.common-checkbox input[type="checkbox"]:checked::before {
	background-color: var(--col-blue);
	border-color: var(--col-blue);
}

.common-checkbox input[type="checkbox"]:checked::after {
	content: "";
	display: block;
	width: 14px;
	height: 8px;
	margin-top: 5px;
	margin-left: 5px;
	border-left: solid 3px #fff;
	border-bottom: solid 3px #fff;
	transform: rotate(-45deg);
}
/* end: 共通チェックボックス */

/* 共通ラジオボタン */
.common-radio {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	width: fit-content;
}

.common-radio input[type="radio"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	position: relative;
	width: 24px;
	aspect-ratio: 1;
}

.common-radio input[type="radio"]::before {
	content: "";
	position: absolute;
	display: block;
	width: 24px;
	aspect-ratio: 1;
	border: solid 1px var(--col-gray);
	background-color: #fff;
	border-radius: 50%;
}

.common-radio input[type="radio"]:checked:before {
	border-color: var(--col-blue);
}

.common-radio input[type="radio"]:checked:after {
	content: "";
	position: absolute;
	top: 4px;
	left: 4px;
	display: block;
	width: 16px;
	aspect-ratio: 1;
	border-radius: 50%;
	background-color: var(--col-blue);
}

.common-radio span {
	flex: 1;
}
/* end: 共通ラジオボタン */

/* 共通セレクトボックス */
.select-cover {
	position: relative;
	width: fit-content;
	border: solid 1px var(--col-gray);
	background-color: #fff;
}

.select-cover::before {
	content: "";
	pointer-events: none; /*クリック貫通*/
	position: absolute;
	top: 6px;
	right: 9px;
	display: block;
	width: 9px;
	aspect-ratio: 1;
	border-right: solid 1px var(--col-gray);
	border-bottom: solid 1px var(--col-gray);
	transform: rotate(45deg);
}

.select-cover select {
	cursor: pointer;
	width: 100%;
	padding-block: 4px;
	padding-inline: 8px 32px;
}
/* end: 共通セレクトボックス */

/* 共通カレンダー入力ボックス */
input[type="date"]::-webkit-calendar-picker-indicator {
	background: transparent;
	z-index: 1;
}

input[type="date"] {
	position: relative;
	max-width: 127px;
	padding: 4px 8px;
	border: solid 1px var(--col-gray);
}

input[type="date"]::after {
	content: "";
	position: absolute;
	top: 5px;
	right: 8px;
	width: 18px;
	height: 18px;
	background: url(../image/icon-calender.svg) no-repeat center / contain;
}
/* end: 共通カレンダー入力ボックス */

/* 共通 車の画像スライダー */
.splide-car-gallery {
	max-width: 634px;
	width: 100%;
}

.splide-car-gallery .slide-inner {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: repeat(2, 1fr);
	gap: 8px;
}

.splide-car-gallery .slide-inner .img {
	width: 100%;
	aspect-ratio: 17/10;
	background-color: #d8d8d8;
}

.splide-car-gallery .slide-inner .img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.splide-car-gallery .splide__arrow--prev {
	left: 0;
}

.splide-car-gallery .splide__arrow--next {
	right: 0;
}

.splide-car-gallery .splide__arrow {
	opacity: 1;
	mix-blend-mode: multiply;
	height: 100%;
	border-radius: 0;
}

.splide__arrow svg {
	fill: #fff;
}
/* end: 共通 車の画像スライダー */

/* モーダルウィンドウ */
.modal-window {
	display: none;
}

.modal-window.active {
	overflow: auto; /* 背面にスクロールを貫通させない */
	position: absolute;
	z-index: 9999;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgb(0 0 0 / 0.5);
}

.mdl-register {
	display: grid;
	place-items: center;
	width: calc(100% - 30px);
	height: 100%;
	margin: auto;
}

.mdlr-frame {
	max-width: 648px;
	width: 100%;
	padding: 72px 16px;
	background-color: #fff;
	border-radius: 16px;
}

.mdlr-txt {
	text-align: center;
	font-size: 32px;
	font-weight: var(--fw-medium);
	color: var(--col-navy);
}

.mdlr-btns {
	display: flex;
	justify-content: space-between;
	max-width: 436px;
	width: 100%;
	margin: 48px auto 0;
}

.mdl-zoom {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto 1fr;
	max-width: 700px;
	width: calc(100% - 30px);
	height: 100%;
	margin: auto;
}

.mdl-zoom .close-btn {
	margin-left: auto;
	margin-block: 15px;
}

.mdlz-content {
	overflow: auto;
	margin-bottom: 20px;
}
/* end: モーダルウィンドウ */

/* サイドバー */
.side-bar-acc {
	position: relative;
	height: 50px;
	border-bottom: solid #d8d8d8 1px;
}

.side-bar-acc-btn {
	cursor: pointer;
	position: absolute;
	top: 10px;
	right: -15px;
	display: block;
	width: 30px;
	height: 30px;
	border: solid 1px #abb2b9;
	background-color: #fff;
	border-radius: 50%;
}

.side-bar-acc-btn::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 7px;
	height: 7px;
	border-left: solid 2px #abb2b9;
	border-bottom: solid 2px #abb2b9;
	transform: translate(calc(-50% + 2px), -50%) rotate(45deg);
}

.side-bar .menu-outer {
	overflow: auto;
	flex: 1;
	box-shadow: 0px 2px 8px color-mix(in srgb, #000 8%, transparent);
}

.side-bar .menu .menu-item {
	border-bottom: solid #d8d8d8 1px;
	cursor: pointer;
}

@media (hover: hover) and (pointer: fine) {
	.side-bar .menu .menu-item:hover {
		background-color: var(--col-pale-blue);
	}
}

.side-bar .menu .menu-item .heading {
	display: flex;
	gap: 8px;
}

.side-bar .menu .menu-item .heading .link {
	flex: 1;
	display: flex;
	align-items: center;
	gap: 5px;
	padding: 16px 0 16px 12px;
	font-weight: var(--fw-semibold);
	color: var(--col-navy);
}

.side-bar .menu .menu-item .heading .link .img {
	position: relative;
	width: 32px;
	aspect-ratio: 1;
	background-color: var(--col-navy);
}

.side-bar .menu .menu-item .icon-stock {
	/* -webkit-maskはsafari用 */
	-webkit-mask: url("../image/icon-stock.svg") no-repeat center / contain;
	mask: url("../image/icon-stock.svg") no-repeat center / contain;
}

.side-bar .menu .menu-item .icon-share {
	-webkit-mask: url("../image/icon-share.svg") no-repeat center / contain;
	mask: url("../image/icon-share.svg") no-repeat center / contain;
}

.side-bar .menu .menu-item .icon-sales {
	-webkit-mask: url("../image/icon-sales.svg") no-repeat center / contain;
	mask: url("../image/icon-sales.svg") no-repeat center / contain;
}

.side-bar .menu .menu-item .icon-achievement {
	-webkit-mask: url("../image/icon-achievement.svg") no-repeat center / contain;
	mask: url("../image/icon-achievement.svg") no-repeat center / contain;
}

.side-bar .menu .menu-item .icon-customer {
	-webkit-mask: url("../image/icon-achievement.svg") no-repeat center / contain;
	mask: url("../image/icon-customer.svg") no-repeat center / contain;
}

.side-bar .menu .menu-item .icon-document {
	-webkit-mask: url("../image/icon-achievement.svg") no-repeat center / contain;
	mask: url("../image/icon-document.svg") no-repeat center / contain;
}

.side-bar .menu .menu-item .icon-mypage {
	-webkit-mask: url("../image/icon-mypage.svg") no-repeat center / contain;
	mask: url("../image/icon-mypage.svg") no-repeat center / contain;
}

.side-bar .menu .menu-item .heading .link .txt {
	flex: 1;
}

.side-bar .menu .menu-item .heading .toggle-btn {
	cursor: pointer;
	position: relative;
	display: block;
	width: 35px;
}

.side-bar .menu .menu-item .heading .toggle-btn::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 8px;
	height: 8px;
	display: block;
	border-right: 2px solid var(--col-navy);
	border-bottom: 2px solid var(--col-navy);
	transform: translate(-50%, -50%) rotate(45deg);
}

.side-bar .menu .menu-item .sub-menu {
	visibility: hidden;
	opacity: 0;
	height: 0;
	transition:
		opacity 0s,
		padding-top 0.2s,
		padding-bottom 0.2s;
}

.side-bar .menu .menu-item .sub-menu .link.current {
	position: relative;
	color: var(--col-blue);
}

.side-bar .menu .menu-item .sub-menu .link.current::before {
	content: "";
	position: absolute;
	top: 6px;
	left: -18px;
	display: block;
	width: 8px;
	height: 8px;
	background-color: var(--col-blue);
	border-radius: 50%;
}

/* サイドバー close時 */
main.main .side-bar.close {
	width: var(--side-bar-width-closed);
}

main.main .side-bar.close + .content {
	width: calc(100% - var(--side-bar-width-closed));
}

.side-bar.close .side-bar-acc-btn::before {
	transform: translate(-50%, -50%) rotate(225deg);
}

.side-bar.close .menu .menu-item .heading .link .txt,
.side-bar.close .menu .menu-item .heading .toggle-btn {
	display: none;
}

.side-bar.close .menu .menu-item {
	pointer-events: none;
}
/* end: サイドバー close時 */

/* サイドバー内 サブメニュー open時 */
.side-bar .menu .menu-item.open .heading .link:hover {
	opacity: 1;
}

.side-bar .menu .menu-item.open .heading .link .img {
	background-color: var(--col-blue);
}

.side-bar .menu .menu-item.open .heading .link .txt {
	color: var(--col-blue);
}

.side-bar .menu .menu-item.open .heading .link:hover .txt {
	opacity: 0.85;
}

.side-bar .menu .menu-item.open .toggle-btn::before {
	border-color: var(--col-blue);
	transform: translate(-50%, -50%) rotate(225deg);
}

.side-bar .menu .menu-item.open .sub-menu {
	visibility: visible;
	opacity: 1;
	height: auto;
	display: flex;
	flex-direction: column;
	gap: 15px;
	padding: 12px 12px 12px 49px;
	background-color: var(--col-pale-blue);
	color: var(--col-navy);
	font-weight: var(--fw-semibold);
}
/* end: サイドバー内 サブメニュー open時 */
/* end: サイドバー */

/* メインコンテンツ内 */
.content .content-inner {
	margin-inline: 40px 60px;
	padding-top: 24px;
}

.content.hp_list .content-inner,
.content.setting_style .content-inner,
.content.common_share_data .content-inner {
	display: grid;
	grid-template-rows: auto 1fr;
	height: 100%;
}

.content.car_profile_edit .content-inner {
	display: grid;
	grid-template-rows: auto auto 1fr;
	height: 100%;
}

.content.stock_list .content-inner {
	display: grid;
	grid-template-rows: auto auto 1fr;
	height: 100%;
}

.content.register_csv .content-inner {
	display: grid;
	grid-template-rows: auto auto auto 1fr;
	height: 100%;
}
/* end: メインコンテンツ内 */

/*----- 在庫一覧表 共通 -----*/
.stock_list .common-heading.ch-1 {
	padding-bottom: 0;
}

.stock_list .scroll-content-outer {
	scroll-padding-top: 83px;
}

.stock_list .ctt-acc-btn {
	background-color: #fff;
	border-radius: 8px;
}

.stock_list .ctt-acc {
	padding: 0;
}

.stock_list .ctt-acc > .filter-list {
	background-color: #fff;
	border-radius: 8px;
	margin-top: 16px;
	padding: 16px;
}

.stock_list .keyword {
	min-width: 200px;
	max-width: 465px;
	flex: 1;
}

.stock_list .keyword input[type="text"] {
	padding-block: 3px;
}

.stock_list .csv-btns {
	margin-left: auto;
}

.stock_list .csv-btns a {
	width: 107px;
	padding: 7px;
	background-color: #f5f5f5;
	border: solid 1px var(--col-gray);
	border-radius: 19px;
	text-align: center;
	font-size: 15px;
}

.stock_list .sort-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	align-self: flex-end;
}

.stock_list .sort-wrapper,
.stock_list .sort-list {
	gap: 24px;
}

.stock_list .sort-wrapper,
.stock_list .pagination {
	margin-top: 16px;
}

.stock_list .sort-list span {
	font-weight: var(--fw-medium);
	color: var(--col-navy);
}

.stock_list .pagination {
	margin-left: auto;
}

.stock_list .table-grid {
	grid-template-columns: 1fr 14% 110px 85px 85px 130px 7.3% 6.6% 6.2% 6.4% 4.8% 13%;
	grid-template-rows: min-content auto 1fr;
	gap: 0;
}

.stock_list .th {
	padding: 5px;
	box-shadow: inset -1px -1px 0 #fff; /* 下と右にだけ線 */
}

.stock_list .td {
	background-color: #fff;
	padding: 10px;
	overflow-wrap: anywhere;
	box-shadow: inset -1px -1px 0 #d8d8d8; /* 下と右にだけ線 */
}

.stock_list .th.t-img {
	grid-row: 1 / span 3;
}

.stock_list .th.t-blank {
	grid-row: 1 / span 3;
	border-left: solid 2px #fff;
}

.stock_list .td.t-img .img-cover {
	width: 100%;
	background-color: #e3e3e3;
}

.stock_list .t-maker {
	content-visibility: auto;
	grid-column: 2 / span 8;
}

.stock_list .td.t-maker {
	justify-content: flex-start;
	font-weight: var(--fw-bold);
}

.stock_list .t-price {
	grid-column: 10 / span 2;
}

.stock_list .t-color {
	font-size: 14px;
}

.stock_list .t-shift {
	font-size: 14px;
}

.stock_list .t-equipment {
	grid-row: 3 / 4;
	grid-column: 2 / 12;
}

.stock_list .td.t-equipment {
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 5px 12px;
}

.stock_list .t-equipment .spec {
	padding: 2px 8px;
	background-color: var(--col-pale-blue);
	border: solid 1px var(--col-blue);
	text-align: center;
	font-size: 15px;
	color: var(--col-blue);
}

.stock_list .t-equipment .n-a {
	background-color: #f5f5f5;
	border-color: var(--col-gray);
	color: var(--col-gray);
}

.stock_list .td .edit-btn {
	cursor: pointer;
}

.stock_list .td .edit-btn.open {
	pointer-events: none;
}

.stock_list .td .edit-btn,
.stock_list .td .edit-btn.open {
	max-width: 120px;
	width: 100%;
	padding: 4px 7px;
	background-color: var(--col-pale-blue);
	border: solid 1px var(--col-navy);
	border-radius: 18px;
	text-align: center;
	font-size: 14px;
	color: var(--col-navy);
}

.stock_list .edit-heading {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-block: 13px;
	padding-inline: 16px 32px;
	background-color: var(--col-pale-blue);
	border-block: solid 1px var(--col-navy);
}

.stock_list .edit-heading-txt {
	font-size: 15px;
	font-weight: var(--fw-semibold);
	color: var(--col-navy);
}

.stock_list .edit-sheet {
	display: grid;
	grid-template-columns: repeat(2, 162px 1fr);
	row-gap: 1px;
	background-color: var(--col-gray);
	border-bottom: solid 1px var(--col-navy);
}

.stock_list .cell-label {
	background-color: var(--col-pale-blue);
	color: var(--col-navy);
}

.stock_list .cell-full {
	grid-column: 2 / span 3;
}

.stock_list .gallery-img {
	/* max-width: 337px;
	width: fit-content;
	min-width: 200px; */
	aspect-ratio: 6/5;
	height: 247px;
	background-color: #e3e3e3;
}

.stock_list .gallery-img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.stock_list .zoom-display {
	cursor: pointer;
	position: relative;
}

.stock_list .zoom-display::before {
	content: "";
	position: absolute;
	bottom: 8px;
	right: 8px;
	display: block;
	width: 24px;
	height: 24px;
	background: url(../image/icon-search-plus.svg) no-repeat center / contain;
}

.stock_list .zoom-display:hover img {
	opacity: 0.8;
}
/*----- end: 在庫一覧表 共通 -----*/

/*----- 設定入力 共通 -----*/
.setting_style .sheet {
	display: grid;
	grid-template-columns: 130px 1fr 130px 1fr;
	row-gap: 1px;
	background-color: #d8d8d8;
}

.setting_style .cell-full {
	grid-column: 2 / 5;
}

.setting_style .choices {
	flex-wrap: wrap;
	gap: 24px 40px;
}

.setting_style .file-asset {
	display: grid;
	grid-template-columns: 1fr 80px;
	grid-template-rows: repeat(2, auto);
	grid-template-areas: "input img" "desc img";
	gap: 8px 16px;
	width: 45%;
}

.setting_style .file-input {
	grid-area: input;
	display: block;
	width: 100%;
}

.setting_style .file-input-desc {
	grid-area: desc;
	font-size: 15px;
	color: var(--col-gray);
}

.setting_style .file-input-img {
	grid-area: img;
	background-color: #d8d8d8;
}

.setting_style .file-input-img img {
	display: block;
	object-fit: contain;
	object-position: center;
	width: 100%;
	height: 100%;
}
/*----- end: 設定入力 共通 -----*/

/*----- インデックスページ -----*/
.page_index .content-inner section {
	padding: 30px 0;
}

.page_index .content-inner section .wrapper {
	max-width: 1200px;
	width: calc(100% - 60px);
	margin: auto;
}

.page_index section .sec-ttl {
	padding-bottom: 10px;
	border-bottom: solid 2px var(--col-navy);
	font-size: 20px;
	font-weight: var(--fw-semibold);
	color: var(--col-navy);
}

.page_index section.nav .nav-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	row-gap: 15px;
}

.page_index section.nav .nav-list .item {
	flex: 1;
	max-width: 170px;
	min-width: 120px;
}

.page_index section.nav .nav-list .item .heading .img {
	display: grid;
	place-items: center;
	width: 80px;
	height: 80px;
	margin: auto;
	background-color: #fff;
	border-radius: 50%;
}

.page_index section.nav .nav-list .item .heading .img img {
	width: 50px;
	height: 50px;
}

.page_index section.nav .nav-list .item .heading .txt {
	display: block;
	margin-top: 10px;
	text-align: center;
	color: var(--col-navy);
	font-weight: var(--fw-semibold);
}

.page_index section.nav .nav-list .item .sub-menu {
	visibility: hidden;
	opacity: 0;
	height: 0;
	padding: 0 14px;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	gap: 10px;
	margin-top: 10px;
	max-width: 170px;
	background-color: #fff;
	border-radius: 10px;
	text-decoration: underline;
	color: var(--col-navy);
	transition:
		opacity 0s,
		padding-top 0.2s,
		padding-bottom 0.2s;
}

.page_index section.nav .nav-list .item:hover .sub-menu {
	visibility: visible;
	opacity: 1;
	height: auto;
	padding: 20px 12px;
}

.page_index section.news .frame {
	padding: 15px 15px 20px;
	background-color: #fff;
	border-radius: 10px;
}

.page_index section.news .frame .txt {
	margin-top: 20px;
	font-weight: var(--fw-regular);
	line-height: 1.5;
}
/*----- end: インデックスページ -----*/

/*----- ログイン画面 -----*/
main.login {
	overflow: auto;
	flex: 1;
}

main.login .login-content {
	max-width: 400px;
	width: calc(100% - 40px);
	margin-inline: auto;
	padding-block: 80px;
}

main.login .login-content-ttl {
	text-align: center;
	font-size: 32px;
	font-weight: var(--fw-semibold);
	color: var(--col-navy);
}

main.login .login-form {
	margin-top: 40px;
}

main.login .lf-item + .lf-item {
	margin-top: 40px;
}

main.login .lf-label {
	font-size: 15px;
	font-weight: var(--fw-semibold);
	color: var(--col-gray);
	letter-spacing: 0.1em;
}

main.login .lf-input {
	width: 100%;
	margin-top: 8px;
	padding: 16px;
	background-color: #f5f5f5;
	border: none;
	font-size: 18px;
}

main.login .lf-btn {
	display: block;
	max-width: 275px;
	width: 100%;
	margin: 60px auto 0;
	padding: 15px;
	background-color: var(--col-navy);
	border-radius: 32px;
	text-align: center;
	font-size: 22px;
	font-weight: var(--fw-semibold);
	color: #fff;
	line-height: 1.5;
}

main.login .lf-checkbox {
	margin: 32px auto 0;
}

main.login .lf-checkbox-txt {
	letter-spacing: 0.1em;
}

footer.footer {
	padding: 16px;
	background-color: var(--col-navy);
	border-top: solid 1px #fff;
}

footer.footer .copyright {
	text-align: center;
	font-size: 12px;
	color: #fff;
}
/*----- end: ログイン画面 -----*/

/*----- CSV一括登録 -----*/
.register_csv .csv-register {
	display: grid;
	grid-template-columns: auto 1fr;
}

.register_csv .ctt-acc {
	padding-bottom: 16px;
}

.register_csv .cell-label {
	text-align: center;
}

.register_csv .cr-data {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
}

.register_csv .cr-note {
	margin-top: 4px;
	font-size: 15px;
	color: var(--col-gray);
}

.register_csv .lead {
	display: grid;
	grid-template-columns: auto 1fr auto;
	gap: 8px;
	padding-right: 24px;
	padding-bottom: 16px;
}

.register_csv .lead-txt {
	align-self: flex-end;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	font-size: 15px;
}

.register_csv .lead-note {
	align-self: flex-end;
	color: var(--col-blue);
	font-size: 14px;
}

.register_csv .import_sheet {
	display: grid;
	grid-template-rows: 60px 1fr;
}

.register_csv .table-grid {
	display: grid;
	grid-template-columns: 1fr 87px 147px 243px 69px 85px 127px 127px;
}

.register_csv .th {
	padding: 2px;
}

.register_csv .registered .td {
	color: var(--col-blue);
}

.register_csv .table-grid .td {
	padding: 16px;
}

.register_csv .td.t-maker {
	justify-content: flex-start;
}

.register_csv .td.t-soukou {
	justify-content: flex-end;
}
/*----- end: CSV一括登録 -----*/

/*----- （店舗登録）WEBサイト設定 -----*/
.hp_setting textarea.error {
	background-color: #ffe8e8;
}

.hp_setting .textarea-limit span.error {
	color: red;
}

.hp_setting .postcode {
	gap: 8px;
}

.hp_setting .shop-code {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 40px;
}

.hp_setting .with-desc {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 15px;
}
.hp_setting .cell-ttl {
	font-size: 18px;
	font-weight: var(--fw-bold);
	color: var(--col-navy);
}

.hp_setting .textarea-limit {
	align-self: flex-end;
	min-width: 90px;
	font-size: 15px;
	color: var(--col-gray);
}

.hp_setting .service {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(130px, max-content));
	gap: 24px 40px;
	max-width: 1155px;
	width: 100%;
}

.hp_setting .comment-asset {
	flex: 1;
	display: grid;
	grid-template-columns: auto 1fr;
	grid-template-rows: repeat(2, 1fr);
	grid-template-areas: "ttl textarea" "limit textarea";
	gap: 6px 16px;
}

.hp_setting .comment-ttl {
	grid-area: ttl;
	align-self: flex-end;
}

.hp_setting .comment-asset .textarea-limit {
	grid-area: limit;
	align-self: flex-start;
}

.hp_setting .comment-asset textarea {
	grid-area: textarea;
}

.hp_setting .event {
	flex-wrap: wrap;
}

.hp_setting .event-title,
.hp_setting .event-img,
.hp_setting .event-comment {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 10px;
}

.hp_setting .event .cell-ttl {
	width: 100%;
}

.hp_setting .event-title {
	flex: 1;
}

.hp_setting .event-img {
	width: 100%;
	max-width: 460px;
	padding-left: 18px;
	border-left: 1px dotted #d8d8d8;
}

.hp_setting .event-img .file-asset {
	width: 100%;
}

.hp_setting .event-comment {
	width: 100%;
}

.hp_setting .web-meta {
	display: grid;
	grid-template-columns: 110px 1fr;
	gap: 8px 16px;
}
/*----- end: （店舗登録）WEBサイト設定 -----*/

/*----- （店舗一覧）WEBサイト店舗リスト -----*/
.hp_list .common-heading-btns {
	gap: 9px;
}

.hp_list .ctt-acc {
	display: flex;
	justify-content: space-between;
	padding: 0;
	gap: 3px;
}

.hp_list .ctt-acc.open {
	margin-top: 16px;
}

.hp_list .sheet {
	display: grid;
	grid-template-rows: auto 1fr;
}

.hp_list .table-grid {
	grid-template-columns: 83px 87px 87px 132px 99px 83px 1fr 1fr 57px 57px;
}

.hp_list .bg-litnavy {
	background-color: var(--col-litnavy);
}

.hp_list .th {
	padding: 20px 2px;
}

.hp_list .td {
	padding: 16px;
}

.hp_list .shop-link {
	color: var(--col-blue);
	text-decoration: underline;
}

.hp_list .check-item {
	display: block;
	width: 100%;
	height: 100%;
}

.hp_list .check-item.checked {
	display: block;
	width: 20px;
	height: 20px;
}

.hp_list .check-item.checked::after {
	content: "";
	display: block;
	width: 17px;
	aspect-ratio: 17/10;
	margin-top: 4px;
	border-left: solid 4px var(--col-blue);
	border-bottom: solid 4px var(--col-blue);
	transform: rotate(-45deg);
}

/*----- end: （店舗一覧）WEBサイト店舗リスト -----*/

/*----- （在庫一覧）在庫情報管理 -----*/
.page_list .status-tab-content {
	display: grid;
	grid-template-rows: auto 1fr;
	overflow: auto;
	width: 100%;
	height: 100%;
}

.page_list .status-tab-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 1px;
	background-color: #fff;
}

.page_list .status-tab-list a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 10px;
	text-align: center;
	background-color: #d8d8d8;
	font-size: 16px;
	color: var(--col-gray);
}

.page_list .status-tab-list .current a {
	pointer-events: none;
	background-color: var(--col-litnavy);
	color: #fff;
}

.page_list .table-grid{
	grid-template-rows: auto auto auto 1fr;
}

.page_list .th.t-img {
	grid-row: 1 / span 4;
}

.page_list .th.t-blank {
	grid-row: 1 / span 4;
}

.page_list .t-equipment {
	grid-row: 4 / 5;
}

.page_list .t-maker {
	grid-row: 1 / 3;
}

.page_list .td.t-status {
	grid-row: 4 / 5;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 8px 20px;
	box-shadow: inset -1px 0 0 #d8d8d8;
}

.page_list .t-price {
	grid-row: 1/3;
}

.page_list .td.t-img {
	grid-row: 1 / span 3;
	padding-bottom: 0;
	align-items: flex-end;
	box-shadow: inset -1px 0 0 #d8d8d8;
}

.page_list .td.t-maker {
	grid-row: 1/3;
}

.page_list .t-status .pre,
.page_list .t-status .open {
	display: grid;
	place-items: center;
	width: 100%;
	padding: 5px 3px;
	border-style: solid;
	border-width: 1px;
	border-radius: 4px;
	text-align: center;
	line-height: 1.1;
	font-size: 14px;
}

.page_list .t-status .pre {
	background-color: #f5f5f5;
	border-color: var(--col-gray);
	color: var(--col-gray);
}

.page_list .t-status .open {
	background-color: #fcf4c0;
	border-color: var(--col-yellow);
	color: var(--col-yellow);
}

.page_list .td.t-equipment {
	box-shadow: inset -1px 0 0 #d8d8d8;
}

.page_list .td.t-btns {
	grid-column: 12 / 13;
	grid-row: 2 / span 3;
	flex-direction: column;
	justify-content: flex-start;
	gap: 16px;
	box-shadow: inset -1px 0 0 #d8d8d8;
	border-left: solid 2px #d8d8d8;
}

.page_list .td.t-edit {
	grid-column: 12 / 13;
	grid-row: 1 / 2;
	align-items: flex-end;
	box-shadow: inset -1px 0 0 #d8d8d8;
	border-left: solid 2px #d8d8d8;
}

.page_list .td.t-btns .link {
	display: block;
	max-width: 140px;
	width: 100%;
	padding: 4px;
	background-color: #f5f5f5;
	border: solid 1px var(--col-gray);
	text-align: center;
	font-size: 15px;
}

.page_list .choices {
	flex-wrap: wrap;
	gap: 16px 40px;
}

.page_list .file-input-desc {
	display: block;
	margin-top: 4px;
	font-size: 15px;
	color: var(--col-gray);
}
/*----- end: （在庫一覧）在庫情報管理 -----*/

/*----- （共有在庫）共有在庫一覧 -----*/
.page_share .filter-btns {
	margin-left: auto;
}

.page_share .edit-sheet {
	background-color: #d8d8d8;
}

.page_share .td.t-img {
	grid-row: 1 / span 3;
	box-shadow: inset -1px 0 0 #d8d8d8;
}

.page_share .td.t-edit {
	grid-row: 1 / span 3;
	box-shadow: inset -1px 0 0 #d8d8d8;
	border-left: solid 2px #d8d8d8;
}

.page_share .t-equipment {
	box-shadow: inset -1px 0 0 #d8d8d8;
}

.page_share .stock-info {
	padding: 0 0 10px;
	gap: 10px 0;
}

.page_share .wholesale-price {
	display: flex;
	gap: 16px;
	width: 100%;
	padding-block: 16px;
	padding-inline: 16px 24px;
	border-bottom: dashed 1px #d8d8d8;
}

.page_share .wp-label {
	color: var(--col-navy);
}

.page_share .wp-data {
	font-weight: var(--fw-bold);
}

.page_share .gallery-img,
.page_share .splide {
	margin-left: 16px;
}

.page_share .splide {
	margin-right: 24px;
}

.page_share .tel-num {
	font-size: 22px;
	font-weight: var(--fw-bold);
}

.page_share .self-top {
	align-items: flex-start;
}

.page_share .contact {
	gap: 0;
	padding: 0 0 12px;
}

.page_share .contact .btn-fs-20 {
	width: 225px;
	margin: auto;
}

.page_share .inner-contact {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.page_share .inner-contact .contact-item:first-child {
	display: grid;
	grid-template-columns: 4em 1fr;
}

.page_share .contact-item {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 10px 16px;
	padding: 12px 16px;
}

.page_share .contact-item:first-child {
	padding-block: 22px;
}

.page_share .contact-item:not(:first-child) {
	border-top: dashed 1px #d8d8d8;
}

.page_share .contact-item:not(:first-child) .c-label {
	padding-top: 10px;
}

.page_share .c-label {
	max-width: 140px;
	width: 100%;
	color: var(--col-navy);
}

.page_share .c-content {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 13px;
	flex: 1;
}

.page_share .required {
	padding: 2px 5px;
	margin-left: 10px;
	background-color: var(--col-navy);
	font-size: 14px;
	font-weight: var(--fw-bold);
	color: #fff;
}
/*----- end:（共有在庫）共有在庫一覧 -----*/

/*----- （在庫入力）車両詳細設定 -----*/
.page_detail .lead {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 25px;
	width: 100%;
	margin-top: 16px;
	font-weight: var(--fw-medium);
}

.page_detail .lead-txt {
	color: var(--col-navy);
}

.page_detail .lead-note {
	padding-left: 1em;
	text-indent: -1em;
	color: var(--col-blue);
}

.page_detail .stg-heading {
	position: sticky;
	z-index: 10;
	top: 0;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding-block: 16px;
	padding-inline: 16px 24px;
	background-color: var(--col-pale-blue);
	border-block: solid 1px var(--col-navy);
	color: var(--col-navy);
	font-weight: var(--fw-medium);
}

.page_detail .stg:first-child .stg-heading {
	border-top-width: 2px;
}

.page_detail .stg:last-child .stg-heading {
	border-bottom-width: 2px;
}

.page_detail .images .cell-data {
	column-gap: 18px;
}

.page_detail .cell-data {
	gap: 12px 10px;
}

.page_detail .cell-data .part {
	display: flex;
	align-items: center;
	gap: 7px;
	width: fit-content;
}

.page_detail .cell-data .span-2 {
	grid-column: span 2;
	width: 100%;
}

.page_detail .eq-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(230px, max-content));
	gap: 10px 40px;
	width: 100%;
}

.page_detail .eq-grid .common-checkbox {
	min-height: 40px;
}

.page_detail .comment-asset {
	display: flex;
	align-items: center;
	gap: 16px;
	flex: 1;
}

.page_detail .comment-ttl {
	width: 110px;
	font-size: 18px;
	font-weight: var(--fw-bold);
	color: var(--col-navy);
}

.page_detail .stg.disabled .ctt-acc-btn {
	pointer-events: none;
	background-color: #ebebeb;
	border-block-color: var(--col-gray);
	color: var(--col-gray);
}

.page_detail .stg.disabled .ctt-acc-btn::before {
	background-color: var(--col-gray);
}

.page_detail .stg.disabled .ctt-acc.open {
	display: none;
}
/*----- end:（在庫入力）車両詳細設定 -----*/

/*----- 情報共有 各ページ共通 -----*/
.common_share_data .scroll-content {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.common_share_data .data-sec-ttl {
	display: flex;
	align-items: center;
	gap: 4px;
	font-size: 20px;
	font-weight: var(--fw-medium);
	color: var(--col-navy);
}

.common_share_data .data-sec-ttl::before {
	content: "";
	display: block;
	width: 20px;
	aspect-ratio: 1;
	background: url(../image/icon-folder.svg) no-repeat center / contain;
}

.common_share_data .data-sec-head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 24px;
}

.common_share_data .data-sec-head .select-cover {
	font-size: 15px;
}

.common_share_data .splide-share-gallery {
	margin-top: 12px;
}

.splide-share-gallery .slide-inner {
	display: flex;
	gap: 16px;
}

.splide-share-gallery .slide-inner .slide-content {
	flex: 1;
}

.splide-share-gallery .slide-inner .common-checkbox {
	gap: 3px;
	font-size: 15px;
	color: var(--col-navy);
	font-weight: var(--fw-medium);
}

.splide-share-gallery .slide-inner .common-checkbox input[type="checkbox"]{
	min-width: 18px;
}

.splide-share-gallery .slide-inner .common-checkbox input[type="checkbox"]::before {
	width: 18px;
}

.splide-share-gallery .slide-inner .common-checkbox input[type="checkbox"]:checked::after {
	width: 13px;
	margin-top: 3px;
	margin-left: 3px;
}

.splide-share-gallery .slide-inner .common-checkbox span{
	flex: 1;
}

.splide-share-gallery .slide-inner .img {
	cursor: pointer;
	margin-top: 8px;
	width: 100%;
	aspect-ratio: 4/3;
	background-color: lightgrey;
}

.splide-share-gallery .slide-inner .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.splide-share-gallery .slide-inner .download{
	cursor: pointer;
	width: fit-content;
	margin-inline: auto;
	margin-top: 5px;
}

.splide-share-gallery .splide__arrow--prev {
	left: 0;
}

.splide-share-gallery .splide__arrow--next {
	right: 0;
}

.splide-share-gallery .splide__arrow {
	opacity: 1;
	mix-blend-mode: multiply;
	height: 100%;
	border-radius: 0;
}

.splide__arrow svg {
	fill: #fff;
}
/*----- end: 情報共有 各ページ共通 -----*/

/*----- 規約 （規約・届出書） -----*/
.document_conditions .splide-share-gallery {
	padding: 16px;
	background-color: #ebebeb;
}

.document_conditions .splide-share-gallery .common-checkbox {
	align-items: flex-start;
}

.document_conditions .splide-share-gallery .common-checkbox + .common-checkbox {
	margin-top: 20px;
}
/*----- end: 規約 （規約・届出書） -----*/

/*----- カープロファイル 編集画面 -----*/
.car_profile_edit .edit-sec-txt {
	padding-bottom: 15px;
	font-weight: var(--fw-medium);
	color: var(--col-navy);
}

.car_profile_edit .scroll-content-outer{
	border-top: solid 1px var(--col-navy);
}

.car_profile_edit .edit-sec-main{
	display: flex;
	background-color: #fff;
}

.car_profile_edit .edit-sec-main .lead{
	padding: 15px;
	border-bottom: solid 1px #D8D8D8;
	font-weight: var(--fw-medium);
}

.car_profile_edit .edit-sec-main .info{
	width: 437px;
	border-right: solid 3px #D8D8D8;
}

.car_profile_edit .edit-sec-main .images {
	flex: 1;
}

.car_profile_edit .info-row{
	display: flex;
	border-bottom: solid 1px #D8D8D8;
}

.car_profile_edit .info-label {
	width: 162px;
	padding: 25px 15px;
	background-color: var(--col-pale-blue);
	font-weight: var(--fw-medium);
	color: var(--col-navy);
}

.car_profile_edit .info-data {
	flex: 1;
	display: flex;
	align-items: center;
	gap: 3px;
	padding: 20px 15px;
}

.car_profile_edit .info-data input{
	max-width: 190px;
	width: 100%;
}

.car_profile_edit .edit-sec-main .images-list {
	column-count: 4;
	column-gap: 40px;
	padding: 16px;
}

.car_profile_edit .edit-sec-main .images-item {
	display: flex;
	gap: 15px;
	margin-bottom: 16px;
}

.car_profile_edit .edit-sec-main .images-item .img{
	width: 112px;
	padding-bottom: 16px;
	border-bottom: solid 1px #D8D8D8;
}

.car_profile_edit .edit-sec-main .images-item .status {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 8px;
	font-size: 12px;
}

.car_profile_edit .edit-sec-main .images-item .status .select-cover{
	width: 100%;
}
/*----- end: カープロファイル 編集画面 -----*/

/*========== 画面幅1700px以下 ==========*/
@media screen and (max-width: 1700px) {

	/*----- カープロファイル 編集画面 -----*/
	.car_profile_edit .edit-sec-main .images-list {
		column-count: 3;
		column-gap: 40px;
	}
	/*----- end: カープロファイル 編集画面 -----*/

}
/* 1700px */

/*========== 画面幅1440px以下 ==========*/
@media screen and (max-width: 1440px) {
	.per-page-count {
		font-size: 14px;
	}

	/* メインコンテンツ内 */
	.content .content-inner {
		padding: 16px 0 0;
	}
	/* end: メインコンテンツ内 */

	/*----- 在庫一覧表 共通 -----*/
	.stock_list .scroll-content-outer {
		scroll-padding-top: 110px;
	}

	.stock_list .ctt-acc-btn {
		padding: 10px 24px;
	}

	.stock_list .ctt-acc > .filter-list {
		padding: 12px;
		gap: 12px 30px;
	}

	.stock_list .sort-wrapper,
	.stock_list .pagination {
		margin-top: 12px;
	}

	.stock_list .sort-wrapper,
	.stock_list .sort-list {
		gap: 16px;
	}

	.stock_list .common-heading {
		padding-bottom: 12px;
	}

	.stock_list .table-grid {
		grid-template-columns: 5fr 3fr 3.5fr 3fr 2.4fr 1fr 1.3fr 1.5fr 2fr 160px;
		grid-template-rows: repeat(4, auto);
	}

	.stock_list .td {
		min-height: 0;
		padding: 3px 10px;
	}

	.stock_list .th.t-img {
		grid-row: 1 / span 4;
	}

	.stock_list .t-maker {
		grid-column: 2 / span 5;
		grid-row: 1 / 2;
	}

	.stock_list .t-price {
		grid-column: 7 / span 3;
		grid-row: 1 / 2;
	}

	.stock_list .th.t-blank {
		grid-column: 10 / 11;
		grid-row: 1 / span 4;
	}

	.stock_list .t-sale-id {
		grid-column: 2 / span 2;
		grid-row: 2 / 3;
	}

	.stock_list .t-year {
		grid-column: 4 / 5;
		grid-row: 2 / 3;
	}

	.stock_list .t-haiki {
		grid-column: 5 / 6;
		grid-row: 2 / 3;
	}

	.stock_list .t-shaken {
		grid-column: 6 / 8;
		grid-row: 2 / 3;
	}

	.stock_list .t-format {
		grid-column: 8 / 10;
		grid-row: 2 / 3;
	}

	.stock_list .t-run {
		grid-column: 2 / 3;
		grid-row: 3 / 4;
	}

	.stock_list .t-color {
		grid-column: 3 / 4;
		grid-row: 3 / 4;
		font-size: 13px;
		padding-inline: 3px;
	}

	.stock_list .t-shift {
		grid-column: 4 / 6;
		grid-row: 3 / 4;
		font-size: 13px;
	}

	.stock_list .t-area {
		grid-column: 6 / 9;
		grid-row: 3 / 4;
	}

	.stock_list .t-review {
		grid-column: 9 / 10;
		grid-row: 3 / 4;
	}

	.stock_list .t-equipment {
		grid-column: 2 / 10;
		grid-row: 4 / 5;
		gap: 6px 8px;
	}

	.stock_list .td.t-equipment {
		gap: 5px 8px;
		padding-block: 5px;
	}

	.stock_list .t-equipment .spec {
		font-size: 13px;
	}

	.stock_list .td.t-img .img-cover {
		height: 100px;
	}

	.stock_list .td.t-img .img-cover img {
		width: 100%;
		height: 100%;
		object-fit: contain;
		object-position: center;
	}
	/*----- end: 在庫一覧表 共通 -----*/

	/*----- （在庫一覧）在庫情報管理 -----*/
	.page_list .status-tab-list a {
		padding: 7px;
		font-size: 14px;
	}

	.page_list .td.t-status {
		grid-row: 4 / 5;
	}

	.page_list .td.t-img {
		padding-top: 5px;
		grid-row: 1 / span 3;
	}

	.page_list .td.t-btns {
		grid-row: 2 / span 3;
		grid-column: 10/11;
		padding-block: 10px;
		gap: 10px;
	}

	.page_list .td.t-btns .link {
		max-width: 136px;
		font-size: 14px;
	}

	.page_list .td.t-edit {
		grid-column: 10 / 11;
		padding-bottom: 0;
	}

	.page_list .td.t-maker {
		grid-row: 1 / 2;
	}
	/*----- end:（在庫一覧）在庫情報管理 -----*/

	/*----- （共有在庫）共有在庫一覧 -----*/
	.page_share .td.t-img {
		grid-row: 1 / span 4;
	}

	.page_share .td.t-edit {
		grid-row: 1 / span 4;
	}
	/*----- end:（共有在庫）共有在庫一覧 -----*/

	/*----- カープロファイル 編集画面 -----*/
	.car_profile_edit .edit-sec-main .images-list {
		column-count: 2;
		column-gap: 40px;
	}
	/*----- end: カープロファイル 編集画面 -----*/

}
/* 1440px */

/*========== 画面幅1280px以下 ==========*/
@media screen and (max-width: 1280px) {
	.common-heading {
		padding-bottom: 10px;
	}

	.ctt-acc-btn::before {
		width: 24px;
	}

	/* メインコンテンツ内 */
	.content .content-inner {
		margin-inline: 25px;
	}
	/* end: メインコンテンツ内 */


	/*----- ログイン画面 -----*/
	main.login .login-content {
		padding-block: 40px;
	}

	main.login .login-form{
		margin-top: 20px;
	}

	main.login .lf-item + .lf-item{
		margin-top: 20px;
	}

	main.login .lf-input{
		margin-top: 4px;
		padding-block: 10px;
	}

	main.login .lf-btn{
		margin-top: 30px;
		padding-block: 8px;
	}

	main.login .lf-checkbox{
		margin-top: 16px;
	}
	/*----- end ログイン画面 -----*/


	/*----- 在庫一覧表 共通 -----*/
	.stock_list .keyword span {
		display: block;
		width: 85px;
	}

	.stock_list .keyword input {
		width: calc(100% - 74px);
	}
	/*----- end: 在庫一覧表 共通 -----*/

	/*----- end: 在庫情報 一括登録（在庫情報 CSV一括登録） -----*/
	.import_car .ctt-acc-btn {
		padding: 5px;
	}

	.import_car .ctt-acc.open {
		margin-top: 16px;
	}
	/*----- end: 在庫情報 一括登録（在庫情報 CSV一括登録） -----*/

	/*----- （店舗一覧）WEBサイト店舗リスト -----*/
	.hp_list .ctt-acc-btn {
		padding: 5px;
	}

	.hp_list .ctt-acc.open {
		margin-top: 16px;
	}

	.hp_list .table-grid {
		grid-template-columns: 2.8fr 2fr 2fr 1fr 1fr;
		grid-template-rows: repeat(4, auto);
	}

	.hp_list .t-goo {
		grid-column: 4 / span 1;
		grid-row: 1 / span 2;
	}

	.hp_list .t-cs {
		grid-column: 5 / span 1;
		grid-row: 1 / span 2;
	}

	.hp_list .t-shop {
		grid-column: 1 / 6;
		grid-row: 3 / span 1;
	}

	.hp_list .t-company {
		grid-column: 1 / 6;
		grid-row: 4 / span 1;
	}

	.hp_list .check-item.checked {
		width: 13px;
		height: 13px;
	}

	.hp_list .check-item.checked::after {
		content: "";
		display: block;
		width: 12px;
		aspect-ratio: 17/10;
		margin-top: 4px;
		border-left: solid 3px var(--col-blue);
		border-bottom: solid 3px var(--col-blue);
		transform: rotate(-45deg);
	}

	.hp_list .th {
		padding: 3px 2px;
	}

	.hp_list .td {
		padding: 8px;
	}
	/*----- end: （店舗一覧）WEBサイト店舗リスト -----*/
}
/* 1280px以下 */

/*========== 画面幅1200px以下 ==========*/
@media screen and (max-width: 1200px) {
	.btn-fs-16 {
		width: 135px;
		padding: 6px;
		font-size: 14px;
	}

	.btn-fs-20 {
		width: 112px;
		padding: 8px;
		font-size: 15px;
	}

	.cell-label {
		padding: 10px 3px;
	}

	.cell-data {
		padding: 10px 12px;
		gap: 12px;
	}

	.common-page-ttl {
		font-size: 22px;
	}

	/*----- 設定入力 共通 -----*/
	.setting_style .sheet {
		grid-template-columns: 100px 1fr;
	}

	.setting_style .sheet input[type="text"],
	.setting_style .sheet textarea {
		flex: auto;
		width: 100%;
	}

	.setting_style .cell-full {
		grid-column: auto;
	}

	.setting_style .choices {
		gap: 16px 24px;
	}

	.setting_style .file-asset {
		width: fit-content;
	}
	/*----- end: 設定入力 共通 -----*/

	/*----- CSV一括登録 -----*/
	.register_csv .import_sheet {
		grid-template-rows: 50px 1fr;
	}

	.register_csv .table-grid {
		grid-template-columns: 100px 100px 1fr 69px 85px 104px 104px;
		grid-template-rows: repeat(2, auto);
	}

	.register_csv .table-grid .td {
		padding: 4px 10px;
	}

	.register_csv .t-maker {
		grid-row: 1/2;
		grid-column: 1/8;
	}

	.register_csv .t-kameiten {
		grid-row: 2/3;
		grid-column: 1/2;
	}

	.register_csv .t-katashiki {
		grid-row: 2/3;
		grid-column: 2/3;
	}
	/*----- end: CSV一括登録 -----*/

	/*----- （店舗登録）WEBサイト設定 -----*/
	.hp_setting .service {
		max-width: 100%;
	}

	.hp_setting .comment-asset {
		grid-template-rows: auto;
		grid-template-areas: "ttl limit" "textarea textarea";
		flex: auto;
		width: 100%;
	}

	.hp_setting .textarea-limit {
		text-align: right;
	}

	.hp_setting .column-reverse {
		flex-direction: column-reverse;
		gap: 6px;
	}

	.hp_setting .event-title,
	.hp_setting .event-comment {
		flex: auto;
		width: 100%;
		display: grid;
		grid-template-columns: auto 1fr;
		grid-template-areas: "ttl limit" "textarea textarea";
	}

	.hp_setting .event-title .cell-ttl,
	.hp_setting .event-comment .cell-ttl {
		grid-area: ttl;
	}

	.hp_setting .event-title textarea,
	.hp_setting .event-comment textarea {
		grid-area: textarea;
	}

	.hp_setting .event-title .textarea-limit,
	.hp_setting .event-comment .textarea-limit {
		grid-area: limit;
	}

	.hp_setting .event-img {
		padding-left: 0;
		border-left: none;
	}

	.hp_setting .event-img .file-asset {
		width: fit-content;
	}

	.hp_setting .event-comment {
		width: 100%;
	}
	/*----- end: （店舗登録）WEBサイト設定 -----*/

	/*----- （在庫入力）車両詳細設定 -----*/
	.page_detail .images .cell-data {
		flex-direction: column;
		align-items: flex-start;
	}

	.page_detail .comment-asset {
		width: 100%;
	}

	.page_detail .comment-asset textarea {
		flex: 1;
	}
	/*----- end: （在庫入力）車両詳細設定 -----*/
}
/* 1200px */

/*========== 画面幅1024px以下 ==========*/
@media screen and (max-width: 1024px) {
	html {
		font-size: 13px;
		line-height: calc(19 / 13);
	}

	.cell-label {
		min-height: 0;
	}

	.filter-list {
		gap: 8px 16px;
	}

	.filter-item {
		gap: 4px;
	}

	.btn-prev,
	.btn-next {
		display: none;
	}

	.btn-first,
	.btn-page,
	.btn-last {
		height: 32px;
	}

	.btn-first,
	.btn-last {
		width: 60px;
	}

	.btn-first::after,
	.btn-last::before {
		content: "";
		display: block;
		width: 9px;
		aspect-ratio: 1;
		border-left: solid 1px var(--col-navy);
		border-bottom: solid 1px var(--col-navy);
	}

	.btn-first::after {
		transform: rotate(45deg);
	}

	.btn-last::before {
		transform: rotate(-135deg);
	}

	.common-page-ttl {
		padding-bottom: 16px;
	}

	.common-heading-btns {
		gap: 9px;
	}

	#header {
		padding: 10px 16px;
	}

	.header-inner {
		justify-content: flex-start;
		align-items: center;
		gap: 12px;
	}

	.header-logo,
	h1 {
		height: 44px;
	}

	.ham-btn {
		position: absolute;
		top: 10px;
		right: 16px;
		display: flex;
		width: 40px;
		height: 40px;
	}

	.ham-btn span {
		position: absolute;
		display: block;
		width: 40px;
		height: 4px;
		background-color: var(--col-navy);
		border-radius: 4px;
		transition: all 0.2s;
	}

	.ham-btn span.top {
		top: 6px;
	}

	.ham-btn span.med {
		top: 18px;
		opacity: 1;
	}

	.ham-btn span.btm {
		top: 30px;
	}

	main.main {
		--side-bar-width: 90%; /* サイドバーの幅 */
		--header-height: 64px; /* ヘッダー高さ */
		position: relative;
		overflow: hidden;
	}

	main.main .side-bar {
		position: absolute;
		right: calc(-1 * var(--side-bar-width));
		max-width: 327px;
		transition: all 0.2s;
	}

	main.main .content {
		width: 100%;
	}

	/* ハンバーガーメニュー open時 */
	.ham-btn.open span.top {
		top: 18px;
		transform: rotate(45deg);
	}

	.ham-btn.open span.med {
		opacity: 0;
	}

	.ham-btn.open span.btm {
		top: 18px;
		transform: rotate(-45deg);
	}

	main.main .side-bar.open {
		right: 0;
	}
	/* end: ハンバーガーメニュー open時 */

	/* end: モーダルウィンドウ */
	.mdlr-frame {
		max-width: 260px;
		padding-block: 48px;
	}

	.mdlr-txt {
		font-size: 20px;
	}

	.mdlr-btns {
		flex-direction: column;
		align-items: center;
		gap: 32px;
		margin: 32px auto 0;
	}
	/* end: モーダルウィンドウ */

	/* サイドバー */
	.side-bar-acc {
		display: none;
	}
	/* end: サイドバー */

	/* メインコンテンツ内 */
	.content .content-inner {
		margin-inline: 16px;
	}
	/* end: メインコンテンツ内 */

	/* 共通チェックボックス */
	.common-checkbox {
		gap: 9px;
	}

	.common-checkbox input[type="checkbox"] {
		width: 20px;
		aspect-ratio: 1;
	}

	.common-checkbox input[type="checkbox"]::before {
		width: 20px;
	}

	.splide-share-gallery .slide-inner .common-checkbox input[type="checkbox"]:checked::after {
		width: 10px;
		height: 6px;
		border-left-width: 2px;
		border-bottom-width: 2px;
	}
	/* end: 共通チェックボックス */

	/* 共通ラジオボタン */
	.common-radio {
		gap: 5px;
	}

	.common-radio input[type="radio"] {
		width: 20px;
		aspect-ratio: 1;
	}

	.common-radio input[type="radio"]::before {
		width: 20px;
	}

	.common-radio input[type="radio"]:checked:after {
		width: 12px;
	}
	/* end: 共通ラジオボタン */

	/* 設定入力 共通 */
	.setting_style .sheet {
		grid-template-columns: 77px 1fr;
	}

	.setting_style .file-input-desc {
		font-size: 13px;
	}
	/* end: 設定入力 共通 */

	/*----- 在庫一覧表 共通 -----*/
	.stock_list .scroll-content-outer {
		scroll-padding-top: 125px;
	}

	.stock_list .common-heading {
		position: relative;
		flex-direction: row;
	}

	.stock_list .common-page-ttl {
		width: 100%;
		padding-right: 70px;
	}

	.stock_list .ctt-acc-btn {
		position: absolute;
		top: 0;
		right: 0;
	}

	.stock_list .common-heading-btns {
		margin-top: 0;
	}

	.stock_list .keyword span {
		width: 70px;
	}

	.stock_list .csv-btns a {
		width: 95px;
		font-size: 13px;
	}

	.stock_list .filter-list {
		gap: 12px 16px;
	}

	.stock_list .edit-content input[type="text"],
	.stock_list .edit-content textarea {
		flex: auto;
		width: 100%;
	}
	.stock_list .edit-sheet {
		grid-template-columns: 162px 1fr;
	}

	.stock_list .cell-full {
		grid-column: 2 / span 1;
	}

	.stock_list .th {
		padding-block: 3px;
	}
	/*----- end: 在庫一覧表 共通 -----*/

	/*----- CSV一括登録 -----*/
	.register_csv .ctt-acc-btn {
		padding: 10px 18px;
	}

	.register_csv .lead {
		grid-template-columns: 1fr auto;
	}

	.register_csv .lead-note {
		grid-column: 1/3;
		grid-row: 2/3;
	}
	/*----- //CSV一括登録 -----*/

	/*----- （店舗登録）WEBサイト設定 -----*/
	.hp_setting .cell-ttl {
		font-size: 13px;
		font-weight: var(--fw-bold);
		color: var(--col-navy);
	}

	.hp_setting .service {
		display: flex;
		flex-wrap: wrap;
		gap: 16px 24px;
		max-width: 100%;
		width: 100%;
	}

	.hp_setting .textarea-limit {
		font-size: 13px;
	}

	.hp_setting .with-desc {
		flex-direction: column;
		align-items: flex-start;
	}
	/*----- end: （店舗登録）WEBサイト設定 -----*/

	/*----- （店舗一覧）WEBサイト店舗リスト -----*/
	.hp_list .common-heading-btns {
		justify-content: center;
	}
	/*----- end: （店舗一覧）WEBサイト店舗リスト -----*/

	/*----- （共有在庫）在庫情報管理 -----*/
	.page_share .contact-item {
		padding: 6px 12px;
	}

	.page_share .contact-item:first-child {
		padding-block: 14px;
	}

	.page_share .contact-item:not(:first-child) .c-label {
		padding-top: 8px;
	}

	.page_share .required {
		font-size: 12px;
	}

	.page_share .tel-num {
		font-size: 18px;
	}

	.page_share .contact .btn-fs-20 {
		width: 200px;
	}
	/*----- end:（共有在庫）在庫情報管理 -----*/

	/*----- （在庫入力）車両詳細設定 -----*/
	.page_detail .stg-heading {
		padding-block: 10px;
		padding-inline: 6px 16px;
		font-size: 15px;
	}

	.page_detail .lead {
		margin-top: 10px;
	}

	.page_detail .eq-grid {
		display: flex;
		flex-wrap: wrap;
		gap: 10px 24px;
	}

	.page_detail .eq-grid .common-checkbox {
		min-height: 27px;
	}

	.page_detail .comment-ttl {
		font-size: 13px;
	}
	/*----- end:（在庫入力）車両詳細設定 -----*/

	/*----- 規約 （規約・届出書） -----*/
	.document_conditions .splide-share-gallery .common-checkbox span {
		padding-top: 0;
		margin-top: -1px;
	}
	/*----- end: 規約 （規約・届出書） -----*/

	/*----- カープロファイル 編集画面 -----*/
	.car_profile_edit .edit-sec-main .info {
		width: 30%;
	}

	.car_profile_edit .edit-sec-main .info-label {
		width: 90px;
	}
	/*----- end: カープロファイル 編集画面 -----*/
}
/* 1024px */

/*========== 画面幅768px以下 ==========*/
@media screen and (max-width: 768px) {
	.content.setting_style .content-inner,
	.content.hp_list .content-inner {
		min-height: 700px;
	}

	.content.stock_list .content-inner {
		min-height: 1000px;
	}

	.thead .th {
		font-size: 13px;
	}

	/* 共通セレクトボックス */
	.select-cover::before {
		top: 7px;
		right: 6px;
		width: 7px;
	}

	.select-cover select {
		padding-inline: 6px 20px;
	}
	/* end: 共通セレクトボックス */

	/* 共通カレンダー入力ボックス */
	input[type="date"] {
		position: relative;
		width: 108px;
		min-height: 28px;
		padding-block: 4px;
		padding-inline: 4px 25px;
		border: solid 1px var(--col-gray);
	}
	/* end: 共通カレンダー入力ボックス */

	/*----- 在庫一覧表 共通 -----*/
	.stock_list .scroll-content-outer {
		scroll-padding-top: 182px;
	}

	.stock_list .thead.table-grid,
	.stock_list .tbody-content.table-grid {
		grid-template-columns: 3.2fr 1.2fr 2fr 1.2fr 2.3fr 1fr 1fr 1fr 2.2fr;
	}

	.stock_list .thead.table-grid {
		grid-template-rows: 22px repeat(5, auto);
	}

	.stock_list .tbody-content.table-grid {
		grid-template-rows: repeat(6, auto);
	}

	.stock_list .td {
		padding: 4px;
		min-height: 30px;
	}

	.stock_list .t-maker {
		grid-column: 3 / 10;
		grid-row: 2 / 3;
	}

	.stock_list .t-price {
		grid-column: 1 / 3;
		grid-row: 3 / 4;
	}

	.stock_list .th.t-price {
		padding-block: 1px;
		line-height: 1.2;
	}

	.stock_list .t-sale-id {
		grid-column: 3 / span 5;
		grid-row: 3 / 4;
	}

	.stock_list .t-year {
		grid-column: 8 / 10;
		grid-row: 3 / 4;
	}

	.stock_list .t-haiki {
		grid-column: 1 / 2;
		grid-row: 4 / 5;
	}

	.stock_list .t-shaken {
		grid-column: 2 / 4;
		grid-row: 4 / 5;
	}

	.stock_list .t-format {
		grid-column: 4 / span 3;
		grid-row: 4 / 5;
	}

	.stock_list .t-run {
		grid-column: 7 / 10;
		grid-row: 4 / 5;
	}

	.stock_list .t-color {
		grid-column: 1 / span 3;
		grid-row: 5 / 6;
	}

	.stock_list .t-shift {
		grid-column: 4 / span 2;
		grid-row: 5 / 6;
	}

	.stock_list .t-area {
		grid-column: 6 / span 3;
		grid-row: 5 / 6;
	}

	.stock_list .t-review {
		grid-row: 5 / 6;
	}

	.stock_list .t-equipment {
		grid-column: 1 / 10;
		grid-row: 6 / 7;
	}

	.stock_list .th.t-img {
		grid-column: 1 / 3;
		grid-row: 1 / 3;
		align-items: center;
		padding: 0;
	}

	.stock_list .th.t-blank {
		grid-column: 3 / 10;
		grid-row: 1 / 2;
		border-left: none;
	}

	.stock_list .td .edit-btn,
	.stock_list .td .edit-btn.open {
		font-size: 14px;
	}

	.stock_list .edit-heading {
		gap: 4px 10px;
		padding: 8px;
	}

	.stock_list .edit-sheet {
		grid-template-columns: 65px 1fr;
	}

	.stock_list .common-heading-btns {
		max-width: 310px;
		width: fit-content;
		justify-content: flex-end;
		gap: 12px;
	}

	.stock_list .cell-label {
		min-height: 40px;
	}

	.stock_list .file-input-desc {
		font-size: 13px;
	}

	.stock_list .gallery-img {
		aspect-ratio: 1;
		height: 200px;
	}
	/*----- end: 在庫一覧表 共通 -----*/

	/*----- ログイン画面 -----*/
	main.login .login-content-ttl {
		font-size: 22px;
	}

	main.login .lf-label {
		font-size: 14px;
	}

	main.login .lf-input {
		font-size: 14px;
	}

	main.login .lf-btn {
		max-width: 197px;
		font-size: 16px;
	}

	main.login .lf-checkbox {
		gap: 12px;
		margin-top: 24px;
		border-radius: 4px;
	}

	main.login .lf-checkbox-txt {
		font-size: 14px;
	}

	footer.footer .copyright {
		font-size: 11px;
	}
	/*----- end: ログイン画面 -----*/

	/*----- CSV一括登録 -----*/
	.register_csv .import_sheet {
		grid-template-rows: auto 1fr;
	}

	.register_csv .csv-register {
		display: grid;
		grid-template-columns: 65px 1fr;
	}

	.register_csv .cr-note {
		margin-top: 8px;
		font-size: 13px;
	}
	/*----- end: CSV一括登録 -----*/

	/*----- （店舗登録）WEBサイト設定 -----*/
	.hp_setting .web-meta {
		grid-template-columns: 1fr;
	}
	/*----- end: （店舗登録）WEBサイト設定 -----*/

	/*----- （在庫一覧）在庫情報管理 -----*/
	.page_list .t-status .pre,
	.page_list .t-status .open {
		width: fit-content;
		padding: 2px 8px;
		font-size: 12px;
		line-height: 1.2;
	}

	.page_list .td.t-status {
		padding: 8px 10px;
		grid-column: 3 / span 2;
		grid-row: 1 / 2;
		justify-content: space-between;
		align-items: center;
		box-shadow: inset 0 -1px 0 #d8d8d8;
	}

	.page_list .td.t-maker {
		grid-column: 3 / 10;
		grid-row: 2 / 3;
	}

	.page_list .td.t-img {
		grid-column: 1 / 3;
		grid-row: 1 / 3;
		align-items: center;
		padding: 0;
		box-shadow: inset -1px -1px 0 #d8d8d8;
	}

	.page_list .td.t-equipment {
		box-shadow: inset -1px -1px 0 #d8d8d8;
	}

	.page_list .td.t-edit {
		grid-column: 5 / 10;
		justify-content: flex-end;
		align-items: center;
		padding-block: 8px;
		padding-right: 10px;
		box-shadow: inset -1px -1px 0 #d8d8d8;
		border-left: none;
	}

	.page_list .td.t-btns {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		grid-column: 1 / 10;
		grid-row: 7 / 8;
		padding-block: 14px;
		border-left: none;
		border-top: solid 2px #d8d8d8;
	}

	.page_list .td.t-btns .link {
		max-width: 136px;
	}
	/*----- end: （在庫一覧）在庫情報管理 -----*/

	/*----- （共有在庫）共有在庫一覧 -----*/
	.page_share .edit-sheet {
		grid-template-columns: 76px 1fr;
	}

	.page_share .td.t-img {
		grid-column: 1 / 3;
		grid-row: 1 / 3;
		padding: 0;
	}

	.page_share .td.t-edit {
		grid-column: 3 / 10;
		grid-row: 1 / 2;
		box-shadow: inset -1px -1px 0 #d8d8d8;
		justify-content: flex-end;
		border-left: none;
	}

	.page_share .edit-heading {
		flex-direction: row;
		justify-content: space-between;
	}
	/*----- end:（共有在庫）共有在庫一覧 -----*/

	/*----- 情報共有 各ページ共通 -----*/
	.common_share_data .data-sec-ttl {
		font-size: 18px;
	}

	.common_share_data .data-sec-ttl::before {
		width: 18px;
	}

	.common_share_data .data-sec-head .select-cover {
		font-size: 14px;
	}

	.splide-share-gallery .slide-inner .common-checkbox input[type="checkbox"] {
		width: 14px;
	}

	.splide-share-gallery .slide-inner .common-checkbox input[type="checkbox"]::before {
		width: 14px;
	}

	.splide-share-gallery .slide-inner .common-checkbox{
		font-size: 13px;
	}
	/*----- end: 情報共有 各ページ共通 -----*/

	/*----- 規約 （規約・届出書） -----*/
	.document_conditions .splide-share-gallery {
		padding-inline: 8px;
	}
	/*----- end: 規約 （規約・届出書） -----*/

	/*----- カープロファイル 編集画面 -----*/
	.car_profile_edit .edit-sec-main{
		flex-direction: column;
	}

	.car_profile_edit .edit-sec-main .info{
		width: 100%;
		border-right: none;
		border-bottom: solid 3px #D8D8D8;
	}

	.car_profile_edit .info-label {
		padding: 18px 8px;
	}

	.car_profile_edit .info-data{
		padding: 13px 8px;
	}
	/*----- end: カープロファイル 編集画面 -----*/
}
/* 768px */

/*========== 画面幅600px以下 ==========*/
@media screen and (max-width: 600px) {
	.common-heading-btns {
		flex-direction: column-reverse;
		gap: 20px;
	}

  .header-inner {
    gap: 6px;
  }

  .header-admin {
    font-size: 12px;
  }

	/* 共通 車の画像スライダー */
	.splide-car-gallery {
		flex: unset;
		width: auto;
	}

	.splide-car-gallery .slide-inner {
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: 1fr;
		height: 100%;
	}

	.splide-car-gallery .slide-inner .img {
		height: 90px;
		aspect-ratio: 14/10;
	}

	.splide-car-gallery .splide__arrow {
		height: auto;
		width: 100%;
	}

	.splide-car-gallery .splide__arrow--prev {
		top: 0;
		left: 50%;
	}

	.splide-car-gallery .splide__arrow--next {
		bottom: 0;
	}
	/* end: 共通 車の画像スライダー */

	/*----- 在庫一覧表 共通 -----*/
	.stock_list .csv-btns,
	.stock_list .filter-btns {
		justify-content: center;
		gap: 20px;
		width: 100%;
	}

	.stock_list .ctt-acc > .filter-list {
		margin-top: 8px;
	}

	.stock_list .pagination {
		width: 100%;
		justify-content: space-between;
	}
	/*----- end: 在庫一覧表 共通 -----*/

	/*----- 設定入力 共通 -----*/
	.setting_style .file-asset {
		display: flex;
		flex-direction: column;
		gap: 8px;
		width: 100%;
	}

	.setting_style .file-input-img {
		width: 73px;
		aspect-ratio: 73/55;
	}

	.setting_style .sheet input[type="text"],
	.setting_style .sheet textarea {
		max-width: 100%;
	}
	/*----- end: 設定入力 共通 -----*/

	/*----- （在庫一覧）在庫情報管理 -----*/
	.page_list .status-tab-list a {
		padding: 6px;
	}

	.page_list .td.t-edit {
		grid-column: 5 / 10;
		align-items: center;
		justify-content: flex-end;
	}
	/*----- end: （在庫一覧）在庫情報管理 -----*/

	/*----- （共有在庫）共有在庫一覧 -----*/
	.page_share .wholesale-price {
		padding-block: 10px;
		padding-inline: 12px;
	}

	.page_share .wp-label {
		color: var(--col-navy);
	}

	.page_share .wp-data {
		font-weight: var(--fw-bold);
	}

	.page_share .gallery-img,
	.page_share .splide {
		margin-left: 12px;
	}

	.page_share .splide {
		margin-right: 12px;
	}

	.page_share .contact-item {
		flex-direction: column;
		gap: 6px;
	}

	.page_share .contact-item:not(:first-child) .c-label {
		padding-top: 0;
	}

	.page_share .contact-item .c-content {
		flex-direction: column;
		align-items: flex-start;
		flex: auto;
		width: 100%;
	}

	.page_share .contact input[type="text"],
	.page_share .contact textarea {
		flex: auto;
		width: 100%;
	}
	/*----- end:（共有在庫）共有在庫一覧 -----*/

	/*----- （在庫入力）車両詳細設定 -----*/
	.page_detail .lead {
		margin-top: -4.2em;
		flex-direction: column;
		width: calc(100% - 112px);
	}

	.page_detail .comment-asset {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}

	.page_detail .cell-data .br-content {
		flex-direction: column;
		align-items: flex-start;
	}
	/*----- end:（在庫入力）車両詳細設定 -----*/

	/*----- CSV一括登録 -----*/
	.register_csv .lead {
		padding-right: 0;
	}

	.register_csv .register-btn {
		align-self: flex-start;
	}

	.register_csv .table-grid {
		grid-template-columns: 55px 39px 30px 1fr 1fr;
		grid-template-rows: repeat(4, auto);
	}

	.register_csv .t-maker {
		grid-row: 1/2;
		grid-column: 1/6;
	}

	.register_csv .t-kameiten {
		grid-row: 2/3;
		grid-column: 1/3;
	}

	.register_csv .t-katashiki {
		grid-row: 2/3;
		grid-column: 3/6;
	}

	.register_csv .t-number {
		grid-row: 3/4;
		grid-column: 1/6;
	}

	.register_csv .t-year {
		grid-row: 4/5;
		grid-column: 1/2;
	}

	.register_csv .t-haiki {
		grid-row: 4/5;
		grid-column: 2/4;
	}

	.register_csv .t-soukou {
		grid-row: 4/5;
		grid-column: 4/5;
	}

	.register_csv .t-shift {
		grid-row: 4/5;
		grid-column: 5/6;
	}
	/*----- end: CSV一括登録 -----*/

	/*----- （店舗一覧）WEBサイト店舗リスト -----*/
	.hp_list .common-heading-btns {
		flex-direction: column-reverse;
		align-items: flex-end;
	}

	.hp_list .ctt-acc.open {
		margin-top: 0;
	}
	/*----- end: （店舗一覧）WEBサイト店舗リスト -----*/

	/*----- （店舗登録）WEBサイト設定 -----*/
	.hp_setting .common-heading {
		flex-direction: column;
		gap: 10px;
	}

	.hp_setting .common-heading-btns {
		flex-direction: row;
		align-self: flex-end;
	}
	/*----- end: （店舗登録）WEBサイト設定 -----*/

	/*----- 情報共有 各ページ共通 -----*/
	.common_share_data .common-heading {
		padding-bottom: 8px;
	}

	.common_share_data .data-sec-head {
		justify-content: space-between;
	}

	.splide-share-gallery .slide-inner {
		flex-direction: column;
	}
	/*----- end: 情報共有 各ページ共通 -----*/

	/*----- カープロファイル 編集画面 -----*/
	.car_profile_edit .edit-sec-main .images-list {
		column-count: 1;
	}

	.car_profile_edit .edit-sec-main .images-item:last-child{
		margin-bottom: 0;
	}

	.car_profile_edit .edit-sec-main .images-item:last-child .img{
		padding-bottom: 0;
		border-bottom: none;
	}

	.car_profile_edit .edit-sec-main .images-item .img{
		max-width: 150px;
		width: 50%;
	}

	.car_profile_edit .info-label {
		width: 70px;
	}

	.car_profile_edit .info-data input {
		max-width: 134px;
	}
	/*----- end: カープロファイル 編集画面 -----*/
}
/* 600px */

/*========== 画面幅375px以下 ==========*/
@media screen and (max-width: 375px) {
	.content .content-inner {
		margin-inline: 10px;
	}
}
/* 375px */