@charset "UTF-8";
/* ===========================================================================*
【佐久市】　smph用スタイル
============================================================================= */


/* ===============================================
  基本設定
================================================= */

.sp-none {
    display: none !important;
}
.main-inner img {
    max-width: 95%;
    height: auto;
}
.img-guidance {
    margin: 0;
    padding: 0;
    height: 1px !important;
    width: 1px !important;
    position: absolute;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}
.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;
}


/* ------------------  ページトップへ戻る  ------------------ */
.page-top {
    margin: 40px 0 0 0;
}
.page-top a {
    text-align: center;
    display: block;
    background-color: #18821A;
    padding: 5px 0 10px;
}
.page-top img {}




/* ===============================================
  共通設定
================================================= */

/* ----------- グロナビ、インデックス系 ----------- */
/*  pagelinkin  */
.pagelinkin, .pagelinkout {
    display: block;
    margin: 0;
    padding: 0;
    text-decoration: none;
    background-color: #2775C4;
}
.pagelinkin a, .pagelinkout a {
    display: block;
    position: relative;
    padding: 10px 25px 10px 15px;
    margin: 0 0 0 0;
    border-bottom: 1px solid #2F46A1;
    text-decoration: none;
    overflow: hidden;
    color: #FFF;
    font-weight: bold;
}
.pagelinkin a::after, .pagelinkout a::after {
    position: absolute;
    top: 50%;
    right: 15px;
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-top: 3px solid #FFF;
    border-right: 3px solid #FFF;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}




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

.sp_head_wp {}
.sp_headin {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #FFF;
    padding: 0;
}
.headic_wp{
    display: flex;
}
#header_logo {
    margin: 7px 0 7px 13px;
    font-size: 1.5rem;
}
#header_logo a{
}


/* 開閉ボタン */
#menu-bt {
}
#menu-bt a{
    display: block;
    background-color: #FFF;
    padding: 12px 5px 5px 5px;
    width: 60px;
    height: 60px;
}
.menu-btic,
.menu-btic span{
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
#menu-bt .menu-btic{
    position: relative;
    /*width: 28px;*/
    /*height: 28px;*/
    width: 40px;
    height: 30px;
    margin: 0 auto;
}
#menu-bt span{
    display: block;
    position:absolute;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: #1B1B1B;
}
#menu-bt span:nth-child(1){
    top:0px;
}
#menu-bt span:nth-child(2){
    /*top: 10px;*/
    top: 12px;
}
#menu-bt span:nth-child(3){
    /*top: 20px;*/
    top: 24px;
}

/* open(active)時 */
#menu-bt.active a{
    background-color: #18821A;
}
#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: 1px 0 0 0;
}
#menu-bt .menu-bttxt img{
}

/* ------------------  header_menu(検索)  ------------------ */
#kensaku_menu {
    /*position: absolute;*/
    /*z-index: 9999;*/
    background-color: #F4ECD4;
    width: 100%;
    padding: 20px 20px 20px 20px;
    box-sizing: border-box;
}

/* Google検索 */
.m-kensaku_wp .search-area{
    padding: 0;
}
.m-kensaku_wp .search-box {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    margin: 0 auto;
}
.m-kensaku_wp input.tbox {
    border: 2px solid #000;
    background-color: #FFF;
    border-radius: 4px;
    margin: 0 3px 0 0;
    width: calc(100% - 100px);
    height: 54px;
    background-image: url(/images/ic_megane.png);
    background-repeat: no-repeat;
    background-position: center left 10px;
    padding-left: 40px;
    font-size: 1.2rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.m-kensaku_wp input.fedbt {
    background-color: #295429;
    border: 1px solid #295429;
    border-radius: 4px;
    min-height: 54px;
    width: 100px;
    color: #FFF;
    cursor: pointer;
    font-size: 2rem;
    letter-spacing: 0.1em;
    flex-shrink: 0;
}

/* ------------------  search-wp(検索2021)  ------------------ */
.search-wp .gsc-search-box #gs_id50{
	padding: 0;
    border: none;
		border: 2px solid #000;
}

.search-wp .gsc-search-box-tools .gsc-search-box .gsc-input{
  border: none;
  padding: 0;
}

.search-wp .gsc-input-box{
  padding: 0;
  background: none;
  border: none;
}

.search-wp #gs_id50{
  margin: 0;
  width: 100% !important;
}

.search-wp table.gsc-search-box{
  width: 100% !important;
}

.search-wp table.gsc-search-box #gs_tti50{
  height: 54px;
  border: none;
}

.search-wp table.gsc-search-box .gsib_b{
  border: none;
    padding: 2px;
}

.search-wp table.gsc-search-box td.gsc-search-button{
  background: none;
    border: none;
    padding: 0;
}

.search-wp .gsc-search-button-v2{
  padding: 13px 10px 14px;
  border-radius: 8px;
  width: 80px;
  margin-left: 5px;
  background-color: #295429;
    border-color: #295429;
    text-align: center;
    align-items: center;
    display: block;
}

