@charset "utf-8";


/*	top
------------------------------------------*/
#hd #ttl_img{
	height:100%;
	background:none;
}
#hd #ttl_img #logo img{
	width:60%;
	max-width:321px;
	height:auto;
}

@media screen and (max-width: 860px) {
	#hd #ttl_img{
		margin:0 0 70px;
	}
}


#slider{
	position:relative;
	width:100%;
	height:500px;
	overflow:hidden;
}
#slider::after{
	position:absolute;
	display:block;
	content:'';
	width:100%;
	height:100%;
	background:url(/img/ptn_dot.png) repeat;
	z-index:1;
}
	#slider > div{
		position:absolute;
		width:100%;
	}
	#slider > div img{
		width:100%;
		height:auto;
	}

#top{
	position:relative;
	width:96%;
	letter-spacing:-.1em;
	margin:0 auto 70px;
}
	#top .rm_item{
		float:left;
		position:relative;
		width:100%;
		max-width:288px;
		height:auto;
		letter-spacing:0;
		background:#fff;
		border-radius:7px;
		overflow:hidden;
		box-shadow:0 0 8px rgba(0,0,0,.2);
		margin-bottom:18px;
		transition: .4s;
	}
	#top .rm_img{
		background:#ffdbed;
	}
	#top .rm_item:hover{
		background:rgb(255,255,204);
	}
	#top .rm_item > a{
		display:block;
		width:100%;
		height:auto;
	}
	#top .rm_item > a img{
		display:block;
		position:relative;
		width:100%;
		height:auto;
	}
	#top .rm_item .txt{
		width:100%;
		padding:5px 15px 12px;
		-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	}
	#top .rm_item .ttl{
		font-size:15px;
		line-height:1.3;
	}
	#top .rm_item time,
	#top .rm_item .tag{
		font-size:12px;
		line-height:1.2;
	}
	#top .rm_item .tag{
		margin:10px 0 0;
		border-top:1px solid rgba(224,14,134,.5);
		padding:10px 0 0;
	}