@font-face {
  font-family: 'fontello';
  src: url('../../font/fontello.eot?72663280');
  src: url('../../font/fontello.eot?72663280#iefix') format('embedded-opentype'),
       url('../../font/fontello.woff?72663280') format('woff'),
       url('../../font/fontello.ttf?72663280') format('truetype'),
       url('../../font/fontello.svg?72663280#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
@charaset "utf-8"; 
/*----------------------------------------------------
	contents
----------------------------------------------------*/
	#grid_box{
		clear:both;
	}
	/*------------------------------------------------
		view
	------------------------------------------------*/
	#view{
		box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.4);
		border: 1px solid #b0afaf;
		padding:5px;
	}
	#view_img_wrapper{
		width: 100%;
/* 		height: 204px; */
		padding-top: 30.25%;
		overflow: hidden;
		position: relative;
	}
	#view_img{
		height: 100%;
		width: 100%;
		position: absolute;
		background-size:cover;
	}
	/*------------------------------------------------
		bnr
	------------------------------------------------*/
	.bnr_item{
		margin-top:12px;
		border: 1px solid #b0afaf;
	}
	.bnr_link{
		display:block;
	}
	/*------------------------------------------------
		left_box
	------------------------------------------------*/
	#left_box a{
		text-decoration:none;
	}
		#l_bnr{
			margin-top:16px;
		}
		/*-------------------------------------------
			livecam
		-------------------------------------------*/
		#livecam{
			background:url("../../image/livecam_bg.gif") repeat;
		}
		#livecam_link{
			display:block;
			padding:5px 8px 8px;
		}
		#livecam_ttl{
			margin-left:5px;
		}
		.livecam_item:first-child{
			margin-left:0px;
		}
		.livecam_item{
			margin-left:2%;
			float: left;
			width: 49%;
			text-align: center;
		}
		.livecam_img{
			border:3px solid #fff;
		}
		.livecam_txt{
			text-align:center;
			font-family:"NotoSansCJKjp-Regular";
		}
		/*-------------------------------------------
			blog
		-------------------------------------------*/
		#blog{
			background-color:#dbddc1;
			padding:4px;
		}
		#blog_link{
			display:block;
			border:2px dashed #fff;
			padding:4px;
		}
		#blog_inner{
			text-align:center;
			background-color:#fff;
			padding-bottom:4px;
		}
		#blog_img_wrapper{
			display:inline-block;
			border:1px solid #b0afaf;
			margin:4px 0px;
			padding:4px;
		}
		/*-------------------------------------------
			info
		-------------------------------------------*/
		#info{
			font-family:'NotoSansCJKjp-Regular';
		}
		#info_ttl{
			background:url("../../image/info_ttl_bg.gif") repeat;
			padding:4px;
			color:#fff;
			text-align:center;
		}
		#info_link{
			display:block;
		}
		#info_inner{
			padding:8px 12px;
			background:url("../../image/info_bg.gif") repeat;
		}
		#info_l{
			width:41%;
			display:inline-block;
		}
		#info_r{
			font-size:75%;
			width:55%;
			margin-left:4%;
			display:inline-block;
		 	vertical-align: top;
 		}
		#info_img_wrapper{
			display:inline-block;
			border:1px solid #b0afaf;
			margin:4px 0px;
			padding:4px;
		}
		/*-------------------------------------------
			town
		-------------------------------------------*/
		#town{
			background:url("../../image/town_bg.gif") repeat-y;
		}
		.town_line{
			background:url("../../image/town_line.gif") repeat-x;
			height:3px;
		}
		#town_ttl{
			font-size:130%;
			border-bottom:2px solid #b7b4ab;
			line-height:1.6;
			margin-bottom:12px;
		}
		#town_list{
			margin:8px;
	 		font-family: 'NotoSansCJKjp-Regular';
		}
		.town_item{
			position:relative;
			margin-top:8px;
			background:url("../../image/town_item_bg.gif") repeat;
		}
		.town_item:first-child{
			border-top:none;
		}
		.town_link{
			display:block;
			font-weight:bold;
			padding:4px 24px 4px 4px;
		}
		.town_text:after{
  			font-family: "fontello";
			content: '\e800';
			color:#fff;
			position:absolute;
			right:0.7em;
			top:1.2em;
		}
		.town_text{
			display:block;
			padding: 12px 8px;
			line-height:1;
			color:#977d2e;
		}
		.white .town_text{
			background-color:#fff;
		}
		.yellow .town_item{
		}
		.town_link:hover .town_text{
		}
		/*-------------------------------------------
			other_nav
		-------------------------------------------*/
		#other_nav_list{
			padding:0px 20px;
		}
		.other_nav_item{
			padding:10px 0px;
			border-top:2px dashed #fff;
		}
		.other_nav_item:first-child{
			border:none;
		}
		.other_nav_link{
			display:block;
			background: url("../../image/original/l_o_nav_mark.png") no-repeat right 45%;
			font-weight:bold;
			padding-right: 17px;
		}
		/*-------------------------------------------
			pop
		-------------------------------------------*/
		.pop{
			font-family:"NotoSansCJKjp-Regular";
			background:url("../../image/pop_bg_l.gif") repeat-y;
		}
		.pop_wrapper{
			background:url("../../image/pop_bg_r.gif") repeat-y right;
		}
		.pop_bg{
			background:url("../../image/pop_bg.gif") repeat-x;
			height:5px;
		}
		.pop_inner{
			padding:8px 13px;
		}
		.pop_header{
			text-align:center;
			color:#977d2e;
		}
		.pop_ttl{
			font-size:115%;
		}
		.pop_date{
			font-weight:bold;
		}
		.pop_list{
		}
		.white .pop_list{
			background-color:#fff;
            font-size:92%;
		}
		.pop_item_ttl{
			text-align:center;
			display:inline-block;
			width:38%;
			background-color:#977d2e;
			color:#fff;
			margin:4px 2% 0px 0px;
			line-height:1.2;
		}
		.pop_item_ttl_bg_top{
			background:url("../../image/pop_item_ttl_bg_top.gif") repeat-x;
			height:3px;
		}
		.pop_item_ttl_bg_bottom{
			background:url("../../image/pop_item_ttl_bg_bottom.gif") repeat-x;
			height:3px;
		}
		.pop_item_cont{
			display:inline-block;
			width:60%;
			color:#977d2e;
		}
	/*------------------------------------------------
		center_box
	------------------------------------------------*/
		/*-------------------------------------------
			main_nav
		-------------------------------------------*/
		#main_nav{
			text-align: center;
		}

		/*-------------------------------------------
			art_list(topics,history)
		-------------------------------------------*/
		.art_list{
		}
		#history{
		}
		.art_list_header{
			border-bottom:4px solid #338e39;
			margin-bottom:2px;
		}
		#topics_header{
			background:url("../../image/topics_icon.png") no-repeat;
		}
		#history_header{
			background:url("../../image/history_icon.png") no-repeat 5px top;
		}
		#calendar_header{
			background:url("../../image/calendar_icon.png") no-repeat 5px top;
