@charset "UTF-8";

   .sf6-character-select {
background: linear-gradient(135deg, #1a1a2e 0%, #16213e 60%, #0f3460 100%);
padding: 28px 0;
margin-bottom: 24px;
}
.sf6-character-select-in {
padding-left: 16px;
padding-right: 16px;
}
.sf6-character-select-title {
text-align: center;
margin: 0 0 18px;
border: none;
padding: 0;
}
.sf6-character-select-title span {
display: inline-block;
font-family: "Zen Kaku Gothic New", "游ゴシック体", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
font-size: 0.8em;
font-weight: 900;
color: #111111;
letter-spacing: 0.2em;
text-indent: 0.2em;
-webkit-text-stroke: 0.5px #111111;
text-shadow: none;
padding: 6px 24px;
background: #f7770d;
border: 2px solid #1a1a1a;
border-radius: 4px;
transform: none;
}
.sf6-character-select-list {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 14px;
list-style: none;
margin: 0 0 20px;
padding: 0;
}
.sf6-character-select-item {
margin: 0;
}
.sf6-character-select-item a {
display: flex;
flex-direction: column;
align-items: center;
text-decoration: none;
background: rgba(255,255,255,0.06);
border: 2px solid rgba(255,204,0,0.35);
border-radius: 8px;
padding: 10px 6px 12px;
transition: transform 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}
.sf6-character-select-item a:hover {
transform: translateY(-4px) scale(1.03);
border-color: #ffcc00;
background: rgba(255,204,0,0.12);
}
.sf6-character-select-thumb {
display: block;
width: 100%;
aspect-ratio: 1 / 1;
overflow: hidden;
border-radius: 6px;
background: #0a0a14;
margin-bottom: 8px;
}
.sf6-character-select-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
.sf6-character-select-noimg {
display: block;
width: 100%;
height: 100%;
}
.sf6-character-select-name {
color: #f1f1f1;
font-size: 0.82em;
font-weight: 700;
text-align: center;
line-height: 1.4;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.sf6-character-select-more {
display: block;
width: fit-content;
margin: 0 auto;
padding: 8px 24px;
background: #e63946;
color: #fff !important;
font-weight: 700;
font-size: 0.9em;
border-radius: 999px;
text-decoration: none !important;
transition: background 0.15s ease;
}
.sf6-character-select-more:hover {
background: #ffcc00;
color: #1a1a2e !important;
} :root {
--navi-box-border: rgba(0, 0, 0, 0.34);
--navi-box-border-hover: rgba(0, 0, 0, 0.55);
--navi-box-hover-bg: rgba(255, 255, 255, 0.34);
} #navi .navi-in > ul .item-label,
.navi-footer-in > .menu-footer a {
font-weight: 700;
} #navi .navi-in > .menu-header > li {
padding: 10px 4px;
}
#navi .navi-in > .menu-header > li > a {
align-items: center;
border: 2px solid var(--navi-box-border);
border-radius: 4px;
}
#navi .navi-in > .menu-header > li > a:hover {
background-color: var(--navi-box-hover-bg);
border-color: var(--navi-box-border-hover);
} #navi .navi-in > .menu-header .sub-menu li {
padding: 0;
}
#navi .navi-in > .menu-header .sub-menu a {
border: none;
border-radius: 0;
} .navi-footer-in > .menu-footer li {
border-left: none;
padding: 6px 4px;
}
.navi-footer-in > .menu-footer li:last-child {
border-right: none;
}
.navi-footer-in > .menu-footer li > a {
padding: 6px 4px;
border: 2px solid var(--navi-box-border);
border-radius: 4px;
}
.navi-footer-in > .menu-footer li > a:hover {
background-color: var(--navi-box-hover-bg);
border-color: var(--navi-box-border-hover);
}  @media screen and (max-width: 1023px){
.sf6-character-select-list {
grid-template-columns: repeat(4, 1fr);
} #navi .navi-in > .menu-mobile li {
padding: 4px;
}
#navi .navi-in > .menu-mobile li a {
align-items: center;
justify-content: center;
line-height: 1.4;
border: 2px solid var(--navi-box-border);
border-radius: 4px;
}
#navi .navi-in > .menu-mobile li a:hover {
background-color: var(--navi-box-hover-bg);
border-color: var(--navi-box-border-hover);
}
} @media screen and (max-width: 834px){
.sf6-character-select-list {
grid-template-columns: repeat(3, 1fr);
}
.sf6-character-select-title span {
font-size: 0.7em;
letter-spacing: 0.2em;
}
} @media screen and (max-width: 480px){
.sf6-character-select-list {
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
}#question_wrap {
display: block;
position: relative;
width: 100%;
margin-bottom: 0.5rem;
} ul#choices {
list-style: none;
margin: 0 !important;
padding: 0;
padding-left: 0;
}
ul#choices li {
list-style: none !important;
margin-left: 0;
}
ul#choices li button {
width: 100%;
padding: 0.7em;
margin-bottom: 3px;
font-size: 1.25rem;
border-radius: 10px;
background: #23282d;;
color: #ffffff;
}
ul#choices li button:hover {
background: #0073aa;	
} .yesno_q {
text-align: center;
display: block;
padding: 1rem;
margin-bottom: 1.5rem;
font-size: 1.5rem;
font-weight: bold;
border: 1px #333 solid;
border-radius: 10px;
}
.yesno_q dt {
display: block;
padding: 1rem;
margin-bottom: 1.5rem !important;
}
.yesno_q dt span {
padding: 1rem;
font-size: 2rem;
font-weight: bold;
background: #0073aa;
color: #fff;
border-radius: 10px;
}
.yesno_q dd {
padding: 1.5rem !important;
}