@charset "utf-8";

/* ==========================================================================================
768px 以下の指定 印刷除く
========================================================================================== */


/* ===========================================
初期設定
=========================================== */

html {
  -webkit-text-size-adjust: 100%;
  width: 100%;
  height: auto;
  word-wrap: break-word;
  /* IE11用 */
  overflow-wrap: break-word;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;
}
body {
  width: 100%;
  color: #000;
  background-color: #FFF;
  line-height: 1.7;
  font-size: 1.6rem;
  font-weight: 500;
}
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* ===========================================
CMSスタイル
=========================================== */


/* html5用 */

article, aside, footer, header, hgroup, main, nav, section {
  display: block;
}

/* スタイルリセット
============================== */


/* iOSでのデフォルトスタイルをリセット */

input[type="reset"], input[type="submit"], input[type="button"] {
  border-radius: 0;
  border: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-appearance: none;
}
input[type="reset"]::-webkit-search-decoration, input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="reset"]:focus, input[type="submit"]:focus, input[type="button"]:focus {
  outline-offset: -2px;
}
input.fedbt, input[type="reset"], input[type="button"], input[type="text"], input[type="submit"] {
  border-radius: 0;
}

/* プレースホルダー文字色 */

:placeholder-shown {
  color: #6F6F6F;
}

/* Google Chrome, Safari, Opera 15+, Android, iOS */

::-webkit-input-placeholder {
  color: #6F6F6F;
}

/* Firefox 18- */

:-moz-placeholder {
  color: #6F6F6F;
  opacity: 1;
}

/* Firefox 19+ */

::-moz-placeholder {
  color: #6F6F6F;
  opacity: 1;
}

/* IE 10+ */

:-ms-input-placeholder {
  color: #6F6F6F;
}
a[href], label[for], input[type="button"], input[type="submit"], input[type="reset"], input[type="image"], input[type="radio"], input[type="checkbox"], select {
  cursor: pointer;
}
button {
  cursor: pointer;
  padding: 0;
  margin: 0;
  border: none;
  background: none;
}
fieldset {
  border: none;
}
address {
  font-style: normal;
  line-height: 2;
  font-size: 1.6rem;
  padding-left: 15px;
  padding-right: 15px;
}
.sp-none {
  display: none !important;
}
img {
  max-width: 100%;
  height: auto;
}
.img-only>a, .img-right>a, .img-left>a, .img-center>a {
  display: block;
}

/* 1.5倍に拡大表示 */

input[type="radio"], input[type="chexkbox"], input[type="checkbox"] {
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
}

/* 画像寄せ解除 */

p.img-txt-right, p.imglink-txt-right, .img-center, .img-right, .img-left, .img-only, p.imglink-side2, p.imglink-side3, p.imglink-side4, p.imglink-side5, .imglink-txt-left, p.imglink-txt-right, div.img-area-r p.imglink-txt-right, p.img-right, div.img-area-l p.imglink-txt-left,p.img-left {
  width: auto;
  float: none;
  display: block;
  padding: 10px;
  text-align: center;
  margin-left: 0;
  margin-right: 0;
}
.img-area img,p.imglink-side3 img {
  display: block;
  margin: 0 auto;
}
.img-c, .img-center, .img-l, .img-left, .img-r, .img-right,p.img-right {
  width: auto;
  float: none;
}

/* フォントサイズ
============================== */

body {
  font-size: 1.6rem;
  min-width: auto;
}
h1 {
  font-size: 2.0rem;
  position: relative;
}
h2,div#losubnavi h2 {
  font-size: 1.8rem;
  position: relative;
}
h3 {
  font-size: 1.6rem;
  position: relative;
}
h4 {
  font-size: 1.6rem;
  position: relative;
}
h5 {
  font-size: 1.6rem;
  position: relative;
}
h6 {
  font-size: 1.6rem;
}
p, table, dt, dd,ol>li {
  line-height: 1.7;
  font-size: 1.6rem;
}
ul>li {
  line-height: 1.3;
  font-size: 1.6rem;
}
table th {
  font-size: 1.6rem;
}

/* パンくず */

.pankuzu {
  width: 100%;
  padding: 5px 5px;
}

/* 広告エリア */

.kokoku-list {
  width: 100%;
}
.kokoku-list li:nth-of-type(4n), .kokoku-list li:nth-of-type(5n), .kokoku-list li {
  width: calc(100% / 2);
  text-align: center;
  margin-right: 0;
}

/* 取り込み動画用 */

iframe[src*="youtube"], iframe[title="動画"] {
  display: block;
  margin: 10px auto 10px auto !important;
  text-align: center;
  width: 90% !important;
}

/* 地図パーツ */

