@charset "UTF-8";


/*
 * Modal Page
 */

#close-btn-2 {
	width: 50px;
	margin: 2em auto 0;
	text-align: center;
	cursor: pointer;
}
#close-btn-2 span {
	display: block;
	margin-bottom: 5px;
	font-size: 30px;
	line-height: 1;
}

/* ==========================================================================
   #modal-supportcar
   ========================================================================== */

#modal-supportcar {
	width: 840px;
}
#modal-supportcar h3 {
	padding-left: 0;
	text-indent: 0;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.6;
}
#modal-supportcar h3::before {
	display: none;
}
#modal-supportcar .supportcar-link a {
	display: block;
	width: 675px;
	padding: 18px 17px 18px 0;
	background: url(/U-Car/resource/img/modal/blank_img_gray.gif) no-repeat right 9% bottom 55% #999;
	background-size: 16px;
	color: #fff;
	text-align: center;
	line-height: 1;
	text-decoration: none;
}
#modal-supportcar .supportcar-link a:hover {
	opacity: 0.5;
}
#modal-supportcar figure,
#modal-supportcar figure img,
#modal-supportcar figure figcaption {
	display: inline-block;
	vertical-align: top;
}
#modal-supportcar figure {
	width: 410px;
}
#modal-supportcar figure:first-of-type {
	margin-right: 20px;
}
#modal-supportcar figure figcaption {
	width: 290px;
	margin-left: 15px;
}
#modal-supportcar figure figcaption dl {
	margin: 0;
}
#modal-supportcar figure figcaption dt {
	background: #00a79e;
	color: #fff;
	padding-left: 10px;
}
#modal-supportcar figure figcaption dd {
	line-height: 1.6;
}
#modal-supportcar .supportcar-note li {
	padding-left: 1em;
	text-indent: -1em;
}
#modal-supportcar .supportcar-note li::before {
	content: '※';
}
#modal-supportcar .supportcar-line {
	background: #00a79e;
	border-color: #00a79e;
}
#modal-supportcar .supportcar-ttl {
	display: block;
	padding-left: 10px;	
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	background: #00a79e;
}
#modal-supportcar .supportcar-img img + img {
	margin-left: 10px;
}

/* ==========================================================================
   #modal-brake
   ========================================================================== */

#modal-brake {
	width: 840px;
}
#modal-brake h3 {
	padding-left: 0;
	text-indent: 0;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1;
}
#modal-brake h3::before {
	display: none;
}
#modal-brake .brake-text,
#modal-brake figure {
	display: inline-block;
	vertical-align: top;
}
#modal-brake .brake-text {
	width: 362px;
	margin-right: 14px;
}
#modal-brake figure {
	width: 450px;
}
#modal-brake figure img {
	width: 100%;
}

/* ==========================================================================
   #modal-pedal
   ========================================================================== */

#modal-pedal {
	width: 840px;
}
#modal-pedal h3 {
	padding-left: 0;
	text-indent: 0;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1;
}
#modal-pedal h3::before {
	display: none;
}
#modal-pedal .pedal-text,
#modal-pedal figure {
	display: inline-block;
	vertical-align: top;
}
#modal-pedal .pedal-text {
	width: 362px;
	margin-right: 14px;
}
#modal-pedal figure {
	width: 450px;
}
#modal-pedal figure img {
	width: 100%;
}

/* ==========================================================================
   common
   ========================================================================== */

.modal-content h3 {
	font-size: 27px;
	padding-left: 1em;
	text-indent: -1em;
	line-height: 1.25;
}
.modal-content h4 {
	font-size: 18px;
}
.modal-content h3::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 26px;
    margin-right: 15px;
    margin-bottom: 4px;
    background: url(/U-Car/resource/img/icon/icn_heading_02.png?v=20200401);
    vertical-align: middle;
}
.title + span {
	font-size: 15px;
	font-size: 1.5rem;
	display: block;
	margin-bottom: 40px;
	font-weight: normal;
}

/* ==========================================================================
   #modal-shopmap
   ========================================================================== */

body.modal-content {
	min-width: 100%;
}

.shopmap-container .title {
	margin-bottom: 10px;
}
/* .shopmap-container .btn-wrap {
	margin-top: 35px;
} */
.shopmap-container .btn-wrap input {
	width: 406px;
	height: 66px;
	line-height: 66px;
	margin: 0 auto 0;
	padding: 0;
	background-color: #e20a1c !important;
	background: url(/U-Car/resource/img/icon/icn_btn_search.png) #e20a1c no-repeat right 20px center;
	border: none;
	border-radius: 5px;
	color: #fff;
	font-size: 18px;
	font-size: 1.8rem;
}
.shopmap-container .btn-wrap input:hover {
	color: #e20a1c;
	border: 1px solid #e20a1c;
}

/* ==========================================================================
   #modal-areaconfiguration
   ========================================================================== */

.areaconfiguration-container {
	width: 100%;
	margin: 0 auto;
}
.areaconfiguration-container h4 {
	margin-top: 0;
	margin-bottom: 27px;
}
.areaconfiguration-container .title + span {
	margin-bottom: 0;
}
.areaconfiguration-container .note {
	font-size: 15px;
	font-size: 1.5rem;
	display: block;
	margin-bottom: 20px;
	font-weight: normal;
}
.areaconfiguration-container .postalCodeBlock {
	position: relative;
}
.postalCodeBlock,
.currentPlaceBlock {
	display: inline-block;
}
.postalCodeBlock {
	width: 48%;
	padding-right: 24px;
	box-sizing: border-box;
	border-right: dotted 1px #7f7f7f;
}
.postalCodeBlock input[type="number"],
.postalCodeBlock input[type="submit"] {
	border-radius: 5px;
	box-sizing: border-box;
	-webkit-appearance: none;
}
.postalCodeBlock input[type="number"] {
	width: 30%;
	height: 66px;
	padding: 0 22px;
	border: 1px solid #e8e6e1;
	font-size: 18px;
	-moz-appearance:textfield;
}
.postalCodeBlock .between {
	margin: 0 2.65%;
}
.postalCodeBlock input[type="submit"],
.currentPlaceBlock a {
	height: 66px;
	color: #fff;
	border: none;
	font-size: 18px;
	font-weight: bold;
}
.postalCodeBlock input[type="submit"] {
	width: 30%;
	margin-left: 2.5%;
	padding-right: 26px;
	background: url(/U-Car/resource/img/icon/icn_btn_search.png) #e70012 no-repeat right 25% center;
	border: 1px solid #e70012;
}
.postalCodeBlock input[type="submit"]:hover {
	color: #e70012;
	background: url(/U-Car/resource/img/icon/icn_btn_search_on.png?v=20200401) #fff no-repeat right 25% center;
}
.areaconfiguration-container .postalCodeBlock .error {
	position: absolute;
	top: 0.5em;
	left: 180px;
	margin: 0;
}

