/*********************************************************************************************

Project : rwdgrid - responsive grid system for your next project
URI: http://rwdgrid.com/
Version: 1.0
Author: Vineeth G S 
Author URI: http://www.gsvineeth.com
Github URI: https://github.com/gsvineeth/rwdgrid/

*********************************************************************************************/   


body{
	font-size: 13px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"メイリオ","Meiryo",Verdana,"ＭＳ ゴシック",Osaka-mono,sans-serif;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
	
	background: #FCF9ED;
	font-size: 85%;
}

body.black{
	background: #000000 !important;
}
body.yellow{
	background: #fff700 !important;
}
body.blue{
	background: #0005ff !important;
}

body.black a{
	color: #fff700;
}
body.yellow a{
	color: #0005ff ;
}
body.blue a{
	color: #fff700 ;
}

a{
	color: #2679C4;
}
a:hover{
	text-decoration: none;
}
input,select,textarea{
	border: solid 1px #ddd;
}
img{
	max-width: 100%;
}
#wrap{
	font-size: 100%;
	width: 100%;
	position: relative;
}
li{
	list-style-position: inside;
}


.sprite-icon01{ background-position: 0 0; width: 10px; height: 9px; } 
.sprite-icon02{ background-position: 0 -59px; width: 6px; height: 8px; } 


.fs10{ font-size: 77%; }
.fs11{ font-size: 85%; }
.fs12{ font-size: 92%; }
.fs13{ font-size: 100%; }
.fs14{ font-size: 108%; }
.fs15{ font-size: 115%; }
.fs16{ font-size: 123%; }
.fs18{ font-size: 138%; }
.fs20{ font-size: 154%; }

.fL{ float: left !important}
.fR{ float: right !important}

.fontS { font-size: 77% }
.fontM { font-size: 85% }
.fontL { font-size: 116% }

.btn{
	padding: 8px 10px;
	border-style:solid;
	border-width:1px;
	line-height: 14px;
	border-radius:2px;
}
.btn:hover{
	background:#E0CF9C;
}

#main_content #side .category {
padding: 10px;
background: #6EB25F;
color: #ffffff;
font-size: 138%;
font-weight: bold;
}
#main_content #side .category a{
	color:#fff;
}
#side ul {
	list-style:none !important;
}
#main_content #side ul>li> a {
	border-bottom: 1px solid #bcbcbc;
}
#side ul>li> a {
	display: block;
	text-decoration: none;
	background: url(../image/csg-5200dc1e60fb2.png) no-repeat top left;
	background-position: 4% -94px;
	padding: 8px 2% 8px 8%;
	color: #333;
}
#side ul>li a:hover {
	background: #f5efd4 url(../image/csg-5200dc1e60fb2.png) no-repeat top left;
	background-position: 4% -94px;
}
h2{
	background: url(../image/icon_h2.png) no-repeat left top;
	padding-left: 40px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: solid 3px #C7B277;
	font-size: 154%;
}
	body.black h2{
		color: #fff;
	}
	body.yellow h2{
		color: #000;
	}
	body.blue h2{
		color: #fff;
	}

.sp_none{
	display: none;
}
.no_shadow{
	box-shadow: none !important;
}
.no_mgn{
	margin-bottom: 0 !important;
}
.pos_re{ position: relative !important;}


/* header 
-----------------------------------------------------------------------------------------------*/
#urgent{
	background: #dd0f0f;
	color: #ffffff;
	padding: 10px 0;
	font-size: 108%;
}
#urgent2 {
	background: #00ade1;
	color: #ffffff;
	padding: 10px 0;
	font-size: 108%;
}
#urgent p, #urgent2 p{
	float: left;
}
#urgent p>a, #urgent2 p>a{
	color:#fff;
}
#urgent span.ti, #urgent2 span.ti{
	display: inline-block;
	background: #FCEE21;
	font-size: 123%;
	font-weight: bold;
	color: #dd0f0f;
	padding: 0 10px;
}
#urgent .detail, #urgent2 .detail{
	float: right;
	background: #333;
	color: #fff;
	padding: 0 10px;
	margin-right: 10px;
}
	#urgent .detail a, #urgent2 .detail a{
		color: #fff;
		text-decoration: none;
	}
#header{
	width: 100%;
	margin-bottom: 15px;
	border-top: #6EB25F 5px solid;
}
#headline{
	margin-bottom: 15px;
}
#headline h1 {
	margin-top: 20px;
}
#headline .sub_item01{
	background: #6EB25F;
	padding: 10px 15px;
	padding-top: 5px;
	font-size: 85%;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-khtml-border-radius-bottomright: 8px;	
	border-bottom-right-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-khtml-border-radius-bottomleft: 8px;	
	border-bottom-left-radius: 8px;
	behavior: url(“PIE.htc”);
}
	#headline .sub_item01 p{
		float: left;
		border: solid 1px #333333;
		background: #ffffff;
		padding: 3px 0;
		text-align: center;
		width: 80px;
	}
	#headline .sub_item01 ul{
		float: left;
		margin-right: 15px;
	}
	#headline .sub_item01 ul li{
		float: left;
		cursor: pointer;
		border: solid 1px #333333;
		border-left: none;
		background: #ffffff;
		padding: 3px 7px;
		list-style: none;
	}
	#headline .sub_item01 ul li.active{
		background: #ddd;
	}


#headline .sub_item02{
	margin-top: 10px;
}
	#headline .sub_item02 p.info{
		font-size: 85%;
		float: left;
	}
	#headline .sub_item02 p.info a{
		color: #333;
	}
		body.black #headline .sub_item02 p.info a{
			color: #fff700;
		}
		body.yellow #headline .sub_item02 p.info a{
			color: #0005ff ;
		}
		body.blue #headline .sub_item02 p.info a{
			color: #fff700 ;
		}

	#headline .sub_item02 .search{
		float: right;
		font-size: 85%;
	}
		#headline .sub_item02 .search .textarea{
			float: left;
			border: solid 1px #ddd;
			padding: 0;
			width: 152px;
		}
		#headline .sub_item02 .search .submit_btn{
			float: left;
			background: #333333;
			color: #ffffff;
			padding: 0 10px;
			border: solid 1px #333;;
		}

#global_menu{
	background: #E8D9AC;
	padding: 4px 0;
	border-bottom: 2px #C7B277 solid;
}
#global_menu ul{
	background: url(../img/gl/gl_bg.png) no-repeat left top ;
}
	#global_menu li{
		float: left;
		width: 188px;
		display: block; 
		background: url(../img/gl/gl_bg.png) no-repeat right top ;
	}
	#global_menu li span{
		display: none;
	}
	#global_menu li a{
		display: block;
		width: 100%;
		color: #fff;
		text-decoration: none;
	}


/* img_slider
-----------------------------------------------------------------------------------------------*/

#img_slider{
	position: relative;
	margin-bottom: 20px;
		height: 300px;
}
	#img_slider .decoration{
		position: absolute;
		width: 940px;
		left: 50%;
		margin-left: -474px;
		top: -8px;
		z-index: 100;
	}

