@charset "euc-jp";
/*=========================================================================

File Name:	r-top.css
Style Info:	デバイス別　トップページ用スタイル

=========================================================================*/


/* Javascript Disabled */
div.jvd div#top-sliderBox{ background:url(../images/topslider/bg_slider_photo01_s.jpg); height:141px;}
div.jvd div#top-sliderBox div.sliderbox{ display:none;}
div.jvd div#top-sliderBox div#slider01{ display:block;}


/* 日付 */
.u-date{ color:#663300; display:block; font-size:85%;}

/* 重要なお知らせ */
div#juuyou{ clear:both; padding:5px; margin-top:10px;}
div#juuyouInner{ padding:0; border:1px solid #FF0000;}
div#juuyou h2{ background:url(../images/bg_juuyou.jpg) repeat-x 0 2px;}
div#juuyou ul{ padding:0 10px;}
div#juuyou .u-date{ display:block;}
div#juuyou .archivelink{ padding-right:1em;}

/* 注目情報・新着情報・お知らせ・ライフイベント
お役立ちメニュー・目的別メニュー */
div#news h2 span{ display:block; background:url(../images/bg_title_news.jpg) repeat-x top left;}
div#oshirase h2 span{ display:block; background:url(../images/bg_title_news.jpg) repeat-x top left;}

div#lifeevent h2.titlebar { display:block; background:url(../images/bg_title_lifeevent.jpg) repeat-x top left; padding:0;}
div#helpfulmenu h2.titlebar { display:block; background:url(../images/bg_title_helpfulmenu.jpg) repeat-x top left; padding:0;}
div#purposemenu h2.titlebar { display:block; background:url(../images/bg_title_purposemenu.jpg) repeat-x top left; padding:0;}

div#lifeevent h2.titlebar span{ display:block; background:url(../images/bg_lifeevent_title.jpg) no-repeat right center;}
div#helpfulmenu h2.titlebar span{ display:block; background:url(../images/bg_help_title.jpg) no-repeat right center;}
div#purposemenu h2.titlebar span{ display:block; background:url(../images/bg_purpose_title.jpg) no-repeat right center;}

div#chuumokuInner,
div#newsInner,
div#oshiraseInner,
div#lifeeventInner,
div#helpfulmenuInner,
div#purposemenuInner{
  padding:5px 7px;
}

/* タイトルスタイル */
h2.titlebar{ background:url(../images/dot_2px.gif) repeat-x bottom left;}

div#newsInner div.titlebar,
div#oshiraseInner div.titlebar{ background:url(../images/bg_title_news.jpg) repeat-x top left;}
div#newsInner div.titlebar h2,
div#oshiraseInner div.titlebar h2{ width:90px; float:left;}


/* リストスタイル */
ul.article-list li{ background:url(../images/dot_x.gif) repeat-x bottom left; padding:5px;}

/* 一覧を見る */
p.archivelink{ text-align:right; padding:3px 0 5px;}

/* アイコン付ボタンスタイル */
div#lifeevent li,
div#helpfulmenu li,
div#purposemenu li{
  width:33%;
  float:left;
  line-height:1.2em;
}
div#lifeevent li a,
div#helpfulmenu li a,
div#purposemenu li a{
  display:block;
  text-align:center;
  padding-top:52px;
  min-height:3.9em;
  font-size:90%;
}

/* ライフイベント */
div#lifeeventInner{ border-bottom:1px solid #CDBBAB;}
div#lifeevent li span{
  display:block;
  padding-top:5px;
}
div#lifeevent li#levent-list04{ clear:left;}
div#lifeevent li#levent-list07{ clear:left;}
div#lifeevent li#levent-list01 span{ border-right:1px dotted #E2CCD4;}
div#lifeevent li#levent-list02 span{ border-right:1px dotted #E2CCD4;}
div#lifeevent li#levent-list04 span{ border-top:1px dotted #E2CCD4; border-right:1px dotted #E2CCD4;}
div#lifeevent li#levent-list05 span{ border-top:1px dotted #E2CCD4; border-right:1px dotted #E2CCD4;}
div#lifeevent li#levent-list06 span{ border-top:1px dotted #E2CCD4;}
div#lifeevent li#levent-list07 span{ border-top:1px dotted #E2CCD4; border-right:1px dotted #E2CCD4;}
div#lifeevent li#levent-list08 span{ border-top:1px dotted #E2CCD4; border-right:1px dotted #E2CCD4;}

li#levent-list01 a{ background:url(../images/btn_le01_off.gif) no-repeat top center;}
li#levent-list02 a{ background:url(../images/btn_le02_off.gif) no-repeat top center;}
li#levent-list03 a{ background:url(../images/btn_le03_off.gif) no-repeat top center;}
li#levent-list04 a{ background:url(../images/btn_le04_off.gif) no-repeat top center;}
li#levent-list05 a{ background:url(../images/btn_le05_off.gif) no-repeat top center;}
li#levent-list06 a{ background:url(../images/btn_le06_off.gif) no-repeat top center;}
li#levent-list07 a{ background:url(../images/btn_le07_off.gif) no-repeat top center;}
li#levent-list08 a{ background:url(../images/btn_le08_off.gif) no-repeat top center;}

li#levent-list01 a:hover{ background:url(../images/btn_le01_on.gif) no-repeat top center;}
li#levent-list02 a:hover{ background:url(../images/btn_le02_on.gif) no-repeat top center;}
li#levent-list03 a:hover{ background:url(../images/btn_le03_on.gif) no-repeat top center;}
li#levent-list04 a:hover{ background:url(../images/btn_le04_on.gif) no-repeat top center;}
li#levent-list05 a:hover{ background:url(../images/btn_le05_on.gif) no-repeat top center;}
li#levent-list06 a:hover{ background:url(../images/btn_le06_on.gif) no-repeat top center;}
li#levent-list07 a:hover{ background:url(../images/btn_le07_on.gif) no-repeat top center;}
li#levent-list08 a:hover{ background:url(../images/btn_le08_on.gif) no-repeat top center;}

li#levent-list01 a:focus{ background:url(../images/btn_le01_on.gif) no-repeat top center;}
li#levent-list02 a:focus{ background:url(../images/btn_le02_on.gif) no-repeat top center;}
li#levent-list03 a:focus{ background:url(../images/btn_le03_on.gif) no-repeat top center;}
li#levent-list04 a:focus{ background:url(../images/btn_le04_on.gif) no-repeat top center;}
li#levent-list05 a:focus{ background:url(../images/btn_le05_on.gif) no-repeat top center;}
li#levent-list06 a:focus{ background:url(../images/btn_le06_on.gif) no-repeat top center;}
li#levent-list07 a:focus{ background:url(../images/btn_le07_on.gif) no-repeat top center;}
li#levent-list08 a:focus{ background:url(../images/btn_le08_on.gif) no-repeat top center;}

/* お役立ちメニュー */
div#helpfulmenuInner{ border-bottom:1px solid #CDBBAB;}
div#helpfulmenu li span{
  display:block;
  padding-top:5px;
}
div#helpfulmenu li#hmenu-list04{ clear:left;}
div#helpfulmenu li#hmenu-list07{ clear:left;}
div#helpfulmenu li#hmenu-list01 span{ border-right:1px dotted #E2CCD4;}
div#helpfulmenu li#hmenu-list02 span{ border-right:1px dotted #E2CCD4;}
div#helpfulmenu li#hmenu-list04 span{ border-top:1px dotted #E2CCD4; border-right:1px dotted #E2CCD4;}
div#helpfulmenu li#hmenu-list05 span{ border-top:1px dotted #E2CCD4; border-right:1px dotted #E2CCD4;}
div#helpfulmenu li#hmenu-list06 span{ border-top:1px dotted #E2CCD4;}
div#helpfulmenu li#hmenu-list07 span{ border-top:1px dotted #E2CCD4; border-right:1px dotted #E2CCD4;}
div#helpfulmenu li#hmenu-list08 span{ border-top:1px dotted #E2CCD4; border-right:1px dotted #E2CCD4;}

li#hmenu-list01 a{ background:url(../images/btn_hf01_off.gif) no-repeat top center;}
li#hmenu-list02 a{ background:url(../images/btn_hf02_off.gif) no-repeat top center;}
li#hmenu-list03 a{ background:url(../images/btn_hf03_off.gif) no-repeat top center;}
li#hmenu-list04 a{ background:url(../images/btn_hf04_off.gif) no-repeat top center;}
li#hmenu-list05 a{ background:url(../images/btn_hf05_off.gif) no-repeat top center;}
li#hmenu-list06 a{ background:url(../images/btn_hf06_off.gif) no-repeat top center;}
li#hmenu-list07 a{ background:url(../images/btn_hf07_off.gif) no-repeat top center;}
li#hmenu-list08 a{ background:url(../images/btn_hf08_off.gif) no-repeat top center;}

li#hmenu-list01 a:hover{ background:url(../images/btn_hf01_on.gif) no-repeat top center;}
li#hmenu-list02 a:hover{ background:url(../images/btn_hf02_on.gif) no-repeat top center;}
li#hmenu-list03 a:hover{ background:url(../images/btn_hf03_on.gif) no-repeat top center;}
li#hmenu-list04 a:hover{ background:url(../images/btn_hf04_on.gif) no-repeat top center;}
li#hmenu-list05 a:hover{ background:url(../images/btn_hf05_on.gif) no-repeat top center;}
li#hmenu-list06 a:hover{ background:url(../images/btn_hf06_on.gif) no-repeat top center;}
li#hmenu-list07 a:hover{ background:url(../images/btn_hf07_on.gif) no-repeat top center;}
li#hmenu-list08 a:hover{ background:url(../images/btn_hf08_on.gif) no-repeat top center;}

