@charset "utf-8";

#max_board {margin:0;}

/* button */
.max_bbs_list_btns {text-align:right; margin-top:30px;}
.max_bbs_view_btns {text-align:center; margin-top:30px;}
.max_bbs_write_btns {text-align:center; margin-top:30px;}
.max_bbs_admin_btns {display:inline-block; padding:0; margin:0;}
.btn{display:inline-block; background:#fff; border:1px solid #ccc; color:#000; padding:0.5rem 1rem; font-size:1rem; border-radius:.25em; vertical-align:middle;}

.btn_bbs_write span {vertical-align: text-top; font-size: 1rem; }
.btn_bbs_admin span {vertical-align: text-top; font-size:1rem;}
.btn_bbs_admin { background:#222; border:1px solid #222; color:#fff; }
.btn_bbs_admin:hover { background:#222; border:1px solid #222; color:#fff; }
.btn_delete { background:#222; border:1px solid #222; color:#fff; }
.btn_delete:hover { background:#222; border:1px solid #222; color:#fff; }


/* admin checkbox */
#max_board .bbs_uid, #max_board .bbs_uid_allchk {}
#max_board .bbs_uid + label { display:inline-block; margin:0; padding:0; cursor:pointer; vertical-align:middle;}
#max_board .bbs_uid { display: none; }
#max_board .bbs_uid + label:before { content:""; border:0.1em solid #ddd; background: #fff; border-radius:0.2em; display:inline-block; width:1.25em; height:1.25em; /*padding-left:0.2em;*/ padding-bottom:0.3em; margin-right:0.2em; vertical-align:bottom; color:transparent; box-sizing:border-box;}
#max_board .bbs_uid + label:active:before { }
#max_board .bbs_uid:checked + label:before { background:#333 url(./image/chk.png) no-repeat center; border:0.1em solid #222; color: #fff; }
#max_board .bbs_uid:disabled + label:before { transform:scale(1); border-color:#aaa; }
#max_board .bbs_uid:checked:disabled + label:before { transform:scale(1); background-color:#bfb; border-color:#bfb; }

#max_board .bbs_uid_allchk + label { display:inline-block; margin:0; padding:0; cursor:pointer; vertical-align:middle;}
#max_board .bbs_uid_allchk { display: none; }
#max_board .bbs_uid_allchk + label:before{ content:""; border:0.1em solid #ddd; background: #fff; border-radius:0.2em; display:inline-block; width:1.25em; height:1.25em; /*padding-left:0.2em;*/ padding-bottom:0.3em; margin-right:0.2em; vertical-align:bottom; color:transparent; box-sizing:border-box;}
#max_board .bbs_uid_allchk + label:active:before { }
#max_board .bbs_uid_allchk:checked + label:before { background:#333 url(./image/chk.png) no-repeat center; border:0.1em solid #222; color: #fff; }
#max_board .bbs_uid_allchk:disabled + label:before {border-color:#aaa; }
#max_board .bbs_uid_allchk:checked:disabled + label:before { transform:scale(1); background-color:#bfb; border-color:#bfb; }
#max_board table.max_board .bbs_uid_allchk + label { font-size:0; }
#max_board table.max_board .bbs_uid_allchk + label:before {font-size:.8rem;}

/* icon */
#max_board .ico_bbs { display:inline-block; width:50px; height:50px; padding:0; margin:0; background-repeat:no-repeat; box-sizing:border-box; vertical-align:middle; }
#max_board .ico_bbs_file { background-image:url(./image/document-24.png); }
#max_board .ico_bbs_lock { background-image:url(./image/lock-24.png); }
#max_board .ico_bbs_new { background-image:url(./image/new-50.png); }
#max_board .ico_bbs_hot { background-image:url(./image/lightning-bolt-24.png); }
#max_board .ico_bbs_reply { background-image:url(./image/down-right-24.png); vertical-align:bottom;}
#max_board .ico_bbs_write { background-image:url(./image/edit-24.png); }

/* title */
#max_board h3 {/*  font-size:1.5em; */ text-align:center; /* font-weight:600; letter-spacing:.05em; text-transform:uppercase; */ margin-bottom:48px;}

/* list */
.max_board_lst{width:100%; height:auto;}
.max_lst_total{ padding:1em 0; }
.max_board_lst .categoryinfo { display:flex; justify-content:center; }
.max_board_lst .categoryinfo li { margin:0 1rem;}
.max_board_lst .categoryinfo li a {display:block; min-width: 10rem; width: 100%;text-align: center; padding:1.3rem; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; border-radius:2em; border:1px solid currentColor; color:#aaa; box-sizing:border-box;}
 .max_board_lst .categoryinfo li a.active {background:#cf1248; border:1px solid #cf1248; color:#fff !important; }
 .max_board_lst .categoryinfo li a.active:hover { border:1px solid #cf1248; color:#cf1248; }
.max_board { width:100%; height:auto; position:relative; overflow:hidden; margin-top:2rem;}
.max_board li { width:50%; padding:1%; box-sizing:border-box; float:left; margin-bottom:1%; position: relative;}
.max_board li .thumb_tag {font-size:0; display:block;}
.max_board li img { width:100%; }
.max_board li .no_image { display:block; width:100%; height:0; padding-bottom:100%; background-image:url(./image/remove-image-96.png); background-color:#f1f1f1; background-size:96px; background-repeat:no-repeat; background-position:center;}
.max_board li .chk_box {position: absolute;top:1rem; left:1rem;}
.max_board li p.event_title {display: inline-block; width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height:1.2; height:2.4em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; box-sizing:border-box; margin-top:.5em;}
.max_board li p.event_date {height:auto;font-size:1rem; color:#777;}
.max_board li ul {position:relative; overflow:hidden; padding:.5em 0 0;}
.max_board li ul li { width:auto; margin-bottom:0;}
.max_board li ul li.writer {margin-right:1em;}
.max_board li ul li.view {margin-right:1em;}
.max_board li ul li.date {float:right; color:#666;}
.max_board li ul li .icon {display:inline-block; width:1em; height:1em; padding:0; margin:0; background-size:contain; background-repeat:no-repeat; box-sizing:border-box; vertical-align:middle; }
.max_board li ul li.writer .icon{ background-image:url(./image/user-24.png); }
.max_board li ul li.view .icon{background-image:url(./image/invisible-24.png);}
.max_board li ul li.date .icon{background-image:url(./image/clock-24.png);}

/* list - no data */
.max_no_data {width:100%; height:auto; text-align:center; border-bottom:1px solid #ccc; padding:5em 0;}

/*  */
.event_state  {margin-top:1rem; border-radius:.3rem;font-size:.8rem;}
.event_state_on, .event_state_off {display:inline-block !important; width:auto !important; height:auto !important; padding:8px !important;}
.event_state_on {background-color:#000; color:#fff;}
.event_state_off {background-color:#ddd;}

/* write */
.max_board_write{ width:100%; height:auto;}
.max_write{ width:100%; height:auto; margin:2em 0 0 0; border-top:1px solid #000;}
.max_write table {width:100%; height:auto;}
.max_write .max_checkit { display:inline-block; padding-right:.5em;}
.max_write table th{border-bottom:1px solid #ccc; width:15%; text-align:center; color:#222; padding:1.5em 0;}
.max_write table td{border-bottom:1px solid #ccc; }
.max_write table td textarea{width:100%; height:200px; border:1px solid #ccc; box-sizing:border-box;}
.max_write table td select{ padding:13px; border:1px solid #ccc; box-sizing:border-box;}
.max_write table td input[type=text] {border:1px solid #ccc; width:100%; box-sizing:border-box;}

.max_board_form_file {margin:15px 0;}


/* view */
.max_board_view{ width:100%; height:auto; margin:0;text-align: center; border-top:1px solid #000; padding:2rem 0 0; }
.max_board_view > p  {margin-bottom:1rem; font-size: 1rem;  color:#777;}
.max_board_view .subject {font-size:2rem; font-weight: 500; text-align:center; color:#222;}
.max_board_view .bbs_info{ height:auto; padding:16px; border-bottom:1px solid #ccc;}
.max_board_view .bbs_info li{display:inline-block; padding-right:20px; margin:8px 0; color:#797979;}
.max_board_view .bbs_info li strong{color:#222;}
.max_board_view .max_board_contents{ width:100%; height:auto; padding:2em; line-height:1.25em; border-bottom:1px solid #ccc; box-sizing:border-box;}
.max_board_view .max_board_contents img {max-width:100%;}

.max_board_view .addfile { padding:1em 0; border-bottom:1px solid #ccc; }
.max_board_view .addfile li a{ display:inline-block; padding:.5em .95em;}
.max_board_view .addfile li a:before { content:''; display:inline-block; width:1em; height:1em; padding:0; margin:0; background-size:contain; background-repeat:no-repeat; box-sizing:border-box; vertical-align:middle; background-image:url(./image/download-24.png); margin-right:.25em;}

.max_bbs_move { padding:0; margin:4em 0 2em;  }
.max_bbs_move ul { border-top:1px solid #ccc; }
.max_bbs_move .link { display:block; box-sizing:border-box; padding:1em 0 1em 1.5em; border-bottom:1px solid #ccc;}
.max_bbs_move .link:before { content:''; display:inline-block; width:1em; height:1em; padding:0; margin:0; background-size:contain; background-repeat:no-repeat; box-sizing:border-box; vertical-align:middle; margin-right:.25em;}
.max_bbs_move .link.link_prev:before {background-image:url(./image/collapse-arrow-24.png); }
.max_bbs_move .link.link_next:before {background-image:url(./image/expand-arrow-24.png); }
/* comment */
.max_bbs_comment {width:100%; height:auto;}
.max_bbs_comment h4 { display:none; }
.max_bbs_comment .max_bbs_comment_write_wrap { display:block; position:relative; padding:1em; border:1px solid #ccc; border-radius:0.25em; margin:1em 0 0;}
.max_bbs_comment .max_bbs_comment_writer{ display:block; position:relative;}
.max_bbs_comment .max_bbs_write { display:block; position:relative;}
.max_bbs_comment .max_bbs_write .input_row { display:inline-block; position:relative; padding:1.5em 0 0;}
.max_bbs_comment .max_bbs_write label { display:block; position:absolute; top:0; left:.5em;}
.max_bbs_comment .max_bbs_write input { display:inline-block; padding:.5em 1em; border:1px solid #ccc; height:50px; box-sizing:border-box; vertical-align:middle;}
.max_bbs_comment .max_bbs_comment_write{ display:block; position:relative; padding:1em 0 0;}
.max_bbs_comment .max_bbs_comment_write textarea { width:100%; height:100px; padding:1em; box-sizing:border-box; border:1px solid #ccc;}
.max_bbs_comment .max_bbs_comment_write .btn_wrap { text-align:right;}
.max_bbs_comment .max_bbs_comment_write button {display:inline-block; background:#fff; border:1px solid #ccc; color:#000; padding:.75em 1.5em; font-size:1em; border-radius:.25em; vertical-align:middle;}

.max_captcha_image {vertical-align:middle; border:1px solid #ccc; box-sizing:border-box;}
.max_captcha_reload_btn {display:inline-block; font-size:0; border:1px solid #ccc; border-left:0; width:50px; height:50px; vertical-align:middle; background-size:24px; background-position:center; background-repeat:no-repeat; box-sizing:border-box; background-image:url(./image/rotate-24.png);}

.max_com_write{width:100%; height:auto; padding:16px 0; border-top:1px solid #000; border-bottom:1px solid #ccc; display:block; overflow:hidden;}
.max_com_write .max_comm_login{margin-left:5px;}
.max_com_write .max_comm_login li{float:left; margin-right:5px;}
.max_com_write .max_comm_login li label{float:left; padding:15px 0 0 0; margin-right:5px;}


.max_bbs_comment_list{ width:100%; height:auto;  position:relative;}
.max_bbs_comment_list li { padding:1em; border:1px solid #ccc; border-radius:.25em; margin-bottom:.5em;}
.max_bbs_comment_list li .max_bbs_comment_box {position:relative; display:block;}
.max_bbs_comment_list li .max_bbs_comment_box .reply{ display:inline-block; width:1em; height:1em; padding:0; margin:0; margin-left:-1em; background-size:contain; background-repeat:no-repeat; box-sizing:border-box; vertical-align:middle; background-image:url(./image/down-right-24.png);}

.max_bbs_comment_list li .max_bbs_comment_box_info {position:relative; display:inline-block;}
.max_bbs_comment_list li .max_bbs_comment_box_info .name { font-size:1em; color:#333; margin-right:1em; }
.max_bbs_comment_list li .max_bbs_comment_box_info .date { font-size:.9em; color:#666; }
.max_bbs_comment_list li .max_bbs_comment_box .content {padding:1em; margin-top:1em; border:1px solid #ddd; border-radius:0.25em;}
.max_bbs_comment_list li .max_comment_btns { position:absolute; right:0; top:0 }
.max_bbs_comment_list li .max_comment_btns .btn_comment_config { text-indent:-9999px; width:1em; height:1em; padding:1em; margin:0; background-size:80%; background-position:center; background-repeat:no-repeat; box-sizing:border-box; vertical-align:middle; background-image:url(./image/menu-vertical-24.png);}
.max_bbs_comment_list li .max_comment_btns .btn_comment_config:hover{background-color:#fff; border:1px solid #000; color:#fff;}
.max_bbs_comment_list li .max_comment_btns ul { position:absolute; right:0; padding:1em 1em .75em 1em; background:#fff; border:1px solid #ccc; box-sizing:border-box; border-radius:.25em; z-index:2; display:none;}
.max_bbs_comment_list li .max_comment_btns ul li {padding:0; border:none; margin-bottom:.25em;}
.max_bbs_comment_list li .max_comment_btns .btn { font-size:.725em;}

/* password */
#max_bbs_password { position:fixed; left:0; top:0; right:0; bottom:0; width:100%; height:100%; z-index:9997; }
#max_bbs_password .max_bbs_password_form { width:300px; height:200px; position:absolute; left:50%; margin-left:-150px; top:50%; margin-top:-100px; border:1px solid #ccc; background:#fff; z-index:9998; border-radius:.25em; }
#max_bbs_password .max_bbs_password_form_back { position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; background:#000; opacity:.5; z-index:9997; }
#max_bbs_password h4 { font-size: 1.25em; font-weight: 600; padding: 1em .5em; }
#max_bbs_password .max_bbs_form_content { padding:1em; }
#max_bbs_password .btns { padding:1em; text-align:right; border-top:1px solid #ccc; }
#max_bbs_pass {border:1px solid #ccc; padding:15px; text-align:center;}




@media screen and (max-width: 568px) { 
.max_bbs_list_btns {display:flex; justify-content: center;}
.max_bbs_list_btns .btn {margin:0 .2rem; padding: 0.3rem; font-size:.9rem;}
.max_board li {width: 100%;text-align: center;}
.max_board li p.event_title {text-align: center;}

.max_board_lst .categoryinfo li {margin: 0.3rem;    flex-basis: 25%;}
.max_board_lst .categoryinfo li a { min-width:auto; padding: 1rem;}

}