/*-------------- TOP Competition with thumbnail  -------------- */
.topGameinfoArea.thumb ul.swiper-wrapper li {
    height: auto !important;
    min-height: 120px;
}

.topGameinfoArea.thumb li a {
    height: auto;
    min-height: 119px;
    padding-right: 10px;
    padding-left: 10px;
}

    .topGameinfoArea.thumb li a em {
        margin-bottom: 0;
        font-size: 12px;
    }

    .topGameinfoArea.thumb li a strong {
        display: block;
        font-size: 12px;
        line-height: 1.4;
    }

    .topGameinfoArea.thumb li a .field {
        display: table;
        width: 100%;
    }

        .topGameinfoArea.thumb li a .field div, .topGameinfoArea.thumb li a .field p {
            display: table-cell;
            vertical-align: top;
            box-sizing: border-box;
        }

        .topGameinfoArea.thumb li a .field div {
            width: 70px;
        }

        .topGameinfoArea.thumb li a .field p {
            padding-left: 10px;
            font-size: 12px;
        }

.topGameinfoArea.thumb span.taikaicate {
    top: auto;
    right: 10px;
    bottom: 10px;
    width: 60px;
    font-size: 10px;
}
@charset "UTF-8";
/* CSS Document */
.jaaftop .contents {
    padding-bottom: 0;
}

