@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: 640px) and (max-width: 767px){
  h2.pagetype{ margin:0;}
  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.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;}
  div.CateArticleList-odd,
  div.CateArticleList-t-odd,
  div.CateArticleList-f-odd,
  div.CateArticleList-tw-odd{ clear:both;}
}
@media screen and (min-width: 768px){
  div#relcate li{ display:block; border-bottom:1px dotted #444444;}
  div#title-category{ margin:0;}
}
@media screen and (min-width: 840px){
  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;}
  
  div.CateArticleList-odd div.CateArticleListInner,
  div.CateArticleList-t-odd div.CateArticleListInner,
  div.CateArticleList-f-odd div.CateArticleListInner,
  div.CateArticleList-tw-odd div.CateArticleListInner{ margin:0 20px 0 0;}  
}



/*==================================================================================================================================================
@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;}
}


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

/*記事のタイトル*/
h2#page-title{
  padding:18px 10px 10px;
  font-size:115%;
  border:1px solid #FFDE79;
  background:#FFEEBC;
}
/*記事詳細ページ基本スタイル*/
div#detail{
	padding:0px;
	margin:0 0px 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 #CCCCCC;
  margin:10px;
}
  div#contactBlk h5{ font-weight:normal; padding:5px 12px; background:#EDEDED; 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 #FFDE79; border-top:3px solid #FFDE79;}
  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 #997437;
	border-right:1px solid #997437;
	border-bottom:1px solid #997437;
	border-left:15px solid #997437;
	margin:5px 0;
}

