@charset "UTF-8";
/*!
『Gutenberg』のブロックスタイルをカスタマイズするためのcssです。
このファイルのコードは絶対に編集しないでください。
*/


/* -----▼ スマホ・PC共通のスタイル ▼----- */
/* 「右端寄せ画像」と「左端寄せ画像」 */
.wp-block-image.is-style-right-edge,
.wp-block-image.is-style-left-edge {
}
.wp-block-image.is-style-right-edge + .wp-block-image.is-style-right-edge,
.wp-block-image.is-style-right-edge + .wp-block-image.is-style-left-edge,
.wp-block-image.is-style-left-edge + .wp-block-image.is-style-right-edge,
.wp-block-image.is-style-left-edge + .wp-block-image.is-style-left-edge {
}
/* 「右端寄せ画像」 */
.wp-block-image.is-style-right-edge {
	position: relative;
	z-index: 0;
}
.wp-block-image.is-style-right-edge::after {
	background-color: #eee;
	content: "";
	position: absolute;
	z-index: -1;
}
.wp-block-image.is-style-right-edge img {
	height: 100%;
	margin: 0;
	max-width: none;
}
/* 「左端寄せ画像」 */
.wp-block-image.is-style-left-edge {
	position: relative;
	z-index: 0;
}
.wp-block-image.is-style-left-edge::after {
	background-color: #eee;
	content: "";
	position: absolute;
	z-index: -1;
}
.wp-block-image.is-style-left-edge img {
	height: 100%;
	max-width: none;
}
/* 「右端寄せ画像」と「左端寄せ画像」のキャプション */
.wp-block-image.is-style-right-edge img + figcaption,
.wp-block-image.is-style-left-edge img + figcaption {
	margin-bottom: 0;
}
/* 「右端寄せ画像」のキャプション */
.wp-block-image.is-style-right-edge img + figcaption {
	text-align: left !important;
}
/* 「左端寄せ画像」のキャプション */
.wp-block-image.is-style-left-edge img + figcaption {
	text-align: right !important;
}
/* -----▲ スマホ・PC共通のスタイル ▲----- */


/* -----▼ スマホ用のスタイル ▼----- */
@media screen and (max-width: 767px) {
	/* 「右端寄せ画像」と「左端寄せ画像」 */
	.wp-block-image.is-style-right-edge,
	.wp-block-image.is-style-left-edge {
		margin-top: 40px !important;
		padding-bottom: 40px;
	}
	.wp-block-image.is-style-right-edge + .wp-block-image.is-style-right-edge,
	.wp-block-image.is-style-right-edge + .wp-block-image.is-style-left-edge,
	.wp-block-image.is-style-left-edge + .wp-block-image.is-style-right-edge,
	.wp-block-image.is-style-left-edge + .wp-block-image.is-style-left-edge {
		margin-top: 64px !important;
	}
	/* 「右端寄せ画像」 */
	.wp-block-image.is-style-right-edge {
	}
	.wp-block-image.is-style-right-edge::after {
		height: calc(100% - 32px);
		left: calc(calc(calc(100vw - 90vw) / 2) * -1);
		top: 32px;
		width: calc(100% + calc(10vw / 2));
	}
	.wp-block-image.is-style-right-edge img {
		margin-left: auto;
		margin-right: calc(calc(calc(100vw - 90vw) / 2) * -1);
		width: calc(100% + calc(10vw / 2));
	}
	/* 「左端寄せ画像」 */
	.wp-block-image.is-style-left-edge {
	}
	.wp-block-image.is-style-left-edge::after {
		height: calc(100% - 32px);
		right: calc(calc(calc(100vw - 90vw) / 2) * -1);
		top: 32px;
		width: calc(100% + calc(10vw / 2));
	}
	.wp-block-image.is-style-left-edge img {
		margin-left: calc(calc(calc(100vw - 90vw) / 2) * -1);
		margin-right: auto;
		width: calc(100% + calc(10vw / 2));
	}
	/* 「右端寄せ画像」と「左端寄せ画像」のキャプション */
	.wp-block-image.is-style-right-edge img + figcaption,
	.wp-block-image.is-style-left-edge img + figcaption {
		margin-top: 12px;
	}
	/* 「右端寄せ画像」のキャプション */
	.wp-block-image.is-style-right-edge img + figcaption {
		padding-right: 16px;
	}
	/* 「左端寄せ画像」のキャプション */
	.wp-block-image.is-style-left-edge img + figcaption {
		padding-left: 16px;
	}
}
/* -----▲ スマホ用のスタイル ▲----- */


