@charset "UTF-8";
/* ==============================================================*
【熊谷市：本庁】　smph用スタイル
================================================================ */


/* ===============================================
  基本設定
================================================= */
.sp-none {
    display: none !important;
}


/* ------------------  ページトップへ戻る  ------------------ */
.t_page-top {
    right: 15px;
    padding: 0;
    z-index: 500;
}


.main{
    padding: 0 0 0 0;
}


/* ------------------  初期設定  ------------------ */
html {}
body {
    background-color: #FFF;
    line-height: 1.7;
    font-size: 1.5rem;
}
#base {
    overflow-y: scroll;
}

/*  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);
}
input[type="button"],
input[type="submit"] {
    border-radius: 0;
    -webkit-appearance: none;
    cursor: pointer;
}
input.fedbt, 
input[type="button"], 
input[type="text"], 
input[type="submit"] {
    border-radius: 0;
    -webkit-appearance: none;
}
button {
    padding: 0;
    margin: 0;
    border: none;
    font-size: 1%;
    background-color: transparent;
}

footer {
    margin: 40px 0 0 0;
}


/* ------------------  検索(google search)  ------------------ */
.h0search {
    background-color: transparent;
}

.h0search .gsc-control-cse {
}
.h0search form.gsc-search-box {
}
.h0search table {
    width: 100% !important;
}
.h0search table.gsc-search-box {
}
.h0search table.gsc-search-box td, 
.h0search table.gsc-search-box td.gsc-input {
    padding: 0;
    background-color: transparent;
    border: none;
}
.h0search table.gsc-search-box td input.gsc-input {
    background-color: transparent !important;
    border: none !important;
    /*border: 1px solid #FFF !important;*/
    height: 44px !important;
    font-size: 1.3rem;
}
.h0search .gsc-input-box {
}
.h0search .gsc-search-button {
}
.h0search .gsc-search-button button.gsc-search-button-v2 {
    min-height: 44px;
    width: 60px;
}
.h0search .gsc-search-button-v2 svg {
}
.h0search .gscb_a {
}
.h0search .gsst_b {
}


/* ------------------  検索結果ページ  ------------------ */
.search-form {
    margin: 10px 5px 20px;
}
.search-form table, .search-form tr, .search-form th, .search-form td {
}
.search-form .gsc-control-cse {
}
.search-form form.gsc-search-box {
}
.search-form table {
    width: 100% !important;
}
.search-form table.gsc-search-box {
}
.search-form table.gsc-search-box td, 
.search-form table.gsc-search-box td.gsc-input {
}
.search-form table.gsc-input tr {
}
.search-form table.gsc-search-box td input.gsc-input {
    height: 50px !important;
    font-size: 1.6rem;
}
.search-form .gsc-input-box {
}
.search-form .gsc-search-button {
}
.search-form .gsc-search-button button.gsc-search-button-v2 {
    min-height: 51px;
    width: 70px;
}
.search-form .gsc-search-button-v2 svg {
}
.search-form .gsst_b {
}

/* 件数、順番 */
.search-form .gsc-result-info-container,
.search-form .gsc-orderby-container {
}
.search-form .gsc-control-cse .gsc-option-menu-container {
}
.search-form .gsc-orderby-label {
}
.search-form .gsc-selected-option-container {
}

/* ページ数 */
.gsc-cursor-page.gsc-cursor-current-page {
}
.gsc-cursor-page {
}
.gsc-cursor-page {
}


/* ------------------------基本設定------------------------ */
#baseall {
}




/* ===============================================
  ▽▽▽ヘッダーエリア▽▽▽
================================================= */

.sp_head_wp {}
.sp_headin {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    background-color: #FFF;
    /*padding: 0 0 2px 0;*/
    padding: 0;
}
#header_logo {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    margin: 0 0 0 13px;
    font-size: 1.5rem;
}
#header_logo a{
}
.menu_btn_wp {
    display: flex;
}
.button_container{
    margin: 0 0 0 2px;
}
.button_container:first-child{
    margin: 0 0 0 0;
}


/* ------------------  header_menu(目的別)  ------------------ */
#sp_moku_menu {
    position: absolute;
    z-index: 700;
    background-color: rgba(0,0,0,0.94);
    width: 100%;
    padding: 15px 10px 15px 10px;
    overflow-y: scroll;
    overflow-x: hidden;
    box-sizing: border-box;
}
.mokuteki_wp {
    background-color: #FFF;
    padding: 20px 10px 20px;
    border-radius: 2px;
}

