<{if $slideshow_html}>
<{$slideshow_html}>
<{/if}>
#slider div {
width: 100% !important;https://brilliantplus.shop/?tid=12&tmpl_type=1&ph=cc232609721a27d2a6413802f6836fb0
}
#slider div img {
width: 100% !important;
height: auto;
}
.bx-wrapper .bx-viewport {
box-shadow: none !important;
border: none !important;
left: 0 !important;
}
.bx-wrapper {
margin-bottom: 60px !important;
}
/* --- SNS 2列シンプルレイアウト --- */
.sns-simple-section {
max-width: 1200px;
margin: 80px auto;
padding: 0 15px;
text-align: center;
}
.sns-flex-container {
display: flex;
flex-wrap: wrap;
justify-content: flex-start; /* 左詰め */
gap: 20px;
max-width: 980px; /* ★2つ並んだ時の横幅に合わせる（数値は調整してください） */
margin: 0 auto; /* ★コンテナ自体を中央に寄せる */
}
.sns-box {
width: calc(50% - 10px); /* 50%から隙間分を引いて「横2列」にする */
max-width: 480px; /* 大きくなりすぎない制限 */
margin-bottom: 30px;
}
.sns-box a {
text-decoration: none;
color: #1a1a1a;
}
.sns-box img {
width: 100%; /* 横幅いっぱいに広げる */
height: auto; /* 高さは自動（これで絶対切れません） */
display: block;
margin-bottom: 10px;
}
.sns-box p {
font-size: 14px;
margin-top: 5px;
}
.bottom-full-banner {
margin-top: 50px;
width: 100%;
}
.bottom-full-banner img {
width: 100%;
height: auto;
}
/* スマホでもPCでも「横2列」を維持しますが、
もしスマホで1列にしたい場合はここを 100% にしてください */
@media screen and (max-width: 480px) {
.sns-box p {
font-size: 12px;
}
}