.search-wp .gsc-search-button-v2 svg{
  margin: 0 auto;
  width: 27px;
  height: 27px
}

.search-wp .gsc-search-button-v2:hover{
  background-color: #295429;
    border-color: #295429;
}


/* ------------------  header_menu(通常グロナビ)  ------------------ */
#gnavi_menu{
    /*position: absolute;*/
    /*z-index: 9999;*/
    background-color: #18821A;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}
.smph_gnavi_wp{
}
p.switch_menu_title {
    border-bottom: 1px solid #FFF;
    padding: 0;
}
p.switch_menu_title a {
    color: #FFF;
    text-decoration: none;
    padding: 10px 10px 10px 20px;
    display: block;
    font-size: 1.8rem;
    position: relative;
    text-align: left;
}
p.switch_menu_title a::after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 8px;
    border-color: transparent transparent transparent #FFF;
    top: 50%;
    right: 10px;
    left: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}




/* ===============================================
  ▼インデックスページ▼
================================================= */

.linknavi {
  margin: 0 0 10px 0;
  padding: 0 0 0 0;
}

.linknavi .pagelinkin a {
  border-bottom: 1px solid #ccc;
}

#index_area_01 {
  margin: 0 0 20px 0;
  padding: 0 0 0 0;
}


/* ------------------  インデックス　チャイルドナビ  ------------------ */
.index_navi {
  margin: 0 0 20px 0;
  padding: 0 0 0 0;
}
.index_navi ul li {
  background-color: #ffffff;
}
.index_navi ul li a {
  margin: 0px 0px 0px 0px;
  padding: 12px 30px 12px 20px;
  display: block;
}
.index_navi ul li a {
  color: #003F7F;
  /* font: 96% "Lucida Grande"; */
  text-shadow: 1px 1px 1px #ffffff;
}
.index_navi ul li a {
  border-bottom: 1px solid #ff8000;
}
.index_navi ul li a {
  background-image: url(/images/smph_listArrow.gif) !important;
  background-repeat: no-repeat;
  background-position: right;
}


/* ------------------  インデックス　大見出し  ------------------ */
.index_omidashi {
    margin: 0 0 0 0;
    padding: 1.5em 10px 1.5em 15px;
    display: block;
    color: #275066;
    font-weight: 800;
    background-color: #ABC5D4;
    line-height: 1.5em;
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 1.35em;
    background-image: url(/images/smph_h1_bg.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
}
.index_omidashi span {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}


/* ------------------  インデックス　子階層  ------------------ */
.trueeventend {
  margin: 10px 0 0 0;
  padding: 0 0 0 0;
}




/* ===============================================
  ▼コンテンツページ▼
================================================= */

#contents-area {
  margin: 0 0 10px 0;
  padding: 0 0 0 0;
  background-color: #ffffff;
}
#contents-area2 {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  background-color: #ffffff;
}




/* ===============================================
  ▼メインエリア▼
================================================= */

#baseall_wp {
    background-color: #FFF;/* bg-color */
}
#baseall {
}

#basebgwrap {
}
#basewrap {
}
.wrap {
    /*margin: 0 20px 50px 20px;*/
}
#main-nosub {
}
#main {
}




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

/* ------------------  フォントサイズ  ------------------ */
p,
table,
dt,
dd {
    line-height: 1.58;
    font-size: 1.5rem;
}
address{
    line-height: 1.58;
}


/* ------------------  余白調整  ------------------ */
/* スタイル回り込み解除 */
.t-box,
.t-box2 {
    margin-bottom: .85em;
}
.t-box > p,
.t-box2 > p {
    padding: 0 20px 0.4em 20px;
}
p {
    /*margin: 0.5em 0 0 0;*/
    margin: 0;
    padding: 0 20px 0.4em 20px;
}
ul {
    margin: 0.5em 10px 0 10px;
    padding: 0 10px;
    list-style-type: none;
    list-style-image: none;
}
ol {
    margin: 0.5em 0 0 0;
    padding: 0 10px;
}
li {
    margin: 0 0 0 0;
    padding: 7px 20px 0.5em 0;
    line-height: 1.4 !important;
}
ul > li {
    background-repeat: no-repeat;
    background-position: 13px 0.9em;
    padding: 7px 20px 0.5em 30px;
}
ol > li {
    /*margin: 0 0 0 30px;*/
    margin: 0 10px 0 40px;
    padding: 7px 20px 0.5em 0px;
}
dl {
    margin: 0.5em 0 0 0;
    padding: 0 0.9em 0.9em 0.9em;
}
dt {
    font-weight: bold;
}

/* ～の説明文章 */
p.filelink + .wysiwyg_wp.txtCaption,
p.externalLink + .wysiwyg_wp.txtCaption,
p.innerLink + .wysiwyg_wp.txtCaption {
    margin-top: -.65em;
}
p.filelink + p.filelink,
p.externalLink + p.externalLink,
p.innerLink + p.innerLink,
p.externalLink + p.innerLink,
p.innerLink + p.externalLink {
    margin: 0.6em 0 0 0;
}