/* 目的別中身 */
.mokuteki_wp {
    padding: 20px 10px 15px;
    width: 100%;
    margin: 0;
    text-align: left;
}
.m_kensaku_wp {
    width: 100%;
    margin: 0 0 30px 0;
}
.m_kensaku_wp .h0search {
    width: 100%;
}
.m_kensaku_wp .h0search table.gsc-input tr {
    border: 1px solid #AAA !important;
}
.m_kensaku_wp .h0search table.gsc-search-box td input.gsc-input {
    height: 50px !important;
    font-size: 1.6rem;
    border-radius: 2px 0 0 2px;
}
.m_kensaku_wp .h0search .gsc-search-button button.gsc-search-button-v2 {
    background-color: #004D9F !important;
    border-color: #004D9F !important;
    min-height: 51px;
    width: 70px;
    border-radius: 0 2px 2px 0;
}
.m_kensaku_wp .h0search .gsc-search-button-v2 svg {
    width: 38px;
    height: 38px;
}
p.m_kensaku_tx {
    margin: 10px 0 0 0;
    padding: 0;
}
p.m_kensaku_tx a {
    display: block;
    background-color: #FFF;
    border: 1px solid #AAA;
    /*padding: 9px 10px;*/
    padding: 0;
    font-size: 1.6rem;
    text-align: center;
    border-radius: 2px;
    width: 100%;
}
p.m_kensaku_tx a span {
    /*padding: 3px 50px 4px 0;*/
    padding: 10px 40px 10px 0;
    display: inline-block;
    background-image: url(/images/r_t_com_ic01.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 30px 30px;
}
.m_riyoumokuteki_wp {
}
.m_riyoumokuteki_wp .h2_ti {
    margin: 0 0 10px 0;
    padding: 0;
}
.m_riyoumokuteki_wp .h2_ti.motitle01 {
}
.m_riyoumokuteki_wp .h2_ti.motitle02 {
}
.m_riyoumokuteki_wp .h2_ti h2 {
    font-size: 1.8rem;
    margin: 0;
    padding: 10px 0 10px 14px;
    background-color: #D9E7ED;
    border-radius: 2px;
    font-family: "UD Shin Go Light","メイリオ", sans-serif;
}
.m_riyoumokuteki_wp .h2_ti.motitle01 h2 > span:first-of-type {
}
.m_riyoumokuteki_wp .h2_ti.motitle02 h2 > span:first-of-type {
}
.m_riyoshatxtlist_wp {}
ul.m_riyoshatxtlist {
    margin: 10px 5px 30px;
    padding: 0;
    display: flex;
    flex-direction: column;
}
ul.m_riyoshatxtlist li:nth-of-type(5) {
    margin: 0 0 0 0;
}
ul.m_riyoshatxtlist li {
    width: 100%;
    margin: 0 0 2px 0;
    padding: 0;
}
ul.m_riyoshatxtlist li a {
    display: block;
    background-color: #FFF;
    padding: 13px 5px 13px 20px;
    border: 1px solid #AAA;
    border-radius: 2px;
    font-size: 1.8rem;
    text-align: left;
    text-decoration: none;
}
ul.m_riyoshatxtlist li a:hover,
ul.m_riyoshatxtlist li a:focus {
    text-decoration: underline;
}
.m_mokulist_wp {
}
ul.m_mokulist {
    margin: 10px 5px 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
ul.m_mokulist li:nth-of-type(3n) {
    margin: 0 0 5px 0;
}
ul.m_mokulist li {
    width: calc((100% - 10px) / 3);
    margin: 0 5px 5px 0;
    padding: 0;
}
*::-ms-backdrop, ul.m_mokulist li  {
    width: calc((99.9% - 10px) / 3); /* IE11 */
}
ul.m_mokulist li a {
    background-color: #FFF;
    padding: 6px 6px;
    display: block;
    border-radius: 10px;
    border: 1px solid #AAA;
    text-decoration: none;
    text-align: center;
}
ul.m_mokulist li a:hover,
ul.m_mokulist li a:focus {
    text-decoration: underline;
}
ul.m_mokulist li:nth-of-type(2) a div,
ul.m_mokulist li:nth-of-type(4) a div,
ul.m_mokulist li:nth-of-type(6) a div,
ul.m_mokulist li:nth-of-type(8) a div,
ul.m_mokulist li:nth-of-type(9) a div,
ul.m_mokulist li:nth-of-type(11) a div,
ul.m_mokulist li:nth-of-type(13) a div,
ul.m_mokulist li:nth-of-type(15) a div {
    background-color: #E8F1D0;
}
ul.m_mokulist li a div {
    background-color: #D4ECF1;
    min-height: 110px;
    border-radius: 8px 8px 8px 120px;
    padding: 5px 0 0 0;
}
ul.m_mokulist li a div span {
    display: block;
    padding: 2px 1px 0;
}

/* 開閉 */
.switch_menu {
    background-color: transparent;
    position: relative;
}
.switch_menu .moku_inner {
    display: none;
}
.switch_menu p.acd02_bt {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
}
.switch_menu .acd02_bt{
    margin: 0;
    padding: 8px 12px 0 5px;
}
.switch_menu .acd02_bt img {
    background-image: url(/images/r_smph_navi_icon_open.png);
    background-size: 20px 20px;
}
.switch_menu .acd02_bt.close img {
    background-image: url(/images/r_smph_navi_icon_close.png);
    background-size: 20px 20px;
}


/* ------------------  header_menu(グロナビメニュー)  ------------------ */
/* 開閉 */
#menu-bt {
    background-color: #004D9F;
    width: 55px;
    height: 55px;
    padding: 10px 0 0 0;
}
#menu-bt .menu-bttxt img {
    width: 40px;
    height: auto;
}
.menu-btic,
.menu-btic span{
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
#menu-bt .menu-btic {
    position: relative;
    width: 29px;
    height: 19px;
    margin: 0 auto;
}
#menu-bt span{
    display: block;
    position:absolute;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #FFF;
}
#menu-bt span:nth-child(1){
    top:0px;
}
#menu-bt span:nth-child(2){
    top: 12px;
    top: 8px;
}
#menu-bt span:nth-child(3){
    top: 24px;
    top: 16px;
}
#menu-bt.active span{
    background-color: #FFF;
}
#menu-bt.active span:nth-child(1){
    top: -10px;
  -webkit-transform: translateY(20px) rotate(-45deg);
  transform: translateY(20px) rotate(-45deg);
}
#menu-bt.active span:nth-child(2){
    opacity: 0;
}
#menu-bt.active span:nth-child(3){
    top: 30px;
  -webkit-transform: translateY(-20px) rotate(45deg);
  transform: translateY(-20px) rotate(45deg);
}
#menu-bt .menu-bttxt{
    line-height: 1%;
    padding: 6px 0 0 0;
    text-align: center;
}

