@charset "UTF-8";
@font-face {
  font-family: 'NotoSansCJKjp-Regular';
  src: url('../font/NotoSansCJKjp-Regular.woff'),
       url('../font/NotoSansCJKjp-Regular.eot');
}
/*----------------------------------------------------
	base
----------------------------------------------------*/
body{
	font-size:100%;
	line-height:1.6;
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", Meiryo, sans-serif;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
	position: relative;
    left: 0;
    overflow-x: hidden;
}
a,a:before{
	color: #333;
	text-decoration: underline;
}
a:hover{
	text-decoration: none;
}
img{
	max-width: 100%;
}
caption{
	font-weight:bold;
}
.translated-ltr ruby{white-space: inherit;}
.translated-ltr ruby rt{display: none;}
.container{
    position: relative;
}
.container .btn{
	background-color: #fff;
	text-decoration:none;
	text-align: center;
	position: relative;
	cursor: pointer;
	display: inline-block;d
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	vertical-align: middle;
	will-change: opacity, transform;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
/*
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
*/
	background-clip: padding-box;
	border: none;
	padding:4px;
}
.container a.btn{
	padding: 0 16px;
}
.container .btn:hover{
	-webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
a:hover{
	filter:alpha(opacity=80);
	opacity:0.8;
}

/*----------------------------------------------------
	common
----------------------------------------------------*/
.furigana{
	line-height:1.1;
}
.left{
	float: left !important
}
.right{
	float: right !important
}
.mt20{
	margin-top:20px;
}
.txt_c{
	text-align:center !important;
}
.txt_r{
	text-align:right !important;
}
.block{
	display:block;
}
.fontS{
	font-size:80%;
}
.fontM{
	font-size:100%;
}
.fontL{
	font-size:120%;
}
.space{
	letter-spacing:1em;
	margin-right:-1em;
}
.space font{
	letter-spacing:0em;
}
.half_space{
	letter-spacing:0.5em;
	margin-right:-0.5em;
}
.ml_none{
	margin-left:0px !important;
}
.icon-right-dir:before{
	width: inherit !important;
}
.first{
	margin:0px;
	border:none;
}
.cat.color1{
	background-color: #a2d065 !important;
	color:#fff;
}
.cat.color2{
	background-color: #db635d !important;
	color:#fff;
}
.cat.color3{
	background-color: #4592cc !important;
	color:#fff;
}
.cat.color4{
	background-color: #e3739c !important;
	color:#fff;
}
.cat.color5{
	background-color: #e9754b !important;
	color:#fff;
}
.cat.color6{
	background-color: #e99a40 !important;
	color:#fff;
}
.cat.color7{
	background-color: #65c3bd !important;
	color:#fff;
}
.cat.color8{
	background-color: #b06cb0 !important;
	color:#fff;
}
.cat.color9{
	background-color: #b7a060 !important;
	color:#fff;
}
.cat.color10{
	background-color: #7b7b7b !important;
	color:#fff;
}
.cat{
	color:#fff;
	background-color: #0B5060;
	text-align:center;
	padding: 4px;
	font-size:85%;
	border-radius: 2px;
	    vertical-align: middle;
	display:inline-block;
}
/*----------------------------------------------------
	wrapper
----------------------------------------------------*/
	#wrapper{
		width: 100%;
	}
	/*------------------------------------------------
		header
	------------------------------------------------*/
	#h_wrapper{
		background-color: #0B5060;
	}
	#h_move{
		font-size: 0;
		text-indent: -9999px;
	}
	#h_ttl{
		float:left;
		line-height:1.2;
	}
	#h_ttl_link{
		display:block;
		text-decoration:none;
	}
	#h_ttl_txt{
		display: block;
		line-height: 1;
	}
	#h_right{
		margin-top: 9px;
		margin-bottom: 9px;
		text-align:center;
	}
	#h_r_bottom_box{
		margin-top:8px;
	}
	#h_tool{
		font-size:95%;
	}
	/*------------------------------------------------
		contents
	------------------------------------------------*/
	#contents{
		position:relative;
	}
	#contents_bg{
		background: url('../../image/f_bg4.png') repeat-x center bottom 0px;
		position:absolute;
		width:100%;
		height:418px;
		bottom:-157px;
	}
		/*-------------------------------------------
			emg
		-------------------------------------------*/
		#emg{
			background-color:#fff;
			border:4px solid #D90102;
			padding:8px;
		}
		#emg_ttl{
			background-color: #D90102;
			color: #fff;
			padding:8px;
			line-height: 1.6;
			font-size: 130%;
		}
		#emg_art{
			padding: 8px 8px 0px;
			line-height: 1.6;
			font-size: 110%;
		}
		/*-------------------------------------------
			translate_box
		-------------------------------------------*/
		#translate_box{
			display:inline-block;
			vertical-align: top;
		    text-align: left;
		}
		#translate_note{
			color: #fff;
		    font-size: 90%;
		    padding: 4px;
		    display:inline-block;
			border: 1px solid #fff;
		}
		.goog-te-gadget{
			font-family: inherit !important;
			font-size: inherit !important;
			color:#333 !important;
		}
		.goog-te-gadget-simple{
			font-size: inherit !important;
			border:none !important;
			padding: 4px !important;
		}
		.goog-te-menu-value{
			display:inline-block;
			margin:0px !important;
		}
		.goog-te-menu-value img{
   			margin:0px !important;
			vertical-align:middle;
		}
		.goog-te-gadget-simple .goog-te-menu-value span{
			border:none !important;
		}
		.goog-te-gadget-simple .goog-te-menu-value span:first-child{
			padding-left:8px;
		}
		.goog-te-gadget-simple .goog-te-menu-value span:last-child{
			display:inline-block;
			text-align:center;
			padding:4px;
		}
		/*-------------------------------------------
			change_box
		-------------------------------------------*/
		#change_box{
			display:inline-block;
			vertical-align:top;
		}
		#h_c_txt{
			text-decoration:none;
		}
		#h_c_btn{
			text-decoration:none;
			color: #21fcff;
			text-decoration:underline;
		}
		#h_c_btn:before{
			color:#21fcff;
			margin-right:4px;
			display: inline-block;
			text-decoration:none;
			font-family: "fontello";
			content: '\e800';
		}
		/*-------------------------------------------
			search_box
		-------------------------------------------*/
		.search_box{
			display:inline-block;
		}
		.s_ele{
			border: 1px solid #aaaeb7;
			border: none;
			padding: 4px;
			box-sizing:border-box;
		}
		.s_btn{
			width: 40px;
		}
		.s_btn:after{
			font-family: "fontello";
			content: '\e802';
		}
		/*------------------------------------------------
			h_tool
		------------------------------------------------*/
		.h_tool_item{
			display:inline-block;
			vertical-align: top;
		}
		.h_tool_item_ttl{
			display:inline-block;
			color:#fff;
		}
		.h_tool_item_cont{
			display:inline-block;
		}
		.h_tool_item_txt{
			display: inline-block;
			margin-left: 6px;
			text-align:center;
		}
		#furigana .h_tool_item_txt{
			min-width: 2.5em;
		}
		.h_tool_item_link{
			display: block;
			padding: 8px;
			line-height: 1em;
			text-decoration:none;
			background-color: #fff;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			-o-border-radius: 2px;
			-ms-border-radius: 2px;
			border-radius: 2px;
			border:none;
		}
		.h_tool_item_link.white{
			background-color:#fff !important;
			color:#000;
		}
		.h_tool_item_link.black{
			background-color:#000;
			color:#fff;
		}
		.h_tool_item_link.yellow{
			color:#0005ff;
		}
		.h_tool_item_link.blue{
			color:#fff;
		}
		#size .h_tool_item_active,
		#furigana .h_tool_item_active{
			color:#fff;
			background-color:#61939E;
		}
		#size .h_tool_item_active,
		#color .h_tool_item_active,
		#furigana .h_tool_item_active{
			cursor:not-allowed;
			opacity:1 !important;
			filter: alpha(opacity=100) !important;
		}
		/*-------------------------------------------
			grid_box
		-------------------------------------------*/
		.grid_list{
			background-color: #f5fafa;
		}
		.grid_link{
			display:block;
			text-decoration:none;
		}
		.grid_header{
		    border-bottom: 4px solid #0B5060;
		    padding: 6px 0px;
		}
		.grid_mark{
			padding: 0px 8px;
			line-height: 1;
			text-decoration: none;
			box-sizing: border-box;
			background-color:#0B5060;
		    display: block;
		}
		.grid_mark:after{
			font-family: "fontello";
			content: '\e800';
			color: #fff;
			font-size:130%;
		}
		.grid_txt{
			padding:16px;
		}
		.grid_txt01{
			min-height: 2.8em;
			line-height: 2.8;
    	}
		/*-------------------------------------------
			art_list
		-------------------------------------------*/
		.art_list{
		}
		.white .art_list{
		    background-color: #f5fafa;
		}
		.art_list_header{
			border-bottom:4px solid #0B5060;
			margin-bottom:4px;
			padding: 6px 0px;
		}
		#topics_header{
			background:url("../../image/topics_i.png") no-repeat left 50%;
		}
		#history_header{
			background:url("../../image/history_i.png") no-repeat 5px bottom;
		}
		#bosyu_header{
			background:url("../../image/bosyu_i.png") no-repeat 5px bottom;
		}
		.art_list_h_ttl{
			font-size: 125%;
			text-indent: 53px;
			line-height:30px;
		}
		.art_list_h_sub_ttl{
			font-size:90%;
			margin-left:4px;
			color:#977d2e;
		}
		.art_list_h_item{
			display: inline-block;
			text-align:center;
			vertical-align:middle;
			border:1px solid #0B5060;
		    margin-top: 4px;
		}
		.art_list_h_rss{
			padding:0px 4px;
			line-height:1;
			text-decoration:none;
			box-sizing:border-box;
		}
		.art_list_h_rss:after{
			font-family: "fontello";
			content: '\e815';
		}
		.art_list_h_link{
			text-decoration:none;
			background-color:#0B5060;
			color:#fff !important;
			padding:0px 4px;
			display:block;
		}
		.art_list_item_box{
			margin: 0px 8px;
			padding: 8px 16px 0px;
		}
		.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:8px 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_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;
		}
		.art_list_item_date{
			display:inline-block;
			vertical-align:middle;
			margin-right:4px;
		}
		/*-------------------------------------------
			town
		-------------------------------------------*/
		#town{
		}
		.town_line{
			background:url("../../image/town_line.gif") repeat-x;
			width:220px;
			height:3px;
		}
		#town_ttl{
			font-size:130%;
			border-bottom:2px solid #b7b4ab;
			line-height:1.6;
			margin-bottom:12px;
		}
		.town_item{
			position:relative;
			margin-top:8px;
		}
		.town_item:first-child{
			border-top:none;
		}
		.town_link{
			display:block;
			border-top: 1px solid #c9c9c9;
			border-left:4px solid #f0be0a;
			border-right: 1px solid #c9c9c9;
			border-bottom: 1px solid #c9c9c9;
		}
		.town_text:after{
  			font-family: "fontello";
			content: '\e807';
			position:absolute;
			right:16px;
			font-size:190%;
			top:9px;
			color:#a28f76;
		}
		.town_text{
			display:block;
			padding:16px;
			line-height:1;
		}
		.white .town_text{
			background-color: #f5fafa;
		}
		.yellow .town_item{
		}
		.town_link:hover .town_text{
		}
		/*------------------------------------------------
			sns
		------------------------------------------------*/
		.sns_btn {
			padding: 0px 0px 0px 4px !important;
			line-height: 1em;
			display: inline-block;
			vertical-align: top;
		}
		.sns_b_line {
			margin-left: 0px;
		}
		/*------------------------------------------------
			footer
		------------------------------------------------*/
		#footer{
			margin-top: 36px;
			font-size:95%;
			color:#fff;