li#hmenu-list01 a:focus{ background:url(../images/btn_hf01_on.gif) no-repeat top center;}
li#hmenu-list02 a:focus{ background:url(../images/btn_hf02_on.gif) no-repeat top center;}
li#hmenu-list03 a:focus{ background:url(../images/btn_hf03_on.gif) no-repeat top center;}
li#hmenu-list04 a:focus{ background:url(../images/btn_hf04_on.gif) no-repeat top center;}
li#hmenu-list05 a:focus{ background:url(../images/btn_hf05_on.gif) no-repeat top center;}
li#hmenu-list06 a:focus{ background:url(../images/btn_hf06_on.gif) no-repeat top center;}
li#hmenu-list07 a:focus{ background:url(../images/btn_hf07_on.gif) no-repeat top center;}
li#hmenu-list08 a:focus{ background:url(../images/btn_hf08_on.gif) no-repeat top center;}

/* 目的別メニュー */
div#purposemenuInner{ border-bottom:1px solid #CDBBAB;}
div#purposemenu li span{
  display:block;
  padding-top:5px;
}

div#purposemenu li#pmenu-list04{ clear:left;}
div#purposemenu li#pmenu-list07{ clear:left;}
div#purposemenu li#pmenu-list10{ clear:left;}
div#purposemenu li#pmenu-list01 span{ border-right:1px dotted #E2CCD4;}
div#purposemenu li#pmenu-list02 span{ border-right:1px dotted #E2CCD4;}
div#purposemenu li#pmenu-list04 span{ border-top:1px dotted #E2CCD4; border-right:1px dotted #E2CCD4;}
div#purposemenu li#pmenu-list05 span{ border-top:1px dotted #E2CCD4; border-right:1px dotted #E2CCD4;}
div#purposemenu li#pmenu-list06 span{ border-top:1px dotted #E2CCD4;}
div#purposemenu li#pmenu-list07 span{ border-top:1px dotted #E2CCD4; border-right:1px dotted #E2CCD4;}
div#purposemenu li#pmenu-list08 span{ border-top:1px dotted #E2CCD4; border-right:1px dotted #E2CCD4;}
div#purposemenu li#pmenu-list09 span{ border-top:1px dotted #E2CCD4;}
div#purposemenu li#pmenu-list10 span{ border-top:1px dotted #E2CCD4; border-right:1px dotted #E2CCD4;}
div#purposemenu li#pmenu-list11 span{ border-top:1px dotted #E2CCD4; border-right:1px dotted #E2CCD4;}
div#purposemenu li#pmenu-list12 span{ border-top:1px dotted #E2CCD4;}

li#pmenu-list01 a{ background:url(../images/btn_pp01_off.gif) no-repeat top center;}
li#pmenu-list02 a{ background:url(../images/btn_pp02_off.gif) no-repeat top center;}
li#pmenu-list03 a{ background:url(../images/btn_pp03_off.gif) no-repeat top center;}
li#pmenu-list04 a{ background:url(../images/btn_pp04_off.gif) no-repeat top center;}
li#pmenu-list05 a{ background:url(../images/btn_pp05_off.gif) no-repeat top center;}
li#pmenu-list06 a{ background:url(../images/btn_pp06_off.gif) no-repeat top center;}
li#pmenu-list07 a{ background:url(../images/btn_pp07_off.gif) no-repeat top center;}
li#pmenu-list08 a{ background:url(../images/btn_pp08_off.gif) no-repeat top center;}
li#pmenu-list09 a{ background:url(../images/btn_pp09_off.gif) no-repeat top center;}
li#pmenu-list10 a{ background:url(../images/btn_pp10_off.gif) no-repeat top center;}
li#pmenu-list11 a{ background:url(../images/btn_pp11_off.gif) no-repeat top center;}
li#pmenu-list12 a{ background:url(../images/btn_pp12_off.gif) no-repeat top center;}

li#pmenu-list01 a:hover{ background:url(../images/btn_pp01_on.gif) no-repeat top center;}
li#pmenu-list02 a:hover{ background:url(../images/btn_pp02_on.gif) no-repeat top center;}
li#pmenu-list03 a:hover{ background:url(../images/btn_pp03_on.gif) no-repeat top center;}
li#pmenu-list04 a:hover{ background:url(../images/btn_pp04_on.gif) no-repeat top center;}
li#pmenu-list05 a:hover{ background:url(../images/btn_pp05_on.gif) no-repeat top center;}
li#pmenu-list06 a:hover{ background:url(../images/btn_pp06_on.gif) no-repeat top center;}
li#pmenu-list07 a:hover{ background:url(../images/btn_pp07_on.gif) no-repeat top center;}
li#pmenu-list08 a:hover{ background:url(../images/btn_pp08_on.gif) no-repeat top center;}
li#pmenu-list09 a:hover{ background:url(../images/btn_pp09_on.gif) no-repeat top center;}
li#pmenu-list10 a:hover{ background:url(../images/btn_pp10_on.gif) no-repeat top center;}
li#pmenu-list11 a:hover{ background:url(../images/btn_pp11_on.gif) no-repeat top center;}
li#pmenu-list12 a:hover{ background:url(../images/btn_pp12_on.gif) no-repeat top center;}

li#pmenu-list01 a:focus{ background:url(../images/btn_pp01_on.gif) no-repeat top center;}
li#pmenu-list02 a:focus{ background:url(../images/btn_pp02_on.gif) no-repeat top center;}
li#pmenu-list03 a:focus{ background:url(../images/btn_pp03_on.gif) no-repeat top center;}
li#pmenu-list04 a:focus{ background:url(../images/btn_pp04_on.gif) no-repeat top center;}
li#pmenu-list05 a:focus{ background:url(../images/btn_pp05_on.gif) no-repeat top center;}
li#pmenu-list06 a:focus{ background:url(../images/btn_pp06_on.gif) no-repeat top center;}
li#pmenu-list07 a:focus{ background:url(../images/btn_pp07_on.gif) no-repeat top center;}
li#pmenu-list08 a:focus{ background:url(../images/btn_pp08_on.gif) no-repeat top center;}
li#pmenu-list09 a:focus{ background:url(../images/btn_pp09_on.gif) no-repeat top center;}
li#pmenu-list10 a:focus{ background:url(../images/btn_pp10_on.gif) no-repeat top center;}
li#pmenu-list11 a:focus{ background:url(../images/btn_pp11_on.gif) no-repeat top center;}
li#pmenu-list12 a:focus{ background:url(../images/btn_pp12_on.gif) no-repeat top center;}


/*--非常事態発生中--*/
#hijouBox{
  border:5px solid #F33;
  background:#FFFFFF;
  margin-bottom:10px;
}
	#hijouContent{
    padding:10px;
  }
  h3#hijouTitle{
    background:url(../images/bg_hijou_title.jpg) repeat-x top left;
    padding:15px;
    text-align:left;
    font-size:190%;
    border-bottom:3px solid #F33;
    font-weight:bold;
    color:#FFFFFF;
  }
    #hijouCntBox h3{
      font-size:140%;
    }
    #hijouCntBox span{
      display:block;
      padding:0 10px;
    }
      #hijouCntBox p{
        padding:10px 10px 0;
      }
      #hijouCateBox{
        border:5px solid #FF9999;
        padding:10px;
        margin:10px;
      }
      #hijouCateBox ul{
        padding:0 10px;
      }
        #hijouCateBox ul li{
          display:inline;
        }
   	#hijouImg{ padding:10px;}
   	#hijouImg img{ max-width:100%;}


/*--緊急情報--*/
#kinkyuBox{
  border:5px solid #FFE599;
  background:#FFFFFF;
  margin-bottom:10px;
}
	#kinkyuContent{
    padding:10px;
  }
  h3#kinkyuTitle{
    background:url(../images/bg_kinkyu_title.jpg) repeat-x top left;
    padding:15px;
    text-align:left;
    font-size:190%;
    font-weight:bold;
    color:#000;
  }
    #kinkyuCntBox h3{
      font-size:140%;
    }
    #kinkyuCntBox span{
      display:block;
      padding:0 10px;
    }
      #kinkyuCntBox p{
        padding:10px 10px 0;
      }
      #kinkyuCateBox{
        border:5px solid #FFE599;
        padding:10px;
        margin:10px;
      }
      #kinkyuCateBox ul{
        padding:0 10px;
      }
        #kinkyuCateBox ul li{
          display:inline;
        }
   	#kinkyuImg{ padding:10px;}
   	#kinkyuImg img{ max-width:100%;}

ul.rssBox{ width:133px; float:right; list-style-type:none; padding:9px 5px 0 0;}
ul.rssBox li{ float:left; padding-left:5px;}

@media screen and (min-width: 320px){
  div#lifeevent li a,
  div#helpfulmenu li a,
  div#purposemenu li a{
    min-height:2.6em;
  }
}

