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

File Name:	r-common.css
Style Info:	デバイス別 共通スタイル

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


/* -----Javascript Disabled-------------------- */
div.jvd div#navigation{ display:block; }
div.jvd p#mobile-navi{ display:none;}
div.jvd div#tools{ display:none;}
div.jvd ul.accordion ul{ display:block; }
div.jvd div#photogallery{ width:100%;}
div.jvd div.navigation{ width:100%;}

/*==================================================================================================================================================
@group body
==================================================================================================================================================*/

body.top-jsactive{
  background-size:auto;
}

@media screen and (min-width: 768px){
  body.top-jsactive{
    background-image:url(../images/slider/001.jpg);
    height:100%;
  }
  body.second-jsactive{
    background-image:url(../images/cateimage/bg_second1.jpg) ;
    background-position:0px 80px;
    background-repeat:repeat-x;
  }
  div.cate1{ background-image:url(../images/cateimage/bg_second1.jpg) ; background-position:0px -20px; background-repeat:repeat-x;}
  div.cate129{ background-image:url(../images/cateimage/bg_second129.jpg) ; background-position:0px -20px; background-repeat:repeat-x;}
  div.cate141{ background-image:url(../images/cateimage/bg_second141.jpg) ; background-position:0px -20px; background-repeat:repeat-x;}
  div.cate142{ background-image:url(../images/cateimage/bg_second142.jpg) ; background-position:0px -20px; background-repeat:repeat-x;}
  div.cate231{ background-image:url(../images/cateimage/bg_second231.jpg) ; background-position:0px -20px; background-repeat:repeat-x;}
  div.cate232{ background-image:url(../images/cateimage/bg_second232.jpg) ; background-position:0px -20px; background-repeat:repeat-x;}
  div.cate234{ background-image:url(../images/cateimage/bg_second234.jpg) ; background-position:0px -20px; background-repeat:repeat-x;}
  div.cate291{ background-image:url(../images/cateimage/bg_second291.jpg) ; background-position:0px -20px; background-repeat:repeat-x;}
  div.cate399{ background-image:url(../images/cateimage/bg_second399.jpg) ; background-position:0px -20px; background-repeat:repeat-x;}
  div.cate400{ background-image:url(../images/cateimage/bg_second400.jpg) ; background-position:0px -20px; background-repeat:repeat-x;}
  div.cate403{ background-image:url(../images/cateimage/bg_second403.jpg) ; background-position:0px -20px; background-repeat:repeat-x;}
  div.cate405{ background-image:url(../images/cateimage/bg_second405.jpg) ; background-position:0px -20px; background-repeat:repeat-x;}
  div.cate418{ background-image:url(../images/cateimage/bg_second418.jpg) ; background-position:0px -20px; background-repeat:repeat-x;}
  div.cate425{ background-image:url(../images/cateimage/bg_second425.jpg) ; background-position:0px -20px; background-repeat:repeat-x;}
  div.cate448{ background-image:url(../images/cateimage/bg_second448.jpg) ; background-position:0px -20px; background-repeat:repeat-x;}
  div.cate999{ background-image:url(../images/cateimage/bg_second999.jpg) ; background-position:0px -20px; background-repeat:repeat-x;}
}
@media screen and (min-width: 768px){
  body.top-jsactive{
    background-position:0px 50px;
    background-size:cover;}
}


/*==================================================================================================================================================
@group body,共通パーツ,各レイアウトボックス
==================================================================================================================================================*/

body{ padding:0;}

div#header{ background:#FFF;}
div#contentWrapper{ width:100%;}
  div#content{ width:100%;}
  div#subnavi{ margin:5px;}
    div#main-columnInner{ margin:0 3px;}
    div#side-column{ clear:both; float:none;}
      div#side-columnInner{ padding:5px;}

