@charset "UTF-8";
 @keyframes fadeIn {
0% {
transform: translateY(10%);
opacity: 0.01;
}
100% {
transform: translateY(0%);
opacity: 1;
}
}
body {
background-color: #E3F2FD !important;
}
#container {
display: flex;
flex-direction: column;
min-height: 100vh;
}
#content {
margin-bottom: 20px;
}
#footer {
margin-top: auto;
}
#header-container {
background-color: #1E88E5;
}
#header-container .tagline,
#header-container .site-name-text {
color: white;
}
#header-container #header {
background-color: #1E88E5;
}
#header-container .hlt-top-menu {
background-color: #1E88E5;
}
#header-container .hlt-top-menu #navi {
background-color: #1E88E5;
}
#header-container .hlt-top-menu #navi a:hover {
background-color: #1E88E5;
}
#header-container .hlt-top-menu #navi .sub-menu {
background-color: #1E88E5;
color: white;
}
#header-container .hlt-center-logo {
background-color: #42A5F5;
}
#header-container .hlt-center-logo #navi {
background-color: #42A5F5;
}
#header-container .hlt-center-logo #navi a:hover {
background-color: #42A5F5;
}
#header-container .hlt-center-logo #navi .sub-menu {
background-color: #42A5F5;
color: white;
}
#navi {
background-color: #1E88E5;
}
#navi a {
position: relative;
color: white;
background-color: #1E88E5;
}
#navi a::after {
position: absolute;
content: "";
top: auto;
left: 0;
bottom: 0;
right: auto;
width: 100%;
height: 2px;
background-color: white;
transform: scale(0, 1);
transform-origin: center top;
transition: transform 0.3s;
}
#navi a:hover::after {
transform: scale(1, 1);
}
#navi .fa-angle-down {
color: white;
}
#navi .fa-angle-down:hover {
color: white;
}
#go-to-top .go-to-top-button {
width: 56px;
height: 56px;
background-color: #1E88E5;
border-radius: 50%;
}
#go-to-top .go-to-top-button:hover span {
transform: rotate(360deg);
transition: 0.2s;
}
#go-to-top .go-to-top-button span {
color: white;
}
#breadcrumb span,
#breadcrumb a {
color: #42A5F5;
}
#sidebar-menu-content h2, #sidebar h2,
#sidebar-menu-content h3,
#sidebar h3 {
background-color: #42A5F5;
color: white;
padding: 5px 5px 5px 42px;
line-height: 2.5;
position: relative;
z-index: 0;
}
#sidebar-menu-content h2::after, #sidebar h2::after,
#sidebar-menu-content h3::after,
#sidebar h3::after {
position: absolute;
content: "";
top: -2px;
left: -2px;
bottom: auto;
right: auto;
z-index: 1;
border: 0;
border-left: solid 40px white;
border-bottom: solid 79px transparent;
}
#sidebar .widget_rss .widget-title .rss-widget-icon,
#slide-in-sidebar .widget_rss .widget-title .rss-widget-icon {
display: none;
}
#sidebar .widget_rss .widget-title .rsswidget,
#slide-in-sidebar .widget_rss .widget-title .rsswidget {
color: white;
text-decoration: none;
}
#sidebar .widget_rss .widget-title .rsswidget:hover,
#slide-in-sidebar .widget_rss .widget-title .rsswidget:hover {
background-color: #42A5F5;
}
#sidebar .widget_rss ul li,
#slide-in-sidebar .widget_rss ul li {
border-radius: 4px;
padding: 0.5em;
}
#sidebar .widget_rss ul li:hover,
#slide-in-sidebar .widget_rss ul li:hover {
background-color: #E3F2FD;
transition: all 0.3s ease;
}
#sidebar .widget_rss ul li a,
#slide-in-sidebar .widget_rss ul li a {
background-color: transparent;
border-bottom: solid transparent 1px;
}
#sidebar .widget_rss ul li a:hover,
#slide-in-sidebar .widget_rss ul li a:hover {
border-bottom: solid #42A5F5 1px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
#sidebar .widget_cta_box .cta-box,
#slide-in-sidebar .widget_cta_box .cta-box {
border: solid #42A5F5 1px;
background-color: white;
}
#sidebar .widget_cta_box .cta-heading,
#slide-in-sidebar .widget_cta_box .cta-heading {
color: #1E88E5;
}
#sidebar .widget_cta_box .cta-content,
#slide-in-sidebar .widget_cta_box .cta-content {
color: #333333;
}
#sidebar .widget_sns_follow_buttons .sns-follow .feedly-button:hover,
#slide-in-sidebar .widget_sns_follow_buttons .sns-follow .feedly-button:hover {
background-color: var(--cocoon-feedly-color);
opacity: 0.7;
}
#sidebar .widget_sns_follow_buttons .sns-follow .rss-button:hover,
#slide-in-sidebar .widget_sns_follow_buttons .sns-follow .rss-button:hover {
background-color: var(--cocoon-rss-color);
opacity: 0.7;
}
#sidebar .widget_navi_entries a,
#slide-in-sidebar .widget_navi_entries a {
border-radius: 4px;
}
#sidebar .widget_navi_entries a:hover,
#slide-in-sidebar .widget_navi_entries a:hover {
background-color: #E3F2FD;
transition: all 0.3s ease;
}
#sidebar .widget_navi_entries .navi-entry-card-link::after,
#slide-in-sidebar .widget_navi_entries .navi-entry-card-link::after {
border-top: solid #42A5F5 2px;
border-right: solid #42A5F5 2px;
}
#sidebar .widget_navi_entries .border-partition a,
#slide-in-sidebar .widget_navi_entries .border-partition a {
margin: 0;
border-radius: 0;
border-bottom: solid #42A5F5 1px;
}
#sidebar .widget_navi_entries .border-partition a:first-of-type,
#slide-in-sidebar .widget_navi_entries .border-partition a:first-of-type {
border-top: solid #42A5F5 1px;
}
#sidebar .widget_navi_entries .border-square .a-wrap,
#slide-in-sidebar .widget_navi_entries .border-square .a-wrap {
border: solid #42A5F5 1px;
}
#sidebar .widget_navi_entries .card-large-image a:hover,
#slide-in-sidebar .widget_navi_entries .card-large-image a:hover {
background-color: transparent;
}
#sidebar .widget_author_box .author-box,
#slide-in-sidebar .widget_author_box .author-box {
border-color: #42A5F5;
}
#sidebar .widget_author_box .author-box .author-widget-name,
#slide-in-sidebar .widget_author_box .author-box .author-widget-name {
color: #42A5F5;
font-weight: bold;
}
#sidebar .widget_author_box .author-box .follow-button,
#slide-in-sidebar .widget_author_box .author-box .follow-button {
border: none;
color: white;
}
#sidebar .widget_author_box .author-box .website-button,
#slide-in-sidebar .widget_author_box .author-box .website-button {
background-color: var(--cocoon-website-color);
}
#sidebar .widget_author_box .author-box .x-corp-button,
#slide-in-sidebar .widget_author_box .author-box .x-corp-button {
background-color: var(--cocoon-twitter-color);
}
#sidebar .widget_author_box .author-box .facebook-button,
#slide-in-sidebar .widget_author_box .author-box .facebook-button {
background-color: var(--cocoon-facebook-color);
}
#sidebar .widget_author_box .author-box .hatebu-button,
#slide-in-sidebar .widget_author_box .author-box .hatebu-button {
background-color: var(--cocoon-hatebu-color);
}
#sidebar .widget_author_box .author-box .instagram-button,
#slide-in-sidebar .widget_author_box .author-box .instagram-button {
background-color: var(--cocoon-instagram-color);
}
#sidebar .widget_author_box .author-box .youtube-button,
#slide-in-sidebar .widget_author_box .author-box .youtube-button {
background-color: var(--cocoon-youtube-color);
}
#sidebar .widget_author_box .author-box .linkedin-button,
#slide-in-sidebar .widget_author_box .author-box .linkedin-button {
background-color: var(--cocoon-linkedin-color);
}
#sidebar .widget_author_box .author-box .note-button,
#slide-in-sidebar .widget_author_box .author-box .note-button {
background-color: var(--cocoon-note-color);
}
#sidebar .widget_author_box .author-box .flickr-button,
#slide-in-sidebar .widget_author_box .author-box .flickr-button {
background-color: var(--cocoon-flickr-color);
}
#sidebar .widget_author_box .author-box .pinterest-button,
#slide-in-sidebar .widget_author_box .author-box .pinterest-button {
background-color: var(--cocoon-pinterest-color);
}
#sidebar .widget_author_box .author-box .line-button,
#slide-in-sidebar .widget_author_box .author-box .line-button {
background-color: var(--cocoon-line-color);
}
#sidebar .widget_author_box .author-box .slack-button,
#slide-in-sidebar .widget_author_box .author-box .slack-button {
background-color: var(--cocoon-slack-color);
}
#sidebar .widget_author_box .author-box .amazon-button,
#slide-in-sidebar .widget_author_box .author-box .amazon-button {
background-color: var(--cocoon-amazon-color);
}
#sidebar .widget_author_box .author-box .twitch-button,
#slide-in-sidebar .widget_author_box .author-box .twitch-button {
background-color: var(--cocoon-twitch-color);
}
#sidebar .widget_author_box .author-box .rakuten-room-button,
#slide-in-sidebar .widget_author_box .author-box .rakuten-room-button {
background-color: var(--cocoon-rakuten-room-color);
}
#sidebar .widget_author_box .author-box .github-button,
#slide-in-sidebar .widget_author_box .author-box .github-button {
background-color: var(--cocoon-github-color);
}
#sidebar .widget_author_box .author-box .codepen-button,
#slide-in-sidebar .widget_author_box .author-box .codepen-button {
background-color: var(--cocoon-codepen-color);
}
#sidebar .widget_author_box .author-box .feedly-button,
#slide-in-sidebar .widget_author_box .author-box .feedly-button {
background-color: var(--cocoon-feedly-color);
}
#sidebar .widget_author_box .author-box .rss-button,
#slide-in-sidebar .widget_author_box .author-box .rss-button {
background-color: var(--cocoon-rss-color);
}
#sidebar .widget_author_box .author-box .mastodon-button,
#slide-in-sidebar .widget_author_box .author-box .mastodon-button {
background-color: var(--cocoon-mastodon-color);
}
#sidebar .widget_author_box .author-box .bluesky-button,
#slide-in-sidebar .widget_author_box .author-box .bluesky-button {
background-color: var(--cocoon-bluesky-color);
}
#sidebar .widget_author_box .author-box .misskey-button,
#slide-in-sidebar .widget_author_box .author-box .misskey-button {
background-color: var(--cocoon-misskey-color);
}
#sidebar .widget_author_box .author-box .tiktok-button,
#slide-in-sidebar .widget_author_box .author-box .tiktok-button {
background-color: var(--cocoon-tiktok-color);
}
#sidebar .widget_author_box .author-box .soundcloud-button,
#slide-in-sidebar .widget_author_box .author-box .soundcloud-button {
background-color: var(--cocoon-soundcloud-color);
}
#sidebar .widget_item_ranking .border-element,
#slide-in-sidebar .widget_item_ranking .border-element {
border-radius: 4px;
border: solid #42A5F5 1px;
}
#sidebar .widget_popular_entries a,
#slide-in-sidebar .widget_popular_entries a {
border-radius: 4px;
}
#sidebar .widget_popular_entries a:hover,
#slide-in-sidebar .widget_popular_entries a:hover {
background-color: #E3F2FD;
transition: all 0.3s ease;
}
#sidebar .widget_popular_entries .popular-entry-card-link::after,
#slide-in-sidebar .widget_popular_entries .popular-entry-card-link::after {
border-top: solid #42A5F5 2px;
border-right: solid #42A5F5 2px;
}
#sidebar .widget_popular_entries .border-partition a,
#slide-in-sidebar .widget_popular_entries .border-partition a {
margin: 0;
border-radius: 0;
border-bottom: solid #42A5F5 1px;
}
#sidebar .widget_popular_entries .border-partition a:first-of-type,
#slide-in-sidebar .widget_popular_entries .border-partition a:first-of-type {
border-top: solid #42A5F5 1px;
}
#sidebar .widget_popular_entries .border-square .a-wrap,
#slide-in-sidebar .widget_popular_entries .border-square .a-wrap {
border: solid #42A5F5 1px;
}
#sidebar .widget_popular_entries .card-large-image a:hover,
#slide-in-sidebar .widget_popular_entries .card-large-image a:hover {
background-color: transparent;
}
#sidebar .widget_new_entries a,
#slide-in-sidebar .widget_new_entries a {
border-radius: 4px;
}
#sidebar .widget_new_entries a:hover,
#slide-in-sidebar .widget_new_entries a:hover {
background-color: #E3F2FD;
transition: all 0.3s ease;
}
#sidebar .widget_new_entries .new-entry-card-link::after,
#slide-in-sidebar .widget_new_entries .new-entry-card-link::after {
border-top: solid #42A5F5 2px;
border-right: solid #42A5F5 2px;
}
#sidebar .widget_new_entries .border-partition a,
#slide-in-sidebar .widget_new_entries .border-partition a {
margin: 0;
border-radius: 0;
border-bottom: solid #42A5F5 1px;
}
#sidebar .widget_new_entries .border-partition a:first-of-type,
#slide-in-sidebar .widget_new_entries .border-partition a:first-of-type {
border-top: solid #42A5F5 1px;
}
#sidebar .widget_new_entries .border-square .a-wrap,
#slide-in-sidebar .widget_new_entries .border-square .a-wrap {
border: solid #42A5F5 1px;
}
#sidebar .widget_new_entries .card-large-image a:hover,
#slide-in-sidebar .widget_new_entries .card-large-image a:hover {
background-color: transparent;
}
#sidebar .widget_recent_comments .recent-comments .recent-comment-content,
#slide-in-sidebar .widget_recent_comments .recent-comments .recent-comment-content {
border: solid #42A5F5 1px;
}
#sidebar .widget_recent_comments .recent-comments .recent-comment-content::before, #sidebar .widget_recent_comments .recent-comments .recent-comment-content::after,
#slide-in-sidebar .widget_recent_comments .recent-comments .recent-comment-content::before,
#slide-in-sidebar .widget_recent_comments .recent-comments .recent-comment-content::after {
border-bottom-color: #42A5F5;
}
#sidebar .widget_recent_comments .recent-comments a:hover,
#slide-in-sidebar .widget_recent_comments .recent-comments a:hover {
background-color: white;
}
#sidebar .widget_toc .toc-content li a:hover,
#slide-in-sidebar .widget_toc .toc-content li a:hover {
transition: all 0.3s ease;
color: #42A5F5;
text-decoration: none;
}
#sidebar .widget_related_entries a,
#slide-in-sidebar .widget_related_entries a {
border-radius: 4px;
}
#sidebar .widget_related_entries a:hover,
#slide-in-sidebar .widget_related_entries a:hover {
background-color: #E3F2FD;
transition: all 0.3s ease;
}
#sidebar .widget_related_entries .widget-related-entry-card-link::after,
#slide-in-sidebar .widget_related_entries .widget-related-entry-card-link::after {
border-top: solid #42A5F5 2px;
border-right: solid #42A5F5 2px;
}
#sidebar .widget_related_entries .border-partition a,
#slide-in-sidebar .widget_related_entries .border-partition a {
margin: 0;
border-radius: 0;
border-bottom: solid #42A5F5 1px;
}
#sidebar .widget_related_entries .border-partition a:first-of-type,
#slide-in-sidebar .widget_related_entries .border-partition a:first-of-type {
border-top: solid #42A5F5 1px;
}
#sidebar .widget_related_entries .border-square .a-wrap,
#slide-in-sidebar .widget_related_entries .border-square .a-wrap {
border: solid #42A5F5 1px;
}
#sidebar .widget_related_entries .card-large-image a:hover,
#slide-in-sidebar .widget_related_entries .card-large-image a:hover {
background-color: transparent;
}
#sidebar .widget_archive a,
#slide-in-sidebar .widget_archive a {
border-radius: 4px;
}
#sidebar .widget_archive a:hover,
#slide-in-sidebar .widget_archive a:hover {
background-color: #E3F2FD;
transition: all 0.3s ease;
}
#sidebar .widget_archive select,
#slide-in-sidebar .widget_archive select {
border: none;
border-bottom: solid #42A5F5 1px;
background-color: transparent;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
#sidebar .widget_archive select:focus,
#slide-in-sidebar .widget_archive select:focus {
transition: all 0.3s ease;
background-color: #E3F2FD;
}
#sidebar .widget_categories a,
#slide-in-sidebar .widget_categories a {
border-radius: 4px;
}
#sidebar .widget_categories a:hover,
#slide-in-sidebar .widget_categories a:hover {
background-color: #E3F2FD;
transition: all 0.3s ease;
}
#sidebar .widget_categories select,
#slide-in-sidebar .widget_categories select {
border: none;
border-bottom: solid #42A5F5 1px;
background-color: transparent;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
#sidebar .widget_categories select:focus,
#slide-in-sidebar .widget_categories select:focus {
transition: all 0.3s ease;
background-color: #E3F2FD;
}
#sidebar .widget_calendar .wp-calendar-table caption,
#slide-in-sidebar .widget_calendar .wp-calendar-table caption {
color: white;
border-color: #1565C0;
background-color: #1E88E5;
}
#sidebar .widget_calendar .wp-calendar-table thead tr th,
#slide-in-sidebar .widget_calendar .wp-calendar-table thead tr th {
color: white;
border-color: #1565C0;
background-color: #42A5F5;
}
#sidebar .widget_calendar .wp-calendar-table tbody tr td,
#slide-in-sidebar .widget_calendar .wp-calendar-table tbody tr td {
color: white;
border-color: #1565C0;
background-color: #90CAF9;
}
#sidebar .widget_calendar .wp-calendar-table tbody tr td a,
#slide-in-sidebar .widget_calendar .wp-calendar-table tbody tr td a {
border-radius: 0;
background-color: #90CAF9;
color: white;
}
#sidebar .widget_calendar .wp-calendar-table tbody tr td [id$=today], #sidebar .widget_calendar .wp-calendar-table tbody tr td [id$=today] a,
#slide-in-sidebar .widget_calendar .wp-calendar-table tbody tr td [id$=today],
#slide-in-sidebar .widget_calendar .wp-calendar-table tbody tr td [id$=today] a {
background-color: #42A5F5;
color: white;
}
#sidebar .widget_calendar .wp-calendar-table tfoot,
#slide-in-sidebar .widget_calendar .wp-calendar-table tfoot {
display: none;
}
#sidebar .widget_media_gallery img,
#slide-in-sidebar .widget_media_gallery img {
border: none;
}
#sidebar .widget_tag_cloud a,
#slide-in-sidebar .widget_tag_cloud a {
border-radius: 4px;
}
#sidebar .widget_tag_cloud a:hover,
#slide-in-sidebar .widget_tag_cloud a:hover {
background-color: #E3F2FD;
transition: all 0.3s ease;
}
#sidebar .widget_tag_cloud a .fa-tag,
#slide-in-sidebar .widget_tag_cloud a .fa-tag {
color: #42A5F5;
}
#sidebar .widget_nav_menu a,
#slide-in-sidebar .widget_nav_menu a {
border-radius: 4px;
}
#sidebar .widget_nav_menu a:hover,
#slide-in-sidebar .widget_nav_menu a:hover {
background-color: #E3F2FD;
transition: all 0.3s ease;
}
#sidebar .widget_meta a,
#slide-in-sidebar .widget_meta a {
border-radius: 4px;
}
#sidebar .widget_meta a:hover,
#slide-in-sidebar .widget_meta a:hover {
background-color: #E3F2FD;
transition: all 0.3s ease;
}
#sidebar .widget_pages a,
#slide-in-sidebar .widget_pages a {
border-radius: 4px;
}
#sidebar .widget_pages a:hover,
#slide-in-sidebar .widget_pages a:hover {
background-color: #E3F2FD;
transition: all 0.3s ease;
}
#sidebar .widget_recent_entries a,
#slide-in-sidebar .widget_recent_entries a {
border-radius: 4px;
}
#sidebar .widget_recent_entries a:hover,
#slide-in-sidebar .widget_recent_entries a:hover {
background-color: #E3F2FD;
transition: all 0.3s ease;
}
#sidebar .widget_search .search-edit,
#slide-in-sidebar .widget_search .search-edit {
border-width: 0 0 2px 0;
border-radius: 0;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom: 2px solid #42A5F5;
}
#sidebar .widget_search .search-edit:focus,
#slide-in-sidebar .widget_search .search-edit:focus {
background-color: #E3F2FD;
transition: all 0.3s ease;
}
#sidebar .widget_search .search-edit:focus ~ .search-submit,
#slide-in-sidebar .widget_search .search-edit:focus ~ .search-submit {
transition: all 0.3s ease;
color: #42A5F5;
}
#sidebar .widget_search .search-submit:hover,
#slide-in-sidebar .widget_search .search-submit:hover {
transition: all 0.3s ease;
color: #42A5F5;
}
#sidebar .widget_media_image .wp-caption,
#slide-in-sidebar .widget_media_image .wp-caption {
border: none;
background-color: transparent;
}
.pager-post-navi.post-navi-square.post-navi-border a {
border-color: #42A5F5;
}
.pager-post-navi.post-navi-border a {
border-top: solid #42A5F5 1px;
border-bottom: solid #42A5F5 1px;
}
.pager-post-navi.post-navi-border:not(.post-navi-square) .prev-post ~ .next-post {
border-top: none;
}
.pager-post-navi a:hover {
transition: all 0.3s ease;
background-color: #E3F2FD;
}
.pager-post-navi a .fa {
color: #1E88E5;
}
#main #list.ecb-entry-border {
margin-bottom: 1em;
}
#main #list.ecb-entry-border a {
border-top: solid 1px #42A5F5;
margin-bottom: 0;
border-radius: 0;
}
#main #list.ecb-entry-border a:nth-last-child(1) {
border-bottom: solid 1px #42A5F5;
}
#main #list .entry-card-wrap {
border: none;
color: #333333;
border-radius: 4px;
margin-bottom: 1em;
}
#main #list .entry-card-wrap:hover {
background-color: #E3F2FD;
transition: all 0.3s ease;
}
#main .cat-label {
top: 0;
left: 0;
bottom: auto;
right: auto;
border: none;
}
#main .article .blogcard {
border: solid #42A5F5 1px;
transition: all 0.3s ease;
}
#main .article .blogcard:hover {
background-color: #E3F2FD;
}
#main .post-password-form input[type=password] {
border-radius: 0;
border: none;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom: solid #42A5F5 1px;
background-color: transparent;
}
#main .post-password-form input[type=password]:focus {
transition: all 0.3s ease;
background-color: #E3F2FD;
}
#main .post-password-form input[type=submit] {
margin: 1em 0;
display: inline-block;
background-color: #42A5F5;
border: none;
border-radius: 4px;
color: white;
}
#related-entries.recb-entry-border a {
border: none;
border-top: solid #42A5F5 1px;
border-radius: 0;
}
#related-entries.recb-entry-border a:nth-last-child(1) {
border-bottom: solid #42A5F5 1px;
}
#related-entries .related-entry-card-wrap {
margin: 0;
background-color: transparent;
border-radius: 4px;
}
#related-entries .related-entry-card-wrap:hover {
transition: all 0.3s ease;
background-color: #E3F2FD;
}
#main .pagination-previous-link,
#main .pagination-next-link {
color: white;
background-color: #42A5F5;
border: none;
border-radius: 4px;
}
#main .pagination span {
color: white;
border: none;
border-radius: 4px;
background-color: #42A5F5;
}
#main .pagination a {
color: white;
border: none;
border-radius: 4px;
background-color: #42A5F5;
}
.toc {
width: 100%;
padding: 0;
border-color: #42A5F5;
border-radius: 4px;
}
.toc .toc-title {
padding: 0;
background-color: #42A5F5;
color: white;
}
.toc .toc-title::after {
color: white;
text-decoration: none;
}
.toc .toc-content {
padding: 1em;
}
.toc .toc-content .toc-list {
margin: 0 1em;
}
.toc .toc-content .toc-list li {
margin: 0;
}
.toc .toc-content .toc-list li a {
transition: all 0.3s ease;
}
.toc .toc-content .toc-list li a:hover {
color: #42A5F5;
text-decoration: none;
}
#main .entry-header h1.entry-title {
background: linear-gradient(to right, #1E88E5, #42A5F5);
color: white;
padding: 1em;
}
#main .entry-content h2,
#main .entry-content h3,
#main .entry-content h4,
#main .entry-content h5,
#main .entry-content h6 {
color: #1E88E5;
background-color: transparent;
border: 0;
border-bottom: 5px solid #1E88E5;
}
#main .entry-content h2,
#main .entry-content h3 {
padding: 0.5em;
}
#main .entry-content h3 {
border-width: 3px;
}
#main .entry-content h3::after {
width: 100%;
height: 3px;
}
#main .entry-content h4,
#main .entry-content h5,
#main .entry-content h6 {
padding: 0.25em;
border-width: 1px;
}
#main .wp-block-quote {
border: solid #1E88E5 1px;
background-color: #E3F2FD;
}
#main .wp-block-quote::before, #main .wp-block-quote::after {
color: #1E88E5;
}
#main .wp-block-quote cite {
color: #42A5F5;
}
#main .wp-block-file button {
background-color: #42A5F5;
}
pre {
border: solid #1E88E5 1px;
background-color: #E3F2FD;
}
blockquote {
border: solid #1E88E5 1px;
background-color: #E3F2FD;
}
blockquote::before, blockquote::after {
color: #1E88E5;
}
blockquote cite {
color: #42A5F5;
}
.wp-block-table tbody {
border: solid #42A5F5 1px;
}
.wp-block-table tbody tr:nth-child(odd) {
background-color: #90CAF9;
}
.wp-block-table tbody tr:nth-child(even) {
background-color: white;
}
.wp-block-table tbody tr td {
border: none;
}
#main .wp-block-calendar .wp-calendar-table caption {
color: white;
border-color: #1565C0;
background-color: #1E88E5;
}
#main .wp-block-calendar .wp-calendar-table thead tr th {
color: white;
border-color: #1565C0;
background-color: #42A5F5;
}
#main .wp-block-calendar .wp-calendar-table tbody tr td {
color: white;
border-color: #1565C0;
background-color: #90CAF9;
}
#main .wp-block-calendar .wp-calendar-table tbody tr td a {
border-radius: 0;
background-color: #90CAF9;
color: white;
}
#main .wp-block-calendar .wp-calendar-table tbody tr td [id$=today], #main .wp-block-calendar .wp-calendar-table tbody tr td [id$=today] a {
background-color: #42A5F5;
color: white;
}
#main .wp-block-calendar .wp-calendar-table tfoot {
display: none;
}
#main .wp-block-archives select {
border: solid #42A5F5 1px;
background-color: #E3F2FD;
}
#main .wp-block-categories select {
border: solid #42A5F5 1px;
background-color: #E3F2FD;
}
#main .wp-block-search {
display: flex;
flex-direction: row;
}
#main .wp-block-search input {
width: auto;
border-top: none;
border-left: none;
border-right: none;
border-bottom: solid #42A5F5 2px;
}
#main .wp-block-search input:focus {
background-color: #E3F2FD;
transition: all 0.3s ease;
}
#main .wp-block-search button {
display: inline-block;
padding: 1em 2em;
background-color: #42A5F5;
border: none;
color: white;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
#main .wp-block-tag-cloud a {
text-decoration: none;
border-radius: 4px;
color: #333333;
}
#main .wp-block-tag-cloud a:hover {
background-color: #E3F2FD;
transition: all 0.3s ease;
}
#main .wp-block-tag-cloud a .fa-tag {
color: #42A5F5;
}
#main .page .sns-share,
#main .page .sns-follow {
display: none;
}
#comment-area .reply a {
border: none;
color: white;
background-color: #42A5F5;
}
#comment-reply-btn {
color: white;
background-color: #42A5F5;
border-radius: 4px;
border: none;
}
#comment,
#author,
#email,
#url {
border: none;
border-bottom: 2px solid #42A5F5;
border-radius: 0;
}
#comment:focus,
#author:focus,
#email:focus,
#url:focus {
background-color: #E3F2FD;
transition: all 0.3s ease;
}
#submit {
color: white;
background-color: #42A5F5;
border-radius: 4px;
border: none;
}
#footer {
color: white;
background-color: black;
}
#footer .site-name-text {
color: white;
}
#footer #navi-footer a {
color: white;
background-color: black;
}
#footer #navi-footer a:hover {
background-color: white;
color: black;
}
body .mobile-menu-buttons {
background-color: #1E88E5;
}
body .mobile-menu-buttons .menu-button:hover {
background-color: #1E88E5;
}
body .mobile-menu-buttons .menu-button .menu-button-in {
color: white;
}
body .mobile-menu-buttons .navi-menu-button .navi-menu-content {
background-color: white;
}
body .mobile-menu-buttons .navi-menu-button .navi-menu-content a {
color: #1E88E5;
margin: 0.5em 0 0.5em 0;
border-bottom: solid #42A5F5 1px;
}
body .mobile-menu-buttons .navi-menu-button .navi-menu-content a:hover {
background-color: white;
}
body .mobile-menu-buttons .navi-menu-button .navi-menu-content .fa {
color: #1E88E5;
}
body .mobile-menu-buttons .search-menu-button .search-edit {
border-width: 0 0 2px 0;
border-radius: 4px;
border-bottom: 2px solid #42A5F5;
background-color: #E3F2FD;
}
body .mobile-menu-buttons .search-menu-button .search-submit {
color: #42A5F5;
}