@charset "UTF-8";
/* Mixin

@include flexbox();
@include flexbox_j_cont(center);
@include flexbox_align_itm(center);
flex-wrap: wrap;

@media screen and (min-width: $brake_md+1) {

}

------------------------------------------------------------ */
/*
============================================================

Mixin

============================================================
*/
/* flexbox
----------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,600,700,900&display=swap&subset=japanese");
/* line 37, ../../../../assets/scss/_modules/_mixin.scss */
.flexbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
/* line 39, ../../../../assets/scss/_modules/_mixin.scss */
.flexbox .flexbox_l {
  display: inline-block;
}
/* line 42, ../../../../assets/scss/_modules/_mixin.scss */
.flexbox .flexbox_r {
  display: inline-block;
}

/* Rex Breakpoint  ≥
----------------------------------------------------------------*/
/* Standard Color
----------------------------------------------------------------*/
/* Backbround Skew
----------------------------------------------------------------*/
/*Rex*/
/*
============================================================

Rex Design

============================================================
*/
/* Rex Font
----------------------------------------------------------------*/
/* Rex Color
----------------------------------------------------------------*/
/* Rex Icon
----------------------------------------------------------------*/
/* Rex Btn
----------------------------------------------------------------*/
/* line 37, ../../../../assets/scss/_modules/_rex.scss */
.btn-default {
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 3px;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  transition: color 0.2s cubic-bezier(0.25, 0, 0.45, 1);
  transition: background-color .2s ease-out,-webkit-box-shadow .2s ease-out;
  transition: background-color .2s ease-out,box-shadow .2s ease-out;
  transition: background-color .2s ease-out,box-shadow .2s ease-out,-webkit-box-shadow .2s ease-out;
  user-select: none;
  border: 1px solid transparent;
  cursor: pointer;
}

/* line 55, ../../../../assets/scss/_modules/_rex.scss */
.btn-outline {
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 3px;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  transition: color 0.2s cubic-bezier(0.25, 0, 0.45, 1);
  transition: background-color .2s ease-out,-webkit-box-shadow .2s ease-out;
  transition: background-color .2s ease-out,box-shadow .2s ease-out;
  transition: background-color .2s ease-out,box-shadow .2s ease-out,-webkit-box-shadow .2s ease-out;
  user-select: none;
  background: transparent;
  cursor: pointer;
}

/* pics-staticのルートディレクトリ指定
------------------------------------------------------------ */
/* webfont
------------------------------------------------------------ */
/* ベース
------------------------------------------------------------ */
/* bg
------------------------------------------------------------ */
/* ゆっくり遷移する */
/* line 76, ../scss/style.scss */
html {
  scroll-behavior: smooth;
}

/* line 79, ../scss/style.scss */
img {
  max-width: 100%;
  /* 1 */
  height: auto;
  /* 1 */
  vertical-align: middle;
  /* 2 */
  font-style: italic;
  /* 3 */
  background-repeat: no-repeat;
  /* 4 */
  background-size: cover;
  /* 4 */
  shape-margin: 0.75rem;
  /* 5 */
}

/* 共通
------------------------------------------------------------ */
/* line 91, ../scss/style.scss */
.pc_on {
  display: block;
}

/* line 95, ../scss/style.scss */
.sp .pc_on {
  display: none;
}

/* line 99, ../scss/style.scss */
.sp_on {
  display: none;
}

/* line 103, ../scss/style.scss */
.sp .sp_on {
  display: block;
}