.currentPlaceBlock {
	width: 48%;
	padding-left: 2.5%;
}
.currentPlaceBlock a {
	display: block;
	width: 100%;
	line-height: 66px;
	padding-right: 31px;
	background: url(/U-Car/resource/img/icon/icn_btn_search.png) #e70012 no-repeat right 33% center;
	border: 1px solid #e70012;
	border-radius: 5px;
	box-sizing: border-box;
	text-decoration: none;
	text-align: center;
}
.currentPlaceBlock a:hover {
	color: #e70012;
	background: url(/U-Car/resource/img/icon/icn_btn_search_on.png?v=20200401) #fff no-repeat right 33% center;
}

/* ==========================================================================
   #modal-areaconfiguration
   ========================================================================== */

.mapmastererror-container .icon,
.mapmastererror-container .icon + p {
	text-align: center;
}
.mapmastererror-container .icon + p {
	font-size: 18px;
	font-weight: bold;
}
.mapmastererror-container .map-all {
	width: 956px;
	margin: 0 auto;
	border-top: 1px solid #d6d1c9;
}
.mapmastererror-container .map-all dl {
	border-bottom: 1px solid #d6d1c9;
	font-size: 0;
}
.mapmastererror-container .map-all dt,
.mapmastererror-container .map-all dd {
	display: inline-block;
	height: 66px;
	line-height: 66px;
	font-size: 15px;
}
.mapmastererror-container .map-all dt {
	width: 122px;
	padding-left: 26px;
	background: #f2f0eb;
	box-sizing: border-box;
	font-weight: bold;
}
.mapmastererror-container .map-all dd {
	padding-left: 38px;
}
.mapmastererror-container .map-all dd ul {
	font-size: 0;
}
.mapmastererror-container .map-all dd li {
	display: inline-block;
	width: 48px;
	width: 4.8rem;
	margin-right: 26px;
	font-size: 15px;
}
.mapmastererror-container .map-all dd li a {
	text-decoration: none;
}

.mapmastererror-container .map-all dd li.multiPrefecture {
	width: auto;
	margin-right: 3.0em;
}

/* ==========================================================================
   #modal-address
   ========================================================================== */

#modal-address {
	padding: 0 17px;
}
#modal-address h3 {
	margin-bottom: 32px;
	padding-left: 1em;
	text-indent: -1em;
	line-height: 1.25;
}
#modal-address .icon,
#modal-address .icon + p {
	text-align: center;
}
#modal-address .icon + p {
	margin-bottom: 25px;
	font-size: 18px;
	font-weight: bold;
}
#modal-address .btn {
	margin-top: 27px;
	padding-top: 26px;
	padding-bottom: 5px;
	border-top: 1px solid #f2f0eb;
}
#modal-address .closeBtn {
	display: block;
	width: 288px;
	height: 66px;
	line-height: 66px;
	margin: 0 auto;
	background: url(/U-Car/resource/img/icon/icn_car_link.png?v=20200401) no-repeat #e20a1c right 40px center;
	color: #fff;
	border: 1px solid #e20a1c;
	border-radius: 5px;
	box-sizing: border-box;
	font-size: 18px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}
#modal-address .closeBtn:hover {
	background: url(/U-Car/resource/img/icon/icn_car_link.png?v=20200401) no-repeat #fff right 40px center;
	color: #e20a1c;
}
.addressList {
	margin-bottom: 34px;
	border-top: 1px solid #d6d1c9;
}
.addressList li {
	border-bottom: 1px solid #f2f0eb;
}
.addressList li a,
.postalCodeChange a {
	text-decoration: none;
}
.addressList li a {
	display: block;
	padding: 20px 45px 20px 0;
	background: url(/U-Car/resource/img/icon/icn_search_link.png?v=20200401) no-repeat right 12px center;
	font-size: 15px;
	font-weight: bold;
}
.addressList li a:hover,
.postalCodeChange a:hover {
	color: #e20a1c;
}
.postalCodeChange a {
	padding-left: 13px;
	background: url(/U-Car/resource/img/icon/icn_right_link.png?v=20200401) no-repeat left center;
}

/* ==========================================================================
   #modal-NotTrialAreaError
   ========================================================================== */

.notTrialAreaError-container .icon,
.notTrialAreaError-container .icon + p {
	text-align: center;
}
.notTrialAreaError-container .icon + p {
	margin-bottom: 25px;
	font-size: 18px;
	font-weight: bold;
}
.notTrialAreaError-container dl {
	width: 576px;
	margin:0 auto;
	padding: 26px 36px;
	font-size: 0;
	background: #fef5f6;
}
.notTrialAreaError-container dt,
.notTrialAreaError-container dd {
	display: inline-block;
	font-size: 15px;
	box-sizing: border-box;
	vertical-align: middle;
}
.notTrialAreaError-container dt {
	width: 100px;
}
.notTrialAreaError-container dd {
	width: 474px;
	padding-left: 28px;
	border-left: 1px solid #d6d1c9;
}
.notTrialAreaError-container .backBtn {
	margin-top: 27px;
	padding-top: 26px;
	border-top: 1px solid #f2f0eb;
}
.notTrialAreaError-container .backBtn a {
	display: block;
	width: 288px;
	height: 66px;
	line-height: 66px;
	margin: 0 auto;
	padding-right: 35px;
	background: url(/U-Car/resource/img/icon/icn_car_link.png?v=20200401) no-repeat #e20a1c right 40px center;
	color: #fff;
	border: 1px solid #e20a1c;
	border-radius: 5px;
	box-sizing: border-box;
	font-size: 18px;
	text-align: center;
	text-decoration: none;
}
.notTrialAreaError-container .backBtn a:hover {
	background: url(/U-Car/resource/img/icon/icn_car_link.png?v=20200401) no-repeat #fff right 40px center;
	color: #e20a1c;
}
.notTrialAreaError-container .txt.caution {
	color: #f00;
}

/* ==========================================================================
   #modal-StoreList
   ========================================================================== */

#modal-StoreList,
#modal-formStoreList {
	margin: 0 auto;
	text-align: left;
}
#modal-formStoreList h3 {
	width: 100%;
	padding-bottom: 0;
	border: none;
}
.storeList-container .carNumber {
	height: 40px;
	line-height: 39px;
	border: 1px solid #555;
	box-sizing: border-box;
}
.storeList-container .carNumber dt,
.storeList-container .carNumber dd {
	display: inline-block;
	width: 50%;
	font-weight: bold;
	text-align: center;
}
.storeList-container .carNumber dt {
	font-size: 15px;
	color: #f00;
}
.storeList-container .carNumber dd {
	background: #555;
	color: #fff;
	font-size: 18px;
}

