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

/* 
CMSの基本スタイル
*/

/*
タグの共通定義
*/
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	list-style: none;
}
*:disabled {
	opacity: 1;
}

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

/*
ページの全内容が含まれる領域
*/
.container {
	position: relative;
	width: 100%;
	max-width: 1200px;
	height: auto;
	min-height: 100vh;
	margin: 0 auto;
	padding: 0 5px;
}
.container.single {
	position: fixed;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100vh;
	overflow: hidden;
}

/*
ヘッダー
*/
header {
	position: sticky;
	top: 0px;
	width: 100%;
	height: var(--header-height);
	margin: 0 0 10px 0;
	padding: 0.2rem;
	background-color: var(--header-background-color);
	line-height: calc(var(--header-height) - 0.4rem);
	vertical-align: middle;
	z-index: 900;
}
header > .header-title {
	flex-grow: 1;
	flex-shrink: 1;
	width: auto;
	height: 100%;
	padding: 0 1rem;
	overflow: hidden;
	color: var(--header-color);
}
header > .header-ope {
	flex-grow: 0;
	flex-shrink: 0;
	display: flex;
	justify-content: flex-end;
	width: fit-content;
	height: 100%;
	font-size: 0;
}
header > .header-ope > .header-ope-item {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	font-size: 1rem;
}
header > .menu-switch-icon {
	display: block;
	width: calc(var(--header-height) - 0.4rem);
	min-width: calc(var(--header-height) - 0.4rem);
	height: calc(var(--header-height) - 0.4rem);
	cursor: pointer;
	background-color: #fff;
	z-index: 999;
}
header > .menu-switch-icon > .-toggle-off {
	width: 100%;
	height: 100%;
	background-image: url(../img/menu-open.svg);
	background-position: center;
	background-size: 80%;
	background-repeat: no-repeat;
}
header > .menu-switch-icon > .-toggle-on {
	width: 100%;
	height: 100%;
	background-image: url(../img/menu-close.svg);
	background-position: center;
	background-size: 80%;
	background-repeat: no-repeat;
}
header > .header-ope > .header-ope-item {
	margin-left: 0.5em;
}
header > .header-ope > .header-ope-item[onclick] {
	cursor: pointer;
}
header > .header-ope > .header-ope-item[onclick]:hover {
	background-color: rgba(255, 255, 255, 0.2);
}
header > .header-ope > .header-ope-item > i.icon {
	width: calc(var(--header-height) * 0.6);
	height: calc(var(--header-height) * 0.6);
}
header > .header-ope > .header-ope-item > span {
	color: #fff;
}

/*
メニュー
*/
.menu-switch {
	display: none;
}
/*#menu-switch + .umo-menu {
	position: absolute;
	top: 45px;
	left: 5px;
	display: none;
	width: auto;
	height: auto;
	max-height: calc(100vh - 50px);
	padding: 2px;
	background-color: #eef;
	border: #ccc 1px solid;
	overflow: auto;
	z-index: 998;
}*/
.menu-switch + .umo-menu {
	position: absolute;
	top: calc(3rem - 0.2rem);
    left: calc(0.2rem - 1px);
	display: none;
	width: auto;
	height: auto;
	max-height: calc(100vh - var(--header-height));
	padding: 2px;
	/*background-color: #fff;*/
	/*border: #ccc 1px solid;*/
	overflow: visible;
	z-index: 998;
}
.menu-switch:checked + .umo-menu {
	display: block;
}

/*
ページタイトル
*/
.page-title {
	display: flex;
	width: 100%;
	height: 2rem;
	margin: 0 0 0.5em 0;
	background-color: var(--page-title-background-color);
}
.page-title > .caption {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0 1rem;
	line-height: 2rem;
	vertical-align: middle;
	font-size: 1rem;
	font-weight: bold;
	color: var(--page-title-color);
}
/*.page-title > .buttons {
	position: absolute;
	top: 0;
	right: 0;
	width: auto;
	height: 32px;
	padding: 0 0.5rem;
	line-height: 2rem;
	font-size: 0;
}*/
.page-title > .items {
	display: flex;
	align-items: center;
	width: auto;
	height: 100%;
	padding: 0 2px 0 0;
}
.page-title > .items > .item {
	display: block;
	height: calc(100% - 4px);
	margin: 0 0.5rem 0 0;
	vertical-align: middle;
}
.page-title > .items > .item:last-child {
	margin-right: 0;
}