img.fluid-image { max-width: 100%;}
.stitlebar{ padding:0; background:url(../images/bg_stitlebar.gif) repeat-x bottom right; margin-bottom:5px; text-align:left;}
.backBtn{ display:none;}

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

  div#header{
    position:relative;
    height:78px;
    border-bottom:3px solid #23CFC7;
  }
  /* -----第二階層共通-------------------- */
  div.second div#contentWrapper{ padding-top:15px;}
    div#content{
      width:100%;
      float:right;
      position:relative;
      z-index:999;
      padding:0 0 20px;
    }
    .backBtn{ display:block; margin:0 5px 5px;}

    /* -----トップページ・第二階層共通-------------------- */
      div#contentInner{ margin-left:255px;}
        div#main-columnInner{ margin:0 5px 0 0;}
        div.second div#main-columnInner{ padding-top:50px;}

    div#subnavi{ margin:0; float:left; width:240px; margin-right:-255px; position:relative; z-index:99999;}
      div#subnaviInner{ padding-left:5px;}
}
@media screen and (min-width: 960px){

    /* -----トップページ-------------------- */
    div.top div#contentInner{ margin-left:325px;}
      div.top div#main-columnInner{ margin:0 15px 0 0;}

    div.top div#subnavi{ margin:0; float:left; width:305px; margin-right:-325px;}
      div.top div#subnaviInner{ padding-left:15px;}

}
@media screen and (min-width: 1280px){
  div#main{
    clear:both;
    width:100%;
  }
    div#main-column{
      width:100%;
      float:left;
      padding:0;
    }
    /* -----トップページ-------------------- */
      div.top div#main-columnInner{
        margin:-190px 325px 0 0;
        /* margin:-130px 325px 0 0; */
        padding:0;
      }
      div.top div.hijouji div#main-columnInner{
        margin:80px 325px 0 0;
        padding:0;
      }
    div.top div#side-column{
      float:right;
      width:310px;
      margin-left:-325px;
      clear:none;
    }
    div.top div#side-columnInner{ padding:0 15px 0 0;}
    div.top div#subnavi{ margin:0 -325px 0 0;}
    div.top div#subnaviInner{ margin-top:-190px;}
    /* div.top div#subnaviInner{ margin-top:-130px;} */
    /*
    div.top div.hijouji div#subnaviInner{ margin-top:0;}
    */
    /* -----第二階層-------------------- */
    div.second div#contentInner{ margin-left:270px;}
      div.second div#main-columnInner{
        margin:0 270px 0 0;
        padding:50px 0 0 0;
      }
    div.second div#side-column{
      float:right;
      width:255px;
      margin-left:-270px;
      clear:none;
    }
      div.second div#side-columnInner{ padding:0 15px 0 0;}

    div.second div#subnavi{ margin:0; float:left; width:255px; margin-right:-270px; position:relative; z-index:99999;}
      div.second div#subnaviInner{ padding-left:15px;}
}

/*==================================================================================================================================================
@group ヘッダー
==================================================================================================================================================*/


/* -----サイトロゴ-------------------- */
h1#siteID{
  height:43px;
  width:128px;
}
h1#siteID a{
  display:block;
  width:118px;
  height:33px;
  padding:5px;
}
h1#siteID img{ max-width:100%;}

/* -----文字サイズ変更・翻訳ツール-------------------- */
div#tools{ display:none;}

/* -----スマートフォン用コンテンツナビ-------------------- */
p#mobile-navi{ background:#29BEA5; color:#000; font-size:85%; height:24px; padding:5px;}
a#mobile-btn{ display:block; float:right;}

