﻿
/* =====================================================================
*
*     ヘッダー仮スタイル
*
* =================================================================== */
.label-left {
  display: none;
}

#content header #utility {
  padding-top: 21px !important;
}

@media screen and (max-width: 768px) {
  #content header #utility {
    height: 30px;
    padding-top: 0 !important;
  }
}

.attention{
	font-size:24px;
	font-weight:bold;
	padding:20px;
	color:#FF5D5F;
}

h2.books_osusume_title a,
h2.books_gover_title a,
h2.books_com_title a {
    float: right;
	margin-right:7px;
	padding-top:9px;
}


h2.books_osusume_title a img,
h2.books_gover_title a img,
h2.books_com_title a img{
}


#top_banner ul li a.ban_aki {
    background: url("../img/top/btn_aki01.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

#top_banner ul li a.ban_acorn {
    background: url("../img/top/banner/btn_acorn.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

#top_banner ul li a.public_relations {
    background: url(../img/top/banner/PubR_banner.jpg) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

#top_banner ul li a.public_relations {
    background: url(../img/top/banner/PubR_banner.jpg) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

#top_banner ul li a.specter {
    background: url(../img/top/banner/btn_specter.jpg) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}


.imgsearch_main{
	overflow:hidden;
}

.book_topics_left .sp{
	display:none;
	}

#top_banner ul li a.ban_moshidoc {
    background: url(../img/top/btn_moshidoc.jpg) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

#subpage .melogo img{
	padding:3% 0 1%;
	width:60%;
}


#ft-box #container-japan-logo .logo_jp-ED{
	text-align:right;
	margin:-80px 0 0 0;

}


#ft-box #container-japan-logo .logo_jp-ED img {
	width:inherit\9;
	max-width:104px;
	height:auto;
}



#secondary #side_iconlink{
    margin: 7px 0 7px;
}



#secondary .test_icon_show p.txt_info{
	padding:10px;
	color:#FD8284;
	font-weight:bold;
}

#side_iconlink_banner {
	    margin: 7px 0 7px;

    margin: 1em auto 0.5em;
    width: 88%;
}

#side_iconlink_banner img {
    border: 1px solid #000;
    width: 100% !important;
}

#side_iconlink {
    border: 1px solid #999;
    text-align: center;
}

#secondary #side_iconlink li {
    float: left;
    font-size: 80%;
    line-height: 1.2;
    margin-bottom: 0.5em;
    margin-right: 2%!important;
    text-align: center;
    width: 22%;
}

#side_iconlink_txt1 {
    font-size: 80%;
    line-height: 1.3;
}

#side_iconlink_txt2 {
    margin-bottom: 0.8em;
}

#side_iconlink_txt2 a {
    background-color: #8ec31f;
    border-radius: 5px;
    color: #fff !important;
    display: block;
    font-weight: bold;
    margin: 0.5em auto;
    padding: 0.5em 0 0.5em 1em;
    text-decoration: none;
    width: 88%;
}

#side_iconlink ul {
    margin: 0.5em -6% 0.5em 6%;
    width: 94%;
}


#side_iconlink li {
    float: left;
    font-size: 80%;
    line-height: 1.2;
    margin-bottom: 0.5em;
    margin-right: 2%;
    text-align: center;
    width: 22%;
}

#side_iconlink li a {
    text-decoration: none;
}


#side_iconlink li img {
    width: 100%;
}


@media print, screen and (min-width: 769px) {

	#content header #utility {
    float: right;
    margin: 5px 0 0;
    max-width: 580px;
    padding: 0;
    text-align: right;
    width: 51.1%;
}

*+html #help_me #content header #utility {
    float: right;
    margin: 0px 0 0;
    max-width: 580px;
    padding: 0;
    text-align: right;
    width: 51.1%;
}



#content header #utility ul li a {
    color: #FFFFFF;
    padding: 0 7px;
	letter-spacing:0.4px;
}


#content header #h_search_pc {
    clear: both;
    float: right;
    margin: 1% 0 0;
    width: 88%;

}

}


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

.snap-drawer li > a.btn_nishimera-life {
background : url(../img/base/navi/ico_nishimera-life.jpg) 10px 5px no-repeat;
background-size: 10%;
}

.snap-drawer li > a.btn_ebooksgakuen {
background : url(../img/base/navi/btn_ebooksgakuen.png) 10px 5px no-repeat;
background-size: 10%;
}


.snap-drawer li > a.public_relations {
background : url(../img/base/navi/btn_PubR.png) 10px 5px no-repeat;
background-size: 10%;
}

.snap-drawer li > a.btn_event {
background : url(../img/base/navi/btn_event.png) 10px 5px no-repeat;
background-size: 10%;
}


.snap-drawer li > a.btn_event-autumn {
background : url(../img/base/navi/btn_event-autumn.png) 10px 5px no-repeat;
background-size: 10%;
margin-left:20px;
}

.snap-drawer li > a.btn_nikubon {
background : url(../img/base/navi/btn_nikubon.png) 10px 5px no-repeat;
background-size: 10%;
}

.snap-drawer li > a.btn_summary {
background : url(../img/base/navi/btn_summary.png) 10px 5px no-repeat;
background-size: 10%;
}

.snap-drawer li > a.btn_event-xmas {
background : url(../img/base/navi/btn_xmas.png) 10px 5px no-repeat;
background-size: 10%;
margin-left:20px;
}

.snap-drawer li > a.btn_event-entry {
background : url(../img/base/navi/btn_event-entry.png) 10px 5px no-repeat;
background-size: 10%;
margin-left:20px;
}

.snap-drawer li > a.btn_city-miyazaki {
background : url(../img/base/navi/icon.png) 10px 5px no-repeat;
background-size: 10%;
}

/* 南九州短期大学 */
.snap-drawer li > a.btn_minakyu_jc {
	background : url(../img/base/navi/btn_minakyu_jc.png) 10px 5px no-repeat;
	background-size: 10%;
}

/* -待受ダウンロード- */
.snap-drawer li > a.btn_machiuke_dl {
	background : url(../img/base/navi/btn_machiuke_dl.png) 10px 5px no-repeat;
	background-size: 10%;
}

/* 延岡市マイナポイント */
.snap-drawer li > a.btn_nobeoka_mynumber {
	background : url(../img/base/navi/btn_nobeoka_mynumber.png) 10px 5px no-repeat;
	background-size: 10%;
}

/* りんたろうといのちの種 */
.snap-drawer li > a.btn_shiiba_seed {
	background : url(../img/base/navi/btn_shiiba_seed.png) 10px 5px no-repeat;
	background-size: 10%;
}

/* 木城町のお仕事ガイドブック */
.snap-drawer li > a.btn_kijo_oshigoto {
	background : url(../img/base/navi/btn_kijo_oshigoto.png) 10px 5px no-repeat;
	background-size: 10%;
}

/* ユネスコエコパークのべおかエリアマップ */
.snap-drawer li > a.btn_brmap_nobeoka {
	background : url(../img/base/navi/btn_brmap_nobeoka.png) 10px 5px no-repeat;
	background-size: 10%;
}

/* 椎葉村 世界農業遺産 */
.snap-drawer li > a.btn_shiiba-pm {
	background : url(../img/base/navi/btn_shiiba-pm.png) 10px 5px no-repeat;
	background-size: 10%;
}

/* 串間市観光ガイド */
.snap-drawer li > a.btn_kushima-tourism {
	background : url(../img/base/navi/btn_kushima-tourism.png) 10px 5px no-repeat;
	background-size: 10%;
}

/* 五ヶ瀬観光パンフレット */
.snap-drawer li > a.btn_gokase-pamphlet {
	background : url(../img/base/navi/btn_gokase-pamphlet.png) 10px 5px no-repeat;
	background-size: 10%;
}

/* 川南合衆国 */
.snap-drawer li > a.btn_wow-usk {
	background : url(../img/base/navi/btn_wow-usk.png) 10px 5px no-repeat;
	background-size: 10%;
}

/* 川南町コソダテ */
.snap-drawer li > a.btn_usk-kosodate {
	background : url(../img/base/navi/btn_usk-kosodate.png) 10px 5px no-repeat;
	background-size: 10%;
}

/* 国富町ミュージアム */
.snap-drawer li > a.btn_kunitomi-fm {
	background : url(../img/base/navi/btn_kunitomi-fm.png) 10px 5px no-repeat;
	background-size: 10%;
}

/* みやざき旬食レシピ */
.snap-drawer li > a.btn_season_recipe {
background : url(../img/base/navi/btn_season_recipe.png) 10px 5px no-repeat;
background-size: 10%;
}

/* 縁musubi　高鍋信用金庫特設ページ */
.snap-drawer li > a.btn_en-musubi {
background : url(../img/base/navi/btn_en-musubi.png) 10px 5px no-repeat;
background-size: 10%;
}


/* 協会けんぽ みやざき */
.snap-drawer li > a.btn_kyokaiKenpo {
background : url(../img/base/navi/btn_kyokaiKenpo.png) 10px 5px no-repeat;
background-size: 10%;
}


/* みやざき環境読本　ミライへの贈り物 */
.snap-drawer li > a.btn_miyazakiKankyodokuhon {
background : url(../img/base/navi/btn_miyazakiKankyodokuhon.png) 10px 5px no-repeat;
background-size: 10%;
}


/* 環境ひむか ecoみやざき */
.snap-drawer li > a.btn_ecoMiyazaki {
background : url(../img/base/navi/btn_ecoMiyazaki.png) 10px 5px no-repeat;
background-size: 10%;
}


/* 自分日和 */
.snap-drawer li > a.btn_jibunbiyori {
background : url(../img/base/navi/btn_jibunbiyori.png) 10px 5px no-repeat;
background-size: 10%;
}


/* ハッピープラス */
.snap-drawer li > a.btn_happy {
background : url(../img/base/navi/btn_happy.png) 10px 5px no-repeat;
background-size: 10%;
}


/* 桜さく成長応援ガイド */
.snap-drawer li > a.btn_sakurasaku {
background : url(../img/base/navi/btn_sakurasaku.png) 10px 5px no-repeat;
background-size: 10%;
}

.snap-drawer li > a.btn_event-new_year{
background : url(../img/base/navi/btn_new_year.png) 10px 5px no-repeat;
background-size: 10%;
margin-left:20px;
}


/* 日之影町アーカイブス */
.snap-drawer li > a.btn_hinokage_archives {
background : url(../img/base/navi/btn_ac-hinokage.png) 10px 5px no-repeat;
background-size: 10%;
}

/* 高千穂町アーカイブス */
.snap-drawer li > a.btn_takachiho_archives {
background : url(../img/base/navi/btn_ac-takachiho.png) 10px 5px no-repeat;
background-size: 10%;
}

/* 五ヶ瀬町アーカイブス */
.snap-drawer li > a.btn_gokase_archives {
background : url(../img/base/navi/btn_ac-gokase.png) 10px 5px no-repeat;
background-size: 10%;
}

/* 宮崎市アーカイブス */
.snap-drawer li > a.btn_miyazaki_archives {
background : url(../img/base/navi/btn_ac-miyazaki.png) 10px 5px no-repeat;
background-size: 10%;
}

/* 椎葉アーカイブス */
.snap-drawer li > a.btn_shiiba_archives {
background : url(../img/base/navi/shiiba-archives-icon.png) 10px 5px no-repeat;
background-size: 10%;
}

/* 高鍋アーカイブス */
.snap-drawer li > a.btn_archives {
background : url(../img/base/navi/btn_archives.png) 10px 5px no-repeat;
background-size: 10%;
}

/* 宮崎学園短期大学 */
.snap-drawer li > a.btn_mwjc {
background : url(../img/base/navi/btn_mwjc.png) 10px 5px no-repeat;
background-size: 10%;
}

/* 宮崎国際大学 */
.snap-drawer li > a.btn_mic {
background : url(../img/base/navi/btn_mic.png) 10px 5px no-repeat;
background-size: 10%;
}

/* 布ナプキンLife */
.snap-drawer li > a.btn_choth_napkin {
background : url(../img/base/navi/btn_choth_napkin.png) 10px 5px no-repeat;
background-size: 10%;
}


.snap-drawer li > a.btn_facebook {
background : url(../img/base/navi/btn_facebook.png) 10px 5px no-repeat;
background-size: 10%;
}


.snap-drawer li > a.btn_twitter {
background : url(../img/base/navi/btn_twitter.png) 10px 5px no-repeat;
background-size: 10%;
}

.snap-drawer li > a.btn_palms {
background : url(../img/base/navi/btn_palms.png) 10px 5px no-repeat;
background-size: 10%;
}

.snap-drawer li > a.btn_eason {
background : url(../img/base/navi/btn_eason.png) 10px 5px no-repeat;
background-size: 10%;
}


.snap-drawer li > a.btn_nichinan {
background : url(../img/base/navi/btn_nichinan.png) 10px 5px no-repeat;
background-size: 10%;
}

.snap-drawer li > a.btn_kushima {
background : url(../img/base/navi/btn_kushima.png) 10px 5px no-repeat;
background-size: 10%;
}

.snap-drawer li > a.btn_kariko {
background : url(../img/base/navi/btn_kariko.png) 10px 5px no-repeat;
background-size: 10%;
}

.snap-drawer li > a.btn_kobayashi {
background : url(../img/base/navi/btn_kobayashi.png) 10px 5px no-repeat;
background-size: 10%;
}

.snap-drawer li > a.btn_kijo {
background : url(../img/base/navi/btn_kijo.png) 10px 5px no-repeat;
background-size: 10%;
}

.snap-drawer li > a.btn_miyakonojo {
background : url(../img/base/navi/btn_miyakonojo.png) 10px 5px no-repeat;
background-size: 10%;
}

.snap-drawer li > a.btn_hinokage {
background : url(../img/base/navi/btn_hinokage.png) 10px 5px no-repeat;
background-size: 10%;
}

.snap-drawer li > a.btn_saito {
background : url(../img/base/navi/btn_saito.png) 10px 5px no-repeat;
background-size: 10%;
}

.snap-drawer li > a.btn_takachiho {
background : url(../img/base/navi/btn_takachiho.png) 10px 5px no-repeat;
background-size: 10%;
}


.snap-drawer li > a.btn_takanabe {
background : url(../img/base/navi/btn_takanabe.png) 10px 5px no-repeat;
background-size: 10%;
}

.snap-drawer li > a.btn_kunitomi {
background : url(../img/base/navi/btn_kunitomi.png) 10px 5px no-repeat;
background-size: 10%;
}

.snap-drawer li > a.btn_morotsuka {
background : url(../img/base/navi/btn_morotsuka.png) 10px 5px no-repeat;
background-size: 10%;
}

.snap-drawer li > a.btn_mmu {
background : url(../img/base/navi/btn_mmu.png) 10px 5px no-repeat;
background-size: 10%;
}

.snap-drawer li > a.btn_mmu_ship {
background : url(../img/base/navi/btn_mmu_ship.png) 10px 5px no-repeat;
background-size: 10%;
}

.snap-drawer li > a.btn_yo-ho {
background : url(../img/base/navi/btn_yo-ho.png) 10px 5px no-repeat;
background-size: 10%;
}

.snap-drawer li > a.btn_dan {
background : url(../img/base/navi/btn_dan.png) 10px 5px no-repeat;
background-size: 10%;
}


.snap-drawer li > a.ban_chirashiland {
background :url(../img/base/navi/btn_cland.png) 10px 5px no-repeat;
background-size: 10%;
}


.snap-drawer li > a.btn_PubR {
background : url(../img/base/navi/btn_PubR.png) 10px 5px no-repeat;
background-size: 10%;
}


.snap-drawer li > a.btn_kobayashihs {
background : url(../img/base/navi/btn_kobayashihs.png) 10px 5px no-repeat;
background-size: 10%;
}


.snap-drawer li > a.ban_motomu {
background : url(../img/base/navi/ban_motomu.png) 10px 5px no-repeat;
background-size: 10%;
}

.snap-drawer li > a.btn_nobeoka {
background : url(../img/base/navi/btn_nobeoka.png) 10px 5px no-repeat;
background-size: 10%;
}


#top_banner ul li a.ban_aki {
	background : #eee url(../img/base/navi/btn_aki01.jpg) 10px 5px no-repeat;
	background-size: 10%;

}


#top_banner ul li a.ban_nonchan {
	background : #eee url(../img/base/navi/btn_con_nonchan.jpg) 10px 5px no-repeat;
	background-size: 10%;
}

#top_banner ul li a.ban_gohome {
	background : #eee url(../img/base/navi/btn_con_north.png) 10px 5px no-repeat;
	background-size: 10%;
}

#top_banner ul li a.ban_moremiyazaki {
	background : #eee url(../img/base/navi/btn_con_more.png) 10px 5px no-repeat;
	background-size: 10%;

}

#top_banner ul li a.ban_recipe {
	background : #eee url(../img/base/navi/btn_con_recipe.png) 10px 5px no-repeat;
	background-size: 10%;

}


#top_banner ul li a.ban_locallove {
	background : #eee url(../img/base/navi/btn_con_love.png) 10px 5px no-repeat;
	background-size: 10%;

}

#top_banner ul li a.ban_mtgoods {
	background : #eee url(../img/base/navi/btn_con_climb.png) 10px 5px no-repeat;
	background-size: 10%;

}

#top_banner ul li a.ban_appli {
	background : #eee url(../img/base/navi/btn_app.png) 10px 5px no-repeat;
	background-size: 10%;

}

#top_banner ul li a.ban_tegetege {
	background : #eee url(../img/base/navi/btn_imgsearch.png) 10px 5px no-repeat;
	background-size: 10%;

}

#top_banner ul li a.ban_tamango {
	background : #eee url(../img/base/navi/btn_tm.png) 10px 5px no-repeat;
	background-size: 10%;

}

#top_banner ul li a.ban_cat {
	background : #eee url(../img/base/navi/btn_cat.png) 10px 5px no-repeat;
	background-size: 10%;

}

#top_banner ul li a.ban_ar {
	background : #eee url(../img/base/navi/btn_ar.png) 10px 5px no-repeat;
	background-size: 10%;

}

#top_banner ul li a.ban_originalbook {
	background : #eee url(../img/base/navi/btn_pbook.png) 10px 5px no-repeat;
	background-size: 10%;

}

#PubR ul li a.btn_PubR {
	background : #eee url(../img/base/navi/btn_PubR.png) 10px 5px no-repeat;
	background-size: 10%;

}

#top_banner ul li a.ban_chirashiland {
	background : #eee url(../img/base/navi/btn_cland.png) 10px 5px no-repeat;
	background-size: 10%;
}

#top_banner ul li a.ban_acorn {
	background : #eee url(../img/base/navi/btn_acorn.png) 10px 5px no-repeat;
	background-size: 10%;
}

#top_banner ul li a.public_relations {
	display:none;
    background: #eee url(../img/base/navi/PubR_banner.png) 10px 5px no-repeat;
	background-size: 10%;
}


#top_banner ul li a.ban_motomu {
	display:block;
    background: #eee url(../img/base/navi/ban_motomu.png) 10px 5px no-repeat;
	background-size: 10%;
}

#top_banner ul li a.ban_nominate {
	background : #eee url(../img/base/navi/btn_new_year.png) 10px 5px no-repeat;
	background-size: 10%;
	}

#top_banner ul li a.btn_kobayashihs {
	background : #eee url(../img/base/navi/btn_kobayashihs.png) 10px 5px no-repeat;
	background-size: 10%;
	}

#top_banner ul li a.ban_moshidoc {
	background : #eee url(../img/base/navi/btn_moshidoc.png) 10px 5px no-repeat;
	background-size: 10%;
}

#top_banner ul li a.specter {
	background : #eee url(../img/base/navi/btn_specter.png) 10px 5px no-repeat;
	background-size: 10%;
}



.sp-sch-params p.searchtitle {
    background: url("../img/base/side_icon.png") no-repeat scroll 10px 5px / 10% auto #444D63;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    color: #CCCCCC;
    display: block;
    font-size: 90%;
    font-weight: normal;
    padding: 10px 5px 10px 25px;
    text-decoration: none;
    text-indent: 20px;
}


