@charset "UTF-8";
@-webkit-keyframes loopAnimation {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0); } }
@keyframes loopAnimation {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0); } }

html {
  scroll-behavior: smooth; }

body {
  -webkit-text-size-adjust: 100%;
          text-size-adjust: 100%;
  font-family: "Noto Sans JP", "\30D2\30E9\30AE\30CE\89D2\30B4Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "\FF2D\FF33   \FF30\30B4\30B7\30C3\30AF", " MS PGothic", Arial, Helvetica,  Verdana, sans-serif; }

a {
  display: contents; }

iframe {
  border: 0; }

picture {
  display: contents; }

.mainHeader {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  font-style: italic;
  font-weight: 700;
  z-index: 1; }

.banners{width:840px;margin:0px auto 30px;}
.banners ul{display:flex;flex-wrap: nowrap;}
.banners ul li{width:50%;}
.banners ul li .bannerImg{width:95%;margin:37px auto 0;}

.banners img{width:100%;border:1px solid #999;margin-bottom:15px;}
ul.newMvList{width:840px;margin: 50px auto;display:flex;flex-wrap: wrap;justify-content: center;}

ul#productList{width:1200px;margin:0 auto;display:flex; flex-wrap: nowrap;}
ul#productList li{width:31.333%; margin:1%;background:rgba(255,255,255,0.2);border:1px solid #FFF;color:#FFF;padding:20px;box-sizing: border-box;position:relative;}
ul#productList li .new{position:absolute;left:-13px;top:-13px;}
ul#productList li .itemPict{margin-bottom:20px;}
ul#productList li p{text-align:left;}
ul#productList li p.name{font-size:21px;font-weight:bold;}
ul#productList li dl{border:1px solid #FFF;margin:10px auto;}
ul#productList li dt{width:50%; float:left;padding:5px;}
ul#productList li dd{background:#FFF;color:#000;padding:5px;}
ul#productList li .btnItem{width:100%;position:absolute; bottom:10px;left:0;right:0;margin:0 auto;}
ul#productList li .btnItem img{width:100%;}

.infoWin{background:#FFF;width:700px;margin:30px auto;position:relative;z-index:10;padding:12px;}
.infoWin h2{font-weight:bold;font-size:17px;margin-bottom:0.7em;}
    
.main_page {
  overflow: hidden; }

.bgBlack {
  background-image: url("/products/mugenyoyo/img/bg_filter01.png");
  background-repeat: repeat;
  background-size: 1px 6px; }

.bgBlackGradation {
  height: 78px;
  background: linear-gradient(rgba(8, 0, 48, 0.12) 0 4px, rgba(0, 0, 0, 0) 4px 6px, rgba(8, 0, 48, 0.16) 6px 10px, rgba(0, 0, 0, 0) 10px 12px, rgba(8, 0, 48, 0.2) 12px 16px, rgba(0, 0, 0, 0) 16px 18px, rgba(8, 0, 48, 0.24) 18px 22px, rgba(0, 0, 0, 0) 22px 24px, rgba(8, 0, 48, 0.28) 24px 28px, rgba(0, 0, 0, 0) 28px 30px, rgba(8, 0, 48, 0.32) 30px 34px, rgba(0, 0, 0, 0) 34px 36px, rgba(8, 0, 48, 0.36) 36px 40px, rgba(0, 0, 0, 0) 40px 42px, rgba(8, 0, 48, 0.4) 42px 46px, rgba(8, 0, 48, 0.1) 46px 48px, rgba(8, 0, 48, 0.44) 48px 52px, rgba(8, 0, 48, 0.18) 52px 54px, rgba(8, 0, 48, 0.48) 54px 58px, rgba(8, 0, 48, 0.25) 58px 60px, rgba(8, 0, 48, 0.52) 60px 64px, rgba(8, 0, 48, 0.35) 64px 66px, rgba(8, 0, 48, 0.56) 66px 70px, rgba(8, 0, 48, 0.4) 70px 72px, rgba(8, 0, 48, 0.6) 72px 76px, rgba(8, 0, 48, 0.45) 76px 78px); }

.img_pageBg {
  position: fixed;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  z-index: -1; }

.img_kv {
  position: relative;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0); }

.img_downloadArrow {
  display: block;
  margin: auto; }

.img_newsShowMoreText {
  pointer-events: initial;
  cursor: pointer; }

.iframe_small02 {
  -webkit-transform: scale(0.86);
          transform: scale(0.86); }

.iframe_small03 {
  -webkit-transform: scale(0.9);
          transform: scale(0.9); }

.iframe_small04 {
  -webkit-transform: scale(0.86);
          transform: scale(0.86); }

.iframe_tiktokMovie01 {
  width: 100%; }

.tiktokWrapper {
  display: flex;
  justify-content: center;
  align-items: center; }

.tiktokText {
  color: #ffffff;
  text-align: left;
  font-weight: 800;
  margin-left: 20px; }

.tiktokTextMugen {
  display: inline-block; }

.tiktokMovieWrapper {
  width: 0;
  height: 0;
  background-image: url("/products/mugenyoyo/img/bg_movie01.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

.mvWrapper {
  width: 0;
  height: 0;
  background-image: url("/products/mugenyoyo/img/bg_mv01.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: flex;
  justify-content: center;
  align-items: center; }

.linkTerm {
  color: #00f5fe;
  font-weight: 700;
  -webkit-text-decoration: underline 1px solid;
          text-decoration: underline 1px solid; }

.applicationName {
  color: #ffffff;
  font-weight: 700;
  line-height: 0.72458; }

.applicationNameSmall {
  line-height: 0.96611; }

.applicationEnv {
  text-align: left; }

.applicationEnvText {
  display: block;
  color: #ffffff;
  padding-left: 1em;
  position: relative; }
  .applicationEnvText::before {
    content: "\30FB";
    position: absolute;
    left: 0;
    top: 0; }

.applicationDownload {
  display: flex;
  justify-content: center; }

.applicationDownloadText {
  color: #ffffff;
  white-space: nowrap;
  font-weight: 600; }

.applicationDownloadAttention {
  color: #ffffff;
  text-align: justify; }

.applicationApple {
  width: 100%; }

.applicationGoogle {
  width: 100%; }

.applicationCustomerTitle {
  color: #ffffff;
  font-weight: 700;
  font-style: italic; }

.img_cautionHeader {
  display: block;
  margin: auto; }

.section_caution, .section_trick {
  text-align: justify; }

.cautionText {
  color: #ffffff;
  text-align: justify; }

.cautionAttentionText {
  color: #fa1448;
  font-weight: 700;
  text-align: left; }

.cautionImageWrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }

.cautionHeader {
  font-weight: 700;
  font-style: italic;
  color: #ffffff;
  text-align: center; }

.trickSwipeWrapper {
  position: relative; }

.maintenanceImage {
  display: block; }

.productDescription01 {
  color: #ffffff;
  text-align: justify; }

.ul_productItems {
  margin: 41px 0 82px 0; }

.li_productItem {
  margin-bottom: 24px; }
  .li_productItem:nth-child(2n) {
    flex-direction: row-reverse; }
  .li_productItem:last-child {
    margin: 0; }

.productItem {
  display: flex;
  flex-direction: column;
  justify-content: space-around; }

.productItemTit {
  color: #ffffff;
  font-weight: 700;
  font-style: italic; }

.productItemDescription {
  color: #ffffff;
  white-space: pre; }

.productLoop01 {
  display: flex; }

.img_productLoop01 {
  -webkit-animation: loopAnimation 14s linear infinite;
          animation: loopAnimation 14s linear infinite; }

.productLoop02 {
  display: flex; }

.img_productLoop02 {
  animation: loopAnimation 14s linear infinite reverse; }

.img_cautionThumbnail {
  display: block;
  margin: auto;
  -webkit-transform: scale(0.86);
          transform: scale(0.86); }

.img_trickThumbnail {
  display: block;
  margin: auto; }

.howtoInner {
  padding-top: 73px; }

.howtoMovieWrapper {
  width: 0;
  height: 0;
  background-image: url("/products/mugenyoyo/img/bg_movie02.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 100%; }

.howtoMovieCaption {
  color: #ffffff;
  font-weight: 700;
  font-style: italic;
  white-space: nowrap;
  display: block; }

.linkTutorial {
  color: #00f5fe;
  font-weight: 700;
  -webkit-text-decoration: underline 1px solid;
          text-decoration: underline 1px solid;
  display: block; }

.trickMovieCaption {
  color: #ffffff;
  font-weight: 700;
  font-style: italic; }

.trickMovieCaptionDifficult {
  display: flex;
  color: #ffffff;
  font-weight: 700;
  font-style: italic;
  justify-content: center;
  align-items: center; }

.trickMovieWrapper {
  width: 0;
  height: 0;
  background-image: url("/products/mugenyoyo/img/bg_movie02.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }

.trickSubTitle {
  display: block;
  color: #ffffff;
  font-weight: 700;
  font-style: italic;
  width: -webkit-fit-content;
  width: fit-content;
  margin: auto; }

.tiktokEmbed {
  width: 0;
  height: 0;
  background-image: url("/products/mugenyoyo/img/bg_tiktok01.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: auto;
  height: auto;
  margin: 40px auto 0;
  border-radius: 4px; }

.newsItems {
  color: #ffffff;
  padding-bottom: 60px;
  overflow-y: hidden;
  position: relative; }

.newsShowMore {
  position: absolute;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding-top: 410px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%);
  pointer-events: none;
  z-index: 1; }

.newsItem {
  text-align: left;
  width: 0;
  height: 0;
  background-image: url("/products/mugenyoyo/img/bg_news_middle01.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: auto;
  background-repeat: repeat-y;
  position: relative;
  display: table; }
  .newsItem::before {
    width: 0;
    height: 0;
    background-image: url("/products/mugenyoyo/img/bg_news_top01.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: "";
    display: inline-block;
    position: absolute;
    left: 0; }
  .newsItem::after {
    width: 0;
    height: 0;
    background-image: url("/products/mugenyoyo/img/bg_news_bottom01.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: "";
    display: inline-block;
    position: absolute;
    background-size: cover;
    left: 0; }
  .newsItem[data-show="true"] {
    display: block; }
  .newsItem[data-show="false"] {
    display: none; }

.newsItemTit {
  font-style: italic;
  font-weight: 800; }

.newsItemDate {
  display: block;
  font-style: italic;
  text-align: right; }

.newsShowMoreText {
  cursor: pointer;
  display: block; }

.newsShowMoreTextTop {
  cursor: pointer;
  display: block;
  text-align: right;
  margin-left: auto; }

.detailLinkAttention {
  color: #ffffff;
  text-align: left; }
  .detailLinkAttention > span {
    display: block;
    white-space: pre; }

.detailDescription {
  color: #ffffff;
  text-align: justify;
  font-weight: 400; }

.detailAttention {
  color: #ffffff; }

.img_trickListHeader {
  margin: auto;
  display: block; }

.swiper-container {
  width: 100%;
  position: relative; }

.swiper-wrapper {
  display: inline-flex; }

.swiper-wrapper-noswipe {
  display: inline-flex; }

.swiper-button-prev {
  position: absolute;
  left: 40px;
  top: 46%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%); }

.swiper-button-next {
  position: absolute;
  right: 40px;
  top: 46%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%); }

.swiper-button-icon {
  width: 6vw;
  cursor: pointer; }

.js-slide01 .swiper-button-disabled, .js-slide03 .swiper-button-disabled {
  display: none; }

.tiktok-embed {
  border-radius: 8px; }

.modal {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  z-index: 100; }

.modalClose {
  position: absolute;
  right: 5%;
  top: 5%;
  cursor: pointer; }

@media (min-width: 769px) {
  .spOnly {
    display: none; }
    .mainHeader {
      width: 490px;
      height: 56px;
      background-image: url("/products/mugenyoyo/img/bg_header01_pc.png");
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      font-size: 14.6px; }
    .img_pageBg {
      width: 100%;
      height: calc(100vw * 2892 / 1920); }
    .img_kv {
      width: 1920px;
      margin: auto; }
  .img_applicationIco {
    width: 165px;
    margin-right: 20px; }
  .img_tiktokIco {
    width: 88px; }
  .img_downloadIco {
    width: 158px; }
  .img_productYoyo {
    width: 499px; }
  .img_downloadText {
    width: 331px;
    margin: 200px auto 0; }
    .img_downloadArrow {
      width: 81px; }
    .img_newsShowMoreText {
      width: 82px; }
  .img_campfire {
    width: 633px;
    margin: auto; }
  .iframe_small01 {
    -webkit-transform: scale(0.83);
            transform: scale(0.83); }
    .iframe_small02 {
      width: 328px;
      -webkit-transform: scale(0.89);
              transform: scale(0.89); }
    .iframe_small04 {
      -webkit-transform: scale(0.8);
              transform: scale(0.8); }
  .kvWrapper {
    margin-bottom: -180px; }
  .kvInner {
    padding-bottom: 42px; }
    .tiktokText {
      font-size: 18px; }
    .tiktokTextMugen {
      -webkit-transform: translateX(8px) scale(1.4);
              transform: translateX(8px) scale(1.4); }
    .tiktokMovieWrapper {
      width: 454px;
      height: calc(454px * 1040 / 561);
      margin: auto; }
    .mvWrapper {
      width: 420px;
      height: calc(420px * 1020 / 1500);
      margin: auto; }
    .mvWrapper2 {
      width: 600px;
      height: calc(600px * 1020 / 1500);
      margin: auto; }    
    .linkTerm {
      font-size: 15px; }
    .applicationName {
      font-size: 24px; }
    .applicationNameSmall {
      font-size: 17.39px; }
  .productWrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    margin-top: -100px; }
  .productItemsWrapper {
    padding-top: 80px; }
  .productAbout {
    width: 342px; }
    .applicationDownload {
      margin: 36px auto 0;
      width: 400px; }
    .applicationDownloadText {
      font-size: 15px; }
    .applicationDownloadAttention {
      width: 350px;
      margin: 20px auto;
      font-size: 10px; }
  .applicationIco {
    display: flex;
    align-items: center;
    justify-content: center; }
    .applicationApple {
      display: flex;
      text-align: center;
      flex-direction: column;
      align-items: center; }
    .applicationGoogle {
      display: flex;
      text-align: center;
      flex-direction: column;
      align-items: center; }
    .applicationCustomerTitle {
      margin: 30px 0 12px;
      font-size: 18px; }
    .section_caution, .section_trick {
      padding-top: 160px; }
    .cautionText {
      width: 300px;
      margin: 30px auto 0;
      font-size: 15px; }
    .cautionAttentionText {
      width: 300px;
      margin: 30px auto 0;
      font-size: 15px; }
  .cautionImage {
    width: 158px;
    margin: 0 5px; }
    .cautionImageWrapper {
      margin: 17px 0 70px; }
    .cautionHeader {
      font-size: 30px; }
  .cautionSwipeWrapper {
    margin: 72px auto 0;
    width: 700px; }
    .trickSwipeWrapper {
      margin: 22px auto 60px; }
    .maintenanceImage {
      margin: 0 5px; }
  .maintenanceImageWrapper {
    display: flex;
    justify-content: center;
    margin: 40px 0 70px; }
    .productDescription01 {
      font-size: 15px;
      margin: 20px auto 0;
      width: 100%; }
    .ul_productItems {
      min-width: 768px;
      width: 80%;
      margin: 20px auto 82px auto; }
      .li_productItem:nth-child(2n) {
        margin-left: max(138px, 18%); }
    .li_productItem:nth-child(2n+1) {
      margin-right: max(138px, 18%); }
    .productItem {
      width: 0;
      height: 0;
      background-image: url("/products/mugenyoyo/img/bg_top_item01_pc.png");
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      width: 618px;
      height: 325px;
      margin: 0 auto;
      padding: 20px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-direction: inherit; }
    .productItemTit {
      font-size: 30px; }
  .productItemWrapper {
    width: 280px; }
    .productItemDescription {
      font-size: 15px; }
  .productLoopWrapper {
    margin-bottom: 148px; }
    .img_productLoop01 {
      height: 436px; }
    .img_productLoop02 {
      height: 436px; }
    .img_cautionThumbnail {
      display: block;
      height: 100%;
      margin: auto;
      cursor: pointer; }
    .img_trickThumbnail {
      width: 100%;
      margin: auto; }
  .howtoSwiperSecond {
    margin: 40px auto 0 !important; }
    .howtoMovieWrapper {
      height: 585px; }
    .howtoMovieCaption {
      font-size: 30px; }
    .howtoMovieCaptionNegativeMargin {
      margin-top: -38px; }
    .linkTutorial {
      margin: 50px 0 70px;
      font-size: 15px; }
    .trickMovieCaption {
      font-size: 30px; }
    .trickMovieCaptionDifficult {
      font-size: 12px; }
  .trickMovieCaptionStar {
    width: 20px; }
    .trickMovieWrapper {
      height: 585px; }
    .trickSubTitle {
      font-size: 24px; }
    .tiktokEmbed {
      width: 324px; }
  .newsInner {
    width: 500px;
    margin: auto; }
    .newsItem {
      width: 390px;
      padding: 0 30px;
      margin: 116px auto;
      background-size: 390px; }
      .newsItem:first-child {
        margin: 82px auto 116px; }
      .newsItem::before {
        background-size: 390px;
        width: 390px;
        height: 42px;
        top: -42px; }
      .newsItem::after {
        background-size: 390px;
        width: 390px;
        height: 45px;
        bottom: -44px; }
    .newsItemTit {
      margin-top: -14px;
      font-size: 22px; }
    .newsItemDate {
      font-size: 12px;
      margin: 10px 0; }
  .newsItemText {
    font-size: 12pt; }
    .newsShowMoreText {
      margin: -32px auto 0; }
    .newsShowMoreTextTop {
      margin-right: 54px; }
  .section_detail {
    margin-top: 100px; }
  .section_tiktok {
    padding: 88px 0; }
  .img_detailYoyo {
    width: 500px;
    margin-top: -52px; }
  .detailAbout {
    width: 280px; }
  .detailImageWrapper {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    padding-top: 68px; }
    .detailLinkAttention {
      width: 440px;
      margin: -68px auto 0;
      font-size: 14px; }
    .detailDescription {
      font-size: 15px;
      margin: 20px auto 0;
      width: 100%; }
    .detailAttention {
      width: 776px;
      text-align: left;
      margin: 20px auto;
      min-width: 700px;
      font-size: 12px; }
    .img_trickListHeader {
      width: 314px;
      margin-bottom: 42px; }
    .swiper-container {
      max-width: 1000px;
      margin: auto; }
    .swiper-wrapper-noswipe {
      -webkit-transform: none !important;
              transform: none !important; }
  .swiper-slide-small {
    height: 200px; }
    .swiper-button-prev-trick {
      left: 50%;
      -webkit-transform: translate(-390px, -50%);
              transform: translate(-390px, -50%); }
    .swiper-button-next-trick {
      right: 50%;
      -webkit-transform: translate(390px, -50%);
              transform: translate(390px, -50%); }
    .swiper-button-icon {
      width: 24px; }
  .swiper-button-howto {
    display: none; }
  .swiper-button-prev-howto-second {
    top: 46%; }
    .swiper-button-prev-howto-second.swiper-button-prev {
      left: 0; }
    .swiper-button-prev-howto-second.swiper-button-next {
      right: 0; }
  .swiper-slide-trick {
    height: auto;
    opacity: 0.5;
    pointer-events: none;
    width: 250px; }
  .swiper-slide-trick[data-active="true"] {
    opacity: 1;
    cursor: pointer;
    pointer-events: auto; }
  .js-slide02 {
    overflow-x: hidden;
    overflow-y: visible; }
  .section_QandA {
    margin: 120px 0 96px; }
  .img_QandAHeader {
    width: 145.5px; }
  .img_QandALink {
    width: 275px;
    margin-top: 38px; }
  .modalIframe {
    width: 375px;
    height: 600px; } }

@media (max-width: 480px) {
    .infoWin{background:#FFF;width:96%;margin:5vw auto;position:relative;z-index:10;padding:5px;font-size:2.8vw;}
.infoWin h2{font-weight:bold;font-size:3.6vw;margin-bottom:0.7em;}
    
ul.newMvList{width:96%;margin:0 auto;display:flex;flex-wrap: wrap;}
    ul.newMvList li{width:100%;margin: 0% auto -5%;}   
    
.banners{width:96%;margin:0px auto 3%;}
.banners ul{display:flex;flex-wrap: wrap;}
.banners ul li{width:100%;}
.banners ul li .bannerImg{width:80%;margin:0 auto 0;}   
    
    
ul#productList{width:85%;flex-wrap:wrap;margin-top:5%;}
ul#productList li{width:100%; margin:5% 0;padding:5%;box-sizing: border-box;position:relative;}
ul#productList li .new{position:absolute;left:-13px;top:-13px;}
ul#productList li .itemPict{margin-bottom:5%;}
ul#productList li p{text-align:left;}
ul#productList li p.name{font-size:5vw;font-weight:bold;}
ul#productList li dl{border:1px solid #FFF;margin:10px auto;}
ul#productList li dt{width:50%; float:left;padding:5px;}
ul#productList li dd{background:#FFF;color:#000;padding:5px;}
ul#productList li .btnItem{width:100%;position:static;margin:5% auto 0;}
ul#productList li .btnItem img{width:100%;}
    
  .pcOnly {
    display: none; }
    .mainHeader {
      width: 303px;
      height: 56px;
      background-image: url("/products/mugenyoyo/img/bg_header01_sp.png");
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      font-size: 14.6px; }
    .img_pageBg {
      width: 100%;
      height: calc(100vw * 1380 / 375); }
    .img_kv {
      width: 568px; }
  .img_applicationIco {
    width: 60%; }
  .img_tiktokIco {
    width: 14%; }
  .img_downloadIco {
    width: 94%; }
  .img_productHeader {
    width: 100%; }
  .img_productYoyo {
    margin-top: -38%;
    width: 94%; }
  .img_downloadText {
    width: 80%;
    margin: 20% auto 0; }
    .img_downloadArrow {
      width: 20%; }
  .img_productAbout01 {
    width: 100%; }
  .img_newsHeader {
    width: 60%; }
    .img_newsShowMoreText {
      width: 16vw; }
  .img_campfire {
    width: 100%; }
  .iframe_small01 {
    -webkit-transform: scale(0.83);
            transform: scale(0.83); }
  .applicationIco {
    margin-top: -4%; }
  .kvWrapper {
    margin-bottom: -14%; }
    .tiktokText {
      font-size: 3.8vw; }
    .tiktokTextMugen {
      -webkit-transform: translateX(1vw) scale(1.6);
              transform: translateX(1vw) scale(1.6); }
    .tiktokMovieWrapper {
      margin: 0 auto;
      width: 90vw;
      height: calc(90vw * 1040 / 561); }
    .mvWrapper {
      margin: 0 auto;
      width: 84vw;
      height: calc(84vw * 1020 / 1500); }
    .linkTerm {
      font-size: 3.6vw; }
    .applicationName {
      margin-top: -8%;
      font-size: 4.8vw; }
    .applicationNameSmall {
      font-size: 3.2vw; }
    .applicationEnv {
      margin: 8% 0 0 4%; }
    .applicationEnvText {
      font-size: 2vw; }
  .productItemsWrapper {
    padding-top: 4%; }
  .productAbout {
    margin-top: -60px; }
    .applicationDownload {
      margin: 53px auto 0;
      width: 90%; }
    .applicationDownloadText {
      font-size: 3.6vw; }
    .applicationDownloadAttention {
      width: 90%;
      margin: 20px auto;
      font-size: 1.8vw; }
  .applicationCustomer {
    margin-top: 12%; }
    .applicationCustomerTitle {
      font-size: 5vw;
      margin-bottom: 4%; }
    .img_cautionHeader {
      width: 60%;
      margin: auto; }
    .section_caution, .section_trick {
      padding-top: 28%;
      font-size: 3.6vw; }
    .cautionText {
      width: 70%;
      margin: 8% auto 0;
      font-size: 15px; }
    .cautionAttentionText {
      font-size: 4vw;
      width: 70%;
      margin: 4% auto 0; }
  .cautionImage {
    width: 40%;
    margin: 2%; }
    .cautionImageWrapper {
      margin: 4% 0 16%; }
    .cautionHeader {
      font-size: 6.8vw; }
  .cautionSwipeWrapper {
    margin: 10% auto 0; }
    .trickSwipeWrapper {
      margin: 0 auto 10%; }
    .maintenanceImage {
      width: 70%;
      margin: 0 auto 2%; }
  .maintenanceImageWrapper {
    margin: 8% 0 16%; }
    .productDescription01 {
      margin: 20px auto 0;
      width: 76%;
      font-size: 3.4vw; }
    .productItem {
      width: 0;
      height: 0;
      background-image: url("/products/mugenyoyo/img/bg_top_item01_sp.png");
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      width: 81.25vw;
      height: 133.33333vw;
      margin: 0 auto;
      padding: 6vw; }
    .productItemTit {
      font-size: 6.4vw; }
    .productItemDescription {
      font-size: 3.8vw;
      margin-top: 6px; }
    .img_productLoop01 {
      height: 80vw; }
    .img_productLoop02 {
      height: 80vw; }
    .img_cautionThumbnail {
      height: 100%; }
    .img_trickThumbnail {
      width: 100%;
      height: 100%; }
  .howtoSwiperSecond {
    margin: 10% auto 0; }
  .img_howtoHeader {
    width: 100%; }
    .howtoMovieWrapper {
      height: 120vw; }
    .howtoMovieCaption {
      font-size: 7vw; }
    .howtoMovieCaptionNegativeMargin {
      font-size: 7vw; }
    .linkTutorial {
      margin: 10% 0 15%;
      font-size: 3.6vw; }
  .img_trickHeader {
    width: 70%; }
    .trickMovieCaption {
      font-size: 7vw; }
    .trickMovieCaptionDifficult {
      font-size: 3vw; }
  .trickMovieCaptionStar {
    width: 6vw;
    margin: 0 1%; }
    .trickMovieWrapper {
      height: 115vw; }
    .trickSubTitle {
      font-size: 6vw; }
    .tiktokEmbed {
      width: 322px; }
  .section_news {
    padding-top: 14%; }
    .newsItem {
      width: 81.25vw;
      padding: 0 4%;
      margin: 26% auto;
      background-size: 81.25vw; }
      .newsItem:first-child {
        margin: 14% auto 26%; }
      .newsItem::before {
        background-size: 81.25vw;
        width: 81.25vw;
        height: 8.75vw;
        top: -8.75vw; }
      .newsItem::after {
        background-size: 81.25vw;
        width: 81.25vw;
        height: 9.16667vw;
        bottom: -9.16667vw; }
    .newsItemTit {
      margin-top: -3%;
      font-size: 5vw; }
    .newsItemDate {
      font-size: 3vw;
      margin: 3% 0; }
  .newsItemText {
    font-size: 4vw; }
    .newsShowMoreText {
      margin: -10% auto 0; }
    .newsShowMoreTextTop {
      margin-right: 10%; }
  .section_detail {
    margin-top: 8%; }
  .section_tiktok {
    padding: 4% 0; }
  .img_detailYoyo {
    width: 100%;
    margin-top: -30px; }
  .detailAbout {
    margin-top: -60px; }
  .detailImageWrapper {
    padding-top: 14%; }
    .detailLinkAttention {
      width: 86%;
      margin: -20% auto 0;
      font-size: 3vw; }
    .detailDescription {
      margin: 20px auto 0;
      width: 70%;
      font-size: 3.8vw; }
    .detailAttention {
      width: 90%;
      text-align: left;
      margin: 20px auto 0;
      font-size: 1.8vw; }
    .img_trickListHeader {
      width: 100%;
      margin-bottom: 10%; }
  .swiper-slide-small {
    height: 120vw; }
  .swiper-slide-prev, .swiper-slide-next {
    opacity: 0.5; }
  .swiper-button-prev-howto-second {
    top: 42%; }
  .section_QandA {
    margin: 14% 0 6%; }
  .img_QandAHeader {
    width: 40%; }
  .img_QandALink {
    width: 80%;
    margin-top: 10%; }
  .modalIframe {
    width: 90%;
    height: 80%; } }

@media (min-width: 481px) and (max-width: 768px) {

    .mainHeader {
      width: 303px;
      height: 56px;
      background-image: url("/products/mugenyoyo/img/bg_header01_sp.png");
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      font-size: 14.6px; }
    .img_pageBg {
      width: 100%;
      height: calc(100vw * 2892 / 1920); }
    .img_kv {
      width: 768px; }
  .img_applicationIco {
    width: 20%;
    margin-right: 20px; }
  .img_tiktokIco {
    width: 12%; }
  .img_downloadIco {
    width: 90%; }
  .img_productHeader {
    width: 80%; }
  .img_productYoyo {
    width: 50%; }
  .img_downloadText {
    width: 50%;
    margin: 10% auto 0; }
    .img_downloadArrow {
      width: 10%; }
  .img_productAbout01 {
    width: 50%; }
  .img_newsHeader {
    width: 38%; }
    .img_newsShowMoreText {
      width: 10vw; }
  .img_campfire {
    width: 100%;
    margin: auto; }
  .iframe_small01 {
    -webkit-transform: scale(0.83);
            transform: scale(0.83); }
  .kvWrapper {
    margin-bottom: -10%; }
  .kvInner {
    padding-bottom: 22px; }
    .tiktokText {
      font-size: 2.6vw; }
    .tiktokTextMugen {
      -webkit-transform: translateX(1vw) scale(1.6);
              transform: translateX(1vw) scale(1.6); }
    .tiktokMovieWrapper {
      margin: 0 auto 26px;
      width: 40vw;
      height: calc(40vw * 1040 / 561); }
    .mvWrapper {
      margin: 0 auto 26px;
      width: 40vw;
      height: calc(40vw * 1020 / 1500); }
    .linkTerm {
      font-size: 2.4vw; }
    .applicationName {
      font-size: 4vw; }
    .applicationNameSmall {
      font-size: 2.8vw; }
  .productWrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    margin-top: -80px; }
  .productItemsWrapper {
    padding-top: 40px; }
  .productAbout {
    margin-right: -14%; }
    .applicationDownload {
      margin: 45px auto 0;
      width: 58%; }
    .applicationDownloadText {
      font-size: 2vw; }
    .applicationDownloadAttention {
      width: 350px;
      margin: 20px auto;
      font-size: 10px; }
  .applicationIco {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center; }
    .applicationCustomerTitle {
      font-size: 3vw;
      margin: 4% 0 2%; }
    .section_caution, .section_trick {
      padding-top: 10%; }
    .cautionText {
      width: 70%;
      margin: 4% auto 0;
      font-size: 2vw; }
    .cautionAttentionText {
      font-size: 2vw;
      width: 70%;
      margin: 4% auto 0; }
  .cautionImage {
    width: 18%;
    margin: 0 1%; }
    .cautionImageWrapper {
      margin: 4% 0 8%; }
    .cautionHeader {
      font-size: 4vw; }
  .cautionSwipeWrapper {
    width: 100%; }
    .trickSwipeWrapper {
      width: 100%;
      margin: 0 auto 10%; }
    .maintenanceImage {
      width: 40%;
      margin: 0 2%; }
  .maintenanceImageWrapper {
    display: flex;
    justify-content: center;
    margin: 5% 0 8%; }
    .productDescription01 {
      margin: 18px auto 0;
      width: 58%; }
    .ul_productItems {
      margin: 20px 0 82px 0; }
    .productItem {
      width: 0;
      height: 0;
      background-image: url("/products/mugenyoyo/img/bg_top_item01_pc.png");
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      width: 80vw;
      height: calc(80vw * 0.525);
      margin: 0 auto;
      padding: 4%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-direction: inherit; }
    .productItemTit {
      font-size: 4vw; }
  .productItemWrapper {
    padding-top: 40px;
    width: 50%; }
    .productItemDescription {
      font-size: 2vw;
      margin-top: 12px; }
  .productLoopWrapper {
    margin-bottom: 74px; }
    .img_productLoop01 {
      height: 54.79167vw; }
    .img_productLoop02 {
      height: 54.79167vw; }
    .img_cautionThumbnail {
      display: block;
      height: 100%;
      margin: auto; }
    .img_trickThumbnail {
      height: 100%;
      margin: auto; }
  .img_howtoHeader {
    width: 52%;
    margin-bottom: 20px; }
    .howtoMovieWrapper {
      height: 80%; }
    .howtoMovieCaption {
      font-size: 3vw; }
    .howtoMovieCaptionNegativeMargin {
      font-size: 3vw; }
    .linkTutorial {
      margin: 5% 0 8%;
      font-size: 2.4vw; }
  .img_trickHeader {
    width: 50%; }
  .img_trickHeader {
    width: 30%;
    margin-bottom: 20px; }
    .trickMovieCaption {
      font-size: 3.6vw; }
    .trickMovieCaptionDifficult {
      font-size: 1vw; }
  .trickMovieCaptionStar {
    width: 3vw;
    margin: 0 1%; }
    .trickMovieWrapper {
      height: 80%; }
    .trickSubTitle {
      font-size: 5vw; }
    .tiktokEmbed {
      width: 320px; }
    .newsItem {
      width: 60.83333vw;
      padding: 0 4%;
      margin: 16% auto;
      background-size: 60.83333vw; }
      .newsItem:first-child {
        margin: 8% auto 16%; }
      .newsItem::before {
        background-size: 60.83333vw;
        width: 60.83333vw;
        height: 6.66667vw;
        top: -6.45833vw; }
      .newsItem::after {
        background-size: 60.83333vw;
        width: 60.83333vw;
        height: 6.66667vw;
        bottom: -6.66667vw; }
    .newsItemTit {
      margin-top: -3%;
      font-size: 3.4vw; }
    .newsItemDate {
      font-size: 2vw;
      margin: 3% 0; }
  .newsItemText {
    font-size: 2.6vw; }
    .newsShowMoreText {
      margin: -2% auto 0; }
    .newsShowMoreTextTop {
      margin-right: 20%; }
  .section_tiktok {
    padding: 88px 0; }
  .img_detailYoyo {
    width: 60%; }
  .detailAbout {
    margin-top: -14%; }
  .detailImageWrapper {
    padding-top: 34px; }
    .detailLinkAttention {
      width: 50%;
      margin: -34px auto 0;
      font-size: 14px; }
    .detailDescription {
      margin: 18px auto 0;
      width: 350px;
      font-size: 16px; }
    .detailAttention {
      width: 350px;
      text-align: left;
      margin: 20px auto;
      font-size: 10px; }
    .img_trickListHeader {
      width: 50%;
      margin-bottom: 10%; }
  .swiper-slide-small {
    height: 60vw; }
    .swiper-button-prev {
      left: 10px; }
    .swiper-button-prev-trick {
      left: 50%;
      -webkit-transform: translate(-162px, -50%);
              transform: translate(-162px, -50%); }
    .swiper-button-next {
      right: 10px; }
    .swiper-button-next-trick {
      right: 50%;
      -webkit-transform: translate(162px, -50%);
              transform: translate(162px, -50%); }
    .swiper-button-icon {
      width: 3vw; }
  .swiper-button-howto {
    display: none; }
  .swiper-slide {
    height: 60vw; }
  .section_QandA {
    margin: 4% 0 10%; }
  .img_QandAHeader {
    width: 24%; }
  .img_QandALink {
    width: 40%;
    margin-top: 10%; }
  .modalIframe {
    width: 60%;
    height: 80%; } }