/* -----グローバルナビゲーション-------------------- */
div#navigation{ display:none;}
ul#gmenulist li{ width:50%; text-align:center; float:left;}
ul#gmenulist li a{ display:block; border:1px solid #CDE4DE; margin:1px; text-align:center; height:36px;}
ul#gmenulist li span{ display:block; padding:6px 4px;}
ul#gmenulist li img{ max-width: 100%;}

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

  /* -----グローバルナビゲーション-------------------- */
  ul#gmenulist li{ width:33%;}

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

  /* -----サイトロゴ-------------------- */
  h1#siteID{
    width:160px;
    height:50px;
    padding:15px 0 15px 15px;
    position:absolute;
    top:0;
    left:0;
  }
  h1#siteID a{
    width:160px;
    height:50px;
    display:block;
    padding:0px;
  }
  p#mobile-navi{ display:none;}

  /* -----文字サイズ変更・翻訳ツール-------------------- */
  div#tools{
    width:235px;
    height:53px;
    clear:both;
    margin:0;
    display:block;
    position:absolute;
    top:12px;
    right:15px;
    background:url(../images/bg_tools.gif) repeat top left;
  }
    div#fontctl{ padding:12px 10px 10px; height:26px;}
      div#fontctl p{ width:130px; float:left; height:26px;}
      div#fontctl ul li{ float:right; height:26px; margin-left:2px;}
      div#fontctl ul li a{ display:block; width:26px; height:26px;}


  /* -----ナビゲーション-------------------- */
  div#navigation{ display:block; margin-left:190px; margin-right:255px; padding-top:12px;}

    /* -----グローバルナビゲーション-------------------- */
    ul#gmenulist{
      border-right:1px solid #CDE4DE;
      border-left:1px solid #CDE4DE;
      height:53px;
    }
    ul#gmenulist li a{ border:none; margin:0px; height:24px; margin-bottom:5px;}
    ul#gmenulist li#gnavi01 a,
    ul#gmenulist li#gnavi02 a,
    ul#gmenulist li#gnavi04 a,
    ul#gmenulist li#gnavi05 a{
      border-right:1px solid #CDE4DE;
      margin:0px;
      height:24px;
    }
    ul#gmenulist li span{ display:block; padding:0px;}

}
@media screen and (min-width: 960px){
  /* -----サイトロゴ-------------------- */
  h1#siteID{ width:182px;}
  h1#siteID a{ width:182px;}

  /* -----文字サイズ変更・翻訳ツール-------------------- */
  div#tools{ width:255px;}
      div#fontctl ul li{ margin-left:4px;}

  /* -----ナビゲーション-------------------- */
  div#navigation{ margin-left:210px; margin-right:275px;}

}
@media screen and (min-width: 1120px){
  div#navigation{ padding-top:27px; margin-left:240px; margin-right:295px;}
  ul#gmenulist{ height:24px;}
  ul#gmenulist li#gnavi01{ width:16%;}
  ul#gmenulist li#gnavi02{ width:14%;}
  ul#gmenulist li#gnavi03{ width:19%;}
  ul#gmenulist li#gnavi04{ width:14%;}
  ul#gmenulist li#gnavi05{ width:23%;}
  ul#gmenulist li#gnavi06{ width:14%;}
    ul#gmenulist li#gnavi03 a{ border-right:1px solid #CDE4DE;}

}
@media screen and (min-width: 1280px){
  div#navigation{ width:744px;}

}
/*==================================================================================================================================================
@group キーワード検索ボックス
==================================================================================================================================================*/

/* -----検索ボックス-------------------- */
div#search-secondWrap{ margin:5px; clear:both; padding:0 0 10px;}
div#search-second h2{
  border-bottom:3px solid #29BEA5;
  padding:5px 0;
}
div#search-second div#search-formWrap{ width:100%; float:left;}
div#search-second div#inputBox p#search-form{ padding:5px 0 5px 5px; margin-right:72px;}
div#search-second div#inputBox p#search-form input{ width:100%; border:1px solid #1EA69F; line-height:1.5em; height:24px;}
div#search-second p#submit-btn{ padding:5px 5px 5px 0; text-align:right; float:right; margin-left:-72px;}

@media screen and (min-width: 768px){
  div#search-secondWrap{ margin:0 5px 20px 0; background:url(../images/bg_white_alpha85.png) repeat; padding:0}
  div#search-second h2{ width:155px; float:left; margin-right:-165px; border:none; padding:8px 0 5px 5px; position:relative; z-index:99999;}
  div#search-second div#inputBoxWrapper{ float:right; width:100%;}
  div#search-second div#inputBox{ margin-left:165px;}
}
@media screen and (min-width: 960px){
  div#search-secondWrap{ width:690px; margin:0 15px 20px auto;}
}


/*==================================================================================================================================================
@group 左サイド
==================================================================================================================================================*/

