@charset "UTF-8";
/* CSS Document */
/* 基本情報 */
@keyframes bodyFadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@-webkit-keyframes bodyFadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
img {
  max-width: 100%;
  height: auto;
}
body {
  animation: bodyFadeIn 2s ease 0s 1 normal;
  -webkit-animation: bodyFadeIn 2s ease 0s 1 normal;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  display: block;
  width: 100%;
  background: #000;
  z-index: -1;
}
a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: “alpha(opacity=80)”;
}
.fadein {
  opacity: 0;
  transform: translate(0, 50px);
  transition: all 300ms;
}
.fadein.scrollin {
  opacity: 1;
  transform: translate(0, 0);
}
/*共通設定--------------------------------------------------------*/
/*タカラトミーモールの設定をリセット*/
#contents {
  width: 100%;
  padding: 0;
    background:#080808;
}
/*--------------------------------------------------------------*/
/*YOUTUBE*/
#youtube {
  position: relative;
  width: 84%;
  height: auto;
  margin: 0 auto;
  padding-top: 45%;
  box-shadow: 0px 0px 5px 0 #000;
}
#youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
/*--------------------------------------------------------------*/
/*YOUTUBE*/
.splayer dd #youtube {
  width: 94%;
  padding-top: 55%;
  margin: 0;
}

/* 文字関係 */
p {
  width: 96%;
  margin: 0 auto;
  font-size: 13px;
  line-height: 1.6;
}
/*--------------------------------------------------------------*/
/*PCスマホ間の表示・非表示*/
.pc {
  display: block;
}
.sp {
  display: none;
}
@media screen and (max-width: 667px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  /*--------------------------------------------------------------*/
}