/*
操作パネル
*/
.control-box {
	display: flex;
	justify-content: space-between;
	width: 100%;
	height: auto;
	margin: 0 0 5px 0;
	padding: 5px 1rem;
	background-color: #eee;
}
.control-box > .search-form {
	display: block;
}
.control-box > .buttons {
	display: block;
	width: fit-content;
}
/* 検索フォームをumo-formで作成する場合 */
.control-box > .umo-form {
	display: flex;
	flex-wrap: wrap;
}
.control-box > .umo-form > .-form-field {
	display: flex;
	align-items: center;
	width: auto;
	margin: 0 1rem 0 0;
	padding: 0;
	border: none;
	line-height: 1;
}
.control-box > .umo-form > .-form-field > .-form-label {
	width: auto;
	min-width: auto;
	height: auto;
	margin: 0 0.1rem 0 0;
	padding: 0;
	border: none;
	line-height: 1;
}
.control-box > .umo-form > .-form-field > .-form-ui {
width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	border: none;
	line-height: 1;
}
.control-box > .umo-form > .-form-buttons {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	border: none;
}
.control-box > .umo-form > .-form-buttons > button.umo-ui {
	margin: 0 1rem 0 0;
}

/*
完了メッセージ
*/
.complete {
	display: block;
	width: 100%;
	margin: 0;
	padding: 1rem;
	text-align: left;
}
.complete > .message {
}

/*
フォーム
*/

/* 必須項目の印 */
.umo-form > .-form-field [data-required] {
	display: inline;
	margin: 0;
	padding: 0 0.1rem;
	color: #d02000;
}
.umo-form > .-form-field [data-required]:not([data-required="1"]) {
	display: none;
}

/* フォーム項目のエラーメッセージ */
/*.umo-form .-form-field .-ui-area .-error {
	margin-top: 2px;
	color: #d02000;
}
.umo-form .-form-field .-ui-area .name-value.noborder .-error {
	margin-bottom: 5px;
	line-height: 1.4em;
}*/

/* フォーム内の文字列 */
.umo-form > .-form-field .-nobreak,
.umo-form > .-form-field-group > .-form-field .-nobreak {
	word-break: keep-all;
}

/*
名前と値のペア
*/

.name-value {
	display: block;
	box-sizing: border-box;
	border-top: #ffffff 1px solid;
	border-left: #ffffff 1px solid;
	overflow: hidden;
}
.name-value > .-row {
	display: flex;
	width: 100%;
}
.name-value > .-row.-wrap {
	flex-wrap: wrap;
}
.name-value > .-row > .-field {
	display: flex;
	flex-wrap: nowrap;
}
.name-value > .-row > .-caption {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-grow: 0;
	flex-shrink: 0;
	box-sizing: border-box;
	padding: 8px;
	background-color: #ddd;
	border-right: #ffffff 1px solid;
	border-bottom: #ffffff 1px solid;
	text-align: center;
	vertical-align: middle;
	color: #000;
}
.name-value > .-row > .-name,
.name-value > .-row > .-field > .-name {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-grow: 0;
	flex-shrink: 0;
	box-sizing: border-box;
	margin: 0;
	padding: 2px;
	background-color: #ddd;
	border-right: #ffffff 1px solid;
	border-bottom: #ffffff 1px solid;
	text-align: center;
	vertical-align: middle;
	line-height: 1.8em;
	font-size: 1em;
	color: #000;
}
.name-value > .-row > .-value,
.name-value > .-row > .-field > .-value {
	display: flex;
	align-items: center;
	width: 100%;
	min-height: 1.8em;
	box-sizing: border-box;
	margin: 0;
	padding: 2px 5px;
	background-color: #eee;
	border-right: #ffffff 1px solid;
	border-bottom: #ffffff 1px solid;
	vertical-align: middle;
	line-height: 1.8em;
	font-size: 1em;
	color: #000;
}
.name-value > .-column {
	display: block;
	float: left;
	box-sizing: border-box;
	border-top: #ffffff 1px solid;
}
.name-value > .-column > .-name {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: calc(1.6em + 6px);
	box-sizing: border-box;
	margin: 0;
	padding: 2px;
	background-color: #ddd;
	border-right: #ffffff 1px solid;
	border-bottom: #ffffff 1px solid;
	text-align: center;
	vertical-align: middle;
	line-height: 1.8em;
	font-size: 1em;
	color: #000;
}
.name-value > .-column > .-value {
	display: block;
	clear: both;
	float: none;
	width: 100%;
	min-height: 1.8em;
	box-sizing: border-box;
	padding: 2px;
	background-color: #eee;
	border-right: #ffffff 1px solid;
	border-bottom: #ffffff 1px solid;
	vertical-align: middle;
	line-height: 1.8em;
	font-size: 1em;
	color: #000;
}
.name-value > .-column > .-value > * {
	margin: 0;
	padding: 0;
}