@media screen and (min-width: 480px){

  .u-date{ display:inline;}
  div#juuyou .u-date{ display:inline;}


  /* アイコン付ボタンスタイル */
  div#lifeevent li,
  div#helpfulmenu li,
  div#purposemenu li{ width:25%;}

  /* ライフイベント */
  div#lifeevent li#levent-list04{ clear:none;}
  div#lifeevent li#levent-list05{ clear:left;}
  div#lifeevent li#levent-list07{ clear:none;}
  div#lifeevent li#levent-list01 span{ border-right:1px dotted #E2CCD4;}
  div#lifeevent li#levent-list02 span{ border-right:1px dotted #E2CCD4;}
  div#lifeevent li#levent-list03 span{ border-right:1px dotted #E2CCD4;}
  div#lifeevent li#levent-list04 span{ border-top:none; border-right:none;}
  div#lifeevent li#levent-list05 span{ border-top:1px dotted #E2CCD4; border-right:1px dotted #E2CCD4;}
  div#lifeevent li#levent-list06 span{ border-top:1px dotted #E2CCD4; border-right:1px dotted #E2CCD4;}
  div#lifeevent li#levent-list07 span{ border-top:1px dotted #E2CCD4; border-right:1px dotted #E2CCD4;}
  div#lifeevent li#levent-list08 span{ border-top:1px dotted #E2CCD4; border-right:none;}


  /* お役立ちメニュー */
  div#helpfulmenu li#hmenu-list04{ clear:none;}
  div#helpfulmenu li#hmenu-list05{ clear:left;}
  div#helpfulmenu li#hmenu-list07{ clear:none;}
  div#helpfulmenu li#hmenu-list01 span{ border-right:1px dotted #E2CCD4;}
  div#helpfulmenu li#hmenu-list02 span{ border-right:1px dotted #E2CCD4;}
  div#helpfulmenu li#hmenu-list03 span{ border-right:1px dotted #E2CCD4;}
  div#helpfulmenu li#hmenu-list04 span{ border-top:none; border-right:none;}
  div#helpfulmenu li#hmenu-list05 span{ border-top:1px dotted #E2CCD4; border-right:1px dotted #E2CCD4;}
  div#helpfulmenu li#hmenu-list06 span{ border-top:1px dotted #E2CCD4; border-right:1px dotted #E2CCD4;}
  div#helpfulmenu li#hmenu-list07 span{ border-top:1px dotted #E2CCD4; border-right:1px dotted #E2CCD4;}
  div#helpfulmenu li#hmenu-list08 span{ border-top:1px dotted #E2CCD4; border-right:none;}

  /* 目的別メニュー */
  div#purposemenu li#pmenu-list04{ clear:none;}
  div#purposemenu li#pmenu-list05{ clear:left;}
  div#purposemenu li#pmenu-list07{ clear:none;}
  div#purposemenu li#pmenu-list09{ clear:left;}
  div#purposemenu li#pmenu-list10{ clear:none;}
  div#purposemenu li#pmenu-list01 span{ border-right:1px dotted #E2CCD4;}
  div#purposemenu li#pmenu-list02 span{ border-right:1px dotted #E2CCD4;}
  div#purposemenu li#pmenu-list03 span{ border-right:1px dotted #E2CCD4;}
  div#purposemenu li#pmenu-list04 span{ border-top:none; border-right:none;}
  div#purposemenu li#pmenu-list05 span{ border-top:1px dotted #E2CCD4; border-right:1px dotted #E2CCD4;}
  div#purposemenu li#pmenu-list06 span{ border-top:1px dotted #E2CCD4; border-right:1px dotted #E2CCD4;}
  div#purposemenu li#pmenu-list07 span{ border-top:1px dotted #E2CCD4; border-right:1px dotted #E2CCD4;}
  div#purposemenu li#pmenu-list08 span{ border-top:1px dotted #E2CCD4; border-right:none;}
  div#purposemenu li#pmenu-list09 span{ border-top:1px dotted #E2CCD4; border-right:1px dotted #E2CCD4;}
  div#purposemenu li#pmenu-list10 span{ border-top:1px dotted #E2CCD4; border-right:1px dotted #E2CCD4;}
  div#purposemenu li#pmenu-list11 span{ border-top:1px dotted #E2CCD4; border-right:1px dotted #E2CCD4;}
  div#purposemenu li#pmenu-list12 span{ border-top:1px dotted #E2CCD4; border-right:none;}
}

@media screen and (min-width: 640px){

  .u-date{ display:inline;}

  /* 注目情報・新着情報・お知らせ・ライフイベント・お役立ちメニュー・目的別メニュー */
  div#chuumoku{ width:100%; float:none;}
  div#news{ clear:both; width:100%; float:none;}
  div#oshirase{ width:100%; float:none;}
  div#lifeevent{ width:100%; float:none; clear:both;}
  div#helpfulmenu{ width:100%; float:none;}
  div#purposemenu{ clear:both; width:100%; float:none;}

  div#chuumokuInner,
  div#newsInner,
  div#oshiraseInner,
  div#lifeeventInner,
  div#helpfulmenuInner,
  div#purposemenuInner{ margin:5px; padding:0;}
}
@media screen and (min-width: 768px){
  div.jvd div#top-sliderBox{ background:url(../images/topslider/bg_slider_photo01.jpg); height:264px;}

  .u-date{ display:inline;}

  /* 注目情報・新着情報・お知らせ・ライフイベント・お役立ちメニュー・目的別メニュー */

  div#chuumoku{ width:100%; float:none;}
  div#news{ clear:both; width:100%; float:none;}
  div#oshirase{ width:100%; float:none;}
  div#lifeevent{ width:100%; float:none; clear:both;}
  div#helpfulmenu{ width:100%; float:none;}
  div#purposemenu{ clear:both; width:100%; float:none;}

  div#chuumokuInner{ margin:0 10px;}
}

@media screen and (min-width: 960px){
  div#chuumoku .u-date{ display:inline;}
  .u-date{ display:block;}

  /* 注目情報・新着情報・お知らせ・ライフイベント・お役立ちメニュー・目的別メニュー */
  div#chuumoku{ width:100%; float:none; padding:0;}
  div#news{ clear:both; width:50%; float:left;}
  div#oshirase{ width:50%; float:right;}
  div#lifeevent{ width:50%; float:left;}
  div#helpfulmenu{ width:50%; float:right;}
  div#purposemenu{ width:100%; float:none; clear:both;}

  div#lifeevent li,
  div#helpfulmenu li{ width:33%;}
  div#purposemenu li{ width:16.5%;}


  div#lifeeventInner{ border-bottom:none;}
  div#lifeevent li#levent-list04{ clear:left;}
  div#lifeevent li#levent-list05{ clear:none;}
  div#lifeevent li#levent-list07{ clear:left;}
  div#lifeevent li#levent-list01 span{ border-right:1px dotted #E2CCD4;}
  div#lifeevent li#levent-list02 span{ border-right:1px dotted #E2CCD4;}
  div#lifeevent li#levent-list03 span{ border-right:none;}
  div#lifeevent li#levent-list04 span{ border-top:1px dotted #E2CCD4; border-right:1px dotted #E2CCD4;}
  div#lifeevent li#levent-list05 span{ border-top:1px dotted #E2CCD4; border-right:1px dotted #E2CCD4;}
  div#lifeevent li#levent-list06 span{ border-top:1px dotted #E2CCD4; border-right:none;}
  div#lifeevent li#levent-list07 span{ border-top:1px dotted #E2CCD4; border-right:1px dotted #E2CCD4;}
  div#lifeevent li#levent-list08 span{ border-top:1px dotted #E2CCD4; border-right:1px dotted #E2CCD4;}

  div#helpfulmenuInner{ border-bottom:none;}
  div#helpfulmenu li#hmenu-list04{ clear:left;}
  div#helpfulmenu li#hmenu-list05{ clear:none;}
  div#helpfulmenu li#hmenu-list07{ clear:left;}
  div#helpfulmenu li#hmenu-list01 span{ border-right:1px dotted #E2CCD4;}
  div#helpfulmenu li#hmenu-list02 span{ border-right:1px dotted #E2CCD4;}
  div#helpfulmenu li#hmenu-list03 span{ border-right:none;}
  div#helpfulmenu li#hmenu-list04 span{ border-top:1px dotted #E2CCD4; border-right:1px dotted #E2CCD4;}
  div#helpfulmenu li#hmenu-list05 span{ border-top:1px dotted #E2CCD4; border-right:1px dotted #E2CCD4;}
  div#helpfulmenu li#hmenu-list06 span{ border-top:1px dotted #E2CCD4; border-right:none;}
  div#helpfulmenu li#hmenu-list07 span{ border-top:1px dotted #E2CCD4; border-right:1px dotted #E2CCD4;}
  div#helpfulmenu li#hmenu-list08 span{ border-top:1px dotted #E2CCD4; border-right:1px dotted #E2CCD4;}

  div#purposemenuInner{ border-bottom:none;}
  div#purposemenu li#pmenu-list05{ clear:none;}
  div#purposemenu li#pmenu-list07{ clear:left;}
  div#purposemenu li#pmenu-list09{ clear:none;}
  div#purposemenu li#pmenu-list01 span{ border-right:1px dotted #E2CCD4;}
  div#purposemenu li#pmenu-list02 span{ border-right:1px dotted #E2CCD4;}
  div#purposemenu li#pmenu-list03 span{ border-right:1px dotted #E2CCD4;}
  div#purposemenu li#pmenu-list04 span{ border-top:none; border-right:1px dotted #E2CCD4;}
  div#purposemenu li#pmenu-list05 span{ border-top:none; border-right:1px dotted #E2CCD4;}
  div#purposemenu li#pmenu-list06 span{ border-top:none; border-right:none;}
  div#purposemenu li#pmenu-list07 span{ border-top:1px dotted #E2CCD4; border-right:1px dotted #E2CCD4;}
  div#purposemenu li#pmenu-list08 span{ border-top:1px dotted #E2CCD4; border-right:1px dotted #E2CCD4;}
  div#purposemenu li#pmenu-list09 span{ border-top:1px dotted #E2CCD4; border-right:1px dotted #E2CCD4;}
  div#purposemenu li#pmenu-list10 span{ border-top:1px dotted #E2CCD4; border-right:1px dotted #E2CCD4;}
  div#purposemenu li#pmenu-list11 span{ border-top:1px dotted #E2CCD4; border-right:1px dotted #E2CCD4;}
  div#purposemenu li#pmenu-list12 span{ border-top:1px dotted #E2CCD4; border-right:none;}


}

@media screen and (min-width: 1024px){
  div#topbox01{ margin-bottom:10px;}

  /* 重要なお知らせ */
  div#juuyou{ padding:5px 0;}
  div#juuyouInner{ margin:0 5px;}

  div#chuumoku .u-date{ display:inline;}
  .u-date{ display:block;}

  /* トップスライダー */
  div#top-sliderBox{ width:490px; float:left; margin-right:-510px; padding:0;}

  div#chuumoku{ width:100%; float:right;}
  div#chuumokuInner{ margin-left:510px;}
  div#h_chuumoku div#chuumokuInner{ margin:10px 0;}
  div#h_chuumoku .u-date{ display:inline;}
}

