@charset "EUC-JP";

button {
	background-color: transparent;
	border-style: none;
	color: inherit;
}
input[type="checkbox"] {
	display: none;
}

#box_popup {
	line-height: 1.5;
	font-family: Helvetica, Arial, "Meiryo", "¥á¥¤¥ê¥ª", "Hiragino Kaku Gothic Pro", "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Sans", "¥Ò¥é¥®¥Î³Ñ¥´¥·¥Ã¥¯", Osaka, sans-serif;
}
#box_popup .tit {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 54px;
	margin-bottom: 16px;
	background: #f1f1f1;
}
#box_popup .tit > h2 {
	font-size: 18px;
	font-weight: bold;
}

.box_bodytype {
	width: 894px;
	margin: 0 auto;
}
.box_bodytype > ul {
	font-size: 0;
	letter-spacing: -0.5em;
}
.box_bodytype > ul > li {
	display: inline-block;
	width: 135px;
	margin: 5px 7px;
	font-size: 12px;
	letter-spacing: normal;
	text-align: center;
	vertical-align: bottom;
}
.box_bodytype > ul > li > label {
	cursor: pointer;
}
.box_bodytype > ul > li > label > span {
	position: relative;
	display: block;
	height: 16px;
	padding: 74px 0 10px 1px;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	border-radius: 4px;
	background-repeat: no-repeat;
	background-color: #fff;
	background-image: url("https://img.goo-net.com/cache/newcar/catalog/sprite_icon_select_bodytype.png");
}
.box_bodytype > ul > li > label > span::before {
	display: block;
	position: absolute;
	top: 7px;
	left: 7px;
	z-index: 1;
	width: 15px;
	height: 15px;
	border: 1px solid #d5d5d5;
	border-radius: 4px;
	background: #fff;
	content: "";
}
.box_bodytype > ul > li > label:hover > span::before,
.box_bodytype > ul > li > label > input[type="checkbox"]:checked + span::before {
	top: 6px;
	left: 6px;
}
.box_bodytype > ul > li > label > input[type="checkbox"]:checked + span::after {
	display: block;
	position: absolute;
	top: 7px;
	left: 11px;
	z-index: 2;
	transform: rotate(40deg);
	width: 5px;
	height: 10px;
	border-right: 2px solid #e00923;
	border-bottom: 2px solid #e00923;
	content: "";
}
.box_bodytype > ul > li > label:hover span,
.box_bodytype > ul > li > label > input[type="checkbox"]:checked + span {
	padding: 73px 0 10px;
	border: 1px solid #e00923;
	color: #e00923;
}
.box_bodytype > ul > .hybrid > label > span {
	background-position: 0 -1781px;
}
.box_bodytype > ul > .keirv > label > span {
	background-position: 0 -1883px;
}
.box_bodytype > ul > .kei > label > span {
	background-position: 0 -1985px;
}
.box_bodytype > ul > .compact > label > span {
	background-position: 0 -2087px;
}
.box_bodytype > ul > .minivan > label > span {
	height: 14px;
	padding: 76px 0 10px 1px;
	background-position: 0 -2189px;
	font-size: 10px;
}
.box_bodytype > ul > .sedan > label > span {
	background-position: 0 -2291px;
}
.box_bodytype > ul > .wagon > label > span {
	background-position: 0 -2393px;
}
.box_bodytype > ul > .coupe > label > span {
	background-position: 0 -2495px;
}
.box_bodytype > ul > .suv > label > span {
	background-position: 0 -2597px;
}
.box_bodytype > ul > .open > label > span {
	background-position: 0 -2699px;
}
.box_bodytype > ul > .hardtop > label > span {
	background-position: 0 -2801px;
}
.box_bodytype > ul > .bonnet > label > span {
	background-position: 0 -2903px;
}
.box_bodytype > ul > .pickup > label > span {
	background-position: 0 -3005px;
}
.box_bodytype > ul > .cabvan > label > span {
	background-position: 0 -3107px;
}
.box_bodytype > ul > .keicab > label > span {
	background-position: 0 -3209px;
}
.box_bodytype > ul > .keitruck > label > span {
	background-position: 0 -3311px;
}
.box_bodytype > ul > .truck > label > span {
	background-position: 0 -3413px;
}
.box_bodytype > ul > .bus > label > span {
	background-position: 0 -3515px;
}
.box_bodytype > ul > .hybrid > label:hover span,
.box_bodytype > ul > .hybrid > label > input[type="checkbox"]:checked + span {
	background-position: -1px 0;
}
.box_bodytype > ul > .keirv > label:hover span,
.box_bodytype > ul > .keirv > label > input[type="checkbox"]:checked + span {
	background-position: -1px -99px;
}
.box_bodytype > ul > .kei > label:hover span,
.box_bodytype > ul > .kei > label > input[type="checkbox"]:checked + span {
	background-position: -1px -198px;
}
.box_bodytype > ul > .compact > label:hover span,
.box_bodytype > ul > .compact > label > input[type="checkbox"]:checked + span {
	background-position: -1px -297px;
}
.box_bodytype > ul > .minivan > label:hover span,
.box_bodytype > ul > .minivan > label > input[type="checkbox"]:checked + span {
	padding: 75px 0 10px;
	background-position: -1px -396px;
}
.box_bodytype > ul > .sedan > label:hover span,
.box_bodytype > ul > .sedan > label > input[type="checkbox"]:checked + span {
	background-position: -1px -495px;
}
.box_bodytype > ul > .wagon > label:hover span,
.box_bodytype > ul > .wagon > label > input[type="checkbox"]:checked + span {
	background-position: -1px -594px;
}
.box_bodytype > ul > .coupe > label:hover span,
.box_bodytype > ul > .coupe > label > input[type="checkbox"]:checked + span {
	background-position: -1px -693px;
}
.box_bodytype > ul > .suv > label:hover span,
.box_bodytype > ul > .suv > label > input[type="checkbox"]:checked + span {
	background-position: -1px -792px;
}
.box_bodytype > ul > .open > label:hover span,
.box_bodytype > ul > .open > label > input[type="checkbox"]:checked + span {
	background-position: -1px -891px;
}
.box_bodytype > ul > .hardtop > label:hover span,
.box_bodytype > ul > .hardtop > label > input[type="checkbox"]:checked + span {
	background-position: -1px -990px;
}
.box_bodytype > ul > .bonnet > label:hover span,
.box_bodytype > ul > .bonnet > label > input[type="checkbox"]:checked + span {
	background-position: -1px -1089px;
}
.box_bodytype > ul > .pickup > label:hover span,
.box_bodytype > ul > .pickup > label > input[type="checkbox"]:checked + span {
	background-position: -1px -1188px;
}
.box_bodytype > ul > .cabvan > label:hover span,
.box_bodytype > ul > .cabvan > label > input[type="checkbox"]:checked + span {
	background-position: -1px -1287px;
}
.box_bodytype > ul > .keicab > label:hover span,
.box_bodytype > ul > .keicab > label > input[type="checkbox"]:checked + span {
	background-position: -1px -1386px;
}
.box_bodytype > ul > .keitruck > label:hover span,
.box_bodytype > ul > .keitruck > label > input[type="checkbox"]:checked + span {
	background-position: -1px -1485px;
}
.box_bodytype > ul > .truck > label:hover span,
.box_bodytype > ul > .truck > label > input[type="checkbox"]:checked + span {
	background-position: -1px -1584px;
}
.box_bodytype > ul > .bus > label:hover span,
.box_bodytype > ul > .bus > label > input[type="checkbox"]:checked + span {
	background-position: -1px -1683px;
}

.select_button {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 892px;
	margin: 16px auto 0;
}
.select_button > li {
	margin-left: 16px;
}
.select_button > li:first-child {
	margin-left: 0;
}
.select_button > li > button {
	display: inline-block;
	line-height: 1.2;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
}
.clear_button {
	padding: 0;
	color: #1d7fc0;
	font-size: 14px;
}
.clear_button:hover {
	text-decoration: underline;
}
.submit_button {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 240px;
	height: 40px;
	margin: 0;
	padding: 4px 8px;
	border-radius: 4px;
	box-sizing: border-box;
	background: #e00923;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
.submit_button:hover {
	opacity: 0.7;
}