@-webkit-keyframes fuwa1{0%,50%,100%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}25%{-webkit-transform:translate(0, -20%);transform:translate(0, -20%)}75%{-webkit-transform:translate(0, 20%);transform:translate(0, 20%)}}@keyframes fuwa1{0%,50%,100%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}25%{-webkit-transform:translate(0, -20%);transform:translate(0, -20%)}75%{-webkit-transform:translate(0, 20%);transform:translate(0, 20%)}}@-webkit-keyframes fuwa2{0%,50%,100%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}25%{-webkit-transform:translate(0, 20%);transform:translate(0, 20%)}75%{-webkit-transform:translate(0, -20%);transform:translate(0, -20%)}}@keyframes fuwa2{0%,50%,100%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}25%{-webkit-transform:translate(0, 20%);transform:translate(0, 20%)}75%{-webkit-transform:translate(0, -20%);transform:translate(0, -20%)}}h1,h2,h3,p{margin:0;padding:0}html{font-size:10px;font-weight:400;font-family:sans-serif}@media(max-width: 599px){html{font-size:2.667vw}}body{margin:0;color:#333}body::before{content:"";position:fixed;background:-webkit-gradient(linear, left top, left bottom, from(#000000), to(#A80100));background:linear-gradient(to bottom, #000000, #A80100);background-attachment:fixed;left:0;right:0;top:0;bottom:0;pointer-events:none}a{color:#5b8500}a:hover{text-decoration:none}*{-webkit-box-sizing:border-box;box-sizing:border-box}*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}.wrapper{position:relative;width:100%;overflow:hidden}@media(max-width: 599px){.wrapper{padding:0 1rem}}.main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;max-width:600px;min-height:calc(100vh - 4rem);margin:0 auto}.main .title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;padding:0.715em 0;letter-spacing:.05em;line-height:1;font-size:2.8rem;text-align:center;color:#fff}@media(max-width: 599px){.main .title{font-size:2.45rem}}.main .title::before,.main .title::after{content:"";background:#fff;border-radius:50%;width:0.358em;height:0.358em}.main .title::before{margin-right:.5em;-webkit-animation:fuwa1 2s steps(1) 0s infinite;animation:fuwa1 2s steps(1) 0s infinite}.main .title::after{margin-left:.5em;-webkit-animation:fuwa2 2s steps(1) 0s infinite;animation:fuwa2 2s steps(1) 0s infinite}.main .title+.block{padding-top:1rem}.main .block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;background:rgba(255,255,255,.85);border:2rem solid #fff;border-radius:2rem;width:100%;margin-bottom:4rem;padding:2rem}@media(max-width: 599px){.main .block{border:1rem solid #fff}}.main .block::before,.main .block::after{content:"";position:absolute;background-position:center center;background-repeat:no-repeat;background-size:contain;width:6rem;height:6rem;pointer-events:none}@media(max-width: 599px){.main .block::before,.main .block::after{width:5rem;height:5rem}}.main .block::before{right:-3rem;top:-4.5rem}@media(max-width: 599px){.main .block::before{right:-1rem;top:-4rem}}.main .block::after{left:-3rem;bottom:-3.5rem;-webkit-transform:scale(-1, 1);transform:scale(-1, 1)}@media(max-width: 599px){.main .block::after{left:-1.5rem;bottom:-3rem}}.main .block:nth-of-type(odd)::before{background-image:url(./hane3.svg)}.main .block:nth-of-type(odd)::after{background-image:url(./hane.svg)}.main .block:nth-of-type(even)::before{background-image:url(./hane2.svg)}.main .block:nth-of-type(even)::after{background-image:url(./hane1.svg)}.main .block .categories{font-size:1.2rem}.main .block .categories>a::before{content:"#"}.main .block .categories>a+a{margin-left:1em}.main .block .body{position:relative}.main .block .body .readmorebutton{color:#00b0b6}.main .block .body .readmoreopen::before{content:"▼"}.main .block .body .readmoreclose{display:block}.main .block .body .readmoreclose::before{content:"▲"}.main .block .body+.foot .categories{padding-top:2rem}.main .block .body+.foot .date{padding-top:1rem}.main .block .foot{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;position:relative}.main .block .foot .categorylink{display:inline-block;margin-right:1em}.main .block .foot .categorylink::before{content:"#"}.main .block .foot .date{font-size:1.2rem;text-align:right}.main .text{line-height:1.929em;font-size:1.4rem}.main .text+.block{padding-top:2rem}.main .note{line-height:1.667em;font-size:1.2rem}.main>.foot{background:rgba(255,255,255,.85);border:2rem solid #fff;border-bottom:none !important;border-radius:2rem 2rem 0 0;width:100%;margin-top:auto;padding:2rem}@media(max-width: 599px){.main>.foot{border:1rem solid #fff;margin-top:4rem;padding:2rem 1rem}}.main>.foot .note{text-align:center}.main .pager{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:1rem 0 3rem;font-size:1.4rem}.main .pager:empty{display:none}.main .pager>a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#a8104f;border-radius:6px;min-width:2.358em;padding:0 .5em;line-height:1.929em;text-decoration:none;color:#fff}.main .pager>a.pagenumhere{background:rgba(0,0,0,0);font-weight:700;color:#333;pointer-events:none}.main .pager>a:hover{background:#a81e10}.main .pager>a+a{margin-left:1rem}.footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:right;-ms-flex-pack:right;justify-content:right;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#efefef;width:100%;max-width:600px;height:4rem;margin:0 auto;padding:0 2rem;color:#333}.footer .text{line-height:1;font-size:1.2rem}.footer .text a{color:#00b0b6}

/* クイックポスト欄（スライドアップメニュー） */
.sliding-menu {
    position: fixed;
    top: -100%; /* 初期状態では画面下に隠れている */
    left: 0;
    width: 100%;
    height: 100%; /* メニューの高さ */
    padding: 1.25rem;
    overflow-y: auto;
    transition: top 0.5s ease; /* アニメーション */
    z-index: 1000;
    display: flex; /* Flexboxを使用 */
    justify-content: center; /* 水平方向の中央揃え */
    align-items: center; /* 垂直方向の中央揃え */
}

.sliding-menu.open {
    top: 0;
    padding-top: 1rem;
}

.menu-icon.active + .sliding-menu {
    bottom: 0;
}

/*スライドアップメニュー内のテキストエリア*/
.sliding-menu .tegalogpost {
    padding: 0.8rem;
    border-radius: 0.7rem;
    max-width: 37.5rem;
    width: 100%; /* 幅を100%に */
    height: 6rem !important;
    margin-bottom: 1rem;
    
}

.sliding-menu .tegalogpost textarea {
    width: 100%;
    height: 12.5rem; 
    border: 1px solid #ccc;
    padding: 0.7rem; 
    border-radius: 0.4rem;
    font-size: 1rem; /* フォントサイズを設定 */
    resize: none; /* テキストエリアのリサイズを無効にする */
}

/*スライドアップメニュー内の装飾ボタン*/
.decoBtns input[type=button] {
    border-radius: 0.2rem; 
    margin: 0 0.2rem 0.7rem; 
    letter-spacing: 0.1rem;
}

span.catChecks label {
    margin-right: 0.3rem;
    font-size: 90%;
    letter-spacing: 0.1rem;
}