@charset "utf-8";



.formlist{display:table;width:100%;max-width:1100px;margin:auto;}

.formlist dl{
	overflow: hidden;
	padding:2% 5%;
	font-size:1.7rem;
	text-align: left;
}
.formlist dl dt {
    float: left;
		padding:1% 0;
		width: 30%;
}
.formlist dl dd {
    float: left;
		width: 70%;
		padding:1% 0;
}
.formlist dl dt span {
    color: #ca2c2c;
    font-size: 1.2rem;
		font-weight: bold;
    margin: 0 0 0 5px;
}



/*FORM*/



.text {
    padding: 1%;
		width:60%;
}
.short {
    margin: 0 5px 0 15px;
    padding: 1%;
    max-width: 60px;
		width:10%;
}
.select {
    font-size: 0.9rem;
    margin: 0 5px 5px 0;
    padding: 1%;
    width:60%;
}
.short:first-child {
    margin-left: 0;
}
.textarea {
    height: 200px;
    padding: 1%;
		width:100%;
}
input,textarea{border:1px solid #ccc;background: rgba(255,255,255,0.8);}

.btn {
    cursor: pointer;
    font-size: 1.4rem;
    letter-spacing: 0.08em;
    line-height: 1;
    padding: 15px 5%;
		transition: all 0.6s ease 0s;
		font-weight:bold;

		background: rgba(0, 0, 0, 0) url("/img/bg_bar.jpg") repeat scroll left center;
		    border: 1px solid #ce97a4;
		    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
		    color: #c20000;

}
.btn:hover {
	background: rgba(0, 0, 0, 0) url("/img/bg_gnav.jpg") repeat scroll left center;
	color: #fff;
}







@media screen and (min-width:60em) {
    /*　PC 960px以上 */



}


@media screen and ( max-width:60em) {
    /* タブレット 960px以下*/





}


@media screen and ( max-width:30em) {
    /* ~480px（スマホ縦） */


		.formlist{
			width:100%;
			display:block;
		}
		.formlist dl{
			font-size:1.4rem;
		}


		.formlist dl dt {
		    float: none;
				width: 100%;
		}
		.formlist dl dd {
		    float: none;
				width: 100%;

		}

}