/* メニュー */
#sp_gnavi_menu {
    position: absolute;
    z-index: 700;
    background-color: #004D9F;
    width: 100%;
    padding: 15px 10px 15px 10px;
    overflow-y: scroll;
    overflow-x: hidden;
    box-sizing: border-box;
}
.smph_gnavi_wp {
    background-color: #FFF;
    padding: 5px 10px 5px;
    border-radius: 2px;
}
ul.smph_gnavi {
    text-align: left;
    margin: 0;
    padding: 0;
}
ul.smph_gnavi li {
    border-bottom: 1px solid #004D9F;
    padding: 0;
}
ul.smph_gnavi li a {
    color: #000;
    text-decoration: none;
    padding: 14px 20px 14px 12px;
    display: block;
    font-size: 1.8rem;
    position: relative;
}
ul.smph_gnavi li a::after {
    position: absolute;
    top: 21px;
    right: 10px;
    display: block;
    content: ' ';
    width: 8px;
    height: 8px;
    border-top: 2px solid #0990C6;
    border-right: 2px solid #0990C6;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

ul.sp_navilist {
    margin: 20px 10px 15px;
    padding: 0;
}
ul.sp_navilist li:last-child {
    margin: 0 0 0 0;
}
ul.sp_navilist li {
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 1.6rem;
}
ul.sp_navilist li a {
    padding: 11px 10px 12px;
    display: block;
    color: #000;
    border: 1px solid #AAA;
    text-decoration: none;
    border-radius: 2px;
}
ul.sp_navilist li.moshimo a {
    color: #8E000C;
    border: 1px solid #8E000C;
}




/* ===============================================
  ▼メイン：大枠▼
================================================= */

/* ------------------------コンテンツ外枠------------------------ */
div#basebgwrap {
}
div#basewrap {
}

/* ------------------------コンテンツ大枠------------------------ */
#basebg {
    background-color: #FFF; /* bg-color */
}

div.wrap {
	padding: 0;
	text-align: left;
}

/* メインコンテンツ */
div#main {
}
div.main_inner {
    padding: 5px 10px 10px;
    background-color: #FFF;
}

/* メインコンテンツ（サブナビなし） */
div#main-nosub {
}




/* ===============================================
  ▼メイン：パーツスタイル▼
================================================= */

/* ------------------  パンくず  ------------------ */
.pankuzu-bg {
    margin: 0 0 5px 0;
}
.pankuzu {
    width: 100%;
    display: block;
    margin: 0 auto;
    /*padding-top: 70px;*/
    padding: 10px 0 11px;
}
.pankuzu .pk-img {
}
.pankuzu .pk-img::before {
}
.pankuzu ol,
.pankuzu ul {
}
.pankuzu ol li,
.pankuzu ul li {
}
.pankuzu li.pk-thispage::before {
}
.pankuzu li::before {
}
.pankuzu ol li a:link,
.pankuzu ul li a:link {
}


/* ------------------------共通タグの基本定義------------------------ */
div.h1bg {
}
div.h1bg div {
}
div.h1bg h1 {
    padding: 12px 10px 16px 15px;
    font-size: 2.5rem;
}
div.h1img {
}
div.h1img h1 {
}
div.h1img h1 img {
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3);
}

.h1img_bg {
  position: relative;
  overflow: hidden;
  max-height: 560px;
}
.h1img_bg img {
}
.h1img_inner {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}

div.h2bg {
    margin: 1.2em 0 0.8em 0;
}
div.h2bg div::before {
    width: 60px;
}
div.h2bg div {
}
h2 {
    padding: 7px 10px 7px 10px;
    font-size: 2rem;
}
h2.h2img {
	margin: 1.2em 0 0.8em 0;
	padding: 0;
	line-height: 1%;
}
div.h3bg {
    margin: 1.2em 5px 0.5em;
}
div.h3bg div {
}
h3 {
    padding: 6px 10px 7px 30px;
    font-size: 1.8rem;
    background-position: left 6px top 14px;
}
div.h4bg {
    margin: 0.7em 5px 0.56em;
}
div.h4bg div {
}
h4 {
    padding: 5px 10px 5px 30px;
    font-size: 1.6rem;
    background-position: left 6px top 9px;
}
div.h5bg {
    margin: 0.7em 5px 0.56em;
}
div.h5bg div {
}
h5 {
    padding: 3px 10px 3px 30px;
    font-size: 1.6rem;
    background-position: left 8px top 11px;
}
img {
    border: none;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
}
hr {
	display: none;
}
p {
    margin: 0.56em 5px 0.1em;
    padding: 0;
}
ul {
    margin: 0.7em 0 0.7em;
    padding: 0;
    /*list-style-type: none;*/
    /*list-style-image: none;*/
}
li {
    margin: 0;
    padding: 0.4em 0.9em 0.5em 0;
}
ul li {
    margin: 0;
    padding: 0;
    _height: 1%;
}
ul > li {
    padding: 0.4em 0 0.5em;
}
.wysiwyg_wp ul, .t-box2 table ul, .img-area-l ul, .img-area-r ul, .markernav ul, #kinkyu ul {
    padding: 0 0 0 22px;
}
li.pagelinkout,
li.externalLink img {
}