/* ------------------  パンくず  ------------------ */
.pankuzu-bg{}
.pankuzu {
    width: 100%;
    display: block;
}
.pankuzu ol,
.pankuzu ul {
    margin: 0;
    width: 100%;
}
.pankuzu ol li,
.pankuzu ul li {
}
.pankuzu li::after {
}


/* ------------------  検索結果ページ内の検索窓  ------------------ */
.google_all {
    flex-direction: column;
}
.google_all > form {
    margin: 10px 0 0 0;
}
.google_box input#try-google-q {
    width: calc(100% - 110px);
    font-size: 1.2rem;
}
.google_box input.search_submit {
    width: 110px;
    font-size: 1.4rem;
}
.insertfile #___gcse_0 table.gsc-above-wrapper-area-container {
    width: 100% !important;
}
.insertfile #___gcse_0 table.gsc-above-wrapper-area-container .gsc-result-info {
    font-size: 1.4rem;
}
.insertfile #___gcse_0 table.gsc-above-wrapper-area-container .gsc-orderby-label {
    color: #000;
    padding: 0 10px 0 0;
}




/* ===============================================
  ▼コンテンツパーツ▼
================================================= */

/* ------------------  コンテンツ用余白調整  ------------------ */
.main-inner > .wysiwyg_wp:first-child > p:first-child {
    padding: 0.5em 20px 0.4em 20px;
}


/* ------------------  y_更新日  ------------------ */
/* 更新日 */
.basic_info_wp {
    width: 90%;
    margin: 0 auto 8px;
}
.update p {
}

/* z_大見出し */
.h1bg {
    margin: 0 auto 0.5em;
    width: 100%;
    padding: 0;
    min-height: 80px;
    background-image: url(/images/smph_c_h1_bg.png);
    background-position: top 0 right 0;
    background-size: cover;
}
.h1bg h1 {
    font-size: 2.4rem; /* size */
    padding: 10px 10px 10px 10px;
    margin: 0;
    background: none;
    text-align: center;
}
/* z_大見出し：ナビなしの時  */
#main-nosub .h1bg{
}

/* a01_中見出し */
.h2bg {
    margin: 0.9em 0 0.5em 0;
    border-radius: 0;
}
.h2bg h2 {
    font-size: 2.2rem; /* size */
    padding: 10px 20px 9px 20px;
}

/* a02_小見出し */
.h3bg {
    margin: 0.9em 10px 0.5em 10px;
}
.h3bg div {
    margin: 0;
    padding: 5px 5px 4px 10px;
}
.h3bg h3 {
    font-size: 2.0rem; /* size */
}

/* a19-1_細見出し */
.h4bg {
    margin: 0.9em 10px 0.5em 10px;
}
.h4bg div {
    padding: 5px 6px 6px 20px;
}
.h4bg h4 {
    font-size: 1.8rem; /* size */
}

/* a19-2_細々見出し */
.h5bg {
    margin: 0.9em 10px 0.5em 10px;
}
.h5bg h5 {
    padding: 5px 20px 4px 34px;
    font-size: 1.6rem; /* size */
}

/* a03_文章 */


/* a05_ファイルダウンロード（PDF等） */
.filelink a {
    padding: 0 0 0 20px;
    background-position: 3px 0.3em;
}


/* a06_表　a07_表取り込み（Excel） */
table {
    margin: 0 auto;
    width: 90% !important;
}


/* ------------------  内部リンク  ------------------ */
.innerLink a.innerLink {
    background-repeat: no-repeat;
    background-size: 5px 7px;
    padding: 0 0 0 20px;
    background-position: 5px 0.5em;
}

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


/* ------------------  外部リンク  ------------------ */
.externalLink a.externalLink {
    background-repeat: no-repeat;
    background-size: 13px 12px;
    padding: 0 0 0 20px;
    background-position: 2px 0.4em;
}


/* a12_HTML取り込み */
.insertfile {
    margin: 0;
    padding: 0 0 1.2em 0;
}

/* a13_ページ内リンク */
ul.linkjump li::before {
    content: none;
}
ul.linkjump {
    list-style: none;
    padding: 0 0.9em 0.9em 0.9em;
}
ul.linkjump li {
    float: left;
    margin: 0.5em 0 0 0;
    padding: 0 20px 0.4em 20px;
    line-height: 1.58;
    background-position: 2px 1.1rem;
}

/* a17_ページの上部へ */
.tothispage {
    margin: 0 20px 8px;
}
.tothispage div {
}
div.tothispage div a {
}
.tothispage2 {
    margin: 0 20px 8px;
}
.tothispage2 div {
}
.tothispage2 div a {
}


