@charset "UTF-8";
/* !Clearfix
---------------------------------------------------------- */
.cat_list01,
.pagenation01,
.detail_data01,
.img_txt01 {
	display: block;
	min-height: 1%;
}

.cat_list01:after,
.pagenation01:after,
.detail_data01:after,
.img_txt01:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}

* html .cat_list01,
* html .pagenation01,
* html .detail_data01,
* html .img_txt01 {
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}


/* !category list
---------------------------------------------------------- */
.cat_list01 {
	margin-top: 40px;
}
	.cat_list01 ul li {
		float: left;
		margin-right: 20px;
	}

/* !list
---------------------------------------------------------- */
.sec_news01 {
	margin: 30px 0 30px 0;
}
	.sec_news01 .tit_basic01 h2 {
		margin: 0 0 25px 0;
	}
	.sec_news01 ul {
		border-bottom: 1px solid #dedede;
	}
		.sec_news01 ul li {
			display: table;
			width: 100%;
			margin: 0 0 15px 0;
			padding: 20px 0 30px 0;
			border-bottom: 1px dotted #dedede;
		}
		.sec_news01 ul li.last {
			border: none;
		}
			.sec_news01 ul li div {
				display: inline-block;
			}
			.sec_news01 .date,
			.sec_news01 .label {
				font-weight: bold;
			}
			.sec_news01 .label {
				padding: 0 1% 0 1%;
			}
				.sec_news01 .label span {
					display: inline-block;
					width: 100%;
					padding: 0 5px 0 5px;
					background: #464646;
					color: #ffffff;
					font-size: 0.8rem;
					font-weight: normal;
					text-align: center;
				}
			.sec_news01 .txt {
				display: block;
			}

@media screen and (min-width:680px) {
		.sec_news01 ul li div,
		.sec_news01 .txt {
			display: table-cell;
			vertical-align: top;
		}
		.sec_news01 .date {
			width: 15%;
			font-size: 1.2rem;
		}
		.sec_news01 .label {
			width: 12%;
			font-size: 1.2rem;
		}
			.sec_news01 .label a {
				display: block;
			}
			.sec_news01 .label span {
				padding: 0 0 0 0;
				font-size: 1.2rem;
			}
}
@media screen and (min-width:1200px) {
	.sec_news01 .date {
		font-size: 1.4rem;
	}
}

