@font-face {
font-family: 'DenkiChip';
font-display: swap;
src: url(https://yoshives.com/wp-content/uploads/ebitendo-fonts/denkichip.woff2) format('woff2');
} :root {
--ink:  #1c1d21;
--sub:  #8a8f98;
--line: #e6e8eb;
--mag:  #c026d3;
--cyan: #0891b2;
--bg:   #ffffff;
--bg2:  #fafafb;
} *, *::before, *::after {
box-sizing: border-box;
}
body {
margin: 0;
font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "游ゴシック", YuGothic, "メイリオ", Verdana, sans-serif;
-webkit-font-smoothing: antialiased;
color: #1c1d21;
line-height: 1.6;
}
a {
color: #c026d3;
text-decoration: none;
}
img {
max-width: 100%;
height: auto;
} body.home,
body.archive,
body.search,
body.blog,
body.page,
body.single,
body.error404 {
background-color: #e8e8ec;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Crect width='3' height='3' fill='%231c1d21' fill-opacity='0.10'/%3E%3C/svg%3E");
background-size: 24px 24px;
animation: ebiBgDrift 16s linear infinite;
}
@keyframes ebiBgDrift {
from { background-position: 0 0; }
to   { background-position: 48px 48px; }
} .ebi-appbar {
position: sticky;
top: 0;
z-index: 9990;
width: 100vw;
max-width: 100vw;
margin-left: calc(50% - 50vw);
box-sizing: border-box;
background: rgba(255, 255, 255, 0.92);
-webkit-backdrop-filter: saturate(180%) blur(12px);
backdrop-filter: saturate(180%) blur(12px);
border-bottom: 2px solid #1c1d21;
} #wpadminbar { display: block !important; }
body.admin-bar .ebi-appbar { top: 32px; }
@media screen and (max-width: 782px) {
body.admin-bar .ebi-appbar { top: 46px; }
}
.ebi-appbar-in {
max-width: 1180px;
margin: 0 auto;
padding: 14px 22px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
} .ebi-brand {
display: flex;
align-items: center;
gap: 12px;
flex: 0 0 auto;
}
.ebi-logo-icon {
width: 52px;
height: 52px;
image-rendering: pixelated;
border-radius: 0;
display: block;
}
.ebi-home-btn {
font-family: 'DenkiChip', 'Hiragino Kaku Gothic ProN', sans-serif;
-webkit-font-smoothing: none;
font-size: 13px;
color: #1c1d21;
height: 52px;
display: inline-flex;
align-items: center;
gap: 4px;
padding: 0 14px;
border: 2px solid #1c1d21;
background: #fff;
box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.14);
white-space: nowrap;
transition: 0.08s;
text-decoration: none;
}
.ebi-home-btn:hover {
background: #c026d3;
color: #fff;
}
.ebi-home-btn:active {
transform: translate(2px, 2px);
box-shadow: 0 0 0;
} .ebi-tagband {
display: flex;
gap: 8px;
flex: 1 1 auto;
align-items: center;
overflow-x: auto;
padding: 0 4px 0 0;
margin: 0;
scrollbar-width: none;
-webkit-mask-image: linear-gradient(to right, #000 calc(100% - 30px), transparent);
mask-image: linear-gradient(to right, #000 calc(100% - 30px), transparent);
}
.ebi-tagband::-webkit-scrollbar {
display: none;
}
.ebi-tag {
flex: 0 0 auto;
font-family: 'DenkiChip', 'Hiragino Kaku Gothic ProN', sans-serif;
-webkit-font-smoothing: none;
font-size: 15px;
color: #1c1d21;
height: 52px;
display: inline-flex;
align-items: center;
padding: 0 18px;
border: 2px solid #1c1d21;
border-radius: 0;
background: #fff;
box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.14);
white-space: nowrap;
transition: 0.08s;
text-decoration: none;
}
.ebi-tag:active {
transform: translate(2px, 2px);
box-shadow: 0 0 0;
}
.ebi-tag:hover {
background: #c026d3;
color: #fff;
}
.ebi-tag:nth-child(2n):hover {
background: #0891b2;
} .ebi-search {
position: relative;
flex: 0 0 auto;
height: 52px;
display: inline-flex;
align-items: center;
justify-content: flex-end;
padding: 0;
margin: 0;
}
.ebi-search-toggle {
width: 52px;
height: 52px;
flex: 0 0 auto;
border: 2px solid #1c1d21;
border-radius: 0;
background: #fff;
box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.14);
cursor: pointer;
color: #1c1d21;
display: inline-flex;
align-items: center;
justify-content: center;
transition: 0.08s;
padding: 0;
}
.ebi-search-toggle:hover {
background: #c026d3;
color: #fff;
}
.ebi-search-toggle:active {
transform: translate(2px, 2px);
box-shadow: 0 0 0;
}
.ebi-search-pop {
position: absolute;
top: 0;
right: 0;
height: 52px;
display: inline-flex;
align-items: center;
overflow: hidden;
border: 2px solid #1c1d21;
border-radius: 0;
background: #fff;
box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.14);
width: 0 !important;
opacity: 0 !important;
pointer-events: none !important;
transition: width 0.22s cubic-bezier(0.2, 0.8, 0.3, 1), opacity 0.18s ease;
will-change: width, opacity;
}
.ebi-search.ebi-open .ebi-search-pop {
width: 248px;
opacity: 1;
pointer-events: auto;
}
.ebi-search.ebi-open .ebi-search-toggle {
visibility: hidden;
}
.ebi-search-input {
border: none;
outline: none;
background: transparent;
height: 100%;
width: 100%;
min-width: 0;
flex: 1 1 auto;
padding: 0 12px;
font-size: 14px;
color: #1c1d21;
font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Kaku Gothic ProN', sans-serif;
}
.ebi-search-input::placeholder {
color: #b8bcc2;
}
.ebi-search-btn {
border: none;
border-left: 2px solid #1c1d21;
background: #fff;
height: 100%;
padding: 0 13px;
cursor: pointer;
color: #1c1d21;
display: inline-flex;
align-items: center;
flex: 0 0 auto;
transition: 0.08s;
}
.ebi-search-btn:hover {
background: #c026d3;
color: #fff;
}
.ebi-search-btn:active {
transform: translate(1px, 1px);
}
@media screen and (max-width: 600px) {
.ebi-search.ebi-open .ebi-search-pop {
width: min(70vw, 248px);
}
} .ebi-mob-nav {
display: none;
gap: 8px;
align-items: center;
}
.ebi-mob-btn {
font-family: 'DenkiChip', 'Hiragino Kaku Gothic ProN', sans-serif;
-webkit-font-smoothing: none;
font-size: 14px;
color: #1c1d21;
height: 44px;
padding: 0 14px;
border: 2px solid #1c1d21;
background: #fff;
cursor: pointer;
box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.12);
transition: 0.08s;
flex: 0 0 auto;
}
.ebi-mob-btn.open {
background: #c026d3;
color: #fff;
}
.ebi-dropdown {
display: none;
position: fixed;
top: 68px;
left: 0;
right: 0;
background: #fff;
border-top: 2px solid #1c1d21;
border-bottom: 2px solid #1c1d21;
z-index: 9999;
max-height: 65vh;
overflow-y: auto;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}
.ebi-dropdown.open {
display: block;
}
.ebi-dd-item {
display: block;
padding: 13px 20px;
color: #1c1d21;
font-size: 14px;
border-bottom: 1px solid #e5e7eb;
text-decoration: none;
font-weight: 500;
}
.ebi-dd-item:hover,
.ebi-dd-item:active {
background: #f9f0ff;
color: #c026d3;
}
@media (max-width: 600px) {
.ebi-tagband {
display: none !important;
}
.ebi-mob-nav {
display: flex !important;
}
} .ebi-footer {
max-width: 1180px;
margin: 64px auto 40px;
padding: 30px 22px 0;
text-align: center;
color: #8a8f98;
font-size: 12.5px;
border-top: 3px solid #1c1d21;
font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Kaku Gothic ProN', sans-serif;
}
.ebi-footer-mark {
display: inline-block;
font-family: 'DenkiChip', 'Hiragino Kaku Gothic ProN', sans-serif;
-webkit-font-smoothing: none;
font-size: 13px;
letter-spacing: 0.12em;
color: #1c1d21;
border: 2px solid #1c1d21;
box-shadow: 3px 3px 0 #c026d3;
padding: 7px 18px;
margin-bottom: 20px;
}
.ebi-footer-links {
display: flex;
justify-content: center;
flex-wrap: wrap;
align-items: center;
margin-bottom: 16px;
padding: 0;
}
.ebi-footer-links a {
color: #1c1d21;
font-size: 14px;
font-weight: 600;
padding: 2px 22px;
border-right: 2px solid #1c1d21;
transition: 0.1s;
text-decoration: none;
}
.ebi-footer-links a:first-child {
border-left: 2px solid #1c1d21;
}
.ebi-footer-links a:hover {
color: #c026d3;
}
.ebi-footer-support {
max-width: 600px;
margin: 0 auto 18px;
color: #8a8f98;
font-size: 12.5px;
line-height: 1.75;
}
.ebi-footer-copy {
color: #8a8f98;
font-size: 13px;
letter-spacing: 0.02em;
} #ebi-progress {
position: fixed;
top: 0;
left: 0;
height: 3px;
width: 0%;
background: linear-gradient(90deg, #c026d3, #0891b2);
z-index: 99999;
transition: width 0.3s ease, opacity 0.4s ease;
pointer-events: none;
} ::selection {
background: #c026d3;
color: #fff;
} .yoshi-pagination {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
margin: 40px 0;
flex-wrap: wrap;
}
.yoshi-pagination .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 40px;
height: 40px;
padding: 0 12px;
border: 2px solid #1c1d21;
background: #fff;
color: #1c1d21;
box-shadow: 3px 3px 0 rgba(28, 29, 33, 0.14);
border-radius: 0;
font-weight: 800;
font-size: 14px;
text-decoration: none;
transition: background 0.1s, color 0.1s;
}
.yoshi-pagination .page-numbers.current {
background: #c026d3;
color: #fff;
border-color: #c026d3;
}
.yoshi-pagination a.page-numbers:hover {
background: #0891b2;
color: #fff;
border-color: #0891b2;
}
.yoshi-pagination .page-numbers.dots {
border: none;
box-shadow: none;
background: transparent;
}body.single,
body.page {
background-color: #e8e8ec !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Crect width='3' height='3' fill='%231c1d21' fill-opacity='0.10'/%3E%3C/svg%3E") !important;
background-size: 24px 24px !important;
animation: ebiBgDrift 16s linear infinite !important;
}
@keyframes ebiBgDrift {
from { background-position: 0 0; }
to   { background-position: 48px 48px; }
} .yoshi-single-wrap {
width: 100%;
max-width: 840px;
margin: 0 auto;
padding: 24px 16px 60px;
box-sizing: border-box;
} .yoshi-article {
background: #fff;
border: 2px solid #1c1d21;
border-radius: 12px;
box-shadow: 6px 6px 0 rgba(28, 29, 33, 0.12);
padding: 26px 30px 36px;
margin-bottom: 40px;
}
@media (max-width: 720px) {
.yoshi-article {
padding: 18px 15px 28px;
}
} .yoshi-breadcrumb-wrap {
margin-bottom: 16px;
}
.yoshi-breadcrumb {
font-size: 11.5px;
color: #9aa0a6;
}
.yoshi-bc-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 4px;
}
.yoshi-bc-item a {
color: #9aa0a6;
text-decoration: none;
}
.yoshi-bc-item a:hover {
color: #c026d3;
}
.yoshi-bc-sep {
color: #c0c4cc;
}
.yoshi-bc-current {
color: #6b7077;
} .rank-math-breadcrumb,
.rank-math-breadcrumb p {
font-size: 11.5px;
color: #9aa0a6;
margin: 0;
}
.rank-math-breadcrumb a {
color: #9aa0a6;
text-decoration: none;
}
.rank-math-breadcrumb a:hover {
color: #c026d3;
} .yoshi-eyecatch {
margin: 0 0 24px;
border-radius: 8px;
overflow: hidden;
border: 2px solid #1c1d21;
line-height: 0;
}
.yoshi-eyecatch-img {
width: 100%;
height: auto;
display: block;
border-radius: 6px;
} .yoshi-entry-header {
margin-bottom: 28px;
} .yoshi-cats {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-bottom: 12px;
}
.yoshi-cat-link {
display: inline-block;
background: #fff;
color: #1c1d21;
border: 2px solid #1c1d21;
border-radius: 0;
box-shadow: 2px 2px 0 rgba(28, 29, 33, 0.16);
padding: 3px 11px;
font-size: 12px;
font-weight: 700;
text-decoration: none;
transition: background 0.1s, color 0.1s;
}
.yoshi-cat-link:hover {
background: #c026d3;
color: #fff;
border-color: #c026d3;
} .yoshi-entry-title {
font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "游ゴシック", YuGothic, "メイリオ", sans-serif;
font-size: 26px;
font-weight: 800;
line-height: 1.4;
letter-spacing: -0.02em;
color: #1c1d21;
margin: 0 0 12px;
}
@media (min-width: 768px) {
.yoshi-entry-title {
font-size: 32px;
}
} .yoshi-entry-meta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px;
color: #9aa0a6;
font-size: 12.5px;
margin-bottom: 12px;
}
.yoshi-meta-sep {
color: #c0c4cc;
}
.yoshi-post-date,
.yoshi-post-update,
.yoshi-post-author {
color: #9aa0a6;
} .yoshi-tags {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-top: 8px;
}
.yoshi-tag-link {
display: inline-block;
background: #fff;
color: #1c1d21;
border: 2px solid #1c1d21;
box-shadow: 2px 2px 0 rgba(28, 29, 33, 0.12);
padding: 2px 10px;
font-size: 12px;
font-weight: 600;
text-decoration: none;
border-radius: 0;
transition: background 0.1s, color 0.1s;
}
.yoshi-tag-link:hover {
background: #0891b2;
color: #fff;
border-color: #0891b2;
} .yoshi-share-top {
margin: 0 0 28px;
}
.yoshi-share-bottom {
margin: 40px 0 10px;
} .ebi-bshare {
margin: 0;
display: flex;
flex-direction: column;
align-items: center;
gap: 13px;
}
.ebi-bshare .ebi-bshare-ttl {
display: inline-block;
font-weight: 800;
font-size: 12px;
letter-spacing: 0.06em;
color: #fff;
background: #c026d3;
border: 2px solid #1c1d21;
border-radius: 2px;
box-shadow: 2px 2px 0 rgba(28, 29, 33, 0.18);
padding: 4px 13px;
}
.ebi-bshare .ebi-bshare-row {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 14px;
}
.ebi-bshare .ebi-sbtn {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 46px;
height: 46px;
padding: 0;
color: #1c1d21;
background: #fff;
border: 2px solid #1c1d21;
border-radius: 50%;
box-shadow: 3px 3px 0 rgba(28, 29, 33, 0.18);
cursor: pointer;
text-decoration: none;
transition: transform 0.08s, box-shadow 0.08s, background 0.12s, color 0.12s, border-color 0.12s;
-webkit-tap-highlight-color: transparent;
}
.ebi-bshare .ebi-sbtn svg {
width: 21px;
height: 21px;
display: block;
fill: currentColor;
}
.ebi-bshare .ebi-sbtn:hover {
transform: translate(-1px, -1px);
box-shadow: 5px 5px 0 rgba(28, 29, 33, 0.20);
}
.ebi-bshare .ebi-sbtn:active {
transform: translate(2px, 2px);
box-shadow: 0 0 0 rgba(28, 29, 33, 0.18);
}
.ebi-bshare .ebi-sbtn.is-x:hover,
.ebi-bshare .ebi-sbtn.is-threads:hover {
background: #c026d3;
color: #fff;
border-color: #c026d3;
}
.ebi-bshare .ebi-sbtn.is-bsky:hover,
.ebi-bshare .ebi-sbtn.is-copy:hover {
background: #0891b2;
color: #fff;
border-color: #0891b2;
}
.ebi-bshare .ebi-sbtn.is-copy.copied {
background: #0891b2;
color: #fff;
border-color: #0891b2;
}
.ebi-bshare .ebi-sbtn.is-copy .ebi-copied-tip {
position: absolute;
bottom: calc(100% + 8px);
left: 50%;
transform: translateX(-50%) translateY(4px);
white-space: nowrap;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.02em;
color: #fff;
background: #1c1d21;
border-radius: 5px;
padding: 4px 9px;
opacity: 0;
pointer-events: none;
transition: opacity 0.14s, transform 0.14s;
box-shadow: 2px 2px 0 rgba(28, 29, 33, 0.18);
}
.ebi-bshare .ebi-sbtn.is-copy .ebi-copied-tip::after {
content: '';
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
border: 5px solid transparent;
border-top-color: #1c1d21;
}
.ebi-bshare .ebi-sbtn.is-copy.copied .ebi-copied-tip {
opacity: 1;
transform: translateX(-50%) translateY(0);
}
@media (max-width: 720px) {
.ebi-bshare .ebi-sbtn {
width: 44px;
height: 44px;
}
.ebi-bshare .ebi-sbtn svg {
width: 20px;
height: 20px;
}
.ebi-bshare .ebi-bshare-row {
gap: 12px;
}
} .yoshi-entry-content {
font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "游ゴシック", YuGothic, "メイリオ", Verdana, sans-serif;
font-size: 16px;
line-height: 1.8;
color: #1c1d21;
}
.yoshi-entry-content p {
margin-bottom: 1.5em;
}
.yoshi-entry-content li {
font-size: 16px;
line-height: 1.8;
}  .yoshi-entry-content h2 {
font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "游ゴシック", YuGothic, "メイリオ", sans-serif;
display: inline-block;
position: relative;
background: #fff;
border: 2px solid #1c1d21;
border-radius: 2px;
box-shadow: 3px 4px 0 rgba(28, 29, 33, 0.15);
color: #1c1d21;
font-weight: 800;
font-size: 22px;
padding: 9px 20px;
margin: 2.1em 0 1.1em;
transform: none;
line-height: 1.5;
}
.yoshi-entry-content h2::before {
content: '';
position: absolute;
top: -8px;
left: 16px;
width: 56px;
height: 15px;
background: rgba(192, 38, 211, 0.30);
border: 1px solid rgba(192, 38, 211, 0.55);
transform: rotate(2.5deg);
}
.yoshi-entry-content h2::after {
display: none;
content: none;
}
@media (min-width: 768px) {
.yoshi-entry-content h2 {
font-size: 25px;
}
} .yoshi-entry-content h3 {
font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "游ゴシック", YuGothic, "メイリオ", sans-serif;
display: inline-block;
position: relative;
background: #fff;
border: 2px solid #1c1d21;
border-radius: 2px;
box-shadow: 2px 3px 0 rgba(28, 29, 33, 0.10);
color: #1c1d21;
font-weight: 700;
font-size: 18px;
padding: 7px 16px;
margin: 1.8em 0 0.9em;
line-height: 1.4;
}
.yoshi-entry-content h3::before,
.yoshi-entry-content h3::after {
display: none;
content: none;
}
@media (min-width: 768px) {
.yoshi-entry-content h3 {
font-size: 20px;
}
} .yoshi-entry-content h4 {
font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "游ゴシック", YuGothic, "メイリオ", sans-serif;
display: table;
width: fit-content;
max-width: 100%;
position: relative;
background: #fff;
border: 2px solid #1c1d21;
border-left: 4px solid #0891b2;
border-radius: 3px;
box-shadow: 2px 2px 0 rgba(28, 29, 33, 0.07);
color: #1c1d21;
font-weight: 800;
font-size: 17px;
padding: 5px 14px 5px 13px;
margin: 1.8em 0 0.9em;
line-height: 1.5;
}
.yoshi-entry-content h4::before,
.yoshi-entry-content h4::after {
display: none;
content: none;
}
@media (min-width: 768px) {
.yoshi-entry-content h4 {
font-size: 18px;
}
} .yoshi-entry-content h5 {
font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "游ゴシック", YuGothic, "メイリオ", sans-serif;
display: inline-block;
position: relative;
background: #fff;
border: 1.5px solid #1c1d21;
border-radius: 2px;
color: #1c1d21;
font-weight: 700;
font-size: 15px;
padding: 5px 12px;
margin: 1.5em 0 0.8em;
line-height: 1.4;
} .yoshi-entry-content a:not(.btn):not(.ebi-sbtn) {
color: #c026d3;
text-decoration: underline;
text-underline-offset: 2px;
}
.yoshi-entry-content a:not(.btn):not(.ebi-sbtn):hover {
color: #0891b2;
} .yoshi-entry-content #toc.toc,
.yoshi-entry-content .toc,
#toc {
background: #fff;
border: 2px solid #1c1d21;
border-radius: 10px;
box-shadow: 4px 4px 0 rgba(28, 29, 33, 0.12);
outline: none;
padding: 16px 20px;
margin: 1.5em 0 2em;
}
.yoshi-entry-content .toc-title,
.yoshi-entry-content #toc .toc-title {
font-family: inherit;
background: transparent;
border: none;
box-shadow: none;
color: #1c1d21;
font-weight: 800;
}
.yoshi-entry-content .toc a,
.yoshi-entry-content #toc a {
color: #1c1d21;
text-decoration: none;
}
.yoshi-entry-content .toc a:hover,
.yoshi-entry-content #toc a:hover {
color: #c026d3;
} .yoshi-entry-content img {
max-width: 100%;
height: auto;
border-radius: 6px;
} .yoshi-entry-content table {
width: 100%;
border-collapse: collapse;
margin: 1.5em 0;
font-size: 14px;
}
.yoshi-entry-content th,
.yoshi-entry-content td {
border: 1px solid #e0e2e6;
padding: 8px 12px;
text-align: left;
font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "游ゴシック", YuGothic, "メイリオ", sans-serif;
}
.yoshi-entry-content th {
background: #f4f5f7;
font-weight: 700;
}
.yoshi-entry-content tr:nth-child(even) td {
background: #fafafa;
} .yoshi-entry-content blockquote {
border-left: 4px solid #c026d3;
margin: 1.5em 0;
padding: 12px 18px;
background: #fdf4ff;
border-radius: 0 8px 8px 0;
color: #4a4d56;
font-style: italic;
} .yoshi-entry-content pre,
.yoshi-entry-content code {
font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
font-size: 14px;
background: #1c1d21;
color: #e8eaf0;
border-radius: 6px;
}
.yoshi-entry-content pre {
padding: 16px 18px;
overflow-x: auto;
margin: 1.5em 0;
line-height: 1.6;
}
.yoshi-entry-content code {
padding: 2px 6px;
font-size: 13px;
}
.yoshi-entry-content pre code {
background: transparent;
padding: 0;
} .yoshi-entry-footer {
margin-top: 32px;
padding-top: 24px;
border-top: 1px solid #e6e8eb;
}
.yoshi-entry-cats-tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center;
}
.yoshi-cat-badge {
display: inline-block;
background: #fff;
color: #1c1d21;
border: 2px solid #1c1d21;
border-radius: 0;
box-shadow: 2px 2px 0 rgba(28, 29, 33, 0.16);
padding: 4px 13px;
font-size: 12px;
font-weight: 700;
text-decoration: none;
transition: background 0.1s, color 0.1s;
}
.yoshi-cat-badge:hover {
background: #c026d3;
color: #fff;
border-color: #c026d3;
}
.yoshi-tag-badge {
display: inline-block;
background: #fff;
color: #1c1d21;
border: 2px solid #1c1d21;
border-radius: 0;
box-shadow: 2px 2px 0 rgba(28, 29, 33, 0.12);
padding: 3px 10px;
font-size: 12px;
font-weight: 600;
text-decoration: none;
transition: background 0.1s, color 0.1s;
}
.yoshi-tag-badge:hover {
background: #0891b2;
color: #fff;
border-color: #0891b2;
} .ebir-section {
max-width: 980px;
margin: 46px auto 20px;
padding: 0 22px;
box-sizing: border-box;
}
.ebir-head {
position: relative;
display: inline-block;
font-family: inherit;
color: #1c1d21;
font-weight: 800;
font-size: 20px;
background: #fff;
border: 2px solid #1c1d21;
border-radius: 2px;
box-shadow: 3px 4px 0 rgba(28, 29, 33, 0.15);
padding: 9px 22px;
margin: 0 0 26px;
transform: rotate(-1.2deg);
}
.ebir-head::before {
content: '';
position: absolute;
top: -9px;
left: 18px;
width: 54px;
height: 16px;
background: rgba(192, 38, 211, 0.30);
border: 1px solid rgba(192, 38, 211, 0.55);
transform: rotate(2.5deg);
}
.ebir-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 26px;
}
@media (max-width: 880px) {
.ebir-grid {
grid-template-columns: repeat(2, 1fr);
gap: 12px;
}
}
@media (max-width: 560px) {
.ebir-grid {
grid-template-columns: 1fr;
}
}
.ebir-slot {
display: flex;
flex-direction: column;
position: relative;
}
.ebir-card {
flex: 1;
display: flex;
flex-direction: column;
position: relative;
background: linear-gradient(180deg, #fcfcfd 0%, #eceef1 100%);
border: 3px solid #1c1d21;
border-radius: 12px 12px 5px 5px;
padding: 13px 13px 11px;
box-shadow: 5px 5px 0 #1c1d21;
text-decoration: none;
transition: box-shadow 0.12s, transform 0.12s;
}
.ebir-card:hover {
box-shadow: 8px 8px 0 #c026d3;
transform: translate(-2px, -2px);
}
.ebir-thumb {
flex: 0 0 auto;
height: 150px;
position: relative;
overflow: hidden;
background: linear-gradient(135deg, #3a3d44, #16171b);
background-size: cover;
background-position: center;
border: 2.5px solid #1c1d21;
border-radius: 6px;
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.18);
}
.ebir-num {
position: absolute;
top: 22px;
left: 20px;
z-index: 4;
font-family: 'DenkiChip', 'Hiragino Kaku Gothic ProN', sans-serif;
-webkit-font-smoothing: none;
font-size: 28px;
font-weight: 400;
color: #fff;
line-height: 1;
text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.6);
}
.ebir-cat {
position: absolute;
top: 21px;
right: 20px;
z-index: 4;
display: inline-block;
background: #5b616b;
color: #fff;
font-size: 11.5px;
font-weight: 700;
border-radius: 999px;
padding: 4px 13px;
letter-spacing: 0.02em;
}
.ebir-cat.mag { background: #c026d3; }
.ebir-cat.cyan { background: #0891b2; }
.ebir-body {
flex: 1 1 auto;
display: flex;
flex-direction: column;
padding: 10px 4px 2px;
}
.ebir-body h3 {
font-size: 15.5px;
font-weight: 800;
line-height: 1.42;
margin: 0 0 6px;
letter-spacing: -0.015em;
color: #1c1d21;
border: none;
box-shadow: none;
background: transparent;
padding: 0;
display: block;
}
.ebir-card:hover .ebir-body h3 {
color: #c026d3;
}
.ebir-date {
margin-top: auto;
color: #9aa0a6;
font-size: 12px;
} .pr-label,
.yoshi-pr-label {
font-size: 11px;
color: #8a8f98;
background: #f4f4f6;
border: 1px solid #d7d9de;
border-radius: 4px;
padding: 3px 8px;
display: inline-block;
margin-bottom: 16px;
} .yoshi-single-wrap .comments-area {
margin: 40px 0 0;
} .yoshi-blogcard {
margin: 1.5em 0;
}
.yoshi-blogcard-inner {
display: flex;
align-items: stretch;
background: #fff;
border: 2px solid #1c1d21;
border-radius: 8px;
box-shadow: 4px 4px 0 rgba(28, 29, 33, 0.13);
overflow: hidden;
text-decoration: none;
color: #1c1d21;
transition: box-shadow 0.12s, transform 0.12s;
min-height: 96px;
}
.yoshi-blogcard-inner:hover {
box-shadow: 6px 6px 0 #c026d3;
transform: translate(-2px, -2px);
}
.yoshi-bc-thumb {
flex: 0 0 140px;
width: 140px;
background: linear-gradient(135deg, #3a3d44, #16171b);
}
.yoshi-bc-thumb--noimg {
background: linear-gradient(135deg, #3a3d44, #16171b);
display: flex;
align-items: center;
justify-content: center;
}
.yoshi-bc-thumb--noimg::after {
content: '🔗';
font-size: 24px;
opacity: 0.6;
}
.yoshi-bc-body {
flex: 1 1 auto;
padding: 14px 18px;
display: flex;
flex-direction: column;
justify-content: center;
gap: 6px;
min-width: 0;
}
.yoshi-bc-title {
font-size: 15px;
font-weight: 800;
line-height: 1.4;
color: #1c1d21;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.yoshi-blogcard-inner:hover .yoshi-bc-title {
color: #c026d3;
}
.yoshi-bc-excerpt {
font-size: 12.5px;
color: #6b7077;
line-height: 1.55;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.yoshi-bc-domain {
font-size: 11px;
color: #9aa0a6;
font-weight: 600;
}
@media (max-width: 560px) {
.yoshi-bc-thumb {
flex: 0 0 96px;
width: 96px;
}
.yoshi-bc-body {
padding: 10px 14px;
}
} .wp-block-embed {
margin: 1.5em 0;
}
.wp-block-embed iframe,
.wp-block-embed__wrapper iframe {
max-width: 100%;
width: 100%;
display: block;
}
.wp-block-embed__wrapper {
position: relative;
width: 100%;
padding-top: 56.25%; height: 0;
overflow: hidden;
}
.wp-block-embed__wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} ::selection {
background: #c026d3;
color: #fff;
}@keyframes pchppFlash{20%{opacity:1}50%{opacity:0}80%{opacity:1}}.pochipp-box{position:relative;display:grid;grid-gap:0 24px;grid-template-areas:"areaImg areaBody" "areaBtns areaBtns";grid-template-rows:auto auto;grid-template-columns:100px 1fr;max-width:960px;padding:24px!important;color:#353535;font-size:16px;background:#fff;box-shadow:0 1px 8px -4px rgba(0,0,0,.2),0 0 0 1px rgba(0,0,0,.02)}body:not(#__) .pochipp-box{margin:2em auto}.pochipp-box .pochipp-box__logo{position:absolute;right:3px;bottom:4px;display:flex;align-items:center;justify-content:center;opacity:.2}.pochipp-box .pochipp-box__logo img{display:block;width:12px;height:12px;margin:0!important}.pochipp-box .pochipp-box__logo span{display:block;font-size:10px;line-height:1;transform:scale(.8)}.pochipp-box__image{grid-area:areaImg;margin:0;padding:0}.pochipp-box__image a{display:block;width:100%;text-decoration:none!important}.pochipp-box__image img{display:block;width:100%;height:auto;max-height:160px;-o-object-fit:contain;object-fit:contain}.pochipp-box__body{grid-area:areaBody;margin:0;padding:0}.pochipp-box__title{margin:0 0 8px;font-weight:700;line-height:1.6}.pochipp-box__title a{display:block;width:100%;color:inherit!important;text-decoration:none!important}.pochipp-box__info{margin:4px 0 0;font-size:12px;line-height:1.5;opacity:.75}.pochipp-box__price{margin:4px 0 0;font-size:13px;line-height:1.5}.pochipp-box__price span{font-size:10px;opacity:.75}.pochipp-box__review{display:flex;margin-top:4px}.pochipp-box__review a{display:flex;align-items:center;text-decoration:none!important}.pochipp-box__review img+span{margin-left:4px}.pochipp-box__review span{font-size:12px;color:#599ba3!important}.pochipp-box__review span.dashicons{display:flex;align-items:center;font-size:16px}.pochipp-box .pochipp-box__btns{position:relative;left:-4px;display:flex;flex-wrap:wrap;grid-area:areaBtns;align-items:flex-end;width:calc(100% + 8px);margin:12px 0 0;padding:0}.pochipp-box__btnwrap span{width:100%}.pochipp-box .pochipp-box__btnwrap{min-width:-moz-max-content;min-width:max-content;padding:4px}.pochipp-box__btnwrap.-on-sale{order:-1}.pochipp-box .pochipp-box__btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0!important;padding:12px;font-size:1em;line-height:1;letter-spacing:.5px;text-align:center;text-decoration:none!important}.pochipp-box .pochipp-box__btn:hover{opacity:.8}.pochipp-box .pochipp-box__btn img{position:absolute;display:block;width:1px;height:1px;visibility:hidden;opacity:0}.pochipp-box .pochipp-box__btn span{font-size:inherit;line-height:1}.pochipp-box .pochipp-box__saleInfo{font-size:12px;line-height:1;text-align:center}.pochipp-box__saleInfo.-top{margin-bottom:4px;font-weight:700}[data-sale-effect=flash] .pochipp-box__saleInfo{animation:1.5s linear 0s infinite pchppFlash}.pochipp-box__btnwrap.-amazon .pochipp-box__saleInfo{color:var(--pchpp-color-amazon)}.pochipp-box__btnwrap.-rakuten .pochipp-box__saleInfo{color:var(--pchpp-color-rakuten)}.pochipp-box__btnwrap.-yahoo .pochipp-box__saleInfo{color:var(--pchpp-color-yahoo)}.pochipp-box__btnwrap.-mercari .pochipp-box__saleInfo{color:var(--pchpp-color-mercari)}.pochipp-box__btnwrap.-custom .pochipp-box__saleInfo{color:var(--pchpp-color-custom)}.pochipp-box__btnwrap.-custom_2 .pochipp-box__saleInfo{color:var(--pchpp-color-custom-2)}.pochipp-box__price[data-disp-price=off]{display:none}.pochipp-box[data-btn-radius=off]{border-radius:1px}.pochipp-box[data-btn-radius=off] .pochipp-box__btn,.pochipp-box[data-btn-radius=off] .pochipp-box__image img,.pochipp-box[data-btn-radius=off] .pochipp-box__saleInfo{border-radius:1px}.pochipp-box[data-btn-radius=on]{border-radius:4px}.pochipp-box[data-btn-radius=on] .pochipp-box__image img{border-radius:4px}.pochipp-box[data-btn-radius=on] .pochipp-box__btn,.pochipp-box[data-btn-radius=on] .pochipp-box__saleInfo{border-radius:40px}.pochipp-box[data-btn-style=dflt] .pochipp-box__btn{position:relative;overflow:hidden;color:#fff!important;background-color:#3c3c3c;box-shadow:0 1px 4px -1px rgba(0,0,0,.2)}.pochipp-box[data-btn-style=dflt] .pochipp-box__btn::before{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:linear-gradient(175deg,#fff,transparent 50%,transparent 70%,#555);opacity:.1;content:""}.pochipp-box[data-btn-style=dflt] .-amazon>.pochipp-box__btn{background:var(--pchpp-color-amazon)}.pochipp-box[data-btn-style=dflt] .-rakuten>.pochipp-box__btn{background:var(--pchpp-color-rakuten)}.pochipp-box[data-btn-style=dflt] .-yahoo>.pochipp-box__btn{background:var(--pchpp-color-yahoo)}.pochipp-box[data-btn-style=dflt] .-mercari>.pochipp-box__btn{background:var(--pchpp-color-mercari)}.pochipp-box[data-btn-style=dflt] .-custom>.pochipp-box__btn{background:var(--pchpp-color-custom)}.pochipp-box[data-btn-style=dflt] .-custom_2>.pochipp-box__btn{background:var(--pchpp-color-custom-2)}.pochipp-box[data-btn-style=outline] .pochipp-box__btn{background:0 0!important;box-shadow:inset 0 0 0 1px currentColor,0 1px 4px -1px rgba(0,0,0,.2)}.pochipp-box[data-btn-style=outline] .-amazon>.pochipp-box__btn{color:var(--pchpp-color-amazon)}.pochipp-box[data-btn-style=outline] .-rakuten>.pochipp-box__btn{color:var(--pchpp-color-rakuten)}.pochipp-box[data-btn-style=outline] .-yahoo>.pochipp-box__btn{color:var(--pchpp-color-yahoo)}.pochipp-box[data-btn-style=outline] .-custom>.pochipp-box__btn{color:var(--pchpp-color-custom)}.pochipp-box[data-btn-style=outline] .-custom_2>.pochipp-box__btn{color:var(--pchpp-color-custom-2)}.pochipp-box[data-img=r]{grid-template-areas:"areaBody areaImg" "areaBtns areaBtns";grid-template-columns:1fr 100px}.pochipp-inline__btnwrap{display:inline-flex;margin:.5em .5em}.pochipp-inline__btnwrap>.pochipp-inline__btn{display:inline-block;width:var(--pchpp-inline-width,auto);padding:.75em 1.5em;overflow:hidden;color:var(--pchpp-inline-txt-color,inherit);font-size:1em;line-height:1.5;text-align:center;text-decoration:none!important;background-color:var(--pchpp-inline-bg-color,none);border-radius:var(--pchpp-inline-radius,0);box-shadow:var(--pchpp-inline-shadow,none)}.pochipp-inline__btnwrap>.pochipp-inline__btn:hover{opacity:.8}.position-fixed{position:fixed}@media screen and (min-width:600px){.pochipp-box.is-vrtcl{display:block;max-width:400px}.pochipp-box.is-vrtcl .pochipp-box__btns .pochipp-box__btnwrap{flex-basis:100%;min-width:100%;max-width:100%}.pochipp-box.is-vrtcl .pochipp-box__image{margin-bottom:16px}.pochipp-box.is-vrtcl .pochipp-box__image img{width:40%;max-width:120px;margin:0 auto}}@media screen and (min-width:1000px){.pochipp-box[data-lyt-pc=dflt]{grid-template-areas:"areaImg areaBody" "areaImg areaBtns"}.pochipp-box[data-lyt-pc=dflt][data-img=r]{grid-template-areas:"areaBody areaImg" "areaBtns areaImg"}.pochipp-box[data-lyt-pc=big]{grid-template-columns:120px 1fr}.pochipp-box[data-lyt-pc=big][data-img=r]{grid-template-columns:1fr 120px}.pochipp-box[data-lyt-pc=big] .pochipp-box__btns{margin-top:20px}.pochipp-box[data-lyt-pc=imgbig]{grid-template-areas:"areaImg areaBody" "areaImg areaBtns";grid-template-columns:140px 1fr}}@media screen and (min-width:1100px){[data-maxclmn-pc=fit]>.pochipp-box__btnwrap{flex:1;max-width:50%;font-size:15px}[data-maxclmn-pc="3"]>.pochipp-box__btnwrap{flex:0 0 33.3%;font-size:15px}[data-maxclmn-pc="2"]>.pochipp-box__btnwrap{flex-basis:50%;max-width:50%}}@media screen and (max-width:1099px){.pochipp-box__btnwrap{flex-basis:50%;min-width:50%!important;max-width:50%}}@media screen and (max-width:599px){.pochipp-box{grid-gap:0 16px;grid-template-columns:25% 1fr;width:88%;box-sizing:border-box;font-size:13px}.pochipp-box__price{font-size:12px}[data-maxclmn-mb="1"]>.pochipp-box__btnwrap{flex-basis:100%;max-width:100%;font-size:15px}[data-maxclmn-mb="2"]>.pochipp-box__btnwrap{font-size:13px}[data-maxclmn-mb="2"]>.pochipp-box__btnwrap.-on-sale{flex-basis:100%;max-width:100%}.pochipp-box .pochipp-box__btn{padding:12px 10px}[data-maxclmn-mb="2"]>.-long-text:not(.-on-sale) .pochipp-box__btn{font-size:12px;line-height:13px;letter-spacing:0;white-space:nowrap}.pochipp-box .pochipp-box__saleInfo{font-size:11px}.pochipp-box[data-img=r]{grid-template-columns:1fr 25%}.pochipp-box[data-lyt-mb=vrtcl]{display:block;font-size:14px}.pochipp-box[data-lyt-mb=vrtcl] .pochipp-box__image{width:100%;margin-bottom:16px}.pochipp-box[data-lyt-mb=vrtcl] .pochipp-box__image img{width:60%;max-width:120px;margin:0 auto}.pochipp-box[data-lyt-mb=vrtcl] .pochipp-box__body{width:100%;padding:0}}@media screen and (max-width:360px){.pochipp-box{width:100%;box-sizing:border-box;padding:16px!important;font-size:14px}}