@media screen and (min-width: 1280px){
  div#chuumoku .u-date{ display:inline;}
  .u-date{ display:block;}
  /* 注目情報・新着情報・お知らせ・ライフイベント・
  お役立ちメニュー・目的別メニュー */


  div#lifeevent li,
  div#helpfulmenu li{ width:25%;}

  /* ライフイベント */
  div#lifeeventInner{ border-bottom:none;}
  div#lifeevent li#levent-list04{ clear:none;}
  div#lifeevent li#levent-list05{ clear:left;}
  div#lifeevent li#levent-list07{ clear:none;}
  div#lifeevent li#levent-list01 span{ border-right:1px dotted #E2CCD4;}
  div#lifeevent li#levent-list02 span{ border-right:1px dotted #E2CCD4;}
  div#lifeevent li#levent-list03 span{ border-right:1px dotted #E2CCD4;}
  div#lifeevent li#levent-list04 span{ border-top:none; border-right:none;}
  div#lifeevent li#levent-list05 span{ border-top:1px dotted #E2CCD4; border-right:1px dotted #E2CCD4;}
  div#lifeevent li#levent-list06 span{ border-top:1px dotted #E2CCD4; border-right:1px dotted #E2CCD4;}
  div#lifeevent li#levent-list07 span{ border-top:1px dotted #E2CCD4; border-right:1px dotted #E2CCD4;}
  div#lifeevent li#levent-list08 span{ border-top:1px dotted #E2CCD4; border-right:none;}

  /* お役立ちメニュー */
  div#helpfulmenuInner{ border-bottom:none;}
  div#helpfulmenu li#hmenu-list04{ clear:none;}
  div#helpfulmenu li#hmenu-list05{ clear:left;}
  div#helpfulmenu li#hmenu-list07{ clear:none;}
  div#helpfulmenu li#hmenu-list01 span{ border-right:1px dotted #E2CCD4;}
  div#helpfulmenu li#hmenu-list02 span{ border-right:1px dotted #E2CCD4;}
  div#helpfulmenu li#hmenu-list03 span{ border-right:1px dotted #E2CCD4;}
  div#helpfulmenu li#hmenu-list04 span{ border-top:none; border-right:none;}
  div#helpfulmenu li#hmenu-list05 span{ border-top:1px dotted #E2CCD4; border-right:1px dotted #E2CCD4;}
  div#helpfulmenu li#hmenu-list06 span{ border-top:1px dotted #E2CCD4; border-right:1px dotted #E2CCD4;}
  div#helpfulmenu li#hmenu-list07 span{ border-top:1px dotted #E2CCD4; border-right:1px dotted #E2CCD4;}
  div#helpfulmenu li#hmenu-list08 span{ border-top:1px dotted #E2CCD4; border-right:none;}
}

@media screen and (min-width: 1440px){
  .u-date{ display:inline;}
}

@media screen and (min-width: 1680px){

  /* 注目情報・新着情報・お知らせ・ライフイベント・お役立ちメニュー・目的別メニュー */
  div#news{ clear:both; width:33%; float:left;}
  div#oshirase{ width:33%; float:left;}
  div#lifeevent{ width:33%; float:right; clear:none;}
  div#helpfulmenu{ width:33%; float:left; clear:both;}
  div#purposemenu{ width:67%; float:left; clear:none;}
}

/*==================================================================================================================================================
@group sp-banner
==================================================================================================================================================*/


/* トップスライダー */
div#sp-banner{
  position:relative;
  width:100%;
}
div#top-sliderBox{
  padding:0;
  position:relative;
}
div#top-sliderCtrlBox{
  border:1px solid #CCCCCC;
  height:28px;
  background:url(../images/bg_sliderctrlbox.jpg) repeat-x;
}
h2#title-sliderBox{ position:absolute; top:10px; left:10px; z-index:99999;}

/* メインイメージ */
div#sp-banner{ width:100%; height:141px; margin-bottom:10px;}
div#sp-banner img{ max-width:100%;}
div#sp-bannerInner{ padding:0;}
div#sp-banner a{ display:block;}

div#slider01{ background:url(../images/topslider/bg_slider_photo01_s.jpg) repeat-x;}
div#slider02{ background:url(../images/topslider/bg_slider_photo02_s.jpg) repeat-x;}
div#slider03{ background:url(../images/topslider/bg_slider_photo03_s.jpg) repeat-x;}

span.slider01{ display:block; position:relative; float:left; z-index:99998;}
span.slider02{ display:block; position:relative; float:left; z-index:99998;}

span.slider01 img{ width:250px;}

@media screen and (min-width: 480px){
  div#top-sliderBox{padding:0;}
}
@media screen and (min-width: 640px){
  div#top-sliderBox{ width:100%;}
}
@media screen and (min-width: 768px){
  div#sp-banner{ height:280px;}
  div#top-sliderBox{ width:100%; float:none; padding:0; height:258px;}
  div#top-slider{ height:268px;}
  div#sp-bannerInner{ padding:5px;}
  div#slider01{ background:url(../images/topslider/bg_slider_photo01.jpg) repeat-x;}
  div#slider02{ background:url(../images/topslider/bg_slider_photo02.jpg) repeat-x;}
  div#slider03{ background:url(../images/topslider/bg_slider_photo03.jpg) repeat-x;}
  span.slider01 img{ width:473px;}
}
@media screen and (min-width: 960px){

}
@media screen and (min-width: 1024px){

}


/*==================================================================================================================================================
@group Facebook
==================================================================================================================================================*/

div#facebookBoxInner{
  padding:5px 7px;
}
div#facebookBoxInner iframe{ width:100%; height:500px;}

@media screen and (min-width: 960px){
  div#facebookBox{ width:50%; float:right;}
}
@media screen and (min-width: 1680px){
  div#facebookBox{ width:33%; float:right;}
}

/*==================================================================================================================================================
@group 2016元旦生放送バナー
==================================================================================================================================================*/

div#tvWrapper{ clear:both; margin-bottom:10px;}
div#tv{
  border:2px solid #FFE599;
  margin:5px;
  background-image:url(../images/tv/bg_tv.jpg);
  background-repeat:no-repeat;
  background-position:-50px center;
}
h2#title-tv{}
a#link-tv{ display:block;}
span#title-tv{ display:block; text-align:left;}
span#btn-tv{ display:block; text-align:right;}


div#tv img{ max-width:100%;}

@media screen and (max-width: 479px){
  span#title-tv img{ width:269px;}
  span#btn-tv img{ width:269px;}
}
@media screen and (min-width: 480px){
  span#title-tv{ width:55%; float:left;}
  span#btn-tv{ width:45%; float:right;}
  div#tv{ background-position:210px center;}
}
@media screen and (min-width: 768px){
  div#tv{ background-position:180px center;}
}
@media screen and (min-width: 960px){
  div#tv{ background-position:210px center;}
}

/*==================================================================================================================================================
@group くまモン感謝祭2016
==================================================================================================================================================*/

div#kumamon2016Wrapper{ clear:both; margin-bottom:10px;}
div#kumamon2016{
  border:2px solid #FFE599;
  margin:5px;
  background:url(../images/bg_title_kumamon2016.gif) repeat;
}
div#kumamon2016Inner{ background:url(../images/bg_flower_kumamon2016.png) no-repeat bottom right;}
h2#title-kumamon2016{}
a#link-kumamon2016{ display:block;}

span#title-kumamon2016{ display:block; width:100%; float:none; text-align:center;}
span#kumamon-kumamon2016{ display:block; width:56%; float:left;}
span#place-kumamon2016{ display:block; width:44%; float:right;}


div#kumamon2016 img{ max-width:100%;}

@media screen and (min-width: 480px){
  span#title-kumamon2016{ width:39%; float:left; text-align:left;}
  span#kumamon-kumamon2016{ width:34%;}
  span#place-kumamon2016{ width:27%;}
}
@media screen and (min-width: 768px){
  div#kumamon2016Inner{
    background-image:url(../images/bg_flower_kumamon2016_l.png);
    background-repeat: no-repeat;
    background-position:-200px center;
  }
}
@media screen and (min-width: 960px){
  div#kumamon2016Inner{ background-position:-100px center;}
}
@media screen and (min-width: 1280px){
  span#title-kumamon2016{ width:302px;}
  span#kumamon-kumamon2016{ width:252px;}
  span#place-kumamon2016{ width:200px;}
  div#kumamon2016Inner{ background-position:0px center;}

}


/*==================================================================================================================================================
@group 平成28年熊本地震 関連情報まとめ
==================================================================================================================================================*/


div#eqBox{ margin-bottom:20px;}

/* タイトル・RSSボタン */
h2#title-eqBox{ background:url(../images/eq/bg_title.gif) no-repeat top left; padding:10px 20px 10px 5px}
div#submenu-eqBox{ border-top:1px solid #FF7A4D; border-right:1px solid #FF7A4D; border-left:1px solid #FF7A4D;}
div#submenu-eqBox ul{ padding:5px; list-style-type:none;}
div#submenu-eqBox ul li{ float:right; margin-left:5px;}

/* 記事の一覧ブロック */
div#content-eq{ border:1px solid #FF7A4D; padding:10px;}
div#content-eq ul{ list-style-type:none;}

/* 最新記事 */
div.news-eq{ padding-bottom:10px; margin-bottom:10px;}
div.article02 div.news-eq{ border-bottom:1px solid #FF7A4D;}
div.news-eq h3{ border-bottom:2px solid #CCCCCC; padding:5px 0; margin-bottom:10px;}
div.news-eq h3 span{ display:block;}
div.news-eq h3 a{ display:block; font-size:120%;}
div.news-eq p span.news-photo{ display:block; width:120px; height:100px; overflow:hidden; float:left; margin-right:10px;}
div.news-eq p img{ max-width:100%;}

/* 記事の一覧 */
div#list-eq ul li{ padding:5px;}
div#list-eq ul li.odd{ background:url(../images/eq/bg_article_odd.gif) repeat;}
div#list-eq span.u-date{ display:block;}


@media screen and (min-width: 480px){
  div#list-eq span.u-date{ display:inline;}
}
@media screen and (min-width: 540px){
  h2#title-eqBox{ width:255px; float:left;}
  div#submenu-eqBox{ border:none; float:right; padding-top:3px;}
  div#content-eq{ clear:both;}

  div.news-eq p span.news-photo{ width:150px; height:120px;}
}
@media screen and (min-width: 960px){

  /* 記事が2件以上 */
  div.article02 div#content-eqInner{ background:url(../images/eq/centerline.gif) repeat-y center top;}
  div.article02 div.news-eq{ width:50%; float:left; border:none;}
  div.article02 div.news-eqInner{ padding:0 10px;}


  div#list-eq{ width:50%; float:right;}
    div#list-eqInner{ padding-left:5px;}
    div#list-eq span.u-date{ display:block;}
}
@media screen and (min-width: 1440px){
  div#list-eq ul li{ padding:7px 5px;}
  div#list-eq span.u-date{ display:inline;}
}


/*==================================================================================================================================================
@group 第26回　花しょうぶまつり（2016）
==================================================================================================================================================*/

div#syoubu2016Wrapper{ clear:both; margin-bottom:10px;}
div#syoubu2016{
  border:1px solid #CCCCCC;
  margin:5px;
  background:url(../images/bg_syoubu2016.jpg) repeat;
}
div#syoubu2016Inner{}
h2#title-syoubu2016{}
a#link-syoubu2016{ display:block;}
a#link-syoubu2016:after{ display:block; content:""; clear:both;}

span#left-syoubu2016{ display:block; width:50%; float:left; text-align:left;}
span#right-syoubu2016{ display:block; width:40%; float:right; text-align:right;}


div#syoubu2016 img{ max-width:100%;}

@media screen and (min-width: 480px){
  span#left-syoubu2016{ width:39%; float:left; text-align:left;}
  span#right-syoubu2016{ width:27%;}
}
@media screen and (min-width: 768px){
  div#syoubu2016Inner{
    background-image:url(../images/bg_syoubu2016.png);
    background-repeat: no-repeat;
    background-position:-200px center;
  }
}
@media screen and (min-width: 960px){
  div#syoubu2016Inner{ background-position:-100px center;}
}
@media screen and (min-width: 1280px){
  span#left-syoubu2016{ width:302px;}
  span#right-syoubu2016{ width:200px;}
  div#syoubu2016Inner{ background-position:0px center;}

}

