@charset "utf=8";

/* ==========================================
お知らせ
========================================== */

.news-area {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	gap: 4rem;
}

.news-main {
	width: 70%;
}

.news-side {
	width: 20%;
}

.news-block {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5rem 5.5rem;
}

/* ==========================================
カテゴリ
========================================== */

.archive-list,
.category-list {
	font-size: 1.8rem;
}

.archive-list {
	margin: 1rem 0 0 1rem;
}

.archive-month-list {
    display: none;
	margin: 0 0 0 1rem;
}

.archive-list-year {
    cursor: pointer;
    position: relative;
    padding-right: 20px;
}

.archive-list-year:hover {
    text-decoration: underline;
}

.archive-list-year::after {
    content: "＋";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.archive-list-year.is-active::after {
    content: "－";
}

.archive-month-link:hover {
    text-decoration: underline;
}

.category-box {
    margin: 5rem 0 0;
    /* border: 0.1rem solid var(--primary);
    background: var(--white); */
}

.category-box:first-child {
    margin: 0;
}

.category-title {
    /* background-color: var(--primary); */
    /* color: #ffffff; */
    margin: 0;
    padding: 1rem;
    font-weight: bold;
    font-size: 2rem;
	border-bottom: 0.1rem solid var(--bg-primary);
}

.category-list {
    margin: 1rem 0 0 1rem;
}

.category-list-link:hover {
    text-decoration: underline;
}

/* ==========================================
詳細
========================================== */

.news-detail {
    background: var(--white);
    border-top: solid 0.5rem var(--primary);
    box-shadow: 0 0.2rem 0.5rem rgb(0 0 0 / 16%);
    padding: 6rem 5rem;
}

.news-detail-title {
    border-bottom: solid 0.1rem var(--secondary);
    padding: 0 0 1.5rem;
    margin: 1rem 0 0;
}

.news-detail-category {
	word-break: unset !important;
    overflow: unset !important;
    text-overflow: unset !important;
    white-space: unset !important;
}

.news-detail-img {
    text-align: center;
    margin: 3rem 0 0;
}

.news-detail-content {
    margin: 3rem 0 0;
}

.news-detail-btn-box {
    text-align: center;
    margin: 6rem auto 0;
}

/* .news-detail-btn > a {
    flex-direction: row-reverse;
}

.news-detail-btn > a:after {
    transform: scale(-1,1);
    margin: 0 3rem 0 0;
}

.news-detail-btn > a:hover:after {
    transform: scale(-1, 1) translateX(6px);
} */

.news-detail-btn {
    margin: 3rem auto 0;
	display: block;
    max-width: 28rem;
    width: 100%;
    padding: 1.5rem;
    text-align: center;
    background: var(--primary);
    color: var(--white);
    box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.16);
    transition: all .3s;
}

.news-detail-btn:hover {
	background: var(--white);
	color: var(--primary);
}

/* ==========================================
ページャー
========================================== */

ul.page-numbers {
    margin: 5rem 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem;
}

ul.page-numbers > li > .page-numbers {
    border: 1px solid var(--primary);
    display: flex;
    width: 2em;
    height: 2em;
    justify-content: center;
    align-items: center;
    color: var(--primary);
    transition: all .3s;
}

ul.page-numbers > li > .page-numbers:hover {
    background: var(--primary);
    color: var(--white);
}

ul.page-numbers > li > .page-numbers.current {
    background: var(--primary);
    color: var(--white);
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 1920px) {



}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 1550px) {



}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 1024px) {
    
	.news-block {
		grid-template-columns: repeat(2, 1fr);
		gap: 5rem 5.5rem;
	}

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 768px) {


	.news-area {
		flex-direction: column;
	}

	.news-main {
		width: 100%;
	}

	.news-side {
		width: 100%;
	}

	.news-block {
		gap: 4rem;
	}

	/* ==========================================
	カテゴリ
	========================================== */

	.archive-list,
	.category-list {
		font-size: 1.6rem;
	}

	.category-box {
		margin: 3rem 0 0;
	}

	.category-title {
		font-size: 1.8rem;
	}
		
	.accordion-list a {
		font-size: 1.4rem;
	}

	.accordion-list ul.children {
		border-left: 0.3rem solid var(--primary);
	}

	.accordion-list ul.children li a {
		font-size: 1.3rem;
	}
    
	/* ==========================================
	詳細
	========================================== */

	.news-detail {
	    border-top: solid 0.3rem var(--primary);
	    box-shadow: 0 0.2rem 0.5rem rgb(0 0 0 / 16%);
	    padding: 4rem 3rem;
	}
	
	.news-detail-title {
	    padding: 0 0 1rem;
	    margin: 1.5rem 0 0;
	}
	
	.news-detail-img {
	    margin: 2rem 0 0;
	}
	
	.news-detail-content {
	    margin: 2rem 0 0;
	}
	
	.news-detail-btn-box {
	    margin: 4rem auto 0;
	}
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 576px) {


	.news-block {
		gap: 4rem 2rem;
	}

	/* ==========================================
	カテゴリ
	========================================== */

	/* ==========================================
	詳細
	========================================== */

	.news-detail {
	    padding: 3rem 1.5rem;
	}
    
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 414px) {

	.news-block {
		grid-template-columns: repeat(1, 1fr);
	}

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */