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

File Name:	r-page.css
Style Info:	デバイス別　カテゴリ・詳細ページ用スタイル

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


/* Javascript Disabled */


/*==================================================================================================================================================
@group 親カテゴリ
==================================================================================================================================================*/

h2.pagetype{ margin:0 5px;}
div#CateArticleBlk{ margin:0 5px;}

@media screen and (min-width: 768px){
  h2.pagetype{ margin:0 5px;}
  div.CateArticleList-odd,
  div.CateArticleList-even,
  div.CateArticleList-t-odd,
  div.CateArticleList-t-even,
  div.CateArticleList-f-odd,
  div.CateArticleList-tw-odd{ width:50%; float:left;}
  div.CateArticleList-odd div.CateArticleListInner,
  div.CateArticleList-even div.CateArticleListInner,
  div.CateArticleList-t-odd div.CateArticleListInner,
  div.CateArticleList-t-even div.CateArticleListInner,
  div.CateArticleList-f-odd div.CateArticleListInner,
  div.CateArticleList-tw-odd div.CateArticleListInner{ margin:0 10px 10px;}
  div#relcate{ float:none;}
  div#relcate li{
    background-image:url(../images/keisen.gif);
    background-position:10px center;
    background-repeat: no-repeat;
    padding:4px 0;
    float:none;
  }
  div#relcate li.listend{
    background-image:url(../images/keisen_end.gif);
    background-position:10px center;
    background-repeat: no-repeat;
  }
  div#relcate li a{ background:url(../images/dot_x.gif) repeat-x bottom left; display:block; padding-left:25px;}
  div.CateArticleList-odd,
  div.CateArticleList-t-odd,
  div.CateArticleList-f-odd,
  div.CateArticleList-tw-odd{ clear:both;}
}

@media screen and (min-width: 960px){
  div.CateArticleList-odd,
  div.CateArticleList-even,
  div.CateArticleList-t-odd,
  div.CateArticleList-t-even,
  div.CateArticleList-f-odd,
  div.CateArticleList-tw-odd{ width:50%; float:left; clear:none;}

  div.CateArticleList-odd{ clear:both;}
  div.CateArticleList-t-odd{ clear:both;}
  div.CateArticleList-f-odd{ clear:both;}
  div.CateArticleList-tw-odd{ clear:both;}
}

@media screen and (min-width: 1024px){
  div.CateArticleList-odd,
  div.CateArticleList-even,
  div.CateArticleList-t-odd,
  div.CateArticleList-t-even,
  div.CateArticleList-f-odd,
  div.CateArticleList-tw-odd{ width:33%; float:left; clear:none;}

  div.CateArticleList-t-odd{ clear:both;}
  div.CateArticleList-t-even{ clear:both;}
  div.CateArticleList-tw-odd{ clear:both;}
}

@media screen and (min-width: 1680px){
  div.CateArticleList-odd,
  div.CateArticleList-even,
  div.CateArticleList-t-odd,
  div.CateArticleList-t-even,
  div.CateArticleList-f-odd,
  div.CateArticleList-tw-odd{ width:25%; float:left; clear:none;}

  div.CateArticleList-f-odd{ clear:both;}
  div.CateArticleList-tw-odd{ clear:both;}
}


/*==================================================================================================================================================
@group 子カテゴリ
==================================================================================================================================================*/

div.divider{ width:100%; float:left;}
div.dividerInner{ margin:0 5px 10px;}
div.archive-content{ display:none;}
span.listDate{ display:block;}
span.listTitle{ display:block; height:3em; overflow:hidden;}
.pagenate span.text04{ display:none;}
.pagenate span.text05{ display:none;}
div.archive{
	margin:0 5px 5px;
  background:#FFF;
	padding:0px 5px 5px;
  clear:both;
}

@media screen and (min-width: 480px){
  div.divider{ width:50%; float:left;}
}

@media screen and (min-width: 768px){
  div.divider{ width:50%; float:left;}
  div.dividerInner{ margin:0 5px 10px;}
  div.archive-content{ height:4.8em; overflow:hidden; display:block;}
  span.listDate{ display:block;}
  div.archive{ padding:0 10px 10px;}
  .pagenate span.text04{ display:inline-block;}
  .pagenate span.text05{ display:inline-block;}
}

@media screen and (min-width: 1440px){
  div.divider{ width:33%; float:left;}
}

@media screen and (min-width: 1680px){
  div.divider{ width:25%; float:left;}
}

/*==================================================================================================================================================
@group 詳細ページ：テンプレートスタイル
==================================================================================================================================================*/

/*記事のタイトル*/
h2#page-title{
  padding:18px 10px 10px;
  font-size:115%;
  border:1px solid #E4E9DA;
}
/*記事詳細ページ基本スタイル*/
div#detail{
	padding:0px;
	margin:0 5px 20px;
}
/*記事の外枠*/
div.articleBox{ margin:10px 5px;}
  div.articleBox p{ padding:0 0 5px; margin:0;}
  div.articleBox img{ max-width:100%;}
  div.articleBox ul,div.articleBox ol{ margin:5px 5px 5px 1em; padding:0 5px 5px;}
  .articleArea{ padding:0px; clear:both;}

/*日付*/
span.date{
  display:block;
  padding:3px;
  text-align:right;
  font-size:85%;
  background: #F5EFE9;
  color:#333333;
}
/* 段落 */
div.articleBox p{
  padding:0 0 10px;
  margin:8px 3px;
}
/* リスト（ul,ol） */
div.articleBox ul,div.articleBox ol{ margin:5px 5px 5px 2em; padding:0 5px 5px;}
div.articleBox ul li p,div.articleBox ol li p{ padding:0; margin:0;}


/* テンプレート基本スタイル */
.articleArea00{ padding:0; clear:both;}
/*type1.html*/
.type1articleArea01{ padding:0; clear:both;}
.type1articleArea02{ padding:0; clear:both;}
.type1articleArea03{ padding:0; clear:both;}

/*type2.html*/
.type2articleArea01{ padding:0; clear:both;}
.type2articleArea02{ padding:0; clear:both;}
.type2articleArea03{ padding:0; clear:both;}

/*type3.html*/
.type3articleArea01{ padding:0; clear:both;}
.type3articleArea02{ padding:0; clear:both;}
.type3articleArea03{ padding:0; clear:both;}

/*type4.html*/
.type4articleArea01{ padding:0; clear:both;}
.type4articleArea02{ padding:0; clear:both;}
.type4articleArea03{ padding:0; clear:both;}

/*type5.html*/
.type5articleArea01{ float:left; padding-top:20px;}
.type5articleArea02{ float:right; padding-top:20px;}
.type5articleArea03{ clear:both;}

/*type6.html*/
.type6articleArea01{ padding:0; clear:both;}
.type6articleArea02{ padding:0; clear:both;}
.type6articleArea03{ padding:0; clear:both;}
div.articleBox p.type6image{ padding:0; margin:0; text-align:center;}


/* お問い合わせボックス */
div#contactBlk{
  border:1px solid #23CFC7;
  margin:10px;
}
  div#contactBlk h5{ font-weight:normal; padding:5px 12px; background:#A5EBE8; font-size:120%;}
  div#contactBlk p{ padding:5px 12px;}
  span.btn_aform{ text-align:center; display:block; padding: 5px 0 5px;}

/* 追加情報 */
div#additional-info{
  border:1px solid #DDDDDD;
  margin:10px;
}
  div#additional-info h5{ font-weight:normal; padding:5px 12px; background:url(../images/bg_pagetype.jpg) repeat-x;}
  div#additional-info div#additional-infoContent{ padding:5px 12px;}
  div#additional-infoContent div{ background:url(../images/dot_x.gif) repeat-x bottom left; padding:5px; margin:5px;}
  div#additional-infoContent div.boxend{ background:none;}


h2#error404{
  font-size:150%;
  word-break: break-all;
}