/*==================================================================================================================================================
@group 玉名納涼花火大会（2016）
==================================================================================================================================================*/

div#hanabi2016Wrapper{ clear:both; margin-bottom:10px;}
div#hanabi2016{
  border:1px solid #DDDDDD;
  margin:5px;
  background:url(../images/topbanner/h28/hanabi2016/bg_hanabi2016_back.jpg) repeat-x bottom left;
}
div#hanabi2016Inner{ background:url(../images/topbanner/h28/hanabi2016/bg_hanabi2016_right.png) no-repeat right bottom;}
h2#title-hanabi2016{ background-image:url(../images/topbanner/h28/hanabi2016/bg_hanabi2016_left.png); background-repeat:no-repeat; background-position:left bottom; background-size:contain;}
/*
h2#title-hanabi2016 span{ display:block; margin-left:50px; text-align:center;}
*/
a#link-hanabi2016{ display:block;}
a#link-hanabi2016:after{ display:block; content:""; clear:both;}

span#left-hanabi2016{ display:block; width:100%; float:left; text-align:center;}
span#right-hanabi2016{ display:block; width:100%; float:right; text-align:center; margin-bottom:10px;}


div#hanabi2016 img{ max-width:100%;}

@media screen and (min-width: 400px){
div#hanabi2016{ height:120px;}
div#hanabi2016Inner{ height:120px;}
h2#title-hanabi2016{ position:relative; height:120px; overflow:hidden;}
span#left-hanabi2016{ display:block; width:60%; float:none; position:absolute; left:20%; top:0%;}
span#right-hanabi2016{ display:block; float:none; position:absolute; right:0; top:0; text-align:right; width:140px;}
}
@media screen and (min-width: 480px){
h2#title-hanabi2016 span{ }
}
@media screen and (min-width: 640px){
span#left-hanabi2016{ display:block; width:60%; left:22%; top:-15%;}
span#right-hanabi2016{ display:block; position:absolute; right:0; top:0; width:170px;}
}
@media screen and (min-width: 768px){
div#hanabi2016Inner{ background:url(../images/topbanner/h28/hanabi2016/bg_hanabi2016_right.png) no-repeat right bottom;}
span#left-hanabi2016{ display:block; width:60%; left:22%; top:-15%;}
span#right-hanabi2016{ display:block; position:absolute; right:0; top:0;width:140px;}
}
@media screen and (min-width: 960px){
div#hanabi2016Inner{ background:url(../images/topbanner/h28/hanabi2016/bg_hanabi2016_right.png) no-repeat right bottom;}
span#left-hanabi2016{ display:block; width:60%; left:20%; top:-25%;}
span#right-hanabi2016{ display:block; position:absolute; right:0; top:0;width:200px;}
}
@media screen and (min-width: 1280px){
div#hanabi2016Inner{ background:url(../images/topbanner/h28/hanabi2016/bg_hanabi2016_right.png) no-repeat right bottom;}

}




/*==================================================================================================================================================
@group 玉名納涼花火大会（2017）
==================================================================================================================================================*/

div#hanabi2017Wrapper{ clear:both; margin-bottom:10px;}
div#hanabi2017{
  border:1px solid #DDDDDD;
  margin:5px;
  background:url(../images/topbanner/h29/hanabi2017/bg_hanabi2017_back.jpg) repeat-x bottom left;
}
div#hanabi2017Inner{ background:url(../images/topbanner/h29/hanabi2017/bg_hanabi2017_right.png) no-repeat right bottom;}
h2#title-hanabi2017{ background-image:url(../images/topbanner/h29/hanabi2017/bg_hanabi2017_left.png); background-repeat:no-repeat; background-position:left bottom; background-size:contain;}
/*
h2#title-hanabi2017 span{ display:block; margin-left:50px; text-align:center;}
*/
a#link-hanabi2017{ display:block;}
a#link-hanabi2017:after{ display:block; content:""; clear:both;}

span#left-hanabi2017{ display:block; width:100%; float:left; text-align:center;}
span#right-hanabi2017{ display:block; width:100%; float:right; text-align:center; margin-bottom:10px;}


div#hanabi2017 img{ max-width:100%;}

@media screen and (min-width: 400px){
div#hanabi2017{ height:120px;}
div#hanabi2017Inner{ height:120px;}
h2#title-hanabi2017{ position:relative; height:120px; overflow:hidden;}
span#left-hanabi2017{ display:block; width:60%; float:none; position:absolute; left:20%; top:0%;}
span#right-hanabi2017{ display:block; float:none; position:absolute; right:0; top:0; text-align:right; width:140px;}
}
@media screen and (min-width: 480px){
h2#title-hanabi2017 span{ }
}
@media screen and (min-width: 640px){
span#left-hanabi2017{ display:block; width:60%; left:22%; top:-15%;}
span#right-hanabi2017{ display:block; position:absolute; right:0; top:0; width:170px;}
}
@media screen and (min-width: 768px){
div#hanabi2017Inner{ background:url(../images/topbanner/h29/hanabi2017/bg_hanabi2017_right.png) no-repeat right bottom;}
span#left-hanabi2017{ display:block; width:60%; left:22%; top:-15%;}
span#right-hanabi2017{ display:block; position:absolute; right:0; top:0;width:140px;}
}
@media screen and (min-width: 960px){
div#hanabi2017Inner{ background:url(../images/topbanner/h29/hanabi2017/bg_hanabi2017_right.png) no-repeat right bottom;}
span#left-hanabi2017{ display:block; width:60%; left:20%; top:-25%;}
span#right-hanabi2017{ display:block; position:absolute; right:0; top:0;width:200px;}
}
@media screen and (min-width: 1280px){
div#hanabi2017Inner{ background:url(../images/topbanner/h29/hanabi2017/bg_hanabi2017_right.png) no-repeat right bottom;}

}

/*==================================================================================================================================================
@group 玉名納涼花火大会（2018）
==================================================================================================================================================*/

div#hanabi2018Wrapper{ clear:both; margin-bottom:10px;}
div#hanabi2018{
  border:1px solid #DDDDDD;
  margin:5px;
  background:url(../images/topbanner/h30/hanabi2018/bg_hanabi2018_back.jpg) repeat-x bottom left;
}
div#hanabi2018Inner{ background:url(../images/topbanner/h30/hanabi2018/bg_hanabi2018_right.png) no-repeat right bottom;}
h2#title-hanabi2018{ background-image:url(../images/topbanner/h30/hanabi2018/bg_hanabi2018_left.png); background-repeat:no-repeat; background-position:left bottom; background-size:contain;}
/*
h2#title-hanabi2018 span{ display:block; margin-left:50px; text-align:center;}
*/
a#link-hanabi2018{ display:block;}
a#link-hanabi2018:after{ display:block; content:""; clear:both;}

span#left-hanabi2018{ display:block; width:100%; float:left; text-align:center;}
span#right-hanabi2018{ display:block; width:100%; float:right; text-align:center; margin-bottom:10px;}


div#hanabi2018 img{ max-width:100%;}

@media screen and (min-width: 400px){
div#hanabi2018{ height:120px;}
div#hanabi2018Inner{ height:120px;}
h2#title-hanabi2018{ position:relative; height:120px; overflow:hidden;}
span#left-hanabi2018{ display:block; width:60%; float:none; position:absolute; left:20%; top:0%;}
span#right-hanabi2018{ display:block; float:none; position:absolute; right:0; top:0; text-align:right; width:140px;}
}
@media screen and (min-width: 480px){
h2#title-hanabi2018 span{ }
}
@media screen and (min-width: 640px){
span#left-hanabi2018{ display:block; width:60%; left:22%; top:-15%;}
span#right-hanabi2018{ display:block; position:absolute; right:0; top:0; width:170px;}
}
@media screen and (min-width: 768px){
div#hanabi2018Inner{ background:url(../images/topbanner/h30/hanabi2018/bg_hanabi2018_right.png) no-repeat right bottom;}
span#left-hanabi2018{ display:block; width:60%; left:22%; top:-15%;}
span#right-hanabi2018{ display:block; position:absolute; right:0; top:0;width:140px;}
}
@media screen and (min-width: 960px){
div#hanabi2018Inner{ background:url(../images/topbanner/h30/hanabi2018/bg_hanabi2018_right.png) no-repeat right bottom;}
span#left-hanabi2018{ display:block; width:60%; left:20%; top:-25%;}
span#right-hanabi2018{ display:block; position:absolute; right:0; top:0;width:200px;}
}
@media screen and (min-width: 1280px){
div#hanabi2018Inner{ background:url(../images/topbanner/h30/hanabi2018/bg_hanabi2018_right.png) no-repeat right bottom;}

}