iframe {
  width: 100% !important;
  max-height: 300px;
  margin: 0 auto;
}
.mapimg {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mapimg>iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
div.mapimg {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.mapimg>iframe, .mapimg>object, .mapimg>embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
div.mapimg {
  float: none;
}

/* googlemapサイズ固定 */

.mapimg>iframe {
  width: 300px !important;
  height: 200px !important;
}

/* 表パーツ */

.scroll_table {
  overflow-x: auto;
  white-space: nowrap;
  padding-bottom: 10px;
}
table {
  width: auto !important;
}
.important_item {
  display: block;
  padding: 5px;
}

/* 画像キャプション */

.img-l span, .img-r span, .img-c span, .img-left span, .img-righ span, .img-right span, .img-only span, .img-center span {
  font-size: 1.6rem;
}

/* コンテンツ調整
============================== */

div.wrap {
  width: 100%;
}
div#main {
  width: auto;
  float: none;
}
div#localnavi {
  float: none;
  width: auto;
}
div#main_inner {
  width: 100%;
  float: none;
}
div.pankuzu {
  width: 100%;
  padding: 8px;
}
#basebgall {
  min-width: auto;
  background-image: none;
}
div.lobgbox {
  width: 100%;
}
.menulist2 .m-box2 {
  width: 100%;
  margin: 0 0 10px 0;
}
.menulist2 {
  margin: 0 10px;
}
div.newinfo-box {
  margin: 10px;
}
div#localnavi p.lojoho {
  text-align: center;
}
div#ko_main_inner {
  width: 100%;
  float: none;
}
ul.k-navi li {
  width: 50%;
  text-align: center;
}
ul.k-navi {
  margin: 0 10px;
}
.ko_info-wp {
  margin: 0 10px;
}
div.tothispage div {
  font-size: initial;
}
#s-joho ul.s-johobtn li {
  float: none;
  text-align: center;
  margin-bottom: 10px;
}
div.con-mail {
  float: none;
}
div.contact h2 {
  float: none;
}
div.m-box2,.soshiki_top .m-box2 {
  width: 100%;
  float: none;
}
.m_info {
  float: none;
  width: 100%;
}
.m_sns {
  width: 100%;
}
ul.m_menu_li li, ul.m_PR_li li, .m_kanren li, ul.sr_menu_li li, ul.sk_menu_li li, ul.shi_menu_li li, ul.ko_menu_li li {
  float: none;
  text-align: center;
  margin: 0 0 10px 0;
}
ul.m_menu_li li.m_li_last {
  margin: 0 0 10px 0;
}
ul.m_kanren_li li.pagelinkbt img {
  text-align: center;
  margin: 0;
  display: inline-block;
}
ul.m_kanren_li {}
ul.m_kanren_li {
  width: 100%;
}
ul.m_kanren_li li {
  margin: 10px auto;
}
.m_sns a.externalLink {
  margin: 0;
}
ul.m_sns_li li {
  text-align: center;
  margin: 0 0 10px 0;
  padding: 0;
}
table#calendarlist {
  /* margin: 0 10px; */
  width: 100% !important;
}
.sk_menu {
  width: 100%;
  padding-top: 10px;
}
div#sk_main_inner {
  width: 100%;
  float: none;
}
ul.sk_menu_li li.sk_lilast {
  margin: 0 0 10px 0;
}
.m_sns.subtop-r {
  float: none;
  width: 100%;
}
div#sr_main_inner {
  width: 100%;
  float: none;
}
div#sr_main_inner li.sr_lilast {
  margin: 0 10px 10px 0;
}
div.sk_img-box4 {
  padding: 0 5px;
  width: calc(100% / 4);
}

/* 市長 */

.shi_img_mayor {
  width: auto;
  float: none;
}
.shi_text_mayor {
  float: none;
  width: 100%;
}
div#shi_main_inner {
  width: 100%;
  float: none;
  padding: 0 10px;
}
div#shi_main_inner li, div#shi_main_inner li.shi_lilast {
  margin: 0 10px 10px;
}

/* 市議会 */

.g_info-box {
  width: 100%;
  margin: 0 0 10px 0;
}
.g_info-wp {
  padding: 10px;
}
div.g_losubnavi .lobgbox li,
div#g_losubnavi .lobgbox li {
  text-align: center;
}
div.g_losubnavi div.lobgbox ul,
div#g_losubnavi div.lobgbox ul {
  background-color: transparent;
}
div.g_losubnavi .lobgbox li a,
div#g_losubnavi .lobgbox li a {
  text-align: center;
}
div.g_losubnavi div.lobgbox ul, div#g_losubnavi div.lobgbox ul {
    display: flex;
    flex-wrap: wrap;
}