.topimgArea {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #474747), color-stop(0.00, #363636));
    background: -webkit-linear-gradient(top, #363636 0%, #474747 88%);
    background: -moz-linear-gradient(top, #363636 0%, #474747 88%);
    background: -o-linear-gradient(top, #363636 0%, #474747 88%);
    background: -ms-linear-gradient(top, #363636 0%, #474747 88%);
    background: linear-gradient(to bottom, #363636 0%, #474747 88%);
    height: 440px;
}

    .topimgArea > div {
        width: 1050px;
        margin: 0 auto;
        height: 440px;
    }

.topsliderArea {
    width: 690px;
    float: left;
    height: 440px;
}

    .topsliderArea .swiper-container {
        padding-bottom: 52px;
    }

    .topsliderArea .swiper-pagination {
        bottom: 10px !important;
    }

    .topsliderArea .swiper-pagination-bullet {
        background-color: #fff !important;
        width: 10px !important;
        height: 10px !important;
    }

    .topsliderArea .swiper-pagination-bullet-active {
        background-color: #233B5D !important;
    }

    .topsliderArea .swiper-button-prev,
    .topsliderArea .swiper-button-next {
        margin-top: -54px;
        background: none;
        color: #fff;
        font-size: 60px;
        line-height: .9;
    }

    .topsliderArea .swiper-button-next {
        right: 0 !important;
    }

    .topsliderArea .swiper-button-prev {
        left: 0 !important;
    }

    .topsliderArea .swiper-slide {
        position: relative;
        height: 388px;
    }

        .topsliderArea .swiper-slide p {
            position: absolute;
            bottom: 0;
            left: 0;
            /*width:100%;*/
            padding: 15px;
            color: #fff;
            background: rgba(30,30,30,.85);
        }
/* SCHEDULE */
.topGameinfoArea {
    width: 100%;
    float: right;
    height: 705px;
    background-color: #233B5D;
    position: relative;
    padding: 40px 0;
    box-sizing: border-box;
}

    .topGameinfoArea ul.swiper-wrapper {
        padding: 0 35px;
        box-sizing: border-box;
    }

        .topGameinfoArea ul.swiper-wrapper li {
            display: block;
            height: 120px !important;
        }

    .topGameinfoArea li a {
        display: block;
        background-color: #fff;
        color: #333;
        text-decoration: none;
        line-height: 1.5;
        padding: 22px 15px 22px 15px;
        /*padding:25px 15px 0 15px;*/
        font-size: 12px;
        height: 119px;
        box-sizing: border-box;
    }

        .topGameinfoArea li a em {
            display: block;
            margin-bottom: 5px;
            color: #666666;
            font-size: 14px;
        }

        .topGameinfoArea li a strong {
            font-size: 14px;
        }

        .topGameinfoArea li a:hover {
            background-color: #EED3D4;
        }

.gameButton {
    position: absolute;
    height: 40px;
    line-height: 40px;
    width: 100%;
    text-align: center;
    z-index: 50;
    background-color: #233B5D;
    color: #fff;
    cursor: pointer;
}

    .gameButton:hover {
        color: #fbcacc;
        background-color: #233B5D;
    }

.game-prev {
    top: 0;
}

.game-next {
    bottom: 0;
}

.gameButton.swiper-button-disabled {
    color: #BED1F8;
    cursor: default;
}

    .gameButton.swiper-button-disabled:hover {
        color: #BED1F8;
        background-color: #233B5D;
        cursor: default;
    }

.topGameinfoArea span.taikaicate {
    font-size: 12px;
    line-height: 2em;
    position: absolute;
    top: 10px;
    right: 10px;
    /*left:0;
	top:0;*/
    width: 80px;
    padding: 2px 0;
    line-height: 1.0;
}


/* BUNNER AND INFORMATION */
.bnrAndInfo {
    background-color: #000;
    padding: 20px 0;
    margin-bottom: 40px;
}

    .bnrAndInfo .clmFix {
        width: 1050px;
        margin: 0 auto;
    }

        .bnrAndInfo .clmFix > div {
            position: relative;
        }

.bnr4Top {
    width: 525px;
}

.bnr4Area {
    width: 525px;
    /*width:490px !important;*/
}

.bnr4Top .swiper-slide {
    width: 245px;
}

.bnrButton {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    z-index: 10;
    line-height: 26px;
    cursor: pointer;
    color: #dddddd;
    margin-top: -15px;
    background-color: #222222;
    border: 3px solid #000000;
    border-radius: 16px;
    text-align: center;
}

    .bnrButton i {
        line-height: 1.0;
    }

    .bnrButton:hover {
        color: #666;
        background-color: #323232;
    }
    /*.bnrButton {
	width:17px;
	height:100px;
	position:absolute;
	top:0;
	z-index:10;
	line-height:100px;
	cursor:pointer;
	color:#a6a6a6;
	text-align:center;
}
.bnrButton:hover {
	color:#666;
	background-color:#323232;
}
*/
    .bnrButton.swiper-button-disabled,
    .bnr2Button.swiper-button-disabled {
        display: none;
    }

.bnr-prev {
    left: -15px;
}

.bnrButton i {
    margin: 0 !important;
}

.bnr-next {
    right: -15px;
    /*right:5px;*/
}

section.infoArea.topInfo {
    display: table;
    width: 510px;
    margin: 0 0 0 15px;
    height: 100px;
    box-sizing: border-box;
    background-color: #696969;
    border-color: #a6a6a6;
}

    section.infoArea.topInfo h2,
    section.infoArea.topInfo ul.liststyle {
        display: table-cell;
        vertical-align: middle;
    }

    section.infoArea.topInfo ul.liststyle {
        padding: 10px 10px 10px 20px !important;
    }

        section.infoArea.topInfo ul.liststyle li {
            font-size: 15px;
            margin-bottom: 5px;
            line-height: 1.4;
            color: #fff;
        }

            section.infoArea.topInfo ul.liststyle li:before {
                color: #fff;
            }

            section.infoArea.topInfo ul.liststyle li a {
                color: #fff;
            }

    section.infoArea.topInfo h2 {
        font-size: 18px;
        width: 140px;
        background-color: #313131;
    }

.bnr6-2 {
    background-color: #bbb;
    padding: 8px 0 20px;
}

    .bnr6-2 ul {
        width: 1050px;
        margin: 0 auto;
        font-size: 0;
        text-align: center;
    }

        .bnr6-2 ul > li {
            display: inline-block;
            width: 165px;
            margin: 12px 0 0 12px;
        }

            .bnr6-2 ul > li:nth-of-type(6n+1) {
                margin-left: 0;
            }

.bnr4Btm {
    background-color: #bbb;
    padding: 20px 0;
}

    .bnr4Btm > div {
        width: 1010px;
        margin: 0 auto;
        box-sizing: border-box;
        text-align: center;
        position: relative;
    }

.bnr2Button {
    position: absolute;
    top: 0;
    height: 100px;
    line-height: 100px;
    cursor: pointer;
    width: 25px;
}

    .bnr2Button:hover {
        background-color: #aaa;
    }

.bnr2-prev {
    left: -15px;
}

.bnr2-next {
    right: -15px;
}

.bnr4Btm .bnr4Area2 {
    width: 1000px;
    text-align: left;
    margin-left: 10px;
}

.bnr4Area2 .swiper-wrapper .swiper-slide {
    width: 500px !important;
    /*	padding-right:10px;
*/ box-sizing: border-box;
    text-align: left;
}

    .bnr4Area2 .swiper-wrapper .swiper-slide a {
        display: inline-block;
        margin-right: 10px;
    }
/*.bnr4Area2 .swiper-wrapper .swiper-slide img {
	margin-right:10px;
}
*/
/* NEWS */
.topNews .newsList {
    border-top: 1px dotted #A0A0A0;
}
/* PHOTO AND MOVIE */
.topPhoto {
    width: 100%;
    text-align: center;
    padding-bottom: 35px;
    background-color: #333;
    margin-bottom: 40px;
}

    .topPhoto section {
        width: 1050px;
        margin: 0 auto;
        position: relative;
    }

    .topPhoto a.more {
        position: absolute;
        right: 0;
        top: 0;
        font-family: 'Oswald', sans-serif;
        background-color: #fff;
        text-align: center;
        width: 90px;
        height: 46px;
        line-height: 44px;
        font-size: 20px;
        text-decoration: none;
    }

    .topPhoto h2 {
        font-family: 'Oswald', sans-serif;
        font-size: 60px;
        line-height: .9;
        text-align: left;
        color: #838383;
        margin-bottom: 35px;
    }

.topPhotoL {
    width: 526px;
    height: 296px;
}

.topPhotoR {
    height: 296px;
}

.topPhotoL img {
    height: 295px;
}

.topPhotoL a,
.topPhotoR li a {
    display: block;
}

.topPhotoL a {
    border: 1px solid #233B5D;
}

.topPhotoR li {
    display: inline-block;
    vertical-align: top;
    width: 50%;
}

    .topPhotoR li a img {
        height: 147px;
    }

    .topPhotoR li a {
        border-top: 1px solid #233B5D;
        border-right: 1px solid #233B5D;
    }

    .topPhotoR li:nth-child(n+3) a {
        border-bottom: 1px solid #233B5D;
    }

/* PLAYERS PICK UP */
.topPlayer {
    text-align: center;
    margin-bottom: 40px;
    width: 100%;
    background-color: #333;
}

    .topPlayer section {
        width: 1050px;
        margin: 0 auto;
        position: relative;
        min-height: 337px;
    }

    .topPlayer a.more {
        position: absolute;
        right: 0;
        bottom: 0;
        background-color: #fff;
        text-align: center;
        width: 240px;
        height: 46px;
        line-height: 46px;
        font-size: 18px;
        text-decoration: none;
    }

    .topPlayer h2 {
        font-family: 'Oswald', sans-serif;
        font-size: 60px;
        line-height: .9;
        text-align: right;
        color: #838383;
        margin-bottom: 35px;
    }

    .topPlayer h3 {
        font-size: 33px;
        line-height: 1.2;
        margin: 0;
        padding: 0;
    }

        .topPlayer h3.name {
            color: #fff;
        }

.topPlayerL {
    position: absolute;
    right: 525px;
    top: 0;
    width: 600px;
}

topPlayerL img {
    max-height: 337px;
}

.topPlayerL > div {
    position: relative;
}

a .topPlayerL > div p {
    text-align: center;
    line-height: 1.8;
    padding: 0 15px;
    font-size: 12px;
    background: rgba(50,50,50,.7);
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
}

a .topPlayerR {
    text-decoration: none;
    color: #dadada;
    text-align: left;
    position: absolute;
    left: 555px;
    width: 495px;
    top: 0;
}

.topPlayer a:hover h3 {
    color: #CACACA;
}

/* COMPETITION AND RECORD */
.topConpetitionL {
    width: 690px;
    float: left;
    padding-bottom: 50px;
}

    .topConpetitionL .banner ul li {
        padding-bottom: 30px;
    }

    .topConpetitionL .newsList.conpeList {
        border-top: none;
    }

.topConpetitionR {
    width: 330px;
    float: right;
    padding-bottom: 50px;
}

.main .topConpetitionL section h2,
.main .topConpetitionR section h2 {
    margin: 0;
}

.main .topConpetitionR h2 a {
    text-align: center;
    font-size: 18px;
    padding: 10px 0;
}

.topConpetitionR section {
    padding: 0;
    margin-bottom: 2px;
    border: 1px solid #c816#233B5D1d;
    text-align: center;
}

    .topConpetitionR section > div {
        padding: 20px;
    }

.topConpetitionR figure {
    margin: 10px 0;
}

    .topConpetitionR figure figcaption {
        font-size: 12px;
    }

.topConpetitionR p {
    text-align: center;
    padding-bottom: 0;
}

    .topConpetitionR p.recordArea {
        line-height: 1.2;
    }

p.recordArea .event {
    font-size: 24px;
}

.topConpetitionR p.recordArea strong {
    display: block;
    font-size: 70px;
    margin: 5px 0;
    font-family: 'Oswald', sans-serif;
    color: #233B5D;
}

.topConpetitionR p.profileArea {
    font-weight: bold;
    text-align: center;
    line-height: 1.4;
}

    .topConpetitionR p.profileArea span.holderName {
        display: block;
        font-size: 22px;
    }

.recordLink li {
    display: inline-block;
    width: 164px;
    margin-bottom: 2px;
}

    .recordLink li a.btn1 {
        width: 100%;
        padding: 0;
        font-size: 15px;
    }

        .recordLink li a.btn1 small {
            font-size: 10px;
        }

    .recordLink li:first-child {
        width: 330px;
    }

    .recordLink li:nth-child(even) {
        margin-right: 2px;
    }

.twArea iframe {
    border: 1px solid #55acee !important;
}

.fbArea iframe {
    border: 1px solid #3b5998 !important;
}

/*gp*/
.topConpetitionR .gp {
    margin-top: 20px;
    color: #FFFFFF;
    border: none;
}

    .topConpetitionR .gp div {
        background-image: url("../img/gp-series/2019/bg1.jpg");
        background-repeat: no-repeat;
        padding: 20px 0 20px 10px;
    }

    .topConpetitionR .gp h2 {
        font-size: 18px;
        text-align: center;
        padding: 10px 0;
    }

    .topConpetitionR .gp img {
        float: left;
        width: 130px;
    }

    .topConpetitionR .gp ul {
        text-align: left;
        padding-left: 140px;
    }

    .topConpetitionR .gp li {
        font-size: 15px;
    }

    .topConpetitionR .gp ul .gpname {
        font-size: 21px;
        line-height: 1.2;
    }

    .topConpetitionR .gp .gppt {
        font-family: 'Oswald', sans-serif;
        font-size: 40px;
        line-height: 1.0;
        font-weight: bold;
        margin-top: 10px;
    }

        .topConpetitionR .gp .gppt span {
            font-size: 25px;
        }

    .topConpetitionR .gp .gp-angle {
        clear: both;
        background-color: #222222;
        padding: 10px 0;
        font-size: 16px;
    }

        .topConpetitionR .gp .gp-angle a {
            display: block;
            width: 100%;
            text-decoration: none;
            color: #FFFFFF
        }

            .topConpetitionR .gp .gp-angle a:hover {
                opacity: .7;
            }

            .topConpetitionR .gp .gp-angle a::before {
                content: "\f054";
                font-family: fontAwesome;
                margin-right: 5px;
            }

/*-------------- TOP Competition with thumbnail  -------------- */
.topGameinfoArea.thumb ul.swiper-wrapper li {
    height: auto !important;
    min-height: 120px;
    border: #233B5D 1px solid;
}

.topGameinfoArea.thumb li a {
    height: auto;
    min-height: 123px;
    padding-right: 10px;
    padding-left: 10px;
}

    .topGameinfoArea.thumb li a em {
        margin-bottom: 0;
        font-size: 1.5em;
        font-weight: 800;
    }

    .topGameinfoArea.thumb li a strong {
        display: block;
        font-size: 1.5em;
        line-height: 1.4;
        color: #000;
        margin-top: 10px;
    }

    .topGameinfoArea.thumb li a .field {
        display: table;
        width: 100%;
    }

        .topGameinfoArea.thumb li a .field div, .topGameinfoArea.thumb li a .field p {
            display: table-cell;
            vertical-align: top;
            box-sizing: border-box;
        }

        .topGameinfoArea.thumb li a .field div {
            width: 70px;
        }

        .topGameinfoArea.thumb li a .field p {
            padding-left: 10px;
            font-size: 12px;
        }

.topGameinfoArea.thumb span.taikaicate {
    top: auto;
    right: 10px;
    bottom: 10px;
    width: 60px;
    font-size: 10px;
}