a
{
    cursor: pointer;
}

@media only screen and (min-width: 737px)
{
    .sp
    {
        display: none;
    }

    body
    {
        width: 100%;
    }

    nav
    {
        z-index: 100;
    }

    nav .new-attention
    {
        display: block;
        width: 46.06px;
        height: 46.06px;
        background-image: url("./../img/sp/new/new_bg.png");
        background-repeat: no-repeat;
        background-size: 46.06px 46.06px;
        background-position: 0px 0px;
        position: absolute;
        right: 0px;
        top: 0px;
        z-index: 1;
    }
  @    -webkit-keyframes jump
    {
        0% {
      -webkit-transform: scale(1);
        transform: scale(1);
    }

    50%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    60%
    {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
    }

    75%
    {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    90%
    {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
    }

    100%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes jump
{
    0%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    60%
    {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
    }

    75%
    {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    90%
    {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
    }

    100%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

nav .new-attention .txt
{
    display: block;
    width: 35.28px;
    height: 37.73px;
    background-image: url("./../img/sp/new/new_txt.png");
    background-repeat: no-repeat;
    background-size: 35.28px 37.73px;
    background-position: 0px 0px;
    position: absolute;
    left: 10.78px;
    top: -1.96px;
    -webkit-animation: jump 0.8s linear 0s infinite normal;
    animation: jump 0.8s linear 0s infinite normal;
    overflow: hidden;
    text-indent: 82px;
    white-space: nowrap;
}

nav .btn-nav-open
{
    position: fixed;
    left: 50%;
    margin-left: 438px;
    top: 0px;
    display: block;
    width: 62px;
    height: 62px;
    background-image: url("./../img/sp/nav/btn_nav_open.png");
    background-repeat: no-repeat;
    background-size: 62px 62px;
    background-position: 0px 0px;
    background-color: #000;
    display: none;
    opacity: 0;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

nav .wrap-opened-nav
{
    position: fixed;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    display: none;
    opacity: 0;
}

nav .wrap-opened-nav .bg-layer
{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: transparent;
    left: 0px;
    top: 0px;
}

nav .wrap-opened-nav .wrap-scroll
{
    width: 1000px;
    height: auto;
    padding: 0;
    margin: 100px auto;
    border: solid 6px #FFF;
}

nav .wrap-opened-nav .nav-header
{
    width: 100%;
    height: 62px;
    background: #000;
}

nav .wrap-opened-nav .nav-header .logo
{
    background-image: url("./../img/sp/nav/logo_monst.png");
    background-position: center center;
    background-size: auto 25px;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

nav .wrap-opened-nav .nav-header .btn-nav-close
{
    display: block;
    width: 62px;
    height: 62px;
    background-image: url("./../img/sp/nav/btn_nav_close.png");
    background-repeat: no-repeat;
    background-size: 62px 62px;
    background-position: 0px 0px;
    background-color: #000;
    position: absolute;
    left: auto;
    top: 0px;
    right: 0px;
    bottom: auto;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

nav .wrap-opened-nav ul
{
    background: #111316;
    padding-top: 30px;
    padding-left: 46px;
}

nav .wrap-opened-nav ul:after
{
    visibility: hidden;
    display: block;
    content: " ";
    clear: both;
    height: 0px;
}

nav .wrap-opened-nav ul li
{
    float: left;
    margin-bottom: 30px;
    margin-right: 30px;
    border: solid 1px #FFF;
}

nav .wrap-opened-nav ul li a
{
    margin: 0 auto;
}

nav .wrap-opened-nav ul li
{
    width: 435px;
    height: 136px;
    border: solid 1px #FFF;
}

nav .wrap-opened-nav ul li .top
{
    display: block;
    width: 435px;
    height: 136px;
    background-image: url("./../img/sp/nav/nav_index.jpg");
    background-repeat: no-repeat;
    background-size: 435px 136px;
    background-position: 0px 0px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

nav .wrap-opened-nav ul li .event01
{
    display: block;
    width: 435px;
    height: 136px;
    background-image: url("./../img/sp/nav/nav_event01.jpg");
    background-repeat: no-repeat;
    background-size: 435px 136px;
    background-position: 0px 0px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

nav .wrap-opened-nav ul li .event02
{
    display: block;
    width: 435px;
    height: 136px;
    background-image: url("./../img/sp/nav/nav_event02.jpg");
    background-repeat: no-repeat;
    background-size: 435px 136px;
    background-position: 0px 0px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

nav .wrap-opened-nav ul li .event03
{
    display: block;
    width: 435px;
    height: 136px;
    background-image: url("./../img/sp/nav/nav_event03.jpg");
    background-repeat: no-repeat;
    background-size: 435px 136px;
    background-position: 0px 0px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

nav .wrap-opened-nav ul li .event04
{
    display: block;
    width: 435px;
    height: 136px;
    background-image: url("./../img/sp/nav/nav_event04.jpg");
    background-repeat: no-repeat;
    background-size: 435px 136px;
    background-position: 0px 0px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

nav .wrap-opened-nav ul li .event05
{
    display: block;
    width: 435px;
    height: 136px;
    background-image: url("./../img/sp/nav/nav_event05.jpg");
    background-repeat: no-repeat;
    background-size: 435px 136px;
    background-position: 0px 0px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

nav .wrap-opened-nav ul li .event06
{
    display: block;
    width: 435px;
    height: 136px;
    background-image: url("./../img/sp/nav/nav_event06.jpg");
    background-repeat: no-repeat;
    background-size: 435px 136px;
    background-position: 0px 0px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

nav .wrap-opened-nav ul li .event07
{
    display: block;
    width: 435px;
    height: 136px;
    background-image: url("./../img/sp/nav/nav_event07.jpg");
    background-repeat: no-repeat;
    background-size: 435px 136px;
    background-position: 0px 0px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

nav .wrap-opened-nav .sns
{
    background-color: #233139;
    width: 100%;
    padding: 32px 0;
    box-sizing: border-box;
    text-align: center;
}

nav .wrap-opened-nav .sns .wrap-sns-btns
{
    display: inline-block;
}

nav .wrap-opened-nav .sns .wrap-sns-btns:after
{
    visibility: hidden;
    display: block;
    content: " ";
    clear: both;
    height: 0px;
}

nav .wrap-opened-nav .sns .line
{
    float: left;
    display: block;
    margin-right: 25px;
    display: block;
    width: 160px;
    height: 66px;
    background-image: url("./../img/pc/sns/line.png");
    background-repeat: no-repeat;
    background-size: 160px 66px;
    background-position: 0px 0px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

nav .wrap-opened-nav .sns .twitter
{
    float: left;
    display: block;
    margin-right: 25px;
    display: block;
    width: 160px;
    height: 66px;
    background-image: url("./../img/pc/sns/twitter.png");
    background-repeat: no-repeat;
    background-size: 160px 66px;
    background-position: 0px 0px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

nav .wrap-opened-nav .sns .facebook
{
    float: left;
    display: block;
    display: block;
    width: 160px;
    height: 66px;
    background-image: url("./../img/pc/sns/facebook.png");
    background-repeat: no-repeat;
    background-size: 160px 66px;
    background-position: 0px 0px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

footer
{
    width: 100%;
    height: 472px;
    background: #000;
}

footer .btn-to-pagetop
{
    width: 78px;
    height: 50px;
    background-color: #000;
    background-image: url(./../img/sp/footer/to_pagetop.png);
    background-repeat: no-repeat;
    background-size: 78px 50px;
    background-position: center center;
    position: absolute;
    top: -50px;
    left: 50%;
    margin-left: 422px;
}

footer .kuji-terms
{
    font-size: 1.3em;
    color: #2795fc;
    text-decoration: underline;
    display: block;
    text-align: center;
    top: 50px;
}

footer .logo-xflag
{
    width: 132px;
    height: 153px;
    position: absolute;
    left: 0;
    right: 0;
    top: 134px;
    margin: 0 auto;
    background-image: url(./../img/sp/footer/logo_xflag.png);
    background-repeat: no-repeat;
    background-size: 132px 153px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

footer .management
{
    position: absolute;
    width: 100%;
    bottom: 90px;
    text-align: center;
}

footer .management li
{
    display: inline-block;
    margin: 0 5px;
}

footer .management li a
{
    color: #FFF;
    text-decoration: underline;
}

footer .copyright
{
    font-family: Verdana,Arial,Geneva,Tahoma,sans-serif;
    font-size: 1.3em;
    color: #FFF;
    text-align: center;
    display: block;
    position: absolute;
    width: 100%;
    bottom: 50px;
}

#external
{
    width: 100%;
    height: auto;
    background-color: #131e25;
}

#external .sns
{
    background-color: #233139;
    width: 100%;
    height: 320px;
    padding: 30px 0 0 0;
    box-sizing: border-box;
    text-align: center;
}

#external .sns .wrap-sns-btns
{
    display: inline-block;
}

#external .sns .wrap-sns-btns:after
{
    visibility: hidden;
    display: block;
    content: " ";
    clear: both;
    height: 0px;
}

#external .sns .line
{
    float: left;
    display: block;
    margin-right: 25px;
    display: block;
    width: 160px;
    height: 66px;
    background-image: url("./../img/pc/sns/line.png");
    background-repeat: no-repeat;
    background-size: 160px 66px;
    background-position: 0px 0px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#external .sns .twitter
{
    float: left;
    display: block;
    margin-right: 25px;
    display: block;
    width: 160px;
    height: 66px;
    background-image: url("./../img/pc/sns/twitter.png");
    background-repeat: no-repeat;
    background-size: 160px 66px;
    background-position: 0px 0px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#external .sns .facebook
{
    float: left;
    display: block;
    display: block;
    width: 160px;
    height: 66px;
    background-image: url("./../img/pc/sns/facebook.png");
    background-repeat: no-repeat;
    background-size: 160px 66px;
    background-position: 0px 0px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#external .wrap-ryuheisan
{
    z-index: 1;
    display: block;
    width: 397px;
    height: 179px;
    background-image: url("./../img/pc/sns/ryuheisan.png");
    background-repeat: no-repeat;
    background-size: 397px 179px;
    background-position: 0px 0px;
    margin: 15px auto 0;
}

#external .wrap-ryuheisan .shout-bg
{
    position: absolute;
}

#external .wrap-ryuheisan .shout-txt
{
    position: absolute;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    width: 200px;
}

#external .wrap-ryuheisan .ryuheisan
{
    position: absolute;
}

#external .banner
{
    padding: 30px 0;
}

#external .banner ul
{
    display: block;
    width: 840px;
    margin: 0 auto;
    left: 15px;
}

#external .banner ul:after
{
    visibility: hidden;
    display: block;
    content: " ";
    clear: both;
    height: 0px;
}

#external .banner ul li
{
    float: left;
    margin: 0 30px 20px 0;
    display: block;
    line-height: 0;
    width: 246px;
    height: 99px;
}

#external .banner ul li a
{
    display: block;
}

#external .banner ul li a img
{
    width: 246px;
    height: 99px;
}

#external .banner ul li.twitter-official a
{
    width: 242px;
    height: 68px;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
}

#external .banner ul li.twitter-official img
{
    margin: 0 auto;
    width: 242px;
    height: 68px;
}

#external .banner ul li.line-official a
{
    width: 242px;
    height: 68px;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
}

#external .banner ul li.line-official img
{
    margin: 0 auto;
    width: 242px;
    height: 68px;
}

#app
{
    width: 100%;
    height: 440px;
    background-color: #e60012;
    background-image: url(./../img/sp/app/bg.jpg);
    background-size: 200px 200px;
    background-position: 0px 0px;
    -webkit-animation: slide 3s linear 0s infinite normal;
    animation: slide 3s linear 0s infinite normal;
}

@-webkit-keyframes slide
{
    0%
    {
        background-size: 200px 200px;
        background-position: 0% 0%;
    }

    100%
    {
        background-size: 200px 200px;
        background-position: 200px -200px;
    }
}

@keyframes slide
{
    0%
    {
        background-size: 200px 200px;
        background-position: 0% 0%;
    }

    100%
    {
        background-size: 200px 200px;
        background-position: 200px -200px;
    }
}

#app .app-ryuheisan
{
    position: absolute;
}

#app .app-shout
{
    position: absolute;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#app .app-txt
{
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    margin: 26px auto 0;
    width: 483px;
    height: 266px;
    background-image: url(./../img/pc/app/img_set.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
}

#app .app-txt p
{
    width: 0px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#app .app-txt .arrow
{
    position: absolute;
}

#app .wrap-btn
{
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
}

#app .wrap-btn .app-icon
{
    display: block;
    width: 108px;
    height: 108px;
    background-image: url("./../../common/img/sp/app/icon_app.png");
    background-repeat: no-repeat;
    background-size: 108px 108px;
    background-position: 0px 0px;
    position: absolute;
    left: 50%;
    top: auto;
    right: auto;
    bottom: 73px;
    margin-left: -50px;
    z-index: 2;
}

#app .wrap-btn .btn-to-store,
      #app .wrap-btn .btn-to-app
{
    background-color: transparent;
    display: block;
}

#app .wrap-btn .btn-to-store .attention,
        #app .wrap-btn .btn-to-app .attention
{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(255, 255, 255, 0);
    -webkit-animation: blink 0.5s ease-in 0.3s infinite alternate;
    animation: blink 0.5s ease-in 0.3s infinite alternate;
}

@-webkit-keyframes blink
{
    0%
    {
        background-color: rgba(255, 255, 255, 0);
    }

    100%
    {
        background-color: rgba(255, 255, 255, 0.4);
    }
}

@keyframes blink
{
    0%
    {
        background-color: rgba(255, 255, 255, 0);
    }

    100%
    {
        background-color: rgba(255, 255, 255, 0.4);
    }
}

#app .wrap-btn .btn-to-store p,
        #app .wrap-btn .btn-to-app p
{
    width: 0px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#app .wrap-btn .btn-to-app
{
    width: 240px;
    height: 70px;
    display: block;
    width: 240px;
    height: 70px;
    background-image: url("./../../common/img/pc/app/btn_to_app.png");
    background-repeat: no-repeat;
    background-size: 240px 70px;
    background-position: 0px 0px;
    position: absolute;
    left: 50%;
    top: auto;
    right: auto;
    bottom: 25px;
    margin-left: -248px;
}

#app .wrap-btn .btn-to-store
{
    width: 240px;
    height: 70px;
    display: block;
    width: 240px;
    height: 70px;
    background-image: url("./../../common/img/pc/app/btn_to_install.png");
    background-repeat: no-repeat;
    background-size: 240px 70px;
    background-position: 0px 0px;
    position: absolute;
    left: auto;
    top: auto;
    right: 50%;
    bottom: 25px;
    margin-right: -248px;
}

#app.isPC
{
    height: 320px;
}

#app.isPC .wrap-btn
{
    display: none;
}

#footer-nav
{
    width: 100%;
    background-color: #111316;
}

#footer-nav .new-attention
{
    display: block;
    width: 46.06px;
    height: 46.06px;
    background-image: url("./../img/sp/new/new_bg.png");
    background-repeat: no-repeat;
    background-size: 46.06px 46.06px;
    background-position: 0px 0px;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1;
}

@keyframes jump
{
    0%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    60%
    {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
    }

    75%
    {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    90%
    {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
    }

    100%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

#footer-nav .new-attention .txt
{
    display: block;
    width: 35.28px;
    height: 37.73px;
    background-image: url("./../img/sp/new/new_txt.png");
    background-repeat: no-repeat;
    background-size: 35.28px 37.73px;
    background-position: 0px 0px;
    position: absolute;
    left: 10.78px;
    top: -1.96px;
    -webkit-animation: jump 0.8s linear 0s infinite normal;
    animation: jump 0.8s linear 0s infinite normal;
    overflow: hidden;
    text-indent: 82px;
    white-space: nowrap;
}

#footer-nav:before
{
    content: " ";
    position: relative;
    z-index: 1;
    margin: -1px auto 0;
    display: block;
    width: 640px;
    height: 12px;
    background-image: url("./../img/sp/footer/nav/partition.png");
    background-repeat: no-repeat;
    background-size: 640px 12px;
    background-position: 0px 0px;
    width: 100%;
    background-repeat: repeat-x;
    top: -1px;
}

#footer-nav:after
{
    content: " ";
    position: relative;
    z-index: 1;
    margin: 0 auto -1px;
    display: block;
    width: 640px;
    height: 12px;
    background-image: url("./../img/sp/footer/nav/partition.png");
    background-repeat: no-repeat;
    background-size: 640px 12px;
    background-position: 0px 0px;
    width: 100%;
    background-repeat: repeat-x;
    bottom: -1px;
}

#footer-nav ul
{
    width: 900px;
    margin: 40px auto 10px;
}

#footer-nav ul:after
{
    visibility: hidden;
    display: block;
    content: " ";
    clear: both;
    height: 0px;
}

#footer-nav ul li
{
    margin-bottom: 30px;
    border: solid 1px #FFF;
}

#footer-nav ul li:nth-of-type(2n+1)
{
    float: left;
}

#footer-nav ul li:nth-of-type(2n+2)
{
    float: right;
}

#footer-nav ul li .event01
{
    display: block;
    width: 436px;
    height: 167px;
    background-image: url("./../img/sp/footer/nav/navi_1.jpg");
    background-repeat: no-repeat;
    background-size: 436px 167px;
    background-position: 0px 0px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#footer-nav ul li .event02
{
    display: block;
    width: 436px;
    height: 167px;
    background-image: url("./../img/sp/footer/nav/navi_2.jpg");
    background-repeat: no-repeat;
    background-size: 436px 167px;
    background-position: 0px 0px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#footer-nav ul li .event03
{
    display: block;
    width: 436px;
    height: 167px;
    background-image: url("./../img/sp/footer/nav/navi_3.jpg");
    background-repeat: no-repeat;
    background-size: 436px 167px;
    background-position: 0px 0px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#footer-nav ul li .event04
{
    display: block;
    width: 436px;
    height: 167px;
    background-image: url("./../img/sp/footer/nav/navi_4.jpg");
    background-repeat: no-repeat;
    background-size: 436px 167px;
    background-position: 0px 0px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#footer-nav ul li .event05
{
    display: block;
    width: 436px;
    height: 167px;
    background-image: url("./../img/sp/footer/nav/navi_5.jpg");
    background-repeat: no-repeat;
    background-size: 436px 167px;
    background-position: 0px 0px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#footer-nav ul li .event06
{
    display: block;
    width: 436px;
    height: 167px;
    background-image: url("./../img/sp/footer/nav/navi_6.jpg");
    background-repeat: no-repeat;
    background-size: 436px 167px;
    background-position: 0px 0px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#footer-nav ul li .event07
{
    display: block;
    width: 436px;
    height: 167px;
    background-image: url("./../img/sp/footer/nav/navi_7.jpg");
    background-repeat: no-repeat;
    background-size: 436px 167px;
    background-position: 0px 0px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#footer-nav ul li .comingsoon
{
    display: block;
    width: 436px;
    height: 167px;
    background-image: url("./../img/sp/footer/nav/comingsoon.jpg");
    background-repeat: no-repeat;
    background-size: 436px 167px;
    background-position: 0px 0px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

hr.partition-large
{
    width: 100%;
    height: 12px;
    background-image: url(./../img/sp/footer/nav/partition.png);
    background-size: auto 12px;
    z-index: 10;
    position: relative;
    display: block;
    left: 0px;
    top: 1px;
    margin-top: -2px;
    border: none;
    clear: both;
}

hr.partition
{
    width: 900px;
    margin: 0 auto;
    border: none;
    border-top: solid 4px #a7a7a7;
    display: block;
} }

@media only screen and (max-width: 736px)
{
    .pc
    {
        display: none;
    }

    body
    {
        width: 100%;
    }

    nav
    {
        z-index: 100;
    }

    nav .new-attention
    {
        display: block;
        width: 35.015px;
        height: 35.015px;
        background-image: url("./../img/sp/new/new_bg.png");
        background-repeat: no-repeat;
        background-size: 35.015px 35.015px;
        background-position: 0px 0px;
        position: absolute;
        right: 0px;
        top: 0px;
        z-index: 1;
    }
  @    -webkit-keyframes jump
    {
        0% {
      -webkit-transform: scale(1);
        transform: scale(1);
    }

    50%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    60%
    {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
    }

    75%
    {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    90%
    {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
    }

    100%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes jump
{
    0%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    60%
    {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
    }

    75%
    {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    90%
    {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
    }

    100%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

nav .new-attention .txt
{
    display: block;
    width: 26.82px;
    height: 28.6825px;
    background-image: url("./../img/sp/new/new_txt.png");
    background-repeat: no-repeat;
    background-size: 26.82px 28.6825px;
    background-position: 0px 0px;
    position: absolute;
    left: 8.195px;
    top: -1.49px;
    -webkit-animation: jump 0.8s linear 0s infinite normal;
    animation: jump 0.8s linear 0s infinite normal;
    overflow: hidden;
    text-indent: 46px;
    white-space: nowrap;
}

nav .btn-nav-open
{
    position: fixed;
    right: 0px;
    top: 0px;
    display: block;
    width: 48px;
    height: 48px;
    background-image: url("./../img/sp/nav/btn_nav_open.png");
    background-repeat: no-repeat;
    background-size: 48px 48px;
    background-position: 0px 0px;
    background-color: #000;
    display: none;
    opacity: 0;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

nav .wrap-opened-nav
{
    position: fixed;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    display: none;
    opacity: 0;
}

nav .wrap-opened-nav .bg-layer
{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: transparent;
    left: 0px;
    top: 0px;
}

nav .wrap-opened-nav .nav-header
{
    width: 100%;
    height: 48px;
    background: #000;
}

nav .wrap-opened-nav .nav-header .logo
{
    display: block;
    width: 109px;
    height: 23px;
    background-image: url("./../img/sp/nav/logo_monst.png");
    background-repeat: no-repeat;
    background-size: 109px 23px;
    background-position: 0px 0px;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

nav .wrap-opened-nav .nav-header .btn-nav-close
{
    display: block;
    width: 48px;
    height: 48px;
    background-image: url("./../img/sp/nav/btn_nav_close.png");
    background-repeat: no-repeat;
    background-size: 48px 48px;
    background-position: 0px 0px;
    background-color: #000;
    position: absolute;
    left: auto;
    top: 0px;
    right: 0px;
    bottom: auto;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

nav .wrap-opened-nav ul:before
{
    width: 100%;
    height: 6px;
    background-color: #FFF;
    content: " ";
    position: relative;
    display: block;
    left: 0px;
    top: 0px;
}

nav .wrap-opened-nav ul li:after
{
    width: 100%;
    height: 6px;
    background-color: #FFF;
    content: " ";
    position: relative;
    display: block;
    left: 0px;
    top: 0px;
}

nav .wrap-opened-nav ul li .top
{
    display: block;
    width: 320px;
    height: 100px;
    background-image: url("./../img/sp/nav/nav_index.jpg");
    background-repeat: no-repeat;
    background-size: 320px 100px;
    background-position: 0px 0px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

nav .wrap-opened-nav ul li .event01
{
    display: block;
    width: 320px;
    height: 100px;
    background-image: url("./../img/sp/nav/nav_event01.jpg");
    background-repeat: no-repeat;
    background-size: 320px 100px;
    background-position: 0px 0px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

nav .wrap-opened-nav ul li .event02
{
    display: block;
    width: 320px;
    height: 100px;
    background-image: url("./../img/sp/nav/nav_event02.jpg");
    background-repeat: no-repeat;
    background-size: 320px 100px;
    background-position: 0px 0px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

nav .wrap-opened-nav ul li .event03
{
    display: block;
    width: 320px;
    height: 100px;
    background-image: url("./../img/sp/nav/nav_event03.jpg");
    background-repeat: no-repeat;
    background-size: 320px 100px;
    background-position: 0px 0px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

nav .wrap-opened-nav ul li .event04
{
    display: block;
    width: 320px;
    height: 100px;
    background-image: url("./../img/sp/nav/nav_event04.jpg");
    background-repeat: no-repeat;
    background-size: 320px 100px;
    background-position: 0px 0px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

nav .wrap-opened-nav ul li .event05
{
    display: block;
    width: 320px;
    height: 100px;
    background-image: url("./../img/sp/nav/nav_event05.jpg");
    background-repeat: no-repeat;
    background-size: 320px 100px;
    background-position: 0px 0px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

nav .wrap-opened-nav ul li .event06
{
    display: block;
    width: 320px;
    height: 100px;
    background-image: url("./../img/sp/nav/nav_event06.jpg");
    background-repeat: no-repeat;
    background-size: 320px 100px;
    background-position: 0px 0px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

nav .wrap-opened-nav ul li .event07
{
    display: block;
    width: 320px;
    height: 100px;
    background-image: url("./../img/sp/nav/nav_event07.jpg");
    background-repeat: no-repeat;
    background-size: 320px 100px;
    background-position: 0px 0px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

nav .wrap-opened-nav .sns
{
    background-color: #233139;
    width: 100%;
    padding: 16px 0;
    box-sizing: border-box;
    text-align: center;
}

nav .wrap-opened-nav .sns .wrap-sns-btns
{
    display: inline-block;
}

nav .wrap-opened-nav .sns .wrap-sns-btns:after
{
    visibility: hidden;
    display: block;
    content: " ";
    clear: both;
    height: 0px;
}

nav .wrap-opened-nav .sns .line
{
    float: left;
    display: block;
    display: block;
    width: 94px;
    height: 66px;
    background-image: url("./../img/sp/sns/line.png");
    background-repeat: no-repeat;
    background-size: 94px 66px;
    background-position: 0px 0px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

nav .wrap-opened-nav .sns .twitter
{
    float: left;
    display: block;
    display: block;
    width: 94px;
    height: 66px;
    background-image: url("./../img/sp/sns/twitter.png");
    background-repeat: no-repeat;
    background-size: 94px 66px;
    background-position: 0px 0px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

nav .wrap-opened-nav .sns .facebook
{
    float: left;
    display: block;
    display: block;
    width: 94px;
    height: 66px;
    background-image: url("./../img/sp/sns/facebook.png");
    background-repeat: no-repeat;
    background-size: 94px 66px;
    background-position: 0px 0px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

footer
{
    width: 100%;
    height: 305px;
    background: #000;
}

footer .btn-to-pagetop
{
    width: 58px;
    height: 36px;
    background-color: #000;
    background-image: url(./../img/sp/footer/to_pagetop.png);
    background-repeat: no-repeat;
    background-size: 58px 36px;
    background-position: center center;
    position: absolute;
    top: -36px;
    right: 10px;
}

footer .kuji-terms
{
    font-size: 1.1em;
    color: #2795fc;
    text-decoration: underline;
    display: block;
    text-align: center;
    top: 23px;
}

footer .logo-xflag
{
    width: 90px;
    height: 104px;
    position: absolute;
    left: 0;
    right: 0;
    top: -30px;
    bottom: 0;
    margin: auto;
    background-image: url(./../img/sp/footer/logo_xflag.png);
    background-repeat: no-repeat;
    background-size: 90px 104px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

footer .management
{
    position: absolute;
    width: 100%;
    bottom: 60px;
    text-align: center;
}

footer .management li
{
    display: inline-block;
    margin: 0 5px;
}

footer .management li a
{
    color: #FFF;
    text-decoration: underline;
}

footer .copyright
{
    font-family: Verdana,Arial,Geneva,Tahoma,sans-serif;
    font-size: 1em;
    color: #FFF;
    text-align: center;
    display: block;
    position: absolute;
    width: 100%;
    bottom: 25px;
}

#external
{
    width: 320px;
    height: auto;
    background-color: #131e25;
}

#external .sns
{
    background-color: #233139;
    width: 100%;
    height: 242px;
    padding: 16px 0 0 0;
    box-sizing: border-box;
    text-align: center;
}

#external .sns .wrap-sns-btns
{
    display: inline-block;
}

#external .sns .wrap-sns-btns:after
{
    visibility: hidden;
    display: block;
    content: " ";
    clear: both;
    height: 0px;
}

#external .sns .line
{
    float: left;
    display: block;
    display: block;
    width: 94px;
    height: 66px;
    background-image: url("./../img/sp/sns/line.png");
    background-repeat: no-repeat;
    background-size: 94px 66px;
    background-position: 0px 0px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#external .sns .twitter
{
    float: left;
    display: block;
    display: block;
    width: 94px;
    height: 66px;
    background-image: url("./../img/sp/sns/twitter.png");
    background-repeat: no-repeat;
    background-size: 94px 66px;
    background-position: 0px 0px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#external .sns .facebook
{
    float: left;
    display: block;
    display: block;
    width: 94px;
    height: 66px;
    background-image: url("./../img/sp/sns/facebook.png");
    background-repeat: no-repeat;
    background-size: 94px 66px;
    background-position: 0px 0px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#external .wrap-ryuheisan
{
    z-index: 1;
    width: 100%;
    height: 140.5px;
}

#external .wrap-ryuheisan .shout-bg
{
    display: block;
    width: 192px;
    height: 123px;
    background-image: url("./../img/sp/sns/shout_bg.png");
    background-repeat: no-repeat;
    background-size: 192px 123px;
    background-position: 0px 0px;
    position: absolute;
    left: 8.5px;
    top: 21px;
    right: auto;
    bottom: auto;
}

#external .wrap-ryuheisan .shout-txt
{
    display: block;
    width: 104px;
    height: 42.5px;
    background-image: url("./../img/sp/sns/shout_txt.png");
    background-repeat: no-repeat;
    background-size: 104px 42.5px;
    background-position: 0px 0px;
    position: absolute;
    left: 48px;
    top: 59px;
    right: auto;
    bottom: auto;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    text-index: 200px;
}

@-webkit-keyframes shake
{
    0%
    {
        -webkit-transform: translate3d(-6px, -2px, 0px);
        transform: translate3d(-6px, -2px, 0px);
    }

    10%
    {
        -webkit-transform: translate3d(3px, -3px, 0px);
        transform: translate3d(3px, -3px, 0px);
    }

    20%
    {
        -webkit-transform: translate3d(6px, 4px, 0px);
        transform: translate3d(6px, 4px, 0px);
    }

    30%
    {
        -webkit-transform: translate3d(-2px, 2px, 0px);
        transform: translate3d(-2px, 2px, 0px);
    }

    40%
    {
        -webkit-transform: translate3d(-5px, -4px, 0px);
        transform: translate3d(-5px, -4px, 0px);
    }

    50%
    {
        -webkit-transform: translate3d(5px, -2px, 0px);
        transform: translate3d(5px, -2px, 0px);
    }

    60%
    {
        -webkit-transform: translate3d(3px, 2px, 0px);
        transform: translate3d(3px, 2px, 0px);
    }

    70%
    {
        -webkit-transform: translate3d(-6px, 4px, 0px);
        transform: translate3d(-6px, 4px, 0px);
    }

    80%
    {
        -webkit-transform: translate3d(-3px, -2px, 0px);
        transform: translate3d(-3px, -2px, 0px);
    }

    100%
    {
        -webkit-transform: translate3d(3px, -4px, 0px);
        transform: translate3d(3px, -4px, 0px);
    }
}

@keyframes shake
{
    0%
    {
        -webkit-transform: translate3d(-6px, -2px, 0px);
        transform: translate3d(-6px, -2px, 0px);
    }

    10%
    {
        -webkit-transform: translate3d(3px, -3px, 0px);
        transform: translate3d(3px, -3px, 0px);
    }

    20%
    {
        -webkit-transform: translate3d(6px, 4px, 0px);
        transform: translate3d(6px, 4px, 0px);
    }

    30%
    {
        -webkit-transform: translate3d(-2px, 2px, 0px);
        transform: translate3d(-2px, 2px, 0px);
    }

    40%
    {
        -webkit-transform: translate3d(-5px, -4px, 0px);
        transform: translate3d(-5px, -4px, 0px);
    }

    50%
    {
        -webkit-transform: translate3d(5px, -2px, 0px);
        transform: translate3d(5px, -2px, 0px);
    }

    60%
    {
        -webkit-transform: translate3d(3px, 2px, 0px);
        transform: translate3d(3px, 2px, 0px);
    }

    70%
    {
        -webkit-transform: translate3d(-6px, 4px, 0px);
        transform: translate3d(-6px, 4px, 0px);
    }

    80%
    {
        -webkit-transform: translate3d(-3px, -2px, 0px);
        transform: translate3d(-3px, -2px, 0px);
    }

    100%
    {
        -webkit-transform: translate3d(3px, -4px, 0px);
        transform: translate3d(3px, -4px, 0px);
    }
}

#external .wrap-ryuheisan .ryuheisan
{
    display: block;
    width: 123.5px;
    height: 133.5px;
    background-image: url("./../img/sp/sns/ryuheisan.png");
    background-repeat: no-repeat;
    background-size: 123.5px 133.5px;
    background-position: 0px 0px;
    position: absolute;
    left: 187.5px;
    top: 7px;
    right: auto;
    bottom: auto;
}

#external .wrap-ryuheisan .ryuheisan.shake
{
    -webkit-animation: shake 0.12s linear 0s 3 normal;
    animation: shake 0.12s linear 0s 3 normal;
}

#external .banner
{
    padding: 14px 0 50px;
}

#external .banner ul
{
    display: block;
    margin-left: 10px;
}

#external .banner ul:after
{
    visibility: hidden;
    display: block;
    content: " ";
    clear: both;
    height: 0px;
}

#external .banner ul li
{
    float: left;
    margin: 0 10px 10px 0;
    display: block;
    line-height: 0;
}

#external .banner ul li a
{
    display: block;
}

#external .banner ul li a img
{
    width: 145px;
    height: 58px;
}

#external .banner ul li.twitter-official
{
    clear: both;
    margin-top: 20px;
    margin-bottom: 0;
    margin-left: 41px;
    width: 229px;
}

#external .banner ul li.twitter-official img
{
    margin: 0 auto;
    width: 229px;
    height: auto;
}

#external .banner ul li.line-official
{
    clear: both;
    margin-top: 10px;
    margin-left: 41px;
    width: 229px;
}

#external .banner ul li.line-official img
{
    margin: 0 auto;
    width: 229px;
    height: auto;
}

#app
{
    width: 320px;
    height: 273px;
    background-color: #e60012;
    background-image: url(./../img/sp/app/bg.jpg);
    background-size: 100px 100px;
    background-position: 0px 0px;
    -webkit-animation: slide 3s linear 0s infinite normal;
    animation: slide 3s linear 0s infinite normal;
}

@-webkit-keyframes slide
{
    0%
    {
        background-size: 100px 100px;
        background-position: 0% 0%;
    }

    100%
    {
        background-size: 100px 100px;
        background-position: 100px -100px;
    }
}

@keyframes slide
{
    0%
    {
        background-size: 100px 100px;
        background-position: 0% 0%;
    }

    100%
    {
        background-size: 100px 100px;
        background-position: 100px -100px;
    }
}

#app .app-ryuheisan
{
    display: block;
    width: 110px;
    height: 163px;
    background-image: url("./../img/sp/app/ryuheisan.png");
    background-repeat: no-repeat;
    background-size: 110px 163px;
    background-position: 0px 0px;
    position: absolute;
    left: 15px;
    top: 15px;
}

#app .app-ryuheisan.shake
{
    -webkit-animation: shake 0.12s linear 0s 3 normal;
    animation: shake 0.12s linear 0s 3 normal;
}

#app .app-shout
{
    position: absolute;
    left: 117px;
    top: 16px;
}

#app .app-shout .shout-bg
{
    display: block;
    width: 194px;
    height: 123px;
    background-image: url("./../img/sp/app/shout_bg.png");
    background-repeat: no-repeat;
    background-size: 194px 123px;
    background-position: 0px 0px;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

#app .app-shout .shout-text
{
    display: block;
    width: 105px;
    height: 43px;
    background-image: url("./../img/sp/app/shout_txt.png");
    background-repeat: no-repeat;
    background-size: 105px 43px;
    background-position: 0px 0px;
    position: absolute;
    left: 47px;
    top: 39px;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    text-indent: 200px;
}

#app .app-txt
{
    display: none;
}

#app .app-txt p
{
    width: 0px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#app .app-txt .arrow
{
    position: absolute;
    left: 67px;
    top: 40px;
    width: 12px;
    height: 10px;
    background-image: url(./../img/sp/app/arrow.png);
    background-repeat: repeat-y;
    background-size: 12px 16px;
    -webkit-animation: arrow 0.4s linear 0s infinite normal;
    animation: arrow 0.4s linear 0s infinite normal;
}

@-webkit-keyframes arrow
{
    0%
    {
        background-size: 12px 16px;
        background-position: 0% 0%;
    }

    100%
    {
        background-size: 12px 16px;
        background-position: 0% 16px;
    }
}

@keyframes arrow
{
    0%
    {
        background-size: 12px 16px;
        background-position: 0% 0%;
    }

    100%
    {
        background-size: 12px 16px;
        background-position: 0% 16px;
    }
}

#app .wrap-btn
{
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
}

#app .wrap-btn .app-icon
{
    display: block;
    width: 78px;
    height: 78px;
    background-image: url("./../../common/img/sp/app/icon_app.png");
    background-repeat: no-repeat;
    background-size: 78px 78px;
    background-position: 0px 0px;
    position: absolute;
    left: 125px;
    top: auto;
    right: auto;
    bottom: 59px;
    z-index: 2;
}

#app .wrap-btn .btn-to-store,
      #app .wrap-btn .btn-to-app
{
    background-color: transparent;
    display: block;
}

#app .wrap-btn .btn-to-store .attention,
        #app .wrap-btn .btn-to-app .attention
{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(255, 255, 255, 0);
    -webkit-animation: blink 0.5s ease-in 0.3s infinite alternate;
    animation: blink 0.5s ease-in 0.3s infinite alternate;
}

@-webkit-keyframes blink
{
    0%
    {
        background-color: rgba(255, 255, 255, 0);
    }

    100%
    {
        background-color: rgba(255, 255, 255, 0.4);
    }
}

@keyframes blink
{
    0%
    {
        background-color: rgba(255, 255, 255, 0);
    }

    100%
    {
        background-color: rgba(255, 255, 255, 0.4);
    }
}

#app .wrap-btn .btn-to-store p,
        #app .wrap-btn .btn-to-app p
{
    width: 0px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#app .wrap-btn .btn-to-app
{
    width: 290px;
    height: 118px;
    display: block;
    width: 145px;
    height: 59px;
    background-image: url("./../../common/img/sp/app/btn_to_app.png");
    background-repeat: no-repeat;
    background-size: 145px 59px;
    background-position: 0px 0px;
    position: absolute;
    left: 10px;
    top: auto;
    right: auto;
    bottom: 19px;
}

#app .wrap-btn .btn-to-store
{
    width: 290px;
    height: 118px;
    display: block;
    width: 145px;
    height: 59px;
    background-image: url("./../../common/img/sp/app/btn_to_install.png");
    background-repeat: no-repeat;
    background-size: 145px 59px;
    background-position: 0px 0px;
    position: absolute;
    left: auto;
    top: auto;
    right: 10px;
    bottom: 19px;
}

#app.isPC
{
    height: 193px;
}

#app.isPC .wrap-btn
{
    display: none;
}

#footer-nav .new-attention
{
    display: block;
    width: 35.015px;
    height: 35.015px;
    background-image: url("./../img/sp/new/new_bg.png");
    background-repeat: no-repeat;
    background-size: 35.015px 35.015px;
    background-position: 0px 0px;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1;
}

@keyframes jump
{
    0%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    60%
    {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
    }

    75%
    {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    90%
    {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
    }

    100%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

#footer-nav .new-attention .txt
{
    display: block;
    width: 26.82px;
    height: 28.6825px;
    background-image: url("./../img/sp/new/new_txt.png");
    background-repeat: no-repeat;
    background-size: 26.82px 28.6825px;
    background-position: 0px 0px;
    position: absolute;
    left: 8.195px;
    top: -1.49px;
    -webkit-animation: jump 0.8s linear 0s infinite normal;
    animation: jump 0.8s linear 0s infinite normal;
    overflow: hidden;
    text-indent: 46px;
    white-space: nowrap;
}

#footer-nav ul:before
{
    content: " ";
    position: relative;
    z-index: 1;
    margin: -0.5px auto;
    display: block;
    width: 320px;
    height: 6px;
    background-image: url("./../img/sp/footer/nav/partition.png");
    background-repeat: no-repeat;
    background-size: 320px 6px;
    background-position: 0px 0px;
}

#footer-nav ul li .event01
{
    display: block;
    width: 320px;
    height: 123px;
    background-image: url("./../img/sp/footer/nav/navi_1.jpg");
    background-repeat: no-repeat;
    background-size: 320px 123px;
    background-position: 0px 0px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#footer-nav ul li .event02
{
    display: block;
    width: 320px;
    height: 123px;
    background-image: url("./../img/sp/footer/nav/navi_2.jpg");
    background-repeat: no-repeat;
    background-size: 320px 123px;
    background-position: 0px 0px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#footer-nav ul li .event03
{
    display: block;
    width: 320px;
    height: 123px;
    background-image: url("./../img/sp/footer/nav/navi_3.jpg");
    background-repeat: no-repeat;
    background-size: 320px 123px;
    background-position: 0px 0px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#footer-nav ul li .event04
{
    display: block;
    width: 320px;
    height: 123px;
    background-image: url("./../img/sp/footer/nav/navi_4.jpg");
    background-repeat: no-repeat;
    background-size: 320px 123px;
    background-position: 0px 0px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#footer-nav ul li .event05
{
    display: block;
    width: 320px;
    height: 123px;
    background-image: url("./../img/sp/footer/nav/navi_5.jpg");
    background-repeat: no-repeat;
    background-size: 320px 123px;
    background-position: 0px 0px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#footer-nav ul li .event06
{
    display: block;
    width: 320px;
    height: 123px;
    background-image: url("./../img/sp/footer/nav/navi_6.jpg");
    background-repeat: no-repeat;
    background-size: 320px 123px;
    background-position: 0px 0px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#footer-nav ul li .event07
{
    display: block;
    width: 320px;
    height: 123px;
    background-image: url("./../img/sp/footer/nav/navi_7.jpg");
    background-repeat: no-repeat;
    background-size: 320px 123px;
    background-position: 0px 0px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#footer-nav ul li .comingsoon
{
    display: block;
    width: 320px;
    height: 123px;
    background-image: url("./../img/sp/footer/nav/comingsoon.jpg");
    background-repeat: no-repeat;
    background-size: 320px 123px;
    background-position: 0px 0px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#footer-nav ul li:after
{
    content: " ";
    position: relative;
    z-index: 5;
    margin: -0.5px auto;
    display: block;
    width: 320px;
    height: 6px;
    background-image: url("./../img/sp/footer/nav/partition.png");
    background-repeat: no-repeat;
    background-size: 320px 6px;
    background-position: 0px 0px;
}

hr.partition-large
{
    width: 100%;
    height: 6px;
    background-image: url(./../img/sp/footer/nav/partition.png);
    background-size: auto 6px;
    z-index: 15;
    position: relative;
    display: block;
    left: 0px;
    top: 1px;
    margin-top: -2px;
    border: none;
    clear: both;
}

hr.partition
{
    width: 290px;
    margin: 0 auto;
    border: none;
    border-top: solid 4px #cbcbcb;
    display: block;
}

.accordion-open
{
    transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
    height: auto;
}

.accordion-close
{
    transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
    height: 0px;
} }