/*
Theme Name: Babyプラス2025
Theme URI:
Author: Babyプラス2025
Author URI:
Description: Babyプラスのテーマ
*/

/* --------------------------------------------------------------------------------------
  記事の中身のスタイルをデフォルトに戻す
--------------------------------------------------------------------------------------- */

.post-content html,
.post-content address,
.post-content blockquote,
.post-content body,
.post-content dd,
.post-content div,
.post-content dl,
.post-content dt,
.post-content fieldset,
.post-content form,
.post-content frame,
.post-content frameset,
.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6,
.post-content noframes,
.post-content ol,
.post-content p,
.post-content ul,
.post-content center,
.post-content dir,
.post-content hr,
.post-content menu,
.post-content pre {
	display: block;
	unicode-bidi: embed;
}

.post-content li { display: list-item; }
.post-content head { display: none; }
.post-content table { border-spacing: 2px; display: table; }
.post-content tr { display: table-row; }
.post-content thead { display: table-header-group; }
.post-content tbody { display: table-row-group; }
.post-content tfoot { display: table-footer-group; }
.post-content col { display: table-column; }
.post-content colgroup { display: table-column-group; }

.post-content td,
.post-content th { display: table-cell; }

.post-content caption {
	display: table-caption;
	text-align: center;
}

.post-content th {
	font-weight: bolder;
	text-align: center;
}

.post-content body { margin: 8px; }

.post-content h1,
.post-content h2,
.post-content h4,
.block-editor-block-list__layout > h2,
.block-editor-block-list__layout > h4 {
	font-size: 24px;
	margin: 50px 0 .75em;
	padding-bottom: 14px;
	position: relative;
}

.post-content h1::before,
.post-content h2::before,
.post-content h4::before,
.post-content h1::after,
.post-content h2::after,
.post-content h4::after,
.block-editor-block-list__layout > h2::before,
.block-editor-block-list__layout > h2::after,
.block-editor-block-list__layout > h4::before,
.block-editor-block-list__layout > h4::after {
	background-color: #e5e5e5;
	bottom: 0;
	content: '';
	height: 2px;
	left: 0;
	position: absolute;
	top: auto !important;
	width: 100%;
	z-index: 1;
}

.post-content h1::after,
.post-content h2::after,
.block-editor-block-list__layout > h2::after {
	background-color: #eb6d7b;
	width: 50px;
	z-index: 2;
}

.post-content h4::after,
.block-editor-block-list__layout > h4::after {
	background-color: #6b93b3;
	width: 50px;
	z-index: 2;
}

.post-content h3 {
	font-size: 1.5em;
	margin: .83em 0;
	position: relative;
}

.post-content h3,
.block-editor-block-list__layout > h3 {
	color: #6b93b3;
	font-size: 28px;
	margin: 50px 0 .75em;
	padding-bottom: 14px;
	position: relative;
}

.post-content h3::after,
.block-editor-block-list__layout > h3::after {
	background-color: #6b93b3;
	bottom: 0;
	content: '';
	height: 2px;
	left: 0;
	position: absolute;
	top: auto !important;
	width: 100%;
	z-index: 1;
}

.post-content h4,
.post-content p,
.post-content blockquote,
.post-content ul,
.post-content fieldset,
.post-content form,
.post-content ol,
.post-content dl,
.post-content dir,
.post-content menu,
.post-content .wp-block-image { margin: 1.4em 0; }

.post-content p {
	/* margin: 1.2em 0; */
	margin: 1em 0;
}

.post-content h5 {
	font-size: .83em;
	margin: 1.5em 0;
}

.post-content h6 {
	font-size: .75em;
	margin: 1.67em 0;
}

.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6,
.post-content b,
.post-content strong { font-weight: 700; }

.post-content blockquote {
	margin-left: 40px;
	margin-right: 40px;
}

.post-content i,
.post-content cite,
.post-content em,
.post-content var,
.post-content address { font-style: italic; }

