@charset "utf-8";
/* CSS Document */
/*----------------
お問い合わせ
----------------*/
.contact{}

/*----------------
アンケート(/enquete/))
お問い合わせ(/contact/)
WEB予約(/reserve/)
共通
----------------*/
.form_box{
	border: 10px solid #ede6df;
	border-top : 1px none #ff0000;
	background-color: #fff;
	padding: 10px;
}
.form_box dl{
	border-bottom: 5px solid #fff;
	display: table;
	width: 100%;
	background-color: #ede6df;
}
.form_box dl:last-of-type{
	border-bottom: 5px none #fff;
}

.form_box dt ,.form_box dd{
	color: #534741;
	font-size: 0.15rem;
	padding-left: 12px;
	display: table-cell;
	vertical-align: top;
}
.form_box dt span{
	font-size: 0.12rem;
}
.form_box dt{
	line-height: 50px;
	width: 284px;
	position: relative;
}
.form_box dd{
	padding: 10px;
}

/*左上の赤三角*/
.form_box dl.rqd dt:before{
	content: "";
	display: inline-block;
	border: 8px solid transparent;
	border-left-color: #ff4040;
	transform: rotate(-135deg); /* 要素を回転させる */
	position: absolute;
	top: -8px;
	left: -8px;
}

/*必須アイコン*/
.form_box dl.rqd dt:after{
	content: "必須";
	color: #fff;
	font-size: 0.11rem;
	text-align: center;
	line-height: 1em;
	background-color: #ff4040;
	border-radius: 3px;
	padding: 4px 8px;
	display: inline-block;
	position: absolute;
	top: 15px;
	right: 0;
}

.form_box select{
	width: 100%;
}

/*月日select*/
.form_box .date ul{
	display: table;
}
.form_box .date li{
	display: table-cell;
	vertical-align: bottom;
	padding-right: 8px;
}

.form_box textarea{
	height: 280px;
}

/*------------
Formカスタマイズ*/
input, 
textarea, 
select{
	color: inherit;
	font-size: 0.15rem;
}
input[type="text"], 
input[type="tel"], 
input[type="email"], 
textarea{
	border: 5px solid #fff;
	width: 100%;
	box-sizing: border-box;
}
input[type="text"], 
input[type="tel"], 
input[type="email"]{
	line-height: 30px;
	height: 30px;
}
textarea{
	line-height: 1.2em;
}

select{
	line-height: 30px;
	height: 30px;
	border: 1px none #C8C8C8;
	background: url("../img/glist_icon_select.png") no-repeat right center #fff;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 0 1.5em 0 0;
	border-left: 5px solid #fff;
	cursor: pointer;
}
/*IE用*/
select::-ms-expand {
	display: none;
}

/*---------
送信ボタン*/
.btn_submit{
	margin: 40px 0 25px 0;
	text-align: center;
}
.btn_submit p{
	color: #534741;
	font-size: 0.15rem;
	margin: 24px 0 0 0;
}