/* 改行 */
.br_pc {
    display: block;
}

.br_sp {
    display: none;
}

@media screen and (min-width: 81.1em) {
    body {
        overflow-x: hidden;
    }
}

div.nav {
    float: left;
    width: 17.59em;
    height: auto;
    display: block;
    margin-left: -79.93em;
}

div.article {
    float: left;
    margin-left: 19em;
    display: block;
}
/* 固定ヘッダー */
.header {
    width: 80em;
    color: #2a1c7f;
    background: #ffffff;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 1001;
    line-height: 1;
    height: 3em;
}

    .header a {
        color: #2a1c7f;
    }

.head-logo-sec {
    position: relative;
}

    .head-logo-sec img {
        position: absolute;
        top: 0.9em;
        left: 1.3em;
    }
    img.splogo {
        display: none;
    }
    img.pclogo {
        display: inline;
    }

    .head-logo-sec h1 {
        float: left;
        padding-left: 2.5em;
        font-size: 1.8em;
        font-weight: 700;
    }

.head-navi-sec {
    float: right;
    padding-top: 0.9375em;
    min-height: 2em;
}

li.jumpmain, li.aboutsite, li.language {
    float: left;
    margin: 1em 0.5em 0;
    padding-left: 1.5em;
    min-height: 1.5em;
    background-repeat: no-repeat;
}
li.jumpmain {background-image: url(../images/jumpmain.png);}
li.aboutsite {background-image: url(../images/aboutsite.png);}
li.language {background-image: url(../images/language.png);}

ul.topmenu {
    margin: 0;
    padding: 0 0 0 0.9em;
}

    ul.topmenu a {
        display: block;
        color: #444444;
        text-decoration: none;
    }

    ul.topmenu ul {
        display: none;
        margin: 0;
        padding: 0;
        position: absolute;
    }

    ul.topmenu li:hover ul {
        display: block;
    }

    ul.topmenu ul li a {
        line-height: 2em;
        padding: 0 0.5em;
        background: #ffffff;
    }

div.splangage {
    display: none;
}

div.hamburger {
    display: none;
}

div.sideclose {
    display: none;
}

.header-padding {
    padding: 2em 0;
}

div.article {
    padding-top: 0em;
}

/* タイトル  */
h2.title {
    font-size: 1.5em;
}
/* 福岡市ホームページ 福岡市防災情報マップ ハザードマップ等リンク */
div.citypage, div.citymail, div.infomap, div.link {
    border: solid;
    border-color: #ffffff;
    border-width: 0.0625em;
    width: 17.3125em;
    min-height: 3.36em;
    text-align: left;
    background-color: #150072;
    margin-left: 0.125em;
    margin-top: 0.2em;
    position: relative;
}

    div.citypage img, div.citymail img, div.infomap img, div.link img {
        position: absolute;
        top: 0.8em;
        left: 0.95em;
        height: 1.625em;
    }
    div.citypage img {
        top: 1.3em;
        height: 1.8em;
    }

    div.citypage p, div.citymail p, div.infomap p, div.link p {
        margin-top: 1em;
        margin-left: 2.8em;
    }
    div.citypage p {
        margin-top: 0.7em;
    }

    div.citypage a, div.citymail a, div.infomap a, div.link a {
        color: #ffffff;
        font-size: 1.2em;
        text-decoration: none;
    }
    div.citypage a{
        font-size: 1.1em;
        line-height: 1.2em;
        letter-spacing: 0.1em;
    }

div.citypage {
    margin-top: 0em;
}

/* 側小見出し */
div.sidetitle {
    border: none;
    width: 17.3125em;
    min-height: 2.5em;
    text-align: left;
    background-color: #ffffff;
    margin-left: 0.125em;
    margin-top: 0.2em;
    position: relative;
}

    div.sidetitle img {
        position: absolute;
        top: 0;
        left: 0.95em;
        height: 1.625em;
    }

    div.sidetitle p {
        margin-top: 1em;
        margin-left: 2.4em;
        font-size: 1.2em;
        color: #444444;
    }
/* 県や気象台へのリンク */
div.external {
    width: 16em;
    text-align: left;
    margin-left: 0.5em;
    margin-top: -1em;
}

div.external li {
    min-height: 2em;
    list-style-type: none;
    margin-left: 2.4em;
    padding-left: 2em;
    padding-top: 0.25em;
    background-image: url(../images/external.png);
    background-repeat: no-repeat;
}

div.external a {
    color: #444444;
    font-size: 1em;
    text-decoration: none;
}

div.radar img {
    margin-left: 0.7em;
    width: 16.2em;
}