@charset "UTF-8";
/*PC設定*/
@media screen and (min-width: 668px) {
  /*--------------------------------------------------------------*/
  /*スマホの設定を削除*/
  .pc {
    display: block;
  }
  .sp {
    display: none;
  }
  a:hover {
    opacity: 0.7;
  }
  /*タカラトミーレギュレーション <h1> <p>テキスト*/
  .head {
    background: #5c3b83;
    padding: 6px 12px 4px;
    text-align: center;
    color: #FFF;
  }
  .head h1, .head P {
    display: inline;
    margin: 0;
    padding: 0;
  }
  /*ゾンビ〜くん*/
  #zombiekun_wrapper {
    position: relative;
    width: 100%;
    height: auto;
    background: #a3d80f url("../../_image/bg_y.png") repeat center top /980px auto;
    margin: 0 auto;
  }
  /*キービジュアル*/
  .img1 {
    position: relative;
    width: 100%;
    height: auto;
    background:none;
    margin: 0 auto;
    z-index: 1;
  }
  /*キービジュアル バナー*/
  .bnr a {
    display: block;
    width: 632px;
    height: 223px;
    background: url("../../_image/bnr3C.png") no-repeat center top /100% auto;
    margin: 0 auto;
  }
  /*カラー背景 紫 商品動画*/
  .bg_p {
    position: relative;
    height: 900px; /*内容の大きさ+100px(594px)*/
    background: url("../../_image/bg_p.png") repeat center top /980px auto;
    margin-top: 160px;
    z-index: 2;
  }
  /*youtubeレイアウト*/
  .imgMov {
    position: relative;
    width: 840px;
    height: 780px;
    margin: 0 auto;
    padding-top: 144px;
  }
  /*ロゴ*/
  .logo {
    position: absolute;
    width: 850px;
    height: 280px;
    margin: 0 auto;
    top: -150px;
    left: 0;
  }
  /*--------------------------------------------------------------*/
  /*カラー背景 緑 ちょ〜ないゾーフィギュア*/
  .bg_g {
    position: relative;
    background: url("../../_image/bg_g.png") repeat center top /980px auto;
    height: 770px; /*内容の大きさ+100px*/
    margin-top: -40px; /*上のエリアに被る分※必須+固定*/
    z-index: 3;
  }
  /*ちょ〜ないゾーフィギュア*/
  .img2 {
    position: absolute;
    width: 980px;
    height: 650px;
    background: url("../../_image/img_02.png") no-repeat center top /100% auto;
    margin-left: -490px;
    top: -100px; /*内容によって変更*/
    left: 50%;
  }
  /*ちょ〜ないゾーフィギュアボタン*/
  .btn2 {
    position: absolute;
    display: block;
    width: 332px;
    height: 88px;
    background: url("../../_image/btn_yoyaku.png") no-repeat center top /100% auto;
    top: 580px;
    left: 94px;
    text-indent: -9999999px;
  }
  /*--------------------------------------------------------------*/
  /*カラー背景 紫2 バラバラセット*/
  .bg_p2 {
    position: relative;
    height: 1220px; /*内容の大きさ+100px*/
    background: url("../../_image/bg_p.png") repeat center top /980px auto;
    margin-top: -40px; /*上のエリアに被る分※必須+固定*/
    z-index: 4;
  }
  /*バラバラセット*/
  .img3 {
    position: absolute;
    width: 980px;
    height: 1200px;
    background: url("../../_image/img_03.png") no-repeat center top /100% auto;
    margin: 0 0 0 -490px;
    top: -164px;
    left: 50%;
  }
  .img3_sp {
    position: relative;
    width: 100%;
    height: auto;
    background: none;
    padding: 0;
  }
  /*バラバラセット ボタン*/
  .btn3 {
    width: 100%;
    margin: 0 auto 0;
    padding: 920px 0 0 0;
    text-align: center;
    font-size: 0;
  }
  .btn3 li {
    display: inline-block;
    width: 180px;
    margin: 0 8px;
    height: auto;
    font-size: 0;
  }
  .btn3 li a {
    display: block;
    width: 100%;
    height: auto;
    background: none;
  }
  /*--------------------------------------------------------------*/
  /*カラー背景 緑2 飛びたすヘッド*/
  .bg_g2 {
    position: relative;
    background: url("../../_image/bg_g.png") repeat center top /980px auto;
    height: 808px; /*内容の大きさ+100px*/
    margin-top: -40px; /*上のエリアに被る分※必須+固定*/
    z-index: 5;
  }
  /*飛びたすヘッド*/
  .img4 {
    position: absolute;
    width: 980px;
    height: 824px;
    background: url("../../_image/img_04.png") no-repeat center top /100% auto;
    margin: 0 0 0 -490px;
    top: -180px;
    left: 50%;
  }
  /*PC用ボタン*/
  .btn4 {
    position: absolute;
    display: block;
    width: 332px;
    height: 88px;
    background: url("../../_image/btn_yoyaku.png") no-repeat center top /100% auto;
    margin-left: -166px;
    top: 700px;
    left: 50%;
    text-indent: -9999999px;
    z-index: 5;
  }
  /*--------------------------------------------------------------*/
  /*カラー背景 紫3 シール*/
  .bg_p3 {
    position: relative;
    background: url("../../_image/bg_p2.png") repeat center top /980px auto;
    height: 759px; /*内容の大きさ+100px*/
    margin-top: -44px; /*上のエリアに被る分※必須+固定*/
    z-index: 6;
  }
  /*ステッカー*/
  .img5 {
    position: absolute;
    width: 980px;
    height: 744px;
    background: url("../../_image/img_05.png") no-repeat center top /100% auto;
    margin: 0 0 0 -490px;
    top: -152px;
    left: 50%;
  }
  /*PC用ボタン*/
  .btn5 {
    position: absolute;
    display: block;
    width: 332px;
    height: 88px;
    background: url("../../_image/btn_yoyaku.png") no-repeat center top /100% auto;
    margin-left: -166px;
    top: 740px;
    left: 50%;
    text-indent: -9999999px;
    z-index: 5;
  }
  /*--------------------------------------------------------------*/
  /*下層コンテンツ背景*/
  .imgBox {
    position: relative;
    width: 100%;
    height: auto;
    background: #a3d80f url("../../_image/bg.png") repeat center top /980px auto;
    margin: -80px auto 0;
    padding: 100px 0 0 0;
    z-index: 4;
  }
  /*ちょ〜ドーガ*/
  .doga {
    position: relative;
    display: block;
    width: 729px;
    height: 77px;
    background: url("../../_image/img_doga.png") no-repeat center top /100% auto;
    margin: 0 auto;
    top: auto;
    left: auto;
    text-indent: -9999999px;
  }
  /*ちょ〜ドーガテキスト*/
  .dogaTxt {
    position: relative;
    display: block;
    width: 577px;
    height: 160px;
    background: url("../../_image/img_dogaTxt.png") no-repeat center top /100% auto;
    margin: 0 auto;
    top: auto;
    left: auto;
    text-indent: -9999999px;
  }
  /*ちょ〜コミックス*/
  .comic {
    position: relative;
    display: block;
    width: 729px;
    height: 77px;
    background: url("../../_image/img_comic.png") no-repeat center top /100% auto;
    margin: 48px auto 0;
    top: auto;
    left: auto;
    text-indent: -9999999px;
  }
  .btn_comic {
    position: relative;
    display: block;
    width: 763px;
    height: 500px;
    background: url("../../_image/img_comic_01.png") no-repeat center top /94% auto;
    margin: 0 auto 0;
    top: auto;
    left: auto;
    text-indent: -9999999px;
  }
  /*ちょ〜店舗情報*/
  .shop {
    position: relative;
    display: block;
    width: 729px;
    height: 77px;
    background: url("../../_image/img_shop.png") no-repeat center top /100% auto;
    margin: 0 auto;
    top: auto;
    left: auto;
    text-indent: -9999999px;
  }
  .btn_shop {
    position: relative;
    display: block;
    width: 332px;
    height: 88px;
    background: url("../../_image/btn_shop.png") no-repeat center top /100% auto;
    margin: 24px auto 48px;
    top: auto;
    left: auto;
    text-indent: -9999999px;
  }
  /*フッター*/
  .fcpy {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    background: url("../../_image/footerBG.png") repeat center top /100% auto;
    font-size: 13px;
    color: #FFF;
    text-align: center;
    padding: 58px 8px 8px;
    margin: 0 auto 0;
    top: auto;
    left: auto;
    box-sizing: border-box
  }
  /*youtubeレイアウト*/
  ul.yt {
    margin: 0 auto;
    padding: 0;
    font-size: 0;
    text-align: center;
  }
  ul.yt li {
    position: relative;
    display: inline-block;
    width: 320px;
    padding: 0;
    margin: 28px auto 0;
    font-size: 0;
  }
  /*外部バナー*/
  .bn {
    width: 705px;
    margin: 24px auto 0;
    padding: 0;
    text-align: center;
    font-size: 0;
  }
  .bn li {
    display: inline-block;
    font-size: 0;
    margin: 4px;
  }
  .koro {
    position: relative;
    display: block;
    width: 771px;
    height: 195px;
    background: url("../../_image/koro.png") repeat center top /100% auto;
    margin: 0 auto;
  }
  /*戻る*/
  a.back {
    display: block;
    width: 216px;
    height: 83px;
    background: url("../../_image/back.png") no-repeat center top /70% auto;
    margin: 0 auto 0;
    text-indent: -9999999px;
  }
  
  .slider li {
    width: 200px;
    margin: 12px;
  }
  /*--------------------------------------------------------------*/
}
/*--------------------------------------------------------------*/
/*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;
}