.sp-sch-params p.free{
	background : #444D63 url(../img/base/navi/btn_search_free.png) 10px 5px no-repeat;
	background-size: 10%;
	}

.sp-sch-params p.genre{
	background : #444D63 url(../img/base/navi/btn_search_genre.png) 10px 5px no-repeat;
	background-size: 10%;
}

.sp-sch-params p.area{
	background : #444D63 url(../img/base/navi/btn_search_area.png) 10px 5px no-repeat;
	background-size: 10%;
}

.sp-sch-params p.key{
	background : #444D63 url(../img/base/navi/btn_search_key.png) 10px 5px no-repeat;
	background-size: 10%;
}




#top_banner h2.sp_contents_lineup {
    background: none repeat scroll 0 0 #79BD48;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    display: block;
    font-size: 80%;
    font-weight: normal;
    padding: 10px 5px;
    text-decoration: none;
    text-indent: 20px;
    text-shadow: 0 1px 0 #000000;
}




#top_banner h2.ttl_page-banner, .sp_banner .page-banner{
	display:none;
}

#subpage #post-676 img {
    max-width: 100%;
}




#ft-box #container-japan-logo .logo_jp-ED{
	text-align:center;
	margin:0px 0 0 0;
}

#ft-box #container-japan-logo .logo_jp-ED img {
	width:100%;
	max-width:104px;
	height:auto;
}



}


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


header h1#sp_site_title {
    float: left;
    height: auto;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 70%;
}


header h1#sp_site_title a{
	display:block;
	margin:auto;
	width:94%;
}

#content header #utility {
    margin: 3px auto;

}

}



/* =====================================================================
*
*     bootstrapへの追加スタイル
*
* =================================================================== */

@media screen and (max-width: 600px) {
.break-600{
	float:none;
	width:auto;
}
}


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

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

body #content {
    font-family: "Quicksand","游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}


/* =====================================================================
*
*     ★特設ページ　旬ナビ
*
* =================================================================== */


#s-navi{
	background:url(../img/subpage/s-navi/bg_seasonnavi.png) no-repeat #c0d500 ;
	background-size:100%;
	max-width:1000px;
	margin:auto;
	box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.4);
	float:none;
	clear:both;
}
#s-navi:after{
    content: ".";
    display: block;
    height: 0px;
    clear: both;
	float:none;
    visibility: hidden;
}

#header:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
float:none;
    visibility: hidden;
	}

/*=============================
　■　ブック一覧部分　
===============================*/
#s-navi #s-government_book{
clear: both;
display: block;
width: 90%;
padding:25% 0 0 15px;
margin: 0;
/*background: url(../img/base/book_rank_bg.jpg) 0 0 repeat;*/
z-index: 1;
top: 0;
}

#s-navi #s-book_gover{
  clear: both;
  float:none;
  display: block;

  margin: 0;
  padding: 0;
}


#s-navi #s-book_gover:after {
clear: both;
float: none;
content: ".";
display: block;
height: 0px;
visibility: hidden;
}


#s-navi .s-gover_box{
	float: left;
	display: block;
	width: 145px;
	height:200px;
	margin: 0;
	padding: 0;
	z-index: 2;
	text-align:center;
}

#s-navi #s-government_book .s-gover_vispace {
	display: block;
	width: 100%;
	margin: 0;
	margin: 10px 0 4px 0;
	padding-bottom:3px;
}
#s-navi #s-government_book a{
	color: #333;
	text-decoration: none;
	outline: none;
	font-size:12px;
    }
/* テキストの幅
------------------------------ */
#s-navi #s-government_book .s-gover_box img{
  display: block;
  height:142px;
  margin: auto;
  padding: 0;
  background: #333;
  box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.4);
}


#s-navi #s-government_book .w_s img{
  display: block;
  margin: auto;
  height:122px !important;
  padding: 0;
  background: #333;
  box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.4);
}


#s-navi #s-government_book .s-gover_box img{
  display: block;
  max-height:142px;
	height:auto;
  margin: auto;
  padding: 0;
  background: #333;
  box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.4);
}


/* テキスト制限30文字まで
------------------------------ */
#s-navi #s-government_book .s-gover_box .s-p{
  display: block;
  width: 100px;
  height:45px;
  font-size: 80%;
  color: #333;
  margin: 2px 0 0 0;
  padding: 0 21.5px;
  text-align: center;
  overflow: hidden;
  clear: both;

}
/*=============================
　■　旬ナビ紹介　
===============================*/
#s-navi-link{
	float:left;
	margin:25px 0 0 45px;
	background: url(../img/subpage/s-navi/link-mat.png) 0 0 no-repeat;
	width:30%;
	height:101px;
}


#s-navi-link img{
	width:100%;
}

#s-navi-link .s-n-gover_box{
	padding:15px 0 0 13px;
	width:192px;
}
#s-navi-link .s-n-gover_box2{
	float:left;
	width:192px;
	text-align:center;
}
#s-navi #s-navi-link .s-n-gover_vispace img{
  display: block;
  width: 192px;
  padding: 0;
  background: #333;
}
#s-navi-link .s-n-gover_vispace{
	width:192px;
}
#s-navi-link .s-p-n {
	width:192px;
}
#s-navi #s-navi-link a{
	color: #333;
	text-decoration: none;
	outline: none;
	font-size:14px;
    }
#s-navi-link .s-p-n-text{
	width:197px;
	font-size:11px;
	padding:0 0 0 200px
}



/*=============================
　■　JaJa紹介　
===============================*/
#s-choice{
	clear:both;
	margin:25px 0 0 45px;
	background: url(../img/subpage/s-navi/jajamat.png) 0 0 no-repeat;
	width:677px;
	height:161px;
}

#s-choice .s-c-gover_box{
	padding:16px 0 0 13px;
	width:90px;
}
#s-navi #s-choice .s-c-gover_vispace img{
  display: block;
  width: 90px;
  padding: 0;
  background: #333;
  box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.4);
}
#s-choice .s-c-gover_vispace{
	float:left;
	width:100px;
}
#s-choice .s-p-c {
	width:300px;
}
#s-navi #s-choice a{
	color: #333;
	text-decoration: none;
	outline: none;
	font-size:17px;
    }
#s-choice .s-p-c-text{
	width:350px;
	font-size:10px;
	padding:0 0 0 100px
}




#s-navi a:hover img{
/*モダンブラウザ用*/
opacity:0.85	;
/*IE7以下用*/
filter:alpha(opacity=85);
/*IE8用*/
-ms-filter:"alpha(opacity=85)";
}





/*=============================
　■　m-eアプリ誘導リンク　
===============================*/
#appli-yudo{
	float:left;
	width:52%;
	margin:23px 0 0 20px;
}

#appli-yudo img{
	width:90%;
	max-width:420px;
}


/*=============================
　■　copyright　
===============================*/
.copyright{
	margin:17px 0 0 45px;
}


@media print, screen and (min-width: 768px) {
	#s-navi hr{
		display:none;
	}

	#s-navi .s-gover_box  img{
    max-width: 100px;
}

#top_banner ul li a.ban_nominate {
    background: url("../img/sidebar/btn_nominate_s.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
}





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





#s-navi #s-government_book a {
    font-weight:bold;
}



#s-navi .s-gover_box {
    width:50%;
	height:200px;
	font-size:7px;
}

#s-navi #s-government_book .s-gover_box img {
	max-height:none;
}

#s-navi .s-gover_vispace img {
    max-width:none;
}

#s-navi #s-government_book .s-gover_box .s-p {
    padding: 0 5px;
	width:auto;
	line-height:14px;
}




#s-navi-link{
	float:none;
	margin:0px 0 0 0px;
	background: url(../img/subpage/s-navi/link-mat.png) 0 0 no-repeat;
	width:auto;
}

#appli-yudo{
	float:none;
	width:100%;
	margin:0;
	text-align:center;
}

#appli-yudo img{
	max-width:90%;
	margin:auto auto 15px auto;
}

#s-navi-link .s-n-gover_vispace{
	width:auto;
	text-align:center;
}

#s-navi #s-navi-link a{
	margin:auto;
	display:block;
	text-align:center;
    }



#s-navi-link .s-n-gover_box2{
	float:none;
	width:auto;
	text-align:center;
	margin:auto;
}

#s-navi-link .s-n-gover_box{
	padding:0;
	width:auto;
	margin:auto;
}

#s-navi #s-navi-link .s-n-gover_vispace img{
	margin:auto;
}

#s-navi-link .s-p-n {
	width:auto;
	text-align:center;
}

#s-navi hr{
	border:none;
	border-bottom:1px dotted #666666;
	margin:0 10px 15px 10px;
}

#s-navi-link{
	height:80px;
}


}






/*  ::::::::::::  消防団（DAN）背景を一面に表示する  ::::::::::::  */


#dan {
    /*background: url("../images/index_bg_001.jpg") repeat-x scroll 0 0 #B88DB8;*/
    height: 100%;
}



#dan #dan_con{
	position: relative;
	text-align: center;
	}


#dan #topbg{
    left: 0;
    top: 0;
	position: absolute;
    z-index: -1000;
}






#dan #bottombg{
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: -1000;
}

#dan #container {
    margin: 0 auto;
    padding: 40px 0 30px;
    position: relative;
    width: 950px;
    z-index: 0;
	background:none;
	height:2000px;
}


#dan .photo_box:after{
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}


#dan .photo01, #dan .photo02, #dan .photo03{
	float:left;
	margin:0px 10px 0px 0px;
	border:1px solid #CCCCCC;
	}

#dan .photo01 img, #dan .photo02 img, #dan .photo03 img{
	width:250px;
	}


#dan #slider{
width: 200px;
height: 60px;
border: 1px solid #CCC;
background:#fff;
margin:50px 0px 20px 670px;
padding:15px;
}

#dan .jquery-slider-pages{
	display:none;
	}



/*  ::::::::::::  消防団  ::::::::::::  */



#Dan_2 {
display: block;
max-width:1000px;
margin: 0 auto;
padding: 0 15px;
background: url(../img/subpage/dan/bg_dan.png) 0 0 repeat-y ;
background-size:100%;
text-align:center;
/*border-left: #000 1px solid;
border-right: #000 1px solid;*/
font-size:15px;
line-height:26px;
}

#Dan_2 img{
	width:100%;
}


#Dan_con{
	background:#fff;
	max-width: 930px;
	width:93%;
	margin:auto;
	text-align:center;
	}


#Dan_con:after{
    content: ".";
    display: block;
    height: 0px;
    clear: both;
	float:none;
    visibility: hidden;
}


.Dan_box01 .box01_right{
	float:right;
	width:222px;
	height:335px;
	background:url(../img/subpage/dan/hukidasi.png);
	background-repeat:no-repeat;
	margin:10px 47px 0px 0px;
	padding:30px 0px 0px 0px;
	font-size:12px;
	line-height:18px;
	position:relative;
	}

.Dan_box01 .box01_right p{
	font-weight:bold;
	}




#slider .t01, #slider .t02, #slider .t03{
	margin:10px 0px 0px 0px;
	}



#Dan_2 .Dan_box01{
	margin:0px auto 15px auto;

	}



#Dan_2 .Dan_box01:after{
    content: ".";
    display: block;
    height: 0px;
    clear: both;
	float:none;
    visibility: hidden;
}


.Dan_box01 .box01_left{
	float:left;
	width:66.0%;
	margin:0px 0px 0px 37px;
	*padding-bottom:15px;
	}


.Dan_box01 .box01_left img{
	width:100%;

}

#Dan_2 .Dan_box01 .box01_right{
	float:right;
	width:28.0%;
	margin:15px 0 0 0;
	padding:0px;
	font-size:12px;
	line-height:18px;
	}

#Dan_2 .Dan_box01 .box01_right img{
	width:100%;
	max-width:230px;
	max-height:450px;
}




*+html #Dan_2 .Dan_box01 .box01_right img{
	width:100%;
	width:250px;
	height:500px;
	margin-top:-370px;
	margin-left:30px;
}


#Dan_2 .Dan_box01 .box01_right #dan_pdf img{
	width:77px;
	height:119px;
}






#Dan_2 .dan_tb{
	margin:0px;
	}


*+html #Dan_2 a.dan_tb{
	margin:160px 80px 0px 0px;
	padding:230px 0px 0px 0px;
	display:block;
	}

#Dan_2 hr{
border:none;
	}



#Dan_2  a.dan_tb:link, #Dan_2 a.dan_tb:visited{

	display:block;

	}

#Dan_2  a.dan_tb:link, #Dan_2 a.dan_tb:visited{
	-moz-background-size/***/:90% auto\9;
	background-size/***/:90% auto\9;
	background-position/***/: 0px 0px\9;
	background-repeat:no-repeat;
	}


#Dan_2 a.dan_tb:hover, #Dan_2 a.dan_tb:active{
	-moz-background-size:90% auto;
	background-size:90% auto;
	background-position: 10px 30px;
	background-repeat:no-repeat;
	}

#Dan_2 a.dan_tb:hover, #Dan_2 a.dan_tb:active{
	-moz-background-size/***/:90% auto\9;
	background-size/***/:90% auto\9;
	background-position/***/: 0px 0px\9;
	background-repeat:no-repeat;
	}



#Dan_2 .dan_pdf{
	position:absolute;
	top:375px;
	left:165px;
	}


#Dan_2  a.dan_pdf:link, #Dan_2 a.dan_pdf:visited{
	background:url(../img/subpage/dan/btn_pdf_off.png);
	width:58px;
	height:72px;
	display:block;
	}


#Dan_2 a.dan_pdf:hover, #Dan_2 a.dan_pdf:active{
	background:url(../img/subpage/dan/btn_pdf_on.png);
	}




#Dan_2 #sns{
	padding:0px 0px 0px 300px;
	}

#Dan_2 .sns:after{
    content: ".";
    display: block;
    height: 0px;
    clear: both;
	float:none;
    visibility: hidden;
}

#Dan_2 .fb-like{
	padding:15px 40px 0px 0px;
	float:left;
	}
#Dan_2 .twitter-share-button	{
	padding:14px 0px 0px 0px;
	float:left;
	}



#Dan_2 .mov a:hover,
#Dan_2 .book_left a:hover,
.dan004 a:hover
{
/*モダンブラウザ用*/
opacity:0.7;
/*IE7以下用*/
filter:alpha(opacity=70);
/*IE8用*/
-ms-filter:"alpha(opacity=70)";
}



#Dan_2 .bookshelf:after,
#Dan_2 .bookshelf .dan02_box01:after,
#Dan_2 .bookshelf .dan02_box02:after,
#Dan_2 .dan02_box03:after,
#Dan_2 .Dan_c:after{
    content: ".";
    display: block;
    height: 0px;
    clear: both;
	float:none;
    visibility: hidden;
}





#Dan_2 .bookshelf .dan02_box01{
	position:relative;
	z-index:2;
}




#Dan_2 .bookshelf .bookshelf_img img{
	width:100%;
}

#Dan_2 .bookshelf .book_left {
	float:left;
    height:auto;
	width:23.4%;
}

#Dan_2 .bookshelf .book_left img{
	width:100%;
}


#Dan_2 .bookshelf .mov {
	padding: 0 5% 0 0;
	margin:20px auto auto;
}





#Dan_2 .bookshelf .mov img {
    width:90%;
}



#Dan_2 .dan_logo{
	padding:16px 0px 11px 0px;
	}


#Dan_2 .Dan_box02{
	width:100%;
	margin:15px auto auto;
	*margin-top:15px;

	}

#Dan_2 h3{
	padding:0px 0px 5px 0px;
	text-align:center;
	}

#Dan_2 h3 img{
	width:95%;
	max-width:718px;
}

#Dan_2 .Dan_text01{
	text-align:center;
	padding:0px 0px 40px 0px;
	font-size:16px;
	font-weight:bold;
	}


#Dan_2 .dan02_box03	{}




#Dan_2 .dan02_box03_L{
	float:left;
	width:38.8817%;
	padding:0 0 0 11%;
}


#Dan_2 .Dan_text02{
	padding:15px 35px 0 20px;
	font-size:12px;
	line-height:18px;
}




#Dan_2 .dan02_box03_R{
	float:right;
	width:28.50537%;
	margin:0 0 2.47311% 0;
	padding:0px 15.7% 0 0;
	font-size:13px;
	line-height:18px;
}





#Dan_2 p.Dan_00{
	text-align:center;
	margin:0 0 15px 0;
}


#Dan_2 p.Dan_00 img{
	max-width:666px;
	max-height:414px;
}





#Dan_2 img.dan_r{
padding:0 0 0 25px;
}


#Dan_2 .Dan_img01 img.ph_infiltration00{
	max-width:244px;
}





#Dan_2 .Dan_c{
	width:92%;
	max-width:856px;
	margin:auto;
}





#Dan_2 .Dan_text03{
	float:left;
	text-align:center;
	padding:0px 10px 0px 30px;
	}


*+html #Dan_2 .Dan_text03{
	float:left;
	text-align:center;
	padding:0px 10px 0px 30px;
	width:345px;
	}


#Dan_2 .Dan_text05{
	float:left;
	background:#009CE6;
	width:48%;
	text-align:center;
	padding:5px 0px 15px 0px;
	margin:0 0 0 0px;
	font-size:14px;
	}

#Dan_2 .Dan_text05 img{
	width:47%;
	max-width:286px;
	padding:0px 0px 0 0;
	}



#Dan_2 .Dan_text05 img.left_img{
	padding:0 2% 0 0;
}




#Dan_2 .Dan_text05 p{
	color:#fff;
	padding:0 5px 0 5px;
	line-height:20px;
}

#Dan_2 .Dan_text05 .ttl_dan img{
	min-width:200px;
	margin:-20px 0 0 0;
}


#Dan_2 .Dan_text05 .Dan_text05_txt{
	padding:5px 10px;
}


#Dan_2 p.Dan_mini{
	font-size:13px;
	line-height:18px;
	padding:5px 0 0 17px;
}



#Dan_2 .Dan_text04{
	float:right;
	width:350px;
	padding:0px 20px 0px 0px;
	}

#Dan_2 .Dan_text06{
	text-align:center;
	padding:0 0 50px 0;
	}


#Dan_2 .Dan_text06 img{
	max-width:722px;
	max-height:394px;
}


#Dan_2 .movie{
position: relative;
margin-top: 0em;
margin-bottom: 5px;
padding-bottom: 50%;
padding-top: 69px;
overflow: hidden;
}

#Dan_2 .movie iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.txt_tb{
	display:none;
}


.ttl_dan img{
	max-width:300px;
}







@media screen and (max-width: 1010px) {


#Dan_2 .Dan_text03 {
    padding: 0 0 0 7%;
    text-align: center;
	width:45%;
}


#Dan_2 .Dan_text04 {
    padding: 0 8% 0 0;
    width: 40%;
}


#Dan_2 .Dan_text03{
	padding:0;
	}


#Dan_2 img.dan_r {
    padding: 0;
}





}







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

	#Dan_2 .bookshelf{
	background-size:100%;
	background-position:0px 5.6%;
	padding:0 0 0 54px;

}


#Dan_2 .bookshelf .mov {
    margin: 8px auto auto;
    padding: 0 0 0 0;
}




	#Dan_2 .box01_right{
		display:none;
	}

	.Dan_box01 .box01_left{
	float:none;
	width:100%;
	margin:0;
	}


	#Dan_con div{
	width:97%;
	margin:auto;
	}

	#Dan_2 .Dan_box01 {
    margin:auto;
	}


#Dan_2 .bookshelf{
	padding:0;
	margin:3% auto auto;
}



#Dan_2 h3{
	background:#C80012;
	font-weight:bold;
	width:96%;
	margin:auto auto 10px auto;
	padding:3px 0 2px 0;
	font-size:14px;
}


#Dan_2 h3 img{
	display:none;
}

#Dan_2 h3 span{
	color:#FFF;
}


