/********************
board_reple_type01
*********************/
.board_reple_type01 {float:left; width:100%; margin-top:40px; margin-bottom:40px;}
.board_reple_type01_write {width:100%;}
.board_reple_type01_write textarea {width:calc(100% - 180px); height:100px; border:1px solid #ccc; box-sizing:border-box; padding:20px 30px; outline:none;}
.board_reple_type01_write button {float:right; width:175px; display:inline-block; height:100px; background:#1097ff; border:0; color:#fff; font-size:18px; cursor:pointer;}

.board_reple_type01_list {float:left; width:100%; margin-top:45px;}
.board_reple_type01_list .count {width:100%; border-bottom:2px solid #000; color:#212121; padding-bottom:10px;}
.board_reple_type01_box {width:100%; border-bottom:1px solid #dddddd; padding:25px 0;}
.board_reple_type01_box_top {position:relative; width:100%; }
.board_reple_type01_box_top strong {font-weight:500; display:inline-block; color:#212121; font-size:18px; margin-right:15px; vertical-align:top;}
.board_reple_type01_box_top span {display:inline-block; font-size:15px; color:#bbbbbb; vertical-align:top; margin-top:2px;}
.board_reple_type01_box_top button {display:inline-block; background:url(../images/reple_arrow.png) no-repeat 0 center; font-size:15px; color:#000; padding-left:15px; border:0; vertical-align:top;margin-top:2px; margin-left:10px; cursor:pointer;}
.board_reple_type01_box_top ul {position:absolute; top:0; right:0;}
.board_reple_type01_box_top ul li {float:left; position:relative; padding:0 15px;}
.board_reple_type01_box_top ul li span {font-size:15px; color:#888; cursor:pointer;}
.board_reple_type01_box_top ul li:last-child::before {position:absolute; top:50%; left:0; transform:translateY(-50%); width:1px; height:14px; background:#ccc; content:'';}
.board_reple_type01_box_top ul li:last-child {padding-right:0;}

.board_reple_type01_box_con {width:100%; margin-top:10px;}
.board_reple_type01_box_con p {font-size:17px; color:#212121; width:100%; font-weight:300;}
.board_reple_type01_box02 {width:100%; background:#f5f5f5; padding:30px 50px; box-sizing:Border-box; margin-top:15px; position:relative;}
.board_reple_type01_box02 > div {width:100%; position:relative; border-bottom:1px dashed #e1e1e1; padding:15px 0;}
.board_reple_type01_box02 > div::after {display:block; clear:both; content:'';}
.board_reple_type01_box02 > div:last-child {border-bottom:0; padding-bottom:0;}
.board_reple_type01_box02 > div:first-child {padding-top:0;}
.board_reple_type01_box02 > div::before {position:absolute; content:''; width:8px; height:8px; border-left:2px solid #1097ff;border-bottom:2px solid #1097ff; left:-20px; top:20px;}
.board_reple_type01_box02 > div:first-child::before {top:5px;}
.board_reple_type01_box02_write textarea {width:calc(100% - 130px); height:100px; border:1px solid #ccc; box-sizing:border-box; padding:20px 30px; outline:none;}
.board_reple_type01_box02_write button {float:right; width:125px; display:inline-block;  height:100px; background:#fff; border:0; color:#666; font-size:18px; cursor:pointer; border:1px solid #ccc;}

.board_reple_type01_box02 strong {font-weight:500; display:inline-block; color:#212121; font-size:18px; margin-right:15px; vertical-align:top;}
.board_reple_type01_box02 span {display:inline-block; font-size:15px; color:#bbbbbb; vertical-align:top; margin-top:2px;}
.board_reple_type01_box02 p {font-size:17px; color:#212121; width:100%; font-weight:300; margin-top:5px;}
.board_reple_type01_box02 ul {position:absolute; top:15px; right:0;}
.board_reple_type01_box02 > div:fist-child ul {top:0;}
.board_reple_type01_box02 ul li {float:left; position:relative; padding:0 15px;}
.board_reple_type01_box02 ul li span {font-size:15px; color:#888; cursor:pointer;}
.board_reple_type01_box02 ul li:last-child::before {position:absolute; top:50%; left:0; transform:translateY(-50%); width:1px; height:14px; background:#ccc; content:'';}
.board_reple_type01_box02 ul li:last-child {padding-right:0;}


/********************
//board_reple_type01
*********************/





@media screen and (max-width:767px){


/********************
board_reple_type01
*********************/
.board_reple_type01_write textarea,.board_reple_type01_box02_write textarea {width:100%; padding:2vw 3vw;}
.board_reple_type01_write button,.board_reple_type01_box02_write button {width:100%; height:10vw; line-height:10vw; font-size:3.8vw;}
.board_reple_type01_box_top strong,.board_reple_type01_box02 strong {width:calc(100% - 24vw); display:block; font-size:3.8vw; margin-right:0; margin-bottom:2vw;}
.board_reple_type01_box02 strong {margin-bottom:0;}
.board_reple_type01_box_top span {clear:both; font-size:3.4vw; margin-top:0;}
.board_reple_type01_box_top button {font-size:3.4vw; padding-left:3.4vw; background-size:3vw auto; margin-top:0; margin-left:2vw;}
.board_reple_type01_box_top ul li,.board_reple_type01_box02 ul li {padding:0 3vw;}
.board_reple_type01_box_top ul li span,.board_reple_type01_box02 ul li span {font-size:3.4vw;}
.board_reple_type01_box_top ul li:last-child,.board_reple_type01_box02 ul li:last-child {padding-right:0;}
.board_reple_type01_box_top ul li:last-child::before,.board_reple_type01_box02 ul li:last-child::before {height:3vw;}
.board_reple_type01_box_con p,.board_reple_type01_box02 p {font-size:3.8vw;}
.board_reple_type01_box02 {padding:7vw 12vw; margin-top:3vw;}
.board_reple_type01_box02 > div::before {width:1.5vw; height:1.5vw; top:4.8vw; left:-4.8vw;}
.board_reple_type01_box02 > div:first-child::before {top:1vw;}
.board_reple_type01_box02 span {font-size:3.4vw; clear:Both; margin-top:0;}
.board_reple_type01_box02 p {margin-top:2vw;}

/********************
//board_reple_type01
*********************/

}