@charset "UTF-8";
/* 2018.09.05 */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

.br-mt--40 {
  margin-top: 40px !important; }

.br-mt--50 {
  margin-top: 50px !important; }

.br-mt--60 {
  margin-top: 60px !important; }

.br-mt--70 {
  margin-top: 70px !important; }

.br-mt--80 {
  margin-top: 80px !important; }

.br-mt--90 {
  margin-top: 90px !important; }

.br-mt--100 {
  margin-top: 100px !important; }

.br-mb--0 {
  margin-bottom: 0 !important; }

.br-mb--5 {
  margin-bottom: 5px !important; }

.br-mb--10 {
  margin-bottom: 10px !important; }

.br-mb--20 {
  margin-bottom: 20px !important; }

.br-mb--30 {
  margin-bottom: 30px !important; }

.br-mb--40 {
  margin-bottom: 40px !important; }

.br-mb--50 {
  margin-bottom: 50px !important; }

.br-mb--60 {
  margin-bottom: 60px !important; }

.br-mb--70 {
  margin-bottom: 70px !important; }

.br-mb--80 {
  margin-bottom: 80px !important; }

.br-mb--90 {
  margin-bottom: 90px !important; }

.br-mb--100 {
  margin-bottom: 100px !important; }

html {
  padding: 0;
  margin: 0; }
  @media screen and (max-width: 767px) {
    html {
      min-width: 0px; } }

body {
  padding: 0;
  margin: 0;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" ,"游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #494949;
  background-color: #ffffff; }

body, html {
  font-family: 'Noto Sans JP', sans-serif,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" ,"游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

a {
  text-decoration: none;
  color: #494949;
  transition: all 0.3s ease; }

a.linkWhite {
  color: #ffffff;
  text-decoration: underline; }

p {
  line-height: 1.5; }

img {
  max-width: 100%; }

input[type="text"],
input[type="password"],
textarea,
select {
  outline: none; }

.pc2 {
  display: none; }

.sp {
  display: none; }

.sp_MaxWidth {
  display: none; }

.sp_base {
  display: none; }

@media screen and (max-width: 1200px) {
  .sp_MaxWidth {
    display: block; } }
/*@media screen and (max-width: 959px) {*/
@media screen and (max-width: 500px) {
  .sp_base {
    display: block; } }
/*@media screen and (max-width: 767px) {*/
@media screen and (max-width: 500px) {
  .sp {
    display: block; }

  .pc {
    display: none !important; } }

@media screen and (min-width: 501px) and (max-width: 1049px) {
  .pc2 {
    display: block; }

  .pc {
    display: none !important; } }

.blur {
  background: url(../img/LoveR_kiss_EndlessMemories_Logo.png) no-repeat;
  background-size: 100% auto;
  transform: scale(1.1);
  opacity: 1; }

.blur_end {
  animation-delay: -2s;
  -webkit-animation-delay: -2s;
  -o-animation-delay: -2s;
  -ms-animation-delay: -2s;
  -moz-animation-delay: -2s;
  -ms-animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation: deblur 1.5s ease -0.5s 1 normal both; }

.lity {
  background: rgba(0, 0, 0, 0.5); }

.lity-close {
  z-index: 9994;
  width: 35px;
  height: 35px;
  position: absolute;
  right: -10px !important;
  top: -40px !important;
  -webkit-appearance: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial,Baskerville,monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none; }
  .lity-close:hover {
    z-index: 9994;
    width: 35px;
    height: 35px;
    position: absolute;
    right: -10px;
    top: -40px;
    -webkit-appearance: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    padding: 0;
    color: #fff;
    font-style: normal;
    font-size: 35px;
    font-family: Arial,Baskerville,monospace;
    line-height: 35px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    border: 0;
    background: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none; }

* {
  outline: none !important; }

sup {
  vertical-align: super;
  font-size: 50%; }

/* ==========================================================================
   mar/pad
   ========================================================================== */
.mt--0 {
  margin-top: 0px !important; }

.mt--5 {
  margin-top: 5px !important; }

.mt--10 {
  margin-top: 10px !important; }

.mt--20 {
  margin-top: 20px !important; }

.mt--30 {
  margin-top: 30px !important; }

.mt--40 {
  margin-top: 40px !important; }

.mt--50 {
  margin-top: 50px !important; }

.mt--60 {
  margin-top: 60px !important; }

.mt--70 {
  margin-top: 70px !important; }

.mt--80 {
  margin-top: 80px !important; }

.mt--90 {
  margin-top: 90px !important; }

.mt--100 {
  margin-top: 100px !important; }

.mb--0 {
  margin-bottom: 0px !important; }

.mb--5 {
  margin-bottom: 5px !important; }

.mb--10 {
  margin-bottom: 10px !important; }

.mb--20 {
  margin-bottom: 20px !important; }

.mb--30 {
  margin-bottom: 30px !important; }

.mb--40 {
  margin-bottom: 40px !important; }

.mb--50 {
  margin-bottom: 50px !important; }

.mb--60 {
  margin-bottom: 60px !important; }

.mb--70 {
  margin-bottom: 70px !important; }

.mb--80 {
  margin-bottom: 80px !important; }

.mb--90 {
  margin-bottom: 90px !important; }

.mb--100 {
  margin-bottom: 100px !important; }

.mr--0 {
  margin-right: 0px !important; }

.mr--5 {
  margin-right: 5px !important; }

.mr--10 {
  margin-right: 10px !important; }

.mr--20 {
  margin-right: 20px !important; }

.mr--30 {
  margin-right: 30px !important; }

.mr--40 {
  margin-right: 40px !important; }

.mr--50 {
  margin-right: 50px !important; }

.mr--60 {
  margin-right: 60px !important; }

.mr--70 {
  margin-right: 70px !important; }

.mr--80 {
  margin-right: 80px !important; }

.mr--90 {
  margin-right: 90px !important; }

.mr--100 {
  margin-right: 100px !important; }

.ml--0 {
  margin-left: 0px !important; }

.ml--5 {
  margin-left: 5px !important; }

.ml--10 {
  margin-left: 10px !important; }

.ml--20 {
  margin-left: 20px !important; }

.ml--30 {
  margin-left: 30px !important; }

.ml--40 {
  margin-left: 40px !important; }

.ml--50 {
  margin-left: 50px !important; }

.ml--60 {
  margin-left: 60px !important; }

.ml--70 {
  margin-left: 70px !important; }

.ml--80 {
  margin-left: 80px !important; }

.ml--90 {
  margin-left: 90px !important; }

.ml--100 {
  margin-left: 100px !important; }

.pt--0 {
  padding-top: 0px !important; }

.pt--5 {
  padding-top: 5px !important; }

.pt--10 {
  padding-top: 10px !important; }

.pt--15 {
  padding-top: 15px !important; }

.pt--20 {
  padding-top: 20px !important; }

.pt--30 {
  padding-top: 30px !important; }

.pt--40 {
  padding-top: 40px !important; }

.pt--50 {
  padding-top: 50px !important; }

.pt--60 {
  padding-top: 60px !important; }

.pt--70 {
  padding-top: 70px !important; }

.pt--80 {
  padding-top: 80px !important; }

.pt--90 {
  padding-top: 90px !important; }

.pt--100 {
  padding-top: 100px !important; }

.pb--0 {
  padding-bottom: 0px !important; }

.pb--5 {
  padding-bottom: 5px !important; }

.pb--10 {
  padding-bottom: 10px !important; }

.pb--20 {
  padding-bottom: 20px !important; }

.pb--30 {
  padding-bottom: 30px !important; }

.pb--40 {
  padding-bottom: 40px !important; }

.pb--50 {
  padding-bottom: 50px !important; }

.pb--60 {
  padding-bottom: 60px !important; }

.pb--70 {
  padding-bottom: 70px !important; }

.pb--80 {
  padding-bottom: 80px !important; }

.pb--90 {
  padding-bottom: 90px !important; }

.pb--100 {
  padding-bottom: 100px !important; }

.pr--0 {
  padding-right: 0px !important; }

.pr--5 {
  padding-right: 5px !important; }

.pr--10 {
  padding-right: 10px !important; }

.pr--20 {
  padding-right: 20px !important; }

.pr--30 {
  padding-right: 30px !important; }

.pr--40 {
  padding-right: 40px !important; }

.pr--50 {
  padding-right: 50px !important; }

.pr--60 {
  padding-right: 60px !important; }

.pr--70 {
  padding-right: 70px !important; }

.pr--80 {
  padding-right: 80px !important; }

.pr--90 {
  padding-right: 90px !important; }

.pr--100 {
  padding-right: 100px !important; }

.pl--0 {
  padding-left: 0px !important; }

.pl--5 {
  padding-left: 5px !important; }

.pl--10 {
  padding-left: 10px !important; }

.pl--20 {
  padding-left: 20px !important; }

.pl--30 {
  padding-left: 30px !important; }

.pl--40 {
  padding-left: 40px !important; }

.pl--50 {
  padding-left: 50px !important; }

.pl--60 {
  padding-left: 60px !important; }

.pl--70 {
  padding-left: 70px !important; }

.pl--80 {
  padding-left: 80px !important; }

.pl--90 {
  padding-left: 90px !important; }

.pl--100 {
  padding-left: 100px !important; }

.align-left {
  text-align: left; }

.align-center {
  text-align: center; }

.align-right {
  text-align: right; }

.sp-only {
  display: none; }
  @media screen and (max-width: 959px) {
    .sp-only {
      display: block; } }

.pc-only {
  display: block; }
  @media screen and (max-width: 959px) {
    .pc-only {
      display: none !important; } }

.pc--only {
  display: block; }
  @media screen and (max-width: 639px) {
    .pc--only {
      display: none !important; } }

.sp--only {
  display: none; }
  @media screen and (max-width: 639px) {
    .sp--only {
      display: block !important; } }

/*==========================
header
==========================*/
/*header
==========================*/
header {
  z-index: 1000;
  max-width: 1080px;
  width: 85%;
  margin: 0 auto;
  position: relative; }
  /*@media screen and (max-width: 959px) {*/
  @media screen and (max-width: 500px) {
    header {
      width: 100%;
      position: fixed;
      top: 0;
      z-index: 100000; } }
  header .nav-box {
    position: absolute;
    z-index: 1000;
    top: 69vw;
    margin-top: 3vw;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px; }
    @media screen and (min-width: 1050px) {
      header .nav-box {
        top: 700px;
        margin-top: 0; } }
    @media screen and (min-width: 501px) and (max-width: 1049px) {
      header .nav-box {
        top: 72vw;
        margin-top: 0; } }
    /*@media screen and (max-width: 959px) {*/
    @media screen and (max-width: 500px) {
      header .nav-box {
        margin-top: 0;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100vw;
        height: 0vh;
        background: #fff;
        z-index: -1;
        overflow: hidden; } }
    /*@media screen and (max-width: 959px) {*/
    @media screen and (max-width: 500px) {
      header .nav-box nav {
        margin-top: 30px;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0; } }
    header .nav-box nav ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      /*margin-top: -3.5vw;*/ }
      /*@media screen and (max-width: 959px) {*/
      @media screen and (max-width: 500px) {
        header .nav-box nav ul {
          display: block;
          margin-top: 20vw; } }
      header .nav-box nav ul li {
        width: 23%;
        position: relative;
        margin-right: 0px;
        margin-left: 3px;
        margin-bottom: 3px; }
        /*@media screen and (max-width: 959px) {*/
        @media screen and (max-width: 500px) {
          header .nav-box nav ul li {
            margin-left: 1vw;
            margin-right: 1vw;
            text-align: center;
            margin-top: 10px;
            width: auto; } }
        header .nav-box nav ul li a {
          display: block; }
          /*@media screen and (max-width: 959px) {*/
          @media screen and (max-width: 500px) {
            header .nav-box nav ul li a {
              display: inline-block;
              position: relative; } }
          header .nav-box nav ul li a img {
            -moz-transition: all 0.25s ease;
            -o-transition: all 0.25s ease;
            -webkit-transition: all 0.25s ease;
            transition: all 0.25s ease;
            max-width: 271px;
            width: 100%; }
            /*@media screen and (max-width: 959px) {*/
            @media screen and (max-width: 500px) {
              header .nav-box nav ul li a img {
                width: 50vw;
                max-width: 300px; } }
          header .nav-box nav ul li a .on {
            position: absolute;
            top: 0;
            left: 0;
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
            opacity: 0; }
          header .nav-box nav ul li a:hover .on {
            filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
            opacity: 1; }
      header .nav-box nav ul.nav2 {
        margin-top: 0vw; }
        header .nav-box nav ul.nav2 li {
          margin-right: 0px;
          margin-left: 3px; }
      header .nav-box nav ul.nav3 {
        margin-top: 0vw; }
        header .nav-box nav ul.nav3 li {
          margin-right: 0px;
          margin-left: 3px; }
  /*@media screen and (max-width: 959px) {*/
  @media screen and (max-width: 500px) {
    header .open {
      margin-top: 0;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      width: auto;
      height: 100vh;
      background: #fff;
      z-index: 100;
      overflow: hidden; }
      header .open nav {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1; } }
  header .sp-nav-box {
    display: none; }
    /*@media screen and (max-width: 959px) {*/
    @media screen and (max-width: 500px) {
      header .sp-nav-box {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: auto;
        background: #002b5b;
        padding: 10px 20px;
        height: 40px;
        overflow: hidden;
        top: 0; }
        header .sp-nav-box h1 img {
          width: 120px; }
        header .sp-nav-box .menu-trigger,
        header .sp-nav-box .menu-trigger span {
          display: inline-block;
          transition: all .4s;
          box-sizing: border-box; }
        header .sp-nav-box .menu-trigger {
          position: relative;
          width: 30px;
          height: 25px;
          z-index: 1000; }
        header .sp-nav-box .menu-trigger span {
          position: absolute;
          left: 0;
          width: 100%;
          height: 3px;
          background-color: #fff;
          -moz-border-radius: 1.5px;
          -webkit-border-radius: 1.5px;
          border-radius: 1.5px; }
        header .sp-nav-box .menu-trigger span:nth-of-type(1) {
          top: 0; }
        header .sp-nav-box .menu-trigger span:nth-of-type(2) {
          top: 11px; }
        header .sp-nav-box .menu-trigger span:nth-of-type(3) {
          bottom: 0; }
        header .sp-nav-box .menu-trigger.active span:nth-of-type(1) {
          -webkit-transform: translateY(20px) rotate(-315deg);
          transform: translateY(11px) rotate(-315deg);
          background-color: #002b5b; }
        header .sp-nav-box .menu-trigger.active span:nth-of-type(2) {
          opacity: 0; }
        header .sp-nav-box .menu-trigger.active span:nth-of-type(3) {
          -webkit-transform: translateY(-20px) rotate(315deg);
          transform: translateY(-12px) rotate(315deg);
          background-color: #002b5b; } }

.magical-anker {
  position: absolute;
  top: -148px;
  left: -191px;
  z-index: 100; }
  /*@media screen and (max-width: 959px) {*/
  @media screen and (max-width: 500px) {
    .magical-anker {
      display: none; } }
  .magical-anker a {
    position: relative;
    display: inline-block; }
    .magical-anker a img {
      max-width: 271px;
      width: 100%; }
    .magical-anker a .on {
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease;
      position: absolute;
      top: 0;
      left: 0;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0; }
      .magical-anker a .on:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1; }

/*==========================
main
==========================*/
@media screen and (max-width: 767px) {
  main {
    height: auto; } }

#main {
  position: relative;
  background: url("../images/main_bg_back.jpg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% 100%;
  position: relative; }
  /*@media screen and (max-width: 767px) {*/
  @media screen and (max-width: 500px) {
    #main {
      overflow: hidden; } }
  #main .mv {
    position: relative;
    display: block;
    max-width: 1050px;
    margin: 0 auto; }
    /*@media screen and (max-width: 959px) {*/
    @media screen and (max-width: 500px) {
      #main .mv {
        margin: 60px auto 0; } }
    #main .mv img {
      opacity: 0;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease;
      vertical-align: bottom; }
      /*@media screen and (max-width: 479px) {
        #main .mv img {
          width: 105%;
          max-width: 105%;
          margin-left: -3%; } }*/
  #main .wp {
    max-width: 1080px;
    width: 100%;
    padding: 0 0px;
    margin: 60px auto 0;
    display: table;
    height: calc(126vh - 25vh);
    position: absolute;
    z-index: 100;
    top: 0;
    left: 50%;
    margin-left: -60%; }
    @media screen and (min-width: 1050px) {
      #main .wp {
        left: 50%;
        margin-left: -590px; } }


