@charset "utf-8";
@media screen and (max-width:1024px) {
/*=============
News	
=============*/
/*== News・運営News（同様のスタイル） ==*/
.news,
.ope_news {
	padding-left: 6.25%;
	padding-right: 6.25%;
	margin-top: 50px;
}

.news_single {
    padding-left: 5.3334%;
    padding-right: 5.3334%;
    margin-bottom: 50px;
}

/*=============
出品する	
=============*/
/*== 車の登録 ==*/
.user_sell_form {
	margin-top: 50px;
	margin-bottom: 50px;
	padding-left: 6.25%;
	padding-right: 6.25%;
}
.car_upload .flex_box {
	/*display: block;*/
}
.car_upload .upload_box {
	width: 100%;
	margin-left: 0;
	margin-top: 20px;
}
.car_upload .upload_box .btn_box .delete {
	margin-top: 30px;
}
.detail_box01 .img_box {
	max-width: 1024px;
}


/*== car_input ==*/d
.car_input {
	padding: 40px 25px;
	display: block;
}
.car_input li {
	width: 100%;
}
.car_input li:nth-child(2n) {
	padding-left: 0;
}
.car_input li > input,
.car_input li > select,
.car_input li > div {
	width: 70%;
}
.car_input li > label {
	width: 100%;
}
.car_input li.clm_1 > input {
	width: 75%;
}
/* サイズ（全長・全幅・全高）：TB/SPの入力行間余白 */
.car_input li.clm_1:has(.kakeru) {
	row-gap: 10px;
}

/*== 基本情報（詳細）==*/
.detail_box02 .deta_list {
	display: block;
}
.detail_box02 .deta_list li {
	width: 100%;
}
.detail_box02 .deta_list li dt {
	max-width: 400px;
	width: 30%;
	padding-left: 0;
}
.detail_box02 .deta_list li dd {
	max-width: 600px;
	width: 70%;
}

/*== 装備仕様 ==*/
.detail_box03 .soubi_list li {
	max-width: 215px;
	width: 24%;
}
.detail_box03 .soubi_list li:nth-child(4n+1) {
	margin-left: 0;
}
.detail_box03 .soubi_list li:nth-child(5n+1) {
	margin-left: auto;
}


/*== 出品者のコメント ==*/
.comment_box {
	/*margin-top: 0px;*/
}


/*=============
購入する	
=============*/
/*== 各種書類ダウンロード ==*/
.template_box {
	margin-top: 50px;
}

/*=============
商品管理	
=============*/
/*== 出品車・取引中・売却済一覧 ==*/
.car_list {
	margin-top: 50px;
	margin-bottom: 50px;
	padding-left: 6.25%;
	padding-right: 6.25%;
}
.product_management_01 .nav-item {
	width: 19%;
}
.product_management_01 .nav-item + .nav-item {
	margin-left: 1.25%;
}
.car_list .box_list > li {
	padding-bottom: 10px;
}

.car_list .txt_box {
	margin-left: 20px;
}
.car_price .car_name .f18 {
	font-size: 1.8vw;
}
.car_price .car_name .f24 {
	font-size: 3vw;
	margin-top: 5px;
}
.car_price .car_name .f14 {
	font-size: 1.2vw;
	margin-top: 5px;
}
.car_price .car_price .kakaku {
	font-size: 1.2vw;
}
.car_price .car_price .price {
	font-size: 1.8vw;
}
.car_price .car_price .price .price-main {
	font-size: 5.5vw;
	line-height: 1;
}
.car_price .car_price .price .price-decimal {
	font-size: 3.575vw;
	vertical-align: baseline;
	line-height: 1;
}

.car_list .txt_box .main_box .car_name {
	padding-top: 0;
}
.car_list .txt_box .main_box .car_price {
	padding-top: 0;
}
.car_list .txt_box .pr_box {
   font-size: 1.8vw;
}
.car_list .detail_list {
	flex-wrap: wrap;
	justify-content: flex-start;
}
.car_list .detail_list li {
	max-width: 125px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.car_list .detail_list li + li {
	margin-left: 11px;
}
.car_list .detail_list li:nth-child(6) {
	margin-left: 0;
}

/*== 車両到着連絡 ==*/
.user_product_management_form {
	margin-top: 50px;
	margin-bottom: 50px;
	padding: 50px 0;
	width: 87.5%;
}
.user_product_management_form .notes_box {
	width: 80%;
	padding: 45px 20px;
}


/*== 取引画面 ==*/
.transaction_info .inner {
    display: block;
	margin-top: 50px;
	margin-bottom: 50px;
	padding-left: 6.25%;
	padding-right: 6.25%;
}
.transaction_info .right_box {
    max-width: 1200px;
	margin-left: 0;
}
.transaction_info .left_box {
    max-width: 1200px;
}
.transaction_info .left_box .detail_main {
    margin-top: 10px;
}

.transaction_info .left_box .detail_list li dl dt {
	flex: 0 0 200px;
}
.transaction_info .inner_box {
	padding-left: 6.25%;
	padding-right: 6.25%;
}

/* 取引中一覧：タブレット・スマホ カード型（PCの表組みは base.css のまま） */
.transaction_info .main_content.table-1150 {
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;
}
.transaction_info .table-container.deals_list {
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;
}
.transaction_info .table-container.deals_list .table {
	table-layout: auto;
	border: none;
}
.transaction_info .table-container.deals_list .table-bordered > :not(caption) > * > * {
	border-width: 0;
}
.transaction_info .table-container.deals_list thead {
	display: none;
}
.transaction_info .table-container.deals_list tbody tr {
	display: block;
	height: auto;
	margin-bottom: 16px;
	padding: 16px;
	border: 1px solid #dde1e5;
	border-radius: 4px;
	background-color: #fff;
}
.transaction_info .table-container.deals_list tbody tr td {
	display: block;
	width: 100% !important;
	max-width: 100%;
	padding: 0;
	border: none !important;
	text-align: left !important;
	vertical-align: top;
	white-space: normal;
	word-break: normal;
	overflow-wrap: anywhere;
}
.transaction_info .table-container.deals_list tbody tr td.participants-cell {
	padding-bottom: 12px;
	margin-bottom: 12px;
	border-bottom: 1px solid #ebeced !important;
}
.transaction_info .table-container.deals_list .deals_list_participant {
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 12px;
}
.transaction_info .table-container.deals_list .deals_list_participant_name {
	flex: 1 1 auto;
	min-width: 0;
	white-space: normal;
	word-break: normal;
}
.transaction_info .table-container.deals_list .deals_list_participant_confirmed {
	display: block;
	flex: 1 1 100%;
	margin: 0 0 0 52px;
	padding-left: 20px;
	font-size: 12px;
	font-weight: bold;
}
.transaction_info .table-container.deals_list tbody tr td:nth-child(2)::before {
	content: "ステータス：";
	font-weight: bold;
	color: #72777a;
}
.transaction_info .table-container.deals_list tbody tr td:nth-child(3)::before {
	content: "取引開始日：";
	font-weight: bold;
	color: #72777a;
}
.transaction_info .table-container.deals_list tbody tr td:nth-child(4)::before {
	content: "最終メッセージ：";
	font-weight: bold;
	color: #72777a;
}
.transaction_info .table-container.deals_list tbody tr td:nth-child(5)::before {
	content: "未読：";
	font-weight: bold;
	color: #72777a;
}
.transaction_info .table-container.deals_list tbody tr td:nth-child(2),
.transaction_info .table-container.deals_list tbody tr td:nth-child(3),
.transaction_info .table-container.deals_list tbody tr td:nth-child(4),
.transaction_info .table-container.deals_list tbody tr td:nth-child(5) {
	margin-bottom: 8px;
	font-size: 14px;
	line-height: 1.5;
}
.transaction_info .table-container.deals_list tbody tr td.sub_status-cell {
  white-space: normal;
}
.transaction_info .table-container.deals_list .sub_status-cell .order-completed {
	display: inline-block;
	padding: 2px 5px 1px;
	font-size: 14px;
	line-height: 1.4;
	border-radius: 2px;
	background-color: #7bb32c;
	border: 1px solid #7bb32c;
	color: #fff;
	white-space: nowrap;
	vertical-align: middle;
}
.transaction_info .table-container.deals_list .sub_status-cell .trade-request {
	display: inline-block;
	padding: 2px 5px 1px;
	font-size: 14px;
	line-height: 1.4;
	border-radius: 2px;
	background-color: #e67e22;
	border: 1px solid #e67e22;
	color: #fff;
	white-space: nowrap;
	vertical-align: middle;
}
.transaction_info .table-container.deals_list .sub_status-cell .trading {
	display: inline-block;
	padding: 2px 5px 1px;
	font-size: 14px;
	line-height: 1.4;
	border-radius: 2px;
	background-color: #ca2c28;
	border: 1px solid #ca2c28;
	color: #fff;
	white-space: nowrap;
	vertical-align: middle;
}
.transaction_info .table-container.deals_list .sub_status-cell .recruitment-closed {
	display: inline-block;
	padding: 2px 5px 1px;
	font-size: 14px;
	line-height: 1.4;
	border-radius: 2px;
	background-color: #888;
	border: 1px solid #888;
	color: #fff;
	white-space: nowrap;
	vertical-align: middle;
}
.transaction_info .table-container.deals_list .sub_status-cell .mmc-sub-status {
	white-space: nowrap;
	vertical-align: middle;
}
.transaction_info .table-container.deals_list tbody tr td.detail {
	margin-top: 12px;
	padding-top: 12px !important;
	border-top: 1px solid #ebeced !important;
	text-align: right !important;
}
.transaction_info .table-container.deals_list tbody tr td.detail .btn {
	display: inline-block;
	min-width: 120px;
	padding: 10px 20px;
}
.transaction_info .table-container.deals_list tbody tr td[colspan] {
	text-align: center !important;
	padding: 20px 0 !important;
	border: none !important;
}


/*=============
チャット歴	
=============*/
.chat_list li {
	padding-left: 6.25%;
	padding-right: 6.25%;
}
.comment_area .inner {
	padding-left: 6.25%;
	padding-right: 6.25%;
	padding-top: 20px;
	padding-bottom: 20px;
}


/*=============
各種設定	
=============*/
/*== プロフィール編集 ==*/
.user_setting_01_form {
	padding-left: 6.25%;
	padding-right: 6.25%;
}
.user_setting_01_form .content_box {
	margin-top: 50px;
	padding-left: 30px;
	padding-right: 30px;
}
.user_setting_01_form h3 {
	padding: 25px 0 0;
}
.user_setting_01_form .form_table {
	padding: 30px 0;
}
.user_setting_01_form .form_table dl.d_license dd .license_box {
	padding: 20px;
}
.user_setting_01_form .form_table dl.d_license dd .license_box .license_upload {
	width: 47%;
}
.user_setting_01_form .send_btn {
	margin-top: 50px;
	margin-bottom: 50px;
}

/*== 通知・ログイン設定 ==*/
.user_setting_02_form {
	margin-top: 50px;
	margin-bottom: 50px;
	width: 87.5%;
	padding-left: 30px;
	padding-right: 30px;
}
.user_setting_02_form .form_table {
	padding: 30px 0 40px;
}
.user_setting_02_form h3 {
	padding: 25px 0 0;
}
.user_setting_02_form .send_btn button {
	margin-top: 30px;
}

/*== 退会申請 ==*/
.user_setting_03_form {
	margin-top: 50px;
	margin-bottom: 50px;
	width: 87.5%;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 50px;
}
.user_setting_03_form .notes_box {
	margin-top: 0;
	width: 100%;
}

/*=============
購入リクエスト画面	
=============*/
.user_purchase_request_form {
	margin-top: 50px;
	width: 87.5%;
	padding: 50px 5%;
}

}