@charset "utf-8";




/***********************************************
	Write Form
***********************************************/

.ui-write-area { padding:2em 0;}

.board-notice-box {margin-bottom:3em !important;}

.write-form-box {position:relative; height:auto !important; padding:0 !important; overflow:hidden; border-radius:1em !important;}

.write-form-box .form-top {display:block; margin-right:100px;}
.write-form-box .form-top:after {content:""; display:block; clear:both;}
.write-form-box .form-top input {display:block; float:left; max-width:48%; box-sizing:border-box; border-radius:0 !important; border-width:0; border-right-width:1px;}

.write-form-box .wr_content {position:relative; margin-right:100px; height:80px; padding:0; overflow:hidden; box-sizing:border-box;}
.write-form-box .wr_content textarea {height:100%; border-radius: 0 !important; background:transparent !important; padding:15px !important; margin:0 !important; border-width:0; border-top-width:1px;}

.write-form-box .btn-submit-box {display:block; height:30px; padding:0; background:transparent !important; border-radius:0 !important; border-left-width:0 !important; border-right-width:0 !important; border-bottom-width:0 !important; cursor:default;}

.write-form-box .btn-submit-area {position:absolute; top:-1px; right:0; width:100px; bottom:0;}
.write-form-box .btn-submit-area .ui-btn {border-radius:0 !important; width:100%; height:100%; border-width:0; border-left-width:1px;}

.write-form-box .set-checkbox {display:block; position:absolute; left:0; right:100px; bottom:0; height:30px;}
.write-form-box .set-checkbox input[type="checkbox"] {position:absolute; top:0; left:0; opacity:0; z-index:-999;}
.write-form-box .set-checkbox input[type="checkbox"] + label .point {display:none;}
.write-form-box .set-checkbox input[type="checkbox"]:checked + label .ui-btn {display:none;}
.write-form-box .set-checkbox input[type="checkbox"]:checked + label .ui-btn.point {display:block;}
.write-form-box .set-checkbox .ui-btn {display:block; border-radius:0 !important; border-left-width:0 !important; border-right-width:0 !important; border-bottom-width:0 !important; text-align:left;}
.write-form-box .set-checkbox .ui-btn .material-icons {font-size:1.3em; margin-right:.5em; vertical-align:middle;}

.answer-area > aside {display:none;}
.guest-item-group.open-reply .answer-area > aside {display:block;}

.answer-area .write-form-box .wr_content {height:50px;}
.answer-area .write-form-box .form-top,
.answer-area .write-form-box .wr_content {margin-right:80px;}
.answer-area .write-form-box .set-checkbox {right:80px;}
.answer-area .write-form-box .btn-submit-area {width:80px;}


/***********************************************
	List Item
***********************************************/

.guest-item-group {display:block; position:relative; margin-bottom:2em; border-style:solid; border-radius:0; border-width:var(--owner-line-width);}

.guest-item {display:block; position:relative; margin:0; padding:1em 1.5em; z-index:0;}
.guest-item .guest-top-info {display:table; position:relative; width:100%;}
.guest-item .guest-top-info > * {display:table-cell; vertical-align:middle; padding:.5em 0;}
.guest-item .guest-top-info .name > * {display:inline-block; vertical-align:middle;}
.guest-item .guest-top-info .name > * + * {margin-left:.5em;}
.guest-item .guest-top-info .name .icons {display:inline-block; position:relative; width:2em; height:1.2em; z-index:0;}
.guest-item .guest-top-info .name .icons .material-icons {display:block; position:absolute; top:50%; left:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); font-size:1.8em; opacity:1; font-weight:100;}
.guest-item .guest-top-info .name .icons em {display:block; position:absolute; z-index:-1; width:1em; height:1em; top:20%; left:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.guest-item .guest-top-info span {opacity:.8;}
.guest-item .guest-top-info i {opacity:.5; font-weight:400;}
.guest-item .guest-top-info .date {text-align:right; font-size:.9em; opacity:.8; font-weight:400;}
.guest-item .guest-top-info a {font-size:11px; padding:0; text-align:center; width:25px; height:25px; line-height:23px;}
.guest-item .guest-content {padding:1em 0; min-height:2.5em;}
.guest-item .date-mo {display:none; font-size:11px; text-align:right; opacity:.7;}


.guest-item-group {background:var(--owner-bak-color); color:var(--owner-font-color); border-color:var(--owner-line-color);}
.guest-item.owner .guest-top-info {border-bottom:1px solid var(--owner-line-color);}


.guest-item.answer {background:var(--answer-bak-color); color:var(--answer-font-color); border:var(--answer-line-width) solid var(--answer-line-color);}
.guest-item.answer .guest-content {padding-top:0;}

@media all and (max-width:640px) {
	.guest-item {margin:0 0 1em;}
	.guest-item .date-mo {display:block;}
	.guest-item .guest-top-info .date {display:none;}
}


/***********************************************
	Comment Item
***********************************************/

#bo_vc {border:none !important;}

.answer-area {display:block; position:relative; padding:15px;}
.open-reply .answer-area {display:block;}

.ansewer-list {margin-top:2em;}
.ansewer-list > li {}
.ansewer-list > li {display:table; width:100%; table-layout:fixed; box-sizing:border-box;}
.ansewer-list > li > * {display:table-cell !important;}
.ansewer-list > li > .bar {width:.8em; box-sizing:border-box; border-left:.3em solid var(--answer-line-color);}
.ansewer-list > li > .guist-answer-group {padding:.5em 0;}

.ansewer-list .modify {display:none;}
.ansewer-list .reply {display:none;}
.ansewer-list .modify .write-form-box .wr_content {height:100px;}

.ansewer-list .is-mod-open .modify {display:block;}
.ansewer-list .is-mod-open .original,
.ansewer-list .is-mod-open .reply {display:none;}

.ansewer-list .is-reply-open .reply {display:block;}
.ansewer-list .is-reply-open .modify {display:none;}