/*==================================================================================================================================================
@group ACC
==================================================================================================================================================*/
div#top_accessibility{ clear:both;}
div#top_accessibility .stitlebar{ margin-bottom:0;}
div#top_accessibilityInner{ background:#FFF; padding:10px;}

div#top_accessibility p#accessibility img { max-width:100%;}

div#top_accessibility h4{ padding-bottom:5px; background:#EDE3EC; margin-bottom:5px;}

p#acc_checkednumBox{ padding:2px 0 10px;}
div#accessibility{ text-align:center;}
div#accessibility img{ max-width:100%;}

span#acc_checkednum{ text-align:center; display:block;}
span.acc_largenum{ font-size:120%;}
span#acc_smalltxt{ font-size:smaller; display:block; text-align:center;}

@media screen and (min-width: 420px) and (max-width: 767px) {
  p#acc_checkednumBox{ width:50%; float:left;}
  div#accessibility{ width:50%; float:right;}
}
/*==================================================================================================================================================
@group NHK大河ドラマいだてんバナー
==================================================================================================================================================*/

#top-spbanner{ clear:both;}

/*-- kaknakuri --*/

div#idaten{ padding:0 5px 5px;}
div#idatenInner{
  background-image:url(../images/idaten/bg_idaten_sp.jpg);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center;
  border: 1px solid #DAA04A;
}
div#idaten a{ display:block;}
div#idaten span{ display:block; margin:0 auto;}
span#title-idaten{ width:90%;}
span#text-idaten{ width:90%; margin:0 auto; }

div#idatenInner img{ max-width:100%;}


@media screen and (min-width: 480px) and (max-width: 1799px){
  div#idatenInner{
    max-height:130px;
    overflow:hidden;
    background-image:url(../images/idaten/bg_idaten_sp2.jpg);
    background-repeat: repeat-x;
    background-position:right top;
    background-size:auto;
  }
  span#title-idaten{ width:50%; max-width:372px; float:left; background:#FFF;}
  span#text-idaten{ width:50%; max-width:372px; float:left; border:none; position:relative; z-index:99999; background:url(../images/idaten/bg_text-idaten.png) no-repeat; margin-left:-30px;}
  span#text-idaten img{ display:block;}
}

@media screen and (min-width: 1012px){
}
@media screen and (min-width: 1800px){
  div#idatenInner{
    max-height:130px;
    overflow:hidden;
    background-image:url(../images/idaten/bg_idaten_sp2.jpg);
    background-repeat: repeat-x;
    background-position:right top;
    background-size:auto;
  }
  span#title-idaten{ width:50%; max-width:372px; float:left; background:#FFF;}
  span#text-idaten{ width:50%; max-width:372px; float:left; border:none; position:relative; z-index:99999; background:url(../images/idaten/bg_text-idaten.png) no-repeat; margin-left:-30px;}
  span#text-idaten img{ display:block;}
}


/*-- boshu --*/

div#boshu{ padding:0 5px 5px;}
div#boshuInner{
  border: 1px solid #999999;
}
div#boshu a{ display:block;}
div#boshu span{ display:block; margin:0 auto 0 0;}
span#title-boshu{ width:90%;}
span#text-boshu{ width:90%; margin:0 auto; border-top: 1px solid #DAA04A;}

div#boshuInner img{ max-width:100%;}


@media screen and (min-width: 480px) and (max-width: 959px){
  div#boshuInner{
    max-height:130px;
    overflow:hidden;
    background-repeat: repeat-x;
    background-position:right top;
    background-size:auto;
  }
  span#title-boshu{ width:50%; max-width:372px; float:left; background:#FFF;}
  span#text-boshu{ width:50%; max-width:372px; float:left; border:none; position:relative; z-index:99999; margin-left:-30px;}
  span#text-boshu img{ display:block;}
}
@media screen and (min-width: 960px){
  #boshuWrap{ width:50%; float:left;}
}
@media screen and (min-width: 1012px){
  div#boshuInner{
    background-position:left top;
  }

}
@media screen and (min-width: 1800px){
  div#boshuInner{
    max-height:130px;
    overflow:hidden;
    background-repeat: repeat-x;
    background-position:right top;
    background-size:auto;
  }
  span#title-boshu{ width:50%; max-width:372px; float:left; background:#FFF;}
  span#text-boshu{ width:50%; max-width:372px; float:left; border:none; position:relative; z-index:99999; margin-left:-30px;}
  span#text-boshu img{ display:block;}
}



/*-- いだてんトークツアー--*/

div#tour{ padding:0 5px 5px;}
div#tourInner{
  border: 1px solid #999999;
  max-height:200px;
}
div#tour a{ display:block;}
div#tour img{ max-width:100%; display:block;}
span.img-tour{ display:block; float:left; width:40%; max-width:168px;}
span.text-tour01,
span.text-tour02{ display:block; float:left; width:60%; }
span.text-tour01 span,
span.text-tour02 span{ display:block;}

span.text-tour01{ border-bottom:1px solid #000000;}


@media screen and (min-width: 480px){
  #tourWrap{ width:50%; float:left;}
}
@media screen and (min-width: 1860px){
  span.text-tour01,
  span.text-tour02{ display:block; float:left; width:70%; }

  span.text-tour01{ padding:30px 0 10px;}

  span.text-tour01 span,
  span.text-tour02 span{ width:49%; display:inline-block;}

  span.text-tour0101{ text-align:right; padding-bottom:5px;}
  span.text-tour0102{ text-align:left; padding-top:15px;}

  span.text-tour0201{ text-align:right; padding-bottom:15px;}
  span.text-tour0202{ text-align:left; padding-top:15px;}

  span.text-tour0101 img,
  span.text-tour0201 img{ margin:0 0 0 auto;}
  span.text-tour0102 img,
  span.text-tour0202 img{ margin:0 auto 0 0;}

}



/*-- いだてんマラソン2020 --*/
#idaten2020Wrap{
  margin-bottom: 5px;
}
div#idaten2020{
  background-image:url(../images/idaten2020/bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size:cover;
  padding: 5px;
}
div#idaten2020Inner{
  max-height:198px;
  border:1px solid #FFFFFF;
}
div#idaten2020 a{ display:block; text-align:center;}
div#idaten2020 img{ max-width:100%;}

@media screen and (min-width: 480px){
  #idaten2020Wrap{
    width:49%;
    float:left;
    padding-left: 5px;
  }
  div#idaten2020Inner{ max-height: 200px;}
}
/*-- 2020アンゴラホストタウン --*/
/* #angolaWrap{
  margin-bottom: 5px;
}
div#angola{
  background-image:url(../images/angola/banner-angola_bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size:cover;
  padding: 5px;
}
div#angolaInner{
  max-height:198px;
  border:1px solid #FFFFFF;
}
div#angola a{ display:block; text-align:center;}
div#angola img{ max-width:100%;}

@media screen and (min-width: 480px){
  #angolaWrap{
    width:49%;
    float:left;
    margin-left: 1%;
  }
  div#angolaInner{ max-height: 200px;}
} */
/*-- 金栗万博 --*/
#banpakuWrap{
  margin-bottom: 5px;
}
div#banpakuInner{
  background:url(../images/idaten/bg_banpaku.gif) repeat top left;
  border:1px solid #999999;
  max-height:200px;
}
div#banpaku a{ display:block; text-align:center;}
div#banpaku img{ max-width:100%;}

@media screen and (min-width: 480px){
  div#banpaku{
    padding-left: 5px;
  }
  #banpakuWrap{
    width:50%;
    float:left;
    max-height: 204px;
  }
}
/*-- 金栗万博 --*/
/*
#banpakuWrap{
  margin-bottom: 5px;
}
div#banpakuInner{
  background:url(../images/idaten/bg_banpaku.gif) repeat top left;
  border:1px solid #999999;
  max-height:200px;
}
div#banpaku a{ display:block; text-align:center;}
div#banpaku img{ max-width:100%;}

@media screen and (min-width: 480px){
  div#banpaku{
    padding-left: 5px;
  }
  #banpakuWrap{
    width:50%;
    float:left;
    max-height: 204px;
  }
}
*/
/*-- いだてんドラマ館 --*/
/*
div#idakan2020{ padding:0 5px 5px;}
div#idakan2020Inner{
  background:url(../images/idaten/bg_banpaku.gif) repeat top left;
  border:1px solid #999999;
  max-height:200px;
}
div#idakan2020 a{ display:block; text-align:center;}
div#idakan2020 img{ max-width:100%;}

@media screen and (min-width: 480px){
  #idakan2020Wrap{ width:33%; float:right;}
}
*/

/*-- YouTuberタマにゃん --*/


div#youtama{ padding:0 5px 5px;}
div#youtamaInner{
  background:url(../images/topbanner/r01/bg_youtama.gif) repeat top left;
  background-size:contain;
  border:1px solid #999999;
  max-height:200px;
}
div#youtama a{ display:block; text-align:center;}
div#youtama img{ max-width:100%;}

@media screen and (min-width: 480px){
  #youtamaWrap{ width:50%; float:left;}

}

/*==================================================================================================================================================
@group 特別定額給付金
==================================================================================================================================================*/

/*-- k-shien --*/
#k-shienWrap{
  margin-bottom: 10px;
}
div#k-shien{
  padding:0 10px 5px;
}
div#k-shienInner{
  background-color: #c4021c;
  background-repeat:no-repeat;
  background-size:cover;
}
div#k-shien a{
  padding: 10px 5px;
  display:block;
  text-decoration: none;
  color: #fff;
  background-position:center center;
  box-shadow: 0px 0px 0px 5px #c4021c;
  border: solid 1px white;
}
div#k-shien span{
  display:block;
  margin:0 auto;
}
span#title-k-shien{
  font-size: 140%;
  width:100%;
  text-align: center;
}

div#k-shienInner img{ max-width:100%;}

/*==================================================================================================================================================
@group 2020年豪雨災害支援バナー
==================================================================================================================================================*/

