html{
    height: 100%;
}

body{
    padding:0;
    margin:0;
    -webkit-touch-callout:none; /* リンク長押しのポップアップを無効化 */
    -webkit-user-select:none; /* テキスト長押しの選択ボックスを無効化 */
}

.top_img{
    /* position: fixed; */
    width: 100%;
    height: 100%;
    /* overflow-y: hidden; */
}

.top_img img{
    width: 100%;
    /* max-height: 100%; */
    height: auto;
    object-fit: contain;
}

.scroll_menu{
    overflow-y: auto;
    position: fixed;
    width: 100%;
    height:calc(100% - 365px);
}

.sub_ctg {
    margin: 10px 15px 0 15px;
}    

.menu_bar_chk ,.all_select_chk{
    display: none;
}

.menu_ul {
    margin: 0;
    padding: 0;
    background :#f4f4f4;
    list-style: none;
}

.menu_li {
    height: 0;
    overflow: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}      

.bottom_blank{
    height:10%;
}

.menu_top{
    padding: 15px;
    position: fixed;
    top:-1px;
    width: calc(100% - 30px);
}

.btn_tbl{
    width:100%;
    border-spacing: 8px 4px;
}

.resizeimage{
    text-align: center;
    margin:0;
}

.resizeimage img {
    object-fit: contain;
    width:100%;
}

.shn_nm{
    font-size:1.5vh;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    width: 100%;
    display: inline-block;
    margin:0;
}

.shn_val{
    width:100%;
    text-align:right;
    font-size:1.5vh;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    float: right;
    margin:0;
}

.btn_pnl{
    display: none;
}

.load_pnl{
    width:100%;
    margin:0 auto;
    height:1100px;
    background: white;
    text-align: center;
    padding: 100px 0;
}
.val{
    border-bottom:3px solid gray;
}

.shn td,.val td{
    color:black;
    font-size: 2.5em;
    padding: 5px 25px;
}

.shn td{
    padding-top: 15px;
}

.val td{
    padding-bottom: 15px;
}

.op td{
    color:gray;
    font-size: 2.5em;
    padding: 1px 1rem;
}

.nm_td{
    word-break:break-all;
}

.val_td{
    word-break:keep-all;
}

.val td.total{
    color:red;
}

.val_total{
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    color:red;
    font-size: 3em;
    line-height:95px;
    text-align:right;
    font-weight: bold;
    padding: 0 0.5rem;
}

.val_total.his{
    float: left;
    width: calc(70% - 10px);
    max-width: calc(100% -110px);
}

.tbl_his,.tbl_shn {
    width:100%;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    background:white;       
    border-collapse: collapse     
}

.tbl_shn{
    padding: 15px 0;            
}

/* .btn_use,.btn_history {
    width: calc(50% - 10px);
    min-width: 250px;
} */

.btn_back{
    width: 30%;
    min-width: 100px;
    float: left;
}