\u5c90\u961c\u30ed\u30b2in\u5927\u57a3 - \u901f\u5831\u30e9\u30f3\u30ad\u30f3\u30b0<\/title>\r\n\r\n <style>\r\n #ranking{\r\n background-color: #fff3eb;\r\n }\r\n\t.ranking {\r\n\t\tmargin: auto;\r\n\t\tposition: relative;\r\n\t\tbackground-color: #F9F7D4;\r\n\t}\r\n\r\n\t.flex-master {\r\n\t\tdisplay: flex;\r\n\t}\r\n\r\n\r\n\t.last_update_time {\r\n\t\twidth: 100%;\r\n\t\tposition: relative;\r\n\t\ttext-align: right;\r\n\t}\r\n\r\n\r\n\t.arrow {\r\n\t position: relative;\r\n\r\n\t margin: 0 auto;\r\n\t}\r\n\t.arrow::after {\r\n\t\tcolor: #ff871a;\r\n\t position: absolute;\r\n\t top: 41%; \/* \u77e2\u5370\u306e\u4f4d\u7f6e *\/\r\n\t right: 20px; \/* \u77e2\u5370\u306e\u4f4d\u7f6e *\/\r\n\t width: 18px; \/* \u77e2\u5370\u306e\u5927\u304d\u3055 *\/\r\n\t height: 18px; \/* \u77e2\u5370\u306e\u5927\u304d\u3055 *\/\r\n\t border-top: 3px solid #58504A; \/* \u77e2\u5370\u306e\u7dda *\/\r\n\t border-right: 3px solid #58504A; \/* \u77e2\u5370\u306e\u7dda *\/\r\n\t -webkit-transform: rotate(135deg); \/* \u77e2\u5370\u306e\u50be\u304d *\/\r\n\t transform: rotate(135deg); \/* \u77e2\u5370\u306e\u50be\u304d *\/\r\n\t pointer-events: none; \/* \u77e2\u5370\u90e8\u5206\u3082\u30af\u30ea\u30c3\u30af\u53ef\u80fd\u306b\u3059\u308b *\/\r\n\t content: \"\";\r\n\t\tborder-color: #ff871a;\r\n }\r\n\r\n\tselect{\r\n\t\tappearance: none; \/* \u30c7\u30d5\u30a9\u30eb\u30c8\u306e\u77e2\u5370\u3092\u6d88\u3059 *\/\r\n\t\tmargin-top: 30px;\r\n\t\twidth: 300px;\r\n\t}\r\n\r\n\r\n\th1 {\r\n\t position: relative;\r\n\t margin: 0px 30px 30px 30px;\r\n\t text-align: center;\r\n\t}\r\n\r\n\th1:before,\r\n\th1:after {\r\n\t position: absolute;\r\n\t z-index: 0;\r\n\t bottom: -10px;\r\n\t display: block;\r\n\t content: '';\r\n\t border: 1em solid #d90606;\r\n\t}\r\n\r\n\th1:before {\r\n\t left: -40px;\r\n\t border-left-width: 15px;\r\n\t border-left-color: transparent;\r\n\t}\r\n\r\n\th1:after {\r\n\t right: -40px;\r\n\t border-right-width: 15px;\r\n\t border-right-color: transparent;\r\n\t}\r\n\r\n\th1 span {\r\n\t position: relative;\r\n\t z-index: 1;\r\n\t display: block;\r\n\t padding: 15px 5px;\r\n\t color: #fff;\r\n\t background: #fa4141;\r\n\t}\r\n\r\n\th1 span:before,\r\n\th1 span:after {\r\n\t position: absolute;\r\n\t bottom: -10px;\r\n\t display: block;\r\n\t width: 10px;\r\n\t height: 10px;\r\n\t content: '';\r\n\t border-style: solid;\r\n\t border-color: #b70505 transparent transparent transparent;\r\n\t}\r\n\r\n\th1 span:before {\r\n\t left: 0;\r\n\t border-width: 10px 0 0 10px;\r\n\t}\r\n\r\n\th1 span:after {\r\n\t right: 0;\r\n\t border-width: 10px 10px 0 0;\r\n\t}\r\n\r\n\tselect{\r\n\t\tfont-size: 28px;\r\n\t padding: 20px 20px 20px 20px;\r\n\t background-color: #FFF;\r\n\t -webkit-box-sizing: border-box;\r\n\t -moz-box-sizing: border-box;\r\n\t box-sizing: border-box;\r\n\t -webkit-transition: all .5s;\r\n\t transition: all 1s;\r\n\t \tcolor: #ff871a;\r\n\t border: 2px solid;\r\n\t}\r\n\r\n\tselect:hover {\r\n\t background: #351e8c;\r\n\t color: #FFF;\r\n\t border-color: #031de2;\r\n\t border: 0px solid;\r\n\t}\r\n\r\n\tbutton {\r\n\t font-size: 28px;\r\n\t width: 150px;\r\n\t margin-top: 30px;\r\n\t text-align: center;\r\n\t color: #ffffff;\r\n\t padding: 20px 15px;\r\n\t font-weight: bold;\r\n\t border-radius: 10px;\r\n\t -webkit-box-sizing: border-box;\r\n\t -moz-box-sizing: border-box;\r\n\t box-sizing: border-box;\r\n\t -webkit-transition: all .3s;\r\n\t transition: all 1s;\r\n\t border: 0px solid;\r\n margin-bottom: 30px;\r\n background:linear-gradient(to bottom right, #fccb90, #d57eeb);\r\n\t background-size:200px 300px;\r\n\r\n\t}\r\n\r\n\tbutton:hover {\r\n\t background-position:100%;\r\n\t color: #FFF;\r\n\t background:linear-gradient(#F89174, #FFC778);\r\n\t}\r\n\r\n\r\n\tol{\r\n\t\t\tpadding-bottom: 30px;\r\nmargin: 0px 100px 50px 100px;\r\n\r\n}\r\n#best{\r\nposition: relative;\r\n\r\n\t line-height: 2em;\r\n\t padding: 0.5em 0.5em 0.5em 30px;\r\n\t background: #fff;\r\n\t box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);\r\n\t margin: 0 auto;\r\n\tmargin-top: 10px;\r\n\tborder-radius:8px;\r\n\r\n\r\n\t}\r\n\r\nol:before {\r\n\r\n\t}\r\n\r\n#best::before {\r\n\r\n\t position: absolute;\r\n\t background: #ff0801;\r\n\t color: #FFF;\r\n\t font-size: 15px;\r\n\t border-radius: 50%;\r\n\t left: 0;\r\n\t width: 23px;\r\n\t height: 23px;\r\n\t line-height: 22px;\r\n\t text-align: center;\r\n\t top: 5px;\r\n\t font-family: \"Font Awesome 5 Free\";\r\n\t content: \"\\f521\";\r\n\t font-weight: 900;\r\n\t margin:6px 0px 0px 10px;\r\n\r\n\t}\r\n#best li{\r\n\tcounter-increment: count-ex1-5;\r\ncontent: counter(number);\r\npadding: 0px 10px 0px 5px;\r\nfloat: left;\r\nmargin:0px 0px 0px 5px;\r\n}\r\nli::marker{\r\n\t font-weight:bold;\r\n\t color: #ff0801;\r\n\r\n\t}\r\n\r\n\t.form {\r\n\t\twidth: 500px;\r\n\t\tmargin: 0 auto;\r\n\t\tdisplay: flex;\r\n\r\n\t}\r\n\t.Awesome{\r\n\t \twidth: 10%;\r\nmargin: 0 auto;\r\nmargin-bottom: -20px;\r\n\t}\r\n@media screen and (max-width: 768px) {\r\n .form{\r\n display:block;\r\n text-align: center;\r\n margin: 0 auto;\r\n width: 300px;\r\n }\r\nh1{\r\n font-size: 22px;\r\n padding: 0px 1px 0px 1px;\r\n\t}\r\n\r\nh1:before {\r\n\t left: -27px;\r\n\t border-left-width: 15px;\r\n\t border-left-color: transparent;\r\n}\r\n\r\nh1:after {\r\n\t right: -27px;\r\n\t border-right-width: 15px;\r\n\t border-right-color: transparent;\r\n\t}\r\nselect{\r\n\t\tappearance: none; \/* \u30c7\u30d5\u30a9\u30eb\u30c8\u306e\u77e2\u5370\u3092\u6d88\u3059 *\/\r\n\t\tmargin-top: 10px;\r\n\t\tdisplay: block\r\n\t}\r\n\t.arrow::after {\r\n\t color: #ff871a;\r\n position: absolute;\r\n\ttop: 38%; \/* \u77e2\u5370\u306e\u4f4d\u7f6e *\/\r\n\tborder-color: #ff871a;\r\n }\r\nselect:hover {\r\nborder-color: #351e8c;\r\ncolor: #fff;\r\n}\r\n\t.Awesome{\r\n\t \twidth: 20%;\r\nmargin: 0 auto;\r\n}\r\n#best{\r\n\r\n\t\tfont-size: 15px;\r\n\r\n\t\tmargin: 0 auto;\r\n\r\n\t\tline-height: 1.5em;\r\n\t\tmargin-bottom: 10px;\r\n}\r\n#best li{\r\n\t\tfont-size: 15px;\r\n\t\tpadding: 8px 8px 8px 8px;\r\n\t\tline-height:1.5em;\r\n\t\tfloat: left;\r\n}\r\n#best::before{\r\n margin: 10px 5px 5px 10px;\r\n\r\n}\r\nol{\r\n margin:10px 10px 10px 10px;\r\n}\r\n\r\n\r\n\r\n\r\n <\/style>\r\n\r\n<\/head>\r\n<body>\r\n <div id=\"ranking\">\r\n <div class=\"flex-wap\">\r\n <div class=\"flex-master\">\r\n\t\t\t\t<div class=\"last_update_time\">\r\n\t\t\t\t\t<p>\u6700\u7d42\u66f4\u65b0 : {{ last_update }}<\/p>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\r\n\t\t\t<div class=\"Awesome\">\r\n\t\t\t <img decoding=\"async\" src=\"https:\/\/www.gifuai.net\/wp-content\/uploads\/2022\/09\/e8e3593e053201056f0adbebd6c86e04.png\">\r\n\t\t\t<\/div>\r\n\r\n <h1><span>\u5c90\u961c\u30ed\u30b2-\u30e9\u30f3\u30ad\u30f3\u30b0\u901f\u5831<\/span><\/h1>\r\n\t\t<\/div>\r\n\t <form @submit.prevent=\"ranking_view\">\r\n\t\t\t<div class=\"form\">\r\n\t\t\t\t<div class=\"arrow\">\r\n\t\t\t \t<select v-model=\"selectedClass\">\r\n\t\t\t \t\t<option disabled selected value=\"\">\u30af\u30e9\u30b9\u4e00\u89a7<\/option>\r\n\t\t\t \t\t<option value=\"3\u6642\u9593\u4e00\u822c\">3\u6642\u9593\u4e00\u822c<\/option>\r\n\t\t\t \t\t<option value=\"3\u6642\u9593\u30d5\u30a1\u30df\u30ea\u30fc\">3\u6642\u9593\u30d5\u30a1\u30df\u30ea\u30fc<\/option>\r\n\t\t\t \t\t<option value=\"3\u6642\u9593\u81ea\u8ee2\u8eca\">3\u6642\u9593\u81ea\u8ee2\u8eca<\/option>\r\n\t\t\t \t\t<option value=\"3\u6642\u9593\u30bd\u30ed\u7537\u5b50\">3\u6642\u9593\u30bd\u30ed\u7537\u5b50<\/option>\r\n\t\t\t \t\t<option value=\"3\u6642\u95933\u6642\u9593\u30bd\u30ed\u5973\u5b50\">3\u6642\u9593\u30bd\u30ed\u5973\u5b50<\/option>\r\n\t\t\t \t\t<option value=\"5\u6642\u9593\u4e00\u822c\">5\u6642\u9593\u4e00\u822c<\/option>\r\n\t\t\t \t\t<option value=\"5\u6642\u9593\u30d5\u30a1\u30df\u30ea\u30fc\">5\u6642\u9593\u30d5\u30a1\u30df\u30ea\u30fc<\/option>\r\n\t\t\t \t\t<option value=\"5\u6642\u9593\u81ea\u8ee2\u8eca\">5\u6642\u9593\u81ea\u8ee2\u8eca<\/option>\r\n\t\t\t \t\t<option value=\"5\u6642\u9593\u30bd\u30ed\u7537\u5b50\">5\u6642\u9593\u30bd\u30ed\u7537\u5b50<\/option>\r\n\t\t\t \t\t<option value=\"5\u6642\u95933\u6642\u9593\u30bd\u30ed\u5973\u5b50\">5\u6642\u9593\u30bd\u30ed\u5973\u5b50<\/option>\r\n\t\t\t \t<\/select>\r\n\t\t\t\t<\/div>\r\n\t\t \t<button type=\"submit\">\u8868\u793a<\/button>\r\n\t\t\t<\/div>\r\n\t <\/form>\r\n\r\n\t <ol>\r\n\r\n\t \t<div id=\"best\" v-for=\"team in team_list\">\r\n\r\n\t\t\t\t\t<li><\/li>\r\n\r\n\r\n\t \t\t{{ team.team_name }}({{ team.zekken_number }})\u3000<br class=\"br-sp\" \/>\u5408\u8a08\u5f97\u70b9:{{ team.point }}\u3000\u5185\u6e1b\u70b9: {{ team.late_point }}\r\n\t \t<\/div>\r\n\t <\/ol>\r\n\t <\/div>\r\n\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/vue@2\"><\/script>\r\n\t<script src=\"https:\/\/unpkg.com\/axios\/dist\/axios.min.js\"><\/script>\r\n <script>\r\n\r\n (function() {\r\n 'use strict';\r\n\r\n var vm = new Vue({\r\n el: '#ranking',\r\n data: {\r\n selectedClass: \"\",\r\n team_list: [],\r\n\t\t\t\tlast_update: \"\",\r\n class_list: ['3\u6642\u9593\u4e00\u822c','3\u6642\u9593\u30d5\u30a1\u30df\u30ea\u30fc','3\u6642\u9593\u81ea\u8ee2\u8eca','3\u6642\u9593\u30bd\u30ed\u7537\u5b50','3\u6642\u9593\u30bd\u30ed\u5973\u5b50','5\u6642\u9593\u4e00\u822c','5\u6642\u9593\u30d5\u30a1\u30df\u30ea\u30fc','5\u6642\u9593\u81ea\u8ee2\u8eca','5\u6642\u9593\u30bd\u30ed\u7537\u5b50','5\u6642\u9593\u30bd\u30ed\u5973\u5b50']\r\n },\r\n mounted : function(){\r\n\t\t\t\taxios.get(\"https:\/\/www.gifuai.net\/ranking_json\/ogaki.json\")\r\n\t\t\t\t.then(response => (this.last_update = response.data.last_update))\r\n },\r\n\r\n methods: {\r\n\r\n ranking_view: function(){\r\n\t\t\t\taxios.get(\"https:\/\/www.gifuai.net\/ranking_json\/ogaki.json\")\r\n\t\t\t\t.then(response => (this.team_list = response.data.data[this.selectedClass]))\r\n }\r\n\r\n }\r\n });\r\n })();\r\n\r\n\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u5c90\u961c\u30ed\u30b2in\u5927\u57a3 – \u901f\u5831\u30e9\u30f3\u30ad\u30f3\u30b0 \u6700\u7d42\u66f4\u65b0 : {{ last_update }} \u5c90\u961c\u30ed\u30b2-\u30e9\u30f3\u30ad\u30f3\u30b0\u901f\u5831 \u30af\u30e9\u30b9\u4e00\u89a73\u6642\u9593\u4e00\u822c3\u6642\u9593\u30d5\u30a1\u30df\u30ea\u30fc3\u6642\u9593\u81ea\u8ee2\u8eca3\u6642\u9593\u30bd\u30ed\u7537\u5b503\u6642\u9593\u30bd\u30ed\u5973\u5b505\u6642\u9593\u4e00\u822c5\u6642\u9593\u30d5 … <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/www.gifuai.net\/?page_id=28406\" class=\"more-link\">\u7d9a\u304d\u3092\u8aad\u3080<span class=\"screen-reader-text\"> “\u5c90\u961c\u30ed\u30b2in\u5927\u57a3 – \u901f\u5831\u30e9\u30f3\u30ad\u30f3\u30b0”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-28406","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.gifuai.net\/index.php?rest_route=\/wp\/v2\/pages\/28406","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gifuai.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.gifuai.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.gifuai.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gifuai.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=28406"}],"version-history":[{"count":2980,"href":"https:\/\/www.gifuai.net\/index.php?rest_route=\/wp\/v2\/pages\/28406\/revisions"}],"predecessor-version":[{"id":32597,"href":"https:\/\/www.gifuai.net\/index.php?rest_route=\/wp\/v2\/pages\/28406\/revisions\/32597"}],"wp:attachment":[{"href":"https:\/\/www.gifuai.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=28406"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t\t\t