/*見出し２*/
div.articleBox h4{
	padding:5px;
	font-size:110%;
	border-top:1px solid #997437;
	border-right:1px solid #997437;
	border-bottom:1px solid #997437;
	border-left:5px solid #997437;
	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.gif) no-repeat center left;
}
@media screen and (min-width: 768px){
  div.articleBox h3{ padding:10px;}
  div.articleBox h4{ padding:8px; border-left:8px solid #997437;}
  
}
/*==================================================================================================================================================
@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:480px;}
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:480px;}
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:480px;}

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:480px; 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:480px; 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:480px; 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:480px; 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 #7C470C;
  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;
  }
}

/* dl enqform */
dl.enqform{
  margin: 0;
  padding: 0;
}
dl.enqform dt{
  margin: 0;
  padding: 0.4em;
  border-top: 1px solid #6DA47D;
  border-right: 1px solid #6DA47D;
  border-bottom: 1px solid #6DA47D;
  border-left: 5px solid #6DA47D;
  font-size: 100%;
  line-height: 1.6em;
  font-weight:bold;
}
dl.enqform dd{
  padding: 5px;
  line-height: 1.6em;
  margin:0 0 1em;
}
dl.enqform .textareaBox{
  width:100%;
  height:90px;
}
dl.enqform .textareaBox-s{
  width:100%;
  height:70px;
}
div#inquiryBox p.enqform-submit{ padding:20px 0; text-align:center;}
div#inquiryBox p.enqform-submit input.submit{ padding:5px; margin:0;}

span.chkbox{ display:block;}
span.radiobox{ display:inline-block; padding-right:2em;}

  p.enqform-submit{ border-top:1px solid #CCCCCC;}

div#inquiryBox dl.enqform p.formblock{ padding:5px 0;}

@media screen and (min-width: 640px){
  dl.enqform{
    margin: 0 10px;
    padding: 0;
  }
  dl.enqform .textareaBox{
    height:170px;
  }
}


.inpu_text_long{ max-width:400px;}


/*==================================================================================================================================================
@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 #5B3F24;
      border-right:1px solid #5B3F24;
      border-bottom:1px solid #5B3F24;
      border-left:5px solid #5B3F24;
    }
    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.sp-category{
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center center;
  text-align:right;
  background-color: #403000;
}
div.sp-category h2{ background:url(../images/bg_brown_trans.png) repeat; color:#FFF; display:inline-block; padding:15px; margin:20px;}

div#sp01-title{ background-image:url(../images/category/bg_cate01.jpg);}
div#sp02-title{ background-image:url(../images/category/bg_cate02.jpg);}
div#sp03-title{ background-image:url(../images/category/bg_cate03.jpg);}
div#sp04-title{ background-image:url(../images/category/bg_cate04.jpg);}
div#sp05-title{ background-image:url(../images/category/bg_cate05.jpg);}
div#sp06-title{ background-image:url(../images/category/bg_cate06.jpg);}

@media screen and (min-width: 768px){
  div.sp-category{ min-height:200px;}
}
/*==================================================================================================================================================
@group 特殊カテゴリー：移住定住特集
==================================================================================================================================================*/

div#miyazakiBox{
  padding:10px 0 20px;
}
  div#miyazaki-header{
	border:1px solid #7F5927;
    position:relative;
    height:120px; background-image:url(../images/sp-category/miyazaki/topimage_miyazaki.jpg); background-repeat:no-repeat; background-position:top left; background-size:cover;
  }
    div#miyazaki-header h2{ width:115px; height:80px; float:right; margin:24px 20px 0 0;}
    div#miyazaki-header h2 img{ width:100%;}
    
    
    
  div#miyazaki_contentslist{
    width:100%;
    padding:20px 0 0;
  }
  
  div#miyazakinews{
    width:100%;
    padding:20px  0;
    margin-bottom:10px;
  }
  
    #CateArticleBlk h3.miyazaki_titlebar,
    h3.miyazaki_titlebar{
	  border-bottom:1px solid #816652;
      margin-bottom:10px;
    }
    h3.miyazaki_titlebar img{
	  display:block;
	  max-width:100%;
	}
    div#miyazakinews ul li{
      background:url(../images/miyazaki/dot_miyazaki.gif) repeat-x bottom left;
      padding:5px;
	  
    }
    div#miyazakinews span.u-date{
      display:block;
      background:url(../images/icon_orange.gif) no-repeat left center;
    }
  div#miyazaki-descWrapper{ margin:0 0 10px 0;}
    
	div#miyazaki-desc {
    padding:20px;
    margin-top:20px;
    background:url(../images/bg_miyazaki_desc.gif) repeat;
    border:2px solid #FFD5AA;
  }
  
  div#miyazaki-descInner p { padding:5px 0;}
  
  
  div#miyazakiBox div#miyazaki_submenu{
	height:56px;
	margin-top:20px;
  }
  div#miyazakiBox div#miyazaki_submenu p{
	width:100%;
	float:left;
  }
  div#miyazakiBox div#miyazaki_submenu p#miyazaki_sub03{
	height:112px;
  }
  div#miyazakiBox div#miyazaki_submenu p#miyazaki_sub03 span#miyazaki-mangaBox{
	background:url(../images/miyazaki/bg_manga_miyazaki.jpg) no-repeat top center;
	display:block;
	overflow:hidden;
	height:112px;
	position:relative;
  }
  div#miyazakiBox div#miyazaki_submenu p a{
	display:block;
	height:56px;
	margin:3px 2px;
  }
  div#miyazakiBox div#miyazaki_submenu p a span{
	display:block;
	border:1px solid #999999;
	border-left:6px solid #999999;
  }
  
  div#miyazakiBox div#miyazaki_submenu p a span#manga_title1,
  div#miyazakiBox div#miyazaki_submenu p a span#manga_title2{
	display:block;
	border:none;
  }
  div#miyazakiBox div#miyazaki_submenu p a span#manga_title1{
  	position:absolute;
	top:0;
	left:0;
	z-index:9999;
  }
  
  div#miyazakiBox div#miyazaki_submenu p a span#manga_title2{
  	position:absolute;
	bottom:0;
	right:0;
	z-index:0;
  }
  div#miyazakiBox div#miyazaki_submenu p#miyazaki_sub01 a span{
	background:url(../images/miyazaki/bg_miyazaki_sub01.jpg) no-repeat right top;
  }
  div#miyazakiBox div#miyazaki_submenu p#miyazaki_sub02 a span{
	background:url(../images/miyazaki/bg_miyazaki_sub02.jpg) no-repeat right top;
  }
  div#miyazakiBox div#miyazaki_submenu img{
	display:block;
	max-width:150px;
  }
  div#miyazakiBox div#miyazaki_submenu span#manga_title1 img{
	display:block;
	max-width:343px;
  }
  div#miyazakiBox div#miyazaki_submenu span#manga_title2 img{
	display:block;
	max-width:343px;
  }
  div#miyazakiBox div#miyazaki_submenu h3.miyazaki_titlebar img{
	  display:block;
	  max-width:100%;
	}
  
  div#miyazakiBox ul.miyazaki_contentslist li {
    float: left;
    width: 100%;
  }
  ul.miyazaki_contentslist li a{ display:block; height:90px; border:1px solid #CCCCCC; margin:2px; position:relative;}
  ul.miyazaki_contentslist li a span.box{ display:block; margin:1px; height:88px;}
  ul.miyazaki_contentslist li a span.inner{ display:block; }
  ul.miyazaki_contentslist li img{ max-width: 100%;}
  ul.miyazaki_contentslist li img.miyazaki_cateimg{ position:absolute; left:1px; z-index:10000;}
  ul.miyazaki_contentslist li img.miyazaki_catebtn{ position:absolute; right:1px; z-index:9999;}
  
  ul.miyazaki_contentslist li#miyazakiList01 a span.box{ background:url(../images/miyazaki/bg_miyazaki_cate01.jpg) repeat-x;}
  ul.miyazaki_contentslist li#miyazakiList02 a span.box{ background:url(../images/miyazaki/bg_miyazaki_cate02.gif) repeat;}
  ul.miyazaki_contentslist li#miyazakiList03 a span.box{ background:url(../images/miyazaki/bg_miyazaki_cate03.jpg) repeat-x;}
  ul.miyazaki_contentslist li#miyazakiList04 a span.box{ background:#D0C1AA;}
  ul.miyazaki_contentslist li#miyazakiList05 a span.box{ background:url(../images/miyazaki/bg_miyazaki_cate05.jpg) repeat-x;}
  ul.miyazaki_contentslist li#miyazakiList06 a span.box{ background:url(../images/miyazaki/bg_miyazaki_cate06.jpg) repeat-x;}
  
  
  div#miyazaki-desc-topcontent-Wrapper{
    background:url(../images/bg_miyazaki-wrapper.gif) repeat-x bottom;
  }
  div#miyazaki-topContentWrapper{
    padding-bottom:10px;
  }
  div#miyazaki_toptitlebar{ background: #FFE495;}
  div#miyazaki_toptitlebar h3{ float:left; width:75%;}
  div#miyazaki_toptitlebar span{ display:block; width:24%; float:right; padding-top:12px; text-align:right;}
  div#miyazaki_toptitlebar h3 img{ max-width:100%;}
  div#miyazaki_toptitlebar span img{ max-width:100%; display:block; margin-right:5px;}
  
  div#miyazaki-topContentListBox{
    clear:both;
    margin:0;
    border-right:10px solid #FFE495;
    border-left:10px solid #FFE495;
  }
  ul#miyazaki-topContentList{ padding:10px 15px; height:13em; overflow:scroll; overflow-x:visible; }
  ul#miyazaki-topContentList li{ background:url(../images/dot_x.gif) repeat-x bottom left; padding:5px 0; line-height:1.4;}
  
  div#miyazaki-guide{width:100%; float:left; margin-top:20px; margin-bottom:20px;}
  div#miyazaki-guideInner{}
  h3.miyazaki-title-guide{ border-bottom:1px solid #816652;}
  div#miyazaki-guide-detail{ padding:0px 0px;}
  h4.miyazaki-guide-h4 {
    background:url(../images/sp-category/miyazaki/bg_miyazaki_shisetsu_icon.gif) no-repeat left center;
  }
  p.miyazaki-guide-p{}
  
  
@media screen and (min-width: 340px){

  div#miyazakiBox div#miyazaki_submenu p#miyazaki_sub03{
	height:56px;
  }
  div#miyazakiBox div#miyazaki_submenu p#miyazaki_sub03 span#miyazaki-mangaBox{
	background:url(../images/miyazaki/bg_manga_miyazaki.jpg) no-repeat top center;
	display:block;
	overflow:hidden;
	height:56px;
	position:relative;
  }
}
  
  
@media screen and (min-width: 480px){
  
  div#miyazakinews span.u-date{ display:inline-block; padding-left:15px;}
  div#miyazakiBox ul.miyazaki_contentslist li { width: 50%;}
  div#miyazakiBox div#miyazaki_submenu p{ width:50%;}
  div#miyazakiBox div#miyazaki_submenu p a{ margin:5px;}
  div#miyazakiBox div#miyazaki_submenu img{ max-width:150px;}
  div#miyazakiBox div#miyazaki_submenu span#manga_title1 img{ max-width:250px;}
  div#miyazakiBox div#miyazaki_submenu span#manga_title2 img{ max-width:230px;}
}
@media screen and (min-width: 620px){
  div#miyazakiBox div#miyazaki_submenu span#manga_title1 img{ max-width:300px;}
  div#miyazakiBox div#miyazaki_submenu span#manga_title2 img{ max-width:300px;}
}
@media screen and (min-width: 640px){

  div#miyazaki-header{ height:168px;}
  div#miyazaki-header h2{ width:172px; margin-top:34px; margin-right:30px;}
  div#miyazakinews{ width:50%; float:left;}
  div#miyazakinews span.u-date{padding-left:0px;}
  div#miyazaki-descInner img{ float:left;}
  div#miyazaki_toptitlebar h3{ width:244px;}
  div#miyazaki_toptitlebar span{ width:74px;}
  div#miyazaki-guideInner{ margin:0 5px;}
  
}
@media screen and (min-width: 768px){
  
  div#miyazaki-header{
  }
  
  div#miyazakinews{ width:100%; float:left;}
  div#miyazakinews span.u-date{padding-left:15px;}
  div#miyazaki-header h2 img#miyazaki-title02{}

  div#miyazakinews{ float:left;}
 
  div#miyazakiBox ul.miyazaki_contentslist li { float: left; width: 50%;}
  
  ul.miyazaki_contentslist li a{ margin:5px;}

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

  div#miyazakiBox ul.miyazaki_contentslist li { width: 33%;}
  div#miyazakinews{ width:50%;}
  div#miyazakinews span.u-date{padding-left:0px;}
  
  div#miyazaki-desc-topcontent-Wrapper{
    border-right:10px solid #FFE495;
  }
  div#miyazaki-desc-topcontent-WrapperInner{
    background:url(../images/bg_miyazaki-wrapper_left.gif) repeat-y center top;}
  div#miyazaki-topContentListBox{
    border-right:none;
  }
  div#miyazaki-descWrapper{
    width:50%;
    float:left;
    margin:0;
    padding:0;
  }
    div#miyazaki-desc{ margin:0; border:none;}
    
  div#miyazaki-topContentWrapper{
    width:50%;
    float:right;
  }
  div#miyazakiBox div#miyazaki_submenu span#manga_title1 img{ max-width:343px;}
  div#miyazakiBox div#miyazaki_submenu span#manga_title2 img{ max-width:343px;}
  
}
@media screen and (min-width: 1440px){
  
  div#miyazaki-desc{ margin:0;}
  
}
@media screen and (min-width: 1680px){
  div#miyazaki-desc-topcontent-Wrapper{
    width:65%;
    float:left;
  }
  
  div#miyazakinews{ width:50%; float:left;}
  
}
@media screen and (min-width: 1920px){

  div#miyazakinews span.u-date{ display:inline;}
  div#miyazaki-desc{ height:16em;}
  
}
@media screen and (min-width: 2048px){

  div#miyazakiBox ul.miyazaki_contentslist li { width: 16.5%;}
  
}

