@charset "utf-8";

/* =========================================================
　カテゴリー内共通スタイル
========================================================= */

/* 0px以上の指定（カテゴリー）
--------------------------------------------------------- */
#category {
}


/* 640px以上の追加指定（カテゴリー）
--------------------------------------------------------- */
@media screen and (min-width:640px), print {
	#category {
	}
}


/* =========================================================
　一覧ページ用スタイル
========================================================= */

/* 0px以上の指定（コンテンツ）
--------------------------------------------------------- */
/*ボタン指定*/
.button a {
	display: inline-block;
	width: 100%;
	text-align: center;
	text-decoration: none;
	outline: none;
	font-size: 100%;
	overflow:visible;
	line-height: 60px;
	background-color: #35a;
	color: #fff;
}
.button a:hover {
	color: #FFFF4D;
	background-color: #138;
}

/*ボタン画像*/
.button a span{
	display: block;
	width: 100%;
	overflow: hidden;
	height:220px; 
}
.button img{
	width: 100%;
	height: auto;
}
/*画像拡大アニメーション*/
.button img {
    transition: transform 0.2s linear;
}
.button a:hover img {
    transform: scale(1.05);
}


/*640px以上の指定（コンテンツ）
--------------------------------------------------------- */
@media screen and (min-width:640px), print {
	.button_wrapper {
		margin-top: 15px;
		width: 100%;
		display: table;
	}
	#content .button_wrapper p.button {
		padding: 0 10px;
		width: 33.3%;
		display: table-cell;
		vertical-align: middle;
	}
	#content .button_wrapper p.button a {
		/*height: 60px;*/
		line-height: 60px;
	}
}
/* =========================================================
　一覧ページ用スタイル各ジャンル
========================================================= */

/* 0px以上の指定（コンテンツ）
--------------------------------------------------------- */
.index #content .news-list {
	margin: 0 0 2em;
	padding: 0;
}
.index #content .news-list dt {
	margin: 0;
	padding: 1em 0 .5em;
	color: #666;
}
.index #content .news-list dt span {
	margin-left: .7em;
	padding: .2em .6em;
	background: #35a;
	color: #fff;
	font-weight: 100;
	font-size: 100%;
}

.index #content .news-list dd {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #ccc;
}
.index #content .news-list dd a {
	margin: 0;
	padding: 0 0 1em 10px;
	background: url(../common/images/arrow_b.png) no-repeat left .5em;
	background-size: 4px 5px;
	display: block;
	text-decoration: none;
}
.index #content .news-list dd a:hover ,
.index #content .news-list dd a:focus ,
.index #content .news-list dd a:active {
	background: url(../common/images/arrow_b.png) no-repeat left .5em;
	background-size: 4px 5px;
}



/*640px以上の指定（コンテンツ）
--------------------------------------------------------- */
@media screen and (min-width:640px), print {
	.index #content .news-list {
	}
	.index #content .news-list dt {
		padding: 1em 0;
	}
	.index #content .news-list dd {
		margin: -42px 0 0;
		padding: 0 0 0 18em;
	}
	.index #content .news-list dd a {
		padding: 1em 0 1em .7em;
		background: url(../common/images/arrow_b.png) no-repeat 0em 1.6em;
		background-size: 4px 5px;
	}
	.index #content .news-list dd a:hover ,
	.index #content .news-list dd a:focus ,
	.index #content .news-list dd a:active {
		background: #eee url(../common/images/arrow_b.png) no-repeat 0em 1.6em;
		background-size: 4px 5px;
	}
}