/* ▼ img_slider */
.wideslider {
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
}

.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}

.wideslider ul li img {
	width: 100%;
	display: none;
}

.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;

}
.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.slider_prev {background: #fff no-repeat right center;}
.slider_next {background: #fff  no-repeat left center;}

.pagination {
	display: none;
	bottom: 10px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: absolute;
	z-index: 200;
}

.pagination a {
	margin: 0 5px;
	width: 15px;
	height: 15px;
	display: inline-block;
	overflow: hidden;
	background: #333;
}
.pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}
/* ▲ img_slider */



/* main_content
-----------------------------------------------------------------------------------------------*/
#c_wrapper{
	width: 100%;
	float: left;
	margin: 0px -9999px 0px -250px;
}
#center{
	margin: 0 0px 0px 500px;
	width: initial !important;
}
#main_content #left div{
	margin-bottom: 10px;
}
#main_content #left>div,
#main_content #center>div,
#main_content #right>div{
	margin-bottom: 15px;
	box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.4);
	behavior: url(“PIE.htc”);
}

#main_content .banner_bl.no_mgn{
	margin-bottom: 0 !important;
}

#main_content .sub_banner_bl{
	border-top: solid 1px #eee;
}
#main_content .banner_margin .banner_bl{
	margin-bottom:5px !important;
}

#main_content .sub_banner_bl a{
	display: block;
	border-bottom: solid 1px #d7d7d7;
	padding: 6px 0;
}

#main_content .preface{
	background: #fff;
	border: 3px solid #85BA49;
}
	body.black #main_content .preface{
		background: #000;
	}
	body.yellow #main_content .preface{
		background: #fff700;
	}
	body.blue #main_content .preface{
		background: #0005ff;
	}
	
	#main_content .preface h4{
		display: inline-block;
		background: #85BA49;
		margin-top: 10px;
		padding: 2px 6px;
		color: #fff;
	}
	#main_content .preface ul{
		margin: 15px;
	}
	#main_content .preface ul li{
		background: url(../img/csg-5200dc1e60fb2.png) no-repeat top left;
		background-position: 0 6px;
		padding-left: 15px; 
	}
	#main_content .preface ul li.no_icon{
		background: none;
		padding-left: 0px; 
	}
	
#main_content .population{
	background: #fff;
	border: 3px solid #56A5D6;
}
	body.black #main_content .population{
		background: #000;
		color: #fff;
	}
	body.yellow #main_content .population{
		background: #fff700;
		color: #000;
	}
	body.blue #main_content .population{
		background: #0005ff;
		color: #fff;
	}

	#main_content .population h4{
		display: inline-block;
		background: #56A5D6;
		margin-top: 10px;
		padding: 2px 6px;
		color: #fff;
	}
	#main_content .weather h4{
		display: inline-block;
		background: #FF9966;
		margin-top: 10px;
		padding: 2px 6px;
		margin-bottom:10px;
		color: #fff;
	}
	#main_content .weather {
		background: #fff;
		border: 3px solid #FF9966;
	}
	#main_content .population ul{
		margin: 15px;
	}
	#main_content .population ul li{
		background: url(../img/populatio_listicon.png) no-repeat top left;
		background-position: 0 6px;
		padding-left: 15px; 
	}
	#main_content .population ul li.no_icon{
		background: none;
		padding-left: 0px; 
	}

#main_content .what_if{
	background: #fff;
	border: 3px solid #dd2a2a;
}
	body.black #main_content .what_if{
		background: #000;
	}
	body.yellow #main_content .what_if{
		background: #fff700;
	}
	body.blue #main_content .what_if{
		background: #0005ff;
	}

	#main_content .what_if h4{
		display: inline-block;
		background: #dd2a2a;
		margin-top: 10px;
		padding: 2px 6px;
		color: #fff;
	}
	#main_content .what_if ul{
		margin: 15px;
	}
	#main_content .what_if ul li{
		background: url(../img/hasty_listicon.png) no-repeat top left;
		background-position: 0 6px;
		padding-left: 15px; 
	}
#main_content .calenda{
	position: relative;
}
#main_content .calenda iframe{
	max-width: 100%;
}
#main_content .calenda .big{
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	width: 500px;
	height: 450px;
	z-index: 500;
}
/*
#main_content .calenda:hover .big{
	display: block;
	z-index: 500;
}
*/



/* 公民館トピックス */
#main_content .community{
	position: relative;
	background: url(../img/Seasoninfo_sakura.png) no-repeat left top;
	padding-top: 33px;
}
	#main_content .community .day{
		position: absolute;
		top: 5px;
		right: 0;
		width: 74px;
		height: 17px;
		font-size: 11px;
		color: #ffffff;
		background: #C7B277;
		text-align: center;
	}
	#main_content .community .photo{
		width: 170px;
		margin: 8px auto 0;
	}
	#main_content .community .slide{
		background: #9E8B5C;
	}
		#main_content .community .slide li>p{
			color: #ffffff;
			font-size: 85%;
			padding: 6px 3%;
		}

#main_content .useful{
	position: relative;
	background: #fff;
	border: 3px solid #8C6E31;
	padding: 32px 12px 9px;
	margin-top: 20px;
}
	body.black #main_content .useful{
		background: #000;
	}
	body.yellow #main_content .useful{
		background: #fff700;
	}
	body.blue #main_content .useful{
		background: #0005ff;
	}
#main_content .useful h3{
	position: absolute;
	width: 100%;
	height: 40px;
	text-align: center;
	top: -23px;
	left: 0;
}
#main_content .useful ul li{
	display: inline;
	float: left;
	margin: 0 3px 6px;
	width: 80px;
}
#main_content .topics{
	background: #fff;
	border: 3px solid #C7B277;
	padding: 13px 15px;
}
	body.black #main_content .topics{
		background: #000;
		color: #fff;
	}
	body.yellow #main_content .topics{
		background: #fff700;
		color: #000;
	}
	body.blue #main_content .topics{
		background: #0005ff;
		color: #fff;
	}
	
#main_content .sakura_topics{
	border: 3px solid #E86D9A;
}
	#main_content .topics .youtube{
		text-align:right;
		margin-top:10px;
	}
	#main_content .topics .ti{
		position: relative;
		margin-bottom: 10px;
	}
		#main_content .topics .ti h3 img{
			padding-bottom: 3px;
			margin-right: 6px;
		}
		#main_content .topics .ti a.detail{
			position: absolute;
			top: -1px;
			right: 65px;
			background: #C7B277;
			color: #fff;
			font-size: 11px;
			text-decoration: none;
			padding: 2px 10px;
		}
		#main_content .topics .ti a.detail.mikabuyama{
			background:#5acea9;
		}
		#main_content .topics .ti a.detail.mikabuyama:hover{
			background:#31b48a;
		}
		#main_content .log .ti a.detail{
			right: 0;
		}
		#main_content .topics .ti a.detail.left{