ol {
    /*margin: 0.7em 0 0.7em 15px;*/
}
ol > li {
    /*margin: 0 0 0 18px;*/
    margin: 0 0 0 22px;
    padding: 7px 0 0.5em 0;
}
dl {
    margin: 0.7em 5px 0.7em 0;
    padding: 0 0 0 5px;
}
dt {
}
dd {
}
table.table01 {
    margin: 0.2em 5px 0.2em 5px;
}
caption {
}
th {
}
td {
}
table.table01 p {
}
table.table01 li {
}
table.table01 ul li {
}
table {
    margin: 0 auto;
    width: 95% !important;
}

/* テーブル『th』文字色再指定 */
th p,
th span.text-color-red,
th span.text-color-green,
th span.text-color-blue, 
th strong.text-color-red,
th strong.text-color-green,
th strong.text-color-blue {
}
form th span.text-color-red,
form th strong.text-color-red {
}

/* 表取り込み（Excel）の外枠と追記欄 */
.t-box {
}
.t-box p {
    margin: 0.14em 5px 0.14em 5px;
}

/* 表の外枠と追記欄 */
.t-box2 {
    margin: 0.56em 0 0.56em 0;
}
.t-box2 p {
    margin: 0.14em 5px 0.14em;
}
.wysiwyg_wp > table {
    margin-left: 5px;
}

/*サムネイルパーツ*/
.img-thumbnail01-left {
  float: left;
  text-align: left;
  padding: 7px 10px 5px 0;
    font-size: 1.6rem;
  width: 20%;
}
.img-thumbnail02-left {
  float: left;
  text-align: left;
  padding: 7px 10px 5px 0;
    font-size: 1.6rem;
  width: 18%;
}

/* HTML取り込み枠 */
div.insertfile {
	margin: 0.8em 0 1.2em 0;
	padding: 0;
}


/* ------------------------テンプレート用共通------------------------ */
/* 更新日 */
#date_area {
    justify-content: flex-start;
    align-items: flex-end;
    margin: 15px 0 15px;
    flex-direction: column;
}
div.update {
}
div.update p {
}
#sns_btn_wp {
    justify-content: flex-end;
    padding: 0;
}
.sns_btn:last-of-type {
}
.sns_btn {
    margin: 0 10px 0 0;
}
.sns_btn img {
}


/* ------------------  地図・画像パーツ  ------------------ */
/* ▽地図エリア内▽ */
div.map-area {
    padding: 0 0 0 5px;
}
div.mapimg {
    margin: 0;
    padding: 0;
}
div.mapimg img {
}

/* 画像、画像リンク　左（文章回りこみ） */
div.img-area-l {
    margin: 0.56em 0 0.56em 0;
    /*padding: 0 0.8em 0 0.8em;*/
    padding: 0;
}
div.img-area-l p.imglink-txt-left {
    float: none;
    margin: 0;
    padding: 0;
    text-align: center;
    display: block;
    width: auto;
    /* minimum width */
}
div.img-area-l p.imglink-txt-left img {
    margin: 0;
    padding: 0;
}
div.img-area-l p.imglink-txt-left span {
    margin: 0 10px 5px 0;
    /*display: inline-block;*/
}

/* 画像、画像リンク　左（文章下位部分回りこみ阻止用枠） */
div.img-area-l div.txt-box {
	margin: 4px 0 0 0;
}

/* 画像、画像リンク　右（文章回りこみ） */
div.img-area-r {
    margin: 0.56em 0 0.56em 0;
    /*padding: 0 0.8em 0 0.8em;*/
    padding: 0;
}
div.img-area-r p.imglink-txt-right {
    float: none;
    margin: 0;
    padding: 0;
    text-align: center;
    display: block;
    width: auto;
    /* minimum width */
}
div.img-area-r p.imglink-txt-right img {
    margin: 0;
    padding: 0;
}
div.img-area-r p.imglink-txt-right span {
    margin: 0 0 5px 0;
    /*display: inline-block;*/
}

/* 地図エリア、画像リンク（文章回りこみ）用再調整 */
div.map-area div.markernav,div.markernav img,
div.map-area div.h2bg,div.map-area div.h3bg,div.map-area div.h4bg,div.map-area ul,div.map-area ol,
div.img-area-l div.h2bg,div.img-area-l div.h3bg,div.img-area-l div.h4bg,div.img-area-l ul,div.img-area-l ol,
div.img-area-r div.h2bg,div.img-area-r div.h3bg,div.img-area-r div.h4bg,div.img-area-r ul,div.img-area-r ol {
}
div.map-area div.markernav,
div.img-area-l div.markernav {
}

