section.tegalog {
    max-width: 700px;
    margin: 40px auto 0;
}

iframe {
    max-width: 100%;
}

.postarea form {
    background: #f6f6f6;
    padding: 10px;
}

.postarea textarea.tegalogpost {
    width: 100%;
    border: 1px solid #ccc;
    padding: 8px;
    font-family: 'メイリオ', Meiryo, 'ヒラギノ丸ゴ ProN', 'Hiragino Maru Gothic ProN', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
    line-height: 1.6em;
}

.postarea p.line-textarea {
    margin: 0;
}

.postarea p.line-control {
    margin: 10px 0 0;
}

.postarea input.postbutton {
    background: #5babfa;
    color: white;
    border: none;
    border-radius: 3px;
    padding: 6px 20px;
    cursor: pointer;
    transition: .3s;
}

.postarea input.postbutton:hover {
    background: #7cc8ff;
}

.decoBtns input[type=button] {
    border-radius: 3px;
    border: 1px solid #cccccc;
    background: white;
    margin: 0 2px 10px;
}

span.catChecks label {
    margin-right: 5px;
    font-size: 90%;
}

ul.cattree {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    border: 1px solid #fa89c3;
    padding: 15px;
    border-radius: 2px;
    position: relative;
}

ul.cattree li {
    font-size: 90%;
    margin-right: 10px;
    padding: 0;
    position: relative;
    z-index: 2;
}

ul.hashtaglist {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    position: relative;
    max-height: 150px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #fa89c3;
    padding: 15px;
}

ul.hashtaglist li {
    font-size: 85%;
    margin-right: 10px;
    padding: 0;
    position: relative;
    z-index: 2;
}

ul.hashtaglist li a::before {
    content: "#";
  }

ul.cattree li:before,
ul.cattree li:after,
ul.hashtaglist li:before,
ul.hashtaglist li:after {
    display: none;
}

div.onelogbox {
    max-width: 700px;
    margin: 30px auto;
    border-bottom: 1px dashed #ccc;
}

p.oneloginfo {
    text-align: right;
    font-size: 90%;
    color: #979797;
}

p.oneloginfo a.categorylink {
    display: inline-block;
    text-decoration: none;
    color: #fa89c3;
    border: 1px solid;
    padding: 1px 6px;
    border-radius: 2px;
    margin: 0 8px;
}

p.oneloginfo a.categorylink:hover {
    border-color: #fa89c3;
    background: #fa89c3;
    color: white;
}

p.situation {
    font-size: 90%;
    color: #ccc;
}

span.situation-postno {
    border: 1px solid;
    display: none;
    /*inline-block-*/
    padding: 3px 8px;
    border-radius: 3px;
    line-height: 1.6em;
}

p.dateseparator {
    display: none;
    font-size: 90%;
    color: white;
    background: #ccc;
    width: fit-content;
    padding: 3px 5px;
    line-height: 1.6em;
    margin: 0 auto -20px 0;
}

p.dateseparator.fixedseparator {
    display: block;
}

p.pagenums {
    text-align: center;
}

a.pagenumlink {
    display: inline-block;
    text-decoration: none;
    background: #fea7d4;
    color: black;
    width: 25px;
    height: 25px;
    line-height: 25px;
}

a.pagenumlink.pagenumhere {
    background: #fa89c3;
    color: white;
}

.comment {
    word-break: break-word;
}

a.readmorebutton {
    margin: 20px auto;
    text-decoration: none;
    background: #FFCFD3;
    color: black;
    padding: 5px;
    border-radius: 7px;
    font-size: 85%;
}

a.readmorebutton:hover {
    margin: 20px auto;
    background: #fa89c3;
    padding: 5px;
    color: white;
    border-radius: 7px;
    text-decoration: none;
    font-size: 85%;
}

a.readmorebutton.readmoreclose {
    padding: 1px 8px;
    font-size: 85%;
    margin-left: 5px;
}

a.readmorebutton.readmoreclose:hover {
    background: #fa89c3;
    color: white;
    padding: 1px 8px;
    font-size: 85%;
    margin-left: 5px;
}

p.poweredby {
    text-align: right;
    color: #929292;
    font-size: 12px;
}