.post-content pre,
.post-content tt,
.post-content code,
.post-content kbd,
.post-content samp { font-family: monospace; }

.post-content pre { white-space: pre; }

.post-content button,
.post-content textarea,
.post-content input,
.post-content select { display: inline-block; }

.post-content big { font-size: 1.17em; }

.post-content small,
.post-content sub,
.post-content sup { font-size: .83em; }

.post-content sub { vertical-align: sub; }
.post-content sup { vertical-align: super; }

.post-content thead,
.post-content tbody,
.post-content tfoot { vertical-align: middle; }

.post-content td,
.post-content th,
.post-content tr { vertical-align: inherit; }

.post-content s,
.post-content strike,
.post-content del { text-decoration: line-through; }

.post-content hr { border: 1px inset; }

.post-content ol,
.post-content ul,
.post-content dir,
.post-content menu,
.post-content dd { margin-left: 40px; }

.post-content ol { list-style-type: decimal; }

.post-content ol ul,
.post-content ul ol,
.post-content ul ul,
.post-content ol ol {
	margin-bottom: 0;
	margin-top: 0;
}

.post-content u,
.post-content ins { text-decoration: underline; }

.post-content br:before {
	content: '\A';
	white-space: pre-line;
}

.post-content center { text-align: center; }

.post-content a { color: #579ef7; }

.post-content a:link,
.post-content a:visited { text-decoration: underline; }
.post-content a:focus { outline: thin dotted invert; }

.post-content img { max-width: 100%; }

.aligncenter {
	display: block;
	margin: 0 auto;
}

.alignright { float: right; }
.alignleft { float: left; }

img[class*='wp-image-'],
img[class*='attachment-'] {
	height: auto;
	max-width: 100%;
}

.post-content p::after {
	clear: both;
	content: '';
	display: block;
}

/* --------------------------------------------------------------------------------------
   投稿画面
--------------------------------------------------------------------------------------- */

.edit-post-visual-editor__content-area {
	background-color: #fff7f4;
	padding: 56px 0 !important;
}

.edit-post-visual-editor__content-area > div {
	background-color: #fff !important;
	border-radius: 10px;
	margin: auto !important;
	max-width: 1000px;
}

.editor-post-title__input,
.editor-styles-wrapper {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Yu Gothic', YuGothic,'メイリオ',Meiryo,'Osaka','ＭＳ Ｐゴシック','MS PGothic',sans-serif !important;
}

.editor-styles-wrapper { padding: 50px; }

.wp-block { max-width: 1000px; }

.edit-post-visual-editor__post-title-wrapper .editor-post-title { margin-top: 0; }


/* --------------------------------------------------------------------------------------
  共有パーツ
--------------------------------------------------------------------------------------- */

.post-ttl dl {
	align-items: center;
	display: flex;
}

.post-ttl dt {
	margin-left: 20px;
	order: 2;
}

.post-ttl dd { order: 1; }

.post-ttl dd li {
	border-radius: 100vw;
	color: #fff;
	display: inline-block;
	font-size: 1.4rem;
	letter-spacing: 1px;
	/* margin-left: 20px; */
	margin-left: 5px;
	min-width: 96px;
	text-align: center;
	transition: all .3s ease;
	vertical-align: middle;
	padding: 0 10px;
}

.post-ttl dd li:first-child { margin-left: 0; }

.post-ttl dt time {
	display: inline-block;
	font-size: 1.4rem;
	vertical-align: middle;
}

.post-ttl h1,
.editor-post-title__input {
	border-bottom: 2px solid !important;
	color: #eb6d7b !important;
	font-size: 28px !important;
	font-weight: bold !important;
	height: auto !important;
	letter-spacing: 1px;
	margin-top: 14px;
	margin-bottom: 25px;
}

.author-wrap {
	background-color: #fff7f4;
	border-radius: 10px;
	display: flex !important;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 20px auto;
	max-width: 554px;
	padding: 23px 47px;
}

.author-wrap .author-column > div {
	border-radius: 100vw;
	height: 160px;
	overflow: hidden;
	width: 160px;
}

.author-wrap .author-column > .no-image {
	background: #fff url(shared/img/baby_Illust.svg) no-repeat center center / 30% auto;
	font-size: 0;
}

.author-wrap dl { width: 273px; }

.author-wrap dt {
	font-size: 2rem;
	font-weight: bold;
}

.author-wrap dd {
	font-size: 1.5rem;
	margin-left: 0;
	margin-top: 4px;
}

.author-wrap.author-all {
	max-width: 900px;
	padding: 25px 40px 25px 0;
}

.author-wrap .author-column {
	align-items: center;
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.author-wrap.author-all .author-column {
	padding-left: 45px;
	width: 410px;
}

.author-wrap.author-all .author-column:nth-child(even) { border-left: 1px solid #f1edeb; }

.author-wrap.author-all .author-column:nth-child(n+3) { margin-top: 40px; }

.author-wrap.author-all dl { width: 178px; }

/* --------------------------------------------------------------------------------------
  記事一覧
--------------------------------------------------------------------------------------- */

/* 2カラム構成 */
.main-content {
  display: flex;
  max-width: 1000px;
  margin: 0 auto;
}

.content-right {
	flex: 0 0 760px;
  padding: 20px 0 200px 20px;
	background: none;
}

/* 左カラム */
.sidebar {
	flex: 0 0 220px;
	transition: transform 0.3s ease, opacity 0.3s ease;
}

.sidebar-list {
	margin-top: 20px;
	padding: 5px 20px;
  font-size: 16px;
	background: #FFF;
	border-radius: 10px;
}

.sidebar-list li {	
	line-height: 1.4;
}

.sidebar-list .parent-cat {
  font-weight: bold;
  margin: 18px 0 12px;
  color: #eb6d7b;
}

.sidebar-list .parent-cat a {
	position: relative;
  color: #eb6d7b;
	font-size: 16px;
}

.sidebar-list .parent-cat .icon {
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-right: 6px;
	background-color: #eb6d7b;
	border-radius: 100px;
	vertical-align: 1px;
}

.sidebar-list .parent-cat .icon::before {
	content: "";
	display: block;
	box-sizing: border-box;
	position: absolute;
	width: 4px;
	height: 4px;
	color: #FFF;
	border-bottom: 1px solid;
	border-right: 1px solid;
	transform: rotate(-45deg);
	left: 2px;
	top: 3px;
}

.sidebar-list .child-cat {
  font-size: 16px;
  color: #888;
  position: relative;
}

.sidebar-list .child-cat a {
	display: block;
	padding: 5px 0 5px 23px;
}

.sidebar-list .child-cat a::before	 {
	content: "";
	display: block;
	box-sizing: border-box;
	position: absolute;
	width: 6px;
	height: 6px;
	color: #eb6d7b;
	border-bottom: 2px solid;
	border-right: 2px solid;
	transform: rotate(-45deg);
	left: 5px;
	top: 12px;
}

.sidebar-link {
	margin-top: 20px;
}

.sidebar-link li {
	position: relative;
	border: 2px solid #f5dee0;
	border-radius: 10px;
	margin-bottom: 10px;
	background-color: #FFF;
	padding: 15px 16px 13px;
	line-height: 1.4;
}

.sidebar-link li a {
	display: flex;
	justify-content: space-between;
}

.sidebar-link li a span {
	width: calc(100% - 18px);
	font-size: 15px;
}

.sidebar-link li a .link-icon {
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	transform: scale(0.5);
	width: 12px;
	height: 12px;
	box-shadow:
	-2px 2px 0 0 #eb6d7b,
	-4px -4px 0 -2px #eb6d7b,
	4px 4px 0 -2px #eb6d7b;
	margin-left: 1px;
	margin-top: 5px;
}

.sidebar-link li a .link-icon::after,
.sidebar-link li a .link-icon::before {
	content: "";
	display: block;
	box-sizing: border-box;
	position: absolute;
	right: -4px;
}

.sidebar-link li a .link-icon::before {
	background: currentColor;
	transform: rotate(-45deg);
	width: 12px;
	height: 2px;
	background-color: #eb6d7b;
	top: 1px;
}

.sidebar-link li a .link-icon::after {
	width: 8px;
	height: 8px;
	border-right: 2px solid #eb6d7b;
	border-top: 2px solid #eb6d7b;
	top: -4px;
}

@media (max-width: 1000px) {
	.content-right {
		flex: 0 0 calc(100% - 40px);
		padding: 20px 20px 50px 20px;
	}

  .sidebar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.2);
    transform: translateX(-100%);
    opacity: 0;
    z-index: 100;
    overflow-y: auto;
  }

  .sidebar.open {
    transform: translateX(0);
    opacity: 1;
  }

	.sidebar-link {
		padding: 0 20px;
	}

	body.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden;
  }
}

