@charset "Shift_JIS";

/* レイアウト */
html {
  height:100%;
  line-height: 1;
}
body {
  width:100%;
  min-width:320px;
  height:100%;
  font-size: 16px;
  line-height: 20px;
  color:#333333;
}
#wrapper{
  min-width:320px;
}
#wrapper-in{
  overflow: hidden;
}
/* 980px 以上(PC以上) */
@media only screen and (min-width: 980px){
  #wrapper{
    min-width:980px;
  }
  #wrapper-in{
    background-color:#000;
  }
}

/* ヘッダー・フッター・全体枠組み */
header{
  position: relative;
  /*overflow:hidden;*/
  height:41px;
  padding:0 5px 0 10px;
  background-color:#000;
}
header .logo{
  position: absolute;
  left: 10px;
  top:6px;
  width:109px;
  height:29px;
}
header .logo a{
  display: block;
  overflow: hidden;
  width:109px;
  height:29px;
  text-indent: -9999px;
  background:url(../img/kac_logo_sp.png) 0 0 no-repeat;
  -webkit-background-size:109px 29px;
  -moz-background-size:109px 29px;
  -o-background-size:109px 29px;
  -ms-background-size:109px 29px;
  background-size:109px 29px;
}
header .btn-global-menu{
  float:right;
  width:35px;
  height:35px;
  margin-top:3px;
}
header .btn-global-menu a{
  display: block;
  width:35px;
  height:9px;
  padding-top:26px;
  text-align:center;
  font-size:50%;
  line-height:1;
  color:#fff;

}
header .btn-global-menu a.menu{
  background:url(../img/btn_menu.png) 50% 4px no-repeat;
  -webkit-background-size:22px 19px;
  -moz-background-size:22px 19px;
  -o-background-size:22px 19px;
  -ms-background-size:22px 19px;
  background-size:22px 19px;
}
header .btn-global-menu a.close{
  background:url(../img/btn_menu_close.png) 50% 4px no-repeat;
  -webkit-background-size:19px 19px;
  -moz-background-size:19px 19px;
  -o-background-size:19px 19px;
  -ms-background-size:19px 19px;
  background-size:19px 19px;
}
header .btn-global-menu a.menu span.close,
header .btn-global-menu a.close span.menu{
  display:none;
}
header .sns{
  display: none;
}
header .lang-select {
  position: absolute;
  right: 55px;
  top:0;
  text-align: right;
  z-index: 20;
}
header .lang-select p.select {
  position: relative;
  margin: 5px 0;
  padding: 6px 20px 5px 30px;
  height: 20px;
  color: #fff;
  font-size: 75%;
  cursor: pointer;
  background: #111;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
.pc header .lang-select p.select:hover {
  background: #313131;
}
header .lang-select p.select:after {
  position: absolute;
  content:"";
  display: block;
  margin: -6px 0 0 0;
  width: 0;
  height: 0;
  left: 12px;
  top:50%;
  border: 6px solid transparent;
  border-top: 6px solid #fff;
  -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
header .lang-select p.select.on:after {
  margin: -3px 0 0 0;
  -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
header .lang-select ol {
  display: none;
  background: #000;
}
header .lang-select ol li {
  text-align: center;
  border-bottom:1px solid #2a2a2a;
}
header .lang-select ol li:last-child {
  border:none;
}
header .lang-select ol li a {
  display: block;
  padding: 5px 0;
  color: #fff;
  font-size: 75%;
}
.pc header .lang-select ol li a:hover {
  background: #313131;
}

#sub-clm{
  display:none;
}
footer{
  background-color:#2e2e2e;
}

footer .twitter-eaApp {
  padding: 25px 20px;
}
footer .twitter-eaApp ul {
  display: table;
  width: 100%;
}
footer .twitter-eaApp ul li {
  display: table-cell;
  width: 50%;
}
footer .twitter-eaApp ul li:first-child dl {
  padding: 0 10px 0 0;
}
footer .twitter-eaApp ul li:last-child dl {
  padding: 0 0 0 10px;
}
footer .twitter-eaApp ul li dl {
  text-align: center;
}
footer .twitter-eaApp ul li dl dt img {
  width: 50px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
footer .twitter-eaApp ul li dl dd.text {
  padding: 10px 0;
  color: #FFF;
  font-size: 75%;
  line-height: 1.167;
}
footer .twitter-eaApp ul li dl dd.text em {
  display: block;
}
footer .twitter-eaApp ul li dl dd.btn-area .btn {
  width: 130px;
}
footer .related-links ul {
  border-top:1px solid #444;
}
footer .related-links ul li {
  border-bottom:1px solid #444;
}
footer .related-links ul li a {
  position: relative;
  display: block;
  padding: 15px 20px 15px 45px;
  color: #FFF;
  font-size: 75%;
  line-height: 1;
}
.pc footer .related-links ul li a:hover {
  background: #313131;
}
footer .related-links ul li a:after {
  display: block;
  position: absolute;
  content:"";
  right: 15px;
  top: 50%;
  width: 10px;
  height: 10px;
  margin-top: -6px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
footer .related-links ul li.mykonami a:before {background: url(../img/mykonami_icon.png) no-repeat;}
footer .related-links ul li.paseli a:before {background: url(../img/paseli_icon.png) no-repeat;}
footer .related-links ul li.eaAppSite a:before {background: url(../img/eaapp_icon.png) no-repeat;}
footer .related-links ul li.bemaniSite a:before {background: url(../img/bemani_site_icon.png) no-repeat;}
footer .related-links ul li.mykonami a:before,
footer .related-links ul li.paseli a:before,
footer .related-links ul li.eaAppSite a:before,
footer .related-links ul li.bemaniSite a:before {
  content:"";
  position: absolute;
  display: block;
  margin: -12px 0 0 0;
  left: 10px;
  top:50%;
  width: 25px;
  height: 25px;
  -webkit-background-size: 25px 25px;
    -moz-background-size: 25px 25px;
  -o-background-size: 25px 25px;
    -ms-background-size: 25px 25px;
  background-size: 25px 25px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
footer .applink-bnr-are {
  padding: 15px 10px 0;
}
footer .applink-bnr-are a {
  display: block;
  color: #FFF;
  text-align: center;
}
footer .applink-bnr-are img {
  width: 100%;
}
footer .copyright02{
  padding:20px 10px 0;
  font-size:62.5%;
  line-height:1.5em;
  color:#fff;
}
footer .footer-menu{
  padding:20px 10px 0;
  color:#fff;
}
footer .footer-menu ul li{
  position: relative;
  display: inline-block;
  padding-right:1em;
  font-size:75%;
  line-height:2em;
}
footer .footer-menu ul li:after{
  position: absolute;
  display: block;
  top:0;
  right:0;
  width:1em;
  height:1em;
  content:"|";
  text-align:right;
}
footer .footer-menu ul li:last-child:after {
  content:"";
}
footer .footer-menu ul li a{
  display:block;
  color:#fff;
}
.pc footer .footer-menu ul li a:hover {
  filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
  text-decoration: underline;
}
footer .copyright{
  padding:20px 10px;
  font-size:62.5%;
  line-height:1.5em;
  color:#fff;
}
/* PC環境ではlineアイコン表示しない */
.pc li.line{
display:none;
}

@media only screen and (min-width: 500px){
  footer .twitter-eaApp ul li dl dd.btn-area .btn {
    width: 200px;
  }
}
/* 979px 以下(スマホ) */
@media only screen and (max-width: 979px){
  #sub-clm{
    position: absolute;
    top:81px;
    left:0;
    width:100%;
    z-index:10;
    background-color:#000;
  }
  #sub-clm ul.basic{
    padding:20px 10px;
  }
  #sub-clm ul.basic li{
    border-top:1px solid #606060;
    border-left:1px solid #606060;
    border-right:1px solid #606060;
  }
  #sub-clm ul.basic li:first-child{
    border-radius:6px 6px 0 0;
  }
  #sub-clm ul.basic li:last-child{
    border-bottom:1px solid #606060;
    border-radius:0 0 6px 6px;
  }
  #sub-clm ul.basic li a{
    position: relative;
    display: block;
    padding:8px 0 8px 35px;
    font-size:75%;
    line-height:1.5em;
    color:#fff;
    background-position:10px 50%;
    background-repeat:no-repeat;
    background-size:17px 17px;
  }
  #sub-clm ul.basic li a:after {
    display: block;
    position: absolute;
    content:"";
    right: 10px;
    top: 50%;
    width: 10px;
    height: 10px;
    margin-top: -6px;
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #sub-clm ul.basic li.index a{
    background-image:url(../img/menu_icon_top.png);
  }
  #sub-clm ul.basic li.final a{
    background-image:url(../img/menu_icon_final.png);
  }
  #sub-clm ul.titles{
    padding:0 10px 20px;
    text-align:center;
  }
  #sub-clm ul.titles li{
    display: inline-block;
    width:100px;
    vertical-align: top;
  }
  #sub-clm ul.titles li a{
    display:block;
    position: relative;
    padding:68px 0 10px;
    font-size:56.25%;
    line-height:1.2222em;
    text-align:center;
    color:#fff;
  }
  #sub-clm ul.titles li.multiburst a{
    font-size:50%;
    line-height:10px;
  }
  #sub-clm ul.titles li a em {
    display: block;
  }
  #sub-clm ul.titles li a:after{
    position: absolute;
    content:"";
    top:0;
    left:50%;
    width:60px;
    height:60px;
    margin-left:-30px;
    border:1px solid #b2b2b2;
    border-radius:8px;
    background-repeat:no-repeat;
    background-position:0 0;
    background-size:60px 60px;
  }
  #sub-clm ul.titles li.mfc a:after{
    background-image:url(../img/game/mfc_icon.png);
  }
  #sub-clm ul.titles li.bm2dx a:after{
    background-image:url(../img/game/bm2dx_icon.png);
  }
  #sub-clm ul.titles li.beatstream a:after{
    background-image:url(../img/game/beatstream_icon.png);
  }
  #sub-clm ul.titles li.ddr a:after{
    background-image:url(../img/game/ddr_icon.png);
  }
  #sub-clm ul.titles li.danceevolution a:after{
    background-image:url(../img/game/danceevolution_icon.png);
  }
  #sub-clm ul.titles li.gitadora_gf a:after,
  #sub-clm ul.titles li.gitadora_dm a:after{
    background-image:url(../img/game/gitadora_icon.png);
  }
  #sub-clm ul.titles li.jubeat a:after{
    background-image:url(../img/game/jubeat_icon.png);
  }
  #sub-clm ul.titles li.museca a:after{
    background-image:url(../img/game/museca_icon.png);
  }
  #sub-clm ul.titles li.popn a:after{
    background-image:url(../img/game/popn_icon.png);
  }
  #sub-clm ul.titles li.sdvx a:after{
    background-image:url(../img/game/sdvx_icon.png);
  }
  #sub-clm ul.titles li.reflecbeat a:after{
    background-image:url(../img/game/reflecbeat_icon.png);
  }
  #sub-clm ul.titles li.qma a:after{
    background-image:url(../img/game/qma_icon.png);
  }
  #sub-clm ul.titles li.tsum a:after{
    background-image:url(../img/game/tsum_icon.png);
  }
  #sub-clm ul.titles li.multiburst a:after{
    background-image:url(../img/game/multiburst_icon.png);
  }
  #sub-clm ul.titles li.infinitas a:after{
    background-image:url(../img/game/infinitas_icon.png);
  }
  #sub-clm #related-content{
    display:none;
  }
  /* エントリーボタン用 */
  .detail footer{
    padding-bottom: 110px;
  }
}
/* 980px 以上(PC以上) */
@media only screen and (min-width: 980px){
  header{
    padding:0 10px;
  }
  header .logo{
    position: absolute;
    left: 10px;
    top:0;
    width:446px;
    height:28px;
    margin-top:7px;
  }
  header .logo a{
    width:446px;
    height:28px;
    background:url(../img/kac_logo_pc.png) 0 0 no-repeat;
    -webkit-background-size: auto;
      -moz-background-size: auto;
    -o-background-size: auto;
      -ms-background-size: auto;
    background-size: auto;
  }
  header .btn-global-menu{
    display:none;
  }
  header .sns{
    position: absolute;
    right: 10px;
    display: block;
    padding-top:6px;
  }
  header .sns ul{
    overflow:hidden;
    text-align:right;
  }
  header .sns ul li{
    display: inline-block;
    width:30px;
    height:30px;
    margin-left:5px;
  }
  header .sns ul li a{
    display: block;
    width:30px;
    height:30px;
  }
  header .sns ul li a img{
    width:30px;
    height:30px;
    vertical-align: top;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
  }
  .pc header .sns ul li a:hover img {
    filter:alpha(opacity=70);
      -moz-opacity: 0.7;
      opacity: 0.7;
  }
  header .lang-select {
    right: 190px;
  }
  .pc header .lang-select {
  right: 155px;
  }
  #container{
    float:left;
    width:100%;
  }
  #container-in{
    margin-left:230px;
    background-color:#e90f1b;
    background-image:-moz-linear-gradient(
      #fcc502 0%,
      #e90f1b 100%
    );
    background-image:-webkit-linear-gradient(
      #fcc502 0%,
      #e90f1b 100%
    );
    background-image:linear-gradient(
      #fcc502 0%,
      #e90f1b 100%
    );
    background-position:50% 0;
    background-repeat:no-repeat;
    background-size:100% 330px;
  }
  #content{
    width:750px;
    min-height: 710px;
    margin:0 auto;
  }
  #content .main.bottom {
    -webkit-border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    -ms-border-radius: 0 0 8px 8px;
    -o-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px;
  }
  #sub-clm{
    display:block;
    float:left;
    width:230px;
    margin-left:-100%;
  }
  #sub-clm ul.basic li:first-child{
    border-top:1px solid #2a2a2a;
  }
  #sub-clm li{
    border-bottom:1px solid #2a2a2a;
  }
  #sub-clm li p a{
    position: relative;
    display:block;
    padding:8px 0 8px 40px;
    font-size:75%;
    line-height:1.5em;
    color:#fff;
  }
  #sub-clm li p a:hover {
    background: #313131;
  }
  #sub-clm li p a:after{
    position: absolute;
    display:block;
    margin: -10px 0 0 0;
    content:"";
    top:50%;
    left: 14px;
    width: 20px;
    height: 20px;
    background-position:0 0;
    backgorund-repeat:no-repeat;
    -webkit-background-size: 20px 20px;
      -moz-background-size: 20px 20px;
    -o-background-size: 20px 20px;
      -ms-background-size: 20px 20px;
    background-size: 20px 20px;
  }
  #sub-clm li.index p a:after {background-image: url(../img/menu_icon_top.png);}
  #sub-clm li.final p a:after {background-image: url(../img/menu_icon_final.png);}
  #sub-clm li.mfc p a:after {background-image: url(../img/game/mfc_thumb.png);}
  #sub-clm li.bm2dx p a:after {background-image: url(../img/game/bm2dx_thumb.png);}
  #sub-clm li.beatstream p a:after {background-image: url(../img/game/beatstream_thumb.png);}
  #sub-clm li.ddr p a:after {background-image: url(../img/game/ddr_thumb.png);}
  #sub-clm li.danceevolution p a:after {background-image: url(../img/game/danceevolution_thumb.png);}
  #sub-clm li.gitadora_gf p a:after {background-image: url(../img/game/gitadora_thumb.png);}
  #sub-clm li.gitadora_dm p a:after {background-image: url(../img/game/gitadora_thumb.png);}
  #sub-clm li.jubeat p a:after {background-image: url(../img/game/jubeat_thumb.png);}
  #sub-clm li.museca p a:after {background-image: url(../img/game/museca_thumb.png);}
  #sub-clm li.popn p a:after {background-image: url(../img/game/popn_thumb.png);}
  #sub-clm li.sdvx p a:after {background-image: url(../img/game/sdvx_thumb.png);}
  #sub-clm li.reflecbeat p a:after {background-image: url(../img/game/reflecbeat_thumb.png);}
  #sub-clm li.qma p a:after {background-image: url(../img/game/qma_thumb.png);}
  #sub-clm li.tsum p a:after {background-image: url(../img/game/tsum_thumb.png);}
  #sub-clm li.multiburst p a:after {background-image: url(../img/game/multiburst_thumb.png);}
  #sub-clm li.infinitas p a:after {background-image: url(../img/game/infinitas_thumb.png);}
  #sub-clm li.mykonami p a:after {background-image: url(../img/mykonami_icon.png);}
  #sub-clm li.paseli p a:after {background-image: url(../img/paseli_icon.png);}
  #sub-clm li.eaAppSite p a:after {background-image: url(../img/eaapp_icon.png);}
  #sub-clm li.bemaniSite p a:after {background-image: url(../img/bemani_site_icon.png);}
  #sub-clm li.multiburst p a {
    font-size: 62.5%;
  }
  .index #sub-clm li.index p a,
  .final #sub-clm li.final p a,
  .mfc #sub-clm li.mfc p a,
  .mfc_sp #sub-clm li.mfc p a,
  .bm2dx #sub-clm li.bm2dx p a,
  .infinitas #sub-clm li.bm2dx p a,
  .beatstream #sub-clm li.beatstream p a,
  .ddr #sub-clm li.ddr p a,
  .danceevolution #sub-clm li.danceevolution p a,
  .gitadora_gf #sub-clm li.gitadora_gf p a,
  .gitadora_dm #sub-clm li.gitadora_dm p a,
  .jubeat #sub-clm li.jubeat p a,
  .museca #sub-clm li.museca p a,
  .popn #sub-clm li.popn p a,
  .sdvx #sub-clm li.sdvx p a,
  .reflecbeat #sub-clm li.reflecbeat p a,
  .qma #sub-clm li.qma p a,
  .tsum #sub-clm li.tsum p a,
  .multiburst #sub-clm li.multiburst p a {
    background: #313131;
  }
  #global-menu,
  #related-content{
    background-color:#000;
  }
  #related-content .twitter-eaApp {
    padding: 0 11px;
  }
  #related-content .twitter-eaApp .ttl {
    margin: 15px 0 0 0;
    background: #ffb400;
    color: #000;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    -ms-border-radius: 8px 8px 0 0;
    -o-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
  }
  #related-content .twitter-eaApp .ttl {
    text-align: center;
  }
  #related-content .twitter-eaApp .ttl h4 {
    padding: 10px 0;
    font-size: 81.25%;
    line-height: 1;
  }
  #related-content .twitter-eaApp .main {
    background: #FFF;
    min-height: 300px;
  }
  #related-content .eaApp .ttl h4 {
    position: relative;
    display: inline-block;
    padding: 10px 0 10px 40px;
    font-size: 81.25%;
    line-height: 1;
    text-align: left;
  }
  #related-content .eaApp .ttl h4:before {
    position: absolute;
    display: block;
    content:"";
    width: 30px;
    height: 30px;
    left: 0;
    background: url(../img/eaapp_icon.png) no-repeat;
    -webkit-background-size: 30px 30px;
      -moz-background-size: 30px 30px;
    -o-background-size: 30px 30px;
      -ms-background-size: 30px 30px;
    background-size: 30px 30px;
  }
  #related-content .related-links h4 {
    padding: 20px 11px 5px 11px;
    font-size:81.25%;
    color: #FFF;
    border-bottom: 1px solid #2a2a2a;
  }
  footer{
    width:100%;
    background:transparent;
  }
  footer .twitter-eaApp,
  footer .related-links,
  footer .applink-bnr-are {
    display: none;
  }
  footer .copyright02{
    width:730px;
    margin:0 auto;
    padding-bottom:20px;
  }
  footer .footer-menu,
  footer .copyright{
    background:rgba(0,0,0,0.3);
  }
  footer .footer-menu ul {
    width: 760px;
    margin: 0 auto;
    text-align: center;
  }
  footer .footer-menu ul li {
    font-size: 87.5%;
    line-height: 1.428;
  }
  footer .copyright {
    text-align: center;
  }
}
/* 3カラム */
@media only screen and (min-width: 1280px){
  #container-in{
    margin-right:230px;
  }
  #sub-clm{
    float:none;
    width:auto;
    margin:0;
  }
  #global-menu{
    float:left;
    width:230px;
    margin-left:-100%;
  }
  #related-content{
    float:left;
    width:230px;
    margin-left:-230px;
  }
}

/* 共通パーツ ------------------------------------------ */

/* span.lg */
span.lg-ja,
span.lg-en,
span.lg-ko,
span.lg-zh-tw {
  display: none;
}
body.ja span.lg-ja,
body.en span.lg-en,
body.ko span.lg-ko,
body.zh-tw span.lg-zh-tw {
  display: inline;/*inherit*/
}

