@charset "UTF-8";
/* google font */
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+1:wght@100..900&display=swap");
/* google font */
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+1:wght@100..900&display=swap");
/* color */
/* general */
* {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  font-size: 14px;
  font-family: "hiragino-kaku-gothic-pron", sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

img {
  max-width: 100%;
}

#content {
  background: rgba(182, 0, 129, 0.15);
  padding-bottom: 60px;
}

.wrapper {
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  background: url(../img/bg_body.webp) center repeat-y;
  background-size: 750px auto;
  color: #000;
}

/* CTA計測用ボタン調整 */

#lp_ariga10_modal_open > .fw600 ,
#lp_ariga10_modal_open > img {
  pointer-events: none;
}

/* txt */
.fw500 {
  font-weight: 500;
}

.fw600 {
  font-weight: 600;
}

.fw700 {
  font-weight: 700;
}

.fw800 {
  font-weight: 800;
}

.fw900 {
  font-weight: 900;
}

small {
  display: block;
  color: #6E6E6E;
  font-size: 14px;
  padding-left: 1em;
  text-indent: -1em;
}

a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}

/* 固定部分 */
.fixLink {
  z-index: 998;
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 90px;
  background: linear-gradient(to right, #B60081 0%, #FB3BC3 100%);
  transition: 0.3s;
}
.fixLink.isHidden {
  transform: translate(-50%, 100%);
}
.fixLink a {
  display: block;
  padding-top: 16px;
  transition: 0.3s;
}
.fixLink a:hover {
  opacity: 0.6;
}
.fixLink a p {
  color: #FFF;
}
.fixLink a p.small {
  font-size: 12px;
  text-align: center;
}
.fixLink__title {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 11px;
  margin-bottom: 10px;
}
.fixLink__title p {
  font-size: 42px;
  line-height: 1;
}
.fixLink__title img {
  max-width: 280px;
}

/* common */
.lpContentsTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  margin-bottom: 44px;
  padding: 14px 0;
  color: #00AFCC;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: 0.2em;
}
.lpContentsTitle.type1 {
  background: #fef3f7;
}
.lpContentsTitle.type2 {
  background: #FDD23E;
}
.lpContentsTitle img {
  max-width: 63px;
  height: 1px;
}
.lpContentsTitle.mb0 {
  margin-bottom: 0;
}

.lpContents__inner {
  width: 100%;
  max-width: 647px;
  margin: 0 auto;
}
.lpContents__title {
  margin-bottom: 40px;
}
.lpContents__title img {
  display: block;
  margin: 0 auto;
}
.lpContents__title span {
  display: block;
  margin-bottom: 16px;
}
.lpContents__title span img {
  height: 20px;
}
.lpContents__title p {
  margin-top: 36px;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0.15em;
}

.entryBtn a {
  display: block;
}
.entryBtn a img {
  width: 100%;
}
.entryBtn small {
  padding-right: 64px;
  text-align: right;
}

.detailBox {
  margin-bottom: 40px;
  padding: 14px 24px;
  border-radius: 17px;
  background: #fef3f7;
}
.detailBox p {
  line-height: 23px;
}
.detailBox p span {
  font-weight: 700;
}
.detailBox dl {
  margin-bottom: 10px;
}
.detailBox dl dd + dt {
  margin-top: 10px;
}
.detailBox ul li {
  padding-left: 1em;
  text-indent: -1em;
}
.detailBox .space {
  margin-bottom: 46px;
}
.detailBox a {
  color: #000;
  text-decoration: underline;
}

.aboutList li {
  max-width: 590px;
  margin: 0 auto 10px;
}

.btnInner {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-bottom: 22px;
}
.btnInner .btn {
  width: 100%;
  max-width: 520px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  background: #FFF;
}
.btnInner .btn div, .btnInner .btn a {
  height: 100%;
}
.btnInner .btn a {
  display: block;
}
.btnInner .btn.type1 {
  height: 96px;
  border: 2px solid #B60081;
  border-radius: 48px;
}
.btnInner .btn.type1 div, .btnInner .btn.type1 a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  color: #6E6E6E;
  cursor: pointer;
  font-size: 16px;
}
.btnInner .btn.type1 div p, .btnInner .btn.type1 a p {
  text-align: center;
}
.btnInner .btn.type1 div img, .btnInner .btn.type1 a img {
  max-width: 22px;
}
.btnInner .btn.type2 {
  height: 88px;
  border: 4px solid #FDD23E;
  border-radius: 48px;
}
.btnInner .btn.type2 div, .btnInner .btn.type2 a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
.btnInner .btn.type2 div p img, .btnInner .btn.type2 a p img {
  max-width: 312px;
}
.btnInner .btn.type2 div img.arrow, .btnInner .btn.type2 a img.arrow {
  max-width: 22px;
}
.btnInner .btn.type3 {
  max-width: 277px;
  height: 37px;
  margin: 0 auto;
  border: 2px solid #6E6E6E;
  border-radius: 19px;
  text-align: center;
}
.btnInner .btn.type3 a {
  padding: 6px 0 0;
  color: #000;
}

/* fv */
.fv {
  margin-bottom: 33px;
  padding-top: 20px;
  background: url(../img/bg_fv.webp) top center;
  background-size: 750px auto;
}
.fv img {
  width: 100%;
}

