/*
 * umo
 * Copyright (C) 2019 Wangrove Inc <wangrove.co.jp>. All Rights Reserved.
 */

/* -----------------------------------------------------------------------------
 container
*/

/*
 ページの領域指定
*/

/*body {
	margin: 0;
	padding: 0;
}

.umo-page {
	margin: 0 auto;
	padding: 5px;
	box-sizing: border-box;
}*/

/*
フレックスボックス
*/
.umo-flex {
	display: inline-flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: stretch;
}
.umo-flex.-row {
	flex-direction: row;
}
.umo-flex.-column {
	flex-direction: column;
}
.umo-flex.-wrap {
	flex-wrap: wrap;
}
.umo-flex.-middle {
	align-items: center;
}
.umo-flex > .-box {
	flex-grow: 0;
}
.umo-flex > .-box.-stretch {
	flex-grow: 1;
}

/*
簡易サイズ指定
*/

.umo-w10per {
	width: 10% !important;
}
.umo-w20per {
	width: 20% !important;
}
.umo-w30per {
	width: 30% !important;
}
.umo-w40per {
	width: 40% !important;
}
.umo-w50per {
	width: 50% !important;
}
.umo-w60per {
	width: 60% !important;
}
.umo-w70per {
	width: 70% !important;
}
.umo-w80per {
	width: 80% !important;
}
.umo-w90per {
	width: 90% !important;
}
.umo-w100per {
	width: 100% !important;
}
.umo-h10per {
	height: 10% !important;
}
.umo-h20per {
	height: 20% !important;
}
.umo-h30per {
	height: 30% !important;
}
.umo-h40per {
	height: 40% !important;
}
.umo-h50per {
	height: 50% !important;
}
.umo-h60per {
	height: 60% !important;
}
.umo-h70per {
	height: 70% !important;
}
.umo-h80per {
	height: 80% !important;
}
.umo-h90per {
	height: 90% !important;
}
.umo-h100per {
	height: 100% !important;
}
.umo-m0 {
	margin: 0 !important;
}
.umo-mt1 {
	margin-top: 0.1em !important;
}
.umo-mt2 {
	margin-top: 0.2em !important;
}
.umo-mt3 {
	margin-top: 0.3em !important;
}
.umo-mt4 {
	margin-top: 0.4em !important;
}
.umo-mt5 {
	margin-top: 0.5em !important;
}
.umo-mt10 {
	margin-top: 1em !important;
}
.umo-mt15 {
	margin-top: 1.5em !important;
}
.umo-mt20 {
	margin-top: 2em !important;
}
.umo-mr1 {
	margin-right: 0.1em !important;
}
.umo-mr2 {
	margin-right: 0.2em !important;
}
.umo-mr3 {
	margin-right: 0.3em !important;
}
.umo-mr4 {
	margin-right: 0.4em !important;
}
.umo-mr5 {
	margin-right: 0.5em !important;
}
.umo-mr10 {
	margin-right: 1em !important;
}
.umo-mr15 {
	margin-right: 1.5em !important;
}
.umo-mr20 {
	margin-right: 2em !important;
}
.umo-mb1 {
	margin-bottom: 0.1em !important;
}
.umo-mb2 {
	margin-bottom: 0.2em !important;
}
.umo-mb3 {
	margin-bottom: 0.3em !important;
}
.umo-mb4 {
	margin-bottom: 0.4em !important;
}
.umo-mb5 {
	margin-bottom: 0.5em !important;
}
.umo-mb10 {
	margin-bottom: 1em !important;
}
.umo-mb15 {
	margin-bottom: 1.5em !important;
}
.umo-mb20 {
	margin-bottom: 2em !important;
}
.umo-ml1 {
	margin-left: 0.1em !important;
}
.umo-ml2 {
	margin-left: 0.2em !important;
}
.umo-ml3 {
	margin-left: 0.3em !important;
}
.umo-ml4 {
	margin-left: 0.4em !important;
}
.umo-ml5 {
	margin-left: 0.5em !important;
}
.umo-ml10 {
	margin-left: 1em !important;
}
.umo-ml15 {
	margin-left: 1.5em !important;
}
.umo-ml20 {
	margin-left: 2em !important;
}
.umo-p0 {
	padding: 0 !important;
}
.umo-pt1 {
	padding-top: 0.1em !important;
}
.umo-pt2 {
	padding-top: 0.2em !important;
}
.umo-pt3 {
	padding-top: 0.3em !important;
}
.umo-pt4 {
	padding-top: 0.4em !important;
}
.umo-pt5 {
	padding-top: 0.5em !important;
}
.umo-pt10 {
	padding-top: 1em !important;
}
.umo-pt15 {
	padding-top: 1.5em !important;
}
.umo-pt20 {
	padding-top: 2em !important;
}
.umo-pr1 {
	padding-right: 0.1em !important;
}
.umo-pr2 {
	padding-right: 0.2em !important;
}
.umo-pr3 {
	padding-right: 0.3em !important;
}
.umo-pr4 {
	padding-right: 0.4em !important;
}
.umo-pr5 {
	padding-right: 0.5em !important;
}
.umo-pr10 {
	padding-right: 1em !important;
}
.umo-pr15 {
	padding-right: 1.5em !important;
}
.umo-pr20 {
	padding-right: 2em !important;
}
.umo-pb1 {
	padding-bottom: 0.1em !important;
}
.umo-pb2 {
	padding-bottom: 0.2em !important;
}
.umo-pb3 {
	padding-bottom: 0.3em !important;
}
.umo-pb4 {
	padding-bottom: 0.4em !important;
}
.umo-pb5 {
	padding-bottom: 0.5em !important;
}
.umo-pb10 {
	padding-bottom: 1em !important;
}
.umo-pb15 {
	padding-bottom: 1.5em !important;
}
.umo-pb20 {
	padding-bottom: 2em !important;
}
.umo-pl1 {
	padding-left: 0.1em !important;
}
.umo-pl2 {
	padding-left: 0.2em !important;
}
.umo-pl3 {
	padding-left: 0.3em !important;
}
.umo-pl4 {
	padding-left: 0.4em !important;
}
.umo-pl5 {
	padding-left: 0.5em !important;
}
.umo-pl10 {
	padding-left: 1em !important;
}
.umo-pl15 {
	padding-left: 1.5em !important;
}
.umo-pl20 {
	padding-left: 2em !important;
}
.umo-gap1 {
	gap: 0.1em !important;
}
.umo-gap2 {
	gap: 0.2em !important;
}
.umo-gap3 {
	gap: 0.3em !important;
}
.umo-gap4 {
	gap: 0.4em !important;
}
.umo-gap5 {
	gap: 0.5em !important;
}
.umo-gap6 {
	gap: 0.6em !important;
}
.umo-gap7 {
	gap: 0.7em !important;
}
.umo-gap8 {
	gap: 0.8em !important;
}
.umo-gap9 {
	gap: 0.9em !important;
}
.umo-gap10 {
	gap: 1em !important;
}
.umo-gap20 {
	gap: 2em !important;
}
.umo-tal {
	text-align: left !important;
	justify-content: flex-start !important;
}
.umo-tar {
	text-align: right !important;
	justify-content: flex-end !important;
}
.umo-tac {
	text-align: center !important;
	justify-content: center !important;
}

