@charset "UTF-8";

hgroup
{
	text-align: left;
	margin: 0 auto;
}

hgroup p
{
	margin-bottom: 0;
}

.page-titleimg
{
	background-image: url(../img/blog/top.webp)
}

@media screen and (max-width:500px)
{
	.page-titleimg
	{
		background-image: url(../img/blog/top-sp.webp)
	}
}

.post
{
	margin: 0 auto;
	width: 90%;
	max-width: 1200px;
	display: flex;
	justify-content: space-between
}

.left-area
{
	width: 72%
}

.right-area
{
	width: 22%
}

@media screen and (max-width:999px)
{
	.post
	{
		display: block;
		width: 86%
	}

	.left-area
	{
		width: 100%;
		margin-bottom: 50px
	}

	.right-area
	{
		width: 100%
	}
}

.post .right-area section
{
	margin-bottom: 30px
}

.post .right-area h2
{
	background: #F2F2F2;
	margin-bottom: 10px;
	padding: 5px 1em;
	font-weight: 500;
}

.post .right-area h2 img
{
	width: 14px;
	margin-right: 5px;
	font-weight: 500;
}

.post .right-area li
{
	display: block;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #BEBEBE
}

.post .right-area li .title
{
	font-size: 1.3rem;
	line-height: 1.35
}

.post .right-area li .img time
{
	font-size: 1.1rem;
	display: block;
	padding-bottom: 3px
}

.post .right-area li .title time
{
	color: var(--gold);
	font-size: 1.1rem;
	display: none;
	padding-bottom: 3px
}

.post .right-area .new-post li a
{
	display: flex;
	justify-content: space-between
}

.post .right-area .new-post li img
{
	width: 100px;
	height: 60px;
	object-fit: cover
}

.post .right-area .new-post li .title
{
	width: calc(100% - 110px);
	padding-top: 20px;
	font-size: 1.2rem
}

.post .right-area .year-list li
{
	display: flex
}

@media screen and (max-width:700px)
{
	.right-area h2
	{
		margin-bottom: .5em
	}

	.post .right-area .new-post li .title
	{
		font-size: 1.5rem;
		padding-top: 5px;
		width: calc(100% - 120px)
	}
}

.post .right-area .cate-list li.parent
{
	display: block;
	padding-bottom: 10px;
	padding-left: 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #BEBEBE
}

.post .right-area .cate-list li.parent .title
{
	font-size: 1.3rem;
	line-height: 1.35
}

.post .right-area .cate-list ul.child
{
	margin-top: 5px
}

.post .right-area .cate-list ul.child li
{
	position: relative;
	border: none;
	padding-bottom: 0;
	margin-bottom: 5px;
	padding-left: 1em;
	font-size: 1.3rem
}

.post .right-area .cate-list ul.child li::before
{
	position: absolute;
	content: '-';
	top: 0;
	left: 0;
	width: 1em;
	height: 1em
}

.post .left-area section
{
	display: flex;
	justify-content: space-between;
	margin-bottom: 60px
}

.post .left-area h2
{
	font-size: 2rem;
	font-weight: 500;
	border-bottom: 1px solid #000;
	margin-bottom: 40px
}

.post .left-area .left
{
	width: 30%
}

.post .left-area .right
{
	width: 67%
}

.post .left-area .right .contributor
{
	margin-bottom: 5px
}

.post .left-area .right .contributor .new
{
	display: inline-block;
	font-size: 1rem;
	color: #fff;
	padding: .1em .5em 0;
	background: var(--red);
	margin-right: .5em;
	letter-spacing: .1em;
	text-align: center
}

.post .left-area .right .contributor time
{
	font-size: 1.2rem
}

.post .left-area .left img
{
	width: 100%;
	height: 155px;
	object-fit: cover
}

.post .left-area .right .cont
{
	letter-spacing: .1em;
	line-height: 1.4
}

.post .left-area .right .cont h3
{
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.4
}

.post .left-area .right .cont .txt
{
	font-size: 1.3rem;
	margin: .5em 0
}

.post .left-area .right .tag
{
	font-size: 1.2rem;
	text-align: center;
	border: .5px solid #000;
	padding: 3px 10px
}

