@charset "utf-8";
/* reset */

.onlyPc { display:block!important; }
.onlySp { display:none!important; }
.ov { position:absolute; top:0; left:0; opacity:0; }

/* main */

#wrapperAll { /*background:url("../IMAGES/_atari_k1.jpg") 50% 16px no-repeat;*/ }

#content div { display:block; }

#content { position:relative; width:100%; min-width:960px; }
#top_inner,
#counseling { position:relative; width:100%; min-width:960px; }

#counseling { background-color:#f4f4f4; padding-bottom:40px; }

#content .content { width:700px; height:auto; position:relative; margin:0 auto; }


#content #ttlset { position:relative; height:151px; display:block; margin-top:10px; }
#content #ttlset #ttl1 { position:absolute; top:40px; left:118px; }
#content #ttlset #ttl2 { position:absolute; top:79px; left:81px; }

#content #startset { position:relative; height:198px; display:block; }
#content #startset #start_txt { position:absolute; top:16px; left:17px; }
#content #startset #start_chara1 { position:absolute; top:0px; left:475px; }

#content #kekka_ttl { text-align:center; margin-left:-42px; display:none; }
#content #kekka_ttl img { margin:0 auto; }

#content #copybloc { position:relative; z-index:101; }
#content #copybloc #start_chara2 { margin:0 0px 0px 41px; }
#content #copybloc #start_chara2 img { margin-top:-14px; }
#content #copybloc #start_arrow { position:absolute;top:0; left:50%; margin-left:-30px; }

#content #mainbox { margin-top:-17px; position:relative; z-index:100; }

#content .que_img { position:relative; width:702px; height:733px; }
#content #que_img1 { display:block; background:url("../IMAGES/q1_img.jpg") no-repeat; }
#content #que_img2a { display:block; background:url("../IMAGES/q2a_img.jpg") no-repeat; }
#content #que_img2b { display:block; background:url("../IMAGES/q2b_img.jpg") no-repeat; }
#content #que_img3a { display:block; background:url("../IMAGES/q3a_img.jpg") no-repeat; }
#content #que_img3b { display:block; background:url("../IMAGES/q3b_img.jpg") no-repeat; }
#content #que_img3c { display:block; background:url("../IMAGES/q3c_img.jpg") no-repeat; }

#content .btn_yesno { width:617px; height:147px; position:absolute; bottom:75px; left:50%; margin-left:-309px; }
#content .btn_yes { position:relative; width:617px; height:64px; }
#content .btn_no { position:relative; width:617px; height:64px; margin-top:20px; }

#content .ynbtn { opacity:0; }
#content .ynbtn img { display:block; }
#content .ynbtn .onlyPc { position:absolute; top:0; left:0; }

#content .que { display:none; margin:0 auto 80px auto; }
#content .ans { display:none; margin:0 auto 0 auto; }


#content .ans_tset { position:relative; height:471px; background-color:#fff; }
#content .ans_tset .ans_ttl { display:block; position:absolute; top:-16px; left:39px; }
#content .ans_pick .ans_huk { display:block; position:absolute; top:-16px; left:108px; }
#content .ans_tset .ans_rback { position:absolute; top:0; left:0; width:100%; height:148px; background-color:#c71444; }

#content .ans_pick { position:relative; height:280px; background-color:#fff; }
#content .ans_pick .ans_pick_inner { position:absolute; top:0; left:30px; width:628px; height:239px; border:5px solid #eeeeee; }

#content #ans1 .ans_tset .ans_t1 { position:absolute; top:51px; left:50px; }
#content #ans1 .ans_tset .ans_t2 { position:absolute; top:171px; left:33px; }
#content #ans1 .ans_tset .ans_illust { position:absolute; top:13px; left:357px; }
#content #ans1 .ans_tset .ans_car_detail { position:absolute; top:292px; left:30px;  }

#content #ans1 .ans_pick .ans_car { position:absolute; top:50px; left:25px;  }
#content #ans1 .ans_pick .btn_viewmore { position:absolute; top:146px; left:309px;  }

#content #ans2 .ans_tset .ans_t1 { position:absolute; top:51px; left:50px; }
#content #ans2 .ans_tset .ans_t2 { position:absolute; top:171px; left:33px; }
#content #ans2 .ans_tset .ans_illust { position:absolute; top:30px; left:340px; }
#content #ans2 .ans_tset .ans_car_detail { position:absolute; top:268px; left:30px;  }

#content #ans2 .ans_pick .ans_car { position:absolute; top:50px; left:25px;  }
#content #ans2 .ans_pick .btn_viewmore { position:absolute; top:146px; left:309px;  }