.		}
		.art_list_h_ttl{
			font-size:115%;
			text-indent:40px;
			height:30px;
			line-height:30px;
		}
		.art_list_h_sub_ttl{
			font-size:90%;
			margin-left:4px;
			color:#977d2e;
		}
		.art_list_h_link{
			text-decoration:none;
			background-color:#338e39;
			color:#fff;
			margin-top: 2px;
			padding:0px 4px;
			display: inline-block;
		}
		.art_list_item_box{
			margin: 0px 8px;
			padding: 6px 16px 0px;
		}
		.white .art_list_item_box{
			background-color:#fff;
		}
		.black .art_list_item_box{
			background-color:#000;
		}
		.yellow .art_list_item_box{
			background-color:#fff700;
		}
		.blue .art_list_item_box{
			background-color:#0005ff;
		}
		.art_list_item{
			border-top:1px dashed #b3b3b3;
			padding:6px 0px;
		}
		.art_list_item_box .art_list_item:first-child{
			border-top:none;
			padding-top:0px;
		}
		.art_list_item_link{
			display:block;
			text-decoration:none;
		}
		.art_list_item_date{
			display:inline-block;
			vertical-align:middle;
			margin-right:4px;
		}
		.art_list_item_mark{
			display:table-cell;
			width: 0.5em;
		}
		.art_list_item_ttl{
			display:table-cell;
			font-weight:normal;
			line-height:1.6;
		}
		.art_list_item_ttl:before{
			font-family: "fontello";
			content: '\e800';
			margin-right: 8px;
		}
		/*-------------------------------------------
				c_bnr
		-------------------------------------------*/
		#c_bnr{
			margin:20px 16px 0px;
			border:1px solid #b7b4ab;
			padding:16px 0px 0px;
		}
		.c_bnr_item{
			display:inline-block;
			margin: 0px 2% 16px 0px;
			width:18%;
			height:40px;
		}
	/*------------------------------------------------
		right_box
	------------------------------------------------*/

		/*-------------------------------------------
			rbnr
		-------------------------------------------*/
		#rbnr_upper{
			background:url("../../image/rbnr_upper_bg.gif") repeat;
		}
		#rbnr_under{
			margin-top:16px;
			background:url("../../image/rbnr_under_bg.gif") repeat;
		}
		.rbnr_line{
			background:url("../../image/rbnr_line.gif") repeat-x;
			width:220px;
			height:5px;
		}
		.rbnr_list{
			padding:8px 13px;
		}
		.rbnr_item:first-child{
			margin-top:0px !important;
		}
		.rbnr_link{
			display:block;
		}