@media screen and (max-width:700px)
{
	.post .left-area section
	{
		display: block;
		margin-bottom: 30px
	}

	.post .left-area section .left,
	.post .left-area section .right
	{
		width: 100%
	}

	.post .left-area h2
	{
		font-size: 1.8rem;
		margin-bottom: 20px
	}

	.post .left-area .left img
	{
		margin-bottom: 10px
	}

	.post .left-area .right .cont h3
	{
		font-size: 1.5rem
	}
}

.post .left-area.detail h1
{
	font-size: 2.2rem;
	font-weight: 500;
	border: none;
	margin-bottom: 0;
	margin-top: .2em
}

.post .left-area.detail .contributor
{
	margin-bottom: 20px
}

.post .left-area.detail .contributor .new
{
	display: inline-block;
	padding: .1px 5px;
	background: var(--red);
	color: #fff;
	font-size: 1.2rem;
	margin-right: 5px
}

.post .left-area.detail .contributor .cate
{
	display: inline-block;
	border: .5px solid #000;
	padding: .1px 5px;
	margin-top: 10px
}

.post .left-area.detail .tag
{
	margin-top: 5px;
	font-size: 1.3rem;
	color: #858383
}

.post .left-area.detail .thumb
{
	width: 100%;
	height: 400px;
	object-fit: cover;
	margin-bottom: 20px
}

.post .left-area.detail .txt
{
	font-size: 1.6rem;
	letter-spacing: .05em
}

.post .left-area.detail .txt p
{
	padding-bottom: 1em
}

.post .left-area.detail .txt h1,
.post .left-area.detail .txt h2
{
	position: relative;
	font-size: 2rem;
	font-weight: 500;
	padding-bottom: .5em;
	padding-top: .8em;
	padding-left: 1.2em;
	border: none;
	margin: 0
}

.post .left-area.detail .txt h1::after,
.post .left-area.detail .txt h2::after
{
	position: absolute;
	content: '●';
	font-size: 2rem;
	top: .8em;
	left: 0
}

.post .left-area.detail .txt h2
{
	border-top: 5px solid #000;
	border-bottom: 5px double #000;
	margin-bottom: 1em;
	margin-top: 1em
}

.post .left-area.detail .txt h3
{
	position: relative;
	font-size: 1.8rem;
	font-weight: 500;
	padding-bottom: .5em;
	padding-top: .8em;
	padding-left: 1.3em
}

.post .left-area.detail .txt h3::after
{
	position: absolute;
	content: 'ー';
	font-size: 1.8rem;
	top: .8em;
	left: 0
}

.post .left-area.detail .txt ul
{
	padding-bottom: 1em;
	padding-left: 1em;
	list-style-type: disc
}

.post .left-area.detail .txt ol
{
	padding-left: 2em
}

.post .left-area.detail .txt a
{
	color: var(--green);
	text-decoration: underline;
	display: inline-block
}

.post .left-area.detail table
{
	font-size: 1.5rem;
	margin-bottom: 30px
}

.wp-block-image img
{
	margin-bottom: 20px
}

@media screen and (max-width:999px)
{
	.post .left-area.detail .contributor .new
	{
		font-size: 1.2rem
	}

	.post .left-area.detail .contributor
	{
		margin-bottom: 10px
	}

	.post .left-area.detail h1
	{
		font-size: 1.8rem;
		line-height: 1.4
	}

	.post .left-area.detail .contributor .cate
	{
		margin-top: 5px;
		font-size: 1.3rem
	}

	.post .left-area.detail .tag
	{
		font-size: 1.2rem;
		line-height: 1.2
	}

	.post .left-area.detail .thumb
	{
		height: 45vw;
		margin-bottom: 10px
	}

	.post .left-area.detail .txt
	{
		font-size: 1.5rem
	}

	.post .left-area.detail .txt p
	{
		padding-bottom: .5em
	}

	.post .left-area.detail .txt h1,
	.post .left-area.detail .txt h2
	{
		font-size: 1.6rem
	}

	.post .left-area.detail .txt h1::after,
	.post .left-area.detail .txt h2::after
	{
		font-size: 1.6rem
	}

	.post .left-area.detail .txt h2
	{
		border-top: 3px solid #000;
		border-bottom: 3px double #000
	}

	.post .left-area.detail .txt h3
	{
		font-size: 1.5rem
	}

	.post .left-area.detail .txt h3::after
	{
		top: .55em
	}

	.wp-block-image img
	{
		margin-bottom: 10px;
		margin-top: 10px
	}

	.post .left-area.detail .txt ul li
	{
		line-height: 1.3;
		padding-bottom: .3em
	}

	.post .left-area.detail table
	{
		font-size: 1.4rem;
		margin-bottom: 15px
	}
}