@media screen and (min-width: 768px){
  h2#page-title{ padding:20px 15px 10px; font-size:140%; border-bottom:3px solid #23CFC7; border-top:3px solid #23CFC7;}
  div#detail{
    border-right:1px solid #DEDEDE;
    border-bottom:1px solid #DEDEDE;
    border-left:1px solid #DEDEDE;
    margin:0 0 20px;
  }
  .articleArea00{ padding:15px; clear:both;}
  /*type1.html*/
  .type1articleArea01{ padding:15px; clear:both;}
  .type1articleArea02{ padding:15px; clear:both;}
  .type1articleArea03{ padding:15px; clear:both;}

  /*type2.html*/
  .type2articleArea01{ padding:15px; clear:both;}
  .type2articleArea02{ padding:15px; clear:both;}
  .type2articleArea03{ padding:15px; clear:both;}

  /*type3.html*/
  .type3articleArea01{ padding:15px; clear:both;}
  .type3articleArea02{ padding:15px; clear:both;}
  .type3articleArea03{ padding:15px; clear:both;}

  /*type4.html*/
  .type4articleArea01{ padding:15px; clear:both;}
  .type4articleArea02{ padding:15px; clear:both;}
  .type4articleArea03{ padding:15px; clear:both;}

  /*type5.html*/
  .type5articleArea01{ float:left; padding-top:20px;}
  .type5articleArea02{ float:right; padding-top:20px;}
  .type5articleArea03{ clear:both;}

  /*type6.html*/
  .type6articleArea01{ padding:15px; clear:both;}
  .type6articleArea02{ padding:15px; clear:both;}
  .type6articleArea03{ padding:15px; clear:both;}
  div.articleBox p.type6image{ padding:0; margin:0;  text-align:center;}


  /* 追加情報 */
  div#additional-info{ background:url(../images/bg_additional-info.gif)  repeat-y top left;}
  div#additional-info h5{
    width:100px;
    float:left;
    background:none;
    padding:10px;
    height:100%;
    margin-right:-130px;
  }
  div#additional-info div#additional-infoContent{ float:right; width:100%; padding:0;}
  div#additional-info div#additional-infoContent div{ margin-left:130px; padding:10px;}


  /* 404エラー */
  h2#error404{
    font-size:300%;
    word-break: break-all;
  }
  span.btn_aform{ text-align:left;}
}

@media screen and (min-width: 960px){
  div.articleBox p{ padding:0 5px 10px;}
}
/*==================================================================================================================================================
@group 詳細ページ：見出し
==================================================================================================================================================*/

/*見出し１*/
div.articleBox h3{
	padding:8px;
	font-size:120%;
	border-top:1px solid #29BEA5;
	border-right:1px solid #29BEA5;
	border-bottom:1px solid #29BEA5;
	border-left:15px solid #29BEA5;
	margin:5px 0;
}

/*見出し２*/
div.articleBox h4{
	padding:5px;
	font-size:110%;
	border-top:1px solid #29BEA5;
	border-right:1px solid #29BEA5;
	border-bottom:1px solid #29BEA5;
	border-left:5px solid #29BEA5;
	margin:5px 0;
}

