@charset "utf-8";
@import url("reset.css");
/*--京sp_base.css--*/
#container {
}
#container_inner {
}

/*スマホ用ドロワーメニュー*/
/*ボタン*/
#mobile_nav_button {
	text-align: center;
	position: fixed;
	top: 0;
	right: 5px;
	z-index: 9999;
}

/*メニュー開時は非表示*/
.sb-active #mobile_nav_button {
	display: none !important;
}

	#mobile_nav_button .mnb_inner {
		width: 50px;
		height: 45px;
		padding-top: 5px;
		margin-top: 3px;
		display: block;
		color: #fff;
		text-decoration: none;
		background: #4b9139;
		position: relative;
		box-shadow: 2px 2px 0 0 rgba(0,0,0,0.3);
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}
	
	#mobile_nav_button .mnb_inner .mnb_icon {
		display: block;
		font-size: 1.6em;
		line-height:1em;
		text-shadow:1px 1px 0 rgba(0,0,0,0.3);
	}
	
	#mobile_nav_button .mnb_inner .mnb_txt {
		display: block;
		font-size: 0.8em;
		line-height:1em;
		padding-bottom:10px;
		position:relative;
		z-index:0;
	}
	
		#mobile_nav_button .mnb_inner .mnb_txt_inner{
			display:block;
		}

	
/*メニュー*/
#mobile_nav{}

	#mobile_nav_inner {
		background: #fff;
		padding-top: 5px;
	}
	
	/*メニューを閉じる*/
	.close_menu{
		text-align:center;
		margin-bottom:10px;
	}
	
		.close_menu_btn {
			display: inline-block;
			border-radius: 4px;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			background: #ddd;
			color: #000;
			padding: 3px 10px;
		}
	
	#mobile_nav_inner > ul{}
	
	ul.spg_nav {
		clear: both;
		border-top: 1px solid #eee;
	}
	
	ul.spg_nav > li {
		border-bottom: 1px solid #eee;
	}
	ul.spg_nav > li > a {
		color: #222;
		display: block;
		padding: 8px;
		text-decoration: none;
		font-weight: bold;
	}
	ul.spg_nav > li:first-child > a:before {
		font-family: 'Glyphicons Halflings';
		content: "\e021";
	}
	ul.spg_nav > li:last-child > a:before {
		font-family: 'Glyphicons Halflings';
		content: "\2709";
	}
	
	ul.spg_nav > li > a:before {
		content:"●";
		margin-right: 8px;
		color: #4b9139;
	}
		ul.spg_nav > li > ul {
			padding-left: 20px;
			margin-bottom: 10px;
			margin-left: 15px;
		}
		ul.spg_nav > li > ul > li {
			margin-bottom: 0.2em;
		}
		ul.spg_nav > li > ul > li:last-child {
			margin-bottom: 0;
		}
		ul.spg_nav > li > ul > li > a {
			color: #222;
			text-decoration: none;
		}
		ul.spg_nav > li > ul > li > a:before {
			font-family: 'Glyphicons Halflings';
			content:"\e258";
			margin-right: 5px;
			margin-left: -15px;
			font-size: 10px;
		}
	
		
	/*slidebars.cssの調整*/
	#sb-site {
		box-shadow: 5px 0 10px -1px rgba(0,0,0,0.2);
	}
	
	.sb-slidebar {
		background: #fff;
	}

/*スムーススクロールページトップ*/
#page_top {
	width: 55px;
	height: 55px;
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 9999;
}

	#page_top a {
		display: block;
		width: 55px;
		height: 55px;
		text-align: center;
		line-height: 55px;
		background: #3c3c64;
		text-decoration: none;
		box-shadow: 0px 0px 3px 0px #ffffff;
		-moz-box-shadow: 0px 0px 3px 0px #ffffff;
		-webkit-box-shadow: 0px 0px 3px 0px #ffffff;
		border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
	}

/*#########header###########*/

	
#header {
	border-top: 10px solid #ffe196;
	background: url(../images/header_bg.jpg) right 15px no-repeat;
	background-size: contain;
	padding: 10px;
	overflow: hidden;
}
	#header_inner {}
	#ku_logo {
		width: 16%;
		float: left;
		margin-right: 10px;
		background:#fff;
	}
	#site_title {
		width: 65%;
		float: left;
	}

/*#########main_box###########*/
	#main_box_inner {
		overflow: hidden;
		padding: 5vw 3vw;
	}

	#page_body {}


	/*#########sidebar###########*/
	#sidebar {
		overflow: hidden;
	}
	
		#side_menu {}
		#side_menu ul {
		}
		#side_menu li {
			border-bottom: 1px solid #3c3c64;
		}
		#side_menu li a {
			background: #fef5f6;
			color: #3c3c64;
			text-decoration: none;
			padding: 15px 15px 15px 30px;
			display: block;
		}
		#side_menu li a::before {
			font-size: 15px;
			font-family: FontAwesome;
			content: "\f144";
			margin-right: 10px;
			margin-left: -20px;
		}
		
		#side_menu li a:hover ,
		#side_menu li.here a {
			background: #fcdde2;
			font-weight: bold;
		}
		#side_menu li a:hover::before ,
		#side_menu li.here a::before {
			font-weight: normal;
		}

/*#########footer###########*/
#footer {}

#footer_bnr_box {
	background: #f4f4f4;
	padding: 4vw 3vw;
	
}

	#footer_bnr_box ul {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 100%;
		box-sizing: border-box;
		
}

	#footer_bnr_box ul li  a {
		display: block;
		transition: .3s all ease;
	}


		#footer_bnr_box ul li img {
			max-width: 100%;
			height: auto;
			vertical-align: bottom;
		}


	#footer_bnr_box ul li{
					width:calc((100% - 2.5vw) / 3);
					margin-bottom:1vw;
				}
			

				#footer_bnr_box ul li.bnr_survivorship {
					width:calc((100% - 33.33% ) / 1);
					margin:0 auto;
					
				}
				
				#footer_bnr_box ul li.bnr_survivorship  img{
				width : 240px;
				}
			
			
#f_bottom {
	background: #3c3c64;
}
#copyright {
	text-align: center;
	color: #fff;
	padding: 1em 0;
	font-size: 0.9em;
	clear: both;
}


br.sp{
	display: inline;	
}