@charset "utf-8";
/*--京home.css--*/
/*###############PC first###############*/
#home_catch {
	position :relative;
}
	#slide_tree1 {
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: 1;
	}
	#slide_tree2 {
		position: absolute;
		right: 0;
		bottom: 125px;
		z-index: 1;
	}
	#home_catch_inner {
	}
		#home_catch_inner .slick-list {
			border-radius: 0;
		}
		#home_catch_inner ul {
		}
			#home_catch_inner ul li {
				position: relative;
			}
				#home_catch_inner ul li {
					position: relative;
				}
				#home_catch_inner ul li .slide_cap {
					right: 15px;
					color: #000;
					display: block;
					position: absolute;
					bottom: 20px;
					font-size: 0.9em;
					text-shadow: 1px 1px 0px #ffffff,-1px -1px 0px #ffffff;
				}
				#home_catch_inner ul li .slide_cap#copyright_txt {
					text-align: right;
					margin: 0 auto;
					width: 90%;
					right: 0;
					left: 0;
				}
.home_msg {
	text-align: center;
	margin: 20px 0;
	padding: 0;
}
	.home_msg a {
		width: 800px;
		padding: 0;
		display: inline-block;
	}
	.home_msg a:hover {
		opacity: 0.7;
	}
#box_whatsnew{
	width: 820px;
	height: 265px;
	padding: 20px 0;
	margin:0 auto 50px;
	position:relative;
}

	#box_whatsnew > .box_header{
		width:90px;
		height:265px;
		padding-right:40px;
		float:left;
		border-right:1px dashed #888;
		position:relative;
		z-index:0;
	}
	
	#box_whatsnew > .box_inner{
		width:650px;
		height:265px;
		overflow:auto;
		float:right;
		position:relative;
		z-index:0;
	}
	
		#box_whatsnew > .box_inner ul li{
			clear:both;
			padding-bottom:10px;
			margin-bottom:10px;
			overflow:hidden;
			border-bottom:1px dashed #aaa;
		}
		
		#box_whatsnew > .box_inner ul li .entry_date{
			display:block;
			width:100px;
			float:left;
		}
		
		#box_whatsnew > .box_inner ul li .entry_title{
			display:block;
			width: 525px;
			float:right;
		}
		
		#box_whatsnew > .box_inner ul li a{
			color:#111;
		}
		
	#box_whatsnew > .box_footer{
		position:absolute;
		z-index:1;
		bottom: 20px;
		left: 20px;
	}
	
		#box_whatsnew > .box_footer a{
			display:inline-block;
			background:url(../shared/icon_01.gif) no-repeat right 6px;
			padding-right:25px;
			color:#111;
		}
	#home_nav {
		width: 860px;
		margin: 0 auto 40px;
	}
		#home_nav ul {
			text-align: center;
			font-size: 0;
		}
			#home_nav ul li {
				display: inline-block;
				vertical-align: top;
				font-size: 1rem;
				margin-right: 20px;
			}
			#home_nav ul li:last-child {
				margin-right: 0;
			}
				#home_nav ul li a {
					width: 200px;
					height: 70px;
					display: block;
					padding: 0;
					margin: 0;
					/*width: 195px;
					padding: 20px 0;
					display: block;
					color: #333;
					font-size: 1.1em;
					font-weight: bold;
					text-decoration: none;
					border: 1px solid #ccc;
					border-radius: 5px;
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
					text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
					background-color: #f2f9fe;
					background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f9fe), to(#d6f0fd));
					background-image: -webkit-linear-gradient(top, #f2f9fe, #d6f0fd);
					background-image: -moz-linear-gradient(top, #f2f9fe, #d6f0fd);
					background-image: -ms-linear-gradient(top, #f2f9fe, #d6f0fd);
					background-image: -o-linear-gradient(top, #f2f9fe, #d6f0fd);
					background-image: linear-gradient(to bottom, #f2f9fe, #d6f0fd);
					filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f2f9fe, endColorstr=#d6f0fd);*/
					transition: all ease .5s;
					-webkit-transition: all ease .5s;
					-moz-transition: all ease .5s;
				}
				#home_nav ul li a:hover {
					opacity: 0.8;
					/*background-color: #c3e3fa;
					background-image: -webkit-gradient(linear, left top, left bottom, from(#c3e3fa), to(#a5defb));
					background-image: -webkit-linear-gradient(top, #c3e3fa, #a5defb);
					background-image: -moz-linear-gradient(top, #c3e3fa, #a5defb);
					background-image: -ms-linear-gradient(top, #c3e3fa, #a5defb);
					background-image: -o-linear-gradient(top, #c3e3fa, #a5defb);
					background-image: linear-gradient(to bottom, #c3e3fa, #a5defb);
					filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#c3e3fa, endColorstr=#a5defb);*/
				}


@media screen and (max-width: 479px) {
/* 479px以下用（スマートフォン用）の記述 */
#home_catch {
}
	#slide_tree1 {
		width: 25%;
	}
	#slide_tree2 {
		width: 25%;
		bottom: 25%;
	}
	#home_catch_inner {
	}
		#home_catch_inner .slick-list {
			border-radius: 0;
		}
		#home_catch_inner ul {
		}
			#home_catch_inner ul li {
				position: relative;
			}
				#home_catch_inner ul li {
					position: relative;
				}
				#home_catch_inner ul li .slide_cap {
					right: 15px;
					color: #000;
					display: block;
					position: absolute;
					bottom: 10px;
					font-size: 0.8em;
					text-shadow: 1px 1px 0px #ffffff,-1px -1px 0px #ffffff;
				}
				#home_catch_inner ul li .slide_cap#copyright_txt {
					text-align: right;
					margin: 0 auto;
					width: 90%;
					right: 0;
					left: 0;
				}
