﻿#body1240 .back {
    left: 5%;
    position: absolute;
}

#body1240 td {
    vertical-align: top;
    padding-top: 15px;
    padding-bottom: 15px;
    height: 10px;
}

#body1240 [name="ColumnSenmeiKanriNo"] {
    width: 12%;
    min-width: 110px;
}

#body1240 [name="ColumnSenmei"] {
    width: 20%;
}

#body1240 [name="ColumnSenbetsu"] {
    width: 15%;
}

#body1240 [name="ColumnSagyoYokushiUmu"] {
    width: 13%;
}

#body1240 [name="ColumnKinkyuRenrakuUmu"] {
    width: 11%;
}

#body1240 [name="ColumnTenpuFile"] {
    width: 24%;
}

#body1240 [name="ColumnTenpuFile"] img {
    padding-left: 0px;
    height: 17px;
    width: 13px;
}

#body1240 [name="ColumnTenpuFile"] a {
    margin-right: 0px;
}

#body1240 [name="ColumnEikyoSenkuEdit"] {
    width: 5%;
    min-width: 20px;
    padding-left: 0px;
    text-align: center;
}

#body1240 [name="ColumnEikyoSenkuEdit"] img {
    padding-left: 0px;
    cursor: pointer;
}

#body1240 div.eikyosenku-title {
    height: 22px;
}

#body1240 label.sub-title2 {
    margin-top: -15px;
    font-size: 18px;
    font-weight: bold;
    position: absolute;
}

#body1240 div.main-body-area ul.col5 li.area1 {
    width: 4.7%;
    text-align: left;
}

#body1240 div.main-body-area ul.col5 li.area2 {
    width: 15%;
    text-align: right;
}

#body1240 div.main-body-area ul.col5 li.area3 {
    width: 15%;
    text-align: right;
}

@media (min-width: 768px) {
    #body1240 .card-list-area {
        display: none;
    }

    #body1240 .mobile-sub-title {
        display: none;
    }
}

@media (max-width: 767px ) {
    #body1240 .action-buttons {
        display: none;
    }

    #body1240 .button-area {
        display: flex;
        justify-content: flex-start;
        margin-left: 0;
    }

    #body1240 .back {
        position: static;
        min-width: 72px;
        width: 72px;
        height: 28px;
    }

    #body1240 .sub-title {
        display: none;
    }

    #body1240 .mobile-sub-title {
        font-size: 15px;
        opacity: 1;
        white-space: normal;
        word-break: break-word;
        font-weight: bold;
    }

    #body1240 .sub-title2 {
        display: none;
    }

    #body1240 .title-area {
        position: static;
        height: auto;
        padding-top: 15px;
    }

    #body1240 .page-title {
        font-size: 14px;
    }

    #body1240 div.title-area hr {
        height: 3px;
        border: none;
        border-top: 1px solid #2c3e59;
        margin-top: 0;
        margin-left: -4%;
        margin-right: -4%;
        width: auto;
    }

    #body1240 .main-body-area {
        margin-top: 0px;
        /* 横方向へのスクロールの禁止 */
        overflow-x: hidden;
    }

    #body1240 div.main-body-area ul.col2 li.area1 {
        min-width: 0;
    }

    #body1240 .col2 {
        width: 500px;
    }

    #body1240 label {
        margin-right: 0;
    }

    #body1240 div.main-body-area hr {
        width: 96%;
    }

    #body1240 .tenpu-file-link {
        width: 60vw;
        padding-left: 4px;
    }

    #body1240 #CreateAccountName {
        width: 25vw;
        margin-right: 0;
    }

    #body1240 #LastUpdateAccountName {
        width: 25vw;
        margin-right: 0;
    }

    #body1240 #CreateDateTime {
        width: 35vw;
        margin-right: 0;
    }

    #body1240 #LastUpdateDateTime {
        width: 35vw;
        margin-right: 0;
    }

    #body1240 .hasseiJisho {
        display: none;
    }

    #body1240 .sub-body-area {
        display: none;
    }

    #body1240 .long {
        display: none;
    }

    #body1240 .card-list-area {
        margin-left: -5%;
        padding-bottom:80px;
    }

    #body1240 .card-content {
        border-width: 1px 0;
        border-style: solid;
        border-color: #ddd;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        padding: 10px;
        padding-left: 5%;
    }

    #body1240 .left-content {
        text-align: left;
        width: 60%;
        /* 文字列を折り返す */
        white-space: normal;
    }

    #body1240 .umu-group {
        display: inline-block;
        max-width: 100%;
    }

    #body1240 .card-sagyo-yokushi-umu {
        text-align: left;
        display: block;
        width: 8em;
        width: 100%;
    }

    #body1240 .card-kinkyu-renraku-umu {
        text-align: right;
        display: block;
        width: 8em;
        width: 100%;
    }

    #body1240 .right-content {
        padding-left: 10px;
        width: 40%;
    }

    #body1240 .right-content a {
        height: 20px;
        text-align: left;
        margin-right: 0;
        display: block;
    }

    #body1240 .br {
        display: none;
    }

    #body1240 .wide-60vw {
        width: 60vw;
        margin-right: 0;
    }

    #body1240 .wide-45vw {
        width: 45vw;
        margin-right: 0;
    }

    #body1240 .wide-35vw {
        width: 35vw;
        margin-right: 0;
    }

    #body1240 .wide-30vw {
        width: 30vw;
        margin-right: 0;
    }

    #body1240 .one-line-ellipsis {
        /* テキストがコンテナの幅を超えた場合に三点リーダーで表示 */
        text-overflow: ellipsis;
        /* テキスト折り返さない */
        white-space: nowrap;
        /* はみ出した要素を非表示 */
        overflow: hidden;
    }

}