#content #ans3 .ans_tset .ans_t1 { position:absolute; top:51px; left:50px; }
#content #ans3 .ans_tset .ans_t2 { position:absolute; top:171px; left:33px; }
#content #ans3 .ans_tset .ans_illust { position:absolute; top:33px; left:356px; }
#content #ans3 .ans_tset .ans_car_detail { position:absolute; top:268px; left:30px;  }

#content #ans3 .ans_pick .ans_car { position:absolute; top:50px; left:22px;  }
#content #ans3 .ans_pick .btn_viewmore { position:absolute; top:146px; left:309px;  }

#content #ans4 .ans_tset .ans_t1 { position:absolute; top:51px; left:50px; }
#content #ans4 .ans_tset .ans_t2 { position:absolute; top:171px; left:33px; }
#content #ans4 .ans_tset .ans_illust { position:absolute; top:16px; left:318px; }
#content #ans4 .ans_tset .ans_car_detail { position:absolute; top:292px; left:30px;  }

#content #ans4 .ans_pick .ans_car { position:absolute; top:45px; left:11px;  }
#content #ans4 .ans_pick .btn_viewmore { position:absolute; top:146px; left:309px;  }

#content #ans5 .ans_tset .ans_t1 { position:absolute; top:51px; left:50px; }
#content #ans5 .ans_tset .ans_t2 { position:absolute; top:171px; left:33px; }
#content #ans5 .ans_tset .ans_illust { position:absolute; top:0px; left:333px; }
#content #ans5 .ans_tset .ans_car_detail { position:absolute; top:268px; left:30px;  }

#content #ans5 .ans_pick .ans_car { position:absolute; top:50px; left:20px;  }
#content #ans5 .ans_pick .btn_viewmore { position:absolute; top:146px; left:309px;  }


#loader { width:702px; position:relative; text-align:center; margin:-17px auto 97px auto; }
#ldcircle { position:absolute; top:50%; left:50%; margin:-16px 0 0 -16px; }


#content .retry { display:none; margin:0 auto; width:700px; height:102px; margin-bottom:50px; background-color:#f4f4f4; padding-top:27px; }
#content .btn_retry { position:relative; width:290px; margin:0 auto 23px auto; }
#content .btn_fb { position:relative; float:left; display:inline-block; margin-right:20px; margin-left:49px; }
#content .btn_tw { position:relative; float:left; display:inline-block; }