/*見出し３*/
div.articleBox h5{
	padding:5px 5px 5px 15px;
	font-size:100%;
	border-bottom:3px solid #DEDEDE;
	margin:5px 0;
	background:url(../images/bg_midashi03.jpg) no-repeat center left;
}
@media screen and (min-width: 768px){
  div.articleBox h3{ padding:10px;}
  div.articleBox h4{ padding:8px; border-left:8px solid #29BEA5;}

}
/*==================================================================================================================================================
@group 詳細ページ：画像処理
==================================================================================================================================================*/

a.page-image-none200{ display:block; max-width:200px;}
a.page-image-none400{ display:block; max-width:400px;}
a.page-image-none600{ display:block; max-width:600px;}
a.page-image-left200{ display:block; max-width:200px;}
a.page-image-left400{ display:block; max-width:400px;}
a.page-image-left600{ display:block; max-width:600px;}
a.page-image-right200{ display:block; max-width:200px;}
a.page-image-right400{ display:block; max-width:400px;}
a.page-image-right600{ display:block; max-width:600px;}

a.page-image-none200 img,
a.page-image-none400 img,
a.page-image-none600 img,
a.page-image-left200 img,
a.page-image-left400 img,
a.page-image-left600 img,
a.page-image-right200 img,
a.page-image-right400 img,
a.page-image-right600 img{ max-width:100%;}

img.page-image-left{ display:block; float:none; margin:0; clear:both;}
img.page-image-none{ display:block; float:none; margin:0; clear:both;}
img.page-image-right{ display:block; float:none; margin:0; clear:both;}

@media screen and (min-width: 480px){
  a.page-image-none200{ display:block;  clear:both; margin:10px auto; float:none;}
  a.page-image-none400{ display:block;  clear:both; margin:10px auto; float:none;}
  a.page-image-none600{ display:block;  clear:both; margin:10px auto; float:none;}

  a.page-image-left200{ display:block; max-width:200px; float:left; margin:0 20px 20px 0;}
  a.page-image-left400{ display:block; max-width:400px; float:none; margin:0;}
  a.page-image-left600{ display:block; max-width:600px; float:none; margin:0;}

  a.page-image-right200{ display:block; max-width:200px; float:right; margin:0 0 20px 20px;}
  a.page-image-right400{ display:block; max-width:400px; float:none; margin:0;}
  a.page-image-right600{ display:block; max-width:600px; float:none; margin:0;}

  img.page-image-left{ display:block; clear:none; float:left; margin:0 20px 20px 0; max-width:100%;}
  img.page-image-none{ display:block; clear:both; margin:10px auto; float:none; max-width:100%;}
  img.page-image-right{ display:block; clear:none; float:right; margin:0 0 20px 20px; max-width:100%;}

  a.page-image-none400 img.page-image-left{ float:none;}
  a.page-image-left400 img.page-image-left{ float:none;}
  a.page-image-right400 img.page-image-left{ float:none;}
  a.page-image-none600 img.page-image-left{ float:none;}
  a.page-image-left600 img.page-image-left{ float:none;}
  a.page-image-right600 img.page-image-left{ float:none;}
}
@media screen and (min-width: 640px){
  a.page-image-none200{ display:block;  clear:both; margin:10px auto; float:none;}
  a.page-image-none400{ display:block;  clear:both; margin:10px auto; float:none;}
  a.page-image-none600{ display:block;  clear:both; margin:10px auto; float:none;}
  a.page-image-left200{ display:block; max-width:200px; float:left; margin:0 20px 20px 0;}
  a.page-image-left400{ display:block; max-width:400px; float:left; margin:0 20px 20px 0;}
  a.page-image-left600{ display:block; max-width:600px; float:left; margin:0 20px 20px 0;}
  a.page-image-right200{ display:block; max-width:200px; float:right; margin:0 0 20px 20px;}
  a.page-image-right400{ display:block; max-width:400px; float:right; margin:0 0 20px 20px;}
  a.page-image-right600{ display:block; max-width:600px; float:right; margin:0 0 20px 20px;}

  img.page-image-left{ display:block; clear:none; float:left; margin:0 20px 20px 0; max-width:100%;}
  img.page-image-none{ display:block; clear:both; margin:10px auto; float:none; max-width:100%;}
  img.page-image-right{ display:block; clear:none; float:right; margin:0 0 20px 20px; max-width:100%;}
}


/*==================================================================================================================================================
@group 詳細ページ：画像処理（WIKI）
==================================================================================================================================================*/

/* aタグ */
a.imagelink_filea{ display:block;}
a.imagelink_fileb{ display:block;}
a.imagelink_filelib{ display:block;}

/* imgタグ共通 */
a.imagelink_filea img,
a.imagelink_fileb img,
a.imagelink_filelib img{ max-width:240px;}

/* imgタグパターン別 */
a.imagelink_filea img.page-image-left{ display:block; float:none; margin:5px; clear:both;}
a.imagelink_filea img.page-image-right{ display:block; float:none; margin:5px; clear:both;}

a.imagelink_fileb img.page-image-left{ display:block; float:none; margin:5px; clear:both;}
a.imagelink_fileb img.page-image-right{ display:block; float:none; margin:5px; clear:both;}

a.imagelink_filelib img.page-image-left{ display:block; float:none; margin:5px; clear:both;}
a.imagelink_filelib img.page-image-right{ display:block; float:none; margin:5px; clear:both;}

@media screen and (min-width: 640px){
  /* imgタグパターン別 */
  a.imagelink_filea img.page-image-left{ display:block; float:left; clear:both; margin:0 20px 20px 0;}
  a.imagelink_filea img.page-image-right{ display:block; float:right; clear:both; margin:0 0 20px 20px;}

  /* ---------------------- テンプレートtype別 ---------------------- */
  a.imagelink_filelib{ width:240px; float:left; width:240px; padding:0 20px 20px 0;}

  /* ----------------------------------------
   type1articleArea01：左
   type1articleArea02：左
   ---------------------------------------- */
  div.type1articleArea01 a.imagelink_filea{ float:left; width:240px; padding:0 20px 20px 0;}
  div.type1articleArea02 a.imagelink_fileb{ float:left; width:240px; padding:0 20px 20px 0;}
  div.type1articleArea01 img{ width:240px;}
  div.type1articleArea02 img{ width:240px;}


  /* ----------------------------------------
   type2articleArea01：右
   type2articleArea02：右
   ---------------------------------------- */
  div.type2articleArea01 a.imagelink_filea{ float:right; width:240px; padding:0 0 20px 20px;}
  div.type2articleArea02 a.imagelink_fileb{ float:right; width:240px; padding:0 0 20px 20px;}
  div.type2articleArea01 img{ width:240px;}
  div.type2articleArea02 img{ width:240px;}

  /* ----------------------------------------
   type3articleArea01：右
   type3articleArea02：左
   ---------------------------------------- */
  div.type3articleArea01 a.imagelink_filea{ float:right; width:240px; padding:0 0 20px 20px;}
  div.type3articleArea02 a.imagelink_fileb{ float:left; width:240px; padding:0 20px 20px 0;}
  div.type3articleArea01 img{ width:240px;}
  div.type3articleArea02 img{ width:240px;}

  /* ----------------------------------------
   type4articleArea01：左
   type4articleArea02：右
   ---------------------------------------- */
  div.type4articleArea01 a.imagelink_filea{ float:left; width:240px; padding:0 20px 20px 0;}
  div.type4articleArea02 a.imagelink_fileb{ float:right; width:240px; padding:0 0 20px 20px;}
  div.type4articleArea01 img{ width:240px;}
  div.type4articleArea02 img{ width:240px;}

  /* ----------------------------------------
   type5articleArea01：無
   type5articleArea02：無
   ---------------------------------------- */
  div.type5articleArea01 a.imagelink_filea{ float:none; width:240px;}
  div.type5articleArea02 a.imagelink_fileb{ float:none; width:240px;}
  div.type5articleArea01 img{ width:240px;}
  div.type5articleArea02 img{ width:240px;}

  /* ----------------------------------------
   type6articleArea01：無
   type6articleArea02：無
   ---------------------------------------- */
  div.type6articleArea01 a.imagelink_filea{ float:none; width:480px; margin:0 auto;}
  div.type6articleArea02 a.imagelink_fileb{ float:none; width:480px; margin:0 auto;}
  div.type6articleArea01 a.imagelink_filea img{ width:480px; max-width:480px;}
  div.type6articleArea02 a.imagelink_fileb img{ width:480px; max-width:480px;}
}

@media screen and (min-width: 1280px){
  /* ----------------------------------------
   type6articleArea01：無
   type6articleArea02：無
   ---------------------------------------- */
  div.type6articleArea01 a.imagelink_filea{ float:none; width:580px; margin:0 auto;}
  div.type6articleArea02 a.imagelink_fileb{ float:none; width:580px; margin:0 auto;}
  div.type6articleArea01 a.imagelink_filea img{ width:580px; max-width:580px;}
  div.type6articleArea02 a.imagelink_fileb img{ width:580px; max-width:580px;}
}


/*==================================================================================================================================================
@group 詳細ページ：iframe処理
==================================================================================================================================================*/

@media screen and (min-width: 100px) and (max-width: 320px){ div.articleBox iframe{ width:224px; height:130px;}}
@media screen and (min-width: 320px) and (max-width: 480px){ div.articleBox iframe{ width:280px; height:170px;}}
@media screen and (min-width: 480px) and (max-width: 640px){ div.articleBox iframe{ width:430px; height:242px;}}
@media screen and (min-width: 768px) and (max-width: 900px){ div.articleBox iframe{ width:448px; height:252px;}}

/*==================================================================================================================================================
@group 詳細ページ：メールフォーム
==================================================================================================================================================*/

/* dl form */
dl.formlist{
  margin: 0;
  padding: 0;
  clear:both;
}
dl.formlist dt{
  margin: 0;
  padding: 0.2em 0.8em 0 0.4em;
  border-left: 5px solid #6DA47D;
  font-size: 100%;
  line-height: 1.6;
}
dl.formlist dd{
  padding: 0.4em 0.8em 0.5em;
  border-bottom: #ccc dotted 1px;
  line-height: 1.6em;
  margin:0 0 0.5em;
}
dl.formlist .textareaBox{
  width:100%;
  height:90px;
}
div#inquiryBox p.formlist-submit{ padding:20px 0; text-align:center;}
div#inquiryBox p.formlist-submit input.submit{ padding:5px; margin:0;}


@media screen and (min-width: 640px){
  div.formlistWrapper{
    border-bottom:1px solid #CCC;
    border-right:1px solid #CCC;
    border-left:1px solid #CCC;
    background:url(../images/bg_dt.gif) repeat-y top left;
  }
  dl.formlist{
    margin: 0;
    padding: 0;
    border-top:1px solid #CCC;
  }
  dl.formlist dt{
    margin: 0;
    padding: 0;
    font-size: 100%;
    line-height: 1.6;
    width:220px;
    margin:0 -225px 0 0;
    float:left;
    border:none;
  }
  dl.formlist dd{
    padding: 0;
    margin:0;
    line-height: 1.6;
    width:100%;
    float:left;
    border:none;
  }
    span.dtInner{
      padding:8px;
      display:block;
    }
    span.ddInner{
      margin:0 10px 0 225px;
      border:none;
      padding:8px;
      display:block;
    }
  dl.formlist .textareaBox{
    height:300px;
  }
}

/*==================================================================================================================================================
@group 詳細ページ：カテゴリ内　他の記事
==================================================================================================================================================*/
div.cateList span.u-date{ display:block;}

@media screen and (min-width: 640px){
  div.cateList span.u-date{ display:inline;}
}
@media screen and (min-width: 768px){
  div.cateList span.u-date{ display:block;}
}
@media screen and (min-width: 960px){
  div.cateList span.u-date{ display:inline;}
}

/*==================================================================================================================================================
@group カテゴリートップページ
==================================================================================================================================================*/

div.catetop{
  display:none;
  border:3px solid #ECDCCE;
  height:150px;
  position:relative;
  margin-bottom:15px;
}
p.catetitle{ position:absolute; top:50px; left:10px;}
p.catebanner{ position:absolute; bottom:10px; right:10px;}


/* 網田レトロ館 */
div#catetop-327{ background:url(../images/category/327.jpg) repeat-x top left;}


@media screen and (min-width: 640px){
  div.catetop{ display:block;}
}


/*==================================================================================================================================================
@group サイトマップ
==================================================================================================================================================*/

/* サイトマップ */
div#sitemap{
  padding:0px;
}
  div#sitemap ul{
    list-style-type:none;
  }

  /* カテゴリ第一階層 */
  li.is_list_0{
    margin:20px 0;
    padding:20px 0 0;
    clear:both;
    padding-bottom:5px;
  }
    li.is_list_0 span{
      display:block;
      padding:10px 10px 5px;
      border-top:1px solid #23CFC7;
      border-right:1px solid #23CFC7;
      border-bottom:1px solid #23CFC7;
      border-left:5px solid #23CFC7;
    }
    a.is_link_0{
      font-size:120%;
    }

  /* for layout.css */
/* 第二階層 */
ul.is_cate_1{ margin:0 0 0 5px;}
a.is_link_1{ display:block; margin:5px; padding:2px 5px; text-align:center; font-size:90%;
}

/* 第三階層 */
ul.is_cate_2{ margin:5px;}
li.is_list_2{ float:left; padding-right:30px;}
a.is_link_2{ font-size:90%; display:block; background:url(../images/icon_catearticle.gif) no-repeat left center; padding-left:12px;}