/* 抽選期間 */
.limit {
  margin-bottom: 30px;
}
.limit__head {
  border-top-left-radius: 17px;
  border-top-right-radius: 17px;
  padding: 16px;
  background: #B60081;
}
.limit__head h3 {
  text-align: center;
}
.limit__head h3 img {
  max-width: 171px;
}
.limit__body {
  padding: 14px 17px;
  border: 2px solid #B60081;
  border-bottom-left-radius: 17px;
  border-bottom-right-radius: 17px;
  background: #FFF;
}
.limit__body dl {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.limit__body dl:last-of-type {
  margin-bottom: 0;
}
.limit__body dl dt, .limit__body dl dd {
  width: 100%;
}
.limit__body dl dt {
  max-width: 70px;
  padding: 5.2px 8.2px;
  border-radius: 7px;
  background: rgba(182, 0, 129, 0.2);
  font-size: 17px;
}
.limit__body dl dd {
  font-family: din-2014, "hiragino-kaku-gothic-pron", sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 28px;
  letter-spacing: 0px;
}
.limit__body dl dd span:not(.normal) {
  font-size: 25px;
}
.limit__body dl dd span.normal {
  font-family: "hiragino-kaku-gothic-pron", sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* 対象 */
.conditions {
  margin: 0 auto 24px;
  max-width: 500px;
}
.conditions img {
  display: block;
  max-width: 480px;
  margin: 0 auto 9px;
}
.conditions small {
  text-align: right;
}

/* 抽選に参加する */
.cpEntry {
  margin-bottom: 55px;
}
.cpEntry__main {
  margin-bottom: 16px;
}
.cpEntry__desc {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 12px;
}
.cpEntry__desc img, .cpEntry__desc span {
  width: 100%;
}
.cpEntry__desc img {
  max-width: 302px;
}
.cpEntry__desc span {
  max-width: fit-content;
  color: #00AFCC;
  font-size: 15px;
  line-height: 1;
}
.cpEntry {
  /* ダウンロードリンク */
}
.cpEntry__app h3 {
  margin-bottom: 12px;
  color: #6E6E6E;
  font-size: 20px;
  letter-spacing: 0;
  text-align: center;
}
.cpEntry__app__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 54px;
  margin-bottom: 20px;
}
.cpEntry__app__icon img {
  max-width: 182px;
}
.cpEntry__app__link {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 42px;
  margin-bottom: 32px;
}
.cpEntry__app__link div {
  width: 100%;
}
.cpEntry__app__link div:first-of-type {
  width: 100%;
  max-width: 255px;
}
.cpEntry__app__link div:first-of-type img {
  width: 100%;
  max-width: 255px;
}
.cpEntry__app__link div:last-of-type {
  width: 100%;
  max-width: 270px;
}
.cpEntry__app__link div:last-of-type img {
  width: 100%;
  max-width: 270px;
}

/* 賞品紹介 */
.prize.lpContents .lpContents__title img {
  max-width: 417px;
}

.prize small {
  display: block;
  margin-bottom: 36px;
  text-align: center;
}

.prizeBox {
  margin-bottom: 44px;
  cursor: pointer;
}
.prizeBox.last {
  margin-bottom: 16px;
}
.prizeBox__img {
  border-top-left-radius: 17px;
  border-top-right-radius: 17px;
}
.prizeBox__txt {
  position: relative;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 13px 20px;
  border-bottom-left-radius: 17px;
  border-bottom-right-radius: 17px;
  background: #FFF;
}
.prizeBox__txt__number img {
  max-width: 57px;
}
.prizeBox__txt h3 {
  margin-bottom: 5px;
}
.prizeBox__txt h3 img {
  height: 20px;
}
.prizeBox__txt .link {
  display: flex;
  align-items: center;
  gap: 5px;
  position: absolute;
  bottom: 10px;
  right: 13px;
}
.prizeBox__txt .link img {
  max-width: 20px;
}

/* 各boxの色分け */
.prizeBox.type1 .prizeBox__txt {
  border: 3px solid #3C5CAE;
}
.prizeBox.type1 .prizeBox__txt .link {
  color: #3C5CAE;
}

.prizeBox.type2 .prizeBox__txt {
  border: 3px solid #EA5804;
}
.prizeBox.type2 .prizeBox__txt .link {
  color: #EA5804;
}

.prizeBox.type3 .prizeBox__txt {
  border: 3px solid #00624C;
}
.prizeBox.type3 .prizeBox__txt .link {
  color: #00624C;
}

.prizeBox.type4 .prizeBox__txt {
  border: 3px solid #1DA7D7;
}
.prizeBox.type4 .prizeBox__txt .link {
  color: #1DA7D7;
}

.prizeBox.type5 .prizeBox__txt {
  border: 3px solid #DB88D5;
}
.prizeBox.type5 .prizeBox__txt .link {
  color: #DB88D5;
}

.prizeBox.type6 .prizeBox__txt {
  border: 3px solid #EAD887;
}
.prizeBox.type6 .prizeBox__txt .link {
  color: #EAD887;
}

.prizeBox.type7 .prizeBox__txt {
  border: 3px solid #E60013;
}
.prizeBox.type7 .prizeBox__txt .link {
  color: #E60013;
}

.prizeBox.type8 .prizeBox__txt {
  border: 3px solid #FCC600;
}
.prizeBox.type8 .prizeBox__txt .link {
  color: #FCC600;
}

.prizeBox.type9 .prizeBox__txt {
  border: 3px solid #09A862;
}
.prizeBox.type9 .prizeBox__txt .link {
  color: #09A862;
}

.prizeBox.type10 .prizeBox__txt {
  border: 3px solid #FF9EA0;
}
.prizeBox.type10 .prizeBox__txt .link {
  color: #FF9EA0;
}

/* デジタルサンクスカード */
.thanks.lpContents .lpContents__title img {
  max-width: 414px;
}

.thanks__img {
  position: relative;
  margin-bottom: 33px;
}
.thanks__img img {
  display: block;
  max-width: 500px;
  margin: 0 auto;
}
.thanks__img small {
  position: absolute;
  bottom: 0;
  right: 80px;
  display: block;
  /* 行揃えの為にma-widthで指定する */
  max-width: 210px;
  padding-left: 0;
  text-indent: 0;
}
.thanks .entryBtn {
  margin-bottom: 42px;
}

/* 参加方法 */
.flow.lpContents .lpContents__title img {
  max-width: 429px;
}

.flow .aboutList {
  margin-bottom: 36px;
}
.flow__main {
  margin-bottom: 40px;
  padding: 32px 46px;
  border: 3px solid #EE86A8;
  border-radius: 17px;
  background: #FFF;
}
.flow__box {
  margin-bottom: 22px;
}
.flow__box h3 {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-bottom: 30px;
  color: #B60081;
  font-size: 30px;
  line-height: 44px;
}
.flow__box h3 img {
  max-width: 82px;
}
.flow__box ul li {
  color: #6E6E6E;
  padding-left: 2em;
  text-indent: -2em;
  font-size: 13px;
  letter-spacing: -0.05em;
}
.flow__box ul li a {
  color: #6E6E6E;
  text-decoration: underline;
}
.flow__box__thumb {
  margin: 0 auto 60px;
  text-align: center;
}
.flow__box__thumb img {
  max-width: 286px;
}
.flow__arrow {
  max-width: fit-content;
  margin: 0 auto 28px;
}
.flow__arrow img {
  max-width: 110px;
}

/* ご参加サポート */
.cpSupport.lpContents .lpContents__title img {
  max-width: 518px;
}

.cpSupport {
  padding: 44px 0 20px;
  background: #FFF8E2;
}
.cpSupport__box {
  margin-bottom: 40px;
}
.cpSupport__box__head {
  padding: 12px 0;
  text-align: center;
  color: #FFF;
  font-size: 21px;
}
.cpSupport__box__head.type1 {
  background: #F66300;
}
.cpSupport__box__head.type2 {
  background: #5D81D6;
}
.cpSupport small {
  margin-bottom: 16px;
  color: #000;
  text-align: center;
}
.cpSupport .aboutList {
  margin-bottom: 40px;
}
.cpSupport .detailBox {
  margin-bottom: 0;
}

/* よくあるご質問 */
.qa.lpContents .lpContents__title img {
  max-width: 171px;
}

.qa {
  padding: 33px 0 43px;
  background: #FFF;
}

.qaBox {
  margin-bottom: 24px;
}
.qaBox__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #B60081;
  cursor: pointer;
}
.qaBox__head h4 {
  display: flex;
  align-items: center;
  gap: 15px;
  font-size: 22px;
}
.qaBox__head h4 img {
  max-width: 37px;
}
.qaBox__head .arrow {
  max-width: 22px;
  transition: 0.3s;
}
.qaBox__head.isActive .arrow {
  transform: rotate(-180deg);
}
.qaBox__head.isActive + .qaBox__accordion {
  height: fit-content;
  padding: 15px 30px 0 0;
}
.qaBox__accordion {
  height: 0;
  padding: 0 30px 0 0;
  overflow: hidden;
  transition: 0.3s;
}
.qaBox__accordion h5 {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  margin-bottom: 8px;
  color: #6E6E6E;
  font-size: 16px;
  line-height: 30px;
}
.qaBox__accordion h5 img {
  max-width: 37px;
}
.qaBox__content {
  padding-left: 52px;
}
.qaBox__content ul li {
  padding-left: 2em;
  text-indent: -2em;
  color: #6E6E6E;
  font-size: 14px;
}