.name-value.mini-table {
	display: inline-block;
	font-size: 0.8em;
}
.name-value.mini-table > .-row > .-caption {
	padding: 2px;
}
.name-value.mini-table > .-row > .-name {
	padding: 2px;
}
.name-value.mini-table > .-row > .-value {
	min-width: 100px;
	padding: 2px 5px;
}
.name-value.mini-table > .-column > .-name {
	padding: 2px;
}
.name-value.mini-table > .-column > .-value {
	padding: 2px 5px;
}

/*
Y/Nの二値を記号で表示
*/
.onoff[data-umo="on"] > .-on {
	display: inline-block;
}
.onoff[data-umo="on"] > .-off {
	display: none;
}
.onoff[data-umo="off"] > .-on {
	display: none;
}
.onoff[data-umo="off"] > .-off {
	display: inline-block;
}

/*
添付ファイルリスト
*/
/*.umo-box.list-document {
	display: block;
	width: 100%;
}
.umo-box.list-document > .-box {
	clear: both;
	float: none;
	display: block;
	margin: 0 0 3px;
	padding: 5px;
	overflow: hidden;
	border: #bbbbbb 1px solid;
}
.umo-box.list-document > .-box > .contents {
	float: left;
	display: block;
	width: calc(100% - 50px);
	height: 2em;
}
.umo-box.list-document > .-box > .contents > [data-umo-name="title"] {
	height: 3em;
	margin: 0;
	padding: 0;
	line-height: 2em;
	vertical-align: middle;
}
.umo-box.list-document > .-box > .-operation {
	float: left;
	display: block;
	width: 50px;
	height: 2em;
	line-height: 2em;
	vertical-align: middle;
	text-align: right;
}
.umo-box.list-document + .files-add {
}
.umo-box.list-document + .files-add > button {
	width: 100px;
}*/

