.post_content a { color:##B4956A;　text-decoration:underline; }.novel-vertical {
writing-mode: vertical-rl;
text-orientation: mixed;
line-height: 2.2;
font-size: 18px;
letter-spacing: 0.1em;
max-height: 600px;
overflow-x: auto;
padding: 30px;
background: #faf7f2;
}..chizuru-slot {
max-width: 420px !important;
margin: 40px auto !important;
padding: 30px !important;
background: #f7f4f1 !important;
border: 1px solid #d6ccc2 !important;
border-radius: 10px !important;
text-align: center !important;
font-family: "Yu Mincho", serif !important;
color: #3a2e2a !important;
}
.slot-title {
font-size: 18px !important;
margin-bottom: 20px !important;
letter-spacing: 2px !important;
}
.slot-grid {
display: grid !important;
grid-template-columns: repeat(3, 70px) !important;
gap: 10px !important;
justify-content: center !important;
margin-bottom: 25px !important;
}
.reel {
width: 70px !important;
height: 70px !important;
line-height: 70px !important;
background: #fff !important;
border: 1px solid #c8bfb6 !important;
border-radius: 6px !important;
font-size: 26px !important;
text-align: center !important;
}
.reel.hit {
background: #f3eadf !important;
border-color: #b4956a !important;
}
.slot-button {
display: inline-block !important;
padding: 10px 24px !important;
background: #8b6f5a !important;
color: #fff !important;
border: none !important;
border-radius: 999px !important;
cursor: pointer !important;
margin-top: 10px !important;
}
.slot-result {
margin-top: 20px !important;
font-size: 14px !important;
line-height: 1.8 !important;
}.slot-button {
display: block !important;
margin: 20px auto 0 auto !important;
}.reel.reach {
background: #f8efe3 !important;
border-color: #b4956a !important;
box-shadow: 0 0 10px rgba(180, 149, 106, 0.45) !important;
}.reel.reach {
background: #f8efe3 !important;
border-color: #b4956a !important;
box-shadow: 0 0 10px rgba(180,149,106,0.45) !important;
}
.reel.hit {
background: #ead7b7 !important;
border-color: #9b6f3f !important;
color: #3a2e2a !important;
box-shadow: 0 0 14px rgba(155,111,63,0.6) !important;
transform: scale(1.06);
}.slot-result {
margin: 20px auto 0 auto !important;
max-width: 260px !important;
text-align: center !important;
}.slot-title {
display: block !important;
margin: 0 auto 20px auto !important;
max-width: 260px !important;
text-align: center !important;
letter-spacing: 0.15em;
}.reel.super-reach {
background: #fff4cf !important;
border-color: #c9a85a !important;
box-shadow: 0 0 12px rgba(201,168,90,0.55) !important;
}
.reel.super-hit {
background: linear-gradient(135deg, #fff8dc, #d6a84f) !important;
border-color: #b8860b !important;
color: #3a2e2a !important;
box-shadow: 0 0 20px rgba(184,134,11,0.9) !important;
transform: scale(1.08);
}@keyframes chizuru-blink {
0% { opacity: 1; }
50% { opacity: 0.3; }
100% { opacity: 1; }
}
.slot-result.blink {
animation: chizuru-blink 1s infinite;
}@keyframes chizuru-blink {
0% { opacity: 1; }
50% { opacity: 0.3; }
100% { opacity: 1; }
}
.slot-result.blink {
animation: chizuru-blink 1s infinite;
}@keyframes chizuru-blink {
0% { opacity: 1; }
50% { opacity: 0.2; }
100% { opacity: 1; }
}
#slot-result.blink {
animation: chizuru-blink 1s infinite;
}#slot-result {
margin-top: 20px;
font-size: 18px;
} @keyframes chizuru-blink {
0% { opacity: 1; }
50% { opacity: 0.2; }
100% { opacity: 1; }
}
#slot-result.blink {
animation: chizuru-blink 1s infinite;
}@keyframes chizuru-blink {
0% { opacity: 1; }
50% { opacity: 0.2; }
100% { opacity: 1; }
}
#slot-result.blink {
animation: chizuru-blink 1s infinite !important;
}
.reel.reach {
background: #f8efe3 !important;
border-color: #b4956a !important;
box-shadow: 0 0 10px rgba(180,149,106,0.5) !important;
}
.reel.hit {
background: #ead7b7 !important;
border-color: #9b6f3f !important;
box-shadow: 0 0 12px rgba(155,111,63,0.6) !important;
transform: scale(1.05);
}
.reel.super-reach {
background: #fff4cf !important;
border-color: #c9a85a !important;
box-shadow: 0 0 12px rgba(201,168,90,0.55) !important;
}
.reel.super-hit {
background: linear-gradient(135deg, #fff8dc, #d6a84f) !important;
border-color: #b8860b !important;
box-shadow: 0 0 20px rgba(184,134,11,0.9) !important;
transform: scale(1.08);
}@keyframes chizuru-blink {
0% { opacity: 1 !important; }
50% { opacity: 0.2 !important; }
100% { opacity: 1 !important; }
}
#slot-result.blink {
animation: chizuru-blink 0.8s infinite !important;
}@keyframes chizuru-blink {
0% { opacity: 1; }
50% { opacity: 0.2; }
100% { opacity: 1; }
}
#slot-result.blink {
animation: chizuru-blink 0.8s infinite !important;
}@keyframes chizuru-blink {
0% { opacity: 1; }
50% { opacity: 0.2; }
100% { opacity: 1; }
}
#slot-result.blink {
animation: chizuru-blink 0.8s infinite !important;
}#chizuru-spin-button {
display: block;
margin: 20px auto;
}#chizuru-spin-button {
display: block;
margin: 20px auto;
padding: 10px 24px;
border: 1px solid #8c7b75;
background: transparent;
color: #5c4a45;
cursor: pointer;
}#slot-result {
text-align: center;
margin-top: 15px;
}.reel.reach {
background: #f5efe6;
border: 1px solid #b4956a;
box-shadow: 0 0 8px rgba(180,149,106,0.5);
}
.reel.hit {
background: #ead7b7;
border: 1px solid #9b6f3f;
box-shadow: 0 0 12px rgba(155,111,63,0.7);
}
.reel.super {
background: linear-gradient(135deg, #fff8dc, #d6a84f);
border: 1px solid #b8860b;
box-shadow: 0 0 18px rgba(184,134,11,0.9);
}.reel.reach {
background: #f5efe6 !important;
border: 1px solid #b4956a !important;
box-shadow: 0 0 8px rgba(180,149,106,0.5) !important;
}
.reel.hit {
background: #ead7b7 !important;
border: 1px solid #9b6f3f !important;
box-shadow: 0 0 12px rgba(155,111,63,0.7) !important;
}
.reel.super {
background: linear-gradient(135deg, #fff8dc, #d6a84f) !important;
border: 1px solid #b8860b !important;
box-shadow: 0 0 18px rgba(184,134,11,0.9) !important;
}.reel.hit {
background: #ead7b7 !important;
border: 1px solid #9b6f3f !important;
box-shadow: 0 0 10px rgba(155,111,63,0.6) !important;
}.reel.hit {
background: #ead7b7 !important;
border: 1px solid #9b6f3f !important;
box-shadow: 0 0 10px rgba(155,111,63,0.6) !important;
}#chizuru-spin-button {
display: block;
margin: 25px auto;
padding: 12px 32px;
font-size: 15px;
letter-spacing: 2px;
font-family: "Yu Mincho", serif;
color: #5c4a45;
background: linear-gradient(135deg, #f5e6c8, #e8d3a5);
border: 1px solid #b4956a;
border-radius: 30px;
cursor: pointer;
transition: all 0.25s ease;
}
#chizuru-spin-button:hover {
background: linear-gradient(135deg, #e8d3a5, #d6b97a);
box-shadow: 0 4px 10px rgba(180,149,106,0.4);
transform: translateY(-1px);
}
#chizuru-spin-button:active {
transform: translateY(1px);
box-shadow: 0 2px 5px rgba(180,149,106,0.3);
}#chizuru-spin-button {
display: block;
margin: 40px auto;
padding: 14px 36px;
font-size: 14px;
letter-spacing: 0.25em;
font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
color: #4a3b34;
background: linear-gradient(
135deg,
#f8f5f0 0%,
#efe6d6 50%,
#e6d8bd 100%
);
border: 1px solid rgba(180,149,106,0.6);
border-radius: 40px;
box-shadow:
0 2px 6px rgba(0,0,0,0.08),
inset 0 0 0 1px rgba(255,255,255,0.4);
cursor: pointer;
transition: all 0.35s ease;
} #chizuru-spin-button:hover {
transform: translateY(-2px);
box-shadow:
0 6px 16px rgba(0,0,0,0.12),
0 0 10px rgba(180,149,106,0.25);
background: linear-gradient(
135deg,
#f3ead9,
#e4d2a8
);
} #chizuru-spin-button:active {
transform: translateY(1px);
box-shadow:
0 2px 6px rgba(0,0,0,0.08),
inset 0 2px 4px rgba(0,0,0,0.15);
}#chizuru-spin-button:hover {
transform: translateY(-2px);
background: linear-gradient(
135deg,
#f8f1df 0%,
#ead7aa 50%,
#d8b86f 100%
);
box-shadow:
0 6px 18px rgba(0,0,0,0.12),
0 0 14px rgba(212,175,55,0.35),
inset 0 0 8px rgba(255,255,255,0.45);
}
#chizuru-spin-button:hover::after {
opacity: 1;
}