/* 抽選条件 */
.terms {
  padding-bottom: 63px;
  background: #FFF;
}
.terms__head {
  padding: 18px 0 16px;
  border-top-left-radius: 17px;
  border-top-right-radius: 17px;
  background: #EE86A8;
  color: #FFF;
  font-size: 24px;
  line-height: 1;
  text-align: center;
}
.terms__body {
  padding: 13px 24px;
  border: 1px solid #EE86A8;
  border-bottom-left-radius: 17px;
  border-bottom-right-radius: 17px;
  background: #FFF;
}
.terms__body div {
  max-width: 100%;
  margin-bottom: 23px;
}
.terms__body p {
  line-height: 23px;
  padding-left: 1em;
}
.terms__body p span {
  font-weight: 700;
}
.terms__body ul li {
  line-height: 23px;
  padding-left: 2em;
  text-indent: -1em;
}
.terms__body ul li span {
  font-weight: 700;
}

/* modal */
.modalBg, .modal {
  display: none;
}
.modalBg.isActive, .modal.isActive {
  display: block;
}

.modalBg {
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  cursor: pointer;
}

.modal {
  z-index: 1000;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 64px);
  max-width: 500px;
  height: 100%;
  max-height: 80vh;
  background: #FFF;
  cursor: auto;
}
.modal__inner {
  max-height: 100%;
  overflow-y: scroll;
  padding: 14px 16px;
}
.modal {
  /* モーダル上部分の見出し */
}
.modal__title {
  position: relative;
  margin-bottom: 14px;
  border-top-right-radius: 17px;
}
.modal__title__content {
  z-index: 2;
  position: relative;
  display: flex;
  align-items: center;
  gap: 34px;
}
.modal__title__content div img {
  max-width: 104px;
}
.modal__title__content h2 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.modal__title__content h2 span {
  color: #FFF;
}
.modal__title__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-top-right-radius: 17px;
}
.modal__tie {
  position: relative;
  margin-bottom: 14px;
  overflow: hidden;
}
.modal__tie h3 {
  z-index: 2;
  position: relative;
  padding-left: 10px;
  color: #FFF;
  font-size: 18px;
  line-height: 36px;
}
.modal__tie__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.modal {
  /* 賞品 */
}
.modal__prize {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 4px;
  min-height: 174px;
  margin-bottom: 14px;
  padding: 14px 4px 16px 16px;
  border-radius: 10px;
  background: #FFF;
}
.modal__prize__img, .modal__prize__txt {
  width: 100%;
}
.modal__prize__img {
  max-width: 113px;
}
.modal__prize__txt {
  position: relative;
  /* 賞品名 */
}
.modal__prize__txt h4 {
  position: relative;
  margin-bottom: 8px;
  padding-bottom: 10px;
  font-family: "M PLUS 1", sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 22px;
  line-height: 26px;
  letter-spacing: -0.05em;
  /* 文字詰め用 */
}
.modal__prize__txt h4 span {
  font-size: 18px;
  line-height: 23px;
}
.modal__prize__txt h4 {
  /* 文字詰め用2 */
}
.modal__prize__txt h4 span.exsmall {
  font-size: 13px;
}
.modal__prize__txt h4:after {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100% - 16px);
  height: 2px;
}
.modal__prize__txt {
  /* 本文 */
}
.modal__prize__txt p {
  font-size: 14px;
  /* 文字詰め用 */
}
.modal__prize__txt p span:not(.kome) {
  display: block;
  font-size: 14px;
}
.modal__prize__txt p {
  /* コメ印用 */
}
.modal__prize__txt p span.kome {
  font-size: 10px;
  font-size: 9px;
  vertical-align: text-top;
}
.modal__prize__txt small {
  color: #000;
}
.modal__prize__txt small:not(.copy) {
  width: calc(100% - 16px);
  margin-top: 4px;
  font-size: 12px;
}
.modal__prize__txt small.copy {
  position: absolute;
  bottom: 0;
  right: 16px;
  font-size: 12px;
}
.modal__prize__txt {
  /* PS5コピーライト表記用 */
}
.modal__prize__txt.type2 {
  padding-bottom: 16px;
}
.modal__caution li {
  padding-left: 2em;
  text-indent: -2em;
  color: #FFF;
}
.modal {
  /* 各モーダルの背景 */
}
.modal.type1 {
  background: #3C5CAE;
}
.modal.type1 .modal__title__bg {
  background: linear-gradient(to right, #3c5990 0%, #383173);
}
.modal.type1 .modal__title h2 img {
  max-width: 152px;
}
.modal.type1 .modal__tie__bg {
  background: linear-gradient(to right, #0e2177 0%, #3350a3);
}
.modal.type1 .modal__prize__txt h4 {
  color: #3C5CAE;
}
.modal.type1 .modal__prize__txt h4:after {
  background: #3C5CAE;
}
.modal.type2 {
  background: #EA5804;
}
.modal.type2 .modal__title__bg {
  background: linear-gradient(to right, #ea5503 0%, #d71f00);
}
.modal.type2 .modal__title h2 img {
  max-width: 216px;
}
.modal.type2 .modal__tie__bg {
  background: linear-gradient(to right, #e44803 0%, #e64c03);
}
.modal.type2 .modal__prize__txt h4 {
  color: #EA5804;
}
.modal.type2 .modal__prize__txt h4:after {
  background: #EA5804;
}
.modal.type3 {
  background: #00624C;
}
.modal.type3 .modal__title__bg {
  background: linear-gradient(to right, #00603f 0%, #002617);
}
.modal.type3 .modal__title h2 img {
  max-width: 273px;
}
.modal.type3 .modal__tie__bg {
  background: linear-gradient(to right, #002617 0%, #005b46);
}
.modal.type3 .modal__prize__txt h4 {
  color: #00624C;
}
.modal.type3 .modal__prize__txt h4:after {
  background: #00624C;
}
.modal.type4 {
  background: #1DA7D7;
}
.modal.type4 .modal__title__bg {
  background: linear-gradient(to right, #1da2b3 0%, #046eb5);
}
.modal.type4 .modal__title h2 img {
  max-width: 223px;
}
.modal.type4 .modal__tie__bg {
  background: linear-gradient(to right, #046eb6 0%, #1aa1d4);
}
.modal.type4 .modal__prize__txt h4 {
  color: #1DA7D7;
}
.modal.type4 .modal__prize__txt h4:after {
  background: #1DA7D7;
}
.modal.type5 {
  background: #DB88D5;
}
.modal.type5 .modal__title__bg {
  background: linear-gradient(to right, #da84b1 0%, #bd49b2);
}
.modal.type5 .modal__title h2 img {
  max-width: 242px;
}
.modal.type5 .modal__tie__bg {
  background: linear-gradient(to right, #bc49b2 0%, #d881d1);
}
.modal.type5 .modal__prize__txt h4 {
  color: #DB88D5;
}
.modal.type5 .modal__prize__txt h4:after {
  background: #DB88D5;
}
.modal.type6 {
  background: #EAD887;
}
.modal.type6 .modal__title__bg {
  background: linear-gradient(to right, #ead370 0%, #d7b848);
}
.modal.type6 .modal__title h2 img {
  max-width: 261px;
}
.modal.type6 .modal__tie__bg {
  background: linear-gradient(to right, #d7b748 0%, #e7d480);
}
.modal.type6 .modal__prize__txt h4 {
  color: #EAD887;
}
.modal.type6 .modal__prize__txt h4:after {
  background: #EAD887;
}
.modal.type7 {
  background: #E60013;
}
.modal.type7 .modal__title__bg {
  background: linear-gradient(to right, #e60010 0%, #d3000a);
}
.modal.type7 .modal__title h2 img {
  max-width: 149px;
}
.modal.type7 .modal__tie__bg {
  background: linear-gradient(to right, #d3000a 0%, #e40012);
}
.modal.type7 .modal__prize__txt h4 {
  color: #E60013;
}
.modal.type7 .modal__prize__txt h4:after {
  background: #E60013;
}
.modal.type8 {
  background: #FCC600;
}
.modal.type8 .modal__title__bg {
  background: linear-gradient(to right, #fcc100 0%, #e7a800);
}
.modal.type8 .modal__title h2 img {
  max-width: 89px;
}
.modal.type8 .modal__tie__bg {
  background: linear-gradient(to right, #e7a800 0%, #f9c200);
}
.modal.type8 .modal__prize__txt h4 {
  color: #FCC600;
}
.modal.type8 .modal__prize__txt h4:after {
  background: #FCC600;
}
.modal.type9 {
  background: #09A862;
}
.modal.type9 .modal__title__bg {
  background: linear-gradient(to right, #09a451 0%, #088e34);
}
.modal.type9 .modal__title h2 img {
  max-width: 113px;
}
.modal.type9 .modal__tie__bg {
  background: linear-gradient(to right, #088e34 0%, #09a55d);
}
.modal.type9 .modal__prize__txt h4 {
  color: #09A862;
}
.modal.type9 .modal__prize__txt h4:after {
  background: #09A862;
}
.modal.type10 {
  background: #FF9EA0;
}
.modal.type10 .modal__title__bg {
  background: linear-gradient(to right, #ff9a84 0%, #ff6364);
}
.modal.type10 .modal__title h2 img {
  max-width: 204px;
}
.modal.type10 .modal__tie__bg {
  background: linear-gradient(to right, #ff6264 0%, #ff9799);
}
.modal.type10 .modal__prize__txt h4 {
  color: #FF9EA0;
}
.modal.type10 .modal__prize__txt h4:after {
  background: #FF9EA0;
}

/* ご契約方法モーダル */
.howto {
  padding: 50px 0 30px;
}
.howto__title {
  max-width: 344px;
  margin: 0 auto 27px;
}
.howto__sub {
  margin-bottom: 8px;
  color: #6E6E6E;
  letter-spacing: 0.3em;
  text-align: center;
}
.howto__box {
  margin-bottom: 27px;
  padding: 20px 26px;
  border: 2px solid #B60081;
  border-radius: 10px;
}
.howto__box h4 {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 8px;
  font-size: 25px;
  letter-spacing: 0.1em;
}
.howto__box h4 img {
  max-width: 46px;
}
.howto__box p {
  color: #6E6E6E;
  margin-bottom: 16px;
  letter-spacing: 0.1em;
}
.howto__box .btnInner:last-of-type {
  margin-bottom: 0;
}
.howto__notice li {
  padding-left: 1em;
  text-indent: -1em;
  line-height: 20px;
}

/* color */
@media screen and (max-width: 749px) {
  /* general */
  body {
    font-size: 1.9vw;
  }
  img {
    max-width: 100%;
  }
  #content {
    padding-bottom: 0;
  }
  .wrapper {
    background-size: 100vw auto;
  }
  small {
    font-size: 12px;
  }
  /* 固定部分 */
  .fixLink {
    height: 13vw;
  }
  .fixLink a {
    padding-top: 2.1vw;
  }
  .fixLink a p.small {
    font-size: 10px;
  }
  .fixLink__title {
    gap: 1.5vw;
    margin-bottom: 1.3vw;
  }
  .fixLink__title p {
    font-size: 5.6vw;
  }
  .fixLink__title img {
    max-width: 37.3vw;
  }
  /* common */
  .lpContentsTitle {
    gap: 1.1vw;
    margin-bottom: 5.9vw;
    padding: 1.9vw 0;
    font-size: 18px;
  }
  .lpContentsTitle img {
    max-width: 8.4vw;
    height: 0.1vw;
  }
  .lpContents__inner {
    max-width: 86.3vw;
  }
  .lpContents__title {
    margin-bottom: 5.3vw;
  }
  .lpContents__title span {
    display: block;
    margin-bottom: 2.1vw;
  }
  .lpContents__title span img {
    height: 2.6vw;
  }
  .lpContents__title p {
    margin-top: 4.8vw;
    font-size: 14px;
  }
  .entryBtn small {
    padding-right: 0;
    padding-left: 0;
    text-indent: 0;
    text-align: center;
  }
  .detailBox {
    margin-bottom: 5.3vw;
    padding: 1.9vw 3.2vw;
    border-radius: 2.3vw;
  }
  .detailBox p {
    font-size: 12px;
    line-height: 1.5;
  }
  .detailBox dl {
    margin-bottom: 5px;
  }
  .detailBox dl dt, .detailBox dl dd {
    font-size: 12px;
  }
  .detailBox dl dd + dt {
    margin-top: 5px;
  }
  .detailBox ul li {
    font-size: 12px;
  }
  .detailBox .space {
    margin-bottom: 6.1vw;
  }
  .aboutList li {
    margin: 0 auto 1.3vw;
  }
  .btnInner {
    gap: 4vw;
    margin-bottom: 2.9vw;
  }
  .btnInner .btn {
    max-width: 69.3vw;
  }
  .btnInner .btn.type1 {
    height: 12.8vw;
    border: 0.3vw solid #B60081;
    border-radius: 6.4vw;
  }
  .btnInner .btn.type1 div, .btnInner .btn.type1 a {
    gap: 1.6vw;
    font-size: 10px;
  }
  .btnInner .btn.type1 div img, .btnInner .btn.type1 a img {
    max-width: 2.9vw;
  }
  .btnInner .btn.type2 {
    height: 11.7vw;
    border: 0.5vw solid #FDD23E;
    border-radius: 6.4vw;
  }
  .btnInner .btn.type2 div, .btnInner .btn.type2 a {
    gap: 1.6vw;
  }
  .btnInner .btn.type2 div p img, .btnInner .btn.type2 a p img {
    max-width: 41.6vw;
  }
  .btnInner .btn.type2 div img.arrow, .btnInner .btn.type2 a img.arrow {
    max-width: 2.9vw;
  }
  .btnInner .btn.type3 {
    max-width: 36.9vw;
    height: 20px;
    border: 0.3vw solid #6E6E6E;
    border-radius: 15px;
  }
  .btnInner .btn.type3 a {
    padding: 2px 0 0;
    font-size: 10px;
  }
  /* fv */
  .fv {
    margin-bottom: 4.4vw;
    padding-top: 2.7vw;
    background-size: 100vw auto;
  }
  /* 抽選期間 */
  .limit {
    margin-bottom: 4vw;
  }
  .limit__head {
    border-top-left-radius: 2.3vw;
    border-top-right-radius: 2.3vw;
    padding: 2.1vw;
  }
  .limit__head h3 img {
    max-width: 22.8vw;
  }
  .limit__body {
    padding: 1.9vw 2.3vw;
    border: 0.3vw solid #B60081;
    border-bottom-left-radius: 2.3vw;
    border-bottom-right-radius: 2.3vw;
    background: #FFF;
  }
  .limit__body dl {
    gap: 1.3vw;
    margin-bottom: 1.3vw;
  }
  .limit__body dl dt {
    max-width: 9.3vw;
    padding: 0.7vw 1.1vw;
    border-radius: 0.9vw;
    font-size: 2.3vw;
  }
  .limit__body dl dd {
    font-size: 3.7vw;
  }
  .limit__body dl dd span:not(.normal) {
    font-size: 3.3vw;
  }
  /* 対象 */
  .conditions {
    margin: 0 auto 3.2vw;
    max-width: 66.7vw;
  }
  .conditions img {
    max-width: 64vw;
    margin: 0 auto 1.2vw;
  }
  .conditions small {
    padding-left: 0;
    text-indent: 0;
    text-align: center;
  }
  /* 抽選に参加する */
  .cpEntry {
    margin-bottom: 7.3vw;
  }
  .cpEntry__main {
    margin-bottom: 2.1vw;
  }
  .cpEntry__desc {
    margin-bottom: 1.6vw;
  }
  .cpEntry__desc img {
    max-width: 40.3vw;
  }
  .cpEntry__desc span {
    font-size: 10px;
  }
  .cpEntry {
    /* ダウンロードリンク */
  }
  .cpEntry__app h3 {
    margin-bottom: 1.6vw;
    font-size: 2.7vw;
  }
  .cpEntry__app__icon {
    gap: 7.2vw;
    margin-bottom: 2.7vw;
  }
  .cpEntry__app__icon img {
    max-width: 24.3vw;
  }
  .cpEntry__app__link {
    gap: 5.7vw;
    margin-bottom: 4.2vw;
  }
  .cpEntry__app__link div:first-of-type {
    max-width: 34vw;
  }
  .cpEntry__app__link div:first-of-type img {
    max-width: 34vw;
  }
  .cpEntry__app__link div:last-of-type {
    max-width: 36vw;
  }
  .cpEntry__app__link div:last-of-type img {
    max-width: 36vw;
  }
  /* 賞品紹介 */
  .prize.lpContents .lpContents__title img {
    max-width: 55.6vw;
  }
  .prize small {
    margin-bottom: 4.8vw;
    padding-left: 0;
    text-indent: 0;
  }
  .prizeBox {
    margin-bottom: 5.8vw;
    cursor: pointer;
  }
  .prizeBox.last {
    margin-bottom: 2.1vw;
  }
  .prizeBox__img {
    border-top-left-radius: 2.3vw;
    border-top-right-radius: 2.3vw;
  }
  .prizeBox__txt {
    gap: 1.5vw;
    padding: 1.7vw 2.6vw;
    border-bottom-left-radius: 2.3vw;
    border-bottom-right-radius: 2.3vw;
  }
  .prizeBox__txt__number img {
    max-width: 38px;
  }
  .prizeBox__txt h3 {
    margin-bottom: 3px;
  }
  .prizeBox__txt h3 img {
    height: 15px;
  }
  .prizeBox__txt h3 + p {
    font-size: 10px;
  }
  .prizeBox__txt .link {
    gap: 0.7vw;
    bottom: 1.3vw;
    right: 1.7vw;
    font-size: 10px;
  }
  .prizeBox__txt .link img {
    max-width: 2.6vw;
  }
  /* 各boxの色分け */
  .prizeBox.type1 .prizeBox__txt {
    border: 0.4vw solid #3C5CAE;
  }
  .prizeBox.type2 .prizeBox__txt {
    border: 0.4vw solid #EA5804;
  }
  .prizeBox.type3 .prizeBox__txt {
    border: 0.4vw solid #00624C;
  }
  .prizeBox.type4 .prizeBox__txt {
    border: 0.4vw solid #1DA7D7;
  }
  .prizeBox.type5 .prizeBox__txt {
    border: 0.4vw solid #DB88D5;
  }
  .prizeBox.type6 .prizeBox__txt {
    border: 0.4vw solid #EAD887;
  }
  .prizeBox.type7 .prizeBox__txt {
    border: 0.4vw solid #E60013;
  }
  .prizeBox.type8 .prizeBox__txt {
    border: 0.4vw solid #FCC600;
  }
  .prizeBox.type9 .prizeBox__txt {
    border: 0.4vw solid #09A862;
  }
  .prizeBox.type10 .prizeBox__txt {
    border: 0.4vw solid #FF9EA0;
  }
  /* デジタルサンクスカード */
  .thanks.lpContents .lpContents__title img {
    max-width: 55.2vw;
  }
  .thanks__img {
    margin-bottom: 4.4vw;
  }
  .thanks__img img {
    max-width: 66.6vw;
  }
  .thanks__img small {
    right: 7.8vw;
    /* 行揃えの為にma-widthで指定する */
    max-width: 40vw;
    font-size: 10px;
  }
  .thanks .entryBtn {
    margin-bottom: 8.5vw;
  }
  /* 参加方法 */
  .flow.lpContents .lpContents__title img {
    max-width: 57.2vw;
  }
  .flow .aboutList {
    margin-bottom: 4.8vw;
  }
  .flow__main {
    margin-bottom: 5.3vw;
    padding: 4.3vw 6.1vw;
    border: 0.4vw solid #EE86A8;
    border-radius: 2.3vw;
  }
  .flow__box {
    margin-bottom: 2.9vw;
  }
  .flow__box h3 {
    gap: 2.4vw;
    margin-bottom: 4vw;
    font-size: 4vw;
    line-height: 5.9vw;
  }
  .flow__box h3 img {
    max-width: 10.9vw;
  }
  .flow__box ul li {
    font-size: 12px;
  }
  .flow__box__thumb {
    margin: 0 auto 8vw;
  }
  .flow__box__thumb img {
    max-width: 38.1vw;
  }
  .flow__arrow {
    margin: 0 auto 3.7vw;
  }
  .flow__arrow img {
    max-width: 11.3vw;
  }
  /* ご参加サポート */
  .cpSupport.lpContents .lpContents__title img {
    max-width: 420px;
    width: 80vw;
  }
  .cpSupport {
    padding: 44px 0 2.6vw;
  }
  .cpSupport__box {
    margin-bottom: 5.3vw;
  }
  .cpSupport__box__head {
    padding: 1.6vw 0;
    font-size: 14px;
  }
  .cpSupport small {
    margin-bottom: 2.1vw;
  }
  .cpSupport .aboutList {
    margin-bottom: 5.3vw;
  }
  /* よくあるご質問 */
  .qa.lpContents .lpContents__title img {
    max-width: 22.8vw;
  }
  .qa {
    padding: 4.4vw 0 5.7vw;
  }
  .qaBox {
    margin-bottom: 3.2vw;
  }
  .qaBox__head {
    padding-bottom: 0.7vw;
    border-bottom: 0.1vw solid #B60081;
  }
  .qaBox__head h4 {
    gap: 10px;
    font-size: 14px;
  }
  .qaBox__head h4 img {
    max-width: 20px;
  }
  .qaBox__head .arrow {
    max-width: 2.9vw;
  }
  .qaBox__head.isActive + .qaBox__accordion {
    padding: 10px 15px 0 0;
  }
  .qaBox__accordion {
    padding: 0 15px 0 0;
  }
  .qaBox__accordion h5 {
    gap: 10px;
    margin-bottom: 1.1vw;
    font-size: 14px;
    line-height: 1.3;
  }
  .qaBox__accordion h5 img {
    max-width: 20px;
  }
  .qaBox__content {
    padding-left: 30px;
  }
  .qaBox__content ul li {
    font-size: 12px;
  }
  /* 抽選条件 */
  .terms {
    padding-bottom: 8.4vw;
  }
  .terms__head {
    padding: 2.4vw 0 2.1vw;
    border-top-left-radius: 2.3vw;
    border-top-right-radius: 2.3vw;
    font-size: 16px;
    line-height: 1.3;
  }
  .terms__body {
    padding: 1.7vw 3.2vw;
    border: 0.1vw solid #EE86A8;
    border-bottom-left-radius: 2.3vw;
    border-bottom-right-radius: 2.3vw;
  }
  .terms__body div {
    margin-bottom: 3.1vw;
  }
  .terms__body h3 {
    font-size: 14px;
  }
  .terms__body p {
    font-size: 12px;
    line-height: 1.5;
  }
  .terms__body ul li {
    font-size: 12px;
    line-height: 1.5;
  }
  /* modal */
  .modal {
    width: 86.3vw;
    max-width: 480px;
    /*width: calc(100% - 8.5vw);
    max-width: 66.7vw;*/
  }
  .modal small:not(.copy) {
    font-size: 10px;
  }
  .modal__inner {
    padding: 1.9vw 2.1vw;
  }
  .modal__title {
    position: relative;
    margin-bottom: 1.9vw;
    border-top-right-radius: 2.3vw;
  }
  .modal__title__content {
    gap: 4.5vw;
  }
  .modal__title__content div img {
    max-width: 13.9vw;
  }
  .modal__title__content h2 {
    gap: 5px;
  }
  .modal__title__content h2 span {
    font-size: 10px;
  }
  .modal__tie {
    margin-bottom: 1.9vw;
  }
  .modal__tie h3 {
    padding-left: 1.3vw;
    font-size: 15px;
  }
  .modal__prize {
    gap: 5px;
    min-height: 23.2vw;
    margin-bottom: 1.9vw;
    padding: 1.9vw 0.5vw 2.1vw 2.1vw;
    border-radius: 1.3vw;
  }
  .modal__prize__img {
    max-width: 15.1vw;
  }
  .modal__prize__txt {
    /* 賞品名 */
  }
  .modal__prize__txt h4 {
    margin-bottom: 1.1vw;
    padding-bottom: 1.1vw;
    font-size: 14px;
    line-height: 1.1;
    /* 文字詰め用 */
  }
  .modal__prize__txt h4 span {
    font-size: 13px;
    line-height: 1.1;
  }
  .modal__prize__txt h4 {
    /* 文字詰め用2 */
  }
  .modal__prize__txt h4 span.exsmall {
    font-size: 2vw;
  }
  .modal__prize__txt h4:after {
    width: calc(100% - 2.1vw);
  }
  .modal__prize__txt h4 img {
    max-width: 29.4vw;
  }
  .modal__prize__txt {
    /* 本文 */
  }
  .modal__prize__txt p {
    font-size: 12px;
    padding-right: 5px;
    /* 文字詰め用 */
  }
  .modal__prize__txt p span {
    font-size: 1.8vw;
    letter-spacing: -0.05em;
  }
  .modal__prize__txt p {
    /* コメ印用 */
  }
  /*追記260910*/
  .modal__prize__txt p span:not(.kome) {
    font-size: 12px;
  }
  /*追記ここまで*/
  .modal__prize__txt p span.kome {
    font-size: 1.3vw;
    font-size: 1.2vw;
  }
  .modal__prize__txt small:not(.copy) {
    width: calc(100% - 2.1vw);
    margin-top: 0.5vw;
  }
  .modal__prize__txt small.copy {
    right: 2.1vw;
    font-size: 9px;
  }
  .modal__prize.type2 {
    padding-bottom: 2.1vw;
  }
  .modal__caution li {
    font-size: 10px;
  }
  .modal {
    /* 各モーダルの背景 */
  }
  .modal.type1 .modal__title h2 img {
    max-width: 20.2vw;
  }
  .modal.type2 .modal__title h2 img {
    max-width: 28.8vw;
  }
  .modal.type3 .modal__title h2 img {
    max-width: 36.4vw;
  }
  .modal.type4 .modal__title h2 img {
    max-width: 29.7vw;
  }
  .modal.type5 .modal__title h2 img {
    max-width: 32.2vw;
  }
  .modal.type6 .modal__title h2 img {
    max-width: 34.8vw;
  }
  .modal.type7 .modal__title h2 img {
    max-width: 19.8vw;
  }
  .modal.type8 .modal__title h2 img {
    max-width: 11.9vw;
  }
  .modal.type9 .modal__title h2 img {
    max-width: 15.1vw;
  }
  .modal.type10 .modal__title h2 img {
    max-width: 27.2vw;
  }
  /* ご契約方法モーダル */
  .howto {
    padding: 6.6vw 0 4vw;
  }
  .howto__title {
    max-width: 45.8vw;
    margin: 0 auto 3.6vw;
  }
  .howto__sub {
    margin-bottom: 1.1vw;
    font-size: 16px;
  }
  .howto__box {
    margin-bottom: 3.6vw;
    padding: 2.6vw 3.5vw;
    border-radius: 1.3vw;
  }
  .howto__box h4 {
    gap: 0.9vw;
    margin-bottom: 1.1vw;
    font-size: 15px;
  }
  .howto__box h4 img {
    max-width: 6.1vw;
  }
  .howto__box p {
    margin-bottom: 2.1vw;
    font-size: 13px;
  }
  .howto__notice li {
    padding-left: 1em;
    text-indent: -1em;
    font-size: 12px;
    line-height: 1.5;
  }
}/*# sourceMappingURL=lpStyle.css.map */