/* -----サブナビゲーション共通スタイル-------------------- */
ul.subNav{ clear:both;}
ul.subNav li{ width:50%; text-align:left; float:left;}
ul.subNav li a{ display:block;}
ul.subNav li img{ max-width: 100%;}
li.sn_end{ clear:both;}
div.subnaviBox{ border-bottom:1px solid #29BEA5; text-align:left;}
div.subnaviBox h2 img{ max-width: 100%;}

@media screen and (min-width: 480px){
  div.subnaviBox{ border-bottom:none;}
}
@media screen and (min-width: 768px){
  div.subnaviBox{ border-bottom:1px solid #29BEA5;}
}

/* -----サブコンテンツ-------------------- */
div#subcontent{ clear:both;}
div#subcontentInner{ border:1px solid #23CFC7; margin-bottom:5px;}
div#subcontent ul li{ text-align:center;}
div#subcontent ul li#snavi02,
div#subcontent ul li#snavi03{ background:#DAF7F6;}
div#subcontent ul li a{ padding:5px;}

@media screen and (min-width: 480px){
  div#subcontent{ clear:both; width:50%; float:left;}
  div#subcontentInner{ margin-right:5px;}
  div#subcontent ul li#snavi01 a,
  div#subcontent ul li#snavi02 a{ padding:13px 0;}
  div#subcontent ul li#snavi03 a,
  div#subcontent ul li#snavi04 a{ padding:13px 0;}
  div#subcontent ul li a img{ width:124px;}
}
@media screen and (min-width: 768px){
  div#subcontent{ clear:both; width:100%; float:none; background:#FFF; }
  div#subcontentInner{ margin-right:0px;}
}
@media screen and (min-width: 960px){
  div#subcontent ul li a img{ width:124px;}
}
@media screen and (min-width: 1280px){
  div#subcontent{ position:relative; z-index:999999;}
}

/* -----ピックアップ-------------------- */
div#pickupcontent{ clear:both; margin-bottom:5px;}
div#pickupcontentInner{ border:1px solid #23CFC7; padding:4px; margin-bottom:5px; background:url(../images/bg_white_alpha85.png) repeat;}
div#pickupcontent ul li{ text-align:center;}
div#pickupcontent ul li a{ padding:0px;}
div#pickupcontent ul li#pnavi01{ background:url(../images/bg_pnavi01.jpg) repeat-x top center;}
div#pickupcontent ul li#pnavi02{ background:url(../images/bg_pnavi02.gif) repeat-x top center;}

@media screen and (min-width: 480px){
  div#pickupcontent{ clear:none; width:50%; float:right;}
  div#pickupcontent ul li a img{ width:116px;}
  div#pickupcontent ul li#pnavi01{ background:url(../images/bg_pnavi01_s.jpg) repeat-x top center;}
  div#pickupcontent ul li#pnavi02{ background:url(../images/bg_pnavi02_s.gif) repeat-x top center;}
}
@media screen and (min-width: 768px){
  div#pickupcontent{ clear:both; width:100%; float:none;}
}
@media screen and (min-width: 960px){
  div#pickupcontent ul li a img{ width:142px;}
}


/* -----熊本地震関係情報-------------------- */
div#kumamotoQuake{ margin-bottom:20px; clear:both; background-color:#FFFFFF;}
div#kumamotoQuake.pubcom-true{ margin-bottom:5px;}
div#kumamotoQuakeInner{}
div#kumamotoQuakeInnerBox{padding:4px; border:1px solid #29BEA5;}
div#kumamotoQuake a{ display:block;  background-color:#FEF8E2; background-image:url(../images/bg_quake.gif); background-repeat:no-repeat; background-position:center right;}
div#kumamotoQuake a span{ display:block;}
div#kumamotoQuake a span img{ max-width:100%;}

@media screen and (min-width: 480px){
div#kumamotoQuake{ margin-bottom:5px;}
div#kumamotoQuake.pubcom-true{ width:50%; clear:none; float:left;}
div#kumamotoQuake.pubcom-true div#kumamotoQuakeInner{ margin-right:5px;}
div#kumamotoQuake.pubcom-true div#kumamotoQuakeInnerBox{}
}

@media screen and (min-width: 768px){
div#kumamotoQuake{ margin-bottom:20px;}
div#kumamotoQuake.pubcom-true{ width:100%; clear:both; float:none;}
div#kumamotoQuake.pubcom-true div#kumamotoQuakeInner{  margin-right:0;}
div#kumamotoQuake.pubcom-true div#kumamotoQuakeInnerBox{}
}

/* -----サイド選挙関係情報-------------------- */
div#seide-senkyo{ margin-bottom:50px; clear:both; background-color:#FFFFFF;}
div#seide-senkyo.pubcom-true{ margin-bottom:5px;}
div#seide-senkyoInner{}
div#seide-senkyoInnerBox{padding:4px; border:1px solid #29BEA5;}
div#seide-senkyo a{ display:block;  background-color:#FEF8E2; background-image:url(../images/senkyo202003/bg_side-senkyo.jpg); background-repeat:no-repeat; background-position:center right;}
div#seide-senkyo a span{ display:block;}
div#seide-senkyo a span img{ max-width:100%;}

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

div#seide-senkyo.pubcom-true{ width:50%; clear:none; float:left;}
div#seide-senkyo.pubcom-true div#kumamotoQuakeInner{ margin-right:5px;}
div#seide-senkyo.pubcom-true div#kumamotoQuakeInnerBox{}
}

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

div#seide-senkyo.pubcom-true{ width:100%; clear:both; float:none;}
div#seide-senkyo.pubcom-true div#kumamotoQuakeInner{  margin-right:0;}
div#seide-senkyo.pubcom-true div#kumamotoQuakeInnerBox{}
}