/* 見出し h2 */
h2.ttl {
  position: relative;
  padding:11px 0 11px 15px;
  font-weight:bold;
  font-size:75%;
  line-height:1.5em;
  color:#fff;
  background:#2e2e2e url(../img/bg_ttl.png) 100% 50% no-repeat;
  -webkit-background-size:contain;
  -moz-background-size:contain;
  -o-background-size:contain;
  -ms-background-size:contain;
  background-size:contain;
}
@media only screen and (max-width: 979px){
  h2.ttl:after{
    position: absolute;
    content:"";
    height:100%;
    width:5px;
    top:0;
    left:0;
    background-image:-moz-linear-gradient(
      #ffb400 0%,
      #b88200 100%
    );
    background-image:-webkit-linear-gradient(
      #ffb400 0%,
      #b88200 100%
    );
    background-image:linear-gradient(
      #ffb400 0%,
      #b88200 100%
    );
    background-position:0 0;
    background-repeat:no-repeat;
    -webkit-background-size:100% 100%;
    -moz-background-size:100% 100%;
    -o-background-size:100% 100%;
    -ms-background-size:100% 100%;
    background-size:100% 100%;
  }
}
@media only screen and (min-width: 980px){
  h2.ttl {
    font-size:150%;
  }
  h2.ttl:before{
    content:"★";
    margin-right:5px;
  }
}
/* 見出し h3 */
h3.ttl {
  position: relative;
  padding:11px 0 11px 15px;
  font-size:81.25%;
  line-height:1;
  color:#333;
}
h3.ttl.ttl-yellow {background: url(../img/bg_ttl_h3_yellow.png) #fff repeat-x;}
h3.ttl.ttl-red {background: url(../img/bg_ttl_h3_red.png) #fff repeat-x;}
h3.ttl.ttl-blue {background: url(../img/bg_ttl_h3_blue.png) #fff repeat-x;}
h3.ttl.ttl-green {background: url(../img/bg_ttl_h3_green.png) #fff repeat-x;}
h3.ttl.ttl-yellow,
h3.ttl.ttl-red,
h3.ttl.ttl-blue,
h3.ttl.ttl-green {
  -webkit-background-size:contain;
  -moz-background-size:contain;
  -o-background-size:contain;
  -ms-background-size:contain;
  background-size:contain;
}
h3.ttl:after {
  position: absolute;
  content:"";
  display: block;
  margin: -15px 0 0 0;
  width: 45px;
  height: 30px;
  right: 0;
  top:50%;
}
h3.ttl.ttl-yellow:after {background: url(../img/icon_ttl_h3_yellow.png) no-repeat;}
h3.ttl.ttl-red:after {background: url(../img/icon_ttl_h3_red.png) no-repeat;}
h3.ttl.ttl-blue:after {background: url(../img/icon_ttl_h3_blue.png) no-repeat;}
h3.ttl.ttl-green:after {background: url(../img/icon_ttl_h3_white.png) no-repeat;}
h3.ttl.ttl-yellow:after,
h3.ttl.ttl-red:after,
h3.ttl.ttl-blue:after,
h3.ttl.ttl-green:after {
  -webkit-background-size:contain;
  -moz-background-size:contain;
  -o-background-size:contain;
  -ms-background-size:contain;
  background-size:contain;
}

@media only screen and (min-width: 980px){
  h3.ttl {
    position: relative;
    padding:16px 0;
    font-size:125%;
    line-height:1;
    text-align: center;
  }
  h3.ttl:after {
    display: block;
    margin: -20px 0 0 0;
    width: 60px;
    height: 40px;
  }
  h3.ttl:before {
    position: absolute;
    content:"";
    display: block;
    margin: -20px 0 0 0;
    width: 60px;
    height: 40px;
    left: 0;
    top:50%;
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
      -o-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
      transform: scaleX(-1);
  }
  h3.ttl.ttl-yellow:before {background: url(../img/icon_ttl_h3_yellow.png) no-repeat;}
  h3.ttl.ttl-red:before {background: url(../img/icon_ttl_h3_red.png) no-repeat;}
  h3.ttl.ttl-blue:before {background: url(../img/icon_ttl_h3_blue.png) no-repeat;}
  h3.ttl.ttl-green:before {background: url(../img/icon_ttl_h3_white.png) no-repeat;}
  h3.ttl.ttl-yellow:before,
  h3.ttl.ttl-red:before,
  h3.ttl.ttl-blue:before,
  h3.ttl.ttl-green:before  {
    -webkit-background-size:contain;
    -moz-background-size:contain;
    -o-background-size:contain;
    -ms-background-size:contain;
    background-size:contain;
  }

}


/* 共通パーツ ------------------------------------------ */
/* 見出し h4 */
h4.ttl {
  position: relative;
  margin: -13px 10% 0;
  padding:5px 0;
  font-size:81.25%;
  line-height:1;
  color:#333;
  text-align: center;
  background: url(../img/bg_ttl_h3_yellow.png) repeat-x;
  -webkit-background-size:contain;
  -moz-background-size:contain;
  -o-background-size:contain;
  -ms-background-size:contain;
  background-size:contain;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  -o-border-radius: 13px;
  -ms-border-radius: 13px;
  border-radius: 13px;
}
h4.ttl.ttl-yellow {background: url(../img/bg_ttl_h3_yellow.png) repeat-x;}
h4.ttl.ttl-red {background: url(../img/bg_ttl_h3_red.png) repeat-x;}
h4.ttl.ttl-blue {background: url(../img/bg_ttl_h3_blue.png) repeat-x;}
h4.ttl.ttl-green {background: url(../img/bg_ttl_h3_green.png) repeat-x;}
h4.ttl.ttl-yellow,
h4.ttl.ttl-red,
h4.ttl.ttl-blue,
h4.ttl.ttl-green {
  -webkit-background-size:contain;
  -moz-background-size:contain;
  -o-background-size:contain;
  -ms-background-size:contain;
  background-size:contain;
}
h4.ttl:before,
h4.ttl:after {
  position: absolute;
  content:"★";
  margin: -8px 0 0 0;
  top:50%;
  color: #FFF;
  font-size: 150%;
}
h4.ttl:before {left: 6px;}
h4.ttl:after {right: 6px;}

@media only screen and (min-width: 980px){
  h4.ttl {
    margin: -16px auto 0;
    padding:8px 0;
    width: 400px;
    font-size:112.5%;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -o-border-radius: 18px;
    -ms-border-radius: 18px;
    border-radius: 18px;
  }
  h4.ttl:before,
  h4.ttl:after {
    margin: -12px 0 0 0;
  }
}

/* レスポンシブ対応のテーブル */
.table-wrapper{
  position: relative;
}
.table-wrapper .pinned{
  display: none;
}
.pc .table-wrapper .scrollable th.long-str{
  font-size:68.75%;
}
.pc .table-wrapper .scrollable th.too-long-str{
  font-size:50%;
}
.table-wrapper .scrollable .line2nd,
.table-wrapper .scrollable .line2nd{
  border-top:1px solid #aaa;
}
@media only screen and (max-width: 979px){
  .sp .table-wrapper .pinned{
    position: absolute;
    display: block;
    top:0;
    left:0;
    width:3em;
  }
  .sp .table-wrapper .scrollable {
    overflow-x:scroll;
    overflow-y:hidden;
    margin-left:3em;
  }
  .sp .table-wrapper table{
    border-left:none;
    border-collapse:separate;
  }
  .sp .table-wrapper .pinned table{
    border-collapse:separate;
  }
  .sp .table-wrapper th,
  .sp .table-wrapper td{
    white-space:nowrap;
  }
  .sp .table-wrapper th{
  height:3em;
  }
  .sp .table-wrapper .scrollable th:first-child,
  .sp .table-wrapper .scrollable td:first-child{
    display:none;
  }
  .sp .table-wrapper .scrollable th,
  .sp .table-wrapper .scrollable td{
    border-left:none;
  border-right:1px solid #aaa;
  }
  .sp .table-wrapper .scrollable th{
    padding-right:5px;
    padding-left:5px;
  }
  .sp .table-wrapper .scrollable td{
    border-right:1px solid #aaa;
  }
  .sp .table-wrapper .scrollable td:last-child{
    border-right:none;
  }
  .sp.multiburst .table-wrapper th.rank,
  .sp.multiburst .table-wrapper td.rank{
    line-height:2;
  }
}


/* ボタン */
.btn{
  width:230px;
  margin-right:auto;
  margin-left:auto;
  padding-bottom:8px;
}
.btn a{
  display:block;
  padding:10px 0;
  border-radius:8px;
  text-align:center;
  font-size:87.5%;
  line-height:1.2857em;
}
.btn-red a{
  border:1px solid #ea101b;
  background-color:#ea101b;
  color:#fff;
  -webkit-box-shadow: 0px 8px #8c0007;
  -moz-box-shadow: 0px 8px #8c0007;
  box-shadow:0px 8px #8c0007;
}
.btn-yellow a{
  border:1px solid #ffb400;
  background-color:#ffb400;
  color:#5a3f00;
  -webkit-box-shadow: 0px 8px #c58b00;
  -moz-box-shadow: 0px 8px #c58b00;
  box-shadow:0px 8px #c58b00;
}
.btn-white a{
  border:1px solid #a0a0a0;
  background-color:#fff;
  color:#333;
  -webkit-box-shadow: 0px 8px #b6b6b6;
  -moz-box-shadow: 0px 8px #b6b6b6;
  box-shadow:0px 8px #b6b6b6;
}
.btn-blue a{
  border:1px solid #16bfff;
  background-color:#16bfff;
  color:#333;
  -webkit-box-shadow: 0px 8px #007faf;
  -moz-box-shadow: 0px 8px #007faf;
  box-shadow:0px 8px #007faf;
}
.btn-gray a {
  border:1px solid #959595;
  background-color:#959595;
  color:#b5b5b5;
  -webkit-box-shadow: 0px 8px #898989;
  -moz-box-shadow: 0px 8px #898989;
  box-shadow:0px 8px #898989;
}
.btn-green a {
  border:1px solid #71df35;
  background-color:#71df35;
  color:#1b4c00;
  -webkit-box-shadow: 0px 8px #49b011;
  -moz-box-shadow: 0px 8px #49b011;
  box-shadow:0px 8px #49b011;
}

.pc .btn-red a:hover{
  -webkit-box-shadow: 0px 2px #8c0007;
  -moz-box-shadow: 0px 2px #8c0007;
  box-shadow:0px 2px #8c0007;
}
.pc .btn-yellow a:hover{
  -webkit-box-shadow: 0px 2px #c58b00;
  -moz-box-shadow: 0px 2px #c58b00;
  box-shadow:0px 2px #c58b00;
}
.pc .btn-white a:hover{
  -webkit-box-shadow: 0px 2px #b6b6b6;
  -moz-box-shadow: 0px 2px #b6b6b6;
  box-shadow:0px 2px #b6b6b6;
}
.pc .btn-blue a:hover{
  -webkit-box-shadow: 0px 2px #007faf;
  -moz-box-shadow: 0px 2px #007faf;
  box-shadow:0px 2px #007faf;
}
.btn-green a:hover{
  -webkit-box-shadow: 0px 2px #49b011;
  -moz-box-shadow: 0px 2px #49b011;
  box-shadow:0px 2px #49b011;
}
.pc .btn-red a:hover,
.pc .btn-yellow a:hover,
.pc .btn-white a:hover,
.pc .btn-blue a:hover,
.pc .btn-green a:hover {
  transform: translate3d(0, 6px, 0);
}

/*シェアボタン*/
ul.sns-btn {
  text-align: center;
}
ul.sns-btn li {
  margin: 0 4px;
  display: inline-block;
}
ul.sns-btn li a {
  display: inline-block;
}
ul.sns-btn a img {
  width: 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.pc ul.sns-btn a img:hover {
  filter:alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
@media only screen and (min-width: 980px){
  .btn{
    width:300px;
  }
  .btn a{
    font-size:100%;
    line-height:1.25em;
  }
}
/* タブナビゲーション（第1階層） */
.tab-level01{
  background: #FFF;
}
.tab-level01 ul{
  border-top:1px solid #bbb;
  border-bottom:1px solid #bbb;
}
.tab-level01 li{
  display: inline-block;
  width:33%;
  border-right:1px solid #bbb;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  text-align:center;
}
.tab-level01 li:last-child{
  width:34%;
  border-right:none;
}
.tab-level01 li a{
  position: relative;
  display:block;
  padding:9px 0;
  border-bottom:5px solid #e0e0e0;
  font-size:75%;
  line-height:1.5em;
  color:#333;
}

.mfc.detail .tab-level01 li:nth-child(3) a:after,
.bm2dx.detail .tab-level01 li:nth-child(3) a:after,
.beatstream.detail .tab-level01 li:nth-child(3) a:after,
.ddr.detail .tab-level01 li:nth-child(3) a:after,
.danceevolution.detail .tab-level01 li:nth-child(3) a:after,
.gitadora_gf.detail .tab-level01 li:nth-child(3) a:after,
.gitadora_dm.detail .tab-level01 li:nth-child(3) a:after {
  position: absolute;
  content:"リザルト掲載";
  right:0;
  top:-10px;
  display: block;
  padding: 5px;
  font-size: 68.75%;
  line-height: 1;
  background: #d6000b;
  color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  z-index: 10;
  -moz-animation: alertmsg 1.3s infinite;
  -webkit-animation: alertmsg 1.3s infinite;
  animation: alertmsg 1.3s infinite;
}

.multiburst.detail .tab-level01 li:nth-child(3) a:after,
.tsum.detail .tab-level01 li:nth-child(3) a:after,
.qma.detail .tab-level01 li:nth-child(3) a:after,
.reflecbeat.detail .tab-level01 li:nth-child(3) a:after,
.popn.detail .tab-level01 li:nth-child(3) a:after,
.jubeat.detail .tab-level01 li:nth-child(3) a:after,
.museca.detail .tab-level01 li:nth-child(3) a:after,
.sdvx.detail .tab-level01 li:nth-child(3) a:after {
  position: absolute;
  content:"リザルト掲載";
  right:0;
  top:-10px;
  display: block;
  padding: 5px;
  font-size: 68.75%;
  line-height: 1;
  background: #d6000b;
  color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  z-index: 10;
  -moz-animation: alertmsg 1.3s infinite;
  -webkit-animation: alertmsg 1.3s infinite;
  animation: alertmsg 1.3s infinite;
}
/*
.final .tab-level01 li:nth-child(3) a:after {
  position: absolute;
  content:"スケジュール発表";
  right:0;
  top:-10px;
  display: block;
  padding: 5px;
  font-size: 68.75%;
  line-height: 1;
  background: #d6000b;
  color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  z-index: 10;
  -moz-animation: alertmsg 1.3s infinite;
  -webkit-animation: alertmsg 1.3s infinite;
  animation: alertmsg 1.3s infinite;
}*/
.tab-level01 li.current a{
  border-bottom:5px solid #d6000b;
  color:#d6000b;
  font-weight: bold;
}
.pc .tab-level01 li a:hover {
  color:#d6000b;
  background: #ffdddf;
  border-bottom:5px solid #d6000b;
}
.mfc_sp.detail .tab-level01 li:nth-child(3) a,
.infinitas.detail .tab-level01 li:nth-child(3) a{
  color:#fff;
}
.mfc_sp.detail .tab-level01 li:nth-child(3) a:hover,
.infinitas.detail .tab-level01 li:nth-child(3) a:hover{
  color:#fff;
  background-color:#fff;
  border-bottom:5px solid #e0e0e0;
}
.mfc_sp.detail .tab-level01 li:nth-child(3) a:after,
.infinitas.detail .tab-level01 li:nth-child(3) a:after{
  position:absolute;
  display: block;
  content:"決勝ラウンドは\Aこちら";
  top:2px;
  left:50%;
  width:9em;
  height:2em;
  margin-left:-6em;
  padding: 5px 0 5px 35px;
  text-align:left;
  white-space: pre;
  font-size: 75%;
  line-height: 1.25;
  color:#666;
}
.mfc_sp.detail .tab-level01 li:nth-child(3) a:before,
.infinitas.detail .tab-level01 li:nth-child(3) a:before{
  position:absolute;
  display: block;
  content:"";
  top:50%;
  left:50%;
  margin-left:-6em;
  margin-top:-15px;
  width:30px;
  height:30px;
  border:1px solid #ccc;
  border-radius:2px;
  font-size: 75%;
  line-height: 1.25;
}
.mfc_sp.detail .tab-level01 li:nth-child(3) a:before{
  background:url(../img/game/mfc_icon.png) 0 0 no-repeat;
  background-size:30px 30px;
}
.infinitas.detail .tab-level01 li:nth-child(3) a:before{
  background:url(../img/game/bm2dx_icon.png) 0 0 no-repeat;
  background-size:30px 30px;
}
@media only screen and (min-width: 380px){
  .mfc_sp.detail .tab-level01 li:nth-child(3) a:after,
  .infinitas.detail .tab-level01 li:nth-child(3) a:after{
    content:"決勝ラウンドは\Aアーケード筐体で";
  }
}
@media only screen and (min-width: 980px){
  .tab-level01 li a{
    font-size:112.5%;
    line-height:1.5em;
  }
  .tab-level01 li.current a{
    font-weight: 100;
  }
}

/* タブナビゲーション（第2階層） */
.tab-level02{
  background: #FFF;
  padding-top:14px;
}
.tab-level02 ul{
  border-bottom:5px solid #2e2e2e;
  text-align:center;
}
.tab-level02 li{
  display: inline-block;
  position: relative;
  width:136px;
  margin:0 10px 0 0;
}
.tab-level02 li:first-child{
  margin-left:10px;
}
.tab-level02 li a{
  display: block;
  padding:6px;
  border-top:1px solid #cacaca;
  border-right:1px solid #cacaca;
  border-left:1px solid #cacaca;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  text-align:center;
  font-size:87.5%;
  line-height:1.4285em;
  color:#333;
}
.tab-level02 li.current a{
  background-color:#2e2e2e;
  border-top:1px solid #2e2e2e;
  border-right:1px solid #2e2e2e;
  border-left:1px solid #2e2e2e;
  color:#fff;
}
.tab-level02 li.current:after{
  position: absolute;
  content:"";
  top:-14px;
  right:-8px;
  width:25px;
  height:20px;
  background:url(../img/icon_current.png);
  -webkit-background-size:25px 20px;
  -moz-background-size:25px 20px;
  -o-background-size:25px 20px;
  -ms-background-size:25px 20px;
  background-size:25px 20px;
}
.tab-level02 li.na p{
  padding:6px;
  border-top:1px solid #cacaca;
  border-right:1px solid #cacaca;
  border-left:1px solid #cacaca;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  text-align:center;
  font-size:87.5%;
  line-height:1.4285em;
  background-color:#e1e1e1;
  color:#9a9a9a;
}
.tab-level02 li.na p span {
  position: absolute;
  display: block;
  padding: 5px;
  right: 0;
  top:-13px;
  right: -10px;
  background: #d6000b;
  color: #fff;
  font-size: 64.25%;
  line-height: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
.tab-level02 li p span {
  display: none;
}
.pc .tab-level02 li a:hover {
  color: #d6000b;
  background: #ffdddf;
  border-top:1px solid #d6000b;
  border-right:1px solid #d6000b;
  border-left:1px solid #d6000b;
}
.pc .tab-level02 li.current a:hover{
  color: #ffb8bc;
  background: #2e2e2e;
  border-top:1px solid #000;
  border-right:1px solid #000;
  border-left:1px solid #000;
}
@media only screen and (min-width: 980px){
  .tab-level02 ul {
      border-bottom: 10px solid #2e2e2e;
  }
  .tab-level02 li{
    width:200px;
    margin:0 10px 0 0;
  }
  .tab-level02 li a,
  .tab-level02 li.na p{
    padding: 10px 6px 8px;
    font-size:112.5%;
    line-height:1.4285em;
  }
  .tab-level02 li.current:after{
    position: absolute;
    content:"";
    top:-17px;
    right:-11px;
    width:36px;
    height:29px;
    background:url(../img/icon_current.png);
    -webkit-background-size:36px 29px;
    -moz-background-size:36px 29px;
    -o-background-size:36px 29px;
    -ms-background-size:36px 29px;
    background-size:36px 29px;
  }
}



/* flow */

.detail .flow dl dd.date em {
  display: inline-block;
  margin: 0 0 5px;
  padding: 1px 6px;
  font-size: 60%;
  background: #959595;
  color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
.detail .flow dl dd.date em.entry-end {
  display: block;
  background: #ddd;
  color:#ea101b;
}
.detail.tsum .flow dl dd.date em {
  display: block;
  padding: 5px 0 0 0;
  color: #d6000b;
  line-height: 1;
  background: none;
}
.en.detail .flow dl dd.date em {
  font-size:80%;
}
@media only screen and (max-width: 749px){
  .flow li {
    position: relative;
    padding: 12px 0 12px 25px;
  }
  .flow li:after {
    position: absolute;
    content:"";
    display: block;
    margin: 0 0 0 7px;
    width: 0;
    height: 0;
    left: 50%;
    bottom: -13px;
    border: 9px solid transparent;
    border-top: 9px solid #999;
  }
  .flow li:last-child {
    padding: 12px 0 0 25px;
  }
  .flow li:last-child:after {
    display: none;
  }
  .flow li dl {
    padding: 10px 10px 10px 0;
    min-height: 40px;
    background: #eee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
  }
  .flow li dl:after {
    position: absolute;
    content:"";
    display: block;
    width: 25px;
    height: 20px;
    right: -7px;
    top:0;
  }
  .flow li.step01 dl:after {background: url(../img/icon_crown_bule.png) no-repeat;}
  .flow li.step02 dl:after {background: url(../img/icon_crown_brown.png) no-repeat;}
  .flow li.step03 dl:after {background: url(../img/icon_crown_red.png) no-repeat;}
  .flow li.step01 dl:after,
  .flow li.step02 dl:after,
  .flow li.step03 dl:after {
    -webkit-background-size: 25px 20px;
    -moz-background-size: 25px 20px;
    -o-background-size: 25px 20px;
    -ms-background-size: 25px 20px;
    background-size: 25px 20px;
  }
  .flow li dl dt,
  .flow li dl dd {
    padding: 0 0 0 65px;
  }
  .flow li dl:before {
    position: absolute;
    content:"";
    display: block;
    width: 79px;
    height: 79px;
    left: 0;
    top:0;
  }
  .flow li.step01 dl:before {background: url(../img/flow_step01_bg.png) no-repeat;}
  .flow li.step02 dl:before {background: url(../img/flow_step02_bg.png) no-repeat;}
  .flow li.step03 dl:before {background: url(../img/flow_step03_bg.png) no-repeat;}
  .flow li.step01 dl:before,
  .flow li.step02 dl:before,
  .flow li.step03 dl:before {
    -webkit-background-size: 79px 79px;
    -moz-background-size: 79px 79px;
    -o-background-size: 79px 79px;
    -ms-background-size: 79px 79px;
    background-size: 79px 79px;
  }
  .flow li.step01 dl dt:before {background: url(../img/flow_step01_icon.png) no-repeat;}
  .flow li.step02 dl dt:before {background: url(../img/flow_step02_icon.png) no-repeat;}
  .flow li.step01 dl dt:before,
  .flow li.step02 dl dt:before {
    position: absolute;
    content:"";
    display: block;
    width: 54px;
    height: 36px;
    left: 13px;
    top:20px;
    -webkit-background-size: 54px 36px;
    -moz-background-size: 54px 36px;
    -o-background-size: 54px 36px;
    -ms-background-size: 54px 36px;
    background-size: 54px 36px;
  }
  .flow li.step03 dl dt:before {
    position: absolute;
    content:"";
    display: block;
    width: 57px;
    height: 44px;
    left: 11px;
    top:15px;
    background: url(../img/flow_step03_logo2.png) no-repeat;
    -webkit-background-size: 57px 44px;
    -moz-background-size: 57px 44px;
    -o-background-size: 57px 44px;
    -ms-background-size: 57px 44px;
    background-size: 57px 44px;
  }
  .flow.jaepo li.step03 dl dt:before {
    position: absolute;
    content:"";
    display: block;
    width: 65px;
    height: 18px;
    left: -18px;
    top:35px;
    background: url(../img/jaepo_logo.png) no-repeat;
    -webkit-background-size: 65px 18px;
    -moz-background-size: 65px 18px;
    -o-background-size: 65px 18px;
    -ms-background-size: 65px 18px;
    background-size: 65px 18px;
  }
  .flow.nico li.step03 dl dt:before {
    position: absolute;
    content:"";
    display: block;
    width: 69px;
    height: 47px;
    left: -19px;
    top:20px;
    background: url(../img/gp_logo.png) no-repeat;
    -webkit-background-size: 69px 47px;
    -moz-background-size: 69px 47px;
    -o-background-size: 69px 47px;
    -ms-background-size: 69px 47px;
    background-size: 69px 47px;
  }
  .flow li dl dt img {
    width: 110px;
  }
  .flow li dl dd.text {
    font-size: 62.5%;
  }
  .flow li.step01 dl dt img {margin: 0 0 0 -8px;}
  .flow li.step02 dl dt img {margin: 0 0 0 -14px;}
  .flow li.step03 dl dt img {margin: 0 0 0 -14px;}
  .en .flow li.step01 dl dt img {margin: 0 0 0 -30px;}
  .en .flow li.step02 dl dt img {margin: 0 0 0 -1px;}
  .en .flow li.step03 dl dt img {margin: 0 0 0 -27px;}
  .detail .schedule .main {
    padding: 0 10px 25px;
  }
  .detail .schedule .main .flow {
    padding: 25px 0 0 0;
  }
  .detail .flow li:after {
    left: 58%;
  }
  .detail .flow li dl dt {
    position: absolute;
    top:-5px;
  }
  .detail .flow li dl dt:before {
    left: -12px;
    top:25px;
  }
  .detail .flow li dl dd.name {
    font-size: 68.75%;
  }
  .detail .flow li dl dd.date {
    font-size: 112.5%;
  }
  .en.detail .flow li dl dd.date{
  font-size:75%;
  }
  .en.detail .flow li.step03 dl dd.date{
  font-size:100%;
  }
  .detail .flow li dl dd.date span {
    font-size: 66.7%;
  }
  .detail .flow li dl dd.place {
    padding: 10px 0 15px 65px;
    font-size: 68.75%;
    line-height: 1.273;
  }
  .detail .flow dl dd.place a {
    color: #d6000b;
    text-decoration: underline;
  }
  .detail .flow li.step01 dl dd.btn-area,
  .detail .flow li.step02 dl dd.btn-area {
    padding: 15px 10px 5px 20px;
  }
  .detail .flow li dl dd.btn-area {
    padding: 0 10px 5px 20px;
  }
  .detail .flow li dl dd.btn-area p.btn {
    width: 100%;
  }
  .detail .flow li dl dd.btn-area p.btn span {
    display: none;
  }
  .detail .flow li dl dd.btn-area p.btn.error {
    position: relative;
  }
  .detail .flow li dl dd.btn-area p.btn.error a {
    color: #fff;
  }
  .detail .flow li dl dd.btn-area p.btn.error span {
    position: absolute;
    display: block;
    width: 170px;
    margin: 0 -92px 0 0;
    padding: 5px;
    right: 0;
    top:-13px;
    right: 50%;
    background: #d6000b;
    color: #fff;
    font-size: 75%;
    line-height: 1;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    white-space: nowrap;
  }
}
@media only screen and (min-width: 750px) and (max-width: 979px){
  .detail .schedule .flow {
    width:705px;
    margin: 0 auto;
    padding: 20px 10px;
  }
}
@media only screen and (min-width: 750px){
  .flow {
    overflow: hidden;
    padding: 10px 0 10px 10px;
  }
  .flow li {
    position: relative;
    float: left;
    margin: 0 46px 0 0;
    width: 204px;
    height: 204px;
  }
  .flow li:last-child {
    margin: 0;
  }
  .flow li.step01 {background: url(../img/flow_step01_bg.png) top center no-repeat;}
  .flow li.step02 {background: url(../img/flow_step02_bg.png) top center no-repeat;}
  .flow li.step03 {background: url(../img/flow_step03_bg.png) top center no-repeat;}
  .flow li dt {
    position: absolute;
    top: 160px;
  }
  .flow li dd.text {
    padding: 120px 0 0 0;
    text-align: center;
    font-size: 87.5%;
    line-height: 1.143;
  }
  .flow li dd.text span {
    display: block;
  }
  .flow li.step03 dd.text {
    display: none;
  }
  .flow li.step01:before {background: url(../img/flow_step01_icon.png) no-repeat;}
  .flow li.step02:before {background: url(../img/flow_step02_icon.png) no-repeat;}
  .flow li.step01:before,
  .flow li.step02:before {
    position: absolute;
    content:"";
    margin: 35px 0 0 -55px;
    display: block;
    width: 110px;
    height: 74px;
    left: 50%;
    -webkit-background-size: 110px 74px;
      -moz-background-size: 110px 74px;
    -o-background-size: 110px 74px;
      -ms-background-size: 110px 74px;
    background-size: 110px 74px;
  }
  .flow li.step03:before {
    position: absolute;
    content:"";
    margin: 30px 0 0 -73px;
    display: block;
    width: 150px;
    height: 116px;
    left: 50%;
    background: url(../img/flow_step03_logo2.png) no-repeat;
    -webkit-background-size: 150px 116px;
      -moz-background-size: 150px 116px;
    -o-background-size: 150px 116px;
      -ms-background-size: 150px 116px;
    background-size: 150px 116px;
  }
  .flow.jaepo li.step03:before {
    position: absolute;
    content:"";
    margin: 75px 0 0 -85px;
    display: block;
    width: 166px;
    height: 46px;
    left: 50%;
    background: url(../img/jaepo_logo.png) no-repeat;
    -webkit-background-size: 166px 46px;
      -moz-background-size: 166px 46px;
    -o-background-size: 166px 46px;
      -ms-background-size: 166px 46px;
    background-size: 166px 46px;
  }
  .flow.nico li.step03:before {
    position: absolute;
    content:"";
    margin: 50px 0 0 -68px;
    display: block;
    width: 138px;
    height: 94px;
    left: 50%;
    background: url(../img/gp_logo.png) no-repeat;
    -webkit-background-size: 138px 94px;
      -moz-background-size: 138px 94px;
    -o-background-size: 138px 94px;
      -ms-background-size: 138px 94px;
    background-size: 138px 94px;
  }
  .flow li:after {
    position: absolute;
    content:"";
    display: block;
    width: 0;
    height: 0;
    right: -40px;
    top:90px;
    border: 10px solid transparent;
    border-top: 10px solid #999;
    -moz-transform: rotate(-90deg);
      -webkit-transform: rotate(-90deg);
      -o-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
  }
  .flow li:last-child:after {
    display: none;
  }
  .detail .flow li.step01:before,
  .detail .flow li.step02:before {
    position: absolute;
    content:"";
    margin: 47px 0 0 -67px;
    display: block;
    width: 134px;
    height: 90px;
    left: 50%;
    -webkit-background-size: 134px 90px;
      -moz-background-size: 134px 90px;
    -o-background-size: 134px 90px;
      -ms-background-size: 134px 90px;
    background-size: 134px 90px;
  }
  .detail .flow li {
    height: auto;
  }
  .detail .flow dl {
    padding: 220px 0 0 0;
  }
  .detail .flow dl dd.date {
    font-size: 125%;
  }
  .en.detail .flow dl dd.date {
    font-size: 75%;
  }
  .en.detail .flow .step03 dl dd.date {
    font-size: 100%;
  }
  .detail .flow dl dd.date span {
    font-size: 55%;
  }
  .detail .flow dl dd.date em {
    display: inline-block;
    margin: 0 0 5px;
    padding: 1px 6px;
    font-size: 60%;
    background: #e0e0e0;
    color: #333;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
  }
  .detail.tsum .flow dl dd.date em {
    padding: 5px 10px;
    color: #d6000b;
    line-height: 1;
    background: #e0e0e0;
  }
  .en.detail .flow dl dd.date em{
  font-size:80%;
  }
  .detail .flow dl dd.name {
    font-size: 75%;
  }
  .detail .flow dl dd.place {
    padding: 10px 0 15px;
    font-size: 75%;
    line-height: 1.25;
  }
  .detail .flow dl dd.place a {
    color: #d6000b;
    text-decoration: underline;
  }
  .detail.pc .flow dl dd.place a:hover {
    text-decoration: none;
  }
  .detail .flow dl dd .btn {
    width: 204px;
    position: relative;
  }
  .detail .flow dl dd .btn.entry-end {
    margin: -27px 0 0 0;
  }
  .detail .flow dl dd .btn.error {
    position: relative;
  }
  .detail .flow dl dd .btn.error a {
    color: #fff;
  }
    .detail .flow dl dd .btn span {
    position: absolute;
    display: block;
    width: 64px;
    margin: 0 -32px 0 0;
    padding: 5px;
    top:-13px;
    right: 50%;
    background: #ffe400;
    color: #222;
    font-size: 75%;
    line-height: 1;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    white-space: nowrap;
  }
  .detail .flow dl dd .btn.error span {
    position: absolute;
    display: block;
    width: 170px;
    margin: 0 -90px 0 0;
    padding: 5px;
    right: 0;
    top:-13px;
    right: 50%;
    background: #d6000b;
    color: #fff;
    font-size: 75%;
    line-height: 1;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    white-space: nowrap;
  }
  .detail .flow li.step01 dl dd.btn-area,
  .detail .flow li.step02 dl dd.btn-area {
    padding: 52px 0 0 0;
  }
  .detail .flow li.step02 dl dd.btn-area {
    padding: 52px 0 0 0;
  }
  .detail.mfc .flow li.step01 dl dd.btn-area,
  .detail.mfc_sp .flow li.step01 dl dd.btn-area {
    padding: 119px 0 0;
  }
  .detail.mfc .flow li.step02 dl dd.btn-area,
  .detail.mfc_sp .flow li.step02 dl dd.btn-area {
    padding: 15px 0 0;
  }
  .detail.mfc .flow li.step03 dl dd.btn-area,
  .detail.mfc_sp .flow li.step03 dl dd.btn-area {
    padding: 67px 0 0 0;
  }
  .detail.tsum .flow li.step02 dl dd.btn-area {
    padding: 13px 0 0 0;
  }
  .detail .flow dl dd .btn em {
    display: none;
  }
}

/* game-img-list */
ul.game-img-list {
  overflow: hidden;
  padding:20px 10px 0;
}
ul.game-img-list li a {
  display: block;
  color: #333;
}
ul.game-img-list li {
  position: relative;
  float: left;
  text-align: center;
  margin: 0 0 10px;
}
ul.game-img-list li img {
  width: 90px;
  border:1px solid #ccc;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}
.pc ul.game-img-list li a:hover img {
  border:1px solid #d6000b;
}
.pc ul.game-img-list li a:hover dd {
  color: #d6000b;
}
ul.game-img-list li dl {
  position: relative;
  width: 92px;
  margin: 0 auto;
}
ul.game-img-list li dd {
  margin: 5px 0 0 0;
  font-size:62.5%;
  line-height: 1.2;
  text-align: center;
  height: 24px;
}
ul.game-img-list li dd span,
ul.game-img-list li dd em {
  display: block;
}
ul.game-img-list li dd em.mb {
  font-size: 90%;
  line-height: 1.333;
}
ul.game-img-list li.entry dl:before {
  position: absolute;
  content:"";
  width: 0;
  height: 0;
  right: -37px;
  top:-37px;
  border: 37px solid transparent;
  border-top: 37px solid #ea101b;
  -moz-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
ul.game-img-list li.entry dl:after {
  position: absolute;
  right: 3px;
  top:0;
  content:"エントリー";
  color: #FFF;
  font-size: 7px;
}
.en ul.game-img-list li.entry dl:after,
.ko ul.game-img-list li.entry dl:after,
.zh-tw ul.game-img-list li.entry dl:after {
  content:"Signed";
}
ul.game-img-list li.entry dl dt:before {
  position: absolute;
  content:"済";
  right: 3px;
  top:14px;
  color: #FFF;
  font-size: 106.25%;
}
.en ul.game-img-list li.entry dl dt:before,
.ko ul.game-img-list li.entry dl dt:before,
.zh-tw ul.game-img-list li.entry dl dt:before {
  content:"UP";
}
@media only screen and (min-width: 320px){
  ul.game-img-list li {width: 33%;}
}
@media only screen and (min-width: 460px){
  ul.game-img-list li {width: 25%;}
}
@media only screen and (min-width: 600px){
  ul.game-img-list li {width: 20%;}
}
@media only screen and (min-width: 700px){
  ul.game-img-list li {width: 16.6%;}
}
@media only screen and (min-width: 850px){
  ul.game-img-list li {width: 12.5%;}
}
@media only screen and (min-width: 980px){
  ul.game-img-list li a {
    width: auto;
  }
  ul.game-img-list {
    overflow: hidden;
    padding: 30px 0 10px 20px;
  }
  ul.game-img-list li {
    width: auto;
    position: relative;
    float: left;
    margin: 0 15px 15px 0;
  }
  ul.game-img-list li img {
    width: 128px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
  }
  ul.game-img-list li dl {
    width: auto;
    margin: 0;
  }
  ul.game-img-list li dd {
    margin: 10px 0 0 0;
  }
  ul.game-img-list li dd em {
    display: inline;
  }
  ul.game-img-list li.entry dl:before {
    right: -50px;
    top:-50px;
    border: 50px solid transparent;
    border-top: 50px solid #ea101b;
  }
  ul.game-img-list li.entry dl:after {
    right: 5px;
    top:0;
    font-size: 56.3%;
  }
  ul.game-img-list li.entry dl dt:before {
    right: 3px;
    top:19px;
    font-size: 125%;
  }
  
}

/* game-machine-list */
ul.game-machine-list {
  padding: 15px 10px;
  overflow:hidden;
}
ul.game-machine-list li {
  position: relative;
  float: left;
  padding: 5px;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
ul.game-machine-list li a {
  display: block;
}
ul.game-machine-list li img {
  width: 100%;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #ccc;
}
.pc ul.game-machine-list li img:hover {
  border:1px solid #d6000b;
}
ul.game-machine-list li.entry a:before {
  position: absolute;
  content:"";
  width: 0;
  height: 0;
  right: -46px;
  top:-45px;
  border: 50px solid transparent;
  border-top: 50px solid #ea101b;
  -moz-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
ul.game-machine-list li.entry a:after {
  position: absolute;
  right: 12px;
  top:6px;
  content:"エントリー";
  color: #FFF;
  font-size: 7px;
}
.en ul.game-machine-list li.entry a:after,
.ko ul.game-machine-list li.entry a:after,
.zh-tw ul.game-machine-list li.entry a:after {
  content:"Signed";
}
ul.game-machine-list li.entry a span:before {
  position: absolute;
  content:"済";
  right: 10px;
  top:20px;
  color: #FFF;
  font-size: 106.25%;
}
.en ul.game-machine-list li.entry a span:before,
.ko ul.game-machine-list li.entry a span:before,
.zh-tw ul.game-machine-list li.entry a span:before {
  content:"UP";
}
@media only screen and (min-width: 320px) and (max-width: 500px){
   ul.game-machine-list li {width: 50%;}
}
@media only screen and (min-width: 500px) and (max-width: 650px){
   ul.game-machine-list li {width: 33%;}
}
@media only screen and (min-width: 650px) and (max-width: 720px){
   ul.game-machine-list li {width: 25%;}
}
@media only screen and (min-width: 720px) and (max-width: 979px){
   ul.game-machine-list li {width: 20%;}
}
@media only screen and (min-width: 980px){
  ul.game-machine-list li {
    width: auto;
    padding: 0px;
  }
  ul.game-machine-list li img {
    width: 168px;
  }
  .index ul.game-machine-list {
    padding: 25px 0 15px 20px;
  }
  ul.game-machine-list li {
    margin: 0 8px 10px 0;
  }
  ul.game-machine-list li.entry a:before {
    right: -50px;
    top:-50px;
    border: 50px solid transparent;
    border-top: 50px solid #ea101b;
  }
  ul.game-machine-list li.entry a:after {
    right: 5px;
    top:0;
    font-size: 56.3%;
  }
  ul.game-machine-list li.entry a span:before {
    right: 3px;
    top:19px;
    font-size: 125%;
  }
}
@media only screen and (min-width: 1050px){
  ul.game-machine-list li img {
    width: 176px;
  }
}

/* notes-list */
.notes-list li {
  position: relative;
  padding: 0 0 0 1em;
  font-size: 68.75%;
  line-height: 1.273;
}
.notes-list li:before {
  position: absolute;
  content:"・";
  left: 0;
}
.notes-list li li{
  font-size:100%;
}
.notes-list.asterisk li:before {content:"※";}
.notes-list.num li:nth-child(1):before {content:"�@";}
.notes-list.num li:nth-child(2):before {content:"�A";}
.notes-list.num li:nth-child(3):before {content:"�B";}
.notes-list.num li:nth-child(4):before {content:"�C";}
.notes-list.num li:nth-child(5):before {content:"�D";}
.notes-list.num li:nth-child(6):before {content:"�E";}
.notes-list.num li:nth-child(7):before {content:"�F";}
.notes-list.num li:nth-child(8):before {content:"�G";}
.notes-list.num li:nth-child(9):before {content:"�H";}
.notes-list.num li:nth-child(10):before {content:"�I";}

@media only screen and (min-width: 980px){
  .notes-list li {
    font-size: 81.25%;
    line-height:1.539;
  }
}

/* normal-table ------------------------------------------ */
.normal-table {
  width: 100%;
  border:1px solid #aaa;
}
.normal-table th,
.normal-table td {
  padding: 10px 0;
  font-weight: 100;
  font-size: 81.25%;
  line-height: 1;
}
.normal-table thead th {
  background: #2e2e2e;
  color: #fff;
  text-align: center;
}
.normal-table.point2 thead th {
  position: relative;
}
.normal-table.point2 thead th span.add-info {
  position: absolute;
  display: block;
  padding: 5px;
  right: -10px;
  top:-10px;
  background: #d6000b;
  color: #fff;
  line-height: 1;
  -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
  border-radius: 4px;
}
.normal-table thead th span.date{
  font-size:76.923%;
}
.normal-table tr:nth-child(2n) td {
  background: #eee;
}
.line2 .normal-table tr:nth-child(2n) td {
  background: transparent;
}
.line2 .normal-table tr:nth-child(4n-1) td,
.line2 .normal-table tr:nth-child(4n) td {
  background: #eee;
}
.sdvx .normal-table tr td.date {
  text-align: center;
}
.simple-table table{
  border-right:1px solid #aaa;
  border-bottom:1px solid #aaa;
}
.simple-table th{
  background: #eee;
}
.simple-table th,
.simple-table td{
  padding:3px 5px;
  text-align:center;
  border-top:1px solid #aaa;
  border-left:1px solid #aaa;
}

@media only screen and (min-width: 980px){
  .normal-table th,
  .normal-table td {
    line-height: 1.231;
  }
}

/* live-broadcast ------------------------------------------ */
.live-broadcast .niconico-detail{
  max-width:320px;
  margin:0 auto;
}
.live-broadcast .niconico-detail iframe{
  vertical-align:top;
}
.live-broadcast .btn-area{
  padding-top:20px;
}
.live-broadcast .btn-area .btn a:before {
  content:"";
  display: inline-block;
  margin: 0 7px 0 0;
  width: 21px;
  height: 15px;
  background: url(../img/movie_icon_brown.png) no-repeat;
  -webkit-background-size: 21px 15px;
    -moz-background-size: 21px 15px;
  -o-background-size: 21px 15px;
    -ms-background-size: 21px 15px;
  background-size: 21px 15px;
  vertical-align: middle;
}
.final .live-broadcast .btn-area .btn a:before {
  content:"";
  display: inline-block;
  margin: 0 7px 0 0;
  width: 21px;
  height: 15px;
  background: url(../img/movie_icon_white.png) no-repeat;
  -webkit-background-size: 21px 15px;
    -moz-background-size: 21px 15px;
  -o-background-size: 21px 15px;
    -ms-background-size: 21px 15px;
  background-size: 21px 15px;
  vertical-align: middle;
}
@media only screen and (max-width: 979px){
  .live-broadcast {
    padding: 15px 10px 5px;
  }
  .live-broadcast .btn-area p:first-child {
    margin: 0 auto 10px;
  }
}
@media only screen and (min-width: 980px){
  .live-broadcast {
    padding: 15px 50px 25px;
    -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -o-border-radius: 4px;
      -ms-border-radius: 4px;
    border-radius: 4px;
  }
  .live-broadcast p.msg {
    padding: 0 0 15px;
    text-align: center;
    color: #ea101b;
    font-size: 93.75%;
  }
  .live-broadcast .btn-area {
    overflow: hidden;
  }
  .live-broadcast .btn-area .btn a:before {
    width: 27px;
    height: 19px;
    background: url(../img/movie_icon_brown.png) no-repeat;
    -webkit-background-size: 27px 19px;
      -moz-background-size: 27px 19px;
    -o-background-size: 27px 19px;
      -ms-background-size: 27px 19px;
    background-size: 27px 19px;
  }
  .final .live-broadcast .btn-area .btn a:before {
    width: 27px;
    height: 19px;
    background: url(../img/movie_icon_white.png) no-repeat;
    -webkit-background-size: 27px 19px;
      -moz-background-size: 27px 19px;
    -o-background-size: 27px 19px;
      -ms-background-size: 27px 19px;
    background-size: 27px 19px;
  }
  /*.live-broadcast .btn-area .btn:first-child {
    float: left;
  }
  .live-broadcast .btn-area .btn:last-child {
    float: right;
  }*/
}

/* loader ------------------------------------------ */
.loader {
  padding: 100px 0;
}
.loader.s{
  padding:3px;
}
.loader.inline{
  display:inline-block;
  padding:0;
}
.ld-circle {
  margin: 0 auto;
    width: 80px;
    height: 80px;
    position: relative;
}
.loader.s .ld-circle {
  margin: 0 auto;
    width: 20px;
    height: 20px;
    position: relative;
}
.loader.inline .ld-circle {
  margin: 0 auto;
    width: 12px;
    height: 12px;
    position: relative;
}
.ld-circle .ld-child {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.ld-circle .ld-child:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #12caff;
    border-radius: 100%;
    -webkit-animation: ld-circleBounceDelay 1.2s infinite ease-in-out both;
    animation: ld-circleBounceDelay 1.2s infinite ease-in-out both;
}
.inline .ld-circle .ld-child:before{
  background-color: #ccc;
}
.ld-circle .ld-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}
.ld-circle .ld-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
}
.ld-circle .ld-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.ld-circle .ld-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
}
.ld-circle .ld-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg);
}
.ld-circle .ld-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.ld-circle .ld-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg);
}
.ld-circle .ld-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg);
}
.ld-circle .ld-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}
.ld-circle .ld-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg);
}
.ld-circle .ld-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg);
}
.ld-circle .ld-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}
.ld-circle .ld-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}
.ld-circle .ld-circle4:before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}
.ld-circle .ld-circle5:before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}
.ld-circle .ld-circle6:before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}
.ld-circle .ld-circle7:before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}
.ld-circle .ld-circle8:before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}
.ld-circle .ld-circle9:before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}
.ld-circle .ld-circle10:before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}
.ld-circle .ld-circle11:before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}
.ld-circle .ld-circle12:before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}
@-webkit-keyframes ld-circleBounceDelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    } 40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes ld-circleBounceDelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    } 40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@media only screen and (min-width: 320px) and (max-width: 500px){
  .ld-circle {
      width: 50px;
      height: 50px;
  }
}
@media only screen and (min-width: 980px){
  .loader {
    -webkit-border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    -ms-border-radius: 0 0 8px 8px;
    -o-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px;
  }
}

