@charset "UTF-8";
/* =========================================================
   防災ポータル
========================================================= */

/* レイアウト
----------------------------------------------- */
.bosaiportal #header, .bosaiportal #main, .bosaiportal #navi, .bosaiportal #footer{min-width: 480px;}
.bosaiportal #main{max-width: 1200px;width: 100%; padding: 0;}
.bosaiportal #main,
.bosaiportal #wrapper{-js-display: flex;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;}
.bosaiportal #wrapper{float: none;width: 100%;margin: 0 0 30px 0; padding-left: 10px;}
.bosaiportal #content{float: none;margin-left: 0;max-width: 955px;min-width: 380px; width: 100%;order:2; padding-right: 10px;}
.bosaiportal #contentBody {padding-left: 0;}
.bosaiportal #menu{float: none;order:1; margin-right:2.051282051%;min-width:100px;}

/* サイトバナー、グローバルナビ
----------------------------------------------- */
#container.bosaiportal {
    background: none;
}
.bosaiportal #headerContainer {
    padding-top: 15px !important;
}
.bosaiportal #header {
  clear: both;
  position: relative;
  height: auto;
  margin-bottom: 30px;
}
.bosaiportal #banner .logo {
    top: 40px;
}
.logo img{height: auto;max-width: 100%;width: auto;}
.bosaiportal .naviFont,
.bosaiportal #commonBanner .upperMenu,
.bosaiportal #commonBanner .lowerMenu {
padding-right:0;
}
.bosaiportal #globalNavi {
height: auto;
width: 100%;
position: relative;
bottom: auto;
}
.bosaiportal #globalNavi .pieceBody{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.bosaiportal #globalNavi a,
.bosaiportal #globalNavi a:hover {
    width: 16.41%;
    padding: 15px;
    color: #2a2a2a;
    border: 1px solid #628e41;
    border-top: 2px solid #628e41;
    border-bottom: 1px solid #dbe7ca;
    border-left: none;
    background: #dbe7ca;
    background-image: none;
}
.bosaiportal #globalNavi a:hover {
    background: #CDDDB6;
}


/* 見出し
----------------------------------------------- */
#pageTitle .pieceBody{color:#2A2A2A; padding-left:10px;}
#page-bunya-saigai-index #pageTitle .pieceBody {
    background-image: url("/_common/themes/joruri/piece/images/bosaiportal/saigai.svg");
    background-size: 21px 29px;
}
#page-bunya-hinanjyo-index #pageTitle .pieceBody {
    background-image: url("/_common/themes/joruri/piece/images/bosaiportal/hinanjyo.svg");
    background-size: 28px 28px;
}
#page-bunya-hazardmap-index #pageTitle .pieceBody {
    background-image: url("/_common/themes/joruri/piece/images/bosaiportal/hazardmap.svg");
    background-size: 30px 28px;
}
#page-bunya-saigaiSonae-index #pageTitle .pieceBody {
    background-image: url("/_common/themes/joruri/piece/images/bosaiportal/saigaiSonae.svg");
    background-size: 34px 28px;
}
#page-bunya-saigaiTaisaku-index #pageTitle .pieceBody {
    background-image: url("/_common/themes/joruri/piece/images/bosaiportal/saigaiTaisaku.svg");
    background-size: 40px 30px;
}
#breadCrumbs a {text-decoration: none;color: #2A2A2A;}

/* フッター
----------------------------------------------- */
.bosaiportal #footer,
.bosaiportal #footerNavi .pieceBody {
    text-align: center;
}
.bosaiportal #footerNavi .pieceBody {
  padding: 5px 10px;
  background-color: #dbe7ca;
  color: #2a2a2a;
}
.bosaiportal #footerBody {
    background: none;
}
.bosaiportal #footerNavi a,
.bosaiportal #footerNavi a:visited,
.bosaiportal #footerNavi a:hover {
  color: #2a2a2a;
}
.bosaiportal #copyright .pieceBody {
  padding:10px;
  color: #2a2a2a;
  font-size: 83%;
  background-color: #fff;
}

