@charset "UTF-8";
/*
 Theme Name: SANGO Child
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Template: sango-theme
 Version: 4.0
*/
/*こちらはSANGOの子テーマ用CSSです。以下にCSSを記入していきましょう。*/


.h1,
.h2,
.h3,
.h4,
.h5,
h1,
h2,
h3,
h4,
h5 {
	text-rendering: optimizelegibility;
	letter-spacing: .3px;
}
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
	text-decoration: none
}
.h1,
h1 {
	font-size: 1.9em;
	line-height: 1.333em;
	font-weight: 700
}
.h2,
h2 {
	font-size: 1.5em;
	font-weight: 700;
	line-height: 1.4em;
	margin-bottom: .375em
}
.h3,
h3 {
	font-size: 1.3em
}
.h3,
.h4,
h3,
h4 {
	font-weight: 700
}
.h4,
h4 {
	font-size: 1.2em
}
.h5,
h5 {
	font-size: 1em;
	font-weight: 700;
	line-height: 2em;
	text-transform: uppercase;
	letter-spacing: 1px
}

#content dl,
#content ol,
#content p,
#content ul {
	letter-spacing: .025em;
}

.entry-content p {
	margin: 0 0 1.6em;
	line-height: 1.8;
}

.entry-content table {
	width: 100%;
	font-size: 90%;
	margin-bottom: 1.5em;
}
.entry-content td,
.entry-content th {
	padding: .8em .5em;
}
.entry-content td {
	border: 1px solid #ddd;
	border-color: rgba(102, 102, 102, 0.08);
}
.entry-content td input {
	margin: 3px 0;
}
.entry-content th {
	background-color: #f7f7f7;
	background-color: rgba(102, 102, 102, 0.05);
	border: 1px solid #ddd;
	border-color: rgba(102, 102, 102, 0.08);
}

.entry-content blockquote {
	font-size: 90%;
	padding: 6% 4% 2%;
	margin: 2.5em 0 3em;
	position: relative;
	border: 1px solid;
	border-radius: 5px;
	opacity: .8;
}
.entry-content blockquote:before,
.entry-content blockquote:after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	width: 1em;
	height: 1em;
	display: block;
	padding: .2em;
	text-align: center;
	font-size: 1.3em;
	line-height: 1;
	background: #fff;
}
.entry-content blockquote:before {
	content: '\f10d';
	left: -.2em;
	top: -.3em;
}
.entry-content blockquote:after {
	content: '\f10e';
	right: -.2em;
	bottom: -.4em;
}
.entry-content blockquote h1,
.entry-content blockquote h2,
.entry-content blockquote h3,
.entry-content blockquote h4 {
	margin-top: 0!important;
}

.entry-content dt {
	font-weight: bold;
	margin-bottom: 2%;
}
.entry-content dd {
	margin-left: 0;
}
.entry-content img {
	margin-bottom: 1.5em;
	max-width: 100%;
	height: auto;
}

.entry-content pre {
	background: #555;
	background: rgba(0, 0, 0, 0.7);
	color: #f8f9fa;
	font-size: 85%;
	line-height: 1.3;
	padding: 1.2em 1.7em;
	margin: 0.2em 0 2.2em;
	border-radius: 5px;
}
.entry-content pre code {
	padding: 0;
	border-radius: 0;
	background: none;
	color: inherit;
}

/* content - h2,3,4 */

.entry-content h2:not(.is-style-stylenone),
.homeadd_wrap h2 {
	position: relative;
	border: none;
	font-size: 125%;
	padding: 1em 1.1em;
	margin-top: 2.1em;
	margin-bottom: 1em;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #13acca;
	color: #ffffff;
	box-shadow: 0 1px 5px rgba(0, 0, 0, .03);
}
.homeadd_wrap.homeaddtop .widget:first-child h2.widgettitle {
	margin-top: 0;
}

