@charset "UTF-8";

.edit-area.article {
	@media screen and (max-width: 767px) {
	}

	.common-list.archive-category {
		@media screen and (max-width: 767px) {
		  flex-direction: column;

		  & li {

			& a {
				padding: 2rem;
				font-size: 1.8rem;
			}
		  }
		}
	}

	.article-list {
		display: flex;
		flex-direction: column;
		gap: 3rem;

		.article-item {
			border-bottom: 1px solid #ACACAC;

			.article-link {
				width: 100%;
			padding-bottom: 3rem;
			line-height: 1.4;


				.article-content{
	
					.article-meta{
						display: flex;
						gap: 1.2rem;
						align-items: center;
						margin-bottom: 2rem;

						@media screen and (max-width: 767px) {
						  flex-direction: column;
						  align-items: flex-start;
						}
	
						.article-date{
							color: var(--primary-color);
							font-weight: 500;
						
						}

						.category-list {
							@media screen and (max-width: 767px) {
							  display: flex;
							  gap: 5px;
							  flex-wrap: wrap;
							}
						}
						.article-category{
							font-size: 1.4rem;
							font-weight: bold;
							color: #fff;
							background-color: var(--primary-color);
							padding: 5px 1rem;
							border-radius: 20px;
							letter-spacing: 2px;
							line-height: 1;
						
						}
					}
					.article-title{
						font-size: 1.8rem;
						font-weight: 500;

						@media screen and (max-width: 767px) {
						  font-size: 1.6rem;
						}
					
					}
				}
			}

		}
	}
}
