@charset "utf-8";

#archive {
	.wrap {
		padding: 30px 0 90px;
		.contents {
			max-width:800px;
			.searchresults {
				margin-bottom: 1em;
			}
			.postlist {
				li {
					font-size:1.6rem;
					display:grid;
					grid-template-columns:7em 1fr;
					border-bottom:2px dotted #cccccc;
					margin-bottom:.5em;
					padding-bottom:.66em;
					.date {
						line-height:1.5;
					}
					a {
						line-height:1.5;
					}
				}
				&.news {
					li {
						display:grid;
						grid-template-columns:100px 1fr;
						align-items:center;
						grid-column-gap:20px;;
						margin-bottom:.85em;
						padding-bottom:1em;
						.img {
							img {
								width:100%;
								display:block;
								aspect-ratio:1;
								object-fit:cover;
								box-shadow:0 2px 4px rgba(0,0,0,.15);
							}
						}
						.detail {
							display:grid;
							grid-row-gap:.5em;
							.info {
								display:grid;
								grid-template-columns:6em 1fr;
								.cat {
									display:flex;
									flex-wrap:wrap;
									gap:5px;
									font-size:.8em;
									a {
										display:grid;
										align-items:center;
										justify-content:center;
										padding: 0 .66em;
										border-radius:4px;
									}
								}
							}
						}
					}
				}
			}
		}
	}
	&.single {
		.wrap {
			.contents {
				max-width:1000px;
				h2 {
					font-size:2.4rem;
					line-height:1.5;
					margin-bottom:1em;
					border-bottom:5px solid #efefef;
					padding-bottom:.33em;
				}
				& > .cat {
					display:flex;
					font-size:1.4rem;
					line-height:1.8;
					gap:5px;
					margin-bottom:1.5em;
					a {
						padding:0 .66em;
						border-radius: 4px;
					}
				}
				.info {
					display:grid;
					/* grid-template-columns:1fr 8em; */
					font-size:1.5rem;
					margin-bottom:50px;
					.cat {
						display:flex;
						flex-wrap:wrap;
						align-items:center;
						justify-content:flex-start;
						gap:5px;
						a {
							background-color:var(--color_main);
							font-size:1.3rem;
							display:grid;
							align-items:center;
							justify-content:center;
							height:2em;
							color:#FFFFFF;
							line-height:1;
							white-space:nowrap;
							padding:0 1.5em;
							border-radius:1em;
						}
					}
					.date {
						display:grid;
						/* grid-template-columns:1em auto; */
						grid-column-gap:.5em;
						align-items:center;
						justify-content:end;
					}
				}
				.contbox {
					margin-bottom: 90px;
					.aligncenter {
						display: block;
						margin-right: auto;
						margin-left: auto;
					}
					.alignright {
						float: right;
						margin-bottom: 20px;
						margin-left: 20px;
					}
					.alignleft {
						float: left;
						margin-right: 20px;
						margin-bottom: 20px;
					}
					.wp-caption,
					[class*='wp-image'] {
						display: block;
						max-width: 100% !important;
						margin-top: 1.5em;
						text-align: center;
					}
					.wp-caption-text {
						margin-top: 0;
					}
					ul {
						list-style: disc;
					}
					ol {
						list-style: decimal;
					}
					ul,ol {
						list-style-position: inside;
						font: inherit;
						li {
							line-height:1.6;
						}
					}
					a {
						text-decoration: underline;
						color:var(--color_main);
					}
					& + .btn {
						display:grid;
						grid-template-columns:.6em 1fr;
						align-items:center;
						justify-content:center;
						text-align:center;
						padding:0 1em;
						margin:0 auto;
						background-color:var(--color_main);
						height:2em;
						width:9em;
						border-radius:1em;
						color:#FFFFFF;
						img {
							transform:rotate(180deg);
						}
					}
				}
			}
		}
	}
}

.catlabel {
	color:#FFFFFF;
}
.catlabel.blog {
	background:#ff6600;
}
.catlabel.job {
	background:#0099cc;
}
.catlabel.days {
	background:#99cc00;
}
.catlabel.event {
	background:#ff9900;
}
.catlabel.entrance_exam {
	background:#00cc99;
}
.catlabel.open_lecture {
	background:#0099cc;
}
.catlabel.news {
	background:#ff6666;
}
.catlabel.topics {
	background:#00cc00;
}
.catlabel.other {
	background:#cc99cc;
}
pan.catlabel.blog {
	background:#33cc00;
}
.catlabel.topics {
	background:#ff6600;
}


@media screen and (max-width:1200px){

}

@media screen and (max-width:1024px){
	
}

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


	#archive {
		.wrap {
			padding: 0 0 60px;
			.contents {
				.postlist {
					li {
						font-size:1.4rem;
						grid-template-columns:1fr;
						grid-row-gap:.25em;
						.date {
							line-height:1.5;
						}
						a {
							line-height:1.5;
						}
					}
					&.news {
						li {
							grid-template-columns:80px 1fr;
						}
					}
				}
			}
		}
		&.single {
			.wrap {
				.contents {
					h2 {
						font-size:1.8rem;
					}
					& > .cat {
						font-size:1.2rem;
						margin-bottom:1em;
					}
					.info {
						font-size:1.4rem;
						margin-bottom:30px;
					}
					.contbox {
						margin-bottom: 45px;
						.alignright {
							display: block;
							margin-right: auto;
							margin-left: auto;
						}
						.alignleft {
							display: block;
							margin-right: auto;
							margin-left: auto;
						}
					}
				}
			}
		}
	}
    
}