@charset "UTF-8";

/* -------------------------- */
/* content */
/* -------------------------- */

.pageTitle .fasIcon {
	background: #9b6d28;
}
			.categoryList label :checked + span {
				background: #9b6d28;
			}

.tag_category {
	background: #9b6d28;
}

.contentBox:last-of-type {
	margin-bottom: 30px;
}

.infoList {
	width: 100%;
	margin: -15px 0;
}
	.infoList li:not(:last-child) {
		border-bottom: 1px solid #c9c9c9;
	}
		.infoList .title_infoList {
			display: block;
			padding: 15px 0;
			color: #333;
			position: relative;
		}
		.infoList .title_infoList::after {
			margin: auto;
			font-family: "Font Awesome 5 Free";
			content: "\f138";
			color: #a9a9a9;
			font-size: 1.5rem;
			font-weight: 900;
			position: absolute;
			right: 10px;
			top: 50%;
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
		}
			.infoList .title_infoList .date {
				margin-right: 15px;
			}
			.infoList .title_infoList .tag_category {
				min-width: 100px;
				display: inline-block;
			}
			.infoList .title_infoList .title {
				padding: 10px 30px 0 0;
				display: block;
				font-style: normal;
				font-family: "新ゴ B JIS2004";
			}


.pageNavi {
	padding: 0 0 20px;
}

/* -------------------------- */
/* detail */
/* -------------------------- */

.infoDetail {
}
	.infoDetail .title_info {
		margin-bottom: 15px;
		padding-bottom: 15px;
		border-bottom: 1px solid #c9c9c9;
		font-family: "新ゴ B JIS2004";
		font-size: 1.8rem;
	}
	.infoDetail .dateBox {
		margin-bottom: 30px;
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}
		.infoDetail .tag_category {
			margin-left: 15px;
		}
	.entryBody {
		padding-bottom: 30px;
	}

.btn_back {
	margin: 30px 0;
}


/* ================================================================================================================================================================================== */
/* pc */
/* ================================================================================================================================================================================== */

@media only screen and (min-width:768px) {

/* -------------------------- */
/* content */
/* -------------------------- */

.ideaIndex {
}


/* -------------------------- */
/* detail */
/* -------------------------- */

.infoDetail {
}
	.infoDetail .title_info {
		margin-bottom: 25px;
		padding-bottom: 25px;
	}
	.infoDetail .dateBox {
		margin-bottom: 30px;
	}
		.infoDetail .tag_category {
			margin-left: 30px;
		}




}


/* ================================================================================================================================================================================== */
/* pc */
/* ================================================================================================================================================================================== */

@media only screen and (min-width:1024px) {

/* -------------------------- */
/* content */
/* -------------------------- */

.infoList {
	margin: -25px 0;
}
	.infoList li {
	}
		.infoList .title_infoList {
			padding: 25px 0;
			display: flex;
			font-size: 1.6rem;
		}
			.infoList .title_infoList .date {
				width: 150px;
				line-height: 2;
			}
			.infoList .title_infoList .tag_category {
				min-width: 120px;
				margin-right: 15px;
				align-self: flex-start;
			}
			.infoList .title_infoList .title {
				padding-top: 0;
				line-height: 2;
				flex: 1;
			}
	.entryBody {
		padding-bottom: 50px;
	}

.pageNavi {
	padding: 20px 0 40px;
}


/* -------------------------- */
/* detail */
/* -------------------------- */

.infoDetail {
}
	.infoDetail .title_info {
		font-size: 2.4rem;
	}

.btn_back {
	margin: 50px 0;
}


}


/* ================================================================================================================================================================================== */
/* pc */
/* ================================================================================================================================================================================== */

@media only screen and (min-width:1280px) {

/* -------------------------- */
/* content */
/* -------------------------- */

.contentBox:last-of-type {
	margin-bottom: 50px;
}

.pageNavi {
	padding: 0 0 40px;
}

/* -------------------------- */
/* detail */
/* -------------------------- */

.infoDetail {
}
	.infoDetail .title_info {
		padding-bottom: 50px;
	}
	.infoDetail .dateBox {
		margin-bottom: 50px;
	}


}


/* ================================================================================================================================================================================== */
/* pc */
/* ================================================================================================================================================================================== */

@media only screen and (min-width:1366px) {

/* -------------------------- */
/* content */
/* -------------------------- */



}