@charset "utf-8";
/*--京base.css--*/
/*スクロールバーが二重に出る暫定対策*/
html{
	overflow-x:visible;
}


/*--------PC--------*/
@media print{
	/*印刷時に意図せず表示される、されない対策*/
	#mobile_nav_button.sb-toggle-right.visible-xs-block.hidden-sm.hidden-md.hidden-lg ,
	#mobile_nav.sb-slidebar.sb-right.visible-xs-block.hidden-sm.hidden-md.hidden-lg ,
	#home_sp_nav.visible-xs-block.hidden-sm.hidden-md.hidden-lg ,
	.home_catch_nav ul li .visible-xs-inline.hidden-sm.hidden-md.hidden-lg ,
	.h_catch_nav_ttl h2 span.visible-xs-inline.hidden-sm.hidden-md.hidden-lg ,
	.calendar_nav.visible-xs-block.hidden-sm.hidden-md.hidden-lg 
{
		display: none !important;
	}
	#ku_logo.hidden-xs.visible-sm-block.visible-md-block.visible-lg-block ,
	#h_nav.hidden-xs.visible-sm-block.visible-md-block.visible-lg-block ,
	#header_r_bottom.hidden-xs.visible-sm-block.visible-md-block.visible-lg-block ,
	.search.hidden-xs.visible-sm-block.visible-md-block.visible-lg-block ,
	.fs_changer.hidden-xs.visible-sm-block.visible-md-block.visible-lg-block ,
	#footer_header.hidden-xs.visible-sm-block.visible-md-block.visible-lg-block ,
	#footer_inner.hidden-xs.visible-sm-block.visible-md-block.visible-lg-block ,
	#f_bottom.hidden-xs.visible-sm-block.visible-md-block.visible-lg-block ,
	.catch_txt_bg.hidden-xs.visible-sm-block.visible-md-block.visible-lg-block ,
	.h_catch_nav_ttl h2 img.img-responsive.hidden-xs.visible-sm-inline.visible-md-inline.visible-lg-inline ,
	.home_catch_nav ul li .img-responsive.hidden-xs.visible-sm-inline.visible-md-inline.visible-lg-inline ,
	.calendar_nav.hidden-xs.visible-sm-block.visible-md-block.visible-lg-block ,
	#topicpath.hidden-xs.visible-sm-block.visible-md-block.visible-lg-block 
	{
		display: inherit !important;
	}

}

