/* =====================================================================
*
*     ヘッダー仮スタイル
*
* =================================================================== */

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{
    width:42px;
}

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


#palms_con .palms_bgno{
    clear: both;
	float:none;
}





@media 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%;
}



#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: 85%;	
	
}

}


@media screen and (max-width: 768px) {
.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_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_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%;
}


#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%;

}

#top_banner ul li a.ban_chirashiland {
	background : #eee url(../img/base/navi/btn_cland.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: #CCCCCC;
    display: block;
    font-size: 80%;
    font-weight: normal;
    padding: 10px 5px;
    text-decoration: none;
    text-indent: 20px;
    text-shadow: 0 1px 0 #000000;
}



}


@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;

}

}


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

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

body #content {
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',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: 145px;
	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 screen and (min-width: 768px) {
	#s-navi hr{
		display:none;
	}
	
	#s-navi .s-gover_box  img{
    max-width: 100px;
}
}





@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;
}


}



/*  ::::::::::::  palms特設サイト  ::::::::::::  */

#palms {
background: url(../img/subpage/palms/bg_main.png) 0 0 repeat-y ;
background-size:100%;
max-width:1000px;
margin: 0 auto;
padding: 0 15px;
/*border-left: #000 1px solid;
border-right: #000 1px solid;*/
}


#palms_con{
	background:url(../img/subpage/palms/bg_chief.png) no-repeat #FFF9E6;
	background-position: 115% 0%;	
	max-width:930px;
	width:93%;
	margin:auto;
	}


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



#palms_koku{
	padding:0;
	width:94%;
	margin:auto;
	color:#000000;
	}
	
#palms_koku p{
	color:#000000;
	}
	
#palms_koku p img{
	width:47%;
	}


#palms .palms_ttl{
	padding:4% 0px 0px 0px;
	text-align:left;
	}
	
#palms .palms_ttl img{
	width:60%;
}
	
#palms .palms_txt00{
	font-size:13px;
	font-weight:bold;
	line-height:16px;
	padding:15px 0px 0px 0px;
	}
	
.palms_txt{
	background: url(../img/subpage/palms/txt_bg.png) 0 0;
	background-repeat:no-repeat;
	padding:0px 0px 20px 0px;
	margin:0px 0px 0px 0px;
		
	}
	
.img250{
	font-size:12px;
	line-height:16px;
	padding:3px 0px 7px 0;
	float:none;
	clear:both;
	}
	
.img250_2{
	font-size:12px;
	line-height:16px;
	text-align:right;
	padding:2px 0px 30px 0px;
	}	
	
.img250_3{
	font-size:12px;
	line-height:16px;
	text-align:right;
	padding:2px 0px 0px 0px;
	}	
	
	
#palms .palms_txt01{
	float:left;
	padding:0px 0px 0px 5px;		
	}
	
#palms .palms_txt01 img{
	max-width:293px;
	width:100%;
}
	
	

#palms .palms_txt .junaio_logo{
	float:left;
	padding:5px 0px 0px 30px;
	}

#palms .palms_txt .junaio_logo img{
	width:45px;
	height:auto;	
}

#palms .palms_txt .palms_junaio p, #palms .palms_txt .palms_junaio p a{
	font-weight: bold;
	font-size:12px;
	line-height:14px;
	letter-spacing:0px;
	}
	
	

	
#palms .palms_txt02{
	padding:10px 0px 10px 10px;	
	margin:0 10px 0 0;
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
	float:none;
	clear:both;
	border-bottom:1px dotted #BA8754;
	}
	
#palms .p_a_app{
	letter-spacing:-0.1px;
	}
	
#palms .palms_txt03{
	padding:10px 0px 15px 10px;	
	color:#ffffff;
	font-size:14px;
	line-height:25px;
	}
	
#palms .palms_txt04, #palms .palms_txt06{
	padding:5px 0px 0px 0px;
	color:#FFE100;
	}
	
#palms .palms_txt04 span, #palms .palms_txt06 span{
	color:#FFE100;
	font-weight:bold;
	}
	
#palms .palms_txt04 img{
	width:100%;
	max-width:251px;
	}
	
#palms .palms_txt06 img{
	width:100%;
	max-width:499px;
	}
	
	
#palms .palms_txt05{
	padding:10px 0px 2% 8px;	
	color:#ffffff;
	font-size:14px;
	line-height:20px;
	}
	
#palms .palms_book{
	float:left;
	margin:25px 0px 0px 30px;
	padding:0px 0px 0px 0px;
	width:289px;
	background:none;	
	}
	

	
#palms .palms_book img{
	height:auto;
	}

#palms .palms_book_thume{
	float:left;
	padding:220px 0px 0px 15px;	
}

#palms .palmsM_book_thume{
	float:left;
	padding:170px 0px 0px 15px;	
}

