@charset "UTF-8";
/*
Theme Name: 小海ネームプレート様用オリジナルテーマ
Theme URI:
Author: 小海ネームプレート
Author URI: http://#
Description: 小海ネームプレート様用オリジナルテーマです。
Version: 1.0
License:
License URI:
*/

body {
  background: #F9F9F9;
}
.pageTitle {
  background-image: url(img/page_title_bg.jpg);
}
.newsWrap {
  padding: 104px 0 82px;
}
.newsCats {
  display: flex;
  justify-content: center;
  gap: 48px;
  margin-bottom: 68px;
}
.newsCats a {
  display: block;
  position: relative;
}
.newsCats a.is-current::after {
  content: '';
  width: 100%;
  height: 2px;
  background: #0052A4;
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
}
.newsList li:not(:last-child) {
	margin-bottom: 13px;
}
.newsList li a {
	background: #fff;
	padding: 18px 22px;
	display: flex;
	align-items: center;
	gap: 13px;
}
.newsList li a .meta {
	display: flex;
	align-items: center;
	gap: 13px;
}
.newsList li a .cat {
	min-width: 65px;
	height: 22px;
	border-radius: 100vh;
	color: #fff;
	padding: 0 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.4rem;
	box-sizing: border-box;
}
.newsList li a .cat.news {
	background: #003F7E;
}
.newsList li a .cat.column {
	background: #595959;
}
.navigation {
  margin-top: 87px;
}
.navigation ul.page-numbers {
  display: flex;
  justify-content: center;
  gap: 2px;
}
.navigation span,
.navigation a {
  width: 35px;
  aspect-ratio: 1;
  background: #E6E6E6;
  display: flex;
  justify-content: center;
  align-items: center;
}
.navigation .current {
  background: #0052A4;
  color: #fff;
}
.navigation .next::after,
.navigation .prev::after {
  content: '';
  width: 7px;
  aspect-ratio: 1;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  transform: rotate(45deg);
}
.navigation .next::after {
  margin-left: -2px;
}
.navigation .prev::after {
  transform: scale(-1,1) rotate(45deg);
  margin-right: -2px;
}
.entry .meta {
	display: flex;
	align-items: center;
	gap: 13px;
  margin-bottom: 18px;
}
.entry .cat {
	min-width: 65px;
	height: 22px;
	border-radius: 100vh;
	color: #fff;
	padding: 0 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.4rem;
	box-sizing: border-box;
}
.entry .cat.news {
	background: #003F7E;
}
.entry .cat.column {
	background: #595959;
}
.entry .title {
  font-family: 'Noto Serif JP', serif;
  font-size: 2.6rem;
  font-weight: 600;
  margin-bottom: 60px;
}
.entry .entryContent {
  padding: 70px;
  background: #fff;
  border: 1px solid #000;
  line-height: 1.8;
}
.entry .entryContent *:not(:last-child) {
  margin-bottom: 25px;
}
.entryNav {
  display: flex;
  align-items: center;
  position: relative;
  margin-top: 65px;
}
.entryNav::after {
  content: '';
  width: 1px;
  height: 75px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 50%;
  background: #D2D2D2;
}
.entryNav li {
  width: 50%;
  position: relative;
}
.entryNav li.next {
  margin-left: auto;
}
.entryNav a {
  position: relative;
  display: block;
  padding: 10px 20px;
}
.entryNav a::after {
  content: '';
  width: 8px;
  aspect-ratio: 1;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  transform: rotate(45deg) translateY(-50%);
  position: absolute;
  top: 50%;
}
/* .entryNav li.next a {
  text-align: right;
} */
.entryNav li.next a::after {
  right: 0;
}
.entryNav li.prev a::after {
  left: 0;
  transform: rotate(45deg) translateY(-50%) scale(-1,-1);
}
.backList {
  margin-top: 60px;
  display: flex;
  justify-content: center;
}
.backList .comLink a {
  width: 185px;
}

@media all and (max-width: 896px) {
  .newsWrap {
    padding: 48px 0 66px;
  }
	.newsList li a {
		flex-direction: column;
		align-items: flex-start;
		gap: 5px;
	}
  .entry .meta {
    margin-bottom: 10px;
  }
  .entry .title {
    margin-bottom: 25px;
  }
  .entry .entryContent {
    padding: 18px;
  }
  .entryNav {
    flex-direction: column;
    margin-top: 50px;
  }
  .entryNav::after {
    content: none;
  }
  .entryNav li {
    width: auto;
  }
  .entryNav li.next a {
    text-align: left;
    padding-left: 0;
  }
  .entryNav li:nth-child(2)::after {
    content: '';
    width: 100%;
    height: 1px;
    background: #D2D2D2;
    position: absolute;
    top: 0;
    left: 0;
  }
}