/*==================================================================================================================================================
@group 特殊カテゴリー：施設予約システムボタン
==================================================================================================================================================*/

div#facility{ margin:5px;}
div#facilityInner{ border:1px solid #C6B49B; background:#FFF3D0; padding:10px; text-align:center;}
div#facility a{ display:block;}
div#facility img{ max-width:100%;}

@media screen and (min-width: 480px){
  span#title-facility{ display:block; float:left; width:280px;}
  span#btn-facility{ display:block; float:right; width:111px; padding-top:6px;}
  
}
@media screen and (min-width: 768px){
  div#facility{ margin:10px 0;}
}

/*==================================================================================================================================================
@group 特殊カテゴリー：観光協会バナー
==================================================================================================================================================*/

div#marugotoarao{ margin:10px 0; border-top:2px solid #FFDE79; border-bottom:2px solid #FFDE79;}
div#marugotoarao p{ padding:10px;}
div#marugotoarao a{ display:block; text-align:center; margin-bottom:10px;}
div#marugotoarao img{ max-width:100%;}

@media screen and (min-width: 480px){
  div#marugotoarao a{ width:50%; max-width:300px; float:left; margin-right:15px;}
  div#marugotoarao p{ padding:10px 0;}
}



/*==================================================================================================================================================
@group 特殊カテゴリー：特殊6カテゴリー共通部分
==================================================================================================================================================*/