#Dan_2 .Dan_text01 {
    text-align: left;
	font-weight:normal;
	font-size:14px;
	line-height:17px;
	width:90%;
	margin:auto;
	padding:0px 0 15px 0;
}



.newline_tb{
	display:none;
}


.txt_tb{
	display:block;
}



#Dan_2 .sp_none {
	display:none;
}



#Dan_2 .Dan_text05 {
	width:100%;
}




#Dan_2 .dan02_box03_L{
	float:left;
	width:43.8817%;
	padding:0 0 0 5%;
}


#Dan_2 .dan02_box03_R{
	float:right;
	width:38.50537%;
	margin:0 0 2.47311% 0;
	padding:0px 5.7% 0 0;
	font-size:13px;
	line-height:18px;
}



}


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


#Dan_con {
    width: 98%;
}


#Dan_2 .dan02_box03_L {
    float: none;
    padding: 0 0 0 0;
    width: 95%;
}


#Dan_2 .bookshelf{
	background:none;
}

#Dan_2 .bookshelf .mov {
    margin: 0px auto auto;
    padding: 0 5% 0 0;
}



#Dan_2 .dan02_box03_R {
    float:none;
    margin: 6% 0 5% 0;
    padding: 0;
    width: 95%;
}



#Dan_2 .bookshelf .book_left {

    width: 23%;
	padding-left:2%;
	margin:1% 0 5% 0;
}


#Dan_2 hr.txt_sp{
	clear:both;
	float:none;
	display:block;
	border:none;
	border-bottom:2px dotted #CCCCCC;
	width:90%;
	margin:10% auto 5% auto;
	display:block;
}

}


/*  :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
:::::::::::::::::::::::::::::　消防団3   :::::::::::::::::::::::::::::::::::
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  */

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
    共通およびスマホ向けのスタイル　～360px
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/






#contents_shouboudan   {
    width: 100%;
    }

#shouboudan_section p {
    padding-bottom: 20px;
    font-size: 10.5px;
    font-weight: bold;
    line-height: 1.5em;
    }

#shouboudan_section .text_left  {
    text-align: left;
    font-size: 11px;
    letter-spacing: -1px;
    line-height: 1.8;
    padding-left: 0.7%;
}

#shouboudan_section .image    {
    display: block;
    margin: 0 auto;
    width: 100%;
    }



#shouboudan_section .pc_title,
#Dan_con .box01_left .dan_logo_pc   {
    display:none;
}

#shouboudan_section .sm_title,
#Dan_con .box01_left .dan_logo_sm   {
    margin: 0 auto;
    width: 100%;
    padding-bottom: 10px;
}

#shouboudan_section #sm_title   {

}

#shouboudan_section #contents_img_8  {
    margin: 0 auto;
    width: 100%;
    padding-bottom: 30px;
}

#shouboudan_section #h2_title    {
    margin: 0 auto;
    width: 100%;
    padding-bottom: 10px;
}

#shouboudan_section #contents_img_10 {
    margin: 0 auto;
    width: 100%;
    padding-bottom: 10px;
}

#shouboudan_section #up_01    {
    margin: 0 auto;
    width: 100%;
    padding-bottom: 40px;
}

#shouboudan_section #rappa_block    {
    background: #349DD0;
    color: #fff;
    width: 100%;
    padding-left: 0%;
    padding-right: 0%;
    margin: 0 auto 30px auto;
}

#shouboudan_section #rappa_image    {
    display: block;
    width: 40.554%;
    margin: 0 auto;
    }

#shouboudan_section #contents_img_11    {
    max-width: 100%;
    height: auto;
}

/*  image_rappa */

#shouboudan_section #rappa_text {
    padding-bottom: 30px;
    padding-left: 5.96%;
    padding-right: 4.96%;
    color: #fff;
}

#shouboudan_section #image_ganba    {
    display: block;
    width: 50%;
    margin: 0 auto;
}

#shouboudan_section #image_last {
    display: block;
    margin: 0 auto;
    width: 100%;
    padding-bottom: 40px;

}

#shouboudan_section .text   {
    display: none;
}







/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
    Media Queries による切り替え
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/*　PC向けのスタイル　361px～930px　*/
@media screen and (min-width:361px) {



#Dan_2 .Dan_box01{
	margin:0px auto 20px auto;

	}



#Dan_2 .bookshelf{
	background:url(../img/subpage/dan/bg_bookshelf.png);
	background-repeat:no-repeat;
	background-size:100%;
	background-position:0px 5.5%;
	padding:0 0 0 0px;
	float:none;
	clear:both;
}


#Dan_2 .bookshelf .dan02_box01{
	padding:0 0 20px 54px;
}






*+html #Dan_2 .bookshelf{
	background:none;
}


#shouboudan_section {
        width: 100%;
        padding-bottom: 40px;
        margin: 0 auto;
        text-align: center;
    }

#shouboudan_section #shouboudan_container  {
        margin: 0 2.367%;
        padding: 0;
        box-shadow: #fff;
        background: white;
    }

#contents_shouboudan   {
    width: 100%;
    }

#shouboudan_section p {
    padding-bottom: 0;
    font-size: 10.5px;
    font-weight: bold;
    line-height: 1.5em;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    }

#shouboudan_section p img {

    width: 100%;
	max-width:718px;
    margin: 0 auto;
    }

#shouboudan_section .text_left  {
    text-align:left;
    font-size: 17px;
    line-height: 2;
    padding-left: 0.7%;
}

#shouboudan_section .image    {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    }

#shouboudan_section .pc_title,
#Dan_con .box01_left .dan_logo_pc   {
    display: inline-block;
    width:100%;
    margin: 0 auto;
    padding: 0;
}


#Dan_con .box01_left .dan_logo_pc img{
	max-width:598px;
	height:auto;
	margin:10px 0 0 0;
}

#shouboudan_section .sm_title,
#Dan_con .box01_left .dan_logo_sm  {
    display: none;
}

#shouboudan_section #contents_img_8  {
    margin: 0 auto;
    width: 100%;
    padding-bottom: 30px;
}

#shouboudan_section #h2_title    {
    margin: 0 auto;
    width: 100%;
    padding-bottom: 10px;
}

#shouboudan_section #contents_img_10 {
    margin: 0 auto;
    width: 100%;
    padding-bottom: 0;
}

#shouboudan_section #up_01    {
    display: inline-block;
    width: 37.916%;
    vertical-align: top;
    margin-top: 24px;
    padding: 0;
}

#shouboudan_section #up_02  {
    width: 56.896%;
    margin-top: 14px;
    padding: 0;
    }

#shouboudan_section #up_03  {
    width: 47.458%;
    margin-top: 20px;
    margin-right: 1.169%;
    margin-left: 2.485%;
    }

#shouboudan_section #up_04  {
    width: 44.884%;
    margin-top: 20px;
    margin-right: 3.362%;
    }

#shouboudan_section #up_05  {
    width: 50.11%;
    margin-top: 8px;
    margin-right: 0.8771%;
    }

#shouboudan_section #up_06  {
    width: 46.783%;
    margin-top: 8px;
    }

#shouboudan_section #up_07  {
    width: 44.485%;
    margin-top: 5px;
    margin-right: 4.239%;
    margin-left: 0.73%;
    }

#shouboudan_section #up_08  {
    width: 47.868%;
    margin: 0 auto;
    }

#shouboudan_section #up_09  {
    width: 45.118%;
    margin: 0 auto;
    padding-bottom: 30px;
    }

#shouboudan_section #down_container {
    display: inline-block;
    width: 41.894%;
    margin-top: 43px;
    margin-left: 5.71%;
    margin-right: 3.203%;
    text-align: left;
    }

#shouboudan_section #down_01    {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    margin: 0 auto;
    }

#shouboudan_section #down_02    {
    width: 96.221%;
    padding-top: 24px;
    padding-bottom: 0;
    margin: 0 auto;
    }

#shouboudan_section #down_03    {
    width: 41.24%;
    margin-right: 4.456%;
    margin-top: 8px;
    margin-bottom: 0;
    padding-bottom: 0;

    }

#shouboudan_section #down_04    {

    }

#shouboudan_section #rappa_block    {
    color: #fff;
    width: 91.086%;
    margin-top: 18px;
    margin-left: 4.456%;
    margin-right: 4.456%;

    border: 1px solid #349DD0;
    text-align: center;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}


#shouboudan_section #rappa_image    {
    display: inline-block;
    width: 21.768%;
    margin-top: 0;
    margin-left: 4.146%;
    margin-bottom: 0;
    padding-top: 12px;
    padding-bottom: 0px;
    vertical-align: top;
    }

#shouboudan_section #rappa_text {
    display: inline-block;
    width: 62.91%;
    margin-top: 3.5%;
    margin-left: 3.669%;
    margin-right: 5.504%;
	margin-bottom:3%;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    vertical-align: top;
    color: #fff;
}

#shouboudan_section #last_01    {
    width: 84.4%;
    margin-top: 44px;
    margin-left: 4.456%;
    margin-right: 11.142%;
    }

#shouboudan_section #last_02    {
    display: inline-block;
    width: 24.462%;
    margin-top: 8px;
    margin-left: 9.356%;
    }

#shouboudan_section #last_03    {
    display: inline-block;
    width: 52.367%;
    margin-left: 8.888%;
    margin-right: 2.924%;
    }

#shouboudan_section #image_ganba    {
    display: block;
    width: 100%;
    margin: 0 auto;
}

#shouboudan_section #image_last {
    display: block;
    margin: 0 auto;
    width: 100%;
    padding-bottom: 0;

}

#shouboudan_section .text   {
    display: inline;
}


.Dan_box01 .box01_right {
	position:relative;
	height:auto;
}

#Dan_con .box01_right #dan_pdf{
	position:absolute;
	bottom:-20px;
	right:0;
	padding:0 7% 0 0;

}



}


/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
    Media Queries による切り替え
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/*　タブレット向けスタイル　768px以下　*/
@media screen and (max-width:769px) {


#Dan_2 .bookshelf{
	background-position:0px 5.1%;
}


#shouboudan_section #up_01{
    font-size:90%;
}

#shouboudan_section #down_02, #rappa_block #rappa_text    {
    font-size:105%;
	line-height:170%;
    }
}


/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
    消防団004　表示調整
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/




.ie_txt:not(:target) {
display:none\9;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ie_txt {
display:block!important;}
}






#Dan_2.dan004 .Dan_box01 .box01_right{
	text-align:left;
	}



#Dan_2.dan004 img {
    width:auto;
	height:auto;
}

#Dan_2.dan004 .offer{
	margin:15px 0 0 0;
	height:38px;
	padding:0;
	font-size:0;
	line-height:0;
}


#Dan_2.dan004 .offer img{
	margin:0 0 0 0;
	padding:0;
	font-size:0;
	line-height:0;
}



#Dan_2.dan004 .box01_right #dan_pdf {
    bottom: 160px;

}



#Dan_2.dan004 .main_box:after{
    content: ".";
    display: block;
    height: 0px;
    clear: both;
	float:none;
    visibility: hidden;
}



#Dan_2.dan004 .bookshelf004{
	float:none;
	clear:both;
	width:92%;
	margin:auto;
}



#Dan_2.dan004 .bookshelf004:after,
#Dan_2.dan004 .bookshelf004 .shelfbox:after,
#Dan_2.dan004 .bookshelf004 .shelfbox_left:after,
#Dan_2.dan004 .bookshelf004 .shelfbox_right:after,
#Dan_2.dan004 #contents:after,
#Dan_2.dan004 .new_book:after{
    content: ".";
    display: block;
    height: 0px;
    clear: both;
	float:none;
    visibility: hidden;
}


#Dan_2.dan004 .bookshelf004 .shelfbox{
	background:url(../img/subpage/dan/004/bookshelf004.png);
	background-position:0 179px;
	background-repeat:no-repeat;
	padding:0 0 50px 0;
}


#Dan_2.dan004 .bookshelf004 .shelfbox_left, #Dan_2.dan004 .bookshelf004 .shelfbox_right{
	float:left;
	width:50%;
}


#Dan_2.dan004 .shelfbox .cover {
    float: left;
    margin: 0;
    width: 40%;
}


#Dan_2.dan004 .shelfbox .movie{
	float:left;
	width:60%;
	margin:0 0 0 0;
	padding:12% 0 0 0;
}

#Dan_2.dan004 .shelfbox .dan_movie{
	padding:12% 0 0 0;
}





#Dan_2.dan004 .bookshelf004 .vol001{
	background: url("../img/subpage/dan/004/ttl_about.png") no-repeat scroll 70px 0 rgba(0, 0, 0, 0);
}

#Dan_2.dan004 .bookshelf004 .vol002{
	background: url("../img/subpage/dan/004/ttl_woman.png") no-repeat scroll 70px 0 rgba(0, 0, 0, 0);
}

#Dan_2.dan004 .bookshelf004 .vol003{
	background: url("../img/subpage/dan/004/ttl_rape.png") no-repeat scroll 70px 0 rgba(0, 0, 0, 0);
}

#Dan_2.dan004 .bookshelf004 .vol004{
	background: url("../img/subpage/dan/004/ttl_m-talk.png") no-repeat scroll 70px 0 rgba(0, 0, 0, 0);
}



#Dan_2.dan004 #contents{
	width:88%;
	margin:auto;
}


#Dan_2.dan004 #contents h2{
	margin:0 0 10px 0;
}

#Dan_2.dan004 #contents h2 img{
	    margin: 0 auto;
    max-width: 819px;
    width: 100%;
}





#Dan_2.dan004 #contents .con_left{
	float:left;
	width:50%;
	text-align:left;
}

#Dan_2.dan004 #contents .con_left img{
	width:100%;
	max-width:395px;
	margin:0 0 5px 0;
}

#Dan_2.dan004 #contents .con_right{
	float:right;
	width:50%;
	text-align:left;
	line-height:20px;
	font-size:14px;
}




#Dan_2.dan004 #contents .con_right .con_bold{
	font-weight:bold;
	}

#Dan_2.dan004 #contents p.yuki{
	font-weight:bold;
	color:#D41819;
}

#Dan_2.dan004 #contents p.nagamine{
	font-weight:bold;
	color:#339DD0;
}

#Dan_2.dan004 #contents p.dg{
	font-weight:bold;
	color:#67AC33;
}


#Dan_2.dan004 #contents p.haruta{
	font-weight:bold;
	color:#E69015;
}


#Dan_2.dan004 #contents p.ikeda{
	font-weight:bold;
	color:#B14883;
}

#Dan_2.dan004 #contents p.mochi{
	font-weight:bold;
	color:#0C68A9;
}



#Dan_2.dan004 .bottom_img img{
	width:100%;
	max-width:815px;
}



#Dan_2.dan004 #contents p.p_img{

	text-align:center;
}





#Dan_2.dan004 .box01_left .dan_logo_pc {
    display: block;
}



#Dan_2.dan004 .box01_left .dan_logo_pc img{
    height: auto;
    margin: 10px 0 0;
    max-width: 597px;
	width: 100%;
}



#Dan_2.dan004 .shelfbox .cover .pc_cover{
	display:block;
}

#Dan_2.dan004 .shelfbox .cover .sp_cover{
	display:none;
}


#Dan_2.dan004 .pc_box, #Dan_2.dan004 .pc_ttl{
	display:block;
}

#Dan_2.dan004 .sp_box, #Dan_2.dan004 .sp_ttl{
	display:none;
}



#Dan_2.dan004 #contents  .pc_img{
	display:block;
}

#Dan_2.dan004 #contents  .tb_img{
	display:none;
}


#Dan_2.dan004 .offer_movie{
	border-bottom:4px solid #C30012;
	width:87%;

}


@media print, screen and (max-width: 1024px) {
#Dan_2.dan004 .dan_movie img{
	margin:50px 0 0 0;
	}
}


@media print, screen and (max-width: 980px) {
#Dan_2.dan004 .dan_movie img{
	margin:50px 0 0 5%;
	}
}


@media print, screen and (max-width: 769px) {

#Dan_2.dan004 .bookshelf004 .shelfbox_left,
#Dan_2.dan004 .bookshelf004 .shelfbox_right{
    background: none!important;
}


#Dan_2.dan004 #contents h2 {
    margin: 5% 0 2.5%;
}


#Dan_2.dan004 #contents {
    margin: auto;
    width: 94%;
}


#Dan_2.dan004 #contents .con_right {
    float: right;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    width: 47%;
}


#Dan_2.dan004 #contents .pc_img ,#Dan_2.dan004 .shelfbox .pc_img{
	display:none;
}



#Dan_2.dan004 #contents .tb_img{
	display:block;
}



#Dan_2.dan004 .shelfbox .cover {
	float:none;
    width: 60%;
	margin:auto;
}


#Dan_2.dan004 .shelfbox .movie {

    padding: 7% 0 0 5%;
    width: 35%;
}


#Dan_2.dan004 .movie img {
    width:100%;
}

#Dan_2.dan004 .dan_movie img{
	margin:25px 0 0 0;
	}




}



@media print, screen and (max-width: 600px) {


#Dan_2.dan004 .bookshelf004{
	float:none;
	clear:both;
	width:96%;
	margin:auto;
	padding:0 0 0 4%;
}


#Dan_2.dan004 .pc_box{
	display:none;
}

#Dan_2.dan004 .sp_box{
	display:block;
	text-align:left;
}



#Dan_2.dan004 .new_book{
	margin:5% auto 5%;
}

#Dan_2.dan004 .new_book span.point{
	color:#D61518;
}


#Dan_2.dan004 .new_left{
	float:left;
	width:40%;
}

#Dan_2.dan004 .new_left img{
	width:90%;
	height:auto;
}

#Dan_2.dan004 .new_right{
	float:right;
	width:60%;
	padding:5% 0 0 0;
	font-weight:bold;
	line-height:1.4em;
}



#Dan_2.dan004 .new_right img{
	width:80%;
	height:auto;
	margin:2% 0 0 15%;
}






#Dan_2.dan004 .sp_box h2{
	float:none;
	clear:both;
	margin:0;
	padding:0;
	display:block;
	font-size:0;
	line-height:0;
}


#Dan_2.dan004 .sp_box h2 img{
	width:40%;
	height:auto;
}


#Dan_2.dan004 .sp_box hr{
	float:none;
	clear:both;
	border:none;
	border-bottom:2px solid #B88A36;
	padding:1% 0 0%;
	margin:0 4% 4% 0;
}

#Dan_2.dan004 .sp_box .book_nb{
	text-align:center;
	font-weight:bold;
	margin:0 auto;
	padding:0;
}










#Dan_2.dan004 .shelfbox .movie {
    padding: 0 0 0;
}


#Dan_2.dan004 .sp_box .shelfbox{
	float:left;
	width:29.3%;
	padding:0 4% 0 0;
}

#Dan_2.dan004 .sp_box .shelfbox img{
	width:100%;
}




#Dan_2.dan004 .shelfbox .cover .pc_cover{
	display:none;
}

#Dan_2.dan004 .shelfbox .cover .sp_cover{
	display:block;
}

#Dan_2.dan004 .shelfbox .cover {
    float: none;
    width: 100%;
}

#Dan_2.dan004 .shelfbox .movie {
    float: none;
    width: 100%;
}


#Dan_2.dan004 .bookshelf004 .shelfbox_left,  #Dan_2.dan004 .bookshelf004 .shelfbox_right{
    background:none;
}

}


@media print, screen and (max-width: 580px) {
#Dan_2.dan004 .bookshelf004 .vol001,
#Dan_2.dan004 .bookshelf004 .vol002,
#Dan_2.dan004 .bookshelf004 .vol003,
#Dan_2.dan004 .bookshelf004 .vol004,
#Dan_2.dan004 .bookshelf004 .vol005,
#Dan_2.dan004 .bookshelf004 .vol006
 {
    background: #FFFFFF;
}


#Dan_2.dan004 .dan_movie iframe{
	width:100%;
	height:300px;
}

}


@media print, screen and (max-width: 480px) {


#Dan_2.dan004 .pc_ttl{
	display:none;
}

#Dan_2.dan004 .sp_ttl{
	display:block;
}