div.markernav img {
}
div.map-area div.h2bg,
div.img-area-l div.h2bg {
}
div.map-area div.h3bg,
div.img-area-l div.h3bg {
}
div.map-area div.h4bg,
div.img-area-l div.h4bg {
}
div.map-area p,
div.img-area-l p {
}
div.map-area ul,
div.img-area-l ul {
}
div.map-area ol,
div.img-area-l ol {
}
div.img-area-r ol {
}
div.map-area ol li,
div.img-area-l ol li,
div.img-area-r ol li {
    margin: 0 0 0 22px;
}
div.b-line {
}


/* ------------------  img-area  ------------------ */
/* 画像エリア内 */
div.img-area {
    display: block;
    margin: 0.56em 0 0.56em 0;
}
div.img-area p {
}
div.img-area > p {
    text-align: center;
}

img {
}
.img-area a.innerLink {
}
.img-area a.externalLink {
}

div.img-area img {
    max-width: 100%;
}
.img-only img {
    max-width: 100%;
}

/* 画像エリア内floatのclear */
.img-area:after {
}
.img-area {}
/* Hides from macIE \*/
* html .img-area {}
.img-area {}
/* End hide from macIE */



/* 画像リンク（センター） */
/* 画像リンク（左　文章回りこみ無し） */
/* 画像リンク（右　文章回りこみ無し） */
p.img-left,
p.img-center,
p.img-right{
    float: none;
    margin: 0.9em 0 0.9em 0;
    padding: 0 0.8em 0 0.8em;
    text-align: center;
    display: block;
    width: auto;
}
p.img-center img,
p.img-left img,
p.img-right img {
    margin: 0;
    padding: 0;
}

.wysiwyg_wp .img-only {
    float: none;
    margin: 0.9em 0 0.9em 0;
    padding: 0 0.8em 0 0.8em;
    text-align: center;
    display: block;
    width: auto;
}
.wysiwyg_wp iframe {
    width: 100%;
    /*height: 100%;*/
}
table iframe {
    width: 100%;
}

/* 画像リンク　1個 */
div.wardbox p.imglink {
}
/* 画像リンク　2個横並び */
p.imglink-side2 {
    float: none;
    margin: 0.56em 0 0.56em 0;
    padding: 0 0.8em 0 0.8em;/* minimum width */
    padding: 0; 
    text-align: center;
    display: block;
    width: auto;
}
.imglink-side2 img {
    margin: 0;
    padding: 0; 
}
.imglink-side2 span {
    margin: 0;
    padding: 0; 
    display: block;
    line-height: 1.3;
}
p.imglink-side2:nth-child(1) {
}

/* 画像リンク　3個横並び */
p.imglink-side3 {
    float: none;
    margin: 0.56em 0 0.56em 0;
    padding: 0; 
    text-align: center;
    display: block;
    width: auto;
}
p.imglink-side3 img {
    margin: 0;
    padding: 0; 
}
p.imglink-side3 span {
    margin: 0;
    padding: 0; 
    display: block;
    line-height: 1.3;
}
p.imglink-side3:nth-child(1) {
}


/* 画像リンク　4個横並び */
div.img-area p.imglink-side4 {
    float: none;
    margin: 0.56em 0 0.56em 0;
    padding: 0; 
    text-align: center;
    display: block;
    width: auto;
}
div.img-area p.imglink-side4 img {
    margin: 0;
    padding: 0; 
}
div.img-area p.imglink-side4 span {
    margin: 0;
    padding: 0; 
    display: block;
    line-height: 1.3;
}

/* 画像リンク　5個横並び */
div.img-area p.imglink-side5 {
    float: none;
    margin: 0.56em 0 0.56em 0;
    padding: 0; 
    text-align: center;
    display: block;
    width: auto;
}
div.img-area p.imglink-side5 img {
    margin: 0;
    padding: 0; 
}
div.img-area p.imglink-side5 span {
    margin: 0;
    padding: 0; 
    display: block;
    line-height: 1.3;
}

/* サムネイルリンク　3個横並び */
div.thumb-side3 {
	float: left;
	margin: 0;
	padding: 0;
	width: 198px;
}
div.thumb-side3 p {
	margin: 0.56em 0 0.1em 0;
	padding: 0;
}
div.thumb-side3 img {
	margin: 0 3px 5px 10px;
	padding: 0;
}
div.thumb-side3 span {
	margin: 0 10px 0 12px;
	padding: 0;
}
div.thumb-side3 p.innerLink {
  margin: 0.56em 5px 0.1em 10px;
  padding: 0 0 2px 15px;
  background-position: 0 0.2em;
}
div.thumb-side3 p.filelink {
	margin: 0.56em 10px 0.1em 10px;
	padding: 0 0 2px 15px;
	background-position: 2px 0.2em;
}
div.thumb-side3 img.img-guidance {
	margin: 0;
	padding: 0;
}


/* ファイルのダウンロード */
p.filelink {
    margin: 0.56em 5px 0.1em;
}

img.img-guidance {
}

/* 内部ページリンクスタイル */
p.innerLink, 
ul.listlink1 li {
    margin: 0.56em 5px 0.1em;
}

/* 新規ウインドウ用ページリンクスタイル */
p.newWindow {
	padding: 3px 0 1px 15px;
}

