@charset "UTF-8";
/* リセット*/
html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-size: 100%;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
article, header, footer, aside, figure, figcaption, nav, section {
  display: block;
}
ol, ul {
  list-style: none;
  list-style-type: none;
}
a {
  color: #FFF;
  text-decoration: none;
}
a:hover {
  color: #FFFF00;
}
/*------------------------------------------------------------*/
@keyframes bodyFadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@-webkit-keyframes bodyFadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
/*------------------------------------------------------------*/
img {
  max-width: 100%;
  height: auto;
}
a:hover img, a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: “alpha(opacity=80)”;
}
/*グローバルナビゲーションのロゴはホバー無効*/
#wrapper_mazica nav#mazicaMenu h1 a:hover img {
  opacity: 1;
}
.fadein {
  opacity: 0;
  transform: translate(0, 50px);
  transition: all 300ms;
}
.fadein.scrollin {
  opacity: 1;
  transform: translate(0, 0);
}
/*共通設定--------------------------------------------------------*/
/*タカラトミーモールの設定をリセット*/
#contents {
  width: 100%;
  padding: 0;
  background: #000;
}
/*------------------------------------------------------------*/
/*SEOテキスト*/
/*------------------------------------------------------------*/
.topTxt {
  background: #161616;
  padding: 3px 0 2px;
  text-align: center;
  font-size: 13px;
  line-height: 1.4;
  color: #FFF;
}
.topTxt h1.title01 {
  position: relative;
  display: inline;
  width: auto;
  height: auto;
}
.topTxt p.text01 {
  display: inline;
  width: auto;
  height: auto;
}
/*--------------------------------------------------------------*/
/*YOUTUBE*/
.youtube {
  position: relative;
  width: 100%;
  background: #000;
  padding-bottom: calc(100%* 340/560);
  box-sizing: border-box;
}
.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;
}
/*------------------------------------------------------------*/
/*slick.js補足*/
.slick-slide img {
  display: inline;
}
/*--------------------------------------------------------------*/
/*PCスマホ間の表示・非表示*/
.pc {
  display: block;
}
.sp {
  display: none;
}
@media screen and (max-width: 667px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  /*--------------------------------------------------------------*/
}