li.is_list_1{ display:block; width:100%; float:left;}

@media screen and (min-width: 480px){
  li.is_list_1{ display:block; width:50%; float:left;}
}
@media screen and (min-width: 1440px){
  li.is_list_1{ display:block; width:33%; float:left;}
}
@media screen and (min-width: 1680px){
  li.is_list_1{ display:block; width:25%; float:left;}
}

/*==================================================================================================================================================
@group 市長室へようこそ
==================================================================================================================================================*/

div#mayor-header{ border:1px solid #98B9C7; margin-bottom:10px;}
div#mayor-headerInner{ margin:1px; background:url(../images/bg_mayor.jpg) repeat-x left center;}
div#mayor-header h2{ width:60%; float:left;}
div#mayor-header h2 span{ display:block; padding:10px 0 0 10px;}
div#mayor-header p{ width:39%; float:right;}
div#mayor-header img{ max-width: 100%;}

div.mCate{ margin-bottom:10px;}
div.mCate h3{ background:#DAF7F6; border:1px solid #B5D6DD; padding:5px 0 5px 5px;}
div.mCate h3 a{ display:block; background:url(../images/bg_mcate.gif) no-repeat right center;}
div.mCate p{
  padding:5px;
}
div#mayor-greetings h3{ background:#DAF7F6; border:1px solid #B5D6DD; padding:5px 0 5px 5px;}
div#mayor-greetings-content{ padding:10px;}
div#mayor-greetings-content p{ margin-bottom:1em; text-align:center;}
div#mayor-greetings-content img{ max-width:100%;}

div.mayor-profile{ padding:5px;}
div.mayor-profile h4{ border-bottom:3px solid #4DD9D6;}

div.mayor-profileBox{ padding-bottom:15px;}

dl.mayor-profile-table dt,
dl.mayor-profile-table dd{ padding:6px; vertical-align:top;}
dl.mayor-profile-table dt{ font-weight:normal; width:6.5em; float:left;}
dl.mayor-profile-table dd{ font-weight:normal; padding-left:7.5em; background:url(../images/dot_y.gif) repeat-x bottom left;}

@media screen and (min-width: 480px){
  div#mayor-header{ height:170px; margin-top:20px;}
  div#mayor-header h2{ width:240px;}
  div#mayor-header p{ width:200px; margin-top:-22px;}
  div.mCate{ width:50%; float:left;}
  div#mCate01 div.mCateInner{ margin-right:5px;}
  div#mCate02 div.mCateInner{ margin-right:0px;}
  div#mCate03 div.mCateInner{ margin-right:5px;}
  div#mCate04 div.mCateInner{ margin-right:0px;}
  div#mCate05 div.mCateInner{ margin-right:5px;}
  div#mCate06 div.mCateInner{ margin-right:0px;}
  div#mayor-greetings{ clear:both;}
}
@media screen and (min-width: 640px){

  div#mayor-greetings-content p{ width:170px; float:left; margin-right:-190px;}
  div.mayor-profile{ padding:0; width:100%; float:right;}
  div.mayor-profileInner{ margin-left:190px;}
}
@media screen and (min-width: 768px){

  div#mayor-greetings-content{ margin:5px; background:url(../images/bg_mayor-greetings.gif) no-repeat bottom right #F1F6FC;}
}
@media screen and (min-width: 960px){
  div#mayor-header{ height:192px; margin-top:20px;}
  div#mayor-header h2{ width:285px;}
  div#mayor-header p{ width:242px; margin-top:-42px;}
  div#mayor-greetings-content img{ width:280px;}
  div.mCate{ width:33%;}
  div#mCate01 div.mCateInner{ margin-right:5px;}
  div#mCate02 div.mCateInner{ margin-right:5px;}
  div#mCate03 div.mCateInner{ margin-right:0px;}
  div#mCate04 div.mCateInner{ margin-right:5px;}
  div#mCate05 div.mCateInner{ margin-right:5px;}
  div#mCate06 div.mCateInner{ margin-right:0px;}

  div#mayor-greetings-content p{ width:210px; margin-right:-230px;}
  div.mayor-profileInner{ margin-left:230px;}
}
@media screen and (min-width: 1280px){
  div#mayor-greetings-content p{ width:320px; margin-right:-330px;}
  div.mayor-profileInner{ margin-left:330px;}
}
@media screen and (min-width: 1680px){
  div.mCate{ width:16.5%;}
  div#mCate01 div.mCateInner{ margin-right:5px;}
  div#mCate02 div.mCateInner{ margin-right:5px;}
  div#mCate03 div.mCateInner{ margin-right:5px;}
  div#mCate04 div.mCateInner{ margin-right:5px;}
  div#mCate05 div.mCateInner{ margin-right:5px;}
  div#mCate06 div.mCateInner{ margin-right:0px;}

}

/*==================================================================================================================================================
@group パライゾWebチャンネル
==================================================================================================================================================*/

/* -----イラスト部分-------------------- */
div#paraiso-header{ background:#50D3F6; padding:10px 0;}
div#paraiso-header img{ max-width:100%;}
div#paraiso-header ul{ margin:5px;}
div#paraiso-header ul li{ width:33%; float:left;}
div#paraiso-header ul li a{ display:block; margin:3px;}
div#paraiso-header ul li img{ max-width:100%;}

@media screen and (min-width: 480px){
  div#paraiso-header{ background:url(../images/bg_paraiso-image-common_s.jpg) repeat-x top left #F7EAD7;}
}
@media screen and (min-width: 640px){
  div#paraiso-header{ background:url(../images/bg_paraiso-image-common.jpg) repeat-x top left #F7EAD7;}
}
@media screen and (min-width: 960px){
  div#paraiso-header{ padding:0;}
  div#paraiso-headerInner{ background:url(../images/bg_paraiso-image.jpg) top left no-repeat;}
  div#paraiso-header h2{ padding:15px 0 0 13px;}
  div#paraiso-header ul{ padding-left:150px;}
  div#paraiso-header ul li{ width:180px;}
}

/* -----番組一覧-------------------- */
.paraiso-toplist{ margin:10px 0;}
.paraiso-toplist-title{ border-bottom:3px solid #23CFC7; padding:5px 0 5px 10px;}
.paraiso-toplist-title h3{ font-weight:normal; font-size:130%;}
.paraiso-toplist-title span{ display:block; text-align:right;}
.paraiso-toplist-title span img{ max-width:100%;}
.paraiso-archive{ background:url(../images/dot_x.gif) repeat-x bottom left; padding:10px;}
.paraiso-archive .movie_thumb{
  width:150px;
  height:120px;
  float:left;
  margin-right:-150px;
}
.paraiso-archive-content{ width:100%; float:right;}
.paraiso-archive-contentInner{ margin-left:170px;}

@media screen and (min-width: 640px){
  .paraiso-toplist-title h3{ font-weight:normal; font-size:140%; width:50%; float:left;}
  .paraiso-toplist-title span{ display:block; width:50%; float:right;}
}


div.movielist{
  width:170px;
  height:190px;
  float:left;
}
div.movielist h3{
  font-weight:normal;
  font-size:90%;
  width:150px;
  height:3.5em;
  overflow:hidden;
}
div.movie_thumb{ width:150px;}
div.movie_thumb_inner{ position:relative; z-index:1000;}
iframe.movie_thumb_movie{
  position:absolute;
  top:0px;
  left:0px;
  width:150px;
  height:120px;
  z-index:0;
}
div.movie_thumb_link{
  position:absolute;
  top:0px;
  left:0px;
  width:150px;
  height:120px;
  z-index:99;
}
div.movie_thumb_link a{
  display:block;
  width:150px;
  height:120px;
}
div.movie_thumb_link img{
  display:block;
  width:150px;
  height:120px;
}

/* -----配下カテゴリーページ-------------------- */
div#paraiso-category{ margin:0 0 20px;}
div#paraiso-category h2{
  font-weight:normal;
  padding:10px 5px 8px;
  font-size:180%;
  font-weight:bold;
}
div#paraiso-category #paraiso426block h2{
  border-top: 3px solid #CBDDEB;
  border-bottom: 3px solid #CBDDEB;
  background:#CBDDEB;
}
#paraiso426blockInner{
  border-right:3px solid #CBDDEB;
  border-bottom:3px solid #CBDDEB;
  border-left:3px solid #CBDDEB;
  padding:20px;
}
div#paraiso-category #paraiso427block h2{
  border-top: 3px solid #B2DCD2;
  border-bottom: 3px solid #B2DCD2;
  background:#B2DCD2;
}
#paraiso427blockInner{
  border-right:3px solid #B2DCD2;
  border-bottom:3px solid #B2DCD2;
  border-left:3px solid #B2DCD2;
  background:url(../images/paraiso/bg_paraiso_list427.gif) repeat left top;
  padding:20px 0 20px 20px;
}
div#paraiso-category #paraiso428block h2{
  border-top: 3px solid #FFDEBD;
  border-bottom: 3px solid #FFDEBD;
  background:#FFDEBD;
}
#paraiso428blockInner{
  border-right:3px solid #FFDEBD;
  border-bottom:3px solid #FFDEBD;
  border-left:3px solid #FFDEBD;
  background:url(../images/paraiso/bg_paraiso_list428.gif) repeat left top;
  padding:20px 0 20px 20px;
}
.movieNewBlk{
  width:700px;
  clear:both;
  margin:0 auto;
  background:url(../images/dotline.gif) repeat-x bottom;
}
.movieCntBox{
      width:200px;
      float:left;
      margin-right:50px;
      padding-top:20px;
  }