/* !Pagenation
---------------------------------------------------------- */
.pagenation01 {
	margin: 20px 0 0 0;
	text-align: center;
}
	.page_count {
		margin: 0 0 20px 0;
		font-size: 1.4rem;
	}
	.pagenation01 .page_num {
		font-size: 1.4rem;
	}
	.pagenation01 .page_num a,
	.pagenation01 .page_num span {
		display: inline-block;
		padding: 0 0.5em 0 0.5em;
	}
	.pagenation01 .page_num .prev:before {
		display: inline-block;
		content: "";
		width: 0.5em;
		height: 0.5em;
		margin: 0 0.2em 0 0;
		border-top: 2px solid #444444;
		border-right: 2px solid #444444;
			-webkit-transform: rotate(225deg);
			-ms-transform: rotate(225deg);
		transform: rotate(225deg);
	}
	.pagenation01 .page_num .next:after {
		display: inline-block;
		content: "";
		width: 0.5em;
		height: 0.5em;
		margin: 0 0 0 0.2em;
		border-top: 2px solid #444444;
		border-right: 2px solid #444444;
			-webkit-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.pagenation01 .page_num .current {
		font-weight: bold;
	}
@media screen and (min-width:768px) {
	.pagenation01 {
		margin: 20px 0 0 0;
		text-align: left;
	}
		.pagenation01 .page_count {
			float: left;
			margin: 0 0 10px 0;
		}
		.pagenation01 .page_num {
			float: right;
		}
			.pagenation01 .page_num a,
			.pagenation01 .page_num span {
				padding: 0 0.3em 0 0.3em;
			}
}

/* !Common
---------------------------------------------------------- */
.detail_data01 {
	margin-top: 15px;
}
	.detail_data01 .date,
	.detail_data01 .label {
		font-weight: bold;
		display: inline-block;
	}
	.detail_data01 .label {
		padding: 0 1% 0 1%;
	}
		.detail_data01 .label span {
			    display: inline-block;
				width: 100%;
				padding: 0 5px 0 5px;
				background: #464646;
				color: #ffffff;
				font-size: 0.8rem;
				font-weight: normal;
				text-align: center;
		}

	.news_contet01 {
		margin: 40px 0 0 0;
	}
		.news_contet01 p {
			margin-bottom: 40px;
			font-size: 1.2em;
		}
		.news_contet01 em {
			display: block;
			margin-bottom: 20px;
			color: #f33434;
			font-weight: bold;
		}
		.news_contet01 .txt_caption01 {
			display: block;
			margin-bottom: 40px;
			font-size: 0.6em;
		}
		
/* !News Category Color ------------------------------------------------------------ */
.detail_data01 .label.new span {
	background: #fca013;
	color: #ffffff;
}
.detail_data01 .label.recipe span {
	background: #fca013;
	color: #ffffff;
}
.detail_data01 .label.campaign span {
	background: #ffadad;
	color: #ffffff;
}
.detail_data01 .label.present span {
	background: #ffadad;
	color: #ffffff;
}
.detail_data01 .label.good span {
	background: #ffadad;
	color: #ffffff;
}
.detail_data01 .label.news span {
	background: #464646;
	color: #ffffff;
}
.detail_data01 .label.event span {
	background: #ffadad;
	color: #ffffff;
}
.detail_data01 .label.media span {
	background: #e44f4f;
	color: #ffffff;
}
.detail_data01 .label.topics span {
	background: #e44f4f;
	color: #ffffff;
}
.detail_data01 .label.press span {
	background: #6a8cb2;
	color: #ffffff;
}

/* 見出し */
.h3_basic01 {
	margin: 0 -10px 20px -10px;
	padding: 0 10px 8px 10px;
	border-bottom: 1px solid #dedede;
	font-weight: bold;
	font-size: 1.6rem;
	letter-spacing: 0.1em;
}
.h4_basic01 {
	margin-bottom: 20px;
	padding: 3px 10px 3px 10px;
	background: #f0f0f0;
}
	.h4_basic01 p{
		display: inline-block;
		margin-bottom: 0;
		font-weight: bold;
		letter-spacing: 0.1em;
	}

/*強調文字*/
.news_contet01 .txt_em01 {
	display: inline;
}

/* リスト */
.detail_list01 {
	margin: 0 0 60px 46px;
}
	.detail_list01 li {
		font-size: 1.2em;
		margin-bottom: 20px;
		text-indent: -26px;
	}
	.detail_list01 li:before {
		content: "●";
		color: #ffb400;
		margin: 0 10px 0 0;
	}

/* 画像 */
.news_contet01 img {
	margin-bottom: 20px;
}

@media screen and (min-width:768px) {
	.h3_basic01 {
		margin: 0 0 30px 0;
		padding: 15px 0 15px 0;
		border-top: 1px solid #dedede;
		font-size: 2.4rem;
		line-height: 1;
	}
	.h4_basic01 {
		margin: 0 0 20px 0;
	}
		.detail_data01 .date {
			width: 15%;
			font-size: 1.2rem;
		}
		.detail_data01 .label {
			width: 12%;
			font-size: 1.2rem;
		}
			.detail_data01 .label span {
				/*padding: 0 0 0 0;*/
				font-size: 1.2rem;
			}
}
@media screen and (min-width: 1200px) {
	.h4_basic01 {
	    margin: 40px 0 20px 0;
	}

	/*画像回りこみテキスト*/
	.img_txt01 {
		margin-bottom: 30px;
	}
		.img_txt01 img {
			float: left;
		}
		.img_txt01 p{
			float: left;
			width: 62%;
			margin-left: 20px;
		}
}
@media screen and (min-width:1024px) {
	.h3_basic01 {
		margin: 0 0 40px 0;
	}
	.detail_data01 .date {
		font-size: 1.4rem;
	}
	.h4_basic01 p {
		font-size: 1.6rem;
	}
}

/* Buttun */
.btn_return01 {
	padding: 20px 0 30px 0;
	border-top: 1px solid #dedede;
	text-align: center;
}
	.btn_return01 button {
		font-size: 1em;
	}