@charset "utf-8";

form#mail_form dl{
    width : 100%;
    margin : 0 auto;
    overflow : hidden;
}
form#mail_form dl dt{
    clear : both;
    width : 30%;
    float : left;
    padding : 14px 0 6px;
    text-align : right;
    overflow : hidden;
}
form#mail_form dl dd{
    width : 65%;
    float : right;
    padding : 10px 0 10px 5%;
}

/* -- for JavaScript ここまで -------------------------------------------------------------------------------- */


form#mail_form input{
    height : 1.8em;
    border : 1px solid #cccccc;
    background : #fafafa;
}
#mail_form dl dd #name {
    width: 94%;
    max-width: 330px;
}
#mail_form dl dd #read {
    width: 94%;
    max-width: 330px;
}
#mail_form dl dd #mail_address,
#mail_form dl dd #mail_address_confirm {
    width: 94%;
}
form#mail_form textarea{
    width : 94%;
    resize : vertical;
    border : 1px solid #cccccc;
    background : #fafafa;
}
form#mail_form input:focus,
form#mail_form textarea:focus{
	box-shadow : 0px 0px 5px #55ccff;
	border : 1px solid #55ccff;
	background : #ffffff;
}
form#mail_form ul li{
    list-style-type : none;
    margin-bottom : 0.5em;
}
form#mail_form ul li label:hover{
    cursor : pointer;
}
form#mail_form ul li input{
	height : auto;
	margin-right : 0.5em;
}
form#mail_form input#mail_submit_button{
	width : auto;
	height : auto;
	padding : 4px 10px;
	vertical-align : middle;
	color : #444444;
	background : #eeeeee;
	border : 1px solid #cccccc;
	font-family : inherit;
	-webkit-appearance: none;
	border-radius: 0;
}
form#mail_form input#mail_submit_button:hover{
    cursor : pointer;
    color : #B52224;
    background : #e0e0e0;
}


/* --responsive------------------------------------------- */

@media screen and (max-width : 768px){

form#mail_form{
	padding : 10px 0;
	color: #181a1c;
	margin: 3px auto 0;
}
form#mail_form dl{
    width : 100%;
}
form#mail_form dl dt{
    float : none;
    text-align : left;
    padding : 10px 0 5px;
    width: 100%;
}
form#mail_form dl dd{
	width : auto;
	float : none;
	border-top : none;
	padding : 0px 0 13px 0px;
}

/* -- for JavaScript ここまで -------------------------------------------------------------------------------- */

form#mail_form input,
form#mail_form textarea,
form#mail_form select{
	font-size: 16px;
}
form#mail_form input{
    height : 25px;
}
form#mail_form input#name,
form#mail_form input#read,
#mail_form dl dd #mail_address,
#mail_form dl dd #mail_address_confirm,
form#mail_form textarea{
    max-width : 86%;
    border-radius: 0;
    -webkit-appearance : none;
}
}