/* opening-declaration-movie ------------------------------------------ */
.opening-declaration-movie {
  padding: 5px 20px 20px;
}
.opening-declaration-movie .main {
  padding: 10px;
  background: #000;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}
.opening-declaration-movie .main .youtube-detail {
  position: relative;
  width: 100%;
  padding: 56.25% 0 0 0;
}
.opening-declaration-movie .main p.movie-text {
  padding: 10px 0 0 0;
  color: #fff;
  font-size: 81.25%;
  line-height: 1;
  text-align: center;
}
.opening-declaration-movie .main p.movie-text span {
  display: none;
}
.opening-declaration-movie .main p.movie-detail-text {
  padding: 10px 0 0 0;
  text-align: left;
  font-size: 62.5%;
  line-height: 1.2;
  color: #fff;
}
.opening-declaration-movie .main .youtube-detail iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.opening-declaration-movie .main .niconico-detail iframe {
  background-image:-moz-linear-gradient(
    #fff 0%,
    #eee 100%
  );
  background-image:-webkit-linear-gradient(
    #fff 0%,
    #eee 100%
  );
  background-image:linear-gradient(
    #fff 0%,
    #eee 100%
  );
}


@media only screen and (min-width: 500px) and (max-width: 600px){
  .opening-declaration-movie {
      padding: 5px 10% 20px;
  }
}
@media only screen and (min-width: 600px) and (max-width: 750px){
  .opening-declaration-movie {
      padding: 5px 20% 20px;
  }
  .opening-declaration-movie .main p.movie-text span {
    display: block;
  }
}
@media only screen and (min-width: 750px) and (max-width: 979px){
  .opening-declaration-movie {
      padding: 5px 25% 20px;
  }
  .opening-declaration-movie .main p span {
    display: block;
  }
}
@media only screen and (min-width: 980px){
  .opening-declaration-movie {
    padding: 5px 20px 0;
  }
  .opening-declaration-movie .main {
    width: 560px;
    /*height: 315px;*/
    margin: 0 auto 30px;
    padding: 10px 10px 15px;
  }
  .opening-declaration-movie .youtube-detail iframe {
    width: 560px;
    height: 315px;
  }
  .opening-declaration-movie .main p.movie-text {
    padding: 13px 0 0 0;
    font-size: 87.5%;
  }
  .opening-declaration-movie .main p.movie-text span {
    display: inline;
  }
  .opening-declaration-movie .main p.movie-detail-text {
    padding: 10px 10px 5px;
    font-size: 68.75%;
    line-height: 1.363;
  }
}


/* TOP ------------------------------------------ */
.index .main-visual{
  background-color:#e90f1b;
  background-image:url(../img/main_visual_bg_sp.png),-moz-linear-gradient(
    #fcc502 0%,
    #e90f1b 100%
  );
  background-image:url(../img/main_visual_bg_sp.png),-webkit-linear-gradient(
    #fcc502 0%,
    #e90f1b 100%
  );
  background-image:url(../img/main_visual_bg_sp.png),linear-gradient(
    #fcc502 0%,
    #e90f1b 100%
  );
  background-position:50% 0,50% 0;
  background-repeat:no-repeat, no-repeat;
  background-size:304px auto, 100% 180px;
}
.index .main-visual .logo{
  position: relative;
  width:195px;
  height:125px;
  margin:0 auto;
  text-indent: -9999px;
  background:url(../img/main_visual_sp.png) 0 15px no-repeat;
  background-size:195px 101px;
}

.index .main-visual .catch-copy{
  text-align:center;
  color:#fff;
}
.index .main-visual .catch-copy span {
  display: block;
}
.index .main-visual ul.sns-btn {
  padding: 10px 0;
}
.index .main-visual ul.sns-btn img {
  border:1px solid #ff8e8b;
}
.index .about .main{
  padding:0 10px 25px;
}
.index .about .main .lead{
  padding-top:18px;
  font-size:68.75%;
  line-height:1.3636em;
}
.index .about.kac6th .main .lead{
  margin: 0 0 20px;
}
.index .movie-archive .main {
  padding: 15px;
}
.index .movie-archive .main dl dt a {
  display: block;
  margin: 0 0 10px;
}
.index .movie-archive .main dl dt img {
  width: 100%;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
    -ms-border-radius: 8px;
  border-radius: 8px;
}
.index.pc .movie-archive .main dl dt img:hover {
  filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.index .movie-archive .main dl dd {
  font-size:68.75%;
  line-height:1.3636em;
}

@media only screen and (min-width: 500px){
  .index .main-visual .catch-copy span {
    display: inline-block;
  }
}
@media only screen and (min-width: 700px) and (max-width: 979px){
  .index .movie-archive .main {
    padding: 25px 15px;
  }
  .index .movie-archive .main dl {
    display: table;
  }
  .index .movie-archive .main dl dt {
    display: table-cell;
    padding: 0 15px 0 0;
    vertical-align: middle;
  }
  .index .movie-archive .main dl dt img {
    width: 400px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
      -ms-border-radius: 8px;
    border-radius: 8px;
  }
  .index .movie-archive .main dl dt span {
    display: block;
  }
  .index .movie-archive .main dl dd {
    display: table-cell;
    font-size:81.25%;
    line-height:1.308;
    vertical-align: middle;
  }
}
@media only screen and (min-width: 750px) and (max-width: 979px){
  .index .about .flow {
    width:705px;
    margin: 0 auto;
    padding: 20px 0;
  }
}
@media only screen and (max-width: 979px){
  .index .about .flow {
    padding: 10px 0 0 0;
  }
  .index section.lineup .notes-list {
    padding: 0 15px 20px;
  }
  .index section.final-round .main p.lead {
    position: relative;
    padding: 107px 10px 0;
    font-size: 68.75%;
      line-height: 1.3636;
  }
  .index section.final-round .main p.lead:before {
    position: absolute;
    content:"";
    display: block;
    margin: 0 0 0 -130px;
    width: 115px;
    height: 78px;
    top:12px;
    left: 50%;
    background: url(../img/gp_logo.png) no-repeat;
    -webkit-background-size: 115px 78px;
      -moz-background-size: 115px 78px;
    -o-background-size: 115px 78px;
      -ms-background-size: 115px 78px;
    background-size: 115px 78px;
  }
  .index section.final-round .main p.lead:after {
    position: absolute;
    content:"";
    display: block;
    margin: 0 -130px 0 0;
    width: 128px;
    height: 35px;
    top:35px;
    right: 50%;
    background: url(../img/jaepo_logo.png) no-repeat;
    -webkit-background-size: 128px 35px;
      -moz-background-size: 128px 35px;
    -o-background-size: 128px 35px;
      -ms-background-size: 128px 35px;
    background-size: 128px 35px;
  }
  .index section.final-round .main .btn-area {
    padding: 20px 0;
  }
  
  .index section.final-round .main .msg {
    text-align: center;
    color: #d6000b;
  }
  .index section.final-round .main .msg span {
    display: block;
    font-size: 75%;
    line-height: 1.25;
  }
  .index .update-info li{
    display:none;
    padding:13px 10px;
    border-bottom:1px solid #ccc;
  }
  .index .update-info li:nth-child(1),
  .index .update-info li:nth-child(2),
  .index .update-info li:nth-child(3),
  .index .update-info li:nth-child(4),
  .index .update-info li:nth-child(5),
  .index .update-info li:nth-child(6),
  .index .update-info li:nth-child(7),
  .index .update-info li:nth-child(8),
  .index .update-info li:nth-child(9),
  .index .update-info li:nth-child(10),
  .index .update-info li:nth-child(11),
  .index .update-info li:nth-child(12){
    display:block;
  }
  .index .update-info li a{
    display:block;
    position: relative;
    padding-right:10px;
    color:#333;
  }
  .index .update-info li a:after{
    display: block;
    position: absolute;
    content:"";
    right: 0;
    top: 50%;
    width: 10px;
    height: 10px;
    margin-top: -6px;
    border-top: solid 1px #d6000b;
    border-right: solid 1px #d6000b;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .index .update-info li span.date{
    display: block;
    font-size:56.25%;
    line-height:1.2222em;
  }
  .index .update-info li span.ttl{
    display: block;
    margin-top:2px;
    font-size:75%;
    line-height:1.1666em;
  }
  .index .update-info .btn-area{
    padding:15px 0;
  }
}
@media only screen and (min-width: 980px){
  .index .main-visual{
    background-color:transparent;
    background-image:url(../img/main_visual_bg_pc.png);
    background-position:50% 0px;
    background-repeat:no-repeat;
    background-size:auto auto;
  }
  .index .main-visual .logo{
    overflow: hidden;
    width:374px;
    height:224px;
    margin:0 auto;
    text-indent: -9999px;
    background:url(../img/main_visual_pc.png) 0 30px no-repeat;
    background-size:auto;
  }
  .index .main-visual .catch-copy{
    padding:30px 0;
    font-size:137.5%;
    line-height:1.5em;
  }
  .index .main-visual ul {
    display: none;
  }
  .index section.about.kac6th h2.ttl{
    border-radius:8px 8px 0 0;
  }
  .index section .main{
    background-color:#fff;
  }
  .index .about .main .lead{
    padding: 40px 20px 30px 160px;
    margin: 0 0 0 20px;
    font-size: 81.25%;
    line-height: 1.385;
    background: url(../img/kac_lead_img.png) left center no-repeat;
  }
  .index .about.kac6th .main .lead{
    padding: 60px 20px 55px 160px;
    margin: 0 0 0 20px;
    font-size: 81.25%;
    line-height: 1.385;
    background: url(/game/kac6th/img/kac_staff_icon.png) left center no-repeat;
    background-size: 130px 130px;
  }
  .index section.lineup .notes-list {
    padding: 0 15px 20px;
  }
  .index section.final-round .main {
    padding: 30px 20px;
  }
  .index section.final-round .main p.lead {
    position: relative;
    padding: 0 400px 0 0;
    font-size: 81.25%;
      line-height: 1.385;
  }
  .index section.final-round .main p.lead:before {
    position: absolute;
    content:"";
    width: 152px;
    height: 103px;
    right: 215px;
    background: url(../img/gp_logo.png) no-repeat;
    -webkit-background-size: 152px 103px;
      -moz-background-size: 152px 103px;
    -o-background-size: 152px 103px;
      -ms-background-size: 152px 103px;
    background-size: 152px 103px;
  }
  .index section.final-round .main p.lead:after {
    position: absolute;
    content:"";
    width: 180px;
    height: 49px;
    right: 10px;
    background: url(../img/jaepo_logo.png) no-repeat;
    -webkit-background-size: 180px 49px;
      -moz-background-size: 180px 49px;
    -o-background-size: 180px 49px;
      -ms-background-size: 180px 49px;
    background-size: 180px 49px;
  }
  .index section.final-round .main .btn-area .btn-red {
    width: 300px;
    margin: 0;
    padding: 15px 0 30px;
  }

  .index section.update-info .main{
    border-radius: 0 0 8px 8px;
  }
  .index .update-info .main{
    padding:30px 20px;
  }
  .index .update-info ul{
    overflow-x:hidden;
    overflow-y:scroll;
    height:300px;
    padding:15px 36px 0;
    border-radius:4px;
    background-color:#eee;
  }
  .index .update-info ul li{
    padding-bottom:15px;
  }
  .ja.index .update-info ul li span.lg-ja,
  .en.index .update-info ul li span.lg-en,
  .ko.index .update-info ul li span.lg-ko,
  .zh-tw.index .update-info ul li span.lg-zh-tw{
    display: block;
  }
  .index .update-info ul li span.date{
    font-size:62.5%;
    line-height:1.2em;
  }
  .index .update-info ul li a span.date{
    color:#333;
  }
  .index .update-info ul li span.ttl{
    margin-top:3px;
    font-size:87.5%;
    line-height:1.2857em;
  }
  .index .update-info ul li a span.ttl{
    color:#d6000b;
    text-decoration: underline;
  }
  .index.pc .update-info ul li a:hover span.ttl {
    text-decoration: none;
  }
  .index .update-info .btn-area{
    display: none;
  }
  .index .movie-archive .main {
    padding: 25px 20px;
  }
  .index .movie-archive .main dl {
    display: table;
  }
  .index .movie-archive .main dl dt a {
    margin: 0;
  }
  .index .movie-archive .main dl dt {
    display: table-cell;
    padding: 0 15px 0 0;
    vertical-align: middle;
  }
  .index .movie-archive .main dl dt img {
    width: 400px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
      -ms-border-radius: 8px;
    border-radius: 8px;
  }
  .index .movie-archive .main dl dt span {
    display: block;
  }
  .index .movie-archive .main dl dd {
    display: table-cell;
    font-size:87.5%;
    line-height:1.2857em;
    vertical-align: middle;
  }
}
@media only screen and (min-width: 1050px){
  .index #content {
    width: 780px;
  }
  .index ul.game-img-list {
      padding: 30px 0 10px 35px;
  }
  .index section.final-round .main .btn-area .btn-red {
    padding: 15px 0 30px 15px;
  }
}


/* sub-container ------------------------------------------ */
.sub-container {
  margin: 12px 0 0;
  position: relative;
  background: #eee;
  border:1px solid #eee;
  -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
  border-radius: 8px;
}

@media only screen and (min-width: 980px){
  .sub-container {
    margin: 17px 0 0;
  }
}




/* detail ------------------------------------------ */
.detail #content .group-tab-menu {
  position: relative;
}
.detail #content .group-tab-menu.bm2dx p {
  position: absolute;
  left: 10px;
  top:10px;
}
.detail #content .group-tab-menu.mfc p {
  position: absolute;
  left: 6px;
  top:4px;
}
.detail #content .group-tab-menu p img {
  width: 141px;
}
.detail #content .group-tab-menu ul {
  display: table;
  width: 100%;
  padding: 6px 10px 0 50%;
  text-align: right;
  border-bottom: 4px solid #2e2e2e;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.detail #content .group-tab-menu ul li:first-child {
  padding: 0 8px 0 0;
}
.detail #content .group-tab-menu ul li {
  display: table-cell;
  width:30%;
}
.detail #content .group-tab-menu ul li a {
  display: block;
  padding: 12px 0 10px;
  background: #fff;
  border: 1px solid #ccc;
  border-bottom: none;
  text-align: center;
  color: #333;
  font-size: 68.75%;
  line-height: 1;
  -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.detail.pc #content .group-tab-menu ul li a:hover {
  border: 1px solid #d6000b;
  border-bottom: none;
  color: #d6000b;
}
.detail #content .group-tab-menu ul li.current a {
  color: #fff;
  background: #2e2e2e;
  border: 1px solid #2e2e2e;
  border-bottom: none;
}
.detail.pc #content .group-tab-menu ul li.current a:hover {
  color: #ffb8bc;
  background: #2e2e2e;
  border: 1px solid #2e2e2e;
  border-bottom: none;
}
.detail .no-translation-msg {
  margin: 10px 15px 0 15px;
  padding: 10px 0;
  background: #fcc102;
  color: #000;
  text-align: center;
  font-size: 87.5%;
  line-height: 1;
  -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
  border-radius:5px;
}
.detail .lead .main {
  padding: 20px 10px 10px;
  text-align: left;
}
.detail .lead .main p.img {
  display: none;
}
.detail .lead .main p.text {
  font-size: 68.75%;
    line-height: 1.3636em;
}
.qma.detail .lead .main ul.event-schedule{
  width:480px;
  margin-bottom:10px;
}
.qma.detail .lead .main ul.event-schedule li{
  padding: 5px;
  border-top:1px solid #999;
  border-left:1px solid #999;
  border-right:1px solid #999;
  border-bottom:none;
  font-size: 68.75%;
  line-height: 1.3636em;
}
.qma.detail .lead .main ul.event-schedule li:last-child{
  border-bottom:1px solid #999;
}
.qma.detail .lead .main ul.event-schedule li em{
  display:inline-block;
  width:8em;
}
.qma.detail .lead .main ul.event-schedule li em:nth-child(2){
  padding-left:0.5em;
  padding-right:0.5em;
}
.detail .lead .main.strong-msg p.text {
  padding: 5px 10px;
  display: block;
  width: 100%;
  text-align: center;
  background: #ffd97e;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border:4px solid #ffb400;
}
.detail .lead .main .detail-img {
  padding: 15px 0;
}
.detail .lead .main .detail-img ul {
  position: relative;
  margin: 0 auto;
  width: 300px;
  height: 375px;
}
.detail .lead .main .detail-img ul {background: url(../img/mfc_detail_01_sp_ja.gif) no-repeat;}
.detail .lead .main .detail-img ul.three-mfc {background: url(../img/mfc_detail_02_sp_ja.gif) no-repeat;}
.detail.en .lead .main .detail-img ul {background: url(../img/mfc_detail_01_sp_en.gif) no-repeat;}
.detail.en .lead .main .detail-img ul.three-mfc {background: url(../img/mfc_detail_02_sp_en.gif) no-repeat;}
.detail.ko .lead .main .detail-img ul {background: url(../img/mfc_detail_01_sp_ko.gif) no-repeat;}
.detail.ko .lead .main .detail-img ul.three-mfc {background: url(../img/mfc_detail_02_sp_ko.gif) no-repeat;}
.detail.zh-tw .lead .main .detail-img ul {background: url(../img/mfc_detail_01_sp_zh-tw.gif) no-repeat;}
.detail.zh-tw .lead .main .detail-img ul.three-mfc {background: url(../img/mfc_detail_02_sp_zh-tw.gif) no-repeat;}
.detail .lead .main .detail-img ul,
.detail .lead .main .detail-img ul.three-mfc,
.detail.en .lead .main .detail-img ul,
.detail.en .lead .main .detail-img ul.three-mfc,
.detail.ko .lead .main .detail-img ul,
.detail.ko .lead .main .detail-img ul.three-mfc,
.detail.zh-tw .lead .main .detail-img ul,
.detail.zh-tw .lead .main .detail-img ul.three-mfc {
  -webkit-background-size: 300px auto;
  -moz-background-size: 300px auto;
  -o-background-size: 300px auto;
  -ms-background-size: 300px auto;
  background-size: 300px auto;
}
.detail .lead .main .detail-img ul li a {
  position: absolute;
  display: block;
  padding: 28px 44px 40px;
  width: 52px;
  height: 52px;
}
.detail.pc .lead .main .detail-img ul li a:after {
  position: absolute;
  display: block;
  content:"";
  width: 50px;
  height: 50px;
  -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -o-border-radius:8px;
    -ms-border-radius:8px;
  border-radius:8px;
  top:26px;
  left: 43px;
}
.detail.pc .lead .main .detail-img ul li a:hover:after {
  border:3px solid #ef1018;
}
.detail .lead .main .detail-img ul.four-mfc {
  margin-bottom:10px;
}
.detail .lead .main .detail-img ul li:first-child a{
  top:252px;
  left: 10px;
}
.detail .lead .main .detail-img ul li:last-child a{
  top:253px;
  left: 150px;
}

