@charset "UTF-8";
@media screen and (max-width: 767px) {
  /*-----------------------------------------------------------------*/
  /*スマホ用 767px以下の場合*/
  /*-----------------------------------------------------------------*/
  /*トップページレイアウト グラデーション背景*/
  .padmm .content {
    position: relative;
    width: 96%;
    margin: 12% auto 12%;
    background: rgb(13, 21, 68);
    background: -moz-linear-gradient(top, rgba(13, 21, 68, 1) 0%, rgba(30, 40, 101, 1) 15%, rgba(13, 21, 68, 1) 50%, rgba(30, 40, 101, 1) 85%, rgba(13, 21, 68, 1) 100%, rgba(30, 40, 101, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(13, 21, 68, 1) 0%, rgba(30, 40, 101, 1) 15%, rgba(13, 21, 68, 1) 50%, rgba(30, 40, 101, 1) 85%, rgba(13, 21, 68, 1) 100%, rgba(30, 40, 101, 1) 100%);
    background: linear-gradient(to bottom, rgba(13, 21, 68, 1) 0%, rgba(30, 40, 101, 1) 15%, rgba(13, 21, 68, 1) 50%, rgba(30, 40, 101, 1) 85%, rgba(13, 21, 68, 1) 100%, rgba(30, 40, 101, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0d1544', endColorstr='#1e2865', GradientType=0);
  }
  /*下層ページレイアウト グラデーション背景*/
  #lower .padmm .content {
    margin: 15% auto 14%;
  }
  /*上のパーツ*/
  .padmm .content:before {
    content: "";
    position: absolute;
    display: block;
    width: 104.4%;
    padding: 12% 0 0 0;
    margin: 0 auto;
    background: url(_image/contentsTop.png) no-repeat;
    background-size: 100% auto;
    top: -16px;
    left: -2.2%;
  }
  /*下のパーツ*/
  .padmm .content:after {
    content: "";
    position: absolute;
    display: block;
    width: 104.4%;
    padding: 12% 0 0 0;
    margin: 0 auto;
    background: url(_image/contentsBtm.png) no-repeat;
    background-size: 100% auto;
    bottom: -34px;
    left: -2.2%;
  }
  /*中の繰り返し*/
  .padmm .content .inner {
    background: url(_image/contentsCnt.png) repeat-y;
    background-size: 100% auto;
    padding: 8% 0 0;
    color: #FFF;
  }
  /*-----------------------------------------------------------------*/
  /*スライダー*/
  .padmm .slide {
    width: 94%;
    margin: 0 auto;
    padding: 0 0 5%;
  }
  /*-----------------------------------------------------------------*/
  /*スライダー*/
  .padmm .slide {
    width: 94%;
    background: url(_image/topBnnerBGSP.png) no-repeat;
    background-size: 100% 100%;
    margin: 0 auto 18px;
    padding: 12px 4px 6px;
  }
  /*レイアウト2 グラデーション背景*/
  .padmm section {
    width: 94%;
    margin: 0 auto;
  }
  /*グラデーション*/
  .padmm section .inner2 {
    position: relative;
    background: rgb(13, 21, 68);
    background: -moz-linear-gradient(top, rgba(13, 21, 68, 1) 0%, rgba(30, 40, 101, 1) 15%, rgba(13, 21, 68, 1) 50%, rgba(30, 40, 101, 1) 85%, rgba(13, 21, 68, 1) 100%, rgba(30, 40, 101, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(13, 21, 68, 1) 0%, rgba(30, 40, 101, 1) 15%, rgba(13, 21, 68, 1) 50%, rgba(30, 40, 101, 1) 85%, rgba(13, 21, 68, 1) 100%, rgba(30, 40, 101, 1) 100%);
    background: linear-gradient(to bottom, rgba(13, 21, 68, 1) 0%, rgba(30, 40, 101, 1) 15%, rgba(13, 21, 68, 1) 50%, rgba(30, 40, 101, 1) 85%, rgba(13, 21, 68, 1) 100%, rgba(30, 40, 101, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0d1544', endColorstr='#1e2865', GradientType=0);
  }
  /*レイアウト2*/
  .padmm article {
    background: url(_image/setcionCntSP.png) repeat-y;
    background-size: 100% auto;
    color: #FFF;
    margin: 0 auto;
  }
  /*レイアウト2 下のパーツ*/
  .padmm .end {
    padding: 8% 0 0 0;
    margin: 0 auto;
    background: url(_image/setcionBtmSP.png) no-repeat center top;
    background-size: 100% auto;
  }
  /*Youtubeレイアウト*/
  .padmm .yt {
    padding: 8px 0;
  }
   p.info2 {
    position: relative;
    width: 96%;
    margin: 3% auto 12%;
    padding: 12px 10px 24px;
    font-size: 13px;
    line-height: 1.8;
    color: #FFF;
    text-shadow: 1px 1px 1px #186f91, -1px 1px 1px #186f91, 1px -1px 1px #186f91, -1px -1px 1px #186f91;
    z-index: 100;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,00397f+20,00397f+81,ffffff+100&0+0,0.3+21,0.3+80,0+100 */
    background: -moz-linear-gradient(left, rgba(0, 57, 127, 0) 0%, rgba(0, 57, 127, 0.29) 10%, rgba(0, 57, 127, 0.3) 10%, rgba(0, 57, 127, 0.3) 90%, rgba(0, 57, 127, 0.28) 90%, rgba, 57, 127, 0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0, 57, 127, 0) 0%, rgba(0, 57, 127, 0.29) 10%, rgba(0, 57, 127, 0.3) 10%, rgba(0, 57, 127, 0.3) 90%, rgba(0, 57, 127, 0.28) 90%, rgba(0, 57, 127, 0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0, 57, 127, 0) 0%, rgba(0, 57, 127, 0.29) 10%, rgba(0, 57, 127, 0.3) 10%, rgba(0, 57, 127, 0.3) 90%, rgba(0, 57, 127, 0.28) 90%, rgba(0, 57, 127, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1); /* IE6-9 */
     box-sizing: border-box;
  }
  p.info2 em {
    display: block;
    width: 100%;
    height: 53px;
    margin: 0 auto;
    padding: 0;
    background: url("_image/ttl_info_sp.png") no-repeat center top;
    background-size: 100% auto;
  }
  p.info2 strong {
    font-size: 15px;
    color: #FCFF00;
  }
  /*----------------------------------------------------------------*/
  /*各ページタイトル*/
  .padmm h2 {
    position: absolute;
    width: 200px;
    height: 60px;
    margin: 0 0 0 -100px;
    top: -40px;
    left: 50%;
    font-size: 0;
    text-indent: -99999px;
  }
  /*更新情報*/
  .padmm .whatsNew h2 {
    background: url(_image/ttl_whatsnew.png) no-repeat;
    background-size: 100% auto;
    padding: 5% 0 0 0;
  }
  /*商品情報*/
  .padmm .products h2 {
    background: url(_image/ttl_products.png) no-repeat;
    background-size: 100% auto;
  }
  /*イベントキャンペーン*/
  .padmm .event h2 {
    background: url(_image/ttl_event.png) no-repeat;
    background-size: 100% auto;
  }
  /*----------------------------------------------------------------*/
  /*更新情報*/
  .padmm h3.news {
    width: 100%;
    margin: 0 auto;
    background: url(_image/ttl_newsSP.png) no-repeat top right;
    background-size: 99.5% auto;
    padding: 10% 0 0 0;
    font-size: 0;
    text-indent: -99999px;
  }
  /*動画紹介*/
  .padmm h3.movie {
    width: 100%;
    background: url(_image/ttl_movieSP.png) no-repeat top right;
    background-size: 99.5% auto;
    margin: 0 auto;
    padding: 10% 0 0 0;
    font-size: 0;
    text-indent: -99999px;
  }
  /*商品情報*/
  .padmm h3.products1 {
    background: url(_image/ttl_products1SP.png) no-repeat top right;
    background-size: 99.5% auto;
    margin: 0 auto;
    padding: 10% 0 0 0;
    font-size: 0;
    text-indent: -99999px;
  }
  /*メモリーの読み込み*/
  .padmm h3.products2 {
    background: url(_image/ttl_products2SP.png) no-repeat top right;
    background-size: 99.5% auto;
    margin: 0 auto;
    padding: 10% 0 0 0;
    font-size: 0;
    text-indent: -99999px;
  }
  /*第1弾 収録メモリー*/
  .padmm h3.products3 {
    background: url(_image/ttl_products3SP.png) no-repeat top right;
    background-size: 99.5% auto;
    margin: 0 auto;
    padding: 10% 0 0 0;
    font-size: 0;
    text-indent: -99999px;
  }
  /*第2弾 収録メモリー*/
  .padmm h3.products3_2 {
    background: url(_image/ttl_products4SP.png) no-repeat top right;
    background-size: 99.5% auto;
    margin: 0 auto;
    padding: 10% 0 0 0;
    font-size: 0;
    text-indent: -99999px;
  }
  /*商品一覧*/
  .padmm h3.products4 {
    background: url(_image/ttl_lineupSP.png) no-repeat top right;
    background-size: 99.5% auto;
    margin: 0 auto;
    padding: 10% 0 0 0;
    font-size: 0;
    text-indent: -99999px;
  }
  /*商品一覧*/
  .padmm h3.products5 {
    background: url(_image/ttl_products5SP.png) no-repeat top right;
    background-size: 99.5% auto;
    margin: 0 auto;
    padding: 10% 0 0 0;
    font-size: 0;
    text-indent: -99999px;
  }
  /*商品一覧*/
  .padmm h3.products6 {
    background: url(_image/ttl_products6SP.png) no-repeat top right;
    background-size: 99.5% auto;
    margin: 0 auto;
    padding: 10% 0 0 0;
    font-size: 0;
    text-indent: -99999px;
  }
  /*イベントキャンペーン*/
  .padmm h3.events {
    background: url(_image/ttl_eventsSP.png) no-repeat top right;
    background-size: 99.5% auto;
    margin: 0 auto;
    padding: 10% 0 0 0;
    font-size: 0;
    text-indent: -99999px;
  }
  /*第4弾 収録メモリー*/
  .padmm h3.products4th {
    background: url(_image/ttl_products4thSP.png) no-repeat top right;
    background-size: 99.5% auto;
    margin: 0 auto;
    padding: 10% 0 0 0;
    font-size: 0;
    text-indent: -99999px;
  }
  /*第5弾 収録メモリー*/
  .padmm h3.products5th {
    background: url(_image/ttl_products5thSP.png) no-repeat top right;
    background-size: 99.5% auto;
    margin: 0 auto;
    padding: 10% 0 0 0;
    font-size: 0;
    text-indent: -99999px;
  }
  /*----------------------------------------------------------------*/
  /*更新情報*/
  .padmm ul.list {
    padding: 0px 8px 0;
  }
  /*更新情報　レイアウト*/
  .padmm ul.list li {
    display: block;
    background: #339fbd;
    background: -moz-linear-gradient(225deg, transparent 6px, #339fbd 6px);
    background: -o-linear-gradient(225deg, transparent 6px, #339fbd 6px);
    background: -webkit-linear-gradient(225deg, transparent 6px, #339fbd 6px);
    background-position: bottom left, bottom right, top right, top left;
    -moz-background-size: 100%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    font-size: 12px;
    border: 1px solid #0e1646;
  }
  /*リンク*/
  .padmm ul.list li a {
    display: block;
    width: 99.3%;
    margin: 1px 1px;
    box-sizing: border-box;
    background: #0e1646;
    background: -moz-linear-gradient(225deg, transparent 5px, #0e1646 5px);
    background: -o-linear-gradient(225deg, transparent 5px, #0e1646 5px);
    background: -webkit-linear-gradient(225deg, transparent 5px, #0e1646 5px);
    background-position: bottom left, bottom right, top right, top left;
    -moz-background-size: 100%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
  }
  /*日付*/
  .padmm ul.list li span {
    display: block;
    background: #080916;
    background: -moz-linear-gradient(225deg, transparent 5px, #080916 5px);
    background: -o-linear-gradient(225deg, transparent 5px, #080916 5px);
    background: -webkit-linear-gradient(225deg, transparent 5px, #080916 5px);
    background-position: bottom left, bottom right, top right, top left;
    -moz-background-size: 100%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 4px 8px 2px;
    border-bottom: 1px solid #339fbd;
  }
  /*テキスト*/
  .padmm ul.list li em {
    display: block;
    padding: 6px 8px 6px;
    font-style: normal;
    line-height: 1.4;
  }
  /*----------------------------------------------------------------*/
  /*メモリー一覧*/
  /*SSレアが入る*/
  .padmm h4.ss {
    background: url(_image/ttl_memory1_sp.png) no-repeat;
    background-size: 100% auto;
    margin: 0 auto 4%;
    padding: 12% 0 0 0;
    font-size: 0;
    text-indent: -99999px;
  }
  /*Sレアが入る*/
  .padmm h4.s {
    background: url(_image/ttl_memory2_sp.png) no-repeat;
    background-size: 100% auto;
    margin: 4% auto;
    padding: 12% 0 0 0;
    font-size: 0;
    text-indent: -99999px;
  }
  /*リーダレアが入る*/
  .padmm h4.lr {
    background: url(_image/ttl_memory3_sp.png) no-repeat;
    background-size: 100% auto;
    margin: 4% auto;
    padding: 12% 0 0 0;
    font-size: 0;
    text-indent: -99999px;
  }
  /*モンスターレアが入る*/
  .padmm h4.mr {
    background: url(_image/ttl_memory4_sp.png) no-repeat;
    background-size: 100% auto;
    margin: 4% auto;
    padding: 12% 0 0 0;
    font-size: 0;
    text-indent: -99999px;
  }
  /*-------------------------------------------関連商品追加*/
  /*タッチペンが入る*/
  .padmm h4.touchpen {
    background: url(_image/ttl_touchpen_sp.png) no-repeat;
    background-size: 100% auto;
    margin: 0 auto 4%;
    padding: 12% 0 0 0;
    font-size: 0;
    text-indent: -99999px;
  }
  /*ダンジョンゲームが入る*/
  .padmm h4.game {
    background: url(_image/ttl_game_sp.png) no-repeat;
    background-size: 100% auto;
    margin: 0 auto 4%;
    padding: 12% 0 0 0;
    font-size: 0;
    text-indent: -99999px;
  }
  /*ケース*/
  .padmm h4.case {
    background: url(_image/ttl_case_sp.png) no-repeat;
    background-size: 100% auto;
    margin: 0 auto 4%;
    padding: 12% 0 0 0;
    font-size: 0;
    text-indent: -99999px;
  }
  /*----------------------------------------------------------------*/
  /*メモリー一覧 メモリーサイズ*/
  /*詳細虫眼鏡*/
  img.zoom {
    position: absolute;
    width: 50px;
    height: 50px;
    background: url(_image/btn_zoom.png) no-repeat;
    background-size: 100% auto;
    top: 0px;
    right: -14px;
    z-index: 2;
  }
  .padmm .memory {
    width: 90%;
    margin: 0 auto;
    padding: 0 0 4px;
  }
  /*SSレア*/
  .padmm .mem1 {
    width: 60%;
    margin: 0 auto;
  }
  .padmm .mem1 li {
    position: relative;
  }
  /*Sレア*/
  .padmm .mem2 {
    width: 100%;
    margin: 0 auto;
    font-size: 0;
  }
  .padmm .mem2 li {
    position: relative;
    display: inline-block;
    width: 50%;
    margin: 0 auto;
    text-align: center;
  }
  /*リーダレア モンスターレア*/
  .padmm .mem3 {
    width: 100%;
    margin: 0 auto;
    font-size: 0;
  }
  .padmm .mem3 li {
    position: relative;
    display: inline-block;
    width: 50%;
    margin: 0 auto;
    text-align: center;
  }
  /* Arrows */
  .slick-prev2, .slick-next2 {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
  }
  .slick-prev2:hover, .slick-prev2:focus, .slick-next2:hover, .slick-next2:focus {
    opacity: 0.5;
  }
  .slick-prev2 {
    width: 32px;
    height: 38px;
    background: url(_image/topback.png) no-repeat;
    background-size: 100% auto;
    z-index: 12;
    left: -18px;
  }
  .slick-next2 {
    width: 32px;
    height: 38px;
    background: url(_image/topnext.png) no-repeat;
    background-size: 100% auto;
    z-index: 12;
    right: -18px;
  }
  /*-----------------------------------------------------------------*/
  /*商品情報*/
  .productslist {
    margin: 0 auto;
    list-style: none;
    font-size: 0;
  }
  .productslist li {
    position: relative;
    display: inline-block;
    width: 49%;
    margin: 0 0.5%;
    padding: 130% 0 0 0;
    font-size: 0;
  }
  /*-----------------------------------------------------------------*/
  /*商品*/
  /*商品*/
  .productslist li.item00 {
    display: none;
  }
  .productslist li.item01 {
    background: url(_image/item01SP.png) no-repeat;
    background-size: 100% auto;
  }
  .productslist li.item02 {
    background: url(_image/item02SP.png) no-repeat;
    background-size: 100% auto;
  }
  .productslist li.item03 {
    background: url(_image/item03SP.png) no-repeat;
    background-size: 100% auto;
  }
  .productslist li.item04 {
    background: url(_image/item04SP.png) no-repeat;
    background-size: 100% auto;
  }
  .productslist li.item05 {
    background: url(_image/item05SP.png) no-repeat;
    background-size: 100% auto;
  }
  .productslist li.item06 {
    background: url(_image/item06SP.png) no-repeat;
    background-size: 100% auto;
  }
  .productslist li.item30 {
    background: url(_image/item30SP.png) no-repeat;
    background-size: 100% auto;
  }
  .productslist li.item31 {
    background: url(_image/item31SP.png) no-repeat;
    background-size: 100% auto;
  }
  .productslist li.item32 {
    background: url(_image/item32SP.png) no-repeat;
    background-size: 100% auto;
  }
  /*-----------------------------------------------------------------*/
  /*発売日*/
  .productslist li .onsell {
    position: absolute;
    width: 60px;
    height: 60px;
    background: url(_image/onsellSP.png) no-repeat;
    background-size: 100% auto;
    top: -20px;
    left: -10px;
    z-index: 101;
  }
  .productslist li .onsell2 {
    position: absolute;
    width: 60px;
    height: 60px;
    background: url(_image/onsellSP2.png) no-repeat;
    background-size: 100% auto;
    top: -20px;
    left: -10px;
    z-index: 101;
  }
  .productslist li .onsell3 {
    position: absolute;
    width: 60px;
    height: 60px;
    background: url(_image/onsellSP3.png) no-repeat;
    background-size: 100% auto;
    top: -20px;
    left: -10px;
    z-index: 101;
  }
  /*ボタンボックス*/
  .productslist li .btnarea {
    position: absolute;
    width: 100%;
    bottom: 6%;
    z-index: 101;
  }
  /*ボタン詳細はこちら*/
  .productslist li .btn1 {
    display: block;
    width: 94%;
    background: url(_image/btn1SP.png) no-repeat;
    background-size: 100% auto;
    margin: 0 auto;
    padding: 24% 0 0 0;
  }
  /*ボタンご購入はこちら*/
  .productslist li .btn2 {
    display: block;
    width: 94%;
    background: url(_image/btn2SP.png) no-repeat;
    background-size: 100% auto;
    margin: 0 auto;
    padding: 24% 0 0 0;
  }
  /*ボタン店舗一覧はこちら*/
  .productslist li .btn3 {
    display: block;
    width: 94%;
    background: url(_image/btn3SP.png) no-repeat;
    background-size: 100% auto;
    margin: 0 auto;
    padding: 24% 0 0 0;
  }
  /*-----------------------------------------------------------------*/
  /*ボックス全体をリンク領域に変更*/
  .productslist li a.btnall {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -999px;
    z-index: 100;
  }
  .productslist li a.btnall:hover {
    background: #FFF;
    filter: alpha(opacity=10);
    -moz-opacity: 0.1;
    opacity: 0.1;
    box-sizing: border-box;
  }
  /*トラゴン*/
  .toragon {
    width: 100%;
    background: url(_image/toragonSP.png) no-repeat center top;
    background-size: 105% auto;
    padding: 148% 0 0 0;
  }
  /*-------------------------------------------------------end@media*/
}
/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/
/*---------------------------------------------------PC用ページ用設定*/
@media screen and (min-width: 768px) {
  /*-----------------------------------------------------------------*/
  /*PC用 768px以上の場合*/
  /*-----------------------------------------------------------------*/
  /*トップページレイアウト グラデーション背景*/
  .padmm .content {
    position: relative;
    width: 892px;
    margin: 96px auto 96px;
    background: rgb(13, 21, 68);
    background: -moz-linear-gradient(top, rgba(13, 21, 68, 1) 0%, rgba(30, 40, 101, 1) 15%, rgba(13, 21, 68, 1) 50%, rgba(30, 40, 101, 1) 85%, rgba(13, 21, 68, 1) 100%, rgba(30, 40, 101, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(13, 21, 68, 1) 0%, rgba(30, 40, 101, 1) 15%, rgba(13, 21, 68, 1) 50%, rgba(30, 40, 101, 1) 85%, rgba(13, 21, 68, 1) 100%, rgba(30, 40, 101, 1) 100%);
    background: linear-gradient(to bottom, rgba(13, 21, 68, 1) 0%, rgba(30, 40, 101, 1) 15%, rgba(13, 21, 68, 1) 50%, rgba(30, 40, 101, 1) 85%, rgba(13, 21, 68, 1) 100%, rgba(30, 40, 101, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0d1544', endColorstr='#1e2865', GradientType=0);
  }
  /*上下のパーツ*/
  .padmm .content:before, .padmm .content:after {
    content: "";
    position: absolute;
    display: block;
    width: 932px;
    height: 72px;
    margin: 0 auto;
  }
  /*上のパーツ*/
  .padmm .content:before {
    background: url(_image/contentsTop.png) no-repeat;
    background-size: 932px auto;
    top: -72px;
    left: -20px;
  }
  /*下のパーツ*/
  .padmm .content:after {
    background: url(_image/contentsBtm.png) no-repeat;
    background-size: 932px auto;
    bottom: -72px;
    left: -20px;
  }
  /*中の繰り返し*/
  .padmm .content .inner {
    background: url(_image/contentsCnt.png) repeat-y;
    padding: 18px 0 0 0;
    color: #FFF;
  }
  /*-----------------------------------------------------------------*/
  /*スライダー*/
  .padmm .slide {
    width: 812px;
    height: 280px;
    background: url(_image/topBnnerBG.png)no-repeat;
    margin: 0 auto 18px;
    padding: 12px 109px 0 109px;
    box-sizing: border-box;
  }
  /*レイアウト2 グラデーション背景*/
  .padmm section {
    width: 780px;
    margin: 0 auto 12px;
  }
  /*グラデーション*/
  .padmm section .inner2 {
    width: 772px;
    margin: 0 auto;
    position: relative;
    background: rgb(13, 21, 68);
    background: -moz-linear-gradient(top, rgba(13, 21, 68, 1) 0%, rgba(30, 40, 101, 1) 15%, rgba(13, 21, 68, 1) 50%, rgba(30, 40, 101, 1) 85%, rgba(13, 21, 68, 1) 100%, rgba(30, 40, 101, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(13, 21, 68, 1) 0%, rgba(30, 40, 101, 1) 15%, rgba(13, 21, 68, 1) 50%, rgba(30, 40, 101, 1) 85%, rgba(13, 21, 68, 1) 100%, rgba(30, 40, 101, 1) 100%);
    background: linear-gradient(to bottom, rgba(13, 21, 68, 1) 0%, rgba(30, 40, 101, 1) 15%, rgba(13, 21, 68, 1) 50%, rgba(30, 40, 101, 1) 85%, rgba(13, 21, 68, 1) 100%, rgba(30, 40, 101, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0d1544', endColorstr='#1e2865', GradientType=0);
  }
  /*レイアウト2*/
  .padmm article {
    width: 772px;
    background: url(_image/setcionCnt.png) repeat-y;
    background-size: 100% auto;
    color: #FFF;
    margin: 0 auto;
  }
  /*下のパーツ*/
  .padmm .end {
    padding: 5.6% 0 0 0;
    margin: 0 auto;
    background: url(_image/setcionBtm.png) no-repeat center top;
    background-size: 100% auto;
  }
  /*Youtubeレイアウト*/
  .padmm .yt {
    padding: 8px 0 4px;
  }
  p.info2 {
    position: relative;
    width: 652px;
    margin: 20px auto 140px;
    padding: 12px 124px 24px;
    font-size: 16px;
    line-height: 1.8;
    color: #FFF;
    text-shadow: 1px 1px 1px #186f91, -1px 1px 1px #186f91, 1px -1px 1px #186f91, -1px -1px 1px #186f91;
    z-index: 100;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,00397f+20,00397f+81,ffffff+100&0+0,0.3+21,0.3+80,0+100 */
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(0, 57, 127, 0.29) 20%, rgba(0, 57, 127, 0.3) 21%, rgba(0, 57, 127, 0.3) 80%, rgba(0, 57, 127, 0.28) 81%, rgba(255, 255, 255, 0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(0, 57, 127, 0.29) 20%, rgba(0, 57, 127, 0.3) 21%, rgba(0, 57, 127, 0.3) 80%, rgba(0, 57, 127, 0.28) 81%, rgba(255, 255, 255, 0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(0, 57, 127, 0.29) 20%, rgba(0, 57, 127, 0.3) 21%, rgba(0, 57, 127, 0.3) 80%, rgba(0, 57, 127, 0.28) 81%, rgba(255, 255, 255, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1); /* IE6-9 */
  }
  p.info2 em {
    display: block;
    width: 652px;
    height: 63px;
    margin: 0 auto;
    padding: 0;
    background: url("_image/ttl_info_pc.png") no-repeat center top;
    background-size: 100% auto;
  }
  p.info2 strong {
    font-size: 18px;
    color: #FCFF00;
  }
  /*----------------------------------------------------------------*/
  /*各ページタイトル*/
  .padmm h2 {
    position: absolute;
    width: 339px;
    height: 97px;
    margin: -44px 0 0 -169px;
    top: -56px;
    left: 50%;
    font-size: 0;
    text-indent: -99999px;
  }
  /*更新情報*/
  .padmm .whatsNew h2 {
    background: url(_image/ttl_whatsnew.png) no-repeat;
    background-size: 100% auto;
  }
  /*商品情報*/
  .padmm .products h2 {
    background: url(_image/ttl_products.png) no-repeat;
    background-size: 100% auto;
  }
  /*イベントキャンペーン*/
  .padmm .event h2 {
    background: url(_image/ttl_event.png) no-repeat;
    background-size: 100% auto;
  }
  /*----------------------------------------------------------------*/
  /*更新情報*/
  .padmm h3.news {
    background: url(_image/ttl_news.png) no-repeat top right;
    background-size: 776px auto;
    margin: 0 auto;
    padding: 7.7% 0 0 0;
    font-size: 0;
    text-indent: -99999px;
  }
  /*動画紹介*/
  .padmm h3.movie {
    background: url(_image/ttl_movie.png) no-repeat top right;
    background-size: 776px auto;
    margin: 0 auto;
    padding: 7.7% 0 0 0;
    font-size: 0;
    text-indent: -99999px;
  }
  /*商品情報*/
  .padmm h3.products1 {
    background: url(_image/ttl_products1.png) no-repeat top right;
    background-size: 776px auto;
    margin: 0 auto;
    padding: 7.7% 0 0 0;
    font-size: 0;
    text-indent: -99999px;
  }
  /*メモリーの読み込み*/
  .padmm h3.products2 {
    background: url(_image/ttl_products2.png) no-repeat top right;
    background-size: 776px auto;
    margin: 0 auto;
    padding: 7.7% 0 0 0;
    font-size: 0;
    text-indent: -99999px;
  }
  /*収録メモリー*/
  .padmm h3.products3 {
    background: url(_image/ttl_products3.png) no-repeat top right;
    background-size: 776px auto;
    margin: 0 auto;
    padding: 7.7% 0 0 0;
    font-size: 0;
    text-indent: -99999px;
  }
  /*収録メモリー*/
  .padmm h3.products3_2 {
    background: url(_image/ttl_products4.png) no-repeat top right;
    background-size: 776px auto;
    margin: 0 auto;
    padding: 7.7% 0 0 0;
    font-size: 0;
    text-indent: -99999px;
  }
  /*商品一覧*/
  .padmm h3.products4 {
    background: url(_image/ttl_lineup.png) no-repeat top right;
    background-size: 776px auto;
    margin: 0 auto;
    padding: 7.7% 0 0 0;
    font-size: 0;
    text-indent: -99999px;
  }
  /*関連商品*/
  .padmm h3.products5 {
    background: url(_image/ttl_products5.png) no-repeat top right;
    background-size: 776px auto;
    margin: 0 auto;
    padding: 7.7% 0 0 0;
    font-size: 0;
    text-indent: -99999px;
  }
  /*関連商品*/
  .padmm h3.products6 {
    background: url(_image/ttl_products6.png) no-repeat top right;
    background-size: 776px auto;
    margin: 0 auto;
    padding: 7.7% 0 0 0;
    font-size: 0;
    text-indent: -99999px;
  }
  /*イベントキャンペーン*/
  .padmm h3.events {
    background: url(_image/ttl_events.png) no-repeat top right;
    background-size: 776px auto;
    margin: 0 auto;
    padding: 7.7% 0 0 0;
    font-size: 0;
    text-indent: -99999px;
  }
  /*第4弾収録メモリー*/
  .padmm h3.products4th {
    background: url(_image/ttl_products4th.png) no-repeat top right;
    background-size: 776px auto;
    margin: 0 auto;
    padding: 7.7% 0 0 0;
    font-size: 0;
    text-indent: -99999px;
  }
  /*第4弾収録メモリー*/
  .padmm h3.products5th {
    background: url(_image/ttl_products5th.png) no-repeat top right;
    background-size: 776px auto;
    margin: 0 auto;
    padding: 7.7% 0 0 0;
    font-size: 0;
    text-indent: -99999px;
  }
  /*----------------------------------------------------------------*/
  /*更新情報*/
  .padmm ul.list {
    position: relative;
    margin: 0 auto -10px;
    padding: 2px 4px;
    z-index: 2;
  }
  /*更新情報　レイアウト*/
  .padmm ul.list li {
    display: block;
    background: #339fbd;
    background: -moz-linear-gradient(225deg, transparent 6px, #339fbd 6px);
    background: -o-linear-gradient(225deg, transparent 6px, #339fbd 6px);
    background: -webkit-linear-gradient(225deg, transparent 6px, #339fbd 6px);
    background-position: bottom left, bottom right, top right, top left;
    -moz-background-size: 100%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    font-size: 12px;
    border: 1px solid #0e1646;
  }
  /*リンク*/
  .padmm ul.list li a {
    display: block;
    width: 99.8%;
    margin: 1px 1px;
    box-sizing: border-box;
    background: #0e1646;
    background: -moz-linear-gradient(225deg, transparent 5px, #0e1646 5px);
    background: -o-linear-gradient(225deg, transparent 5px, #0e1646 5px);
    background: -webkit-linear-gradient(225deg, transparent 5px, #0e1646 5px);
    background-position: bottom left, bottom right, top right, top left;
    -moz-background-size: 100%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
  }
  /*日付*/
  .padmm ul.list li span {
    display: inline-block;
    width: 120px;
    background: #080916;
    background: -moz-linear-gradient(225deg, transparent 5px, #080916 5px);
    background: -o-linear-gradient(225deg, transparent 5px, #080916 5px);
    background: -webkit-linear-gradient(225deg, transparent 5px, #080916 5px);
    background-position: bottom left, bottom right, top right, top left;
    -moz-background-size: 100%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 4px 8px 2px;
    text-align: center;
  }
  /*テキスト*/
  .padmm ul.list li em {
    display: inline-block;
    width: 580px;
    padding: 6px 8px 6px;
    font-style: normal;
    line-height: 1.4;
  }
  /*----------------------------------------------------------------*/
  /*メモリー一覧*/
  /*SSレアが入る*/
  .padmm h4.ss {
    background: url(_image/ttl_memory1.png) no-repeat;
    background-size: 100% auto;
    margin: 0 auto 24px;
    padding: 7.5% 0 0 0;
    font-size: 0;
    text-indent: -99999px;
  }
  /*Sレアが入る*/
  .padmm h4.s {
    background: url(_image/ttl_memory2.png) no-repeat;
    background-size: 100% auto;
    margin: 36px auto 24px;
    padding: 7.5% 0 0 0;
    font-size: 0;
    text-indent: -99999px;
  }
  /*リーダレアが入る*/
  .padmm h4.lr {
    background: url(_image/ttl_memory3.png) no-repeat;
    background-size: 100% auto;
    margin: 36px auto 24px;
    padding: 7.5% 0 0 0;
    font-size: 0;
    text-indent: -99999px;
  }
  /*モンスターレアが入る*/
  .padmm h4.mr {
    background: url(_image/ttl_memory4.png) no-repeat;
    background-size: 100% auto;
    margin: 36px auto 24px;
    padding: 7.5% 0 0 0;
    font-size: 0;
    text-indent: -99999px;
  }
  /*-------------------------------------------関連商品追加*/
  /*タッチペンが入る*/
  .padmm h4.touchpen {
    background: url(_image/ttl_touchpen_pc.png) no-repeat;
    background-size: 100% auto;
    margin: 0 auto 24px;
    padding: 7.5% 0 0 0;
    font-size: 0;
    text-indent: -99999px;
  }
  /*ダンジョンゲームが入る*/
  .padmm h4.game {
    background: url(_image/ttl_game_pc.png) no-repeat;
    background-size: 100% auto;
    margin: 0 auto 24px;
    padding: 7.5% 0 0 0;
    font-size: 0;
    text-indent: -99999px;
  }
  /*ケース*/
  .padmm h4.case {
    background: url(_image/ttl_case_pc.png) no-repeat;
    background-size: 100% auto;
    margin: 0 auto 24px;
    padding: 7.5% 0 0 0;
    font-size: 0;
    text-indent: -99999px;
  }
  /*----------------------------------------------------------------*/
  /*メモリー一覧 メモリーサイズ*/
  .padmm .memory {
    width: 652px;
    margin: 0 auto;
  }
  /*詳細虫眼鏡*/
  img.zoom {
    position: absolute;
    width: 60px;
    height: 60px;
    background: url(_image/btn_zoom.png) no-repeat;
    background-size: 100% auto;
    top: 0px;
    right: -14px;
    z-index: 2;
  }
  /*SSレア*/
  .padmm .mem1 {
    width: 40%;
    margin: 0 auto;
  }
  .padmm .mem1 li {
    position: relative;
  }
  /*Sレア*/
  .padmm .mem2 {
    width: 70%;
    margin: 0 auto;
    font-size: 0;
  }
  .padmm .mem2 li {
    position: relative;
    display: inline-block;
    width: 50%;
    margin: 0 auto;
    text-align: center;
    padding: 8px;
    box-sizing: border-box;
  }
  /*リーダレア モンスターレア*/
  .padmm .mem3 {
    width: 100%;
    margin: 0 auto;
    font-size: 0;
  }
  .padmm .mem3 li {
    position: relative;
    display: inline-block;
    width: 33.333%;
    margin: 0 auto;
    text-align: center;
    padding: 8px 4px;
    box-sizing: border-box;
  }
  /*隙間埋める画像PCのみ*/
  .mem3 li.img2 {
    display: inline-block;
    width: 66.666%;
    margin: 0 auto;
    text-align: center;
  }
  .mem3 li.img2 img {
    display: inline;
    width: 400px;
    text-align: right;
  }
  .padmm .btn_buy {
    max-width: 80%;
    margin: 12px auto 0;
  }
  /* Arrows */
  .slick-prev2, .slick-next2 {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
  }
  .slick-prev2:hover, .slick-prev2:focus, .slick-next2:hover, .slick-next2:focus {
    opacity: 0.5;
  }
  .slick-prev2 {
    width: 72px;
    height: 78px;
    background: url(_image/topback.png) no-repeat;
    z-index: 12;
    left: -94px;
  }
  .slick-next2 {
    width: 72px;
    height: 78px;
    background: url(_image/topnext.png) no-repeat;
    z-index: 12;
    right: -94px;
  }
  /*-----------------------------------------------------------------*/
  /*商品情報*/
  .productslist {
    margin: 0 auto;
    list-style: none;
    font-size: 0;
    text-align: center
  }
  .productslist li {
    position: relative;
    display: inline-block;
    width: 228px;
    height: 575px;
    margin: 0 9px 18px;
    padding: 0;
    font-size: 0;
  }
  /*-----------------------------------------------------------------*/
  /*商品*/
  .productslist li.item00 {
    background: url(_image/item00PC.png) no-repeat;
    background-size: 100% auto;
  }
  .productslist li.item01 {
    background: url(_image/item01PC.png) no-repeat;
    background-size: 100% auto;
  }
  .productslist li.item02 {
    background: url(_image/item02PC.png) no-repeat;
    background-size: 100% auto;
  }
  .productslist li.item03 {
    background: url(_image/item03PC.png) no-repeat;
    background-size: 100% auto;
  }
  .productslist li.item04 {
    background: url(_image/item04PC.png) no-repeat;
    background-size: 100% auto;
  }
  .productslist li.item05 {
    background: url(_image/item05PC.png) no-repeat;
    background-size: 100% auto;
  }
  .productslist li.item05 {
    background: url(_image/item05PC.png) no-repeat;
    background-size: 100% auto;
  }
  .productslist li.item30 {
    background: url(_image/item30PC.png) no-repeat;
    background-size: 100% auto;
  }
  .productslist li.item31 {
    background: url(_image/item31PC.png) no-repeat;
    background-size: 100% auto;
  }
  .productslist li.item32 {
    background: url(_image/item32PC.png) no-repeat;
    background-size: 100% auto;
  }
  /*-----------------------------------------------------------------*/
  /*発売日*/
  .productslist li .onsell {
    position: absolute;
    width: 90px;
    height: 90px;
    background: url(_image/onsellSP.png) no-repeat;
    background-size: 100% auto;
    top: -30px;
    left: -20px;
    z-index: 101;
  }
  /*発売日2*/
  .productslist li .onsell2 {
    position: absolute;
    width: 90px;
    height: 90px;
    background: url(_image/onsellSP2.png) no-repeat;
    background-size: 100% auto;
    top: -30px;
    left: -20px;
    z-index: 101;
  }
  /*発売日2*/
  .productslist li .onsell3 {
    position: absolute;
    width: 90px;
    height: 90px;
    background: url(_image/onsellSP3.png) no-repeat;
    background-size: 100% auto;
    top: -30px;
    left: -20px;
    z-index: 101;
  }
  /*ボタンボックス*/
  .productslist li .btnarea {
    position: absolute;
    width: 100%;
    bottom: 8px;
    z-index: 101;
  }
  /*ボタン詳細はこちら*/
  .productslist li .btn1 {
    display: block;
    width: 210px;
    height: 42px;
    background: url(_image/btn1PC.png) no-repeat;
    background-size: 100% auto;
    margin: 0 auto;
  }
  /*ボタンご購入はこちら*/
  .productslist li .btn2 {
    display: block;
    width: 210px;
    height: 42px;
    background: url(_image/btn2PC.png) no-repeat;
    background-size: 100% auto;
    margin: 0 auto;
  }
  /*ボタン店舗一覧はこちら*/
  .productslist li .btn3 {
    display: block;
    width: 210px;
    height: 42px;
    background: url(_image/btn3PC.png) no-repeat;
    background-size: 100% auto;
    margin: 0 auto;
  }
  .productslist li .btn1:hover, .productslist li .btn2:hover, .productslist li .btn3:hover {
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
    box-sizing: border-box;
  }
  /*-----------------------------------------------------------------*/
  /*ボックス全体をリンク領域に変更*/
  .productslist li a.btnall {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -999px;
    z-index: 100;
  }
  .productslist li a.btnall:hover {
    background: #FFF;
    filter: alpha(opacity=10);
    -moz-opacity: 0.1;
    opacity: 0.1;
    box-sizing: border-box;
  }
  /*トラゴン*/
  .toragon {
    width: 717px;
    height: 800px;
    background: url(_image/toragonPC.png) no-repeat;
    background-size: 100% auto;
  }
  /*-------------------------------------------------------end@media*/
}