@charset "UTF-8";
:root {
  --themeColor: #BC2C48;
}

.block-series-item--title {
  background-color: #c6a95c1a;
}

@media screen and (max-width: 640px) { /*-- SP --*/
.block-msg {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  border-radius: 12px;
  margin: 32px auto 0;
  border: 4px solid #7CB0C3;
  padding: 24px 8px;
  background: #fff url("/img/usr/@page/seijiniwai_2026/bg-block-msg.webp") repeat-x 50% 100% /100px auto;
}

.block-msg--image {
  flex-shrink: 0;
  width: 240px;
  overflow: visible;

  img {
    width: 100%;
  }
}

.block-msg--content {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
}

.block-msg--title {
  display: flex;
  gap: 12px;
  flex-direction: column;
  text-align: center;
  margin: 0;
  padding: 0;;

  em {
    line-height: 1.5;
    font-style: normal;
    font-weight: 600;
    font-size: 2.2rem;
    color: #ff9900;
  }

  span {
    display: block grid;
    place-items: center;
    height: 24px;
    padding: 0 16px;
    letter-spacing: .1em;
    font-family: var( --ff-sans_serif );
    font-size: 1.4rem;
    color: #fff;
    background: #ff9900;
    clip-path: polygon(0 0, 100% 0, calc(100% - 10px) 50%, 100% 100%, 0 100%, 10px 50%);
  }
}

.block-msg--text {
  flex-grow: 1;
  padding: 12px 12px 20px;
  font-size: 1.4rem;

  strong {
    font-weight: bold;
    background: linear-gradient(transparent 0, transparent 60%, #ffff00 60%, #ffff00 100%)
  }
}

.block-msg--btn {
  margin-inline: auto;
  height: 56px;
  width: 240px;
  font-size: 1.6rem;
  background-color: var( --col_Gold ) !important;
}
} /*-- /SP --*/

@media screen and (min-width: 641px) { /*-- PC --*/
.block-msg {
  display: flex;
  gap: 20px;
  align-items: center;
  margin: 42px auto 0;
  border: 4px solid #7CB0C3;
  width: 720px;
  padding: 20px 16px;
  background: #fff url("/img/usr/@page/seijiniwai_2026/bg-block-msg.webp") repeat-x 50% 100% /100px auto;
}

.block-msg--image {
  flex-shrink: 0;
  width: 308px;
  overflow: visible;

  img {
    width: 100%;
  }
}

.block-msg--content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 0 0 0;
}

.block-msg--title {
  display: flex;
  gap: 12px;
  flex-direction: column;
  text-align: center;
  margin: 0;

  em {
    line-height: 1.5;
    font-weight: 600;
    font-size: 2.2rem;
    color: #ff9900;
  }

  span {
    display: block grid;
    place-items: center;
    height: 24px;
    padding: 0 16px;
    letter-spacing: .1em;
    font-family: var( --ff-sans_serif );
    color: #fff;
    background: #ff9900;
    clip-path: polygon(0 0, 100% 0, calc(100% - 10px) 50%, 100% 100%, 0 100%, 10px 50%);
  }
}

.block-msg--text {
  flex-grow: 1;
  padding: 20px 12px 16px;
  font-size: 1.4rem;

  strong {
    font-weight: bold;
    background: linear-gradient(transparent 0, transparent 60%, #ffff00 60%, #ffff00 100%)
  }
}

.block-msg--btn {
  margin-inline: auto;
  width: 260px;
  font-size: 1.6rem;
  background-color: var( --col_Gold );
}
}  /*-- /PC --*/