/* 外部ページリンクスタイル */
p.externalLink {
    margin: 0.56em 5px 0.1em;
}

/* リンク説明用スタイル */
p.linktxt {
    margin: 0.1em 10px 0.56em 20px;
}

/* ページ内ジャンプ */
ul.linkjump {
    margin: 0.5em 5px 0;
    padding: 0;
}
ul.linkjump li {
}
ul.linkjump2 {
    margin: 0.5em 5px 0;
    padding: 0;
    list-style-type: none;
}
ul.linkjump2 li {
    margin: 0.2em 0 0.2em 0;
    padding: 3px 16px 1px 18px;
}

/* コンテンツ内のこのページの上へ戻る */
div.tothispage2 {
}
div.tothispage2 div {
}

/* Adobe Readerのダウンロード */
p.dladobereader {
    margin: 20px 5px 20px;
    padding: 10px 10px 15px;
}
p.dladobereader img {
}
p.dladobereader a {
}

/* Windows Media Playerのダウンロード */
p.dlwindowsmediaplayer {
    margin: 20px 5px 20px;
    padding: 10px 10px 15px;
}
p.dlwindowsmediaplayer img {
}
p.dlwindowsmediaplayer a {
}

/* 画像拡大 */
div.img-area p.imgdisplaynone {
}

/* 問い合わせ先 */
div.contact {
    margin: 20px 5px 20px;
    padding: 0 0 15px 0;
}
div.contact h2 {
    padding: 17px 10px 16px;
    font-size: 1.7rem;
}
div.contact p {
    margin: 10px 10px 0 10px;
}
div.contact p:first-of-type > strong:first-of-type {
    font-size: 2rem;
}
div.contact p.con-mail {
    margin: 15px 10px 0;
}
div.contact p.con-mail a {
    width: 100%;
}

/* フィードバック */
form.feedback {
    margin: 20px 5px 20px;
    padding: 0 0 15px 0;
}
div#main form.feedback h2, 
div#main-nosub form.feedback h2 {
    padding: 17px 10px 16px;
    font-size: 1.7rem;
}
form.feedback .form-h3 {
    margin: 5px 0 5px 10px;
}
form.feedback div.h3bg {
}
form.feedback div.h3bg div h3 {
}
form.feedback div.h3bg div {
}
form.feedback p {
    margin: 10px 0 0 10px;
}
form.feedback div.fedd {
    margin: 1px 0 0 10px;
}
form.feedback label {
    margin: 0 60px 0 0;
    padding: 0;
}
div.submitbox {
    margin: 15px 10px 0;
}
div.submitbox .fedbt {
    width: 100%;
}
#formmail fieldset {
}




/* ===============================================
  広告エリア
================================================= */

/* 広告エリア */
div.kokoku {
    width: 100%;
    padding: 0 24px 0 30px;
    margin: 40px 0 20px;
}
div.kokoku-title {
    padding: 30px 0 30px 0;
}
.kokoku h2 {
    padding: 1px 0 3px 8px;
    font-size: 2rem;
}
div.kokoku-title p {
}
div.kokoku ul {
    width: 100%;
    margin: 0;
}
div.kokoku ul li:nth-of-type(6n) {
    margin: 0 6px 6px 0;
}
div.kokoku ul li {
    background: none;
    padding: 0;
    margin: 0 6px 6px 0;
}
div.kokoku ul li img {
    width: 101px;
}




/* ===============================================
  ▼インデックスパーツ▼
================================================= */

/* ------------------------ 第二階層 ------------------------ */
/* くらしの便利帳 */



/* ------------------  インデックス新着情報・全新着  ------------------ */
/* 新着情報、新着情報一覧 */
ul.info-list {
    margin: 0 0 0.5em;
}
ul.info-list li {
    flex-direction: column;
    padding: 19px 5px 20px 5px;
}
ul.info-list .date, 
ul.norcor .date {
    margin: 0 0 0.5em 0;
    width: 10em;
}
ul.info-list li span.title,
ul.norcor span.title {
}
.newinfo-title {
}
div.newinfo-title .inner {
    margin: 0 0 0 10px;
    padding: 0 40px 0 0;
}
div#main div.newinfo-box h2, 
div#main-nosub div.newinfo-box h2 {
    margin: 0;
    padding: 10px 10px 7px 0;
}

 /* 新着情報　newicon付*/
ul.info-list li span img {
    margin: 0 0 0 10px;
}

/* 次階層新着情報エリア */
div.newinfo-box {
    margin: 0 0 25px 0;
}
div.newinfo-box ul.info-list {
    margin: 0 10px;
}
div.newinfo-box ul.info-list li {
    padding: 19px 5px 20px 2px;
}

.ichiran-all {}
/* Hides from macIE \*/
* html .ichiran-all {}
.ichiran-all {}
/* End hide from macIE */

.ichiran-all {
    margin: 18px 10px 0 0;
}
div.ichiran-all div {
}

/* イベント終了アイコン */
img.eventend {
	margin: 4px 0 4px 8px;
	vertical-align: middle;
}

/* 0件 */
div.newinfo-box > p {
    padding: 10px 25px;
    margin: 0;
}


/* ------------------  インデックス メニューパーツ  ------------------ */
/*  site-li  */
.site-li {
}
.site-li li {
    padding: 0.4em 5px 0.8em 10px;
}