/* 記事サムネイル表示 */
.section-title {
	position: relative;
	font-size: 26px;
	font-weight: normal;
	color: #ff6699;
	margin: 20px 0 10px;;
	padding: 0 15px 15px;
}

.section-title:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  content: '';
  background-image: -webkit-repeating-linear-gradient(135deg, #ff6699, #ff6699 1px, transparent 2px, transparent 5px);
  background-image: repeating-linear-gradient(-45deg, #ff6699, #ff6699 1px, transparent 2px, transparent 5px);
  background-size: 7px 7px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.thumbnail-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  max-width: 800px;
  margin: 0 auto;
  padding: 20px 0;
  position: relative;
}

.thumbnail-grid .thumbnail-loading-overlay {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(255,255,255,0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5em;
  color: #d17fa6;
  z-index: 10;
  pointer-events: none;
}

.thumbnail-grid .thumbnail-loading-overlay .loading-spinner {
  animation: rotate 2s linear infinite;
}
.thumbnail-grid .thumbnail-loading-overlay .loading-spinner .path {
  stroke-linecap: round;
  animation: dash 2.5s ease-in-out infinite;
}
@keyframes rotate {
  100% { transform: rotate(360deg); }
}
@keyframes dash {
  0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0; }
  50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35; }
  100% { stroke-dasharray: 90, 150; stroke-dashoffset: -124; }
}

