.p-widget-list {
display: grid;
align-content: start;
grid-template-columns: repeat(3, 1fr);
gap: 50px;
font-size: 16px;
line-height: 1.6;
}
@media not all and (max-width: 991px) { .p-widget-list-pc {
height: 100%;
}
.p-widget-list-sp {
display: none;
}
}
@media (max-width: 991px) {
.p-widget-list-sp+.p-widget-list-pc {
display: none;
}
}
@container sidebar (max-width: 1000px) {
.p-widget-list {
grid-template-columns: repeat(2, 1fr);
}
}
@container sidebar (max-width: 500px) {
.p-widget-list {
grid-template-columns: repeat(1, 1fr);
}
} .p-widget {
position: relative;
} .p-widget-headline {
font-size: 16px;
font-weight: 600;
margin-block: var(--tcd-half-read) calc(20px + var(--tcd-half-read));
}  .widget_rss li {
display: flex;
flex-direction: column;
row-gap: 15px;
padding: 20px;
border: 1px solid #dddddd;
margin-top: -1px;
}
.widget_rss li>* {
margin-block: var(--tcd-half-read);
}
.widget_rss .rsswidget {
font-weight: 600;
}
.widget_rss :is(.rsswidget, .rssSummary) {
--tcd-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: var(--tcd-line-clamp);
max-height: calc(1lh* var(--tcd-line-clamp));
overflow: hidden;
visibility: visible;
word-break: break-all;
}
.widget_rss .rss-date {
order: -1;
color: #999999;
}
@media (any-hover: hover) {
.widget_rss a:hover {
opacity: 0.5;
}
} :is(.widget_categories, .widget_archive, .widget_nav_menu, .widget_meta, .widget_pages) a {
--tcd-widget-level: 0;
display: flex;
justify-content: space-between;
align-items: center;
column-gap: 5px;
padding-block: calc(20px + var(--tcd-half-read));
padding-inline: calc(20px + 1em * var(--tcd-widget-level)) 20px;
border: 1px solid #dddddd;
margin-top: -1px;
} :is(.widget_categories, .widget_archive) a.has-count:after {
content: attr(data-count);
display: grid;
place-items: center;
min-width: 50px;
height: 30px;
border-radius: 5px;
font-size: 12px;
color: #000;
background: #fff;
border: 1px solid #ddd;
}
@media (any-hover: hover) {
:is(.widget_categories, .widget_archive, .widget_nav_menu, .widget_meta, .widget_pages) a:hover {
color: rgba(0, 0, 0, 0.5);  }
} :is(.widget_archive, .widget_categories) select {
cursor: pointer;
appearance: none;
width: 100%;
height: 60px;
padding: 0 20px;
background: #fff;
border: 1px solid #ddd;
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiAgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0iTTQ4MC0zODQuODVxLTYuNDYgMC0xMS45Mi0yLjExLTUuNDYtMi4xMi0xMC43LTcuMzVMMjgxLjg1LTU2OS44NXEtNS42Mi01LjYxLTYtMTMuNzctLjM5LTguMTUgNi0xNC41MyA2LjM4LTYuMzkgMTQuMTUtNi4zOSA3Ljc3IDAgMTQuMTUgNi4zOUw0ODAtNDI4LjMxbDE2OS44NS0xNjkuODRxNS42MS01LjYyIDEzLjc3LTYgOC4xNS0uMzkgMTQuNTMgNiA2LjM5IDYuMzggNi4zOSAxNC4xNSAwIDcuNzctNi4zOSAxNC4xNUw1MDIuNjItMzk0LjMxcS01LjI0IDUuMjMtMTAuNyA3LjM1LTUuNDYgMi4xMS0xMS45MiAyLjExWiIvPjwvc3ZnPg==');
background-repeat: no-repeat;
background-position: right 15px center;
background-size: 1.5em;
} .widget_calendar .calendar_wrap {
line-height: 1;
}
.widget_calendar .wp-calendar-table caption {
font-weight: 600;
margin-bottom: 0.85em;
}
.widget_calendar .wp-calendar-table th {
font-size: 0.85em;
font-weight: 400;
padding-block: 1em;
}
.widget_calendar .wp-calendar-table td {
font-size: 0.85em;
padding: 0.1em;
}
.widget_calendar .wp-calendar-table td :is(a, span) {
display: grid;
place-items: center;
aspect-ratio: 1;
border-radius: 50%;
}
.widget_calendar .wp-calendar-table td a {
background: #eeeeee;
}
.widget_calendar .wp-calendar-nav {
font-size: 0.85em;
margin-top: 1em;
}
@media (any-hover: hover) {
.widget_calendar .wp-calendar-table td a:hover {
color: #ffffff;
background: #000000;
}
.widget_calendar .wp-calendar-nav a:hover {
color: rgba(0, 0, 0, 0.5);
}
} .widget_media_gallery .gallery {
--tcd-widget-gallery-columns: 1;
display: grid;
grid-template-columns: repeat(var(--tcd-widget-gallery-columns), 1fr);
gap: 5px;
align-items: flex-start;
}
.widget_media_gallery .gallery-columns-2 {
--tcd-widget-gallery-columns: 2;
}
.widget_media_gallery .gallery-columns-3 {
--tcd-widget-gallery-columns: 3;
}
.widget_media_gallery .gallery-columns-4 {
--tcd-widget-gallery-columns: 4;
}
.widget_media_gallery .gallery-columns-5 {
--tcd-widget-gallery-columns: 5;
}
.widget_media_gallery .gallery-columns-6 {
--tcd-widget-gallery-columns: 6;
}
.widget_media_gallery .gallery-columns-7 {
--tcd-widget-gallery-columns: 7;
}
.widget_media_gallery .gallery-columns-8 {
--tcd-widget-gallery-columns: 8;
}
.widget_media_gallery .gallery-columns-9 {
--tcd-widget-gallery-columns: 9;
}
.widget_media_gallery .gallery-item {
position: relative;
overflow: clip;
}
.widget_media_gallery .wp-caption-text {
position: absolute;
inset: auto 0 0 0;
color: #ffffff;
background: rgba(0, 0, 0, 0.5);
font-size: 0.85em;
padding: 0.3em 0.8em;
transform: translateY(100%);
transition: transform 0.3s ease;
}
@media (any-hover: hover) {
.widget_media_gallery .gallery-item:hover .wp-caption-text {
transform: translateY(0);
}
} .widget_tag_cloud .tagcloud {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.widget_tag_cloud .tag-cloud-link {
display: grid;
grid-auto-flow: column;
place-items: center;
height: 30px;
padding-inline: 1em;
color: #000000;
background: #eeeeee;
border-radius: 5px;
}
@media (any-hover: hover) {
.widget_tag_cloud .tag-cloud-link:hover {
background: var(--tcd-accent-color);
color: #ffffff;
}
} .widget_recent_comments li {
padding: calc(20px + var(--tcd-half-read)) 20px;
border: 1px solid #ddd;
margin-top: -1px;
}
@media (any-hover: hover) {
.widget_recent_comments a:hover {
color: rgba(0, 0, 0, 0.5);
}
} .widget_recent_entries li {
display: flex;
flex-direction: column-reverse;
row-gap: 10px;
padding: 20px;
border: 1px solid #ddd;
margin-top: -1px;
}
.widget_recent_entries li a {
--tcd-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: var(--tcd-line-clamp);
max-height: calc(1lh* var(--tcd-line-clamp));
overflow: hidden;
visibility: visible;
word-break: break-all;
margin-block: var(--tcd-half-read);
}
.widget_recent_entries .post-date {
font-size: 0.85em;
color: #999;
line-height: 1;
font-family: Arial;
}
@media (any-hover: hover) {
.widget_recent_entries a:hover {
color: rgba(0, 0, 0, 0.5);
}
} .widget_search .search-form {
display: grid;
grid-template-columns: 1fr auto;
grid-template-rows: 60px;
column-gap: 10px;
padding-inline: 20px;
border: 1px solid #dddddd;
}
.widget_search .search-field {
width: 100%;
height: 100%;
background: #fff;
border: none;
}
.widget_search .search-field::-webkit-search-cancel-button {
appearance: none;
}
.widget_search .search-submit {
display: grid;
place-items: center;
margin-right: -5px;
padding: 0;
border: none;
background: initial;
} .widget_media_image img {
width: 100%;
}
.widget_media_image .wp-caption {
display: grid;
align-content: start;
max-width: 100%;
}
.widget_media_image .wp-caption-text {
font-size: 14px;
font-weight: 600;
text-align: center;
padding: calc(22px + var(--tcd-half-read)) 10px;
border: 1px solid #dddddd;
border-top: none;
}