@charset "utf-8";
/* ===========================================
 * KV
 * ======================================== */
.kv__wrap {
  margin-inline: auto;
}
.kv__inner {
  margin-inline: auto;
}
.kv__img {
  width: 100%;
  display: block;
}
/* ===========================================
 * MODAL
 * ======================================== */
.modalArea {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	display: none;
}
.modalBg {
	width: 100%;
	height: 100%;
	background-color: rgba(30, 30, 30, 0.9);
}
.modalWrapper {
	width: min(calc(100% - 60px), 315px);
	height: min(calc(100% - 60px), 500px);
	padding: 20px;
	border-radius: 10px;
	background-color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.closeModal {
	width: 40px;
	height: 40px;
	font-size: 20px;
	border-radius: 9999px;
	background-color: #000000;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: -20px;
	right: -20px;
	cursor: pointer;
}
.closeModal::before,
.closeModal::after {
	content: "";
	background: #FFFFFF;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 2px;
	height: 50%;
}
.closeModal::before {
	transform: translate(-50%,-50%) rotate(45deg);
}
.closeModal::after {
	transform: translate(-50%,-50%) rotate(-45deg);
}
.modalThumbnail {
	width: 60%;
	margin: 0 auto 30px;
}
.modalList {
	width: fit-content;
	margin: auto;
	display: grid;
	grid-template-columns: 109px 135px;
	grid-template-rows: auto;
	gap: 10px;
}

/* ===========================================
 * ENTRY
 * ======================================== */
.entry__wrap {
  padding-block: 20px;
  margin-inline: auto;
}
.entry__inner {
  padding-inline: 20px;
}
/* box */
/* ======================================= */
.entry__box {
  border-radius: 6px;
  background-color: #FFFFFF;
  overflow: hidden;
}
.entry__box__tit {
  padding-block: 8px;
  font: 600 normal 18px / 1.0 var(--font-fm-main);
  color: #FFFFFF;
  background-color: var(--color-common);
  display: flex;
  align-items: center;
  justify-content: center;
  > span {
    width: fit-content;
    display: block;
  }
}
.entry__box__inner {
  padding: 30px;
  display: grid;
  gap: 16px;
}
.entry__box__btn {
  width: min(100%, 300px);
  margin-inline: auto;
  padding-block: 17px;
  font: 600 normal 20px / 1.0 var(--font-fm-main);
  color: #FFFFFF;
  border: 2px solid #FFFFFF;
  border-radius: 9999px;
  background-color: var(--color-common);
  box-shadow: 0 1px 4px 0 rgba(12, 12, 13, 0.10), 0 1px 4px 0 rgba(12, 12, 13, 0.05);
  display: flex;
  align-items: center;
  justify-content: center;
}
/* accordion */
/* ======================================= */
.entry__accordion {
  display: block;
  border-radius: 6px;
  border: 2px solid var(--color-common);
}
.entry__accordion__tit {
  /* width: min(100%, 300px); */
  padding-block: 12px;
  margin-inline: auto;
  text-align: center;
  border-radius: 8px;
  font: 600 normal 20px / 1.0 var(--font-fm-main);
  color: var(--color-text-common);
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: auto;
  > span {
    width: fit-content;
    display: block;
  }
  &::before {
    content: "";
    width: 10px;
    height: 10px;
    margin-block: auto;
    border-top: solid 2px var(--color-common);
    border-right: solid 2px var(--color-common);
    position: absolute;
    z-index: auto;
    top: 0;
    bottom: 5px;
    right: 1em;
    transform: rotate(135deg);
    transition: 0.3s;
  }
}
.entry__accordion__cotents {
  padding: 20px;
  display: grid;
  gap: 1em;
}
.entry__accordion__txt,
.entry__accordion__list,
.entry__accordion__caution,
.entry__accordion__head {
  font: 300 normal 14px / 1.5 var(--font-fm-main);
  > a {
    text-decoration: underline;
  }
}
.entry__accordion__list__container  {
  padding-left: 1em;
  text-indent: -1em;
}
/* open */
.entry__accordion[open] {
  > .entry__accordion__tit {
    &::before {
      top: 5px;
      bottom: 0;
      transform: rotate(-45deg);
    }
  }
}
/* Check */
/* ======================================= */
.entry__check {
  font: 600 normal 14px / 1.5 var(--font-fm-main);
  color: #111111;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.entry__check input {
    width: 24px;
    height: 24px;
    border: 1px solid #AAAAAA;
    border-radius: 3px;
    position: relative;
    z-index: auto;
    &::before {
      content: "";
      width: 24px;
      height: 24px;
      margin: auto;
      mask: center center / 24px 24px no-repeat url(/cp/tougou/tsuruha/img/icon_check.svg);
      background-color: #111111;
      position: absolute;
      z-index: auto;
      inset: 0;
      opacity: 0;
    }
    &:checked {
      background-color: #AAAAAA;
      border-color: #AAAAAA;
    }
  }
.entry__check__btn {

}

.entry__check__btn[disabled] {
  color: #424242;
  border: 2px solid #D1D1D1;
  background-color: #D1D1D1;
  box-shadow: none;
	cursor: default;
	pointer-events: none;
}