.thumbnail-item {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  padding: 12px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.thumbnail-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.08);
}

.thumbnail-item .thumb {
	width: 216px;
	height: 152px;
	margin-bottom: 10px;
	overflow: hidden;
	position: relative;
}

.thumbnail-item .thumb img {
	object-fit: cover;
  width: auto;
	height: 100%;
  border-radius: 6px;
}

.thumbnail-item .tags {
  font-size: 12px;
  color: #FFF;
  margin-bottom: 4px;
}

.thumbnail-item .tags .tag {
  background: #f0f0f0;
  border-radius: 12px;
  padding: 2px 8px;
  margin: 0 4px 4px 0;
  display: inline-block;
}

.thumbnail-item .title {
  font-size: 16px;
  font-weight: bold;
  color: #444;
  margin: 8px 0;
  line-height: 1.4;
}

.thumbnail-item .writer {
  font-size: 12px;
  color: #777;
  margin-bottom: 6px;
}

.thumbnail-item .thumb .views-count,
.thumbnail-item .thumb .pr-label {
	position: absolute;
	bottom: 4px;
	right: 4px;
	background: rgba(255, 102, 153, 0.6);
	color: #fff;
	padding: 4px 8px;
	border-radius: 4px;
	font-size: 12px;
	display: flex;
	align-items: center;
	gap: 4px;
}

.thumbnail-item .thumb .views-count .eye-icon {
	fill: currentColor;
	opacity: 0.8;
	transform: scale(0.8);
}