#Dan_2.dan004 .shelfbox{
	float:left;
	width:50%;
}

#Dan_2.dan004 .bookshelf004 .shelfbox_left, #Dan_2.dan004 .bookshelf004 .shelfbox_right {
    width: 50%;
}

#Dan_2.dan004 .shelfbox_left .movie img,
#Dan_2.dan004 .shelfbox_right .movie img,
#Dan_2.dan004 .shelfbox_left .cover img,
#Dan_2.dan004 .shelfbox_right .cover img


{
	width:100%;
}

#Dan_2.dan004 .box01_left .dan_logo_pc {
    display: none;
}

#Dan_2.dan004 .box01_left .dan_logo_sm {
    display: block;
	padding:2% 0 0 0;
}


#Dan_2.dan004 .dan_movie iframe{
	width:100%;
	height:190px;
}

#Dan_2.dan004 .box01_left .dan_logo_sm img{
	width:100%;
}


#Dan_2.dan004 #contents{
	width:94%;
}

#Dan_2.dan004 #contents .con_right, #Dan_2.dan004 #contents .con_left{
	float:none;
	clear:both;
	width:100%;
}

#Dan_2.dan004 #contents .con_left img{
	margin:0 0 0 0;
}


#Dan_2.dan004 #contents p.yuki_img img{
	width:100%;

}

#Dan_2.dan004 #contents p.con_txt{
	padding:0 0 5px 0;
}


}

















/*  :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
:::::::::::::::::::::::::::::　消防団4 終わり   :::::::::::::::::::::::::::::::::::
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  */



/*  ::::::::::::  WEB宮崎肉本 ::::::::::::  */


/* This code is only meant for previewing your Reflow design. */
#niku_primaryContainer {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    /*min-height: 100%;*/
    width: auto;
    max-width: 940px;
    border-right-color: rgb(218, 207, 174);
    border-right-width: 30px;
    border-right-style: solid;
    border-left-color: rgb(218, 207, 174);
    border-left-width: 30px;
    border-left-style: solid;
    padding-right: 0%;
    padding-left: 0%;
    padding-top: 13px;
	background-color: white;
}

#niku_primaryContainer a:hover img {
    opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
}

#niku_primaryContainer #box #text br {
	display: none;
}

#niku_primaryContainer #niku_Box {
    float: left;
    height: auto;
    margin-left: 4.238697%;
    margin-top: 0px;
    clear: none;
    width: 91.798537%;
    padding-bottom: 30px;
	background-color: white;
}

#niku_primaryContainer #niku_Box1 {
    float: left;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 100%;
}

#niku_primaryContainer #box {
    float: left;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 19.758809%;
}

#niku_primaryContainer #image1 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
}

#niku_primaryContainer #image2 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: -0.29325513%;
    margin-top: 0px;
    clear: both;
    color: rgb(0, 0, 0);
}

#niku_primaryContainer #box1 {
    float: left;
    height: auto;
    margin-left: 2.017166%;
    margin-top: 0px;
    clear: none;
    width: 27.548618%;
}

#niku_primaryContainer #image3 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 0.40751939%;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
}

#niku_primaryContainer #text {
    float: left;
    font-size: 0.8em;
    width: 100%;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 1em;
    word-wrap: break-word;
    margin-left: 0%;
    margin-top: 5px;
    clear: both;
    min-height: 34px;
}

#niku_primaryContainer #text1 {
    float: left;
    font-size: 0.8em;
    width: 100%;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 1em;
    word-wrap: break-word;
    margin-left: 0%;
    margin-top: 5px;
    clear: both;
    min-height: 19px;
    min-width: 0px;
}

#niku_primaryContainer #image8 {
    float: none;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-top: 26px 0 15px;
    clear: both;
    color: rgb(0, 0, 0);
}

#niku_primaryContainer #image9 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 0.105023%;
    margin-top: 10px;
    clear: both;
    color: rgb(0, 0, 0);
}

#niku_primaryContainer #image10 {
    float: left;
    width: 51.158874%;
    max-width: 100%;
    height: auto;
    margin-left: 22.93485%;
    margin-top: 20px;
    clear: both;
    color: rgb(0, 0, 0);
    margin-right: 0px;
}

#niku_primaryContainer #image {
    float: left;
    width: 50.642813%;
    max-width: 100%;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
}

#niku_primaryContainer #image6 {
    float: left;
    width: 0%;
    max-width: 100%;
    height: auto;
    margin-left: 10.000724%;
    margin-top: 60px;
    clear: both;
    color: rgb(0, 0, 0);
    margin-right: 0px;
    display: none;
}

#niku_primaryContainer #image7 {
    float: left;
    width: 0%;
    max-width: 100%;
    height: auto;
    margin-left: 10.000724%;
    margin-top: 15px;
    clear: both;
    color: rgb(0, 0, 0);
    margin-right: 0px;
    display: none;
}

#niku_primaryContainer #image11 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 29.024373%;
    margin-top: 26px;
    clear: both;
    color: rgb(0, 0, 0);
    margin-right: 0px;
    display: none;
}

#niku_primaryContainer #reicpi {
    float: left;
    height: 291px;
    margin-left: 5.202224%;
    margin-top: 2.234375px;
    clear: none;
    width: 37.784167%;
    display: none;
}

#niku_primaryContainer #image4 {
    float: left;
    width: auto;
    max-width: 86.732618%;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
}

#niku_primaryContainer #image5 {
    float: left;
    width: auto;
    max-width: 81.684541%;
    height: auto;
    margin-left: 0%;
    margin-top: 12.3125px;
    clear: both;
    color: rgb(0, 0, 0);
}

#niku_primaryContainer #text2 {
    float: left;
    font-size: 0.8em;
    width: 100%;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 0.7em;
    word-wrap: break-word;
    margin-left: 0.25887574%;
    margin-top: 0px;
    clear: both;
    min-height: 18.5px;
}

#niku_primaryContainer #box2 {
    float: left;
    height: auto;
    margin-left: 10.290311%;
    margin-top: 0px;
    clear: none;
    width: 89.968565%;
}



#niku_primaryContainer .niku_bookshelf{
	float:none;
	clear:both;
	margin:15px 0;
	width:100%;
	max-width:862px;
	min-height:691px;
	background:url(../img/subpage/nikubon/bg_book15.jpg);
	background-size:100% auto;
	background-repeat:no-repeat;
	}

#niku_primaryContainer .niku_bookshelf:after{
    content: ".";
    display: block;
    height: 0px;
    clear: both;
	float:none;
    visibility: hidden;
}



#niku_primaryContainer .niku_bookshelf p{
	margin:0 0 3.6% 4.6%;
	width:12.4%;
	float:left;
}


#niku_primaryContainer .niku_bookshelf p.book02{
	margin:0 0 3.6% 3%;


}

#niku_primaryContainer .niku_bookshelf p img{
	width:100%;
	max-width:105px;
}

#niku_primaryContainer .niku_bookshelf .niku_empty{
	display:none;
}


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

#niku_primaryContainer #niku_Box{
	padding-bottom:20px;
}


#niku_primaryContainer .niku_bookshelf{
	height:520px;
	min-height:inherit;
}



}



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

#niku_primaryContainer .niku_bookshelf{
	height:auto;
	min-height:inherit;
}

#niku_primaryContainer .niku_bookshelf{
	background-size:auto auto;
	background:url(../img/subpage/nikubon/bg_sp_book01.jpg);
	background-position:top center;
	background-repeat:repeat-y;
	}


#niku_primaryContainer .niku_bookshelf:after{
    content: ".";
    display: block;
    height: 0px;
    clear: both;
	float:none;
    visibility: hidden;
}


#niku_primaryContainer .niku_bookshelf p {
	float:left;
    margin: 0 0 0 6%;
    width:105px;
	height:221px;
}

#niku_primaryContainer .niku_bookshelf p img{
	width:auto;
}


#niku_primaryContainer .niku_bookshelf .niku_empty, #niku_primaryContainer .niku_bookshelf p.book02, #niku_primaryContainer .niku_bookshelf p{
	float:left;
	margin:0;
	height:221px;
	margin: 0 0 0 8%;
	display:block;
}






#niku_primaryContainer .niku_bookshelf .niku_empty img{
	max-width:inherit;
	margin:0 0 0 0px;
}





   #niku_primaryContainer #image10 {
        margin-top: 22px;
        margin-left: 3.120567%;
        clear: both;
        width: auto;
        display: none;
   }

#niku_primaryContainer #image1 {
	display: none;
}

#niku_primaryContainer #image2 {
	display: none;
}

#niku_primaryContainer #text {
	display: none;
}

#niku_primaryContainer #box {
	display: none;
}

   #niku_primaryContainer #niku_Box1 {
        height: auto;
        width: 100%;
   }

   #niku_primaryContainer #image9 {
        margin-top: 10px;
        margin-left: 0%;
        clear: both;
        display: none;
   }

   #niku_primaryContainer #image8 {
        margin-top: 20px;
        margin-left: 0%;
        clear: both;
        display: none;
   }

   #niku_primaryContainer {
        border-right-width: 12px;
        border-left-width: 12px;
        max-width: 456px;
        min-width: 0px;
        margin-left: auto;
        margin-right: auto;
        float: none;
        clear: none;
   }

   #niku_primaryContainer #text {
        height: auto;
        min-height: 15.359375px;
        width: 100%;
        display: block;
   }

   #niku_primaryContainer #box {
        margin-top: 2.234375px;
        margin-left: 0%;
        clear: both;
        width: 0%;
        height: auto;
        display: none;
   }

   #niku_primaryContainer #box1 {
        margin-top: 0px;
        margin-left: 0%;
        clear: none;
        width: 53.237493%;
        height: auto;
   }

   #niku_primaryContainer #image {
        height: auto;
        width: auto;
        margin-left: 0%;
        margin-right: 0px;
        float: left;
        clear: none;
        margin-top: 0px;
   }

   #niku_primaryContainer #text1 {
        height: auto;
        min-height: 14.59375px;
		margin-top: 5px;
   }

   #niku_primaryContainer #image3 {
        height: auto;
        width: 97.702888%;
   }

   #niku_primaryContainer #niku_Box {
        padding-bottom: 20px;
        height: auto;
   }

   #niku_primaryContainer #image6 {
        display: block;
        width: 100%;
        margin: 60px 0 15px;
        clear: both;
        float: left;
   }

   #niku_primaryContainer #image7 {
        display: block;
        width: 100%;
        margin-top: 15px;
        margin-left: 0%;
        clear: both;
        margin-right: 0px;
        float: left;
   }

   #niku_primaryContainer #image11 {
        display: block;
        margin-top: 23px;
        margin-left: 20.57%;
        clear: both;
        margin-right: 0px;
        float: left;
        width: 58.86%;
   }

   #niku_primaryContainer #image1 {
        display: block;
   }

   #niku_primaryContainer #reicpi {
        float: left;
        height: auto;
        margin-left: 5.202224%;
        margin-top: 2.234375px;
        clear: none;
        width: 41.464443%;
        display: block;
   }

   #niku_primaryContainer #image4 {
        float: left;
        width: auto;
        max-width: 100%;
        height: auto;
        margin-left: 0%;
        margin-top: 0px;
        clear: none;
        color: rgb(0, 0, 0);
   }

   #niku_primaryContainer #image5 {
        float: left;
        width: auto;
        max-width: 100%;
        height: auto;
        margin-left: 0%;
        margin-top: 0px;
        clear: both;
        color: rgb(0, 0, 0);
   }

   #niku_primaryContainer #text2 {
        float: left;
        font-size: 0.8em;
        width: 100%;
        height: auto;
        text-align: center;
        font-weight: normal;
        line-height: 1em;
        word-wrap: break-word;
		margin-top: 5px;
        margin-left: 0.25887574%;
        clear: both;
        min-height: 18.5px;
   }

   #niku_primaryContainer #box2 {
        float: left;
        height: auto;
        margin-left: 10.290311%;
        margin-top: 0px;
        clear: none;
        width: 89.968565%;
   }
}





/*  ::::::::::::  AR ::::::::::::  */

/* :::::::::::::::::::: タマンゴーランディングページ :::::::::::::::::::: */
#tm{
	padding:0px 0px 30px 0px;
	}
#tm_sm{
	display:none;
	}

#tm hr{
	border-top:dotted #dddddd 2px;
	border-right:none;
	border-left:none;
	border-bottom:none;
	}

#subpage #tm h2{
padding:0px 0px 0px 0px;
margin:0 0 0 0;
}

#tm .cland_box01{}

#tm .cland_box01:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
	float:none;
    visibility: hidden;
	}

#tm .tm_l{
float:left;
width:385px;
padding:0px 0px 0px 20px;
}

#tm .tm_r{
float:right;
}

#tm .tm_l{
float:left;
width:385px;
padding:0px 0px 0px 20px;
}

#tm .tm_r{
float:right;
}

#tm .tm_r p{
	max-width:290px;}

#tm .tm_r img{
padding:5px 40px 0px 0px;
}


#tm .tm_src{
	padding:20px 0px 0px 30px;
	}

#tm .tm_src p{
	font-weight:bold;
	}

#tm .tm_src:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
	float:none;
    visibility: hidden;
	}


#tm .tm_mark{
	padding:0px 0px 5px 0px;
	}

#tm hr{
	margin:10px 0px 10px 0px;
	}

#tm .tm_box01{
	padding:20px 0px 20px 0px;
	}

#tm .tm_box01:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
	float:none;
    visibility: hidden;
	}

#tm .tm_src_bottom{
	padding:10px 20px 5px 0px;
	}

#tm .tm_src_bottom:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
	float:none;
    visibility: hidden;
	}

#tm .tm_sbl{
	float:right;
	font-weight:bold;
	color:#4f4f4f;
	padding:20px 10px 0px 0px;
	}

#tm .tm_sbl img{
	width:50px;
	height:auto;
	}

#tm .tm_sbr{
	float:right;
	padding:20px 0px 0px 0px;
	}

#tm .tm_sbr p{
	font-weight:bold;
	padding:0px 0px 0px 0px;
	}

#tm .tm_sbr a{
	font-size:12px;
	}

#tm p.tm_src_kome{
	color:#e4007f;
	font-weight:normal;
	font-size:12px;
	}

#tm .tm_clear{
	clear:both;
	float:none;
	padding:0px 0px 0px 30px;
	}

#tm .tm_ttl01{
	padding:30px 0px 0px 0px;
	}

#tm .tm04{
	padding:0px 0px 15px 20px;
	}

#tm .movie{
	padding:10px 10px 0px 0px;
	}

#tm .ar01{
	padding:30px 0px 0px 0px;
	}

#tm .ar02{
	float:left;
	padding:10px 0px 10px 20px;
	}

#tm .tm_sm_txt{
	display:none;
	}


#ex a{
	font-weight:bold;
	}

#ex #slide_page{
	padding:0px 0px 0px 20px;
	margin:0;
	}


#ex #slide_page p{
	padding:0px 0px 30px 0px;
	}

#QAcategory:after{
    content: ".";
    display: block;
    height: 0px;
    clear: both;
	float:none;
    visibility: hidden;
	}

.about_me{
	font-size:14px;
	padding:0px 0px 15px 0px;
	}


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

#tm hr.txt_pc{
display:none;
}



#subpage #tm .tm_l h2{
    border: none;
    display: block;
    margin: 0;
    padding: 0;
}


}

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

#tm img{
	max-width:100%;
	max-height:auto;
	}

#tm .tm_src_bottom:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
	float:none;
    visibility: hidden;
	}
#tm .ar02{
	padding:15px 0px 0px 10px;
	}

#tm .tm_sbl img{
	width:50px;
	}


#tm .tm_sbr p{
	font-size:12px;
	}



#tm_sm:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
	float:none;
    visibility: hidden;
	}


#tm_sm .tm_sbl{
	display:block;
	float:right;
	font-weight:bold;
	color:#4f4f4f;
	padding:5px 10px 10px 0px;
	}

#tm_sm .tm_sbr{
	display:block;
	float:right;
	padding:5px 0px 10px 0px;
	}




#tm .tm_sbr p{
	padding:0;
	margin:0;
	}


#tm .tm04 {
    width:100%;
	padding:0;

}


#tm hr{
	border-top:dotted #dddddd 2px;
	border-right:none;
	border-left:none;
	border-bottom:none;
	}

.tm_l h2{
	padding:20px 0px 0px 10px;
	}

.tm_l h2 img{
	width:280px;
	}

.tm_mark{
	text-align:center;
	}

.ar_txt{
	font-size:14px;
	padding:0px 10px 30px 10px;
	}

.tm_r p{
	font-size:16px;
	font-weight:bold;
	text-align:center;
	padding:0;
	}

#tm .tm_l {
    float: left;
    padding: 0 0 0 0px;
}

#tm .tm_l {
    float: left;
    padding: 0 0 0 0px;
    width: 100%;
}

#subpage #tm .tm_l h2{
    border:none;
    margin: 0;
    padding: 0;
}


}


/* :::::::::::::::::::: 宮日ちらしランドぺーじ :::::::::::::::::::: */
#container_c{
display: block;
margin: 0 auto;
padding: 0 15px;
background: url(../img/subpage/miya_chira/cland_bg.jpg) repeat-y ;
background-position:center;
}

#container_c #cland img{
	max-width:100%;
}


#container_c:after{
    content: ".";
    display: block;
    height: 0px;
    clear: both;
	float:none;
    visibility: hidden;
}


#container_c #main{
	float:none;
	width:100%;
	max-width:970px;
	background:#FFFBE5;
	margin:auto;
	}

#cland{
	letter-spacing:0px;
	}

#cland_hd{
	margin:0;
	padding:0;
	}

#cland_hd img{
	margin:0;
	padding:0px 0px 20px 0px;
	}

#cland h2{
	clear:both;
	float:none;
	padding:10px 0px 10px 0px;
	}

#cland .cland_box_L{
 padding:0px 0px 20px 0px;
}


#cland .cland_box_L:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
	float:none;
    visibility: hidden;
	}

#cland .cland_box_Sl{
	float:left;
	margin:0px 0px 0px 0px;
	width:33.3%;
	}

#cland .cland_box_Sr{
	float:right;
	margin:0px 0px 0px 0px;
	width:33.3%;
	}





#cland .cland_txt01{
	font-size:14px;
	padding:5px 20px 0px 10px;
	font-weight:bold;
	}

#cland .go{
	padding:20px 0px 30px 0px;
	text-align:center;
	}


#cland .center_box{
	margin:0 0 0 1%;
}


#cland .cland_box_L img.bottom{
	width:95%;
}



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

	#container_c{
padding: 0 0px;

}


#container_c #main{
	width:100%;
	}


#cland{
	text-align:center;
	margin:auto;
	}



#cland img{
max-width:480px;
	}


#cland .cland_txt01{
	text-align:left;
	padding:5px 20px 0px 20px;
	}

#cland h2{
	text-align:left;
	padding:10px 0 10px 0;
	margin:0px;
	}

#cland h2 img{
	max-width:320px;
	}

#cland .cland_box_Sl p img{
	padding:0px 0px 0px 0px;
	}




#cland .cland_box_L img{
	width:95%;
}


#cland .go img{
	width:300px;
	padding:0px 0px 20px 0px;
	}

}



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


#cland .cland_box_Sl{
	float:none;
	clear:both;
	padding:0px 0px 40px 0px;
	margin:0 0 0 0;
	width:100%;
	}


#cland .cland_box_Sr {
    float:none;
	clear:both;
    margin: 0;
	width:100%;
}

}





/*  ::::::::::::  メディア掲載一覧  ::::::::::::  */



#media{
	margin:0 0 30px 0;
}




#subpage #media h2 {
    border: none;
    margin: 0;
    padding: 0;
}






#media #hd{
	padding:0 0 20px 0;
}


#media .info h3 {
    background: none repeat-x scroll 0 0 #FFFFFF;
    border-bottom: 2px solid #CC0000;
    color: #000000;
    font-size: 90%;
    margin: 15px 3% 5px 0;
    padding: 5px;
}


#subpage #media img {
    max-width: 100%;
    padding: 0;
}



