@charset "utf-8";
body {
	/*font-size: 14px;*/
	font-size: 1rem;
	font-family: 'メイリオ',sans-serif;
	position: relative;
}
#wrapper {
	width: 100%;
	min-height: 100vh;
	position: relative;
	/*overflow: hidden;*/
}
img {
	width: 100%;
	font-size: 0;
    object-fit: cover;
    -webkit-backface-visibility: hidden;
}
/* WordPress の絵文字画像（img.emoji）用スタイル - グローバル img スタイルを上書き */
img.emoji {
	width: 1em;
	height: 1em;
	margin: 0 .07em;
	vertical-align: -0.1em;
	border: none;
	box-shadow: none;
	display: inline;
	font-size: inherit;
	object-fit: contain;
}
p {
	line-height: 1.75;
}
a:hover {
	color: #999;
}
/*ETC*/
.clear {	clear: both;}
.fl-right { float: right; }
.fl-left { float: left; }

.align-left { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }
.bold {	font-weight: bold; }

/*margin*/
.mt-5	{ margin-top: 5px; }
.mt-10	{ margin-top: 10px; }
.mt-15	{ margin-top: 15px; }
.mt-20	{ margin-top: 20px; }
.mt-25	{ margin-top: 25px; }
.mt-30	{ margin-top: 30px; }
.mt-35	{ margin-top: 35px; }
.mt-40	{ margin-top: 40px; }
.mt-45	{ margin-top: 45px; }
.mt-50	{ margin-top: 50px; }
.mt-100	{ margin-top: 100px; }

.mr-5	{ margin-right: 5px; }
.mr-10	{ margin-right: 10px; }
.mr-15	{ margin-right: 15px; }
.mr-20	{ margin-right: 20px; }
.mr-25	{ margin-right: 25px; }
.mr-30	{ margin-right: 30px; }
.mr-35	{ margin-right: 35px; }
.mr-40	{ margin-right: 40px; }
.mr-45	{ margin-right: 45px; }
.mr-50	{ margin-right: 50px; }

.ml-5	{ margin-left: 5px; }
.ml-10	{ margin-left: 10px; }
.ml-15	{ margin-left: 15px; }
.ml-20	{ margin-left: 20px; }
.ml-25	{ margin-left: 25px; }
.ml-30	{ margin-left: 30px; }
.ml-35	{ margin-left: 35px; }
.ml-40	{ margin-left: 40px; }
.ml-45	{ margin-left: 45px; }
.ml-50	{ margin-left: 50px; }
.ml-60	{ margin-left: 60px; }
.ml-70	{ margin-left: 70px; }
.ml-80	{ margin-left: 80px; }

.mb-10	{ margin-bottom: 10px; }
.mb-15	{ margin-bottom: 15px; }
.mb-20	{ margin-bottom: 20px; }
.mb-25	{ margin-bottom: 25px; }
.mb-30	{ margin-bottom: 30px; }
.mb-35	{ margin-bottom: 35px; }
.mb-40	{ margin-bottom: 40px; }
.mb-45	{ margin-bottom: 45px; }
.mb-50	{ margin-bottom: 50px; }
.mb-55	{ margin-bottom: 55px; }
.mb-60	{ margin-bottom: 60px; }
.mb-80	{ margin-bottom: 80px; }
.mb-100	{ margin-bottom: 100px; }

/*padding*/
.pt-10	{ padding-top: 10px; }
.pt-15	{ padding-top: 15px; }
.pt-20	{ padding-top: 20px; }
.pt-25	{ padding-top: 25px; }
.pt-30	{ padding-top: 30px; }
.pt-35	{ padding-top: 35px; }
.pt-40	{ padding-top: 40px; }
.pt-45	{ padding-top: 45px; }
.pt-50	{ padding-top: 50px; }
.pt-100	{ padding-top: 100px; }

.pr-10	{ padding-right: 10px; }
.pr-15	{ padding-right: 15px; }
.pr-20	{ padding-right: 20px; }
.pr-25	{ padding-right: 25px; }
.pr-30	{ padding-right: 30px; }
.pr-35	{ padding-right: 35px; }
.pr-40	{ padding-right: 40px; }
.pr-45	{ padding-right: 45px; }
.pr-50	{ padding-right: 50px; }

.pl-10	{ padding-left: 10px; }
.pl-15	{ padding-left: 15px; }
.pl-20	{ padding-left: 20px; }
.pl-25	{ padding-left: 25px; }
.pl-30	{ padding-left: 30px; }
.pl-35	{ padding-left: 35px; }
.pl-40	{ padding-left: 40px; }
.pl-45	{ padding-left: 45px; }
.pl-50	{ padding-left: 50px; }

.pb-10	{ padding-bottom: 10px; }
.pb-15	{ padding-bottom: 15px; }
.pb-20	{ padding-bottom: 20px; }
.pb-25	{ padding-bottom: 25px; }
.pb-30	{ padding-bottom: 30px; }
.pb-35	{ padding-bottom: 35px; }
.pb-40	{ padding-bottom: 40px; }
.pb-45	{ padding-bottom: 45px; }
.pb-50	{ padding-bottom: 50px; }

.w10 { width: 10%; }
.w15 { width: 15%; }
.w20 { width: 20%; }
.w30 { width: 30%; }
.w40 { width: 40%; }
.w50 { width: 50%; }
.w60 { width: 60%; }
.w70 { width: 70%; }
.w80 { width: 80%; }
.w90 { width: 90%; }
.w100 { width: 100%; }

