@charset "UTF-8";
/* 汎用
 ****************************************************************** */
.mb0 {
  margin-bottom: 0px !important; }

.mb5 {
  margin-bottom: 5px !important; }

.mb10 {
  margin-bottom: 10px !important; }

.mb15 {
  margin-bottom: 15px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.mb25 {
  margin-bottom: 25px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.mb35 {
  margin-bottom: 35px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.mb45 {
  margin-bottom: 45px !important; }

.mb50 {
  margin-bottom: 50px !important; }

.mb60 {
  margin-bottom: 60px !important; }

.mb70 {
  margin-bottom: 70px !important; }

.mb80 {
  margin-bottom: 80px !important; }

.mb90 {
  margin-bottom: 90px !important; }

.mb100 {
  margin-bottom: 100px !important; }

.ml20 {
  margin-left: 20px !important; }



.pb40 {
  padding-bottom: 40px !important; }


.mt10 {
  margin-top: 10px !important; }
.mt15 {
  margin-top: 15px !important; }
.mt20 {
  margin-top: 20px !important; }

.txR {
  text-align: right; }

.txC {
  text-align: center; }

.txL {
  text-align: left; }

.tx15 {
  font-size: 15px !important; }

a img {
  position: relative; }

.disNone {
  display: none; }

.hidden {
  position: absolute;
  left: -9999px;
  visibility: hidden; }

.customSCbar {
  position: relative;
  overflow: hidden !important; }

.cLeft {
  clear: left; }

/* カウントダウン設定 */
.cd {
  position: absolute;
  left: -9999px; }

/* singlepage
 ****************************************************************** */
.singlepageSection .sectionBg {
  position: relative;
}
.singlepageSection {
    text-align:center;
    padding-bottom:40px;
}
.singlepage_title {
    margin:60px auto 30px auto;
}
.singlepage_lead {
    width:95%;
    margin:0 auto;
    text-align:center;
    color:#fff;
    font-size:16px!important;
    line-height:1.7;
}
.singlepage_lead a {
    color:#1b95e0!important;
}
.singlepage_lead a:hover {
    color:#56aced!important;
    text-decoration: none;
}
.singlepage_content img {
    width:100%;
}
/* TOP
 ****************************************************************** */
.btns ul {
  background: url(../images/top/btns_bg.png) repeat-x center top;
  height: 69px;
  text-align: center;
  letter-spacing: -0.4em;
  padding: 12px 0 9px; }
  .btns ul li {
    letter-spacing: normal;
    display: inline-block;
    margin: 0 1px; }

.sectionInner {
  width: 980px;
  margin: 0 auto;
  position: relative; }

  .sectionInner:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
    visibility: hidden; }

.index .sectionTitle, .index .text1, .index .text2 {
  position: absolute; }

.linkBtn {
  position: absolute;
  width: 200px; }
  .linkBtn img {
    width: 100%; }

.section1 {
  height: 600px; }
  .section1 .sectionInner {
    padding: 37px 0 0; }
  .section1 .left {
    float: left;
    width: 500px;
    height: 280px;
    margin: 3px 3px 0;
    overflow: hidden;
    position: relative;
    margin-bottom: 28px; }
  .section1 .waku {
    position: absolute;
    top: 37px;
    left: 0;
    pointer-events: none;
    z-index: 10; }
  .section1 .waku2 {
    position: absolute;
    top: 37px;
    left: 545px;
    pointer-events: none;
    z-index: 10; }
  .section1 .indicator {
    position: absolute;
    bottom: 10px;
    z-index: 999; }
  .section1 .prev {
    position: absolute;
    left: 8px;
    top: 118px !important;
    width: 23px;
    height: 43px;
    background: url(../images/top/prev1.png) no-repeat;
    text-indent: -9999px;
    z-index: 999; }
  .section1 .next {
    position: absolute;
    right: 8px;
    top: 118px !important;
    width: 23px;
    height: 43px;
    background: url(../images/top/next1.png) no-repeat;
    text-indent: -9999px;
    z-index: 999; }
  .section1 ul {
    position: absolute;
    top: 0; }
  .section1 li {
    display: inline;
    float: left; }
  .section1 .right {
    float: right;
    width: 440px;
    margin-bottom: 28px;
    height: 273px;
    width: 424px;
    margin: 3px 3px 0;
    position: relative; }
  .section1 .textarea {
    clear: both;
    border-radius: 6px;
    background: rgba(0, 0, 0, 0.7);
    height: 245px;
    width: 966px;
    position: relative;
    top: 33px;
    padding: 10px 7px 4px; }
    .section1 .textarea .left {
      width: 540px;
      margin: 0; }
    .section1 .textarea .right {
      width: 380px; }
    .section1 .textarea h2 {
      margin-bottom: 2px; }
  .section1 .twitter {
    height: 213px;
    overflow: auto;
    color: #fff; }
    .section1 .twitter ul {
      position: static; }
    .section1 .twitter li {
      margin-bottom: 12px;
      border-bottom: solid 1px #414245;
      padding: 0 3px 12px;
      width: 502px;
      font-size: 13px;
      font-weight: bold; }
      .section1 .twitter li div {
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 9px;
        font-size: 12px; }
        .section1 .twitter li div + div {
          margin-left: 10px; }
        .section1 .twitter li div span {
          display: block;
          font-weight: normal; }
  .section1 .officialBlog {
    height: 213px;
    overflow: auto;
    line-height: 24px;
    overflow: hidden; }
    .section1 .officialBlog li {
      margin-bottom: 10px;
      width: 360px;
      padding-right: 10px; }
    .section1 .officialBlog div {
      float: left;
      clear: left;
      font-size: 12px;
      color: #fff;
      padding-left: 5px; }
      .section1 .officialBlog div + div {
        float: none;
        clear: none;
        margin-left: 81px;
        font-size: 13px;
        font-weight: bold; }
      .section1 .officialBlog div img {
        display: inline;
        vertical-align: middle;
        padding-right: 5px; }
  .section1 .blackBox {
    float: left;
    padding: 12px;
    overflow: hidden;
    width: 100%;
    height: 246px;
    overflow: hidden;
    position: relative;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 6px; }
    .section1 .blackBox .inner {
      width: 100%; }
    .section1 .blackBox iframe {
      width: 105%;
      height: 200px; }
    .section1 .blackBox h2 {
      margin-bottom: 10px; }
  .section1 .left2 {
    width: 482px;
    margin: 0 35px 28px 0; }
  .section1 .right2 {
    width: 415px;
    margin: 0 0 28px 0;
    background: rgba(0, 0, 0, 0.7); }

.section2 {
  height: 747px; }
  .section2 .sectionBg {
    height: 747px;
    background: url(../images/top/bg2.png) no-repeat center top; }
  .section2 .sectionTitle {
    position: absolute;
    top: 121px;
    left: 0px; }
  .section2 .text1 {
    top: 193px;
    left: 194px; }
  .section2 .text2 {
    top: 234px;
    left: 194px; }
  .section2 .linkBtn {
    top: 552px;
    left: 389px; }

.section3 {
  height: 585px;
  position: relative; }
  .section3 .sectionInner {
    height: 828px;
    top: -163px; }
  .section3 .sectionTitle {
    top: 200px;
    left: 0;
    z-index: 1; }
  .section3 .prev, .section3 .next {
    text-indent: -9999px; }

.characterSlide {
  width: 1600px;
  position: absolute;
  top: 0;
  left: -310px; }
  .characterSlide .linkBtn, .characterSlide .item1 .linkBtn {
    left: 364px;
    top: 585px; }
  .characterSlide ul {
    position: absolute;
    top: 0; }
  .characterSlide li {
    display: inline;
    float: left; }
  .characterSlide .prev {
    position: absolute;
    left: 162px;
    top: 417px; }
  .characterSlide .next {
    position: absolute;
    right: 162px;
    top: 417px; }
  .characterSlide .indicator {
    position: absolute;
    bottom: 84px; }

/*117px */
.indicator {
  text-align: center;
  width: 100%; }
  .indicator span {
    background: url(../images/top/indicator.png);
    display: inline-block;
    width: 31px;
    height: 32px;
    text-indent: -9999px;
    cursor: pointer; }
    .indicator span.current {
      background: url(../images/top/indicatorCurrent.png); }

.section4 {
  height: 589px;
  position: relative; }
  .section4 .sectionBg {
    height: 754px;
    /* background:url(../images/top/bg3.png) no-repeat center top; */
    position: absolute;
    width: 100%; }
  .section4 .sectionTitle {
    position: absolute;
    top: 118px;
    left: 0px; }
  .section4 .text1 {
    top: 235px;
    left: 0px; }
  .section4 .text2 {
    top: 367px;
    left: 0px; }
  .section4 .image {
    position: absolute;
    top: 140px;
    left: 628px; }
  .section4 .linkBtn {
    top: 506px;
    left: 44px; }

.randomImage {
  width: 2368px; }
  .randomImage .sizer {
    display: none; }
  .randomImage .itemDisplay {
    width: 2368px;
    position: absolute !important;
    left: 50%;
    margin-left: -1184px; }

.section5 {
  height: 750px;
  position: relative; }
  .section5 .sectionBg {
    height: 750px;
    background: url(../images/top/bg4.png) no-repeat center top; }
  .section5 .sectionTitle {
    position: absolute;
    top: 189px;
    left: 0px; }
  .section5 .text1 {
    top: 327px;
    left: 33px; }
    .section5 .text1 img {
      width: 350px; }
  .section5 .text2 {
    top: 391px;
    left: 0px; }
  .section5 .image {
    position: absolute;
    top: 64px;
    left: 548px; }
  .section5 .linkBtn {
    top: 480px;
    left: 44px; }

.section6 {
  height: auto;
  position: relative; }
  .section6 li {
    float: left; }
  .section6 .sectionInner {
    padding-top: 50px; }
  .section6 .banner1 {
    margin: 0 1px 17px;
    position: relative; }
    .section6 .banner1:after {
      content: ".";
      display: block;
      clear: both;
      height: 0;
      overflow: hidden;
      visibility: hidden; }
    .section6 .banner1 li {
      margin: 0 8px 16px; }
  .section6 .banner2 {
    margin: 0 2px; }
    .section6 .banner2 li {
      margin: 0 7px 13px; }
    .section6 .banner2:after {
      content: ".";
      display: block;
      clear: both;
      height: 0;
      overflow: hidden;
      visibility: hidden; }
  .section6 .banner3 {
    margin: 0 2px;
    padding-top: 50px; }
    .section6 .banner3 li {
      margin: 0 7px 13px;
      width: 230px; }
    .section6 .banner3:after {
      content: ".";
      display: block;
      clear: both;
      height: 0;
      overflow: hidden;
      visibility: hidden; }

/* WORLD
 ****************************************************************** */
.world #pageHeader {
  background: url(../images/world/header_bg.png) no-repeat center top; }
  .world #pageHeader .pageTitle {
    position: absolute;
    top: 61px;
    left: 550px;
    width: 320px; }
    .world #pageHeader .pageTitle img {
      width: 100%; }

.worldSection .sectionBg {
  height: 888px;
  background: url(../images/world/section_bg.png) no-repeat center top;
  position: relative; }
.worldSection .sectionTitle {
  width: 320px;
  margin: 0 auto 69px;
  padding-top: 72px; }
  .worldSection .sectionTitle img {
    width: 100%; }
.worldSection .text1 {
  width: 540px;
  margin: 0 auto 49px; }
.worldSection .text2 {
  width: 700px;
  margin: 0 auto; }

/* CHARACTER
 ****************************************************************** */
.side {
  float: left;
  width: 180px; }

.main {
  float: left;
  width: 800px; }

.characterSection .main .sectionTitle {
  width: 320px;
  margin: 0 auto 25px;
  padding-top: 72px; }
  .characterSection .main .sectionTitle img {
    width: 100%; }

.main .characters li {
  height: 90px;
  overflow: hidden;
  position: relative;}
  .main .characters li a {
    display: block;
    position: relative;
    top: -30px; }

    /* newアイコン */
    .main .characters li.new:after {
      position: absolute;
      content:"";
      top:0px;
      right:180px;
      width:70px;
      height:34px;
      z-index:0;
      background: url(../images/icon-new_sp.png) no-repeat center top; }

    .main .characters li.new:hover:after {
      position: absolute;
      content:"";
      top:25px;
      left:100px;
      width:70px;
      height:34px;
      z-index:9999999999999999;
      background: url(../images/icon-new_sp.png) no-repeat center top; }
    }

.main .summons {
  min-height: 300px;
  margin-bottom: 100px; }
  .main .summons:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    overflow: hidden;
    height: 0; }
  .main .summons li {
    float: left; }
    .main .summons li a {
      display: block;
      position: relative; }

.side {
  padding-top: 80px; }
  .side .sideTitle {
    width: 225px;
    position: relative; }
    .side .sideTitle img {
      width: 100%; }
  .side .characters {
    margin-bottom: 50px; }
    .side .characters .sideTitle {
      left: -48px; }
  .side .summons .sideTitle {
    left: -64px; }
    /* newアイコン */
    .side .ico-new {
      position: absolute;
      top:3px;
      left:-40px;
      width:42px;
      height:26px;
      background: url(../images/icon-new-side.png) no-repeat center top; }

  .side li {
    position:relative;
  }

/* detail */
.character [class*="layer"] {
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  margin-left: -60px; }

.character #pageHeader {
  background: url(../images/character/header_bg.png) no-repeat center top; }
  .character #pageHeader .pageTitle {
    position: absolute;
    top: 61px;
    left: 510px;
    width: 320px; }
    .character #pageHeader .pageTitle img {
      width: 100%; }

.characterSection .sectionBg {
  position: relative; }

.charaImage {
  position: relative;
  min-height: 1048px;
  margin-left: 0; }
  .charaImage > img {
    visibility: hidden; }
  .charaImage div {
    width: 1744px;
    position: absolute;
    top: 0;
    left: -382px;
    display: none; }
    .charaImage div.active {
      display: block; }
    .charaImage div img {
      width: 100%;
      height: 100%; }

.charaImage2 {
  position: absolute;
  min-height: 1048px;
  margin-left: 0;
  top: 0;
  width: 980px; }
  .charaImage2 > img {
    visibility: hidden; }
  .charaImage2 div {
    width: 1744px;
    position: absolute;
    top: 0;
    left: -382px;
    display: none; }
    .charaImage2 div.active {
      display: block; }
    .charaImage2 div img {
      width: 100%;
      height: 100%; }

.characterSection .title {
  position: absolute;
  top: 38px;
  left: 5px; }
.characterSection .ffNum {
  position: absolute;
  top: 167px;
  left: 40px; }
  .characterSection .ace {
    position: absolute;
    top: 117px;
    left: 40px; }
.characterSection .ff {
  position: absolute;
  top: 169px;
  left: 22px;
  width: 181px; }
  .characterSection .ff img {
    display: block;
    width: 100%;
    height: auto; }
.characterSection .name {
  position: absolute;
  top: 160px;
  left: 153px;
  width: 413px; }
  .characterSection .name img {
    display: block;
    width: 100%;
    height: auto; }
.characterSection .text {
  position: absolute;
  top: 294px;
  left: 25px;
  width: 480px; }
  .characterSection .text p {
    font-size: 15px;
    color: #fff;
    line-height: 1.75em;
    margin-bottom: 1.75em;
    text-shadow: 1px 1px 1px #000;  }

.ssArea {
  width: 455px;
  position: absolute;
  top: 534px;
  left: 26px;
  margin-left: 0; }
  .ssArea .itemDisplay {
    margin-bottom: 5px;
    background: #fff; }
    .ssArea .itemDisplay li {
      max-width: 455px; }
  .ssArea .itemThumb li {
    float: left;
    width: 110px;
    margin-right: 5px;
    position: relative; }
    .ssArea .itemThumb li:last-child {
      margin-right: 0; }
    .ssArea .itemThumb li.current:after {
      content: "";
      display: block;
      top: 0;
      left: 0;
      border: solid 2px #fff;
      width: 106px;
      height: 58px;
      position: absolute; }
  .ssArea img {
    display: block;
    width: 100%; }

.voiceWrap {
  position: absolute;
  top: 882px;
  left: 26px;
  width: 195px;
  height: 30px;
  background: url(../images/character/voice_bg.png) no-repeat left top;
  margin-left: 0; }
  .voiceWrap .voice {
    height: 26px;
    background-repeat: no-repeat;
    background-position: 0 top;
    margin: 2px 0 0 89px; }
    .voiceWrap .voice.hover1 {
      background-image: url(../images/track_1.png); }
    .voiceWrap .voice.hover2 {
      background-image: url(../images/track_2.png); }
    .voiceWrap .voice.hover3 {
      background-image: url(../images/track_3.png); }
    .voiceWrap .voice li {
      float: left;
      width: 28px;
      height: 26px; }
      .voiceWrap .voice li a {
        display: block;
        line-height: 26px;
        text-indent: -9999px; }

.weaponWrap {
  position: absolute;
  top: 920px;
  left: 704px;
  width: 253px;
  height: 30px;
  background: url(../images/character/weapon_bg.png) no-repeat left top;
  margin-left: 0;
  opacity: 0;
  filter: alpha(opacity=0); }
  .weaponWrap.postop {
    top: 882px; }
  .weaponWrap .weapon {
    height: 26px;
    background-repeat: no-repeat;
    background-position: 0 top;
    margin: 2px 0 0 150px; }
    .weaponWrap .weapon.hover1 {
      background-image: url(../images/track_1.png); }
    .weaponWrap .weapon.hover2 {
      background-image: url(../images/track_2.png); }
    .weaponWrap .weapon li {
      float: left;
      width: 37px;
      height: 26px; }
      .weaponWrap .weapon li a {
        display: block;
        line-height: 26px;
        text-indent: -9999px; }

.weaponModal {
  display: none;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999; }
  .weaponModal .pcimg {
    display: inline !important; }
  .weaponModal .spimg {
    display: none !important; }

.weaponModalInner {
  width: 720px;
  height: 870px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto; }
  .weaponModalInner .btnLeft {
    display: block;
    width: 61px;
    height: 118px;
    background: url(../images/character/weapon_left.png) no-repeat left top;
    position: absolute;
    top: 280px;
    left: -35px;
    z-index: 10;
    cursor: pointer; }
    .weaponModalInner .btnLeft:hover {
      opacity: 0.7;
      filter: alpha(opacity=70); }
  .weaponModalInner .btnRight {
    display: block;
    width: 61px;
    height: 118px;
    background: url(../images/character/weapon_right.png) no-repeat left top;
    position: absolute;
    top: 280px;
    right: -35px;
    z-index: 10;
    cursor: pointer; }
    .weaponModalInner .btnRight:hover {
      opacity: 0.7;
      filter: alpha(opacity=70); }
  .weaponModalInner .paging {
    margin: 0 auto;
    text-align: center; }
    .weaponModalInner .paging li {
      display: inline-block; }
      .weaponModalInner .paging li a {
        background: url(../images/character/weapon_paging_icon.png) no-repeat 10px 10px;
        display: block;
        width: 32px;
        height: 30px; }
        .weaponModalInner .paging li a:hover {
          opacity: 0.7;
          filter: alpha(opacity=70); }
        .weaponModalInner .paging li a.active {
          pointer-events: none;
          background: url(../images/character/weapon_paging_icon_act.png) no-repeat 0; }

.weaponClose a {
  display: block;
  width: 63px;
  height: 62px;
  background: url(../images/character/weapon_close.png) no-repeat left top;
  position: absolute;
  top: 40px;
  right: -60px;
  z-index: 10; }
  .weaponClose a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70); }

.weapons {
  position: relative;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 680px;
  height: 810px; }
  .weapons img {
    display: inline !important; }
  .weapons li {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 680px;
    height: 680px; }
    .weapons li.active {
      display: block; }
  .weapons span {
    display: block; }
  .weapons .vsl {
    text-align: center;
    margin: 30px auto 10px; }
  .weapons .weapon_caption {
    text-align: center; }
    .weapons .weapon_caption img {
      height: 100%;
      width: auto; }
  .weapons .weapon_name {
    text-align: center; }

.characterSection .btn1 {
  position: absolute;
  top: 875px;
  left: 243px;
  margin-left: 0; }
.characterSection .btn2 {
  position: absolute;
  top: 882px;
  left: 506px;
  margin-left: 0; }
.characterSection .btn3 {
  width: 389px;
  margin: 0 auto 97px;
  height: 39px; }
.characterSection .prev {
  position: absolute;
  top: 361px;
  left: -74px; }
.characterSection .next {
  position: absolute;
  top: 361px;
  right: -74px; }
.characterSection .w150 {
  width: 150px; }
.characterSection .w135 {
  width: 135px; }

  /* コマンド表テーブル */
  .command_title {
    width:100%;
  }
    .command_title img {
      width:100%; }
  .command_charaname {
    width:100%;
    color:#fff;
    font-size:18px;
    font-weight:bold;
    text-align:center;
    margin:20px auto;
  }

  .command_popup {
    width:90%;
    margin:0 auto 20px auto;
  }
  .command_popup table {
    width:100%;
    padding:5px;
    border:1px solid #fff;
    color:#fff;
    margin:15px auto 15px auto;
  }
  .command_popup table caption {
    border-top:1px solid #fff;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
    padding:5px;
    font-size:14px!important;
    font-weight:bold;
  }
  .command_popup th {
    padding:5px;
    border:1px solid #fff;
    color:#fff;
    background-color:#000;
    text-align:center;
    font-size:12;
    vertical-align:middle;
  }
  .command_popup td {
    padding:5px;
    border:1px solid #fff;
    color:#fff;
    vertical-align:middle;
    font-size:12;
  }
  .command_popup td:first-child {
    width:25%;
    text-align:center;
  }
  .command_popup td:second-child {
    width:35%;
  }
  .command_popup td:last-child {
    width:50%;
  }
  .tbl-brave caption {
    background-color:#5e0100;
  }
  .tbl-brave td {
    background-color:#9b1009;
  }
  .tbl-hp caption {
    background-color:#66102b;
  }
  .tbl-hp td {
    background-color:#a14069;
  }
  .tbl-ex caption {
    background-color:#013511;
  }
  .tbl-ex td {
    background-color:#01652f;
  }
  .tbl-sp caption {
    background-color: rgb(104,77,0);
  }
  .tbl-sp td {
    background-color:rgb(191,143,0);
  }
  .command_popup ul {
    width:100%;
    color:#fff;
    font-size:12px;
    list-style:none;
  }
  .command_popup li {
    text-indent:-13px;
    padding-left:13px;
    margin-bottom:10px;
  }

  .command_popup a.close {
    display: block;
    width: 79px;
    height: 17px;
    background: url(../images/layoutScrollClose.png) no-repeat center center;
    z-index: 10;
    -webkit-background-size: 79px auto;
    -moz-background-size: 79px auto;
    -ms-background-size: 79px auto;
    -o-background-size: 79px auto;
    background-size: 79px auto;
    margin:20px auto;
  }

/* SUMMON
 ****************************************************************** */
.summon .characterSection .name {
  top: 59px;
  left: 15px; }
  .summon .characterSection .name img {
    width: auto; }
.summon .characterSection .name2 {
  top: 190px;
  left: 15px;
  position: absolute; }
.summon .characterSection .text {
  top: 250px; }
.summon .ssArea {
  top: 509px; }
  .summon .ssArea .itemThumb li {
    width: 148px; }
    .summon .ssArea .itemThumb li.current:after {
      content: "";
      display: block;
      top: 0;
      left: 0;
      border: solid 2px #fff;
      width: 144px;
      height: 79px;
      position: absolute; }
.summon .characterSection .text p {
  font-size: 17px; }

.style8 {
  width: 73% !important; }

.style9 {
  position: relative;
  top: -15px; }

.style10 {
  position: relative;
  top: -20px;
  right: -10px; }

.style11 {
  position: relative;
  left: 6px;
  top: 15px;
  width: 75% !important; }

.style12 {
  position: relative;
  left: 20px;
  top: -10px; }

.characterSection.cefcaCustom .image1 {
  top: 0;
  left: -292px; }
.characterSection.cefcaCustom .image2 {
  top: 0;
  left: -292px; }
.characterSection.cefcaCustom .ff {
  width: 142px;
  height: 52px;
  top: 182px; }
.characterSection.ramzaCustom .ff {
  top: 197px;
  left: 19px;
  width: 118px; }
.characterSection.ramzaCustom .name {
  width: 455px;
  top: 154px;
  left: 153px; }
.characterSection.ramzaCustom .ffNum {
  top: 161px;
  left: 51px; }
.characterSection .joinLabel {
  position: absolute;
  top: 29px;
  left: 761px;
  width: 208px; }
  .characterSection .joinLabel img {
    display: block;
    width: 100%;
    height: auto; }
.characterSection .btn4 {
  position: absolute;
  top: 882px;
  left: 703px;
  width: 253px;
  height: 30px;
  background: url(../images/character/cvBg0.png) no-repeat left top;
  margin-left: 0; }
  .characterSection .btn4.hidden {
    left: -9999px; }
  .characterSection .btn4 .color {
    padding-left: 150px;
    height: 30px; }
  .characterSection .btn4 .color1 {
    background: url(../images/character/cvBg1.png) no-repeat left top; }
  .characterSection .btn4 .color2 {
    background: url(../images/character/cvBg2.png) no-repeat left top; }
  .characterSection .btn4 .color3 {
    background: url(../images/character/cvBg3.png) no-repeat left top; }
  .characterSection .btn4 .color li {
    display: inline;
    float: left;
    width: 26px; }
    .characterSection .btn4 .color li a {
      display: block;
      height: 30px;
      text-indent: -9999px; }
  .characterSection .btn4 img {
    position: absolute;
    margin-left: 16px;
    top: 0;
    left: 0; }
.characterSection .btn5 {
  position: absolute;
  top: 840px;
  left: 506px;
  margin-left: 0; }
.characterSection .btnMask {
  position: absolute;
  top: 882px;
  left: 506px;
  margin-left: 0;
  width: 195px;
  height: 30px;
  display: none; }

/* STAGE
 ****************************************************************** */
.stage #pageHeader {
  background: url(../images/stage/header_bg.png) no-repeat center top; }
  .stage #pageHeader .pageTitle {
    position: absolute;
    top: 61px;
    left: 555px;
    width: 320px; }
    .stage #pageHeader .pageTitle img {
      width: 100%; }

.stageSection .sectionTitle {
  width: 320px;
  margin: 0 auto 30px;
  padding-top: 72px; }
  .stageSection .sectionTitle img {
    width: 100%; }

.stageList {
  margin-bottom: 100px; }
  .stageList li {
    height: 300px;
    position: relative;
    margin-bottom: 0px; }
    .stageList li .bg {
      position: absolute;
      top: 0;
      left: 0;
      -webkit-transition: all 0.5s;
      transition: all 0.5s; }
    .stageList li .name {
      position: relative;
      width: 712px;
      margin: 0 auto 18px;
      padding-top: 60px; }
      .stageList li .name img {
        display: block;
        width: 100%; }



/* STAGE詳細 */
.stageDetailHead {
  position: relative;
  padding-top: 60px; }
  .stageDetailHead .name img {
    display: block;
    margin: 0 auto 25px;
    width: 712px; }
  .stageDetailHead .no_select {
    text-align: center;
    margin: -55px auto 15px; }
    .stageDetailHead .no_select img {
      display: inline;
      margin-left: 10px; }
  .stageDetailHead .text {
    min-height: 85px;
    margin-bottom: 35px; }
    .stageDetailHead .text:after {
      content: ".";
      display: block;
      clear: both;
      visibility: hidden;
      overflow: hidden;
      height: 0; }
    .stageDetailHead .text img {
      float: left;
      clear: left;
      display: block;
      width: 142px; }
    .stageDetailHead .text p {
      margin-left: 175px;
      color: #fff;
      line-height: 1.75em;
      font-size: 15px; }
  .stageDetailHead .prev {
    position: absolute;
    left: -30px;
    top: 90px; }
  .stageDetailHead .next {
    position: absolute;
    right: -30px;
    top: 90px; }

.stageDetailList {
  margin-bottom: 67px;
  height: 550px; }
  .stageDetailList:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    overflow: hidden;
    height: 0; }
  .stageDetailList ul {
    position: absolute;
    width: 1000px; }
  .stageDetailList li {
    float: left;
    width: 245px;
    height: 550px;
    overflow: hidden;
    position: relative; }
    /* NEWアイコン */
    .stageList li .icon-new {
      position: absolute;
      top: 62%;
      left: 50%;
      -webkit-transform: translate(-50%,-50%);
      -moz-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
      -o-transform: translate(-50%,-50%);
      transform: translate(-50%,-50%);
      width:74px;
      height:36px;
      background: url(../images/icon_stage_new.png) no-repeat center top;
      background-size:contain; }
      .stageList li .btn {
        width: 199px;
        margin: 0 auto; }
      .stageList li .no_select {
        position: relative;
        margin: -15px auto 30px; }


    .stageDetailList li a {
      display: block;
      position: relative;
      left: 123%; }
    .stageDetailList li img {
      position: absolute;
      display: block;
      left: -600px;
      -moz-opacity: 1 !important;
      opacity: 1 !important;
      filter: alpha(opacity=100); }

/* AMUSEMENT GUIDE
 ****************************************************************** */
.guide #pageHeader {
  background: url(../images/guide/header_bg.png) no-repeat center top; }
  .guide #pageHeader .pageTitle {
    position: absolute;
    top: 61px;
    left: 450px;
    width: 320px; }
    .guide #pageHeader .pageTitle img {
      width: 100%; }

.guideSection .sectionTitle {
  width: 320px;
  margin: 0 auto 30px;
  padding-top: 72px; }
  .guideSection .sectionTitle img {
    width: 100%; }
.guideSection .sectionBg {
  background: url(../images/guide/section_bg.png) no-repeat center top;
  position: relative; }

.guideSection span {
  display: block; }

.guideInner {
  padding: 0;
  margin-bottom: 100px; }
  .guideInner .block {
    border-bottom: solid 1px #fff;
    border-top: solid 1px #b1b2b2;
    padding: 30px 0;
    position: relative; }
    .guideInner .block:first-child {
      border-top: none; }
    .guideInner .block:last-child {
      border-bottom: none; }
  .guideInner p {
    color: #053488;
    font-size: 17px;
    line-height: 2em;
    margin-bottom: 15px;
    text-align: center; }
    .guideInner p.txS {
      font-size: 15px; }
  .guideInner a {
    color: #053488;
    text-decoration: underline; }
    .guideInner a:hover {
      text-decoration: none; }
  .guideInner .style1 {
    max-width: 712px;
    margin: 0 auto 20px; }
  .guideInner .banner {
    width: 512px;
    margin: 0 auto;
    display: block; }
  .guideInner .image2 {
    position: absolute;
    bottom: 0;
    right: -75px; }
  .guideInner dl {
    margin-left: 84px; }
  .guideInner dt {
    float: left;
    clear: left; }
  .guideInner dd {
    margin-left: 138px;
    margin-bottom: 46px; }
    .guideInner dd:after {
      content: ".";
      display: block;
      clear: both;
      visibility: hidden;
      overflow: hidden;
      height: 0; }
    .guideInner dd p {
      text-align: left;
      font-size: 15px;
      padding: 10px; }
    .guideInner dd img {
      float: left; }
      .guideInner dd img + p {
        float: left;
        width: 550px;
        padding: 0 10px; }
  .guideInner dl + p {
    clear: both; }
  .guideInner .style2 {
    padding-top: 60px; }
  .guideInner .image8 {
    width: 297px;
    float: left;
    clear: left; }
    .guideInner .image8 + p {
      margin-left: 327px;
      font-size: 15px;
      text-align: left;
      height: 140px; }
  .guideInner .meister div {
    height: 582px;
    background: url(../images/guide/bg1.png); }
  .guideInner .meister p {
    line-height: 1.6em;
    width: 650px;
    margin: 0 auto 20px; }
    .guideInner .meister p.style6 {
      letter-spacing: -0.5px; }
  .guideInner .meister ul {
    padding-left: 185px; }
  .guideInner .meister li {
    line-height: 2em;
    font-size: 17px;
    text-indent: -1em;
    margin-left: 1em;
    color: #053488; }
  .guideInner .meister p.txL {
    text-align: left !important;
    padding-left: 40px;
    margin-bottom: 5px; }
  .guideInner .meister ul + p {
    margin-bottom: 24px !important; }
  .guideInner .btn {
    display: block;
    width: 269px;
    margin: 0 auto; }

/* LOCATION
 ****************************************************************** */
.location #pageHeader {
  background: url(../images/location/header_bg.png) no-repeat center top; }
  .location #pageHeader .pageTitle {
    position: absolute;
    top: 61px;
    left: 524px;
    width: 320px; }
    .location #pageHeader .pageTitle img {
      width: 100%; }

.locationSection .sectionBg {
  position: relative;
  margin-bottom: 100px; }
.locationSection .sectionTitle {
  width: 320px;
  margin: 0 auto 29px;
  padding-top: 69px; }
  .locationSection .sectionTitle img {
    width: 100%; }

.locationMap {
  position: relative;
  margin-bottom: 30px; }

.locationAreaBtn li {
  position: absolute; }

.areaBtn01 {
  top: 101px;
  left: 820px; }

.areaBtn02 {
  top: 299px;
  left: 758px; }

.areaBtn03 {
  top: 453px;
  left: 697px; }

.areaBtn04 {
  top: 363px;
  left: 675px; }

.areaBtn05 {
  top: 430px;
  left: 555px; }

.areaBtn06 {
  top: 500px;
  left: 613px; }

.areaBtn07 {
  top: 496px;
  left: 504px; }

.areaBtn08 {
  top: 482px;
  left: 400px; }

.areaBtn09 {
  top: 558px;
  left: 423px; }

.areaBtn10 {
  top: 596px;
  left: 303px; }

.areaBtn11 {
  top: 606px;
  left: 84px; }

.locationAreaList {
  position: absolute;
  top: 32px; }
  .locationAreaList ul {
    float: left;
    width: 377px; }
  .locationAreaList li img {
    width: 64px;
    padding-left: 15px;
    background: url(../images/location/arrow.png) no-repeat left center;
    -ms-background-size: 15px auto;
    background-size: 15px auto;
    display: inline-block;
    vertical-align: bottom; }
  .locationAreaList ul li {
    margin-bottom: 15px;
    clear: both; }
  .locationAreaList ul ul {
    float: none;
    margin-left: 8px;
    width: auto; }
  .locationAreaList li li {
    display: inline;
    padding-left: 9px;
    margin-bottom: 0;
    clear: none;
    font-size: 14px;
    line-height: 25px; }

.locationSection .icons {
  background: url(../images/location/icon_bg.gif) repeat-x left top;
  height: 55px;
  padding: 0 14px;
  border-radius: 6px;
  border: solid 1px #024487;
  margin: 0 30px 24px; }
  .locationSection .icons div {
    display: inline-block;
    margin-right: 25px;
    padding: 17px 0;
    line-height: 25px;
    height: 23px;
    color: #fff;
    vertical-align: top;
    background-position: left center;
    background-repeat: no-repeat;
    font-size: 14px; }
  .locationSection .icons img {
    width: 108px; }
  .locationSection .icons .iconTitle {
    width: 114px;
    padding-left: 0; }
  .locationSection .icons .icon1 {
    background-image: url(../images/location/icon1.png);
    -ms-background-size: 36px auto;
    background-size: 36px auto;
    padding-left: 35px; }
  .locationSection .icons .icon2 {
    background-image: url(../images/location/icon2.png);
    -ms-background-size: 17px auto;
    background-size: 17px auto;
    padding-left: 22px; }
  .locationSection .icons .icon3 {
    background-image: url(../images/location/icon3.png);
    -ms-background-size: 17px auto;
    background-size: 17px auto;
    padding-left: 22px; }
.locationSection .yotei {
  position: absolute;
  right: 15px;
  top: 45px;
  color: #ffa64d;
  font-weight: normal;
  border: none; }

.locationUpdate {
  position: absolute;
  right: 20px;
  font-weight: bold; }
  .locationUpdate img {
    width: 83px !important;
    height: 23px;
    display: inline;
    vertical-align: inherit;
    padding-right: 5px; }

.areaBlock {
  margin-bottom: 40px;
  margin: 0 30px; }
  .areaBlock h3 {
    margin-bottom: 10px; }
    .areaBlock h3 img {
      width: 72px;
      padding-left: 12px; }
  .areaBlock .pageTop a {
    width: 109px;
    height: 13px;
    background: none;
    top: -25px;
    left: auto;
    right: 13px; }
  .areaBlock h4 {
    height: 30px;
    background: url(../images/location/title_bg.gif) repeat-x center center;
    padding: 8px 12px 6px;
    border: solid 1px #024487;
    border-bottom: none; }
    .areaBlock h4 img {
      width: 65px; }
  .areaBlock ul {
    border: solid 1px #062B64;
    border-bottom: none; }
    .areaBlock ul li {
      border-bottom: solid 1px #062B64;
      padding: 0 20px;
      background: #13192b;
      clear: both;
      position: relative; }
      .areaBlock ul li:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        overflow: hidden;
        visibility: hidden; }
      .areaBlock ul li:nth-child(even) {
        background: #0a0b0f; }
      .areaBlock ul li p {
        color: #fff;
        font-weight: bold;
        font-size: 15px;
        border-bottom: solid 1px #4b505e;
        padding: 13px 3px 12px; }
      .areaBlock ul li div + p {
        min-width: 350px;
        max-width: 600px;
        display: table-cell;
        font-weight: normal;
        border: none;
        padding-left: 0; }
      .areaBlock ul li span {
        display: table-cell;
        color: #fff;
        font-size: 15px;
        padding: 13px 0 12px 50px; }
      .areaBlock ul li .icon {
        position: absolute;
        right: 22px;
        top: 0; }
        .areaBlock ul li .icon span {
          display: inline-block;
          margin-right: 0;
          line-height: 25px;
          height: 23px;
          vertical-align: top;
          background-position: left center;
          background-repeat: no-repeat; }
        .areaBlock ul li .icon .meister {
          background-image: url(../images/location/icon1.png);
          -ms-background-size: 36px auto;
          background-size: 36px auto;
          padding-left: 25px;
          background-position: -3px center; }
        .areaBlock ul li .icon .volume {
          font-size: 14px;
          -ms-background-size: 17px auto;
          background-size: 17px auto;
          padding-left: 22px;
          margin: 0 0 0;
          color: #fff;
          background-position: right center; }
        .areaBlock ul li .icon .volume1 {
          background-image: url(../images/location/icon2.png); }
        .areaBlock ul li .icon .volume2 {
          background-image: url(../images/location/icon3.png); }

.perfecture {
  margin-bottom: 30px; }

.style13 {
  padding: 0 20px;
  color: #fff;
  line-height: 1.4em;
  font-size: 14px; }

.pageChangeBtn {
  position: absolute;
  top: -95px;
  right: 0;
  width: 292px;
  height: 72px; }
  .pageChangeBtn a, .pageChangeBtn img {
    display: block; }

/* SYSTEM
 ****************************************************************** */
.system #pageHeader {
  background: url(../images/system/header_bg.png) no-repeat center top; }
  .system #pageHeader .pageTitle {
    position: absolute;
    top: 61px;
    left: 555px;
    width: 320px; }
    .system #pageHeader .pageTitle img {
      width: 100%; }

.systemIndex .systemSection .sectionTitle {
  width: 320px;
  margin: 0 auto 136px;
  padding-top: 54px; }
  .systemIndex .systemSection .sectionTitle img {
    width: 100%; }

.systemList {
  margin-bottom: 270px; }
  .systemList li {
    height: 495px;
    position: relative;
    margin-bottom: 75px; }
    .systemList li:nth-child(2n) {
      margin-bottom: 121px; }
    .systemList li .bg {
      position: absolute;
      top: -118px;
      left: -470px; }
    .systemList li .name {
      position: relative;
      width: 530px;
      margin: 0 auto 45px;
      top: -7px; }
      .systemList li .name img {
        display: block;
        width: 100%; }
    .systemList li:nth-child(2n) .name {
      top: 30px; }
    .systemList li .btnWrap {
      width: 980px;
      position: relative;
      margin-top: 0; }
    .systemList li:nth-child(2n) .btnWrap {
      top: 51px; }
    .systemList li .btn {
      width: 980px;
      margin: 0 auto;
      position: relative;
      z-index: 10;
      -moz-opacity: 0;
      opacity: 0;
      filter: alpha(opacity=0); }
    .systemList li .btn1 {
      background: url(../images/system/systemList1Btn.png) no-repeat center top; }
    .systemList li .btn2 {
      background: url(../images/system/systemList2Btn.png) no-repeat center top; }
    .systemList li .btn3 {
      background: url(../images/system/systemList3Btn.png) no-repeat center top; }
    .systemList li .btn4 {
      background: url(../images/system/systemList4Btn.png) no-repeat center top; }
    .systemList li .btnA, .systemList li .btnB {
      position: absolute;
      top: 0;
      -moz-opacity: 0;
      opacity: 0;
      filter: alpha(opacity=0); }

/* 詳細 */
.systemSection .sectionTitle {
  text-align: center;
  margin: 0 auto 61px;
  padding-top: 54px;
  width: 480px; }
  .systemSection .sectionTitle img {
    width: auto;
    display: inline;
    width: 100%; }

.system1 .sectionBg {
  background: url(../images/system/system1/contents_bg.png) no-repeat center top; }

.system2 .sectionBg {
  background: url(../images/system/system2/contents_bg.png) no-repeat center top; }

.system3 .sectionBg {
  background: url(../images/system/system3/contents_bg.png) no-repeat center top; }

.system4 .sectionBg {
  background: url(../images/system/system4/contents_bg.png) no-repeat center top; }

.systemSection .btnWrap {
  width: 900px;
  position: relative;
  margin-bottom: 40px;
  margin-top: 100px; }

.systemDetailBtn .btn {
  width: 900px;
  margin: 0 auto;
  position: relative;
  z-index: 10;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0); }
.systemDetailBtn .btnA, .systemDetailBtn .btnB {
  position: absolute;
  top: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0); }

.system1 .btn1 {
  background: url(../images/system/system1/navBtn1.png) no-repeat center top; }
.system1 .btn2 {
  background: url(../images/system/system1/navBtn2.png) no-repeat center top; }

.system2 .btn1 {
  background: url(../images/system/system2/navBtn1.png) no-repeat center top; }
.system2 .btn2 {
  background: url(../images/system/system2/navBtn2.png) no-repeat center top; }

.system3 .btn1 {
  background: url(../images/system/system3/navBtn1.png) no-repeat center top; }
.system3 .btn2 {
  background: url(../images/system/system3/navBtn2.png) no-repeat center top; }

.system4 .btn1 {
  background: url(../images/system/system4/navBtn1.png) no-repeat center top; }
.system4 .btn2 {
  background: url(../images/system/system4/navBtn2.png) no-repeat center top; }

.backBtn {
  text-align: center;
  margin-bottom: 100px; }
  .backBtn img {
    display: inline; }

.systemSection .sectionInner {
  max-width: 900px;
  margin: 0 auto; }

.systemIndex .systemSection .sectionInner {
  max-width: 980px; }

.systemSection .block {
  margin-bottom: 70px;
  clear: both;
  position: relative; }
  .systemSection .block:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    overflow: hidden;
    height: 0; }
  .systemSection .block .half {
    width: 410px;
    float: left;
    padding-right: 40px; }

.advice {
  border-radius: 4px;
  background: #222;
  padding: 20px;
  border: solid 1px #2C4865;
  box-shadow: inset 0 0 7px #23486d; }
  .advice:after {
    content: ".";
    display: block;
    clear: both;
    overflow: hidden;
    visibility: hidden;
    height: 0; }

.systemSection .block .advice .half {
  width: 380px; }
.systemSection .block .advice2 .half {
  width: 390px;
  padding-right: 0; }

.advice2 .half:last-child {
  margin-left: 50px; }

.systemSection .block p {
  font-size: 17px;
  line-height: 1.8em;
  color: #fff;
  margin-bottom: 1.5em; }
  .systemSection .block p img {
    display: inline;
    vertical-align: middle;
    padding: 0 4px; }
.systemSection .block .title {
  padding-bottom: 25px;
  background: url(../images/system/titleLine.png) no-repeat left bottom;
  margin-bottom: 6px; }
  .systemSection .block .title img {
    width: 372px; }

.displace {
  position: relative;
  left: -10px; }

.systemSection .block h5 {
  font-size: 19px;
  color: #6DD1FE;
  margin-bottom: 10px;
  font-weight: bold; }

.styleTop {
  position: relative;
  top: 58px; }

.systemSection .block .style1 {
  text-indent: -110px;
  margin-left: 110px; }
.systemSection .block .style2 {
  position: absolute;
  right: 0;
  top: 120px; }
  .systemSection .block .style2 img {
    margin-bottom: 5x; }
  .systemSection .block .style2 span {
    color: #fff;
    font-size: 14px; }
.systemSection .block .blue {
  color: #69D0FF;
  text-indent: -1em;
  padding-left: 1em; }
.systemSection .block .style3 .cell {
  display: inline-block;
  padding-right: 50px;
  vertical-align: middle; }
  .systemSection .block .style3 .cell img {
    display: inline-block;
    padding-right: 15px;
    vertical-align: middle; }
  .systemSection .block .style3 .cell span {
    display: inline-block;
    color: #fff;
    font-size: 15px;
    vertical-align: middle; }
.systemSection .block .skillList {
  -webkit-border-radius: 6px;
  background: #0B0C19;
  padding: 1px; }
  .systemSection .block .skillList li {
    border-bottom: dotted 1px #55555e;
    color: #fff;
    font-size: 15px;
    position: relative;
    line-height: 20px;
    padding: 12px 0; }
    .systemSection .block .skillList li:first-child {
      border-bottom: solid 1px #55555e;
      font-weight: bold; }
    .systemSection .block .skillList li:last-child {
      border: none; }
    .systemSection .block .skillList li span:first-child {
      display: block;
      float: left;
      clear: left;
      padding-left: 60px; }
    .systemSection .block .skillList li span:last-child {
      display: block;
      margin-left: 250px; }
    .systemSection .block .skillList li:first-child span:first-child {
      padding-left: 22px; }
    .systemSection .block .skillList li img {
      position: absolute;
      left: 20px;
      top: 6px; }

.icon-I, .icon-II, .icon-III, .icon-IV, .icon-L {
  width: 32px;
  height: 32px; }

.icon-L1 {
  width: 42px;
  height: 26px; }

.icon-L2 {
  width: 38px;
  height: 32px; }

.icon-R {
  width: 32px;
  height: 32px; }

.icon-R1 {
  width: 42px;
  height: 26px; }

.icon-R2 {
  width: 38px;
  height: 32px; }

.adviceTitle {
  width: 227px;
  height: 41px; }

.indent {
  text-indent: -1.4em;
  padding-left: 1.4em !important; }

.tx15.mb0.indent {
  position: relative;
  top: 5px;
  line-height: 1.5em;
  margin-bottom: 5px !important; }

.color1 {
  color: #E599FF; }

.style7 {
  letter-spacing: -1px;
  font-size: 14px !important;
  font-weight: bold;
  text-indent: -1em;
  padding-left: 1em !important; }

#glossary {
  width: 980px;
  margin-bottom: 50px; }

.glossaryBtn {
  position: fixed;
  top: 250px;
  left: -10px;
  width: 385px;
  height: 57px;
  z-index: 10; }
  .glossaryBtn a {
    display: block;
    width: 385px;
    height: 57px;
    background-repeat: no-repeat;
    background-position: left top;
    background-image: url(../images/system/glossaryBtn_off.png);
    text-indent: -9999px; }
    .glossaryBtn a:hover {
      background-image: url(../images/system/glossaryBtn_on.png); }

.glossaryContents {
  border-radius: 4px;
  background: #222;
  padding: 20px;
  border: solid 1px #2C4865;
  box-shadow: inset 0 0 7px #23486d;
  padding: 20px; }
  .glossaryContents:after {
    content: ".";
    display: block;
    clear: both;
    overflow: hidden;
    visibility: hidden;
    height: 0; }
  .glossaryContents li {
    border-bottom: solid 1px #000;
    border-top: solid 1px #5B5B5B;
    padding: 15px 0; }
    .glossaryContents li:first-child {
      border-top: none; }
    .glossaryContents li:last-child {
      border-bottom: none; }
    .glossaryContents li a {
      float: left;
      clear: left;
      font-size: 20px;
      color: #69D0FF;
      font-weight: bold;
      width: 220px;
      text-decoration: none;
      cursor: default; }
    .glossaryContents li p {
      margin-left: 220px;
      color: #fff;
      font-size: 15px;
      line-height: 1.6em; }
    .glossaryContents li img {
      display: inline;
      vertical-align: middle;
      padding-right: 3px;
      position: relative;
      top: -1px; }
    .glossaryContents li .system-icom {
      width: 23px;
      height: 23px; }

.glossary_popup-data {
  overflow: scroll;
  max-height: 725px; }

.glossaryPopup .popup-content-inner {
  max-height: 705px; }

/* EVENT
 ****************************************************************** */
.eventSide {
  width: 300px;
  margin-right: 20px;
  min-height: 500px;
  margin-bottom: 100px; }
  .eventSide .banner li {
    margin-bottom: 10px;
    position:relative;
    max-width: 300px; }
    .eventSide .banner li img {
      max-width: 300px; }
    .eventSide .banner li.ended a {
      display: block;
      transition: opacity 0.2s ease-out;
      opacity: 1; }
    .eventSide .banner li.ended a:hover {
      opacity: 0.5; }
    .eventSide .banner li.ended a::after {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      background: url(../images/event/bnr_ended.png) no-repeat center center;
      position: absolute;
      top:0; left:0; }
  .eventSide .spimg {
    display: none; }
  .eventSide .pcimg {
    display: inline; }

.eventMain {
  float: right;
  width: 660px;
  margin-bottom: 100px; }

.event #pageHeader {
  background: url(../images/event/header_bg.png) no-repeat center top; }
  .event #pageHeader .pageTitle {
    position: absolute;
    top: 61px;
    left: 477px;
    width: 320px; }
    .event #pageHeader .pageTitle img {
      width: 100%; }
.eventSection .sectionInner {
  position: inherit;
}
.eventSection .sectionTitle {
  width: 320px;
  margin: 0 auto 54px;
  padding-top: 54px; }
  .eventSection .sectionTitle img {
    width: 100%; }
.eventSection iframe {
  border: 0;
  width: 100%;
  overflow: hidden;
  background-color: transparent;
  min-height: 0; }
.eventSection .static {
  position: relative;
  left: -310px; }
  .eventSection .static img {
    display: block;
    width: 1601px; }
.eventSection #anc2 {
  margin-bottom: 100px; }

/* static page */
.anchorBtn {
  margin-bottom: 50px;
  text-align: center; }
  .anchorBtn a {
    display: inline-block; }
    .anchorBtn a:last-child {
      margin-left: 13px; }
    .anchorBtn a img {
      width: 480px !important; }

.eventEND {
    position: relative; }
  .eventEND::after {
    content: "";
    display: block;
    width: 400px;
    height: 88px;
    background: url(../images/event/event_ended.png) no-repeat center center / 100%;
    position: absolute;
    top:50%; left:50%;
    transform:translate(-50%,-50%); }

.EVENT1 {
  min-height: 8000px; }
  .EVENT1 #anchor {
    position: absolute;
    top: 4750px; }
  .EVENT1 .end {
    position: relative; }
    .EVENT1 .end img {
      position: absolute;
      left: 643px;
      width: 351px; }
  .EVENT1 .end1 img {
    top: 159px; }
  .EVENT1 .end2 img {
    top: 51px; }

.EVENT2 {
  color: #fff;
  padding-bottom: 250px; }
  .EVENT2 br.SP {
    display: none; }
  .EVENT2 .sectionTitle {
    width: 320px;
    margin: 0 auto 54px;
    padding-top: 54px;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1; }
    .EVENT2 .sectionTitle img {
      width: 100%; }
  .EVENT2 .pageTitle {
    height: 440px; }
  .EVENT2 .static {
    left: auto; }
    .EVENT2 .static .pageTitle img {
      position: relative;
      left: -1050px;
      display: block;
      width: 3000px;
      height: auto; }
  .EVENT2 .event2Wrap {
    position: relative;
    z-index: 2;
    text-align: center; }
    .EVENT2 .event2Wrap img {
      display: inline-block;
      margin: 0 auto;
      width: auto !important;
      height: auto; }
    .EVENT2 .event2Wrap .event2img1 {
      margin-bottom: 45px; }
    .EVENT2 .event2Wrap .event2img2 {
      margin-bottom: 10px; }
    .EVENT2 .event2Wrap .event2img3 {
      margin-bottom: -20px; }
    .EVENT2 .event2Wrap .event2img4 {
      margin-bottom: -30px; }
  .EVENT2 .event2ticketBtn {
    position: absolute;
    z-index: 3;
    display: inline-block;
    margin: 0 auto;
    width: auto !important;
    height: auto;
    top:395px;
    right:-110px;
  }
  .EVENT2 .eventDetail {
    color: #fff;
    font-size: 16px;
    line-height: 180%; }
    .EVENT2 .eventDetail ul {
      padding: 0 75px; }
      .EVENT2 .eventDetail ul li {
        text-indent: -1em;
        margin-left: 1em; }
    .EVENT2 .eventDetail .note {
      text-align: center;
      padding: 60px 0 100px; }
      .EVENT2 .eventDetail .note a {
        text-decoration: underline; }
    .EVENT2 .eventDetail .numList {
      padding: 2em 120px 0; }
    .EVENT2 .eventDetail figure {
      text-align: center;
      margin: 60px auto 40px; }
      .EVENT2 .eventDetail figure img {
        display: inline; }
  .EVENT2 .areaTab {
    position: relative;
    text-align: right;
    width: 998px;
    height: 127px; }
    .EVENT2 .areaTab.tab1 {
      background: url(../images/event/event2/final_tab01.png) no-repeat 0 0; }
    .EVENT2 .areaTab.tab2 {
      background: url(../images/event/event2/final_tab02.png) no-repeat 0 0; }
    .EVENT2 .areaTab.tab3 {
      background: url(../images/event/event2/final_tab03.png) no-repeat 0 0; }
    .EVENT2 .areaTab.tab4 {
      background: url(../images/event/event2/final_tab04.png) no-repeat 0 0; }
    .EVENT2 .areaTab.tab5 {
      background: url(../images/event/event2/final_tab05.png) no-repeat 0 0; }
    .EVENT2 .areaTab.tab6 {
      background: url(../images/event/event2/final_tab06.png) no-repeat 0 0; }
    .EVENT2 .areaTab.tab7 {
      background: url(../images/event/event2/final_tab07.png) no-repeat 0 0; }
    .EVENT2 .areaTab div {
      display: inline-block;
      letter-spacing: -1em;
      top: 0;
      cursor: pointer; }
    .EVENT2 .areaTab div:nth-child(1) {
      width: 350px;
      height: 54px; }
    .EVENT2 .areaTab div:nth-child(2) {
      width: 310px;
      height: 54px; }
    .EVENT2 .areaTab div:nth-child(3) {
      width: 312px;
      height: 54px;
      margin-right: 22px; }
    .EVENT2 .areaTab div:nth-child(4) {
      width: 210px;
      height: 70px; }
    .EVENT2 .areaTab div:nth-child(5) {
      width: 205px;
      height: 70px; }
    .EVENT2 .areaTab div:nth-child(6) {
      width: 225px;
      height: 70px; }
    .EVENT2 .areaTab div:nth-child(7) {
      width: 266px;
      height: 70px;
      margin-right: 22px; }
    .EVENT2 .areaTabContent {
    font-size: 18px;
    display: none;
    padding: 50px 0 0; }
    .EVENT2 .areaTabContent.active {
      display: block; }
    .EVENT2 .areaTabContent h3 {
      text-align: center;
      margin-bottom: 20px; }
      .EVENT2 .areaTabContent h3 img {
        display: inline; }
    .EVENT2 .areaTabContent .areaGroup {
      margin: 0 0 10px; }
      .EVENT2 .areaTabContent .areaGroup.open .areaAcc {
        display: block; }
      .EVENT2 .areaTabContent .areaGroup.open .areaBtn:after {
        background: url(../images/event/event2/final_minus.png) no-repeat 0 0; }
    .EVENT2 .areaTabContent .areaBtn {
      position: relative;
      width: 980px;
      height: 45px;
      background: url(../images/event/event2/final_area_bar.png) no-repeat 0 0;
      cursor: pointer; }
      .EVENT2 .areaTabContent .areaBtn:after {
        background: url(../images/event/event2/final_plus.png) no-repeat 0 0;
        content: "";
        display: inline-block;
        width: 14px;
        height: 13px;
        position: absolute;
        left: 40px;
        top: 17px; }
      .EVENT2 .areaTabContent .areaBtn:hover {
        opacity: 0.8;
        filter: alpha(opacity=80); }
      .EVENT2 .areaTabContent .areaBtn img {
        display: inline;
        line-height: 0;
        margin-top: -4px;
        margin-left: 55px; }
    .EVENT2 .areaTabContent .areaCaption {
      font-size: 19px;
      font-weight: bold;
      width: 940px;
      margin: 0 0 0 auto;
      padding: 20px 0;
      overflow: hidden;
      border-bottom: 1px solid #666; }
      .EVENT2 .areaTabContent .areaCaption .left {
        float: left; }
      .EVENT2 .areaTabContent .areaCaption .right {
        float: right;
        margin-right: 20px; }
    .EVENT2 .areaTabContent .areaAcc {
      display: none;
      width: 977px;
      background: #13192B;
      border: 1px solid #062B64;
      overflow: hidden; }
      .EVENT2 .areaTabContent .areaAcc ul {
        margin: 0 0 0 auto;
        overflow: hidden; }
        .EVENT2 .areaTabContent .areaAcc ul li {
          padding: 20px 0;
          border-bottom: 1px solid #022966;
          overflow: hidden; }
        .EVENT2 .areaTabContent .areaAcc ul .left {
          float: left;
          margin-left: 36px; }
        .EVENT2 .areaTabContent .areaAcc ul .right {
          float: right;
          margin-right: 20px; }


      .EVENT2 #area3 .static img,
      .EVENT2 #area6 .static img {
        display: block;
        width: 977px;
      }

      .EVENT2 .area4wrap{
        position: relative;
        text-align: center;
        font-size: 20px;
        line-height: 30px; }
      .EVENT2 .area4note{
        text-align: center;
        font-size: 16px;
        line-height: 22px; }
      .EVENT2 .area4wrap figure{
        display:inline-block;
        text-align: center; }
      .EVENT2 .area4wrap figure li{
        display:inline-block;
        line-height: -0.5em;
        text-align: center; }
      .EVENT2 .area4wrap figcaption{
         margin: 5px 0 60px 0; }
      .EVENT2 .area4comingsoon {
        font-size: 30px;
        font-weight: 900;
        margin: 110px auto; }
      .EVENT2 .area4atend {
        padding: 0 50px;
        text-align: left;
        font-size: 16px;
        line-height: 180%;
        margin: 40px auto; }
      .EVENT2 .area4atend ul{
        margin-left: 20px;
        list-style-type: disc; }
      .EVENT2 .area4cafeTxt {
        font-size: 16px;
        line-height: 21px;
        text-align: center; }
      .EVENT2 .area4cafeTxt img {
        display: inline-block; }
      .EVENT2 .area4cafeTxt p {
        margin-bottom: 40px; }
      .EVENT2 .area4cafeTxtS {
        font-size: 13px;
        line-height: 16px; }
      .EVENT2 .area4coaster{
        letter-spacing: -.2em; }
      .EVENT2 .area4coasterInner li{
        letter-spacing: normal;
        margin-bottom: 40px; }
       .EVENT2 .area4menu {
        width: 91px;
        margin: 0 auto;
       }
       .EVENT2 .area4cafeBtn{
         position: absolute;
         top: 10px;
         right: 50px;
       }

      /* アクセス・チケット */
      .EVENT2 .area7table1 {
        width: 860px;
        margin: 40px auto;
        line-height: 30px;
        color: #fff;
        font-size: 16px;
        line-height: 180%;
      }
      .EVENT2 .area7table1 th {
        width: 16%;
      }
      .EVENT2 .area7table1 td {
        width: 84%;
      }
      .EVENT2 .area7mapText {
        background-image: url(../images/event/event2/final_zoom.png);
        background-repeat: no-repeat;
        background-position:0 11px;
        padding: 10px 0 0 25px;
      }
      .EVENT2 .area7attention {
        width: 70px;
        margin: 30px auto;
      }
      .EVENT2 .area7ticket {
        margin: 40px auto;
        text-align: center;
      }
      .EVENT2 .area7ticket img {
        margin: 30px auto;
      }
      .EVENT2 .area7ticketDetail {
        color: #fff;
        font-size: 16px;
        line-height: 180%; }
      .EVENT2 .area7ticketDetail ul{
        margin-left: 20px;
        list-style-type: disc;
      }
      .EVENT2 .area7attend {
        color: #fff;
        font-size: 16px;
        line-height: 180%;
        margin: 40px auto;
      }
      .EVENT2 .area7attend ul{
        margin-left: 20px;
        list-style-type: disc;
      }


    .EVENT2 .menuTop {
        position: fixed;
        width: 134px;
        height: 97px;
        right: 30px;
        bottom: 30px;
        z-index: 999; }

    /*　------- 1周年記念イベント　-------- */
    .EVENT3 .titleWrap{
      background-image: url(../images/event/event3/bg_mainvisual.jpg);
      background-repeat: no-repeat;
      background-position: center top;
      height: 684px; }
    .EVENT3 .logo {
      width: 832px;
      margin: -130px auto 0; }
    .EVENT3 .menu {
      letter-spacing: -0.4em;
      width: 930px;
      margin: 0 auto; }
    .EVENT3 .menu li {
      display: inline-block;
      letter-spacing: normal;
      width: 300px; }
    .EVENT3 .menu li:nth-child(2),
    .EVENT3 .menu li:nth-child(5) {
      margin: 0 15px; }
    .EVENT3 .goMenu {/* メインメニューに戻る */
      position: fixed;
      bottom: 50px;
      right: 50px;
      z-index: 999; }
    /* セフィロス参戦 */
    .EVENT3 .sephirothWrap {
      width: 100%;
      height: auto;
      padding: 110px 0 70px;
      color: #FFF;
      font-size: 16px;
      line-height: 2em;
      border-top: 1px solid #2f2f2f;
      border-bottom: 1px solid #2f2f2f;
      background-color: #000;
      background-image: url(../images/event/event3/bg_sephiroth.png), url(../images/event/event3/bg_left.png);
      background-repeat: no-repeat, no-repeat;
      background-position: center top 60px, left top; }
    .EVENT3 .ttl_sephiroth {
      margin-bottom: 9px; }
    .EVENT3 .date_sephiroth {
      width: 462px;
      margin-bottom: 19px; }
    .EVENT3 .date_sephiroth img {
      margin: 0 auto; }
    .EVENT3 .about_sephiroth {
      margin-left: 5px;
      margin-bottom: 67px; }
    .EVENT3 .terms_sephiroth {
      margin-left: 5px;
      margin-bottom: 30px; }
    .EVENT3 .text_sephiroth {
      margin-left: 15px;
      margin-bottom: 67px; }
    .EVENT3 .head_date_sephiroth {
      margin-left: 15px;
      margin-bottom: 15px; }
    .EVENT3 .head_date_sephiroth_text {
      margin-left: 15px;
      margin-bottom: 75px; }
    .EVENT3 .head_date_sephiroth_text span {
      font-weight: 700; }
    .EVENT3 .head_open_sephiiroth {
      margin-left: 15px;
      margin-bottom: 15px; }
    .EVENT3 .head_open_sephiiroth_text {
      margin-left: 15px;
      margin-bottom: 50px; }
    .EVENT3 .text_syougou {
      margin-left: 5px; }
    .EVENT3 .bgm_sephiroth {
      margin-left: 16px;
      margin-bottom: 55px;
      line-height: 1em; }
    .EVENT3 .bgm_sephiroth:before {
      content: url(../images/event/event3/icon_maru.png);
      margin-right: 10px; }
    .EVENT3 .line_audition {
      width: 117px;
      height: 1em;
      display: inline-block;
      background-image: url(../images/event/event3/line_dot.png);
      background-position: left 10px;
      background-repeat: repeat-x;
      margin-left: 10px; }
    .EVENT3 .btn_audition {
      display: inline-block;
      width: 88px;
      height: 38px;
      margin-top: 0;
      margin-left: 10px;
      padding: 0;
      vertical-align: middle; }
    .EVENT3 .head_syougou {
      margin-bottom: 19px; }
    .EVENT3 .img_syougou_sephiroth {
      margin-bottom: 75px; }
    .EVENT3 .detail_sephiroth {
      font-weight: 700; }
    .EVENT3 .btn_detail {
      display: inline-block;
      width: 76px;
      height: 26px;
      margin-left: 10px;
      vertical-align: middle; }
    /* バトルBGM＆アイコン */
    .EVENT3 .bgmIconWrap {
      width: 100%;
      height: auto;
      padding: 70px 0;
      color: #FFF;
      font-size: 16px;
      line-height: 2em;
      border-top: 1px solid #2f2f2f;
      border-bottom: 1px solid #2f2f2f;
      background-color: #000;
      background-image: url(../images/event/event3/bg_right.png);
      background-repeat: no-repeat;
      background-position: right top; }
    .EVENT3 .ttl_bgmIcon {
      width: 643px;
      height: 126px;
      margin: 0 auto 12px; }
    .EVENT3 .date_bgmIcon {
      width: 608px;
      height: 123px;
      margin: 0 auto 16px; }
    .EVENT3 .text_bgmIcon {
      width: 492px;
      height: 52px;
      margin: 0 auto 83px; }
    .EVENT3 .head_icon {
      width: 863px;
      height: 63px;
      margin: 0 auto 35px; }
    .EVENT3 .iconList{
      width: 840px;
      height: 336px;
      margin: 0 auto 28px;
      letter-spacing: -0.4em;
      line-height: 0; }
    .EVENT3 .iconList li{
      display: inline-block;
      width: 168px;
      height: 168px;
      letter-spacing: normal; }
    .EVENT3 .text_600gill {
      width: 152px;
      height: 38px;
      margin: 0 auto 103px; }
    .EVENT3 .bgm_wrap {
      width: 100%;
      margin: 0 auto; }
    .EVENT3 .head_bgm {
      margin: 0 auto 50px; }
    .EVENT3 .head_new_bgm {
      margin-left: 70px;
      margin-bottom: 15px; }
    .EVENT3 .bgm_list {
      text-align: center;
      margin: 0 auto 55px; }
    .EVENT3 .bgm_bgm {
      margin-left: 16px;
      line-height: 1em; }
    .EVENT3 .bgm_bgm:before {
      content: url(../images/event/event3/icon_maru.png);
      margin-right: 10px; }
    .EVENT3 .btn_audition {
      display: inline-block;
      width: 88px;
      height: 38px;
      margin-top: 0;
      margin-left: 10px;
      padding: 0;
      vertical-align: middle; }
    .EVENT3 .head_revival_bgm {
      margin-left: 70px;
      margin-bottom: 15px; }
    .EVENT3 .line_audition-237 {
      width: 237px; }
    .EVENT3 .line_audition-344 {
      width: 344px; }
    .EVENT3 .line_audition-414 {
      width: 414px; }
    .EVENT3 .text_1500gill {
      width: 168px;
      margin: 0 auto; }

    /* ご当地称号*/
    .EVENT3 .localWrap {
      width: 100%;
      height: auto;
      padding: 70px 0;
      color: #FFF;
      font-size: 16px;
      line-height: 2em;
      border-top: 1px solid #2f2f2f;
      border-bottom: 1px solid #2f2f2f;
      background-color: #000;
      background-image: url(../images/event/event3/bg_left.png);
      background-repeat: no-repeat;
      background-position: left top; }
    .EVENT3 .ttl_local {
      width: 381px;
      height: 101px;
      margin: 0 auto 10px; }
    .EVENT3 .date_local {
      width: 500px;
      height: 90px;
      margin: 0 auto 16px; }
    .EVENT3 .text_local {
      width: 383px;
      height: 28px;
      margin: 0 auto 77px; }
    .EVENT3 .head_terms_local {
      width: 862px;
      height: 63px;
      margin: 0 auto 40px; }
    .EVENT3 .terms_local_inner {
      width: 850px;
      margin: 0 auto; }
    .EVENT3 .text_terms_local {
      margin-bottom: 62px; }
    .EVENT3 .head_syougou_local {
      margin-bottom: 25px; }
    .EVENT3 .syougou_local_list {
      letter-spacing: -.4em;
      margin-bottom: 61px; }
    .EVENT3 .img_syougou01_local {
      display: inline-block;
      letter-spacing: normal;
      margin-right: 10px; }
    .EVENT3 .img_syougou02_local {
      display: inline-block;
      letter-spacing: normal; }
    .EVENT3 .movie_local_wrap {
      width: 850px;
      height: 444px;
      margin: 0 auto;
      background-image: url(../images/event/event3/bg_movie_local.png);
      background-repeat: no-repeat;
      background-position: center top; }
    .EVENT3 .head_movie_local {
      width: 230px;
      margin: 0 auto;
      padding: 45px 0 28px; }
    .EVENT3 .img_movie_local {
      display: block;
      width: 455px;
      margin: 0 auto 20px; }
    .EVENT3 .text_movie_local {
      width: 100%;
      text-align: center; }

    /* GAME CENTER SQEX */
    .EVENT3 .gcsqexWrap {
      width: 100%;
      height: auto;
      padding: 70px 0;
      color: #FFF;
      font-size: 16px;
      line-height: 2em;
      border-top: 1px solid #2f2f2f;
      border-bottom: 1px solid #2f2f2f;
      background-color: #000;
      background-image: url(../images/event/event3/bg_right.png);
      background-repeat: no-repeat;
      background-position: right top; }
    .EVENT3 .ttl_gcsqex {
      width: 871px;
      height: 91px;
      margin: 0 auto 10px; }
    .EVENT3 .date_gcsqex {
      width: 601px;
      height: 90px;
      margin: 0 auto 16px; }
    .EVENT3 .text_gcsqex {
      width: 433px;
      height: 28px;
      margin: 0 auto 48px; }
    .EVENT3 .head_about_gcsqex {
      width: 862px;
      height: 62px;
      margin: 0 auto 25px; }
    .EVENT3 .about_gcsqex_inner {
      width: 850px;
      position: relative;
      margin: 0 auto; }
    .EVENT3 .img_figure_gcsqex {
      position: absolute;
      top: 200px;
      right: 10px; }
    .EVENT3 .text_about_gcsqex {
      margin-bottom: 58px; }
    .EVENT3 .head_place_gcsqex {
      margin-bottom: 10px; }
    .EVENT3 .text_place_gcsqex {
      margin-bottom: 60px; }
    .EVENT3 .head_syougou_gcsqex {
      margin-bottom: 10px; }
    .EVENT3 .text_syougou_gcsqex {
      margin-bottom: 25px; }

    /* マイスターマッチング*/
    .EVENT3 .meisterWrap {
      width: 100%;
      height: auto;
      padding: 70px 0;
      color: #FFF;
      font-size: 16px;
      line-height: 2em;
      border-top: 1px solid #2f2f2f;
      border-bottom: 1px solid #2f2f2f;
      background-color: #000;
      background-image: url(../images/event/event3/bg_left.png);
      background-repeat: no-repeat;
      background-position: left top; }
    .EVENT3 .ttl_meister {
      width: 845px;
      height: 134px;
      margin: 0 auto; }
    .EVENT3 .date_meister {
      width: 500px;
      height: 90px;
      margin: 0 auto 16px; }
    .EVENT3 .text_meister {
      width: 545px;
      height: 29px;
      margin: 0 auto 46px; }
    .EVENT3 .head_terms_meister {
      width: 862px;
      height: 63px;
      margin: 0 auto 21px; }
    .EVENT3 .terms_meister_inner {
      width: 850px;
      margin: 0 auto; }
    .EVENT3 .text_terms_meister {
      margin-left: 4px;
      margin-bottom: 63px; }
    .EVENT3 .head_meister {
      margin-bottom: 18px; }
    .EVENT3 .shop_meister {
      margin-bottom: 56px; }
    .EVENT3 .head_syougou_meister {
      margin-bottom: 11px; }
    /* NESiCAシールキャンペーン */
    .EVENT3 .nesicaWrap {
      width: 100%;
      height: auto;
      padding: 70px 0;
      color: #FFF;
      font-size: 16px;
      line-height: 2em;
      border-top: 1px solid #2f2f2f;
      border-bottom: 1px solid #2f2f2f;
      background-color: #000;
      background-image: url(../images/event/event3/bg_right.png);
      background-repeat: no-repeat;
      background-position: right top; }
    .EVENT3 .ttl_nesica {
      width: 557px;
      height: 91px;
      margin: 0 auto; }
    .EVENT3 .date_nesica {
      width: 569px;
      height: 90px;
      margin: 0 auto 16px; }
    .EVENT3 .text_nesica {
      width: 388px;
      height: 29px;
      margin: 0 auto 46px; }
    .EVENT3 .head_shop_nesica {
      width: 860px;
      height: 63px;
      margin: 0 auto 50px; }
    .EVENT3 .terms_nesica_inner {
      width: 850px;
      margin: 0 auto 60px; }<>
    .EVENT3 .text_terms_nesica {
      margin-left: 4px;
      margin-bottom: 63px; }
    .EVENT3 .head_nesica {
      margin-bottom: 18px; }
    .EVENT3 .shop_nesica {
      margin-bottom: 56px; }
    .EVENT3 .head_syougou_nesica {
      margin-bottom: 11px; }
    .EVENT3 .head_dist_nesica {
      margin-bottom: 17px; }
    .EVENT3 .text_dist_nesica {
      margin-bottom: 62px; }
    .EVENT3 .head_attention_nesica {
      margin-bottom: 17px; }
    .EVENT3 .text_attention_nesica:before {
      content: url(../images/event/event3/icon_maru.png);
      margin-right: 10px; }
    .EVENT3 .seal_nesica_inner {
      width: 850px;
      height: 1187px;
      margin: 0 auto;
      background-image: url(../images/event/event3/bg_seal_nesica.png);
      background-repeat: no-repeat;
      background-position: center top; }
    .EVENT3 .head_seal_nesica {
      width: 354px;
      height: 38px;
      margin: 0 auto;
      padding: 50px 0 45px; }
    .EVENT3 .seal_nesica_list {
      width: 725px;
      margin: 0 auto;
      line-height: 27px;
      letter-spacing: -.4em; }
    .EVENT3 .seal_nesica_list li {
      display: inline-block;
      width: 135px;
      height: 213px;
      margin-right: 10px;
      letter-spacing: normal; }
    .EVENT3 .btn_shop_nesica {
      width: 468px;
      height: 52px;
      margin: 40px auto 0; }


    .EVENT4 {
      font-size: 16px;
      line-height: 180%;
      color: #FFF; }
    .EVENT4 a,
    .EVENT4 a:link,
    .EVENT4 a:visited,
    .EVENT4 a:hover,
    .EVENT4 a:active{
      color: #ff0000!important; }
    .EVENT4 .tab{
      overflow:hidden; }
    .EVENT4 .tab .select img{
      opacity: 0; }
    .EVENT4 .tab  li img:hover{
      opacity: 0; }
    .EVENT4 .tab li{
      cursor: pointer; }
    .EVENT4 .tab .close{
      cursor: default; }
     .EVENT4 .tab  .close img:hover{
      opacity: 1; }
    .EVENT4 .tab li:first-child{
      background-image: url(../images/event/event4/menu01_on.png);
      background-repeat: no-repeat;
      background-position: center top; }
    .EVENT4 .tab li:nth-child(2){
      background-image: url(../images/event/event4/menu02_on.png);
      background-repeat: no-repeat;
      background-position: center top; }
    .EVENT4 .tab li:nth-child(3){
      background-image: url(../images/event/event4/menu03_on.png);
      background-repeat: no-repeat;
      background-position: center top; }
    .EVENT4 .tab li:nth-child(4){
      background-image: url(../images/event/event4/menu04_on.png);
      background-repeat: no-repeat;
      background-position: center top; }
    .EVENT4 .tab li:nth-child(5){
      background-image: url(../images/event/event4/menu05_on.png);
      background-repeat: no-repeat;
      background-position: center top; }
    .EVENT4 .hide {
      display:none; }

    .EVENT4 .wrap{
      background-image: url(../images/event/event4/line.png), url(../images/event/event4/mainvisual.png);
      background-repeat: no-repeat, no-repeat;
      background-position: center 900px, center -87px; }

    .EVENT4 .sectionTitle {
      margin-bottom: 263px; }
    .EVENT4 .logo {
      width: 660px;
      margin: 0 auto 82px; }
    .EVENT4 .menu {
      display: block;
      letter-spacing: -.4em; }
    .EVENT4 .menu li{
      display: inline-block;
      letter-spacing: normal;
      margin-left: 3px; }
    .EVENT4 .about {
      width: 980px;
      margin: 170px auto 100px;
      text-align: center; }
    .EVENT4 .about .about_final_movie {
      width: 980px;
      margin: 0 auto; }
    .EVENT4 .about .about_final_movie_title {
      width: 570px;
      margin: 0 auto 36px; }
    .EVENT4 .about .about_final_movie_text {
      margin-bottom: 36px; }
    .EVENT4 .about .about_final_movie_name {
      width: 980px;
      margin: 0 auto; }
    .EVENT4 .about .about_final_movie_frame_top {
      width: 978px;
      margin: -10px auto 20px; }
    .EVENT4 .about .about_final_movie_thumb1 {
      display: inline-block;
      width: 480px;
      margin: 0 auto; }
    .EVENT4 .about .about_final_movie_thumb2 {
      display: inline-block;
      width: 480px;
      margin: 0 auto; }
    .EVENT4 .about .about_final_movie_frame_bottom {
      width: 978px;
      margin: 20px auto 30px; }
    .EVENT4 .about .about_final_movie_text02 {
      font-weight: 900;
      font-size: 20px;
      margin-bottom: 70px; }
    .EVENT4 .about .about_title {
      width: 980px;
      margin: 0 auto 50px; }
    .EVENT4 .about .gaiyou_title {
      width: 166px;
      margin: 0 auto 30px; }
    .EVENT4 .about .gaiyou_text {
      margin-bottom: 70px; }
    .EVENT4 .about .schedule {
      margin-bottom: 70px; }
    .EVENT4 .about .schedule_title {
      width: 971px;
      margin: 0 auto 15px; }
    .EVENT4 .about .schedule_text {
      width: 660px;
      margin: 0 auto 30px; }
    .EVENT4 .about .schedule01 {
      margin-bottom: 15px; }
    .EVENT4 .about .schedule02 {
      margin-bottom: 30px; }
    .EVENT4 .about .schedule03 {
      margin-bottom: 30px; }
    .EVENT4 .about .live {
      margin-bottom: 70px; }
    .EVENT4 .about .live_title {
      width: 971px;
      margin: 0 auto 15px; }
    .EVENT4 .about .live_text {
      width: 100%;
      margin: 0 auto 15px; }
    .EVENT4 .about .live_info {
      width: 993px;
      margin: 0 auto 50px;
      padding: 20px;
      text-align: left;
      line-height: 0;
      border: 1px solid #666;
      background-color: #000;
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
              box-sizing: border-box; }
    .EVENT4 .about .live_info_left {
      display: inline-block;
      width: 264px;
      margin-right: 15px; }
    .EVENT4 .about .live_info_right {
      display: inline-block;
      vertical-align: top; }
    .EVENT4 .about .live_sqexpresents {
      width: 249px;
      margin-bottom: 15px; }
    .EVENT4 .about .live_schedule {
      width: 604px;
      margin-bottom: 10px; }
    .EVENT4 .about .live_schedule_text {
      line-height: 16px;
      margin-bottom: 15px; }
    .EVENT4 .about .live_performer_title {
      width: 93px;
      margin: 0 auto 50px; }
    .EVENT4 .about .live_performer {
      letter-spacing: -.4em;
      text-align: center; }
    .EVENT4 .about .live_performer li{
      display: inline-block;
      width: 50%;
      margin-bottom: 50px;
      letter-spacing: normal; }
    .EVENT4 .about .live_performer li>figure{
      width: 292px;
      margin: 0 auto 10px; }
    .EVENT4 .about .live_performer li:nth-child(5){
      width: 100%; }
    .EVENT4 .about .period {
      margin-bottom: 70px; }
    .EVENT4 .about .period_title {
      width: 971px;
      margin: 0 auto 15px; }
    .EVENT4 .about .prize {
      margin-bottom: 70px; }
    .EVENT4 .about .prize_title {
      width: 971px;
      margin: 0 auto 30px; }
    .EVENT4 .about .prize_text {
      margin-bottom: 30px; }
    .EVENT4 .about .prize_text01,
    .EVENT4 .about .prize_text02,
    .EVENT4 .about .prize_text03 {
      margin-bottom: 30px; }
    .EVENT4 .about .prize_yoseWinner {
      width: 980px;
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
              box-sizing: border-box;
      border: 1px solid #fff;
      background-color: #000;
      padding: 23px; }
    .EVENT4 .about .prize_yoseWinner_title {
      width: 255px;
      margin: 0 auto; }
    .EVENT4 .about .prize_yoseWinner_text {
      margin-bottom: 30px; }
    .EVENT4 .about .prize_yoseWinner li {
      display: inline-block;
      width: 450px;
      margin-top: 30px; }
    .EVENT4 .about .prize03_attention {
      text-align: left;
      font-size: 14px;
      line-height: 160%; }
    .EVENT4 .about .prize_sanka_title {
      width: 159px;
      margin: 0 auto; }
    .EVENT4 .about .prize_sanka_text {
      width: 850px;
      margin: 0 auto 15px; }
    .EVENT4 .about .prize04_attention {
      text-align: left;
      font-size: 14px;
      line-height: 160%; }
    .EVENT4 .about .prize_attention {
      width: 980px;
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
              box-sizing: border-box;
      border: 1px solid #888;
      background-color: rgba(0,0,0,0.5);
      padding: 40px;
      font-size: 14px;
      line-height: 160%;
      text-align: left; }
    .EVENT4 .about .prize_attention span {
      color: #F00;
      font-weight: 900; }
    .EVENT4 .about .prize_attention_text {
      margin-bottom: 25px; }

    .EVENT4 .rule {
      width: 980px;
      margin: 170px auto 100px;
      text-align: center; }
    .EVENT4 .rule .rule_title {
      width: 980px;
      margin: 0 auto 50px; }
    .EVENT4 .rule .shikaku {
      margin-bottom: 70px; }
    .EVENT4 .rule .shikaku_title {
      width: 971px;
      margin: 0 auto 15px; }
    .EVENT4 .rule .shikaku_text {
      width: 920px;
      margin: 0 auto;
      text-align: left; }
    .EVENT4 .rule .shikaku_text li {
      padding-left: 1em;
      text-indent: -1em; }
    .EVENT4 .rule .shikaku_text li:before {
      content:"・"; }
    .EVENT4 .rule .keishiki {
      margin-bottom: 70px; }
    .EVENT4 .rule .keishiki_title {
      width: 971px;
      margin: 0 auto 15px; }
    .EVENT4 .rule .keishiki_text {
      text-align: left;
      padding: 0 30px; }
    .EVENT4 .rule .keishiki_text>dt{
      font-size: 18px;
      font-weight: 900; }
    .EVENT4 .rule .keishiki_text>dd{
      margin-top: 10px;
      margin-bottom: 40px; }
    .EVENT4 .rule .keishiki_text .keishiki_final_text>dt{
      font-size: 16px;
      font-weight: 900; }
    .EVENT4 .rule .keishiki_text .keishiki_final_text>dd{
      margin-bottom: 30px; }
    .EVENT4 .rule .keishiki_text .keishiki_final_text>dd span{
      color: #f00; }
    .EVENT4 .rule .keishiki_text .keishiki_img {
      width: 940px;
      margin: 30px auto; }
    .EVENT4 .rule .rule_sub {
      margin-bottom: 70px; }
    .EVENT4 .rule .rule_sub_title {
      width: 971px;
      margin: 0 auto 15px; }
    .EVENT4 .rule .rule_sub_text {
      width: 920px;
      margin: 0 auto;
      text-align: left; }
    .EVENT4 .rule .rule_sub_text li {
      padding-left: 1em;
      text-indent: -1em; }
    .EVENT4 .rule .rule_sub_text li:before {
      content:"・"; }
    .EVENT4 .rule .entry {
      margin-bottom: 70px; }
    .EVENT4 .rule .entry_title {
      width: 971px;
      margin: 0 auto 15px; }
    .EVENT4 .rule .entry_text {
      width: 920px;
      margin: 0 auto;
      text-align: left; }
    .EVENT4 .rule .entry_text li {
      padding-left: 1em;
      text-indent: -1em; }
    .EVENT4 .rule .entry_text li:before {
      content:"・"; }
    .EVENT4 .rule .attention {
      margin-bottom: 70px; }
    .EVENT4 .rule .attention_title {
      width: 971px;
      margin: 0 auto 15px; }
    .EVENT4 .rule .attention_text {
      width: 920px;
      margin: 0 auto 30px;
      text-align: left; }
    .EVENT4 .rule .attention_text li {
      padding-left: 1em;
      text-indent: -1em; }
    .EVENT4 .rule .attention_text li:before {
      content:"・"; }
    .EVENT4 .rule .attention_text02 {
      width: 920px;
      margin: 0 auto;
      text-align: left; }
    .EVENT4 .rule .trouble {
      margin-bottom: 70px; }
    .EVENT4 .rule .trouble_title {
      width: 971px;
      margin: 0 auto 15px; }
    .EVENT4 .rule .trouble_text {
      width: 920px;
      margin: 0 auto;
      text-align: left; }
    .EVENT4 .rule .etc {
      margin-bottom: 70px; }
    .EVENT4 .rule .etc_text {
      width: 920px;
      margin: 0 auto;
      text-align: left; }
    .EVENT4 .rule .etc_text span {
      font-weight: 900; }
    .EVENT4 .tournament {
      width: 980px;
      margin: 170px auto 100px;
      text-align: center; }
    .EVENT4 .tournament .tournament_title {
      margin-bottom: 50px; }
    .EVENT4 .tournament .tournament_final {
      margin-bottom: 70px; }
    .EVENT4 .tournament .tournament_final_title {
      margin-bottom: 44px; }
    .EVENT4 .tournament .tournament_final_list img {
      width: 100%; }
    .EVENT4 .tournament .tournament_area_title {
      margin-bottom: 44px; }
    .EVENT4 .tournament .area_title {
      border-top: 1px solid #fff;
      border-left: 1px solid #fff;
      border-right: 1px solid #fff;
      background-image: linear-gradient(-180deg, #00468C, #002040);
      padding: 20px; }
    .EVENT4 .tournament .area_a_title{
      width: 173px;
      margin: 0 auto; }
    .EVENT4 .tournament .area_b_title{
      width: 171px;
      margin: 0 auto; }
    .EVENT4 .tournament .area_c_title{
      width: 172px;
      margin: 0 auto; }
    .EVENT4 .tournament .area_d_title{
      width: 173px;
      margin: 0 auto; }
    .EVENT4 .tournament .area_e_title{
      width: 170px;
      margin: 0 auto; }
    .EVENT4 .tournament .area_f_title{
      width: 169px;
      margin: 0 auto; }
    .EVENT4 .tournament .area_g_title{
      width: 173px;
      margin: 0 auto; }
    .EVENT4 .tournament .area_h_title{
      width: 174px;
      margin: 0 auto; }
    .EVENT4 .tournament .area_list{
      border-left: 1px solid #fff;
      border-right: 1px solid #fff;
      border-bottom: 1px solid #fff;
      background-color: #002040;
      margin-bottom: 50px;
      padding: 0 20px 20px 20px;
      text-align: center; }
    .EVENT4 .tournament .area_list img{
      width: 100%;
      margin:  0 auto; }
    /* モーダル */
    /* モーダルウィンドウのスタイル */
    .EVENT4 .modal {
      position:fixed;
      width:100%;
      height:100vh;
      top:0;
      left:0;
      display:none;
      overflow: scroll;
      z-index:999999; }

    /* オーバーレイのスタイル */
    .EVENT4 .overLay {
      position:fixed;
      top:0;
      left:0;
      background:rgba(0,0,0,0.8);
      width:100%;
      height:100vh;
      z-index:100; }
    /* モーダルウィンドウの中身のスタイル */
    .EVENT4 .modal .inner {
      position:absolute;
      width: 100%;
      height: 85%;
      padding-bottom: 20px;
      z-index:101;
      top:0;
      left:50%;
      transform:translate(-50%,0);
      overflow: auto; }
    .EVENT4 .modal .inner img {
      margin: 0 auto; }
    .EVENT4 .modal .close {
      position: absolute;
      width: 157px;
      margin: 0 auto;
      z-index:103;
      left: 0;
      right: 0;
      bottom: 50px; }

    .EVENT4 .result {
      width: 980px;
      margin: 170px auto 100px;
      text-align: center;
      letter-spacing: -.4em; }
    .EVENT4 .result .result_title {
      width: 980px;
      margin: 0 auto 50px; }
    .EVENT4 .result .result_team_1 {
      letter-spacing: normal;
      margin-bottom: 50px; }
    .EVENT4 .result .result_team_name_1 {
      width: 688px;
      margin: 0 auto 20px; }
    .EVENT4 .result .result_team_1_frame_top {
      width: 978px;
      margin: 0 auto; }
    .EVENT4 .result .result_team_1_frame_bottom {
      width: 972px;
      margin: 0 auto; }
    .EVENT4 .result .result_team_pic_1 {
      width: 680px;
      margin: 20px auto; }
    .EVENT4 .result .result_team_comment {
      width: 70%;
      margin: 0 auto 20px;
      text-align: left;
      font-size: 16px;
      line-height: 20px;
      padding-left:7em;
      text-indent:-7em; }
    .EVENT4 .result .result_team_comment span {
      font-weight: 900; }
    .EVENT4 .result .result_team_2 {
      display: inline-block;
      width: 50%;
      letter-spacing: normal;
      margin-bottom: 50px; }
    .EVENT4 .result .result_team_name_2 {
      width: 472px;
      margin: 0 auto; }
    .EVENT4 .result .result_team_frame_silver_top {
      width: 483px;
      margin: 0 auto; }
    .EVENT4 .result .result_team_frame_silver_bottom {
      width: 482px;
      margin: 0 auto; }
    .EVENT4 .result .result_team_pic_2 {
      width: 460px;
      margin: 10px auto; }
    .EVENT4 .result .result_team_member {
      width: 100%;
      text-align: center;
      font-size: 16px;
      margin-bottom: 10px; }

    .EVENT4 .result .result_team_3 {
      display: inline-block;
      width: 50%;
      letter-spacing: normal;
      margin-bottom: 50px; }
    .EVENT4 .result .result_team_name_3 {
      width: 337px;
      margin: 0 auto; }
    .EVENT4 .result .result_team_frame_bronze_top {
      width: 483px;
      margin: 0 auto; }
    .EVENT4 .result .result_team_frame_bronze_bottom {
      width: 482px;
      margin: 0 auto; }
    .EVENT4 .result .result_team_pic_3 {
      width: 460px;
      margin: 10px auto; }
    .EVENT4 .result .result_team_4,
    .EVENT4 .result .result_team_5,
    .EVENT4 .result .result_team_6 {
      display: inline-block;
      width: 33%;
      letter-spacing: normal;
      margin-bottom: 50px; }
    .EVENT4 .result .result_team_5 {
      margin: 0 0.5%; }
    .EVENT4 .result .result_team_name_text {
      font-size: 16px;
      line-height: 20px; }
    .EVENT4 .result .result_team_name_text span{
      font-size: 20px;
      line-height: 24px;
      font-weight: 900; }
    .EVENT4 .result .result_team_pic {
      width: 320px;
      margin: 0 auto; }
    .EVENT4 .result .result_team_member_text {
      font-size: 13px; }
    .EVENT4 .result .result_team_7,
    .EVENT4 .result .result_team_8 {
      display: inline-block;
      width: 50%;
      letter-spacing: normal;
      margin-bottom: 50px; }
    .EVENT4 .archive {
      width: 980px;
      margin: 0 auto 100px;
      text-align: center; }
    .EVENT4 .archive .archive_title{
      width: 971px;
      margin: 0 auto 50px; }
    .EVENT4 .archive .publicviewing {
      width: 854px;
      margin: 0 auto 50px;
      text-align: left; }
    .EVENT4 .archive .publicviewing_title {
      width: 539px;
      margin: 0 auto 30px; }
    .EVENT4 .archive .publicviewing_thumb {
      width: 854px;
      margin: 0 auto 20px; }
    .EVENT4 .archive .honsen {
      width: 980px;
      margin: 0 auto 100px;
      text-align: center; }
    .EVENT4 .archive .shiai {
      position: relative;
      width: 980px;
      margin: 0 auto;
      padding-top: 30px;
      letter-spacing: -.4em; }
    .EVENT4 .archive .shiai_title {
      letter-spacing: normal; }
    .EVENT4 .archive .shiten {
      display: inline-block;
      width: 480px;
      margin: 0 5px;
      letter-spacing: normal; }
    .EVENT4 .archive .vs {
      position: absolute;
      width: 35px;
      margin: 0 auto;
      bottom: 290px;
      left: 0;
      right: 0; }
    .EVENT4 .archive .honsen1_title {
      width: 239px;
      margin: 0 auto; }
    .EVENT4 .archive .honsen2_title {
      width: 239px;
      margin: 0 auto; }
    .EVENT4 .archive .honsen_final_title {
      width: 219px;
      margin: 0 auto; }
    .EVENT4 .archive .haisha_title {
      width: 361px;
      margin: 0 auto; }
    .EVENT4 .archive .grandfinal_title {
      width: 321px;
      margin: 0 auto; }
    .EVENT4 .shop {
      width: 980px;
      margin: 170px auto 100px;
      text-align: center; }

    .EVENT4 .shop .shop_title {
      margin-bottom: 50px; }
    .EVENT4 .shop .shop_text {
      width: 920px;
      margin: 0 auto 50px;
      text-align: left; }
    .EVENT4 .shop .shop_list_title {
      margin-bottom: 15px; }
    .EVENT4 .shop .list_text {
      width: 920px;
      margin: 0 auto 30px;
      text-align: center;
      font-size: 22px;
      font-weight: 900; }
    .EVENT4 .shop .list_text span{
      font-size: 14px;
      font-weight: 400; }
    .EVENT4 .shop .list_title {
      border-top: 1px solid #fff;
      border-left: 1px solid #fff;
      border-right: 1px solid #fff;
      background-image: linear-gradient(-180deg, #00468C, #002040);
      padding: 20px; }
    .EVENT4 .shop .list_a_title{
      width: 173px;
      margin: 0 auto; }
    .EVENT4 .shop .list_b_title{
      width: 171px;
      margin: 0 auto; }
    .EVENT4 .shop .list_c_title{
      width: 172px;
      margin: 0 auto; }
    .EVENT4 .shop .list_d_title{
      width: 173px;
      margin: 0 auto; }
    .EVENT4 .shop .list_e_title{
      width: 170px;
      margin: 0 auto; }
    .EVENT4 .shop .list_f_title{
      width: 169px;
      margin: 0 auto; }
    .EVENT4 .shop .list_g_title{
      width: 173px;
      margin: 0 auto; }
    .EVENT4 .shop .list_h_title{
      width: 174px;
      margin: 0 auto; }
    .EVENT4 .shop .list{
      border-left: 1px solid #fff;
      border-right: 1px solid #fff;
      border-bottom: 1px solid #fff;
      background-color: #002040;
      margin-bottom: 50px;
      padding: 0 20px 20px 20px;
      text-align: left; }
    .EVENT4 .shop .list_shopname {
      border-top: 1px solid #65798D;
      letter-spacing: -.4em; }
    .EVENT4 .shop .list_shopname li {
      display: inline-block;
      width: 460px;
      height: 50px;
      font-size: 15px;
      line-height: 50px;
      text-align: left;
      border-top: 1px solid #65798D;
      letter-spacing: normal; }
    .EVENT4 .shop .list_shopname li:nth-child(1),
    .EVENT4 .shop .list_shopname li:nth-child(2){
      border-top: none; }
    .EVENT4 .shop .list_shopname li:nth-child(2n){
      margin-left: 18px; }



    /*　------- 1周年記念イベント　-------- */
    .EVENT5{
      background-image: url(../images/event/event5/bg_mainvisual.jpg);
      background-repeat: repeat-y;
      background-position: center top; }
    .EVENT5 .sectionInner {
        width:900px;
        position: relative; }
    .EVENT5 .sectionInner a {
        color:#ff3232!important;
        text-decoration: underline; }
    .EVENT5 .sectionInner a:hover {
        text-decoration: none; }
    .EVENT5 .logo {
      min-width: 832px;
      height:700px;
      background-image: url(../images/event/event5/logo_mainvisual.png);
      background-repeat: no-repeat;
      background-position: center top;
      margin: auto 0; }
    .EVENT5 .menu {
      letter-spacing: -0.4em;
      width: 1280px;
      text-align :center;
      margin: -130px auto 0; }
    .EVENT5 .menu ul {
        text-align :center;
        margin:0 auto; }
    .EVENT5 .menu li {
      display: inline-block;
      letter-spacing: normal;
      width: 312px;
      margin-bottom:10px; }
    .EVENT5 .menu li img {
        width: 310px;
        height:auto;
        margin: 10px 10px 0px 10px; }
    .EVENT5 .menu li:nth-child(4),
    .EVENT5 .menu li:nth-child(7) {
        margin-right:0; }
    .EVENT5 .goMenu {/* メインメニューに戻る */
      position: fixed;
      bottom: 50px;
      right: 50px;
      z-index: 999; }
    /* ノクティス参戦 */
    .EVENT5 .contentWrap {
      width: 100%;
      height: auto;
      padding: 40px 0 0;
      color: #FFF;
      font-size: 16px;
      line-height: 2em;
      position: relative; }
    .EVENT5 .contentWrap.last {
        padding-bottom:170px; }
    .event5_chara {
        text-align:center; }
    .event5_chara img {
        margin:auto; }
    /* タイトル*/
        .EVENT5 .ttl_event {
            width:1280px;
            margin:0 auto; }
            .EVENT5 .ttl_event img {
                height:138px;
                max-width:none;
                width:100%;/* トリミングしたい枠の幅 */
                object-fit: cover;
            }

        .EVENT5 .sectionInner .caption {
            text-align: center; }
            .EVENT5 .sectionInner .caption img {
                margin:0 auto;
                text-align: center;
            }
        .EVENT5 .ttl_cast {
            width:900px;
            background-color:#333;
            font-size:21px;
            font-weight:bold;
            padding:3px;
            color:#fff;
            text-align:center;
            margin:0 auto 20px auto ; }
        .EVENT5 .cast {
            width:710px;
            display:flex;
            flex-wrap: wrap;
            justify-content: space-between;
            margin:auto;
            text-align: center; }
        .EVENT5 .s-cast {
            width:620px;
            display:flex;
            flex-wrap: wrap;
            justify-content: space-between;
            margin:auto;
            text-align: center; }
        .EVENT5 .sectionInner .castbox,
        .EVENT5 .sectionInner .s-castbox {
          box-sizing: border-box;
          text-align: center;
          font-size:18px; }
        .EVENT5 .sectionInner .castbox {
            width: 30%; }
        .EVENT5 .sectionInner .s-castbox {
            width: 295px;
            text-align: center; }
    .EVENT5 .bg_songs {
        width:900px;
        background-color:#333;
        font-size:16px;
        padding:15px;
        color:#fff;
        text-align:center;
        margin:30px auto 30px auto ; }
    .EVENT5 .bg_songs li {
        margin-bottom:15px; }
    .t-center {
        text-align:center; }
    /* 見出し文字*/
    .EVENT5 .midashi {
        font-size:21px;
        font-weight:bold;
        color:#ffe431;
        margin-top:15px; }
    .EVENT5 .hr {
        width:100%;
        height:1px;
        border-bottom:solid 1px #555 ;
        margin:30px auto; }
    .EVENT5 .twitter_icon {
        width:810px;
        display:flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin:30px auto 0 auto;
        text-align:center; }
    .EVENT5 .twitter_icon02 {
        width:810px;
        text-align:center;
        margin:10px auto 0 auto; }
    .EVENT5 .twitter_icon02 .tw_block {
        margin:auto; }
    .EVENT5 .tw_block {
        width:145px;
        font-size:12px;
        line-height:1.4; }

    .EVENT5 .tw_block img{
        width:145px;
        margin-bottom:10px; }
    .EVENT5 .wallpaper01 {
        width:445px;
        float:left;
        margin-right:5px; }
    .EVENT5 .wallpaper02 {
        width:445px;
        float:right;
        margin-left:5px; }

    .EVENT5 .wallpaper01 img,
    .EVENT5 .wallpaper02 img{
        width:210px;
        margin-right:10px;
        border:solid 1px #555;
        float:left; }

    .EVENT5 .wallpaper03 img {
        width:525px;
        margin-right:10px;
        border:solid 1px #555; }

    /* アイコンつき見出し*/
    .EVENT5 ul.event-info {
        list-style:none;
        text-align:left;
        margin-top:40px; }
    .EVENT5 ul.event-info li {
        list-style:none; }
        .EVENT5 .event-info li {
            padding-left:0px;
            margin-bottom:20px;
            text-indent:-35px;
            padding-left:35px; }
    .EVENT5 ul.event-info li:before {
        content:"";
        width:30px;
        height:21px;
        display: inline-block;
        background:url(../images/event/event5/ico_midashi.png) no-repeat;
        vertical-align: middle;
        background-size:contain;
        margin: 0 0 3px 0; }
    .EVENT5 .txt_caution {
        font-size:14px;
        color:#c49bdd; }
    .EVENT5 .txt_caution li {
        text-indent:-14px;
        padding-left:14px; }
    .EVENT5 .btn_event5 {
        width:497px;
        position: relative;
        text-align:center;
        margin:40px auto; }
        .EVENT5 .btn_event5 img {
            width:497px; }
        .EVENT5 .btn_event5.end img {
        opacity: 0.7; }
    .EVENT5 .img-songs {
        text-align: center; }
    .EVENT5 .img-songs img {
        width:600px;
        margin:0 auto; }
.icon_bgm_ico {
    display: flex;
    justify-content: center;

}
    .EVENT5 .icon_bgm_ico ul {
        text-align:center;
        margin:0 auto;

    }
    .EVENT5 .icon_bgm_ico li {
        float:left;
        list-style: none;
        margin:10px; }

    .EVENT5 a.icon_bgm_on {
        width:48px;
        height:48px;
        display: block;
        margin-right:10px;
        background-image:url(../images/event/event5/ico_bgm_start.png);
        background-size:contain;
        background-repeat:no-repeat;
        float:left;
    transition-property: opacity;
    transition-duration: 0.2s; }
        .EVENT5 a.icon_bgm_on:hover {
            opacity: 0.7; }
  .EVENT5 a.icon_bgm_on.playing,
  .EVENT5 a.icon_bgm_on.playing:hover {
    opacity: 1.0;
    background-image:url(../images/event/event5/ico_bgm_stop.png); }
        .EVENT5 .icon_bgm li {
        margin-bottom:30px; }
        .EVENT5 .icon_bgm p {
            padding-top:8px; }

    .EVENT5 .btn-songs {
        float:right;
        text-align: right;
        margin-top:-160px; }
        .EVENT5 .btn-songs img {
            width:75%;
            margin:0 auto; }

    /*　------- 3周年記念イベント　-------- */
    .EVENT6 img {
        vertical-align: top;
        display: inline-block; }
    .EVENT6 a {
        text-decoration: underline; }
    .EVENT6 a:hover {
        text-decoration: none; }
    .EVENT6 .titleWrap{
        position:relative;
        background: url(../images/event/event6/bg_mainvisual.png) center top no-repeat #000;
        height: 788px; }
    .EVENT6 .titleWrap .sectionTitle {
        padding-top: 33px; }
    .EVENT6 .logo {
        width: 472px;
        margin: -30px auto 0; }
    .EVENT6 .menu {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        width: 1240px;
        padding-top: 30px;
        position: absolute;
        top: 557px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 10; }
        .EVENT6 .menu li {
            margin: 0 10px 34px; }
        .EVENT6 .menu li:nth-child(7n+5) {
            margin-left: 100px; }
        .EVENT6 .menu li:nth-child(7n+7) {
            margin-right: 100px; }
    .EVENT6 .contentWrap {
        position: relative;
        padding-top: 157px;
        font-size: 16px;
        line-height: 1;
        color: #fff;
        text-align: center;
        background: url(../images/event/event6/bg_cont.jpg) center top repeat-y; }
    .EVENT6 .goMenu {/* メインメニューに戻る */
      position: fixed;
      bottom: 50px;
      right: 50px;
      z-index: 999; }

    /* 1ページ*/
    .EVENT6 #message h4 {
        margin: 39px 0 -32px; }
    .EVENT6 #message p {
        width: 784px;
        margin: 0 auto 36px;
        padding: 0 52px 50px;
        line-height: 1.5;
        text-align: left;
        background: url(../images/event/event6/message_line.png) center bottom no-repeat;
        box-sizing: border-box; }
    .EVENT6 #message p span {
        display: block;
        text-align: right; }
    .EVENT6 #message p:last-of-type {
        margin-bottom: 0;
        padding-bottom: 0;
        background: none; }
    .EVENT6 #third h4 {
        width: 100%;
        margin-top: 80px;
        padding-top: 30px;
        background: url(../images/event/event6/bg_anniv_title.png) center 30px no-repeat; }
    .EVENT6 #third > p:first-of-type {
        padding: 105px 0 58px; }
    .EVENT6 #third h5 {
        margin-top: 70px; }
    .EVENT6 #third .end {
        width: 430px;
        margin: 40px auto 53px;
        padding: 24px 0;
        font-size: 30px;
        line-height: 1;
        background: url(../images/event/event6/bg_live_staff.png) repeat;
        border: 2px solid #686869;
        box-sizing: border-box; }
    .EVENT6 #third .date {
        margin: 29px 0 19px;
        font-size: 26px; }
    .EVENT6 #third .notes {
        margin-top: 18px;
        font-size: 12px; }
    .EVENT6 #third p.pcContent {
        margin: 33px 0; }
    .EVENT6 #third p.official a {
        font-weight: bold; }
    .EVENT6 #third .souvenir dl {
        width: 850px;
        margin: 35px auto 0;
        padding: 45px 0 20px;
        background: rgba(28,31,38,0.7);
        border: 2px solid #d0cad3; }
    .EVENT6 #third .souvenir dd {
        font-size: 22px;
        line-height: 1.64; }
    .EVENT6 #third .souvenir dd span {
        font-size: 14px; }
    .EVENT6 #third .souvenir dd img {
        margin: 45px 0 35px; }
    .EVENT6 #third .live ul {
        display: flex;
        justify-content: center; }
    .EVENT6 #third .live h5 + p, .EVENT6 #third .live li {
        width: 202px;
        margin: 0 22px; }
    .EVENT6 #third .live h5 + p {
        margin: 47px auto 60px; }
    .EVENT6 #third .live h5 + p img, .EVENT6 #third .live li img {
        width: 100%;
        margin-bottom: 27px; }
    .EVENT6 #third .live ul + p {
        width: 980px;
        margin: 28px auto 66px;
        padding: 24px 0;
        font-size: 20px;
        line-height: 2;
        background: url(../images/event/event6/bg_live_staff.png) repeat; }
    .EVENT6 #tournament {
        margin: 110px 0;
        background: url(../images/event/event6/tournament_visual.png) center 147px no-repeat; }
    .EVENT6 #tournament h4 {
        padding-top: 30px;
        background: url(../images/event/event6/bg_tournament_title.png) center 30px no-repeat; }
    .EVENT6 #tournament figure {
        width: 444px;
        margin: 300px auto 32px; }
        .EVENT6 #tournament figure img {
            width: 100%; }
    .EVENT6 #funkit {
        font-size: 14px;
        padding-bottom: 130px; }
    .EVENT6 #funkit h4 {
        margin-bottom: 55px;
        padding-top: 30px;
        background: url(../images/event/event6/fun_title_bg.png) center 30px no-repeat; }
    .EVENT6 #funkit .lead {
        line-height: 2.14; }
    .EVENT6 #funkit dl {
        width: 850px;
        margin: 40px auto;
        padding: 47px 0 22px;
        background: rgba(28,31,38,0.7);
        border: 2px solid #d0cad3;
        box-sizing: border-box; }
    .EVENT6 #funkit dl ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 730px;
        margin: 40px auto 0; }
    .EVENT6 #funkit dl li {
        width: 128px;
        margin-bottom: 18px; }
    .EVENT6 #funkit dl li img {
        width: 100%; }
    .EVENT6 #funkit dl:not(.wallpaper) li:last-of-type {
        margin: 45px 450px 0 0;
        line-height: 1.43;
        letter-spacing: -0.05em;
        text-align: left; }
    .EVENT6 #funkit dl.rival li:last-of-type {
        margin-right: 0; }
    .EVENT6 #funkit dl.wallpaper ul {
        width: 668px; }
    .EVENT6 #funkit dl.wallpaper li {
        width: 300px;
        margin-bottom: 40px;
        font-size: 18px; }
    .EVENT6 #funkit dl.wallpaper li a {
        color: #8aff00; }
    .EVENT6 #funkit dl.wallpaper li img {
        margin-bottom: 20px;
        border: 1px solid #afafaf; }
    .EVENT6 #funkit dl.wallpaper li:nth-child(-n+2) img {
        width: 148px;
        margin: 0 auto 20px; }

    /* 2ページ*/
    .EVENT6 #ffrk {
        padding-bottom: 160px;
        font-size: 18px;
        line-height: 1.67; }
    .EVENT6 #ffrk h4 {
        margin: 135px 0 30px;
        background: url(../images/event/event6/ffrk_title_bg.png) center 17px no-repeat; }
    .EVENT6 #ffrk h5 {
        margin: 70px 0 40px; }
    .EVENT6 #ffrk .notes {
        font-size: 14px; }
    .EVENT6 #ffrk .maincont dd {
        margin: 34px 0 32px; }
    .EVENT6 #ffrk .maincont figure {
        margin: 32px 0 20px; }
    .EVENT6 #ffrk .music li {
        margin-bottom: 35px;
        line-height: 1; }
    .EVENT6 #ffrk .event h5 + p.notes {
        width: 672px;
        margin: -30px auto 32px;
        text-align: right; }
    .EVENT6 #ffrk .event > dl dt {
        margin: 25px auto 20px; }
    .EVENT6 #ffrk .event h6 {
        margin: 60px auto 40px; }
    .EVENT6 #ffrk .event .about {
        display: flex;
        justify-content: space-between;
        width: 658px;
        margin: 0 auto 40px; }
    .EVENT6 #ffrk .event .about dl {
        width: 414px; }
    .EVENT6 #ffrk .event .about dd {
        margin-top: 18px;
        text-align: left; }
    .EVENT6 #ffrk .event .mv {
        margin-bottom: 35px; }
    .EVENT6 #ffrk .event .dlbtn {
        display: flex;
        justify-content: space-between;
        width: 460px;
        margin: 35px auto 0; }
    #event6mv {
        margin:0;
        padding:0;
        background:#000;
        overflow: hidden; }
    #event6mv .wrap {
        width: 980px;
        height: 550px; }
    #event6mv video {
        width: 100%;
        height: 100%; }

    /* 3ページ*/
    .EVENT6 #yuna {
        margin-top: 97px; }
    .EVENT6 #stage h4 {
        background: url(../images/event/event6/stage_title_bg.png) center top no-repeat; }
    .EVENT6 #stage p {
        margin: 50px 0 30px; }
    .EVENT6 #bgm {
        padding-bottom: 170px; }
    .EVENT6 #bgm h4 {
        margin: 120px 0 55px;
        padding-top: 30px;
        background: url(../images/event/event6/bgm_title_bg.png) center 30px no-repeat; }
    .EVENT6 #bgm figure {
        margin: 40px 0 45px; }

    /* 4ページ*/
    .EVENT6 #osaka h4 {
        margin-top: 122px;
        padding-top: 30px;
        background: url(../images/event/event6/osaka_title_bg.png) center 48px no-repeat; }
    .EVENT6 #osaka h4 + p {
        margin: 34px 0 40px; }
    .EVENT6 #osaka dt {
        margin: 40px 0 34px; }
    .EVENT6 #osaka dd {
        font-size: 20px;
        line-height: 2; }
    .EVENT6 #player h4 {
        margin: 70px 0 60px;
        padding-top: 30px;
        background: url(../images/event/event6/player_title_bg.png) center 40px no-repeat; }
    .EVENT6 #player dd {
        margin: 40px 0;
        font-size: 20px; }
    .EVENT6 #player .notes {
        margin: 25px 0;
        font-size: 18px; }
    .EVENT6 #illust h4 {
        margin: 80px 0 35px;
        padding-top: 20px;
        background: url(../images/event/event6/illust_title_bg.png) center 38px no-repeat; }
    .EVENT6 #illust li + li {
        margin-top: 20px; }
    .EVENT6 #illust p {
        margin-bottom: 50px;
        font-size: 20px; }
    .EVENT6 #illust p.notes {
        width: 680px;
        margin: 10px auto 0;
        font-size: 14px;
        text-align: right; }
    .EVENT6 #nesica h4 {
        margin: 90px 0 35px;
        padding-top: 10px;
        background: url(../images/event/event6/illust_title_bg.png) center 30px no-repeat; }
    .EVENT6 #nesica dt {
        margin: 30px 0 10px;
        font-size: 22px;
        line-height: 1.82; }
    .EVENT6 #nesica dd {
        font-size: 14px;
        line-height: 2.43; }
    .EVENT6 #nesica dd span {
        color: #ff0000; }
    .EVENT6 #keyholder {
        padding-bottom: 170px; }
    .EVENT6 #limited h4 {
        margin: 70px 0 55px;
        padding-top: 30px;
        background: url(../images/event/event6/limited_title_bg.png) center 30px no-repeat; }
    .EVENT6 #limited figure {
        margin: 25px 0; }
    .EVENT6 #keyholder h4 {
        margin: 80px 0 35px;
        padding-top: 10px;
        background: url(../images/event/event6/keyholder_title_bg.png) center 30px no-repeat; }
    .EVENT6 #keyholder figure {
        margin: 40px 0 50px; }
    .EVENT6 #keyholder .date {
        margin-bottom: 40px;
        font-size: 20px;
        line-height: 2; }
    .EVENT6 #keyholder dd {
        font-size: 14px;
        line-height: 2; }
    .EVENT6 #keyholder dd img {
        margin: 30px 0 15px; }


    /*　------- 公式1DAYトーナメント2018　-------- */
    .EVENT7 {
        text-align: center;
        background: #000; }
    .EVENT7 img {
        vertical-align: top;
        display: inline-block; }
    .EVENT7 .titleWrap{
        position: relative;
        background: url(../images/event/event7/bg_mainvisual.jpg) center top no-repeat #000;
        height: 847px;
        z-index: 2; }
    .EVENT7 .titleWrap .sectionTitle {
        padding-top: 40px; }
    .EVENT7 .logo {
        margin: 218px 0 24px; }
    .EVENT7 .menu {
        display: flex;
        justify-content: center; }
        .EVENT7 .menu li {
            margin: 35px 12px 0;
            cursor: pointer; }
        .EVENT7 .menu li.select img,
        .EVENT7 .menu li img:hover {
            opacity: 0; }
        .EVENT7 .menu li:first-child{
            background: url(../images/event/event7/btn_menu01_on.png) center top no-repeat; }
        .EVENT7 .menu li:nth-child(2){
            background: url(../images/event/event7/btn_menu02_on.png) center top no-repeat; }
    .EVENT7 .content {
        position: relative;
        margin-top: -91px;
        padding: 59px 0 90px;
        color: #fff;
        text-align: center;
        background: url(../images/event/event7/bg_about.jpg) center top repeat-y; }
    .EVENT7 .content .hide {
        display: none; }

    /* トーナメントについて */
    .EVENT7 .about {
        font-size: 18px;
        line-height: 1; }
    .EVENT7 .about h4 {
        position: relative;
        z-index: 3; }
    .EVENT7 .about h4 + p {
        margin-top: 59px; }
    .EVENT7 .about h5:first-of-type {
        margin: 81px 0 47px; }
    .EVENT7 .about > figure {
        width: 732px;
        margin: 0 auto; }
    .EVENT7 .about > dl dt {
        margin: 28px 0 16px;
        font-size: 40px; }
    .EVENT7 .about > dl dd:nth-of-type(2) {
        margin: 30px 0 34px; }
    .EVENT7 .about > dl dd:nth-of-type(3) a {
        font-size: 16px;
        font-weight: bold;
        text-decoration: underline; }
    .EVENT7 .about > dl dd:nth-of-type(3) a:hover {
        text-decoration: none; }
    .EVENT7 .about .live h5 {
        margin: 82px 0 67px; }
    .EVENT7 .about .live .notes {
        margin: 35px 0 65px;
        font-size: 14px; }
    .EVENT7 .about .live ul {
        display: flex;
        justify-content: center;
        margin-top: 28px; }
        .EVENT7 .about .live li {
            width: 202px;
            margin: 0 47px;
            line-height: 1.5; }
        .EVENT7 .about .live li img {
            width: 100%;
            margin-bottom: 15px; }
        .EVENT7 .about .live li a {
            font-size: 14px;
            text-decoration: underline; }
        .EVENT7 .about .live li a:hover {
            text-decoration: none; }
    .EVENT7 .about > h5:last-of-type {
        margin: 64px 0 53px; }
    .EVENT7 .about > ul li {
        margin-bottom: 36px; }
    .EVENT7 .about > ul li.icon {
        width: 844px;
        margin: 36px auto 0;
        padding: 59px 0 30px;
        background: url(../images/event/event7/about_icon_bg.png) repeat;
        border: 2px solid #8f8f8f;
        box-sizing: border-box; }
    .EVENT7 .about > ul li.icon p:first-of-type {
        margin: 40px 0 32px;
        font-size: 16px;
        line-height: 1.875; }
    .EVENT7 .about > ul li.icon figure {
        margin-bottom: 44px; }
    .EVENT7 .about > ul li.icon dt {
        width: 791px;
        margin: 22px auto 26px;
        font-size: 20px;
        line-height: 49px;
        background: #36383d; }
    .EVENT7 .about > ul li.icon dt:last-of-type {
        margin-top: 51px; }

    /* 大会ルール */
    .EVENT7 .rule h4 {
        margin-bottom: 55px;
        position: relative;
        z-index: 3; }
    .EVENT7 .rule dl {
        width: 942px;
        margin: 0 auto; }
    .EVENT7 .rule dt {
        position: relative;
        margin-top: 4px;
        cursor: pointer; }
    .EVENT7 .rule dt::after {
        display: block;
        content:"";
        width: 79px;
        height: 35px;
        background: url(../images/event/event7/rule_down.png) center bottom no-repeat;
        position: absolute;
        bottom:16px; left:50%; transform:translateX(-50%); }
    .EVENT7 .rule dt.act::after {
        background-image: url(../images/event/event7/rule_up.png); }
    .EVENT7 .rule dd {
        display: none;
        margin: 58px 40px 64px 45px;
        font-size: 18px;
        line-height: 2;
        text-align: left; }
        .EVENT7 .rule dd ul {
            margin-left: 1.3em;
            list-style: disc; }
        .EVENT7 .rule dd ol {
            margin-left: 2.5em;
            list-style: decimal; }
        .EVENT7 .rule dd li.important {
            color: #f00; }
        .EVENT7 .rule dd a {
            color: #f00 !important;
            text-decoration: underline; }
        .EVENT7 .rule dd a:hover {
            text-decoration: none; }


    /*　------- 公式全国大会2019　-------- */
    .EVENT8 {
        font-size: 18px;
        line-height: 1;
        text-align: center;
        background: #000; }
    .EVENT8 img {
        vertical-align: top;
        display: inline-block; }
    .EVENT8 a {
        text-decoration: underline; }
    .EVENT8 a:hover {
        text-decoration: none; }
    .EVENT8 .titleWrap{
        position: relative;
        height: 840px;
        background: url(../images/event/event8/bg_mainvisual.jpg) center top no-repeat #000;
        z-index: 2; }
    .EVENT8 .titleWrap .sectionTitle {
        margin-bottom: 30px;
        padding-top: 42px; }
    .EVENT8 .menu {
        display: flex;
        justify-content: center; }
        .EVENT8 .menu li {
            width: 196px;
            margin: 35px 9px 0;
            cursor: pointer; }
        .EVENT8 .menu li img{
            transition: opacity 0.2s ease-out;
            opacity: 1; }
        .EVENT8 .menu li.select img {
            opacity: 0; }
        .EVENT8 .menu li:nth-child(1){
            background: url(../images/event/event8/btn_menu01_on.png) no-repeat center top / 100%; }
        .EVENT8 .menu li:nth-child(2){
            background: url(../images/event/event8/btn_menu02_on.png) no-repeat center top / 100%; }
        .EVENT8 .menu li:nth-child(3){
            background: url(../images/event/event8/btn_menu03_on.png) no-repeat center top / 100%; }
        .EVENT8 .menu li:nth-child(4){
            background: url(../images/event/event8/btn_menu04_on.png) no-repeat center top / 100%; }
    .EVENT8 .content {
        position: relative;
        margin-top: -234px;
        padding: 234px 0 90px;
        color: #fff;
        text-align: center;
        background: url(../images/event/event7/bg_about.jpg) center top repeat-y; }
    .EVENT8 .content h5 {
        margin: 70px 0 30px; }
    .EVENT8 .content .hide {
        display: none; }

    /* トーナメントについて */
    .EVENT8 .about > h5 {
        margin: 46px 0 45px; }
    .EVENT8 .about .place {
        width: 750px;
        margin: 0 auto; }
        .EVENT8 .about .place figure {
            float: right;
            margin-top: 8px; }
    .EVENT8 .about .place dl {
        text-align: left;
        line-height: 1.3; }
        .EVENT8 .about .place dl dd:not(:last-child) {
            margin: 13px 0; }
        .EVENT8 .about .place dl dd:last-child {
            width: 355px; }
    .EVENT8 .about .movie {
        width: 560px;
        margin: 80px auto 0;
        border: 1px solid #aca7af; }
    .EVENT8 .about .flow figure {
        margin: 60px 0 50px; }
    .EVENT8 .about .theday .date {
        margin: 54px 0 14px;
        font-size: 24px;
        line-height: 1.75; }
        .EVENT8 .about .theday .date span {
            font-size: 20px; }
        .EVENT8 .about .theday .notes {
            margin-top: 16px;
            font-size: 14px; }
    .EVENT8 .about .live ul {
        display: flex;
        justify-content: center;
        margin-top: 28px; }
        .EVENT8 .about .live li {
            width: 202px;
            margin: 0 47px;
            line-height: 1.5; }
        .EVENT8 .about .live li img {
            width: 100%;
            margin-bottom: 15px; }
        .EVENT8 .about .live li a {
            font-size: 14px; }
    .EVENT8 .about .prize ul li {
        margin-bottom: 24px; }
        .EVENT8 .about .prize li.icon {
            width: 844px;
            margin: 54px auto 0;
            padding: 60px 0 10px;
            font-size: 16px;
            line-height: 1.875;
            background: url(../images/event/event8/dotbg.png) repeat;
            border: 2px solid #fff;
            box-sizing: border-box; }
        .EVENT8 .about .prize li.icon p {
            margin: 30px 0 40px; }
        .EVENT8 .about .prize li.icon p:last-child {
            margin-top: 70px; }
        .EVENT8 .about .prize li.icon p span {
            font-size: 20px;
            font-weight: bold;
            color: #fff600; }
        .EVENT8 .about .prize li.icon dt {
            width: 791px;
            margin: 80px auto 50px;
            font-size: 20px;
            line-height: 49px;
            background: #36383d; }

    /* 地方選抜予選スケジュール */
    .EVENT8 .schedule h4 {
        margin-bottom: -24px; }
    .EVENT8 .schedule .details {
        width: 720px;
        margin: 0 auto;
        padding: 2px;
        background: #c94548;
        background: linear-gradient(to right, #c94548 0%, #7f3099 100%); }
    .EVENT8 .schedule table {
        width: 100%;
        background: url(../images/event/event8/dotbg.png) repeat; }
        .EVENT8 .schedule th, .EVENT8 .schedule td {
            font-size: 16px;
            line-height: 1.625;
            vertical-align: middle;
            border-style: solid;
            border-width: 1px 1px 0 1px;
            border-color: #d0d0d0 #eaeaea; }
        .EVENT8 .schedule th:first-of-type, .EVENT8 .schedule td:first-of-type {
            border-left: none; }
        .EVENT8 .schedule th:last-of-type, .EVENT8 .schedule td:last-of-type {
            border-right: none; }
        .EVENT8 .schedule th {
            padding: 15px 0;
            font-weight: normal;
            text-align: center;
            background: #000;
            border-top: none; }
        .EVENT8 .schedule td {
            padding: 25px 0 22px; }
        .EVENT8 .schedule td span {
            color: #ffba00;}
        .EVENT8 .schedule .part td:nth-last-child(-n+2) {
            padding: 6px 0 4px;
            line-height: 1.375; }
    .EVENT8 .schedule dt {
        margin: 45px 0; }
    .EVENT8 .schedule dd {
        margin-bottom: 50px;
        line-height: 1.75; }
        .EVENT8 .schedule dd.closing {
            margin: 60px 0 100px;
            font-size: 24px;
            line-height: 1.5;
            color: #ffff00; }
        .EVENT8 .schedule dd p.notes{
            margin-top: 15px;
            font-size: 12px;
            color: #fff; }
        .EVENT8 .schedule dd p.notes2{
            margin-top: 15px;
            font-size: 20px;
            color: #fff; }
        .EVENT8 .schedule dd > ul {
            margin-bottom: 60px; }
            .EVENT8 .schedule dd > ul > li {
                margin-top: 65px; }
            .EVENT8 .schedule dd > ul > li span {
                display: block;
                margin-top: 40px;
                font-size: 24px;
                line-height: 1; }
            .EVENT8 .schedule dd > ul > li ul {
                margin-top: 25px; }
            .EVENT8 .schedule dd > ul > li li {
                margin-top: 14px;
                line-height: 1.44;
                color: #ffff00; }
            .EVENT8 .schedule dd > ul > li ul.white li {
                color: #fff; }
            .EVENT8 .schedule dd > ul > li li.imp {
                color: #ff0 !important; }
    .EVENT8 .schedule .theday .date {
        margin: 30px 0 10px;
        font-size: 24px; }
        .EVENT8 .schedule .theday .date span {
            font-size: 20px; }
        .EVENT8 .schedule .theday .notes {
            margin-top: 16px;
            font-size: 14px; }
    .EVENT8 .local .lead {
        margin: 40px 0 80px;
        line-height: 1.78;
        color: #ffff00; }
        .EVENT8 .local .lead li {
            margin-bottom: .5em; }
    .EVENT8 .local dl {
        width: 780px;
        margin: 25px auto 0;
        padding: 30px 0 10px;
        background: url(../images/event/event8/dotbg.png) repeat; }
        .EVENT8 .local dt:not(:first-child) {
            width: 720px;
            margin: 40px auto 0;
            padding-top: 45px;
            border-top: 1px solid #fff; }
        .EVENT8 .local dd {
            line-height: 1.78; }
        .EVENT8 .local dd figure {
            margin: 30px 0 45px; }
        .EVENT8 .local dd .caution {
            margin-top: 45px;
            font-size: 20px;
            font-weight: bold;
            color: #ffff00; }
        .EVENT8 .local dd:last-child {
            margin-top: 40px; }
        .EVENT8 .local dd ul {
            width: 720px;
            margin: 35px auto 0; }
        .EVENT8 .local dd ul li {
            margin-bottom: 1em;
            line-height: 1.44; }

    /* 大会ルール */
    .EVENT8 .rule h4 {
        margin-bottom: 55px; }
    .EVENT8 .rule dl {
        width: 844px;
        margin: 0 auto; }
    .EVENT8 .rule dt {
        position: relative;
        margin-top: 4px;
        cursor: pointer; }
    .EVENT8 .rule dt::after {
        display: block;
        content:"";
        width: 69px;
        height: 26px;
        background: url(../images/event/event7/rule_down.png) no-repeat center bottom / 100%;
        position: absolute;
        bottom:21px; left:50%; transform:translateX(-50%); }
    .EVENT8 .rule dt.act::after {
        background-image: url(../images/event/event7/rule_up.png); }
    .EVENT8 .rule dd {
        display: none;
        margin: 50px 0 64px 5px;
        line-height: 2;
        text-align: left; }
        .EVENT8 .rule dd > p {
            font-size: 20px;
            line-height: 1.8;
            font-weight: bold; }
        .EVENT8 .rule dd ul {
            margin-left: 1.3em;
            list-style: disc; }
        .EVENT8 .rule dd ol {
            margin-left: 2.5em;
            list-style: decimal; }
        .EVENT8 .rule dd a {
            color: #f00 !important; }
        .EVENT8 .rule dd li.point {
            color: #ffff00; }
    .EVENT8 .rule .details {
        width: 100%;
        margin: 15px auto;
        padding: 2px;
        box-sizing: border-box;
        background: #c94548;
        background: linear-gradient(to right, #c94548 0%, #7f3099 100%); }
    .EVENT8 .rule table {
        width: 100%;
        background: url(../images/event/event8/dotbg.png) repeat; }
        .EVENT8 .rule th, .EVENT8 .rule td {
            padding: 15px 0;
            font-size: 16px;
            line-height: 1.5;
            text-align: center;
            vertical-align: middle;
            border-right: 1px solid #eaeaea;
            border-top: 1px solid #d0d0d0; }
        .EVENT8 .rule th:last-of-type, .EVENT8 .rule td:last-of-type {
            border-right: none; }
        .EVENT8 .rule th {
            font-weight: normal;
            text-align: center;
            background: #000;
            border-top: none; }

    /* 大会結果 */
    .EVENT8 .result dt {
      margin: 70px 0 0; }
    .EVENT8 .result ul {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      width: 790px;
      margin: 0 auto; }
    .EVENT8 .result li {
      margin-bottom: 18px; }
    .EVENT8 .result li:nth-last-child(-n+2) {
      margin-bottom: 0; }


    /*　------- 4周年記念イベント　-------- */
    .EVENT9 img, .EVENT9 iframe {
        vertical-align: top;
        display: inline-block; }
    .EVENT9 a {
        text-decoration: underline; }
    .EVENT9 a:hover {
        text-decoration: none; }
    .EVENT9 .titleWrap{
        position:relative;
        background: url(../images/event/event9/bg_mainvisual.png) center top no-repeat;
        height: 1002px;
        z-index: 10; }
    .EVENT9 .titleWrap .sectionTitle {
        padding-top: 33px; }
    .EVENT9 .logo {
        width: 381px;
        margin: -30px auto 0; }
    .EVENT9 .menu {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        width: 1240px;
        position: absolute;
        top: 535px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 10; }
        .EVENT9 .menu li {
            margin: 0 10px 29px; }
        .EVENT9 .menu li:nth-child(1) {
            margin-left: 300px; }
        .EVENT9 .menu li:nth-child(2) {
            margin-right: 300px; }
        .EVENT9 .menu li:nth-child(3) {
            margin-left: 50px; }
        .EVENT9 .menu li:nth-child(5) {
            margin-right: 50px; }
    .EVENT9 .contentWrap {
        position: relative;
        margin-top: -222px;
        padding-top: 217px;
        font-size: 16px;
        line-height: 1;
        color: #fff;
        text-align: center;
        background: url(../images/event/event9/bg_cont.jpg) repeat-y center top; }
    .EVENT9 .goMenu {/* メインメニューに戻る */
      position: fixed;
      bottom: 50px;
      right: 50px;
      z-index: 999; }
    .EVENT9 h4 {
        position: relative;
        z-index: 20; }

    /* 1ページ*/
    .EVENT9 #event h4 {
        width: 100%;
        margin-bottom: 93px;
        background: url(../images/event/event9/anniv_title_bg.png) no-repeat center top; }
    .EVENT9 #event h5 {
        margin: 130px 0 40px; }
    .EVENT9 #event > h5:first-of-type {
        margin-top: 114px; }
    .EVENT9 #event .movie {
        width: 560px;
        margin: 75px auto 0;
        border: 1px solid #aca7af; }
    .EVENT9 #event .place {
        width: 750px;
        margin: 0 auto 79px; }
        .EVENT9 #event .place figure {
            float: right;
            margin-top: 2px; }
    .EVENT9 #event .place dl {
        text-align: left;
        line-height: 1.4; }
        .EVENT9 #event .place dl dd:not(:last-child) {
            margin: 13px 0; }
        .EVENT9 #event .place dl dd:last-child {
            width: 355px; }
    .EVENT9 #event .live ul {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        width: 940px;
        margin: 0 auto; }
    .EVENT9 #event .live h5 + p, .EVENT9 #event .live li {
        width: 178px;
        margin: 0 23px 45px;
        line-height: 1.5; }
        .EVENT9 #event .live li a {
            font-size: 14px; }
    .EVENT9 #event .live h5 + p {
        margin: 0 auto 46px; }
    .EVENT9 #event .live h5 + p img, .EVENT9 #event .live li img {
        margin-bottom: 7px; }
    .EVENT9 #event .live ul + p {
        width: 940px;
        margin: 18px auto 0;
        padding: 24px 0;
        font-size: 20px;
        line-height: 2;
        background: #434343; }
    .EVENT9 #event .souvenir h5 + p {
        font-size: 23px; }
    .EVENT9 #event .souvenir dl {
        width: 850px;
        margin: 40px auto 0;
        padding: 45px 0;
        background: rgba(61,62,66,0.8);
        border: 2px solid #fff;
        box-sizing: border-box; }
    .EVENT9 #event .souvenir dd {
        margin-top: 40px;
        font-size: 22px; }
        .EVENT9 #event .souvenir dd span {
            font-size: 14px; }
    .EVENT9 #event .souvenir dl + p {
        width: 780px;
        margin: 20px auto 0;
        line-height: 2; }
        .EVENT9 #event .souvenir dl + p span {
            display: block;
            margin-top: 100px;
            text-align: right; }
    .EVENT9 #tournament {
        margin-top: 100px;
        padding-bottom: 210px;
        background: url(../images/event/event9/tournament_kv.png) center 105px no-repeat; }
    .EVENT9 #tournament h4 {
        background: url(../images/event/event9/tournament_title_bg.png) center top no-repeat; }
    .EVENT9 #tournament dl {
        margin: 140px auto 40px; }

    /* 2ページ*/
    .EVENT9 #ardyn {
        margin-top:-50px;
        padding-top:50px;}
        .EVENT9 #ardyn h4 {
            width: 1180px;
            height: 903px;
            margin: 0 auto;
            text-indent:-9999px;
            background: url(../images/event/event9/ardyn.png) center top no-repeat; }
    .EVENT9 #third h4 {
        background: url(../images/event/event9/third_title_bg.png) center top no-repeat; }
    .EVENT9 #third ul {
        margin-top: -94px; }
        .EVENT9 #third li {
            position: relative;
            text-indent:-9999px; }
        .EVENT9 #third li:nth-child(1) {
            height: 1186px;
            background: url(../images/event/event9/third_img1.png) center top no-repeat; }
        .EVENT9 #third li:nth-child(2) {
            height: 833px;
            background: url(../images/event/event9/third_img2.png) center top no-repeat; }
        .EVENT9 #third li:nth-child(3) {
            height: 784px;
            background: url(../images/event/event9/third_img3.png) center top no-repeat; }
        .EVENT9 #third li:nth-child(4) {
            height: 914px;
            background: url(../images/event/event9/third_img4.png) center top no-repeat; }

    /* 3ページ*/
    .EVENT9 #ffrk {
        padding-bottom: 120px; }
    .EVENT9 #ffrk h4 {
        margin-bottom: 95px;
        background: url(../images/event/event9/ffrk/ffrk_title_bg.png) center 42px no-repeat; }
    .EVENT9 #ffrk h5 {
        margin: 90px 0 40px; }
    .EVENT9 #ffrk .notes {
        font-size: 14px; }
    .EVENT9 #ffrk .maincont dd {
        margin: 35px 0 30px; }
    .EVENT9 #ffrk .music ul {
        width: 940px;
        margin: 0 auto;
        padding-left: 144px;
        text-align: left;
        box-sizing: border-box; }
        .EVENT9 #ffrk .music li {
            margin-bottom: 35px;
            line-height: 1; }
        .EVENT9 #ffrk .music li > img {
            margin-right: 12px; }
        .EVENT9 #ffrk .music li.ico {
            margin-left: -24px; }
    .EVENT9 #ffrk .event .about {
        display: flex;
        justify-content: space-between;
        width: 658px;
        margin: 0 auto 40px; }
    .EVENT9 #ffrk .event .about dl {
        width: 414px; }
        .EVENT9 #ffrk .event .about dd {
            margin-top: 18px;
            font-size: 18px;
            line-height: 1.67;
            text-align: left; }
    .EVENT9 #ffrk .event .mv {
        margin-bottom: 35px; }
    .EVENT9 #ffrk .event .dlbtn {
        display: flex;
        justify-content: space-between;
        width: 460px;
        margin: 35px auto 0; }

    /* 4ページ*/
    .EVENT9 #illicon h4 {
        margin-bottom: 52px;
        background: url(../images/event/event9/illicon_title_bg.png) center 39px no-repeat; }
    .EVENT9 #illicon figure:first-of-type {
        margin: 53px 0 46px; }
    .EVENT9 #illicon .date {
        margin: 38px 0 30px; }
    .EVENT9 #special h4 {
        margin: 70px 0 25px; }
    .EVENT9 #special p {
        font-size: 22px;
        line-height: 1.636; }
        .EVENT9 #special p.date {
            margin: 20px 0 30px; }
        .EVENT9 #special p.notes {
            margin-bottom: 20px;
            font-size: 16px; }
    .EVENT9 #collab h4 {
        margin: 95px 0 70px;
        background: url(../images/event/event9/collab_title_bg.png) center 39px no-repeat; }
    .EVENT9 #collab p {
        font-size: 22px;
        line-height: 1.636; }
    .EVENT9 #collab dl {
        width: 940px;
        margin: 40px auto 0;
        padding: 45px 0;
        background: rgba(101,101,101,0.36);
        border: 2px solid #fff;
        box-sizing: border-box; }
    .EVENT9 #collab dd {
        margin-top: 40px; }
    .EVENT9 #collab p {
        font-size: 22px;
        line-height: 1.636; }
        .EVENT9 #collab p.notes {
            margin-top: 30px;
            font-size: 16px;
            line-height: 2; }
    .EVENT9 #limited {
        padding-bottom: 150px; }
    .EVENT9 #limited h4 {
        margin: 100px 0 50px;
        background: url(../images/event/event9/limited_title_bg.png) center top no-repeat; }
    .EVENT9 #limited p:nth-of-type(2) {
        margin: 60px 0 22px;
        font-size: 22px; }
    .EVENT9 #limited p:last-child {
        margin-top: 30px; }

    /* 5ページ*/
    .EVENT9 #nesica h4 {
        margin-bottom: 60px;
        background: url(../images/event/event9/nesica_title_bg.png) center 37px no-repeat; }
    .EVENT9 #nesica h5 {
        margin-bottom: 40px; }
    .EVENT9 #nesica figure:nth-of-type(2) {
        margin-top: 90px; }
    .EVENT9 #nesica dt {
        margin-top: 50px; }
    .EVENT9 #nesica dd {
        margin-top: 30px;
        font-size: 16px;
        line-height: 2; }
        .EVENT9 #nesica dd a {
            font-size: 22px; }
        .EVENT9 #nesica dd a span {
            font-size: 18px; }
    .EVENT9 #funkit {
        font-size: 14px;
        padding-bottom: 100px; }
    .EVENT9 #funkit h4 {
        margin: 130px 0 50px;
        background: url(../images/event/event9/fun_title_bg.png) center top no-repeat; }
    .EVENT9 #funkit h5 {
        margin: 70px 0 40px; }
    .EVENT9 #funkit .lead {
        font-size: 22px;
        line-height: 1.636; }
    .EVENT9 #funkit dl {
        width: 940px;
        margin: 40px auto 0;
        padding: 40px 0;
        background: rgba(101,101,101,0.36);
        border: 2px solid #fff;
        box-sizing: border-box; }
        .EVENT9 #funkit dt:not(:first-child) {
            margin-top: 90px; }
        .EVENT9 #funkit dd ul {
            display: flex;
            flex-wrap: wrap;
            width: 854px;
            margin: 30px auto 0; }
          .EVENT9 #funkit .twitter li {
              width: 138px;
              margin: 0 2px 13px; }
          .EVENT9 #funkit .twitter li img {
              width: 100%; }
        .EVENT9 #funkit .wallpaper ul {
            justify-content: space-between;
            margin: 30px auto -30px; }
          .EVENT9 #funkit .wallpaper li {
              margin-bottom: 45px; }
          .EVENT9 #funkit .wallpaper li a {
              color: #8aff00; }
          .EVENT9 #funkit .wallpaper li:nth-child(1) {
              width: 100%; }
          .EVENT9 #funkit .wallpaper li:nth-child(2) {
              width: 459px; }
          .EVENT9 #funkit .wallpaper li:nth-child(3) {
              width: 345px; }
          .EVENT9 #funkit .wallpaper li:nth-child(1) img {
              width: 203px; }
          .EVENT9 #funkit .wallpaper li img {
              width: 100%;
              margin-bottom: 20px;
              border: 1px solid #afafaf; }

    /* 6ページ*/
    .EVENT9 #arrange h4 {
        margin-bottom: 70px;
        background: url(../images/event/event9/arrange/title_bg.png) center 30px no-repeat; }
    .EVENT9 #arrange .movie dt {
        font-size: 18px;
        text-align: center; }
    .EVENT9 #arrange .movie dd {
        width: 560px;
        margin: 15px auto 90px;
        border: 1px solid #aca7af; }
    .EVENT9 #arrange .music ul {
        width: 660px;
        margin: 0 auto;
        padding-left: 30px;
        text-align: left;
        box-sizing: border-box; }
        .EVENT9 #arrange .music li {
            margin-bottom: 32px;
            line-height: 1; }
        .EVENT9 #arrange .music li > img {
            margin-right: 12px; }
    .EVENT9 #arrange .guest {
        padding-bottom: 50px; }
    .EVENT9 #arrange .guest h5 {
        margin: 100px 0 40px; }
    .EVENT9 #arrange .guest div {
        display: flex;
        justify-content: center;
        margin-bottom: 45px;
        text-align: left; }
    .EVENT9 #arrange .guest div.support {
        margin-top: -45px;
        flex-direction: row !important;
        align-items: center; }
    .EVENT9 #arrange .guest div.support:last-of-type {
        flex-direction: row-reverse !important; }
    .EVENT9 #arrange .guest div:nth-child(2n) {
        flex-direction: row-reverse; }
        .EVENT9 #arrange .guest div figure {
            width: 400px;
            margin-top: 21px;
            text-align: center; }
        .EVENT9 #arrange .guest div dl {
            width: 456px; }
        .EVENT9 #arrange .guest div dd {
            margin: 10px 0 0 40px;
            font-size: 18px;
            line-height: 1.667; }
        .EVENT9 #arrange .guest div:nth-last-child(3) dd {
            margin-right: 30px;
            letter-spacing: -0.02em; }
        .EVENT9 #arrange .guest div:last-child dd {
            margin-right: 20px; }
        .EVENT9 #arrange .guest div dd strong {
            display: block;
            margin-bottom: 6px; }
        .EVENT9 #arrange .guest > p {
            margin-bottom: 80px;
            font-size: 18px;
            line-height: 1.667; }
        .EVENT9 #arrange .guest > figure {
            margin-bottom: 80px; }

    /* 7ページ*/
    .EVENT9 #illust h4 {
      background: url(../images/event/event9/illust/title_bg.png) center top no-repeat; }
    .EVENT9 #illust ul.btn {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      width: 980px;
      margin: 80px auto 68px; }
      .EVENT9 #illust ul.btn li {
        margin: 22px -7px 0; }
    .EVENT9 #illust .maincont {
      padding-bottom: 150px; }
    .EVENT9 #illust .maincont div {
      display: flex;
      justify-content: center;
      flex-direction: row-reverse; }
    .EVENT9 #illust .maincont div:nth-child(2n) {
      flex-direction: row; }
      .EVENT9 #illust .maincont div figure {
        width: 470px; }
      .EVENT9 #illust .maincont div figure img {
        width: 100%; }
      .EVENT9 #illust .maincont div dl {
        width: 480px;
        margin-top: 30px; }
      .EVENT9 #illust .maincont div dd {
        margin: 25px 64px 35px 0;
        font-size: 18px;
        line-height: 1.67;
        text-align: right; }
      .EVENT9 #illust .maincont div:nth-child(2n) dd {
        margin: 25px 10px 35px 64px;
        text-align: left; }


/* PLAYERS SITE
 ****************************************************************** */
.p_site, .p_siteSection {
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100); }

.p_site #pageHeader {
  background: url(../images/p_site/header_bg.png) no-repeat center top; }
  .p_site #pageHeader .pageTitle {
    position: absolute;
    top: 61px;
    left: 550px;
    width: 320px; }
    .p_site #pageHeader .pageTitle img {
      width: 100%; }

.p_siteSection {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 10px; }
  .p_siteSection .head {
    padding-top: 30px;
    margin-bottom: 0 !important; }
  .p_siteSection .sectionInner {
    width: 100%; }
    .p_siteSection .sectionInner img {
      width: 100%; }
  .p_siteSection .sectionBg {
    position: relative; }
  .p_siteSection .sectionTitle {
    width: 320px;
    margin: 0 auto 69px;
    padding-top: 72px; }
    .p_siteSection .sectionTitle img {
      width: 100%; }
  .p_siteSection .sectionInner .block {
    margin-bottom: 100px; }
  .p_siteSection .block .title {
    padding-bottom: 25px;
    background: url(../images/system/titleLine.png) no-repeat left bottom;
    margin-bottom: 6px; }
    .p_siteSection .block .title img {
      width: auto; }

.acContent {
  display: none; }

.p_siteSection .block h3 {
  position: relative; }
.p_siteSection .block .acBtn a {
  display: block; }
  .p_siteSection .block .acBtn a:after {
    content: "";
    display: block;
    width: 29px;
    height: 21px;
    position: absolute;
    bottom: 27px;
    right: 20px;
    background: url(../images/p_site/arrow1.png); }
.p_siteSection .block .acBtn.on a:after {
  background: url(../images/p_site/arrow2.png); }
.p_siteSection .block p {
  font-size: 17px;
  line-height: 1.6em;
  margin-bottom: 20px;
  color: #fff;
  margin-bottom: 0; }
.p_siteSection .block .fl_L {
  float: left;
  margin-right: 20px;
  width: 348px; }

.acContent:after {
  content: ".";
  display: block;
  clear: both;
  overflow: hidden;
  visibility: hidden;
  height: 0; }

.p_siteSection .block .indent {
  position: relative; }
.p_siteSection .foot img {
  width: auto; }
.p_siteSection .foot .banner {
  margin-bottom: 30px; }
  .p_siteSection .foot .banner:after {
    content: ".";
    display: block;
    clear: both;
    overflow: hidden;
    visibility: hidden;
    height: 0; }
  .p_siteSection .foot .banner div {
    width: 440px;
    display: inline;
    float: left; }
    .p_siteSection .foot .banner div:first-child {
      margin-right: 20px; }
.p_siteSection .foot .notes {
  border: solid 1px #444;
  background-color: #222;
  padding: 10px 20px;
  border-radius: 6px; }
  .p_siteSection .foot .notes img {
    margin-bottom: 10px; }
  .p_siteSection .foot .notes li {
    text-indent: -1em;
    margin-left: 1em;
    color: #fff;
    font-size: 15px;
    color: #fff;
    line-height: 1.6em;
    margin-bottom: 5px; }

.blockInner.acContent .fl_R {
  float: right;
  width: 530px; }

/* MATERIAL DOWNLOAD
 ****************************************************************** */
.material #pageHeader .pageTitle {
  position: absolute;
  top: 61px;
  left: 547px;
  width: 320px; }
  .material #pageHeader .pageTitle img {
    width: 100%; }

.materialSection .sectionTitle {
  text-align: center;
  margin: 0 auto 32px;
  padding-top: 70px;
  width: 340px; }
  .materialSection .sectionTitle img {
    display: inline;
    width: 100%; }
.materialSection .update {
  line-height: 33px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 28px;
  position: relative;
  left: -2px; }
  .materialSection .update span {
    display: inline-block;
    width: 90px;
    height: 30px;
    background: url(../images/material/text1.png) no-repeat left 1px;
    text-indent: -9999px; }
.materialSection .items {
  margin-bottom: 75px; }
  .materialSection .items:after {
    content: ".";
    display: block;
    clear: both;
    overflow: hidden;
    height: 0;
    visibility: hidden; }
  .materialSection .items li {
    float: left;
    padding: 0 20px 20px;
    text-align: center;
    -webkit-border-radius: 3px;
    border: solid 1px #2c4865;
    background-color: #222;
    margin: 0 25px 25px 0;
    width: 268px; }
    .materialSection .items li:nth-child(3n) {
      margin-right: 0; }
    .materialSection .items li h3 {
      display: inline-block;
      font-size: 16px;
      font-weight: bold;
      color: #E599FF;
      height: 53px;
      line-height: 1.4em;
      margin-bottom: 25px; }
      .materialSection .items li h3 span {
        display: inline-block;
        vertical-align: middle;
        max-width: 267px; }
      .materialSection .items li h3:after {
        content: "";
        display: inline-block;
        width: 1px;
        height: 53px;
        vertical-align: middle; }
      .materialSection .items li h3.new span {
        max-width: 225px;
        padding-left: 42px;
        background: url(../images/material/new.png) no-repeat left top;
        white-space: nowrap; }
    .materialSection .items li .itemImage {
      width: 268px;
      margin-bottom: 23px; }
      .materialSection .items li .itemImage img {
        width: 100%; }
    .materialSection .items li .dlBtn {
      margin: 0 auto;
      width: 242px;
      display: block; }
      .materialSection .items li .dlBtn img {
        width: 100%; }

.borderBlock {
  -webkit-border-radius: 3px;
  border: solid 1px #2c4865;
  background-color: #222;
  clear: both;
  margin-bottom: 100px; }
  .borderBlock .inner {
    padding: 25px 20px; }
    .borderBlock .inner .adobe {
      color: #fff;
      margin-bottom: 27px;
      margin-left: 5px; }
      .borderBlock .inner .adobe a {
        text-decoration: underline;
        color: #64CEFF; }
        .borderBlock .inner .adobe a:hover {
          text-decoration: none; }
      .borderBlock .inner .adobe img {
        display: inline;
        vertical-align: middle;
        margin-right: 13px; }
      .borderBlock .inner .adobe + img {
        width: 143px;
        margin-bottom: 10px; }

.dotList li {
  color: #fff;
  font-size: 13px;
  line-height: 1.4em;
  text-indent: -1em;
  margin-left: 1em;
  margin-bottom: 5px; }
  .dotList li:before {
    content: "・"; }
  .dotList li.notDot:before {
    content: "　"; }

.materialSection .btn {
  margin-bottom: 20px;
  height: 30px; }
  .materialSection .btn li {
    display: inline;
    float: left;
    margin-right: 5px; }

/* MEISTER
 ****************************************************************** */
.meister #pageHeader {
  background: url(../images/meister/header_bg.png) no-repeat center top; }
  .meister #pageHeader .pageTitle {
    position: absolute;
    top: 61px;
    left: 550px;
    width: 320px; }
    .meister #pageHeader .pageTitle img {
      width: 100%; }

.meisterSection {
  text-align: center; }
  .meisterSection img {
    display: inline;
    float: none; }
  .meisterSection .sectionBg {
    background: url(../images/guide/section_bg.png) no-repeat center top;
    position: relative;
    padding-bottom: 100px; }
  .meisterSection .sectionTitle {
    width: 566px;
    margin: 0 auto;
    padding-top: 72px; }
    .meisterSection .sectionTitle img {
      width: 100%; }
  .meisterSection .block {
    padding: 30px 0;
    border-top: solid 1px #bcbbbd;
    border-bottom: solid 1px #fff; }
  .meisterSection .meisterLogo + .block {
    padding-top: 0;
    border-top: none; }
  .meisterSection .block:last-child {
    padding-bottom: 0;
    border-bottom: none; }
  .meisterSection .meisterImage {
    padding: 33px 0 10px; }
  .meisterSection .banner {
    margin-bottom: 47px; }
  .meisterSection .btn {
    margin-bottom: 80px; }
  .meisterSection .image2 {
    margin-bottom: 25px; }
  .meisterSection .text2 {
    margin-bottom: 20px; }
  .meisterSection .text5 {
    margin-bottom: 25px; }
  .meisterSection p {
    color: #00328B;
    font-size: 17px;
    line-height: 2em;
    margin-bottom: 1.5em; }
    .meisterSection p.bold {
      font-weight: bold; }

/* STAFF CREDIT
 ****************************************************************** */
.credit {
  background: url(../images/event/header_bg.png) no-repeat center top; }
  .credit .pageTitle {
    position: absolute;
    top: 70px;
    left: 597px;
    width: 212px; }
    .credit .pageTitle img {
      width: 100%; }

.creditSection .spimg {
  display: none !important; }
.creditSection .pcimg {
  display: inline; }
.creditSection .sectionTitle {
  width: 236px;
  margin: 0 auto 54px;
  padding-top: 54px;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1; }
  .creditSection .sectionTitle img {
    width: 100%; }
.creditSection #staffCredit {
  word-break: break-all;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 1px;
  padding: 180px 0; }
.creditSection .row {
  text-align: center;
  clear: both;
  overflow: hidden;
  padding: 0 0 50px; }
  .creditSection .row img {
    vertical-align: top;
    display: inline; }
    .creditSection .row img:nth-child(2) {
      margin: 0 30px; }
.creditSection .companyM {
  color: #fff;
  font-size: 16px; }
.creditSection .partTitleS {
  text-align: center;
  color: #999999;
  font-size: 16px;
  margin: 0 0 12px; }
.creditSection .partTitleM {
  display: table;
  text-align: center;
  color: #999999;
  font-size: 21px;
  margin: 30px auto 50px;
  padding: 0 0 10px;
  border-bottom: 1px solid #999999; }
.creditSection .partTitleL {
  font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  text-align: center;
  letter-spacing: 3px !important;
  color: #fff;
  font-size: 28px;
  margin: 100px 0 60px;
  position: relative; }
  .creditSection .partTitleL span {
    display: inline-block; }
  .creditSection .partTitleL .before {
    content: "";
    border-top: 1px solid #fff;
    position: absolute;
    top: 6px;
    left: 0;
    z-index: 0;
    opacity: 0.3;
    filter: alpha(opacity=30); }
  .creditSection .partTitleL .after {
    content: "";
    border-top: 1px solid #fff;
    position: absolute;
    top: 6px;
    right: 0;
    z-index: 0;
    opacity: 0.3;
    filter: alpha(opacity=30); }
.creditSection .name {
  color: #fff;
  display: inline-block;
  vertical-align: top;
  min-width: 240px; }
.creditSection .nameL {
  color: #fff;
  display: block;
  line-height: 120%;
  font-size: 21px;
  padding: 0 0 10px;
  white-space: nowrap; }
.creditSection span.nameL {
  padding: 0 0 3px; }
.creditSection .nameS {
  color: #fff;
  display: block;
  font-size: 11px;
  margin: 0 0 2px;
  white-space: nowrap; }

@media screen and (max-width: 736px) {
  /* カウントダウン設定 */
  .lightpopup iframe.iframeCD {
    max-height: none !important;
    height: 330px !important; }

  /* 汎用
   ****************************************************************** */
  img {
    max-width: 100%; }

  .imgChange {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0; }

  #pageHeader {
    background: url(../images/header_bg_sp.png) repeat-x center top !important;
    border-bottom: solid 1px #393939; }

  .sectionTitle {
    width: 100%;
    margin: 0 auto 37.5px !important;
    padding-top: 11.5px !important;
    position: relative;
    z-index: 1; }
    .sectionTitle img {
      width: 100%; }

  #pageHeader {
    background: url(../images/header_bg_sp.png); }
    #pageHeader .pageTitle {
      display: none; }

  /* TOP
   ****************************************************************** */
  .btns {
    position: relative;
    height: auto; }
    .btns ul {
      background: none;
      height: auto;
      text-align: center;
      letter-spacing: nomal;
      padding: 0;
      position: static;
      width: 100%;
      bottom: 0; }
      .btns ul li {
        display: block;
        margin: 2px auto 0;
        width: 280px; }
        .btns ul li img {
          width: 280px;
          margin: 0 auto; }

  .sectionInner {
    width: 100%; }

  .sectionTitle img, .text1 img, .text2 img {
    width: 100% !important; }

  .linkBtn {
    left: 70px !important;
    width: 177px !important; }
    .linkBtn img {
      width: 100% !important; }

  .text1, .text2 {
    left: 0 !important; }

  .section1 {
    height: auto; }
    .section1 .sectionInner {
      padding: 37px 0 20px; }
    .section1 .left {
      float: none;
      width: 294px;
      height: auto;
      margin: 0 auto 10px;
      overflow: hidden;
      position: relative; }
    .section1 .waku {
      top: 33px;
      width: 300px !important;
      margin: 0;
      left: 50%;
      margin-left: -150px; }
    .section1 .waku2 {
      top: 207px;
      width: 300px !important;
      margin: 0;
      left: 50%;
      margin-left: -150px; }
    .section1 .indicator {
      position: absolute;
      bottom: -1px;
      z-index: 999; }
    .section1 .prev {
      position: absolute;
      left: 0;
      top: 59px !important;
      width: 23px;
      height: 43px;
      background: url(../images/top/prev1_sp.png) no-repeat;
      text-indent: -9999px;
      z-index: 999;
      -webkit-background-size: 23px auto;
      -moz-background-size: 23px auto;
      ms-background-size: 23px auto;
      background-size: 23px auto; }
    .section1 .next {
      position: absolute;
      right: 0;
      top: 59px !important;
      width: 23px;
      height: 43px;
      background: url(../images/top/next1_sp.png) no-repeat;
      text-indent: -9999px;
      z-index: 999;
      -webkit-background-size: 23px auto;
      -moz-background-size: 23px auto;
      ms-background-size: 23px auto;
      background-size: 23px auto; }
    .section1 .slide4 {
      width: 293px;
      margin: 13px auto; }
    .section1 .right {
      float: none;
      width: 300px;
      margin: 0 auto;
      margin-bottom: 30px;
      height: 182px; }
      .section1 .right .prev, .section1 .right .next {
        top: 69px !important; }
    .section1 .textarea {
      height: auto;
      width: 300px;
      position: relative;
      top: 0;
      margin: 0 auto;
      padding: 0; }
      .section1 .textarea .right {
        height: auto; }
      .section1 .textarea .left, .section1 .textarea .right {
        width: 300px;
        margin: 0 0 15px;
        padding: 10px 7px 4px; }
      .section1 .textarea h2 {
        margin-bottom: 2px; }
    .section1 .twitter {
      height: 198px;
      width: 330px;
      height: 270px !important;
      margin-bottom: -115px;
      -webkit-transform: scale(0.85);
      -ms-transform: scale(0.85);
      transform: scale(0.85);
      -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
      transform-origin: 0 0; }
      .section1 .twitter li {
        margin-bottom: 8px;
        border-bottom: solid 1px #414245;
        padding: 0 3px 8px;
        width: 270px;
        font-size: 13px;
        font-weight: bold; }
        .section1 .twitter li div {
          display: inline-block;
          vertical-align: middle;
          margin-bottom: 9px;
          font-size: 12px; }
          .section1 .twitter li div + div {
            margin-left: 10px; }
          .section1 .twitter li div span {
            display: block;
            font-weight: normal;
            margin-right: 10px; }
    .section1 .officialBlog {
      height: 213px;
      width: 290px;
      overflow: scroll !important;
      -webkit-overflow-scrolling: touch !important; }
      .section1 .officialBlog li {
        width: 270px;
        padding-right: 10px;
        margin-bottom: 8px;
        border-bottom: solid 1px #414245;
        padding: 0 3px 8px; }
      .section1 .officialBlog div {
        float: left; }
        .section1 .officialBlog div + div {
          float: none;
          clear: none;
          margin-left: 0;
          font-size: 13px;
          font-weight: bold; }
          .section1 .officialBlog div + div a {
            display: block;
            clear: both;
            line-height: 1.5em; }
        .section1 .officialBlog div img {
          display: inline;
          padding-left: 5px;
          position: relative;
          top: -1px; }
    .section1 .blackBox {
      float: none;
      margin: 0 10px 10px;
      width: auto; }
      .section1 .blackBox .inner {
        width: 100%; }
      .section1 .blackBox iframe {
        width: 100%;
        height: 200px; }
      .section1 .blackBox h2 {
        margin-bottom: 10px; }

  iframe {
    -webkit-overflow-scrolling: touch !important; }

  .popupIframe #popup-data {
    overflow: scroll !important;
    -webkit-overflow-scrolling: touch !important;
    height: 300px; }

  .section2 {
    height: 320px; }
    .section2 .sectionBg {
      height: 320px;
      background: url(../images/top/bg2_sp.png) no-repeat center top;
      -ms-background-size: 320px auto;
      background-size: 320px auto; }
    .section2 .sectionTitle {
      position: absolute;
      top: 33px;
      left: 20px;
      width: 87px;
      height: 29.5px; }
    .section2 .text1 {
      top: 116px;
      left: 0; }
    .section2 .text2 {
      top: 147px;
      left: 0;
      display: none; }
    .section2 .linkBtn {
      top: 203px; }

  .section3 {
    height: 354px;
    position: relative;
    z-index: 5; }
    .section3 .sectionInner {
      position: absolute;
      height: 410px;
      top: -30px; }
    .section3 .sectionTitle {
      top: 40px;
      left: 10px;
      width: 143px; }

  .characterSlide {
    width: 320px;
    position: absolute;
    top: 0;
    left: 0; }
    .characterSlide .linkBtn, .characterSlide .item1 .linkBtn {
      top: 304px; }
    .characterSlide .prev {
      position: absolute;
      left: 5px;
      top: 334px;
      width: 23px;
      height: 39px; }
    .characterSlide .next {
      position: absolute;
      right: 5px;
      top: 334px;
      width: 23px;
      height: 39px; }
    .characterSlide .indicator {
      position: absolute;
      top: 331px;
      width: 270px;
      left: 25px;
      text-align: left; }

  .indicator span {
    background: url(../images/top/indicator_sp.png);
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-bottom: -6px;
    text-indent: -9999px;
    -ms-background-size: 30px auto;
    background-size: 30px auto; }
    .indicator span.current {
      background: url(../images/top/indicatorCurrent_sp.png);
      -ms-background-size: 30px auto;
      background-size: 30px auto; }

  .section4 {
    height: 328px;
    position: relative; }
    .section4 .sectionBg {
      height: 367px;
      position: absolute;
      width: 100%; }
    .section4 .sectionTitle {
      position: absolute;
      top: 61px;
      left: 7px;
      width: 91px; }
    .section4 .text1 {
      top: 113px;
      left: 0px; }
    .section4 .text2 {
      top: 247px;
      left: 0px;
      display: none; }
    .section4 .linkBtn {
      top: 282px; }

  .randomImage {
    width: 320px; }
    .randomImage .sizer {
      display: none; }
    .randomImage .itemDisplay {
      width: 320px;
      position: absolute !important;
      left: 0;
      margin-left: 0; }

  .section5 {
    height: 394px; }
    .section5 .sectionBg {
      height: 414px;
      background: url(../images/top/bg4_sp.png) no-repeat center top;
      -ms-background-size: 320px auto;
      background-size: 320px auto; }
    .section5 .sectionTitle {
      position: absolute;
      top: 56px;
      left: 10px;
      width: 224px; }
    .section5 .text1 {
      top: 160px;
      left: 0px;
      margin: 0 30% 0 0; }
    .section5 .text2 {
      top: 198px;
      left: 0px; }
    .section5 .linkBtn {
      top: 280px; }

  .section6 {
    height: auto;
    position: relative; }
    .section6 li {
      float: left; }
    .section6 .sectionInner {
      padding-top: 50px; }
    .section6 .banner1 {
      margin: 0 15px 10px;
      position: relative; }
      .section6 .banner1:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        overflow: hidden;
        visibility: hidden; }
      .section6 .banner1 li {
        float: none;
        margin: 0 0 15px; }
    .section6 .banner2 {
      margin: 0 auto;
      width: 300px; }
      .section6 .banner2 li {
        width: 140px;
        margin: 0 5px 10px; }
    .section6 .banner3 {
      margin: 0 auto 0;
      padding-top: 35px; }
      .section6 .banner3 li {
        float: none;
        width: 206px;
        margin: 0 auto 10px; }

  .sectionBg {
    -ms-background-size: 320px auto;
    background-size: 320px auto; }

  /* WORLD
   ****************************************************************** */
  .worldSection .sectionTitle {
    margin: 0 auto 37.5px;
    padding-top: 11.5px; }

  .world #pageHeader .pageTitle {
    display: none; }

  .worldSection .sectionBg {
    height: auto;
    min-height: 650px;
    background: url(../images/world/section_bg_sp.png) no-repeat center top;
    -ms-background-size: 100% auto;
    background-size: 100% auto; }
  .worldSection .text1 {
    width: 100%;
    margin: 0 auto 13px; }
  .worldSection .text2 {
    width: 100%;
    margin: 0 auto 80px; }

  /* CHARACTER
   ****************************************************************** */
  .side {
    display: none; }

  .main {
    float: none;
    width: 100%; }

  .characterSection .main .sectionTitle {
    width: 320px;
    margin: 0 auto 25px !important;
    padding-top: 0; }
    .characterSection .main .sectionTitle img {
      width: 100%; }

  .main .characters {
    margin-bottom: 40px; }
    .main .characters li {
      height: auto !important; }
      .main .characters li a {
        top: 0 !important; }
        .main .characters li a img + img {
          z-index: 10;
          -moz-opacity: 1 !important;
          opacity: 1 !important;
          filter: alpha(opacity=100); }
          /* NEWアイコン */
          .main .characters li.new:after,
          .main .characters li.new:hover:after {
            position: absolute;
            content:"";
            top:15%;
            left:18%;
            width:34px;
            height:17px;
            z-index:9999999999999999;
            background: url(../images/icon-new_sp.png) no-repeat center top;
            background-size:contain;
          }

  .main .summons {
    margin-bottom: 60px; }
    .main .summons li {
      float: none; }
      .main .summons li a img + img {
        z-index: 10;
        -moz-opacity: 1 !important;
        opacity: 1 !important;
        filter: alpha(opacity=100); }

  .character [class*="layer"] {
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    margin-left: 0;
    margin: 0 auto 30px;}

  .character #pageHeader {
    background: url(../images/header_bg_sp.png) repeat-x center top;
    border-bottom: solid 1px #393939;
    z-index: 99;
    position: relative; }

  .charaImage, .charaImage2 {
    position: absolute;
    top: -78px;
    left: 0;
    min-height: 0px; }
    .charaImage > img, .charaImage2 > img {
      visibility: hidden;
      display: none; }
    .charaImage div, .charaImage2 div {
      width: 320px;
      position: absolute;
      top: 0;
      left: 0;
      display: none; }

  .characterSection .title {
    top: 129px;
    left: 0; }
  .characterSection .ffNum {
    top: 85.5px;
    left: 0; }
  .characterSection .ff {
    top: 269px;
    left: 8.5px;
    width: 140px;
    height: 65.5px; }
    .characterSection .ff img {
      display: block;
      width: 100%;
      height: auto; }
  .characterSection .name {
    position: absolute;
    top: 350px;
    left: 0;
    width: 100%; }
  .characterSection .text {
    position: relative;
    margin: 387.5px auto 32px;
    top: 0;
    left: 0;
    width: 270px;
    padding: 13px;
    border: solid 1px rgba(2, 68, 135, 0.7);
    border-radius: 3px;
    background: -moz-linear-gradient(top, #010810, #000);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), to(rgba(1, 8, 16, 0.7))); }
    .characterSection .text p {
      line-height: 1.65em;
      margin-bottom: 0; }

  .ssArea {
    width: 278.5px;
    position: relative;
    top: 0 !important;
    left: 0;
    margin: 0 auto 30px; }
    .ssArea li {
      border: solid 1px #fff;
      box-shadow: 0 0 16px #1C88E7;
      margin-bottom: 14px; }
    .ssArea img {
      display: block;
      width: 100%; }
    .ssArea .itemDisplay {
      display: none; }
    .ssArea .itemThumb li {
      float: none;
      width: auto; }
      .ssArea .itemThumb li.current:after {
        display: none; }

  .voiceWrap {
    position: relative;
    top: 0;
    left: 0;
    width: 280px;
    height: 33px;
    margin: 0 auto 25px;
    background: url(../images/character/voice_bg_sp.png) no-repeat left top;
    -ms-background-size: 280px auto;
    background-size: 280px auto; }
    .voiceWrap .voice {
      height: 31px;
      background-image: none !important;
      margin: 2px 0 0 110px; }
      .voiceWrap .voice.hover1 {
        background-image: none !important;
        height: 29px; }
      .voiceWrap .voice.hover2, .voiceWrap .voice.hover3 {
        background-image: none !important; }
      .voiceWrap .voice li {
        float: left;
        width: 48px;
        height: 31px; }
        .voiceWrap .voice li a {
          display: block;
          line-height: 31px;
          text-indent: -9999px; }

  .weaponWrap {
    position: relative;
    top: 0 !important;
    left: 0;
    width: 280px;
    height: 33px;
    margin: 0 auto 35px;
    background: url(../images/character/weapon_bg_sp.png) no-repeat left top;
    -ms-background-size: 280px auto;
    background-size: 280px auto;
    opacity: 1;
    filter: alpha(opacity=100); }
    .weaponWrap .weapon {
      height: 31px;
      background-image: none !important;
      margin: 2px 0 0 141px; }
      .weaponWrap .weapon.hover1 {
        background-image: none !important;
        height: 29px; }
      .weaponWrap .weapon.hover2, .weaponWrap .weapon.hover3 {
        background-image: none !important; }
      .weaponWrap .weapon li {
        float: left;
        width: 58px;
        height: 31px; }
        .weaponWrap .weapon li a {
          display: block;
          line-height: 31px;
          text-indent: -9999px; }

  .weaponModal {
    display: none;
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999; }
    .weaponModal .pcimg {
      display: none !important; }
    .weaponModal .spimg {
      display: inline !important; }

  .weaponModalInner {
    width: 320px;
    height: auto;
    position: absolute;
    margin: auto; }
    .weaponModalInner .btnLeft {
      display: block;
      width: 30px;
      height: 59px;
      background: url(../images/character/weapon_left.png) no-repeat left top;
      background-size: 30px auto;
      position: absolute;
      top: 150px;
      left: 5px;
      z-index: 10;
      cursor: pointer; }
      .weaponModalInner .btnLeft:hover {
        opacity: 0.7;
        filter: alpha(opacity=70); }
    .weaponModalInner .btnRight {
      display: block;
      width: 30px;
      height: 59px;
      background: url(../images/character/weapon_right.png) no-repeat left top;
      background-size: 30px auto;
      position: absolute;
      top: 150px;
      right: 5px;
      z-index: 10;
      cursor: pointer; }
      .weaponModalInner .btnRight:hover {
        opacity: 0.7;
        filter: alpha(opacity=70); }
    .weaponModalInner .paging {
      margin: 0 auto;
      text-align: center; }
      .weaponModalInner .paging li {
        display: inline-block; }
        .weaponModalInner .paging li a {
          background: url(../images/character/weapon_paging_icon.png) no-repeat 10px 10px;
          display: block;
          width: 32px;
          height: 30px; }
          .weaponModalInner .paging li a:hover {
            opacity: 0.7;
            filter: alpha(opacity=70); }
          .weaponModalInner .paging li a.active {
            pointer-events: none;
            background: url(../images/character/weapon_paging_icon_act.png) no-repeat 0; }
    .weaponModalInner .weaponClose a {
      display: block;
      width: 37px;
      height: 32px;
      background: url(../images/character/weapon_close_sp.png) no-repeat left top;
      background-size: 37px auto;
      position: absolute;
      top: 20px;
      right: 10px;
      z-index: 10; }
      .weaponModalInner .weaponClose a:hover {
        opacity: 0.7;
        filter: alpha(opacity=70); }

  .weapons {
    position: relative;
    margin: 0 auto;
    width: 250px;
    height: 450px; }
    .weapons img {
      display: inline !important; }
    .weapons li {
      display: none;
      position: absolute;
      width: 100%;
      height: auto; }
      .weapons li.active {
        display: block; }
    .weapons span {
      display: block; }
    .weapons .vsl {
      text-align: center;
      margin: 20px auto 0px; }
    .weapons .weapon_caption {
      text-align: center;
      width: auto;
      height: 27px; }
      .weapons .weapon_caption img {
        width: auto;
        height: 100%; }
    .weapons .weapon_name {
      text-align: center;
      width: auto;
      height: 17px; }
      .weapons .weapon_name img {
        width: auto;
        height: 100%; }

  .characterSection .btn1 {
    position: relative;
    top: 0;
    left: 0;
    margin: 0 auto 25px;
    width: 280px; }
  .characterSection .btn2 {
    display: none; }
  .characterSection .btn3 {
    width: 280px;
    margin: 0 auto 30px;
    height: auto; }
  .characterSection .prev {
    position: absolute;
    top: 361px;
    left: -74px; }
  .characterSection .next {
    position: absolute;
    top: 361px;
    right: -74px; }

  /* SUMMON
   ****************************************************************** */
  .summon .characterSection .name {
    position: absolute;
    top: 322px;
    left: 0;
    width: 100%; }
  .summon .characterSection .name2 {
    position: absolute;
    top: 387px;
    left: 0;
    width: 100%; }
  .summon .characterSection .text {
    top: 0; }
    .summon .characterSection .text p {
      line-height: 1.65em;
      font-size: 15px;
      margin-bottom: 0; }

  .style8 {
    width: 100% !important; }

  .style9 {
    top: 0; }

  .style10 {
    top: 0px;
    right: 0px; }

  .style11, .style12 {
    left: 0px;
    top: 0px;
    width: 100% !important; }

  .characterSection.cefcaCustom .image1 {
    top: 0;
    left: 0; }
  .characterSection.cefcaCustom .image2 {
    top: 0;
    left: 0; }
  .characterSection.cefcaCustom .ff {
    top: 269px;
    width: 140px;
    height: 65.5px; }
  .characterSection.ramzaCustom .title {
    top: 142px; }
  .characterSection.ramzaCustom .ff {
    top: 285px;
    left: 14.5px;
    width: 157px; }
  .characterSection.ramzaCustom .name {
    top: 350px;
    left: 0;
    width: 100%; }
  .characterSection.ramzaCustom .ffNum {
    top: 85.5px;
    left: 0; }
  .characterSection.garlandCustom .name {
    top: 350px;
    left: 0;
    width: 100%; }
  .characterSection.garlandCustom .ffNum {
    top: 85.5px;
    left: 0; }
  .characterSection .joinLabel {
    top: 78px;
    left: 10px;
    width: 138px; }
  .characterSection .btn4 {
    position: relative;
    top: 0;
    left: 0;
    width: 280px;
    height: 33px;
    background: url(../images/character/cvBg0_sp.png) no-repeat left top;
    margin: 0 auto;
    -ms-background-size: 280px auto;
    background-size: 280px auto;
    margin-bottom: 10px; }
    .characterSection .btn4 .color {
      padding-left: 139px;
      height: 30px;
      -ms-background-size: 280px auto;
      background-size: 280px auto;
      background-repeat: no-repeat;
      background-position: left top; }
    .characterSection .btn4 .color1 {
      background-image: url(../images/character/cvBg1_sp.png); }
    .characterSection .btn4 .color2 {
      background-image: url(../images/character/cvBg2_sp.png); }
    .characterSection .btn4 .color3 {
      background-image: url(../images/character/cvBg3_sp.png); }
    .characterSection .btn4 .color li {
      display: inline;
      float: left;
      width: 40px; }
      .characterSection .btn4 .color li a {
        display: block;
        height: 33px;
        text-indent: -9999px; }
    .characterSection .btn4 img {
      position: absolute;
      width: 118px;
      margin-left: 16px;
      top: 0;
      left: 0; }
  .characterSection .btnMask {
    width: 280px;
    height: 33px;
    display: none; }
  .characterSection .btn4.hidden {
    position: absolute;
    left: -9999px; }
  .characterSection .btn5 {
    position: relative;
    top: 5px;
    left: 0;
    width: 280px;
    height: 33px;
    margin: 0 auto;
    margin-bottom: 20px; }

  /* STAGE
   ****************************************************************** */
  .stageList {
    margin-bottom: 40px; }
    .stageList li {
      height: 95px;
      margin-bottom: 0px; }
    /* NEWアイコン */
    .stageList li .icon-new {
      position: absolute;
      top: 60%;
      left: 50%;
      -webkit-transform: translate(-50%,-50%);
      -moz-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
      -o-transform: translate(-50%,-50%);
      transform: translate(-50%,-50%);
      width:20%;
      height:0;
      padding-bottom:6%;
      background: url(../images/icon_stage_new_sp.png) no-repeat center top;
      background-size:contain; }
      .stageList li .bg {
        position: absolute;
        top: 0;
        left: 0;}
    .stageList li .bg img{
        width:100%; }
      .stageList li:hover {
        z-index: 0; }
        .stageList li:hover .bg {
          }
      .stageList li .name {
        position: relative;
        width: 70%;
        margin: 0 auto 7px;
        padding-top: 5px; }
        .stageList li .name img {
          display: block;
          width: 100%; }
      .stageList li .btn {
        width: 45%;
        margin: 0 auto; }
    .stageList li .btn img {
        display: block;
        width: 100%; }
      .stageList li .no_select {
        position: relative;
        width: 145px;
        margin: -15px auto 15px; }

  /* STAGE詳細 */
  .stage .sectionTitle {
    margin-bottom: 25px !important; }

  .stageDetailHead {
    padding: 0; }
    .stageDetailHead .name img {
      display: block;
      margin: 0 auto 25px;
      width: 495px; }
    .stageDetailHead .text {
      padding: 0 10px 0;
      min-height: 80px;
      margin-bottom: 10px; }
      .stageDetailHead .text:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        overflow: hidden;
        height: 0; }
      .stageDetailHead .text img {
        float: left;
        clear: none;
        display: block;
        width: 127px;
        margin-right: 15px; }
      .stageDetailHead .text p {
        margin-left: 0;
        margin-bottom: 10px;
        line-height: 1.65em; }
    .stageDetailHead .prev {
      position: absolute;
      left: -30px;
      top: 90px; }
    .stageDetailHead .next {
      position: absolute;
      right: -30px;
      top: 90px; }
    .stageDetailHead .no_select {
      position: relative;
      margin: -25px auto 30px; }
      .stageDetailHead .no_select img {
        width: 145px;
        margin-left: 0; }

  .stageDetailList {
    width: 280px;
    margin: 0 auto 30px;
    height: auto; }
    .stageDetailList ul {
      position: relative; }
    .stageDetailList li {
      float: none;
      border: solid 1px #fff;
      box-shadow: 0 0 16px #1C88E7;
      margin-bottom: 14px;
      width: 280px;
      height: auto; }
      .stageDetailList li a {
        left: 0;
        background: #000; }
        .stageDetailList li a img {
          position: static; }

  /* AMUSEMENT GUIDE */
  .guideSection .sectionTitle {
    margin: 0 auto 20px !important;
    padding-top: 11.5px; }

  .guide #pageHeader .pageTitle {
    display: none; }

  .guideSection .sectionBg {
    height: auto;
    min-height: 650px;
    background: url(../images/guide/section_bg_sp.png) repeat center top;
    -ms-background-size: 100% auto;
    background-size: 100% auto; }
  .guideSection .sectionTitle {
    margin-bottom: 20px; }
  .guideSection span {
    display: inline; }

  .guideInner {
    padding: 0;
    margin-bottom: 100px; }
    .guideInner .block {
      border-bottom: solid 1px #fff;
      border-top: solid 1px #b1b2b2;
      padding: 30px 0;
      margin: 0 10px;
      position: relative; }
      .guideInner .block:first-child {
        border: none;
        padding: 0; }
      .guideInner .block:nth-child(2) {
        border-top: none; }
      .guideInner .block:nth-child(7) {
        border-bottom: none;
        padding-bottom: 0; }
      .guideInner .block:last-child {
        border: none;
        padding-top: 0; }
    .guideInner h3 {
      width: 320px;
      position: relative;
      left: -10px; }
    .guideInner p {
      color: #053488;
      font-size: 14px;
      line-height: 1.7em;
      margin-bottom: 10px;
      text-align: center; }
      .guideInner p.txS {
        font-size: 12px; }
      .guideInner p.style1 {
        font-size: 14px; }
    .guideInner .banner {
      width: 286px;
      margin: 0 auto;
      display: block; }
    .guideInner p.style3 {
      padding: 0 30px; }
    .guideInner .image2 {
      position: static;
      margin-bottom: -30px; }
    .guideInner dl {
      margin-left: 0; }
    .guideInner dt {
      float: none;
      clear: none;
      padding: 0 10px; }
    .guideInner dd {
      margin-left: 0;
      margin-bottom: 20px;
      padding: 0 10px; }
      .guideInner dd p {
        text-align: left;
        font-size: 12px;
        padding: 0 !important; }
      .guideInner dd img {
        float: left;
        width: 106px;
        margin-right: 10px; }
        .guideInner dd img + p {
          float: none;
          width: auto; }
    .guideInner dl + p {
      clear: both; }
    .guideInner .style2 {
      padding-top: 10px; }
    .guideInner .image8 {
      width: 217px;
      float: none;
      clear: none;
      margin: 0 auto 10px; }
      .guideInner .image8 + p {
        margin-left: 0;
        font-size: 13px;
        text-align: center;
        height: auto; }
    .guideInner .meister div {
      height: auto;
      padding: 0 20px 20px;
      margin: 0 auto;
      background: url(../images/guide/bg1_sp.png) no-repeat center bottom;
      -ms-background-size: 100% auto;
      background-size: 100% auto; }
    .guideInner .meister p {
      width: auto; }
    .guideInner .meister ul {
      padding-left: 0; }
    .guideInner .meister li {
      line-height: 1.5em;
      font-size: 13px;
      margin-bottom: 10px; }
    .guideInner .meister p.txL {
      text-align: left !important;
      padding-left: 0px;
      margin-bottom: 5px; }
    .guideInner .meister ul + p {
      margin-bottom: 24px !important; }
    .guideInner .btn {
      display: block;
      width: 204px;
      margin: 0 auto; }

  /* LOCATION
   ****************************************************************** */
  .location .locationSection {
    zoom: reset; }

  .locationSection .sectionTitle {
    margin: 0 auto 20px !important;
    padding-top: 11.5px; }

  .location #pageHeader {
    background: url(../images/header_bg_sp.png); }

  .locationSection .sectionBg {
    height: auto;
    margin-bottom: 50px; }
  .locationSection .sectionTitle {
    margin-bottom: 20px; }

  .locationMap {
    height: auto;
    margin-bottom: 30px; }

  .locationAreaBtn {
    display: none; }

  .locationAreaList {
    position: static;
    margin: 0 10px;
    padding-bottom: 5px; }
    .locationAreaList ul {
      float: none;
      width: auto; }
    .locationAreaList li img {
      width: 60px;
      padding-left: 14px;
      -ms-background-size: 14px auto;
      background-size: 14px auto;
      margin-left: -5px; }
    .locationAreaList ul li {
      margin-bottom: 15px;
      clear: both; }
    .locationAreaList ul ul {
      float: none;
      margin-left: 0;
      width: auto; }
    .locationAreaList li li {
      display: inline;
      padding-left: 0;
      padding-right: 8px;
      margin-bottom: 0;
      clear: none;
      font-size: 14px;
      line-height: 25px; }

  .locationSection .icons {
    background: url(../images/location/icon_bg_sp.gif) repeat-x left top;
    height: auto;
    padding: 8px 6px;
    border-radius: 2px;
    border: solid 1px #024487;
    margin: 0 10px 21px; }
    .locationSection .icons div {
      display: inline-block;
      margin-right: 25px;
      padding: 0;
      line-height: 25px;
      height: 23px;
      color: #fff;
      vertical-align: top;
      background-position: 3px center;
      background-repeat: no-repeat;
      font-size: 12px; }
    .locationSection .icons .icon2 {
      margin-right: 0; }
    .locationSection .icons img {
      width: 102.5px; }
    .locationSection .icons .iconTitle {
      width: 114px;
      padding-left: 0;
      margin-bottom: 4px;
      display: block; }
    .locationSection .icons .icon1 {
      background-image: url(../images/location/icon1_sp.png);
      -ms-background-size: 20px auto;
      background-size: 20px auto;
      background-position: left center;
      padding-left: 25px;
      margin-bottom: 3px; }
    .locationSection .icons .icon2 {
      background-image: url(../images/location/icon2.png);
      -ms-background-size: 18px auto;
      background-size: 18px auto;
      padding-left: 25px;
      margin-bottom: 5px;
      line-height: 25px; }
    .locationSection .icons .icon3 {
      background-image: url(../images/location/icon3.png);
      -ms-background-size: 18px auto;
      background-size: 18px auto;
      padding-left: 25px;
      margin: 0;
      line-height: 25px; }
    .locationSection .icons div.locationUpdate {
      display: block;
      position: static;
      border-top: solid 1px #545e72;
      padding-top: 7px; }
      .locationSection .icons div.locationUpdate img {
        width: 75px !important;
        height: 22px; }
  .locationSection .yotei {
    position: static;
    padding-top: 5px; }

  .areaBlock {
    margin-bottom: 40px;
    margin: 0 10px 22px; }
    .areaBlock h3 {
      margin-bottom: 0px; }
      .areaBlock h3 img {
        width: 65px;
        padding-left: 0px;
        margin-left: -3px;
        margin-bottom: 4px; }
    .areaBlock .pageTop {
      border: none;
      position: relative; }
      .areaBlock .pageTop a {
        position: absolute;
        right: 2px;
        top: -23px;
        width: 84px; }
    .areaBlock h4 {
      height: auto;
      background: url(../images/location/title_bg.gif) repeat-x center center;
      padding: 0 3px 2px;
      border: solid 1px #024487;
      border-bottom: none; }
      .areaBlock h4 img {
        width: 62px; }
    .areaBlock ul li {
      padding: 10px; }
      .areaBlock ul li p {
        font-weight: bold;
        font-size: 14px;
        border: none;
        padding: 0 0 2px; }
      .areaBlock ul li div + p {
        min-width: 0;
        display: block;
        font-weight: normal;
        border: none; }
      .areaBlock ul li span {
        display: block;
        font-size: 14px;
        padding: 0; }
      .areaBlock ul li .icon {
        position: static;
        border-bottom: solid 1px #4b505e;
        padding-bottom: 7px;
        margin-bottom: 9px; }
        .areaBlock ul li .icon span {
          display: inline-block;
          margin-right: 0;
          line-height: 20px;
          height: 25px;
          vertical-align: top;
          background-position: left center;
          background-repeat: no-repeat; }
        .areaBlock ul li .icon .meister {
          background-image: url(../images/location/icon1_sp.png);
          -ms-background-size: 20px auto;
          background-size: 20px auto;
          padding-left: 21px;
          margin-bottom: 0; }
        .areaBlock ul li .icon .volume {
          -ms-background-size: 18px auto;
          background-size: 18px auto;
          padding-left: 20px;
          margin-bottom: 0;
          line-height: 20px;
          font-size: 12px; }
        .areaBlock ul li .icon .volume1 {
          background-image: url(../images/location/icon2.png); }
        .areaBlock ul li .icon .volume2 {
          background-image: url(../images/location/icon3.png); }

  .perfecture {
    margin-bottom: 15px; }

  .location .pageTop {
    text-align: center; }
    .location .pageTop a {
      display: block;
      background-color: #000;
      width: 100%;
      background-position: center; }

  .style13 {
    font-size: 12px;
    padding: 0 10px; }

  .pageChangeBtn {
    position: static;
    width: 276;
    height: 64px;
    margin: 0 auto; }

  /* SYSTEM
   ****************************************************************** */
  .systemIndex .systemSection .sectionTitle {
    margin: 0 auto 60px !important; }

  .systemSection .sectionTitle {
    width: 100%;
    margin: 0 auto 30px !important;
    padding-top: 20px !important; }
  .systemSection .sectionBg {
    -ms-background-size: 100% auto;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center top; }

  .system1 .sectionBg {
    background-image: url(../images/system/system1/contents_bg_sp.png); }

  .system2 .sectionBg {
    background-image: url(../images/system/system2/contents_bg_sp.png); }

  .system3 .sectionBg {
    background-image: url(../images/system/system3/contents_bg_sp.png); }

  .system4 .sectionBg {
    background-image: url(../images/system/system4/contents_bg_sp.png); }

  .systemList {
    margin-bottom: 0; }
    .systemList li {
      height: 346px;
      position: relative;
      margin-bottom: 35px; }
      .systemList li .bg {
        position: absolute;
        top: -60px;
        left: 0; }
      .systemList li .name {
        position: relative;
        width: 320px;
        margin: 0 auto;
        top: -22px; }
        .systemList li .name img {
          display: block;
          width: 100%; }
      .systemList li .btnWrap_sp {
        width: 274px;
        position: relative;
        margin: 0 auto; }
        .systemList li .btnWrap_sp img {
          margin-bottom: 10px; }
      .systemList li:nth-child(2n) {
        margin-bottom: 35px; }
        .systemList li:nth-child(2n) .name {
          top: -22px; }

  .systemSection .block {
    margin: 0 20px 25px; }
    .systemSection .block p {
      font-size: 15px;
      line-height: 1.65em;
      margin-bottom: 10px; }
    .systemSection .block .title {
      padding-bottom: 3px;
      background: url(../images/system/titleLine_sp.png) no-repeat left bottom;
      margin-bottom: 8px; }
      .systemSection .block .title img {
        width: 100%; }
    .systemSection .block .half {
      width: 100%; }
    .systemSection .block h5 {
      font-size: 15px; }

  .displace {
    left: -6px; }
    .displace + .mb50 {
      margin-bottom: 10px !important; }

  .icon-I, .icon-II, .icon-III, .icon-IV, .icon-L {
    width: 21px;
    height: 21px; }

  .icon-L1 {
    width: 30px;
    height: 19px; }

  .icon-L2 {
    width: 28px;
    height: 23.5px; }

  .icon-R {
    width: 21px;
    height: 21px; }

  .icon-R1 {
    width: 30px;
    height: 19px; }

  .icon-R2 {
    width: 28px;
    height: 23.5px; }

  .adviceTitle {
    width: 212px;
    height: 38px; }

  .style4 .mb10 {
    padding: 7px 0;
    margin-bottom: 0 !important;
    border-bottom: solid 1px #777777;
    padding-left: 40px;
    text-indent: -40px; }

  .systemSection .block.style4 .style1 {
    text-indent: -88px;
    padding-left: 88px;
    margin-left: 0;
    border: none; }
  .systemSection .block.style4 .style2 {
    position: relative;
    top: 0;
    left: 0; }
    .systemSection .block.style4 .style2 img {
      display: inline-block;
      vertical-align: middle;
      margin-left: 88px;
      width: 80px; }
    .systemSection .block.style4 .style2 span {
      display: inline-block;
      vertical-align: middle;
      padding-left: 10px; }
  .systemSection .block .advice {
    padding: 10px; }
    .systemSection .block .advice .half {
      width: 100%; }

  .half .tx15.mb0 {
    padding: 5px 0 0;
    font-size: 13px !important; }

  .systemSection .block img.mb20 {
    margin-bottom: 10px !important; }
  .systemSection .block .mb20.ml20 {
    margin-left: 0 !important; }
  .systemSection .block .half .mb20.ml20 {
    margin-left: 0 !important;
    margin-bottom: 20px !important; }
  .systemSection .block .style5 {
    float: right;
    margin-left: 10px;
    width: 126px; }

  .advice .half + .half {
    margin-left: 0; }

  .style3 {
    margin-bottom: 0 !important; }
    .style3 .cell {
      margin-bottom: 10px; }
      .style3 .cell img {
        width: 60px; }

  .systemSection .block .skillList {
    padding: 0 10px;
    border: solid 1px #55555E;
    margin-bottom: 10px !important; }
    .systemSection .block .skillList li {
      padding: 0;
      border-bottom: none; }
      .systemSection .block .skillList li:first-child {
        display: none; }
      .systemSection .block .skillList li span:first-child {
        display: block;
        float: none;
        clear: both;
        padding-left: 0;
        padding-top: 5px;
        border-bottom: dotted 1px #55555E;
        margin-bottom: 0;
        line-height: 2em;
        font-weight: bold; }
      .systemSection .block .skillList li span:last-child {
        display: block;
        margin-left: 0;
        padding: 7px 0; }
      .systemSection .block .skillList li img {
        position: relative;
        left: 0;
        top: -3px;
        display: inline;
        vertical-align: middle;
        padding: 5px 5px 5px 0; }

  .arrow {
    width: 21px;
    margin: 0 auto; }

  .systemSection .btnWrap {
    width: 100%;
    margin-bottom: 30px;
    margin-top: 50px; }

  .systemDetailBtn .btn {
    width: 280px;
    margin: 0 auto;
    position: relative;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100); }

  .backBtn {
    margin-bottom: 30px; }

  #glossary {
    width: auto;
    margin-bottom: 50px;
    margin-top: 10px; }

  .glossaryBtn {
    position: fixed;
    top: 20px;
    left: -266px;
    width: 266px;
    height: 43px; }
    .glossaryBtn a {
      background: none !important;
      text-indent: 0;
      width: 266px;
      height: 43px; }

  .glossaryContents {
    padding: 10px 15px; }
    .glossaryContents li {
      padding: 0; }
      .glossaryContents li a {
        float: none;
        clear: none;
        font-size: 18px;
        width: auto;
        display: block;
        position: relative;
        margin-bottom: 0;
        padding: 13px 0; }
        .glossaryContents li a:after {
          content: "";
          display: block;
          position: absolute;
          right: 5px;
          top: 19px;
          width: 15px;
          height: 9px;
          -ms-background-size: 15px 9px;
          background-size: 15px 9px;
          background-image: url(../images/arrow3.png); }
      .glossaryContents li.on a:after {
        background-image: url(../images/arrow2.png); }
      .glossaryContents li p {
        margin-left: 0;
        margin-bottom: 7px;
        font-size: 14px;
        overflow: hidden;
        display: none; }
      .glossaryContents li img {
        display: inline;
        vertical-align: middle;
        padding-right: 3px;
        position: relative;
        top: -1px; }
      .glossaryContents li .system-icom {
        width: 23px;
        height: 23px; }

  .glossary_popup-data {
    max-width: 300px; }

  .glossaryPopup {
    zoom: reset; }

  /* EVENT
   ****************************************************************** */
  .eventSection .sectionTitle {
    margin: 0 auto 21px !important;
    padding-top: 11.5px; }

  .event #pageHeader .pageTitle {
    display: none; }

  .eventSection .sectionBg {
    height: auto;
    min-height: 0;
    background: none; }

  .eventSectionStatic {
    zoom: reset; }

  .eventSide {
    float: none;
    width: auto;
    margin: 0 10px;
    min-height: 0;
    margin-bottom: 50px; }
    .eventSide .banner li.ended a::after {
      background: url(../images/event/bnr_ended_sp.png) no-repeat center center / 100%; }
    .eventSide .spimg {
      display: inline !important; }
    .eventSide .pcimg {
      display: none !important; }

  .eventMain {
    float: none;
    width: 100%;
    min-height: 0;
    margin-bottom: 20px; }

  .event #pageHeader .pageTitle {
    position: absolute;
    top: 61px;
    left: 550px;
    width: 320px; }
    .event #pageHeader .pageTitle img {
      width: 100%; }
    .event #pageHeader .pageHeaderInner {
      /* background-image: url(../images/event/event2/sp_page_title_head.png);
      background-repeat: no-repeat;
      -webkit-background-size: cover;
           -o-background-size: cover;
              background-size: cover; */}
  .eventSection .sectionBg {
    background: url(../images/event/section_bg.png) no-repeat center top;
    /*position: relative;*/
  }
  .eventSection .sectionTitle {
    width: 320px;
    margin: 0 auto 69px;
    padding-top: 72px; }
    .eventSection .sectionTitle img {
      width: 100%; }
  .eventSection iframe {
    border: 0;
    width: 100%;
    overflow: hidden;
    background-color: transparent;
    min-height: 0; }
  .eventSection .static {
    position: static; }
  .eventSection #anc2 {
    margin-bottom: 50px; }

  /* static page */
  .anchorBtn {
    margin: 0 10px 10px; }
    .anchorBtn a {
      margin-bottom: 10px;
      display: block;
      margin-left: 0; }
      .anchorBtn a:last-child {
        margin-left: 0; }

.eventEND {
    position: relative; }
  .eventEND::after {
    width: 58.28125%;
    height: 11.875%;
    background-image: url(../images/event/event_ended_sp.png); }

  .EVENT1 {
    min-height: 8000px; }
    .EVENT1 #anchor {
      position: absolute;
      top: 4445px; }
    .EVENT1 .end {
      width: 146px; }
      .EVENT1 .end img {
        width: 100%;
        left: 91px; }
    .EVENT1 .end1 img {
      top: 85px; }
    .EVENT1 .end2 img {
      top: 16px; }


  .EVENT2 {
    display: block;
    padding-bottom: 100px; }
    .EVENT2 br.SP {
      display: inline; }
    .EVENT2 .sectionBg {
      background: url(../images/event/section_bg.png) no-repeat center top;
      position: relative; }
    .EVENT2 .sectionTitle {
      width: 320px;
      margin: 0 auto 69px;
      padding-top: 72px;
      position: absolute;
      left: 0;
      right: 0;
      z-index: 1; }
      .EVENT2 .sectionTitle img {
        width: 100%; }
    .EVENT2 .pageTitle {
      height: 33vh; }
      .EVENT2 .pageTitle img {
        left: auto !important;
        width: 100% !important; }
    .EVENT2 iframe {
      border: 0;
      width: 100%;
      overflow: hidden;
      background-color: transparent;
      min-height: 0; }
    .EVENT2 .static {
      position: static;
      margin-bottom: 15px; }
    .EVENT2 .event2Wrap {
      position: relative;
      z-index: 2;
      text-align: center; }
      .EVENT2 .event2Wrap img {
        display: inline-block;
        margin: 0 auto;
        width: auto !important;
        height: auto; }
      .EVENT2 .event2Wrap .event2img1 {
        margin-bottom: 35px; }
      .EVENT2 .event2Wrap .event2img2 {
        margin-bottom: 5px; }
      .EVENT2 .event2Wrap .event2img3 {
        margin-left: 10px;
        margin-bottom: -5px; }
      .EVENT2 .event2Wrap .event2img4 {
        margin-left: 10px;
        margin-bottom: -10px; }
      .EVENT2 .event2ticketBnr {
        margin-bottom: 35px; }
      .EVENT2 .event2ticketBtn {
        position: absolute;
        z-index: 3;
        display: inline-block;
        margin: 0 auto;
        width: 64px;
        height: 62px;
        top:40vw;
        right:10px;
      }

    .EVENT2 .eventDetail {
      color: #fff;
      font-size: 13px;
      line-height: 180%; }
      .EVENT2 .eventDetail ul {
        padding: 0 20px 30px; }
        .EVENT2 .eventDetail ul li {
          text-indent: -1em;
          margin-left: 1em; }
      .EVENT2 .eventDetail .note {
        text-align: left;
        padding: 30px 20px 30px; }
        .EVENT2 .eventDetail .note a {
          text-decoration: underline; }
      .EVENT2 .eventDetail .numList {
        padding: 0 40px 0; }
      .EVENT2 .eventDetail figure {
        text-align: center;
        padding: 0 20px;
        margin: 20px auto 40px; }
        .EVENT2 .eventDetail figure img {
          display: inline; }


    .EVENT2 .areaTab {
      position: relative;
      letter-spacing: -.4em;
      width: 339px;
      height: 83px;
      text-align: right;
      margin: 0 auto; }
      .EVENT2 .areaTab.tab1 {
        background: url(../images/event/event2/sp_final_tab01.png) no-repeat 0 0;
        background-size: auto 83px;}
      .EVENT2 .areaTab.tab2 {
        background: url(../images/event/event2/sp_final_tab02.png) no-repeat 0 0;
        background-size: auto 83px;}
      .EVENT2 .areaTab.tab3 {
        background: url(../images/event/event2/sp_final_tab03.png) no-repeat 0 0;
        background-size: auto 83px;}
      .EVENT2 .areaTab.tab4 {
        background: url(../images/event/event2/sp_final_tab04.png) no-repeat 0 0;
        background-size: auto 83px;}
      .EVENT2 .areaTab.tab5 {
        background: url(../images/event/event2/sp_final_tab05.png) no-repeat 0 0;
        background-size: auto 83px;}
      .EVENT2 .areaTab.tab6 {
        background: url(../images/event/event2/sp_final_tab06.png) no-repeat 0 0;
        background-size: auto 83px;}
      .EVENT2 .areaTab.tab7 {
        background: url(../images/event/event2/sp_final_tab07.png) no-repeat 0 0;
        background-size: auto 83px;}
      .EVENT2 .areaTab div {
        display: inline-block;
        margin:0;
        padding:0;
        line-height: 36px;
        letter-spacing: normal;
        top: 0;
        cursor: pointer; }
      .EVENT2 .areaTab div:nth-child(1) {
        width: 37%;
        height: 36px;
      }
      .EVENT2 .areaTab div:nth-child(2) {
        width: 28%;
        height: 36px;
      }
      .EVENT2 .areaTab div:nth-child(3) {
        width: 33%;
        height: 36px;
        margin-right: 0;
      }
      .EVENT2 .areaTab div:nth-child(4) {
        width: 20%;
        height: 46px;
      }
      .EVENT2 .areaTab div:nth-child(5) {
        width: 20%;
        height: 46px;
      }
      .EVENT2 .areaTab div:nth-child(6) {
        width: 20%;
        height: 46px;
      }
      .EVENT2 .areaTab div:nth-child(7) {
        width: 26%;
        height: 46px;
        margin-right: 0;
      }
    .EVENT2 .areaTabContent {
      font-size: 13px;
      display: none;
      padding: 35px 0 0; }
      .EVENT2 .areaTabContent.active {
        display: block; }
      .EVENT2 .areaTabContent h3 {
        text-align: center;
        margin-bottom: 15px; }
        .EVENT2 .areaTabContent h3 img {
          height: 35px; }
        .EVENT2 h3 img.sp_area3ttl {
          height: 50px; }
          .EVENT2 .areaTabContent h3 img.spContent {
            display: inline !important; }
      .EVENT2 .areaTabContent .areaGroup {
        margin: 0 0 10px;
        padding: 0 10px; }
        .EVENT2 .areaTabContent .areaGroup.open .areaAcc {
          display: block;
          padding: 0 10px; }
        .EVENT2 .areaTabContent .areaGroup.open .areaBtn:after {
          background: url(../images/event/event2/sp_final_minus.png) no-repeat 0 0;
          background-size: 11px auto; }
      .EVENT2 .areaTabContent .areaBtn {
        position: relative;
        width: auto;
        height: 45px;
        margin: 0 auto;
        background: url(../images/event/event2/sp_final_area_bar.png) repeat-x 0 0;
        background-size: auto 45px;
        cursor: pointer; }
        .EVENT2 .areaTabContent .areaBtn:after {
          background: url(../images/event/event2/sp_final_plus.png) no-repeat 0 0;
          background-size: 11px auto;
          content: "";
          display: inline-block;
          width: 11px;
          height: 11px;
          position: absolute;
          left: 20px;
          top: 18px; }
        .EVENT2 .areaTabContent .areaBtn:hover {
          opacity: 0.8;
          filter: alpha(opacity=80); }
        .EVENT2 .areaTabContent .areaBtn img {
          display: inline;
          line-height: 0;
          margin-top: 0;
          margin-left: 40px;
          position: relative;
          top: 8px;
          height: 29px;
          width: auto; }
      .EVENT2 .areaTabContent .areaCaption {
        font-size: 14px;
        font-weight: bold;
        width: auto;
        margin: 0 auto;
        padding: 15px 0;
        overflow: hidden;
        border-bottom: 1px solid #666; }
        .EVENT2 .areaTabContent .areaCaption .left {
          float: left; }
        .EVENT2 .areaTabContent .areaCaption .right {
          float: right;
          margin-right: 0; }
      .EVENT2 .areaTabContent .areaAcc {
        display: none;
        background: #13192B;
        width: auto;
        border: 1px solid #062B64;
        overflow: hidden; }
        .EVENT2 .areaTabContent .areaAcc ul {
          margin: 0 auto;
          overflow: hidden; }
          .EVENT2 .areaTabContent .areaAcc ul li {
            padding: 15px 0;
            border-bottom: 1px solid #022966;
            overflow: hidden; }
          .EVENT2 .areaTabContent .areaAcc ul .left {
            float: left;
            margin-left: 0; }
          .EVENT2 .areaTabContent .areaAcc ul .right {
            float: right;
            margin-right: 0; }


      .EVENT2 .area3attention {
        width: 70px;
        margin: 30px auto;
      }
      .EVENT2 .area3present {
        padding: 0 30px;
        color: #fff;
        font-size: 13px;
        line-height: 180%; }
      .EVENT2 .area3present ul{
        margin-left: 20px;
        list-style-type: none;
      }
      .EVENT2 .area3present li{
        text-indent: -20px;
      }
      .EVENT2 .area3nesica {
        width: 100%;
        margin: 40px auto;
      }
      .EVENT2 .area3nesica img {
        display: block;
        margin: 0 auto;
        width: 250px;
      }
      .EVENT2 .area3nesica figcaption{
        text-align: center;
        margin: 10px auto;
      }


      .EVENT2 .area4wrap{
        text-align: center;
        font-size: 16px;
        line-height: 22px; }
      .EVENT2 .area4note{
        text-align: center;
        font-size: 13px;
        line-height: 18px; }
      .EVENT2 .area4wrap figure{
        padding: 0 10px;
        display:inline-block;
        text-align: center; }
      .EVENT2 .area4wrap figure li{
        display:inline-block;
        text-align: center; }
      .EVENT2 .area4wrap figure li > img{
        height: 40vw; }
      .EVENT2 .area4wrap figcaption{
         margin: 10px 0 36px 0; }
      .EVENT2 .area4comingsoon {
        font-size: 24px;
        font-weight: 900;
        margin: 110px auto; }
      .EVENT2 .area4atend {
        padding: 0 30px;
        text-align: left;
        font-size: 13px;
        line-height: 180%;
        margin: 40px auto; }
      .EVENT2 .area4atend ul{
        margin-left: 20px;
        list-style-type: disc; }

      .EVENT2 .area4cafeTxt {
        font-size: 14px;
        line-height: 21px;
        padding: 20px;
        text-align: center; }
      .EVENT2 .area4cafeTxt img {
        margin: 0 auto;
        display: inline-block; }
      .EVENT2 .area4cafeTxt p {
        margin-bottom: 40px; }
      .EVENT2 .area4cafeTxt .area4cafeARTNIA {
        display: block;
        width: 200px;
      }
      .EVENT2 .area4cafeTxtS {
        font-size: 12px;
        line-height: 14px; }
      .EVENT2 .area4cafeTxtS img {
        height: 11px; }
      .EVENT2 .area4coaster{
        letter-spacing: -.2em; }
      .EVENT2 .area4coasterInner li{
        letter-spacing: normal;
        margin-bottom: 40px; }
      .EVENT2 .area4coasterInner li > img{
        height: 30vw!important;}
       .EVENT2 .area4menu {
        width: 55px;
        margin: 0 auto;
       }
       .EVENT2 .area4cafeBtn{
         position: absolute;
         width: 62px;
         top: 10px;
         right: 10px;
       }


      .EVENT2 .area7table1 {
        width: 90%;
        margin: 40px auto;
        line-height: 30px;
        color: #fff;
        font-size: 13px;
        line-height: 180%;
      }
      .EVENT2 .area7table1 th {
        width: 16%;
      }
      .EVENT2 .area7table1 td {
        width: 74%;
      }
      .EVENT2 .area7map {
        height: 80px; }
      .EVENT2 .area7mapText {
        background-image: url(../images/event/event2/sp_final_zoom.png);
        background-repeat: no-repeat;
        background-position:0 10px;
        background-size: 13px auto;
        padding: 5px 0 0 20px;
      }
      .EVENT2 .area7attention {
        width: 70px;
        margin: 30px auto;
      }
      .EVENT2 .area7ticket {
        padding: 0 30px;
        color: #fff;
        font-size: 13px;
        line-height: 180%;
        margin: 40px auto;
        text-align: center;
      }
      .EVENT2 .area7ticketFee {
        height: 19px;
      }
      .EVENT2 .area7ticket img {
        margin: 10px auto;
      }
      .EVENT2 .area7ticketDetail {
        padding: 0 30px;
        color: #fff;
        font-size: 13px;
        line-height: 180%; }
      .EVENT2 .area7ticketDetail ul{
        margin-left: 20px;
        list-style-type: disc;
      }
      .EVENT2 .area7attend {
        padding: 0 30px;
        color: #fff;
        font-size: 13px;
        line-height: 180%;
        margin: 40px auto;
      }
      .EVENT2 .area7attend ul{
        margin-left: 20px;
        list-style-type: disc;
      }


    .EVENT2 .menuTop {
        position: fixed;
        width: 67px;
        height: 49px;
        right: 10px;
        bottom: 10px;
        z-index: 999; }
    .EVENT2 #area3 .static img,
    .EVENT2 #area6 .static img {
      display: block;
      width: 560px; }

    /*　------- 1周年記念イベント　-------- */
    .EVENT3 .titleWrap{
      background-image: url(../images/event/event3/bg_mainvisual_sp.png);
      background-repeat: no-repeat;
      background-position: center top;
      background-size: cover;
      height: auto; }
    .EVENT3 .logo {
      width: 90%;
      margin: 0 auto; }
    .EVENT3 .menu {
      letter-spacing: -0.4em;
      width: 90%;
      margin: 0 auto 3em; }
    .EVENT3 .menu li {
      display: inline-block;
      letter-spacing: normal;
      width: 100%; }
    .EVENT3 .menu li:nth-child(2),
    .EVENT3 .menu li:nth-child(5) {
      margin: 0; }
    .EVENT3 .goMenu {/* メインメニューに戻る */
      position: fixed;
      width: 30vw;
      height: auto;
      bottom: 1em;
      right: 1em;
      z-index: 999; }
    /* セフィロス参戦 */
    .EVENT3 .sephirothWrap {
      width: 100%;
      height: auto;
      padding: 10% 0 10%;
      color: #FFF;
      font-size: 10px;
      line-height: 2em;
      border-top: 1px solid #2f2f2f;
      border-bottom: 1px solid #2f2f2f;
      background-color: #000;
      background-image: url(../images/event/event3/bg_sephiroth_sp.png), url(../images/event/event3/bg_left.png);
      background-repeat: no-repeat, no-repeat;
      background-position: center top 270px, left top;
      background-size: contain, auto; }
    .EVENT3 .ttl_sephiroth {
      width: 76%;
      margin: 0 auto;
      margin-bottom: 9px; }
    .EVENT3 .date_sephiroth {
      width: 76%;
      margin: 0 auto;
      margin-bottom: 19px; }
    .EVENT3 .about_sephiroth {
      width: 76%;
      margin: 0 auto;
      margin-bottom: 307px; }
    .EVENT3 .sp_sephiroth_info{
      background-color: rgba(0,0,0,0.7);
      width: 90%;
      margin: 0 auto;
      padding-top: 30px; }
    .EVENT3 .terms_sephiroth {
      width: 90%;
      margin: 0 auto;
      margin-bottom: 10px; }
    .EVENT3 .text_sephiroth {
      width: 78%;
      margin-left: 7%;
      margin-bottom: 30px; }
    .EVENT3 .head_date_sephiroth {
      width: 38%;
      margin-left: 7%;
      margin-bottom: 10px; }
    .EVENT3 .head_date_sephiroth_text {
      font-size: 1.3em;
      margin-left: 15px;
      margin-bottom: 25px; }
    .EVENT3 .head_date_sephiroth_text span {
      font-size: 1.3em;
      font-weight: 700; }
    .EVENT3 .head_open_sephiiroth {
      width: 38%;
      margin-left: 7%;
      margin-bottom: 10px; }
    .EVENT3 .head_open_sephiiroth_text {
      font-size: 1.3em;
      margin-left: 15px;
      margin-bottom: 25px; }
    .EVENT3 .text_syougou {
      width: 88%;
      margin-left: 5%;
      margin-bottom: 25px; }
    .EVENT3 .bgm_sephiroth {
      font-size: 1.3em;
      margin-left: 4%;
      margin-bottom: 30px;
      line-height: 1em; }
    .EVENT3 .bgm_sephiroth:before {
      content: url(../images/event/event3/icon_maru.png);
      margin-right: 10px; }
    .EVENT3 .line_audition {
      width: 117px;
      height: 1em;
      display: inline-block;
      background-image: url(../images/event/event3/line_dot.png);
      background-position: left 10px;
      background-repeat: repeat-x;
      margin-left: 10px; }
    .EVENT3 .btn_audition {
      display: inline-block;
      width: auto;
      height: 2.0em;
      margin-top: 0;
      margin-left: 1%;
      padding: 0;
      vertical-align: middle; }
    .EVENT3 .head_syougou {
      width: 33%;
      margin-left: 7%;
      margin-bottom: 10px; }
    .EVENT3 .img_syougou_sephiroth {
      width: 90%;
      margin: 0 auto;
      margin-bottom: 30px; }
    .EVENT3 .detail_sephiroth {
      margin-left: 7%;
      font-size: 1.3em;
      font-weight: 700; }
    .EVENT3 .btn_detail {
      display: inline-block;
      width: auto;
      height: 1.8em;
      margin-left: 10px;
      vertical-align: middle; }
    /* バトルBGM＆アイコン */
    .EVENT3 .bgmIconWrap {
      width: 100%;
      height: auto;
      padding: 10% 0 10%;
      color: #FFF;
      font-size: 10px;
      line-height: 2em;
      border-top: 1px solid #2f2f2f;
      border-bottom: 1px solid #2f2f2f;
      background-color: #000;
      background-image: url(../images/event/event3/bg_right.png);
      background-repeat: no-repeat;
      background-position: right top; }
    .EVENT3 .ttl_bgmIcon {
      width: 60%;
      height: auto;
      margin: 0 auto 12px; }
    .EVENT3 .date_bgmIcon {
      width: 86%;
      height: auto;
      margin: 0 auto 16px; }
    .EVENT3 .text_bgmIcon {
      width: 54%;
      height: auto;
      margin: 0 auto 30px; }
    .EVENT3 .head_icon {
      width: 90%;
      height: auto;
      margin: 0 auto 15px; }
    .EVENT3 .iconList{
      width: 79%;
      height: auto;
      margin: 0 auto 28px;
      letter-spacing: -0.4em;
      text-align: center;
      line-height: 0; }
    .EVENT3 .iconList li{
      display: inline-block;
      width: 33.25%;
      height: auto;
      letter-spacing: normal; }
    .EVENT3 .text_600gill {
      width: 26%;
      height: auto;
      margin: 0 auto 50px; }
    .EVENT3 .bgm_wrap {
      width: 90%;
      margin: 0 auto; }
    .EVENT3 .head_bgm {
      margin: 0 auto 20px; }
    .EVENT3 .head_new_bgm {
      width: 42%;
      margin-left: 0;
      margin-bottom: 15px; }
    .EVENT3 .bgm_list {
      font-size: 1.3em;
      text-align: left;
      margin: 0 auto 25px; }
    .EVENT3 .bgm_bgm {
      margin-left: 0;
      line-height: 1em; }
    .EVENT3 .bgm_bgm:before {
      content: url(../images/event/event3/icon_maru.png);
      margin-right: 1%; }
    .EVENT3 .head_revival_bgm {
      width: 42%;
      margin-left: 0;
      margin-bottom: 15px; }
    .EVENT3 .line_audition-237 {
      width: 20%; }
    .EVENT3 .text_1500gill {
      width: 34%;
      margin: 0 auto; }

    /* ご当地称号*/
    .EVENT3 .localWrap {
      width: 100%;
      height: auto;
      padding: 10% 0 10%;
      color: #FFF;
      font-size: 10px;
      line-height: 2em;
      border-top: 1px solid #2f2f2f;
      border-bottom: 1px solid #2f2f2f;
      background-color: #000;
      background-image: url(../images/event/event3/bg_left.png);
      background-repeat: no-repeat;
      background-position: left top; }
    .EVENT3 .ttl_local {
      width: 60%;
      height: auto;
      margin: 0 auto 10px; }
    .EVENT3 .date_local {
      width: 78%;
      height: auto;
      margin: 0 auto 16px; }
    .EVENT3 .text_local {
      width: 70%;
      height: auto;
      margin: 0 auto 30px; }
    .EVENT3 .head_terms_local {
      width: 90%;
      height: auto;
      margin: 0 auto 15px; }
    .EVENT3 .terms_local_inner {
      width: 100%;
      margin: 0 auto; }
    .EVENT3 .text_terms_local {
      width: 76%;
      margin-left: 7%;
      margin-bottom: 62px; }
    .EVENT3 .head_syougou_local {
      width: 33%;
      margin-left: 7%;
      margin-bottom: 25px; }
    .EVENT3 .syougou_local_list {
      letter-spacing: -.4em;
      margin-bottom: 61px; }
    .EVENT3 .img_syougou01_local {
      width: 87.5%;
      display: block;
      letter-spacing: normal;
      margin-right: 0;
      margin: 0 auto 15px; }
    .EVENT3 .img_syougou02_local {
      width: 87.5%;
      display: block;
      letter-spacing: normal;
      margin: 0 auto; }
    .EVENT3 .movie_local_wrap {
      width: 100%;
      height: auto;
      margin: 0 auto;
      padding-bottom: 20px;
      background-image: url(../images/event/event3/bg_movie_local.png);
      background-repeat: no-repeat;
      background-position: center top; }
    .EVENT3 .head_movie_local {
      width: 44%;
      margin: 0 auto;
      padding: 25px 0 15px; }
    .EVENT3 .img_movie_local {
      display: block;
      width: 87.5%;
      margin: 0 auto 20px; }
    .EVENT3 .text_movie_local {
      width: 100%;
      font-size: 1.2em;
      text-align: center; }

    /* GAME CENTER SQEX */
    .EVENT3 .gcsqexWrap {
      width: 100%;
      height: auto;
      padding: 10% 0 10%;
      color: #FFF;
      font-size: 10px;
      line-height: 2em;
      border-top: 1px solid #2f2f2f;
      border-bottom: 1px solid #2f2f2f;
      background-color: #000;
      background-image: url(../images/event/event3/bg_right.png);
      background-repeat: no-repeat;
      background-position: right top; }
    .EVENT3 .ttl_gcsqex {
      width: 92%;
      height: auto;
      margin: 0 auto 10px; }
    .EVENT3 .date_gcsqex {
      width: 94%;
      height: auto;
      margin: 0 auto 16px; }
    .EVENT3 .text_gcsqex {
      width: 80%;
      height: auto;
      margin: 0 auto 35px; }
    .EVENT3 .head_about_gcsqex {
      width: 90%;
      height: auto;
      margin: 0 auto 10px; }
    .EVENT3 .about_gcsqex_inner {
      width: 90%;
      position: relative;
      margin: 0 auto; }
    .EVENT3 .text_about_gcsqex {
      width: 96%;
      margin-left: 2%;
      margin-bottom: 30px; }
    .EVENT3 .head_place_gcsqex {
      width: 43%;
      margin-bottom: 10px; }
    .EVENT3 .text_place_gcsqex {
      font-size: 1.3em;
      margin-bottom: 30px; }
    .EVENT3 .head_syougou_gcsqex {
      width: 37%;
      margin-bottom: 10px; }
    .EVENT3 .text_syougou_gcsqex {
      font-size: 1.3em;
      margin-bottom: 25px; }

    /* マイスターマッチング*/
    .EVENT3 .meisterWrap {
      width: 100%;
      height: auto;
      padding: 10% 0 10%;
      color: #FFF;
      font-size: 10px;
      line-height: 2em;
      border-top: 1px solid #2f2f2f;
      border-bottom: 1px solid #2f2f2f;
      background-color: #000;
      background-image: url(../images/event/event3/bg_left.png);
      background-repeat: no-repeat;
      background-position: left top; }
    .EVENT3 .ttl_meister {
      width: 82%;
      height: auto;
      margin: 0 auto; }
    .EVENT3 .date_meister {
      width: 78%;
      height: auto;
      margin: 0 auto 16px; }
    .EVENT3 .text_meister {
      width: 68%;
      height: auto;
      margin: 0 auto 25px; }
    .EVENT3 .head_terms_meister {
      width: 90%;
      height: auto;
      margin: 0 auto 21px; }
    .EVENT3 .terms_meister_inner {
      width: 90%;
      margin: 0 auto; }
    .EVENT3 .text_terms_meister {
      width: 87%;
      margin-left: 2%;
      margin-bottom: 30px; }
    .EVENT3 .head_meister {
      width: 43%;
      margin-bottom: 10px; }
    .EVENT3 .shop_meister {
      font-size: 1.2em;
      margin-bottom: 30px; }
    .EVENT3 .head_syougou_meister {
      width: 37%;
      margin-bottom: 10px; }
    /* NESiCAシールキャンペーン */
    .EVENT3 .nesicaWrap {
      width: 100%;
      height: auto;
      padding: 10% 0 10%;
      color: #FFF;
      font-size: 10px;
      line-height: 2em;
      border-top: 1px solid #2f2f2f;
      border-bottom: 1px solid #2f2f2f;
      background-color: #000;
      background-image: url(../images/event/event3/bg_right.png);
      background-repeat: no-repeat;
      background-position: right top; }
    .EVENT3 .ttl_nesica {
      width: 50%;
      height: auto;
      margin: 0 auto; }
    .EVENT3 .date_nesica {
      width: 88%;
      height: auto;
      margin: 0 auto 15px; }
    .EVENT3 .text_nesica {
      width: 71%;
      height: auto;
      margin: 0 auto 30px; }
    .EVENT3 .head_shop_nesica {
      width: 90%;
      height: auto;
      margin: 0 auto 20px; }
    .EVENT3 .terms_nesica_inner {
      width: 90%;
      margin: 0 auto 30px; }
    .EVENT3 .head_dist_nesica {
      width: 43%;
      margin-bottom: 10px; }
    .EVENT3 .text_dist_nesica {
      font-size: 1.3em;
      margin-bottom: 30px; }
    .EVENT3 .head_attention_nesica {
      width: 43%;
      margin-bottom: 10px; }
    .EVENT3 .text_attention_nesica {
      font-size: 1.3em; }
    .EVENT3 .text_attention_nesica:before {
      content: url(../images/event/event3/icon_maru.png);
      margin-right: 2%; }
    .EVENT3 .seal_nesica_inner {
      width: 90%;
      height: 291vw;
      margin: 0 auto;
      padding: 20px 0;
      background-image: url(../images/event/event3/bg_seal_nesica_sp.png);
      background-repeat: no-repeat;
      background-position: center top;
      background-size: 100%; }
    .EVENT3 .head_seal_nesica {
      width: 75%;
      height: auto;
      margin: 0 auto;
      padding: 20px 0 30px; }
    .EVENT3 .seal_nesica_list {
      width: 74%;
      margin: 0 auto;
      line-height: 1em;
      letter-spacing: -.4em;
      text-align: center; }
    .EVENT3 .seal_nesica_list li {
      display: inline-block;
      width: 31%;
      height: auto;
      margin-right: 2%;
      letter-spacing: normal; }
    .EVENT3 .btn_shop_nesica {
      width: 81%;
      height: auto;
      margin: 30px auto 20px; }

    .EVENT4 {
      font-size: 15px;
      line-height: 1.6em;
      color: #FFF; }
    .EVENT4 img{
      width: 100%; }
    .EVENT4 a,
    .EVENT4 a:link,
    .EVENT4 a:visited,
    .EVENT4 a:hover,
    .EVENT4 a:active{
      color: #ff0000!important; }
    .EVENT4 .tab{
      overflow:hidden; }
    .EVENT4 .tab .select img{
      opacity: 0; }
    .EVENT4 .tab  li img:hover{
      opacity: 0; }
    .EVENT4 .tab li{
      cursor: pointer; }
    .EVENT4 .tab .close{
      cursor: default; }
     .EVENT4 .tab  .close img:hover{
      opacity: 1; }
    .EVENT4 .tab li:first-child{
      background-image: url(../images/event/event4/menu01_sp_on.png);
      background-repeat: no-repeat;
      background-position: center top;
      -webkit-background-size: contain;
           -o-background-size: contain;
              background-size: contain; }
    .EVENT4 .tab li:nth-child(2){
      background-image: url(../images/event/event4/menu02_sp_on.png);
      background-repeat: no-repeat;
      background-position: center top;
      -webkit-background-size: contain;
           -o-background-size: contain;
              background-size: contain; }
    .EVENT4 .tab li:nth-child(3){
      background-image: url(../images/event/event4/menu03_sp_on.png);
      background-repeat: no-repeat;
      background-position: center top;
      -webkit-background-size: contain;
           -o-background-size: contain;
              background-size: contain; }
    .EVENT4 .tab li:nth-child(4){
      background-image: url(../images/event/event4/menu04_sp_on.png);
      background-repeat: no-repeat;
      background-position: center top;
      -webkit-background-size: contain;
           -o-background-size: contain;
              background-size: contain; }
    .EVENT4 .tab li:nth-child(5){
      background-image: url(../images/event/event4/menu05_sp_on.png);
      background-repeat: no-repeat;
      background-position: center top;
      -webkit-background-size: contain;
           -o-background-size: contain;
              background-size: contain; }
    .EVENT4 .hide {
      display:none; }

    .EVENT4 .wrap{
      background-image: url(../images/event/event4/mainvisual_sp.png);
      background-repeat:  no-repeat;
      background-position: center top;
      -webkit-background-size: contain;
           -o-background-size: contain;
              background-size: contain; }
    .EVENT4 .sectionInner{
      background-image: url(../images/event/event4/line_sp.png);
      background-repeat:  no-repeat;
      background-position: center bottom;
      -webkit-background-size: auto;
           -o-background-size: auto;
              background-size: auto;
      padding-bottom: 10%; }

    .EVENT4 .sectionTitle {
      margin-bottom: 25%!important; }
    .EVENT4 .logo {
      width: 83%;
      margin: 0 auto 3%; }
    .EVENT4 .menu {
      display: block;
      text-align: center;
      letter-spacing: -.4em; }
    .EVENT4 .menu li{
      display: inline-block;
      width: 30%;
      letter-spacing: normal;
      margin: 1% 1%; }
    .EVENT4 .about {
      width: 100%;
      margin: 10% auto 0;
      text-align: center; }

    .EVENT4 .about .about_final_movie {
      width: 100%;
      margin: 0 auto; }
    .EVENT4 .about .about_final_movie_title {
      width: 89%;
      margin: 0 auto 10%; }
    .EVENT4 .about .about_final_movie_text {
      font-size: 3vw;
      line-height: 5vw;
      margin-bottom: 5%; }
    .EVENT4 .about .about_final_movie_name {
      width: 79.5%;
      margin: 0 auto; }
    .EVENT4 .about .about_final_movie_frame_top {
      width: 93.75%;
      margin: 0 auto 5%; }
    .EVENT4 .about .about_final_movie_thumb1 {
      display: inline-block;
      width: 45%;
      margin: 0 1%; }
    .EVENT4 .about .about_final_movie_thumb2 {
      display: inline-block;
      width: 45%;
      margin: 0 1%; }
    .EVENT4 .about .about_final_movie_frame_bottom {
      width: 93.75%;
      margin: 5% auto 5%; }
    .EVENT4 .about .about_final_movie_text02 {
      font-weight: 900;
      font-size: 3vw;
      margin-bottom: 15%; }
    .EVENT4 .about .player_name {
      font-size: 2.5vw;
      line-height: 4vw; }

    .EVENT4 .about .about_title {
      width: 68.2%;
      margin: 0 auto 6.5%; }
    .EVENT4 .about .gaiyou_title {
      width: 32.9%;
      margin: 0 auto 3%; }
    .EVENT4 .about .gaiyou_text {
      width: 90%;
      margin: 0 auto 11%;

    }
    .EVENT4 .about .schedule {
      margin-bottom: 11%; }
    .EVENT4 .about .schedule_title {
      width: 100%;
      margin: 0 auto 3%; }
    .EVENT4 .about .schedule_text {
      width: 95%;
      margin: 0 auto 5%; }
    .EVENT4 .about .schedule01 {
      margin-bottom: 3%; }
    .EVENT4 .about .schedule02 {
      margin-bottom: 5%; }
    .EVENT4 .about .schedule03 {
      margin-bottom: 5%; }
    .EVENT4 .about .schedule04 {
      width: 73.4%;
      margin: 0 auto; }
    .EVENT4 .about .live {
      margin-bottom: 9%; }
    .EVENT4 .about .live_title {
      width: 100%;
      margin: 0 auto 3%; }
    .EVENT4 .about .live_text {
      width: 100%;
      margin: 0 auto 3%; }
    .EVENT4 .about .live_info {
      width: 93.75%;
      margin: 0 auto 7%;
      padding: 3%;
      text-align: left;
      line-height: 0;
      border: 1px solid #666;
      background-color: #000;
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
              box-sizing: border-box; }
    .EVENT4 .about .live_info_left {
      display: block;
      width: 93.3%;
      margin: 0 auto 3%; }
    .EVENT4 .about .live_info_right {
      display: block;
      vertical-align: top; }
    .EVENT4 .about .live_sqexpresents {
      width: 66.6%;
      margin: 0 auto;
      margin-bottom: 3%; }
    .EVENT4 .about .live_schedule {
      width: 70.9%;
      margin: 0 auto;
      margin-bottom: 2%; }
    .EVENT4 .about .live_btn {
      width: 93.3%;
      margin: 0 auto; }
    .EVENT4 .about .live_schedule_text {
      line-height: 140%;
      margin-bottom: 3%; }
    .EVENT4 .about .live_performer_title {
      width: 15.4%;
      margin: 0 auto 7%; }
    .EVENT4 .about .live_performer {
      letter-spacing: -.4em;
      text-align: center; }
    .EVENT4 .about .live_performer li{
      display: inline-block;
      width: 50%;
      margin-bottom: 10%;
      letter-spacing: normal;
      vertical-align: top;
      font-size: 10px;
      line-height: 1.4em; }
    .EVENT4 .about .live_performer li>figure{
      width: 140px;
      margin: 0 auto 10px; }
    .EVENT4 .about .live_performer li:nth-child(5){
      width: 100%; }
    .EVENT4 .about .period {
      margin-bottom: 11%; }
    .EVENT4 .about .period_title {
      width: 100%;
      margin: 0 auto 3%; }
    .EVENT4 .about .prize {
      margin-bottom: 11%; }
    .EVENT4 .about .prize_title {
      width: 100%;
      margin: 0 auto 5%; }
    .EVENT4 .about .prize_text {
      width: 94%;
      margin: 0 auto 5%; }
    .EVENT4 .about .prize_text01,
    .EVENT4 .about .prize_text02,
    .EVENT4 .about .prize_text03 {
      margin-bottom: 7%; }
    .EVENT4 .about .prize_yoseWinner {
      width: 100%;
      margin: 0 auto;
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
              box-sizing: border-box;
      border: 1px solid #fff;
      background-color: #000;
      padding: 4%; }
    .EVENT4 .about .prize_yoseWinner_title {
      width: 42%;
      margin: 0 auto; }
    .EVENT4 .about .prize_yoseWinner_text {
      margin-bottom: 5%; }
    .EVENT4 .about .prize_yoseWinner_area {
      width: 35%; }
    .EVENT4 .about .prize_yoseWinner li {
      display: inline-block;
      width: 96%;
      margin-top: 6%; }
    .EVENT4 .about .prize03_attention {
      text-align: left;
      font-size: 14px;
      line-height: 140%; }
    .EVENT4 .about .prize_sanka_title {
      width: 26%;
      margin: 0 auto 5%; }
    .EVENT4 .about .prize_sanka_text {
      width: 88%;
      margin: 0 auto 5%; }
    .EVENT4 .about .prize04_attention {
      text-align: left;
      font-size: 14px;
      line-height: 140%; }
    .EVENT4 .about .prize_attention {
      width: 94%;
      margin: 0 auto;
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
              box-sizing: border-box;
      border: 1px solid #888;
      background-color: rgba(0,0,0,0.5);
      padding: 6%;
      font-size: 14px;
      line-height: 140%;
      text-align: left; }
    .EVENT4 .about .prize_attention span {
      color: #F00;
      font-weight: 900; }
    .EVENT4 .about .prize_attention_text {
      margin-bottom: 5%; }
    .EVENT4 .rule {
      width: 100%;
      margin: 10% auto 0;
      text-align: center;
      font-size: 15px;
      line-height: 1.4em; }
    .EVENT4 .rule .rule_title {
      width: 41%;
      margin: 0 auto 6.5%; }
    .EVENT4 .rule .shikaku {
      margin-bottom: 11%; }
    .EVENT4 .rule .shikaku_title {
      width: 100%;
      margin: 0 auto 3%; }
    .EVENT4 .rule .shikaku_text {
      width: 96%;
      margin: 0 auto;
      text-align: left; }
    .EVENT4 .rule .shikaku_text li {
      padding-left: 1em;
      text-indent: -1em; }
    .EVENT4 .rule .shikaku_text li:before {
      content:"・"; }
    .EVENT4 .rule .keishiki {
      margin-bottom: 11%; }
    .EVENT4 .rule .keishiki_title {
      width: 100%;
      margin: 0 auto 3%; }
    .EVENT4 .rule .keishiki_text {
      text-align: left;
      padding: 0 3%; }
    .EVENT4 .rule .keishiki_text>dt{
      font-size: 15px;
      font-weight: 900; }
    .EVENT4 .rule .keishiki_text>dd{
      margin-top: 2%;
      margin-bottom: 7%; }
    .EVENT4 .rule .keishiki_text .keishiki_final_text>dt{
      font-weight: 900; }
    .EVENT4 .rule .keishiki_text .keishiki_final_text>dd{
      margin-bottom: 5%; }
    .EVENT4 .rule .keishiki_text .keishiki_final_text>dd span{
      color: #f00; }
    .EVENT4 .rule .keishiki_text .keishiki_img {
      width: 100%;
      margin: 5% auto; }
    .EVENT4 .rule .rule_sub {
      margin-bottom: 11%; }
    .EVENT4 .rule .rule_sub_title {
      width: 100%;
      margin: 0 auto 3%; }
    .EVENT4 .rule .rule_sub_text {
      width: 96%;
      margin: 0 auto;
      text-align: left; }
    .EVENT4 .rule .rule_sub_text li {
      padding-left: 1em;
      text-indent: -1em; }
    .EVENT4 .rule .rule_sub_text li:before {
      content:"・"; }
    .EVENT4 .rule .entry {
      margin-bottom: 11%; }
    .EVENT4 .rule .entry_title {
      width: 100%;
      margin: 0 auto 3%; }
    .EVENT4 .rule .entry_text {
      width: 96%;
      margin: 0 auto;
      text-align: left; }
    .EVENT4 .rule .entry_text li {
      padding-left: 1em;
      text-indent: -1em; }
    .EVENT4 .rule .entry_text li:before {
      content:"・"; }
    .EVENT4 .rule .attention {
      margin-bottom: 70px; }
    .EVENT4 .rule .attention_title {
      width: 100%;
      margin: 0 auto 3%; }
    .EVENT4 .rule .attention_text {
      width: 96%;
      margin: 0 auto 5%;
      text-align: left; }
    .EVENT4 .rule .attention_text li {
      padding-left: 1em;
      text-indent: -1em; }
    .EVENT4 .rule .attention_text li:before {
      content:"・"; }
    .EVENT4 .rule .attention_text02 {
      width: 96%;
      margin: 0 auto;
      text-align: left; }
    .EVENT4 .rule .trouble {
      margin-bottom: 11%; }
    .EVENT4 .rule .trouble_title {
      width: 100%;
      margin: 0 auto 3%; }
    .EVENT4 .rule .trouble_text {
      width: 96%;
      margin: 0 auto;
      text-align: left; }
    .EVENT4 .rule .etc {
      margin-bottom: 11%; }
    .EVENT4 .rule .etc_text {
      width: 96%;
      margin: 0 auto;
      text-align: left; }
    .EVENT4 .rule .etc_text span {
      font-weight: 900; }

    .EVENT4 .tournament {
      width: 100%;
      margin: 10% auto 0;
      text-align: center;
      font-size: 16px;
      line-height: 1.4em; }
    .EVENT4 .tournament .tournament_title {
      width: 49.5%;
      margin: 0 auto;
      margin-bottom: 7%; }
    .EVENT4 .tournament .tournament_final {
      margin-bottom: 10%; }
    .EVENT4 .tournament .tournament_final_title {
      margin-bottom: 5%; }
    .EVENT4 .tournament .tournament_final_list {
      width: 90%;
      margin: 0 auto; }
    .EVENT4 .tournament .tournament_area_title {
      margin-bottom: 5%; }
    .EVENT4 .tournament .area_title {
      width: 96%;
      margin: 0 auto;
      border-top: 1px solid #fff;
      border-left: 1px solid #fff;
      border-right: 1px solid #fff;
      background-image: linear-gradient(-180deg, #00468C, #002040);
      background-color: #002040;
      padding: 4%;
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
              box-sizing: border-box; }
    .EVENT4 .tournament .area_a_title{
      width: 36%;
      margin: 0 auto; }
    .EVENT4 .tournament .area_b_title{
      width: 36%;
      margin: 0 auto; }
    .EVENT4 .tournament .area_c_title{
      width: 36%;
      margin: 0 auto; }
    .EVENT4 .tournament .area_d_title{
      width: 36%;
      margin: 0 auto; }
    .EVENT4 .tournament .area_e_title{
      width: 36%;
      margin: 0 auto; }
    .EVENT4 .tournament .area_f_title{
      width: 36%;
      margin: 0 auto; }
    .EVENT4 .tournament .area_g_title{
      width: 36%;
      margin: 0 auto; }
    .EVENT4 .tournament .area_h_title{
      width: 36%;
      margin: 0 auto; }
    .EVENT4 .tournament .area_list{
      width: 96%;
      margin: -1px auto 5%;
      border-left: 1px solid #fff;
      border-right: 1px solid #fff;
      border-bottom: 1px solid #fff;
      background-color: #002040;
      padding: 0 3% 3% 3%;
      text-align: left;
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
              box-sizing: border-box; }
    .EVENT4 .tournament .area_list img{
      margin:  0 auto; }

    /* モーダル */
    /* モーダルウィンドウのスタイル */
    .EVENT4 .modal {
      position:fixed;
      width:100%;
      height:100%;
      top:0;
      left:0;
      display:none;
      overflow: scroll;
      z-index:999999; }

    /* オーバーレイのスタイル */
    .EVENT4 .overLay {
      position:fixed;
      top:0;
      left:0;
      background:rgba(0,0,0,0.8);
      width:100%;
      height:100%;
      z-index:100; }
    /* モーダルウィンドウの中身のスタイル */
    .EVENT4 .modal .inner {
      position:absolute;
      width: 100%;
      height: 80%;
      padding-top: 0;
      padding-bottom: 0;
      z-index:101;
      top:0;
      left:50%;
      transform:translate(-50%,0);
      overflow: scroll;
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
              box-sizing: border-box; }
    .EVENT4 .modal .inner img {
      margin: 0 auto; }
    .EVENT4 .modal .close {
      position: absolute;
      width: 24.5%;
      margin: 0 auto;
      z-index:103;
      left: 0;
      right: 0;
      top: 82%; }

    .EVENT4 .result {
      width: 100%;
      margin: 10% auto 0;
      text-align: center;
      font-size: 16px;
      line-height: 1.4em;
      letter-spacing: -.4em; }
    .EVENT4 .result .result_title {
      width: 74.2%;
      margin: 0 auto 6%; }
    .EVENT4 .result .result_team_1 {
      letter-spacing: normal;
      margin-bottom: 11.4%; }
    .EVENT4 .result .result_team_name_1 {
      width: 91%;
      margin: 0 auto 2.6%; }
    .EVENT4 .result .result_team_1_frame_top {
      width: 93.75%;
      margin: 0 auto 2.6%; }
    .EVENT4 .result .result_team_1_frame_bottom {
      width: 93.75%;
      margin: 0 auto 2.6%; }
    .EVENT4 .result .result_team_pic_1 {
      width: 93.75%;
      margin: 2.6% auto; }
    .EVENT4 .result .result_team_comment {
      width: 73.75%;
      margin: 0 auto 20px;
      text-align: left;
      font-size: 2.5vw;
      line-height: 3vw;
      padding-left:7em;
      text-indent:-7em; }
    .EVENT4 .result .result_team_comment span {
      font-weight: 900; }
    .EVENT4 .result .result_team_2 {
      display: block;
      width: 93.75%;
      margin: 0 auto;
      letter-spacing: normal;
      margin-bottom: 11.4%; }
    .EVENT4 .result .result_team_name_2 {
      width: 73.75%;
      margin: 0 auto; }
    .EVENT4 .result .result_team_frame_silver_top {
      width: 93.75%;
      margin: 0 auto 2.6%; }
    .EVENT4 .result .result_team_frame_silver_bottom {
      width: 93.75%;
      margin: 0 auto 2.6%; }
    .EVENT4 .result .result_team_pic_2 {
      width: 93.75%;
      margin: 2.6% auto; }
    .EVENT4 .result .result_team_member {
      width: 100%;
      text-align: center;
      font-size: 3.1vw;
      margin-bottom: 2.6%; }

    .EVENT4 .result .result_team_3 {
      display: block;
      width: 93.75%;
      margin: 0 auto;
      letter-spacing: normal;
      margin-bottom: 11.4%; }
    .EVENT4 .result .result_team_name_3 {
      width: 52.6%;
      margin: 0 auto; }
    .EVENT4 .result .result_team_frame_bronze_top {
      width: 93.75%;
      margin: 0 auto 2.6%; }
    .EVENT4 .result .result_team_frame_bronze_bottom {
      width: 93.75%;
      margin: 0 auto 2.6%; }
    .EVENT4 .result .result_team_pic_3 {
      width: 93.75%;
      margin: 2.6% auto; }
    .EVENT4 .result .result_team_4,
    .EVENT4 .result .result_team_5,
    .EVENT4 .result .result_team_6,
    .EVENT4 .result .result_team_7 {
      display: inline-block;
      width: 46%;
      letter-spacing: normal;
      margin-bottom: 7.4%;
      vertical-align: top; }
    .EVENT4 .result .result_team_5 {
      margin: auto; }
    .EVENT4 .result .result_team_4,
    .EVENT4 .result .result_team_6 {
      margin-right: 2%; }

    .EVENT4 .result .result_team_name_text {
      width: 100%;
      height: 10vw;
      font-size: 2.5vw;
      line-height: 3vw; }
    .EVENT4 .result .result_team_name_text span{
      font-size: 3.1vw;
      line-height: 3.5vw;
      font-weight: 900; }
    .EVENT4 .result .result_team_pic {
      width: 100%;
      margin: 3% auto; }
    .EVENT4 .result .result_team_member_text {
      width: 100%;
      height: 13vw;
      font-size: 2.8vw;
      line-height: 3.3vw; }
    ,
    .EVENT4 .result .result_team_8 {
      display: inline-block;
      width: 100%;
      letter-spacing: normal;
      margin-bottom: 11.4%; }

    .EVENT4 .archive {
      width: 100%;
      margin: 0 auto;
      text-align: center; }
    .EVENT4 .archive .archive_title{
      width: 100%;
      margin: 0 auto 5%; }
    .EVENT4 .archive .publicviewing {
      width: 94%;
      margin: 0 auto 10%;
      text-align: left; }
    .EVENT4 .archive .publicviewing_title {
      width: 85%;
      margin: 0 auto 5%; }
    .EVENT4 .archive .publicviewing_thumb {
      width: 100%;
      margin: 0 auto 20px; }
    .EVENT4 .archive .publicviewing_text {
      font-size: 2.5vw;
      line-height: 4vw; }
    .EVENT4 .archive .honsen {
      width: 100%;
      margin: 0 auto 10%;
      text-align: center; }
    .EVENT4 .archive .shiai {
      position: relative;
      width: 100%;
      margin: 0 auto;
      padding-top: 10%;
      letter-spacing: -.4em;
      font-size: 2.5vw;
      line-height: 4vw; }
    .EVENT4 .archive .shiai_title {
      letter-spacing: normal; }
    .EVENT4 .archive .shiten {
      display: inline-block;
      width: 45.3%;
      margin: 0 1%;
      letter-spacing: normal; }
    .EVENT4 .archive .shop_name {
      width: 90%;
      margin: 0 auto; }
    .EVENT4 .archive .movie_thumb {
      width: 100%; }
    .EVENT4 .archive .vs {
      position: absolute;
      width: 5%;
      margin: 0 auto;
      bottom: 24vw;
      left: 0;
      right: 0; }
    .EVENT4 .archive .honsen1_title {
      width: 32.9%;
      margin: 0 auto; }
    .EVENT4 .archive .honsen2_title {
      width: 32.9%;
      margin: 0 auto; }
    .EVENT4 .archive .honsen_final_title {
      width: 29.8%;
      margin: 0 auto; }
    .EVENT4 .archive .haisha_title {
      width: 54.8%;
      margin: 0 auto; }
    .EVENT4 .archive .grandfinal_title {
      width: 48.5%;
      margin: 0 auto; }

    .EVENT4 .shop {
      width: 100%;
      margin: 10% auto 0;
      text-align: center;
      font-size: 16px;
      line-height: 1.4em; }

    .EVENT4 .shop .shop_title {
      width: 34.2%;
      margin: 0 auto;
      margin-bottom: 7%; }
    .EVENT4 .shop .shop_text {
      width: 96%;
      margin: 0 auto 7%;
      text-align: left; }
    .EVENT4 .shop .shop_list_title {
      margin-bottom: 3%; }
    .EVENT4 .shop .list_text {
      width: 96%;
      margin: 0 auto 5%;
      text-align: center;
      font-size: 18px;
      font-weight: 900; }
    .EVENT4 .shop .list_text span{
      font-size: 14px;
      font-weight: 400; }
    .EVENT4 .shop .list_title {
      width: 96%;
      margin: 0 auto;
      border-top: 1px solid #fff;
      border-left: 1px solid #fff;
      border-right: 1px solid #fff;
      background-image: linear-gradient(-180deg, #00468C, #002040);
      padding: 4%;
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
              box-sizing: border-box; }
    .EVENT4 .shop .list_a_title{
      width: 36%;
      margin: 0 auto; }
    .EVENT4 .shop .list_b_title{
      width: 36%;
      margin: 0 auto; }
    .EVENT4 .shop .list_c_title{
      width: 36%;
      margin: 0 auto; }
    .EVENT4 .shop .list_d_title{
      width: 36%;
      margin: 0 auto; }
    .EVENT4 .shop .list_e_title{
      width: 36%;
      margin: 0 auto; }
    .EVENT4 .shop .list_f_title{
      width: 36%;
      margin: 0 auto; }
    .EVENT4 .shop .list_g_title{
      width: 36%;
      margin: 0 auto; }
    .EVENT4 .shop .list_h_title{
      width: 36%;
      margin: 0 auto; }
    .EVENT4 .shop .list{
      width: 96%;
      margin: 0 auto 5%;
      border-left: 1px solid #fff;
      border-right: 1px solid #fff;
      border-bottom: 1px solid #fff;
      background-color: #002040;
      padding: 0 3% 3% 3%;
      text-align: left;
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
              box-sizing: border-box; }
    .EVENT4 .shop .list_shopname {
      border-top: none;
      letter-spacing: -.4em; }
    .EVENT4 .shop .list_shopname li {
      display: inline-block;
      width: 100%;
      height: 8%;
      font-size: 14px;
      line-height: 1.4em;
      padding-top: 4%;
      text-align: left;
      border-top: 1px solid #65798D;
      letter-spacing: normal; }
    .EVENT4 .shop .list_shopname li:nth-child(1),
    .EVENT4 .shop .list_shopname li:nth-child(2){
      border-top: 1px solid #65798D; }
    .EVENT4 .shop .list_shopname li:nth-child(2n){
      margin-left: 0; }
    .EVENT4 .shop .list_shopname li span {
      font-size: 10px; }

    /*　------- 2周年記念イベント　-------- */
    .EVENT5 .logo {
      width:100%;
      min-width:100%;
      height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 60%;
      background-image: url(../images/event/event5/logo_mainvisual_sp.jpg);
      background-repeat: no-repeat;
          background-size:contain; }
    .EVENT5 .menu {
      position: relative;
      text-align:center;
      letter-spacing: -0.4em;
      width: 90%;
      margin: 0 auto 1em; }
    .EVENT5 .menu li {
      display: inline-block;
      letter-spacing: normal;
      width: 100%;
      margin:0 auto ; }
    .EVENT5 .menu li:nth-child(2),
    .EVENT5 .menu li:nth-child(5) {
      margin:0 auto ; }
    .EVENT5 .menu li img {
        width:100%;
        text-align:left;
        margin: 0px 0px 5px 0px
    }
     .EVENT3 .goMenu {/* メインメニューに戻る */
      position: fixed;
      width: 30vw;
      height: auto;
      bottom: 1em;
      right: 1em;
      z-index: 999; }
    .EVENT5 .goMenu {/* メインメニューに戻る */
      position: fixed;
      width: 30vw;
      height: auto;
      bottom: 1em;
      right: 1em;
      z-index: 999; }
    .EVENT5 .contentWrap {
      width: 100%;
      height: auto;
      padding: 2% 0 5%;
      color: #FFF;
      font-size:14px;
      line-height: 2em; }
        .EVENT5 .contentWrap.last {
            padding-bottom:20%; }

        .EVENT5 .sectionInner {
            width:95%;
            margin:0px auto;
            font-size:14px; }
        .EVENT5 .section_noctis {
            min-height:auto; }
    .EVENT5 .plaintext {
        font-size:14px!important; }
    /* タイトル */
    .EVENT5 .ttl_event {
        width:100%; }
        .EVENT5 .ttl_event img {
            height:66px;
            max-width:none;
            width:100%;/* トリミングしたい枠の幅 */
            object-fit: cover; }
    .EVENT5 .ttl_cast {
        width:100%;
        background-color:#333;
        font-size:16px;
        font-weight:bold;
        line-height:2;

        color:#fff;
        text-align:center;
        margin:20px auto; }
    .EVENT5 .sectionInner {
        font-size:12px; }
    .EVENT5 .sectionInner .cast {
        width:100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        text-align: center; }
    .EVENT5 .sectionInner .s-cast {
        width:100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        text-align: center; }
        .EVENT5 .sectionInner .castbox,
        .EVENT5 .sectionInner .s-castbox {
          box-sizing: border-box;
          box-sizing: border-box;
          font-size:14px; }
        .EVENT5 .sectionInner .castbox {
             width: 31%; }
        .EVENT5 .sectionInner .s-castbox {
            width: 48%; }
        .EVENT5 .sectionInner .cast img {
        width: 100%;
        margin-bottom:10px; }
    .EVENT5 .bg_songs {
        width:100%;
        background-color:#333;
        font-size:14px;
        padding:15px 0;
        color:#fff;
        text-align:center;
        margin:20px auto; }


    /* 見出し文字*/
    .EVENT5 .midashi {
        font-size:15px;
        font-weight:400;
        color:#ffe431;
        margin-top:15px; }
    .EVENT5 .hr {
        width:100%;
        height:1px;
        border-bottom:solid 1px #555 ;
        margin:40px auto; }
    .EVENT5 .twitter_icon {
        width:90%;
        display:flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin:30px auto 0 auto;
        text-align:center; }
    .EVENT5 .twitter_icon02 {
        width:90%;
        text-align:center;
        margin:10px auto 0 auto; }
    .EVENT5 .twitter_icon02 .tw_block {
        margin:auto; }
    .EVENT5 .tw_block{
        width:22%;
        font-size:10px;
        line-height:1.4; }
    .EVENT5 .tw_block img{
        width:100%;
        margin-bottom:10px; }
    .EVENT5 .wallpaper01 {
        width:90%;
        float:none;
        margin-right:0;
        text-align:center;
        margin:auto; }
    .EVENT5 .wallpaper02 {
        width:90%;
        float:none;
        margin-left:0;
        text-align:center;
        margin:auto; }

    .EVENT5 .wallpaper01 img,
    .EVENT5 .wallpaper02 img {
        width:32%;
        margin-right:15px;
        margin-left:15px;
        border:solid 1px #555;
        float:left;
        margin:; }
    .EVENT5 .wallpaper01 .img_left,
    .EVENT5 .wallpaper02 .img_left {
        margin-left:30px; }
    .EVENT5 .wallpaper01 .img_right,
    .EVENT5 .wallpaper02 .img_right {
        margin-right:30px; }
    .EVENT5 .wallpaper03 img {
        width:68%;
        border:solid 1px #555;
        margin-right:0;
        margin:auto; }

    .EVENT5 ul.event-info li {
        list-style:none; }
        .EVENT5 .event-info li {
            padding-left:0px;
            margin-bottom:20px;
            text-indent:-28px;
            padding-left:28px;
            font-size:14px; }
    .EVENT5 ul.event-info li:before {
        content:"";
        width:25px;
        height:18px;
        display: inline-block;    background:url(../images/event/event5/ico_midashi.png) no-repeat;
        vertical-align: middle;
        background-size:contain;
        margin: 0 0 3px 0; }
    .EVENT5 .txt_caution {
        font-size:12px;
        color:#c49bdd; }
    .EVENT5 .txt_caution li {
    text-indent:-12px;
    padding-left:12px;
}
    .EVENT5 .btn_event5 {
        width:100%;
        position: relative;
        margin:40px auto 40px auto; }
    .EVENT5 .btn_event5 a img {
        width:100%; }
    .EVENT5 .btn_event5 .end img {
        opacity: 0.8; }
    .EVENT5 .img-songs {
    text-align: center; }
    .EVENT5 .img-songs img {
        width:90%;
        margin:0 auto; }

    .EVENT5 .btn-songs {
    float:none;
    text-align: center;
    margin-top:0px; }
    .EVENT5 .btn-songs img {
        width:75%;
        margin:0 auto; }
    .EVENT5 .icon_bgm p {
        padding-top:8px;
        line-height:1.4; }
    .icon_bgm_ico {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

}
    .EVENT5 .icon_bgm_ico ul {
        text-align:center;
        margin:0 auto;

    }
    .EVENT5 .icon_bgm_ico li {
        width:20%;
        list-style: none;
        margin:10px; }


    /*　------- 3周年記念イベント　-------- */
    .EVENT6 .titleWrap{
        background: url(../images/event/event6/bg_mainvisual_sp.jpg) center top no-repeat;
        background-size: cover;
        height: 143.4375vw; }
    .EVENT6 .titleWrap .sectionTitle {
        margin-bottom: 0.3125% !important; }
    .EVENT6 .logo {
        width: 48.125%;
        margin: 0 auto 7.96875%; }
    .EVENT6 .menu {
        display: block;
        width: 67.34375%;
        margin: 0 auto;
        top: 68vw;
        padding-top: 4.5vw; }
        .EVENT6 .menu li {
            margin: 0 0 5.55% !important; }
    .EVENT6 p.spBtn {
        width: 62.96875%;
        margin: 0 auto; }
    .EVENT6 .contentWrap {
        padding-top: 113.4375vw;
        font-size: 2.5vw;
        line-height: 1;
        background: url(../images/event/event6/bg_cont_sp.jpg) center top repeat-y;
        background-size: 100%; }
    .EVENT6 .goMenu {/* メインメニューに戻る */
      position: fixed;
      width: 30vw;
      height: auto;
      bottom: 1em;
      right: 1em;
      z-index: 999; }

    /* 1ページ*/
    .EVENT6 #message h4 {
        margin: 8.75vw 0 0; }
    .EVENT6 #message p {
        width: 68.75vw;
        margin: 0 auto 9.375vw;
        padding: 0 4.21875vw 8.4375vw;
        background-image: url(../images/event/event6/message_line_sp.png);
        background-size: 100%; }
    .EVENT6 #third h4 {
        margin-top: 12.5vw;
        padding-top: 4.5vw;
        background: none; }
    .EVENT6 #third > p:first-of-type {
        width: 77.5%;
        margin: 6vw auto 9.25vw;
        padding: 0; }
    .EVENT6 #third .thumb {
        width: 75%;
        margin: 0 auto 10.9375%; }
    .EVENT6 #third h5 {
        margin: 10.5% 0 0; }
    .EVENT6 #third .end {
        width: 75%;
        margin: 5.46875% auto 7.03125%;
        padding: 0;
        font-size: 4.375vw;
        line-height: 2.68;
        background-size: 3.28125% 3.28125%;
        border-width: 1px; }
    .EVENT6 #third figure {
        width: 84.375%;
        margin: 6.25% auto 7.03125%; }
    .EVENT6 #third p.spContent {
        width: 37.03125%;
        margin: 0 auto; }
    .EVENT6 #third .date {
        margin: 6% 0 2.125%;
        font-size: 4.0625vw; }
    .EVENT6 #third .add {
        line-height: 2; }
    .EVENT6 #third .notes {
        margin: 2.5% 0 6.5%;
        font-size: 2.1875vw; }
    .EVENT6 #third .official {
        font-size: 2.5vw; }
    .EVENT6 #third .souvenir dl {
        width: 78.75%;
        margin: 6.25% auto 0;
        padding: 7.8125% 4.375% 3.125%;
        border-width: 1px;
        box-sizing: border-box; }
    .EVENT6 #third .souvenir dd {
        font-size: 2.8125vw; }
    .EVENT6 #third .souvenir dd span {
        font-size: 2.1875vw; }
    .EVENT6 #third .souvenir dd img {
        margin: 7.26% 0 4%; }
    .EVENT6 #third .live ul {
        justify-content: space-between;
        flex-wrap: wrap;
        width: 84.6875%;
        margin: 0 auto; }
    .EVENT6 #third .live li {
        width: 45.203%;
        margin: 9.225% 0 0;
        line-height: 1.25; }
    .EVENT6 #third .live h5 + p {
        width: 38.28125%;
        margin: 9.225% auto 0; }
    .EVENT6 #third .live h5 + p img, .EVENT6 #third .live li img {
        margin-bottom: 7%; }
    .EVENT6 #third .live ul + p {
        width: 100%;
        margin: 7.8125% 0 4.84375%;
        padding: 3.75% 0;
        font-size: inherit;
        line-height: 2.6;
        background-size: 3.28125% 3.28125%; }
    .EVENT6 #tournament {
        margin: 13.125% 0 0;
        background: url(../images/event/event6/tournament_visual_sp.png) center 18.6vw no-repeat;
        background-size: 100%; }
    .EVENT6 #tournament h4 {
        background: none; }
    .EVENT6 #tournament figure {
        width: 53.59375%;
        margin: 32.8125% auto 7.5%; }
    .EVENT6 #funkit {
        padding-bottom: 18.75vw; }
    .EVENT6 #funkit h4 {
        margin: 12.5vw 0 4.6875vw;
        padding-top: 4.5vw;
        background: none; }
    .EVENT6 #funkit .lead {
        font-size: 2.5vw; }
    .EVENT6 #funkit dl {
        width: 73.4375vw;
        margin: 6.25vw auto;
        padding: 7vw 0; }
    .EVENT6 #funkit dt {
        display: inline-block; }
    .EVENT6 #funkit dl ul {
        width: 55.625vw;
        margin: 6.25vw auto 0; }
    .EVENT6 #funkit dl li {
        width: 16.25vw;
        margin-bottom: 2.8125vw; }
    .EVENT6 #funkit dl:not(.wallpaper) li:last-of-type {
        margin: 7vw 0 0 0;
        font-size: 1.8vw; }
    .EVENT6 #funkit dl.wallpaper ul {
        width: 55.625vw; }
    .EVENT6 #funkit dl.wallpaper li {
        width: 55.625vw;
        margin-bottom: 6.5vw;
        font-size: 2.8125vw;
        line-height: 2; }
    .EVENT6 #funkit dl.wallpaper li:nth-child(-n+2) {
        width: 23.125vw;
        letter-spacing: -0.08em; }
    .EVENT6 #funkit dl.wallpaper li img {
        margin-bottom: 1.75vw; }
    .EVENT6 #funkit dl.wallpaper li:nth-child(-n+2) img {
        width: 100%;
        margin: 0 auto 20px; }

    /* 2ページ*/
    .EVENT6 #ffrk {
        padding-bottom: 18.75vw;
        font-size: 2.5vw;
        line-height: 1.875; }
    .EVENT6 #ffrk h4 {
        margin: 9.375vw 0 6.25vw;
        padding-top: 4.5vw;
        background: none; }
    .EVENT6 #ffrk h5 {
        margin: 9.375vw 0 6.25vw; }
    .EVENT6 #ffrk .notes {
        font-size: 2.1875vw; }
    .EVENT6 #ffrk .maincont dd {
        margin: 7.5vw 0 5vw; }
    .EVENT6 #ffrk .maincont figure {
        width: 53.125vw;
        margin: 5vw auto 6.25vw; }
    .EVENT6 #ffrk .music li {
        margin-bottom: 5.5vw; }
    .EVENT6 #ffrk .music li > img {
        width: auto;
        height: 4.375vw; }
    .EVENT6 #ffrk .music li a {
        display: block;
        width: 21.4vw;
        margin: 1.5vw auto 0; }
    .EVENT6 #ffrk .event h5 {
        margin-bottom: 1.5vw; }
    .EVENT6 #ffrk .event h5 + p.notes {
        width: 100%;
        margin: 0 auto 6vw;
        text-align: center; }
    .EVENT6 #ffrk .event figure {
        width: 75vw;
        margin: 0 auto; }
    .EVENT6 #ffrk .event > dl dt {
        margin: 5.75vw auto; }
    .EVENT6 #ffrk .event h6 {
        width: 59vw;
        margin: 9.375vw auto 3.125vw; }
    .EVENT6 #ffrk .event .about {
        display: block;
        width: 64.375vw;
        margin: 0 auto 6.25vw; }
    .EVENT6 #ffrk .event .about figure {
        width: 28.125vw;
        margin: 0 auto 5vw; }
    .EVENT6 #ffrk .event .about dl {
        width: 64.375vw; }
    .EVENT6 #ffrk .event .about dd {
        margin-top: 3.25vw; }
    .EVENT6 #ffrk .event .mv {
        width: 74.6875vw;
        margin: 0 auto 7vw; }
    .EVENT6 #ffrk .event .dlbtn {
        width: 68.75vw;
        margin: 7.75vw auto 0; }
    .EVENT6 #ffrk .event .dlbtn img {
        width: auto;
        height: 10.15625vw; }
    #event6mv .wrap {
        width: auto;
        height: auto; }

    /* 3ページ*/
    .EVENT6 #yuna {
        margin-top: 8.75vw; }
    .EVENT6 #stage h4 {
        margin: 7vw 0 4.5vw;
        padding-top: 4.5vw;
        background: none; }
    .EVENT6 #stage p {
        width: 52.8125vw;
        margin: 0 auto; }
    .EVENT6 #stage figure {
        width: 75.3125vw;
        margin: 4.75vw auto 0; }
    .EVENT6 #bgm {
        padding-bottom: 18.75vw; }
    .EVENT6 #bgm h4 {
        margin: 9.375vw 0 5vw;
        padding-top: 4.5vw;
        background: none; }
    .EVENT6 #bgm figure {
        width: 78.125vw;
        margin: 7.8125vw auto; }

    /* 4ページ*/
    .EVENT6 #osaka h4 {
        margin: 9.375vw 0 6.25vw;
        padding-top: 4.5vw;
        background: none; }
    .EVENT6 #osaka h4 + p {
        margin: 4.6875vw 0; }
    .EVENT6 #osaka figure {
        width: 75.3125vw;
        margin: 0 auto; }
    .EVENT6 #osaka dt {
        width: 69.375vw;
        margin: 6.25vw auto 5.25vw; }
    .EVENT6 #osaka dd {
        font-size: 2.5vw;
        line-height: 2.5; }
    .EVENT6 #player h4 {
        margin: 9.375vw 0 6.25vw;
        padding-top: 4.5vw;
        background: none; }
    .EVENT6 #player dt {
        width: 53vw;
        margin: 0 auto; }
    .EVENT6 #player dd {
        margin: 4.0625vw 0 4.6875vw;
        font-size: 2.5vw;
        line-height: 1.625; }
    .EVENT6 #player .notes {
        margin: 3.125vw 0 0;
        font-size: 2.8125vw; }
    .EVENT6 #illust h4 {
        margin: 9.375vw 0 6.25vw;
        padding-top: 4.5vw;
        background: none; }
    .EVENT6 #illust p {
        margin-bottom: 8vw;
        font-size: 2.5vw; }
    .EVENT6 #illust li {
        width: 78.125vw;
        margin: 4.6875vw auto 0; }
    .EVENT6 #illust p.notes {
        width: 75vw;
        margin: 1.5vw auto 0;
        font-size: 2.1875vw; }
    .EVENT6 #nesica h4 {
        margin: 9.375vw 0 6.25vw;
        padding-top: 4.5vw;
        background: none; }
    .EVENT6 #nesica figure {
        width: 78.125vw;
        margin: 0 auto; }
    .EVENT6 #nesica dt {
        margin: 5vw 0 1.5vw;
        font-size: 2.8125vw;
        line-height: 2.22; }
    .EVENT6 #nesica dd {
        display: inline-block;
        font-size: 2.1875vw;
        line-height: 1.7143;
        text-align: left; }
    .EVENT6 #nesica dd span.spContent {
        display: inline !important; }
    .EVENT6 #limited h4 {
        margin: 9.375vw 0 6.25vw;
        padding-top: 4.5vw;
        background: none; }
    .EVENT6 #limited figure {
        width: 55vw;
        margin: 4vw auto; }
    .EVENT6 #keyholder {
        padding-bottom: 18.75vw; }
    .EVENT6 #keyholder h4 {
        margin: 9.375vw 0 6.25vw;
        padding-top: 4.5vw;
        background: none; }
    .EVENT6 #keyholder figure {
        width: 69.375vw;
        margin: 8.75vw auto 2vw; }
    .EVENT6 #keyholder figure img {
        margin-bottom: 7.8125vw; }
    .EVENT6 #keyholder .date {
        margin: -2vw 0 5vw;
        font-size: 2.5vw;
        line-height: 2.5; }
    .EVENT6 #keyholder dt {
        font-size: 2.5vw; }
    .EVENT6 #keyholder dd {
        font-size: 2.1875vw; }
    .EVENT6 #keyholder dd img {
        width: 32.75vw;
        margin: 4.6875vw auto 2.25vw; }



    /*　------- 公式1DAYトーナメント2018　-------- */
    .EVENT7 .titleWrap {
        height: auto;
        background: url(../images/event/event7/bg_mainvisual_sp.jpg) center top no-repeat;
        background-size: 100%; }
    .EVENT7 .titleWrap .sectionTitle {
        padding-top: 5%; }
    .EVENT7 .titleWrap .logo {
        width:70.625%;
        margin: 23.75% auto 3.25%; }
    .EVENT7 .titleWrap p {
        width: 90%;
        margin: 0 auto; }
    .EVENT7 .menu {
        display: flex;
        justify-content: space-between;
        width: 81.25%;
        margin: 0 auto; }
        .EVENT7 .menu li {
            width: 47.7%;
            margin: 9.04% 0 0; }
        .EVENT7 .menu li.select img,
        .EVENT7 .menu li img:hover {
            opacity: 0; }
        .EVENT7 .menu li:first-child{
            background: url(../images/event/event7/btn_menu01_on.png) center top no-repeat;
            background-size: 100%; }
        .EVENT7 .menu li:nth-child(2){
            background: url(../images/event/event7/btn_menu02_on.png) center top no-repeat;
            background-size: 100%; }
    .EVENT7 .content {
        margin-top: -29.6875%;
        padding: 38.59375% 0 7.8125%;
        background: url(../images/event/event7/bg_about_sp.jpg) center top repeat-y;
        background-size: 100%; }

    /* トーナメントについて */
    .EVENT7 .about {
        font-size: 2.5vw; }
    .EVENT7 .about h4 + p {
        width: 62.96875%;
        margin: 7.8125% auto 0; }
    .EVENT7 .about h5:first-of-type {
        margin: 11.25% 0 4.84375%; }
    .EVENT7 .about > figure {
        width: 80.46875%; }
    .EVENT7 .about > dl dt {
        margin: 3.75% 0 2%;
        font-size: 6.25vw; }
    .EVENT7 .about > dl dd:nth-of-type(1) {
        font-size: 3.75vw;
        line-height: 1.5; }
    .EVENT7 .about > dl dd:nth-of-type(1) span {
        font-size: 3.125vw; }
    .EVENT7 .about > dl dd:nth-of-type(2) {
        width: 37.03125%;
        margin: 2.5% auto 6.25%; }
    .EVENT7 .about > dl dd:nth-of-type(3) a {
        font-size: inherit; }
    .EVENT7 .about .live .thumb {
        width: 78.125%;
        margin: 7.1875% auto 0; }
    .EVENT7 .about .live .notes {
        margin: 4.6875% 0 10%;
        font-size: 2.1875vw; }
    .EVENT7 .about .live ul {
        margin-top: 4.6875%; }
        .EVENT7 .about .live li {
            width: 38.4375%;
            margin: 0 2.03%;
            font-size: 3.125vw; }
        .EVENT7 .about .live li img {
            margin-bottom: 8.13%; }
        .EVENT7 .about .live li a {
            font-size: 2.1875vw; }
    .EVENT7 .about > h5:last-of-type {
        margin: 9.375% 0 4.84375%; }
    .EVENT7 .about > ul li {
        width: 89.21875%;
        margin: 0 auto 2.1875%; }
    .EVENT7 .about > ul li.icon {
        width: 89.21875%;
        margin: 0 auto;
        padding: 8.4375vw 0 9.21875%;
        background-size: 2.34375% 2.34375%;
        border-width: 1px; }
    .EVENT7 .about > ul li.icon h6 {
        width: 48.28125%;
        margin: 0 auto; }
    .EVENT7 .about > ul li.icon p:first-of-type {
        width: 68.75%;
        margin: 5.625% auto 4.625%;
        font-size: inherit;
        text-align: left; }
    .EVENT7 .about > ul li.icon figure {
        width: 68.59375%;
        margin: 0 auto; }
    .EVENT7 .about > ul li.icon p:last-of-type {
        width: 33.125%;
        margin: 7.8125% auto 0; }
    .EVENT7 .about > ul li.icon dt {
        width: 80.625%;
        margin: 5.9375% auto;
        font-size: 3.125vw;
        line-height: 7.5vw; }
    .EVENT7 .about > ul li.icon dt:last-of-type {
        margin-top: 5.9375%; }
    .EVENT7 .about > ul li.icon dd {
        width: 80.9375%;
        margin: 0 auto; }

    /* 大会ルール */
    .EVENT7 .rule h4 {
        margin-bottom: 4.21875%; }
    .EVENT7 .rule dl {
        width: 90.15625%; }
    .EVENT7 .rule dt {
        margin-top: 0.15625%; }
    .EVENT7 .rule dt::after {
        width: 8.146%;
        height: 22.73%;
        background-image: url(../images/event/event7/rule_down_sp.png);
        background-size: 100%;
        bottom: 13%; }
    .EVENT7 .rule dt.act::after {
        background-image: url(../images/event/event7/rule_up_sp.png); }
    .EVENT7 .rule dd {
        margin: 4.5% 3.5% 9.5% 3.75%;
        font-size: 2.5vw;
        line-height: 1.875; }


    /*　------- 公式全国大会2019　-------- */
    .EVENT8 {
        font-size: 2.7vw; }
    .EVENT8 a img:first-of-type {
        display:none; }
    .EVENT8 .titleWrap {
        height: auto;
        background: url(../images/event/event8/bg_mainvisual_sp.jpg) no-repeat center top / 100%; }
    .EVENT8 .titleWrap .sectionTitle {
        margin-bottom: 4.6875%;
        padding-top: 6.5625%; }
    .EVENT8 .menu {
        justify-content: space-between;
        flex-wrap: wrap;
        width: 80.3125%;
        margin: 4.0625% auto 0; }
        .EVENT8 .menu li {
            width: 48.04%;
            margin: 2.53% 0 0; }
    .EVENT8 .content {
        margin-top: -66.40625%;
        padding: 79.53125% 0 14.0625%;
        background: url(../images/event/event7/bg_about_sp.jpg) repeat-y center top / 100%; }
        .EVENT8 .content h5 {
            margin: 13.462% 0 5%; }

    /* トーナメントについて */
    .EVENT8 .about > h5 {
        margin: 8.28125% 0 7.03125%; }
    .EVENT8 .about .place {
        width: 81.25%; }
    .EVENT8 .about .place figure {
        width: 43.27%;
        margin: 0 0 3.85%; }
    .EVENT8 .about .place dl {
        line-height: 1.45; }
    .EVENT8 .about .place dt {
        width: 49.423%; }
    .EVENT8 .about .place dl dd:not(:last-child) {
        margin: 2.5% 0; }
    .EVENT8 .about .place dl dd:last-child {
        width: 100%; }
    .EVENT8 .about .movie {
        position: relative;
        width: 87.5%;
        height: 0;
        margin: 13.462% auto 0;
        padding-top: 56.25%;
        overflow: hidden; }
        .EVENT8 .about .movie iframe {
            position: absolute;
            top: 0; left: 0;
            width: 100%;
            height: 100%; }
    .EVENT8 .about .flow figure {
        width: 69.6875%;
        margin: 9.375% auto 0; }
    .EVENT8 .about .theday .date {
        margin: 8.4375% 0 2.1875%;
        font-size: 3.75vw; }
        .EVENT8 .about .theday p:first-of-type {
            line-height: 1.78; }
        .EVENT8 .about .theday .date span {
            font-size: 2.8125vw; }
        .EVENT8 .about .theday a, .EVENT8 .about .theday > img {
            display: block;
            width: 69.6875%;
            margin: 0 auto;
            font-size: 2.8125vw; }
        .EVENT8 .about .theday .notes {
            margin-top: 3.125%;
            font-size: 2.1875vw; }
    .EVENT8 .about .live ul {
        margin-top: 4.6875%; }
        .EVENT8 .about .live li {
            width: 38.4375%;
            margin: 0 2.03%;
            font-size: 3.125vw; }
        .EVENT8 .about .live li img {
            margin-bottom: 8.13%; }
        .EVENT8 .about .live li a {
            font-size: 2.1875vw; }
    .EVENT8 .about .prize ul {
        width: 89.0625%;
        margin: 0 auto; }
        .EVENT8 .about .prize ul li {
            margin-bottom: 2.1875%; }
        .EVENT8 .about .prize li.icon {
            width: 100%;
            margin: 7% auto 0;
            padding: 8.4375% 4.38% 9.21875%;
            font-size: 2.5vw;
            background-size: 2.34375% 2.34375%;
            border-width: 1px; }
        .EVENT8 .about .prize li.icon p {
            margin: 5.26% 0 7%; }
        .EVENT8 .about .prize li.icon p:last-child {
            margin: 12% 0 0; }
        .EVENT8 .about .prize li.icon p span {
            font-size: 3.125vw; }
        .EVENT8 .about .prize li.icon dt {
            width: 100%;
            margin: 14% auto 8.77%;
            font-size: 3.125vw;
            line-height: 7.5vw; }

    /* 地方選抜予選スケジュール */
    .EVENT8 .schedule h4 {
        margin-bottom: -4.6875%; }
    .EVENT8 .schedule .details {
        width: 89.0625%;
        padding: 1px; }
        .EVENT8 .schedule th, .EVENT8 .schedule td {
            font-size: 1.77vw; }
        .EVENT8 .schedule th {
            padding: 2.632% 0; }
        .EVENT8 .schedule td {
            padding: 4.386% 0 3.86%; }
        .EVENT8 .schedule .part td:nth-last-child(-n+2) {
            padding: 1.05% 0 0.7%; }

    .EVENT8 .schedule dt {
        margin: 7.03% 0; }
    .EVENT8 .schedule dd {
        margin-bottom: 0; }
        .EVENT8 .schedule dd.closing {
            margin: 9.375% 0 12.5%;
            font-size: 3.125vw;
            line-height: 1.63; }
        .EVENT8 .schedule dd p.notes {
            margin-top: 2.34%;
            font-size: 2vw; }
        .EVENT8 .schedule dd p.notes2{
            margin-top: 2.34%;
            font-size: 3vw; }
        .EVENT8 .schedule dd > ul {
            margin-bottom: 9.375%; }
            .EVENT8 .schedule dd > ul > li {
                margin-top: 10.15%; }
            .EVENT8 .schedule dd > ul > li span {
                margin-top: 5.5%;
                font-size: 3.25vw; }
            .EVENT8 .schedule dd > ul > li ul {
                margin-top: 3.9%;}
            .EVENT8 .schedule dd > ul > li li {
                margin-top: 2.1875%;
                font-size: 2.6vw;
                line-height: inherit; }
    .EVENT8 .schedule .theday .date {
        margin: 4.6875% 0 1.5625%;
        font-size: 3.75vw; }
        .EVENT8 .schedule .theday p:first-of-type {
            line-height: 1.78; }
        .EVENT8 .schedule .theday .date span {
            font-size: 2.8125vw; }
        .EVENT8 .schedule .theday a, .EVENT8 .schedule .theday > img {
            display: block;
            width: 69.6875%;
            margin: 0 auto;
            font-size: 2.8125vw; }
        .EVENT8 .schedule .theday .notes {
            margin-top: 3.125%;
            font-size: 2.1875vw; }
    .EVENT8 .local .lead {
        margin: 6.25% 0 12.5%; }
    .EVENT8 .local dl {
        width: auto;
        margin: 3.9% auto 0;
        padding: 4.6875% 5.46875% 1.5625%;
        background-size: 2.34375% 2.34375%; }
        .EVENT8 .local dt:not(:first-child) {
            width: auto;
            margin: 6.25% auto 0;
            padding-top: 7%; }
        .EVENT8 .local dd figure {
            margin: 5.2% 0 7.9%; }
        .EVENT8 .local dd .caution {
            margin-top: 7.9%;
            font-size: 3.125vw; }
        .EVENT8 .local dd:last-child {
            margin-top: 7%; }
        .EVENT8 .local dd ul {
            width: auto;
            margin: 6.14% auto 0; }

    /* 大会ルール */
    .EVENT8 .rule h4 {
        margin-bottom: 8.28125%; }
    .EVENT8 .rule dl {
        width: 89.0625%; }
    .EVENT8 .rule dt {
        margin-top: .7017%; }
    .EVENT8 .rule dt::after {
        width: 10.35%;
        height: 24.3%;
        bottom: 13%; }
    .EVENT8 .rule dd {
        margin: 6.14% 0 7.02%;
        font-size: 2.5vw;
        line-height: 1.875; }
        .EVENT8 .rule dd > p {
            font-size: 2.75vw; }
    .EVENT8 .rule .details {
        margin: 2.6% 0;
        padding: 1px; }
        .EVENT8 .rule th, .EVENT8 .rule td {
            padding: 2.632% 0;
            font-size: 1.77vw; }

    /* 大会結果 */
    .EVENT8 .result dl {
        width: 89.0625%;
        margin: 0 auto; }
    .EVENT8 .result dt {
        margin: 10.9% 0 0; }
    .EVENT8 .result ul {
      width: 89.0625%; }
    .EVENT8 .result li {
      width: 49.3%;
      margin-bottom: 2.28%; }


    /*　------- 4周年記念イベント　-------- */
    .EVENT9 .titleWrap{
        background: url(../images/event/event9/bg_mainvisual_sp.png) no-repeat center top / cover;
        height: 91.40625vw; }
    .EVENT9 .titleWrap .sectionTitle {
        margin-bottom: 0.3125% !important; }
    .EVENT9 .logo {
        width: 59.53125vw;
        margin: 0 auto 7.34375%; }
    .EVENT9 .menu {
        justify-content: space-between;
        width: 92.5%;
        top: 84.84375vw; }
        .EVENT9 .menu li {
            width: 48.305085%;
            margin: 0 0 4.375vw !important; }
    .EVENT9 .contentWrap {
        margin-top: -27.65625%;
        padding-top: 137.8125%;
        /*margin-top: 0;
        padding-top: 97%;*/
        font-size: 2.5vw;
        line-height: 1;
        background: url(../images/event/event9/bg_cont_sp.jpg) repeat-y center top / 100%; }
    .EVENT9 .goMenu {/* メインメニューに戻る */
      position: fixed;
      width: 30vw;
      height: auto;
      bottom: 1em;
      right: 1em;
      z-index: 999; }

    /* 1ページ*/
    .EVENT9 #event h4 {
        margin-bottom: 9.0625%;
        background: none; }
    .EVENT9 #event h5 {
        width: 92.96875%;
        margin: 15.625% auto 6.25%; }
    .EVENT9 #event > h5:first-of-type {
        margin-top: 14.85%; }
    .EVENT9 #event .movie {
        position: relative;
        width: 87.5%;
        height: 0;
        margin: 12.5% auto 0;
        padding-top: 56.25%;
        overflow: hidden; }
        .EVENT9 #event .movie iframe {
            position: absolute;
            top: 0; left: 0;
            width: 100%;
            height: 100%; }
    .EVENT9 #event .place {
        width: 81.25%;
        margin: 0 auto 7.8125%; }
        .EVENT9 #event .place figure {
            width: 43.27%;
            margin: 0 0 3.85%; }
    .EVENT9 #event .place dl {
        line-height: 1.45; }
        .EVENT9 #event .place dt {
            width: 49.423%; }
        .EVENT9 #event .place dl dd:not(:last-child) {
            margin: 2.5% 0; }
        .EVENT9 #event .place dl dd:last-child {
            width: 100%; }
    .EVENT9 #event .place + p {
        width: 69.6875%;
        margin: 0 auto; }

    .EVENT9 #event .live ul {
        width: 100%; }
        .EVENT9 #event .live h5 + p, .EVENT9 #event .live li {
            width: 38.28125%;
            margin: 0 3.125% 7%;
            line-height: 1.5; }
            .EVENT9 #event .live li a {
                font-size: 2.1875vw; }
    .EVENT9 #event .live h5 + p {
        margin: 0 auto 8.5%; }
    .EVENT9 #event .live h5 + p img, .EVENT9 #event .live li img {
        margin-bottom: 5%; }
    .EVENT9 #event .live ul + p {
        width: 92.96875%;
        margin: 6.25% auto 0;
        padding: 3.75% 0;
        font-size: inherit;
        line-height: 2; }

    .EVENT9 #event .souvenir h5 + p {
        font-size: 3vw; }
    .EVENT9 #event .souvenir dl {
        width: 92.96875%;
        margin: 6.25% auto 0;
        padding: 7.8125% 0;
        border-width: 1px; }
    .EVENT9 #event .souvenir dt {
        width: 64%;
        margin: 0 auto; }
    .EVENT9 #event .souvenir dd {
        margin: 6.75% auto 0;
        font-size: 2.8125vw; }
        .EVENT9 #event .souvenir dd span {
            font-size: 2.1875vw; }
        .EVENT9 #event .souvenir dl:nth-of-type(1) dd {
            width: 70%; }
        .EVENT9 #event .souvenir dl:nth-of-type(2) dd {
            width: 85%; }
        .EVENT9 #event .souvenir dl:nth-of-type(3) dd {
            width: 94%; }
    .EVENT9 #event .souvenir dl + p {
        width: 100%;
        margin: 4.6875% auto 0; }
        .EVENT9 #event .souvenir dl + p span {
            width: 15%;
            margin: 7.8125% auto 0;
            text-align: center; }

    .EVENT9 #tournament {
        margin: 15.625% 0 0;
        padding-bottom: 20.5%;
        background: url(../images/event/event9/tournament_kv_sp.png) no-repeat center 12.5% / 100%; }
    .EVENT9 #tournament h4 {
        background: none; }
    .EVENT9 #tournament dl {
        margin: 21% auto 6.72%; }
    .EVENT9 #tournament p {
        width: 66%;
        margin: 0 auto; }

    /* 2ページ*/
    .EVENT9 #ardyn {
        margin-top:-10%;
        padding-top:10%;}
        .EVENT9 #ardyn h4 {
            width: auto;
            height: auto;
            background: none; }
    .EVENT9 #third h4 {
        background: none; }
    .EVENT9 #third ul {
        margin-top: -10.9375%; }
        .EVENT9 #third li {
            height: auto !important;
            background: none !important; }
        .EVENT9 #third li img {
            position: relative !important;
            top:auto !important; left:auto !important;
            transform:translateX(0) !important; }

    /* 3ページ*/
    .EVENT9 #ffrk {
        padding-bottom: 18.75vw; }
    .EVENT9 #ffrk h4 {
        margin-bottom: 9.375%;
        background: none; }
    .EVENT9 #ffrk h5 {
        margin: 14.0625% 0 6.25%; }
    .EVENT9 #ffrk .notes {
        font-size: 2.1875vw; }
    .EVENT9 #ffrk .maincont dd {
        margin: 7.8% 0 5.5%; }
    .EVENT9 #ffrk .music {
        width: 92.1875%;
        margin: 0 auto; }
    .EVENT9 #ffrk .music ul {
        width: auto;
        padding-left: 0;
        text-align: center; }
        .EVENT9 #ffrk .music li {
            margin-bottom: 5.5%; }
        .EVENT9 #ffrk .music li > img {
            width: auto;
            height: 4.25vw;
            margin-right: 0; }
        .EVENT9 #ffrk .music li.ico {
            margin-left: 0; }
        .EVENT9 #ffrk .music li a {
            display: block;
            width: 23.73%;
            margin: 2% auto 0; }
    .EVENT9 #ffrk .event h5 {
        width: 59vw;
        margin: 9.375vw auto 3.125vw; }
    .EVENT9 #ffrk .event .about {
        display: block;
        width: 64.375vw;
        margin: 0 auto 6.25vw; }
    .EVENT9 #ffrk .event .about figure {
        width: 28.125vw;
        margin: 0 auto 5vw; }
    .EVENT9 #ffrk .event .about dl {
        width: 64.375vw; }
        .EVENT9 #ffrk .event .about dd {
        margin-top: 3.25vw;
        font-size: 2.5vw;
        line-height: 1.875; }
    .EVENT9 #ffrk .event .mv {
        width: 74.6875vw;
        margin: 0 auto 7vw; }
    .EVENT9 #ffrk .event .dlbtn {
        width: 68.75vw;
        margin: 7.75vw auto 0; }
    .EVENT9 #ffrk .event .dlbtn img {
        width: auto;
        height: 10.15625vw; }

    /* 4ページ*/
    .EVENT9 #illicon h4 {
        margin-bottom: 8.125%;
        background: none; }
    .EVENT9 #illicon figure:first-of-type {
        margin: 7.8125% 0; }
    .EVENT9 #illicon .date {
        margin: 6.875% 0 6%; }
    .EVENT9 #illicon figure + figure {
        width: 92.1875%;
        margin: 0 auto; }
    .EVENT9 #special h4 {
        width: 92.1875%;
        margin: 11% auto 6.25%; }
    .EVENT9 #special p {
        font-size: 3.4375vw; }
        .EVENT9 #special p.date {
            margin: 10% 0 8.6%; }
        .EVENT9 #special p.notes {
            margin-bottom: 3.9%;
            font-size: 2.5vw; }
        .EVENT9 #special a {
            display: block;
            width: 69.6875%;
            margin: 0 auto; }
    .EVENT9 #collab h4 {
        margin: 15% 0 9.375%;
        background: none; }
    .EVENT9 #collab p {
        font-size: 3.4375vw; }
    .EVENT9 #collab dl {
        width: 92.1875%;
        margin: 6.25% auto 0;
        padding: 7.8125% 0;
        border-width: 1px; }
    .EVENT9 #collab dd {
        width: 78%;
        margin: 5% auto 0; }
    .EVENT9 #collab p {
        font-size: 3.4375vw; }
        .EVENT9 #collab p.notes {
            margin-bottom: 4.5%;
            font-size: 2.5vw; }
    .EVENT9 #limited {
        padding-bottom: 18.75vw; }
    .EVENT9 #limited h4 {
        margin: 15% 0 9.375%;
        background: none; }
    .EVENT9 #limited p:nth-of-type(2) {
        margin: 7.8% 0 4.7%;
        font-size: 3.4375vw; }
    .EVENT9 #limited p:last-child {
        margin-top: 6.25%; }

    /* 5ページ*/
    .EVENT9 #nesica h4 {
        margin-bottom: 7.8125%;
        background: none; }
    .EVENT9 #nesica h5 {
        width: 92.1875%;
        margin: 0 auto 6.25%; }
    .EVENT9 #nesica figure {
        width: 92.1875%;
        margin: 0 auto -2%; }
    .EVENT9 #nesica figure:nth-of-type(2) {
        margin-top: 14%; }
    .EVENT9 #nesica dt {
        margin-top: 10.25%; }
    .EVENT9 #nesica dd {
        margin-top: 5.5%;
        font-size: 2.5vw; }
        .EVENT9 #nesica dd a {
            font-size: 3.4375vw; }
        .EVENT9 #nesica dd a span {
            font-size: 2.8125vw; }
    .EVENT9 #funkit {
        font-size: 2.1825%;
        padding-bottom: 18.75vw; }
    .EVENT9 #funkit h4 {
        margin: 20% 0 7.8%;
        background: none; }
    .EVENT9 #funkit h5 {
        width: 92.1875%;
        margin: 9.375% auto 6.25%; }
    .EVENT9 #funkit .lead {
        font-size: 2.8125vw; }
    .EVENT9 #funkit dl {
        width: 92.1875%;
        margin: 6.25% auto 0;
        padding: 7.8125% 0;
        border-width: 1px; }
        .EVENT9 #funkit dt:not(:first-child) {
            margin-top: 15.2%; }
        .EVENT9 #funkit dd ul {
            display: flex;
            flex-wrap: wrap;
            width: 89.6%;
            margin: 5.5% auto 0; }
          .EVENT9 #funkit .twitter li {
              width: 24.4%;
              margin: 0 0.3% 1.9%; }
          .EVENT9 #funkit .twitter li img {
              width: 100%; }
        .EVENT9 #funkit .wallpaper ul {
            width: 71.5%;
            margin: 5.5% auto -5.5%; }
          .EVENT9 #funkit .wallpaper li {
              margin-bottom: 6.5vw;
              font-size: 2.8125vw;
              line-height: 2; }
          .EVENT9 #funkit .wallpaper li:nth-child(1),
          .EVENT9 #funkit .wallpaper li:nth-child(2),
          .EVENT9 #funkit .wallpaper li:nth-child(3) {
              width: 100%; }
          .EVENT9 #funkit .wallpaper li:nth-child(1) img {
              width: 61.1517%; }
          .EVENT9 #funkit .wallpaper li img {
              margin-bottom: 1.75vw; }

    /* 6ページ*/
    .EVENT9 #arrange h4 {
        margin-bottom: 9.375%;
        background: none; }
    .EVENT9 #arrange .movie dt {
        font-size: 2.8125vw;
        line-height: 1.6667; }
    .EVENT9 #arrange .movie dd {
        position: relative;
        width: 87.5%;
        height: 0;
        margin: 2.35% auto 9.375%;
        padding-top: 56.25%;
        overflow: hidden; }
        .EVENT9 #arrange .movie dd iframe {
            position: absolute;
            top: 0; left: 0;
            width: 100%;
            height: 100%; }
    .EVENT9 #arrange .music {
        width: 92.1875%;
        margin: 0 auto; }
    .EVENT9 #arrange .music ul {
        width: auto;
        padding-left: 0;
        text-align: center; }
        .EVENT9 #arrange .music li {
            margin-bottom: 5.5%; }
        .EVENT9 #arrange .music li > img {
            width: auto;
            height: 4.25vw;
            margin-right: 0; }
        .EVENT9 #arrange .music li a {
            display: block;
            width: 23.73%;
            margin: 2% auto 0; }
    .EVENT9 #arrange .guest {
        padding-bottom: 7.8125%; }
    .EVENT9 #arrange .guest h5 {
        width: 92.1875%;
        margin: 15.625% auto 6.25%; }
    .EVENT9 #arrange .guest div {
        display: block;
        margin-bottom: 5%; }
    .EVENT9 #arrange .guest div.support {
        margin-top: auto; }
    .EVENT9 #arrange .guest div.support figure {
        width: 39.87375%;
        margin-bottom: 0; }
    .EVENT9 #arrange .guest div.support:last-of-type figure {
        width: 53.4375%; }
        .EVENT9 #arrange .guest div figure {
            width: 62.5%;
            margin: 0 auto 3%; }
        .EVENT9 #arrange .guest div dl {
            width: auto; }
        .EVENT9 #arrange .guest div dd {
            margin: 1.5625% 0 0 18.75%;
            font-size: inherit; }
        .EVENT9 #arrange .guest div:nth-child(n+3) dd {
            margin-right: 18.75%; }
        .EVENT9 #arrange .guest div dd strong {
            margin-bottom: 1%; }
        .EVENT9 #arrange .guest > p {
            margin: 1.5625% 18.75% 12%;
            font-size: inherit;
            text-align: left; }
        .EVENT9 #arrange .guest > figure {
            width: 87.5%;
            margin: 0 auto 12%; }

    /* 7ページ*/
    .EVENT9 #illust h4 {
      background: none; }
    .EVENT9 #illust ul.btn {
      justify-content: flex-start;
      width: 100%;
      margin: 4.6875% 0 17% 3.125%; }
      .EVENT9 #illust ul.btn li {
        width: 25.7%;
        margin: 4.6875% -1.1% 0; }
    .EVENT9 #illust .maincont {
      padding-bottom: 1%; }
    .EVENT9 #illust .maincont div {
      display: block; }
      .EVENT9 #illust .maincont div figure {
        width: 48.4375%;
        margin: 0 auto; }
      .EVENT9 #illust .maincont div dl {
        width: 100%;
        margin-top: 3.125%; }
      .EVENT9 #illust .maincont div dt {
        width: 75%;
        margin: 0 auto; }
      .EVENT9 #illust .maincont div dd {
        margin: 3.9% 0 10.9%;
        font-size: 2.8125vw;
        text-align: center; }
      .EVENT9 #illust .maincont div:nth-child(2n) dd {
        margin: 3.9% 0 10.9%;
        text-align: center; }


  /* PLAYERS SITE
   ****************************************************************** */
  .p_site #pageHeader .pageTitle {
    position: absolute;
    top: 61px;
    left: 550px;
    width: 320px; }
    .p_site #pageHeader .pageTitle img {
      width: 100%; }

  .p_siteSection {
    max-width: 900px;
    margin: 0 auto; }
    .p_siteSection .sectionInner {
      width: 100%; }
    .p_siteSection .sectionBg {
      position: relative; }
    .p_siteSection .sectionTitle {
      width: 320px;
      margin: 0 auto 69px;
      padding-top: 72px; }
      .p_siteSection .sectionTitle img {
        width: 100%; }
    .p_siteSection .sectionInner .block {
      margin-bottom: 30px; }
    .p_siteSection .block .title {
      padding-bottom: 5px;
      background: url(../images/p_site/titleLine_sp.png) no-repeat left bottom;
      margin-bottom: 6px; }
      .p_siteSection .block .title img {
        width: 100%; }

  .acContent {
    display: none; }

  .p_siteSection .block h3 {
    position: relative; }
  .p_siteSection .block .acBtn a {
    display: block; }
    .p_siteSection .block .acBtn a:after {
      content: "";
      display: block;
      width: 20px;
      height: 14px;
      position: absolute;
      bottom: 8px;
      right: 20px;
      background: url(../images/p_site/arrow1_sp.png);
      -ms-background-size: 20px auto;
      background-size: 20px auto; }
  .p_siteSection .block .acBtn.on a:after {
    background: url(../images/p_site/arrow2_sp.png);
    -ms-background-size: 20px auto;
    background-size: 20px auto; }

  .blockInner.acContent .fl_R {
    float: none;
    width: auto; }

  .p_siteSection .block p {
    font-size: 15px;
    line-height: 1.65em;
    margin-bottom: 10px; }
  .p_siteSection .foot {
    margin-bottom: 50px !important; }
    .p_siteSection .foot .banner {
      margin-bottom: 20px; }
      .p_siteSection .foot .banner div, .p_siteSection .foot .banner img {
        width: 100%; }
    .p_siteSection .foot .notes {
      padding: 10px; }
      .p_siteSection .foot .notes img {
        width: 70px; }
    .p_siteSection .foot p {
      font-size: 13px;
      line-height: 1.35em; }

  /* MATERIAL DOWNLOAD
   ****************************************************************** */
  .materialSection {
    visibility: hidden; }

  /* MEISTER
   ****************************************************************** */
  .meister #pageHeader {
    background: none; }
    .meister #pageHeader .pageTitle {
      display: none; }

  .meisterSection img {
    display: block; }
  .meisterSection .sectionBg {
    background: url(../images/guide/section_bg_sp.png) repeat center top;
    -ms-background-size: 100% auto;
    background-size: 100% auto;
    padding-bottom: 50px; }
  .meisterSection .sectionTitle {
    width: 100%;
    margin: 0 auto 0 !important;
    padding-top: 72px; }
    .meisterSection .sectionTitle img {
      width: 100%; }
  .meisterSection .block {
    padding: 10px 0;
    border-top: solid 1px #bcbbbd;
    border-bottom: solid 1px #fff; }
  .meisterSection .meisterLogo + .block {
    padding-top: 0;
    border-top: none; }
  .meisterSection .block:last-child {
    padding-bottom: 0;
    border-bottom: none; }
  .meisterSection .meisterImage {
    padding: 0; }
  .meisterSection .banner {
    width: 300px;
    margin: 0 auto 10px; }
  .meisterSection .btn {
    width: 264px;
    margin: 0 auto 30px; }
  .meisterSection .image2 {
    margin-bottom: 25px; }
  .meisterSection .text2 {
    margin-bottom: 10px; }
    .meisterSection .text2 + p {
      margin-bottom: 10px; }
  .meisterSection .text5 {
    margin-bottom: 25px; }
  .meisterSection p {
    color: #00328B;
    font-size: 15px;
    line-height: 1.7em;
    margin-bottom: 1.5em; }
    .meisterSection p.bold {
      font-weight: bold; }

  /* STAFF CREDIT */
  .credit {
    background: none; }
    .credit .pageTitle {
      position: absolute;
      top: 70px;
      left: 597px;
      width: 212px; }
      .credit .pageTitle img {
        width: 100%; }

  .creditSection .spimg {
    display: inline !important; }
  .creditSection .pcimg {
    display: none; }
  .creditSection .sectionTitle {
    width: 236px;
    margin: 0 auto 54px;
    padding-top: 54px;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1; }
    .creditSection .sectionTitle img {
      width: 100%; }
  .creditSection #staffCredit {
    word-break: break-all;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 1px;
    padding: 80px 0; }
  .creditSection .row {
    text-align: center;
    clear: both;
    overflow: hidden;
    padding: 0 0 0; }
  .creditSection .companyM {
    color: #fff;
    font-size: 16px; }
  .creditSection .partTitleS {
    text-align: center;
    color: #999999;
    font-size: 12px;
    margin: 0 0 6px; }
  .creditSection .partTitleM {
    display: table;
    text-align: center;
    color: #999999;
    font-size: 17px;
    margin: 25px auto 25px;
    padding: 0 0 2px;
    border-bottom: 1px solid #999999;
    white-space: nowrap; }
  .creditSection .partTitleL {
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    text-align: center;
    letter-spacing: 3px !important;
    color: #fff;
    font-size: 20px;
    line-height: 120%;
    width: 95%;
    margin: 25px auto 15px;
    position: relative; }
    .creditSection .partTitleL .before {
      content: "";
      width: 400px;
      border-top: 1px solid #fff;
      position: absolute;
      top: 50%;
      left: 0;
      z-index: 0;
      opacity: 0.3;
      filter: alpha(opacity=30); }
    .creditSection .partTitleL .after {
      content: "";
      width: 400px;
      border-top: 1px solid #fff;
      position: absolute;
      top: 50%;
      right: 0;
      z-index: 0;
      opacity: 0.3;
      filter: alpha(opacity=30); }
  .creditSection .name {
    color: #fff;
    display: inline-block;
    vertical-align: top;
    min-width: 40%;
    padding: 0 0 25px; }
    .creditSection .name.row {
      width: 100%; }
  .creditSection .nameL {
    color: #fff;
    display: block;
    line-height: 120%;
    font-size: 15px;
    padding: 0 0 6px;
    white-space: nowrap; }
  .creditSection span.nameL {
    padding: 0 0 0; }
  .creditSection .nameS {
    color: #fff;
    display: block;
    font-size: 10px;
    margin: 0 0 2px;
    white-space: nowrap; } }
/*.materialSection .sectionTitle { margin: 0 auto 5px !important; width:100%; padding-top:15px !important;}
 *.material #pageHeader .pageTitle { display:none;}
 *.materialSection .borderBlock { margin:0 10px 50px;}
 *.materialSection .note { margin:0 10px 42px;}
 *.materialSection .note .inner { padding:13px 0;}
 *.materialSection .note p { color:#fff; text-align:center; font-size:12px; line-height:1.6em;}
 *.materialSection .update { margin:0 10px 3px; line-height:25px;}
 *.materialSection .update span { display:inline-block; width:80px;
 *    -webkit-background-size:75.5px auto;
 *    -moz-background-size:75.5px auto;
 *    -ms-background-size:75.5px auto;
 *    -o-background-size:75.5px auto;
 *    background-size:75.5px auto;}
 *.materialSection .items { margin:0 10px 50px;}
 *.materialSection .items li { float:none; padding:0 0 12px; text-align:center; margin:0 0 15px; width:auto;}
 *.materialSection .items li:nth-child(3n) { margin:0 0 15px; }
 *.materialSection .items li h3 { display:inline-block; font-size:15px; font-weight:bold; color:#E599FF; height:46px; line-height:1.3em; margin-bottom:0;}
 *.materialSection .items li h3 span { display:inline-block; vertical-align:middle; max-width:267px;}
 *.materialSection .items li h3:after { content:''; display:inline-block; width:1px; height:46px; vertical-align:middle;}
 *.materialSection .items li h3.new {}
 *.materialSection .items li h3.new span { max-width:225px; padding-left:42px; background:url(../images/material/new.png) no-repeat left top;
 *    -webkit-background-size:35px auto;
 *    -moz-background-size:35px auto;
 *    -ms-background-size:35px auto;
 *    -o-background-size:35px auto;
 *    background-size:35px auto;}
 *.materialSection .items li .itemImage { width:229px; margin:0 auto 7px;}
 *.materialSection .items li .dlBtn { margin:0 auto; width:282px; display:block;}
 *.borderBlock { -webkit-border-radius:3px; -moz-webkit-border-radius:3px; -ms-webkit-border-radius:3px; -o-webkit-border-radius:3px; webkit-border-radius:3px; border:solid 1px #2c4865; background-color:#222; clear:both; margin-bottom:100px; }
 *.items + .borderBlock .inner { padding:10px;}
 *.borderBlock .inner .adobe { display:none;}
 *.borderBlock .inner .adobe + img { width:108px; margin-bottom:7px;}
 *.dotList li { color:#fff; font-size:12px; line-height:1.6em; margin-bottom:3px;}
 *.dotList li:before { content:'・'; }
 *.dotList li.notDot { text-indent:-1.4em !important; padding-left: 1.4em !important;}
 *.dotList li.notDot:before { content:'';} */
@media screen and (max-width: 400px) {
  .section1 #entryList {
    width: 100%; } }


/* =========================================================
 カレンダー
========================================================= */
/* fullcalendar.min.css */
/*!
 * FullCalendar v3.3.1 Stylesheet
 * Docs & License: https://fullcalendar.io/
 * (c) 2017 Adam Shaw
 */.fc-icon,body .fc{font-size:1em}.fc-button-group,.fc-icon{display:inline-block}.fc-bg,.fc-row .fc-bgevent-skeleton,.fc-row .fc-highlight-skeleton{bottom:0}.fc-icon,.fc-unselectable{-khtml-user-select:none;-webkit-touch-callout:none}.fc{direction:ltr;text-align:left}.fc-rtl{text-align:right}.fc th,.fc-basic-view td.fc-week-number,.fc-icon,.fc-toolbar{text-align:center}.fc-unthemed .fc-content,.fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-list-view,.fc-unthemed .fc-popover,.fc-unthemed .fc-row,.fc-unthemed tbody,.fc-unthemed td,.fc-unthemed th,.fc-unthemed thead{border-color:#ddd}.fc-unthemed .fc-popover{background-color:#fff}.fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-popover .fc-header{background:#eee}.fc-unthemed .fc-popover .fc-header .fc-close{color:#666}.fc-unthemed td.fc-today{background:#fcf8e3}.fc-highlight{background:#bce8f1;opacity:.3}.fc-bgevent{background:#8fdf82;opacity:.3}.fc-nonbusiness{background:#d7d7d7}.fc-unthemed .fc-disabled-day{background:#d7d7d7;opacity:.3}.ui-widget .fc-disabled-day{background-image:none}.fc-icon{height:1em;line-height:1em;overflow:hidden;font-family:"Courier New",Courier,monospace;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fc-icon:after{position:relative}.fc-icon-left-single-arrow:after{content:"\02039";font-weight:700;font-size:200%;top:-7%}.fc-icon-right-single-arrow:after{content:"\0203A";font-weight:700;font-size:200%;top:-7%}.fc-icon-left-double-arrow:after{content:"\000AB";font-size:160%;top:-7%}.fc-icon-right-double-arrow:after{content:"\000BB";font-size:160%;top:-7%}.fc-icon-left-triangle:after{content:"\25C4";font-size:125%;top:3%}.fc-icon-right-triangle:after{content:"\25BA";font-size:125%;top:3%}.fc-icon-down-triangle:after{content:"\25BC";font-size:125%;top:2%}.fc-icon-x:after{content:"\000D7";font-size:200%;top:6%}.fc button{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;height:2.1em;padding:0 .6em;font-size:1em;white-space:nowrap;cursor:pointer}.fc button::-moz-focus-inner{margin:0;padding:0}.fc-state-default{border:1px solid;background-color:#f5f5f5;background-image:-moz-linear-gradient(top,#fff,#e6e6e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);background-image:-o-linear-gradient(top,#fff,#e6e6e6);background-image:linear-gradient(to bottom,#fff,#e6e6e6);background-repeat:repeat-x;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);color:#333;text-shadow:0 1px 1px rgba(255,255,255,.75);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}.fc-state-default.fc-corner-left{border-top-left-radius:4px;border-bottom-left-radius:4px}.fc-state-default.fc-corner-right{border-top-right-radius:4px;border-bottom-right-radius:4px}.fc button .fc-icon{position:relative;top:-.05em;margin:0 .2em;vertical-align:middle}.fc-state-active,.fc-state-disabled,.fc-state-down,.fc-state-hover{color:#333;background-color:#e6e6e6}.fc-state-hover{color:#333;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position .1s linear;-moz-transition:background-position .1s linear;-o-transition:background-position .1s linear;transition:background-position .1s linear}.fc-state-active,.fc-state-down{background-color:#ccc;background-image:none;box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}.fc-state-disabled{cursor:default;background-image:none;opacity:.65;box-shadow:none}.fc-event.fc-draggable,.fc-event[href],.fc-popover .fc-header .fc-close,a[data-goto]{cursor:pointer}.fc .fc-button-group>*{float:left;margin:0 0 0 -1px}.fc .fc-button-group>:first-child{margin-left:0}.fc-popover{position:absolute;box-shadow:0 2px 6px rgba(0,0,0,.15)}.fc-popover .fc-header{padding:2px 4px}.fc-popover .fc-header .fc-title{margin:0 2px}.fc-ltr .fc-popover .fc-header .fc-title,.fc-rtl .fc-popover .fc-header .fc-close{float:left}.fc-ltr .fc-popover .fc-header .fc-close,.fc-rtl .fc-popover .fc-header .fc-title{float:right}.fc-unthemed .fc-popover{border-width:1px;border-style:solid}.fc-unthemed .fc-popover .fc-header .fc-close{font-size:.9em;margin-top:2px}.fc-popover>.ui-widget-header+.ui-widget-content{border-top:0}.fc-divider{border-style:solid;border-width:1px}hr.fc-divider{height:0;margin:0;padding:0 0 2px;border-width:1px 0}.fc-bg table,.fc-row .fc-bgevent-skeleton table,.fc-row .fc-highlight-skeleton table{height:100%}.fc-clear{clear:both}.fc-bg,.fc-bgevent-skeleton,.fc-helper-skeleton,.fc-highlight-skeleton{position:absolute;top:0;left:0;right:0}.fc table{width:100%;box-sizing:border-box;table-layout:fixed;border-collapse:collapse;border-spacing:0;font-size:1em}.fc td,.fc th{border-style:solid;border-width:1px;padding:0;vertical-align:top}.fc td.fc-today{border-style:double}a[data-goto]:hover{text-decoration:underline}.fc .fc-row{border-style:solid;border-width:0}.fc-row table{border-left:0 hidden transparent;border-right:0 hidden transparent;border-bottom:0 hidden transparent}.fc-row:first-child table{border-top:0 hidden transparent}.fc-row{position:relative}.fc-row .fc-bg{z-index:1}.fc-row .fc-bgevent-skeleton td,.fc-row .fc-highlight-skeleton td{border-color:transparent}.fc-row .fc-bgevent-skeleton{z-index:2}.fc-row .fc-highlight-skeleton{z-index:3}.fc-row .fc-content-skeleton{position:relative;z-index:4;padding-bottom:2px}.fc-row .fc-helper-skeleton{z-index:5}.fc-row .fc-content-skeleton td,.fc-row .fc-helper-skeleton td{background:0 0;border-color:transparent;border-bottom:0}.fc-row .fc-content-skeleton tbody td,.fc-row .fc-helper-skeleton tbody td{border-top:0}.fc-scroller{-webkit-overflow-scrolling:touch}.fc-row.fc-rigid,.fc-time-grid-event{overflow:hidden}.fc-scroller>.fc-day-grid,.fc-scroller>.fc-time-grid{position:relative;width:100%}.fc-event{position:relative;display:block;font-size:.85em;line-height:1.3;border-radius:3px;border:1px solid #3a87ad;font-weight:400}.fc-event,.fc-event-dot{background-color:#3a87ad}.fc-event,.fc-event:hover,.ui-widget .fc-event{color:#fff;text-decoration:none}.fc-not-allowed,.fc-not-allowed .fc-event{cursor:not-allowed}.fc-event .fc-bg{z-index:1;background:#fff;opacity:.25}.fc-event .fc-content{position:relative;z-index:2}.fc-event .fc-resizer{position:absolute;z-index:4;display:none}.fc-event.fc-allow-mouse-resize .fc-resizer,.fc-event.fc-selected .fc-resizer{display:block}.fc-event.fc-selected .fc-resizer:before{content:"";position:absolute;z-index:9999;top:50%;left:50%;width:40px;height:40px;margin-left:-20px;margin-top:-20px}.fc-event.fc-selected{z-index:9999!important;box-shadow:0 2px 5px rgba(0,0,0,.2)}.fc-event.fc-selected.fc-dragging{box-shadow:0 2px 7px rgba(0,0,0,.3)}.fc-h-event.fc-selected:before{content:"";position:absolute;z-index:3;top:-10px;bottom:-10px;left:0;right:0}.fc-ltr .fc-h-event.fc-not-start,.fc-rtl .fc-h-event.fc-not-end{margin-left:0;border-left-width:0;padding-left:1px;border-top-left-radius:0;border-bottom-left-radius:0}.fc-ltr .fc-h-event.fc-not-end,.fc-rtl .fc-h-event.fc-not-start{margin-right:0;border-right-width:0;padding-right:1px;border-top-right-radius:0;border-bottom-right-radius:0}.fc-ltr .fc-h-event .fc-start-resizer,.fc-rtl .fc-h-event .fc-end-resizer{cursor:w-resize;left:-1px}.fc-ltr .fc-h-event .fc-end-resizer,.fc-rtl .fc-h-event .fc-start-resizer{cursor:e-resize;right:-1px}.fc-h-event.fc-allow-mouse-resize .fc-resizer{width:7px;top:-1px;bottom:-1px}.fc-h-event.fc-selected .fc-resizer{border-radius:4px;border-width:1px;width:6px;height:6px;border-style:solid;border-color:inherit;background:#fff;top:50%;margin-top:-4px}.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,.fc-rtl .fc-h-event.fc-selected .fc-end-resizer{margin-left:-4px}.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,.fc-rtl .fc-h-event.fc-selected .fc-start-resizer{margin-right:-4px}.fc-day-grid-event{margin:1px 2px 0;padding:0 1px}tr:first-child>td>.fc-day-grid-event{margin-top:2px}.fc-day-grid-event.fc-selected:after{content:"";position:absolute;z-index:1;top:-1px;right:-1px;bottom:-1px;left:-1px;background:#000;opacity:.25}.fc-day-grid-event .fc-content{white-space:nowrap;overflow:hidden}.fc-day-grid-event .fc-time{font-weight:700}.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer{margin-left:-2px}.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer{margin-right:-2px}a.fc-more{margin:1px 3px;font-size:.85em;cursor:pointer;text-decoration:none}a.fc-more:hover{text-decoration:underline}.fc-limited{display:none}.fc-day-grid .fc-row{z-index:1}.fc-more-popover{z-index:2;width:220px}.fc-more-popover .fc-event-container{padding:10px}.fc-now-indicator{position:absolute;border:0 solid red}.fc-unselectable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.fc-toolbar.fc-header-toolbar{margin-bottom:1em}.fc-toolbar.fc-footer-toolbar{margin-top:1em}.fc-toolbar .fc-left{float:left}.fc-toolbar .fc-right{float:right}.fc-toolbar .fc-center{display:inline-block}.fc .fc-toolbar>*>*{float:left;margin-left:.75em}.fc .fc-toolbar>*>:first-child{margin-left:0}.fc-toolbar h2{margin:0}.fc-toolbar button{position:relative}.fc-toolbar .fc-state-hover,.fc-toolbar .ui-state-hover{z-index:2}.fc-toolbar .fc-state-down{z-index:3}.fc-toolbar .fc-state-active,.fc-toolbar .ui-state-active{z-index:4}.fc-toolbar button:focus{z-index:5}.fc-view-container *,.fc-view-container :after,.fc-view-container :before{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fc-view,.fc-view>table{position:relative;z-index:1}.fc-basicDay-view .fc-content-skeleton,.fc-basicWeek-view .fc-content-skeleton{padding-bottom:1em}.fc-basic-view .fc-body .fc-row{min-height:4em}.fc-row.fc-rigid .fc-content-skeleton{position:absolute;top:0;left:0;right:0}.fc-day-top.fc-other-month{opacity:.3}.fc-basic-view .fc-day-number,.fc-basic-view .fc-week-number{padding:2px}.fc-basic-view th.fc-day-number,.fc-basic-view th.fc-week-number{padding:0 2px}.fc-ltr .fc-basic-view .fc-day-top .fc-day-number{float:right}.fc-rtl .fc-basic-view .fc-day-top .fc-day-number{float:left}.fc-ltr .fc-basic-view .fc-day-top .fc-week-number{float:left;border-radius:0 0 3px}.fc-rtl .fc-basic-view .fc-day-top .fc-week-number{float:right;border-radius:0 0 0 3px}.fc-basic-view .fc-day-top .fc-week-number{min-width:1.5em;text-align:center;background-color:#f2f2f2;color:grey}.fc-basic-view td.fc-week-number>*{display:inline-block;min-width:1.25em}.fc-agenda-view .fc-day-grid{position:relative;z-index:2}.fc-agenda-view .fc-day-grid .fc-row{min-height:3em}.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton{padding-bottom:1em}.fc .fc-axis{vertical-align:middle;padding:0 4px;white-space:nowrap}.fc-ltr .fc-axis{text-align:right}.fc-rtl .fc-axis{text-align:left}.ui-widget td.fc-axis{font-weight:400}.fc-time-grid,.fc-time-grid-container{position:relative;z-index:1}.fc-time-grid{min-height:100%}.fc-time-grid table{border:0 hidden transparent}.fc-time-grid>.fc-bg{z-index:1}.fc-time-grid .fc-slats,.fc-time-grid>hr{position:relative;z-index:2}.fc-time-grid .fc-content-col{position:relative}.fc-time-grid .fc-content-skeleton{position:absolute;z-index:3;top:0;left:0;right:0}.fc-time-grid .fc-business-container{position:relative;z-index:1}.fc-time-grid .fc-bgevent-container{position:relative;z-index:2}.fc-time-grid .fc-highlight-container{z-index:3;position:relative}.fc-time-grid .fc-event-container{position:relative;z-index:4}.fc-time-grid .fc-now-indicator-line{z-index:5}.fc-time-grid .fc-helper-container{position:relative;z-index:6}.fc-time-grid .fc-slats td{height:1.5em;border-bottom:0}.fc-time-grid .fc-slats .fc-minor td{border-top-style:dotted}.fc-time-grid .fc-slats .ui-widget-content{background:0 0}.fc-time-grid .fc-highlight{position:absolute;left:0;right:0}.fc-ltr .fc-time-grid .fc-event-container{margin:0 2.5% 0 2px}.fc-rtl .fc-time-grid .fc-event-container{margin:0 2px 0 2.5%}.fc-time-grid .fc-bgevent,.fc-time-grid .fc-event{position:absolute;z-index:1}.fc-time-grid .fc-bgevent{left:0;right:0}.fc-v-event.fc-not-start{border-top-width:0;padding-top:1px;border-top-left-radius:0;border-top-right-radius:0}.fc-v-event.fc-not-end{border-bottom-width:0;padding-bottom:1px;border-bottom-left-radius:0;border-bottom-right-radius:0}.fc-time-grid-event.fc-selected{overflow:visible}.fc-time-grid-event.fc-selected .fc-bg{display:none}.fc-time-grid-event .fc-content{overflow:hidden}.fc-time-grid-event .fc-time,.fc-time-grid-event .fc-title{padding:0 1px}.fc-time-grid-event .fc-time{font-size:.85em;white-space:nowrap}.fc-time-grid-event.fc-short .fc-content{white-space:nowrap}.fc-time-grid-event.fc-short .fc-time,.fc-time-grid-event.fc-short .fc-title{display:inline-block;vertical-align:top}.fc-time-grid-event.fc-short .fc-time span{display:none}.fc-time-grid-event.fc-short .fc-time:before{content:attr(data-start)}.fc-time-grid-event.fc-short .fc-time:after{content:"\000A0-\000A0"}.fc-time-grid-event.fc-short .fc-title{font-size:.85em;padding:0}.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer{left:0;right:0;bottom:0;height:8px;overflow:hidden;line-height:8px;font-size:11px;font-family:monospace;text-align:center;cursor:s-resize}.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after{content:"="}.fc-time-grid-event.fc-selected .fc-resizer{border-radius:5px;border-width:1px;width:8px;height:8px;border-style:solid;border-color:inherit;background:#fff;left:50%;margin-left:-5px;bottom:-5px}.fc-time-grid .fc-now-indicator-line{border-top-width:1px;left:0;right:0}.fc-time-grid .fc-now-indicator-arrow{margin-top:-5px}.fc-ltr .fc-time-grid .fc-now-indicator-arrow{left:0;border-width:5px 0 5px 6px;border-top-color:transparent;border-bottom-color:transparent}.fc-rtl .fc-time-grid .fc-now-indicator-arrow{right:0;border-width:5px 6px 5px 0;border-top-color:transparent;border-bottom-color:transparent}.fc-event-dot{display:inline-block;width:10px;height:10px;border-radius:5px}.fc-rtl .fc-list-view{direction:rtl}.fc-list-view{border-width:1px;border-style:solid}.fc .fc-list-table{table-layout:auto}.fc-list-table td{border-width:1px 0 0;padding:8px 14px}.fc-list-table tr:first-child td{border-top-width:0}.fc-list-heading{border-bottom-width:1px}.fc-list-heading td{font-weight:700}.fc-ltr .fc-list-heading-main{float:left}.fc-ltr .fc-list-heading-alt,.fc-rtl .fc-list-heading-main{float:right}.fc-rtl .fc-list-heading-alt{float:left}.fc-list-item.fc-has-url{cursor:pointer}.fc-list-item:hover td{background-color:#f5f5f5}.fc-list-item-marker,.fc-list-item-time{white-space:nowrap;width:1px}.fc-ltr .fc-list-item-marker{padding-right:0}.fc-rtl .fc-list-item-marker{padding-left:0}.fc-list-item-title a{text-decoration:none;color:inherit}.fc-list-item-title a[href]:hover{text-decoration:underline}.fc-list-empty-wrap2{position:absolute;top:0;left:0;right:0;bottom:0}.fc-list-empty-wrap1{width:100%;height:100%;display:table}.fc-list-empty{display:table-cell;vertical-align:middle;text-align:center}.fc-unthemed .fc-list-empty{background-color:#eee}

/* =========================================================
 calendar.css
========================================================= */
.eventCalendar {
  float: right;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 660px;
  margin-bottom: 15px;
  border: 1px solid #333;
  color: #fff;
}

.eventCalendar * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.calendarHead {
  position: relative;
  background: linear-gradient(#1a0065, #110041, #090024);
}

.calendarHead > h3 {
  padding: 12px 0 5px;
  text-align: center;
}

.calendarHead > h3 > .year {
  margin: 0 0.5em 0 0;
  font-size: 13px;
  line-height: 1.2em;
  font-weight: normal;
}

.calendarHead > h3 > .month {
  font-weight: bold;
  font-size: 17px;
  line-height: 1.2em;
}

.calendarHead .calendarNavi {
  position: absolute;
  top: 0;
  left: 35%;
  width: 30%;
  font-size: 20px;
  font-weight: bold;
}

.calendarHead .calendarNavi li {
  padding: 0 10px;
  font-size: 14px;
  cursor: pointer;
}

.calendarHead .calendarNavi li:hover {
  opacity: 0.7;
}

.calendarHead .calendarPrev {
  position: absolute;
  top: 12px;
  left: 0;
}

.calendarHead .calendarNext {
  position: absolute;
  top: 12px;
  right: 0;
}

.calendarContainer {
  padding: 0 1px 1px;
  font-size: 13px;
}

.calendarContainer > table {
  table-layout: fixed;
  width: 100%;
}

.calendarContainer .calendarContainerWeek {
}

.calendarContainer .calendarContainerWeek table {
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 1px;
  width: 100%;
}

.calendarContainer .calendarContainerWeek table th {
  border: 1px solid #333;
  padding: 5px 0;
  background: linear-gradient(#39334d, #24222b, #222222);
  text-align: center;
  font-weight: normal;
}

.calendarContainer .calendarContainerWeek table th:first-child {
  color: #ff4d4d;
}

.calendarContainer .calendarContainerWeek table th:last-child {
  color: #73b9ff;
}

.calendarContainer tbody {

}

.calendarContainer .calendarContainerBody > tr > td {
  position: relative;
  width: 100%;
}

.calendarContainer tbody td table {
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 1px;
  width: 100%;
}


.calendarContainerRow {
  position: relative;
}

.calendarRowBgTable {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.calendarRowBgTable table {
  height: 100%;
  width: 100%;
}

.calendarRowBgTable td {
  border: 1px solid #333;
  background: #222222;
}

.calendarRowBgTable td.prevMonth,
.calendarRowBgTable td.nextMonth {
  background: #3b3b3b;
}


.calendarContainerRowContents {
  position: relative;
  z-index: 2;
  height: 100%;
  width: 100%;
  min-height: 6em;
}

.calendarContainer tbody td table th {
  padding: 10px;
  font-weight: normal;
}

.calendarContainer tbody td table th:first-child {
  color: #ff4d4d;
}

.calendarContainer tbody td table th:last-child {
  color: #73b9ff;
}

.calendarContainer tbody td table th.holiday {
  color: #ff4d4d;
}

.calendarContainer tbody td table td {
  font-size: 12px;
}

.calendarContainer tbody td table td span,
.calendarContainer tbody td table td a {
  display: block;
}

.calendarContainer tbody td table td a {
  padding: 2px 4px;
}

.calendarContainer tbody td table td a:hover {
  text-decoration: none;
}

.calendarContainer tbody td table td.typeEvent {
}

.calendarContainer tbody td table td.typeEvent span {
  border: 1px solid #69008c;
  background: #a300d9;
}


.calendarContainer tbody td table td.typeTerm {
}

.calendarContainer tbody td table td.typeTerm span {
  border: 1px solid #00661a;
  background: #008c23;
}

.fullcalendarWrap {
  height: 0px;
  overflow: hidden;
}

.fullcalendar {
  /*background: #fff;*/
}

.calendarModalWrap {
  display: none;
  position: absolute;
  z-index: 10000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.calendarModalWrap .calendarModalBg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}

.calendarModalWrap .calendarModalContents {
  position: relative;
  margin: 0 auto;
  max-width: 660px;
}

.calendarModalWrap .calendarModalContents .calendarModalContentsIframe {

}

.calendarModalWrap .calendarModalContents .calendarModalContentsIframe iframe {

}

.calendarModalWrap .calendarModalContents .calendarModalClose {
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 2em;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
}

.calendarModalWrap .calendarModalContents .calendarModalClose:hover {
  opacity: 0.75;
}

img.stage_logo_img{
        width:187px; }

@media screen and (max-width: 980px) { /* iPad landscape */
}


@media screen and (max-width: 736px) {
  .calendarHead .calendarNavi {
    left: 25%;
    width: 50%;
  }

  .calendarHead .calendarNavi li {
    padding: 0 5%;
  }

  .eventCalendar {
    float: none;
    width: auto;
    margin: 0 10px 15px;
  }

    img.stage_logo_img{
        width:270px; }
}