/*			right:124px; */
			right:30%;
		}
		#main_content .sakura_topics .ti a.detail.sakura{
			right: 0;
			background: #E86D9A;
		}
		
		#main_content .topics .ti a.detail:hover{
			background: #A58E53;
		}
		#main_content .sakura_topics .ti a.detail.sakura:hover{
			background: #e3447e;
			color: #fff;
			font-size: 11px;
			text-decoration: none;
			padding: 2px 10px;
		}
		#sakura_topics_bottom{
			margin-top: 10px;
			text-align:right;
		}
		#sakura_topics_link{
			border:3px solid #B32222;
			color:#fff;
			font-size: 11px;
			text-decoration: none;
			padding: 0px 4px 0px 22px;
			background:url("../image/icon_pdf.gif") #E14040 no-repeat left 2px top 1px;
		}
		#main_content .topics .ti a.rss{
			position: absolute;
			top: -1px;
			right: 0;
			background: #F49B42;
			color: #fff;
			font-size: 11px;
			text-decoration: none;
			padding: 2px 10px;
			width: 40px;
		}
			#main_content .topics .ti a.rss img{
				margin-bottom: 3px;
			}
				#main_content .topics .ti a.rss:hover{
					background: #EF8130;
				}
	#main_content .topics ul{
		border-top: 1px #b3b3b3 dashed;
	}
		#main_content .topics ul li{
			border-bottom: 1px #b3b3b3 dashed;
		}
			#main_content .topics ul li a{
				display: block;
				width: 96%;
				padding: 3px 2%;
				font-size: 100%;
				text-decoration: none;
				color: #333;
			}
					body.black #main_content .topics ul li a{
						color: #fff700;
					}
					body.yellow #main_content .topics ul li a{
						color: #0005ff;
					}
					body.blue #main_content .topics ul li a{
						color: #fff700;
					}

			#main_content .topics ul li a:hover{
				background: #f5efd4;
			}
					body.black #main_content .topics ul li a:hover{
						color: #000;
					}
					body.yellow #main_content .topics ul li a:hover{
						color: #000;
					}
					body.blue #main_content .topics ul li a:hover{
						color: #000;
					}
			#main_content .sakura_topics ul li a:hover{
				background: #ffe5ee;
			}
				#main_content .topics ul li a span{
					display: block;
					font-weight: bold;
				}
					#main_content .topics ul li a span>span{
						display: inline-block;
						line-height: 150%;
						font-size: 11px;
						vertical-align: middle;
						font-weight: normal;
						padding: 1px 6px 0;
						margin-bottom: 3px;
						margin-left: 6px;
						color: #ffffff;
					}
					#main_content ul li a span>span.variation1{
						background-color: #8cc63f;
					}
					#main_content ul li a span>span.variation2{
						background-color: #c93a32;
					}
					#main_content ul li a span>span.variation3{
						background-color: #3A8FCE;
					}
					#main_content ul li a span>span.variation4{
						background-color: #E86D9A;
					}
					#main_content ul li a span>span.variation5{
						background-color: #F15A24;
					}
					#main_content ul li a span>span.variation6{
						background-color: #F7931E;
					}
					#main_content ul li a span>span.variation7{
						background-color: #00A99D;
					}
					#main_content ul li a span>span.variation8{
						background-color: #A058A0;
					}
					#main_content ul li a span>span.variation9{
						background-color: #A08950;
					}
					#main_content ul li a span>span.variation10{
						background-color: #666666;
					}

#main_content .google_map{
	background: #85BA49;
	border: 3px solid #85BA49;
	color: #fff;
}
	#main_content .google_map .mapimg{
		position: relative;
	}
		#main_content .google_map .mapimg h3{
			position: absolute;
			top: -1px;
			left: 0;
			display: inline-block;
			background: #85BA49;
			padding: 2px 6px;
			color: #fff;
		}
	
	#main_content .google_map p{
		font-size: 85%;
		margin: 6px 2%;
	}
	#main_content .google_map a.btn{
		display: block;
		width: 96%;
		margin: 0 2% 6px;
		padding: 8px 0;
		text-align: center;
		text-decoration: none;
		background: #fff;
		color: #85BA49;
		font-weight: bold;
		font-size: 100%;
		border-radius: 5px;
		border: none;
		behavior: url(“PIE.htc”);
	}
		#main_content .google_map a.btn:hover{
			background: #F9E33D;
		}
	
#main_content .Seasoninfo{
	position: relative;
	background: url(../img/Seasoninfo_sakura.png) no-repeat left top;
	padding-top: 33px;
}
	#main_content .Seasoninfo .day{
		position: absolute;
		top: 5px;
		right: 0;
		width: 74px;
		height: 17px;
		font-size: 11px;
		color: #ffffff;
		background: #C7B277;
		text-align: center;
	}
	#main_content .Seasoninfo .photo{
		position: relative;
	}
		#main_content .Seasoninfo .photo>div{
			position: absolute;
			color: #fff;
			width: 94%;
			padding: 6px 3%;
			bottom: 0;
			left: 0;
			background: rgba(0,0,0,0.6);
		}
			#main_content .Seasoninfo .photo>div h4{
				font-size: 92%;
				color: #FFC53B;
			}
			#main_content .Seasoninfo .photo>div p{
				font-size: 85%;
			}


#main_content #side .category{
	padding: 10px;
	background: #6EB25F;
	color: #ffffff;
	font-size: 138%;
	font-weight: bold;
}
	#main_content #side ul>li a{
		display: block;
		text-decoration: none;
		background: url(../img/csg-5200dc1e60fb2.png) no-repeat top left;
		background-position: 4% -94px;
		padding: 8px 2% 8px 8%;
		border-bottom: 1px solid #bcbcbc;
		color: #333;
	}
			body.black #main_content #side ul>li a{
				color: #fff700;
			}
			body.yellow #main_content #side ul>li a{
				color: #0005ff;
			}
			body.blue #main_content #side ul>li a{
				color: #fff700;
			}

		#main_content #side ul>li>ul.two li a{
			background-position: 8% -94px;
			padding-left: 14%;
			border-bottom: 1px dashed #bcbcbc;
		}
			#main_content #side ul>li>ul.two li a.active,
			#main_content #side ul>li>ul.two li a:hover{
				background: #f5efd4 url(../img/csg-5200dc1e60fb2.png) no-repeat top left;
				background-position: 8% -94px;
			}

		#main_content #side ul>li a.active,
		#main_content #side ul>li a:hover{
			background: #f5efd4 url(../img/csg-5200dc1e60fb2.png) no-repeat top left;
			background-position: 4% -94px;
		}
			body.black #main_content #side ul>li a.active,
			body.black #main_content #side ul>li a:hover{
				color: #000;
			}
			body.yellow #main_content #side ul>li a.active,
			body.yellow #main_content #side ul>li a:hover{
				color: #000;
			}
			body.blue #main_content #side ul>li a.active,
			body.blue #main_content #side ul>li a:hover{
				color: #000;
			}