/*
    @media screen and (max-width: 767px) {
      #main .wp {
        background-position: center 1vw;
        background-size: 100% auto;
        width: 100%;
        margin-top: 50px; } }
*/



    #main .wp .logo_ps4 {
      position: absolute;
      right: -56px;
      top: -38px;
      width: 58%;
      max-width: 417px;}
      #main .wp .logo_ps4 img {
        vertical-align: middle;
        width: 54%; }
      #main .wp .logo_ps4 .logo_switch {
        width: 20%; }
      /*@media screen and (max-width: 767px) {
        #main .wp .logo_ps4 {
          top: 12px;
          width: 160px; } }
      */
        @media screen and (max-width: 500px) {
            #main .wp .logo_ps4 {
              top: 0.5vmin;
              max-width: 160px;
              min-width: 60px;
              right: -10%; } }

  #main .mainimg {
    display: table-cell;
    text-align: center;
    width: 100vw;
    padding-top: 0vh;
    position: relative;
    top: 1vw;
    z-index: 10; }

/*
    @media screen and (max-width: 959px) {
      #main .mainimg {
        top: 17vw; } }
*/

    #main .mainimg h1 {
      display: inline-block;
      margin: 0px 0 0 20vw;
      font-size: 0;
      top: 37vw;
      width: 60vw;
      height: 20vw;
      max-width: 600px;
      max-height: 192px;
      position: relative; }

/*
      @media screen and (min-width: 1050px) {
        #main .mainimg h1 {
          top: 430px;
          width: 540px;
          height: 176px;
          left: 0px;
          margin: 0px 0px 0px 39px; } }
      @media screen and (max-width: 767px) {
        #main .mainimg h1 {
          top: 41vw;
          width: 54vw;
          height: 17.5vw; } }
  @media screen and (max-width: 767px) and (max-width: 479px) {
    #main .mainimg h1 {
      top: 31vw;
      width: 54vw;
      height: 17.5vw; } }
*/

@media screen and (min-width: 1050px) {
  #main .mainimg h1 {
    top: 400px;
    width: 600px;
    height: 192px;
    margin: 0 0 0 80px; } }

@media screen and (min-width: 501px) and (max-width: 1049px) {
  #main .mainimg h1 {
    margin: 0 0 0 18vw;
    top: 37vw; } }

@media screen and (max-width: 500px) {
  #main .mainimg h1 {
    top: 13vw;
    max-width: 325px;
    width: 65vw;
    max-height: 100px;
    height: 20vw;
    /*height: 176px;*/
    margin: 0 0 0 18vw; } }


    #main .mainimg p {
      margin: 30px auto 0;
      width: 100%;
      position: relative; }
      #main .mainimg p img {
        width: 100%;
        max-width: 231px;
        position: absolute;
        left: 50%;
        margin-left: -115px; }
        @media screen and (max-width: 767px) {
          #main .mainimg p img {
            position: static;
            margin-left: 0; } }
    #main .mainimg .copy-text {
      height: 32px; }
    #main .mainimg .open_date {
      margin-top: 0;
      margin-bottom: 20px; }
      #main .mainimg .open_date img {
        position: static;
        margin-left: 0; }
  #main .btnPV {
    margin-bottom: 130px; }
    #main .btnPV a:hover {
      opacity: 0.7; }
    #main .btnPV a:focus {
      outline: none; }
    #main .btnPV a img {
      width: 100%;
      max-width: 287px; }
  #main .btn_scroll {
    padding-top: 3vh;
    text-align: center;
    margin-top: -15px;
    display: inline-block;
    left: 50%;
    position: absolute;
    margin-left: -42px;
    z-index: 10; }
    #main .btn_scroll a {
      position: relative;
      top: 0px;
      display: inline-block;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      #main .btn_scroll a:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
        opacity: 0.7; }
      #main .btn_scroll a img {
        width: 84px; }
    @media screen and (max-width: 767px) {
      #main .btn_scroll {
        display: none; } }

#tw_present {
  padding: 50px 0 0 0; }
  #tw_present .tw_present-inner {
    margin-top: 20px; }
    #tw_present .tw_present-inner h3 {
      text-align: center;
      display: block;
      padding: 0 30px; }
  #tw_present .tw_present-text {
    margin: 20px auto;
    background-image: url("../images/tw_present_bg_1.png");
    background-repeat: no-repeat;
    max-width: 990px;
    height: 421px;
    background-size: 100% 100%;
    display: table; }
    #tw_present .tw_present-text .tw_present-left {
      display: table-cell;
      vertical-align: middle;
      width: 70%; }
      #tw_present .tw_present-text .tw_present-left .block {
        padding: 0 0 0 50px; }
      #tw_present .tw_present-text .tw_present-left .tw_present_btn {
        margin: 15px 0;
        display: inline-block; }
        #tw_present .tw_present-text .tw_present-left .tw_present_btn:hover {
          opacity: 0.8; }
    #tw_present .tw_present-text .tw_present-right {
      display: table-cell;
      vertical-align: middle;
      width: 30%;
      text-align: center; }
      #tw_present .tw_present-text .tw_present-right .block {
        padding: 0 50px 0 0; }
      #tw_present .tw_present-text .tw_present-right .tw_present-notes {
        display: block;
        font-size: 12px;
        color: #7b7b7b;
        line-height: 1.2em; }
  #tw_present .tw_present-dm {
    text-align: center;
    margin: 40px auto; }
  #tw_present .tw_present-link {
    padding: 40px 0;
    position: relative;
    background-color: rgba(240, 240, 240, 0.4);
    text-align: center; }
    #tw_present .tw_present-link a {
      color: #b12638;
      text-decoration: underline; }
      #tw_present .tw_present-link a:hover {
        text-decoration: none; }
  @media screen and (max-width: 767px) {
    #tw_present {
      padding: 20px 0 0 0; }
      #tw_present img {
        width: 100%; }
      #tw_present .tw_present-inner {
        margin-top: 0; }
        #tw_present .tw_present-inner h3 {
          margin-top: 20px;
          margin-bottom: 20px; }
      #tw_present .tw_present-text_sp {
        line-height: 0; }
        #tw_present .tw_present-text_sp p {
          line-height: 0; } }

.topics {
  position: absolute;
  bottom: 20px;
  max-width: 630px;
  z-index: 20;
  text-align: left;
  bottom: 0;
  left: 12vw;
  width: 52vw;
  top: 83vw; }
  @media screen and (min-width: 1050px) {
    .topics {
      bottom: auto;
      left: 30%;
      width: 95%;
      top: 65vw; } }
  @media screen and (min-width: 500px) and (max-width: 1049px) {
    .topics {
      bottom: auto;
      left: 20%;
      width: 60%;
      top: 75vw;} }
  @media screen and (max-width: 500px) {
    .topics {
      bottom: auto;
      left: 10%;
      width: 80%;
      top: 65vw; } }
/*
  @media screen and (min-width: 1050px) {
    .topics {
      bottom: auto;
      left: 25%;
      width: 100%;
      top: 60vw; } }
//      top: 845px; } }
  @media screen and (min-width: 500px) and (max-width: 1049px) {
    .topics {
      bottom: auto;
      left: 30%;
      width: 55%;
      top: 82vw;} }
  @media screen and (max-width: 500px) {
    .topics {
      bottom: auto;
      left: 12%;
      width: 95%;
      top: 85vmin; } }
*/
/*
  @media screen and (max-width: 767px) {
    .topics {
      width: 97vw;
      top: 95vw;
      max-width: 1000px;
      z-index: 1; } }

  @media screen and (max-width: 767px) and (max-width: 479px) {
    .topics {
      width: 97vw;
      top: 85vw; } }
*/

  .topics h2 {
    background-color: #87cefa;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px;
    border-radius: 10px 10px 0 0;
    display: inline-block;
    color: #fff;
    padding: 8px 30px 4px;
    font-weight: bold;
    font-size: 16px; }
  .topics .topics-inner {
    -moz-border-radius: 0 10px 10px 10px;
    -webkit-border-radius: 0;
    border-radius: 0 10px 10px 10px;
    background-color: #FFF;
    border: solid 2px #87cefa;
    max-width: 630px;
    width: 100%; }

    /*
    @media screen and (max-width: 959px) {
      .topics .topics-inner {
        max-width: 53vw; } }
    @media screen and (max-width: 767px) {
      .topics .topics-inner {
        max-width: 100%;
        width: auto; } }
    */

  .topics ul {
    -moz-border-radius: 0 10px 10px 10px;
    -webkit-border-radius: 0;
    border-radius: 0 10px 10px 10px;
    margin: 4px 5px;
    padding: 5px 5px;
    height: 52px;
    overflow-y: scroll;
    /*スクロールバーの軌道*/
    /*スクロールバーの動く部分*/ }
    @media screen and (min-width: 1050px) {
      .topics ul {
        height: 105px; } }

    @media screen and (min-width: 500px) and (max-width: 1049px) {
      .topics ul {
        height: 6vw; } }

    @media screen and (max-width: 500px) {
      .topics ul {
        height: 52px; } }
/*
    @media screen and (max-width: 767px) {
      .topics ul {
        height: 11vw; } }
*/

    .topics ul li {
      border-bottom: dotted 2px #87cefa;
      padding-top: 5px;
      padding-bottom: 5px;
      display: table;
      width: 100%; }
      .topics ul li .schedule {
        color: #87cefa;
        display: table-cell;
        vertical-align: top;
        width: 75px;
        padding-top: 5px; }

      @media screen and (max-width: 500px) {
          .topics ul li .schedule {
            width: 15%; } }

/*
      @media screen and (max-width: 767px) {
        .topics ul li .schedule {
          display: block;
          font-size: 14px; } }
*/

      .topics ul li p {
        padding-left: 5px;
        display: table-cell;
        vertical-align: top; }

/*
        @media screen and (max-width: 767px) {
          .topics ul li p {
            margin-top: 5px !important;
            display: block;
            line-height: 1.25;
            font-size: 14px; } }
*/
        @media screen and (min-width: 500px) and (max-width: 1049px) {
          .topics ul li p {
            font-size: 90% !important;
            margin-top: 3px !important;
            display: block;
            line-height: 1.25; } }

        @media screen and (max-width: 500px) {
          .topics ul li span, .topics ul li p {
            font-size: 3vw !important; }

          .topics ul li p {
            margin-top: 3px !important;
            display: block;
            line-height: 1.25; } }

    .topics ul::-webkit-scrollbar {
      width: 10px; }
    .topics ul::-webkit-scrollbar-track {
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px;
      box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); }
    .topics ul::-webkit-scrollbar-thumb {
      background-color: #09a7fe;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px; }

.twitter-box {
  display: inline-block;
  position: absolute;
  right: -8vw;
  z-index: 100;
  bottom: auto;
  top: 81vw; }
  @media screen and (min-width: 1050px) {
    .twitter-box {
      right: 0px;
      bottom: auto;
      top: 867px; } }
/*  @media screen and (max-width: 767px) {*/
  @media screen and (max-width: 500px) {
    .twitter-box {
      width: 30vw;
      top: 70vw;
      z-index: 0;
      right: -14vw; }
      .twitter-box .tw_chara {
        width: 19vw  !important; } }

/*
  @media screen and (max-width: 767px) and (max-width: 479px) {
    .twitter-box {
      width: 93vw;
      top: 67vw;
      z-index: 0;
      right: -46vw; }
      .twitter-box .tw_chara {
        width: 24vw !important; } }
*/

  .twitter-box .twitter {
    position: relative;
    display: inline-block; }
    .twitter-box .twitter .twitter-text {
      opacity: 1;
      position: absolute;
      right: 125px;
      top: -15px;
      width: 171px;
      height: 130px;
      z-index: 200;
      background-image: url("../images/tw_bg.png");
      background-repeat: no-repeat;
      background-size: contain; }
      .twitter-box .twitter .twitter-text p {
        display: none; }
      .twitter-box .twitter .twitter-text a {
        display: block;
        position: relative;
        background-color: #55acee;
        top: 65px;
        right: 0;
        margin: auto;
        width: 140px;
        padding: 10px 0;
        text-align: center;
        -moz-border-radius: 25px;
        -webkit-border-radius: 25px;
        border-radius: 25px;
        color: #fff;
        font-size: 14px;
        border: solid 2px #fff;
        -moz-box-shadow: 1px 2px 0 #ccc;
        -webkit-box-shadow: 1px 2px 0 #ccc;
        box-shadow: 1px 2px 0 #ccc; }
        .twitter-box .twitter .twitter-text a:hover {
          background-color: #5567ee; }

/*
      @media screen and (max-width: 767px) {
        .twitter-box .twitter .twitter-text {
          top: 1vw;
          width: 29vw;
          height: 27vw;
          right: 21vw; }
          .twitter-box .twitter .twitter-text a {
            top: 12vw;
            width: 27vw;
            font-size: 3vw;
            padding: 4px 0;
            margin: 0 0px 0 6px; } }
      @media screen and (max-width: 767px) and (max-width: 479px) {
        .twitter-box .twitter .twitter-text {
          top: 0vw;
          width: 34vw;
          height: 24vw;
          right: 24vw; }
          .twitter-box .twitter .twitter-text a {
            top: 12vw;
            width: 27vw; } }
*/
      @media screen and (min-width: 501px) and (max-width: 1049px) {
        .twitter-box .twitter .twitter-text {
          top: -2vw;
          width: 19vw;
          height: 15vw;
          right: 12vw; }
          .twitter-box .twitter .twitter-text a {
            top: 7.2vw;
            width: 17vw;
            font-size: 1.5vw;
            padding: 1vw 0;
            /*margin: 0 0px 0 3px;*/ } }

      @media screen and (max-width: 500px) {
        .twitter-box .twitter .twitter-text {
          top: 1vw;
          width: 24vw;
          height: 19vw;
          right: 19vw; }
          .twitter-box .twitter .twitter-text a {
            top: 9vw;
            width: 22vw;
            font-size: 1.5vw;
            padding: 4px 0;
            /*margin: 0 0px 0 1px;*/ } }

    .twitter-box .twitter .present-text {
      opacity: 0;
      position: absolute;
      right: 9px;
      top: -300px;
      width: 254px;
      height: 136px;
      z-index: 20;
      background-image: url("../images/present_tw_bg.png");
      background-repeat: no-repeat;
      background-size: contain; }
      .twitter-box .twitter .present-text p {
        display: none; }
      .twitter-box .twitter .present-text a {
        outline: none;
        display: block;
        position: relative;
        background-color: #55acee;
        top: 52px;
        right: -54px;
        margin: auto;
        width: 118px;
        padding: 10px 0;
        text-align: center;
        -moz-border-radius: 25px;
        -webkit-border-radius: 25px;
        border-radius: 25px;
        color: #fff;
        font-size: 14px;
        border: solid 2px #fff;
        -moz-box-shadow: 1px 2px 0 #ccc;
        -webkit-box-shadow: 1px 2px 0 #ccc;
        box-shadow: 1px 2px 0 #ccc; }
        .twitter-box .twitter .present-text a:hover {
          background-color: #5567ee; }
    .twitter-box .twitter .tw_chara {
      display: inline-block;
      width: 12vw; }
      .twitter-box .twitter .tw_chara img {
        width: 100%; }

    @media screen and (min-width: 1050px) {
      .twitter-box .twitter .tw_chara {
        display: inline-block;
        width: 125px; } }
/*main
==========================*/
/*==========================
下層block共通
==========================*/
.font-xs {
  font-size: 0.8rem !important; }

strong {
  color: #785eff;
  font-weight: bold;
  font-size: 1.2rem; }

.caution {
  margin-top: 10px;
  font-size: 12px;
  text-indent: -12px;
  padding-left: 12px; }

.content-wp {
  z-index: 1;
  min-height: 100vh;
  display: flex;
  align-items: center;
  flex-direction: row; }
  .content-wp .content-inner {
    max-width: 1080px;
    width: 90%;
    margin: 0 auto; }
  .content-wp .content-inner--over {
    max-width: 100%;
    width: 100%;
    margin: 0 auto; }
  .content-wp.top-anker_wp {
    min-height: 10vh;
    padding-bottom: 20px; }
  .content-wp.content-wp2 {
    padding: 35px !important; }
    @media screen and (max-width: 767px) {
      .content-wp.content-wp2 {
        padding: 15px !important; } }
    .content-wp.content-wp2 .content-inner {
      width: 100%; }
    .content-wp.content-wp2 h2 {
      font-weight: bold;
      padding: 13px 0; }
  @media screen and (max-width: 767px) {
    .content-wp .himari-img {
      margin-top: 50px; } }

.content-title {
  text-align: center; }
  .content-title img {
    height: 62px;
    width: auto; }

/*下層block共通
==========================*/
/*==========================
INTRODUCTION
==========================*/
#INTRODUCTION {
  min-height: 100px; }
  #INTRODUCTION .content-inner--over {
    margin: 150px auto; }
    @media screen and (max-width: 767px) {
      #INTRODUCTION .content-inner--over {
        margin: 14vw auto; } }
  #INTRODUCTION .intro-text--box {
    text-align: center; }
    #INTRODUCTION .intro-text--box .intro-text img {
      max-width: 740px;
      width: 100%; }
    #INTRODUCTION .intro-text--box .intro-text--margin {
      margin-top: 20px; }
      @media screen and (max-width: 767px) {
        #INTRODUCTION .intro-text--box .intro-text--margin {
          margin-top: 0px; } }
  #INTRODUCTION .slider {
    margin: 100px auto; }
    #INTRODUCTION .slider a img {
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      #INTRODUCTION .slider a img:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
        opacity: 0.75; }
  #INTRODUCTION .slick-track {
    overflow: hidden; }

