@charset "utf-8";
/* ============================================================
＠＠
カテゴリ用CSS / ctStepup

%update / 2015.06.11

▼カテゴリ共通の定義
▼ページ固有の定義
============================================================ */

/* ------------------------------------------------------------
▼カテゴリ共通の定義
	※新規作成したCSSは名前の先頭に『ct』をつける
	※body class『.ctWish』で影響範囲を限定する
	↓記述例
	body.ctWish #Main .ctHoge01
------------------------------------------------------------ */
body.ctStepup #Main #Snav #SnavInr > ul > li {
	white-space: nowrap;
}
body.ctStepup #Main #Snav #SnavInr > ul > li.snavIcon01 > a {
	margin-left: 35px;
}
@media screen and (max-width:1024px){
	body.ctStepup #Main {
	}
}
@media screen and (max-width:767px){
	body.ctStepup #Main .ctTitBtn01 {
		position: static;
		margin-top: 17px;
		text-align: center;
	}
	body.ctStepup #Main #Snav #SnavInr > ul > li.snavIcon01 > a {
		margin-left: 0;
	}
}


/* ------------------------------------------------------------
▼ページ固有の定義
	※新規作成したCSSは名前の先頭に『pg』をつける
	※body idで影響範囲を限定する
	↓記述例
	body#XxxxIndex #Main .pgHoge01
------------------------------------------------------------ */

/* ------------------
【body#StepupSellingSupport】
------------------ */
body#StepupSellingSupport #Main .pgTit01 > span {
	display: inline-block;
}

@media screen and (max-width:1024px){
	body#StepupSellingSupport #Main .pgTit01 > span {
		display: block;
	}
	body#StepupSellingSupport #Main .pgTit01 > span.cmMlM {
		margin-left: 0;
		margin-top: 10px;
	}
}
@media screen and (max-width:767px){
}

/* ------------------
【body#StepupConciergeCase】
------------------ */
body#StepupConciergeCase #Main .pgList01 {
	border: solid 1px #e0e0e0;
	border-top: none;
}
body#StepupConciergeCase #Main .pgList01 > li {
	border-top: solid 1px #e0e0e0;
	padding: 30px 27px;
}
body#StepupConciergeCase #Main .pgList01 > li > .pgList01Item {
	display: table-cell;
	vertical-align: middle;
}
body#StepupConciergeCase #Main .pgList01 > li > .pgList01Item:first-child {
	vertical-align: top;
	width: 1%;
	padding-right: 15px;
	white-space: nowrap;
}

@media screen and (max-width:1024px){
}
@media screen and (max-width:767px){
	body#StepupConciergeCase #Main .pgList01 > li {
		padding: 15px;
	}
	body#StepupConciergeCase #Main .pgList01 > li > .pgList01Item {
		display: block;
	}
	body#StepupConciergeCase #Main .pgList01 > li > .pgList01Item:first-child {
		width: auto;
		padding-right: 0;
		margin-bottom: 30px;
	}
	body#StepupConciergeCase #Main .pgSecL {
		margin-bottom: 30px;
	}
	/* ------------------
	12月9日：改修分
	------------------ */
	/*#Main .cmTit02 {
	    margin-bottom: 10px;
	}*/

	.cmFormList > li > .cmFormTit {
	    font-size: 16px;
	}
	.cmFormList > li > .cmFormIco01, .cmFormList > li > .cmFormIco02 {
	    margin-right: 0;
	    margin-left: 6px;
	}

	.cmSlct.jsSlct .jsSlctBtn {
	    padding: 15px 30px 14px 10px;
	    font-size: 16px;
	}

	#dealFormList .cmSlct.jsSlct .jsSlctBtn {
	    font-size: 16px;
	    min-width: calc(100vw - 26px);
	    text-align: left;
	    padding: 16px 30px 14px 30px;
	}

	.cmFormList > li > .cmFormIco01, .cmFormList > li > .cmFormIco02 {
	    padding: 1px 15px 0;
	    margin-top: 0em;
	    display: inline-block;
	    line-height: 1.8;
	}

	.cmTxtM:before{
		display: none;
	}

	.cmTxtM:after{
		display: none;
	}


	.cmFormListBdr label.cmIptTxt,
	.cmFormCol1Tel label.cmIptTxt{
		padding: 10px 12px 8px;
	}
	label.cmIptTxt input{
		font-size: 18px;
	}

	.cmFormCol1Tel label.cmIptTxt input{
		letter-spacing: 2px;
	}

	label.cmIptTxt.hover,
	label.cmTxtArea.hover,
	label.cmIptTxt.focus,
	label.cmTxtArea.focus {
		/*border-color: #0c161f;*/
		border-color: #d11026;
	}

	.cmSlct.jsSlct select.hover + .jsSlctBtn,
	.cmSlct.jsSlct select.focus{
		border-color: #d11026;
	}



