/*! swc.nict.go.jp - version 3.7.13 */
html {
    overflow-y: scroll
}

body {
    margin: 0;
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Arial, sans-serif;
    background-color: #fff;
    color: #000
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
dl,
table,
pre,
nav {
    margin-top: 0;
    padding: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

a {
    text-decoration: none;
    border: 0;
    outline: 0;
    color: #006cc0
}

a:hover {
    text-decoration: underline
}

img {
    vertical-align: middle;
    border: 0
}

em {
    font-style: normal;
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

input {
    margin: 0
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.l-container {
    width: 1020px;
    position: relative;
    background-color: #fff
}

@media screen and (min-width: 1021px) {
    .l-container {
        width: 100%
    }
}

.l-container-home .l-section {
    position: relative
}

.l-container-bg {
    overflow-x: hidden
}

.l-hero {
    background: url(../img/common/home_bg.png) 0px -168px no-repeat #000;
    background-size: 100%;
    position: relative;
    overflow: hidden
}

.l-hero::before {
    display: block;
    content: "";
    width: 100%;
    height: 1000px;
    position: absolute;
    top: 300px;
    left: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(20%, black), to(black));
    background-image: linear-gradient(transparent 0%, black 20%, black 100%)
}

.l-header {
    width: 1000px;
    margin: 0 auto
}

@media screen and (min-width: 1121px) {
    .l-header {
        max-width: 1000px
    }
}

.l-header.l-header-desktop-viewer {
    width: auto;
    max-width: none
}

.l-content {
    width: 912px;
    margin: 0 auto
}

@media screen and (min-width: 1121px) {
    .l-content {
        max-width: 912px
    }
}

.l-main,
.l-main-link {
    padding-top: 30px;
    padding-bottom: 140px;
    position: relative
}

.l-main::after,
.l-main-link::after {
    clear: both;
    content: " ";
    display: block
}

.l-main-home {
    padding-top: 0
}

.l-section {
    padding-top: 40px
}

.l-section-bg {
    background: #eaf2f8;
    margin-right: -50vw;
    margin-left: -50vw;
    padding: 30px 50vw
}

.l-section-bg .l-block {
    padding-top: 0
}

.l-section-link-home,
.l-section-link {
    position: relative
}

.l-section-home,
.l-section-forecast {
    padding-top: 0;
    margin-top: 40px
}

.l-section-border {
    padding-bottom: 40px;
    border-bottom: 1px solid #ccc
}

.l-section-dotted {
    border-bottom: 1px dotted #ccc
}

.l-box {
    padding: 20px
}

.l-box-border {
    border: 5px solid #eaf2f8
}

.l-box-bg {
    background-color: #eaf2f8
}

.l-box-sun {
    background-color: #000
}

.l-block {
    padding-top: 20px
}

.l-block-topics {
    margin-top: -10px;
    padding-top: 0;
    padding-bottom: 10px
}

.l-block-border {
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc
}

.l-block-dotted {
    border-bottom: 1px dotted #ccc
}

.l-block-center {
    text-align: center;
    font-size: 0
}

.l-block-center.is-none {
    display: none
}

.l-block-right {
    text-align: right;
    font-size: 0
}

.l-block-pb {
    padding-top: 0;
    padding-bottom: 20px
}

.l-sidebar {
    padding: 16px 16px 24px;
    border: 4px solid #eaf2f8;
    margin-bottom: 20px
}

.l-sns-tw {
    padding-top: 48px
}

.l-grid {
    margin-left: -8px;
    margin-right: -8px
}

.l-grid::after {
    clear: both;
    content: " ";
    display: block
}

.l-grid .l-grid-1of12 {
    width: 8.3333333333%;
    float: left;
    padding-left: 8px;
    padding-right: 8px
}

.l-grid .l-grid-offset-1of12 {
    margin-left: 8.3333333333%
}

.l-grid .l-grid-2of12 {
    width: 16.6666666667%;
    float: left;
    padding-left: 8px;
    padding-right: 8px
}

.l-grid .l-grid-offset-2of12 {
    margin-left: 16.6666666667%
}

.l-grid .l-grid-3of12 {
    width: 25%;
    float: left;
    padding-left: 8px;
    padding-right: 8px
}

.l-grid .l-grid-offset-3of12 {
    margin-left: 25%
}

.l-grid .l-grid-4of12 {
    width: 33.3333333333%;
    float: left;
    padding-left: 8px;
    padding-right: 8px
}

.l-grid .l-grid-offset-4of12 {
    margin-left: 33.3333333333%
}

.l-grid .l-grid-5of12 {
    width: 41.6666666667%;
    float: left;
    padding-left: 8px;
    padding-right: 8px
}

.l-grid .l-grid-offset-5of12 {
    margin-left: 41.6666666667%
}

.l-grid .l-grid-6of12 {
    width: 50%;
    float: left;
    padding-left: 8px;
    padding-right: 8px
}

.l-grid .l-grid-offset-6of12 {
    margin-left: 50%
}

.l-grid .l-grid-7of12 {
    width: 58.3333333333%;
    float: left;
    padding-left: 8px;
    padding-right: 8px
}

.l-grid .l-grid-offset-7of12 {
    margin-left: 58.3333333333%
}

.l-grid .l-grid-8of12 {
    width: 66.6666666667%;
    float: left;
    padding-left: 8px;
    padding-right: 8px
}

.l-grid .l-grid-offset-8of12 {
    margin-left: 66.6666666667%
}

.l-grid .l-grid-9of12 {
    width: 75%;
    float: left;
    padding-left: 8px;
    padding-right: 8px
}

.l-grid .l-grid-offset-9of12 {
    margin-left: 75%
}

.l-grid .l-grid-10of12 {
    width: 83.3333333333%;
    float: left;
    padding-left: 8px;
    padding-right: 8px
}

.l-grid .l-grid-offset-10of12 {
    margin-left: 83.3333333333%
}

.l-grid .l-grid-11of12 {
    width: 91.6666666667%;
    float: left;
    padding-left: 8px;
    padding-right: 8px
}

.l-grid .l-grid-offset-11of12 {
    margin-left: 91.6666666667%
}

.l-grid .l-grid-12of12 {
    width: 100%;
    float: left;
    padding-left: 8px;
    padding-right: 8px
}

.l-grid .l-grid-offset-12of12 {
    margin-left: 100%
}

.l-grid--narrow {
    margin-left: -4px;
    margin-right: -4px
}

.l-grid--narrow::after {
    clear: both;
    content: " ";
    display: block
}

.l-grid--narrow .l-grid-1of12 {
    width: 8.3333333333%;
    float: left;
    padding-left: 4px;
    padding-right: 4px
}

.l-grid--narrow .l-grid-offset-1of12 {
    margin-left: 8.3333333333%
}

.l-grid--narrow .l-grid-2of12 {
    width: 16.6666666667%;
    float: left;
    padding-left: 4px;
    padding-right: 4px
}

.l-grid--narrow .l-grid-offset-2of12 {
    margin-left: 16.6666666667%
}

.l-grid--narrow .l-grid-3of12 {
    width: 25%;
    float: left;
    padding-left: 4px;
    padding-right: 4px
}

.l-grid--narrow .l-grid-offset-3of12 {
    margin-left: 25%
}

.l-grid--narrow .l-grid-4of12 {
    width: 33.3333333333%;
    float: left;
    padding-left: 4px;
    padding-right: 4px
}

.l-grid--narrow .l-grid-offset-4of12 {
    margin-left: 33.3333333333%
}

.l-grid--narrow .l-grid-5of12 {
    width: 41.6666666667%;
    float: left;
    padding-left: 4px;
    padding-right: 4px
}

.l-grid--narrow .l-grid-offset-5of12 {
    margin-left: 41.6666666667%
}

.l-grid--narrow .l-grid-6of12 {
    width: 50%;
    float: left;
    padding-left: 4px;
    padding-right: 4px
}

.l-grid--narrow .l-grid-offset-6of12 {
    margin-left: 50%
}

.l-grid--narrow .l-grid-7of12 {
    width: 58.3333333333%;
    float: left;
    padding-left: 4px;
    padding-right: 4px
}

.l-grid--narrow .l-grid-offset-7of12 {
    margin-left: 58.3333333333%
}

.l-grid--narrow .l-grid-8of12 {
    width: 66.6666666667%;
    float: left;
    padding-left: 4px;
    padding-right: 4px
}

.l-grid--narrow .l-grid-offset-8of12 {
    margin-left: 66.6666666667%
}

.l-grid--narrow .l-grid-9of12 {
    width: 75%;
    float: left;
    padding-left: 4px;
    padding-right: 4px
}

.l-grid--narrow .l-grid-offset-9of12 {
    margin-left: 75%
}

.l-grid--narrow .l-grid-10of12 {
    width: 83.3333333333%;
    float: left;
    padding-left: 4px;
    padding-right: 4px
}

.l-grid--narrow .l-grid-offset-10of12 {
    margin-left: 83.3333333333%
}

.l-grid--narrow .l-grid-11of12 {
    width: 91.6666666667%;
    float: left;
    padding-left: 4px;
    padding-right: 4px
}

.l-grid--narrow .l-grid-offset-11of12 {
    margin-left: 91.6666666667%
}

.l-grid--narrow .l-grid-12of12 {
    width: 100%;
    float: left;
    padding-left: 4px;
    padding-right: 4px
}

.l-grid--narrow .l-grid-offset-12of12 {
    margin-left: 100%
}

.l-grid-home {
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 20px
}

.l-grid-home::after {
    clear: both;
    content: " ";
    display: block
}

.l-grid-home:last-child {
    margin-bottom: 0
}

.l-grid-home .l-grid-1of5 {
    width: 20%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
}

.l-grid-home .l-grid-2of5 {
    width: 40%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
}

.l-grid-home .l-grid-3of5 {
    width: 60%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
}

.l-grid-home .l-grid-4of5 {
    width: 80%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
}

.l-grid-home .l-grid-5of5 {
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
}

.l-grid-footer {
    margin-left: -10px;
    margin-right: -10px
}

.l-grid-footer .l-grid-3of12 {
    width: 25%;
    padding-left: 10px;
    padding-right: 10px
}

.l-knowledge {
    overflow: hidden;
    position: relative;
    margin-top: -10px
}

.l-side-menu {
    width: 232px;
    padding-top: 10px;
    float: left;
    position: static;
    top: auto;
    bottom: auto;
    left: auto
}

.l-side-menu.is-top {
    float: left
}

.l-side-menu.is-middle {
    float: none;
    position: fixed;
    top: 0
}

.l-side-menu.is-bottom {
    float: none;
    position: absolute;
    bottom: 0
}

.l-article {
    width: 654px;
    padding-top: 10px;
    float: right
}

.l-article-knowledge {
    width: 710px
}

.l-guide {
    margin: 0
}

.l-guide::after {
    clear: both;
    content: " ";
    display: block
}

.l-guide .l-guide-1of5 {
    display: block;
    width: 20%;
    padding: 0 8px 8px 0;
    float: left;
    list-style: none
}

.l-clock::after {
    clear: both;
    content: " ";
    display: block
}

.l-clock-jst {
    width: 50%;
    float: left;
    padding-right: 6px
}

.l-clock-utc {
    width: 50%;
    float: right;
    padding-left: 6px
}

.l-calendar::after {
    clear: both;
    content: " ";
    display: block
}

.l-calendar .l-calendar-left {
    padding-right: 3px;
    width: 50%;
    float: left
}

.l-calendar .l-calendar-right {
    padding-left: 3px;
    width: 50%;
    float: right
}

.l-indicator {
    padding-bottom: 35px
}

.l-indicator .l-indicator-sub-border {
    margin-top: 20px;
    border-top: 1px solid #6e6e6e
}

.l-indicator-border {
    padding-top: 35px;
    border-top: 1px dotted #e4e4e4
}

.l-desktop-viewer {
    padding: 10px;
    background-color: #000
}

.l-forecast {
    padding: 7px;
    border: 8px solid #eaf2f8
}

.l-figure {
    margin-left: -1px;
    margin-right: -1px;
    padding: 4px 0 0
}

.l-figure .l-figure-row {
    width: 100%;
    display: table;
    table-layout: fixed
}

.l-figure .l-figure-row .l-figure-col {
    display: table-cell;
    padding: 0 1px;
    vertical-align: top
}

.l-figure .l-figure-row .l-figure-col .l-figure-col-button {
    position: relative
}

.l-figure .l-figure-row .l-figure-col .l-figure-col-button .btn {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 10
}

.l-figure .l-figure-row .l-figure-col-1of1 {
    width: 100%
}

.l-figure .l-figure-row .l-figure-col-1of2 {
    width: 50%
}

.l-figure .l-figure-row .l-figure-col-1of3 {
    width: 33.3333333333%
}

.l-figure .l-figure-row .l-figure-col-2of3 {
    width: 66.6666666667%
}

.l-figure .l-figure-row .l-figure-col-1of5 {
    width: 20%
}

.l-figure .l-figure-row .l-figure-col-1of6 {
    width: 16.6666666667%
}

.l-sun {
    margin-left: -1px;
    margin-right: -1px
}

.l-sun .l-sun-row {
    width: 100%;
    display: table;
    table-layout: fixed
}

.l-sun .l-sun-row .l-sun-col {
    display: table-cell;
    width: 33.3333333333%;
    vertical-align: top;
    border-left: 1px solid #272727;
    border-right: 1px solid #272727
}

.l-sun .l-sun-row .l-sun-col:first-child {
    border-left: none;
    padding-left: 1px
}

.l-sun .l-sun-row .l-sun-col:last-child {
    border-right: none;
    padding-right: 1px
}

.l-scroll-top {
    position: absolute;
    right: 0;
    top: -110px
}

.footer-trend .l-scroll-top {
    top: -220px
}

.l-associated-data {
    border-top: 1px solid #e4e4e4
}

@-webkit-keyframes fadein {
    0% {
        display: none;
        opacity: 0
    }

    1% {
        display: block;
        opacity: 0
    }

    100% {
        display: block;
        opacity: 1
    }
}

@keyframes fadein {
    0% {
        display: none;
        opacity: 0
    }

    1% {
        display: block;
        opacity: 0
    }

    100% {
        display: block;
        opacity: 1
    }
}

.u-mih-290 {
    min-height: 290px !important
}

.u-mih-200 {
    min-height: 200px !important
}

.u-mih-240 {
    min-height: 240px !important
}

.u-d-ib {
    display: inline-block !important
}

.u-mb-0 {
    margin-bottom: 0px !important
}

.u-mb-10 {
    margin-bottom: 10px !important
}

.u-mb-20 {
    margin-bottom: 20px !important
}

.u-mb-30 {
    margin-bottom: 30px !important
}

.u-mb-40 {
    margin-bottom: 40px !important
}

.u-mb-50 {
    margin-bottom: 50px !important
}

.u-mb-60 {
    margin-bottom: 60px !important
}

.u-mb-70 {
    margin-bottom: 70px !important
}

.u-mb-80 {
    margin-bottom: 80px !important
}

.u-mb-90 {
    margin-bottom: 90px !important
}

.u-mb-100 {
    margin-bottom: 100px !important
}

.u-mr-20 {
    margin-right: 20px !important
}

.u-m-0 {
    margin: 0 !important
}

.u-pt-0 {
    padding-top: 0 !important
}

.u-pl-30 {
    padding-left: 30px
}

.u-pl-40 {
    padding-left: 40px
}

.u-py-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important
}

.u-pr-10 {
    padding-right: 10px !important
}

.u-w-10 {
    width: 10px !important
}

.u-w-20 {
    width: 20px !important
}

.u-w-30 {
    width: 30px !important
}

.u-w-40 {
    width: 40px !important
}

.u-w-50 {
    width: 50px !important
}

.u-w-60 {
    width: 60px !important
}

.u-w-70 {
    width: 70px !important
}

.u-w-80 {
    width: 80px !important
}

.u-w-90 {
    width: 90px !important
}

.u-w-100 {
    width: 100px !important
}

.u-w-110 {
    width: 110px !important
}

.u-w-120 {
    width: 120px !important
}

.u-w-130 {
    width: 130px !important
}

.u-w-140 {
    width: 140px !important
}

.u-w-150 {
    width: 150px !important
}

.u-w-160 {
    width: 160px !important
}

.u-w-170 {
    width: 170px !important
}

.u-w-180 {
    width: 180px !important
}

.u-w-190 {
    width: 190px !important
}

.u-w-200 {
    width: 200px !important
}

.u-w-210 {
    width: 210px !important
}

.u-w-220 {
    width: 220px !important
}

.u-w-230 {
    width: 230px !important
}

.u-w-240 {
    width: 240px !important
}

.u-w-250 {
    width: 250px !important
}

.u-w-260 {
    width: 260px !important
}

.u-w-270 {
    width: 270px !important
}

.u-w-280 {
    width: 280px !important
}

.u-w-290 {
    width: 290px !important
}

.u-w-300 {
    width: 300px !important
}

.u-w-310 {
    width: 310px !important
}

.u-w-320 {
    width: 320px !important
}

.u-w-330 {
    width: 330px !important
}

.u-w-340 {
    width: 340px !important
}

.u-w-350 {
    width: 350px !important
}

.u-w-360 {
    width: 360px !important
}

.u-w-370 {
    width: 370px !important
}

.u-w-380 {
    width: 380px !important
}

.u-w-390 {
    width: 390px !important
}

.u-w-400 {
    width: 400px !important
}

.u-w-1of2 {
    width: 50% !important
}

.u-w-1of3 {
    width: 33.3333333333% !important
}

.u-w-1of4 {
    width: 25% !important
}

.u-w-1of5 {
    width: 20% !important
}

.u-fs-12 {
    font-size: 12px !important;
    font-size: .75rem !important
}

.u-fs-14 {
    font-size: 14px !important;
    font-size: .875rem !important
}

.u-fs-16 {
    font-size: 16px !important;
    font-size: 1rem !important
}

.u-fs-20 {
    font-size: 20px !important;
    font-size: 1.25rem !important
}

.u-ta-c {
    text-align: center !important
}

.u-ta-l {
    text-align: left !important
}

.u-ta-r,
.u-ta-e {
    text-align: right !important
}

.u-jc-s {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.u-jc-c {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.u-jc-e {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.u-bgc-blue {
    background-color: #3d94c8 !important
}

.u-bgc-green {
    background-color: #80aa01 !important
}

.u-bgc-yellow {
    background-color: #eab107 !important
}

.u-bgc-red {
    background-color: #e13c04 !important
}

.u-bgc-purple {
    background-color: #a24dfb !important
}

.u-bgc-gray {
    background-color: #f0f0f0 !important
}

.u-bgc-dark-gray {
    background-color: #e8e8e8 !important
}

.u-c-blue {
    color: #006cc0 !important
}

.u-c-red {
    color: #ee6a5f !important
}

.u-c-gray {
    color: #9e9e9e !important
}

.u-fl-l {
    float: left !important
}

.u-whs-nw {
    white-space: nowrap !important
}

.u-td-u {
    text-decoration: underline
}

.alert {
    padding: 25px;
    background-color: #fef4f3;
    border: 2px solid #e5310c;
    font-size: 0;
    background: url(../img/common/icon_alert_l.png) 20px 50% no-repeat;
    position: relative
}

.alert .alert-title {
    display: inline-block;
    vertical-align: middle;
    padding-left: 56px
}

.alert .alert-title .alert-heading {
    display: inline-block;
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1;
    font-weight: normal;
    margin-bottom: 0;
    padding: 4px 0;
    color: #e5310c;
    border-bottom: 3px solid #e5310c
}

.alert .alert-body {
    display: inline-block;
    width: 680px;
    vertical-align: middle;
    padding-left: 20px
}

.alert .alert-body>time {
    font-size: 14px;
    font-size: .875rem;
    color: #d82609
}

.alert .alert-body>p {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 0;
    padding-bottom: 20px
}

.alert .alert-button {
    display: block;
    position: absolute;
    top: 89%;
    right: 25px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.alert.is-default {
    padding: 16px;
    background-color: #fff;
    border: 5px solid #eaf2f8;
    background-image: none
}

.alert.is-default .alert-title {
    padding-left: 20px
}

.alert.is-default .alert-title .alert-heading {
    font-size: 18px;
    font-size: 1.125rem;
    color: #000;
    border-color: #006cc0
}

.alert.is-default .alert-body>p {
    font-size: 14px;
    font-size: .875rem;
    padding-bottom: 0
}

.alert-home {
    padding: 20px;
    background-color: #07070a;
    border: 3px solid #ee6a5f;
    background: url(../img/common/icon_alert_home.png) 20px 20px no-repeat
}

.alert-home .alert-title {
    vertical-align: top
}

.alert-home .alert-title .alert-heading {
    padding-top: 0;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1;
    color: #ee6a5f;
    border-color: #ee6a5f
}

.alert-home .alert-body {
    width: 690px
}

.alert-home .alert-body>time {
    font-size: 12px;
    font-size: .75rem;
    color: #fff
}

.alert-home .alert-body>p {
    padding: 30px 0 20px;
    font-size: 14px;
    font-size: .875rem;
    color: #fff
}

.alert-home .alert-button {
    top: 89%
}

.alert-home .alert-button-list {
    display: block;
    position: absolute;
    top: 5px;
    right: 20px
}

.alert-home .alert-button-list>a {
    font-size: 12px;
    font-size: .75rem;
    color: #9ff
}

.alert-header {
    padding: 20px 0;
    border: none;
    background-image: none;
    background-color: #07070a
}

.alert-header .l-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.alert-header .alert-title {
    vertical-align: top;
    white-space: nowrap;
    padding: 0
}

.alert-header .alert-title .alert-heading {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1;
    font-weight: normal;
    margin-bottom: 0;
    border: none;
    padding: 22px 32px 24px;
    color: #fff;
    background-color: #ff3c3c
}

.alert-header .alert-body {
    width: auto;
    max-width: 853px
}

.alert-header .alert-body>time {
    font-size: 12px;
    font-size: .75rem;
    color: #fff
}

.alert-header .alert-body>a {
    display: block;
    font-size: 14px;
    font-size: .875rem;
    color: #fff;
    padding-bottom: 0;
    text-decoration: underline
}

.alert-header .alert-button-list {
    position: absolute;
    right: 0;
    bottom: 0
}

.alert-header .alert-button-list>a {
    font-size: 14px;
    font-size: .875rem;
    color: #fff;
    text-decoration: underline
}

.t-swc-en .alert .alert-title .alert-heading {
    font-size: 26px;
    font-size: 1.625rem
}

.t-swc-en .alert .alert-body {
    width: 590px
}

.t-swc-en .alert .alert-button {
    top: 84%
}

.t-swc-en .alert.is-default .alert-title .alert-heading {
    font-size: 18px;
    font-size: 1.125rem
}

.t-swc-en .alert.alert-home .alert-button {
    top: 86%
}

.t-swc-en .alert.alert-header .alert-title .alert-heading {
    font-size: 14px;
    font-size: .875rem
}

.t-swc-en .alert.alert-header .alert-body {
    width: auto;
    max-width: 853px
}

.article section {
    clear: both
}

.article .heading-l3 {
    margin-bottom: 30px;
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1;
    font-weight: bold;
    -webkit-font-smoothing: antialiased
}

.article .heading-l3 span {
    margin-left: 10px;
    font-size: 16px;
    font-size: 1rem;
    font-weight: normal
}

.article .heading-l4 {
    display: inline-block;
    margin-bottom: 10px;
    padding-bottom: 5px;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1;
    font-weight: normal;
    border-bottom: 3px solid #006cc0
}

.article .heading-l4 span {
    margin-left: 10px;
    font-size: 14px;
    font-size: .875rem
}

.article .heading-l5 {
    margin-bottom: 10px;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;
    -webkit-font-smoothing: antialiased
}

.article .heading-l5 span {
    margin-left: 10px;
    font-size: 16px;
    font-size: 1rem;
    font-weight: normal
}

.article .heading-l6 {
    margin-bottom: 10px;
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold
}

.article .heading-l6 span {
    margin-left: 10px;
    font-size: 16px;
    font-size: 1rem;
    font-weight: normal
}

.article p {
    margin-bottom: 1.4em;
    text-indent: 1em;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.7;
    -webkit-font-smoothing: subpixel-antialiased
}

.article strong {
    font-weight: bold
}

.article i {
    font-style: italic
}

.article a {
    color: #006cc0
}

.article figure,
.article .article-figure {
    display: block;
    margin: 0;
    margin-bottom: 40px
}

.article figure>figcaption,
.article .article-figure>figcaption {
    display: block;
    text-align: center
}

.article figure>img,
.article .article-figure>img {
    width: 100%
}

.article .article-figure-left {
    width: 50%;
    margin: 0;
    margin-right: 20px;
    padding-bottom: 20px;
    float: left;
    clear: both
}

.article .article-figure-right {
    width: 50%;
    margin: 0;
    margin-left: 20px;
    padding-bottom: 20px;
    float: right;
    clear: both
}

.article .article-figure-center {
    width: 70%;
    margin-left: auto;
    margin-right: auto
}

.article .article-figure-thumbnail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.article .article-figure-thumbnail>a {
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%
}

.article .article-figure-thumbnail>a>img {
    width: 100%
}

.article .article-figure-thumbnail>figcaption {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.article table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    font-size: .875rem
}

.article table tr {
    vertical-align: middle
}

.article table tr>th {
    padding: 2px 4px;
    border: 1px solid #9e9e9e;
    background-color: #f0f0f0
}

.article table tr>td {
    padding: 2px 4px;
    border: 1px solid #9e9e9e;
    background-color: #fff
}

.article .article-link {
    margin: 0
}

.article .article-link::after {
    clear: both;
    content: " ";
    display: block
}

.article .article-link>li {
    display: block;
    width: 50%;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1
}

.article .article-link .article-link-prev {
    padding-left: 10px;
    float: left;
    text-align: left;
    position: relative
}

.article .article-link .article-link-prev::before {
    display: block;
    content: "";
    width: 6px;
    height: 6px;
    border-top: 2px solid #006cc0;
    border-left: 2px solid #006cc0;
    position: absolute;
    left: 0;
    top: 4px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.article .article-link .article-link-next {
    padding-right: 10px;
    float: right;
    text-align: right;
    position: relative
}

.article .article-link .article-link-next::after {
    display: block;
    content: "";
    width: 6px;
    height: 6px;
    border-top: 2px solid #006cc0;
    border-right: 2px solid #006cc0;
    position: absolute;
    right: 0;
    top: 4px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.article-trend figure {
    margin: 0;
    padding-bottom: 20px
}

.article-trend figure>figcaption {
    margin-bottom: 20px
}

.article-guide,
.article-knowledge {
    font-size: 14px;
    font-size: .875rem
}

.article-guide .article-body,
.article-knowledge .article-body {
    padding: 20px 0 40px
}

.article-guide .article-body .article-lead,
.article-knowledge .article-body .article-lead {
    padding: 20px 0
}

.article-guide .article-body .article-figure,
.article-knowledge .article-body .article-figure {
    margin: 0 20px 20px 0
}

.article-guide .article-body .article-figure>img,
.article-knowledge .article-body .article-figure>img {
    max-width: 100%
}

.article-guide .article-body .article-figure-left,
.article-knowledge .article-body .article-figure-left {
    width: 40%
}

.article-guide .article-body .article-notice,
.article-knowledge .article-body .article-notice {
    margin: 0
}

.article-guide .article-body .article-notice>li,
.article-knowledge .article-body .article-notice>li {
    list-style: none;
    font-size: 12px;
    font-size: .75rem
}

.article-guide .article-body .article-news,
.article-knowledge .article-body .article-news {
    margin: 0
}

.article-guide .article-body .article-news>li,
.article-knowledge .article-body .article-news>li {
    list-style: none;
    font-size: 12px;
    font-size: .75rem;
    line-height: 2
}

.article-guide .article-body .article-movie,
.article-knowledge .article-body .article-movie {
    padding: 10px 0
}

.article-guide .article-body .article-formula,
.article-knowledge .article-body .article-formula {
    display: block;
    padding: 12px 20px
}

.article-guide .article-body .circ,
.article-knowledge .article-body .circ {
    position: relative
}

.article-guide .article-body .circ::after,
.article-knowledge .article-body .circ::after {
    display: inline-block;
    content: "";
    position: absolute;
    top: -2px;
    left: 2px;
    width: 4px;
    height: 4px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.article-knowledge-movie .article-body>p {
    text-indent: 0
}

.article-knowledge-movie .l-grid-3of12:nth-child(4n+1) {
    clear: left
}

.article-guide .heading-icon-transmission,
.article-guide .heading-icon-gps,
.article-guide .heading-icon-aurora,
.article-guide .heading-icon-satellite,
.article-guide .heading-icon-astronaut,
.article-guide .heading-icon-airplane,
.article-guide .heading-icon-waves {
    display: block;
    margin-bottom: 10px;
    padding: 10px 0 16px 45px;
    border-bottom: 1px solid #e4e4e4;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1;
    background-image: none;
    background-position: 0 0;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-color: transparent
}

.article-guide .heading-icon-waves {
    background-image: url(../img/knowledge/guide/icon_waves.png)
}

.article-guide .heading-icon-airplane {
    background-image: url(../img/knowledge/guide/icon_airplane.png)
}

.article-guide .heading-icon-astronaut {
    background-image: url(../img/knowledge/guide/icon_astronaut.png)
}

.article-guide .heading-icon-satellite {
    background-image: url(../img/knowledge/guide/icon_satellite.png)
}

.article-guide .heading-icon-aurora {
    background-image: url(../img/knowledge/guide/icon_aurora.png)
}

.article-guide .heading-icon-gps {
    background-image: url(../img/knowledge/guide/icon_gps.png)
}

.article-guide .heading-icon-transmission {
    background-image: url(../img/knowledge/guide/icon_transmission.png)
}

.article-guide .btn-guide {
    display: block;
    padding: 8px 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 12px;
    font-size: .75rem;
    line-height: 1;
    text-align: center;
    background-color: #eaf2f8;
    color: #3282bd
}

.article-guide .btn-guide:hover {
    text-decoration: none;
    opacity: .7
}

.article-guide .heading-sample-guide {
    margin-top: 50px;
    margin-bottom: 40px;
    padding: 4px;
    border-left: 8px solid #003990;
    border-bottom: 1px solid #003990;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1;
    color: #003990
}

.associated-data::after {
    clear: both;
    content: " ";
    display: block
}

.associated-data .associated-data-title {
    float: left;
    width: 125px;
    padding: 25px 40px 25px 0;
    margin: 30px 0;
    border-right: 1px solid #9e9e9e
}

.associated-data .associated-data-title>h2 {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1;
    margin-bottom: 0;
    font-weight: normal
}

.associated-data .associated-data-main {
    float: left;
    width: calc(100% - 125px);
    padding-top: 30px;
    padding-left: 33px
}

.associated-data .associated-data-main .associated-data-main-list {
    margin-bottom: 0;
    list-style-type: none
}

.associated-data .associated-data-main .associated-data-main-list .associated-data-main-list-data {
    line-height: 1;
    padding-bottom: 7px;
    font-size: 14px;
    color: #006cc0
}

.associated-data .associated-data-main .associated-data-main-list .associated-data-main-list-data.is-bullet {
    list-style-type: disc;
    margin-left: 17px
}

.bulletin {
    padding: 20px 7px;
    background-color: #eaf2f8
}

.bulletin::after {
    clear: both;
    content: " ";
    display: block
}

.bulletin .bulletin-side {
    width: 20%;
    padding: 0 5px;
    float: left
}

.bulletin .bulletin-side .bulletin-menu {
    margin: 0
}

.bulletin .bulletin-side .bulletin-menu .bulletin-menu-item {
    background-color: #fff;
    list-style-type: none;
    border-radius: 5px;
    margin-bottom: 5px
}

.bulletin .bulletin-side .bulletin-menu .bulletin-menu-item>a {
    display: block;
    padding: 10px 20px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1;
    color: #3282bd;
    text-decoration: none
}

.bulletin .bulletin-side .bulletin-menu .bulletin-menu-item>a:hover {
    opacity: .7
}

.bulletin .bulletin-side .bulletin-menu .bulletin-menu-item>a .icon-arrow::after {
    top: 6px
}

.bulletin .bulletin-side .bulletin-menu .bulletin-menu-item.is-active {
    background-color: #3282bd
}

.bulletin .bulletin-side .bulletin-menu .bulletin-menu-item.is-active>a {
    color: #fff
}

.bulletin .bulletin-side .bulletin-menu .bulletin-menu-item.is-active>a .icon-arrow::after {
    border-color: #fff
}

.bulletin .bulletin-main {
    width: 80%;
    padding: 0 5px;
    float: right
}

.bulletin .bulletin-main .bulletin-sections {
    margin: 0
}

.bulletin .bulletin-main .bulletin-sections .bulletin-section {
    list-style-type: none;
    margin-bottom: 8px;
    cursor: pointer
}

.bulletin .bulletin-main .bulletin-sections .bulletin-section .bulletin-section-header {
    padding-left: 60px;
    background-color: #fff;
    border-radius: 5px 5px 5px 5px;
    position: relative
}

.bulletin .bulletin-main .bulletin-sections .bulletin-section .bulletin-section-header::before {
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    border-top: none;
    border-left: none;
    border-bottom: 6px solid #3282bd;
    border-right: 6px solid #3282bd;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: 24px;
    left: 20px
}

.bulletin .bulletin-main .bulletin-sections .bulletin-section .bulletin-section-header .bulletin-section-title {
    margin-bottom: 0;
    padding: 20px 0 20px 28px;
    position: relative;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: normal;
    color: #3282bd
}

.bulletin .bulletin-main .bulletin-sections .bulletin-section .bulletin-section-header .bulletin-section-title::before {
    display: block;
    content: "";
    width: 26px;
    height: 22px;
    background: url(../img/common/icon_alert.png) 0 0 no-repeat;
    position: absolute;
    top: 20px;
    left: 0
}

.bulletin .bulletin-main .bulletin-sections .bulletin-section .bulletin-section-header:hover {
    opacity: .7
}

.bulletin .bulletin-main .bulletin-sections .bulletin-section .bulletin-section-main {
    display: none;
    padding: 0 20px 20px;
    background-color: #fff;
    border-radius: 0 0 5px 5px;
    font-size: 14px;
    font-size: .875rem
}

.bulletin .bulletin-main .bulletin-sections .bulletin-section .bulletin-section-main .bulletin-section-body {
    padding: 20px 40px 0;
    border-top: 1px solid #e4e4e4
}

.bulletin .bulletin-main .bulletin-sections .bulletin-section.is-open .bulletin-section-header {
    border-radius: 5px 5px 0 0
}

.bulletin .bulletin-main .bulletin-sections .bulletin-section.is-open .bulletin-section-header::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 24px
}

.bulletin .bulletin-main .bulletin-sections .bulletin-section.is-open .bulletin-section-main {
    display: block
}

.btn {
    display: inline-block;
    vertical-align: middle;
    padding: 7px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1;
    background-color: #f6f6f6;
    color: #3282bd;
    margin-right: 15px
}

.btn:hover {
    text-decoration: none;
    opacity: .7
}

.btn:last-child {
    margin-right: 0
}

.btn-invert {
    background-color: #006cc0;
    color: #fff
}

.btn-guide {
    display: block;
    text-align: center
}

.btn-viewer {
    display: block;
    text-align: center;
    border-radius: 15px
}

.btn-report-viewer {
    border: 0;
    margin-right: 0;
    cursor: pointer;
    border-radius: 30px;
    background-color: #fff
}

.btn-alert {
    background-color: #e5a40c;
    border-color: #e5a40c;
    color: #fff
}

.btn-alert .icon-arrow::after {
    border-color: #fff
}

.btn-indicator {
    width: 20px;
    height: 20px;
    padding: 1px 0 3px 4px;
    background-color: #f6f6f6;
    border-color: #f6f6f6;
    color: #3282bd;
    font-size: 14px;
    font-size: .875rem;
    line-height: 14px;
    position: relative;
    top: -3px
}

.btn-indicator-label {
    width: auto;
    height: auto;
    padding: 4px 14px 4px 4px;
    color: #3282bd;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.2;
    position: relative;
    border: 1px solid #ccc
}

.btn-indicator-label::after {
    display: block;
    content: ">";
    width: 14px;
    height: 14px;
    color: #3282bd;
    position: absolute;
    top: 50%;
    right: 2px;
    -webkit-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    transform: translateY(-8px);
    font-size: 14px;
    font-size: .875rem;
    line-height: 1
}

.btn-indicator-help,
.btn-indicator-open {
    width: 48px;
    height: 32px;
    position: relative;
    background-image: linear-gradient(8deg, rgba(255, 255, 255, 0.2) 0%, transparent 50%, rgba(255, 255, 255, 0.2) 100%)
}

.btn-indicator-help::after,
.btn-indicator-open::after {
    display: block;
    content: "";
    width: 48px;
    height: 32px;
    position: absolute;
    top: 0;
    left: 0
}

.btn-indicator-help {
    border-radius: 5px 0 0 5px
}

.btn-indicator-help::after {
    background: url(../img/common/icon_help_glow.png) 50% 50% no-repeat
}

.btn-indicator-open {
    border-radius: 0 5px 5px 0
}

.btn-indicator-open::after {
    background: url(../img/common/icon_open_glow.png) 50% 50% no-repeat
}

.heading-indicator-desktop-buttons .btn-indicator-help {
    border-radius: 5px
}

.indicator-desktop .btn-indicator {
    background-image: linear-gradient(8deg, rgba(255, 255, 255, 0.2) 0%, transparent 30%, transparent 70%, rgba(255, 255, 255, 0.2) 100%);
    border-right-color: #555;
    border-bottom-color: #555
}

.t-swc-en .btn-indicator-label {
    font-size: 11px;
    font-size: .6875rem
}

.btn-play {
    width: 32px;
    height: 24px;
    background-color: #1e1e1e;
    position: relative
}

.btn-play::before {
    display: block;
    content: "";
    width: 16px;
    height: 10px;
    border-left: 8px solid #fff;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    position: absolute;
    top: 6px;
    left: 11px
}

.btn-sun {
    width: 28px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
    background-color: #000;
    margin-top: -5px;
    position: relative;
    cursor: pointer
}

.btn-sun::before {
    display: block;
    content: "";
    width: 14px;
    height: 8px;
    border-left: 7px solid #fff;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    position: absolute;
    top: 5px;
    left: 10px
}

.btn-figure {
    width: 18px;
    height: 18px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background-color: #fff;
    border: none
}

.btn-figure::before {
    display: block;
    content: "";
    width: 2px;
    height: 10px;
    background-color: #1e1e1e;
    position: absolute;
    top: 4px;
    left: 8px
}

.btn-figure::after {
    display: block;
    content: "";
    width: 10px;
    height: 2px;
    background-color: #1e1e1e;
    position: absolute;
    top: 8px;
    left: 4px
}

.btn-figure-invert {
    background-color: #1e1e1e
}

.btn-figure-invert::before {
    background-color: #fff
}

.btn-figure-invert::after {
    background-color: #fff
}

.btn-close {
    width: 18px;
    height: 18px;
    margin: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background-color: #fff;
    border: none;
    cursor: pointer
}

.btn-close::before {
    display: block;
    content: "";
    width: 16px;
    height: 2px;
    background-color: #1e1e1e;
    position: absolute;
    top: 8px;
    left: 1px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.btn-close::after {
    display: block;
    content: "";
    width: 16px;
    height: 2px;
    background-color: #1e1e1e;
    position: absolute;
    top: 8px;
    left: 1px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.btn-tiled {
    display: table-cell;
    width: 100%;
    height: 60px;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    font-size: .875rem;
    line-height: 20px;
    white-space: nowrap;
    position: relative
}

.btn-tiled::after {
    display: block;
    content: "";
    width: 8px;
    height: 8px;
    border-right: 3px solid #3282bd;
    border-bottom: 3px solid #3282bd;
    position: absolute;
    top: 25px;
    right: 8px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.l-desktop-viewer .btn-indicator {
    background-color: #383838;
    border-color: #383838;
    color: #9ff
}

.l-desktop-viewer .btn-indicator-label {
    color: #fff
}

.l-desktop-viewer .btn-indicator-label::after {
    color: #9ff
}

.indicator-home .btn-indicator-label {
    background-color: #000;
    display: inline-block;
    top: 0;
    width: 100%;
    height: auto;
    padding: 4px 8px;
    color: #fff;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1;
    border: 1px solid #fff;
    border-radius: 18px;
    cursor: pointer
}

.indicator-home .btn-indicator-label::after {
    display: none
}

.btn-trend {
    display: block;
    width: 100%;
    padding: 0;
    border: none;
    border-radius: 0;
    font-size: 14px;
    font-size: .875rem;
    line-height: 16px;
    background-color: #fff;
    color: #fff;
    margin-right: 0;
    position: relative
}

.btn-trend::before {
    content: "";
    display: block;
    padding-top: 41.0256410256%
}

.btn-trend:hover {
    text-decoration: none;
    opacity: .7
}

.btn-trend>span {
    display: block;
    padding: 3px 4px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000
}

.btn-trend-sunspot,
.btn-trend-flare,
.btn-trend-proton,
.btn-trend-solarwind,
.btn-trend-geomag,
.btn-trend-electron,
.btn-trend-ionosphere,
.btn-trend-dellinger,
.btn-trend-es {
    background-color: #fff;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain
}

.btn-trend-sunspot {
    background-image: url(../img/common/trend-icon-sunspot.png)
}

.btn-trend-flare {
    background-image: url(../img/common/trend-icon-flare.png)
}

.btn-trend-proton {
    background-image: url(../img/common/trend-icon-proton.png)
}

.btn-trend-solarwind {
    background-image: url(../img/common/trend-icon-solarwind.png)
}

.btn-trend-geomag {
    background-image: url(../img/common/trend-icon-geomag.png)
}

.btn-trend-electron {
    background-image: url(../img/common/trend-icon-electron.png)
}

.btn-trend-ionosphere {
    background-image: url(../img/common/trend-icon-ionosphere.png)
}

.btn-trend-dellinger {
    background-image: url(../img/common/trend-icon-dellinger.png)
}

.btn-trend-es {
    background-image: url(../img/common/trend-icon-es.png)
}

.calendar .calendar-header {
    padding-bottom: 16px
}

.calendar .calendar-header .calendar-filter {
    padding: 20px 30px;
    background-color: #eaf2f8
}

.calendar .calendar-header .calendar-filter .calendar-filter-header .heading {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: normal
}

.calendar .calendar-header .calendar-filter .calendar-filter-main {
    padding-top: 16px;
    display: table
}

.calendar .calendar-header .calendar-filter .calendar-filter-main .calendar-filter-item {
    display: table-cell;
    min-height: 30px;
    padding-right: 12px;
    vertical-align: middle;
    font-size: 16px;
    font-size: 1rem
}

.calendar .calendar-header .calendar-filter .calendar-filter-main .calendar-filter-item .calendar-select-year {
    width: 80px
}

.calendar .calendar-header .calendar-filter .calendar-filter-main .calendar-filter-item .calendar-select-month {
    width: 60px
}

.calendar .calendar-header .calendar-filter .calendar-filter-main .calendar-filter-item .calendar-select-type {
    margin: 0;
    font-size: 0
}

.calendar .calendar-header .calendar-filter .calendar-filter-main .calendar-filter-item .calendar-select-type>li {
    display: inline-block;
    padding-right: 16px;
    padding-top: 7px;
    padding-bottom: 7px;
    list-style: none
}

.calendar .calendar-header .calendar-filter .calendar-filter-main .calendar-filter-item .calendar-select-type>li>a {
    display: block;
    padding-left: 20px;
    position: relative;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1;
    color: #000;
    text-decoration: none
}

.calendar .calendar-header .calendar-filter .calendar-filter-main .calendar-filter-item .calendar-select-type>li>a::before {
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    background-color: #8c8c8c;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0
}

.calendar .calendar-header .calendar-filter .calendar-filter-main .calendar-filter-item .calendar-select-type .calendar-select-type-daily.is-active>a::before {
    background-color: #3282bd
}

.calendar .calendar-header .calendar-filter .calendar-filter-main .calendar-filter-item .calendar-select-type .calendar-select-type-weekly.is-active>a::before {
    background-color: #6e9f06
}

.calendar .calendar-header .calendar-filter .calendar-filter-main .calendar-filter-item .calendar-select-type .calendar-select-type-bulletin.is-active>a::before {
    background-color: #e5310c
}

.calendar .calendar-header .calendar-filter .calendar-filter-main .calendar-filter-item .calendar-select-type .calendar-select-type-topics.is-active>a::before {
    background-color: #e5a40c
}

.calendar .calendar-main {
    border: 8px solid #eaf2f8;
    padding: 6px;
    font-size: 0
}

.calendar .calendar-main .calendar-month {
    padding-top: 4px;
    border: 1px solid #b9c2e2
}

.calendar .calendar-main .calendar-month .calendar-month-header {
    padding: 16px 0;
    text-align: center;
    position: relative
}

.calendar .calendar-main .calendar-month .calendar-month-header .heading {
    font-size: 16px;
    font-size: 1rem
}

.calendar .calendar-main .calendar-month .calendar-month-header .heading>span {
    font-weight: normal
}

.calendar .calendar-main .calendar-month .calendar-month-header .calendar-month-link {
    display: inline-block;
    font-size: 14px;
    font-size: .875rem;
    color: #006cc0;
    text-decoration: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.calendar .calendar-main .calendar-month .calendar-month-header .calendar-month-link-next {
    right: 16px
}

.calendar .calendar-main .calendar-month .calendar-month-header .calendar-month-link-prev {
    left: 16px
}

.calendar .calendar-main .calendar-month .calendar-month-main {
    padding: 2px;
    border-top: 1px solid #b9c2e2
}

.calendar .calendar-main .calendar-month .calendar-month-main .calendar-month-head,
.calendar .calendar-main .calendar-month .calendar-month-main .calendar-month-days {
    margin: 0
}

.calendar .calendar-main .calendar-month .calendar-month-main .calendar-month-head::after,
.calendar .calendar-main .calendar-month .calendar-month-main .calendar-month-days::after {
    clear: both;
    content: " ";
    display: block
}

.calendar .calendar-main .calendar-month .calendar-month-main .calendar-month-head>li,
.calendar .calendar-main .calendar-month .calendar-month-main .calendar-month-days>li {
    display: block;
    width: 14.2857142857%;
    float: left;
    list-style: none;
    padding: 2px
}

.calendar .calendar-main .calendar-month .calendar-month-main .calendar-month-head>li {
    padding: 8px 0;
    font-size: 16px;
    font-size: 1rem;
    text-align: center
}

.calendar .calendar-main .calendar-month .calendar-month-main .calendar-month-days .calendar-day {
    height: 68px;
    padding: 4px;
    background-color: #eaf2f8;
    font-size: 14px;
    font-size: .875rem;
    font-weight: bold;
    position: relative
}

.calendar .calendar-main .calendar-month .calendar-month-main .calendar-month-days .calendar-day .calendar-mark {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 6px;
    text-decoration: none
}

.calendar .calendar-main .calendar-month .calendar-month-main .calendar-month-days .calendar-day .calendar-mark-daily,
.calendar .calendar-main .calendar-month .calendar-month-main .calendar-month-days .calendar-day .calendar-mark-daily-pm {
    top: 8px;
    background-color: #3282bd
}

.calendar .calendar-main .calendar-month .calendar-month-main .calendar-month-days .calendar-day .calendar-mark-daily-am {
    top: 8px;
    right: 20px;
    background-color: #3282bd
}

.calendar .calendar-main .calendar-month .calendar-month-main .calendar-month-days .calendar-day .calendar-mark-weekly {
    top: 22px;
    background-color: #6e9f06
}

.calendar .calendar-main .calendar-month .calendar-month-main .calendar-month-days .calendar-day .calendar-mark-bulletin,
.calendar .calendar-main .calendar-month .calendar-month-main .calendar-month-days .calendar-day .calendar-mark-bulletin-4 {
    top: 36px;
    background-color: #e5310c
}

.calendar .calendar-main .calendar-month .calendar-month-main .calendar-month-days .calendar-day .calendar-mark-bulletin-5 {
    top: 36px
}

.calendar .calendar-main .calendar-month .calendar-month-main .calendar-month-days .calendar-day .calendar-mark-bulletin-5:before {
    color: #e5310c;
    position: absolute;
    content: "+";
    pointer-events: none;
    left: -1px;
    bottom: -7px;
    font-size: large
}

.calendar .calendar-main .calendar-month .calendar-month-main .calendar-month-days .calendar-day .calendar-mark-bulletin-3 {
    top: 36px;
    right: 20px;
    background-color: #e5310c
}

.calendar .calendar-main .calendar-month .calendar-month-main .calendar-month-days .calendar-day .calendar-mark-bulletin-2 {
    top: 36px;
    right: 33px;
    background-color: #e5310c
}

.calendar .calendar-main .calendar-month .calendar-month-main .calendar-month-days .calendar-day .calendar-mark-bulletin-1 {
    top: 36px;
    right: 46px;
    background-color: #e5310c
}

.calendar .calendar-main .calendar-month .calendar-month-main .calendar-month-days .calendar-day .calendar-mark-topics {
    top: 50px;
    background-color: #e5a40c
}

.clock {
    text-align: center;
    color: #fff;
    font-family: "Arial";
    -webkit-font-smoothing: subpixel-antialiased
}

.clock dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 0
}

.clock dl>dt {
    padding-bottom: 2px;
    font-size: 12px;
    font-size: .75rem;
    letter-spacing: 1px;
    line-height: 1
}

.clock dl>dt>span {
    display: block;
    text-align: left;
    color: #aaa;
    letter-spacing: 1px;
    font-family: "arial narrow"
}

.clock dl>dd {
    position: relative;
    margin: 0;
    padding-left: 15px
}

.clock dl>dd>time {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1;
    letter-spacing: 2px
}

.clock dl>dd .clock-time-dot {
    display: none;
    position: absolute;
    top: 15px;
    left: 78px;
    background-color: #fff;
    width: 4px;
    height: 4px;
    border-radius: 50%
}

.clock dl>dd .clock-time-dot.is-blinking {
    display: inline-block
}

.figure {
    display: block;
    margin: 0;
    padding: 6px 0;
    background-color: #e8e8e8;
    font-size: 0;
    text-align: center
}

.figure>a {
    max-width: 100%;
    height: 100%;
    margin: 0 auto
}

.figure .figure-image {
    display: block;
    position: relative;
    cursor: pointer
}

.figure .figure-image:hover {
    opacity: .7
}

.figure .figure-image>img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
    padding: 0 4px
}

.figure .figure-image .btn {
    position: absolute;
    bottom: 10px;
    right: 10px
}

.figure .figure-caption {
    display: block;
    padding-top: 6px;
    padding-bottom: 5px;
    background-color: #e8e8e8;
    font-size: 12px;
    font-size: .75rem;
    line-height: 1
}

.figure-bottom {
    padding: 0 0 10px;
    text-align: center;
    background-color: #e8e8e8
}

.footer {
    background-color: #fff
}

.footer .footer-nav {
    padding: 20px 0;
    border-top: 1px solid #dcdcdc;
    background-color: #f5f5f5
}

.footer .footer-nav .l-content {
    position: relative
}

.footer .footer-nav .footer-nav-title {
    padding: 10px 0;
    font-size: 14px;
    font-size: .875rem;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    line-height: 1.3;
    border-bottom: 1px solid #dcdcdc
}

.footer .footer-nav .footer-nav-title>a {
    color: #666;
    text-decoration: none
}

.footer .footer-nav .footer-nav-title>a:hover {
    text-decoration: underline
}

.footer .footer-nav .footer-nav-items {
    padding: 10px 0
}

.footer .footer-nav .footer-nav-items>ul {
    margin: 0
}

.footer .footer-nav .footer-nav-items>ul>li {
    padding: 2px 0 2px 10px;
    display: block;
    font-size: 12px;
    font-size: .75rem;
    list-style: none;
    position: relative
}

.footer .footer-nav .footer-nav-items>ul>li::before {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    content: "-";
    color: #666
}

.footer .footer-nav .footer-nav-items>ul>li>a {
    color: #666;
    text-decoration: none
}

.footer .footer-nav .footer-nav-items>ul>li>a:hover {
    text-decoration: underline
}

.footer .footer-tool {
    background-color: #ebebeb;
    border-bottom: 1px solid #dcdcdc;
    font-size: 0;
    text-align: center
}

.footer .footer-tool .footer-link-items,
.footer .footer-tool .footer-sns-items {
    display: inline-block;
    vertical-align: middle
}

.footer .footer-tool .footer-link-items>ul,
.footer .footer-tool .footer-sns-items>ul {
    margin: 0
}

.footer .footer-tool .footer-link-items>ul>li,
.footer .footer-tool .footer-sns-items>ul>li {
    display: inline-block;
    vertical-align: middle
}

.footer .footer-tool .footer-link-items>ul>li>a,
.footer .footer-tool .footer-sns-items>ul>li>a {
    font-size: 12px;
    font-size: .75rem;
    line-height: 1;
    color: #666;
    text-decoration: none
}

.footer .footer-tool .footer-link-items>ul>li>a:hover,
.footer .footer-tool .footer-sns-items>ul>li>a:hover {
    text-decoration: underline
}

.footer .footer-tool .footer-link-items>ul {
    padding: 17px 0
}

.footer .footer-tool .footer-link-items>ul>li {
    padding-right: 16px;
    margin-right: 16px;
    border-right: 1px solid #666
}

.footer .footer-tool .footer-link-items>ul>li:last-child {
    margin-right: 8px;
    border-right: 0
}

.footer .footer-tool .footer-sns-items>ul {
    padding: 12px 0
}

.footer .footer-tool .footer-sns-items>ul>li>a {
    display: inline-block;
    height: 22px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

.footer .footer-tool .footer-sns-items>ul .footer-sns-item-tw>a {
    width: 26px;
    margin-right: 22px;
    background: url(../img/common/icon_sns_tw.png) 0 0 no-repeat
}

.footer .footer-tool .footer-sns-items>ul .footer-sns-item-fb>a {
    width: 23px;
    background: url(../img/common/icon_sns_fb.png) 0 0 no-repeat
}

.footer .footer-logo {
    padding: 30px 0 0;
    font-size: 0;
    text-align: center
}

.footer .footer-logo .footer-logo-items>ul {
    margin: 0
}

.footer .footer-logo .footer-logo-items>ul>li {
    display: inline-block;
    vertical-align: middle;
    list-style: none;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin-right: 70px
}

.footer .footer-logo .footer-logo-items>ul>li:last-child {
    margin-right: 0
}

.footer .footer-logo .footer-logo-items>ul>li>a {
    display: block;
    width: 100%
}

.footer .footer-logo .footer-logo-items>ul .footer-logo-item-nict {
    width: 211px;
    height: 65px;
    background: url(../img/common/footer_logo_nict.png) 0 0 no-repeat
}

.footer .footer-logo .footer-logo-items>ul .footer-logo-item-nict>a {
    height: 65px
}

.footer .footer-logo .footer-logo-items>ul .footer-logo-item-spe {
    width: 138px;
    height: 66px;
    background: url(../img/common/footer_logo_spe.png) 0 0 no-repeat
}

.footer .footer-logo .footer-logo-items>ul .footer-logo-item-spe>a {
    height: 66px
}

.footer .footer-logo .footer-logo-items>ul .footer-logo-item-ises {
    width: 182px;
    height: 63px;
    background: url(../img/common/footer_logo_ises.png) 0 0 no-repeat
}

.footer .footer-logo .footer-logo-items>ul .footer-logo-item-ises>a {
    height: 63px
}

.footer .footer-copyright {
    padding: 25px 0 30px;
    text-align: center
}

.footer .footer-copyright small {
    font-size: 12px;
    font-size: .75rem;
    line-height: 1;
    color: #999
}

.t-swc-en .footer .footer-logo .footer-logo-items>ul .footer-logo-item-nict {
    width: 285px;
    background: url(../img/common/footer_logo_nict_en.png) 0 0 no-repeat
}

.t-swc-en .footer .footer-logo .footer-logo-items>ul .footer-logo-item-spe {
    width: 257px;
    background: url(../img/common/footer_logo_spe_en.png) 0 0 no-repeat
}

.forecast {
    display: table;
    width: 100%;
    border-collapse: collapse
}

.forecast .forecast-head,
.forecast .forecast-row {
    display: table-row
}

.forecast .forecast-head .forecast-cell,
.forecast .forecast-row .forecast-cell {
    display: table-cell
}

.forecast .forecast-head .forecast-cell-left,
.forecast .forecast-head .forecast-cell-right,
.forecast .forecast-row .forecast-cell-left,
.forecast .forecast-row .forecast-cell-right {
    border: 1px solid #b9c2e2
}

.forecast .forecast-head .forecast-cell-left,
.forecast .forecast-row .forecast-cell-left {
    width: 70%
}

.forecast .forecast-head .forecast-cell-right,
.forecast .forecast-row .forecast-cell-right {
    padding-bottom: 36px
}

.forecast .forecast-head .forecast-cell-blank,
.forecast .forecast-row .forecast-cell-blank {
    width: 10px
}

.forecast .forecast-head .forecast-cell {
    vertical-align: middle;
    padding-bottom: 0
}

.forecast .forecast-head .forecast-cell .forecast-header {
    padding: 10px;
    font-size: 18px;
    font-size: 1.125rem;
    position: relative
}

.forecast .forecast-head .forecast-cell .forecast-header>span {
    display: inline-block;
    position: absolute;
    width: 200px;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 12px;
    font-size: .75rem;
    text-align: right
}

.forecast .forecast-head .forecast-cell-left,
.forecast .forecast-head .forecast-cell-right {
    background-color: #eaf2f7
}

.forecast .forecast-row .forecast-cell {
    vertical-align: top
}

.forecast .forecast-row .forecast-cell .forecast-summary {
    padding: 15px 10px
}

.forecast .forecast-row .forecast-cell .forecast-summary .forecast-summary-title {
    display: inline-block;
    padding-bottom: 3px;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1;
    font-weight: normal;
    border-bottom: 3px solid #006cc0
}

.forecast .forecast-row .forecast-cell .forecast-summary .forecast-summary-body {
    margin: 0;
    padding-top: 20px;
    font-size: 14px;
    font-size: .875rem
}

.gauge {
    display: block;
    height: 207px;
    margin: 0;
    position: relative;
    background-color: #fff
}

.gauge>dl {
    margin: 0
}

.gauge .gauge-label {
    display: block;
    width: 100%;
    padding: 0 4px;
    position: absolute;
    top: 163px;
    left: 0;
    text-align: center
}

.gauge .gauge-multiple,
.gauge .gauge-graph {
    display: block;
    width: 100%;
    height: 155px;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    font-size: 16px;
    font-size: 1rem;
    line-height: 16px
}

.gauge .gauge-graph {
    position: relative
}

.gauge .gauge-graph .gauge-level {
    display: block;
    width: 74px;
    height: 20px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #1e1e1e;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    padding: 3px 0;
    background-color: #f2f4fa;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

.gauge .gauge-graph .gauge-level-0 {
    bottom: 0px;
    display: none;
    background-color: transparent;
    text-indent: 0
}

.gauge .gauge-graph .gauge-level-0::before {
    display: block;
    content: "";
    position: absolute;
    z-index: 10
}

.gauge .gauge-graph .gauge-level-0::after {
    display: block;
    content: "";
    position: absolute;
    z-index: 10
}

.gauge .gauge-graph .gauge-level-0>span {
    display: block;
    width: 74px;
    height: 14px;
    position: absolute;
    z-index: 20;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-weight: bold;
    color: #646464
}

.gauge .gauge-graph .gauge-level-1 {
    bottom: 0px
}

.gauge .gauge-graph .gauge-level-2 {
    bottom: 21px
}

.gauge .gauge-graph .gauge-level-3 {
    bottom: 42px
}

.gauge .gauge-graph .gauge-level-4 {
    bottom: 63px
}

.gauge .gauge-graph .gauge-level-5 {
    bottom: 84px
}

.gauge .gauge-graph .gauge-level-mask {
    display: block;
    content: "";
    width: 74px;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 90
}

.gauge-lv0of3 .gauge-graph,
.gauge-lv1of3 .gauge-graph,
.gauge-lv2of3 .gauge-graph,
.gauge-lv3of3 .gauge-graph {
    padding-top: 68px
}

.gauge-lv0of3 .gauge-graph .gauge-level-mask,
.gauge-lv1of3 .gauge-graph .gauge-level-mask,
.gauge-lv2of3 .gauge-graph .gauge-level-mask,
.gauge-lv3of3 .gauge-graph .gauge-level-mask {
    height: 63px
}

.gauge-lv0of3 .gauge-graph .gauge-level {
    display: none
}

.gauge-lv0of3 .gauge-graph .gauge-level-mask {
    display: none
}

.gauge-lv0of3 .gauge-graph .gauge-level-0 {
    display: block;
    height: 62px
}

.gauge-lv0of3 .gauge-graph .gauge-level-0::before {
    width: 148px;
    height: 124px;
    top: -2px;
    left: -74px;
    border-right: 74px solid transparent;
    border-top: 62px solid #f0f0f0
}

.gauge-lv0of3 .gauge-graph .gauge-level-0::after {
    width: 148px;
    height: 124px;
    top: -60px;
    left: 0px;
    border-left: 74px solid transparent;
    border-bottom: 62px solid #f0f0f0
}

.gauge-lv1of3 .gauge-graph {
    color: #4c4c4c
}

.gauge-lv1of3 .gauge-graph .gauge-level-1 {
    background-color: #62c654;
    text-indent: 0
}

.gauge-lv2of3 .gauge-graph {
    color: #4c4c4c
}

.gauge-lv2of3 .gauge-graph .gauge-level-1 {
    background-color: #62c654
}

.gauge-lv2of3 .gauge-graph .gauge-level-2 {
    background-color: #f6be4f;
    text-indent: 0
}

.gauge-lv3of3 .gauge-graph {
    color: #4c4c4c
}

.gauge-lv3of3 .gauge-graph .gauge-level-1 {
    background-color: #62c654
}

.gauge-lv3of3 .gauge-graph .gauge-level-2 {
    background-color: #f6be4f
}

.gauge-lv3of3 .gauge-graph .gauge-level-3 {
    background-color: #ee6a5f;
    text-indent: 0
}

.gauge-lv0of4 .gauge-graph,
.gauge-lv1of4 .gauge-graph,
.gauge-lv2of4 .gauge-graph,
.gauge-lv3of4 .gauge-graph,
.gauge-lv4of4 .gauge-graph {
    padding-top: 47px
}

.gauge-lv0of4 .gauge-graph .gauge-level-mask,
.gauge-lv1of4 .gauge-graph .gauge-level-mask,
.gauge-lv2of4 .gauge-graph .gauge-level-mask,
.gauge-lv3of4 .gauge-graph .gauge-level-mask,
.gauge-lv4of4 .gauge-graph .gauge-level-mask {
    height: 84px
}

.gauge-lv0of4 .gauge-graph .gauge-level {
    display: none
}

.gauge-lv0of4 .gauge-graph .gauge-level-mask {
    display: none
}

.gauge-lv0of4 .gauge-graph .gauge-level-0 {
    display: block;
    height: 83px
}

.gauge-lv0of4 .gauge-graph .gauge-level-0::before {
    width: 148px;
    height: 166px;
    top: -2px;
    left: -74px;
    border-right: 74px solid transparent;
    border-top: 83px solid #f0f0f0
}

.gauge-lv0of4 .gauge-graph .gauge-level-0::after {
    width: 148px;
    height: 166px;
    top: -81px;
    left: 0px;
    border-left: 74px solid transparent;
    border-bottom: 83px solid #f0f0f0
}

.gauge-lv1of4 .gauge-graph {
    color: #4c4c4c
}

.gauge-lv1of4 .gauge-graph .gauge-level-1 {
    background-color: #62c654;
    text-indent: 0
}

.gauge-lv2of4 .gauge-graph {
    color: #4c4c4c
}

.gauge-lv2of4 .gauge-graph .gauge-level-1 {
    background-color: #62c654
}

.gauge-lv2of4 .gauge-graph .gauge-level-2 {
    background-color: #f6be4f;
    text-indent: 0
}

.gauge-lv3of4 .gauge-graph {
    color: #4c4c4c
}

.gauge-lv3of4 .gauge-graph .gauge-level-1 {
    background-color: #62c654
}

.gauge-lv3of4 .gauge-graph .gauge-level-2 {
    background-color: #f6be4f
}

.gauge-lv3of4 .gauge-graph .gauge-level-3 {
    background-color: #ee6a5f;
    text-indent: 0
}

.gauge-lv4of4 .gauge-graph {
    color: #4c4c4c
}

.gauge-lv4of4 .gauge-graph .gauge-level-1 {
    background-color: #62c654
}

.gauge-lv4of4 .gauge-graph .gauge-level-2 {
    background-color: #f6be4f
}

.gauge-lv4of4 .gauge-graph .gauge-level-3 {
    background-color: #ee6a5f
}

.gauge-lv4of4 .gauge-graph .gauge-level-4 {
    background-color: #ee6a5f;
    text-indent: 0
}

.gauge-lv0of5 .gauge-graph,
.gauge-lv1of5 .gauge-graph,
.gauge-lv2of5 .gauge-graph,
.gauge-lv3of5 .gauge-graph,
.gauge-lv4of5 .gauge-graph,
.gauge-lv5of5 .gauge-graph {
    padding-top: 26px
}

.gauge-lv0of5 .gauge-graph .gauge-level-mask,
.gauge-lv1of5 .gauge-graph .gauge-level-mask,
.gauge-lv2of5 .gauge-graph .gauge-level-mask,
.gauge-lv3of5 .gauge-graph .gauge-level-mask,
.gauge-lv4of5 .gauge-graph .gauge-level-mask,
.gauge-lv5of5 .gauge-graph .gauge-level-mask {
    height: 105px
}

.gauge-lv0of5 .gauge-graph .gauge-level {
    display: none
}

.gauge-lv0of5 .gauge-graph .gauge-level-mask {
    display: none
}

.gauge-lv0of5 .gauge-graph .gauge-level-0 {
    display: block;
    height: 104px
}

.gauge-lv0of5 .gauge-graph .gauge-level-0::before {
    width: 148px;
    height: 208px;
    top: -2px;
    left: -74px;
    border-right: 74px solid transparent;
    border-top: 104px solid #f0f0f0
}

.gauge-lv0of5 .gauge-graph .gauge-level-0::after {
    width: 148px;
    height: 208px;
    top: -102px;
    left: 0px;
    border-left: 74px solid transparent;
    border-bottom: 104px solid #f0f0f0
}

.gauge-lv1of5 .gauge-graph {
    color: #4c4c4c
}

.gauge-lv1of5 .gauge-graph .gauge-level-1 {
    background-color: #62c654;
    text-indent: 0
}

.gauge-lv2of5 .gauge-graph {
    color: #4c4c4c
}

.gauge-lv2of5 .gauge-graph .gauge-level-1 {
    background-color: #62c654
}

.gauge-lv2of5 .gauge-graph .gauge-level-2 {
    background-color: #f6be4f;
    text-indent: 0
}

.gauge-lv3of5 .gauge-graph {
    color: #4c4c4c
}

.gauge-lv3of5 .gauge-graph .gauge-level-1 {
    background-color: #62c654
}

.gauge-lv3of5 .gauge-graph .gauge-level-2 {
    background-color: #f6be4f
}

.gauge-lv3of5 .gauge-graph .gauge-level-3 {
    background-color: #ee6a5f;
    text-indent: 0
}

.gauge-lv4of5 .gauge-graph {
    color: #4c4c4c
}

.gauge-lv4of5 .gauge-graph .gauge-level-1 {
    background-color: #62c654
}

.gauge-lv4of5 .gauge-graph .gauge-level-2 {
    background-color: #f6be4f
}

.gauge-lv4of5 .gauge-graph .gauge-level-3 {
    background-color: #ee6a5f
}

.gauge-lv4of5 .gauge-graph .gauge-level-4 {
    background-color: #ee6a5f;
    text-indent: 0
}

.gauge-lv5of5 .gauge-graph {
    color: #4c4c4c
}

.gauge-lv5of5 .gauge-graph .gauge-level-1 {
    background-color: #62c654
}

.gauge-lv5of5 .gauge-graph .gauge-level-2 {
    background-color: #f6be4f
}

.gauge-lv5of5 .gauge-graph .gauge-level-3 {
    background-color: #ee6a5f
}

.gauge-lv5of5 .gauge-graph .gauge-level-4 {
    background-color: #ee6a5f
}

.gauge-lv5of5 .gauge-graph .gauge-level-5 {
    background-color: #ee6a5f;
    text-indent: 0
}

.gauge .gauge-multiple {
    padding: 0 10px
}

.gauge .gauge-multiple .gauge {
    width: 25%;
    height: 155px;
    float: left
}

.gauge .gauge-multiple .gauge .gauge-label {
    top: 139px;
    font-size: 12px;
    font-size: .75rem
}

.gauge .gauge-multiple .gauge .gauge-graph {
    height: 135px;
    padding-top: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

.gauge .gauge-multiple .gauge .gauge-graph .gauge-level {
    width: 36px
}

.gauge .gauge-multiple .gauge .gauge-graph .gauge-level-mask {
    width: 36px
}

.gauge .gauge-multiple .gauge .gauge-graph .gauge-level-0 {
    display: block;
    height: 62px
}

.gauge .gauge-multiple .gauge .gauge-graph .gauge-level-0::before {
    width: 72px;
    height: 124px;
    top: -2px;
    left: -36px;
    border-right: 36px solid transparent;
    border-top: 62px solid #f0f0f0
}

.gauge .gauge-multiple .gauge .gauge-graph .gauge-level-0::after {
    width: 72px;
    height: 124px;
    top: -60px;
    left: 0px;
    border-left: 36px solid transparent;
    border-bottom: 62px solid #f0f0f0
}

.gauge .gauge-multiple .gauge .gauge-graph .gauge-level-0>span {
    width: 36px
}

.indicator-home .gauge,
.indicator-desktop .gauge {
    background-color: #000
}

.indicator-home .gauge .gauge-graph .gauge-level,
.indicator-desktop .gauge .gauge-graph .gauge-level {
    background-color: #cacaca
}

.indicator-home .gauge .gauge-graph .gauge-level-0,
.indicator-desktop .gauge .gauge-graph .gauge-level-0 {
    background-color: #b1b1b1
}

.indicator-home .gauge .gauge-graph .gauge-level-0::before,
.indicator-desktop .gauge .gauge-graph .gauge-level-0::before {
    border-top-color: #cacaca
}

.indicator-home .gauge .gauge-graph .gauge-level-0::after,
.indicator-desktop .gauge .gauge-graph .gauge-level-0::after {
    border-bottom-color: #cacaca
}

.indicator-home .gauge-lv1of3 .gauge-graph,
.indicator-home .gauge-lv1of4 .gauge-graph,
.indicator-home .gauge-lv1of5 .gauge-graph,
.indicator-desktop .gauge-lv1of3 .gauge-graph,
.indicator-desktop .gauge-lv1of4 .gauge-graph,
.indicator-desktop .gauge-lv1of5 .gauge-graph {
    color: #62c654
}

.indicator-home .gauge-lv2of3 .gauge-graph,
.indicator-home .gauge-lv2of4 .gauge-graph,
.indicator-home .gauge-lv2of5 .gauge-graph,
.indicator-desktop .gauge-lv2of3 .gauge-graph,
.indicator-desktop .gauge-lv2of4 .gauge-graph,
.indicator-desktop .gauge-lv2of5 .gauge-graph {
    color: #f6be4f
}

.indicator-home .gauge-lv3of3 .gauge-graph,
.indicator-home .gauge-lv3of4 .gauge-graph,
.indicator-home .gauge-lv3of5 .gauge-graph,
.indicator-desktop .gauge-lv3of3 .gauge-graph,
.indicator-desktop .gauge-lv3of4 .gauge-graph,
.indicator-desktop .gauge-lv3of5 .gauge-graph {
    color: #ee6a5f
}

.indicator-home .gauge-lv4of4 .gauge-graph,
.indicator-home .gauge-lv4of5 .gauge-graph,
.indicator-desktop .gauge-lv4of4 .gauge-graph,
.indicator-desktop .gauge-lv4of5 .gauge-graph {
    color: #ee6a5f
}

.indicator-home .gauge-lv5of5 .gauge-graph,
.indicator-desktop .gauge-lv5of5 .gauge-graph {
    color: #ee6a5f
}

.indicator-home .gauge-lv1of3 .gauge-graph .gauge-level-1,
.indicator-home .gauge-lv1of4 .gauge-graph .gauge-level-1,
.indicator-home .gauge-lv1of5 .gauge-graph .gauge-level-1,
.indicator-desktop .gauge-lv1of3 .gauge-graph .gauge-level-1,
.indicator-desktop .gauge-lv1of4 .gauge-graph .gauge-level-1,
.indicator-desktop .gauge-lv1of5 .gauge-graph .gauge-level-1 {
    background-color: #62c654
}

.indicator-home .gauge-lv2of3 .gauge-graph .gauge-level-1,
.indicator-home .gauge-lv2of4 .gauge-graph .gauge-level-1,
.indicator-home .gauge-lv2of5 .gauge-graph .gauge-level-1,
.indicator-desktop .gauge-lv2of3 .gauge-graph .gauge-level-1,
.indicator-desktop .gauge-lv2of4 .gauge-graph .gauge-level-1,
.indicator-desktop .gauge-lv2of5 .gauge-graph .gauge-level-1 {
    background-color: #62c654
}

.indicator-home .gauge-lv2of3 .gauge-graph .gauge-level-2,
.indicator-home .gauge-lv2of4 .gauge-graph .gauge-level-2,
.indicator-home .gauge-lv2of5 .gauge-graph .gauge-level-2,
.indicator-desktop .gauge-lv2of3 .gauge-graph .gauge-level-2,
.indicator-desktop .gauge-lv2of4 .gauge-graph .gauge-level-2,
.indicator-desktop .gauge-lv2of5 .gauge-graph .gauge-level-2 {
    background-color: #f6be4f
}

.indicator-home .gauge-lv3of3 .gauge-graph .gauge-level-1,
.indicator-home .gauge-lv3of4 .gauge-graph .gauge-level-1,
.indicator-home .gauge-lv3of5 .gauge-graph .gauge-level-1,
.indicator-desktop .gauge-lv3of3 .gauge-graph .gauge-level-1,
.indicator-desktop .gauge-lv3of4 .gauge-graph .gauge-level-1,
.indicator-desktop .gauge-lv3of5 .gauge-graph .gauge-level-1 {
    background-color: #62c654
}

.indicator-home .gauge-lv3of3 .gauge-graph .gauge-level-2,
.indicator-home .gauge-lv3of4 .gauge-graph .gauge-level-2,
.indicator-home .gauge-lv3of5 .gauge-graph .gauge-level-2,
.indicator-desktop .gauge-lv3of3 .gauge-graph .gauge-level-2,
.indicator-desktop .gauge-lv3of4 .gauge-graph .gauge-level-2,
.indicator-desktop .gauge-lv3of5 .gauge-graph .gauge-level-2 {
    background-color: #f6be4f
}

.indicator-home .gauge-lv3of3 .gauge-graph .gauge-level-3,
.indicator-home .gauge-lv3of4 .gauge-graph .gauge-level-3,
.indicator-home .gauge-lv3of5 .gauge-graph .gauge-level-3,
.indicator-desktop .gauge-lv3of3 .gauge-graph .gauge-level-3,
.indicator-desktop .gauge-lv3of4 .gauge-graph .gauge-level-3,
.indicator-desktop .gauge-lv3of5 .gauge-graph .gauge-level-3 {
    background-color: #ee6a5f
}

.indicator-home .gauge-lv4of4 .gauge-graph .gauge-level-1,
.indicator-home .gauge-lv4of5 .gauge-graph .gauge-level-1,
.indicator-desktop .gauge-lv4of4 .gauge-graph .gauge-level-1,
.indicator-desktop .gauge-lv4of5 .gauge-graph .gauge-level-1 {
    background-color: #62c654
}

.indicator-home .gauge-lv4of4 .gauge-graph .gauge-level-2,
.indicator-home .gauge-lv4of5 .gauge-graph .gauge-level-2,
.indicator-desktop .gauge-lv4of4 .gauge-graph .gauge-level-2,
.indicator-desktop .gauge-lv4of5 .gauge-graph .gauge-level-2 {
    background-color: #f6be4f
}

.indicator-home .gauge-lv4of4 .gauge-graph .gauge-level-3,
.indicator-home .gauge-lv4of5 .gauge-graph .gauge-level-3,
.indicator-desktop .gauge-lv4of4 .gauge-graph .gauge-level-3,
.indicator-desktop .gauge-lv4of5 .gauge-graph .gauge-level-3 {
    background-color: #ee6a5f
}

.indicator-home .gauge-lv4of4 .gauge-graph .gauge-level-4,
.indicator-home .gauge-lv4of5 .gauge-graph .gauge-level-4,
.indicator-desktop .gauge-lv4of4 .gauge-graph .gauge-level-4,
.indicator-desktop .gauge-lv4of5 .gauge-graph .gauge-level-4 {
    background-color: #ee6a5f
}

.indicator-home .gauge-lv5of5 .gauge-graph .gauge-level-1,
.indicator-desktop .gauge-lv5of5 .gauge-graph .gauge-level-1 {
    background-color: #62c654
}

.indicator-home .gauge-lv5of5 .gauge-graph .gauge-level-2,
.indicator-desktop .gauge-lv5of5 .gauge-graph .gauge-level-2 {
    background-color: #f6be4f
}

.indicator-home .gauge-lv5of5 .gauge-graph .gauge-level-3,
.indicator-desktop .gauge-lv5of5 .gauge-graph .gauge-level-3 {
    background-color: #ee6a5f
}

.indicator-home .gauge-lv5of5 .gauge-graph .gauge-level-4,
.indicator-desktop .gauge-lv5of5 .gauge-graph .gauge-level-4 {
    background-color: #ee6a5f
}

.indicator-home .gauge-lv5of5 .gauge-graph .gauge-level-5,
.indicator-desktop .gauge-lv5of5 .gauge-graph .gauge-level-5 {
    background-color: #ee6a5f
}

.indicator-home .gauge-label,
.indicator-desktop .gauge-label {
    color: #fff
}

.indicator-home .gauge {
    padding-top: 32px
}

.indicator-home .gauge .gauge-label {
    bottom: auto;
    top: 18px;
    z-index: 9;
    padding: 0 10px
}

.indicator-home .gauge .gauge-graph .gauge-level {
    width: 94px
}

.forecast-gauge .gauge {
    height: auto
}

.forecast-gauge .gauge-lv0of3 .gauge-graph,
.forecast-gauge .gauge-lv1of3 .gauge-graph,
.forecast-gauge .gauge-lv2of3 .gauge-graph,
.forecast-gauge .gauge-lv3of3 .gauge-graph {
    padding-top: 20px;
    height: 107px
}

.forecast-gauge .gauge-lv0of3 .gauge-label,
.forecast-gauge .gauge-lv1of3 .gauge-label,
.forecast-gauge .gauge-lv2of3 .gauge-label,
.forecast-gauge .gauge-lv3of3 .gauge-label {
    top: 115px
}

.forecast-gauge .gauge-lv0of4 .gauge-graph,
.forecast-gauge .gauge-lv1of4 .gauge-graph,
.forecast-gauge .gauge-lv2of4 .gauge-graph,
.forecast-gauge .gauge-lv3of4 .gauge-graph,
.forecast-gauge .gauge-lv4of4 .gauge-graph {
    padding-top: 20px;
    height: 128px
}

.forecast-gauge .gauge-lv0of4 .gauge-label,
.forecast-gauge .gauge-lv1of4 .gauge-label,
.forecast-gauge .gauge-lv2of4 .gauge-label,
.forecast-gauge .gauge-lv3of4 .gauge-label,
.forecast-gauge .gauge-lv4of4 .gauge-label {
    top: 136px
}

.forecast-gauge .gauge-lv0of5 .gauge-graph,
.forecast-gauge .gauge-lv1of5 .gauge-graph,
.forecast-gauge .gauge-lv2of5 .gauge-graph,
.forecast-gauge .gauge-lv3of5 .gauge-graph,
.forecast-gauge .gauge-lv4of5 .gauge-graph,
.forecast-gauge .gauge-lv5of5 .gauge-graph {
    padding-top: 20px;
    height: 149px
}

.forecast-gauge .gauge-lv0of5 .gauge-label,
.forecast-gauge .gauge-lv1of5 .gauge-label,
.forecast-gauge .gauge-lv2of5 .gauge-label,
.forecast-gauge .gauge-lv3of5 .gauge-label,
.forecast-gauge .gauge-lv4of5 .gauge-label,
.forecast-gauge .gauge-lv5of5 .gauge-label {
    top: 157px
}

.balloon {
    width: 361px;
    height: auto;
    padding: 16px 0 37px;
    position: absolute;
    bottom: 0;
    z-index: 10;
    display: none
}

.balloon>dl {
    margin: 0;
    padding: 5px 15px;
    background: url(../img/common/balloon_middle.png) 0 0 repeat-y;
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.6;
    color: #000;
    text-align: left;
    position: relative
}

.balloon>dl:before,
.balloon>dl:after {
    display: block;
    width: 100%;
    content: "";
    position: absolute;
    left: 0;
    z-index: 11
}

.balloon>dl:before {
    height: 16px;
    top: -16px;
    background: url(../img/common/balloon_top.png) 0 0 no-repeat
}

.balloon>dl:after {
    height: 37px;
    bottom: -37px;
    background: url(../img/common/balloon_bottom_l.png) 0 0 no-repeat
}

.balloon>dl>dt {
    display: inline-block;
    clear: left;
    float: left
}

.balloon>dl>dt:after {
    content: ":";
    display: inline-block;
    padding: 0 6px
}

.balloon>dl>dd {
    margin: 0 0 0 30px
}

.indicator-section-right .balloon {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.indicator-section-right .balloon>dl:after {
    background-image: url(../img/common/balloon_bottom_r.png)
}

.indicator-forecast .balloon {
    left: 66px
}

.indicator-current .balloon,
.indicator-trend .balloon {
    left: 57px
}

.gauge-lv1of3 .balloon,
.gauge-lv1of4 .balloon,
.gauge-lv1of5 .balloon {
    bottom: 53px
}

.gauge-lv2of3 .balloon,
.gauge-lv2of4 .balloon,
.gauge-lv2of5 .balloon {
    bottom: 74px
}

.gauge-lv3of3 .balloon,
.gauge-lv3of4 .balloon,
.gauge-lv3of5 .balloon {
    bottom: 95px
}

.gauge-lv4of4 .balloon,
.gauge-lv4of5 .balloon {
    bottom: 116px
}

.gauge-lv5of5 .balloon {
    bottom: 137px
}

.gauge-multiple .gauge .balloon {
    left: 44px
}

.gauge-multiple .gauge-lv1of3 .balloon {
    bottom: 29px
}

.gauge-multiple .gauge-lv2of3 .balloon {
    bottom: 50px
}

.gauge-multiple .gauge-lv3of3 .balloon {
    bottom: 71px
}

.t-swc-en .gauge-proton.gauge-lv2of3 .gauge-graph,
.t-swc-en .gauge-proton.gauge-lv3of3 .gauge-graph {
    padding-top: 52px
}

.t-swc-en .gauge .gauge-graph {
    font-size: 14px;
    font-size: .875rem
}

.t-swc-en .gauge-lv0of3 .gauge-graph,
.t-swc-en .gauge-lv1of3 .gauge-graph,
.t-swc-en .gauge-lv2of3 .gauge-graph,
.t-swc-en .gauge-lv3of3 .gauge-graph {
    padding-top: 70px
}

.t-swc-en .gauge-lv0of4 .gauge-graph,
.t-swc-en .gauge-lv1of4 .gauge-graph,
.t-swc-en .gauge-lv2of4 .gauge-graph,
.t-swc-en .gauge-lv3of4 .gauge-graph,
.t-swc-en .gauge-lv4of4 .gauge-graph {
    padding-top: 49px
}

.t-swc-en .gauge-lv0of5 .gauge-graph,
.t-swc-en .gauge-lv1of5 .gauge-graph,
.t-swc-en .gauge-lv2of5 .gauge-graph,
.t-swc-en .gauge-lv3of5 .gauge-graph,
.t-swc-en .gauge-lv4of5 .gauge-graph,
.t-swc-en .gauge-lv5of5 .gauge-graph {
    padding-top: 28px
}

.t-swc-en .forecast-gauge .gauge-lv0of3 .gauge-graph,
.t-swc-en .forecast-gauge .gauge-lv1of3 .gauge-graph,
.t-swc-en .forecast-gauge .gauge-lv2of3 .gauge-graph,
.t-swc-en .forecast-gauge .gauge-lv3of3 .gauge-graph,
.t-swc-en .forecast-gauge .gauge-lv0of4 .gauge-graph,
.t-swc-en .forecast-gauge .gauge-lv1of4 .gauge-graph,
.t-swc-en .forecast-gauge .gauge-lv2of4 .gauge-graph,
.t-swc-en .forecast-gauge .gauge-lv3of4 .gauge-graph,
.t-swc-en .forecast-gauge .gauge-lv4of4 .gauge-graph,
.t-swc-en .forecast-gauge .gauge-lv0of5 .gauge-graph,
.t-swc-en .forecast-gauge .gauge-lv1of5 .gauge-graph,
.t-swc-en .forecast-gauge .gauge-lv2of5 .gauge-graph,
.t-swc-en .forecast-gauge .gauge-lv3of5 .gauge-graph,
.t-swc-en .forecast-gauge .gauge-lv4of5 .gauge-graph,
.t-swc-en .forecast-gauge .gauge-lv5of5 .gauge-graph {
    padding-top: 20px
}

.t-swc-en .indicator-home .gauge {
    padding-top: 34px
}

.t-swc-en .indicator-home .gauge .gauge-label {
    top: 12px
}

.guide-collapse {
    margin: 20px 0
}

.guide-collapse__header {
    background-color: #ebebeb;
    border-radius: 6px
}

.guide-collapse__header label {
    display: block;
    padding: 15px 20px;
    cursor: pointer;
    text-align: right;
    font-size: 14px;
    font-size: .875rem;
    line-height: 16px;
    color: #006cc0
}

.guide-collapse__header label input[type=checkbox] {
    display: none
}

.guide-collapse__header label .guide-label {
    padding-right: 20px;
    position: relative
}

.guide-collapse__header label .guide-label::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-repeat: no-repeat
}

.guide-collapse__header label .guide-label-open {
    display: inline-block
}

.guide-collapse__header label .guide-label-open::after {
    background-image: url(../img/common/icon_guide_off.png)
}

.guide-collapse__header label .guide-label-close {
    display: none
}

.guide-collapse__header label .guide-label-close::after {
    background-image: url(../img/common/icon_guide_on.png)
}

.guide-collapse__header label:hover .guide-label::after {
    background-image: url(../img/common/icon_guide_on.png)
}

.guide-collapse__header:hover {
    background-color: #dadada
}

.guide-collapse__content {
    padding: 0 20px 20px
}

.guide-collapse__content>div {
    background-color: #fff
}

.guide-collapse__header:has(:checked) {
    border-radius: 6px 6px 0 0
}

.guide-collapse__header:has(:checked):hover {
    background-color: #ebebeb
}

.guide-collapse__header:has(:checked) label .guide-label-open {
    display: none
}

.guide-collapse__header:has(:checked) label .guide-label-close {
    display: inline-block
}

.guide-collapse__content {
    -webkit-transition: height .5s, opacity .5s, content-visibility .5s allow-discrete;
    transition: height .5s, opacity .5s, content-visibility .5s allow-discrete;
    height: 0;
    opacity: 0;
    overflow: clip
}

.guide-collapse__header:has(:checked)+.guide-collapse__content {
    height: auto;
    opacity: 1;
    background-color: #ebebeb
}

.guide-content {
    padding: 20px 30px;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.7
}

.guide-content p {
    text-indent: unset
}

.guide-content figure {
    display: block;
    margin: 0;
    padding-bottom: 40px
}

.guide-content figure>figcaption {
    display: block;
    text-align: center;
    margin-bottom: 20px
}

.guide-content figure>img {
    width: 100%
}

.guide-content .guide-list li {
    margin-bottom: .5em;
    padding-left: 4.5rem;
    text-indent: -2.5rem;
    list-style: none;
    font-size: 14px;
    font-size: .875rem
}

.guide-content .guide-notice--number li {
    padding-left: 1.2rem;
    text-indent: -1.2rem;
    list-style: none;
    font-size: 14px;
    font-size: .875rem
}

.guide-content .guide-notice li {
    padding-left: .5rem;
    text-indent: -0.5rem;
    list-style: none;
    font-size: 14px;
    font-size: .875rem
}

.guide-content a[target=_blank] {
    position: relative
}

.guide-content a[target=_blank]::after {
    content: "";
    display: inline-block;
    margin-left: 4px;
    margin-right: 3px;
    width: 12px;
    height: 12px;
    background: url(../img/common/icon_external.png) 0 0 no-repeat;
    background-size: contain
}

.guide-modal-button {
    display: inline-block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    left: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url(../img/common/icon_guide_off.png);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: center;
    cursor: pointer
}

.guide-modal-button:hover {
    background-image: url(../img/common/icon_guide_on.png)
}

.guide-modal-overlay {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(0, 0, 0, .6);
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100
}

.guide-modal-container {
    background-color: #fff;
    max-height: 470px;
    height: auto;
    width: 800px;
    font-size: 14px;
    font-size: .875rem;
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.guide-modal-header {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    text-align: right
}

.guide-modal-content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0 20px 40px;
    overflow: hidden
}

.guide-modal-content>div {
    height: 100%;
    max-height: 370px;
    padding: 0 20px;
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-width: thin;
    scrollbar-color: #ccc #fff;
    line-height: 1.7
}

.guide-modal-content>div::-webkit-scrollbar {
    width: 4px;
    display: block
}

.guide-modal-content>div::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px
}

.guide-modal-content>div::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px
}

.guide-modal-content>div::-webkit-scrollbar-thumb:hover {
    background: #999
}

.guide-modal-content>div p {
    text-indent: unset
}

.guide-modal-content>div .guide-list li {
    margin-bottom: .5em;
    padding-left: 4.5rem;
    text-indent: -2.5rem;
    list-style: none;
    font-size: 14px;
    font-size: .875rem
}

.guide-modal-content>div .guide-notice li {
    padding-left: 1.2rem;
    text-indent: -1.2rem;
    list-style: none;
    font-size: 14px;
    font-size: .875rem
}

.guide-modal-content>div a[target=_blank] {
    position: relative
}

.guide-modal-content>div a[target=_blank]::after {
    content: "";
    display: inline-block;
    margin-left: 4px;
    margin-right: 3px;
    width: 12px;
    height: 12px;
    background: url(../img/common/icon_external.png) 0 0 no-repeat;
    background-size: contain
}

.guide-modal-content .guide-modal-content__title {
    font-weight: bold
}

.guide-modal-close {
    display: inline-block;
    padding: 20px 40px 20px 20px;
    cursor: pointer;
    color: #006cc0;
    position: relative;
    line-height: 16px
}

.guide-modal-close::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url(../img/common/icon_guide_on.png);
    background-repeat: no-repeat
}

@-webkit-keyframes guideModalFadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes guideModalFadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes guideModalFadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes guideModalFadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes guideModalSlideIn {
    from {
        -webkit-transform: translateY(15%);
        transform: translateY(15%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes guideModalSlideIn {
    from {
        -webkit-transform: translateY(15%);
        transform: translateY(15%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes guideModalSlideOut {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%)
    }
}

@keyframes guideModalSlideOut {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%)
    }
}

.guide-modal {
    display: none
}

.guide-modal.is-open {
    display: block
}

.guide-modal[aria-hidden=false] .guide-modal-overlay {
    -webkit-animation: guideModalFadeIn .3s cubic-bezier(0, 0, 0.2, 1);
    animation: guideModalFadeIn .3s cubic-bezier(0, 0, 0.2, 1)
}

.guide-modal[aria-hidden=false] .guide-modal-container {
    -webkit-animation: guideModalSlideIn .3s cubic-bezier(0, 0, 0.2, 1);
    animation: guideModalSlideIn .3s cubic-bezier(0, 0, 0.2, 1)
}

.guide-modal[aria-hidden=true] .guide-modal-overlay {
    -webkit-animation: guideModalFadeOut .3s cubic-bezier(0, 0, 0.2, 1);
    animation: guideModalFadeOut .3s cubic-bezier(0, 0, 0.2, 1)
}

.guide-modal[aria-hidden=true] .guide-modal-container {
    -webkit-animation: guideModalSlideOut .3s cubic-bezier(0, 0, 0.2, 1);
    animation: guideModalSlideOut .3s cubic-bezier(0, 0, 0.2, 1)
}

.guide-modal .guide-modal-container,
.guide-modal .modal-overlay {
    will-change: transform
}

.guideline .guideline-head {
    text-indent: -1em;
    padding-left: 1em
}

.guideline .guideline-list-1 {
    text-indent: -1em;
    padding-left: 2em
}

.guideline .guideline-list-2 {
    text-indent: -2em;
    padding-left: 4em
}

.header-bulletin {
    padding-top: 11px;
    padding-bottom: 10px;
    background-color: #322828;
    border-bottom: 1px solid #463232;
    font-size: 0;
    position: relative
}

.header-bulletin .header-bulletin-title {
    display: inline-block;
    vertical-align: middle;
    color: #f6bd4f
}

.header-bulletin .header-bulletin-title .header-bulletin-heading {
    display: inline-block;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1;
    font-weight: normal;
    margin-bottom: 0;
    padding: 4px 0
}

.header-bulletin .header-bulletin-body {
    max-width: 1000px
}

.header-bulletin .header-bulletin-body>p {
    font-size: 14px;
    font-size: .875rem;
    margin-bottom: 0;
    color: #fff
}

.header {
    background-color: #323232;
    width: 1020px
}

@media screen and (min-width: 1021px) {
    .header {
        width: 100%
    }
}

.header .header-main {
    background-color: #000
}

.header .header-main .l-header::after {
    clear: both;
    content: " ";
    display: block
}

.header .header-main .l-header .header-main-title {
    width: 320px;
    min-height: 118px;
    float: left;
    background: url(../img/common/header_logo_title.png) 0 50% no-repeat;
    background-size: 308px 60px;
    color: #fff
}

.header .header-main .l-header .header-main-title>h1 {
    display: none;
    width: 368px;
    height: 74px;
    margin-bottom: 0;
    background: url(../img/common/header_title.png) 0 0 no-repeat;
    background-size: contain;
    text-indent: 500px;
    white-space: nowrap;
    overflow: hidden
}

.header .header-main .l-header .header-main-title>p {
    height: 0;
    margin-bottom: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

.header .header-main .l-header .header-main-tools {
    width: 450px;
    min-height: 118px;
    float: right;
    position: relative
}

.header .header-main .l-header .header-main-tools .header-main-old-site {
    position: absolute;
    left: 97px;
    top: 0
}

.header .header-main .l-header .header-main-tools .header-main-old-site>ul {
    list-style-type: none;
    margin-bottom: 0;
    padding: 21px 0 17px
}

.header .header-main .l-header .header-main-tools .header-main-old-site>ul>li {
    line-height: 1
}

.header .header-main .l-header .header-main-tools .header-main-old-site>ul>li>a {
    color: #fff;
    font-size: 13px;
    font-size: .8125rem
}

.header .header-main .l-header .header-main-tools .header-main-guide {
    width: 95px;
    position: absolute;
    top: 14px;
    right: 104px;
    font-size: 0
}

.header .header-main .l-header .header-main-tools .header-main-guide .btn-guide {
    width: 130px
}

.header .header-main .l-header .header-main-tools .header-main-lang {
    position: absolute;
    top: 0;
    right: 0px;
    float: right;
    font-size: 0
}

.header .header-main .l-header .header-main-tools .header-main-lang>li {
    margin-right: 1px;
    padding: 0;
    display: inline-block;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1;
    font-family: "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Arial, sans-serif;
    font-weight: bold;
    background-color: #282828;
    color: #fff
}

.header .header-main .l-header .header-main-tools .header-main-lang>li>a {
    display: inline-block;
    padding: 12px 15px 8px;
    color: #666;
    text-decoration: none
}

.header .header-main .l-header .header-main-tools .header-main-lang>li>a:hover {
    opacity: .2
}

.header .header-main .l-header .header-main-tools .header-main-lang>li.is-active {
    background-color: #666
}

.header .header-main .l-header .header-main-tools .header-main-lang>li.is-active>a {
    color: #fff
}

.header .header-main .l-header .header-main-tools .header-main-clocks {
    padding: 64px 0 0 130px
}

.header .header-main .l-header .header-main-tools .header-main-clocks.header-main-clocks-desktop-viewer {
    padding: 36px 14px 0 170px
}

.header .header-main.header-main-desktop-viewer {
    background: url(../img/common/header_desktop_viewer.png) 0 0 no-repeat;
    height: 108px;
    background-position: -85px -50px;
    background-color: #000
}

.header .header-main.header-main-desktop-viewer .l-header {
    background: none
}

.header .header-main.header-main-desktop-viewer .l-header .header-main-title {
    background: none
}

.header .header-main.header-main-desktop-viewer .l-header .header-main-title>h1 {
    background: none
}

.header .header-bottom {
    background-color: #323232;
    position: relative
}

.header .header-bottom .l-header .header-nav {
    margin-bottom: 0;
    font-size: 0
}

.header .header-bottom .l-header .header-nav .header-nav-item {
    display: inline-block;
    vertical-align: middle;
    width: 16.6666666667%;
    padding: 4px;
    list-style: none;
    line-height: 1
}

.header .header-bottom .l-header .header-nav .header-nav-item>a {
    display: block;
    padding: 11px 0;
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    text-decoration: none;
    text-align: center
}

.header .header-bottom .l-header .header-nav .header-nav-item>a:hover {
    color: #ccc
}

.header .header-bottom .l-header .header-nav .header-nav-item .header-subnav {
    display: none;
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    z-index: 100;
    background-color: #666
}

.header .header-bottom .l-header .header-nav .header-nav-item .header-subnav .l-header {
    padding-left: 1px;
    position: relative
}

.header .header-bottom .l-header .header-nav .header-nav-item .header-subnav .l-header::before {
    display: block;
    content: "";
    width: 1px;
    height: 30px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #999
}

.header .header-bottom .l-header .header-nav .header-nav-item .header-subnav .l-header>ul {
    opacity: 0;
    display: table;
    width: 100%
}

.header .header-bottom .l-header .header-nav .header-nav-item .header-subnav .l-header>ul>li {
    display: table-cell;
    height: 80px;
    padding-right: 1px;
    list-style: none;
    text-align: center;
    position: relative
}

.header .header-bottom .l-header .header-nav .header-nav-item .header-subnav .l-header>ul>li::after {
    display: block;
    content: "";
    width: 1px;
    height: 30px;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #999
}

.header .header-bottom .l-header .header-nav .header-nav-item .header-subnav .l-header>ul>li>a {
    display: inline-block;
    width: 100%;
    height: 100%;
    color: #ccc;
    text-decoration: none;
    position: relative
}

.header .header-bottom .l-header .header-nav .header-nav-item .header-subnav .l-header>ul>li>a:hover {
    color: #fff
}

.header .header-bottom .l-header .header-nav .header-nav-item .header-subnav .l-header>ul>li>a>span {
    display: inline-block;
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 15px;
    font-size: .9375rem;
    line-height: 20px;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    white-space: nowrap
}

.header .header-bottom .l-header .header-nav .header-nav-item .header-subnav .l-header>ul>li>a.is-current {
    background-color: gray
}

.header .header-bottom .l-header .header-nav .header-nav-item .header-subnav .l-header>ul>li .header-subnav-item.is-1l {
    padding-top: 30px
}

.header .header-bottom .l-header .header-nav .header-nav-item .header-subnav .l-header>ul>li .header-subnav-item.is-2l {
    padding-top: 20px
}

.header .header-bottom .l-header .header-nav .header-nav-item-parent>a {
    position: relative
}

.header .header-bottom .l-header .header-nav .header-nav-item-parent>a::after {
    content: "";
    display: none;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 16px;
    height: 20px;
    bottom: -4px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-bottom: 10px solid #666;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent
}

.header .header-bottom .l-header .header-nav .header-nav-item-parent.is-fixed>a::after {
    display: block
}

.header .header-bottom .l-header .header-nav .header-nav-item-parent.is-fixed .header-subnav {
    display: block
}

.header .header-bottom .l-header .header-nav .header-nav-item-parent.is-fixed .header-subnav .l-header>ul {
    opacity: 1
}

.header .header-bottom .l-header .header-nav.is-home .header-nav-item-parent.is-report>a::after,
.header .header-bottom .l-header .header-nav.is-home .header-nav-item-parent.is-trend>a::after,
.header .header-bottom .l-header .header-nav.is-home .header-nav-item-parent.is-forecast>a::after,
.header .header-bottom .l-header .header-nav.is-knowledge .header-nav-item-parent.is-report>a::after,
.header .header-bottom .l-header .header-nav.is-knowledge .header-nav-item-parent.is-trend>a::after,
.header .header-bottom .l-header .header-nav.is-knowledge .header-nav-item-parent.is-forecast>a::after,
.header .header-bottom .l-header .header-nav.is-link .header-nav-item-parent.is-report>a::after,
.header .header-bottom .l-header .header-nav.is-link .header-nav-item-parent.is-trend>a::after,
.header .header-bottom .l-header .header-nav.is-link .header-nav-item-parent.is-forecast>a::after {
    display: none
}

.header .header-bottom .l-header .header-nav.is-home .header-nav-item-parent.is-report .header-subnav,
.header .header-bottom .l-header .header-nav.is-home .header-nav-item-parent.is-trend .header-subnav,
.header .header-bottom .l-header .header-nav.is-home .header-nav-item-parent.is-forecast .header-subnav,
.header .header-bottom .l-header .header-nav.is-knowledge .header-nav-item-parent.is-report .header-subnav,
.header .header-bottom .l-header .header-nav.is-knowledge .header-nav-item-parent.is-trend .header-subnav,
.header .header-bottom .l-header .header-nav.is-knowledge .header-nav-item-parent.is-forecast .header-subnav,
.header .header-bottom .l-header .header-nav.is-link .header-nav-item-parent.is-report .header-subnav,
.header .header-bottom .l-header .header-nav.is-link .header-nav-item-parent.is-trend .header-subnav,
.header .header-bottom .l-header .header-nav.is-link .header-nav-item-parent.is-forecast .header-subnav {
    display: none
}

.header .header-bottom .l-header .header-nav.is-report .header-nav-item-parent.is-report>a::after {
    display: block
}

.header .header-bottom .l-header .header-nav.is-report .header-nav-item-parent.is-report .header-subnav {
    display: block
}

.header .header-bottom .l-header .header-nav.is-report .header-nav-item-parent.is-report .header-subnav .l-header>ul {
    opacity: 1
}

.header .header-bottom .l-header .header-nav.is-report .header-nav-item-parent.is-trend>a::after,
.header .header-bottom .l-header .header-nav.is-report .header-nav-item-parent.is-forecast>a::after {
    display: none
}

.header .header-bottom .l-header .header-nav.is-report .header-nav-item-parent.is-trend .header-subnav,
.header .header-bottom .l-header .header-nav.is-report .header-nav-item-parent.is-forecast .header-subnav {
    display: none
}

.header .header-bottom .l-header .header-nav.is-trend .header-nav-item-parent.is-trend>a::after {
    display: block
}

.header .header-bottom .l-header .header-nav.is-trend .header-nav-item-parent.is-trend .header-subnav {
    display: block
}

.header .header-bottom .l-header .header-nav.is-trend .header-nav-item-parent.is-trend .header-subnav .l-header>ul {
    opacity: 1
}

.header .header-bottom .l-header .header-nav.is-trend .header-nav-item-parent.is-report>a::after,
.header .header-bottom .l-header .header-nav.is-trend .header-nav-item-parent.is-forecast>a::after {
    display: none
}

.header .header-bottom .l-header .header-nav.is-trend .header-nav-item-parent.is-report .header-subnav,
.header .header-bottom .l-header .header-nav.is-trend .header-nav-item-parent.is-forecast .header-subnav {
    display: none
}

.header .header-bottom .l-header .header-nav.is-forecast .header-nav-item-parent.is-forecast>a::after {
    display: block
}

.header .header-bottom .l-header .header-nav.is-forecast .header-nav-item-parent.is-forecast .header-subnav {
    display: block
}

.header .header-bottom .l-header .header-nav.is-forecast .header-nav-item-parent.is-forecast .header-subnav .l-header>ul {
    opacity: 1
}

.header .header-bottom .l-header .header-nav.is-forecast .header-nav-item-parent.is-report>a::after,
.header .header-bottom .l-header .header-nav.is-forecast .header-nav-item-parent.is-trend>a::after {
    display: none
}

.header .header-bottom .l-header .header-nav.is-forecast .header-nav-item-parent.is-report .header-subnav,
.header .header-bottom .l-header .header-nav.is-forecast .header-nav-item-parent.is-trend .header-subnav {
    display: none
}

.header .header-bottom.is-fixed {
    margin-bottom: 80px
}

.header .header-bread {
    background-color: #fff
}

.header .header-bread .l-header .header-bread-link {
    padding-left: 16px
}

.header .header-bread .l-header .header-bread-link>ul {
    margin: 0;
    font-size: 0
}

.header .header-bread .l-header .header-bread-link>ul>li {
    display: inline-block;
    padding: 19px 0;
    list-style: none;
    font-size: 12px;
    font-size: .75rem;
    line-height: 1;
    color: #333
}

.header .header-bread .l-header .header-bread-link>ul>li>a {
    display: block;
    color: #000;
    text-decoration: none;
    position: relative;
    margin-right: 24px;
    color: #999
}

.header .header-bread .l-header .header-bread-link>ul>li>a::after {
    display: block;
    content: ">";
    position: absolute;
    bottom: 1px;
    right: -15px
}

.header-home .header-main {
    position: relative
}

.header-home .header-main::before {
    display: block;
    content: "";
    width: 100%;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(black), to(transparent));
    background-image: linear-gradient(black 0%, transparent 100%)
}

.header-home .header-main .l-header {
    position: relative;
    background: none
}

.t-swc-en .header-main .l-header .header-main-title {
    width: 470px;
    background: url(../img/common/header_logo_title_en.png) 0 50% no-repeat;
    background-size: 465px 60px
}

.t-swc-en .header-main .l-header .header-main-title>h1 {
    width: 412px;
    height: 83px;
    background: url(../img/common/header_title_en.png) 0 0 no-repeat;
    background-size: contain
}

.t-swc-en .header-main .l-header .header-main-tools .header-main-old-site {
    left: 131px
}

.t-swc-en .header-main.header-main-desktop-viewer {
    background: url(../img/common/header_desktop_viewer_en.png) 0 0 no-repeat;
    height: 108px;
    background-position: -85px -50px;
    background-color: #000
}

.heading {
    margin-bottom: 0;
    line-height: 1
}

.heading-sample {
    display: block;
    font-size: 60px;
    font-size: 3.75rem;
    color: #003990
}

.heading-sample-section {
    display: block;
    font-size: 40px;
    font-size: 2.5rem;
    color: #003990
}

.heading-sample-block {
    margin-bottom: 20px;
    font-size: 20px;
    font-size: 1.25rem;
    color: #003990
}

.heading-page {
    padding-bottom: 20px;
    margin-bottom: 40px;
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 1;
    color: #000;
    font-weight: bold;
    border-bottom: 2px solid #000
}

.heading-index {
    padding-bottom: 20px;
    margin-bottom: 10px;
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 1;
    color: #000;
    font-weight: bold;
    border-bottom: 2px solid #000
}

.heading-section {
    display: inline-block;
    padding-bottom: 5px;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: normal;
    border-bottom: 3px solid #006cc0
}

.heading-section span {
    font-size: 14px;
    font-size: .875rem
}

.heading-section-home {
    display: block;
    padding-bottom: 12px;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    border-bottom: 4px solid #eaf2f8
}

.l-section-bg .heading-section {
    display: block;
    font-size: 20px;
    font-size: 1.25rem
}

.heading-block {
    margin-bottom: 20px
}

.heading-movie {
    padding: 3px 28px;
    margin-bottom: 12px;
    background: url(../img/common/icon_movie.png) 0 0 no-repeat;
    font-size: 16px;
    font-size: 1rem
}

.heading-box {
    display: inline-block;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: normal;
    padding-bottom: 4px;
    border-bottom: 3px solid #006cc0;
    margin-bottom: 20px
}

.l-box-sun .heading-box {
    color: #fff;
    border-bottom: 3px solid #fff
}

.heading-information {
    display: inline-block;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: normal;
    padding-bottom: 4px;
    border-bottom: 2px solid #fff;
    margin-bottom: 15px
}

.heading-latest {
    display: inline-block;
    padding-bottom: 4px;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: normal;
    border-bottom: 3px solid #006cc0
}

.heading-latest>span {
    font-size: 14px;
    font-size: .875rem
}

.latest-home .heading-latest {
    padding-bottom: 0;
    font-size: 14px;
    font-size: .875rem;
    font-weight: normal;
    border-bottom: none
}

.heading-viewer {
    font-size: 24px;
    font-size: 1.5rem;
    margin-top: -10px
}

.heading-indicator>h3 {
    padding: 8px 15px;
    margin: 0 0 5px;
    font-weight: normal;
    color: #fff;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1;
    letter-spacing: 1px;
    -webkit-font-smoothing: antialiased
}

.heading-indicator>h3>a {
    display: block;
    color: #fff;
    text-decoration: none
}

.heading-indicator>h3>a:hover {
    color: #ccc
}

.heading-indicator>h3>span,
.heading-indicator>h3>a>span {
    display: block;
    float: right;
    padding: 5px 0;
    font-size: 14px;
    font-size: .875rem;
    letter-spacing: .2px
}

.heading-indicator-current {
    background-color: #646464
}

.heading-indicator-forecast {
    background-color: #8c8c8c
}

.heading-indicator-trend {
    background-color: #646464
}

.heading-indicator-home,
.heading-indicator-desktop {
    position: relative
}

.heading-indicator-home>h3,
.heading-indicator-desktop>h3 {
    margin: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: #030305;
    border-top: 4px solid #4d4d4d;
    border-left: 4px solid #4d4d4d;
    border-right: 4px solid #4d4d4d;
    -webkit-font-smoothing: subpixel-antialiased
}

.heading-indicator-home .heading-indicator-home-buttons,
.heading-indicator-home .heading-indicator-desktop-buttons,
.heading-indicator-desktop .heading-indicator-home-buttons,
.heading-indicator-desktop .heading-indicator-desktop-buttons {
    width: 98px;
    margin: 0;
    font-size: 0;
    position: absolute;
    top: 12px;
    right: 15px
}

.heading-indicator-home .heading-indicator-home-buttons>li,
.heading-indicator-home .heading-indicator-desktop-buttons>li,
.heading-indicator-desktop .heading-indicator-home-buttons>li,
.heading-indicator-desktop .heading-indicator-desktop-buttons>li {
    display: block;
    width: 48px;
    height: 32px;
    float: left;
    list-style: none;
    margin-right: 2px
}

.heading-indicator-home .heading-indicator-home-buttons>li:last-child,
.heading-indicator-home .heading-indicator-desktop-buttons>li:last-child,
.heading-indicator-desktop .heading-indicator-home-buttons>li:last-child,
.heading-indicator-desktop .heading-indicator-desktop-buttons>li:last-child {
    margin-right: 0
}

.heading-indicator-home>h3 span {
    color: #999
}

.heading-indicator-desktop>h3 {
    padding-right: 79px
}

.heading-indicator-desktop .heading-indicator-desktop-buttons {
    width: 48px
}

.heading-indicator-sub {
    padding: 8px 0;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1;
    font-weight: normal
}

.heading-indicator-sub:before {
    content: "●";
    display: inline-block;
    color: #9e9e9e
}

.heading-figure {
    margin: 0;
    padding: 12px;
    background-color: #828282;
    color: #fff;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1;
    font-weight: normal
}

.heading-figure-sub {
    padding: 6px 2px 10px;
    background-color: #e8e8e8;
    color: #000;
    font-size: 14px;
    font-size: .875rem;
    text-align: center
}

.l-figure-col-3of3 .heading-figure-sub {
    position: relative
}

.l-figure-col-3of3 .heading-figure-sub::after {
    display: block;
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #fff
}

.heading-figure-title {
    padding: 14px 2px 14px;
    background-color: #e8e8e8;
    color: #000;
    font-size: 12px;
    font-size: .75rem;
    text-align: center;
    position: relative
}

.heading-figure-title .btn {
    margin-top: -8px;
    margin-bottom: -8px;
    margin-left: 4px;
    position: relative;
    top: -2px
}

.t-swc-en .heading-figure-title-ml {
    padding: 8px 4px 4px 2px;
    position: relative;
    font-size: 11px;
    font-size: .6875rem;
    line-height: 14px
}

.t-swc-en .heading-figure-title-ml .btn {
    position: absolute;
    top: auto;
    right: 3px;
    bottom: 17px
}

.heading-guide {
    position: relative
}

.heading-figure-title.heading-guide {
    text-indent: -1rem
}

.icon {
    display: inline-block;
    margin-top: -4px;
    margin-bottom: -4px;
    margin-right: -4px;
    margin-left: -4px
}

.icon-arrow {
    width: 24px;
    height: 20px;
    position: relative
}

.icon-arrow::after {
    display: block;
    content: "";
    width: 8px;
    height: 8px;
    margin-left: 4px;
    margin-right: 4px;
    border-right: 3px solid #3282bd;
    border-bottom: 3px solid #3282bd;
    position: absolute
}

.icon-arrow-thin::after {
    width: 6px;
    height: 6px;
    border-right: 1px solid #3282bd;
    border-bottom: 1px solid #3282bd
}

.latest-home .icon-arrow::after {
    border-color: #fff
}

.icon-arrow-r::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 3px;
    top: 7px
}

.icon-arrow-thin-r::after {
    left: 4px;
    top: 8px
}

.icon-arrow-l::after {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 3px;
    top: 7px
}

.icon-arrow-thin-l::after {
    right: 4px;
    top: 8px
}

.icon-arrow-b:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 5px;
    top: 5px
}

.icon-arrow-white::after {
    border-color: #fff
}

.btn-invert .icon-arrow::after {
    border-color: #fff
}

.icon-link {
    margin: 0;
    position: relative;
    width: 14px;
    height: 14px
}

.icon-link::after {
    display: block;
    content: "";
    width: 7px;
    height: 7px;
    border-top: 2px solid #3282bd;
    border-right: 2px solid #3282bd;
    position: absolute;
    top: 5px;
    right: 2px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.icon-link-down::after {
    top: 3px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.icon-link-external {
    width: 20px
}

.icon-link-external::after {
    width: 14px;
    height: 14px;
    background: url(../img/common/icon_external.png) 0 0 no-repeat;
    background-size: contain;
    border: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    top: 1px
}

.icon-help {
    width: 32px;
    height: 20px;
    position: relative
}

.icon-help::after {
    display: block;
    width: 20px;
    height: 20px;
    content: "";
    background: url(../img/common/icon_help.png) 0 0 no-repeat;
    position: absolute;
    top: 1px;
    left: 10px
}

.icon-alert-gauge {
    width: 22px;
    height: 20px;
    position: relative
}

.icon-alert-gauge::after {
    display: block;
    width: 20px;
    height: 17px;
    content: "";
    background: url(../img/common/icon_alert_gauge.png) 0 0 no-repeat;
    position: absolute;
    top: 0px;
    left: 0px
}

.indicator {
    border-top: 1px solid #e4e4e4
}

.indicator::after {
    clear: both;
    content: " ";
    display: block
}

.indicator .indicator-section {
    float: left;
    border-left: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4
}

.indicator .indicator-section::after {
    clear: both;
    content: " ";
    display: block
}

.indicator .indicator-section .indicator-section-title {
    margin-bottom: 0;
    background-color: #f0f0f0;
    text-align: center;
    padding: 2px 0
}

.indicator .indicator-section .indicator-section-title>a {
    padding: 8px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1;
    font-weight: normal;
    color: #4c4c4c;
    letter-spacing: 4px;
    text-decoration: none;
    position: relative
}

.indicator .indicator-section .indicator-section-title>a:hover {
    opacity: .3
}

.indicator .indicator-section .indicator-section-title>a .btn {
    margin-left: 3px
}

.indicator .indicator-section .indicator-gauge {
    float: left
}

.indicator .indicator-mask {
    display: none
}

.indicator .indicator-caption {
    padding-top: 10px;
    clear: both;
    text-align: right;
    font-size: 12px;
    font-size: .75rem;
    line-height: 1
}

.indicator-forecast .indicator-section-left {
    width: 28.5714285714%
}

.indicator-forecast .indicator-section-left .indicator-gauge {
    width: 50%
}

.indicator-forecast .indicator-section-center {
    width: 28.5714285714%
}

.indicator-forecast .indicator-section-center .indicator-gauge {
    width: 50%
}

.indicator-forecast .indicator-section-right {
    width: 42.8571428571%;
    border-right: 1px solid #e4e4e4
}

.indicator-forecast .indicator-section-right .indicator-gauge {
    width: 33.3333333333%
}

.indicator-current .indicator-section-left,
.indicator-trend .indicator-section-left {
    width: 25%
}

.indicator-current .indicator-section-left .indicator-gauge,
.indicator-trend .indicator-section-left .indicator-gauge {
    width: 50%
}

.indicator-current .indicator-section-center,
.indicator-trend .indicator-section-center {
    width: 25%
}

.indicator-current .indicator-section-center .indicator-gauge,
.indicator-trend .indicator-section-center .indicator-gauge {
    width: 50%
}

.indicator-current .indicator-section-right,
.indicator-trend .indicator-section-right {
    width: 50%;
    border-right: 1px solid #e4e4e4
}

.indicator-current .indicator-section-right .indicator-gauge,
.indicator-trend .indicator-section-right .indicator-gauge {
    width: 25%
}

.indicator-current .indicator-section-right .indicator-gauge-multiple,
.indicator-trend .indicator-section-right .indicator-gauge-multiple {
    width: 50%
}

.indicator.is-disabled {
    position: relative
}

.indicator.is-disabled .indicator-mask {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    z-index: 100;
    background-color: #999;
    font-size: 20px;
    font-size: 1.25rem;
    color: #fff;
    opacity: .9
}

.indicator.is-disabled .indicator-mask>p {
    width: 100%;
    margin: 0;
    letter-spacing: 2px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center
}

.indicator-home,
.indicator-desktop {
    border-top: 1px solid #4d4d4d
}

.indicator-home .indicator-section,
.indicator-desktop .indicator-section {
    border-left: 1px solid #4d4d4d;
    border-bottom: 1px solid #4d4d4d
}

.indicator-home .indicator-section .indicator-section-title,
.indicator-desktop .indicator-section .indicator-section-title {
    background-color: #1a1a1a
}

.indicator-home .indicator-section .indicator-section-title>a,
.indicator-desktop .indicator-section .indicator-section-title>a {
    color: #fff
}

.indicator-home .indicator-section-left,
.indicator-desktop .indicator-section-left {
    border-left: 4px solid #4d4d4d
}

.indicator-home .indicator-section-right,
.indicator-desktop .indicator-section-right {
    border-right: 4px solid #4d4d4d
}

.indicator-home .indicator-caption,
.indicator-desktop .indicator-caption {
    background-color: #000;
    color: #fff
}

.indicator-home.is-disabled .indicator-mask,
.indicator-desktop.is-disabled .indicator-mask {
    background-color: #333;
    opacity: .8
}

.t-swc-en .indicator .indicator-section .indicator-section-title>a {
    letter-spacing: 0
}

.information {
    padding: 20px 15px;
    border: 5px solid #4d4d4d;
    background-color: #000;
    color: #fff;
    line-height: 1.7em;
    font-size: 14px;
    font-size: .875rem
}

.information>p {
    margin: 0
}

.latest {
    padding: 20px;
    background-color: #fff;
    border: 5px #eaf2f8 solid
}

.latest .latest-header::after {
    clear: both;
    content: " ";
    display: block
}

.latest .latest-header>time {
    display: inline-block;
    padding-top: 15px;
    float: right;
    font-size: 12px;
    font-size: .75rem;
    line-height: 1;
    color: #000
}

.latest .latest-body {
    padding-top: 20px
}

.latest .latest-body>p {
    margin-bottom: 0;
    line-height: 1.5em;
    font-size: 14px;
    font-size: .875rem
}

.latest .latest-body>figure {
    margin: 0
}

.latest .latest-body>figure::after {
    clear: both;
    content: " ";
    display: block
}

.latest .latest-body>figure>img {
    float: left;
    width: 45%
}

.latest .latest-body>figure>figcaption {
    float: right;
    width: 55%;
    padding-left: 20px;
    font-size: 14px;
    font-size: .875rem
}

.latest .latest-bottom {
    padding-top: 16px
}

.latest .latest-bottom>ul {
    margin-bottom: 0;
    text-align: right
}

.latest .latest-bottom>ul>li {
    list-style: none;
    padding-bottom: 16px;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1
}

.latest .latest-bottom>ul>li:last-child {
    padding-bottom: 0
}

.latest-bg {
    background-color: #eaf2f8
}

.latest-figured {
    position: relative
}

.latest-figured .latest-bottom {
    position: absolute;
    right: 20px;
    bottom: 20px
}

.latest-home {
    background-color: #000;
    border-top: none;
    border-left: 4px solid #4d4d4d;
    border-right: 4px solid #4d4d4d;
    border-bottom: 4px solid #4d4d4d;
    color: #fff
}

.latest-home .latest-header {
    font-size: 14px;
    font-size: .875rem
}

.latest-home .latest-header>time {
    padding-top: 0;
    font-size: 14px;
    font-size: .875rem;
    color: #999
}

.latest-home .latest-body {
    padding-top: 10px
}

.latest-home .latest-bottom {
    padding-top: 8px
}

.latest-home .latest-bottom a {
    color: #fff
}

.latest-topics .latest-body::after {
    clear: both;
    content: " ";
    display: block
}

.latest-topics .latest-body>figure {
    margin: 0;
    margin-left: 20px;
    display: block;
    width: 50%;
    float: right
}

.latest-topics .latest-body>figure>img {
    width: 100%
}

.latest-topics .latest-body-title {
    font-size: 16px;
    font-size: 1rem
}

.latest-topics .latest-body-text {
    height: 334px;
    overflow: hidden;
    padding: 20px 0 0;
    font-size: 14px;
    font-size: .875rem
}

.latest-topics .latest-body-footer {
    padding-top: 40px
}

.latest-topics .latest-body-footer>time {
    padding-top: 0;
    font-size: 14px;
    font-size: .875rem;
    color: #999
}

.latest-topics .latest-body-footer>ul {
    margin-bottom: 0;
    text-align: right
}

.latest-topics .latest-body-footer>ul>li {
    display: inline-block;
    list-style: none;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1
}

.t-swc-en .latest-topics .latest-body-footer {
    padding-top: 20px
}

.link {
    margin: 0;
    font-size: 0;
    text-align: right;
    padding-top: 4px
}

.link .link-item {
    display: block;
    list-style: none;
    font-size: 14px;
    font-size: .875rem
}

.l-main-link .link {
    padding-top: 0;
    position: absolute;
    top: 26px;
    right: 0
}

.l-main-link .link .link-item {
    font-size: 16px;
    font-size: 1rem
}

.l-section-link-home .link {
    padding-top: 0;
    position: absolute;
    top: 33px;
    right: 50vw
}

.l-section-link .link {
    padding-top: 0;
    position: absolute;
    top: 37px;
    right: 0
}

.link-vertical .link-item {
    margin-bottom: 16px
}

.link-horizontal .link-item {
    display: inline-block;
    padding-left: 28px
}

.link-left {
    text-align: left
}

.list {
    margin: 0
}

.list>li {
    display: block;
    padding-left: 16px;
    position: relative;
    list-style: none;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.8
}

.list>li::before {
    display: block;
    content: ">";
    position: absolute;
    top: -2px;
    left: 0;
    color: #006cc0
}

.list-link {
    font-size: 0
}

.list-link>li {
    display: block;
    margin-bottom: 12px;
    padding-left: 16px;
    position: relative;
    list-style: none
}

.list-link>li::before {
    display: block;
    content: ">";
    position: absolute;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1;
    top: -1px;
    left: 0;
    color: #006cc0
}

.list-link>li>a {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1
}

.list-button {
    font-size: 0
}

.list-button::after {
    clear: both;
    content: " ";
    display: block
}

.list-button>li {
    display: table;
    width: 20%;
    padding: 0 8px 4px 0;
    float: left
}

.list-button>li::before {
    display: none
}

.list-button .list-button-clear {
    clear: left
}

.list-sitemap>li {
    padding-bottom: 16px
}

.list-sitemap>li>ul {
    margin: 0
}

.list-sitemap>li>ul>li {
    padding-left: 14px;
    list-style: none;
    font-size: 14px;
    font-size: .875rem
}

.list-table>li {
    padding-left: 1em;
    text-indent: -1em;
    margin-left: .5em;
    list-style-position: inside
}

.notice {
    padding: 20px 0;
    background-color: #dcdcdc;
    font-size: 0;
    position: relative
}

.notice .l-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.notice .notice-title {
    vertical-align: top;
    white-space: nowrap
}

.notice .notice-title .notice-heading {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1;
    font-weight: normal;
    margin-bottom: 0;
    padding: 22px 32px 24px;
    color: #fff;
    background-color: #323232
}

.notice .notice-body {
    width: 100%;
    max-width: 860px;
    vertical-align: middle;
    padding-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px
}

.notice .notice-body>p {
    font-size: 14px;
    font-size: .875rem;
    margin-bottom: 0
}

.notice .notice-body>p+p {
    padding-top: 10px;
    border-top: 1px solid #999
}

.panel {
    display: block
}

.panel-home {
    padding: 20px;
    border: 1px solid #d6dee4;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.7;
    color: #666
}

.m-report-finder {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.m-report-finder-viewer__inner {
    width: 630px;
    margin-right: 30px
}

.m-report-finder-viewer__nav__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 4px solid #a0a0a0;
    background-color: #eaf2f8;
    padding: 0 10px
}

.m-report-finder-viewer__nav__top.is-daily {
    border-top: 4px solid #508cb4
}

.m-report-finder-viewer__nav__top.is-weekly {
    border-top: 4px solid #649600
}

.m-report-finder-viewer__nav__top.is-bulletin {
    border-top: 4px solid #e5310c
}

.m-report-finder-viewer__nav__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #707070;
    padding-top: 24px;
    margin-top: 76px
}

.m-report-finder-viewer__nav__bottom h3 {
    font-size: 16px
}

.m-report-finder-viewer__nav__bottom .btn-report-viewer {
    background-color: #eaf2f8
}

.m-report-finder-viewer__button {
    visibility: hidden
}

.m-report-finder-viewer__button.is-display {
    visibility: visible
}

.m-report-finder-viewer__title {
    padding: 15px 0;
    font-size: 20px
}

.m-report-finder-viewer__title span {
    margin-right: 15px
}

.m-report-finder-viewer__title.is-daily span {
    color: #508cb4
}

.m-report-finder-viewer__title.is-weekly span {
    color: #649600
}

.m-report-finder-viewer__title.is-bulletin span {
    color: #e5310c
}

.m-report-finder-viewer__title__inner {
    font-size: 20px;
    margin: 0
}

.m-report-finder-viewer__subtitle {
    text-align: center;
    font-size: 14px;
    padding: 10px 0;
    color: #a0a0a0;
    border-bottom: 1px solid #e6e6e6
}

.m-report-finder-viewer__subtitle.is-daily {
    color: #508cb4
}

.m-report-finder-viewer__subtitle.is-weekly {
    color: #649600
}

.m-report-finder-viewer__subtitle.is-bulletin {
    color: #e5310c
}

.m-report-finder-viewer__body {
    padding-top: 30px
}

.m-report-finder-calendar__inner {
    min-width: 252px;
    max-width: 252px;
    position: sticky;
    top: 20px
}

.m-report-finder-calendar__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 10px
}

.m-report-finder-calendar__nav .btn-report-viewer {
    background-color: #eaf2f8
}

.m-report-finder-calendar__nav__date {
    font-size: 18px
}

.m-report-finder-calendar__nav__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.m-report-finder-calendar__button:first-child {
    margin-right: 7px
}

.m-report-finder-calendar__view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.m-report-finder-calendar__view__inner {
    width: 100%
}

.m-report-finder-calendar__view__week {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #787878;
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
    margin-bottom: 10px
}

.m-report-finder-calendar__view__day {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.m-report-finder-calendar__cell {
    margin: 3px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 29px;
    flex: 1 0 29px;
    text-align: center
}

.m-report-finder-calendar__cell__week.is-ja {
    font-size: 13px
}

.m-report-finder-calendar__cell__day {
    font-size: 13px;
    color: #a0a0a0;
    margin-bottom: 4px
}

.m-report-finder-calendar__cell__day.is-current {
    color: #000
}

.m-report-finder-calendar__cell__day.is-active {
    background-color: #eaf2f8;
    border-radius: 3px
}

.m-report-finder-calendar__cell__bar {
    height: 8px;
    margin-bottom: 3px;
    cursor: pointer
}

.m-report-finder-calendar__cell__bar.is-daily {
    background-color: #508cb4
}

.m-report-finder-calendar__cell__bar.is-weekly {
    background-color: #649600
}

.m-report-finder-calendar__cell__bar.is-bulletin {
    background-color: #e5310c
}

.m-report-finder-calendar__legend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 15px 0 26px
}

.m-report-finder-calendar__legend>li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
    font-size: 13px
}

.m-report-finder-calendar__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px
}

.m-report-finder-calendar__link>li {
    list-style: none;
    font-size: 14px
}

.m-report-finder-calendar__link>li:first-child {
    margin-right: 20px
}

.m-report-finder-calendar__legend__bar {
    width: 16px;
    height: 8px;
    margin-right: 5px
}

.m-report-finder-calendar__legend__bar.is-daily {
    background-color: #508cb4
}

.m-report-finder-calendar__legend__bar.is-weekly {
    background-color: #649600
}

.m-report-finder-calendar__legend__bar.is-bulletin {
    background-color: #e5310c
}

.m-report-finder-calendar__legend__label {
    margin-right: 10px
}

.m-report-finder-calendar__legend__label.is-daily {
    color: #508cb4
}

.m-report-finder-calendar__legend__label.is-weekly {
    color: #649600
}

.m-report-finder-calendar__legend__label.is-bulletin {
    color: #e5310c
}

.m-report-finder-calendar__search>span {
    font-size: 14px
}

.m-report-finder-calendar__search__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 11px
}

.m-report-finder-calendar__search__form {
    border: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-color: #f0f0f0;
    font-size: 14px;
    padding-left: 10px;
    border-radius: 4px 0 0 4px
}

.m-report-finder-calendar__search__button {
    font-size: 12px;
    padding: 11px 12px;
    border-radius: 0 4px 4px 0;
    white-space: nowrap;
    cursor: pointer;
    background-color: #000;
    color: #fff;
    border: 0;
    margin: 0
}

.m-report-finder-calendar__search__button:disabled {
    background-color: #ddd;
    color: #999;
    border-color: #999;
    cursor: not-allowed;
    pointer-events: auto
}

.m-report-finder-calendar__search__button.is-ja {
    font-size: 14px;
    padding: 10px 12px
}

.doc {
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fcfcfc;
    padding: 40px 30px 20px;
    position: relative
}

.doc .doc-heading {
    padding: 6px 20px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #003990;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1;
    font-weight: normal;
    color: #fff
}

.doc ul {
    margin-bottom: 0;
    margin-left: 60px
}

.doc ul li {
    list-style-position: inside;
    line-height: 2
}

.doc>ul {
    margin-left: 0
}

.doc-common {
    padding-top: 20px
}

.dummy {
    width: 100%
}

.dummy-h10 {
    min-height: 10px
}

.dummy-h20 {
    min-height: 20px
}

.dummy-h30 {
    min-height: 30px
}

.dummy-h40 {
    min-height: 40px
}

.dummy-h50 {
    min-height: 50px
}

.dummy-h60 {
    min-height: 60px
}

.dummy-h70 {
    min-height: 70px
}

.dummy-h80 {
    min-height: 80px
}

.dummy-h90 {
    min-height: 90px
}

.dummy-h100 {
    min-height: 100px
}

.dummy-h110 {
    min-height: 110px
}

.dummy-h120 {
    min-height: 120px
}

.dummy-h130 {
    min-height: 130px
}

.dummy-h140 {
    min-height: 140px
}

.dummy-h150 {
    min-height: 150px
}

.dummy-h160 {
    min-height: 160px
}

.dummy-h170 {
    min-height: 170px
}

.dummy-h180 {
    min-height: 180px
}

.dummy-h190 {
    min-height: 190px
}

.dummy-h200 {
    min-height: 200px
}

.dummy-h210 {
    min-height: 210px
}

.dummy-h220 {
    min-height: 220px
}

.dummy-h230 {
    min-height: 230px
}

.dummy-h240 {
    min-height: 240px
}

.dummy-h250 {
    min-height: 250px
}

.dummy-h260 {
    min-height: 260px
}

.dummy-h270 {
    min-height: 270px
}

.dummy-h280 {
    min-height: 280px
}

.dummy-h290 {
    min-height: 290px
}

.dummy-h300 {
    min-height: 300px
}

.dummy-h310 {
    min-height: 310px
}

.dummy-h320 {
    min-height: 320px
}

.dummy-h330 {
    min-height: 330px
}

.dummy-h340 {
    min-height: 340px
}

.dummy-h350 {
    min-height: 350px
}

.dummy-h360 {
    min-height: 360px
}

.dummy-h370 {
    min-height: 370px
}

.dummy-h380 {
    min-height: 380px
}

.dummy-h390 {
    min-height: 390px
}

.dummy-h400 {
    min-height: 400px
}

.dummy-h410 {
    min-height: 410px
}

.dummy-h420 {
    min-height: 420px
}

.dummy-h430 {
    min-height: 430px
}

.dummy-h440 {
    min-height: 440px
}

.dummy-h450 {
    min-height: 450px
}

.dummy-h460 {
    min-height: 460px
}

.dummy-h470 {
    min-height: 470px
}

.dummy-h480 {
    min-height: 480px
}

.dummy-h490 {
    min-height: 490px
}

.dummy-h500 {
    min-height: 500px
}

.dummy-h510 {
    min-height: 510px
}

.dummy-h520 {
    min-height: 520px
}

.dummy-h530 {
    min-height: 530px
}

.dummy-h540 {
    min-height: 540px
}

.dummy-h550 {
    min-height: 550px
}

.dummy-h560 {
    min-height: 560px
}

.dummy-h570 {
    min-height: 570px
}

.dummy-h580 {
    min-height: 580px
}

.dummy-h590 {
    min-height: 590px
}

.dummy-h600 {
    min-height: 600px
}

.dummy-h610 {
    min-height: 610px
}

.dummy-h620 {
    min-height: 620px
}

.dummy-h630 {
    min-height: 630px
}

.dummy-h640 {
    min-height: 640px
}

.dummy-h650 {
    min-height: 650px
}

.dummy-h660 {
    min-height: 660px
}

.dummy-h670 {
    min-height: 670px
}

.dummy-h680 {
    min-height: 680px
}

.dummy-h690 {
    min-height: 690px
}

.dummy-h700 {
    min-height: 700px
}

.dummy-h710 {
    min-height: 710px
}

.dummy-h720 {
    min-height: 720px
}

.dummy-h730 {
    min-height: 730px
}

.dummy-h740 {
    min-height: 740px
}

.dummy-h750 {
    min-height: 750px
}

.dummy-h760 {
    min-height: 760px
}

.dummy-h770 {
    min-height: 770px
}

.dummy-h780 {
    min-height: 780px
}

.dummy-h790 {
    min-height: 790px
}

.dummy-h800 {
    min-height: 800px
}

.dummy-h810 {
    min-height: 810px
}

.dummy-h820 {
    min-height: 820px
}

.dummy-h830 {
    min-height: 830px
}

.dummy-h840 {
    min-height: 840px
}

.dummy-h850 {
    min-height: 850px
}

.dummy-h860 {
    min-height: 860px
}

.dummy-h870 {
    min-height: 870px
}

.dummy-h880 {
    min-height: 880px
}

.dummy-h890 {
    min-height: 890px
}

.dummy-h900 {
    min-height: 900px
}

.dummy-h910 {
    min-height: 910px
}

.dummy-h920 {
    min-height: 920px
}

.dummy-h930 {
    min-height: 930px
}

.dummy-h940 {
    min-height: 940px
}

.dummy-h950 {
    min-height: 950px
}

.dummy-h960 {
    min-height: 960px
}

.dummy-h970 {
    min-height: 970px
}

.dummy-h980 {
    min-height: 980px
}

.dummy-h990 {
    min-height: 990px
}

.dummy-h1000 {
    min-height: 1000px
}

.dummy-outer {
    background-color: #f0f0f0
}

.dummy-inner {
    background-color: #ddf0f0
}

.dummy-cell {
    background-color: #ddf0f0;
    font-size: 10px;
    font-size: .625rem;
    white-space: nowrap
}

.dummy-module {
    background-color: #f0ddf0
}

.dummy-area {
    background-color: #ddf0f0
}

.dummy-article {
    background-color: #f0f0dd
}

.dummy-movie {
    background-color: #f0f0dd
}

.dummy-clock {
    height: 42px;
    background-color: #f0f0dd
}

.dummy-header-main {
    background-color: #000;
    height: 118px;
    padding: 58px 0 0 692px
}

.dummy-footer {
    height: 100px;
    margin-top: 100px;
    background-color: #f0f0dd;
    position: relative
}

.debug>table {
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    font-size: 14px;
    font-size: .875rem
}

.debug>table>tbody>tr>th,
.debug>table>tbody>tr>td {
    padding: 4px 8px
}

.debug>table>tbody>tr>th {
    font-weight: normal;
    text-align: left;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc
}

.debug>table>tbody>tr>td {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc
}

.is-sample-h134 img {
    max-height: 134px
}

.is-sample-h132 img {
    max-height: 132px
}

.is-sample-h133 img {
    max-height: 133px
}

.is-sample-h138 img {
    max-height: 138px
}

.is-sample-h155 img {
    max-height: 155px
}

.is-sample-h158 img {
    max-height: 158px
}

.is-sample-h192 img {
    max-height: 192px
}

.is-sample-h194 img {
    max-height: 194px
}

.is-sample-h210 img {
    max-height: 210px
}

.is-sample-h256 img {
    max-height: 256px
}

.is-sample-h320 img {
    max-height: 320px
}

.is-sample-h346 img {
    max-height: 346px
}

.scroll-top {
    display: block;
    width: 90px;
    height: 68px;
    padding: 28px 0 0;
    cursor: pointer
}

.scroll-top::before {
    display: block;
    content: "";
    width: 20px;
    height: 20px;
    border-top: 6px solid #7fb5df;
    border-left: 6px solid #7fb5df;
    position: absolute;
    top: 10px;
    left: 35px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.scroll-top>p {
    margin: 0;
    font-size: 12px;
    font-size: .75rem;
    text-align: center;
    color: #006cc0
}

.side-menu {
    padding: 16px;
    background-color: #eaf2f8;
    border-radius: 5px;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.4;
    width: inherit
}

.side-menu>ul {
    margin: 0
}

.side-menu>ul>li {
    padding-bottom: 8px;
    list-style: none
}

.side-menu>ul>li>a {
    display: inline-block;
    padding-left: 10px;
    text-indent: -10px;
    color: #006cc0;
    position: relative
}

.side-menu>ul>li>a::after {
    display: inline-block;
    content: "";
    width: 7px;
    height: 7px;
    border-top: 2px solid #006cc0;
    border-right: 2px solid #006cc0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: relative;
    top: -1px;
    left: 4px
}

.side-menu>ul>li>ul {
    margin: 0;
    padding-left: 16px;
    padding-bottom: 8px
}

.side-menu>ul>li>ul>li {
    padding-top: 4px;
    list-style: none;
    text-indent: 0
}

.side-menu>ul>li>ul>li>a {
    display: inline-block;
    padding-left: 10px;
    text-indent: -10px;
    color: #006cc0
}

.sun .sun-title {
    display: block;
    padding: 5px 0 0;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px
}

.sun .sun-main {
    padding: 20px 0;
    text-align: center
}

.sun .sun-main .sun-video {
    display: inline-block;
    width: 250px;
    height: 250px;
    position: relative;
    overflow: hidden
}

.sun .sun-main .sun-video video,
.sun .sun-main .sun-video picture {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.sun .sun-main .sun-video.sun-video-sunspot video,
.sun .sun-main .sun-video.sun-video-sunspot picture {
    width: 250px
}

.sun .sun-main .sun-video.sun-video-corona video,
.sun .sun-main .sun-video.sun-video-corona picture {
    width: 294px
}

.sun .sun-main .sun-video.sun-video-flare video,
.sun .sun-main .sun-video.sun-video-flare picture {
    width: 294px
}

.sun .sun-main .sun-video.sun-video-solarwind {
    width: 278px;
    height: 550px
}

.sun .sun-main .sun-video.sun-video-solarwind video,
.sun .sun-main .sun-video.sun-video-solarwind picture {
    width: 270px
}

.sun .sun-main img {
    width: 100%;
    height: auto
}

.sun .sun-main .btn {
    position: absolute;
    right: 20px;
    bottom: 20px;
    cursor: pointer
}

.sun .sun-main.sun-main-solarwind {
    padding: 0
}

.sun .sun-bottom {
    padding: 5px 0;
    text-align: center
}

.sun .sun-bottom .btn {
    background-color: #000;
    min-width: 160px
}

.sun-colorbox video,
.sun-colorbox picture,
.sun-colorbox img {
    width: 100%
}

.sun-colorbox #cboxLoadedContent {
    overflow-y: hidden !important
}

.sun-colorbox #cboxClose {
    top: 0;
    right: 0;
    background: none;
    background-color: #fff;
    width: 60px;
    height: 60px;
    border-radius: 0 0 0 24px;
    font-size: 0
}

.sun-colorbox #cboxClose::before,
.sun-colorbox #cboxClose::after {
    display: block;
    content: "";
    width: 3px;
    height: 30px;
    background-color: #000;
    position: absolute;
    top: 12px;
    left: 32px
}

.sun-colorbox #cboxClose::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.sun-colorbox #cboxClose::after {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.topics {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.topics-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 48%
}

.topics-item:not(:last-child) {
    margin-bottom: 20px
}

.topics-image-wrapper {
    -ms-flex-preferred-size: 100px;
    flex-basis: 100px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.topics-image-wrapper .topics-image {
    position: relative;
    padding-top: 100%;
    background: #eee
}

.topics-image-wrapper .topics-image>span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #666;
    color: #ccc;
    padding: 5%;
    font-size: .7142857143em;
    text-align: center
}

.topics-image-wrapper .topics-image>img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.topics-image-wrapper .topics-image.is-alt {
    overflow: hidden
}

.topics-image-wrapper .topics-image.is-pinned::before {
    content: "";
    position: absolute;
    top: 5px;
    right: 5px;
    width: 26px;
    height: 26px;
    opacity: .5;
    border-radius: 4px;
    background: #000;
    z-index: 1
}

.topics-image-wrapper .topics-image.is-pinned::after {
    content: "";
    background-image: url(../img/common/pin.png);
    background-repeat: no-repeat;
    background-size: 14px;
    position: absolute;
    top: 11px;
    right: 11px;
    width: 14px;
    height: 14px;
    z-index: 2
}

.topics-content {
    margin-left: 20px
}

.topics-content>time {
    color: #a0a0a0;
    display: inline-block;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 14px;
    font-size: .875rem
}

.topics-label {
    display: inline-block;
    font-size: 12px;
    font-size: .75rem;
    color: #fff;
    line-height: 1;
    white-space: nowrap;
    margin-bottom: 15px;
    padding: 5px 10px;
    border-radius: 11px;
    background: #006cc0
}

.topics-title {
    display: block;
    font-size: 16px;
    font-size: 1rem;
    margin-top: -4px
}

.topics-lead {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size: 16px;
    font-size: 1rem
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .topics-lead {
        max-height: 68px
    }

    .topics-lead:after {
        content: "...";
        text-align: right;
        bottom: 0;
        right: 0;
        width: 25%;
        display: block;
        position: absolute
    }
}

.topics-index .topics-image-wrapper {
    -ms-flex-preferred-size: 140px;
    flex-basis: 140px
}

.topics-index .topics-image-wrapper .topics-image>span {
    font-size: 1rem
}

.topics-index .topics-item {
    width: 100%;
    padding-bottom: 20px;
    border-bottom: 1px solid #a0a0a0
}

.topics-index .topics-content {
    width: 100%
}

.topics-index .topics-title {
    font-size: 20px;
    font-size: 1.25rem
}

.pagination {
    margin-bottom: 0;
    display: inline-block
}

.pagination::after {
    clear: both;
    content: " ";
    display: block
}

.pagination .pagination-item {
    display: block;
    min-width: 30px;
    min-height: 30px;
    border-top: 1px solid #b1b1b1;
    border-left: 1px solid #d4d4d4;
    border-bottom: 1px solid #b1b1b1;
    float: left;
    background-color: #f6f6f6;
    list-style-type: none;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1;
    text-align: center
}

.pagination .pagination-item>a {
    display: block;
    text-decoration: none;
    padding: 7px 10px
}

.pagination .pagination-item-prev {
    border-left: 1px solid #b1b1b1;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.pagination .pagination-item-next {
    border-right: 1px solid #b1b1b1;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px
}

.pagination .pagination-item-current {
    background-color: #3282bd
}

.pagination .pagination-item-current>a {
    color: #fff
}

.viewer b,
.viewer h4 {
    font-family: "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Arial, sans-serif
}

.viewer .viewer-header {
    padding-bottom: 12px;
    border-bottom: 1px solid #646464
}

.viewer .viewer-footer {
    padding-top: 12px;
    border-top: 1px solid #a0a0a0
}

.viewer .viewer-footer .btn-report-viewer {
    background-color: #eaf2f8
}

.viewer .viewer-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 30px
}

.viewer .viewer-nav .viewer-nav-prev,
.viewer .viewer-nav .viewer-nav-next {
    visibility: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.viewer .viewer-nav .viewer-nav-prev .viewer-nav-button,
.viewer .viewer-nav .viewer-nav-next .viewer-nav-button {
    font-size: 16px;
    font-size: 1rem
}

.viewer .viewer-nav .viewer-nav-prev .viewer-nav-link,
.viewer .viewer-nav .viewer-nav-next .viewer-nav-link {
    display: inline-block
}

.viewer .viewer-nav .viewer-nav-prev .viewer-nav-link>a,
.viewer .viewer-nav .viewer-nav-next .viewer-nav-link>a {
    font-size: 16px;
    font-size: 1rem
}

.viewer .viewer-nav .viewer-nav-prev.is-display,
.viewer .viewer-nav .viewer-nav-next.is-display {
    visibility: visible
}

.viewer .viewer-nav .viewer-nav-prev .viewer-nav-label {
    margin-left: 10px
}

.viewer .viewer-nav .viewer-nav-next .viewer-nav-label {
    margin-right: 10px
}

.viewer .viewer-main .viewer-main-label {
    display: inline-block;
    font-size: 16px;
    font-size: 1rem;
    color: #fff;
    line-height: 1;
    white-space: nowrap;
    margin-top: -10px;
    margin-bottom: 30px;
    padding: 7px 15px;
    border-radius: 15px;
    background: #006cc0
}

.viewer .viewer-main .viewer-main-body {
    padding-bottom: 40px
}

.viewer .viewer-main .viewer-main-body h3 {
    display: inline-block;
    padding-bottom: 5px;
    border-bottom: 3px solid #006cc0;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 400
}

.viewer .viewer-main .viewer-main-body h4 {
    margin-bottom: 20px
}

.viewer .viewer-main .viewer-main-body p {
    min-height: 1rem
}

.viewer .viewer-main .viewer-main-body img {
    width: 100%
}

.viewer .viewer-main .viewer-main-body figure {
    margin: 0
}

.viewer .viewer-main .viewer-main-body figcaption {
    font-size: 14px;
    font-size: .875rem
}

.viewer .viewer-main .viewer-main-body ol,
.viewer .viewer-main .viewer-main-body ul {
    padding-left: 26px
}

.viewer .viewer-main .viewer-main-body table {
    width: 100%;
    font-size: 14px;
    font-size: .875rem;
    border-collapse: collapse;
    margin-bottom: 20px
}

.viewer .viewer-main .viewer-main-body table tr {
    text-align: left
}

.viewer .viewer-main .viewer-main-body table tr:first-child th,
.viewer .viewer-main .viewer-main-body table tr:first-child td {
    border-top: 1px solid #9e9e9e
}

.viewer .viewer-main .viewer-main-body table th,
.viewer .viewer-main .viewer-main-body table td {
    padding: 2px 4px;
    background: #f0f0f0;
    border-right: 1px solid #9e9e9e;
    border-bottom: 1px solid #9e9e9e
}

.viewer .viewer-main .viewer-main-body table th:first-child,
.viewer .viewer-main .viewer-main-body table td:first-child {
    border-left: 1px solid #9e9e9e
}

.viewer .viewer-main .viewer-main-body table td {
    background: #fff
}

.viewer .viewer-main .viewer-main-body table p {
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px
}

.viewer .viewer-main .viewer-main-body .cols-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px
}

.viewer .viewer-main .viewer-main-body .cols-2 .col {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.viewer .viewer-main .viewer-main-body .cols-2 .col:not(:last-child) {
    margin-right: 1.5rem
}

.viewer .viewer-main .viewer-main-body .cols-2 .col figure {
    margin: 0
}

.viewer .viewer-main .viewer-main-body .cols-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px
}

.viewer .viewer-main .viewer-main-body .cols-3 .col {
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%
}

.viewer .viewer-main .viewer-main-body .cols-3 .col:not(:last-child) {
    margin-right: 1.5rem
}

.viewer .viewer-main .viewer-main-body .cols-3 .col figure {
    margin: 0
}

.viewer .viewer-main>time {
    color: #a0a0a0;
    line-height: 1;
    text-align: right;
    display: block;
    margin-top: 20px;
    margin-bottom: 28px
}