/* ボルテ、ポイント表 */
.detail.sdvx .main .simple-table{
  overflow:hidden;
  padding:2px 0 5px;
}
.detail.sdvx .main .simple-table table{
  width:100%;
  max-width:280px;
}
.detail.sdvx .main .simple-table table .rank{
  width:50%;
}
.detail.sdvx .main .simple-table table thead{
  display:none;
}
.detail.sdvx .main .simple-table table:first-child{
  border-bottom:none;
}
.detail.sdvx .main .simple-table table:first-child thead{
  display:table-header-group;
}
.detail .task .main {
  padding: 20px 10px;
}
.detail.sdvx .task .detail table.point2 {
  margin: 20px 0 10px;
}
.detail .task .detail table tbody th {
  background: #ffb400;
  text-align: center;
}
.detail .task .detail table .music {
  width:60%;
  padding: 10px;
}
.detail .task .detail table .music span.msg,
.detail .task .detail table .difficulty span.msg{
  font-size:84.6153%;
}
.detail .task .detail table .difficulty {
  border-left: 1px solid #aaa;
  text-align: center;
}
.detail.mfc .task .main .task-notes .btn-gray a,
.detail.mfc_sp .task .main .task-notes .btn-gray a {
  pointer-events: none;
}
.detail .task-attend-list p.text {
  font-size: 68.75%;
    line-height: 1.3636em;
}
.detail .task-attend-list ol li {
  border-bottom:1px solid #e0e0e0;
}
.detail .task-attend-list ol li:last-child {
  border:none;
}
.detail .task-attend-list ol li .task-attend-detail {
  padding: 15px 0;
}
.detail .task-attend-list ol li .task-attend-detail h4 {
  position: relative;
  padding: 15px 0 15px 70px;
  font-size: 81.25%;
    line-height: 1.3076em;
}
.detail .task-attend-list ol li .task-attend-detail h4 span {
  position: absolute;
  display: block;
  margin: -25px 0 0 0;
  padding: 20px 0 0 0;
  width: 50px;
  height: 30px;
  left: 0;
  top:50%;
  background: #ffb400;
  text-align: center;
  font-size: 26px;
  line-height: 1;
  -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -o-border-radius: 25px;
    -ms-border-radius: 25px;
  border-radius: 25px;
}
.detail .task-attend-list ol li .task-attend-detail h4 span:after {
  position: absolute;
  display: block;
  margin: 0 0 0 -11px;
  content:"条件";
  left: 50%;
  top:8px;
  text-align: center;
  font-size: 11px;
  line-height: 1;
}
.detail .task-attend-list ol li .task-attend-detail-inner {
  padding: 10px 0;
  overflow: hidden;
}
.detail .task-attend-list ol li .task-attend-detail-inner dl {
  position:relative; 
  padding: 0 0 0 70px;
  width: 48.5%;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.detail .task-attend-list ol li .task-attend-detail-inner dl:last-child {
  float: right;
}
.detail .task-attend-list ol li .task-attend-detail-inner dl dt {
  position: absolute;
  margin: -25px 0 0 0;
  left: 0;
  top:50%;
  font-size: 26px;
  text-align: center;
}
.detail .task-attend-list ol li .task-attend-detail-inner dl dt span {
  display: block;
  font-size: 11px;
}
.detail .task-attend-list ol li .task-attend-detail-inner dl dd ul {
  border-bottom:1px solid #999;
}
.detail .task-attend-list ol li .task-attend-detail-inner dl dd ul li {
  padding: 5px 0;
  border-top:1px solid #999;
  border-left:1px solid #999;
  border-right:1px solid #999;
  border-bottom:none;
  text-align: center;
  font-size: 125%;
  line-height: 1;
}
.detail .task-attend-list ol li .task-attend-detail-inner dl dd ul li em,
.detail .task-attend-list ol li .task-attend-detail-inner dl dd ul li span {
  font-size: 12px;
}
.detail .task-attend-list ol li .task-attend-detail-inner dl dd ul li.exp-gray {
  padding: 6px 0;
  background: #999;
  color: #fff;
  font-size: 81.25%;
}
.detail .task-attend-list ol li .task-attend-detail .result-msg {
  position: relative;
  padding: 8px 10px;
  background: #ff6868;
  text-align: center;
  color: #fff;
  font-size: 87.5%;
  line-height: 1;
  -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
  border-radius: 6px;
}
.detail .task-attend-list ol li .task-attend-detail .result-msg:before {
  position: absolute;
  content:"";
  display: block;
  width: 0;
  height: 0;
  left: 20px;
  top:-18px;
  border: 8px solid transparent;
  border-top: 10px solid #ff6868;
  -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    z-index: 10px;
}
.detail .ranking p.error{
  padding:20px 0;
  text-align:center;
}
.detail .ranking .tab-ranking dl {
  position: relative;
  font-size: 81.25%;
}
.detail .ranking .tab-ranking dl dt {
  position: absolute;
  margin: -10px 0 0 0;
  left: 0;
  top:50%;
}
.detail .ranking .tab-ranking dl dd {
  margin: 0 0 0 4em;
}
.detail .ranking .tab-ranking dl dd select {
  width: 100%;
  font-size: 100%;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.detail .ranking .tab-ranking ul {
  display: table;
  width: 100%;
}
.detail .ranking .tab-ranking ul li {
  width: 16.6666%;
  display: table-cell;
}
.detail .ranking .tab-ranking ul.max-page-2 li {
  width:50%;
}
.detail .ranking .tab-ranking ul.max-page-3 li {
  width:33%;
}
.detail .ranking .tab-ranking ul.max-page-4 li {
  width:25%;
}
.detail .ranking .tab-ranking ul.max-page-5 li {
  width:20%;
}
.detail .ranking .tab-ranking ul li.current a,
.detail .ranking .tab-ranking ul.page-1 li.page-1 a,
.detail .ranking .tab-ranking ul.page-2 li.page-2 a,
.detail .ranking .tab-ranking ul.page-3 li.page-3 a,
.detail .ranking .tab-ranking ul.page-4 li.page-4 a,
.detail .ranking .tab-ranking ul.page-5 li.page-5 a,
.detail .ranking .tab-ranking ul.page-6 li.page-6 a {
  color: #d6000b;
  font-weight: bold;
}
.detail .ranking .tab-ranking ul li p.btn {
  width: auto;
}
.detail .ranking .tab-ranking ul li p.btn a {
  white-space: nowrap;
  word-break: break-all;
  word-wrap: break-word;
  font-size: 68.75%;
}
.detail.infinitas .ranking .tab-ranking ul li p.btn a{
  font-size:50%;
}
.detail .ranking table thead th{
  border-left:1px solid #aaa;
  padding-right:5px;
  padding-left:5px;
  word-break: break-all;
  word-wrap: break-word;
}
.detail .ranking table tbody td.player{
  word-break: break-all;
  word-wrap: break-word;
}
.pc.detail .ranking .bm2dx table thead th.score{
  min-width:4em;
}
.pc.detail .ranking .bm2dx.category-1 table thead th.score.long-str,
.pc.detail .ranking .bm2dx.category-2 table thead th.score.long-str{
  width:9em;
}
.pc.detail .ranking .bm2dx.category-1 table thead th.date,
.pc.detail .ranking .bm2dx.category-2 table thead th.date{
  width:7em;
}
.pc.detail .ranking .infinitas table thead th.score.long-str{
  width:8em;
}
.pc.detail .ranking .infinitas table thead th.date{
  width:7em;
}
.pc.detail .ranking .jubeat table thead th.score.long-str{
  width:6em;
}
.pc.detail .ranking .jubeat table thead th.date{
  width:7em;
}
.pc.detail .ranking .popn.category-1 table thead th.score{
  width:5em;
}
.pc.detail .ranking .popn.category-2 table thead th.score.long-str{
  width:7em;
}
.pc.detail .ranking .popn.category-2 table thead th.score{
  min-width:4em;
}
.pc.detail .ranking .popn table thead th.date{
  width:7em;
}
.pc.detail .ranking .reflecbeat.category-1 table thead th.score{
  min-width:4em;
}
.pc.detail .ranking .reflecbeat.category-2 table thead th.score.long-str,
.pc.detail .ranking .reflecbeat.category-3 table thead th.score.long-str{
  width:9em;
}
.pc.detail .ranking .reflecbeat.category-4 table thead th.score.long-str,
.pc.detail .ranking .reflecbeat.category-4 table thead th.score.too-long-str{
  width:10em;
}
.pc.detail .ranking .reflecbeat table thead th.date{
  width:4em;
}
.pc.detail .ranking .sdvx.category-1 table thead th.score.long-str,
.pc.detail .ranking .sdvx.category-4 table thead th.score.long-str{
  max-width:9em;
}
.pc.detail .ranking .sdvx.category-1 table thead th.date,
.pc.detail .ranking .sdvx.category-2 table thead th.date,
.pc.detail .ranking .sdvx.category-3 table thead th.date,
.pc.detail .ranking .sdvx.category-4 table thead th.date{
  width:4em;
}
.pc.detail .ranking .gitadora_gf table tbody td.player,
.pc.detail .ranking .gitadora_dm table tbody td.player{
  font-size:75%;
}
.pc.detail .ranking .gitadora_gf table thead th.score{
  max-width:5em;
  font-size:68.75%;
}
.pc.detail .ranking .gitadora_dm table thead th.score{
  width:4em;
  font-size:68.75%;
}
.pc.detail .ranking .gitadora_gf table tbody td.score,
.pc.detail .ranking .gitadora_dm table tbody td.score{
  font-size:62.5%;
}
.pc.detail .ranking .gitadora_dm table thead th.score.long-str{
  width:3.5em;
}
.pc.detail .ranking .gitadora_gf table thead th.date,
.pc.detail .ranking .gitadora_dm table thead th.date{
  width:7em;
}
.pc.detail .ranking .gitadora_gf table tbody td.date,
.pc.detail .ranking .gitadora_dm table tbody td.date{
  font-size:62.5%;
}
.pc.detail .ranking .danceevolution table thead th.score{
  width:4em;
}
.pc.detail .ranking .danceevolution table thead th.date{
  width:7em;
}
.pc.detail .ranking .danceevolution table tbody td.player{
  font-size:75%;
}
.pc.detail .ranking .danceevolution table tbody td.score,
.pc.detail .ranking .danceevolution table tbody td.date{
  font-size:62.5%;
}
.pc.detail .ranking .museca table thead th.score{
  width:5em;
}
.pc.detail .ranking .museca table thead th.date{
  width:5em;
}
.pc.detail .ranking .museca table tbody td.player{
  font-size:75%;
}
.pc.detail .ranking .museca table tbody td.score,
.pc.detail .ranking .museca table tbody td.date{
  font-size:62.5%;
}
.pc.detail .ranking .beatstream table tbody td.player,
.pc.detail .ranking .beatstream table tbody td.score,
.pc.detail .ranking .beatstream table tbody td.date{
  font-size:75%;
}

.detail .ranking table tbody td {
  padding: 10px 5px;
  border-left:1px solid #aaa;
  text-align: center;
}
.detail .ranking table tbody td.rank {
  boder-left:none;
}
.detail .ranking .page-1 table tbody tr:nth-child(1) td.rank {
  background: #d6000b;
  color: #fff;
}
.detail .ranking .page-1 table tbody tr:nth-child(2) td.rank {background: #ffc000;}
.detail .ranking .page-1 table tbody tr:nth-child(3) td.rank {background: #25deff;}
.detail .ranking .page-1 .line2 table tbody tr:nth-child(3) td.rank {background: #ffc000;}
.detail .ranking .page-1 .line2 table tbody tr:nth-child(5) td.rank {background: #25deff;}


.tsum.detail .ranking table td.leader-tsum{
  padding-top:0;
  padding-bottom:0;
}
.tsum.detail .ranking table td.leader-tsum img{
  width:60px;
  height:60px;
}
.tsum.detail .ranking .pinned table tbody tr{
  height:60px;
}
.multiburst.detail .ranking td.player em{
  font-size:84.6153%;
  color:#943b00;
}
.multiburst.detail .ranking th.shopname,
.multiburst.detail .ranking td.shopname{
  width:100px;
}
.multiburst.detail .ranking td.shopname{
  font-size:68.75%;
}
.detail .live-info .main{
  padding: 10px 10px 1px;
}
.detail .live-info .main .youtube-detail,
.detail .live-info .main .niconico-detail{
  width:100%;
  padding:10px;
  max-width:640px;
  margin-right:auto;
  margin-left:auto;
  margin-bottom:10px;
  background: #000;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.detail .live-info .main .youtube-detail-in {
  position: relative;
  width: 100%;
  padding: 56.25% 0 0 0;
}
.detail .live-info .main .youtube-detail iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.detail .live-info .main .niconico-detail iframe {
  vertical-align:top;
  background-image:-moz-linear-gradient(
    #fff 0%,
    #eee 100%
  );
  background-image:-webkit-linear-gradient(
    #fff 0%,
    #eee 100%
  );
  background-image:linear-gradient(
    #fff 0%,
    #eee 100%
  );
}
.detail .live-info .main .youtube-beatstream{
  width:100%;
  padding:10px;
  max-width:640px;
  margin-right:auto;
  margin-left:auto;
  margin-bottom:10px;
  background: #000;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.detail .live-info .main .youtube-beatstream img{
  width:100%;
}
.detail .rule {
  padding: 10px 0 0 0;
  background: #FFF;
} 
.detail .privilege .main {
  padding: 20px 10px;
}
.detail .privilege .sub-container{
  padding:15px 10px 10px;
}
.detail .privilege .sub-container h4.ttl{
  margin-top:-28px;
  margin-bottom:10px;
}
.detail .privilege .sub-container dl {
  padding: 15px 10px;
}
.detail .privilege .main ul li {
  margin: 0 0 35px;
}
.detail .privilege .main ul li:last-child {
  margin: 0;
}
.detail .privilege .main ul li dl {
  max-width:616px;
  margin-top:10px;
  margin-right:auto;
  margin-left:auto;
  padding: 10px;
  text-align: center;
  border-radius: 8px;
  background-color:#fff;
}
.detail .privilege .main ul li dl dt {
  padding:0;
}
.detail .privilege .main ul li dl dt img {
  width: 100%;
}
.mfc.detail .privilege .main ul li dl dt img,
.qma.detail .privilege .main ul li dl dt img,
.tsum.detail .privilege .main ul li dl dt img,
.multiburst.detail .privilege .main ul li dl dt img {
  max-width:369px;
}
.detail .privilege .main ul li dl dd {
  padding: 8px 0 0 0;
  font-size: 68.75%;
  line-height: 1.273;
}
.detail .privilege .comingsoon-item,
.detail .lead .comingsoon-item {
  width:100%;
  background: #eee;
  -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
  border-radius: 8px;
}
.detail .privilege .comingsoon-item p,
.detail .lead .comingsoon-item p {
  text-align: center;
}
.detail .privilege .comingsoon-item p img,
.detail .lead .comingsoon-item p img {
  width:237px;
}
.detail .champion .main {
  padding: 20px 10px;
}
.detail .champion .champion-detail {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e90f1b), color-stop(0.00, #fcc402));
  background: -webkit-linear-gradient(#fcc402, #e90f1b);
  background: -moz-linear-gradient(#fcc402, #e90f1b);
  background: -o-linear-gradient(#fcc402, #e90f1b);
  background: -ms-linear-gradient(#fcc402, #e90f1b);
  background: linear-gradient(#fcc402, #e90f1b);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}
.detail .champion .champion-detail h2 {
  position: relative;
  padding: 250px 0 15px;
  color: #FFF;
  text-align: center;
  background: url(../img/champion_detail_bg.png) top center no-repeat;
  -webkit-background-size: 300px auto;
  -moz-background-size: 300px auto;
  -o-background-size: 300px auto;
  -ms-background-size: 300px auto;
  background-size: 300px auto;
}
.detail .champion .champion-detail h2:after {
  position: absolute;
  content:"";
  margin: 0 0 0 -95px;
  display: block;
  width: 190px;
  height: 140px;
  top:105px;
  left: 50%;
  background-color: #fff;
  background-position:top center;
  background-repeat:no-repeat;
  -webkit-background-size: 190px auto;
  -moz-background-size: 190px auto;
  -o-background-size: 190px auto;
  -ms-background-size: 190px auto;
  background-size: 190px auto;
}
.detail.mfc .champion .mfc-3p .champion-detail h2:after {background-image: url(../img/game/mfc-3p_cp.jpg);}
.detail.mfc .champion .mfc-4p .champion-detail h2:after {background-image: url(../img/game/mfc-4p_cp.jpg);}
.detail.mfc_sp .champion .champion-detail h2:after {background-image: url(../img/game/mfc_cp.jpg);}
.detail.bm2dx .champion .champion-detail h2:after {background-image: url(../img/game/bm2dx_cp.jpg);}
.detail.beatstream .champion .champion-detail h2:after {background-image: url(../img/game/beatstream_cp.jpg);}
.detail.ddr .champion .champion-detail h2:after {background-image: url(../img/game/ddr_cp.jpg);}
.detail.danceevolution .champion .champion-detail h2:after {background-image: url(../img/game/danceevolution_cp.jpg);}
.detail.gitadora_gf .champion .champion-detail h2:after {background-image: url(../img/game/gitadora_gf_cp.jpg);}
.detail.gitadora_dm .champion .champion-detail h2:after {background-image: url(../img/game/gitadora_dm_cp.jpg)}
.detail.jubeat .champion .champion-detail h2:after {background-image: url(../img/game/jubeat_cp.jpg);}
.detail.museca .champion .champion-detail h2:after {background-image: url(../img/game/museca_cp.jpg);}
.detail.popn .champion .popn_boy .champion-detail h2:after {background-image: url(../img/game/popn-boy_cp.jpg);}
.detail.popn .champion .popn_girl .champion-detail h2:after {background-image: url(../img/game/popn-girl_cp.jpg);}
.detail.sdvx .champion .champion-detail h2:after {background-image: url(../img/game/sdvx_cp.jpg);}
.detail.reflecbeat .champion .champion-detail h2:after {background-image: url(../img/game/reflecbeat_cp.jpg);}
.detail.qma .champion .champion-detail h2:after {background-image: url(../img/game/qma_cp.jpg);}
.detail.tsum .champion .champion-detail h2:after {background-image: url(../img/game/tsum_cp.jpg);}
.detail.multiburst .champion .champion-detail h2:after {background-image: url(../img/game/multiburst_cp.jpg);}
.detail.infinitas .champion .champion-detail h2:after {background-image: url(../img/game/infinitas_cp.jpg);}

.detail .champion .champion-detail h2 span {
  font-size: 68.75%;
  line-height: 1;
}
.detail .champion .champion-detail h2 em {
  display: block;
  font-size: 87.5%;
  line-height: 1.286;
}
.detail .champion .champion-detail h2 span:before {
  display: inline-block;
  margin: 0 5px 0 0;
}
.detail.mfc .champion .champion-detail h2 span:before {content:"麻雀格闘倶楽部";}
.detail.bm2dx .champion .champion-detail h2 span:before {content:"beatmania IIDX";}
.detail.beatstream .champion .champion-detail h2 span:before {content:"BeatStream";}
.detail.ddr .champion .champion-detail h2 span:before {content:"DanceDanceRevolution";}
.detail.danceevolution .champion .champion-detail h2 span:before {content:"DanceEvolution ARCADE";}
.detail.gitadora_gf .champion .champion-detail h2 span:before {content:"GITADORA GuitarFreaks";}
.detail.gitadora_dm .champion .champion-detail h2 span:before {content:"GITADORA DrumMania";}
.detail.jubeat .champion .champion-detail h2 span:before {content:"jubeat";}
.detail.museca .champion .champion-detail h2 span:before {content:"M\0daSECA";}
.detail.popn .champion .champion-detail h2 span:before {content:"pop'n music";}
.detail.sdvx .champion .champion-detail h2 span:before {content:"SOUND VOLTEX";}
.detail.reflecbeat .champion .champion-detail h2 span:before {content:"REFLEC BEAT";}
.detail.qma .champion .champion-detail h2 span:before {content:"クイズマジックアカデミー";}
.detail.tsum .champion .champion-detail h2 span:before {content:"ディズニー ツムツム";}
.detail.multiburst .champion .champion-detail h2 span:before {content:"モンスターストライク MULTI BURST";}
.detail .score .main {
  padding: 15px 0 25px 10px;
}
.detail .score .main table th,
.detail .score .main table td {
  border-left:1px solid #aaa;
  text-align: center;
}
.detail .score .main table tbody tr:nth-child(1) td {
  background: #ffd4d6;
}
.detail .score .main table tbody tr:nth-child(1) td.top {
  background: #d6000b;
  color: #fff;
}
.detail .result table tbody th {
  background: #ffb400;
}
.detail .result h4.table-ttl{
  margin-top:10px;
  padding:10px 0;
  border-top:1px solid #aaa;
  border-right:1px solid #aaa;
  border-left:1px solid #aaa;
  text-align:center;
  background-color:#2e2e2e;
  color:#fff;
}
.detail .result h4.table-ttl:first-child{
  margin-top:0;
}
/* 個別の調整 */
.pc.detail .score .main table th.player,
.pc.detail .score .main table td.player{
  width:10em;
}
.pc.detail.reflecbeat .score .main table th.player,
.pc.detail.reflecbeat .score .main table td.player{
  width:50%;
}
.pc.detail.tsum .score .main table th.player,
.pc.detail.tsum .score .main table td.player{
  width:40%;
}
.detail.multiburst .score .main table th.team,
.detail.multiburst .score .main table td.team,
.detail.multiburst .score .main table th.player,
.detail.multiburst .score .main table td.player{
  width:40%;
}
.pc.detail .score .main table th.rank,
.pc.detail .score .main table td.rank{
  width:4em;
}

@media only screen and (max-width: 979px){
  .sp.detail .score .main .table-wrapper table th,
  .sp.detail .score .main .table-wrapper table td{
    border-left:none;
  }
  .sp.detail .score .main .table-wrapper th{
    height:2em;
  }
  .sp.detail .score .main .table-wrapper table th:first-child,
  .sp.detail .score .main .table-wrapper table td:first-child{
    border-left:1px solid #aaa;
  }
  .sp.detail .score .table-wrapper .scrollable td:last-child{
    border-right:1px solid #aaa;
  }

  .sp.detail .score .table-wrapper .pinned{
    width:6em;
  }
  .sp.detail .score .table-wrapper .scrollable {
    margin-left:6em;
  }
  .sp.detail.reflecbeat .score .table-wrapper .pinned{
    width:9em;
  }
  .sp.detail.reflecbeat .score .table-wrapper .scrollable {
    margin-left:9em;
  }
  .sp.detail.tsum .score .table-wrapper .pinned{
    width:12em;
  }
  .sp.detail.tsum .score .table-wrapper .scrollable {
    margin-left:12em;
  }
}

/* スクロール不要 */
.multiburst.detail .result,
.qma.detail .result{
  margin-left:7px;
}
.multiburst.detail .result table{
  margin-bottom:20px;
}
.multiburst.detail .result,
.qma.detail .result{
  margin-right:7px;
}
.multiburst.detail .result table tbody th:nth-child(1),
.multiburst.detail .result table tbody th:nth-child(2){
  width:43%;
}

.detail .movie-archive .main {
  padding: 15px 10px;
}
.detail .movie-archive .main .movie-area {
  text-align: center;
}
.detail #entry-btn{
  display:none;
  -moz-animation: entryAreaAnimation 2s;
  -webkit-animation: entryAreaAnimation 2s;
  animation: entryAreaAnimation 2s;
}
.detail #entry-btn.not-tgt-region .btn a,
.detail #entry-btn.none .btn a,
.detail .flow li dl dd.btn-area p.btn.not-tgt-region a,
.detail .flow li dl dd.btn-area p.btn.error a,
.detail #content .detail-ttl .game-links.entry .btn.not-tgt-region a,
.detail #content .detail-ttl .game-links.entry .btn.error a,
.detail .flow dl dd .btn.not-tgt-region a,
.detail .flow dl dd .btn.error a {
  pointer-events:none;/*ボタンのイベントなくす*/
}
.detail #content .detail-ttl .game-links.entry .btn.error span,
.detail .flow dl dd .btn.error span,
.detail #entry-btn.none .btn span,
.detail #content .detail-ttl .game-links.entry .btn span.status,
.detail .flow dl dd .btn span.status,
.detail #entry-btn .btn span.status {
  -moz-animation: alertmsg 1.3s infinite;
  -webkit-animation: alertmsg 1.3s infinite;
  animation: alertmsg 1.3s infinite;
}
@-moz-keyframes alertmsg {
  0%{
    -moz-transform: scale(1);
    transform: scale(1);
  }
  50%{
    -moz-transform: scale(1.15);
    transform: scale(1.15);
  }
  99%,100% {
    -moz-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes alertmsg {
  0%{
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50%{
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
  }
  99%,100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes alertmsg {
  0%{
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50%{
    -moz-transform: scale(1.15);
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
  }
  99%,100% {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-moz-keyframes entryAreaAnimation {
  0%{
    bottom: -120px;
  }
  50% {
    bottom: -120px;
  }
  100% {
    bottom: 0;
  }
}
@-webkit-keyframes entryAreaAnimation {
  0%{
    bottom: -120px;
  }
  50% {
    bottom: -120px;
  }
  100% {
    bottom: 0;
  }
}
@keyframes entryAreaAnimation {
  0%{
    bottom: -120px;
  }
  50% {
    bottom: -120px;
  }
  100% {
    bottom: 0;
  }
}


@media only screen and (max-width: 979px){
  .detail #content .detail-ttl ul.group-tab-menu-bm2dx,
  .detail #content .detail-ttl ul.group-tab-menu-mfc {
    overflow:hidden;
    padding: 6px 10px 0 10px;
    text-align: center;
    border-bottom: 4px solid #2e2e2e;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
   .detail #content .detail-ttl ul.group-tab-menu-bm2dx li:first-child,
    .detail #content .detail-ttl ul.group-tab-menu-mfc li:first-child {
    padding: 0 8px 0 0;
  }
  .detail #content .detail-ttl ul.group-tab-menu-bm2dx li,
    .detail #content .detail-ttl ul.group-tab-menu-mfc li {
    display: inline-block;
    width:170px;
  }
  .detail #content .detail-ttl ul.group-tab-menu-bm2dx li a,
  .detail #content .detail-ttl ul.group-tab-menu-mfc li a {
    display: block;
    padding: 12px 0 10px;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom: none;
    text-align: center;
    color: #333;
    font-size: 68.75%;
    line-height: 1;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
  }
  .detail #content .detail-ttl ul.group-tab-menu-bm2dx li a span{
    display:none;
  }
   .detail #content .detail-ttl ul.group-tab-menu-bm2dx li a:hover,
    .detail #content .detail-ttl ul.group-tab-menu-mfc li a:hover {
    border: 1px solid #d6000b;
    border-bottom: none;
    color: #d6000b;
  }
   .detail #content .detail-ttl ul.group-tab-menu-bm2dx li.current a,
    .detail #content .detail-ttl ul.group-tab-menu-mfc li.current a {
    color: #fff;
    background: #2e2e2e;
    border: 1px solid #2e2e2e;
    border-bottom: none;
  }
  .detail #content .detail-ttl ul.group-tab-menu-bm2dx li.current a:hover,
    .detail #content .detail-ttl ul.group-tab-menu-mfc li.current a:hover {
    color: #ffb8bc;
    background: #2e2e2e;
    border: 1px solid #2e2e2e;
    border-bottom: none;
  }
  .detail #content .detail-ttl ul.group-tab-menu-bm2dx li a img,
  .detail #content .detail-ttl ul.group-tab-menu-mfc li a img{
  width:20px;
  height:20px;
  border-radius:2px;
  margin-right:5px;
  }

  .detail #content .detail-ttl h1 {
    position: relative;
    padding-top: 39%;
    height: 0;
    overflow: hidden;
    display: block;
    background-color:#f1f1f1;
    background-repeat:no-repeat;
    background-position:50% 50%;
    -webkit-background-size: 100% auto;
      -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
      -ms-background-size: 100% auto;
    background-size: 100% auto;
  }
  .detail.mfc .detail-ttl h1 {background-image: url(../img/game/mfc_sp.jpg);}
  .detail.mfc_sp .detail-ttl h1 {background-image: url(../img/game/mfc_sp_sp.jpg);}
  .detail.bm2dx .detail-ttl h1 {background-image: url(../img/game/bm2dx_sp.jpg);}
  .detail.beatstream .detail-ttl h1 {background-image: url(../img/game/beatstream_sp.jpg);}
  .detail.ddr .detail-ttl h1 {background: url(../img/game/ddr_sp.jpg);}
  .detail.danceevolution .detail-ttl h1 {background-image: url(../img/game/danceevolution_sp.jpg);}
  .detail.gitadora_gf .detail-ttl h1 {background-image: url(../img/game/gitadora_gf_sp.jpg);}
  .detail.gitadora_dm .detail-ttl h1 {background-image: url(../img/game/gitadora_dm_sp.jpg);}
  .detail.jubeat .detail-ttl h1 {background-image: url(../img/game/jubeat_sp.jpg);}
  .detail.museca .detail-ttl h1 {background-image: url(../img/game/museca_sp.jpg);}
  .detail.popn .detail-ttl h1 {background-image: url(../img/game/popn_sp.jpg);}
  .detail.sdvx .detail-ttl h1 {background-image: url(../img/game/sdvx_sp.jpg);}
  .detail.reflecbeat .detail-ttl h1 {background-image: url(../img/game/reflecbeat_sp.jpg);}
  .detail.qma .detail-ttl h1 {background-image: url(../img/game/qma_sp.jpg);}
  .detail.tsum .detail-ttl h1 {background-image: url(../img/game/tsum_sp.jpg);}
  .detail.multiburst .detail-ttl h1 {background-image: url(../img/game/multiburst_sp.jpg);}
  .detail.infinitas .detail-ttl h1 {background-image: url(../img/game/infinitas_sp.jpg);}
  .detail #content .detail-ttl h1 strong {
    display: block;
    padding: 20px 0 0 0;
  }
  .detail .no-translation-msg {
    margin: 0;
    padding: 10px 0;
    background: #fcc102;
    color: #000;
    text-align: center;
    font-size: 68.75%;
    line-height: 1;
    -webkit-border-radius:0;
      -moz-border-radius:0;
      -o-border-radius:0;
      -ms-border-radius:0;
    border-radius:0;
  }
  .detail #content .detail-ttl .game-links ul {
    background: #f1f1f1;
    text-align: center;
  }
  .detail #content .detail-ttl .game-links ul li:last-child a {
    padding: 5px 0 5px 10px;
  }
  .detail #content .detail-ttl .game-links ul li a {
    position: relative;
    display: block;
    padding: 5px 15px 5px 10px;
    color: #333;
    font-size: 68.75%;
  }
  .detail #content .detail-ttl .game-links ul li a:before {
    position: absolute;
    content:"";
    display: block;
    margin: -5px 0 0 0;
    width: 0;
    height: 0;
    left: 0;
    top:50%;
    border: 5px solid transparent;
    border-top: 5px solid #333;
    -moz-transform: rotate(-90deg);
      -webkit-transform: rotate(-90deg);
      -o-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
  }
  .detail #content .detail-ttl .game-links .btn {
    display: none;
  }
  .detail #content .detail-ttl .sns {
    padding: 13px 0;
  }
  .detail .lead.link p.btn {
    margin: 15px auto 0;
  }
  .detail .about-entry .main {
    padding: 20px 10px;
  }
  .detail .about-entry .main dl {
    margin: 10px 0 0;
    font-size: 68.75%;
      line-height: 1.273;
  }
  .detail .about-entry .main dl dt {
    font-weight: bold;
  }
  .detail .task .main p.lead {
    font-size: 68.75%;
      line-height: 1.3636em;
  }
  .detail.tsum .task .main p.lead,
  .detail.multiburst .task .main p.lead {
    padding: 0 0 10px;
  }
  .detail.gitadora_gf .task .task-notes dl:first-child,
  .detail.gitadora_dm .task .task-notes dl:first-child {
    padding: 0 0 10px;
  }
  .detail.gitadora_gf .task .task-notes dl dt,
  .detail.gitadora_dm .task .task-notes dl dt {
    font-size: 68.75%;
      line-height: 1.3636em;
    font-weight: bold;
  }
  .detail.gitadora_gf .task .task-notes dl dd,
  .detail.gitadora_dm .task .task-notes dl dd {
    font-size: 68.75%;
      line-height: 1.3636em;
  }
  .detail.mfc .task .main .task-notes p.lead,
  .detail.mfc_sp .task .main .task-notes p.lead,
  .detail.mfc .task .main .task-notes dl,
  .detail.mfc_sp .task .main .task-notes dl,
  .detail.reflecbeat .task .main p.text,
  .detail.reflecbeat .task .main .task-notes dl {
    padding: 0 0 15px;
  }
  .detail.mfc .task .main .task-notes dl,
  .detail.mfc_sp .task .main .task-notes dl,
  .detail.mfc .task .main .about-task,
  .detail.mfc_sp .task .main .about-task,
  .detail.reflecbeat .task .main p.text,
  .detail.reflecbeat .task .main .task-notes dl {
    font-size: 68.75%;
      line-height: 1.3636em;
  }
  .detail.mfc .task .main .task-notes dl dt,
  .detail.mfc_sp .task .main .task-notes dl dt,
  .detail.mfc .task .main .about-task,
  .detail.mfc_sp .task .main .about-task,
  .detail.reflecbeat .task .main .task-notes dl dt {
    font-weight: bold;
  }
  .detail.mfc .task .main .task-notes .btn-area,
  .detail.mfc_sp .task .main .task-notes .btn-area{
    padding-top:10px;
    text-align:center;
  }
  .detail.mfc .task .main .task-notes .btn-area .btn,
  .detail.mfc_sp .task .main .task-notes .btn-area .btn {
    display:inline-block;
    margin:0 10px 10px;
  }
  .detail.mfc .task .main .task-notes .btn-area .btn:last-child,
  .detail.mfc_sp .task .main .task-notes .btn-area .btn:last-child{
    margin-bottom:0;
  }
  .detail.qma .task .notes-list {
    padding: 15px 0 0 0;
  }
  .detail .task .detail table {
    margin: 0 0 10px;
  }
  .detail .task .notes-list {
    padding: 5px 0 0 0;
  }
  .detail .task .notes-list ul{
  padding-bottom:5px;
  }
  .detail .own-rank .main{
    padding:0 10px;
  }
  .detail .own-rank .main .main-in{
    max-width:400px;
    margin:10px auto 0;
    padding:0 10px 10px;
    border-radius:5px;
    background-color:#ffb400;
  }
  .detail .own-rank .main .ttl{
    padding-top:3px;
    text-align:center;
    font-size:75%;
    line-height:1.5em;
  }
  .detail .own-rank .main .ttl em{
    display:inline-block;
    padding:3px 0 3px 25px;
    background:url(../img/icon_own_rank_ttl.png) 0 3px no-repeat;
    background-size:21px 15px;
  }
  .detail .own-rank .main ul.rank-list{
    overflow:hidden;
  }
  .detail .own-rank .main ul.rank-list li{
    width:50%;
    float:left;
    padding:10px 12px 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background-color:#fff;
  }
  .detail .own-rank .main ul.rank-list.num-1 li{
    float:none;
    width:100%;
    border-radius:5px;
  }
  .detail .own-rank .main ul.rank-list li:nth-child(2n+1){
    padding-right:20px;
  }
  .detail .own-rank .main ul.rank-list li:nth-child(2n){
    padding-left:20px;
  }
  .detail .own-rank .main ul.rank-list li:first-child{
    border-top-left-radius:5px;
  }
  .detail .own-rank .main ul.rank-list li:nth-child(2){
    border-top-right-radius:5px;
  }
  .detail .own-rank .main ul.rank-list li:nth-last-child(2){
    border-bottom-left-radius:5px;
  }
  .detail .own-rank .main ul.rank-list li:last-child{
    border-bottom-right-radius:5px;
  }
  .detail .own-rank .main ul.rank-list li:nth-child(4n-1),
  .detail .own-rank .main ul.rank-list li:nth-child(4n){
    background-color:#e0e0e0;
  }
  .detail .own-rank .main ul.rank-list li dl{
    display:table;
    width:100%;
  }
  .detail .own-rank .main ul.rank-list.num-1 li dl{
    display:block;
    width:50%;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
  }
  .detail .own-rank .main ul.rank-list li dl dt{
    display:table-cell;
    text-align:left;
    font-size:62.5%;
    vertical-align:middle;
  }
  .detail .own-rank .main ul.rank-list.num-1 li dl dt{
    display:inline-block;
    text-align:center;
    color:#004c9a;
  }
  .detail .own-rank .main ul.rank-list li dl dd{
    display:table-cell;
    height:22px;
    text-align:right;
    font-size:62.5%;
    vertical-align:middle;
  }
  .detail .own-rank .main ul.rank-list.num-1 li dl dd{
    display:inline-block;
    text-align:center;
  }
  .detail .own-rank .main ul.rank-list li dl dd em{
    font-size:160%;
    vertical-align:bottom;
  }
  .detail .own-rank .main ul.rank-list li dl dd em.long-str{
    font-size:120%;
  }
  .detail .own-rank .main ul.rank-list.num-1 li dl dd em.long-str{
    font-size:160%;
  }
  .detail .own-rank .main .btn-area{
    overflow:hidden;
    padding:10px 0 0;
  }
  .detail .own-rank .main .btn-area ul.sns{
    float:left;
  }
  .detail .own-rank .main .btn-area ul.sns li{
    display:inline-block;
    margin:0 6px 0 0;
  }
  .pc.detail .own-rank .main .btn-area ul.sns li.line{
    display:none;
  }
  .detail .own-rank .main .btn-area ul.sns li a{
    display:block;
    width:33px;
    height:33px;
  }
  .detail .own-rank .main .btn-area ul.sns li a img{
    width:33px;
    border-radius:6px;
  }
  .detail .own-rank .main .btn-area p.btn{
    float:right;
    width:auto;
    padding-bottom:0;
  }
  .detail .own-rank .main .btn-area p.btn a{
    display:block;
    position:relative;
    height:33px;
    padding:0 10px;
    font-size:75%;
    line-height:2.75em;
    background-color:#2e2e2e;
    color:#fff;
  }
  .detail .own-rank .main .btn-area p.btn a:before {
    content:"";
    display: inline-block;
    margin: -8px 0 0 0;
    width: 0;
    height: 0;
    left: 0;
    top:50%;
    border: 6px solid transparent;
    border-top: 6px solid #fff;
    -moz-transform: rotate(-90deg);
      -webkit-transform: rotate(-90deg);
      -o-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
  }
  .detail .own-rank .main .no-login dt{
    padding:5px 0 2px;
    text-align:center;
    font-size:75%;
    line-height:1.5em;
  }
  .detail .own-rank .main .no-login dt em{
    display:inline-block;
    padding:3px 0 3px 25px;
    background:url(../img/icon_own_rank_ttl.png) 0 3px no-repeat;
    background-size:21px 15px;
  }
  .detail .own-rank .main .no-login dd.lead{
    padding:8px 5px;
    border-radius:5px;
    text-align:center;
    background-color:#fff;
  }
  .detail .own-rank .main .no-login dd.lead p{
    font-size:81.25%;
    line-height:1.1538em;
  }
  .detail .own-rank .main .no-login dd.lead em{
    display:block;
    font-size:62.5%;
    line-height:1.2em;
  }
  .detail .own-rank .main .no-login dd.btn-area{
    text-align:center;
  }
  .detail .own-rank .main .no-login dd.btn-area p.btn{
    float:none;
    display:inline-block;
    width:110px;
  }
  .detail .ranking .main {
    padding: 20px 0;
  }
  .detail .ranking .tab-ranking {
    padding: 0 10px;
  }
  .detail .ranking .tab-ranking dl {
    margin: 0 0 15px;
  }
  .detail .ranking .tab-ranking ul li p.btn {
    padding: 0 5px 0 0;
  }
  .detail .ranking .tab-ranking ul li:last-child p.btn {
    padding: 0;
  }
  .detail .ranking .main .table-wrapper{
    margin: 20px 0 7px 10px;
  }
  .detail .ranking .main .update {
    padding: 0 0 10px 10px;
    font-size: 62.5%;
    line-height: 1;
  }
  .detail .rule p.lead {
    padding: 15px 10px;
    font-size: 68.75%;
    line-height: 1.3636em;
  }
  /* 課題曲（jubeat） */
  .detail .rule p.about-task {
    padding: 0 10px 15px;
    font-size: 68.75%;
    line-height: 1.3636em;
  }
  .detail .rule p.about-task em{
    font-weight:bold;
  }
  .detail .rule .attend-task {
    padding: 0 10px 15px;
  }
  .detail .rule .attend-task h4 {
    font-size: 68.75%;
    line-height: 1.3636em;
    font-weight:bold;
  }
  .detail.beatstream .rule .notes-list,
  .detail.reflecbeat .rule .notes-list,
  .detail.tsum .rule .notes-list,
  .detail.multiburst .rule .notes-list {
    padding: 0 10px 15px;
  }
  .detail.sdvx .rule .notes{
    padding:10px;
    margin:0 10px 15px;
    border-radius:8px;
    background:#eee;
  }
  .detail.sdvx .rule .notes p.ttl{
    padding-bottom:2px;
    font-size: 68.75%;
    line-height: 1.3636em;
    font-weight:bold;
  }
  /* エントリーボタン */
  .detail #entry-btn{
    display: block;
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    padding:12px 0;
    color:#fff;
    background-color:#0098c3;
    background-image:url(../img/entry_area_bg_sp.png),-moz-linear-gradient(
      #0098c3 0%,
      #00617c 100%
    );
    background-image:url(../img/entry_area_bg_sp.png),-webkit-linear-gradient(
      #0098c3 0%,
      #00617c 100%
    );
    background-image:url(../img/entry_area_bg_sp.png),linear-gradient(
      #0098c3 0%,
      #00617c 100%
    );
    background-position:0 0,50% 0;
    background-repeat:repeat, no-repeat;
    background-size:11px 16px, 100% 180px;
  }
  .detail #entry-btn.not-tgt-region,
  .detail #entry-btn.none {
    border-top:1px solid #444;
    background-color:#2e2e2e;
    background-image:url(../img/entry_area_bg_sp_none.png),-moz-linear-gradient(
      #2e2e2e 0%,
      #1b1b1b 100%
    );
    background-image:url(../img/entry_area_bg_sp_none.png),-webkit-linear-gradient(
      #2e2e2e 0%,
      #1b1b1b 100%
    );
    background-image:url(../img/entry_area_bg_sp_none.png),linear-gradient(
      #2e2e2e 0%,
      #1b1b1b 100%
    );
    background-position:0 0,50% 0;
    background-repeat:repeat, no-repeat;
    background-size:11px 16px, 100% 180px;
  }
  .detail #entry-btn:after{
    position: absolute;
    top:-7px;
    left:5px;
    width:50px;
    height:49px;
    content:"";
    background:url(../img/icon_entry_btn_sp.png) 0 0 no-repeat;
    background-size:50px 49px;
  }
  .detail #entry-btn.not-tgt-region:after,
  .detail #entry-btn.none:after {
    display: none;
  }
  .detail #entry-btn p.lead{
    padding:0 10px 10px 60px;
    font-size:62.5%;
    line-height:1.4em;
  }
  .detail #entry-btn .btn{
    position:relative;
  }
  .detail #entry-btn .btn a{
    border:1px solid #fff;
    background-color:#fff;
    color:#005269;
    -webkit-box-shadow: 0px 8px #a8ecff;
    -moz-box-shadow: 0px 8px #a8ecff;
    box-shadow:0px 8px #a8ecff;
  }
  .detail #entry-btn .btn span {
    display: none;
  }
  .detail #entry-btn .btn a span.notes{
    font-size:57.1428%;
    line-height:1em;
  }
  .ja.detail #entry-btn .btn a span.notes.lg-ja,
  .en.detail #entry-btn .btn a span.notes.lg-en,
  .ko.detail #entry-btn .btn a span.notes.lg-ko,
  .zh-tw.detail #entry-btn .btn a span.notes.lg-zh-tw{
    display:block;
  }
  .detail #entry-btn .btn span.status{
    position: absolute;
    width: 64px;
    margin: 0;
    padding: 5px;
    top:-6px;
    right: -23px;
    background: #ffe400;
    color: #222;
    font-size: 75%;
    line-height: 1;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    white-space: nowrap;
  }
  .ko.detail #entry-btn .btn span.status{
    width:80px;
  }
  .detail #entry-btn .btn span.status.before_period{
    width:120px;
  }
  .ja.detail #entry-btn .btn span.status.lg-ja,
  .en.detail #entry-btn .btn span.status.lg-en,
  .ko.detail #entry-btn .btn span.status.lg-ko,
  .zh-tw.detail #entry-btn .btn span.status.lg-zh-tw{
    display:block;
  }
  .detail #entry-btn .btn span.status.is-entry{
    width:100px;
  }
  .detail.pc #entry-btn.none .btn {
    position: relative;
  }
    .detail #entry-btn.not-tgt-region .btn a,
  .detail.pc #entry-btn.not-tgt-region .btn a:hover,
  .detail #entry-btn.none .btn a,
  .detail.pc #entry-btn.none .btn a:hover{
    border:1px solid #959595;
    background-color:#959595;
    color:#fff;
    -webkit-box-shadow: 0px 8px #898989;
    -moz-box-shadow: 0px 8px #898989;
    box-shadow:0px 8px #898989;
    transform: translate3d(0, 0, 0);
  }
  .detail #entry-btn.none .btn span {
    position: absolute;
    display: block;
    width: 170px;
    margin: 0 -92px 0 0;
    padding: 5px;
    right: 0;
    top:-6px;
    right: 50%;
    background: #d6000b;
    color: #fff;
    font-size: 75%;
    line-height: 1;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    white-space: nowrap;
  }
  .detail.pc #entry-btn .btn a:hover{
    border:1px solid #fff;
    background-color:#fff;
    color:#005269;
    -webkit-box-shadow: 0px 2px #a8ecff;
    -moz-box-shadow: 0px 2px #a8ecff;
    box-shadow:0px 2px #a8ecff;
    transform: translate3d(0, 6px, 0);
  }
  .detail.sdvx .task .normal-table.point2 thead th span.add-info em {
    display: none;
  }

}
@media only screen and (min-width: 300px) and (max-width: 540px){
  .detail #content .group-tab-menu ul li span {
    display: none;
  }
  .detail #content .detail-ttl ul.group-tab-menu-bm2dx li,
  .detail #content .detail-ttl ul.group-tab-menu-mfc li {
    width:145px;
  }
  .detail #content .detail-ttl ul.group-tab-menu-mfc li a img{
    display:none;
  }
}
@media only screen and (min-width: 500px){
  .detail .lead .main.game-text {
    padding: 20px 10px;
  }
  .detail .lead .main p.img {
    padding: 0 10px 0 0;
    display: table-cell;
  }
  .detail .lead .main p.img img{
    width: 100px;
    border:1px solid #ccc;
    -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      -o-border-radius: 20px;
      -ms-border-radius: 20px;
    border-radius: 20px;
  }
  .detail .lead .main p.text {
    display: table-cell;
    vertical-align: middle;
  }
  .detail .privilege .comingsoon-item p img,
  .detail .lead .comingsoon-item p img {
    width:350px;
  }
  .detail .champion .champion-detail {
    width: 450px;
    margin: 0 auto;
  }
  .detail #entry-btn .btn {
    width: 350px;
  }
}
@media only screen and (max-width: 499px){
  .qma.detail .lead .main ul.event-schedule{
  width:auto;
  }
  .qma.detail .lead .main ul.event-schedule li span{
    display:block;
  }
}
@media only screen and (max-width: 599px){
  .detail #content .detail-ttl .game-links ul li {
    display: inline-block;
  }
  .detail .task-attend-list ol li .task-attend-detail-inner dl dd ul li.exp-white em {
    display: block;
  }
}
@media only screen and (min-width: 600px){
  .detail.sdvx .main .simple-table table{
    width:280px;
    float:left;
  }
  .detail.sdvx .main .simple-table table:first-child{
    margin-right:10px;
    border-bottom:1px solid #aaa;
  }
  .detail.sdvx .main .simple-table table thead{
    display:table-header-group;
  }
}
@media only screen and (min-width: 600px) and (max-width: 979px){
  .detail #content .detail-ttl {
    position: relative;
    background: #f1f1f1;
  }
  .detail #content .detail-ttl ul.group-tab-menu-bm2dx,
  .detail #content .detail-ttl ul.group-tab-menu-mfc{
    margin-right:195px;
  }
  .detail #content .detail-ttl h1 {
    padding-top: 26%;
    margin: 0 195px 0 0;
  }
  .detail #content .detail-ttl .game-links {
    width: 195px;
    position: absolute;
    right: 0;
    top:0;
  }
  .detail #content .detail-ttl .game-links li {
    display: block;
    text-align: left;
    border-bottom:1px solid #bbb;
  }
  .detail #content .detail-ttl .game-links ul li a:before {
    left: 10px;
  }
  .detail #content .detail-ttl .game-links ul li a,
  .detail #content .detail-ttl .game-links ul li:last-child a {
    padding: 5px 0 5px 25px;
  }
  .detail.mfc_sp #content .detail-ttl .game-links ul li a,
  .detail.mfc_sp #content .detail-ttl .game-links ul li:last-child a {
    padding: 4px 0 4px 25px;
  }
  .detail.pc #content .detail-ttl .game-links ul li a:hover,
  .detail.pc #content .detail-ttl .game-links ul li:last-child a:hover {
    background: #ccc;
  }
  .detail #content .detail-ttl .sns {
    padding: 0 0 8px;
    position: absolute;
    right: 6px;
    top:103px;
  }
  .detail.pc #content .detail-ttl .sns {
    right: 23px;
  }
  .detail.mfc_sp #content .detail-ttl .sns {
    top:120px;
  }
  .detail #content .detail-ttl .sns ul.sns-btn li {
    margin: 0 3px;
  }
  .detail #content .detail-ttl .sns .sns-btn:before {
    display: block;
    margin: 0;
    content:"友達にシェアする";
    text-align: center;
    font-size: 68.75%;
  }
  .detail.mfc_sp #content .detail-ttl .sns .sns-btn:before {
    display: none;
    content:"";
  }
  .detail.zh-tw #content .detail-ttl .sns .sns-btn:before {
    content:"分享";
  }
  .detail.ko #content .detail-ttl .sns .sns-btn:before {
    content:"\acf5\c720";
  }
  .detail.sdvx .task .normal-table thead th em {
    display: inline-block;
  }
  .detail .task-attend-list ol {
    width: 480px;
    margin: 0 auto;
  }
  .detail .task-attend-list ol li .task-attend-detail-inner dl dd ul li.exp-white em {
    padding: 0 10px 0 0;
  }
  .detail .lead .main .detail-img {
    text-align: center;
  }
  .detail .lead .main .detail-img ul {
    display: inline-block;
  }
  .detail .lead .main .detail-img ul.four-mfc {
    margin-bottom: 0;
    margin-right: 5px;
  }
}
@media only screen and (min-width: 760px) and (max-width: 979px){
.detail #content .detail-ttl ul.group-tab-menu-bm2dx,
  .detail #content .detail-ttl ul.group-tab-menu-mfc{
  margin-right:250px;
  }
  .detail #content .detail-ttl ul.group-tab-menu-bm2dx li,
  .detail #content .detail-ttl ul.group-tab-menu-mfc li{
  width:200px;
  }
  .detail #content .detail-ttl h1 {
    padding-top: 26%;
    margin: 0 250px 0 0;
  }
  .detail #content .detail-ttl .game-links {
    width: 250px;
  }
  .detail #content .detail-ttl .game-links ul li a,
  .detail #content .detail-ttl .game-links ul li:last-child a {
    padding: 10px 0 10px 25px;
    font-size: 75%;
  }
  .detail.mfc_sp #content .detail-ttl .game-links ul li a,
  .detail.mfc_sp #content .detail-ttl .game-links ul li:last-child a {
    padding: 8px 0 8px 25px;
  }
  .detail #content .detail-ttl .sns {
    top: 130px;
    right:18px;
  }
  .detail.pc #content .detail-ttl .sns {
    right: 37px;
  }
  .detail.mfc_sp #content .detail-ttl .sns {
    top: 155px;
  }
  .detail #content .detail-ttl .sns ul.sns-btn:before {
    margin: 0 0 4px;
    font-size: 75%;
  }
  .detail #content .detail-ttl .sns ul.sns-btn li {
    margin: 0 6px;
  }
}
@media only screen and (min-width: 980px){
  .detail #content {
    padding: 35px 0 0 0;
  }
  .detail #content .main {
    background: #FFF;
  }
  .detail #content .group-tab-menu.mfc p {
    position: absolute;
    top:0px;
  }
  .detail #content .group-tab-menu.mfc p img {
    width: 200px;
  }
  .detail #content .group-tab-menu.bm2dx p img {
    width: 282px;
  }
  .detail #content .group-tab-menu ul {
    border:none;
  }
  .detail #content .group-tab-menu ul li:first-child {
    padding: 0 10px 0 0;
  }
  .detail #content .group-tab-menu ul li a {
    padding: 14px 0 12px;
    font-size: 81.25%;
  }
  .detail #content .detail-ttl {
    padding: 15px 0 0;
    background: #2e2e2e;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    -ms-border-radius: 8px 8px 0 0;
    -o-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
  }
  .detail #content .detail-ttl ul.group-tab-menu-bm2dx,
  .detail #content .detail-ttl ul.group-tab-menu-mfc{
  overflow:hidden;
  position:relative;
  margin:0 15px 20px;
  text-align:center;
  }
  .detail #content .detail-ttl ul.group-tab-menu-bm2dx:before,
    .detail #content .detail-ttl ul.group-tab-menu-mfc:before{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:2px;
    content:"";
    background-color:#fff;
  }
  .detail #content .detail-ttl ul.group-tab-menu-bm2dx li,
  .detail #content .detail-ttl ul.group-tab-menu-mfc li{
  width:324px;
  position:relative;
  display:inline-block;
  margin-right:10px;
  border-top:2px solid #fff;
  border-left:2px solid #fff;
  border-right:2px solid #fff;
  border-radius:6px 6px 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  }
  .detail #content .detail-ttl ul.group-tab-menu-bm2dx li.current{
    background-color:#2e2e2e;
    background-image:-moz-linear-gradient(
      #007faf 0%,
      #2e2e2e 70%,
      #2e2e2e 100%
    );
    background-image:-webkit-linear-gradient(
      #007faf 0%,
      #2e2e2e 70%,
      #2e2e2e 100%
    );
    background-image:linear-gradient(
      #007faf 0%,
      #2e2e2e 70%,
      #2e2e2e 100%
    );
    background-position:50% 0;
    background-repeat:no-repeat;
    background-size:100% 100%;
  }
   .detail #content .detail-ttl ul.group-tab-menu-mfc li.current{
    background-color:#2e2e2e;
    background-image:-moz-linear-gradient(
      #ff000d 0%,
      #2e2e2e 70%,
      #2e2e2e 100%
    );
    background-image:-webkit-linear-gradient(
      #ff000d 0%,
      #2e2e2e 70%,
      #2e2e2e 100%
    );
    background-image:linear-gradient(
      #ff000d 0%,
      #2e2e2e 70%,
      #2e2e2e 100%
    );
    background-position:50% 0;
    background-repeat:no-repeat;
    background-size:100% 100%;
  }
  .detail #content .detail-ttl ul.group-tab-menu-bm2dx li:first-child,
    .detail #content .detail-ttl ul.group-tab-menu-mfc li:first-child{
  margin-left:10px;
  }