/* -----英語の情報・韓国語の情報-------------------- */
div#languageBox{ clear:both; margin-bottom:5px;}
div#languageBoxInner{ border:1px solid #23CFC7; padding:4px; margin-bottom:5px; background:url(../images/bg_white_alpha85.png) repeat;}
p#languageEN{ width:50%; float:left; text-align:center;}
p#languageKR{ width:50%; float:right; text-align:center;}
p#languageEN a{ display:block; border:1px solid #ACC16C;}
p#languageKR a{ display:block; border:1px solid #82A9E3;}
p#languageEN a span{ display:block; background-image:url(../images/bg_languageEN.jpg); background-position:top left; background-repeat:repeat-x; border-bottom:5px solid #88A622;}
p#languageKR a span{ display:block; background-image:url(../images/bg_languageKR.jpg); background-position:top left; background-repeat:repeat-x; border-bottom:5px solid #28619F;}
p#languageEN a span:hover{ background-image:url(../images/bg_languageEN_on.jpg);}
p#languageKR a span:hover{ background-image:url(../images/bg_languageKR_on.jpg);}
div#languageBox img{ max-width:100%;}


/* -----パブリックコメント-------------------- */
div#pubcom{ margin-bottom:20px; background-color:#FFFFFF;}
div#pubcomInner{ padding:4px; border:1px solid #29BEA5;}
div#pubcomInnerBox{}
div#pubcom a{ display:block;  background-color:#FFEBE3; background-image:url(../images/bg_pubcom.gif); background-repeat:no-repeat; background-position:center right;}
div#pubcom a span{ display:block;}
div#pubcom a span img{ max-width:100%;}

@media screen and (min-width: 480px){
div#pubcom{ margin-bottom:5px; width:50%; float:left;}
div#pubcomInner{}
}

@media screen and (min-width: 768px){
div#pubcom{ margin-bottom:20px; clear:both; float:none; width:100%;}
}
/* -----ようこそ市長室へ-------------------- */
div#second-mayor{ clear:both; text-align:left; background:#FFFFFF;}
div#second-mayor p{ border:1px solid #29BEA5; background:url(../images/bg_title_topmayor.gif) no-repeat center right #DAF7F6; margin-top:15px;}
div#second-mayor div#second-mayorInner2 p{ margin-top:0; border-top:none; background:none #FFFFFF;}
div#second-mayor p a{ display:block; margin-top:-15px;}
div#second-mayor div#second-mayorInner2 p a{ margin-top:0;}
div#second-mayor p img{ max-width:100%;}

@media screen and (min-width: 480px){
  div#second-mayor{ clear:both; width:50%; float:left;}
  div#second-mayorInner{ margin-right:5px;}
  div#second-mayorInner2{ margin-right:5px;}
}
@media screen and (min-width: 768px){
  div#second-mayor{ clear:both; width:100%; float:none;}
  div#second-mayorInner{ margin-right:0;}
  div#second-mayorInner2{ margin-right:0;}
}


