@charset 'UTF-8';
/* Scss Document */
/*******************************
reset
*******************************/
/*******************************
default
*******************************/
/*******************************
header
*******************************/
header
{
    position: relative;
}

/*******************************
footer
*******************************/
/*******************************
section
|--section-title
|--section-main-movie
|--section-special
|--section-news
*******************************/
section h2
{
    font-size: 24px;
    line-height: 100%;

    position: relative;
    top: 0;
    left: 0;

    padding-bottom: 14px;

    text-align: center;
    letter-spacing: 5px;
}
section h2:before
{
    position: absolute;
    bottom: 0;
    left: 50%;

    width: 40px;
    height: auto;

    content: '';
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);

    border: solid 1px #090909;
}

@media screen and (max-width: 1281px)
{
    .main-container
    {
        overflow-x: hidden;
    }

    section h2
    {
        font-size: 1.874vw;

        padding-bottom: 1.0929vw;

        letter-spacing: .3903vw;
    }
    section h2:before
    {
        width: 3.123vw;

        border: solid 1px #090909;
    }
}
.section-group
{
    position: relative;
    top: 0;
    left: 0;
}

/*section-title*/
.title-section
{
    position: relative;
    top: 0;
    left: 0;

    overflow: hidden;

    border-bottom: solid 1px #fff;
    background: url(/assets/img/index/bg-all.png) repeat-x top center;
}
.title-section article
{
    overflow: hidden;

    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
}
.title-section article.ryu3
{
    background-image: url(/assets/img/index/bg-ryu3.jpg);
}
.title-section article.ryu3 .head-box h1
{
    padding-left: 11px;
}
.title-section article.ryu3 .head-box .text
{
    margin-top: 23px;
    padding-right: 0;
    padding-left: 5px;

    text-align: center;
}
.title-section article.ryu3 .main-visual:after
{
    position: absolute;
    right: 130px;
    bottom: 0;

    width: 646px;
    height: 702px;

    content: '';

    background: url(/assets/img/index/chara-ryu3.png) no-repeat 0 bottom;
}
.title-section article.ryu_online02
{
    background-image: url(/assets/img/index/bg_online02.jpg);
    background-size: cover;
}
.title-section article.ryu_online02:after
{
    position: absolute;
    right: 0;
    bottom: 0;

    width: 1215px;
    height: 800px;

    content: '';

    background: url(/assets/img/index/chara_online02.png) no-repeat 0 bottom;
}
.title-section article.ryu_online02:before
{
    position: absolute;
    z-index: 5;
    right: 0;
    bottom: 0;

    width: 1215px;
    height: 800px;

    content: '';

    background: url(/assets/img/index/chara_online02_fx.png) no-repeat 0 bottom;
}
.title-section article.ryu_online02 .head-box h1
{
    padding-top: 12px;
}
.title-section article.ryu_online03
{
    background-color: #f2f2f2;
}
.title-section article.ryu_online03 .main-chara
{
    position: relative;

    width: 100%;
    max-width: 1680px;
    height: 100%;
    margin: 0 auto;
}
.title-section article.ryu_online03 .main-chara:after
{
    position: absolute;
    right: 0;
    bottom: 0;

    width: 1680px;
    height: 1258px;

    content: '';

    background: url(../img/index/chara_online03.png) no-repeat 0 bottom;
}
.title-section article.ryu_online03 .head-box .logo-box
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    align-items: flex-end;
    -ms-flex-align: end;
    -ms-flex-flow: row-reverse;
        flex-flow: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;

    margin-bottom: 30px;
    padding-right: 63px;
    padding-left: 3px;
}
.title-section article.ryu_online03 .head-box .logo-box .lead
{
    padding-bottom: 60px;
}
.title-section article.ryu_online03 .head-box .logo-mini
{
    position: absolute;
    top: 95px;
    left: 2px;
}
.title-section article.ryu_online05
{
    background-color: #131313;
}
.title-section article.ryu_online05 .main-visual
{
    position: relative;

    max-width: 1680px;

    background: url(../img/index/bg_online05.png) no-repeat center top;
}
.title-section article.ryu_online05 .main-visual:after
{
    position: absolute;
    z-index: 11;
    right: 18px;
    bottom: 84px;

    width: 999px;
    height: 1036px;

    content: '';

    background: url(../img/index/chara_online05.png) no-repeat 0 bottom;
}
.title-section article.ryu_online05 .main-visual .head-box .logo-box .title
{
    position: absolute;
    top: 96px;
    left: 352px;
}
.title-section article.ryu_online05 .main-visual .head-box .btn-box
{
    z-index: 15;
    top: -90px;

    width: 1300px;
    margin: 0 auto;
}
.title-section article.ryu_online_new
{
    background-color: #000;
}
.title-section article.ryu_online_new .main-visual
{
    position: relative;

    max-width: 1680px;

    background: url(../img/index/bg_online_new_cp.png) no-repeat center top;
    background-size: cover;
}
.title-section article.ryu_online_new .main-visual .head-box .logo-box .title
{
    position: absolute;
    bottom: 442px;
    left: 262px;

    max-width: 591px;
}
.title-section article.ryu_online_new .main-visual .head-box .logo-box .title img
{
    width: 100%;
}
.title-section article.ryu_online_new .main-visual .head-box .logo-box .lead
{
    max-width: 367px;
    margin-top: -120px;
    margin-left: 340px;
}
.title-section article.ryu_online_new .main-visual .head-box .btn-box
{
    z-index: 15;
    top: -30px;

    max-width: 341px;
    margin-left: 348px;
    padding-left: 0;
}
.title-section article.ryu_online_cp4
{
    background-color: #000;
}
.title-section article.ryu_online_cp4 .main-visual
{
    position: relative;

    max-width: 1680px;

    background: url(../img/index/bg_online_cp4.png) no-repeat center top;
    background-size: cover;
}
.title-section article.ryu_online_cp4 .main-visual .head-box .logo-box .title
{
    position: absolute;
    bottom: 440px;
    left: 80px;

    max-width: 674px;
}
.title-section article.ryu_online_cp4 .main-visual .head-box .logo-box .lead
{
    max-width: 367px;
    margin-top: -160px;
    margin-left: 100px;
}
.title-section article.ryu_online_cp4 .main-visual .head-box .notice
{
    position: absolute;
    top: 100px;
    right: 200px;

    max-width: 280px;
}
.title-section article.ryu_online_cp4 .main-visual .head-box .notice img.sp
{
    display: none;
}
.title-section article.ryu_online_cp4 .main-visual .head-box .btn-box
{
    z-index: 15;
    top: -40px;

    max-width: 341px;
    margin-left: 238px;
    padding-left: 0;
}
.title-section article.ryu_online_koryu
{
    background-color: #000;
}
.title-section article.ryu_online_koryu.koryu_3
{
    background-color: #fff;
}
.title-section article.ryu_online_koryu .main-visual
{
    position: relative;

    max-width: 1680px;

    background: url(../img/index/bg_online_koryu.png) no-repeat center top;
    background-size: cover;
}
.title-section article.ryu_online_koryu .main-visual .head-box .logo-box .title
{
    position: absolute;
    bottom: 280px;
    left: 275px;

    max-width: 482px;
}
.title-section article.ryu_online_koryu .main-visual .head-box .logo-box .lead.lead_2
{
    max-width: 481px;
    margin-top: -310px;
    margin-left: 138px;
}
.title-section article.ryu_online_koryu .main-visual .head-box .logo-box .lead
{
    max-width: 479px;
    margin-top: -140px;
    margin-left: 345px;
}
.title-section article.ryu_online_koryu .main-visual .head-box .btn-box
{
    z-index: 15;
    top: -40px;

    max-width: 341px;
    margin-left: 349px;
    padding-left: 0;
}
.title-section article.ryu_online_koryu.koryu_2 .main-visual
{
    background: url(../img/index/bg_online_koryu_2.png) no-repeat center top;
    background-size: cover;
}
.title-section article.ryu_online_koryu.koryu_3 .main-visual
{
    background: url(../img/index/bg_online_koryu_3.png) no-repeat center top;
    background-size: cover;
}
.title-section article.ryu_online_koryu_ryu3
{
    background-color: #000;
}
.title-section article.ryu_online_koryu_ryu3 .main-visual
{
    position: relative;

    max-width: 1680px;

    background: url(../img/index/bg_ryu_online_koryu_ryu3.png) no-repeat center top;
    background-size: cover;
}
.title-section article.ryu_online_koryu_ryu3 .main-visual .head-box .logo-box .title
{
    position: absolute;
    bottom: 430px;
    left: 245px;

    max-width: 582px;
}
.title-section article.ryu_online_koryu_ryu3 .main-visual .head-box .logo-box .lead.lead_2
{
    max-width: 416px;
    margin-top: -355px;
    margin-left: 316px;
}
.title-section article.ryu_online_koryu_ryu3 .main-visual .head-box .logo-box .lead
{
    max-width: 479px;
    margin-top: 75px;
    margin-left: 283px;
}
.title-section article.ryu_online_koryu_ryu3 .main-visual .head-box .btn-box
{
    z-index: 15;
    top: -40px;

    max-width: 341px;
    margin-left: 353px;
    padding-left: 0;
}
.title-section article.ryu_4_memorial
{
    background-color: #000;
}
.title-section article.ryu_4_memorial .main-visual
{
    position: relative;

    max-width: 1680px;

    background: url(../img/index/bg_ryu_4_memorial.png) no-repeat center top;
    background-size: cover;
}
.title-section article.ryu_4_memorial .main-visual .head-box .logo-box .title
{
    position: absolute;
    bottom: 420px;
    left: 225px;

    max-width: 734px;
}
.title-section article.ryu_4_memorial .main-visual .head-box .logo-box .lead.lead_2
{
    max-width: 416px;
    margin-top: -325px;
    margin-left: 316px;
}
.title-section article.ryu_4_memorial .main-visual .head-box .logo-box .lead
{
    max-width: 479px;
    margin-top: 45px;
    margin-left: 283px;
}
.title-section article.ryu_4_memorial .main-visual .head-box .btn-box
{
    z-index: 15;
    top: -40px;

    max-width: 341px;
    margin-left: 353px;
    padding-left: 0;
}
.title-section article.ryu_5_memorial
{
    background-color: #000;
}
.title-section article.ryu_5_memorial .main-visual
{
    position: relative;

    max-width: 1680px;

    background: url(../img/index/bg_ryu_5_memorial.png) no-repeat center top;
    background-size: cover;
}
.title-section article.ryu_5_memorial .main-visual .head-box .logo-box .title
{
    position: absolute;
    bottom: 416px;
    left: 215px;

    max-width: 726px;
}
.title-section article.ryu_5_memorial .main-visual .head-box .logo-box .lead.lead_2
{
    max-width: 414px;
    margin-top: -323px;
    margin-left: 310px;
}
.title-section article.ryu_5_memorial .main-visual .head-box .logo-box .lead
{
    max-width: 479px;
    margin-top: 45px;
    margin-left: 277px;
}
.title-section article.ryu_5_memorial .main-visual .head-box .btn-box
{
    z-index: 15;
    top: -40px;

    max-width: 341px;
    margin-left: 353px;
    padding-left: 0;
}
.title-section article.ryu_kiwami2_memorial
{
    background-color: #000;
}
.title-section article.ryu_kiwami2_memorial .main-visual
{
    position: relative;

    max-width: 1680px;

    background: url(../img/index/bg_ryu_kiwami2_memorial.png) no-repeat center top;
    background-size: cover;
}
.title-section article.ryu_kiwami2_memorial .main-visual .head-box .logo-box .title
{
    position: absolute;
    bottom: 430px;
    left: 245px;

    max-width: 582px;
}
.title-section article.ryu_kiwami2_memorial .main-visual .head-box .logo-box .lead.lead_2
{
    max-width: 416px;
    margin-top: -355px;
    margin-left: 316px;
}
.title-section article.ryu_kiwami2_memorial .main-visual .head-box .logo-box .lead
{
    max-width: 479px;
    margin-top: 75px;
    margin-left: 283px;
}
.title-section article.ryu_kiwami2_memorial .main-visual .head-box .btn-box
{
    z-index: 15;
    top: -40px;

    max-width: 341px;
    margin-left: 353px;
    padding-left: 0;
}