.w10px { width: 10px; }
.w15px { width: 15px; }
.w20px { width: 20px; }
.w30px { width: 30px; }
.w40px { width: 40px; }
.w50px { width: 50px; }
.w60px { width: 60px; }
.w70px { width: 70px; }
.w80px { width: 80px; }
.w90px { width: 90px; }
.w100px { width: 100px; }
.w110px { width: 110px; }
.w120px { width: 120px; }
.w130px { width: 130px; }
.w140px { width: 140px; }
.w150px { width: 150px; }

.bold  { font-weight: bold;}
.black { color: #333;}
.pc_only,
.pc_tb,
.pc_sp {
	display: block;
}
.sp_only,
.tb_only,
.sp_tb {
	display: none!important;
}
.flex_box {
	display: flex;
}
.cf {
	 content: "";
	 display: block;
	 clear: both;
}

/*color*/
/*.sell_color {
	color: #f6ab00;
	background-color: #f6ab00;
	border: 1px solid #f6ab00;
}
.buy_color {
	color: #7fbe25;
	background-color: #7fbe25;
	border: 1px solid #7fbe25;
}*/



@media screen and (max-width:1600px) {
	body {
		/*font-size: 13px;*/
	}
}

@media screen and (max-width:1350px) {
	body {
		/*font-size: 12px;*/
	}
}

@media screen and (max-width:1024px) { 
	.pc_only {
		display: none!important;
	}
	.pc_tb {
		display: block!important;
	}
	.sp_only {
		display: none!important;
	}
	.sp_tb {
		display: block!important;
	}
	.sp_none {
		display: none;
	}
}

@media screen and (max-width:767px) { 
	.pc_only {
		display: none!important;
	}
	.pc_tb {
		display: none!important;
	}
	.sp_only {
		display: block!important;
	}
	.sp_tb {
		display: block!important;
	}
	.sp_none {
		display: none;
	}
}

/*=============
	ヘッダー（ログイン時のみ：body.user-area = ユーザーヘッダー表示時）
	ログイン前は公開用 common.css の #header が適用される
=============*/
body.user-area #header {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	z-index: 999;
	height: 50px;
	top: 0;
}
body.user-area .h_top {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
body.user-area .h_ttl {
	max-width: 174px;
	width: 9.0626%;
	margin-top: 30px;
	margin-left: 50px;
}
body.user-area .h_ttl span {
	display: none;
}

/*下層ページ*/
body.user-area #header.second_,
body.user-area #header.change {
	box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	background-color: rgba(255,255,255,1);
	position: fixed;
	width: 100%;
}
body.user-area .second_ .h_ttl,
body.user-area .change .h_ttl {
	max-width: 200px;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 5px;
}
body.user-area #header.no_change {
	opacity: 0;
}


@media screen and (max-width:1600px) {
	body.user-area .h_ttl {
		margin-top: 20px;
		margin-left: 20px;
		position: relative;
		z-index: -17;
	}
}

@media screen and (max-width:1024px) {
	body.user-area #header {
		height: auto;
	}
	body.user-area .second_ .h_ttl,
	body.user-area .change .h_ttl {
		max-width: 40px;
		margin-left: 5px;
		margin-top: 10px;
		margin-bottom: 10px;
		max-width: 235px;
		width: 100%;
	}
	body.user-area .h_ttl {
		max-width: 235px;
		width: 100%;
		margin-top: 10px;
		margin-left: 5px;
	}
}

@media screen and (max-width:599px) {}


/*=============
　グローバルメニュー（ログイン時のみ：body.user-area = ユーザーヘッダー表示時）
　ログイン前（公開ヘッダー表示時）は公開用 common.css の #global_nav が適用される
=============*/
body.user-area #global_nav {
}
body.user-area #global_nav .list_box {
	align-items: center;
	position: relative;
	cursor: pointer;
    height: 100%;
    padding-left: 10px;
}
body.user-area #global_nav .list_box:hover {
	background-color: #eaeaea;
}
body.user-area #global_nav .nav_list {
	margin-right: 30px;
	font-size: 14px;
	font-weight: bold;
}
body.user-area #global_nav .nav_list.login {
	height: 35px;
	line-height: 35px;
	width: 165px;
	text-align: center;
}

body.user-area #global_nav .nav_list.login a {
	display: inline-block;
	width: 100%;
	border: 1px solid #3b4043;
	border-radius: 50px;
	transition: .3s;
}
body.user-area #global_nav .nav_list.login a:hover {
	background-color: #3b4043;
	color: #fff;
	transition: .3s;
}
body.user-area #global_nav .nav_list.user_kanri {}
body.user-area #global_nav .nav_list.user_kanri > a {
    display: flex;
    align-items: center;
}
body.user-area #global_nav .nav_list span {
    display: inline-block;
    margin-right: 10px;
}
body.user-area #global_nav .nav_list.user_kanri > a:hover {
	color: #fd7e00;
}
body.user-area #global_nav .nav_list span.icon_kanri {
    font-size: 0;
    width: 30px;
    height: 30px;
    display: inline-block;
    overflow: hidden;
    border-radius: 50%;
}
body.user-area #global_nav .nav_list span.icon_kanri img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}
body.user-area #global_nav .nav_list span.kanri_name {
    font-size: 14px;
    font-weight: normal;
}
/*ユーザー名ホバー時*/
body.user-area #global_nav .sub_box {
    position: absolute;
    top: 50px;
    right: 0;
    width: 235px;
    height: 90px;
    background-color: #202121;
    display: none;
}
body.user-area #global_nav .list_box:hover .sub_box {
    display: block;
}
body.user-area #global_nav .sub_box li {
    margin-left: 100px;
    margin-top: 11px;
}
body.user-area #global_nav .sub_box li + li {
    margin-top: 7px;
}
body.user-area #global_nav .sub_box img {
    position: absolute;
    top: 10px;
    left: 15px;
    width: 70px;
    height: 70px;
    object-fit: cover;
    border-radius: 50%;
}
body.user-area #global_nav .sub_box a {
	color: #fff;
}
body.user-area #global_nav .sub_box a:hover {
	color: #fd7e00;
}
body.user-area #global_nav .sub_box a span {
	font-size: 13px;
    margin-right: 0;
    line-height: 1;
}