/*
メディア
*/
.media {
	position: relative;
	width: 100px;
	margin: 0;
	padding: 5px;
	box-sizing: border-box;
}
.media > .-title {
	width: 100%;
	height: 1.5em;
	margin: 0;
	padding: 0;
}
.media > .-thumb {
	position: relative;
	width: 90px;
	height: 90px;
	background-color: rgba(255, 255, 255, 0.5);
	border: #bbbbbb 1px solid;
	box-sizing: border-box;
	cursor: pointer;
}
.media > .-thumb:hover {
	border: #999999 1px solid;
}
.media > .-thumb > img,
.media > .-thumb > a,
.media > .-thumb > a > img,
.media > .-thumb > .-nodata-mark,
.media > .-thumb > .-delete-mark,
.media > .-thumb > .-add-mark {
	position: absolute;
	display: block;
	max-width: 88px;
	max-height: 88px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.media > .-thumb > .-nodata-mark,
.media > .-thumb > .-delete-mark,
.media > .-thumb > .-add-mark {
	width: 100%;
	height: 1em;
	text-align: center;
}
.media > .-thumb img.photo-thum,
.media > .-thumb img.video-thum {
	display: none;
}
.media > [name$='media_type'][value='1'] ~ .-thumb img.photo-thum,
.media > [name$='media_type'][value='2'] ~ .-thumb img.video-thum {
	display: block;
}
.media.-add > .-thumb .-add-mark {
	display: block;
}
.media > .-thumb .-nodata-mark,
.media > .-thumb .-delete-mark {
	display: none;
}
/* 削除指定 */
.media > input[name$='delete'][value='1'] ~ .-thumb > .-delete-mark {
	display: block;
}
.media > input[name$='delete'][value='1'] ~ .-thumb img {
	/*display: none;*/
	opacity: 0.25;
}
.media > input[name$='delete'][value='1'] ~ .-title > .-title-inline {
	display: none;
}
/* ファイルなし */
.media > [name$='media_type'][value='1'] ~ [name$='delete'][value=''] ~ .-thumb img.photo-thum[src=''],
.media > [name$='media_type'][value='2'] ~ [name$='delete'][value=''] ~ .-thumb img.video-thum[src=''],
.media > [name$='media_type'][value='1'] ~ [name$='delete'][value=''] ~ [name$=':operation'][value='delete'] ~ .-thumb img {
	display: none;
}
.media > [name$='media_type'][value='1'] ~ [name$='delete'][value=''] ~ .-thumb img.photo-thum[src=''] ~ .-nodata-mark,
.media > [name$='media_type'][value='2'] ~ [name$='delete'][value=''] ~ .-thumb img.video-thum[src=''] ~ .-nodata-mark,
.media > [name$='media_type'][value='1'] ~ [name$='delete'][value=''] ~ [name$=':operation'][value='delete'] ~ .-thumb .-nodata-mark {
	display: block;
}
/* ファイルなし（表示用） */
.media.-view > [name$='delete'][value=''] ~ .-thumb img[src=''],
.media.-view > [name$='delete'][value=''] ~ [name$=':operation'][value='delete'] ~ .-thumb img {
	display: block;
}
.media.-view > [name$='delete'][value=''] ~ .-thumb img[src=''] + .-nodata-mark,
.media.-view > [name$='delete'][value=''] ~ [name$=':operation'][value='delete'] ~ .-thumb .-nodata-mark {
	display: none;
}
/* 追加操作 */
.media.-add button {
	display: none;
}

/*
入力フィールドのサイズ
*/
input.-date {
	width: 7em;
}
input.-time {
	width: 4.5em;
}
input.-zip {
	width: 6em;
}
input.-addr {
	width: 40em;
	max-width: 100%;
}
input.-tel {
	width: 9em;
}
input.-name {
	width: 9em;
}
input.-kana {
	width: 12em;
}
input.-cname {
	width: 20em;
}
input.-email {
	width: 25em;
}
input.-password {
	width: 15em;
}
input.-office {
	width: 10em;
}
input.-belong {
	width: 10em;
}
input.-post {
	width: 5em;
}

/*
入力フィールドの修飾
*/
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-color: #f0f0f0;
	outline: none;
	cursor: default;
}
input + .-safix,
select + .-safix,
span + .-safix,
.umo-textbox + .-safix {
	margin-left: 0.2rem;
}
span:empty + .-safix.-not-empty,
label:empty + .-safix.-not-empty,
div:empty + .-safix.-not-empty {
	display: none;
}
*:empty + .-not-empty {
	display: none;
}

