/*--- レイアウト ---*/
/*影*/
.is-style-shadow-small {
	box-shadow: rgba(60, 64, 67, 0.22) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.is-style-shadow-middle {
	box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}

.is-style-shadow-big {
	box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}

.is-style-shadow-dent {
	box-shadow: rgb(189 189 189) 4px 4px 8px 0px inset, rgba(205 205 205 / 0.3) -3px -3px 6px 1px inset, rgba(167, 167, 167, 0.17) 4px 4px 6px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

/*枠線*/
.is-style-borderstyle-double {
	border-style: double;
}

/*鉤括弧*/
.is-style-Japanese-style-quotation-marks {
	position: relative;
	padding: 0.25em 1em;
}

.is-style-Japanese-style-quotation-marks:before,
.is-style-Japanese-style-quotation-marks:after {
	content: '';
	width: 20px;
	height: 30px;
	position: absolute;
	display: inline-block;
}

.is-style-Japanese-style-quotation-marks:before {
	border-left: solid;
	border-top: solid;
	border-color: inherit;
	top: 0;
	left: 0;
}

.is-style-Japanese-style-quotation-marks:after {
	border-right: solid;
	border-bottom: solid;
	border-color: inherit;
	bottom: 0;
	right: 0;
}

/*四角カッコ*/
.is-style-square-bracket {
	position: relative;
	padding: 0.25em 1em;
	top: 0;
}

.is-style-square-bracket:before,
.is-style-square-bracket:after {
	position: absolute;
	top: 0;
	content: '';
	width: 10px;
	height: 100%;
	display: inline-block;
	box-sizing: border-box;
}

.is-style-square-bracket:before {
	border-left: solid;
	border-top: solid;
	border-bottom: solid;
	left: 0;
}

.is-style-square-bracket:after {
	border-top: solid;
	border-right: solid;
	border-bottom: solid;
	right: 0;
}

/*--- 見出し ---*/
/*中央線*/
.is-style-singleline-center {
	position: relative;
	display: inline-block;
	padding: 0 55px;
}

.is-style-singleline-center:before,
.is-style-singleline-center:after {
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 45px;
	height: 1px;
	background-color: currentColor;
}

.is-style-singleline-center:before {
	left: 0;
}

.is-style-singleline-center:after {
	right: 0;
}

/*中央二重線*/
.is-style-doubleline-center {
	position: relative;
	display: inline-block;
	padding: 0 65px;
}

.is-style-doubleline-center:before,
.is-style-doubleline-center:after {
	position: absolute;
	top: calc(50% - 3px);
	width: 50px;
	height: 6px;
	content: '';
	border-top: solid 2px currentColor;
	border-bottom: solid 2px currentColor;
}

.is-style-doubleline-center:before {
	left: 0;
}

.is-style-doubleline-center:after {
	right: 0;
}

/*囲み交差線*/
.is-style-box-crossingline-black {
	position: relative;
	padding: 0.25em 1em;
	border-top: solid 2px black;
	border-bottom: solid 2px black;
}

.is-style-box-crossingline-black:before,
.is-style-box-crossingline-black:after {
	content: '';
	position: absolute;
	top: -7px;
	width: 2px;
	height: -webkit-calc(100% + 14px);
	height: calc(100% + 14px);
	background-color: black;
}

.is-style-box-crossingline-black:before {
	left: 7px;
}

.is-style-box-crossingline-black:after {
	right: 7px;
}

@media screen and (max-width:450px) {
	.is-style-singleline-center {
		padding: 0;
	}

	.is-style-singleline-center:before,
	.is-style-singleline-center:after {
		all: initial;
	}

	/*中央二重線*/
	.is-style-doubleline-center {
		padding: 0;
	}

	.is-style-doubleline-center:before,
	.is-style-doubleline-center:after {
		all: initial;
	}
}

/*--- インデックスポスト ---*/
/*テンプレート*/
.is-style-post-template-shadow-small>li {
	box-shadow: rgba(60, 64, 67, 0.22) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.is-style-post-template-shadow-middle>li {
	box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}

.is-style-post-template-shadow-big>li {
	box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}

.is-style-post-template-shadow-dent>li {
	box-shadow: rgb(189 189 189) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;
}

/** カテゴリ、タグ 半円 **/
.is-style-semicircle a {
	border-radius: 9999px;
	padding: calc(.5em - 1px) .5em;
	border: 1px rgb(165, 165, 165) solid;
	text-decoration: none;
	line-height: 1;
	text-align: center;
	background-color: #ffffff;
	display: inline-block;
	margin-top: 5px;
}

/** ページネーション ミニマル **/
.is-style-mono-minimal .wp-block-query-pagination-numbers a {
	box-sizing: border-box;
	display: inline-block;
	color: #A4A4A4;
	text-decoration: none;
	background: #FFF;
	border: 1px solid #A4A4A4;
	border-radius: 50%;
	min-width: 2em;
	transition: all .2s;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
	padding: calc(.5em - 1px) 0.5em;
	line-height: 1;
	text-align: center;
}

.is-style-mono-minimal .wp-block-query-pagination-numbers a:hover {
	color: #FFF;
	background: #6E6E6E;
	border: 1px solid #6E6E6E;
}

.is-style-mono-minimal .wp-block-query-pagination-numbers .page-numbers.current {
	box-sizing: border-box;
	display: inline-block;
	color: #ffffff;
	text-decoration: none;
	background: #6E6E6E;
	border: 1px solid #A4A4A4;
	border-radius: 50%;
	min-width: 2em;
	transition: all .2s;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
	padding: calc(.5em - 1px) 0.5em;
	line-height: 1;
	text-align: center;
}

.is-style-mono-minimal .wp-block-query-pagination-previous,
.is-style-mono-minimal .wp-block-query-pagination-next {
	border-radius: initial;
	box-sizing: border-box;
	display: inline-block;
	color: #A4A4A4;
	text-decoration: none;
	background: #FFF;
	border: 1px solid #a4a4a430;
	min-width: 2em;
	transition: all .2s;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
	padding: calc(.5em - 1px) 0.5em;
	line-height: 1;
	text-align: center;
}

.is-style-mono-minimal .wp-block-query-pagination-previous:visited {
	color: #A4A4A4;
}

.is-style-mono-minimal .wp-block-query-pagination-next:visited {
	color: #A4A4A4;
}

.is-style-mono-minimal .wp-block-query-pagination-previous:hover {
	color: #FFF;
	background: #6E6E6E;
	border: 1px solid #6E6E6E;
}

.is-style-mono-minimal .wp-block-query-pagination-next:hover {
	color: #FFF;
	background: #6E6E6E;
	border: 1px solid #6E6E6E;
}