.movieCntBoxEnd{
      width:200px;
      float:right;
      margin-right:0;
      padding-top:20px;
  }
    .th-movie{
          padding:4px 0;
       }
       .movieCntBox h4,.movieCntBoxEnd h4{
         margin:0;
           background:url(../../images/dotline.gif) repeat-x top;
           padding-top:5px;
       }
       .movieCntBox p.movieTxt,.movieCntBoxEnd p.movieTxt{ margin:0; padding:5px 0 20px;}



/*==================================================================================================================================================
@group 観光情報
==================================================================================================================================================*/

div#kankou-header{ border:1px solid #999; padding:1px;}
div#kankou-headerInner{ background:url(../images/bg_image_kankou.jpg) repeat-x center left;}
div#kankou-headerInner h2{ background:url(../images/bg_image_kankou_title.png) no-repeat left top; text-align:right;}

@media screen and (min-width: 768px){
  div#kankou-headerInner h2{ padding-top:120px;}
}


/*==================================================================================================================================================
@group 観光マップ
==================================================================================================================================================*/

div#kankoumap ul{ margin:0; padding:0;}
div#kankoumap ul li span{ display:block; border:1px solid #FFFFFF;}
div#kankoumap ul li.kmap-type0 a{ display:block; border:2px solid #A93871; background:#BB3E7C;}
div#kankoumap ul li.kmap-type1 a{ display:block; border:2px solid #66CCFF;}
/* div#kankoumap ul li.kmap-type2 a{ display:block; border:2px solid #99CC00;} */
div#kankoumap ul li.kmap-type2 a{ display:block; border:2px solid #2cb55b;}
div#kankoumap ul li.kmap-type3 a{ display:block; border:2px solid #FF9999;}
div#kankoumap ul li.kmap-type4 a{ display:block; border:2px solid #F0C730;}
div#kankoumap ul li.kmap-type5 a{ display:block; border:2px solid #A93871;}

div#kankoumap ul li.kmap-type0 a:hover{ border:2px solid #ff91a3;}
div#kankoumap ul li.kmap-type1 a:hover{ border:2px solid #51EEFF;}
div#kankoumap ul li.kmap-type2 a:hover{ border:2px solid #AFFD0D;}
div#kankoumap ul li.kmap-type3 a:hover{ border:2px solid #FF4D4D;}
div#kankoumap ul li.kmap-type4 a:hover{ border:2px solid #ff0;}
div#kankoumap ul li.kmap-type5 a:hover{ border:2px solid #ff91a3;}


@media screen and (max-width: 960px){
  div#kankoumap ul li{ width:50%; float:left;}
  div#kankoumap ul li img{ max-width:100%;height: 20px;}
}
@media screen and (min-width: 960px){
  div#kankoumap{ position:relative; height:1000px; background:url(../images/kankoumap/bg_kankoumap_2023.jpg) no-repeat #BDDEFF;}
div#kankoumap ul li{ position:absolute; margin:0; padding:0;}
  div#kankoumap ul li#kmap001{
    left:76px;
    top:59px;
  }
  div#kankoumap ul li#kmap002{
    left:80px;
    top:102px;
  }
  div#kankoumap ul li#kmap003{
    left:124px;
    top:148px;
  }
  div#kankoumap ul li#kmap004{
    left:106px;
    top:176px;
  }
  div#kankoumap ul li#kmap005{
    left:217px;
    top:120px;
  }
  div#kankoumap ul li#kmap006{
    left:422px;
    top:21px;
  }
  div#kankoumap ul li#kmap008{
    left:269px;
    top:82px;
  }
  div#kankoumap ul li#kmap009{
    left:334px;
    top:147px;
  }
  div#kankoumap ul li#kmap010{
    left:474px;
    top:160px;
  }
  div#kankoumap ul li#kmap012{
    left:215px;
    top:207px;
  }
  div#kankoumap ul li#kmap013{
    left:304px;
    top:236px;
  }
  div#kankoumap ul li#kmap014{
    left:206px;
    top:264px;
  }
  div#kankoumap ul li#kmap015{
    left:100px;
    top:313px;
  }
  div#kankoumap ul li#kmap016{
    left:168px;
     top:342px;
     }
  div#kankoumap ul li#kmap017{
     left:150px;
      top:415px;
     }
  div#kankoumap ul li#kmap018{
    left:241px;
    top:448px;
  }
  div#kankoumap ul li#kmap019{
    left:215px;
    top:482px;
  }
  div#kankoumap ul li#kmap022{
    left:128px;
    top:573px;
  }
  div#kankoumap ul li#kmap023{
    left:141px;
    top:633px;
  }
  div#kankoumap ul li#kmap024{
    left:216px;
    top:702px;
  }
  div#kankoumap ul li#kmap025{
    left:124px;
    top:745px;
  }
  div#kankoumap ul li#kmap026{
    left:78px;
    top:789px;
  }
  div#kankoumap ul li#kmap027{
    left:167px;
    top:822px;
  }
  div#kankoumap ul li#kmap028{
    left:93px;
    top:852px;
  }
  div#kankoumap ul li#kmap029{
    left:492px;
    top:279px;
  }
  div#kankoumap ul li#kmap030{
    left:455px;
    top:295px;
  }
  div#kankoumap ul li#kmap031{
    left:444px;
    top:341px;
  }
  div#kankoumap ul li#kmap032{
    left:520px;
    top:365px;
  }
  div#kankoumap ul li#kmap033{
    left:529px;
    top:411px;
  }
  div#kankoumap ul li#kmap034{
    left:513px;
    top:457px;
  }
  div#kankoumap ul li#kmap036{
    left:483px;
    top:522px;
  }
  div#kankoumap ul li#kmap037{
    left:492px;
    top:571px;
  }
  div#kankoumap ul li#kmap038{
    left:457px;
    top:604px;
  }
  div#kankoumap ul li#kmap039{
    left:460px;
    top:637px;
  }
  div#kankoumap ul li#kmap040{ left:464px; top:671px; }
  div#kankoumap ul li#kmap041{ left:455px; top:701px; }
  div#kankoumap ul li#kmap042{ left:450px; top:735px; }
  div#kankoumap ul li#kmap043{ left:443px; top:765px; }
  div#kankoumap ul li#kmap044{ left:426px; top:800px; }
  div#kankoumap ul li#kmap045{ left:438px; top:831px; }
  div#kankoumap ul li#kmap046{ left:473px; top:883px; }
  div#kankoumap ul li#kmap047{ left:335px; top:911px; }
  div#kankoumap ul li#kmap_b001{ left:501px; top:109px; }
  div#kankoumap ul li#kmap_b002{ left:333px; top:295px; }
  div#kankoumap ul li#kmap_b003{ left:332px; top:327px; }
  div#kankoumap ul li#kmap_b004{ left:306px; top:359px; }
  div#kankoumap ul li#kmap_b005{ left:314px; top:391px; }
  /* 2022/10/04　追加 */
  div#kankoumap ul li#kmap_b000{ left:470px; top:20px; }
  div#kankoumap ul li#kmap048{ left:510px; top:190px; }
  div#kankoumap ul li#kmap049{ left:550px; top:263px; }
  div#kankoumap ul li#kmap050{ left:485px; top:450px; }
  div#kankoumap ul li#kmap051{ left:375px; top:490px; }
  div#kankoumap ul li#kmap052{ left:195px; top:550px; }
}