/*
表示補助
*/

/* 改行防止 */
.umo-nobr {
	display: inline-block;
}

/* およそ１文字分のスペース */
.umo-space {
	display: inline-block;
	width: 0.5rem;
	height: 1rem;
	margin: 0;
	padding: 0;
	line-height: 1rem;
	vertical-align: middle;
	/*box-shadow: 0px 0px 0 1px #ddd inset;*/
}

/* マウスイベント透過 */
.no-event {
	pointer-events: none;
}

/*
基本修飾定義
*/

.-border {
	box-shadow: 0px 0px 0 1px #d0d0d0 inset;
}

/*
モックアップ用補助
*/

/* コメント */
.mock-coment {
	color: #4080ff;
	font-size: 0.9rem;
	text-align: center;
}

/* エラーメッセージ */
/*.umo-form .-form-field > .-ui-area > .-error:empty {
	display: block !important;
}
.umo-form .-form-field > .-ui-area > .-error:after {
	content: "ここに入力エラー時のメッセージが表示されます。";
	display: block;
}*/

/* UIテンプレート */
.umo-form .-template {
	/*display: inherit !important;*/
}

/* -----------------------------------------------------------------------------
 UI
*/

/*
 grid
*/

/*.grid {
	margin: 0;
	padding: 0;
	list-style: none;
}
.grid-item {
	display: inline-block;
	margin: 5px;
	vertical-align: top;
	box-shadow: 0px 0px 0 1px #ddd inset;
}*/

