@charset "utf-8";

/*===============================================================================
  スマホ画面のレイアウト設定
===============================================================================*/
@media screen and (max-width: 834px) {
    /*===============================================================================
      全体的な定義
    ===============================================================================*/
    #content {
        margin-top: 100px;
    }

    #header {
        height: 50px;
    }

    /* ヘッダー ---------- */
    /* タイトル */
    .head-title {
        display: none;
    }

    /* ユーザ名 */
    .user-name {
        width: 90%;
        align-self: end;
        /* text-align: right; */
    }

    .user-name div {
        margin-right: 50px;
    }

    /* MENU */
    .head-menu {
        width: 10%;
    }

    .drawer_open {
        height: 100%;
        width: 100%;
    }
    /* ヘッダー ---------- */

    /* MENU ---------- */
    /* アイコンがクリックされたらメニューを表示 */
    #drawer_input:checked ~ .nav_content {
        left: 30%; /* メニューを画面に入れる */
    }
    /* MENU ---------- */

    .w-top {
        width: 90%;
    }

    .w-per {
        width: 90%;
    }

    /*===========================================================
      ログイン
    ===========================================================*/
    .login {
        width: 90%;
    }


    /*===========================================================
      TOP
    ===========================================================*/
    /* 画面タイトル */
    .tag-name {
        text-align: center;
    }

    table.con-tbl-total {
        /* display: block;
        align-self: end; */
        border: solid 1px #acacac;
        width: 100%;
        margin-top: 20px;
    }

    table.con-tbl-acct {
        margin-right: 1.2rem;
        border: solid 1px #acacac;
        width: 100%;
    }

    /*===========================================================
      メッセージ画面
    ===========================================================*/
    .msg-wrap {
        width: 90%;
    }
}