/*-- 2020gouu --*/
#gouuWrap{
  margin-bottom: 10px;
}
div#gouu{
  padding:0 5px;
}
div#gouuInner{
	background-color: #1f990f;
	background-image: repeating-linear-gradient(-45deg,
	#36b712, #36b712 2px,
  transparent 0, transparent 6px);  border: 3px solid #0a5d6d;
  /* border-radius: 10px; */
}
div#gouu a{
  padding: 10px 5px;
  display:block;
  text-decoration: none;
  color: #fefefe;
  text-shadow:2px 2px 0 #1e7a3e, -2px -2px 0 #1e7a3e,
  -2px 2px 0 #1e7a3e, 2px -2px 0 #1e7a3e,
  0px 2px 0 #1e7a3e,  0 -2px 0 #1e7a3e,
  -2px 0 0 #1e7a3e, 2px 0 0 #1e7a3e;

}
div#gouu span{
  display:block;
  margin:0 auto;
}
span#title-gouu{
  font-size: 120%;
  font-weight: 600;
  width:100%;
  text-align: center;
}

div#gouuInner img{ max-width:100%;}


@media screen and (min-width: 480px){
  span#title-gouu{
    font-size: 150%;
  }
}

@media screen and (min-width: 1012px){
  span#title-gouu{
    font-size: 130%;
  }
}

/*==================================================================================================================================================
@group 新型コロナウイルス感染症関連バナー
==================================================================================================================================================*/

/*-- korona --*/
#koronaWrap{
  margin: 10px 0;
}
div#korona{
  padding:0 5px;
}
div#koronaInner{
  background-color: #FFD700;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center;
  border: 3px solid #FF7A4D;
}
div#korona a{
  padding: 20px 5px;
  display:block;
  text-decoration: none;
  color: #000;
  text-shadow:2px 2px 0 #FFF, -2px -2px 0 #FFF,
  -2px 2px 0 #FFF, 2px -2px 0 #FFF,
  0px 2px 0 #FFF,  0-2px 0 #FFF,
  -2px 0 0 #FFF, 2px 0 0 #FFF;

}
div#korona span{
  display:block;
  margin:0 auto;
}
span#title-korona{
  font-size: 150%;
  width:100%;
  text-align: center;
}

div#koronaInner img{ max-width:100%;}


@media screen and (min-width: 480px){
  span#title-korona{
    font-size: 150%;
  }
}

@media screen and (min-width: 1012px){
  span#title-korona{
    font-size: 180%;
  }
}


/*==================================================================================================================================================
@group 新型コロナワクチンバナー
==================================================================================================================================================*/
/*-- vaccine --*/
#vaccineWrap{
  margin-bottom: 15px;
}

#vaccine{
  padding:0 5px;
}
#vaccineInner{
  border: #082d60 1px solid;
  border-top: #082d60 5px solid;
  border-bottom: #082d60 5px solid;
  /* border-radius: 5px; */
  background:
    radial-gradient(#316dd6 15%, transparent 16%) 0 0,
    radial-gradient(#005cce 15%, transparent 16%) 8px 8px,
    radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
    radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
  background-color:#2f70e0;
  background-size:16px 16px;
  box-sizing: border-box;
  height: 80px;
}
#vaccineInner h2{
  height: 100%;
}
#vaccine a{
  -webkit-box-align: center;
	-ms-flex-align: center;
  align-items: center;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack: center;
	-ms-flex-pack: center;
  justify-content: center;
  text-decoration: none;
  height: 100%;
}
.vaccinetext1{
  background-color: #ddf3ff;
  border-radius: 50%;
  color: #333;
  -ms-flex-preferred-size: 45%;
  flex-basis: 45%;
  font-size: 95%;
  max-width: 135px;
  margin-right: 8%;
  text-align: center;
  text-shadow: 2px 2px 0 #FFF, -2px -2px 0 #FFF, -2px 2px 0 #FFF, 2px -2px 0 #FFF, 0px 2px 0 #FFF, 0 -2px 0 #FFF, -2px 0 0 #FFF, 2px 0 0 #FFF;
  padding: 5px 3% 2px;

}
.vaccinetext2{
  color: #fffff0;
  display: block;
  font-size: 170%;
	font-weight:bold;
	line-height:0.95em;
  padding-top: 10px;
  text-align: center;
	text-shadow: 0 0.05em 0.08em rgba(0,0,0,0.7);
}
.vaccinetext2 span{
  display: block;
  font-size: 70%;
}
#vaccineInner img{
  max-width:100%;
}
@media screen and (min-width: 480px){
  .vaccinetext1{
    -ms-flex-preferred-size: 35%;
    flex-basis: 35%;
    font-size: 120%;
    font-weight: 600;
    max-width: 170px;
    margin-right: 5%;
    text-align: center;
  }
  .vaccinetext2{
    display: inline;
    font-size: 190%;
    letter-spacing: .2em;
  }
  .vaccinetext2 span{
    display: inline;
    font-size: 80%;
  }
}

@media screen and (min-width: 1012px){
  .vaccinetext1{
    flex-basis: 40%;
    font-size: 120%;
    font-weight: 600;
    max-width: 190px;
    padding: 15px 1%;
  }
  .vaccinetext2{
    font-size: 240%;
    letter-spacing: normal;
  }
  .vaccinetext2 span{
    font-size: 60%;
    display: block;
  }
}


/*==================================================================================================================================================
@group 臨時特別給付金
==================================================================================================================================================*/

/*-- k-shien --*/
#r-shienWrap{
  margin-bottom: 10px;
}
#r-shien{
  padding:0 10px 5px;
}
#r-shienInner{
  /* background-color: #73d7ff; */
  background: no-repeat center center/cover url(../images/banners/top/bg_temp_sp_kyufu2.jpg);
}
#r-shien a{
  padding: 7px 5px 3px;
  display:block;
  text-decoration: none;
  text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF,
               0 0 2px #FFF, 0 0 2px #FFF, 0 0 2px #FFF,
               0 0 3px #FFF, 0 0 3px #FFF, 0 0 3px #FFF;
  color: #3e2723;
  background-position:center center;
  /* box-shadow: 0px 0px 0px 5px #579823; */
  box-shadow: 0px 0px 0px 5px #fcb0b4;
  border: solid 1px white;
	line-height: 1.3;
}
#r-shien span{
  display:block;
  margin:0 auto;
}

#r-shien .text-br{
	display: inline-block;
}

span#title-r-shien{
  font-size: 160%;
  width:100%;
  text-align: center;
}

div#r-shienInner img{ max-width:100%;}

@media screen and (min-width: 424px){
	#r-shien a{
		padding: 22px 5px 18px;
	}
}

@media screen and (min-width: 522px){
	span#title-r-shien{
		font-size: 200%;
	}
}

@media screen and (min-width: 787px){
	#r-shien .text-br{
		line-height: 1;
	}
}

/*==================================================================================================================================================
@group TOPバナー 1012px~
==================================================================================================================================================*/
@media screen and (min-width: 1012px){
  /* #top-spbanner{
    display:-webkit-box;
  	display:-ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #koronaWrap,
  #vaccineWrap,
  #k-shienWrap,
  #gouuWrap,
  #kosodateWrap,
  #r-shienWrap{
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  } */
  div#korona,
  #vaccine,
  div#k-shien,
  div#gouu,
  div#kosodate,
  div#r-shien{
    margin: 0;
  }
  #koronaWrap{
    margin-top: 0;
  }
  #koronaInner,
  #vaccineInner{
    height: 140px;
    box-sizing: border-box;
  }
  #k-shienInner{
    height: 80px;
  }
  #r-shienInner{
    height: 80px;
  }
  div#korona a{
    padding-top: 25px;
  }
  div#gouuInner,
  div#kosodateInner{
    box-sizing: border-box;
    height: 92px;
  }
  div#koronaInner h2,
  div#k-shienInner h2,
  div#gouuInner h2,
  div#kosodateInner h2,
  div#r-shienInner h2{
    height: 100%;
  }
  #k-shienWrap{
    margin-top: 10px;
  }
  #r-shienWrap{
    margin-top: 10px;
  }
  #gouuWrap,
  #kosodateWrap{
    margin-top: 5px;
  }
  #idatenWrap{
    flex-basis: 100%;
    margin-top: 10px;
  }
  div#korona a,
  div#k-shien a,
  div#gouu a,
  div#kosodate a,
  div#r-shien a{
    height: 100%;
    padding: 0;
    position: relative;
  }
  div#korona a #title-korona,
  div#k-shien a #title-k-shien,
  div#gouu a #title-gouu,
  div#r-shien a #title-r-shien{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
  }
}
@media screen and (min-width: 1600px){
  .vaccinetext2 span{
    display: inline;
  }
}
/*=======================================================================================================================
@group 2021アンゴラホストタウンバナー
=======================================================================================================================*/
#angolaWrap{
  margin-bottom: 20px;
  width: 100%;
}
#angola{
  padding: 0 5px 5px;
}
#angola span{
  display: block;
}
#angola a{
  align-items: center;
  background: linear-gradient(180deg, #e80618 0%, #e80618 50%, #060606 50%, #060606 100%);
  color: #fff;
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-decoration: none;
  padding: 5px;
}
#angola img{
  width: 100%;
}
#angola .angola_tamanyan{
  -ms-flex-preferred-size: 30%;
  flex-basis: 30%;
  margin-right: 10px;
}
#angola .angola_text{
  -ms-flex-preferred-size: 65%;
  flex-basis: 65%;
  margin-top: 5px;
}
#angola .photo_angola{
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  margin: 15px 0 5px;
  position: relative;
  text-align: center;
}
#angola .photo_angola img{
  width: 70%;
}
#angola .angola_phototext{
  text-align: center;
  text-shadow:
    2px  2px 0px #000000,
   -2px  2px 0px #000000,
    2px -2px 0px #000000,
   -2px -2px 0px #000000,
    2px  0px 0px #000000,
    0px  2px 0px #000000,
   -2px  0px 0px #000000,
    0px -2px 0px #000000;
}
#angola .angola_phototext{
  position: absolute;
  bottom: 0;
  line-height: 1.2;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media screen and (min-width: 480px){
  #angola .angola_tamanyan{
    -ms-flex-preferred-size: 18%;
    flex-basis: 18%;
    margin: 0;
  }
  #angola .angola_text{
    -ms-flex-preferred-size: 37%;
    flex-basis: 37%;
  }
  #angola .photo_angola{
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
    margin: 3px 0;
    max-width: 350px;
  }
  #angola .photo_angola img{
    width: 90%;
  }
}
@media screen and (min-width: 1012px){
  #angola .angola_phototext{
    font-size: 100%;
  }
}