.detail #content .detail-ttl ul.group-tab-menu-bm2dx li a,
  .detail #content .detail-ttl ul.group-tab-menu-mfc li a{
  display:block;
  padding:14px 0;
  text-align:center;
  font-size:112.5%;
  line-height:1.2222em;
  color:#fff;
  }
  .detail #content .detail-ttl ul.group-tab-menu-bm2dx li a img,
    .detail #content .detail-ttl ul.group-tab-menu-mfc li a img{
    width:30px;
    height:30px;
    border-radius:2px;
    margin-right:16px;
  }
  .detail #content .detail-ttl h1 {
    display: block;
    overflow: hidden;
    margin: 0 auto;
    padding: 211px 0 0 0;
    width: 720px;
    height: 0;
    background-color:#2e2e2e;
    background-repeat:no-repeat;
    background-position:50% 50%;
    -webkit-background-size: 100% auto;
      -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
      -ms-background-size: 100% auto;
    background-size: 100% auto;
  }
  .detail.mfc .detail-ttl h1 {background-image: url(../img/game/mfc_pc_s.jpg);}
  .detail.mfc_sp .detail-ttl h1 {background-image: url(../img/game/mfc_sp_pc_s.jpg);}
  .detail.bm2dx .detail-ttl h1 {background-image: url(../img/game/bm2dx_pc_s.jpg);}
  .detail.beatstream .detail-ttl h1 {background-image: url(../img/game/beatstream_pc_s.jpg);}
  .detail.ddr .detail-ttl h1 {background-image: url(../img/game/ddr_pc_s.jpg);}
  .detail.danceevolution .detail-ttl h1 {background-image: url(../img/game/danceevolution_pc_s.jpg);}
  .detail.gitadora_gf .detail-ttl h1 {background-image: url(../img/game/gitadora_gf_pc_s.jpg);}
  .detail.gitadora_dm .detail-ttl h1 {background-image: url(../img/game/gitadora_dm_pc_s.jpg);}
  .detail.jubeat .detail-ttl h1 {background-image: url(../img/game/jubeat_pc_s.jpg);}
  .detail.museca .detail-ttl h1 {background-image: url(../img/game/museca_pc_s.jpg);}
  .detail.popn .detail-ttl h1 {background-image: url(../img/game/popn_pc_s.jpg);}
  .detail.sdvx .detail-ttl h1 {background-image: url(../img/game/sdvx_pc_s.jpg);}
  .detail.reflecbeat .detail-ttl h1 {background-image: url(../img/game/reflecbeat_pc_s.jpg);}
  .detail.qma .detail-ttl h1 {background-image: url(../img/game/qma_pc_s.jpg);}
  .detail.tsum .detail-ttl h1 {background-image: url(../img/game/tsum_pc_s.jpg);}
  .detail.multiburst .detail-ttl h1 {background-image: url(../img/game/multiburst_pc_s.jpg);}
  .detail.infinitas .detail-ttl h1 {background-image: url(../img/game/infinitas_pc_s.jpg);}
  .detail #content .detail-ttl .game-links .btn {
    display: none;
  }
  .detail #content .detail-ttl .game-links ul {
    overflow: hidden;
  }
  .detail #content .detail-ttl .game-links ul li {
    width: 33%;
    float: left;
  }
  .detail #content .detail-ttl .game-links ul li:last-child {
    width: 34%;
  }
  .detail #content .detail-ttl .game-links ul li a {
    position: relative;
    display: block;
    margin: 0 0 0 -1.1em;
    padding: 15px 0 15px 18px;
    color: #FFF;
    font-size: 112.5%;
    text-align: center;
  }
  .detail.pc #content .detail-ttl .game-links ul li a:hover {
    color: #ffcdd0;
  }
  .detail.pc #content .detail-ttl .game-links ul li a:hover:before {
    border-top: 6px solid #ffdddf;
  }
  .detail #content .detail-ttl .game-links ul li a:before {
    content:"";
    display: inline-block;
    margin: -8px 0 0 0;
    width: 0;
    height: 0;
    left: 0;
    top:50%;
    border: 6px solid transparent;
    border-top: 6px solid #fff;
    -moz-transform: rotate(-90deg);
      -webkit-transform: rotate(-90deg);
      -o-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
  }
  .detail #content .detail-ttl .game-links.entry {
    position: relative;
  }
  .detail #content .detail-ttl .game-links.entry .btn {
    display: block;
  }
  .detail #content .detail-ttl .game-links.entry .btn span {
    display: none;
  }
  .detail #content .detail-ttl .game-links.entry .btn span.notes {
    font-size:50%;
    line-height:1em;
  }
  .ja.detail #content .detail-ttl .game-links.entry .btn span.notes.lg-ja,
  .en.detail #content .detail-ttl .game-links.entry .btn span.notes.lg-en,
  .ko.detail #content .detail-ttl .game-links.entry .btn span.notes.lg-ko,
  .zh-tw.detail #content .detail-ttl .game-links.entry .btn span.notes.lg-zh-tw{
    display:block;
  }
  .detail #content .detail-ttl .game-links.entry .btn span.status{
    position: absolute;
    width: 64px;
    margin: 0;
    padding: 5px;
    top:-7px;
    right: -10px;
    background: #ffe400;
    color: #222;
    font-size: 75%;
    line-height: 1;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    white-space: nowrap;
  }
  .detail.ko #content .detail-ttl .game-links.entry .btn span.status{
    width:80px;
  }
  .detail #content .detail-ttl .game-links.entry .btn span.status.before_period{
    width:120px;
  }
  .ja.detail #content .detail-ttl .game-links.entry .btn span.status.lg-ja,
  .en.detail #content .detail-ttl .game-links.entry .btn span.status.lg-en,
  .ko.detail #content .detail-ttl .game-links.entry .btn span.status.lg-ko,
  .zh-tw.detail #content .detail-ttl .game-links.entry .btn span.status.lg-zh-tw{
    display:block;
  }
  .detail #content .detail-ttl .game-links.entry .btn span.status.is-entry{
    width:100px;
  }
  .detail #content .detail-ttl .game-links.entry .btn.not-tgt-region a,
  .detail #content .detail-ttl .game-links.entry .btn.error a {
    color: #fff;
  }
  .detail #content .detail-ttl .game-links.entry .btn.error span {
    position: absolute;
    display: block;
    width: 170px;
    margin: 0 -92px 0 0;
    padding: 5px;
    right: 0;
    top:-13px;
    right: 50%;
    background: #d6000b;
    color: #fff;
    font-size: 75%;
    line-height: 1;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    white-space: nowrap;
  }
  .detail #content .detail-ttl .game-links.entry ul {
    overflow: hidden;
    padding: 10px 355px 10px 0;
  }
  .detail.infinitas #content .detail-ttl .game-links.entry ul {
    padding: 20px 355px 20px 0;
  }
  .detail.mfc_sp #content .detail-ttl .game-links ul,
  .detail.infinitas #content .detail-ttl .game-links ul {
    text-align: center;
  }
  .detail.mfc_sp #content .detail-ttl .game-links ul li,
  .detail.infinitas #content .detail-ttl .game-links ul li {
    float: none;
    display: inline-block;
  }
  .detail #content .detail-ttl .game-links.entry ul li {
    width: 180px;
    float: left;
  }
  .detail #content .detail-ttl .game-links.entry ul li a {
    padding: 3px 0 4px 18px;
    margin: 0;
    text-align: left;
    font-size:93.75%;
  }
  .detail.en #content .detail-ttl .game-links.entry ul li a {
    font-size: 87.5%;
    white-space: nowrap;
  }
  .detail #content .detail-ttl .game-links .btn {
    position: absolute;
    width: 355px;
    margin: -25px 0 0 0;
    right: 13px;
    top:50%;
  }
  .detail #content .detail-ttl .game-links .btn.entry-end a {
    color: #fff;
  }
  .detail.pc #content .detail-ttl .game-links .btn.entry-end a:hover {
    transform: translate3d(0, 6px, 0);
    -webkit-box-shadow: 0px 2px #898989;
    -moz-box-shadow: 0px 2px #898989;
    box-shadow:0px 2px #898989;
  }
  .detail #content .detail-ttl .game-links .btn.entry-end a span.notes {
    font-size: 62.5%;
  }
  .detail #content .detail-ttl .game-links .btn a.has_note{
    padding-top:6px;
    padding-bottom:6px;
  }
  .detail #content .detail-ttl .sns {
    display: none;
  }
  .detail .lead .main,
  .detail .lead .main.game-text {
    padding: 25px 20px;
  }
  .detail .lead .main p.img img{
    margin: 0 10px 0 0;
    width: 148px;
    border:1px solid #ccc;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    -ms-border-radius: 28px;
    -o-border-radius: 28px;
    border-radius: 28px;
  }
  .detail .lead .main p.text {
    font-size: 81.25%;
      line-height: 1.539;
  }
  .detail .lead .main.strong-msg p.text {
    padding: 10px;
    font-size: 87.5%;
    line-height: 1.286;
  }
  .detail .lead.link p.text {
    width: 430px;
  }
  .detail .lead.link p.btn {
    display: table-cell;
    width: 300px;
  }
  .detail .lead .main .detail-img {
    padding: 25px 0 0;
    text-align: center;
  }
  .detail .lead .main .detail-img ul {
    display: inline-block;
    width: 353px;
    height: 442px;
    background: url(../img/mfc_detail_pc_ja.gif) no-repeat;
    background-position: left top;
  }
  .detail.ja .lead .main .detail-img ul,
  .detail.ja .lead .main .detail-img ul.three-mfc {background: url(../img/mfc_detail_pc_ja.gif) no-repeat;}
  .detail.en .lead .main .detail-img ul,
  .detail.en .lead .main .detail-img ul.three-mfc {background: url(../img/mfc_detail_pc_en.gif) no-repeat;}
  .detail.ko .lead .main .detail-img ul,
  .detail.ko .lead .main .detail-img ul.three-mfc {background: url(../img/mfc_detail_pc_ko.gif) no-repeat;}
  .detail.zh-tw .lead .main .detail-img ul,
  .detail.zh-tw .lead .main .detail-img ul.three-mfc {background: url(../img/mfc_detail_pc_zh-tw.gif) no-repeat;}
  .detail .lead .main .detail-img ul.three-mfc,
  .detail.ja .lead .main .detail-img ul.three-mfc,
  .detail.en .lead .main .detail-img ul.three-mfc,
  .detail.ko .lead .main .detail-img ul.three-mfc,
  .detail.zh-tw .lead .main .detail-img ul.three-mfc {
    background-position: right top;
    -webkit-background-size: 712px auto;
      -moz-background-size: 712px auto;
    -o-background-size: 712px auto;
      -ms-background-size: 712px auto;
    background-size: 712px auto;
  }
  .detail .lead .main .detail-img ul.four-mfc {
    margin-bottom:0;
  }
  .detail .lead .main .detail-img ul li a {
    padding: 32px 52px 40px;
    width: 64px;
    height: 64px;
  }
  .detail .lead .main .detail-img ul li:first-child a {
    left: 10px;
    top: 297px;
  }
  .detail .lead .main .detail-img ul li:last-child a {
    left: 176px;
    top: 297px;
  }
  .detail.pc .lead .main .detail-img ul li a:after {
  width: 62px;
  height: 62px;
  top:30px;
  left: 50px;
  -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
  }
  .detail .schedule .main {
    padding: 20px 10px 15px;
  }
  .detail .about-entry .main {
    padding: 30px 15px;
  }
  .detail .about-entry .main dl {
    margin: 15px 0 0 0;
    font-size: 81.25%;
      line-height: 1.539;
  }
  .detail .about-entry .main dl dt {
    font-weight: bold;
  }
  .detail .task .main {
    padding: 25px 20px;
  }
  .detail.qma .task .main .lead,
  .detail.tsum .task .main .lead,
  .detail.multiburst .task .main .lead {
    font-size: 81.25%;
      line-height: 1.539;
  }
  .detail.qma .task .notes-list.num,
  .detail.tsum .task .notes-list,
  .detail.multiburst .task .notes-list {
    padding: 15px 0 5px;
  }
  .detail .task .detail table{
    margin: 0 0 10px;
    width:100%;
  }
  .detail.gitadora_gf .task .task-notes dl:first-child,
  .detail.gitadora_dm .task .task-notes dl:first-child {
    padding: 0 0 10px;
  }
  .detail.gitadora_gf .task .task-notes dl:last-child,
  .detail.gitadora_dm .task .task-notes dl:last-child {
    padding: 0 0 5px;
  }
  .detail.gitadora_gf .task .task-notes dl dt,
  .detail.gitadora_dm .task .task-notes dl dt {
    font-size: 81.25%;
      line-height: 1.539;
    font-weight: bold;
  }
  .detail.gitadora_gf .task .task-notes dl dd,
  .detail.gitadora_dm .task .task-notes dl dd {
    font-size: 75%;
    line-height: 1.25;
  }
  .detail .task .notes-list {
    padding: 5px 0;
  }
  .detail .task .notes-list li {
    font-size: 68.75%;
      line-height: 1.454;
  }
  .detail .task .notes-list li li{
  font-size: 100%;
  }
  .detail.mfc .task .task-notes p.lead,
  .detail.mfc_sp .task .task-notes p.lead,
  .detail.mfc .task .task-notes dl,
  .detail.mfc_sp .task .task-notes dl,
  .detail.reflecbeat .task p.text,
  .detail.reflecbeat .task .task-notes dl {
    padding: 0 0 15px;
    font-size: 81.25%;
      line-height: 1.539;
  }
  .detail.mfc .task .task-notes dl dt,
  .detail.mfc_sp .task .task-notes dl dt,
  .detail.reflecbeat .task .task-notes dl dt {
    font-weight: bold;
  }
  .detail.mfc .task .task-notes .btn-area,
  .detail.mfc_sp .task .task-notes .btn-area{
    padding-top:10px;
    text-align:center;
  }
  .detail.mfc .task .task-notes .btn-area .btn,
  .detail.mfc_sp .task .task-notes .btn-area .btn {
    display:inline-block;
    width:260px;
    margin:0 10px;
  }
  .detail.mfc_sp .task .task-notes .btn-area .btn{
    width:210px;
  }
  .detail.mfc .about-task em,
  .detail.mfc_sp .about-task em {
    font-size: 81.25%;
      line-height: 1.539;
      font-weight: bold;
  }
  .detail .task-attend-list ol {
    width: 480px;
    margin: 0 auto;
  }
  .detail .task-attend-list p.text{
    font-size: 81.25%;
      line-height: 1.539;
  }
  .detail .task-attend-list ol li .task-attend-detail h4 {
    font-size: 100%;
      line-height: 1.25;
  }
  .detail .task-attend-list ol li .task-attend-detail-inner dl dd ul li.exp-white em {
    padding: 0 10px 0 0;
  }
  
  .detail .own-rank .main{
    padding:10px 10px 0;
  }
  .detail .own-rank .main .main-in{
    position:relative;
    padding:10px;
    border-radius:5px;
    background-color:#ffb400;
  }
  .detail .own-rank .main .main-in.s{
    max-width:500px;
    margin-right:auto;
    margin-left:auto;
  }
  .detail .own-rank .main .ttl{
    padding:3px 0;
    text-align:left;
    line-height:1.5em;
  }
  .detail .own-rank .main .ttl em{
    display:inline-block;
    padding:6px 0 6px 35px;
    background:url(../img/icon_own_rank_ttl_pc.png) 0 2px no-repeat;
    background-size:auto auto;
  }
  .detail .own-rank .main ul.rank-list{
    overflow:hidden;
    margin-right:100px;
  }
  .detail .own-rank .main ul.rank-list li{
    float:left;
    height:38px;
    padding:3px 12px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background-color:#fff;
  }
  .detail .own-rank .main ul.rank-list.num-1 li{
    width:100%;
    float:none;
  }
  .detail .own-rank .main ul.rank-list.num-2 li{
    width:50%;
  }
  .detail .own-rank .main ul.rank-list.num-3 li{
    width:33%;
  }
  .detail .own-rank .main ul.rank-list.num-4 li{
    width:25%;
  }
  .detail .own-rank .main ul.rank-list.num-5 li{
    width:20%;
  }
  .detail .own-rank .main ul.rank-list li:first-child{
    border-radius:5px 0 0 5px;
  }
  .detail .own-rank .main ul.rank-list li.last-clm{
    border-radius:0 5px 5px 0;
  }
  .detail .own-rank .main ul.rank-list.num-1 li{
    border-radius:5px;
  }
  .detail .own-rank .main ul.rank-list li:nth-child(2n){
    background-color:#e0e0e0;
  }
  .detail .own-rank .main ul.rank-list li.empty-clm{
    display:none;
  }
  
  .detail .own-rank .main ul.rank-list li dl{
    text-align:center;
  }
  .detail .own-rank .main ul.rank-list.num-1 li dl{
    padding-top:7px;
  }
  .detail .own-rank .main ul.rank-list li dl dt{
    font-size:62.5%;
    line-height:1.2em;
  }
  .detail .own-rank .main ul.rank-list.num-1 li dl dt{
    display:inline-block;
    color:#004c9a;
  }
  .detail .own-rank .main ul.rank-list li dl dd{
    font-size:62.5%;
  }
  .detail .own-rank .main ul.rank-list.num-1 li dl dd{
    display:inline-block;
  }
  .detail .own-rank .main ul.rank-list li dl dd em{
    font-size:180%;
  }
  .detail .own-rank .main .btn-area ul.sns{
    position:absolute;
    top:10px;
    right:15px;
  }
  .detail .own-rank .main .btn-area ul.sns li{
    display:inline-block;
    margin:0 0 0 6px;
  }
  .pc.detail .own-rank .main .btn-area ul.sns li.line{
    display:none;
  }
  .detail .own-rank .main .btn-area ul.sns li a{
    display:block;
    width:33px;
    height:33px;
  }
  .detail .own-rank .main .btn-area ul.sns li a img{
    width:33px;
    border-radius:6px;
  }
  .detail .own-rank .main .btn-area p.btn{
    position:absolute;
    width:auto;
    bottom:10px;
    right:15px;
    padding-bottom:0;
  }
  .detail .own-rank .main .btn-area p.btn a{
    position:relative;
    display:block;
    height:33px;
    width:65px;
    padding:3px 10px 2px 10px;
    font-size:75%;
    line-height:2.75em;
    background-color:#2e2e2e;
    color:#fff;
  } 
  .detail .own-rank .main .btn-area p.btn a:before {
    content:"";
    display: inline-block;
    margin: -8px 0 0 0;
    width: 0;
    height: 0;
    left: 0;
    top:50%;
    border: 6px solid transparent;
    border-top: 6px solid #fff;
    -moz-transform: rotate(-90deg);
      -webkit-transform: rotate(-90deg);
      -o-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
  }
  .detail .own-rank .main .no-login dl{
    display:table;
    width:100%;
  }
  .detail .own-rank .main .no-login dl dt{
    display:table-cell;
    width:150px;
    vertical-align:middle;
  }
  .detail .own-rank .main .no-login dl dt em{
    display:inline-block;
    padding:6px 0 6px 35px;
    background:url(../img/icon_own_rank_ttl_pc.png) 0 2px no-repeat;
    background-size:auto auto;
  }
  .detail .own-rank .main .no-login dl dd{
    display:table-cell;
    vertical-align:middle;
  }
  .detail .own-rank .main .no-login dl dd.lead{
    width:390px;
    height:42px;
    text-align:center;
    border-radius:5px;
    background-color:#fff;
  }
  .detail .own-rank .main .no-login dl dd.lead p{
    font-size:81.25%;
    line-height:1.1538em;
  }
  .detail .own-rank .main .no-login dl dd.lead em{
    display:block;
    font-size:62.5%;
    line-height:1.2em;
  }
  .detail .own-rank .main .no-login dl dd.btn-area{
    text-align:right;
  }
  .detail .own-rank .main .no-login dl dd.btn-area .btn{
    position:static;
    display:inline-block;
  }
  .detail .own-rank .main .no-login dl dd.btn-area .btn a{
    width:140px;
    height:37px;
  }
  .detail .ranking .main {
    padding: 25px 15px;
  }
  .detail .ranking .tab-ranking dl dd select {
    width: 265px;
    cursor: pointer;
  }
  .detail .ranking .main .tab-ranking {
    overflow: hidden;
  }
  .detail .ranking .tab-ranking ul li.current a {
    font-weight: 100;
  }
  .detail .ranking .main .tab-ranking dl {
    float: left;
    width: 315px;
  }
  .detail .ranking .main .tab-ranking ul {
    float: right;
    width: 400px;
  }
  .detail .ranking .main .tab-ranking ul li p {
    padding: 0 0 8px 6px;
  }
  .detail .ranking .main .tab-ranking ul li p.btn a {
    font-size:87.5%;
  }
  .detail.pc .ranking .main .tab-ranking ul li p.btn-white a:hover {
    color: #d6000b;
  }
  .detail .ranking .main table {
    margin: 20px 0 10px;
  }
  .detail .ranking .main .update {
    position: relative;
    font-size: 68.75%;
  }
  .detail .ranking .main .update time {
    position: absolute;
    left: 0;
  }
  .detail .rule {
    padding: 15px 0 0 0;
  }
  .detail .rule p.lead {
    padding: 25px 15px;
    font-size: 81.25%;
      line-height: 1.539;
  }
  .detail.tsum .rule p.lead,
  .detail.multiburst .rule p.lead {
    padding: 25px 20px 15px;
  }
  .detail.beatstream .rule .notes-list,
  .detail.reflecbeat .rule .notes-list,
  .detail.tsum .rule .notes-list,
  .detail.multiburst .rule .notes-list {
    padding: 0 20px 25px;
  }
  /* 課題曲（jubeat） */
  .detail .rule p.about-task {
    padding: 0 15px 25px;
    font-size: 81.25%;
    line-height: 1.539;
  }
  .detail .rule p.about-task em{
    font-weight:bold;
  }
  .detail .rule .attend-task {
    padding: 0 15px 25px;
  }
  .detail .rule .attend-task h4 {
    font-size: 81.25%;
    line-height: 1.539;
    font-weight:bold;
  }
  .detail.sdvx .rule{
    padding-bottom:25px;
  }
  .detail.sdvx .rule .notes{
    padding:10px;
    margin:0 15px;
    border-radius:8px;
    background:#eee;
  }
  .detail.sdvx .rule .notes p.ttl{
    padding-bottom:2px;
    font-size: 81.25%;
    line-height: 1.539;
    font-weight:bold;
  }
  .detail .privilege .main {
    padding: 25px 55px 40px;
  }
  .detail .privilege .main dl {
    padding: 20px 10px;
  }
  .detail .privilege .main ul li dl dd {
    padding: 10px 0 5px 0;
    font-size: 87.5%;
    line-height: 1.286;
  }
  .detail .privilege .comingsoon-item p img,
  .detail .lead .comingsoon-item p img {
    width:474px;
  }
  .detail .champion .champion-detail {
    width: 456px;
    margin: 0 auto;
  }
  .detail .champion .champion-detail h2 {
    position: relative;
    padding: 380px 0 20px;
    color: #FFF;
    text-align: center;
    background: url(../img/champion_detail_bg.png) top center no-repeat;
    -webkit-background-size: 456px auto;
    -moz-background-size: 456px auto;
    -o-background-size: 456px auto;
    -ms-background-size: 456px auto;
    background-size: 456px auto;
  }
  .detail .champion .champion-detail h2:after {
    position: absolute;
    content:"";
    margin: 0 0 0 -143px;
    display: block;
    width: 286px;
    height: 206px;
    top:160px;
    left: 50%;
  }
  .detail.mfc .champion .champion-detail h2:after,
  .detail.mfc_sp .champion .champion-detail h2:after,
  .detail.bm2dx .champion .champion-detail h2:after,
  .detail.beatstream .champion .champion-detail h2:after,
  .detail.ddr .champion .champion-detail h2:after,
  .detail.danceevolution .champion .champion-detail h2:after,
  .detail.gitadora_gf .champion .champion-detail h2:after,
  .detail.gitadora_dm .champion .champion-detail h2:after,
  .detail.jubeat .champion .champion-detail h2:after,
  .detail.museca .champion .champion-detail h2:after,
  .detail.popn .champion .champion-detail h2:after,
  .detail.sdvx .champion .champion-detail h2:after,
  .detail.reflecbeat .champion .champion-detail h2:after,
  .detail.qma .champion .champion-detail h2:after,
  .detail.tsum .champion .champion-detail h2:after,
  .detail.multiburst .champion .champion-detail h2:after {
    -webkit-background-size: 286px auto;
    -moz-background-size: 286px auto;
    -o-background-size: 286px auto;
    -ms-background-size: 286px auto;
    background-size: 286px auto;
  }
  .detail .champion .champion-detail h2 span {
    font-size: 100%;
    line-height: 1;
  }
  .detail .champion .champion-detail h2 em {
    display: block;
    font-size: 125%;
    line-height: 1.286;
  }
  .detail .score .main {
    padding: 25px 15px 30px;
  }
  .detail .movie-archive .main {
    padding: 25px 15px;
  }
}
@media only screen and (min-width: 1050px){
  .detail #content {
    width: 780px;
  }
  .detail #content .detail-ttl h1 {
    width: 750px;
    padding: 220px 0 0;
  }
  .detail.mfc .detail-ttl h1 {background-image: url(../img/game/mfc_pc.jpg);}
  .detail.mfc_sp .detail-ttl h1 {background-image: url(../img/game/mfc_sp_pc.jpg);}
  .detail.bm2dx .detail-ttl h1 {background-image: url(../img/game/bm2dx_pc.jpg);}
  .detail.beatstream .detail-ttl h1 {background-image: url(../img/game/beatstream_pc.jpg);}
  .detail.ddr .detail-ttl h1 {background-image: url(../img/game/ddr_pc.jpg);}
  .detail.danceevolution .detail-ttl h1 {background-image: url(../img/game/danceevolution_pc.jpg);}
  .detail.gitadora_gf .detail-ttl h1 {background-image: url(../img/game/gitadora_gf_pc.jpg);}
  .detail.gitadora_dm .detail-ttl h1 {background-image: url(../img/game/gitadora_dm_pc.jpg);}
  .detail.jubeat .detail-ttl h1 {background-image: url(../img/game/jubeat_pc.jpg);}
  .detail.museca .detail-ttl h1 {background-image: url(../img/game/museca_pc.jpg);}
  .detail.popn .detail-ttl h1 {background-image: url(../img/game/popn_pc.jpg);}
  .detail.sdvx .detail-ttl h1 {background-image: url(../img/game/sdvx_pc.jpg);}
  .detail.reflecbeat .detail-ttl h1 {background-image: url(../img/game/reflecbeat_pc.jpg);}
  .detail.qma .detail-ttl h1 {background-image: url(../img/game/qma_pc.jpg);}
  .detail.tsum .detail-ttl h1 {background-image: url(../img/game/tsum_pc.jpg);}
  .detail.multiburst .detail-ttl h1 {background-image: url(../img/game/multiburst_pc.jpg);}
  .detail.infinitas .detail-ttl h1 {background-image: url(../img/game/infinitas_pc.jpg);}
  .detail #content .detail-ttl .game-links.entry ul li {
    width: 200px;
  }
  .detail #content .detail-ttl h1 strong {
    display: block;
    padding: 20px 0 0 0;
  }
  .detail .lead .main .detail-img ul.four-mfc {
    margin-right: 5px;
  }
  .flow {
      padding: 10px 0 10px 30px;
  }
  footer .copyright02 {
    width: 760px;
  }
}