@media screen and (max-width:1600px) {
	body.user-area #global_nav {
	}
}


/*=============
　ハンバーガーメニュー（ログイン時のみ）
=============*/
body.user-area .burger-btn {
	display: none;
}
@media screen and (max-width:1024px) { 
	body.user-area .burger-btn {
		display: block;
		width: 67.66px;
		height: 67.66px;
		position: fixed;
		z-index: 9999;
		top: 6px;
		right: 0%;
		cursor: pointer;
		transition: .3s;
	}
	body.user-area #header.change .burger-btn {
		/*top: 0px;*/
	}
		body.user-area .burger-btn:hover {
		}
	body.user-area .bar {
		width: 27px;
		height: 1px;
		display: block;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		background-color: #444;
		transition: .3s;
	}
	body.user-area .bar_top {
		top: 17px;
	}
	body.user-area .bar_mid {
		top: 26px;
	}
	body.user-area .bar_bottom {
		width: 13px;
		bottom: 32px;
		left: 2px;
		transform: translateX(19px);
	}
	body.user-area .bar_txt {
		color: #444;
		font-size: 12px;
		bottom: 28px;
		left: 47%;
		background: none;
		/*font-family: 'Noto Serif JP', 'Noto Serif', serif;*/
	}
		body.user-area .bar_txt::before {
			content: "menu";
		}
	body.user-area .burger-btn.close .bar_top {
		transform: translate(-11px,11px) rotate(45deg);
		transition: transform .3s;
	}
	body.user-area .burger-btn.close .bar_mid {
		opacity: 0;
		transition: opacity .3s;
	}
	body.user-area .burger-btn.close .bar_bottom {
		transform: translate(21px,-7px) rotate(-45deg);
		transition: transform .3s;
		width: 27px;
	}
	body.user-area .burger-btn.close .bar_txt::before {
		content: "close";
		letter-spacing: 1.5px;
	}

	body.user-area .mask {
			position: fixed;
			top: 0;
			left: 0;
			content: "";
			display: block;
			width: 0;
			height: 0;
			/*background-color: rgba(255, 255, 255, 0.5);*/
			/*background-color: rgba(0, 0, 0, 0.7);*/
			z-index: -10;
			opacity: 0; /* 透明度を0にすることで隠す */
			transition: opacity 0.5s; /* 透明度の0→1になる速度 */
		}
			body.user-area .mask.fade-in {
				width: 100%;
				height: 100%;
				opacity: 1; /* メニューが表示されているときには背景が表示 */
			}
}
body.user-area #sp_nav {
	transform: translateX(100%);
	transition: .3s;
	width: 100%;
    height: calc(100% - 170px);
	position: fixed;
	overflow-y: scroll; 
	top: 60px;
	right: 0;
	z-index: 999;
	background-color: #f8f9fa;
	z-index: -1;
}
body.user-area #sp_nav.slide-in{
  transform: translateX(0);
  transition: .3s;
}
	body.user-area #sp_nav .inner {
		margin: 0 0 0 auto;
		margin-top: 0;
		margin-bottom: 0;
		background-color: #fff;
	}
		body.user-area #sp_nav .inner .list_box {
			padding-left: 0px;
		}
			body.user-area #sp_nav .inner .list_box li {
				line-height: 1;
				border-top: 1px solid #444;
			}
			body.user-area #sp_nav .inner .list_box > li:last-child {
				border-bottom: 1px solid #444;
				padding: 0;
			}
				body.user-area #sp_nav .inner .list_box li a {
					padding-left: 20px;
					padding-top: 20px;
					padding-bottom: 20px;
					display: inline-block;
					width: 80%;
				}
				body.user-area #sp_nav .inner .list_box li .toggle_title {
					padding-left: 20px;
					padding-top: 20px;
					padding-bottom: 20px;
					display: inline-block;
					width: 80%;
				}
				body.user-area #sp_nav .inner .list_box li .toggle_title:after {
					top: 25px;
				}
				body.user-area #sp_nav .inner .list_box > .nav_list.icon_user > .toggle_title {
					width: 100%;
					box-sizing: border-box;
				}
				body.user-area #sp_nav .inner .list_box > .nav_list.icon_user > .toggle_title:after {
					right: 20px;
					top: 50%;
					transform: translateY(-50%);
				}
				body.user-area #sp_nav .inner .list_box > .nav_list.icon_user > .toggle_title.selected:after {
					transform: translateY(-50%) rotate(180deg);
				}
				body.user-area #sp_nav .inner .list_box li ul li a {
					padding-left: 50px;
					width: 100%;
					background-color: #f8f9fa;
				}
				body.user-area #sp_nav .inner .list_box li ul li .toggle_title {
					padding-left: 50px;
					padding-top: 20px;
					padding-bottom: 20px;
					display: inline-block;
					width: 100%;
					background-color: #f8f9fa;
					box-sizing: border-box;
				}
				body.user-area #sp_nav .inner .list_box li ul li .toggle_title:after {
					right: 20px;
					top: 50%;
					transform: translateY(-50%);
				}
				body.user-area #sp_nav .inner .list_box li ul li .toggle_title.selected:after {
					transform: translateY(-50%) rotate(180deg);
				}
				body.user-area #sp_nav .inner .list_box li ul li ul li a {
					padding-left: 70px;
				}
				body.user-area #sp_nav .inner .list_box li.pink a {
					color: #fff;
				}
				body.user-area #sp_nav .inner .list_box li span {
					/*padding-left: 20px;*/
				}
					body.user-area #sp_nav .inner .list_box li .sub_list {
						display: block;
						background-color: #444;
					}
						body.user-area #sp_nav .inner .list_box li ul.sub_list li {
							padding-left: 20px;
						}
							body.user-area #sp_nav .inner .list_box li ul.sub_list li+li {
								border-top: 1px solid #fff;
							}
							body.user-area #sp_nav .inner .list_box li ul.sub_list li a {
								font-weight: normal;
								position: relative;
								color: #fff;
							}
								body.user-area #sp_nav .inner .list_box li ul.sub_list li a:before {
									content: "";
									position: absolute;
									top: 25px;
									left: 3px;
									width: 8px;
									height: 1px;
									background-color: #fff;
								}

