@import url(//rsms.me/inter/inter-ui.css);@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);.hero-top,
body,
html
{
    height: 100%;
}.hero-top
{
    position: relative;top: -60px;display: block;overflow-y: scroll;width: 100%;height: 100vh;
}@media only screen and (min-width: 767px)
{
    .hero-top
    {
        top: -103px;
    }
}.hero-main
{
    height: auto;
}.app-main,
.hero-main
{position: relative;

    width: 100%;min-height: 690px;
}.app-main
{
    z-index: 1;
}.app-main:after,
.app-main:before
{display: table;

    content: '';
}.app-main:after
{
    clear: both;
}.app-main.app-fullscreen
{
    height: 100vh;min-height: 100%;background-color: transparent;
}.app-main-inner
{position: relative;z-index: 2;overflow: hidden;

    width: 100%;height: 100%;margin: 0 auto;
}.map-graph-wrapper,
.map-label-wrapper
{position: absolute;z-index: 10;top: 0;bottom: 0;left: 50%;display: block;

    min-width: 1200px;margin-right: -50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);
}.map-label
{position: absolute;display: -webkit-inline-flex;display: -ms-inline-flexbox;display:         inline-flex;min-width: auto;height: 24px;padding: 0 5px;padding-left: 30px !important;cursor: pointer;transition: opacity .18s ease-in-out;-webkit-transform: translateZ(0);transform: translateZ(0);

    border-radius: 18px;background: #23bcba;background: -webkit-gradient(left top, right top, color-stop(0, #23bcba), color-stop(100%, #45e994));background: linear-gradient(90deg, #23bcba 0, #45e994);-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-items: center;-ms-flex-align: center;align-items: center;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#23bcba", endColorstr="#45e994", GradientType=1);
}.map-label:before
{
    position: absolute;top: 50%;left: 14px;display: block;width: 6px;height: 6px;content: '';-webkit-transform: rotate(-45deg) translateY(-50%);transform: rotate(-45deg) translateY(-50%);border-right: 2px solid #363833;border-bottom: 2px solid #363833;
}.map-label:after
{position: absolute;z-index: -1;top: 2px;left: 2px;box-sizing: content-box;

    content: '';content: '';transition: opacity .3s, -webkit-transform .2s;transition: transform .2s, opacity .3s;transition: transform .2s, opacity .3s, -webkit-transform .2s;-webkit-transform: scale(1.3);transform: scale(1.3);pointer-events: none;opacity: 0;border-radius: 18px;background: #fff;
}@media only screen and (min-width: 767px)
{
    .map-label:after
    {
        width: 142px;height: 20px;
    }
}@media only screen and (min-width: 1280px)
{
    .map-label:after
    {
        width: 201px;height: 32px;
    }
}.map-label:active,
.map-label:hover
{
    color: #fff;
}.map-label:active:after,
.map-label:hover:after
{
    -webkit-transform: scale(1)                                                ;transform: scale(1);opacity: 1;
}.map-label:active:before,
.map-label:hover:before
{border-right: 2px solid #23bcba;
    border-bottom: 2px solid #23bcba;
}.map-label:active:hover .label-name,
.map-label:active:hover .label-num span,
.map-label:hover:hover .label-name,
.map-label:hover:hover .label-num span
{
    color: #23bcba;
}.map-label *
{font-family: 'Noto Sans Japanese', YuGothic, Hiragino Kaku Gothic Pro, Meiryo, sans-serif;font-weight: 700;line-height: 1;text-transform: uppercase;

    color: #fff;
}.map-label span
{
    display: inline-block;
}.map-label .label-num,
.map-label .label-num span
{
    font-weight: 400 !important;
}.map-label .icon-people
{position: absolute;top: 50%;left: 52%;

    display: none;width: 12px;height: 16px;margin-right: 15px;-webkit-transform: translateY(-50%);transform: translateY(-50%);background-image: url('/fv/img/app/icon-people.svg');background-size: 12px 16px;
}@media only screen and (max-width: 1279px)
{
    .map-label .icon-people
    {
        display: none;
    }
}.map-label-tokyo .icon-people
{
    left: 48%;
}.map-label-hiroshima .icon-people,
.map-label-naha .icon-people,
.map-label-sapporo .icon-people
{
    left: 58%;
}@media only screen and (min-width: 767px)
{
    .map-label
    {
        min-width: 146px;height: 24px;
    }.map-graph-wrapper,
    .map-label-wrapper
    {
        display: -ms-flexbox                                                                                                                                ;display: -webkit-flex;display:         flex;-ms-flex-pack: start;-webkit-justify-content: flex-start;justify-content: flex-start;-ms-flex-align: center;-webkit-align-items: center;align-items: center;
    }.map-label *
    {
        font-size: 12px;
    }
}@media only screen and (min-width: 1280px)
{
    .map-graph-wrapper,
    .map-label-wrapper
    {
        width: 47.1875%;min-width: 47.1875%;margin: 0;
    }.map-label
    {
        width: 205px;height: 36px;padding: 0 10px;
    }.map-label *
    {
        font-size: 16px;
    }
}@media only screen and (min-width: 767px)
{
    .map-label-sapporo
    {
        top: -2px;left: 735px;
    }.map-label-sendai
    {
        top: 24%;left: calc(1200px - 38.7%);
    }.map-label-tokyo
    {
        top: 45.5%;left: calc(1200px - 40.5%);
    }.map-label-nagoya
    {
        top: 154px;left: 445px;
    }.map-label-kyoto
    {
        top: 190px;left: 405px;
    }.map-label-osaka
    {bottom: 32%;
        left: calc(1200px - 52%);
    }.map-label-hiroshima
    {
        right: calc(1200px - 53.1%);bottom: 15%;
    }.map-label-fukuoka
    {
        bottom: 10.9%;left: calc(1200px - 82.9%);
    }.map-label-naha
    {bottom: 19%;
        left: calc(1200px - 28%);
    }
}@media only screen and (min-width: 1280px)
{
    .map-label-sapporo
    {
        top: .2%;left: 74%;
    }.map-label-sendai
    {
        top: 24.2%;right: 3.5%;margin-right: calc(((1920px - 100vw) / 10) * -1);
    }.map-label-sendai,
    .map-label-tokyo
    {
        left: auto;margin-top: calc(((1920px - 100vw)/ 70) * -1);
    }.map-label-tokyo
    {
        top: 46%;right: 7.5%;margin-right: calc(((1920px - 100vw)/ 10) * -1);
    }.map-label-nagoya
    {
        top: 36.5%;left: 24%;
    }.map-label-kyoto,
    .map-label-nagoya
    {
        margin-top: calc(((1920px - 100vw)/ 70) * -1);margin-left: calc(((1920px - 100vw) / 10) * -1);
    }.map-label-kyoto
    {
        top: 45%;left: 16.8%;
    }.map-label-osaka
    {
        right: 30.8%;bottom: 33%;
    }.map-label-hiroshima,
    .map-label-osaka
    {
        left: auto;margin-right: calc(((1920px - 100vw) / 10) * -1);margin-bottom: calc(((1920px - 100vw)/ 70) * -1);
    }.map-label-hiroshima
    {
        right: 45%;bottom: 17%;
    }.map-label-fukuoka
    {
        bottom: 11.5%;left: -17.5%;margin-left: calc(((1920px - 100vw) / 10) * -1);
    }.map-label-fukuoka,
    .map-label-naha
    {
        margin-bottom: calc(((1920px - 100vw)/ 70) * -1);
    }.map-label-naha
    {
        right: -19.7%;bottom: 20%;left: auto;margin-right: calc(((1920px - 100vw) / 10) * -1);
    }
}.label-component
{position: absolute;z-index: 1;right: 0;bottom: 0;left: 0;display: block;

    height: 60px;background: #23bcba;background: -webkit-gradient(left top, right top, color-stop(0, #23bcba), color-stop(100%, #45e994));background: linear-gradient(90deg, #23bcba 0, #45e994);
}.btn-toggle-play
{position: relative;float: left;

    width: 60px;height: 60px;cursor: pointer;text-transform: uppercase;border: none;border-right: 1px solid rgba(255,255,255,.5);outline: none !important;background-color: transparent;
}.label-list-horizontal-wrap
{position: absolute;right: 0;bottom: 0;left: 60px;

    overflow: hidden;width: auto;height: 60px;margin: 0;padding: 0;
}.label-list-horizontal
{display: -webkit-flex;display: -ms-flexbox;display:         flex;

    width: auto;height: 60px;margin: 0;padding: 0;list-style: none;transition: all 2s ease-out;-webkit-transform: translateX(-500px);transform: translateX(-500px);-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-align-items: center;-ms-flex-align: center;align-items: center;
}.label-list-horizontal > li
{position: relative;

    width: auto;padding: 0 12px;cursor: pointer;
}.label-list-horizontal > li > span
{font-family: 'Noto Sans Japanese', YuGothic, Hiragino Kaku Gothic Pro, Meiryo, sans-serif;font-size: 16px;font-weight: 700;text-transform: uppercase;

    color: #fff;
}.svg-pause,
.svg-play
{position: absolute;top: 50%;left: 50%;width: 12px;height: 16px;margin: -8px 0 0 -6px;transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out;-webkit-transform: scale(1);transform: scale(1);

    fill: #fff;
}.svg-pause
{
    width: 13px;height: 13px;margin: -6.5px 0 0 -6.5px;
}.svg-pause.hidden,
.svg-play.hidden
{
    -webkit-transform: scale(0)                        ;transform: scale(0);
}@media only screen and (min-width: 767px)
{
    .label-component
    {
        display: none;
    }
}.txt-time
{font-size: 30px;

    padding-right: 20px;color: #fff;
}@media only screen and (max-width: 766px)
{
    .txt-time
    {font-size: 16px;

        padding-right: 10px;
    }
}.txt-drawer-hint
{font-family: 'Noto Sans Japanese', YuGothic, Hiragino Kaku Gothic Pro, Meiryo, sans-serif !important;
    font-size: 14px;font-weight: 400;color: rgba(255,255,255,.6);
}@media only screen and (max-width: 766px)
{
    .txt-drawer-hint
    {
        font-size: 12px;
    }
}.drawer-component
{position: absolute;z-index: -1;top: 0;bottom: 0;overflow: hidden;

    width: 100%;height: 100%;min-height: 100vh;transition: all .6s ease-in-out;opacity: 0;
}.drawer-component.open
{z-index: 90;
    left: 0;opacity: 1;
}.drawer-container
{-webkit-animation-duration: .18s                                        ;animation-duration: .18s;

    background: #000;
}.drawer-container,
.drawer-inner
{
    position: relative;width: 100%;height: 100%;
}.drawer-map-graphic-wrapper
{
    position: absolute;top: 0;left: 0;overflow: hidden;width: 100%;height: 100%;
}.drawer-map-graphic-wrapper .city-image
{
    width: 100%;height: 100%;background-repeat: no-repeat;background-position: 50%;background-size: cover;
}.drawer-map-graphic-wrapper .city-image-overlay
{
    position: absolute;z-index: 8;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.6);
}.drawer-map-graphic-wrapper .city-image-map
{
    position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: 50%;background-size: cover;
}.drawer-canvas-graph,
.drawer-canvas-shadow
{
    position: absolute;bottom: 34%;left: calc(50% - 50px);
}.drawer-main-content
{
    width: 100%;height: 100%;margin: 0 auto;
}.drawer-main-content .content-inner
{position: relative;z-index: 10;

    width: 100%;height: 100%;
}.drawer-main-content .drawer-info
{position: absolute;top: 82px;

    width: 100%;padding: 0 40px;background-color: transparent;
}.entry-content
{position: relative;

    margin: 0 0 8px;padding: 0 0 8px;border-bottom: 1px solid rgba(255,255,255,.4);
}.entry-geolocation
{
    margin-bottom: 6px;
}.entry-heading,
.entry-population
{
    display: block;
}.entry-heading .txt-drawer-heading
{
    font-size: 28px;font-weight: 400;line-height: 1;margin: 0;color: #fff;
}.entry-heading .txt-drawer-heading .txt-country-eng,
.entry-heading .txt-drawer-heading .txt-country-jp
{
    font-weight: 700;
}.entry-heading .txt-drawer-heading .txt-country-eng
{font-family: 'Noto Sans Japanese', YuGothic, Hiragino Kaku Gothic Pro, Meiryo, sans-serif !important;
    font-size: 36px;text-transform: uppercase;
}@media only screen and (max-width: 766px)
{
    .entry-heading .txt-drawer-heading .txt-country-eng
    {
        font-size: 26px;
    }
}.entry-heading .txt-drawer-heading .txt-country-jp
{
    font-size: 28px;
}@media only screen and (max-width: 766px)
{
    .entry-heading .txt-drawer-heading .txt-country-jp
    {
        font-size: 18px;
    }
}.entry-population .population-details
{
    margin-bottom: 0;
}.entry-population .population-heading
{
    margin: 0;
}.entry-population .population-heading span:first-child
{
    text-transform: capitalize;
}.entry-population .population-num
{font-family: 'Noto Sans Japanese', YuGothic, Hiragino Kaku Gothic Pro, Meiryo, sans-serif !important;font-weight: 700;

    margin: 0 0 10px;
}.entry-population .txt-population
{
    font-size: 30px;line-height: 1.4;color: #fff;
}@media only screen and (max-width: 766px)
{
    .entry-population .txt-population
    {
        font-size: 20px;
    }
}.graph-population
{
    -webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-items: center;-ms-flex-align: center;align-items: center;
}.gender-wrapper,
.graph-population
{
    display: -webkit-flex                ;display: -ms-flexbox;display:         flex;
}.gender-wrapper
{flex-direction: column;

    width: 50%;margin-top: 0;margin-bottom: 0;-webkit-flex-direction: column;-ms-flex-direction: column;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;
}.gender-wrapper.gender-female .animate-bar .animate-bar-inner,
.gender-wrapper.gender-male .animate-bar .animate-bar-inner
{position: absolute;top: 0;left: 0;display: inline-block;

    width: 0;height: 100%;transition: width .85s cubic-bezier(.95, .27, .14, .69);border-radius: 5px 0 0 5px;background: #6077ea;background: -webkit-gradient(left top, right top, color-stop(0, #6077ea), color-stop(100%, #17ead8));background: linear-gradient(90deg, #6077ea 0, #17ead8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#6077ea", endColorstr="#17ead8", GradientType=1);
}.gender-wrapper.gender-female .animate-bar .animate-bar-inner
{right: 0;
    left: auto;border-radius: 0 5px 5px 0;background: #ea6262;background: -webkit-gradient(left top, right top, color-stop(0, #ea6262), color-stop(100%, #ffa7e8));background: linear-gradient(90deg, #ea6262 0, #ffa7e8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ea6262", endColorstr="#ffa7e8", GradientType=1)
}.gender-wrapper .txt-gender
{font-family: 'Noto Sans Japanese', YuGothic, Hiragino Kaku Gothic Pro, Meiryo, sans-serif !important;
    font-size: 14px;font-weight: 700;margin: 0 0 10px;white-space: nowrap;text-transform: capitalize;color: #fff;-webkit-background-clip: text !important;-webkit-text-fill-color: transparent !important;
}.gender-wrapper.gender-male .txt-gender
{
    background: #6077ea                        ;background: -webkit-gradient(left top, right top, color-stop(0, #6077ea), color-stop(100%, #17ead8));background: linear-gradient(90deg, #6077ea 0, #17ead8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#6077ea", endColorstr="#17ead8", GradientType=1)
}.gender-wrapper.gender-female .txt-gender
{
    background: #ea6262                        ;background: -webkit-gradient(left top, right top, color-stop(0, #ea6262), color-stop(100%, #ffa7e8));background: linear-gradient(90deg, #ea6262 0, #ffa7e8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ea6262", endColorstr="#ffa7e8", GradientType=1)
}.animate-bar
{position: relative;

    width: 100%;height: 10px;margin: 0 0 .5rem;
}.foreigners-info-wrapper
{
    margin-top: 4px;
}.entry-button,
.entry-foreigners
{
    margin: 0;border-bottom: none;
}.entry-button
{
    margin-top: 18px;
}.visited-population
{font-family: 'Noto Sans Japanese', YuGothic, Hiragino Kaku Gothic Pro, Meiryo, sans-serif !important;
    font-size: 30px;font-weight: 700;margin: 0;color: #fff;
}@media only screen and (max-width: 766px)
{
    .visited-population
    {
        font-size: 20px;
    }
}.foreigners-details .txt-rank
{
    font-size: 14px;color: #fff;
}.foreigner-item
{display: -webkit-flex;display: -ms-flexbox;display:         flex;

    margin: 0 0 8px;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;
}.foreigner-item:last-child
{
    margin: 0;
}.flag
{
    display: inline-block;width: 50px;height: 36px;
}.flag .icon-flag
{
    width: 100%;
}.entry-foreigner-info
{flex-direction: column;

    width: calc(100% - 50px);margin: 0;padding: 0 0 0 20px;-webkit-flex-direction: column;-ms-flex-direction: column;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;
}.entry-foreigner-info,
.entry-foreigner-info .info
{
    display: -webkit-flex                                        ;display: -ms-flexbox;display:         flex;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;
}.entry-foreigner-info .info
{
    width: 100%;-webkit-align-items: center;-ms-flex-align: center;align-items: center;
}.entry-foreigner-info .info .country-name,
.entry-foreigner-info .info .country-population
{font-family: 'Noto Sans Japanese', YuGothic, Hiragino Kaku Gothic Pro, Meiryo, sans-serif !important;
    font-size: 14px;font-weight: 400;text-transform: capitalize;color: rgba(255,255,255,.6);
}.entry-foreigner-info .info .country-population
{font-weight: 700;

    background: #23bcba                                        ;background: -webkit-gradient(left top, right top, color-stop(0, #23bcba), color-stop(100%, #45e994));background: linear-gradient(90deg, #23bcba 0, #45e994);-webkit-background-clip: text;-webkit-text-fill-color: transparent;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#23bcba", endColorstr="#45e994", GradientType=1);
}.entry-foreigner-info .graph
{display: -webkit-inline-flex;display: -ms-inline-flexbox;display:         inline-flex;

    width: 100%;height: 10px;margin: 0;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;
}.entry-foreigner-info .graph .graph-inner
{display: inline-block;

    width: 0;height: 100%;transition: width .85s cubic-bezier(.95, .27, .14, .69);border-radius: 10px;
}.btn-close,
.entry-foreigner-info .graph .graph-inner
{
    background: #23bcba                        ;background: -webkit-gradient(left top, right top, color-stop(0, #23bcba), color-stop(100%, #45e994));background: linear-gradient(90deg, #23bcba 0, #45e994);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#23bcba", endColorstr="#45e994", GradientType=1)
}.btn-close
{font-size: 14px;font-weight: 700;position: relative;display: -webkit-flex;display: -ms-flexbox;display:         flex;

    width: 100%;height: 55px;cursor: pointer;transition: opacity .18s ease-in-out;-webkit-transform: translateZ(0);transform: translateZ(0);color: #fff;border: none;border-radius: 55px;outline: 0 !important;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;
}.btn-close:active,
.btn-close:hover
{
    opacity: .8;
}.btn-close:after
{position: absolute;top: 50%;left: 20px;width: 8px;height: 12px;margin-bottom: -50%;

    content: '';-webkit-transform: translateY(-50%);transform: translateY(-50%);background-image: url('/fv/img/app/arrow-right.svg');background-repeat: no-repeat;background-position: 50%;background-size: 8px 12px;
}.btn-close.no-shadow
{
    box-shadow: none !important;
}@media only screen and (min-width: 767px)
{
    .drawer-component
    {
        min-width: 1200px;
    }.entry-content
    {
        margin: 0 0 12px;padding: 0 0 12px;
    }.entry-content:last-child
    {
        margin: 0;padding: 0;
    }.entry-foreigners
    {
        margin: 0 0 12px;border-bottom: 1px solid rgba(255,255,255,.4);
    }.entry-button
    {
        margin-top: 30px !important;
    }.entry-foreigners .visited-details
    {display: -webkit-flex;display: -ms-flexbox;display:         flex;

        margin: 0 0 12px;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;
    }.entry-geolocation
    {
        margin-bottom: 20px;
    }.entry-heading .txt-drawer-heading
    {
        font-size: 40px;
    }
}@media only screen and (min-width: 767px) and (max-width: 766px)
{
    .entry-heading .txt-drawer-heading
    {
        font-size: 30px;
    }
}@media only screen and (min-width: 767px)
{
    .entry-population
    {
        display: -webkit-flex                                                                                                                                ;display: -ms-flexbox;display:         flex;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;
    }.entry-population .population-details
    {
        min-width: 150px;margin-bottom: 10px;-webkit-flex-grow: 0;-ms-flex-positive: 0;flex-grow: 0;
    }.entry-population .population-heading
    {
        margin: 0 0 16px;
    }.entry-population .population-num
    {
        margin: 0;
    }.drawer-inner
    {
        min-width: 1200px;margin: 0 auto;
    }.drawer-main-content
    {
        width: 1200px;
    }.drawer-main-content .content-inner
    {float: right;

        width: 54.32%;
    }.graph-population
    {
        padding: 0 0 0 30px;-webkit-flex-grow: 1;-ms-flex-positive: 1;flex-grow: 1;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;
    }.gender-wrapper
    {
        margin-bottom: 10px;
    }.gender-wrapper .txt-gender
    {
        font-size: 14px;margin: 0 0 28px;
    }.foreigners-details
    {
        display: -webkit-flex                                                                                                                                                                                ;display: -ms-flexbox;display:         flex;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;
    }.foreigners-details .txt-rank
    {font-family: 'Noto Sans Japanese', YuGothic, Hiragino Kaku Gothic Pro, Meiryo, sans-serif !important;font-weight: 400;

        width: 100%;margin: 0 0 14px;
    }.foreigner-item
    {
        width: 50%;margin: 0 0 36px;
    }.foreigner-item:last-child,
    .foreigner-item:nth-last-child(2)
    {
        margin-bottom: 16px;
    }.entry-foreigner-info
    {margin-bottom: 0;
        padding: 0 20px;
    }.btn-close
    {
        width: 200px;height: 40px;border-radius: 40px;
    }
}@media only screen and (min-width: 1280px)
{
    .drawer-component
    {
        min-width: 100%;
    }.foreigner-item,
    .foreigners-details .txt-rank
    {
        margin: 0 0 20px;
    }
}@media (-ms-high-contrast: active), (-ms-high-contrast: none)
{
    .gender-wrapper .txt-gender
    {
        color: #6077ea;background: transparent;
    }
}@media screen and (-webkit-min-device-pixel-ratio: 0)
{
    .gender-wrapper .txt-gender
    {
        height: 120%;-webkit-transform: translateY(-10%);transform: translateY(-10%);
    }
}@media (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm)
{
    .gender-wrapper .txt-gender
    {
        height: auto;-webkit-transform: none;transform: none;
    }
}@media (-ms-high-contrast: none)
{
    .gender-wrapper .txt-gender ::-ms-backdrop
    {
        background: none;-webkit-background-clip: none;-webkit-text-fill-color: none;
    }
}@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active)
{
    .gender-wrapper.gender-male .txt-gender
    {color: #23bdd8;
        background: none;
    }.gender-wrapper.gender-female .txt-gender
    {color: #f37bc1;
        background: none;
    }.entry-foreigner-info .info .country-population
    {color: #45e994;
        background: none;
    }
}.city-sapporo
{
    background-image: url('/fv/img/city/img_sapporo_sp.jpg');
}.city-map-sapporo
{
    background-image: url('/fv/img/map/city/img_map_sapporo_sp.png');
}.city-sendai
{
    background-image: url('/fv/img/city/img_sendai_sp.jpg');
}.city-map-sendai
{
    background-image: url('/fv/img/map/city/img_map_sendai_sp.png');
}.city-tokyo
{
    background-image: url('/fv/img/city/img_tokyo_sp.jpg');
}.city-map-tokyo
{
    background-image: url('/fv/img/map/city/img_map_tokyo_sp.png');
}.city-nagoya
{
    background-image: url('/fv/img/city/img_nagoya_sp.jpg');
}.city-map-nagoya
{
    background-image: url('/fv/img/map/city/img_map_nagoya_sp.png');
}.city-kyoto
{
    background-image: url('/fv/img/city/img_kyoto_sp.jpg');
}.city-map-kyoto
{
    background-image: url('/fv/img/map/city/img_map_kyoto_sp.png');
}.city-osaka
{
    background-image: url('/fv/img/city/img_osaka_sp.jpg');
}.city-map-osaka
{
    background-image: url('/fv/img/map/city/img_map_osaka_sp.png');
}.city-hiroshima
{
    background-image: url('/fv/img/city/img_hiroshima_sp.jpg');
}.city-map-hiroshima
{
    background-image: url('/fv/img/map/city/img_map_hiroshima_sp.png');
}.city-fukuoka
{
    background-image: url('/fv/img/city/img_fukuoka_sp.jpg');
}.city-map-fukuoka
{
    background-image: url('/fv/img/map/city/img_map_fukuoka_sp.png');
}.city-naha
{
    background-image: url('/fv/img/city/img_naha_sp.jpg');
}.city-map-naha
{
    background-image: url('/fv/img/map/city/img_map_naha_sp.png');
}@media only screen and (max-width: 766px) and (orientation: landscape)
{
    .drawer-component
    {
        overflow: auto;
    }.drawer-container
    {
        height: 680px;
    }
}@media only screen and (min-width: 767px)
{
    .drawer-component
    {
        height: 100%;min-height: 100vh;
    }.drawer-main-content .drawer-info
    {
        top: calc(50% + 51px);margin-bottom: -50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);
    }.drawer-map-graphic-wrapper .city-image-overlay
    {
        z-index: 0;
    }.drawer-map-graphic-wrapper .city-image-map
    {
        width: 50%;background-position: 0 0;background-size: 100% auto;
    }.city-sapporo
    {
        background-image: url('/fv/img/city/img_sapporo_pc.jpg');
    }.city-map-sapporo
    {
        background-image: url('/fv/img/map/city/img_map_sapporo_pc.png');
    }.city-sendai
    {
        background-image: url('/fv/img/city/img_sendai_pc.jpg');
    }.city-map-sendai
    {
        background-image: url('/fv/img/map/city/img_map_sendai_pc.png');
    }.city-tokyo
    {
        background-image: url('/fv/img/city/img_tokyo_pc.jpg');
    }.city-map-tokyo
    {
        background-image: url('/fv/img/map/city/img_map_tokyo_pc.png');
    }.city-nagoya
    {
        background-image: url('/fv/img/city/img_nagoya_pc.jpg');
    }.city-map-nagoya
    {
        background-image: url('/fv/img/map/city/img_map_nagoya_pc.png');
    }.city-kyoto
    {
        background-image: url('/fv/img/city/img_kyoto_pc.jpg');
    }.city-map-kyoto
    {
        background-image: url('/fv/img/map/city/img_map_kyoto_pc.png');
    }.city-osaka
    {
        background-image: url('/fv/img/city/img_osaka_pc.jpg');
    }.city-map-osaka
    {
        background-image: url('/fv/img/map/city/img_map_osaka_pc.png');
    }.city-hiroshima
    {
        background-image: url('/fv/img/city/img_hiroshima_pc.jpg');
    }.city-map-hiroshima
    {
        background-image: url('/fv/img/map/city/img_map_hiroshima_pc.png');
    }.city-fukuoka
    {
        background-image: url('/fv/img/city/img_fukuoka_pc.jpg');
    }.city-map-fukuoka
    {
        background-image: url('/fv/img/map/city/img_map_fukuoka_pc.png');
    }.city-naha
    {
        background-image: url('/fv/img/city/img_naha_pc.jpg');
    }.city-map-naha
    {
        background-image: url('/fv/img/map/city/img_map_naha_pc.png');
    }
}@media only screen and (min-width: 767px)
{
    .drawer-canvas-graph,
    .drawer-canvas-shadow
    {
        bottom: 50%;-webkit-transform: none;transform: none;
    }.drawer-map-graphic-wrapper .city-image-map.city-map-sapporo
    {top: 103px;

        width: 56%;height: calc(100% - 103px);background-position: 0 100%;background-size: 640px auto;
    }.drawer-map-graphic-wrapper .city-image-map.city-map-sendai
    {
        bottom: 0;width: 60%;background-position: left bottom;background-size: auto 800px;
    }.drawer-map-graphic-wrapper .city-image-map.city-map-tokyo
    {
        top: 0;width: 60%;background-position: left 103px;background-size: auto 680px;
    }.drawer-map-graphic-wrapper .city-image-map.city-map-nagoya
    {top: 103px;

        width: 50%;height: calc(100% - 103px);background-position: left center;background-size: 580px auto;
    }.drawer-map-graphic-wrapper .city-image-map.city-map-kyoto
    {top: 103px;

        width: 50%;height: calc(100% - 103px);background-position: left center;background-size: 640px auto;
    }.drawer-map-graphic-wrapper .city-image-map.city-map-osaka
    {top: 103px;

        width: 50%;height: calc(100% - 103px);background-position: left center;background-size: 640px auto;
    }.drawer-map-graphic-wrapper .city-image-map.city-map-fukuoka,
    .drawer-map-graphic-wrapper .city-image-map.city-map-hiroshima
    {top: 103px;

        width: 50%;height: calc(100% - 103px);background-position: 0 100%;background-size: 640px auto;
    }.drawer-map-graphic-wrapper .city-image-map.city-map-hiroshima
    {top: 103px;

        width: 50%;height: calc(100% - 103px);background-position: 0 100%;background-size: 640px auto;
    }.drawer-map-graphic-wrapper .city-image-map.city-map-hiroshima
    {top: 103px;

        width: 50%;height: calc(100% - 103px);background-position: 0 100%;background-size: 640px auto;
    }.drawer-map-graphic-wrapper .city-image-map.city-map-naha
    {top: 103px;

        width: 50%;height: calc(100% - 103px);background-position: 0 0;background-size: 640px auto;
    }.drawer-canvas-sapporo,
    .drawer-canvas-sapporo-shadow
    {
        bottom: 290px;left: 150px;
    }.drawer-canvas-sendai,
    .drawer-canvas-sendai-shadow
    {
        bottom: 267px;left: 312px;
    }.drawer-canvas-tokyo,
    .drawer-canvas-tokyo-shadow
    {
        top: -2085px;left: 280px;
    }.drawer-canvas-nagoya,
    .drawer-canvas-nagoya-shadow
    {left: 200px;

        margin-bottom: -120px;
    }.drawer-canvas-kyoto,
    .drawer-canvas-kyoto-shadow
    {left: 230px;

        margin-bottom: -144px;
    }.drawer-canvas-osaka,
    .drawer-canvas-osaka-shadow
    {left: 206px;

        margin-bottom: -135px;
    }.drawer-canvas-hiroshima,
    .drawer-canvas-hiroshima-shadow
    {
        bottom: 294px;left: 228px;
    }.drawer-canvas-fukuoka,
    .drawer-canvas-fukuoka-shadow
    {
        bottom: 355px;left: 228px;
    }.drawer-canvas-naha,
    .drawer-canvas-naha-shadow
    {
        top: -2152px;left: 228px;
    }
}@media only screen and (min-width: 1200px)
{
    .drawer-map-graphic-wrapper .city-image-map.city-map-sapporo
    {top: 103px;

        width: 56%;height: calc(100% - 103px);background-position: 0 100%;background-size: 710px auto;
    }.drawer-map-graphic-wrapper .city-image-map.city-map-sendai
    {bottom: 0;

        width: 60%;background-position: left bottom;background-size: auto 800px;
    }.drawer-map-graphic-wrapper .city-image-map.city-map-tokyo
    {
        top: 0;width: 60%;background-position: left 103px;background-size: auto 680px;
    }.drawer-map-graphic-wrapper .city-image-map.city-map-nagoya
    {top: 103px;

        width: 50%;height: calc(100% - 103px);background-position: left center;background-size: 580px auto;
    }.drawer-map-graphic-wrapper .city-image-map.city-map-kyoto,
    .drawer-map-graphic-wrapper .city-image-map.city-map-osaka
    {top: 103px;

        width: 50%;height: calc(100% - 103px);background-position: left center;background-size: 640px auto;
    }.drawer-map-graphic-wrapper .city-image-map.city-map-fukuoka,
    .drawer-map-graphic-wrapper .city-image-map.city-map-hiroshima
    {top: 103px;

        width: 50%;height: calc(100% - 103px);background-position: 0 100%;background-size: 640px auto;
    }.drawer-map-graphic-wrapper .city-image-map.city-map-naha
    {top: 103px;

        width: 50%;height: calc(100% - 103px);background-position: 0 0;background-size: 640px auto;
    }.drawer-canvas-sapporo,
    .drawer-canvas-sapporo-shadow
    {
        bottom: 316px;left: 173px;
    }.drawer-canvas-sendai,
    .drawer-canvas-sendai-shadow
    {
        bottom: 267px;left: 312px;
    }.drawer-canvas-tokyo,
    .drawer-canvas-tokyo-shadow
    {
        top: -2084px;left: 280px;
    }.drawer-canvas-nagoya,
    .drawer-canvas-nagoya-shadow
    {left: 200px;

        margin-bottom: -120px;
    }.drawer-canvas-kyoto,
    .drawer-canvas-kyoto-shadow
    {left: 230px;

        margin-bottom: -144px;
    }.drawer-canvas-osaka,
    .drawer-canvas-osaka-shadow
    {left: 206px;

        margin-bottom: -135px;
    }.drawer-canvas-hiroshima,
    .drawer-canvas-hiroshima-shadow
    {
        bottom: 294px;left: 228px;
    }.drawer-canvas-fukuoka,
    .drawer-canvas-fukuoka-shadow
    {
        bottom: 355px;left: 228px;
    }.drawer-canvas-naha,
    .drawer-canvas-naha-shadow
    {
        top: -2152px;left: 228px;
    }
}@media only screen and (min-width: 1600px)
{
    .drawer-map-graphic-wrapper .city-image-map.city-map-sapporo
    {top: 103px;

        width: 56%;height: calc(100% - 103px);background-position: 0 100%;background-size: 700px auto;
    }.drawer-map-graphic-wrapper .city-image-map.city-map-sendai
    {
        bottom: 0;width: 960px;background-position: left bottom;background-size: cover;
    }.drawer-map-graphic-wrapper .city-image-map.city-map-tokyo
    {top: 103px;

        width: 60%;height: calc(100% - 103px);background-position: 0 0;background-size: auto 800px;
    }.drawer-map-graphic-wrapper .city-image-map.city-map-nagoya
    {top: 103px;

        width: 50%;height: calc(100% - 103px);background-position: left center;background-size: 800px auto;
    }.drawer-map-graphic-wrapper .city-image-map.city-map-kyoto,
    .drawer-map-graphic-wrapper .city-image-map.city-map-osaka
    {top: 103px;

        width: 50%;height: calc(100% - 103px);background-position: left center;background-size: 850px auto;
    }.drawer-map-graphic-wrapper .city-image-map.city-map-fukuoka,
    .drawer-map-graphic-wrapper .city-image-map.city-map-hiroshima
    {top: 103px;

        width: 50%;height: calc(100% - 103px);background-position: 0 100%;background-size: 850px auto;
    }.drawer-map-graphic-wrapper .city-image-map.city-map-naha
    {top: 103px;

        width: 50%;height: calc(100% - 103px);background-position: 0 0;background-size: 850px auto;
    }.drawer-canvas-sapporo,
    .drawer-canvas-sapporo-shadow
    {
        bottom: 316px;left: 173px;
    }.drawer-canvas-sendai,
    .drawer-canvas-sendai-shadow
    {
        bottom: 298px;left: 344px;
    }.drawer-canvas-tokyo,
    .drawer-canvas-tokyo-shadow
    {
        top: -1996px;left: 340px;
    }.drawer-canvas-nagoya,
    .drawer-canvas-nagoya-shadow
    {left: 294px;

        margin-bottom: -132px;
    }.drawer-canvas-kyoto,
    .drawer-canvas-kyoto-shadow
    {left: 322px;

        margin-bottom: -144px;
    }.drawer-canvas-osaka,
    .drawer-canvas-osaka-shadow
    {left: 284px;

        margin-bottom: -152px;
    }.drawer-canvas-hiroshima,
    .drawer-canvas-hiroshima-shadow
    {
        bottom: 400px;left: 320px;
    }.drawer-canvas-fukuoka,
    .drawer-canvas-fukuoka-shadow
    {
        bottom: 468px;left: 320px;
    }.drawer-canvas-naha,
    .drawer-canvas-naha-shadow
    {
        top: -2040px;left: 314px;
    }
}@media only screen and (min-width: 1920px)
{
    .drawer-map-graphic-wrapper .city-image-map.city-map-sapporo
    {top: 103px;

        width: 1080px;height: calc(100% - 103px);background-position: 0 100%;background-size: 1080px auto;
    }.drawer-map-graphic-wrapper .city-image-map.city-map-tokyo
    {
        top: 0;width: 1080px;height: calc(100%);background-position: 0 0;background-size: cover;
    }.drawer-map-graphic-wrapper .city-image-map.city-map-sendai
    {
        bottom: 0;width: 1080px;background-position: left bottom;background-size: cover;
    }.drawer-map-graphic-wrapper .city-image-map.city-map-fukuoka,
    .drawer-map-graphic-wrapper .city-image-map.city-map-hiroshima,
    .drawer-map-graphic-wrapper .city-image-map.city-map-naha
    {top: 103px;

        width: 1080px;height: calc(100% - 103px);background-position: 0 0;
    }.drawer-map-graphic-wrapper .city-image-map.city-map-fukuoka,
    .drawer-map-graphic-wrapper .city-image-map.city-map-hiroshima,
    .drawer-map-graphic-wrapper .city-image-map.city-map-kyoto,
    .drawer-map-graphic-wrapper .city-image-map.city-map-nagoya,
    .drawer-map-graphic-wrapper .city-image-map.city-map-naha,
    .drawer-map-graphic-wrapper .city-image-map.city-map-osaka
    {
        background-size: 1080px auto;
    }.drawer-canvas-sapporo,
    .drawer-canvas-sapporo-shadow
    {
        bottom: 490px;left: 288px;
    }.drawer-canvas-tokyo,
    .drawer-canvas-tokyo-shadow
    {
        top: -1992px !important;left: 424px !important;
    }.drawer-canvas-sendai,
    .drawer-canvas-sendai-shadow
    {
        bottom: 334px;left: 389px;
    }.drawer-canvas-nagoya,
    .drawer-canvas-nagoya-shadow
    {left: 416px;

        margin-bottom: -156px;
    }.drawer-canvas-kyoto,
    .drawer-canvas-kyoto-shadow
    {left: 426px;

        margin-bottom: -190px;
    }.drawer-canvas-osaka,
    .drawer-canvas-osaka-shadow
    {left: 380px;

        margin-bottom: -178px;
    }.drawer-canvas-hiroshima,
    .drawer-canvas-hiroshima-shadow
    {
        top: -2026px;left: 420px;
    }.drawer-canvas-fukuoka,
    .drawer-canvas-fukuoka-shadow
    {
        top: -2108px;left: 420px;
    }.drawer-canvas-naha,
    .drawer-canvas-naha-shadow
    {
        top: -1912px;left: 417px;
    }
}.media-player-wrapper
{display: block;overflow: hidden;

    width: 100%;
}.media-player-inner
{
    position: absolute;top: 0;right: 0;bottom: 0;left: 0;overflow: hidden;
}.media-player-inner video.player
{position: absolute;top: -80px;left: -820px;

    width: auto !important;height: 122%;
}@media only screen and (max-width: 766px) and (orientation: landscape)
{
    .media-player-inner video.player
    {top: 0;

        width: 100% !important;height: auto !important;
    }
}@media only screen and (min-width: 767px)
{
    .media-player-inner
    {top: calc(50% + 30px);overflow: hidden;

        height: 38vh;min-height: 266px;margin-bottom: -50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);
    }.media-player-inner video
    {
        width: 100% !important;height: auto !important;-webkit-transform: translateY(-21.5%);transform: translateY(-21.5%);
    }.media-player-inner video.player
    {top: 0;left: auto;

        width: 100% !important;height: auto;
    }
}.mc-component
{
    position: absolute;z-index: 2;right: 25px;bottom: 45px;left: 25px;display: none;
}.mc-component .mc-bar-container
{width: 100%;
    max-width: 780px;margin: 0 auto;
}.mc-component .mc-bar-container .mc-range-wrapper
{position: relative;

    width: 100%;padding: 0 50px;
}.range-label
{position: absolute;bottom: 0;left: 0;

    width: 100%;margin: 0;padding: 0;list-style: none;
}.range-label > li
{font-family: 'Noto Sans Japanese', YuGothic, Hiragino Kaku Gothic Pro, Meiryo, sans-serif;
    font-size: 14px;font-weight: 400;float: left;text-align: center;color: #000;
}.range-label > li.active
{
    color: #50bcb4;
}.range-wrapper
{
    position: relative;height: 60px;margin: 0 -12.5px;
}.range-background
{
    position: absolute;z-index: 1;bottom: calc(50% - 3px);width: 100%;height: 4px;border-radius: 0;background: #cecece;
}.range-animate
{
    position: absolute;z-index: 5;bottom: 50%;left: 0;height: 4px;margin: 0 0 -3px;background-color: #328d86;
}.range-checkpoint
{position: absolute;z-index: 6;top: calc(50% - 4px);left: -4px;

    display: block;width: calc(100% + 4px);
}.range-checkpoint .checkpoint
{position: absolute;top: 2px;left: 0;

    width: 6px;height: 6px;border-radius: 6px;background-color: #363833;
}.range-checkpoint .checkpoint.active
{
    background-color: #50bcb4;
}.btn-pause-picker
{position: absolute;z-index: 10;z-index: 15;top: calc(50% + 1px);left: 0;

    width: 18px;height: 18px;cursor: pointer;-webkit-transform: translateY(-50%);transform: translateY(-50%);border: 1px solid #50bcb4;border-radius: 18px;background-color: #fff;
}.btn-pause-picker:after
{position: absolute;top: 50%;left: 50%;width: 4px;height: 8px;margin-right: -50%;margin-bottom: -50%;

    content: '';-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);background-image: url('/fv/img/app/icon_pause.svg');background-position: 50%;background-size: 100%;
}@media only screen and (min-width: 767px)
{
    .mc-component
    {
        display: block;
    }
}.range-time-slider-wrapper
{position: absolute;z-index: 12;top: calc(50% + 4px);left: -11.25px;

    width: calc(100% + 22.5px);margin-bottom: -50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);
}.range-time-slider
{
    width: 100%;
}[type=range]
{font: inherit;min-height: 3.5em;margin: 0;padding: 0;cursor: pointer;outline: 0 !important;background: transparent !important;

    -webkit-flex: 1;-ms-flex: 1;flex: 1 1 0;
}[type=range],
[type=range]::-webkit-slider-thumb
{
    -webkit-appearance: none;
}[type=range]::-webkit-slider-runnable-track
{
    box-sizing: border-box;width: 12.5em;height: .25em;color: transparent !important;border: none;border-color: transparent !important;background: transparent !important;
}[type=range]::-moz-range-track
{
    box-sizing: border-box;width: 12.5em;height: .25em;color: transparent !important;border: none;border-color: transparent !important;background: transparent !important;
}[type=range]::-webkit-slider-thumb
{box-sizing: border-box;width: 25px;height: 25px;
    margin-top: -.625em;border: none;border-radius: 50%;background: transparent;
}[type=range]::-moz-range-thumb
{
    box-sizing: border-box;width: 25px;height: 25px;border: none;border-radius: 50%;background: transparent;
}[type=range]::-ms-track
{
    box-sizing: border-box;width: 12.5em;height: .25em;color: transparent !important;border: none;border-color: transparent !important;background: transparent !important;
}[type=range] ~ output
{
    display: none;
}[type=range]::-ms-thumb
{box-sizing: border-box;width: 25px;height: 25px;
    margin-top: 0;border: none;border-radius: 50%;background: transparent;
}[type=range]::-ms-tooltip
{
    display: none;
}[type=range]:focus::-ms-fill-lower,
[type=range]:focus::-ms-fill-upper
{
    background: transparent !important;
}[type=range]::-ms-fill-lower,
[type=range]::-ms-fill-upper
{
    background: transparent !important;
}.map-component
{
    position: absolute;top: calc(55% + 30px);right: 0;left: 0;margin-bottom: -50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);
}.map-component .map-component-inner
{
    position: relative;
}.map-component .map-image-wrapper
{width: 100%;
    max-width: 375px;margin: 0 auto;
}.map-component .map-image
{
    width: 100%;
}.map-component .map-image.mobile
{
    display: block;
}.map-component .map-image.desktop
{
    display: none;
}@media only screen and (min-width: 767px)
{
    .map-component
    {
        top: calc(50% + 25px);margin-bottom: calc(-50% + 43px);-webkit-transform: translateY(-50%);transform: translateY(-50%);
    }.map-component .map-image-wrapper
    {
        width: 100%;max-width: 100%;
    }.map-component .map-image
    {
        max-width: 47.1875%;margin: 0 auto;
    }.map-component .map-image.mobile
    {
        display: none;
    }.map-component .map-image.desktop
    {
        display: block;
    }
}.map-title-wrapper
{
    position: absolute;z-index: 10;top: -40.2%;left: 10.3125%;margin-bottom: 70.2%;
}.map-title-wrapper .heading-title
{font-size: 24px;line-height: 2;white-space: nowrap;letter-spacing: 7.2px;

    color: #fff;
}.map-clock-wrapper
{
    position: absolute;z-index: 10;top: 22%;left: 10.3125%;margin-bottom: -20%;
}.map-clock-wrapper span
{font-size: 50px;line-height: 1;white-space: nowrap;

    color: #fff;
}.map-clock-wrapper .txt-daylight,
.map-clock-wrapper .txt-timer
{font-family: 'Noto Sans Japanese', YuGothic, Hiragino Kaku Gothic Pro, Meiryo, sans-serif;
    font-weight: 400;
}.map-clock-wrapper .txt-daylight
{
    font-size: 26px;
}@media only screen and (max-width: 766px) and (orientation: landscape)
{
    .map-title-wrapper
    {
        top: 0;margin-bottom: 0;
    }.map-title-wrapper .heading-title
    {font-size: 20px;line-height: 1.6;

        letter-spacing: 7.2px;
    }.map-clock-wrapper
    {
        top: 42%;
    }.map-clock-wrapper span
    {
        font-size: 40px;
    }.map-clock-wrapper .txt-daylight
    {
        font-size: 22px;
    }
}@media only screen and (min-width: 767px)
{
    .map-title-wrapper
    {
        top: 50%;left: 50px;margin-bottom: -50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);
    }.map-title-wrapper .heading-title
    {
        font-size: 24px;
    }.map-clock-wrapper
    {position: absolute;
        top: 50%;right: 50px;left: auto;margin-bottom: -50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);
    }.map-clock-wrapper span
    {
        font-size: 50px;color: #fff;
    }.map-clock-wrapper .txt-daylight
    {
        font-size: 26px;
    }
}@media only screen and (min-width: 1600px)
{
    .map-title-wrapper .heading-title
    {
        font-size: 36px;
    }.map-clock-wrapper span
    {
        font-size: 75px;
    }.map-clock-wrapper .txt-daylight
    {
        font-size: 39px;
    }
}.canvas-graph,
.canvas-graph-shadow
{
    position: absolute;bottom: 0;
}.canvas-graph-shadow
{
    opacity: .4;
}.canvas-wrapper
{position: absolute;display: -webkit-inline-flex;display: -ms-inline-flexbox;display:         inline-flex;

    width: 60px;margin-top: calc(((1280px - 100vw)/ 70) * -1);margin-right: calc(((1280px - 100vw) / 10) * -1);-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-items: center;-ms-flex-align: center;align-items: center;
}.canvas-inner
{position: relative;

    width: 100%;height: 100%;
}.canvas-sapporo
{
    bottom: 87%;left: 54.55%;
}.canvas-sendai
{
    bottom: 63%;left: 54.35%;
}.canvas-tokyo
{
    bottom: 47%;left: 52.85%;
}.canvas-nagoya
{
    bottom: 44%;left: 48.45%;
}.canvas-kyoto
{z-index: 10;
    bottom: 41%;left: 46.8%;
}.canvas-osaka
{
    bottom: 39%;left: 45.85%;
}.canvas-hiroshima
{
    bottom: 37%;left: 40.76%;
}.canvas-fukuoka
{
    bottom: 30.5%;left: 37.1%;
}.canvas-naha
{
    bottom: 25.5%;left: 61.8%;
}@media only screen and (min-width: 767px)
{
    .canvas-wrapper
    {margin-top: calc(((1280px - 100vw)/ 70) * -1);
        margin-right: calc(((1280px - 100vw) / 10) * -1);
    }.canvas-sapporo
    {
        bottom: 87%;left: 57.7%;
    }.canvas-sendai
    {
        bottom: 63%;left: 57.55%;
    }.canvas-tokyo
    {
        bottom: 47%;left: 55.1%;
    }.canvas-nagoya
    {
        bottom: 44%;left: 48.4%;
    }.canvas-kyoto
    {z-index: 10;
        bottom: 41%;left: 45.8%;
    }.canvas-osaka
    {
        bottom: 39%;left: 44.65%;
    }.canvas-hiroshima
    {
        bottom: 37%;left: 36.76%;
    }.canvas-fukuoka
    {
        bottom: 30.5%;left: 31.2%;
    }.canvas-naha
    {
        bottom: 25.5%;left: 68.5%;
    }
}@media only screen and (min-width: 960px)
{
    .canvas-wrapper
    {margin-top: calc(((1440px - 100vw)/ 70) * -1);
        margin-right: calc(((1440px - 100vw) / 10) * -1);
    }.canvas-sapporo
    {
        bottom: 88%;left: 56.53%;
    }.canvas-sendai
    {
        bottom: 64%;left: 56.7%;
    }.canvas-tokyo
    {
        bottom: 47%;left: 54.3%;
    }.canvas-nagoya
    {
        bottom: 44%;left: 47.65%;
    }.canvas-kyoto
    {z-index: 10;
        bottom: 41%;left: 44.95%;
    }.canvas-osaka
    {
        bottom: 39%;left: 43.95%;
    }.canvas-hiroshima
    {
        bottom: 38%;left: 35.85%;
    }.canvas-fukuoka
    {
        bottom: 30.5%;left: 30.35%;
    }.canvas-naha
    {
        bottom: 25.5%;left: 67.75%;
    }
}@media only screen and (min-width: 1280px)
{
    .canvas-wrapper
    {margin-top: calc(((1600px - 100vw)/ 70) * -1);
        margin-right: calc(((1600px - 100vw) / 10) * -1);
    }.canvas-sapporo
    {
        bottom: 88%;left: 64.5%;
    }.canvas-sendai
    {
        bottom: 64%;left: 64.6%;
    }.canvas-tokyo
    {
        bottom: 47%;left: 59.5%;
    }.canvas-nagoya
    {
        bottom: 44%;left: 45.3%;
    }.canvas-kyoto
    {
        bottom: 41%;left: 39.65%;
    }.canvas-osaka
    {
        bottom: 39%;left: 37.5%;
    }.canvas-hiroshima
    {
        bottom: 38%;left: 20.3%;
    }.canvas-fukuoka
    {
        bottom: 30.5%;left: 8.75%;
    }.canvas-naha
    {
        bottom: 25.5%;left: 88%;
    }
}@media only screen and (min-width: 1600px)
{
    .canvas-wrapper
    {margin-top: calc(((1920px - 100vw)/ 70) * -1);
        margin-right: calc(((1920px - 100vw) / 10) * -1);
    }.canvas-sapporo
    {
        bottom: 88%;left: 65.8%;
    }.canvas-sendai
    {
        bottom: 64%;left: 66.1%;
    }.canvas-tokyo
    {
        bottom: 47%;left: 61%;
    }.canvas-nagoya
    {
        bottom: 44%;left: 46.9%;
    }.canvas-kyoto
    {
        bottom: 41%;left: 41.25%;
    }.canvas-osaka
    {
        bottom: 39%;left: 39.2%;
    }.canvas-hiroshima
    {
        bottom: 38%;left: 21.85%;
    }.canvas-fukuoka
    {
        bottom: 30.5%;left: 10.35%;
    }.canvas-naha
    {
        bottom: 25.5%;left: 89.5%;
    }
}.font-normal
{
    font-weight: 400 !important;
}.font-bold
{
    font-weight: 700 !important;
}.font-inter-ui
{
    font-family: 'Noto Sans Japanese', YuGothic, Hiragino Kaku Gothic Pro, Meiryo, sans-serif !important;
}@media only screen and (min-width: 767px)
{
    body.fixed-update
    {
        min-height: 720px !important;
    }.app-main.fixed-update
    {
        height: 720px !important;
    }.drawer-component.fixed-update
    {
        overflow: auto;
    }
}@-webkit-keyframes fadeOut
{
    from
    {opacity: 1;

        filter: alpha(opacity=100);
    }to
    {opacity: 0;

        filter: alpha(opacity=0);
    }
}@keyframes fadeOut
{
    from
    {opacity: 1;

        filter: alpha(opacity=100);
    }to
    {opacity: 0;

        filter: alpha(opacity=0);
    }
}.fadeOut
{
    -webkit-animation-name: fadeOut                        ;animation-name: fadeOut;
}@-webkit-keyframes fadeIn
{
    from
    {opacity: 0;

        filter: alpha(opacity=0);
    }to
    {opacity: 1;

        filter: alpha(opacity=100);
    }
}@keyframes fadeIn
{
    from
    {opacity: 0;

        filter: alpha(opacity=0);
    }to
    {opacity: 1;

        filter: alpha(opacity=100);
    }
}.fadeIn
{
    -webkit-animation-name: fadeIn                        ;animation-name: fadeIn;
}.animated
{
    -webkit-animation-duration: .6s                                                                        ;animation-duration: .6s;-webkit-animation-fill-mode: both;animation-fill-mode: both;
}.animated.flash
{
    -webkit-animation-duration: 0s                        ;animation-duration: 0s;
}.opacity-none
{visibility: hidden;opacity: 1;

    filter: alpha(opacity=100);
}