/*
 * bootstrap_custom.css
 * copyright (c) HCC 2014
 */

/* bootstrap grid size
.col-xs- : <=  768px (mobile)
.col-sm- : <   992px (tablet)
.col-md- : <  1200px (pc)
.col-lg- : >= 1200px (pc)
*/

.container-fluid {
}

.container {
}

.navbar-default {
  margin: 0px;
}

.navbar-inner {
  padding: 0;
}

.navbar {
  padding: 0;
  border: 0px #FFFFFF solid;
  background-image: -webkit-linear-gradient(#000000, #000000 60%, #000000);
  background-image: -o-linear-gradient(#000000, #000000 60%, #000000);
  /* background-image: -webkit-gradient(linear, left top, left bottom, from(#000000), color-stop(60%, #000000), to(#000000)); */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e8fbc5), color-stop(60%, #e8fbc5), to(#e8fbc5));
  background-image: linear-gradient(#e8fbc5, #e8fbc5 60%, #e8fbc5);
  background-repeat: no-repeat;
  -webkit-filter: none;
  filter: none;
  -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}

.navbar .nav {
  margin: 0;
  display: table;
}

.navbar .nav li a {
  font-weight: bold;
  text-align: left;
  color: #000064;
}

/*51596_S*/
.navbar-brand {
  line-height: 30px;
  padding: 15px 15px;
}
.navbar .nav {
  margin: 0 0 0 auto;
  display: table;
}
.navbar-nav_hp{
  margin: 0 0 0 auto;
}
/*51596_E*/

.navbar .nav li {
  /* display: table-cell;
  float: none; */
}

/*51596_S*/
.navbar .nav li a {
  line-height: 24px/*30px*/;
  font-weight: bold;
  text-align: left;
  /* text-align: center; */
}
/*51596_E*/

/*51596_S*/
/*さくら市防災ポータル追加用設定*/
.navbar-default .navbar-nav_hp > li > a {
  line-height: 20px;
  margin-left: auto;
  margin-right: 0;
  color: #000064;
}
.navbar-default .navbar-nav_hp > li > a:hover,
.navbar-default .navbar-nav_hp > li > a:focus {
  line-height: 20px;
  margin-left: auto;
  margin-right: 0;
  color: #ffffff;
  background-color: #178acc;
}

.navbar .navbar-nav .navbar-nav_hp> li > a,
.navbar-brand {
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
/*51596_E*/

.col-md-4,
.col-lg-4 {
  padding-left: 1px;
}

.col-md-8, 
.col-lg-8 {
  padding-right: 1px;
}

.col-xs-12, col-sm-12 {
  padding-left: 1px;
  padding-right: 1px;
}

/*56068 縦に中央揃え*/
.table > tbody > tr > td.off11	 {
  vertical-align: middle;
}



#titleText {
  /*background: url("../img/title.png") no-repeat left center;*/
  background-size: contain;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #000064;
}

.navbar-default .navbar-nav .open .dropdown-menu {
  color: #000064;
  background-color: #ffffff;
}

/*51596_S*/
/*英語版タイトル用widthサイズ*/
/* !important がないと動作しない*/
#titleText:lang(en) {
  font-size: 14px !important;
  line-height: 16px !important;
}
/*51596_E*/


/*51596_S*/
/*さくら市防災ポータル追加の為、1460px以下(英語ページも踏まえたサイズ)で
　スマートフォン表示のメニューバーレイアウトに切り替える*/
@media (min-width: 769px/*1461px*/) {
  /*bootstrap.css: 3840～3844コメントアウト*/
  .navbar {
    border-radius: 4px;
  }

  /*bootstrap.css: 3845～3849コメントアウト*/
  .navbar-header {
      float: left;
  }

  /*bootstrap.css: 3867～3890コメントアウト*/
  .navbar-collapse {
      width: auto;
      border-top: 0;
      -webkit-box-shadow: none;
              box-shadow: none;
  }
  .navbar-collapse.collapse {
      display: block !important;
      visibility: visible !important;
      height: auto !important;
      padding-bottom: 0;
      overflow: visible !important;
  }
  .navbar-collapse.in {
      overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
      padding-left: 0;
      padding-right: 0;
  }

  /*bootstrap.css: 3913～3921コメントアウト*/
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
      margin-right: 0;
      margin-left: 0;
  }

  /*bootstrap.css: 4002～4006コメントアウト*/
  .navbar-toggle {
      display: none;
  }

  /*bootstrap.css: 4043～4055コメントアウト*/
  .navbar-nav {
      float: left;
      margin: 0;
  }
  .navbar-nav > li {
      float: left;
  }
  .navbar-nav > li > a {
      padding-top: 15px;
      padding-bottom: 15px;
  }
}
/*51596_E*/


@media (max-width: 768px/*1460px*/) {
  /*51596_S*/
  /*さくら市防災ポータル追加用設定*/
  .navbar-brand {
    line-height: 25px;
    padding: 15px 15px;
  }
  .navbar-brand:lang(en) {
    line-height: 25px;
    padding: 6px 15px;
  }
  .navbar .nav {
    margin: 0;
    display: table;
  }
  /*51596_E*/

  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #000064;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    margin: 0;
    color: #000064;
    background-color: #178acc;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    margin: 0;
    color: #000064;
    background-color: #178acc;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }

  /*51596_S*/
  /*さくら市防災ポータル追加用設定*/
  .navbar-default .navbar-nav_hp > li > a {
    margin: 0px;
    color: #000064;
  }
  .navbar-default .navbar-nav_hp .open .dropdown-menu > li > a:hover {
    margin: 0px;
    color: #000064;
    background-color: #178acc;
  }  
  .navbar-default .navbar-nav_hp .open .dropdown-menu > li > a:focus {
    margin: 0px;
    color: #000064;
    background-color: #178acc;
  }
  /*51596_E*/
}


/*51596_S*/
/*凡例表示用セカンドパネルサイズ*/
@media (min-width: 1200px) {
.col-lg-4_legend {
  width: 24.55833334%;
}
.col-lg-8_legend {
  width: 75.44166666%;
}
}
/*51596_E*/