@charset "utf-8";
/*--京home.css--*/
/*###############PC first###############*/
#home_catch{
	height:750px;
	position:relative;
}

	#home_catch_inner{
		height:750px;
		position:relative;
		z-index:0;
	}
	
	#home_catch_txt{
		width:100%;
		position:absolute;
		z-index:1;
		top:40px;
	}
	
		#home_catch_txt_inner{
			width:930px;
			height:210px;
			margin:0 auto;
			position: relative;
		}
#slide_tree1 {
    width: 300px;
    height: 390px;
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
}
#slide_tree2 {
    width: 300px;
    height: 232px;
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 220px;
}
	#home_nav{
		width:100%;
		position:absolute;
		z-index:1;
		bottom:20px;
	}
	
		#home_nav ul{
			text-align:center;
		}
		
		#home_nav ul li{
			width:170px;
			display:inline-block;
		}
		
		#home_nav ul li a{
			display: inline-block;
		}
		
		/*#home_nav ul li a .home_nav_img{
			display:block;
			width:160px;
			height:160px;
			margin:0 auto;
		}
		
		#home_nav ul li a .home_nav_txt{
			display:block;
			width:170px;
			height:58px;
		}*/
/*.shabon{
	width:72px;
	height:72px;
	position:absolute;
	top:0;
	left:0;
}*/

/*#home_nav{
	width:880px;
	height:176px;
	letter-spacing:-0.4em;
	position:absolute;
	top:610px;
	left:180px;
}

	#home_nav li{
		width:176px;
		height:176px;
		letter-spacing:0;
		display:inline-block;
	}*/
	
	#home_nav li a .home_nav_img img{
		/*transition: all ease .5s;
		transform-origin: 50% 50%;*/
	}
	.home_nav_img {
		width: 170px;
		height: 160px;
		display: block;
	}
		#home_nav li a .home_nav_img img {
			margin: 0 auto;
		}
		#home_nav li:nth-child(1) a .home_nav_img img {
			animation: fuwa 3s ease infinite .2s;
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
		}
		
		#home_nav li:nth-child(2) a .home_nav_img img{
			animation: fuwa 3s ease infinite .1s;
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
		}
		
		#home_nav li:nth-child(3) a .home_nav_img img{
			animation: fuwa 3s ease infinite .6s;
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
		}
		
		#home_nav li:nth-child(4) a .home_nav_img img{
			animation: fuwa 3s ease infinite .3s;
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
		}
		
		#home_nav li:nth-child(5) a .home_nav_img img {
			animation: fuwa 3s ease infinite .5s;
			/*animation: fuwa 3s ease-in-out ease infinite .5s;*/
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
			
		}
	
		@keyframes fuwa {
			0% { transform: translateY(0) }
			25% { transform: translateY(-10px) }
			50% { transform: translateY(0) }
			100% { transform: translateY(0) }
		}
		#home_nav li a:hover {
			/*transition: all ease .5s;
			-webkit-transition: all ease .5s;
			-moz-transition: all ease .5s;*/
		}
			#home_nav li:nth-child(1) a:hover .home_nav_img {
				background: url(../images/nav_img01_on.png) top center no-repeat;
			}
			
			#home_nav li:nth-child(2) a:hover .home_nav_img {
				background: url(../images/nav_img02_on.png) top center no-repeat;
			}
			
			#home_nav li:nth-child(3) a:hover .home_nav_img {
				background: url(../images/nav_img03_on.png) top center no-repeat;
			}
			
			#home_nav li:nth-child(4) a:hover .home_nav_img {
				background: url(../images/nav_img04_on.png) top center no-repeat;
			}
			
			#home_nav li:nth-child(5) a:hover .home_nav_img {
				background: url(../images/nav_img05_on.png) top center no-repeat;
			}
			#home_nav li a:hover .home_nav_img img {
				opacity: 0.2;
				animation: none;
			}
			
			#home_nav li:nth-child(1) a:hover .home_nav_img img,
			#home_nav li:nth-child(2) a:hover .home_nav_img img,
			#home_nav li:nth-child(3) a:hover .home_nav_img img,
			#home_nav li:nth-child(4) a:hover .home_nav_img img,
			#home_nav li:nth-child(5) a:hover .home_nav_img img{
			}
			#home_nav li:nth-child(1) a:hover img{
			}
			
			#home_nav li:nth-child(2) a:hover img{
			}
			
			#home_nav li:nth-child(3) a:hover img{
			}
			
			#home_nav li:nth-child(4) a:hover img{
			}
			
			#home_nav li:nth-child(5) a:hover img{
			}
	


#box_whatsnew{
	width:820px;
	height:265px;
	padding:70px 0;
	margin:0 auto;
	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:530px;
			float:right;
		}
		
	#box_whatsnew > .box_footer{
		position:absolute;
		z-index:1;
		bottom:80px;
		left:20px;
	}
	
		#box_whatsnew > .box_footer a{
			display:inline-block;
			background:url(../shared/icon_01.gif) no-repeat right 5px;
			padding-right:25px;
			color:#111;
		}

@media screen and (max-width: 479px) {
/* 479px以下用（スマートフォン用）の記述 */
#home_catch {
	height: 200px;
}
	#home_catch_inner {
		height: 200px;
	}
	
	#home_catch_txt {
		width: 90%;
		top: 15px;
		left: 0;
		right: 0;
		margin: 0 auto;
		z-index: 10;
	}
	
		#home_catch_txt_inner {
			width: inherit;
			height: inherit;
		}
#slide_tree1 {
    width: 30%;
    height: auto;
    left: 0;
    bottom: 0;
}
#slide_tree2 {
    width: 30%;
    height: auto;
    right: 0;
    bottom: 10px;
}
#sp_home_nav {
	padding: 10px;
	margin-bottom: 20px;
}
	#sp_home_nav ul {
		text-align: center;
	}
		#sp_home_nav ul li {
			width: 48%;
			display: inline-block;
			margin-bottom: 1%;
		}
		#sp_home_nav ul li:last-child {
			width: 99%;
			margin: 0 auto;
		}
			#sp_home_nav > ul > li > span {
				display: table;
			}
			
			#sp_home_nav > ul > li > span > span {
				display: table-row;
			}
				#sp_home_nav 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_nav 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);
				}
	

#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 2px;
		}
}