/* ログイン (Login) */
#main.page-login {
    padding-top: 70px
}

.login_header h1 {
    font-size: 35px;
    line-height: 150%;
    padding: 30px 0 20px;
    text-align: center
}

.page-login .error_login td,
.page-login .error_login th {
    border: none
}

.login_tbl {
    max-width: 500px;
    margin-bottom: 50px
}

.login_tbl th {
    width: 25%
}

.login_tbl th,
.login_tbl td {
    border-bottom: 1px solid #ccc;
}

.page-login .login_tbl input {
    background: 0 0;
    border: 0
}

.error_login td {
    color: #ff0000;
    font-weight: 700;
    text-align: center;
}

.login_submit {
    clear: both;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 25px
}

/* お知らせ一覧 (News List) */

.btn_read-more {
    text-align: center;
}

.table th,
.table td,
.table tr {
    border: 1px solid #999;
    text-align: center;
    padding: 10px 4px 8px;
}

.table thead th {
    background-color: #e0e0e0;
    padding: 20px 4px 15px;
}

table td ._title {
    width: 210px;
}

table td ._text {
    width: 240px;
}

table td ._title,
table td ._text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

table th.w_280 {
    width: 280px;
}

.table {
    margin-bottom: 60px;
    width: 1200px;
}

/* お知らせ一覧 (News detail) */
.newsdetail_tbl tr th,
.eventdetail_tbl tr th {
    width: 200px;
    color: #4d4d4d;
    font-size: 16px;
}

.newsdetail_tbl tr th,
.newsdetail_tbl tr td,
.eventdetail_tbl tr th,
.eventdetail_tbl tr td {
    padding-top: 20px;
    padding-bottom: 20px;
}

.newsdetail_tbl td,
.eventdetail_tbl td {
    text-align: left;
    padding-left: 20px;
}

.newsdetail_range li {
    display: inline-block;
}

.newsdetail_time,
.newsdetail_pushtime {
    width: 700px;
    display: inline-block;
}

.newsdetail_text01 {
    padding: 0 15px;
    font-weight: bold;
}

.newsdetail_pushtime ._textdetail,
.newsdetail_pushcnt ._textdetail {
    display: inline-block;
    padding: 0 15px;
    width: 100px;
}

.newsdetail_pushcnt ._textdetail,
.eventdetail_pushcnt ._textdetail {
    position: relative;
    top: -30px;
}

.newsdetail_pushcnt,
.eventdetail_pushcnt {
    padding-left: 90px;
    padding-top: 10px;
}

.newsdetail_link {
    display: inline-block;
    width: 100px;
    padding-top: 10px;
}

/* イベント一覧 (Event List) */
.eventlist_tbl tr th:first-child {
    width: 280px;
}
.eventlist_tbl tr th:nth-child(5) {
    width: 320px;
}
.eventlist_tbl tr th:nth-child(3),
.eventlist_tbl tr th:last-child {
    width: 100px;
}
.eventlist_tbl tr td:first-child a{
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}
.eventlist_tbl .time {
    padding-right: 5px;
}

/* イベント (Event Detail) */
.eventdetail_datetime ._time ,
.eventdetail_pd01 {
    text-align: center;
    padding: 0;
}
.eventdetail_datetime ._time{
    margin-left: 5px;
}
.eventdetail_status label {
    width: 200px;
    display: inline-block;
    padding-right: 15px;
}

.eventdetail_status__text01 {
    display: inline-block;
    width: 145px;
    padding: 7px 0;
}

.eventdetail_datetime {
    width: 625px;
    display: inline-block;
}

.eventdetail_pushtime {
    width: 600px;
    display: inline-block;
}

.eventdetail_pushtime ._textdetail,
.eventdetail_pushcnt ._textdetail {
    display: inline-block;
    width: 100px;
    padding: 5px 0;
}

.eventdetail_status .eventdetail_btn {
    display: inline-block;
    padding-left: 10px;
}
a.disabled:hover{
    text-decoration: none;
    cursor: default;
}
textarea.disabled,
input.disabled{
    cursor: default;
}
.uploading{
    margin: -3px 0;
    display: inline;
    height: 16px;
}
h3.sub_title a{
    float: right;
    text-decoration: none;
    font-size: 65%;
}
h3.sub_title a:hover{
    text-decoration: underline;
}
.table a.clear_date{
    display: initial;
    margin-left: 5px;
}
table.newslist_tbl td ._title,
table.newslist_tbl td ._text{
    text-align: left;
}
ul.newsdetail_push li:nth-child(2) label,
ul.eventdetail_push li:nth-child(2) label{
    vertical-align: top;
}
ul.newsdetail_push li:nth-child(2) label input,
ul.eventdetail_push li:nth-child(2) label input{
    margin-top: 8px;
}
ul.eventdetail_push .newsdetail_pushtime ._textdetail,
ul.eventdetail_push .newsdetail_pushcnt ._textdetail,
ul.newsdetail_push .newsdetail_pushtime ._textdetail,
ul.newsdetail_push .newsdetail_pushcnt ._textdetail{
    padding: 0;
}
.eventdetail_tbl .eventdetail_datetime{
    width: auto;
}
@media only screen and (max-width:800px) {

    .sub_title {
        padding-left: 10px;
    }

    .newslist_btn {
        margin-bottom: 30px;
    }

    .newslist_btn,
    .newslist_btn p {
        float: none;
        text-align: center;
    }

    .newslist_btn .btn_new {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .row {
        overflow-x: auto;
    }

    [class*=btn-] {
        width: 80%;
        font-size: 100%;
    }

    .table {
        margin-bottom: 45px;
    }

    /* お知らせ一覧 (News detail) */
    .newsdetail_tbl tr th,
    .eventdetail_tbl tr th {
        width: 23%;
        font-size: 90%;
    }

    .newsdetail_tbl tr th,
    .newsdetail_tbl tr td {
        padding-top: 13px;
        padding-bottom: 13px;
    }

    .newsdetail_tbl,
    .eventdetail_tbl {
        width: 100%;
    }

    .newsdetail_tbl td,
    .eventdetail_tbl td {
        padding-left: 2%;
    }

    .newsdetail_tbl tr td input[type="text"],
    .eventdetail_tbl tr td input[type="text"],
    .eventdetail_tbl tr td input[type="file"] {
        width: 75%;
    }

    .newsdetail_tbl tr td textarea,
    .eventdetail_tbl tr td textarea {
        width: 85%;
    }

    .newsdetail_time,
    .newsdetail_pushtime,
    .eventdetail_pushtime {
        width: 100%;
    }

    .newsdetail_text01 {
        display: block;
    }

    .newsdetail_pushtime ._textdetail,
    .newsdetail_pushcnt ._textdetail,
    .eventdetail_pushcnt ._textdetail,
    .eventdetail_pushtime ._textdetail {
        padding: 5px 0;
        width: auto;
        display: block;
    }

    .newsdetail_pushcnt,
    .eventdetail_pushcnt {
        padding-left: 0;
    }

    .newsdetail_pushcnt ._textdetail,
    .eventdetail_pushcnt ._textdetail {
        position: static;
        top: 0;
    }

    .eventdetail_pd01 {
        padding-left: 0;
        margin-top: 5px
    }

    .eventdetail_status li:first-child {
        padding-bottom: 15px;
    }

    .eventdetail_btn {
        margin-top: 10px;
    }

    .eventdetail_datetime {
        width: 100%;
    }

    .eventdetail_datetime ._time {
        width: 75%;
        display: block;
        margin-top: 5px;
    }
}