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

img {
    max-width: 100%;
}
/* ヘッダ */
.header {
    width: 100%;
    min-height: 3.625em;
    color: #ffffff;
    background: #140072;
}
    .header a{
        text-decoration: none;
        color: #ffffff;
    }
.head-logo-sec{
        position: relative;
    }
    .head-logo-sec img{
        position: absolute;
        top: 0.7em;
        left: 0.4em;
    }
    img.pclogo{
        display: none;
    }
    img.splogo{
        display: inline;
    }
    .head-logo-sec h1 {
        float: left;
        padding: 0.2em 0 0 1.5em;
        font-size: 1.3em;
        font-weight: 100;
        transform: scale(0.9, 1);
    }

    .head-navi-sec {
        display: none;
    }
  
    ul.topmenu {
        display: block;
        float: right;
        margin: 0.75em 0.4em 1em 0;
        position: relative;
        height: 1em;
        width: 4em;
    }
    ul.topmenu a {
        display: block;
        color: #ffffff;
        text-decoration: none;
        transform: scale(0.8, 1);
    }

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

    ul.topmenu li a {
        line-height: 2em;
        padding: 0 0.5em;
        background: #140072;
    }
    
  /*メニューボタンのエフェクト*/
  .nav-button, .nav-button span {
    display: inline-block;
    transition: all 0.4s;
    box-sizing: border-box;
  }
  .nav-button {
    display: block;
    cursor: pointer;
    float: right;
    margin: 1em 0;
    z-index: 20;
    position: relative;
    width: 1.75em;
    height: 1.5em;
  }
  .nav-button span {
    position: absolute;
    left: 0.2em;
    width: 1.1em;
    height: 0.15em;
    background-color: #ffffff;
    border-radius: 0.125em;
  }
  .nav-button span:nth-of-type(1) {
    top: 0;
  }
  .nav-button span:nth-of-type(2) {
    top: 0.6875em;
  }
  .nav-button span:nth-of-type(3) {
    top: 1.375em;
  }
  .nav-button.active span:nth-of-type(1) {
    transform: translateY(1em) rotate(-45deg);
  }
  .nav-button.active span:nth-of-type(2) {
    opacity: 0;
  }
  .nav-button.active span:nth-of-type(3) {
    transform: translateY(-1em) rotate(45deg);
  }
    
/* タイトル  */
h2.title{
    margin-top: 2em;
}
h2.title img{
    height: 1.5em;
}

div.nav {
    display: none;
}

div.article {
    margin-left: 0em;
}
/* 福岡市ホームページ 福岡市防災情報マップ ハザードマップ等リンク */
div.citypage, div.citymail, div.infomap, div.link {
    border: solid;
    border-color: #ffffff;
    border-width: 0.0625em;
    width: 98%;
    min-height: 4.7em;
    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: 1.4em;
        left: 1em;
        height: auto;
    }

    div.citypage p, div.citymail p, div.infomap p, div.link p{
        margin-top: 1.6em;
        margin-left: 3.9em;
    }

    div.citypage a, div.citymail a, div.infomap a, div.link a, div.sideclose a{
        color: #ffffff;
        font-size: 1.55em;
        text-decoration: none;
    }

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

    div.sidetitle img {
        position: absolute;
        top: 1.4em;
        left: 1em;
        height: auto;
    }

    div.sidetitle p {
        margin-top: 1em;
        margin-left: 3em;
        font-size: 1.55em;
        color: #7e7e7e;
    }

/* 県や気象台へのリンク */
div.external {
    width: 100%;
    text-align: left;
    margin-left: 0.125em;
    margin-top: -0.625em;
}
    div.radar img {
        margin-left: 0.7em;
        width: 95%;
    }
/* 閉じる*/
div.sideclose {
    background-color: #9b9b9b;
    text-align: center;
}

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;
}

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

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

.header{
  left:0;
  line-height:1;
  position:fixed;
  top:0;
  z-index:1001;
  height:3em;
}