/*==================================================================================================================================================
@group パールラインマラソン大会
==================================================================================================================================================*/

div#pearl-header{ background:url(../images/bg_image_pearl.jpg) repeat-x center left; padding-bottom:80px; margin-bottom:10px;}
div#pearl-header h2{ background:url(../images/bg_image_pearl.png) repeat-x;}
div#pearl-header h2 img{ max-width:100%;}

div#pearlBox h3{ font-size:150%; border-bottom:3px solid #23CFC7;  padding:8px;}
div#pearltopInner div#textarea{ padding:10px;}
div.pearllist h4{ border-bottom:2px solid #23CFC7; font-size:130%; padding:5px;}
div.pearllist ul{ background:url(../images/dot_x.gif) repeat-x bottom left; padding:3px 5px;}
div.pearllist ul li{ display:inline-block; margin:5px 0;}
div.pearllist ul li span.u-date{ display:block;}
div.pearllist p{ padding:10px;}

div#pearltopInner p#image{ text-align:center; padding:10px;}


div#pearllive{
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height:0;
     margin:0;
     text-align:center;
     overflow: hidden;
}
div#pearlliveInner{
}
div#pearlliveHeader{
	margin-top:20px;
	clear:both;
}
h3#pearlliveTitle{
	float:left;
}
p#pearlliveText{
	float:right;
}
p#pearlliveBtn{
	text-align:center;
	padding-top:20px;
	background-image:url(../images/pearlline/bg_pearllive.gif);
	background-repeat:repeat-x;
}
h3#pearlliveTitle img{ max-width:100%;}
p#pearlliveText img{ max-width:100%;}
p#pearlliveBtn img{ max-width:100%;}

div#pearllive iframe{
     position: absolute;
     top: 0;
     left: 0;
     right:0;
     margin:0 auto;
     width: 100%;
     height: 100%;
     padding:6px 0;
     background-image:url(../images/pearlline/bg_pearllive.gif);
     background-repeat:repeat-x;
}

@media screen and (min-width: 480px){
  div#pearltopInner p#image{ width:230px; float:left; margin-right:-240px; padding:10px 0;}
  div#pearltopInner p#image a{ display:block; padding:5px;}
  div#pearltopInner div#textarea{ float:right;}
  div#pearltopInner div#textareaInner{ margin-left:240px;}
  div#pearltopInner div#textarea p{ padding:0 0 10px; margin:5px;}
}
@media screen and (min-width: 960px){
  div#pearl-header{ padding-bottom:136px;}
  div.pearllist{ padding:10px 0;}
  div.pearllist ul li span.u-date{ display:inline;}

  div#pearllive iframe{ width:90%;}
}


/*==================================================================================================================================================
@group まちづくり事業
==================================================================================================================================================*/

div#machiBlk h3{ border-left:8px solid #00B2B2; border-bottom:2px solid #00B2B2; padding:3px 8px;}

div#machi-header{ background:url(../images/bg_machi01.jpg) repeat-x center left;}
div#machi-header h2{ text-align:right;}
div#machi-header img{ max-width:100%;}

div#machi-news{ padding:10px 0 20px;}
div#machi-news h2 { margin-bottom:10px;}

div#machi-news ul li{ background:url(../images/dot_x.gif) repeat-x bottom left; padding:3px 5px;}
div#machi-news ul li span.u-date{ display:block;}

div#machi-news dl { background: url(../../images/dotline.gif) repeat-x scroll left bottom transparent; clear: both; padding: 5px 0 10px;}
div#machi-news dl dt { background: url(../../images/icon_orange.jpg) no-repeat scroll left center transparent; float: left; padding-left: 19px; padding-right: 10px;}

div#machi-category{ padding:10px 0 20px;}
div.machi-categoryBox{ width:100%; clear:both;}
div.machicate-inner{ padding:10px;}
div.machi-content p img{ display:block; float:left; margin:0 5px 5px 0;}
div.machi-content a{ display:block; margin:10px 0 0 auto; text-align:right;}

@media screen and (min-width: 640px){
  div#machi-header{ border-top:3px solid #30ABAB; border-bottom:3px solid #30ABAB;}
  div#machi-header h2{ padding-bottom:100px; background:url(../images/bg_machi02.jpg) repeat-x top left;}
}
@media screen and (min-width: 960px){
  div.machi-categoryBox{ width:50%; float:left; clear:none;}
  div#machi-categorybox3{ clear:both;}
  div#machi-categorybox1 div.machi-categoryboxInner,
  div#machi-categorybox3 div.machi-categoryboxInner{ margin-right:5px;}
  div#machi-news ul li span.u-date{ display:inline;}
}
@media screen and (min-width: 1680px){
  div.machi-categoryBox{ width:25%; float:left; clear:none;}
  div#machi-categorybox3{ clear:none;}
  div#machi-categorybox1 div.machi-categoryboxInner,
  div#machi-categorybox2 div.machi-categoryboxInner,
  div#machi-categorybox3 div.machi-categoryboxInner{ margin-right:5px;}
}


/*==================================================================================================================================================
@group パールラインマラソン大会（2015年リニューアル分）
==================================================================================================================================================*/


/* -----カテゴリイメージ・メニュー-------------------- */

div#pearlline-header{ border:1px solid #999999;}
div#pearlline-header h2{ text-align:center; margin:1px; background:url(../images/pearlline/bg_image_pearlline.jpg) repeat-x center center;}
div#pearlline-header h2 img{ max-width:100%;}

div#pearlline-contentlist ul li{ background:url(../images/pearlline/dot_x.gif) repeat-x left bottom; padding:2px 0;}
div#pearlline-contentlist ul li a{ display:block; padding-right:25px; background:url(../images/pearlline/bg_pnavi.gif) no-repeat right center; margin:5px;}
div#pearlline-contentlist ul li a img{ max-width:100%;}


@media screen and (min-width: 320px){
  div#pearlline-contentlist ul li{ width:50%; float:left;}
}
@media screen and (min-width: 480px){
  div#pearlline-contentlist ul li{ width:33%;}
}
@media screen and (min-width: 640px){
  div#pearlline-contentlist ul li{ width:25%;}
}
@media screen and (min-width: 768px){
  div#pearlline-header h2{ text-align:left; padding-left:10px;}
  div#pearlline-header h2 span{ display:block; background:url(../images/pearlline/bg_pearlline_shiroufamily.png) no-repeat bottom right;}
  div#pearlline-contentlist ul{ padding-top:20px;}
  div#pearlline-contentlist ul li{ width:33%; background:none; padding:7px 0;}
}
@media screen and (min-width: 960px){
  div#pearlline-header h2{ text-align:center; padding-left:0;}
  div#pearlline-contentlist ul li{ width:25%;}
}
@media screen and (min-width: 1440px){
  div#pearlline-contentlist ul li{ width:20%;}
}

/* -----新着情報-------------------- */
div#pearlline-content{ clear:both; padding:20px 0;}
div#pearlline-newsInner{ margin:5px;}

div#pearlline-news h3{ border-bottom:1px solid #1D8576; background:url(../images/pearlline/bg_title_news.gif) no-repeat bottom right;}
div.pearlline-newslist img{ max-width:100%;}

div.pearlline-newslook{
	display: block;
}

div.pearlline-newslist{
	clear:both;
	background:url(../images/pearlline/dot_x.gif)  repeat-x bottom left;
	padding:5px 0
}

p.pearlline-newslist-photo{ width:120px; float:left; margin-right:-130px;}
p.pearlline-newslist-photo span{ display:block; width:120px; height:70px; overflow:hidden;}
p.pearlline-newslist-photo img{ display:block;}
div.pearlline-newslist-text{ width:100%; float:right;}
div.pearlline-newslist-textInner{ margin-left:130px;}
div.pearlline-newslist span.u-date{ display:block;}

