@charset "utf-8";


/*　投稿・投稿一覧：共通　*/
.pp-6 {
grid-template-columns: 1fr 1fr 1fr;
}

.pp-4,
.pp-7,
.pp-8,
.pp-9 {
grid-template-columns: 1fr 1fr 1fr 1fr;
}

.pp-5,
.pp-10 {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}





/*　サムネイルタイプ　*/
.content.thumbnail a {
	border: 1px solid #424242;
	background-color: rgba(255,255,255,0.7);
}

.content.thumbnail a:hover {
	background: #FFFFFF;
transition: 1s;
}





/*　リストタイプ　*/
.content.list .top {
	display: none;
}

.content.list a {
	display: block;
	padding: 15px 20px 15px 20px;
}

.content.list .title-content,
.content.list .date-time{
	padding: 10px;
}

.content.list a:hover {
	background-color: #FFFFFF;
transition: 1s;
}





/*　ラベル　*/
.label {
	color: #FFFFFF;
	text-decoration: none;
	border: 1px solid rgba(0,0,0,0.05);
}

a.label:hover {
	border: 1px solid rgba(0,0,0,0.5);
transition: 1s;
}

.new {
	color: #B71C1C !important;
	border: 1px solid #B71C1C;
}

.cat-item {
	color: #FFFFFF;
	background-color: rgba(13,71,161,1);
}

.tag-item {
	background-color: rgba(212,115,0,1);
}

.icon:before {
	color: rgba(0,118,200,1);
	border: 1px solid rgba(0,118,200,1);
	background-color: rgba(255,255,255,1);
}





/*　タイトル　*/





/*　日付　*/
.type-post .date-time {
	margin-top: 10px;
align-self: end;
justify-self: end;
}

.list .type-post .date-time {
	margin-top: initial;
	line-height: 120%;
align-self: initial;
justify-self: initial;
}





/*　ボタン　*/
.button-postlist a {
	color: #FFFFFF;
	line-height: 150%;
	padding: 10px 30px 10px 30px;
	background-color: rgba(255,255,255,0.3);
border-radius: 50px;
}

.button-postlist a:hover {
	background-color: rgba(255,255,255,0.5);
transition: 1s;
}





/*　投稿一覧　*/





/*　投稿　*/
.is-layout-constrained {
	padding: 20px;
	background-color: rgba(255,255,255,0.15);
}

.column.single #primary .post-title {
	font-size: 1.75em;
	font-weight: 400;
	margin-top: 50px;
	padding-right: var(--spacing-outer);
	padding-left: var(--spacing-outer);
}

.column.single #primary main .icon {
	margin-inline: auto;
	padding-right: var(--spacing-outer);
	padding-left: var(--spacing-outer);
display: flex;
gap: 5px;
}

.column.single #primary main .date-time {
	margin-bottom: 40px;
	padding-right: var(--spacing-outer);
	padding-left: var(--spacing-outer);
}

.column.single #primary main .month {
	font-size: 2rem;
}

.column.single #primary main .day {
	font-size: 2rem;
}





/*　検索結果　*/





/*　ページ送り　*/
.page-navigation {
	background: rgb(0 129 213 / 15%);
border-radius: 10px;
grid-template-columns: 1fr 1fr;
}

.page-navigation a {
	color: #FFFFFF;
}

.page-navigation .next-link::after,
.page-navigation .prev-link::after {
	border-right: 1px solid rgba(255,255,255,0.5);
	border-top: 1px solid rgba(255,255,255,0.5);
}

.page-navigation a.next-link:hover::after,
.page-navigation a.prev-link:hover::after {
	border-right: 1px solid rgba(255,255,255,1);
	border-top: 1px solid rgba(255,255,255,1);
transition: 1s;
}

.page-navigation a:hover {
transition: 1s;
}





/*　お知らせ（ホーム）　*/





/*　固定ページ　*/





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

.content.thumbnail {
	max-width: 1280px;
	margin-inline: auto;
}

.content.thumbnail a .bottom {
	padding: 10px 10px 10px 10px;
}

body.single main .post-title {
	width: 1000px;
	margin-inline: auto;
}

body.single main .icon,
body.single main .date-time {
	max-width: 1000px;
	margin-inline: auto;
}

.page-navigation {
	max-width: 1280px;
	margin-inline: auto;
}

}





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





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





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

.page-navigation {
display: block;
}

}





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

.content.thumbnail.five {
grid-template-columns: repeat(4,1fr);
}

.content.thumbnail.five a:first-child {
grid-column-start: 1;
grid-column-end: 5;
grid-row-start: 1;
grid-row-end: 2;
}

.content.thumbnail.five a:nth-child(2),
.content.thumbnail.four a:nth-child(2) {
grid-column-start: 1;
}

.new-posts .content.thumbnail:not(.three) a:first-child .top {
	height: 300px;
aspect-ratio: initial;
}

}





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

.content.thumbnail {
grid-template-columns: 1fr 1fr;
}

.content.thumbnail.five {
grid-template-columns: repeat(2,1fr);
}

.content.thumbnail.five a:first-child {
grid-column-end: 3;
}

.content.thumbnail.four a:first-child {
grid-column-end: 3;
}

}





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





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

.page-navigation {
gap: 10px;
}

.page-navigation > div {
grid-template-columns: 1fr;
}

.column.single .page-navigation > div {
grid-template-columns: 1fr;
}

}





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

.content.thumbnail {
grid-template-columns: 1fr;
}

.content.thumbnail.five,
.content.thumbnail.three,
.content.thumbnail.two {
display: flex;
flex-direction: column;
}

.content.list a {
	padding: 15px 20px 15px 20px;
display: flex;
flex-direction: column;
}

}





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





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

.page-navigation a {
	max-width: 300px;
}

}