<>
.error-area >div:first-child{
margin-top:12px;
}
<>
@media screen and (min-width: 769px) {
#loginDiv {
width: 980px;
height: 405px;
margin: 0 auto;
position: relative;
margin-bottom: 24px;
}
}
<>
@media screen and (min-width: 769px) {
[data-design="seeds"] #loginDiv {
height: auto;
}
[data-design="seeds"] .key-visual-wrapper {
max-width: 700px;
}
}
[data-design="seeds"] #login-box {
top: auto;
bottom: 1px !important;
transform: translateY(0%);
max-width: 274px;
right: 0;
padding: 32px 24px !important;
}
.mt-certification {
margin-top: 41px !important;
}
@media screen and (max-width: 768.9px) {
.mt-certification {
margin-top: 24px !important;
}
}
<>
[data-design="seeds"] #keyVisualSec .carousel-promotion .tns-slide .seeds-link {
cursor: pointer;
}
[data-design="seeds"] #keyVisualSec #sliderSec:has(.tns-nav) {
margin-bottom: 40px !important;
}
@media screen and (min-width: 769px) {
[data-design="seeds"] #loginDiv:has(.tns-slide) {
margin-bottom: 40px;
}
}
<>
.kv-link-area-top {
text-align: left;
}
.kv-link-area-bottom {
text-align: left;
margin-top: 8px !important;
}
@media screen and (max-width: 768.9px) {
.kv-link-area-top,
.kv-link-area-bottom {
text-align: center;
}
}
<>
#login-box{
max-width: 252px;
padding: 16px 12px !important;
z-index: 1;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 21px;
background-color: var(--ui-common-background-default) !important;
bottom: 50px !important;
}
<>
[data-design='seeds'] .linklist1>li {
padding-top: 8px;
}
[data-design='seeds'] .linklist2>li>input {
appearance: auto;
margin-left: 3px;
vertical-align: middle;
}
[data-design='seeds'] .vaM,
.linklist4>li>img {
vertical-align: middle;
}
<>
[data-design='seeds'] input#top_stock_sec {
background: #ffffff;
}
[data-design='seeds'] input#MF_form_phrase {
background: #ffffff;
}
|
|
SBIマネーアシスタント
初回契約60日間無利息の無担保ローン
詳しく見る
<>
[data-design='seeds'] .time {
font-size: 12px;
}
[data-design='seeds'] .chart-img {
max-width: 100%;
}
[data-design='seeds'] .market-price {
width: 100px;
}
[data-design='seeds'] .market-comparison {
width: 72px;
white-space: nowrap;
}
[data-design='seeds'] #market-table tr td:first-child {
padding-top: 8px;
box-sizing: content-box;
}
[data-design='seeds'] #market-table tr td:last-child {
padding-bottom: 8px;
box-sizing: content-box;
}
@media screen and (min-width: 769px) {
[data-design='seeds'] #market-table td {
display: block;
}
[data-design='seeds'] #market-table .market-price,
[data-design='seeds'] #market-table .market-comparison {
margin-left: auto;
}
[data-design='seeds'] #market-table .market-price {
font-size: 16px;
margin-bottom: 4px;
}
[data-design='seeds'] #market-table tr td:first-child {
padding-top: 4px;
box-sizing: content-box;
}
}
26/02/27 15:45
<>
.system-failure {
box-sizing: border-box;
}
.system-failure a {
display: flex;
align-items: center;
justify-content: space-between;
height: 40px;
padding-left: 6px;
border: 1px solid #a7b1c3;
background-color: #fffbcc;
color: #092987;
font-size: 13px;
font-weight: 700;
line-height: 1 !important;
width: 175px;
}
.system-failure .i-triangle-exclamation {
content: url(https://sbisec.akamaized.net/sbisec/seeds/design-system/images/icon/triangle-exclamation-color.svg);
width: 14px;
height: 14px;
}
.system-failure .i-angle-right {
content: url(https://sbisec.akamaized.net/sbisec/images/static/2024/icon/angle-right.svg);
width: 14px;
height: 14px;
}
|
|
<>
#lower-related-menu {
display: none;
padding: 0 16px;
}
@media screen and (max-width: 768.9px) {
#lower-related-menu {
display: block;
}
#lower-related-menu > .slc-side-menu-middle,
#lower-related-menu > .slc-side-menu-lower {
display: block;
}
}
< type="text/css">
[data-footer='visitor'].slc-footer {
--slc-container-width: 1280px;
color: #050f1af2;
width: var(--slc-container-width);
margin: 0 auto;
}
[data-footer='visitor'] .slc-group-service {
display: block;
background: #fff;
padding: 16px 24px;
}
[data-footer='visitor'] .slc-group-service ul {
list--type: none;
padding: 0;
margin: 0;
}
[data-footer='visitor'] .slc-group-service .slc-service-title {
font-size: 16px !important;
font-weight: 700;
line-height: 1.2;
text-align: left;
margin: 0;
padding-bottom: 20px;
}
[data-footer='visitor'] .slc-group-service .slc-service-container {
display: flex;
justify-content: space-between;
text-align: left;
max-width: calc(var(--slc-container-width) - 48px);
}
[data-footer='visitor'] .slc-group-service .slc-service-container .slc-service-item .slc-item-title {
font-size: 14px !important;
font-weight: 700;
line-height: 1.2;
margin: 0;
padding-bottom: 16px;
}
[data-footer='visitor'] .slc-group-service .slc-service-container .slc-service-item ul li {
padding-bottom: 16px;
}
[data-footer='visitor'] .slc-group-service .slc-service-container .slc-service-item ul li:last-child {
padding-bottom: 24px;
}
[data-footer='visitor'] .slc-group-service .slc-service-container .slc-service-item a {
line-height: 1;
font-size: inherit;
cursor: pointer;
text-decoration: none;
background: transparent;
appearance: none;
border: none;
padding: 0;
margin: 0;
box-sizing: border-box;
font-family: inherit;
display: flex;
align-items: center;
gap: 0 4px;
font-size: 14px;
line-height: 1.2;
color: #092987;
}
[data-footer='visitor'] .slc-group-service .slc-service-container .slc-service-item a:hover {
opacity: 0.6;
text-decoration: underline;
}
[data-footer='visitor'] .slc-service-banner {
display: flex;
justify-content: center;
align-items: center;
gap: 40px;
margin: 24px 0;
}
@media screen and (max-width: 768.9px) {
[data-footer='visitor'][data-responsive-footer].slc-footer {
display: none !important;
}
}
< type="text/css">
[data-footer='higher'].slc-footer {
flex-shrink: 0;
margin-top: auto;
width: 100%;
--slc-container-width: 1280px;
min-width: var(--slc-container-width);
}
[data-footer='higher'] .slc-product-footer {
display: flex;
row-gap: 12px;
background: #f5f6f7;
padding: 16px 24px;
margin-top: 64px;
}
[data-footer='higher'] .slc-product-footer .slc-footer-container {
display: flex;
flex-wrap: wrap;
column-gap: 16px !important;
justify-content: center;
align-items: center;
-moz-column-gap: 32px;
column-gap: 32px;
row-gap: 16px;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
max-width: calc(var(--slc-container-width) - 48px);
}
[data-footer='higher'] .slc-product-footer .slc-footer-container .slc-footer-item {
list--type: none;
}
[data-footer='higher'] .slc-product-footer .slc-footer-container .slc-footer-item .slc-link {
display: flex;
align-items: center;
gap: 0 4px;
text-decoration: none;
font-size: 14px;
line-height: 1;
color: #092987;
}
[data-footer='higher'] .slc-product-footer .slc-footer-container .slc-footer-item .slc-link:hover {
opacity: 0.6;
text-decoration: underline;
}
[data-footer='higher'] .slc-product-footer .slc-footer-container .slc-footer-item .slc-link:focus {
outline: 2px solid #5e97ef;
}
[data-footer='higher'] .slc-icon-external {
width: 14px;
height: 14px;
}
@media screen and (min-width: 769px) {
[data-footer='higher'].slc-footer .slc-product-footer-bg {
background: #f5f6f7;
}
[data-footer='higher'] .slc-product-footer {
max-width: 1280px;
margin: 64px auto 0;
justify-content: start;
box-sizing: border-box;
}
[data-footer='higher'] .slc-product-footer .slc-footer-container {
max-width: 1280px;
width: calc(100vw - 48px);
box-sizing: border-box;
}
}
@media screen and (max-width: 768.9px) {
[data-footer='higher'][data-responsive-footer].slc-footer {
min-width: 320px;
max-width: 768.9px;
}
[data-footer='higher'][data-responsive-footer] .slc-product-footer {
padding: 16px;
row-gap: 16px;
}
[data-footer='higher'][data-responsive-footer] .slc-product-footer .slc-footer-container {
justify-content: flex-start;
}
}
< type="text/css">
.slc-footer * {
font-family: Roboto-font'ヒラギノ角ゴ''Noto Sans CJK''Noto Sans JP''游ゴシック Medium''Helvetica Neue''Hiragino Kaku Gothic ProN''ヒラギノ角ゴ ProN W3'YuGothicYuGothicM,
'メイリオ'Meiryosans-serif !important;
}
.slc-footer-hide {
visibility: hidden !important;
}
[data-footer='lower'].slc-footer {
margin-top: auto;
width: 100%;
--slc-container-width: 1280px;
min-width: var(--slc-container-width);
background: #092987;
}
[data-footer='lower'].slc-no-margin {
margin-top: 0;
}
[data-footer='lower'] .slc-corporate-footer {
color: #ffffff;
padding: 16px 24px;
}
[data-footer='lower'] .slc-corporate-footer .slc-footer-container {
display: flex;
flex-wrap: nowrap;
align-items: flex-start;
-moz-column-gap: 24px;
column-gap: 24px;
row-gap: 16px;
max-width: calc(var(--slc-container-width) - 48px);
}
[data-footer='lower'] .slc-corporate-footer .slc-footer-container .slc-footer-items {
display: flex;
flex-direction: column;
align-items: flex-start;
row-gap: 4px;
font-size: 12px;
max-width: calc(100% - 24px - 160px);
text-align: left;
}
[data-footer='lower'] .slc-corporate-footer .slc-footer-container .slc-footer-items p {
word-break: break-all;
text-align: left;
margin-top: 0;
margin-bottom: 0;
line-height: 1.5;
}
[data-footer='lower'] .slc-corporate-footer .slc-footer-container .slc-footer-page-top {
display: flex;
justify-content: center;
align-items: center;
border-radius: 6px;
width: 160px;
height: 40px;
padding: 10px;
font-weight: 700;
color: #ffffff;
border: 1px solid #ffffff;
background: transparent;
cursor: pointer;
text-decoration: none;
}
[data-footer='lower'] .slc-corporate-footer .slc-footer-container .slc-footer-page-top:hover {
opacity: 0.6;
}
[data-footer='lower'] .slc-corporate-footer .slc-footer-container .slc-footer-page-top:focus {
outline: 2px solid #5e97ef;
}
[data-footer='lower'] .slc-icon-arrow-up {
width: 14px;
height: 14px;
margin: 0 0 2px 2px;
transform: rotate(-90deg);
--color-inverse: invert(100%) sepia(89%) saturate(0%) hue-rotate(95deg) brightness(110%) contrast(101%);
filter: var(--color-inverse);
}
.slc-popup-footer .slc-footer-page-top,
.slc-popup-footer [data-source='tradeName'],
.slc-popup-footer [data-source='registrationNumber'],
.slc-popup-footer [data-source='association'] {
display: none !important;
}
.slc-popup-footer .slc-corporate-footer {
padding: 8px 16px !important;
}
@media screen and (min-width: 769px) {
[data-footer='lower'] .slc-corporate-footer {
max-width: 1280px;
margin: 0 auto;
display: flex;
justify-content: start;
box-sizing: border-box;
}
[data-footer='lower'] .slc-corporate-footer .slc-footer-container {
max-width: 1280px;
justify-content: space-between !important;
width: calc(100vw - 48px);
box-sizing: border-box;
}
}
@media screen and (max-width: 768.9px) {
[data-footer='lower'][data-responsive-footer].slc-footer {
min-width: 320px;
max-width: 768.9px;
}
[data-footer='lower'][data-responsive-footer] .slc-corporate-footer {
padding: 16px;
}
[data-footer='lower'][data-responsive-footer] .slc-corporate-footer .slc-footer-container {
flex-direction: column-reverse;
}
[data-footer='lower'][data-responsive-footer] .slc-footer-items {
max-width: unset !important;
flex-direction: column;
}
[data-footer='lower'][data-responsive-footer] .slc-corporate-footer .slc-footer-container .slc-footer-page-top {
width: 100%;
font-size: 14px;
}
}