/* eam ------------------------------------------ */
.eam .main {
  background: #FFF;
}
.eam .eam-ttl h1 strong {
  padding: 20px 0 0 0;
  display: block;
}
.eam .eam-about{
  padding:20px 0 15px;
}
.eam .eam-about .ttl{
  position:relative;
  display:block;
  width:18em;
  margin:0 auto;
  font-size:81.25%;
  line-height:1.6923em;
  border-radius:0.8461em;
  text-align:center;
  background-color:#a3dd1b;
}
.eam .eam-about .ttl:after{
  position:absolute;
  display:block;
  content:"★";
  color:#fff;
  left:7px;
  top:50%;
  margin-top:-1em;
}
.eam .eam-about .ttl:before{
  position:absolute;
  display:block;
  content:"★";
  color:#fff;
  right:7px;
  top:50%;
  margin-top:-1em;
}
.eam .eam-about .lead{
  padding:15px 10px 0;
  font-size:68.75%;
  line-height:1.3636em;
}
.eam .eam-post-example{
  padding-bottom:15px;
}
.eam .eam-post-example .lead{
  padding:15px 155px 0 10px;
  font-size:68.75%;
  line-height:1.3636em;
}
.eam .eam-post-example .post-example{
  position:relative;
}
.eam .eam-post-example .post-example img{
  width:48%;
  margin-bottom:7px;
  border:1px solid #d2d2d2;
}
.eam .eam-download{
  padding-bottom:15px;
}
.eam .eam-download dl{
  width:300px;
  margin:10px auto 0;
  padding:10px;
  border-radius:4px;
  background-color:#ddd;
}
.eam .eam-download dl dt{
  padding:10px 0 0 65px;
  background:url(../img/eam_app_icon.png) 0 50% no-repeat;
  -webkit-background-size: 55px auto;
    -moz-background-size: 55px auto;
  -o-background-size: 55px auto;
    -ms-background-size: 55px auto;
  background-size: 55px auto;
}
.eam .eam-download dl dt p.ttl{
  font-size:68.75%;
  line-height:1.3636em;
  font-weight:bold;
}
.eam .eam-download dl dt p.notes{
  font-size:62.5%;
  line-height:1.2em;
}
.eam .eam-download dl dd.dl-btns{
  overflow:hidden;
  margin-top:10px;
}
.eam .eam-download dl dd.dl-btns a{
  display:block;
}
.eam .eam-download dl dd.dl-btns a:first-child{
  float:left;
  padding-top:2px;
}
.eam .eam-download dl dd.dl-btns a:last-child{
  float:right;
}
.eam .eam-download dl dd.notes{
  display:none;
}
@media only screen and (max-width: 979px){
  .eam .eam-ttl h1 {
    position: relative;
    display: block;
    padding-top: 25.2%;
    height: 0;
    overflow: hidden;
    background:url(../img/eam_ttl.gif) no-repeat;
    -webkit-background-size: 100% auto;
      -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
      -ms-background-size: 100% auto;
    background-size: 100% auto;
  }
  .eam .eam-post-example .ttl em{
    display:block;
  }
  .eam .eam-post-example .ttl em:last-child{
    padding-top:2px;
  }
  .eam .eam-post-example .post-example{
    margin:17px 10px 0;
    padding:10px 10px 0;
    border-radius:4px;
    background-color:#ff638d
  }
  .eam .eam-post-example .post-example:after{
    position:absolute;
    content:"";
    top:-90px;
    right:-10px;
    width:145px;
    height:97px;
    background:url(../img/eam_icon.png) 0 100% no-repeat;
    -webkit-background-size: 145px auto;
      -moz-background-size: 145px auto;
    -o-background-size: 145px auto;
      -ms-background-size: 145px auto;
    background-size: 145px auto;
  }
  .eam .eam-post-example .post-example p{
    overflow:hidden;
  }
  .eam .eam-post-example .post-example p img:first-child{
    float:left;
  }
  .eam .eam-post-example .post-example p img:last-child{
    float:right;
  }
  .eam .eam-download dl{
    max-width:340px;
  }
  .eam .eam-download dl dt{
    min-height:45px;
  }
  
}
@media only screen and (min-width: 980px){
  .eam #content {
    padding: 35px 0 0;
  }
  .eam .eam-ttl {
    padding: 15px;
    background: #2e2e2e;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    -o-border-radius: 8px 8px 0 0;
    -ms-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
  }
  .eam .eam-ttl h1 {
    display: block;
    height: 0;
    margin: 0 auto;
    overflow: hidden;
    padding: 180px 0 0;
    width: 720px;
    background:url(../img/eam_ttl.gif) no-repeat;
  }
  .eam .eam-about{
    position:relative;
    min-height:200px;
    padding-left:20px;
    padding-right:230px;
    background-color:#fff;
  }
  .eam .eam-about:after{
    position:absolute;
    content:"";
    width:200px;
    height:200px;
    top:20px;
    right:20px;
    background:#ff638d url(../img/eam_app_image.png) 50% 50% no-repeat;
     -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
  }

  .eam .eam-about .ttl{
    width:455px;
    margin:0;
    padding-left:35px;
    font-size:112.5%;
    line-height:2em;
    border-radius:1em;
    text-align:left;
  }
  .eam .eam-about .ttl:before{
    content:"";
  }
  .eam .eam-about .lead{
    font-size:81.25%;
    line-height:1.3076em;
  }
  .eam .eam-post-example,
  .eam .eam-download{
    padding-bottom:0;
  }
  .eam .eam-post-example .main,
  .eam .eam-download .main{
    padding-bottom:15px;
    background-color:#fff;
  }
  .eam .eam-download .main{
    padding-top:20px;
  }
  .eam .eam-post-example .lead{
    padding:15px 20px 0;
    font-size:81.25%;
    line-height:1.3076em;
  }
  .eam .eam-post-example .post-example{
    padding:15px 20px 50px;
  }
  .eam .eam-post-example .post-example p{
    display:inline;
    vertical-align:top;
  }
  .eam .eam-post-example .post-example p img{
    width:171px;
    margin-right:5px;
    vertical-align:top;
  }
  .eam .eam-post-example .post-example p:last-child img:last-child{
    margin-right:0;
  }
  .eam .eam-post-example .post-example:after{
    position:absolute;
    content:"";
    bottom:0;
    right:142px;
    width:243px;
    height:190px;
    background:url(../img/eam_icon_pc.png) 0 0 no-repeat;
  }
  
  .eam .eam-download dl{
    position:relative;
    width:auto;
    margin:0 20px;
    padding:18px 25px 18px 155px;
    border-radius:3px;
    background:#ddd url(../img/eam_app_icon.png) 25px 50% no-repeat;
  }
  .eam .eam-download dl:after{
    position:absolute;
    content:"";
    width:75px;
    height:75px;
    bottom:20px;
    right:20px;
    background:url(../img/eam_qr.gif) 0 0 no-repeat;
  }
  .eam .eam-download dl dt{
    padding:2px 0 5px;
    background:none;
  }
  .eam .eam-download dl dt p.ttl{
    font-size:100%;
    line-height:1.25em;
    font-weight:bold;
  }
  .eam .eam-download dl dt p.notes{
    font-size:81.25%;
    line-height:1.1538em;
  }
  .eam .eam-download dl dd.dl-btns{
    margin-top:0;
  }
  .eam .eam-download dl dd.dl-btns a:first-child{
    margin-right:10px;
  }
  .eam .eam-download dl dd.dl-btns a:last-child{
    float:left;
  }
  .eam .eam-download dl dd.notes{
    display:block;
    padding-top:5px;
    font-size:81.25%;
    line-height:1.1538em;
  }
  
}
/* eam banner */
.eam-banner{
  padding-bottom:15px;
}
.index .eam-banner{
  margin-top:-15px;
}
.eam-banner a{
  display:block;
  width:300px;
  height:60px;
  margin: 0 auto;
  background:url(../img/bnr_eam_sp.png) 0 0 no-repeat;
  background-size:300px auto;
}

