@import url("https://fonts.googleapis.com/css2?family=BIZ+UDPGothic:wght@400;700&family=Sacramento&display=swap");
:root {
  --theme-color1-light: #89786e;
  --theme-color1: #2e1101;
  --theme-color2-light: #fff9eb;
  --theme-color2: #f7db9c;
  --theme-color3-light-op: #cbe5de33;
  --theme-color3-light: #cbe5de;
  --theme-color3: #a9d3c8;
  --theme-color3-dark: #87bdae;
  --color-white: #fff;
  --bg-color: #fefcf6;
  --text-color: var(--theme-color1);
  --fixed-menu-color: var(--theme-color3);
  --fixed-menu-hover-color: var(--theme-color2);
  --fixed-menu-color-sp: var(--theme-color3-dark);
  --fixed-menu-hover-color-sp: var(--theme-color3-dark);
}


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 var(--theme-color3);
    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: var(--theme-color3);
    color: var(--theme-color1);
    border: none;
    border-radius: 3px;
    padding: 6px 20px;
    cursor: pointer;
    transition: .3s;
}
.postarea input.postbutton:hover {
    background: #7cc8ff;
}
.decoBtns input[type=button] .line-control {
    border-radius: 3px;
    margin: 0 2px 10px;
    color:var(--theme-color1)
}
span.catChecks label {
    margin-right: 5px;
    font-size: 90%;
}
ul.cattree {
    display: flex;
    list-style: none;
    border: 1px solid #d6d6d6;
    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;
    list-style: none;
    background: var(--theme-color3-light);
    padding: 15px;
    border-radius: 2px;
}
ul.hashtaglist li {
	font-size: 85%;
	margin-right: 10px;
    padding: 0;
    position: relative;
    z-index: 2;
}
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: #979797;
    border: 1px solid;
    padding: 1px 6px;
    border-radius: 2px;
    margin: 0 8px;
}
p.oneloginfo a.categorylink:hover {
	color: var(--theme-color1);
}
p.dateseparator {
    display: none;
}
p.pagenums {
    text-align: center;
}
a.pagenumlink {
    display: inline-block;
    text-decoration: none;
    background: var(--theme-color3);
    color: var(--color-white);
    width: 25px;
    height: 25px;
    line-height: 25px;
}
a.pagenumlink.pagenumhere {
    background: var(--theme-color3-light);
}

a.readmorebutton .readmoreclose {
    overflow: hidden;
    margin-bottom: 8px;
    color: var(--text-color);
    border-radius: 1rem;
    padding: 8px 12px;
    text-align: center;
    font-weight: 600;
    line-height: 3rem;
  }
  
  a.readmorebutton .readmoreclose {
    font-size: 1.2rem;
    background: var(--bg-color);
    border: 2px solid var(--theme-color3-light);
    box-shadow: 0 2px var(--theme-color3-light);
  }

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

.searchbox {
    padding: 0;
    margin: 0 auto;
    max-width: 100%;
}