﻿abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,section,section h1,section h2,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{position:static;width:auto;margin:0;padding:0;border:0;outline:0;background:transparent;font-family:'brandon-grotesque', 'source-han-sans-japanese', sans-serif;font-size:100%;vertical-align:baseline}img{width:100%;height:auto}a{color:#000;text-decoration:none}body{min-width:auto;background-color:#000;color:#000;font-size:1.333vw;font-style:normal;font-weight:400;line-height:1}.watch_diagnosis .contents_wrap{width:640px;margin:0 auto;background:#000}.watch_diagnosis_fv{position:relative;height:100svh;background:url("/images/watch_diagnosis/bg_watch_diagnosis_fv.png") top center no-repeat;background-size:cover;animation:watch_diagnosis_fv_fadeIn 1.5s ease 0s 1 normal}@keyframes watch_diagnosis_fv_fadeIn{0%{opacity:0}100%{opacity:1}}header{position:absolute;top:15px;left:15px;width:70px;padding:8px 6px 5px;background:#CEA601}header img{width:90%}.img_watch_diagnosis_copy_wrap{position:absolute;top:52%;right:50%;left:50%;width:80%;transform:translateY(-76%) translateX(-51%)}.img_watch_diagnosis_copy{animation:img_watch_diagnosis_copy_fadeIn 0.6s ease 0s 1 normal;filter:drop-shadow(0px 0px 8px #000)}@keyframes img_watch_diagnosis_copy_fadeIn{0%{margin:120px 0 0;opacity:0}100%{margin:0;opacity:1}}.img_watch_diagnosis_freecopy{display:block;width:90%;margin:15px auto 0;padding:0 0 0 15px;animation:img_watch_diagnosis_freecopy_fadeIn 1.5s 0s 1 normal;animation-timing-function:cubic-bezier(0, 1.1, 0.84, 1)}@keyframes img_watch_diagnosis_freecopy_fadeIn{0%{margin:200px auto 0;opacity:0}100%{margin:15px auto 0;opacity:1}}.img_watch_diagnosis_undercopy{position:absolute;right:0;bottom:50px;width:50%;animation:img_watch_diagnosis_undercopy_fadeIn 1s ease 0s 1 normal}@keyframes img_watch_diagnosis_undercopy_fadeIn{0%{bottom:20px;opacity:0}100%{bottom:50px;opacity:1}}.watch_diagnosis_fv_link{position:absolute;bottom:0;width:100%;padding:11px 0 17px;background:#CEA601;color:#fff;font-size:18px;text-align:center}.watch_diagnosis_fv_link::after{box-sizing:border-box;display:block;width:0.8em;height:0.8em;margin:1px auto -11px;transform:translateY(-25%) rotate(135deg);border:0.21em solid currentColor;border-bottom:0;border-left:0;color:#fff;line-height:1;vertical-align:middle;content:''}.watch_diagnosis_pager_under{padding:1px 0 100px;background:#fafafa}.watch_diagnosis_page{display:flex;position:absolute;top:-190px;right:50%;left:50%;justify-content:center;margin:auto}.watch_diagnosis_page ul{display:flex;justify-content:center;margin:55px 0 85px}.watch_diagnosis_page li{display:flex;position:relative;align-items:center;justify-content:center;width:35px;height:35px;margin:0 22px;border:4px solid #CEA601;background:#fff;color:#CEA601;font-size:17px;font-weight:bold}.q_box.q_01 .watch_diagnosis_page li:first-of-type,.q_box.q_02 .watch_diagnosis_page li:nth-of-type(2),.q_box.q_03 .watch_diagnosis_page li:nth-of-type(3),.q_box.q_04 .watch_diagnosis_page li:nth-of-type(4){background:#CEA601;color:#000}.watch_diagnosis_page li:after{position:absolute;right:-43px;color:#CEA601;content:'・・'}.watch_diagnosis_page li:last-of-type:after{content:none}.q_box{position:relative;width:80%;margin:200px auto 0;padding:5vw 5%;border:#CEA601 4px solid;background:#fff;font-size:4vw;font-weight:bold;text-align:center}.q_box::before{display:flex;position:absolute;top:-42px;left:50%;align-items:center;justify-content:center;width:81px;height:81px;transform:translateX(-50%);background:#CEA601;color:#000;font-size:7vw;content:'Q1'}.q_box.q_02::before{content:'Q2'}.q_box.q_03::before{content:'Q3'}.q_box.q_04::before{content:'Q4'}.q_box.q_05::before{content:none}.watch_diagnosis_q_text{margin:30px 0;color:#000;line-height:1.4}.watch_diagnosis_q_button{display:block}.watch_diagnosis_q_button li{width:90%;margin:0 auto 20px;border:4px solid #000;border-radius:60px;background:#CEA601;color:#000}.watch_diagnosis_q_button li:last-of-type{margin:0 auto}.watch_diagnosis_q_button li a{display:block;padding:12px 0;color:#000}.watch_diagnosis_return_button{padding:30px 0;text-align:center}.watch_diagnosis_return_button a{display:block;width:250px;margin:0 auto 20px;padding:10px 0;border-radius:60px;background:#000;color:#CEA601;font-size:20px;font-weight:bold}footer{padding:12px;background:#000;color:#fff;font-size:10px;text-align:center}footer img{display:block;width:14%;margin:0 auto 10px}#browsing_item{display:none}.target{margin:120px 0 0;opacity:0;transition:all 1s}.target.is-animate{margin:0;opacity:1}.watch_diagnosis_page .target{margin:30px 0 0;opacity:0;transition:all 1s}.watch_diagnosis_page .target.is-animate{margin:0 22px;opacity:1}.watch_diagnosis_pager_under.target .q_box::before{opacity:0;transition:all 1s}.watch_diagnosis_pager_under.target.is-animate .q_box::before{opacity:1}.watch_diagnosis_pager_under.target .watch_diagnosis_q_button li{margin:50px auto 20px;opacity:0;transition:all 2s}.watch_diagnosis_pager_under.target.is-animate .watch_diagnosis_q_button li{margin:0 auto 20px;opacity:1}body#item.diagnosis_detail{background:#CEA601;color:#000;font-family:'brandon-grotesque', 'source-han-sans-japanese', sans-serif}#item.diagnosis_detail .contents_wrap{width:90%;max-width:1200px;margin:0 auto}#item.diagnosis_detail p.feature_headline_img{height:auto}#item.diagnosis_detail .diagnosis_detail_title{display:block;position:relative;width:100%;max-width:100%}#item.diagnosis_detail .diagnosis_detail_title p{position:relative;width:100%;background:#000;text-align:center}.diagnosis_detail .diagnosis_detail_title p span{font-family:'brandon-grotesque', 'source-han-sans-japanese', sans-serif;font-style:normal}#item.diagnosis_detail section #feature_list h1{color:#000}#item.diagnosis_detail .feature_text{margin:0 0 50px;padding:0;border:none;color:#000;text-align:left}#item.diagnosis_detail #feature_list #index_result{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0}#item.diagnosis_detail #feature_list .item_wrap{width:26%;margin:0 0 20px;padding:30px 30px 30px 10px;border:4px solid #000;border-radius:0;background:#fff}#item.diagnosis_detail .item_fav_wrap{top:10px;right:10px}#item.diagnosis_detail footer p{background:#000;color:#fff;font-family:'brandon-grotesque', 'source-han-sans-japanese', sans-serif;font-size:12px}#item.diagnosis_detail .item_list .item_wrap dl dd p span.plan{margin:0 0 5px;font-size:13px}.item_list .item_wrap dl dd p span.brand{width:100%}.item_list .item_wrap dl dd p span.free_price{background:#000;color:#cea601;font-size:18px;text-align:center;line-height:1;padding:5px 0;border-radius:2px}#item.diagnosis_detail .line_login a{display:block;width:290px;margin:0 auto 20px;padding:10px 0;border:3px solid #000;border-radius:60px;background:#00b84c;color:#fff;font-size:15px;font-weight:bold;line-height:1.4;text-align:center}#item.diagnosis_detail .return_top{margin:0 0 50px;text-align:center}#item.diagnosis_detail .return_top a{display:block;width:290px;margin:0 auto 20px;padding:10px 0;border-radius:60px;background:#000;color:#CEA601;font-size:20px;font-weight:bold;position:relative}#item.diagnosis_detail .return_top ::before{content:"";display:inline-block;width:7px;height:7px;border-top:2px solid #CEA601;border-left:2px solid #CEA601;transform:rotate(-45deg) translateY(-74%);border-radius:0;position:absolute;left:16px;top:50%}#item.diagnosis_detail #feature_list .item_wrap .rate_counte2{margin:0 0 7px;font-size:14px;line-height:1;vertical-align:top}#item.diagnosis_detail .campaign_free_title{margin:0 0 30px;padding:12px 0;background:#000;color:#fff;font-size:23px;font-weight:bold;line-height:1;text-align:center}#item.diagnosis_detail .campaign_free_title span{display:block;margin:0 0 7px;color:#CEA601;font-size:16px}#item.diagnosis_detail #feature_list .diagnosis_item_wrap{position:relative;width:27%;margin:0 0 20px;padding:15px 10px;border:4px solid #000;border-radius:0;background:#fff;border-radius:10px}#item.diagnosis_detail #feature_list .diagnosis_item_wrap a{text-decoration:none}#item.diagnosis_detail #feature_list .diagnosis_item_wrap .detail_btn{display:block;position:relative;width:100%;margin:15px auto 0;padding:5px 0;border:2px solid #000;border-radius:20px;background:#CEA601;color:#000;font-size:14px;text-align:center;max-width:400px}#item.diagnosis_detail #feature_list .diagnosis_item_wrap .detail_btn::after{content:"";display:inline-block;width:7px;height:7px;border-top:2px solid #000;border-right:2px solid #000;transform:rotate(45deg) translateY(-74%);border-radius:0;position:absolute;right:16px;top:50%}.diagnosis_modal{display:flex;z-index:1000;position:fixed;top:0;left:0;align-items:center;justify-content:center;width:100vw;height:100vh;padding-bottom:60px}.diagnosis_modal .popup-bg{z-index:999 !important;position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;background:rgba(17,18,27,0.8) !important}.diagnosis_modal .sample_btn_close{display:flex;z-index:1002;position:fixed;top:12px;right:0;align-items:center;justify-content:center;width:120px;height:40px;background:#CEA601;color:#000;font-size:18px;font-weight:700;letter-spacing:0.25em;cursor:pointer;border-radius:15px 0 0 15px;padding:0 1% 0 1%}.diagnosis_modal .sample_btn_close::before{content:none}.diagnosis_modal .sample_btn_close span{position:relative;padding:0 0 0 30px}.diagnosis_modal .sample_btn_close span::before,.diagnosis_modal .sample_btn_close span::after{content:"";position:absolute;top:50%;left:10px;width:3px;height:20px;background:#000;border-radius:2px}.diagnosis_modal .sample_btn_close span::before{transform:translate(-50%, -50%) rotate(45deg)}.diagnosis_modal .sample_btn_close span::after{transform:translate(-50%, -50%) rotate(-45deg)}.diagnosis_modal .diagnosis_modal_inner{z-index:1001;position:relative;width:80%;max-width:420px;max-height:calc(92vh - 122px);margin:auto;margin-top:62px;padding:20px 3vw;overflow-y:auto;border:#CEA601 solid 6px;background:#fff;box-shadow:0 4px 60px rgba(0,0,0,0.5);border-radius:15px}.diagnosis_modal .diagnosis_modal_item_contents{display:flex;width:100%;margin:0px 0 20px}.diagnosis_modal .diagnosis_modal_item{width:30%}.diagnosis_modal .diagnosis_modal_item_spec{width:70%}.diagnosis_modal .diagnosis_modal_item_spec .brand{font-size:14px;font-weight:bold}.diagnosis_modal .diagnosis_modal_item_spec .name{margin:5px 0 10px;font-size:19px;line-height:1.3}.diagnosis_modal .diagnosis_modal_item_spec .price{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin:0 0 10px;font-size:16px}.diagnosis_modal .diagnosis_modal_item_spec .price .price-left{padding:3px 6px;border:2px solid;border-radius:11px;background:#888;color:#fff;font-weight:bold}.diagnosis_modal .diagnosis_modal_item_spec .price .price-right{margin:0 0 0 10px}.diagnosis_modal .diagnosis_modal_item_spec .price .price-discount{display:flex;align-items:center;margin:5px 0 0 5px;color:#000;font-size:36px;font-weight:bold}.diagnosis_modal .diagnosis_modal_item_spec .price .price-discount span{margin:0 3px;font-size:16px}.diagnosis_modal .diagnosis_modal_item_spec .price .price-free{width:100%;background:#000;color:#cea601;padding:6px 9px;display:block;border-radius:3px;font-size:22px;margin:6px 0 0 0;font-weight:bold;text-align:center;letter-spacing:0.4em}.diagnosis_modal .diagnosis_modal_item_spec .off{margin:0 0 15px;padding:7px 0;border-radius:3px;background:#000;color:#CEA601;font-size:22px;font-weight:bold;letter-spacing:0.15em;text-align:center}.diagnosis_modal .diagnosis_modal_comment{margin:0 0 10px;padding:10px 0 0;border-top:1px solid;font-size:14px;line-height:1.4}.diagnosis_modal .action{margin:0 0 20px}.diagnosis_modal .action-button a{display:block;max-width:400px;margin:10px auto 15px;padding:15px 0;border:3px solid #000;border-radius:30px;background:#CEA601;color:#000;font-size:17px;font-weight:bold;text-align:center;position:relative}.diagnosis_modal .action-button a::after{content:"";display:inline-block;width:9px;height:9px;border-top:3px solid #000;border-right:3px solid #000;transform:rotate(45deg) translateY(-65%);border-radius:0;position:absolute;right:22px;top:50%}.diagnosis_modal .action-textlink{font-size:12px;text-align:center}.diagnosis_modal .action-textlink a{text-decoration:underline}.diagnosis_modal ul{padding:10px 0 0;border-top:1px solid #000}.diagnosis_modal li{display:flex;justify-content:space-between;padding:6px 0;font-size:13px}.diagnosis_modal .rate_counte2{margin:-4px 0 0;font-size:24px;line-height:1;vertical-align:top}.diagnosis_modal .reviews_star{margin:0 0 15px}.no_reviews_star span,.reviews_star span.ster_g2,.reviews_star span.ster_half_color2,.reviews_star span.ster_y2{width:13px;height:13px;margin:0 2px 0 0}.item_list .discount_price{font-size:20px}.item_list .discount_price .tax{display:inline-block;font-size:11px}.item_list .item_wrap .non_member{font-size:13px;line-height:1}.item_list .item_wrap dl dd p span.brand,.item_list .item_wrap dl dd p span.name,#item.diagnosis_detail .item_list .item_wrap dl dd p span.plan,.item_list .item_wrap .non_member,.item_list .discount_price,.series_name{color:#000}@media screen and (min-width: 641px){.watch_diagnosis{background-attachment:fixed;background-image:url("/images/watch_diagnosis/bk_diagnosis_01.jpg"), url("/images/watch_diagnosis/bk_diagnosis_02.jpg"), url("/images/watch_diagnosis/bk_diagnosis_03.jpg"), url("/images/watch_diagnosis/bk_diagnosis_04.jpg"), url("/images/watch_diagnosis/bk_diagnosis_01.jpg"), url("/images/watch_diagnosis/bk_diagnosis_02.jpg"), url("/images/watch_diagnosis/bk_diagnosis_03.jpg"), url("/images/watch_diagnosis/bk_diagnosis_04.jpg");background-position:left top, left 300px, left 600px, left 900px, left 1200px, left 1500px, left 1800px, left 2100px;background-repeat:repeat-x}.watch_diagnosis .contents_wrap{border:#CEA601 5px solid}.watch_diagnosis_back_obj01{z-index:-1;position:absolute;top:50%;left:0;width:100%;height:50px;background:#CEA601}}@media screen and (min-width: 730px){.img_watch_diagnosis_wrap{width:83%}.img_watch_diagnosis_undercopy{width:50%}.q_box{font-size:28px}.q_box::before{font-size:30px}.watch_diagnosis_contents_head{font-size:45px}.watch_diagnosis_contents h2{font-size:35px}.watch_diagnosis_checklist{font-size:20px}.point_get_link{font-size:20px}}@media screen and (max-width: 900px){#item.diagnosis_detail #feature_list .item_wrap{width:42%}}@media screen and (max-width: 640px){.watch_diagnosis .contents_wrap{width:100%}#item.diagnosis_detail #feature_list .item_wrap{width:38%}.diagnosis_modal .diagnosis_modal_inner{max-height:calc(79vh - 82px);margin-top:20px}.diagnosis_modal .sample_btn_close{top:0;font-size:3vw;margin:0;width:110px;height:40px;border-radius:0 0 0 21px}.diagnosis_modal .sample_btn_close span{padding:0 0 0 25px}.diagnosis_modal .diagnosis_modal_item_spec{padding:0}.diagnosis_modal .diagnosis_modal_item_spec .name{font-size:3.5vw}.diagnosis_modal .diagnosis_modal_item_spec .off{margin:0 0 10px;padding:5px 0;font-size:4.5vw}.diagnosis_modal .diagnosis_modal_item_spec .price .price-left{font-size:3vw}.diagnosis_modal .diagnosis_modal_item_spec .price .price-discount{align-items:flex-end;margin:5px 0 0 0;font-size:8vw}.item_list .item_wrap dl dt,.item_list .item_wrap .serial_detail dl dt{left:0}}@media screen and (max-height: 750px){.img_watch_diagnosis_copy_wrap{top:57%;width:83%}.img_watch_diagnosis_undercopy{width:38%}}.loading-overlay{display:none;z-index:9999;position:fixed;top:0;left:0;width:100%;height:100%;background:#CEA601}.loading-content{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center}.loading-spinner{display:inline-block;width:50px;height:50px;border:4px solid rgba(255,255,255,0.3);border-top:4px solid #000;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.loading-content p{margin:20px 0 0;font-size:20px;font-weight:bold;letter-spacing:0.2em}
