@charset "UTF-8";

/*======================================
	お知らせ一覧
=======================================*/

main .news_list {
	margin-bottom: 3em;
}
main .news_list li {
	width: 100%;
	padding: 1em 0;
	border-bottom: solid 1px #ccc;
	float: left;
	clear: both;
}
main .news_list li:first-child {
	border-top: solid 1px #ccc;
}

main .news_list .date {
	width: 135px;
	float: left;
}
main .news_list .news_title {
	width: 100%;
	width: calc(100% - 170px);
	float: right;
}
main .news_list .news_title a {
	text-decoration: underline;
}
main .news_list .new {
	color: #e25514;
	font-weight: bold;
	padding-left: 0.5em;
}


/* 新商品のご紹介一覧 CSS */
#newitems_list .img {
	float: left;
	max-width: 180px;
	width: 100%;
	border: solid 1px #dbdbdb;
}
img.object-fit-img {
	width: 180px;
	height: 120px;
	object-fit: cover;
	object-position: top;
	font-family: 'object-fit: cover; object-position: top;';
}
#newitems_list .item_title {
	float: right;
	max-width: 100%;
	width: calc(100% - 200px);
}
#newitems_list .item_title .data{
	margin-bottom: 5px;
}
#newitems_list .item_title a {
	text-decoration: underline;
}


@media screen and (max-width: 500px) {
	main .news_list .date,
	main .news_list .news_title {
		width: 100%;
		float: none;
	}
	main .news_list .date {
		margin-bottom: 0.5em;
	}
	
	main #newitems_list li{
		padding-top: 1.5em;
		padding-bottom: 1.5em;
	}
	#newitems_list .img {
		float: none;
		margin: 13px auto 0 auto;
	}
	#newitems_list .item_title {
		float: none;
		width: 100%;
	}
}


/* ページネーション */
.page_link {
	text-align: center;
}
.page_link li {
	display: inline-block;
	margin: 0 5px;
}
.page_link li a,
.page_link li span {
	display: block;
	border: solid 2px #666;
	color: #666;
	padding: 0.2em 0.5em;
	font-size: 120%;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 0.7em;
}
.page_link li a:hover {
	border-color: #52a533;
	color: #52a533;
	background-color: #ecf4e4;
}
.page_link li span {
	border: solid 2px #ccc;
	color: #ccc;
}
.page_link li span.now {
	border-color: #52a533;
	background-color: #52a533;
	color: #fff;
}
.page_link li span.skip {
	border: none;
	color: #666;
	padding: 0;
}