@media screen and (max-width: 1000px) {
	.content-right {
		flex: 0 0 calc(100% - 40px);
		padding: 20px 20px 50px;
		width: calc(100% - 40px);
		margin: 0 auto;;
	}

  .thumbnail-grid {
		width: 100%;
		max-width: 100%;
  }

	.thumbnail-item .thumb {
    width: 100%;
    height: auto;
	}
}

@media screen and (max-width: 840px) {
  .thumbnail-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 560px) {
  .thumbnail-grid {
    grid-template-columns: repeat(1, 1fr);
  }
	
	.thumbnail-item {
		overflow: visible;
		display: flex;
		justify-content: space-between;
		gap: 15px;
	}

	.thumbnail-item .thumb {
		align-items: center;
		display: flex;
		justify-content: center;
		width: 30%;
		margin-bottom: 0;
	}

	.thumbnail-item .thumb img {
		object-fit: cover;
		width: auto;
		height: 100%;
	}

	.thumbnail-item .inner {
		width: 60vw;
	}
	.thumbnail-item .inner .tags {
		font-size: 12px;
		color: #FFF;
		margin-bottom: 4px;
	}

	.thumbnail-item .inner .tags .tag {
		background: #f0f0f0;
		border-radius: 12px;
		padding: 2px 8px;
		margin-right: 4px;
		display: inline-block;
	}

	.thumbnail-item .inner .title {
		font-size: 16px;
		font-weight: bold;
		color: #444;
		margin: 8px 0;
		line-height: 1.4;
	}

	.thumbnail-item .inner .writer {
		font-size: 12px;
		color: #777;
		margin-bottom: 6px;
	}

	.thumbnail-item .inner .excerpt {
		font-size: 13px;
		color: #555;
		line-height: 1.5;
	}

	.thumbnail-item .inner .views {
		font-size: 12px;
		color: #aaa;
		margin-top: 4px;
	}
}

.post-list-wrap { margin-top: 50px; }

.post-list-wrap > h2 {
	font-size: 2.8rem;
	font-weight: bold;
	letter-spacing: 1px;
}

.post-list-inner { margin-top: 32px; }

.post-item {
	align-items: center;
	background-color: #fff;
	border-radius: 10px;
	display: flex;
	justify-content: space-between;
	margin-top: 16px;
	padding: 30px 40px;
	transition: all .3s ease-in-out;
}

.post-item:first-child { margin-top: 0; }

.post-item > div {
	border-radius: 10px;
	overflow: hidden;
	width: 300px;
}

.post-item > .no-image {
	background: url(shared/img/baby_Illust.svg) no-repeat center center / 30% auto;
	border: 1px solid #ccc;
	font-size: 0;
	min-height: 207px;
}

.post-item > section {
	text-align: left;
	width: 580px;
}

.post-item > section h2 {
	color: #eb6d7b;
	font-size: 2rem;
	font-weight: bold;
	margin-top: 18px;
}

.post-item > section h3 {
	align-items: center;
	display: flex;
	font-size: 1.8rem;
	margin-top: 14px;
}

.post-item > section h3 strong {
	font-weight: normal;
	white-space: nowrap;
}

.post-item > section h3 span {
	display: inline-block;
	font-size: 80%;
	margin-left: 20px;
}

.post-item > section p {
	font-size: 1.4rem;
	margin-top: 14px;
}

/* --------------------------------------------------------------------------------------
  記事詳細
--------------------------------------------------------------------------------------- */

.post-wrap {
	background-color: #fff;
	border-radius: 10px;
	margin-bottom: 40px;
	padding: 50px 50px 0;
}

.post-wrap .post-content {
	padding-bottom: 50px;
}

.wp-pagenavi {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 60px auto;
	text-align: center;
}

.wp-pagenavi a,
.wp-pagenavi span,
.wp-pagenavi .pages {
	align-items: center;
	background-color: #fff;
	border: 1px solid #eb6d7b;
	border-radius: 100vw;
	color: #000;
	display: flex;
	font-size: 1.4rem;
	height: 40px;
	justify-content: center;
	line-height: 40px;
	margin-left: 8px;
	position: relative;
	transition: all .3s ease-in-out;
	width: 40px;
}

