body.himitsu { background-image: url(/assets/img/bg_onegai_sp.webp); }
@media (min-width: 769px) { body.himitsu { background-image: url(/assets/img/bg_onegai.webp); }
}

.modal.onegai .modal__btn--close {
  background-image: url(../img/btn_onegai_modal-close.webp);
}
.modal.onegai .modal__btn--prev {
  background-image: url(../img/btn_onegai_modal-prev.webp);
}
.modal.onegai .modal__btn--next {
  background-image: url(../img/btn_onegai_modal-next.webp);
}



.onegai .grid__item { padding-top: 15px; }

.onegai .grid--col4 .is-new::before {
  background-image: url(../img/icn_onegai_new.webp);
  background-position: 0;
  background-size: 12vw auto;
  }
@media (min-width: 769px) {
.onegai .grid--col4 .is-new::before {
  background-size: 48px auto;
  }
}

.onegai .section--line-item { background: none; }
.onegai .section__item.is-new picture::before {
  display: block;
  position: absolute;
  top: auto;
  left: -20px;
  bottom: -20px;
  background-repeat: no-repeat;
  content: "";
  background-image: url(../img/icn_onegai_new-heart.webp);
  background-size: 91px 81px;
  width: 91px;
  height: 91px;
}
@media (max-width: 768px) {
  .onegai .section__item.is-new picture::before {
    top: auto;
    left: -3vw;
    bottom: -5vw;
    background-size: 20vw 20vw;
    width: 20vw;
    height: 20vw;
  }
}

.onegai .icn--link::after {background-image: url(../img/icn_onegai_link.webp);}

@media (min-width: 769px) {
.onegai.new .grid + .grid,
.onegai.new .grid--mt { margin-top: 0px; }
}





