@charset "utf-8";
 /* ================================================ CSS Information
 File Name:      page-raspa.css
 Last updated:   2016/1/7
 Style Info:     グルーピングしない下層コンテンツの定義
 Notes:          ラスパみずき
================================================================ */


/* ---------------------------------------------------

  イベントカレンダー

--------------------------------------------------- */

/* カテゴリーリスト */
.event-catlist {
	list-style: none;
	width: 1020px;
	margin: 0 auto 80px;
	padding: 0;
	letter-spacing: -.4em;
	}
	.event-catlist li {
		display: inline-block;
		margin: 0 0 12px;
		letter-spacing: normal;
		}
		.event-catlist li:not(:nth-child(6n)) { margin-right: 12px; }
		.event-catlist a {
			display: block;
			border-radius: 10px;
			background: #3d210b;
			}
			/* hover */
			.event-catlist a:hover { background-color: #644d3c; }


/* ---------------------------------------------------

  みずきだより＠ブログ、カレンダー
  
  記事詳細

--------------------------------------------------- */

.media-articles {
	}
	/* design */
	.media-article {
		margin: 0 0 80px;
	}
	.media-article + .media-article {
		margin-top: 120px;
	}
	.media-article .article-title {
	margin: 0 0 25px;
	padding: 0 0 10px 35px;
	background-repeat: no-repeat;
	background-position: 0 0%;
	background-image: url(../img/raspa/event/hl-bgimg.png);
		}
		.media-article .article-title .heading {
			margin: 0;
			line-height: 1.6;
			font-size: 24px;
			font-size: 2.4rem;
		}
	.media-article .article-meta {
		display: table;
		width: 100%;
		margin: 0 0 15px;
		table-layout: fixed;
		}
		  /* 日付 */
		.media-article .article-meta .date {
	display: table-cell;
	width: 35%;
	margin-right: 5%;
	color: #EB6C80;
	font-weight: bold;
		}
		/* カテゴリー */
		.media-article .article-meta .cat {
			display: table-cell;
			width: 60%;
			text-align: right;
			}
			.media-article .article-meta .cat dt,
			.media-article .article-meta .cat dd {
				display: inline-block;
				margin: 0;
				font-weight: normal;
			}
	
	.media-article .article-body > :last-child {
		margin-bottom: 0;
	}
	
	.media-article .article-body img {
		max-width: 100%;
		height: auto;
	}

/* 投稿ページ 記事送り */
.main .prev-area   {
	margin: 0 auto;
	width: 300px;
}
.main .prev-area .before-kiji {
	text-align: left;
	float: left;
}
.main .prev-area .kiji-list {
	margin: 0 38px;
	float: left;
}
.main .prev-area .after-kiji {
	text-align: right;
	float: right;
}
/* ---------------------------------------------------

	新着情報

--------------------------------------------------- */

.home-news {
	position: relative;
	background-color: #FCEAED;
	}
	.home-news h2 {
		position: relative;
		height: 42px;
		margin: 0 0 40px;
		text-align: center;
		}
		.home-news h2 span {
			position: relative;
			display: inline-block;
			top: -43px;
		}
	
	
	.home-news-inner {
		position: relative;
		width: 1020px;
		overflow: hidden;
		margin: 0 auto;
	}
.home-news .top-banner  {
	margin: 0 0 50px;
	text-align: center;
}
.home-news-inner .top-banner .banner-txt {
	padding: 20px 0 0;
}
	
	.home-news ol {
		width: 100;
		overflow: hidden;
		padding: 0 1%;
		box-sizing: border-box;
	}
	.home-news li {
		float: left;
		width: 24.5%;
		line-height: 1.7;
		box-sizing: border-box;
		text-align: center;
		}
		.home-news li:nth-child(1) { padding: 0 3% 0 0;}
		.home-news li:nth-child(2) { padding: 0 2% 0 1%;}
		.home-news li:nth-child(3) { padding: 0 1% 0 2%;}
		.home-news li:nth-child(4) { padding: 0 0 0 3%;}
		
		.home-news-thumbnail {
			width: 100%;
			height: 150px;
			overflow: hidden;
			margin: 0 0 10px;
			border: 6px solid #fff;
			box-sizing: border-box;
			background: rgba( 255, 255, 255, .5 );
			}
			.home-news-thumbnail img {
				width: 100%;
				height: auto;
			}
		.home-news dl { margin: 0; }
		.home-news dt {
			margin: 0;
			font-weight: bold;
		}
		.home-news dd {
			margin: 0 0 1em;
			text-align: left;
		}
		
		/* 詳細 */
		.home-news-more-link {
			width: 85px;
			margin: 0 0 0 auto;
		}
	
	/* End / li */
	
	/* 一覧へ */
	.home-news-list-link {
	clear: both;
	width: 120px;
	margin: 30px auto 50px;
	text-align: center;
	}
	
	
	/* anime */
	.home-news .home-news-icon_new {
		position: absolute;
		top: -65px;
		left: 50%;
		z-index: 10;
		width: 53px;
		height: 62px;
		opacity: 1;
		margin-left: -26px;
	}
	
	.home-news .btn-pagetop a {
		position: absolute;
		right: 0;
		bottom: 0;
		opacity: 1;
	}
	.home-news:after {
		display: block;
		clear: both;
		width: 100%;
		min-width: 100px;
		height: 5px;
		background: url(../img/raspa/bar.png) no-repeat center bottom;
		text-align: center;
		content: '';
	}