body.user-area #sp_nav .inner .list_box .nav_list {
	position: relative;
}
body.user-area #sp_nav .inner .list_box .nav_list .icon {
	display: inline-block;
	margin-right: 2px;
	position: relative;
}
body.user-area #sp_nav .inner .list_box .nav_list .icon:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
}
/* マイページ（icon_user_b.svg） */
body.user-area #sp_nav .inner .list_box .nav_list.icon_user .icon {
	width: 22px;
}
body.user-area #sp_nav .inner .list_box .nav_list.icon_user .icon:before {
	background-image: url(../../img/user/common/pc/icon_user_b.svg);
	background-size: 22px;
	width: 22px;
	height: 26px;
	top: -17px;
}
/* 2:News 3:中古車検索 4:出品車登録 5:仲介用書類 6:問合せ 7:ログアウト */
body.user-area #sp_nav .inner .list_box .nav_list:nth-child(2) .icon {
	width: 22px;
}
body.user-area #sp_nav .inner .list_box .nav_list:nth-child(2) .icon:before {
	background-image: url(../../img/user/common/pc/icon_news.svg);
	background-size: 22px;
	width: 22px;
	height: 25px;
	top: -17px;
}
body.user-area #sp_nav .inner .list_box .nav_list:nth-child(3) .icon {
	width: 23px;
}
body.user-area #sp_nav .inner .list_box .nav_list:nth-child(3) .icon:before {
	background-image: url(../../img/user/common/pc/icon_sell.svg);
	background-size: 28px;
	width: 28px;
	height: 14px;
	top: -14px;
	left: -2px;
}
body.user-area #sp_nav .inner .list_box .nav_list:nth-child(4) .icon {
	width: 23px;
}
body.user-area #sp_nav .inner .list_box .nav_list:nth-child(4) .icon:before {
	background-image: url(../../img/user/common/pc/icon_buy.svg);
	background-size: 23px;
	width: 23px;
	height: 23px;
	top: -18px;
}
body.user-area #sp_nav .inner .list_box .nav_list:nth-child(5) .icon {
	width: 23px;
}
body.user-area #sp_nav .inner .list_box .nav_list:nth-child(5) .icon:before {
	background-image: url(../../img/user/common/pc/icon_product.svg);
	background-size: 23px;
	width: 23px;
	height: 23px;
	top: -17px;
}
body.user-area #sp_nav .inner .list_box .nav_list:nth-child(6) .icon {
	width: 23px;
}
body.user-area #sp_nav .inner .list_box .nav_list:nth-child(6) .icon:before {
	background-image: url(../../img/user/common/pc/icon_contact.svg);
	background-size: 23px;
	width: 23px;
	height: 23px;
	top: -14px;
}
body.user-area #sp_nav .inner .list_box .nav_list:nth-child(7) .icon {
	width: 23px;
}
body.user-area #sp_nav .inner .list_box .nav_list:nth-child(7) .icon:before {
	background-image: url(../../img/user/common/pc/icon_logout.svg);
	background-size: 23px;
	width: 23px;
	height: 26px;
	top: -19px;
}

		body.user-area #sp_nav .inner .sns {
			padding-top: 20px;
			padding-left: 20px;
			padding-bottom: 20px;
		}
			body.user-area #sp_nav .inner .sns > div {
				width: 40px;
			}
			body.user-area #sp_nav .inner .sns > div.sns_right {
				margin-left: 30px;
			}
				body.user-area #sp_nav .inner .sns > div a {
					width: 100%;
				}
		body.user-area #sp_nav .nav_list.sns_list {
			margin-left: 40px;
			margin-top: 20px;
		}

@media screen and (max-width:1024px) { 
	body.user-area #sp_nav {
	    height: 100%;
	}
}
@media screen and (max-width:767px) { 
	body.user-area .burger-btn {
		top: -3px;
	}
}