/* kanko 
-----------------------------------------------------------------------------------------------*/
#kanko_special{
	text-align: center;
	position: relative;
}
	#kanko_special a.tourism_btn{
		position: absolute;
		display: block;
		top: 135px;
		left: 790px;
		width: 114px;
		height: 119px;
	}
		
	#kanko_special .title{
		margin-bottom: 10px;
	}
#kanko_special ul{
	margin-bottom: 20px;
}
	#kanko_special ul li{
		float: left;
		margin: 0 5px;
		list-style-position: outside;
	}
		#kanko_special ul li a:hover img{
			opacity: 0.7;
		}

/* free_bl 
-----------------------------------------------------------------------------------------------*/

#free_bl{
	clear: both;
	padding-top: 20px;
}
	#free_bl .item{
		float: left;
		width: 220px;
		height: 64px;
		margin: 0 10px;
		margin-bottom: 20px;
	}



/* footer 
-----------------------------------------------------------------------------------------------*/

#footer{
	width: 100%;
	background: url(../img/footer_img.png) no-repeat center top;
	padding-top: 130px;
}
	#footer .footer_wrap{
		padding-top: 5px;
		background: url(../img/ft_bg.png) repeat-x;
	}
	#footer .footer_inner{
		position: relative;
		padding: 20px 0;
		background: #59402D;
	}
		body.black #footer .footer_inner{
			background: #000;
			color: #fff;
		}
		body.yellow #footer .footer_inner{
			background: #fff700;
			color: #000;
		}
		
		body.blue #footer .footer_inner{
			background: #0005ff;
			color: #fff;
		}
		body.black #footer .footer_inner a{
			color: #fff700;
		}
		body.yellow #footer .footer_inner a{
			color: #0005ff;
		}
		body.blue #footer .footer_inner a{
			color: #fff700;
		}
	
	#footer .footer_inner a.back_top{
		position: absolute;
		top: -135px;
		right: -35px;
		width: 118px;
		height: 115px;
	}
#footer .ft_boder{
	background: url(../img/ft_boder.png) repeat-y right top;
	overflow: hidden;
}
#footer dl.ft_nav{
	width: 178px;
	/* height: 100%; */
	float: left;
	padding-left: 10px;
	background: url(../img/ft_boder.png) repeat-y left top;
	padding-bottom: 32768px;
	margin-bottom: -32768px;
}
	#footer dl.ft_nav dt{
		font-size: 16px;
		font-weight: bold;
		color: #ffffff;
		margin-bottom: 10px;
	}
		body.yellow #footer dl.ft_nav dt{
			color: #000;
		}

		#footer dl.ft_nav dd li{
			background: url(../img/arrow01.png) no-repeat top left;
			background-position: 0 6px;
			padding: 0 12px; 
		}
	#footer dl.ft_nav dd a{
		font-size: 92%;
		color: #ffffff;
		line-height: 1.6em;
	}

#footer .ft_sub{
	margin-top: 30px;
}
#footer .copy{
	font-size: 85%;
	float: left;
	color: #ffffff;
}
	body.yellow #footer .copy{
		color: #000;
	}
#footer .nav_bl{
	float: right;
	font-size: 92%;
}
	#footer .nav_bl a{
		background: url(../img/csg-5200dc1e60fb2.png) no-repeat top left;
		background-position: 0 -56px;
		padding-left: 12px; 
		color: #ffffff;
		margin-left: 10px;
	}
	
/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 0;
	background: url(../img/community_prev.png) no-repeat left top;
}

.bx-wrapper .bx-next {
	right: 0;
	background: url(../img/community_next.png) no-repeat left top;
}


.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 40px;
	outline: 0;
	width: 18px;
	height: 49px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* img CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}



/* live_camera
-----------------------------------------------------------------------------------------------*/
.live_came_head{
	position: relative;
	text-align: center;
	width: 100%;
	background: url(../img/live_came_main_bg.jpg) no-repeat center 80px;
	background-size: 100% 305px;
}
.live_came_head.nobg{
	background: none;
}
.live_came_head h2{
	background: none;
	padding: 10px;
	border: none;
}

.live_came_head .obj_area{
	position: relative;
	top: 15px;
	width: 340px;
	margin: 10px auto 0;
}
	.live_came_head .obj_area img{
		max-width: 100%;
	}
	.live_came_head .obj_area a.detail{
		position: absolute;
		display: block;
		width: 180px;
		top: 45px;
		left: 49%;
		margin-left: -90px;
	}

.live_came_top{
	background: url(../img/live_came_content_bg.png) no-repeat 0 0;
	width: 964px;
	min-height: 280px;
/*	padding-bottom: 130px; */
	padding-bottom: 90px;
	margin: 0 auto;
}

	.live_came_top .phlist{
		width: 780px;
		margin: 65px auto 35px;
	}
		.live_came_top .phlist li{
			display: block;
			position: relative;
			float: left;
			border: 4px solid #826637;
			background-color: #ddd;
			width: 132px;
			height: 97px;
			margin-left: 20px;
		}
		.live_came_top .phlist li img{
			width: 100%;
			max-height: 100%;
		}
		.live_came_top .phlist li:first-child{
			margin-left: 0;
		}
		.live_came_top .phlist li span img{
			position: absolute;
			bottom: -20px;
			left: 50%;
			margin-left: -66px;
		}
	
	.live_came_top .blc{
		width: 780px;
		margin: 0 auto;
	}
	
	.live_came_top .info{
		float: left;
		margin-right: 30px;
		width: 512px;
	}
		.live_came_top .info li{
			list-style: none;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;  
				-webkit-text-overflow: ellipsis;  
				-o-text-overflow: ellipsis;
			color: #fff;
		}
		.live_came_top .info a{
			color: #fff;
			text-decoration: none;
		}
		.live_came_top .info a span{
			color: #fe0;
			margin-right: 20px;
		}
		.live_came_top .info a.all{
			display: inline-block;
			background: #81562E;
			color: #fff;
			font-size: 11px;
			text-decoration: none;
			padding: 2px 10px;
		}

		.live_came_top .bnr_area{
			width: 238px;
			float: left;
		}
			.live_came_top .bnr_area li{
				float: right;
				width: 214px;
				margin-right: 10px;
			}
				.live_came_top .bnr_area li:first-child{
					margin-right: 0;
				}

.live_came_detail{
	width: 940px;
	margin: 20px auto 0;
}
.live_came_detail .cate_list{
	position: relative;
	padding: 20px 0;
	margin: 20px 0;
}
	.live_came_detail .cate_list .pc{
		display: block;
	}
	.live_came_detail .cate_list .sp{
		display: none;
	}

.live_came_detail .cate_list li{
	float: left;
	list-style: none;
}
.live_came_detail .cate_list .camera{
	position: absolute;
	width: 159px;
	top: 0;
	left: 49%;
	margin-left: -80px;
}
.live_came_detail .live_came_gallery{
	margin-bottom: 10px;
}
.live_came_detail .live_came_gallery .display{
	position: relative;
	float: left;
	width: 632px;
	border: 4px solid #3D230E;
}
.live_came_detail .live_came_gallery .display img{
	width: 100%;
	margin: -4px;
	border: 4px solid #3D230E;
}
	.live_came_detail .live_came_gallery .display .day{
		position: absolute;
		top: 10px;
		left: 10px;
		background-color: #3D230E;
		padding: 3px 15px 2px;
		color: #fff;
		-webkit-border-radius: 15px;
			-moz-border-radius: 15px;
			-o-border-radius: 15px;
			-ms-border-radius: 15px;
			border-radius: 15px;
	}
