@charset "UTF-8";

.form-group dl{
margin-bottom: 20px;
}

.form-group dl dt{
font-size: 16px;
font-weight: bold;
color: #555;
text-align: left;
margin-bottom: 10px;
}

.form-group dl dt.must:after{
content: "必須";
border: 1px solid #666;
font-size: 10px;
padding:3px 5px;
display: inline-block;
margin-left: 10px;
vertical-align: top;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

}

.form-group dl dd{
text-align: left;
margin-bottom: 40px;
font-size: 14px;
line-height: 1.8em;
}

.form-group.conf dl dd{
padding-top: 10px;
line-height: 1.8em;
}

.form-group dl dd input[type="text"] {
width: 100%;
line-height: 1.8em;
padding: 5px;
background: #fbf9e6;
border: 0;
text-indent: .5em;
}

.form-group dl dd textarea{
width: 100%;
line-height: 1.8em;
background: #fbf9e6;
padding: 10px;
border: 0;
}

.conversion{
padding-top: 50px;
}
.conversion label{
color: #555;
display: block;
margin-bottom: 30px;
}

.conversion .btn_submit{
	-webkit-appearance: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 0;
	padding:40px 10px;
	color: #fff;
	min-width: 80%;
	background: #ee9e0d;
	-moz-box-shadow: 0px 0px 3px #ccc;
	-webkit-box-shadow: 0px 0px 3px #ccc;
	box-shadow: 0px 0px 3px #ccc;
}

.conversion .btn_submit:hover{
opacity: 0.7;
}

.conversion .btn_back{
	-webkit-appearance: none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	 border: 0;
	 margin-top:50px;
	padding: 10px;
	color: #fff;
	min-width: 180px;
	background:#666;
	-moz-box-shadow: 0px 0px 3px #ccc;
	-webkit-box-shadow: 0px 0px 3px #ccc;
	box-shadow: 0px 0px 3px #ccc;
}

.conversion .btn_back:hover{
opacity: 0.7;
}

.thx{
text-align: left;
line-height: 1.8em;
}

.back a{
	-webkit-appearance: none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	 border: 0;
	 margin-right: 10px;
	padding: 10px;
	color: #fff;
	min-width: 180px;
	background:#333;
	-moz-box-shadow: 0px 0px 3px #ccc;
	-webkit-box-shadow: 0px 0px 3px #ccc;
	box-shadow: 0px 0px 3px #ccc;

}

.back a:hover{
opacity: 0.7;
}

.accept{
line-height: 1.8em;
font-size: 14px;
}

.accept a{
color: #ee9e0d;
text-decoration: underline;
}

/*==== mobile スマフォ横〜用css ===*/
@media screen and (max-width: 896px){
.inquiry-wrap{
padding: 20px;
}

.form-group dl{
margin-bottom: 20px;
display:block;
}

.form-group dl dt{
flex-basis: 25%;
font-size: 16px;
color: #555;
text-align: left;
padding-top: 10px;
margin-bottom: 5px;
}

.form-group dl dd{
flex-basis: 70%;
text-align: left;
}

.form-group.conf dl dd{
padding-top: 10px;
line-height: 1.8em;
}

.conversion .btn_back{
margin-bottom: 15px;
}

}

/*==== mobile スマフォ縦用css ===*/
@media screen and (max-width: 480px){
}





/*

プレゼント応募フォーム

*/

.label-layout3{
text-align: left;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}

.label-layout3 label{
flex-basis: 30%;
margin-right: 5%;
margin-bottom: 10px;
}

.label-layout3 label:nth-child(3n){
margin-right: 0;
}

.radiobg{
background: #fbf9e6;
padding: 20px 10px 10px;
font-size: 16px;
}

.form-control-address{
width: 300px!important;
}

/* alert */
.alert{
	border: 1px solid #000;
	padding: 20px;
	text-align: left;
	margin-bottom: 20px;
}
.alert.alert-danger{
	color: #FF0000;
	border-color: #FF0000;
}
/*==== mobile スマフォ横〜用css ===*/
@media screen and (max-width: 896px){

.label-layout3{
text-align: left;
display:block;
}

.label-layout3 label{
display: block;
flex-basis: auto;
margin-right: 0;
margin-bottom: 10px;
}

.label-layout3 label:nth-child(3n){
margin-right: 0;
}

.radiobg{
background: #fbf9e6;
padding: 20px 10px 10px;
font-size: 16px;
}

.form-control-address{
width: 70%!important;
}
}