/* line 108, ../scss/style.scss */
.insert-campaign {
  display: block;
  box-sizing: border-box;
  background: #333333;
  width: 100%;
  padding: 24px;
  margin: 0 0 24px 0;
}
@media screen and (min-width: 769px) {
  /* line 108, ../scss/style.scss */
  .insert-campaign {
    min-width: 970px;
    max-width: 1168px;
    width: auto;
    padding: 24px;
    margin: 0 0 24px 0;
  }
}
/* line 122, ../scss/style.scss */
.insert-campaign-inr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  flex-wrap: wrap;
}
/* line 129, ../scss/style.scss */
.insert-campaign-box-img {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  flex-wrap: wrap;
  background: #b83b4d;
  position: relative;
  filter: drop-shadow(0px 0px 16px rgba(0, 0, 0, 0.6));
}
@media screen and (min-width: 769px) {
  /* line 129, ../scss/style.scss */
  .insert-campaign-box-img {
    width: 548px;
  }
}
/* line 141, ../scss/style.scss */
.insert-campaign-box-img img {
  display: block;
  width: 100%;
}
/* line 145, ../scss/style.scss */
.insert-campaign-box-img:after {
  content: "";
  display: block;
  background: url(../img/20623/down.svg) center no-repeat;
  background-size: contain;
  width: 100%;
  height: 27px;
  text-align: center;
  margin: 0 0 0;
  padding: 0;
  color: #b83b4d;
  position: absolute;
  left: 0;
  bottom: -20px;
}
/* line 163, ../scss/style.scss */
.insert-campaign-box-btn .entrybtn a {
  color: #ffffff;
  font-size: 24px !important;
  font-weight: bold;
  border-radius: 8px !important;
}
/* line 171, ../scss/style.scss */
.insert-campaign-box-link {
  width: 100%;
  padding: 20px 0 0;
  margin: 0 0;
  text-align: center;
}
/* line 176, ../scss/style.scss */
.insert-campaign-box-link a {
  font-size: 14px;
  color: #ffffff;
  text-decoration: underline;
}
/* line 180, ../scss/style.scss */
.insert-campaign-box-link a:hover {
  text-decoration: none;
}
/* line 187, ../scss/style.scss */
.insert-campaign-main {
  display: block;
  width: 100%;
  box-sizing: border-box;
  background: #333333;
  padding: 40px 20px;
  margin: 0 0 24px 0;
}
@media screen and (min-width: 769px) {
  /* line 187, ../scss/style.scss */
  .insert-campaign-main {
    padding: 64px 88px;
    margin: 0 0 24px 0;
    min-width: 970px;
    max-width: 1168px;
    width: auto;
  }
}
/* line 204, ../scss/style.scss */
.insert-campaign-main-box-cap {
  color: #dbc599;
  text-align: center;
  font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
  font-weight: bold;
}
/* line 209, ../scss/style.scss */
.insert-campaign-main-box-cap strong {
  font-weight: 900;
  font-size: 24px;
  display: block;
  margin: 0 0 16px 0;
}
@media screen and (min-width: 769px) {
  /* line 209, ../scss/style.scss */
  .insert-campaign-main-box-cap strong {
    font-size: 24px;
  }
}
/* line 218, ../scss/style.scss */
.insert-campaign-main-box-cap span {
  font-size: 16px;
}
@media screen and (min-width: 769px) {
  /* line 218, ../scss/style.scss */
  .insert-campaign-main-box-cap span {
    font-size: 20px;
  }
}
/* line 225, ../scss/style.scss */
.insert-campaign-main-box-img {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  flex-wrap: wrap;
  background: #b83b4d;
  position: relative;
  margin: 24px 0;
}
/* line 234, ../scss/style.scss */
.insert-campaign-main-box-img img {
  display: block;
  width: 100%;
}
/* line 239, ../scss/style.scss */
.insert-campaign-main-box-btn {
  max-width: 640px;
  margin: 0 auto 48px;
}
/* line 243, ../scss/style.scss */
.insert-campaign-main-box-btn .entrybtn a {
  color: #ffffff;
  font-size: 24px !important;
  font-weight: bold;
  border-radius: 8px !important;
}
/* line 254, ../scss/style.scss */
.insert-ban {
  display: flex;
  justify-content: center;
  margin: 0 0 12px 0;
  flex-direction: column;
  gap: 8px;
}
@media screen and (min-width: 769px) {
  /* line 254, ../scss/style.scss */
  .insert-ban {
    flex-direction: row;
    margin: 0 0 20px 0;
  }
}
/* line 264, ../scss/style.scss */
.insert-ban-item {
  display: block;
  max-width: 570px;
  padding: 0 12px;
}
@media screen and (min-width: 769px) {
  /* line 264, ../scss/style.scss */
  .insert-ban-item {
    padding: 0 0;
    margin: 0 8px 0 0;
  }
}
/* line 273, ../scss/style.scss */
.insert-ban-item:last-child {
  margin: 0 0 0 0;
}
/* line 276, ../scss/style.scss */
.insert-ban-item img {
  display: block;
  width: 100%;
}
/* line 280, ../scss/style.scss */
.insert-ban-item a {
  opacity: 1;
  transition: all 0.4s;
}
/* line 283, ../scss/style.scss */
.insert-ban-item a:hover {
  opacity: 0.6;
}