.storeList-container h4 {
	padding-bottom: 15px;
	border-bottom: 1px solid #d6d1c9;
}
.storeList-container .other {
	padding-bottom: 12px;
}
.storeList-container .other > h4.other {
	margin-top: 64px;
	padding: 12px 10px;
	background: #f2f0eb;
	border-bottom: none;
	font-size: 18px;
	font-weight: bold;
}
.storeList li {
	padding: 15px 0;
	border-bottom: 1px solid #f2f0eb;
	box-sizing: border-box;
}
.storeList li dl {
	margin: 0;
}
.storeList li dt,
.storeList li dd {
	display: inline-block;
	font-size: 15px;
	vertical-align: middle;
}
.storeList li dt {
	width: 50%;
	font-weight: bold;
	word-break: break-word;
	padding-right: 10px;
	box-sizing: border-box;
}
.storeList li dd {
	width: 36%;
	color: #5d5a58;
}
.storeList li dd:last-child {
	width: 14%;
}

.list-store {
	margin-top: 78px;
	font-size: 0;
}
h3 + .list-store {
	margin-top: 25px;
}
.list-store li {
	position: relative;
	display: inline-block;
	width: 18.9%;
	margin-left: -1px;
	padding: 6px 3.96% 6px 2.24%;
	color: #332f2b;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0;
	border-bottom: 1px solid #d6d1c9;
	text-align: center;
	cursor: pointer;
}
.list-store li.act,
.list-store li:hover {
	border-radius: 5px 5px 0 0;
}
.list-store li.act::before,
.list-store li:hover::before {
	position: absolute;
	top: 0;
	left: 0;
	right: 6.75%;
	bottom: 0;
	width: 90px;
	height: 12px;
	margin: auto;
	line-height: 12px;
	margin: auto;
}
.list-store li.toyota {
	background: url(/U-Car/resource/img/icon/icn_btn_tab_toyota.png) no-repeat right 22px center, url(/U-Car/resource/img/tab_bdr.png) no-repeat right bottom;
}
.list-store li.toyopet {
	background: url(/U-Car/resource/img/icon/icn_btn_tab_toyopet.png) no-repeat right 22px center, url(/U-Car/resource/img/tab_bdr.png) no-repeat right bottom;
}
.list-store li.corolla {
	background: url(/U-Car/resource/img/icon/icn_btn_tab_corolla.png) no-repeat right 22px center, url(/U-Car/resource/img/tab_bdr.png) no-repeat right bottom;
}
.list-store li.netz {
	background: url(/U-Car/resource/img/icon/icn_btn_tab_netz.png) no-repeat right 22px center, url(/U-Car/resource/img/tab_bdr.png) no-repeat right bottom;
}
.list-store li.toyota.act,
.list-store li.toyota:hover {
	background: url(/U-Car/resource/img/icon/icn_btn_tab_toyota_act.png) no-repeat right 22px center #790028;
	border-bottom: 6px solid #450017;
}
.list-store li.toyopet.act,
.list-store li.toyopet:hover {
	background: url(/U-Car/resource/img/icon/icn_btn_tab_toyopet_act.png) no-repeat right 22px center #005952;
	border-bottom: 6px solid #00332f;
}
.list-store li.corolla.act,
.list-store li.corolla:hover {
	background: url(/U-Car/resource/img/icon/icn_btn_tab_corolla_act.png) no-repeat right 22px center #f08300;
	border-bottom: 6px solid #c26b00;
}
.list-store li.netz.act,
.list-store li.netz:hover {
	background: url(/U-Car/resource/img/icon/icn_btn_tab_netz_act.png) no-repeat right 22px center #0061a8;
	border-bottom: 6px solid #00477a;
}
.list-anker {
	margin-top: 32px;
	font-size: 0;
}
.list-anker li {
	position: relative;
	display: inline-block;
	margin-right: 27px;
	padding-left: 20px;
	font-size: 15px;
}
.list-anker li a::before {
	position: absolute;
	top: -1px;
	left: 0;
	bottom: 0;
	width: 16px;
	height: 16px;
	line-height: 16px;
	margin: auto;
}
.list-anker li a {
	text-decoration: none;
}
.list-anker li a:hover {
	opacity: .8;
}
.store-box.toyota .list-anker li a::before {
	content: url(/U-Car/resource/img/icon/icn_anker_toyota.png);
}
.store-box.toyopet .list-anker li a::before {
	content: url(/U-Car/resource/img/icon/icn_anker_toyopet.png);
}
.store-box.corolla .list-anker li a::before {
	content: url(/U-Car/resource/img/icon/icn_anker_corolla.png);
}
.store-box.netz .list-anker li a::before {
	content: url(/U-Car/resource/img/icon/icn_anker_netz.png);
}

/* ==========================================================================
   #modal-StoreList form
   ========================================================================== */

.formStoreList .storeList li {
	position: relative;
	padding: 0;
}
.formStoreList .storeList li dl {
	display: inline-block;
	width: 85%;
	padding: 15px 0;
	padding-right: 20px;
	box-sizing: border-box;
}
.storeList li dl dt a:hover {
	color: #0447b3;
}
.store-box.toyota .list-anker li a:hover,
.store-box.toyota .storeList li dl dt a:hover,
.formStoreList .store-box.toyota .storeList li dl dt a:hover {
	color: #790028;
}
.store-box.toyopet .list-anker li a:hover,
.store-box.toyopet .storeList li dl dt a:hover,
.formStoreList .store-box.toyopet .storeList li dl dt a:hover {
	color: #005952;
}
.store-box.corolla .list-anker li a:hover,
.store-box.corolla .storeList li dl dt a:hover,
.formStoreList .store-box.corolla .storeList li dl dt a:hover {
	color: #f08300;
}
.store-box.netz .list-anker li a:hover,
.store-box.netz .storeList li dl dt a:hover,
.formStoreList .store-box.netz .storeList li dl dt a:hover {
	color: #0061a8;
}
.formStoreList .storeList li dd:last-child {
	width: 50%;
}
.formStoreList .storeList li a.btn {
	display: inline-block;
	width: 14%;
	text-align: center;
	text-decoration: none;
	background-color: #f0f0f0;
	border: 1px solid #a1a1a1;
}
.formStoreList .storeList li a.btn:hover {
	color: #0447b3;
}

/* ==========================================================================
   #modal-StoreList2
   ========================================================================== */
.storeList2-container .text{
	color: #f00;
}

/* ==========================================================================
   #modal-initialVisit
   ========================================================================== */