/*
 footer
*/

/*footer {
	display: flex;
	align-items: flex-start;
	width: 100%;
	height: 200px;
	margin: 20px 0 0 0;
	padding: 20px 0;
	box-shadow: 0px 0px 0 1px #ddd inset;
}
footer .logo {
	display: inline-block;
	width: 150px;
	height: 150px;
	margin: 0 20px;
}
footer .site-map .list-item {
	width: 300px;
}
footer .site-map1 {
	display: inline-block;
	width: 300px;
}
footer .site-map2 {
	display: inline-block;
	width: 300px;
}
footer .contact {
	display: inline-block;
	width: 200px;
	margin: calc((150px - 2em) / 2) 0 0 0;
	text-align: center;
}*/

/*
 menu-group
*/

/*.menu-group {
	width: 100%;
	margin: 0;
	padding: 0;
	box-shadow: 0px 0px 0 1px #ddd inset;
}
.menu-group .menu-item {
	display: inline-block;
	width: 100%;
	margin: 0;
	padding: 0;
	box-shadow: 0px 0px 0 1px #ddd inset;
}
.menu-group .menu-item a {
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 5px;
	box-shadow: 0px 0px 0 1px #ddd inset;
}*/

/*
 key-visual
*/

/*.key-visual {
	height: 300px;
}*/

/*
 image
*/

/*.image-large {
	display: block;
	width: 900px;
	height: 506px;
	margin: 0 auto;
}*/

/*
 anchor
*/

/*a {
	text-decoration: none;
}
a:hover {
}*/

/*
 dialog
*/

.dialog {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
	padding: 10px;
	background-color: rgba(255,255,255,0.8);
	box-shadow: 0px 0px 0 1px #ddd inset, 1px 1px 1px rgba(0,0,0,0.3);
}

/*
 upfile
*/

/*.upfile {
	position: relative;
	display: table-cell;
	width: 240px;
	height: 135px;
	text-align: center;
	vertical-align: middle;
	background-color: #eee;
	box-shadow: 0px 0px 0 1px #ddd inset;
}
.upfile img {
	cursor: pointer;
}
.upfile img[src=""] {
	display: none;
}
.upfile .select {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 30px;
	height: 30px;
	background-color: rgba(255,255,255,0.5);
	border: rgba(128,128,128,0.5) 1px solid;
	border-radius: 4px;
}
.upfile .select:hover {
	background-color: rgba(255,255,255,0.8);
}
.upfile .select:active {
	background-color: rgba(192,192,192,0.8);
}
.upfile .operation {
	position: absolute;
	right: 3px;
	bottom: 3px;
	height: 24px;
	background-color: rgba(255,255,255,0.5);
	border: rgba(128,128,128,0.5) 1px solid;
	border-radius: 4px;
}
.upfile .operation:hover {
	background-color: rgba(255,255,255,0.8);
}
.upfile input[type=file] {
	display: none;
}*/