/* -----携帯サイト・人口情報-------------------- */
div#population{ clear:both;}
div#population-content{ background:url(../images/bg_polulation_s.gif) no-repeat left center; padding: 10px 10px 10px 65px;}
.ls2em{ letter-spacing:1em;}
div#mobile{ display:none;}
div.inner-box{ padding:5px;}
@media screen and (min-width: 480px){
  div#population{ clear:none; width:50%; float:right;}
}
@media screen and (min-width: 540px){
  div#population-content{ background:url(../images/bg_polulation.gif) no-repeat left center; padding: 10px 10px 10px 115px;}
}
@media screen and (min-width: 768px){
  div#population{ clear:both; width:100%; float:none;}
  div#population-content{ background:url(../images/bg_polulation_s.gif) no-repeat left center; padding: 10px 10px 10px 65px;}
}
@media screen and (min-width: 960px){
  div#mobile{ display:block;}
  p#qrcode{ padding:10px 0;}
  p#qrcode img{ float:left; display:block; margin:0 10px 10px 0;}
  div#population p{ text-align:center;}
  div#population ul{ text-align:center;}
  div.top div#population-content{ background:url(../images/bg_polulation.gif) no-repeat left center; padding: 10px 10px 10px 115px;}
  div#population p.archivelink{ text-align:right; padding-right:5px;}
  div.inner-box{ padding:0 0 10px; margin-bottom:10px; clear:both;}
}

/*==================================================================================================================================================
@group 右カラム（ライフシーン、くらしのガイド、行政に関する情報から探す）
==================================================================================================================================================*/

div#lifescene,
div#lifeguide,
div#info-gov{ clear:both;}

div#lifescene h2,
div#lifeguide h2,
div#info-gov h2{ border-bottom:3px solid #29BEA5;}

div#lifescene li,
div#lifeguide li,
div#info-gov li{ width:50%; float:left;}

div#lifescene li a,
div#lifeguide li a,
div#info-gov li a{
  display:block;
  background:url(../images/bg_sidenavigation.png) no-repeat center right;
  border-right: 1px solid #B7D7D0;
  border-bottom: 1px solid #B7D7D0;
  margin:3px;
  padding-right:13px;
}
div#lifescene li a span,
div#lifeguide li a span,
div#info-gov li a span{ display:block;}

div#lifescene li img,
div#lifeguide li img,
div#info-gov li img{ max-width:100%;}

/* ------2022/08/02 くらしの手続きガイドバナー追加-----*/
#lifescene .procedure-area{
  background-color: #fffdcf;
  /* background: url(../images/procedure_bg.jpg) repeat-x center left; */
  background-size: contain;
  border-bottom: 1px solid #7a543b;
  border-right: 1px solid #7a543b;
  box-sizing: border-box;
  min-height: 64px;
  margin: 3px;
}

#lifescene .procedure-area a{
  align-items: center;
  background: url(../images/bg_sidenavigation.png) no-repeat center right;
  color: #000;
  display: flex;
  height: 100%;
	min-height: 64px;
  padding: 0 5px;
  text-decoration: none;

	position: relative;
	overflow: hidden;
}


#lifescene .procedure-area a::before{
position: absolute;
top: -120%;
left: 0;
width: 65px;
height: 250%;
background: #e91515;

content: "";
-webkit-transform: rotate(20deg);
transform: rotate(20deg);
}

#lifescene .procedure-area a::after{
	background:url(../images/icon_procedure.png) no-repeat center center;
	content: "";
	height: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 62px;
}



#lifescene .procedure-area .procedure-box{
  display: block;
  padding-left: 45px;
  padding-right: 15px;
}

#lifescene .procedure-area .procedure-text1,
#lifescene .procedure-area .procedure-text2{
  display: block;
  line-height: 1.2;
}

#lifescene .procedure-area .procedure-text1{
  font-size: 120%;
  font-weight: 600;
  /* margin-bottom: 3px; */
	border-bottom: 2px solid #e91515;
	padding-left: 15px;
}

#lifescene .procedure-area .procedure-text2{
  font-size: 80%;

	margin-top: 4px;
	padding-left: 15px;
}

@media screen and (min-width: 360px) and (max-width: 479px){
  #lifescene .procedure-area{
    margin: 3px 6px;
  }
}

@media screen and (min-width: 1280px){
  #lifescene .procedure-area{
    min-height: 65px;
    margin: 3px 0;
  }

  #lifescene .procedure-area .procedure-text2 .br{
    display: block;
  }

	.second #lifescene .procedure-area a{
		padding: 0;
	}

	.second #lifescene .procedure-area a::before{
		width: 50px;
	}

	.second #lifescene .procedure-area a::after{
		background-size: 50px;
		width: 50px;
	}

  .second #lifescene .procedure-area .procedure-box{
    padding-left: 35px;
  }

  .second #lifescene .procedure-area .procedure-text1{
    font-size: 105%;
  }

  .second #lifescene .procedure-area .procedure-text2{
    font-size: 55%;
  }
}
/* ------2022/08/02 くらしの手続きガイドバナー追加ここまで-----*/