.live_came_detail .live_came_gallery .gallery_list{
	float: left;
	width: 242px;
	height: 454px;
	padding: 15px 15px 5px;
	margin-left: 20px;
	border: 4px solid #3D230E;
	background-color: #81562E;
	overflow-y: scroll;
}
	.live_came_detail .live_came_gallery .gallery_list .msg{
		color:red;
		margin-bottom:5px;
	}
	.live_came_detail .live_came_gallery .gallery_list dl{
		margin: 0 0 8px;
		cursor: pointer;
	}
	.live_came_detail .live_came_gallery .gallery_list dt{
		float: left;
		width: 71px;
		height: 50px;
		border: 2px solid #3D230E;
		overflow: hidden;
	}
	.live_came_detail .live_came_gallery .gallery_list dd{
		float: left;
		width: 98px;
		line-height: 1.6em;
		color: #fff;
		padding-top: 8px;
		padding-right: 40px;
		margin-left: 10px;
		background: url(../img/live_came_detail_icon01.png) no-repeat right center;
	}
	.live_came_detail .live_came_gallery .gallery_list .continuation_btn{
		display: none;
	}
	
.live_came_detail .live_came_gallery .gallery_list select{
	background-color: #fff;
}
.live_came_detail .live_came_gallery .gallery_list form{
	position: relative;
	margin-bottom: 12px;
}
.live_came_detail .live_came_gallery .gallery_list select.type01{
	display: block;
	width: 100px;
	margin-bottom: 5px;
}
.live_came_detail .live_came_gallery .gallery_list select.type02{
	width: 70px;
}
.live_came_detail .live_came_gallery .gallery_list .open_btn{
	line-height: 1em;
	font-weight: bold;
	padding: 8px;
	margin-top: 10px;
	background: #F7CB16;
	border-color: #3D230E;
	border-bottom: 3px solid #3D230E;
	color: #3D230E;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	width: 100%;
}
.live_came_detail .live_came_gallery .gallery_list .load_btn{
	display: block;
	width: 100%;
	padding: 8px 0;
	margin: 15px auto;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background: #F7CB16;
	border-color: #3D230E;
	border-bottom: 3px solid #3D230E;
	color: #3D230E;
	-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		-ms-border-radius: 5px;
		border-radius: 5px;
}

.live_came_detail .back_top{
	display: block;
	width: 268px;
	margin: 0 auto 40px;
}

.live_came_map{
	width: 944px;
	height: 300px;
	margin: 30px auto;
	background: #59402D;
	background: #59402D;
	padding: 10px;
}
.live_came_map iframe{
	width: 944px;
	height: 300px;
}
/* facebook
-----------------------------------------------------------------------------------------------*/
.fb-like{
	line-height: 1em;
	margin-right:1px;
	vertical-align: top;
}

/********************************************************************************************* 

	720px(タブレット用

*********************************************************************************************/ 

@media only screen and (min-width: 720px) and (max-width: 959px) {
	#google_translate_element{
		position: relative;
		top: 65px;
		left: -106px;
	}
	
	#headline{
		padding-bottom: 30px;
		position: relative;
	}
	#headline .sub_item01 ul.bg{
		margin-right: 0;
	}
	#headline .sub_item02{
		position: absolute;
		top: 65px;
		left: 10px;
		width: 700px;
	}
	#headline .sub_item02 .search{
		margin-right: 140px;
	}
	#global_menu li{
		width: 130px;
	}
	
	#img_slider .decoration{
		display: none;
	}
	
	h2{
		background: url(../image/icon_h2_sp.png) no-repeat left top;
		background-size: 33px auto;
	}
	
	#main_content .useful{
		padding-top: 25px;
	}
	#main_content .useful ul{
		width: 100%;
		padding: 0;
		margin: 0 auto;
	}
		#main_content .useful ul li{
			width: 23%;
			margin: 1%;
		}
	#main_content #ppwj_60889b2a-8ced-4740-baf1-7bb3f65b7e21{
		width: 95% !important;
		}
	

	/* free_bl 
	-----------------------------------------------------------------------------------------------*/
	
	#free_bl .item{
		width: 160px;
		height: 47px;
	}

	/* kanko_bl 
	-----------------------------------------------------------------------------------------------*/
	#kanko_special ul li{
		float: left;
		width: 132px;
		margin: 0 5px;
	}
		#kanko_special ul li:first-child{
			margin: 0 5px 0 0;
		}
		#kanko_special ul li:last-child{
			margin: 0 0 0 5px;
		}
		
	#kanko_special a.tourism_btn{
		top: 100px;
		left: 590px;
		width: 90px;
		height: 94px;
	}
		
	#footer{
		background-size: 100% auto;
		padding-top: 78px;
	}
	#footer dl.ft_nav{
		width: 130px;
	}
		#footer dl.ft_nav dd li{
			background: 
		}
	
	#footer .footer_inner a.back_top{
		right: -6px;
	}

 




/* live_camera
-----------------------------------------------------------------------------------------------*/
.live_came_head h2 img{
	max-width: 50%;
}
.live_came_head .obj_area{
	top: 11px;
}
.live_came_top{
	width: 720px;
	min-height: 210px;
	background-size: 720px auto;
	padding-bottom: 90px;
	margin: 0 auto;
}

	.live_came_top .phlist{
		width: 660px;
		margin: 40px auto 30px;
	}
		.live_came_top .phlist li{
			width: 18.4%;
			height: 80px;
			margin-left: 2%;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-o-box-sizing: border-box;
			-ms-box-sizing: border-box;
		}
		.live_came_top .phlist li span img{
			width: 113px;
			bottom: -20px;
			margin-left: -57px;
		}
	
	.live_came_top .blc{
		width: 660px;
		margin: 0 auto;
	}
	
	.live_came_top .info{
		float: left;
		font-size: 12px;
		margin-right: 30px;
		width: 292px;
	}
		.live_came_top .bnr_area{
			width: 338px;
			float: left;
		}
			.live_came_top .bnr_area li{
				float: right;
				width: 164px;
				margin-right: 10px;
			}
			.live_came_map{
				width: 700px;
				height: 250px;
				margin-bottom: 60px;
			}
			.live_came_map iframe{
				width: 700px;
				height: 250px;
			}

.live_came_detail{
	width: 720px;
	margin: 0 auto;
}
.live_came_detail .cate_list{
	position: relative;
	width: 100%;
	margin: 20px auto 0;
	padding: 0
}
.live_came_detail .cate_list li{
	float: left;
	width: 50%;
	list-style: none;
	margin-bottom: 10px;
}
	