/*お客様アンケート*/
.cmCol2Wrap > .cmColBlock{
    margin: 14px 0 0 20px;
    width: auto;
    text-align: left;
}

.cmCol2Wrap{
    margin: -14px 0 0 -20px;
}

#Footer #FtCopy {
    padding: 12px 0 42px;
}

/*無料お試し査定結果*/
.cmSecXXL2.cmPosCenter a.cmBtn01M{ width: auto; max-width: 300px; min-width: 250px; margin: 0 auto; }
}

/*2020.06.29 vwo反映分*/
.cmvisitIco,.cmvisitBnr,.cmTit02HasBtn .cmTit02Btn{ display: none; }
.cmfindBnr{ display: block; }

@media screen and (max-width:767px){
	.cmfindBnr{display: none;}
	.cmvisitIco{ display: block; }

	#PgAnc02 .cmBtn04{ border: solid 1px #e91937; color:#e91937;  }

	#PgAnc02 .cmvisitIco a{
		padding: 3px 21px 3px 6px;
		font-size: 9px;
	}
	#PgAnc02 .cmvisitIco a strong{
		font-size: 11px;
	}
	.cmTit02HasBtn .cmTit02Btn {
	    bottom: 14px;
	    display: block;
	}
	#PgAnc02 .cmvisitIco a:after {
    	content: "";
	    height: 6px;
	    width: 6px;
	    border: 2px solid #e91937;
	    border-left-width: 0;
	    border-top-width: 0;
	    position: absolute;
	    top: 50%;
	    right: 20px;
	    margin-top: -4px;
	    -webkit-transform: rotate(-45deg);
	    -moz-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	}
	#Footer .cmvisitBnr{
		display: block;
		margin: 20px auto 0;
		/*box-shadow:inset 1px 1px 0px 0px #f29c93;*/
		/*background-color:#fe1a00;*/
		background-color: #fff;
		border-radius:8px;
		border:3px solid #e91937;
		display:inline-block;
		cursor:pointer;
		color:#e91937;
		font-size:12px;
		font-weight:bold;
		padding:12px 50px;
		text-decoration:none;
		line-height: 1.5;
		position: relative;
	}
	#Footer .cmvisitBnr strong{font-size: 18px;}
	#Footer .cmvisitBnr:hover {
		background-color:#ce0100;
	}
	#Footer .cmvisitBnr:active {
		position:relative;
		top:1px;
	}

	#Footer .cmvisitBnr:after {
	    content: "";
	    height: 12px;
	    width: 12px;
	    border: 2px solid #e91937;
	    border-left-width: 0;
	    border-top-width: 0;
	    position: absolute;
	    top: 50%;
	    right: 20px;
	    margin-top: -6px;
	    -webkit-transform: rotate(-45deg);
	    -moz-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	}

	.ctStepup .cmSecListM.cmTxtM .cmTitBox01Inr.cmClearFix{
		padding: 10px;
	}

	.ctStepup .cmSecListM.cmTxtM .cmTitBox01Inr.cmClearFix .cmFltImgR{
		margin-bottom: 10px !important;
	}
	.ctStepup .cmIptErrorTxt:empty{ display: none; }
	
	.ctStepup h3.cmTitBox01Tit .cmTxtL{
		line-height: 1.2;
		padding: 3px 0 3px 0;
    	font-size: 14px;
	}
	#txtBikeStatus{ font-size: 12px; }


}