/*=============
	フッター（ログイン時のみ）
=============*/
body.user-area #footer {
	background-color: #222;
	position: relative;
}
body.user-area #footer .inner {
	max-width: 1024px;
	margin: 0 auto;
	padding-top: 100px;
	padding-bottom: 40px;
}
body.user-area #footer .f_ttl {
	width: 375px;
}
body.user-area #footer .f_ttl a {
	display: inline-block;
	transition: opacity .2s;
}
body.user-area #footer .f_ttl a:hover {
	opacity: .75;
}
body.user-area #footer .main_box {
	margin-top: 80px;
	justify-content: space-between;
	width: 100%;
}
body.user-area #footer .main_box .list_box+.list_box {
	margin-top: 55px;
}
body.user-area #footer .main_box .list_box .f_link01 {
	color: #F6AB00;
	font-size: 24px;
}
body.user-area #footer .main_box .sub_list {
	margin-left: 5px;
}
body.user-area #footer .main_box .sub_list li {
	margin-top: 20px;
}
body.user-area #footer .main_box .sub_list li a {
	font-size: 18px;
	color: #fff;
}
body.user-area #footer .main_box .sub_list li a:hover {
	color: #999;
}
body.user-area #footer .sub_box {
	margin-top: 140px;
}
body.user-area #footer .sub_box ul {
	justify-content: space-between;
}
body.user-area #footer .sub_box .list_box .f_link01 {
	color: #CDD6DD;
	font-size: 18px;
}
body.user-area #footer .sns_list {
	margin-top: 15px;
}
body.user-area #footer .sns_list li+li {
	margin-left: 30px;
}
body.user-area #footer .copyright {
	text-align: center;
	color: #fff;
	margin-top: 80px;
}

@media screen and (max-width:1280px) {
	body.user-area #footer .sub_box {
		margin-top: 100px;
	}
}

@media screen and (max-width:1024px) {
	body.user-area #footer {
		padding-left: 6.25%;
		padding-right: 6.25%;
	}
	body.user-area #footer .inner {
		padding-bottom: 70px;
	}
	body.user-area #footer .main_box {
		flex-wrap: wrap;
		margin-top: 30px;
	}
	body.user-area #footer .f_list {
		width: 50%;
		margin-top: 50px;
	}
	body.user-area #footer .f_box .sub_list {
		margin-left: 0px;
	}
	body.user-area #footer .sub_box {
		margin-top: 60px;
	}
	body.user-area #footer .sub_box ul {
		flex-wrap: wrap;
		justify-content: normal;
	}
	body.user-area #footer .sub_box ul .list_box {
		width: 33%;
		margin-top: 20px;
	}
	body.user-area #footer .copyright {
		text-align: center;
	}
}


@media screen and (max-width:767px) {
	body.user-area #footer {
		padding-left: 5.3334%;
		padding-right: 5.3334%;
	}
	body.user-area #footer .inner {
		padding-top: 50px;
	}
	body.user-area #footer .main_box {
		margin-top: 0;
	}
	body.user-area #footer .f_ttl {
		width: 280px;
	}
	body.user-area #footer .f_list.f_list01 {
		width: 100%;
	}
	body.user-area #footer .main_box .list_box .f_link01 {
		font-size: 21px;
	}
	body.user-area #footer .main_box .sub_list li a {
		font-size: 16px;
	}

	body.user-area #footer .sub_box {
		margin-top: 30px;
	}
	body.user-area #footer .sub_box ul .list_box {
	    width: 50%;
	}
	/*.sub_box ul .list_box:nth-child(3) {
		width: 100%;
	}*/
	body.user-area #footer .sub_box .list_box .f_link01 {
	    font-size: 14px;
	}
	
	body.user-area #footer .sns_list {
		margin-left: 0;
	}
	body.user-area #footer .copyright {
		margin-top: 50px;
	}
}

/*=============
スマホ版画面下固定｜出品、購入ボタン
=============*/
.fixed_btn {
	position: fixed;
	bottom: 0;
	left: 0;
	display: flex;
	flex-wrap: wrap;
	max-width: 1024%;
	width: 100%;
	z-index: 9999;
}
.fixed_btn > div {
	flex-wrap: wrap;
}
.fixed_btn > div > div {
	width: 50%;
}
.fixed_btn > div > div a {
	height: 50px;
	line-height: 50px;
	display: inline-block;
	text-align: center;
	width: 100%;
	color: #fff;
	font-weight: bold;
}
.fixed_btn > div > div.sell_btn a {
	background-color: #f6ab00;
}
.fixed_btn > div > div.buy_btn a {
	background-color: #7fbe25;
}



/*=============
　ページトップへ
=============*/


/*=============
　サイドバー
=============*/
main {
	display: flex;
	margin-top: 50px;
	background-color: #F8F9FA;
	position: relative;
	/*padding-bottom: 100px;*/
	min-height: 100vh;
}
.side {
	min-height: 100vh;
	max-width: 260px;
	width: 13.5417%;
	background-color: #fff;
	position: relative;
	z-index: 99;
	border: 1px solid #DDE1E5;
}
.side .inner {
	padding: 40px 35px 80px;
	position: sticky;
	top: 50px;
	height: 100vh;
}
.side_menu_list {
	position: absolute;
	top: 50px;
	height: calc(100vh - 50px);
}
.side_menu_list > li {
	position: relative;
	/*margin-left: 10px;*/
}

.side_menu_list > li .icon {
	display: inline-block;
	margin-right: 2px;
	position: relative;
}
.side_menu_list > li .icon:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
}
/* マイページ（icon_user_b.svg） */
.side_menu_list > li.icon_user .icon {
	width: 22px;
}
.side_menu_list > li.icon_user .icon:before {
	background-image: url(../../img/user/common/pc/icon_user_b.svg);
	background-size: 22px;
	width: 22px;
	height: 26px;
	top: -17px;
}

