:root{--color-pink: #ec4899;--color-beige: #efe7e9;--color-orange: #f59e0b;--color-ygreen: #84cc16;--color-white: #ffffff;--color-base1: #292929;--main-wrap: 420px;---sub-wrap: calc(420px - 32px)}*,*:after,*:before{box-sizing:border-box;margin:0;padding:0}img,picture{display:block;max-width:100%;height:auto}dl,dt,dd,ul,li{list-style:none}button,input,textarea{margin:0;padding:0;border:none;border-radius:0;outline:0;background-color:transparent}a{cursor:pointer;text-decoration:none;background-color:transparent;color:var(--color-base1)}html{font-size:62.5%;font-family:Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;scroll-behavior:smooth}body{font-size:1.4rem;line-height:1.4;color:var(--color-base1)}#layout-wrap{max-width:var(--main-wrap);margin:0 auto}.disp_flg0{display:none}h2{text-align:center;margin:0 auto 16px;font-size:2.0rem;line-height:2.0}h2.tab-rank{background-color:var(--color-beige)}h2.recom-item{background-color:var(--color-beige)}h2.recom-item span{color:var(--color-pink)}header{margin:0 auto 32px}footer{background-color:var(--color-pink);width:100%;height:120px;display:grid;grid-gap:16px;justify-content:center}footer nav{display:flex;align-items:flex-end;grid-gap:16px}footer nav button{font-size:1.2rem;color:#f1f5f8}footer .copyright{font-size:1.2rem;color:#f1f5f8;text-align:center}.scroll-top{margin:80px auto;text-align:center}.scroll-top svg{fill:#9eb2c7;width:32px;height:32px}.scroll-top .text{color:#9eb2c7;font-family:Arial,Helvetica,sans-serif;font-size:1.1rem;font-weight:700;margin:8px auto 0}#drawer{max-width:var(--main-wrap);width:100%;max-height:calc(90% - 30px);position:fixed;bottom:calc((90% - 30px) * -1);left:50%;transform:translateX(-50%) translate3d(0, 0, 0);box-shadow:0 -2px 20px 0 rgba(0, 0, 0, calc(1 * 0.4));padding:0;border-radius:10px 0 0 0;z-index:20;background-color:#f1f5f8;overflow-y:auto;display:none}#drawer.isActive{bottom:0}#drawer .drawer-header{padding:0 12px;height:56px;display:grid;grid-template-columns:max-content 1fr;align-items:center;background-color:var(--color-white);border-bottom:1px solid #f1f5f8;border-radius:inherit}#drawer .drawer-header .button-close{stroke:var(--color-base1);width:16px;height:16px}#drawer .drawer-header .title{font-size:1.5rem;text-align:center}#drawer .drawer-content-wrap{padding:0 12px 120px}#drawer .drawer-content-wrap .drawer-content{background-color:var(--color-white);padding:0 12px 12px;margin-top:24px}#drawer .drawer-content-wrap .drawer-content h2{display:flex;align-items:center;height:48px;padding:0 12px;font-size:1.6rem;border-bottom:1px solid #f1f5f8}#drawer .drawer-content-wrap .drawer-content h3{margin-top:16px;font-size:1.4rem}#drawer .drawer-content-wrap .drawer-content .content-inner{margin:12px auto 0}#drawer .drawer-content-wrap .drawer-content .content-inner table{border-collapse:collapse;border-spacing:0}#drawer .drawer-content-wrap .drawer-content .content-inner table th,#drawer .drawer-content-wrap .drawer-content .content-inner table td{border-top:2px solid var(--color-white);padding:8px}#drawer .drawer-content-wrap .drawer-content .content-inner table th{width:6em;font-size:1.2rem;font-weight:400;color:#617d98;background-color:#f1f5f8}#drawer .drawer-content-wrap .drawer-content .content-inner table td{font-size:1.3rem}#drawer .drawer-content-wrap .drawer-content .content-inner p{margin:8px auto 0;font-size:1.4rem}#cover-mask{width:100vw;position:fixed;top:0;left:0;visibility:hidden;-webkit-transition:.3s;transition:.3s}#cover-mask.isActive{height:100vh;background-color:rgba(0,0,0,0.6);visibility:visible;z-index:10}.link-btn{position:relative;width:100%;height:64px;padding:0 12px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:4px;background-image:linear-gradient(120deg, #f093fb, #f5576c);box-shadow:0 4px 8px 0 rgba(19,12,2,0.2)}.link-btn::before{position:absolute;content:"";display:inline-block;top:-180px;left:0;width:30px;height:100%;background-color:#fff;transition:.2s;-webkit-animation:shiny 3s ease-in-out infinite;animation:shiny 3s ease-in-out infinite}.link-btn span{display:flex;align-items:center;grid-gap:12px;font-size:2rem;font-weight:700;color:var(--color-white);text-shadow:1px 1px 0 rgba(0,0,0,0.1);line-height:1}.link-btn span::after{content:"";width:0px;height:0px;border-style:solid;border-color:transparent transparent transparent var(--color-white);border-width:6px 0px 6px 6px}.rate{position:relative;display:inline-block;width:110px;height:20px;font-size:20px;text-align:left}.rate::before,.rate::after{position:absolute;top:0;left:0;content:'★★★★★';display:inline-block;height:20px;line-height:20px}.rate::before{color:#fffbef}.rate::after{color:#FFD739;overflow:hidden;white-space:nowrap}.rate00::after{width:0}.rate05::after{width:10px}.rate10::after{width:20px}.rate15::after{width:30px}.rate20::after{width:40px}.rate25::after{width:50px}.rate30::after{width:60px}.rate35::after{width:70px}.rate40::after{width:80px}.rate45::after{width:90px}.rate50::after{width:100px}.btn-label{background-color:#10b981;background:linear-gradient(180deg, #34d399 0, #10b981 50%, #34d399);border:1px solid #10b981;border-radius:24px;box-shadow:0 4px 8px 0 rgba(19,12,2,0.2);width:100%;max-width:320px;padding:10px 0;margin:4px auto 16px;position:relative;overflow:hidden;text-align:center}.btn-label::before{content:"";position:absolute;display:inline-block;top:-180px;left:0;width:30px;height:100%;background-color:#fff;transition:.2s;-webkit-animation:shiny 3s ease-in-out infinite;animation:shiny 3s ease-in-out infinite}.btn-label p{font-weight:bold;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,0.1);line-height:1;position:relative;width:fit-content;margin:0 auto}@-webkit-keyframes shiny{0%{-webkit-transform:scale(0) rotate(45deg);opacity:0}80%{-webkit-transform:scale(0) rotate(45deg);opacity:.5}81%{-webkit-transform:scale(4) rotate(45deg);opacity:1}100%{-webkit-transform:scale(50) rotate(45deg);opacity:0}}#serach-area{margin:24px auto 32px;padding:16px 0;overflow:hidden;background-color:var(--color-beige)}#serach-area .step-all{display:flex;justify-content:center;align-items:stretch;overflow:hidden;margin-bottom:16px}#serach-area .step-all .step{padding:6px 10px 6px 24px;position:relative;font-size:1.1rem}#serach-area .step-all .step::before{content:'';position:absolute;top:50%;right:-12px;transform:translateY(-50%);border-top:solid 16px transparent;border-bottom:solid 16px transparent;z-index:10}#serach-area .step-all .step:nth-of-type(1){padding-left:10px}#serach-area .step-all .step:nth-of-type(even){background-color:#eee}#serach-area .step-all .step:nth-of-type(even)::before{border-left:solid 12px #eee}#serach-area .step-all .step:nth-of-type(odd){background-color:#dfdddd}#serach-area .step-all .step:nth-of-type(odd)::before{border-left:solid 12px #dfdddd}#serach-area .step-all .step.isActive{background-color:var(--color-orange)}#serach-area .step-all .step.isActive::before{border-left:solid 12px var(--color-orange)}#serach-area .contents-wrap{display:flex;align-items:stretch;width:calc(var(--main-wrap) * 5)}#serach-area .contents-wrap .contents{width:var(---sub-wrap);margin:0 auto}#serach-area .contents-wrap .contents .question{margin:16px auto;text-align:center}#serach-area .contents-wrap .contents .answer-all{display:flex;justify-content:space-evenly;align-items:stretch;column-gap:4px;grid-column-gap:4px}#serach-area .contents-wrap .contents .answer-all input[type="radio"].answer{display:none}#serach-area .contents-wrap .contents .answer-all input[type="radio"].answer:checked+label{background-color:var(--color-orange);color:#eee;border:1px solid var(--color-orange)}#serach-area .contents-wrap .contents .answer-all .label{display:block;float:left;text-align:center;padding:6px;border:1px solid #ddd;border-radius:2px;background-color:#fff;filter:drop-shadow(1px 1px 1px rgba(0,0,0,0.16));line-height:2.2;flex:1}#serach-area nav{margin:12px auto;padding:0 16px;display:flex;justify-content:space-around}#serach-area nav #btnPrev,#serach-area nav #btnNext,#serach-area nav #btnResu{padding:6px 10px;border:1px solid #ddd;border-radius:2px;background-color:#fff;filter:drop-shadow(1px 1px 1px rgba(0,0,0,0.16));width:calc(100% / 2);text-align:center;margin:4px;color:var(--color-base1)}#serach-area nav #btnPrev:hover,#serach-area nav #btnNext:hover,#serach-area nav #btnResu:hover{background-color:var(--color-orange);color:#eee;border:1px solid #d5d5d5}#serach-area nav #btnResu{padding:0;display:none}#serach-area nav #btnResu input{display:block;width:100%;padding:6px 10px}#serach-area nav #btnResu input:hover{color:#fff}#result-area{padding-top:32px}#result-area h3{text-align:center;margin-bottom:16px}#result-area h3.hitNum{margin:32px auto}#result-area .result-condition{border:1px solid #ddd;border-radius:2px;background-color:#fff;filter:drop-shadow(1px 1px 1px rgba(0,0,0,0.16));padding:16px 16px 6px 16px}#result-area .result-condition p{display:inline;padding-right:8px}#result-area .result-condition p::after{content:">";padding-left:8px}#result-area .result-condition p:last-of-type::after{display:none}#result-area .result-condition .btnReturn{text-align:right;margin-top:12px}#result-area .rank-item h3{text-align:left;margin-top:12px;font-size:150%}#tbl-spec{margin-bottom:36px;padding:0 16px;background-color:#fff}#tbl-spec h2{background-color:var(--color-beige)}#tbl-spec .item-list{border:1px solid #dae2ec;border-collapse:collapse}#tbl-spec .item-list th,#tbl-spec .item-list td{border:1px solid #dae2ec;text-align:center;font-weight:normal;font-size:86%;padding:8px 0}#tbl-spec .item-list th{width:50px;background-color:#f1f5f8;color:#617d98}#tbl-spec .item-list td .icon1,#tbl-spec .item-list td .icon2,#tbl-spec .item-list td .icon3{width:32px;height:32px;position:relative;margin:0 auto 6px}#tbl-spec .item-list td .class1{color:#be185d}#tbl-spec .item-list td .class2{color:#b45309}#tbl-spec .item-list td .class3{color:#4d7c0f}#tbl-spec .item-list td .icon1{border:solid var(--color-pink) 3px;border-radius:50%}#tbl-spec .item-list td .icon1::before{content:"";width:20px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border:solid var(--color-pink) 3px;border-radius:50%}#tbl-spec .item-list td .icon2{border:solid var(--color-orange) 4px;border-radius:50%}#tbl-spec .item-list td .icon3{border-bottom:32px solid var(--color-ygreen);border-right:20px solid transparent;border-left:20px solid transparent}#tbl-spec .item-list td .icon3::after{content:"";display:block;position:absolute;top:8px;left:50%;transform:translate(-50%, 0);border-bottom:20px solid #fff;border-right:12px solid transparent;border-left:12px solid transparent}#tbl-spec .item-list .btn-label{padding:6px 0;width:80%;margin:0 auto 4px}#tbl-spec .item-list .btn-label p{line-height:1.2}.tab-rank-headline{width:var(---sub-wrap);margin:0 auto 16px}#tab-rank{padding:0 16px;margin:0 auto 36px;display:grid;grid-template-columns:1fr 1fr 1fr;grid-column-gap:4px}#tab-rank .tabs-item{display:inline-block;border:1px solid var(--color-pink);border-radius:10px 10px 0 0;background-color:#fff;text-align:center;font-weight:bold;line-height:32px;height:32px;transition:all 0.2s ease}#tab-rank .tabs-item:hover{opacity:0.75}#tab-rank input:checked+.tabs-item{background-color:var(--color-pink);color:var(--color-white)}#tab-rank input[name="tabs-item"]{display:none}#tab-rank .tab-content{display:none;clear:both;overflow:hidden;border-top:4px solid var(--color-pink)}#tab-rank #tab1:checked ~ #tab1-content,#tab-rank #tab2:checked ~ #tab2-content,#tab-rank #tab3:checked ~ #tab3-content{display:block}#tab-rank #tab1-content,#tab-rank #tab2-content,#tab-rank #tab3-content{grid-column:1 / 4}.rank-item{padding:10px 0;border-radius:6px;box-shadow:0 2px 10px rgba(0,0,0,0.1);width:99%;margin:0 auto 30px;background-color:#fff}.rank-item .item-header{padding:0 8px}.rank-item .item-header h3{font-size:150%}.rank-item h4:not(.caution-area h4){margin-top:12px;color:#617d98;font-size:86%;padding:0px 12px}.rank-item .item-score{margin-top:10px;padding:0 12px;display:flex;align-items:center}.rank-item .item-score .score{color:var(--color-pink);font-weight:bold}.rank-item .item-point{padding:12px;counter-reset:number 0}.rank-item .item-point dl{padding:6px 6px 6px 46px;margin-bottom:10px;position:relative}.rank-item .item-point dl dt{font-size:1.6rem;font-weight:bold;border-left:1px solid #dae2ec;padding:2px 0 0 6px}.rank-item .item-point dl dd{font-size:1.3rem;border-left:1px solid #dae2ec;padding:6px 0 0 6px}.rank-item .item-point dl dd strong{color:var(--color-pink)}.rank-item .item-point dl::before{content:'POINT';font-size:80%;color:var(--color-pink);position:absolute;top:6px;left:0}.rank-item .item-point dl::after{counter-increment:number 1;content:"0" counter(number);color:var(--color-pink);font-size:180%;font-weight:bold;position:absolute;top:16px;left:4px}.rank-item .item-spec{width:calc(100% - 16px * 2);margin:16px auto}.rank-item .item-spec th{width:50%;background-color:#cccccc;padding:4px 0}.rank-item .item-spec td{width:50%;background-color:#eee;padding:4px 0;text-align:center}.rank-item .caution-area{border:1px solid #dae2ec;margin:32px 16px 16px;padding:24px 12px 12px 12px;text-align:center;position:relative}.rank-item .caution-area h4{position:absolute;background-color:var(--color-pink);color:#fff;padding:6px 6px 6px 12px;font-weight:normal;font-size:1.3rem;top:-16px;left:-1px;filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.16))}.rank-item .caution-area h4::after{content:'';position:absolute;top:50%;right:-12px;transform:translateY(-50%);border-top:solid 15px transparent;border-bottom:solid 15px transparent;border-left:solid 12px var(--color-pink);filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.16))}.rank-item .btn-area{margin:30px auto;text-align:center;padding:0 16px}.rank-item .btn-area .btn-label p::after{content:"";width:0;height:0;position:absolute;top:50%;right:-28px;transform:translateY(-50%);margin:auto;box-sizing:border-box;border:5px solid transparent;border-left:8px solid #fff;z-index:2}.rank-item.item1{border-radius:0 0 6px 6px}.rank-item.item1 .item-header,.rank-item.item2 .item-header,.rank-item.item3 .item-header{display:grid;grid-template-columns:76px 1fr;grid-column-gap:12px}.rank-item.item1 .item-header .iconImg,.rank-item.item2 .item-header .iconImg,.rank-item.item3 .item-header .iconImg{background:url(images/rank1.jpeg);background-size:contain;width:76px;height:50px}.rank-item.item2 .item-header .iconImg{background:url(images/rank2.jpeg);background-size:contain}.rank-item.item3 .item-header .iconImg{background:url(images/rank3.jpeg);background-size:contain}#recom-item{text-align:left}#recom-item h3{margin:0 auto 16px;padding:6px 16px;background-color:var(--color-beige)}#recom-item .txt1,#recom-item .txt2{margin:0 auto 16px}#recom-item .img1{width:var(---sub-wrap);margin:0 auto 16px}#recom-item .img1 img{width:100%}#recom-item .btn-area{margin:36px auto}#recom-item .btn-area .btn{background-color:#e9727c;border-radius:4px;box-shadow:0 4px 8px 0 rgba(19,12,2,0.2);width:100%;max-width:320px;padding:10px 0;margin:4px auto 16px;text-align:center}#recom-item .btn-area .btn p{color:var(--color-white);position:relative;filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.32))}#recom-item .btn-area .btn p::after{content:"";width:10px;height:10px;position:absolute;top:50%;right:16px;border-top:2px solid #fff;border-right:2px solid #fff;-webkit-transform:rotate(45deg);transform:translateY(-50%) rotate(45deg);z-index:2}@media screen and (max-width: 750px){#layout-wrap{max-width:100%}#serach-area .step-all{width:calc(100% - 16px);margin:0 auto 16px}#serach-area .step-all .step{padding:6px 10px 6px 16px}#serach-area .step-all .step::before{border-top:solid 14px transparent;border-bottom:solid 14px transparent}#serach-area .answer-all{width:calc(100% - 16px);margin:0 auto}#serach-area nav{width:calc(100% - 16px)}#serach-area .contents-wrap{width:calc(100% * 5)}.tab-rank-headline{width:calc(100% - 32px)}#result-area .result-condition{width:calc(100% - 32px);margin:0 auto}#resule-page .rank-item{width:calc(100% - 32px);margin:0 auto}}@media screen and (max-width: 320px){#serach-area .step-all .step{padding:6px 6px 6px 13px}}
/*# sourceMappingURL=style.css.map */