.display_no_class {display:none;}

#diag_page input,
#diag_page textarea,
#diag_page select {font-family:inherit; font-size:inherit; font-weight:inherit;}


#diag_page {background-color:#feefef;}
#diag_con {max-width:1020px; padding:60px 20px 30px 20px; margin:0 auto;}

#diag_page #diag_page_lead {text-align:center; padding-bottom:50px;}
#diag_page #diag_page_lead h2 { color:#df0722;}

#diag_page form#diag_form #q01_box,
#diag_page form#diag_form #q02_box,
#diag_page form#diag_form #q03_box,
#diag_page form#diag_form #q04_box {padding:60px 0 30px 0;}
#diag_page form#diag_form .qbox {font-size:0; line-height:0; text-align:center; border:4px solid #df0722; padding:60px 40px 40px 40px; position:relative; margin:0 0 0 0; background-color:#FFF;
border-radius:20px;
-webkit-border-radius:20px;/* for Safari and Chrome */
-moz-border-radius:20px; /* for Firefox */
-o-border-radius:20px; /* for opera */
behavior: url('../../common/border-radius.htc');/* for IE */
}

#diag_page form#diag_form .qbox .h2_qnum {position:absolute; top:-52px; left:50%; text-align:center; display:block;}
#diag_page form#diag_form .qbox .h2_qnum h2 {position:absolute; top:0; font-size:36px; font-size:3.6rem; line-height:100px; color:#FFF; background-color:#df0722; width:100px; height:100px; margin:0 0 0 -50px; display:table-cell; vertical-align:middle;
border-radius:50px;
-webkit-border-radius:50px;/* for Safari and Chrome */
-moz-border-radius:50px; /* for Firefox */
-o-border-radius:50px; /* for opera */
behavior: url('../../common/border-radius.htc');/* for IE */
}
#diag_page form#diag_form .qbox h3 {font-size:28px; font-size:2.8rem; line-height:1.4; color:#df0722; padding-bottom:40px;}
#diag_page form#diag_form .qbox label {cursor:pointer; display:inline-block; text-align:center; line-height:1; width:28%; margin:0 2.5%; vertical-align:top;}
#diag_page form#diag_form .qbox input,
#diag_page form#diag_form .qbox button {-moz-appearance:none; background:rgba(0, 0, 0, 0) none repeat scroll 0 0; border:medium none; border-radius:0; outline:medium none; padding:0;}
#diag_page form#diag_form .qbox input[type="radio"] {left:0; margin:0; opacity:0; padding:0; position:absolute; top:0;}
#diag_page form#diag_form .qbox label img {border:3px solid #ececec;
border-radius:10px;
-webkit-border-radius:10px;/* for Safari and Chrome */
-moz-border-radius:10px; /* for Firefox */
-o-border-radius:10px; /* for opera */
behavior: url('../../common/border-radius.htc');/* for IE */
}
#diag_page form#diag_form .qbox label h4 {font-size:16px; font-size:1.6rem; line-height:1.2; padding:10px 0;}
#diag_page form#diag_form .qbox label.checked img {border:3px solid #df0722;}
/* #diag_page form#diag_form .qbox label.checked img {border:3px solid #dc8792;} */
#diag_page form#diag_form .qbox label.nochecked img,
#diag_page form#diag_form .qbox label.nochecked h4 {
opacity: .6; /* Standard: FF gt 1.5, Opera, Safari */
filter: alpha(opacity=60); /* IE lt 8 */
-ms-filter: "alpha(opacity=60)"; /* IE 8 */
-khtml-opacity: .6; /* Safari 1.x */
-moz-opacity: .6; /* FF lt 1.5, Netscape */
}






#diag_page #ans_area {background:url(../../../images/products/babycar/select_diag/answer_arrowbg.gif) center top no-repeat #FFF; padding-top:40px;}
#diag_page #ans_conta { max-width:1020px; margin:0 auto; padding:60px 20px 80px 20px;}