/*==================================================================================================================================================
@group 2021年子育て世帯臨時特別給付金
==================================================================================================================================================*/

#kosodateWrap{
  margin-bottom: 10px;
}
#kosodate{
  padding:0 5px;
}
#kosodateInner{
	background: url(../images/banners/top/kosodate_bg.jpg) no-repeat center center;
  border: 3px solid #9F9F92;
  box-sizing: border-box;
  height: 12vw;
  min-height: 80px;
  max-height: 100px;
  overflow: hidden;
  position: relative;
}
#kosodateInner h2{
  height: 100%;
}
#kosodate a{
  color: #D03257;
  display:block;
  height: 100%;
  text-decoration: none;
  text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff,
              -1px 1px 0 #fff, 1px -1px 0 #fff,
               0px 1px 0 #fff,  0 -1px 0 #fff,
              -1px 0 0 #fff, 1px 0 0 #fff;

}
div#kosodate a .img-kosodate{
  display: none;
}
div#kosodate a #title-kosodate{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

#kosodate span{
  display:block;
  margin:0 auto;
}
#title-kosodate{
  font-size: 140%;
  font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
  font-weight: 600;
  text-align: center;
  width: 95%;
}

div#kosodateInner img{ max-width:100%;}


@media screen and (min-width: 480px){
  #title-kosodate{
    font-size: 150%;
  }
}
@media screen and (min-width:600px){
  div#kosodate a .img-kosodate{
    display: block;
    position: absolute;
    top: 50%;
    left: 20%;
    transform: translateX(-50%) translateY(-50%);
  }
  div#kosodate a #title-kosodate{
    position: absolute;
    top: 50%;
    left: 55%;
    transform: translateX(-50%) translateY(-50%);
  }
}
@media screen and (min-width: 1012px){
  div#kosodate a{
    padding: 0;
  }

}



/*==================================================================================================================================================
@group 市県民税申告相談バナー
==================================================================================================================================================*/

/*-- shiminzei --*/
.shiminzeiWrap{
  margin: 5px 0 10px;
  width: 100%;
}
#shiminzei{
  padding:0 5px;
}
.shiminzeiInner{
  background:center center / cover no-repeat url(../images/topbanner/r04/shiminzei/bg_shiminzei.jpg);
  border: 1px solid #023f0d;
  box-sizing: border-box;
  height: 12vw;
  min-height: 80px;
  max-height: 100px;
  overflow: hidden;
  position: relative;
}
#shiminzei a{
  align-items: center;
  color: #023f0d;
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  padding: 0 4px;
  text-decoration: none;
}

.img-shiminzei{
  display: none;
}
.text-shiminzei{
	-ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO",YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic', sans-serif;
  font-weight: 600;
  text-align: center;
  text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff,
              -1px 1px 0 #fff, 1px -1px 0 #fff,
               0px 1px 0 #fff,  0 -1px 0 #fff,
              -1px 0 0 #fff, 1px 0 0 #fff;
}
.text-shiminzei .text1,
.text-shiminzei .text2{
  display: block;
}
.text-shiminzei .text1{
  font-size: 140%;
}
.text-shiminzei .text2{
  font-size: 115%;
}


.shiminzeiInner img{
  max-width:100%;
}
/* @media screen and (min-width: 480px) and (max-width: 1799px){
  .shiminzeiInner{
    height:120px;
    overflow:hidden;
    background-repeat: repeat-x;
    background-position:right top;
    background-size:auto;
  }
  .img-shiminzei{
    width:50%;
    max-width:372px;
    float:left;
  }
  .text-shiminzei{
    width:50%;
    max-width:372px;
    float:left;
    border:none;
    position:relative;
    z-index:99999;
    margin-left:-30px;
  }
  .text-shiminzei img{
    display:block;
  }
} */
@media screen and (min-width: 768px){
  .img-shiminzei{
    display: block;
		-ms-flex-preferred-size: 19%;
    flex-basis: 19%;
    max-width: 130px;
  }
  .text-shiminzei{
		-ms-flex-preferred-size: 81%;
    flex-basis: 81%;
    font-size: 120%;
    max-width: 375px;
  }
}
@media screen and (min-width: 1024px){
  .img-shiminzei{
    max-width: 150px;
  }
  .text-shiminzei{
    font-size: 140%;
    max-width: 450px;
  }
}

/*==================================================================================================================================================
@group 令和6年職員採用バナー
==================================================================================================================================================*/

#recruit_r06Wrap{
	margin: 10px 0;
}

#recruit_r06{
	padding: 0 5px 5px;
}

#recruit_r06Inner{
	border: 3px solid #044f97;
	padding: 3px;
}

#recruit_r06Inner h2{
	background: #fff url(../images/banners/top/bg_recruit_r06.png) no-repeat center center/ cover;
	box-shadow: 0 0 0 1px #044f97;
	font-size: 213%;
	text-align: center;
}

#recruit_r06 a{
	color: #08243e;
	display: block;
	padding: 5vw 5px;
	text-decoration: none;
	text-shadow: 2px 2px 0 #FFF, -2px -2px 0 #FFF, -2px 2px 0 #FFF, 2px -2px 0 #FFF,
							 0 0 2px #FFF, 0 0 2px #FFF, 0 0 2px #FFF,
							 0 0 3px #FFF, 0 0 3px #FFF, 0 0 3px #FFF;
}

#title-recruit_r06{
	display: block;
	max-width: 220px;
	margin: 0 auto;
}

#title-recruit_r06::after{
	background: #044f97;
	box-shadow: 0 0 0 2px #fff;
	border-radius: 2px;
	content: "";
	display: block;
	height: 2px;
	width: 100%;
}

@media screen and (min-width:480px){
	#recruit_r06Inner h2{
		background-position: right center;
		background-size: contain;
	}

	#recruit_r06 a{
		padding: 30px 20px;
	}

	#title-recruit_r06{
		margin: 0 auto 0 5%;
	}
}

@media screen and (min-width:1012px){
	#recruit_r06Wrap{
		flex-basis: 100%;
	}

	#recruit_r06Inner h2{
		font-size: 286%;
	}

	#recruit_r06 a{
		padding: 32px 20px;
	}

	#title-recruit_r06{
		max-width: 280px;
	}
}

/*==================================================================================================================================================
@group 令和7年豪雨災害関連情報
==================================================================================================================================================*/

#gouu2025Wrap{
	margin: 10px 0;
}

#gouu2025Wrap img{
	width: 100%;
}

#gouu2025Wrap span{
	display: inline-block;
}

#gouu2025Wrap .gouu2025{
	padding: 0 5px 5px;
}

#gouu2025Wrap .gouu2025Inner{
	background: #fff100;
	border: 3px solid #364870;
}

#gouu2025Wrap .link-gouu2025{
	display: block;
	padding: 5px;
	text-align: center;
}

#gouu2025Wrap .left-gouu2025{
	margin-bottom: 10px;
}

#gouu2025Wrap .left-gouu2025 img{
	max-width: 342px;
}

#gouu2025Wrap .right-gouu2025 img{
	max-width: 342px;
}

@media screen and (min-width:600px){
	#gouu2025Wrap .link-gouu2025{
		display:-webkit-box;
  	display:-ms-flexbox;
		display: flex;
		column-gap: 3%;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		padding: 20px 5px;
	}

	#gouu2025Wrap .left-gouu2025{
		margin-bottom: 0;
	}

	#gouu2025Wrap .left-gouu2025 img{
		max-width: 480px;
	}
}

@media screen and (min-width: 1024px) {
	#gouu2025Wrap {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
	}

	#gouu2025Wrap .link-gouu2025{
		padding: 20px 5%;
	}
}

/*==================================================================================================================================================
@group 令和7年豪雨災害義援金
==================================================================================================================================================*/
/*-- k-shien --*/
#g-gienkinWrap{
  margin-bottom: 10px;
}

.g-gienkin{
  padding:0 5px 5px;
}

.g-gienkinInner{
  background-color: #d9517c;
}

.g-gienkin a{
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	box-sizing: border-box;
  /* padding: 5px; */
	display:-webkit-box;
	display:-ms-flexbox;
  display:flex;
	height: 100%;
  text-decoration: none;
  color: #ffffff;
  background-position:center center;
	border: 5px solid #b83760;
}

.title-g-gienkin{
  font-size: 140%;
  width:100%;
  text-align: center;
}

#g-gienkinWrap .icon-img{
	-ms-flex-preferred-size: 20%;
	flex-basis: 20%;
	max-width: 98px;
}

.g-gienkinInner img{ max-width:100%;}

#g-gienkinWrap .text-cont{
	-webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow: 1;
	text-align: center;
}

#g-gienkinWrap .title-1,
#g-gienkinWrap .title-2{
	display: block;
}

#g-gienkinWrap .title-1{
	font-size: clamp(20px, 5vw, 25px);
	font-weight: 600;
	line-height: 1.5;
}

#g-gienkinWrap .title-2{
	font-size: clamp(25px, 6.5vw, 32px);
	font-weight: 600;
	line-height: 1;
}

@media (min-width: 690px) and (max-width: 767px){
	#g-gienkinWrap .title-1,
	#g-gienkinWrap .title-2{
		display: inline-block;
	}
	
	#g-gienkinWrap .title-1{
		font-size: 34px;
	}
}

@media (min-width: 960px) and (max-width: 1011px){
	#g-gienkinWrap .title-1,
	#g-gienkinWrap .title-2{
		display: inline-block;
	}

	#g-gienkinWrap .title-1{
		font-size: 34px;
	}
}

@media screen and (min-width:1012px){
	#g-gienkinWrap{
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
		margin: 5px 0 7px;
	}

	.g-gienkinInner {
		height: 92px;
	}

	.g-gienkinInner img{
		max-width: 80px;
	}
}