h1{float:left; margin:15px 3% 0 3%; padding: 8px 2%; width:94%;  font-size:1.8rem; line-height: 1.2; border-top:#FF8181 solid 2px; border-bottom:#FF8181 solid 2px; }
h1 span{ font-size: 1rem; color: #999; }
h2{ float: left; width: 96%; margin:30px 2% 10px 2%; padding: 6px 3%; font-size: 1.3rem; font-weight: bold; line-height: 1.2; border-width:1px 0; border-color:#FF8181; border-style: solid; }
h2 span{ font-size: 1.0rem; margin:0 0 0 5px; font-weight: normal;}









/*コメント*/
.co-all{ float: left; width: 94%; margin:5px 3%;}
.co-all a:hover{ cursor: pointer; opacity: 0.6; }
.co-area-befor,
.co-area-after{ position: relative; float: left; width: 100%; }
.co-area-after{ float: left; width: 100%; height: 100px; line-height: 1.1; }
.co-area-after{ text-align: center; padding:20px 0 0 0; font-size:36px; font-weight: bold; }
.co-area-after-s{ font-size: 16px; }
.co-input{ float: left; width: 100%; margin:5px 0 0 0; padding: 3px 8px; border:#999 solid 1px; font-size: 16px; border-radius: 5px; -webkit-appearance: none; background-color: #FDF2F2; border:#EAB0B0 solid 1px;}
.co-name{   }
.co-txt{ height: 100px; }
.co-btn-box{ float: left; width: 100%; height: 55px; }
.co-btn{float: right; width: 30%; height: 35px;  margin:10px 0 0 0;  padding: 7px ; background-color: #000; color: #FFF; border-radius: 5px; text-align: center; font-size: 16px;  }
.co-btn-disable{ float: right; width: 30%; height: 35px;  margin:10px 0 0 0;  padding: 7px ; background-color: #999; color: #FFF; border-radius: 5px; text-align: center; font-size: 16px; display: none; }
.co-hist{ float: left; width: 100%; margin:10px 0 0 0;  }
.co-exp{ float: left; width: 100%; margin:10px 0; padding: 0 2%; color: #756F63; font-size: 12px; }



.co-hist-list{ float: left; width: 100%; margin:5px 0; padding:0 2%; border-collapse: collapse; }
.co-hist-list tr{ border-bottom: #EAB0B0 solid 1px;border-top: #EAB0B0 solid 1px; }
.co-hist-list th{ width: 80px; text-align: center; }
.co-hist-list th img{ display: block; border-radius: 3px; margin:0 0 8px 0; overflow: hidden; }
.co-hist-list th i{ margin:0; }
.co-hist-list th .fa-trash-alt{ color: #999; }
.co-hist-list th,
.co-hist-list td{ padding: 10px 0px 3px 5px; line-height: 1.3; vertical-align: top; word-break: break-all;word-wrap: break-word; font-size: 1.1rem;}
.co-hist-list td p{ margin: 3px 0 5px 0; word-break: break-all; word-wrap: break-word; line-height: 1.2;}
.co-hist-list-td-s{ font-size: 1rem; color: #999; }
.co-hist-list-td-pic{ float: left; width: 90%; }
.co-hist-list-td-pic-img{ display: block; max-width: 100%; border:#FFF solid 3px; box-shadow: 2px 2px 5px rgba(0,0,0,0.4); }
.co-hist-list-td-info{ float: left; width: 100%; margin:5px 0 15px 0 ; font-size: 1rem; line-height: 1.5; }
.co-hist-list-td-info-i{ margin:0 3px 0 0; }

.co-hist-list-td-hukai{ color: #FFD1D1;  }
.co-hist-list-td-hukai-after{ color: #BBBBBB; }

.co-hist-toukou-page{float: left; width: 100%; font-size: 1rem; color: #999;}

.co-del-btn{ margin:0 5px 0 0px; }
.co-del-btn i{ margin:0 5px 0 0; }
.co-del-btn-exp{ font-size: 0.8rem; color:#9E9E9E; }
.co-del-btn:hover{ cursor:pointer; background-color:transparent; -webkit-touch-callout:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
.fa-comment{ color: #C4AE75; margin:0 10px 0 0; }


.comment-link{ float: left; width: 100%; margin:5px 0 30px 0; text-align: center; }
.comment-link a{ background-color: #EF340F; color: #FFF; padding: 8px 20px; border-radius: 5px; font-size: 1.2rem; }
.co-none{ float: left; color:#8C8060; margin:10px 20px; padding: 0;  }

.co-note{ float: left; width: 100%; padding: 2px 5%; font-size: 1rem; color:#666;   }

.co-loading{position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  background: rgba(255,255,255,.7);
  background-image: url(../image/design/co-loading.gif);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 150px auto;}
.co-hide{ display: none; }



/*ページネーション*/
.page-all{ float: left; margin:30px 0 0 0; width: 100%; text-align: center; font-size: 18px; }
.page-all a{ margin:0 8px; }
.page-all span{ color: #999; margin:0 8px; }
.page-all a:hover{ cursor: pointer;opacity: 0.6; }