/* ------------------
残りの必須項目数を表示
------------------ */
form#assessment_form{ position: relative; }

.remaining{
	display: block;
    /*top: 102px;
    left: 3%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;*/
    /*background: #000;*/
    width: 175px;
    margin-left: 2%;
    margin-bottom: 3%;
    background-color: rgba(0,0,0,0.8);
    border-radius: 8px;
    text-align: center;
    z-index: 1000;
    padding: 5px 10px;
    position: absolute;
    top: -30px;
}

.remaining.fixed{
	position: fixed;
	top: 102px;
}

@media screen and (max-width:767px){
	.remaining.fixed{
		top: 50px;
	 }
}
.remaining p{
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0;
    color: #FFF;
    line-height: 1.4em;
}
.number{
    font-size: 16px;
    line-height: 1em;
}
.required{
    color: #FFAAAA;
    font-weight: bold;
}


/* ------------------
必須項目入力後の送信ボタン
------------------ */
ul.cmSecXXL2 button:disabled {
		/*background: url("/img/online-inquiry/8190_b.jpg") 0 0 no-repeat;*/
		background:#ccc;
		box-shadow: none;
		width: 320px;
		height: 60px;
		padding: 0;
		opacity: 1 !important;
		min-width: auto;
		border: none;
}

ul.cmSecXXL2 button:disabled:after{
	content: "未入力もしくはエラーがあります";
	font-size: 1.1em;
}

ul.cmSecXXL2 button:disabled span{ display: none; }

button.cmBtn01MBor{
	font-size: 1.5em;
	padding: 11px 20px 12px;
}

ul.cmSecXXL2 button{}


/* ------------------
フォーム入力後の色変更
------------------ */
.cmFormHasLabel .cmSlct.jsSlct .jsSlctBtn{
	background-color: rgb(255, 221, 221);
}

/*.jsSlctBtnOn .jsSlctBtn{
	background-color: rgb(255, 255, 255) !important;
}*/

/*.cmSlct.jsSlct .jsSlctBtn{
	background-color: rgb(255, 221, 221) !important;
}

.cmFormCol1 .cmSlct.jsSlct select.jsHover{
	background-color: rgb(255, 221, 221) !important;
}

.ctStepup .jsSlcBikeItem option:checked{
    background-color: rgb(255, 255, 255) !important;
}
*/
@media screen and (max-width: 767px){
.popup-box .cmSlct.jsSlct .jsSlctBtn {
    width: 100%;
    text-align: left;
    min-width: inherit !important;
}

}



/* Footer Float Banner */
.PgFixMenuSmartphone{
	display: none;
}
@media screen and (max-width:1024px){
	.PgFixMenuSmartphone{
		display: flex;
		position: fixed;
		bottom: 0px;
		left: 0px;
		z-index: 10000;
		width: 100%;
		justify-content: space-around;
		font-size: 160%;
		background-color: rgba(0,0,0,0.6);
		padding: 8px 0px 18px;
	}
	.PgFixMenuSmartphone a {
	display: block;
	color: #ffffff;
		width: 48%;
		height: auto;
	text-decoration: none;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
		padding: 18px 10px;
		background-color: #303030;
		border-radius: 8px;
		border: 1px solid #ffffff;
		opacity: 0.9;
	}
	.PgFixMenuSmartphone a.b1 {
		background-color: rgba(252,0,0,1.00);
	}
	.PgFixMenuSmartphone a.b2 {
		background-color: rgba(16,16,16,1.00);
	}
	

}


/* ------------------
2020/07/24　ソーシャルディスタンスバナー
------------------ */

#pc-social-banner{display: block;}
#sp-social-banner{ display: none; }


@media screen and (max-width:767px){
	#sp-social-banner{ display: block; }
	#pc-social-banner{display: none;}
}