/* ローカルメニュー
   #menu ：左サイド  #links：右サイド
----------------------------------------------- */
.bosaiportal #menu,
.bosaiportal #links{
    max-width: 205px;
    width: 100%;
}
.bosaiportal #menu .pieceHeader h2,
.bosaiportal #links .pieceHeader h2 {
  color: inherit;
  font-weight: bold;
}
.bosaiportal #categoryList .lnbp01 h2,
.bosaiportal #categoryList .lnbp02 h2 {
  position: relative;
  padding-left:30px;
  background-image: none !important;
}
.bosaiportal #categoryList .lnbp01 h2::before,
.bosaiportal #categoryList .lnbp02 h2::before {
  content: "";
  position: absolute;
  top:-5px;left:0;
}
.bosaiportal .pieceContainer.lnbp01 h2::before {
  width: 20px; height: 20px;
background: url("/_common/themes/joruri/piece/images/bosaiportal/iza.svg") no-repeat 0 0;
background-size: 20px 20px;
}
.bosaiportal .pieceContainer.lnbp02 h2::before {
  width: 24px; height: 21px;
background: url("/_common/themes/joruri/piece/images/bosaiportal/jouhou.svg") no-repeat 0 0;
background-size: 24px 21px;
}
.bosaiportal #categoryList .lnbp03 h2,
.bosaiportal #categoryList .lnbp04 h2 {
  padding-left:5px;
}
.bosaiportal #menu .pieceHeader,
.bosaiportal #links .pieceHeader {
  background: none;
  border-radius: 0;
}
.bosaiportal #categoryList .pieceBody {
  border: none;
}
.bosaiportal #menu .pieceBody,
.bosaiportal #links .pieceBody {
  margin-bottom: 20px;
}
.bosaiportal #menu .pieceBody a,
.bosaiportal #links .pieceBody a {
  color: #202020;
  text-decoration: none;
  }
.bosaiportal #menu ul,
.bosaiportal #links ul {
  padding: 5px 0 0;
}
.bosaiportal #menu li {
  padding: 0px;
  margin-bottom:5px;
  background-color:#F0f0f0;
  background-image: none;
  background-repeat: no-repeat;
  background-position:inherit ;
}
.bosaiportal #links li {
  padding: 0px;
  background-image: none;
  background-repeat: no-repeat;
  background-position:inherit ;
}
.bosaiportal #menu li a {
  padding: 10px;
  border:1px solid #000;
  display:block;
}
.bosaiportal #links li a{
  padding: 10px;
  border-bottom:1px solid #b5b5b5;
  display:block;
}
.bosaiportal #menu li .pieceHeader,
.bosaiportal #links li .pieceHeader{
  font-weight: 600;
}
.bosaiportal #menu .lnbp01 .pieceHeader {
  color: #df1523;
  border-bottom: 2px solid #df1523;
}
.bosaiportal #menu .lnbp02 .pieceHeader {
  color: #628e41;
  font-weight: 600;
  border-bottom: 2px solid #628e41;
}
.bosaiportal #menu .lnbp01 li a {
  border:1px solid #df1523;
  background-color:#fedfdf !important;
}
.bosaiportal #menu .lnbp01 li a:hover {
  background-color:#FCBCBC
}
.bosaiportal #menu .lnbp02 li a {
  border:1px solid #afca6c;
  background-color:#edf6df;
}
.bosaiportal #menu .lnbp02 li a:hover {
  background-color:#D6EAB6;
}
.bosaiportal #links .lnbp03 .pieceHeader {
  color: #267c58;
  font-weight: 600;
  border-bottom: 2px solid #267c58;
  background-color:#edf8ed
}
.bosaiportal #links .lnbp04 .pieceHeader {
  color: #47474;
  font-weight: 600;
  border-bottom: 2px solid #474747;
  background-color:#eee;
}
.bosaiportal #links li a:hover {
  background-color:#edf6df;
}
/* 緊急情報
----------------------------------------------- */
#emergency-info-area{
  margin-bottom: 10px;
}
#emergency-info-area .pieceHeader {
  background-color: #df1523;
  color: #ffffff;
}
#emergency-info-area .pieceHeader h2 {
  padding: 0 0 0 15px;
  line-height: 35px;
  font-weight: bold;
  font-size: 120%;
}
#emergency-info-area .pieceBody {
  padding: 15px;
  border-color: #df1523;
  border-style: none solid solid;
  border-width: 2px;
}
#emergency-info-area .pieceBody ul {}
#emergency-info-area .pieceBody li {}

/* コンテンツ
----------------------------------------------- */
.bosaiportal #pageTitle .pieceBody {
  border: 1px solid #edf8ed;
  background-color: #edf8ed;
}
/* 新着情報の見出し */
.bosaiportal .contentArticleCategory .latest h2 {
  background: url("/_common/themes/joruri/piece/images/bosaiportal/news.svg") no-repeat 0 0;
  color: #2a2a2a;
  border-bottom: 2px solid #86BA41;
  border-radius:0;
  padding-left: 35px;
}
/* TOPとセカンドの記事一覧の見出し */
.bosaiportal .category h3,
.bosaiportal .unit h3 {
background: none;
  color: #2a2a2a;
  border:none;
  border-bottom: 2px solid #86BA41;
  border-radius:0;
  padding: 5px 5px 5px 10px;
}
@media screen and (max-width: 768px) {
.bosaiportal #globalNavi a { font-size:90%; padding: 15px 5px;}
}