'+t+'
'+a[1]+"
";return""!=a[2]&&(e+=''+a[2]+"
"),e}var kMap=L.map("map").setView([35.679,139.832],10),kMarkers=[];L.tileLayer("https://{s}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png",{attribution:'© OpenStreetMap, Tiles courtesy of Humanitarian OpenStreetMap Team',maxZoom:16,minZoom:6}).addTo(kMap),$.ajaxSetup({cache:!1}),$.getJSON("data/data.json",function(a){$.each(a,function(a,t){var e="shop";"ワークマンプラス"===t[0].substr(0,8)&&(e+=" plus"),kMarkers[a]=L.marker([t[3],t[4]],{icon:L.divIcon({className:e})}).addTo(kMap).bindPopup(getPopupContent(t))})});
--------------------------------------------------------------------------------
/tko/workman/js/script.js:
--------------------------------------------------------------------------------
1 | $(function(){
2 | var eClick = (function() {
3 | if ('ontouchstart' in document.documentElement === true)
4 | return 'touchstart';
5 | else
6 | return 'click';
7 | })();
8 |
9 | $(document).on(eClick, "#fullscreen", function(e){
10 | $.when(
11 | $("#cover").fadeIn("fast")
12 | ).done(function() {
13 | $.when(
14 | $("#iframe-block").addClass("fullscreen")
15 | ).done(function() {
16 | $("#cover").fadeOut("fast");
17 | });
18 | });
19 | });
20 |
21 | $(document).on(eClick, "#button-close", function(e){
22 | e.preventDefault();
23 | e.stopPropagation();
24 | $.when(
25 | $("#cover").fadeIn("fast")
26 | ).done(function() {
27 | $.when(
28 | $("#iframe-block").removeClass("fullscreen")
29 | ).done(function() {
30 | $("#cover").fadeOut("fast");
31 | });
32 | });
33 | });
34 | });
35 |
--------------------------------------------------------------------------------
/tko/disasterbases/script.js:
--------------------------------------------------------------------------------
1 | $(function(){
2 | var eClick = (function() {
3 | if ('ontouchstart' in document.documentElement === true)
4 | return 'touchstart';
5 | else
6 | return 'click';
7 | })();
8 |
9 | $(document).on(eClick, "#fullscreen", function(e){
10 | $.when(
11 | $("#cover").fadeIn("fast")
12 | ).done(function() {
13 | $.when(
14 | $("#iframe-block").addClass("fullscreen")
15 | ).done(function() {
16 | $("#cover").fadeOut("fast");
17 | });
18 | });
19 | });
20 |
21 | $(document).on(eClick, "#button-close", function(e){
22 | e.preventDefault();
23 | e.stopPropagation();
24 | $.when(
25 | $("#cover").fadeIn("fast")
26 | ).done(function() {
27 | $.when(
28 | $("#iframe-block").removeClass("fullscreen")
29 | ).done(function() {
30 | $("#cover").fadeOut("fast");
31 | });
32 | });
33 | });
34 | });
35 |
--------------------------------------------------------------------------------
/tko/workman/embed/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
--------------------------------------------------------------------------------
/tko/disasterbases/embed/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
14 |
15 |
16 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
--------------------------------------------------------------------------------
/tko/landprices/embed/en.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 | | 交通施設と距離 | 18 |価格 | 19 |地積 | 20 |利用現況 | 21 |
|---|
14 |
15 |
16 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
--------------------------------------------------------------------------------
/tko/workman/embed/js/script.js:
--------------------------------------------------------------------------------
1 | function addCommas(num){
2 | return String(num).replace( /(\d)(?=(\d\d\d)+(?!\d))/g, '$1,');
3 | }
4 |
5 |
6 | function getPopupContent(shop){
7 | var shopname = shop[0];
8 | if (shop[0].substr(0, 8) != "ワークマンプラス") shopname = "ワークマン " + shopname;
9 |
10 | var ret =
11 | '| Station and distance | 18 |Price | 19 |Area size | 20 |Area type | 21 |
|---|
' + shopname + '
'
12 | + '' + shop[1] + '
'
13 | ;
14 |
15 | if (shop[2] != "") {
16 | ret += '' + shop[2] + '
';
17 | }
18 |
19 | return ret;
20 | }
21 |
22 |
23 | var kMap = L.map('map').setView([35.679, 139.832], 10);
24 | var kMarkers = [];
25 |
26 | L.tileLayer('https://{s}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png', {
27 | attribution: '© OpenStreetMap, Tiles courtesy of Humanitarian OpenStreetMap Team',
28 | maxZoom: 16,
29 | minZoom: 6
30 | }).addTo(kMap);
31 |
32 |
33 | $.ajaxSetup({
34 | cache: false
35 | });
36 |
37 |
38 | $.getJSON("data/data.json", function(data){
39 | $.each(data, function(i, shop){
40 | var kClass = "shop";
41 | if (shop[0].substr(0, 8) === "ワークマンプラス") kClass += " plus";
42 |
43 | kMarkers[i] = L.marker([shop[3], shop[4]], {icon: L.divIcon({className: kClass})})
44 | .addTo(kMap)
45 | .bindPopup(getPopupContent(shop));
46 | });
47 | });
48 |
--------------------------------------------------------------------------------
/tko/disasterbases/embed/script.js:
--------------------------------------------------------------------------------
1 | var kMap = L.map('map').setView([35.679, 139.732], 10);
2 | var kMarkers = [];
3 |
4 |
5 | $.ajaxSetup({
6 | cache: false
7 | });
8 |
9 |
10 | L.tileLayer('http://{s}.tiles.wmflabs.org/bw-mapnik/{z}/{x}/{y}.png', {
11 | attribution: '© OpenStreetMap',
12 | maxZoom: 16,
13 | minZoom: 6
14 | }).addTo(kMap);
15 |
16 |
17 | function getPopupContent(hospital){
18 | var type = '地域災害拠点病院
';
19 | if (hospital[0] === "基幹") type = '基幹災害拠点病院
';
20 |
21 | var ret = type
22 | + '' + hospital[1] + '
'
23 | + '所在地
'
24 | + '' + hospital[3] + '
'
25 | + '二次医療圏名
'
26 | + '' + hospital[4] + '
'
27 | + '開設者
'
28 | + '' + hospital[2] + '
'
29 | ;
30 |
31 | return ret;
32 | }
33 |
34 |
35 | $.getJSON("data.json", function(data){
36 | Object.keys(data).forEach(function(key) {
37 | var pref = data[key];
38 |
39 | for (var i = 0; i < pref.length; i++) {
40 | var kType = "t0";
41 | if (pref[i][0] === "基幹") kType = "t1";
42 | kMarkers[i] = L.marker([pref[i][5], pref[i][6]], {icon: L.divIcon({className: 'location ' + kType})})
43 | .addTo(kMap)
44 | .bindPopup(getPopupContent(pref[i]));
45 | }
46 | });
47 | });
48 |
--------------------------------------------------------------------------------
/tko/landprices3/embed/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
--------------------------------------------------------------------------------
/tko/workman/embed/css/style.css.map:
--------------------------------------------------------------------------------
1 | {
2 | "version": 3,
3 | "mappings": ";AAEA,UAQC;EAPC,WAAW,EAAE,oBAAoB;EACjC,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,GAAG;EAChB,GAAG,EAAE,2QAEyF;EAC9F,YAAY,EAAE,IAAI;AAGpB,CAAE;EACA,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;EACV,OAAO,EAAE,IAAI;EACb,UAAU,EAAE,UAAU;EACtB,WAAW,EAAE,6IAA6I;;AAG5J,UAAU;EACR,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EACZ,WAAW,EAAE,MAAM;EACnB,cAAc,EAAE,MAAM;EACtB,WAAW,EAAE,KAAK;EAClB,KAAK,EAAE,IAAI;;AAGb,IAAK;EACH,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EACZ,gBAAgB,EAAE,IAAI;;AAGxB,kBAAmB;EACf,gBAAgB,EAAC,kBAAiB;;AAGtC,KAAM;EAIJ,KAAK,EAAE,eAAiB;EACxB,MAAM,EAAE,0BAAkB;EAC1B,WAAW,EAAE,gBAAwB;EACrC,UAAU,EAAE,0BAAyB;EACrC,UAAU,EAAE,4BAAyB;EACrC,UAAU,EAAE,qDAAqD;EACjE,OAAO,EAAE,aAAa;EAGtB,2BAA2B,EAAE,MAAM;EACnC,mBAAmB,EAAE,MAAM;EAE3B,UAAO;IAGL,KAAK,EAAE,eAAiB;IACxB,MAAM,EAAE,0BAAkB;IAC1B,WAAW,EAAE,gBAAwB;IACrC,UAAU,EAAE,0BAAyB;IACrC,UAAU,EAAE,yDAAyD;IACrE,OAAO,EAAE,aAAa;;AAI1B,GAAI;EACF,OAAO,EAAE,cAAc;EACvB,MAAM,EAAE,yBAAyB;;AAIjC,+CAA6B;EAC3B,GAAG,EAAE,GAAG;EACR,KAAK,EAAE,GAAG;AAGZ,iCAAe;EACb,SAAS,EAAE,KAAK;EAEhB,gEAA+B;IAC7B,aAAa,EAAE,GAAG;IAElB,uFAAuB;MACrB,OAAO,EAAE,aAAa;MAEtB,6FAAM;QACJ,WAAW,EAAE,IAAI;QACjB,SAAS,EAAE,KAAK;QAChB,KAAK,EAAE,IAAI;QACX,aAAa,EAAE,GAAG;MAGpB,gGAAS;QACP,KAAK,EAAE,IAAI;QACX,SAAS,EAAE,GAAG;QACd,WAAW,EAAE,KAAK;QAClB,UAAU,EAAE,GAAG;MAGjB,+FAAQ;QACN,KAAK,EAAE,IAAI;QACX,SAAS,EAAE,KAAK;QAChB,WAAW,EAAE,KAAK;QAClB,UAAU,EAAE,GAAG;;AAOzB,oCAAqC;EACnC,OAAQ;IACN,OAAO,EAAE,IAAI",
4 | "sources": ["style.scss"],
5 | "names": [],
6 | "file": "style.css"
7 | }
8 |
--------------------------------------------------------------------------------
/tko/landprices/js/script.js:
--------------------------------------------------------------------------------
1 | var eClick = (function() {
2 | if ('ontouchstart' in document.documentElement === true)
3 | return 'touchstart';
4 | else
5 | return 'click';
6 | })();
7 |
8 |
9 | $(function(){
10 | // Detect user agent & show no-support message if IE
11 | let userAgent = window.navigator.userAgent.toLowerCase();
12 | if(userAgent.indexOf('msie') != -1) {
13 | $("#no-support").addClass("show");
14 | }
15 |
16 | // when a select box was changed
17 | $(document).on("change", "select", function(){
18 | if ($("#select-data").val() === "price") {
19 | $("#iframe-block").find("iframe").contents().find("#tooltip-table-value").text("価格");
20 | } else {
21 | $("#iframe-block").find("iframe").contents().find("#tooltip-table-value").text("騰落率");
22 | }
23 | });
24 |
25 | $(document).on(eClick, "#fullscreen", function(e){
26 | $.when(
27 | $("#cover").fadeIn("fast")
28 | ).done(function() {
29 | $.when(
30 | $("body").addClass("fullscreen")
31 | ).done(function() {
32 | $("#cover").fadeOut("fast");
33 | });
34 | });
35 | });
36 |
37 | $(document).on(eClick, "#button-close", function(e){
38 | e.preventDefault();
39 | e.stopPropagation();
40 | $.when(
41 | $("#cover").fadeIn("fast")
42 | ).done(function() {
43 | $.when(
44 | $("body").removeClass("fullscreen")
45 | ).done(function() {
46 | $("#cover").fadeOut("fast");
47 | });
48 | });
49 | });
50 | });
51 |
--------------------------------------------------------------------------------
/tko/landprices3/js/script.js:
--------------------------------------------------------------------------------
1 | var eClick = (function() {
2 | if ('ontouchstart' in document.documentElement === true)
3 | return 'touchstart';
4 | else
5 | return 'click';
6 | })();
7 |
8 |
9 | $(function(){
10 | // Detect user agent & show no-support message if IE
11 | let userAgent = window.navigator.userAgent.toLowerCase();
12 | if(userAgent.indexOf('msie') != -1) {
13 | $("#no-support").addClass("show");
14 | }
15 |
16 | // when a select box was changed
17 | $(document).on("change", "select", function(){
18 | if ($("#select-data").val() === "price") {
19 | $("#iframe-block").find("iframe").contents().find("#tooltip-table-value").text("価格");
20 | } else {
21 | $("#iframe-block").find("iframe").contents().find("#tooltip-table-value").text("騰落率");
22 | }
23 | });
24 |
25 | $(document).on(eClick, "#fullscreen", function(e){
26 | $.when(
27 | $("#cover").fadeIn("fast")
28 | ).done(function() {
29 | $.when(
30 | $("body").addClass("fullscreen")
31 | ).done(function() {
32 | $("#cover").fadeOut("fast");
33 | });
34 | });
35 | });
36 |
37 | $(document).on(eClick, "#button-close", function(e){
38 | e.preventDefault();
39 | e.stopPropagation();
40 | $.when(
41 | $("#cover").fadeIn("fast")
42 | ).done(function() {
43 | $.when(
44 | $("body").removeClass("fullscreen")
45 | ).done(function() {
46 | $("#cover").fadeOut("fast");
47 | });
48 | });
49 | });
50 | });
51 |
--------------------------------------------------------------------------------
/tko/landprices/embed/css/style.css.map:
--------------------------------------------------------------------------------
1 | {
2 | "version": 3,
3 | "mappings": ";AAAA,UAQC;EAPC,WAAW,EAAE,oBAAoB;EACjC,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,GAAG;EAChB,YAAY,EAAE,IAAI;EAClB,GAAG,EAAE,2QAEyF;AAGhG,CAAE;EACA,OAAO,EAAE,CAAC;EACV,MAAM,EAAE,CAAC;EACT,WAAW,EAAE,6IAA6I;EAC1J,SAAS,EAAE,KAAK;EAChB,KAAK,EAAE,OAAO;EACd,QAAQ,EAAE,QAAQ;EAClB,UAAU,EAAE,UAAU;EACtB,OAAO,EAAE,IAAI;;AAGf,UAAU;EACR,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EACZ,MAAM,EAAE,CAAC;;AAGX,QAAS;EACP,QAAQ,EAAE,KAAK;EACf,MAAM,EAAE,GAAG;EACX,KAAK,EAAE,GAAG;EACV,KAAK,EAAE,iBAAiB;EACxB,OAAO,EAAE,OAAO;EAChB,gBAAgB,EAAE,kBAAe;EACjC,MAAM,EAAE,IAAI;EACZ,aAAa,EAAE,GAAG;EAClB,OAAO,EAAE,CAAC;EACV,OAAO,EAAE,GAAG;EACZ,SAAS,EAAE,KAAK;EAChB,UAAU,EAAE,aAAa;EAEzB,WAAG;IACD,KAAK,EAAE,wBAAqB;IAC5B,SAAS,EAAE,KAAK;IAChB,UAAU,EAAE,IAAI;IAChB,WAAW,EAAE,MAAM;EAGrB,wBAAM;IACJ,OAAO,EAAE,OAAO;IAEhB,oCAAQ;MACN,UAAU,EAAE,KAAK;EAIrB,WAAG;IACD,WAAW,EAAE,MAAM;EAInB,gBAAK;IACH,SAAS,EAAE,KAAK;IAChB,KAAK,EAAE,wBAAqB;IAC5B,WAAW,EAAE,GAAG;IAEhB,kBAAI;MACF,YAAY,EAAE,GAAG;EAKvB,aAAO;IACL,MAAM,EAAE,IAAI;IACZ,OAAO,EAAE,CAAC;;AAId,QAAS;EACP,QAAQ,EAAE,KAAK;EACf,MAAM,EAAE,IAAI;EACZ,IAAI,EAAE,IAAI;EACV,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,KAAK;EACb,OAAO,EAAE,GAAG;EAEZ,YAAI;IAEF,KAAK,EADI,IAAI;IAEb,MAAM,EAFG,IAAI;IAGb,aAAa,EAAE,IAAW;IAC1B,MAAM,EAAE,cAAc;IACtB,gBAAgB,EAAE,kBAAe;IACjC,QAAQ,EAAE,QAAQ;IAClB,MAAM,EAAE,OAAO;EAGjB,sBAAc;IACZ,GAAG,EAAE,IAAI;IACT,IAAI,EAAE,CAAC;EAGT,uBAAe;IACb,GAAG,EAAE,IAAI;IACT,KAAK,EAAE,CAAC;EAGV,oBAAY;IACV,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,IAAI;EAGZ,sBAAc;IACZ,MAAM,EAAE,CAAC;IACT,IAAI,EAAE,IAAI;;AAKd,oCAAqC;EACnC,QAAS;IACP,KAAK,EAAE,IAAI;IACX,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,IAAI;IACX,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,KAAK;IAEhB,aAAO;MACL,MAAM,EAAE,IAAI;IAGd,wBAAM;MACJ,OAAO,EAAE,OAAO;MAEhB,kCAAK;QACH,SAAS,EAAE,KAAK;AAOxB,oCAAqC;EACnC,QAAS;IACP,SAAS,EAAE,KAAK;IAGd,gBAAK;MACH,SAAS,EAAE,KAAK",
4 | "sources": ["style.scss"],
5 | "names": [],
6 | "file": "style.css"
7 | }
8 |
--------------------------------------------------------------------------------
/tko/landprices/embed/css/style.min.css:
--------------------------------------------------------------------------------
1 | @charset "UTF-8";@font-face{font-family:'Noto Sans Japanese';font-style:normal;font-weight:400;font-display:swap;src:url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format("woff"),url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format("opentype")}*{padding:0;margin:0;font-family:"Helvetica Neue",Helvetica,"ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,YuGothic,Arial,"Noto Sans Japanese","メイリオ",Meiryo,sans-serif;font-size:1em;color:#fcfcfc;position:relative;box-sizing:border-box;outline:0}body,html{width:100%;height:100%;margin:0}#tooltip{position:fixed;bottom:0;right:8px;width:calc(100% - 16px);padding:4px 8px;background-color:rgba(0,0,0,.7);border:none;border-radius:4px;opacity:0;z-index:100;font-size:.8em;transition:all ease .2s}#tooltip th{color:rgba(255,255,255,.6);font-size:.7em;text-align:left;font-weight:400}#tooltip td,#tooltip th{padding:2px 4px}#tooltip td.right,#tooltip th.right{text-align:right}#tooltip th{white-space:nowrap}#tooltip td span{font-size:.5em;color:rgba(255,255,255,.7);margin-left:2px}#tooltip td span.n{margin-right:2px}#tooltip.show{bottom:16px;opacity:1}#buttons{position:fixed;bottom:16px;left:16px;width:100px;height:100px;z-index:100}#buttons div{width:40px;height:40px;border-radius:20px;border:1px solid #ccc;background-color:rgba(0,0,0,.9);position:absolute;cursor:pointer}#buttons #control-left{top:30px;left:0}#buttons #control-right{top:30px;right:0}#buttons #control-up{top:0;left:30px}#buttons #control-down{bottom:0;left:30px}@media screen and (min-width:600px){#tooltip{width:auto;bottom:8px;right:16px;padding:12px 24px;font-size:.9em}#tooltip.show{bottom:16px}#tooltip td,#tooltip th{padding:4px 8px}#tooltip td span,#tooltip th span{font-size:.6em}}@media screen and (min-width:900px){#tooltip{font-size:1em}#tooltip td span{font-size:.7em}}
--------------------------------------------------------------------------------
/tko/disasterbases/embed/style.min.css:
--------------------------------------------------------------------------------
1 | @charset "UTF-8";@font-face{font-family:'Noto Sans Japanese';font-style:normal;font-weight:400;src:url(../../../assets/fonts/NotoSansJP/NotoSansJP-Regular.woff2) format("woff2"),url(../../../assets/fonts/NotoSansJP/NotoSansJP-Regular.woff) format("woff"),url(../../../assets/fonts/NotoSansJP/NotoSansJP-Regular.otf) format("opentype");font-display:swap}*{margin:0;padding:0;outline:0;box-sizing:border-box;font-family:"Helvetica Neue",Helvetica,YuGothic,"ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,Arial,"Noto Sans Japanese","メイリオ",Meiryo,sans-serif}body,html{width:100%;height:100%;font-weight:400;letter-spacing:.03em;line-height:1.8em;color:#666}#map{width:100%;height:100%;background-color:#fff}.location{width:16px!important;height:16px!important;margin-left:-8px!important;margin-top:-8px!important;border-radius:8px;border:2px solid #fdfdfd;box-shadow:0 1px 4px rgba(0,0,0,.8);z-index:20!important;-webkit-backface-visibility:hidden;backface-visibility:hidden}.location.t0{z-index:10!important;background-color:#1894b3}.location.t1{z-index:20!important;background-color:#ce6752}img{opacity:.7!important}.leaflet-container a.leaflet-popup-close-button{top:8px;right:8px}.leaflet-container .leaflet-popup{font-size:1.1em}.leaflet-container .leaflet-popup .leaflet-popup-content-wrapper{border-radius:6px}.leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content{padding:0 24px 0 16px}.leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .name{font-weight:700;font-size:1.3em;color:#333;margin-bottom:12px}.leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .label{color:#aaa;font-size:.8em;line-height:1.6em;margin-top:8px}.leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .label.t0{color:#1894b3}.leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .label.t1{color:#ce6752}
--------------------------------------------------------------------------------
/tko/landprices3/embed/css/style.css.map:
--------------------------------------------------------------------------------
1 | {
2 | "version": 3,
3 | "mappings": "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",
4 | "sources": ["style.scss"],
5 | "names": [],
6 | "file": "style.css"
7 | }
8 |
--------------------------------------------------------------------------------
/tko/workman/embed/css/style.min.css:
--------------------------------------------------------------------------------
1 | @charset "UTF-8";@font-face{font-family:'Noto Sans Japanese';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format("woff"),url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format("opentype");font-display:swap}*{margin:0;padding:0;outline:0;box-sizing:border-box;font-family:"Helvetica Neue",Helvetica,YuGothic,"ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,Arial,"Noto Sans Japanese","メイリオ",Meiryo,sans-serif}body,html{width:100%;height:100%;font-weight:400;letter-spacing:.03em;line-height:1.8em;color:#666}#map{width:100%;height:100%;background-color:#fff}.leaflet-container{background-color:rgba(255,0,0,0)}.shop{width:32px!important;height:18.4470588235px!important;margin-left:-16px!important;margin-top:-9.2235294118px!important;box-shadow:0 1px 4px rgba(0,0,0,.6);background:no-repeat center/cover url(../img/workman-logo.png);z-index:20!important;-webkit-backface-visibility:hidden;backface-visibility:hidden}.shop.plus{width:80px!important;height:16.7539267016px!important;margin-left:-40px!important;margin-top:-8.3769633508px!important;background:no-repeat center/cover url(../img/workmanplus-logo.png);z-index:30!important}img{opacity:.8!important;filter:grayscale(80%)!important}.leaflet-container a.leaflet-popup-close-button{top:8px;right:8px}.leaflet-container .leaflet-popup{font-size:1.1em}.leaflet-container .leaflet-popup .leaflet-popup-content-wrapper{border-radius:6px}.leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content{padding:0 24px 0 16px}.leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .name{font-weight:700;font-size:1.3em;color:#333;margin-bottom:8px}.leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .address{color:#666;font-size:1em;line-height:1.6em;margin-top:8px}.leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .toopen{color:#a42;font-size:.9em;line-height:1.6em;margin-top:8px}@media screen and (max-width:600px){#legend{display:none}}
--------------------------------------------------------------------------------
/tko/landprices3/embed/css/style.min.css:
--------------------------------------------------------------------------------
1 | @charset "UTF-8";@font-face{font-family:'Noto Sans Japanese';font-style:normal;font-weight:400;font-display:swap;src:url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format("woff"),url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format("opentype")}*{padding:0;margin:0;font-family:"Helvetica Neue",Helvetica,"ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,YuGothic,Arial,"Noto Sans Japanese","メイリオ",Meiryo,sans-serif;font-size:1em;color:#fcfcfc;position:relative;box-sizing:border-box;outline:0}body,html{width:100%;height:100%;margin:0}#tooltip{position:fixed;bottom:0;right:8px;width:calc(100% - 16px);padding:4px 8px;background-color:rgba(0,0,0,.7);border:none;border-radius:4px;opacity:0;pointer-events:none;z-index:-1;font-size:.8em;transition:all ease .2s}#tooltip th{color:rgba(255,255,255,.6);font-size:.7em;text-align:left;font-weight:400}#tooltip td,#tooltip th{padding:2px 4px}#tooltip td.right,#tooltip th.right{text-align:right}#tooltip th{white-space:nowrap}#tooltip td span{font-size:.5em;color:rgba(255,255,255,.7);margin-left:2px}#tooltip td span.plus{font-size:1em;color:#f96}#tooltip td span.minus{font-size:1em;color:#6af}#tooltip.show{bottom:16px;opacity:1;z-index:100}#buttons{position:fixed;top:8px;left:8px;width:116px;height:116px;z-index:100}#buttons button{width:44px;height:44px;border-radius:22px;border:1px solid #ccc;background-color:rgba(0,0,0,.9);position:absolute;cursor:pointer;background:center 80%/90% no-repeat url(../img/material-icon-down.svg);background-color:#333;box-shadow:0 1px 4px rgba(0,0,0,.6)}#buttons [type=left]{top:36px;left:0;transform:rotate(90deg)}#buttons [type=right]{top:36px;right:0;transform:rotate(270deg)}#buttons [type=up]{top:0;left:36px;transform:rotate(180deg)}#buttons [type=down]{bottom:0;left:36px}@media screen and (min-width:600px){#tooltip{width:auto;bottom:8px;right:16px;padding:12px 24px;font-size:.9em}#tooltip.show{bottom:16px}#tooltip td,#tooltip th{padding:4px 8px}#tooltip td span,#tooltip th span{font-size:.6em}}@media screen and (min-width:900px){#tooltip{font-size:1em}#tooltip td span{font-size:.7em}}
--------------------------------------------------------------------------------
/tko/disasterbases/embed/style.scss:
--------------------------------------------------------------------------------
1 | @charset "UTF-8";
2 |
3 | @font-face {
4 | font-family: 'Noto Sans Japanese';
5 | font-style: normal;
6 | font-weight: 400;
7 | src: url(../../../assets/fonts/NotoSansJP/NotoSansJP-Regular.woff2) format('woff2'),
8 | url(../../../assets/fonts/NotoSansJP/NotoSansJP-Regular.woff) format('woff'),
9 | url(../../../assets/fonts/NotoSansJP/NotoSansJP-Regular.otf) format('opentype');
10 | font-display: swap;
11 | }
12 |
13 | * {
14 | margin: 0;
15 | padding: 0;
16 | outline: none;
17 | box-sizing: border-box;
18 | font-family: "Helvetica Neue", "Helvetica", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "Noto Sans Japanese", "メイリオ", Meiryo, sans-serif;
19 | }
20 |
21 | body,html {
22 | width: 100%;
23 | height: 100%;
24 | font-weight: normal;
25 | letter-spacing: 0.03em;
26 | line-height: 1.8em;
27 | color: #666;
28 | }
29 |
30 | #map {
31 | width: 100%;
32 | height: 100%;
33 | background-color: #fff;
34 | }
35 |
36 | .location {
37 | width: 16px !important;
38 | height: 16px !important;
39 | margin-left: -8px !important;
40 | margin-top: -8px !important;
41 | border-radius: 8px;
42 | border: 2px solid #fdfdfd;
43 | box-shadow: 0 1px 4px rgba(0,0,0,0.8);
44 | z-index: 20 !important;
45 |
46 | // Prevent flickering
47 | -webkit-backface-visibility: hidden;
48 | backface-visibility: hidden;
49 |
50 | &.t0 {z-index: 10 !important; background-color: #1894b3;}
51 | &.t1 {z-index: 20 !important; background-color: #CE6752;}
52 | }
53 |
54 | img {
55 | opacity: 0.7 !important;
56 | }
57 |
58 | .leaflet-container {
59 | a.leaflet-popup-close-button {
60 | top: 8px;
61 | right: 8px;
62 | }
63 |
64 | .leaflet-popup {
65 | font-size: 1.1em;
66 |
67 | .leaflet-popup-content-wrapper {
68 | border-radius: 6px;
69 |
70 | .leaflet-popup-content {
71 | padding: 0 24px 0 16px;
72 |
73 | .name {
74 | font-weight: bold;
75 | font-size: 1.3em;
76 | color: #333;
77 | margin-bottom: 12px;
78 | }
79 |
80 | .label {
81 | color: #aaa;
82 | font-size: 0.8em;
83 | line-height: 1.6em;
84 | margin-top: 8px;
85 |
86 | &.t0 {color: #1894b3;}
87 | &.t1 {color: #CE6752;}
88 | }
89 | }
90 | }
91 | }
92 | }
93 |
--------------------------------------------------------------------------------
/tko/yamadaudon/js/script.min.js:
--------------------------------------------------------------------------------
1 | function addCommas(e){return String(e).replace(/(\d)(?=(\d\d\d)+(?!\d))/g,"$1,")}function getPopupContent(e){return''+e[0]+'
'+e[1]+"
"}var kMap=L.map("map").setView([35.9250076,139.6256953],11),kMarkers=[],kShops=[];L.tileLayer("https://{s}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png",{attribution:'© OpenStreetMap, Tiles: Humanitarian OpenStreetMap Team',maxZoom:16,minZoom:9}).addTo(kMap),$.ajaxSetup({cache:!1}),$.getJSON("data/data.json",function(e){kShops=e,$.each(e,function(e,s){s[0],s[1],s[2],s[3];kMarkers[e]=L.marker([s[2],s[3]],{icon:L.divIcon()}).addTo(kMap).bindPopup(getPopupContent(s))})}),$(function(){$(document).on("click","#fullscreen",function(e){$.when($("#cover").fadeIn("fast")).done(function(){$.when($("body").addClass("fullscreen"),kMap.invalidateSize()).done(function(){$("#cover").fadeOut("fast")})})}),$(document).on("click","#button-close",function(e){e.stopPropagation(),$.when($("#cover").fadeIn("fast")).done(function(){$.when($("body").removeClass("fullscreen"),kMap.invalidateSize()).done(function(){$("#cover").fadeOut("fast")})})}),$(document).on("keydown","#input-shops",function(e){if(38===e.keyCode||40===e.keyCode){if(e.preventDefault(),$("#shop-suggestions").find("div")){var s=$("#shop-suggestions").find("div.selected");s&&(s.removeClass("selected"),38===e.which?s.prev()[0]?s.prev().addClass("selected"):$("#shop-suggestions").find("div:last").addClass("selected"):40===e.which&&(s.next()[0]?s.next().addClass("selected"):$("#shop-suggestions").find("div:first").addClass("selected")))}}else if(13===e.keyCode){let e=$("#shop-suggestions").find(".selected").attr("index"),s=$("#shop-suggestions").find(".selected").text();$("#shop-suggestions").removeClass("show"),$("#input-shops").val(s),kMap.setView(new L.LatLng(kShops[e][2],kShops[e][3]),13),kMarkers[e].openPopup()}}),$(document).on("keyup focus","#input-shops",function(e){let s=$(this).val();if(kShops&&""!=$(this).val()){if(38!==e.keyCode&&40!==e.keyCode&&13!==e.keyCode){$("#shop-suggestions").addClass("show"),$("#shop-suggestions").empty();let e=0;$.each(kShops,function(o,t){let n=!1;if(0===t[0].indexOf(s)&&(n=!0),0===t[1].indexOf(s)&&(n=!0),n&&($("#shop-suggestions").append(''+t[0]+"
"),e++),e>=20)return!1}),0===e&&$("#shop-suggestions").removeClass("show"),$("#shop-suggestions").find("div:first").addClass("selected")}}else $("#shop-suggestions").removeClass("show")}),$(document).on("focusout","#input-shops",function(e){$("#shop-suggestions").removeClass("show")})});
--------------------------------------------------------------------------------
/tko/disasterbases/style.css.map:
--------------------------------------------------------------------------------
1 | {
2 | "version": 3,
3 | "mappings": "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",
4 | "sources": ["style.scss"],
5 | "names": [],
6 | "file": "style.css"
7 | }
8 |
--------------------------------------------------------------------------------
/tko/disasterbases/embed/style.css:
--------------------------------------------------------------------------------
1 | @charset "UTF-8";
2 | @font-face {
3 | font-family: 'Noto Sans Japanese';
4 | font-style: normal;
5 | font-weight: 400;
6 | src: url(../../../assets/fonts/NotoSansJP/NotoSansJP-Regular.woff2) format("woff2"), url(../../../assets/fonts/NotoSansJP/NotoSansJP-Regular.woff) format("woff"), url(../../../assets/fonts/NotoSansJP/NotoSansJP-Regular.otf) format("opentype");
7 | font-display: swap; }
8 | * {
9 | margin: 0;
10 | padding: 0;
11 | outline: none;
12 | box-sizing: border-box;
13 | font-family: "Helvetica Neue", "Helvetica", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "Noto Sans Japanese", "メイリオ", Meiryo, sans-serif; }
14 |
15 | body, html {
16 | width: 100%;
17 | height: 100%;
18 | font-weight: normal;
19 | letter-spacing: 0.03em;
20 | line-height: 1.8em;
21 | color: #666; }
22 |
23 | #map {
24 | width: 100%;
25 | height: 100%;
26 | background-color: #fff; }
27 |
28 | .location {
29 | width: 16px !important;
30 | height: 16px !important;
31 | margin-left: -8px !important;
32 | margin-top: -8px !important;
33 | border-radius: 8px;
34 | border: 2px solid #fdfdfd;
35 | box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
36 | z-index: 20 !important;
37 | -webkit-backface-visibility: hidden;
38 | backface-visibility: hidden; }
39 | .location.t0 {
40 | z-index: 10 !important;
41 | background-color: #1894b3; }
42 | .location.t1 {
43 | z-index: 20 !important;
44 | background-color: #CE6752; }
45 |
46 | img {
47 | opacity: 0.7 !important; }
48 |
49 | .leaflet-container a.leaflet-popup-close-button {
50 | top: 8px;
51 | right: 8px; }
52 | .leaflet-container .leaflet-popup {
53 | font-size: 1.1em; }
54 | .leaflet-container .leaflet-popup .leaflet-popup-content-wrapper {
55 | border-radius: 6px; }
56 | .leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content {
57 | padding: 0 24px 0 16px; }
58 | .leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .name {
59 | font-weight: bold;
60 | font-size: 1.3em;
61 | color: #333;
62 | margin-bottom: 12px; }
63 | .leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .label {
64 | color: #aaa;
65 | font-size: 0.8em;
66 | line-height: 1.6em;
67 | margin-top: 8px; }
68 | .leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .label.t0 {
69 | color: #1894b3; }
70 | .leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .label.t1 {
71 | color: #CE6752; }
72 |
73 | /*# sourceMappingURL=style.css.map */
74 |
--------------------------------------------------------------------------------
/tko/workman/css/style.css.map:
--------------------------------------------------------------------------------
1 | {
2 | "version": 3,
3 | "mappings": "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",
4 | "sources": ["style.scss"],
5 | "names": [],
6 | "file": "style.css"
7 | }
8 |
--------------------------------------------------------------------------------
/assets/img/social-icon-gplus.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/tko/workman/embed/css/style.css:
--------------------------------------------------------------------------------
1 | @charset "UTF-8";
2 | @font-face {
3 | font-family: 'Noto Sans Japanese';
4 | font-style: normal;
5 | font-weight: 400;
6 | src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format("opentype");
7 | font-display: swap; }
8 | * {
9 | margin: 0;
10 | padding: 0;
11 | outline: none;
12 | box-sizing: border-box;
13 | font-family: "Helvetica Neue", "Helvetica", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "Noto Sans Japanese", "メイリオ", Meiryo, sans-serif; }
14 |
15 | body, html {
16 | width: 100%;
17 | height: 100%;
18 | font-weight: normal;
19 | letter-spacing: 0.03em;
20 | line-height: 1.8em;
21 | color: #666; }
22 |
23 | #map {
24 | width: 100%;
25 | height: 100%;
26 | background-color: #fff; }
27 |
28 | .leaflet-container {
29 | background-color: rgba(255, 0, 0, 0); }
30 |
31 | .shop {
32 | width: 32px !important;
33 | height: 18.4470588235px !important;
34 | margin-left: -16px !important;
35 | margin-top: -9.2235294118px !important;
36 | box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
37 | background: no-repeat center/cover url("../img/workman-logo.png");
38 | z-index: 20 !important;
39 | -webkit-backface-visibility: hidden;
40 | backface-visibility: hidden; }
41 | .shop.plus {
42 | width: 80px !important;
43 | height: 16.7539267016px !important;
44 | margin-left: -40px !important;
45 | margin-top: -8.3769633508px !important;
46 | background: no-repeat center/cover url("../img/workmanplus-logo.png");
47 | z-index: 30 !important; }
48 |
49 | img {
50 | opacity: 0.8 !important;
51 | filter: grayscale(80%) !important; }
52 |
53 | .leaflet-container a.leaflet-popup-close-button {
54 | top: 8px;
55 | right: 8px; }
56 | .leaflet-container .leaflet-popup {
57 | font-size: 1.1em; }
58 | .leaflet-container .leaflet-popup .leaflet-popup-content-wrapper {
59 | border-radius: 6px; }
60 | .leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content {
61 | padding: 0 24px 0 16px; }
62 | .leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .name {
63 | font-weight: bold;
64 | font-size: 1.3em;
65 | color: #333;
66 | margin-bottom: 8px; }
67 | .leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .address {
68 | color: #666;
69 | font-size: 1em;
70 | line-height: 1.6em;
71 | margin-top: 8px; }
72 | .leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .toopen {
73 | color: #a42;
74 | font-size: 0.9em;
75 | line-height: 1.6em;
76 | margin-top: 8px; }
77 |
78 | @media screen and (max-width: 600px) {
79 | #legend {
80 | display: none; } }
81 |
82 | /*# sourceMappingURL=style.css.map */
83 |
--------------------------------------------------------------------------------
/tko/landprices/embed/css/style.css:
--------------------------------------------------------------------------------
1 | @charset "UTF-8";
2 | @font-face {
3 | font-family: 'Noto Sans Japanese';
4 | font-style: normal;
5 | font-weight: 400;
6 | font-display: swap;
7 | src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format("opentype"); }
8 | * {
9 | padding: 0;
10 | margin: 0;
11 | font-family: "Helvetica Neue", "Helvetica", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, YuGothic, Arial, "Noto Sans Japanese", "メイリオ", Meiryo, sans-serif;
12 | font-size: 1.0em;
13 | color: #fcfcfc;
14 | position: relative;
15 | box-sizing: border-box;
16 | outline: none; }
17 |
18 | body, html {
19 | width: 100%;
20 | height: 100%;
21 | margin: 0; }
22 |
23 | #tooltip {
24 | position: fixed;
25 | bottom: 0px;
26 | right: 8px;
27 | width: calc(100% - 16px);
28 | padding: 4px 8px;
29 | background-color: rgba(0, 0, 0, 0.7);
30 | border: none;
31 | border-radius: 4px;
32 | opacity: 0;
33 | z-index: 100;
34 | font-size: 0.8em;
35 | transition: all ease 0.2s; }
36 | #tooltip th {
37 | color: rgba(255, 255, 255, 0.6);
38 | font-size: 0.7em;
39 | text-align: left;
40 | font-weight: normal; }
41 | #tooltip th, #tooltip td {
42 | padding: 2px 4px; }
43 | #tooltip th.right, #tooltip td.right {
44 | text-align: right; }
45 | #tooltip th {
46 | white-space: nowrap; }
47 | #tooltip td span {
48 | font-size: 0.5em;
49 | color: rgba(255, 255, 255, 0.7);
50 | margin-left: 2px; }
51 | #tooltip td span.n {
52 | margin-right: 2px; }
53 | #tooltip.show {
54 | bottom: 16px;
55 | opacity: 1; }
56 |
57 | #buttons {
58 | position: fixed;
59 | bottom: 16px;
60 | left: 16px;
61 | width: 100px;
62 | height: 100px;
63 | z-index: 100; }
64 | #buttons div {
65 | width: 40px;
66 | height: 40px;
67 | border-radius: 20px;
68 | border: 1px solid #ccc;
69 | background-color: rgba(0, 0, 0, 0.9);
70 | position: absolute;
71 | cursor: pointer; }
72 | #buttons #control-left {
73 | top: 30px;
74 | left: 0; }
75 | #buttons #control-right {
76 | top: 30px;
77 | right: 0; }
78 | #buttons #control-up {
79 | top: 0;
80 | left: 30px; }
81 | #buttons #control-down {
82 | bottom: 0;
83 | left: 30px; }
84 |
85 | @media screen and (min-width: 600px) {
86 | #tooltip {
87 | width: auto;
88 | bottom: 8px;
89 | right: 16px;
90 | padding: 12px 24px;
91 | font-size: 0.9em; }
92 | #tooltip.show {
93 | bottom: 16px; }
94 | #tooltip th, #tooltip td {
95 | padding: 4px 8px; }
96 | #tooltip th span, #tooltip td span {
97 | font-size: 0.6em; } }
98 | @media screen and (min-width: 900px) {
99 | #tooltip {
100 | font-size: 1.0em; }
101 | #tooltip td span {
102 | font-size: 0.7em; } }
103 |
104 | /*# sourceMappingURL=style.css.map */
105 |
--------------------------------------------------------------------------------
/tko/disasterbases/style.min.css:
--------------------------------------------------------------------------------
1 | @charset "UTF-8";@font-face{font-family:'Noto Sans Japanese';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format("woff"),url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format("opentype");font-display:swap}*{margin:0;padding:0;outline:0;box-sizing:border-box}body{width:100%;font-family:"Helvetica Neue",Helvetica,YuGothic,"ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,Arial,"Noto Sans Japanese","メイリオ",Meiryo,sans-serif;font-weight:400;font-size:.96em;letter-spacing:.03em;line-height:1.8em;color:#666;background-color:#fdfdfd}#cover{position:fixed;width:100%;height:100%;top:0;left:0;background-color:#fff;z-index:1000;display:none}#container a{color:#4796c6;text-decoration:none}#container #article-block,#container #controls-block,#container #title-block{margin:0 auto;width:calc(100% - 32px);max-width:800px}#container #header-block{position:absolute;width:100%;height:90px;padding:8px 16px;top:0;left:0;text-align:center;background-color:#fdfdfd;box-shadow:none}#container #header-block #img-logo{margin:10px 0;height:calc(100% - 20px)}#container #title-block{margin-top:96px}#container #title-block h1{font-size:1.3em;color:#333;margin-bottom:8px}#container #title-block p{margin-bottom:16px}#container #title-block .date{color:#aaa;font-size:.9em}#container #title-block .relarticle{margin-bottom:16px}#container #iframe-block{width:100%;height:400px;background-color:#aaa;transition:none}#container #iframe-block #button-close{position:fixed;top:8px;right:8px;width:48px;height:48px;border-radius:24px;background-color:#fefefe;border:1px solid #ccc;box-shadow:0 2px 6px rgba(0,0,0,.4);background-image:url(../../assets/img/icon-close.svg);background-size:80%;background-position:center center;background-repeat:no-repeat;cursor:pointer;display:none}#container #iframe-block.fullscreen{z-index:100;position:fixed;width:100%;height:100%;top:0;left:0}#container #iframe-block.fullscreen #button-close{display:block}#container p.fullscreen{text-align:center;margin-top:8px;margin-bottom:16px;font-size:.9em}#container p.fullscreen a{cursor:pointer}#container #article-block p{margin-bottom:1em}#container #social-block{display:flex;width:fit-content;margin:48px auto 16px auto}#container #social-block a{display:block;width:50px;height:50px;margin:0 16px;background-size:contain;background-position:center center;background-repeat:no-repeat}#container #social-block a.fbshare{background-image:url(../../assets/img/social-icon-fbshare.svg)}#container #social-block a.twitter{background-image:url(../../assets/img/social-icon-twitter.svg)}#container #social-block a.gplus{background-image:url(../../assets/img/social-icon-gplus.svg);background-size:85%}#container #footer-block{color:#aaa;text-align:center;height:120px;font-size:.8em}#container #footer-block hr{border:none;border-top:1px solid #eee;margin-top:24px;margin-bottom:32px}#container #footer-block #img-corporate{width:140px;opacity:.8}@media screen and (min-width:600px){#container #iframe-block{height:500px}}@media screen and (min-width:900px){#container #iframe-block{height:600px}}
--------------------------------------------------------------------------------
/tko/workman/embed/css/style.scss:
--------------------------------------------------------------------------------
1 | @charset "UTF-8";
2 |
3 | @font-face {
4 | font-family: 'Noto Sans Japanese';
5 | font-style: normal;
6 | font-weight: 400;
7 | src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format('woff2'),
8 | url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format('woff'),
9 | url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format('opentype');
10 | font-display: swap;
11 | }
12 |
13 | * {
14 | margin: 0;
15 | padding: 0;
16 | outline: none;
17 | box-sizing: border-box;
18 | font-family: "Helvetica Neue", "Helvetica", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "Noto Sans Japanese", "メイリオ", Meiryo, sans-serif;
19 | }
20 |
21 | body,html {
22 | width: 100%;
23 | height: 100%;
24 | font-weight: normal;
25 | letter-spacing: 0.03em;
26 | line-height: 1.8em;
27 | color: #666;
28 | }
29 |
30 | #map {
31 | width: 100%;
32 | height: 100%;
33 | background-color: #fff;
34 | }
35 |
36 | .leaflet-container {
37 | background-color:rgba(255,0,0,0.0);
38 | }
39 |
40 | .shop {
41 | // logo: 85px * 49px
42 | $width: 32px;
43 | $height: $width * (49 / 85);
44 | width: $width !important;
45 | height: $height !important;
46 | margin-left: -0.5 * $width !important;
47 | margin-top: -0.5 * $height !important;
48 | box-shadow: 0 1px 4px rgba(0,0,0,0.6);
49 | background: no-repeat center/cover url('../img/workman-logo.png');
50 | z-index: 20 !important;
51 |
52 | // Prevent flickering
53 | -webkit-backface-visibility: hidden;
54 | backface-visibility: hidden;
55 |
56 | &.plus {
57 | $width: 80px;
58 | $height: $width * (40 / 191);
59 | width: $width !important;
60 | height: $height !important;
61 | margin-left: -0.5 * $width !important;
62 | margin-top: -0.5 * $height !important;
63 | background: no-repeat center/cover url('../img/workmanplus-logo.png');
64 | z-index: 30 !important;
65 | }
66 | }
67 |
68 | img {
69 | opacity: 0.8 !important;
70 | filter: grayscale(80%) !important;
71 | }
72 |
73 | .leaflet-container {
74 | a.leaflet-popup-close-button {
75 | top: 8px;
76 | right: 8px;
77 | }
78 |
79 | .leaflet-popup {
80 | font-size: 1.1em;
81 |
82 | .leaflet-popup-content-wrapper {
83 | border-radius: 6px;
84 |
85 | .leaflet-popup-content {
86 | padding: 0 24px 0 16px;
87 |
88 | .name {
89 | font-weight: bold;
90 | font-size: 1.3em;
91 | color: #333;
92 | margin-bottom: 8px;
93 | }
94 |
95 | .address {
96 | color: #666;
97 | font-size: 1em;
98 | line-height: 1.6em;
99 | margin-top: 8px;
100 | }
101 |
102 | .toopen {
103 | color: #a42;
104 | font-size: 0.9em;
105 | line-height: 1.6em;
106 | margin-top: 8px;
107 | }
108 | }
109 | }
110 | }
111 | }
112 |
113 | @media screen and (max-width: 600px) {
114 | #legend {
115 | display: none;
116 | }
117 | }
118 |
--------------------------------------------------------------------------------
/tko/workman/css/style.min.css:
--------------------------------------------------------------------------------
1 | @charset "UTF-8";@font-face{font-family:'Noto Sans Japanese';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format("woff"),url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format("opentype");font-display:swap}*{margin:0;padding:0;outline:0;box-sizing:border-box}body{width:100%;font-family:"Helvetica Neue",Helvetica,YuGothic,"ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,Arial,"Noto Sans Japanese","メイリオ",Meiryo,sans-serif;font-weight:400;font-size:.96em;letter-spacing:.03em;line-height:1.8em;color:#666;background-color:#fdfdfd}#cover{position:fixed;width:100%;height:100%;top:0;left:0;background-color:#fff;z-index:1000;display:none}#container a{color:#4796c6;text-decoration:none}#container #article-block,#container #controls-block,#container #title-block{margin:0 auto;width:calc(100% - 32px);max-width:800px}#container #header-block{position:absolute;width:100%;height:90px;padding:8px 16px;top:0;left:0;text-align:center;background-color:#fdfdfd;box-shadow:none}#container #header-block #img-logo{margin:10px 0;height:calc(100% - 20px)}#container #title-block{margin-top:96px}#container #title-block h1{font-size:1.3em;color:#333;margin-bottom:8px}#container #title-block p{margin-bottom:16px}#container #title-block .date{color:#aaa;font-size:.9em}#container #title-block .relarticle{margin-bottom:16px}#container #iframe-block{width:100%;height:400px;background-color:#aaa;transition:none}#container #iframe-block #button-close{position:fixed;top:8px;right:8px;width:48px;height:48px;border-radius:24px;background-color:#fefefe;border:1px solid #ccc;box-shadow:0 2px 6px rgba(0,0,0,.4);background-image:url(../../../assets/img/icon-close.svg);background-size:80%;background-position:center center;background-repeat:no-repeat;cursor:pointer;display:none}#container #iframe-block.fullscreen{z-index:100;position:fixed;width:100%;height:100%;top:0;left:0}#container #iframe-block.fullscreen #button-close{display:block}#container p.fullscreen{text-align:center;margin-top:8px;margin-bottom:16px;font-size:.9em}#container p.fullscreen a{cursor:pointer}#container #article-block p{margin-bottom:1em}#container #social-block{display:flex;width:fit-content;margin:48px auto 16px auto}#container #social-block a{display:block;width:50px;height:50px;border-radius:25px;margin:0 16px;background-size:contain;background-position:center center;background-repeat:no-repeat}#container #social-block a.fbshare{background-image:url(../../../assets/img/social-icon-fbshare.svg)}#container #social-block a.twitter{background-image:url(../../../assets/img/social-icon-twitter.svg)}#container #social-block a.gplus{background-image:url(../../../assets/img/social-icon-gplus.svg);background-size:90%}#container #social-block a.line{background-image:url(../../../assets/img/social-icon-line.png)}#container #footer-block{color:#aaa;text-align:center;height:120px;font-size:.8em}#container #footer-block hr{border:none;border-top:1px solid #eee;margin-top:24px;margin-bottom:32px}#container #footer-block #img-corporate{width:140px;opacity:.8}@media screen and (min-width:600px){#container #iframe-block{height:500px}}@media screen and (min-width:900px){#container #iframe-block{height:600px}}
--------------------------------------------------------------------------------
/tko/landprices/embed/css/style.scss:
--------------------------------------------------------------------------------
1 | @font-face {
2 | font-family: 'Noto Sans Japanese';
3 | font-style: normal;
4 | font-weight: 400;
5 | font-display: swap;
6 | src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format('woff2'),
7 | url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format('woff'),
8 | url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format('opentype');
9 | }
10 |
11 | * {
12 | padding: 0;
13 | margin: 0;
14 | font-family: "Helvetica Neue", "Helvetica", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, YuGothic, Arial, "Noto Sans Japanese", "メイリオ", Meiryo, sans-serif;
15 | font-size: 1.0em;
16 | color: #fcfcfc;
17 | position: relative;
18 | box-sizing: border-box;
19 | outline: none;
20 | }
21 |
22 | body,html {
23 | width: 100%;
24 | height: 100%;
25 | margin: 0;
26 | }
27 |
28 | #tooltip {
29 | position: fixed;
30 | bottom: 0px;
31 | right: 8px;
32 | width: calc(100% - 16px);
33 | padding: 4px 8px;
34 | background-color: rgba(0,0,0,0.7);
35 | border: none;
36 | border-radius: 4px;
37 | opacity: 0;
38 | z-index: 100;
39 | font-size: 0.8em;
40 | transition: all ease 0.2s;
41 |
42 | th {
43 | color: rgba(255,255,255,0.6);
44 | font-size: 0.7em;
45 | text-align: left;
46 | font-weight: normal;
47 | }
48 |
49 | th,td {
50 | padding: 2px 4px;
51 |
52 | &.right {
53 | text-align: right;
54 | }
55 | }
56 |
57 | th {
58 | white-space: nowrap;
59 | }
60 |
61 | td {
62 | span {
63 | font-size: 0.5em;
64 | color: rgba(255,255,255,0.7);
65 | margin-left: 2px;
66 |
67 | &.n {
68 | margin-right: 2px;
69 | }
70 | }
71 | }
72 |
73 | &.show {
74 | bottom: 16px;
75 | opacity: 1;
76 | }
77 | }
78 |
79 | #buttons {
80 | position: fixed;
81 | bottom: 16px;
82 | left: 16px;
83 | width: 100px;
84 | height: 100px;
85 | z-index: 100;
86 |
87 | div {
88 | $radius: 40px;
89 | width: $radius;
90 | height: $radius;
91 | border-radius: $radius / 2;
92 | border: 1px solid #ccc;
93 | background-color: rgba(0,0,0,0.9);
94 | position: absolute;
95 | cursor: pointer;
96 | }
97 |
98 | #control-left {
99 | top: 30px;
100 | left: 0;
101 | }
102 |
103 | #control-right {
104 | top: 30px;
105 | right: 0;
106 | }
107 |
108 | #control-up {
109 | top: 0;
110 | left: 30px;
111 | }
112 |
113 | #control-down {
114 | bottom: 0;
115 | left: 30px;
116 | }
117 | }
118 |
119 | // Tablet
120 | @media screen and (min-width: 600px) {
121 | #tooltip {
122 | width: auto;
123 | bottom: 8px;
124 | right: 16px;
125 | padding: 12px 24px;
126 | font-size: 0.9em;
127 |
128 | &.show {
129 | bottom: 16px;
130 | }
131 |
132 | th,td {
133 | padding: 4px 8px;
134 |
135 | span {
136 | font-size: 0.6em;
137 | }
138 | }
139 | }
140 | }
141 |
142 | // PC
143 | @media screen and (min-width: 900px) {
144 | #tooltip {
145 | font-size: 1.0em;
146 |
147 | td {
148 | span {
149 | font-size: 0.7em;
150 | }
151 | }
152 | }
153 | }
154 |
--------------------------------------------------------------------------------
/tko/landprices3/embed/css/style.css:
--------------------------------------------------------------------------------
1 | @charset "UTF-8";
2 | @font-face {
3 | font-family: 'Noto Sans Japanese';
4 | font-style: normal;
5 | font-weight: 400;
6 | font-display: swap;
7 | src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format("opentype"); }
8 | * {
9 | padding: 0;
10 | margin: 0;
11 | font-family: "Helvetica Neue", "Helvetica", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, YuGothic, Arial, "Noto Sans Japanese", "メイリオ", Meiryo, sans-serif;
12 | font-size: 1.0em;
13 | color: #fcfcfc;
14 | position: relative;
15 | box-sizing: border-box;
16 | outline: none; }
17 |
18 | body, html {
19 | width: 100%;
20 | height: 100%;
21 | margin: 0; }
22 |
23 | #tooltip {
24 | position: fixed;
25 | bottom: 0px;
26 | right: 8px;
27 | width: calc(100% - 16px);
28 | padding: 4px 8px;
29 | background-color: rgba(0, 0, 0, 0.7);
30 | border: none;
31 | border-radius: 4px;
32 | opacity: 0;
33 | pointer-events: none;
34 | z-index: -1;
35 | font-size: 0.8em;
36 | transition: all ease 0.2s; }
37 | #tooltip th {
38 | color: rgba(255, 255, 255, 0.6);
39 | font-size: 0.7em;
40 | text-align: left;
41 | font-weight: normal; }
42 | #tooltip th, #tooltip td {
43 | padding: 2px 4px; }
44 | #tooltip th.right, #tooltip td.right {
45 | text-align: right; }
46 | #tooltip th {
47 | white-space: nowrap; }
48 | #tooltip td span {
49 | font-size: 0.5em;
50 | color: rgba(255, 255, 255, 0.7);
51 | margin-left: 2px; }
52 | #tooltip td span.plus {
53 | font-size: 1em;
54 | color: #f96; }
55 | #tooltip td span.minus {
56 | font-size: 1em;
57 | color: #6af; }
58 | #tooltip.show {
59 | bottom: 16px;
60 | opacity: 1;
61 | z-index: 100; }
62 |
63 | #buttons {
64 | position: fixed;
65 | top: 8px;
66 | left: 8px;
67 | width: 116px;
68 | height: 116px;
69 | z-index: 100; }
70 | #buttons button {
71 | width: 44px;
72 | height: 44px;
73 | border-radius: 22px;
74 | border: 1px solid #ccc;
75 | background-color: rgba(0, 0, 0, 0.9);
76 | position: absolute;
77 | cursor: pointer;
78 | background: center 80%/90% no-repeat url(../img/material-icon-down.svg);
79 | background-color: #333;
80 | box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6); }
81 | #buttons [type="left"] {
82 | top: 36px;
83 | left: 0;
84 | transform: rotate(90deg); }
85 | #buttons [type="right"] {
86 | top: 36px;
87 | right: 0;
88 | transform: rotate(270deg); }
89 | #buttons [type="up"] {
90 | top: 0;
91 | left: 36px;
92 | transform: rotate(180deg); }
93 | #buttons [type="down"] {
94 | bottom: 0;
95 | left: 36px; }
96 |
97 | @media screen and (min-width: 600px) {
98 | #tooltip {
99 | width: auto;
100 | bottom: 8px;
101 | right: 16px;
102 | padding: 12px 24px;
103 | font-size: 0.9em; }
104 | #tooltip.show {
105 | bottom: 16px; }
106 | #tooltip th, #tooltip td {
107 | padding: 4px 8px; }
108 | #tooltip th span, #tooltip td span {
109 | font-size: 0.6em; } }
110 | @media screen and (min-width: 900px) {
111 | #tooltip {
112 | font-size: 1.0em; }
113 | #tooltip td span {
114 | font-size: 0.7em; } }
115 |
116 | /*# sourceMappingURL=style.css.map */
117 |
--------------------------------------------------------------------------------
/tko/workman/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
19 |
58 |
59 |
60 |
61 |
62 |
--------------------------------------------------------------------------------
/tko/yamadaudon/data/data.json:
--------------------------------------------------------------------------------
1 | [["水上公園店","上尾市上尾下1039-3",35.97409,139.61032],["上尾小泉店","上尾市泉台1-11-1",35.97923,139.56346],["朝霞店","朝霞市北原1-12-2",35.82003,139.59010],["高田店","朝霞市田島2-18-81",35.81731,139.60561],["小谷田バイパス店","入間市上小谷田1-7-12",35.82992,139.37437],["笹井店","入間市野田1243",35.84528,139.35750],["武蔵藤沢店","入間市下藤沢1026-7",35.82097,139.40311],["上野店","さいたま市岩槻区上野952",35.97800,139.69881],["江川店","さいたま市岩槻区本宿213-1",35.96603,139.69377],["大間木店","さいたま市緑区大間木824-15",35.87227,139.69246],["大門店","さいたま市緑区東大門2-2-1",35.88445,139.73933],["田島店","さいたま市桜区田島7-16-2",35.83931,139.62773],["南浦和店","さいたま市南区南浦和2-24-14",35.84814,139.66927],["北宿店","さいたま市緑区三室2168-1",35.88614,139.67725],["指扇店","さいたま市西区西遊馬2249",35.91474,139.55931],["大宮中川店","さいたま市見沼区中川275",35.90207,139.65991],["七里店","さいたま市見沼区風渡野203-5",35.93409,139.67160],["さいたま丸ケ崎店","さいたま市見沼区大字丸ケ崎1097-1",35.95857,139.65594],["白岡店","白岡市太田新井565-1",36.00393,139.70293],["騎西店","加須市騎西787-1",36.10975,139.56628],["大利根店","加須市北大桑264-1",36.11850,139.66145],["豊町店","春日部市豊町1-1-7",35.97399,139.74008],["庄和町店","春日部市金崎639-1",35.99053,139.80481],["北園店","川口市柳根町6-74",35.85209,139.70464],["赤井店","川口市赤井3-1",35.82614,139.75150],["弥平店","川口市弥平4-3-3",35.79931,139.75656],["川越西町店","川越市山田451-1",35.93764,139.47765],["下赤坂店","川越市下赤坂1805-32",35.85241,139.46924],["木野目店","川越市木野目1553-1",35.89277,139.52203],["川越中居店","川越市大中居368",35.90897,139.51154],["鴨田店","川越市鴨田550-1",35.93450,139.51782],["行田バイパス店","行田市小見1504-1",36.15752,139.47667],["久喜店","久喜市樋ノ口331-1",36.04213,139.65408],["久喜北店","久喜市久喜北2-18",36.07555,139.67061],["栗橋店","久喜市高柳1684-1",36.11669,139.67432],["熊谷407号バイパス店","熊谷市原島653",36.16526,139.37125],["箱田店","熊谷市中央1-193",36.15474,139.39192],["熊谷140号バイパス店","熊谷市三ヶ尻536",36.14887,139.32141],["妻沼店","熊谷市八木田499-7",36.21870,139.36736],["増林店","越谷市花田2-22-5",35.91029,139.80000],["大泊店","越谷市大泊431-1",35.93777,139.79134],["宮本町バイパス店","越谷市谷中町3-10",35.88935,139.77113],["日高インター店","狭山市根岸507-1",35.86354,139.37901],["智光山公園店","狭山市柏原373-1",35.87481,139.39149],["中宗岡店","志木市中宗岡3-4-4",35.83963,139.59293],["原町店","草加市原町2-9-33",35.84820,139.77187],["谷塚店","草加市谷塚上町546-1",35.81557,139.78880],["新栄町店","草加市新栄1-32-4",35.85671,139.77260],["柿木店","草加市柿木町745-1",35.86488,139.83199],["鶴ヶ島店","鶴ヶ島市高倉1235-1",35.93368,139.38747],["本店","所沢市上安松1032",35.78949,139.48628],["北中店","所沢市東狭山ヶ丘4-2674",35.81141,139.42894],["中富店","所沢市中富982-8",35.82230,139.47401],["所沢インター店","所沢市亀ヶ谷23-2",35.80879,139.52451],["山口店","所沢市山口196-1",35.78596,139.45267],["新所沢店","所沢市花園3-2365-5",35.81393,139.45921],["堀之内店","所沢市堀之内545-3",35.79024,139.39180],["所沢林店","所沢市林1-323-5",35.80701,139.38763],["下新井店","所沢市下新井1450-3",35.80662,139.49301],["笹目店","戸田市美女木4-18",35.82184,139.64543],["氷川町店","戸田市氷川町1-14-12",35.80883,139.65799],["あたご店","新座市あたご2-1-8",35.79104,139.54610],["新座道場店","新座市道場2-1-4",35.77484,139.56241],["新座畑中店","新座市畑中1-15-45",35.78516,139.57451],["ふじみ野店","ふじみ野市大井1-6-1",35.85097,139.51770],["蓮田店","蓮田市根金1228-5",36.02623,139.63284],["羽生バイパス店","羽生市砂山1382-1",36.15019,139.53833],["新郷店","東松山市新郷191-3",36.03386,139.36554],["東平店","東松山市東平1766",36.06723,139.40884],["高坂店","東松山市毛塚420-3",35.99119,139.40317],["東松山店","東松山市松葉町4-5-34",36.03805,139.38794],["深谷店","深谷市上柴町東2-17-1",36.18125,139.30791],["深谷17号BP店","深谷市戸森469-1",36.21355,139.27672],["花園インター店","深谷市荒川175-1",36.12147,139.23930],["木曽根店","八潮市木曽根947-1",35.82169,139.85341],["八潮店","埼玉県八潮市大字大曽根524",35.80808,139.82993],["吉川店","吉川市栄町1509",35.88807,139.86040],["和光北インタｰ店","和光市下新倉5-20-40",35.79681,139.63191],["神保原店","児玉郡上里町神保原町890-1",36.26026,139.14807],["児玉店","児玉郡神川町元阿保1196-1",36.22027,139.11081],["竹間沢店","入間郡三芳町竹間沢東16-1",35.82645,139.55394],["越生店","入間郡越生町上野127",35.95269,139.30672],["三芳店","入間郡三芳町上富2082-5",35.84665,139.49940],["川島店","比企郡川島町吉原165",35.97523,139.49890],["川島インター店","比企郡川島町上伊草406-1",35.97326,139.46771],["吹塚店","比企郡川島町吹塚1-1",35.99419,139.46786],["落合店","比企郡川島町中山1955-1",35.98176,139.45358],["高野台店","北葛飾郡杉戸町高野台東1-15-8",36.04958,139.71739],["杉戸店","北葛飾郡杉戸町堤根4004-5",36.01424,139.75407]]
--------------------------------------------------------------------------------
/tko/landprices3/embed/css/style.scss:
--------------------------------------------------------------------------------
1 | @font-face {
2 | font-family: 'Noto Sans Japanese';
3 | font-style: normal;
4 | font-weight: 400;
5 | font-display: swap;
6 | src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format('woff2'),
7 | url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format('woff'),
8 | url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format('opentype');
9 | }
10 |
11 | * {
12 | padding: 0;
13 | margin: 0;
14 | font-family: "Helvetica Neue", "Helvetica", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, YuGothic, Arial, "Noto Sans Japanese", "メイリオ", Meiryo, sans-serif;
15 | font-size: 1.0em;
16 | color: #fcfcfc;
17 | position: relative;
18 | box-sizing: border-box;
19 | outline: none;
20 | }
21 |
22 | body,html {
23 | width: 100%;
24 | height: 100%;
25 | margin: 0;
26 | }
27 |
28 | #tooltip {
29 | position: fixed;
30 | bottom: 0px;
31 | right: 8px;
32 | width: calc(100% - 16px);
33 | padding: 4px 8px;
34 | background-color: rgba(0,0,0,0.7);
35 | border: none;
36 | border-radius: 4px;
37 | opacity: 0;
38 | pointer-events: none;
39 | z-index: -1;
40 | font-size: 0.8em;
41 | transition: all ease 0.2s;
42 |
43 | th {
44 | color: rgba(255,255,255,0.6);
45 | font-size: 0.7em;
46 | text-align: left;
47 | font-weight: normal;
48 | }
49 |
50 | th,td {
51 | padding: 2px 4px;
52 |
53 | &.right {
54 | text-align: right;
55 | }
56 | }
57 |
58 | th {
59 | white-space: nowrap;
60 | }
61 |
62 | td {
63 | span {
64 | font-size: 0.5em;
65 | color: rgba(255,255,255,0.7);
66 | margin-left: 2px;
67 |
68 | &.plus {
69 | font-size: 1em;
70 | color: #f96;
71 | }
72 |
73 | &.minus {
74 | font-size: 1em;
75 | color: #6af;
76 | }
77 | }
78 | }
79 |
80 | &.show {
81 | bottom: 16px;
82 | opacity: 1;
83 | z-index: 100;
84 | }
85 | }
86 |
87 | #buttons {
88 | position: fixed;
89 | top: 8px;
90 | left: 8px;
91 | width: 116px;
92 | height: 116px;
93 | z-index: 100;
94 |
95 | button {
96 | $radius: 44px;
97 | width: $radius;
98 | height: $radius;
99 | border-radius: $radius / 2;
100 | border: 1px solid #ccc;
101 | background-color: rgba(0,0,0,0.9);
102 | position: absolute;
103 | cursor: pointer;
104 | background: center 80%/90% no-repeat url(../img/material-icon-down.svg);
105 | background-color: #333;
106 | box-shadow: 0 1px 4px rgba(0,0,0,0.6);
107 | }
108 |
109 | [type="left"] {
110 | top: 36px;
111 | left: 0;
112 | transform: rotate(90deg);
113 | }
114 |
115 | [type="right"] {
116 | top: 36px;
117 | right: 0;
118 | transform: rotate(270deg);
119 | }
120 |
121 | [type="up"] {
122 | top: 0;
123 | left: 36px;
124 | transform: rotate(180deg);
125 | }
126 |
127 | [type="down"] {
128 | bottom: 0;
129 | left: 36px;
130 | }
131 | }
132 |
133 | // Tablet
134 | @media screen and (min-width: 600px) {
135 | #tooltip {
136 | width: auto;
137 | bottom: 8px;
138 | right: 16px;
139 | padding: 12px 24px;
140 | font-size: 0.9em;
141 |
142 | &.show {
143 | bottom: 16px;
144 | }
145 |
146 | th,td {
147 | padding: 4px 8px;
148 |
149 | span {
150 | font-size: 0.6em;
151 | }
152 | }
153 | }
154 | }
155 |
156 | // PC
157 | @media screen and (min-width: 900px) {
158 | #tooltip {
159 | font-size: 1.0em;
160 |
161 | td {
162 | span {
163 | font-size: 0.7em;
164 | }
165 | }
166 | }
167 | }
168 |
--------------------------------------------------------------------------------
/tko/landprices3/css/style.css.map:
--------------------------------------------------------------------------------
1 | {
2 | "version": 3,
3 | "mappings": ";AAEQ,oEAA4D;AAEpE,UAQC;EAPC,WAAW,EAAE,oBAAoB;EACjC,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,GAAG;EAChB,YAAY,EAAE,IAAI;EAClB,GAAG,EAAE,2QAEyF;AAIhG,CAAE;EACA,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;EACV,OAAO,EAAE,IAAI;EACb,UAAU,EAAE,UAAU;EACtB,WAAW,EAAE,6IAA6I;EAC1J,WAAW,EAAE,MAAM;EACnB,KAAK,EAAE,IAAI;EACX,cAAc,EAAE,MAAM;;AAGxB,IAAK;EACH,KAAK,EAAE,IAAI;EACX,WAAW,EAAE,KAAK;EAClB,gBAAgB,EAAE,OAAO;;AAG3B,MAAO;EACL,QAAQ,EAAE,KAAK;EACf,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EACZ,GAAG,EAAE,CAAC;EACN,IAAI,EAAE,CAAC;EACP,gBAAgB,EAAE,KAAgB;EAClC,OAAO,EAAE,IAAI;EACb,OAAO,EAAE,IAAI;;AAIb,YAAE;EACA,KAAK,EAAE,IAAI;EACX,eAAe,EAAE,IAAI;AAGvB,wGAA0D;EACxD,MAAM,EAAE,MAAM;EACd,KAAK,EAAE,iBAAiB;EACxB,SAAS,EAAE,KAAK;AAGlB,wBAAc;EACZ,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EACZ,OAAO,EAAE,QAAQ;EACjB,GAAG,EAAE,CAAC;EACN,IAAI,EAAE,CAAC;EACP,UAAU,EAAE,MAAM;EAClB,gBAAgB,EAAE,OAAO;EACzB,UAAU,EAAE,IAAI;EAEhB,kCAAU;IACR,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,iBAAiB;AAI7B,uBAAa;EACX,UAAU,EAAE,IAAI;EAChB,aAAa,EAAE,IAAI;EAEnB,0BAAG;IACD,SAAS,EAAE,KAAK;IAChB,WAAW,EAAE,IAAI;IACjB,KAAK,EAAE,IAAI;IACX,aAAa,EAAE,GAAG;EAGpB,yBAAE;IACA,aAAa,EAAE,GAAG;EAGpB,6BAAM;IACJ,KAAK,EAAE,IAAI;IACX,SAAS,EAAE,KAAK;IAChB,QAAQ,EAAE,QAAQ;IAElB,4CAAe;MACb,QAAQ,EAAE,QAAQ;MAClB,KAAK,EAAE,CAAC;AAKd,0BAAgB;EACd,MAAM,EAAE,MAAM;EACd,aAAa,EAAE,IAAI;EACnB,UAAU,EAAE,MAAM;EAElB,iCAAO;IACL,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,GAAG;IACX,kBAAkB,EAAE,IAAI;IACxB,eAAe,EAAE,IAAI;IACrB,UAAU,EAAE,IAAI;IAChB,eAAe,EAAE,GAAG;IACpB,mBAAmB,EAAE,QAAQ;IAC7B,iBAAiB,EAAE,SAAS;IAC5B,gBAAgB,EAAE,oDAAoD;IACtE,SAAS,EAAE,GAAG;IACd,aAAa,EAAE,CAAC;IAChB,gBAAgB,EAAE,WAAW;IAC7B,MAAM,EAAE,IAAI;IACZ,aAAa,EAAE,cAAc;IAE7B,uCAAQ;MACN,MAAM,EAAE,OAAO;AAKrB,wBAAc;EACZ,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,KAAK;EACb,gBAAgB,EAAE,IAAI;EACtB,UAAU,EAAE,IAAI;EAChB,QAAQ,EAAE,QAAQ;EAElB,oCAAY;IACV,QAAQ,EAAE,QAAQ;IAClB,KAAK,EAAE,IAAI;IACX,MAAM,EAAE,IAAI;IACZ,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;IACP,UAAU,EAAE,uDAAuD;IACnE,OAAO,EAAE,GAAG;IACZ,OAAO,EAAE,IAAI;IAEb,yCAAO;MACL,OAAO,EAAE,KAAK;IAGhB,2CAAO;MACL,QAAQ,EAAE,QAAQ;MAClB,KAAK,EAAE,IAAI;MACX,MAAM,EAAE,IAAI;MACZ,GAAG,EAAE,CAAC;MACN,IAAI,EAAE,CAAC;MACP,gBAAgB,EAAE,kBAAe;MAEjC,6CAAE;QACA,QAAQ,EAAE,QAAQ;QAClB,GAAG,EAAE,GAAG;QACR,IAAI,EAAE,GAAG;QACT,SAAS,EAAE,qBAAqB;QAChC,KAAK,EAAE,wBAAqB;QAC5B,SAAS,EAAE,KAAK;QAChB,UAAU,EAAE,MAAM;EAKxB,sCAAc;IACZ,QAAQ,EAAE,KAAK;IACf,GAAG,EAAE,GAAG;IACR,KAAK,EAAE,GAAG;IACV,KAAK,EAAE,IAAI;IACX,MAAM,EAAE,IAAI;IACZ,aAAa,EAAE,IAAI;IACnB,MAAM,EAAE,cAAc;IACtB,UAAU,EAAE,4BAAyB;IACrC,UAAU,EAAE,8DAA8D;IAC1E,gBAAgB,EAAE,OAAO;IACzB,MAAM,EAAE,OAAO;IACf,OAAO,EAAE,IAAI;AAIjB,uBAAa;EACX,UAAU,EAAE,MAAM;EAClB,UAAU,EAAE,GAAG;EACf,aAAa,EAAE,IAAI;EACnB,SAAS,EAAE,KAAK;EAEhB,yBAAE;IACA,MAAM,EAAE,OAAO;AAKjB,2BAAE;EACA,aAAa,EAAE,GAAG;EAElB,iCAAQ;IACN,SAAS,EAAE,KAAK;IAChB,KAAK,EAAE,IAAI;IACX,aAAa,EAAE,KAAK;AAK1B,wBAAc;EACZ,OAAO,EAAE,IAAI;EACb,KAAK,EAAE,WAAW;EAClB,MAAM,EAAE,mBAAmB;EAE3B,0BAAE;IACA,OAAO,EAAE,KAAK;IACd,KAAK,EAAE,IAAI;IACX,MAAM,EAAE,IAAI;IACZ,aAAa,EAAE,IAAI;IACnB,MAAM,EAAE,MAAM;IAEd,eAAe,EAAE,OAAO;IACxB,mBAAmB,EAAE,aAAa;IAClC,iBAAiB,EAAE,SAAS;IAE5B,kCAAU;MAAC,gBAAgB,EAAE,kDAAkD;IAC/E,kCAAU;MAAC,gBAAgB,EAAE,kDAAkD;IAC/E,gCAAU;MAAC,gBAAgB,EAAE,gDAAgD;MAAE,eAAe,EAAE,GAAG;IACnG,+BAAU;MAAC,gBAAgB,EAAE,+CAA+C;AAIhF,wBAAc;EACZ,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,MAAM;EAClB,MAAM,EAAE,KAAK;EACb,SAAS,EAAE,KAAK;EAEhB,2BAAG;IACD,MAAM,EAAE,IAAI;IACZ,UAAU,EAAE,cAAc;IAC1B,UAAU,EAAE,IAAI;IAChB,aAAa,EAAE,IAAI;EAGrB,uCAAe;IACb,KAAK,EAAE,KAAK;IACZ,OAAO,EAAE,GAAG;;AAMlB,eAAgB;EACd,UAAU,EAAE,MAAM;EAGhB,wCAAc;IACZ,OAAO,EAAE,GAAG;IACZ,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE,IAAI;IACX,MAAM,EAAE,IAAI;IACZ,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;IAEP,sDAAc;MACZ,OAAO,EAAE,KAAK;;AAOtB,oCAAqC;EAEjC,wBAAc;IACZ,MAAM,EAAE,KAAK;AAKnB,oCAAqC;EAEjC,wBAAc;IACZ,MAAM,EAAE,KAAK",
4 | "sources": ["style.scss"],
5 | "names": [],
6 | "file": "style.css"
7 | }
8 |
--------------------------------------------------------------------------------
/tko/landprices/css/style.css.map:
--------------------------------------------------------------------------------
1 | {
2 | "version": 3,
3 | "mappings": "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",
4 | "sources": ["style.scss"],
5 | "names": [],
6 | "file": "style.css"
7 | }
8 |
--------------------------------------------------------------------------------
/tko/landprices/embed/js/script.min.js:
--------------------------------------------------------------------------------
1 | function addCommas(e){return String(e).replace(/(\d)(?=(\d\d\d)+(?!\d))/g,"$1,")}function renderLayer(){const e=function(e,t){let a=0;for(let n=0;n
20 |
21 | 
22 |
23 |
24 |
22 |
23 |
25 |
30 | 関東地方「ワークマン」店舗マップ
26 |作業服大手ワークマンの関東地方における店舗310軒をマッピングした
27 |2018年10月21日
28 |
29 |
31 |
32 |
33 |
34 | 35 | 全画面で見る 36 |
37 |
38 |
39 |
43 |
44 |
50 |
57 | 作業服大手ワークマンが関東地方に持つ店舗310軒をマッピングした。店舗のデータはワークマン公式サイトより（10月12〜17日にかけて取得）。開店予定の店舗も含む、閉店済み店舗は除く。緯度経度の取得には、東京大学空間情報科学研究センターが提供するCSVアドレスマッチングサービスを使った。地図表示のJavaScriptライブラリはLeafletを、地図はHumanitarian OpenStreetMap Team提供のタイルを使った。各ポイントをクリック（タップ）すると店名と住所が表示される。
40 |ソースコード、修正履歴、データのダウンロードはGitHubから
41 |制作：荻原 和樹（東洋経済オンライン編集部）
42 |
54 |
19 |
20 |
64 |
65 |
66 |
67 |
68 |
69 |
--------------------------------------------------------------------------------
/tko/landprices2/js/script.min.js:
--------------------------------------------------------------------------------
1 | function addCommas(t){return String(t).replace(/(\d)(?=(\d\d\d)+(?!\d))/g,"$1,")}function drawMap(){for(let t=1;t<=47;t++)addPrefecture(t);$("body").hasClass("en")&&d3.json("data/names_en.json",function(t,e){if(t)throw t;kNamesE=e})}function setLayerColor(){curTarget=null,curColor=null,highlightEvent=null,d3.json("data/c"+$("#select-year").val()+".json",function(t,e){if(t)throw t;kData=e,geojsonLayers.forEach(function(t){t.setStyle(fillStyle)})})}function loadMain(){d3.json("data/main.json",function(t,e){if(t)throw t;kMain=e})}function highlightFeature(t){resetHighlight();var e=t.target;let o=e.feature.properties,a=o.N03_001;null!=o.N03_003&&(a=a+" "+o.N03_003),null!=o.N03_004&&(a=a+" "+o.N03_004);let n=o.N03_007;kData.forEach(function(o){if(o[0]==n){let s=["","",""],l=["","",""],r=["","",""],i=["","",""];curColor=getValueColor(o[6]);for(let t=0;t<=2;t++)""!==o[t+1]&&(s[t]=o[t+4].toString(),o[t+4]>0&&(s[t]="+"+s[t]),""!==s[t]&&(s[t]=s[t]+"％"),r[t]=addCommas(o[t+1].toString()),i[t]="","+"===s[t].slice(0,1)&&(i[t]=" plus"),"-"===s[t].slice(0,1)&&(i[t]=" minus"));let c=$("body").hasClass("en")?"":"年",d=$("body").hasClass("en")?"JPY / m2":"円/㎡",u=$("body").hasClass("en")?"Residence:":"住宅地：",h=$("body").hasClass("en")?"Business:":"商業地：",f=$("body").hasClass("en")?"Overall:":"全用途：";kMain&&kMain.forEach(function(t){t[0]==n&&(l[0]=addCommas(t[1])+""+d+"",l[1]=addCommas(t[2])+""+d+"",l[2]=addCommas(t[3])+""+d+"")}),kNamesE&&kNamesE[n]&&(a=kNamesE[n]);let g='
21 |
22 |
23 |
24 |
25 |
23 |
24 |
26 |
30 | 埼玉県「山田うどん食堂」店舗マップ
27 |うどんレストランチェーン「山田うどん食堂」の埼玉県における店舗89店をマッピングした。
28 |2019年1月2日
29 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 | 40 | 全画面で見る 41 |
42 |
43 |
44 |
49 |
50 |
56 |
63 | 店舗のデータは山田うどん食堂の公式サイト（http://www.yamada-udon.co.jp/）から取得（2018年12月25日時点）。緯度経度の取得には、東京大学空間情報科学研究センターが提供するCSVアドレスマッチングサービスを使った。地図表示のJavaScriptライブラリはLeafletを、地図はHumanitarian OpenStreetMap Team提供のタイルを使った。各ポイントをクリック（タップ）すると店名と住所が表示される。検索窓からは店名で検索ができる。
45 |掲載元記事はこちら
46 |データのダウンロードやソースコードはGitHubから
47 |制作：荻原 和樹（東洋経済オンライン編集部）
48 |'+a+"
| 2018"+c+" | "+$("#select-year").val()+c+" | ||
|---|---|---|---|
| "+u+' | '+l[0]+' | '+r[0]+""+d+' | '+s[0]+" |
| "+h+' | '+l[1]+' | '+r[1]+""+d+' | '+s[1]+" |
| "+f+' | '+l[2]+' | '+r[2]+""+d+' | '+s[2]+" |
19 |
77 |
78 |
79 |
80 |
81 |
--------------------------------------------------------------------------------
/tko/disasterbases/style.css:
--------------------------------------------------------------------------------
1 | @charset "UTF-8";
2 | @font-face {
3 | font-family: 'Noto Sans Japanese';
4 | font-style: normal;
5 | font-weight: 400;
6 | src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format("opentype");
7 | font-display: swap; }
8 | * {
9 | margin: 0;
10 | padding: 0;
11 | outline: none;
12 | box-sizing: border-box; }
13 |
14 | body {
15 | width: 100%;
16 | font-family: "Helvetica Neue", "Helvetica", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "Noto Sans Japanese", "メイリオ", Meiryo, sans-serif;
17 | font-weight: normal;
18 | font-size: 0.96em;
19 | letter-spacing: 0.03em;
20 | line-height: 1.8em;
21 | color: #666;
22 | background-color: #fdfdfd; }
23 |
24 | #cover {
25 | position: fixed;
26 | width: 100%;
27 | height: 100%;
28 | top: 0;
29 | left: 0;
30 | background-color: white;
31 | z-index: 1000;
32 | display: none; }
33 |
34 | #container a {
35 | color: #4796C6;
36 | text-decoration: none; }
37 | #container #title-block, #container #controls-block, #container #article-block {
38 | margin: 0 auto;
39 | width: calc(100% - 32px);
40 | max-width: 800px; }
41 | #container #header-block {
42 | position: absolute;
43 | width: 100%;
44 | height: 90px;
45 | padding: 8px 16px;
46 | top: 0;
47 | left: 0;
48 | text-align: center;
49 | background-color: #fdfdfd;
50 | box-shadow: none; }
51 | #container #header-block #img-logo {
52 | margin: 10px 0;
53 | height: calc(100% - 20px); }
54 | #container #title-block {
55 | margin-top: 96px; }
56 | #container #title-block h1 {
57 | font-size: 1.3em;
58 | color: #333;
59 | margin-bottom: 8px; }
60 | #container #title-block p {
61 | margin-bottom: 16px; }
62 | #container #title-block .date {
63 | color: #aaa;
64 | font-size: 0.9em; }
65 | #container #title-block .relarticle {
66 | margin-bottom: 16px; }
67 | #container #iframe-block {
68 | width: 100%;
69 | height: 400px;
70 | background-color: #aaa;
71 | transition: none; }
72 | #container #iframe-block #button-close {
73 | position: fixed;
74 | top: 8px;
75 | right: 8px;
76 | width: 48px;
77 | height: 48px;
78 | border-radius: 24px;
79 | background-color: #fefefe;
80 | border: 1px solid #ccc;
81 | box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
82 | background-image: url("../../assets/img/icon-close.svg");
83 | background-size: 80%;
84 | background-position: center center;
85 | background-repeat: no-repeat;
86 | cursor: pointer;
87 | display: none; }
88 | #container #iframe-block.fullscreen {
89 | z-index: 100;
90 | position: fixed;
91 | width: 100%;
92 | height: 100%;
93 | top: 0;
94 | left: 0; }
95 | #container #iframe-block.fullscreen #button-close {
96 | display: block; }
97 | #container p.fullscreen {
98 | text-align: center;
99 | margin-top: 8px;
100 | margin-bottom: 16px;
101 | font-size: 0.9em; }
102 | #container p.fullscreen a {
103 | cursor: pointer; }
104 | #container #article-block p {
105 | margin-bottom: 1em; }
106 | #container #social-block {
107 | display: flex;
108 | width: fit-content;
109 | margin: 48px auto 16px auto; }
110 | #container #social-block a {
111 | display: block;
112 | width: 50px;
113 | height: 50px;
114 | margin: 0 16px;
115 | background-size: contain;
116 | background-position: center center;
117 | background-repeat: no-repeat; }
118 | #container #social-block a.fbshare {
119 | background-image: url("../../assets/img/social-icon-fbshare.svg"); }
120 | #container #social-block a.twitter {
121 | background-image: url("../../assets/img/social-icon-twitter.svg"); }
122 | #container #social-block a.gplus {
123 | background-image: url("../../assets/img/social-icon-gplus.svg");
124 | background-size: 85%; }
125 | #container #footer-block {
126 | color: #aaa;
127 | text-align: center;
128 | height: 120px;
129 | font-size: 0.8em; }
130 | #container #footer-block hr {
131 | border: none;
132 | border-top: 1px solid #eee;
133 | margin-top: 24px;
134 | margin-bottom: 32px; }
135 | #container #footer-block #img-corporate {
136 | width: 140px;
137 | opacity: 0.8; }
138 |
139 | @media screen and (min-width: 600px) {
140 | #container #iframe-block {
141 | height: 500px; } }
142 | @media screen and (min-width: 900px) {
143 | #container #iframe-block {
144 | height: 600px; } }
145 |
146 | /*# sourceMappingURL=style.css.map */
147 |
--------------------------------------------------------------------------------
/tko/disasterbases/style.scss:
--------------------------------------------------------------------------------
1 | @charset "UTF-8";
2 |
3 | @font-face {
4 | font-family: 'Noto Sans Japanese';
5 | font-style: normal;
6 | font-weight: 400;
7 | src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format('woff2'),
8 | url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format('woff'),
9 | url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format('opentype');
10 | font-display: swap;
11 | }
12 |
13 | * {
14 | margin: 0;
15 | padding: 0;
16 | outline: none;
17 | box-sizing: border-box;
18 | }
19 |
20 | body {
21 | width: 100%;
22 | font-family: "Helvetica Neue", "Helvetica", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "Noto Sans Japanese", "メイリオ", Meiryo, sans-serif;
23 | font-weight: normal;
24 | font-size: 0.96em;
25 | letter-spacing: 0.03em;
26 | line-height: 1.8em;
27 | color: #666;
28 | background-color: #fdfdfd;
29 | }
30 |
31 | #cover {
32 | position: fixed;
33 | width: 100%;
34 | height: 100%;
35 | top: 0;
36 | left: 0;
37 | background-color: rgb(255,255,255);
38 | z-index: 1000;
39 | display: none;
40 | }
41 |
42 | #container {
43 | a {
44 | color: #4796C6;
45 | text-decoration: none;
46 | }
47 |
48 | #title-block,#controls-block,#article-block {
49 | margin: 0 auto;
50 | width: calc(100% - 32px);
51 | max-width: 800px;
52 | }
53 |
54 | #header-block {
55 | position: absolute;
56 | width: 100%;
57 | height: 90px;
58 | padding: 8px 16px;
59 | top: 0;
60 | left: 0;
61 | text-align: center;
62 | background-color: #fdfdfd;
63 | box-shadow: none;
64 |
65 | #img-logo {
66 | margin: 10px 0;
67 | height: calc(100% - 20px);
68 | }
69 | }
70 |
71 | #title-block {
72 | margin-top: 96px;
73 |
74 | h1 {
75 | font-size: 1.3em;
76 | color: #333;
77 | margin-bottom: 8px;
78 | }
79 |
80 | p {
81 | margin-bottom: 16px;
82 | }
83 |
84 | .date {
85 | color: #aaa;
86 | font-size: 0.9em;
87 | }
88 |
89 | .relarticle {
90 | margin-bottom: 16px;
91 | }
92 | }
93 |
94 | #iframe-block {
95 | width: 100%;
96 | height: 400px;
97 | background-color: #aaa;
98 | transition: none;
99 |
100 | #button-close {
101 | position: fixed;
102 | top: 8px;
103 | right: 8px;
104 | width: 48px;
105 | height: 48px;
106 | border-radius: 24px;
107 | background-color: #fefefe;
108 | border: 1px solid #ccc;
109 | box-shadow: 0 2px 6px rgba(0,0,0,0.4);
110 | background-image: url('../../assets/img/icon-close.svg');
111 | background-size: 80%;
112 | background-position: center center;
113 | background-repeat: no-repeat;
114 | cursor: pointer;
115 | display: none;
116 | }
117 |
118 | &.fullscreen {
119 | z-index: 100;
120 | position: fixed;
121 | width: 100%;
122 | height: 100%;
123 | top: 0;
124 | left: 0;
125 |
126 | #button-close {
127 | display: block;
128 | }
129 | }
130 | }
131 |
132 | p.fullscreen {
133 | text-align: center;
134 | margin-top: 8px;
135 | margin-bottom: 16px;
136 | font-size: 0.9em;
137 |
138 | a {
139 | cursor: pointer;
140 | }
141 | }
142 |
143 | #article-block {
144 |
145 | p {
146 | margin-bottom: 1em;
147 | }
148 | }
149 |
150 | #social-block {
151 | display: flex;
152 | width: fit-content;
153 | margin: 48px auto 16px auto;
154 |
155 | a {
156 | display: block;
157 | width: 50px;
158 | height: 50px;
159 | margin: 0 16px;
160 |
161 | background-size: contain;
162 | background-position: center center;
163 | background-repeat: no-repeat;
164 |
165 | &.fbshare {background-image: url('../../assets/img/social-icon-fbshare.svg');}
166 | &.twitter {background-image: url('../../assets/img/social-icon-twitter.svg');}
167 | &.gplus {background-image: url('../../assets/img/social-icon-gplus.svg'); background-size: 85%;}
168 | }
169 | }
170 |
171 | #footer-block {
172 | color: #aaa;
173 | text-align: center;
174 | height: 120px;
175 | font-size: 0.8em;
176 |
177 | hr {
178 | border: none;
179 | border-top: 1px solid #eee;
180 | margin-top: 24px;
181 | margin-bottom: 32px;
182 | }
183 |
184 | #img-corporate {
185 | width: 140px;
186 | opacity: 0.8;
187 | }
188 | }
189 | }
190 |
191 | @media screen and (min-width: 600px) {
192 | #container {
193 | #iframe-block {
194 | height: 500px;
195 | }
196 | }
197 | }
198 |
199 | @media screen and (min-width: 900px) {
200 | #container {
201 | #iframe-block {
202 | height: 600px;
203 | }
204 | }
205 | }
206 |
--------------------------------------------------------------------------------
/tko/workman/css/style.css:
--------------------------------------------------------------------------------
1 | @charset "UTF-8";
2 | @font-face {
3 | font-family: 'Noto Sans Japanese';
4 | font-style: normal;
5 | font-weight: 400;
6 | src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format("opentype");
7 | font-display: swap; }
8 | * {
9 | margin: 0;
10 | padding: 0;
11 | outline: none;
12 | box-sizing: border-box; }
13 |
14 | body {
15 | width: 100%;
16 | font-family: "Helvetica Neue", "Helvetica", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "Noto Sans Japanese", "メイリオ", Meiryo, sans-serif;
17 | font-weight: normal;
18 | font-size: 0.96em;
19 | letter-spacing: 0.03em;
20 | line-height: 1.8em;
21 | color: #666;
22 | background-color: #fdfdfd; }
23 |
24 | #cover {
25 | position: fixed;
26 | width: 100%;
27 | height: 100%;
28 | top: 0;
29 | left: 0;
30 | background-color: white;
31 | z-index: 1000;
32 | display: none; }
33 |
34 | #container a {
35 | color: #4796C6;
36 | text-decoration: none; }
37 | #container #title-block, #container #controls-block, #container #article-block {
38 | margin: 0 auto;
39 | width: calc(100% - 32px);
40 | max-width: 800px; }
41 | #container #header-block {
42 | position: absolute;
43 | width: 100%;
44 | height: 90px;
45 | padding: 8px 16px;
46 | top: 0;
47 | left: 0;
48 | text-align: center;
49 | background-color: #fdfdfd;
50 | box-shadow: none; }
51 | #container #header-block #img-logo {
52 | margin: 10px 0;
53 | height: calc(100% - 20px); }
54 | #container #title-block {
55 | margin-top: 96px; }
56 | #container #title-block h1 {
57 | font-size: 1.3em;
58 | color: #333;
59 | margin-bottom: 8px; }
60 | #container #title-block p {
61 | margin-bottom: 16px; }
62 | #container #title-block .date {
63 | color: #aaa;
64 | font-size: 0.9em; }
65 | #container #title-block .relarticle {
66 | margin-bottom: 16px; }
67 | #container #iframe-block {
68 | width: 100%;
69 | height: 400px;
70 | background-color: #aaa;
71 | transition: none; }
72 | #container #iframe-block #button-close {
73 | position: fixed;
74 | top: 8px;
75 | right: 8px;
76 | width: 48px;
77 | height: 48px;
78 | border-radius: 24px;
79 | background-color: #fefefe;
80 | border: 1px solid #ccc;
81 | box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
82 | background-image: url("../../../assets/img/icon-close.svg");
83 | background-size: 80%;
84 | background-position: center center;
85 | background-repeat: no-repeat;
86 | cursor: pointer;
87 | display: none; }
88 | #container #iframe-block.fullscreen {
89 | z-index: 100;
90 | position: fixed;
91 | width: 100%;
92 | height: 100%;
93 | top: 0;
94 | left: 0; }
95 | #container #iframe-block.fullscreen #button-close {
96 | display: block; }
97 | #container p.fullscreen {
98 | text-align: center;
99 | margin-top: 8px;
100 | margin-bottom: 16px;
101 | font-size: 0.9em; }
102 | #container p.fullscreen a {
103 | cursor: pointer; }
104 | #container #article-block p {
105 | margin-bottom: 1em; }
106 | #container #social-block {
107 | display: flex;
108 | width: fit-content;
109 | margin: 48px auto 16px auto; }
110 | #container #social-block a {
111 | display: block;
112 | width: 50px;
113 | height: 50px;
114 | border-radius: 25px;
115 | margin: 0 16px;
116 | background-size: contain;
117 | background-position: center center;
118 | background-repeat: no-repeat; }
119 | #container #social-block a.fbshare {
120 | background-image: url("../../../assets/img/social-icon-fbshare.svg"); }
121 | #container #social-block a.twitter {
122 | background-image: url("../../../assets/img/social-icon-twitter.svg"); }
123 | #container #social-block a.gplus {
124 | background-image: url("../../../assets/img/social-icon-gplus.svg");
125 | background-size: 90%; }
126 | #container #social-block a.line {
127 | background-image: url("../../../assets/img/social-icon-line.png"); }
128 | #container #footer-block {
129 | color: #aaa;
130 | text-align: center;
131 | height: 120px;
132 | font-size: 0.8em; }
133 | #container #footer-block hr {
134 | border: none;
135 | border-top: 1px solid #eee;
136 | margin-top: 24px;
137 | margin-bottom: 32px; }
138 | #container #footer-block #img-corporate {
139 | width: 140px;
140 | opacity: 0.8; }
141 |
142 | @media screen and (min-width: 600px) {
143 | #container #iframe-block {
144 | height: 500px; } }
145 | @media screen and (min-width: 900px) {
146 | #container #iframe-block {
147 | height: 600px; } }
148 |
149 | /*# sourceMappingURL=style.css.map */
150 |
--------------------------------------------------------------------------------
/tko/yamadaudon/js/script.js:
--------------------------------------------------------------------------------
1 | var kMap = L.map('map').setView([35.9250076,139.6256953], 11);
2 | var kMarkers = [];
3 | var kShops = [];
4 |
5 |
6 | function addCommas(num){
7 | return String(num).replace( /(\d)(?=(\d\d\d)+(?!\d))/g, '$1,');
8 | }
9 |
10 |
11 | function getPopupContent(shop){
12 | var ret =
13 | '
20 |
21 |
22 |
23 |
24 |
29 |
22 |
23 |
30 |
34 |
39 |
40 |
41 |
49 |
42 |
46 |
47 |
48 |
43 |
45 | たいへん申し訳ありませんが、ブラウザが対応しておりません。
Chrome、Edge、Firefoxなどのブラウザでアクセスをお願いいたします。
50 | 全画面で見る 51 |
52 |
53 |
54 |
62 |
63 |
69 |
76 | 対象としたデータは2018年および2017年7月1日の基準地価それぞれ1268カ所。データは国土交通省の土地総合情報システムから取得した。3D地図のマッピングにはUBERの提供するWebGLフレームワークdeck.glを使った。価格は万円単位とし四捨五入。色や高さは値を基にして事前に調整した。
55 |基準地は200メートルごとに集計されている。そのため、複数の基準地が近接している場所では、ひとつのバー（六角形）に2つ以上の基準地が内包される。その場合、色や高さは平均の価格や騰落率を基に描画している。それぞれのバーをタップまたはマウスホバーすると、該当する基準地の情報（交通施設と距離、価格、地積、利用現況）が表示される。いずれの情報も国土交通省の前掲のデータセットから取得した。
56 |また、地図上側から最新（2018年7月1日）の基準地価と昨年（2017年7月1日）との比較や、土地の用途（全用途、住宅地、商業地）を切り替えることができる。比較マップは昨年に比べて価格が上昇していれば暖色（赤）、下落していれば寒色（青）とした。色が濃く、バーが高いほど上昇／下落幅が大きいことを示す。比較の対象となった基準地は2017年・2018年の両方にデータが存在する1239カ所。
57 |解説記事はこちら
58 |画像をダウンロード（png）
59 |データのダウンロード、ソースコード、修正履歴はGitHubから
60 |制作：荻原 和樹（東洋経済オンライン編集部）
61 |' + shop[0] + '
'
14 | + '' + shop[1] + '
'
15 | ;
16 |
17 | return ret;
18 | }
19 |
20 |
21 | L.tileLayer('https://{s}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png', {
22 | attribution: '© OpenStreetMap, Tiles: Humanitarian OpenStreetMap Team',
23 | maxZoom: 16,
24 | minZoom: 9
25 | }).addTo(kMap);
26 |
27 |
28 | $.ajaxSetup({
29 | cache: false
30 | });
31 |
32 |
33 | $.getJSON("data/data.json", function(data){
34 | kShops = data;
35 |
36 | $.each(data, function(i, shop){
37 | let name = shop[0];
38 | let address = shop[1];
39 | let lat = shop[2];
40 | let lng = shop[3];
41 |
42 | kMarkers[i] = L.marker([shop[2], shop[3]], {icon: L.divIcon()})
43 | .addTo(kMap)
44 | .bindPopup(getPopupContent(shop));
45 | });
46 | });
47 |
48 |
49 | $(function(){
50 | $(document).on("click", "#fullscreen", function(e){
51 | $.when(
52 | $("#cover").fadeIn("fast")
53 | ).done(function() {
54 | $.when(
55 | $("body").addClass("fullscreen"),
56 | kMap.invalidateSize()
57 | ).done(function() {
58 | $("#cover").fadeOut("fast");
59 | });
60 | });
61 | });
62 |
63 | $(document).on("click", "#button-close", function(e){
64 | e.stopPropagation();
65 | $.when(
66 | $("#cover").fadeIn("fast")
67 | ).done(function() {
68 | $.when(
69 | $("body").removeClass("fullscreen"),
70 | kMap.invalidateSize()
71 | ).done(function() {
72 | $("#cover").fadeOut("fast");
73 | });
74 | });
75 | });
76 |
77 | $(document).on("keydown", "#input-shops", function(e){
78 |
79 | // 上下ボタンを押した場合
80 | if (e.keyCode === 38 || e.keyCode === 40) {
81 | e.preventDefault();
82 |
83 | if ($("#shop-suggestions").find("div")) {
84 |
85 | var selected = $("#shop-suggestions").find("div.selected");
86 | if (selected) {
87 | selected.removeClass("selected");
88 |
89 | // 上キーの場合
90 | if (e.which === 38) {
91 | if (selected.prev()[0]) {
92 | selected.prev().addClass("selected");
93 | } else {
94 | $("#shop-suggestions").find("div:last").addClass("selected");
95 | }
96 |
97 | // 下キーの場合
98 | } else if (e.which === 40) {
99 | if (selected.next()[0]) {
100 | selected.next().addClass("selected");
101 | } else {
102 | $("#shop-suggestions").find("div:first").addClass("selected");
103 | }
104 | }
105 | }
106 | }
107 |
108 | // Enterキーを押した場合
109 | } else if (e.keyCode === 13){
110 |
111 | let index = $("#shop-suggestions").find(".selected").attr("index");
112 | let string = $("#shop-suggestions").find(".selected").text();
113 |
114 | $("#shop-suggestions").removeClass("show");
115 | $("#input-shops").val(string);
116 |
117 | // 移動
118 | kMap.setView(new L.LatLng(kShops[index][2], kShops[index][3]), 13);
119 | kMarkers[index].openPopup();
120 | }
121 | });
122 |
123 | // コード・社名の入力欄が変更された時
124 | $(document).on("keyup focus", "#input-shops", function(e){
125 |
126 | let string = $(this).val();
127 |
128 | // コード・社名のリストが読み込み済み ＆ 文字列が１文字以上の場合
129 | if (kShops && $(this).val() != "") {
130 |
131 | // 上下キーでもEnterキーでもない場合
132 | if (e.keyCode !== 38 && e.keyCode !== 40 && e.keyCode !== 13) {
133 |
134 | $("#shop-suggestions").addClass("show");
135 | $("#shop-suggestions").empty();
136 |
137 | // companiesを検索
138 | let num = 0;
139 |
140 | $.each(kShops, function(index, kShop){
141 | let hit = false;
142 |
143 | if (kShop[0].indexOf(string) === 0) hit = true;
144 | if (kShop[1].indexOf(string) === 0) hit = true;
145 |
146 | if (hit) {
147 | $("#shop-suggestions").append('' + kShop[0] + '
');
148 | num++;
149 | }
150 |
151 | if (num >= 20) return false;
152 | });
153 |
154 | if (num === 0) $("#shop-suggestions").removeClass("show");
155 |
156 | $("#shop-suggestions").find("div:first").addClass("selected");
157 | }
158 | } else {
159 | $("#shop-suggestions").removeClass("show");
160 | }
161 | });
162 |
163 | // 社名入力欄からフォーカスが外れた時
164 | $(document).on("focusout", "#input-shops", function(e){
165 | $("#shop-suggestions").removeClass("show");
166 | });
167 | });
168 |
--------------------------------------------------------------------------------
/tko/librarians/css/style.css.map:
--------------------------------------------------------------------------------
1 | {
2 | "version": 3,
3 | "mappings": "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",
4 | "sources": ["style.scss"],
5 | "names": [],
6 | "file": "style.css"
7 | }
8 |
--------------------------------------------------------------------------------
/tko/workman/css/style.scss:
--------------------------------------------------------------------------------
1 | @charset "UTF-8";
2 |
3 | @font-face {
4 | font-family: 'Noto Sans Japanese';
5 | font-style: normal;
6 | font-weight: 400;
7 | src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format('woff2'),
8 | url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format('woff'),
9 | url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format('opentype');
10 | font-display: swap;
11 | }
12 |
13 | * {
14 | margin: 0;
15 | padding: 0;
16 | outline: none;
17 | box-sizing: border-box;
18 | }
19 |
20 | body {
21 | width: 100%;
22 | font-family: "Helvetica Neue", "Helvetica", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "Noto Sans Japanese", "メイリオ", Meiryo, sans-serif;
23 | font-weight: normal;
24 | font-size: 0.96em;
25 | letter-spacing: 0.03em;
26 | line-height: 1.8em;
27 | color: #666;
28 | background-color: #fdfdfd;
29 | }
30 |
31 | #cover {
32 | position: fixed;
33 | width: 100%;
34 | height: 100%;
35 | top: 0;
36 | left: 0;
37 | background-color: rgb(255,255,255);
38 | z-index: 1000;
39 | display: none;
40 | }
41 |
42 | #container {
43 | a {
44 | color: #4796C6;
45 | text-decoration: none;
46 | }
47 |
48 | #title-block,#controls-block,#article-block {
49 | margin: 0 auto;
50 | width: calc(100% - 32px);
51 | max-width: 800px;
52 | }
53 |
54 | #header-block {
55 | position: absolute;
56 | width: 100%;
57 | height: 90px;
58 | padding: 8px 16px;
59 | top: 0;
60 | left: 0;
61 | text-align: center;
62 | background-color: #fdfdfd;
63 | box-shadow: none;
64 |
65 | #img-logo {
66 | margin: 10px 0;
67 | height: calc(100% - 20px);
68 | }
69 | }
70 |
71 | #title-block {
72 | margin-top: 96px;
73 |
74 | h1 {
75 | font-size: 1.3em;
76 | color: #333;
77 | margin-bottom: 8px;
78 | }
79 |
80 | p {
81 | margin-bottom: 16px;
82 | }
83 |
84 | .date {
85 | color: #aaa;
86 | font-size: 0.9em;
87 | }
88 |
89 | .relarticle {
90 | margin-bottom: 16px;
91 | }
92 | }
93 |
94 | #iframe-block {
95 | width: 100%;
96 | height: 400px;
97 | background-color: #aaa;
98 | transition: none;
99 |
100 | #button-close {
101 | position: fixed;
102 | top: 8px;
103 | right: 8px;
104 | width: 48px;
105 | height: 48px;
106 | border-radius: 24px;
107 | background-color: #fefefe;
108 | border: 1px solid #ccc;
109 | box-shadow: 0 2px 6px rgba(0,0,0,0.4);
110 | background-image: url('../../../assets/img/icon-close.svg');
111 | background-size: 80%;
112 | background-position: center center;
113 | background-repeat: no-repeat;
114 | cursor: pointer;
115 | display: none;
116 | }
117 |
118 | &.fullscreen {
119 | z-index: 100;
120 | position: fixed;
121 | width: 100%;
122 | height: 100%;
123 | top: 0;
124 | left: 0;
125 |
126 | #button-close {
127 | display: block;
128 | }
129 | }
130 | }
131 |
132 | p.fullscreen {
133 | text-align: center;
134 | margin-top: 8px;
135 | margin-bottom: 16px;
136 | font-size: 0.9em;
137 |
138 | a {
139 | cursor: pointer;
140 | }
141 | }
142 |
143 | #article-block {
144 |
145 | p {
146 | margin-bottom: 1em;
147 | }
148 | }
149 |
150 | #social-block {
151 | display: flex;
152 | width: fit-content;
153 | margin: 48px auto 16px auto;
154 |
155 | a {
156 | display: block;
157 | width: 50px;
158 | height: 50px;
159 | border-radius: 25px;
160 | margin: 0 16px;
161 |
162 | background-size: contain;
163 | background-position: center center;
164 | background-repeat: no-repeat;
165 |
166 | &.fbshare {background-image: url('../../../assets/img/social-icon-fbshare.svg');}
167 | &.twitter {background-image: url('../../../assets/img/social-icon-twitter.svg');}
168 | &.gplus {background-image: url('../../../assets/img/social-icon-gplus.svg'); background-size: 90%;}
169 | &.line {background-image: url('../../../assets/img/social-icon-line.png');}
170 | }
171 | }
172 |
173 | #footer-block {
174 | color: #aaa;
175 | text-align: center;
176 | height: 120px;
177 | font-size: 0.8em;
178 |
179 | hr {
180 | border: none;
181 | border-top: 1px solid #eee;
182 | margin-top: 24px;
183 | margin-bottom: 32px;
184 | }
185 |
186 | #img-corporate {
187 | width: 140px;
188 | opacity: 0.8;
189 | }
190 | }
191 | }
192 |
193 | @media screen and (min-width: 600px) {
194 | #container {
195 | #iframe-block {
196 | height: 500px;
197 | }
198 | }
199 | }
200 |
201 | @media screen and (min-width: 900px) {
202 | #container {
203 | #iframe-block {
204 | height: 600px;
205 | }
206 | }
207 | }
208 |
--------------------------------------------------------------------------------
/tko/landprices3/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
19 |
81 |
82 |
83 |
84 |
85 |
--------------------------------------------------------------------------------
/tko/landprices/en.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
20 |
21 |
22 |
23 |
24 |
22 |
23 |
25 |
29 | 全国「公示地価」最新価格・過去比較3Dマップ
26 |全国約26000地点の公示地価を1989〜2019年まで過去30年分マップに表現した
27 |2019年3月28日
28 |
30 |
37 |
42 |
43 |
44 |
52 |
45 |
49 |
50 |
51 |
46 |
48 | たいへん申し訳ありませんが、ブラウザが対応しておりません。
Chrome、Edge、Firefoxなどのブラウザでアクセスをお願いいたします。
53 | 全画面で見る 54 |
55 |
56 |
57 |
66 |
67 |
73 |
80 | 東洋経済では昨年、東京都における基準地価の3Dマップや、全国の市区町村別の基準地価を発表した。今回は30年前、バブル絶頂期の1989年から最新時点までの公示地価、のべ約13万地点のデータを3Dマップにプロットし、日本の地価がどのように変動してきたのかをビジュアルで表現した。
58 |データは国土交通省の土地総合情報システムから取得した。対象は2019、2018、2009、1999、1989の各年1月1日時点における全国の公示地価、計約13万地点。緯度経度の取得には東京大学空間情報科学研究センターが提供するCSVアドレスマッチングサービスを使い、所在・地番から緯度経度を取得できない地点は除いた。3D地図のマッピングにはUberの提供するWebGLフレームワークDeck.glを使った。
59 |基準地は半径2000メートルのバー（六角形）ごとに集計されている。バーの色や高さは平均の価格・騰落率をもとに描画している。それぞれのバーをタップまたはマウスホバーすると、該当する基準地の情報が表示される。
60 |地図左上のボタンで、カメラの角度を変えることができる。また、地図上側のセレクトボックスからデータの時点（最新価格または1年前〜30年前との比較）や、土地の用途（住宅地、商業地）を切り替えることができる。比較マップは昨年に比べて価格が上昇していれば暖色（赤）、下落していれば寒色（青）とした。色が濃く、バーが高いほど上昇／下落幅が大きいことを示す。
61 |解説記事はこちら
62 |画像をダウンロード（png）
63 |データのダウンロード、ソースコード、修正履歴はGitHubから
64 |制作：荻原 和樹（東洋経済オンライン編集部）
65 |
19 |
77 |
78 |
79 |
80 |
81 |
--------------------------------------------------------------------------------
/tko/yamadaudon/css/style.min.css:
--------------------------------------------------------------------------------
1 | @charset "UTF-8";@import url(https://fonts.googleapis.com/icon?family=Material+Icons);@font-face{font-family:'Noto Sans Japanese';font-style:normal;font-weight:400;font-display:swap;src:url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format("woff"),url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format("opentype")}*{margin:0;padding:0;outline:0;box-sizing:border-box;font-family:"Helvetica Neue",Helvetica,"ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,YuGothic,Arial,"Noto Sans Japanese","メイリオ",Meiryo,sans-serif;font-weight:400;color:#666;letter-spacing:.03em}body{width:100%;line-height:1.8em;background-color:#fdfdfd}a{color:#37b;text-decoration:none}#container{position:relative}#container #article-block,#container #controls-block,#container #footer-block,#container #social-block,#container #title-block{margin:0 auto;width:calc(100% - 32px);max-width:800px}#container #cover{position:fixed;width:100%;height:100%;top:0;left:0;background-color:#fff;z-index:2000;display:none}#container #header-block{width:100%;height:90px;padding:8px 16px;top:0;left:0;text-align:center;background-color:#fdfdfd;box-shadow:none}#container #header-block #img-logo{margin:10px 0;height:calc(100% - 20px)}#container #title-block{margin-top:24px;margin-bottom:16px}#container #title-block h1{font-size:1.3em;font-weight:700;color:#333;margin-bottom:4px}#container #title-block p{margin-bottom:8px}#container #title-block .date{color:#aaa;font-size:.9em;position:relative}#container #controls-block{margin-bottom:16px;padding:12px}#container #controls-block #input-shops{display:block;margin:auto;width:100%;max-width:400px;padding-left:24px;font-size:1em;border:none;border-bottom:2px solid #ccc;transition:all ease .2s;background-image:url(../img/icon-search.svg);background-repeat:no-repeat;background-size:contain;background-position:0 1px}#container #controls-block #input-shops:focus{border-bottom:2px solid #36a}#container #controls-block #shop-suggestions{position:absolute;left:0;right:0;margin:auto;margin-top:4px;z-index:1200;width:calc(100% - 56px);max-width:400px;background-color:#fafafa;webkit-box-shadow:2px 4px 4px 0 rgba(0,0,0,.3);-moz-box-shadow:2px 4px 4px 0 rgba(0,0,0,.3);box-shadow:2px 4px 4px 0 rgba(0,0,0,.3);display:none}#container #controls-block #shop-suggestions.show{display:block}#container #controls-block #shop-suggestions div{width:100%;height:28px;padding:0 4px;border-bottom:1px solid #eee}#container #controls-block #shop-suggestions div.selected{background-color:#58b;color:#fafafa}#container #map-block{width:100%;height:480px;transition:none;position:relative}#container #map-block.fullscreen{z-index:100;position:fixed;width:100%;height:100%;top:0;left:0}#container #map-block.fullscreen #button-close{display:block}#container #map-block #map{width:100%;height:100%}#container #map-block #map img{opacity:.8!important;filter:grayscale(60%)!important}#container #map-block #map .leaflet-div-icon{width:40px!important;height:40px!important;margin-top:calc(-.5 * 40px)!important;margin-left:calc(-.5 * 40px)!important;border:none;background-color:transparent;background-image:url(../img/yamadaudon_logo.png);background-repeat:no-repeat;background-position:center center;background-size:contain}#container #map-block #map .leaflet-popup-content-wrapper{padding:4px 8px}#container #map-block #map .leaflet-popup-content-wrapper .name{color:#333;font-size:1.2em;font-weight:700;margin-bottom:4px}#container #map-block #map a.leaflet-popup-close-button{top:4px!important;right:4px!important}#container #map-block #map .leaflet-bottom{position:absolute;bottom:0}#container #map-block #button-close{position:fixed;top:8px;right:8px;width:48px;height:48px;border-radius:24px;box-shadow:0 2px 6px rgba(0,0,0,.4);background:no-repeat center/80% url(../../../assets/img/icon-close.svg);background-color:#fefefe;z-index:1000;cursor:pointer;display:none}#container p.fullscreen{text-align:center;margin-top:8px;margin-bottom:16px;font-size:.9em}#container p.fullscreen a{cursor:pointer}#container #article-block p{margin-bottom:1em}#container #social-block{display:flex;width:330px;margin:48px auto 48px auto}#container #social-block a{display:block;width:50px;height:50px;border-radius:25px;margin:0 16px;background-size:contain;background-position:center center;background-repeat:no-repeat}#container #social-block a.fbshare{background-image:url(../../../assets/img/social-icon-fbshare.svg)}#container #social-block a.twitter{background-image:url(../../../assets/img/social-icon-twitter.svg)}#container #social-block a.gplus{background-image:url(../../../assets/img/social-icon-gplus.svg);background-size:90%}#container #social-block a.line{background-image:url(../../../assets/img/social-icon-line.png)}#container #footer-block{color:#aaa;text-align:center;height:120px;font-size:.8em}#container #footer-block hr{border:none;border-top:1px solid #eee;margin-top:24px;margin-bottom:32px}#container #footer-block #img-corporate{width:140px;opacity:.8}body.fullscreen{overflow-y:hidden}body.fullscreen #container #controls-block{position:fixed;z-index:1900;border-radius:24px;padding:16px;height:48px;top:8px;left:0;right:0;width:calc(100% - 128px);background-color:#fefefe;margin:auto;box-shadow:0 2px 6px rgba(0,0,0,.4)}body.fullscreen #container #controls-block #input-shops{border:none}body.fullscreen #container #map-block{z-index:100;position:fixed;width:100%;height:100%;top:0;left:0}body.fullscreen #container #map-block #button-close{display:block}@media screen and (min-width:600px){#container #map-block{height:580px}}@media screen and (min-width:900px){#container #map-block{height:680px}}
--------------------------------------------------------------------------------
/tko/librarians/css/style.min.css:
--------------------------------------------------------------------------------
1 | @charset "UTF-8";@font-face{font-family:'Noto Sans Japanese';font-style:normal;font-weight:400;font-display:swap;src:url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format("woff"),url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format("opentype")}*{margin:0;padding:0;outline:0;box-sizing:border-box;font-family:"Helvetica Neue",Helvetica,"ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,YuGothic,Arial,"Noto Sans Japanese","メイリオ",Meiryo,sans-serif;font-weight:400;color:#f0f0f0;letter-spacing:.03em;transition:all ease .2s}body{width:100%;line-height:1.8em;background-color:#234}a{color:#8ce;text-decoration:none}.navigation{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:200px;height:48px;padding:8px 16px;background-color:#eee;font-size:.7em;border-radius:8px;line-height:1.4em;text-align:center;box-shadow:2px 0 4px rgba(0,0,0,.4);animation:floating 2s ease infinite;opacity:0;z-index:-10;pointer-events:none}.navigation.show{opacity:1;z-index:100;pointer-events:auto}.navigation:before{content:"";position:absolute;top:100%;left:50%;margin-left:-10px;border:10px solid transparent;border-top:10px solid #eee}.navigation p{color:#666;margin:0;padding:0}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-15px)}100%{transform:translateY(0)}}#cover{position:fixed;width:100%;height:100%;top:0;left:0;background-color:#fff;z-index:1000;display:none}#container #alert-block,#container #article-block,#container #footer-block,#container #map-block,#container #title-block{width:calc(100% - 32px);max-width:800px;margin:auto}#container #header-block{width:100%;height:90px;padding:8px 16px;top:0;left:0;text-align:center;box-shadow:none}#container #header-block #img-logo{margin:10px 0;height:100%}#container #title-block{margin-top:24px;margin-bottom:24px}#container #title-block h1{font-size:1.3em;font-weight:700;color:#fafafa;margin-bottom:8px}#container #title-block p{margin-bottom:8px}#container #title-block .date{color:#aaa;font-size:.9em;position:relative}#container #map-block{width:100%;max-width:600px;height:400px;margin-bottom:24px;position:relative}#container #map-block #map{height:100%;width:100%}#container #map-block #map-year{position:absolute;top:16px;left:16px;font-size:.9em;color:#ccc}#container #map-block #map-year #map-year-num{font-size:2.4em;color:#fefefe}#container #map-block #map-legend{position:absolute;bottom:8px;right:8px;list-style:none;z-index:500;padding:8px 16px 8px 8px;background-color:rgba(32,48,64,.7)}#container #map-block #map-legend li{text-indent:18px;font-size:.7em;text-align:right;color:#ccc;width:100%;height:1.4em;line-height:1.4em;vertical-align:middle;position:relative}#container #map-block #map-legend li .circle{position:absolute;width:10px;height:10px;border-radius:5px;top:calc(50% - (10px / 2));left:4px}#container #map-block .navigation{margin-top:120px}#container #canvas-block{margin-bottom:24px;height:320px;width:100%;position:relative}#container #canvas-block #canvas{height:100%;width:100%;min-width:360px;max-width:480px;position:relative;margin:auto}#container #canvas-block #canvas #canvas-touch-areas{position:absolute;top:40px;left:36px;width:calc(100% - 44px);height:calc(100% - 130px)}#container #canvas-block #canvas #canvas-touch-areas .touch-area{width:20%;height:100%;float:left;z-index:100;background-color:transparent}#container #canvas-block #canvas #canvas-touch-areas .touch-area.half{width:10%}#container #canvas-block #canvas #canvas-touch-areas .touch-area.selected{background-color:rgba(255,255,255,.3)}#container #canvas-block .navigation{margin-top:40px}#container #button-block{margin-top:28px;margin-bottom:36px;text-align:center}#container #button-block a{font-size:.8em}#container #button-block #button-download-image{display:block;margin:auto;margin-bottom:24px;width:240px;height:40px;border:1px solid #ccc;border-radius:20px;background-color:#48a;color:#fefefe;text-align:center}#container #button-block #button-download-image:hover{cursor:pointer;opacity:.7}#container #table-block{margin:16px 0;text-align:center}#container #table-block h4{font-size:.9em;color:#ddd}#container #table-block #data-table{margin:auto;border-collapse:collapse;border-spacing:0}#container #table-block #data-table td,#container #table-block #data-table th{padding:2px 0 2px 8px;text-align:right;font-size:.8em;color:#aaa;border-bottom:.2px solid rgba(255,255,255,.4)}#container #table-block #data-table th{line-height:1.2em}#container #table-block #data-table td{width:54px}#container #article-block p{margin-bottom:1em;text-indent:1em}#container #article-block p img{display:block;width:100%;max-width:600px;margin:auto}#container #social-block{display:flex;width:330px;margin:48px auto 48px auto}#container #social-block a{display:block;width:50px;height:50px;border-radius:25px;margin:0 16px;background-size:cover;background-position:center center;background-repeat:no-repeat;background-color:#fff}#container #social-block a.fbshare{background-image:url(../../../assets/img/social-icon-fbshare.svg);background-size:118%}#container #social-block a.twitter{background-image:url(../../../assets/img/social-icon-twitter.svg)}#container #social-block a.gplus{background-image:url(../../../assets/img/social-icon-gplus.svg)}#container #social-block a.line{background-image:url(../../../assets/img/social-icon-line.png)}#container #footer-block{color:#aaa;text-align:center;height:120px;font-size:.8em}#container #footer-block hr{border:none;border-top:1px solid #eee;margin-top:24px;margin-bottom:32px}#container #footer-block #img-corporate{width:140px;opacity:.8}@media screen and (min-width:600px){#container #map-block{height:500px}}@media screen and (min-width:900px){#container #map-block{height:600px}}
--------------------------------------------------------------------------------
/tko/landprices2/css/style.css.map:
--------------------------------------------------------------------------------
1 | {
2 | "version": 3,
3 | "mappings": "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",
4 | "sources": ["style.scss"],
5 | "names": [],
6 | "file": "style.css"
7 | }
8 |
--------------------------------------------------------------------------------
/tko/landprices3/embed/js/script.min.js:
--------------------------------------------------------------------------------
1 | function getRGB(t){return 3==(t=t.slice(1)).length&&(t=t.slice(0,1)+t.slice(0,1)+t.slice(1,2)+t.slice(1,2)+t.slice(2,3)+t.slice(2,3)),[t.slice(0,2),t.slice(2,4),t.slice(4,6)].map(function(t){return parseInt(t,16)})}function addCommas(t){return String(t).replace(/(\d)(?=(\d\d\d)+(?!\d))/g,"$1,")}function getRateString(t){let e=(100*t).toFixed(1)+"%";return e=t<0?''+e+"":'+'+e+""}function getAverageString(t,e){return(t/e/1e4).toFixed(1)+"万円/m²"}function rotateViewport(t){let e=deckgl.controller.props.viewState;"right"===t&&(e.bearing-=9),"left"===t&&(e.bearing+=9),"up"===t&&(e.pitch-=6),"down"===t&&(e.pitch+=6),e.pitch<0&&(e.pitch=0),e.pitch>60&&(e.pitch=60),deckgl.setProps({viewState:{longitude:e.longitude,latitude:e.latitude,zoom:e.zoom,minZoom:e.minZoom,maxZoom:e.maxZoom,pitch:e.pitch,bearing:e.bearing}})}function getElevationScale(){return"latest"===curDataType?300:20}function getMinMax(t){let e={latest:{minStation:"",maxStation:"",minValue:null,maxValue:null},past:{minStation:"",maxStation:"",minValue:null,maxValue:null}};for(let a=0;a
20 |
21 |
22 |
23 |
24 |
22 |
23 |
25 |
29 | 3D Map of Tokyo Land Prices
26 |1268 points of Tokyo official land prices, expressed in 3D map
27 |16 October 2018JAPANESE
28 |
30 |
34 |
39 |
40 |
41 |
49 |
42 |
46 |
47 |
48 |
43 |
45 | Sorry, your web browser does not support this visualization.
Pleast use browsers such as Chrome, Edge, Firefox.
50 | Show full screen 51 |
52 |
53 |
54 |
62 |
63 |
69 |
76 | This map contains 1268 points as of 1 July 2018 (as the latest price) and 2017 (for comparison). The raw data was retrieved from Ministry of Land, Infrastructure, Transport and Tourism (MLIT). Deck.gl, a WebGL framework provided by UBER was used in order to draw this 3D map. The prices are rounded off to the nearest 10 thousand yen. Colors and heights are pre-calculated based on values.
55 |Since each point is aggregated every 200 meters, one bar (hexagon) may contain multiple points. In that case, color and height are calculated based on the average price or rate of fluctuation. By tapping or mouse hovering, you can see the detailed information about the point (the nearest transportation facility and the distance, the price or the rate of fluctuation, area, current usage) will be shown. These information is also obtained from MLIT.
56 |You can select a data type (latest land prices / comparison with the last year) and points type (all / residential area / business area). In the comparison map, bar colors are red if increased from the last year and blue if decreased. The darker and the taller each bar is, the larger fluctuation the point has experienced. The targets of comparison are 1,239 points common to both years.
57 |The exposition article is here [Japanese]
58 |Download image (png)
59 |Refer to GitHub to download data and see source code and change log
60 |Creator: Kazuki OGIWARA (Toyo Keizai Online)
61 |
61 |
106 |
107 |
108 |
109 |
110 |
--------------------------------------------------------------------------------
/tko/librarians/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
62 |
63 |
64 |
65 |
66 |
64 |
65 |
67 |
74 | 全国「災害拠点病院」マップ
68 |厚生労働省の公開資料から全国の災害拠点病院731ヶ所をマッピングした
69 |2018年9月7日
70 | 掲載元記事：
71 | 来るべき災害に備える｢医療体制｣の最新事情
72 |
73 |
75 |
76 |
77 |
78 |
79 |
80 | 81 | 全画面で見る 82 |
83 |
84 |
85 |
92 |
93 |
98 |
105 | 厚生労働省が公開している2018年4月1日現在の災害拠点病院一覧から、基幹災害拠点病院61ヶ所、地域災害拠点病院670ヶ所をマッピングした。緯度経度の取得にはGoogle Geocoding APIを使った。地図表示のJavaScriptライブラリはLeafletを、地図タイルはOpenStreetMapを使った。
86 |オレンジのポイントは基幹災害拠点病院を、ブルーのポイントは地域災害拠点病院を示す。各ポイントをタップまたはマウスホバーすると、病院名や開設者などの詳細情報が表示される。
87 |画像をダウンロード（png）
88 |データをダウンロード（JSON）
89 |ソースコードおよび修正履歴はGitHubから確認できる
90 |制作：荻原 和樹（東洋経済オンライン編集部）
91 |
18 |
122 |
123 |
124 |
125 |
126 |
127 |
128 |
129 |
--------------------------------------------------------------------------------
/tko/landprices3/css/style.css:
--------------------------------------------------------------------------------
1 | @charset "UTF-8";
2 | @import url(https://fonts.googleapis.com/icon?family=Material+Icons);
3 | @font-face {
4 | font-family: 'Noto Sans Japanese';
5 | font-style: normal;
6 | font-weight: 400;
7 | font-display: swap;
8 | src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format("opentype"); }
9 | * {
10 | margin: 0;
11 | padding: 0;
12 | outline: none;
13 | box-sizing: border-box;
14 | font-family: "Helvetica Neue", "Helvetica", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, YuGothic, Arial, "Noto Sans Japanese", "メイリオ", Meiryo, sans-serif;
15 | font-weight: normal;
16 | color: #666;
17 | letter-spacing: 0.03em; }
18 |
19 | body {
20 | width: 100%;
21 | line-height: 1.8em;
22 | background-color: #fdfdfd; }
23 |
24 | #cover {
25 | position: fixed;
26 | width: 100%;
27 | height: 100%;
28 | top: 0;
29 | left: 0;
30 | background-color: white;
31 | z-index: 1000;
32 | display: none; }
33 |
34 | #container a {
35 | color: #37b;
36 | text-decoration: none; }
37 | #container #header-block, #container #title-block, #container #controls-block, #container #article-block {
38 | margin: 0 auto;
39 | width: calc(100% - 32px);
40 | max-width: 800px; }
41 | #container #header-block {
42 | width: 100%;
43 | height: 90px;
44 | padding: 8px 16px;
45 | top: 0;
46 | left: 0;
47 | text-align: center;
48 | background-color: #fdfdfd;
49 | box-shadow: none; }
50 | #container #header-block #img-logo {
51 | margin: 10px 0;
52 | height: calc(100% - 20px); }
53 | #container #title-block {
54 | margin-top: 24px;
55 | margin-bottom: 24px; }
56 | #container #title-block h1 {
57 | font-size: 1.3em;
58 | font-weight: bold;
59 | color: #333;
60 | margin-bottom: 4px; }
61 | #container #title-block p {
62 | margin-bottom: 8px; }
63 | #container #title-block .date {
64 | color: #aaa;
65 | font-size: 0.9em;
66 | position: relative; }
67 | #container #title-block .date #link-language {
68 | position: absolute;
69 | right: 0; }
70 | #container #controls-block {
71 | margin: 0 auto;
72 | margin-bottom: 12px;
73 | text-align: center; }
74 | #container #controls-block select {
75 | width: 240px;
76 | height: 26px;
77 | margin: 8px;
78 | -webkit-appearance: none;
79 | -moz-appearance: none;
80 | appearance: none;
81 | background-size: 10%;
82 | background-position: 100% 65%;
83 | background-repeat: no-repeat;
84 | background-image: url(../img/ic_keyboard_arrow_down_black_24dp_2x.png);
85 | font-size: 1em;
86 | border-radius: 0;
87 | background-color: transparent;
88 | border: none;
89 | border-bottom: 2px solid #aaa; }
90 | #container #controls-block select:hover {
91 | cursor: pointer; }
92 | #container #iframe-block {
93 | width: 100%;
94 | height: 400px;
95 | background-color: #aaa;
96 | transition: none;
97 | position: relative; }
98 | #container #iframe-block #no-support {
99 | position: absolute;
100 | width: 100%;
101 | height: 100%;
102 | top: 0;
103 | left: 0;
104 | background: no-repeat center/cover url("../img/image_1200_630.png");
105 | z-index: 100;
106 | display: none; }
107 | #container #iframe-block #no-support.show {
108 | display: block; }
109 | #container #iframe-block #no-support .cover {
110 | position: absolute;
111 | width: 100%;
112 | height: 100%;
113 | top: 0;
114 | left: 0;
115 | background-color: rgba(0, 0, 0, 0.7); }
116 | #container #iframe-block #no-support .cover p {
117 | position: absolute;
118 | top: 50%;
119 | left: 50%;
120 | transform: translate(-50%, -50%);
121 | color: rgba(255, 255, 255, 0.9);
122 | font-size: 0.9em;
123 | text-align: center; }
124 | #container #iframe-block #button-close {
125 | position: fixed;
126 | top: 8px;
127 | right: 8px;
128 | width: 48px;
129 | height: 48px;
130 | border-radius: 24px;
131 | border: 1px solid #ccc;
132 | box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
133 | background: no-repeat center/80% url("../../../assets/img/icon-close.svg");
134 | background-color: #fefefe;
135 | cursor: pointer;
136 | display: none; }
137 | #container p.fullscreen {
138 | text-align: center;
139 | margin-top: 8px;
140 | margin-bottom: 16px;
141 | font-size: 0.9em; }
142 | #container p.fullscreen a {
143 | cursor: pointer; }
144 | #container #article-block p {
145 | margin-bottom: 1em; }
146 | #container #article-block p.small {
147 | font-size: 0.9em;
148 | color: #888;
149 | margin-bottom: 0.3em; }
150 | #container #social-block {
151 | display: flex;
152 | width: fit-content;
153 | margin: 48px auto 48px auto; }
154 | #container #social-block a {
155 | display: block;
156 | width: 50px;
157 | height: 50px;
158 | border-radius: 25px;
159 | margin: 0 12px;
160 | background-size: contain;
161 | background-position: center center;
162 | background-repeat: no-repeat; }
163 | #container #social-block a.fbshare {
164 | background-image: url("../../../assets/img/social-icon-fbshare.svg"); }
165 | #container #social-block a.twitter {
166 | background-image: url("../../../assets/img/social-icon-twitter.svg"); }
167 | #container #social-block a.gplus {
168 | background-image: url("../../../assets/img/social-icon-gplus.svg");
169 | background-size: 90%; }
170 | #container #social-block a.line {
171 | background-image: url("../../../assets/img/social-icon-line.png"); }
172 | #container #footer-block {
173 | color: #aaa;
174 | text-align: center;
175 | height: 120px;
176 | font-size: 0.8em; }
177 | #container #footer-block hr {
178 | border: none;
179 | border-top: 1px solid #eee;
180 | margin-top: 24px;
181 | margin-bottom: 32px; }
182 | #container #footer-block #img-corporate {
183 | width: 140px;
184 | opacity: 0.8; }
185 |
186 | body.fullscreen {
187 | overflow-y: hidden; }
188 | body.fullscreen #container #iframe-block {
189 | z-index: 100;
190 | position: fixed;
191 | width: 100%;
192 | height: 100%;
193 | top: 0;
194 | left: 0; }
195 | body.fullscreen #container #iframe-block #button-close {
196 | display: block; }
197 |
198 | @media screen and (min-width: 600px) {
199 | #container #iframe-block {
200 | height: 500px; } }
201 | @media screen and (min-width: 900px) {
202 | #container #iframe-block {
203 | height: 600px; } }
204 |
205 | /*# sourceMappingURL=style.css.map */
206 |
--------------------------------------------------------------------------------
/tko/landprices/css/style.css:
--------------------------------------------------------------------------------
1 | @charset "UTF-8";
2 | @import url(https://fonts.googleapis.com/icon?family=Material+Icons);
3 | @font-face {
4 | font-family: 'Noto Sans Japanese';
5 | font-style: normal;
6 | font-weight: 400;
7 | font-display: swap;
8 | src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format("opentype"); }
9 | * {
10 | margin: 0;
11 | padding: 0;
12 | outline: none;
13 | box-sizing: border-box;
14 | font-family: "Helvetica Neue", "Helvetica", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, YuGothic, Arial, "Noto Sans Japanese", "メイリオ", Meiryo, sans-serif;
15 | font-weight: normal;
16 | color: #666;
17 | letter-spacing: 0.03em; }
18 |
19 | body {
20 | width: 100%;
21 | line-height: 1.8em;
22 | background-color: #fdfdfd; }
23 |
24 | #cover {
25 | position: fixed;
26 | width: 100%;
27 | height: 100%;
28 | top: 0;
29 | left: 0;
30 | background-color: white;
31 | z-index: 1000;
32 | display: none; }
33 |
34 | #container a {
35 | color: #37b;
36 | text-decoration: none; }
37 | #container #header-block, #container #title-block, #container #controls-block, #container #article-block {
38 | margin: 0 auto;
39 | width: calc(100% - 32px);
40 | max-width: 800px; }
41 | #container #header-block {
42 | width: 100%;
43 | height: 90px;
44 | padding: 8px 16px;
45 | top: 0;
46 | left: 0;
47 | text-align: center;
48 | background-color: #fdfdfd;
49 | box-shadow: none; }
50 | #container #header-block #img-logo {
51 | margin: 10px 0;
52 | height: calc(100% - 20px); }
53 | #container #title-block {
54 | margin-top: 24px;
55 | margin-bottom: 24px; }
56 | #container #title-block h1 {
57 | font-size: 1.3em;
58 | font-weight: bold;
59 | color: #333;
60 | margin-bottom: 4px; }
61 | #container #title-block p {
62 | margin-bottom: 8px; }
63 | #container #title-block .date {
64 | color: #aaa;
65 | font-size: 0.9em;
66 | position: relative; }
67 | #container #title-block .date #link-language {
68 | position: absolute;
69 | right: 0; }
70 | #container #controls-block {
71 | margin: 0 auto;
72 | margin-bottom: 12px;
73 | text-align: center; }
74 | #container #controls-block select {
75 | width: 200px;
76 | height: 28px;
77 | margin-bottom: 12px;
78 | -webkit-appearance: none;
79 | -moz-appearance: none;
80 | appearance: none;
81 | background-size: 10%;
82 | background-position: 94% 65%;
83 | background-repeat: no-repeat;
84 | background-image: url(../img/ic_keyboard_arrow_down_black_24dp_2x.png);
85 | font-size: 0.9em;
86 | padding: 4px 0 0 2px;
87 | border-radius: 0;
88 | background-color: transparent;
89 | border: none;
90 | border-bottom: 2px solid #aaa; }
91 | #container #controls-block select:hover {
92 | cursor: pointer; }
93 | #container #iframe-block {
94 | width: 100%;
95 | height: 400px;
96 | background-color: #aaa;
97 | transition: none;
98 | position: relative; }
99 | #container #iframe-block #no-support {
100 | position: absolute;
101 | width: 100%;
102 | height: 100%;
103 | top: 0;
104 | left: 0;
105 | background: no-repeat center/cover url("../img/image_1280_720.png");
106 | z-index: 100;
107 | display: none; }
108 | #container #iframe-block #no-support.show {
109 | display: block; }
110 | #container #iframe-block #no-support .cover {
111 | position: absolute;
112 | width: 100%;
113 | height: 100%;
114 | top: 0;
115 | left: 0;
116 | background-color: rgba(0, 0, 0, 0.7); }
117 | #container #iframe-block #no-support .cover p {
118 | position: absolute;
119 | top: 50%;
120 | left: 50%;
121 | transform: translate(-50%, -50%);
122 | color: rgba(255, 255, 255, 0.9);
123 | font-size: 0.9em;
124 | text-align: center; }
125 | #container #iframe-block #button-close {
126 | position: fixed;
127 | top: 8px;
128 | right: 8px;
129 | width: 48px;
130 | height: 48px;
131 | border-radius: 24px;
132 | border: 1px solid #ccc;
133 | box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
134 | background: no-repeat center/80% url("../../../assets/img/icon-close.svg");
135 | background-color: #fefefe;
136 | cursor: pointer;
137 | display: none; }
138 | #container p.fullscreen {
139 | text-align: center;
140 | margin-top: 8px;
141 | margin-bottom: 16px;
142 | font-size: 0.9em; }
143 | #container p.fullscreen a {
144 | cursor: pointer; }
145 | #container #article-block p {
146 | margin-bottom: 1em; }
147 | #container #social-block {
148 | display: flex;
149 | width: fit-content;
150 | margin: 48px auto 48px auto; }
151 | #container #social-block a {
152 | display: block;
153 | width: 50px;
154 | height: 50px;
155 | border-radius: 25px;
156 | margin: 0 16px;
157 | background-size: contain;
158 | background-position: center center;
159 | background-repeat: no-repeat; }
160 | #container #social-block a.fbshare {
161 | background-image: url("../../../assets/img/social-icon-fbshare.svg"); }
162 | #container #social-block a.twitter {
163 | background-image: url("../../../assets/img/social-icon-twitter.svg"); }
164 | #container #social-block a.gplus {
165 | background-image: url("../../../assets/img/social-icon-gplus.svg");
166 | background-size: 90%; }
167 | #container #social-block a.line {
168 | background-image: url("../../../assets/img/social-icon-line.png"); }
169 | #container #footer-block {
170 | color: #aaa;
171 | text-align: center;
172 | height: 120px;
173 | font-size: 0.8em; }
174 | #container #footer-block hr {
175 | border: none;
176 | border-top: 1px solid #eee;
177 | margin-top: 24px;
178 | margin-bottom: 32px; }
179 | #container #footer-block #img-corporate {
180 | width: 140px;
181 | opacity: 0.8; }
182 |
183 | body.fullscreen {
184 | overflow-y: hidden; }
185 | body.fullscreen #container #iframe-block {
186 | z-index: 100;
187 | position: fixed;
188 | width: 100%;
189 | height: 100%;
190 | top: 0;
191 | left: 0; }
192 | body.fullscreen #container #iframe-block #button-close {
193 | display: block; }
194 |
195 | body.en #container #controls-block select {
196 | width: 230px;
197 | background-position: 98% 150%; }
198 |
199 | @media screen and (min-width: 600px) {
200 | #container #iframe-block {
201 | height: 500px; }
202 | #container #legend {
203 | display: none; } }
204 | @media screen and (min-width: 900px) {
205 | #container #iframe-block {
206 | height: 600px; } }
207 |
208 | /*# sourceMappingURL=style.css.map */
209 |
--------------------------------------------------------------------------------
/tko/landprices3/css/style.scss:
--------------------------------------------------------------------------------
1 | @charset "UTF-8";
2 |
3 | @import url(https://fonts.googleapis.com/icon?family=Material+Icons);
4 |
5 | @font-face {
6 | font-family: 'Noto Sans Japanese';
7 | font-style: normal;
8 | font-weight: 400;
9 | font-display: swap;
10 | src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format('woff2'),
11 | url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format('woff'),
12 | url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format('opentype');
13 | }
14 |
15 |
16 | * {
17 | margin: 0;
18 | padding: 0;
19 | outline: none;
20 | box-sizing: border-box;
21 | font-family: "Helvetica Neue", "Helvetica", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, YuGothic, Arial, "Noto Sans Japanese", "メイリオ", Meiryo, sans-serif;
22 | font-weight: normal;
23 | color: #666;
24 | letter-spacing: 0.03em;
25 | }
26 |
27 | body {
28 | width: 100%;
29 | line-height: 1.8em;
30 | background-color: #fdfdfd;
31 | }
32 |
33 | #cover {
34 | position: fixed;
35 | width: 100%;
36 | height: 100%;
37 | top: 0;
38 | left: 0;
39 | background-color: rgb(255,255,255);
40 | z-index: 1000;
41 | display: none;
42 | }
43 |
44 | #container {
45 | a {
46 | color: #37b;
47 | text-decoration: none;
48 | }
49 |
50 | #header-block,#title-block,#controls-block,#article-block {
51 | margin: 0 auto;
52 | width: calc(100% - 32px);
53 | max-width: 800px;
54 | }
55 |
56 | #header-block {
57 | width: 100%;
58 | height: 90px;
59 | padding: 8px 16px;
60 | top: 0;
61 | left: 0;
62 | text-align: center;
63 | background-color: #fdfdfd;
64 | box-shadow: none;
65 |
66 | #img-logo {
67 | margin: 10px 0;
68 | height: calc(100% - 20px);
69 | }
70 | }
71 |
72 | #title-block {
73 | margin-top: 24px;
74 | margin-bottom: 24px;
75 |
76 | h1 {
77 | font-size: 1.3em;
78 | font-weight: bold;
79 | color: #333;
80 | margin-bottom: 4px;
81 | }
82 |
83 | p {
84 | margin-bottom: 8px;
85 | }
86 |
87 | .date {
88 | color: #aaa;
89 | font-size: 0.9em;
90 | position: relative;
91 |
92 | #link-language {
93 | position: absolute;
94 | right: 0;
95 | }
96 | }
97 | }
98 |
99 | #controls-block {
100 | margin: 0 auto;
101 | margin-bottom: 12px;
102 | text-align: center;
103 |
104 | select {
105 | width: 240px;
106 | height: 26px;
107 | margin: 8px;
108 | -webkit-appearance: none;
109 | -moz-appearance: none;
110 | appearance: none;
111 | background-size: 10%;
112 | background-position: 100% 65%;
113 | background-repeat: no-repeat;
114 | background-image: url(../img/ic_keyboard_arrow_down_black_24dp_2x.png);
115 | font-size: 1em;
116 | border-radius: 0;
117 | background-color: transparent;
118 | border: none;
119 | border-bottom: 2px solid #aaa;
120 |
121 | &:hover {
122 | cursor: pointer;
123 | }
124 | }
125 | }
126 |
127 | #iframe-block {
128 | width: 100%;
129 | height: 400px;
130 | background-color: #aaa;
131 | transition: none;
132 | position: relative;
133 |
134 | #no-support {
135 | position: absolute;
136 | width: 100%;
137 | height: 100%;
138 | top: 0;
139 | left: 0;
140 | background: no-repeat center/cover url('../img/image_1200_630.png');
141 | z-index: 100;
142 | display: none;
143 |
144 | &.show {
145 | display: block;
146 | }
147 |
148 | .cover {
149 | position: absolute;
150 | width: 100%;
151 | height: 100%;
152 | top: 0;
153 | left: 0;
154 | background-color: rgba(0,0,0,0.7);
155 |
156 | p {
157 | position: absolute;
158 | top: 50%;
159 | left: 50%;
160 | transform: translate(-50%, -50%);
161 | color: rgba(255,255,255,0.9);
162 | font-size: 0.9em;
163 | text-align: center;
164 | }
165 | }
166 | }
167 |
168 | #button-close {
169 | position: fixed;
170 | top: 8px;
171 | right: 8px;
172 | width: 48px;
173 | height: 48px;
174 | border-radius: 24px;
175 | border: 1px solid #ccc;
176 | box-shadow: 0 2px 6px rgba(0,0,0,0.4);
177 | background: no-repeat center/80% url('../../../assets/img/icon-close.svg');
178 | background-color: #fefefe;
179 | cursor: pointer;
180 | display: none;
181 | }
182 | }
183 |
184 | p.fullscreen {
185 | text-align: center;
186 | margin-top: 8px;
187 | margin-bottom: 16px;
188 | font-size: 0.9em;
189 |
190 | a {
191 | cursor: pointer;
192 | }
193 | }
194 |
195 | #article-block {
196 | p {
197 | margin-bottom: 1em;
198 |
199 | &.small {
200 | font-size: 0.9em;
201 | color: #888;
202 | margin-bottom: 0.3em;
203 | }
204 | }
205 | }
206 |
207 | #social-block {
208 | display: flex;
209 | width: fit-content;
210 | margin: 48px auto 48px auto;
211 |
212 | a {
213 | display: block;
214 | width: 50px;
215 | height: 50px;
216 | border-radius: 25px;
217 | margin: 0 12px;
218 |
219 | background-size: contain;
220 | background-position: center center;
221 | background-repeat: no-repeat;
222 |
223 | &.fbshare {background-image: url('../../../assets/img/social-icon-fbshare.svg');}
224 | &.twitter {background-image: url('../../../assets/img/social-icon-twitter.svg');}
225 | &.gplus {background-image: url('../../../assets/img/social-icon-gplus.svg'); background-size: 90%;}
226 | &.line {background-image: url('../../../assets/img/social-icon-line.png');}
227 | }
228 | }
229 |
230 | #footer-block {
231 | color: #aaa;
232 | text-align: center;
233 | height: 120px;
234 | font-size: 0.8em;
235 |
236 | hr {
237 | border: none;
238 | border-top: 1px solid #eee;
239 | margin-top: 24px;
240 | margin-bottom: 32px;
241 | }
242 |
243 | #img-corporate {
244 | width: 140px;
245 | opacity: 0.8;
246 | }
247 | }
248 | }
249 |
250 | // When full screen
251 | body.fullscreen {
252 | overflow-y: hidden;
253 |
254 | #container {
255 | #iframe-block {
256 | z-index: 100;
257 | position: fixed;
258 | width: 100%;
259 | height: 100%;
260 | top: 0;
261 | left: 0;
262 |
263 | #button-close {
264 | display: block;
265 | }
266 | }
267 | }
268 | }
269 |
270 |
271 | @media screen and (min-width: 600px) {
272 | #container {
273 | #iframe-block {
274 | height: 500px;
275 | }
276 | }
277 | }
278 |
279 | @media screen and (min-width: 900px) {
280 | #container {
281 | #iframe-block {
282 | height: 600px;
283 | }
284 | }
285 | }
286 |
--------------------------------------------------------------------------------
19 |
20 | 
21 |
22 |
23 |
21 |
22 |
24 |
28 | 都道府県別「図書館司書」の非正規雇用
25 |1999〜2015年（最新年）における図書館司書の非常勤比率をマップとグラフで可視化した。
26 |2019年1月26日
27 |
29 |
30 |
36 |
31 | 年
32 |
33 |
34 |
35 |
37 |
49 |
38 |
47 |
48 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
50 |
52 |
53 |
89 |
90 |
94 | 全国 - 2015年
51 || 55 | | 常勤 | 56 |兼務 | 57 |非常勤 | 58 |計 | 59 |非常勤 比率 |
60 |
|---|---|---|---|---|---|
| 男性 | 65 |66 | | 67 | | 68 | | 69 | | 70 | |
| 女性 | 73 |74 | | 75 | | 76 | | 77 | | 78 | |
| 計 | 81 |82 | | 83 | | 84 | | 85 | | 86 | |
95 |
96 |
107 |
108 |
114 |
121 | 地図内の都道府県をタップすると、その都道府県のデータがグラフ上で強調される。グラフの特定期間をタップすると、地図上の色分けがその年のデータに更新される。「グラフ画像をダウンロード」ボタンを押すと、都道府県の強調も含めてPNG形式でグラフがダウンロードできる。
97 |データは文部科学省「社会教育調査」から取得した。エクセルファイルでデータが開示されている1999年度から2015年度までをデータ化（この調査は通常3年おきだが、2015年度は1年延期された）。2003年には指定管理者制度が施行され、2011年度からは指定管理者の雇用者数がデータに加わったが、常勤・非常勤の区別がないため非正規雇用率の計算には含めていない。都道府県地図はNatural Earth提供のshpファイルをtopojsonに変換した。グラフの描画にはP5.jsを使った。
98 |図書館司書の非常勤職員は16年間で劇的に増えたことがわかる。全国の非常勤司書は1999年度の2272名から2015年度には9593名まで増加。全体の司書数は増えているものの、常勤（専任）司書が4分の1程度減少した（7345名から5410名）のに対して、非常勤は4倍超の伸びを示す。この傾向はほぼすべての都道府県で共通する。
99 |一方で地図からは、非常勤職員への「依存」度合いに地域差があることが見て取れる。たとえば青森県では2015年度の非常勤比率は4割程度にとどまるが、長崎県では8割を超える。専任司書の数はどちらの県も30名程度だが、非常勤司書数には6倍もの開きがあった。
100 |また、こうしたデータを見る中で見過ごせないのが男女差だ。男女雇用機会均等法が施行されて久しいとはいえ、日本の労働市場においていまだに女性は弱い立場に置かれがちだ。上林陽治『非正規公務員の現在 深化する格差』（日本評論社、2015年）では、公務員の正規・非正規職員における賃金格差に関して「非正規公務員の四人のうち三人は女性である。したがってこの賃金格差は、勤務形態の差異を装った男女間の間接差別ともいえる」と表現されている。
101 |実際に、図書館司書においても同様の現象が見られる。2015年度のデータを集計すると、男性の非常勤比率33％に対して女性は67％。青森・沖縄を除く45都道府県で女性の方が非常勤比率が高い。この男女差が最も顕著な香川県では、非常勤の司書92名のうち91名が女性だ。
102 |
図書館における司書の担当業務はレファレンスや蔵書の選定など幅広く、図書館制度を支える専門職であるといえる。毎年1万人近くが司書資格を取得するなど、資格としての人気も高い。このまま待遇悪化を放置することは、日本の図書館制度の根幹に影響を与えかねない。
104 |ソースコード、修正履歴はGitHubから
105 |制作：荻原 和樹（東洋経済オンライン編集部）
106 |
118 |