/*
アイコン
*/
i.icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	flex-shrink: 0;
	flex-grow: 0;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	vertical-align: middle;
}
i.icon.calendar { background-image: url(../img/calendar.svg); }
i.icon.picture { background-image: url(../img/photo.svg); }
i.icon.video { background-image: url(../img/video.svg); }
i.icon.file { background-image: url(../img/file.svg); }
i.icon.folder { background-image: url(../img/folder.svg); }
i.icon.leader { background-image: url(../img/leader.svg); }
i.icon.trashbox { background-image: url(../img/trashbox.svg); }
i.icon.batsu { background-image: url(../img/batsu.svg); }
i.icon.download { background-image: url(../img/download.svg); }
i.icon.search { background-image: url(../img/search.svg); }
i.icon.arrowu { background-image: url(../img/arrowu.svg); }
i.icon.arrowd { background-image: url(../img/arrowd.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.order-none { background-image: url(../img/order_none.svg); }
i.icon.bell { background-image: url(../img/bell.svg); }
i.icon.logout { background-image: url(../img/logout.svg); }
i.icon.profile { background-image: url(../img/profile.svg); }
i.icon.copy { background-image: url(../img/copy.svg); }

/*
参照ダイアログ呼び出し元
*/
.reference {
	display: block;
}
.reference.-inline {
	display: inline;
	margin: 0 5px 0 0;
}
.reference input {
	display: block;
	float: left;
}
.reference span {
	display: block;
	float: left;
}
.reference span.-value {
	min-width: 100px;
	background-color: #f8f8f8;
	border: #bbbbbb 1px solid;
	padding-right: 0.5em;
	padding-left: 0.5em;
}
.reference .ref-buttons {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}
.reference .ref-buttons > .btn-reference {
	display: block;
	float: left;
	margin: 0 0 0 -1px;
}
.reference .ref-buttons > .btn-clear {
	display: block;
	float: left;
	margin: 0 0 0 -1px;
}
.reference .-code {
	width: 6em;
	background-color: #dddddd;
}
/* 参照用 */
.reference.-view span.-code:empty,
.reference.-view span.-code:empty + span.-value {
	display: none;
}
.reference.-view span.-value {
	background-color: #ffffff;
	border: none;
}
/* name-value形式 */
.name-value.reference > .-row > .-name:not(.-code) {
	width: 6em;
	background-color: #eeeeee;
}
.name-value.reference > .-row > .-value {
	background-color: #ffffff;
}
.name-value.mini > .-row {
	min-height: 1.8em;
	padding-top: 1px;
	padding-bottom: 1px;
}
.name-value.mini > .-row > .-name {
	width: 5em;
	padding-top: 0;
	padding-bottom: 0;
	background-color: #eee;
	border: none;
}
.name-value.mini > .-row > .-value {
	padding-top: 0;
	padding-bottom: 0;
	background: none;
	border: none;
}

/*.name-value.reference > .-row > .-value > * {
	display: block;
	float: left;
}*/
/*.name-value.reference > .-row > .-value > .ref-buttons > * {
	display: block;
	float: left;
	margin: 0;
}*/

/*
参照ダイアログ
*/
.reference-table-list .-contents .-cell {
	font-size: 0.8em;
}
.reference-table-list .umo-table > .-tbody > .-row > .-cell {
	cursor: pointer;
}
.reference-table-list .-contents .-search-form {
	margin-bottom: 5px;
}

/*
参照ボタン
*/
/*.ref-buttons {
	display: block;
	margin: 0;
	vertical-align: top;
	flex-direction: column;
}
.ref-buttons button {
	margin: 0 5px 0 0;
	padding-left: 0.7em;
	padding-right: 0.7em;
	border-left: none;
}*/

/*
メディアダイアログ
*/
#dialog-media .umo-form {
	position: relative;
}
/*#dialog-media .umo-upfile {
	display: none;
	width: 500px;
	height: auto;
	margin: 0 0 10px 0;
	padding: 5px;
	cursor: pointer;
}
#dialog-media .umo-upfile:hover {
	background-color: #eee;
}
#dialog-media .umo-upfile.-dragover {
	background-color: #eee;
}
#dialog-media .umo-upfile > .-name {
	display: none;
}
#dialog-media .umo-upfile .-thumb {
	cursor: pointer;
}*/
/*#dialog-media .video-preview {
	display: none;
}
#dialog-media .video-preview iframe {
	width: 100%;
	height: 100%;
}*/
#dialog-media .operation {
	width: calc(100% - 10px);
	height: auto;
	display: flex;
	margin: 0;
	padding: 0;
}
#dialog-media .operation .media_original_name {
	flex-grow: 2;
	flex-shrink: 2;
	display: inline-block;
	height: auto;
	word-break: break-all;
}
/*#dialog-media .operation .id-select-photo,
#dialog-media .operation .id-select-video {
	flex-grow: 0;
	flex-shrink: 0;
	width: 1.8rem;
	margin: 0 5px 0 0;
	padding: 0;
}
#dialog-media .operation .id-select-photo:hover,
#dialog-media .operation .id-select-video:hover {
	background-color: #d0d0d0;
}*/
#dialog-media [name='-delete'][value='1'] ~ .umo-upfile .-thumb {
	opacity: 0.5;
	cursor: default;
}
#dialog-media [name='-delete'][value='1'] ~ .-delete-mark {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 0;
	background-color: rgba(0,0,0,0.3);
}
/*#dialog-media [name='media_id'][value=''] ~ .-form-button-area .id-delete,
#dialog-media [name='-delete'][value='1'] ~ .-form-button-area .id-delete,
#dialog-media [name='-delete'][value='1'] ~ .-form-button-area .id-commit {
	display: none;
}
#dialog-media [name='-delete'][value=''] ~ .-form-button-area .id-undelete {
	display: none;
}*/
/*#dialog-media [name='media_type'][value='1'] ~ .umo-upfile,
#dialog-media [name='media_type'][value='2'] ~ .video-preview {
	display: block;
}
#dialog-media [name='media_type'][value='1'] ~ .operation .id-select-photo,
#dialog-media [name='media_type'][value='2'] ~ .operation .id-select-video {
	background-color: #ffd080;
}*/
/*#dialog-media .umo-upfile > .-delete {
	display: none;
	width: 1.8em;
	height: 1.8em;
	right: 5px;
	bottom: 5px;
}*/

