.rankex{margin-bottom:1.5rem}.rankex div{box-sizing:border-box}.rankex .gold::before,.rankex .silver::before,.rankex .bronze::before,.rankex .rank4::before,.rankex .rank5::before{position:absolute;left:1rem;top:1rem;content:'';display:block;width:64px;height:57px;background-repeat:no-repeat;background-size:contain;background-position:center}.rankex .gold{border-color:#c4bf3b !important}.rankex .gold::before{background-image:url(../images/rank1.png)}.rankex .silver{border-color:#a7a7a5 !important}.rankex .silver::before{background-image:url(../images/rank2.png)}.rankex .bronze{border-color:#996c33 !important}.rankex .bronze::before{background-image:url(../images/rank3.png)}.rankex .rank4::before{background-image:url(../images/rank4.png)}.rankex .rank5::before{background-image:url(../images/rank5.png)}.rankex .rankex_wrapper{position:relative;padding:0.7rem 0.6rem 0.9rem;background:#fff;border:2px solid #ccc;border-radius:0.5rem}.rankex .rankex_wrapper+p{display:none}.rankex .rankex_wrapper>div{margin-bottom:0.8rem}.rankex .rankex_wrapper>div:last-of-type{margin-bottom:0}.rankex .rankex_wrapper h2{background:none;color:#323944;margin:0;padding:0;font-size:0.8rem}.rankex .rankex_wrapper h2::after{display:none}.rankex .rankex_wrapper p{margin:0 !important}.rankex .rankex_wrapper .header{padding:0.5rem 0.5rem 1rem 88px;margin-bottom:0}.rankex .rankex_wrapper .header .sitecopy{padding:0;font-size:1rem;line-height:1.4rem}.rankex .rankex_wrapper .header h1.sitename{margin:0 0 0.5rem;font-size:1.25rem;font-weight:700;text-decoration:underline}.rankex .rankex_wrapper .header h1.sitename+p{display:none}.rankex .rankex_wrapper .header h1.sitename a{color:#2432ff;font-family:Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, sans-serif}.rankex .rankex_wrapper .star_wrap{margin-bottom:1rem}.rankex .rankex_wrapper .star_wrap p{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;flex-wrap:nowrap;align-items:center;justify-content:center}.rankex .rankex_wrapper .star_wrap p span{display:inline-block}.rankex .rankex_wrapper .star_wrap p .title{padding:0.2rem 0.8rem;margin:0.2rem 0.4rem 0.2rem 0;border:1px solid #006;font-size:0.9rem;color:#006;line-height:1.2em}.rankex .rankex_wrapper .star_wrap p .star{height:20px}.rankex .rankex_wrapper .star_wrap p .star i:before{display:none}.rankex .rankex_wrapper .star_wrap p .star i svg{width:20px;height:20px}.rankex .rankex_wrapper .star_wrap p .star i svg path{fill:#fecc32}.rankex .rankex_wrapper .star_wrap p+p{display:none}.rankex .rankex_wrapper .logo{width:90%;height:auto;margin:0 auto 0.8rem}.rankex .rankex_wrapper .logo img{width:100%;height:auto;margin:0}.rankex .rankex_wrapper .comment{margin-bottom:0.2rem;position:relative;padding:0.5rem}.rankex .rankex_wrapper .comment h2.comment_head{display:block;font-weight:bold;margin-bottom:0.8rem;font-size:1rem;border:none;border-left:4px solid #f5639b;padding-top:0.3rem !important;padding-right:0.2rem !important;padding-bottom:0 !important;padding-left:0.5rem !important;background-color:#fcc}.rankex .rankex_wrapper .comment .comment_text{margin:0 !important}.rankex .rankex_wrapper .comment .comment_text+p{display:none}.rankex .rankex_wrapper .official-url{display:flex;-webkit-flow:row nowrap;flex-flow:row nowrap;justify-content:start;align-items:center}.rankex .rankex_wrapper .official-url .official-url_head{font-weight:bold;font-size:12px;color:#ffffff;padding:0.2rem 0.5rem !important;margin-right:0.4rem;background-color:#ff9999;border:none;border-radius:0.2rem}.rankex .rankex_wrapper .official-url .official-url_text a{color:#0000ff;font-weight:600}.rankex .rankex_wrapper .slider_wrapper h2{display:inline-block;border:none;background-color:#f5639b;color:#fff;padding:0 1.5em !important}.rankex .rankex_wrapper .slider_wrapper .slider{border:1px solid #f5639b;background-color:#fafcf8}.rankex .rankex_wrapper .slider_wrapper .slider .item a{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;color:#323944;text-decoration:none}.rankex .rankex_wrapper .slider_wrapper .slider .item a .pic{width:50%;padding:0.5em}.rankex .rankex_wrapper .slider_wrapper .slider .item a .pic img{width:100%;height:auto}.rankex .rankex_wrapper .slider_wrapper .slider .item a .text_wrapper{width:50%}.rankex .rankex_wrapper .slider_wrapper .slider .item a .text_wrapper ul{margin:0;padding:0;list-style:none}.rankex .rankex_wrapper .slider_wrapper .slider .item a .text_wrapper ul li{font-size:14.4px;line-height:1.4;padding:0.75em 0.5em 0.25em 1.25em;margin-bottom:0;position:relative}.rankex .rankex_wrapper .slider_wrapper .slider .item a .text_wrapper ul li::before{display:block;content:'';position:absolute;top:50%;left:4px;width:6px;height:6px;transform:translate(0, -50%);background-color:#ec6a5e;border-radius:100%}.rankex .rankex_wrapper .slider_wrapper .slider .item a .text_wrapper ul li:last-child{padding:0.5em 0.5em 0.7em 1.25em}.rankex .rankex_wrapper .slider_wrapper .slider .item a .text_wrapper ul li:last-child::before{display:none}.rankex .rankex_wrapper .slider_wrapper .slider .item a .text_wrapper ul li .button{color:#fff;display:block;box-sizing:border-box;width:90%;padding:0.5em 0;margin:0 5% !important;background:#F90;border-radius:5px;box-shadow:0 2px 0 #ad6800;position:relative;border:none;text-align:center;font-size:14px}.rankex .rankex_wrapper .information{margin-top:0.8rem;margin-bottom:0.4rem;border:1px solid #f5639b}.rankex .rankex_wrapper .information>div{width:100%;background:#fff;border-bottom:1px solid #f5639b}.rankex .rankex_wrapper .information>div:last-of-type{border-bottom:none}.rankex .rankex_wrapper .information>div h2,.rankex .rankex_wrapper .information>div p{padding:0.4rem !important;text-align:center}.rankex .rankex_wrapper .information>div h2{background:#f5639b;color:#fff;line-height:1.5em;border:1px solid #fff !important}.rankex .rankex_wrapper .information>div h2::before{display:none}.rankex .rankex_wrapper .information .feature,.rankex .rankex_wrapper .information .jobsavailable,.rankex .rankex_wrapper .information .gift,.rankex .rankex_wrapper .information .area{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;flex-wrap:nowrap;align-items:stretch}.rankex .rankex_wrapper .information .feature>h2,.rankex .rankex_wrapper .information .feature>p,.rankex .rankex_wrapper .information .jobsavailable>h2,.rankex .rankex_wrapper .information .jobsavailable>p,.rankex .rankex_wrapper .information .gift>h2,.rankex .rankex_wrapper .information .gift>p,.rankex .rankex_wrapper .information .area>h2,.rankex .rankex_wrapper .information .area>p{position:relative;min-height:1.8rem}.rankex .rankex_wrapper .information .feature>h2 span,.rankex .rankex_wrapper .information .feature>p span,.rankex .rankex_wrapper .information .jobsavailable>h2 span,.rankex .rankex_wrapper .information .jobsavailable>p span,.rankex .rankex_wrapper .information .gift>h2 span,.rankex .rankex_wrapper .information .gift>p span,.rankex .rankex_wrapper .information .area>h2 span,.rankex .rankex_wrapper .information .area>p span{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.rankex .rankex_wrapper .information .feature>h2,.rankex .rankex_wrapper .information .jobsavailable>h2,.rankex .rankex_wrapper .information .gift>h2,.rankex .rankex_wrapper .information .area>h2{width:28%;white-space:nowrap}.rankex .rankex_wrapper .information .feature>p,.rankex .rankex_wrapper .information .jobsavailable>p,.rankex .rankex_wrapper .information .gift>p,.rankex .rankex_wrapper .information .area>p{width:72%}.rankex .rankex_wrapper .conditions{margin-top:0.8rem;background-color:#fff1f5;padding:0.5rem;font-weight:400}.rankex .rankex_wrapper .conditions h3{margin:0 !important;padding:0 !important;font-size:1rem;font-weight:bold;text-align:center;color:#fd6a94 !important;border:none !important;background:transparent !important}.rankex .rankex_wrapper .conditions ul{list-style:none;padding-left:0;padding-right:0;margin-bottom:0;display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap}.rankex .rankex_wrapper .conditions ul li{display:block;line-height:32px;border-radius:16px;font-size:16px;white-space:nowrap;background-color:#ccc;color:#fff;padding:0 12px;margin:0 0 4px 0;width:46%;text-align:center;box-sizing:border-box}.rankex .rankex_wrapper .conditions ul li::before{display:none}.rankex .rankex_wrapper .conditions ul li.show{background-color:#fd6a94}.rankex .rankex_wrapper .button_wrap{padding:0 0.5rem 0.6rem}.rankex .rankex_wrapper .button_wrap+p{display:none}.rankex .rankex_wrapper .button_wrap .one-more-effort{text-align:center;font-size:0.9rem}.rankex .rankex_wrapper .button_wrap .one-more-effort .number{color:#F90;font-weight:600;font-size:1.25rem;padding:0 0 0.4rem;-webkit-animation:blinking 2s infinite;-moz-animation:blinking 2s infinite;animation:blinking 2s infinite;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}.rankex .rankex_wrapper .button_wrap .button+p{display:none}.rankex .rankex_wrapper .button_wrap .button a{display:block;box-sizing:border-box;width:100%;padding:15px 6px 16px 64px;text-decoration:none;background:#67B867;border-radius:5px;box-shadow:0 2px 0 #009900;position:relative;border:none;text-align:center;font-size:1.3rem;font-weight:600;color:#fff;overflow:hidden}.rankex .rankex_wrapper .button_wrap .button a::before{content:'';display:block;width:56px;height:56px;background:url(../images/rankex_button_icon.png) 0 0 no-repeat;background-size:contain;position:absolute;top:0;left:12px}.rankex .rankex_wrapper .button_wrap .button a::after{content:'';display:block;width:30px;height:100%;position:absolute;top:-180px;left:0;background-color:#fff;opacity:0;transform:rotate(40deg);animation:reflection 5s ease-in-out infinite;-webkit-transform:rotate(40deg);-webkit-animation:reflection 5s ease-in-out infinite}.rankex .rankex_wrapper .button_wrap .button:hover{box-shadow:0 1px 0 #0a3663;top:1px}.rankex .rankex_voice_wrapper{background-color:#fde2ad;padding-top:2px;padding-bottom:4px;margin-top:1rem;border-radius:4px}.rankex .rankex_voice_wrapper+p{display:none}.rankex .rankex_voice_wrapper h2{margin:0 !important;text-align:center;background:transparent;border:none;color:#323944}.rankex .rankex_voice_wrapper h2 a{color:#f5639b;text-decoration:none;pointer-events:none}.rankex .rankex_voice_wrapper .rankex_voice_item{position:relative;background-color:#fff;margin-right:4px;margin-left:4px;margin-bottom:4px;padding-top:4px;border-radius:4px}.rankex .rankex_voice_wrapper .rankex_voice_item:last-of-type{margin-bottom:0}.rankex .rankex_voice_wrapper .rankex_voice_item:last-of-type+p{display:none}.rankex .rankex_voice_wrapper .rankex_voice_item header{margin-left:3.4375rem}.rankex .rankex_voice_wrapper .rankex_voice_item header h3{padding-bottom:0 !important;margin:0 !important;border:none !important;background:none !important;text-align:left;position:relative}.rankex .rankex_voice_wrapper .rankex_voice_item header h3 span.st-dash-design{padding:0 !important;border:none !important}.rankex .rankex_voice_wrapper .rankex_voice_item header h3 span{vertical-align:middle;line-height:1.6875rem;display:block}.rankex .rankex_voice_wrapper .rankex_voice_item header h3 .voice_info{font-size:0.875rem;font-family:Meiryo, Hiragino Sans, Hiragino Kaku Gothic ProN, sans-serif;color:#323944}.rankex .rankex_voice_wrapper .rankex_voice_item header h3 .voice_info+br{display:none}.rankex .rankex_voice_wrapper .rankex_voice_item header h3 .voice_star i{padding-top:1px}.rankex .rankex_voice_wrapper .rankex_voice_item header h3 .voice_star i:before{display:none}.rankex .rankex_voice_wrapper .rankex_voice_item header h3 .voice_star i svg{width:20px;height:20px}.rankex .rankex_voice_wrapper .rankex_voice_item header h3 .voice_star i svg path{fill:#fecc32}.rankex .rankex_voice_wrapper .rankex_voice_item .voice_pic{position:absolute;width:45px;height:45px;top:12px;left:8px}.rankex .rankex_voice_wrapper .rankex_voice_item .voice_pic img{width:100%;height:100%}.rankex .rankex_voice_wrapper .rankex_voice_item .voice_text{border-top:1px dotted #fcd07b;padding:8px;position:relative}.rankex .rankex_voice_wrapper .rankex_voice_item .voice_text+p{display:none}.rankex .rankex_voice_wrapper .rankex_voice_item .voice_text p{font-size:0.8125rem;line-height:1.4;padding:0}.rankex .rankex_voice_wrapper .rankex_voice_item .voice_text p:last-of-type{margin-bottom:0}.rankex .rankex_voice_wrapper .rankex_voice_item .voice_text p+p{display:none}.rankex .addition_area+p{display:none}.rankex .addition_area .bottom_link{text-align:right;padding:0.8rem 0 0}.rankex .addition_area .bottom_link+p{display:none}@-webkit-keyframes blinking{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@-moz-keyframes blinking{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes blinking{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes reflection{0%{transform:scale(0) rotate(40deg);opacity:0}80%{transform:scale(0) rotate(40deg);opacity:0.5}81%{transform:scale(4) rotate(40deg);opacity:1}100%{transform:scale(50) rotate(40deg);opacity:0}}@-webkit-keyframes reflection{0%{transform:scale(0) rotate(40deg);opacity:0}80%{transform:scale(0) rotate(40deg);opacity:0.5}81%{transform:scale(4) rotate(40deg);opacity:1}100%{transform:scale(50) rotate(40deg);opacity:0}}
