li {
list-style: none;
}
.spacer {
height: 5.0666666667vw;
}
@media screen and (max-width:1024px) {
.spacer {
height: 6.4102564103vw;
}
}
.post-list-main {
display: flex;
justify-content: space-between;
width: 73.9333333333vw;
margin: 0 auto;
}
.post-list-main.flex-center {
justify-content: center;
}
.post-list-main .post-list-content {
width: 55vw;
}
.post-list-main .post-list-content.single-column {
width: 70vw;
}
@media screen and (max-width:1024px) {
.post-list-main {
width: 100%;
flex-direction: column-reverse;
}
.post-list-main .post-list-content {
width: 100%;
margin-top: 10.2564102564vw;
}
}
#side-area {
width: 15.8vw;
}
@media screen and (max-width:1024px) {
#side-area {
width: 100%;
border: 1px solid #707070;
}
#side-area .widget {
margin-bottom: 0;
}
}
#side-area .label,
#side-area #acco-content {
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
}
#side-area .toggle {
display: none;
}
@media screen and (max-width:1024px) {
#side-area .toggle:checked + .label .polygon {
transform: rotate(-180deg);
}
}
#side-area .label {
display: none;
}
@media screen and (max-width:1024px) {
#side-area .label {
position: relative;
justify-content: center;
align-items: center;
padding: 2.0512820513vw 0;
font-size: 6.1538461538vw;
line-height: 6.6666666667vw;
display: flex;
width: 89.7435897436vw;
gap: 2.5641025641vw;
}
#side-area .label .polygon {
display: block;
font-size: 2vw;
transition: 0.4s;
background: #000;
width: 4.6153846154vw;
height: 3.5897435897vw;
-webkit-clip-path: polygon(50% 100%, 0% 0%, 100% 0%);
clip-path: polygon(50% 100%, 0% 0%, 100% 0%);
}
}
#side-area #acco-content {
display: block;
}
@media screen and (max-width:1024px) {
#side-area #acco-content {
max-height: 0;
overflow: hidden;
padding: 0 10.5128205128vw;
box-sizing: border-box;
}
}
#side-area .wp-block-categories-list {
margin: 0;
}
@media screen and (max-width:1024px) {
#side-area .wp-block-categories-list {
flex-direction: column;
}
}
#side-area .wp-block-categories-list .cat-item {
box-sizing: border-box;
border: 2px solid #AD87ff;
display: inline-block;
transition: 0.4s;
margin-bottom: 0.6666666667vw;
margin-right: 0.3333333333vw;
}
#side-area .wp-block-categories-list .cat-item:last-child {
margin-bottom: 2.6666666667vw;
}
@media screen and (max-width:1024px) {
#side-area .wp-block-categories-list .cat-item {
display: block;
margin-bottom: 2.5641025641vw;
}
}
#side-area .wp-block-categories-list .cat-item.current-cat.topic {
background: #1CCC00;
}
#side-area .wp-block-categories-list .cat-item.current-cat.topic a {
color: #fff;
}
#side-area .wp-block-categories-list .cat-item.current-cat.press {
background: #00B1E9;
}
#side-area .wp-block-categories-list .cat-item.current-cat.press a {
color: #fff;
}
#side-area .wp-block-categories-list .cat-item.info, #side-area .wp-block-categories-list .cat-item.topic {
border-color: #1CCC00;
}
#side-area .wp-block-categories-list .cat-item.info:hover, #side-area .wp-block-categories-list .cat-item.topic:hover {
background: #1CCC00;
}
#side-area .wp-block-categories-list .cat-item.info:hover a, #side-area .wp-block-categories-list .cat-item.topic:hover a {
color: #fff;
}
#side-area .wp-block-categories-list .cat-item.info a, #side-area .wp-block-categories-list .cat-item.topic a {
color: #1CCC00;
}
#side-area .wp-block-categories-list .cat-item.press {
border-color: #00B1E9;
}
#side-area .wp-block-categories-list .cat-item.press:hover {
background: #00B1E9;
}
#side-area .wp-block-categories-list .cat-item.press:hover a {
color: #fff;
}
#side-area .wp-block-categories-list .cat-item.press a {
color: #00B1E9;
}
#side-area .wp-block-categories-list .cat-item a {
display: block;
transition: 0.4s;
text-align: center;
padding: 0.2666666667vw 1.3333333333vw;
font-weight: 900;
font-size: 0.8vw;
color: #AD87ff;
}
@media screen and (max-width:1024px) {
#side-area .wp-block-categories-list .cat-item a {
padding: 2.0512820513vw 3.8461538462vw;
font-size: 4.1025641026vw;
}
}
#side-area .wp-block-categories-list .cat-item a::before {
background: unset;
}
#side-area .wp-block-archives-list {
margin: 0;
display: flex;
flex-direction: column;
gap: 1.3333333333vw;
}
@media screen and (max-width:1024px) {
#side-area .wp-block-archives-list {
gap: 0;
margin-bottom: 5.1282051282vw;
}
}
#side-area .wp-block-archives-list li {
margin: 0;
}
#side-area .wp-block-archives-list li a {
box-sizing: border-box;
width: 100%;
border: 1px solid #707070;
padding: 0.5333333333vw 0;
color: #707070;
display: block;
font-weight: 700;
text-align: center;
font-size: 0.9333333333vw;
}
@media screen and (max-width:1024px) {
#side-area .wp-block-archives-list li a {
padding: 2.0512820513vw 3.8461538462vw;
margin-bottom: 2.5641025641vw;
font-size: 4.1025641026vw;
}
}