@charset "UTF-8";

/* コンテンツ */
.contents_wrap {
  width: 100%;
  max-width: var(--maxWidth);
  margin: 0 auto;
  padding: 32px 40px 40px;
}


/* 
------------------------------------------------------------------------------------*/
.point_present_tit {
  --fs: 2.2rem;
  --fh: 2.8rem;
  font-size: var(--fs);
  line-height: var(--fh);
  text-align: center;
  margin: calc(4px + ((var(--fs) - var(--fh)) / 2)) 0 calc(4px + ((var(--fs) - var(--fh)) / 2));
  padding-bottom: 14px;
}

.cmn_brSP {
  font-size: 0;
  display: none;
}

.point_present_btnWrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 90%;
  margin: 0 auto;
  padding: 10px 0 40px;
}

.point_present_btn {
  width: calc(50% - 12px);
  filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.3));
}

/* アコーディオン
------------------------------------------------------------------------------------*/
.point_present_toggle { display: none; }

.point_present_toggleTit_sub {
  display: block;
  position: relative;
  cursor: pointer;
  margin: 32px 0 12px;
  padding: 22px;
  transition: opacity 300ms;
  filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.3));
  transform: translateZ(0);
}
.point_present_toggleTit_sub:hover { opacity: 0.5; }
.point_present_toggleTit_sub::before,
.point_present_toggleTit_sub::after {
  content: "";
  background: #fff;
  width: 8px;
  height: 28px;
  position: absolute;
  top: 38%;
  right: 36px;
  transition: all 300ms;
}
.point_present_toggleTit_sub::after { transform: rotate(90deg); }
.point_present_toggleTit_sub_add::before { transform: rotate(90deg); }

.point_present_toggleTit_sub_app {
  background: #f6819c;
}

.point_present_toggleTit_sub_line {
  background: #4abfce;
}

.point_present_toggleTit_sub_img {
  width: auto;
  height: 48px;
}

.point_present_accordion_detail {
  max-height: 0;
  overflow: hidden;
  transition: max-height 250ms;
}

.point_present_toggle:checked ~ .point_present_accordion_detail { max-height: var(--max_height); }

.point_present_accordion_detail_btnWrap {
  position: relative;
}

.point_present_accordion_detail_btn {
  position: absolute;
  filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.3));
  animation: poyopoyo 0.9s ease-out infinite;
}

@keyframes poyopoyo {
  50% { transform: scale(1.02) }
}

.point_present_accordion_detail_app_btn1 {
  width: 85%;
  top: 10%;
  right: 7.5%;
}

.point_present_accordion_detail_line_btn1 {
  width: 48%;
  top: 11%;
  right: 26%;
}

.point_present_accordion_detail_line_btn2 {
  width: 43%;
  top: 20%;
  right: 11%;
}

.point_present_accordion_detail_line_btn3 {
  width: 62%;
  top: 12%;
  right: 19%;
}