.wp-pagenavi a:first-child,
.wp-pagenavi span:first-child { margin-left: 0px; }

.wp-pagenavi .next,
.wp-pagenavi .prev {
	background-color: #eb6d7b;
	color: #fff;
	font-size: 0;
}

.wp-pagenavi .next::after,
.wp-pagenavi .prev::after {
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	content: '';
	display: inline-block;
	height: 8px;
	transition: all .3s ease-in-out;
	width: 8px;
}

.wp-pagenavi .prev::after {
	margin-left: 4px;
	transform: rotate(135deg);
}

.wp-pagenavi .next::after {
	margin-right: 4px;
	transform: rotate(315deg);
}

.wp-pagenavi .extend {
	background-color: transparent;
	border: none;
}

.wp-pagenavi .current {
	background-color: #eb6d7b;
	color: #fff;
	text-decoration: none;
}

.preview-next {
	border-top: 1px solid #e5e5e5;
	display: flex;
	justify-content: space-between;
	margin: 50px 0 0;
}

.preview-next li { width: 50%; }

.preview-next li a {
	align-items: center;
	color: #000;
	display: flex;
	font-size: 1.4rem;
	min-height: 70px;
	overflow: inherit;
	position: relative;
	transition: all .3s ease;
}

.preview-next li a::before {
	background-color: #eb6d7b;
	border-radius: 100vw;
	content: '';
	display: block;
	height: 28px;
	position: absolute;
	width: 28px;
}

.preview-next li a::after {
	border-right: solid 1px #fff;
	border-top: solid 1px #fff;
	content: '';
	display: block;
	height: 7px;
	line-height: 1.2;
	position: absolute;
	right: 52px;
	width: 7px;
}

.preview-next .preview a { padding-left: 80px; }
.preview-next .preview a::before { left: 40px; }
.preview-next .preview a::after {
	left: 52px;
	transform: rotate(225deg);
}

.preview-next .next a {
	justify-content: flex-end;
	padding-right: 80px;
}

.preview-next .next a::before { right: 40px; }
.preview-next .next a::after {
	right: 52px;
	transform: rotate(45deg);
}

/* 関連タグ */
.tag-list li {
  position: relative;
	display: inline-block;
	border-radius: 50px;
	margin: 10px 20px 0 0;
}

.tag-list li a {
	display: block;
	padding: 5px 20px 5px 32px;
	color: #FFF;
	cursor: pointer;
}

.tag-list li a::before	 {
	content: "";
	display: block;
	box-sizing: border-box;
	position: absolute;
	width: 6px;
	height: 6px;
	color: #FFF;
	border-bottom: 2px solid;
	border-right: 2px solid;
	transform: rotate(-45deg);
	left: 16px;
	top: 16px;
}

/* --------------------------------------------------------------------------------------
   IOSのタップ用
--------------------------------------------------------------------------------------- */

@media (min-width: 980px) {

	.post-item:hover {
		opacity: .7;
		text-decoration: none;
	}

	.preview-next li a:hover { text-decoration: none; }

	.wp-pagenavi a:hover {
		background-color: #eb6d7b;
		color: #fff;
		text-decoration: none;
	}

}

/* --------------------------------------------------------------------------------------
   タブレット
--------------------------------------------------------------------------------------- */

@media (max-width: 979px) {


}

/* --------------------------------------------------------------------------------------
   スマホ
--------------------------------------------------------------------------------------- */