@media screen and (min-width: 600px){
	div.pearlline-newslook{
		display:-webkit-box;
  	display:-ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	div.pearlline-newslist{
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
	}

  /* div.pearlline-newslist{ clear:none; float:left; width:50%;} */
  div#tl03{ clear:both;}
}
@media screen and (min-width: 768px){
	div.pearlline-newslook{
		display: block;
	}

  /* div.pearlline-newslist{ clear:both; float:none; width:100%;} */
  div.pearlline-newslist-textInner{ padding-right:5px;}
  p.pearlline-newslist-photo{ width:140px; float:left; margin-right:-150px;}
  p.pearlline-newslist-photo span{ display:block; width:140px; height:90px; overflow:hidden;}
  div.pearlline-newslist-textInner{ margin-left:150px;}
}
@media screen and (min-width: 960px){
	div.pearlline-newslook{
		display:-webkit-box;
  	display:-ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	div.pearlline-newslist{
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
	}
  /* div.pearlline-newslist{ clear:none; float:left; width:50%;} */
  div.pearlline-newslist-textInner{ padding-right:5px;}
}
@media screen and (min-width: 1680px){
	div.pearlline-newslist{
		-ms-flex-preferred-size: 25%;
		flex-basis: 25%;
	}

  /* div.pearlline-newslist{ clear:none; float:left; width:25%;} */
  div#plnews5{ clear:both;}
  div#plnews9{ clear:both;}
}



/*==================================================================================================================================================
@group 天草四郎メモリアルホールカテゴリ
==================================================================================================================================================*/


/* -----カテゴリイメージ・メニュー-------------------- */

div#memorial-header{
  border:1px solid #999999;
}
div#memorial-header h2{
  height:120px;
  text-align:left;
  margin:1px;
  background:url(../images/memorial/bg_memorialTop.jpg) repeat-x left center;
}
div#memorial-header h2 img{
  max-width:100%;
}

div#memorial-contentlist{
  margin-top:10px;
  margin-left:15px;
  margin-right:15px;
}
div#memorial-contentlist ul li{
  padding:10px 0;
}
div#memorial-contentlist ul li a{
  display:block;
  padding:13px 0;
  margin-left:5px;
  margin:5px 5px 0px 5px;
  text-align:right;
}
div#memorial-contentlist ul li#memorialList01 a{
  background:url(../images/memorial/bg_memorial01.jpg) no-repeat left center;
}
div#memorial-contentlist ul li#memorialList02 a{
  background:url(../images/memorial/bg_memorial02.jpg) no-repeat left center;
}
div#memorial-contentlist ul li#memorialList03 a{
  background:url(../images/memorial/bg_memorial03.jpg) no-repeat left center;
}
div#memorial-contentlist ul li#memorialList04 a{
  background:url(../images/memorial/bg_memorial04.jpg) no-repeat left center;
}
div#memorial-contentlist ul li a img{
  max-width:100%;
}

@media screen and (min-width: 320px){
  div#memorial-contentlist{
    margin-top:0;
    margin-left:20px;
  }
  div#memorial-contentlist ul li{
    width:50%;
    float:left;
  }
  div#memorial-contentlist ul li#memorialList01{
    background:url(../images/memorial/bg_memorialDot.gif) no-repeat right center;
  }
  div#memorial-contentlist ul li#memorialList02{
    background:none;
  }
  div#memorial-contentlist ul li#memorialList03{
    background:url(../images/memorial/bg_memorialDot.gif) no-repeat right center;
  }
  div#memorial-contentlist ul li#memorialList04{
    background:none;
  }
}
@media screen and (min-width: 480px){
  div#memorial-contentlist{
    margin-left:0px; margin-right:0px;
  }
  div#memorial-contentlist ul li{
    width:25%;
  }
  div#memorial-contentlist ul li a{
    padding-right:5px;
  }
  div#memorial-contentlist ul li#memorialList01{
    background:url(../images/memorial/bg_memorialDot.gif) no-repeat right center;
  }
  div#memorial-contentlist ul li#memorialList02{
    background:url(../images/memorial/bg_memorialDot.gif) no-repeat right center;
  }
  div#memorial-contentlist ul li#memorialList03{
    background:url(../images/memorial/bg_memorialDot.gif) no-repeat right center;
  }
  div#memorial-contentlist ul li#memorialList04{
    background:none;
  }
}
@media screen and (min-width: 640px){
  div#memorial-header h2{
    height:178px;
  }
  div#memorial-contentlist ul li{
    width:25%;
  }
  div#memorial-contentlist ul li a{ margin-left:10px; }
}
@media screen and (min-width: 768px){
div#memorial-header h2{ text-align:left;}
div#memorial-header h2 span{ display:block; background:url(../images/memorial/bg_memorial_shiroufamily.png) no-repeat bottom right;}
div#memorial-contentlist ul li{ width:25%; background:none; padding:7px 0;}
}
@media screen and (min-width: 960px){
div#memorial-header h2{ text-align:left; padding-left:0;}
div#memorial-contentlist ul li{ width:25%;}
div#memorial-contentlist ul li a{ padding-right:10px;}
}
@media screen and (min-width: 1440px){
}

/* -----紹介テキスト-------------------- */
#memorialDesc{
  clear:both;
  padding:10px 0 0 0;
}
#memorialDescInner{
  margin:5px;
}
#memorialDescInner h3{
  height:36px;
  padding-left:50px;
  border-bottom:1px solid #1D8576;
  background:url(../images/memorial/bg_memorial_title.gif) no-repeat top left;
}
#memorialDescInner h3 img{
  max-width:100%;
}
#memorialDescInner div{
  margin:15px;
}
#memorialDescImage{
  display:block;
  float:none;
  clear:both;
  text-align:center;
}
#memorialDescImage img{
  max-width:100%;
}
#memorialDescText{
  display:block;
  float:none;
  clear:both;
  margin-top:20px;
}
.memorialMOVIE{
  display: block;
  margin: 10px 0;
  text-align: center;
}
.memorialMOVIE a{
  background-color: #1D8576;
  border-radius: 10px;
  color: #FFF;
  display: block;
  margin: 0 auto;
  padding: 10px;
  text-decoration: none;
  width: 250px;
}
.memorialMOVIE a:hover{
  background-color: #A5EBE8;
  color: #333333;
  font-weight: 600;
}
.memo-table h4{
  border-bottom: 3px solid #999;
  font-size: 105%;
  margin-bottom: 20px;
  padding-left: 10px;
}
.memo-table table{
  border-collapse: collapse;
  margin: 0 10px;
}
.memo-table table th,
.memo-table table td{
  border: 2px solid #666;
  padding: 10px;
}
.memo-table table th{
  background-color: #DAF7F6;
  width: 80px;
}
@media screen and (min-width: 480px){
  #memorialDescInner div{
    margin:15px 5px 25px;
  }
  #memorialDescImage{
    width:30%;
    display:block;
    float:left;
    clear:none;
    text-align:center;
  }
  #memorialDescImage img{
    max-width:100%;
  }
  #memorialDescText{
    width:70%;
    display:block;
    float:right;
    clear:none;
    margin-top:0px;
  }
  #memorialDescTextInner{
    display:block;
    margin-left:15px;
  }
}


/* -----新着情報-------------------- */
div#memorial-content{ clear:both; padding:20px 0;}
div#memorial-newsInner{ margin:5px;}

div#memorial-news h3{ height:36px; padding-left:50px; border-bottom:1px solid #1D8576; background:url(../images/memorial/bg_memorial_title.gif) no-repeat top left;}
div#memorial-news h3 img{ max-width:100%;}
div.memorial-newslist img{ max-width:100%;}
div.memorial-newslist{ clear:both; padding:5px 0}
div.memorial-newslistInner{ background:url(../images/dot_x.gif)  repeat-x bottom left; margin:5px 5px; padding:5px 0;}
p.memorial-newslist-photo{ width:120px; float:left; margin-right:-130px;}
p.memorial-newslist-photo span{ display:block; width:120px; height:70px; overflow:hidden;}
p.memorial-newslist-photo img{ display:block;}
div.memorial-newslist-text{ width:100%; float:right;}
div.memorial-newslist-textInner{ margin-left:130px;}
div.memorial-newslist span.u-date{ display:block;}