/* line 291, ../scss/style.scss */
.freetrial {
  display: block;
  margin: 0 auto;
  position: relative;
  z-index: 3;
  box-sizing: border-box;
  text-align: center;
  padding: 0 20px 14px;
}
/* line 292, ../scss/style.scss */
.sp .freetrial .cpnInformations {
  padding: 16px 0;
}
/* line 296, ../scss/style.scss */
.freetrial a:hover {
  text-decoration: none;
  opacity: 0.8;
}
@media screen and (min-width: 769px) {
  /* line 291, ../scss/style.scss */
  .freetrial {
    padding: 56px 0;
  }
}
/* line 314, ../scss/style.scss */
.freetrial-inner {
  width: 100%;
  display: block;
  padding: 16px 16px 32px;
  box-sizing: border-box;
  background: #fff;
  margin: 0 auto;
  border: #323a5f 2px solid;
}
@media screen and (min-width: 769px) {
  /* line 314, ../scss/style.scss */
  .freetrial-inner {
    padding: 40px 0 40px;
    max-width: 1168px;
  }
}
/* line 327, ../scss/style.scss */
.freetrial-title {
  font-size: 24px;
  margin: 0 0 0 0;
  line-height: 1.4;
  text-align: center;
  font-family: "Noto Serif JP", serif;
  font-weight: 700;
  padding: 4px 0 0;
  background-repeat: no-repeat;
  background-image: url(../../../../static/msvod/asiamovie/img/freetrial/trial_left.svg), url(../../../../static/msvod/asiamovie/img/freetrial/trial_right.svg);
  background-position: left 0% top -2%, right 0% top -2%;
  background-size: 73px auto;
}
@media screen and (min-width: 769px) {
  /* line 327, ../scss/style.scss */
  .freetrial-title {
    padding: 0;
    font-size: 32px;
    background-repeat: no-repeat;
    background-position: left 25% center, right 25% center;
    background-size: auto;
  }
}
/* line 350, ../scss/style.scss */
.freetrial-title span {
  color: #ab2222;
}
/* line 353, ../scss/style.scss */
.freetrial-title strong {
  color: #323a5f;
  display: block;
}
@media screen and (min-width: 769px) {
  /* line 353, ../scss/style.scss */
  .freetrial-title strong {
    display: inline;
  }
}
/* line 362, ../scss/style.scss */
.freetrial-text {
  box-sizing: border-box;
  display: block;
  margin: 0 auto;
  padding: 16px;
  text-align: left;
  max-width: 970px;
  font-size: 14px;
  line-height: 1.6;
  color: #323a5f;
}
@media screen and (min-width: 769px) {
  /* line 362, ../scss/style.scss */
  .freetrial-text {
    padding: 26px 40px;
    display: inline-block;
    text-align: center;
    font-size: 16px;
  }
}
/* line 380, ../scss/style.scss */
.freetrial-text-term {
  margin: 0 0 0 0;
  color: #ab2222;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (min-width: 769px) {
  /* line 380, ../scss/style.scss */
  .freetrial-text-term {
    font-size: 16px;
  }
}
/* line 390, ../scss/style.scss */
.freetrial-text-term > span {
  display: inline-block;
  margin: 0 0 8px 0;
  padding: 5px 12px;
  background: #ab2222;
  border-radius: 30px;
  color: white;
}
@media screen and (min-width: 769px) {
  /* line 390, ../scss/style.scss */
  .freetrial-text-term > span {
    margin: 0 12px 0 0;
  }
}
/* line 405, ../scss/style.scss */
.freetrial-text ol {
  margin: 8px 0 0 0;
  list-style: none;
}
@media screen and (min-width: 769px) {
  /* line 405, ../scss/style.scss */
  .freetrial-text ol {
    font-size: 14px;
  }
}
/* line 411, ../scss/style.scss */
.freetrial-text ol li {
  line-height: 1.6;
  letter-spacing: 1px;
  font-size: 12px;
}
/* line 415, ../scss/style.scss */
.freetrial-text ol li::before {
  content: "※";
  margin: 0 2px 0 0;
}
/* line 419, ../scss/style.scss */
.freetrial-text ol li:nth-child(3) {
  font-weight: bold;
  color: #ab2222;
}
/* line 422, ../scss/style.scss */
.freetrial-text ol li:nth-child(3) > span {
  color: #323a5f;
  font-weight: normal;
}
/* line 427, ../scss/style.scss */
.freetrial-text ol li a {
  text-decoration: underline;
  color: #ab2222;
}
/* line 435, ../scss/style.scss */
.freetrial-h3title {
  margin: 16px 0 16px;
  padding: 8px 0 8px 40px;
  box-sizing: border-box;
  background: url(../../../../static/msvod/asiamovie/img/recommend/icon_title2.svg) no-repeat center left 0%;
  text-align: left;
  font-size: 18px;
  color: #323a5f;
}
@media screen and (min-width: 769px) {
  /* line 435, ../scss/style.scss */
  .freetrial-h3title {
    margin: 32px auto 16px;
    padding: 8px 0 8px 56px;
    font-size: 22px;
    background-size: 48px auto;
    max-width: 970px;
  }
}
/* line 450, ../scss/style.scss */
.freetrial-h3title h3 {
  font-size: 18px;
}
@media screen and (min-width: 769px) {
  /* line 450, ../scss/style.scss */
  .freetrial-h3title h3 {
    font-size: 22px;
  }
}
/* line 458, ../scss/style.scss */
.freetrial__step-box-inner {
  max-width: 970px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 12px;
}
@media screen and (max-width: 768px) {
  /* line 458, ../scss/style.scss */
  .freetrial__step-box-inner {
    flex-direction: column;
  }
}
/* line 470, ../scss/style.scss */
.freetrial__step-box-item {
  position: relative;
  padding: 48px 32px 32px;
  width: 25.5%;
  background: #f5f5f5;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  /* line 470, ../scss/style.scss */
  .freetrial__step-box-item {
    padding: 32px 16px 16px;
    width: 90%;
  }
}
/* line 486, ../scss/style.scss */
.freetrial__step-box-item:nth-of-type(1)::before {
  background-image: url(../img/freetrial/flow1.svg);
}
/* line 491, ../scss/style.scss */
.freetrial__step-box-item:nth-of-type(2)::before {
  background-image: url(../img/freetrial/flow2.svg);
}
/* line 496, ../scss/style.scss */
.freetrial__step-box-item:nth-of-type(3)::before {
  background-image: url(../img/freetrial/flow3.svg);
}
/* line 500, ../scss/style.scss */
.freetrial__step-box-item::before {
  content: "";
  /*何も入れない*/
  display: inline-block;
  /*忘れずに！*/
  width: 40px;
  /*画像の幅*/
  height: 40px;
  /*画像の高さ*/
  background-size: contain;
  background-position: center;
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  /* line 500, ../scss/style.scss */
  .freetrial__step-box-item::before {
    width: 35px;
    /*画像の幅*/
    height: 35px;
    /*画像の高さ*/
  }
}
@media screen and (max-width: 768px) {
  /* line 517, ../scss/style.scss */
  .freetrial__step-box-img {
    max-width: 94%;
  }
}
/* line 522, ../scss/style.scss */
.freetrial__step-box-text {
  color: #323a5f;
  font-size: 16px;
  line-height: 1.6;
  text-align: left;
}
@media screen and (max-width: 768px) {
  /* line 522, ../scss/style.scss */
  .freetrial__step-box-text {
    align-self: flex-start;
  }
}
/* line 530, ../scss/style.scss */
.freetrial__step-box-text > a {
  text-decoration: underline;
  color: #ab2222;
}
/* line 537, ../scss/style.scss */
.freetrial-timer {
  padding: 16px 8px 24px;
  margin: 0 auto 24px;
  box-sizing: border-box;
  max-width: 970px;
  color: #323a5f;
  background: #f5f5f5;
}
@media screen and (min-width: 769px) {
  /* line 537, ../scss/style.scss */
  .freetrial-timer {
    padding: 16px 8px 32px;
  }
}
/* line 549, ../scss/style.scss */
.freetrial-timer-start {
  font-size: 20px;
  font-weight: bold;
  margin: 8px 0 16px;
}
@media screen and (min-width: 769px) {
  /* line 549, ../scss/style.scss */
  .freetrial-timer-start {
    margin: 16px 0 16px;
    font-size: 24px;
  }
}
/* line 558, ../scss/style.scss */
.freetrial-timer-end {
  font-size: 20px;
  color: #ab2222;
  font-weight: bold;
}
@media screen and (max-width: 320px) {
  /* line 558, ../scss/style.scss */
  .freetrial-timer-end {
    font-size: 24px;
  }
}
@media screen and (min-width: 769px) {
  /* line 558, ../scss/style.scss */
  .freetrial-timer-end {
    font-size: 32px;
  }
}
/* line 571, ../scss/style.scss */
.freetrial-img {
  width: 100%;
  display: block;
  padding: 24px 0;
}
/* line 575, ../scss/style.scss */
.freetrial-img img {
  width: 100%;
}
/* line 580, ../scss/style.scss */
.freetrial-check {
  display: block;
  margin: 0 auto;
  padding: 0 0 0;
  text-align: left;
  max-width: 970px;
}
/* line 586, ../scss/style.scss */
.freetrial-check ol {
  list-style-type: none;
}
/* line 588, ../scss/style.scss */
.freetrial-check ol li {
  line-height: 1.6;
  letter-spacing: 1px;
  font-size: 12px;
}
/* line 592, ../scss/style.scss */
.freetrial-check ol li::before {
  content: "※";
  margin: 0 2px 0 0;
}
/* line 596, ../scss/style.scss */
.freetrial-check ol li:nth-child(2) {
  font-weight: bold;
  color: #ab2222;
}
/* line 600, ../scss/style.scss */
.freetrial-check ol li a {
  text-decoration: underline;
  color: #ab2222;
}

