@charset "utf-8";

/* 共通 ============================== */
body { background-color: red; letter-spacing: 0.05em; }

p.binder { position: fixed; top: 0; left: 50%; margin-left: -125px; }

div.wrapper { background-color: white; border-left: solid 16px red; border-right: solid 16px red; min-width: 728px; margin-top: 16px; padding-bottom: 60px; }

div.headWrap { padding: 15px 15px 0; background: url(../images/survey2018.png) 50% 36px no-repeat; min-height: 133px; }
div.headWrap p.secret { float: left; }
div.headWrap p.dglogo { float: right; }

div.contWrap { width: 608px; margin: 0 auto; }

div.surveyNoteFrm { padding: 5px 16px 0; }
ul.surveyNote { letter-spacing: 0; color: white; line-height: 1.35; min-width: 728px; }
ul.surveyNote li { text-indent: -1.35em; margin-left: 1.35em; margin-top: 10px; }

div.surveyFoot { padding: 10px 16px 35px; text-align: right; line-height: 1.25; min-width: 728px; }



/* 入力画面 ============================== */
div.inputSec { margin-top: 30px; text-align: center; }

div.qFrm { display: inline-block; }
div.qFrm p.qNum { float: left; height: 38px; width: 58px; background-color: red; border-radius: 50%; color: white; text-align: center; padding-top: 20px; line-height: 1; overflow: hidden; }
div.qFrm p.qTxt { float: left; line-height: 1.35; padding: 15px 0 0 15px; text-align: left; }
div.qFrm p.qTxtRow2 { padding: 0 0 0 15px; }
div.leadFrm { margin-bottom: 20px; }
div.leadFrm p.leadtxt { display: inline-block; line-height: 1; padding: 4px 8px 3px; border: solid 1px red; white-space: nowrap; }
p.egFrm { margin-top: 15px; }

div.inputSec div.inputArea { background-color: #eee; padding: 0 30px 10px; line-height: 1.25; margin-top: 30px; display: inline-block; }
div.inputSec div.inputArea ul.qList li { float: left; padding-right: 30px; margin-top: 10px; }
div.inputSec div.inputArea ul.qList li:last-child { padding-right: 0; }
div.inputSec div.inputArea ul.qList li.verticalList { float: none; padding-right: 0; }
div.inputSec div.inputArea ul.qList li input { float: left; }
div.inputSec div.inputArea ul.qList li label { padding-left: 6px; float: left; }

div.cmntSec { margin-top: 80px; text-align: center; }
div.infoSec { margin-top: 40px; text-align: center; }
div.cmntTitFrm { display: inline-block; }
div.cmntTitFrm p.iconRed { float: left; height: 16px; width: 16px; background-color: red; border-radius: 50%; margin-top: 4px; }
div.cmntTitFrm p.cmntLead { float: left; padding-left: 5px; display: inline-block; }
div.inputFrm { margin-top: 10px; background-color: #eee; padding: 15px; display: inline-block; }
div.inputFrm textarea { width: 540px; height: 160px; border: solid 1px #ccc; padding: 5px; }

table.cmntInput td { line-height: 1.25; padding-top: 5px; padding-bottom: 5px; vertical-align: top; }
table.cmntInput td.subtit { text-align: right; padding-right: 15px; }
table.cmntInput td.subtit10 { padding-top: 10px; }

table.cmntInput td ul.sexList li { float: left; padding-right: 20px; }
table.cmntInput td ul.sexList li:last-child { padding-right: 0; }
table.cmntInput td ul.sexList li input { float: left; }
table.cmntInput td ul.sexList li label { padding-left: 6px; float: left; }

table.cmntInput td select { border: solid 1px #ccc; }
table.cmntInput td input { border: solid 1px #ccc; }
table.cmntInput td input.w240 { padding: 5px; width: 240px; }
table.cmntInput td input.w60 { padding: 5px; width: 60px; }

div.inputBtnSec { padding-top: 30px; text-align: center; }
div.inputBtnSec input.surveyBtn { color: white; background-color: black; border: none; border-radius: 7px; font-size: 160%; letter-spacing: 0.15em; padding: 15px 30px; line-height: 1; box-shadow: 3px 3px 5px rgba(0,0,0,0.3); cursor: pointer; }
div.inputBtnSec input.surveyBtn:hover { background-color: red; }
div.inputBtnSec input.surveyBtn:active { color: black; box-shadow: 0 0 5px rgba(0,0,0,0.3); }

div.inputAlert { margin-top: 30px; border: double 3px red; padding: 15px; text-align: center; background-color: #ffeeee; }
div.inputSec div.inputAreaErr { background-color: #ffeeee; }



/* 完了画面 ============================== */
div.thanksCont { text-align: center; }
p.thanksLead { margin-top: 40px; }
p.thanksAbe { margin-top: 30px; }
p.thanksNote { margin-top: 30px; }
p.thanksLink { margin-top: 10px; padding-bottom: 80px; }



/* 募集締切後画面 ============================== */
div.closeCont { text-align: center; margin-top: 30px; }
p.closeLead { margin-top: 60px; }
p.closeNote { margin-top: 70px; }
p.thanksLink { margin-top: 10px; padding-bottom: 80px; }