#modal-initialVisit {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 20px;
	width: 1100px;
	margin: 0 auto;
	padding: 18px 24px;
	background: #ffc600;
	border-radius: 5px;
	box-shadow: 0 5px 25px rgba(0,0,0,0.4);
	z-index: 3000;
}
#modal-initialVisit .inner {
	position: relative;
	width: 100%;
	margin: 0 auto;
}
#modal-initialVisit .inner .close-btn {
	position: absolute;
	top: 4px;
	right: -5px;
	margin: 0;
}
#modal-initialVisit .region-box,
#modal-initialVisit .positionSetting-box {
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
}
#modal-initialVisit .region-box {
	width: 482px;
	color: #332f2b;
}
#modal-initialVisit .region-box h3 {
	width: 90%;
	margin: 0;
	padding-left: 35px;
	font-size: 26px;
	line-height: 1.0;
	background: url("/U-Car/resource/img/icon/icn_region.png?v=20200401") no-repeat left top;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#modal-initialVisit .region-box h3 span.head {
	display: block;
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 1.0;
}
#modal-initialVisit .region-box p {
	margin: 15px auto 0;
	font-size: 12px;
}
#modal-initialVisit .positionSetting-box {
	width: 569px;
}
#modal-initialVisit .currentPlaceBlock {
	display: inline-block;
	width: 100%;
	padding-left: 15px;
	background-image: linear-gradient(to bottom, #000, #000 1px, transparent 1px, transparent 3px);
	background-size: 1px 4px;
	background-position: left;
	background-repeat: repeat-y;
}
#modal-initialVisit .currentPlaceBlock p {
	display: inline-block;
	margin: 0;
	color: #332f2b;
	font-weight: bold;
	line-height: 1.5;
	vertical-align: middle;
}
#modal-initialVisit .currentPlaceBlock a {
	display: inline-block;
	width: 220px;
	height: 51px;
	margin-left: 30px;
	line-height: 51px;
	padding-right: 0;
	background: #e70012;
	border: 1px solid #e70012;
	border-radius: 5px;
	box-sizing: border-box;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}
#modal-initialVisit .currentPlaceBlock a:hover {
	color: #e70012;
	background: #fff;
}
/* ==========================================================================
	 #modal-NonTrialError2
	 ========================================================================== */
.carlist{
	 width: 100%;
	margin: 0 auto;
}
#modal-car-items {
	margin-top: 35px;
	box-sizing: border-box;
}
#modal-car-items .bold {
	font-weight: bold;
}
#modal-car-items * {
	box-sizing: inherit;
}
#modal-car-items p {
	margin: 0;
}
#modal-car-items .service_stock {
	width: 384px;
	margin-bottom: 16px;
	padding: 6px 0 6px 12px;
	background: #a58d1e;
}
#modal-car-items .service_stock.question::after {
	right: 1em;
}
#modal-car-items .service_stock span {
	display: inline-block;
	line-height: 1.2;
	padding: 0 16px;
	color: #fff;
	font-size: 12px;
	vertical-align: middle;
}
#modal-car-items .service_stock .question-square .balloon-text {
	width: 300px !important;
}
#modal-car-items .service_stock > span:last-of-type {
	border-left: solid 1px #fff;
}
#modal-car-items .service_stock .icon {
	position: relative;
	padding-left: 55px;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -0.02em;
}
#modal-car-items .service_stock .icon::before {
	position: absolute;
	content:" ";
	background: url(/U-Car/resource/img/contact/icon_stock.png?v=20200401);
	width: 48px;
	height: 19px;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
}
#modal-car-items > li {
	position: relative;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 30px;
	padding-bottom: 35px;
	overflow: visible;
}
#modal-car-items > li .inner {
	position: relative;
}
#modal-car-items .car_thum {
	width: 160px;
	float: left;
}
#modal-car-items .car_img {
	width: 160px;
	height: 120px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}
#modal-car-items .car_img .icon_360{
	width: 160px;
	text-align: center;
}
#modal-car-items .car_thum .car_img img {
	max-width: 160px;
	max-height: 120px;
}
#modal-car-items .del_btn {
	width: 50px;
	position: absolute;
	top: 0;
	right: 0;
	display: none;
	line-height: 1;
	padding: 14px 0 13px;
	border-bottom: 1px solid #d1cec9;
	border-radius: 3px;
	background: #f2f0eb;
	color: #000;
	font-size: 12px;
	text-align: center;
	cursor: pointer;
}
#modal-car-items .service_stock + .inner .del_btn {
	top: -55px;
}
#modal-car-items .del_btn:hover {
	color: #0447b3;
}

#modal-car-items .car_detail {
	display: inline-block;
	width: 80%;
	padding-left: 25px;
	vertical-align: middle;
}
#modal-car-items .car_detail_bottom {
	vertical-align: bottom;
}
#modal-car-items .car_name {
	width: 1090px;
	margin-right: -50px;
	margin-bottom: 10px;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2;
}
#modal-car-items .service_stock + .inner .car_name {
	width: 599px;
}
#modal-car-items .car_name > span {
	font-size: 18px;
	margin-right: 18px;
	vertical-align: top;
}
#modal-car-items .car_detail .price_area {
	display: inline-block;
	font-size: 0;
	vertical-align: middle;
}
#modal-car-items .car_detail .price_area > li {
	display: inline-block;
	font-size: 14px;
	vertical-align: middle;
}
#modal-car-items .car_detail .price_area > li + li {
	margin-left: 10px;
}
#modal-car-items .car_detail .cost {
	display: inline-block;
	margin-left: 65px;
}
#modal-car-items .car_detail .cost .plus,
#modal-car-items .car_detail .cost .detail {
	display: inline-block;
	line-height: 1;
	vertical-align: middle;
}
#modal-car-items .car_detail .cost .plus {
	margin-right: 20px;
	font-size: 26px;
}
#modal-car-items .car_detail .cost .detail {
	padding: 15px;
	background: #eee;
}
#modal-car-items .car_detail .cost .detail p {
	display: inline-block;
	font-size: 16px;
}
#modal-car-items .car_detail .cost .detail .question-square {
	margin-left: 0.3em;
	padding-bottom: 3px;
	vertical-align: bottom;
}
#modal-car-items .service_stock span:last-of-type br,
#modal-car-items .car_detail .cost .detail p br {
	line-height: 0;
}
#modal-car-items .car_detail .price_area .price,
#modal-car-items .car_detail .cost .detail .price {
	padding-left: 10px;
	font-size: 30px;
	font-weight: bold;
}
#modal-car-items .car_detail .cost .detail .price {
	line-height: 0;
	padding-left: 43px;
	color: #e20a1c;
}
#modal-car-items .car_detail .price_area li.base .t_left,
#modal-car-items .car_detail .price_area li.sum .t_left {
	display: inline-block;
	line-height: 1;
	padding-bottom: 10px;
 }
 #modal-car-items .car_detail .price_area li.sum .price {
	color: #e20a1c;
}
#modal-car-items .car_detail .cost .detail .price.text,
#modal-car-items .car_detail .price_area .price > span,
#modal-car-items .car_detail .cost .detail .price > span {
	font-size: 16px;
	font-weight: bold;
	color: #555;
}
#modal-car-items .car_detail .car_info {
	margin-top: 10px;
	font-size: 0;
}
#modal-car-items .car_detail .car_info > li {
	display: inline-block;
	font-size: 13px;
	line-height: 1.2;
}
#modal-car-items .car_detail .car_info > li + li {
	margin-left: 8px;
	padding-left: 8px;
	border-left: 1px solid #ccc;
}

