/* CSS Document */

.sim-btn-wrapper{
bottom:70px!important;
}
/* 外側：白い固定ブロック */
.fixed-cta-wrapper {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;

  background-color: #ffffff;
  border-top: 1px solid #e5e5e5;

  z-index: 1000;

  /* 中身を中央に置けるように */
  display: flex;
  justify-content: center;
}

/* ===== SPデフォルト（今の見た目を維持） ===== */
.cta-container {
  width: 100%;
  height: 60px;

  display: flex;
  align-items: center;
  gap: 12px;

  padding: 0 12px;
  box-sizing: border-box;
}

.cta-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}

.cta-label {
  font-size: 11px;
  color: #888;
  line-height: 1;
  margin-bottom: 2px;
}

.cta-product-name {
  font-size: 13px;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
font-weight:600;
}

.cta-inner-button {
  height: 44px;
  padding: 0 16px;

  background-color: #bf0000;
  border-radius: 10px;

  display: flex;
  align-items: center;
  justify-content: center;

  color: #fff;
  text-decoration: none;
  font-size: 15px;
  font-weight: bold;
  white-space: nowrap;
}

.cta-inner-button:active {
  background-color: #a80000;
}

/* ===== PCだけ見やすく（中央寄せ＋最大幅） ===== */
@media (min-width: 768px) {
  .cta-container {
    max-width:560px; /* 好みで 880〜1100 */
    padding: 0 20px;  /* PCは少し余白増やすと綺麗 */
  }
}

/* iPhoneセーフエリア対応 */
@supports (padding-bottom: env(safe-area-inset-bottom)) {
  .fixed-cta-wrapper {
    padding-bottom: env(safe-area-inset-bottom);
    height: calc(60px + env(safe-area-inset-bottom));
  }
  .cta-container {
    height: calc(60px + env(safe-area-inset-bottom));
    padding-bottom: env(safe-area-inset-bottom);
  }
}