#media .info dl {
    padding: 0em;
}

#media .info dl dt {
    clear: left;
    float: left;
    font-size: 100%;
    line-height: 1.4;
    margin: 0 0 0 10px;
    padding: 10px 1em;
    width: 7em;
	font-weight:bold;
	color:#963;
	border-right:1px dotted #cccccc;
	min-height:40px;
}



#media .info dl dd {
    border-bottom: 1px dotted #CCCCCC;
    font-size: 86%;
    line-height: 1.6;
    margin: 0 10px;
    padding: 10px 0.5em 10px 11em;
	min-height:40px;
}


#media .info dl dd a:link, #media .info dl dd a:visited{
	color:#000;
	text-decoration:underline;
}

#media .info dl dd a:hover ,#media .info dl dd a:active{
	color:#F60;
}


@media screen and (max-width:550px) {
#subpage #media h2 {
		text-indent:none !important;
}




}




/*    フッター     */

footer .footer_navi ul li {
    margin:0 0 10px 0;
}




/*  ::::::::::::  ＭＯＴＯＹＡ　2013　-大阪-  ::::::::::::  */
#motoya-text{
	margin:auto;
		width:600px;
		font-size:13px;
		line-height:17px;
}
#motoya-text p center{
	text-align:center;
	width:600px;
}
#motoya-box2{
	width:100%;
}

#motoya-box2 .motoya-img2-l img{
	float:left;
	width:15%;
}
#motoya-box2 .motoya-img2-r img{
	float:right;
	width:15%;
}
#motoya-box2 center{
	float:left;
	width:70%;
}


@media screen and (max-width:768px) {
#motoya-text{
	margin:auto;
		width:90%;
}


#subpage .motoya-img2-l img{
	float:none;
	width:100%;
	max-width:100%;
}

#motoya-box2{
	width:100%;
}


#motoya-box2 .motoya-img2-l img{
	float:left;
	width:20%;
}
#motoya-box2 .motoya-img2-r img{
	float:right;
	width:20%;
}
#motoya-box2 center{
	float:left;
	width:60%;
	font-size:13px;
}


}



@media screen and (max-width:360px) {
#motoya-box{
	text-align:center;
	font-size:16px;
	padding:0 0 0 0;
	font-weight:bold;
}



#motoya-box2 .motoya-img2-l, #motoya-box2 .motoya-img2-r{
	display:none;
}


#motoya-box2{
	width:100%;
	margin:auto;
}

#motoya-box2 center{
	float:none;
	width:100%;
}


}




/* subpage
ご利用ガイド
------------------------------ */

#subpage .QAcategory:after {
clear: both;
content: ".";
display: block;
float: none;
height: 0;
visibility: hidden;
}

#subpage .QAcategory {
padding-bottom: 15px;
}

.QAcategory .blockL {
float: left;
border: 1px solid #BEBEBE;
width: 320px;
height: 190px;
}


.QAcategory .blockR {
float: right;
border: 1px solid #BEBEBE;
width: 320px;
height: 190px;
margin: 0 20px 0 0;
}

.QAcategory .categorylist dt {
background-color: #F5F5F5;
font-size: 14px;
padding-bottom: 3px;
padding-left: 10px;
padding-top: 3px;
}

.QAcategory .categorylist dl {
margin: 0;
padding:10px;
}

.QAcategory dl.categorylist{
padding:5px 5px 0px 5px;
}

.QAcategory .categorylist dd {
border-top: 1px solid #BEBEBE;
font-size: 12px;
padding: 6px 0 0 10px;
margin:0;
}



.QAcategory .categorylist dt {
    background-color: #F5F5F5;
    font-size: 14px;
    padding-bottom: 7px;
    padding-left: 10px;
    padding-top: 7px;
}








/*    宮崎ワード     */

.bn_sh:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
	float:none;
    visibility: hidden;
	}



.bn_sh .sh_left{
	float:left;
	width:24%;
	margin:0 1% 3% 0;
}

.bn_sh .sh_right{
	float:left;
	width:24%;
	margin:0 0 3% 0;
}
.bn_sh a{
	display:block;
}

.bn_sh img{
	width:100%;
}

.bn_sh{
	font-size:10px;
	font-weight:bold;
	text-align:center;

}




/* page-id-8409 */
.page-id-8409 #koba_con{
	width:90%;
	max-width:none;
	padding:0 5%;
	background:#FCC;
}





/* にちなんebooks */
#koba_ebooks #main_image {
    background: url("../img/subpage/koba_ebooks/bg_koba_body.jpg") no-repeat scroll center center #FFFFFF;
    height: 226px;
    margin: auto;
    text-align: center;
    width: 100%;
    z-index: -9999;
}


#koba_ebooks .nichinan{
	overflow:hidden;
}

#koba_ebooks .nichinan #book_list .books.twoBoxL {
border-right:none;
}

#koba_ebooks .books.twoBoxL .txt02 {
    padding: 0 0 5px 0;
}

#koba_ebooks .nichinan #book_list .books.twoBoxR {
border-left:none;
margin-left:0;
width:19.5%;
padding:0 0 0 0;
line-height:120%;
text-align:center;
}

#koba_ebooks .nichinan #book_list .books.twoBoxR p {
padding:0 0 7% 0;
}



#koba_ebooks .nichinan #book_list .books.twoBoxR .firstBox{
	padding:20% 0 7% 0;
}


#koba_ebooks .nichinan #book_list .books.twoBoxR a.txt_en{
	font-size:12px;
}


@media screen and (max-width:768px) {
#koba_ebooks .nichinan #book_list{
	width:90%;
}
}


@media screen and (max-width:480px) {
#koba_ebooks .nichinan #book_list .books.twoBoxR .firstBox{
	padding:10% 0 7% 0;
}

#koba_ebooks .nichinan #book_list .books.twoBoxR {
width:32%;
}

#koba_ebooks .nichinan #book_list .books {
	min-width:inherit;
    width: 31%;
}

#koba_ebooks .nichinan .books .cover img {
	max-width:55%;
}

#koba_ebooks .nichinan #book_list .books.twoBoxR p br{
	display:none;
}

#koba_ebooks .nichinan #book_list .books.twoBoxR a{
	display:none;
}

#koba_ebooks .nichinan #book_list .books.twoBoxR a.txt_en{
	display:block;
}

}


@media screen and (max-width:375px) {

#koba_ebooks .nichinan .books .cover img {
	max-width:65%;
}
}





/* 「JEPA電子出版アワード2013」にノミネートされました！ */
#subpage p.quick_ttl{
	font-size:16px;
	font-weight:bold;
	padding:30px 0 0 0;
}


#subpage .nomi_img:after {
clear: both;
content: ".";
display: block;
float: none;
height: 0;
visibility: hidden;
}


#subpage .nomi_img .quick_ttl{
	float:left;
	width:70%;
	padding:60px 0 0 0;
}



#subpage .nomi_img .quick_img{
	float:right;
	width:22%;
	margin:20px 20px 0 0;
}



#subpage .nomi_img .quick_img img{
	width:100%;
	max-width:150px;
}




@media screen and (max-width:720px) {
#subpage .QAcategory {
    padding-bottom: 0;
}


.QAcategory .blockL,
.QAcategory .blockR
 {
float: none;
border: 1px solid #BEBEBE;
width: 99.5%;
height: 190px;
margin:0 0 10px 0;

}


}



@media screen and (max-width:360px) {
#subpage .nomi_img .quick_ttl{
	padding:20px 0 0 0;
	font-size:14px;
	width:75%;

}



#subpage .nomi_img .quick_img{
	float:right;
	width:20%;
	margin:20px 7px 0 0;
}



#subpage .nomi_img .quick_img img{
	width:100%;
	max-width:100px;
}



}



/* :::::::::::::::::::::: 採用情報 ::::::::::::::::::::::::: */

#subpage #post-9678 h3{
	text-align:left;
	font-weight:bold;
	letter-spacing:2px;
	font-size:16px;
	color:#FF847B;
	background:#FFF9F8;
	border:1px #FFCACA dotted;
	margin:30px 0 20px 0;
}


#subpage #post-9678 #contact_wrap {
    display: block;
    margin: 0 0 10px;
    padding: 0 0px;
}


#subpage #post-9678 .wpcf7-response-output{
	color:#92AFFF;
	font-size:16px;
	font-weight:bold;
	line-height:19px;
	padding:0 0 10px 0;
}



#subpage #post-9678 h2.offer_hd{
	border:none;
	margin:0 0 10px 0;
	padding:0;
}

#subpage #post-9678 h2.offer_hd img{
	width:100%;
	max-width:700px;
}





/* -----------------------------------------
まとめ記事
-------------------------------------------- */

.page-id-9686 a, .single-summary a{
	text-decoration:none !important;
}

.page-id-9686 .summary_nav, .single-summary .summary_nav{
	margin:0 0 30px 0;
	display:none;
}

.page-id-9686 .summary_nav:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
	float:none;
    visibility: hidden;
	}





/* 注目枠 */


.matome_bookshelf li.recommend {
	border-top: 1px solid #E7E7E7;
    border-bottom: 1px solid #E7E7E7;
    border-right: 1px solid #E7E7E7;
    float: none;
    overflow: hidden;
    padding: 10px 0 20px;
    width: 99.3%;
    word-break: break-all;
    word-wrap: break-word;
}


li.recommend  a .title{
    font-size:16px;
	padding: 8px 20px 10px;
	height: auto;
    overflow: hidden;
}


li.recommend .book_comment {
    padding: 0 0 0 20px;
}
li.recommend .book_comment_bottom{
	display:none;
}

li.recommend .gover_vispace:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
	float:none;
    visibility: hidden;
	}

li.recommend .reco_left{
	float:left;
	width:70%;
}

li.recommend .reco_right{
	float:right;
	width:30%;
	text-align:center;
}
/* end注目枠 */





.page-id-9686 .summary_nav ul li{
	float:left;
	width:20%;
	background:#999;
	text-align:center;
	height:28px;
	padding:10px 0 0 0 !important;

}

.page-id-9686 .summary_nav ul li a{
	color:#FFF !important;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
}

.page-id-9686 h2{
	font-size:24px;
	margin:0 0 10px 0;
	overflow:hidden;
}

.matome_bookshelf .book_cat{
	font-size:12px;
	margin:auto;
	padding:0 0 3px 20px;
}

.single-summary .matome_bookshelf .book_cat{
	padding:0 0 3px 0px;
}



.matome_bookshelf .book_cat:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
	float:none;
    visibility: hidden;
	}

.matome_bookshelf .book_cat p{
	display:block;
	float:left;
}

.matome_bookshelf .book_cat .cat_txt{
	padding:4px 0 0 5px;
	color:#999 !important;

}

.matome_bookshelf{
	border-left: 1px solid #E7E7E7;
}


.matome_bookshelf ul:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
	float:none;
    visibility: hidden;
	}


.matome_bookshelf li{
	border-bottom: 1px solid #E7E7E7;
	border-right: 1px solid #E7E7E7;
	float:left;
	padding: 10px 0px 20px;
    word-break: break-all;
    word-wrap: break-word;
	width: 33%;
	overflow: hidden;
}

.matome_bookshelf li .title{
	padding: 0px 20px;
	height:60px;
	text-align:left;
	overflow: hidden;
}

.matome_bookshelf li a:link p.title, .matome_bookshelf li a:visited p.title, .matome_bookshelf li a:hover p.title, .matome_bookshelf li a:active p.title {
	color:#477184 !important;
	font-weight:bold;
	text-decoration:none !important;
	border:none;
}


.matome_bookshelf .book_img{
	text-align:center;
	width:auto;
	margin:10px auto;
	height:150px;
	width:150px;
	overflow: hidden;
	}


.matome_bookshelf .book_img img.border {
	margin: 0 !important;
	background:#FFF;
}

.matome_bookshelf li img{
	max-width:200px;
	height:auto;
}


.page-id-9686 .title{
	font-size:14px;
	line-height:20px;
}

.page-id-9686 .book_comment{
	padding:0 0 0 15px;
	overflow: hidden;
	font-size:12px;
	    white-space: nowrap;
    text-overflow: ellipsis;
    -moz-text-overflow:ellipsis; /* Firefox */
    -o-text-overflow: ellipsis; /* Opera */
}

.page-id-9686 a .book_comment {
	color:#4D4D4D !important;
}








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


.page-id-9686 article, .single-summary article{
	width:94%;
	border: 1px solid #E7E7E7;
	margin:10px auto;
}



/* 注目枠 */
.matome_bookshelf li.recommend {
    border-bottom: 1px solid #E7E7E7;
	border-right:none;
	border-top:none;
    float: none;
    overflow: hidden;
    padding: 10px 0 20px;
    width: 100%;
    word-break: break-all;
    word-wrap: break-word;
}


.matome_bookshelf li.recommend  .gover_vispace{
	width:90%;
	margin:10px auto;
	text-align:center;
}



.matome_bookshelf li.recommend .book_cat .cat_txt{
	font-size:18px;
}


li.recommend  a .title{
    font-size:16px;
	padding: 8px 10px 10px;
	height: auto;
    overflow: hidden;
}

li.recommend .book_comment {
	display:none;
    padding: 0 0 0 20px;
}

li.recommend .book_comment_bottom{
	display:block;
	text-align:left;
	font-size:14px;
	padding:0 0 0 10px;
}

li.recommend .reco_left, li.recommend .reco_right{
	float:none;
	width:100%;
	margin:auto;
}

.recommend .book_border .book_img{
	width:80%;
	height:180px;
}

.recommend .book_border .book_img img{
	max-width:250px;
	margin: 0px;
}
/* end注目枠 */







.matome_bookshelf .book_cat{
	font-size:12px;
	margin:auto;
	padding:0 0 3px 10px;
}

.matome_bookshelf .book_cat:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
	float:none;
    visibility: hidden;
	}

.matome_bookshelf .book_cat p{
	display:block;
	float:left;
}

.matome_bookshelf .book_cat .cat_txt{
	padding:2px 0 0 5px;
	color:#999 !important;
	font-size:14px;
	font-weight:bold;

}

.matome_bookshelf{
	border-left: none;
}


.matome_bookshelf ul:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
	float:none;
    visibility: hidden;
	}


.matome_bookshelf li{
	border-bottom: 1px solid #E7E7E7;
	float:none;
	padding: 10px 0px 10px;
    word-break: break-all;
    word-wrap: break-word;
	width: 100%;
	overflow: hidden;
}

.matome_bookshelf li .title{
	padding: 0px 10px;
	height:60px;
	text-align:left;
	overflow: hidden;
	font-size:12px;
}

.matome_bookshelf li a:link p.title, .matome_bookshelf li a:visited p.title, .matome_bookshelf li a:hover p.title, .matome_bookshelf li a:active p.title {
	color:#477184 !important;
	font-weight:bold;
	text-decoration:none !important;
	border:none;
}


.matome_bookshelf .book_img{
	text-align:center;
	width:auto;
	margin:0px auto 15px;
	height:75px;
	width:75px;
	overflow: hidden;
	}


.matome_bookshelf .book_img img.border {
	margin: 0 !important;
	background:#FFF;
}

.matome_bookshelf li img{
	max-width:120px;
}


.page-id-9686 .title{
	font-size:14px;
	line-height:20px;
}

.page-id-9686 .book_comment{
	padding:0 0 0 10px;
	overflow: hidden;
	font-size:10px;
	    white-space: nowrap;
    text-overflow: ellipsis;
    -moz-text-overflow:ellipsis; /* Firefox */
    -o-text-overflow: ellipsis; /* Opera */
}

.page-id-9686 a .book_comment {
	color:#4D4D4D !important;
}



.matome_bookshelf .gover_vispace {
	width:96%;
	margin:5px auto;
}


.matome_bookshelf .gover_vispace:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
	float:none;
    visibility: hidden;
	}


.matome_bookshelf .gover_vispace .smm_sp_left{
	float:left;
	width:67%;
}

.matome_bookshelf .gover_vispace .smm_sp_right{
	float:right;
	width:29%;
}


.matome_bookshelf .gover_vispace .book_comment{
	float:none;
	clear:both;
}

}



/* まとめページのページナビ */
.page-id-9686 div.pagination {
	padding:3px;
	margin:3px;
	text-align:center;
}

.page-id-9686 div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #ddd;

	text-decoration: none;
	color: #aaa;
}
.page-id-9686 div.pagination a:hover, div.pagination a:active {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #a0a0a0;
}
.page-id-9686 div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #e0e0e0;
	font-weight: bold;
	background-color: #f0f0f0;
	color: #aaa;
	box-shadow:none;
	border-radius:0;
}
.page-id-9686 div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #f3f3f3;
	color: #ccc;
}


/* まとめ記事詳細ページ */

.single-summary h2{
	display:block;
	height:38px;
	margin:0 0 25px 0;
	overflow:hidden;
}

.single-summary #content li{
	padding:0 0 20px 0;
	margin:0 0 20px 0;
	border-bottom:1px solid #E7E2E1;
	list-style-type: none;
}

.single-summary li.recommend .gover_vispace:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
	float:none;
    visibility: hidden;
	}

.single-summary li.recommend .reco_left{
	float:left;
	width:14%;
	height:100px;
	overflow:hidden;
	border:1px solid #f3f3f3;
}

.single-summary li.recommend .reco_left img{
	max-width:150px;
}

.single-summary li.recommend .reco_right{
	float:right;
	width:84%;
	text-align:left;
}


.single-summary li.recommend .title {
	padding:3px 0 5px 0;
	font-size:20px;
	line-height:24px;
	font-weight:bold;
}

.single-summary li.recommend .book_comment {
    padding: 0 0 0 0;
	font-size:12px;
	line-height:18px !important;
}

.single-summary .matome_bookshelf{
	border:none;
}


.single-summary .matome_bookshelf li{
	float:none;
	clear:both;
	width:100%;
	border:none !important;
}


.single-summary .matome_bookshelf li .title {
	padding:0 0 5px 0;
	font-size:18px;
	height:auto;
}



.single-summary .matome_bookshelf li .book_comment, .single-summary .matome_bookshelf li .book_name{
	font-size:12px;
	padding:0 0 3px 0;
	line-height:16px;
	word-break:normal;
}


.single-summary .matome_bookshelf li .book_name{
	font-size:10px;
	line-height:10px;
	padding:0 0 7px 0;


}

.single-summary #content .matome_bookshelf li .book_name a{
	color:#bbb;
}


.single-summary .matome_bookshelf .book_img {
	margin:0;
	border:1px solid #E6E6E6;
}


.single-summary .reco_top{
	display:none;
}

.single-summary .reco_right{
	display:block;
}






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


.single-summary h2 {
    margin: 0 0 0px;
}


.single-summary .matome_bookshelf li{
	border-bottom:1px solid #E6E6E6 !important;
}

.single-summary li.recommend .reco_left {
	width:20%;
}

.single-summary li.recommend .reco_right {
    width: 70%;
}


.single-summary .reco_top{
	display:block;
}

.single-summary .recommend .reco_right{
	display:none;
}


.single-summary li.recommend .reco_top .title {
    font-size: 16px;
    height: auto;
    overflow: hidden;
    padding: 8px 10px 10px;
}


.single-summary li.recommend .reco_left{
	float:none;
	width:100% !important;
	margin:auto;
	border:none;
}


.single-summary .recommend .book_border .book_img {
    height: 180px;
    width: 80%;
	margin: 0 auto 15px;
	overflow: hidden;
    text-align: center;
}

.single-summary li.recommend .reco_left img {
    max-width: 250px;
}


li.recommend .book_comment_bottom {
	float:none;
	clear:both;

}


.single-summary li.recommend .reco_left{
	height:auto;
}



.single-summary .matome_bookshelf .gover_vispace .reco_left {
    float: left;
    width: 67%;
}

.single-summary .matome_bookshelf .gover_vispace .reco_right {
    float: right;
    width: 28%;
}

.single-summary .matome_bookshelf li .title {
    padding: 0 0 5px 10px;
}


.single-summary .matome_bookshelf li .book_comment{
	padding: 0 0 5px 10px;

}