.answer_title_area {text-align:center;}
p.answer_title_lead {font-size:28px; font-size:2.8rem; line-height:1.4; padding-bottom:40px;}
.answer_title_area h2 {font-size:10px; font-size:1.0rem; line-height:1; padding-bottom:60px;}
.answer_title_area h2 img {width:100%; max-width:480px;}
.answer_2col_left,
.answer_2col_right {}
.answer_2col_left {width:54%; float:left;}
.answer_2col_right {width:42%; float:right;}
.answer_2col_left img {border:3px solid #ccc;
border-radius:20px;
-webkit-border-radius:20px;/* for Safari and Chrome */
-moz-border-radius:20px; /* for Firefox */
-o-border-radius:20px; /* for opera */
behavior: url('../../common/border-radius.htc');/* for IE */
}
.answer_2col_right p {font-size:16px; font-size:1.6rem; line-height:1.5; color:#555; padding-bottom:50px;}
.answer_2col_right_inner {display:table-cell; vertical-align:middle;}

#answer01_con .answer_2col_left img {border:3px solid #448cbd;}
#answer02_con .answer_2col_left img {border:3px solid #c3a75e;}
#answer03_con .answer_2col_left img {border:3px solid #6fac4b;}



/* リンクボタン */
.answer_link_btn {max-width:320px; background:url(../../../images/common/icon/category_btn_arrow.png) right center no-repeat #FFF; padding-right:0; text-align:center; border:2px solid #CCC;
border-radius:10px;
-webkit-border-radius:10px;/* for Safari and Chrome */
-moz-border-radius:10px; /* for Firefox */
-o-border-radius:10px; /* for opera */
behavior: url('border-radius.htc');/* for IE */
}
.answer_link_btn.firstbtn {margin-bottom:20px;}
.answer_link_btn:hover {
opacity: .8; /* Standard: FF gt 1.5, Opera, Safari */
filter: alpha(opacity=80); /* IE lt 8 */
-ms-filter: "alpha(opacity=80)"; /* IE 8 */
-khtml-opacity: .8; /* Safari 1.x */
-moz-opacity: .8; /* FF lt 1.5, Netscape */}
.answer_link_btn a,
.answer_link_btn a:visited,
.answer_link_btn a:hover {width:600px; height:54px; padding:0 15% 0 5%; color:#444; font-size:14px; font-size:1.4rem; font-weight:bold; display:table-cell; vertical-align:middle; text-align:center; text-decoration:none;}

#ans_banner_area {background-color:#feefef; width:100%; text-align:center;}
#ans_banner_con,
#ans_banner_con02 {max-width:1020px; padding:40px 0; margin:0 auto;}
#ans_banner_con ul,
#ans_banner_con02 ul {font-size:0; line-height:0;}
#ans_banner_con li {font-size:10px; font-size:1rem; line-height:1; display:inline-block; width:46%; margin:0 2%; padding:0;}
#ans_banner_con02 li {font-size:10px; font-size:1rem; line-height:1; display:inline-block; width:25%; margin:0; padding:0 2%;}
#ans_banner_con li img,
#ans_banner_con02 li img {border:3px solid #ccc;
border-radius:20px;
-webkit-border-radius:20px;/* for Safari and Chrome */
-moz-border-radius:20px; /* for Firefox */
-o-border-radius:20px; /* for opera */
behavior: url('../../common/border-radius.htc');/* for IE */
}



#ans_banner_con li ul li.typec_banner {width:50%; margin:0; padding-right:4%; display:inline-block;}
#ans_banner_con li ul li.typeb_banner {width:50%; margin:0; padding-left:4%; display:inline-block;}

/*!------------------------------------*\
    Smartphone
\*!------------------------------------*/
@media screen and (max-width: 641px) {
#diag_con {max-width:1020px; padding:40px 20px 30px 20px; margin:0 auto;}

#diag_page #diag_page_lead {text-align:center; padding-bottom:10px;}
#diag_page #diag_page_lead h2 { color:#df0722;}

#diag_page form#diag_form #q01_box,
#diag_page form#diag_form #q02_box,
#diag_page form#diag_form #q03_box,
#diag_page form#diag_form #q04_box {padding:60px 0 20px 0;}
#diag_page form#diag_form .qbox {padding:50px 20px 0 20px;margin:0;}

#diag_page form#diag_form .qbox .h2_qnum {position:absolute; top:-42px; left:50%; text-align:center; display:block;}
#diag_page form#diag_form .qbox .h2_qnum h2 {font-size:28px; font-size:2.8rem; line-height:80px; width:80px; height:80px; margin:0 0 0 -40px;
border-radius:40px;
-webkit-border-radius:40px;/* for Safari and Chrome */
-moz-border-radius:40px; /* for Firefox */
-o-border-radius:40px; /* for opera */
behavior: url('../../common/border-radius.htc');/* for IE */
}
#diag_page form#diag_form .qbox h3 {font-size:20px; font-size:2.0rem; line-height:1.4; color:#df0722; padding-bottom:20px;}
#diag_page form#diag_form .qbox label {cursor:pointer; display:block; width:100%; margin:0 0 20px 0;}
#diag_page form#diag_form .qbox label h4 {font-size:16px; font-size:1.6rem; line-height:1.2; padding:10px 0 0 0;}




#diag_page #ans_area {background:url(../../../images/products/babycar/select_diag/answer_arrowbg_sp.gif) center top no-repeat #FFF; padding-top:30px;}
#diag_page #ans_conta {padding:20px 20px 40px 20px;}
p.answer_title_lead {font-size:18px; font-size:1.8rem; padding-bottom:20px;}
.answer_title_area h2 {padding-bottom:30px;}
.answer_2col_left,
.answer_2col_right {width:100%; float:none;}
.answer_2col_left {padding-bottom:20px;}
.answer_2col_right p {padding-bottom:20px;}

#ans_banner_con {padding:40px 20px 20px 20px;}
#ans_banner_con li {display:block; width:100%; margin:0; padding:0 0 20px 0;}
#ans_banner_con li ul li.typec_banner {width:50%; margin:0; padding-right:10px; display:inline-block;}
#ans_banner_con li ul li.typeb_banner {width:50%; margin:0; padding-left:10px; display:inline-block;}
#ans_banner_con02 {padding:40px 10px 20px 10px;}
#ans_banner_con02 li {display:inline-block; width:50%; margin:0; padding:0 10px 20px 10px;}


.answer_link_btn {max-width:100%; width:100%;}

}