.notTrialAreaError-container .backBtn.a4{
	border-top: none;
	padding-top: 0;
	margin-top: 20px;
}
.notTrialAreaError-container .backBtn.a4 a{
	 width: 400px;
}
.notTrialAreaError-container p.culuma{
	margin-bottom: 25px;
	font-size: 17px;
	font-weight: bold;
	margin: 50px auto;
	width: 585px;
}
.notTrialAreaError-container p.culuma.neardeli{
	color: #ff0000;
	text-align: center;
	font-weight: normal;
	padding-left: 1em;
	text-indent: -1em;
	margin: 0 auto;
}

/* ==========================================================================
	 #modal-OnlineSiteOpen
	 ========================================================================== */
#modal-OnlineSiteOpen .online-hidden-chk {
	padding-left: 27px;
	line-height: 1.25;
}
#modal-OnlineSiteOpen .online-hidden-chk input[type="checkbox"] + label::before {
	left: 7px;
	height: 12px;
	margin-top: -11px;
	box-shadow: 2px -1px 3px -1px rgba(0,0,0,0.5);
	-webkit-box-shadow: 2px -1px 3px -1px rgba(0,0,0,0.5);
	-moz-box-shadow: 2px -1px 3px -1px rgba(0,0,0,0.5);
}
#modal-OnlineSiteOpen .online-hidden-chk input[type="checkbox"]:checked + label::after {
	background-color: #e20a1c;
	border: none;
}
#modal-OnlineSiteOpen .btn-list {
	text-align: center;
	margin: 50px auto 15px;
	font-size: 0;
}
#modal-OnlineSiteOpen .btn-list .btn {
	display: inline-block;
	max-width: 200px;
	width: 45%;
	margin: 0 25px;
}
#modal-OnlineSiteOpen .btn-list .btn a,
#modal-OnlineSiteOpen .btn-list .btn span {
	position: relative;
	display: block;
	width: 100%;
	padding: 5px 15px;
	font-size: 16px;
	color: #000;
	text-align: center;
	background-color: #eee;
	border: 1px solid #ccc;
	text-decoration: none;
}
#modal-OnlineSiteOpen .btn-list .btn a::after,
#modal-OnlineSiteOpen .btn-list .btn span::after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	margin: auto;
	transform: rotate(45deg);
	border-top: 1px solid #929292;
	border-right: 1px solid #929292;
}
#modal-OnlineSiteOpen .btn-list .btn.cancel a::before,
#modal-OnlineSiteOpen .btn-list .btn.cancel a::after,
#modal-OnlineSiteOpen .btn-list .btn.cancel span::before,
#modal-OnlineSiteOpen .btn-list .btn.cancel span::after {
	position: absolute;
	top: 0;
	bottom: 0;
	content: "";
	display: block;
	right: 10px;
	width: 15px;
	height: 1px;
	margin: auto;
	background-color: #929292;
	border: none;
	transition: transform 0.1s ease;
}
#modal-OnlineSiteOpen .btn-list .btn.cancel a::before,
#modal-OnlineSiteOpen .btn-list .btn.cancel a::after,
#modal-OnlineSiteOpen .btn-list .btn.cancel span::before,
#modal-OnlineSiteOpen .btn-list .btn.cancel span::after {
	right: 5px;
}
#modal-OnlineSiteOpen .btn-list .btn.cancel a::before,
#modal-OnlineSiteOpen .btn-list .btn.cancel span::before {
	transform: rotate(-45deg);
}
#modal-OnlineSiteOpen .btn-list .btn.cancel a::after,
#modal-OnlineSiteOpen .btn-list .btn.cancel span::after {
	transform: rotate(45deg);
}
#modal-OnlineSiteOpen .btn-list .btn a:hover,
#modal-OnlineSiteOpen .btn-list .btn span:hover {
	opacity: .7;
}