@media screen and (min-width: 360px){
  div#lifescene li,
  div#lifeguide li,
  div#info-gov li{ width:33%;}
}
@media screen and (min-width: 480px){
  div#lifescene li,
  div#lifeguide li,
  div#info-gov li{ width:25%;}
}
@media screen and (min-width: 960px){
  div#lifescene li,
  div#lifeguide li,
  div#info-gov li{ width:20%;}
}
@media screen and (min-width: 1280px){
  div#lifescene h2,
  div#lifeguide h2,
  div#info-gov h2{
    background:url(../images/bg_white_alpha85.png) repeat;
  }

  /* -----トップページ-------------------- */

  div.top div#lifescene li,
  div.top div#lifeguide li,
  div.top div#info-gov li{
    width:145px;
    background:url(../images/bg_white_alpha85.png) repeat;
    margin:3px 0;
  }

  div.top div#lifescene li#lsnavi01,
  div.top div#lifescene li#lsnavi03,
  div.top div#lifescene li#lsnavi05,
  div.top div#lifescene li#lsnavi07,
  div.top div#lifescene li#lsnavi09{
    margin-right:5px;
  }

  div.top div#lifeguide li#lgnavi01,
  div.top div#lifeguide li#lgnavi03,
  div.top div#lifeguide li#lgnavi05{
    margin-right:5px;
  }

  div.top div#info-gov li#gsnavi01,
  div.top div#info-gov li#gsnavi03,
  div.top div#info-gov li#gsnavi05,
  div.top div#info-gov li#gsnavi07{
    margin-right:5px;
  }

  div.top div#lifescene li a,
  div.top div#lifeguide li a,
  div.top div#info-gov li a{
    display:block;
    margin:0;
    padding-right:13px;
  }

  /* -----第二階層-------------------- */
  div.second div#lifescene li,
  div.second div#lifeguide li,
  div.second div#info-gov li{ width:118px; background:url(../images/bg_white_alpha85.png) repeat; margin:3px 0;}
  div.second div#lifescene li#lsnavi01,
  div.second div#lifescene li#lsnavi03,
  div.second div#lifescene li#lsnavi05,
  div.second div#lifescene li#lsnavi07,
  div.second div#lifescene li#lsnavi09{ margin-right:4px;}
  div.second div#lifeguide li#lgnavi01,
  div.second div#lifeguide li#lgnavi03,
  div.second div#lifeguide li#lgnavi05{ margin-right:4px;}
  div.second div#info-gov li#gsnavi01,
  div.second div#info-gov li#gsnavi03,
  div.second div#info-gov li#gsnavi05,
  div.second div#info-gov li#gsnavi07{ margin-right:4px;}
  div.second div#lifescene li a,
  div.second div#lifeguide li a,
  div.second div#info-gov li a{
    display:block;
    margin:0;
    padding-right:13px;
  }

}


/*==================================================================================================================================================
@group 広告欄
==================================================================================================================================================*/

div#ad-column{ padding:5px; clear:both;}
div#ad-columnInner{ margin:0;}
div#ad-column ul li{ width:33%; float:left; max-width:145px;}
div#ad-column ul li a{ display:block; padding:2px; max-width:160px;}
div#ad-column ul li a img{ max-width:100%;}

div#ad-column div#ad-titlebar{ background:url(../images/bg_title_ad.jpg) repeat-x; padding:0; margin-bottom:5px;}
div#ad-column h4{ width:120px; float:left;}
div#ad-column div#ad-titlebar span{ display:block; float:left; padding-top:12px;}

@media screen and (min-width: 480px){
  div#ad-column ul li{ width:20%;}
}
@media screen and (min-width: 1280px){
  div#ad-column{ padding:5px;}
  div#ad-columnInner{ margin:0; padding:0 0 10px 0;}
  div#ad-column ul li{ width:145px; float:left; max-width:145px;}
  div#ad-column ul li a{ display:block; padding:2px; max-width:145px;}
  div#ad-column ul li a img{ max-width:100%;}
}

/*==================================================================================================================================================
@group フッター
==================================================================================================================================================*/