.live_came_detail .cate_list .camera{
	width: 120px;
	top: -15px;
	left: 52%;
}

.live_came_detail .live_came_gallery{
	width: 100%;
	margin: 20px auto;
}
.live_came_detail .live_came_gallery .display{
	position: relative;
	width: 100%;
	margin-bottom: 20px;
	border: 4px solid #3D230E;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.live_came_detail .live_came_gallery .display img{
	width: 100%;
	margin: -4px;
	border: 4px solid #3D230E;
}
	.live_came_detail .live_came_gallery .display .day{
		position: absolute;
		display: block;
		width: 200px;
		top: -15px;
		left: 50%;
		margin-left: -100px;
		background-color: #3D230E;
		text-align: center;
		padding: 3px 0 2px;
		color: #fff;
		-webkit-border-radius: 15px;
			-moz-border-radius: 15px;
			-o-border-radius: 15px;
			-ms-border-radius: 15px;
			border-radius: 15px;
	}
.live_came_detail .live_came_gallery .gallery_list{
	width: 100%;
	height: auto;
	padding: 15px 15px 5px;
	margin-left: 0;
	border: none;
	background-color: #81562E;
	overflow-y: inherit;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
	.live_came_detail .live_came_gallery .gallery_list dl{
		margin: 0 0 8px;
		cursor: pointer;
	}
	.live_came_detail .live_came_gallery .gallery_list dt{
		float: left;
		width: 15%;
		height: auto;
		border: 2px solid #3D230E;
		overflow: hidden;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}
	.live_came_detail .live_came_gallery .gallery_list dd{
		float: left;
		width: 83%;
		line-height: 1.6em;
		color: #fff;
		padding: 20px 0;
		padding-right: 40px;
		margin-left: 2%;
		background: url(../img/live_came_detail_icon01sp.png) no-repeat right center;
		background-size: 26px 26px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}
	.live_came_detail .live_came_gallery .gallery_list .continuation_btn{
		display: block;
		width: 100%;
		padding: 8px 0;
		margin: 15px auto;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		background: #F7CB16;
		border-color: #3D230E;
		border-bottom: 3px solid #3D230E;
		color: #3D230E;
		-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			-o-border-radius: 5px;
			-ms-border-radius: 5px;
			border-radius: 5px;
	}
	.live_came_detail .live_came_gallery .gallery_list .continuation{
		display: none;
	}

.live_came_detail .live_came_gallery .gallery_list select{
	background-color: #fff;
}
.live_came_detail .live_came_gallery .gallery_list form{
	position: relative;
	margin-bottom: 20px;
}
.live_came_detail .live_came_gallery .gallery_list select.type01{
	display: block;
	width: 100px;
	margin-bottom: 5px;
}
.live_came_detail .live_came_gallery .gallery_list select.type02{
	width: 70px;
}
.live_came_detail .live_came_gallery .gallery_list .open_btn{
/*	position: absolute; */
	line-height: 1em;
	font-weight: bold;
	padding: 20px 30px;
	right: 0;
	top: 50%;
/*	margin-top: -30px; */
	background: #F7CB16;
	border-color: #3D230E;
	border-bottom: 3px solid #3D230E;
	color: #3D230E;
	-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		-ms-border-radius: 5px;
		border-radius: 5px;
}
.live_came_detail .back_top{
	display: block;
	width: 80%;
	margin: 0 auto 20px;
}



}

 

/********************************************************************************************* 

 720px(スマホ用 

*********************************************************************************************/ 