/*INTRODUCTION
==========================*/
/*==========================
CHARACTER
==========================*/
#POWERUP1 {
  background-image: url("../images/bg_character.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  background-attachment: fixed; }
  #POWERUP1 .content-inner {
    margin: 100px auto; }
    @media screen and (max-width: 767px) {
      #POWERUP1 .content-inner {
        margin: 50px auto 25px; } }
    #POWERUP1 .content-inner p.read {
      text-shadow: white 1px 0px 5px, white -1px 0px 5px, white 0px -1px 1px, white -1px 0px 1px, white 1px 1px 1px, white -1px 1px 1px, white 1px -1px 1px, white -1px -1px 1px, white 1px 1px 1px, white -1px 1px 1px, white 1px -1px 1px, white -1px -1px 1px, white 1px 1px 1px, white -1px 1px 1px, white 1px -1px 1px, white -1px -1px 1px, white 1px 1px 1px, white -1px 1px 1px, white 1px -1px 1px, white -1px -1px 1px;
      font-weight: 500;
      font-size: 20px;
      text-align: center;
      width: 82%;
      display: block;
      margin: 20px auto 30px auto; }
      #POWERUP1 .content-inner p.read .col_pink {
        color: #f06fbd; }
      @media screen and (max-width: 767px) {
        #POWERUP1 .content-inner p.read {
          font-size: 4vw;
          text-align: left; }
          #POWERUP1 .content-inner p.read br {
            display: none; } }
  #POWERUP1 .character-box {
    max-width: 980px;
    margin: 50px auto 0;
    position: relative; }
    #POWERUP1 .character-box .character-slide .slick-prev {
      display: inline-block;
      top: 50%;
      position: absolute;
      background: url(../images/chara-left.png);
      background-size: cover;
      background-position: center;
      border: none;
      font-size: 0;
      width: 22px;
      height: 29px;
      padding: 0;
      left: -44px;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease; }
    #POWERUP1 .character-box .character-slide .slick-next {
      display: inline-block;
      top: 50%;
      position: absolute;
      background: url(../images/chara-right.png);
      background-size: cover;
      background-position: center;
      border: none;
      font-size: 0;
      width: 22px;
      height: 29px;
      padding: 0;
      right: -44px;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease; }
    #POWERUP1 .character-box .character-slide .slick-prev:hover, #POWERUP1 .character-box .character-slide .slick-next:hover {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
      opacity: 0.7; }
    @media screen and (max-width: 959px) {
      #POWERUP1 .character-box .character-slide .slick-prev, #POWERUP1 .character-box .character-slide .slick-next {
        display: none !important; } }
    #POWERUP1 .character-box .character-slide .character-slide--inner {
      display: flex;
      justify-content: space-between;
      max-width: 980px;
      margin: 0 auto; }
      @media screen and (max-width: 767px) {
        #POWERUP1 .character-box .character-slide .character-slide--inner {
          padding: 2vw 0;
          overflow: visible;
          align-items: center;
          position: relative;
          /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c5d3e9+0,7da6ea+100&0.3+0,0.4+100 */
          background: -moz-linear-gradient(top, rgba(197, 211, 233, 0.3) 0%, rgba(125, 166, 234, 0.4) 100%);
          /* FF3.6-15 */
          background: -webkit-linear-gradient(top, rgba(197, 211, 233, 0.3) 0%, rgba(125, 166, 234, 0.4) 100%);
          /* Chrome10-25,Safari5.1-6 */
          background: linear-gradient(to bottom, rgba(197, 211, 233, 0.3) 0%, rgba(125, 166, 234, 0.4) 100%);
          /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dc5d3e9', endColorstr='#667da6ea',GradientType=0 );
          /* IE6-9 */ }
          #POWERUP1 .character-box .character-slide .character-slide--inner:before {
            content: "";
            position: absolute;
            display: block;
            top: 0;
            left: 0;
            right: 0;
            background-image: url("../images/sp-flame_bg-top.png");
            background-size: 100% auto;
            min-height: 30vw;
            background-repeat: no-repeat; }
          #POWERUP1 .character-box .character-slide .character-slide--inner:after {
            content: "";
            position: absolute;
            display: block;
            bottom: 0;
            left: 0;
            right: 0;
            background-image: url("../images/sp-flame_bg-bottom.png");
            background-size: 100% auto;
            background-position: center bottom;
            min-height: 30vw;
            background-repeat: no-repeat; } }
      #POWERUP1 .character-box .character-slide .character-slide--inner .character-img--box {
        background-image: url("../images/flame_bg.png");
        background-repeat: no-repeat;
        background-size: 100% auto;
        margin: 0; }
        @media screen and (max-width: 767px) {
          #POWERUP1 .character-box .character-slide .character-slide--inner .character-img--box {
            background: none;
            display: flex;
            overflow: visible;
            align-items: center;
            text-align: center;
            width: 25vw;
            padding-left: 20px;
            position: relative; }
            #POWERUP1 .character-box .character-slide .character-slide--inner .character-img--box:before {
              content: '';
              background-image: url("../images/sp-flame_bg-middle.png");
              background-repeat: no-repeat;
              background-size: 100% auto;
              background-position: center;
              position: absolute;
              width: 10vw;
              max-width: 12px;
              min-width: 5px;
              top: 0;
              left: 10px;
              bottom: 0; } }
        #POWERUP1 .character-box .character-slide .character-slide--inner .character-img--box img {
          max-width: 391px; }
          @media screen and (max-width: 767px) {
            #POWERUP1 .character-box .character-slide .character-slide--inner .character-img--box img {
              min-width: 74vw;
              max-width: 100%;
              width: 100%;
              height: auto;
              position: relative;
              left: -22vw; } }
      #POWERUP1 .character-box .character-slide .character-slide--inner .character-text--box {
        padding-left: 50px;
        width: 100%; }
        @media screen and (max-width: 767px) {
          #POWERUP1 .character-box .character-slide .character-slide--inner .character-text--box {
            padding: 20px 20px 20px 20px;
            width: 50vw;
            position: relative;
            z-index: 1; } }
        #POWERUP1 .character-box .character-slide .character-slide--inner .character-text--box .character-copy, #POWERUP1 .character-box .character-slide .character-slide--inner .character-text--box .character-hurikana, #POWERUP1 .character-box .character-slide .character-slide--inner .character-text--box .character-name, #POWERUP1 .character-box .character-slide .character-slide--inner .character-text--box .character-cv {
          color: #137dd0;
          text-shadow: white 2px 0px 2px, white -2px 0px 2px, white 0px -2px 2px, white -2px 0px 2px, white 2px 2px 2px, white -2px 2px 2px, white 2px -2px 2px, white -2px -2px 2px, white 1px 2px 2px, white -1px 2px 2px, white 1px -2px 2px, white -1px -2px 2px, white 2px 1px 2px, white -2px 1px 2px, white 2px -1px 2px, white -2px -1px 2px, white 1px 1px 2px, white -1px 1px 2px, white 1px -1px 2px, white -1px -1px 2px; }
        #POWERUP1 .character-box .character-slide .character-slide--inner .character-text--box .character-copy {
          font-size: 38px;
          text-indent: -38px;
          padding-left: 16px;
          font-weight: bold; }
          @media screen and (max-width: 767px) {
            #POWERUP1 .character-box .character-slide .character-slide--inner .character-text--box .character-copy {
              font-size: 5vw;
              text-indent: -1.5rem;
              padding-left: 16px; }
              #POWERUP1 .character-box .character-slide .character-slide--inner .character-text--box .character-copy br {
                display: none; } }
        #POWERUP1 .character-box .character-slide .character-slide--inner .character-text--box .character-hurikana {
          margin-top: 40px;
          font-size: 16px;
          font-weight: bold; }
          @media screen and (max-width: 767px) {
            #POWERUP1 .character-box .character-slide .character-slide--inner .character-text--box .character-hurikana {
              margin-top: 20px;
              font-size: 14px; } }
        #POWERUP1 .character-box .character-slide .character-slide--inner .character-text--box .character-name {
          margin-top: 10px;
          font-size: 46px;
          font-weight: bold; }
          @media screen and (max-width: 767px) {
            #POWERUP1 .character-box .character-slide .character-slide--inner .character-text--box .character-name {
              font-size: 7vw; } }
        #POWERUP1 .character-box .character-slide .character-slide--inner .character-text--box .character-cv {
          margin-top: 15px;
          font-size: 24px; }
        #POWERUP1 .character-box .character-slide .character-slide--inner .character-text--box .character-text {
          margin-top: 20px;
          line-height: 2;
          color: #002c5c;
          text-shadow: white 1px 0px 5px, white -1px 0px 5px, white 0px -1px 1px, white -1px 0px 1px, white 1px 1px 1px, white -1px 1px 1px, white 1px -1px 1px, white -1px -1px 1px, white 1px 1px 1px, white -1px 1px 1px, white 1px -1px 1px, white -1px -1px 1px, white 1px 1px 1px, white -1px 1px 1px, white 1px -1px 1px, white -1px -1px 1px, white 1px 1px 1px, white -1px 1px 1px, white 1px -1px 1px, white -1px -1px 1px; }
          @media screen and (max-width: 767px) {
            #POWERUP1 .character-box .character-slide .character-slide--inner .character-text--box .character-text {
              font-size: 14px;
              line-height: 1.5; }
              #POWERUP1 .character-box .character-slide .character-slide--inner .character-text--box .character-text br {
                display: none; } }
        #POWERUP1 .character-box .character-slide .character-slide--inner .character-text--box .character-profile {
          margin-top: 20px;
          border: solid 1px #fff;
          padding: 25px;
          position: relative;
          margin-bottom: 120px;
          color: #002c5c;
          text-shadow: white 1px 0px 1px, white -1px 0px 1px, white 0px -1px 1px, white -1px 0px 1px, white 1px 1px 1px, white -1px 1px 1px, white 1px -1px 1px, white -1px -1px 1px, white 1px 1px 1px, white -1px 1px 1px, white 1px -1px 1px, white -1px -1px 1px, white 1px 1px 1px, white -1px 1px 1px, white 1px -1px 1px, white -1px -1px 1px, white 1px 1px 1px, white -1px 1px 1px, white 1px -1px 1px, white -1px -1px 1px;
          /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c5d3e9+0,7da6ea+100&0.3+0,0.4+100 */
          background: -moz-linear-gradient(top, rgba(197, 211, 233, 0.3) 0%, rgba(125, 166, 234, 0.4) 100%);
          /* FF3.6-15 */
          background: -webkit-linear-gradient(top, rgba(197, 211, 233, 0.3) 0%, rgba(125, 166, 234, 0.4) 100%);
          /* Chrome10-25,Safari5.1-6 */
          background: linear-gradient(to bottom, rgba(197, 211, 233, 0.3) 0%, rgba(125, 166, 234, 0.4) 100%);
          /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dc5d3e9', endColorstr='#667da6ea',GradientType=0 );
          /* IE6-9 */ }
          @media screen and (max-width: 767px) {
            #POWERUP1 .character-box .character-slide .character-slide--inner .character-text--box .character-profile {
              padding: 15px;
              margin-bottom: 0px; } }
          #POWERUP1 .character-box .character-slide .character-slide--inner .character-text--box .character-profile ul li {
            margin-bottom: 10px;
            font-size: 15px;
            line-height: 1.25; }
            @media screen and (max-width: 767px) {
              #POWERUP1 .character-box .character-slide .character-slide--inner .character-text--box .character-profile ul li {
                font-size: 12px;
                margin-bottom: 5px; } }
            #POWERUP1 .character-box .character-slide .character-slide--inner .character-text--box .character-profile ul li:last-child {
              margin-bottom: 0px; }
    #POWERUP1 .character-box .character-thumbnail {
      display: flex;
      position: absolute;
      bottom: 20px;
      right: 0;
      max-width: 507px;
      z-index: 10; }
      @media screen and (max-width: 1200px) {
        #POWERUP1 .character-box .character-thumbnail {
          width: 47vw; } }
      @media screen and (max-width: 959px) {
        #POWERUP1 .character-box .character-thumbnail {
          width: 42vw; } }
      @media screen and (max-width: 767px) {
        #POWERUP1 .character-box .character-thumbnail {
          position: relative;
          width: auto;
          max-width: 100%;
          margin: 30px auto;
          flex-wrap: wrap; } }
      #POWERUP1 .character-box .character-thumbnail .character-thumbnail--inner {
        width: 100%;
        margin-left: 10px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        border: solid 3px transparent;
        -moz-transition: all 0.25s ease;
        -o-transition: all 0.25s ease;
        -webkit-transition: all 0.25s ease;
        transition: all 0.25s ease;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        line-height: 0; }
        #POWERUP1 .character-box .character-thumbnail .character-thumbnail--inner:hover {
          border: solid 3px #dc73ab; }
        @media screen and (max-width: 1200px) {
          #POWERUP1 .character-box .character-thumbnail .character-thumbnail--inner {
            width: 50vw;
            margin-left: 10px; } }
        @media screen and (max-width: 767px) {
          #POWERUP1 .character-box .character-thumbnail .character-thumbnail--inner {
            width: auto !important;
            margin-bottom: 10px; } }
      #POWERUP1 .character-box .character-thumbnail button {
        background: none;
        border: none;
        cursor: pointer;
        cursor: hand;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        overflow: hidden;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0;
        line-height: 0;
        margin: 0; }
        #POWERUP1 .character-box .character-thumbnail button img {
          max-width: 70.5px;
          width: 100%;
          line-height: 0; }
      #POWERUP1 .character-box .character-thumbnail .slick-current {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        border: solid 3px #dc73ab;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        line-height: 0; }
      #POWERUP1 .character-box .character-thumbnail .slick-track {
        width: auto !important;
        display: flex;
        transform: translate3d(0px, 0px, 0px) !important; }
        @media screen and (max-width: 767px) {
          #POWERUP1 .character-box .character-thumbnail .slick-track {
            flex-wrap: wrap;
            display: inline-flex; } }
      #POWERUP1 .character-box .character-thumbnail .slick-initialized .slick-slide {
        width: auto !important; }
    #POWERUP1 .character-box .slick-list {
      padding: 0 !important;
      width: 100%;
      overflow: visible !important; }
    #POWERUP1 .character-box .slick-dots {
      display: none !important; }
  #POWERUP1 .voice_stop {
    display: none; }
  #POWERUP1 .voice_play a img, #POWERUP1 .voice_stop a img {
    max-width: 65.5px;
    width: 100%; }
  #POWERUP1 .voice_wp {
    display: flex;
    margin: 20px -5px 0; }
    @media screen and (max-width: 767px) {
      #POWERUP1 .voice_wp {
        flex-wrap: wrap;
        margin: 10px -5px 0; } }
    #POWERUP1 .voice_wp > div {
      padding: 0 5px; }
      @media screen and (max-width: 767px) {
        #POWERUP1 .voice_wp > div {
          max-width: 26%;
          margin-top: 8px; } }

/*CHARACTER
==========================*/
/*==========================
PV
==========================*/
#PV {
  min-height: 0; }
  #PV .content-inner {
    margin: 150px auto; }
    @media screen and (max-width: 767px) {
      #PV .content-inner {
        margin: 100px auto; } }
  #PV .thumbnail-block {
    text-align: center;
    margin-top: 20px; }
    #PV .thumbnail-block a {
      display: inline-block;
      max-width: 630px;
      width: 100%; }
      #PV .thumbnail-block a img {
        width: 100%; }
  #PV .pv-text {
    margin-top: 15px;
    text-align: center;
    color: #fff;
    font-size: 21px;
    font-weight: bold;
    font-family: "Sawarabi Gothic";
    letter-spacing: 2px;
    text-shadow: #e857a7 1px 0px 1px, #e857a7 -1px 0px 1px, #e857a7 0px -1px 1px, #e857a7 -1px 0px 1px, #e857a7 1px 1px 1px, #e857a7 -1px 1px 1px, #e857a7 1px -1px 1px, #e857a7 -1px -1px 1px, #e857a7 1px 1px 1px, #e857a7 -1px 1px 1px, #e857a7 1px -1px 1px, #e857a7 -1px -1px 1px, #e857a7 1px 1px 1px, #e857a7 -1px 1px 1px, #e857a7 1px -1px 1px, #e857a7 -1px -1px 1px, #e857a7 1px 1px 1px, #e857a7 -1px 1px 1px, #e857a7 1px -1px 1px, #e857a7 -1px -1px 1px; }

