:root {
	--dialog-opacity-screen: 0.5;
	--dialog-box-top-value: 0;
	--dialog-box-left-value: 0;
	--dialog-display-value: none;
	--dialog-opacity-value: 0;
	--dialog-delete-entry-button-display-value: none;
	--color-difficulty-E: #666666; /* 色は調整が難しいので保留 */
	--color-difficulty-N: #007680;
	--color-difficulty-H: #803158;
	--color-difficulty-C: #806f5e;
	--color-difficulty-X: #803712;
}
@media (prefers-color-scheme: dark) {
:root {
	--dialog-opacity-screen: 0.75;
	--color-difficulty-E: #cccccc;
	--color-difficulty-N: #00d4e6;
	--color-difficulty-H: #e6588d;
	--color-difficulty-C: #e6c7a8;
	--color-difficulty-X: #e66221;
}
}

.underlined {
	border-bottom: dashed 1px var(--color-text, #111111);
}
@media screen and (max-width: 700px) {
	.scrollable_x_if_700 {
		overflow: scroll;
		overflow-y: auto;
	}
}

button.shRm_button {
	margin: unset;
	display: inline-block;
}

table.boss_check tr.row_header {
	color: var(--color-invert-text, #ffffff);
	background-color: var(--color-border-mytable1, #409a9e);
}
table.boss_check th, table.boss_check td {
	border-left: solid 1px var(--color-border-mytable1, #409a9e);
}
table.boss_check th:first-child,
table.boss_check td:first-child {
	text-align: left;
	width: 7.5em;
	min-width: 7.5em;
	max-width: 7.5em;
}
table.boss_check td:first-child {
	text-align: left;
}
table.boss_check th:nth-child(n + 2) {
	width: 7.5em;
	min-width: 7.5em;
	max-width: 7.5em;
	overflow: hidden;
}
table.boss_check td:nth-child(n + 2) {
	text-align: left;
	padding-left: .6em;
	width: 7.5em;
	min-width: 7.5em;
	max-width: 7.5em;
}
table.boss_check tr#tally_0 td:nth-child(n + 2),
table.boss_check tr#tally_1 td:nth-child(n + 2),
table.boss_check tr#tally_2 td:nth-child(n + 2) {
	text-align: right;
}
span.defeating_info_cntnr {
	display: inline-block;
}
span.bcl_difficulty {
	display: inline-block;
	width: 1.2em;
	min-width: 1.2em;
	max-width: 1.2em;
	text-align: right;
}
span.bcl_size_party {
	display: inline-block;
	width: 2em;
	min-width: 2em;
	max-width: 2em;
	padding-left: .25em;
	font-size: 80%;
	text-align: left;
}
span.bcl_day_of_week {
	display: inline-block;
	text-align: left;
	min-width: 1.2em;
	/*
	width: 2.8em;
	min-width: 2.8em;
	max-width: 2.8em;*/
}

div#dialog_container {
	display: var(--dialog-display-value);
	position: sticky;
	left: 0;
	top: 0;
	z-index: 99;
	opacity: var(--dialog-opacity-value);
	transition: opacity 0.25s;
}
div#dialog_blackback {
	position: absolute;
	top: 0vh;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: #000000;
	opacity: var(--dialog-opacity-screen);
}
div#dialog_body {
	position: absolute;
	top: 50vh;
	left: 50vw;
	width: fit-content;
	height: fit-content;
	padding: 1em 2em;
	border-radius: 1em;
	background-color: var(--color-bg-area-article, #ffffff);
	border: solid 2px var(--color-secondary-theme, #409a9e);
	transform: translateX(-50%) translateY(-50%);

	> div {
		white-space: nowrap;
	}
}
div#dialog_name_boss {
	font-weight: 600;
	font-size: 125%;
	text-align: center;
}
div#dialog_body input[type="radio"] {
	cursor: pointer;
}
div#dialog_body label {
	margin-left: 1em;
}
div#dialog_body #ipcrystal_meso {
	margin-left: 1em;
}
div#dialog_body #date_defeated {
	font-size: 100%;
/*	margin-left: 1em; */
}
div#dialog_btn_cntnr {
	text-align: center;
	margin-top: 1em;
	padding-top: 1em;
	border-top: solid 1px var(--color-note);
}
div#dialog_body button#discard_edit, div#dialog_body button#cancel_edit {
	min-width: 5em;
}
div#dialog_body button#cancel_edit {
	margin-right: 1em;
}
div#dialog_body button#discard_edit {
	display: var(--dialog-delete-entry-button-display-value);
	color: var(--color-soft-emph, #ff9999);
}
div#dialog_body button#apply_edit {
	min-width: 6em;
}
#dialog_neg_btns_cntnr {
	float: left;
	text-align: left;
}
#dialog_pos_btns_cntnr {
	text-align: right;
}

select#names_character_old {
	min-width: 8em;
	font-size: 100%;
}
input#name_character_new {
	width: 8em;
	font-size: 100%;
}
button#modify_name_character {
	min-width: 5em;
	margin-left: 1em;
}

div.leftstickycontainer {
	overflow-x: scroll;
	margin-left: 1em;
	scrollbar-width: none;  /* FireFox */
}
div.leftstickycontainer::-webkit-scrollbar {
	display: none;
}
table.leftsticky {
	width: 0;  /* table-layout: fixed を使用するためダミーの値を指定 */
	table-layout: fixed;
	margin-left: 0;
}
table.leftsticky th:first-child, table.leftsticky td:first-child {
	position: sticky;
	left: 0;
	z-index: 1;
}
table.leftsticky th:first-child::before, table.leftsticky td:first-child::before {
	content: "";
	position: absolute;
	top: -1px;
	left: -1px;
	width: 100%;
	height: calc(100% + 2px);
}
table.leftsticky th:first-child {
	background-color: var(--color-border-mytable1, #409a9e);
}
table.leftsticky tr:nth-child(2n+2) td:first-child {
	background-color: var(--color-bg-area-article, #ffffff);
}
table.leftsticky tr:nth-child(2n+3) td:first-child {
	background-color: var(--color-bg-secondary-theme, #d7edee);
}
table.leftsticky th:first-child::before, table.leftsticky td:first-child::before {
	border-left: solid 1px var(--color-border-mytable1, #409a9e);
}
table.verticalborder th, table.verticalborder td,
table.verticalborder.leftsticky th:first-child::before, table.verticalborder.leftsticky td:first-child::before {
	border-right: solid 1px var(--color-border-mytable1, #409a9e);
	border-left: solid 1px var(--color-border-mytable1, #409a9e);
}

.ml_1em {
	margin-left: 1em;
}

table#technical_info_table {
	& td {
		vertical-align: top;
		&:first-child {
			padding-right: 1.5em;
			white-space: nowrap;
		}

		& span.ff_monospace {
			font-family: monospace;
			word-break: break-all;
		}
	}
}

div#dialog_container button.shRm_pseud_radio_button {
	margin-left: .5em;
}
div#dialog_container button.shRm_pseud_radio_button:first-of-type {
	margin-left: 1em;
}

/* --------------------------------------------------------------------------------- */
.optimal_width {
	width: unset;
}
@media screen and (max-width: 900px) {
	input, select {
		font-size: 16px !important;
	}
}