@charset "utf-8";
/*--京sp_base.css--*/
/*##### PC First #####*/
@media screen and (max-width: 479px) {
/* 479px以下用（スマートフォン用）の記述 */
/*--------SPここから--------*/
/*SP版ではborder-boxへ*/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	overflow-x: auto;
	min-width: inherit;
}
#sb-site {
	box-shadow: 5px 0 10px -1px rgba(0,0,0,0.2);
}

/*#####mobile_nav_button#####*/
#mobile_nav_button {
	position: fixed;
	top: 5px;
	right: 5px;
	z-index: 9999;
	width: 80px;
	height: 35px;
	padding: 2px 5px 1px 5px;
	background: rgba(0,65,107,1);
}
	#mobile_nav_button span.mnb_txt {
		text-align: center;
		color: #fff;
		vertical-align: middle;
		font-size: 0.85em;
		display: block;
		padding: 8px 0 0;
	}
	#mobile_nav_button span.mnb_txt:before {
		content: "\f0c9";
		margin-right: 5px;
		font-family: FontAwesome;
	}

/*#####mobile_nav#####*/
#mobile_nav {
	background: #fff;
}
	#mobile_nav_inner {
		padding: 10px 0;
	}
		#mobile_nav_inner .close_menu {
			padding: 0 15px 10px;
		}
			.close_menu_btn {
				display: inline-block;
				padding: 3px 20px;
				background: rgba(0,51,51,0.3);
				border-radius: 4px;
				color: #fff;
			}
			.close_menu_btn:before {
				font-family: FontAwesome;
				content: "\f00d";
				margin: 0 8px 0 0;
			}
		#mobile_nav_inner .spg_nav {
			padding: 0;
		}
			#mobile_nav_inner .spg_nav > li {
				border-bottom: 1px solid #ccc;
				padding: 5px 5px 5px 13px;
			}
			#mobile_nav_inner .spg_nav > li:first-child {
				border-top: 1px solid #ccc;
			}

			#mobile_nav_inner .spg_nav > li.spgnav_home {
				padding-left: 7px;
			}
			#mobile_nav_inner .spg_nav > li.spgnav_home:before {
				content: "\f015";
				margin-right: 1px;
				font-size: 18px;
				top: 1px;
				left: 0;
			}
			#mobile_nav_inner .spg_nav > li.spgnav_contact {
				padding-left: 10px;
			}
			#mobile_nav_inner .spg_nav > li.spgnav_contact:before {
				content: "\f0e0";
				margin-right: 1px;
				font-size: 14px;
				top: 0px;
				left: 0;
			}
				#mobile_nav_inner .spg_nav li a {
					color: #222;
				}
				#mobile_nav_inner .spg_nav > li > a {
					font-weight: bold;
					display: block;
					padding: 3px;
				}
				
					#mobile_nav_inner .spg_nav > li > a:before {
						font-family: FontAwesome;
						content: "\f111";
						margin-right: 5px;
						color: #217346;
						display: inline-block;
						font-size: 10px;
						position: relative;
						top: -1px;
						left: 0;
					}
				
					#mobile_nav_inner .spg_nav > li > ul {
						margin-left: 14px;
					}
						#mobile_nav_inner .spg_nav > li > ul li {
							border-bottom: 1px dotted #ccc;
							padding: 5px 5px 5px 14px;
						}
						#mobile_nav_inner .spg_nav > li > ul li:last-child {
							border-bottom: 0;
						}
						#mobile_nav_inner .spg_nav > li > ul li:first-child {
							border-top: 1px dotted #ccc;
						}
						
						#mobile_nav_inner .spg_nav > li > ul li a {
							display:block;
						}
						
						#mobile_nav_inner .spg_nav > li > ul li a:before {
							font-family: FontAwesome;
							content: "\f105";
							margin-right: 5px;
							margin-left: -9px;
						}
						
#mobile-contact-button{
	position: fixed;
	top: 40%;
	right: 0;
	z-index: 9999;
	background: #0055A2;
	line-height:1.2em;
	width:24px;
	padding:5px;
	font-size:14px;
}

#container {
	background: none;
	background-repeat: repeat-x;
	background-size: 3px;
}
	#container_inner {
		min-width: inherit;
	}

	/*#####header#####*/
	#header {
		width: auto;
		height: auto;
		padding-left: 0;
		overflow:hidden;
	}
		#header_inner {
			width: inherit;
			height: inherit;
			overflow: hidden;
			padding: 10px;
			background-position: top -3px right 35px;
		}
			#ttl_logo {
				width: inherit;
				padding: 0;
				margin-bottom: 15px;
			}
				#ku_logo,
				#site_ttl {
					vertical-align: top;
				}
				#ku_logo {
					width: 11%;
					margin-right: 1%;
				}
				#site_ttl {
					width: 55%;
				}
			#link_lang {
				width: 100%;
				margin-bottom: 0;
				justify-content: center;
				float: none;
			}
				#link_lang a {
					color: #000;
				}
				#header_links,
				#lang_changer {
				}
				#header_links {
				}
					#header_links ul {}
						#header_links ul li {
						}
						#header_links ul li:last-child {
						}
				#lang_changer {
					margin-right: 0;
				}
					#lang_changer ul {}
						#lang_changer ul li {
							font-size: 0.9em;
							display: inline-block;
							vertical-align: top;
						}
						#lang_changer ul li:nth-child(1):after {
							content: "／";
							margin: 0 0 0 5px;
						}
						#lang_changer ul li a {
							text-decoration: none;
							text-align: center;
							color: #a0a0a0;
							position: relative;
							display: inline-block;
							padding: 0 4px 0 3px;
							margin: 0 2px;
						}
						#lang_changer ul li a:hover {
							color: #c40026;
						}
						#lang_changer ul li.active a {
							color: #c40026;
						}
						#lang_changer ul li.active a:after {
							content: "";
							display: block;
							width: 100%;
							height: 3px;
							background-color: #c40026;
							position: absolute;
							bottom: -3px;
							right: 0;
							left: 0;
							margin: 0 auto;
						}
	/*#####main#####*/
	#main {
		background-position:
			center 100px,
			left top
		;
		background-size:
			contain,
			auto
		;
	}
	#pages #main {
		padding: 0.5em 0;
		background-image:
			url(../shared/pg_content_bg.png),
			url(../shared/container_bg.jpg)
		;
		background-position:
			center 200px,
			left top
		;
	}
		#container_inner {
			min-width: inherit;
		}

	/*#####footer#####*/

	#footer {
		padding: 0;
		overflow: hidden;
	}

		#footer_inner {
			width: inherit;
			margin: 0;
		}
			#f_ttl_addr {
				width: 70%;
				padding: 20px;
				margin: 0 auto;
				float: none;
			}
			#f_site_ttl {
			}
		.footer_bottom {
			height: inherit;
			line-height: 1.5em;
		}
			.footer_bottom_inner {
				width: inherit;
			}
			.copyright{
				text-align: center;
				padding: 10px;
				font-size: 0.8em;
				line-height: 1.5em;
				float: none;
			}


#page_top {
	width: 55px;
	height: 55px;
	text-align: center;
	position: fixed;
	bottom: 5px;
	right: 5px;
	z-index: 9999;
	font-size: 0.9em;
}

	#page_top a{
		width: 55px;
		height: 55px;
	}
	
	#page_top a .pagetop_text {
		font-size: 0.85em;
	}

/*--------SPここまで--------*/
}