/*PV
==========================*/
/*==========================
MAGICAL
==========================*/
#MAGICAL {
  background-image: url("../images/bg-magical.jpg");
  background-repeat: repeat-x;
  background-size: auto 100%;
  min-height: 0;
  background-attachment: fixed; }
  #MAGICAL .content-inner {
    margin: 150px auto; }
    @media screen and (max-width: 767px) {
      #MAGICAL .content-inner {
        margin: 100px auto 25vw; } }
  #MAGICAL .magical-box {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    background: url("../images/magical-bg.jpg") #fff;
    width: auto;
    min-height: 200px;
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 100px 0px;
    position: relative; }
    @media screen and (max-width: 1200px) {
      #MAGICAL .magical-box {
        padding: 0 50px 0px; } }
    @media screen and (max-width: 767px) {
      #MAGICAL .magical-box {
        padding: 0 15px 0px; } }
    #MAGICAL .magical-box .magical-title {
      max-width: 591px;
      position: relative;
      top: -50px;
      width: 50vw; }
      @media screen and (max-width: 1200px) {
        #MAGICAL .magical-box .magical-title {
          top: -25px; } }
      @media screen and (max-width: 767px) {
        #MAGICAL .magical-box .magical-title {
          width: 100%;
          z-index: 10; } }
      #MAGICAL .magical-box .magical-title img {
        width: 100%; }
    #MAGICAL .magical-box .magical-text {
      max-width: 591px;
      position: relative;
      top: -50px;
      width: 50vw; }
      @media screen and (max-width: 1200px) {
        #MAGICAL .magical-box .magical-text {
          top: -25px; } }
      @media screen and (max-width: 767px) {
        #MAGICAL .magical-box .magical-text {
          width: 100%;
          top: 0px;
          z-index: 10; } }
      #MAGICAL .magical-box .magical-text img {
        width: 100%; }
    #MAGICAL .magical-box .magical-oto-link {
      max-width: 117px;
      margin-bottom: 20px; }
      @media screen and (max-width: 767px) {
        #MAGICAL .magical-box .magical-oto-link {
          margin-top: 20px;
          max-width: 30vw;
          padding-left: 10px; } }
      #MAGICAL .magical-box .magical-oto-link a {
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease; }
        #MAGICAL .magical-box .magical-oto-link a img {
          -moz-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
          -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease; }
        #MAGICAL .magical-box .magical-oto-link a:hover img {
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
          opacity: 0.5; }
    #MAGICAL .magical-box .p_btn {
      display: inline-block; }
    #MAGICAL .magical-box .magical-button, #MAGICAL .magical-box .magical-button2 {
      display: inline-block;
      position: relative;
      max-width: 234px;
      position: relative;
      top: -50px;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      #MAGICAL .magical-box .magical-button.magical-button2, #MAGICAL .magical-box .magical-button2.magical-button2 {
        max-width: 319px; }
      @media screen and (max-width: 1200px) {
        #MAGICAL .magical-box .magical-button, #MAGICAL .magical-box .magical-button2 {
          top: -25px; } }
      @media screen and (max-width: 767px) {
        #MAGICAL .magical-box .magical-button, #MAGICAL .magical-box .magical-button2 {
          top: 0;
          margin: 12px auto 28px;
          display: block;
          z-index: 10; } }
      #MAGICAL .magical-box .magical-button img, #MAGICAL .magical-box .magical-button2 img {
        width: 100%; }
      #MAGICAL .magical-box .magical-button .on, #MAGICAL .magical-box .magical-button2 .on {
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        position: absolute;
        top: 0;
        left: 0;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0; }
        #MAGICAL .magical-box .magical-button .on:hover, #MAGICAL .magical-box .magical-button2 .on:hover {
          filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
          opacity: 1; }
    #MAGICAL .magical-box .magical-yumina {
      position: absolute;
      bottom: -30px;
      width: 40vw;
      max-width: 350px;
      right: 50px; }
      @media screen and (max-width: 1200px) {
        #MAGICAL .magical-box .magical-yumina {
          right: 25px;
          bottom: -20px;
          width: 32vw; } }
      @media screen and (max-width: 767px) {
        #MAGICAL .magical-box .magical-yumina {
          max-width: 100%;
          width: 64vw;
          right: -5vw;
          bottom: -15px; } }

/*MAGICAL
==========================*/
/*==========================
PRIVILEGE
==========================*/
#PRIVILEGE .content-inner, .privilege_block .content-inner {
  margin: 150px auto 70px; }
  @media screen and (max-width: 767px) {
    #PRIVILEGE .content-inner, .privilege_block .content-inner {
      margin: 100px auto 50px; } }
#PRIVILEGE .bruma-block, .privilege_block .bruma-block {
  background: url("../images/privilege-dot-bg.png") #eef8f8;
  background-size: cover;
  background-position: center;
  padding: 50px 50px 30px;
  display: block;
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin: 50px auto 0px; }
  @media screen and (max-width: 767px) {
    #PRIVILEGE .bruma-block, .privilege_block .bruma-block {
      display: block;
      padding: 20px 20px 20px; } }
  #PRIVILEGE .bruma-block:before, .privilege_block .bruma-block:before {
    content: "";
    display: block;
    position: absolute;
    background: url("../images/privilege-bottom-bg.png");
    background-size: cover;
    background-position: center;
    width: 104px;
    height: 107px;
    bottom: 20px;
    right: 20px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7; }
  #PRIVILEGE .bruma-block .truck-img, .privilege_block .bruma-block .truck-img {
    max-width: 335px;
    width: 100%; }
    @media screen and (max-width: 767px) {
      #PRIVILEGE .bruma-block .truck-img, .privilege_block .bruma-block .truck-img {
        max-width: 100%;
        margin-bottom: 25px; } }
    #PRIVILEGE .bruma-block .truck-img img, .privilege_block .bruma-block .truck-img img {
      width: 100%; }
  #PRIVILEGE .bruma-block .truck-text, .privilege_block .bruma-block .truck-text {
    padding-left: 25px;
    position: relative;
    z-index: 10; }
    #PRIVILEGE .bruma-block .truck-text:first-child, .privilege_block .bruma-block .truck-text:first-child {
      padding-left: 0; }
    @media screen and (max-width: 767px) {
      #PRIVILEGE .bruma-block .truck-text, .privilege_block .bruma-block .truck-text {
        padding-left: 0px; } }
    #PRIVILEGE .bruma-block .truck-text h4, .privilege_block .bruma-block .truck-text h4 {
      color: #002c5c;
      font-size: 20px;
      line-height: 1.5;
      font-weight: bold;
      margin-bottom: 25px; }
      @media screen and (max-width: 767px) {
        #PRIVILEGE .bruma-block .truck-text h4, .privilege_block .bruma-block .truck-text h4 {
          margin-bottom: 15px; } }
  #PRIVILEGE .bruma-block .bruma-title, .privilege_block .bruma-block .bruma-title {
    text-align: center;
    width: 70%;
    max-width: 726px;
    margin: 0 auto 20px; }
  #PRIVILEGE .bruma-block .bruma-up-text, .privilege_block .bruma-block .bruma-up-text {
    color: #003563;
    font-weight: bold; }
  #PRIVILEGE .bruma-block .bruma-up-text.goal, .privilege_block .bruma-block .bruma-up-text.goal {
    text-align: center; }
  #PRIVILEGE .bruma-block a, .privilege_block .bruma-block a {
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    #PRIVILEGE .bruma-block a:hover, .privilege_block .bruma-block a:hover {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
      opacity: 0.75; }
  #PRIVILEGE .bruma-block .bruma-up-list .bruma-up-list01, .privilege_block .bruma-block .bruma-up-list .bruma-up-list01 {
    display: flex;
    justify-content: space-between; }
    #PRIVILEGE .bruma-block .bruma-up-list .bruma-up-list01 li:nth-child(1):after, #PRIVILEGE .bruma-block .bruma-up-list .bruma-up-list01 li:nth-child(2):after, .privilege_block .bruma-block .bruma-up-list .bruma-up-list01 li:nth-child(1):after, .privilege_block .bruma-block .bruma-up-list .bruma-up-list01 li:nth-child(2):after {
      content: "";
      display: block;
      background: url(../images/bruma-arrow.png);
      width: 14%;
      height: 14%;
      position: absolute;
      background-size: 100% auto;
      background-position: center;
      background-repeat: no-repeat;
      top: 36%;
      right: -20%; }
    #PRIVILEGE .bruma-block .bruma-up-list .bruma-up-list01 li:nth-child(3):after, .privilege_block .bruma-block .bruma-up-list .bruma-up-list01 li:nth-child(3):after {
      content: "";
      display: block;
      background: url(../images/bruma-arrow.png);
      width: 14%;
      height: 14%;
      position: absolute;
      background-size: 100% auto;
      background-position: center;
      background-repeat: no-repeat;
      bottom: -10%;
      left: 50%;
      margin-left: -7%;
      transform: rotate(90deg); }
  #PRIVILEGE .bruma-block .bruma-up-list .bruma-up-list02, .privilege_block .bruma-block .bruma-up-list .bruma-up-list02 {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between; }
    #PRIVILEGE .bruma-block .bruma-up-list .bruma-up-list02 li:nth-child(2):after, #PRIVILEGE .bruma-block .bruma-up-list .bruma-up-list02 li:nth-child(3):after, .privilege_block .bruma-block .bruma-up-list .bruma-up-list02 li:nth-child(2):after, .privilege_block .bruma-block .bruma-up-list .bruma-up-list02 li:nth-child(3):after {
      content: "";
      display: block;
      background: url(../images/bruma-arrow.png);
      width: 14%;
      height: 14%;
      position: absolute;
      background-size: 100% auto;
      background-position: center;
      background-repeat: no-repeat;
      top: 36%;
      right: -20%;
      transform: rotate(-180deg); }
  #PRIVILEGE .bruma-block .bruma-up-list .bruma-up-list01 li, #PRIVILEGE .bruma-block .bruma-up-list .bruma-up-list02 li, .privilege_block .bruma-block .bruma-up-list .bruma-up-list01 li, .privilege_block .bruma-block .bruma-up-list .bruma-up-list02 li {
    width: 29%;
    position: relative; }
  #PRIVILEGE .bruma-block .sp-bruma-up-list .bruma-up-list01, #PRIVILEGE .bruma-block .sp-bruma-up-list .bruma-up-list02, #PRIVILEGE .bruma-block .sp-bruma-up-list .bruma-up-list03, .privilege_block .bruma-block .sp-bruma-up-list .bruma-up-list01, .privilege_block .bruma-block .sp-bruma-up-list .bruma-up-list02, .privilege_block .bruma-block .sp-bruma-up-list .bruma-up-list03 {
    display: flex;
    justify-content: space-between; }
    #PRIVILEGE .bruma-block .sp-bruma-up-list .bruma-up-list01 li, #PRIVILEGE .bruma-block .sp-bruma-up-list .bruma-up-list02 li, #PRIVILEGE .bruma-block .sp-bruma-up-list .bruma-up-list03 li, .privilege_block .bruma-block .sp-bruma-up-list .bruma-up-list01 li, .privilege_block .bruma-block .sp-bruma-up-list .bruma-up-list02 li, .privilege_block .bruma-block .sp-bruma-up-list .bruma-up-list03 li {
      width: 45%;
      margin-bottom: 5%;
      position: relative; }
  #PRIVILEGE .bruma-block .sp-bruma-up-list .bruma-up-list01 li:nth-child(1):after, #PRIVILEGE .bruma-block .sp-bruma-up-list .bruma-up-list03 li:nth-child(1):after, .privilege_block .bruma-block .sp-bruma-up-list .bruma-up-list01 li:nth-child(1):after, .privilege_block .bruma-block .sp-bruma-up-list .bruma-up-list03 li:nth-child(1):after {
    content: "";
    display: block;
    background: url(../images/bruma-arrow.png);
    width: 14%;
    height: 14%;
    position: absolute;
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    top: 36%;
    right: -20%; }
  #PRIVILEGE .bruma-block .sp-bruma-up-list .bruma-up-list01 li:nth-child(2):after, .privilege_block .bruma-block .sp-bruma-up-list .bruma-up-list01 li:nth-child(2):after {
    content: "";
    display: block;
    background: url(../images/bruma-arrow.png);
    width: 14%;
    height: 14%;
    position: absolute;
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    bottom: -10%;
    left: 50%;
    margin-left: -7%;
    transform: rotate(90deg); }
  #PRIVILEGE .bruma-block .sp-bruma-up-list .bruma-up-list02, .privilege_block .bruma-block .sp-bruma-up-list .bruma-up-list02 {
    flex-direction: row-reverse; }
    #PRIVILEGE .bruma-block .sp-bruma-up-list .bruma-up-list02 li:nth-child(2):before, .privilege_block .bruma-block .sp-bruma-up-list .bruma-up-list02 li:nth-child(2):before {
      content: "";
      display: block;
      background: url(../images/bruma-arrow.png);
      width: 14%;
      height: 14%;
      position: absolute;
      background-size: 100% auto;
      background-position: center;
      background-repeat: no-repeat;
      bottom: -10%;
      left: 50%;
      margin-left: -7%;
      transform: rotate(90deg); }
    #PRIVILEGE .bruma-block .sp-bruma-up-list .bruma-up-list02 li:nth-child(2):after, .privilege_block .bruma-block .sp-bruma-up-list .bruma-up-list02 li:nth-child(2):after {
      content: "";
      display: block;
      background: url(../images/bruma-arrow.png);
      width: 14%;
      height: 14%;
      position: absolute;
      background-size: 100% auto;
      background-position: center;
      background-repeat: no-repeat;
      top: 36%;
      right: -20%;
      transform: rotate(-180deg); }
#PRIVILEGE .truck-block, .privilege_block .truck-block {
  background: url("../images/privilege-dot-bg.png") #eef8f8;
  background-size: cover;
  background-position: center;
  padding: 50px 50px 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin: 50px auto 100px; }
  @media screen and (max-width: 767px) {
    #PRIVILEGE .truck-block, .privilege_block .truck-block {
      display: block;
      padding: 20px 20px 20px; } }
  #PRIVILEGE .truck-block:before, .privilege_block .truck-block:before {
    content: "";
    display: block;
    position: absolute;
    background: url("../images/privilege-bottom-bg.png");
    background-size: cover;
    background-position: center;
    width: 104px;
    height: 107px;
    bottom: 20px;
    right: 20px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7; }
  #PRIVILEGE .truck-block .truck-img, .privilege_block .truck-block .truck-img {
    max-width: 335px;
    width: 100%; }
    @media screen and (max-width: 767px) {
      #PRIVILEGE .truck-block .truck-img, .privilege_block .truck-block .truck-img {
        max-width: 100%;
        margin-bottom: 25px; } }
    #PRIVILEGE .truck-block .truck-img img, .privilege_block .truck-block .truck-img img {
      width: 100%; }
  #PRIVILEGE .truck-block .truck-text, .privilege_block .truck-block .truck-text {
    padding-left: 25px;
    position: relative;
    z-index: 10; }
    #PRIVILEGE .truck-block .truck-text:first-child, .privilege_block .truck-block .truck-text:first-child {
      padding-left: 0; }
    @media screen and (max-width: 767px) {
      #PRIVILEGE .truck-block .truck-text, .privilege_block .truck-block .truck-text {
        padding-left: 0px; } }
    #PRIVILEGE .truck-block .truck-text h4, .privilege_block .truck-block .truck-text h4 {
      color: #002c5c;
      font-size: 20px;
      line-height: 1.5;
      font-weight: bold;
      margin-bottom: 25px; }
      @media screen and (max-width: 767px) {
        #PRIVILEGE .truck-block .truck-text h4, .privilege_block .truck-block .truck-text h4 {
          margin-bottom: 15px; } }
#PRIVILEGE .magical-yumina, .privilege_block .magical-yumina {
  background-image: url(../images/bg-magical.jpg) !important;
  background-repeat: repeat-x;
  background-size: auto 100%;
  min-height: 0;
  background-attachment: fixed;
  padding: 50px;
  margin: 50px auto 100px;
  justify-content: normal !important; }
  #PRIVILEGE .magical-yumina::before, .privilege_block .magical-yumina::before {
    background: none; }
  #PRIVILEGE .magical-yumina .truck-text h4, #PRIVILEGE .magical-yumina .truck-text p, .privilege_block .magical-yumina .truck-text h4, .privilege_block .magical-yumina .truck-text p {
    text-shadow: white 1px 0px 1px, white -1px 0px 1px, white 0px -1px 1px, white -1px 0px 1px, white 1px 1px 1px, white -1px 1px 1px, white 1px -1px 1px, white -1px -1px 1px, white 1px 1px 1px, white -1px 1px 1px, white 1px -1px 1px, white -1px -1px 1px, white 1px 1px 1px, white -1px 1px 1px, white 1px -1px 1px, white -1px -1px 1px, white 1px 1px 1px, white -1px 1px 1px, white 1px -1px 1px, white -1px -1px 1px; }