/* a18_地図情報（文章あり） */
.map-area p{
    margin: 0.5em 0 0 0;
}
.map-area ul,
.map-area ol {
    margin: 0.5em 0 0 0;
}
.map-area ul li {
    padding: 7px 0 0.5em 30px;
}
.map-area ol li {
    padding: 7px 0 0.5em 0;
}
.mapimg {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}
.mapimg > iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.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%;
}
.mapimg {
    float: none;
    padding-left: 0;
    /*margin: 0 10px 0 10px;*/
    margin: 0 20px 0 20px;
}
/* googlemapサイズ固定 */
.mapimg > iframe {
    width: 300px !important;
    height: 200px !important;
}


/* ------------------  画像パーツ  ------------------ */
/*  ▼▼wysiwyg▼▼  */
.img-left,
.img-center,
.img-right{
    float: none;
    margin: 0.9em 0 0.9em 0;
    padding: 0 20px 0 20px;
    text-align: center;
    display: block;
    width: auto;
}
.wysiwyg_wp .img-left img {
    margin: 0;
    padding: 0;
}
.wysiwyg_wp .img-center img {
    margin: 0;
    padding: 0;
}
.wysiwyg_wp .img-right img {
    margin: 0;
    padding: 0;
}
.wysiwyg_wp::after {
    content: "";
    display: table;
    clear: both;
}
.wysiwyg_wp .img-only {
    float: none;
    margin: 0.9em 0 0.9em 0;
    padding: 0 20px 0 20px;
    text-align: center;
    display: block;
    width: auto;
}
/*  ▲▲wysiwyg▲▲  */


.img-area {
    display: block;
    margin: 0.5em 0 0.5em 0;
    padding: 0 0 0 0;
}
img {
    border: none;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
}
.img-area span {
    margin-right: 10px;
    display: inline-block;
}

/* 画像エリア内floatのclear */
.img-area:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}

/* 画像横並び（2連） */
p.imglink-side2 {
    float: none;
    margin: 0.9em 0 0.9em 0;
    padding: 0 20px 0 20px;
    text-align: center;
    display: block;
    width: auto;
    /* minimum width */
}
.imglink-side2 span {
    padding: 0;
    line-height: 1.3;
    display: block;
}
p.imglink-side2:nth-child(1) {
    padding: 0 20px 0 20px;
}

/* 画像横並び（3連） */
p.imglink-side3 {
    float: none;
    margin: 0.9em 0 0.9em 0;
    padding: 0 20px 0 20px;
    text-align: center;
    display: block;
    width: auto;
    /* minimum width */
}
p.imglink-side3 span {
    padding: 0;
    line-height: 1.3;
    display: block;
}
p.imglink-side3:nth-child(1) {
    padding: 0 20px 0 20px;
}

/* 画像横並び（4連）  */
p.imglink-side4 {
    float: none;
    margin: 0.9em 0 0.9em 0;
    padding: 0 20px 0 20px;
    text-align: center;
    display: block;
    width: auto;
    /* minimum width */
}
p.imglink-side4 span {
    padding: 0;
    line-height: 1.3;
    display: block;
}
p.imglink-side4:nth-child(1) {
    padding: 0 20px 0 20px;
}

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


/* 画像（左）＋文章（文章回りこみ） */
.img-area-l {
    margin: 0.9em 0 0.9em 0;
    padding: 0 20px 0 20px;
}
.imglink-txt-left {
    float: none;
    margin: 0;
    padding: 0;
    text-align: center;
    display: block;
    width: auto;
    /* minimum width */
}
.imglink-txt-left img {
    padding: 0;
}
.imglink-txt-left span {
    display: block;
}

/* 画像（右）＋文章（文章回りこみ） */
.img-area-r {
    margin: 0.9em 0 0.9em 0;
    padding: 0 20px 0 20px;
}
.imglink-txt-right {
    float: none;
    margin: 0;
    padding: 0;
    text-align: center;
    display: block;
    width: auto;
    /* minimum width */
}
.imglink-txt-right img {
    padding: 0;
}
.imglink-txt-right span {
    display: block;
}

/* 地図エリア、画像リンク（文章回りこみ）用再調整 */
.wysiwyg_wp ol,
.wysiwyg_wp ul,
.img-area-l .h3bg,
.img-area-l .h3bg,
.img-area-l .h4bg,
.img-area-l ul,
.img-area-l ol,
.img-area-r .h3bg,
.img-area-r .h3bg,
.img-area-r .h4bg,
.img-area-r ul,
.img-area-r ol {
    overflow: hidden;
    _zoom: 1;
}
.img-area-l .h2bg,
.img-area-r .h2bg {
    overflow: hidden;
    clear: none;
}
.img-area-l .h2bg div,
.img-area-r .h2bg div {
    overflow: hidden;
    clear: none;
}
.img-area-l h2,
.img-area-r h2 {
    overflow: hidden;
    clear: none;
}
.img-area-l .h3bg,
.img-area-r .h3bg {
    margin-left: 0;
}
.img-area-l .h4bg,
.img-area-r .h4bg {
    margin-left: 0;
}
.img-area-l p,
.img-area-r p {
    margin: 0 0 0.9em 0;
    padding: 0 0 0 0;
}
.img-area-l ul,
.img-area-r ul {
    padding: 0;
}
.img-area-l ol,
.img-area-r ol {
    margin: 0;
    padding: 0;
}
.img-area-l ul li,
.img-area-r ul li {
    padding: 7px 0 0.5em 30px;
}
.img-area-l ol li,
.img-area-r ol li {
    padding: 7px 0 0.5em 0px;
}
.img-only img,
.img-left img,
.img-center img,
.img-right img {
    margin: 0 !important;
}




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

