@charset "utf-8";

/*
 * Date: 2018-06
 * 認定中古車ドットコムリニューアル、フォーム関連CSS
 *
 */


form {
	margin: 0; padding: 0;
	background: none;
}
.fieldset {
	margin: 0; padding: 0;
	border: none;
}
.formparts {
	display: inline-block;
	margin-top: 8px;
	margin-bottom: 8px;
}
.legend {
	margin: 4px 8px;
	font-weight: bold;
	color: #4d4d4d;
}
.label {
	display: block;
	margin: 8px 8px -8px 8px;
	font-size: 1.2rem;
}


/* ----------------------------------------------------------------------- select */
.select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	margin: 0;
    padding: 0;
    height: 32px;
    background: transparent;
    position: relative;
    z-index: 1;
    padding: 0 48px 0 10px;
    border: 1px solid #ccc;
	color: #000;
	cursor: pointer;
}
::-ms-expand {		/* select要素のデザインを無効にする（IE用） */
	display: none;
}
.select_wrap {
	margin: 8px;
    position: relative;
    display: inline-block;
	background: #fff;
}
.select_wrap:before {
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    height: 100%;
    width: 38px;
}
.select_wrap:after {
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 15px;
	width: 4px;
	height: 4px;
	border-right: 2px solid #666;
	border-bottom: 2px solid #666;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.select_wrap.full {
	display: block;
}
.full .select {
	width: 100%;
}