#PRIVILEGE .truck-list-button,
#PRIVILEGE .truck-pv-button, .privilege_block .truck-list-button,
.privilege_block .truck-pv-button {
  margin-right: 13px;
  display: inline-block;
  text-align: right;
  margin-top: 20px; }
  @media screen and (max-width: 767px) {
    #PRIVILEGE .truck-list-button,
    #PRIVILEGE .truck-pv-button, .privilege_block .truck-list-button,
    .privilege_block .truck-pv-button {
      text-align: center; } }
  #PRIVILEGE .truck-list-button a,
  #PRIVILEGE .truck-pv-button a, .privilege_block .truck-list-button a,
  .privilege_block .truck-pv-button a {
    display: inline-block;
    position: relative;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    #PRIVILEGE .truck-list-button a img,
    #PRIVILEGE .truck-pv-button a img, .privilege_block .truck-list-button a img,
    .privilege_block .truck-pv-button a img {
      width: 100%; }
    #PRIVILEGE .truck-list-button a .on,
    #PRIVILEGE .truck-pv-button a .on, .privilege_block .truck-list-button a .on,
    .privilege_block .truck-pv-button a .on {
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease;
      position: absolute;
      top: 0;
      left: 0;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0; }
      #PRIVILEGE .truck-list-button a .on:hover,
      #PRIVILEGE .truck-pv-button a .on:hover, .privilege_block .truck-list-button a .on:hover,
      .privilege_block .truck-pv-button a .on:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1; }
#PRIVILEGE .privilege-lead, .privilege_block .privilege-lead {
  margin-top: 30px;
  text-align: center;
  color: #fff;
  font-size: 21px;
  font-weight: bold;
  font-family: "Sawarabi Gothic";
  letter-spacing: 2px;
  text-shadow: #e857a7 1px 0px 1px, #e857a7 -1px 0px 1px, #e857a7 0px -1px 1px, #e857a7 -1px 0px 1px, #e857a7 1px 1px 1px, #e857a7 -1px 1px 1px, #e857a7 1px -1px 1px, #e857a7 -1px -1px 1px, #e857a7 1px 1px 1px, #e857a7 -1px 1px 1px, #e857a7 1px -1px 1px, #e857a7 -1px -1px 1px, #e857a7 1px 1px 1px, #e857a7 -1px 1px 1px, #e857a7 1px -1px 1px, #e857a7 -1px -1px 1px, #e857a7 1px 1px 1px, #e857a7 -1px 1px 1px, #e857a7 1px -1px 1px, #e857a7 -1px -1px 1px; }
#PRIVILEGE .privilege-list, .privilege_block .privilege-list {
  margin-top: 35px;
  margin-bottom: 8%;
  padding-bottom: 4.7%;
  border-bottom: 1px dashed #ccc; }
  #PRIVILEGE .privilege-list:last-of-type, .privilege_block .privilege-list:last-of-type {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0; }
  @media screen and (max-width: 767px) {
    #PRIVILEGE .privilege-list, .privilege_block .privilege-list {
      margin-bottom: 18%;
      padding-bottom: 15%; } }
  #PRIVILEGE .privilege-list > ul, .privilege_block .privilege-list > ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1%; }
    #PRIVILEGE .privilege-list > ul > li, .privilege_block .privilege-list > ul > li {
      width: 31%;
      margin: 0 1% 3%;
      padding-bottom: 70px;
      background: url("../images/privilege-dot-bg.png") #eef8f8;
      background-size: cover;
      background-position: center;
      position: relative;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px; }
      @media screen and (max-width: 767px) {
        #PRIVILEGE .privilege-list > ul > li, .privilege_block .privilege-list > ul > li {
          width: 46%;
          margin: 0 2% 4%; } }
      @media screen and (max-width: 479px) {
        #PRIVILEGE .privilege-list > ul > li, .privilege_block .privilege-list > ul > li {
          width: 100%;
          margin: 0 2% 4%; } }
      #PRIVILEGE .privilege-list > ul > li:before, .privilege_block .privilege-list > ul > li:before {
        content: "";
        display: block;
        position: absolute;
        background: url("../images/privilege-bottom-bg.png");
        background-size: cover;
        background-position: center;
        width: 83px;
        height: 86px;
        bottom: 20px;
        right: 20px;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
        opacity: 0.7; }
        @media screen and (max-width: 767px) {
          #PRIVILEGE .privilege-list > ul > li:before, .privilege_block .privilege-list > ul > li:before {
            width: 52px;
            height: 54px; } }
      #PRIVILEGE .privilege-list > ul > li .privilege-list-inner, .privilege_block .privilege-list > ul > li .privilege-list-inner {
        padding: 20px 20px 30px; }
        @media screen and (max-width: 767px) {
          #PRIVILEGE .privilege-list > ul > li .privilege-list-inner, .privilege_block .privilege-list > ul > li .privilege-list-inner {
            padding: 20px 10px 20px; } }
      #PRIVILEGE .privilege-list > ul > li .new::before, .privilege_block .privilege-list > ul > li .new::before {
        content: "NEW";
        margin-left: 3px;
        color: #fff;
        background: #f06fbd;
        padding: 4px 10px;
        font-size: 14px;
        position: absolute;
        border-radius: 16px;
        left: 6px;
        top: 8px;
        z-index: 15; }
      #PRIVILEGE .privilege-list > ul > li .privilege-shop--name, #PRIVILEGE .privilege-list > ul > li .privilege-shop--img, #PRIVILEGE .privilege-list > ul > li .privilege-shop--text, .privilege_block .privilege-list > ul > li .privilege-shop--name, .privilege_block .privilege-list > ul > li .privilege-shop--img, .privilege_block .privilege-list > ul > li .privilege-shop--text {
        position: relative;
        z-index: 10; }
      #PRIVILEGE .privilege-list > ul > li a, .privilege_block .privilege-list > ul > li a {
        display: block;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        overflow: hidden;
        position: relative; }
      #PRIVILEGE .privilege-list > ul > li a.zoom, .privilege_block .privilege-list > ul > li a.zoom {
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease; }
        #PRIVILEGE .privilege-list > ul > li a.zoom:after, .privilege_block .privilege-list > ul > li a.zoom:after {
          content: "";
          background: url("../images/zoom.svg");
          background-size: cover;
          background-position: center;
          display: block;
          position: absolute;
          width: 30px;
          height: 30px;
          right: 10px;
          bottom: 10px; }
          @media screen and (max-width: 767px) {
            #PRIVILEGE .privilege-list > ul > li a.zoom:after, .privilege_block .privilege-list > ul > li a.zoom:after {
              width: 20px;
              height: 20px; } }
        #PRIVILEGE .privilege-list > ul > li a.zoom:hover, .privilege_block .privilege-list > ul > li a.zoom:hover {
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
          opacity: 0.7; }
      #PRIVILEGE .privilege-list > ul > li .privilege-shop--name, .privilege_block .privilege-list > ul > li .privilege-shop--name {
        background: url("../images/privilege-bg.png");
        background-size: auto 100%;
        background-repeat: repeat-x;
        text-align: center;
        margin-bottom: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        -moz-border-radius: 100px;
        -webkit-border-radius: 100px;
        border-radius: 100px;
        border: solid 3px #ffffff; }
        #PRIVILEGE .privilege-list > ul > li .privilege-shop--name h6, .privilege_block .privilege-list > ul > li .privilege-shop--name h6 {
          font-size: 16px;
          font-weight: bold;
          color: #fff;
          padding: 15px 20px;
          line-height: 1.5; }
          @media screen and (max-width: 767px) {
            #PRIVILEGE .privilege-list > ul > li .privilege-shop--name h6, .privilege_block .privilege-list > ul > li .privilege-shop--name h6 {
              font-size: 16px; } }
      #PRIVILEGE .privilege-list > ul > li .privilege-shop--img, .privilege_block .privilege-list > ul > li .privilege-shop--img {
        margin-bottom: 30px; }
        @media screen and (max-width: 767px) {
          #PRIVILEGE .privilege-list > ul > li .privilege-shop--img, .privilege_block .privilege-list > ul > li .privilege-shop--img {
            margin-bottom: 20px; } }
      #PRIVILEGE .privilege-list > ul > li .privilege-shop--text, .privilege_block .privilege-list > ul > li .privilege-shop--text {
        color: #3a7de5; }
        @media screen and (max-width: 767px) {
          #PRIVILEGE .privilege-list > ul > li .privilege-shop--text, .privilege_block .privilege-list > ul > li .privilege-shop--text {
            font-size: 14px; } }
#PRIVILEGE .tenpo50, .privilege_block .tenpo50 {
  margin-bottom: 10px;
  color: #aaa; }

.top-anker {
  text-align: right;
  margin-top: 20px; }
  @media screen and (max-width: 767px) {
    .top-anker {
      margin-top: 25px; } }
  .top-anker a {
    position: relative;
    display: inline-block; }
    .top-anker a img {
      max-width: 271px;
      width: 100%; }
    .top-anker a .on {
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease;
      position: absolute;
      top: 0;
      left: 0;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0; }
      .top-anker a .on:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1; }

.buy-anker {
  text-align: center;
  margin-top: 0px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 5px; }
  @media screen and (max-width: 767px) {
    .buy-anker {
      margin-top: 25px; } }
  .buy-anker a {
    position: relative !important;
    display: inline-block !important; }
    .buy-anker a img {
      max-width: 271px;
      width: 100%; }
    .buy-anker a .on {
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease;
      position: absolute;
      top: 0;
      left: 0;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0; }
      .buy-anker a .on:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1; }

.li-WonderGOO .privilege-list-inner {
  padding: 20px 20px 170px !important; }

/*PRIVILEGE
==========================*/
/*==========================
SUPPORT
==========================*/
#SUPPORT .content-inner {
  padding-bottom: 150px; }
  @media screen and (max-width: 767px) {
    #SUPPORT .content-inner {
      padding-bottom: 25vw; } }
#SUPPORT .manual_btn_all {
  display: flex;
  position: relative;
  width: 100%;
  max-width: 567px;
  justify-content: center;
  margin: 0px auto;
  padding-top: 100px; }
  @media screen and (max-width: 767px) {
    #SUPPORT .manual_btn_all {
      display: block;
      padding-top: 10px; } }
  #SUPPORT .manual_btn_all .manual_btn {
    position: relative;
    width: 50%; }
    @media screen and (max-width: 767px) {
      #SUPPORT .manual_btn_all .manual_btn {
        display: block;
        width: 100%;
        height: 23vw; } }
    #SUPPORT .manual_btn_all .manual_btn p {
      width: 100%;
      max-width: 283px; }
#SUPPORT .support-block {
  background: url("../images/privilege-dot-bg.png") #eef8f8;
  background-size: cover;
  background-position: center;
  padding: 50px 50px 30px;
  display: block;
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin: 50px auto 0px; }
  @media screen and (max-width: 767px) {
    #SUPPORT .support-block {
      display: block;
      padding: 40px 30px 40px; } }
  #SUPPORT .support-block h4 {
    color: #002c5c;
    font-size: 20px;
    line-height: 1.5;
    font-weight: bold;
    margin-bottom: 30px;
    text-align: center; }
  #SUPPORT .support-block h5 {
    font-size: 16px;
    font-weight: bold;
    color: #002c5c;
    margin: 40px 0 20px; }
  #SUPPORT .support-block p, #SUPPORT .support-block li {
    line-height: 1.65;
    font-size: 15px; }
  #SUPPORT .support-block .support-list > ul > li {
    margin-bottom: 20px;
    text-indent: -24px;
    padding-left: 24px; }
    #SUPPORT .support-block .support-list > ul > li ul {
      text-indent: 0px;
      margin-bottom: 20px; }
      #SUPPORT .support-block .support-list > ul > li ul li {
        margin-top: 5px;
        margin-bottom: 5px;
        font-size: 14px;
        text-indent: -14px;
        padding-left: 14px; }
#SUPPORT a {
  color: #3a7de5; }
#SUPPORT .guideline {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 20px;
  color: #999;
  font-size: 13px; }

/*SUPPORT
==========================*/
/*==========================
footer
==========================*/
footer {
  position: relative;
  bottom: -166px;
  bottom: 0;
  width: 100%;
  opacity: 1;
  z-index: 20; }
  footer .footer-wp {
    background-color: #002b5b;
    padding: 20px 30px 50px;
    color: #ffffff; }
    footer .footer-wp .footer-flex {
      display: flex;
      width: 100%;
      max-width: 1080px;
      margin: 2% auto 2.5%;
      justify-content: space-between; }
      footer .footer-wp .footer-flex .footer-flex__inner {
        width: 48%;
        background: #11396e;
        display: flex;
        align-items: center;
        position: relative; }
        footer .footer-wp .footer-flex .footer-flex__inner .footer-flex__content {
          display: flex;
          align-items: center;
          font-size: 14px;
          margin: 15px 15px;
          width: 100%;
          border: solid 1px rgba(255, 255, 255, 0.6);
          height: calc(100% - 40px); }
          footer .footer-wp .footer-flex .footer-flex__inner .footer-flex__content div {
            position: relative;
            z-index: 10; }
          footer .footer-wp .footer-flex .footer-flex__inner .footer-flex__content:before {
            content: '';
            background: #11396e;
            position: absolute;
            display: block;
            top: 0;
            bottom: 0;
            left: 40px;
            right: 40px; }
          footer .footer-wp .footer-flex .footer-flex__inner .footer-flex__content:after {
            content: '';
            background: #11396e;
            position: absolute;
            display: block;
            top: 40px;
            bottom: 40px;
            left: 0px;
            right: 0px; }
          footer .footer-wp .footer-flex .footer-flex__inner .footer-flex__content .footer-flex__title {
            padding: 20px 30px 20px 20px;
            font-size: 16px;
            font-weight: bold; }
          footer .footer-wp .footer-flex .footer-flex__inner .footer-flex__content dl {
            display: flex; }
            footer .footer-wp .footer-flex .footer-flex__inner .footer-flex__content dl dd {
              text-indent: -1rem;
              padding-left: 1rem; }
          footer .footer-wp .footer-flex .footer-flex__inner .footer-flex__content ul {
            padding: 20px 0; }
          footer .footer-wp .footer-flex .footer-flex__inner .footer-flex__content li {
            margin-bottom: 5px;
            line-height: 1.5;
            letter-spacing: -0.5px; }
            footer .footer-wp .footer-flex .footer-flex__inner .footer-flex__content li:last-child {
              margin-bottom: 0px; }
    footer .footer-wp .footer-cell {
      color: #fff;
      display: table;
      width: 100%;
      max-width: 1080px;
      margin: 0 auto;
      position: relative; }
      footer .footer-wp .footer-cell .footer-cell-left {
        display: table-cell;
        vertical-align: top;
        width: 60%; }
        footer .footer-wp .footer-cell .footer-cell-left ul {
          margin-bottom: 20px; }
          footer .footer-wp .footer-cell .footer-cell-left ul li {
            font-size: 11px;
            text-indent: -1.2em;
            padding-left: 1.2em;
            margin-bottom: 3px;
            line-height: 1.2em; }
            footer .footer-wp .footer-cell .footer-cell-left ul li img {
              vertical-align: middle; }
        footer .footer-wp .footer-cell .footer-cell-left .btnContact {
          display: inline-block;
          background-color: #FFF;
          padding: 10px 30px;
          font-size: 14px;
          font-weight: bold;
          -moz-border-radius: 25px;
          -webkit-border-radius: 25px;
          border-radius: 25px;
          color: #002b5b;
          border: solid 2px #fff; }
          footer .footer-wp .footer-cell .footer-cell-left .btnContact:hover {
            background-color: #002b5b;
            color: #FFF; }
      footer .footer-wp .footer-cell .footer-cell-right {
        display: table-cell;
        width: 40%;
        vertical-align: top;
        text-align: right; }
        footer .footer-wp .footer-cell .footer-cell-right ul {
          margin-bottom: 10px;
          display: flex;
          justify-content: flex-end;
          flex-wrap: wrap; }
          @media screen and (max-width: 767px) {
            footer .footer-wp .footer-cell .footer-cell-right ul {
              justify-content: center; } }
          footer .footer-wp .footer-cell .footer-cell-right ul li {
            display: inline-block;
            text-align: right;
            align-self: top; }
            footer .footer-wp .footer-cell .footer-cell-right ul li a {
              display: block; }
            footer .footer-wp .footer-cell .footer-cell-right ul li span {
              margin-top: 25px;
              display: inline-block; }
              footer .footer-wp .footer-cell .footer-cell-right ul li span img {
                vertical-align: middle;
                margin: 0 3px; }
          footer .footer-wp .footer-cell .footer-cell-right ul li:last-child {
            padding-top: 6px; }
        footer .footer-wp .footer-cell .footer-cell-right .copy {
          font-size: 11px;
          display: block;
          position: absolute;
          right: 0;
          bottom: 0; }
  @media screen and (max-width: 1060px) {
    footer {
      position: relative; } }
  @media screen and (max-width: 767px) {
    footer .footer-wp {
      padding: 5%; }
      footer .footer-wp .footer-flex {
        display: block; }
        footer .footer-wp .footer-flex .footer-flex__inner {
          width: 100%;
          background: #11396e;
          display: flex;
          align-items: center;
          position: relative;
          margin-bottom: 20px; }
          footer .footer-wp .footer-flex .footer-flex__inner .footer-flex__content {
            display: block;
            align-items: center;
            font-size: 14px;
            margin: 15px 15px;
            width: 100%;
            border: solid 1px rgba(255, 255, 255, 0.6);
            height: calc(100% - 40px); }
            footer .footer-wp .footer-flex .footer-flex__inner .footer-flex__content div {
              position: relative;
              z-index: 10; }
            footer .footer-wp .footer-flex .footer-flex__inner .footer-flex__content:before {
              content: '';
              background: #11396e;
              position: absolute;
              display: block;
              top: 0;
              bottom: 0;
              left: 40px;
              right: 40px; }
            footer .footer-wp .footer-flex .footer-flex__inner .footer-flex__content:after {
              content: '';
              background: #11396e;
              position: absolute;
              display: block;
              top: 40px;
              bottom: 40px;
              left: 0px;
              right: 0px; }
            footer .footer-wp .footer-flex .footer-flex__inner .footer-flex__content .footer-flex__title {
              padding: 20px 20px 10px 20px;
              font-size: 16px;
              font-weight: bold; }
            footer .footer-wp .footer-flex .footer-flex__inner .footer-flex__content dl {
              display: flex; }
              footer .footer-wp .footer-flex .footer-flex__inner .footer-flex__content dl dt {
                min-width: 150px; } }
            @media screen and (max-width: 767px) and (max-width: 339px) {
              footer .footer-wp .footer-flex .footer-flex__inner .footer-flex__content dl dt {
                min-width: 0px; } }
  @media screen and (max-width: 767px) {
            footer .footer-wp .footer-flex .footer-flex__inner .footer-flex__content ul {
              padding: 0px 20px 20px; }
            footer .footer-wp .footer-flex .footer-flex__inner .footer-flex__content li {
              margin-bottom: 5px;
              line-height: 1.5;
              letter-spacing: -0.5px; }
              footer .footer-wp .footer-flex .footer-flex__inner .footer-flex__content li:last-child {
                margin-bottom: 0px; }
      footer .footer-wp .topics {
        top: -140px;
        left: 0;
        right: 0;
        margin: auto;
        max-width: initial;
        width: 95%; }
        footer .footer-wp .topics .topics-inner {
          max-width: 100%; }
        footer .footer-wp .topics ul {
          height: 80px;
          padding: 0; }
          footer .footer-wp .topics ul li {
            display: block;
            width: auto;
            padding-top: 0;
            padding-bottom: 5px;
            margin: 8px; }
            footer .footer-wp .topics ul li .schedule {
              display: block;
              width: auto; }
            footer .footer-wp .topics ul li p {
              padding-left: 0;
              display: block;
              font-size: 14px;
              letter-spacing: -0.3px; }
      footer .footer-wp .twitter .twitter-text {
        right: 140px;
        top: -262px !important; }
      footer .footer-wp .twitter .present-text {
        top: -394px !important; }
      footer .footer-wp .twitter .tw_chara {
        position: absolute;
        right: 0;
        top: -250px; }
      footer .footer-wp .footer-cell {
        display: block; }
        footer .footer-wp .footer-cell .footer-cell-left {
          display: block;
          width: auto; }
          footer .footer-wp .footer-cell .footer-cell-left .btnContact {
            display: block;
            width: 50%;
            padding: 8px 15px;
            text-align: center;
            margin: 0 auto; }
        footer .footer-wp .footer-cell .footer-cell-right {
          display: block;
          width: auto;
          text-align: center;
          margin-top: 40px; }
          footer .footer-wp .footer-cell .footer-cell-right ul {
            margin-bottom: 20px; }
            footer .footer-wp .footer-cell .footer-cell-right ul li {
              margin-bottom: 5px; }
          footer .footer-wp .footer-cell .footer-cell-right .copy {
            font-size: 11px;
            display: block;
            position: relative; } }

/*footer
==========================*/
/*colorbox*/
#colorbox,
#cboxOverlay,
#cboxWrapper {
  overflow: visible !important;
  z-index: 99999999; }

#cboxOverlay {
  background: #030303;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7; }

#cboxClose:hover {
  background-position: 0;
  opacity: 0.8; }

#colorbox
#cboxContent,
#cboxLoadedContent {
  overflow: visible !important;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  background: #000 !important;
  padding: 0; }

