/*
+==============================================================================
|
|    Copyright(c) 2020 IMS. All Rights. Reserved.
|
|  ・システム     ： クリーニング店向けＰＯＳシステム
|
+==============================================================================
|
|   共通スタイルシート
|
|=== 改 版 履 歴 ==============================================================
| Date         Author           Reference                              Version
|==============================================================================
| 2020/02/27   IMS下平          新規作成                               1.0.0
|
|
===============================================================================
*/
@charset "UTF-8";

/* ------------------------------------------------------------
 * 画面レイアウトサイズ 
 * ------------------------------------------------------------ */
* {
    margin: 0;
    padding: 0;
    outline: none;
}

[v-cloak] {
    display: none;
}

html, body {
    height: 100%;
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
    touch-action: none;
}

.large-frame{
    overflow: hidden;
	height: 430px;
	width:  630px;
	position: absolute;
	top:  45%;
	left: 50%;
	margin-top:  -215px;
	margin-left: -315px;
}

div {
    font-size: 18px;
}

/* 右寄せ */
.R {
    text-align: right;
    padding-right: 3px;
}

/* 左寄せ */
.L {
    text-align: left;
    padding-left: 3px;
}

/* 中央寄せ */
.C {
    text-align: center;
}

/* 入力不可項目 */
div.readonly {
    height: 40px;
    background-color: #EEEEEE;
    border: 1px solid #838383;
    padding-left: 3px;
    font-size: 16.25pt;
    float: left;
    overflow-x: hidden;
    overflow-y: hidden;
    white-space: nowrap;
}

/* ------------------------------------------------------------
 * ボタン 
 * ------------------------------------------------------------ */

/* ------------------------------------------------------------
 * テキストボックス 
 * ------------------------------------------------------------ */

.text-large {
    width: 450px;
    max-width: 450px;
    min-width: 450px;
    height: 35px;
    max-height: 35px;
    min-height: 35px;
    font-size: 20px;
}

.text-middle {
    width: 295px;
    max-width: 295px;
    min-width: 295px;
    height: 35px;
    max-height: 35px;
    min-height: 35px;
    font-size: 20px;
}

.text-small {
    width: 150px;
    max-width: 150px;
    min-width: 150px;
    height: 35px;
    max-height: 35px;
    min-height: 35px;
    font-size: 20px;
}

.textarea-large {
    height: 100px;
    max-height: 200px;
    width: 900px;
    max-width: 900px;
    font-size: 20px;
    resize: none;
}

.textarea-middle{
    height: 30px; 
    max-height: 30px; 
    width: 400px;
    max-width: 400px;
    resize: none;
}

.text-color-yellow {
    background-color: #fffff1 !important;
    border-width: 1px;
}

.text-color-green{
    background-color: #00ff00;
}

label{
    font-size: 20px;
    font-weight: 100;
}

.border{
    border: 0.5px solid #000000;
}

.ime-disable {
    ime-mode: disabled;
}

.ime-active {
    ime-mode: active;
}

.ime-inactive {
    ime-mode: inactive;
}

/* ------------------------------------------------------------
 * 文字関連
 * ------------------------------------------------------------ */
.txtRed {
    color: red;
}

.bold {
    font-weight: bold;
}