@media screen and (min-width: 600px){
  div.memorial-newslist{ clear:none; float:left; width:50%;}
  div#tl03{ clear:both;}
#mhnum1{}
#mhnum2{}
#mhnum3{ clear:both; }
#mhnum4{}
#mhnum5{ clear:both; }
#mhnum6{}
#mhnum7{ clear:both; }
#mhnum8{}
#mhnum9{ clear:both; }
#mhnum10{}
}
@media screen and (min-width: 768px){
  div.memorial-newslist{ clear:both; float:none; width:100%;}
  div.memorial-newslist-textInner{ padding-right:5px;}
  p.memorial-newslist-photo{ width:140px; float:left; margin-right:-150px;}
  p.memorial-newslist-photo span{ display:block; width:140px; height:90px; overflow:hidden;}
  div.memorial-newslist-textInner{ margin-left:150px;}

}
@media screen and (min-width: 960px){
  div.memorial-newslist{ clear:none; float:left; width:50%;}
  div.memorial-newslist-textInner{ padding-right:5px;}

}
@media screen and (min-width: 1680px){
  div.memorial-newslist{ clear:none; float:left; width:25%;}
  div#memorialnews5{ clear:both;}
  div#memorialnews9{ clear:both;}
#mhnum3{ clear:none;}
#mhnum5{ clear:both;}
#mhnum7{ clear:none;}
#mhnum9{ clear:none;}

}


/* -----Facebook page plugin-------------------- */

div#fb-plugin{ width:320px; margin:10px auto;}
div#fb-pluginInner{}

@media screen and (min-width: 640px){
  div.fb div#memorial-news{ width:100%; float:left;}
  div.fb div#memorial-newsInner{ margin-right:340px;}
  div.fb div.memorial-newslist{ clear:both; float:none; width:100%;}
  div.fb div#fb-plugin{ margin:0; float:right; margin-left: -340px;}
}
@media screen and (min-width: 768px){
  div.fb div#memorial-news{ width:100%; float:none;}
  div.fb div#memorial-newsInner{ margin-right:0;}
  div.fb div#fb-plugin{ margin:10px auto; float:none; margin-left: 0;}
}
@media screen and (min-width: 960px){
  div.fb div#memorial-news{ width:100%; float:left;}
  div.fb div#memorial-newsInner{ margin-right:340px;}
  div.fb div.memorial-newslist{ clear:both; float:none; width:100%;}
  div.fb div#fb-plugin{ margin:0; float:right; margin-left: -340px;}
}
@media screen and (min-width: 1680px){
  div.fb div.memorial-newslist{ clear:none; float:left; width:50%;}
  div#tl03{ clear:none;}
}



/*==================================================================================================================================================
@group 議会
==================================================================================================================================================*/

/* ----議会ヘッダー---- */
div#gikai-header{
  background-image:url(../images/bg_gikai2.jpg);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center left;
}
div#gikai-header h2{ width:100px;}
div#gikai-header img{ max-width:100%;}

div#gikainews{ padding:10px 0;}
h3.gikai_newstitle{ border-top: 4px solid #00B02D; border-bottom:1px solid#BBBBBB; }

ul.article-list li{ background:url(../images/dot_x.gif) repeat-x left bottom; padding:5px 0;}

@media screen and (min-width: 768px){
  div#gikai-header h2{ width:140px;}
}
@media screen and (min-width: 960px){
  div#gikai-header h2{ width:180px;}
}
@media screen and (min-width: 1500px){
  div#gikai-header{ background-size:auto 200px; background-repeat:repeat-x;}
}

/* ----各セクション共通---- */

div.section-gikai{ padding:10px 0 15px; clear:both;}
.title-gikai{ border-left:7px solid #23CFC7; border-bottom:1px solid #23CFC7; padding:5px; margin-bottom:10px;}
span#gikaichukei{ display:block; float:left; margin:0 10px 10px 0;}
.news-gikai li{ background:url(../images/dot_x.gif) repeat-x left bottom; padding:5px; margin-left:1.5em;}

div.section-gikai span.u-date{ display:block;}

ul.kiji-gikai{ list-style-type:none;}
ul.kiji-gikai li{ display:inline-block; background:url(../images/icon_gikai.jpg) no-repeat left center; padding:5px 15px 5px 20px;}


@media screen and (min-width: 480px){
  div.section-gikai span.u-date{ display:inline;}
}

/* ----市議会コロナポリシー 2020/05/20---- */

div.corona-gikai{
  padding:10px 0 15px;
  clear:both;
}
.title-corona-gikai{
  border-left:7px solid #23CFC7;
  border-bottom:1px solid #23CFC7;
  padding:5px;
  margin-bottom:10px;
}
div.corona-gikai p{
  width: 98%;
  padding: 5px 10px;
}

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


/*==================================================================================================================================================
@group 申請書プリントサービス
==================================================================================================================================================*/

#npWrapper{ padding:10px 5px;}
#npWrapper div#netprint{ background-color:#FFF4D5; border:3px solid #FFE9A4;}
#npWrapper div#netprint h2{ margin:5px; padding:5px;}
#npWrapper div#netprint h2 span{ display:block; padding-bottom:5px; border-bottom:2px solid #8C6900; max-width:547px;}
#npWrapper div#npBox{ padding:5px;}
#npWrapper div#netprint p#nptoptext{ font-size:90%; margin:5px 0.5em 15px;;}
#npWrapper div#netprint p.npContent{ font-size:90%; margin:5px 0.5em;}
#npWrapper div#netprint p.npContent span{ display:block; margin-top:3px;}
#npWrapper img{ max-width:100%;}


@media screen and (min-width: 480px){
#npWrapper div#netprint h2{ margin:10px 10px 5px 10px;}
#npWrapper div#npBox{ padding:0px 10px 10px 10px;}
}

@media screen and (min-width: 960px){
#npWrapper div#netprint{ background-image:url(../images/netprint/bg_npimage.png); background-position:bottom right; background-repeat:no-repeat;}
#npWrapper div#netprintInner{ max-width:670px;}

}

/*==================================================================================================================================================
@group 新型コロナウイルス関連情報カテゴリページ 更新：2020/05/29
==================================================================================================================================================*/
/*--カテゴリボタン--*/
div#corona_categorylist {
  padding: 10px;
  margin: 0 0 20px;
}
div#corona_category {
  width: 100%;
  margin-bottom: 20px;
}
div#corona_category p{
  font-size: 20px;
  font-weight: bold;
  position: relative;
  padding: 0 7px;
  border-top: solid 2px #4db5b8;
  border-bottom: solid 2px #4db5b8;
}
div#corona_category a{
  display: block;
  padding: 20px 10px;
  text-align: center;
  text-decoration: none;
  color: #3f5274;
  background-color: #e4fffe;
}
div#corona_category a:hover {
  background: #81f5ef;
}
div#corona_category p:before, div#corona_category p:after {
  content: '';
  position: absolute;
  top: -7px;
  width: 2px;
  height: -webkit-calc(100% + 14px);
  height: calc(100% + 14px);
  background-color: #189da7;
}
div#corona_category p:before {
  left: 7px;
}
div#corona_category p:after {
  right: 7px;
}
@media screen and (min-width: 640px){
  div#corona_categorylist {
    width: 100%;
    margin: 0 auto 20px;
    overflow: hidden;
  }
  div#corona_category {
    width: 48%;
    float: left;
    margin:0 5px 20px 0;
  }
}
/*--カテゴリボタン終了--*/
/*--新型コロナ関連記事新着表示--*/
#corona_article_list h2.pagetype{
  margin-bottom: 10px;
}
.corona_list_title{
  font-size: 18px;
  font-weight: bold;
}
.corona_newlist{
  margin: 0 20px 5px;
  padding-bottom: 5px;
  border-bottom:1px dotted #333333;
}
.corona_newlist .corona_article_title{
  border-left:7px solid #189da7;
}
.corona_newlist .corona_article_title a{
  padding-left: 5px;
  display: block;
}