/*			line-height: 1.6; */
			position: relative;
		}
		#footer a{
			color:#fff;
		}
		#footer_img_wrapper{
			text-align:center;
		}
		#footer_wrapper{
		}
		.white #footer_wrapper{
			background-color: #0B5060;
		}
		#footer .container{
			position: relative;
		}
		#footer_box{
			position:relative;
			padding-top: 20px;
		}
		#f_copyright{
			position: relative;
			display: block;
			text-align: right;
		}
@media print, screen and (min-width: 960px){
	/*----------------------------------------------------
		common
	----------------------------------------------------*/
	.pc_none{
		display:none;
	}
	/*----------------------------------------------------
		grid
	----------------------------------------------------*/
	.container{
		margin-left: auto;
		margin-right: auto;
		min-width: 960px;
		max-width: 1180px;
		position:relative;
	}
	.container:before,
	.container:after{
		content: " ";
		display: table;
	}
	.container:after{
		clear: both;
	}
	.grid-1,
	.grid-2,
	.grid-3,
	.grid-4,
	.grid-5,
	.grid-6,
	.grid-7,
	.grid-8,
	.grid-9,
	.grid-10,
	.grid-11,
	.grid-12,
	.grid-13,
	.grid-14,
	.grid-15{
		display: inline;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
	}
	.grid-1 {
		width:60px;
	}
	.grid-2 {
		width:140px;
	}
	.grid-3 {
		width:220px;
	}
	.grid-4 {
		width:300px;
	}
	.grid-5 {
		width:380px;
	}
	.grid-6 {
		width:460px;
	}
	.grid-7 {
		width:540px;
	}
	.grid-8 {
		width:620px;
	}
	.grid-9 {
		width:700px;
	}
	.grid-10 {
		width:780px;
	}
	.grid-11 {
		width:860px;
	}
	.grid-12 {
		width:940px;
	}
	.grid-13 {
		width:1020px;
	}
	.grid-14 {
		width:1100px;
	}
	.grid-15 {
		width:1180px;
	}
	.col-1,
	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6,
	.col-7,
	.col-8,
	.col-9,
	.col-10,
	.col-11,
	.col-11,
	.col-12,
	.col-13,
	.col-14,
	.col-15 {
		display: inline;
		float: left;
		margin-left: 1%;
		margin-right: 1%;
	}
	.col-1 {
		width:4.667%;
	}
	.col-2 {
		width:11.333%;
	}
	.col-3 {
		width:18.0%;
	}
	.col-4 {
		width:24.667%;
	}
	.col-5 {
		width:31.333%;
	}
	.col-6 {
		width:38.0%;
	}
	.col-7 {
		width:44.667%;
	}
	.col-8 {
		width:51.333%;
	}
	.col-9 {
		width:58.0%;
	}
	.col-10 {
		width:64.667%;
	}
	.col-11 {
		width:71.333%;
	}
	.col-12 {
		width:78.0%;
	}
	.col-13 {
		width:84.667%;
	}
	.col-14 {
		width:91.333%;
	}
	.col-15 {
		width:98.0%;
	}
	.grid-1.first,
	.grid-2.first,
	.grid-3.first,
	.grid-4.first,
	.grid-5.first,
	.grid-6.first,
	.grid-7.first,
	.grid-8.first,
	.grid-9.first,
	.grid-10.first,
	.grid-11.first,
	.grid-12.first,
	.grid-13.first,
	.grid-14.first,
	.grid-15.first{
		margin-left: 0;
	}
	.grid-1.first,
	.grid-2.first,
	.grid-3.first,
	.grid-4.first,
	.grid-5.first,
	.grid-6.first,
	.grid-7.first,
	.grid-8.first,
	.grid-9.first,
	.grid-10.first,
	.grid-11.first,
	.grid-12.first,
	.grid-13.first,
	.grid-14.first,
	.grid-15.first,
	.col-1.first,
	.col-2.first,
	.col-3.first,
	.col-4.first,
	.col-5.first,
	.col-6.first,
	.col-7.first,
	.col-8.first,
	.col-9.first,
	.col-10.first,
	.col-11.first,
	.col-12.first,
	.col-13.first,
	.col-14.first,
	.col-15.first{
		margin-left: 0;
	}
	.grid-1.last,
	.grid-2.last,
	.grid-3.last,
	.grid-4.last,
	.grid-5.last,
	.grid-6.last,
	.grid-7.last,
	.grid-8.last,
	.grid-9.last,
	.grid-10.last,
	.grid-11.last,
	.grid-12.last,
	.grid-13.last,
	.grid-14.last,
	.grid-15.last{
		margin-right: 0;
	}
	.col-1.last,
	.col-2.last,
	.col-3.last,
	.col-4.last,
	.col-5.last,
	.col-6.last,
	.col-7.last,
	.col-8.last,
	.col-9.last,
	.col-10.last,
	.col-11.last,
	.col-12.last,
	.col-13.last,
	.col-14.last,
	.col-15.last{
		margin-right:0px;
	}
	/*------------------------------------------------
		header
	------------------------------------------------*/
		#h_tool{
			text-align:right;
		}
		.h_tool_item{
			margin-left:8px;
			margin-bottom:8px;
			line-height:1;
		}
		.h_tool_item:first-child{
			margin-left:0px !important;
		}
		.h_tool_item .s_ele{
    		width: 16.6em;
			width: 12.6em;
    	}
			/*------------------------------------------------
				nav
			------------------------------------------------*/
			#gl_nav{
				text-align:center;
			}
			#gl_nav_inner{
				padding:7px 0px;
				min-width:960px;
				max-width:1160px;
				width:auto;
			}
			.gnavi-list{
				text-align:center;
			}
			#gnav_inner .gnav_item{
				width: 20%;
			}
			.gnav_item{
				display:inline-block;
				text-align: center;
				vertical-align: top;
				border-right: 1px solid #508094;
				box-sizing: border-box;
			}
			.gnav_item:first-child{
				margin-left:0;
				border-left: 1px solid #508094;
			}
			.gnav_item img{
				vertical-align:middle;
			}
			#gl_nav li a{
				display: block;
			}
			.nav_text{
				font-size:90%;
			}
			.translated-ltr .nav_text{
				display:none;
			}
			.h_nav{
				display:none;
			}
			.nav_list{
				margin-bottom:24px;
				width: 100%;
			}
			.nav_item{
				box-sizing:border-box;
				width:25px;
				border-right: 1px dashed #508094;
				padding:0px 12px;
/*				line-height:1.6; */
			}
			.nav_item:first-child{
				border-left: 1px dashed #508094;
			}
			.nav_link:before{
				display:inline-block;
				font-family: "fontello";
				content: '\e800';
				vertical-align: top;
				color:#fff;
				margin-right: 4px;
			}
			.nav_item_ttl{
				font-size:120%;
				font-weight:bold;
				margin-bottom: 10px;
				color: #fff;
			}
			.nav_item_txt:hover{
				text-decoration: underline;
			}
			#gnav_inner .h_nav_link{
				color:#fff;
			}
			.h_nav_link{
				display:block;
				text-decoration:none;
				padding:16px 0px;
			}
			#gnav_inner .h_nav_link:hover{
				color: #f0be0a;
				opacity:1;
			}
			.h_nav_link font{
				display: block;
				width: 8em;
			    height: 2.8em;
			}
			.gnav_item:first-child .nav_text{
				border-left:none;
			}
			.h_nav_cont{
				display:inline-block;
			}
			#nav01{
				background:url("../../image/nav_i1.png") no-repeat left 50%;
				padding-left: 50px;
			}
			#nav02{
				background:url("../../image/nav_i2.png") no-repeat left 50%;
				padding-left: 47px;
			}
			#nav03{
				background:url("../../image/nav_i3.png") no-repeat left 50%;
				padding-left: 63px;
			}
			#nav04{
				background:url("../../image/nav_i4.png") no-repeat left 50%;
				padding-left: 53px;
			}
			#nav05{
				background:url("../../image/nav_i5.png") no-repeat left 50%;
				padding-left: 36px;
			}
			#sp_menu_box{
				display:none;
			}
	/*------------------------------------------------
		grid_box
	------------------------------------------------*/
	.grid_box{
		margin-top: 24px;
	}
	.grid_wrapper{
			width:48% !important;
	}
	/*------------------------------------------------
		footer
	------------------------------------------------*/
	#footer{
	}
	.f_r_nav_item{
		margin-left:10px;
		display:inline-block;
	}
	.f_r_nav_item:first-child{
		margin-left:0px;
	}
	.sp_nav{
		display:none;
	}
	#footer #pagetop{
		display: inline-block;
		position: absolute;
		right: 0; top: -30px;
		padding: 5px 10px;
		background: #279dbb;
		color: #fff;
		text-decoration: none;
	}
	.f_br{
		display:none;
	}
	#f_r_box{
		float:right;
		position:relative;
		text-align:right;
	}
	#footer a:before{
		text-decoration:none;
	}
	#footer a:hover{
		text-decoration:underline;
	}
	#f_copyright{
		margin-top: -1em;
	}
	/*------------------------------------------------
		scrollup
	------------------------------------------------*/
	#scrollUp{
		bottom: 20px;
		right: 20px;
		padding: 10px 20px;
		background:url("../image/pagetop.png") no-repeat;
		width:90px;
		height:90px;
	}
}