/*
(C) 2021 Wangrove Inc. <wangrove.co.jp>
*/

/*
サイト独自のCMSのスタイル
*/

/* プロパティ定義 */
:root {
  --main-color: #1d2939;
  --header-height: 3rem;
  --header-background-color: #1d2939;
  --header-color: #ffffff;
  --menu-background-color: #1d2939;
  --menu-width: 3rem;
  --page-title-background-color: transparent;
  --page-title-color: #000;
  --border-color: rgba(255,255,255,0.5);
  --border-color-focus: rgba(255,255,255,0.9);
  --box-background-color: rgba(255,255,255,0.1);
  --input-background-color: rgba(255,255,255,0.7);
  --input-color: #000000;
  --h2-color: #cccc62;
  --required-color: #ff7a7a;
  --error-color: #ff7a7a;
  --new-background-color: #ff7a7a;
  --new-color: #ffffff;
  --dialog-background-color: rgba(0,0,0,0.4);
  --dialog-frame-background-color: rgba(0,0,0,0.7);
  --dialog-header-background-color: rgba(255,255,255,0.2);
  --dialog-contents-background-color: rgba(0,0,0,1);
  --dialog-footer-background-color: rgba(255,255,255,0.2);
}

/*
タグの共通定義
*/
html {
	/*font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";*/
	/*font-family: '游ゴシック';*/
	font-family: 'Yu Gothic';
	font-weight: 500;
}

/*
ベースのフォントサイズ
*/
html {
	font-size: 13px;
}

/*
ページの基本スタイル
*/
body {
	background-color: #ffffff;
}
	
/*
ページの全内容が含まれる領域
*/
.container {
	max-width: none;
	padding: 0 3%;
}