.entry-content h3:not(.is-style-stylenone) {
	border-top: 4px solid;
	border-bottom: 4px solid;
    border-left: none;
	padding: .5em .2em;
	margin-top: 1.8em;
}
.entry-content h4:not(.is-style-stylenone) {
	border-left: 4px solid;
	padding: .5em 0 .5em .8em;
	margin-top: 1.8em;
}
.h_boader .entry-content h2:not(.is-style-stylenone),
.h_boader .homeadd_wrap h2 {
	background: none;
	color: inherit;
	font-size: 150%;
	padding: .5em .1em;
	border-top: 4px solid;
	border-bottom: 4px solid;
	border-radius: 0;
	box-shadow: none;
}
.h_boader .entry-content h3:not(.is-style-stylenone) {
	border-width: 2px;
	border-top: none;
	font-size: 120%;
	padding: 0.1em;
}
.h_boader .entry-content h4:not(.is-style-stylenone) {
	border-width: 2px;
}
.h_balloon .entry-content h2:not(.is-style-stylenone)::after,
.h_balloon .homeadd_wrap h2:not(.is-style-stylenone)::after {
	content: '';
	position: absolute;
	border-top: 13px solid #13acca;
	border-right: 9px solid transparent;
	border-left: 9px solid transparent;
	bottom: -11px;
	left: 5%;
}
.h_stitch .entry-content h2:not(.is-style-stylenone),
.h_stitch .homeadd_wrap h2 {
	position: relative;
}
.h_stitch .entry-content h2:not(.is-style-stylenone)::before,
.h_stitch .entry-content h2:not(.is-style-stylenone)::after,
.h_stitch .homeadd_wrap h2::before,
.h_stitch .homeadd_wrap h2::after {
	content: "";
	display: block;
	position: absolute;
	top: 3px;
	left: 0;
	width: 100%;
	height: 1px;
	border-top: 2px dashed #ffffff;
	opacity: 0.5;
}
.h_stitch .entry-content h2:not(.is-style-stylenone)::after,
.h_stitch .homeadd_wrap h2::after {
	top: auto;
	bottom: 3px;
}
.h_stitch .entry-content h3:not(.is-style-stylenone) {
	border-top-style: dotted;
	border-bottom-style: dotted;
}
.h_stitch .entry-content h4:not(.is-style-stylenone) {
	border-left-style: dotted;
}

/* content - list */

.entry-content li {
	list-style: none;
	position: relative;
	padding-left: 1.35em;
    padding-top: 0;
    padding-bottom: 0;
	margin: 0.7em 0;
}
.entry-content li li {
	margin: 0.6em 0;
}
.entry-content ul li:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f111";
	display: block;
	position: absolute;
	left: 2px;
	top: 1px;
	transform: scale(0.6);
	color: #1bb4d3;
	background: none;
}
.entry-content ul ul li:before {
	content: "\f192";
}

/* li css option */

.is-style-border_solid {
	border: 3px solid rgba(102, 102, 102, 0.5);
	padding: 1em;
	margin-left: 0!important;
}
.is-style-border_dashed {
	border: 3px dashed rgba(102, 102, 102, 0.5);
	padding: 1em;
	margin-left: 0!important;
}
.entry-content .is-style-icon_arrow li:before {
	transform: scale(1.05);
	content: "\f138";
}
.entry-content .is-style-icon_check li:before {
	transform: scale(0.8);
	content: "\f00c";
}
.entry-content .is-style-icon_check2 li:before {
	transform: scale(1.1);
	content: "\f058";
}
.entry-content .is-style-icon_ban li:before {
	transform: scale(1.1);
	content: "\f05e";
}
.entry-content .is-style-icon_star li:before {
	transform: scale(0.9);
	content: "\f005";
}
.entry-content .is-style-icon_attention li:before {
	transform: scale(1.1);
	content: "\f06a";
}
.entry-content ol {
	counter-reset: number;
}
.entry-content ol[start] {
	counter-reset: unset;
}
.entry-content ol li {
	padding-left: 1.8em;
}
.entry-content ol ol {
	margin-left: -0.55em;
}
.entry-content ol>li:before {
	counter-increment: number;
	content: counter(number)!important;
	background: #1bb4d3;
	border: 1px solid #1bb4d3;
	color: #fff;
	width: 1.5em;
	height: 1.5em;
	line-height: 1.5em;
	font-weight: bold;
	display: block;
	text-align: center;
	border-radius: 50%;
	position: absolute;
	transform: scale(0.7);
	left: 1px;
	top: 0;
}
.entry-content ol ol li:before {
	background: none;
	content: counter(number) "."!important;
	border: none;
	color: inherit;
	font-size: 130%;
	opacity: 0.7;
}