@media print, screen and (min-width: 768px){
	/*PC版ではborder-boxではcontent-boxへ*/
	* {
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
	}
	*:before,
	*:after {
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
	}
	
	body{
		font-family:  Arial, Helvetica, sans-serif ;
		font-smoothing: antialiased;
		-webkit-font-smoothing: antialiased;
		-moz-font-smoothing: antialiased;
		background: #fff;
		font-size: 14px;
		/*↓暫定ipad対策*/
		overflow-x: auto;
		min-width: 1010px;
		color: #231815;
	}

/*スムーススクロールページトップ*/
#page_top {
	width: 50px;
	height: 50px;
}
	#page_top a {
		width: 50px;
		height: 50px;
		line-height: 50px;
	}

	/*#########header###########*/
	
	#header {
		padding:0;
		margin: 0;
	}

		#header_inner {
			width: 970px;
			overflow: hidden;
			margin: 0 auto;
			font-size: 14px;
		}
		#header_inner #header_l {
			width: 425px;
			overflow: hidden;
			float: left;
		}
			#header_l #ku_logo {
				width: 69px;
				height: 68px;
				float: left;
				margin-right:10px;
				margin-top: 15px;
			}
			
			#header_l #ku_logo a{
				width: 59px;
				height: 58px;
			}
			
			#header_l #site_title {
				width: 345px;
				margin-top: 14px;
				overflow: hidden;
				float: left;
			}
			#header_l #site_title h1 {
				padding: 5px 0 0 0;
				vertical-align: middle;
			}
			
		#header_inner #header_r {
			width: 495px;
			overflow: hidden;
			float: right;
		}
			#header_r_top {
				padding-top: 10px;
				margin-bottom: 10px;
				overflow: hidden;
			}
				
				/* フォントサイズ切替 */
				#header_r_top .fs_changer {
					width: 175px;
					height: 28px;
					margin-right: 10px;
					line-height: 28px;
					float: left;
				}
			
				#header_r_top .fs_changer dl {}
				
					#header_r_top .fs_changer dl dt {
						font-weight: normal;
						float: left;
						margin-right: 10px;
						width: 62px;
						height: 28px;
						line-height: 28px;
					}
					#header_r_top .fs_changer dl dd {
						float: left;
					}
					
					#header_r_top .fs_changer dl dd ul {}
					
					#header_r .fs_changer dl dd ul li {
						display: inline-block;
						vertical-align: top;
					}
					#header_r .fs_changer dl dd ul li a {
						width: 28px;
						height: 26px;
						display: block;
						line-height: 28px;
						background: #f3f4f9;
						color: #222;
						border: 1px solid #53379d;
						text-align: center;
						text-decoration: none;
						transition: all .5s ease;
						-webkit-transition: all .5s ease;
						-moz-transition: all .5s ease;
					}
					#header_r .fs_changer dl dd ul li:first-child a {
						font-size: 10px;
					}
					#header_r .fs_changer dl dd ul li:last-child a {
						font-size: 17px;
					}
					#header_r .fs_changer dl dd ul li a.textresizer-active,
					#header_r .fs_changer dl dd ul li a:hover {
						background: #53379d;
						color: #fff;
						width: 28px;
						height: 26px;
					}
					
				/* サイト内検索 */
				#header_r .search {
					width: 200px;
					height: 32px;
					margin-right: 10px;
					padding: 0;
					float: left;
				}
				
					#header_r .search .search_inner {
						clear: both;
						height: 28px;
						background: #f3f3f3;
					}
					
					#header_r .search_input {
						width: 175px;
						height: 28px;
						float: left;
					}
				
					#header_r .search_input input[type="text"] {
						width: 155px;
						height: 24px;
						padding: 2px 5px;
						background: #f3f3f3;
						border: 0;
					}
					
					#header_r .search_submit {
						float: left;
					}
					
					#header_r .search_submit input[type="submit"] {
						padding: 4px;
						background: #f3f3f3;
						font-family: 'Glyphicons Halflings';
						border: 0;
					}
					#header_r .search_submit input[type="button"]:hover {
						opacity: 0.8;
					}

				/* 日・英切替 */
				#header_r .lang_changer {
					width: 100px;
					overflow: hidden;
					float: left;
					margin: 0;
					padding: 0;
				}
					#header_r .lang_changer a {
						width: 80px;
						height: 24px;
						line-height: 24px;
						border-radius: 0;
						-webkit-border-radius: 0;
						-moz-border-radius: 0;
						padding: 2px 10px;
						margin: 0;
						color: #111;
						background: #fdd000;
						text-align: center;
						text-decoration: none;
						display: block;
						transition: all .5s ease;
						-webkit-transition: all .5s ease;
						-moz-transition: all .5s ease;
						}
					#header_r .lang_changer a:hover {
						background: #666666;
						color: #fff;
					}
			#header_r_bottom {
				clear: both;
			}
				#header_r_bottom ul {
					text-align: right;
				}
				#header_r_bottom li {
					display: inline-block;
					margin-right: 10px;
					background: url(../shared/h_icon_03.gif) 0 4px no-repeat;
					padding-left: 12px;
					line-height: 1.5em;
				}
				#header_r_bottom li:last-child {
					margin-right: 0;
				}
				#header_r_bottom li a {
					color: #53379d;
				}

			.slick-list {
				border-radius: 0 !important;
				-webkit-border-radius: 0 0 !important;
				-moz-border-radius: 0 !important;
			}

	/*#########h_nav###########*/
	#h_nav {
		height: 90px;
		clear: both;
		border-bottom: 5px solid #543a9b;
		margin-bottom: 15px;
		position: relative;
		z-index: 10;
	}
		#h_nav .dropdown {
			position: relative;
			/*width: 970px;*/
			height: 90px;
			display: flex;
			justify-content: center;
		}
		#h_nav .dropdown > li {
			/*width: 186px;*/
			padding: 0 3px 0 4px;
			display: inline-block;
			vertical-align: top;
			background: url(../shared/nev_line.gif) 0 20px no-repeat;
			height: auto;
	}

		#h_nav .dropdown > li:last-child {
			background:
				url(../shared/nev_line.gif) 0 20px no-repeat ,
				url(../shared/nev_line.gif) right 20px no-repeat;
			padding-right: 4px;
		}
		#h_nav .dropdown li a {
			display: block;
			/*width: 186px;*/
			margin: 0 auto;
			color: #fff;
			transition: all .5s ease;
			-webkit-transition: all .5s ease;
			-moz-transition: all .5s ease;
		}
		
		#h_nav > .dropdown > li > a {
			height:95px;
			padding: 0 2.4em;
		}
	
		#h_nav > .dropdown > li > a .fig{
			display: block;
			position: relative;
		}
	
			#h_nav > .dropdown > li > a .fig img[src$="_c.png"]{
				position: relative;
				z-index: 1;
			}
	
			#h_nav > .dropdown > li > a .fig img[src$="_w.png"]{
				position: absolute;
				z-index: 0;
				top: 0;
				left: 0;
				opacity: 0;
			}
	
			#h_nav > .dropdown > li.hover > a .fig img[src$="_c.png"],
			#h_nav > .dropdown > li.active > a .fig img[src$="_c.png"]{
				opacity: 0;
			}
	
			#h_nav > .dropdown > li.hover > a .fig img[src$="_w.png"],
			#h_nav > .dropdown > li.active > a .fig img[src$="_w.png"]{
				opacity: 1;
			}
		
		#h_nav .dropdown li a img {
			/*width: 186px;*/
			transition: all .5s ease;
			-webkit-transition: all .5s ease;
			-moz-transition: all .5s ease;
		}
			.sub_menu_second {
				text-align: left;
				visibility: hidden;
				opacity: 0;
				z-index: 1;
			}
			#h_nav .dropdown .sub_menu_second li ,
			#h_nav .dropdown .sub_menu_second li li:last-child {
				background: none;
			}

			#h_nav .dropdown:before,
			#h_nav .dropdown:after {
				content: " ";
				display: table;
			}

			#h_nav .dropdown:after {
				clear: both;
			}

			#h_nav .dropdown {
				*zoom: 1;
			}

				.sub_menu ul.sub_menu_second {
					position: absolute;
					top: 95px;
					left: 0;
					box-sizing: border-box;
					width: 100%;
					line-height: 1.5em;
					padding: 20px 2%;
					background: #fff;
					-webkit-transition: all .5s ease;
					transition: all .5s ease;
					box-shadow: 0 9px 12px -9px #222;
					-moz-box-shadow: 0 9px 12px -9px #222;
					-webkit-box-shadow: 0 9px 12px -9px #222;
				}

				.sub_menu:hover ul.sub_menu_second {
					top: 95px;
					visibility: visible;
					opacity: 1;
				}
				
				.sub_menu ul.sub_menu_second > li{
					width:960px;
					margin:0 auto;
				}
				
				.sub_menu ul.sub_menu_second > li > .sub_menu_ttl{
					width: 310px;
					overflow: hidden;
					float: left;
					text-align: center;
				}

				.sub_menu ul.sub_menu_second .levels {
					width: 650px;
					overflow: hidden;
					float: right;
					margin-top: 2px;
				}
				#h_nav .dropdown .sub_menu ul.sub_menu_second .levels li {
					display: inline-block;
					margin-right: 5px;
					line-height: 1.5em;
					height: auto;
					vertical-align: top;
				}
				#h_nav .dropdown .sub_menu ul.sub_menu_second .levels li a {
					display: block;
					line-height: 1.5em;
					padding: 5px 13px;
					width: auto;
					margin: 0;
				}
					#h_nav .dropdown .sub_menu ul.sub_menu_second .levels li a::before {
						font-family: FontAwesome;
						content: "\f054";
						margin-right: 5px;
					}
				
				#h_nav .dropdown .sub_menu ul.sub_menu_second .levels li a:hover {
					background: rgba(255,255,255,0.7);
					text-decoration: none;
				}

			/* h_nav色変え */
			#anzen.active > a ,
			#anzen > a:hover ,
			.hover#anzen > a {
				height: 95px;
				background-repeat: no-repeat;
				background-color: #d25096;
			}
			#anzen ul.sub_menu_second .levels li a:hover {
				color: #c43382;
			}
			#anzen.active > a > img ,
			.hover#anzen > a > img {
				opacity: 0;
			}
				#anzen ul.sub_menu_second {
					background-color: #d25096;
				}
			#kagaku.active > a ,
			#kagaku > a:hover ,
			.hover#kagaku > a {
				height: 95px;
				background-repeat: no-repeat;
				background-color: #c8644b;
			}
			#kagaku ul.sub_menu_second .levels li a:hover {
				color: #aa4228;
			}
			#kagaku.active > a > img ,
			.hover#kagaku > a > img {
				opacity: 0;
			}
				#kagaku > ul.sub_menu_second {
					background-color: #c8644b;
				}
			#kankyo.active > a ,
			#kankyo > a:hover ,
			.hover#kankyo > a {
				height: 95px;
				background-repeat: no-repeat;
				background-color: #008296;
			}
			#kankyo ul.sub_menu_second .levels li a:hover {
				color: #006372;
			}
			#kankyo.active > a > img ,
			.hover#kankyo > a > img {
				opacity: 0;
			}
				#kankyo > ul.sub_menu_second {
					background-color: #008296;
				}
			#haiki.active > a ,
			#haiki > a:hover ,
			.hover#haiki > a {
				height: 95px;
				background-repeat: no-repeat;
				background-color: #1964af;
			}
			#haiki ul.sub_menu_second .levels li a:hover {
				color: #144796;
			}
			#haiki.active > a > img ,
			.hover#haiki > a > img {
				opacity: 0;
			}
				#haiki > ul.sub_menu_second {
					background-color: #1964af;
				}
			#calendar.active > a ,
			#calendar > a:hover ,
			.hover#calendar > a {
				height: 95px;
				background-repeat: no-repeat;
				background-color: #553a9b;
			}
			#calendar.active > a > img ,
			.hover#calendar > a > img {
				opacity: 0;
			}
			#qa.active > a ,
			#qa > a:hover ,
			.hover#qa > a {
				height: 95px;
				background-repeat: no-repeat;
				background-color: #553a9b;
			}
			#qa.active > a > img ,
			.hover#qa > a > img {
				opacity: 0;
			}
				#calendar > ul.sub_menu_second ,
				#qa > ul.sub_menu_second {
					background-color: #553a9b;
				}


	/*#########main_box###########*/
	#main_box {
		clear: both;
		margin: 0px;
	}
	
		#main_box_inner {
			width: 970px;
			margin: 0 auto;
			padding: 0;
		}
			#column_main {}
			
			/*####文字サイズの指定####*/
			.fs-small {
				font-size: 1em;

			}
			.fs-medium {
				font-size: 1.2em;
			}
			
			.fs-large {
				font-size: 1.3em;
			}
			
			
			#column_sub{}


	/*#########footer###########*/
	#footer {
		font-size: 14px;
		clear: both;
		background: #fff;
		border-top: 1px solid #ccc;
	}
	
		#footer_header {
			width: 970px;
			overflow: hidden;
			margin: 0 auto;
			padding: 30px 20px 20px;
		}
			.f_site_ttl {
				margin-right: 20px;
			}
		#footer_inner {
			width: 970px;
			margin: 0 auto;
		}
			#f_nav_wrap {
				margin-bottom: 30px;
			}
			.f_nav#group1 {
				margin-bottom: 1.5em;
				display: flex;
			}
				.f_nav#group1 > ul {
					width: calc((100% - 45px) / 4);
					margin-right: 15px;
				}
	
				.f_nav#group1 > ul:last-child {
					margin-right: 0;
				}
	
					.f_nav#group1 > ul > li{}
	
						.f_nav#group1 > ul > li > a{
							font-weight: bold;
							color: #543a9b;
							display: block;
							padding: 0 0 0.2em 0.5em;
						}
	
						.f_nav#group1 > ul > li > ul{
							border-top: 3px solid #543a9b;
							font-size: 0.9em;
							line-height: 1.3;
							padding: 1em 0.5em;
						}
	
							.f_nav#group1 > ul > li > ul li{
								margin-bottom: 0.4em;
								padding-left: 1em;
								background: url(../shared/f_icon01.gif) 0 2px no-repeat;
							}
	
							.f_nav#group1 > ul > li > ul li:last-child{
								margin-bottom: 0;
							}
	
			.f_nav#group2 {
				display: flex;
				flex-wrap: wrap;
			}
			
				.f_nav_g2_1{
					width: 475px;
					margin-right: 15px;
				}
	
				.f_nav_g2_2{
					width: 230px;
					margin-right: 15px;
				}
	
				.f_nav_g2_3{
					width: 230px;
				}
	
				.f_nav_g2_4,
				.f_nav_g2_5,
				.f_nav_g2_6{
					width: 230px;
					margin-right: 15px;
				}
	
				div[class^="f_nav_g2"] > ul {}
	
					div[class^="f_nav_g2"] > ul > li{
					}
	
						div[class^="f_nav_g2"] > ul > li > a{
							background: #f1eff7;
							display: flex;
							justify-content: center;
							align-items: center;
							text-align: center;
							font-weight: bold;
							text-decoration: none;
							border-radius: 19px;
							height: 38px;
							line-height: 1.1;
						}
	
						div[class^="f_nav_g2"] > ul > li > ul{
							font-size: 0.9em;
							line-height: 1.3;
							padding: 1em 0.5em;
						}
	
							div[class^="f_nav_g2"] > ul > li > ul > li{
								margin-bottom: 0.4em;
								padding-left: 1em;
								background: url(../shared/f_icon01.gif) 0 2px no-repeat;
							}
	
							div[class^="f_nav_g2"] > ul > li > ul > li:last-child{
								margin-bottom: 0;
							}
	
					div.f_nav_g2_1{
						padding-bottom: 1em;
					}

						div.f_nav_g2_1 > ul > li > ul{
							display: flex;
							flex-wrap: wrap;
						}
	
							div.f_nav_g2_1 > ul > li > ul > li{
								box-sizing: border-box;
								width: 50%;
								padding-right: 1em;
							}
	
					div.f_nav_g2_4 > ul:nth-child(1),
					div.f_nav_g2_5 > ul:nth-child(1){
						padding-bottom: 1em;
					}

				.f_nav a {
					color: #222;
				}
	
				.sp_qr{
					width: 230px;
					display: flex;
					justify-content: center;
					align-items: flex-end;
					padding-bottom: 3em;
				}
	
	
		#f_bottom {
			clear: both;
			background: #f6f6f6;
			overflow: hidden;
			padding: 20px 10px;
			font-size: 0.9em;
		}
			#f_bottom ul {
				text-align: center;
			}
			#f_bottom ul li {
				padding: 0 5px;
				display: inline-block;
			}
			#f_bottom ul li::after {
				content: "|";
				padding-left: 10px;
			}
			#f_bottom ul li:last-child::after {
				content: none;
			}
			#f_bottom li a {
				color: #222;
			}
		#copyright {
			padding: 15px;
		}

}