/* 2:News 3:中古車検索 4:出品車登録 5:仲介用書類 6:問合せ 7:ログアウト */
.side_menu_list > li:nth-child(2) .icon {
	width: 22px;
}
.side_menu_list > li:nth-child(2) .icon:before {
	background-image: url(../../img/user/common/pc/icon_news.svg);
	background-size: 22px;
	width: 22px;
	height: 25px;
	top: -17px;
}
.side_menu_list > li:nth-child(2):hover .icon:before {
	background-image: url(../../img/user/common/pc/icon_news_orange.svg);
}

.side_menu_list > li:nth-child(3) .icon {
	width: 23px;
}
.side_menu_list > li:nth-child(3) .icon:before {
	background-image: url(../../img/user/common/pc/icon_sell.svg);
	background-size: 28px;
	width: 28px;
	height: 14px;
	top: -14px;
	left: -2px;
}
.side_menu_list > li:nth-child(3):hover .icon:before {
	background-image: url(../../img/user/common/pc/icon_sell_orange.svg);
}

.side_menu_list > li:nth-child(4) .icon {
	width: 23px;
}
.side_menu_list > li:nth-child(4) .icon:before {
	background-image: url(../../img/user/common/pc/icon_buy.svg);
	background-size: 23px;
	width: 23px;
	height: 23px;
	top: -18px;
}
.side_menu_list > li:nth-child(4):hover .icon:before {
	background-image: url(../../img/user/common/pc/icon_buy_orange.svg);
}

.side_menu_list > li:nth-child(5) .icon {
	width: 23px;
}
.side_menu_list > li:nth-child(5) .icon:before {
	background-image: url(../../img/user/common/pc/icon_product.svg);
	background-size: 23px;
	width: 23px;
	height: 23px;
	top: -17px;
}
.side_menu_list > li:nth-child(5):hover .icon:before {
	background-image: url(../../img/user/common/pc/icon_product_orange.svg);
}

.side_menu_list > li:nth-child(6) .icon {
	width: 23px;
}
.side_menu_list > li:nth-child(6) .icon:before {
	background-image: url(../../img/user/common/pc/icon_contact.svg);
	background-size: 23px;
	width: 23px;
	height: 23px;
	top: -14px;
}
.side_menu_list > li:nth-child(6):hover .icon:before {
	background-image: url(../../img/user/common/pc/icon_contact_orange.svg);
}

.side_menu_list > li:nth-child(7) .icon {
	width: 23px;
}
.side_menu_list > li:nth-child(7) .icon:before {
	background-image: url(../../img/user/common/pc/icon_logout.svg);
	background-size: 23px;
	width: 23px;
	height: 26px;
	top: -19px;
}
.side_menu_list > li:nth-child(7):hover .icon:before {
	background-image: url(../../img/user/common/pc/icon_logout_orange.svg);
}

.side_menu_list > li + li {
	margin-top: 25px;
}
.side_menu_list > li a {
	font-weight: bold;
}
.side_menu_list li ul li {
	padding-left: 30px;
	margin-top: 5px;
}
.side_menu_list li ul li a {
	font-weight: normal;
	font-size: 14px;
}


/*サイドメニュー|アコーディオン*/
.toggle_contents {
	position: relative;
	/*transition: .7s;*/
}
.toggle_title {
	font-weight: bold;
	margin: 0;
	position: relative;
	cursor: pointer;
	/*transition: 0.3s;*/
	display: inline-block;
	/*transition: .7s;*/
}
.side_menu_list > li:hover > a,
.side_menu_list > li:hover > .toggle_title {
	color: #fd7e00;
}
.side_menu_list > li > ul li:hover > a,
.side_menu_list > li > ul li:hover > .toggle_title {
	color: #fd7e00;
}


.toggle_title:after {
	content: "";
	position: absolute;
	top: 5px;
	right: -25px;
	background-image: url(../../img/user/common/pc/btn_accordion.svg);
	background-repeat: no-repeat;
	background-size: 16px;
	width: 16px;
	height: 10px;
}
.side_menu_list > li:hover > .toggle_title:after {
	background-image: url(../../img/user/common/pc/btn_accordion_orange.svg);
}
.toggle_title.selected:after {
	top: 10px;
	transform: translateY(-50%) rotate(180deg);
	transition: 0.2s;
}

.side_menu_list ul.toggle_txt {
	display: none;
}
.side_menu_list li ul li .toggle_title {
	font-weight: normal;
	font-size: 14px;
}


/*サイドメニュー|スライド*/
.sidebar-toggle {
	position: absolute;
	right: -35px;
	bottom: 100px;
	z-index: 1;
	outline: none;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	margin-top: 1em;
	cursor: pointer;
	transition: .5s;
	margin-top: 0;
}
.sidebar-toggle:before {
	content: "";
	position: absolute;
	background-image: url(../../img/user/common/pc/btn_close.svg);
	background-repeat: no-repeat;
	background-size: 30px;
	width: 30px;
	height: 30px;
	bottom: 0;
	right: 0;
}
.sidebar-toggle.is-closed{
	left: 25px; 
}
.sidebar-toggle.is-closed:before {
	background-image: url(../../img/user/common/pc/btn_open.svg);
}
.sidebar-toggle .icon {
	font-size: 1.5rem;
}
.sidebar {
	/*transition: .1s;*/
}
.sidebar.is-closed {
	width: 80px;
}
.sidebar.is-closed .inner {
	padding: 40px 26px;
}
.sidebar.is-closed .side_menu_list > li {
	margin-left: 0;
}
.sidebar.is-closed .side_menu_list > li .title {
	display: none;
}
.sidebar.is-closed .side_menu_list > li .toggle_title {
	/*pointer-events: none;*/
}
.sidebar.is-closed .side_menu_list > li .toggle_title:after {
	content: none;
}
.sidebar.is-closed .side_menu_list > li .toggle_title.selected ~ ul {
	display: none;
}