@media only screen and (max-width: 719px) {
	.sp_none{
		display: block;
	}
	.pc_none{
		display: none;
	}

	.btn_a:after{
		display: block;
		position: absolute;
		top: 50%;
		right: 10px;
		width: 10px;
		height: 10px;
		margin-top: -5px;
		border-top: solid 2px #8e8e8e;
		border-right: solid 2px #8e8e8e;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		content: "";
	}
	.btn_a.open:after{
		margin-top: -8px;
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		-o-transform: rotate(135deg);
		transform: rotate(135deg);
	}

	h2{
		background: url(../image/icon_h2_sp.png) no-repeat left top;
		background-size: 33px auto;
	}


	/* header 
-----------------------------------------------------------------------------------------------*/

	#headline h1 {
		width: 131px;
		height: 51px;
		margin-top: 10px;
	}
	#headline .sub_item01{
		background: none;
		padding: 0;
		box-sizing: border-box;
	}
		#headline .sub_item01 p{
			margin-top: 10px;
			clear: both;
			width: 40%;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-o-box-sizing: border-box;
			-ms-box-sizing: border-box;
		}
		#headline .sub_item01 ul.font_size{
			margin-top: 10px;
			margin-right: 0;
			width: 60%;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-o-box-sizing: border-box;
			-ms-box-sizing: border-box;
		}
			#headline .sub_item01 ul.font_size li{
			text-align: center;
			width: 33.3333333%;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-o-box-sizing: border-box;
			-ms-box-sizing: border-box;
		}
		#headline .sub_item01 ul.bg{
			margin-top: 10px;
			margin-right: 0;
			width: 60%;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-o-box-sizing: border-box;
			-ms-box-sizing: border-box;
		}
			#headline .sub_item01 ul.bg li{
			text-align: center;
			width: 25%;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-o-box-sizing: border-box;
			-ms-box-sizing: border-box;
		}
	#headline .sub_item02 .search{
		width: 100%;
	}
	#headline .sub_item02 .search .textarea{
		width: 80%;
		padding: 3px 0;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}
	#headline .sub_item02 .search .submit_btn{
		padding: 0;
		width: 20%;
		padding: 3px 0;
		text-align: center;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}
	
	#global_menu{
		position: absolute;
		width: 100%;
		top: 66px;
		left: 0;
		z-index: 500;
		border-bottom: none;
		padding: 0;
		background: #6EB25F;
	}
		#global_menu p.sp_btn{
			position: absolute;
			left: 48%;
			top: -50px;
			display: block;
			width: 22%;
			height: 46px;
			background: #6EB25F;
			text-align: center;
		}
		#global_menu ul{
			display: none;
			background: none;
		}
		#global_menu ul li{
			clear: both;
			background: none;
			width: 100%;
		}
			#global_menu ul li img{
				display: none;
			}
			#global_menu ul li a{
				position: relative;
				width: 96%;
				padding: 14px 2%;
				border-bottom: 1px solid #8AC47C;
			}
				#global_menu ul li a:after {
					display: block;
					position: absolute;
					top: 50%;
					right: 10px;
					width: 7px;
					height: 7px;
					margin-top: -4px;
					border-top: solid 1px #ffffff;
					border-right: solid 1px #ffffff;
					-webkit-transform: rotate(45deg);
					transform: rotate(45deg);
					content: "";
				}
			#global_menu ul li span{
				display: inline;
			}
			
			
		
	

	/* img_slider 
-----------------------------------------------------------------------------------------------*/
	
	#img_slider{
		display: none;
		border-top: 3px solid #6EB25F;
		border-bottom: 3px solid #6EB25F;
	}
		#img_slider .decoration{
			display: none;
		}

	.bx-wrapper .bx-prev {
		background: url(../img/community_prev_sp.png) no-repeat left top;
		background-size: 18px 49px;
	}

	.bx-wrapper .bx-next {
		background: url(../img/community_next_sp.png) no-repeat left top;
		background-size: 18px 49px;
	}
	.bx-wrapper .bx-controls-direction a {
		top: 25%;
	}

	
	/* main_content 
-----------------------------------------------------------------------------------------------*/
	#c_wrapper{
		width: 100%;
		float: none;
		margin: 0px;
	}
	#center{
		margin: 0px;
	}
	
	#main_content .preface h4{
		font-size: 150%;
		padding: 2px 12px;
	}
	#main_content .preface ul li{
		background: url(../img/csg-5200dc1e60fb2.png) no-repeat top left;
		background-position: 0 6px;
		padding-left: 15px;
		font-size: 123%; 
	}
	
	#main_content .community .photo{
		width: 85%;
		margin: 8px auto 0;
	}
		#main_content .community .slider li p{
			font-size: 100%;
		}
	
	
	#main_content .topics .ti a.detail{
		right: 10px;
		padding: 2px 5px;
	}
	#main_content .sakura_topics .ti a.detail,
	#main_content .log .ti a.detail{
		right: -20px;
	}
	#main_content .topics .ti a.rss{
		right: -20px;
		padding: 2px 5px;
		width: 12px;
	}
	#main_content .useful{
		position: absolute;
		width: 100%;
		top: 66px;
		left: 0;
		padding: 0;
		margin: 0;
		border: none;
		background: #6EB25F;
		box-shadow: none !important;
		z-index: 501;
	}
		#main_content .useful p.sp_btn{
			position: absolute;
			top: -50px;
			left: 72%;
			display: block;
			width: 23%;
			height: 46px;
			background: #6EB25F;
			text-align: center;
		}
		#main_content .useful h3{
			display: none;
		}
		#main_content .useful ul{
			display: none;
			width: 94%;
			padding: 10px 0;
			margin: 0 auto;
			margin-top: -5px;
		}
			#main_content .useful ul li{
				width: 21%;
				margin: 2%;
			}
	
	#main_content .google_map p{
		font-size: 100%;
	}
	
	#main_content .Seasoninfo{
		position: relative;
		background: url(../img/Seasoninfo_sakura_sp.png) no-repeat left top;
		background-size: auto 44px;
		padding-top: 44px;
	}

	#main_content #side{
		margin: 20px 0;
	}

	/* free_bl 
-----------------------------------------------------------------------------------------------*/
		#kanko_special ul li{
			float: none;
			margin: 0 0 10px 0;
		}
	

	

	/* free_bl 
-----------------------------------------------------------------------------------------------*/
	#free_bl{
		padding-top: 10px;
	}
	#free_bl .item{
		width: 48%;
		height: 49px;
		margin: 0 1%;
		margin-bottom: 10px;
	}

	#kanko_special a.tourism_btn{
		top: 14%;
		left: 80%;
		margin-left: -12%;
		width: 25%;
		height: auto;
	}


	/* footer
-----------------------------------------------------------------------------------------------*/
	
	
	#footer .footer_inner a.back_top{
		right: 0;
	}
	
	#footer .ft_boder{
		background: none;
	}
	
	#footer dl.ft_nav{
		clear: both;
		padding: 0;
		margin: 0;
		background: none;
		width: 100%;
	}
		#footer dl.ft_nav dt{
			color: #333333;
			position: relative;
			width: 100%;
			padding: 8px 2%;
			margin-bottom: 0;
			margin-top: 10px;
			background: -moz-linear-gradient(
				top,
				#ffffff 0%,
				#e3e3e3);
			background: -webkit-gradient(
				linear, left top, left bottom, 
				from(#ffffff),
				to(#e3e3e3));
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			border: 1px solid #c2c2c2;
			-moz-box-shadow:
				0px 1px 3px rgba(000,000,000,0.1),
				inset 0px 0px 2px rgba(255,255,255,0.7);
			-webkit-box-shadow:
				0px 1px 3px rgba(000,000,000,0.1),
				inset 0px 0px 2px rgba(255,255,255,0.7);
			box-shadow:
				0px 1px 3px rgba(000,000,000,0.1),
				inset 0px 0px 2px rgba(255,255,255,0.7);
			text-shadow:
				0px 0px 0px rgba(000,000,000,0),
				0px 0px 0px rgba(255,255,255,0);
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-o-box-sizing: border-box;
			-ms-box-sizing: border-box;
		}
		
		#footer dl.ft_nav dd{
			display: none;
		}
			#footer dl.ft_nav dd li{
				background: none;
				padding: 0;
			}
			#footer dl.ft_nav dd li a{
				display: block;
				position: relative;
				width: 96%;
				padding: 14px 2%;
				border-bottom: 1px solid #3F291A;
				text-decoration: none;
			}
			#footer dl.ft_nav dd li a:after {
				display: block;
				position: absolute;
				top: 50%;
				right: 10px;
				width: 7px;
				height: 7px;
				margin-top: -4px;
				border-top: solid 1px #ffffff;
				border-right: solid 1px #ffffff;
				-webkit-transform: rotate(45deg);
				-moz-transform: rotate(45deg);
				-ms-transform: rotate(45deg);
				-o-transform: rotate(45deg);
				transform: rotate(45deg);
				content: "";
			}
		#footer .copy{
			clear: both;
			width: 100%;
			text-align: center;
		}
		#footer .ft_sub{
			margin-top: 0;
		}
		#footer .nav_bl{
			clear: both;
			width: 100%;
		}
		#footer .nav_bl a{
			color: #333333;
			display: block;
			position: relative;
			width: 100%;
			padding: 8px 2%;
			margin-left: 0;
			margin-bottom: 10px;
			text-decoration: none;
			background: -moz-linear-gradient(
				top,
				#ffffff 0%,
				#e3e3e3);
			background: -webkit-gradient(
				linear, left top, left bottom, 
				from(#ffffff),
				to(#e3e3e3));
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			border: 1px solid #c2c2c2;
			-moz-box-shadow:
				0px 1px 3px rgba(000,000,000,0.1),
				inset 0px 0px 2px rgba(255,255,255,0.7);
			-webkit-box-shadow:
				0px 1px 3px rgba(000,000,000,0.1),
				inset 0px 0px 2px rgba(255,255,255,0.7);
			box-shadow:
				0px 1px 3px rgba(000,000,000,0.1),
				inset 0px 0px 2px rgba(255,255,255,0.7);
			text-shadow:
				0px 0px 0px rgba(000,000,000,0),
				0px 0px 0px rgba(255,255,255,0);
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-o-box-sizing: border-box;
			-ms-box-sizing: border-box;
		}
			#footer .nav_bl a:after{
				display: block;
				position: absolute;
				top: 50%;
				right: 10px;
				width: 7px;
				height: 7px;
				margin-top: -4px;
				border-top: solid 1px #333;
				border-right: solid 1px #333;
				-webkit-transform: rotate(45deg);
				-moz-transform: rotate(45deg);
				-ms-transform: rotate(45deg);
				-o-transform: rotate(45deg);
				transform: rotate(45deg);
				content: "";
			}
	
	
	
	/* live_camera
-----------------------------------------------------------------------------------------------*/
.live_came_head{
	width: 100%;
	background: url(../img/live_came_main_bg.jpg) no-repeat center 80px;
	background-size: 100% cover;
}
.live_came_head h2 img{
	max-width: 50%;
}
.live_came_head .obj_area{
	position: relative;
	top: 0;
	width: 260px;
	margin: 50px auto 0;
}
	.live_came_head .obj_area img{
		max-width: 100%;
	}
	.live_came_head .obj_area a.detail{
		position: absolute;
		display: block;
		width: 150px;
		top: 15px;
		left: 50%;
		margin-left: -75px;
	}

.live_came_top{
	background-color: #254A06;
	background-image: url(../img/live_came_detail_bg01.png),url(../img/live_came_detail_bg02.png);
	background-repeat: no-repeat;
	background-position: 50% 0,50% 100%;
	background-size: 100% 30px,100% 30px;
	width: 100%;
	padding: 35px 4%;
	margin: 0 auto;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

	.live_came_top .phlist{
		width: 100%;
		margin: 0 auto 40px;
	}
		.live_came_top .phlist li{
			display: block;
			position: relative;
			float: left;
			border: 4px solid #826637;
			background-color: #ddd;
			width: 48%;
			height: auto;
			min-height: 100px;
			margin-left: 4%;
			margin-bottom: 25px;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				-o-box-sizing: border-box;
				-ms-box-sizing: border-box;
		}
		.live_came_top .phlist li img{
			width: 100%;
			max-height: 100%;
		}
		.live_came_top .phlist li:nth-child(odd){
			margin-left: 0;
		}
		.live_came_top .phlist li:last-child{
			clear: both;
			float: none;
			margin: 0 auto;
		}
		.live_came_top .phlist li span img{
			position: absolute;
			width: 127px;
			bottom: -20px;
			left: 50%;
			margin-left: -63px;
		}
	
	.live_came_top .blc{
		width: 100%;
		margin: 0 auto;
	}
	
	.live_came_top .info{
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
		.live_came_top .info li{
			list-style: none;
			white-space: normal;
			text-overflow: clip;
			overflow: visible;
		}
		.live_came_top .info li:last-child{
			border-bottom: 1px dashed #fff;
		}
		.live_came_top .info a{
			display: block;
			color: #fff;
			text-decoration: none;
			padding: 10px 0;
			border-top: 1px dashed #fff;
		}
		.live_came_top .info a span{
			display: block;
			color: #fe0;
			}
		.live_came_top .info a.all{
			display: block;
			margin: 20px auto;
			border-top: none;
			border-bottom: 2px solid #3a220c;
			width: 60%;
			padding: 8px 0;
			text-align: center;
			font-size: 110%;
		}
		.live_came_top .bnr_area{
			width: 100%;
			float: none;
		}
			.live_came_top .bnr_area li{
				margin: 0 auto 10px;
				width: 80%;
				float: none;
			}
				.live_came_top .bnr_area li:first-child{
					margin-right: auto;
				}
				.live_came_top .bnr_area li img{
					width: 100%;
					max-width: 100%;
				}



.live_came_detail{
	width: 100%;
	margin: 0 auto;
}
.live_came_detail .cate_list{
	position: relative;
	width: 92%;
	margin: 20px auto 0;
	padding: 0
}
.live_came_detail .cate_list li{
	float: none;
	list-style: none;
	margin-bottom: 10px;
}
	.live_came_detail .cate_list .pc{
		display: none;
	}
	.live_came_detail .cate_list .sp{
		display: block;
	}
.live_came_detail .cate_list .camera{
	display: none;
}

.live_came_detail .live_came_gallery{
	width: 92%;
	margin: 20px auto;
}
.live_came_detail .live_came_gallery #target{
	display:none;
}
/*
.live_came_detail .live_came_gallery .display{
	position: relative;
	width: 100%;
	margin-bottom: 20px;
	border: 4px solid #3D230E;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.live_came_detail .live_came_gallery .display img{
	width: 100%;
	margin: -4px;
	border: 4px solid #3D230E;
}
*/
	.live_came_detail .live_came_gallery .display .day{
		position: absolute;
		display: block;
		width: 200px;
		top: -15px;
		left: 50%;
		margin-left: -100px;
		background-color: #3D230E;
		text-align: center;
		padding: 3px 0 2px;
		color: #fff;
		-webkit-border-radius: 15px;
			-moz-border-radius: 15px;
			-o-border-radius: 15px;
			-ms-border-radius: 15px;
			border-radius: 15px;
	}
.live_came_detail .live_came_gallery .gallery_list{
	width: 100%;
	height: auto;
	padding: 15px 15px 5px;
	margin-left: 0;
	border: none;
	background-color: #81562E;
	overflow-y: inherit;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
	.live_came_detail .live_came_gallery .gallery_list dl{
		margin: 0 0 8px;
		cursor: pointer;
	}
	.live_came_detail .live_came_gallery .gallery_list dt{
		float: left;
		width: 30%;
		height: auto;
		border: 2px solid #3D230E;
		overflow: hidden;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}
	.live_came_detail .live_came_gallery .gallery_list dd{
		float: left;
		width: 65%;
		line-height: 1.6em;
		color: #fff;
		padding-top: 8px;
		padding-right: 40px;
		margin-left: 5%;
		background: url(../img/live_came_detail_icon01sp.png) no-repeat right center;
		background-size: 26px 26px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}
	.live_came_detail .live_came_gallery .gallery_list .continuation{
		display: none;
	}

.live_came_detail .live_came_gallery .gallery_list select{
	background-color: #fff;
}
.live_came_detail .live_came_gallery .gallery_list form{
	position: relative;
	margin-bottom: 20px;
}
.live_came_detail .live_came_gallery .gallery_list select.type01{
	display: block;
	width: 100px;
	margin-bottom: 5px;
}
.live_came_detail .live_came_gallery .gallery_list select.type02{
	width: 70px;
}
.live_came_detail .live_came_gallery .gallery_list .open_btn{
	position: none;
	line-height: 1em;
	font-weight: bold;
	padding: 20px 30px;
	right: 0;
	top: auto;
	margin-top: 10px;
	background: #F7CB16;
	border-color: #3D230E;
	border-bottom: 3px solid #3D230E;
	color: #3D230E;
	-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		-ms-border-radius: 5px;
		border-radius: 5px;
}

.live_came_detail .back_top{
	display: block;
	width: 80%;
	margin: 0 auto 20px;
}
.live_came_map{
	margin-top: 0;
	width: 100%;
}
.live_came_map iframe{
	width: 100%;
}
	
}

#article > div > div.paragraph.sns.clearfix > div > div:nth-child(5) {
	margin-left: 0px!important;
}