#ez-toc-container
{
	padding: 1em 1.5em;
	margin-top: 20px;
	margin-bottom: 3em
}

div#ez-toc-container p.ez-toc-title
{
	display: block;
	color: #000;
	border-bottom: 1px solid #000;
	padding-bottom: .2em;
	margin-bottom: .8em
}

div#ez-toc-container ul li
{
	padding-bottom: .4em
}

div#ez-toc-container ul.ez-toc-list a
{
	color: #448D48;
	font-size: 1.45rem
}

div#ez-toc-container ul.ez-toc-list a:hover,
div#ez-toc-container ul.ez-toc-list a:visited
{
	color: var(--green)
}

div#ez-toc-container ul.ez-toc-list ul
{
	margin-left: 2em;
	margin-top: .3em
}

div#ez-toc-container ul.ez-toc-list ul a
{
	position: relative;
	font-size: 1.35rem;
	padding-left: 1em
}

div#ez-toc-container ul.ez-toc-list ul a::before
{
	position: absolute;
	content: '-';
	font-size: 1.4rem;
	top: 0;
	left: 0
}

@media screen and (max-width:999px)
{
	div#ez-toc-container ul.ez-toc-list ul
	{
		margin-left: 1em
	}
}

.page-nav
{
	display: flex;
	justify-content: center;
	margin: 70px 0
}

.page-nav a
{
	padding: 0 50px;
	color: #000;
	font-size: 1.7rem;
	text-decoration: underline
}

.page-nav a.prev-link,
.page-nav a.next-link
{
	color: var(--gold);
	text-decoration: none
}

.page-nav a img
{
	width: 21.65px;
	height: 21.65px;
	margin: 0 5px 3px
}

@media screen and (max-width:999px)
{
	.page-nav
	{
		margin: 35px auto
	}

	.page-nav a
	{
		padding: 0 10px
	}
}

.share
{
	text-align: center
}

.share h2
{
	position: relative;
	font-size: 1.7rem;
	display: inline-block
}

.share h2::before
{
	position: absolute;
	content: '/';
	top: 0;
	left: -1em;
	font-size: 2rem;
	transform: rotateY(180deg)
}

.share h2::after
{
	position: absolute;
	content: '/';
	top: 0;
	right: -1em;
	font-size: 2rem
}

.share ul
{
	display: flex;
	justify-content: center;
	margin-top: 15px
}

.share ul li
{
	margin: 0 15px;
	width: 40px
}

.event ul li
{
	display: flex
}

.search h2
{
	font-size: 2rem;
	font-weight: 500;
	padding-bottom: 1em
}

.search .list
{
	margin: 50px auto;
}

.search .list li
{
	padding-bottom: 1em
}

.search .list li a
{
	font-size: 1.5rem;
	text-decoration: underline
}

.search .list li a:hover
{
	color: var(--red)
}

.wp-pagenavi
{
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 30px auto
}

.wp-pagenavi .current
{
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	background: #000;
	border-radius: 50%;
	text-align: center;
	font-size: 1.6rem;
	color: #fff;
	margin: 0 5px
}

.wp-pagenavi a.page
{
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	background: #BEBEBE;
	border-radius: 50%;
	font-size: 1.6rem;
	text-align: center;
	margin: 0 5px
}

.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink
{
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border: 1px solid #000;
	border-radius: 50%;
	text-align: center;
	margin: 0 5px
}

@media screen and (max-width:999px)
{
	.search h2
	{
		font-size: 1.6rem;
		font-weight: 500;
		padding-bottom: 1em
	}
}