#cboxSlideshow {
  display: none !important; }

#cboxTitle {
  position: absolute;
  top: 100%;
  left: 0;
  color: #fff;
  padding-top: 5px;
  line-height: 1.5;
  font-size: 15px; }

#cboxLoadingOverlay {
  background: #030303;
  opacity: 0;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px; }

#cboxLoadingGraphic {
  opacity: 0; }

#cboxContent {
  margin-top: 50px;
  margin-top: 0px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px; }

#cboxPrevious {
  background: url("../images/icon-left.png");
  background-position: center;
  background-size: 100% auto;
  left: -30px;
  top: 50%;
  width: 19px;
  height: 27px;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  @media screen and (max-width: 767px) {
    #cboxPrevious {
      background: url("../images/icon_sp_left.png");
      background-position: center;
      background-size: 100% auto;
      left: 10px; } }
  #cboxPrevious:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    background: url("../images/icon-left.png");
    background-position: center;
    background-size: 100% auto; }
    @media screen and (max-width: 767px) {
      #cboxPrevious:hover {
        background: url("../images/icon_sp_left.png");
        background-position: center;
        background-size: 100% auto;
        left: 10px; } }

#cboxNext {
  background: url("../images/icon_right.png");
  background-position: center;
  background-size: 100% auto;
  right: -30px;
  top: 50%;
  width: 19px;
  height: 27px;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  @media screen and (max-width: 767px) {
    #cboxNext {
      background: url("../images/icon_sp_right.png");
      background-position: center;
      background-size: 100% auto;
      right: 10px; } }
  #cboxNext:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    background: url("../images/icon_right.png");
    background-position: center;
    background-size: 100% auto; }
    @media screen and (max-width: 767px) {
      #cboxNext:hover {
        background: url("../images/icon_sp_right.png");
        background-position: center;
        background-size: 100% auto;
        right: 10px; } }

#cboxClose {
  background: url("../images/icon-close.png");
  background-position: center;
  background-size: 100% auto;
  width: 20px;
  height: 20px;
  top: -30px; }
  #cboxClose:hover {
    background: url("../images/icon-close.png");
    background-position: center;
    background-size: 100% auto; }

/* scrollbar */
.mCS-sweetone.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #b12638;
  width: 10px; }
  @media screen and (max-width: 767px) {
    .mCS-sweetone.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
      width: 6px; } }

.mCS-sweetone.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #eaeaea;
  width: 10px; }
  @media screen and (max-width: 767px) {
    .mCS-sweetone.mCSB_scrollTools .mCSB_draggerRail {
      width: 6px; } }

.mCSB_inside > .mCSB_container {
  margin-right: 0; }

.mCSB_scrollTools {
  margin: 60px 10px 20px 10px; }
  @media screen and (max-width: 767px) {
    .mCSB_scrollTools {
      margin: 35px 0 5px 0; } }

