@charset "UTF-8";
.all_wrap {
  line-height: 1.8; }
  .all_wrap * {
    margin: 0;
    padding: 0; }
  .all_wrap h1, .all_wrap h2, .all_wrap h3, .all_wrap h4, .all_wrap h5, .all_wrap h6 {
    line-height: 1.5; }
  .all_wrap *[href]:focus {
    text-decoration: none; }

#all_container {
  position: relative; }

#canvas {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -9; }

.m-sp-only {
  display: none !important; }
  @media (max-width: 768px) {
    .m-sp-only {
      display: inline-block !important; } }

@media (max-width: 768px) {
  .m-pc-only {
    display: none !important; } }

.m-nowrap {
  display: inline-block; }

.extnl_link,
.external-link {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 3px 5px 0 5px;
  background: url(/shared/img/format_global01/icon_externalLink.gif) 0 0 no-repeat; }

.extnl_link--white,
.external-link--white {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 3px 5px 0 5px;
  background: url(../image/icon_blank_w.png) 0 0 no-repeat; }

.l-section, .l-section--border-top {
  padding-top: 70px;
  padding-bottom: 30px; }
  @media (max-width: 768px) {
    .l-section, .l-section--border-top {
      padding-top: 40px;
      padding-bottom: 25px; } }
  .l-section + .l-section, .l-section--border-top + .l-section, .l-section + .l-section--border-top, .l-section--border-top + .l-section--border-top {
    margin-top: 30px; }
    @media (max-width: 768px) {
      .l-section + .l-section, .l-section--border-top + .l-section, .l-section + .l-section--border-top, .l-section--border-top + .l-section--border-top {
        margin-top: 25px; } }
  .l-section--border-top {
    border-top: 1px solid #e5e5e5; }

.l-inner {
  margin-left: auto;
  margin-right: auto;
  width: 100%; }

.l-paragraph + .l-paragraph {
  margin-top: 0.8em; }

.m-title__wrap, .m-title__subwrap {
  display: block;
  text-align: center;
  margin-bottom: 30px; }
.m-title__item, .m-title__item--vertically-long, .m-title__item--small-text, .m-title__item--img, .m-title__item__subtext, .m-title__sub-item, .m-title__sub-item--middle, .m-title__sub-item--middle--border, .m-title__sub-item--small, .m-title__sub-item--small--border {
  font-size: 27px;
  font-weight: 900;
  line-height: 1.5;
  display: block; }
  @media (max-width: 768px) {
    .m-title__item, .m-title__item--vertically-long, .m-title__item--small-text, .m-title__item--img, .m-title__item__subtext, .m-title__sub-item, .m-title__sub-item--middle, .m-title__sub-item--middle--border, .m-title__sub-item--small, .m-title__sub-item--small--border {
      font-size: 24px; } }
  .m-title__item--vertically-long {
    transform: scaleX(0.88);
    letter-spacing: 0.08em;
    margin-bottom: 15px;
    margin-left: -30px;
    margin-right: -30px; }
  .m-title__item--label {
    display: inline-block;
    border: 1px solid #82909a;
    border-radius: 40px;
    color: #82909a;
    font-size: 20px;
    font-weight: 900;
    padding: 5px 27px 3px; }
  .m-title__item--small-text {
    font-size: 23px;
    display: inline; }
  .m-title__item--img {
    display: inline-block;
    max-width: 616px; }
    @media (max-width: 768px) {
      .m-title__item--img {
        max-width: 278px; } }
  .m-title__item__subtext {
    font-size: 20px;
    margin-bottom: 5px; }
.m-title__subwrap {
  margin-bottom: 24px; }
.m-title__sub-item, .m-title__sub-item--middle, .m-title__sub-item--middle--border, .m-title__sub-item--small, .m-title__sub-item--small--border {
  text-align: left;
  margin-bottom: 37px; }
  .m-title__sub-item--middle, .m-title__sub-item--middle--border {
    font-size: 20px;
    margin-bottom: 25px; }
    .m-title__sub-item--middle--border {
      padding-bottom: 15px;
      border-bottom: 2px solid #e6e9eb; }
    @media (max-width: 768px) {
      .m-title__sub-item--middle, .m-title__sub-item--middle--border {
        font-size: 18px; } }
  .m-title__sub-item--small, .m-title__sub-item--small--border {
    font-size: 16px;
    margin-bottom: 25px;
    color: #82909a; }
    .m-title__sub-item--small--border {
      padding-bottom: 12px;
      border-bottom: 2px solid #e6e9eb; }
    @media (max-width: 768px) {
      .m-title__sub-item--small, .m-title__sub-item--small--border {
        font-size: 15px; } }

.m-btn__item {
  text-align: center; }
  .m-btn__item__link, .m-btn__item__link--pink, .m-btn__item__link--pink-solid, .m-btn__item__link--black, .m-btn__item__link--grayout {
    display: block;
    border: 1px solid #000;
    font-size: 13px;
    font-weight: 900;
    padding: 17px 5px;
    transition: all 0.2s ease 0s;
    background-color: rgba(255, 255, 255, 0.7);
    text-align: center; }
    .m-btn__item__link.btn-big, .btn-big.m-btn__item__link--pink, .btn-big.m-btn__item__link--pink-solid, .btn-big.m-btn__item__link--black, .btn-big.m-btn__item__link--grayout {
      font-size: 16px;
      padding: 25px 5px 24px; }
      @media (max-width: 768px) {
        .m-btn__item__link.btn-big, .btn-big.m-btn__item__link--pink, .btn-big.m-btn__item__link--pink-solid, .btn-big.m-btn__item__link--black, .btn-big.m-btn__item__link--grayout {
          font-size: 15px; } }
    .m-btn__item__link--pink {
      border-color: #f55787;
      color: #f55787;
      position: relative; }
      .m-btn__item__link--pink:focus {
        color: #f55787; }
      .m-btn__item__link--pink:hover {
        background-color: #f55787;
        color: #ffffff; }
    .m-btn__item__link--pink-solid {
      border-color: #f55787;
      background-color: #f55787;
      color: #ffffff; }
      .m-btn__item__link--pink-solid:focus {
        color: #ffffff; }
      .m-btn__item__link--pink-solid:hover {
        background-color: #e7346e;
        border-color: #e7346e;
        color: #ffffff; }
    .m-btn__item__link--black {
      border-color: #333333;
      color: #333333; }
      .m-btn__item__link--black:focus {
        color: #333333; }
      .m-btn__item__link--black:hover {
        background-color: #333333;
        color: #ffffff; }
    .m-btn__item__link--grayout {
      border-color: #cccccc !important;
      background-color: #cccccc;
      color: #ffffff !important;
      cursor: default; }
  .m-btn__item__caption, .m-btn__item__caption--sub {
    font-size: 16px;
    background-image: linear-gradient(to bottom, transparent 0%, transparent 38%, #fedbe3 calc(38% + 1px), #ffbfbf calc(38% + 2px), #fedbe3 calc(38% + 3px), #ffbfbf calc(38% + 4px), #fedbe3 calc(38% + 5px), #ffbfbf calc(38% + 6px), #fedbe3 calc(38% + 7px), #ffbfbf calc(38% + 8px), #fedbe3 calc(38% + 9px), #ffbfbf calc(38% + 10px), #fedbe3 calc(38% + 11px), #ffbfbf calc(38% + 12px), #fedbe3 calc(38% + 13px), #ffbfbf calc(38% + 14px), #fedbe3 calc(38% + 15px), #ffbfbf calc(38% + 16px), #fedbe3 calc(38% + 17px), #ffbfbf calc(38% + 18px), #fedbe3 calc(38% + 19px), #ffbfbf calc(38% + 20px));
    padding-left: 1em;
    padding-right: 1em; }
    .m-btn__item__caption__wrap {
      display: block;
      margin-top: 10px;
      text-align: center; }
    @media (max-width: 768px) {
      .m-btn__item__caption, .m-btn__item__caption--sub {
        font-size: 15px; } }
    .m-btn__item__caption--sub {
      font-size: 13px; }

.m-text, .m-text--bold {
  font-size: 16px; }
  @media (max-width: 768px) {
    .m-text, .m-text--bold {
      font-size: 15px; } }
  .m-text__comment, .m-text__comment--gray {
    font-size: 13px; }
    .m-text__comment--gray {
      color: #999999; }
  .m-text__notice, .m-text__notice--gray {
    font-size: 11px; }
    .m-text__notice--gray {
      color: #999999; }
  .m-text--bold {
    font-weight: 900; }

.m-list__item {
  padding-left: 1em;
  text-indent: -1em; }

.kv {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 1200px; }
  .kv__img {
    display: block;
    width: 100%; }

.lp-nav {
  font-size: 0;
  max-width: 820px;
  width: 100%;
  margin-left: auto;
  margin-right: auto; }
  .lp-nav__wrap {
    padding-top: 40px; }
    @media (max-width: 768px) {
      .lp-nav__wrap {
        padding-top: 15px; } }
  .lp-nav__item {
    display: inline-block;
    max-width: 260px;
    width: 31.70731707317073%;
    font-size: 13px;
    font-weight: 900;
    text-align: center; }
    @media (max-width: 768px) {
      .lp-nav__item {
        width: 100%;
        max-width: inherit; } }
    .lp-nav__item + .lp-nav__item {
      margin-left: 2.439024390243902%; }
      @media (max-width: 768px) {
        .lp-nav__item + .lp-nav__item {
          margin-left: 0;
          margin-top: 9px; } }
    .lp-nav__item__link::before {
      content: "▼";
      font-size: 12px;
      display: inline-block;
      vertical-align: middle;
      margin-right: 5px; }

@media (max-width: 768px) {
  .lp-news {
    margin-left: -15px;
    margin-right: -15px; } }
.lp-news__col__wrap {
  max-width: 920px;
  font-size: 0; }
.lp-news__col__item {
  display: inline-block;
  max-width: 278px;
  width: 30.21739130434783%;
  vertical-align: top; }
  .lp-news__col__item__link {
    display: block; }
    .lp-news__col__item__link:hover {
      opacity: 0.7;
      transition: all 0.2s ease 0s; }
  .lp-news__col__item__img {
    background-image: url("../image/news_bg.png");
    background-size: contain;
    padding: 7px; }
  @media (max-width: 768px) {
    .lp-news__col__item {
      padding-left: 20px;
      padding-right: 20px;
      max-width: inherit;
      width: calc(100% / 3); } }
  .lp-news__col__item + .lp-news__col__item {
    margin-left: 4.347826086956522%; }
    @media (max-width: 768px) {
      .lp-news__col__item + .lp-news__col__item {
        margin-left: 0; } }
  .lp-news__col__item__textbox {
    padding-top: 15px;
    background-color: rgba(255, 255, 255, 0.7);
    height: 120px;
    border-bottom: 1px solid #e5e5e5; }
  .lp-news__col__item__date {
    font-size: 11px;
    color: #82909a;
    margin-bottom: 10px;
    display: block; }
  .lp-news__col__item__text {
    display: block;
    font-size: 13px;
    color: #333333; }

.new_mark{
  color: #fff;
/*  background-color: #E9444B;*/
  background-color: #E7316E;
  line-height:1;
  padding: 2px 5px 0px;
  margin-right: 5px;
}

.lp-movie {
  padding-top: 50px; }
  @media (max-width: 768px) {
    .lp-movie {
      padding-top: 40px; } }
  .lp-movie__wrap {
    max-width: 780px; }

.lp-about__textbox {
  max-width: 700px;
  margin-top: 30px; }
.lp-about__img {
  max-width: 900px;
  margin-top: 35px; }
.lp-about__btn__wrap {
  margin-top: 75px;
  max-width: 420px; }
  @media (max-width: 768px) {
    .lp-about__btn__wrap {
      margin-top: 25px; } }
.lp-about__btn__item + .lp-about__btn__item {
  margin-top: 20px; }

.lp-plugin__textbox {
  max-width: 700px;
  margin-top: 30px; }
.lp-plugin__listening-btn {
  max-width: 260px;
  margin-left: auto; }
  @media (max-width: 768px) {
    .lp-plugin__listening-btn {
      margin-right: auto; } }
  .lp-plugin__listening-btn__wrap {
    max-width: 780px;
    padding-right: 47.918%;
    padding-top: 100px;
    padding-bottom: 100px;
    background-image: url(../image/plugin01.png);
    background-repeat: no-repeat;
    background-position: right 10% center;
    background-size: 38.07692307692308% auto; }
    @media (max-width: 768px) {
      .lp-plugin__listening-btn__wrap {
        padding-right: 0;
        width: 100%;
        background-image: url(../image/plugin01_sp.png);
        background-position: center top 20px;
        background-size: auto 344px;
        padding-top: 393px;
        padding-bottom: 30px; } }
  .lp-plugin__listening-btn__item {
    text-align: center; }
    .lp-plugin__listening-btn__item + .lp-plugin__listening-btn__item {
      margin-top: 30px; }
    .lp-plugin__listening-btn__item__link {
      position: relative; }
      .lp-plugin__listening-btn__item__link::after {
        content: "";
        display: block;
        width: 27px;
        height: 16px;
        background-image: url(../image/icon_sound-wave_pink.png);
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 10px;
        margin: auto; }
      .lp-plugin__listening-btn__item__link:hover::after {
        background-image: url(../image/icon_sound-wave_black.png); }
      .lp-plugin__listening-btn__item__link.m-btn__item__link--grayout::after {
        background-image: url(../image/icon_sound-wave_white.png); }
  .lp-plugin__listening-btn__caption {
    font-size: 16px; }
  .lp-plugin__listening-btn__comment {
    margin-top: 20px;
    text-align: right; }
    @media (max-width: 768px) {
      .lp-plugin__listening-btn__comment {
        text-align: center; } }
.lp-plugin__comment {
  max-width: 700px;
  margin-top: 20px; }
.lp-plugin__detail-btn__wrap {
  max-width: 420px;
  margin-top: 50px; }

.lp-package__textbox {
  max-width: 700px; }
.lp-package__col {
  font-size: 0;
  height: 100%; }
  @media (max-width: 768px) {
    .lp-package__col {
      position: relative;
      padding-bottom: 140%; } }
  .lp-package__col__wrap {
    max-width: 900px;
    margin-top: 30px; }
  .lp-package__col__item {
    display: inline-block;
    max-width: 280px;
    width: 31.11111111111111%;
    text-align: center; }
    .lp-package__col__item:last-child .lp-package__col__item__img {
      padding: 40px 40px 25px 25px; }
    @media (max-width: 768px) {
      .lp-package__col__item {
        position: absolute;
        width: 51.09375%; }
        .lp-package__col__item:first-child {
          top: 0;
          left: 0; }
        .lp-package__col__item:nth-child(2) {
          top: 20%;
          right: 0; }
        .lp-package__col__item:last-child {
          top: 46.935%;
          left: 0; } }
    .lp-package__col__item + .lp-package__col__item {
      margin-left: 3.333333333333333%; }
      @media (max-width: 768px) {
        .lp-package__col__item + .lp-package__col__item {
          margin-left: 0; } }
    .lp-package__col__item__link {
      display: block;
      position: relative;
      overflow: hidden; }
      .lp-package__col__item__link:hover .lp-package__col__item__img {
        transform: scale(0.9); }
    .lp-package__col__item__img {
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      padding: 30px;
      max-height: 100%;
      transition: transform 0.2s ease 0s; }
    .lp-package__col__item__caption {
      margin-top: 10px;
      display: inline-block; }
  .lp-package__col__notice {
    text-align: center;
    margin-top: 35px; }
    @media (max-width: 768px) {
      .lp-package__col__notice {
        margin-top: -20px; } }

.lp-order {
  position: relative;
  background-color: rgba(255, 255, 255, 0.7);
  padding-left: 23px;
  padding-right: 23px;
  padding-top: 58px;
  padding-bottom: 60px; }
  @media (max-width: 768px) {
    .lp-order {
      padding-bottom: 50px; } }
  .lp-order::after {
    content: "";
    display: block;
    width: 100%;
    height: 8px;
    position: absolute;
    top: 0;
    left: 0;
    background: repeating-linear-gradient(-45deg, #f4a8a8 0px, #f4a8a8 4px, #ee8b8b 5px, #f4a8a8 6px, #f4a8a8 10px, #ee8b8b 11px, #f4a8a8 12px, #f4a8a8 16px, #ee8b8b 17px, #f4a8a8 18px, #f4a8a8 22px, #ee8b8b 23px); }
  .lp-order::before {
    content: "";
    display: block;
    width: 100%;
    height: 8px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: repeating-linear-gradient(-45deg, #f4a8a8 0px, #f4a8a8 4px, #ee8b8b 5px, #f4a8a8 6px, #f4a8a8 10px, #ee8b8b 11px, #f4a8a8 12px, #f4a8a8 16px, #ee8b8b 17px, #f4a8a8 18px, #f4a8a8 22px, #ee8b8b 23px); }
  .lp-order__inner::after {
    content: "";
    display: block;
    width: 8px;
    height: calc(100% - 4px);
    position: absolute;
    top: 4px;
    left: 0;
    background: repeating-linear-gradient(-45deg, #f4a8a8 0px, #f4a8a8 4px, #ee8b8b 5px, #f4a8a8 6px, #f4a8a8 10px, #ee8b8b 11px, #f4a8a8 12px, #f4a8a8 16px, #ee8b8b 17px, #f4a8a8 18px, #f4a8a8 22px, #ee8b8b 23px); }
  .lp-order__inner::before {
    content: "";
    display: block;
    width: 8px;
    height: calc(100% - 4px);
    position: absolute;
    top: 4px;
    right: 0;
    background: repeating-linear-gradient(-45deg, #f4a8a8 0px, #f4a8a8 4px, #ee8b8b 5px, #f4a8a8 6px, #f4a8a8 10px, #ee8b8b 11px, #f4a8a8 12px, #f4a8a8 16px, #ee8b8b 17px, #f4a8a8 18px, #f4a8a8 22px, #ee8b8b 23px); }
  .lp-order__title__wrap {
    max-width: 780px; }
    @media (max-width: 768px) {
      .lp-order__title__wrap {
        text-align: center; } }
  .lp-order__title__label {
    vertical-align: middle;
    margin-right: 3.846153846153846%; }
    @media (max-width: 768px) {
      .lp-order__title__label {
        margin-right: 0;
        text-align: center;
        margin-bottom: 10px; } }
  .lp-order__title__text {
    text-align: left;
    margin-bottom: 0;
    display: inline-block;
    margin-left: -41px;
    margin-right: -42px; }
    @media (max-width: 768px) {
      .lp-order__title__text {
        text-align: center;
        margin-left: -25px;
        margin-right: -25px; } }
    .lp-order__title__text__wrap {
      display: inline-block;
      width: calc(96.15384615384615% - 150px);
      vertical-align: middle; }
      @media (max-width: 768px) {
        .lp-order__title__text__wrap {
          width: 100%; } }
  .lp-order__detail__wrap {
    max-width: 880px;
    padding-left: 44.85776805251641%;
    padding-top: 20px;
    background-image: url(../image/order01.png);
    background-repeat: no-repeat;
    background-position: left 13.291667% top;
    background-size: 21.64951% auto;}
    @media (max-width: 768px) {
      .lp-order__detail__wrap {
        padding-top: 404px;
        padding-left: 0;
        background-image: url(../image/order01_sp.png);
        background-size: auto 344px;
        background-position: center top 24px; } }
  .lp-order__detail__section + .lp-order__detail__section {
    margin-top: 38px; }
  @media (max-width: 768px) {
    .lp-order__detail__title {
      text-align: center; } }
  .lp-order__detail__title__label {
    font-size: 16px; }
  .lp-order__detail__textbox {
    margin-top: 17px; }
    @media (max-width: 768px) {
      .lp-order__detail__textbox {
        text-align: center; } }
  .lp-order__detail__comment__wrap {
    margin-top: 12px; }
  .lp-order__btn__wrap {
    margin-top: 40px; }
  .lp-order__btn__item + .lp-order__btn__item {
    margin-top: 33px; }

.lp-exhibit {
  max-width: 900px;
  margin-top: 72px; }
  .lp-exhibit__section + .lp-exhibit__section {
    margin-top: 65px; }
    @media (max-width: 768px) {
      .lp-exhibit__section + .lp-exhibit__section {
        margin-top: 50px; } }

.lp-info {
  max-width: 900px;
  margin-top: 72px; }
  .lp-info__section + .lp-info__section {
    margin-top: 65px; }
    @media (max-width: 768px) {
      .lp-info__section + .lp-info__section {
        margin-top: 50px; } }
  .lp-info__col__wrap {
    font-size: 0;
    margin-top: 40px; }
    @media (max-width: 768px) {
      .lp-info__col__wrap {
        margin-top: 20px; } }
  .lp-info__col__item {
    display: inline-block;
    max-width: 435px;
    width: 48.333333333333336%;
    text-align: center; }
    @media (max-width: 768px) {
      .lp-info__col__item {
        width: 100%;
        display: block; } }
    .lp-info__col__item + .lp-info__col__item {
      margin-left: 3.333333%; }
      @media (max-width: 768px) {
        .lp-info__col__item + .lp-info__col__item {
          width: 100%;
          display: block;
          margin-left: 0;
          margin-top: 20px; } }
    .lp-info__col__item__img {
      margin-bottom: 10px; }
  .lp-info__btn {
    margin-top: 50px;
    max-width: 700px;
    width: 100%;
    margin-left: auto;
    margin-right: auto; }

.lp-story {
  max-width: 900px; }
  .lp-story__section + .lp-story__section {
    margin-top: 48px; }

.lp-copyright {
  max-width: 900px; }

.lp-to-top {
  text-align: right;
  margin-top: 10px;
  margin-bottom: 50px; }
  .lp-to-top__btn {
    display: inline-block;
    width: 60px;
    height: 60px; }
    .lp-to-top__btn__link {
      display: block;
      padding: 30px;
      border: 1px solid #f55787;
      border-radius: 100px;
      position: relative;
      overflow: hidden; }
      .lp-to-top__btn__link::before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background-color: #f55787;
        transition: all 0.2s ease 0s; }
      .lp-to-top__btn__link.is-jump {
        border-color: #ffffff; }
        .lp-to-top__btn__link.is-jump::before {
          top: 0; }
      .lp-to-top__btn__link__img {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto; }

.is-jump {
  animation: jump 2s ease-in 1; }
  .is-jump--weak {
    animation: jump_weak 2s ease-in 1; }

.is-jump__after::after {
  animation: jump 2s ease-in 1; }

@keyframes jump {
  0%, 14% {
    transform: scale(1, 1); }
  2% {
    transform: scale(1.1, 0.9); }
  8% {
    transform: scale(0.9, 1.1) translate(0, -5px); }
  11% {
    transform: scale(1, 1) translate(0, 0px); } }
@keyframes jump_weak {
  0%, 14% {
    transform: scale(1, 1); }
  2% {
    transform: scale(1.04, 0.96); }
  8% {
    transform: scale(0.96, 1.04) translate(0, -2px); }
  11% {
    transform: scale(1, 1) translate(0, 0px); } }