@charset "UTF-8";
/* ==========================================================================
   LAYOUT
   ======================================================================= */
body {
  position: relative;
  overflow-x: hidden;
}

@media screen and (min-width: 1600px) {
  .anime-bg {
    position: fixed;
    z-index: -1;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background: url(../img/top/bg.jpg) 50% 20% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
}
@media screen and (min-width: 1600px) and (min-height: 1080px) {
  .anime-bg {
    position: fixed;
    z-index: -1;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background: url(../img/top/bg.jpg) 50% 10% no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
}
@media screen and (min-width: 2000px) and (min-height: 1080px) {
  .anime-bg {
    position: fixed;
    z-index: -1;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background: url(../img/top/bg.jpg) 50% 30% no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
}
@media screen and (max-width: 1599px) {
  .anime-bg {
    position: fixed;
    z-index: -1;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background: url(../img/top/bg.jpg) 50% 0% no-repeat;
  }
}
@media screen and (max-width: 1200px) {
  .anime-bg {
    position: fixed;
    z-index: -1;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background: url(../img/top/bg_1366.jpg) 50% 0 no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
}

@media screen and (max-width: 759px) {
  body {
    overflow-x: hidden;
  }
  .anime-bg {
    width: 100%;
    background: url(../img/top/bg_sp_L.jpg) 50% 0 no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
}
@media screen and (max-width: 520px) {
  .anime-bg {
    width: 100%;
    background: url(../img/top/bg_sp_higher.jpg) 50% 0% no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
}

.anime-bg-cover {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  background: #fff;
  width: 160%;
  height: 100vh;
  animation: loop-cover 1.6s cubic-bezier(0.77, 0, 0.175, 1) 2.5s forwards;
  transform-origin: left top;
  transform: translate3d(-20%, 0, 0) skewX(-20deg);
}
@media all and (min-width: 760px) and (max-width: 979px) {
  .anime-bg-cover {
    width: 185%;
    animation: loop-cover 1.6s cubic-bezier(0.77, 0, 0.175, 1) 2.5s forwards;
    transform-origin: left top;
    transform: translate3d(-20%, 0, 0) skewX(-20deg);
  }
}

@media screen and (max-width: 759px) {
  .anime-bg-cover {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    background: #fff;
    width: 200%;
    height: 100vh;
    min-height: 1400px;
    animation: loop-cover-sp 1.6s cubic-bezier(0.77, 0, 0.175, 1) 2.5s forwards;
    transform-origin: left top;
    transform: translate3d(-20%, 0, 0) skewX(-20deg);
  }
  .container {
    position: relative;
    z-index: 2;
  }
}

@keyframes loop-bg {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-2160px, 0, 0);
  }
}
@keyframes loop-bg-sp {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-1080px, 0, 0);
  }
}

@keyframes loop-cover {
  0% {
    transform: translate3d(-20%, 0, 0) skewX(-20deg);
  }
  100% {
    transform: translate3d(-160%, 0, 0) skewX(-20deg);
  }
}

@keyframes loop-cover-sp {
  0% {
    transform: translate3d(-20%, 0, 0) skewX(-20deg);
  }
  100% {
    transform: translate3d(-200%, 0, 0) skewX(-20deg);
  }
}

@keyframes disp-report-badge-bg {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.labologo-frame {
  position: absolute;
  padding: 0;
  /*width: 476px;
  height: 272px;*/
  top: 0;
  bottom: 0;
  left: 50%;
  margin: auto;
  transform: translate(0, -50%);
}
.labologo {
  margin: 0 auto;
  width: 440px;
  height: 272px;
  position: relative;
  z-index: 2;
  background: url(../img/top/logoLaboMotion.svg) no-repeat 0 0 / 441px 19584px;
  animation: logoLaboMotion 1.18s 1.2s steps(71) forwards;
}
/*.report-badge {
  opacity: 0;
}
.pc_balloon_contest {
  opacity: 0;
}
.sp_balloon_contest {
  opacity: 0;
}*/
.toy-con .a {
  fill: #000;
}

.toy-con .a,
.toy-con .b {
  fill-rule: evenodd;
}

.toy-con .c {
  stroke: #000;
  stroke-miterlimit: 10;
  stroke-width: 0.75px;
}

.vrkit-movie {
  content: "";
  display: block;
  position: absolute;
  top: 32.5%;
  left: 15.2%;
  width: 21.2%;
  z-index: 100;
}
.vrkit-movie a {
  position: relative;
  display: block;
  width: 100%;
  padding-top: 63.9%;
  background: url(../img/top/hero_img_movie_pc.jpg) no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
/*.vrkit-movie a:before {
  content: "";
  display: block;
  position: absolute;
  background: url(../img/top/hero_ico_new_balloon.png) no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
            background-size: contain;
  -webkit-animation: bound 1.15s ease infinite both;
        animation: bound 1.15s ease infinite both;
  -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
          transform: scale(1, 1);
  height: 31%;
  top: 0;
  left: -20%;
  width: 18.5%;
  z-index: 100;
}*/

.report-badge {
  content: "";
  display: block;
  position: absolute;
  top: -5%;
  left: 76%;
  width: 30%;
  max-width: 160px;
  z-index: 100;
}

.report-badge a:hover {
  display: block;
  width: 100%;
  padding-top: 100%;
  background: url(../img/top/drive_movie_ov.png) no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.bound.is--anime {
  -webkit-animation: bound 1.15s ease 0s both;
  animation: bound 1.15s ease 0s both;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}
.balloon_contest.is--anime {
  -webkit-animation: bound 1.15s ease 0s both;
  animation: bound 1.15s ease 0s both;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}

.report-badge a {
  display: block;
  width: 100%;
  padding-top: 100%;
  background: url(../img/top/drive_movie.png) no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.badge-corner {
  position: absolute;
  top: 46px;
  right: 0;
  width: 13.62%;
  max-width: 186px;
  transition: 0.2s;
  z-index: 100;
}
.badge-corner a {
  display: block;
}
.badge-corner span {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.badge-corner img {
  width: 100%;
  transform: rotate(90deg);
}
.no-touchevents .badge-corner:hover {
  transform: scale(1.05, 1.05);
}

@media all and (max-width: 1080px) and (min-width: 980px) {
  .report-badge {
    content: "";
    display: block;
    /*display: none;*/
    position: absolute;
    top: -4%;
    right: -12%;
    width: 33%;
    z-index: 2;
  }
  .report-badge a {
    display: block;
    width: 100%;
    padding-top: 99%;
    background: url(../img/top/drive_movie.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
  .vrkit-movie {
    top: 31.23%;
    width: 18.5%;
    left: 16.65%;
  }
}
@media all and (max-width: 979px) and (min-width: 768px) {
  .report-badge {
    content: "";
    display: block;
    /*display: none;*/
    position: absolute;
    top: -11%;
    right: -14%;
    width: 38%;
    z-index: 2;
  }
  .report-badge a {
    display: block;
    width: 100%;
    padding-top: 99%;
    background: url(../img/top/drive_movie.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
}
@media all and (max-width: 979px) {
  .vrkit-movie {
    top: 34.23%;
    width: 18.5%;
    left: 16.65%;
  }
}
@media all and (min-width: 760px) {
  .labologo-frame-sp {
    display: none;
  }
  .labologo-frame {
    top: 38%;
    transform: scale(0.7) translate(-74%, -50%);
  }
  .balloon_contest {
    position: absolute;
    top: -34.969%;
    right: -46.59%;
    z-index: 10;
    width: 44.09%;
    background: url(../img/top/balloon_contest.png) no-repeat center top;
    background-size: cover;
  }
  .balloon_contest .balloon_contest-block {
    display: block;
    width: 100%;
    padding-top: 124.5%;
  }
  .pc_balloon_contest.is--display {
    opacity: 1;
  }
  .sp_balloon_contest.is--display {
    opacity: 0;
  }
}

@media all and (min-width: 980px) {
  .labologo-frame {
    top: 50%;
    transform: scale(1) translate(-50%, -50%);
  }
  .pc_balloon_contest {
    animation: disp-report-badge-bg 0.1s cubic-bezier(0.77, 0, 0.175, 1) 3.2s
      forwards;
    -webkit-animation: disp-report-badge-bg 0.1s cubic-bezier(0.77, 0, 0.175, 1)
      3.2s forwards;
  }
}

@media screen and (max-width: 759px) {
  .labologo-frame {
    left: 50vw;
    transform-origin: left top;
    transform: scale(0.7) translateX(-50%) translateY(-50%);
    top: 50%;
  }
  .vrkit-movie {
    content: "";
    display: block;
    position: absolute;
    top: auto;
    bottom: 16.23%;
    left: 14.2%;
    width: 33.9%;
    z-index: 100;
  }
  .vrkit-movie a {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 65.79%;
    background: url(../img/top/hero_img_movie_sp.jpg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
  /*.vrkit-movie a:before {
    content: "";
    display: block;
    position: absolute;
    background: url(../img/top/hero_ico_new_balloon.png) no-repeat;
    background-size: contain;
    height: 36%;
    top: -17%;
    left: -5%;
    width: 20.5%;
    z-index: 100;
  }*/
  .report-badge {
    content: "";
    display: block;
    position: absolute;
    top: 48%;
    left: 83%;
    width: 32.82%;
  }
  .report-badge a {
    display: block;
    width: 100%;
    padding-top: 99%;
    background: url(../img/top/drive_movie.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }

  .balloon_contest {
    position: absolute;
    top: 1.904%;
    right: 1.904%;
    z-index: 10;
    width: 28.435%;
    background: url(../img/top/balloon_contest_sp.png) no-repeat center top;
    background-size: cover;
  }
  .balloon_contest .balloon_contest-block {
    display: block;
    width: 100%;
    padding-top: 124.5%;
  }
  .pc_balloon_contest.is--display {
    opacity: 0;
  }
  .sp_balloon_contest.is--display {
    opacity: 1;
  }
  .bound.sp-none.is--anime {
    -webkit-animation: 0s;
    animation: 0s;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  .badge-corner {
    position: absolute;
    top: 50px;
    right: 0;
    width: 24.8%;
    max-width: 93px;
    transition: 0.2s;
    z-index: 100;
  }
  .badge-corner img {
    width: 100%;
  }
}
@media screen and (max-width: 520px) {
  .labologo-frame {
    left: 50vw;
    transform-origin: left top;
    transform: scale(0.5) translateX(-50%) translateY(-50%);
    top: 47%;
  }
}
@media screen and (max-width: 759px) and (min-width: 640px) {
  .labologo-wrapper-sp {
    position: relative;
    padding-top: 100%;
  }
}
@media screen and (max-width: 639px) {
  .labologo-wrapper-sp {
    position: relative;
    padding-top: 100%;
  }
}

@media screen and (max-width: 374px) {
  .labologo-frame {
    left: 50vw;
    transform-origin: left top;
    transform: scale(0.4) translateX(-50%) translateY(-50%);
    top: 44%;
  }
}

@keyframes logoLaboMotion {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 -19312px;
  }
}

@media all and (min-width: 760px) {
  .top-main-container {
  }
}
@media all and (max-width: 759px) {
  .top-main-container {
    padding: 10px;
  }
}

@media all and (max-width: 759px) {
  .top-main-content {
    width: 100%;
  }
  .top-main-container__body {
    display: -webkit-box;
    display: -ms-flexbox;

    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

@media all and (min-width: 980px) {
  .gheader {
    left: 0;
    top: 46px;
  }
  .top-main-container {
    margin: 0 auto;
  }
  .top-main-container__body {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
  }
  .top-main-content {
    position: relative;
    margin: 0 auto;
    width: 100%;
  }
}
@media all and (min-width: 760px) and (max-width: 979px) {
  .top-main-container {
    margin: 0 auto;
  }
  .top-main-container__body {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
  }
  .top-main-content {
    position: relative;
    width: 100%;
  }
}

@media all and (min-width: 1366px) {
  .top-main-content {
  }
}
/* ==========================================================================
   HEADER
   ======================================================================= */
@media all and (min-width: 980px) {
  .top-sp-gheader {
    display: none;
  }
  .gheader {
    display: block;
  }
}
@media all and (max-width: 979px) {
  .gheader {
    display: none;
  }
  .top-sp-gheader {
    position: relative;
    z-index: 10;
  }
}

/* ==========================================================================
   NEWS
   ======================================================================= */

.section-news {
  padding: 0 2.2% 0;
  max-width: 1366px;
  margin: -8px auto 0;
}
.top-news {
  border: #000 8px solid;
}
.top-news__header {
  width: 100%;
  position: relative;
  background: #000;
}
.top-news__header::after {
  content: "";
  display: block;
  background: #000;
  width: 10px;
  height: 10px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -5px;
  margin: 0 auto;
  transform: rotate(-45deg);
}
@media all and (min-width: 760px) {
  .sec-news__title--sp {
    display: none;
  }
  .sec-top-news:after {
    content: "";
    display: block;
    clear: both;
  }

  .sec-top-news {
    width: 100%;
    margin: 0;
    background: #000;
    position: relative;
  }
  .sec-top-news::after {
    content: "";
    display: block;
    clear: both;
  }

  .sec-top-news img {
    width: auto;
  }

  .sec-top-news .top-news__header {
    width: 144px;
    /*float: left;*/
    background: #000;
    padding: 12px;
    /*height: 50px;*/
    /*height: 100%;*/
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
  }
  .top-news__header .sec-news__title {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .sec-top-news .top-news__body {
    margin-left: 144px;
    /*height: 50px;*/
    background: url(../img/common/bg_board.gif);
    -webkit-background-size: 250px 250px;
    background-size: 250px 250px;
  }

  .news-article {
    display: flex;
    width: 100%;
    /*height: 50px;*/
  }

  .sec-top-news .news-article__date {
    display: inline-block;
    vertical-align: top;
    /*height: 50px;*/
    width: 140px;
    text-align: left;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 1px;
    margin: 0 0;
    padding: 7px 2.5% 7px;
    line-height: 1.5;
    background-image: linear-gradient(to bottom, #c2a07a 3px, #000 2px);
    background-position: right;
    background-size: 2px 8px;
    background-repeat: repeat-y;
  }
  /*.news-article:first-child .news-article__date,
  .news-article:first-child .news-article__text {
    padding: 14px 2.5% 7px;
  }
  .news-article:last-child .news-article__date,
  .news-article:last-child .news-article__text {
    padding: 7px 2.5% 14px;
  }*/

  .sec-top-news .news-article__text {
    width: calc(100% - 144px);
    display: inline-block;
    vertical-align: top;
    /*height: 50px;*/
    padding: 0;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.5;
    padding: 7px 14px 7px;
  }

  .sec-top-news .news-list {
    position: relative;
    background: #fff;
    padding-bottom: 0;
    overflow: auto;
    width: 100%;
    /*height: 50px;*/
    /*overflow: hidden;*/
    background: url(../img/common/bg_board.gif);
    -webkit-background-size: 250px 250px;
    background-size: 250px 250px;
  }

  .sec-top-news .news-article {
    width: 100%;
    background: url(../img/common/bg_board.gif);
    -webkit-background-size: 250px 250px;
    background-size: 250px 250px;
  }

  /*.sec-top-news .news-article:first-child .news-article__date {
    padding-top: 14px;
    padding-bottom: 4px;
  }
  .sec-top-news .news-article:first-child .news-article__text {
    padding-top: 10px;
  }
  .sec-top-news .news-article:last-child .news-article__date {
    padding-top: 4px;
    padding-bottom: 10px;
  }
  ,
  .sec-top-news .news-article:last-child .news-article__text {
    padding-bottom: 14px;
  }*/

  .sec-top-news .top-news__header::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 10;
    top: 0;
    left: auto;
    right: -20px;
    bottom: 0;
    margin: auto 0;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #000000;
    background: transparent;
    transform: rotate(0deg);
  }

  .sec-top-news .news-article__text a {
    border-bottom: 1px solid #000;
  }

  .sec-top-news .news-article__text a:hover {
    border-bottom: 0;
  }

  .news-list {
    background: #fff;
  }

  .news-article {
    background-image: linear-gradient(to left, #000 55%, #fff 0%);
    background-position: 0 0;
    background-size: 10px 2px;
    background-repeat: repeat-x;
  }

  .news-article__date {
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 10.3% 0 8.3% 0;
  }
  .news-article__text {
    padding: 0 8.5% 8.5% 8.5%;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.75;
  }

  .top-news__footer {
    width: 100%;
    position: relative;
    background: #000;
  }
  .top-news__update-info {
    padding: 10px 8px;
  }
  .top-news__update-info span {
    display: block;
    width: 100%;
    background: url(../img/top/news_info_pc.png) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
  .top-news__update-info span::before {
    content: "";
    display: block;
    padding-top: 33.184%;
  }
}

@media all and (min-width: 760px) and (max-width: 979px) {
  .news-article__date {
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    letter-spacing: 1px;
    padding: 10.3% 0 2.8% 0;
  }
  .news-article__text {
    padding: 0 8.5% 8.5% 8.5%;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.55;
  }
}
@media all and (max-width: 759px) {
  .section-news {
    padding: 0;
    max-width: 1366px;
    margin: -8px auto 0;
  }
  .sec-news__title {
    display: none;
  }
  .sec-news__title--sp {
    text-align: center;
  }
  .sec-news__title--sp svg {
    width: 30%;
    max-height: 36px;
  }
  .sec-top-news .top-news__body {
    /*height: 76px !important;*/
  }
  .top-news__header {
    padding-top: 2%;
    padding-bottom: 3%;
  }
  .news-list {
    background: url(../img/common/bg_board.gif);
    -webkit-background-size: 250px 250px;
    background-size: 250px 250px;
  }
  .news-article {
    /*height: 76px !important;*/
  }
  .news-article:first-child {
    background: none;
  }
  .news-article__date {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 1px;
    padding: 3.5% 0 1.8% 0;
  }
  .news-article__text {
    padding: 0 4.5% 2.7% 4.5%;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.75;
  }
  .sec-top-news .news-article__text a {
    border-bottom: 1px solid #000;
  }
  .news-article__text.news-article__text--center {
    text-align: center;
    font-size: 15px;
  }
  .top-news__footer {
    margin-top: -13%;
    width: 100%;
    padding-top: 27.586%;
    position: relative;
    background: url(../img/top/news_footer_sp.svg) 50% 0 repeat-x;
    -webkit-background-size: 102.5% auto;
    background-size: 102.5% auto;
  }
  .top-news__update-info {
    padding: 0 8px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 8px;
  }
  .top-news__update-info span {
    display: block;
    width: 100%;
    background: url(../img/top/news_info_sp.png) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
  .top-news__update-info span::before {
    content: "";
    display: block;
    padding-top: 18.339%;
  }
}
@media all and (min-width: 760px) {
  .top-gnav-pagetop {
    width: 100%;
    background: #000;
    margin-top: 4px;
  }
  .top-gnav-pagetop__btn {
    display: block;
    width: 100%;
    height: 50px;
    position: relative;
  }
  .gnav-pagetop__ico {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: inline-block;
    width: 26px;
    height: 24px;
  }
  .gnav-pagetop__ico::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 26px;
    height: 24px;
    background: url(../img/common/sidenav_ico_pagetop.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    opacity: 1;
  }
  .gnav-pagetop__ico::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 26px;
    height: 24px;
    background: url(../img/common/sidenav_ico_pagetop_ov.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    opacity: 0;
  }
  .no-touchevents .top-gnav-pagetop:hover {
    background: repeating-linear-gradient(
      -68deg,
      #f7ca00,
      #f7ca00 24px,
      #409edb 24px,
      #409edb 48px,
      #e75b80 48px,
      #e75b80 72px
    );
    background-size: 77px 100%;
    animation: btnStripe77 1.5s infinite linear;
  }
  .no-touchevents .top-gnav-pagetop:hover .gnav-pagetop__ico::before {
    opacity: 0;
  }
  .no-touchevents .top-gnav-pagetop:hover .gnav-pagetop__ico::after {
    opacity: 1;
  }
}

@media all and (max-width: 591px) {
  .news-article__text {
    font-size: 14px;
  }
}

@media all and (max-width: 375px) {
  .news-article__date {
    font-size: 14px;
  }
  .news-article__text {
    padding: 0 0.3% 2.7% 2.3%;
    font-size: 10px;
    line-height: 1.75;
  }
}

/* ==========================================================================
   TVCM
   ======================================================================= */

.section-movie {
  padding: 0 2.2% 0;
  max-width: 1366px;
  margin: 20px auto 0;
}
.top-movie {
  position: relative;
  padding-top: 10%;
  border: #000 8px solid;
  background: url(../img/common/bg_board.gif);
  -webkit-background-size: 250px 250px;
  background-size: 250px 250px;
}
.top-movie__ttl {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: -1px;
  padding: 8.7733% 0 0 0;
  background: url(../img/top/movie_ttl.svg) 50% 0 no-repeat;
  -webkit-background-size: 101% auto;
  background-size: 101% auto;
}
.top-movie__list {
  display: flex;
  flex-direction: row;
  justify-content: left;
  flex-wrap: wrap;
  padding-left: 5.703125%;
  padding-right: 5.703125%;
  padding-bottom: 1.807%;
}
.top-movie__imgBox {
  position: relative;
  width: 29.8245614%;
  margin-left: 1.5625%;
  margin-right: 1.5625%;
  margin-bottom: 1.318%;
}

.top-movie__imgBox .new {
  position: absolute;
  top: 10%;
  width: 100%;
}
.top-movie__imgBox .new::before {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  z-index: 11;
  width: 17%;
  padding-top: 8%;
  background: url(../img/common/new_ico.svg) no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  animation: bound 800ms infinite;
}
.top-movie__imgBox .new::after {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  z-index: 10;
  width: 18.025%;
  padding-top: 7.752%;
  background: url(../img/common/new_ico_bg.svg) no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.top-movie__imgBox p {
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  margin-top: 8px;
}
.top-movie__img {
  position: relative;
  width: 100%;
  padding-top: 51%;
  border: 8px solid #000;
  box-sizing: border-box;
}
.top-movie__img.top-movie__img--1 {
  background: url(../img/top/movie_thumb01.jpg) 50% 50% no-repeat;
  background-size: auto auto;
  -webkit-background-size: cover;
  background-size: cover;
}
.top-movie__img.top-movie__img--2 {
  background: url(../img/top/movie_thumb02.jpg) 50% 50% no-repeat;
  background-size: auto auto;
  -webkit-background-size: cover;
  background-size: cover;
}
.top-movie__img.top-movie__img--3 {
  background: url(../img/top/movie_thumb03.jpg) 50% 50% no-repeat;
  background-size: auto auto;
  -webkit-background-size: cover;
  background-size: cover;
}
.top-movie__img.top-movie__img--4 {
  background: url(../img/top/movie_thumb04.jpg) 50% 50% no-repeat;
  background-size: auto auto;
  -webkit-background-size: cover;
  background-size: cover;
}
.top-movie__img.top-movie__img--5 {
  background: url(../img/top/movie_thumb05.jpg) 50% 50% no-repeat;
  background-size: auto auto;
  -webkit-background-size: cover;
  background-size: cover;
}
.top-movie__img.top-movie__img--6 {
  background: url(../img/top/movie_thumb06.jpg) 50% 50% no-repeat;
  background-size: auto auto;
  -webkit-background-size: cover;
  background-size: cover;
}
.top-movie__img.top-movie__img--7 {
  background: url(../img/top/movie_thumb07.jpg) 50% 50% no-repeat;
  background-size: auto auto;
  -webkit-background-size: cover;
  background-size: cover;
}
.top-movie__img.top-movie__img--8 {
  background: url(../img/top/movie_thumb08.jpg) 50% 50% no-repeat;
  background-size: auto auto;
  -webkit-background-size: cover;
  background-size: cover;
}
.top-movie__img.top-movie__img--9 {
  background: url(../img/top/movie_thumb09.jpg) 50% 50% no-repeat;
  background-size: auto auto;
  -webkit-background-size: cover;
  background-size: cover;
}

.play-icon {
  display: block;
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 20%;
  height: 38.6%;
}

.play-icon::before {
  content: "";
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 68px;
  border-radius: 68px;
  background: rgba(255, 255, 255, 0.5);
}

.play-icon::after {
  content: "";
  position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: block;
  width: 90%;
  height: 90%;
  background: url(../img/top/movie_ico.svg) 50% 50% no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.top-movie__btn:hover .play-icon {
  animation: bound 0.8s ease-out infinite both;
}
.top-hero-slide__item--vr .top-movie__btn .play-icon {
  display: block;
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  top: -10%;
  bottom: 0;
  margin: auto;
  width: 20%;
  height: 31.6%;
  animation: bound 1.15s ease-out infinite both;
}
@media all and (max-width: 759px) {
  .section-movie {
    padding: 0;
  }
  .top-movie {
    padding-top: 28%;
  }
  .top-movie__list {
    padding-left: 3%;
    padding-right: 3%;
  }
  .top-movie__ttl {
    width: 100%;
    margin: -2px auto 0;
    padding: 31.2% 0 0;
    background: url(../img/top/movie_ttl_sp.svg) 50% 50% no-repeat;
    -webkit-background-size: contain;
    background-size: cover;
  }
  .top-movie__imgBox {
    width: 46.875%;
    margin-bottom: 3%;
  }
  .top-movie__imgBox p {
    font-size: 11px;
  }
  .top-hero-slide__item--vr .top-movie__btn .play-icon {
    display: block;
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    top: -10%;
    bottom: 0;
    margin: auto;
    width: 46px;
    height: 46px;
  }
  .play-icon {
    display: block;
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 46px;
    height: 46px;
  }

  .play-icon::before {
    content: "";
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    width: 46px;
    height: 46px;
    -webkit-border-radius: 68px;
    border-radius: 68px;
    background: rgba(255, 255, 255, 0.5);
  }

  .play-icon::after {
    content: "";
    position: absolute;
    z-index: 3;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    width: 40px;
    height: 40px;
    background: url(../img/top/movie_ico.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
  .top-movie__imgBox .new {
    position: absolute;
    top: 10%;
    width: 100%;
  }
  .top-movie__imgBox .new::before {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    left: 0;
    z-index: 11;
    width: 17%;
    padding-top: 8%;
    background: url(../img/common/new_ico.svg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    animation: bound 800ms infinite;
  }
  .top-movie__imgBox .new::after {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    left: 0;
    z-index: 10;
    width: 18.025%;
    padding-top: 7.752%;
    background: url(../img/common/new_ico_bg.svg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
}
/* ==========================================================================
   FOOTER
   ======================================================================= */
@media all and (min-width: 760px) {
  .top-gfooter {
    max-width: 1366px;
    padding: 0 30px 0;
    margin: 0 auto;
  }
  .top-gfooter__text {
    width: 100%;
    background: url(../img/common/gfooter_text.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position-x: -0.05px !important;
    background-position-y: -0.05px !important;
  }
  .top-gfooter__text::before {
    content: "";
    display: block;
    padding-top: 4.2978%;
  }
  .top-gfooter-bottom-nav::after {
    content: "";
    display: block;
    clear: both;
  }
  .top-gfooter-bottom-nav__link {
    width: 60%;
    float: left;
    margin: 2.297% 0;
  }
  .top-gfooter-bottom-nav__sns {
    margin: 9.974% 0;
    float: right;
  }

  .top-gfooter-bottom-nav__item {
    display: inline-block;
    vertical-align: top;
    margin-right: 25px;
  }
  .top-gfooter-bottom-nav__item a {
    display: block;
    font-size: 11px;
    line-height: 14px;
    font-weight: bold;
  }
  .top-gfooter-bottom-nav__item i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 7px;
    height: 14px;
    background: url(../img/common/footer_arrow.svg) 50% 50% no-repeat;
    -webkit-background-size: 7px 10px;
    background-size: 7px 10px;
  }
  .top-gfooter-bottom-nav__item span {
    display: inline-block;
    vertical-align: middle;
    position: relative;
  }
  .top-gfooter-bottom-nav__item span::after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    bottom: -10px;
    left: 0;
    height: 5px;
    background: #000;
    transition: width 0.3s ease-in-out;
  }
  .no-touchevents .top-gfooter-bottom-nav__item a:hover span::after {
    width: 100%;
  }

  .top-gfooter-bottom-nav__item--support {
    display: inline-block;
    vertical-align: top;
    width: 174px;
    height: 30px;
  }
  .top-gfooter-bottom-nav__item--support a {
    display: block;
    vertical-align: top;
    width: 174px;
    height: 30px;
    margin-top: 2px;
    background: url(../img/top/support_btn.svg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
  .no-touchevents .top-gfooter-bottom-nav__item--support a:hover {
    display: block;
    width: 174px;
    height: 30px;
    background: url(../img/top/support_btn_on.svg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }

  .top-gfooter-bottom-nav__sns-copyright {
    display: inline-block;
    float: right;
  }
  .top-gfooter-bottom-nav__sns {
    font-size: 0;
  }
  .top-gfooter-bottom-nav__sns-item {
    display: inline-block;
    margin-left: 10px;
  }
  .top-gfooter-bottom-nav__sns-item a,
  .top-gfooter-bottom-nav__sns-item img {
    width: 32px;
    height: 32px;
  }

  .top-gfooter-bottom-nav__copyright {
    float: right;
    margin-top: 10.499%;
    margin-right: 15px;
    font-size: 11px;
    line-height: 32px;
    font-weight: bold;
  }
}
@media all and (min-width: 980px) {
  .top-gfooter-bottom-nav__link {
    width: auto;
  }
  .top-gfooter-bottom-nav__item a {
    font-size: 12px;
  }
}
@media all and (max-width: 979px) {
  .top-gfooter-bottom-nav__link {
    width: auto;
  }
  .top-gfooter-bottom-nav__item a {
    font-size: 12px;
  }
  .top-gfooter-bottom-nav__item--support {
    display: block;
    margin-top: 9%;
  }
  .top-gfooter-bottom-nav__sns-copyright {
    display: inline-block;
    float: right;
  }
}
@media all and (max-width: 1320px) and (min-width: 1057px) {
  .top-gfooter-bottom-nav__sns-copyright {
    display: inline-block;
    float: right;
  }
}
@media all and (max-width: 1056px) and (min-width: 980px) {
  .top-gfooter-bottom-nav__item--support {
    display: block;
    margin-top: 6%;
  }
  .top-gfooter-bottom-nav__sns-copyright {
    display: inline-block;
    float: right;
  }
}
@media all and (max-width: 759px) {
  .top-gfooter {
    margin-top: 5%;
  }

  .top-gfooter__text {
    width: 100%;
    background: url(../img/common/gfooter_text_sp.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
  .top-gfooter__text::before {
    content: "";
    display: block;
    padding-top: 28.775%;
  }

  .top-gfooter-bottom-nav {
    padding: 2.5% 0 0 0;
  }
  .top-gfooter-bottom-nav::after {
    content: "";
    display: block;
    clear: both;
  }
  .top-gfooter-bottom-nav__link {
    padding-top: 1.2%;
    text-align: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 85%;
    margin: 0 auto;
  }

  .top-gfooter-bottom-nav__item--support {
    display: inline-block;
    vertical-align: top;
    margin-top: 4%;
    width: 174px;
    height: 30px;
  }
  .top-gfooter-bottom-nav__item--support a {
    display: block;
    vertical-align: top;
    width: 174px;
    height: 30px;
    background: url(../img/top/support_btn.svg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
  .no-touchevents .top-gfooter-bottom-nav__item--support a:hover {
    display: block;
    width: 174px;
    height: 30px;
    background: url(../img/top/support_btn_on.svg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }

  .top-gfooter-bottom-nav__sns-copyright {
    display: inline-block;
    float: right;
    margin-top: 3.5%;
  }
  .top-gfooter-bottom-nav__sns {
    float: right;
  }

  .top-gfooter-bottom-nav__item:nth-child(1) {
    width: 100%;
    order: 3;
    padding: 2.5% 0 2.5% 0;
  }
  .top-gfooter-bottom-nav__item:nth-child(2) {
    margin-right: 2.5px;
    order: 1;
  }
  .top-gfooter-bottom-nav__item:nth-child(3) {
    margin-left: 2.5px;
    order: 2;
  }
  .top-gfooter-bottom-nav__item a {
    display: block;
    font-size: 11px;
    line-height: 12px;
    font-weight: bold;
  }
  .top-gfooter-bottom-nav__item i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 7px;
    height: 10px;
    background: url(../img/common/footer_arrow.svg) 50% 50% no-repeat;
    -webkit-background-size: 6px 8px;
    background-size: 6px 8px;
  }
  .top-gfooter-bottom-nav__item span {
    display: inline-block;
    vertical-align: middle;
  }

  .top-gfooter-bottom-nav__sns {
    font-size: 0;
  }
  .top-gfooter-bottom-nav__sns-item {
    display: inline-block;
    margin-left: 10px;
  }
  .top-gfooter-bottom-nav__sns-item a,
  .top-gfooter-bottom-nav__sns-item img {
    width: 32px;
    height: 32px;
  }

  .top-gfooter-bottom-nav__copyright {
    float: left;
    margin-right: 15px;
    font-size: 11px;
    line-height: 32px;
    font-weight: bold;
  }
}
@media all and (max-width: 420px) {
  .top-gfooter-bottom-nav__item a {
    font-size: 10px;
  }
  .top-gfooter-bottom-nav__copyright {
    font-size: 10px;
  }
  .top-gfooter-bottom-nav__item--support {
    display: block;
    vertical-align: top;
    margin: 4% auto 4%;
    width: 174px;
    height: 30px;
  }
}
@media all and (max-width: 360px) {
  .top-gfooter-bottom-nav__link {
    padding-top: 1.2%;
    text-align: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
  }
}

@media (max-width: 640px) {
  #ncommon-purchase.is-right-middle.is-store-purchase {
    right: 14px;
    bottom: 14px;
    transition: 0.15s ease-in;
  }
  #ncommon-purchase.is-right-middle.is-store-purchase.frameout {
    right: -90px;
  }
}

/* ==========================================================================
   HERO
   ======================================================================= */
@media all and (min-width: 760px) {
  .top-hero__inner {
    width: 100%;
    position: relative;
    overflow: hidden;
  }

  .hero-slide-prev {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 32px;
    height: 110px;
    margin: auto 0;
    transform: translate3d(-32px, 0, 0);
    transition: transform 0.15s ease-in-out;
  }

  .hero-slide-next {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 32px;
    height: 110px;
    margin: auto 0;
    transform: translate3d(32px, 0, 0);
    transition: transform 0.15s ease-in-out;
  }

  .hero-slide-prev.is-show,
  .hero-slide-next.is-show {
    transform: translate3d(0, 0, 0);
  }

  .hero-slide-prev a,
  .hero-slide-next a {
    width: 32px;
    height: 110px;
    position: relative;
    display: block;
  }
  .hero-slide-prev i,
  .hero-slide-next i {
    width: 32px;
    height: 110px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
  }

  .hero-slide-prev .hero-slide-prev__btn-ov,
  .hero-slide-next .hero-slide-next__btn-ov {
    display: none;
  }

  .no-touchevents .hero-slide-prev a:hover .hero-slide-prev__btn-ov,
  .no-touchevents .hero-slide-next a:hover .hero-slide-next__btn-ov {
    display: block;
  }

  .hero-slide-prev i svg,
  .hero-slide-next i svg {
    width: 100%;
    height: 100%;
    display: inline-block;
  }

  .top-hero-slide__item {
    width: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    position: relative;
  }

  .top-hero-slide__item::before {
    content: "";
    display: block;
    padding-top: 43.924%;
  }

  .top-hero-slide__item--vr {
    background-image: url(../img/top/hero_slide_vr.jpg);
  }
  .top-hero-slide__item--drive {
    background-image: url(../img/top/hero_slide_drive.jpg);
  }
  .top-hero-slide__item--robot {
    background-image: url(../img/top/hero_slide_robot.jpg);
  }
  .top-hero-slide__item--variety {
    background-image: url(../img/top/hero_slide_variety.jpg);
  }

  .top-hero-slide__item div {
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    margin: 0 auto;
    width: 36.6%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    transform: translateY(-52%);
  }

  .top-hero-slide__item div::before {
    content: "";
    display: block;
    padding-top: 100%;
  }

  /* .top-hero-slide__item div span{
      display: block;
      width: 100%;
      padding-top: 100%;
      position: absolute;
      left: 0;
      top: 0;
    }

    .top-hero-slide__item div span::before,
    .top-hero-slide__item div span::after{
      content: '';
      display: block;
      width: 100%;
      padding-top: 100%;
      position: absolute;
      left: 0;
      top: 0;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: cover;
    }

    .top-hero-slide__item div span::after{
      display: none;
    } */

  .top-hero-slide__item .top-hero-slide__btn,
  .top-hero-slide__item .top-hero-slide__btn--ov {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 38%;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
  }

  .top-hero-slide__item .top-hero-slide__btn {
    background-image: url(../img/top/hero_btn.png);
  }
  .top-hero-slide__item .top-hero-slide__btn--ov {
    display: none;
    background-image: url(../img/top/hero_btn_ov.png);
  }

  .top-hero-slide__item.top-hero-slide__item--vr .top-hero-slide__btn,
  .top-hero-slide__item.top-hero-slide__item--vr .top-hero-slide__btn--ov {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 11.5%;
    width: 78.2%;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
  }

  .top-hero-slide__item.top-hero-slide__item--vr .top-hero-slide__btn {
    background-image: url(../img/top/hero_btn_vr.png);
  }
  .top-hero-slide__item.top-hero-slide__item--vr .top-hero-slide__btn--ov {
    display: none;
    background-image: url(../img/top/hero_btn_vr_ov.png);
  }

  .top-hero-slide__item.top-hero-slide__item--vr .top-hero-slide__agebtn,
  .top-hero-slide__item.top-hero-slide__item--vr .top-hero-slide__agebtn--ov {
    display: block;
    position: absolute;
    left: auto;
    right: 10%;
    bottom: 15%;
    width: 12.87%;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
  }
  @media (max-width: 1080px) and (min-width: 921px) {
    .top-hero-slide__item.top-hero-slide__item--vr .top-hero-slide__agebtn,
    .top-hero-slide__item.top-hero-slide__item--vr .top-hero-slide__agebtn--ov {
      display: block;
      position: absolute;
      left: -37.69%;
      bottom: 16.2%;
      width: 16.54%;
      margin: 0 auto;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: contain;
    }
    .top-hero-slide__item.top-hero-slide__item--vr .top-hero-slide__btn,
    .top-hero-slide__item.top-hero-slide__item--vr .top-hero-slide__btn--ov {
      bottom: 18.5%;
    }
  }
  @media (max-width: 920px) {
    .top-hero-slide__item.top-hero-slide__item--vr .top-hero-slide__agebtn,
    .top-hero-slide__item.top-hero-slide__item--vr .top-hero-slide__agebtn--ov {
      display: block;
      position: absolute;
      left: -37.69%;
      bottom: 20.2%;
      width: 16.54%;
      margin: 0 auto;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: contain;
    }
    .top-hero-slide__item.top-hero-slide__item--vr .top-hero-slide__agebtn,
    .top-hero-slide__item.top-hero-slide__item--vr .top-hero-slide__agebtn--ov {
      display: block;
      position: absolute;
      left: -37.69%;
      bottom: 20.2%;
      width: 16.54%;
      margin: 0 auto;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: contain;
    }
    .top-hero-slide__item.top-hero-slide__item--vr .top-hero-slide__btn,
    .top-hero-slide__item.top-hero-slide__item--vr .top-hero-slide__btn--ov {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 17.5%;
      width: 78.2%;
      margin: 0 auto;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: contain;
    }
  }

  .top-hero-slide__item.top-hero-slide__item--vr .top-hero-slide__agebtn {
    background-image: url(../img/top/hero_btn_vr7over.svg);
  }
  .top-hero-slide__item.top-hero-slide__item--vr .top-hero-slide__agebtn:hover {
    background-image: url(../img/top/hero_btn_vr7over_ov.svg);
  }

  .top-hero-slide__item--drive .top-hero-slide__btn,
  .top-hero-slide__item--drive .top-hero-slide__btn--ov {
    margin-bottom: 13.35%;
  }
  .top-hero-slide__item--robot .top-hero-slide__btn,
  .top-hero-slide__item--robot .top-hero-slide__btn--ov {
    margin-bottom: 19.82%;
  }
  .top-hero-slide__item--variety .top-hero-slide__btn,
  .top-hero-slide__item--variety .top-hero-slide__btn--ov {
    margin-bottom: 15.85%;
  }

  .top-hero-slide__item .top-hero-slide__btn::before,
  .top-hero-slide__item .top-hero-slide__btn--ov::before {
    content: "";
    display: block;
    padding-top: 25.926%;
  }

  .top-hero-slide__item .top-hero-slide__agebtn::before,
  .top-hero-slide__item .top-hero-slide__agebtn--ov::before {
    content: "";
    display: block;
    padding-top: 26.99%;
  }

  .top-hero-slide__item--vr div.kitbtn {
    background-image: url(../img/top/hero_slide_vr_txt_pc.png);
    left: 6.97%;
    top: 47.5%;
    right: auto;
    margin: unset;
    width: 37.4%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    transform: translateY(-50%);
  }
  .top-hero-slide__item--drive div {
    background-image: url(../img/top/hero_slide_drive_txt_pc.png);
  }

  .top-hero-slide__item--robot div {
    background-image: url(../img/top/hero_slide_robot_txt_pc.png);
  }

  .top-hero-slide__item--variety div {
    background-image: url(../img/top/hero_slide_variety_txt_pc.png);
  }

  .no-touchevents .top-hero-slide__item a:hover .top-hero-slide__btn {
    display: none;
  }
  .no-touchevents .top-hero-slide__item a:hover .top-hero-slide__btn--ov {
    display: block;
  }

  .top-hero-slide__item--robot div {
    transform: translate3d(-75%, -28%, 0);
  }

  .top-hero-slide-thumb {
    text-align: center;
    font-size: 0;
    width: 508px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 6px;

    cursor: pointer;
  }
  .top-hero-slide-thumb__item {
    display: inline-block;
    margin: 0 3px;
    position: relative;
  }

  .top-hero-slide-thumb__item::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 0 5px rgba(0, 0, 0, 1);
    -webkit-box-shadow: inset 0 0 0 5px rgba(0, 0, 0, 1);
  }
  .top-hero-slide-thumb__item.is-active::after {
    box-shadow: inset 0 0 0 5px rgba(230, 0, 18, 1);
    -webkit-box-shadow: inset 0 0 0 5px rgba(230, 0, 18, 1);
  }
  .no-touchevents .top-hero-slide-thumb__item:hover::after {
    box-shadow: inset 0 0 0 5px rgba(230, 0, 18, 1);
    -webkit-box-shadow: inset 0 0 0 5px rgba(230, 0, 18, 1);
  }
}

@media all and (min-width: 760px) and (max-width: 979px) {
  .top-hero-slide__item::before {
    content: "";
    display: block;
    padding-top: 53.924%;
  }
  .top-hero-slide__item--robot div {
    transform: translate3d(-75%, -35%, 0);
  }
}

@media all and (max-width: 759px) {
  .top-hero__inner {
    width: 100%;
    position: relative;
    overflow: hidden;
  }

  .hero-slide-prev {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 32px;
    height: 110px;
    margin: auto 0;
    transform: translate3d(-32px, 0, 0);
    transition: transform 0.15s ease-in-out;
  }

  .hero-slide-next {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 32px;
    height: 110px;
    margin: auto 0;
    transform: translate3d(32px, 0, 0);
    transition: transform 0.15s ease-in-out;
  }

  .hero-slide-prev.is-show,
  .hero-slide-next.is-show {
    transform: translate3d(0, 0, 0);
  }

  .hero-slide-prev a,
  .hero-slide-next a {
    width: 32px;
    height: 110px;
    position: relative;
    display: block;
  }
  .hero-slide-prev i,
  .hero-slide-next i {
    width: 32px;
    height: 110px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
  }

  .hero-slide-prev .hero-slide-prev__btn-ov,
  .hero-slide-next .hero-slide-next__btn-ov {
    display: none;
  }

  .no-touchevents .hero-slide-prev a:hover .hero-slide-prev__btn-ov,
  .no-touchevents .hero-slide-next a:hover .hero-slide-next__btn-ov {
    display: block;
  }

  .hero-slide-prev i svg,
  .hero-slide-next i svg {
    width: 100%;
    height: 100%;
    display: inline-block;
  }

  .top-hero-slide__item {
    width: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    position: relative;
  }

  .top-hero-slide__item::before {
    content: "";
    display: block;
    padding-top: 113.333%;
  }

  .top-hero-slide__item--vr {
    background-image: url(../img/top/hero_slide_vr_sp.jpg);
  }
  .top-hero-slide__item--drive {
    background-image: url(../img/top/hero_slide_drive_sp.jpg);
  }
  .top-hero-slide__item--robot {
    background-image: url(../img/top/hero_slide_robot_sp.jpg);
  }
  .top-hero-slide__item--variety {
    background-image: url(../img/top/hero_slide_variety_sp.jpg);
  }

  .top-hero-slide__item div {
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    margin: 0 auto;
    width: 65%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    transform: translateY(-54%);
  }

  .top-hero-slide__item div::before {
    content: "";
    display: block;
    padding-top: 100%;
  }

  .top-hero-slide__item--vr div.kitbtn {
    background-image: url(../img/top/hero_slide_vr_txt_sp.png);
    left: 0;
    top: 14.7%;
    right: 0;
    margin: auto;
    width: 61.47%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
  }
  .top-hero-slide__item.top-hero-slide__item--vr div.kitbtn:before {
    content: "";
    display: block;
    padding-top: 23.99%;
  }
  .top-hero-slide__item--drive div {
    transform: translate3d(-37%, -23%, 0);
  }
  .top-hero-slide__item--robot div {
    transform: translate3d(-41%, -34%, 0);
  }
  .top-hero-slide__item--variety div {
  }

  .top-hero-slide__item .top-hero-slide__btn,
  .top-hero-slide__item .top-hero-slide__btn--ov {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 38%;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
  }

  .top-hero-slide__item .top-hero-slide__btn {
  }
  .top-hero-slide__item .top-hero-slide__btn--ov {
    display: none;
  }

  .top-hero-slide__item--drive .top-hero-slide__btn,
  .top-hero-slide__item--drive .top-hero-slide__btn--ov {
    margin-bottom: 13.35%;
  }
  .top-hero-slide__item--robot .top-hero-slide__btn,
  .top-hero-slide__item--robot .top-hero-slide__btn--ov {
    margin-bottom: 19.82%;
  }
  .top-hero-slide__item--variety .top-hero-slide__btn,
  .top-hero-slide__item--variety .top-hero-slide__btn--ov {
    margin-bottom: 15.85%;
  }

  .top-hero-slide__item .top-hero-slide__btn::before,
  .top-hero-slide__item .top-hero-slide__btn--ov::before {
    content: "";
    display: block;
    padding-top: 25.926%;
  }

  .top-hero-slide__item.top-hero-slide__item--vr .top-hero-slide__btn,
  .top-hero-slide__item.top-hero-slide__item--vr .top-hero-slide__btn--ov {
    display: block;
    position: absolute;
    left: auto;
    right: -7%;
    bottom: -436%;
    width: 56%;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
  }

  .top-hero-slide__item.top-hero-slide__item--vr .top-hero-slide__btn {
    background-image: url(../img/top/hero_btn_vr_sp.png);
  }

  .top-hero-slide__item.top-hero-slide__item--vr .top-hero-slide__agebtn {
    display: block;
    position: absolute;
    left: 0;
    top: 28.2%;
    width: 8.67%;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    padding-top: 32.67%;
    background-image: url(../img/top/hero_btn_vr7over_sp.png);
  }

  .top-hero-slide__item--drive div {
    /* background-image: url(../img/top/hero_slide_drive_txt_pc.png); */
  }

  .top-hero-slide__item--robot div {
    background-image: url(../img/top/hero_slide_robot_txt.png);
  }

  .top-hero-slide__item--variety div {
    background-image: url(../img/top/hero_slide_variety_txt.png);
  }

  .top-hero-slide-thumb {
    text-align: center;
    font-size: 0;
    width: 100%;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    bottom: 8px;
    cursor: pointer;
  }
  .top-hero-slide-thumb__item {
    display: inline-block;
    margin: 0 2px;
    position: relative;
    width: calc((100% - 32px) / 4);
    height: auto;
  }

  .top-hero-slide-thumb__item img {
    width: 100%;
    height: auto;
  }

  .top-hero-slide-thumb__item::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: #000 3px solid;
  }
  .top-hero-slide-thumb__item.is-active::after {
    border: #e60012 3px solid;
  }
}

/* ==========================================================================
   BANNER
   ======================================================================= */
@media all and (min-width: 760px) {
  .section-bnr {
    padding: 0 0 1.83%;
    background: #000;
  }
  .section-bnr__item {
    position: relative;
  }
  .section-bnr__new-icon::before {
    position: absolute;
    display: block;
    content: "";
    width: 46px;
    height: 20px;
    top: 0;
    left: 0;
    background: url(../img/common/new_ico_bg.svg) no-repeat;
  }
  .section-bnr__new-icon::after {
    position: absolute;
    display: block;
    content: "";
    width: 46px;
    height: 20px;
    top: 0;
    left: 0;
    background: url(../img/common/new_ico.svg) no-repeat;
    animation: bound 800ms infinite;
  }
  .section-bnr__item--whats {
    margin-bottom: 12px;
  }
  .section-bnr__btn {
    display: block;
  }
  .section-bnr__btn {
    display: block;
  }
  .section-bnr-whats {
    width: 100%;
    padding-top: 17.011%;
    background: url(../img/top/btn_label_whats_pc.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
  }
  .section-bnr-whats__frame {
    position: absolute;
    display: inline-block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-top: #000 8px solid;
    border-left: #000 8px solid;
    border-right: transparent 8px solid;
    border-bottom: #000 8px solid;
  }
  .section-bnr-whats__frame::before,
  .section-bnr-whats__frame::after {
    content: "";
    width: 8px;
    background: #000;
    position: absolute;
    right: -8px;
  }
  .section-bnr-whats__frame::before {
    height: 100%;
    top: -8px;
  }
  .section-bnr-whats__frame::after {
    height: 8px;
    bottom: -8px;
  }
  .section-bnr-camp {
    width: 100%;
    padding-top: 12.874%;
    position: relative;
    background: url(../img/top/capable_btn_clip.jpg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
  .section-bnr-camp__label {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding-top: 14.023%;
    background: url(../img/top/capable_btn-mask.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
  .section-bnr-camp__frame {
    position: absolute;
    display: inline-block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-top: transparent 8px solid;
    border-left: #000 8px solid;
    border-right: #000 8px solid;
    border-bottom: #000 8px solid;
  }
  .section-bnr-camp__frame::before,
  .section-bnr-camp__frame::after {
    content: "";
    height: 8px;
    background: #000;
    position: absolute;
    top: -8px;
  }
  .section-bnr-camp__frame::before {
    width: 90.632%;
    left: -8px;
  }
  .section-bnr-camp__frame::after {
    width: 4.8%;
    right: -8px;
  }
  .section-bnr-camp__ico {
    position: absolute;
    right: 16%;
    bottom: -6.65%;
    width: 35.927%;
    background: url(../img/top/report_notice_pc.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
  .section-bnr-camp__ico::before {
    content: "";
    display: block;
    padding-top: 7.571%;
  }

  .no-touchevents .section-bnr__btn:hover {
    background: repeating-linear-gradient(
      -70deg,
      #f7ca00,
      #f7ca00 24px,
      #409edb 24px,
      #409edb 48px,
      #e75b80 48px,
      #e75b80 72px
    );
    background-size: 77px 100%;
    animation: btnStripe77 1.5s infinite linear;
  }
  .no-touchevents .section-bnr__btn:hover .section-bnr-whats__frame,
  .no-touchevents .section-bnr__btn:hover .section-bnr-camp__frame {
    border-color: transparent;
  }
  .no-touchevents .section-bnr__btn:hover .section-bnr-whats__frame::before,
  .no-touchevents .section-bnr__btn:hover .section-bnr-whats__frame::after,
  .no-touchevents .section-bnr__btn:hover .section-bnr-camp__frame::before,
  .no-touchevents .section-bnr__btn:hover .section-bnr-camp__frame::after {
    display: none;
  }

  .section-s-bnr__list {
    width: 100%;
    max-width: 1366px;
    margin: 2.86% auto 0;
    padding: 0 4.7%;
  }
  .section-s-bnr--col3 .section-s-bnr__list {
    padding: 0 2.2%;
  }

  .section-s-bnr__list::after {
    content: "";
    display: block;
    clear: both;
  }

  .section-s-bnr__list__item {
    position: relative;
    width: calc((100% - 1.5%) / 2);
    float: left;
    padding-top: 11.1%;
  }
  .section-s-bnr--col3 .section-s-bnr__list__item {
    position: relative;
    width: calc((100% - 3%) / 3);
    float: left;
    padding-top: 10.11%;
  }

  .section-s-bnr__list__item.voice {
    margin: 0 0 0 1.458%;
  }

  .section-s-bnr__list__item.toy-con,
  .section-s-bnr__list__item.award {
    margin: 0 0 0 1.458%;
  }

  .section-s-bnr__list__item.contest {
    margin: 0 0 0 1.458%;
  }

  .section-s-bnr__list__item.toy-con::before {
    position: absolute;
    bottom: 6.6%;
    left: 2.55%;
    z-index: 10;
    content: "";
    display: block;
    width: 30.05%;
    padding-top: 33.57%;
    background: url(../img/top/toycon_btn_deco.png) no-repeat center top;
    background-size: cover;
  }
  .section-s-bnr__list__item.award::before {
    position: absolute;
    top: 16.8%;
    left: 4.75%;
    z-index: 10;
    content: "";
    display: block;
    width: 17.37%;
    padding-top: 20.89%;
    background: url(../img/top/award_btn_deco.png) no-repeat center top;
    background-size: contain;
  }
  .section-s-bnr__list__item.new::after {
    position: absolute;
    content: "";
    display: block;
    top: -15.3%;
    left: -4%;
    width: 9.3%;
    padding-top: 8.4%;
    z-index: 10;
    background: url(../img/top/ico_new_balloon_vr.svg) no-repeat center top;
    background-size: cover;
  }
  .section-s-bnr__list__item.contest.new::after {
    position: absolute;
    content: "";
    display: block;
    top: -7.3%;
    left: -3%;
    width: 9.3%;
    padding-top: 8.4%;
    z-index: 10;
    background: url(../img/top/ico_new_balloon_vr.svg) no-repeat center top;
    background-size: cover;
  }
  /*.section-s-bnr__list__item.interview::after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    content: "";
    display: block;
    width: 100%;
    padding-top: 30.99%;
    background: url(../img/top/interview_btn_bg.png) no-repeat center top;
    background-size: cover;
  }*/

  .section-s-bnr__list__item .section-s-bnr__list__item__bg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .section-s-bnr svg,
  .section-s-bnr a {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
  }

  /*.section-s-bnr__list__item.new a::before {
    position: absolute;
    display: block;
    content: "";
    top: 0.971%;
    right: 21.3%;
    z-index: 11;
    width: 17%;
    padding-top: 4%;
    background: url(../img/top/ico_new_date.svg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    animation: bound 800ms infinite;
  }

  .section-s-bnr__list__item.new a::after {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    right: 20.851%;
    z-index: 10;
    width: 18.025%;
    padding-top: 5.752%;
    background: url(../img/top/ico_new_LL.svg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }*/

  .btn-bg.pc_disp.btn-bg-ov {
    display: none;
  }
  .btn-label.pc_disp {
    z-index: 3;
  }
  .btn-bg.pc_disp {
    z-index: 1;
  }
  .btn-img.pc_disp {
    display: block;
    z-index: 2;
  }

  .no-touchevents .section-s-bnr a:hover .btn-bg.pc_disp {
    display: none;
  }

  .no-touchevents .section-s-bnr a:hover .btn-bg.pc_disp.btn-bg-ov {
    display: block;
  }

  .sec-product__body {
    position: relative;
    padding-top: 39.28%;
    border-bottom: 8px solid #000;
  }
  .sec-product__body--vr {
    position: relative;
    padding-top: 34.3%;
    border-bottom: 8px solid #000;
  }
  .sec-product__body--goodsbox {
    position: relative;
    padding-top: 12.6%;
  }
  .products_ttl {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin-top: -1px;
    padding: 8.7733% 0 0 0;
    background: url(../img/top/products_ttl.svg) 50% 0 no-repeat;
    -webkit-background-size: 101% auto;
    background-size: 101% auto;
  }

  .interviewNav-list-item {
    position: relative;
    max-width: 1366px;
    margin: 0 auto;
  }

  .interviewNav-list-item.list1 {
    padding: 1.46% 1.83% 0;
  }
  .interviewNav-list-item.list2 {
    padding: 1.46% 1.83% 0;
  }
  .interviewNav-list-item.list3 {
    padding: 0 1.83% 0;
  }

  .interviewNav-list__start-badge {
    content: "";
    display: block;
    position: absolute;
    top: -59.08%;
    width: 9.297%;
    max-width: 127px;
    padding: 8.638% 0 0;
    background: url(../img/top/whats_popup.png) 50% 50% repeat-x;
    -webkit-background-size: cover;
    background-size: cover;
  }

  .deco_line {
    width: 100%;
    margin: 1.83% 0;
    padding-top: 0.29%;
    background: url(../img/top/deco_line.png) repeat-x;
  }

  .report-footer-btn--interview {
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 1316px;
    margin: 0 auto;
    padding-top: 13.78%;
  }

  .list1 .report-footer-btn--interview {
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 1316px;
    margin: 0 auto;
    padding: 0;
  }

  .report-footer-btn--interview__inner {
    position: relative;
    width: 74%;
    max-width: 969px;
    padding-top: 4.94%;
    margin: 0 auto;
  }

  .list3 .report-footer-btn--interview {
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 1316px;
    margin: 0 auto;
    padding-top: 8.771%;
  }

  .list3 .report-footer-btn--interview .bnr-img {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 90%;
    max-width: 1306px;
    max-height: 230px;
    margin: auto 0;
    background: transparent;
    background-position: center center;
    background-size: cover;
  }

  .interview-btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .list1 .interview-btn {
    position: static;
    width: 100%;
    height: 100%;
  }

  .interview-btn svg,
  .interview-btn a {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
  }

  .interview-btn a .btn-bg-ov,
  .list3 .interview-btn .interviewNav-list-item-link .btn-bg-ov {
    display: none;
  }

  .interview-btn svg,
  .interview-btn a,
  .list3 .interview-btn .interviewNav-list-item-link {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
  }

  .list3 .interview-btn::before {
    content: "";
    position: absolute;
    z-index: 10;
    top: 0;
    right: 20px;
    bottom: 0;
    display: block;
    width: 5%;
    height: 57%;
    margin: auto 0;
    background: url(../img/top/capable_btn_plus.svg) no-repeat;
    background-position: center center;
    background-size: contain;
  }

  .list3 .report-footer-btn.open .interview-btn::before {
    -moz-transform: rotateZ(44deg);
    transform: rotateZ(44deg);
  }

  .list3 .interview-btn .interviewNav-list-item-link {
    background: url(../img/top/capable_btn_clip.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
  }

  .no-touchevents .list3 .interview-btn .interviewNav-list-item-link:hover {
    background: url(../img/common/board_anime.gif) no-repeat;
    background-position: center center;
    background-size: cover;
  }

  .list2 .btn-bg.pc_disp {
    display: block;
  }

  .no-touchevents .list2 .interviewNav-list-item-link:hover .btn-bg.pc_disp {
    display: none;
  }
  .no-touchevents
    .list2
    .interviewNav-list-item-link:hover
    .btn-bg.pc_disp.btn-bg-ov {
    display: block;
  }

  .list2 .btn-bg.sp_disp {
    display: none;
  }

  .list2 .btn-label.pc_disp {
    display: block;
  }

  .list2 .btn-label.sp_disp {
    display: none;
  }

  .list3 .btn-bg.pc_disp {
    display: block;
  }

  /*  .no-touchevents .list3 .btn-bg.pc_disp:hover {
    display: block;
    background: repeating-linear-gradient(-68deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2) 9px, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 18px);
    background-size: 117px 100%;
    background-position: 0 0;
    animation: btnStripe117 2s infinite linear;
  }*/

  .list3 .btn-bg.sp_disp {
    display: none;
  }

  .no-touchevents .ac-btn .ac-btn__list-item__btn:hover .btn-bg {
    display: none;
  }

  .no-touchevents .ac-btn .ac-btn__list-item__btn:hover .btn-bg-ov.btn-bg {
    display: block;
  }

  .report-footer-btn a .btn-label {
    fill: #000;
  }

  .ac-btn__list::after {
    content: "";
    display: block;
    clear: both;
  }

  .ac-btn__list {
    display: none;
  }

  .ac-btn__list-item {
    position: relative;
    width: calc(33.333% - 10px);
    float: left;
    margin: 0.23% 0 0 10px;
    padding: 7% 0 0;
  }

  .ac-btn__list-item:first-child {
    width: 33.333%;
    margin-left: 0;
  }

  .ac-btn__list-item__btn {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100%;
  }

  .ac-btn__list-item__btn svg,
  .ac-btn__list-item__btn a {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
  }

  .ac-btn__list-item__label {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    width: 90%;
    height: 90%;
    margin: auto;
  }

  .ac-btn__list-item.discover .ac-btn__list-item__label {
    background: url(../img/top/discover_btn_label.svg);
    background-position: center center;
    background-size: cover;
  }

  .ac-btn__list-item.invention .ac-btn__list-item__label {
    background: url(../img/top/invention_btn_label.svg);
    background-position: center center;
    background-size: cover;
  }

  .ac-btn__list-item.deco .ac-btn__list-item__label {
    background: url(../img/top/deco_btn_label.svg);
    background-position: center center;
    background-size: cover;
  }
}

@media all and (max-width: 759px) {
  .section-bnr {
    padding: 0 0 16px;
    background: #000;
  }
  .section-bnr__item {
    position: relative;
  }
  .section-bnr__new-icon::before {
    position: absolute;
    display: block;
    content: "";
    width: 36px;
    height: 15px;
    top: 0;
    left: 0;
    background: url(../img/common/new_ico_bg.svg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
  .section-bnr__new-icon::after {
    position: absolute;
    display: block;
    content: "";
    width: 36px;
    height: 15px;
    top: 0;
    left: 0;
    background: url(../img/common/new_ico.svg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    animation: bound 800ms infinite;
  }
  .section-bnr__item--whats {
    margin-bottom: 12px;
  }
  .section-bnr__btn {
    display: block;
  }
  .section-bnr-whats {
    width: 100%;
    padding-top: 42.947%;
    background: url(../img/top/btn_label_whats_sp.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
  }
  .section-bnr-whats__frame {
    position: absolute;
    display: inline-block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-top: #000 8px solid;
    border-left: #000 8px solid;
    border-right: transparent 8px solid;
    border-bottom: #000 8px solid;
  }
  .section-bnr-whats__frame::before,
  .section-bnr-whats__frame::after {
    content: "";
    width: 8px;
    background: #000;
    position: absolute;
    right: -8px;
  }
  .section-bnr-whats__frame::before {
    height: 100%;
    top: -8px;
  }
  .section-bnr-whats__frame::after {
    height: 8px;
    bottom: -8px;
  }
  .section-bnr-camp {
    width: 100%;
    padding-top: 41.379%;
    position: relative;
  }
  .section-bnr-camp__label {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding-top: 42.947%;
    background: url(../img/top/btn_label_camp_sp.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
  .section-bnr-camp__frame {
    position: absolute;
    display: inline-block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-top: transparent 8px solid;
    border-left: #000 8px solid;
    border-right: #000 8px solid;
    border-bottom: #000 8px solid;
  }
  .section-bnr-camp__frame::before,
  .section-bnr-camp__frame::after {
    content: "";
    height: 8px;
    background: #000;
    position: absolute;
    top: -8px;
  }
  .section-bnr-camp__frame::before {
    width: 10.67%;
    left: -8px;
  }
  .section-bnr-camp__frame::after {
    width: 84.232%;
    right: -8px;
  }

  .section-bnr-camp__ico {
    position: absolute;
    right: 5.6%;
    bottom: -4.65%;
    width: 68.652%;
    background: url(../img/top/report_notice_sp.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
  .section-bnr-camp__ico::before {
    content: "";
    display: block;
    padding-top: 9.589%;
  }

  .section-s-bnr__list {
    width: 100%;
    margin: 4.864% auto 0;
  }

  .section-s-bnr__list::after {
    content: "";
    display: block;
    clear: both;
  }

  .section-s-bnr__list__item:first-child {
    margin: 0;
  }

  .section-s-bnr__list__item {
    margin: 2.861% 0 0;
  }

  .section-s-bnr__list__item {
    position: relative;
    width: 100%;
  }

  /*.section-s-bnr__list__item {
    background: url(../img/top/qa_voice_btn_bg.png) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }*/

  .section-s-bnr__list__item.toy-con {
    position: relative;
    background: url(../img/top/toycon_btn_bg.png) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
  .section-s-bnr__list__item.new::after {
    position: absolute;
    content: "";
    display: block;
    top: -9.8%;
    left: -1.2%;
    width: 9.3%;
    padding-top: 8.6%;
    z-index: 10;
    background: url(../img/top/ico_new_balloon_vr.svg) no-repeat center top;
    background-size: cover;
  }

  .section-s-bnr__list__item.toy-con {
  }

  .section-s-bnr__list__item.toy-con::before {
    position: absolute;
    top: -7.543%;
    left: 6.851%;
    z-index: 10;
    content: "";
    display: block;
    width: 17.57%;
    padding-top: 20.96%;
    background: url(../img/top/toycon_btn_deco_sp.png) no-repeat center top;
    background-size: contain;
  }
  .section-s-bnr__list__item.award::before {
    position: absolute;
    top: 18.8%;
    left: 8%;
    z-index: 10;
    content: "";
    display: block;
    width: 11.2%;
    padding-top: 13.6%;
    background: url(../img/top/award_btn_deco.png) no-repeat center top;
    background-size: contain;
  }

  .section-s-bnr__list__item.contest {
    background: none;
    margin: 1.2% 0 0;
  }

  .section-s-bnr__list__item a {
    position: relative;
    display: block;
    width: 100%;
    padding: 21.13% 0 0;
    background: url(../img/top/qa_btn_sp.svg) 50% 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
  }

  .section-s-bnr__list__item.toy-con a {
    background: url(../img/top/toycon_btn_sp.svg) 50% 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
  }

  .section-s-bnr__list__item.award a {
    background: url(../img/top/award_btn_sp.svg) 50% 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
  }

  .section-s-bnr__list__item.voice,
  .section-s-bnr__list__item.contest {
    display: inline-block;
    width: calc((100% - 1.5%) / 2);
  }
  .section-s-bnr__list__item.voice a {
    padding: 31.61% 0 0;
    background: url(../img/top/voice_btn_sp.svg) 50% 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    z-index: 1;
  }
  .section-s-bnr__list__item.contest a {
    padding: 31.61% 0 0;
    background: url(../img/top/contest_btn_sp.svg) 50% 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    z-index: 1;
  }
  .section-s-bnr__list__item.interview a {
    position: relative;
    display: block;
    width: 100%;
    padding: 15.49% 0 0;
    background: url(../img/top/interview_btn_sp.svg) 50% 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    z-index: 1;
  }
  .section-s-bnr__list__item.interview .section-s-bnr__list__item__bg::after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    padding: 15.49% 0 0;
    background: url(../img/top/interview_btn_bg_sp.png) 50% 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    z-index: 0;
  }
  .section-s-bnr__list__item.voice .section-s-bnr__list__item__bg::after,
  .section-s-bnr__list__item.contest .section-s-bnr__list__item__bg::after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    padding: 31.61% 0 0;
    background: url(../img/top/contest_voice_btn_bg_sp.png) 50% 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    z-index: 0;
  }

  /*.section-s-bnr__list__item.new a::before {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    right: 17.7%;
    z-index: 11;
    width: 18%;
    padding-top: 4%;
    background: url(../img/top/ico_new_date.svg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    animation: bound 800ms infinite;
  }

  .section-s-bnr__list__item.new a::after {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    right: 17.851%;
    z-index: 10;
    width: 18.025%;
    padding-top: 5.752%;
    background: url(../img/top/ico_new_LL.svg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }*/

  .section-s-bnr .pc_disp {
    display: none;
  }

  .products_ttl {
    width: 100%;
    margin: -2px auto 0;
    padding: 31.2% 0 0;
    background: url(../img/top/products_ttl_sp.svg) 50% 50% no-repeat;
    -webkit-background-size: contain;
    background-size: cover;
  }

  .interviewNav-list-item {
    position: relative;
    padding: 0 16px;
  }

  .interviewNav-list-item.list1 {
    padding: 6% 6% 4%;
  }

  .interviewNav-list__start-badge {
    content: "";
    display: block;
    position: absolute;
    top: -271%;
    left: -2.5%;
    width: 13.297%;
    padding: 13.638% 0 0;
    background: url(../img/top/whats_popup.png) 50% 50% repeat-x;
    -webkit-background-size: contain;
    background-size: contain;
  }

  .list2 .btn-bg.pc_disp {
    display: none;
  }

  .list2 .btn-bg.sp_disp {
    display: block;
  }

  .list2 .btn-label.pc_disp {
    display: none;
  }

  .list2 .btn-label.sp_disp {
    display: block;
  }

  .no-touchevents
    .list2
    .interviewNav-list-item-link:hover
    .btn-bg.sp_disp.btn-bg-ov {
    display: block;
  }

  .list3 .btn-bg.pc_disp {
    display: none;
  }

  .list3 .btn-bg.sp_disp {
    display: block;
  }

  .interview-btn svg,
  .interview-btn a,
  .list3 .interview-btn .interviewNav-list-item-link {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
  }

  .list3 .interview-btn .interviewNav-list-item-link {
    background: url(../img/top/capable_btn_clip.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
  }

  .deco_line {
    width: 100%;
    margin: 16px 0;
    height: 4px;
    background: url(../img/top/deco_line.png) 50% 50% repeat;
    -webkit-background-size: 150%;
    background-size: 150%;
  }

  .report-footer-btn--interview {
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 1306px;
    margin: 0 auto;
    padding-top: 32.771%;
  }

  .list1 .report-footer-btn--interview {
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 1306px;
    margin: 0 auto;
    padding: 0;
  }

  .report-footer-btn--interview__inner {
    position: relative;
    width: 100%;
    padding-top: 4.771%;
    margin: 0 auto;
  }

  .list3 .report-footer-btn--interview {
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 1306px;
    margin: 0 auto;
    padding-top: 20.771%;
  }

  .list3 .interview-btn::before {
    content: "";
    position: absolute;
    z-index: 10;
    top: 0;
    right: 2%;
    bottom: 0;
    display: block;
    width: 10%;
    height: 57%;
    margin: auto 0;
    background: url(../img/top/capable_btn_plus.svg) no-repeat;
    background-position: center center;
    background-size: contain;
  }

  .list3 .report-footer-btn.open .interview-btn::before {
    -moz-transform: rotateZ(44deg);
    transform: rotateZ(44deg);
  }

  .report-footer-btn--interview.vol2 .bnr-img {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 90%;
    max-width: 1306px;
    max-height: 230px;
    margin: auto 0;
    background: url(../img/top/whats_btn_img.png);
    background-position: center center;
    background-size: cover;
  }

  .list3 .report-footer-btn--interview .bnr-img {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 90%;
    max-width: 1306px;
    max-height: 230px;
    margin: auto 0;
    background: transparent;
    background-position: center center;
    background-size: cover;
  }

  .interview-btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .list1 .interview-btn {
    position: static;
    width: 100%;
    height: 100%;
  }

  .interview-btn svg,
  .interview-btn a {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
  }

  .interview-btn a .btn-bg-ov {
    display: none;
  }

  .interview-btn svg,
  .interview-btn a {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
  }

  .report-footer-btn a .btn-label {
    /*fill: #d1af87;*/
    fill: #000;
  }

  .ac-btn__list {
    display: none;
  }

  .ac-btn__list::after {
    content: "";
    display: block;
    clear: both;
  }

  .ac-btn__list-item {
    position: relative;
    width: 100%;
    margin: 0.299% 0 0;
    padding: 20.8% 0 0;
  }

  .ac-btn__list-item:first-child {
    margin: 1.349% 0 0;
  }

  .ac-btn__list-item__btn {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100%;
  }

  .ac-btn__list-item.discover .ac-btn__list-item__label {
    background: url(../img/top/discover_btn_label.svg);
    background-position: center center;
    background-size: cover;
  }

  .ac-btn__list-item.invention .ac-btn__list-item__label {
    background: url(../img/top/invention_btn_label.svg);
    background-position: center center;
    background-size: cover;
  }

  .ac-btn__list-item__label {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    width: 90%;
    height: 90%;
    margin: auto;
  }

  .ac-btn__list-item.deco .ac-btn__list-item__label {
    background: url(../img/top/deco_btn_label.svg);
    background-position: center center;
    background-size: cover;
  }

  .ac-btn__list-item__btn svg,
  .ac-btn__list-item__btn a {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
  }
}

/* ==========================================================================
   PRODUCT
   ======================================================================= */
.section-product {
}
.product-wrapper {
  border: #000 8px solid;
  background: url(../img/common/bg_board.gif);
  -webkit-background-size: 250px 250px;
  background-size: 250px 250px;
}
@media all and (min-width: 760px) {
  .product-wrapper {
  }
  .section-product {
    padding: 3.3% 2.2% 0;
    max-width: 1366px;
    margin: 0 auto;
  }
  .product-wrapper {
    margin-top: -8px;
  }
  .sec-product__header {
    background-image: linear-gradient(to left, #000 55%, transparent 0%);
    background-position: bottom;
    background-size: 18px 3px;
    background-repeat: repeat-x;
  }
  .sec-product__body::after {
    content: "";
    display: block;
    clear: both;
  }
  .sec-product__title {
    width: 100%;
    max-width: 488px;
    margin: 0 auto;
    background: url(../img/top/product_date_pc.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
  .sec-product__title::before {
    content: "";
    display: block;
    padding-top: 19.262%;
  }
  .sec-product {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 92%;
    margin: 0 auto;
    padding-top: 4.2%;
  }
  /*--VR KIT用--*/
  .sec-product__body--vr .sec-product .sec-product__vr:before {
    content: "";
    display: block;
    position: absolute;
    top: 47%;
    left: 3.4%;
    width: 5.7%;
    padding-top: 4.1%;
    background-image: url(../img/top/ico_on_sale.svg);
    background-repeat: no-repeat;
    background-size: contain;
  }
  .sec-product__body--vr .sec-product__btn {
    display: inline-block;
    width: 33.64%;
    margin-left: 3.3%;
  }
  .sec-product__body--vr .sec-product {
    padding-top: 13.2%;
  }
  .sec-product__body--vr .sec-product__kit-text {
    width: 100%;
    margin: 0 0;
    background: url(../img/top/kit_vr_txt.svg) 50% 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
  }
  .sec-product__body--vr .sec-product__kit-btn {
    width: 100%;
    margin: 3.26% auto 0;
    padding-top: 13.5%;
    background: url(../img/top/kit_btn_vr.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
  .sec-product__body--vr .sec-product__kit-img--01::before,
  .sec-product__body--vr .sec-product__kit-img--01::after,
  .sec-product__body--vr .sec-product__kit-img--02::before,
  .sec-product__body--vr .sec-product__kit-img--02::after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .sec-product__body--vr .sec-product__kit-img--01 {
    width: 30.27%;
    margin: 0 0 0 -4.5%;
    padding-top: 29%;
    position: absolute;
    top: 29.7%;
    left: 47.2%;
  }
  .sec-product__body--vr .sec-product__kit-img--01::before {
    background: url(../img/top/product_kit04_01_shadow_pc.png) 50% 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
  }
  .sec-product__body--vr .sec-product__kit-img--01::after {
    background: url(../img/top/product_kit04_01_img_pc.png) 50% 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
  }
  .sec-product__body--vr .sec-product__kit-img--02 {
    width: 19.73%;
    margin: 0 0 0 -4.5%;
    padding-top: 29%;
    position: absolute;
    top: 33.9%;
    left: 81.2%;
  }
  .sec-product__body--vr .sec-product__kit-img--02::before {
    background: url(../img/top/product_kit04_02_shadow_pc.png) 50% 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
  }
  .sec-product__body--vr .sec-product__kit-img--02::after {
    background: url(../img/top/product_kit04_02_img_pc.png) 50% 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
  }
  .sec-product__body--vr .sec-product__kit-img--01 + .sec-product__kit-price {
    position: absolute;
    width: 15.1%;
    bottom: -7.3%;
    left: 50.2%;
    margin: 0 auto 0;
  }
  .sec-product__body--vr
    .sec-product__kit-img--01
    + .sec-product__kit-price::before {
    content: "";
    display: block;
    padding-top: 13.3%;
  }
  .sec-product__body--vr .sec-product__kit-img--01 + .sec-product__kit-price {
    background: url(../img/top/product_kit04_01_price_pc.svg) 50% 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
  }
  .sec-product__body--vr
    .sec-product__kit-img--02
    + .sec-product__kit-subttl
    + .sec-product__kit-price {
    position: absolute;
    width: 15.1%;
    bottom: -6.5%;
    right: 6.1%;
    margin: 0 auto 0;
  }
  .sec-product__body--vr
    .sec-product__kit-img--02
    + .sec-product__kit-subttl
    + .sec-product__kit-price::before {
    content: "";
    display: block;
    padding-top: 13.3%;
  }
  .sec-product__body--vr
    .sec-product__kit-img--02
    + .sec-product__kit-subttl
    + .sec-product__kit-price {
    background: url(../img/top/product_kit04_02_price_pc.svg) 50% 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
  }
  .sec-product__body--vr .sec-product__kit-img--02 + .sec-product__kit-subttl {
    position: absolute;
    width: 15.7%;
    top: 43.1%;
    right: 5.9%;
    margin: 0 auto 0;
  }
  .sec-product__body--vr
    .sec-product__kit-img--02
    + .sec-product__kit-subttl::before {
    content: "";
    display: block;
    padding-top: 18.3%;
  }
  .sec-product__body--vr .sec-product__kit-img--02 + .sec-product__kit-subttl {
    background: url(../img/top/product_kit04_02_txt_pc.svg) 50% 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
  }
  .no-touchevents
    .sec-product__body--vr
    .sec-product__btn:hover
    > .sec-product__kit-btn,
  .no-touchevents .sec-product__body--vr .sec-product__kit-btn:hover {
    background: url(../img/top/kit_btn_vr_ov.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
  /*------------*/

  /*--お片付けBOX用--*/
  .sec-product__body--goodsbox .sec-product {
    padding-top: 3%;
  }
  .sec-product__body--goodsbox .sec-product__btn {
    position: absolute;
    display: block;
    width: 28.5%;
    right: 3.3%;
  }
  .sec-product__body--goodsbox .sec-product__goodsbox-text {
    width: 45.7%;
    position: absolute;
    display: block;
    margin: 0 0;
    top: 131%;
    left: 19.7%;
    padding-top: 5.36%;
    background: url(../img/top/goodsbox_ttl_pc.svg) 50% 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
  }
  .sec-product__body--goodsbox .sec-product__goodsbox-btn {
    width: 100%;
    margin: 0 auto 0;
    padding-top: 23.7%;
    background: url(../img/top/goodsbox_btn_pc.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
  .sec-product__body--goodsbox .sec-product__goodsbox-img::before,
  .sec-product__body--goodsbox .sec-product__goodsbox-img::after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .sec-product__body--goodsbox .sec-product__goodsbox-img {
    width: 22.27%;
    margin: 0 0;
    padding-top: 11.8%;
    position: absolute;
    top: 55%;
    left: -1.4%;
  }
  .sec-product__body--goodsbox .sec-product__goodsbox-img::after {
    background: url(../img/top/goodsbox_img.png) 50% 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
  }

  .no-touchevents
    .sec-product__body--goodsbox
    .sec-product__btn:hover
    > .sec-product__goodsbox-btn,
  .no-touchevents
    .sec-product__body--goodsbox
    .sec-product__goodsbox-btn:hover {
    background: url(../img/top/goodsbox_btn_pc_ov.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
  /*------------*/

  .sec-product__list {
    width: 100%;
  }
  .sec-product__list::after {
    content: "";
    display: block;
    clear: both;
  }
  .sec-product__item {
    width: calc((100% - 8% - 2px) / 3);
  }
  .sec-product__btn {
    display: block;
    position: relative;
  }
  .sec-product__item--kit01 {
    float: left;
    margin-right: 4%;
  }
  .sec-product__item--kit02 {
    float: left;
    margin-right: 4%;
  }
  .sec-product__item--kit03 {
    float: left;
  }
  .sec-product__item--kit01 .sec-product__kit-img {
    width: 100%;
    margin: 0 0 0 -4.5%;
    padding-top: 95%;
    position: relative;
  }
  .sec-product__item--kit02 .sec-product__kit-img {
    width: 100%;
    margin: 0 0 0 1.5%;
    padding-top: 95%;
    position: relative;
  }
  .sec-product__item--kit03 .sec-product__kit-img {
    width: 100%;
    margin: 0 0 0 -4.5%;
    padding-top: 95%;
    position: relative;
  }
  .sec-product__kit-img::before,
  .sec-product__kit-img::after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .sec-product__item--kit01 .sec-product__kit-img::before {
    background: url(../img/top/product_kit01_shadow_pc.png) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
  .sec-product__item--kit01 .sec-product__kit-img::after {
    background: url(../img/top/product_kit01_img_pc.png) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
  .sec-product__item--kit02 .sec-product__kit-img::before {
    background: url(../img/top/product_kit02_shadow_pc.png) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
  .sec-product__item--kit02 .sec-product__kit-img::after {
    background: url(../img/top/product_kit02_img_pc.png) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
  .sec-product__item--kit03 .sec-product__kit-img::before {
    background: url(../img/top/product_kit03_shadow_pc.png) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
  .sec-product__item--kit03 .sec-product__kit-img::after {
    background: url(../img/top/product_kit03_img_pc.png) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
  .sec-product__kit-text {
    width: 82.5%;
    margin: -26% auto 0;
  }
  .sec-product__kit-text::before {
    content: "";
    display: block;
    padding-top: 34.686%;
  }
  .sec-product__item--kit01 .sec-product__kit-text {
    background: url(../img/top/kit_var_txt.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
  .sec-product__item--kit02 .sec-product__kit-text {
    background: url(../img/top/kit_rbt_txt.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
  .sec-product__item--kit03 .sec-product__kit-text {
    background: url(../img/top/kit_drv_txt.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }

  .no-touchevents .sec-product__item--kit01 .sec-product__kit-text:hover {
    background: url(../img/top/kit_var_txt.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
  .sec-product__kit-btn {
    width: 80%;
    margin: 3.26% auto 0;
    padding-top: 14.6%;
    background: url(../img/top/kit_btn.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }

  .no-touchevents .sec-product__btn:hover > .sec-product__kit-btn,
  .no-touchevents .sec-product__kit-btn:hover {
    background: url(../img/top/kit_btn_ov.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }

  
  /* novideo */
  .no-video {
    background: url(../img/top/kit_btn_novideo.svg) 50% 50% no-repeat;
  }
  .no-video:hover {
    background: url(../img/top/kit_btn_novideo_ov.svg) 50% 50% no-repeat !important;
    -webkit-background-size: cover;
    background-size: cover;
  }


  .sec-product__kit-ico-sale {
    position: absolute;
    left: 8%;
    top: -9%;
    width: 18.414%;
    background: url(../img/top/ico_on_sale.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }

  .sec-product__kit-ico-sale::before {
    content: "";
    display: block;
    padding-top: 71.49%;
  }

  .sec-product__kit-ico-sale--drive {
    position: absolute;
    left: 7%;
    top: -9%;
    width: 69.523%;
    background: url(../img/top/ico_sale_drive.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }

  .sec-product__kit-ico-sale--drive::before {
    content: "";
    display: block;
    padding-top: 18.868%;
  }

  .sec-product__balloon {
    clear: both;
    width: 71.61%;
    margin: 3% auto 0;
    background: #000;
    position: relative;
  }
  .sec-product__balloon::before {
    content: "";
    display: block;
    padding-top: 0;
  }
  .sec-product__balloon::after {
    content: "";
    display: block;
    clear: both;
  }
  .sec-product__balloon-text {
    position: relative;
    width: 100%;
    margin: 0 auto;
  }
  .sec-product__balloon-text::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    margin: 0 auto;
    background: url(../img/top/productinfo_balloon_txt_pc.png) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 7.19424%;
    z-index: 2;
  }
  .sec-product__goods-box {
    position: relative;
    padding-top: 7.18%;
  }
  .sec-product__goods-box-new {
    position: absolute;
    top: 0;
    left: 8.5%;
    padding-top: 2.5467%;
    width: 4.4124%;
  }
  .sec-product__goods-box-new img {
    width: 100%;
    height: auto;
  }
  .sec-product__goods-box-img {
    position: absolute;
    top: 0;
    left: 13.35%;
    padding-top: 2.45%;
    width: 12.67%;
  }
  .sec-product__goods-box-img img {
    width: 100%;
    height: auto;
  }
  .sec-product__goods-box-text {
    position: relative;
    width: 80.248%;
    margin: auto;
  }
  .sec-product__goods-box-text::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    margin: auto;
    background: url(../img/top/goodsbox.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 9.68%;
  }
  .sec-product__goods-box:hover .sec-product__goods-box-text::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    margin: auto;
    background: url(../img/top/goodsbox_on.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 9.68%;
  }

  .bottom-interview {
    position: relative;
    max-width: 1366px;
    margin: 0 auto;
    padding: 0 2.2%;
  }

  .bottom-interview__inner {
    position: relative;
    background: #000;
  }
  .bottom-interview__inner a {
    position: absolute;
    top: 6.29%;
    left: 0;
    display: block;
    width: 56.15%;
    height: 100%;
    margin: auto;
  }

  .bottom-interview::after {
    content: "";
    display: block;
    clear: both;
  }

  .bottom-interview__inner::after {
    content: "";
    display: block;
    clear: both;
  }

  .interview_btn_img {
    position: absolute;
    left: 5%;
    width: 33.59%;
    padding: 9% 0 0;
    background: url(../img/top/interview_btn_img.png) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }

  .interview_btn_label {
    position: absolute;
    top: 32%;
    left: 43.4%;
    width: 53.4%;
    padding: 3.6% 0 0;
    background: url(../img/top/interview_btn_label.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
  .no-touchevents .bottom-interview__inner a:hover > .interview_btn_label,
  .no-touchevents .interview_btn_label:hover {
    position: absolute;
    top: 32%;
    left: 43.4%;
    width: 53.4%;
    padding: 3.6% 0 0;
    background: url(../img/top/interview_btn_label_ov.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }

  .support_btn_label {
    position: relative;
    width: 100%;
    margin: 1.78% 0 0;
    padding-top: 5.36%;
    background: #000000;
  }
  .no-touchevents .support_btn_label:hover {
    background: #504536;
  }

  .support_btn_label__btn {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    width: 71%;
    height: 35%;
    margin: auto;
    background: url(../img/top/support_btn_label.svg) 50% 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
  }

  .support_btn_label a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100%;
    margin: auto;
  }

  .support_btn_label_sp {
    display: none;
  }
}

@media all and (max-width: 759px) {
  .product-wrapper {
    padding-bottom: 0;
  }
  .section-product {
    padding: 4.864% 0 0;
    overflow: hidden;
  }
  .sec-product__header {
    background-image: linear-gradient(to left, #000 55%, transparent 0%);
    background-position: 25% 100%;
    background-size: 18px 3px;
    background-repeat: repeat-x;
    padding-bottom: 3px;
  }
  .sec-product__title {
    max-width: 270px;
    width: 100%;
    margin: 0 auto;
    background: url(../img/top/product_date_sp.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
  .sec-product__title::before {
    content: "";
    display: block;
    padding-top: 23.894%;
  }
  .sec-product {
    width: 100%;
    max-width: 810px;
    margin: 4.1% auto 0;
  }
  .sec-product__body::after {
    content: "";
    display: block;
    clear: both;
  }
  .sec-product::after {
    content: "";
    display: block;
    clear: both;
  }
  /*--VR KIT用--*/
  .sec-product__body--vr {
    border-bottom: 8px solid #000;
  }
  .sec-product__body--vr .sec-product .sec-product__vr {
    position: relative;
  }
  .sec-product__body--vr .sec-product .sec-product__vr:before {
    content: "";
    display: block;
    position: absolute;
    top: -1.34%;
    left: 3%;
    width: 14%;
    padding-top: 13%;
    background-image: url(../img/top/ico_on_sale.svg);
    background-repeat: no-repeat;
    background-size: contain;
  }
  .sec-product__body--vr .sec-product__kit-text {
    width: 100%;
    margin: 9.8% auto 0;
    background: url(../img/top/kit_vr_txt_sp.svg) 50% 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    padding-top: 33.8%;
  }
  .sec-product__body--vr .sec-product__kit-btn {
    width: 90%;
    margin: 7.26% auto 8.26%;
    padding-top: 14%;
    background: url(../img/top/kit_btn_vr_sp.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
  .sec-product__body--vr .sec-product__kit-img--01::before,
  .sec-product__body--vr .sec-product__kit-img--01::after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .sec-product__body--vr .sec-product__kit-img--01 {
    width: 100%;
    padding-top: 46.7%;
    position: relative;
    margin: 3.9% 0 5.8%;
  }
  .sec-product__body--vr .sec-product__kit-img--01::before {
    background: url(../img/top/product_kit04_01_shadow_sp.png) 50% 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
  }
  .sec-product__body--vr .sec-product__kit-img--01::after {
    background: url(../img/top/product_kit04_01_img_sp.png) 50% 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
  }
  .sec-product__body--vr .sec-product__kit-img--02::before,
  .sec-product__body--vr .sec-product__kit-img--02::after {
    content: "";
    display: inline-block;
    position: absolute;
    right: -14.7%;
    top: 33%;
    width: 100%;
    height: 100%;
  }
  .sec-product__body--vr .sec-product__kit-img--02 {
    width: 100%;
    padding-top: 29%;
    position: relative;
  }
  .sec-product__body--vr .sec-product__kit-img--02::before {
    background: url(../img/top/product_kit04_02_shadow_sp.png) 50% 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
  }
  .sec-product__body--vr .sec-product__kit-img--02::after {
    background: url(../img/top/product_kit04_02_img_sp.png) 50% 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
  }
  .sec-product__body--vr .sec-product__kit-img--01 + .sec-product__kit-price {
    position: relative;
    width: 90.2%;
    margin: -4.8% auto -1%;
  }
  .sec-product__body--vr
    .sec-product__kit-img--01
    + .sec-product__kit-price::before {
    content: "";
    display: block;
    padding-top: 13.3%;
  }
  .sec-product__body--vr .sec-product__kit-img--01 + .sec-product__kit-price {
    background: url(../img/top/product_kit04_01_price_sp.svg) 50% 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
  }
  .sec-product__body--vr
    .sec-product__kit-img--02
    + .sec-product__kit-subttl
    + .sec-product__kit-price {
    position: relative;
    width: 90.2%;
    margin: 14.6% auto 0;
  }
  .sec-product__body--vr
    .sec-product__kit-img--02
    + .sec-product__kit-subttl
    + .sec-product__kit-price::before {
    content: "";
    display: block;
    padding-top: 13.3%;
  }
  .sec-product__body--vr
    .sec-product__kit-img--02
    + .sec-product__kit-subttl
    + .sec-product__kit-price {
    background: url(../img/top/product_kit04_02_price_sp.svg) 50% 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
  }
  .sec-product__body--vr .sec-product__kit-img--02 + .sec-product__kit-subttl {
    width: 33.54%;
    margin-top: -9.6%;
    margin-left: 8%;
  }
  .sec-product__body--vr
    .sec-product__kit-img--02
    + .sec-product__kit-subttl::before {
    content: "";
    display: block;
    padding-top: 18.3%;
  }
  .sec-product__body--vr .sec-product__kit-img--02 + .sec-product__kit-subttl {
    background: url(../img/top/product_kit04_02_txt_pc.svg) 50% 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
  }
  /*------------*/

  /*--お片付けBOX用--*/
  .sec-product__body--goodsbox {
    position: relative;
    margin-top: 13%;
    padding-top: 42.6%;
    border-top: 8px solid #000;
  }
  .sec-product__body--goodsbox .sec-product {
    padding-top: 0;
    margin: 0 auto 0;
  }
  .sec-product__body--goodsbox .sec-product__btn {
    position: absolute;
    display: block;
    width: 86%;
    bottom: 12%;
    right: 5%;
  }
  .sec-product__body--goodsbox .sec-product__goodsbox-text {
    width: 47%;
    position: absolute;
    display: block;
    margin: 0 0;
    top: 13%;
    left: auto;
    right: 8%;
    padding-top: 20.75%;
    background: url(../img/top/goodsbox_ttl_sp.svg) 50% 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
  }
  .sec-product__body--goodsbox .sec-product__goodsbox-btn {
    width: 100%;
    margin: 0 auto 0;
    padding-top: 8.7%;
    background: url(../img/top/goodsbox_btn_sp.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
  .sec-product__body--goodsbox .sec-product__goodsbox-img::before,
  .sec-product__body--goodsbox .sec-product__goodsbox-img::after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .sec-product__body--goodsbox .sec-product__goodsbox-img {
    width: 36%;
    margin: 0 0;
    padding-top: 38%;
    position: absolute;
    top: -5%;
    left: 4.6%;
  }
  .sec-product__body--goodsbox .sec-product__goodsbox-img::after {
    background: url(../img/top/goodsbox_img.png) 50% 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
  }

  .no-touchevents
    .sec-product__body--goodsbox
    .sec-product__btn:hover
    > .sec-product__goodsbox-btn,
  .no-touchevents
    .sec-product__body--goodsbox
    .sec-product__goodsbox-btn:hover {
    background: url(../img/top/goodsbox_btn_sp.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
  /*------------*/

  .sec-product__list {
    max-width: 810px;
    margin: 0 auto;
    width: 100%;
  }
  .sec-product__list::after {
    content: "";
    display: block;
    clear: both;
  }
  .sec-product__item {
    width: 100%;
    margin: 21% 0 0% 0;
  }
  .sec-product__item:first-child {
    width: 100%;
    margin: 14% 0 0% 0;
    position: relative;
  }

  .sec-product__btn {
    display: block;
    position: relative;
  }
  .sec-product__btn:after {
    content: "";
    display: block;
    clear: both;
  }
  .sec-product__kit-img {
    width: 50%;
    margin: 0 0 -86.46%;
    padding-top: 78.8%;
    position: absolute;
  }
  .sec-product__kit-img::before,
  .sec-product__kit-img::after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .sec-product__item--kit01 .sec-product__kit-img::before {
    background: url(../img/top/product_kit01_shadow_sp.png) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
  .sec-product__item--kit01 .sec-product__kit-img::after {
    background: url(../img/top/product_kit01_img_sp.png) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
  .sec-product__item--kit02 .sec-product__kit-img::before {
    background: url(../img/top/product_kit02_shadow_sp.png) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
  .sec-product__item--kit02 .sec-product__kit-img::after {
    background: url(../img/top/product_kit02_img_sp.png) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
  .sec-product__item--kit03 .sec-product__kit-img::before {
    background: url(../img/top/product_kit03_shadow_sp.png) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
  .sec-product__item--kit03 .sec-product__kit-img::after {
    background: url(../img/top/product_kit03_img_sp.png) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
  .sec-product__kit-detail {
    width: 50%;
    float: right;
  }
  .sec-product__kit-text {
    width: 90%;
    margin: 0 auto;
    padding-top: 29%;
  }
  .sec-product__item--kit01 .sec-product__kit-text {
    background: url(../img/top/kit_var_txt_sp.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
  .sec-product__item--kit02 .sec-product__kit-text {
    background: url(../img/top/kit_rbt_txt_sp.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
  .sec-product__item--kit03 .sec-product__kit-text {
    background: url(../img/top/kit_drv_txt_sp.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
  .sec-product__kit-btn {
    width: 80%;
    margin: 4.26% auto 0;
    padding-top: 14.6%;
    background: url(../img/top/kit_btn_sp.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }

  /* for drive kit */
  .no-video {
    background: url(../img/top/kit_btn_novideo_sp.svg) 50% 50% no-repeat !important;
  }


  .sec-product__kit-ico-sale {
    position: absolute;
    left: 3%;
    top: -36%;
    width: 12.21%;
    background: url(../img/top/ico_on_sale.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }

  .sec-product__kit-ico-sale::before {
    content: "";
    display: block;
    padding-top: 71.49%;
  }

  .sec-product__kit-ico-sale--drive {
    position: absolute;
    left: 3%;
    top: -36%;
    width: 46.66%;
    background: url(../img/top/ico_sale_drive.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }

  .sec-product__kit-ico-sale--drive::before {
    content: "";
    display: block;
    padding-top: 18.868%;
  }

  .sec-product__balloon {
    margin: 4.2% 10px 0 10px;
    background: #000;
    position: relative;
  }
  .sec-product__balloon::before {
    content: "";
    display: block;
    padding-top: 41.69%;
  }
  .sec-product__balloon::after {
    content: "";
    display: block;
    background: #000;
    width: 12px;
    height: 12px;
    position: absolute;
    left: 0;
    right: 0;
    top: -6px;
    margin: 0 auto;
    transform: rotate(-45deg);
  }
  .sec-product__balloon-text {
    width: 100%;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background: url(../img/top/productinfo_balloon_sp.png) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
  .sec-product__balloon-text::before {
    content: "";
    display: block;
    padding-top: 41.693%;
  }
  .sec-product__goods-box {
    position: relative;
    padding-top: 23.7%;
    padding-bottom: 50.1475%;
  }
  .sec-product__goods-box-new {
    position: absolute;
    top: 0;
    left: 7.837%;
    padding-top: 11.33%;
    width: 10.599%;
  }
  .sec-product__goods-box-new img {
    width: 100%;
    height: auto;
  }
  .sec-product__goods-box-img {
    display: block;
    position: absolute;
    top: 0;
    left: 10.135%;
    padding-top: 20.75%;
    width: 35.4%;
  }
  .sec-product__goods-box-img img {
    width: 100%;
    height: auto;
  }
  .sec-product__goods-box-text {
    position: relative;
    width: 94.1%;
    margin: auto;
  }
  .sec-product__goods-box-text::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    margin: auto;
    background: url(../img/top/goodsbox_sp.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 44.514%;
  }
  .bottom-interview {
    position: relative;
    margin: 3.66% auto 0;
  }

  .bottom-interview__inner {
    position: relative;
    background: #000;
  }

  .bottom-interview::after {
    content: "";
    display: block;
    clear: both;
  }

  .bottom-interview__inner::after {
    content: "";
    display: block;
    clear: both;
  }

  .interview_btn_img {
    width: 40%;
    float: left;
    padding: 14.08% 0 0;
    background: url(../img/top/interview_btn_img_sp.png) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }

  .interview_btn_label {
    width: 55%;
    float: left;
    margin: 4.684% 0 1.76% 2.297%;
    padding: 4.08% 0 0;
    background: url(../img/top/interview_btn_label_sp.svg) 50% 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
  }

  .interview_btn_label a {
    display: block;
    width: 100%;
    height: 100%;
  }

  .support_btn_label {
    display: none;
    position: relative;
    width: 13.782%;
    max-width: 180px;
    float: right;
    margin: 1.225% 0.918% 1.148% 0;
    padding: 2.986% 0 0;
    background: #342d23;
  }

  .support_btn_sp {
    position: relative;
    width: 100%;
    padding: 12.68% 0 0;
    background: #000000;
  }

  .support_btn_label_sp {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: auto;
  }

  .support_btn_label_btn_sp {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 74%;
    height: 40%;
    margin: auto;
    background: url(../img/top/support_btn_label_sp.svg) 50% 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
  }
}

#top-movie-modal .modal__contents {
  position: relative;
}

#top-movie-modal .modal__movieplayer-cover {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(/labo/kit/img/thumb_drive.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
#top-movie-modal .modal__movieplayer-cover::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}

#top-movie-modal .modal__movieplayer-cover span {
  display: block;
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 136px;
  height: 136px;
}

#top-movie-modal .modal__movieplayer-cover span::before {
  content: "";
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: block;
  width: 136px;
  height: 136px;
  -webkit-border-radius: 68px;
  border-radius: 68px;
  background: rgba(255, 255, 255, 0.5);
}

#top-movie-modal .modal__movieplayer-cover span::after {
  content: "";
  position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: block;
  width: 120px;
  height: 120px;
  background: url(../img/top/movie_ico.svg) 50% 50% no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

@media all and (max-width: 759px) {
  #top-movie-modal .modal__movieplayer-cover span {
    display: block;
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 68px;
    height: 68px;
  }

  #top-movie-modal .modal__movieplayer-cover span::before {
    content: "";
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    width: 68px;
    height: 68px;
    -webkit-border-radius: 68px;
    border-radius: 68px;
    background: rgba(255, 255, 255, 0.5);
  }

  #top-movie-modal .modal__movieplayer-cover span::after {
    content: "";
    position: absolute;
    z-index: 3;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    width: 60px;
    height: 60px;
    background: url(../img/top/movie_ico.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
}
@media all and (min-width: 760px) {
  .contest_ico {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 5%;
    width: 20%;
    transform: translateX(45%);
  }
  .contest_ico img {
    width: 100%;
    height: auto;
  }
}
@media all and (max-width: 759px) {
  .contest_ico {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 6.5%;
    width: 17%;
    transform: translateX(39%);
  }
  .contest_ico img {
    width: 100%;
    height: auto;
  }
}

.badge-corner-slide__item {
  opacity: 0;
}
.badge-corner-slide__item.js-change-start {
  opacity: 1;
}
.badge-corner-slide__item {
  transition: opacity 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.js-slide-front {
  z-index: 2;
}