@charset "utf-8";
/* CSS Document */


.formQqestion {width:90%; font-size: 20px;margin: auto; padding:10px; margin-bottom:0px;margin-top: 0px; }
.formQqestion td {padding:5px 0; width:20%;padding-bottom: 20px;}
.formQqestion th {padding:10px 0; text-align:center;font-size: 44px; font-weight: bold;}
.formQqestion input[type=checkbox],.formQqestion input[type=radio] {display:none;}
.formQqestion input ~ label {background:#fff; color:#06874f;display:inline-block; width:95%; height:;padding:7px 5px; text-align:center; box-sizing:border-box;border-radius: 10px; border:3px solid #06874f; font-size: 26px; font-weight: 900;letter-spacing: -0.125em;}
.formQqestion input:checked + label {background: #06874f; color:#fff; }
.formTable input[type=text], .formTable input[type=tel], .formTable select {height:35px; padding-left:10px; width:85%;}
.formTable input.tel, .formTable select.tel {width:25%;}
.formTable textarea {width:80%; border-radius:10px; border:2px solid #eee; height:70px; padding:7px; box-sizing: border-box;}

aside { background:#fff; width:100%; margin:0px auto 0px;}
.z99{position:relative; z-index:99;}
aside img { width:100%; }
th, td { padding:5px 10px 8px 10px; }
th {  width:26%; max-width:80px; text-align: center; padding-left:40px;font-size: 30px; }
th span {color:#e83939;}
tr td {width:100%;text-align: left;padding: 10px 10px;}
td.dbq {font-size: 0.8em;}
td.dbq label {display:inline-block;}


td input[type=text],td input[type=tel],select {border:1px solid #ccc;  height:50px; line-height: 35px; padding-left:10px;width:80%;text-align:left; font-size: 1em;}

td input[type=text2],td input[type=tel2],select {border:1px solid #ccc;  height:50px; line-height: 35px; padding-left:10px;width:24%;text-align:center;}

td input[type=radio]{text-align:left;}

td input.hp {width:26%;}
.agree {font-size: 11px;}
.dbimg {width:100%; padding:0;} .dbimg input {width:100%;}
.dbbtn {width:100%; text-align:center; padding:10px; padding-top:12px; padding-bottom:50px} .dbbtn input {width:100%;}

.result input[type=text] { width:15%; height:20px; padding:0px; background: #fff8ac; border:1px solid #ccc; border-radius:5px;}

#form_table {
	border: 6px;
    width:100%;  border-top:10px;
    box-sizing: border-box;
   background: #fff;
	
}

.form-title {
	font-size: 28px;
}
.hr{width:1px; height: 100%; color:#bdbdbd;}

#wrap{position:relative; width:100%; max-width: 820px; font-size:100%; margin:0 auto;}
#wrap .formContents{position:relative;}
.container{width:100%; margin: auto;background-color: #e6e6e6}
.img-area{position:relative; display:block;}
.img-area img{display:inline-block; width:100%; margin:0 0 0 0; text-align:center; vertical-align:top;}
.container video{display:block; width:100%;}
#footer {display:block;position:relative;margin:0 auto;max-width:980px;background-color:#252525;clear:both; width:100%;min-width:350px;margin:0 auto; z-index:999;margin-top: 11px;}
#footer p {padding:3% 0;margin:0 auto;text-align:center;font-size:0.8em;line-height:150%;color:#888;}
.aside table tr td input[type=tel],aside table tr td select {
    width: 80px
}
/* Ajax Comments */
.subscribe{background-color:#fff; padding:3% 5%;}
.subscribe .content{padding:4% 0; border-bottom:1px dashed #ccc;}
.subscribe .content:last-child{border:0 none;}
.subscribe .content div{padding:1% 0;}
.subscribe .btn_moreSubscribe{display:block; width:100%; text-align:center; padding:5px 0;}


@media screen and (max-width: 680px){
    
.formQqestion {width:90%; font-size: 12px;margin: auto; padding:0px; margin-bottom:0px;margin-top: 0px; }
.formQqestion td {padding:5px 0; width:20%;padding-bottom: 20px;}
.formQqestion th {padding:10px 0; text-align:center;font-size: 19px; font-weight: bold;}
.formQqestion input[type=checkbox],.formQqestion input[type=radio] {display:none;}
.formQqestion input ~ label {background:#fff; color:#06874f;display:inline-block; width:95%; height:40px;padding:8px 0px; text-align:center; box-sizing:border-box;border-radius: 10px; border:3px solid #06874f; font-size: 16px; font-weight: 900}
.formQqestion input:checked + label {background: #06874f; color:#fff; }
.formTable input[type=text], .formTable input[type=tel], .formTable select {height:35px; padding-left:10px; width:85%;}
.formTable input.tel, .formTable select.tel {width:25%;}
.formTable textarea {width:80%; border-radius:10px; border:2px solid #eee; height:70px; padding:7px; box-sizing: border-box;}

aside { background:#fff; width:100%; margin:0px auto 0px;}
.z99{position:relative; z-index:99;}
aside img { width:100%; }
th, td { padding:5px 10px; }
th { width:30%; max-width:90px; text-align:center; padding-left:20px;font-size: 18px; }
th span {color:#e83939;}
tr td {width:100%;text-align: left;}
td.dbq {font-size: 0.8em;}
td.dbq label {display:inline-block;}


td input[type=text],td input[type=tel],select {border:1px solid #ccc; border-radius:5px; height:35px; line-height: 35px; padding-left:10px;width:80%;text-align:left;}

td input[type=text2],td input[type=tel2],select {border:1px solid #ccc; border-radius:5px; height:35px; line-height: 35px; padding-left:10px;width:30%;text-align:center;}

td input[type=radio]{text-align:left;}

td input.hp {width:26%;}
.agree {font-size: 11px;}
.dbimg {width:100%; padding:0;} .dbimg input {width:100%;}
.dbbtn {width:100%; text-align:center; padding:10px; padding-top:12px;} .dbbtn input {width:100%;}

.result input[type=text] { width:15%; height:20px; padding:0px; background: #fff8ac; border:1px solid #ccc; border-radius:5px;}

#form_table {
	border: 6px;
    width:100%;  border-top:10px;
    box-sizing: border-box;
   background: #fff;
	
}

.form-title {
	font-size: 28px;
}
.hr{width:1px; height: 100%; color:#bdbdbd;}
}

/* Ajax Comments */
.subscribe{background-color:#fff; padding:3% 5%;}
.subscribe .content{padding:4% 0; border-bottom:1px dashed #ccc;}
.subscribe .content:last-child{border:0 none;}
.subscribe .content div{padding:1% 0;}


/* Comments */
.comments{box-sizing:border-box; width:100%; background-color:#fff; border:15px solid #000; padding:5px;}
.comments .box{box-sizing:border-box; height:1320px; overflow:hidden;}
.comments .box .cnt{display:block; font-size:100%; font-weight:bold; border-bottom:1px solid #c0c0c0; padding:5px 0 5px 5px;}
.comments .box .list{width:98%; margin:0px auto;}
.comments .box .list li{padding:4px 0; border-bottom:1px dashed #eee;}
.comments .box .list li:after{display:block; content:""; clear:both;}
.comments .box .list li span{box-sizing:border-box; display:inline-block; font-size:106%; line-height:1.2; text-align:center; vertical-align:middle;}
.comments .box .list li span:nth-of-type(1){width:24%;padding-top:15px;}
.comments .box .list li span:nth-of-type(2){width:19%;padding-top:15px;}
.comments .box .list li span:nth-of-type(3){width:16%;padding-top:15px; padding-bottom: 15px;}
.comments .box .list li span:nth-of-type(4){width:22%;}
.comments .box .list li span:nth-of-type(5){width:18%;}
.comments .box .list li span b{display:inline-block; min-width:50%; border:1px solid #000; color:#fff; font-weight:normal; padding:5px 10px; font-size:70%;}
.comments .box .list li span b.ing{background-color:#fff; color:#000;}
.comments .box .list li span b.done{background-color:#3b3939;}
.comments .btn_moreSubscribe{display:block; width:100%; text-align:center; padding:5px 0; vertical-align:middle;}
/* replys */
.replys{box-sizing:border-box; width:100%; background-color:#fff; border:15px solid #000;}
.replys .input-area{width:100%; background-color:#d0d0d0;}
.replys .input-area table{width:95%; margin:0 auto; padding:10px 0 10px;}
.replys .input-area table tr td:nth-of-type(1){width:80%;}
.replys .input-area table tr td:nth-of-type(2){width:20%;}
.replys .input-area table tr td input.reply_input{width:100%; height:55px; box-shadow:1px 0 1px 1px #a3a3a3 inset; border:none; font-size:110%; background-color:#fff; padding-left:10px;}
.replys .input-area table tr td input[type="image"]{width:100%;}
.replys .box{box-sizing:border-box; height:150px; overflow:hidden; text-align:center; padding-top:2%;}
.replys .box .cnt{display:block; font-size:100%; font-weight:bold; border-bottom:1px solid #c0c0c0; padding:5px 0 5px 5px;}
.replys .box .list{width:95%; margin:0px auto;}
.replys .box .list li{padding:4px 0; border-bottom:1px solid #eee;}
.replys .box .list li:after{display:block; content:""; clear:both;}
.replys .box .list li span{box-sizing:border-box; display:inline-block; font-size:106%; line-height:1.2; text-align:center; vertical-align:middle;}
.replys .box .list li span:nth-of-type(1){width:28%; font-weight: bolder; letter-spacing:-1px;}
.replys .box .list li span:nth-of-type(2){width:68%; text-align:left;}

@media screen and (max-width: 680px){
    .comments{box-sizing:border-box; width:100%;height:1050px; background-color:#fff; border:15px solid #000; padding:5px;}
    
.comments .box{box-sizing:border-box; height:1080px; overflow:hidden;}
.comments .box .cnt{display:block; font-size:100%; font-weight:bold; border-bottom:1px solid #c0c0c0; padding:5px 0 5px 5px;}
.comments .box .list{width:98%; margin:0px auto;}
.comments .box .list li{padding:4px 0; border-bottom:1px dashed #eee;}
.comments .box .list li:after{display:block; content:""; clear:both;}
.comments .box .list li span{box-sizing:border-box; display:inline-block; font-size:106%; line-height:1.2; text-align:center; vertical-align:middle;}
.comments .box .list li span:nth-of-type(1){width:44%;padding-top:15px;}
.comments .box .list li span:nth-of-type(2){width:39%;padding-top:15px;}
.comments .box .list li span:nth-of-type(3){width:33%;padding-top:15px; padding-bottom: 15px;}
.comments .box .list li span:nth-of-type(4){width:22%;}
.comments .box .list li span:nth-of-type(5){width:18%;}
.comments .box .list li span b{display:inline-block; min-width:50%; border:1px solid #000; color:#fff; font-weight:normal; padding:5px 10px; font-size:70%;}
.comments .box .list li span b.ing{background-color:#fff; color:#000;}
.comments .box .list li span b.done{background-color:#3b3939;}
.comments .btn_moreSubscribe{display:block; width:100%; text-align:center; padding:5px 0; vertical-align:middle;}
/* replys */
.replys{box-sizing:border-box; width:100%; background-color:#fff; border:15px solid #000;}
.replys .input-area{width:100%; background-color:#d0d0d0;}
.replys .input-area table{width:95%; margin:0 auto; padding:10px 0 10px;}
.replys .input-area table tr td:nth-of-type(1){width:80%;}
.replys .input-area table tr td:nth-of-type(2){width:20%;}
.replys .input-area table tr td input.reply_input{width:100%; height:55px; box-shadow:1px 0 1px 1px #a3a3a3 inset; border:none; font-size:110%; background-color:#fff; padding-left:10px;}
.replys .input-area table tr td input[type="image"]{width:100%;}
.replys .box{box-sizing:border-box; height:150px; overflow:hidden; text-align:center; padding-top:2%;}
.replys .box .cnt{display:block; font-size:100%; font-weight:bold; border-bottom:1px solid #c0c0c0; padding:5px 0 5px 5px;}
.replys .box .list{width:95%; margin:0px auto;}
.replys .box .list li{padding:4px 0; border-bottom:1px solid #eee;}
.replys .box .list li:after{display:block; content:""; clear:both;}
.replys .box .list li span{box-sizing:border-box; display:inline-block; font-size:106%; line-height:1.2; text-align:center; vertical-align:middle;}
.replys .box .list li span:nth-of-type(1){width:28%; font-weight: bolder; letter-spacing:-1px;}
.replys .box .list li span:nth-of-type(2){width:68%; text-align:left;}
}
    
@media screen and (max-width: 540px){
	.formQqestion input ~ label {font-size: 14px;  border: 2px solid #06874f;}
}

@media screen and (max-width: 400px){
	.formQqestion input ~ label {font-size: 13px; padding:10px 0;}
}