.single-summary .matome_bookshelf li .book_comment {
    width: 100%;
}



}

@media screen and (max-width:768px) {
.smm_side{
	display:none;
}

.single-summary .matome_bookshelf .gover_vispace .no_img {
    float: none;
    width: 100%;

}

.single-summary .matome_bookshelf .gover_vispace .no_img .book_comment{
	width:93%;
}


}


@media print, screen and (min-width:769px) {

/* まとめサイドページ */
.smm_side{
	border:1px solid #E6E6E6 !important;
	padding:5px 10px 2px;
	margin:7px auto 7px;
}

.smm_side h2{
	font-size:16px;
	text-align:center;
	padding:5px 0 5px 0 !important;
	margin:0 auto 0;
	height:auto !important;
	display:block;
	width:100%;
}

.smm_side a:hover h2{
	 background:#f1f8ff;
}


#secondary li:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
	float:none;
    visibility: hidden;
	}

#secondary li{
	height:70px;
	border-top:1px dotted #E6E6E6 !important;
	padding:9px 0 0 0 !important;
	margin:0 !important;
}

#secondary .reco_left{
	float:left;
	width:28%;
	height:62px;
	overflow:hidden;
}

#secondary .reco_right{
	float:right;
	width:70%;
	overflow:hidden;

}


#secondary .reco_left img{
	width:150%;
}

#secondary .book_comment{
	font-size:10px;

}

#secondary .title{
	font-size:12px;
	height:60px;
	overflow:hidden;
	line-height:20px;
}

}




/* ::::::::::::::::::::::市広報特設サイト::::::::::::::::::::::::::*/


.page-id-550 #container {
    width: 970px;
}





body #content{
	/* background:#eee;*/
}


#container.pb_rt{
    background-image: url("../img/subpage/pb_rt/bg_hd.png");
	background-repeat:no-repeat;
	background-color:#CEE298;
}




.pb_rt #subpage{
	padding:0 0 0 0;
}

.pb_rt #primary{
	width:100%;
}

.pb_rt h1{
		padding:0px 0 20px 0;
}


.pb_rt h1 img.h1_pc{
	display:block;
	max-width:972px;
}


.pb_rt h1 img.h1_sp{
	display:none;
}


.pb_rt #subpage .book_info_left{
	float:left;
	width:45%;
	text-align:center;
}

.pb_rt #subpage .book_info_left img.cover_pc{
	display:block;
	width:100%;
	max-width:441px;
	height:auto;
}

.pb_rt #subpage .book_info_left img.cover_sp{
	display:none;
	margin:0 0 0 7%;
}


.pb_rt #subpage .book_info_right{
	float:right;
	width:55%;
}


.ie7 .pb_rt #subpage .book_info_right{
		width:54%;
}





.pb_rt #subpage .book_info_right img{
	width:100%;
	max-width:541px;
	height:auto;
	padding:0;
	margin:0 0 0 1%;

}



.pb_rt .book_info_left .arrow{
	padding:0 0 0 50px;
}





.pb_rt #subpage .book_topics_left{
	float:left;
	width:50%;
	background-image: url("../img/subpage/pb_rt/topic01.png");
	height:410px;
	padding:80px 0 0 0;

}







.pb_rt #subpage .book_topics_right{
	float:right;
	width:48.7%;
	background-image: url("../img/subpage/pb_rt/topic02.png");
	background-repeat:no-repeat;
	height:410px;
	padding:80px 0 0 0;


}

.pb_rt #subpage .book_topics_left p{
	float:left;
	width:50%;
}


.pb_rt #subpage .book_topics_right p{
	float:left;
	width:50%;
}


.ie7 .pb_rt #subpage .book_topics_left p, .ie7 .pb_rt #subpage .book_topics_right p{
	width:49%;
}


.pb_rt #subpage .book_topics img{
	width:96%;
}



.pb_rt #subpage .book_topics .present{
	padding:1.8% 1.8% 1.2% 1.6%;
}

.pb_rt #subpage .book_topics .present img{
	width:auto;
}


.pb_rt #subpage .bottom div.present:after{
    content: ".";
    display: block;
    height: 0px;
    clear: both;
	float:none;
    visibility: hidden;
}


.pb_rt #subpage .bottom div.present {
	background:#ffffff;
}


.pb_rt div.present .present_a{
	float:left;
	margin:0 0.7% 0 0;
}

.pb_rt div.present .present_a{
	float:left;
	margin:0 0.7% 0 0;
}


.pb_rt #subpage div.present .present_form{
		float:right;
		background-image: url("../img/subpage/pb_rt/present_bg.jpg");
		width:182px;
		height:95px;
		padding:130px 0 0 0;
}








.pb_rt #subpage .bottom{
	margin:25px 0 0 0 ;
}

.pb_rt #subpage .bottom div, .pb_rt #subpage .bottom02 div{
	background:none;
	padding:0 0 0 0;
}





.pb_rt #subpage .bottom .topics_ttl{
	text-align:left;
	width:100% !important;
	float:none !important;
	clear:both !important;
	margin:0 0 2% 0;
}

.pb_rt #subpage .bottom .topics_ttl img{
	height:37px !important;
	width:auto;
	max-width:none;
}

.pb_rt #subpage .bottom .book_topics_right  .topics_ttl img{
	height:37px !important;
	width:auto;
	max-width:129px;
	margin:0 0 10px 0;
}



.pb_rt #subpage .bottom p{
	width:30%;
	margin:1%;
	}

.pb_rt #subpage .bottom .recipe_detail{
	width:55%;
	margin:1% 1% 1%;
	background:url(../img/subpage/pb_rt/box_bg.png);
	padding:5%;
	}


.pb_rt #subpage .bottom p img{
	width:100%;
	max-width:153px;
	height:auto;
	}


.pb_rt #subpage .bottom	.book_topics_left, .pb_rt #subpage .bottom	.book_topics_right{
	height:auto;
}



.pb_rt #subpage .bottom	.book_topics_right p{
	float:left;
	width:50%;
	margin:0 0 0 0;
	padding:0 0 0 0;
}


.ie7 .pb_rt #subpage .bottom	.book_topics_right p{
	width:49%;
}


.pb_rt #subpage .bottom .book_topics_right p img{
	width:100%;
	max-width:230px;
	height:auto;
	}








.pb_rt #subpage .bottom02{
	margin:30px 0 0 0;
}



.ie7 .pb_rt #subpage .bottom02{
	padding:40px 0 0 0;
}







.pb_rt #subpage .bottom02 .book_topics_right{
	width:35%;
	height:auto;
	padding:0 0 0 0;

}

.pb_rt #subpage .bottom02 .book_topics_left .topics_ttl{
	float:none;
	clear:both;
	width:100%;
	font-size:0px;
}


.pb_rt #subpage .bottom02 .book_topics_left .topics_ttl img{
	width:337px;
	height:37px;
	max-width:none;
}

.pb_rt #subpage .bottom02 .book_topics_right a{
	font-size:0;
	line-height:0;
	margin:0;
	padding:0;
	display:block;
}


.pb_rt #subpage .bottom02 .book_topics_right p{
	float:none;
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	line-height:0;
}


.pb_rt #subpage .bottom02 .book_topics_right p img{
	max-width:241px;
	margin:0;
	padding:0;
}


.pb_rt #subpage .bottom02 .book_topics_right .fb{
	background:#fff;
}




.pb_rt #subpage .bottom02 .book_topics_left .bookshelf{
	background:#fff;
	border:1px solid #959595;
	padding:23px;

}


.pb_rt #subpage .bottom02 .book_box{
	width:82px;
}


.pb_rt #subpage .bottom02 .gover_vispace .cover_bc_books{
	width:82px;
	border:1px solid #CCC;
	margin:auto;
}


.pb_rt #subpage .bottom02 .gover_vispace .cover_bc_books a{
	line-height:0;
	font-size:0;
	display:block;
}

.pb_rt #subpage .bottom02 .gover_vispace .cover_bc_books img{
	width:100%;
}


.pb_rt #subpage .bottom02 .gover_vispace .month{
	float:none;
	clear:both;
	width:100%;
	height:18px;
	padding:2px 0 0 0;
}



.pb_rt #subpage .bottom02 .gover_vispace .ebook{
	padding:3px 5px 0 3px;
	letter-spacing:0em;
}


.pb_rt #subpage .bottom02 .gover_vispace .book_link a{
	color:#F38F1E;
	font-weight:bold;
	text-decoration:underline;
}


.pb_rt #subpage .bottom02 .gover_vispace a.ebook{
		color:#29A7DE;
}

.pb_rt #subpage .bottom02 .gover_vispace .book_link p{
	width:100%;
}


.pb_rt #subpage .bottom02 .gover_vispace .book_link{
	font-size:12px;
	text-align:center;
}



.pb_rt #subpage .bottom02 img {
    height: auto;
    max-width: 608px;
    width: 100%;
}



.pb_rt #subpage .bottom02 img.book_bc_pc {
	display:block;
}


.pb_rt #subpage .bottom02 .book_bc_sp {
	display:none;
}



.pb_rt #subpage .book_bc_sp_ttl{
	display:none;
}







#subpage div.back_number .sp{
	display:none;
}





#subpage div.back_number .gover_vispace{
	float:left;
	width:15%;
	margin:0 7px 15px 0;
	text-align:center;
	line-height:12px;

	}


div.back_number .a_cover{
	display:inline-block;
	border:1px solid #E1E1E1;
}


#subpage div.back_number .gover_vispace img{
	width:100%;
	height:auto;
}


#subpage div.back_number .gover_vispace .bg_ttl{
	font-size:12px;
	font-weight:bold;
	width:100%;
	padding:2px 0 0 0;
}

#subpage div.back_number .gover_vispace span{
	font-size:12px;
	font-weight:bold;
}

#subpage div.back_number .gover_vispace .ebooks{
	margin:0 10px 0 0;
}


#subpage div.back_number a:link, #subpage div.back_number a:visited{
	color:#333;
}

#subpage div.back_number a:hover, #subpage div.back_number a:active{
	color:#999;
}

#subpage div.back_number .ebooks a:link , #subpage div.back_number .ebooks a:visited {
	color:#29A7DE;
}

#subpage div.back_number .ebooks a:hover, #subpage div.back_number .ebooks a:active{
	color:#80DEFF;
}


#subpage div.back_number .book_pdf a:link , #subpage div.back_number .book_pdf a:visited {
	color:#FFCF9F;
}

#subpage div.back_number .book_pdf a:hover, #subpage div.back_number .book_pdf a:active{
	color:#FFCF9F;
}





/*
.page-id-10527 .q5 span.wpcf7-list-item{
	background:#F3F8FF;
	border:#E9EFFF 1px solid;
	float:left;
	display:block;
	padding:2%;
	width:43%;
	margin:1%;
	min-height:45px;
	font-size:14px;
	font-weight:bold;
	color:#6F6F6F;
}
*/






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

.page-id-550 #container{
	width:100%;
    margin: 0 auto;
    max-width: none;
	padding:0;
	text-align:center;
}


.page-id-550 #content{
    width:auto;
	margin:auto;
	}

.page-id-550 #subpage{
	width:96%;
	margin:auto;
}


.book_info .book_info_right img{
	width:100%;
	height:auto;
}


.page-id-550 .pb_rt #subpage .book_topics img {
    width: 96%;
	max-width:none;
}

.page-id-550 .book_topics{
	margin:auto;
}

.pb_rt #subpage .book_topics_left , .pb_rt #subpage .book_topics_right{
	background-size:100%;
	background-repeat:no-repeat;
	background-position:top center;
	padding:60px 0 0 0;
	height:auto;
	}




.pb_rt #subpage .book_topics .present {
    padding: 0;
}

.pb_rt div.present .present_a {
}

.pb_rt div.present .present_a img{
	margin:0;
	padding:0px;
}

.pb_rt div.present .present_a {
    float: left;
    margin: 0 0% 0 0;
width:59%;

}

.pb_rt #subpage .bottom02 {
	text-align:center;
	}


.pb_rt #subpage div.present .present_form{
	width:40%;
	background-size:102%;
	background-repeat:no-repeat;
	padding: 100px 0 0;
	margin:1.5% 1% 0 0;
}

.pb_rt #subpage .bottom02 .book_topics_left {
    height: auto;
    margin: 25px auto 0;
    width: 80%;
	float:none;
}


.pb_rt #subpage .bottom02 .book_topics_right {
    height: auto;
    padding: 0;
    width: 80%;
	margin:0 auto 20px;
	margin:15px auto;
	float:none;
}


.pb_rt #subpage .bottom02 .book_topics_right p{
	text-align:left;
	padding-left:10px;
}




.fb_iframe_widget iframe {
    width: 600px !important;
	height:300px;
	background:#FFFFFF;

}

.pb_rt #subpage .bottom02 .book_topics_right{
	margin:0 auto 20px;
}


.pb_rt #subpage .bottom02 .book_topics_right .fb {
    background:none;
}


.pb_rt #subpage .bottom02 .book_topics_right {
    margin: 15px auto;
}



}


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



.pb_rt #subpage .book_topics_right p {
    float: none;
    width: 100%;
}


.pb_rt #subpage .book_bc_sp_ttl{
	display:block;
}


#container.pb_rt{
	background-size:100% 6%;
}




.pb_rt #subpage h1{
		padding:0 10px 0;
}


.pb_rt h1 img.h1_pc{
	display:none;
	}

.pb_rt #subpage h1 img.h1_sp{
	display:block;
	width:100%;
	max-width:none;
	margin:auto;
	padding:0;
}



.pb_rt #subpage .book_info_left{
	float:none;
	width:100%;
	padding:10px 0 0 0;
}

.pb_rt #subpage .book_info_right{
	float:none;
	width:98%;
	margin:auto;

}





.pb_rt #subpage .book_info_left img.cover_pc{
	display:none;
}

.pb_rt #subpage .book_info_left img.cover_sp{
	display:block;
}



.pb_rt #subpage .book_topics_left, .pb_rt #subpage .book_topics_right{
	float:none;
	width:96%;
	background-size:100%;
	background-repeat:no-repeat;
	padding: 14% 0 0;
	margin:0 2% 4% 2%;
	height:20%;
}

.pb_rt #subpage .book_topics_left p img,
.pb_rt #subpage .book_topics_right p img,
.pb_rt #subpage .bottom .book_topics_right p img
{
	width:98%;
	max-width:none;
}


.pb_rt #subpage .bottom .book_topics_left {
     margin: 0 0 8% 2%;
}


.pb_rt #subpage .bottom .topics_ttl img {
	padding:0;
}



.pb_rt #subpage .bottom p.topics_ttl{
	line-height:0% !important;
}



.pb_rt #subpage .bottom .book_topics_right .topics_ttl img {
    margin: 0 0 0 0;
}



.pb_rt #subpage .bottom02{
	margin:20px 0 0 0;
}

.pb_rt #subpage .bottom02 .book_topics_left{
	width:100%;
}


.pb_rt #subpage .book_topics_left p{
	float:none;
	width:100%;
}









.pb_rt #subpage .bottom02 {
    margin: 0 0 0;
}

.pb_rt #subpage .bottom02 .book_topics_right{
	width:99%;
}

.pb_rt #subpage .bottom02 .book_topics_right p{
	float:left;
	width:50%;
}






.pb_rt #subpage .bottom02 .book_bc_sp_ttl{
	float:none;
	clear:both;
	width:100%;
	line-height:0;
	font-size:0;
}

.pb_rt #subpage .bottom02 .book_bc_sp_ttl img{
	max-height:37px;
	width:auto;
	padding:3% 0 0;
}

.pb_rt #subpage .bottom02 img.book_bc_pc {
	display:none;
}


.pb_rt #subpage .bottom02 .book_bc_sp {
	display:block;
	background:#fff;
	border:1px solid #949494;
	width:94%;
	padding:0 0 0 2%;
}


.pb_rt #subpage .bottom02 .book_bc_sp img {
	width:45%;
	max-width:250px;
}

.pb_rt #subpage .bottom02 .book_bc_sp p{
	float:none;
	clear:both;
	width:100%;
	max-width:none;
}

.pb_rt #subpage .bottom02 .book_bc_sp img{
	width:31%;
	max-width:250px;
}

.pb_rt #subpage .bottom .topics_ttl img{
	max-width:299px;
}



.book_topics_right p{
	border:none !important;
}


.pb_rt div.present .present_a {
	display:none;
}

.pb_rt #subpage .bottom div.present {
	text-align:center;
	margin-right:2.2%;
}





#subpage div.back_number .gover_vispace {
    width: 50%;
	margin:2% 0 6% 0;
}


#subpage div.back_number .sp{
	display:block;
}

.book_topics_left .sp {
    display: block;
}

.pb_rt #subpage .bottom02 div.back_number {
    background: #fff;
	margin:0;
	padding:4% 0 0 0;
	width:98%;
}


.pb_rt #subpage .bottom p img {
    height: auto;
    width: 154px;
}



.pb_rt #subpage .book_topics_left p.recipe_cover {
	width:96%;
	float:left;
	text-align:center;
}



.pb_rt #subpage .bottom .recipe_detail {
    background: url("../img/subpage/pb_rt/box_bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin: 1%;
    padding: 5%;
    width: 84%;
}


.pb_rt #subpage div.present{
	text-align:center;
}

.pb_rt #subpage div.present .present_form {
    float: none;
    height: 95px;
    padding: 130px 0 0;
    width: 182px;
	margin:auto;
}





}


















/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	市広報プレゼントフォーム用
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#subpage .form_ttl{
	margin:5px 0 10px 0;
	font-size:16px;
	line-height: 150%;
}

#subpage .ttl_anq{
	font-weight:bold;
	margin:30px 0 0 0;
	font-size:20px;
	color:#999;
	padding:1% 0.5% 0.4% 0.5%;
	border-bottom:2px solid #999;
}

#subpage .Qt{
	background:#e6f4f7;
	color:#31869b;
	padding:1.5% 1% 0.9% 2%;
	font-size:14px;
	font-weight:bold;
}

#subpage .Regular .Qt{
	background:#e6f4f7;
	color:#31869b;
	font-size:16px;
}

.wpcf7-form span.point{
	color:#31869b;
}

.ttl_anq span.kara{
	color: #999;
}

.wpcf7-form .Regular span.point{
	color:#31869b;
}

.pa_show{
	text-align:right;
	font-size:14px;
	font-weight:bold;
}

.wpcf7-form input{
	width:99% !important;
}

.rb_rt-contact .wpcf7-form textarea {
    width: 99% !important;
	border: 1px #DFDFDF solid;
}

.pazl .Qt{
	font-size:20px !important;
	padding:0 0 0px 0;
	color:#606060;
}

.pazl input{
	height:30px;
}



.rb_rt-contact .wpcf7-form span .wpcf7-list-item-label{
	color:#333;
	font-weight:normal;
}


.wpcf7-validation-errors{
	padding:20px 0 20px 0;
	color:#FF5F62;
	font-weight:bold;
}

.rb_rt-contact .q6 input,
.rb_rt-contact .q8 input,
.rb_rt-contact .q10 input
{
	width:93% !important;
}

span.wpcf7-not-valid-tip-no-ajax{
	font-size:12px;
	font-weight:normal;
	color:#FF5F62;
}

.wpcf7-mail-sent-ok{
	padding:20px 0 20px 0;
	font-size:16px;
	font-weight:bold;
	color:#8DE08D;
	line-height:20px;
}

.book_info:after{
    content: ".";
    display: block;
    height: 0px;
    clear: both;
	float:none;
    visibility: hidden;
}


.rb_rt-contact .wpcf7-form .wpcf7-list-item input {
    width: auto !important;
}

.rb_rt-contact #subpage p {
    margin-bottom:10px;
	overflow:hidden;
}


#content .rb_rt-contact p.ttl{
	text-align:left;
	font-size:22px;
	font-weight:bold;
	padding:1% 0.5% 0.4% 0.5%;
	border-bottom:5px solid #31869b;
	color:#31869b;
}

