.container{width:1080px}@media screen and (max-width: 768px){.container{width:100%}}@media screen and (max-width: 768px){h2.title{margin:0 30px}}.rate-table-sp{display:none}@media screen and (max-width: 768px){.rate-table-sp{display:block;margin-top:15px}}.rate-table-sp .rate-inner{display:flex;flex-wrap:wrap;column-gap:10px;row-gap:5px;background-color:#f5f5f5;padding:10px 2%}.rate-table-sp .rate-inner .head{display:flex;align-items:center;justify-content:flex-start}.rate-table-sp .rate-inner .head span{font-size:12px}.rate-table-sp .rate-inner .head .stars{position:relative;display:flex;column-gap:2px;margin-bottom:2px}.rate-table-sp .rate-inner .head .stars img{width:12px}.rate-table-sp .rate-inner .head .stars .overlay{position:absolute;top:0;right:0;background:#f5f5f5;height:12px}nav ul{display:flex;justify-content:center}nav ul li a{color:gray;background-color:#d9d9da}nav ul li a:hover{color:#039}@media screen and (max-width: 768px){nav ul li{margin:0}nav ul li:not(:last-child){flex:1;border-right:1px solid #ccc}nav ul li:last-child{width:15%}nav ul li a{display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:5px;font-size:10px!important;font-weight:700;line-height:1.2;padding:10px 0;height:100%;color:gray;background:none #d9d9da!important}nav ul li img{width:35px!important}}.message{display:flex;align-items:center;justify-content:space-between;gap:30px;width:100%!important}.message img{width:230px;margin-left:30px}.message p{flex:1;color:#2f40e5;font-size:20px!important;font-weight:700;line-height:1.5}@media screen and (max-width: 768px){.message{position:relative;display:flex;flex-direction:column-reverse;padding:0;gap:0px}.message img{width:50%;margin:auto}.message .row{flex-direction:column;flex-direction:column-reverse;align-items:center}.message p{width:100%;font-size:14px!important}}.message.top{padding-top:40px;padding-bottom:0}@media screen and (max-width: 768px){.message.top{padding:30px 3% 0;margin-bottom:-10px!important}.message.top .row{display:flex;flex-direction:row;align-items:center;column-gap:10px}.message.top img{position:relative;width:25%!important;height:auto;margin:0!important}}.pickupBoxNew{position:relative;background:#fff;margin-top:50px;margin-bottom:50px;box-shadow:0 6px 10px #626262c2;height:auto}@media screen and (max-width: 768px){.pickupBoxNew{margin:50px 3% 60px}}.pickupBoxNew .right{position:absolute;right:70px;top:-118px}@media screen and (max-width: 768px){.pickupBoxNew .right{display:none}}.pickupBoxNew .left{position:absolute;left:70px;top:-100px}@media screen and (max-width: 768px){.pickupBoxNew .left{display:none}}.pickupBoxNew .inner{position:relative;display:flex;align-items:flex-start;justify-content:space-between;width:100%;padding:50px 40px}@media screen and (max-width: 768px){.pickupBoxNew .inner{flex-direction:column;padding:50px 4% 30px}}.pickupBoxNew .inner .imgBox{padding:0;width:550px;margin:0}.pickupBoxNew .inner .imgBox img{width:100%}@media screen and (max-width: 768px){.pickupBoxNew .inner .imgBox{width:100%}}.pickupBoxNew .inner .infoBox{padding:0;width:350px!important;margin:0}.pickupBoxNew .inner .infoBox .companyName{font-size:12px}.pickupBoxNew .inner .infoBox .itemName{font-weight:700}.pickupBoxNew .inner .infoBox a{font-size:36px;text-decoration:none;color:#2f40e5}@media screen and (max-width: 768px){.pickupBoxNew .inner .infoBox{width:100%!important;padding:0!important;margin-top:20px}.pickupBoxNew .inner .infoBox .desc{margin-top:5px;min-height:80px;font-size:16px;line-height:22px;font-weight:700}.pickupBoxNew .inner .infoBox .detailBtn{font-size:18px}}.pickupBoxNew .inner a,.pickupBoxNew .inner p{color:#039}.pickupBoxNew .pickup-ttl{position:absolute;display:flex;align-items:center;justify-content:center;width:400px;height:50px;background:url(../img/pickup_ribon.png) no-repeat;color:#fff;font-size:24px;font-weight:700;letter-spacing:2px;left:0;right:0;top:-25px;margin:auto}@media screen and (max-width: 768px){.pickupBoxNew .pickup-ttl{width:75%;font-size:16px;background-size:100% 100%;height:40px;top:-18px}}#search-section .head,#search-section .content{border-radius:0!important}.rankWhole{background-color:#fff!important;margin-bottom:-2px!important;margin-top:0!important}#top .rankWhole,#month .rankWhole,#fast .rankWhole,#condition .rankWhole,#campaign .rankWhole{width:100%;padding:0 40px 10px;background-color:#fff}#top .rankWhole.block01,#month .rankWhole.block01,#fast .rankWhole.block01,#condition .rankWhole.block01,#campaign .rankWhole.block01{padding-top:50px}@media screen and (max-width: 768px){#top .rankWhole,#month .rankWhole,#fast .rankWhole,#condition .rankWhole,#campaign .rankWhole{padding:30px 3% 10px}#top .rankWhole.block01,#month .rankWhole.block01,#fast .rankWhole.block01,#condition .rankWhole.block01,#campaign .rankWhole.block01{padding-top:40px}}#top .rankBox,#month .rankBox,#fast .rankBox,#condition .rankBox,#campaign .rankBox{padding:0!important}@media screen and (max-width: 768px){#top .rankBox,#month .rankBox,#fast .rankBox,#condition .rankBox,#campaign .rankBox{padding:0!important}}#top .rankBox .innerrankBox,#month .rankBox .innerrankBox,#fast .rankBox .innerrankBox,#condition .rankBox .innerrankBox,#campaign .rankBox .innerrankBox{border-radius:0;border-color:#00a8ff}#top .rankBox .itemName,#month .rankBox .itemName,#fast .rankBox .itemName,#condition .rankBox .itemName,#campaign .rankBox .itemName{background-color:#00a8ff;font-size:30px}@media screen and (max-width: 768px){#top .rankBox .itemName,#month .rankBox .itemName,#fast .rankBox .itemName,#condition .rankBox .itemName,#campaign .rankBox .itemName{font-size:18px;font-weight:700;padding:15px 0 15px 90px}}#top .rankBox .infoUpper,#month .rankBox .infoUpper,#fast .rankBox .infoUpper,#condition .rankBox .infoUpper,#campaign .rankBox .infoUpper{display:flex;padding:0}#top .rankBox .inner,#month .rankBox .inner,#fast .rankBox .inner,#condition .rankBox .inner,#campaign .rankBox .inner{width:100%;padding:0 40px}@media screen and (max-width: 768px){#top .rankBox .inner .clearfix,#month .rankBox .inner .clearfix,#fast .rankBox .inner .clearfix,#condition .rankBox .inner .clearfix,#campaign .rankBox .inner .clearfix{margin-bottom:20px}}#top .rankBox .inner .detail-btn-wrap,#month .rankBox .inner .detail-btn-wrap,#fast .rankBox .inner .detail-btn-wrap,#condition .rankBox .inner .detail-btn-wrap,#campaign .rankBox .inner .detail-btn-wrap{clear:both}#top .rankBox .inner .detail-btn-wrap .detail-btn,#month .rankBox .inner .detail-btn-wrap .detail-btn,#fast .rankBox .inner .detail-btn-wrap .detail-btn,#condition .rankBox .inner .detail-btn-wrap .detail-btn,#campaign .rankBox .inner .detail-btn-wrap .detail-btn{margin:26px 0}@media screen and (max-width: 768px){#top .rankBox .inner .detail-btn-wrap .detail-btn,#month .rankBox .inner .detail-btn-wrap .detail-btn,#fast .rankBox .inner .detail-btn-wrap .detail-btn,#condition .rankBox .inner .detail-btn-wrap .detail-btn,#campaign .rankBox .inner .detail-btn-wrap .detail-btn{margin:20px 0}}#top .rankBox .inner .rightDesc,#month .rankBox .inner .rightDesc,#fast .rankBox .inner .rightDesc,#condition .rankBox .inner .rightDesc,#campaign .rankBox .inner .rightDesc{width:70%}@media screen and (max-width: 768px){#top .rankBox .inner .rightDesc,#month .rankBox .inner .rightDesc,#fast .rankBox .inner .rightDesc,#condition .rankBox .inner .rightDesc,#campaign .rankBox .inner .rightDesc{width:100%;margin:0;padding:0}}#top .rankBox .inner .imgBox,#month .rankBox .inner .imgBox,#fast .rankBox .inner .imgBox,#condition .rankBox .inner .imgBox,#campaign .rankBox .inner .imgBox{width:45%;height:145px;border:2px solid #222;overflow:hidden;margin:0}#top .rankBox .inner .imgBox img,#month .rankBox .inner .imgBox img,#fast .rankBox .inner .imgBox img,#condition .rankBox .inner .imgBox img,#campaign .rankBox .inner .imgBox img{object-fit:contain;width:100%;height:100%}#top .rankBox .inner .infoBox,#month .rankBox .inner .infoBox,#fast .rankBox .inner .infoBox,#condition .rankBox .inner .infoBox,#campaign .rankBox .inner .infoBox{flex:1;padding:0}#top .rankBox .inner .infoBox .rate-label,#month .rankBox .inner .infoBox .rate-label,#fast .rankBox .inner .infoBox .rate-label,#condition .rankBox .inner .infoBox .rate-label,#campaign .rankBox .inner .infoBox .rate-label{display:none}#top .rankBox .inner .infoBox .point,#month .rankBox .inner .infoBox .point,#fast .rankBox .inner .infoBox .point,#condition .rankBox .inner .infoBox .point,#campaign .rankBox .inner .infoBox .point,#top .rankBox .inner .infoBox .point .panel-heading,#month .rankBox .inner .infoBox .point .panel-heading,#fast .rankBox .inner .infoBox .point .panel-heading,#condition .rankBox .inner .infoBox .point .panel-heading,#campaign .rankBox .inner .infoBox .point .panel-heading{border-radius:0}#top .rankBox .inner .infoBox .panel-body,#month .rankBox .inner .infoBox .panel-body,#fast .rankBox .inner .infoBox .panel-body,#condition .rankBox .inner .infoBox .panel-body,#campaign .rankBox .inner .infoBox .panel-body{min-height:97px}#top .rankBox .inner .desc,#month .rankBox .inner .desc,#fast .rankBox .inner .desc,#condition .rankBox .inner .desc,#campaign .rankBox .inner .desc{width:100%;padding:0;margin-top:30px;margin-bottom:50px;font-size:18px;line-height:1.8}@media screen and (max-width: 768px){#top .rankBox .inner,#month .rankBox .inner,#fast .rankBox .inner,#condition .rankBox .inner,#campaign .rankBox .inner{padding:0 4%}#top .rankBox .inner .imgBox,#month .rankBox .inner .imgBox,#fast .rankBox .inner .imgBox,#condition .rankBox .inner .imgBox,#campaign .rankBox .inner .imgBox{width:100%;height:auto;margin-bottom:20px}#top .rankBox .inner .infoBox,#month .rankBox .inner .infoBox,#fast .rankBox .inner .infoBox,#condition .rankBox .inner .infoBox,#campaign .rankBox .inner .infoBox{width:100%;height:auto!important}#top .rankBox .inner .infoBox .rate-label,#month .rankBox .inner .infoBox .rate-label,#fast .rankBox .inner .infoBox .rate-label,#condition .rankBox .inner .infoBox .rate-label,#campaign .rankBox .inner .infoBox .rate-label{display:inline-block;color:#039;font-weight:700;font-size:20px;margin-left:-10px}#top .rankBox .inner .rate .rateBox .stars img,#month .rankBox .inner .rate .rateBox .stars img,#fast .rankBox .inner .rate .rateBox .stars img,#condition .rankBox .inner .rate .rateBox .stars img,#campaign .rankBox .inner .rate .rateBox .stars img{width:30px!important}#top .rankBox .inner .desc,#month .rankBox .inner .desc,#fast .rankBox .inner .desc,#condition .rankBox .inner .desc,#campaign .rankBox .inner .desc{font-size:16px;margin-top:0;margin-bottom:25px}}#top .rankBox .moreBtnRow,#month .rankBox .moreBtnRow,#fast .rankBox .moreBtnRow,#condition .rankBox .moreBtnRow,#campaign .rankBox .moreBtnRow{clear:both;margin-top:0!important}@media screen and (max-width: 768px){#top .rankBox .moreBtnRow a,#month .rankBox .moreBtnRow a,#fast .rankBox .moreBtnRow a,#condition .rankBox .moreBtnRow a,#campaign .rankBox .moreBtnRow a{font-size:18px!important}}#top .numberTag,#month .numberTag,#fast .numberTag,#condition .numberTag,#campaign .numberTag{width:104px;height:auto;top:-12px;left:25px}#top .numberTag img,#month .numberTag img,#fast .numberTag img,#condition .numberTag img,#campaign .numberTag img{width:100%}@media screen and (max-width: 768px){#top .numberTag,#month .numberTag,#fast .numberTag,#condition .numberTag,#campaign .numberTag{width:80px;top:-8px;left:10px}}#top .pickupBox,#month .pickupBox,#fast .pickupBox,#condition .pickupBox,#campaign .pickupBox{position:relative;background:#fff;margin-top:70px;margin-bottom:50px;box-shadow:0 6px 10px #626262c2;height:auto}#top .pickupBox .right,#month .pickupBox .right,#fast .pickupBox .right,#condition .pickupBox .right,#campaign .pickupBox .right{position:absolute;right:70px;top:-118px}#top .pickupBox .left,#month .pickupBox .left,#fast .pickupBox .left,#condition .pickupBox .left,#campaign .pickupBox .left{position:absolute;left:70px;top:-100px}#top .pickupBox .inner,#month .pickupBox .inner,#fast .pickupBox .inner,#condition .pickupBox .inner,#campaign .pickupBox .inner{position:relative;display:flex;align-items:flex-start;justify-content:space-between;width:100%;padding:50px 40px}#top .pickupBox .inner .imgBox,#month .pickupBox .inner .imgBox,#fast .pickupBox .inner .imgBox,#condition .pickupBox .inner .imgBox,#campaign .pickupBox .inner .imgBox{padding:0;width:550px;margin:0}#top .pickupBox .inner .infoBox,#month .pickupBox .inner .infoBox,#fast .pickupBox .inner .infoBox,#condition .pickupBox .inner .infoBox,#campaign .pickupBox .inner .infoBox{padding:0;width:350px;margin:0}#top .pickupBox .inner .infoBox .desc,#month .pickupBox .inner .infoBox .desc,#fast .pickupBox .inner .infoBox .desc,#condition .pickupBox .inner .infoBox .desc,#campaign .pickupBox .inner .infoBox .desc{margin-top:14px}#top .pickupBox .inner .infoBox a,#month .pickupBox .inner .infoBox a,#fast .pickupBox .inner .infoBox a,#condition .pickupBox .inner .infoBox a,#campaign .pickupBox .inner .infoBox a{font-size:36px}#top .pickupBox .inner .infoBox .detailBtn,#month .pickupBox .inner .infoBox .detailBtn,#fast .pickupBox .inner .infoBox .detailBtn,#condition .pickupBox .inner .infoBox .detailBtn,#campaign .pickupBox .inner .infoBox .detailBtn{font-size:20px;font-weight:700}#top .pickupBox .inner a,#top .pickupBox .inner p,#month .pickupBox .inner a,#month .pickupBox .inner p,#fast .pickupBox .inner a,#fast .pickupBox .inner p,#condition .pickupBox .inner a,#condition .pickupBox .inner p,#campaign .pickupBox .inner a,#campaign .pickupBox .inner p{color:#039}#top .pickupBox .pickup-ttl,#month .pickupBox .pickup-ttl,#fast .pickupBox .pickup-ttl,#condition .pickupBox .pickup-ttl,#campaign .pickupBox .pickup-ttl{position:absolute;display:flex;align-items:center;justify-content:center;width:400px;height:50px;background:url(../img/pickup_ribon.png) no-repeat;color:#fff;font-size:24px;font-weight:700;letter-spacing:2px;left:0;right:0;top:-25px;margin:auto}#top ul li:nth-child(1) a{color:#039}@media screen and (max-width: 768px){#top ul li{position:relative}#top ul li:nth-child(1){background-color:#fff!important}#top ul li:nth-child(1):after{position:absolute;content:"";width:100%;height:5px;background-color:#039;top:0;left:0}#top ul li:nth-child(1) a{background-color:#fff!important}}#month ul li:nth-child(2) a{color:#039}@media screen and (max-width: 768px){#month ul li{position:relative}#month ul li:nth-child(2){background-color:#fff!important}#month ul li:nth-child(2):after{position:absolute;content:"";width:100%;height:5px;background-color:#039;top:0;left:0}#month ul li:nth-child(2) a{background-color:#fff!important}}#campaign ul li:nth-child(3) a{color:#039}@media screen and (max-width: 768px){#campaign ul li{position:relative}#campaign ul li:nth-child(3){background-color:#fff!important}#campaign ul li:nth-child(3):after{position:absolute;content:"";width:100%;height:5px;background-color:#039;top:0;left:0}#campaign ul li:nth-child(3) a{background-color:#fff!important}}#fast ul li:nth-child(4) a{color:#039}@media screen and (max-width: 768px){#fast ul li{position:relative}#fast ul li:nth-child(4){background-color:#fff!important}#fast ul li:nth-child(4):after{position:absolute;content:"";width:100%;height:5px;background-color:#039;top:0;left:0}#fast ul li:nth-child(4) a{background-color:#fff!important}}#condition h2{background-color:#0000}#condition .condition-head{margin-top:40px;margin-bottom:40px;text-align:center}#condition .condition-head h2{display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;letter-spacing:1px;margin:0 0 15px;padding:0}#condition .condition-head h2 img{width:50px}#condition .condition-head h2,#condition .condition-head p{color:#039;line-height:1}@media screen and (max-width: 768px){#condition .condition-head h2{font-size:23px}#condition .condition-head h2 img{width:30px}}#condition .innerBox{background-color:#fff;margin-bottom:50px;padding:30px;box-shadow:0 6px 10px #626262c2}@media screen and (max-width: 768px){#condition .innerBox{background-color:#effaff;box-shadow:none;margin-bottom:0}}#condition .tblSearch tr th,#condition .tblSearch tr td{border:none}#condition .tblSearch tr th{color:#039}@media screen and (max-width: 768px){#condition .search-filter{display:none}}#condition .search_result{padding:40px 0}@media screen and (max-width: 768px){#condition .search_result{padding:30px 0}}#condition .search_result .result-img{position:absolute;width:130px}@media screen and (max-width: 768px){#condition .search_result .result-img{display:none}}#condition .search_result .txt_result{margin-bottom:10px}#condition .row{padding:0 40px}@media screen and (max-width: 768px){#condition .row{padding:0 4%}}#condition .rankWhole:first-child{padding-top:0}#condition .search-select{clear:both;display:none;align-items:center;column-gap:10px}#condition .search-select p{font-size:16px;font-weight:700}#condition .search-select select{flex:1;font-size:16px;border-radius:5px;padding:10px}@media screen and (max-width: 768px){#condition .search-select{display:flex}}#condition ul li:nth-child(5) a{color:#039}@media screen and (max-width: 768px){#condition ul li{position:relative}#condition ul li:nth-child(5){background-color:#fff!important}#condition ul li:nth-child(5):after{position:absolute;content:"";width:100%;height:5px;background-color:#039;top:0;left:0}#condition ul li:nth-child(5) a{background-color:#fff!important}}header .headerBottom{height:350px}main{background:linear-gradient(#fff 100px,#00a8ff 500px,#00a8ff)}@media screen and (max-width: 768px){main.condition-main{background:linear-gradient(#fff 300px,#00a8ff 500px,#00a8ff)}}main>.container{top:-71px}main>.container .innerBox{background:none;padding:40px 0 0}@media screen and (max-width: 768px){main>.container{top:-50px}main>.container .innerBox{padding:22px 0 0}}.pagetop{background-color:#60f3fc;padding:80px 0 50px}@media screen and (max-width: 768px){.pagetop{padding:30px 3vw}}.pagetop .backbtn{position:relative;display:flex;align-items:center;justify-content:center;background:#fff;border:3px solid #2f40e5;box-shadow:0 3px #2f40e5;border-radius:100px;color:#2f40e5;width:400px;height:70px;font-size:20px;letter-spacing:2px;margin:auto;font-weight:700}.pagetop .backbtn .icon{display:block;width:20px;height:20px;background-color:#2f40e5;border-radius:50%;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.pagetop .backbtn .icon:after{position:absolute;content:"";width:30%;height:auto;aspect-ratio:1;border-top:2px solid white;border-right:2px solid white;top:50%;left:50%;transform:translate(-70%,-30%) rotate(-45deg)}@media screen and (max-width: 768px){.pagetop .backbtn{width:80%}}.linkFooter{background-color:#222;padding:30px 0 0}@media screen and (max-width: 768px){.linkFooter{display:flex;flex-direction:column;row-gap:10px;padding:60px 0 40px;margin-bottom:-2px}.linkFooter span{display:none}}footer{background-color:#222;padding:40px 0 30px}@media screen and (max-width: 768px){footer{padding:0 0 20px}}.detail-btn-wrap{text-align:center}.detail-btn{position:relative;line-height:1;display:inline-block;margin:20px 0;cursor:pointer;color:#2f40e5;border-bottom:1px solid #2f40e5;font-size:15px;padding-right:20px}.detail-btn:after{position:absolute;content:"";width:0px;height:0px;border-top:10px solid #2f40e5;border-right:6px solid transparent;border-left:6px solid transparent;top:2px;right:0;margin:auto;transition:.3s}.detail-btn.open:after{transform:rotate(180deg);top:2px}.detail-inner{margin-bottom:30px}.detail-inner table{width:100%}.detail-inner table th,td{border:2px solid black;font-size:15px;padding:10px 25px;text-align:center}.detail-inner table th{background:#e7fcff;width:230px;text-align:center;font-weight:700}.detail-inner table th.month{width:33%;padding:0}.monthy-detail{height:0;overflow:hidden;opacity:0;transition:.3s}.monthy-detail.open{height:auto;opacity:1}.monthy-detail .detail-inner p{font-weight:700;font-size:16px;margin-bottom:15px}.monthy-detail .detail-inner .contents{font-size:14px}.monthy-detail .detail-inner .detail-calc{display:flex;align-items:center;justify-content:space-between;column-gap:8px}@media screen and (max-width: 768px){.monthy-detail .detail-inner .detail-calc{flex-wrap:wrap;row-gap:15px;column-gap:3%}}.monthy-detail .detail-inner .detail-calc .sep{height:1px;width:320px;background-color:#000;margin:0}.monthy-detail .detail-inner .detail-calc .tr{display:flex;flex-direction:column;border:2px solid black;border-radius:8px;overflow:hidden;width:140px}.monthy-detail .detail-inner .detail-calc .tr.month{width:200px}.monthy-detail .detail-inner .detail-calc .tr.result{flex:1}.monthy-detail .detail-inner .detail-calc .tr.full{width:100%}.monthy-detail .detail-inner .detail-calc .tr.half{width:35%}.monthy-detail .detail-inner .detail-calc .tr.full-sp{width:88%}.monthy-detail .detail-inner .detail-calc .tr p{font-size:16px;margin:0}@media screen and (max-width: 768px){.monthy-detail .detail-inner .detail-calc .tr p{width:100%}}.monthy-detail .detail-inner .detail-calc .tr.result .head,.monthy-detail .detail-inner .detail-calc .tr.result .price{font-weight:700}.monthy-detail .detail-inner .detail-calc .head{background-color:#e7fcff;font-weight:400;text-align:center;width:100%;border-bottom:2px solid black;overflow:hidden;font-weight:700;padding:8px 0}.monthy-detail .detail-inner .detail-calc .head.strong{background-color:#2f40e5;color:#fff}.monthy-detail .detail-inner .detail-calc .price{display:flex;align-items:center;justify-content:center;font-weight:700;width:100px;height:60px;text-align:left;overflow:hidden;width:100%}.monthy-detail .detail-inner .detail-calc .price.strong{color:#f90081;font-size:30px;background-color:#fefeec}.monthy-detail .calc{padding:30px}@media screen and (max-width: 768px){.monthy-detail .calc{padding:20px 5vw}}.monthy-detail .detail-calc .icon{position:relative;width:20px;height:auto;aspect-ratio:1}@media screen and (max-width: 768px){.monthy-detail .detail-calc .icon{width:7%}}.monthy-detail .detail-calc .icon:before{position:absolute;content:"";width:100%;height:3px;background-color:#333}.monthy-detail .detail-calc .icon:after{position:absolute;content:"";width:100%;height:3px;background-color:#333}.monthy-detail .detail-calc .icon.plus:before{top:50%;left:0;transform:rotate(90deg)}.monthy-detail .detail-calc .icon.plus:after{top:50%;left:0}.monthy-detail .detail-calc .icon.minus:before{display:none}.monthy-detail .detail-calc .icon.minus:after{top:50%;left:0}.monthy-detail .detail-calc .icon.equals:before{bottom:30%;left:0}.monthy-detail .detail-calc .icon.equals:after{top:30%;left:0}#top .rankBox .moreBtnRow{margin-top:0}.annotation{width:902px;margin:15px auto 30px;color:gray;font-size:12px}#top .rankBox.last,#month .rankBox.last{margin-bottom:0}#month .rankBox .moreBtnRow a{margin-top:0}#month .box-table{display:flex}#month .box-table .box-cont{width:33.3%}#month .box-table .box-cont .head{background:#f2f2f2;border-top:1px solid #ccc;border-left:1px solid #ccc;font-size:18px;font-weight:700;padding:10px 0;text-align:center}#month .box-table .box-cont .desc{border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;text-align:center;color:#f90081;font-weight:700;font-size:18px;padding:10px 0;line-height:20px;height:160px;display:flex;align-items:center;justify-content:space-around}#month .box-table .box-cont .desc.normal{font-weight:400;font-size:14px;color:#333;list-style:20px}#month .box-table .box-cont:last-child .head{border-right:1px solid #ccc}#month .box-table .box-cont:last-child .desc{border-right:1px solid #ccc}@media screen and (max-width: 1200px){.numberTag{margin:0!important}.rankBox{margin-bottom:0!important;padding:5px!important}.rankWhole{margin-top:0!important}}@media screen and (max-width: 480px){.sp-br{display:initial}.sp-hidden{display:none}.detail-inner table th,td{font-size:13px}.detail-inner table th{width:33%;padding:10px 0}.detail-inner table td{width:67%;padding:10px}.annotation{width:100%}.rankBox{margin-bottom:0}.rankBox .moreBtnRow{margin-bottom:20px!important}.rankBox .moreBtnRow a{width:100%!important;padding:15px 0!important;font-size:13px!important}#top .rankBox .inner .moreBtnRow{margin-top:0;margin-bottom:0!important}.rankWhole.block01{margin-top:4px!important}#month .rankBox .inner{width:95%}#month .rankBox .rightDesc{margin-bottom:0}#month .box-table{display:flex;flex-direction:column}#month .box-table .box-cont{width:100%}#month .box-table .box-cont .head{background:#f2f2f2;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;font-size:14px;font-weight:700;padding:10px 0;text-align:center}#month .box-table .box-cont .desc{border-top:1px solid #ccc;border-bottom:none;border-left:1px solid #ccc;border-right:1px solid #ccc;text-align:center;color:#f90081;font-weight:700;font-size:16px;padding:10px 0;line-height:22px;height:auto;display:flex;align-items:center;justify-content:space-around}#month .box-table .box-cont:last-child .desc{border-bottom:1px solid #ccc}.monthy-detail .detail-inner .detail-calc .sep{width:100%}.monthy-detail .detail-inner .detail-calc .head{width:50%}.monthy-detail .detail-inner .detail-calc .price{width:63%}.monthy-detail .detail-inner .detail-calc .tr p{font-size:11px}.annotation{margin-top:0}}#search-section{background-color:#fff;border-radius:25px;border:3px solid #222;overflow:hidden;margin-top:50px}#search-section.pt5{background:none}#search-section.pt6{background:none;padding:50px 0}@media screen and (max-width: 768px){#search-section.pt6{padding:50px 4vw}}#search-section.pt7{background:none;padding:2rem 0 0}#search-section.pt7 .inner{width:100%}#search-section.pt7 .head{border-radius:.6rem .6rem 0 0}#search-section.pt7 .content{border-radius:0 0 .6rem .6rem}#search-section.pt8{background:none;padding:40px 0 0}#search-section.pt8 .inner{width:100%}@media screen and (max-width: 768px){#search-section.pt8{padding:24px 4% 0}}#search-section.pt9{background:none;padding:40px 0 0}#search-section.pt9 .inner{width:100%}@media screen and (max-width: 768px){#search-section.pt9{padding:24px 4%}}#search-section.pt10{background:none;padding:50px 50px 0}#search-section.pt10 .inner{width:100%}@media screen and (max-width: 768px){#search-section.pt10{background-color:#fff;padding:24px 4% 20px}}#search-section.pt11{background:none;padding:0}#search-section.pt11 .head,#search-section.pt11 .content{border-radius:0}@media screen and (max-width: 768px){#search-section.pt11{padding:0}}#search-section.pt12{background:none;padding:0;transform:translateY(-120px)}#search-section.pt12 .inner{width:1090px}#search-section.pt12 .head{width:100%;border-radius:5px 5px 0 0}#search-section.pt12 .content{border-radius:0 0 5px 5px}@media screen and (max-width: 768px){#search-section.pt12{background:#fff;transform:none}#search-section.pt12 .inner{width:100%;padding:20px 3% 0}}@media screen and (max-width: 768px){#search-section{padding:0;margin-top:30px}}#search-section .inner{width:100%;margin:auto}@media screen and (max-width: 768px){#search-section .inner{width:100%}}#search-section .head{display:flex;align-items:center;justify-content:center;column-gap:5px;background-color:#222;color:#fff;border-radius:10px 10px 0 0;padding:15px 0}#search-section .head svg{width:20px}#search-section .head svg .st0{fill:#fff}#search-section .head p{color:#fff;font-size:20px;font-weight:700;letter-spacing:2px}@media screen and (max-width: 768px){#search-section .head svg{width:4vw}#search-section .head p{font-size:3.5vw}}#search-section .content{background-color:#f5f5f5;border-radius:0 0 10px 10px;padding:30px 40px 50px}@media screen and (max-width: 768px){#search-section .content{padding:4vw 4vw 6vw}}#search-section .content .form-inner table{width:100%}#search-section .content .form-inner table th,#search-section .content .form-inner table td{padding:15px 0 15px 20px}#search-section .content .form-inner table th{width:200px;background-color:#e1e1e1;border-bottom:2px solid #fff}#search-section .content .form-inner table td{background-color:#fff;border-bottom:2px solid #f5f5f5}@media screen and (max-width: 768px){#search-section .content .form-inner table th,#search-section .content .form-inner table td{padding:4vw}#search-section .content .form-inner table th{width:40%;background-color:#fff;font-size:3.5vw;padding-right:0;border-bottom:2px solid #f5f5f5}#search-section .content .form-inner table td{width:80%}}#search-section .content .form-inner input[type=radio]{margin:0}#search-section .content .form-inner .inputs{display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:2vw}#search-section .content .form-inner .radio-flex{display:flex;column-gap:20px}#search-section .content .form-inner .radio-flex label{display:flex;align-items:center;column-gap:5px;cursor:pointer}#search-section .content .form-inner .radio-flex label span{display:inline-block;width:110px;font-size:16px}#search-section .content .form-inner .radio-flex .icon{position:relative;width:15px;height:15px;border-radius:50%;border:1px solid #000}#search-section .content .form-inner .radio-flex input[type=radio]{display:none}#search-section .content .form-inner .radio-flex input[type=radio]:checked~.icon{border:1px solid #45bdf2}#search-section .content .form-inner .radio-flex input[type=radio]:checked~.icon:after{position:absolute;content:"";width:8px;height:8px;background-color:#45bdf2;border-radius:50%;inset:0;margin:auto}@media screen and (max-width: 768px){#search-section .content .form-inner .radio-flex{display:none}}#search-section .content .form-inner .select-wrap{position:relative;display:none;width:100%}#search-section .content .form-inner .select-wrap select{appearance:none;border:1px solid #c9c9c9;width:100%;font-size:3vw;padding:3vw 2vw;border-radius:5px}#search-section .content .form-inner .select-wrap:after{position:absolute;content:"";width:1.5vw;height:1.5vw;border-right:2px solid #333;border-bottom:2px solid #333;top:0;bottom:0;right:3vw;margin:auto;transform:rotate(45deg)}@media screen and (max-width: 768px){#search-section .content .form-inner .select-wrap{display:block;width:32%}}#search-section .content .form-inner .btn-area{text-align:center;margin-top:20px}#search-section .content .form-inner .btn-area .btn{position:relative;display:inline-block;width:400px;padding:15px 0;background-color:#2f40e5;border:3px solid #2d347e;box-shadow:0 3px #2d347e;color:#fff;margin:auto;border-radius:100px;font-size:18px;font-weight:700;letter-spacing:2px;cursor:pointer;transition:all .3s ease}#search-section .content .form-inner .btn-area .btn .icon{display:block;width:20px;height:20px;background-color:#fff;border-radius:50%;position:absolute;right:20px;top:50%;transform:translateY(-50%)}#search-section .content .form-inner .btn-area .btn .icon:after{position:absolute;content:"";width:30%;height:auto;aspect-ratio:1;border-top:2px solid #2f40e5;border-right:2px solid #2f40e5;top:46%;left:54%;transform:translate(-70%,-30%) rotate(45deg)}#search-section .content .form-inner .btn-area .btn:hover{opacity:.7;text-decoration:none}#search-section .content .form-inner .btn-area .btn.pt2{background-color:#1866dd;box-shadow:0 4px #074097}#search-section .content .form-inner .btn-area .btn.pt2 .icon:after{border-color:#1866dd}#search-section .content .form-inner .btn-area .btn.pt3{background-color:#eb5505;box-shadow:0 4px #afafaf}#search-section .content .form-inner .btn-area .btn.pt3 .icon:after{border-color:#eb5505}#search-section .content .form-inner .btn-area .btn.pt4{background-color:#c03;box-shadow:0 4px #6c001b}#search-section .content .form-inner .btn-area .btn.pt4 .icon:after{border-color:#c03}#search-section .content .form-inner .btn-area .btn.pt5{background-color:#148eff;box-shadow:0 3px 3px #00000040}#search-section .content .form-inner .btn-area .btn.pt5 .icon:after{border-color:#148eff}#search-section .content .form-inner .btn-area .btn.pt6{background-color:#0052e0;box-shadow:0 3px 3px #00000040;border:none}#search-section .content .form-inner .btn-area .btn.pt6 .icon:after{border-color:#0052e0}#search-section .content .form-inner .btn-area .btn.pt7{background-color:#a13be8;box-shadow:0 3px 3px #00000040;border-radius:100px;padding:20px 0}#search-section .content .form-inner .btn-area .btn.pt7 .icon:after{border-color:#a13be8}#search-section .content .form-inner .btn-area .btn.pt8{background-color:#3895ff;box-shadow:0 4px #2d6eb9;border-radius:5px}#search-section .content .form-inner .btn-area .btn.pt8 .icon:after{border-color:#3895ff;width:0px;height:0px;border-top:5px solid rgba(0,0,0,0);border-left:7px solid #3895ff;border-bottom:5px solid rgba(0,0,0,0);transform:rotate(0);border-right:0;right:4px}#search-section .content .form-inner .btn-area .btn.pt9{background-color:#46bcf2;box-shadow:none;border-radius:8px}#search-section .content .form-inner .btn-area .btn.pt9 .icon{background:#0000;right:10px}#search-section .content .form-inner .btn-area .btn.pt9 .icon:after{border-color:#46bcf2;width:0px;height:0px;border-top:6px solid rgba(0,0,0,0);border-left:8px solid #fff;border-bottom:6px solid rgba(0,0,0,0);transform:rotate(0);border-right:0;right:4px}#search-section .content .form-inner .btn-area .btn.pt10{background-color:#0550bf;box-shadow:0 3px 3px #00000040}#search-section .content .form-inner .btn-area .btn.pt10 .icon{background-color:#0000}#search-section .content .form-inner .btn-area .btn.pt10 .icon:after{width:12px;height:12px;border-color:#fff}#search-section .content .form-inner .btn-area .btn.pt11{background-color:#144cb3;box-shadow:0 4px #08368c}#search-section .content .form-inner .btn-area .btn.pt11 .icon{background:#0000;right:20px}#search-section .content .form-inner .btn-area .btn.pt11 .icon:after{width:12px;height:12px;border-color:#fff}#search-section .content .form-inner .btn-area .btn.pt12{background-color:#feba0a;box-shadow:none}#search-section .content .form-inner .btn-area .btn.pt12 .icon:after{border-color:#feba0a}@media screen and (max-width: 768px){#search-section .content .form-inner .btn-area{margin-top:5vw}#search-section .content .form-inner .btn-area .btn{width:100%;font-size:4vw;padding:15px 0}}#search-section .content.pt2 .form-inner .radio-flex input[type=radio]:checked~.icon{border:1px solid #1866dd}#search-section .content.pt2 .form-inner .radio-flex input[type=radio]:checked~.icon:after{background-color:#1866dd}#search-section .content.pt3 .form-inner .radio-flex input[type=radio]:checked~.icon{border:1px solid #eb5505}#search-section .content.pt3 .form-inner .radio-flex input[type=radio]:checked~.icon:after{background-color:#eb5505}#search-section .content.pt4 .form-inner .radio-flex input[type=radio]:checked~.icon{border:1px solid #c03}#search-section .content.pt4 .form-inner .radio-flex input[type=radio]:checked~.icon:after{background-color:#c03}#search-section .content.pt5 .form-inner .radio-flex input[type=radio]:checked~.icon{border:1px solid #148eff}#search-section .content.pt5 .form-inner .radio-flex input[type=radio]:checked~.icon:after{background-color:#148eff}#search-section .content.pt6 .form-inner .radio-flex input[type=radio]:checked~.icon{border:1px solid #0052e0}#search-section .content.pt6 .form-inner .radio-flex input[type=radio]:checked~.icon:after{background-color:#0052e0}#search-section .content.pt7 .form-inner .radio-flex input[type=radio]:checked~.icon{border:1px solid #a13be8}#search-section .content.pt7 .form-inner .radio-flex input[type=radio]:checked~.icon:after{background-color:#a13be8}#search-section .content.pt8 .form-inner .radio-flex input[type=radio]:checked~.icon{border:1px solid #3895ff}#search-section .content.pt8 .form-inner .radio-flex input[type=radio]:checked~.icon:after{background-color:#3895ff}#search-section .content.pt9 .form-inner table td{border:none;border-bottom:2px solid #f5f5f5}#search-section .content.pt9 .form-inner .radio-flex input[type=radio]:checked~.icon{border:1px solid #46bcf2}#search-section .content.pt9 .form-inner .radio-flex input[type=radio]:checked~.icon:after{background-color:#46bcf2}#search-section .content.pt10 .form-inner .radio-flex input[type=radio]:checked~.icon{border:1px solid #0550bf}#search-section .content.pt10 .form-inner .radio-flex input[type=radio]:checked~.icon:after{background-color:#0550bf}#search-section .content.pt11 .form-inner .radio-flex input[type=radio]:checked~.icon{border:1px solid #144cb3}#search-section .content.pt11 .form-inner .radio-flex input[type=radio]:checked~.icon:after{background-color:#144cb3}#search-section .content.pt12 .form-inner .radio-flex input[type=radio]:checked~.icon{border:1px solid #feba0a}#search-section .content.pt12 .form-inner .radio-flex input[type=radio]:checked~.icon:after{background-color:#feba0a}a,a:hover{text-decoration:none}main{background:#60f3fc}main .container{top:0}.sp-br{display:none}@media screen and (max-width: 768px){.sp-br{display:block}}#follow-header{display:block;position:fixed;top:-100px;left:0;width:100%;background-color:#fff;border-bottom:3px solid #222;box-shadow:0 3px #0000001a;z-index:10;transition:top .3s ease}@media screen and (max-width: 768px){#follow-header{display:none!important;pointer-events:none}}#follow-header.disp{top:0}#follow-header .inner{width:1000px;padding:8px 0;margin:auto}#follow-header .menu-items{display:flex;align-items:center;justify-content:space-between}#follow-header .menu-items .item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:25%;border-left:1px solid #e6e6e6;padding:4px 0;cursor:pointer}#follow-header .menu-items .item:last-child{border-right:1px solid #e6e6e6}#follow-header .menu-items .item .item-txt{font-weight:700;font-size:14px;color:#333;transition:all .3s ease}#follow-header .menu-items .item .icon{position:relative;width:16px;height:16px;border-radius:50%;background-color:#333;transition:all .3s ease}#follow-header .menu-items .item .icon:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:5px;height:5px;border-right:2px solid white;border-bottom:2px solid white}#follow-header .menu-items .item:hover .item-txt{color:#2f40e5}#follow-header .menu-items .item:hover .icon{background-color:#2f40e5}#follow-header-sp{display:none;position:fixed;top:-100px;left:0;width:100%;background-color:#fff;border-bottom:3px solid #222;box-shadow:0 3px #0000001a;z-index:10;transition:top .3s ease;pointer-events:none}@media screen and (max-width: 768px){#follow-header-sp{display:block;pointer-events:auto}}#follow-header-sp.disp{top:0}#follow-header-sp .inner{width:100%;padding:0;margin:auto}#follow-header-sp .menu-items{display:flex;align-items:center;justify-content:space-between}#follow-header-sp .menu-items .item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:25%;padding:8px 0;cursor:pointer;text-align:center;color:#2f40e5}#follow-header-sp .menu-items .item.active{background-color:#2f40e5}#follow-header-sp .menu-items .item.active .item-txt,#follow-header-sp .menu-items .item.active span{color:#fff}#follow-header-sp .menu-items .item .item-txt{font-weight:700;font-size:14px;color:#333;transition:all .3s ease}#follow-header-sp .menu-items .item .icon{position:relative;width:16px;height:16px;border-radius:50%;background-color:#333;transition:all .3s ease}#follow-header-sp .menu-items .item .icon:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:5px;height:5px;border-right:2px solid white;border-bottom:2px solid white}#mainv{position:relative;width:100%;margin:0 auto;padding-bottom:50px;background:#fff;background:url(./assets/images/mv_bg_pc.png);background-size:cover;background-position:top center}#mainv .mainv-img{position:relative;max-width:1200px;margin:auto}#mainv .mainv-img .update-date{position:absolute;bottom:-30px;right:0;color:#333;font-size:12px}@media screen and (max-width: 768px){#mainv .mainv-img .update-date{bottom:5px;right:15%;font-size:10px}}#mainv img{width:100%}#mainv .device{position:absolute;width:14%;bottom:-25%;left:8%}#mainv .device img{width:100%}@media screen and (max-width: 768px){#mainv .device{bottom:-7%;left:30%;width:22%}}#mainv .mainv-title{position:absolute;top:5%;left:50%;transform:translate(-50%);width:20%;max-width:240px}@media screen and (max-width: 768px){#mainv .mainv-title{width:43%;top:8vw;max-width:none}}#mainv .mainv-date{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;top:3%;left:20.5%;color:#fff;line-height:1}#mainv .mainv-date .year{font-size:clamp(1vw,2.5vw,30px);font-weight:700}#mainv .mainv-date .month{font-size:clamp(1vw,3.3vw,32px);font-weight:700}@media screen and (max-width: 768px){#mainv{background:url(./assets/images/mv_bg_sp.png);background-size:cover;background-position:top center;padding-bottom:0}#mainv .mainv-date{top:2%;left:7%}#mainv .mainv-date .year{font-size:4vw}#mainv .mainv-date .month{font-size:5vw}}#recommend{background-color:#2f40e5;padding:100px 0 30px;border-top:3px solid #222}@media screen and (max-width: 768px){#recommend{padding:50px 3vw 30px}}#recommend .pickupBoxNew{position:relative;width:1000px;margin:auto;border:3px solid black;border-radius:30px;box-shadow:3px 5px #0000001a}@media screen and (max-width: 768px){#recommend .pickupBoxNew{width:100%}}#recommend .pickupBoxNew .ttl-img{position:absolute;top:-75px;left:50%;width:400px;transform:translate(-50%)}#recommend .pickupBoxNew .ttl-img img{width:100%}@media screen and (max-width: 768px){#recommend .pickupBoxNew .ttl-img{width:80%;top:-11vw;left:7%;transform:none}}#recommend .pickupBoxNew .itemName-sp{display:none}@media screen and (max-width: 768px){#recommend .pickupBoxNew .itemName-sp{display:block;text-align:center;width:100%;margin-bottom:4px}#recommend .pickupBoxNew .itemName-sp a{font-size:32px;font-weight:700;text-align:center;color:#2f40e5}}#recommend .pickupBoxNew .inner{padding:40px 40px 30px}#recommend .pickupBoxNew .inner .infoBox{flex:1;width:auto!important}@media screen and (max-width: 768px){#recommend .pickupBoxNew .inner .itemName{display:none}}@media screen and (max-width: 768px){#recommend .pickupBoxNew .inner{padding:40px 5vw 30px}}#recommend .pickupBoxNew .desc{min-height:95px;font-size:18px;line-height:1.8;font-weight:700;color:#333}#recommend .pickupBoxNew .desc span{color:#f90081}#recommend .pickupBoxNew .detailBtn{position:relative;font-size:20px;font-weight:700;background:#f90081;border:3px solid #ad005a;box-shadow:0 3px #ad005a;color:#fff;width:100%;display:block;border-radius:100px;text-align:center;padding:17px;margin-top:16px}@media screen and (max-width: 768px){#recommend .pickupBoxNew .detailBtn{margin-top:10px}}#recommend .pickupBoxNew .detailBtn .icon{display:block;width:20px;height:20px;background-color:#fff;border-radius:50%;position:absolute;right:20px;top:50%;transform:translateY(-50%)}#recommend .pickupBoxNew .detailBtn .icon:after{position:absolute;content:"";width:30%;height:auto;aspect-ratio:1;border-top:2px solid #f90081;border-right:2px solid #f90081;top:50%;left:50%;transform:translate(-60%,-50%) rotate(45deg)}#tab-area{background-color:#fff;padding:50px 0 0;border-top:3px solid #222;border-bottom:3px solid #222}#tab-area h2{margin:auto auto 40px;text-align:center}@media screen and (max-width: 768px){#tab-area h2{margin-bottom:20px}#tab-area h2 img{width:100%}}#tab-area .tab-content{display:flex;justify-content:center;align-items:center;gap:20px;transform:translateY(6px)}#tab-area .tab-content .tab{position:relative;width:180px;border:3px solid #222;border-bottom:none;border-radius:15px 15px 0 0;background-color:#e6e6e6;color:#676767;text-align:center;font-weight:700;font-size:18px;padding:10px 0 13px;cursor:pointer}#tab-area .tab-content .tab:after{position:absolute;content:"";width:100%;height:3px;background-color:#222;bottom:3px;left:0}#tab-area .tab-content .tab.active{background-color:#60f3fc;color:#333}#tab-area .tab-content .tab.active:after{background-color:transparent}@media screen and (max-width: 768px){#tab-area .tab-content{gap:0px}#tab-area .tab-content .tab{border-radius:0;border-left:none;font-size:14px}#tab-area .tab-content .tab:last-child{border-right:none}}#ranking{background-color:#60f3fc}@media screen and (max-width: 768px){#ranking{padding:0px 3vw}}#ranking .rankWhole{position:relative;padding:0!important;border:3px solid black;border-radius:25px;overflow:hidden;box-shadow:3px 5px #0000001a}#ranking .rank-icon{position:absolute;top:-4px;left:35px}@media screen and (max-width: 768px){#ranking .rank-icon{width:12vw;left:5vw}#ranking .rank-icon img{width:100%}}#ranking .innerBox{display:flex;flex-direction:column;gap:50px;opacity:1;transition:opacity .5s ease-in-out;height:auto}#ranking .innerBox.hide{height:0;opacity:0}#ranking .innerBox .inner .desc{margin-top:16px;margin-bottom:16px}#ranking .innerBox .inner .desc p{font-weight:700;color:#333}@media screen and (max-width: 768px){#ranking .innerBox{padding:20px 0vw;gap:25px}}#ranking .rankBox{width:100%}#ranking .rankBox .innerrankBox{border:none}#ranking .rankBox .ranking-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}@media screen and (max-width: 768px){#ranking .rankBox .ranking-top{flex-direction:column;gap:0;margin-bottom:0}}@media screen and (max-width: 768px){#ranking .rankBox .inner .imgBox{height:auto;aspect-ratio:16/6}}#ranking .rankBox .stars{display:flex;align-items:center;gap:6px}#ranking .rankBox .stars img{width:30px}#ranking .rankBox .stars.small{gap:4px}#ranking .rankBox .stars.small img{width:16px}@media screen and (max-width: 768px){#ranking .rankBox .stars img{width:20px}#ranking .rankBox .stars.small{gap:2px}#ranking .rankBox .stars.small img{width:12px}}#ranking .rankBox .ranking-point{margin-top:16px}#ranking .rankBox .ranking-point p{font-weight:700;font-size:18px}#ranking .rankBox .ranking-point p span{color:#f90081}@media screen and (max-width: 768px){#ranking .rankBox .ranking-point p{font-size:16px}}#ranking .rankBox .ranking-point .point-content{position:relative;display:flex;align-items:stretch;justify-content:space-between;border:2px solid #222;border-radius:25px;overflow:hidden;margin:16px 0}@media screen and (max-width: 768px){#ranking .rankBox .ranking-point .point-content{border-radius:15px}}#ranking .rankBox .ranking-point .point-content .left{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;background-color:#2f40e5;border-right:2px solid #222;border-radius:0 0 25px;padding:16px 4px 16px 12px}#ranking .rankBox .ranking-point .point-content .left p{color:#fff;font-size:20px;letter-spacing:1px}#ranking .rankBox .ranking-point .point-content .left img{width:100px}@media screen and (max-width: 768px){#ranking .rankBox .ranking-point .point-content .left{position:absolute;overflow:hidden;border-bottom:2px solid #222;top:0;left:0;border-radius:0 0 15px;padding:4px 24px}#ranking .rankBox .ranking-point .point-content .left p{font-size:14px}#ranking .rankBox .ranking-point .point-content .left p br,#ranking .rankBox .ranking-point .point-content .left img{display:none}}#ranking .rankBox .ranking-point .point-content .right{flex:1;flex-grow:1;background-color:#fefeec;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0px;padding:16px 16px 16px 48px}@media screen and (max-width: 768px){#ranking .rankBox .ranking-point .point-content .right{padding:48px 16px 24px 32px}}#ranking .rankBox .ranking-point .point-content .right .list{position:relative;line-height:1.8}#ranking .rankBox .ranking-point .point-content .right .list span{color:#f90081}#ranking .rankBox .ranking-point .point-content .right .list:after{content:"";position:absolute;width:18px;height:18px;background-color:#2f40e5;border-radius:50%;left:-24px;top:4px}@media screen and (max-width: 768px){#ranking .rankBox .ranking-point .point-content .right .list:after{width:16px;height:16px;left:-24px;top:6px}}#ranking .rankBox .infoBox .total-rate{display:flex;align-items:center;gap:10px;margin-bottom:8px}#ranking .rankBox .infoBox .total-rate .r-label{font-weight:700;font-size:24px;text-box-trim:trim-end}#ranking .rankBox .infoBox .total-rate .ratenum{font-weight:700;font-size:26px;color:#f90081;text-box-trim:trim-end}@media screen and (max-width: 768px){#ranking .rankBox .infoBox .total-rate .r-label{font-size:18px}}#ranking .rankBox .infoBox .sub-rate{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-start;background-color:#e7fcff;column-gap:20px;row-gap:5px;padding:20px}#ranking .rankBox .infoBox .sub-rate .rate-box-sub{display:flex;align-items:center;gap:10px}#ranking .rankBox .infoBox .sub-rate .rate-box-sub .ttl,#ranking .rankBox .infoBox .sub-rate .rate-box-sub .num{text-box-trim:trim-end}@media screen and (max-width: 768px){#ranking .rankBox .infoBox .sub-rate{margin-top:4px;padding:10px 5vw;gap:5px}#ranking .rankBox .infoBox .sub-rate .rate-box-sub{gap:5px}}#ranking .rankBox .itemName{background:none;padding:0;margin:20px 0 0 130px}#ranking .rankBox .itemName a{color:#333;font-weight:700;font-size:38px;transition:none}@media screen and (max-width: 768px){#ranking .rankBox .itemName{margin:15px 0 0 20vw}#ranking .rankBox .itemName a{font-size:6.5vw}}#ranking .rankBox .compareBox{margin:0}#ranking .rankBox .compareBox table{width:100%}#ranking .rankBox .compareBox table th{font-size:16px!important;background-color:#e7fcff!important;text-align:center}#ranking .rankBox .compareBox table th,#ranking .rankBox .compareBox table td{border:2px solid black!important;text-align:center}@media screen and (max-width: 768px){#ranking .rankBox .compareBox table th,#ranking .rankBox .compareBox table td{padding:4px 0}}#ranking .rankBox .compareBox table td{padding:16px 0!important}#ranking .rankBox .compareBox table td p{font-size:30px!important;line-height:1.2}#ranking .rankBox .compareBox table td .small{font-size:20px!important}#ranking .rankBox .compareBox table td .strong{background:linear-gradient(transparent 0%,#fefb00)}@media screen and (max-width: 768px){#ranking .rankBox .compareBox table td{font-size:28px!important;padding:16px 0!important;line-height:1.3!important}#ranking .rankBox .compareBox table th{width:50%}}#ranking .rankBox .table-sp{display:none}@media screen and (max-width: 768px){#ranking .rankBox .table-pc{display:none}#ranking .rankBox .table-sp{display:table}}#ranking .rankBox .moreBtnRow .link-btn{position:relative;border-radius:100px;background-color:#2f40e5;border:3px solid #2d347e;box-shadow:0 3px #2d347e;background-image:none!important}#ranking .rankBox .moreBtnRow .link-btn .icon{display:block;width:20px;height:20px;background-color:#fff;border-radius:50%;position:absolute;right:20px;top:50%;transform:translateY(-50%)}#ranking .rankBox .moreBtnRow .link-btn .icon:after{position:absolute;content:"";width:30%;height:auto;aspect-ratio:1;border-top:2px solid #2f40e5;border-right:2px solid #2f40e5;top:46%;left:54%;transform:translate(-70%,-30%) rotate(45deg)}#ranking .rankBox .moreBtnRow .link-btn.pink{background-color:#f90081;border:3px solid #ad005a;box-shadow:0 3px #ad005a}#ranking .rankBox .moreBtnRow .link-btn.pink .icon:after{border-top:2px solid #f90081;border-right:2px solid #f90081}#follow-bnr{position:relative;position:fixed;bottom:20px;right:20px;width:200px;z-index:10}#follow-bnr img{width:100%}#follow-bnr.hide{display:none}#follow-bnr .close-btn{position:absolute;top:0;right:0;width:20px;z-index:11;cursor:pointer}@media screen and (max-width: 768px){#follow-bnr{bottom:-2px;right:0;width:100%}#follow-bnr .close-btn{top:-30px}}