div.g_losubnavi .lobgbox li, div#g_losubnavi .lobgbox li {
    width: calc(100% / 2);
    padding: 0 3px;
}
div.g_losubnavi {
	clear: both;
	margin: 10px 0 0 0;
	padding: 0;
}
div.g_losubnavi h2 {
	margin: 0;
	padding: 0;
	font-size: 98%;
	font-weight: normal;
	line-height: 1.4em;
	border: none;
	_height: 1%;
}
div.g_losubnavi h2 span {
	margin: 0 4px 0 0;
	padding: 14px 5px 10px 45px;
	display: block;
	background-image: url(/images/c_icon_snavi.gif);
	background-repeat: no-repeat;
	background-position: 10px 0.5em;
	_height: 1%;
}
div.g_losubnavi .lobgbox li {
	border-bottom: 5px solid #D4F2F9;
}


div.socialmedia {
    float: none;
}

div.sp_box {
    float: none;
}
div.firstdate, div.update {
    float: none;
}
div.pankuzu ul li {
    white-space: normal;
}
/* インデックスパーツ
============================== */

div.m-box3 {
  float: none;
  width: 100%;
}
.all-list ul.info-list .date {
  float: none;
}
.all-list ul.info-list li span {
  margin: 0;
}
.all-list .info-list li {
  padding: 10px 0;
}

/* ==================================================
大規模災害テンプレート
================================================== */

div.baseall-s div.main-l {
  float: none;
  width: 100%;
}
div.baseall-s div.main-r {
  width: 100%;
  float: none;
}
div.baseall-s div.wrap {
  width: 100%;
}
div.baseall-s {
  width: 100%;
}
div.baseall-s div#head1bg {
  width: 100%;
  margin: auto;
}
div.baseall-s div.head2bg {
  width: 100%;
  height: auto;
  position: relative;
}
div.baseall-s address {
  float: none;
  margin: 0;
  text-align: left;
}
div.baseall-s div.f0add h2 {
  float: none;
}
div.baseall-s div.tothispage {
  width: 100%;
}

/* フォームメール */

#formmail input[type="text"], #formmail textarea {
  width: 100%;
}

/* 組織ページ */

.soshiki-info-list .date {
  float: none;
}
.soshiki-info-list .link {
  margin: 0;
}
.soshiki-info-list li {
  margin-bottom: 10px;
}

/* pc sp切り替え
==============================

.switchBtn {
  font-size: 1.4rem;
  background-color: #CCDCEB;
  padding: 8px 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.switchBtn>button {
  color: #000;
  padding: 5px 10px;
  background-color: #AEBDDC;
  width: 50%;
}
.switchBtn>button.btnAcv {
  background-color: #3E53A2;
  color: #FFF;
  text-decoration: none;
  padding: 8px 10px 8px 25px;
  display: block;
  position: relative;
}
.switchBtn>button.btnAcv::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 9px;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 4px;
  height: 4px;
  border-top: 2px solid #FFF;
  border-right: 2px solid #FFF;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
} */

/* フッタ */

.sp_footbgall {
  background-color: #3E53A2;
  margin-top: 20px;
  color: #FFF;
  text-align: left;
  position: relative;
}
.sp_footbgall a {
  color: #FFF;
}
ul.sp_footlist li {
  margin: 5px 0;
  background-image: none;
  font-size: 1.6rem;
  padding: 0 15px;
  border-right: 1px solid #FFF;
  line-height: 1;
}
ul.sp_footlist {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 20px 0;
  padding: 0;
}

/* ヘッダ */


/* ヘッダメニュー */

.menu-trigger, .menu-trigger span {
  display: inline-block;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.menu-trigger {
  position: relative;
  width: 24px;
  height: 20px;
  margin: 0 auto 5px auto;
}
.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #3F53A2;
  border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
  top: 0;
}
.menu-trigger span:nth-of-type(2) {
  top: 9px;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}
button#toggle01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #3F53A2;
  font-weight: bold;
  /* border: 1px solid #1954A0; */
  font-size: 1.1rem;
  border-radius: 6px;
  padding: 7px 4px 4px 4px;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.menu_btn_wp {
  font-size: 1.0rem;
  border-radius: 6px;
  margin-left: 6px;
  display: flex;
  min-width: 70px;
  justify-content: center;
}
.sp_head_wp {
  /* align-items: flex-start; */
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 10px 0 5px 10px;
}
.sp_head_menu {
    display: inline-flex;
    flex-wrap: wrap;
}

.language_btn_wp {
    /* border: 1px solid #1954A0; */
    font-size: 1.0rem;
    border-radius: 6px;
    display: flex;
}

