.clearfix:after {
      content: "";
      clear: both;
      display: block;
    }
    
    .report-page .container {
        font-size: 1em;
        padding: 0.5em;
    }
    /*ロゴ非表示*/
    .niedlogo {
        display: none;
    }
    #jrisqlogo {
        display: none;
    }

    /* テーブル（共通） */
    .report-page table thead td {
        color:inherit;
        background-color:#D0D8E0;
        font-weight: bold;
    }

    /*見出し*/
    .report-page h1 {
    /*
        font-family:"IPAPGothic", sans-serif;
    */
        font-family:"A-OTF 見出ゴMB31 Pro", sans-serif;
        font-size:1.1em;
        background: #7db9e8; /* Old browsers */
        background: -moz-linear-gradient(top, #7db9e8 0%, #2989d8 50%, #207cca 51%, #1e5799 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#1e5799)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #7db9e8 0%,#2989d8 50%,#207cca 51%,#1e5799 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #7db9e8 0%,#2989d8 50%,#207cca 51%,#1e5799 100%); /* Opera11.10+ */
        background: -ms-linear-gradient(top, #7db9e8 0%,#2989d8 50%,#207cca 51%,#1e5799 100%); /* IE10+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */
        background: linear-gradient(top, #7db9e8 0%,#2989d8 50%,#207cca 51%,#1e5799 100%); /* W3C */
        margin:0 0 0.1em 0;
        padding:0.1em 0.1em;
        color:#FFF;
        -webkit-border-radius:4px;
        -moz-border-radius:4px;
        border-radius:4px;
    /*  text-shadow:1px 1px 2px #333;
        -webkit-box-shadow:inset 0 0 50px rgba(0,0,0, 0.1); */
        text-align: center;
        text-shadow: none;
    }
    .report-page h2 {
        font-size: 12pt;
        font-family:"IPAPGothic", sans-serif;
        background: #7db9e8; /* Old browsers */
        background: -moz-linear-gradient(top, #7db9e8 0%, #2989d8 50%, #207cca 51%, #1e5799 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#1e5799)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #7db9e8 0%,#2989d8 50%,#207cca 51%,#1e5799 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #7db9e8 0%,#2989d8 50%,#207cca 51%,#1e5799 100%); /* Opera11.10+ */
        background: -ms-linear-gradient(top, #7db9e8 0%,#2989d8 50%,#207cca 51%,#1e5799 100%); /* IE10+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */
        background: linear-gradient(top, #7db9e8 0%,#2989d8 50%,#207cca 51%,#1e5799 100%); /* W3C */
        padding:0.2em 0.3em;
        color:#FFF;
        -webkit-border-radius:3px;
        -moz-border-radius:3px;
        border-radius:3px;
        text-shadow: none;
    /*  text-shadow:1px 1px 2px #333;
        -webkit-box-shadow:inset 0 0 50px rgba(0,0,0, 0.1); */
    }

    .report-page tr.lite{ background-color:#F0F0FF; }
    .report-page tr.dark{ background-color:#E0E0FF; }
    .report-page tr.dark{ background-color:#F0F0FF; }
    
    /*震度の色*/
    .gsi05 { background-color:#9EBDDD !important; }
    .gsi15 { background-color:#3D79B5 !important; }
    .gsi25 { background-color:#32C8B4 !important; }
    .gsi35 { background-color:#1EDC50 !important; }
    .gsi45 { background-color:#9BFF5C !important; }
    .gsi50 { background-color:#FFFF00 !important; }
    .gsi55 { background-color:#FFB047 !important; }
    .gsi60 { background-color:#FF5078 !important; }
    .gsi65 { background-color:#96003C !important; }

    /*速報*/
    .report-page span#hypo1{ font-size:1.1em; font-weight:bold; }
    .report-page span#hypo2{ font-size:0.8em; white-space: nowrap;}


    /* 震度の分布地図 */
    .report-page #gsiobsimg {
        width: 100%;
        position: relative;
    }
    .report-page img#gsiobsscale{
        position: absolute;
        top:   100%;
        left:  100%;
        width:  15%;
        height: 45%;
        margin-top: -46%;
        margin-left: -15%;
    }

    .detail_caption {
        font-size: 0.5em;
    }

    .header_right_aligned {
        font-size: 0.7em;
        float: right;
        padding-top: 0.2em;
    }

    /*主要都市の推定震度*/
    /* 最も長い市区町村名は13文字（山梨県南都留郡富士河口湖町）*/
    .report-page table#ectable { width: 99%; margin: 1% 0.5%; }

    .report-page table#ectable tr.selectedmun { background-color: #c2eeff;/*text-shadow:1px 0 0 #000;*/ }

    .report-page table#ectable td.maxsih { max-width: 2.5em; }
    .report-page table#ectable td.maxsi { text-align: center;font-size:0.75em; }
    .report-page table#ectable td.gsidist{ width: 5.2em;}
    .report-page table#ectable td.cityname {}
    .report-page table#ectable td.nman  { width: 4.2em; text-align: right; color: inherit; }
    .report-page table#ectable td.disth { width: 2.5em; text-align: center;}
    .report-page table#ectable td.dist  { width: 2.5em; text-align: right; color: inherit; }

    .report-page table#ectable thead td { text-align: center; font-size: 0.7em;}
    .report-page table#ectable tbody td.cityname { font-size: 0.75em;}
    .report-page table#ectable tbody td.nman { font-size: 0.75em;}
    .report-page table#ectable tbody td.dist { font-size: 0.75em;}

    /* 震度遭遇人口地図 */
    .report-page table#epmaptable { width: 99%; margin: 2px 0.5%; }
    .report-page div.epmap { position:relative; width: 100%; }
    .report-page img.epmap {
        width: 100%;
        -ms-interpolation-mode:bicubic;
        image-rendering: optimizeQuality;
        border-style:solid;
        border-width: 1px;
    }
    .report-page div.maplabel { position: absolute; top: 1%; left: 1%; min-width: 60%; font-size: 0.7em;}
    .report-page div.noeplabel {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 60%;
        background: #FFFFFF;
        border-style: solid;
        border-width: 1px;
        margin-left: -30%;
        margin-top: -0.5em;
        text-align: center; padding: 2px;
        font-size: 0.8em;
    }
    .report-page img#scale_pop_city{
        width:96%;
        margin: 0px 2%;
    }

    /* 震度遭遇人口テーブル */
    .report-page table#eptable { width: 99%; margin: 1% 0.5%; }
    .report-page table#eptable td.cityname { width: 40%; }
    .report-page table#eptable td.cityname.cityname-indent { padding-left: 1em; }
    .report-page table#eptable td.eph { width: 15%; }
    .report-page table#eptable td.ephc { text-align: center; }
    .report-page table#eptable td.nman{  text-align: right; color: inherit; }
    .report-page div#no_ep { display: inline-table; width:100%; vertical-align: middle; }
    .report-page div#no_ep > p { display: table-cell; text-align: center; vertical-align: middle; }

    .report-page table#eptable thead { font-size: 0.7em; }
    .report-page table#eptable tbody { font-size: 0.75em; }

    .report-page table#eptable tr.selectedmun { background-color: #c2eeff;/*text-shadow:1px 0 0 #000;*/ }

    /* 年表 */
    .report-page div#pasteqtable {
        float: left;
        margin: 10px 10px 10px 10px;
    }
    .report-page table#pasteqtable { width: 99%; margin: 2px 0.5%; font-size:0.75em; }
    .report-page table#pasteqtable td.yearh { max-width: 2.5em; }
    .report-page table#pasteqtable td.year {  text-align: center; }
    .report-page table#pasteqtable td.eqname { width: 5em; }
    .report-page table#pasteqtable td.mag {max-width: 2.5em; }
    .report-page table#pasteqtable td.damage_rank {  text-align: right; }
    .report-page table#pasteqtable td.description { width: auto; }
    
    .report-page table#pasteqtable tbody td.eqname { }
    .report-page table#pasteqtable tbody td.description { font-size:0.9em; }

    .report-page div#no_pasteq { display: inline-table; width:100%;vertical-align: middle; }
    .report-page div#no_pasteq > p { display: table-cell; text-align: center; vertical-align: middle; }

    /* J-SHIS */
    .report-page #jshis_images>div {
        position: relative;
        float: left;
        width: 48%;
    }

    .report-page #jshis_images_captions>span {
        display: inline-block;
        font-size: 0.8em;
        position: relative;
        float: left;
        width: 49%;
        margin: 2px 0.5%;
    }

    .report-page #jshis_images>div{
        position:relative;
        width: 49%;
        /*height: 245px;*/
        margin: 2px 0.5%;
    }
    
    .report-page #jshis_images img.jshisimg{
        /*position: absolute; */
        /*bottom: 0; left: 0;*/
        /*width: 100%;*/
        width: 100%;
        -ms-interpolation-mode:bicubic;
        image-rendering: optimizeQuality;
        border-style:solid;
        border-width: 1px;
    }

    .report-page img.gsijshisscale{
        position: absolute;
        top: 100%;
        left: 100%;
        width: 16%;
        margin-top:  -44%;
        margin-left: -16%;
    }
    .report-page p#jshis_caption {
        font-size: 0.7em;
        font-weight: normal;
    }



    .report-page div#footer_left{
        padding: 1em 1em 0 0;
        text-align: left;
    }

    .report-page div#footer_right{
        padding: 1em 0 1em 0;
        font-size:0.95em;
        text-align: right;
    }

    .no_pasteq {
        margin: 2em auto;
    }

    #title-cityname {
      float: right;
    }

    @media only screen and (min-width: 600px){
        #display_estimate_result {
            width: 600px !important;
            margin: 0 auto !important;
            position: relative !important;
        }
    }