@import url('https://fonts.googleapis.com/css?family=Slabo+27px');
@import url('https://fonts.googleapis.com/css?family=Sedgwick+Ave+Display');
*{margin:0; padding:0;}
body,input{font-family:'Flamenco',Meiryo,Osaka,"MS ゴシック",sans-serif; letter-spacing:1.2px;}
body{color:#444; background-color:#fefefe; font-size:14px;}
#wrap{margin:40px auto 10px; width:90%; max-width:500px; line-height:1.8;}
h1{font-size:18px; text-align:center; color:#F6847D;}
h2{font-family:'Sedgwick Ave Display',cursive; font-size:18px; color:#bbb; margin:10px 0 0 5px;}
h2:before{content:"≠";}


#title{color:#888; background-color:#eee; margin-bottom:30px; padding:40px 0 15px 20px;}
#text{font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", serif; color:#666; padding:0 20px; margin:20px 0 60px;}

.af{margin:20px 0 10px; padding:10px 20px; color:#888; background-color:#eee; font-size:90%; text-align:right;}
a{text-decoration:none; color:#444;}
#menu{font-family:'Slabo 27px',Meiryo,Osaka,"MS ゴシック",serif; text-align:center; margin-bottom:30px;}
#menu a{margin:0 9px; padding:.3em; transition:.3s;}

hr{
    border: none;
    margin:100px auto;
    height: 86px;
    width: 96px;
    background-image:url(snow.png);
    background-repeat:no-repeat;
}



select,input[type],textarea{
font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", serif;
font-size:11px;
margin:10px 0;
padding:5px;
width:50%;
height:27px;
color:#434343;
background:#fff;
border:solid #bbb 1px;
border-radius:8px;
letter-spacing:2.2px;
line-height:1.8;
box-shadow:none;
text-shadow:none;
outline:none;
vertical-align:middle;
}

input[type="submit"]{
cursor:pointer;
width:60px;
}

input[type="submit"]:hover{color:#aaa;}

select{width:auto;}

#formWrap {
	width:100%;
	margin:9em auto 0;
	color:#555;
	line-height:120%;
	font-size:90%;
	text-align:center;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}



/*　簡易版レスポンシブ用CSS（必要最低限のみとしています。ブレークポイントも含め自由に設定下さい）　*/
@media screen and (max-width:572px) {
#formWrap {
	width:100%;
	margin:2em auto 0;

}
table.formTable th, table.formTable td {
	width:auto;
	display:block;
}
table.formTable th {
	margin-top:5px;
	border-bottom:0;
}
input[type="text"], textarea {
	width:50%;
	height:30px;
	padding:5px;
	font-size:90%;
	display:inline;
}
select{width:30%;}

input[type="submit"], input[type="reset"], input[type="button"] {
	width:auto;
	height:30px;
}
}