/*ホバー時*/
.sidebar.is-closed:hover {
	width: 14.5834%;
}
.sidebar.is-closed:hover .side_menu_list > li .toggle_title {
	pointer-events: initial;
}
.sidebar.is-closed:hover .side_menu_list > li .toggle_title:after {
	content: "";
}
.sidebar.is-closed:hover .side_menu_list > li .title {
	display: inline-block;
}
.sidebar.is-closed:hover .side_menu_list > li > ul {
	display: block;
}

.sidebar.is-closed:hover  .side_menu_list > li .toggle_title ~ ul {
	display: none;
}
.sidebar.is-closed:hover  .side_menu_list > li .toggle_title.selected ~ ul {
	/*display: block;*/
}
.sidebar.is-closed .side_menu_list > li > ul li {
	display: none;
}
.sidebar.is-closed:hover .side_menu_list > li > ul li {
	display: block;
}


@media screen and (max-width:1440px) {
	.side .inner {
		padding: 40px 20px 0 15px;
	}
	.side_menu_list {
		/*padding: 40px 20px;*/
	}
	.side_menu_list > li {
		font-size: 14px;
	}
	.side_menu_list > li + li {
		margin-top: 20px;
	}
	

	.side_menu_list li ul li {
		padding-left: 25px;
	}
	.side_menu_list li ul li a {
		font-size: 12px;
	}
	.side_menu_list > li.icon_user > ul.toggle_txt > li > a,
	.side_menu_list > li.icon_user > ul.toggle_txt > li > .toggle_title {
		font-size: 12px;
	}
	.side_menu_list > li.icon_user ul ul.toggle_txt > li a {
		font-size: 11px;
	}
	.side_menu_list li ul li .toggle_title {
		font-size: 12px;
	}
	.toggle_title:after {
		background-size: 13px;
		width: 13px;
		height: 9px;
	}
}



/* PC中幅：マイページ配下の字下げ（1301px～1440px） */
@media screen and (min-width: 1301px) and (max-width: 1440px) {
	.side_menu_list > li.icon_user > ul.toggle_txt > li {
		padding-left: 36px;
	}
	.side_menu_list > li.icon_user ul ul.toggle_txt > li {
		padding-left: 24px;
	}
}

@media screen and (max-width:1300px) {
	.side_menu_list {
		/*padding: 40px 10px;*/
	}
}

@media screen and (max-width:1024px) {
	main {
		margin-top: 70px;
	}
	.side {
		display: none;
	}
	body.user-area #sp_nav li ul.toggle_txt {
	    display: none;
	}
	.toggle_title {
		font-weight: normal;
	}
}

@media screen and (min-width: 1025px) {
	/* PC：マイページ配下（中項目・小項目の字下げ） */
	.side_menu_list > li.icon_user > ul.toggle_txt {
		padding-top: 6px;
	}
	.side_menu_list > li.icon_user > ul.toggle_txt > li {
		padding-left: 40px;
		margin-top: 10px;
	}
	.side_menu_list > li.icon_user > ul.toggle_txt > li:first-child {
		margin-top: 12px;
	}
	.side_menu_list > li.icon_user > ul.toggle_txt > li > a,
	.side_menu_list > li.icon_user > ul.toggle_txt > li > .toggle_title {
		display: block;
		width: 100%;
		box-sizing: border-box;
		font-size: 14px;
		font-weight: normal;
		padding-left: 0;
		padding-top: 8px;
		padding-bottom: 8px;
	}
	.side_menu_list > li.icon_user ul ul.toggle_txt {
		padding-top: 4px;
	}
	.side_menu_list > li.icon_user ul ul.toggle_txt > li {
		padding-left: 28px;
		margin-top: 6px;
	}
	.side_menu_list > li.icon_user ul ul.toggle_txt > li:first-child {
		margin-top: 4px;
	}
	.side_menu_list > li.icon_user ul ul.toggle_txt > li a {
		font-size: 13px;
		color: #666;
		font-weight: normal;
		padding-left: 0;
		padding-top: 5px;
		padding-bottom: 5px;
		display: block;
	}

	/* PC：取引一覧の矢印をマイページ同様、文字直後に配置 */
	.side_menu_list > li.icon_user > ul.toggle_txt > li.toggle_contents > .toggle_title {
		display: inline-block;
		width: auto;
		position: relative;
	}
	.side_menu_list > li.icon_user > ul.toggle_txt > li.toggle_contents > .toggle_title:after {
		right: -25px;
		top: 15px;
		transform: none;
	}
	.side_menu_list > li.icon_user > ul.toggle_txt > li.toggle_contents > .toggle_title.selected:after {
		top: 15px;
		transform: translateY(-50%) rotate(180deg);
	}
}

/* ノートPC幅：マイページ配下の字下げのみ調整（1025px～1300px） */
@media screen and (min-width: 1025px) and (max-width: 1300px) {
	.side_menu_list > li.icon_user > ul.toggle_txt > li {
		padding-left: 20px;
	}
	.side_menu_list > li.icon_user ul ul.toggle_txt > li {
		padding-left: 20px;
	}
}

@media screen and (max-width:767px) {
	main {
		min-height: auto;
		margin-top: 63px
	}
}