.language_btn_wp span {
    display: block;
    text-align: center;
}
.language_btn_wp a {
    /* color: #333; */
    text-decoration: none;
    display: block;
    padding: 6px 4px 3px 4px;
    font-size: 1.0rem;
    color: #3F53A2;
    font-weight: bold;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
/* 開閉 */

.menu-trigger span:nth-of-type(2)::after {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background-color: #3F53A2;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
}
.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(20px) scale(0);
  -ms-transform: translateY(20px) scale(0);
  transform: translateY(20px) scale(0);
}
.menu-trigger.active span:nth-of-type(2) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2)::after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-20px) scale(0);
  -ms-transform: translateY(-20px) scale(0);
  transform: translateY(-20px) scale(0);
}

/* グローバルナビ */

nav ul {
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
li.smph_menu_btn {
  background-image: none;
  margin: 0;
  padding: 0;
  width: 50%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.smph_gnavi_wp {
  padding: 0 10px 10px 10px;
}
li.smph_menu_btn a {
  padding: 12px 5px;
  background-color: #4060B7;
  border-left: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
  font-size: 1.3rem;
  color: #FFF;
  font-weight: bold;
  text-decoration: none;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.gnavi_menu_title {
  font-size: 1.8rem;
  text-align: center;
  font-weight: bold;
}
.smph_gnavi_menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 10px;
}
.smph_gnavi_menu>p {
  width: calc(100% / 3);
  text-align: center;
  padding: 0;
  margin: 0;
}
.smph_gnavi_menu>p a {
  padding: 12px 10px;
  display: block;
  background-color: #4060B7;
  border-left: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
  font-size: 1.2rem;
  color: #FFF;
  font-weight: bold;
  text-decoration: none;
}
li.smph_menu_btn.smph_menu_btn_red a {
  background-color: #C62005;
}
.gnavi_menu_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 10px;
  padding-bottom: 20px;
  border-bottom: 1px solid #F2F2F2;
}
.gnavi_menu_link>p {
  padding: 0;
  width: 50%;
  text-align: center;
}
.gnavi_menu_link>p a {
  padding: 12px 10px;
  display: block;
  background-color: #F2F2ED;
  border-left: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
  font-size: 1.4rem;
  color: #003399;
  font-weight: bold;
  text-decoration: none;
}
.gnavi_menu_box ul li {
  padding: 0;
  margin: 0;
  background-image: none;
  line-height: 1;
  margin-bottom: 15px;
}
.gnavi_menu_box ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: .85em;
  padding-right: 20px;
  padding-top: .85em;
  padding-left: 20px;
}
.gnavi_menu_box ul li a {
  padding: 0 15px;
  border-right: 1px solid #222;
  display: block;
  text-decoration: none;
  color: #222;
}
.gnavi_menu_box ul li:last-of-type a {
  border-right: none;
}
.smph_gnavi_wp ul {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#gnavi_menu {
  position: absolute;
  background-color: #FFF;
  z-index: 999;
  top: 100%;
  border-bottom: 1px solid #4060B7;
  padding: 10px 0;
  width: 100%;
}
.sp_navi {
  position: relative;
}
ul.sp_foot_link_btn a {
  color: #FFF;
  font-weight: bold;
  display: block;
  padding: 14px 30px;
  border: 1px solid #FFF;
  background-image: url(/images/2020_foot_link_icon.png);
  background-repeat: no-repeat;
  background-position: right 10px top 50%;
  text-decoration: none;
  width: 100%;
  text-align: center;
  font-size: 1.6rem;
}
ul.sp_foot_link_btn li {
  padding: 0;
  margin: 0;
  background-image: none;
}
.search-wp {
  padding: 10px 30px;
  margin: 0;
  width: 100%;
  border: none;
  float: none;
}
input.tbox {
  border: 1px solid #4060B7;
  width: calc(100% - 100px);
}
.search-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
input.fedbt {
  background-color: #4060B7;
  color: #FFF;
  padding: 5px 30px;
  width: 100px;
}
h1#sp_header_logo {
  margin: 0;
}
.sp_foot_con01 {
  text-align: center;
  padding: 20px;
}
.sp_foot_con_icon {
  padding-top: 10px;
  padding-left: 195px;
}
/* ページトップへ
============================== */

.sp_page-top {
  position: fixed;
  bottom: 0;
  right: 0;
  text-decoration: none;
  z-index: 9999;
  opacity: .9;
  padding: 10px;
}
.sp_page-top:hover, .sp_page-top:focus {
  opacity: 1;
}
.sp_foot_copy {
    text-align: center;
    font-size: 1.2rem;
    padding: 10px 0;
}
/* 拡大画像 */
#jquery-lightbox {
    max-width: 100% !important;
    overflow: hidden;
    }

#lightbox-container-image-box {
    width: 100% !important;
    max-width: 100%;
    height: auto !important;
}
#lightbox-container-image-data-box {
    width: 100% !important;
}
ul.norcor li>span {
    display: block;
}

ul.norcor li>a {
    display: block;
}

ul.norcor li {
    background-position: 0 .4em;
}