/*  第2階層 インデックス　大見出し  */
.h1img {
    clear: both;
    margin: 0 0 10px 0;
}
.h1img h1 {
    margin: 0;
    padding: 0;
    font-size: 1%;
    line-height: 1%;
}

/* 大見出し画像 */
.main-inner .h1img img {
    max-width: 100%;
}


/* ------------------  インデックス メニューパーツ  ------------------ */
/* サイトマップ */
/*  site-li  */
.site-li {
    padding: 0 0 0.86em 0;
    margin: 0 20px;
    background-color: transparent;
}
.site-li li {
    display: block;
    padding: 0;
    margin: 0 0 5px 0;
}
.site-li li::after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-color: #18821A;
    border-style: solid;
    border-width: 1.5px 1.5px 0 0;
    content: "";
    display: block;
    height: 8px;
    width: 8px;
    position: absolute;
    top: 18px;
    left: 10px;
}
.site-li li a {
    padding: 12px 5px 12px 40px;
    display: block;
    background-color: #E2F2E2;
    border-radius: 5px;
}

/*  site-li-1  */
.site-li-1 {
    padding: 0 0 0.86em 0;
    margin: 0 20px;
    background-color: transparent;
}
.site-li-1 li {
    display: block;
    padding: 0;
    margin: 0 0 5px 0;
}
.site-li-1 li::after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-color: #18821A;
    border-style: solid;
    border-width: 1.5px 1.5px 0 0;
    content: "";
    display: block;
    height: 8px;
    width: 8px;
    position: absolute;
    top: 18px;
    left: 10px;
}
.site-li-1 li a {
    padding: 12px 5px 12px 40px;
    display: block;
    background-color: #E2F2E2;
    border-radius: 5px;
}


/* am00_メニュー自動生成(norcor) */
.norcor {
    padding: 0 20px 0.86em 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.norcor li {
    width: 100%;
    margin: 0 0 5px 0;
}
.norcor li:nth-of-type(2n) {
    margin: 0 0 5px 0;
}
.norcor li::after {
    top: 18px;
    left: 10px;
}
.norcor li a {
    padding: 12px 10px 12px 40px;
}
.m-title {
    position: relative;
    margin: 0 20px 0.5em 20px;
}
div.m-title div {}
.m-title h2 {}
h2.nextpage {
    margin: 15px 0 0 0;
}
h2.nextpage::after {
    left: 8px;
}
.menulist {
    margin: 0;
    padding: 0;
    display: block;
}
.menulist .img-area-l .innerLink{
    background:none;
    padding: 0 0 0 0;
}
.menulist2 {
    margin: 0;
    padding: 0;
    display: block;
}

.m-title a {
    padding: 12px 10px 12px 24px;
}
.m-title a:hover {
    display: block;
    text-decoration: underline;
}

/* メニューアイコン表示（インデックス、コンテンツ） */
/*.site-li a[href$="/index.html"] {
    padding: 12px 10px 12px 40px;
    display: block;
    background-position: 15px 1.1em;
}
.site-li a:not([href$="/index.html"]) {
    padding: 12px 10px 12px 40px;
    display: block;
    background-position: 15px 1.1em;
}
.norcor a[href$="/index.html"] {
}
.norcor a:not([href$="/index.html"]) {
}*/

/* メニュー自動生成1列（子・孫）（横） */
.norcor-side {
    overflow: hidden;
    padding: 0 0 0.86em 0;
    margin: 0 20px;
}
.norcor-side li {
    display: block;
    padding: 0;
    margin: 0 0 5px 0;
}
.norcor-side li:first-child {
    padding: 0;
}


/*.norcor-side li a {
    line-height: 2;
}*/
.norcor-side li::before {
    content: none;
}
.norcor-side li:first-child::before{
    content: none;
}

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

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


/* ------------------  新着情報  ------------------ */
/* 全新着ページ */
.all-list{
}
.info-list {
    margin: 0 20px 0 20px;
    padding: 12px 0;
}
.info-list li {
    margin: 0 0 0 0;
    padding: 5px 0 10px 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.info-list li span {
}
.info-list li span.date {
    width: 10em;
    margin: 0 0 0.1em 0;
}

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


/* am04_新着情報 */
.newinfo-box {
    margin: 0.9em 20px 0.85em 20px;
}
.h2_newinfo {
}
.h2_newinfo div{
}
.h2_newinfo h2{
}
.newinfo-box .ichiran-all {
}
.newinfo-box .ichiran-all div {
}
.newinfo-box .ichiran-all div a {
    display: block;
}
.newinfo-box .ichiran-all div a::before {
}


/* ------------------  am05_アクセスランキング  ------------------ */
.rank-box {
}


/* ------------------------　am06_ライフイベント　------------------------ */
.lifelist {
    padding: 10px 20px 10px 20px;
}
.lifelist h2 {
}
ul.life-li {
    flex-wrap: wrap;
}
ul.life-li li {
    margin: 0 5px 5px 0;
    width: calc((100% - 5px)/2);
}
ul.life-li li:nth-of-type(2n) {
    margin: 0 0 5px 0;
}
ul.life-li li:last-of-type {
}
ul.life-li li img {
    width: 100%;
    height: auto;
}


/* ------------------  サイトマップ  ------------------ */
#sitemap .wrap {
}
#sitemap .wrap #main {
}
#sitemap .wrap #main .modearea {
    width: 100%;
}
#sitemap .wrap #main .modearea .top_rarea {
    width: 100%;
    margin: 0 auto;
}


