#app_content{margin:10px 0;padding:10px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background:#eef1fd}#diagnose_description{margin:10px 0}.post_item_title{text-align:center;font-size:22px;font-weight:700}#post_result{font-size:18px;font-weight:700}#post_result a{text-decoration:underline}#post_info{font-size:16px}#result_table{margin-top:10px;width:100%;text-align:left;font-size:13px;line-height:18px;border-collapse:collapse;border-spacing:0}.result_table_th{padding:10px;background:#e6f3fb;border:solid 1px #ddd;color:#5d89e8}.result_table_td{padding:6px 10px;height:28px;color:#666;border:solid 1px #ddd}.result_table_td:first-child{width:146px;background:#fff8ea}.text{display:block;margin-top:20px;font-size:24px}#start_over{text-align:right}#start_over a{font-size:16px}#share_result{margin-bottom:10px;text-align:center}#share_result a{text-decoration:underline}#diagnose_rule{margin-bottom:20px;font-size:16px}#diagnose_rule_title{font-size:18px;font-weight:600}#diagnose_rule_list{list-style:disc;margin-bottom:10px;padding-left:24px}#uranai_field{margin-bottom:20px;text-align:center}#uranai_field_loading{height:160px}#uranai_field_result{text-align:center;font-size:50px;font-weight:700;color:#e84b75}#uranai_ghost_luck{margin:20px 0;font-size:16px}.uranai_lucky{margin-bottom:6px;font-size:16px}#diagnose_bottom{display:flex;justify-content:space-around;margin:14px 0 20px;text-align:center}#diagnose_bottom.hidden{display:none}#diagnose_under{margin-bottom:-10px;text-align:right}#diagnose_under.hidden{display:none}.diagnose_btn{position:relative;display:inline-block;overflow:hidden;width:70%;height:36px;max-width:224px;padding:12px 0;text-align:center;cursor:pointer;font-size:20px;color:#FFF;background:#2e70ff;border-radius:4px;box-shadow:inset 0 2px 0 rgba(255,255,255,.2),inset 0 -2px 0 rgba(0,0,0,.05);font-weight:700;text-shadow:0 0 10px rgba(255,255,255,.8),1px 1px 1px rgba(0,0,0,1);border:solid #fff 3px;background:linear-gradient(to bottom,#7ca6ff,#004df4 50%,#7ca6ff);box-shadow:1px 1px 10px 0 #a1a1a1}.diagnose_btn.sub{background:linear-gradient(to bottom,#bababa,#313131 50%,#bababa)}.diagnose_btn:active{background:#f28dea}.diagnose_btn.disabled{background:#888}.speech_result_before{animation:poyopoyo 1s ease-out;opacity:1;font-size:18px;font-weight:700}@keyframes poyopoyo{0%{transform:scale(1)}20%,40%,60%,80%{transform:scale(1.05)}10%,30%,50%,70%{transform:scale(.95)}100%{transform:scale(1)}}#radar_field{margin:0 auto;padding:46px 0;width:250px;height:160px;background:url("../img/content/spotradar_background.png");background-repeat:no-repeat;background-size:250px}#radar_log_list{margin:10px 0;padding:4px 12px;width:auto;font-size:14px;background:#fff;border:1px solid #ddd}.radar_log_list_point{display:inline-block;width:90px}.wrap{width:250px;margin:-10px auto 0;position:relative}.wrap>*:last-child{margin-bottom:0}.boder{width:70px;height:1px;background-color:#fff;position:absolute;left:125px;top:90px;transform-origin:left center;box-shadow:0 -3px 20px 5px rgba(255,255,255,.8);animation:boder 4s linear 0s infinite normal none}.radar_circle{width:10px;height:10px;margin:0 auto 30px;border-radius:10px;background-color:LightGreen;transition:0.5s ease;box-shadow:0 0 2px 1px rgba(255,255,255,.5)}.radar_circle-basic{width:30px;height:30px;margin:0 auto 30px;transform:translateY(-10px);border-radius:30px;border:none;background-color:#fff;z-index:10;animation:circle-flash 1s linear 0s infinite alternate none}.radar_circle-puton{position:absolute;top:84px;left:0;right:0;margin:auto}.radar_circle-infinit-1{animation:circle 3s linear 0s infinite normal none}.radar_circle-infinit-2{animation:circle 3s linear 1s infinite normal none}.radar_circle-infinit-3{animation:circle 3s linear 2s infinite normal none}.radar_circle-infinit-4{animation:circle 3s linear 3s infinite normal none}@keyframes circle{0%{transform:scale(.1)}100%{transform:scale(15);opacity:0}}@keyframes circle-flash{0%{opacity:1}100%{opacity:0}}@keyframes boder{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#barrier_field{position:relative;display:inline-block;margin:-75px 0 0 25px;width:250px;height:250px}#barrier_sensor{margin:128px 0 0 75px;width:50px;height:50px;background:rgba(25,118,210,.7);border-radius:50%;animation:barrier 2s ease-in-out infinite none}@keyframes barrier{0%{box-shadow:0 0 0 0 rgba(25,118,210,.7)}100%{box-shadow:0 0 0 80px rgba(25,118,210,.6)}}#barrier_result{margin:-30px 0 0 14px;width:220px;height:220px;background:rgba(25,118,210,.7);border-radius:50%}#barrier_result.failure{background:rgba(204,19,19,.7)}#barrier_container{padding-top:82px;height:100px;text-align:center}#radar_container{height:100px;text-align:center}#radar_container_ghost{height:36px;font-size:20px;color:#fff}#radar_container_count{display:inline-block;margin-left:30px;font-size:50px;font-family:"Fira Sans",sans-serif;color:#fff}#radar_container_count_unit{font-size:30px;font-family:"Fira Sans",sans-serif;color:#fff}#radar_container_direction{font-size:40px;font-weight:700;font-family:"fantasy";color:#fff}#radar_avg{margin-top:20px;padding:10px 18px;font-size:14px;color:#fff;background:#555}#radar_avg:empty{padding:0}.radar_avg_value{margin:0 4px;font-weight:700;font-size:18px;color:#f76}#seek_field{margin:0 auto;max-width:180px;height:210px;background:url("../img/content/spotseek_background.png");background-repeat:no-repeat;background-size:180px}#seek_sensor{margin:60px 0 0 56px;width:50px;height:50px;background:rgba(25,118,210,.4);border-radius:50%;animation:blink 1s ease-in-out infinite none}#pulse_field{position:relative;display:inline-block;margin:19px 0 0 6px;width:160px;height:180px}@keyframes blink{0%{box-shadow:0 0 0 0 rgba(25,118,210,.4)}100%{box-shadow:0 0 0 60px rgba(187,222,251,.3)}}#pulse{position:absolute;background-color:#0f0;width:6px;height:6px;border-radius:50%;-moz-animation:pulse 2s linear infinite normal;-webkit-animation:pulse 2s linear infinite normal;animation:pulse 2s linear infinite normal}@-webkit-keyframes pulse{0%{left:0%;top:50%}20%{left:20%;top:50%}30%{left:30%;top:40%}35%{left:35%;top:50%}40%{left:40%;top:50%}43%{left:43%;top:80%}45%{left:45%;top:5%}50%{left:50%;top:90%}55%{left:55%;top:50%}60%{left:60%;top:50%}65%{left:65%;top:40%}70%{left:70%;top:50%}100%{left:100%;top:50%}}@-moz-keyframes pulse{0%{left:0%;top:50%}20%{left:20%;top:50%}30%{left:30%;top:40%}35%{left:35%;top:50%}40%{left:40%;top:50%}43%{left:43%;top:80%}45%{left:45%;top:5%}50%{left:50%;top:90%}55%{left:55%;top:50%}60%{left:60%;top:50%}65%{left:65%;top:40%}70%{left:70%;top:50%}100%{left:100%;top:50%}}@keyframes pulse{0%{left:0%;top:50%}20%{left:20%;top:50%}30%{left:30%;top:40%}35%{left:35%;top:50%}40%{left:40%;top:50%}43%{left:43%;top:80%}45%{left:45%;top:5%}50%{left:50%;top:90%}55%{left:55%;top:50%}60%{left:60%;top:50%}65%{left:65%;top:40%}70%{left:70%;top:50%}100%{left:100%;top:50%}}.seek_spot_title{margin:40px 0 10px;font-size:18px;font-weight:700;border-bottom:1px solid #ccc}.effect{margin-bottom:6px;text-align:right}.effect_name{display:inline-block;width:70px;font-weight:600;color:#ed7600}.effect_caution{display:none;color:#c00000}.effect_area{display:inline-block;line-height:36px;letter-spacing:0;text-align:center;font-size:18px;position:relative;margin:auto;width:84px}.effect_area input[type="checkbox"]{display:none}.effect_area label{display:block;box-sizing:border-box;height:38px;border:2px solid #666;border-radius:21px;background:#fff}.effect_area input[type="checkbox"]:checked+label{border-color:#ed7600}.effect_area label span:after{content:"OFF";padding:0 0 0 25px;color:#666}.effect_area input[type="checkbox"]:checked+label span:after{content:"ON";padding:0 25px 0 0;color:#ed7600}.effect_area .swImg{position:absolute;width:30px;height:30px;background:#666;top:4px;left:4px;border-radius:17px;transition:.2s}.effect_area input[type="checkbox"]:checked~.swImg{transform:translateX(46px);background:#ed7600}#photo_quiz_field{text-align:center}#quiz_title{height:40px;margin-bottom:10px;text-align:center;font-size:16px;line-height:20px}#quiz_title:empty{height:0}#photo_quiz_answer{margin-bottom:10px}#photo_quiz_answer.hidden{display:none}.photo_quiz_answer_button{display:inline-block;padding:.1em 1em;cursor:pointer;font-size:24px;text-decoration:none;border-radius:3px;transition:.4s}#photo_quiz_answer_button_true{color:#f76;border:solid 2px #f76}#photo_quiz_answer_button_true:active{color:#fff;background:#f76}#photo_quiz_answer_button_false{color:#5F85D7;border:solid 2px #5F85D7}#photo_quiz_answer_button_false:active{color:#fff;background:#5F85D7}#photo_quiz_image{position:relative}#photo_quiz_image_amswer{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;font-size:90px;font-weight:700;line-height:2em;color:#fff;background:#000;opacity:.7}#photo_quiz_image_size{margin-bottom:6px;font-size:14px;color:#555}#photo_quiz_correct{margin:10px auto 30px;font-size:26px;color:#c00000}#photo_quiz_advice{margin-bottom:20px}.photo_quiz_answer_field_item{position:relative;display:inline-block;margin:1px;width:calc(25% - 2px)}.photo_quiz_answer_field_item:before{content:"";display:block;padding-top:75%}.photo_quiz_answer_field_img{position:absolute;top:0;left:0;width:100%;height:100%}.photo_quiz_answer_field_item_result{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;font-size:7vw;font-weight:700;color:#fff;background:#000;opacity:.5}#check_app{position:relative;overflow:hidden;height:380px}.check_list{width:100%;box-sizing:border-box;bottom:30px;text-align:left}.check_list_item{margin:0 5px 16px;padding:8px 10px;background:#888;box-sizing:border-box;border-radius:5px;cursor:pointer;color:#fff;text-align:left}.check_list_item:active{background:#FF4000}.q{margin-left:1000px;width:100%;height:100%;box-sizing:border-box;position:absolute;top:0;left:0}.q:first-child{margin-left:0}.q dt{margin-bottom:10px;font-size:26px;font-weight:700}.q dd{margin-bottom:4px}#check_result{margin:0 -10px 30px;min-height:140px;text-align:center;font-size:16px}#check_result:empty{min-height:0}#check_result_level{margin:10px auto 30px;font-size:26px;color:#c00000;text-align:left}#check_result_explan{margin-bottom:20px;text-align:left}#ghost_view_title{display:inline-block;color:#fff;font-size:20px;letter-spacing:4px;text-shadow:2px 2px 1px rgba(153,0,0,.69),-2px 2px 1px rgba(153,0,0,.69),2px -2px 1px rgba(153,0,0,.69),-2px -2px 1px rgba(153,0,0,.69),2px 0 1px rgba(153,0,0,.69),0 2px 1px rgba(153,0,0,.69),-2px 0 1px rgba(153,0,0,.69),0 -2px 1px rgba(153,0,0,.69)}#ghost_view_address{margin-bottom:6px;font-size:12px;line-height:18px;color:#8bd0a1}#ghost_view_detail{font-size:16px;font-weight:700;color:#323232}#ghost_view_streetview_btn{display:block;width:220px;margin:24px auto 16px;padding:12px 22px;text-align:center;text-decoration:none;font-weight:700;border-radius:4px;color:#562424;cursor:pointer;text-shadow:1px 1px 0 rgba(255,255,255,.5);background-image:linear-gradient(#630909 0%,#d62d2d 100%);box-shadow:0 2px 2px rgba(0,0,0,.29);border-bottom:solid 3px #630909}#ghost_view_streetview_btn:active{-webkit-transform:translateY(4px);transform:translateY(4px);box-shadow:0 0 1px rgba(0,0,0,.2);border-bottom:none}#ghost_view_html{margin-bottom:12px;width:100%;height:300px}#ghost_view_html iframe{width:100%;height:100%}#ghost_view_comment{margin-bottom:8px;color:#fff}.ghost_view_link{font-size:14px;text-align:right}.ghost_view_link_a{text-decoration:underline}#look_ghost_field{position:relative;text-align:center}#look_ghost_answer{text-align:center;color:#5D89E8;font-weight:700}#look_ghost_image{display:inline-block;width:100%;text-align:center}#look_ghost_image_img{max-height:500px}#look_ghost_image_img.start{filter:grayscale(1)}#look_ghost_image_img.answer{filter:invert()}.look_ghost_image_area{cursor:default}#look_ghost_image_img_top{position:relative}#diagnose_bottom.overlay{position:absolute;top:42%;width:100%;background:#ccc;opacity:.9}#look_ghost_timer{color:#11cb02;font-size:30px;line-height:38px;font-weight:700}#look_ghost_tap{position:absolute;left:0;bottom:0;font-size:14px;font-weight:700}#look_ghost_remain{position:absolute;right:0;bottom:0;font-size:14px;font-weight:700}#look_ghost_image_img_under{display:flex;justify-content:space-between;align-items:center;margin:6px auto 10px}#look_ghost_avg{font-size:14px;font-weight:700;color:#f76}#look_ghost_next_btn{width:110px;padding:4px 0;text-align:center;font-size:14px;color:#FFF;background:#ef0505;border-radius:4px;box-shadow:inset 0 2px 0 rgba(255,255,255,.2),inset 0 -2px 0 rgba(0,0,0,.05);font-weight:700;text-shadow:0 0 10px rgba(255,255,255,.8),1px 1px 1px rgba(0,0,0,1);border:solid #fff 2px;background:linear-gradient(to bottom,#eb7676,#ef0505 50%,#eb7676);box-shadow:1px 1px 10px 0 #a1a1a1;cursor:pointer}#look_ghost_image_zoom{text-decoration:underline;font-size:16px}#look_ghost_image_link{display:table;margin-left:auto;text-decoration:underline;font-size:14px}#look_ghost_image_done{text-align:left;font-size:20px;font-weight:700}#look_ghost_result{margin-top:10px;padding:10px 18px;font-size:14px;color:#fff;background:#555}#look_ghost_value{font-weight:700;font-size:18px;color:#f76}#look_ghost_clear_msg{width:70%;max-width:224px;padding:11px 0;text-align:center;font-size:24px;font-weight:700}#comment_bottom_btn{margin-bottom:10px}#overlay_save{visibility:hidden;opacity:0;position:fixed;top:0;z-index:10;width:100vw;height:100vh}#overlay_save.overlay-on{visibility:visible;opacity:1;background:rgba(0,0,0,.4);transition:all 0.4s}#overlay_save_box{display:flex;justify-content:center;align-items:center}#overlay_save_message{margin-top:50px;padding:40px 30px;background-color:#fff;border-radius:.5rem;text-align:center}#spot{margin:20px auto;max-width:400px;border:4px solid #eee;background:#fff;box-shadow:2px 2px 4px rgba(0,0,0,.2)}#spot_image{position:relative;overflow:hidden;width:100%;height:150px;text-align:left}#spot_image img{margin:0;width:100%}.spot_title{margin-bottom:10px;padding:8px 14px;text-align:center;font-size:18px;font-weight:700;line-height:21px;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.8),1px 1px 1px rgba(0,0,0,1);background:#5e4296}.spot_info{padding:0 10px;color:#006621}.spot_under{padding:0 10px;text-align:right}.spot_link_btn{display:inline-block;padding:5px 10px;text-align:center;color:#fff;background:#4e92df;box-shadow:0 0 2px 0 rgba(0,0,0,.12),0 2px 2px 0 rgba(0,0,0,.24)}.luck{margin-top:6px;padding:0 10px}.luck_title{float:left}#diagnose_result{margin:10px 0 0;border-spacing:0;font-size:12px}#diagnose_result_link{text-decoration:underline}.diagnose_result_th{border-bottom:solid 2px #fb5144;padding:10px 0}.diagnose_result_td{border-bottom:solid 2px #ddd;text-align:left;padding:10px}.spot_detail{margin:10px 0 5px;padding:0 10px;font-size:14px;font-weight:400;color:#777}#score_chart{margin-top:10px;padding:10px 12px;text-align:center;color:#fff;background:#555}#score_chart_title{margin-bottom:4px;text-align:center;font-size:18px;font-weight:700}#score_chart_value{margin-bottom:4px;color:#f76;font-size:18px;font-weight:700}#score_chart_rank{display:inline-block;text-align:left;font-size:14px}.score_chart_item{font-size:12px;margin-bottom:5px}.score_chart_item.select{color:#ffcb03}.score_chart_name{display:inline-block;margin-right:10px;width:40px;text-align:right}.score_chart_rod{display:inline-block;min-width:21px;margin-right:8px;padding:0 6px;font-size:11px;background:#b00;background:-moz-linear-gradient(left,#bb0000 50%,#ff9d9d);background:-webkit-linear-gradient(left,#bb0000 50%,#ff9d9d);background:linear-gradient(to right,#bb0000 50%,#ff9d9d)}.score_chart_rod.select{color:#444;background:#ffcb03}#nano_spot{margin:20px 0;font-size:16px}#nano_spot_link{font-size:20px}#ghost_movie_spot{margin-top:14px}#ghost_movie_spot_link{font-size:16px}#kanji-container{position:relative;overflow:hidden;display:grid;grid-template-columns:repeat(7,1fr);gap:5px;justify-content:center;width:100%;max-width:400px;margin:0 auto}#kanji-container.start_hide::before{content:"";position:absolute;width:100%;height:100%;background:#323232;animation:bgchange 1.5s ease 1}@keyframes bgchange{0%{transform:translateY(-100%)}40%{transform:translateY(0)}92%{transform:translateY(0)}100%{transform:translateY(-100%)}}.kanji{background-color:#fff;background-size:cover;background-position:center;height:0;padding-bottom:100%;border:1px solid #ccc;border-radius:5px;box-sizing:border-box;cursor:pointer}.correct{background-color:lightgreen}.incorrect{background-color:lightcoral}button{margin-top:20px;padding:10px 20px;font-size:1rem}#mistakes_best_score{text-align:center;font-size:26px;font-weight:600;color:#ffb781;text-shadow:1px 1px 0 #a54100,-1px 1px 0 #a54100,-1px -1px 0 #a54100,1px -1px 0 #a54100}#mistakes_top{position:relative;margin:0 auto;max-width:400px;text-align:center}#mistakes_score{position:absolute;left:0;bottom:0;font-size:14px;font-weight:700}#mistakes_score_add{position:absolute;left:70px;bottom:0;font-size:14px;font-weight:700}#mistakes_score_add.animate{animation:pointUp 1s linear forwards}@keyframes pointUp{0%{opacity:0;transform:translateY(1px)}20%{opacity:1;transform:translateY(0)}60%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-20px)}}#mistakes_question_num{position:absolute;right:0;bottom:0;font-size:14px;font-weight:700}#mistakes_timer{color:#11cb02;font-size:30px;line-height:38px;font-weight:700}#mistakes_hint{margin:10px auto 0;max-width:400px;font-size:14px;font-weight:700;line-height:40px}#mistakes_hint_img{width:40px}.story_block{margin-bottom:20px}#touhu{width:100%;max-width:500px;aspect-ratio:4 / 3;margin:0 auto;position:relative}#canvas{width:100%;height:100%;display:block}#share_introduce{margin-bottom:20px;text-align:center;color:#555}.hidden{display:none!important}.fade{animation-name:fadein;animation-duration:2s;animation-iteration-count:1}#diagnose_share{margin-top:20px;text-align:center}#share_catch_copy{position:relative;display:inline-block;margin:0 0 10px;padding:0 20px;text-align:center;font-size:16px;font-weight:700;color:#999;letter-spacing:0;font-family:'Karla',YuGothic,"Yu Gothic","Hiragino Sans","ヒラギノ角ゴシック","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif}#share_catch_copy:before,#share_catch_copy:after{display:inline-block;position:absolute;top:50%;width:20px;height:1px;border-radius:3px;background-color:#999;content:""}#share_catch_copy:before{left:0;-webkit-transform:rotate(50deg);transform:rotate(50deg)}#share_catch_copy:after{right:0;-webkit-transform:rotate(-50deg);transform:rotate(-50deg)}#share_copy{margin:0 auto 20px;max-width:451px;padding:12px 0;font-size:16px;color:#353535;background:#f4f4f4;border:1px solid #ddd;box-shadow:0 0 2px 0 rgba(0,0,0,.12),0 2px 2px 0 rgba(0,0,0,.24)}#share_copy.copied{color:#fff;background:#999}@keyframes fadein{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#affiliate_head{margin:30px 0 10px;font-size:16px;line-height:22px;font-weight:700;color:#666}