.title-section article.ryu_memorial
{
    background-color: #000;
}
.title-section article.ryu_memorial .main-visual
{
    position: relative;

    max-width: 1680px;

    background: url(../img/index/bg_memorial.png) no-repeat center top;
    background-size: cover;
}
.title-section article.ryu_memorial .main-visual .head-box .logo-box .title
{
    position: absolute;
    bottom: 450px;
    left: 280px;

    max-width: 510px;
}
.title-section article.ryu_memorial .main-visual .head-box .logo-box .lead.lead_2
{
    max-width: 510px;
    margin-top: -355px;
    margin-left: 300px;
}
.title-section article.ryu_memorial .main-visual .head-box .logo-box .lead
{
    max-width: 510px;
    margin-top: 80px;
    margin-left: 265px;
}
.title-section article.ryu_memorial .main-visual .head-box .btn-box
{
    z-index: 15;
    top: -40px;

    max-width: 341px;
    margin-left: 340px;
    padding-left: 0;
}
.title-section article.ryu_online_new2
{
    background-color: #000;
}
.title-section article.ryu_online_new2 .main-visual
{
    position: relative;

    max-width: 1680px;

    background: url(../img/index/bg_online_new_cp2.png) no-repeat center top;
    background-size: cover;
}
.title-section article.ryu_online_new2 .main-visual .head-box .logo-box .title
{
    position: absolute;
    bottom: 290px;
    left: 80px;

    max-width: 482px;
}
.title-section article.ryu_online_new2 .main-visual .head-box .logo-box .lead
{
    max-width: 367px;
    margin-top: -150px;
    margin-left: 100px;
}
.title-section article.ryu_online_new2 .main-visual .head-box .btn-box
{
    z-index: 15;
    top: 0;

    max-width: 341px;
    margin-left: 150px;
    padding-left: 0;
}
.title-section article.judgment
{
    background-color: #000;
}
.title-section article.judgment .main-visual
{
    position: relative;

    max-width: 1680px;

    background: url(../img/index/bg_judgment.png) no-repeat center top;
    background-size: cover;
}
.title-section article.judgment .absolute-box.logo-3
{
    top: 77px;
    left: 0;
}
.title-section article.judgment .main-visual .head-box .logo-box .title
{
    position: absolute;
    bottom: 300px;
    left: 220px;

    max-width: 616px;
}
.title-section article.judgment .main-visual .head-box .logo-box .lead
{
    max-width: 299px;
    margin-top: -170px;
    margin-left: 376px;
}
.title-section article.judgment .main-visual .head-box .logo-box .lead img
{
    width: 100%;
}
.title-section article.judgment .main-visual .head-box .btn-box
{
    z-index: 15;
    top: -20px;

    max-width: 341px;
    margin-left: 351px;
    padding-left: 0;
}
.title-section article.judge_2
{
    background-color: #e3e3da;
}
.title-section article.judge_2 .main-visual
{
    position: relative;

    max-width: 1680px;

    background: url(../img/index/bg_judge_2.png) no-repeat center top;
    background-size: cover;
}
.title-section article.judge_2 .absolute-box.logo-3
{
    top: 77px;
    left: 0;
}
.title-section article.judge_2 .main-visual .head-box .logo-box .catch
{
    position: absolute;
    top: 140px;
    left: 195px;

    max-width: 474px;
}
.title-section article.judge_2 .main-visual .head-box .logo-box .catch img
{
    width: 100%;
}
.title-section article.judge_2 .main-visual .head-box .logo-box .title
{
    position: absolute;
    bottom: 320px;
    left: 170px;

    max-width: 503px;
}
.title-section article.judge_2 .main-visual .head-box .logo-box .lead
{
    max-width: 457px;
    margin-top: -240px;
    margin-left: 190px;
}
.title-section article.judge_2 .main-visual .head-box .logo-box .lead img
{
    width: 100%;
}
.title-section article.judge_2 .main-visual .head-box .logo-box .lead_2
{
    max-width: 423px;
    margin-top: -10px;
    margin-left: 200px;
}
.title-section article.judge_2 .main-visual .head-box .logo-box .lead_2 img
{
    width: 100%;
}
.title-section article.judge_2 .main-visual .head-box .btn-box
{
    z-index: 15;
    top: -20px;

    max-width: 341px;
    margin-left: 244px;
    padding-left: 0;
}
.title-section article.ryu08
{
    background: url(../img/index/bg_ryu_08_base.png) no-repeat center top;
    background-size: cover;
}
.title-section article.ryu08 .main-visual
{
    position: relative;max-width: 1680px;

    background: url(../img/index/bg_ryu_08_02.png) no-repeat center top;
    background-size: cover;
}

.title-section article.ryu08 .absolute-box.logo-3
{
    top: 85px;
    right: 0;
    left: auto;
}

.title-section article.ryu08 .absolute-box.logo-3 img
{
    max-width: 740px;
    margin-left: auto;
}

.title-section article.ryu08 .main-visual .head-box .logo-box .lead
{
    position: absolute;
    right: 19px;
    bottom: 16px;

    width: 30%;
    max-width: 410px;
}
.title-section article.ryu08 .main-visual .head-box .logo-box .lead img
{
    width: 100%;
}

.title-section article.ryu08 .main-visual .head-box .btn-box
{
    z-index: 15;
    top: -40px;

    max-width: 341px;
    margin-left: 1134px;
    padding-left: 0;
}

.title-section article.gaiden
{
    background-color: #fff;
}
.title-section article.gaiden .main-visual
{
    position: relative;

    max-width: 1680px;

    background: url(../img/index/bg_gaiden.png) no-repeat center top;
    background-size: cover;
}

.title-section article.gaiden .absolute-box.logo-3
{
    top: 85px;
    left: 15px;
}

.title-section article.gaiden .main-visual .head-box .logo-box .lead
{
    position: absolute;
    right: 19px;
    bottom: 16px;

    width: 30%;
    max-width: 410px;
}
.title-section article.gaiden .main-visual .head-box .logo-box .lead img
{
    width: 100%;
}

.title-section article.gaiden .main-visual .head-box .btn-box
{
    z-index: 15;
    top: -100px;

    max-width: 341px;
    margin-left: 870px;
    padding-left: 0;
}

.title-section article.ishinkiwami
{
    background-color: #ffd36d;
}
.title-section article.ishinkiwami .main-visual
{
    position: relative;

    max-width: 1680px;

    background: url(../img/index/bg_ishinkiwami.png) no-repeat center top;
    background-size: cover;
}
.title-section article.ishinkiwami .absolute-box.logo-3
{
    top: 77px;
    left: 0;
}
.title-section article.ishinkiwami .main-visual .head-box .logo-box .catch
{
    position: absolute;
    top: 140px;
    left: 195px;

    max-width: 474px;
}
.title-section article.ishinkiwami .main-visual .head-box .logo-box .catch img,
.title-section article.ishinkiwami .main-visual .head-box .logo-box .title img
{
    width: 100%;
}
.title-section article.ishinkiwami .main-visual .head-box .logo-box .title
{
    position: absolute;
    bottom: 280px;
    left: 150px;

    max-width: 616px;
}
.title-section article.ishinkiwami .main-visual .head-box .logo-box .lead
{
    max-width: 460px;
    margin-top: -180px;
    margin-left: 250px;
}
.title-section article.ishinkiwami .main-visual .head-box .logo-box .lead img
{
    width: 100%;
}
.title-section article.ishinkiwami .main-visual .head-box .logo-box .lead_2
{
    max-width: 414px;
    margin-top: -10px;
    margin-left: 210px;
}
.title-section article.ishinkiwami .main-visual .head-box .logo-box .lead_2 img
{
    width: 100%;
}
.title-section article.ishinkiwami .main-visual .head-box .btn-box
{
    z-index: 15;
    top: -40px;

    max-width: 341px;
    margin-left: 310px;
    padding-left: 0;
}
.title-section article.ryu_07
{
    background: url(../img/index/bg_ryu_07_base.png) no-repeat center top;
    background-size: cover;
}
.title-section article.ryu_07 .main-visual
{
    position: relative;

    max-width: 100%;

    background: url(../img/index/bg_ryu_07_02.png) no-repeat center top;
    background-size: cover;
}
.title-section article.ryu_07 .absolute-box.logo-3
{
    top: 77px;
    left: 0;
}
.title-section article.ryu_07 .main-visual .head-box .logo-box .title
{
    position: absolute;
    bottom: 402px;
    left: 325px;

    max-width: 485px;
}
.title-section article.ryu_07 .main-visual .head-box .logo-box .lead
{
    max-width: 453px;
    margin-top: -200px;
    margin-left: 296px;
}
.title-section article.ryu_07 .main-visual .head-box .logo-box .lead img
{
    width: 100%;
}
.title-section article.ryu_07 .main-visual .head-box .btn-box
{
    z-index: 15;
    top: -20px;

    max-width: 341px;
    margin-left: 351px;
    padding-left: 0;
}
.title-section article.ryu_15th
{
    background-color: #000;
}
.title-section article.ryu_15th .main-visual
{
    position: relative;

    max-width: 100%;

    background: url(../img/index/bg_ryu_15th.png) no-repeat center top;
    background-size: cover;
}
.title-section article.ryu_15th .absolute-box.logo-3
{
    top: 150px;
    left: 0;

    width: 100%;

    text-align: center;
}
.title-section article.ryu_15th .main-visual .head-box .logo-box .title
{
    position: absolute;
    right: 0;
    bottom: 165px;
    left: 0;

    max-width: 1111px;
    margin: 0 auto;
}
.title-section article.ryu_15th .main-visual .head-box .logo-box .lead
{
    max-width: 486px;
    margin: -65px auto 0;
}
.title-section article.ryu_15th .main-visual .head-box .logo-box .news
{
    font-size: 38px;

    margin-top: -160px;

    text-align: center;

    color: #fff;
}
.title-section article.ryu_15th .main-visual .head-box .logo-box .news span
{
    padding: 10px 10px 10px 0;

    background-color: #000;
}
.title-section article.ryu_15th .main-visual .head-box .btn-box
{
    z-index: 15;
    top: -25px;

    max-width: 341px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
}

.title-section article.ryu_officialStreamer
{
    background-color: #000;
}
.title-section article.ryu_officialStreamer .main-visual
{
    position: relative;

    max-width: 100%;

    background: url(../img/index/bg_officialstreamer.png) no-repeat center top;
    background-size: cover;
}