@media (min-width: 769px) {
  .onegai .grid .ttl { line-height: 1.8; }
  .onegai .txt--afterImg { margin-top: 8px; }
  .onegai .icn--link { align-items: initial; color: #00c0ff!important; }
  .onegai .pamphlet { width: 400px; margin: 0 auto; }
  .onegai .pamphlet img { width: 180px!important; }
  .onegai .section--line { background-image: url(../img/icn_onegai_section.webp); }
  .onegai .section:not(.section--line) + footer.section--line { background-image: url(../img/icn_onegai_section.webp), url(../img/icn_onegai_section.webp); }
}

@media (max-width: 768px) {
  .onegai .grid .ttl { line-height: 1.8; }
  .onegai .txt--afterImg { margin-top: 2vw; }
  .onegai .icn--link { align-items: initial; color: #00c0ff!important; }
  .onegai header { margin-top :4vw; }
  .onegai .section--line-item  { padding-bottom: 30px;}
  .onegai .pamphlet { width: 100%; margin: 0 auto; }
  .onegai .pamphlet img { width: 50vw!important; }
  .onegai .section:not(.section--line) + footer.section--line { background-image:url(../img/icn_onegai_section_sp.webp), url(../img/icn_onegai_section_sp.webp); background-size: 90vw auto; }
  .onegai .section--line { background-image: url(../img/icn_onegai_section_sp.webp); background-size: 90vw auto;}
  .onegai .ttl--card { margin-bottom: 5.5vw; }
  /* event */
}

/* event */
  .onegai .event-holding .eventList:not(:last-of-type)::after { background-color: #ffadf4; background-image: none; }
  .onegai .event-weiting .eventList:not(:last-of-type)::after { background-color: #7fdfff; }
  .onegai .event-end .eventList:not(:last-of-type)::after { background-color: #cccccc; }
  .onegai .eventList:not(:last-of-type)::after { height: 1px; }
  .onegai .eventList__label { color: #ff5bea; }
  .onegai .ttl--gradient-event { color: #ff5bea; }
  .onegai .ttl--gradient-event-before { color: #00c0ff; }
  .onegai .ttl--gradient-event-end { color: #9b9b9b; }
  .onegai .eventList__link a { color: #00c0ff!important; }
  .onegai .gradline::after,
  .onegai .gradline::before { height: 1px; }
  .onegai .event--border-dashed { padding-top: 15px; border-top: 1px dashed #d1d1d1; }

@media (min-width: 769px) {
  .onegai .eventList::before { top: -2px; width: 38px; height: 38px; background-image: url(../img/icn_onegai_diamond.webp); }
  .onegai .ttl--gradient-event { height: 64px; background-image: url(../img/ttl_onegai_gradient.webp); }
  .onegai .ttl--gradient-event-before { height: 64px; background-image: url(../img/ttl_onegai_event-before.webp); }
  .onegai .ttl--gradient-event-end { height: 64px; background-image: url(../img/ttl_onegai_event-end.webp); }
  .onegai .eventList__link a { line-height: 2; }
  .onegai .eventSummary__term::before { top: -2px;width: 34px; height: 30px; background-image: url(../img/icn_onegai_heart.webp);}
  .onegai .eventSummary,
  .onegai .contact { margin: 0 15px; }
  .onegai .ttl--event-summary + p { margin: 0 15px; }
  .onegai h1.txt--large { font-size: 1.6rem; padding: 0; margin-top: 0;}
  .onegai .ttl--event-summary { display: flex; align-items: center; justify-content: center; padding-top: 2px; font-size: 20px; height: 75px; background-image: url(../img/ttl_onegai_event_summary.webp); background-size: 768px 75px; color: #fff; font-weight: bold; line-height: 1.2; }
}
@media (max-width: 768px) {
  .onegai .eventList::before { top: -1vw; width: 7vw; height: 7vw; background-image: url(../img/icn_onegai_diamond.webp); }
  .onegai .ttl--gradient-event { background-image: url(../img/ttl_onegai_gradient_sp.webp); }
  .onegai .ttl--gradient-event-before { background-image: url(../img/ttl_onegai_event-before_sp.webp); }
  .onegai .ttl--gradient-event-end { background-image: url(../img/ttl_onegai_event-end_sp.webp); }
  .onegai .eventList__link a { line-height: 1.6; }
  .onegai .eventSummary__term::before { top: -0.2564102564vw; width: 6.6666666667vw; height: 6.1538461538vw;background-image: url(../img/icn_onegai_heart.webp);}
  .onegai .ttl--event-summary { display: flex; align-items: center; justify-content: center; padding: 2.5641025641vw; font-size: 4.1025641026vw;  line-height: 1.2; min-height: 16vw; background: url(../img/ttl_onegai_event_summary_sp.webp) center top no-repeat; background-size: 100% auto; color: #fff; font-weight: bold; line-height: 1.3; }
}
.mb--05em { margin-bottom: 0.5em; }





/* verse item */
.item__brand { display: none; }
@media (min-width: 769px) {
  .itemSummary { display: block; width: 540px; height: auto; }
  .item__ttl { margin-bottom: 15px; }
  .item__txt { margin: 10px 0 0; font-size: 13px; }
  .item__star { margin: 0 auto 15px auto; width: 250px; }
  .item__brand { grid-row: 2/3; grid-column: 1/2; }
  .item__img { width: 388px; height: 388px; margin: 0 auto; }
  .itemList { grid-column-gap: 16px; grid-row-gap: unset; grid-template-columns: repeat(4, 1fr); width: 768px; margin: 15px 0 0 -114px; }
  .itemList--caption { padding: 0 0 80px; }
  .itemList__term { height: 30px; margin: 0 0 8px; font-size: 13px; }
  .itemList__desc { font-size: 13px; }
  .itemList { display: flex; gap: 16px; justify-content: center; }
  .itemList__item { width: 170px; }
}

@media (max-width: 769px) {
  .itemSummary { width: 100%; height: auto; }
  .item__img { margin: 5vw 0; height: auto; overflow: hidden; }
  .item__img img { width: 120%!important; }
}



@media (min-width: 769px) {
  .bgHowto { width: 758px; min-height: 335px; padding: 55px 30px 45px 30px; background: url(../../howto/img/img_onegai_howto-1-13_bg.webp) center center no-repeat; background-size: 758px 335px; }
}
@media (max-width: 769px) {
  .bgHowto { padding: 10vw 7.5vw; background: url(../../howto/img/img_onegai_howto-1-13_bg_sp.webp) center center no-repeat; background-size: 100% auto; }
  .bgHowto img { width: 100%; }
}





.onegai .pageSelect { margin: 15px auto; width: 350px; height: 61px; background: url(../img/bg_onegai_pulldown.webp) center center no-repeat; background-size: 350px 61px; text-align: center; color: #fff; font-size: 1.4rem; font-weight: bold; line-height: 60px; }
@media (max-width: 769px) {
  .onegai .pageSelect { margin: 15px auto; width: 100%; height: 14vw; background: url(../img/bg_onegai_pulldown.webp) center center no-repeat; background-size: contain; text-align: center; color: #fff; font-size: 4.1025641026vw; font-weight: bold; line-height: 14vw; }
}


/* ===== アコーディオン全体 ===== */
.accordion {
  width: 378px;
  margin: 50px auto;
}

/* ===== グラデ枠（ここがキモ） ===== */
.box {
  margin: -30px 30px 0 30px;
  padding: 4px; /* ← 枠の太さ */
  border-radius: 30px;
  background: linear-gradient(90deg, #e86ad7, #38c0e8);
}

/* 内側 */
.box-inner {
  background: #fff;
  border-radius: 26px;
  padding: 30px 15px 15px 15px;
}

/* ===== リスト ===== */
.item {
  display: flex;
  align-items: center;
  padding: 14px 0;
  border-bottom: 1px solid transparent;
  position: relative;
}

/* グラデ線 */
.item::after {
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:1px;
  background: linear-gradient(90deg, #e86ad7, #38c0e8);
}

.item:last-child::after {
  display:none;
}


/* テキスト */
.item span {
  color:#38c0e8;
  font-weight:bold;
}
.acc-trigger {
  width: 378px;
  padding: 16px 20px;
  height: 61px;
  border-radius: 999px;
  font-size: 1.4rem;
  color: #fff;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  background: url(../img/bg_onegai_pulldown.webp);
  background-size: 378px 61px;
  position: relative;
  border: none;
}
.arrow {
  position: absolute;
  right: 30px;
  top: 47%;
  width: 8px;
  height: 8px;
  transform: translateY(-50%);
}

/* 「＞」を線で作る */
.arrow::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(135deg);
  transition: .3s;
}

/* 開いたら下向き（∨）に */
.acc-item.open .arrow::before {
  transform: rotate(-45deg);
}

.acc-item.open .arrow::after {
  transform: rotate(180deg);
}

.acc-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
  font-size: 1.3rem;
}

.acc-content .icon {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #ff77ed;
  margin-right: 8px;
  position: relative;
}
/* 中の「＞」 */
.acc-content .icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 47%;
  width: 6px;
  height: 6px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: translate(-50%, -50%) rotate(45deg);
}
.acc-content .item a { color: #00c0ff!important; text-decoration: none!important; }