div.sp-topicsBox{ margin-top:20px;}
div.sp-topicsBox div#newsBox{}
div.sp-topicsTitle{ border-bottom:1px solid #686C86;}
div.sp-topicsTitle h2{ width:63%; float:left;}
div.sp-topicsTitle h2 img{ max-width:100%;}
div.sp-topicsTitle span{ width:36%; float:right; display:block; padding:0px 0 0; text-align:right;}
div.sp-topicsTitle span a{}
div.sp-topicsTitle span a img{ max-width:100%;}


div.sp-newslist{ clear:both; background:url(../images/sp-category/bg_dot_gray.gif) repeat-x bottom left; padding:5px 0;}
div.sp-newslist p.sp-newslistPhoto{ width:120px; float:left; margin-right:-130px;}
div.sp-newslist p.sp-newslistPhoto span{ display:block; overflow:hidden; position:relative; width:120px; height:75px;}
div.sp-newslist p.sp-newslistPhoto img{ display:block; width:120px;}
div.sp-newslist div.sp-newslistText{ width:100%; float:right;}
div.sp-newslist div.sp-newslistTextInner{ margin-left:130px;}
div.sp-newslist span.u-date{ display:block; font-size:85%; color:#630;}

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

div.sp-newslist{ clear:none; float:left; width:50%;}
div.sp-newslist p.sp-newslistPhoto{ width:120px; float:left; margin-right:-130px;}
div.sp-newslist div.sp-newslistTextInner{ padding-right:5px;}
div#sp-tl03{ clear:both;}

}
@media screen and (min-width: 768px){
div#sp-newsBox{ margin:0 3px;}

}
@media screen and (min-width: 960px){
div.sp-newslist{ clear:none; float:left; width:25%; background:none;}
div.sp-newslistInner{ margin:0 5px;}
div.sp-newslist p.sp-newslistPhoto{ width:100%; float:none; margin-right:0;}
div.sp-newslist p.sp-newslistPhoto span{ width:100%; height:110px;}
div.sp-newslist p.sp-newslistPhoto img{ width:100%;}
div.sp-newslist div.sp-newslistText{ width:100%; float:none;}
div.sp-newslist div.sp-newslistTextInner{ margin-left:0; padding:10px 0;}
div.sp-newslist span.u-date{ display:block; font-size:85%; color:#630;}
div#sp-tl03{ clear:none;}
}

/*==================================================================================================================================================
@group 特殊カテゴリー：sp-category01　観光情報
==================================================================================================================================================*/
div#sp01-title{ height:120px; border:1px solid #7F5927; background-image:url(../images/sp-category/kankou/topimage_kankou.jpg); background-position:bottom left; background-repeat:no-repeat; background-size:cover; }
div#sp01-title h2{ width:115px; height:80px; text-align:center; margin:16px auto;}
div#sp01-title h2 img{ max-width:100%;}

div#sp01 div.sp-topicsTitle{ border-bottom:1px solid #816652;}




div#catemenu01{ margin:0 5px;}
div#catemenu01 ul{ margin:10px 2px 0 2px;}
div#catemenu01 ul li{ width:100%;}
div#catemenu01 ul li a{ display:block; margin:5px 5px 0 5px; background:url(../images/sp-category/kankou/dot_kankou.gif) repeat-x bottom left; padding-bottom:1px; }
div#catemenu01 ul li a span.sp-catemenu{ display:block; margin:0; vertical-align:middle; background-image:url(../images/sp-category/kankou/bg_btnleft_kankou.gif); background-repeat:no-repeat;}
div#catemenu01 ul li a span.sp-catemenu span.sp-catemenuInner{ display:block; margin:10px 0 10px 20px;}
div#catemenu01 ul li.category-menu01 a span.sp-catemenuInner{ background:url(../images/sp-category/kankou/bg_btnright01.jpg) no-repeat top right;}
div#catemenu01 ul li.category-menu02 a span.sp-catemenuInner{ background:url(../images/sp-category/kankou/bg_btnright02.jpg) no-repeat top right;}
div#catemenu01 ul li.category-menu03 a span.sp-catemenuInner{ background:url(../images/sp-category/kankou/bg_btnright03.jpg) no-repeat top right;}
div#catemenu01 ul li.category-menu04 a span.sp-catemenuInner{ background:url(../images/sp-category/kankou/bg_btnright04.jpg) no-repeat top right;}
div#catemenu01 ul li a span img{ max-width:100%;}


div#sp01 div#sp-topicsBox{}
div#sp01 div#sp-newsBox{}
div#sp01 div#sp-newsBox div.sp-newslistInner{}



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

div#catemenu01 ul li{ width:50%; float:left;}
div#catemenu01 ul li.category-menu01{}
div#catemenu01 ul li.category-menu02{}
div#catemenu01 ul li.category-menu03{}
div#catemenu01 ul li.category-menu04{}
div#catemenu01 ul li.category-menu05{}
div#catemenu01 ul li.category-menu06{}

}
@media screen and (min-width: 480px){
div#sp01 div#sp-newsBox div.sp-newslistInner{ margin-left:10px;}
div#sp01 div#sp-newsBox div.sp-newslistInner div.sp-newslistTextInner span.sp-newslink{ display:block; float:left; margin-left:10px;}

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

div#sp01-title{ height:168px;}
div#sp01-title h2{ width:210px; height:80px; text-align:left; margin:16px 0 0 54px;}

}
@media screen and (min-width: 768px){
div#sp01{ margin-bottom:20px;}
div#sp-newsBox{ margin:0 3px;}

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


/*==================================================================================================================================================
@group 特殊カテゴリー：sp-category02　万田坑
==================================================================================================================================================*/
div#sp02-title{ height:120px; border:1px solid #686C86; background-image:url(../images/sp-category/manda/topimage_manda.jpg); background-position:bottom left; background-repeat:no-repeat; background-size:cover; }
div#sp02-title h2{ float:right; width:80px; height:80px; margin:20px 20px 0 0;}
div#sp02-title h2 img{ max-width:100%;}

div#sp-newsBox{ margin:0 3px;}

div#catemenu02{ margin:0 5px;}
div#catemenu02 ul{ margin:10px 2px 0 2px;}
div#catemenu02 ul li{ width:100%;}
div#catemenu02 ul li a{ display:block; margin:5px 5px 0 5px; background:url(../images/sp-category/manda/dot_manda.gif) repeat-x bottom left; padding-bottom:1px; }
div#catemenu02 ul li a span.sp-catemenu{ display:block; margin:0; vertical-align:middle; background-image:url(../images/sp-category/manda/bg_btnleft_manda.gif); background-repeat:no-repeat;}
div#catemenu02 ul li a span.sp-catemenu span.sp-catemenuInner{ display:block; margin:10px 0 10px 40px;}
div#catemenu02 ul li.category-menu01 a span.sp-catemenuInner{ background:url(../images/sp-category/manda/bg_btnright01.jpg) no-repeat top right;}
div#catemenu02 ul li.category-menu02 a span.sp-catemenuInner{ background:url(../images/sp-category/manda/bg_btnright02.jpg) no-repeat top right;}
div#catemenu02 ul li.category-menu03 a span.sp-catemenuInner{ background:url(../images/sp-category/manda/bg_btnright03.jpg) no-repeat top right;}
div#catemenu02 ul li.category-menu04 a span.sp-catemenuInner{ background:url(../images/sp-category/manda/bg_btnright04.jpg) no-repeat top right;}
div#catemenu02 ul li a span img{ max-width:100%;}

div#sp02 div.sp-topicsTitle{ border-bottom:1px solid #686C86;}
div#sp02 div#sp-newsBox{}
div#sp02 div#sp-newsBox div.sp-newslist{ clear:both; float:none; width:100%;}
div#sp02 div#sp-newsBox div.sp-newslistInner{}
div#sp02 div#sp-newsBox div.sp-newslistInner div.sp-newslistText{ float:none;}
div#sp02 div#sp-newsBox div.sp-newslistInner div.sp-newslistTextInner{ margin-left:0;}


@media screen and (min-width: 480px){
div#catemenu02 ul li { width:50%; float:left;}
div#catemenu02 ul li.category-menu01 a{ margin-right:15px;}
div#catemenu02 ul li.category-menu02 a{ margin-right:0;}
div#catemenu02 ul li.category-menu03 a{ margin-right:15px;}
div#catemenu02 ul li.category-menu04 a{ margin-right:0;}
div#catemenu02 ul li.category-menu05 a{ margin-right:15px;}
div#catemenu02 ul li.category-menu06 a{ margin-right:0;}
div#catemenu02 ul li.category-menu07 a{ margin-right:15px;}
div#catemenu02 ul li.category-menu08 a{ margin-right:0;}
div#sp02 div#sp-newsBox div.sp-newslistInner{ margin-left:10px;}
div#sp02 div#sp-newsBox div.sp-newslistInner div.sp-newslistTextInner{ padding-left:30px; background:url(../images/sp-category/bg_newslist_arow.gif) no-repeat center left; height:1.5em}
div#sp02 div#sp-newsBox div.sp-newslistInner div.sp-newslistTextInner span.u-date{ display:block;  float:left; padding-top:0.1em;}
div#sp02 div#sp-newsBox div.sp-newslistInner div.sp-newslistTextInner span.sp-newslink{ display:block; float:left; margin-left:10px;}



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

div#sp02-title{ height:198px;}
div#sp02-title h2{ width:99px;}


}
@media screen and (min-width: 768px){
div#sp02{ margin-bottom:20px;}

}

@media screen and (min-width: 960px){
div#sp02 div#sp-newsBox div.sp-newslist{ clear:both; background:url(../images/sp-category/bg_dot_gray.gif) repeat-x bottom left; padding:5px 0;}
div#sp02 div#sp-newsBox div.sp-newslistInner div.sp-newslistTextInner{ padding:0 0 0 30px;}
}




/*==================================================================================================================================================
@group 特殊カテゴリー：sp-category03　宮崎兄弟資料館
==================================================================================================================================================*/

div#sp03-title{ height:120px; border:1px solid #7F5927; background-image:url(../images/sp-category/miyazaki/topimage_miyazaki.jpg); background-position:bottom left; background-repeat:no-repeat; background-size:cover; }
div#sp03-title h2{ width:115px; height:80px; text-align:center; margin:24px auto;}
div#sp03-title h2 img{ max-width:100%;}

div#sp03 div.sp-topicsTitle{ border-bottom:1px solid #816652;}

div#catemenu03{ background:#F9F5F0; margin:20px 0 0 0; padding-top:5px; padding-bottom:5px;}
div#catemenu03 ul{ margin:0 9px 0 9px;}
div#catemenu03 ul li{ width:100%; margin:0px 0 0 0;}
div#catemenu03 ul li a{ display:block; margin:0px 9px 5px 9px; background-color:#FFF; }
div#catemenu03 ul li a span.sp-catemenu{ display:block;}
div#catemenu03 ul li a span.sp-catemenu span.sp-catemenuInner{ display:block; text-align:left; }
div#catemenu03 ul li a span.sp-catemenu span.sp-catemenuInner img{ max-width:100%; }
div#catemenu03 ul li.category-menu01 a span.sp-catemenu span.sp-catemenuInner{ background-image:url(../images/sp-category/miyazaki/bg_miyazakimenu01.jpg); background-repeat:no-repeat; background-position:top left; background-size:cover;}

div#catemenu03 ul li a span.sp-catemenu span.sp-catemenuPhotoWrapper{ display:block; text-align:center; background-color:#FFFFFF; padding:4px;}
div#catemenu03 ul li a span.sp-catemenu span.sp-catemenuPhoto{ display:block; text-align:center;}
div#catemenu03 ul li.category-menu01 a span.sp-catemenu span.sp-catemenuPhoto{ background-image:url(../images/sp-category/miyazaki/bg_btn_miyazaki01.jpg); background-repeat:no-repeat; background-position:center left; background-size:cover;}
div#catemenu03 ul li.category-menu02 a span.sp-catemenu span.sp-catemenuPhoto{ background-image:url(../images/sp-category/miyazaki/bg_btn_miyazaki02.jpg); background-repeat:no-repeat; background-position:center left; background-size:cover;}
div#catemenu03 ul li.category-menu03 a span.sp-catemenu span.sp-catemenuPhoto{ background-image:url(../images/sp-category/miyazaki/bg_btn_miyazaki03.jpg); background-repeat:no-repeat; background-position:center left; background-size:cover;}
div#catemenu03 ul li a span.sp-catemenu span.sp-catemenuPhotoInner{ display:block; padding-top:72px; background-image:url(../images/sp-category/miyazaki/bg_btnright_miyazaki.gif); background-repeat:no-repeat; background-position:right top; text-align:center;}
div#catemenu03 ul li a span.sp-catemenu span.sp-catemenuPhotoInner span.sp-catemenuPhotoSpan{ display:block; background-color:#FFF; padding-top:3px;}
div#catemenu03 ul li a span.sp-catemenu span.sp-catemenuPhotoInner span.sp-catemenuPhotoSpan img{ max-width:100%;}

div#sp03 div#sp-topicsBox{}
div#sp03 div#sp-newsBox{}
div#sp03 div#sp-newsBox div.sp-newslist{ clear:both; float:none; width:100%;}
div#sp03 div#sp-newsBox div.sp-newslistInner{}
div#sp03 div#sp-newsBox div.sp-newslistInner div.sp-newslistText{ float:none;}
div#sp03 div#sp-newsBox div.sp-newslistInner div.sp-newslistTextInner{ margin-left:0;}

div#miyazakiBox div.sp-topicsTitle{ border-bottom:1px solid #816652;}
div#miyazaki-g1,
div#miyazaki-g2,
div#miyazaki-g3,
div#miyazaki-g4{ margin-bottom:2px; padding:15px;}
div#miyazaki-g1 h4 span,
div#miyazaki-g2 h4 span,
div#miyazaki-g3 h4 span,
div#miyazaki-g4 h4 span{ padding-left:13px; display:block; vertical-align:center;}
div#miyazaki-g1 h4 span img,
div#miyazaki-g2 h4 span img,
div#miyazaki-g3 h4 span img,
div#miyazaki-g4 h4 span img{ max-width:100%;}
div#miyazaki-g1 p,
div#miyazaki-g2 p,
div#miyazaki-g3 p,
div#miyazaki-g4 p{ margin-top:10px; float:right; width:100%;}
div#miyazaki-g1{ background-color:#F7EDE2; clear:both;}
div#miyazaki-g1 h4{ float:left; width:100%; background-image:url(../images/sp-category/miyazaki/bg_miyazaki_shisetsu_icon1.gif);background-repeat:no-repeat; background-position:left center; position:relative;}
div#miyazaki-g2{ background-color:#FDFAF7;}
div#miyazaki-g2 h4{ float:left; width:100%; background-image:url(../images/sp-category/miyazaki/bg_miyazaki_shisetsu_icon2.jpg);background-repeat:no-repeat; background-position:left center; }
div#miyazaki-g3{ background-color:#F7EDE2;}
div#miyazaki-g3 h4{ float:left; width:100%; background-image:url(../images/sp-category/miyazaki/bg_miyazaki_shisetsu_icon1.gif);background-repeat:no-repeat; background-position:left center; }
div#miyazaki-g4{ background-color:#FDFAF7;}
div#miyazaki-g4 h4{ float:left; width:100%; background-image:url(../images/sp-category/miyazaki/bg_miyazaki_shisetsu_icon2.gif);background-repeat:no-repeat; background-position:left center; }


@media screen and (min-width: 360px){
div#sp03-title h2{ text-align:right; margin:24px 20px 0 0; float:right;}

div#catemenu03 ul li{ width:50%; float:left;}
div#catemenu03 ul li.category-menu01{}
div#catemenu03 ul li.category-menu02{}
div#catemenu03 ul li.category-menu03{}
div#catemenu03 ul li.category-menu04{}
div#catemenu03 ul li.category-menu05{}
div#catemenu03 ul li.category-menu06{}

}
@media screen and (min-width: 480px){
div#sp03 div#sp-newsBox div.sp-newslistInner{ margin-left:10px;}
div#sp03 div#sp-newsBox div.sp-newslistInner div.sp-newslistTextInner{ padding-left:30px; background:url(../images/sp-category/bg_newslist_arow.gif) no-repeat center left; height:1.5em}
div#sp03 div#sp-newsBox div.sp-newslistInner div.sp-newslistTextInner span.u-date{ display:block;  float:left; padding-top:0.1em;}
div#sp03 div#sp-newsBox div.sp-newslistInner div.sp-newslistTextInner span.sp-newslink{ display:block; float:left; margin-left:10px;}

div#miyazaki-g1,
div#miyazaki-g2,
div#miyazaki-g3,
div#miyazaki-g4{ position:relative;}
div#miyazaki-g1 h4,
div#miyazaki-g2 h4,
div#miyazaki-g3 h4,
div#miyazaki-g4 h4{ width:20%; position:absolute; bottom:50%;}
div#miyazaki-g1 p,
div#miyazaki-g2 p,
div#miyazaki-g3 p,
div#miyazaki-g4 p{ margin-top:10px; float:right; width:75%;}
}
@media screen and (min-width: 640px){

div#sp03-title{ height:168px;}
div#sp03-title h2{ width:210px; height:80px; text-align:left; margin:30px 0px 0 0;}

div#catemenu03 ul li{ width:33%; float:left;}
div#catemenu03 ul li a{ margin:0px 5px 5px 5px; }
}
@media screen and (min-width: 768px){
div#sp03{ margin-bottom:20px;}
div#sp-newsBox{ margin:0 3px;}

}
@media screen and (min-width: 960px){
div#sp03 div#sp-newsBox div.sp-newslist{ clear:both; background:url(../images/sp-category/bg_dot_gray.gif) repeat-x bottom left; padding:5px 0;}
div#sp03 div#sp-newsBox div.sp-newslistInner div.sp-newslistTextInner{ padding:0 0 0 30px;}
}




/*==================================================================================================================================================
@group 特殊カテゴリー：sp-category04　企業誘致プロジェクト
==================================================================================================================================================*/
div#sp04-title{ height:120px; border:1px solid #686C86; background-image:url(../images/sp-category/kigyou/topimage_kigyou.jpg); background-position:bottom left; background-repeat:no-repeat; background-size:cover; }
div#sp04-title h2{ width:150px; height:80px; text-align:center; margin:0 auto;}
div#sp04-title h2 img{ max-width:100%;}

div#catemenu04{}
div#catemenu04 ul{ margin:10px 2px 0 2px;}
div#catemenu04 ul li{ width:100%;}
div#catemenu04 ul li a{ display:block; border:1px solid #686C86; margin:0 0 5px 5px; }
div#catemenu04 ul li a span.sp-catemenu{ display:block; margin:0 0 0 -6px; background-image:url(../images/sp-category/kigyou/bg_btnleft.gif); background-repeat:no-repeat;}
div#catemenu04 ul li a span.sp-catemenu span.sp-catemenuInner{ display:block; margin-left:20px;}
div#catemenu04 ul li.category-menu01 a span.sp-catemenuInner{ background:url(../images/sp-category/kigyou/bg_btnright01.jpg) no-repeat top right;}
div#catemenu04 ul li.category-menu02 a span.sp-catemenuInner{ background:url(../images/sp-category/kigyou/bg_btnright02.jpg) no-repeat top right;}
div#catemenu04 ul li.category-menu03 a span.sp-catemenuInner{ background:url(../images/sp-category/kigyou/bg_btnright03.jpg) no-repeat top right;}
div#catemenu04 ul li.category-menu04 a span.sp-catemenuInner{ background:url(../images/sp-category/kigyou/bg_btnright04.jpg) no-repeat top right;}
div#catemenu04 ul li.category-menu05 a span.sp-catemenuInner{ background:url(../images/sp-category/kigyou/bg_btnright05.jpg) no-repeat top right;}
div#catemenu04 ul li.category-menu06 a span.sp-catemenuInner{ background:url(../images/sp-category/kigyou/bg_btnright06.jpg) no-repeat top right;}
div#catemenu04 ul li.category-menu07 a span.sp-catemenuInner{ background:url(../images/sp-category/kigyou/bg_btnright07.jpg) no-repeat top right;}
div#catemenu04 ul li.category-menu08 a span.sp-catemenuInner{ background:url(../images/sp-category/kigyou/bg_btnright08.jpg) no-repeat top right;}
div#catemenu04 ul li a span img{ max-width:100%;}

div#sp-newsBox{ margin:0 3px;}

div#sp04 div.sp-topicsTitle{ border-bottom:1px solid #686C86;}


@media screen and (min-width: 480px){
div#catemenu04 ul li { width:50%; float:left;}
div#catemenu04 ul li.category-menu01 a{ margin-right:15px;}
div#catemenu04 ul li.category-menu02 a{ margin-right:0;}
div#catemenu04 ul li.category-menu03 a{ margin-right:15px;}
div#catemenu04 ul li.category-menu04 a{ margin-right:0;}
div#catemenu04 ul li.category-menu05 a{ margin-right:15px;}
div#catemenu04 ul li.category-menu06 a{ margin-right:0;}
div#catemenu04 ul li.category-menu07 a{ margin-right:15px;}
div#catemenu04 ul li.category-menu08 a{ margin-right:0;}


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

div#sp04-title{ height:168px;}
div#sp04-title h2{ width:210px;}

div#catemenu04 ul li { width:33%; float:left; margin-bottom:10px;}
div#catemenu04 ul li.category-menu01 a{ margin-right:15px;}
div#catemenu04 ul li.category-menu02 a{ margin-right:15px;}
div#catemenu04 ul li.category-menu03 a{ margin-right:0;}
div#catemenu04 ul li.category-menu04 a{ margin-right:15px;}
div#catemenu04 ul li.category-menu05 a{ margin-right:15px;}
div#catemenu04 ul li.category-menu06 a{ margin-right:0;}
div#catemenu04 ul li.category-menu07 { width:50%;}
div#catemenu04 ul li.category-menu07 a{ margin-right:15px;}
div#catemenu04 ul li.category-menu08 { width:49%;}
div#catemenu04 ul li.category-menu08 a{ margin-right:0;}

}
@media screen and (min-width: 768px){
div#sp04{ margin-bottom:20px;}

}

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

/*==================================================================================================================================================
@group 特殊カテゴリー：sp-category05　あらお暮らし
==================================================================================================================================================*/
div#sp05-title{ height:120px; border:1px solid #B3D366; background-image:url(../images/sp-category/ijuu/topimage_ijuu.jpg); background-position:bottom left; background-repeat:no-repeat; background-size:cover; }
div#sp05-title h2{ width:115px; height:80px; text-align:center; margin:0 auto;}
div#sp05-title h2 img{ max-width:100%;}

div#sp05 div.sp-topicsTitle{ border-bottom:1px solid #816652;}

div#catemenu05{ background:#F9F5F0; margin:20px 0 0 0; padding-top:5px; padding-bottom:5px;}
div#catemenu05 ul{ margin:0 9px 0 9px;}
div#catemenu05 ul li{ width:100%; margin:0px 0 0 0;}
div#catemenu05 ul li a{ display:block; margin:0px 9px 5px 9px; background-color:#FFF; }
div#catemenu05 ul li a span.sp-catemenu{ display:block;}
div#catemenu05 ul li a span.sp-catemenu span.sp-catemenuInner{ display:block; text-align:center; background-color:#F9F5F0;}
div#catemenu05 ul li a span.sp-catemenu span.sp-catemenuInner img{ max-width:100%; }

div#catemenu05 ul li a span.sp-catemenu span.sp-catemenuPhotoWrapper{ display:block; text-align:center; background-color:#FFFFFF; padding:4px;}
div#catemenu05 ul li a span.sp-catemenu span.sp-catemenuPhoto{ display:block; text-align:center;}
div#catemenu05 ul li.category-menu01 a span.sp-catemenu span.sp-catemenuPhoto{ background-image:url(../images/sp-category/ijuu/bg_btn_ijuu01.jpg); background-repeat:no-repeat; background-position:center left; background-size:cover;}
div#catemenu05 ul li.category-menu02 a span.sp-catemenu span.sp-catemenuPhoto{ background-image:url(../images/sp-category/ijuu/bg_btn_ijuu02.jpg); background-repeat:no-repeat; background-position:center left; background-size:cover;}
div#catemenu05 ul li.category-menu03 a span.sp-catemenu span.sp-catemenuPhoto{ background-image:url(../images/sp-category/ijuu/bg_btn_ijuu03.jpg); background-repeat:no-repeat; background-position:center left; background-size:cover;}
div#catemenu05 ul li.category-menu04 a span.sp-catemenu span.sp-catemenuPhoto{ background-image:url(../images/sp-category/ijuu/bg_btn_ijuu04.jpg); background-repeat:no-repeat; background-position:center left; background-size:cover;}
div#catemenu05 ul li.category-menu05 a span.sp-catemenu span.sp-catemenuPhoto{ background-image:url(../images/sp-category/ijuu/bg_btn_ijuu05.jpg); background-repeat:no-repeat; background-position:center left; background-size:cover;}
div#catemenu05 ul li.category-menu06 a span.sp-catemenu span.sp-catemenuPhoto{ background-image:url(../images/sp-category/ijuu/bg_btn_ijuu06.jpg); background-repeat:no-repeat; background-position:center left; background-size:cover;}
div#catemenu05 ul li a span.sp-catemenu span.sp-catemenuPhotoInner{ display:block; padding-top:72px; background-image:url(../images/sp-category/ijuu/bg_btnright_ijuu.gif); background-repeat:no-repeat; background-position:right top; text-align:center;}
div#catemenu05 ul li a span.sp-catemenu span.sp-catemenuPhotoInner span.sp-catemenuPhotoSpan{ display:block; background-color:#FFF; padding-top:3px;}
div#catemenu05 ul li a span.sp-catemenu span.sp-catemenuPhotoInner span.sp-catemenuPhotoSpan img{ max-width:100%;}

div#sp05 div#sp-topicsBox{}
div#sp05 div#sp-newsBox{}
div#sp05 div#sp-newsBox div.sp-newslist{ clear:both; float:none; width:100%;}
div#sp05 div#sp-newsBox div.sp-newslistInner{}
div#sp05 div#sp-newsBox div.sp-newslistInner div.sp-newslistText{ float:none;}
div#sp05 div#sp-newsBox div.sp-newslistInner div.sp-newslistTextInner{ margin-left:0;}



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

div#catemenu05 ul li{ width:50%; float:left;}
div#catemenu05 ul li.category-menu01{}
div#catemenu05 ul li.category-menu02{}
div#catemenu05 ul li.category-menu03{}
div#catemenu05 ul li.category-menu04{}
div#catemenu05 ul li.category-menu05{}
div#catemenu05 ul li.category-menu06{}

}
@media screen and (min-width: 480px){
div#sp05 div#sp-newsBox div.sp-newslistInner{ margin-left:10px;}
div#sp05 div#sp-newsBox div.sp-newslistInner div.sp-newslistTextInner{ padding-left:30px; background:url(../images/sp-category/bg_newslist_arow.gif) no-repeat center left; height:1.5em}
div#sp05 div#sp-newsBox div.sp-newslistInner div.sp-newslistTextInner span.u-date{ display:block;  float:left; padding-top:0.1em;}
div#sp05 div#sp-newsBox div.sp-newslistInner div.sp-newslistTextInner span.sp-newslink{ display:block; float:left; margin-left:10px;}

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

div#sp05-title{ height:168px;}
div#sp05-title h2{ width:210px;}

div#catemenu05 ul li{ width:33%; float:left;}
div#catemenu05 ul li a{ margin:0px 5px 5px 5px; }
}
@media screen and (min-width: 768px){
div#sp05{ margin-bottom:20px;}
div#sp-newsBox{ margin:0 3px;}

}
@media screen and (min-width: 960px){
div#sp05 div#sp-newsBox div.sp-newslist{ clear:both; background:url(../images/sp-category/bg_dot_gray.gif) repeat-x bottom left; padding:5px 0;}
div#sp05 div#sp-newsBox div.sp-newslistInner div.sp-newslistTextInner{ padding:0 0 0 30px;}
}





/*==================================================================================================================================================
@group 特殊カテゴリー：sp-category06　荒尾干潟
==================================================================================================================================================*/

div#sp06-title{ height:120px; border:1px solid #7F5927; background-image:url(../images/sp-category/higata/topimage_higata.jpg); background-position:bottom left; background-repeat:no-repeat; background-size:cover; }
div#sp06-title h2{ float:right; width:150px; text-align:right; margin:32px 20px 0 0;}
div#sp06-title h2 img{ max-width:100%;}

div#sp06 div.sp-topicsTitle{ border-bottom:1px solid #816652;}

div#catemenu06{ margin:0 5px;}
div#catemenu06 ul{ margin:10px 2px 0 2px;}
div#catemenu06 ul li{ width:100%;}
div#catemenu06 ul li a{ display:block; margin:5px 5px 0 5px; background:url(../images/sp-category/higata/dot_higata.gif) repeat-x bottom left; padding-bottom:1px; }
div#catemenu06 ul li a span.sp-catemenu{ display:block; margin:0; vertical-align:middle; background-image:url(../images/sp-category/higata/bg_btnleft_higata.gif); background-repeat:no-repeat;}
div#catemenu06 ul li a span.sp-catemenu span.sp-catemenuInner{ display:block; margin:10px 0 10px 25px;}
div#catemenu06 ul li.category-menu01 a span.sp-catemenuInner{ background:url(../images/sp-category/higata/bg_btnright01.jpg) no-repeat top right;}
div#catemenu06 ul li.category-menu02 a span.sp-catemenuInner{ background:url(../images/sp-category/higata/bg_btnright02.jpg) no-repeat top right;}
div#catemenu06 ul li.category-menu03 a span.sp-catemenuInner{ background:url(../images/sp-category/higata/bg_btnright03.jpg) no-repeat top right;}
div#catemenu06 ul li.category-menu04 a span.sp-catemenuInner{ background:url(../images/sp-category/higata/bg_btnright04.jpg) no-repeat top right;}
div#catemenu06 ul li a span img{ max-width:100%;}

div#sp06 div#sp-topicsBox{}
div#sp06 div#sp-newsBox{}

div#higata-desc{ margin-top:20px;}
p#hd-image{}
p#hd-image span{ display:block; text-align:center;}
p#hd-image span img{ max-width:100%;}
p#hd-text{ margin-top:10px;}
p#hd-text span{ display:block; padding:0 5px;}


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

div#catemenu06 ul li{ width:50%; float:left;}
div#catemenu06 ul li.category-menu01{}
div#catemenu06 ul li.category-menu02{}
div#catemenu06 ul li.category-menu03{}
div#catemenu06 ul li.category-menu04{}
div#catemenu06 ul li.category-menu05{}
div#catemenu06 ul li.category-menu06{}

}
@media screen and (min-width: 480px){
div#sp06 div#sp-newsBox div.sp-newslistInner{ margin-left:10px;}
div#sp06 div#sp-newsBox div.sp-newslistInner div.sp-newslistTextInner span.sp-newslink{ display:block; float:left; margin-left:10px;}

div#catemenu06 ul li { width:50%; float:left;}
div#catemenu06 ul li.category-menu01 a{ margin-right:15px;}
div#catemenu06 ul li.category-menu02 a{ margin-right:0;}
div#catemenu06 ul li.category-menu03 a{ margin-right:15px;}
div#catemenu06 ul li.category-menu04 a{ margin-right:0;}
div#catemenu06 ul li.category-menu05 a{ margin-right:15px;}
div#catemenu06 ul li.category-menu06 a{ margin-right:0;}
div#catemenu06 ul li.category-menu07 a{ margin-right:15px;}
div#catemenu06 ul li.category-menu08 a{ margin-right:0;}

div#higata-desc{ margin-top:30px;}
p#hd-image{ float:left; width:40%;}
p#hd-image span{ display:block; text-align:left; }
p#hd-image span img{ max-width:100%;}
p#hd-text{ margin-top:0; float:right; width:60%;}
p#hd-text span{ display:block; padding:0 5px;}
}
@media screen and (min-width: 640px){

div#sp06-title{ height:168px;}
div#sp06-title h2{ width:210px; height:80px; text-align:left; margin:42px 20px 0 0;}

}
@media screen and (min-width: 768px){
div#sp06{ margin-bottom:20px;}
div#sp-newsBox{ margin:0 3px;}

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