/* content - image */

.wp-caption {
	max-width: 100%;
	background: #fff;
	display: inline-block;
	padding: 5px;
	margin-bottom: 1.2em;
	border: 1px solid rgba(0, 0, 0, .08);
	border-radius: 3px;
}
.wp-caption img,
.entry-content .wp-caption img,
.entry-content .wp-block-image img {
	max-width: 100%;
	margin-bottom: 0;
}
.entry-content .wp-block-image.alignfull,
.entry-content .wp-block-image.alignwide {
	margin-bottom: 0;
}
.wp-caption .wp-caption-text,
.wp-block-image figcaption {
	font-size: 80%;
	margin: 4px;
	text-align: center;
}

.wp-block-image.is-style-stk_shadow_s img {
	box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.2);
}
.wp-block-image.is-style-stk_shadow_l img {
	box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.2);
	margin-bottom: 1em;
}
.wp-block-image.is-style-stk_border figure {
	padding: 5px;
	border: 1px solid rgba(0, 0, 0, .09);
	border-radius: 3px;
}
.gallery,
.wp-block-gallery {
	display: flex;
	flex-flow: row wrap;
	justify-content: left;
	margin-bottom: calc(1.5 * 1rem);
}
.gallery-item,
.blocks-gallery-item {
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.entry-content .gallery-item img {
	margin: 0;
}

.entry-content .widget_categories li:before,
.entry-content .widget_recent_entries li:before,
.entry-content .widget_newentryimagewidget li:before,
.entry-content .widget_nav_menu li:before,
.entry-content .widget_pages li:before,
.entry-content .widget_archive li:before,
.entry-content .widget_mycategoryorder li:before {
	content: none;
}

.strong,
b,
strong {
	font-weight: 700
}


/*==================================================
Short Code
==================================================*/

.related_article {
	margin: 3% auto;
	text-align: left;
	max-width: 980px;
}
.related_article > a {
	color: #333333;
	background: #ffffff;
	box-shadow: 0 0 1px rgba(125, 125, 125, 0.6);
	text-decoration: none;
	display: flex;
	width: 100%;
	padding: 2.5%;
	overflow: hidden;
}
.related_article > a:hover {
	color: #888888;
	box-shadow: 0 0 10px rgba(125, 125, 125, 0.5);
	transform: translateY(-2px);
}
.related_article > a:active {
	transform: translateY(1px);
	box-shadow: 0 0 1px rgba(125, 125, 125, 0.5);
}
.related_article.typecard a {
	display: block;
	max-width: 350px;
	width: 100%;
}
.related_article.typesimple .inbox {
	overflow: hidden;
}
.related_article.typesimple .thum {
	width: 22%;
	min-width: 100px;
	padding-right: 0.7em;
}
.related_article.typesimple .thum img {
	width: 100%;
	margin-bottom: 0;
}
.related_article p.ttl {
	margin: 0 0 0.1em!important;
	font-size: 95%;
	font-weight: bold;
}
.related_article .ttl::before {
	content: attr(data-labeltext);
	font-size: 70%;
	font-weight: bold;
	color: #fff;
	background: #111;
	display: inline-block;
	padding: 0.1em 0.5em;
	position: relative;
	top: -2px;
	text-align: center;
	margin-right: 0.5em;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.related_article.labelnone .ttl::before {
	content: none;
}
.related_article .time__date {
	font-size: 80%;
}
.related_article.typecard img {
	margin-bottom: 5px;
}
.supplement {
	border: 2px solid;
	background-color: #fcf8e3;
	border-color: #faebcc;
	color: #766341;
	position: relative;
	font-size: 93%;
	padding: 4% 4% 4% 3.3em;
	margin: 1.5em 0 2em;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.supplement p {
	margin-bottom: .8em;
}
.supplement.warning,
.supplement.is-style-warning {
	background-color: #fce3e3;
	border-color: #facccc;
	color: #764141;
}
.supplement.succes,
.wp-block-stk-plugin-supplement.is-style-succes {
	background-color: #cff7c7;
	border-color: #a3cc72;
	color: #466348;
}
.supplement::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	line-height: 1;
	content: '\f06a';
	display: inline-block;
	font-size: 1.1em;
}
.supplement:not(.boader)::before {
	font-size: 1.8em;
	position: absolute;
	left: 0.5em;
}
.supplement.warning::before,
.supplement.is-style-warning::before {
	content: '\f071';
}
.supplement.succes::before,
.supplement.is-style-succes::before {
	content: '\f058';
}
.supplement.boader::before,
.supplement.border::before,
.supplement.is-style-border::before {
	content: none;
}
.supplement.noicon::before {
	content: none;
}
.supplement.boader,
.supplement.border,
.supplement.is-style-border {
	background: none;
	color: inherit;
	border-color: #d4d4d4;
}
.supplement.boader,
.supplement.border,
.supplement.is-style-border,
.supplement.noicon {
	padding: 3% 4%;
}

/* BOX */

.cbox {
	padding: 1em 3%;
	margin: 2em 0 2em;
	border: 2px solid #dddddd;
	background: #d4f3ff;
	border-color: #82c8e2;
	color: #465d65;
	border-radius: 0.2em;
}
.cbox.intitle {
	padding-top: 0;
	padding-bottom: 1.4em;
}
.cbox.intitle .box_title .span__box_title {
	position: relative;
	top: -1.1em;
	padding: 0.1em 0.7em;
	background: #82c8e2;
	color: #ffffff;
	font-weight: bold;
	border-radius: 0.2em;
	display: inline-block;
	vertical-align: bottom;
	min-width: 3em;
	text-align: center;
}
.cbox .box_title .span__box_title:empty {
	visibility: hidden;
}
.cbox.is-style-blue_box {
	background: #d4f3ff;
	border-color: #82c8e2;
	color: #465d65;
}
.cbox.is-style-blue_box .box_title .span__box_title {
	background: #82c8e2;
}
.cbox.is-style-red_box {
	background: #ffafaf;
	border-color: #e77373;
	color: #654646;
}
.cbox.is-style-red_box .box_title .span__box_title {
	background: #e77373;
}
.cbox.is-style-yellow_box {
	background: #fff8d4;
	border-color: #ded647;
	color: #636546;
}
.cbox.is-style-yellow_box .box_title .span__box_title {
	background: #ded647;
}
.cbox.is-style-green_box {
	background: #d8f7c3;
	border-color: #79e37c;
	color: #42613a;
}
.cbox.is-style-green_box .box_title .span__box_title {
	background: #79e37c;
}
.cbox.is-style-pink_box {
	background: #ffeeee;
	border-color: #f7b2b2;
	color: #775454;
}
.cbox.is-style-pink_box .box_title .span__box_title {
	background: #f7b2b2;
}
.cbox.is-style-glay_box {
	background: #ececec;
	border-color: #c5c5c5;
	color: #555555;
}
.cbox.is-style-glay_box .box_title .span__box_title {
	background: #9c9c9c;
}
.cbox.is-style-black_box {
	background: #313131;
	border-color: #404040;
	color: #ffffff;
}
.cbox.is-style-black_box .box_title .span__box_title {
	background: #404040;
}

/* type simple */

.cbox.type_simple {
	background: #fff;
}
.cbox.type_simple .box_title .span__box_title {
	background: #fff;
	color: #82c8e2;
}
.cbox.type_simple.is-style-blue_box .box_title .span__box_title {
	color: #82c8e2;
}
.cbox.type_simple.is-style-red_box .box_title .span__box_title {
	color: #e77373;
}
.cbox.type_simple.is-style-yellow_box .box_title .span__box_title {
	color: #ded647;
}
.cbox.type_simple.is-style-green_box .box_title .span__box_title {
	color: #79e37c;
}
.cbox.type_simple.is-style-pink_box .box_title .span__box_title {
	color: #f7b2b2;
}
.cbox.type_simple.is-style-glay_box .box_title .span__box_title {
	color: #9c9c9c;
}
.cbox.type_simple.is-style-black_box,
.cbox.type_simple.is-style-black_box .box_title .span__box_title {
	color: #757575;
}

/*リスト*/
.entry-content :where(ul:not([class])),
.entry-content :where(ol:not([class])) {
  margin-bottom: unset;
  padding: unset;
  border: none;
  background-color: unset;
  box-shadow: none;
  color: unset;
  border-radius: unset;
}


.voice {
	margin: 1em 0 1.3em;
	font-size: 95%;
	overflow: hidden;
}
.voice .voicecomment {
	border: 5px solid rgba(213, 213, 213, 0.5);
	margin-top: 1em;
	padding: 2.5%;
	position: relative;
	width: 86%;
	border-radius: 0.6em;
}
.voice .voicecomment:after {
	content: "";
	position: absolute;
	top: 7px;
	left: -19px;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent rgba(213, 213, 213, 0.5) transparent transparent;
	border-width: 7px;
}
.voice.r .voicecomment:after {
	left: auto;
	right: -19px;
	border-color: transparent transparent transparent rgba(213, 213, 213, 0.5);
	border-width: 7px;
}
.voice.l .voicecomment {
	float: right;
}
.voice.r .voicecomment {
	float: left;
}
.voice.fb .voicecomment,
.voice.is-style-fb .voicecomment {
	background: #4e71ba;
	border-color: #4e71ba;
	color: #fff;
}
.voice.fb .voicecomment:after,
.voice.is-style-fb .voicecomment:after {
	border-color: transparent #4e71ba transparent transparent;
}
.voice.fb.r .voicecomment:after,
.voice.is-style-fb.r .voicecomment:after {
	border-color: transparent transparent transparent #4e71ba;
}
.voice.line .voicecomment,
.voice.is-style-line .voicecomment {
	background: #7ACC40;
	border-color: #7ACC40;
	color: #fff;
}
.voice.line .voicecomment:after,
.voice.is-style-line .voicecomment:after {
	border-color: transparent #7ACC40 transparent transparent;
}
.voice.line.r .voicecomment:after,
.voice.is-style-line.r .voicecomment:after {
	border-color: transparent transparent transparent #7ACC40;
}
.voice .voicecomment p {
	margin-bottom: 1em;
}
.voice .icon {
	width: 12%;
	text-align: center;
}
.voice.l .icon {
	float: left;
}
.voice.r .icon {
	float: right;
}
.voice .voice_icon__img {
	border-radius: 50%;
	margin: 0;
	border: 4px solid #f5f5f5;
}
.voice.icon_red .voice_icon__img {
	border-color: #FF4E4E;
}
.voice.icon_blue .voice_icon__img {
	border-color: #50B4DE;
}
.voice.icon_yellow .voice_icon__img {
	border-color: #faee00;
}
.voice.icon_black .voice_icon__img {
	border-color: #222;
}
.voice .icon .name {
	font-size: 0.65em;
	padding: 0.4em 0;
}
.voice.big .icon {
	width: 18%;
}
.voice.big .voicecomment {
	width: 79%;
}
.voice .voicecomment p:last-child {
	margin-bottom: 0;
}


/* マーカー */

.span__stk_maker_yellow,
.span-stk-maker-yellow {
	display: inline;
	background-position: left -100% center;
	background-repeat: repeat-x;
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #ff6 50%);
	background-size: 200% .6em;
	padding-bottom: .6em;
}
.span__stk_maker_pink,
.span-stk-maker-pink {
	display: inline;
	background-position: left -100% center;
	background-repeat: repeat-x;
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #ffd5d5 50%);
	background-size: 200% .6em;
	padding-bottom: .6em;
}
.span__stk_maker_blue,
.span-stk-maker-blue {
	display: inline;
	background-position: left -100% center;
	background-repeat: repeat-x;
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #b5dfff 50%);
	background-size: 200% .6em;
	padding-bottom: .6em;
}

/* ラベル */

[class*="span-stk-label-"] {
	font-size: 0.9em;
	padding: 0.2em 0.5em;
	border-radius: 0.2em;
	color: #fff;
}
[class*="span-stk-label-"]+[class*="span-stk-label-"] {
	margin-left: 0.1em;
	margin-right: 0.1em;
}
.span-stk-label-yellow {
	background-color: #f5f512;
	color: #333;
}
.span-stk-label-pink {
	background-color: #f7b2b2;
}
.span-stk-label-red {
	background-color: #e77373;
	color: #fff;
}
.span-stk-label-blue {
	background-color: #82c8e2;
}
.span-stk-label-green {
	background-color: #79e37c;
}
.span-stk-label-gray {
	background-color: #9c9c9c;
}
.span-stk-label-black {
	background-color: #222;
	color: #fff;
}

/* フォントサイズ */

.span-stk-fs-ss {
	font-size: 70%;
}
.span-stk-fs-s {
	font-size: 90%;
}
.span-stk-fs-m {
	font-size: 120%;
}
.span-stk-fs-l {
	font-size: 150%;
}
.span-stk-fs-ll {
	font-size: 180%;
}


@media only screen and (max-width: 480px) {
	.entry-content h2:not(.is-style-stylenone),
	.homeadd_wrap h2,
	.widgettitle:not(.footerwidget) {
		margin-left: -0.5em;
		margin-right: -0.5em;
	}
	.entry-content h1 {
		font-size: 115%;
	}
	.entry-content h2:not(.is-style-stylenone),
	.entry-content h3:not(.is-style-stylenone),
	.entry-content h4:not(.is-style-stylenone),
	.homeadd_wrap h2 {
		font-size: 105%;
	}
	.entry-content h5:not(.is-style-stylenone),
	.entry-content h6:not(.is-style-stylenone),
	.entry-content h7:not(.is-style-stylenone) {
		font-size: 100%;
	}    
	.voice .icon {
		width: 18%;
	}
	.voice .voicecomment {
		width: 80%;
		font-size: 95%;
	}
}

header.header {
/*     margin-top: -30px; */
}

/* TOC */

@media only screen and (max-width: 480px) {
	#toc_container {
		font-size: 90%;
	}
}
#toc_container {
	width: 100%!important;
	padding: 1.2em;
	border: 5px solid rgba(100, 100, 100, 0.2);
}
#toc_container li {
	margin: 1em 0;
	font-weight: bold;
}
#toc_container li li {
	font-weight: normal;
	margin: 0.5em 0;
}
#toc_container li::before {
	content: none;
}
#toc_container .toc_number {
	display: inline-block;
	font-weight: bold;
	font-size: 75%;
	background: #3e3e3e;
	color: #ffffff;
	min-width: 2.1em;
	min-height: 2.1em;
	line-height: 2.1;
	text-align: center;
	border-radius: 1em;
	margin-right: 0.3em;
	padding: 0 7px;
}
#toc_container a {
	color: inherit;
	text-decoration: none;
}
#toc_container a:hover {
	text-decoration: underline;
}
#toc_container p.toc_title {
	max-width: 580px;
	font-weight: bold;
	text-align: left;
	margin: 0 auto;
	font-size: 100%;
	vertical-align: middle;
	width: 100%;
	font-weight: bold;
	text-align: left;
	margin: 0 auto;
	font-size: 100%;
	vertical-align: middle;
	font-family: 'Nova Mono', monospace;
	font-family: 'Source Code Pro', monospace;
	font-family: 'Abel', sans-serif;
	text-align: center;
	border-bottom: 1px solid #dedede;
	font-size:24px !important;
	text-align: center!important;
}
#toc_container .toc_title::before {
	position: relative !important;
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f03a";
	margin-right: 0.8em;
	margin-left: 0.4em;
	/* transform: scale(1.4); */
	color: initial;
	color: #fff !important;
}
#toc_container .toc_title .toc_toggle {
	font-size: 80%;
	font-weight: normal;
	margin-left: 0.2em;
}
#toc_container .toc_list {
	max-width: 580px;
	margin-left: auto;
	margin-right: auto;
}
#toc_container .toc_list>li {
	padding-left: 0;
}

