/* 豪華なゴールドボックスのスタイル定義 */
.luxury-box {
/* 背景：上から下へのゴールドグラデーション */
background: linear-gradient(to bottom, #fff3e0, #f8c471);
/* 枠線：少し濃いゴールドで縁取り */
border: 2px solid #d4af37;
border-radius: 8px; /* 角を少し丸くする */
/* 文字色：背景に合わせて濃いブラウンに */
color: #5a3e1b;
font-weight: bold;
text-align: center;
/* 余白と幅の調整 */
padding: 15px 25px;
margin: 20px auto; /* 上下に余白、左右は中央寄せ */
display: inline-block; /* テキスト幅に合わせる（必要に応じて block に変更） */
max-width: 90%; /* スマホ表示などを考慮 */
/* 立体感：外側の影と内側の光沢感 */
box-shadow:
0 4px 8px rgba(0, 0, 0, 0.15), /* 外側の影 */
inset 0 1px 3px rgba(255, 255, 255, 0.8); /* 内側のハイライト */
/* テキストの微細な影（視認性向上と質感） */
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
}
/* 2つ目の画像のボックス用に少しスタイルを調整（必要であれば） */
.luxury-box.large-text {
font-size: 1.2em; /* 文字サイズを少し大きく */
padding: 20px 30px; /* 余白も少し広めに */
}