/* ------------------  Adobe Readerのダウンロード  ------------------ */



/* ------------------  この記事への問い合わせ  ------------------ */
.contact {
    margin: 20px 20px 10px;
    padding: 10px;
    background: none;
    background-color: #F4ECD4;
}
.contact_box1 h2.contact_h2 {
    font-size: 2.0rem;
}
.contact .contact-email a {
    width: 100%;
    text-align: center;
}


/* ------------------  評価エリア　この情報はお役に立ちましたか？  ------------------ */
form.feedback {
    margin: 10px 20px;
    padding: 10px;
}
form.feedback .hyoka_txt {
    margin: 0 0 15px 0;
    font-size: 1.3rem;
}
#main form.feedback h2, #main-nosub form.feedback h2 {
    font-size: 2.0rem;
}
form.feedback h3.form-h3 {
    font-size: 1.3rem;
}
form.feedback p {
}
form.feedback .fedd {
    margin: 0.5em 0 0.9em 0;
}
form.feedback .fedd > input[type="radio"] {
    margin: 7px 5px;
}
form.feedback label {
    margin: 0 10px 0 8px;
    font-size: 1.4rem;
}
.submitbox {
}
.submitbox input.fedbt {
    padding: 7px 5px;
    width: 100%;
    text-align: center;
}




/* ===============================================
  ▼ローカルナビエリア▼
================================================= */

#localnavi {
    display: none;
}




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




/* ------------------------　組織ページ用(2022年追記)　------------------------ */
.soshiki-box {
  margin: 0 0 10px 0;
}
h3.soshikipage {
  padding: 0;
  margin: 0.7em 0.6em 0.5em 0.6em;
}
ul.soshiki-li {
  padding: 0;
  margin: 0 5px 0 0;
}
ul.soshiki-li li {
  margin: 0.3em 0 0 0.5em;
  padding: 3px 0 0 10px;
  background-image: url(/images/c_icon_li.png);
  background-repeat: no-repeat;
  background-position: 6px 0.85em;
  line-height: 1.5em;
  _height: 1%;
}
a.soshiki-idx {
  margin: 0;
  padding: 3px 4px 3px 8px;
}
a.soshiki-cont {
  margin: 0;
  padding: 3px 4px 3px 8px;
}




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

footer {
    position: relative;
}
.foot_wp {
    background-image: url(/images/smph_foot_bgim.png);
    background-repeat: no-repeat;
    background-position: bottom 0 right 0;
    background-color: #FFF;
    position: relative;
    min-height: 450px;
}
.foot_in_wp {
    display: flex;
    flex-direction: column-reverse;
    padding: 0 20px;
}
.ftcont {
    text-align: center;
}
.foot_logo {
    margin: 10px 0 12px 0;
}
.foot_logo img {
}
.foot_wp address {
    font-size: 1.5rem;
    margin: 0 0 25px 0;
}
.add_txt {
    padding: 0 15px 0 0;
}
ul.footbtlist {
    margin: 20px 0 0 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;

}
ul.footbtlist li:nth-child(2n) {
    margin: 0 0 5px 0;
}
ul.footbtlist li {
    background: none;
    padding: 0;
    margin: 0 5px 5px 0;
    width: calc((100% - 5px) / 2);
}
ul.footbtlist li a {
    display: block;
    background-color: #295429;
    color: #FFF;
    text-decoration: none;
    padding: 8px 10px 8px 20px;
    font-size: 1.3rem;
    text-align: left;
    border-radius: 6px;
    position: relative;
}
ul.footbtlist li a::after {
    content: " ";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 2px 0 2px 4px;
    border-color: transparent transparent transparent #FFF;
    top: 50%;
    left : 10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
ul.footbtlist li a:hover,ul.footbtlist li a:focus {
}

/*コピーライト*/
.f0copy {
    padding: 4px 0 0;
    font-size: 1.2rem !important;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}




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

.calendar_allwp{
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
}


/* ------------------  見出し  ------------------ */
.calendar_allwp .h2bg {
}
.calendar_allwp .h2bg div {
}
.calendar_allwp .h2bg h2 {
}
.calendar_allwp .h3bg {
}
.calendar_allwp .h3bg div {
    padding: 5px 5px 4px 10px;
}
.calendar_allwp .h3bg h3 {
}
.calendar_allwp .h3bg h3::after {
}


/* ------------------  イベカレインデックスメニュー  ------------------ */
#eventall li {
}
#eventall p {
}