@media (max-width: 766px) {

	.post-list-wrap > h2 { font-size: 5.333vw; }

	.post-list-inner { margin-top: 6.667vw; }

	.post-item {
		flex-wrap: wrap;
		margin-top: 4vw;
		padding: 6vw 5.333vw;
	}

	.post-item > div {
		align-items: center;
		display: flex;
		justify-content: center;
		width: 34vw;
	}

	.post-list-inner .post-item > div img { object-fit: cover; }

	.post-item > .no-image { min-height: 26.667vw; }

	.post-item > section { width: 40.667vw; }

	.post-item > section p { display: none; }

	.post-item > section h3 strong { display: block; }

	.post-ttl dd li {
		font-size: 3.2vw;
		min-width: 18.667vw;
		padding: 0 2.667vw;
	}

	.post-ttl dt {
		font-size: 3.2vw;
		margin-left: 2.133vw;
	}

	.post-item > section h2 {
		font-size: 4.267vw;
		margin-top: 1.867vw;
	}

	.post-item > section h3 {
		display: block;
		font-size: 3.467vw;
		margin-top: 1.867vw;
	}

	.post-item > section h3 span {
		margin-left: 0;
		margin-top: 1.867vw;
	}

	.post-item > p {
		border-top: 2px solid #e5e5e5;
		line-height: 1.5;
		margin-top: 5.333vw;
		padding-top: 5.333vw;
	}

	.post-list-wrap { margin-top: 0; }

	.post-wrap {
		margin-bottom: 5.333vw;
		/* padding: 6.667vw 6.4vw 0; */
		padding: 5vw 5vw;
	}

	.post-ttl h1,
	.editor-post-title__input {
		font-size: 5.333vw !important;
		margin-top: 2.4vw;
		padding-bottom: 2.667vw !important;
	}

	.post-content h1,
	.post-content h2,
	.post-content h3,
	.post-content h4,
	.block-editor-block-list__layout > h2,
	.block-editor-block-list__layout > h3,
	.block-editor-block-list__layout > h4 {
		font-size: 4.8vw;
		margin-bottom: 0;
		margin-top: 8vw;
		padding-bottom: 3.2vw;
	}

	.post-content h1::after,
	.post-content h2::after,
	.post-content h4::after,
	.block-editor-block-list__layout > h2::after,
	.block-editor-block-list__layout > h4::after { width: 6.667vw; }

	.author-wrap,
	.author-wrap.author-all { padding: 3.2vw 6.4vw; }

	.author-wrap .author-column {
		padding: 3.067vw 0;
		width: 100%;
	}

	.author-wrap .author-column > div {
		height: 21.333vw;
		width: 21.333vw;
	}

	.author-wrap dl,
	.author-wrap.author-all dl {
		margin: 0;
		width: 37.333vw;
	}

	.author-wrap dt { font-size: 4.267vw; }

	.author-wrap dd {
		font-size: 3.2vw;
		line-height: 1.6;
		margin-top: 1.067vw;
	}

	.author-wrap.author-all .author-column {
		padding-left: 0;
		width: 100%;
	}

	.author-wrap.author-all .author-column:nth-child(even) { border-left: none; }

	.author-wrap.author-all .author-column:nth-child(n+2) { border-top: 1px solid #f1edeb; }

	.author-wrap.author-all .author-column:nth-child(n+3) { margin-top: 0; }

	/* .preview-next { margin: 10.667vw -6.4vw 0; } */
	.preview-next { margin: 10.667vw -5vw 0; }

	.preview-next li a::before {
		height: 6.667vw;
		width: 6.667vw;
	}

	.preview-next .preview a { padding-left: 15.333vw; }
	.preview-next .preview a::before { left: 5.333vw; }
	.preview-next .preview a::after { left: 8vw; }

	.preview-next .next a { padding-right: 15.333vw; }
	.preview-next .next a::before { right: 5.333vw; }
	.preview-next .next a::after { right: 8vw; }

	.wp-pagenavi {
		margin: 0 auto 50px;
	}

	.wp-pagenavi a,
	.wp-pagenavi span,
	.wp-pagenavi .pages {
		font-size: 3.2vw;
		height: 8.2vw;
		margin-left: 2.267vw;
		width: 8.2vw;
	}

	.wp-pagenavi .extend { width: auto; }

}