/* -----▼ PC用のスタイル ▼----- */
@media screen and (min-width: 768px) {
	/* 「右端寄せ画像」と「左端寄せ画像」 */
	.wp-block-image.is-style-right-edge,
	.wp-block-image.is-style-left-edge {
		margin-top: 48px !important;
		padding-bottom: 64px;
	}
	.wp-block-image.is-style-right-edge + .wp-block-image.is-style-right-edge,
	.wp-block-image.is-style-right-edge + .wp-block-image.is-style-left-edge,
	.wp-block-image.is-style-left-edge + .wp-block-image.is-style-right-edge,
	.wp-block-image.is-style-left-edge + .wp-block-image.is-style-left-edge {
		margin-top: 80px !important;
	}
	/* 「右端寄せ画像」 */
	.wp-block-image.is-style-right-edge {
	}
	.wp-block-image.is-style-right-edge::after {
		height: calc(100% - 64px);
		left: calc(calc(calc(100vw - 920px) / 2) * -1);
		top: 64px;
		width: calc(920px + calc(calc(calc(100vw - 920px) / 2) * 1));
	}
	.wp-block-image.is-style-right-edge img {
		max-height: 480px;
		margin-left: auto;
		margin-right: calc(calc(calc(100vw - 920px) / 2) * -1);
		min-width: calc(calc(920px - 48px) + calc(calc(calc(1200px - 920px) / 2) * 1));
		width: calc(calc(920px - 48px) + calc(calc(calc(100vw - 920px) / 2) * 1));
	}
	/* 「左端寄せ画像」 */
	.wp-block-image.is-style-left-edge {
	}
	.wp-block-image.is-style-left-edge::after {
		height: calc(100% - 64px);
		right: calc(calc(calc(100vw - 920px) / 2) * -1);
		top: 64px;
		width: calc(920px + calc(calc(calc(100vw - 920px) / 2) * 1));
	}
	.wp-block-image.is-style-left-edge img {
		max-height: 480px;
		margin-left: calc(calc(calc(100vw - 920px) / 2) * -1);
		margin-right: auto;
		min-width: calc(calc(920px - 48px) + calc(calc(calc(1200px - 920px) / 2) * 1));
		width: calc(calc(920px - 48px) + calc(calc(calc(100vw - 920px) / 2) * 1));
	}
	/* 「右端寄せ画像」と「左端寄せ画像」のキャプション */
	.wp-block-image.is-style-right-edge img + figcaption,
	.wp-block-image.is-style-left-edge img + figcaption {
		margin-top: 16px;
	}
	/* 「右端寄せ画像」のキャプション */
	.wp-block-image.is-style-right-edge img + figcaption {
		padding-right: 40px;
	}
	/* 「左端寄せ画像」のキャプション */
	.wp-block-image.is-style-left-edge img + figcaption {
		padding-left: 40px;
	}
}
/* -----▲ PC用のスタイル ▲----- */


/* -----▼ 画面の横幅が767px以上かつ1200px未満のとき ▼----- */
@media screen and (max-width: 1199px) and (min-width: 768px) {
	/* 「右端寄せ画像」 */
	.wp-block-image.is-style-right-edge {
	}
	.wp-block-image.is-style-right-edge::after {
		left: calc(calc(calc(1200px - 920px) / 2) * -1);
	}
	.wp-block-image.is-style-right-edge img {
		margin-right: calc(calc(calc(1200px - 920px) / 2) * -1);
	}
	/* 「左端寄せ画像」 */
	.wp-block-image.is-style-left-edge {
	}
	.wp-block-image.is-style-left-edge::after {
		right: calc(calc(calc(1200px - 920px) / 2) * -1);
	}
	.wp-block-image.is-style-left-edge img {
		margin-left: calc(calc(calc(1200px - 920px) / 2) * -1);
	}
}
/* -----▲ 画面の横幅が767px以上かつ1200px未満のとき ▲----- */