/* コンテナの中央寄せ＆幅固定 */
.fade-box-container {
  max-width: 500px;
  margin: 40px auto;
  box-sizing: border-box;
  padding: 0;
}

/* 高級感あるボックスデザイン */
.shipping-notice {
  background-color: #f9f5f0;
  border: 1px solid #dcd0c0;
  padding: 1.5em;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  font-family: '游明朝', 'Hiragino Mincho ProN', 'Times New Roman', serif;
  color: #4a3e3e;
  font-size: 1rem;
  line-height: 1.7;
  text-align: center;
  word-break: break-word;
}

.shipping-title {
  font-size: 1.125rem;
  font-weight: bold;
  color: #8b5e3c;
  margin-bottom: 0.5em;
}

.emphasis {
  font-weight: bold;
}

.notice {
  color: #a0522d;
  font-weight: bold;
}

/* フェードイン＋下から浮かぶアニメーション */
.fade-in-immediate {
  opacity: 0;
  animation: fadeInSmooth 2s ease forwards;
}

@keyframes fadeInSmooth {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* レスポンシブ対応：スマホでの文字サイズ微調整 */
@media (max-width: 480px) {
  .shipping-notice {
    font-size: 0.95rem;
    padding: 1em;
  }

  .shipping-title {
    font-size: 1rem;
  }
}