body {
    margin: 0;
}

.w-600 {
    width: 600px;
    margin: 0 auto;
}

.w-1200 {
    width: 1200px;
    margin: 0 auto;
}

header {
    position: fixed;
    width: 100%;
    z-index: 100000;
    background-color: #fff;
}

.header {
    font-size: 30px;
    padding: 10px 20px;
    border-bottom: solid 1px #000;
}

section {
    padding: 116px 0;
}

.content_padding {
    padding: 20px 10px;
}

.w-100 {
    width: 100px;
}

.input_flex {
    display: flex;
}

.textarea_flex {
    display: flex;
}


.w-300 {
    width: 300px;
}

.margin-center {
    display: block;
    margin: 0 auto;
}

.post_width {
    width: 407px;
}

.text-center {
    text-align: center;
}

.text_right {
    text-align: right;
}

.number {
    font-size: 15px;
    margin-right: 5px;
}

.post_name {
    font-size: 20px;
}

.content_flex {
    display: flex;
    align-items: flex-end;
}

.time {
    font-size: 13px;
}

.post_title {
    font-size: 17px;
    font-weight: bold;

}

.post_content {
    font-size: 15px;

}

.content_bb {
    border-bottom: 1px solid rgb(160, 160, 160);
}

.reply_button {
    width: 55px;
    font-size: 13px;
    color: rgb(94, 186, 247);
    text-decoration: underline;
    cursor: pointer;
}

ol {
    list-style-type: none;
}

.reply {
    margin: 20px 60px;
    color: #333333;
}

.reply_name {
    font-size: 16px;
}

.reply_time {
    font-size: 10px;
}

.reply_title {
    font-size: 13px;
    font-weight: bold;
}

.reply_content {
    font-size: 13px;
    max-height: 100px;
    overflow: hidden;
}

.reply_content_add {
    max-height: initial;
}

.reply_content_more {
    font-size: 13px;
    color: rgb(250, 150, 197);
}

.reply_content_more p {
    margin-block-start: 0;
    margin-block-end: 0;
    cursor: pointer;
    width: 65px;
    margin: 0 0 0 auto;
    text-align: center;
}

.segment {
    background-color: #fceac3;
    text-align: left;
    padding: 15px;
}

.segment p {
    margin-block-start: 0;
    margin-block-end: 0;
    font-size: 20px;
    text-align: center;
    cursor: pointer;
}

input[type="checkbox" i] {
    margin: 0 3px 0 0;
}

.segment input {
    margin-bottom: 5px;
}

.search_date {
    width: 170px;
}

.search_word {
    width: 327px;
}

.search_button {
    text-align: right;
}

.search_button button {
    cursor: pointer;
}

label, input[type='checkbox'] {
    cursor: pointer;
}

label, input[type='radio'] {
    cursor: pointer;
}

.paging {
    text-align: center;
}

.hide {
    display: none;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-50 {
    margin-bottom: 50px;
}

.ml--70 {
    margin-left: -70px;
}

.mr-10 {
    margin-right: 10px;
}

.mr-70 {
    margin-right: 70px;
}

.mb-5 {
    margin-bottom: 5px;
}







footer {
    background-color: darkgrey;
    text-align: center;
    color: #fff;
    font-size: 13px;
    line-height: 50px;
}


/* カレンダー祝日用 */
.ui-datepicker-calendar .day-sunday > a,
.ui-datepicker-calendar .day-holiday > a {
  background: #ffc0c0;
}
.ui-datepicker-calendar .day-saturday > a {
  background: #c0d0ff;
}






.todouhukens {
    display: flex;
    font-size: 20px;
    margin-bottom: 5px;
}

.todouhukens .id {
    margin-right: 5px;
}


.task ol {
    list-style-type: decimal;
    display: flex;
    flex-wrap:wrap;
}

.task ol li {
    width: 250px;
    margin-bottom: 20px;
    font-size: 15px;
    font-weight: bold;
    margin-right: 50px;
}

.task ol li ul {
    padding: 0 20px;
    box-sizing: border-box;
    width: 200px;
}

.task ol li ul li {
    padding: 0;
    width: 200px;
    margin: 0;
    font-size: 13px;
    font-weight: normal;
}

.page_up {
    position: fixed;
    bottom: 50px;
    right: 50px;
    z-index: 100;
    padding: 10px 20px;
    border-radius: 5px;
    background-color: #ffc0c0;
    display: inline-block;
    cursor: pointer;
}

.page_down {
    position: fixed;
    top: 116px;
    right: 50px;
    z-index: 100;
    padding: 10px 20px;
    border-radius: 5px;
    background-color: #ffc0c0;
    display: inline-block;
    cursor: pointer;
}

.paging a,
.paging span {
    padding: 5px;
}

.delete input {
    margin-left: 15px;
    font-size: 13px;
    border: none;
    background-color: transparent;
    cursor: pointer;
    color: yellowgreen;
    text-decoration: underline;
    transition: .3s;
}

.delete input:hover {
    opacity: 0.7;
}

#segment_form {
    display: none;
    padding-top: 10px;
}