.title-section article.ryu_officialStreamer .main-visual .head-box .btn-box
{
    z-index: 15;
    top: -25px;

    max-width: 341px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
}
.title-section article.online_a .head-box .btn-box
{
    margin-top: 0;
}
.title-section article.ryu_05
{
    background-color: #000;
}
.title-section article.ryu_05 .main-chara
{
    position: relative;

    width: 100%;
    max-width: 1680px;
    height: 100%;
    margin: 0 auto;
}
.title-section article.ryu_05 .main-visual
{
    position: relative;
}
.title-section article.ryu_05 .main-visual:after
{
    position: absolute;
    right: 48px;
    bottom: -117px;

    width: 640px;
    height: 963px;

    content: '';

    background: url(../img/index/chara-ryu5.jpg) no-repeat 0 bottom;
}
.title-section article.ryu_05 .head-box .logo-box
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    -ms-flex-align: start;
    -ms-flex-flow: column;
        flex-flow: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;

    margin-bottom: 1px;
    padding-top: 140px;
    padding-right: 63px;
    padding-left: 100px;
}
.title-section article.ryu_05 .head-box .logo-box .lead
{
    margin-top: 21px;
    padding-bottom: 10px;
    padding-left: 68px;
}
.title-section article.ryu4
{
    background-image: url(/assets/img/index/bg-ryu4.jpg);
}
.title-section article.ryu4 .head-box .title
{
    padding-left: 103px;
}
.title-section article.ryu4 .head-box .lead
{
    width: 323px;
    margin-top: 10px;
    margin-left: 184px;
    padding-right: 0;
    padding-left: 0;

    text-align: center;
}
.title-section article.ryu4 .head-box .lead img
{
    max-width: 100%;
}
.title-section article.ryu4 .main-visual:after
{
    position: absolute;
    right: -115px;
    bottom: 0;

    width: 872px;
    height: 712px;

    content: '';

    background: url(/assets/img/index/chara-ryu4.png) no-repeat 0 bottom;
}
.title-section article.ryu_vote
{
    background: url(/assets/img/index/img-cp_vote.jpg) no-repeat center top;
    background-size: cover;
}
.title-section article.ryu_vote .main-visual
{
    position: relative;
    z-index: 11;
}
.title-section article.ryu_vote:before
{
    position: absolute;
    z-index: 8;
    right: 0;
    bottom: 0;

    width: 100%;
    height: 235px;

    content: '';

    background: url(/assets/img/index/shadow-cp_vote.png) repeat-x 0 bottom;
}
.title-section article.ryu_vote:after
{
    position: absolute;
    right: 0;
    bottom: 0;

    width: 1033px;
    height: 716px;

    content: '';

    background: url(/assets/img/index/chara-cp_vote.png) no-repeat 0 bottom;
}
.title-section article.ryu_vote .head-box .text
{
    margin-top: 160px;
}
.title-section article.ryu_vote .text-cp_vote
{
    display: inline-block;

    width: 895px;
    height: 358px;

    background: url(/assets/img/index/text-cp_vote.png) no-repeat 0 0;
    background-size: contain;
}
.title-section article.ryu_vote .text-cp_vote img
{
    display: none;
}
.title-section article.ryu_vote .btn-box
{
    margin-top: 50px;
}
.title-section article.ryu_vote .btn-box .btn-rectangle
{
    margin-left: 153px;
}
.title-section article.ryu_audition
{
    background-color: #fff;
}
.title-section article.ryu_audition .main-visual
{
    position: relative;

    max-width: 1680px;

    background: url(../img/index/bg_audition.png) no-repeat center top;
    background-size: cover;
}
.title-section article.ryu_audition .main-visual .head-box .title
{
    padding-bottom: 50px;
    padding-left: 210px;
}
.title-section article.ryu_audition .main-visual .head-box .lead
{
    padding-bottom: 20px;
    padding-left: 210px;
}
.title-section article.ryu_audition .main-visual .head-box .logo
{
    position: absolute;
    top: 267px;
    left: 980px;
}
.title-section article.ryu_audition .main-visual .head-box .btn-box
{
    padding-left: 340px;
}
.title-section article.ryu_2019
{
    background-color: #fff;
}
.title-section article.ryu_2019 .main-visual
{
    position: relative;

    max-width: 1680px;

    background: url(../img/index/bg_ryu_2019.png) no-repeat center top;
    background-size: cover;
}
.title-section article.ryu_2019 .main-visual .head-box .title
{
    padding-bottom: 20px;
    padding-left: 50%;
}
.title-section article.ryu_2019 .main-visual .head-box .lead
{
    padding-bottom: 40px;
    padding-left: 51.7%;
}
.title-section article.ryu_2019 .main-visual .head-box .btn-box
{
    padding-bottom: 70px;
    padding-left: 60.5%;
}
.title-section article .main-visual
{
    position: relative;

    width: 100%;
    max-width: 1282px;
    margin: 0 auto;
}
.title-section article .title-list
{
    position: relative;

    height: 800px;
}
.title-section article .title-list li
{
    position: absolute;
    top: 0;

    display: table;

    width: 33.3%;
    height: 800px;

    background-repeat: no-repeat;
    background-position: 0 center;
    background-size: cover;
}
.title-section article .title-list li.kiwami2
{
    z-index: 5;
    left: 33.27%;

    width: 33.43%;

    background-image: url(/assets/img/index/bg-kiwami2.png);
}
.title-section article .title-list li.kiwami2 .head-box
{
    background-image: url(/assets/img/index/chara-kiwami2.png);
    background-position: 22% bottom;
}
.title-section article .title-list li.kiwami2:before,
.title-section article .title-list li.kiwami2:after
{
    position: absolute;

    width: 1px;
    height: 800px;

    content: '';

    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
}
.title-section article .title-list li.kiwami2:before
{
    background-image: url(/assets/img/index/bg-kiwami2-before.png);
}
.title-section article .title-list li.kiwami2:after
{
    background-image: url(/assets/img/index/bg-kiwami2-after.png);
}
.title-section article .title-list li.hokuto
{
    left: 0;

    background-image: url(/assets/img/index/bg-hokuto.png);
}
.title-section article .title-list li.hokuto .head-box
{
    padding-right: 30px;

    background-image: url(/assets/img/index/chara-hokuto.png);
    background-position: 30% bottom;
}
.title-section article .title-list li.hokuto .head-box h2
{
    margin-bottom: 12px;
    padding-right: 17px;
}
.title-section article .title-list li.online
{
    left: 66.7%;

    background-image: url(/assets/img/index/bg-online.png);
}
.title-section article .title-list li.online .head-box
{
    padding-left: 30px;

    background-image: url(/assets/img/index/chara-online.png);
    background-position: 38% bottom;
}
.title-section article .title-list li.online .head-box h2
{
    margin-bottom: 15px;
    padding-right: 10px;
}
.title-section .absolute-box
{
    position: absolute;
}
.title-section .absolute-box.logo-3
{
    top: 23px;
    left: 26px;
}
.title-section .absolute-box.text-3-02
{
    top: 12px;
    right: 59px;
}
.title-section .absolute-box.logo-4
{
    top: 100px;
    left: 67px;
}
.title-section .head-box
{
    display: table-cell;

    height: 723px;
    padding-bottom: 34px;
    padding-left: 0;

    vertical-align: bottom;

    background-repeat: no-repeat;
}
.title-section .head-box h1
{
    position: relative;
    z-index: 5;

    padding-top: 15px;
    padding-left: 0;
}
.title-section .head-box h2
{
    margin-bottom: 17px;
    padding-right: 30px;
    padding-bottom: 0;
}
.title-section .head-box h2:before
{
    display: none;
}
.title-section .head-box .text
{
    position: relative;
    z-index: 5;

    margin-top: 16px;
    padding-right: 71px;

    text-align: center;
}
.title-section .head-box .text img
{
    position: relative;
    top: 0;
    left: 0;
}
.title-section .btn-box
{
    position: relative;
    z-index: 5;
    top: 0;

    margin-top: 17px;
}
.title-section .btn-box .btn-rectangle
{
    width: 340px;
}
.title-section .btn-box .btn-rectangle a
{
    font-size: 20px;
}

.bx-wrapper .bx-viewport
{
    z-index: 5;
}
.bx-wrapper .bx-controls
{
    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 100%;

    text-align: center;
}
.bx-wrapper .bx-controls .bx-controls-direction
{
    position: static;

    height: 100%;
}
.bx-wrapper .bx-controls .bx-controls-direction .bx-next,
.bx-wrapper .bx-controls .bx-controls-direction .bx-prev
{
    position: absolute;
    z-index: 11;
    top: 50%;

    display: block;
    overflow: hidden;

    width: 50px;
    height: 50px;

    -webkit-transition: opacity .35s ease;
            transition: opacity .35s ease;
    white-space: nowrap;
    text-indent: 300%;

    opacity: 1;
    background: url(/assets/img/common/ico_slidearrow.png) no-repeat 0 0;
    background-size: contain;
}
.bx-wrapper .bx-controls .bx-controls-direction .bx-next:hover,
.bx-wrapper .bx-controls .bx-controls-direction .bx-prev:hover
{
    opacity: .7;
}
.bx-wrapper .bx-controls .bx-controls-direction .bx-next
{
    right: 12px;
}
.bx-wrapper .bx-controls .bx-controls-direction .bx-prev
{
    left: 12px;

    -webkit-transform: scale(-1, 1);
            transform: scale(-1, 1);
}
.bx-wrapper .bx-controls .bx-pager
{
    position: absolute;
    z-index: 11;
    bottom: 16px;
    left: 0;

    display: -moz-inline-flex;
    display:  -ms-inline-flex;
    display:   -o-inline-flex;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display:      inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

    width: 100%;
}
.bx-wrapper .bx-controls .bx-pager .bx-pager-item
{
    padding: 0 5px;
}
.bx-wrapper .bx-controls .bx-pager .bx-pager-item a
{
    display: block;
    overflow: hidden;

    width: 10px;
    height: 10px;

    -webkit-transition: opacity .35s ease;
            transition: opacity .35s ease;
    white-space: nowrap;
    text-indent: 300%;

    border-radius: 50%;
    background-color: #bfbfbf;
}
.bx-wrapper .bx-controls .bx-pager .bx-pager-item a:hover
{
    opacity: .7;
}
.bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active
{
    background-color: #ddc98c;
}