#palms .palms_book_thume02{
	width:200px;
	padding:5px 5px 0px 5px;
	line-height:16px;
	}
	
#palms .palmsM_book_thume02{
	width:160px;
	padding:5px 5px 0px 5px;
	line-height:16px;
	}
	
	
#palms .palmsM_book_thume252{
	float:left;
	padding:230px 0px 0px 20px;	
}


#palms .palmsM_book_thume252_2{
	width:215px;
	padding:5px 5px 0px 5px;
	line-height:16px;
	font-weight:bold;
	color:#666666;
	}
	
	
#palms .palmsM_book_thume253{
	float:left;
	padding:275px 0px 0px 20px;	
}


#palms .palmsM_book_thume253_2{
	width:100%;
	padding:5px 5px 0px 5px;
	line-height:16px;
	font-weight:bold;
	font-size:14px;
	line-height:16px;
	color:#666666;
	text-align:center;
	}


#palms .palmsM_book_thume253_box{
	width:165px;
	margin:20%x 0 0 0;
	border: 3px solid #CC9933;
	
	}



#palms .palmsM_book_thume253-bs{
	padding:210px 0px 0px 314px;
	margin:0 0 0 30px;
	width:266px;
}

.palmsM_book_thume253_box-bs{
	padding:0 0 0 25px;
}


	
#palms .palms_book a:link, #palms .palms_book a:visited, 
#palms .palms_book_thume a:link, #palms .palms_book_thume a:visited,
#palms .palmsM_book_thume a:link, #palms .palmsM_book_thume a:visited,
#palms .palmsM_book_thume252 a:link, #palms .palmsM_book_thume252 a:visited,
#palms .palmsM_book_thume253 a:link, #palms .palmsM_book_thume253 a:visited
{
	padding:4px;
	background:#fff;
	border:3px solid #CC9933;
	display:block;
	}
	
#palms .palms_book a:hover, #palms .palms_book a:active,
#palms .palms_book_thume a:hover, #palms .palms_book_thume a:active,
#palms .palmsM_book_thume a:hover, #palms .palmsM_book_thume a:active,
#palms .palmsM_book_thume252 a:hover, #palms .palmsM_book_thume252 a:active,
#palms .palmsM_book_thume253 a:hover, #palms .palmsM_book_thume253 a:active
{
	padding:4px;
	background:#fff;
	border:3px solid #FFCC00;
	display:block;
	}
	

	
#palms .ar_movie{
	margin:0px 0px 0px 6px;
	}
	
#palms .palms_box01{
	padding:0px 0px 10px 0px;	
	}

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

	
#palms .ar_how_k{
	float:left;
	}
	

#palms .junaio_logo{
	float:left;
	padding:0px 0px 0px 300px;
	}


#palms .palms_junaio{
	float:left;
	padding:5px 0px 0px 10px;
	}
	
#palms .palms_junaio p, #palms .palms_junaio p a{
	font-weight: bold;
	line-height:16px;
	letter-spacing:1px;
	}
	
#palms .palms_box02{
	float:left;
	width:48%;
	padding:2% 0px 0px 0px;		
	}

#palms .palms_box02 p{
	padding:0px 15px 0px 15px;
	}	
	
#palms p.palms_mylogo{
	padding:10px 0px 10px 0px;
	text-align:center;
	line-height:22px;
	}
	
#palms p.palms_mylogo img{
	width:53.4441805%;
}
	
#palms .palms_box03{
	float:right;
	width:48.5125858%;
	padding:2% 0px 0px 0px;		
	}
	
#palms .palms_box03 h3 img, #palms .palms_box02 h3 img{
	width:100%;
}


#palms .app img, #palms .google img{
	width:100%;
}
	
	
#palms .palms_box03:after{
    content: ".";
    display: block;
    height: 0px;
    clear: both;
	float:none;
    visibility: hidden;
	}
	
#palms .palms_box04 img{
	width:96.6981132%;
}
	
.palms_box03 .palms_my{
	padding:0px 0px 5px 0px;
	}	

#palms .app{
	float:left;
	padding:5px 0px 0px 0px;
	width:49.5283018%;
	}
	
#palms .google{
	float:right;
	padding:5px 0px 0px 0px;
	width:49.5283018%;
	}
	
	
	
#palms .palms_bgno{
	border-bottom:2px solid #BD8D35;
	padding:0px 0px 3px 0px;
	margin:20px 0px 20px 0px;
	font-weight:600;
	text-align:left;
	float:none;
	clear:none;	
	}
	


#palms .palms_book_box:after{
    content: ".";
    display: block;
    height: 0px;
    clear: both;
	float:none;
    visibility: hidden;
}	
	
#palms .palms_book_box{
	margin:auto;
	width:auto;
	display:inline-block;
}
	