/*=============
　メイン共通
=============*/
.main,
.main.is-open {
	max-width: 1660px;
	width: 86.4584%;
	/*margin-left: 13.5417%;*/
}
.main.is-closed {
	max-width: 1920px;
	width: 95.8334%;
	/*margin-left: 80px;*/
}
.user_ttlThips {
	background-color: #202121;
	/*position: fixed;
	width: 100%;
	z-index: 999;*/
}
.user_ttlThips h2 {
	color: #fff;
	font-size: 21px;
	font-weight: bold;
	padding: 14px 0 13px 25px;
	line-height: 1;
}
.inner_box {
	max-width: 1024px;
	margin: 0 auto;
	margin-top: 50px;
}
.h3_ttlThips {
	font-size: 21px;
	font-weight: bold;
	color: #72777A;
}
.navigation {

}
.page-link,
.page-link:focus {
	color: #EBB439;
}
.page-link:hover {
	background-color: #EBB439;
	color: #fff;
}
.act .page-link {
	background-color: #EBB439;
	color: #fff;
}


@media screen and (max-width:1024px) {
	.main,
	.main.is-open,
	.main.is-closed {
		max-width: 1024px;
		width: 100%;
		margin-left: 0px;
	}
	/*.inner_box {
		padding-left: 6.25%;
		padding-right: 6.25%;
	}*/
}



/*画面下固定ショートカットボタン*/
.shortcut_btn {
	position: fixed;
	bottom: 0;
	width: 100%;
	background-color: #fff;
	border-top: 1px solid #999;
	padding-top: 15px;
	padding-bottom: 10px;
    z-index: 99;
}
.shortcut_list {
	justify-content: space-around;
	padding-left: 20px;
	padding-right: 20px;
}
.shortcut_list li {
	text-align: center;
	width: 70px;
}
.shortcut_list li .img_icon {
	width: 37px;
	display: inline-block;
}
.shortcut_list li .btn_ttl {
	font-size: 12px;
	display: inline-block;
	width: 100%;
}

/* 画面下固定ショートカット｜取引一覧（売る/買う） */
.shortcut_btn .toggle_contents {
	position: relative;
}
.shortcut_btn .toggle_title:after {
	content: none;
}
.shortcut_btn .toggle_txt {
	display: none;
	position: absolute;
	left: 50%;
	bottom: 60px;
	transform: translateX(-50%);
	min-width: 140px;
	padding: 8px 0;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 8px;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}
.shortcut_btn .toggle_txt li {
	width: auto;
	text-align: left;
}
.shortcut_btn .toggle_txt li + li {
	border-top: 1px solid #eee;
}
.shortcut_btn .toggle_txt a {
	display: block;
	padding: 10px 14px;
	color: inherit;
}

/*=============
　アラート
=============*/
.flex_box .alert {
	margin: 30px;
}

/*=============
　フォームローディングオーバーレイ（送信時の重複防止）
=============*/
.form-loading-container {
	position: relative;
}
.form-loading-overlay {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 10000;
	background-color: rgba(0, 0, 0, 0.4);
	align-items: center;
	justify-content: center;
	transition: opacity 0.2s ease;
}
.form-loading-overlay.is-active {
	display: flex;
}
.form-loading-overlay__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
}
.form-loading-spinner {
	width: 56px;
	height: 56px;
	border: 8px solid rgba(255, 255, 255, 0.3);
	border-top-color: #fff;
	border-radius: 50%;
	animation: form-loading-spin 0.9s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}
.form-loading-text {
	margin: 0;
	font-size: 1rem;
	color: rgba(255, 255, 255, 1);
	letter-spacing: 0.15em;
	text-transform: lowercase;
	font-weight: 500;
	text-align: center;
	white-space: pre-line;
}
.form-loading-text.is-apply-waiting,
.form-loading-text.is-change-waiting {
	letter-spacing: 0.05em;
	text-transform: none;
	line-height: 1.7;
	max-width: min(90vw, 22em);
	padding: 0 16px;
	box-sizing: border-box;
}
@keyframes form-loading-spin {
	to { transform: rotate(360deg); }
}

/*=============
　プレビュー案内モーダル
=============*/
.preview-modal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
}
.preview-modal {
	background: #fff;
	border-radius: 8px;
	max-width: 420px;
	width: 90%;
	padding: 30px 25px;
	position: relative;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}
.preview-modal-close {
	position: absolute;
	top: 10px;
	right: 12px;
	background: none;
	border: none;
	font-size: 28px;
	line-height: 1;
	color: #999;
	cursor: pointer;
}
.preview-modal-close:hover {
	color: #333;
}
.preview-modal-body {
	text-align: center;
}
.preview-modal-title {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
	color: #333;
}
.preview-modal-text {
	font-size: 15px;
	line-height: 1.8;
	margin-bottom: 15px;
	color: #444;
}
.preview-modal-note {
	font-size: 13px;
	color: #888;
	margin-bottom: 20px;
}
.preview-modal-btn {
	display: inline-block;
	padding: 12px 30px;
	font-size: 15px;
	transition: opacity 0.2s, background-color 0.2s;
}
.preview-modal-btn:disabled {
	opacity: 0.5;
	cursor: not-allowed;
	background-color: #aaa;
	border-color: #aaa;
}
.preview-modal-warning {
	margin-top: 12px;
	font-size: 13px;
	color: #c00;
}
.preview-modal-warning.is-hidden {
	display: none;
}

/* プレビュー案内モーダルで未入力時、必須項目の直下に表示する朱書きメッセージ（モーダル閉じても残す） */
.preview-field-error {
	display: block;
	margin-top: 4px;
	font-size: 12px;
	color: #c00;
}