<\/div>\n\t\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\t\r\n\t\r\n\r\n\t\u5c90\u961c\u30ed\u30b2in\u5927\u57a3 - \u901f\u5831\u30e9\u30f3\u30ad\u30f3\u30b0<\/title>\r\n\r\n <style>\r\n #ranking{\r\n background-color: #fff3eb;\r\n }\r\n\t.ranking {\r\n\t\tmargin: auto;\r\n\t\tposition: relative;\r\n\t\tbackground-color: #F9F7D4;\r\n\t}\r\n\r\n\t.flex-master {\r\n\t\tdisplay: flex;\r\n\t}\r\n\r\n\r\n\t.last_update_time {\r\n\t\twidth: 100%;\r\n\t\tposition: relative;\r\n\t\ttext-align: right;\r\n\t}\r\n\r\n\r\n\t.arrow {\r\n\t position: relative;\r\n\r\n\t margin: 0 auto;\r\n\t}\r\n\t.arrow::after {\r\n\t\tcolor: #ff871a;\r\n\t position: absolute;\r\n\t top: 41%; \/* \u77e2\u5370\u306e\u4f4d\u7f6e *\/\r\n\t right: 20px; \/* \u77e2\u5370\u306e\u4f4d\u7f6e *\/\r\n\t width: 18px; \/* \u77e2\u5370\u306e\u5927\u304d\u3055 *\/\r\n\t height: 18px; \/* \u77e2\u5370\u306e\u5927\u304d\u3055 *\/\r\n\t border-top: 3px solid #58504A; \/* \u77e2\u5370\u306e\u7dda *\/\r\n\t border-right: 3px solid #58504A; \/* \u77e2\u5370\u306e\u7dda *\/\r\n\t -webkit-transform: rotate(135deg); \/* \u77e2\u5370\u306e\u50be\u304d *\/\r\n\t transform: rotate(135deg); \/* \u77e2\u5370\u306e\u50be\u304d *\/\r\n\t pointer-events: none; \/* \u77e2\u5370\u90e8\u5206\u3082\u30af\u30ea\u30c3\u30af\u53ef\u80fd\u306b\u3059\u308b *\/\r\n\t content: \"\";\r\n\t\tborder-color: #ff871a;\r\n }\r\n\r\n\tselect{\r\n\t\tappearance: none; \/* \u30c7\u30d5\u30a9\u30eb\u30c8\u306e\u77e2\u5370\u3092\u6d88\u3059 *\/\r\n\t\tmargin-top: 30px;\r\n\t\twidth: 300px;\r\n\t}\r\n\r\n\r\n\th1 {\r\n\t position: relative;\r\n\t margin: 0px 30px 30px 30px;\r\n\t text-align: center;\r\n\t}\r\n\r\n\th1:before,\r\n\th1:after {\r\n\t position: absolute;\r\n\t z-index: 0;\r\n\t bottom: -10px;\r\n\t display: block;\r\n\t content: '';\r\n\t border: 1em solid #d90606;\r\n\t}\r\n\r\n\th1:before {\r\n\t left: -40px;\r\n\t border-left-width: 15px;\r\n\t border-left-color: transparent;\r\n\t}\r\n\r\n\th1:after {\r\n\t right: -40px;\r\n\t border-right-width: 15px;\r\n\t border-right-color: transparent;\r\n\t}\r\n\r\n\th1 span {\r\n\t position: relative;\r\n\t z-index: 1;\r\n\t display: block;\r\n\t padding: 15px 5px;\r\n\t color: #fff;\r\n\t background: #fa4141;\r\n\t}\r\n\r\n\th1 span:before,\r\n\th1 span:after {\r\n\t position: absolute;\r\n\t bottom: -10px;\r\n\t display: block;\r\n\t width: 10px;\r\n\t height: 10px;\r\n\t content: '';\r\n\t border-style: solid;\r\n\t border-color: #b70505 transparent transparent transparent;\r\n\t}\r\n\r\n\th1 span:before {\r\n\t left: 0;\r\n\t border-width: 10px 0 0 10px;\r\n\t}\r\n\r\n\th1 span:after {\r\n\t right: 0;\r\n\t border-width: 10px 10px 0 0;\r\n\t}\r\n\r\n\tselect{\r\n\t\tfont-size: 28px;\r\n\t padding: 20px 20px 20px 20px;\r\n\t background-color: #FFF;\r\n\t -webkit-box-sizing: border-box;\r\n\t -moz-box-sizing: border-box;\r\n\t box-sizing: border-box;\r\n\t -webkit-transition: all .5s;\r\n\t transition: all 1s;\r\n\t \tcolor: #ff871a;\r\n\t border: 2px solid;\r\n\t}\r\n\r\n\tselect:hover {\r\n\t background: #351e8c;\r\n\t color: #FFF;\r\n\t border-color: #031de2;\r\n\t border: 0px solid;\r\n\t}\r\n\r\n\tbutton {\r\n\t font-size: 28px;\r\n\t width: 150px;\r\n\t margin-top: 30px;\r\n\t text-align: center;\r\n\t color: #ffffff;\r\n\t padding: 20px 15px;\r\n\t font-weight: bold;\r\n\t border-radius: 10px;\r\n\t -webkit-box-sizing: border-box;\r\n\t -moz-box-sizing: border-box;\r\n\t box-sizing: border-box;\r\n\t -webkit-transition: all .3s;\r\n\t transition: all 1s;\r\n\t border: 0px solid;\r\n margin-bottom: 30px;\r\n background:linear-gradient(to bottom right, #fccb90, #d57eeb);\r\n\t background-size:200px 300px;\r\n\r\n\t}\r\n\r\n\tbutton:hover {\r\n\t background-position:100%;\r\n\t color: #FFF;\r\n\t background:linear-gradient(#F89174, #FFC778);\r\n\t}\r\n\r\n\r\n\tol{\r\n\t\t\tpadding-bottom: 30px;\r\nmargin: 0px 100px 50px 100px;\r\n\r\n}\r\n#best{\r\nposition: relative;\r\n\r\n\t line-height: 2em;\r\n\t padding: 0.5em 0.5em 0.5em 30px;\r\n\t background: #fff;\r\n\t box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);\r\n\t margin: 0 auto;\r\n\tmargin-top: 10px;\r\n\tborder-radius:8px;\r\n\r\n\r\n\t}\r\n\r\nol:before {\r\n\r\n\t}\r\n\r\n#best::before {\r\n\r\n\t position: absolute;\r\n\t background: #ff0801;\r\n\t color: #FFF;\r\n\t font-size: 15px;\r\n\t border-radius: 50%;\r\n\t left: 0;\r\n\t width: 23px;\r\n\t height: 23px;\r\n\t line-height: 22px;\r\n\t text-align: center;\r\n\t top: 5px;\r\n\t font-family: \"Font Awesome 5 Free\";\r\n\t content: \"\\f521\";\r\n\t font-weight: 900;\r\n\t margin:6px 0px 0px 10px;\r\n\r\n\t}\r\n#best li{\r\n\tcounter-increment: count-ex1-5;\r\ncontent: counter(number);\r\npadding: 0px 10px 0px 5px;\r\nfloat: left;\r\nmargin:0px 0px 0px 5px;\r\n}\r\nli::marker{\r\n\t font-weight:bold;\r\n\t color: #ff0801;\r\n\r\n\t}\r\n\r\n\t.form {\r\n\t\twidth: 500px;\r\n\t\tmargin: 0 auto;\r\n\t\tdisplay: flex;\r\n\r\n\t}\r\n\t.Awesome{\r\n\t \twidth: 10%;\r\nmargin: 0 auto;\r\nmargin-bottom: -20px;\r\n\t}\r\n@media screen and (max-width: 768px) {\r\n .form{\r\n display:block;\r\n text-align: center;\r\n margin: 0 auto;\r\n width: 300px;\r\n }\r\nh1{\r\n font-size: 22px;\r\n padding: 0px 1px 0px 1px;\r\n\t}\r\n\r\nh1:before {\r\n\t left: -27px;\r\n\t border-left-width: 15px;\r\n\t border-left-color: transparent;\r\n}\r\n\r\nh1:after {\r\n\t right: -27px;\r\n\t border-right-width: 15px;\r\n\t border-right-color: transparent;\r\n\t}\r\nselect{\r\n\t\tappearance: none; \/* \u30c7\u30d5\u30a9\u30eb\u30c8\u306e\u77e2\u5370\u3092\u6d88\u3059 *\/\r\n\t\tmargin-top: 10px;\r\n\t\tdisplay: block\r\n\t}\r\n\t.arrow::after {\r\n\t color: #ff871a;\r\n position: absolute;\r\n\ttop: 38%; \/* \u77e2\u5370\u306e\u4f4d\u7f6e *\/\r\n\tborder-color: #ff871a;\r\n }\r\nselect:hover {\r\nborder-color: #351e8c;\r\ncolor: #fff;\r\n}\r\n\t.Awesome{\r\n\t \twidth: 20%;\r\nmargin: 0 auto;\r\n}\r\n#best{\r\n\r\n\t\tfont-size: 15px;\r\n\r\n\t\tmargin: 0 auto;\r\n\r\n\t\tline-height: 1.5em;\r\n\t\tmargin-bottom: 10px;\r\n}\r\n#best li{\r\n\t\tfont-size: 15px;\r\n\t\tpadding: 8px 8px 8px 8px;\r\n\t\tline-height:1.5em;\r\n\t\tfloat: left;\r\n}\r\n#best::before{\r\n margin: 10px 5px 5px 10px;\r\n\r\n}\r\nol{\r\n margin:10px 10px 10px 10px;\r\n}\r\n\r\n\r\n\r\n\r\n <\/style>\r\n\r\n<\/head>\r\n<body>\r\n <div id=\"ranking\">\r\n <div class=\"flex-wap\">\r\n <div class=\"flex-master\">\r\n\t\t\t\t<div class=\"last_update_time\">\r\n\t\t\t\t\t<p>\u6700\u7d42\u66f4\u65b0 : {{ last_update }}<\/p>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\r\n\t\t\t<div class=\"Awesome\">\r\n\t\t\t <img decoding=\"async\" src=\"https:\/\/www.gifuai.net\/wp-content\/uploads\/2022\/09\/e8e3593e053201056f0adbebd6c86e04.png\">\r\n\t\t\t<\/div>\r\n\r\n <h1><span>\u5c90\u961c\u30ed\u30b2-\u30e9\u30f3\u30ad\u30f3\u30b0\u901f\u5831<\/span><\/h1>\r\n\t\t<\/div>\r\n\t <form @submit.prevent=\"ranking_view\">\r\n\t\t\t<div class=\"form\">\r\n\t\t\t\t<div class=\"arrow\">\r\n\t\t\t \t<select v-model=\"selectedClass\">\r\n\t\t\t \t\t<option disabled selected value=\"\">\u30af\u30e9\u30b9\u4e00\u89a7<\/option>\r\n\t\t\t \t\t<option value=\"3\u6642\u9593\u4e00\u822c\">3\u6642\u9593\u4e00\u822c<\/option>\r\n\t\t\t \t\t<option value=\"3\u6642\u9593\u30d5\u30a1\u30df\u30ea\u30fc\">3\u6642\u9593\u30d5\u30a1\u30df\u30ea\u30fc<\/option>\r\n\t\t\t \t\t<option value=\"3\u6642\u9593\u81ea\u8ee2\u8eca\">3\u6642\u9593\u81ea\u8ee2\u8eca<\/option>\r\n\t\t\t \t\t<option value=\"3\u6642\u9593\u30bd\u30ed\u7537\u5b50\">3\u6642\u9593\u30bd\u30ed\u7537\u5b50<\/option>\r\n\t\t\t \t\t<option value=\"3\u6642\u95933\u6642\u9593\u30bd\u30ed\u5973\u5b50\">3\u6642\u9593\u30bd\u30ed\u5973\u5b50<\/option>\r\n\t\t\t \t\t<option value=\"5\u6642\u9593\u4e00\u822c\">5\u6642\u9593\u4e00\u822c<\/option>\r\n\t\t\t \t\t<option value=\"5\u6642\u9593\u30d5\u30a1\u30df\u30ea\u30fc\">5\u6642\u9593\u30d5\u30a1\u30df\u30ea\u30fc<\/option>\r\n\t\t\t \t\t<option value=\"5\u6642\u9593\u81ea\u8ee2\u8eca\">5\u6642\u9593\u81ea\u8ee2\u8eca<\/option>\r\n\t\t\t \t\t<option value=\"5\u6642\u9593\u30bd\u30ed\u7537\u5b50\">5\u6642\u9593\u30bd\u30ed\u7537\u5b50<\/option>\r\n\t\t\t \t\t<option value=\"5\u6642\u95933\u6642\u9593\u30bd\u30ed\u5973\u5b50\">5\u6642\u9593\u30bd\u30ed\u5973\u5b50<\/option>\r\n\t\t\t \t<\/select>\r\n\t\t\t\t<\/div>\r\n\t\t \t<button type=\"submit\">\u8868\u793a<\/button>\r\n\t\t\t<\/div>\r\n\t <\/form>\r\n\r\n\t <ol>\r\n\r\n\t \t<div id=\"best\" v-for=\"team in team_list\">\r\n\r\n\t\t\t\t\t<li><\/li>\r\n\r\n\r\n\t \t\t{{ team.team_name }}({{ team.zekken_number }})\u3000<br class=\"br-sp\" \/>\u5408\u8a08\u5f97\u70b9:{{ team.point }}\u3000\u5185\u6e1b\u70b9: {{ team.late_point }}\r\n\t \t<\/div>\r\n\t <\/ol>\r\n\t <\/div>\r\n\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/vue@2\"><\/script>\r\n\t<script src=\"https:\/\/unpkg.com\/axios\/dist\/axios.min.js\"><\/script>\r\n <script>\r\n\r\n (function() {\r\n 'use strict';\r\n\r\n var vm = new Vue({\r\n el: '#ranking',\r\n data: {\r\n selectedClass: \"\",\r\n team_list: [],\r\n\t\t\t\tlast_update: \"\",\r\n class_list: ['3\u6642\u9593\u4e00\u822c','3\u6642\u9593\u30d5\u30a1\u30df\u30ea\u30fc','3\u6642\u9593\u81ea\u8ee2\u8eca','3\u6642\u9593\u30bd\u30ed\u7537\u5b50','3\u6642\u9593\u30bd\u30ed\u5973\u5b50','5\u6642\u9593\u4e00\u822c','5\u6642\u9593\u30d5\u30a1\u30df\u30ea\u30fc','5\u6642\u9593\u81ea\u8ee2\u8eca','5\u6642\u9593\u30bd\u30ed\u7537\u5b50','5\u6642\u9593\u30bd\u30ed\u5973\u5b50']\r\n },\r\n mounted : function(){\r\n\t\t\t\taxios.get(\"https:\/\/www.gifuai.net\/ranking_json\/ogaki.json\")\r\n\t\t\t\t.then(response => (this.last_update = response.data.last_update))\r\n },\r\n\r\n methods: {\r\n\r\n ranking_view: function(){\r\n\t\t\t\taxios.get(\"https:\/\/www.gifuai.net\/ranking_json\/ogaki.json\")\r\n\t\t\t\t.then(response => (this.team_list = response.data.data[this.selectedClass]))\r\n }\r\n\r\n }\r\n });\r\n })();\r\n\r\n\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u5c90\u961c\u30ed\u30b2in\u5927\u57a3 – \u901f\u5831\u30e9\u30f3\u30ad\u30f3\u30b0 \u6700\u7d42\u66f4\u65b0 : {{ last_update }} \u5c90\u961c\u30ed\u30b2-\u30e9\u30f3\u30ad\u30f3\u30b0\u901f\u5831 \u30af\u30e9\u30b9\u4e00\u89a73\u6642\u9593\u4e00\u822c3\u6642\u9593\u30d5\u30a1\u30df\u30ea\u30fc3\u6642\u9593\u81ea\u8ee2\u8eca3\u6642\u9593\u30bd\u30ed\u7537\u5b503\u6642\u9593\u30bd\u30ed\u5973\u5b505\u6642\u9593\u4e00\u822c5\u6642\u9593\u30d5 … <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/www.gifuai.net\/?page_id=28406\" class=\"more-link\">\u7d9a\u304d\u3092\u8aad\u3080<span class=\"screen-reader-text\"> “\u5c90\u961c\u30ed\u30b2in\u5927\u57a3 – \u901f\u5831\u30e9\u30f3\u30ad\u30f3\u30b0”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-28406","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.gifuai.net\/index.php?rest_route=\/wp\/v2\/pages\/28406","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gifuai.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.gifuai.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.gifuai.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gifuai.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=28406"}],"version-history":[{"count":2980,"href":"https:\/\/www.gifuai.net\/index.php?rest_route=\/wp\/v2\/pages\/28406\/revisions"}],"predecessor-version":[{"id":32597,"href":"https:\/\/www.gifuai.net\/index.php?rest_route=\/wp\/v2\/pages\/28406\/revisions\/32597"}],"wp:attachment":[{"href":"https:\/\/www.gifuai.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=28406"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}