/** ▼dialoger-viewSimple：CSS
***************************************/
.dialoger.dialoger-viewSimple {
	position: fixed;
	z-index: 110;
	inset: 0;
	margin: auto;
	/* Flex */
	display: flex;
	flex-direction: column;
	place-content: center;
	place-items: center;
	pointer-events: none;
	overflow: hidden;
	transition: opacity 0.5s ease-in;
	/* min(推奨値, 最大値) */
	width: min(59rem, 59pc);
	max-width: 100%;
	height: min(32rem, 32pc);
	max-height: 130vw;
	/* Pagenation分調整 */
	padding: 1rem 0px 1rem;
	/* trans: property | duration | easing | delay */
	transition: all 0.5s ease;
	opacity: 0;
}

/* （PC） */
@media print,
screen and (min-width: 744px) {
	.dialoger.dialoger-viewSimple {
		height: min(34rem, 34pc);
	}
}

/* オーバーレイ */
.dialoger-viewSimple::backdrop {
	position: fixed;
	z-index: 100;
	inset: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	background: hsla(223, 6%, 50%, 0.85);
	cursor: pointer;
}

.dialoger-viewSimple.is-opened {
	opacity: 1;
	pointer-events: auto;
}


/* Paragraph（文字設定）
-------------------------------------- */
.dialoger.dialoger-viewSimple p {
	display: block;
	width: 100%;
	max-width: 100%;
	line-height: clamp(1.66em, calc(1.66em + ((1vw - 0.225em) * 0.55)), 1.88em);
	letter-spacing: clamp(0.01em, calc(0.01em + ((1vw - 0.225em) * 0.05)), 0.03em);
	font-weight: var(--fw-base, 400);
	white-space: normal;
}

.dialoger.dialoger-viewSimple p.fz-ml {
  font-size: clamp(0.925rem, calc(0.925rem + ((1vw - 0.225rem) * 0.4688)), 1.14rem);
}

/* Small（注釈・小字） */
.dialoger.dialoger-viewSimple small {
	display: inline-block;
	width: 100%;
	max-width: 100%;
	line-height: 1.44;
	letter-spacing: 0;
	font-weight: 400;
}

/* Emphasis（強調・中字） */
.dialoger.dialoger-viewSimple em {
	display: block;
	width: 100%;
	max-width: 100%;
	line-height: clamp(1.55em, calc(1.55em + ((1vw - 0.225em) * 0.55)), 1.77em);
	letter-spacing: clamp(0.01em, calc(0.01em + ((1vw - 0.225em) * 0.05)), 0.03em);
	font-weight: 500;
}

.dialoger.dialoger-viewSimple em.fz-sl {
	font-size: clamp(0.95rem, calc(0.95rem + ((1vw - 0.225rem) * 0.375)), 1.125rem);
}

/* Strong（強調・大字） */
.dialoger.dialoger-viewSimple strong {
	display: block;
	width: 100%;
	max-width: 100%;
	line-height: 1.33;
	letter-spacing: clamp(0.01em, calc(0.01em + ((1vw - 0.225em) * 0.05)), 0.03em);
	font-weight: 600;
}

/* Headings（h1, h2, h3, h4, h5, h6）
-------------------------------------- */
.dialoger.dialoger-viewSimple :is(h1, h2, h3, h4, h5, h6) {
	position: relative;
	display: block;
	z-index: 10;
	width: 100%;
	max-width: 100%;
	font-weight: 500;
}

.dialoger.dialoger-viewSimple h5.fz-xxxl {
	font-size: clamp(0.9375rem, calc(0.9375rem + ((1vw - 0.225rem) * 1.8438)), 1.875rem);
}

.dialoger.dialoger-viewSimple h4 .fz-sol {
	font-size: clamp(1.45rem, calc(1.45rem + ((1vw - 0.225rem) * 2.0781)), 2.0625rem);
}

/* .wrapper
-------------------------------------- */
.dialoger-viewSimple .dialoger-wrapper {
	width: 100%;
	height: auto;
}

.dialoger-viewSimple .dialoger-slide {
	width: 100%;
	height: auto;
	text-align: center;
	/* padding: 上 横 下 */
	padding: calc(var(--⅝fem) * 2) calc(var(--⅝fem) * 2.5) 1.5pc;
}

.dialoger-viewSimple .dialoger-ifield {
	position: relative;
	width: 100%;
	height: auto;
	box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px,
		rgba(0, 0, 0, 0.24) 0px 1px 2px;
	overflow: hidden;
	text-align: left;
}

/* モーダルを閉じるボタン */
.dialoger-viewSimple .dialoger-closer {
	cursor: pointer;
	position: static;
	z-index: 20;
}

/* .dialoger-ifield.floot（float）
------------------------------------- */
.dialoger.dialoger-viewSimple [class^="floot-wrapper"]::after {
	content: "";
	display: block;
	clear: both;
}

.dialoger.dialoger-viewSimple [class^="floot-wrapper"]>[class*="fl-"] {
	width: 100%;
}

/* .floot_pc（SP） */
@media screen and (max-width: 743.9px) {
	.dialoger.dialoger-viewSimple :is(.ruby-column, .ruby-column_sp) {
		display: flex;
	}

	.dialoger.dialoger-viewSimple :is(.ruby-column, .ruby-column_sp) rt {
		margin-top: 0.5pc;
	}

	.dialoger.dialoger-viewSimple .floot-wrapper_pc {
		/* Flex */
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.dialoger.dialoger-viewSimple .floot-wrapper_pc .order-1 {
		flex-grow: 1;
		width: min-content;
	}

	.dialoger.dialoger-viewSimple .floot-wrapper_pc .order-2 {
		width: 46.6%;
		/* padding: 上  右  下  左 */
		padding: calc(0.5lh - 0.5em) 0rem 0.08lh calc(var(--⅝fem) * 1.5);
	}

	.dialoger.dialoger-viewSimple .floot-wrapper_pc .order-3 {
		width: 100%;
	}
}

/* .floot（PC） */
@media print,
screen and (min-width: 744px) {
	.dialoger.dialoger-viewSimple :is(.floot-wrapper, .floot-wrapper_pc)>[class*="fl-"] {
		display: block;
		width: auto;
	}

	.dialoger.dialoger-viewSimple :is(.floot-wrapper, .floot-wrapper_pc)>:is(.fl-root, .fl-root_pc) {
		display: flow-root;
	}

  .dialoger.dialoger-viewSimple :is(.floot-wrapper, .floot-wrapper_pc)>:is(.fl-grid, .fl-grid_pc) {
    display: grid;
    height: min(19.9rem, 19.9pc);
  }

	.dialoger.dialoger-viewSimple :is(.floot-wrapper, .floot-wrapper_pc)>:is(.fl-right, .fl-right_pc) {
		float: right;
		width: 46.6%;
		/* padding: 上  右  下  左 */
		padding: calc(0.5lh - 0.5em) 0rem 0.08lh calc(var(--⅝fem) * 1.5);
	}
}