.home_msg {
	text-align: center;
	margin: 0 0 1em;
}
	.home_msg a {
		width: inherit;
		display: inline-block;
	}

#sp_home_nav {
	padding: 10px;
}
	#sp_home_nav ul {
		text-align: center;
		overflow: hidden;
		margin: 0 0 10px 0;
		font-size: 0;
	}
	#sp_home_nav li {
		width: 49%;
		display: inline-block;
		font-size: small;
		margin-right: 5px;
	}
	#sp_home_nav li:nth-child(2n) ,
	#sp_home_nav li:last-child {
		margin-right: 0;
	}
	#sp_home_nav li:nth-child(-n+2) {
		margin-bottom: 5px;
	}
	
		#sp_home_nav > ul > li > span {
			display: table;
		}
		
		#sp_home_nav > ul > li > span > span {
			display: table-row;
		}
		#sp_home_nav li a {
			display: table-cell;
			vertical-align:middle;
			width: 24%;
			height: 46px;
			color: #222;
			padding: 5px;
			font-size: 1em;
			font-weight: bold;
			border: 1px solid #ccc;
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			background: #f4e1ed;
			background: -moz-linear-gradient(top, #f4e1ed 0%, #ffc9e7 100%);
			background: -webkit-linear-gradient(top, #f4e1ed 0%,#ffc9e7 100%);
			background: linear-gradient(to bottom, #f4e1ed 0%,#ffc9e7 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4e1ed', endColorstr='#ffc9e7',GradientType=0 );
			text-decoration: none;
			line-height: 1.5em;
		}

#box_whatsnew{
	width:auto;
	height:auto;
	padding:0;
	margin:0;
}

	#box_whatsnew > .box_header{
		width:auto;
		height:auto;
		padding-right:0;
		margin-bottom: 0.5em;
		float:none;
		border-right:none;
		border-bottom: 1px dashed #ccc;
	}
		h2.sp_txt_title {
			font-size: 1.3em;
			font-weight: bold;
			line-height: 1.8em;
		}
			h2.sp_txt_title span {
				font-size: 0.7em;
				color: #F90;
				margin-left: 10px;
			}
	#box_whatsnew > .box_inner{
		width:auto;
		height:auto;
		float:none;
	}
	
		#box_whatsnew > .box_inner ul li .entry_date{
			width:auto;
			float:none;
		}
		
		#box_whatsnew > .box_inner ul li .entry_title{
			width:auto;
			float:none;
		}
		
	#box_whatsnew > .box_footer{
		position:relative;
		bottom:0;
		left:0;
		text-align:center;
	}
		#box_whatsnew > .box_footer a {
			padding-top: 2px;
			padding-bottom: 2px;
			background: url(../shared/icon_01.gif) no-repeat right 0;
		}

.sp_home_msg {
	padding: 10px;
}

#sp_home_menu ul {
	padding: 10px;
	font-size: 0;
}
	#sp_home_menu ul li {
		width: 49%;
		text-align: center;
		display: inline-block;
		font-size: small;
		margin: 0 2% 0 0;
		vertical-align: top;
	}
	#sp_home_menu ul li:nth-child(2n) {
		margin-right: 0;
	}
	#sp_home_menu ul li:nth-child(n+2) {
		margin-bottom: 2%;
	}
	#sp_home_menu ul li img {
		margin: 0 auto;
	}
/*		#sp_home_menu > ul > li > span {
			display: table;
		}
		
		#sp_home_menu > ul > li > span > span {
			display: table-row;
		}
			#sp_home_menu ul li a {
				display: table-cell;
				vertical-align:middle;
				width: 24%;
				height: 55px;
				color: #222;
				padding: 5px;
				font-size: 0.9em;
				border: 1px solid #ccc;
				border-radius: 3px;
				-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
				text-decoration: none;
				text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
				background-color: #f2f9fe;
				background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f9fe), to(#d6f0fd));
				background-image: -webkit-linear-gradient(top, #f2f9fe, #d6f0fd);
				background-image: -moz-linear-gradient(top, #f2f9fe, #d6f0fd);
				background-image: -ms-linear-gradient(top, #f2f9fe, #d6f0fd);
				background-image: -o-linear-gradient(top, #f2f9fe, #d6f0fd);
				background-image: linear-gradient(to bottom, #f2f9fe, #d6f0fd);
				filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f2f9fe, endColorstr=#d6f0fd);
			}
			#sp_home_menu ul li a:hover {
				background-color: #c3e3fa;
				background-image: -webkit-gradient(linear, left top, left bottom, from(#c3e3fa), to(#a5defb));
				background-image: -webkit-linear-gradient(top, #c3e3fa, #a5defb);
				background-image: -moz-linear-gradient(top, #c3e3fa, #a5defb);
				background-image: -ms-linear-gradient(top, #c3e3fa, #a5defb);
				background-image: -o-linear-gradient(top, #c3e3fa, #a5defb);
				background-image: linear-gradient(to bottom, #c3e3fa, #a5defb);
				filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#c3e3fa, endColorstr=#a5defb);
			}
*/.ct_hr {
	width: 95%;
	margin: 0 auto 5px;
	color: #666;
}

}