@media screen and (max-width: 1680px)
{
    .title-section article.ryu08 .main-visual .head-box .btn-box
    {
        margin-left: 71vw;
    }
    .title-section article.gaiden .main-visual .head-box .btn-box
    {
        margin-left: 52vw;
    }
    .title-section article.ryu_online05 .main-visual .head-box .logo-box
    {
        position: relative;
        left: calc(0px - (1680px - 100%) / 2);
    }

    .title-section article.ryu_online05 .main-visual:after
    {
        right: calc(18px - (1680px - 100%) / 2);
    }

    .title-section article.ryu_online_cp4 .main-visual .head-box .logo-box .title
    {
        bottom: 48.5%;
        left: 15%;

        width: 41%;
    }

    .title-section article.ryu_online_cp4 .main-visual .head-box .logo-box .title img
    {
        width: 100%;
    }

    .title-section article.ryu_online_cp4 .main-visual .head-box .logo-box
    {
        position: relative;
        left: -10.2%;

        height: 100%;
    }

    .title-section article.ryu_online_cp4 .main-visual .head-box .logo-box .lead
    {
        max-width: 37.3%;
        margin-top: calc(658px - 7%);
        margin-left: 16.5%;
    }

    .title-section article.ryu_online_cp4 .main-visual .head-box .logo-box .lead img
    {
        width: 100%;
    }

    .title-section article.ryu_online_cp4 .main-visual:after
    {
        right: -15.7%;
        bottom: 6.7%;

        width: 80%;
        height: 0;
        padding-bottom: 81.3%;

        background-size: contain;
    }

    .title-section article.ryu_online_cp4 .main-visual .head-box .btn-box
    {
        top: -2.4vw;

        width: 100%;
        margin-left: 14.4%;
    }
    .title-section article.ryu_online_cp4 .main-visual .head-box .btn-box .btn-rectangle
    {
        width: 20.2vw;
    }

    .title-section article.ryu_online_cp4 .main-visual .head-box
    {
        z-index: auto;
    }

    .title-section article.ryu_online_cp4 .main-visual .head-box .notice
    {
        right: auto;
        left: 73%;
    }

    .title-section article.ryu_4_memorial .main-visual .head-box .logo-box .title
    {
        left: 13%;

        width: 43.8vw;
    }
    .title-section article.ryu_4_memorial .main-visual .head-box .logo-box .title img
    {
        width: 100%;
    }

    .title-section article.ryu_4_memorial .main-visual .head-box .logo-box .lead.lead_2
    {
        width: 24.1vw;
        margin-left: 18.5%;
    }
    .title-section article.ryu_4_memorial .main-visual .head-box .logo-box .lead.lead_2 img
    {
        width: 100%;
    }

    .title-section article.ryu_4_memorial .main-visual .head-box .logo-box .lead
    {
        width: 28vw;
        margin-left: 16.6%;
    }
    .title-section article.ryu_4_memorial .main-visual .head-box .logo-box .lead img
    {
        width: 100%;
    }

    .title-section article.ryu_4_memorial .main-visual .head-box .btn-box
    {
        margin-left: 21%;
    }
    .title-section article.ryu_4_memorial .main-visual .head-box .btn-box .btn-rectangle
    {
        width: 20vw;
    }

    .title-section article.ryu_5_memorial .main-visual .head-box .logo-box .title
    {
        left: 12.5%;

        width: 43.8vw;
    }
    .title-section article.ryu_5_memorial .main-visual .head-box .logo-box .title img
    {
        width: 100%;
    }

    .title-section article.ryu_5_memorial .main-visual .head-box .logo-box .lead.lead_2
    {
        width: 24.1vw;
        margin-left: 18.2%;
    }
    .title-section article.ryu_5_memorial .main-visual .head-box .logo-box .lead.lead_2 img
    {
        width: 100%;
    }

    .title-section article.ryu_5_memorial .main-visual .head-box .logo-box .lead
    {
        width: 28vw;
        margin-left: 16.6%;
    }
    .title-section article.ryu_5_memorial .main-visual .head-box .logo-box .lead img
    {
        width: 100%;
    }

    .title-section article.ryu_5_memorial .main-visual .head-box .btn-box
    {
        margin-left: 21%;
    }
    .title-section article.ryu_5_memorial .main-visual .head-box .btn-box .btn-rectangle
    {
        width: 20vw;
    }

    .title-section article.ryu_online_koryu .main-visual .head-box .logo-box .title
    {
        bottom: 41.7%;
        left: 14.1%;

        width: 30vw;
    }
    .title-section article.ryu_online_koryu .main-visual .head-box .logo-box .title img
    {
        width: 100%;
    }

    .title-section article.ryu_online_koryu.koryu_3 .main-visual .head-box .logo-box .title
    {
        bottom: 35%;
        left: 14.8%;
    }
    .title-section article.ryu_online_koryu.koryu_3 .main-visual .head-box .logo-box .title img
    {
        width: 100%;
    }

    .title-section article.ryu_online_koryu .main-visual .head-box .logo-box .lead.lead_2
    {
        width: 36vw;
        margin-top: -24.7%;
        margin-left: 9%;
    }
    .title-section article.ryu_online_koryu .main-visual .head-box .logo-box .lead.lead_2 img
    {
        width: 100%;
    }

    .title-section article.ryu_online_koryu .main-visual .head-box .logo-box .lead
    {
        width: 22vw;
        margin-top: -10.8%;
        margin-left: 18%;
    }
    .title-section article.ryu_online_koryu .main-visual .head-box .logo-box .lead img
    {
        width: 100%;
    }

    .title-section article.ryu_online_koryu .main-visual .head-box .btn-box
    {
        top: -3vw;

        width: 20vw;
        margin-top: .5%;
        margin-left: 18.5%;
    }
    .title-section article.ryu_online_koryu .main-visual .head-box .btn-box img
    {
        width: 100%;
    }

    .title-section article.ryu_online_koryu .main-visual .head-box .btn-box .btn-rectangle
    {
        width: 100%;
    }

    .title-section article.ryu_online_koryu.koryu_2 .main-visual .head-box .logo-box .title
    {
        top: 20%;
        bottom: 35.2%;
        left: 13.8%;

        width: 30vw;
    }
    .title-section article.ryu_online_koryu.koryu_2 .main-visual .head-box .logo-box .title img
    {
        width: 100%;
    }

    .title-section article.ryu_online_koryu .main-visual .head-box .logo-box .lead
    {
        width: 22vw;
        margin-top: -9%;
        margin-left: 18.5%;
    }
    .title-section article.ryu_online_koryu .main-visual .head-box .logo-box .lead img
    {
        width: 100%;
    }

    .title-section article.ryu_online_koryu .main-visual .head-box .btn-box
    {
        top: -2.5vw;

        width: 20vw;
        margin-top: .5%;
        margin-left: 19%;
    }
    .title-section article.ryu_online_koryu .main-visual .head-box .btn-box img
    {
        width: 100%;
    }

    .title-section article.ryu_online_koryu_ryu3 .main-visual .head-box .logo-box .title
    {
        left: calc(50% - 595px);
    }

    .title-section article.ryu_online_koryu_ryu3 .main-visual .head-box .logo-box .lead.lead_2
    {
        margin-left: calc(50% - 525px);
    }

    .title-section article.ryu_online_koryu_ryu3 .main-visual .head-box .logo-box .lead
    {
        margin-left: calc(50% - 560px);
    }

    .title-section article.ryu_online_koryu_ryu3 .main-visual .head-box .btn-box
    {
        margin-left: calc(50% - 495px);
    }

    .title-section article.ryu_kiwami2_memorial .main-visual .head-box .logo-box .title
    {
        left: calc(50% - 595px);
    }

    .title-section article.ryu_kiwami2_memorial .main-visual .head-box .logo-box .lead.lead_2
    {
        margin-left: calc(50% - 525px);
    }

    .title-section article.ryu_kiwami2_memorial .main-visual .head-box .logo-box .lead
    {
        margin-left: calc(50% - 560px);
    }

    .title-section article.ryu_kiwami2_memorial .main-visual .head-box .btn-box
    {
        margin-left: calc(50% - 495px);
    }

    .title-section article.ryu_memorial .main-visual .head-box .logo-box .title
    {
        left: calc(50% - 550px);
    }

    .title-section article.ryu_memorial .main-visual .head-box .logo-box .lead.lead_2
    {
        margin-left: calc(50% - 535px);
    }

    .title-section article.ryu_memorial .main-visual .head-box .logo-box .lead
    {
        margin-left: calc(50% - 570px);
    }

    .title-section article.ryu_memorial .main-visual .head-box .btn-box
    {
        margin-left: calc(50% - 495px);
    }

    .title-section article.judgment .main-visual .head-box .logo-box .title
    {
        left: 13vw;

        width: 37vw;
    }
    .title-section article.judgment .main-visual .head-box .logo-box .title img
    {
        width: 100%;
    }

    .title-section article.judgment .main-visual .head-box .logo-box .lead
    {
        width: 19vw;
        margin-left: 22vw;
    }
    .title-section article.judgment .main-visual .head-box .logo-box .lead img
    {
        width: 100%;
    }

    .title-section article.judgment .main-visual .head-box .btn-box
    {
        margin-left: 21vw;
    }
    .title-section article.judgment .main-visual .head-box .btn-box .btn-rectangle
    {
        width: 20.3vw;
    }
    .title-section article.judgment .main-visual .head-box .btn-box .btn-rectangle a
    {
        font-size: 1.19vw;
    }

    .title-section article.ryu_07 .main-visual .head-box .logo-box .title
    {
        left: 19.5vw;

        width: 24vw;
    }
    .title-section article.ryu_07 .main-visual .head-box .logo-box .title img
    {
        width: 100%;
    }

    .title-section article.ryu_07 .main-visual .head-box .logo-box .lead
    {
        width: 27vw;
        margin-left: 17.5vw;
    }
    .title-section article.ryu_07 .main-visual .head-box .logo-box .lead img
    {
        width: 100%;
    }

    .title-section article.ryu_07 .main-visual .head-box .btn-box
    {
        margin-left: 21vw;
    }
    .title-section article.ryu_07 .main-visual .head-box .btn-box .btn-rectangle
    {
        width: 20.3vw;
    }
    .title-section article.ryu_07 .main-visual .head-box .btn-box .btn-rectangle a
    {
        font-size: 1.19vw;
    }
    .title-section article.ishinkiwami .main-visual .head-box .logo-box .title
    {
        width: 38vw;
    }
    .title-section article.ishinkiwami .main-visual .head-box .logo-box .lead
    {
        width: 26vw;
    }
    .title-section article.ishinkiwami .main-visual .head-box .btn-box
    {
        margin-left: 18.5vw;
    }
}
@media screen and (max-width: 1281px)
{
    .title-section
    {
        background: url(/assets/img/index/bg-all_tb.png) repeat-y top center #fff;
        background-size: contain;
    }
    .title-section .absolute-box img
    {
        height: auto;
    }
    .title-section .absolute-box.logo-3
    {
        top: 1.804vw;
        left: 1.927vw;
    }

    .title-section .absolute-box.logo-3 img
    {
        width: 18.2vw;
    }

    .title-section article.ryu08 .absolute-box.logo-3 img
    {
        width: 49vw;
    }
    .title-section article.gaiden .absolute-box.logo-3 img
    {
        width: 49vw;
    }
    .title-section .absolute-box.text-3-02
    {
        top: .904vw;
        right: 4.6vw;
    }
    .title-section .absolute-box.text-3-02 img
    {
        width: 7.43vw;
    }
    .title-section article
    {
        background: url(../img/index/bg-main02.png) no-repeat center bottom/131.25vw;
        background-image: none;
        background-size: cover;
    }
    .title-section article.ryu3 .main-visual:after
    {
        right: 10.1483216237%;
        bottom: 0;

        width: 50.4293520687%;
        height: 100%;

        background-size: contain;
    }
    .title-section article.ryu3 .head-box h1
    {
        width: 38.2vw;
    }
    .title-section article.ryu3 .head-box .text
    {
        width: auto;
        margin-top: 1.83vw;
    }
    .title-section article.ryu3 .head-box .text img
    {
        width: 32.241vw;
    }
    .title-section article.ryu3 .head-box .btn-box
    {
        width: auto;
    }
    .title-section article.ryu_online02
    {
        position: relative;

        display: block;
    }
    .title-section article.ryu_online02:after
    {
        width: 95.253125%;
        height: 100%;

        background-size: contain;
    }
    .title-section article.ryu_online02:before
    {
        width: 95.253125%;
        height: 100%;

        background-size: contain;
    }
    .title-section article.ryu_online02 .main-visual
    {
        background-size: cover;
    }
    .title-section article.ryu_online02 .main-visual .head-box h1
    {
        padding-top: 2vw;
    }
    .title-section article.ryu_online03 .main-chara:after
    {
        width: 131.147vw;
        height: 98.2vw;

        background-size: contain;
    }
    .title-section article.ryu_online03 .head-box .logo-box
    {
        margin-bottom: 2.3vw;
        padding-right: 5vw;
        padding-left: .23vw;
    }
    .title-section article.ryu_online03 .head-box .logo-box .title
    {
        width: 34.8vw;
    }
    .title-section article.ryu_online03 .head-box .logo-box .lead
    {
        width: 49.7vw;
        padding-bottom: 4.6vw;
    }
    .title-section article.ryu_online03 .head-box .logo-mini
    {
        top: 7.41vw;
        left: .1vw;

        width: 15.2vw;
    }
    .title-section article.ryu_online03 .head-box .logo-box .title img,
    .title-section article.ryu_online03 .head-box .logo-box .lead img,
    .title-section article.ryu_online03 .head-box .logo-mini img
    {
        max-width: 100%;
    }
    .title-section article.ryu_online05 .main-visual .head-box .logo-box .title
    {
        top: 12.5%;
        left: 27.5%;

        width: 26.71875%;
    }
    .title-section article.ryu_online05 .main-visual .head-box .logo-box .title img
    {
        width: 100%;
    }
    .title-section article.ryu_online05 .main-visual .head-box .logo-box
    {
        position: relative;
        left: -15.625%;

        height: 100%;
    }
    .title-section article.ryu_online05 .main-visual .head-box .logo-box .lead
    {
        width: 131.25%;
    }
    .title-section article.ryu_online05 .main-visual .head-box .logo-box .lead img
    {
        width: 100%;
    }
    .title-section article.ryu_online05 .main-visual:after
    {
        right: -15.7%;
        bottom: 6.7%;

        width: 80%;
        height: 0;
        padding-bottom: 81.3%;

        background-size: contain;
    }
    .title-section article.ryu_online05 .main-visual .head-box .btn-box
    {
        top: -6vw;

        width: 100%;
    }
    .title-section article.ryu_online05 .main-visual .head-box
    {
        z-index: auto;
    }
    .title-section article.ryu_online_new .main-visual .head-box .logo-box .title
    {
        top: 5.5%;

        width: 47%;
        margin-left: -46.2% !important;
    }
    .title-section article.ryu_online_new .main-visual .head-box .logo-box .title img
    {
        width: 100%;
    }
    .title-section article.ryu_online_new .main-visual .head-box .logo-box
    {
        position: relative;

        height: 100%;
    }
    .title-section article.ryu_online_new .main-visual .head-box .logo-box .lead
    {
        width: 27%;
        margin-top: 46.8%;
        margin-left: -37.7% !important;
    }
    .title-section article.ryu_online_new .main-visual .head-box .logo-box .lead img
    {
        width: 100%;
    }
    .title-section article.ryu_online_new .main-visual:after
    {
        right: -15.7%;
        bottom: 6.7%;

        width: 80%;
        height: 0;
        padding-bottom: 81.3%;

        background-size: contain;
    }
    .title-section article.ryu_online_new .main-visual .head-box .btn-box
    {
        top: -2.4vw;

        width: 100%;
        margin-left: -37% !important;
    }
    .title-section article.ryu_online_new .main-visual .head-box .btn-box .btn-rectangle
    {
        width: 24.563vw;
    }
    .title-section article.ryu_online_new .main-visual .head-box
    {
        z-index: auto;
    }
    .title-section article.ryu_online_new2 .main-visual .head-box .logo-box .title
    {
        top: 30%;
        left: 16.5%;

        width: 26.71875%;
    }
    .title-section article.ryu_online_new2 .main-visual .head-box .logo-box .title img
    {
        width: 100%;
    }
    .title-section article.ryu_online_new2 .main-visual .head-box .logo-box
    {
        position: relative;
        left: -10.2%;

        height: 100%;
    }
    .title-section article.ryu_online_new2 .main-visual .head-box .logo-box .lead
    {
        width: 27%;
        margin-top: 44%;
        margin-left: 20%;
    }
    .title-section article.ryu_online_new2 .main-visual .head-box .logo-box .lead img
    {
        width: 100%;
    }
    .title-section article.ryu_online_new2 .main-visual:after
    {
        right: -15.7%;
        bottom: 6.7%;

        width: 80%;
        height: 0;
        padding-bottom: 81.3%;

        background-size: contain;
    }
    .title-section article.ryu_online_new2 .main-visual .head-box .btn-box
    {
        top: -1.2vw;

        width: 100%;
        margin-left: 11%;
    }
    .title-section article.ryu_online_new2 .main-visual .head-box .btn-box .btn-rectangle
    {
        width: 24.563vw;
    }
    .title-section article.ryu_online_new2 .main-visual .head-box
    {
        z-index: auto;
    }
    .title-section article.judge_2 .absolute-box.logo-3
    {
        top: 6vw;
    }
    .title-section article.judge_2 .absolute-box.logo-3 img
    {
        width: 27vw;
    }
    .title-section article.judge_2 .main-visual .head-box .logo-box .catch
    {
        top: 10.7vw;
        left: 14.9vw;

        width: 37vw;
    }
    .title-section article.judge_2 .main-visual .head-box .logo-box .title
    {
        top: 14.5vw;
        left: 12.9vw;

        width: 40vw;
    }
    .title-section article.judge_2 .main-visual .head-box .logo-box .title img
    {
        width: 100%;
    }
    .title-section article.judge_2 .main-visual .head-box .logo-box .lead
    {
        width: 33vw;
        margin-top: -18.5vw;
        margin-left: 16.2vw;
    }
    .title-section article.judge_2 .main-visual .head-box .logo-box .lead_2
    {
        width: 33vw;
        margin-top: -.5vw;
        margin-left: 16vw;
    }
    .title-section article.judge_2 .main-visual .head-box .btn-box
    {
        margin-left: 19vw;
    }

    .title-section article.ishinkiwami .absolute-box.logo-3
    {
        top: 6vw;
    }
    .title-section article.ishinkiwami .absolute-box.logo-3 img
    {
        width: 44vw;
    }
    .title-section article.ishinkiwami .main-visual .head-box .logo-box .catch
    {
        top: 10.7vw;
        left: 14.9vw;

        width: 37vw;
    }
    .title-section article.ishinkiwami .main-visual .head-box .logo-box .title
    {
        top: 14.5vw;
        left: 6.9vw;

        width: 37vw;
    }
    .title-section article.ishinkiwami .main-visual .head-box .logo-box .title img
    {
        width: 100%;
    }
    .title-section article.ishinkiwami .main-visual .head-box .logo-box .lead
    {
        width: 31vw;
        margin-top: -17vw;
        margin-left: 11.2vw;
    }
    .title-section article.ishinkiwami .main-visual .head-box .logo-box .lead_2
    {
        width: 33vw;
        margin-top: -.5vw;
        margin-left: 16vw;
    }
    .title-section article.ishinkiwami .main-visual .head-box .btn-box
    {
        top: -7vw;

        margin-left: 13vw;
    }

    .title-section article.judgment .absolute-box.logo-3
    {
        top: 6vw;
    }
    .title-section article.judgment .absolute-box.logo-3 img
    {
        width: 47.5vw;
    }
    .title-section article.judgment .main-visual .head-box .logo-box .title
    {
        top: 26.0vw;
        left: 13vw;
    }
    .title-section article.judgment .main-visual .head-box .logo-box .lead
    {
        margin-top: -13vw;
        margin-left: 21.9vw;
    }
    .title-section article.judgment .main-visual .head-box .btn-box
    {
        margin-left: 21vw;
    }
    .title-section article.ryu_07 .absolute-box.logo-3
    {
        top: 6vw;
    }
    .title-section article.ryu_07 .absolute-box.logo-3 img
    {
        width: 38vw;
    }
    .title-section article.ryu_07 .main-visual .head-box .logo-box .title
    {
        top: 16vw;
        left: 20.3vw;
    }
    .title-section article.ryu_07 .main-visual .head-box .logo-box .lead
    {
        margin-top: -15.5vw;
        margin-left: 17.2vw;
    }
    .title-section article.ryu_07 .main-visual .head-box .btn-box
    {
        margin-left: 21vw;
    }
    .title-section article.ryu_15th .absolute-box.logo-3
    {
        top: 12vw;
    }
    .title-section article.ryu_15th .main-visual .head-box .logo-box .title
    {
        top: 11vw;

        width: 85vw;
    }
    .title-section article.ryu_15th .main-visual .head-box .logo-box .title img
    {
        width: 100%;
    }
    .title-section article.ryu_15th .main-visual .head-box .logo-box .lead
    {
        width: 37vw;
        margin-top: -4.5vw;
    }
    .title-section article.ryu_15th .main-visual .head-box .logo-box .lead img
    {
        width: 100%;
    }
    .title-section article.ryu_15th .main-visual .head-box .logo-box .news
    {
        font-size: 2.8vw;

        margin-top: -13vw;
    }
    .title-section article.ryu_15th .main-visual .head-box .logo-box .news span
    {
        padding: 1vw 1vw 1vw 0;
    }
    .title-section article.ryu_15th .main-visual .head-box .btn-box
    {
        top: -1.8vw;
    }
    .title-section article.ryu_4_memorial .main-visual .head-box .logo-box .title
    {
        bottom: 33vw;
    }
    .title-section article.ryu_4_memorial .main-visual .head-box .logo-box .lead.lead_2
    {
        margin-top: -25vw;
    }
    .title-section article.ryu_5_memorial .main-visual .head-box .logo-box .title
    {
        bottom: 33vw;
    }
    .title-section article.ryu_5_memorial .main-visual .head-box .logo-box .lead.lead_2
    {
        margin-top: -25vw;
    }
    .title-section article.ryu_online_cp4 .main-visual .head-box .logo-box .lead
    {
        margin-top: 46.3%;
    }
    .title-section article.ryu_online_cp4 .main-visual .head-box .notice
    {
        width: 22vw;
    }
    .title-section article.ryu_online_cp4 .main-visual .head-box .notice img
    {
        width: 100%;
    }
    .title-section article.ryu_online_koryu_ryu3 .main-visual .head-box .logo-box .title
    {
        bottom: 34vw;
        left: 3.2%;

        width: 45vw;
    }
    .title-section article.ryu_online_koryu_ryu3 .main-visual .head-box .logo-box .title img
    {
        width: 100%;
    }
    .title-section article.ryu_online_koryu_ryu3 .main-visual .head-box .logo-box .lead.lead_2
    {
        width: 36vw;
        margin-top: -29.2%;
        margin-left: 8.3%;
    }
    .title-section article.ryu_online_koryu_ryu3 .main-visual .head-box .logo-box .lead.lead_2 img
    {
        width: 100%;
    }
    .title-section article.ryu_online_koryu_ryu3 .main-visual .head-box .logo-box .lead
    {
        width: 38vw;
        margin-top: 5.8%;
        margin-left: 5.8%;
    }
    .title-section article.ryu_online_koryu_ryu3 .main-visual .head-box .logo-box .lead img
    {
        width: 100%;
    }
    .title-section article.ryu_online_koryu_ryu3 .main-visual .head-box .btn-box
    {
        top: -3vw;

        width: 30vw;
        margin-top: .5%;
        margin-left: 11%;
    }
    .title-section article.ryu_online_koryu_ryu3 .main-visual .head-box .btn-box img
    {
        width: 100%;
    }
    .title-section article.ryu_kiwami2_memorial .main-visual .head-box .logo-box .title
    {
        bottom: 34vw;
        left: 3.2%;

        width: 45vw;
    }
    .title-section article.ryu_kiwami2_memorial .main-visual .head-box .logo-box .title img
    {
        width: 100%;
    }
    .title-section article.ryu_kiwami2_memorial .main-visual .head-box .logo-box .lead.lead_2
    {
        width: 36vw;
        margin-top: -29.2%;
        margin-left: 8.3%;
    }
    .title-section article.ryu_kiwami2_memorial .main-visual .head-box .logo-box .lead.lead_2 img
    {
        width: 100%;
    }
    .title-section article.ryu_kiwami2_memorial .main-visual .head-box .logo-box .lead
    {
        width: 38vw;
        margin-top: 5.8%;
        margin-left: 5.8%;
    }
    .title-section article.ryu_kiwami2_memorial .main-visual .head-box .logo-box .lead img
    {
        width: 100%;
    }
    .title-section article.ryu_kiwami2_memorial .main-visual .head-box .btn-box
    {
        top: -3vw;

        width: 30vw;
        margin-top: .5%;
        margin-left: 11%;
    }
    .title-section article.ryu_kiwami2_memorial .main-visual .head-box .btn-box img
    {
        width: 100%;
    }
    .title-section article.ryu_memorial .main-visual .head-box .logo-box .title
    {
        bottom: 35.4vw;
        left: 6.5%;

        width: 40vw;
    }
    .title-section article.ryu_memorial .main-visual .head-box .logo-box .title img
    {
        width: 100%;
    }
    .title-section article.ryu_memorial .main-visual .head-box .logo-box .lead.lead_2
    {
        width: 32.5vw;
        margin-top: -29.5%;
        margin-left: 8%;
    }
    .title-section article.ryu_memorial .main-visual .head-box .logo-box .lead.lead_2 img
    {
        width: 100%;
    }
    .title-section article.ryu_memorial .main-visual .head-box .logo-box .lead
    {
        width: 37.5vw;
        margin-top: 6.4%;
        margin-left: 5%;
    }
    .title-section article.ryu_memorial .main-visual .head-box .logo-box .lead img
    {
        width: 100%;
    }
    .title-section article.ryu_memorial .main-visual .head-box .btn-box
    {
        top: -3.5vw;

        width: 30vw;
        margin-top: .5%;
        margin-left: 11%;
    }
    .title-section article.ryu_memorial .main-visual .head-box .btn-box img
    {
        width: 100%;
    }
    .title-section article.online_a .main-visual:after
    {
        right: -6.6%;

        width: 72.735%;
        height: 0;
        padding-bottom: 62.5%;

        background-size: contain;
    }
    .title-section article.online_a .head-box .logo-box
    {
        width: 96%;
        height: 57vw;
        margin-bottom: 0;
        padding-top: 10.97%;
        padding-right: 0;
        padding-left: 0;
    }
    .title-section article.online_a .head-box .logo-box .lead
    {
        width: 100%;
        height: 44vw;
        margin-top: 1.3%;
        padding-right: 10.8%;
        padding-bottom: 2%;
        padding-left: 1.7%;
    }
    .title-section article.online_a .head-box .logo-box .title
    {
        width: 39.2%;
    }
    .title-section article.online_a .head-box .logo-box img,
    .title-section article.online_a .head-box .logo-box .lead img
    {
        width: 100%;
    }
    .title-section article.online_a .absolute-box.logo-4
    {
        top: 12.47%;
        left: 5.2%;

        width: 18.3%;
    }
    .title-section article.online_a .absolute-box.logo-4 img
    {
        max-width: 100%;
    }
    .title-section article.ryu_05 .main-visual:after
    {
        right: 3.77%;
        bottom: -14.6%;

        width: 50%;
        height: 0;
        padding-bottom: 75.235%;

        background-size: contain;
    }
    .title-section article.ryu_05 .head-box .logo-box
    {
        width: 46%;
        margin-bottom: 0;
        padding-top: 10.97%;
        padding-right: 0;
        padding-left: 7.8%;
    }
    .title-section article.ryu_05 .head-box .logo-box .title
    {
        height: 36vw;
    }
    .title-section article.ryu_05 .head-box .logo-box .title,
    .title-section article.ryu_05 .head-box .logo-box .title img
    {
        width: 100%;
    }
    .title-section article.ryu_05 .head-box .logo-box .lead
    {
        height: 5vw;
        margin-top: 4.3%;
        padding-right: 12%;
        padding-bottom: 2%;
        padding-left: 3.7%;
    }
    .title-section article.ryu_05 .head-box .logo-box img,
    .title-section article.ryu_05 .head-box .logo-box .lead img
    {
        width: 100%;
    }
    .title-section article.ryu_05 .absolute-box.logo-4
    {
        top: 12.47%;
        left: 5.2%;

        width: 18.3%;
    }
    .title-section article.ryu_05 .absolute-box.logo-4 img
    {
        max-width: 100%;
    }
    .title-section article.ryu4
    {
        background-image: url(/assets/img/index/bg-ryu4.jpg);
    }
    .title-section article.ryu4 .absolute-box img,
    .title-section article.ryu4 .title img,
    .title-section article.ryu4 .lead img
    {
        max-width: 100%;
    }
    .title-section article.ryu4 .absolute-box.logo-4
    {
        top: 13.2%;
        left: 5.2%;

        width: 18.27%;
    }
    .title-section article.ryu4 .main-visual:after
    {
        right: -8.9773614364%;
        bottom: 0;

        width: 68.0718188915%;
        height: 100%;

        background-size: contain;
    }
    .title-section article.ryu4 .head-box .title
    {
        overflow: hidden;

        width: 45.7%;
        padding-left: 7.8%;
    }
    .title-section article.ryu4 .head-box .lead
    {
        overflow: hidden;

        width: 25.2%;
        margin-top: .8%;
        margin-left: 14%;
        padding-right: 0;
        padding-left: 0;

        text-align: center;
    }
    .title-section article.ryu4 .head-box .btn-box
    {
        margin-top: 1.2%;
    }
    .title-section article.ryu_vote
    {
        position: relative;
    }
    .title-section article.ryu_vote:before
    {
        height: 18.203vw;

        background-size: contain;
    }
    .title-section article.ryu_vote:after
    {
        width: 80.64%;

        background-size: contain;
    }
    .title-section article.ryu_vote .head-box .text
    {
        width: 69.867291178vw;
        margin-top: 15.23vw;
        padding-right: 0;
    }
    .title-section article.ryu_vote .head-box .text .text-cp_vote
    {
        width: 100%;
        height: 0;
        padding-bottom: 40%;
    }
    .title-section article.ryu_2019 .main-visual .head-box .title
    {
        padding-right: 40px;
        padding-bottom: 2.5%;
    }
    .title-section article.ryu_2019 .main-visual .head-box .title img
    {
        width: 100%;
    }
    .title-section article.ryu_2019 .main-visual .head-box .lead
    {
        padding-bottom: 3.5%;
    }
    .title-section article.ryu_2019 .main-visual .head-box .lead img
    {
        width: 91%;
        max-width: 602px;
    }
    .title-section .head-box
    {
        width: 100%;
        height: auto;
        margin-left: 0;
        padding-top: 0;
        padding-left: 0;

        text-align: center;
    }
    .title-section .head-box h1 img
    {
        max-width: 100%;
        height: auto;
    }
    .title-section .head-box h2
    {
        width: 98%;
        margin-bottom: .781vw;
        padding-right: 2.3vw;
        padding-left: 2%;
    }
    .title-section .head-box h2 img
    {
        width: 100%;
        max-width: 100%;
    }
    .title-section .head-box .text
    {
        margin-top: 1.23vw;
    }
    .title-section .head-box .text img
    {
        width: 43.241vw;
    }
    .title-section .btn-box
    {
        margin-top: 1.5vw;
    }
    .title-section .btn-box .btn-rectangle
    {
        width: 26.563vw;
    }
    .title-section .btn-box .btn-rectangle a
    {
        font-size: 1.55vw;
    }

    .bx-wrapper .bx-controls .bx-controls-direction .bx-next,
    .bx-wrapper .bx-controls .bx-controls-direction .bx-prev
    {
        width: 3.90625vw;
    }

    .title-section article
    {
        overflow: hidden;

        width: 100%;
    }
    .title-section article .title-list
    {
        width: 100%;
        height: 0;
        padding-bottom: 62.452%;
    }
    .title-section article .title-list li
    {
        top: auto;
        bottom: 0;

        height: 100%;
    }
    .title-section article .title-list li .head-box
    {
        height: auto;
        margin-left: 0;
        padding-top: 115%;
    }

    .title-section article .title-list li.kiwami2:before,
    .title-section article .title-list li.kiwami2:after
    {
        height: 100%;
    }
    .title-section article .title-list li.kiwami2 .head-box
    {
        background-size: 161%;
    }
    .title-section article .title-list li.kiwami2 .head-box h2
    {
        width: 87.62%;
        margin-bottom: 1vw;
        margin-left: 3%;
        padding-right: 0;
        padding-left: 0;
    }

    .title-section article .title-list li.hokuto .head-box
    {
        padding-right: 30px;

        background-size: 241.7%;
    }
    .title-section article .title-list li.hokuto .head-box h2
    {
        width: 75.255%;
        margin-bottom: -.45vw;
        margin-left: 10.5%;
        padding-right: 0;
        padding-left: 0;
    }

    .title-section article .title-list li.online .head-box
    {
        padding-left: 30px;

        background-size: 195%;
    }
    .title-section article .title-list li.online .head-box h2
    {
        width: 86.115%;
        margin-bottom: -.119vw;
        margin-left: 5.5%;
        padding-right: 0;
        padding-left: 0;
    }
}
/* section-main-movie */
.section-main-movie
{
    position: absolute;
    bottom: 28px;
    left: 25px;

    width: 241px;
}
.section-main-movie .section-inner
{
    border: solid 1px #c4c4c4;
    background: #000;
}
.section-main-movie .main-movie
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;

    border: solid 2px #000;
    background: #000;
}
.section-main-movie .main-movie a
{
    text-decoration: none;

    color: #fff;
}
.section-main-movie .main-movie a .thumb
{
    position: relative;
    top: 0;
    left: 0;

    overflow: hidden;

    width: 100%;
    height: 137px;
}
.section-main-movie .main-movie a .thumb:before
{
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;

    width: 68px;
    height: 47px;

    content: '';
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    background: url(../img/index/ico-movie-btn.png) no-repeat left top;
}
.section-main-movie .main-movie a .thumb img
{
    width: 100%;
}
.section-main-movie .main-movie a .text-box
{
    padding: 10px;

    color: #e2ce8f;
}
.section-main-movie .main-movie a .text-box .game-title
{
    font-size: 17px;
}
.section-main-movie .main-movie a .text-box .movie-title
{
    font-size: 26px;
}
.section-main-movie .main-movie a .text-box .text-btn
{
    font-size: 14px;

    color: #969696;
}

