@charset "UTF-8";
/*------------------------------------------------スマホ用ページ用設定*/
@media screen and (max-width: 767px) {
  /*-----------------------------------------------------------------*/
  /*スマホで見た際にPC用記述を非表示に*/
  .pc {
    display: none;
  }
  .mem {
    display: none;
  }
  /*-----------------------------------------------------------------*/
  /*トップページメイン背景*/
  .padmm main {
    background: url(_image/bgcircle.png) no-repeat 50% -300px;
    background-size: 1027px auto;
  }
  /*トップページメイン画像*/
  .padmm h1 {
    position: relative;
    width: 100%;
    height: 0;
    background: url(_image/mainSP5.png) no-repeat;
    padding-bottom: calc(100%*840/750);
    background-size: 100% auto;
    font-size: 0;
    text-indent: -99999px;
  }
  /*下層ページメイン背景*/
  #lower.padmm main {
    background: url(_image/bgcircle.png) no-repeat 50% 100%;
    background-size: 600px auto;
  }
  /*下層ページメイン画像*/
  #lower.padmm h1 {
    position: relative;
    background: url(_image/logo_lowerSP.png) no-repeat 50% 10px;
    background-size: 90% auto;
    padding: 14% 0 50% 0;
    font-size: 0;
    text-indent: -99999px;
  }
  /*-----------------------------------------------------------------*/
  /*トップページメモリー配置*/
  .memSP {
    padding: 132% 0 0 0;
    position: relative;
    width: 100%;
    margin: 0 auto;
  }
  /**/
  .top_logo5SP {
    position: absolute;
    width: 100%;
    background: url(_image/top_logo5SP.png) no-repeat;
    background-size: 100% auto;
    margin: 0 0 0 -50%;
    padding: 44% 0 0 0;
    bottom: 14%;
    left: 50%;
    z-index: 12;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
  }
  /**/
  /**/
  .top_txtSP {
    display: block;
    position: absolute;
    width: 90%;
    background: url(_image/top_txt.png) no-repeat;
    background-size: 100% auto;
    margin: 0 0 0 -45%;
    padding: 14% 0 0 0;
    top: 4%;
    left: 50%;
    z-index: 12;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
  }
  /*-----------------------------------------------------------------*/
  /*ナビゲーション*/
  /*-----------------------------------------------------------------*/
  /*トップページ背景*/
  .padmm nav {
    position: relative;
    width: 100%;
    background: url(_image/navBGSP3.png) no-repeat;
    background-size: 100% auto;
    margin: -1% auto 0;
    padding: 3% 0 2.8% 0;
    font-size: 0;
  }
  /*下層ページ背景*/
  #lower.padmm nav {
    position: relative;
    width: 100%;
    background: url(_image/navBGSP3.png) no-repeat;
    background-size: 100% auto;
    margin: -50% auto 0;
    padding: 3% 0 2.8% 0;
    font-size: 0;
  }
  /*-----------------------------------------------------------------*/
  /*レイアウト*/
  .padmm nav ul {
    margin: 0;
    padding: 0;
    font-size: 0;
    list-style: none;
  }
  /*リスト*/
  .padmm nav li {
    margin: 0;
    padding: 0;
    font-size: 0;
  }
  /*リスト商品情報*/
  .padmm nav li.products {
    display: inline-block;
    width: 50%;
    background: url(_image/nav01SP3.png) no-repeat;
    background-size: 100% auto;
  }
  .padmm nav li.products a {
    display: block;
    padding: 23.6% 0 0 0;
  }
  /*リストイベント情報*/
  .padmm nav li.event {
    display: inline-block;
    width: 50%;
    background: url(_image/nav02SP3.png) no-repeat;
    background-size: 100% auto;
  }
  .padmm nav li.event a {
    display: block;
    padding: 23.6% 0 0 0;
  }
  /*commingsonn*/
  .padmm nav li.soon {
    display: none;
    display: inline-block;
    width: 50%;
    background: url(_image/nav03SP.png) no-repeat;
    background-size: 100% auto;
  }
  .padmm nav li.event a {
    display: block;
    padding: 23.6% 0 0 0;
  }
  .padmm nav li.soon span {
    display: none;
  }
  /*-------------------------------------------------------end@media*/
}
/*---------------------------------------------------PC用ページ用設定*/
@media screen and (min-width: 768px) {
  /*-----------------------------------------------------------------*/
  /*PCで見た際にスマホ用記述を非表示に*/
  .sp {
    display: none;
  }
  .memSP {
    display: none;
  }
  /*-----------------------------------------------------------------*/
  /*トップページメイン背景*/
  .padmm main {
    position: relative;
    display: block;
    height: 880px;
    background: url(_image/bgcircle.png) no-repeat 50% 100%;
    background-size: 1200px auto;
  }
  /*トップページメイン画像*/
  .padmm h1 {
    /*background: url(_image/main3.png) no-repeat center top;
	background-size: 1400px auto;*/
    text-indent: -99999px;
  }
  /*下層ページメイン背景*/
  #lower.padmm main {
    display: block;
    position: relative;
    height: 780px;
    background: url(_image/bgcircle.png) no-repeat 50% 180%;
    background-size: 1200px auto;
  }
  /*下層ページメイン画像*/
  #lower.padmm h1 {
    position: relative;
    margin: 12px 0 0 0;
    height: 72px;
    background: url(_image/logo_lower.png) no-repeat center;
    z-index: 2;
    text-indent: -99999px;
  }
  /*下層ページヘッダー背景*/
  #lower.padmm main a {
    position: relative;
    display: block;
    width: 1024px;
    margin: 0 auto;
    height: 145px;
    background: url(_image/headerBG5th.png) no-repeat right;
    z-index: 2;
    text-indent: -99999px;
  }
  /*-----------------------------------------------------------------*/
  /*トップページメモリー配置*/
  .mem {
    position: relative;
    width: 1200px;
    height: 800px;
    margin: 0 auto;
  }
  /**/
  .top_mem5_01 {
    opacity: 0;
    position: absolute;
    width: 259px;
    height: 305px;
    background: url(_image/top_mem5_01.png) no-repeat;
    background-size: 100% auto;
    top: 210px;
    left: 740px;
    z-index: 12;
  }
  /**/
  .top_mem5_02 {
    opacity: 0;
    position: absolute;
    width: 219px;
    height: 219px;
    background: url(_image/top_mem5_02.png) no-repeat;
    background-size: 100% auto;
    top: -40px;
    left: 80px;
    z-index: 10;
  }
  /**/
  .top_mem5_03 {
    opacity: 0;
    position: absolute;
    width: 235px;
    height: 235px;
    background: url(_image/top_mem5_03.png) no-repeat;
    background-size: 100% auto;
    top: -30px;
    left: 870px;
    z-index: 12;
  }
  /**/
  .top_mem5_04 {
    opacity: 0;
    position: absolute;
    width: 194px;
    height: 194px;
    background: url(_image/top_mem5_04.png) no-repeat;
    background-size: 100% auto;
    top: 200px;
    left: 100px;
    z-index: 12;
  }
  /**/
  .top_mem5_05 {
    opacity: 0;
    position: absolute;
    width: 220px;
    height: 220px;
    background: url(_image/top_mem5_05.png) no-repeat;
    background-size: 100% auto;
    top: 430px;
    left: 820px;
    z-index: 12;
  }
  /**/
  .top_mem5_06 {
    opacity: 0;
    position: absolute;
    width: 200px;
    height: 209px;
    background: url(_image/top_mem5_06.png) no-repeat;
    background-size: 100% auto;
    top: 420px;
    left: 130px;
    z-index: 13;
  }
  /**/
  .top_txt {
    opacity: 0;
    display: block;
    position: absolute;
    width: 647px;
    height: 91px;
    background: url(_image/top_txt.png) no-repeat;
    background-size: 100% auto;
    top: 10px;
    left: 270px;
    z-index: 12;
  }
  /**/
  .top_tv5 {
    opacity: 0;
    position: absolute;
    width: 260px;
    height: 302px;
    background: url(_image/top_tv4.png) no-repeat;
    background-size: 100% auto;
    top: 400px;
    left: 100px;
    z-index: 13;
  }
  /**/
  .top_ball5 {
    opacity: 0;
    position: absolute;
    width: 1018px;
    height: 703px;
    background: url(_image/top_ball4.png) no-repeat;
    background-size: 100% auto;
    margin: 0 0 0 -509px;
    top: -18px;
    left: 50%;
    z-index: 11;
  }
  /**/
  .top_logo5 {
    position: absolute;
    width: 534px;
    height: 276px;
    background: url(_image/top_logo5.png) no-repeat;
    background-size: 100% auto;
    margin: 0 0 0 -267px;
    top: 408px;
    left: 50%;
    z-index: 12;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
  }
  /**/
  .top_mons5 {
    position: absolute;
    width: 851px;
    height: 839px;
    background: url(_image/top_mons5.png) no-repeat;
    background-size: 100% auto;
    margin: 0 0 0 -410px;
    top: -134px;
    left: 50%;
    z-index: 11;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
  }
  /*-----------------------------------------------------------------*/
  /*ナビゲーション*/
  /*-----------------------------------------------------------------*/
  /*トップページ背景*/
  .padmm nav {
    position: relative;
    width: 964px;
    height: 92px;
    background: url(_image/navBG.png) no-repeat;
    background-size: 100% auto;
    margin: -170px auto 0;
    padding: 0;
    font-size: 0;
    z-index: 3;
  }
  /*下層ページ背景*/
  #lower.padmm nav {
    margin: -690px auto 0;
  }
  /*-----------------------------------------------------------------*/
  /*レイアウト*/
  .padmm nav ul {
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 0;
    list-style: none;
  }
  /*リスト*/
  .padmm nav li.products {
    position: absolute;
    width: 502px;
    height: 92px;
    background: url(_image/nav01_3.png) no-repeat;
    background-size: 100% auto;
    top: 0;
    left: 0;
    z-index: 1;
  }
  .padmm nav li.products:hover {
    background: url(_image/nav01_3_on.png) no-repeat;
    background-size: 100% auto;
  }
  .padmm nav li.event {
    position: absolute;
    width: 502px;
    height: 92px;
    background: url(_image/nav02_3.png) no-repeat;
    background-size: 100% auto;
    top: 0;
    left: 462px;
    z-index: 2;
  }
  .padmm nav li.event:hover {
    background: url(_image/nav02_3_on.png) no-repeat;
    background-size: 100% auto;
  }
  .padmm nav li.soon {
    display: none;
    position: absolute;
    background: url(_image/nav03_on.png) no-repeat;
    background-size: 100% auto;
    top: 7px;
    left: 620px;
    z-index: 3;
  }
  .padmm nav li a, .padmm nav li span {
    display: block;
    width: 332px;
    height: 80px;
  }
  /*-------------------------------------------------------end@media*/
}