.remodal-overlay {
  background: #030303;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  z-index: 9999999; }

.remodal-wrapper {
  z-index: 100000000; }

.remodal-close {
  background: url(../images/icon-close.png);
  background-position: center;
  background-size: 100% auto;
  width: 20px;
  height: 20px;
  top: 0px;
  right: 40px;
  left: auto;
  position: absolute; }
  .remodal-close:before {
    display: none; }

.remodal {
  max-width: 1070px;
  background: none; }
  @media screen and (max-width: 767px) {
    .remodal {
      padding: 30px 10px; } }
  .remodal .content-wp {
    min-height: 0;
    background: #fff;
    padding: 50px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    overflow: hidden; }
    @media screen and (max-width: 767px) {
      .remodal .content-wp {
        padding: 40px 20px; } }
  .remodal .caution {
    margin-top: 30px;
    text-align: left; }
  .remodal.remodal_info190109 .content-title {
    font-size: 130%;
    font-weight: bold;
    margin-bottom: 20px; }
  @media screen and (max-width: 767px) {
    .remodal.remodal_info190109 {
      text-align: left; }
      .remodal.remodal_info190109 br.spbrake {
        display: none; }
      .remodal.remodal_info190109 .content-title {
        text-align: left;
        line-height: 150%;
        font-size: 4vw; }
      .remodal.remodal_info190109 p {
        font-size: 3.5vw; }
        .remodal.remodal_info190109 p span {
          text-align: center;
          display: block;
          margin-bottom: -4vw; }
      .remodal.remodal_info190109 .content-wp {
        padding: 40px 0px 20px 0; }
      .remodal.remodal_info190109 img {
        max-width: 70%;
        margin: 0 auto;
        display: block; } }
  .remodal.remodal_newseries .inline-frame {
    padding-right: 15px;
    text-align: left;
    height: auto;
    overflow-y: auto; }
    .remodal.remodal_newseries .inline-frame p {
      text-align: center; }
      @media screen and (max-width: 767px) {
        .remodal.remodal_newseries .inline-frame p {
          text-align: left; }
          .remodal.remodal_newseries .inline-frame p br {
            display: none; } }

.truck-list--box {
  margin-top: 50px;
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 767px) {
    .truck-list--box {
      display: block;
      margin-top: 20px; } }
  .truck-list--box .truck-list--inner {
    width: 48%;
    text-align: left; }
    @media screen and (max-width: 767px) {
      .truck-list--box .truck-list--inner {
        width: 100%; } }
    .truck-list--box .truck-list--inner ul li {
      color: #002c5c;
      margin-bottom: 5px;
      line-height: 1.5;
      font-size: 14px; }
      .truck-list--box .truck-list--inner ul li dl {
        display: flex; }
        .truck-list--box .truck-list--inner ul li dl dt {
          min-width: 25px; }
        .truck-list--box .truck-list--inner ul li dl dd {
          padding-left: 5px; }

/*TOPスライドバナー
==========================*/
.slidebanner-box {
  max-width: 1080px;
  width: 90%;
  margin: 15px auto 20px;
  position: relative; }
  @media screen and (max-width: 767px) {
    .slidebanner-box {
      width: auto;
      margin: 10vw auto 5vw;
      padding: 0 15px;
      display: none !important; } }
  .slidebanner-box .slidebanner {
    max-width: 329px;
    margin-top: 0px; }
    @media screen and (max-width: 959px) {
      .slidebanner-box .slidebanner {
        max-width: 280px; } }
    @media screen and (max-width: 767px) {
      .slidebanner-box .slidebanner {
        min-width: 100%; } }
    .slidebanner-box .slidebanner .slidebanner-inner {
      background: #fff; }
      .slidebanner-box .slidebanner .slidebanner-inner a img {
        width: 100%;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1; }
        .slidebanner-box .slidebanner .slidebanner-inner a img:hover {
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
          opacity: 0.75; }
  .slidebanner-box .slick-dots {
    display: flex !important;
    justify-content: center;
    margin: 0 auto 0; }
    @media screen and (max-width: 767px) {
      .slidebanner-box .slick-dots {
        margin: 3vw auto 0; } }
    .slidebanner-box .slick-dots li {
      margin: 0 10px; }
      @media screen and (max-width: 767px) {
        .slidebanner-box .slick-dots li {
          margin: 0 4vw; } }
      .slidebanner-box .slick-dots li button {
        border-radius: 50%;
        font-size: 0;
        padding: 0;
        width: 10px;
        height: 10px;
        border: none;
        cursor: pointer;
        cursor: hand;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
        opacity: 0.5; }
        @media screen and (max-width: 767px) {
          .slidebanner-box .slick-dots li button {
            width: 4vw;
            height: 4vw;
            max-width: 20px;
            max-height: 20px; } }
        .slidebanner-box .slick-dots li button:hover {
          filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
          opacity: 1; }
    .slidebanner-box .slick-dots .slick-active button {
      filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
      opacity: 1; }

.colorchange:before {
  content: "";
  background: url(../images/colorchange-icon.png);
  background-size: 100%;
  width: 60px;
  height: 60px;
  display: block;
  position: absolute;
  top: -10px;
  left: -10px;
  z-index: 10; }
  @media screen and (max-width: 959px) {
    .colorchange:before {
      width: 40px;
      height: 40px; } }
  @media screen and (max-width: 479px) {
    .colorchange:before {
      width: 60px;
      height: 60px; } }

.newDLC:before {
  content: "";
  background: url(../images/newDLC_icon.png);
  background-size: 100%;
  width: 60px;
  height: 60px;
  display: block;
  position: absolute;
  top: -10px;
  left: -10px;
  z-index: 10; }
  @media screen and (max-width: 959px) {
    .newDLC:before {
      width: 40px;
      height: 40px; } }
  @media screen and (max-width: 479px) {
    .newDLC:before {
      width: 60px;
      height: 60px; } }
/*
.ps-s-inner-row {
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 959px) {
    .ps-s-inner-row {
      display: block; } }
  .ps-s-inner-row .ps-s-inner-content03 {
    width: calc(48% - 60px); }
    @media screen and (max-width: 959px) {
      .ps-s-inner-row .ps-s-inner-content03 {
        width: auto; } }
  .ps-s-inner-row .ps-s-inner-content04 {
    width: calc(48% - 60px); }
    @media screen and (max-width: 959px) {
      .ps-s-inner-row .ps-s-inner-content04 {
        width: auto; } }
*/
.ps-s-inner .ps-store-button {
  margin-top: 20px;
  text-align: center; }
  .ps-s-inner .ps-store-button a {
    position: relative;
    display: inline-block;
    max-width: 271px;
    width: 100%;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    @media screen and (max-width: 959px) {
      .ps-s-inner .ps-store-button a {
        display: inline-block;
        position: relative; } }
    .ps-s-inner .ps-store-button a img {
      -moz-transition: all 0.25s ease;
      -o-transition: all 0.25s ease;
      -webkit-transition: all 0.25s ease;
      transition: all 0.25s ease;
      max-width: 271px;
      width: 100%; }
      @media screen and (max-width: 959px) {
        .ps-s-inner .ps-store-button a img {
          width: 70vw;
          max-width: 300px; } }
    .ps-s-inner .ps-store-button a .on {
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0 !important; }
    .ps-s-inner .ps-store-button a:hover .on {
      opacity: 1 !important; }
.ps-s-inner .ps-s-inner-content {
  background: url("../images/privilege-dot-bg.png") #eef8f8;
  background-size: cover;
  background-position: center;
  padding: 20px 30px 30px;
  display: block;
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin: 20px auto 0px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px; }
  .ps-s-inner .ps-s-inner-content h2 {
    margin-bottom: 10px;
    color: #137dd0;
    font-size: 32px;
    font-weight: 700; }
    @media screen and (max-width: 767px) {
      .ps-s-inner .ps-s-inner-content h2 {
        margin-bottom: 10px;
        height: 11vw; } }
    .ps-s-inner .ps-s-inner-content h2 img {
      max-height: 100%; }
  .ps-s-inner .ps-s-inner-content h4 {
    font-size: 24px;
    font-weight: bold;
    color: #003563;
    line-height: 1.5;
    margin-bottom: 10px; }
    @media screen and (max-width: 767px) {
      .ps-s-inner .ps-s-inner-content h4 {
        font-size: 18px;
        margin-bottom: 10px; } }
  .ps-s-inner .ps-s-inner-content p {
    color: #003563;
    line-height: 1.5;
    text-align: center;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      .ps-s-inner .ps-s-inner-content p br {
        display: none; } }
    .ps-s-inner .ps-s-inner-content p.attention {
      text-align: left;
      color: #ac1919;
      font-size: 15px;
      margin-bottom: 15px; }
      @media screen and (max-width: 767px) {
        .ps-s-inner .ps-s-inner-content p.attention {
          font-size: 3.5vw; } }
  .ps-s-inner .ps-s-inner-content ul {
    display: flex;
    justify-content: center;
    background-color: white;
    max-width: 500px;
    margin: 20px auto 0; }
  .ps-s-inner .ps-s-inner-content .ps-s-img {
    margin-top: 20px;
    text-align: center; }
    .ps-s-inner .ps-s-inner-content .ps-s-img img {
      width: 100%;
      max-width: 260px; }
  .ps-s-inner .ps-s-inner-content .nintendo-s-img {
    margin-top: 20px;
    text-align: center; }
    .ps-s-inner .ps-s-inner-content .nintendo-s-img img {
      width: 100%;
      max-width: 460px; }
  .ps-s-inner .ps-s-inner-content .ps-note {
    font-size: 14px;
    margin-top: 10px; }
    @media screen and (max-width: 767px) {
      .ps-s-inner .ps-s-inner-content .ps-note {
        margin-bottom: 20px; } }
  .ps-s-inner .ps-s-inner-content span {
    display: inline-block; }
  .ps-s-inner .ps-s-inner-content .pink-text {
    color: #e857a7;
    text-shadow: white 2px 0px 2px, white -2px 0px 2px, white 0px -2px 2px, white -2px 0px 2px, white 2px 2px 2px, white -2px 2px 2px, white 2px -2px 2px,
                 white -2px -2px 2px, white 1px 2px 2px, white -1px 2px 2px, white 1px -2px 2px, white -1px -2px 2px, white 2px 1px 2px, white -2px 1px 2px,
                 white 2px -1px 2px, white -2px -1px 2px, white 1px 1px 2px, white -1px 1px 2px, white 1px -1px 2px, white -1px -1px 2px;}
  /*text-shadow: white 2px 0px 2px, white -2px 0px 2px, white 0px -2px 2px, white -2px 0px 2px, white 2px 2px 2px, white -2px 2px 2px, white 2px -2px 2px, white -2px -2px 2px, white 1px 2px 2px, white -1px 2px 2px, white 1px -2px 2px, white -1px -2px 2px, white 2px 1px 2px, white -2px 1px 2px, white 2px -1px 2px, white -2px -1px 2px, white 1px 1px 2px, white -1px 1px 2px, white 1px -1px 2px, white -1px -1px 2px; }*/
  @media screen and (max-width: 767px) {
    .ps-s-inner .ps-s-inner-content {
      display: block;
      padding: 20px 20px 20px; } }
  .ps-s-inner .ps-s-inner-content:before {
    content: "";
    display: block;
    position: absolute;
    background: url("../images/privilege-bottom-bg.png");
    background-size: cover;
    background-position: center;
    width: 104px;
    height: 107px;
    bottom: 20px;
    right: 20px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7; }



/*==========================
DLC関連
==========================*/

.dlc-accordion details{
	margin-top: 10px;
}

.dlc-accordion summary{
	position: relative;
	list-style: none; /* デフォルトの三角形アイコンを消します */
	cursor: pointer; /* ポインターを指さしマークに変更 */
  box-shadow: 0px 0px 8px -2px rgba(0, 0, 0, 0.42);

  background-color: #f971dc;
  border-radius: 41px;
  border: 3px solid #ffffff;
  color: #fff !important;
  padding: 10px 50px;
  font-weight: bold;
  font-size: 17px;
  margin: 0 6%;
}

.dlc-accordion summary:hover {
  opacity: 0.7; }

.dlc-accordion summary::-webkit-details-marker {
	display: none; /* Safariで表示されるデフォルトの三角形アイコンを消します */
}

.dlc-accordion summary::after{
	position: absolute;
	width: 15px;
	height: 15px;
	top: calc(50% - 6px);
	right: 25px;
	border-right: 4px solid #ffffff;
	border-bottom: 4px solid #ffffff;
	box-sizing: border-box;
	content: "";
	transform: rotate(130deg);
	transition: top 0.4s ease-out, transform 0.4s ease-out;
}

.dlc-accordion details[open] summary::after{
	top: calc(50% - 7px);
	transform: rotate(45deg);
}


.dlc-inner .dlc-inner-content {
  background: url("../images/privilege-dot-bg.png") #eef8f8;
  background-size: cover;
  background-position: center;
  padding: 20px 30px 30px;
  display: block;
  justify-content: space-between;
  align-items: center;
  position: inherit;
  margin: -10px auto 0px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px; }
  .dlc-inner .dlc-inner-content h2 {
    margin-bottom: 10px;
    color: #137dd0;
    font-size: 32px;
    font-weight: 700; }
/*
    @media screen and (max-width: 767px) {
      .dlc-inner .dlc-inner-content h2 {
        margin-bottom: 10px;
        height: 11vw; } }
*/
    .dlc-inner .dlc-inner-content h2 img {
      max-height: 100%; }
  .dlc-inner .dlc-inner-content h4 {
    font-size: 24px;
    font-weight: bold;
    color: #003563;
    line-height: 1.5;
    margin-bottom: 10px; }
/*
    @media screen and (max-width: 767px) {
      .dlc-inner .dlc-inner-content h4 {
        font-size: 18px;
        margin-bottom: 10px; } }
*/
  .dlc-inner .dlc-inner-content p {
    color: #003563;
    line-height: 1.5;
    text-align: center;
    margin: 0 auto; }
/*
    @media screen and (max-width: 767px) {
      .dlc-inner .dlc-inner-content p br {
        display: none; } }
*/
    .dlc-inner .dlc-inner-content p.attention {
      text-align: left;
      color: #ac1919;
      font-size: 15px;
      margin-bottom: 15px; }
/*
      @media screen and (max-width: 767px) {
        .dlc-inner .dlc-inner-content p.attention {
          font-size: 3.5vw; } }
*/
  .dlc-inner .dlc-inner-content ul {
/*
    display: flex;
    justify-content: center;
    background-color: white;
    max-width: 500px;
    margin: 20px auto 0;
*/
    display: inline-block;
  }
  .dlc-inner .dlc-inner-content ul li {
    text-align: left;
  }

  .dlc-inner .dlc-inner-content ul li p {
    text-align: left;
  }
  .dlc-inner .dlc-inner-content .dlc-next-list {
    margin-top: 10px;
  }

  .dlc-inner .dlc-inner-content .dlc-img {
    margin-top: 20px;
    text-align: center; }
    .dlc-inner .dlc-inner-content .dlc-img img {
      width: 100%;
      max-width: 260px; }
  .dlc-inner .dlc-inner-content .dlc-img2 {
    margin-top: 20px;
    text-align: center; }
    .dlc-inner .dlc-inner-content .dlc-img2 img {
      width: 100%;
      max-width: 600px; }
  .dlc-inner .dlc-inner-content .dlc-movie {
    margin-top: 20px;
    text-align: center; }
    .dlc-inner .dlc-inner-content .dlc-movie img {
      width: 100%;
      max-width: 600px;
      border: solid 3px #499aff;
      border-radius: 10px; }

  .dlc-inner .dlc-inner-content .dlc-note {
    font-size: 14px;
    margin-top: 10px; }
/*
    @media screen and (max-width: 767px) {
      .dlc-inner .dlc-inner-content .dlc-note {
        margin-bottom: 20px; } }
*/

  .dlc-inner .dlc-inner-content span {
    display: inline-block; }
  .dlc-inner .dlc-inner-content .red-text {
    color: #E91E63;
    text-shadow: white 2px 0px 2px, white -2px 0px 2px, white 0px -2px 2px, white -2px 0px 2px, white 2px 2px 2px, white -2px 2px 2px, white 2px -2px 2px,
                 white -2px -2px 2px, white 1px 2px 2px, white -1px 2px 2px, white 1px -2px 2px, white -1px -2px 2px, white 2px 1px 2px, white -2px 1px 2px,
                 white 2px -1px 2px, white -2px -1px 2px, white 1px 1px 2px, white -1px 1px 2px, white 1px -1px 2px, white -1px -1px 2px; }
  .dlc-inner .dlc-inner-content .pink-text {
    color: #e857a7;
    text-shadow: white 2px 0px 2px, white -2px 0px 2px, white 0px -2px 2px, white -2px 0px 2px, white 2px 2px 2px, white -2px 2px 2px, white 2px -2px 2px,
                 white -2px -2px 2px, white 1px 2px 2px, white -1px 2px 2px, white 1px -2px 2px, white -1px -2px 2px, white 2px 1px 2px, white -2px 1px 2px,
                 white 2px -1px 2px, white -2px -1px 2px, white 1px 1px 2px, white -1px 1px 2px, white 1px -1px 2px, white -1px -1px 2px; }
  /*text-shadow: white 2px 0px 2px, white -2px 0px 2px, white 0px -2px 2px, white -2px 0px 2px, white 2px 2px 2px, white -2px 2px 2px, white 2px -2px 2px, white -2px -2px 2px, white 1px 2px 2px, white -1px 2px 2px, white 1px -2px 2px, white -1px -2px 2px, white 2px 1px 2px, white -2px 1px 2px, white 2px -1px 2px, white -2px -1px 2px, white 1px 1px 2px, white -1px 1px 2px, white 1px -1px 2px, white -1px -1px 2px; }*/
/*
  @media screen and (max-width: 767px) {
    .dlc-inner .dlc-inner-content {
      display: block;
      padding: 20px 20px 20px; } }
*/
  .dlc-inner .dlc-inner-content:before {
    content: "";
    display: block;
    position: absolute;
    background: url("../images/privilege-bottom-bg.png");
    background-size: cover;
    background-position: center;
    width: 104px;
    height: 107px;
    bottom: 20px;
    right: 20px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7; }

  .dlc-info-box {
    display: flex;
    color: #0b1f30;
    padding: 5px 0px;
    text-align: left;
    }
    @media screen and (max-width: 500px) {
      .dlc-info-box {
        display: block;
        padding: 10px 0 5px; } }
    .dlc-info-box .info {
      width: 100%;
    /*font-size: 1.5rem;*/ }
      @media screen and (max-width: 500px) {
        .dlc-info-box .info {
          /*font-size: 3vw;*/
          letter-spacing: 0.5px; } }
      .dlc-info-box .info dl {
        display: flex;
        margin-bottom: 10px; }
        @media screen and (max-width: 500px) {
          .dlc-info-box .info dl {
            margin-bottom: 10px; } }
      .dlc-info-box .info dt {
        border-right: 1px solid #ccc;
        width: 4em;
        margin-right: 10px; }
        @media screen and (max-width: 500px) {
          .dlc-info-box .info dt {
            width: 23%;
            margin-right: 15px; } }
      .dlc-info-box .info dd {
        width: 100%; }
        @media screen and (max-width: 500px) {
          .dlc-info-box .info dd {
            width: 70%; } }
/*DLC関連
==========================*/




/*アニメ関連
==========================*/
#main .wp, #anime_top_01, #anime_top_02, #anime_top_03, #anime_top_04, #anime_top_05, #anime_top_06, #anime_top_07, #anime_top_08, .anime_intro_01, .anime_intro_02, .anime_intro_03, .anime_intro_04, .anime_intro_05, .anime_intro_06, .anime_intro_07, .anime_intro_08, .anime_intro_09, .anime_chara_01, .anime_chara_02, .anime_pv_01, .anime_pv_02, .anime_magical_01, .anime_privilege_01, .anime_privilege_02, .anime_privilege_03, .anime_privilege_04, .anime_privilege_b, .anime_support_01, .anime_support_02 {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0; }

/*==========================
PROMOTION
==========================*/
#PROMOTION {
  background-image: url("../images/bg-promo.gif");
  min-height: 0;
  background-attachment: fixed; }
  #PROMOTION .content-inner {
    margin: 80px auto 0px auto; }
    @media screen and (max-width: 767px) {
      #PROMOTION .content-inner {
        margin: 100px auto 25vw; } }
    #PROMOTION .content-inner .content-title {
      margin-bottom: 40px; }
  #PROMOTION .promo-box {
    padding: 50px 0px 50px 0px;
    text-align: center;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    background-color: #fff;
    width: auto;
    min-height: 200px;
    margin: 0 auto 80px auto;
    position: relative; }
    #PROMOTION .promo-box .content-wp .content-inner {
      max-width: 1200px; }
    @media screen and (max-width: 1200px) {
      #PROMOTION .promo-box {
        padding: 50px 50px 50px 50px; } }
    @media screen and (max-width: 767px) {
      #PROMOTION .promo-box {
        padding: 7vw 2vw 6vw 2vw; } }
    #PROMOTION .promo-box h3 {
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease;
      font-size: 34px;
      font-weight: bold;
      color: #fff;
      text-shadow: 0 0 5px #40a5f3, 0 0 5px #40a5f3, 0 0 5px #40a5f3, 0 0 5px #40a5f3, 0 0 5px #40a5f3, 0 0 5px #40a5f3, 0 0 5px #40a5f3, 0 0 5px #40a5f3, 0 0 5px #40a5f3, 0 0 5px #40a5f3, 0 0 5px #40a5f3, 0 0 3px #40a5f3, 0 0 3px #40a5f3, 0 0 3px #40a5f3, 0 0 3px #40a5f3, 0 0 3px #40a5f3, 0 0 3px #40a5f3, 0 0 3px #40a5f3, 0 0 3px #40a5f3, 0 0 3px #40a5f3, 0 0 3px #40a5f3, 0 0 3px #40a5f3, 0 0 3px #40a5f3, 0 0 3px #40a5f3, 0 0 3px #40a5f3, 0 0 3px #40a5f3, 0 0 3px #40a5f3;
      padding: 0px 0 0px 0; }
      #PROMOTION .promo-box h3 img {
        width: 100%;
        max-width: 913px; }
      @media screen and (max-width: 767px) {
        #PROMOTION .promo-box h3 {
          font-size: 6vw;
          text-align: left;
          padding: 0 10px 0 10px;
          margin-bottom: 6vw !important;
          line-height: 150%;
          text-shadow: 0 0 3px #40a5f3, 0 0 3px #40a5f3, 0 0 3px #40a5f3, 0 0 3px #40a5f3, 0 0 3px #40a5f3, 0 0 3px #40a5f3, 0 0 3px #40a5f3, 0 0 3px #40a5f3, 0 0 3px #40a5f3, 0 0 3px #40a5f3, 0 0 3px #40a5f3, 0 0 3px #40a5f3, 0 0 3px #40a5f3, 0 0 3px #40a5f3, 0 0 3px #40a5f3; } }
    #PROMOTION .promo-box h4 {
      padding: 0px 0 25px 0; }
      #PROMOTION .promo-box h4 img {
        width: 100%;
        max-width: 823px; }
      @media screen and (max-width: 767px) {
        #PROMOTION .promo-box h4 {
          padding: 0 5px 0px;
          margin-bottom: 5px !important; } }
    #PROMOTION .promo-box p {
      font-size: 20px;
      text-align: center;
      text-align: left;
      margin-bottom: 25px;
      color: #003563;
      line-height: 170%;
      display: block;
      width: 85%;
      margin: 0 auto; }
      @media screen and (max-width: 1200px) {
        #PROMOTION .promo-box p {
          width: 90%; }
          #PROMOTION .promo-box p .br_break {
            display: none; } }
      @media screen and (max-width: 767px) {
        #PROMOTION .promo-box p {
          padding: 0 0 0px;
          font-size: 4vw; } }
    #PROMOTION .promo-box .img {
      text-align: center;
      max-width: 1000px;
      margin: 0 auto 30px auto; }
    #PROMOTION .promo-box .alignCenter {
      text-align: center; }
    #PROMOTION .promo-box .p_btn {
      display: inline-block; }
    #PROMOTION .promo-box .magical-button, #PROMOTION .promo-box .magical-button2 {
      display: inline-block;
      position: relative;
      max-width: 304px;
      position: relative;
      text-align: center;
      margin-bottom: 0px;
      padding-bottom: 0px;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      #PROMOTION .promo-box .magical-button.magical-button2, #PROMOTION .promo-box .magical-button2.magical-button2 {
        max-width: 344px; }
      @media screen and (max-width: 767px) {
        #PROMOTION .promo-box .magical-button, #PROMOTION .promo-box .magical-button2 {
          margin: 30px auto 40px;
          display: block;
          padding-bottom: 50px;
          z-index: 10; } }
      #PROMOTION .promo-box .magical-button img, #PROMOTION .promo-box .magical-button2 img {
        width: 100%; }
      #PROMOTION .promo-box .magical-button .on, #PROMOTION .promo-box .magical-button2 .on {
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        position: absolute;
        top: 0;
        left: 0;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0; }
        #PROMOTION .promo-box .magical-button .on:hover, #PROMOTION .promo-box .magical-button2 .on:hover {
          filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
          opacity: 1; }
    #PROMOTION .promo-box .promo_btn {
      text-align: center;
      position: relative;
      max-width: 376px;
      position: relative;
      margin: 0 auto;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      @media screen and (max-width: 767px) {
        #PROMOTION .promo-box .promo_btn {
          display: block;
          padding-bottom: 50px;
          z-index: 10; } }
      #PROMOTION .promo-box .promo_btn img {
        width: 100%; }
      #PROMOTION .promo-box .promo_btn a:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
        opacity: 0.7; }
      #PROMOTION .promo-box .promo_btn a {
        display: inline-block;
        margin: 0 auto; }
    #PROMOTION .promo-box.wp_close {
      min-height: 40px;
      padding: 50px 0px 3px 0px; }


      #PROMOTION .Photo-pickup details{
      	margin-top: 15px;
      }

      #PROMOTION .Photo-pickup summary{
      	position: relative;
      	list-style: none; /* デフォルトの三角形アイコンを消します */
      	cursor: pointer; /* ポインターを指さしマークに変更 */
        box-shadow: 0px 0px 8px -2px rgba(0, 0, 0, 0.42);

        background-color: #ff9600;
        border-radius: 41px;
        border: 3px solid #ffffff;
        color: #fff !important;
        padding: 10px 50px;
        font-weight: bold;
        font-size:min(5vw,34px);
        margin: 0 6%;
      }

      #PROMOTION .Photo-pickup summary:hover {
        opacity: 0.7; }

      #PROMOTION .Photo-pickup summary::-webkit-details-marker {
      	display: none; /* Safariで表示されるデフォルトの三角形アイコンを消します */
      }

      #PROMOTION .Photo-pickup summary::after{
      	position: absolute;
      	width: 15px;
      	height: 15px;
      	top: calc(50% - 6px);
      	right: 25px;
      	border-right: 4px solid #ffffff;
      	border-bottom: 4px solid #ffffff;
      	box-sizing: border-box;
      	content: "";
      	transform: rotate(130deg);
      	transition: top 0.4s ease-out, transform 0.4s ease-out;
      }

      #PROMOTION .Photo-pickup details[open] summary::after{
      	top: calc(50% - 7px);
      	transform: rotate(45deg);
      }