@media only screen and (min-width: 360px){
  .eam-banner a{
    width:345px;
    background-image:url(../img/bnr_eam_pc.png);
    background-size:345px auto;
  }
}
@media only screen and (min-width: 980px){
  .index .eam-banner{
    padding-bottom:0;
  }
  .eam-banner a{
    width:690px;
    height:120px;
    background-size:auto auto;
  }
}
/* multiburst banner */
.multiburst-banner{
  margin-bottom:10px;
}
.multiburst-banner a{
  display:block;
  width:300px;
  height:60px;
  margin: 0 auto;
  background:url(../img/bnr_multiburst_sdvx_sp.png) 0 0 no-repeat;
  background-size:300px auto;
}
@media only screen and (min-width: 360px){
  .multiburst-banner a{
    width:345px;
    background-image:url(../img/bnr_multiburst_sdvx_pc.png);
    background-size:345px auto;
  }
}
@media only screen and (min-width: 980px){
  .multiburst-banner{
    margin-top:10px;
  }
  .multiburst-banner a{
    width:690px;
    height:120px;
    background-size:auto auto;
  }
}
/* setting ------------------------------------------ */
.setting .main {
  background: #FFF;
}
.setting .setting-ttl h1 strong {
  padding: 20px 0 0 0;
  display: block;
}
.setting .lead .main {
  padding: 20px 10px;
}
.setting .lead .main p.text {
  font-size: 68.75%;
  line-height: 1.3636em;
}
.setting .setting-list ul{
  max-width:600px;
  margin:0 auto;
}
.setting .setting-list li{
  padding:10px;
  border-bottom:1px solid #ddd;
}
.setting .setting-list li:first-child{
  border-top:1px solid #ddd;
}
.setting .setting-list li dl{
  display:table;
  width:100%;
}
.setting .setting-list li dt,
.setting .setting-list li dd{
  display:table-cell;
  vertical-align:middle;
  text-align:left;
}
.setting .setting-list li dt{
  width:45px;
}
.setting .setting-list li dt img{
  border: 1px solid #b2b2b2;
  border-radius: 8px;
  width: 43px;
}
.setting .setting-list li dd.name{
  padding:0 10px;
}
.setting .setting-list li dd.name p{
  font-size:87.5%;
  line-height:1.1428em;
  word-break: break-all;
  word-wrap: break-word;
}
.setting .setting-list li.not-entry p {
  color: #aaa;
}
.setting .setting-list li dd.name em.msg{
  display:inline-block;
  padding: 2px 5px;
  font-size: 62.5%;
  line-height: 1.2em;
  border-radius: 3px;
  color: #fff;
  background-color:#85a773;
}  
.setting .setting-list li dd.status{
  text-align:right;
}
.setting .setting-list li dd.status a{
  display:inline-block;
  width:75px;
  height:26px;
  background:url(../img/setting_check_btn.png) -75px 0 no-repeat;
  -webkit-background-size: 225px 26px;
  -moz-background-size: 225px 26px;
  -o-background-size: 225px 26px;
  -ms-background-size: 225px 26px;
  background-size: 225px 26px;
}
.setting .setting-list li dd.status a.on{
  background-position:0 0;
}
.setting .setting-list li.not-entry dd.status a{
  background-position:-150px 0;
  cursor: default;
}
.setting .btn-area{
  padding:20px 0;
}
.setting .btn-area p.btn.btn-red.na a{
  color:#ccc;
}
.setting .setting-attend {
  padding: 0 0 20px;
}
.setting .setting-attend ul.notes-list li {
  padding: 0 0 0 1em;
  border: none;
  font-size: 75%;
}

@media only screen and (max-width: 599px){
  .setting .setting-list li dd.name p {
    font-size: 75%;
    line-height: 1.25;
  }
  .setting .setting-attend ul.notes-list li {
   font-size: 68.75%;
  }
}
@media only screen and (min-width: 600px) and (max-width: 979px){
  .setting .lead .main p.text {
    width: 600px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 979px){
  .setting .setting-ttl h1 {
    position: relative;
    display: block;
    padding-top: 25.2%;
    height: 0;
    overflow: hidden;
    background:url(../img/setting_ttl.png) no-repeat;
    -webkit-background-size: 100% auto;
      -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
      -ms-background-size: 100% auto;
    background-size: 100% auto;
  }
  .setting .setting-attend ul.notes-list {
    padding: 0 10px;
  }
}
@media only screen and (min-width: 980px){
  .setting #content {
    padding: 35px 0 0;
  }
  .setting .setting-ttl {
    padding: 15px;
    background: #2e2e2e;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    -o-border-radius: 8px 8px 0 0;
    -ms-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
  }
  .setting .setting-ttl h1 {
    display: block;
    height: 0;
    margin: 0 auto;
    overflow: hidden;
    padding: 180px 0 0;
    width: 720px;
    background:url(../img/setting_ttl.png) no-repeat;
  }
  .setting .lead .main p.text {
    max-width:600px;
    margin:0 auto;
    font-size: 81.25%;
    line-height: 1.539em;
  }
}