.rb_rt-contact .wpcf7-form .tel input,
.rb_rt-contact .wpcf7-form .your-email input,
.rb_rt-contact .wpcf7-form .age input{
ime-mode: disabled;
}

.impt{
	color:#ff0000;
	font-size:12px;
}

.rb_rt-contact .sub_q{
	font-size:14px;
	font-weight:bold;
	padding:0 0 0 2%;
}

.rb_rt-contact select{
	 height: 30px;
}

.rb_rt-contact .wpcf7-form input.wpcf7-text {
    height: 25px;
}

.rb_rt-contact .q6-1 span.wpcf7-list-item{
	margin-left:0;
}

.rb_rt-contact .q6-1 .wpcf7-list-item-label{
	font-size:12px;
}

.rb_rt-contact span.wpcf7-form-control-wrap {
    position: relative;
}

.rb_rt-contact .sbm{
	text-align:center;
	padding:5% 0 0 0;
}


.rb_rt-contact .sbm input{
	max-width:271px;
	border:1px solid #aaa;
	margin:auto;
	height:36px;
}





@media screen and (max-width: 568px) {
.rb_rt-contact .wpcf7-form input{
	width:95% !important;
	border-color:#DFDFDF;
}

.rb_rt-contact .wpcf7-form textarea {
    width: 97% !important;
	border-color:#DFDFDF;
}

.ttl_anq span.kara{
	display:none;
}

#content .rb_rt-contact p.ttl {
	font-size:18px;
}

#subpage .ttl_anq{
	font-size:16px;
}


}









/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	最新の広報ページ ページ共通
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

body .page-id-9052 {
	background:#eee;
}

#PubR{
	min-height:500px;
	}

#container.PubR {
	width:98% !important;
	}

.display-block {
	display:block;
}

.display-none {
	display:none;
}

#gridAreaBtn.areaContainer {
}

#listAreaBtn.areaContainer {
}


/* ヘッダー領域 */
#PubR .header img {
	display:block;
	max-width:100%;
	height:auto;
	margin: 0 auto;
}

<!-- 表示系の制御コンテナ -->
#PubR .displayControlContainer {
	display:block;
	width:970px;
	height:auto;
}

#PubR .displayControlContainer:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	float:none;
	visibility: hidden;
}

/* 表示切り替え用画像 */
#PubR .displayTypeContainer {
	max-width:100%;
	max-height:auto;
	float:left;
}

#PubR .displayTypeContainer img {
	max-width:100%;
	max-height:auto;
}

#PubR .displayTypeContainer:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	float:none;
	visibility: hidden;
}

/* 表示切り替え用画像 */
#PubR .areaContainer{
	max-width:100%;
	max-height:auto;
	display:block;
}

#PubR .areaContainer .areaNorth,
#PubR .areaContainer .areaSouthWest,
#PubR .areaContainer .areaCenter,
#PubR .areaContainer .areaAll {
	max-width:100%;
	max-height:auto;
	float:right;
}

#PubR .areaContainer .areaNorth img{
	max-width:100%;
	max-height:auto;
}

#PubR .areaContainer .areaSouthWest img{
	max-width:100%;
	max-height:auto;
}

#PubR .areaContainer .areaCenter img{
	max-width:100%;
	max-height:auto;
}

#PubR .areaContainer .areaAll img{
	max-width:100%;
	max-height:auto;
}

#PubR .bookContainer {
	display:block;
}

#PubR .areaCenterBookContainer {
	display:block;
	max-width:970px;
	background-image:url(../img/PubR/PubR_areaCenter_image.png);
	background-repeat: no-repeat;
	background-position: 100% 100%;
}

#PubR .areaCenterBookContainer:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	float:none;
	visibility: hidden;
}

#PubR .trContainer {
	width:100%;
}

/* 一覧表示時の表の見出しの容れ物 */
#PubR .thContainer {
	display:block;
	max-width:970;
	height:auto;
}

#PubR .thContainer:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	float:none;
	visibility: hidden;
}

#PubR .thSumbnail {
	width:210px;
	margin-top:30px;
	display:block;
	float:left;
}

#PubR .thName {
	width:30%;
	margin-top:30px;
	display:block;
	float:left;
}

#PubR .thTag {
	max-width:47%;
	margin-top:30px;
	display:block;
	float:left;
}

#PubR .tdSumbnail {
	border-top: solid 1px #fc6;
	border-left: solid 1px #fc6;
	border-right: dashed 1px #fc6;
	border-bottom: solid 1px #fc6;
	width:auto;
	display:inline-block;
	text-align:center;
	padding-left: auto;
	padding-right: auto;
	float:left;
	padding-top:2%;
	min-height:160px;
	min-width:160px;
}

#PubR .tdName {
	border-top: solid 1px #fc6;
	border-right: dashed 1px #fc6;
	border-bottom: solid 1px #fc6;
	float:left;
	width:31%;
	min-height:160px;
	padding-top:2%;
}

#PubR .tdName p {
	text-align:center;
	padding-top: 19%;
}

#PubR .tdTag {
	border-top: solid 1px #fc6;
	border-right: solid 1px #fc6;
	border-bottom: solid 1px #fc6;
	float:left;
	min-height:160px;
	padding-top:2%;
	width:46%;
}

#PubR .tdTag p {
	text-align:left;
	margin-top:10%;
	margin-left:2%;
	margin-right:2%;
	overflow:hidden;
}


.cover_new img {
	width:185px;
	height:262px;
}

/* グリッド表示時の見出し画像*/
#PubR .headArea {
	width:100%;
	height:47px;
	display:block;
}

#PubR .headArea img {
	float:left;
	display: block;
	margin-top:10px;
	margin-bottom:10px;
}

#PubR .headArea img:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	float:none;
	visibility: hidden;
}

#PubR .addHeadBorder {
	border-top:solid 2px;
	border-left:solid 2px;
	border-color:#ffcc66;
}

#PubR .areaCenterBook {
	max-width:186px;
	max-height:262px;
	margin:3px;
	float:left;
}

#PubR .areaSouthWestBookContainer {
	display:block;
	max-width:970px;
	background-image:url(../img/PubR/PubR_areaSouthWest_image.png);
	background-repeat: no-repeat;
	background-position: 100% 100%;
}

#PubR .areaSouthWestBookContainer:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	float:none;
	visibility: hidden;
}

#PubR .areaSouthWestBook {
	width:186px;
	height:262px;
	margin:3px;
	float:left;
}

#PubR .areaNorthBookContainer {
	display:block;
	max-width:970px;
	background-image:url(../img/PubR/PubR_areaNorth_image.png);
	background-repeat: no-repeat;
	background-position: 100% 100%;
}

#PubR .areaNorthBookContainer:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	float:none;
	visibility: hidden;
}

#PubR .areaNorthBook {
	width:186px;
	height:262px;
	margin:3px;
	float:left;
}

.mosaic-overlay {
	display:block !important;
}

.mosaic-overlay h1 {
	text-align:center;
	margin-top:20px;
	color:#fff;
}

.mosaic-overlay p {
	display:inline-block;
	text-align:center;
	color:#fff;
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	最新の広報ページ 768pxまで
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
@media screen and (max-width:768px) {

#PubR{
/* background:#00BC38; */
}

/* ヘッダー領域 */
#PubR .header img {
	display:block;
	max-width:79%;
	height:auto;
	margin: 0 auto;
}

/* 表示切り替え用画像 */
#PubR .displayTypeContainer {
	max-width:79%;
	max-height:auto;
	float:left;
}

#PubR .displayTypeContainer img {
	max-width:100%;
	max-height:auto;
}

/* 表示切り替え用画像 */
#PubR .areaContainer{
	max-width:79%;
	max-height:auto;
	float:right;
	display:block;
}

#PubR .areaContainer .areaNorth,
#PubR .areaContainer .areaSouthWest,
#PubR .areaContainer .areaCenter,
#PubR .areaContainer .areaAll {
	max-width:79%;
	max-height:auto;
	float:right;
}

#PubR .areaContainer a img {
	max-width:100%;
	float:right;
}

#PubR .areaContainer .areaNorth img{
	max-width:100%;
	max-height:auto;
}

#PubR .areaContainer .areaSouthWest img{
	max-width:100%;
	max-height:auto;
}

#PubR .areaContainer .areaCenter img{
	max-width:100%;
	max-height:auto;
}

#PubR .areaContainer .areaAll img{
	max-width:79%;
	max-height:auto;
}

#PubR .tdSumbnail {
	width:auto;
	min-height:160px;
}

#PubR .tdName {
	width:30%;
	min-height:160px;
}

#PubR .tdTag {
	min-height:160px;
	width:34%;
}



.page-id-644 table{
	width:100%;
	height:auto;
}
}


/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	最新の広報ページ 568pxまで
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
@media screen and (max-width:568px) {
#PubR .tdTag {
	min-height:160px;
	width:40%;
}
}



/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	最新の広報ページ 480pxまで
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
@media screen and (max-width:480px) {
#PubR{
	max-width:480px
/* background:#9FA7FF;*/
}

/* ヘッダー領域 */
#PubR .header img {
	display:block;
	max-width:100%;
	height:auto;
	margin: 0 auto;
}

/* 表示切り替え用画像 */
#PubR .displayTypeContainer {
	max-width:49%;
	max-height:auto;
	float:left;
}

#PubR .displayTypeContainer img {
	max-width:100%;
	max-height:auto;
}

/* 表示切り替え用画像 */
#PubR .areaContainer{
	max-width:49%;
	max-height:auto;
	display:block;
	float:right;
}

#PubR .areaContainer a img{
	max-width:100%;
	max-height:auto;
	float:right;
}

#PubR .areaContainer .areaNorth img{
	max-width:100%;
	max-height:auto;
}

#PubR .areaContainer .areaSouthWest img{
	max-width:100%;
	max-height:auto;
}

#PubR .areaContainer .areaCenter img{
	max-width:100%;
	max-height:auto;
}

#PubR .areaContainer .areaAll img{
	max-width:100%;
	max-height:auto;
}

#PubR .trContainer {
	max-width:480px;
	max-height:auto;
}

#PubR .tdSumbnail {
	width:auto;
	min-width:100px;
	min-height:160px;
}

#PubR .tdName {
	width:25%;
	min-height:160px;
}

#PubR .tdTag {
	min-height:160px;
	width:44%;
}

}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	最新の広報ページ 360pxまで
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
@media screen and (max-width:360px) {
#PubR .tdTag {
	min-height:160px;
	width:42%;
}
}




/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
                 　カリコボーズ特設ページ
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */




body.page-id-586{
    background: none repeat scroll 0 0 #D70C18;
}


#content #container.kariko {
    background-color: #fff;
    background-repeat: no-repeat;
	min-height:500px;
	max-width:970px;
	padding:0 0 0 0;
	padding-top:0;
}

#container.kariko .left{
	float:left;
}

#container.kariko .right{
	float:right;
}


#container.kariko #subpage {
    padding: 0 0% 0%;
}




#container.kariko #primary{
	float:none;
	width:100%;
	padding:0;
	margin:auto;
}


#container.kariko .sub_box{
		width:auto;
	padding:3.5% 6% 0;
}


#container.kariko .sub_box .logo{
	float:left;
	width:72%;
}


#container.kariko .sub_box .logo img{
	max-width:591px;
	width:100%;

}

#container.kariko .sub_box .sub_ttl{
	float:right;
	width:27%;
	text-align:right;
}

#container.kariko .sub_box .sub_ttl img{
		width:100%;
	max-width:165px;
}

#container.kariko .hd_line{
	width:99%;
	border:none;
	border-bottom:1px #d70c18 solid;
}



#container.kariko .sub_box .cover{
	float:left;
	width:36%;
	text-align:left;
}

#container.kariko .sub_box .cover img.p_cover{
width:100%;
box-shadow:rgba(113, 135, 164, 0.48) 0px 0px 5px 0px;
-webkit-box-shadow:rgba(113, 135, 164, 0.48) 0px 0px 5px 0px;
-moz-box-shadow:rgba(113, 135, 164, 0.48) 0px 0px 5px 0px;
}


#container.kariko .sub_box .detail{
	float:right;
	width:57%;
}

#container.kariko .sub_box .detail .txt{
	padding:1% 0 0 0;
	line-height:24px;
	font-size:15px;
}

#container.kariko .detail .txt .left_txt{
	float:left;
	padding:1% 0 0 0;
	width:60%;
	font-size:100%;
	line-height:24px;
}


#container.kariko .detail .txt .right_img{
	float:right;
	width:40%;
	text-align:right;
}

#container.kariko .detail .txt .right_img img{
	width:100%;
	max-width:125px;
	padding:0 15% 0 0;
}





#container.kariko .sub_box h2{
	padding:0;
	line-height:none;
	border:none;
}

#container.kariko .sub_box h2 img{
	max-width:471px;
	width:100%;
}



#container.kariko .sub_box h2.nishimera{
	padding-bottom:30px;
}


#container.kariko .icon_img{
	padding:7% 0 0 0;
}

#container.kariko .icon_img .parper{
	padding:0% 0 0 0;
	width:48%;
}

#container.kariko .icon_img .parper .pdf{
	padding:1% 0 0 0;
}

#container.kariko .icon_img .img_book2-3{
	width:48%;
}

#container.kariko .icon_img .img_book2-3 img,
#container.kariko .icon_img .parper img{
max-width:230px;
width:100%;
box-shadow:rgba(113, 135, 164, 0.48) 0px 0px 5px 0px;
-webkit-box-shadow:rgba(113, 135, 164, 0.48) 0px 0px 5px 0px;
-moz-box-shadow:rgba(113, 135, 164, 0.48) 0px 0px 5px 0px;
}

#container.kariko .detail .pdf_box{
	padding:1% 0 0 2%;
	font-size:14px;
	font-weight:bold;
	display:block;
}

#container.kariko .detail .pdf_box .txt_pdf{
	padding:3.5% 0 0 2%;
}

#container.kariko .bg_cream{
	margin:20px 0 0 0;
	padding-top:30px;
	}


#container.kariko .bg_cream .mita{
	width:50%;
}

#container.kariko .bg_cream .house{
	width:50%;
}

#container.kariko .bg_cream .gene{
	width:33%;
}


#container.kariko .bg_cream .ale{
	width:33%;
}

#container.kariko .bg_cream .local{
	width:33%;
}


#container.kariko .bg_cream .left img,
#container.kariko .bg_cream .right img
{
	width:100%;
	max-width:none;
}


#container.kariko .bg_cream img.img_Specialty{
	max-width:431px;
}



#container.kariko .bg_cream .right .r_left{
	float:left;
	width:30%;
}

#container.kariko .bg_cream .right .r_right{
	float:right;
	width:70%;
}




#container.kariko .bg_cream .first{
	text-align:left;
	padding:0 0 0 28%;
}

#container.kariko .sub_box h2.kikuchi{
	padding:0 0 5px 0;
}

#container.kariko .sub_box h2.kikuchi img{
	max-width:335px;
}

#container.kariko .sub_box h2.mine img{
	max-width:none;
	padding:20px 0 0 0;
}

#container.kariko .sub_box h2.support{
	margin-bottom:4%;
}

#container.kariko .sub_box h2.support img{
	max-width:293px;
	padding:15px 0 0 0;
}

#container.kariko .sub_box h2.nishimera img{
	max-width:243px;
	padding:20px 0 0 0;
}




#container.kariko .sub_box.bg_no{
	float:left;
	width:64%;
	padding:20px 0 0 0;
	margin:auto;
}


#container.kariko .M_box{
	float:right;
	padding:20px 0 0 0;
	width:31.57%;
}


#container.kariko .sub_box.bg_no h2{
	border:#d70c18 solid 1px;
	color:#d70c18;
	text-align:center;
	padding:2px 0 2px 0;
	margin:0 0 20px 0;
}

.BG_box {
	padding: 0 7.73% 0;
    width: 84.54%;
	background:#fffbda;
}


#container.kariko div.back_number .gover_vispace {
    float: left;
    line-height: 12px;
    margin: 0 3% 15px 0;
    text-align: center;
    width: 22%;
	-moz-box-shadow: 1px 1px 3px 1px #ddd;
	-webkit-box-shadow: 1px 1px 3px 1px #ddd;
	box-shadow: 1px 1px 3px 1px #ddd;
}



*+html #container.kariko div.back_number .gover_vispace {
    width: 21.8%;
}


#container.kariko div.back_number .gover_vispace.last_tag4{
    margin: 0 0 15px 0;
}

#container.kariko .more{
	font-weight:bold;
	text-align:right;
	padding:0 2% 0 0;
	margin:0 0 20px 0;
}


#container.kariko .more a{
	color:#d70c18;
}

#container.kariko .more a:hover{
	color:#0086A5;
}


#container.kariko .YoutubeWrapper{
margin-top: 0 ;
margin-bottom: 8% ;
padding-bottom: 60%;
}



.YoutubeWrapper{
position: relative ;
margin-top: 0.5em ;
margin-bottom: 0.3em ;
padding-top: 40px ;
padding-bottom: 35.5% ;
overflow: hidden ;
}

.YoutubeWrapper iframe {
position: absolute ;
top: 0 ;
left: 0 ;
height: 100% ;
width: 100% ;
}


#container.kariko .in_dream img {
width:100%;
}


#container.kariko .bg_cream .left .cheer{
margin:2% 0 0 0;
}

#container.kariko .bg_cream .p_center{
float:left;
width:49.4117%;
margin:2% 0 0 2.9%;
}

#container.kariko .bg_cream .thought{
float:left;
width:65%;
margin:3% 0 0 -12%;
}

#container.kariko .bg_cream .p_center .cook{
margin:9% 0 0 0;
}

#container.kariko .bg_cream .sky_tree{
float:right;
width:6.7%;
margin:1% 0 0 0;
}



#container.kariko .bg_cream .p_center img,
#container.kariko .bg_cream .thought img{
	max-width:none;
	width:100%;
}



#container.kariko .dog{
	width:70.47%;
	background-image:url(../img/subpage/city_ebooks/nishimera/summer/img_summer02.png);
	background-size:40.9% auto;
	background-repeat:no-repeat;
	background-position:bottom right;
	}

#container.kariko .dog p{
	width:70%;
	margin:0 0 4%;
}



#container.kariko .left img.img_summer01{
	max-width:333px;
	width:55.59%;
}

#container.kariko .kariko-all{
	width:27%;
}


#container.kariko .nishimera-us{
}

#container.kariko .era{
	width:50.941%;
}



/* :::::::::: winter start :::::::::: */
.pc_device_480{
	display:block;
}

.sd_device_480{
	display:none;
}




#container.kariko .winter .nishimera-us{
	width:55%;
}

#container.kariko .winter .era{
	width:43%;
}

#container.kariko .winter .mera_txt{
	width:75%;
}


#container.kariko .winter .img_winter01{
	width:19%;
}

#container.kariko .winter .img_winter02{
	width:51%;
}

#container.kariko .winter .img_winter03{
	width:45%;
	padding:4.5% 0 0 0;
}

#container.kariko .winter .img_winter04{
	width:61%;
}

#container.kariko .winter .img_winter05{
	width:39%;
}

#container.kariko .winter .img_winter06{
	width:47%;
}

#container.kariko .winter .img_winter07{
	width:53%;
}

#container.kariko .winter .bottom_area{
	padding:1.5% 0 0 0;
}

#container.kariko .winter .rediscover{
	width:48%;
}

#container.kariko .winter .era_area{
	width:50%;
}

#container.kariko .winter .img_winter09{
	width:58%;
}

#container.kariko .winter .h3_rediscover{
	width:39%;
}

#container.kariko .winter .img_winter10{
	width:42%;
}

#container.kariko .winter .h3_era{
	width:53%;
}



@media screen and (max-width:768px) {
#container.kariko .winter{
	width:90%;
	margin:auto;
}



#container.kariko .winter .nishimera-us {
	float:none;
    width: auto;
	margin:auto;
}

#container.kariko .winter .era {
	float:none;
    width: auto;
	margin:auto;
	}

}

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

.pc_device_480{
	display:none;
}

