@charset "UTF-8";

/* ==========================================================
	UI設定値
	角丸を調整するときは、原則としてこのブロックだけを変更する。
========================================================== */
:root,
[data-bs-theme="light"],
[data-bs-theme="dark"] {
	--deliver-radius-sm: 0.5rem;
	--deliver-radius: 0.75rem;
	--deliver-radius-lg: 1rem;
	--deliver-radius-xl: 1.25rem;
	--deliver-radius-pill: 50rem;

	/* Bootstrapと既存の.rounded系クラスにも同じ設定を反映する。 */
	--bs-border-radius-sm: var(--deliver-radius-sm);
	--bs-border-radius: var(--deliver-radius);
	--bs-border-radius-lg: var(--deliver-radius-lg);
	--bs-border-radius-xl: var(--deliver-radius-xl);
	--bs-border-radius-xxl: var(--deliver-radius-xl);
	--bs-border-radius-2xl: var(--deliver-radius-xl);
	--bs-border-radius-pill: var(--deliver-radius-pill);
}

/* Cards / panels */
.card {
	--bs-card-border-radius: var(--deliver-radius-lg);
	--bs-card-inner-border-radius: calc(var(--deliver-radius-lg) - var(--bs-border-width));
	border-radius: var(--deliver-radius-lg);
}

.card-header:first-child {
	border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}

.card-footer:last-child {
	border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}

/* Dialogs / floating panels */
.modal-content,
.offcanvas,
.toast,
.popover,
.dropdown-menu,
.ui-autocomplete {
	border-radius: var(--deliver-radius-lg);
}

.modal-content,
.offcanvas,
.toast,
.ui-autocomplete {
	overflow: hidden;
}

/* Messages / collapsible panels */
.alert,
.accordion-item,
.list-group {
	border-radius: var(--deliver-radius);
}

.accordion-item {
	overflow: hidden;
}

.list-group > .list-group-item:first-child {
	border-top-left-radius: var(--deliver-radius);
	border-top-right-radius: var(--deliver-radius);
}

.list-group > .list-group-item:last-child {
	border-bottom-right-radius: var(--deliver-radius);
	border-bottom-left-radius: var(--deliver-radius);
}

/* Forms / controls */
.form-control,
.form-select,
.input-group-text,
.btn,
.page-link,
.nav-pills .nav-link {
	border-radius: var(--deliver-radius-sm);
}

/* Image panels */
.ratio,
.thumbnail,
.img-thumbnail {
	border-radius: var(--deliver-radius);
}