/* セレクト
======================================== */
select.select-P01,
select.select-P02,
select.select-P03,
select.select-P04,
select.select-P02-P01,
select.b-form-castam-select,
select.b-form-castam-select-P03,
select.b-form-castam-select-keiyaku-menu {
	width:auto;
	box-sizing:border-box;
	z-index:10;
	cursor:pointer;
}

/* グリーン
======================================== */
.customSelect {
	box-sizing:border-box;
	position:relative;
	background-color: #66bf63;
	color:#000;
	padding:15px 14px 12px;
	border-radius:5px;
	font-size:16px;
	border-bottom:2px solid #489f46;
	line-height:20px;
}

.customSelect.customSelectHover {
/* Styles for when the select box is hovered */
}

.customSelect.customSelectOpen {
/* Styles for when the select box is open */
}

.customSelect.customSelectFocus {
/* Styles for when the select box is in focus */
}

.customSelectInner {
	box-sizing:border-box;
	vertical-align: bottom;
	overflow:hidden;
	zoom:1;
	padding-right:48px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	text-align:left;
}

.customSelectInner:after {
  font-family: 'icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: middle;
  content: "\e611";
  color: #000;
  font-size:16px;
  padding:11px 0 8px;
  padding-left:14px;
  border-left:1px solid #FFF;
  position:absolute;
  top:50%;
  right:15px;
  margin-top:-17px;
}




/* ホワイト
======================================== */

.customSelect_P02 {
	box-sizing:border-box;
	position:relative;
	background-color: #FFF;
	color:#000;
	padding:13px 14px 12px;
	border-radius:5px;
	font-size:16px;
	border:2px solid #67bf64;
	line-height:20px;
}
.customSelect_P02.customSelect_P02Hover {
/* Styles for when the select box is hovered */
}

.customSelect_P02.customSelect_P02Open {
/* Styles for when the select box is open */
}

.customSelect_P02.customSelect_P02Focus {
/* Styles for when the select box is in focus */
}

.customSelect_P02Inner {
	box-sizing:border-box;
	vertical-align: bottom;
	overflow:hidden;
	zoom:1;
	padding-right:48px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	text-align:left;

}

.customSelect_P02Inner:after {
  font-family: 'icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: middle;
  content: "\e611";
  color: #000;
  font-size:16px;
  padding:3px 0;
  padding-left:14px;
  border-left:1px solid #67bf64;
  position:absolute;
  top:50%;
  right:15px;
  margin-top:-12px;
}
.customSelect_P02.customSelect_P02Hover .customSelect_P02Inner {
/* Styles for when the select box is hovered */
	text-decoration:underline;
}

/* エラー
======================================== */
.customSelect_error {
	box-sizing:border-box;
	position:relative;
	background-color: #ff9999;
	color:#000;
	padding:15px 14px 12px;
	border-radius:5px;
	font-size:16px;
	border-bottom:2px solid #999999;
	line-height:20px;
}

.customSelect_error.customSelect_errorHover {
/* Styles for when the select box is hovered */
}

.customSelect_error.customSelect_errorOpen {
/* Styles for when the select box is open */
}

.customSelect_error.customSelect_errorFocus {
/* Styles for when the select box is in focus */
}

.customSelect_errorInner {
	box-sizing:border-box;
	vertical-align: bottom;
	overflow:hidden;
	zoom:1;
	padding-right:48px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	text-align:left;
}

.customSelect_errorInner:after {
  font-family: 'icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: middle;
  content: "\e611";
  color: #000;
  font-size:16px;
  padding:3px 0;
  padding-left:14px;
  border-left:1px solid #FFF;
  position:absolute;
  top:50%;
  right:15px;
  margin-top:-12px;
}



/* ヘッド
======================================== */

/*.customSelect.select-P03,
.customSelect.b-form-castam-select-keiyaku-menu {
	box-sizing:border-box;
	width:100%;
	background-color:#fff;
	color:#333;
	padding:8px 10px 6px 14px;
	border-radius:0;
	font-size:13px;
	border-bottom:none;
}*/


.customSelect.select-P03,
.customSelect.select-P04,
.customSelect.b-form-castam-select-keiyaku-menu {
    box-sizing:border-box;
    width:100%;
    background-color:#fff;
    color:#333;
    padding:8px 10px 6px 14px;
    border-radius:0;
    font-size:13px;
    border-bottom:none;
}
.customSelect.select-P04 {
    padding-left: 10px;
    padding-right: 10px;
}
.customSelect.select-P04 .customSelectInner {
    width: 100% !important;
    padding-right: 34px;
}
.customSelect.select-P04 .customSelectInner:after {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    vertical-align: middle;
    content: "\25BC";
    font-size: 10px;
    top: 5px;
    right: 5px;
    margin-top: 0;
    color: #fff;
    background-color: #67bf64;
    padding: 7px;
}