.palms_book_box .bgno{
	float:left;
	padding:0px 19px 20px 0px;
	height:175px;
	
	}
	
	
.palms_book_box .bgno p{
	text-align:center;
	padding:5px 0px 0px 0px;
	}
	
.palms_book_box .bgno p a:link, .palms_book_box .bgno p a:visited{
font-weight:bold;
	color:#666666;
	text-decoration:underline;
	font-size:14px;
	}
	
	
.palms_book_box .bgno p a:hover, .palms_book_box .bgno p a:active{
	color:#999999;
	}



	

.palms_book_box .bgno img{
	box-shadow: 1px 1px 6px #aaa;
	-moz-box-shadow: 1px 1px 6px #aaa;　/* Firefox用 */  
    -webkit-box-shadow: 1px 1px 6px #aaa;　/* Safari,Google Chrome用 */ 
	}
	 	
	

.palms_bgno .coupon{
	font-weight:normal;
	font-size:12px;
	padding:0 0 0 180px;
}


#palms .palms_book{
	float:left;
	margin:5% 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:30%;
	background:none;	
	}
	

#palms .palms_book img{
	width:100%;
}






.palmsM_book_thume253_right{
	float:left;
	margin: 21% 0px auto 30px;
}


.palms_boxtop{
	background:#F4ECD7;
	border-top:3px #1e1108 solid;
}

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


.palms_backbox{
	background:#9F681E;
	padding:0 0 0 10px;
	margin:0 0 2% 0;
}


.palms_aboutar_left{
	float:left;
	width:70%;
	margin:18px 0 0 0;
}


.palms_aboutar_right{
	float:right;
	width:28%;
	margin:0 0 0 2px;
}

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

.palms_aboutar_right img{
	width:100%;
}

br.newline{
	display:none;
}

.txt_sp{
	display:none;
}


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

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


#palms .ar_photo img{
	width:100%;
}



#palms .ar_how {
    background-image: url("../img/subpage/palms/bg_h3_how.jpg");
    background-repeat: repeat-x;
    clear: both;
    color: #FFFFFF;
    float: none;
    font-weight: bold;
    margin: 30px 0 0 6px;
    padding: 9px 0 10px 15px;
	font-size:18px;
}




	 





@media screen and (max-width: 1010px) {	
	
#palms .palms_txt .junaio_logo img{
    display: none;
}
}



@media screen and (min-width: 769px) {	
.palmsM_book_thume253_right{
    width: 25%;	
}

#palms .palmsM_book_thume253_box, #palms .palmsM_book_thume253_box img{
	width:100%;
}
	
#palms .palmsM_book_thume253_2{
	font-size:13px;
	width:100%;
}


}





@media screen and (max-width: 768px) {
	
	#palms_con{	
	background:#FFF9E6;
	}

	#palms .palms_ttl img{
	width:70%;
	}
	
	#palms_koku p img{
	width:70%;
	}
	
	#palms .palms_book{
	width:52%;
	}
	
	
	
	.palmsM_book_thume253_right{
    width: 40%;	
	margin: 26% 0px auto 30px;
	}

	#palms .palmsM_book_thume253_box, #palms .palmsM_book_thume253_box img{
	width:100%;
	}
	
	#palms .palmsM_book_thume253_2{
	font-size:12px;
	width:100%;
	}	
	
	#palms .palms_book_box{
	margin:0 0 0 1.4%;
	}
	
	#palms .palms_txt .junaio_logo img{
		display: block;
	}

	
	#palms .ar_how {
    padding: 5px 0 5px 15px;
	font-size:16px;
	}
	
	
	
	
	
	.palms_aboutar_left{
		float:none;
		clear:both;
		width:100%;
	}
	
	
	.palms_aboutar_right{
		float:none;
		clear:both;
		width:100%;
	}
	
	
	.palms_aboutar_right img {
		width:47%;
		padding:0 2% 0 0;
	}
	
	
	
#palms .palms_box02 p {
    font-size:14px;
}

.txt_pc{
	display:none;
}
	
}




@media screen and (max-width:360px) {
	
#palms_con {
    width: 98%;
}

#palms_koku {
    width: 94%;
}


.txt_pc{
	display:none;
}

.txt_sp{
	display:block;
}


	#palms .palms_book{
	margin:10px 0 0 2px;
	}


#palms .palmsM_book_thume253_2 {
    font-size: 10px;
}


#palms .palms_ttl img{
	width:100%;
}

#palms_koku p img{
	width:100%;
	}
	

.palmsM_book_thume253_right {
    margin: 26% 0 auto 10px;
    width: 40%;
}

#palms .palms_book_box {
    margin: 0 0 0 1%;
}

#palms .palms_book_box .bgno {
    margin: 0 0 0 5%;
	padding:0;
}

	