div#footer{ padding:0; font-size:smaller; line-height:1.4em;}
div#footerNav{ padding:0; border-top:1px solid #29BEA5; border-bottom:1px solid #29BEA5; margin:0 5px;}
div#footer-content{ padding:10px 0; margin:0 5px;}
div#footerNav ul{ padding:0 0 0 8px;}
div#footerNav ul li{ background:url(../images/icon_fnavi.gif) no-repeat center left; padding:5px 5px 5px 12px;}
div#footer-content strong{
  display:block;
  width:70px;
  float:left;
  margin-right:-70px;
  text-align:center;
}
div#footer-content strong img{ width:50px;}
div#footerContent{ width:100%; float:right;}
div#footerContentInner{ margin-left:70px;}
div#footerContent span{ display:block;}
p#copy{
  clear:both;
  font-size:78%;
  text-align:center;
  border-top:2px solid #D4D0C8;
  word-wrap:break-word;
  padding:5px 0;
  background:#29BEA5;
}
@media screen and (min-width: 480px){
  div#footerNav ul li{ float:left;}
}
@media screen and (min-width: 768px){
  div#footer{ font-size:95%; line-height:1.5em;}
  div#footerContentInner{ margin-left:100px; padding:5px 0 0 0;}
  div#footer-content strong{ width:90px; margin-right:-90px;}
  div#footer-content strong img{ width:74px;}
  p#copy{ font-size:80%;}
}



/*==================================================================================================================================================
@group キーワード検索ボックス
==================================================================================================================================================*/

/* -----検索ボックス-------------------- */
div#h-search-topWrap{ margin:0; clear:both; padding:0; background:url(../images/bg_white_alpha85.png) repeat; background:#D6F9F1;}
div#h-search-formWrap{ width:100%; float:left;}
div#h-inputBox p#h-search-form{ padding:7px 0 5px 5px; margin-right:65px;}
div#h-inputBox p#h-search-form input{ width:100%; border:1px solid #1EA69F; line-height:1.5em; height:24px;}
p#h-submit-btn{ padding:7px 5px 5px 0; text-align:right; float:right; margin-left:-72px;}

@media screen and (min-width: 768px){
  div#h-search-topWrap{ position:absolute; right:0; bottom:0; height:39px; width:235px;}
}
@media screen and (min-width: 960px){
  div#h-search-topWrap{ width:255px;}
}



  /* -----文字サイズ変更・翻訳ツール-------------------- */
  div.rn div#tools{
    height:39px;
    top:0;
    right:0;
  }
    div.rn div#fontctl{ padding:6px 10px 5px; height:26px;}


/*==================================================================================================================================================
@group 広告欄
==================================================================================================================================================*/

div#rn-ad-column{ padding-top:20px;}
div#rn-ad-columnInner{
  padding:10px 20px;
  clear:both;
  background-image:url(../images/bg_add.jpg);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
}
div#rn-ad-columnListbox{ background:#FFF; padding:15px;}
div#rn-ad-column ul{ list-style-type:none;}
div#rn-ad-column ul li{ width:33%; float:left; max-width:145px;}
div#rn-ad-column ul li a{ display:block; padding:2px; max-width:160px;}
div#rn-ad-column ul li a img{ max-width:100%;}

div#rn-ad-column div#rn-ad-titlebar{ background:url(../images/bg_title_ad.jpg) repeat-x; padding:0; margin-bottom:5px;}
div#rn-ad-column h4{ width:120px; float:left;}
div#rn-ad-column div#rn-ad-titlebar span{ display:block; float:left; padding-top:12px;}

@media screen and (min-width: 480px){
  div#rn-ad-column ul li{ width:20%;}
}
@media screen and (min-width: 960px){
  div#rn-ad-columnListbox{ padding:25px;}
}
@media screen and (min-width: 1280px){
  div#rn-ad-columnInner{ padding:20px 30px;}
  div#rn-ad-column ul li{ width:166px; float:left; max-width:166px;}
  div#rn-ad-column ul li a{ display:block; padding:2px; max-width:160px;}
  div#rn-ad-column ul li a img{ max-width:100%;}
}



/*==================================================================================================================================================
@group 報道発表資料
==================================================================================================================================================*/
#press{}
#pressInner{}
#pressTitle{ border-bottom:3px solid #29BEA5; padding:5px 0;}
#pressTitle h2{ width:150px; float:left;}
#pressTitle h2 img{ max-width:100%;}
#pressList{ width:88px; float:right; padding-top:10px; text-align:right;}