@media print, screen and (min-width: 769px) {
	/*----------------------------------------------------
		contents
	----------------------------------------------------*/
	#contents{
	}
	#c_inner{
		width: 100%;
		float: left;
		margin: 0px -9999px 0px -250px;
	}
	#contents section{
		margin-top:16px;
	}
	#contents section:first-child{
		margin-top:0px;
	}
	/*------------------------------------------------
		bnr
	------------------------------------------------*/
	.bnr_item:first-child{
		margin-top:0px;
	}

		/*------------------------------------------------
			left_box
		------------------------------------------------*/
		#left_box{
			position: relative;
		}
			/*-------------------------------------------
				town
			-------------------------------------------*/
			#town_item_box{
				background:url("../../image/original/l_town_bg.png") repeat-y left top;
			}
			/*-------------------------------------------
				other nav
			-------------------------------------------*/
			#other_nav{
				position:relative;
				width:220px;
				margin-top:10px !important;
			}
			#other_nav_item_box{
				background:url("../../image/original/l_o_nav_bg.png") repeat-y left top;
			}
		/*-------------------------------------------
				map
		-------------------------------------------*/
		#map{
			margin-top:0px !important;
			background: url("../../image/original/l_map_bg.png") no-repeat left top;
			width:220px;
			height:159px;
		}
		/*------------------------------------------------
			center_box
		------------------------------------------------*/
		#center_box{
			margin: 0 0px 0px 500px;
			width:initial !important;
		}
			/*-------------------------------------------
				guide
			-------------------------------------------*/
			#guide{
		 		font-family: 'NotoSansCJKjp-Regular';
			}
			#guide_ttl{
				border:2px solid #c0ba91;
				font-size:115%;
				margin-bottom:12px;
				line-height:1.6;
				padding:4px 12px;
				background:url("../../image/guide_ttl_bg.gif") repeat-x left bottom;
			}
			#guide_list{
				margin:0px 0px 0px 1%;
				text-align: center;
			}
			.guide_item{
				display:inline-block;
				vertical-align: top;
				width: 23.8%;
				margin:0px 1% 8px 0px;
				background:url("../../image/guide_ttl_bg.gif") repeat-x left bottom;
				
			}
			.white .guide_item{
				background-color:#fff;
			}
			.black .guide_item{
				color:#fff;
			}
			.guide_link{
				display:block;
				position:relative;
				margin:0px auto;
				text-align:center;
				text-decoration:none;
			}
			.guide_link:hover{
				background-color:#f6f4e7;
			}
			.guide_cont{
				border:1px solid #e3e1c4;
				padding:8px;
			}
			.guide_cont:after{
	  			font-family: "fontello";
				content: '\e806';
				position: absolute;
				top: 0px;
				right: 8px;
				color: #9fbe95;
				font-size: 130%;
			}
			.guide_text{
				display:block;
				padding: 60px 4px 8px;
				border: 1px solid #c0ba91;
				box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.4);
				line-height:2.4;
				height:2.4em;
				overflow:hidden;
				font-size: 95%;
			}
			.translated-ltr .guide_text{
				height:4.8em;
			}
			#guide02 .guide_text{
				line-height:1.2;
			}
			.translated-ltr #guide01 .guide_text,
			.translated-ltr #guide04 .guide_text,
			.translated-ltr #guide06 .guide_text{
				line-height:4.8;
			}
			#guide01{
				background:url("../../image/guide_i_01.png") no-repeat center 17px;
			}
			#guide02{
				background:url("../../image/guide_i_02.png") no-repeat 46% 6px;
			}
			#guide03{
				background:url("../../image/guide_i_03.png") no-repeat center 10px;
			}
			#guide04{
				background:url("../../image/guide_i_04.png") no-repeat center 9.5px;
			}
			#guide05{
				background:url("../../image/guide_i_05.png") no-repeat center 10.5px;
			}
			#guide06{
				background:url("../../image/guide_i_06.png") no-repeat center 8px;
			}
			#guide07{
				background:url("../../image/guide_i_07.png") no-repeat center 8px;
			}
			#guide08{
				background:url("../../image/guide_i_08.png") no-repeat center 10px;
			}
			.guide-img{
			}
			/*-------------------------------------------
				art_list(topics,history)
			-------------------------------------------*/
			#left_box .art_list{
				display:none;
			}
			/*-------------------------------------------
					c_bnr
			-------------------------------------------*/
			#c_bnr_r{
				width: 100%;
				float: left;
				margin: 0px -9999px 0px -230px;
			}
			#c_bnr_r_wrapper{
				margin: 0 0px 0px 230px;
				width: initial !important;
			}
		/*------------------------------------------------
			right_box
		------------------------------------------------*/
		#right_box{
			float:right;
		}
}
@media print, screen and (min-width: 769px and max-width:960px){
	#guide{
		display:none !important;
	}
}