.specification {
  background-image: url(../images/bg-promo.gif);
  min-height: 0;
  background-attachment: fixed; }
  .specification .content-inner {
    margin: 0 auto;
    max-width: 1080px;
    padding: 80px 0; }
    .specification .content-inner .table table {
      margin: 30px auto;
      width: 100%; }
      .specification .content-inner .table table td, .specification .content-inner .table table th {
        border: 3px solid #c1e9fd;
        border-collapse: collapse;
        background: white;
        padding: 10px 4px;
        text-align: center; }
      .specification .content-inner .table table tr .width {
        width: 37%; }
    .specification .content-inner .table-sp table {
      margin: 30px auto;
      width: 95%; }
      .specification .content-inner .table-sp table td, .specification .content-inner .table-sp table th {
        border-left: 3px solid #c1e9fd;
        border-right: 3px solid #c1e9fd;
        border-collapse: collapse;
        background: white;
        padding: 10px 4px;
        text-align: center; }
      .specification .content-inner .table-sp table tr .width {
        width: 47%;
        font-weight: bold; }
    .specification .content-inner .t-head {
      font-weight: bold;
      background: #EE8FAA !important;
      color: white; }
    .specification .content-inner .text-s {
      font-size: 80%; }
    .specification .content-inner p {
      margin: 20px auto 30px auto; }
      @media screen and (max-width: 959px) {
        .specification .content-inner p {
          width: 82%; } }
    .specification .content-inner .privilege-lead {
      font-weight: bold; }

.costume .content-inner {
  margin: 0 auto;
  max-width: 1080px;
  padding: 80px 0; }
  .costume .content-inner p {
    color: black;
    font-weight: 500;
    font-size: 24px;
    text-align: center;
    width: 82%;
    display: block;
    margin: 20px auto 30px auto; }
    .costume .content-inner p .col_pink {
      color: #f06fbd; }
    @media screen and (max-width: 767px) {
      .costume .content-inner p {
        font-size: 4vw;
        text-align: left;
        margin: 20px auto 0px auto; } }
  .costume .content-inner .content-box ul {
    display: flex; }
    @media screen and (max-width: 767px) {
      .costume .content-inner .content-box ul {
        flex-wrap: wrap; }
        .costume .content-inner .content-box ul li {
          width: 33%; } }
  .costume .content-inner .content-box p {
    color: black;
    text-shadow: none;
    font-size: 1rem; }
  .costume .content-inner .content-box02 {
    margin: 60px 0 0; }
    .costume .content-inner .content-box02 ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
      .costume .content-inner .content-box02 ul li {
        width: 18%;
        margin: 0 2%; }
        @media screen and (max-width: 767px) {
          .costume .content-inner .content-box02 ul li {
            width: 29%; } }
        .costume .content-inner .content-box02 ul li p {
          color: #137dd0;
          text-shadow: none;
          font-size: 14px;
          letter-spacing: -1.5px;
          margin: 0 auto 30px;
          width: 100%; }
          @media screen and (max-width: 767px) {
            .costume .content-inner .content-box02 ul li p {
              font-size: 12px; } }
  .costume .content-inner .content-box03 ul {
    display: flex;
    flex-wrap: wrap; }
    .costume .content-inner .content-box03 ul li {
      max-width: 25%; }
      .costume .content-inner .content-box03 ul li a {
        line-height: 0;
        margin: 5px;
        display: block; }
  @media screen and (max-width: 767px) {
    .costume .content-inner .content-box03 ul li {
      max-width: 33.33333%; } }

.spec {
  background-image: url(../images/bg-promo.gif);
  min-height: 0;
  background-attachment: fixed;
  padding: 20px 30px 50px;
  color: #137dd0; }
  @media screen and (max-width: 767px) {
    .spec {
      padding: 5%; } }
  .spec .content-inner {
    margin: 0 auto;
    max-width: 1080px;
    padding: 80px 0; }
    .spec .content-inner .spec-flex__inner {
      background: #ffffff;
      display: flex;
      align-items: center;
      position: relative;
      margin: 30px auto 0;
      max-width: 900px; }
      .spec .content-inner .spec-flex__inner .spec-flex__content {
        display: flex;
        align-items: center;
        font-size: 14px;
        margin: 15px 15px;
        width: 100%;
        border: solid 1px #137dd0;
        height: calc(100% - 40px);
        justify-content: center; }
        .spec .content-inner .spec-flex__inner .spec-flex__content:before {
          content: '';
          background: #ffffff;
          position: absolute;
          display: block;
          top: 0;
          bottom: 0;
          left: 40px;
          right: 40px; }
        .spec .content-inner .spec-flex__inner .spec-flex__content:after {
          content: '';
          background: #ffffff;
          position: absolute;
          display: block;
          top: 40px;
          bottom: 40px;
          left: 0px;
          right: 0px; }
        @media screen and (max-width: 767px) {
          .spec .content-inner .spec-flex__inner .spec-flex__content {
            display: block;
            align-items: center;
            font-size: 14px;
            margin: 15px 15px;
            width: 100%;
            border: solid 1px #137dd0;
            height: calc(100% - 40px); } }
        .spec .content-inner .spec-flex__inner .spec-flex__content > div {
          position: relative;
          z-index: 10; }
          .spec .content-inner .spec-flex__inner .spec-flex__content > div ul {
            padding: 20px 0; }
            @media screen and (max-width: 767px) {
              .spec .content-inner .spec-flex__inner .spec-flex__content > div ul {
                padding: 20px; } }
            .spec .content-inner .spec-flex__inner .spec-flex__content > div ul li {
              margin-bottom: 5px;
              line-height: 1.5; }
              .spec .content-inner .spec-flex__inner .spec-flex__content > div ul li p {
                font-size: 80%; }
              .spec .content-inner .spec-flex__inner .spec-flex__content > div ul li dl {
                display: flex; }
                @media screen and (max-width: 767px) {
                  .spec .content-inner .spec-flex__inner .spec-flex__content > div ul li dl dt {
                    min-width: 150px; } }

.option .content-inner {
  margin: 0 auto;
  max-width: 1080px;
  padding: 80px 0; }
  .option .content-inner h3 {
    color: white;
    text-shadow: #137dd0 1px 0px 1px, #137dd0 -1px 0px 1px, #137dd0 0px -1px 1px, #137dd0 -1px 0px 1px, #137dd0 1px 1px 1px, #137dd0 -1px 1px 1px, #137dd0 1px -1px 1px, #137dd0 -1px -1px 1px, #137dd0 1px 1px 1px, #137dd0 -1px 1px 1px, #137dd0 1px -1px 1px, #137dd0 -1px -1px 1px, #137dd0 1px 1px 1px, #137dd0 -1px 1px 1px, #137dd0 1px -1px 1px, #137dd0 -1px -1px 1px, #137dd0 1px 1px 1px, #137dd0 -1px 1px 1px, #137dd0 1px -1px 1px, #137dd0 -1px -1px 1px;
    font-weight: 500;
    font-size: 24px;
    text-align: center;
    width: 82%;
    display: block;
    margin: 20px auto 30px auto; }
  .option .content-inner ul {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    max-width: 480px;
    margin: 0 auto; }
    .option .content-inner ul li a {
      display: inline-block;
      width: 100%; }
.option p {
  font-weight: 500;
  font-size: 20px;
  text-align: center;
  width: 82%;
  display: block;
  margin: 20px auto 10px auto; }
  @media screen and (max-width: 767px) {
    .option p {
      font-size: 4vw; } }
.option .op-note {
  font-size: 18px;
  text-align: center;
  width: 82%;
  display: block;
  margin: 0 auto; }
  @media screen and (max-width: 767px) {
    .option .op-note {
      font-size: 14px; } }

.shop-reservation .content-inner {
  margin: 0 auto;
  max-width: 1080px;
  padding: 80px 0; }
  .shop-reservation .content-inner .privilege-list ul {
    display: flex;
    flex-wrap: wrap;
    margin: 40px 0 0; }
    .shop-reservation .content-inner .privilege-list ul li {
      width: 31%;
      margin: 0 1% 3%;
      background: url(../images/privilege-dot-bg.png) #eef8f8;
      background-size: cover;
      background-position: center;
      position: relative;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px; }
      .shop-reservation .content-inner .privilege-list ul li .privilege-shop--name {
        background: url(../images/privilege-bg.png);
        background-size: auto 100%;
        background-repeat: repeat-x;
        text-align: center;
        margin-bottom: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        -moz-border-radius: 100px;
        -webkit-border-radius: 100px;
        border-radius: 100px;
        border: solid 3px #ffffff; }
        .shop-reservation .content-inner .privilege-list ul li .privilege-shop--name h6 {
          font-size: 16px;
          font-weight: bold;
          color: #fff;
          padding: 15px 20px;
          line-height: 1.5; }
      .shop-reservation .content-inner .privilege-list ul li .privilege-shop--text {
        color: #3a7de5; }
        @media screen and (max-width: 767px) {
          .shop-reservation .content-inner .privilege-list ul li .privilege-shop--text {
            font-size: 14px; } }
      .shop-reservation .content-inner .privilege-list ul li .privilege-list-inner {
        padding: 20px 20px 85px; }
      .shop-reservation .content-inner .privilege-list ul li .privilege-shop--img {
        margin-bottom: 30px; }
        .shop-reservation .content-inner .privilege-list ul li .privilege-shop--img a {
          -moz-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
          -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease; }
          .shop-reservation .content-inner .privilege-list ul li .privilege-shop--img a:hover {
            opacity: 0.7; }
      @media screen and (max-width: 767px) {
        .shop-reservation .content-inner .privilege-list ul li {
          width: 46%;
          margin: 0 2% 4%; } }

/*PROMOTION
==========================*/
.wm_btn {
  text-align: center;
  position: relative;
  max-width: 376px;
  position: relative;
  margin: 26px auto 0 auto;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  @media screen and (max-width: 767px) {
    .wm_btn {
      display: block;
      padding-bottom: 50px;
      z-index: 10; } }
  .wm_btn img {
    width: 100%; }
  .wm_btn a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7; }
  .wm_btn a {
    display: inline-block;
    margin: 0 auto; }

.col_red {
  font-weight: bold;
  font-size: 110%;
  color: #f9208c;
  margin-top: 30px;
  text-align: center; }
  @media screen and (max-width: 767px) {
    .col_red {
      text-align: left; }
      .col_red br {
        display: none; } }
  .col_red.simekiri {
    font-size: 20px;
    background-color: #f9208c;
    color: #fff; }
    @media screen and (max-width: 767px) {
      .col_red.simekiri {
        font-size: 5vw;
        text-align: center; } }

.col_blue {
  font-weight: bold;
  font-size: 110%;
  color: #20bdf9;
  /*margin-top: 30px;*/
  text-align: center; }
  @media screen and (max-width: 767px) {
    .col_blue {
      text-align: left; }
      .col_blue br {
        display: none; } }
  .col_blue.midashi {
    font-size: 25px;
    background-color: #20bdf9;
    color: #fff; }
    @media screen and (max-width: 767px) {
      .col_blue.midashi {
        font-size: 4vw;
        text-align: center; } }

.txt_btn {
  text-align: center;
  padding: 40px 0 0 0; }

.txt_btn a {
  width: 40%;
  text-align: center;
  display: inline-block;
  box-shadow: 0px 0px 8px -2px rgba(0, 0, 0, 0.42);
  background-color: #F02965;
  border-radius: 41px;
  border: 3px solid #ffffff;
  color: #fff !important;
  padding: 10px 46px;
  font-weight: bold;
  font-size: 20px; }
  @media screen and (max-width: 767px) {
    .txt_btn a {
      width: 70%;
      font-size: 5vw; } }
  .txt_btn a:hover {
    opacity: 0.7; }

.inline-frame {
  padding-right: 15px;
  text-align: left;
  height: 70vh;
  overflow-y: scroll; }
  .inline-frame.inline-frame--heightauto {
    height: auto;
    overflow-y: auto; }
  .inline-frame p {
    margin-bottom: 20px;
    margin-top: 30px; }
    .inline-frame p span {
      font-weight: bold;
      color: #137dd0; }
  .inline-frame h3 {
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 25px; }
  .inline-frame h4 {
    font-size: 85%;
    font-weight: bold;
    margin-bottom: 5px;
    padding-left: 5px; }
  .inline-frame ul {
    padding-left: 32px; }
    .inline-frame ul li {
      line-height: 150%;
      text-indent: 0;
      font-size: 14px;
      list-style: disc;
      padding: 0; }
      @media screen and (max-width: 767px) {
        .inline-frame ul li {
          font-size: 3.5vw; } }

.sp-pt-0 {
  padding-top: 0 !important; }

.photo {
  padding: 60px 0 50px 0; }
  .photo h2 {
    margin-bottom: 20px; }
  .photo .week-img img {
    max-width: 60%; }
    @media screen and (max-width: 767px) {
      .photo .week-img img {
        max-width: 100%; } }
  .photo p {
    font-weight: 500;
    font-size: 20px;
    text-align: center;
    width: 82%;
    display: block;
    margin: 20px auto 30px auto; }
    .photo p .col_pink {
      color: #f06fbd; }
    @media screen and (max-width: 767px) {
      .photo p {
        font-size: 4vw;
        text-align: left; }
        .photo p br {
          display: none; } }
    .photo p img {
      margin: 0 0 0px 0;
      max-width: 100%; }

.fixed {
  position: absolute !important;
  right: 10px;
  top: -80px;
  z-index: 100; }

.page_top {
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: 100; }
  .page_top.fixed.footer_top {
    position: relative;
    bottom: 84px;
    right: 0; }
    .page_top.fixed.footer_top a {
      right: 10px;
      position: absolute; }
  .page_top:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7; }

.closebtn {
  background-color: #40a5f3;
  border-radius: 100px;
  color: #fff;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 13px 14px;
  cursor: pointer; }

.info190109-button {
  position: absolute;
  z-index: 900;
  top: 21px;
  right: -34px;
  z-index: 900; }
  .info190109-button img {
    max-width: 150px; }
  .info190109-button:hover {
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    opacity: 0.7; }
/*
  @media screen and (max-width: 959px) {
    .info190109-button {
      top: 67vw;
      right: 3vw; }
      .info190109-button img {
        max-width: 26vw; } }
*/
  .info190109-button.info190313 {
    top: 21px; }
    .info190109-button.info190313:hover {
      -moz-transition: all 0.25s ease;
      -o-transition: all 0.25s ease;
      -webkit-transition: all 0.25s ease;
      transition: all 0.25s ease;
      opacity: 1; }
    .info190109-button.info190313 img {
      max-width: 250px;
      width: 30vw; }
/*
    @media screen and (max-width: 959px) {
      .info190109-button.info190313 {
        top: 3vw;
        right: -6vw; } }

    @media screen and (max-width: 768px) {
      .info190109-button.info190313 {
        top: 53px;
        right: -9vw; }
        .info190109-button.info190313 img {
          width: 34vw;
          max-width: 223px; } }
*/

    @media screen and (max-width: 500px) {
      .info190109-button.info190313 {
        top: 11vw;
        right: -9vw; }
      .info190109-button.info190313 img {
        width: 30vw;
        max-width: 160px; } }

.pach_tab_contents {
  display: none; }
  .pach_tab_contents.current {
    display: block; }

.pach_tab {
  border-bottom: solid 2px #FF2ABF;
  margin-bottom: 10px; }

.pach_tab li {
  width: 25%;
  cursor: pointer;
  color: #fff;
  background-color: #FF2ABF;
  padding: 15px 20px;
  font-weight: bold;
  font-size: 18px;
  display: inline-block;
  margin: 5px 6px -2px 6px;
  position: relative;
  border: solid 2px #FF2ABF; }
  @media screen and (max-width: 768px) {
    .pach_tab li {
      width: 42%;
      font-size: 3vw;
      padding: 15px 0px; } }
  .pach_tab li:hover {
    background-color: #ff5cce;
    color: #fff; }
  .pach_tab li.current {
    background-color: #fff;
    cursor: default;
    color: #FF2ABF;
    border-bottom: solid 2px #fff;
    border-top: solid 2px #FF2ABF;
    border-left: solid 2px #FF2ABF;
    border-right: solid 2px #FF2ABF; }
    .pach_tab li.current:hover {
      background-color: #fff; }