@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
	word-break: normal;
	font-weight:normal;
	-webkit-font-smoothing:subpixel-antialiased;
	font-size:16px;
}

a {
	color: #d00;
	text-decoration:none;
	outline:none;
}

img {  vertical-align: bottom; border:0;}
html{height: auto;}
body{ line-height:1.61;  color: #282613; background: url(/enquete/common/bg_top.jpg) #fff 0 -120px repeat-x; padding: 1% 0; }


#wrapper{ background: #fff; width: 98%; max-width: 800px; margin: 0 auto 0; border-radius: 10px; position:relative;
box-shadow:rgba(249, 125, 8, 0.309804) 0px 0px 6px 3px;
-webkit-box-shadow:rgba(249, 125, 8, 0.309804) 0px 0px 6px 3px;
-moz-box-shadow:rgba(249, 125, 8, 0.309804) 0px 0px 6px 3px;
}

#contents{ width:80%; margin:0 auto 0;}
hr{display:none;}


h2{ display: block; width: 100%; line-height: 1.3; text-align: center; padding: 15% 0 3% 0%; margin-bottom: 5%; font-size: 24px; border-bottom: double 4px #f45151; color: #f45151;}
h2 b, h2 strong{ font-weight:bold;}
h3{ font-size:16px;line-height:120%; color:#282613; display:block; text-align:center; background-color:#a00; padding: 5% 0 3% 0%;}
h4{
    display: inline;
    line-height: 120%;
    font-size: 18px;
    color: #AA310A;
    font-weight: 800;
}

@media screen and (max-width: 750px) {
	  h2{font-size: 1rem;}
	  h3{font-size: 1rem;}
	  h4{font-size: 1rem;}
}


#read{ border-width:0 0 1px; margin-bottom:5%; padding-bottom:5%; font-weight: normal; font-size:120%; line-height:1.61;}
#read a{color:#f6fb8d;text-decoration: underline;}

@media screen and (max-width: 750px) {  #read{ font-size:0.8rem;} }

#alert{border: solid 1px #f45151;}
.hiddenbox{display: none;}


.question{ margin:35px 0 0;}
.question_title{ display:inline;}

input{ display:block; border:none; border-radius:3px; border:1px solid #ddd; padding:3px 2%; margin:0 0 0; }
.text input{ display:block; border:none; border-radius:3px; border:1px solid #ddd; padding: 3px 2%; margin:10px 0 0; max-width:96%; width:96%;}

.text input:focus{background:#fff2d9;}


textarea{ display:block; border:none; border-radius:3px; border:1px solid #ddd; padding: 3px 2%; margin:10px 0 0; max-width:96%; width:96%;}

textarea:focus{background:#fff2d9;}


.question_desc{ display:inline-block; background:#f45151; border-radius:20px; color:#fff; font-size: 80%; padding: 0 12px;}

@media screen and (max-width: 750px) {
.question_desc{ color:#fff; font-size:10px; padding:4px 12px; line-height:1.50; }
}


input:focus{ outline:none;}


#btn_area{ text-align:center; margin:50px 0 20px;}

#btn_area input{ display:inline; width:30%;height:auto; padding:10px 0; background:#ffaf00; color:#fff; cursor:pointer; -webkit-appearance:none;}
#btn_area input:hover{ opacity:0.5;}
input[type="submit"] { -webkit-appearance: none; border-radius: 0;}

#footer{ text-align:center; padding:30px 0 10px;}
#footer address{ font-size:11px;}

#attention{font-size:11px;}
#attention div{ text-indent: -1em; margin-left:1em;}
#attention a{text-decoration: underline;}

#alert{ display: block; background:#fff; padding: 18px 3%; margin: 0 0 30px; width: 94%;}

.option input{ display:inline; margin-right:5px;}
.option label{ font-size:16px;}

select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 3px 8px; margin: 10px 0 0; max-width: 100%; width:100%; background: #fff;}
select:focus{ background:#fff2d9;}



input.text{ width:100%;}

.red{color: #f45151;}
.point{color: #f45151;}

/*---confirm---*/
#body_id_confirm span.text{ font-size:20px; color:#ff65ef;}
#body_id_confirm .option span.text{ margin-left:0;}
#body_id_confirm .option { display:block; margin:8px 0 0; font-size:20px; color:#ff65ef; font-weight:500;}
#body_id_confirm .question_desc{ display:none;}
#body_id_confirm .attention{ display:none;}
/*
#body_id_confirm .q_textarea span.text pre{ display: block; white-space: pre-wrap; }
*/

#body_id_confirm #btn_bck{ background:#666; margin-right:20px; }
#body_id_confirm #read{display:none;}




/*---confirm---*/

#finish{ display:block; margin:10% 0; text-align:center; }
#finish h3{ font-size:27px; font-weight:800; display:block; text-align:center; background-color:transparent; margin:0 0 20px;}

@media screen and (max-width: 750px) {
	  #finish h3{font-size: 18px;}
}


#finish p{ display:block; font-size:15px; text-align:center; }
#closebt a{ display:inline-block; border-radius:20px; background-color:#a00; color:#fff; margin:30px 0 0; padding:2px 15px; }
#closebt a:hover{ opacity:0.8; }


.free-btn a{display:block; width:80%; max-width:750px; margin: 0 auto;  background: #ffaf00; color: #fff; padding: 10px;}

#body_id_finish #read{display:none;}
#body_id_error #read{display:none;}