@charset "UTF-8";

#allWrapper
{
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

h1,
h2
{
	transition-delay: .5s;
	font-size: clamp(1.2rem, 5vw, 2.2rem);
	
	color:rgb(168, 27, 75);
}

#title h2
{
	font-size: clamp(1.1rem, 5vw, 1.5rem);
	margin-bottom: 0em;
}

#title._a h1 > span,
#title._a h1 > a,
#title._a h2 > span,
#title._a h2 > a
{
	border-bottom: 1px solid;
}

#content
{
	width: 100%;
	padding: max(3vw, 3rem) 0 max(10vw, 10rem);
}

body
{
	background-color: rgb(255, 255, 255);
}

.max_page_width
{
	padding: 0 2rem;
}

#title .summary
{
	font-family: 'Zen-B', serif;
	font-weight: 700;
	padding: 2em 0 4em;
}

/**********************************************************************/
/********************************* 本文 ********************************/
/**********************************************************************/

h1.wp-block-heading,
.editor-editor-canvas__post-title-wrapper h1,
.block-editor-block-list__layout h1,
#contents h1
{
	font-size: clamp(1.5rem, 5vw, 2.2rem);
	margin-bottom: 1em;
}

h2.wp-block-heading,
.block-editor-block-list__layout h2,
#contents h2
{
	font-size: clamp(1.1rem, 3vw, 1.3rem);
	margin-top: 2em;
	margin-bottom: 1em;
}

body:not(.wp-admin) p + .wp-block-image,
p + .wp-block-image,
.wp-block-image + p
{
	margin-top: 3rem;
}

.wp-block-columns .wp-block-image
{
	margin-bottom: 3rem;
}

.wp-block-columns .wp-block-image
{
	margin-bottom: 1rem;
}

.wp-block-image > img
{
	width: 100%;
	height: auto;
}

body:not(.wp-admin) figcaption,
figcaption
{
/*	font-family: Roboto-R, GG-R, 'Hiragino Kaku Gothic ProN', sans-serif;
	font-weight: 400;*/
	
	font-size: .8rem;
	margin-top: 2em;
	text-align: left;
}

.vert_photo
{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	
	-webkit-align-items: flex-end;
	align-items: flex-end;
}

.vert_photo > img,
.vert_photo .components-resizable-box__container
{
	width: calc(100% - 20rem);
	width: calc(100% - 20rem) !important;
	min-width: 350px;
	min-width: 350px !important;
	height: auto;
}
.vert_photo .components-resizable-box__container img
{
	width: 100%;
}

.vert_photo > figcaption
{
	width: 20rem;
	padding-left: 1rem
}

body:not(.wp-admin) blockquote,
blockquote
{
	margin: 3rem auto;
	padding: 2rem;
}

li
{
	padding-left: 1.5em;
}


ol.num
{
	counter-reset: item;
	list-style-type: none;
}
ol.num li:before
{
	counter-increment: item;
	content: counter(item)'.';
	/* 以下は自由に装飾... */
/*	font-family: 'ASL-B', 'ZEN-B', serif;*/
	font-family: serif;
	font-weight: 700;
	font-size: 1.1em;
	padding-right: .5em;
}

/*//////////////////////////////////////////////////////////////////////////////////
///////////////////////////////// Pagenation ////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////*/

.pagenation
{
	margin-top: 3rem;
}

.nav-links
{
	display:flex;
	justify-content: space-between;
}

.prevWrapper,
.nextWrapper
{
	justify-content: space-between;
	-webkit-justify-content: space-between;
	
	-webkit-align-items: center;
	align-items: center;
}

.nav-links .dir
{
	cursor:pointer;
	display:flex;
	flex-direction:column;
	-webkit-align-items: center;
	align-items: center;
	
	width:1.5rem;
	height:1.5rem;
}

.nav-links p.dir
{
	cursor:default;
	color:rgb(200, 200, 200);
}

.nav-links .dir._l
{
	transform-origin-x:left;
}
.nav-links .dir._r
{
	transform-origin-x:right;
}

.nav-links .dir:before
{
	content: "";
	width: .75em;
	height: .75em;
	border-style: solid;
	border-width: 2px 2px 0 0;
	
	transition: all .3s ease;
}

.nav-links p.dir:before
{
	border-color:rgb(170,170,170);
}

.nav-links .dir._r:before
{
	transform: rotate(45deg) translateX(.25em) translateY(.25em);
}
body:not(.touch) .nav-links a.dir._r:hover:before
{
	transform: rotate(45deg) translateX(.5em) translateY(0em);
}
.nav-links .dir._l:before
{
	transform: rotate(-135deg) translateX(-.25em) translateY(-.25em);
}
body:not(.touch) .nav-links a.dir._l:hover:before
{
	transform: rotate(-135deg) translateX(0em) translateY(-.5em);
}

.nav-links .dir:after
{
	display:block;
	font-size:.7em;
	width:100%;
	text-align:center;
}
/*.nav-links .dir._l:after
{
	content:"BACK";
}
.nav-links .dir._r:after
{
	content:"NEXT";
}*/

.nav-links .pageNum .pager
{
	display: inline-block;
	text-align:center;
	width:2em;
	height:2em;
	margin: 0 .25em;
	
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-ms-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
}

.nav-links .pageNum .space
{
	display: inline-block;
	text-align:center;
}

.nav-links .pageNum .pager span
{
	white-space:nowrap;
}

.nav-links .pageNum p.pager,
.nav-links .pageNum a.pager
{
	color:rgb(168, 27, 75);
}


.nav-links .pageNum .pager:before
{
	content:"";
	display:block;
	position:absolute;
	width:2em;
	height:2em;
	border-radius:50%;
	left:calc(50% - 1em - 1px);
	top:calc(50% - 1.2em - 1px);
	
	border-width: 1px;
	border-style: solid;
	border-color:rgb(168, 27, 75);
	
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-ms-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
}

.nav-links .pageNum a:before
{

}

.nav-links .pageNum p.pager:before
{
	background-color: rgb(255, 255, 255);
	border-color: rgb(255, 255, 255);
}

body:not(.touch) .nav-links .pageNum a.pager:hover:before
{
	background-color:rgb(255, 255, 255);
}

.nav-links .pageNum.current
{
	color: rgb(168, 27, 75);
}

/*//////////////////////////////////////////////////////////////////////////////////
///////////////////////////////// Pagenation Single ///////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////*/

.page-nav
{
	margin-bottom: 4rem;
	margin-top: max(5vw, 5rem);
	padding-top: max(4vw, 2rem);;
	border-top: 2px solid rgb(255, 255, 255);
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.page-nav a.list
{
	color: rgb(0, 62, 52);
	font-size: .8em;
	line-height:1;
	padding: .5em 1em;
	border: 1px solid;
	border-radius: .5em;
}

.prev-link,
.next-link
{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-size: .9em;
	line-height: 1;
}

.page-nav a.prev-link,
.page-nav a.next-link
{
	color: rgb(0, 62, 52);
}


p.prev-link,
p.next-link
{
	color: rgb(200, 200, 200);
}

.prev-link > span,
.next-link > span
{
	transform: translateY(.1em);
}

.prev-link:before,
.next-link:after
{
	content:"";
	width: .5em;
	height: .5em;
	border-style: solid;
	border-width: 1px 1px 0 0;
	
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.prev-link:before
{
	transform:rotate(-135deg);
	margin-right: .5rem;
}
body:not(.touch) a.prev-link:hover:before
{
	transform: rotate(-135deg) translateX(.25em) translateY(-.25em);
}

.next-link:after
{
	transform:rotate(45deg);
	margin-left: .5rem;
}
body:not(.touch) a.next-link:hover:after
{
	transform:rotate(45deg) translateX(.25em) translateY(-.25em);
}


/*//////////////////////////////////////////////////////////////////////////////////
///////////////////////////////// MEDIA SCREEN ////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////*/

@media screen and (max-width: 600px)
{
	.nav-links
	{
		margin-top: 0rem;
	}

	.nav-links .pageNum a,
	.nav-links .pageNum p
	{
		margin: 0 .25em;
	}
}

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

	.vert_photo
	{
		flex-direction: column;
	}
	.vert_photo > img
	{
		width: 100%;
	}
	.vert_photo > figcaption
	{
		width: 100%;
		padding-left: 0rem;
	}

	.block-editor-block-list__layout h2,
	#contents h2
	{
		font-size: 1.1rem;
	}
}

@media screen and (max-width: 350px)
{
	.prev-link > span,
	.next-link > span
	{
		display:none;
	}
}