/* PC用ロゴサイズ・余白最小限 */
.revival-logo-img {
  width: 1100px !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  margin-top: -150px !important;
  margin-bottom: -150px !important;
}
.revival-logo-container {
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}
.revival-logo-link {
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 0 !important;
}
.ec-layoutRole__header {
  padding: 0 !important;
  margin: 0 !important;
}

/* タブレット用 */
@media (max-width: 1024px) {
  .revival-logo-img {
    width: 600px !important;
    max-width: 75% !important;
    height: auto !important;
    margin-top: -80px !important;
    margin-bottom: -80px !important;
  }
}

/* スマホ用 */
@media (max-width: 767px) {
  .revival-logo-container {
    display: block !important;
    text-align: center;
    padding: 0 !important;
    margin: 0 !important;
  }
  .revival-logo-img {
    display: block !important;
    width: 320px !important;
    max-width: 90% !important;
    height: auto !important;
    margin: 0 auto !important;
    margin-top: -50px !important;
    margin-bottom: -50px !important;
  }
  .ec-layoutRole__header .revival-logo-container,
  header .revival-logo-container {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}
/* ボタン高級感デザイン */
.ec-blockBtn--action,
.ec-regular .ec-blockBtn--action {
  background: linear-gradient(135deg, #1a2a4a 0%, #2c3e6b 50%, #1a2a4a 100%);
  border: 1px solid #8899bb;
  color: #d4dff0;
  letter-spacing: 0.15em;
  font-weight: 500;
  text-transform: uppercase;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.1);
  transition: all 0.3s ease;
}
.ec-blockBtn--action:hover {
  background: linear-gradient(135deg, #2c3e6b 0%, #3d5490 50%, #2c3e6b 100%);
  border-color: #aabbdd;
  color: #ffffff;
  box-shadow: 0 4px 12px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.15);
}
.ec-blockBtn--cancel,
.ec-regular .ec-blockBtn--cancel {
  background: linear-gradient(135deg, #2a2a2a 0%, #3d3d3d 50%, #2a2a2a 100%);
  border: 1px solid #888888;
  color: #cccccc;
  letter-spacing: 0.15em;
  font-weight: 500;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.05);
  transition: all 0.3s ease;
}
.ec-blockBtn--cancel:hover {
  background: linear-gradient(135deg, #3d3d3d 0%, #555555 50%, #3d3d3d 100%);
  border-color: #aaaaaa;
  color: #ffffff;
  box-shadow: 0 4px 12px rgba(0,0,0,0.4);
}
/* カートへ進むボタン・モーダル内ボタン追加対応 */
.ec-modal .ec-blockBtn--action,
.ec-cartRow .ec-blockBtn--action,
a.ec-blockBtn--action,
button.ec-blockBtn--action,
input.ec-blockBtn--action {
  background: linear-gradient(135deg, #1a2a4a 0%, #2c3e6b 50%, #1a2a4a 100%) !important;
  border: 1px solid #8899bb !important;
  color: #d4dff0 !important;
  letter-spacing: 0.15em !important;
  font-weight: 500 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.1) !important;
  transition: all 0.3s ease !important;
}
/* スマホ対応 */
@media (max-width: 767px) {
  .ec-blockBtn--action,
  .ec-blockBtn--cancel,
  a.ec-blockBtn--action,
  button.ec-blockBtn--action,
  .ec-modal .ec-blockBtn--action {
    background: linear-gradient(135deg, #1a2a4a 0%, #2c3e6b 50%, #1a2a4a 100%) !important;
    border: 1px solid #8899bb !important;
    color: #d4dff0 !important;
    letter-spacing: 0.15em !important;
    font-weight: 500 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
  }
  .ec-blockBtn--cancel {
    background: linear-gradient(135deg, #2a2a2a 0%, #3d3d3d 50%, #2a2a2a 100%) !important;
    border: 1px solid #888888 !important;
    color: #cccccc !important;
  }
}
/* ec-inlineBtnクラス対応 */
.ec-inlineBtn--action,
a.ec-inlineBtn--action {
  background: linear-gradient(135deg, #1a2a4a 0%, #2c3e6b 50%, #1a2a4a 100%) !important;
  border: 1px solid #8899bb !important;
  color: #d4dff0 !important;
  letter-spacing: 0.15em !important;
  font-weight: 500 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
  transition: all 0.3s ease !important;
}
.ec-inlineBtn--cancel,
span.ec-inlineBtn--cancel {
  background: linear-gradient(135deg, #2a2a2a 0%, #3d3d3d 50%, #2a2a2a 100%) !important;
  border: 1px solid #888888 !important;
  color: #cccccc !important;
  letter-spacing: 0.15em !important;
  font-weight: 500 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
  transition: all 0.3s ease !important;
}