/*##########     汎用    ##########*/

.bg_png{}/*背景透過PNG用*/

/*文字色*/
.fc_red{color:#c40026;}
.fc_blue{color:#0000ff;}
.fc_gray{color:gray;}
.fc_orange{color:orange;}

/*フォントスタイル*/
.fw_bold{font-weight:bold;}
/*揃え*/
.ta_center{text-align:center;}
.ta_right{text-align:right;}
.ta_left{text-align:left;}

/*フロート*/
.fl_right{float:right;}
.fl_left{float:left;}
.fl_clear{clear:both;}

/*幅指定（％）適宜追加*/
.wpe05{width:5%;}
.wpe08{width:8%;}
.wpe10{width:10%;}
.wpe15{width:15%;}
.wpe20{width:20%;}
.wpe25{width:25%;}
.wpe30{width:30%;}
.wpe33{width:33%;}
.wpe40{width:40%;}
.wpe50{width:50%;}
.wpe60{width:60%;}
.wpe70{width:70%;}
.wpe80{width:80%;}
.wpe90{width:90%;}
.wpe100{width:100%;}

/*幅指定（Em）適宜追加*/
.wem01{width:1em;}
.wem02{width:2em;}
.wem03{width:3em;}
.wem04{width:4em;}
.wem05{width:5em;}
.wem06{width:6em;}
.wem07{width:7em;}
.wem08{width:8em;}
.wem09{width:9em;}
.wem10{width:10em;}

/*フォントサイズ（Em）適宜追加*/
.fsem085{font-size:0.85em;}
.fsem09{font-size:0.9em;}

.clear{
	clear:both;
}