/*
動画用スクリプト入力ダイアログ
*/
#dialog-media-video .id-media_path {
	width: 100%;
	height: 225px;
	box-sizing: border-box;
	resize: none;
}

/*
テキスト
*/
.-memo {
	color: #606060;
	margin: 2px;
	padding: 0;
	font-size: 0.8em;
}

.pay-type {
	padding-right: 10px;
}
.pay-type[data-visible='0'] {
	display: none;
}

/*
テキストエリア
*/

textarea {
	resize: vertical;
}

/*
act別
*/

.act-view .contents .main > .name-value:not(.mini-table) {
	border-top: #ddd 1px solid;
	border-left: #ddd 1px solid;
}
.act-view .contents .main > .name-value:not(.mini-table) > .-row > .-name {
	background-color: #eee;
	border-right: #ddd 1px solid;
	border-bottom: #ddd 1px solid;
}
.act-view .contents .main > .name-value:not(.mini-table) > .-row > .-value {
	border-right: #ddd 1px solid;
	border-bottom: #ddd 1px solid;
}
.act-view .contents .main > .name-value:not(.mini-table) > .-row > .-value {
	background-color: #ffffff;
}

/*
サイドメニュー
*/

.umo-sidemenu.-v > .-menu-items > .-group-items > .-item[data-selected="1"] {
	background-color: #20634e20;
	box-shadow: #20634e 5px 0 inset;
}

/*
マスタコード
*/
input.-code {
	width: 5em;
	background-color: #eeeeee;
	text-align: center;
}
span.-code {
	width: 5em;
	margin-right: 5px;
	background-color: #eeeeee;
	text-align: center;
}

/*
umo-upfile
*/
.umo-upfile.-with-thumbnail {
	width: 200px;
	height: 200px;
}
.umo-upfile.-with-thumbnail > iframe.-thumb img {
	width: 100%;
}

/*
参照画面のボタンエリア
*/

.act-view .main .-view-button-area {
	margin: 10px 0 0;
	text-align: center;
}
.act-view .main .-view-button-area > button,
.act-view .main .-view-button-area > input[type="button"],
.act-view .main .-view-button-area > input[type="submit"] {
	display: inline-block;
	margin: 0 10px;
}

/*
処理中表示
*/
.-umo-processing {
	display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.2);
	background-image: url('/img/wait.gif');
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 0;
	transition: all 0.5s ease;
}
.-umo-processing.-visible {
	opacity: 1;
}

/*
テキストボックスの後ろのボタン
*/

input[type="text"] ~ button.-safix,
input[type="email"] ~ button.-safix {
	margin-left: -1px;
}

/*
一覧のソートマーク
*/

i.icon.-table-order-mark {
	display: inline-block;
	width: 1.8em;
	height: 1.8em;
	cursor: pointer;
}

/*
プレフィックス・サフィックス付き
*/
.presafix {
	display: inline-block;
}
.presafix > :nth-child(2) {
	float: left;
}
.presafix > :nth-child(1):empty ~ * {
	display: none;
}