/*
ヘッダー
*/
header {
	margin-bottom: 0;
}
header > .header-ope > .header-ope-item {
	margin-left: 1em;
	margin-right: 1em;
	padding: 0 0.2em;
	word-break: keep-all;
}
/* 通知アイコン */
header > .header-ope > .header-ope-item.notice {
	position: relative;
}
header > .header-ope > .header-ope-item.notice .icon.-on {
	animation: 0.8s linear 0.1s infinite alternate notice_animation;
}
@keyframes notice_animation {
	from {
		background-color: #ff000000;
		box-shadow: #ff000000 0 0 5px 5px;
	}
	to {
		background-color: #ff0000ff;
		box-shadow: #ff0000ff 0 0 5px 5px;
	}
}
header > .header-ope > .header-ope-item.notice .badge {
	position: absolute;
    right: -2em;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
	width: 2.5em;
    height: 2.5em;
    background-color: #0000ff;
    border-radius: 50%;
    color: #ffffff;
    font-size: 0.5em;
}
.env-name-dev,
.env-name-nos,
.env-name-other {
	display: inline-flex;
	border: #888 1px solid;
	padding: 5px 20px;
	line-height: 1;
}
.env-name-pre {
	display: inline-flex;
	border: #f80 1px solid;
	padding: 5px 20px;
	line-height: 1;
}
.env-name-rel {
	display: inline-flex;
	border: #fff 1px solid;
	padding: 5px 20px;
	line-height: 1;
	animation: env-name-rel-blink 0.5s ease-in-out infinite alternate;
}
@keyframes env-name-rel-blink {
    0% {background-color: #f000;}
    100% {background-color: #f00f;}
}

/*
メニュー
*/
.main-menu {
	position: absolute;
	top: var(--header-height);
	left: 0;
	width: fit-content;
	height: 100%;
	background-color: var(--menu-background-color);
	z-index: 900;
}
.menu-switch + .umo-menu.-v {
	position: static;
	display: block;
	width: var(--menu-width);
	height: 100vh;
	margin: 0;
	padding: 0;
	background-color: var(--menu-background-color);
	border: none;
	overflow-x: hidden;
	overflow-y: auto;
}
.menu-switch + .umo-menu.-v::-webkit-scrollbar {
	display: none;
}
.menu-switch + .umo-menu.-v .-menu-group.-drop > .-menu-group-caption {
	height: var(--header-height);
	background-color: var(--menu-background-color);
	color: #ffffff;
}
.menu-switch + .umo-menu.-v .-menu-group.-drop > .-menu-group-caption > i.icon {
	width: 2rem;
	height: 2rem;
	margin-left: 0rem;
	margin-right: 0.5rem;
}
.menu-switch + .umo-menu.-v .-menu-group.-drop > .-menu-items {
	padding-left: 3.5rem;
	background-color: var(--menu-background-color);
}
.menu-switch + .umo-menu.-v .-menu-group.-drop > .-menu-items > .-menu-item {
	padding-left: 0;
	background-color: var(--menu-background-color);
	border: var(--menu-background-color) 1px solid;
}
/*.menu-switch + .umo-menu.-v .-menu-group.-drop > .-menu-items > .-menu-item:before {
	content: '- ';
	color: #ffffff;
}*/
.menu-switch + .umo-menu.-v .-menu-group.-drop > .-menu-items > .-menu-item > a:before {
	content: '-';
	padding-right: 0.5em;
	padding-left: 0.5em;
	color: #ffffff;
}
.menu-switch + .umo-menu.-v .-menu-group.-drop > .-menu-items > .-menu-item:hover {
	border: #ffffff solid;
	border-width: 1px 0 1px 1px;
}
.menu-switch + .umo-menu.-v .-menu-group.-drop > .-menu-items > .-menu-item > a {
	background-color: var(--menu-background-color);
	color: #ffffff;
}
.menu-switch:checked + .umo-menu.-v {
	width: auto;
	padding-bottom: 3em;
	box-shadow: rgba(0, 0, 0, 0.5) 3px 0px 3px;
}
.menu-switch:not(:checked)  + .umo-menu.-v .-menu-group.-drop > .-menu-items {
	height: 0;
}

.menu-switch  + .umo-menu.-v .-menu-group.-drop > .-menu-group-caption[for] {
	/*cursor: pointer;*/
}
.menu-switch  + .umo-menu.-v .-menu-group.-drop > .group-switch {
	display: none;
}
.menu-switch  + .umo-menu.-v .-menu-group.-drop > .group-switch:not(:checked) + .-menu-items {
	height: 0;
}

/*
ページタイトル
*/
.page-title {
	display: flex;
	align-items: center;
	height: 3rem;
	background-color: var(--page-title-background-color);
}
.page-title > .caption {
	display: flex;
	align-items: center;
	font-size: 1.2rem;
}

/*
操作領域
*/
.control-box {
	display: block;
	background: transparent;
}
.control-box > .-error,
.name-value .-error {
	display: block;
	clear: both;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	vertical-align: top;
	color: #d02000;
	line-height: 1.2;
	word-break: break-all;
	white-space: normal;
}
.control-box > .-error:empty {
	display: none;
}
/* 検索用フォーム */
.control-box .umo-form > .-form-field-group {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	height: fit-content;
}
.control-box .umo-form > .-form-field-group.main {
	flex-grow: 1;
	width: auto;
}
.control-box .umo-form > .-form-field-group.date {
	display: flex;
	flex-direction: column;
	flex-grow: 0;
	flex-shrink: 0;
	width: 30.5em;
}
.control-box .umo-form .-form-field {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	width: auto;
	height: auto;
	/*min-height: var(--umo-ui-size);*/
	min-height: 2.5em;
	margin: 0;
	padding: 0;
	border: none;
}
.control-box .umo-form .-form-field > .-form-label {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	width: auto;
	min-width: unset;
	/*margin: 0 0.2em 0.5em 0;*/
	margin: 0;
	padding: 0;
}
.control-box .umo-form .-form-field > .-form-label:before {
	display: none;
}
.control-box .umo-form .-form-field > .-form-ui {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	align-items: center;
	width: auto;
	/*margin: 0 1em 0.5em 0;*/
	margin: 0 1em 0 0.2em;
	padding: 0;
}
.control-box .umo-form .-form-field > .-form-label:empty + .-form-ui {
	margin-left: 0;
}
.control-box .umo-form .-form-field > .-form-ui > * + * {
	margin-top: 0;
}
.control-box .umo-form .-form-buttons {
	display: flex;
}
.control-box .umo-form .-form-buttons .clear-cond {
	min-width: 5rem;
}
.control-box .umo-form .-form-buttons button.umo-ui {
	margin-right: 1em;
}

/*
コンテンツ領域
*/
.container > .contents {
	margin-top: 1em;
	margin-left: calc(var(--menu-width) + 1em);
	overflow: hidden;
}
.container.single > .contents {
	display: flex;
	flex: 1 1 100%;
	flex-direction: column;
	justify-content: space-between;
}
.container.single > .contents > .main-contents {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 0;
	flex-shrink: 1;
	flex-grow: 1;
}
.container.single > .contents > .main-contents > .stretch-contents {
	flex: 1 1 100%;
}

/*
フッター
*/
footer {
	height: 8em;
}
.container.single footer {
	height: 1em;
}

/*
アイコン
*/
i.icon { background-image: url(../img/circle.svg); }
i.icon.blank { background-image: url(../img/blank.svg); }
i.icon.arrow1t { background-image: url(../img/arrow1t.svg); }
i.icon.arrow1r { background-image: url(../img/arrow1r.svg); }
i.icon.arrow1b { background-image: url(../img/arrow1b.svg); }
i.icon.arrow1l { background-image: url(../img/arrow1l.svg); }
i.icon.order { background-image: url(../img/order_none.svg); }
i.icon.order.asc { background-image: url(../img/order_asc.svg); }
i.icon.order.desc { background-image: url(../img/order_desc.svg); }
i.icon.car { background-image: url(../img/car.svg); }
i.icon.boat { background-image: url(../img/boat.svg); }
i.icon.coins { background-image: url(../img/coins.png); }
i.icon.exchange { background-image: url(../img/exchange.png); }
i.icon.user { background-image: url(../img/user.png); }
i.icon.data { background-image: url(../img/data.svg); }
i.icon.logout { background-image: url(../img/logout.png); }
i.icon.list_menu { background-image: url(../img/list_menu.svg); }
i.icon.row_menu { background-image: url(../img/row_menu.svg); }
i.icon.pencil { background-image: url(../img/pencil.svg); }
i.icon.trash { background-image: url(../img/trash.svg); }
i.icon.search { background-image: url(../img/search.svg); }
i.icon.edit { background-image: url(../img/edit.svg); }
i.icon.checkbox-on { background-image: url(../img/checkbox-on.svg); }
i.icon.checkbox-off { background-image: url(../img/checkbox-off.svg); }
i.icon.pdf { background-image: url(../img/pdf.svg); }
i.icon.xlsx { background-image: url(../img/xlsx.svg); }
i.icon.graph { background-image: url(../img/graph.png); }
i.icon.doc { background-image: url(../img/doc.svg); }
i.icon.download { background-image: url(../img/download.svg); }
i.icon.pay { background-image: url(../img/pay.svg); }
i.icon.resale { background-image: url(../img/resale.svg); }
i.icon.flag { background-image: url(../img/flag.svg); }
i.icon.overdue { background-image: url(../img/overdue.svg); }
i.icon.-pointer {
	cursor: pointer;
}

/*
flexによるレイアウト指定用のショートカット
*/
/* flexを使用する */
.flex {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
/* 水平方向にパーツを並べる */
.flex.-h {
	flex-direction: row;
}
/* 垂直方向にパーツを並べる */
.flex.-v {
	flex-direction: column;
}
/* 均等に配置 */
.flex.-between {
	justify-content: space-between;
}
/* 後ろに配置 */
.flex.-end {
	justify-content: flex-end;
}
/* 中央に配置 */
.flex.-center {
	justify-content: center;
}
/* 上（左）に配置 */
.flex.-astart {
	align-items: flex-start;
}
/* 中央に配置 */
.flex.-acenter {
	align-items: center;
}
/* 下（右）に配置 */
.flex.-aend {
	align-items: flex-end;
}
/* 内側のflexのサイズ */
.flex > .flex:not(.-astart):not(.-acenter):not(.-aend) {
	align-self: stretch;
}
.flex.-v > * {
	width: 100%;
}
.flex.-wrap {
	flex-wrap: wrap;
}
.flex.-gap10 {
	gap: 1em;
}
.flex.-gap5 {
	gap: 0.5em;
}
.flex.-gap2 {
	gap: 0.2em;
}
.flex.-gap1 {
	gap: 0.1em;
}

/*
入力フィールドのサイズ
*/
input[type="text"].-year,
input[type="email"].-year {
	width: 3.2em;
}
input[type="text"].-year-wareki,
input[type="email"].-year-wareki {
	width: 5.5em;
}
input[type="text"].-month,
input[type="email"].-month {
	width: 2em;
}
input[type="text"].-day,
input[type="email"].-day {
	width: 2em;
}
input.-money,
.umo-textbox.-money {
	width: 7em;
}
input.-rate,
.umo-textbox.-rate {
	width: 5em;
}
input.-color-code,
.umo-textbox.-color-code {
	width: 4em;
	flex-shrink: 1;
}
input.-keyword,
.umo-textbox.-keyword {
	width: 7em;
}
input.-invoiceno,
.umo-textbox.-invoiceno {
	width: 12em;
}
input.-invoiceno-prefix,
.umo-textbox.-invoiceno-prefix {
	width: 8em;
}
input[type="text"].-bodyno,
input[type="email"].-bodyno {
	width: 11.5em;
}
input.-city {
	width: 15em;
}
input.-eori {
	width: 8em;
}

/*
読み取り専用
*/
input[type="text"][readonly],
input[type="text"][readonly]:hover,
input[type="text"][readonly]:focus,
input[type="email"][readonly],
input[type="email"][readonly]:hover,
input[type="email"][readonly]:focus {
	border: var(--umo-ui-border-color) 1px solid;
	background-color: var(--umo-ui-disable-background-color);
}

/*
日付項目の修飾
*/
input.umo-ui[type="text"].-date,
input.umo-ui[type="email"].-date {
	width: 8.5em;
	padding-left: 2em;
	background-image: url(/img/calendar.svg);
	background-repeat: no-repeat;
	background-size: auto 80%;
	background-position: 0.2em center;
}
input.umo-ui[type="text"].-date.-wareki,
input.umo-ui[type="email"].-date.-wareki {
	width: 10.5em;
}

/*
金額の表示
*/
div.money {
	display: inline-block;
}
div.money .-unit {
}
div.money .-amount {
	width: 7em;
}
div.money .-unit + .-amount {
	margin-left: 0.2em;
}
div.money .-rate {
	background-color: #f2f2f2;
	padding: 0 0.2em;
	font-size: 0.8rem;
	margin-left: 0.5em;
}
div.money .-unit-yen {
}
div.money .-amount-yen:before {
	content: '￥';
}
div.money .-amount-yen {
}

/*
ボタンの修飾
*/
/* 形状 */
button.umo-ui {
	border: none;
	border-radius: 3px;
}
/* 色 */
button.umo-ui.-color-green {
	background: linear-gradient(to bottom, #2cbf20, #24991b);
	border: none;
	border-radius: 3px;
	color: #ffffff;
}
button.umo-ui.-color-green:hover {
	background: linear-gradient(to bottom, #24991b, #24991b);
}
button.umo-ui.-color-blue {
	background: linear-gradient(to bottom, #1467c4, #135cae);
	border: none;
	border-radius: 3px;
	color: #ffffff;
}
button.umo-ui.-color-blue:hover {
	background: linear-gradient(to bottom, #135cae, #135cae);
}
button.umo-ui.-color-red {
	background: linear-gradient(to bottom, #da3348, #c42d40);
	border: none;
	border-radius: 3px;
	color: #ffffff;
}
button.umo-ui.-color-red:hover {
	background: linear-gradient(to bottom, #c42d40, #c42d40);
}
button.umo-ui.-color-gray {
	background: linear-gradient(to bottom, #868e96, #6e757b);
	border: none;
	border-radius: 3px;
	color: #ffffff;
}
button.umo-ui.-color-gray:hover {
	background: linear-gradient(to bottom, #6e757b, #6e757b);
}
/* サイズ */
button.umo-ui.-large {
	min-width: 16rem;
	height: 2.8rem;
}
button.umo-ui.-large-s {
	min-width: 10rem;
	height: 2.8rem;
}
button.umo-ui.-middle {
	min-width: 8rem;
	height: 2.4rem;
}
/* アイコンボタン */
button.icon,
button.umo-ui.icon {
	width: var(--umo-ui-size);
	height: var(--umo-ui-size);
	margin: 0;
	padding: 0;
	background: none;
	border: none;
}
/* 参照ボタン */
button.-browse,
button.umo-ui.-browse {
	margin-left: -1px;
	background: #e9ecef;
	border: #d2d5d7 1px solid;
	color: #000000;
}
/* ボタンキャプションの先頭にアイコンあり */
button > i.icon + span {
	margin-left: 0.5em;
}

/*
テーブルの修飾
*/

/* ソートアイコン */
/*.umo-table > .-table > .-thead > .-row > .-cell > i.icon.order {
	width: 1rem;
	height: 1rem;
	margin-left: 0.2em;
	cursor: pointer;
}*/
.umo-table > .-table > .-thead > .-row > .-cell > [data-order] {
	display: inline-block;
	height: 1em;
	cursor: pointer;
}
.umo-table > .-table > .-thead > .-row > .-cell > [data-order]:after {
	content: '';
	display: none;
	width: 1rem;
	height: 1rem;
	margin-left: 0.2em;
	background-size: 1em 1em;
	vertical-align: middle;
}
.umo-table > .-table > .-thead > .-row > .-cell > [data-order][data-dir="asc"]:after,
.umo-table > .-table > .-thead > .-row > .-cell > [data-order][data-dir="is null asc"]:after {
	display: inline-block;
	background-image: url(../img/order_asc.svg);
}
.umo-table > .-table > .-thead > .-row > .-cell > [data-order][data-dir="desc"]:after,
.umo-table > .-table > .-thead > .-row > .-cell > [data-order][data-dir="is null desc"]:after {
	display: inline-block;
	background-image: url(../img/order_desc.svg);
}

/* 非表示の列 */
.umo-table > .-table > .-thead > .-row > .-cell.-hidden {
	min-width: 7em;
}

/* 日付の列 */
.umo-table > .-table > .-thead > .-row > .-cell.-date {
	min-width: 7em;
}

/* 日時の列 */
.umo-table > .-table > .-thead > .-row > .-cell.-datetime {
	min-width: 9em;
}

/* 金額の列 */
.umo-table > .-table > .-thead > .-row > .-cell.-money {
	min-width: 6em;
}

/* 販売区分＋通貨＋販売価格の列 */
.umo-table > .-table > .-thead > .-row > .-cell.-money-sale {
	min-width: 10em;
}

/* 通貨＋金額の列 */
.umo-table > .-table > .-thead > .-row > .-cell.-cmoney {
	min-width: 8em;
}

/* 通貨の列 */
.umo-table > .-table > .-thead > .-row > .-cell.-currency {
	min-width: 3.5em;
}

/* レートの列 */
.umo-table > .-table > .-thead > .-row > .-cell.-rate {
	min-width: 4em;
}

/* 入庫No.の列 */
.umo-table > .-table > .-thead > .-row > .-cell.-stockno {
	min-width: 7em;
}

/* 担当者名の列 */
.umo-table > .-table > .-thead > .-row > .-cell.-staff {
	min-width: 6em;
}

/* 拠点の列 */
.umo-table > .-table > .-thead > .-row > .-cell.-base {
	min-width: 4em;
}

/* 車台番号の列 */
.umo-table > .-table > .-thead > .-row > .-cell.-bodyno {
	min-width: 12em;
}

/* メーカーの列 */
.umo-table > .-table > .-thead > .-row > .-cell.-car-mk {
	min-width: 5em;
}

/* 車名の列 */
.umo-table > .-table > .-thead > .-row > .-cell.-car-nm {
	min-width: 8em;
}

/* 車名＋グレードの列 */
.umo-table > .-table > .-thead > .-row > .-cell.-car-nm-gr {
	min-width: 10em;
}

/* ナンバーの列 */
.umo-table > .-table > .-thead > .-row > .-cell.-carnum {
	min-width: 8em;
}

/* 外装色・内装色の列 */
.umo-table > .-table > .-thead > .-row > .-cell.-color {
	min-width: 7em;
}

/* 冠の列 */
.umo-table > .-table > .-thead > .-row > .-cell.-init {
	min-width: 5em;
}

/* 拠点の列 */
.umo-table > .-table > .-thead > .-row > .-cell.-base {
	min-width: 5em;
}

/* 受注番号の列 */
.umo-table > .-table > .-thead > .-row > .-cell.-orderno {
	min-width: 6em;
}

/* 入金Noの列 */
.umo-table > .-table > .-thead > .-row > .-cell.-depositno {
	min-width: 6em;
}

/* INVOICE Noの列 */
.umo-table > .-table > .-thead > .-row > .-cell.-invoiceno {
	min-width: 9em;
}

/* 業者名の列 */
.umo-table > .-table > .-thead > .-row > .-cell.-cname {
	min-width: 7em;
}

/* 銀行口座の列 */
.umo-table > .-table > .-thead > .-row > .-cell.-bankacc {
	min-width: 15em;
}

/* 国の列 */
.umo-table > .-table > .-thead > .-row > .-cell.-country {
	min-width: 7em;
}

/* 保管場所の列 */
.umo-table > .-table > .-thead > .-row > .-cell.-place {
	min-width: 7em;
}

/* 郵便番号の列 */
.umo-table > .-table > .-thead > .-row > .-cell.-zip {
	min-width: 5em;
}

/* 住所の列 */
.umo-table > .-table > .-thead > .-row > .-cell.-addr {
	min-width: 10em;
}

/* 電話番号の列 */
.umo-table > .-table > .-thead > .-row > .-cell.-tel {
	min-width: 7em;
}

/* 備考の列 */
.umo-table > .-table > .-thead > .-row > .-cell.-note {
	min-width: 15em;
}

/* 表示順位の列 */
.umo-table > .-table > .-thead > .-row > .-cell.-order {
	min-width: 3em;
}

/* 内訳項目の列 */
.umo-table > .-table > .-thead > .-row > .-cell.-item {
	min-width: 3em;
}

/* フラグの列 */
.umo-table > .-table > .-thead > .-row > .-cell.-flag {
	min-width: 2em;
}

/* 操作列 */
.umo-table > .-table > .-thead > .-row > .-cell.-operation {
	width: 3em;
	min-width: 3em;
	max-width: 3em;
}

/* 汎用列幅指定 */
.umo-table .-cell.col-wauto {
	width: auto;
}
.umo-table .-cell.col-w1 {
	min-width: 1em;
}
.umo-table .-cell.col-w2 {
	min-width: 2em;
}
.umo-table .-cell.col-w3 {
	min-width: 3em;
}
.umo-table .-cell.col-w4 {
	min-width: 4em;
}
.umo-table .-cell.col-w5 {
	min-width: 5em;
}
.umo-table .-cell.col-w6 {
	min-width: 6em;
}
.umo-table .-cell.col-w7 {
	min-width: 7em;
}
.umo-table .-cell.col-w8 {
	min-width: 8em;
}
.umo-table .-cell.col-w9 {
	min-width: 9em;
}
.umo-table .-cell.col-w10 {
	min-width: 10em;
}
.umo-table .-cell.col-w11 {
	min-width: 11em;
}
.umo-table .-cell.col-w12 {
	min-width: 12em;
}
.umo-table .-cell.col-w13 {
	min-width: 13em;
}
.umo-table .-cell.col-w14 {
	min-width: 14em;
}
.umo-table .-cell.col-w15 {
	min-width: 15em;
}

/*
リストメニュー
*/
.umo-contextmenu .noitem:not(:first-child) {
	display: none;
}

/*
フラットタイプのラジオボタングループ
*/
.radio-group {
	display: inline-flex;
	height: var(--umo-ui-size);
	border: var(--umo-ui-border-color) 1px solid;
	overflow: hidden;
}
.radio-group > label {
	display: inline-block;
	width: auto;
	height: 100%;
	border-width: 0;
	border-radius: 0.3em;
	cursor: pointer;
}
.radio-group > label + label > span {
	border-left: var(--umo-ui-border-color) 1px solid;
}
.radio-group > label > input[type="radio"] {
	display: none;
}
.radio-group > label > span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: max-content;
	height: 100%;
	margin: 0;
	padding: 0.2em 0.5em;
	background-color: #ffffff;
	line-height: 1;
	color: #52585e;
	user-select: none;
}
.radio-group > label > input[type="radio"]:checked + span {
	background-color: #727b84;
	color: #ffffff;
}
/* カラー */
.radio-group.-blue {
	border: #1467c4 1px solid;
}
.radio-group.-blue > label > span {
	background-color: #ffffff;
	color: #1467c4;
}
.radio-group.-blue > label + label > span {
	border-left: #1467c4 1px solid;
}
.radio-group.-blue > label > input[type="radio"]:checked + span {
	background-color: #1467c4;
	color: #ffffff;
}

/*
フラットタイプのトグル
*/
.toggle-group {
	display: inline-flex;
	justify-content: space-between;
}
.toggle-group  > .umo-toggle > .-toggle-checkbox {
	display: none;
}
.toggle-group  > .umo-toggle > .-toggle-label {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0.2em 0.5em;
	background-color: #ffffff;
	border: var(--umo-ui-border-color) 1px solid;
	line-height: 1;
	color: #52585e;
	user-select: none;
}
.toggle-group  > .umo-toggle + .umo-toggle > .-toggle-label {
	border-left: none;
}
.toggle-group  > .umo-toggle > .-toggle-checkbox:checked + .-toggle-label,
.toggle-group  > .umo-toggle > .-toggle-value[value="1"] + .-toggle-label {
	background-color: #1467c4;
	color: #ffffff;
}

/*
参照フィールド
*/
.browse {
	display: flex;
	align-items: center;
	max-width: 100%;
	height: var(--umo-ui-size);
}
.browse > .-browse-text,
.browse > .-browse-text-group {
	display: flex;
	align-items: center;
	min-width: 4em;
	/*max-width: 10em;*/
	height: 100%;
	padding: 0 0.2em;
	background-color: #ffffff;
	border: var(--umo-ui-border-color) 1px solid;
	overflow: hidden;
	word-break: keep-all;
	white-space: nowrap;
	transition: all 1s ease;
}
.browse > .-browse-text-group.-scroll {
	overflow-x: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.browse > .-browse-text-group.-scroll::-webkit-scrollbar {
	display:none;
}
.browse > .-browse-text-group > span {
	align-self: center;
	word-break: keep-all;
	white-space: nowrap;
}
.browse > .-browse-text-group > span + span {
	margin-left: 0.5em;
}
/*.browse > .-browse-value {
	display: none;
}*/
.browse > .-browse-button,
.browse > .-browse-clear {
	/*width: 4em;*/
	margin-left: -1px;
	background: #e9ecef;
	border: var(--umo-ui-border-color) 1px solid;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	color: #000000;
}
.browse > .-browse-clear {
	font-weight: bold;
}
.browse > .-browse-value.-key:not([value=""]) ~ .-browse-button:not(.-browse-fix) {
	display: none;
}
.browse > .-browse-value.-key[value=""] ~ .-browse-clear {
	display: none;
}

/*
情報項目セット
*/
.fieldset {
	display: flex;
	flex-direction: column;
	width: 100%;
}
.fieldset.-h {
	flex-direction: row;
	justify-content: space-between;
}
.fieldset .-row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.fieldset.-column-2 .-row .-field.cmax,
.fieldset.-column-3 .-row .-field.cmax {
	width: 100%;
}
.fieldset.-column-2 .-row .-field {
	width: calc( (100% - 1em * 1) / 2);
}
.fieldset.-column-3 .-row .-field {
	width: calc( (100% - 1em * 2) / 3);
}
.fieldset.-column-3 .-row .-field.c2 {
	width: calc( (100% - 1em * 2) / 3 * 2 + 1em);
}
.fieldset.-column-auto .-row {
	column-gap: 1em;
}	
.fieldset.-column-auto .-row .-field {
	flex-grow: 1;
	width: auto;
	column-gap: 1em;
}
.fieldset.-column-auto .-row .-name {
	width: auto;
}
.fieldset.-column-auto .-row .-value {
	width: auto;
}
/* 段組みタイプ */
.fieldset.-h .-column {
	width: 100%;
}
.fieldset.-h.-column-2 .-column {
	width: calc( (100% - 1em) / 2);
}
.fieldset.-h.-column-3 .-column {
	width: calc( (100% - 1em * 2) / 3);
}
/* 項目 */
.fieldset .-field {
	display: flex;
	flex-direction: row;
	width: 100%;
	height: var(--umo-ui-size);
	border-bottom: #000000 1px solid;
	overflow: hidden;
}
.fieldset .-field .-name {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 5.5em;
	min-width: 0;
	word-break: keep-all;
	white-space: nowrap;
	flex-grow: 0;
	flex-shrink: 0;
}
.fieldset .-field .-value {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	width: auto;
	flex-grow: 1;
	flex-shrink: 1;
	overflow: hidden;
}
.fieldset .-field.empty {
	border-bottom: none;
}
.fieldset .-field .-value span {
	word-break: keep-all;
	white-space: nowrap;
}
span.-currency {
	margin-right: 0.2em;
}

/*
サフィックス
*/
.-safix {
	word-break: keep-all;
	white-space: nowrap;
}

/*
スクロールバーを消す
*/
.-hide-scrollbar::-webkit-scrollbar {
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.-hide-scrollbar::-webkit-scrollbar {
	display:none;
}

/*
表示スイッチと連動する
*/
input[type="hidden"]:not([value="1"]) + .with-switch {
	display: none;
}

/*
集計値表示領域
*/
.sum-values {
	display: block;
	max-width: 100%;
	padding: 0.5em;
}
.sum-values .-inner {
	display: flex;
	flex-direction: row;
	gap: 2em;
	width: fit-content;
	max-width: 100%;
	padding: 0.5em;
	background-color: #f2f2f2;
	overflow-x: auto;
}
.sum-values .-inner::-webkit-scrollbar {
  height: 0.7em;
}
.sum-values .-inner::-webkit-scrollbar-track {
  background: transparent;
}
.sum-values .-inner::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.5);
}
.sum-values .-inner > * {
	min-width: fit-content;
}
.sum-values .-inner .-price {
}
.sum-values .-inner .-price.-bold {
	font-weight: bold;
}
.sum-values .-inner .-price.-large {
	font-size: 1.2em;
}
.sum-values .-inner .-currency {
	margin-right: 0.2em;
}
.sum-values .-inner .umo-table {
	background-color: transparent;
	border: none;
}
.sum-values .-inner .umo-table > .-table > .-tbody > .-row {
	background-color: transparent;
	border: none;
}
.sum-values .-inner .umo-table > .-table > .-thead > .-row > .-cell,
.sum-values .-inner .umo-table > .-table > .-tbody > .-row > .-cell {
	height: var(--umo-ui-size);
	background-color: transparent;
	border: none;
}
.sum-values .-inner .umo-table > .-table > .-tbody > .-row > .-cell:not(:last-child) {
	padding-right: 2em;
}

/*
テーブル下部（選択件数）
*/
.table-bottom {
	display: flex;
	align-items: center;
}
.table-bottom .selected-count {
	display: flex;
	align-items: center;
	height: 3em;
	padding: 0 0.5em;
	/*border: #e9ecef 2px solid;*/
}
.table-bottom .selected-count:not([data-selected="1"]) {
	display: none;
}
.table-bottom .selected-count[data-selected="1"]:before {
	content: '選択数';
	margin-right: 0.5em;
}
.table-bottom .selected-count[data-selected="1"]:after {
	content: '件';
	margin-left: 0.5em;
}
.table-bottom .spacer {
	flex-grow: 1;
}

/* --------------------------------------------------------------------
フォーム
-------------------------------------------------------------------- */

.umo-form .-form-field span.-currency {
	margin-right: 0.2em;
}

/* --------------------------------------------------------------------
ダイアログ
-------------------------------------------------------------------- */

.umo-dialog .umo-form .-form-field > .-form-label {
	min-width: 8rem;
}
.umo-dialog .control-box .umo-form .-form-field > .-form-label {
	min-width: unset;
}

/* --------------------------------------------------------------------
ページトップリンク
-------------------------------------------------------------------- */
.container.single + .goto-pagetop {
	display: none;
}
.goto-pagetop {
	position: fixed;
	bottom: 0.5em;
	right: 0.5em;
	z-index: 100;
	display: block;
	width: 3em;
	height: 3em;
	background: #fff;
	border: #888 1px solid;
	border-radius: 50%;
	opacity: 0.5;
	line-height: 40px;
	text-decoration: none;
	text-align: center;
	color: #fff;
	cursor: pointer;
	transition: 0.5s;
}
.goto-pagetop img {
	position: absolute;
	top: 20%;
	right: 20%;
	bottom: 20%;
	left: 20%;
}
.goto-pagetop:hover {
	opacity: 1;
}
.container.single ~ .goto-pagetop {
	display: none;
}

/* --------------------------------------------------------------------
jquery datepicker
-------------------------------------------------------------------- */
#ui-datepicker-div {
	/*z-index: 10 !important;*/
}
.ui-datepicker .ui-datepicker-buttonpane button[data-handler="today"] {
	opacity: 1;
}