/* ------------------  表示切替ボタン  ------------------ */
ul.calbt-li {
    margin: 20px 0 20px 0;
}
ul.calbt-li li {
    width: calc((100% - 10px)/2);
    font-size: 1.4rem;
}
ul.calbt-li li:first-child {
}
ul.calbt-li li a {
    width: auto;
    padding: 20px 10px 20px 40px;
    background-position: left 10px center;
}
ul.calbt-li li.calbt_info a {
}
ul.calbt-li li.calbt_list a {
}
ul.calbt-li li.calbt_cal a {
}
ul.calbt-li li a:hover,ul.calbt-li li a:focus {
}


/* ------------------  アイコン詳細  ------------------ */
#caliconmargin{
    margin: 0 0 30px 0;
}
.calicon-li {
    margin: 3px 0 0 0;
    padding: 12px 12px 2px;
}
.calicon-li li:nth-child(2n) {
    margin: 0 0 10px 0;
}
.calicon-li li:nth-child(6n) {
    margin: 0 0 10px 0;
}
.calicon-li li:last-child {
    width: calc((100% - 10px)/2);
    font-size: 1.4rem;
}
.calicon-li li {
    margin: 0 10px 10px 0;
    padding: 16px 5px 16px 54px;
    width: calc((100% - 10px)/2);
    background-position: left 10px center;
}


/* ------------------  前の月・次の月  ------------------ */
.calwrap {
    /*display: block;*/
    margin: 30px 0 5px 0;
}
.calwrap p {
    margin: 0;
    padding: 0;
    font-size: 1.8rem;
}
.calwrap .lastmonth,
.calwrap .nextmonth {
    width: 5em;
}
.calwrap .lastmonth {
    /*float: left;*/
    float: none;
    border-right: 1px solid #FFF;
}
.calwrap .nextmonth {
    /*float: right;*/
    float: none;
    border-left: 1px solid #FFF;
}
.lastmonth::before {
}
.nextmonth::before {
}
.calwrap .thismonth {
    text-align: center;
    /*padding: 0 0 5px 0;*/
    padding: 0 20px 5px 20px;
}
.lastmonth a,
.nextmonth a{
}


/* ------------------  テーブル（一覧表）  ------------------ */
#calendarlist{
    width: 100% !important;


}
#calendarlist th {
    margin: 0;
    padding: 7px 4px 6px 4px;
    color: #000;
    border: 2px solid #F9F8F2;
    background-color: #E1D6AA;
    text-align: center;
    font-size: 1.8rem;
    height: 60px;
}
#calendarlist td {
    height: 80px;
}
#calendarlist .day {
    width: 5em;
}
#calendarlist td.einfo {
    text-align: left;
}
#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 {
}
table#calendarlist p span {
}


/* ------------------  多数のイベントページ  ------------------ */
.daylist {}
.daylist .norcor {
    padding: 0 0 0.86em 0;
}
.daylist .norcor > p {
    padding: 0 0 0.4em 0;
}

/* ------------------  今日判定  ------------------ */
/* calendar */
table#calendar td.today {
}

/* list calendar */
table#calendarlist tr.today td {
}




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

.baseall-s .sa_leadtxt {
    width: 100%;
    margin: 0;
    padding: 10px 10px;
}
.baseall-s .sa_leadtxt > p {
    line-height: 1.7;
    font-size: 1.7rem;
}
.baseall-s .wrap {
    flex-direction: column;
    margin: 10px 20px 50px 20px;
}
.baseall-s .main-l {
    width: 100%;
}
.baseall-s .main-r {
    width: 100%;
    margin-left: 0;
}


/* ------------------  大規模災害用　header ------------------ */
.baseall-s #head_wp {
    display: flex;
    flex-direction: column-reverse;
}
.baseall-s .sah1bg {
    margin: 0 0 0.5em 0;
}
.baseall-s h1.sah1 {
    width: 100%;
    margin: 0;
    padding: 10px 10px 10px 10px;
    font-size: 2.4rem;
    font-weight: bold;
    text-align: center;
}
.baseall-s .sa_headlist_bgwp {
    padding: 10px;
}
.baseall-s .sa_headlist_wp {
    width: 100%;
    flex-direction: column-reverse;
}
.baseall-s .sa_headlist_wp ul.sa_headlist {
    margin: 15px 0 2px 0;
}
.baseall-s .sa_headlist_wp ul.sa_headlist li {
}
.baseall-s .sa_headlist_wp ul.sa_headlist li:first-child {
    padding: 0 15px 0 15px;
}