.palms_box01 .bgno {
    float: left;
    padding: 0 0% 20px 0;
	margin:0 0 0 2%;
}

	
#palms .palms_txt00{
	font-size:11px;
	line-height:13px;
	}
	
.palms_aboutar_right img {
		width:96%;
		padding:0 2% 0 2%;
	}
	
.palms_box01 .bgno img{
	width:76px;
	}
	
#palms_koku p {
    font-size:14px;
}

br.newline{
	display:block;
}

br.newline_sp{
	display:none;
}

#palms .palms_txt04 img, #palms .palms_txt06 img{
	display:none;
	}



#palms .palms_txt02 {
	font-size:14px;
	line-height:16px;
}

.palms_boxtop:after {
	padding:0 0 10px 0;
}

#palms .palms_txt03 {
	line-height:16px;
	padding-right:10px;
}


#palms .palms_txt04, #palms .palms_txt06 {
    padding-right:10px;
}

#palms .palms_txt05, #palms .img250_2, #palms .img250_3 {
	font-size:11px;
}



#palms .ar_movie iframe {
   width:100%;
}



#palms .palms_box02 {
    float: none;
    width: 100%;
}

#palms .palms_box03 {
    float: none;
    padding: 2% 0 0;
    width: 100%;
}



#palms .ar_how {
    padding: 5px 0 5px 15px;
	font-size:14px;
	}
	

#palms .palms_junaio {
    float: left;
    padding: 5px 0 0 10px;
}
	
	

#palms .palms_txt .junaio_logo {
    float: left;
    padding: 5px 0 0 5px;
}

	 	
		
}



	
/*  ::::::::::::  背景を一面に表示する  ::::::::::::  */	


#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;
	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;
	}
	

.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  



#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;
}
	

	

.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  


#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 .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
{
/*モダンブラウザ用*/
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{	
	background:url(../img/subpage/dan/bg_bookshelf.png);
	background-repeat:no-repeat;
	background-size:100%;
	background-position:0px 7.32%;
	padding:0 0 0 54px;
	float:none;
	clear:both;
}


#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;
}





#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;
	}
	
#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;
}
	
	
#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 (min-width: 769px) {	

	
}



@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: 48%;
	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
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/



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


#shouboudan_section #rappa_block #rappa_image{
	float:left !important;
}


#shouboudan_section #rappa_block #rappa_text{
	float:left !important;
}





#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 #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;
    margin: 0 auto;
    }

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

/*  image_rappa */

#shouboudan_section #rappa_text {
    padding-bottom: 0px !important;
    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;
}

#shouboudan_section #rappa_image    {
    display: inline-block !important;
    width: 19.768% !important;
    margin-top: 0;
    margin-left: 4.146% !important;
    margin-bottom: 0;
    padding-top: 12px;
    padding-bottom: 0px;
    vertical-align: top;
    }
	
	
#shouboudan_section #rappa_block    {
    color: #fff;
    width: 91.086% !important;
    margin-top: 18px auto 0 !important;        
    border: 1px solid #349DD0;
    text-align: center;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
	padding:0 0 10px 0 !important;
}







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

/*　PC向けのスタイル　361px～930px　*/

	
	

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



#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 !important;
    line-height: 2 !important;
    padding-left: 0.7% !important;
}

#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 !important;
    width:100%;
    margin: 0 auto;
    padding: 20px 0 0 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    {
    float:left !important;
    width: 36.916% !important;
    vertical-align: top;
    margin-top: 24px !important;
    padding: 0 0 0 15px !important;
}

#shouboudan_section #up_02  {
    width: 56.896%;
    margin-top: 14px;
    padding: 0;
    float:right !important;
    }
    
#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_text {
    display: inline-block !important;
    width: 60.91%;
    margin-top: 2% !important;
    margin-left: 3.669%;
    margin-right: 5.504%;
	margin-bottom:3%;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 15px;
    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 !important;
}

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


:root *> #Dan_con .box01_right #dan_pdf{
		bottom:0px !important;

}





#Dan_con .box01_right a:hover img{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background:none!important;
}
    



/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
    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%;
    }


	
}



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













/*  ::::::::::::  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:2% 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%;
}		

}




/* :::::::::::::::::::::::::::::::::::: */
/* :::::::::: たかなべebooks :::::::::: */
/* :::::::::::::::::::::::::::::::::::: */


#koba_ebooks #kushima.takanabe #logo {
    background: url("../../img/subpage/city_ebooks/takanabe/logo_ie.jpg")!important;
	background-repeat:no-repeat!important;

}




#koba_ebooks #content.koba_class #kushima.takanabe #main_image {
    background: url("../../img/subpage/city_ebooks/takanabe/bg_body_ie.jpg")!important;
	background-repeat:no-repeat!important;
}