/*responsive 20161111*/
*{margin:0;padding:0;}
body{margin:0;visibility: visible;background-color: transparent;color: #333;font-size: 100%;font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;}
#mainStage section,#wrapperInner,#mainStage{width: 100%;float: none;font-size: 1.2rem;}
p,ul {font-size: 0.8em; line-height: 1.5em; padding: 2% 0;}
ul {list-style: none; }
h2{font-size: 1.2rem;}
h2 span,span {font-size: 0.9rem; }
p.notice_bk {padding: 0% 0 2% 2%; font-size: 14px; font-weight: bold; }
#wrapper{width: 90%;margin: auto;}
#wrapperInner {padding: 0; margin: 30px auto; }
#mainStage a {color: #067d78; text-decoration: underline; }
#mainStage h1 {font-size: 1em; background: none !important; height: auto; border: none; border-bottom: 2px solid #333 !important; width: 100%; }
.important_text {color: #e2311d;font-weight: bold; }
.inquiry_title {padding: 0; font-weight: bold; }
/*header*/
header {height: 95px;background-color: transparent; }
.headerWapper {background: #eee; }
.headerTop { margin:auto;}
.headerLogo{width: 150px;padding: 20px;}
.headerLogo a {width: 100%; background: url(//cf.mora.jp/cfdocs/pc/img/logo2015.png) no-repeat 0 0; height: 40px; display: block; }
.sprite {white-space: nowrap; text-indent: 100%; overflow: hidden; }
.inquiry_text li {list-style: inherit; list-style-type: square; text-indent: -1px; margin-left: 20px; }
.noteList li {list-style: none; text-indent: -14px; }

/*入力項目*/
#formTable {border: 1px solid #9d9d9d;overflow: hidden;padding: 2% 5%; }
#formTable ul {width: 90%; display: block;  }
#formTable li {margin-bottom: 3%;overflow: hidden; }
#formTable label {display: block; }
#formTable .inputTxt, .selectOther input,#formTable select{display: block;border: 1px solid #9d9d9d; border-radius: 3px; font-size: 1em;background-color: #fbfbfb;height: 25px; text-indent: 5px; }
#formTable textarea.inputTxt {height: auto !important;font-size: 1.2em; line-height: 1.5em; padding: 0.5%; }
.submitbtn,#inputClear,.btnArea a{ -webkit-appearance: none;/*ios*/border-radius: 5px; height: 30px;padding: 0 5px; font-size: 1.1em; display: block;width: 90%;box-sizing: border-box;margin-bottom: 5px; box-shadow: 0 5px 0 #05504d;font-family: inherit; line-height: 30px; }
.submitbtn {background-color: #e2311d; color: #fff; border: none;width: 100%;box-shadow: 0 5px 0 #a72719;}
#inputClear,.btnArea a,a.nextBtn_red{border: 2px solid #067d78; color: #fff !important; background-color: #067d78;}
.btnArea a,a.nextBtn_red {text-decoration: none !important; text-align: center; line-height: 32px; }
a.nextBtn_red {min-width: 150px; display: block; margin: auto; width: 50%; border-radius: 3px;box-shadow: 0 5px 0 #05504d;  }
.submitbtn:hover, #inputClear:hover, .btnArea a:hover {cursor: pointer; }
#inputClear:active, .submitbtn:active,.btnArea a:active{box-shadow: none; margin-bottom: 0px; margin-top: 5px;}
a.nextBtn_red:active{box-shadow: none; margin-bottom: -5px; margin-top: 5px;}
.submitbtn:focus, #inputClear:focus {outline: none; }
.inquiry_text2 {font-size: 1.2em; font-weight: bold; border-bottom: 1px solid #9d9d9d; display: block; }
.selectOther {padding: 1% 0; }
#formTable li p {font-size: 1em; padding: 1% 0; }
#formTable .formTitle {float: left; width: 30%;font-size: 1.1em; padding-top: 3px; }
#formTable .selectBox {float: left; width: 70%; }
#mainStage .selectBox a { text-decoration: none; display: block; padding-top: 3px; font-size: 1.2em;}
.selectBox input[type="checkbox"] {float: left; cursor: pointer; margin: 2px 5px 0 0; }
.selectBox label {margin-bottom: 5px;cursor: pointer; }
.pc_formTable li {border-bottom: 1px solid #9d9d9d; padding-bottom: 3%; }
.inquiry_textBox li,.btnArea li {border: none; padding-bottom: 0; }
#formTable.pc_formTable textarea {width: 80%; font-size: 1.3em; line-height: 1.5em;height: 150px !important;padding: 1%; }
.formTitle01 {padding: 2%; line-height: 2em; }


/*btn*/
.btnArea {overflow: hidden; }
.btnArea li {width: 50%; float: left; display: block; }
/*pannavi*/
ul.pannavi li {float: left;background-color: #eee;padding: 0 7px;height: 20px;line-height: 20px;}
.pannavi li a{text-decoration: none;color: initial;}
ul li.pannaviJoint,ul li.pannaviEnd {border-style: solid; padding: 0; height: 0; width: 0; border-width: 10px 0 10px 15px; border-color: #fff #fff #fff #eee; }
.pannavi {margin-top: 5%; }
/*footer*/
.copyright{padding-top: 10px;}
footer {background-color: #eee; }
footer .inner {width: 600px; margin: auto; text-align: center; }
.copyrightItem div {float: left; height: 42px; margin: 0 10px 0 0; background-image: url(//cf.mora.jp/cfdocs/pc/img/footer.png); background-repeat: no-repeat; }
.copyrightItem .jasrac1 {width: 42px; background-position: -11px 0; }
.copyrightItem .nextone{width:42px;background-position:-95px 0}
.copyrightItem .elicense{width:73px;background-position:-137px 0}
.copyrightItem .lmark{width:42px;background-position:-210px 0}
.copyright img{display:block;height:42px;margin-right:10px;float:left}
.copyrightItem.pc {float: left; margin: 0 10px; }
.copyright p {margin-right: 10px; color: #333; font-size: 10px; line-height: 14px; float: left; }
.copyrightText {display: inline-block;width: 100%;padding: 10px 0;}
.copyrightItem_long {display: inline-block; margin-top: 10px; }
.copyrightItem_long p {float: none; text-align: left; }
@media (min-width: 990px){
.headerTop,#wrapper{width: 990px;}
#wrapperInner {width: 90%; padding: 0; margin: 3% auto; }

}
@media (max-width: 850px){
#formTable .formTitle,#formTable .selectBox{width: 100%;}
}
@media (max-width: 700px){
.pannavi{display: none;}
.copyright .pc {display: none;}
}
@media (min-width: 600px){
#formTable .inputTxt, .selectOther input, #formTable select{width: 50%;}

}
@media (max-width: 599px){
#formTable .inputTxt, .selectOther input, #formTable select{width: 80%;}
footer .inner{width: 90%;}
#formTable{border: none;}
#formTable ul{width: 100%;}
#mainStage section,#wrapperInner,#mainStage{width: 100%;float: none;font-size: 1rem;}
}
