@charset "UTF-8";

.card-entry {
  background-color: #fff;
  border-radius: var(--pixel08);
  padding: var(--pixel60) var(--pixel20);
}

.card-entry__ttl {
  text-align: center;
  font-weight: 700;
  color: #640000;
  font-size: var(--pixel22);
  margin-bottom: var(--pixel40);
}

.card-entry__item:not(:first-child) {
  margin-top: var(--pixel35);
}
.card-entry__item > *:not(:first-child) {
  margin-top: var(--pixel10);
}

.card-entry__grid {
  display: grid;
  grid-template-columns: 1fr auto;
}
.card-entry__grid > * {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.card-entry__cut {
  padding-right: var(--pixel20);
}
.card-entry__cut > *:not(:first-child) {
  margin-top: var(--pixel10);
}

.card-entry__name {
  color: #640000;
  font-weight: 500;
  border-left: var(--pixel05) solid;
  font-size: var(--pixel20);
  padding-left: var(--pixel10);
}

.card-entry__em {
  font-weight: 500;
  color: #ac8808;
  font-size: var(--pixel18);
}
.card-entry__txt {
  font-size: var(--pixel18);
}
.card-entry__txt.em {
  color: #da0303;
  font-weight: 500;
}
.card-entry__sub {
  font-size: var(--pixel14);
}

.card-entry__img .img-post {
  width: min(36vw, 180px);
}
.card-entry__img .img-touch-pay {
  width: min(36vw, 180px);
}
.card-entry__img .img-app-qr {
  width: min(24vw, 120px);
}

.card-entry__step {
  counter-reset: number;
}
.card-entry__step > li {
  font-weight: 400;
  text-indent: -1.5em;
  padding-left: 1.5em;
  font-size: var(--pixel18);
}
.card-entry__step > li:before {
  counter-increment: number;
  content: "【" counter(number) "】";
}

.card-entry__check {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 500;
  padding: 0 1em;
  font-size: var(--pixel20);
}
.card-entry__check .checkbox[type="checkbox"] {
  display: none;
  line-height: 1;
}
.card-entry__check .checking {
  cursor: pointer;
  width: 1.2em;
  height: 1.2em;
  border-radius: 0.2em;
  border: 1px solid;
  background-color: #fff;
  position: relative;
  display: inline-block;
  margin-right: 0.5em;
  line-height: 1;
}
.card-entry__check .checking:after {
  content: "";
  position: absolute;
  display: inline-block;
  line-height: 1;
  top: calc(50% - 0.35em);
  left: calc(50% - 0.5em);
  width: 1em;
  height: 0.5em;
  border-left: var(--pixel04) solid #ff0000;
  border-bottom: var(--pixel04) solid #ff0000;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.card-entry__check .checkbox[type="checkbox"]:checked + .checking:after {
  opacity: 1;
}

.card-entry__input {
  width: 100%;
  border: 1px solid #d2d2d2;
  padding: var(--pixel10);
}

.card-entry__button:disabled {
  opacity: 0.3;
  pointer-events: none;
}