.quick_head {margin-bottom:12px;}
p.read{margin-bottom:24px; font-size:15px;}
p.read a{color:#ff9c00; text-decoration:underline;}
.quick_head a{color: #f7898a;font-size: 20px;border-bottom: 2px solid #f7898a; display:block; font-weight:bold;}
.quick_head a:hover{text-decoration:none;}
.txt_link{padding:0 10px; margin-bottom: 25px; text-align:center;}
.txt_link a{background: #fff0f0;display: inline-block;padding: 10px;text-decoration: none;color: #444;border: 1px solid #f7898a;border-radius: 3px;}
.quick_head a img{width:90px; margin-bottom:5px;}
.top_blandpanel{display:none;}
span.theme{font-size: 15px!important;color: #333!important; display:inline-block!important; margin-left:8px;}
span.theme span{background: #FDD4D4;padding: 2px 5px;color: #737373;margin-right: 5px;font-size: 11px;border-radius: 5px;font-weight: bold;position: relative;top: -2px;}
.quick h1{font-size:28px;}
.quick .quick_head h1{font-size:20px;}
.vote_end{
  text-align: center;
  margin-top: 30px;
  font-weight: bold;
  color: #f7898a;
}
.question_result div{margin:0 auto;}
.quick_head p{border: 5px solid #B9DCDC; padding:10px;margin: 10px 0 20px 0;}
.icon_babycome1 { width: 80px; height: 36px; margin: 5px 0 0 5px; fill: #f7898a; overflow: hidden; }
span.caption{display: block; margin-top:10px;text-align: right;color: #8C8C8C;}
.quick_cont_middle{padding: 8px 16px;}
.question_box textarea{padding:0; border:none; width:auro; width:100%;}
.comment_form {
  border: 1px solid #ddd;
  padding: 5px 10px;
  background: #feffe4;
  border-radius: 5px;
}
.comment_box{max-width:480px; margin:0 auto;}
textarea{border:none; width:100%;background: transparent;height: 70px;}
.vote_btn a{
  cursor: pointer;
  border-radius: 3px;
  background: #ef8b3f;
  display: block;
  max-width: 300px;
  line-height: 48px;
  margin: 20px auto 24px auto;
  text-align: center;
  color: #fff;
  font-size: 18px;
  border-bottom: 3px solid #ccc;
}
.vote_btn a:hover{text-decoration:none; color:#fff;}
.question_box {
  text-align: center;
  margin: 24px 0;
}
input[type=radio], input[type=checkbox] {display: none;}
input[type="radio"] + label.yes {display:inline-block;cursor:pointer;width: 250px;border: 1.5px solid #FF6767;font-size: 32px;color: #ff6768;border-radius: 6px;}
input[type="radio"]:checked + label.yes {display:inline-block;cursor:pointer;width: 250px;background: #FF6767;color: #fff;font-size: 32px;border-radius: 6px;}
input[type="radio"] + label.no {display:inline-block;cursor:pointer;width: 250px;margin-left: 18px;border: 1.5px solid #0099ff;font-size: 32px;color: #09f;border-radius: 6px;}
input[type="radio"]:checked + label.no {display:inline-block;cursor:pointer;width: 250px;margin-left: 18px;background: #0099ff;color: #fff;font-size: 32px;border-radius: 6px;}
h3.member_comment {
  border-bottom: 3px dashed #f7898a;
  color: #f7898a;
  font-size: 18px!important;
  letter-spacing: 2px;
  line-height: 36px;
  margin: 0 auto 8px auto;
  text-align: center;
  width: 200px;
  padding:16px 0 0 0;
}
.footer_wrap{background: #ECE6E2;padding: 0 0 10px 0;}
#more_list img{margin:10px;}
#more_list{background: #fff; text-align:center;}
#more_list span{
  border-top: 1px solid #ddd;
  cursor: pointer;
  display: block;
  font-size: 16px;
  text-decoration: none;
  color: #333;
  text-align: center;
  line-height: 56px;
}
#more_list span i {font-size:24px; margin-right:8px; position:relative; top:2px;}
.visitor li:nth-child(5),.visitor li:nth-child(6),.visitor li:nth-child(7),.visitor li:nth-child(8),.visitor li:nth-child(9),.visitor li:nth-child(10){display:none;}
p.more_visitor{text-align:center; padding:0 10px 20px 10px;}
.more_visitor a{color:#F28C00; text-decoration:underline;}
.archive_link a{
  text-align: center;
  display: block;
  background: #ef8b3f;
  font-size: 16px;
  border-radius: 6px;
  border-bottom: 3px solid #ccc;
  text-decoration: none;
  color: #fff;
  position: relative;
  max-width: 400px;
  width: 90%;
  line-height: 48px;
  margin:24px auto 16px auto;
  }
.archive_link a i{
  position: absolute;
  left: 35px;
  top: 11px;
  font-size: 25px;
}
#item_list li:last-child{border:none;}

.yesno{position: absolute;width: 30px!important;border-radius: 5px;height: 26px;line-height: 26px;text-align: center;padding: 0 5px;margin-right: 5px;left: 10px;}
.no_table span.yesno{
  background: #20a1ff;
  color: #fff;
  border-radius: 13pxpx;
}
.yes_table span.yesno{
  background: #ff6768;
  color: #fff;
}
.no_table span.comment,.yes_table span.comment{margin-left: 40px; font-size:15px; color:#333; margin-bottom:8px;}
div.question_result{overflow:hidden;}

.comment_spec{color:#999; font-size: 11px; text-align:right;}
.comment_spec span.nickname,.comment_spec span.date{display:inline-block; margin-left:8px;}
.comment_spec span{display:inline-block;}
.point_wrap{margin: 10px 10px 20px 10px;background:#f1f1f1;padding: 10px;}
.point_wrap h3{margin-bottom:16px;color: #F36C60;}
.quick_archive{background: #f3eee8; padding:16px; margin-bottom:24px;}
.quick_archive p{font-size:16px; margin-bottom:8px;}
.quick_archive_wrap{ background:#fff;}
.quick_archive li{padding:8px 16px; border-bottom:1px solid #ddd; position:relative;}
.quick_archive li a:hover span.button_enq{background:#EC822F;}
.quick_archive li span.button_enq{font-size: 15px;position:absolute;bottom:16px;right:16px;background:#ef8b3f;line-height:40px;padding:0 16px;color:#fff;border-radius:3px;box-shadow:0 3px 0 #ccc;}
.quick_archive li span.button_enq i{margin-right:8px;font-size:20px;}
.quick_archive li span.button_enq i:before{position:relative;top:2px;}
.quick_archive .more_archive{margin-top:0!important;}
.enq_link{text-align:center; margin:12px 0;}
.enq_link a{margin-right:6px;}
.enq_link a:last-child{margin-right:0;}
.enq_link a.enq_open{font-size: 15px;background:#ef8b3f;line-height:40px;padding:0 16px;color:#fff;border-radius:3px;box-shadow:0 3px 0 #ccc; display:inline-block; margin-top:8px;}
.enq_link a.enq_open:hover{background:#EC822F;}
.enq_link a.enq_news{font-size: 15px;background:#64c1b4;line-height:40px;padding:0 16px;color:#fff;border-radius:3px;box-shadow:0 3px 0 #ccc; display:inline-block; margin-top:8px;}
.enq_link a.enq_news:hover{background}
.enq_link a i:before{position: relative; top: 0; margin-right:8px; font-size:16px;}


.quick_archive li a:hover.button_news{background:#6eb9ae;}
.quick_archive li a.button_news{font-size: 12px;position:absolute;bottom:16px;right:120px;background:#64c1b4;line-height:32px;padding:0 8px;color:#fff;border-radius:3px;box-shadow:0 3px 0 #ccc;}
.quick_archive li a.button_news i{margin-right:8px; font-size:16px;}
.quick_archive li a.button_news i:before{position:relative; top:2px;}


.quick_archive li a:hover span.button_end_enq{background:#ef7475;}
.quick_archive li span.button_end_enq{font-size: 12px;position:absolute;bottom:16px;right:16px;background:#f7898a;line-height:32px;padding:0 8px;color:#fff;border-radius:3px;box-shadow:0 3px 0 #ccc;}
.quick_archive li span.button_end_enq i{margin-right:8px; font-size:16px;}
.quick_archive li span.button_end_enq i:before{position:relative; top:2px;}


.quick_archive li:last-child{border:none;}
.quick_archive a h2,.quick_archive a h3{text-decoration: underline!important; font-weight:normal;}
.quick_archive a h2,
.quick_archive p.hosoku{padding-right:140px;}

.quick_archive a:hover h2,.quick_archive a:hover h3{color:#ff9c00!important;}
.quick_archive h2{font-size: 20px; margin-bottom:8px;}
.quick_archive h3{font-size: 15px;}
.quick_archive span{font-size:12px; display: inline-block; color:#999;}
.point_wrap{font-size:12px;}
.point_wrap a{display:block; text-align:right;color: #F18B00; text-decoration:underline; margin-top:20px;}
.onregist_wrap{margin: 20px 40px;}
.login_submit{float:left; width:50%; padding:0;}
.login_submit a{font-weight:bold; display:block;margin: 0 5px 0 0; line-height:48px; background:#f1f1f1; text-align:center; border-radius:5px; background: #F18B00; box-shadow: 0 3px 0 #955600; color:#fff!important;font-size: 15px;}
.login_submit a:hover{color:#fff!important; text-decoration:none;}
.regist_box{float:left; width:50%; padding:0; margin-top:0;}
.regist_box a{font-weight:bold; display:block;margin: 0 0 0 5px;line-height:48px; background:#f1f1f1; text-align:center; border-radius:5px;background: #F36C60; box-shadow: 0 3px 0 #955600; color:#fff!important;font-size: 15px;}
.regist_box a:hover{color:#fff!important; text-decoration:none;}
.ac a{border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.advice_wrap{margin-top:24px;}
@media screen and (max-width: 900px) {.container{width:100%;}
.main_content{width:60%;}
.side_content{width:40%;}
}
@media screen and (max-width:670px){
.quick .quick_head h1{padding-bottom:6px!important;}
.open_ribbon:after{right:-1px!important;}
.close_ribbon:after{right:-1px!important;}
.question_result div canvas{
  position:relative;
}
#more_list span i{top:3px;}
.top_wrap{margin-bottom:3px!important;}
.bottom_open span{display:block;}
.no_table span.comment, .yes_table span.comment{margin-left:45px;}
.pc{display:none!important;}
.quick_head a img{float:left;}
.archive_link a{font-size: 15px;padding: 15px;margin-top: 18px;line-height: 1.5;margin-left: 3px;margin-right: 3px;}
.yesno{font-size:12px; height:20px; line-height:20px;}
#more_list span{font-size:14px; border:none;}
#more_list{margin:0;}
.onregist_wrap{margin: 20px 0;}
.icon_babycome1{width:52px; height:24px; margin:0;}
.quick_head p{font-size:12px;}
.quick_head a span{display:block;font-size: 12px;}
.main_content{width:100%; float:none;}
.side_content{width:100%; float:none;}
.archive_link{text-align:center;}
textarea {font-size:14px;}
span.caption{font-size:12px;}
#item_list,#item_list2 { padding: 0 8px; }
span.theme{
    display: block!important;
    margin-top: 12px;
}
h3.member_comment{
    font-size: 18px!important;
}
.quick_archive a h2, .quick_archive p.hosoku{
    padding-right: 0px;
}
.quick_archive li span.button_enq{
    position: static;
    text-align: center;
    margin-top: 12px;
    margin-bottom: 12px;
    line-height:48px;
    font-size: 20px;
  width: 100%;
  box-sizing: border-box;
}
.quick_archive a h2{
    font-weight: bold;
    font-size: 21px;
    margin-top: 6px;
}
.quick_archive a h3{
  font-weight: bold;
  font-size: 18px;
  margin-top: 6px;
  margin-bottom:6px;
}
.quick_cont_middle{padding:8px;}
.quick_archive li span.button_end_enq{
  position:static;
  padding:0;
  width:50%;
  text-align:center;
  line-height:40px;
}
.enq_link{margin-right:0;}
.quick_archive li a.button_news{
  position:absolute;
  right:0;
  padding:0;
  bottom:16px;
  width:50%;
  text-align:center;
  line-height:40px;
}

.quick_archive li span.button_end_enq,
.quick_archive li a.button_news{
  width:48%;
  font-size:14px;
}

.quick_archive li span.button_end_enq i:before,
.quick_archive li a.button_news i:before{top:0;}

.quick_archive span{
    font-size: 13px;
}
.quick_archive span.simekiri{
  margin-bottom:8px;
}

.more_archive a{
    width: 100%!important;
    height: 50px!important;
    line-height: 50px!important;
    font-size: 16px !important;
}
.quick_archive{
    padding: 3px;
    background: #e9e9e9;
}
.vote_btn a{
    padding: 9px;
    font-size: 20px;
}
.no_table span.yesno{
    background: #20a1ff;
    color: #fff;
    padding: 3px;
    border-radius: 13pxpx;
    margin-left: -9px;
}
.yes_table span.yesno{
    background: #ff6768;
    color: #fff;
    padding: 3px;
    margin-left: -9px;
}
.quick_archive li{
    padding: 10px 0 8px 0;
}
#item_list p.comment{}
.archive_link a i{
    top: 14px;
}
.quick h1{font-size:22px;}
.float_button_end_enq{
    margin: 0 auto 8px auto;
}
.quick_cont_comment .more,.more_archive{border-top:1px solid #ddd!important;}
.quick_archive li span.button_enq i:before{top:-1px;}
.enq_link a.enq_open{width:90%; margin:16px 10% 8px 5%; text-align:center; padding:0;}
.enq_link a.enq_news{width:90%; margin:8px 5%; text-align:center; padding:0;}
.quick_archive .archive_link{margin:16px 8px!important; width:auto;}
}
@media screen and (max-width:400px){
.point_wrap{margin: 20px 0 0 0;}
.comment_box{margin:0;}
input[type="radio"]:checked + label.yes {width: 115px;background-size:80px;padding: 9px;}
input[type="radio"] + label.yes{width: 115px;background-size:80px;padding: 9px;}
input[type="radio"] + label.no{width: 115px;background-size:80px;padding: 9px;margin-left: 3px;}
input[type="radio"]:checked + label.no {width: 115px;background-size:80px;padding: 9px;margin-left: 3px;}
}

.more_archive {
  text-align: center;
  margin:24px 0 16px 0;
}
.more_archive a{
  font-size: 15px;
  max-width: 400px;
  width: 90%;
  margin: 0 auto;
  background-color: #fff;
  color: #333!important;
  line-height: 1;
  text-decoration: none;
  letter-spacing: 0.05em;
  padding: 0;
  height: 48px;
  line-height: 48px;
  border-radius: 30px;
  cursor: pointer;
  display: block;
  position: relative;
  box-sizing: border-box;
  box-shadow: 0 3px 0px #ddd;
}
.more_archive a:hover{
  background:#fafafa;
}

.more_archive a i {
  position: absolute;
  left: 35px;
  top: 12px;
  font-size: 25px;
}

.open_ribbon {
  display: inline-block;
  position: relative;
  height: 40px;
  line-height: 40px;
  text-align: center;
  padding: 4px 8px 4px 0;
  font-size: 18px;
  background: #acd879;
  color: #333;
  box-sizing: border-box;
  width:100%;
  max-width:140px;
  margin-top:10px;
}

.open_ribbon h3 {
  margin: 0;
  padding: 0 10px;
  border-top: dashed 2px rgba(255, 255, 255, 0.5);
  border-bottom: dashed 2px rgba(255, 255, 255, 0.5);
  line-height: 28px;
}

.open_ribbon:before, .open_ribbon:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}


.open_ribbon:after {
  /*蜿ｳ縺ｮ螻ｱ蠖｢*/
  top: 0;
  right: 0;
  border-width: 20px 15px 20px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}


.close_ribbon {
  display: inline-block;
  position: relative;
  height: 40px;
  line-height: 40px;
  text-align: center;
  padding: 4px 8px 4px 0;
  font-size: 18px;
  background: #ccc;
  color: #333;
  box-sizing: border-box;
  width:100%;
  max-width:140px;
  margin-top:10px;
}

.close_ribbon h3 {
  margin: 0;
  padding: 0 10px;
  border-top: dashed 2px rgba(255, 255, 255, 0.5);
  border-bottom: dashed 2px rgba(255, 255, 255, 0.5);
  line-height: 28px;
}

.close_ribbon:before, .close_ribbon:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}


.close_ribbon:after {
  /*蜿ｳ縺ｮ螻ｱ蠖｢*/
  top: 0;
  right: 0;
  border-width: 20px 15px 20px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}

.quick_cont_head p.hosoku{padding-right:0!important;}
#item_list p.comment{
  padding-left: 40px;
  margin-bottom:8px;
}
.top_wrap{
  margin-bottom:24px;
}