/* entry ------------------------------------------ */
.entry .main {
  background: #FFF;
}
.entry .entry-ttl h1 strong {
  padding: 20px 0 0 0;
  display: block;
}
.entry section.error {
  padding: 10px;
  background: #ffd7e6;
}
.entry section.error p {
  padding: 10px;
  background: #ff5193;
  color: #fff;
  font-size: 68.75%;
    line-height: 1.3636em;
    text-align: center;
}
.entry .lead .main {
  padding: 20px 10px;
}
.entry .lead .main p.text {
  font-size: 68.75%;
  line-height: 1.3636em;
}
.entry .login-info .main ul li dt {
  color: #0090b9;
}
.entry .login-info .main ul li dl {
  position: relative;
  border-bottom:1px solid #ddd;
}
.entry .login-info .main ul li:last-child dl {
  border:none;
}
.entry .login-info .main ul li .tgt-pass {
  display: inline-block;
  padding: 5px;
  margin: 0 10px 0 0;
  color: #d60000;
  font-size: 62.5%;
  line-height: 1;
  border:1px solid #d60000;
  vertical-align: middle;
}
.entry .login-info .main ul li .pass-num {
  font-size: 81.25%;
}
.entry .login-info .eapass p {
  padding: 5px 0 0 0;
}
.entry .login-info .eapass em {
  position: relative;
  display: inline-block;
  margin:15px 0 0 0;
  padding: 5px 10px;
  background: #ff6868;
  color: #fff;
  font-size: 81.25%;
  line-height: 1;
  -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
  border-radius: 6px;
}
.entry .login-info .eapass em:before {
  position: absolute;
  content:"";
  display: block;
  width: 0;
  height: 0;
  left: 20px;
  top:-18px;
  border: 8px solid transparent;
  border-top: 10px solid #ff6868;
  -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    z-index: 10px;
}
.entry .login-info .eapass-menu {
  position: absolute;
  right: 10px;
  top:10px;
  text-align: right;
}
.entry .login-info .eapass-menu li {
  display: inline-block;
}
.entry .login-info .eapass-menu li:last-child {
  margin: 0 0 0 5px;
}
.entry .login-info .eapass-menu li a {
  display: block;
  padding: 6px 10px;
  background: #FFF;
  border:1px solid #aaa;
  color: #333;
  font-size: 62.5%;
  line-height: 1;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.entry .login-info .eapass-menu li:last-child a {
  border:1px solid #2e2e2e;
  color: #fff;
  background: #2e2e2e;
}
.entry .login-info .entry-game dd ol {
  padding: 0 0 4px 0;
  overflow: hidden;
}
.entry .login-info .entry-game dd ol li {
  position: relative;
  float: left;
  margin: 15px 5px 0 0;
}
.entry .login-info .entry-game dd ol li img {
  width: 30px;
  border: 1px solid #b2b2b2;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}
.entry .login-info .entry-game dd ol li span.block {
  position: absolute;
  display: block;
  margin: 0;
  padding: 3px;
  top:-10px;
  left: 0;
  background: #d6000b;
  color: #fff;
  font-size: 50%;
  line-height: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  z-index: 10;
  white-space: nowrap;
  text-align: center;
}

.entry .select-game .main ul li {
  border-bottom:1px solid #ddd;
}
.entry .select-game .main ul li img {
  width: 43px;
  border:1px solid #b2b2b2;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}
.entry .select-game .main ul li label {
  display: block;
  padding: 10px 10px 10px 50px;
  cursor: pointer;
}
.entry .select-game .main ul li input {
  display: none;
}
.entry .select-game .main ul li dl {
  overflow: hidden;
}
.entry .select-game .main ul li dl dt {
  float: left;
  padding: 0 15px 0 0;
}
.entry .select-game .main ul li dl dd.name {
  padding:15px 0 0;
  font-size: 81.25%;
}
.entry .select-game .main ul li.nodata dd.name {
  padding: 3px 0 4px;
  line-height: 1;
}
.entry .select-game .main ul li.nodata dd.msg {
  display: inline-block;
  padding: 5px 8px;
  font-size: 62.5%;
  line-height: 1;
  background: #eee;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.ko.entry .select-game .main ul li.nodata dd.msg{
  font-size:50%;
}
.entry .select-game .main ul li.nodata label {
  cursor: default;
}
input[type="checkbox"] + label {
  position: relative;
}
input[type="checkbox"] + label:before {
  position: absolute;
  content:"";
  margin: -14px 0 0 0;
  display: block;
  width: 28px;
  height: 28px;
  left: 10px;
  top:50%;
  background:url(../img/check_box_icon.png) top center no-repeat;
  -webkit-background-size: 28px 56px;
  -moz-background-size: 28px 56px;
  -o-background-size: 28px 56px;
  -ms-background-size: 28px 56px;
  background-size: 28px 56px;
}
input[type="checkbox"]:checked + label:before {
  background:url(../img/check_box_icon.png) bottom center no-repeat;
  -webkit-background-size: 28px 56px;
  -moz-background-size: 28px 56px;
  -o-background-size: 28px 56px;
  -ms-background-size: 28px 56px;
  background-size: 28px 56px;
}
.entry .select-game .main ul li.nodata input[type="checkbox"] + label:before,
.entry .select-game .main ul li.nodata input[type="checkbox"]:disabled + label:before {
  background: #eee;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}
.entry .select-game.confirm .main ul li dl {
  padding: 10px;
}

.entry .agreement .main p.lead {
  padding: 15px 10px;
  font-size: 68.75%;
    line-height: 1.3636em;
}
.entry .agreement .btn-area {
  padding: 40px 0;
  background: #eee;
}
.entry .agreement .btn-area {
  position: relative;
}
.entry .agreement .btn-area .btn-gray a {
  cursor: default;
}
.entry .agreement .btn-area .msg {
  position: absolute;
  width: 280px;
  margin: 0 0 0 -140px;
  padding: 15px 20px;
  color: #fff;
  text-align: center;
  font-size: 81.25%;
  font-weight: bold;
  line-height: 1.308;
  top:105px;
  left: 50%;
  background: #bc0009;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  background: url(../img/entry_msg_bg.gif) repeat;
  -webkit-background-size: 12px 15px;
  -moz-background-size: 12px 15px;
  -o-background-size: 12px 15px;
  -ms-background-size: 12px 15px;
  background-size: 12px 15px;
  z-index: 10;
}
.entry .agreement .btn-area .msg:after {
  position: absolute;
  content:"";
  display: block;
  margin: 0 0 0 -8px;
  width: 0;
  height: 0;
  left: 50%;
  top:-23px;
  border: 8px solid transparent;
  border-top: 18px solid #bc0009;
  -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    z-index: 10px;
}

.entry .agreement .check {
  position: relative;
  text-align: center;
}
.entry .agreement .check label {
  display: inline-block;
  margin: 5px 0 0 -8px;
  padding: 20px 0 20px 45px;
  cursor: pointer;
  font-size: 81.25%;
}
.entry .agreement .check input {
  display: none;
}
.entry .agreement .attend {
  padding: 20px 10px;
}
.entry .agreement .attend h5 {
  padding: 0 0 10px;
  text-align: center;
  font-size: 81.25%;
}

.entry .entry-attend .main .entry-msg {
  padding: 15px 20px;
  background: #FFD7E6;
}
.entry .entry-attend .main .entry-msg ul.notes-list {
  margin: 0 0 10px;
}
.entry .entry-attend .main .entry-msg ol.notes-list {
  padding: 10px;
  background: #ff78ab;
  text-align: center;
}
.entry .entry-attend .main .entry-msg ol.notes-list li {
  display: block;
  margin: 0 auto 5px;
  color: #FFF;
  font-size: 75%;
  line-height: 1.25;
}
.entry .entry-attend .main .entry-msg ol.notes-list li:last-child {
  margin: 0 auto;
}
.entry .entry-attend .main .entry-msg ol.notes-list li:before {
  position: static;
}
.entry .entry-attend .main .btn-area ol {
  display:table;
  padding: 25px 10px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.entry .entry-attend .main .btn-area ol li {
  display: table-cell;
}
.entry .entry-attend .main .btn-area ol li:first-child {
  width: 30%;
  padding: 0 10px 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.entry .entry-attend .main .btn-area ol li:last-child {
  width: 70%;
}
.entry .entry-attend .main .btn-area ol li:first-child .btn,
.entry .entry-attend .main .btn-area ol li:last-child .btn {
  width: 100%;
}
.entry .entry-game-info .main .entry-game-detail {
  padding: 1px 10px 15px;
}
.entry .entry-game-info .main .entry-game-detail ul {
  overflow: hidden;
}
.entry .entry-game-info .main .entry-game-detail ul li {
  float: left;
  width: 50%;
  border-bottom:1px solid #ddd;
}
.entry .entry-game-info .main .entry-game-detail ul li:last-child,
.entry .entry-game-info .main .entry-game-detail ul li.no-bottom-border {
  border-bottom:1px solid transparent;
}
.entry .entry-game-info .main .entry-game-detail ul li img {
  width: 30px;
  border:1px solid #b2b2b2;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.entry .entry-game-info .main .entry-game-detail ul li dl {
  display: table;
  padding: 10px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.entry .entry-game-info .main .entry-game-detail ul li dl dt {
  display: table-cell;
  width: 40px;
  vertical-align: middle;
}
.entry .entry-game-info .main .entry-game-detail ul li dl dd {
  display: table-cell;
  vertical-align: middle;
  font-size: 75%;
  line-height: 1;
}
.entry .entry-game-info .main .entry-game-detail ul li dl dd span {
  display: block;
}

.entry .entry-game-info .main .entry-share {
  padding: 1px 10px 15px;
}
.entry .entry-game-info .main .entry-share .sub-container{
  background: #fff;
  border:1px solid #ff7f85;
}
.entry .entry-game-info .main .entry-share .sub-container dl {
  padding: 15px 0;
}
.entry .entry-game-info .main .entry-share .sub-container dl dt {
  padding: 0 10px 10px;
  text-align: center;
  font-size: 75%;
  line-height: 1;
}
.entry .entry-game-info .main .entry-share .sub-container dl dd ul {
  text-align: center;
}
.entry .entry-game-info .main .entry-share .sub-container dl dd ul li {
  display: inline-block;
  margin: 0 3px;
}
.pc.entry .entry-game-info .main .entry-share .sub-container dl dd ul li.line {
  display:none;
}
.entry .entry-game-info .main .entry-share .sub-container dl dd ul li a {
  display: block;
}
.entry .entry-game-info .main .entry-share .sub-container dl dd ul li img {
  width: 33px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}
.entry .entry-game-info .main .btn-area {
  padding: 25px 0;
  background: #eee;
  -webkit-border-radius: 0 0 8px 8px;
  -moz-border-radius: 0 0 8px 8px;
  -o-border-radius: 0 0 8px 8px;
  -ms-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
}
.entry .entry-game-info .main .entry-error {
  padding: 50px 10px;
}
.entry .entry-game-info .main .entry-error p.lead {
  padding: 20px 10px 10px;
  font-size: 75%;
  text-align: center;
}
.entry .entry-game-info .main .entry-error .btn-area {
  padding: 20px 0;
}
.entry .agreement .agreement-detail .check label.error {
  background:#ffd7e6;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius:8px;
  border-radius: 8px;
}

@media only screen and (max-width: 979px){
  .entry .entry-ttl h1 {
    position: relative;
    display: block;
    padding-top: 25.2%;
    height: 0;
    overflow: hidden;
  }
  .ja.entry .entry-ttl h1.input {background: url(../img/entry_ttl_input_ja.gif) #12caff no-repeat;}
  .ja.entry .entry-ttl h1.confirm {background: url(../img/entry_ttl_confirm_ja.gif) #12caff no-repeat;}
  .ja.entry .entry-ttl h1.complete {background: url(../img/entry_ttl_complete_ja.gif) #12caff no-repeat;}
  .ja.entry .entry-ttl h1.error {background: url(../img/entry_ttl_error_ja.gif) #12caff no-repeat;}
  .en.entry .entry-ttl h1.input {background: url(../img/entry_ttl_input_en.gif) #12caff no-repeat;}
  .en.entry .entry-ttl h1.confirm {background: url(../img/entry_ttl_confirm_en.gif) #12caff no-repeat;}
  .en.entry .entry-ttl h1.complete {background: url(../img/entry_ttl_complete_en.gif) #12caff no-repeat;}
  .en.entry .entry-ttl h1.error {background: url(../img/entry_ttl_error_en.gif) #12caff no-repeat;}
  .ko.entry .entry-ttl h1.input {background: url(../img/entry_ttl_input_ko.gif) #12caff no-repeat;}
  .ko.entry .entry-ttl h1.confirm {background: url(../img/entry_ttl_confirm_ko.gif) #12caff no-repeat;}
  .ko.entry .entry-ttl h1.complete {background: url(../img/entry_ttl_complete_ko.gif) #12caff no-repeat;}
  .ko.entry .entry-ttl h1.error {background: url(../img/entry_ttl_error_ko.gif) #12caff no-repeat;}
  .zh-tw.entry .entry-ttl h1.input {background: url(../img/entry_ttl_input_zh_tw.gif) #12caff no-repeat;}
  .zh-tw.entry .entry-ttl h1.confirm {background: url(../img/entry_ttl_confirm_zh_tw.gif) #12caff no-repeat;}
  .zh-tw.entry .entry-ttl h1.complete {background: url(../img/entry_ttl_complete_zh_tw.gif) #12caff no-repeat;}
  .zh-tw.entry .entry-ttl h1.error {background: url(../img/entry_ttl_error_zh_tw.gif) #12caff no-repeat;}
  .ja.entry .entry-ttl h1.input,
  .en.entry .entry-ttl h1.input,
  .ko.entry .entry-ttl h1.input,
  .zh-tw.entry .entry-ttl h1.input,
  .ja.entry .entry-ttl h1.confirm,
  .en.entry .entry-ttl h1.confirm,
  .ko.entry .entry-ttl h1.confirm,
  .zh-tw.entry .entry-ttl h1.confirm,
  .ja.entry .entry-ttl h1.complete,
  .en.entry .entry-ttl h1.complete,
  .ko.entry .entry-ttl h1.complete,
  .zh-tw.entry .entry-ttl h1.complete,
  .ja.entry .entry-ttl h1.error,
  .en.entry .entry-ttl h1.error,
  .ko.entry .entry-ttl h1.error,
  .zh-tw.entry .entry-ttl h1.error {
    -webkit-background-size: 100% auto;
      -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
      -ms-background-size: 100% auto;
    background-size: 100% auto;
  }
  .entry .login-info .main {
    padding: 0 10px 20px;
  }
  .entry .select-game .main ul li:last-child {
    border:none;
  }
  .entry .login-info .main ul li dl {
    position: relative;
    padding: 13px 10px;
  }
  .entry .login-info .main ul li dl dt {
    font-size: 87.5%;
  }
  .entry .login-info .main ul li.konami-id dl dd,
  .entry .login-info .main ul li.nick-name dl dd {
    font-size: 81.25%;
  }
  .entry .login-info .main ul li .tgt-pass {
    font-size: 62.5%;
    line-height: 1;
  }
  .entry .select-game .main ul li.has_blocks .department-select {
    margin: 0 10px 10px 50px;
    padding: 10px;
    background: #eee;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
  }
  .entry .select-game .main ul li.has_blocks.error .department-select {
    background: #ffd7e6;
  }
  .entry .select-game .main ul li.has_blocks .department-select p {
    margin: 0 0 5px;
    font-size: 81.25%;
  }
  .entry .select-game .main ul li.has_blocks .department-select select {
    width: 100%;
    font-size: 81.25%;
    cursor: pointer;
  }
  .entry .select-game .main ul li.has_blocks.nodata .department-select {
    filter:alpha(opacity=50);
      -moz-opacity: 0.5;
      opacity: 0.5;
  }
  .entry .select-game .main ul li.has_blocks.nodata .department-select select {
    cursor: default;
  }
  .entry .agreement-detail p.text{
    display: none;
  }
  .entry #entry-agreement .ttl {
    position: relative;
    background: #000;
  }
  .entry #entry-agreement .ttl h1 {
    padding: 13px 0;
    text-align: center;
    color: #fff;
    font-size: 87.5%;
    line-height: 1;
  }
  .entry #entry-agreement .ttl p.close-btn {
    position: absolute;
    right: 0;
    top:0;
  }
  .entry #entry-agreement .ttl p.close-btn a {
    display: block;
    padding: 10px;
  }
  .entry.pc #entry-agreement .ttl p.close-btn a:hover {
    background: #1a1a1a;
  }
  .entry #entry-agreement .main {
    background: #2e2e2e;
    padding: 20px 10px 25px;
  }
  .entry #entry-agreement .main p.text {
    padding: 0 0 25px;
    font-size: 68.75%;
      line-height: 1.3636em;
      color: #fff;
  }
  .entry .agreement .check label {
    margin: 15px 0 10px -8px;
    padding: 10px 10px 10px 45px;
  }
  .entry #entry-agreement .main p.text a {
    text-decoration: underline;
    color: #fff;
  }
  .entry.pc #entry-agreement .main p.text a:hover {
    text-decoration: none;
  }
}
@media only screen and (min-width: 500px){
  .entry .login-info .eapass-menu li a {
    padding: 6px 40px;
  }
  .entry .entry-attend .main .btn-area ol {
    width: 400px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 600px) and (max-width: 979px){
  .entry .agreement .btn-area .msg {
    margin: 0 0 0 -250px;
    width: 500px;
  }
}

@media only screen and (min-width: 980px){
  .entry #content {
    padding: 35px 0 0;
  }
  .entry .entry-ttl {
    padding: 15px;
    background: #2e2e2e;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    -o-border-radius: 8px 8px 0 0;
    -ms-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
  }
  .entry .entry-ttl h1 {
    display: block;
    overflow: hidden;
    margin: 0 auto;
    padding: 180px 0 0 0;
    width: 720px;
    height: 0;
  }
  .ja.entry .entry-ttl h1.input {background: url(../img/entry_ttl_input_ja.gif) #fff no-repeat;}
  .ja.entry .entry-ttl h1.confirm {background: url(../img/entry_ttl_confirm_ja.gif) #fff no-repeat;}
  .ja.entry .entry-ttl h1.complete {background: url(../img/entry_ttl_complete_ja.gif) #fff no-repeat;}
  .ja.entry .entry-ttl h1.error {background: url(../img/entry_ttl_error_ja.gif) #12caff no-repeat;}
  .en.entry .entry-ttl h1.input {background: url(../img/entry_ttl_input_en.gif) #fff no-repeat;}
  .en.entry .entry-ttl h1.confirm {background: url(../img/entry_ttl_confirm_en.gif) #fff no-repeat;}
  .en.entry .entry-ttl h1.complete {background: url(../img/entry_ttl_complete_en.gif) #fff no-repeat;}
  .en.entry .entry-ttl h1.error {background: url(../img/entry_ttl_error_en.gif) #12caff no-repeat;}
  .ko.entry .entry-ttl h1.input {background: url(../img/entry_ttl_input_ko.gif) #fff no-repeat;}
  .ko.entry .entry-ttl h1.confirm {background: url(../img/entry_ttl_confirm_ko.gif) #fff no-repeat;}
  .ko.entry .entry-ttl h1.complete {background: url(../img/entry_ttl_complete_ko.gif) #fff no-repeat;}
  .ko.entry .entry-ttl h1.error {background: url(../img/entry_ttl_error_ko.gif) #12caff no-repeat;}
  .zh-tw.entry .entry-ttl h1.input {background: url(../img/entry_ttl_input_zh_tw.gif) #fff no-repeat;}
  .zh-tw.entry .entry-ttl h1.confirm {background: url(../img/entry_ttl_confirm_zh_tw.gif) #fff no-repeat;}
  .zh-tw.entry .entry-ttl h1.complete {background: url(../img/entry_ttl_complete_zh_tw.gif) #fff no-repeat;}
  .zh-tw.entry .entry-ttl h1.error {background: url(../img/entry_ttl_error_zh_tw.gif) #12caff no-repeat;}
  .entry .entry-ttl h1.input,
  .entry .entry-ttl h1.confirm,
  .entry .entry-ttl h1.complete,
  .entry .entry-ttl h1.error {
    -webkit-background-size: 100% auto;
      -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
      -ms-background-size: 100% auto;
    background-size: 100% auto;
  }
  .entry section.error p {
    font-size: 81.25%;
      line-height: 1.539;
  }
  .entry .lead .main {
    padding: 25px 15px 20px;
  }
  .entry .lead .main p.text {
    font-size: 81.25%;
      line-height: 1.539;
  }
  .entry .login-info .main {
    padding: 1px 15px 20px;
  }
  .entry .login-info .main ul li {
    position: relative;
  }
  .entry .login-info .main ul li .tgt-pass {
    font-size: 81.25%;
    line-height: 1;
  }
  .entry .login-info .main ul {
    overflow: hidden;
    padding: 0 20px;
  }
  .entry .login-info .main ul li.nick-name {
    position: absolute;
    right: 20px;
    top:20px;
    width: 50%;
  }
  .entry .login-info .main ul li.nick-name dl {
    border-bottom: none;
  }
  .entry .login-info .main ul li.konami-id dl dd,
  .entry .login-info .main ul li.nick-name dl dd {
    margin: 5px 0 0 0;
    font-size: 81.25%;
  }
  .entry .login-info .main ul li.nick-name:after {
    clear:both;
  }
  .entry .login-info .main ul .eapass-menu {
    top:35px;
  }
  .entry .login-info .main ul .eapass-menu li a {
    padding: 8px 45px;
    font-size:81.25%;
  }
  .entry.pc .login-info .main ul .eapass-menu li a:hover {
    border:1px solid #d60000;
    color: #d60000;
  }
  .entry.pc .login-info .main ul .eapass-menu li:last-child a:hover {
    color: #ffb8bc;
    border:1px solid #000;
    background: #000;
  }
  .entry .login-info .main ul li dl {
    padding: 15px 0;
  }
  .entry .login-info .entry-game dd ol {
    padding: 15px 0 0 0;
  }
  .entry .login-info .entry-game dd ol li {
    margin: 0 10px 0 0;
  }
  .entry .login-info .entry-game dd ol li img {width: 40px;}
  .entry .login-info .entry-game dd ol li span.block {
    font-size: 56.2%;
    line-height: 1;
  }
  .entry .select-game .main {
    padding: 15px;
  }
  .entry .select-game .main ul {
    overflow: hidden;
  }
  .entry .select-game .main ul li {
    width: 50%;
    float: left;
  }
  .entry .select-game .main ul li.has_blocks {
    width: 100%;
  }
  .entry .select-game .main ul li.no-bottom-border {
    border-bottom:1px solid transparent;
  }
  .entry .select-game .main ul li.has_blocks label {
    float: left;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .entry .select-game .main ul li.has_blocks .department-select {
    float: left;
    width: 50%;
    margin: -1px 0 0 0;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid #ddd;
  }
  .entry.pc .select-game .main ul li.has_blocks.error .department-select,
  .entry.pc .select-game .main ul li.has_blocks.error .department-select:hover {
    background: #ffd7e6;
  }
  .entry.pc .select-game .main ul li.has_blocks .department-select:hover {
    background: #dcfaff;
  }
  .entry .select-game .main ul li.has_blocks .department-select p {
    margin: 2px 0 5px;
    font-size: 87.5%;
    line-height: 1;
  }
  .entry .select-game .main ul li.has_blocks .department-select select {
    cursor: pointer;
    font-size: 81.25%;
  }
  .entry.pc .select-game .main ul li.has_blocks.nodata .department-select:hover {
    background: #fff;
  }
  .entry.pc .select-game .main ul li.has_blocks.nodata .department-select {
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
  }
  .entry.pc .select-game .main ul li.has_blocks.nodata .department-select select {
    cursor: default;
  }
  .entry.pc .select-game .main ul li label {
    padding: 10px 0 10px 50px;
  }
  .entry.pc .select-game .main ul li label:hover {
    background: #dcfaff;
  }
  .entry.pc .select-game .main ul li.nodata label:hover {
    background: none;
  }
  .entry .select-game .main ul li dl dd.name {
    overflow: hidden;
    font-size: 75%;
    white-space: nowrap;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }
  .entry .select-game .main ul li.nodata dd.msg {
    font-size: 68.75%;
  }
  .entry .select-game.confirm .main ul li dl {
    padding: 12px 10px 12px 0;
  }
  .entry .entry-game-info .main .entry-game-detail ul li dl dd span {
    display: inline-block;
  }
  .entry .agreement .main p.lead {
    padding: 25px 15px 0;
    font-size: 81.25%;
      line-height: 1.539;
  }
  .entry .agreement .agreement-detail {
    padding: 10px 15px;
  }
  .entry .agreement .agreement-detail p.btn{
    display: none;
  }
  .entry .agreement .btn-area .msg {
    position: absolute;
    width: 500px;
    margin: 0 0 0 -250px;
    font-size: 87.5%;
    line-height: 1.286;
  }
  .entry .agreement .agreement-detail p.text {
    padding: 10px;
    overflow: auto;
    height: 265px;
    border:1px solid #ccc;
    font-size: 81.25%;
      line-height: 1.539;
  }
  .entry .agreement .agreement-detail p.text a {
    text-decoration: underline;
    color: #333;
  }
  .entry.pc .agreement .agreement-detail p.text a:hover {
    text-decoration: none;
  }
  .entry .agreement .agreement-detail .check label {
    margin: 15px 0 10px -8px;
    padding: 10px 15px 10px 45px;
    font-size: 87.5%;
  }
  .entry.pc .agreement .agreement-detail .check label:hover {
    background: #dcfaff;
    -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      -o-border-radius: 6px;
      -ms-border-radius: 6px;
    border-radius: 6px;
  }
  .entry .agreement .attend {
    padding: 25px 20px;
  }
  .entry .agreement .attend .notes-list li {
    font-size: 68.75%;
      line-height: 1.455;
    }
    .entry .entry-attend .main .entry-msg ol.notes-list {
      padding: 15px 0;
    }
    .entry .entry-attend .main .entry-msg ol.notes-list li {
      margin: 0 auto 8px;
    font-size: 81.25%;
    line-height: 1;
  }
  .entry .entry-attend .main .btn-area ol {
    display:table;
    padding: 25px 0;
    margin: 0 auto;
    width: 410px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .entry .entry-game-info .main .entry-game-detail {
    padding: 1px 20px 25px;
  }
  .entry .entry-game-info .main .entry-game-detail ul {
    padding: 10px 15px;
  }
  .entry .entry-game-info .main .entry-game-detail ul li img {
    width: 40px;
  }
  .entry .entry-game-info .main .entry-game-detail ul li dl {
    padding: 10px 10px 10px 0;
  }
  .entry .entry-game-info .main .entry-game-detail ul li dl dt {
    width: 55px;
  }
  .entry .entry-game-info .main .entry-share {
    padding: 1px 20px 25px;
  }
  .entry .entry-game-info .main .entry-share .sub-container dl {
    padding: 25px 0;
  }
  .entry .entry-game-info .main .entry-share .sub-container dl dt {
    padding: 0 10px 15px;
    font-size: 87.5%;
  }
  .entry .entry-game-info .main .entry-share .sub-container dl dd ul li img {
    width: 40px;
  }
  .entry.pc .entry-game-info .main .entry-share .sub-container dl dd ul li img:hover {
    filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
  }
  .entry #entry-agreement {
    display: none;
  }
  .entry .entry-game-info .main .entry-error {
    padding: 100px 15px;
  }
  .entry .entry-game-info .main .entry-error p.lead {
    padding: 50px 0 30px;
    font-size: 87.5%;
    text-align: center;
  }

}

/* final ------------------------------------------ */
.final .main {
  background: #fff;
}

.final .lead .main {
  padding: 20px 10px;
}
.final .lead .main p.text {
  font-size: 68.75%;
    line-height: 1.3636em;
}
.final .outline .event-data .mobile-link {
  color:#333;
}
.final .final-data .main ul li a {
  text-decoration: underline;
  color: #d6000b;
}
.final.pc .final-data .main ul li a:hover {
  text-decoration: none;
}

.final .final-data.gp .main ul li:first-child:before {
  position: absolute;
  content:"";
  display: block;
  margin: -24px 0 0 0;
  width: 35px;
  height: 35px;
  left: 0;
  top:50%;
  background: url(../img/gp_date_icon.png) left center no-repeat;
  -webkit-background-size: 35px 35px;
  -moz-background-size: 35px 35px;
  -o-background-size: 35px 35px;
  -ms-background-size: 35px 35px;
  background-size: 35px 35px;
}
.final .final-data.jaepo .main ul li:first-child:before {
  position: absolute;
  content:"";
  display: block;
  margin: -24px 0 0 0;
  width: 35px;
  height: 35px;
  left: 0;
  top:50%;
  background: url(../img/jaepo_date_icon.png) left center no-repeat;
  -webkit-background-size: 35px 35px;
  -moz-background-size: 35px 35px;
  -o-background-size: 35px 35px;
  -ms-background-size: 35px 35px;
  background-size: 35px 35px;
}
.final .final-data .main ul li:last-child:before {
  position: absolute;
  content:"";
  display: block;
  margin: -18px 0 0 0;
  width: 35px;
  height: 35px;
  left: 0;
  top:50%;
  background: url(../img/place_icon.png) left center no-repeat;
  -webkit-background-size: 35px 35px;
  -moz-background-size: 35px 35px;
  -o-background-size: 35px 35px;
  -ms-background-size: 35px 35px;
  background-size: 35px 35px;
}
.final .final-timetable .main{
  padding:20px 10px;
}
.final .final-timetable .main ul.stage-list li{
  padding-bottom:15px;
  margin-bottom:15px;
  border-bottom:1px solid #ddd;
}
.final .final-timetable .main ul.stage-list li dl{
  overflow:hidden;
}
.final .final-timetable .main ul.stage-list li dl dt{
  float:left;
  width:65px;
}
.final .final-timetable .main ul.stage-list li dl dt img{
  width:50px;
  border:1px solid #ccc;
  border-radius:9px;
}
.pc.final .final-timetable .main ul.stage-list li dl dt a:hover img{
  border-color:#d6000b;
}
.final .final-timetable .main ul.stage-list li dl dd{
  margin:0 0 0 65px;
}
.final .final-timetable .main ul.stage-list li dl dd.program-name{
  font-size:100%;
  line-height:1.2em;
}
.final .final-timetable .main ul.stage-list li dl dd.program-name a{
  color:#333;
}
.pc.final .final-timetable .main ul.stage-list li dl dd.program-name a:hover{
  color:#d6000b;
}
.final .final-timetable .main ul.stage-list li dl dd.start-time,
.final .final-timetable .main ul.stage-list li dl dd.guest{
  position:relative;
  margin-top:5px;
  padding-left:4.5em;
  font-size:75%;
  line-height:1.1666em;
}
.final .final-timetable .main ul.stage-list li dl dd p{
  position:absolute;
  display:inline-block;
  width:5em;
  top:0;
  left:0;
  font-size:83.3333%;
  line-height:1.4em;
  text-align:center;
  vertical-align:bottom;
  color:#fff;
  border-radius:2px;
  background-color:#ff696b;
}
.final .final-timetable .main ul.stage-list li dl dd em,
.final .final-timetable .main ul.stage-list li dl dd span{
  display:inline;
}
@media only screen and (max-width: 979px){
  .final .final-ttl h1 {
    position: relative;
    display: block;
    padding-top: 36%;
    height: 0;
    overflow: hidden;
    background: url(../img/final_ttl_sp.gif) #fff no-repeat;
  }
  .final.en .final-ttl h1{
    background: url(../img/final_ttl_sp_en.gif) #fff no-repeat;
  }
  .final.ko .final-ttl h1{
    background: url(../img/final_ttl_sp_ko.gif) #fff no-repeat;
  }
  .final.zh-tw .final-ttl h1{
    background: url(../img/final_ttl_sp_zh_tw.gif) #fff no-repeat;
  }
  .final .final-ttl h1,
  .final.en .final-ttl h1,
  .final.ko .final-ttl h1,
  .final.zh-tw .final-ttl h1 {
    -webkit-background-size: 100% auto;
      -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
      -ms-background-size: 100% auto;
    background-size: 100% auto;
  }
  .final .final-ttl .sns {
    padding: 12px 0;
  }
  .final .outline .event-data p.btn {
    display: none;
  }
  .final .outline .event-data .mobile-link {
    display: block;
    position: relative;
    padding: 17px 15px 17px 113px;
    font-size: 68.75%;
      line-height: 1.3636em;
      border-bottom:1px solid #ddd;
  }
  .final .outline .event-data .mobile-link:after {
    display: block;
    position: absolute;
    content:"";
    right: 10px;
    top: 50%;
    width: 10px;
    height: 10px;
    margin-top: -6px;
    border-top: solid 1px #d6000b;
    border-right: solid 1px #d6000b;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .final .outline .gp .event-data .mobile-link dt img {
    position: absolute;
    margin: -25px 0 0 0;
    width: 72px;
    left: 20px;
    top:50%;
  }
  .final .outline .jaepo .event-data .mobile-link dt img {
    position: absolute;
    margin: -13px 0 0 0;
    width: 90px;
    left: 12px;
    top:50%;
  }
  .final .final-detail .main dl {
    padding: 15px 10px;
  }
  .final .final-detail .main dl dt {
    padding: 0 0 15px;
    font-size: 68.75%;
      line-height: 1.3636em;
  }
  .final .final-data .main {
    padding: 20px 10px;
  }
  .final .final-data .main ul li {
    position: relative;
    padding: 0 10px 0 44px;
  }
  .final .final-data .main ul li:first-child {
    padding: 0px 10px 6px 44px;
    margin: 0 0 5px;
    font-size: 75%;
  }
  .final .final-data .main ul li:first-child span {
    font-size:62.5%;
  }
  .final .final-data .main ul li:last-child {
    font-size: 75%;
    line-height: 1.25;
  }
  .final .final-data .main ul li:last-child {
    font-size: ;
  }
  .final .final-live .main {
    padding: 5px 0 20px;
  }
  .final .final-live .main .live-broadcast {
    background: #FFF;
  }
  .final .final-live .main .live-broadcast .msg {
    margin: 0 0 15px;
    font-size: 68.75%;
      line-height: 1.3636em;
      text-align: center;
  }
  .final .final-live .main .live-broadcast .msg span {
    display: block;
  }
}
@media only screen and (min-width: 980px){
  .final #content {
    padding: 35px 0 0;
  }
  .final .final-ttl {
    padding: 15px;
    background: #2e2e2e;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    -o-border-radius: 8px 8px 0 0;
    -ms-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
  }
  .final .final-ttl h1 {
    display: block;
    overflow: hidden;
    margin: 0 auto;
    padding: 176px 0 0 0;
    width: 720px;
    height: 0;
    background: url(../img/final_ttl_pc.gif) #2e2e2e no-repeat;
  }
  .final.en .final-ttl h1 {
    background: url(../img/final_ttl_pc_en.gif) #2e2e2e no-repeat;
  }
  .final.ko .final-ttl h1 {
    background: url(../img/final_ttl_pc_ko.gif) #2e2e2e no-repeat;
  }
  .final.zh-tw .final-ttl h1 {
    background: url(../img/final_ttl_pc_zh_tw.gif) #2e2e2e no-repeat;
  }
  .final .final-ttl h1,
  .final.en .final-ttl h1,
  .final.ko .final-ttl h1,
  .final.zh-tw .final-ttl h1 {
    -webkit-background-size: 100% auto;
      -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
      -ms-background-size: 100% auto;
    background-size: 100% auto;
  }
  .final .final-ttl h1 strong {
    display: block;
    padding: 20px 0 0 0;
  }
  .final .final-ttl .sns {
    display: none;
  }
  .final .lead .main {
    padding: 20px 15px;
  }
  .final .lead .main p.text {
    font-size: 81.25%;
      line-height: 1.539;
  }
  .final .outline .event-data {
    position: relative;
  }
  .final .outline .event-data .mobile-link {
    position: relative;
    display: block;
    padding: 30px 330px 30px 215px;
    margin: 0 0 -20px;
    pointer-events : none;
  }
  .final .outline .event-data .mobile-link dt {
    position: absolute;
    left: 56px;
    top:50%;
  }
  .final .outline .gp .event-data .mobile-link dt {
    left: 50px;
    margin: -40px 0 0 0;
  }
  .final .outline .jaepo .event-data .mobile-link dt {
    left: 25px;
    margin: -23px 0 0 0;
  }
  .final .outline .event-data .mobile-link dd {
    font-size: 87.5%;
    line-height: 1.286;
  }
  .final .outline .gp .event-data dl dt img {
    width: 120px;
  }
  .final .outline .jaepo .event-data dl dt img {
    width: 170px;
  }
  .final .outline .event-data .btn {
    position: absolute;
    margin: -24px 0 0 0;
    right: 15px;
    top:50%;
  }
  .final .final-detail .main dl {
    position: relative;
    padding: 30px 20px 30px 196px;
  }
  .final .final-detail .main dl:before {
    position: absolute;
    content:"";
    display: block;
  }
  .final .final-detail.gp .main dl:before {
    width:140px;
    height: 95px;
    left: 30px;
    top:15px;
    background: url(../img/gp_logo.png) no-repeat;
    -webkit-background-size: 140px 95px;
      -moz-background-size: 140px 95px;
    -o-background-size: 140px 95px;
      -ms-background-size: 140px 95px;
    background-size: 140px 95px;
  }
  .final .final-detail.jaepo .main dl:before {
    width:160px;
    height: 44px;
    left: 18px;
    top:28px;
    background: url(../img/jaepo_logo.png) no-repeat;
    -webkit-background-size: 160px 44px;
      -moz-background-size: 160px 44px;
    -o-background-size: 160px 44px;
      -ms-background-size: 160px 44px;
    background-size: 160px 44px;
  }
  .final .final-detail .main dl dt {
    padding: 0 0 20px;
    font-size: 81.25%;
      line-height: 1.539;
  }
  .final .final-data .main {
    padding: 25px 15px;
  }
  .final .final-data .main ul {
    display: table;
    width: 100%;
  }
  .final .final-data .main ul li {
    position: relative;
    display: table-cell;
    width: 50%;
    padding: 0 0 0 67px;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .final .final-data .main ul li:first-child {
    font-size: 125%;
  }
  .final.en .final-data .main ul li:first-child {
    font-size: 100%;
  }
  .final .final-data .main ul li:first-child span {
    font-size: 70%;
  }
  .final .final-data.gp .main ul li:first-child:before {
    margin: -32px 0 0 0;
    width: 56px;
    height: 56px;
    left: 0;
    -webkit-background-size: 56px 56px;
    -moz-background-size: 56px 56px;
    -o-background-size: 56px 56px;
    -ms-background-size: 56px 56px;
    background-size: 56px 56px;
  }
  .final .final-data.jaepo .main ul li:first-child:before {
    margin: -32px 0 0 0;
    width: 56px;
    height: 56px;
    left: 0;
    -webkit-background-size: 56px 56px;
    -moz-background-size: 56px 56px;
    -o-background-size: 56px 56px;
    -ms-background-size: 56px 56px;
    background-size: 56px 56px;
  }
  .final .final-data .main ul li:last-child:before {
    margin: -30px 0 0 0;
    width: 56px;
    height: 56px;
    left: 0;
    -webkit-background-size: 56px 56px;
    -moz-background-size: 56px 56px;
    -o-background-size: 56px 56px;
    -ms-background-size: 56px 56px;
    background-size: 56px 56px;
  }
  .final .final-timetable .main{
    padding: 25px 15px;
  }
  .final .final-live .main {
    padding: 25px 15px;
  }

}
/* popup,bg-cover */
#page-cover{
  display:none;
  position: absolute;
  top:0;
  left:0;
  width:100%;
  background-color:rgba(0,0,0,0.7);
}
#popup{
  display:none;
  position: absolute;
  top:0;
  left:0;
  width:100%;
  z-index: 100;
}
#popup .detail-in{
  width:90%;
  min-width:480px;
  margin-left:auto;
  margin-right:auto;
  border-radius:5px;
  background-color:#fff;
}
#popup .detail-in .ttl{
  padding:10px 0;
  line-height:1.5em;
  text-align:center;
  border-radius:5px 5px 0 0;
  background-color:#ffb400;
}
#popup .detail-in .ttl .close-btn{
  display:none;
}
#popup .detail-in .main{
  overflow-x:hidden;
  overflow-y:auto;
  max-height:480px;
  margin:20px;
}
#popup .detail-in .btn-area{
  padding:10px 0;
  border-radius:0 0 5px 5px;
  background-color:#d5d5d5;
}
#popup .detail-in .btn-area p.btn{
  width:120px;
  padding-bottom:0;
}
#popup .detail-in .btn-area p.btn a{
  padding:10px 0;
  border:1px solid #c1c1c1;
  border-radius:3px;
  font-size:87.5%;
  color:#333;
  background-color:#fff;
}
/* あなたの順位 */
#popup .own-rank-detail .to-eaApp-Setting a{
  display:block;
  width:440px;
  height:55px;
  margin:20px auto 0;
  background:url(../img/bnr_setting_eaapp_pc.png) 50% 0 no-repeat;
  background-size:440px auto;
}
#popup .own-rank-detail .to-eaApp-Setting.to-eaApp a{
  background:url(../img/bnr_setting_eaapp_dl_pc.png) 50% 0 no-repeat;
}
#popup .own-rank-detail .main .eapass{
  padding-bottom:15px;
}
#popup .own-rank-detail .main .eapass dl{
  overflow:hidden;
  border:1px solid #aaa;
}
#popup .own-rank-detail .main .eapass dt{
  float:left;
  font-weight:bold;
}
#popup .own-rank-detail .main .eapass dd{
  float:right;
}
#popup .own-rank-detail .main .eapass dt,
#popup .own-rank-detail .main .eapass dd{
  padding:10px 7px;
  font-size:75%;
  line-height:1.1666em;
}

#popup .own-rank-detail .main  li{
  margin-top:20px;
}
#popup .own-rank-detail .main  li:first-child{
  margin-top:0;
}
#popup .own-rank-detail .main .category-ttl{

}
#popup .own-rank-detail .main .category-ttl .title{
  display:inline-block;
  min-width:90px;
  padding:3px 10px 2px 0;
  font-size:93.75%;
  line-height:1.2666em;
  vertical-align:top;
}
#popup .own-rank-detail .main .category-ttl .rank{
  display:inline-block;
  position:relative;
  min-width:100px;
  padding:2px 0;
  text-align:center;
  border-radius:3px;
  font-size:62.5%;
  line-height:2em;
  vertical-align:top;
  color:#fff;
  background-color:#2e2e2e;
}
#popup .own-rank-detail .main .category-ttl .rank:after{
  content:"";
  position:absolute;
  display: block;
  margin: -8px 0 0 0;
  width: 0;
  height: 0;
  left: -12px;
  top:50%;
  margin-top:-8px;
  border-width:8px 4px;
  border-color:#2e2e2e transparent transparent;
  border-style:solid;
  -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
#popup .own-rank-detail .main .category-ttl .rank em{
  font-size:180%;
  vertical-align:bottom;
}
#popup .own-rank-detail .main .score-detail{
  padding-top:5px;
}
#popup .own-rank-detail .main .score-detail table{
  display:block;
  overflow:hidden;
  border-left:1px solid #aaa;
}
#popup .own-rank-detail .main .score-detail table tbody{
  display:block;
}
#popup .own-rank-detail .main .score-detail table tr{
  display:block;
  font-weight:normal;
  border-bottom:1px solid #aaa;
  border-right:1px solid #aaa;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
#popup .own-rank-detail .main .score-detail table tr:first-child{
  border-top:1px solid #aaa;
}
#popup .own-rank-detail .main .score-detail table th,
#popup .own-rank-detail .main .score-detail table td{
  display:block;
  font-size:75%;
  line-height:1.1666em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
#popup .own-rank-detail .main .score-detail table th{
  float:left;
  padding:10px 0 10px 7px;
}
#popup .own-rank-detail .main .score-detail table td{
  text-align:right;
  padding:10px 7px 10px 0;
}
#popup .own-rank-detail .main .score-detail table tr.nodata td{
  text-align:center;
  padding:10px 7px;
}
#popup .own-rank-detail .main .score-detail table tr:nth-child(2n){
  background-color:#eee;
}

@media only screen and (min-width: 980px){
  #popup .detail-in{
    width:730px;
  }
  #popup .own-rank-detail .to-eaApp-Setting a{
    width:690px;
    height:86px;
    background-size:auto auto;
  }
  #popup .own-rank-detail .main .score-detail table tr{
    float:left;
    width:50%;
  }
  #popup .own-rank-detail .main .reflecbeat .score-detail table tr{
    float:none;
    width:auto;
  }
  #popup .own-rank-detail .main .score-detail table tr.last{
    width:100%;
    padding-right:50%;
  }
  #popup .own-rank-detail .main .reflecbeat .score-detail table tr.last{
    width:auto;
    padding-right:0;
  }
  #popup .own-rank-detail .main .score-detail table tr.nodata{
    width:100%;
    float:none;
  }
  #popup .own-rank-detail .main .score-detail table tr:nth-child(2){
    border-top:1px solid #aaa;
  }
  #popup .own-rank-detail .main .reflecbeat .score-detail table tr:nth-child(2){
    border-top:none;
  }
  #popup .own-rank-detail .main .score-detail table th{
    width:250px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }
  #popup .own-rank-detail .main .score-detail table tr:nth-child(2n){
    background-color:transparent;
  }
  #popup .own-rank-detail .main .score-detail table tr:nth-child(4n-1),
  #popup .own-rank-detail .main .score-detail table tr:nth-child(4n){
    background-color:#eee;
  }
  #popup .own-rank-detail .main .reflecbeat .score-detail table tr:nth-child(2n){
    background-color:#eee;
  }
  #popup .own-rank-detail .main .reflecbeat .score-detail table tr:nth-child(4n-1){
    background-color:#fff;
  }
}
#fullpanel{
  display:none;
  background-color:#2e2e2e;
}
#fullpanel .detail-in .ttl {
  position: relative;
  background: #000;
}
#fullpanel .detail-in .ttl h1 {
  padding: 13px 0;
  text-align: center;
  color: #fff;
  font-size: 87.5%;
  line-height: 1;
}
#fullpanel .detail-in .ttl h1 em.popup{
  display:none;
}
#fullpanel .detail-in .ttl p.close-btn {
  position: absolute;
  right: 0;
  top:0;
}
#fullpanel .detail-in .ttl p.close-btn a {
  display: block;
  padding: 10px;
}
#fullpanel .detail-in .ttl p.close-btn a:hover {
  background: #1a1a1a;
}
#fullpanel .detail-in .main {
  background: #2e2e2e;
  padding: 20px 10px;
}
#fullpanel .detail-in .btn-area{
  padding-bottom:20px;
  background: #2e2e2e;
}
#fullpanel .detail-in .btn-area .btn{
  padding-bottom:0;
}
#fullpanel .detail-in .btn-area .btn a{
  border:1px solid #c1c1c1;
  border-radius:3px;
  color:#333;
  background-color:#fff;
}
/* あなたの順位 */
#fullpanel .own-rank-detail .to-eaApp-Setting a{
  display:block;
  width:300px;
  height:50px;
  margin:20px auto 0;
  background:url(../img/bnr_setting_eaapp_sp.png) 50% 0 no-repeat;
  background-size:300px auto;
}
#fullpanel .own-rank-detail .to-eaApp-Setting.to-eaApp a{
  background:url(../img/bnr_setting_eaapp_dl_sp.png) 50% 0 no-repeat;
}
#fullpanel .own-rank-detail .eapass{
  padding-bottom:20px;
}
#fullpanel .own-rank-detail .eapass dl{
  overflow:hidden;
  border:1px solid #555;
}
#fullpanel .own-rank-detail .eapass dl dt{
  float:left;
  padding-right:5px;
  padding-left:10px;
}
#fullpanel .own-rank-detail .eapass dl dd{
  float:right;
  border-left:1px solid #555;
  padding-left:10px;
  padding-right:10px;
}
#fullpanel .own-rank-detail .eapass dl dt,
#fullpanel .own-rank-detail .eapass dl dd{
  padding-top:8px;
  padding-bottom:7px;
  font-size:75%;
  line-height:1.1666em;
  color:#fff;
}
#fullpanel .own-rank-detail li{
  margin-top:20px;
  border:1px solid #555;
}
#fullpanel .own-rank-detail li:first-child{
  margin-top:0;
}
#fullpanel .own-rank-detail li .category-ttl{
  overflow:hidden;
  padding:8px 15px 7px;
  background-color:#ffb400;
}
#fullpanel .own-rank-detail li .category-ttl p.title{
  float:left;
  font-size:81.25%;
  line-height:1.3076em;
}
#fullpanel .own-rank-detail li .category-ttl p.rank{
  float:right;
  font-size:62.5%;
  line-height:1.7em;
}
#fullpanel .own-rank-detail li .category-ttl p.rank em{
  vertical-align:bottom;
  font-weight:bold;
  font-size:160%;
}
#fullpanel .own-rank-detail li .score-detail table{
  width:100%;
  color:#fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
#fullpanel .own-rank-detail li .score-detail tr:nth-child(2n){
  background-color:#202020;
}
#fullpanel .own-rank-detail li .score-detail th{
  width:70%;
  border-right:1px solid #555;
  font-weight:normal;
}
#fullpanel .own-rank-detail li .score-detail td{
  text-align:center;
}
#fullpanel .own-rank-detail li .score-detail th,
#fullpanel .own-rank-detail li .score-detail td{
  padding:7px 15px;
  font-size:75%;
  line-height:1.16666em;
}
#feedback{
  display:none;
}
#feedback-in{
  position:fixed;
  bottom:25%;
  left:50%;
  width:300px;
  margin-left:-150px;
  padding:10px 0;
  border-radius:5px;
  text-align:center;
  color:#fff;
  background-color:#333;
  border:1px solid #fff;
}
@media only screen and (min-width: 980px){
  #feedback-in{
    top:55%;
    bottom: auto;
  }
}

/* IE8用メッセージ */
#ie-msg{
  position:fixed;
  bottom:0;
  left:0;
  width:1em;
  min-height:3em;
  padding:10px 0;
  text-align:center;
  color:#fff;
  background-color:#000;
  z-index:100;
}