#compa__chart{background:#fff;padding:0 0 40px 0}#compa__chart header{background:#3b82f6;clip-path:polygon(0 0, 100% 0, 100% calc(100% - 40px), 0 100%);width:100%;padding:40px 0 50px;display:flex;flex-direction:column;align-items:center}#compa__chart header .headline{font-size:28px;color:#fff;font-weight:700;letter-spacing:.05em;text-shadow:1px 1px 0 rgba(0,0,0,0.1)}@media (max-width: 767px){#compa__chart header .headline{font-size:18px}}#compa__chart .chart_wrap{width:93.3%;max-width:768px;margin:-30px auto 0;background:#fff;position:relative;z-index:10;padding:4px}#compa__chart .chart_wrap .chart_wrap_inner{overflow-x:scroll;width:100%}#compa__chart .chart_tbl{border:1px solid #dbeafe;border-collapse:collapse;border-spacing:0;table-layout:fixed;width:100%}#compa__chart .chart_tbl th{width:80px;border-right:none}#compa__chart .chart_tbl th img{width:24px;height:24px;margin:0 auto 8px}#compa__chart .chart_tbl th p{color:#fff;font-size:14px}@media (max-width: 767px){#compa__chart .chart_tbl th p{font-size:12px}}#compa__chart .chart_tbl td{border:1px solid #dbeafe;height:96px;padding:16px 8px;text-align:center}@media (max-width: 767px){#compa__chart .chart_tbl td{font-size:14px;width:calc((390px - 80px) / 3)}}#compa__chart .chart_tbl td p{position:relative;padding:38px 0 0 0;font-size:14px;font-weight:700;color:#1e3a8a}@media (max-width: 767px){#compa__chart .chart_tbl td p{font-size:12px}}#compa__chart .chart_tbl td.rate0 p::before,#compa__chart .chart_tbl td.rate1 p::before,#compa__chart .chart_tbl td.rate2 p::before,#compa__chart .chart_tbl td.rate3 p::before,#compa__chart .chart_tbl td.rate3 p::after{content:'';display:block;position:absolute;top:0;left:50%;transform:translateX(-50%)}#compa__chart .chart_tbl td.rate0 p::before{width:30px;height:16px;border-bottom:2px solid #cbd5e1}#compa__chart .chart_tbl td.rate1 p::before{width:30px;aspect-ratio:1/cos(30deg);clip-path:polygon(50% 0, 100% 100%, 0 100%, 50% 0, 50% 6px, calc(6px*cos(30deg)) calc(100% - 6px/2), calc(100% - 6px*cos(30deg)) calc(100% - 6px/2), 50% 6px);background:#22c55e}#compa__chart .chart_tbl td.rate2 p::before{width:30px;height:30px;border:2px solid #f59e0b;border-radius:50%}#compa__chart .chart_tbl td.rate3 p::before{width:30px;height:30px;border:2px solid #ec4899;border-radius:50%}#compa__chart .chart_tbl td.rate3 p::after{width:16px;height:16px;border:2px solid #ec4899;border-radius:50%;top:7px}#compa__chart .chart_tbl td a,#compa__chart .chart_tbl td p a{color:#1a73e8;text-decoration:underline;font-weight:700}#compa__chart .chart_tbl td a.thumb,#compa__chart .chart_tbl td p a.thumb{background:#fff;display:flex;justify-content:center;align-items:center;height:80px;margin:0 auto 8px}#compa__chart .chart_tbl td .btn_chart{text-decoration:none}#compa__chart .chart_tbl td .btn_chart div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;height:100%;position:relative;background-color:#ffffff;border:2px solid;border-image:linear-gradient(to bottom, #d33, #ff9130) 1;border-radius:4px;box-shadow:0 12px 24px rgba(0,0,0,0.05);overflow:hidden;color:#dd3333;text-decoration:none}#compa__chart .chart_tbl td .link_official p{padding:0;color:#1a73e8}#compa__chart .chart_tbl td:nth-of-type(1){border-left:3px solid #dd3333;border-right:3px solid #dd3333}@media (max-width: 767px){#compa__chart .chart_tbl td:nth-of-type(1){width:calc(390px / 2)}}#compa__chart .chart_tbl td:nth-of-type(1) .btn_chart div{background:#dd3333;background:linear-gradient(180deg, #d33 0, #ff9130);color:#fff;font-size:20px;overflow:hidden;position:relative}#compa__chart .chart_tbl td:nth-of-type(1) .btn_chart div::before{content:'';width:30px;height:100%;background-color:#fff;position:absolute;top:-180px;left:0;animation:animeblink 3s ease-in-out infinite;transition:.2s}#compa__chart .chart_tbl tr:nth-of-type(1) th{height:130px}#compa__chart .chart_tbl tr:nth-of-type(1) td{padding:36px 8px 16px;position:relative}#compa__chart .chart_tbl tr:nth-of-type(1) td:nth-of-type(1){border-top:3px solid #dd3333}#compa__chart .chart_tbl tr:nth-of-type(1) td:nth-of-type(1)::before{content:"人気No.1";display:flex;align-items:center;justify-content:center;width:100%;height:30px;background-image:linear-gradient(#d33, #ff9130);clip-path:polygon(0 0, 100% 0, 100% calc(100% - 6px), 50% 100%, 0 calc(100% - 6px));color:#fff;font-size:12px;font-weight:700;line-height:1;position:absolute;top:0;left:0}#compa__chart .chart_tbl tr:nth-of-type(1) td:nth-of-type(1)::after{content:"※";color:#fff;font-size:10px;position:absolute;top:1px;right:3px}#compa__chart .chart_tbl tr:nth-of-type(odd) th{background:#3b82f6}#compa__chart .chart_tbl tr:nth-of-type(odd) td{background:#eff6ff}#compa__chart .chart_tbl tr:nth-of-type(even) th{background:#60a5fa}#compa__chart .chart_tbl tr:last-of-type td:nth-of-type(1){border-bottom:3px solid #dd3333}
/*# sourceMappingURL=chart.css.map */