@charset "UTF-8";

/*タカラトミーレギュレーション <h1> <p>テキスト*/
.head {
  background: #028cd1;
  padding: 6px 12px 4px;
  text-align: center;
  color: #FFF;
}
.head h1, .head P {
  display: inline;
  margin: 0;
  padding: 0;
}


#gstream_wrapper {
  width: 100%;
  background-image: url(../../_img/wak_bg.png), url("../../_img/cmn_wrapper_bg.png");
  background-repeat: no-repeat;
  background-position: center top, center top -100px;
  background-size: 90% auto,100% auto;
}
/*キービジュアル*/
#gstream_wrapper.wakuwaku .keyvisual {
  width: 960px;
  height: 926px;
  margin: 0 auto;
  background: url(../../_img/wak_top.png) no-repeat center bottom /100% auto;

}
#gstream_wrapper.wakuwaku span {
  display: block;
  width: 960px;
  margin: 0 auto;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d4ebf7+0,028cd1+100 */
  background: #d4ebf7; /* Old browsers */
  background: -moz-linear-gradient(top, #d4ebf7 0%, #028cd1 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #d4ebf7 0%, #028cd1 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #d4ebf7 0%, #028cd1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d4ebf7', endColorstr='#028cd1', GradientType=0); /* IE6-9 */
}
#gstream_wrapper.wakuwaku span em {
  position: relative;
  display: block;
  background: url(../../_img/wak_cnt.png) repeat center top /100% auto;
  padding: 90px 0 0 0;
}
#gstream_wrapper.wakuwaku .btm {
  display: block;
  width: 960px;
  height: 100px;
  margin: 0 auto;
  background: url(../../_img/wak_btm.png) no-repeat center top /100% auto;
}
#gstream_wrapper.wakuwaku .ttl1 {
  position: absolute;
  width: 865px;
  height: 155px;
  background: url("../../_img/wak_1_ttl.png") no-repeat center top /100% auto;
  margin-left: -432px;
  top: -64px;
  left: 50%;
  text-indent: -999999px;
}
#gstream_wrapper.wakuwaku .ttl2 {
  width: 865px;
  height: 155px;
  background: url("../../_img/wak_2_ttl.png") no-repeat center top /100% auto;
  margin: 36px auto 0;
  text-indent: -999999px;
}
#gstream_wrapper.wakuwaku .ttl3 {
  width: 865px;
  height: 155px;
  background: url("../../_img/wak_3_ttl.png") no-repeat center top /100% auto;
  margin: 36px auto 0;
  text-indent: -999999px;
}
#gstream_wrapper.wakuwaku span em ul {
  width: 771px;
  margin: 0 auto;
  padding: 0;
  font-size: 0;
}
#gstream_wrapper.wakuwaku span em ul li {
  display: inline-block;
  width: 247px;
  margin: 0 5px;
  padding: 0;
  font-size: 0;
  box-sizing: border-box;
}
.mvBox {
  width: 818px;
  height: 518px;
  margin: 0 auto 24px;
  background: url("../../_img/wak_youtubeBG.png") no-repeat center top /100% auto;
  padding: 76px 0 0;
  box-sizing: border-box;
}
@media screen and (max-width: 667px) {
    .head {
    font-size: 12px;
  }
 /*キービジュアル*/
#gstream_wrapper.wakuwaku .keyvisual {
  width: 100%;
  height: auto;
  margin: 0 auto;
  background: url(../../_img/wak_topSP.png) no-repeat center bottom /100% auto;
 padding-bottom: calc(20/750*100%);
}
#gstream_wrapper.wakuwaku span {
  display: block;
  width: 100%;
  margin: 0 auto;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d4ebf7+0,028cd1+100 */
  background: #d4ebf7; /* Old browsers */
  background: -moz-linear-gradient(top, #d4ebf7 0%, #028cd1 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #d4ebf7 0%, #028cd1 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #d4ebf7 0%, #028cd1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d4ebf7', endColorstr='#028cd1', GradientType=0); /* IE6-9 */
}
#gstream_wrapper.wakuwaku span em {
  position: relative;
  display: block;
  background: url(../../_img/wak_cntSP.png) repeat center top /100% auto;
  padding: 90px 0 0 0;
}
#gstream_wrapper.wakuwaku .btm {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
  background: url(../../_img/wak_btmSP.png) no-repeat center top /100% auto;
 padding-bottom: calc(140/750*100%);

}
#gstream_wrapper.wakuwaku .ttl1 {
  position: absolute;
  width: 100%;
  height: auto;
  background: url("../../_img/wak_1_ttlSP.png") no-repeat center top /100% auto;
  margin-left: -50%;
   padding-bottom: calc(130/750*100%);

  top: -12px;
  left: 50%;
  text-indent: -999999px;
}
#gstream_wrapper.wakuwaku .ttl2 {
 width: 100%;
  height: auto;
  background: url("../../_img/wak_2_ttlSP.png") no-repeat center top /100% auto;
  margin: 36px auto 0;
  padding-bottom: calc(190/750*100%);
  text-indent: -999999px;
}
#gstream_wrapper.wakuwaku .ttl3 {
 width: 100%;
  height: auto;
  background: url("../../_img/wak_3_ttlSP.png") no-repeat center top /100% auto;
  margin: 36px auto 0;
  padding-bottom: calc(190/750*100%);
  text-indent: -999999px;
}
#gstream_wrapper.wakuwaku span em ul {
  width: 90%;
  margin: 0 auto;
  padding: 0;
  font-size: 0;
}
#gstream_wrapper.wakuwaku span em ul li {
  display: inline-block;
  width: 48%;
  margin: 0 1%;
  padding: 0;
  font-size: 0;
  box-sizing: border-box;
}
.mvBox {
  width: 96%;
  height: auto;
  margin: -12px auto 12px;
  background: url("../../_img/wak_youtubeBG.png") no-repeat center top /100% auto;
  padding: 40px 0;
  box-sizing: border-box;
}
  /*--------------------------------------------------------------*/
}