/* 検索 */
.baseall-s #head_wp .search-area {
    margin: 5px 0 0 0;
    width: 100%;
}
.baseall-s #head_wp .search-area form {
    width: 100%;
}
.baseall-s #head_wp .search-area .sa_stxt {
}
.baseall-s #head_wp .search-box {
    width: 100%;
    margin: 0 auto;
}
.baseall-s #head_wp input.fedbt {
    width: 74px;
    flex-shrink: 0;
}
.baseall-s #head_wp input.tbox {
    width: calc(100% - 74px);
}


/* ------------------  大規模災害用　side ------------------ */
.baseall-s .lo_topjump {
}
.baseall-s .sidebtn-box {
    margin: 10px;
}
.baseall-s .lo_topjump a {
    padding: 15px 10px 15px 10px;
}
.baseall-s .sa_lobgbox {
}
.baseall-s .sa_lobgbox h2 {
}
.baseall-s .sa_lobgbox ul {
}
.baseall-s .sa_lobgbox ul li {}


/* ------------------  大規模災害用　footer  ------------------ */
.baseall-s .tothispage {
    width: 100%;
    margin: 40px auto 0;
}
.baseall-s .tothispage a {
    display: block;
    background-color: #EEE;
    width: 240px;
    padding: 10px 10px 10px 10px;
    text-align: center;
    float: right;
}
.baseall-s .foot_wp{
}
.baseall-s .footlist_wp{
}
.baseall-s ul.footlist{
    width: 100%;
    margin: 0;
    flex-wrap: wrap;
    justify-content: center;
}
.baseall-s ul.footlist li:first-child{
    border-left: none;
    padding: 0 15px 0 0;
}
.baseall-s ul.footlist li{
}
.baseall-s ul.footlist li a:link{
}
.baseall-s .foot_in_wp {
    width: 100%;
    flex-direction: column;
}
.baseall-s .foot_wp address {
}
.baseall-s .sa_add {
    flex-direction: column;
    text-align: center;
    margin: 0 10px
}
.baseall-s .sa_add h2 {
    margin: 0;
    padding: 0 0 8px;
    font-size: 2.4rem;
}
.baseall-s .sa_add p {
    font-size: 1.3rem;
}
.baseall-s .sa_add p > span {}
.baseall-s .sa_add .saadd_tx {
    display: block;
    padding: 0;
}
.baseall-s .f0copy {
    text-align: center;
    padding: 8px 0 0;
}


/* ------------------  大規模災害用 パーツ設定  ------------------ */


/* ------------------  （通常トップ用：緊急時）重要なお知らせ  ------------------ */
.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;
}




/* ===============================================
  ▼メールフォーム用▼
================================================= */

.form_allwp {
    width: 100%;
}
.form_allwp table td input[type="text"] {
    border: 1px solid #AAA;
    height: 30px;
    font-size: 1.6rem;
    width: 100%;
}
.form_allwp table td textarea {
    border: 1px solid #AAA;
    font-size: 1.6rem;
    width: 100%;
}
.f_note {}
.f_note p {
    margin: 0 0 20px 0;
    padding: 0.1em 1.4em 0.1em 1.4em;
}
form.formmail {
    padding: 0 20px;
}
form.formmail table {
    margin: 20px 0 0 0;
    width: 100% !important;
}
.form_allwp .form_submitbox {
    margin: 26px 20px 26px;
    display: flex;
    justify-content: center;
}
.form_allwp input.fedbt:nth-of-type(2) {
    margin: 0;
}
.form_allwp input.fedbt {
    padding: 3px 5px;
    width: calc((100% - 20px)/2);
    margin: 0 20px 0 0;
    border: 1px solid #18821A;
    background-color: #18821A;
    color: #FFF;
    font-size: 1.6rem;
    border-radius: 5px;
}

.form_allwp .fedbt02 {
    width: calc((100% - 20px)/2);
}
.form_allwp .fedbt02 a {
    display: block;
    padding: 3px 5px;
    margin: 0;
    border: 1px solid #CCC;
    background-color: #CCC;
    color: #000;
    font-size: 1.6rem;
    border-radius: 5px;
    text-decoration: none;
    text-align: center;
}
.form_allwp .form_submitbox02 {
    margin: 26px 10px;
    display: flex;
    justify-content: center;
}
.form_allwp .form_submitbox02 input.fedbt {
    width: 150px;
    margin: 0;
}
#enqbt form.formmail {
    padding: 0;
}

/* トップへもどる */
.f_tohome_btn {
    margin: 30px 0 30px 0;
    padding: 0;
}
.f_tohome_btn a {
    text-align: center;
    display: block;
    padding: 11px 10px;
    margin: 0 auto;
    font-size: 1.8rem;
    font-weight: bold;
    color: #FFF;
    border: 1px solid #18821A;
    background-color: #18821A;
    border-radius: 5px;
    width: 100%;
    text-decoration: none;
}

/* フッター */
.nosub_foot_wp {
    background-color: #FFF;
}
.nosub_foot_wp .f0copy {
    padding: 8px 0;
    font-size: 1.2rem !important;
    position: static;
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
    text-align: center;
}