/* ==========================================================================
	 #modal-JpSiteOpen
	 ========================================================================== */
	 #modal-JpSiteOpen .online-hidden-chk {
		padding-left: 27px;
		line-height: 1.25;
	}
	#modal-JpSiteOpen .online-hidden-chk input[type="checkbox"] + label::before {
		left: 7px;
		height: 12px;
		margin-top: -11px;
		box-shadow: 2px -1px 3px -1px rgba(0,0,0,0.5);
		-webkit-box-shadow: 2px -1px 3px -1px rgba(0,0,0,0.5);
		-moz-box-shadow: 2px -1px 3px -1px rgba(0,0,0,0.5);
	}
	#modal-JpSiteOpen .online-hidden-chk input[type="checkbox"]:checked + label::after {
		background-color: #e20a1c;
		border: none;
	}
	#modal-JpSiteOpen .btn-list {
		text-align: center;
		margin: 50px auto 15px;
		font-size: 0;
	}
	#modal-JpSiteOpen .btn-list .btn {
		display: inline-block;
		max-width: 200px;
		width: 45%;
		margin: 0 25px;
	}
	#modal-JpSiteOpen .btn-list .btn a,
	#modal-JpSiteOpen .btn-list .btn span {
		position: relative;
		display: block;
		width: 100%;
		padding: 5px 15px;
		font-size: 16px;
		color: #000;
		text-align: center;
		background-color: #eee;
		border: 1px solid #ccc;
		text-decoration: none;
	}
	#modal-JpSiteOpen .btn-list .btn a::after,
	#modal-JpSiteOpen .btn-list .btn span::after {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 10px;
		content: "";
		display: block;
		width: 8px;
		height: 8px;
		margin: auto;
		transform: rotate(45deg);
		border-top: 1px solid #929292;
		border-right: 1px solid #929292;
	}
	#modal-JpSiteOpen .btn-list .btn.cancel a::before,
	#modal-JpSiteOpen .btn-list .btn.cancel a::after,
	#modal-JpSiteOpen .btn-list .btn.cancel span::before,
	#modal-JpSiteOpen .btn-list .btn.cancel span::after {
		position: absolute;
		top: 0;
		bottom: 0;
		content: "";
		display: block;
		right: 10px;
		width: 15px;
		height: 1px;
		margin: auto;
		background-color: #929292;
		border: none;
		transition: transform 0.1s ease;
	}
	#modal-JpSiteOpen .btn-list .btn.cancel a::before,
	#modal-JpSiteOpen .btn-list .btn.cancel a::after,
	#modal-JpSiteOpen .btn-list .btn.cancel span::before,
	#modal-JpSiteOpen .btn-list .btn.cancel span::after {
		right: 5px;
	}
	#modal-JpSiteOpen .btn-list .btn.cancel a::before,
	#modal-JpSiteOpen .btn-list .btn.cancel span::before {
		transform: rotate(-45deg);
	}
	#modal-JpSiteOpen .btn-list .btn.cancel a::after,
	#modal-JpSiteOpen .btn-list .btn.cancel span::after {
		transform: rotate(45deg);
	}
	#modal-JpSiteOpen .btn-list .btn a:hover,
	#modal-JpSiteOpen .btn-list .btn span:hover {
		opacity: .7;
	}

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

	/* ==========================================================================
	   #modal-supportcar
	   ========================================================================== */

	#modal-supportcar,
	#modal-supportcar .supportcar-link a {
		width: 100%;
	}
	#modal-supportcar .supportcar-link a {
		padding: 5%;
		text-align: left;
		line-height: 1.6;
		background: url(/U-Car/resource/img/modal/blank_img_gray.gif) no-repeat right 5% bottom 20% #999;
		background-size: 6%;
	}
	#modal-supportcar .supportcar-link a span {
		display: block;
		font-weight: normal;
		margin-top: 2%;
	}
	#modal-supportcar figure {
		width: 100%;
	}
	#modal-supportcar figure:first-of-type {
		margin-right: 0;
		margin-bottom: 5%;
	}
	#modal-supportcar figure img {
		width: 25%;
	}
	#modal-supportcar figure figcaption {
		width: 70%;
		margin-left: 5%;
	}
	#modal-supportcar .supportcar-img img {
		width: 100%;
	}
	#modal-supportcar .supportcar-img img + img {
		margin-top: 10px;
		margin-left: 0;
	}

	/* ==========================================================================
	   #modal-brake
	   ========================================================================== */

	#modal-brake {
		width: 100%;
	}
	#modal-brake .brake-text,
	#modal-brake figure {
		display: block;
	}
	#modal-brake .brake-text {
		width: 100%;
		margin-right: 0;
	}
	#modal-brake figure,
	#modal-brake figure img {
		width: 100%;
	}

	/* ==========================================================================
	   #modal-pedal
	   ========================================================================== */

	#modal-pedal {
		width: 100%;
	}
	#modal-pedal .pedal-text,
	#modal-pedal figure {
		display: block;
	}
	#modal-pedal .pedal-text {
		width: 100%;
		margin-right: 0;
	}
	#modal-pedal figure,
	#modal-pedal figure img {
		width: 100%;
	}

	/* ==========================================================================
	   #modal-shopmap
	   ========================================================================== */

	.shopmap-container .area-wrap {
		margin: 0;
	}
	.shopmap-container .btn-wrap input {
		width: 100%;
	}
	.shopmap-container .btn-wrap .btn-wrap-balloon {
		top: auto;
	}

	/* ==========================================================================
	   #modal-areaconfiguration
	   ========================================================================== */

	.areaconfiguration-container {
		width: 100%;
	}
	.areaconfiguration-container h3 {
		margin-top: 12%;
	}
	.areaconfiguration-container h4 {
		margin-bottom: 3%;
	}
	.areaconfiguration-container .title + span + span.note {
		margin-bottom: 5%;
	}
	.postalCodeBlock,
	.currentPlaceBlock {
		display: block;
		width: 100%;
	}
	.postalCodeBlock {
		margin-bottom: 5%;
		padding-right: 0;
		border-right: none;
	}
	.postalCodeBlock input[type="number"] {
		width: 31%;
	}
	.areaconfiguration-container .postalCodeBlock input[type="number"] {
		height: 50px;
		padding: 0 2%;
		text-align: center;
	}
	.areaconfiguration-container .postalCodeBlock .postalCode {
		width: 30.5%;
	}
	.postalCodeBlock .between {
		margin: 0 2%;
	}
	.postalCodeBlock input[type="submit"] {
		width: 29%;
		height: 50px;
		margin-left: 2.7%;
		padding: 0 2%;
		background: #e70012;
	}
	.postalCodeBlock input[type="submit"]:hover {
		background: #fff;
	}
	.areaconfiguration-container .postalCodeBlock .error {
		position: relative;
		top: auto;
		left: auto;
		margin-top: 1em;
	}
	.currentPlaceBlock {
		padding-left: 0;
	}
	.currentPlaceBlock a {
		width: 100%;
		padding-right: 0;
		padding-left: 6%;
		background: url(/U-Car/resource/img/icon/icn_region_w.png) #e70012 no-repeat left 15% center;
		background-size: 17px;
	}
	.currentPlaceBlock a:hover {
		background: url(/U-Car/resource/img/icon/icn_region.png?v=20200401) #fff no-repeat left 26% center;
		background-size: 17px;
	}

	/* ==========================================================================
	   #modal-areaconfiguration
	   ========================================================================== */

	.mapmastererror-container .map-all {
		width: 100%;
		border-top: 1px solid #d6d1c9;
	}
	.mapmastererror-container .map-all dl {
		border-bottom: 1px solid #f2f0eb;
	}
	.mapmastererror-container .map-all dt,
	.mapmastererror-container .map-all dd {
		display: block;
		height: auto;
		line-height: 55px;
	}
	.mapmastererror-container .map-all dt {
		position: relative;
		width: auto;
		padding-left: 0;
		background: none;
	}
	.mapmastererror-container .map-all dt::after {
		display: block;
		content: '－';
		position: absolute;
		top: 0;
		right: 15px;
		bottom: 0;
		width: 28px;
		height: 28px;
		line-height: 28px;
		margin: auto;
		color: #e20a1c;
		font-size: 18px;
		font-weight: bold;
		text-align: center;
	}
	.mapmastererror-container .map-all .close dt::after {
		content: '＋';
	}
	.mapmastererror-container .map-all dd {
		display: none;
		padding-left: 1.5em;
		border-top: 1px solid #f2f0eb;
	}
	.mapmastererror-container .map-all dd li {
		display: block;
		width: auto;
		border-bottom: 1px solid #f2f0eb;
	}
	.mapmastererror-container .map-all dd li:last-child {
		border-bottom: none;
	}
	/* ==========================================================================
	   #modal-address
	   ========================================================================== */

	#modal-address {
		padding: 0;
	}

	/* ==========================================================================
	   #modal-NotTrialAreaError
	   ========================================================================== */

	.notTrialAreaError-container .icon img {
		max-width: 10%;
	}
	.notTrialAreaError-container dl {
		width: 100%;
		padding: 5% 8%;
	}
	.notTrialAreaError-container dt,
	.notTrialAreaError-container dd {
		vertical-align: middle;
	}
	.notTrialAreaError-container dt {
		width: 36%;
	}
	.notTrialAreaError-container dd {
		width: 63%;
		padding-left: 7%;
	}
	.notTrialAreaError-container .backBtn {
		border-top: none;
	}
	.notTrialAreaError-container .backBtn a {
		width: 80%;
		font-size: 5.07042vw;
		background: url(/U-Car/resource/img/icon/icn_car_link.png?v=20200401) no-repeat #e20a1c right 15% center;
	}

	/* ==========================================================================
	   #modal-StoreList
	   ========================================================================== */

	#modal-StoreList,
	#modal-formStoreList {
		width: 100%;
	}
	.storeList-container h4 {
		padding-bottom: 5%;
	}
	.storeList-container .carNumber {
		height: auto;
		line-height: 39px;
		margin-bottom: 20px;
		border: 1px solid #555;
		box-sizing: border-box;
	}
	.storeList-container .carNumber dt,
	.storeList-container .carNumber dd,
	.storeList li dt,
	.storeList li dd {
		display: block;
		width: 100%;
	}
	.formStoreList .storeList li dd:last-child {
		display: block;
		width: 94%;
	}
	.storeList-container .carNumber dt {
		line-height: 1.2;
		padding: 4% 0;
	}
	.storeList li dd.tel .sp {
		position: relative;
	}
	.storeList li dd.tel .sp::after {
		content: '';
		position: absolute;
		top: 2px;
		right: -21px;
		width: 13px;
		height: 17px;
		background: url(/U-Car/resource/img/icon/icn_tel.png) no-repeat;
		background-size: 13px;
	}
	.storeList-container .nearStore {
		padding: 4%;
		background: #f2f0eb;
	}
	.storeList li {
		padding: 4% 0;
		border-bottom: 1px solid #e4e0da;
	}
	.storeList li:last-child {
		border-bottom: none;
	}
	.storeList li dt,
	.storeList li dd {
		line-height: 1.2;
	}
	.storeList li dt {
		margin-bottom: 2%;
	}
	.storeList li dd:last-child {
		width: 100%;
	}
	.list-store {
		margin-top: 15%;
		border-top: 1px solid #f2f0eb;
	}
	.list-store li {
		width: 50%;
		margin-left: 0;
		padding: 6px 2.24%;
		border-right: 1px solid #f2f0eb;
		border-bottom: 1px solid #f2f0eb;
	}
	.list-store li:nth-child(odd) {
		border-left: 1px solid #f2f0eb;
	}
	.list-store li.act::before,
	.list-store li:hover::before {
		width: 100%;
	}
	#modal-StoreList .list-store li.act,
	#modal-StoreList .list-store li:hover,
	#modal-formStoreList .list-store li.act,
	#modal-formStoreList .list-store li:hover {
		border-right: none;
		border-left: none;
		border-bottom: none;
		border-radius: 0;
		background-image: none;
	}
	.list-store li.toyota,
	.list-store li.toyopet,
	.list-store li.corolla,
	.list-store li.netz {
		background: none;
	}
	.list-anker {
		margin: 3% 0 12%;
	}
	.list-anker li {
		display: block;
		width: 90%;
		margin: 0 auto;
		padding: 4% 0;
		border-bottom: 1px solid #f2f0eb;
	}
	.list-anker li a::before {
		left: auto;
		right: 0;
	}
	.storeList-container .store-box h4 {
		margin-top: 14%;
		padding-bottom: 5%;
	}
	.storeList-container .other > h4.other {
		margin-top: 14%;
	}
	.storeList-container .other > h4.other + h4 {
		margin-top: 8%;
	}
	.storeList-container .store-box .storeList li {
		padding: 4% 0;
		border-bottom: 1px solid #e4e0da;
	}
	.formStoreList .storeList li dl {
		width: 80%;
		padding: 0;
		vertical-align: middle;
	}
	.formStoreList .storeList-container .store-box .storeList li dl {
		padding: 4% 0;
		padding-right: 8%;
	}
	.formStoreList .storeList li a.btn {
		width: 18%;
		padding: 2% 0;
		vertical-align: middle;
	}

	/* ==========================================================================
	   #modal-StoreList2
	   ========================================================================== */

	#modal-StoreList2 {
		width: 100%;
		margin-top: 8%;
	}
	#modal-StoreList2 p {
		font-size: 16px;
		font-size: 1.6rem;
	}
	#modal-StoreList2 .carNumber,
	#modal-StoreList2 .tel-btn a {
		font-size: 18px;
		font-size: 1.8rem;
		font-weight: bold;
	}
	#modal-StoreList2 .carNumber {
		padding: 2%;
		background: #555;
		color: #fff;
		text-align: center;
	}
	#modal-StoreList2 .tel-btn a {
		display: block;
		padding: 5% 8% 5% 5%;
		background: #79bb33;
		color: #fff;
		text-align: center;
		text-decoration: none;
	}
	#modal-StoreList2 .tel-btn a::before {
		content: '';
		display: inline-block;
		width: 20px;
		height: 20px;
		margin-right: 2%;
		background: url(/U-Car/resource/img/icon/icon_tel_white.png) no-repeat left center;
		background-size: 18px;
		vertical-align: middle;
	}

	/* ==========================================================================
	   #modal-initialVisit
	   ========================================================================== */

	#modal-initialVisit {
		width:90%;
		padding: 3% 4%;
	}
	#modal-initialVisit .inner .close-btn {
		right: 0;
		width: 5%;
	}
	#modal-initialVisit .inner .close-btn img {
		width: 100%;
	}
	#modal-initialVisit .inner {
		width: 100%;
	}
	#modal-initialVisit .region-box,
	#modal-initialVisit .positionSetting-box {
		display: block;
		width: 100%;
	}
	#modal-initialVisit .region-box {
		padding: 0 6% 3% 0;
	}
	#modal-initialVisit .region-box h3 span {
		font-size: 22px;
	}
	#modal-initialVisit .region-box h3 {
		width: 100%;
		line-height: 19px;
		padding-left: 10%;
		background: url(/U-Car/resource/img/icon/icn_region.png?v=20200401) no-repeat left center;
		background-size: 8%;
	}
	#modal-initialVisit .region-box h3 span.head {
		font-size: 16px;
		font-weight: normal;
	}
	#modal-initialVisit .currentPlaceBlock {
		vertical-align: top;
		padding-left: 0;
		margin-bottom: 0;
		background-image: linear-gradient(to left, #000, #000 1px, transparent 1px, transparent 3px);
		background-size: 4px 1px;
		background-position: top;
		background-repeat: repeat-x;
	}
	#modal-initialVisit .currentPlaceBlock p {
		margin: 3% 0;
	}
	#modal-initialVisit .currentPlaceBlock a {
		width: 100%;
		margin: 0;
		height: auto;
		padding: 3% 0;
		line-height: 1.0;
	}
	/* ==========================================================================
	    #modal-NonTrialError2
	    ========================================================================== */
		#modal-car-items {
			margin-top: 23px;
		}

		#modal-car-items .car_thum {
			width: 120px;
			height: 91px;
		}
		#modal-car-items .car_img {
			width: 100%;
			height: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		#modal-car-items .car_thum .car_img img {
				max-width: 120px;
				max-height: 90px;
		}
		#modal-car-items .del_btn {
			width: auto;
			padding: 2% 3%;
			background: #d9d9d9;
		}
		#modal-car-items .service_stock + .inner .del_btn {
			top: 0;
		}
		#modal-car-items .del_btn:hover {
			opacity: 1;
		}

		#modal-car-items .service_stock {
			width: 100%;
			padding: 2% 0.5% 2% 2%;
		}
		#modal-car-items .service_stock.question::after {
			top: -0.2em;
			right: 0;
		}
		#modal-car-items .service_stock span {
			padding: 0 2%;
		}
		#modal-car-items .service_stock span:last-of-type {
			width: 45%;
			padding: 0 0 0 2%;
			font-size: 2.35vw;
		}
		#modal-car-items .service_stock .question-square .balloon-text .notes {
			width: auto;
		}
		#modal-car-items .service_stock .icon {
			width: 40%;
			padding-left: 10.5%;
			font-size: 2.82353vw;
		}
		#modal-car-items .service_stock .icon::before {
			content: '';
			background: url(/U-Car/resource/img/contact/icon_stock.png?v=20200401) no-repeat left center;
			background-size: 58%;
		}

		#modal-car-items .car_detail {
			display: block;
			width: auto;
			padding-left: 10px;
		}
		#modal-car-items .car_detail_top {
			overflow: hidden;

		}
		#modal-car-items .car_name {
			width: auto;
			margin-right: 0;
			margin-bottom: 0;
			font-size: 14px;
		}
		#modal-car-items .service_stock + .inner .car_name {
			width: auto;
		}
		#modal-car-items .car_name > span {
			display: block;
			font-size: 11px;
			margin-right: 0;
		}
		#modal-car-items .car_detail .price_area {
			text-align: left;
		}
		#modal-car-items .car_detail .price_area > li {
			font-size: 11px;
			line-height: 1.2;
			margin: 10px 5px 0 0;
			text-align: right;
		}
		#modal-car-items .car_detail .price_area > li span {
			display: block;
			letter-spacing: 0.001em;
		}
		#modal-car-items .car_detail .price_area > li + li {
			margin-left: 0;
		}
		#modal-car-items .car_detail .price_area .price {
			padding-left: 0;
			font-size: 20px;
		}
		#modal-car-items .car_detail .price_area .price > span {
			display: inline;
			font-size: 11px;
		}
		#modal-car-items .car_detail .price_area li.base .t_left,
		#modal-car-items .car_detail .price_area li.sum .t_left {
			display: block;
			padding-bottom: 0;
		}
		#modal-car-items .car_detail.car_detail_bottom {
			width: 100%;
			padding-left: 0;
		}
		#modal-car-items .car_detail .cost,
		#modal-car-items .car_detail .cost .plus,
		#modal-car-items .car_detail .cost .detail {
			display: block;
		}
		#modal-car-items .car_detail .cost .detail {
			padding: 4%;
		}
		#modal-car-items .car_detail .cost .detail p {
			font-size: 11px;
		}
		#modal-car-items .car_detail .cost .detail .question-square {
			padding-bottom: 0;
			vertical-align: middle;
		}
		#modal-car-items .car_detail .cost .detail .question::after {
			top: -0.1em;
		}
		#modal-car-items .car_detail_bottom .cost .detail p + p + p {
			padding-left: 10%;
		}
		#modal-car-items .car_detail .cost .detail .price {
			line-height: 1;
			padding-left: 0;
			font-size: 20px;
		}
		#modal-car-items .car_detail .cost {
			margin-left: 0;
		}
		#modal-car-items .car_detail .cost .plus {
			margin: 2% 0;
			font-size: 20px;
			text-align: center;
		}
		#modal-car-items .car_detail .car_info {
			margin-top: 10px;
		}
		#modal-car-items .car_detail .car_info > li {
			display: inline;
			font-size: 11px;
		}
		.icon_360:before {
			width: 30px;
			height: 30px;
			right: 3px;
			bottom: 3px;
		}
		.notTrialAreaError-container p.culuma{
			width: 305px;
		}
		.notTrialAreaError-container p.culuma.neardeli{
			text-align: left;
			margin: 20px auto;
			font-size: 14px;
		}
		.notTrialAreaError-container .backBtn.a4 a{
			width: 100%;
			font-weight: bold;
			background: url(/U-Car/resource/img/icon/icn_car_link.png?v=20200401) no-repeat #e20a1c right 16px center;
		}
		.notTrialAreaError-container .backBtn.a4 a:hover{
			color: #fff;
		}
		#modal-car-items .service_stock .icon.spsize{
			width: 39%;
		}
}

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

	/* ==========================================================================
			#modal-OnlineSiteOpen
			========================================================================== */
			#modal-OnlineSiteOpen h3 {
				font-size: 20px;
			}
			#modal-OnlineSiteOpen h3::before {
				margin-right: 10px;
			}
			#modal-OnlineSiteOpen .online-hidden-chk {
				padding-left: 20px;
			}
			#modal-OnlineSiteOpen .btn-list {
			margin: 20px auto 15px;
		}
		#modal-OnlineSiteOpen .btn-list .btn {
			display: inline-block;
			width: 45%;
			margin: 0 5px;
		}
		#modal-OnlineSiteOpen .btn-list .btn a,
		#modal-OnlineSiteOpen .btn-list .btn span {
			width: 100%;
			font-size: 14px;
		}
		#modal-OnlineSiteOpen .btn-list .btn.cancel a::before,
		#modal-OnlineSiteOpen .btn-list .btn.cancel a::after,
		#modal-OnlineSiteOpen .btn-list .btn.cancel span::before,
		#modal-OnlineSiteOpen .btn-list .btn.cancel span::after {
			right: 5px;
		}

/* ==========================================================================
			#modal-JpSiteOpen
			========================================================================== */
			#modal-JpSiteOpen h3 {
				font-size: 20px;
			}
			#modal-JpSiteOpen h3::before {
				margin-right: 10px;
			}
			#modal-JpSiteOpen .online-hidden-chk {
				padding-left: 20px;
			}
			#modal-JpSiteOpen .btn-list {
			margin: 20px auto 15px;
		}
		#modal-JpSiteOpen .btn-list .btn {
			display: inline-block;
			width: 45%;
			margin: 0 5px;
		}
		#modal-JpSiteOpen .btn-list .btn a,
		#modal-JpSiteOpen .btn-list .btn span {
			width: 100%;
			font-size: 14px;
		}
		#modal-JpSiteOpen .btn-list .btn.cancel a::before,
		#modal-JpSiteOpen .btn-list .btn.cancel a::after,
		#modal-JpSiteOpen .btn-list .btn.cancel span::before,
		#modal-JpSiteOpen .btn-list .btn.cancel span::after {
			right: 5px;
		}

		}