/*  site-li-1  */
.site-li-1 {
}
.site-li-1 li {
    padding: 0.4em 5px 0.5em 26px;
}
.site-li-1 li::after {
    left: 11px;
}

/* メニュー自動生成(norcor) */
.norcor {
    margin: 0 0 0.85em 0;
}
.norcor li {
}
.norcor li a {
}

/* メニュー自動生成(h3nextpage) */
.h3nextpage {
    margin: 0.8em 1.4em 0 1.4em;
}
.h3nextpage div {
}
.h3nextpage h3 {
}
.h3nextpage h3::after {
}
.h3nextpage a {
    padding: 10px 10px 10px 40px;
}
.h3nextpage a:hover {
}

/* メニュー自動生成（日付あり） */
.norcor-newinfo-box {
}

.m-title {
    position: relative;
    margin: 0.8em 0 0;
    padding: 0;
}
div.m-title div {
    margin: 0;
    padding: 0;
    background-color: #D3ECF4;
    border-left: 8px solid #0990C6;
}
.m-title h2 {
    font-size: 1.8rem;
}
h2.nextpage {
    margin: 0;
    padding: 0 0 0 0;
    background-color: transparent;
    border: none;
    _height: 1%;
}
.menulist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 0 0.85em;
    margin: 0;
}
.menulist .m-title {
    margin: 0.8em 0 0 0;
}
.menulist .img-area-l .innerLink{
    background:none;
    padding: 0 0 0 0;
}
.menulist2 {
    padding-bottom: 0.85em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.m-title a {
    display: block;
    padding: 12px 10px 12px 20px;
    color: #000;
}

/* メニューアイコン表示（インデックス、コンテンツ） */
.site-li a[href$="/index.html"] {
}
.site-li a:not([href$="/index.html"]) {
}
.norcor a[href$="/index.html"] {
}
.norcor a:not([href$="/index.html"]) {
}

/* メニュー画像リンク2列・メニュー画像リンク3列 */
.img-area-l {
    padding: 0.7em 0.2em 0 0.2em;
}

/* メニュー画像リンク3列 */
.m-box3 .imglink-txt-left {
}
.m-box3 .img-area-l p, .m-box3 .img-area-r p {
    float: none;
}

/* メニュー自動生成1列（子・孫）（横） */
.norcor-side {
}
.norcor-side li {
}
.norcor-side li::after {
}
.norcor-side li::before {
}
.norcor-side li:first-child{
}
.norcor-side li:first-child::before{
}

/*  メニュー自動生成2列（子・孫）  */
.m-box2 {
    width: 100%;
    margin: 0;
    padding: 0;
}
.m-box2:nth-of-type(2n) {
}
.m-box2 .site-li {
}

/*  メニュー自動生成3列（子・孫）  */
/*  サイトマップ  */
.m-box3 {
    width: 100%;
    margin: 0;
    padding: 0;
}
.m-box3:nth-of-type(3n) {
}
.m-box3 .site-li {
}
*::-ms-backdrop, .m-box3 {
    width: 100%; /* IE11 */
    padding: 0;
}
*::-ms-backdrop, .m-box3:nth-of-type(3n) {
}


/* サムネイルエリア 縦 */
.thumb-box .boximg, 
.thumb-box2 .boximg {
}
.thumb-box .boxtxt, 
.thumb-box2 .boxtxt {
}
.thumb-box .h3bg, 
.thumb-box2 .h3bg {
}
.thumb-box, 
.thumb-box2 {
}
/* サムネイルエリア 横 */
.thumbnail .m-box3 p {
}
.thumbnail .m-box3 {
}

/* アンケート */
div#enqbt {
}
div#enqbt .fedbt,
div#enqbt .k-button {

}

/* サイドエリア内 文字色*/




/* ===============================================
  ローカルナビ
================================================= */

/* ------------------  ローカルナビゲーション  ------------------ */
div#localnavi {
    display: none;
}




/* ===============================================
  ▼イベントカレンダー▼
================================================= */

.calboxContent {
    width: 100%;
    margin: 20px auto 0;
}
p.calbtn {
    margin: 0 0 20px 0;
}
p.calbtn a {
    padding: 16px 10px;
    width: 100%;
    text-align: center;
}
p.calbtn a span {
}
p.calbtn a span::before {
}


/* ------------------  イベカレインデックスメニュー  ------------------ */


/* ------------------  アイコン詳細  ------------------ */
.caliconmargin {
    margin: 20px 0;
}
.calicon-li {
    padding: 15px 10px;
    flex-direction: column;
}
.calicon-li li:nth-child(4n) {
    margin: 0 0 4px 0;
}
.calicon-li li {
    margin: 0 0 4px 0;
    padding: 16px 0 16px;
    width: 100%;
    text-align: center;
}


/* ------------------  前の月・次の月  ------------------ */
div.calwrap {
    margin: 0 0 20px 0;
    padding: 11px 0;
}
.calwrap p {
    font-size: 1.8rem;
}

p.lastmonth, p.nextmonth {
}
p.lastmonth a, p.nextmonth a {
}
p.lastmonth {
    padding: 4px 0 4px 28px;
}
p.nextmonth {
    padding: 4px 28px 4px 0;
}
p.lastmonth::before {
}
p.nextmonth::before {
}
p.thismonth {
    font-size: 2.2rem;
}


