@charset "utf-8";

main {
	background-color: var(--lightgray);
	padding-bottom: 395px;
	@media (width <= 800px) {
		padding-bottom: 75px;
	}
}

/* entry */
.entry {
	margin-bottom: 100px;
	@media (width <= 800px) {
		margin-bottom: 40px;
	}
	.entry-head {
		margin-bottom: 50px;
		@media (width <= 800px) {
			margin-bottom: 30px;
		}
		&.nm {
			margin-bottom: 30px;
			@media (width <= 800px) {
				margin-bottom: 15px;
			}
			h2 {
				margin-bottom: 0;
			}
		}
		.column-cat {
			margin-bottom: 20px;
			@media (width <= 800px) {
				margin-bottom: 10px;
			}
			.column-cat-name {
				color: var(--white);
				font-size: 16px;
				background-color: var(--darkgray);
				padding: 8px 15px;
				@media (width <= 800px) {
					font-size: 14px;
					padding: 6px 10px;
				}
			}
		}
		.entry-date {
			font-size: 16px;
			margin-bottom: 10px;
			@media (width <= 800px) {
				font-size: 14px;
			}
		}
		h2 {
			font-size: 28px;
			margin-bottom: 40px;
			@media (width <= 800px) {
				font-size: 20px;
				line-height: 1.6;
				margin-bottom: 30px;
			}
			&.nm {
				margin-bottom: 0px;
			}
		}
		.column-tag {
			.column-tag-name {
				font-size: 16px;
				padding: 10px 12px;
				@media (width <= 800px) {
					font-size: 14px;
					padding: 8px;
				}
			}
		}
	}
	.entry-box {
		ul,
		ol,
		p {
			margin-bottom: 40px;
			@media (width <= 800px) {
				margin-bottom: 30px;
			}
		}
		ul {
			list-style-type: disc;
			padding-left: 1.5em;
		}
		.btn {
			margin: 0 auto 40px;
		}
	}
}