@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Raleway:300, 400, 600");

/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/* ▽ font-size */
p,
td,
th,
a,
div,
label {
    font-size: 1.6rem;
}

/* △ font-size */

/* ▽各入力画面 */
.panel-heading {
    font-weight: bold;
}

/* 教科書用 ins 2022.4.7 */
.panel-heading-kyo {
    font-weight: bold;
}

/* 普通品用 ins 2021.06.17 */
.panel-heading-futu {
    font-weight: bold;
}

.contents-title {
    margin-top: 10px;
    margin-bottom: 5px;
    font-weight: bold;
    /* ins 2022.4.7 */
    background-color: #f3f0f0;
    padding: 5px;
}

/* ins 2022.4.7 */
.contents-btns {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

/* ins 2022.4.7 */
.contents-default {
    width: 10rem;
    height: 4rem;
    color: #333333;
    font-weight: bold;
    margin: 0px 5px;
    border-color: #d3e0e9;
    border-radius: 10px;
}

.contents-menu {
    /* line-height: 180%; del 2022.4.7 */
    /* ins 2022.4.7 */
    background-color: #66cccc;
}

/* 普通品用 ins 2022.4.7 */
.contents-menu-futu {
    background-color: #bbd347;
}

/* 設定用 ins 2022.4.7 */
.contents-menu-setting {
    color: #8b8888;
}

/* upd 2022.4.7 */
.contents-menu a {
    /* color: black; del 2022.4.7 */
    /* ins 2022.4.7 */
    color: white;
}

.input-caption {
    margin-bottom: 5px;
    font-weight: bold;
    background-color: #f3f0f0;
    padding: 5px;
}

.input-controll {
    margin-bottom: 20px;
}

.input-controll label {
    color: darkgreen;
    margin-top: 5px;
}

.required {
    background-color: #ffdab9;
}

.items {
    width: 60%;
}

.labelno,
.input_labelno {
    /* common.jsにて操作 */
    display: none;
}

/*書名を改行させる INS 2021.10.01*/
label.label_shohin {
    /*overflow-wrap: break-word;*/
    white-space: pre-line;
}
.wrap_text {
    overflow-wrap: anywhere;
}

/* 各種page3（棚卸入力画面はPage2） */
.outputtable {
    display: flex;
    flex-direction: column;
}
.outputtable > tbody {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.outputtable > tbody > tr {
    display: flex;
}
.outputtable > tbody > tr > th {
    display: flex;
    width: 28%;
}
.outputtable > tbody > tr > td {
    width: 60%;
}

/* △各入力画面 */

/* ▽ メニュー、前、次、送信ボタン */
.kbncontroll {
    width: 100px;
    height: 30px;
}

.submit_btns {
    display: flex;
    justify-content: center;
    align-items: center;
}

.btnmenu {
    width: 10rem;
    height: 4rem;
    background-color: #8787ff;
    color: white;
    margin: 0px 5px;
    border-radius: 10px;
}

.btnmenu > a {
    color: white;
}

.btnscan {
    width: 20rem;
    height: 4rem;
    background-color: lightblue;
    margin-top: 10px;
    border-radius: 10px;
}

.btnsend {
    width: 25rem;
    height: 4rem;
    background-color: orange;
    color: white;
    margin-top: 10px;
    clear: left;
    border-radius: 10px;
}

/* △ メニュー、前、次、送信ボタン */

.outputtable th {
    color: green;
    padding-right: 10px;
}

/*ログイン・ログアウトボタン*/
.login-out_block {
    position: relative;
    width: 100%;
}

.login-out_btn {
    position: absolute;
    top: 12px;
    right: 20px;
    font-size: 19px;
}

/* label */
label {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* 連続登録を行う回数 INS 2021.10.28 */
.label_count {
    color: green;
    text-align: right;
}

/* ＜、＞アイコン ins 2021.11.25 */
.viewicon {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    margin-bottom: 10px;
}

/*  ラベルNoのスキャナーを開くボタンの位置調整用　ins 2021.11.16 */
.btn_labelno {
    margin-top: 10px;
}