/* ------------------  テーブル（カレンダー）  ------------------ */


/* ------------------  テーブル（一覧表）  ------------------ */
#calendarlist {
    width: 99.9% !important;
}
#calendarlist tr.sunday td {
}
#calendarlist tr.saturday td {
}
#calendarlist tr.holiday td {
}
#calendarlist tr.dirEventHoliday td {
}
#calendarlist th {
    height: 50px;
}
#calendarlist td {
    height: 80px;
}
#calendarlist td.sunday {
}
#calendarlist td.saturday {
}
#calendarlist .day {
}
#calendarlist td.einfo {
}
#calendarlist td.date {
    width: 30%;
}
span.calendar_day {
    font-size: 2.4rem;
    width: auto;
    display: block;
    text-align: center;
}
span.calendar_week {
    padding-left: 0;
}

/*  セル内表示設定  */
table#calendarlist p {
}
table#calendarlist p img {
}


/* ------------------  多数のイベントページ  ------------------ */


/* ------------------  今日判定  ------------------ */


/* ------------------  ミニカレ非表示  ------------------ */




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


/* ------------------------ 災害用共通（パーツ設定） ------------------------ */
#kinkyu div.h2bg,
div.baseall-s div.h2bg {
}
#kinkyu div.h2bg div,
div.baseall-s div.h2bg div {
}
#kinkyu div::before,
div.h2bg div::before {
}
#kinkyu div.h2bg h2,
div.baseall-s div.h2bg h2 {
    padding: 7px 10px 7px 10px;
}
#kinkyu div.h3bg,
div.baseall-s div.h3bg {
}
#kinkyu div.h3bg div,
div.baseall-s div.h3bg div {
}
#kinkyu div.h3bg h3,
div.baseall-s div.h3bg h3 {
    padding: 6px 10px 7px 10px;
}
#kinkyu div.h4bg,
div.baseall-s div.h4bg {
}
#kinkyu div.h4bg div,
div.baseall-s div.h4bg div {
}
#kinkyu h4,
div.baseall-s h4 {
    padding: 5px 10px 5px 12px;
}
#kinkyu div.h5bg,
div.baseall-s div.h5bg {
}
#kinkyu div.h5bg div,
div.baseall-s div.h5bg div {
}
#kinkyu h5,
div.baseall-s h5 {
    padding: 3px 10px 3px 0;
}
#kinkyu ul li,
div.baseall-s ul li {
}
#kinkyu p.pagelinkout,
div.baseall-s p.pagelinkout {
    margin: 0 5px;
}
#kinkyu p.pagelinkin,
div.baseall-s p.pagelinkin {
    margin: 0 5px;
}
#kinkyu table.table01,
div.baseall-s table.table01 {
}
#kinkyu th,
div.baseall-s th {
}
#kinkyu td,
div.baseall-s td {
}


/* ------------------  （通常トップ用：緊急時）重要なお知らせ  ------------------ */
#importants{
}
.important_item_wp {
}
.important_item {
    background-color: #BA2916;
    display: block;
    padding: 0 10px 10px 10px;
    width: auto;
}
.important_item .title {
    text-align: center;
    padding: 12px 10px;
    width: 100%;
    font-size: 2.4rem;
}
#kinkyu {
}




/* ===============================================
  ▽▽▽フッターエリア▽▽▽
================================================= */

footer {
    text-align: left;
}
.foot_bgwp {
}
.foot_wp {
}
.foot_in_wp::after {
}
.foot_in_wp {
    background-color: #004D9F;
}
.foot_in {
}
ul.footlist {
    margin: 0;
    padding: 20px 5px 8px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
    background-color: #FFF;
    border-top: 1px solid #CCC;
    list-style-type: none;
}
ul.footlist li:first-child {
    border-left: none;
    padding: 0 22px 0 0;
}
ul.footlist li:last-child {
    padding: 0 0 0 20px;
}
ul.footlist li{
    margin: 0 0 15px 0;
    padding: 0 22px;
    line-height: 1;
    border-left: 1px solid #000;
    background: none;
    font-size: 1.5rem;
}
ul.footlist li a:link,
ul.footlist li a:visited,
ul.footlist li a:hover,
ul.footlist li a:focus,
ul.footlist li a:active {
    color: #000;
}

.footcont_wp {
    padding: 40px 15px 0;
}
.footcont {
    width: 100%;
}
.footcont .foot_logo {
    margin: 0;
    padding: 0 0 32px 0;
    line-height: 1%;
}
.footcont address {
    margin: 0 0 20px 0;
}
.footcont address p {
    color: #FFF;
    margin: 0;
    padding: 0;
    letter-spacing: 0.1rem;
}
.footcont address p a {
    color: #FFF;
}
ul.footcontlist {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
ul.footcontlist li:last-child {
    margin: 0 0 0 0;
}
ul.footcontlist li {
    margin: 0 0 4px 0;
    padding: 0;
    background-image: none;
    font-size: 1.5rem;
}
ul.footcontlist li a {
    display: block;
    padding: 12px 10px 13px;
    width: 100%;
    background-color: #FFF;
    color: #000;
    text-align: center;
    border-radius: 2px;
}
.f0copy {
    padding: 12px 0 16px 0;
    color: #FFF;
    text-align: center;
    font-size: 1.4rem;
}