@charset "utf-8";
#wrapper0{
margin:0 auto;
padding:0 1%;
width:98%;
position:relative;
}

strong.hissu{
	color:#f15a24;
}
p.toi {
    margin: 100px auto 50px;
    text-align: center;
}

ul.radio{
	display:flex;
	border-top:1px solid #ccc;
	padding:8px 16px;
	margin-top:50px;
}
ul.radio li{
	margin-right:5rem;
}
ul.radio{
	
}


/*========================================
 エラーメッセージ関係
==========================================*/
div#error_area {
	margin: 30px;
	padding: 0px;
}

#error_area .attention {
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	color: #000000;
}


div.table{
	border-bottom:1px solid #ccc;
	width:100%;
}
dl{
	display:flex;
	border-top:1px solid #ccc;
	padding:10px 0;
}
dl dt, dl dd{
	padding:8px 16px;
}
dl dt{
	vertical-align:top;
	width:29rem;
	padding:16px 16px;
}
dl dd{
	border-left:1px solid #ccc;
	flex:1;
}

textarea, dd input{
	width:95%;
	padding:8px;
	background-color:#f3f3f3;
	border: 1px solid #999;
	line-height:1.5;
}
dd input#name, dd input#read{
	width:50%;
}
/* 
div.table{
	display:table;
	border-bottom:1px solid #ccc;
	border-collapse:collapse;
	width:100%;
}
dl{
	display:table-row;
	border-top:1px solid #ccc;
}
dl dt, dl dd{
	display:table-cell;
	padding:8px 10px;
}
dl dt{
	vertical-align:top;
	width:22rem;
	padding:16px 10px;
}
dl dd{
	border-left:1px solid #ccc;
}

textarea, dd input{
	width:95%;
	padding:8px;
	background-color:#f3f3f3;
	border: 1px solid #999;
	line-height:1.5;
}
dd input#name, dd input#read{
	width:50%;
} */





input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus{
	box-shadow : 0px 0px 5px #ccc;
	border : 1px solid #999;
	background : #fff;
}

button{
	background-color:#000;
	color:#fff;
	font-weight:bold;
	border:none;
	padding:20px 80px;
	font-size:1.8rem;
	margin:50px auto;
	text-align:center;
	display:block;
	cursor:pointer;
}


/* PC用
------------------------------------------------------------*/
@media only screen and (min-width: 1000px){
#wrapper0{
	width:940px;
	padding:0;
	margin:0 auto;
	}
 
}


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

}


/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:640px){
dl{
	display:block;
	padding:10px 0;
}
dl dt, dl dd{
	padding:8px 16px;
}
dl dt{
	width:auto;
	padding:8px 8px;
}
dl dd{
	border-left:none;
}

textarea, dd input{
	width:100%;
}
dd input#name, dd input#read{
	width:100%;
}

ul.radio{
	display:block;
	padding:8px 16px;
}
ul.radio li{
	margin-right:0;
}
}


/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){

}