/* EOC */

#ez-toc-container {
	width: 100%!important;
	border: 5px solid rgba(100, 100, 100, 0.2);
	padding: 1.2em;
}
#ez-toc-container li:before {
	content: none;
}
#ez-toc-container li,
#ez-toc-container ul,
#ez-toc-container ul li,
.ez-toc-widget-container,
.ez-toc-widget-container li {
	margin-bottom: 0.2em;
}
#ez-toc-container ul.ez-toc-list {
	margin-top: 0.5em;
}
#ez-toc-container.counter-decimal ul.ez-toc-list li a::before,
.ez-toc-widget-container.counter-decimal ul.ez-toc-list li a::before {
	font-weight: bold;
	margin-right: 0.4em;
	display: inline-block;
	transform: scale(0.9);
	opacity: 0.7;
}

/*Table of Contents Plusのカスタマイズ*/
#toc_container {
	color:#008db7;
	padding: 25px 40px;
}

#toc_container .toc_list {
	list-style-type: none;
	counter-reset: li;
}
.toc_toggle a{
	color:#008db7;
	font-size:80%;
}
#toc_container .toc_list > li:after {
	counter-increment: li;
	content: "0" counter(li) " |";
	position: absolute;
	font-family: 'Nova Mono', monospace;
	font-family: 'Source Code Pro', monospace;
	font-family: 'Abel', sans-serif;
	letter-spacing: -1px;
	color: #008db7;
	padding-left:7%;
	font-weight:bold;
	left: -48px;
	top: 0px;
	font-size: 18px;
}


	#toc_container li a{
	border-top-width:0px;
	line-height:12px;
	padding-left:5%;
	color: #008db7 !important;
}

.toc_list ul {
	display: none;
}

.toc_list ul li a {
	font-size:90%;
	line-height:16px !important;
	color:#888888 !important;
	text-decoration:none;
}

	#toc_container li a:hover{
	color:#f05689 !important;
}

.toc_number{
	display:none;
}

#toc_container {
	background: #fffef6 !important;
	border: 5px solid #e1eff4;
}

#toc_container .toc_list > li {
	margin-bottom: 5px;
	margin-left: 12px;
	font-size: 1em;
}

.wp-block-list li {
	display: flex;
	align-items: center;
}
.wp-block-list li:before {
	position: relative !important;
}


/*スマホ・PCのバナー切替用*/
.sp-mieru {
	display: none;
}
@media screen and (max-width: 640px) {
	.pc-mieru {
		display: none;
	}
	.sp-mieru {
		display: block;
	}
}