@media only screen and (max-width: 768px) {

.onlyPc { display:none!important; }
.onlySp { display:block!important; }

#social { position:relative; }

#content,#counseling,.content,#top_inner, #counseling { min-width:320px; max-width:1024px; }

#content p { font-size:16px!important; line-height:34px; }
#content img { display:block; width:100%; max-width:100%; }

#content .ynbtn { opacity:1; }

#content { clear:both; position:relative; width:100%; min-width:inherit; padding-bottom:0; }
#counseling { position:relative; width:100%; }
#counseling { background-color:inherit; padding-bottom:2%; margin-top:-5%; }
#content .content { width:100%; min-width:inherit; position:relative; margin:0; }

#content #mainbox { margin-top:0; /*border-bottom:solid 2px #eaeaea;*/ }
#content #copybloc {  }

#content #ttlset { height:inherit; }
#content #ttlset #ttl2 { position:relative; top:inherit; left:inherit; }

#content #startset { height:inherit; }
#content #startset #start_txt { position:relative; top:inherit; left:inherit; }
#content #startset #start_chara1 { position:relative; top:inherit; left:inherit; }
#content #copybloc #start_chara2 { margin:0; }

#content #kekka_ttl { margin-left:0px; }



#content .que_img { position:relative; }
#content .que_img img { width:100%; }
#content #que_img1 { width:100%; height:auto; display:block; background:none; }
#content #que_img2a { width:100%; height:auto; display:block; background:none; }
#content #que_img2b { width:100%; height:auto; display:block; background:none; }
#content #que_img3a { width:100%; height:auto; display:block; background:none; }
#content #que_img3b { width:100%; height:auto; display:block; background:none; }
#content #que_img3c { width:100%; height:auto; display:block; background:none; }

#content .btn_yesno { width:90%; height:auto; position:absolute; bottom:5%; left:inherit; margin:0 5%; }
#content .btn_yes { width:100%; height:inherit; }
#content .btn_no { width:100%; height:inherit; margin-top:5%; }


#content .ans_tset { position:relative; height:auto; }
#content .ans_tset .ans_ttl { display:block; position:absolute; top:-3.4%; left:22%; width:56.09375%; }
#content .ans_pick .ans_huk { display:block; position:absolute; top:-6.8%; left:8.5%; width:84.0625%; }

#content .ans_pick { position:relative; height:auto; overflow:hidden; padding-top:8%; margin-bottom:8%; }
#content .ans_pick .ans_pick_inner { position:relative; top:inherit; left:inherit; width:90%; height:auto; border:5px solid #eeeeee; margin-left:3.8%; }

#content #ans1 .ans_tset .ans_t1 { position:relative; top:inherit; left:inherit; }
#content #ans1 .ans_tset .ans_t2 { position:absolute; top:30%; left:7.5%; width:64.53125%; }
#content #ans1 .ans_tset .ans_illust { position:absolute; top:35%; left:inherit; right:2%; width:55.46875%; }

#content #ans2 .ans_tset .ans_t1 { position:relative; top:inherit; left:inherit; }
#content #ans2 .ans_tset .ans_t2 { position:absolute; top:30%; left:7.5%; width:45.15625%; }
#content #ans2 .ans_tset .ans_illust { position:absolute; top:30%; left:inherit; right:0%; width:60.15625%; }

#content #ans3 .ans_tset .ans_t1 { position:relative; top:inherit; left:inherit; }
#content #ans3 .ans_tset .ans_t2 { position:absolute; top:30%; left:7.5%; width:56.875%; }
#content #ans3 .ans_tset .ans_illust { position:absolute; top:35%; left:inherit; right:0%; width:60.78125%; }

#content #ans4 .ans_tset .ans_t1 { position:relative; top:inherit; left:inherit; }
#content #ans4 .ans_tset .ans_t2 { position:absolute; top:30%; left:7.5%; width:43.125%; }
#content #ans4 .ans_tset .ans_illust { position:absolute; top:30.3%; left:inherit; right:0%; width:61.875%; }

#content #ans5 .ans_tset .ans_t1 { position:relative; top:inherit; left:inherit; }
#content #ans5 .ans_tset .ans_t2 { position:absolute; top:30%; left:7.5%; width:40.15625%; }
#content #ans5 .ans_tset .ans_illust { position:absolute; top:26.7%; left:inherit; right:1%; width:56.25%; }

#content #ans1 .ans_tset .ans_car_detail { position:absolute; top:50%; left:7.5%; width:32.8125%;  }
#content #ans2 .ans_tset .ans_car_detail { position:absolute; top:50%; left:7.5%; width:32.96875%;  }
#content #ans3 .ans_tset .ans_car_detail { position:absolute; top:50%; left:7.5%; width:32.8125%;  }
#content #ans4 .ans_tset .ans_car_detail { position:absolute; top:50%; left:7.5%; width:32.96875%;  }
#content #ans5 .ans_tset .ans_car_detail { position:absolute; top:50%; left:7.5%; width:32.96875%;  }

#content #ans1 .ans_pick .ans_car,
#content #ans2 .ans_pick .ans_car,
#content #ans3 .ans_pick .ans_car,
#content #ans4 .ans_pick .ans_car,
#content #ans5 .ans_pick .ans_car { position:relative; top:inherit; left:inherit; padding-top:5%; }
#content #ans1 .ans_pick .btn_viewmore,
#content #ans2 .ans_pick .btn_viewmore,
#content #ans3 .ans_pick .btn_viewmore,
#content #ans4 .ans_pick .btn_viewmore,
#content #ans5 .ans_pick .btn_viewmore { position:relative; top:inherit; left:inherit; width:90%; margin:0 5% 5%;  }
#content #ans1 .ans_pick .btn_viewmore a,
#content #ans2 .ans_pick .btn_viewmore a,
#content #ans3 .ans_pick .btn_viewmore a,
#content #ans4 .ans_pick .btn_viewmore a,
#content #ans5 .ans_pick .btn_viewmore a { position:relative; top:inherit; left:inherit; }


#content .retry { display:none; margin:0 0 8%; width:90%; height:auto; padding:0 5%; background-color:#fff; }
#content .retry a.ov { position:relative; }
#content .btn_retry,
#content .btn_fb,
#content .btn_tw { position:relative; float:none; display:block; margin-right:0%; margin-bottom:5%; }

#content .btn_retry { width:100%; }
#content .btn_fb { display:inline-block; width:48%; margin-left:0; margin-right:4%; float:left; }
#content .btn_tw { display:inline-block; width:48%; margin-left:0; float:left; }

#content .retry_inner { display:inline-block; }

#loader { width:100%; margin:0 auto; position:relative; }
#ldcircle { position:absolute; top:50%; left:50%; margin:-16px 0 0 -16px; }


}