@media screen and (max-width: 1281px)
{
    .section-main-movie
    {
        bottom: 2.186vw;
        left: 1.952vw;

        width: 18.813vw;
    }
    .section-main-movie .main-movie a .thumb
    {
        width: 100%;
        height: 10.695vw;
    }
    .section-main-movie .main-movie a .thumb:before
    {
        width: 5.308vw;
        height: 3.669vw;

        content: '';

        background-size: 100%;
    }
    .section-main-movie .main-movie a .text-box
    {
        padding: .7806vw;
    }
    .section-main-movie .main-movie a .text-box .game-title
    {
        font-size: 1.328vw;
    }
    .section-main-movie .main-movie a .text-box .movie-title
    {
        font-size: 2.0297vw;
    }
    .section-main-movie .main-movie a .text-box .text-btn
    {
        font-size: 1.0929vw;
    }
}
@media screen and (max-width: 816px)
{
    .section-main-movie
    {
        width: 154px;
    }
    .section-main-movie .main-movie a .text-box .game-title
    {
        font-size: 1.328vw;
    }
}
/* section-hot-infomation */
.section-hot-infomation .card-style > *
{
    position: relative;
    top: 0;
    left: 0;

    height: 0;
    padding-top: 15.7%;

    border-bottom: solid 1px #fff;
    background: #000;
}
.section-hot-infomation .card-style > *:nth-child(odd)
{
    border-right: solid 1px #fff;
}
.section-hot-infomation .card-style .thumb
{
    position: absolute;

    overflow: hidden;

    width: 50%;
    height: 100%;
}
.section-hot-infomation .card-style .thumb img
{
    position: absolute;
    top: 0;
    left: 50%;

    width: auto;
    height: 100%;

    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
.section-hot-infomation .card-style .thumb.inherit img
{
    position: relative;

    width: 100%;
    height: auto;
}
.section-hot-infomation .card-style .text-box
{
    position: absolute;
    top: 0;
    right: 0;

    width: 50%;
    height: 100%;
    padding: 33px 25px 20px 37px;

    background-color: #630000; /* red */
}
.section-hot-infomation .card-style .text-box .title
{
    font-size: 25px;
    line-height: 1.4;

    margin-bottom: 7px;
    padding-bottom: 4px;

    color: #ddc98c;
    border-bottom: solid 1px #909090;
}
.section-hot-infomation .card-style .text-box .description
{
    font-size: 17px;
    line-height: 28px;

    padding-bottom: 36px;

    color: #fff;
}
.section-hot-infomation .card-style .text-box .description.lh_s
{
    line-height: 15px;
}
.section-hot-infomation .card-style .text-box .text-btn
{
    font-size: 14px;

    position: absolute;
    bottom: 37px;
    left: 0;

    -webkit-transform: translateX(37px);
            transform: translateX(37px);
    letter-spacing: -.9px;

    color: #969696;
}

.section-hot-infomation article
{
    display: table;

    width: 100%;

    border-bottom: 1px solid #fff;
    background-color: #000;
}
.section-hot-infomation .glid-box
{
    display: table-cell;

    width: 50%;
}
.section-hot-infomation .glid-box.glid-onecolumn
{
    display: block;

    width: 100%;
}
.section-hot-infomation .glid-box.glid-onecolumn .glid-container
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.section-hot-infomation .glid-box.glid-onecolumn .glid-container li
{
    padding-top: 13.73%;
}
.section-hot-infomation .glid-box.glid-onecolumn .glid-container li ~ li
{
    border-bottom-width: 1px;
    border-left: 1px solid #fff;
}
.section-hot-infomation .glid-box .glid-container li
{
    float: none;

    width: 100%;
    padding-top: 27.47%;

    border-right: solid 0 #fff;
}
.section-hot-infomation .glid-box .glid-container li ~ li
{
    border-bottom-width: 0;
}
.section-hot-infomation .bnr-box
{
    display: table-cell;

    width: 50%;
    height: 463px;

    text-align: center;
    vertical-align: middle;

    border-left: solid 1px #fff;
    background-color: #000;
}
.section-hot-infomation .bnr-box a
{
    display: block;

    width: 100%;

    text-align: center;
}
.section-hot-infomation .bnr-box a img
{
    width: 83.522%;
    max-width: 700px;
    height: 100%;
}

@media screen and (max-width: 1680px)
{
    .section-hot-infomation .card-style > *
    {
        padding-top: 18.8%;
    }
    .section-hot-infomation .card-style .thumb
    {
        overflow: hidden;
    }
    .section-hot-infomation .card-style .thumb img
    {
        width: auto;
        height: 100%;
    }
    .section-hot-infomation .card-style .text-box
    {
        padding: 1.086vw 1.386vw 0 2.202vw;
    }
    .section-hot-infomation .card-style .text-box .title
    {
        margin-bottom: .714vw;
        padding-bottom: .595vw;
    }
    .section-hot-infomation .card-style .text-box .description
    {
        line-height: 1.667vw;
    }
    .section-hot-infomation .card-style .text-box .description.lh_s
    {
        line-height: 1.3vw;
    }
    .section-hot-infomation .card-style .text-box .text-btn
    {
        font-size: 1vw;

        bottom: 1.488vw;

        -webkit-transform: translateX(2.2023vw);
                transform: translateX(2.2023vw);
    }

    .section-hot-infomation .glid-box .glid-container li
    {
        padding-top: 37.6%;
    }

    .section-hot-infomation .glid-box.glid-onecolumn .glid-container li
    {
        padding-top: 18.8%;
    }

    .section-hot-infomation .bnr-box
    {
        height: auto;
    }

    .title-section article.ryu_audition .main-visual .head-box
    {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .title-section article.ryu_audition .main-visual .head-box .title
    {
        margin-top: 10%;
        padding-left: 13%;
    }
    .title-section article.ryu_audition .main-visual .head-box .title img
    {
        width: 41.2%;
    }
    .title-section article.ryu_audition .main-visual .head-box .lead
    {
        padding-left: 13%;
    }
    .title-section article.ryu_audition .main-visual .head-box .lead img
    {
        width: 41.5%;
    }
    .title-section article.ryu_audition .main-visual .head-box .logo
    {
        left: 58.4%;
    }
    .title-section article.ryu_audition .main-visual .head-box .btn-box
    {
        padding-left: 20.2%;
    }
    .title-section article.ryu_audition .main-visual .head-box .btn-box .btn-rectangle
    {
        width: 25.4%;
    }
    .title-section article.ryu_online_new .main-visual .head-box .logo-box .title
    {
        left: 50%;

        margin-left: -580px;
    }
    .title-section article.ryu_online_new .main-visual .head-box .logo-box .title img
    {
        width: 100%;
    }
    .title-section article.ryu_online_new .main-visual .head-box .logo-box .lead
    {
        position: relative;
        left: 50%;

        margin-left: -500px;
    }
    .title-section article.ryu_online_new .main-visual .head-box .logo-box .lead img
    {
        width: 100%;
    }
    .title-section article.ryu_online_new .main-visual .head-box .btn-box
    {
        position: relative;
        left: 50%;

        margin-left: -492px;
    }
    .title-section article.ryu_online_new2 .main-visual .head-box .logo-box .title
    {
        width: 30%;
    }
    .title-section article.ryu_online_new2 .main-visual .head-box .logo-box .title img
    {
        width: 100%;
    }
    .title-section article.ryu_online_new2 .main-visual .head-box .btn-box
    {
        width: 24.5%;
    }
    .title-section article.ryu_online_new2 .main-visual .head-box .btn-box .btn-rectangle
    {
        width: 100%;
    }
}
@media screen and (max-width: 1280px)
{
    .section-hot-infomation .card-style .text-box .title
    {
        font-size: 2.0313vw;
        line-height: 2.813vw;
    }
    .section-hot-infomation .card-style .text-box .description
    {
        font-size: 1.128vw;
        line-height: 2.344vw;
    }

    .title-section article.ryu_audition .main-visual .head-box .logo
    {
        top: 33.5%;

        width: 35.5%;
    }
    .title-section article.ryu_audition .main-visual .head-box .logo img
    {
        width: 100%;
    }
}
/* section-special */
.section-special
{
    padding-top: 40px;
    padding-bottom: 234px;
    /*background: url(../img/index/bg-image.gif); bggray */

    background-color: #630000; /* red */
}
.section-special h2
{
    margin-bottom: 40px;
}
.section-special .other-link-list .ico-circle:before
{
    -webkit-transition: all .5s ease;
            transition: all .5s ease;
    -webkit-transform: scale(1.3);
            transform: scale(1.3);

    opacity: 0;
    border: solid 1px #2e2e2e;
}
.section-special .other-link-list .ico-circle:hover:before
{
    -webkit-transform: scale(1);
            transform: scale(1);

    opacity: 1;
    border: solid 1px #2e2e2e;
}

@media screen and (max-width: 1280px)
{
    .section-special
    {
        padding-top: 3.125vw;
        padding-bottom: 18.218vw;
    }
}
@media screen and (max-width: 980px)
{
    .section-special
    {
        padding-top: 4.0816vw;
    }
    .section-special h2
    {
        margin-bottom: 4.0816vw;
    }
    .section-special .other-link-list
    {
        /* goods 201711 */
    }
    .section-special .other-link-list .caption
    {
        font-size: 1.429vw;

        margin-top: 1.0204vw;
    }
    .section-special .other-link-list .ico-ryu
    {
        background-size: 4.694vw;
    }
    .section-special .other-link-list .ico-yt
    {
        background-size: 3.571vw;
    }
    .section-special .other-link-list .ico-niconico
    {
        background-size: 3.163vw;
    }
    .section-special .other-link-list .ico-info
    {
        background-size: 3.571vw;
    }
    .section-special .other-link-list .ico-radio
    {
        background-size: 2.959vw;
    }
    .section-special .other-link-list .ico-twitter
    {
        background-size: 3.757vw;
    }
    .section-special .other-link-list .ico-facebook
    {
        background-size: 1.633vw;
    }
    .section-special .other-link-list .ico-blog
    {
        background-size: 2.449vw;
    }
    .section-special .other-link-list .ico-goods
    {
        background-size: 3.757vw;
    }
}
/* section-news */
.section-news
{
    margin-bottom: 74px;
}
.section-news article
{
    margin-top: -147px;
}
.section-news h2
{
    position: relative;
    z-index: 10;
    top: 0;
    left: 0;

    margin-bottom: 17px;
}
.section-news h2 span
{
    position: relative;
    top: 0;
    left: 0;
}
.section-news h2 span a img
{
    vertical-align: bottom;
}
.section-news h2 span:before
{
    width: 22px;
    height: 22px;

    content: '';
}
.section-news .news-box
{
    position: relative;
    top: 0;
    left: 0;

    width: 1280px;
    margin: 0 auto;
}
.section-news .news-box .all-news-box
{
    position: absolute;
    top: -47px;
    left: 0;
}
.section-news .news-box .all-news-box .btn-ellipse
{
    position: relative;
    z-index: 100;
    top: 0;
    left: 0;
}
.section-news .news-box .accordion-box
{
    display: none;
    overflow: hidden;

    margin-top: 4px;
}
.section-news .news-box .accordion-box.open
{
    height: 250px;
}
.section-news .news-box .accordion-body
{
    width: 820px;
    padding: 35px 20px 20px 30px;

    background: #303030;
}
.section-news .news-box .accordion-body ul li
{
    margin-right: 16px;
    margin-bottom: 15px;
}
.section-news .news-box .accordion-body ul li a
{
    font-size: 17px;
    line-height: 100%;

    color: #fff;
}
.section-news .news-box .accordion-body ul li a:hover
{
    text-decoration: underline;
}
.section-news .card-vertically-long .card-body
{
    overflow: hidden;

    width: 317px;
    height: 420px;
    min-height: 420px;
    margin-bottom: 20px;
    margin-left: 4px;

    background: #f2f2f2;
}
.section-news .card-vertically-long .card-body .text-box
{
    position: relative;
    top: 0;
    left: 0;

    padding: 18px 20px 26px 23px;

    word-wrap: break-word;
}
.section-news .card-vertically-long .card-body .text-box .title
{
    font-size: 23px;
    line-height: 28px;

    margin-bottom: 15px;
}
.section-news .card-vertically-long .card-body .text-box .small-text
{
    line-height: 100%;

    margin-bottom: 20px;
}
.section-news .card-vertically-long .card-body .text-box .date
{
    font-size: 14px;
}
.section-news .card-vertically-long .card-body .text-box .cat
{
    font-size: 12px;
}
.section-news .card-vertically-long .card-body .text-box .description
{
    font-size: 15px;
    line-height: 21px;
}
.section-news .card-vertically-long .card-body.new .text-box:before
{
    position: absolute;
    top: -37px;
    left: 16px;

    width: 50px;
    height: 50px;

    content: '';

    border-radius: 50%;
    background: url(../img/common/ico-new.png) no-repeat center center;
    background-color: #e2ce8f;
}

@media screen and (max-width: 1280px)
{
    .section-news
    {
        margin-bottom: 5.781vw;
    }
    .section-news article
    {
        margin-top: -11.484vw;
    }
    .section-news h2
    {
        margin-bottom: 1.328vw;
    }
    .section-news h2 span:before
    {
        right: -2.0313vw;

        width: 1.719vw;
        height: 1.719vw;

        content: '';

        background-size: 100%;
    }
    .section-news h2 img
    {
        width: 1.719vw;
        height: 1.719vw;
    }
    .section-news .news-box
    {
        width: 100%;
    }
    .section-news .news-box .all-news-box
    {
        top: -3.672vw;
    }
    .section-news .news-box .accordion-box
    {
        min-height: 0;
        margin-top: .313vw;
    }
    .section-news .news-box .accordion-box.open
    {
        height: 19.531vw;
        min-height: 175px;
    }
    .section-news .news-box .accordion-body
    {
        width: 64.0625vw;
        padding: 2.734vw 1.563vw 1.563vw 2.344vw;
    }
    .section-news .news-box .accordion-body ul li
    {
        line-height: 100%;

        margin-right: 1.25vw;
        margin-bottom: 1.172vw;
    }
    .section-news .news-box .accordion-body ul li a
    {
        font-size: 1.328vw;
    }
    .section-news .card-vertically-long a
    {
        display: block;

        width: 100%;
        height: 100%;
        padding-left: .313vw;
    }
    .section-news .card-vertically-long .card-body
    {
        overflow: hidden;

        width: 100%;
        height: 32.813vw;
        min-height: inherit;
        margin-bottom: 1.563vw;
        margin-left: 0;

        background: #f2f2f2;
    }
    .section-news .card-vertically-long .card-body .thumb img
    {
        width: 100%;
    }
    .section-news .card-vertically-long .card-body .text-box
    {
        padding: 1.406vw 1.563vw 2.0313vw 1.797vw;
    }
    .section-news .card-vertically-long .card-body .text-box .title
    {
        font-size: 1.797vw;
        line-height: 2.188vw;

        margin-bottom: 1.172vw;
    }
    .section-news .card-vertically-long .card-body .text-box .small-text
    {
        margin-bottom: 1.563vw;
    }
    .section-news .card-vertically-long .card-body .text-box .date
    {
        font-size: 1.0938vw;
    }
    .section-news .card-vertically-long .card-body .text-box .cat
    {
        font-size: .938vw;
    }
    .section-news .card-vertically-long .card-body .text-box .description
    {
        font-size: 1.0938vw;
        line-height: 1.6406vw;
    }
    .section-news .card-vertically-long .card-body.new .text-box:before
    {
        top: -2.8906vw;
        left: 1.25vw;

        width: 3.906vw;
        height: 3.906vw;

        content: '';

        background-size: 2.422vw;
    }
    .section-news .card-vertically-long li:nth-child(4n+1) .card-body
    {
        margin-left: 0;
        padding-left: 0;
    }
}
/* section-onlinenews */
.section-onlinenews
{
    display: none;

    margin-bottom: 74px;
}
.section-onlinenews.active
{
    display: block;
}
.section-onlinenews h2
{
    margin-bottom: 17px;
}
.section-onlinenews .onlinenews-box
{
    width: 1280px;
    margin: 0 auto 23px;
    padding: 19px 41px 33px;

    background-color: #f2f2f2;
}
.section-onlinenews .onlinenews-box .onlinenews-list li
{
    font-family: YuGothic, 'Yu Gothic', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
    font-size: 16px;

    clear: left;

    padding: 13px 0 3px;

    border-bottom: 2px solid #dad7cd;
}
.section-onlinenews .onlinenews-box .onlinenews-list li:after
{
    display: table;
    clear: both;

    content: '';
}
.section-onlinenews .onlinenews-box .onlinenews-list li span
{
    display: inline-block;
    float: left;

    width: 10.5em;
    padding-left: 2px;

    letter-spacing: 1.6px;
}
.section-onlinenews .onlinenews-box .onlinenews-list li p
{
    padding-left: 10.5em;

    letter-spacing: 2px;
}
.section-onlinenews .btn-box .btn a span
{
    padding-left: 17px;
}
.section-onlinenews .btn-box .btn a span:before
{
    position: absolute;
    top: 50%;
    left: 0;

    width: 6px;
    height: 10px;

    content: '';
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);

    background: url(../img/common/ico-arrow.png) no-repeat left top;
}

@media screen and (max-width: 1280px)
{
    .section-onlinenews .onlinenews-box
    {
        width: 100%;
        padding: 1vw 2vw 2.5vw;
    }
    .section-onlinenews .onlinenews-box .onlinenews-list li
    {
        font-size: 1.25vw;

        padding: 1vw 0 .4vw;
    }
    .section-onlinenews .onlinenews-box .onlinenews-list li span
    {
        width: 11em;
    }
    .section-onlinenews .onlinenews-box .onlinenews-list li p
    {
        padding-left: 11em;
    }
    .section-onlinenews h2 span:before
    {
        right: -2.0313vw;

        width: 1.719vw;
        height: 1.719vw;

        content: '';

        background-size: 100%;
    }
    .section-onlinenews h2 img
    {
        width: 1.719vw;
        height: 1.719vw;
    }
}
/*******************************
modalwindow
*******************************/
/*******************************
parts
|--btn rectangle
|--btn-rectangle-style02
|--ico pickup
*******************************/
/* ico pickup */
.ico-pickup:before
{
    top: -29px;
    left: 9px;

    width: 57px;
    height: 57px;

    border: solid 2px #e48304;
    background: #ffa800 url(../img/index/text-pickup.png) no-repeat center center;
}

@media screen and (max-width: 1281px)
{
    .ico-pickup:before
    {
        top: -2.264vw;
        left: .7026vw;

        width: 4.4505vw;
        height: 4.4405vw;

        background-size: 2.654vw auto;
    }
}
/*******************************
function
*******************************/
@media screen and (max-width: 1281px)
{
    @supports (-ms-ime-align: auto)
    {
        .title-section,
        .title-section article.ryu_online02
        {
            display: table;
        }
    }
}
/*******************************
slide refine
*******************************/
.section-box
{
    margin-top: -77px;
}

.section-group article
{
    overflow: hidden;

    height: 800px;

    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.section-group .main-visual
{
    position: relative;

    width: 100%;
    max-width: 1282px;
    height: 100%;
    margin: 0 auto;
}
.section-group .main-visual .head-box
{
    position: relative;
    z-index: 10;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
        flex-flow: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;

    width: 100%;
    height: 100%;
    padding-bottom: 31px;
}
.section-group .main-visual .head-box .title
{
    display: block;
}
.section-group .main-visual .head-box .btn-box
{
    padding-left: 160px;
}
.section-group .main-visual .head-box .btn-box .btn-rectangle
{
    margin: 0;
}

article.ryu3 .absolute-box.logo-3
{
    top: 100px;
}
article.ryu3 .title
{
    padding-left: 70px;
}
article.ryu3 .lead
{
    margin-top: 20px;
    padding-left: 115px;
}
article.ryu_online02 .title
{
    position: relative;
    left: -8px;
}
article.ryu_online02 .lead
{
    margin-top: 73px;
    margin-bottom: 4px;
    padding-left: 52px;
}
article.ryu3 .absolute-box.logo-3
{
    top: 100px;
}
article.judge
{
    background: url(../img/common/bg_judge.png) no-repeat;
    background-color: #000;
    background-size: cover;
}
article.judge .absolute-box.logo-3
{
    top: 93px;
    left: 11px;
}
article.judge .title
{
    margin-left: 0;
}
article.judge .price
{
    margin-top: -20px;
    padding-left: 138px;
}
article.judge .lead
{
    margin-top: -10px;
    padding-bottom: 25px;
    padding-left: 165px;
}
article.judge .emblem
{
    margin-top: -51px;
    padding-bottom: 75px;
    padding-left: 200px;
}
article.judge .btn-box
{
    margin-top: -5px;
    padding-left: 135px !important;
}
article.judge:after
{
    position: absolute;
    top: 0;
    right: -57px;

    display: inline-block;

    width: auto;
    width: 867px;
    height: auto;
    height: 800px;

    content: '';

    background-image: url(/assets/img/index/chara-judge_rw.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
}
article.ryu_07 .emblem
{
    margin-top: -45px;
    padding-bottom: 75px;
    padding-left: 200px;
}

@media screen and (max-width: 1281px)
{
    .section-box
    {
        margin-top: -6.0109vw;
    }

    .section-group article
    {
        height: 62.867087vw;
    }
    .section-group .main-visual .head-box
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        padding-bottom: 31px;
        padding-bottom: 2.4199843872vw;

        text-align: left;
    }
    .section-group .main-visual .head-box .btn-box
    {
        margin-top: 25px;
        margin-top: 1.9516003123vw;
        padding-left: 160px;
        padding-left: 12.4902419984vw;
    }

    .title-section article.ryu3 .absolute-box.logo-3
    {
        top: 100px;
        top: 7.806401249vw;
    }
    .title-section article.ryu3 .title
    {
        padding-left: 70px;
        padding-left: 5.4644808743vw;
    }
    .title-section article.ryu3 .title img
    {
        width: 510px;
        width: 39.81264637vw;
    }
    .title-section article.ryu3 .lead
    {
        margin-top: 20px;
        margin-top: 1.5612802498vw;
        padding-left: 115px;
        padding-left: 8.9773614364vw;
    }
    .title-section article.ryu3 .lead img
    {
        width: 413px;
        width: 32.2404371585vw;
    }
    .title-section article.ryu_online02 .title img
    {
        width: 588px;
        width: 45.9016393443vw;
    }
    .title-section article.ryu_online02 .lead
    {
        margin-top: 73px;
        margin-top: 5.6986729118vw;
        margin-bottom: 4px;
        margin-bottom: .31225605vw;
        padding-left: 52px;
        padding-left: 4.0593286495vw;
    }
    .title-section article.ryu_online02 .lead img
    {
        width: 591px;
        width: 46.1358313817vw;
    }
    .title-section article.ryu_vote .title .text-cp_vote
    {
        width: 895px;
        width: 69.8672911788vw;
        height: 358px;
        height: 27.9469164715vw;
    }
    .title-section article.judge .absolute-box.logo-3
    {
        top: 93px;
        top: 7.2599531616vw;
        left: 11px;
        left: .8587041374vw;
    }
    .title-section article.judge .title
    {
        margin-left: .7vw;
    }
    .title-section article.judge .title img
    {
        width: 617px;
        width: 48.1654957065vw;
    }
    .title-section article.judge .price
    {
        margin-top: -1.5vw;
        padding-left: 13vw;
    }
    .title-section article.judge .price img
    {
        width: 24vw;
    }
    .title-section article.judge .lead
    {
        margin-top: 21px;
        margin-top: 1.6393442623vw;
        margin-top: 0;
        padding-left: 13.5vw;
    }
    .title-section article.judge .lead img
    {
        width: 22vw;
    }
    .title-section article.judge .emblem
    {
        margin-top: -4vw;
        padding-bottom: 4vw;
        padding-left: 20vw;
    }
    .title-section article.judge .emblem img
    {
        width: 6vw;
    }
    .title-section article.judge .btn-box
    {
        margin-top: 0 !important;
        padding-left: 11vw !important;
    }
    .title-section article.judge:after
    {
        width: 867px;
        width: 67.681498829vw;
        height: 800px;
        height: 62.4512099922vw;
    }
    .title-section article.ryu_07 .emblem
    {
        margin-top: -4vw;
        padding-bottom: 4vw;
        padding-left: 15.5vw;
    }
    .title-section article.ryu_07 .emblem img
    {
        width: 6vw !important;
    }

    .title-section article.ryu08 .absolute-box.logo-3
    {
        top: 6.2vw;
        left: auto;
    }

    .title-section article.gaiden .absolute-box.logo-3
    {
        top: 6.2vw;
        left: 1.2vw;
    }

    .title-section article.gaiden .main-visual .head-box .btn-box
    {
        z-index: 15;
        top: -10vw;

        margin-left: 50vw;
        padding-left: 0;
    }
}
@media screen and (max-width: 1680px)
{
    .title-section article.ryu_online02:before,
    .title-section article.ryu_online02:after
    {
        right: calc(0px - (1680px - 100%) / 3);

        height: 100%;
    }
}
@media screen and (max-width: 1400px)
{
    .title-section article.ryu_online02:before,
    .title-section article.ryu_online02:after
    {
        right: -6.6%;

        width: 86.786%;

        background-size: contain;
    }
}