.sd_device_480{
	display:block;
}



#container.kariko .winter .img_winter02 {
	float:none;
    width: auto;
}


#container.kariko .winter .mera_txt.left {
    width: 75%;
	float:left;
}


#container.kariko .winter .img_winter01.right {
    width: 19%;
	float:right;
}


}













/* :::::::::: winter end :::::::::: */









/* :::::::::: winter2015 start :::::::::: */


#container.kariko .winter2015 .left.nishimera-us{
	width:56%;
}

#container.kariko .winter2015 .left .img_box{
	margin:2.2% 0 0 0;
}

#container.kariko .winter2015 .left .img_left{
	width:48%;
}

#container.kariko .winter2015 .left .img_right{
	width:48%;
}



#container.kariko .winter2015 .right.era{
	width:42%;
}


#container.kariko .winter2015 h2.more{
	margin:0 0 2% 0;
}



#container.kariko .winter2015 .mera_txt.left {
    width: auto;
	padding:0 0 5% 0;
}


#container.kariko .winter2015 .bottom_area div{
	width:50%;
}


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

#container.kariko .winter2015 .left.nishimera-us {
    width: 100%;
}


#container.kariko .winter2015 .right.era {
    width: 100%;
}

#container.kariko .winter2015 h2.more{
    width: 70%;
	margin:auto;
}

#container.kariko .winter2015 .mera_txt {
    width: 70%;
	margin:2% auto 0;
	font-size:120%;
	float:none;
}

#container.kariko .winter2015 .mera_txt .mera_txt_txt{
	text-align:center;
	margin:auto;
}
}


@media screen and (max-width:480px) {
#container.kariko .winter2015 .left .img_left {
    width: 100%;
}

#container.kariko .winter2015 .left .img_right {
    width: 100%;
}

#container.kariko .winter2015 h2.more {
    width: 100%;
}


#container.kariko .winter2015 .bottom_area div {
    width: 100%;
}

#container.kariko .winter2015 .bottom_area div {
    width: 100%;
}
}




/* :::::::::: spring2016 start :::::::::: */


#container.kariko .spring2016 .left .img_left {
    width: 100%;
}


#container.kariko .spring2016 .nishimera-us {
    width: 57%;
}

#container.kariko .spring2016 .era {
    width: 40%;
}

#container.kariko .spring2016 .more {
    margin: 0;
}



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

#container.kariko .spring2016 .nishimera-us {
    width: 80%;
}

#container.kariko .spring2016 .era {
    width: 80%;
}
}



/* :::::::::: spring2016 end :::::::::: */



@media screen and (max-width:770px) {

#content #container.kariko {
   padding:0 !important;
}

}



@media screen and (max-width:768px) {
#container.kariko .sub_box {
    width: 96%;
	padding: 5% 2% 0;
}


#container.kariko .sub_box .cover {
    width: 34%;
}

#container.kariko .sub_box .detail {
    width: 66%;
}

#container.kariko .icon_img .parper{
	width:48%;
}

#container.kariko .right.img_book2-3 {
	width:48%;
}

#container.kariko .txt_pc{
	display:block;
}

#container.kariko .txt_sp{
	display:none;
}



#container.kariko .in_dream img {
    width:100%;
	max-width:none;
}

#container.kariko .bg_cream .p_center .cook {
    margin: 7% 0 0;
}


#container.kariko .bg_cream .thought{
margin:2% 0 0 -12%;
}


}


@media screen and (max-width:568px) {

#container.kariko .dog,
#container.kariko .kariko-all,
#container.kariko .nishimera-us,
#container.kariko .era
{
	float:none;
	clear:both;
    width: 94%;
	margin:auto;
}


#container.kariko .dog p{
	width: 100%;
	margin: 0 0 8%;
}


#container.kariko .kariko-all {
	display:none;
}




}


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


#container.kariko img{
	max-width:100%;
	padding:0;
}

#container.kariko .sub_box h2{
	text-align:center;
}

#container.kariko .sub_box h2 img{
	width:90%;
	margin:auto;
}


#container.kariko .sub_box .sub_ttl img {
    width: 65%;
}


#container.kariko .detail .txt .left_txt{
	width:70%;
}

#container.kariko .detail .txt .right_img {
    width: 26%;
}

#container.kariko .detail .txt .right_img img{
}


#container.kariko .sub_box .cover,
#container.kariko .sub_box .detail{
    float:none;
    width: 100%;
	text-align:center;
}

#container.kariko .sub_box .cover img{
	max-width:80%;

}

#container.kariko .sub_box .detail{
	text-align:left;
	padding:7% 0 0 0;
}



#container.kariko .icon_img .parper {
    padding: 0 0 0;
}

#container.kariko .icon_img .parper .img_book2-3{
	text-align:center;
}


#container.kariko .icon_img .parper .pdf{
	width:90%;
	margin:auto;
}

#container.kariko .icon_img .parper .img_book2-3 img {
    width:100%;
	max-width:none;
}


#container.kariko .bg_cream .left,
#container.kariko .bg_cream .right {
    float: none;
	width:96%;
}



#container.kariko div.back_number{
	width:auto;
}

#container.kariko div.back_number .gover_vispace {
    width: 45%;
	margin: 0 5% 15px 0;
}


#container.kariko .sub_box.bg_no {
	float:none;
	width:100%;
}

#container.kariko .M_box {
	float:none;
	width:100%;
}


#container.kariko div.back_number .gover_vispace.last_tag2,
#container.kariko div.back_number .gover_vispace.last_tag4
 {
	float:right;
    margin: 0 0 15px;
}




#container.kariko .bg_cream .box_center {
    padding: 5% 0 5% 0;
	margin:auto;
    width: 96%;
	text-align:center;

}

#container.kariko .M_box {
    padding: 0;
}
.YoutubeWrapper{
padding-bottom: 50.5% ;
}

#container.kariko .txt_pc{
	display:none;
}

#container.kariko .txt_sp{
	display:block!important;
}

#container.kariko .bg_cream .left,
#container.kariko .bg_cream .right {
margin:7% 0 0 0;
}

#container.kariko .bg_cream .p_center,
#container.kariko .bg_cream .thought {
    float: none;
    width: 100%;
    margin: 2% 0 0 2.9%;
}

#container.kariko .bg_cream .sky_tree{
	display:none;
}


}


#container.kariko .nishimera-life
{
	clear:both;
	float:none;
	width:64.43%;
	text-align:center;
	margin:1% auto 3%;
}

@media screen and (max-width:768px) {
#container.kariko .nishimera-life
{
	width:100%;
}
}

@media screen and (max-width:480px) {
#container.kariko .nishimera-life
{
	width:96%;
}
}







.single-city_miyazaki{
	width:90%;
	margin:auto;
	line-height:160%;
	text-align:center;
}

.single-city_miyazaki img{
	max-width:100%;
	margin:5% auto;
}




/* :::::::::: アプリ廃止の告知文 :::::::::: */

.no-app #subpage a{
	font-weight:bold;
	color:#ff6100;
}

a.noApp{
	padding:1% 2% 0 2%;
	background:#f7bc2c;
	border:1px dotted #939393;
	display:block;
	text-decoration:none;
	font-weight:bold;
	line-height:140%;
 color: #000000;

}

a.noApp img{
	width:50px;
	height:auto;
	padding: 0 15px 0 0;
	max-width:100%;
}



a.noApp .noApp_left{
	float:left;
	width:9.5%;
	padding:0 0 0 0;
}


a.noApp .noApp_right{
	float:left;
	width:90%;
	padding:15px 0 2% 0;
}



.no-app #subpage h2{
	font-size:25px;
	border:none;
	border-bottom:3px dotted #333333;
	border-left:10px solid #333333;
	padding:0 0 5px 20px;
	margin:0 0 20px 10px;
}


.no-app #main_sb p{
	padding:0 0 40px 0;
	font-size:14px;
	font-family: "メイリオ"!important;
}

.no-app #main_sb ul li,
.no-app #main_sb h2,
.no-app #main_sb h3
{
		font-family: "メイリオ"!important;
}

.no-app .img_noApp{
	padding:20px 0 0 0;
}

.no-app .img_left{
	float:left;
	width:48%;

}

.no-app .img_right{
	float:right;
	width:48%;
}


.no-app #main_sb .img_left .img_phone{
	float:left;
	width:35%;
}

.no-app #main_sb .img_left p.txt_phone{
	float:right;
	width:60%;
	font-size:18px;
	font-weight:bold;
	padding:50px 0 0 0;
	color:#666666;
}


.no-app #main_sb .img_right .img_phone{
	float:left;
	width:35%;
}

.no-app #main_sb .img_right p.txt_phone{
	float:right;
	width:60%;
	font-size:18px;
	font-weight:bold;
	padding:50px 0 0 0;
	color:#666666;
}

.no-app #main_sb .txt_noApp{
	width:94%;
	margin:auto;
}


.no-app #subpage .img_change_app{
	text-align:center;
	padding:2% 0 2% 0;

}

.no-app #subpage .img_change_app img{
	max-width:300px;
	width:80%;
}


.no-app #subpage .change_exp{
	padding: 0 0 0px;
}

.no-app #subpage h3{
	font-size:18px;
	font-weight:bold;
	color:#9dc832;
	padding:3% 0 1% 0;
}

.no-app #main_sb ul li{
	font-size:14px;
	line-height:150%;
	padding:0 0 0 2%;
}

.no-app #subpage .change_exp span{
	font-weight:bold;
}




@media screen and (max-width:700px) {

.no-app #subpage h2{
	font-size:18px;
}

.no-app .img_noApp {
    padding: 0px 0 20px;
}


.no-app #main_sb .img_right .img_phone,
.no-app #main_sb .img_left .img_phone{
	padding:20px 0 0 0;

}

}

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

a.noApp .noApp_left{
	float:left;
	width:13%;
	padding:5px 0 0 1.5%;
}


a.noApp .noApp_right{
	float:left;
	width:81%;
	padding:2.5% 0 2% 4%;
}

}


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


a.noApp .noApp_left{
	padding:10px 0 0 1.5%;
}

.no-app #subpage h2{
	border-left:none;
	padding:0 0 5px 0;
}



.no-app #main_sb .img_right p.txt_phone{
	padding:40px 0 0 0;
}

.no-app #main_sb .img_left p.txt_phone{
	padding:40px 0 0 0;
}




}



/*------------------------------------------------------
もっと読みやすく！
------------------------------------------------------*/

.noApp.subinfo{
	font-size:96%;
	clear:both;
}

/*#main_sb img{
	max-width:90%;
	width:270px
}*/

.app_change_modal h2{
	color:#ffffff;
	padding:10px;
	font-size:18px;
	margin-bottom:5%;
	line-height:150%;
	font-weight:bold;
}

.app_change_modal h2{
	background:#4f8aed!important;
}

.img_change_app{
	margin-bottom:2%;
	text-align:center;

}

.app_change_modal h3{
	color:#4f8aed;
	margin-top:3%;
	margin-bottom:3px;
	font-weight:bold;
}


.acb_app #main_sb div {
    padding: 0 0 3%;
}

.app_down{
	text-align:center;
	margin-bottom:5% !important;
}

#main_sb .app_down img{
	max-width:150px;
}


.change_exp{
    font-size: 90%;
    line-height: 170%;
}


.change_exp span{
	font-weight:bold;
}







.app_change_modal h1,p{
	padding:0;
	margin:0;
}


div#wrap.app_change_modal{
	width:60%;
	height:80%;
	margin:auto;
	padding:3% 0 0 0!important;

}


.app_change_modal h1 img{
	width:68.75%;
	max-width:220px;
}

.app_change_modal .ico_App img{
	width:46.875%;
	max-width:150px;
	padding:6% 0 7.5% 0;

}

.app_change_modal .btn_AppStore img{
	max-width:62.5%;
	padding:0 0 6% 0;
}

.app_change_modal .detail{
	font-weight:bold;
}

.app_change_modal .show_600{
	display:none;
}


.app_change_modal li{
list-style-type: none;
line-height:160%;
}


@media screen and (max-width: 768px) {
#wrap.app_change_modal{
	width:90%;
	padding:5% 0 0 0;

}

}

@media screen and (max-width: 667px) {

a.noApp{
	padding:0 2% 0 2%;
}

a.noApp .noApp_left{
	padding:2% 0 0 1.5%;
}

a.noApp .noApp_right{
	padding:2% 0 2% 4%;
	width:81%;
}

.app_change_modal #main_sb .app_down img{
	width:45%;
}

.app_change_modal .show_600{
	display:block;
}


div#wrap.app_change_modal {
	width:86%;
}

.app_change_modal h3 {
    margin-top: 6%;
}
}



/* :::::::::: アプリ廃止の告知文 :::::::::: */

.mainte #subpage a{
	font-weight:bold;
	color:#ff6100;
}

a.noApp{
	padding:1% 2% 0 2%;
	background:#f7bc2c;
	border:1px dotted #939393;
	display:block;
	text-decoration:none;
	font-weight:bold;
	line-height:140%;
 color: #000000;

}

a.noApp img{
	width:50px;
	height:auto;
	padding: 0 15px 0 0;
	max-width:100%;
}



a.noApp .noApp_left{
	float:left;
	width:9.5%;
	padding:0 0 0 0;
}


a.noApp .noApp_right{
	float:left;
	width:90%;
	padding:15px 0 2% 0;
}



.mainte #subpage h2{
	font-size:25px;
	border:none;
	border-bottom:3px dotted #333333;
	border-left:10px solid #333333;
	padding:0 0 5px 20px;
	margin:0 0 20px 10px;
}


.mainte #main_sb p{
	padding:0 0 40px 0;
	font-size:14px;
	font-family: "メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"!important;
}

.mainte #main_sb ul li,
.mainte #main_sb h2,
.mainte #main_sb h3
{
	font-family: "メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"!important;
}

.mainte .img_noApp{
	padding:20px 0 0 0;
}

.mainte .img_left{
	float:left;
	width:48%;

}

.mainte .img_right{
	float:right;
	width:48%;
}


.mainte #main_sb .img_left .img_phone{
	float:left;
	width:35%;
}

.mainte #main_sb .img_left p.txt_phone{
	float:right;
	width:60%;
	font-size:18px;
	font-weight:bold;
	padding:50px 0 0 0;
	color:#666666;
}


.mainte #main_sb .img_right .img_phone{
	float:left;
	width:35%;
}

.mainte #main_sb .img_right p.txt_phone{
	float:right;
	width:60%;
	font-size:18px;
	font-weight:bold;
	padding:50px 0 0 0;
	color:#666666;
}

.mainte #main_sb .txt_noApp{
	width:94%;
	margin:auto;
}


.mainte #subpage .img_change_app{
	text-align:center;
	padding:2% 0 2% 0;

}

.mainte #subpage .img_change_app img{
	max-width:300px;
	width:80%;
}


.mainte #subpage .change_exp{
	padding: 0 0 0px;
}

.mainte #subpage h3{
	font-size:18px;
	font-weight:bold;
	color:#9dc832;
	padding:3% 0 1% 0;
}

.mainte #main_sb ul li{
	font-size:14px;
	line-height:150%;
	padding:0 0 0 2%;
}

.mainte #subpage .change_exp span{
	font-weight:bold;
}




@media screen and (max-width:700px) {

.mainte #subpage h2{
	font-size:18px;
}

.mainte .img_noApp {
    padding: 0px 0 20px;
}


.mainte #main_sb .img_right .img_phone,
.mainte #main_sb .img_left .img_phone{
	padding:20px 0 0 0;

}

}

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

a.noApp .noApp_left{
	float:left;
	width:13%;
	padding:5px 0 0 1.5%;
}


a.noApp .noApp_right{
	float:left;
	width:81%;
	padding:2.5% 0 2% 4%;
}

}


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


a.noApp .noApp_left{
	padding:10px 0 0 1.5%;
}

.mainte #subpage h2{
	border-left:none;
	padding:0 0 5px 0;
}

.mainte #subpage h2 span{
	display:none;
}



.mainte #main_sb .img_right p.txt_phone{
	padding:40px 0 0 0;
}

.mainte #main_sb .img_left p.txt_phone{
	padding:40px 0 0 0;
}




}



/*------------------------------------------------------
もっと読みやすく！
------------------------------------------------------*/

.noApp.subinfo{
	font-size:96%;
	clear:both;
}

/* #main_sb img{
	max-width:90%;
	width:270px
} */

.app_change_modal h2{
	color:#ffffff;
	padding:10px;
	font-size:18px;
	margin-bottom:5%;
	line-height:150%;
	font-weight:bold;
}

.app_change_modal h2{
	background:#4f8aed!important;
}

.img_change_app{
	margin-bottom:2%;
	text-align:center;

}

.app_change_modal h3{
	color:#4f8aed;
	margin-top:3%;
	margin-bottom:3px;
	font-weight:bold;
}


.acb_app #main_sb div {
    padding: 0 0 3%;
}

.app_down{
	text-align:center;
	margin-bottom:5% !important;
}

#main_sb .app_down img{
	max-width:150px;
}


.change_exp{
    font-size: 90%;
    line-height: 170%;
}


.change_exp span{
	font-weight:bold;
}







.app_change_modal h1,p{
	padding:0;
	margin:0;
}


div#wrap.app_change_modal{
	width:60%;
	height:80%;
	margin:auto;
	padding:3% 0 0 0!important;

}


.app_change_modal h1 img{
	width:68.75%;
	max-width:220px;
}

.app_change_modal .ico_App img{
	width:46.875%;
	max-width:150px;
	padding:6% 0 7.5% 0;



}

.app_change_modal .btn_AppStore img{
	max-width:62.5%;
	padding:0 0 6% 0;
}

.app_change_modal .detail{
	font-weight:bold;
}

.app_change_modal .show_600{
	display:none;
}


.app_change_modal li{
list-style-type: none;
line-height:160%;
}


@media screen and (max-width: 768px) {
#wrap.app_change_modal{
	width:90%;
	padding:5% 0 0 0;

}

}

@media screen and (max-width: 667px) {

a.noApp{
	padding:0 2% 0 2%;
}

a.noApp .noApp_left{
	padding:2% 0 0 1.5%;
}

a.noApp .noApp_right{
	padding:2% 0 2% 4%;
	width:81%;
}

.app_change_modal #main_sb .app_down img{
	width:45%;
}

.app_change_modal .show_600{
	display:block;
}


div#wrap.app_change_modal {
	width:86%;
}

.app_change_modal h3 {
    margin-top: 6%;
}
}


/* :::::::::: サイトメンテナンスのお知らせ :::::::::: */

a.noApp.notice .noApp_left{
	width:10%;
}


a.noApp.notice img{
	width:40px;
	height:auto;
	padding: 7px 12px 0 7px;
}

a.noApp.notice .noApp_right{
	float:left;
	width:87%;
	padding:1% 0 2% 0;
	color:#555555;
}

#content a.noApp.notice .noApp_right .txt{
	font-weight:normal;
	font-size:12px;
	padding:3px 0 0 10px;
}


@media screen and (max-width: 768px) {
a.noApp.notice .noApp_left{
	width:15%;
}

a.noApp.notice .noApp_right{
	width:82%;
}

}


@media screen and (max-width: 667px) {


a.noApp.notice .noApp_left{
	width:10%;
}

a.noApp.notice .noApp_right{
	width:87%;
}

}



@media screen and (max-width: 550px) {

a.noApp.notice {
    padding: 5px 0 0 0;
}

a.noApp.notice .noApp_left{
	padding: 7px 0 0 0;
	width:15%;
	text-align:center;
}

a.noApp.notice .noApp_right{
	width:82%;
}

a.noApp.notice .noApp_right span{
	display:none;
}

a.noApp.notice img{
	width:80%;
	padding: 0 0;
	margin:auto;
}

#content a.noApp.notice .noApp_right .txt{
	padding:3px 0 0 0;
}


}



@media screen and (max-width: 400px) {

a.noApp.notice .noApp_left{
	width:17%;
}

a.noApp.notice .noApp_right{
	width:80%;
}

a.noApp.notice img{
	width:60%;

}



}