/* line 609, ../scss/style.scss */
.conversion {
  display: block;
  width: 100%;
  height: auto;
  background: #323a5f;
  background-size: cover;
  padding: 28px 20px 14px;
  margin: 0 0 0 0;
  box-sizing: border-box;
}
@media screen and (min-width: 769px) {
  /* line 609, ../scss/style.scss */
  .conversion {
    padding: 40px 0 40px;
  }
}
/* line 621, ../scss/style.scss */
.conversion-inner {
  margin: 0 auto;
  padding: 0;
  position: relative;
  box-sizing: border-box;
  padding: 0 0 0 0;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 769px) {
  /* line 621, ../scss/style.scss */
  .conversion-inner {
    width: 1168px;
  }
}
/* line 634, ../scss/style.scss */
.conversion-main {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  flex-wrap: wrap;
}
/* line 641, ../scss/style.scss */
.conversion-main-logo {
  display: block;
  width: 252px;
  margin: 0 auto 0;
}
@media screen and (min-width: 769px) {
  /* line 641, ../scss/style.scss */
  .conversion-main-logo {
    width: 310px;
    margin: 0 0 0 0;
  }
}
/* line 649, ../scss/style.scss */
.conversion-main-logo img {
  width: 100%;
  display: block;
}
/* line 655, ../scss/style.scss */
.conversion-main-copy {
  box-sizing: border-box;
  width: 100%;
  text-align: left;
  margin: 0 0 0 0;
  width: auto;
  display: inline-block;
  padding: 0 0 0 0;
}
@media screen and (min-width: 769px) {
  /* line 655, ../scss/style.scss */
  .conversion-main-copy {
    padding: 0 0 0 24px;
  }
}
/* line 666, ../scss/style.scss */
.conversion-main-copy-title {
  display: block;
  text-align: center;
  padding: 16px 0;
}
@media screen and (min-width: 769px) {
  /* line 666, ../scss/style.scss */
  .conversion-main-copy-title {
    text-align: left;
    padding: 0 0 0 0;
  }
}
/* line 674, ../scss/style.scss */
.conversion-main-copy-title span {
  line-height: 1.6;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif;
  color: white;
  letter-spacing: 1px;
  font-size: 18px;
  text-align: center;
}
@media screen and (min-width: 769px) {
  /* line 674, ../scss/style.scss */
  .conversion-main-copy-title span {
    font-size: 28px;
    text-align: left;
  }
}
/* line 688, ../scss/style.scss */
.conversion-main-copy-text {
  display: block;
  padding: 0 0;
  text-align: center;
}
@media screen and (min-width: 769px) {
  /* line 688, ../scss/style.scss */
  .conversion-main-copy-text {
    text-align: left;
  }
}
/* line 695, ../scss/style.scss */
.conversion-main-copy-text span {
  line-height: 1.6;
  color: #ffffff;
  font-weight: bold;
  letter-spacing: 1px;
  font-size: 14px;
  text-align: center;
}
@media screen and (min-width: 769px) {
  /* line 695, ../scss/style.scss */
  .conversion-main-copy-text span {
    font-size: 16px;
    text-align: left;
  }
}
/* line 711, ../scss/style.scss */
.conversion-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin: 16px auto 16px;
}
@media screen and (min-width: 769px) {
  /* line 711, ../scss/style.scss */
  .conversion-btn {
    margin: 24px auto 16px;
  }
}
/* line 719, ../scss/style.scss */
.conversion-btn-inner {
  width: 100%;
}
@media screen and (min-width: 769px) {
  /* line 719, ../scss/style.scss */
  .conversion-btn-inner {
    width: auto;
  }
}
/* line 725, ../scss/style.scss */
.conversion-btn a {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  border-radius: 4px;
  background: #ab2222 url(../img/button_detail_arrow.svg) center right 20px no-repeat;
  background-size: 8px;
  filter: drop-shadow(0px 4px 30px rgba(50, 58, 95, 0.5));
}
@media screen and (min-width: 769px) {
  /* line 725, ../scss/style.scss */
  .conversion-btn a {
    border-radius: 6px;
    background: #ab2222 url(../img/button_detail_arrow.svg) center right 20px no-repeat;
    background-size: 10px;
  }
}
/* line 743, ../scss/style.scss */
.conversion-btn a.gold {
  background: #c3a861 url(../img/button_detail_arrow.svg) center right 20px no-repeat;
  background-size: 10px;
}
/* line 747, ../scss/style.scss */
.conversion-btn a.gold:hover {
  text-decoration: none;
  background: #ffffff url(../img/button_detail_arrow.svg) center right 18px no-repeat;
  background-size: 10px;
}
/* line 755, ../scss/style.scss */
.conversion-btn a:hover {
  text-decoration: none;
  opacity: 0.8;
  background-size: 10px;
}
/* line 762, ../scss/style.scss */
.conversion-btn a span {
  color: #fff;
  display: block;
  letter-spacing: 1px;
  font-weight: bold;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  padding: 20px;
  width: 100%;
}
@media screen and (min-width: 769px) {
  /* line 762, ../scss/style.scss */
  .conversion-btn a span {
    font-size: 18px;
    padding: 20px 108px;
    width: auto;
  }
}
/* line 780, ../scss/style.scss */
.conversion-fix {
  display: block;
  width: 100%;
  background: rgba(50, 58, 95, 0.9);
  z-index: 11;
  position: fixed;
  left: 0;
  bottom: 0;
  margin: 0 0 0 0;
  opacity: 0;
  transition: all 0.4s;
  transform: translateY(400px);
  box-sizing: border-box;
  padding: 12px 20px 12px;
}
@media screen and (min-width: 769px) {
  /* line 780, ../scss/style.scss */
  .conversion-fix {
    padding: 0;
  }
}
/* line 799, ../scss/style.scss */
.conversion-fix.fixed {
  opacity: 1;
  z-index: 12;
  transform: translateY(0);
}
/* line 805, ../scss/style.scss */
.conversion-fix-inner {
  margin: 0 auto;
  padding: 0;
  position: relative;
  box-sizing: border-box;
  padding: 0 0 0 0;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  height: auto;
}
@media screen and (min-width: 769px) {
  /* line 805, ../scss/style.scss */
  .conversion-fix-inner {
    width: 1168px;
    height: 80px;
  }
}
/* line 824, ../scss/style.scss */
.conversion-fix-text {
  display: block;
  padding: 12px;
  width: 100%;
}
@media screen and (min-width: 769px) {
  /* line 824, ../scss/style.scss */
  .conversion-fix-text {
    width: auto;
    padding: 0 0;
  }
}
/* line 832, ../scss/style.scss */
.conversion-fix-text span {
  color: #fff;
  font-weight: bold;
  font-size: 13px;
  line-height: 1.2;
}
@media screen and (min-width: 769px) {
  /* line 832, ../scss/style.scss */
  .conversion-fix-text span {
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 1.6;
  }
}
/* line 845, ../scss/style.scss */
.conversion-fix-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin-left: 0;
  width: 100%;
}
@media screen and (min-width: 769px) {
  /* line 845, ../scss/style.scss */
  .conversion-fix-btn {
    width: auto;
  }
}
/* line 855, ../scss/style.scss */
.conversion-fix-btn a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  border-radius: 6px;
  background: #bf0000 url(../img/button_detail_arrow-w.svg) center right 10px no-repeat;
  background-size: 10px;
  width: 100%;
  height: auto;
}
@media screen and (min-width: 769px) {
  /* line 855, ../scss/style.scss */
  .conversion-fix-btn a {
    min-width: 232px;
    background: #bf0000 url(../img/button_detail_arrow-w.svg) center right 16px/10px no-repeat;
  }
}
/* line 873, ../scss/style.scss */
.conversion-fix-btn a:hover {
  text-decoration: none;
  background: #bf0000 url(../img/button_detail_arrow-w.svg) center right 16px no-repeat;
}
/* line 879, ../scss/style.scss */
.conversion-fix-btn a span {
  color: #ffffff;
  display: block;
  letter-spacing: 1px;
  font-weight: bold;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  padding: 12px;
}
@media screen and (min-width: 769px) {
  /* line 879, ../scss/style.scss */
  .conversion-fix-btn a span {
    font-size: 18px;
    padding: 20px 108px;
  }
}