@charset "UTF-8";

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

.topics {
	padding-bottom: 60px;
}

/* topicsDetail */
.topicsDetail {
	padding-bottom: 30px;	
	border: none;
}
	.topicsDetail .title_topicsList {
		margin-bottom: 15px;
		padding: 0 0 15px;
		border-bottom: 1px solid #e3e3e3;
		display: block;
	}
		.topicsDetail .title_topicsList .date {
			display: inline-block;
		}
		.topicsDetail .title_topicsList .category {
			display: inline-block;
		}
		.topicsDetail .title_topicsList .title_topics {
			font-size: 1.6rem;
			font-weight: bold;
		}
		.topicsDetail .pageNavi {
			text-align: center;
		}


/* ================================================================================================================================================================================== */
/* tablet */
/* ================================================================================================================================================================================== */

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

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


}


/* ================================================================================================================================================================================== */
/* tablet */
/* ================================================================================================================================================================================== */

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

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

.topics {
	padding-bottom: 80px;
}

/* topicsDetail */
.topicsDetail {
	padding-bottom: 60px;	
}
	.topicsDetail .title_topicsList {
		margin-bottom: 30px;
		padding: 0 0 30px;
	}

		.topicsDetail .title_topicsList .title_topics {
			font-size: 2rem;
		}


}


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

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

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


}


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

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

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



}