@import url("/inc/external/selectbox/jquery.selectBox.css");
@import url("./common.css");
@import url("./reward_point.css");


/* board_list_contents */
/* board_list_search */
.board_page .board_list_search {
    display: inline-block;
    width: 100%;
}

/* icon */
.board_page .ico_comm {
    display: inline-block;
    background-image: url(/inc/template/u200921001001/images/coffee_kit.png);
    background-repeat: no-repeat;
    text-indent: -99999px;
    vertical-align: middle;
}

.board_page .ico_replys {
    width: 10px;
    height: 10px;
    background-position: -90px -80px;
}

.board_page .ico_mobile {
    width: 8px;
    height: 12px;
    background-position: -50px -80px;
}

.board_page .ico_lock {
    width: 12px;
    height: 10px;
    background-position: -70px -80px;
}

.board_page .txt_comment {
    font-weight: 500;
    font-size: 13px;
    color: #333;
    vertical-align: middle;
}

.board_page .ico_comm.ico_file {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background-position: -7px -8px;
}

.board_page .ico_new {
    width: 7px;
    height: 8px;
    background-position: -110px -80px;
}

/* tbl_board_list */
.board_page .col_num { width: 10%; }
.board_page .col_ahead { width: 12%; }
.board_page .col_subject { width: auto; }
.board_page .col_name { width: 12%; }
.board_page .col_good { width: 10%; }
.board_page .col_date { width: 12%; }
.board_page .col_hit { width: 10%; }

.board_page .tbl_board_list {
    width: 100%;
    margin-top: 20px;
    border-bottom: 1px solid #d5d9df;
    text-align: center;
    table-layout: fixed;
    border-collapse: collapse;
}

.board_page .tbl_board_list thead {
    border-top: 1px solid #d5d9df;
    border-bottom: 1px solid #d5d9df;
}

.board_page .tbl_board_list thead tr {
    background-color: transparent;
}

.board_page .tbl_board_list thead tr th {
    position: relative;
    padding: 15px 0;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    color: #333;
}

.board_page .tbl_board_list tbody tr:hover {
    background-color: #f2f2f2;
    -webkit-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    -ms-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
}

.board_page .tbl_board_list tr {
    height: 40px;
}

.board_page .tbl_board_list td {
    overflow: hidden;
    position: relative;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #828282;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.board_page .tbl_board_list td.col_subject {
    text-align: left;
}

.board_page .col_subject a {
    font-weight: 400;
    line-height: 20px;
    color: #333;
    vertical-align: middle;
}

/* notice */
.board_page .col_num.notice,
.board_page .col_subject.notice a {
    font-weight: 400;
    color: #ef5757;
}

.board_page .tbl_board_list tbody tr:hover .col_subject.notice a {
    border-bottom: 1px solid #ef4343;
    color: #ef4343;
}

/* board_list_footer */
.board_page .board_list_footer {
    position: relative;
    width: 100%;
}

.board_page .opt_board_admin {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 185px;
    margin: 0;
    font-size: 14px;
}

.board_page .btn_write {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0 45px;
}

/* admin_mode */
.board_page .design_checkbox span {
    font-size: 0;
    line-height: 1;
}

/* paginator */
.board_page .board_paginator,
.board_page .mo_board_paginator {
    min-height: 40px;
    margin-top: 20px;
    padding: 10px 0;
    text-align: center;
}

.board_page .mo_board_paginator {
    display: none;
}

.board_page .paginator > *,
.board_page .mo_paginator > * {
    display: inline-block;
    width: 20px;
    margin: 0 3px;
    font-size: 15px;
    line-height: 20px;
    vertical-align: middle;
}

.board_page .btn_page {
    width: 20px;
    background: url(/inc/template/u200921001001/images/coffee_kit.png);
    background-repeat: no-repeat;
    text-indent: -99999px;
}

.board_page .link_page {
    background-color: transparent;
}

.board_page .screen_out {
    display: none;
}

.board_page .paginator .npage {
    font-weight: bold;
}

.board_page .first {
    background-position: -90px -4px;
}

.board_page .prev {
    background-position: -110px -4px;
}

.board_page .next {
    background-position: -130px -4px;
}

.board_page .last {
    background-position: -150px -4px;
}


/***** media_queries start *****/
@media screen and (max-width: 1199px) and (min-width: 992px) {}

@media screen and (max-width: 991px) and (min-width: 768px) {}

@media screen and (max-width: 767px) {
    /* tbl_board_list */
    .board_page .col_name {
        max-width: 55px;
    }

    .board_page .tbl_board_list {
        border-top: 1px solid #d5d9df;
        text-align: left;
    }

    .board_page .tbl_board_list thead {
        display: none;
    }

    .board_page .tbl_board_list tbody tr {
        display: block;
        position: relative;
        padding: 15px;
        height: auto;
    }

    .board_page .tbl_board_list tbody tr + tr {
        border-top: 1px solid #d5d9df;
    }

    .board_page .tbl_board_list td {
        display: inline-block;
        width: auto;
        padding: 0;
        font-size: 13px;
        text-align: left;
    }

    .board_page .tbl_board_list .col_num {
        display: inline;
    }

    .board_page .tbl_board_list tr .col_ahead {
        display: inline;
        margin-left: 5px;
    }

    .board_page .tbl_board_list tr .col_ahead.notice {
        margin-left: 0;
    }

    .board_page .tbl_board_list .col_subject {
        width: 100%;
        padding: 3px 0;
    }

    .board_page .tbl_board_list .no_writing .col_subject {
        padding-top: 20px;
    }

    .no_writing td::after,
    .no_writing td::before {
        display: none;
    }

    /* col_proceeding */
    .board_page .tbl_board_list tr .col_proceeding {
        display: block;
        overflow: visible;
        margin-top: 10px;
        width: 140px;
    }

    .board_page .tbl_board_list .col_date::before,
    .board_page .tbl_board_list .col_hit::before {
        content: "/";
        margin-right: 5px;
    }

    /* board_list_footer */
    .board_page .mo_board_paginator {
        display: block;
        min-height: auto;
        margin-bottom: 10px;
        padding: 0;
        text-align: center;
    }

    .board_page .board_paginator {
        display: none;
    }

    .board_page .btn_write {
        position: relative;
        width: 100%;
        margin: 10px 0 0;
    }

    .board_page .opt_board_admin {
        position: relative;
        width: 100%;
        margin: 10px 0 0;
    }

    .board_page div.opt_board_admin {
        position: relative !important;
    }
}
/***** media_queries end *****/