@charset "utf-8";

* {
    font-family: "source-han-sans-japanese", sans-serif;
}

/* -------------------------------------------------------------------------- */
#topLastNews {
    width: 100%;
    height: 44px;
    line-height: 43px;
    background-color: #fff;
}

#topLastNews a {
    padding: 0 19px;
    font-size: 13px;
    color: #000 !important;
    text-decoration: none !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#topLastNews a:hover {
    text-decoration: underline !important;
}

@media (max-width:767px) {
    #topLastNews {
        height: 32px;
        line-height: 32px;
    }

    #topLastNews a {
        display: block;
        width: 100%;
        padding: 0 10px 0 97px;
    }
}

/* -------------------------------------------------------------------------- */
#visualArea {
    position: relative;
    width: 100%;
}

/*
#visualArea:before {
content: "";
position: absolute;
top: 16px;
left: 19px;
width: 280px;
height: 150px;
z-index: 1;
background-image: url(/tile-01-site-name-840.png);
background-position: top left;
background-size: 100% auto;
background-repeat: no-repeat;
}
*/

#visualArea ul {
    margin: 0;
    padding: 0;
    width: 100%;
    list-style-type: none;
}

#visualArea ul li {
    width: 100%;
    display: block;
}

#visualArea ul li div {
    display: block;
}

@media (min-width: 768px) {
    #visualArea ul li div {
        background-image: none !important;
    }
}

#visualArea ul li img {
    width: 100%;
    height: auto;
}

#visualArea p {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 220px;
    z-index: 1;
    color: #fff;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000);
}

#visualArea p span {
    position: absolute;
    bottom: 19px;
    left: 0;
    right: 0;
    width: 100%;
    height: 27px;
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    padding-left: 100px;
    padding-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-image: url(/common/img/icon_more.svg);
    background-position: 77px 50%;
    background-size: 15px auto;
    background-repeat: no-repeat;
}

#visualArea .bx-wrapper .bx-prev,
#visualArea .bx-wrapper .bx-next {
    margin-top: 0;
    width: 43px;
    height: 43px;
    top: 50%;
}

#visualArea .bx-wrapper .bx-next {
    right: 38px;
    background: url(/common/img/icon_arrow_right.svg) no-repeat 0 0;
}

#visualArea .bx-wrapper .bx-prev {
    left: 38px;
    background: url(/common/img/icon_arrow_left.svg) no-repeat 0 0;
}

#visualArea .newsArea {
    display: table-cell;
    padding: 20px 30px 20px 15px;
    height: 100%;
    width: 24.3%;
    background: #fff;
    vertical-align: middle;
}

#visualArea .newsArea p {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}

#visualArea .newsArea .btn {
    margin-top: 15px;
}

#visualArea .newsArea .cf {
    display: block;
}

#visualArea .newsArea .cf div {
    float: none;
    display: block;
}

@media (max-width:1024px) {
    #visualArea:before {
        top: 3.5%;
        left: 2.3%;
        width: 34%;
        height: 34%;
    }
}

@media (max-width:767px) {
    #visualArea:before {
        top: 0.5%;
        left: 1.5%;
        width: 74.5%;
        height: 0;
        padding-bottom: 40%;
        background-image: url(/tile-01-site-name-840.png);
    }

    #visualAreaTicket {
        height: auto;
        position: absolute;
        top: 3.7%;
        right: 2%;
        display: block;
        text-align: center;
        text-decoration: none !important;
        outline: none !important;
        color: #ffffff;
        overflow: hidden;
        width: 100px;
    }

    #visualAreaTicket img {
        width: 100%;
        height: auto;
    }

    /* old
    #visualAreaTicket {
    position: absolute;
    top: 1.7%;
    right: 3%;
    display: block;
    width: 22%;
    height: 0;
    padding-bottom: 22%;
    border-radius: 100%;
    background-image: linear-gradient(226deg, #333c9a, #171c61);
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.5);
    text-align: center;
    text-decoration: none !important;
    outline: none !important;
    color: #ffffff;
    overflow: hidden;
}
    #visualAreaTicket span {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 27%;
    margin-top: 20%;
    background-image: url(/common/img/icon_nav_ticket.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.5;
}
    #visualAreaTicket div {
    margin-top: 9%;
    font-size: 3vw;
    font-weight: 500;
    line-height: 1.18;
    letter-spacing: normal;
}
    */
    #visualArea ul li div {
        width: 100%;
        height: 0;
        padding-bottom: 54%
            /*113%*/
        ;
        overflow: hidden;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100% auto;
    }

    #visualArea .bx-viewport {
        /*height: 202px!important;*/
    }

    #visualArea .bx-wrapper .bx-prev {
        left: 3%;
    }

    #visualArea .bx-wrapper .bx-next {
        right: 3%;
    }

    #visualArea p {
        height: 0;
        padding-bottom: 40.8%;
    }

    #visualArea p span {
        padding-left: 15px;
        padding-right: 15px;
        font-size: 14px;
        line-height: 1.5;
        white-space: normal;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        /* number of lines to show */
        max-height: 3em;
        /* line-height x line-clamp */
        height: 3em;
        background: none;
    }
}

@media (max-width:767px) {

    .bx-wrapper .bx-prev,
    .bx-wrapper .bx-next {
        top: 50% !important;
    }
}

@media (max-width:480px) {

    .bx-wrapper .bx-prev,
    .bx-wrapper .bx-next {
        top: 50% !important;
    }
}

/* -------------------------------------------------------------------------- */
#indexWrap {
    padding: 13px 0;
    width: 100%;
    background: url(/common/img/bg_type01.png) repeat left top;
}

#indexWrap article {
    float: left;
    width: 25%;
}

#indexWrap article .wrap {
    position: relative;
    padding: 5px 15px 35px;
    background: #fff url(/common/img/index_bm.png) repeat-x left bottom;
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2) {
    #indexWrap article .wrap {
        background: #fff url(/common/img/index_bm@2x.png) repeat-x left bottom;
        background-size: 110px auto;
    }
}

#indexWrap article:nth-of-type(1) {
    padding-right: 9px;
}

#indexWrap article:nth-of-type(2) {
    padding-left: 3px;
    padding-right: 6px;
}

#indexWrap article:nth-of-type(3) {
    padding-left: 6px;
    padding-right: 3px;
}

#indexWrap article:nth-of-type(4) {
    padding-left: 9px !important;
}

#indexWrap .block {
    margin-bottom: 15px;
    padding-bottom: 25px;
    background: url(/common/img/index_line.png) repeat-x left bottom;
    cursor: pointer;
}

#indexWrap .block:last-child {
    background-image: none;
}

#indexWrap h2 {
    padding: 0 10px;
    background: url(/common/img/index_ttl_bg.png) repeat 50% top;
    height: 79px;
    text-align: center;
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2) {
    #indexWrap h2 {
        background: url(/common/img/index_ttl_bg@2x.png) repeat 50% top;
        background-size: auto 79px;
    }
}

#indexWrap h2 img {
    margin: 20px auto 0;
    max-width: 100%;
    width: auto;
    height: auto;
}

#indexWrap figure {
    width: 100%;
    position: relative;
    background: #000;
}

#indexWrap figure .photoArea {
    overflow: hidden;
}

#indexWrap figure .photoArea img {
    width: 100%;
    height: auto;
    transition: 0.3s;
    opacity: 0.6;
}

#indexWrap .block:hover .photoArea img {
    opacity: 1;
    -moz-transform: scale(1.07, 1.07);
    -webkit-transform: scale(1.07, 1.07);
    -o-transform: scale(1.07, 1.07);
    -ms-transform: scale(1.07, 1.07);
}

#indexWrap .block:hover figcaption {
    opacity: 0;
    transition: 0.3s;
}

#indexWrap .block a {
    color: #333;
    text-decoration: none;
}

#indexWrap .block:hover a {
    text-decoration: underline;
}

#indexWrap figcaption {
    position: absolute;
    margin-top: -24px;
    top: 50%;
    width: 100%;
    padding: 0 10px;
    text-align: center;
    font-weight: 600;
    font-size: 17px;
    font-size: 1.7rem;
    color: #fff;
}

#indexWrap figcaption img {
    max-width: 100%;
}

#indexWrap p.txt01 {
    margin-top: 15px;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: normal;
    line-height: 1.4;
}

#indexWrap p:last-child {
    margin-top: 15px;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1;
    color: #aaaaaa;
}

#indexWrap p span {
    display: inline-block;
    margin: -2px 0 0 4px;
    padding: 3px 5px 2px;
    font-size: 9px;
    font-size: 0.9rem;
    color: #fff;
    background: #d413cd;
    vertical-align: top;
}

@media (max-width:1024px) {
    #indexWrap article {
        width: 50%;
    }

    #indexWrap article:nth-of-type(1),
    #indexWrap article:nth-of-type(2) {
        margin: 0 0 12px;
    }

    #indexWrap article:nth-of-type(1),
    #indexWrap article:nth-of-type(3) {
        padding: 0 6px 0 0;
    }

    #indexWrap article:nth-of-type(2),
    #indexWrap article:nth-of-type(4) {
        padding: 0 0 0 6px;
    }

    #indexWrap article:nth-of-type(3) {
        clear: both;
    }
}

.tabArea {
    display: table;
    width: 100%;
}

.tabArea li {
    cursor: pointer;
    display: table-cell;
    width: 25%;
    height: 65px;
    background: #171c61;
    border-left: 1px solid #fff;
    text-align: center;
}

.tabArea li.current {
    background: #343a86;
}

.tabArea li:first-child {
    border-left: none;
}

#news {
    padding: 80px 100px;
    background: #fff;
    text-align: center;
}

#news h2 {
    font-size: 36px;
    font-size: 3.6rem;
    letter-spacing: 0.4em;
    text-indent: 0.4em;
    line-height: 1;
}

#news dl {
    margin-top: 1em;
    display: table;
    text-align: left;
    width: 100%;
}

#news dt,
#news dd {
    display: table-cell;
    vertical-align: top;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 24px;
    letter-spacing: 0.1em;
}

#news dt {
    padding-right: 1em;
    width: 12%;
    font-size: 20px;
    font-size: 2.0rem;
    color: #999664;
    line-height: 24px;
    white-space: nowrap;
}

#news a {
    color: #333;
    text-decoration: none;
}

#news a:hover {
    text-decoration: underline;
}

#news .btn {
    margin-top: 40px;
    text-align: center;
}

#news .btnType01 {
    margin: 0 auto;
}

.topGroupTitle {
    width: 100%;
    height: 50px;
    font-size: 14px;
    letter-spacing: 0.5px;
    color: #fff;
    background-color: #171c61;
}

.topGroupTitle img {
    width: auto;
    height: 38px;
    margin-top: 5px;
    margin-left: 16px;
    float: left;
}

.topGroupTitle.topGroupTitleMatch img {
    margin-top: 7px;
    margin-left: 29px;
}

.topGroupTitle.topGroupTitleNews img {
    margin-left: 27px;
}

.topGroupTitle span {
    padding-left: 10px;
    padding-top: 17px;
    float: left;
}

/* -------------------------------------------------------------------------- */
@media (max-width:767px) {
    #topMenuSP {
        width: 100%;
        background-color: #171c61;
        overflow: hidden;
    }

    #topMenuSP a {
        position: relative;
        display: block;
        width: 24.6%;
        height: 0;
        padding-bottom: 19.5%;
        margin-left: 0.5%;
        margin-bottom: 0.5%;
        float: left;
        background-image: linear-gradient(232deg, #333c9a, #171c61);
        text-decoration: none !important;
        outline: none !important;
    }

    #topMenuSP a:nth-child(4n + 1) {
        margin-left: 0;
    }

    #topMenuSP a:nth-child(n + 5) {
        margin-bottom: 0;
    }

    #topMenuSP a div {
        width: 100%;
        margin-top: 55%;
        font-size: 2vw;
        font-weight: 500;
        line-height: 1.0;
        letter-spacing: 1px;
        text-align: center;
        color: #ffffff;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;

    }

    #topMenuSP a[href="#topStadium"] div {
        letter-spacing: -0.5px;
    }

    #topMenuSP a:nth-child(n + 5) div {
        margin-top: 57%;
    }

    #topMenuSP a span {
        position: absolute;
        top: 16%;
        left: 0;
        width: 100%;
        height: 46%;
        opacity: 0.5;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    #topMenuSP a[href="#topMatch"] span {
        top: 23%;
        height: 33%;
        background-image: url(/common/img/icon_nav_stadium.svg);
    }

    #topMenuSP a[href="#topNews"] span {
        top: 17%;
        height: 43%;
        background-image: url(/common/img/icon_nav_news.svg);
    }

    #topMenuSP a[href="/club/mission.html"] span {
        top: 20%;
        height: 38%;
        background-image: url(/common/img/icon_nav_imabari_model.svg);
    }

    #topMenuSP a[href="/team/player/"] span {
        top: 21%;
        height: 37%;
        background-image: url(/common/img/icon_nav_teams.svg);
    }

    #topMenuSP a[id="topSpMenuSupporter"] span {
        top: 16%;
        height: 31%;
        background-image: url(/common/img/icon_nav_support.svg);
    }

    #topMenuSP a[id="topSpMenuVolunteer"] span {
        top: 16%;
        height: 31%;
        background-image: url(/common/img/icon_nav_club.svg);
    }

    #topMenuSP a[href="#topStadium"] span {
        top: 27%;
        height: 28%;
        background-image: url(/common/img/icon_nav_stadium.svg);
    }

    #topMenuSP a[href="#topImabariModel"] span {
        top: 23%;
        height: 36%;
        background-image: url(/common/img/icon_nav_imabari_model.svg);
    }

    #topMenuSP a[href="#topSpecial"] span {
        top: 20%;
        height: 40%;
        background-image: url(/common/img/icon_nav_special.svg);
    }

    #topMenuSP a[href="/club/method.html"] span {
        top: 20%;
        height: 40%;
        background-image: url(/common/img/icon_nav_teams.svg);
    }

    #topMenuSP a[href="/team/player/ladies_index.html"] span {
        top: 20%;
        height: 40%;
        background-image: url(/common/icon_nav_ladies_2.png);
    }
}

/* -------------------------------------------------------------------------- */
/* Match */
#topMatchContent {
    width: 100%;
    height: 360px;
    background-color: #222;
    background-image: url(/common/img/bg_top_content_match.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

#topMatchInner {
    width: 658px;
    margin: 0 auto;
    padding-top: 48px;
}

.topMatchWrap {
    width: 100%;
    overflow: hidden;
}

.topMatchWrapLast {
    margin-top: 15px;
}

.topMatchWrapLeft {
    position: relative;
    width: 182px;
    float: left;
}

.topMatchWrapRight {
    width: 476px;
    float: left;
}

.topMatchWrapLoading {
    position: absolute;
    width: 658px;
    height: 430px;
    overflow: hidden;
}

.topMatchWrapLoading div {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    border-radius: 2px;
    background-color: #fff;
    background-image: url(/common/img/bx_loader.gif);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 32px auto;
}

.topMatchWrapNext .topMatchWrapLeft {
    height: 257px;
    background-color: #000;
}

.topMatchWrapNext .topMatchWrapRight {
    height: 257px;
    background-color: rgba(255, 255, 255, 0.1);
}

.topMatchWrapLast .topMatchWrapLeft {
    height: 140px;
    background-color: rgba(255, 255, 255, 0.17);
}

.topMatchWrapLast .topMatchWrapRight {
    height: 140px;
    background-color: rgba(255, 255, 255, 0.1);
}

.topMatchWrapTitle {
    margin-top: 28px;
    padding-left: 20px;
    font-family: SemplicitaPro;
    font-size: 20px;
    font-weight: 700;
    font-style: italic;
    line-height: 1.0;
    letter-spacing: 0.7px;
    text-align: left;
    color: #ffffff;
}

.topMatchWrapLast .topMatchWrapTitle {
    margin-top: 25px;
    padding-left: 20px;
    letter-spacing: 0.5px;
}

.topMatchWrapSubtitle {
    margin-top: 9px;
    padding-left: 20px;
    font-size: 12px;
    letter-spacing: 0.4px;
    text-align: left;
    color: #ffffff;
}

.topMatchWrapLast .topMatchWrapSubtitle {
    margin-top: 6px;
    padding-left: 17px;
}

a.topMatchWrapMore {
    position: absolute;
    bottom: 20px;
    left: 20px;
    display: inline-block;
    height: 20px;
    padding-left: 20px;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.4px;
    color: #ffffff !important;
    text-decoration: none;
    background-image: url(/common/img/icon_more.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 17px auto;
}

a.topMatchWrapMore:hover {
    text-decoration: underline;
}

.topMatchWrapLast a.topMatchWrapMore {
    bottom: 13px;
}

#topMatchWrapNextTitle {
    width: 344px;
    margin: 19px auto 0 auto;
    padding-bottom: 2px;
    text-align: center;
    border-bottom: solid 1px #979797;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#topMatchWrapNextTitle span {
    font-size: 12px;
    line-height: 1.0;
    letter-spacing: 0.4px;
    text-align: left;
    color: #ffffff;
}

#topMatchInfo {
    width: 344px;
    margin: 10px auto 0 auto;
}

#topMatchInfo td {
    width: 150px;
    vertical-align: middle;
}

#topMatchInfo td:nth-child(2),
#topMatchInfo td:nth-child(4) {
    width: 70px;
}

#topMatchInfo td:nth-child(3) {
    width: 35px;
    font-family: SemplicitaPro;
    text-align: center;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.0;
    color: #ffffff;
}

#topMatchInfo td:nth-child(1),
#topMatchInfo td:nth-child(5) {
    padding-left: 2px;
    padding-right: 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
    color: #ffffff;
}

#topMatchInfo td:nth-child(1) {
    text-align: right;
    padding-left: 0;
    padding-right: 2px;
}

#topMatchInfoTeamLeftImage,
#topMatchInfoTeamRightImage {
    width: 70px;
    height: 70px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

#topMatchInfoTeamLeftName,
#topMatchInfoTeamRightName {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
    color: #ffffff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    max-height: 2.5em;
    /* line-height x line-clamp */
}

#topMatchInfoDateTime {
    margin-top: 10px;
}

#topMatchInfoDate,
#topMatchInfoLastDate {
    margin-left: 80px;
    font-family: SemplicitaPro;
    font-size: 22px;
    font-weight: 700;
    font-style: italic;
    line-height: 1.0;
    letter-spacing: 3.1px;
    color: #ffffff;
}

#topMatchInfoTime,
#topMatchInfoLastTime {
    margin-left: 16px;
    font-family: SemplicitaPro;
    font-size: 22px;
    font-style: italic;
    line-height: 1.0;
    letter-spacing: 0.8px;
    color: #ffffff;
}

#topMatchInfoPlace {
    margin-top: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#topMatchInfoTicket {
    margin-top: 12px;
}

.topMatchInfoIcon {
    display: inline-block;
    width: 184px;
    height: 17px;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    vertical-align: middle;
}

#topMatchInfoPlace .topMatchInfoIcon {
    background-image: url(/common/img/icon_pin.svg);
}

#topMatchInfoTicket .topMatchInfoIcon {
    background-image: url(/common/img/icon_ticket.svg);
}

.topMatchInfoText {
    display: inline-block;
    height: 17px;
    padding-left: 6px;
    font-size: 11px;
    line-height: 17px;
    letter-spacing: 0.4px;
    color: #fff100 !important;
    outline: none !important;
    vertical-align: middle;
    text-decoration: none !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#topMatchInfoPlace .topMatchInfoText {
    width: 288px;
    cursor: default;
}

#topMatchInfoTicket .topMatchInfoText {
    padding-left: 7px;
    padding-right: 20px;
    font-size: 13px;
    background-image: url(/common/img/icon_more_yellow.svg);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 16px auto;
}

#topMatchInfoLast {
    width: 344px;
    margin: 20px auto 0 auto;
}

#topMatchInfoLast td {
    border: 1px solid #fff;
    vertical-align: middle;
}

#topMatchInfoLast tr td:first-child {
    width: 141px;
    text-align: left;
}

#topMatchInfoLast tr:first-child td:first-child {
    height: 75px;
    padding-left: 9px;
    text-align: left;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.5px;
    color: #ffffff;
}

#topMatchInfoLast tr:first-child td:first-child span {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    max-height: 3em;
    /* line-height x line-clamp */
}

#topMatchInfoLast tr:first-child td:last-child {
    padding-top: 9px;
    vertical-align: top;
}

#topMatchInfoLastDate {
    margin-left: 8px;
    font-size: 12px;
    letter-spacing: 1.5px;
}

#topMatchInfoLastTime {
    margin-left: 5px;
    font-size: 12px;
}

.topMatchInfoLastNumber,
.topMatchInfoLastNumberSepa {
    display: inline-block;
    width: 68px;
    height: 50px;
    font-family: SemplicitaPro;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.0;
    text-align: center;
    color: #ffffff;
    vertical-align: top;
}

.topMatchInfoLastNumber:first-child {
    margin-left: 18px;
}

.topMatchInfoLastNumberSepa {
    width: 30px;
    line-height: 45px;
    font-size: 36px;
}

#topMatchInfoLastTable {
    width: 100%;
    margin-top: 3px;
}

#topMatchInfoLastTable td {
    height: auto !important;
    padding-left: 0 !important;
    vertical-align: middle !important;
    padding-top: 0 !important;
    border: none;
}

#topMatchInfoLastTable tr td:nth-child(1) {
    width: 32px;
}

#topMatchInfoLastTable tr td:nth-child(2) {
    width: 65px;
}

#topMatchInfoLastTable tr td:nth-child(3) {
    width: 27px;
}

#topMatchInfoLastTable tr td:nth-child(4) {}

#topMatchInfoLastTeamLeftImage,
#topMatchInfoLastTeamRightImage {
    width: 20px;
    height: 30px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    float: right;
}

#topMatchInfoLastTeamLeftName,
#topMatchInfoLastTeamRightName {
    font-size: 10px;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    max-height: 3em;
    /* line-height x line-clamp */
}

#topMatchInfoLastTeamRightName {
    padding: 0 4px;
}

.topMatchWrapBtns {
    width: 100%;
    margin-top: 29px;
    text-align: center;
}

.topMatchBtn {
    position: relative;
    width: 168px;
    margin: 0 5px 0 4px;
    vertical-align: top;
    background-image: url(/common/img/icon_ticket_white.svg);
    background-position: 16px 16px;
    background-size: 26px auto;
    background-repeat: no-repeat;
}

.topMatchBtn span {
    margin-right: 0;
    padding-right: 38px;
    font-size: 12px;
    background: none;
    float: right;
}

.topMatchBtn:last-child span {
    line-height: 1.4;
    padding-top: 10px;
    padding-right: 46px;
}

.topMatchBtn:last-child {
    background-image: url(/common/img/icon_pin_white.svg);
    background-position: 19px 13px;
    background-size: 17px auto;
    background-repeat: no-repeat;
}

.topMatchBtn:after {
    position: absolute;
    right: 11px;
    top: 16px;
    content: "";
    width: 16px;
    height: 16px;
    background-image: url(/common/img/icon_more.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.topMatchBtn:last-child:after {
    right: 13px;
    top: 17px;
}

@media (max-width: 858px) {
    #topMatchInner {
        width: 100%;
    }

    .topMatchWrapLeft {
        width: 27.66%;
    }

    .topMatchWrapRight {
        width: 72.34%;
    }
}

@media (max-width:767px) {
    #topMatchContent {
        height: auto;
        background-image: url(/common/img/bg_top_content_match_sp.jpg);
    }

    .topMatchWrapLoading {
        width: 100%;
        height: 280px;
    }

    .topGroupTitle.topGroupTitleMatch img {
        margin-top: 8px;
        margin-left: 14px;
    }

    .topGroupTitle.topGroupTitleMatch span {
        padding-top: 20px;
    }

    #topMatchInner {
        padding-top: 0;
        padding-bottom: 24px;
    }

    .topMatchWrapLeft,
    .topMatchWrapRight {
        width: 100%;
    }

    .topMatchWrapNext .topMatchWrapLeft {
        height: 48px;
    }

    .topMatchWrapTitle {
        margin-top: 14px;
        padding-left: 14px;
        font-size: 11px;
        letter-spacing: 0.4px;
    }

    .topMatchWrapSubtitle {
        margin-top: 1px;
        padding-left: 15px;
    }

    a.topMatchWrapMore {
        bottom: auto;
        left: auto;
        top: 15px;
        right: 15px;
    }

    .topMatchWrapNext .topMatchWrapRight {
        height: 246px;
        background: none;
    }

    #topMatchWrapNextTitle {
        width: auto;
        margin: 11px 15px 0 15px;
        padding-bottom: 5px;
    }

    #topMatchInfo {
        width: auto;
        margin: 20px 15px 0 15px;
    }

    #topMatchInfoDateTime {
        margin-top: 12px;
        text-align: center;
    }

    #topMatchInfoDate,
    #topMatchInfoLastDate {
        margin-left: auto;
    }

    #topMatchInfoPlace {
        margin-top: 3px;
        text-align: center;
    }

    .topMatchInfoIcon {
        width: 17px;
    }

    #topMatchInfoTicket .topMatchInfoIcon {
        width: 30px;
    }

    #topMatchInfoPlace .topMatchInfoText {
        width: auto;
    }

    #topMatchInfoTicket {
        text-align: center;
        margin-top: 17px;
    }

    .topMatchWrapLast {
        margin-top: 0;
    }

    .topMatchWrapLast .topMatchWrapLeft {
        height: 48px;
    }

    .topMatchWrapLast .topMatchWrapRight {
        background: none;
    }

    .topMatchWrapLast .topMatchWrapTitle {
        margin-top: 11px;
        padding-left: 15px;
        letter-spacing: 0.4px;
    }

    .topMatchWrapLast .topMatchWrapSubtitle {
        margin-top: 2px;
        padding-left: 15px;
    }

    .topMatchWrapBtns {
        margin-top: 12px;
        overflow: hidden;
    }

    .topMatchBtn {
        width: 49.87%;
        height: 64px;
        margin: 0;
        float: left;
        background-position: 16% 50%;
        background-size: 14% auto;
    }

    .topMatchBtn:last-child {
        float: right;
        background-position: 19% 50%;
        background-size: 9.5% auto;
    }

    .topMatchBtn span {
        height: 64px;
        padding-right: 25%;
        padding-top: 4%;
    }

    .topMatchBtn:after {
        right: 17px;
        top: 25px;
    }

    .topMatchBtn:last-child span {
        padding-top: 9%;
        padding-right: 30%;
    }

    .topMatchBtn:last-child:after {
        right: 14px;
        top: 26px;
    }
}

@media (max-width:374px) {
    #topMatchInfo td:nth-child(3) {
        font-size: 14px;
    }

    #topMatchInfoTeamLeftName,
    #topMatchInfoTeamRightName {
        font-size: 12px;
        -webkit-line-clamp: 3;
        max-height: 3.7em;
    }

    #topMatchInfoLast {
        width: 100%;
    }

    .topMatchWrapLast .topMatchWrapRight {
        height: auto;
        padding: 0 2px;
    }

    .topMatchInfoLastNumber,
    .topMatchInfoLastNumberSepa {
        width: 40%;
    }

    .topMatchInfoLastNumberSepa {
        width: 20%;
    }

    .topMatchInfoLastNumber:first-child {
        margin-left: 0;
    }

    .topMatchBtn {
        background-position: 13% 50%;
    }

    .topMatchBtn span {
        padding-right: 22%;
    }

    .topMatchBtn:last-child span {
        padding-right: 22%;
    }

    #topMatchInfoLastTeamLeftName,
    #topMatchInfoLastTeamRightName {
        padding: 0 4px;
    }
}

/* -------------------------------------------------------------------------- */
/* News */
#topNewsContentHeader {
    display: table;
    width: 100%;
    height: 60px;
    background-color: #f3f3f3;
}

#topNewsContentHeaderWrap {
    display: table-row;
}

.topNewsContentHeaderItem.pcOnly,
.topNewsContentHeaderItem {
    display: table-cell !important;
    text-align: center;
    vertical-align: middle;
}

.topNewsContentHeaderItem.spOnly {
    display: none !important;
}

.topNewsContentHeaderItem a {
    display: inline-block;
    padding: 6px 10px;
    color: #171c61;
    letter-spacing: 0.5px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
    outline: none !important;
    border-radius: 15px;
}

.topNewsContentHeaderItem.active a {
    background-color: #171c61;
    color: #fff;
}

.topNewsDetail {
    display: none;
    width: 100%;
    height: 450px;
    padding: 0 52px;
    background-color: #fff;
    overflow: hidden;
}

.topNewsDetail.spOnly,
.topNewsDetail.pcOnly {
    display: none !important;
}

.topNewsDetail.active {
    display: block !important;
}

.topNewsDetail#tnyt {
    padding: 0;
    background-position: top center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.topNewsDetail:not(#tnyt) ul {
    width: 100%;
    margin-top: 24px;
}

.topNewsDetail:not(#tnyt) li {
    list-style: none;
    width: 100%;
    padding: 17px 0 16px 0;
    border-bottom: 1px solid #f3f3f3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.topNewsDetail:not(#tnyt) a {
    display: inline-block;
    font-size: 13px;
    line-height: 1.0;
    color: #000;
    text-decoration: none;
    outline: none !important;
}

.topNewsDetail:not(#tnyt) a span:first-child {
    color: #767676;
}

.topNewsDetail:not(#tnyt) a:hover {
    text-decoration: underline;
}

.topNewsDetailMore {
    width: 100%;
    margin-top: 28px;
    padding-right: 3px;
    text-align: right;
    overflow: hidden;
}

.topNewsDetailMore a {
    float: right;
    display: inline-block;
    font-size: 13px;
    line-height: 1.0;
    letter-spacing: 0.5px;
    color: #171c61;
    text-decoration: none !important;
    outline: none;
}

.topNewsDetailMore a img {
    width: 20px;
    vertical-align: middle;
}

.topNewsDetailMore a span {
    color: #171c61 !important;
    padding-left: 7px;
    vertical-align: middle;
}

#tnsns {
    height: auto;
    min-height: 482px;
    text-align: center;
}

.topNewsDetailSNSItem {
    display: inline-block;
    width: 320px;
    margin: 19px 10px;
    vertical-align: top;
}

.topNewsDetailSNSItem:last-child {
    border: 1px solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
}

.topNewsDetailSNSItem > iframe {
    display: block !important;
}

#myYtv {
    width: 100%;
    max-width: 730px;
    height: 477px;
    margin: 44px auto 0 auto;
}

#myYtSubcribe {
    display: none;
}

/**/
@media (max-width:767px) {
    .topGroupTitle.topGroupTitleNews img {
        margin-left: 18px;
        margin-top: 6px;
    }

    #topNewsContentHeader {
        display: block;
    }

    #topNewsContentHeaderWrap {
        display: block;
        height: 60px;
        overflow-y: hidden !important;
        overflow-x: auto !important;
        white-space: nowrap
    }

    .topNewsContentHeaderItem.spOnly,
    .topNewsContentHeaderItem {
        display: inline-block !important;
    }

    .topNewsContentHeaderItem.pcOnly {
        display: none !important;
    }

    .topNewsContentHeaderItem a {
        height: 30px;
        margin-top: 15px;
        padding: 0 15px;
        line-height: 30px;
    }

    #topNewsContentHeaderWrap .mCSB_scrollTools .mCSB_draggerContainer {
        visibility: hidden;
    }

    /**/
    .topNewsDetail {
        height: auto;
        padding: 0 5px 0 18px;
    }

    .topNewsDetail:not(#tnyt) ul {
        margin-top: 0;
    }

    .topNewsDetail:not(#tnyt) li {
        white-space: normal;
        padding: 15px 0;
    }

    .topNewsDetail:not(#tnyt) a {
        line-height: 1.5;
    }

    .topNewsDetail:not(#tnyt) a span {
        display: table-cell;
    }

    .topNewsDetail:not(#tnyt) a span:last-child {
        padding-left: 15px;
    }

    .topNewsDetailMore a span {
        display: inline-block !important;
    }

    .topNewsDetailMore {
        margin-bottom: 28px;
    }

    /**/
    #myYtv {
        max-width: 100%;
        height: auto;
        margin-top: 0;
        padding: 12px;
    }

    .ytv-video-info-container {
        width: 100%;
    }

    .ytv-list {
        width: 100%;
        margin-top: 20px;
    }
}

@media (max-width:374px) {
    .topNewsDetailSNSItem {
        margin-left: 0;
        margin-right: 0;
    }

    .topNewsDetail.spOnly {
        padding: 0;
    }
}

/* Club */
.topGroupTitle.topGroupTitleClub span {
    padding-left: 3px;
}

.topListContent {
    width: 100%;
    position: relative;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    z-index: 1;
}

.topListContent:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1 !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    opacity: 0;
}

.topGroupWrap.on .topListContent:before {
    opacity: 1;
}

.topListContent:after {
    /*position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: " ";
    transform: rotate(-180deg);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #000000);
    z-index: -1;*/
}

@media (max-width:767px) {
    .topListContent:before {
        -webkit-transition: none;
        -ms-transition: none;
        transition: none;
    }

    /*
    .topListContent:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0), #000000);
    z-index: -1 !important;
}
    */
}

#topClubContent {
    position: relative;
    height: 398px;
    background-image: url(/common/bg_top_content_mission_mono.jpg);
}

#topClubContent:before {
    background-image: url(/common/bg_top_content_mission_color_2.jpg);
}

.topListContent ul {
    width: 100%;
    margin-top: 20px;
}

.topListContent li {
    list-style: none;
    padding: 13px 47px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.topListContent#topClubContent ul {
    margin-top: 48px;
}

#topClubContent ul li:first-child a {
    padding-left: 22px;
}

#topClubContent ul li a span {
    font-size: 10px;
}

.topListContent a {
    display: inline-block;
    padding-left: 30px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.0;
    letter-spacing: 1px;
    text-decoration: none;
    background-image: url(/common/img/icon_more.svg);
    background-position: left center;
    background-size: 16px auto;
    background-repeat: no-repeat;
    outline: none !important;
}

.topListContent a:hover {
    text-decoration: underline;
}

/**/
@media (max-width:767px) {
    .topListContent ul {
        margin-top: 28px;
    }

    .topListContent li {
        padding: 0 5px 0 22px;
    }

    .topListContent a {
        padding-top: 18px;
        padding-bottom: 17px;
    }

    #topClubContent {
        height: 557px;
        /*background-image: url(/common/img/bg_top_content_club_sp_mono.jpg);*/
        background-image: url(/common/bg_top_content_mission_sp_mono.png);
    }

    #topClubContent:before {
        /*background-image: url(/common/img/bg_top_content_club_sp_color.jpg);*/
        background-image: url(/common/bg_top_content_mission_sp_color.png);
    }

    #topClubContent:after {
        height: 110%;
    }
}

@media (max-width:374px) {
    .topListContent li {
        overflow: auto;
        text-overflow: initial;
        white-space: normal;
    }
}

/* Top team */
.topGroupTitle.topGroupTitleTopTeam img {
    margin-left: 18px;
}

.topGroupTitle.topGroupTitleTopTeam span {
    padding-left: 2px;
}

#topTopTeamContent {
    width: 100%;
    height: 562px;
    background-color: #111;
    background-image: url(/common/img/bg_top_top_team.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

#topTopTeamPlayers {
    text-align: center;
    overflow: hidden;
}

.topTopTeamPlayer {
    position: relative;
    display: inline-block;
    width: 308px;
    height: 375px;
    margin-top: 46px;
    background-color: rgba(255, 255, 255, 0.25);
    box-shadow: 0 0 4px 0 #000000;
    z-index: 1;
}

.topTopTeamPlayer:first-child {
    margin-right: 42px;
}

.topTopTeamPlayerImg {
    position: absolute;
    top: 24px;
    left: 22px;
    width: 264px;
    height: 264px;
    background-color: rgba(0, 0, 0, 0.5);
    background-position: center -10px;
    background-repeat: no-repeat;
    background-size: 110% auto;
    z-index: -1;
    overflow: hidden;
}

.topTopTeamPlayerImgHidden {
    display: none;
}

.topTopTeamPlayerNumber {
    position: absolute;
    top: -3px;
    left: 7px;
    font-family: SemplicitaPro;
    font-size: 85px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -1.2px;
    text-align: left;
    color: #fff100;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.topTopTeamPlayerPosition {
    position: absolute;
    top: 24px;
    right: 13px;
    opacity: 0.85;
    font-family: SemplicitaPro;
    font-size: 28px;
    font-weight: normal;
    font-style: italic;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.5px;
    text-align: right;
    color: #ffffff;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}

.topTopTeamPlayerNameEn {
    width: 100%;
    margin-top: 246px;
    text-align: center;
    font-family: SemplicitaPro;
    font-size: 14px;
    font-weight: normal;
    font-style: italic;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.5px;
    text-align: center;
    color: #ffffff;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}

.topTopTeamPlayerNameJp {
    width: 100%;
    margin-top: 10px;
    text-align: center;
    font-family: SourceHanSansJP;
    font-size: 36px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.78;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}

.topTopTeamPlayerInfo {
    margin-top: 5px;
    text-align: center;
    font-family: SourceHanSansJP;
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.4px;
    color: #ffffff;
}

.topTopTeamPlayerInfoAll,
.topTopTeamPlayerInfoNum {
    font-family: SemplicitaPro;
    margin-top: 3px;
    font-size: 28px;
    font-style: italic;
    font-weight: 300;
}

.topTopTeamPlayerInfoNum {
    padding-left: 7px;
}

#topTopTeamLinks {
    width: 100%;
    padding-top: 60px;
    padding-left: 35px;
    text-align: -webkit-left;
    font-size: 20px;
}

#topTopTeamLinks a {
    display: inline-block;
    width: 163px;
    margin-bottom: 15px;
    padding-left: 23px;
    font-size: 15px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.5px;
    text-align: left;
    color: #ffffff;
    text-decoration: none;
    background-image: url(/common/img/icon_more.svg);
    background-position: left 50%;
    background-repeat: no-repeat;
    background-size: 15px auto;
}

#topTopTeamLinks a:hover {
    text-decoration: underline;
}

#topTopTeamLinks a:nth-child(3n+1) {
    width: 163px;
    margin-left: 15px;
    clear: left;
}

#topTopTeamLinks a:nth-child(3n+2) {
    width: 144px;
}

@media (max-width: 1024px) {
    #topTopTeamPlayers {
        width: 100%;
    }

    .topTopTeamPlayer {
        width: 37.5%;
    }

    .topTopTeamPlayer:first-child {
        margin-right: 5%;
    }

    .topTopTeamPlayerImg {
        left: 7%;
        width: 86%;
    }
}

/**/
@media (max-width:767px) {
    #topTopTeamContent {
        height: 557px;
    }

    .topGroupTitle.topGroupTitleTopTeam span {
        padding-left: 5px;
        padding-top: 20px;
    }

    #topTopTeamContent .bx-wrapper .bx-viewport {
        background: none;
    }

    #topTopTeamContent .bx-wrapper .bx-prev,
    #topTopTeamContent .bx-wrapper .bx-next {
        margin-top: 0;
        width: 43px;
        height: 43px;
        outline: none !important;
    }

    #topTopTeamContent .bx-wrapper .bx-next {
        right: 3%;
        background: url(/common/img/icon_arrow_right.svg) no-repeat 0 0;
    }

    #topTopTeamContent .bx-wrapper .bx-prev {
        left: 3%;
        background: url(/common/img/icon_arrow_left.svg) no-repeat 0 0;
    }

    #topTopTeamContent .bx-wrapper .bx-next.disabled,
    #topTopTeamContent .bx-wrapper .bx-prev.disabled {
        display: none;
    }

    .topTopTeamPlayer {
        width: 100%;
        height: 400px;
        margin-top: 0;
        background: none;
    }

    .topTopTeamPlayer:before {
        position: absolute;
        top: 6.5%;
        left: 9%;
        right: 9%;
        bottom: 0;
        content: "";
        background-color: rgba(255, 255, 255, 0.25);
        z-index: -1;
    }

    .topTopTeamPlayerImg {
        top: 12.5%;
        left: 15%;
        width: 70%;
        height: 264px;
    }

    .topTopTeamPlayerNumber {
        top: 6%;
        left: 10.5%;
    }

    .topTopTeamPlayerPosition {
        top: 12.5%;
        right: 13%;
    }

    .topTopTeamPlayerNameEn {
        margin-top: 273px;
    }

    #topTopTeamLinks {
        padding-top: 10px;
    }

    #topTopTeamLinks div a {
        width: 50% !important;
        margin-left: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 10px;
        padding-bottom: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    /*
    #topTopTeamLinks div a:first-child {
    padding-left: 58px;
    background-position: 34px 50%;
}
    #topTopTeamLinks div a:last-child {
    padding-left: 32px;
    background-position: 10px 50%;
}
    */
}

@media (max-width:374px) {
    #topTopTeamLinks div a:first-child {
        padding-left: 35px;
        background-position: 12px 50%;
    }
}

/* Supporter */
.topGroupTitle.topGroupTitleSupporter span {
    padding-left: 5px;
}

#topSupporterContent {
    position: relative;
    height: 398px;
    background-image: url(/common/bg_top_content_supporter_mono.jpg);
}

#topSupporterContent:before {
    background-image: url(/common/bg_top_content_supporter_color.jpg);
}

.topListContent#topSupporterContent ul {
    margin-top: 48px;
}

#topSupporterContent ul li:first-child a {
    padding-left: 22px;
}

#topSupporterContent ul li a span {
    font-size: 10px;
}

/**/
@media (max-width:767px) {
    #topSupporterContent {
        height: 557px;
        /*background-image: url(/common/bg_top_content_supporter_sp_mono.jpg);*/
        background-image: url(/common/bg_top_content_supporter_sp_mono.png);
    }

    #topSupporterContent:before {
        /*background-image: url(/common/bg_top_content_supporter_sp_color.jpg);*/
        background-image: url(/common/bg_top_content_supporter_sp_color.png);
    }

    .topListContent#topSupporterContent ul {
        margin-top: 28px;
    }

    .topListContent#topSupporterContent li:nth-child(2) a {
        letter-spacing: 0.6px;
    }
}

@media (max-width:374px) {
    #topSupporterContent ul li a span {
        display: inline-block;
    }
}

/* Stadium */
.topGroupTitle.topGroupTitleStadium img {
    margin-left: 17px;
}

#topStadiumContent {
    position: relative;
    height: 274px;
    background-image: url(/common/img/bg_top_content_stadium_mono.jpg);
}

#topStadiumContent:before {
    background-image: url(/common/img/bg_top_content_stadium_color.jpg);
}

.topListContent#topStadiumContent ul {
    margin-top: 48px;
}

#topStadiumContent ul li:first-child a {
    padding-left: 22px;
}

/**/
@media (max-width:767px) {
    #topStadiumContent {
        height: 557px;
        background-image: url(/common/img/bg_top_content_stadium_sp_mono.jpg);
    }

    #topStadiumContent:before {
        background-image: url(/common/img/bg_top_content_stadium_sp_color.jpg);
    }

    .topListContent#topStadiumContent ul {
        margin-top: 28px;
    }
}

/* Imabari Model */
#topImabariModelContent {
    position: relative;
    height: 398px;
    background-image: url(/common/img/bg_top_content_imabari_model_mono.jpg);
}

#topImabariModelContent:before {
    background-image: url(/common/img/bg_top_content_imabari_model_color.jpg);
}

.topListContent#topImabariModelContent ul {
    width: 284px;
    margin-top: 43px;
}

.topImabariItem ul {
    display: none !important;
}

#topImabariModelContentMenu {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    width: 568px;
}

#topImabariModelContentMenuFakeContent {
    width: 284px;
    height: 100%;
    float: left;
    background: rgba(23, 28, 97, 0.75);
}

#topImabariModelContentMenuClose {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    margin-top: 34px;
    margin-left: 47px;
    background-image: url(/common/img/icon_menu_back.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}

#topImabariModelContentMenuFake {
    position: absolute;
    top: 104px;
    left: 45px;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.0;
}

#topImabariModelContentMenuSub {
    float: left;
}

#topImabariModelContentMenuSub ul {
    margin-top: 88px !important;
}

#topImabariModelContentMenuSub li {
    padding-left: 0;
    padding-right: 0;
}

#topImabariModelContentMenuSub a {
    background: none;
}

/**/
@media (max-width:767px) {
    #topImabariModelContent {
        height: 557px;
        background-image: url(/common/img/bg_top_content_imabari_model_sp_mono.jpg);
    }

    #topImabariModelContent:before {
        background-image: url(/common/img/bg_top_content_imabari_model_sp_color.jpg);
    }

    #topImabariModelContent:after {
        height: 110%;
    }

    .topListContent#topImabariModelContent ul {
        width: 100%;
        margin-top: 28px;
    }

    #topImabariModelContentMenu {
        width: 100%;
    }

    #topImabariModelContentMenuFakeContent {
        position: relative;
        width: 150px;
    }

    #topImabariModelContentMenuClose {
        margin-top: 32px;
        margin-left: 22px;
    }

    #topImabariModelContentMenuFake {
        top: 97px;
        left: 22px;
        right: 21px;
        font-size: 16px;
        line-height: 1.5;
    }

    #topImabariModelContentMenuSub {
        width: calc(100% - 150px);
    }

    .topListContent a {
        padding-left: 22px;
    }

    #topImabariModelContentMenuSub ul {
        margin-top: 82px !important;
    }

    #topImabariModelContentMenuSub li {
        white-space: normal;
    }

    #topImabariModelContentMenuSub a {
        padding-top: 14px;
        padding-bottom: 14px;
        line-height: 1.5;
    }
}

/* Academy */
#topAcademyContent {
    position: relative;
    height: 568px;
    background-image: url(/common/bg_top_content_academy_mono.jpg);
}

#topAcademyContent:before {
    background-image: url(/common/bg_top_content_academy_color_2.jpg);
}

.topListContent#topAcademyContent ul {
    width: 284px;
    margin-top: 43px;
}

.topAcademyItem ul {
    display: none !important;
}

#topAcademyContentMenu {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    width: 568px;
}

#topAcademyContentMenuFakeContent {
    width: 284px;
    height: 100%;
    float: left;
    background: rgba(23, 28, 97, 0.75);
}

#topAcademyContentMenuClose {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    margin-top: 34px;
    margin-left: 47px;
    background-image: url(/common/img/icon_menu_back.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}

#topAcademyContentMenuFake {
    position: absolute;
    top: 104px;
    left: 45px;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.0;
}

#topAcademyContentMenuSub {
    float: left;
}

#topAcademyContentMenuSub ul {
    margin-top: 88px !important;
}

#topAcademyContentMenuSub li {
    padding-left: 0;
    padding-right: 0;
}

#topAcademyContentMenuSub a {
    background: none;
}

@media (max-width:767px) {
    #topAcademyContent {
        height: 557px;
        background-image: url(/common/bg_top_content_academy_sp_mono.png);
    }

    #topAcademyContent:before {
        background-image: url(/common/bg_top_content_academy_sp_color_2.png);
    }

    #topAcademyContent:after {
        height: 110%;
    }

    .topListContent#topAcademyContent ul {
        width: 100%;
        margin-top: 28px;
    }

    #topAcademyContentMenu {
        width: 100%;
    }

    #topAcademyContentMenuFakeContent {
        position: relative;
        width: 150px;
    }

    #topAcademyContentMenuClose {
        margin-top: 32px;
        margin-left: 22px;
    }

    #topAcademyContentMenuFake {
        top: 97px;
        left: 22px;
        right: 21px;
        font-size: 16px;
        line-height: 1.5;
    }

    #topAcademyContentMenuSub {
        width: calc(100% - 150px);
    }

    .topListContent a {
        padding-left: 22px;
    }

    #topAcademyContentMenuSub ul {
        margin-top: 82px !important;
    }

    #topAcademyContentMenuSub li {
        white-space: normal;
    }

    #topAcademyContentMenuSub a {
        padding-top: 14px;
        padding-bottom: 14px;
        line-height: 1.5;
    }
}


/* Ladies */
#topLadiesContent {
    position: relative;
    height: 398px;
    background-image: url(/common/bg_top_content_ladies_mono.jpg);
}

#topLadiesContent:before {
    background-image: url(/common/bg_top_content_ladies_color.jpg);
}

.topListContent#topLadiesContent ul {
    width: 284px;
    margin-top: 43px;
}

.topLadiesItem ul {
    display: none !important;
}

#topLadiesContentMenu {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    width: 568px;
}

#topLadiesContentMenuFakeContent {
    width: 284px;
    height: 100%;
    float: left;
    background: rgba(23, 28, 97, 0.75);
}

#topLadiesContentMenuClose {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    margin-top: 34px;
    margin-left: 47px;
    background-image: url(/common/img/icon_menu_back.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}

#topLadiesContentMenuFake {
    position: absolute;
    top: 104px;
    left: 45px;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.0;
}

#topLadiesContentMenuSub {
    float: left;
}

#topLadiesContentMenuSub ul {
    margin-top: 88px !important;
}

#topLadiesContentMenuSub li {
    padding-left: 0;
    padding-right: 0;
}

#topLadiesContentMenuSub a {
    background: none;
}

@media (max-width:767px) {
    #topLadiesContent {
        height: 557px;
        background-image: url(/common/bg_top_content_ladies_sp_mono.png);
    }

    #topLadiesContent:before {
        background-image: url(/common/bg_top_content_ladies_sp_color.png);
    }

    #topLadiesContent:after {
        height: 110%;
    }

    .topListContent#topAcademyContent ul {
        width: 100%;
        margin-top: 28px;
    }

    #topLadiesContentMenu {
        width: 100%;
    }

    #topLadiesContentMenuFakeContent {
        position: relative;
        width: 150px;
    }

    #topLadiesContentMenuClose {
        margin-top: 32px;
        margin-left: 22px;
    }

    #topLadiesContentMenuFake {
        top: 97px;
        left: 22px;
        right: 21px;
        font-size: 16px;
        line-height: 1.5;
    }

    #topLadiesContentMenuSub {
        width: calc(100% - 150px);
    }

    .topListContent a {
        padding-left: 22px;
    }

    #topLadiesContentMenuSub ul {
        margin-top: 82px !important;
    }

    #topLadiesContentMenuSub li {
        white-space: normal;
    }

    #topLadiesContentMenuSub a {
        padding-top: 14px;
        padding-bottom: 14px;
        line-height: 1.5;
    }
}



/* Special */
#topSpecialContent {
    height: 398px;
    text-align: center;
    background-color: #111;
    background-image: url(/common/img/bg_top_content_special.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

#topSpecialSliderContainer {
    width: 824px;
    margin: 0 auto;
}

@media (max-width:1023px) {
    #topSpecialSliderContainer {
        width: 100%;
    }
}

#topSpecialSliderContainer .bx-wrapper .bx-viewport {
    background: none;
}

#topSpecialSlide {
    display: table;
    width: 100%;
    height: 398px;
}

.topSpecialSlideInner {
    display: table-row;
}

.topSpecialSlideLeft {
    display: table-cell;
    vertical-align: top;
}

.topSpecialSlideImgOutter {
    position: relative;
    width: 308px;
    height: 308px;
    margin-top: 46px;
    margin-left: 111px;
    background-color: rgba(255, 255, 255, 0.25);
    overflow: hidden;
}

.topSpecialSlideImg {
    width: 270px;
    height: 270px;
    margin: 19px;
    background-color: rgba(0, 0, 0, 0.5);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.topSpecialSlideLink {
    display: none;
}

.topSpecialSlideRight {
    display: table-cell;
    vertical-align: top;
    padding-top: 83px;
    padding-left: 28px;
    padding-right: 102px;
    text-align: left;
}

.topSpecialSlideTitle {
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.88;
    letter-spacing: 0.9px;
    text-align: left;
    color: #ffffff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.topSpecialSlideTitleIn {
    display: none;
}

.topSpecialSlideSubtitle {
    margin-top: 6px;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.6px;
    text-align: left;
    color: #ffffff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.topSpecialSlideSubtitleIn {
    display: none;
}

.topSpecialSlideDesc {
    margin-top: 12px;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5em;
    letter-spacing: 0.6px;
    text-align: left;
    color: #ffffff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    /* number of lines to show */
    max-height: 6em;
    /* line-height x line-clamp */
}

#topSpecialSliderContainer .bx-wrapper .bx-prev,
#topSpecialSliderContainer .bx-wrapper .bx-next {
    margin-top: 0;
    width: 43px;
    height: 43px;
    top: 31%;
    outline: none !important;
}

#topSpecialSliderContainer .bx-wrapper .bx-next {
    right: 38px;
    background: url(/common/img/icon_arrow_right.svg) no-repeat 0 0;
}

#topSpecialSliderContainer .bx-wrapper .bx-prev {
    left: 38px;
    background: url(/common/img/icon_arrow_left.svg) no-repeat 0 0;
}

#topSpecialSliderContainer .bx-wrapper .bx-next.disabled,
#topSpecialSliderContainer .bx-wrapper .bx-prev.disabled {
    display: none;
}

.topBtnSpecialDetail {
    margin-top: 17px;
    margin-left: 2px;
}

.topBtnSpecialDetail span {
    margin-right: 15px;
    padding-right: 32px;
}

@media (max-width: 1024px) {
    #topSpecialSlide {
        table-layout: fixed;
    }

    .topSpecialSlideLeft {
        width: 51%;
    }

    .topSpecialSlideImgOutter {
        position: relative;
        margin-left: 36%;
        width: 73.5%;
        height: 308px;
        float: right;
    }

    .topSpecialSlideImg {
        position: absolute;
        top: 6%;
        left: 6%;
        width: 88%;
        height: 88%;
        margin: 0;
    }
}

@media (max-width:767px) {
    #topSpecialContent {
        height: 607px;
    }

    #topSpecialSliderContainer {
        height: 100%;
    }

    #topSpecialSlide {
        display: block;
        height: 100%;
    }

    .topSpecialSlideInner {
        display: block;
    }

    .topSpecialSlideLeft {
        display: block;
        width: 100%;
    }

    .topSpecialSlideRight {
        display: block;
        width: 100%;
        padding: 0;
    }

    .topSpecialSlideImgOutter {
        float: none;
        width: 82.13%;
        height: 365px;
        margin: 34px auto 0 auto;
        padding: 19px;
    }

    .topSpecialSlideImg {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 270px;
        padding-bottom: 0;
    }

    #topSpecialSliderContainer .bx-wrapper .bx-prev {
        top: 38.5% !important;
        left: 11px;
    }

    #topSpecialSliderContainer .bx-wrapper .bx-next {
        top: 38.5% !important;
        right: 11px;
    }

    .topSpecialSlideDesc {
        margin-top: 17px;
        padding: 0 53px;
    }

    .topSpecialSlideTitle,
    .topSpecialSlideSubtitle {
        display: none;
    }

    .topSpecialSlideTitleIn,
    .topSpecialSlideSubtitleIn {
        display: block;
        margin-top: 10px;
        text-align: left;
        font-size: 24px;
        font-weight: 500;
        line-height: 1.0;
        letter-spacing: 0.9px;
        color: #ffffff;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .topSpecialSlideSubtitleIn {
        margin-top: 8px;
        font-size: 16px;
        font-weight: 700;
    }

    .topBtnSpecialDetail {
        margin-left: 53px;
        margin-bottom: 10px;
    }
}

/* Company */
.topGroupTitle.topGroupTitleCompany img {
    margin-top: 4px;
}

.topGroupTitle.topGroupTitleCompany span {
    padding-left: 9px;
}

#topCompanyContent {
    height: 156px;
    background-color: #fff;
}

#topCompanyContent:after {
    display: none;
}

.topListContent.topListContent2 ul {
    margin-top: 27px;
}

.topListContent.topListContent2 li {
    padding: 10px 47px 11px 47px;
}

.topListContent.topListContent2 a {
    padding-left: 0;
    font-size: 14px;
    font-weight: 500;
    color: #767676;
    background: none;
}

/**/
@media (max-width:767px) {
    .topGroupTitle.topGroupTitleCompany span {
        padding-left: 14px;
    }

    #topCompanyContent {
        height: 134px;
    }

    .topListContent.topListContent2 ul {
        margin-top: 15px;
    }

    .topListContent.topListContent2 li {
        padding: 0px 2px 0px 20px;
    }

    .topListContent.topListContent2 a {
        padding-top: 16px;
        padding-bottom: 16px;
        letter-spacing: 0.9px;
    }
}

@media (max-width:374px) {
    #topCompanyContent {
        height: auto;
    }
}

/* Another */
#topAnotherContent {
    height: 218px;
    background-color: #fff;
}

#topAnotherContent:after {
    display: none;
}

.topListContent.topListContent2#topAnotherContent ul {
    margin-top: 28px;
}

/**/
@media (max-width:767px) {
    #topAnotherContent {
        height: 199px;
    }

    .topListContent.topListContent2#topAnotherContent ul {
        margin-top: 13px;
    }
}

/* Archive */
#topArchiveContent {
    height: 158px;
    background-color: #fff;
}

#topArchiveContent:after {
    display: none;
}

.topListContent.topListContent2#topArchiveContent ul {
    margin-top: 28px;
}

/**/
@media (max-width:767px) {
    #topArchiveContent {
        height: 139px;
    }

    .topListContent.topListContent2#topArchiveContent ul {
        margin-top: 13px;
    }
}

/* Other */
#topOther {
    width: 100%;
    background-color: #fff;
    text-align: center;
}

#topOtherBtns {
    width: 100%;
    text-align: center;
}

.topBtn.topBtnContact {
    margin-right: 9px;
}

.topBtn.topBtnContact span {
    margin-right: 12px;
}

.topBtn.topBtnSitemap span {
    margin-right: 15px;
}

@media (max-width:374px) {
    .topBtn:not(.topBtnSpecialDetail) {
        width: 48%;
        margin: 0 1px !important;
    }
}

#topInstagram {
    display: inline-block;
    width: auto;
    height: 178px;
    padding-left: 0;
    margin: 0 auto;
}

#topInstagramTitle {
    margin-top: 18px;
    text-align: left;
}

#topInstagramTitle img {
    width: 115px;
}

#topInstagramContent {
    width: 100%;
    height: 115px;
    margin-top: 4px;
    overflow: hidden;
}

#topInstagramContent a {
    position: relative;
    display: block;
    width: 122px;
    height: 115px;
    float: left;
    margin-right: 3px;
    padding-top: 35px;
    color: #fff;
    text-align: center;
    text-decoration: none !important;
    outline: none !important;
    background-color: #f8f8f8;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
}

#topInstagramContent a:after {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgba(0, 0, 0, 0.5);
    z-index: -1;
}

#topInstagramContent a:before {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    width: 30px;
    height: 30px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

#topInstagramContent a[data-type="GraphSidecar"]:before {
    background-image: url(/common/img/icon_multi_image.png);
}

#topInstagramContent a[data-type="GraphVideo"]:before {
    background-image: url(/common/img/icon_movie.png);
}

#topInstagramContent a div {
    display: none;
    width: 100%;
    clear: both;
    text-align: center;
    font-size: 14px;
    overflow: hidden;
    float: left;
}

#topInstagramContent a:hover:before {
    opacity: 0.5;
}

#topInstagramContent a:hover:after,
#topInstagramContent a:hover div {
    display: block;
}

#topInstagramContent a div span {
    padding-left: 25px;
    background-image: url(/common/img/icon_heart.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto 16px;
}

#topInstagramContent a div[data-comment="1"] span {
    background-image: url(/common/img/icon_balon.png);
}

@media (max-width:767px) {
    #topOther {
        text-align: left;
    }

    #topInstagram {
        display: block;
        width: 100%;
        height: 180px;
        padding-left: 16px;
        margin: 0;
    }

    #topInstagramTitle {
        margin-top: 27px;
    }

    #topInstagramContent {
        margin-top: 7px;
        white-space: nowrap;
        overflow-y: hidden;
        overflow-x: auto;
    }

    #topInstagramContent a {
        display: inline-block;
        float: none;
    }
}


/* ２０２００４２４ by.hata-------------------------------------------------------------------------- */

/* swipe */
.swiper-container {
    height: fit-content;
    text-align: center;

}

.swiper-container .swiper-slide img {
    max-width: 100%;
    height: auto;
}

.swiper-slide-next {
    opacity: 0.4;
}

.swiper-slide-prev {
    opacity: 0.4;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%…2L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23938B06'%2F%3E%3C%2Fsvg%3E) !important;
    right: 10px;
    left: auto;
}

.prettyprint {
    border: none;
    background: #fafafa;
    color: #697d86;
}

/* match */
#topMatchContent {
    height: fit-content !important;
}

@media (max-width: 767px) {
    #topMatchContent {
        height: fit-content !important;
    }
}

.match_card {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display:flex;
    /*margin-bottom: 35px;*/
}

.match_card h3 {
    max-width: 90%;
    margin: 20px auto;
    text-align: center;
    font-size: 17px;
}

.match_card .match_card_inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0.7);
    margin: 0 1% 0 0;
    max-width: 70%;
}

.match_card .match_list {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.match_card .match_list > li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px 10px;
}

.match_card .match_list .match_box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    padding: 10px 0 0;
    position: relative;
}

.match_card .match_list .match_box p.ground {
    width: 110px;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
}

.match_card .match_list .match_box p.ground img {
    width: 100%;
    height: auto;
}

.match_card .match_list .match_box .inline {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
    margin: 0 auto;
    text-align: center;
    width: 80%;
}

.match_card .match_list .match_box .inline > li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
}

.match_card .match_list .match_box .inline > li:first-child,
.match_card .match_list .match_box .inline > li:last-child {
    width: 20%
}

.match_card .match_list .match_box .team_box img {
    vertical-align: bottom;
    max-width: 100%;
}

.match_card .match_list .match_box .inline .team_box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.match_card .match_list .match_box .inline .team_box .team {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #999;
    font-size: 16px;
    line-height: 1.2;
    padding-top: 5px;
}

.match_card .match_list .match_box .inline .data_box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.match_card .match_list .match_box .inline .data_box .date {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #222;
    font-family: "Steelfish";
    display: table;
    margin: 0 auto;
    padding-top: 30px;
    white-space: nowrap;
}

.match_card .match_list .match_box .inline .data_box .date .day {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 68px;
    font-weight: 500;
}

.match_card .match_list .match_box .inline .data_box .date .time {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 30px;
    font-weight: 500;
}

.top_wrap .match_card .match_list {
    margin: 0;
}

.top_wrap .match_card .match_list .box {
    background: none;
    padding: 0;
}

.top_wrap .match_card .match_list > li {
    padding: 0;
}

.top_wrap .match_card .match_list .match_box .inline .team_box .team {
    color: #fff;
}

.top_wrap .match_card .match_list .match_box .inline .team_box span {
    display: block;
    color: #fff;
    font-weight: 500;
    margin-top: 10px;
    font-size: 18px;
}

.top_wrap .match_card .match_list .data_box {
    text-align: center;
}

.top_wrap .match_card .match_list .data_box .date .day {
    font-family: 'Saira', sans-serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 1.6;
}

.top_wrap .match_card .match_list .data_box .date .time {
    font-family: 'Saira', sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.6;
}

.top_wrap .match_card .match_list .data_box .place a {
    color: #938B06;
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    margin: 0 0 20px;
    padding: 0 0 0 16px;
    text-decoration: none;
    background-image: url(/common/img/icon_place.png);
    background-position: left center;
    background-size: 12px auto;
    background-repeat: no-repeat;
    display: inline-block;
}


.match_card .match_list .match_box .inline .score_detail_wrap .result {
    font-family: 'Roboto', sans-serif;
    font-size: 68px;
    line-height: 76px;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.match_card .match_list .match_box .inline .score_detail_wrap .result span {
    margin: 0 8px;
}

.match_card .match_list .match_box .inline .score_detail_wrap .result span:nth-child(2) {
    color: #767676;
    font-size: 40px;
}

.match_card .match_list .match_box .inline .score_detail_wrap .result_timeLine {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    line-height: 22px;
    letter-spacing: 0.02em;
}

.match_card .match_list .match_box .inline .score_detail_wrap .result_timeLineItem span {
    margin: 0 4px;
}

.match_card .match_list .match_box .inline .score_detail_wrap .result_timeLineItem span:nth-child(2) {
    color: #767676;
    font-size: 12px;
}
.btn_b a {
    font-size: 16px;
    text-decoration: none;
    max-width: 350px;
    display: block;
    padding: 10px;
    margin: 0 auto 30px;
    text-align: center;
    background: #171C61;
    color: #fff !important;
    text-decoration: none !important;
}
.btn_b a:hover{
opacity:0.6;
}

@media(max-width:767px) {
.match_card .match_list .match_box {
padding:30px 0 0;
}
    .match_card h3 {
        font-size: 14px;
        margin: 10px auto;
    }

    .match_card .match_list .match_box p.ground {
        width: 80px;
    }

    .match_card .match_list .match_box .inline {
        width: 90%;
    }

    .match_card .match_list .match_box .inline > li:first-child,
    .match_card .match_list .match_box .inline > li:last-child {
        width: 24%;
    }

    .top_wrap .match_card .match_list .data_box .date .day {
        font-size: 32px;
    }

    .top_wrap .match_card .match_list .data_box .date .time {
        font-size: 24px;
    }

    .match_card .match_list .match_box .inline .score_detail_wrap .result {
        font-size: 40px;
        line-height: 40px;
    }

    .match_card .match_list .match_box .inline .score_detail_wrap .result span {
        margin: 0 8px;
    }

    .match_card .match_list .match_box .inline .score_detail_wrap .result span:nth-child(2) {
        font-size: 24px;
    }

    .match_card .match_list .match_box .inline .score_detail_wrap .result_timeLine {
        font-family: 'Roboto', sans-serif;
        font-size: 18px;
        line-height: 22px;
        letter-spacing: 0.02em;
    }
    .btn_b a {
        font-size: 12px;
        max-width: 90%;
    }
}
        /*-------ranking------*/
        .match_card .match_ranking {
            overflow: hidden;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            background-color: rgba(255, 255, 255, 0.7);
            width: 30%;
            padding-top: 10px;
        }

        .match_card .match_ranking h3 {
            margin: 0;
            padding: 20px 0 10px;
            text-align: center;
            font-size: 15px;
            width: 100%;
            max-width: 100%;
            color: #000000;
        }

        .match_card .match_ranking p.leagueIcon {
            width: 100%;
            display: block;
            padding: 0;
            text-align: center;
        }

        .match_card .match_ranking p.leagueIcon img {
            width: 60%;
            height: auto;
            margin: 0 auto;
        }

        .match_card .match_ranking .ranking_txt,
        .match_card .match_ranking .ranking_txt dd,
        .match_card .match_ranking .ranking_txt dt span {
            font-size: 12px;
        }

        .match_card .match_ranking dl {
            padding: 10px;
            border-bottom: 1px solid #171C61;
            color: #171C61;
            font-family: 'Saira', sans-serif;
            font-weight: 700;
            zoom: 1;
            display: flex;
        }

        .match_card .match_ranking dl.on {
            color: #ffffff;
            background: #999660;
        }

        .match_card .match_ranking dl dt {
            line-height: 1.4;
            width: 80%;
        }

        .match_card .match_ranking dl dd {
            width: 20%;
            font-size: 18px;
            line-height: 1.2;
            text-align: end;
        }

        .match_card .match_ranking dl dt span {
            font-size: 15px;
            margin-right: 10px;
            width: 24px;
            display: inline-block;
            text-align: center;
        }

        .match_card .match_ranking .update {
            font-size: 12px;
            text-align: right;
            padding: 5px 5px 10px;
            color: #171C61;
        }

        .btn_c a {
            font-size: 12px;
            text-decoration: none;
            max-width: 80%;
            display: block;
            padding: 10px;
            margin: 0 auto 30px;
            text-align: center;
            background: #171C61;
            color: #fff !important;
            text-decoration: none !important;
        }

        .btn_c a:hover {
            opacity: 0.6;
        }

        @media (max-width: 767px) {
            .match_card {
                display: block;
            }

            .match_card .match_ranking {

                border-top: solid 1px #fff;
            }

            .match_card .match_ranking h3 {
                font-size: 14px;
            }
            .match_card .match_ranking .update {
                padding: 5px 20px 10px;
            }
            .match_card_inner {
                max-width: 100% !important;
                width: 100%;
                margin: 0 !important;
            }

            .match_card .match_ranking {
                width: 100%;
                margin: 0;
            }

            .match_card .match_ranking dl {
                padding: 10px 30px;
            }

            .btn_c a {
                max-width: 90%;
            }
        }

        /*-------ranking------*/



/*next match*/

.matchschedule_box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    padding: 30px 0 0;
    position: relative;
    background-color: rgba(255, 255, 255, 0.8);
}

.matchschedule_box h3 {
    max-width: 80%;
    margin: 20px auto 10px;
    text-align: center;
    font-size: 14px;
}

.matchschedule_box .data_box .date .day {
    font-family: 'Saira', sans-serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 1.6;
}

.matchschedule_box .data_box .date .time {
    font-family: 'Saira', sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.6;
}

.matchschedule_box p.ground {
    width: 100px;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
}

.matchschedule_box p.ground img {
    width: 100%;
    height: auto;
}

.matchschedule_box .inline {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
    margin: 0 auto;
    text-align: center;
    width: 80%;
}

.matchschedule_box .inline > li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
}

.matchschedule_box .inline > li:first-child,
.matchschedule_box .inline > li:last-child {
    width: 20%;
}

.matchschedule_box .team_box {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.matchschedule_box .team_box p {
    display: inline-block;
    max-width: 20%;
}

.matchschedule_box .team_box p img {
    vertical-align: bottom;
    max-width: 100%;
}

.matchschedule_box .team_box span {
    color: #767676;
    font-size: 40px;
    font-weight: 700;
}

.matchschedule_box .place a {
    color: #938B06;
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    margin: 0 0 20px;
    padding: 0 0 0 16px;
    text-decoration: none;
    background-image: url(/common/img/icon_place.png);
    background-position: left center;
    background-size: 12px auto;
    background-repeat: no-repeat;
    display: inline-block;
}


.btn_b.two {
    display: flex;
}

.btn_b.two a {
    font-size: 16px;
    text-decoration: none;
    width: 40%;
    display: block;
    padding: 10px;
    margin: 0 auto 30px;
    text-align: center;
    background: #171C61;
    color: #fff !important;
    text-decoration: none !important;
}

@media(max-width:767px) {

    .matchschedule_box h3 {
        font-size: 14px;
        margin: 10px auto;
    }

    .matchschedule_box p.ground {
        width: 80px;
    }

    .matchschedule_box .data_box .date .day {
        font-size: 40px;
    }

    .matchschedule_box .data_box .date .time {
        font-size: 24px;
    }

    .matchschedule_box .team_box {
        width: 80%;
        margin: 0 auto;
    }

    .matchschedule_box .team_box p {
        max-width: 24%;
    }

    .matchschedule_box .team_box span {
        font-size: 30px;
    }

    .btn_b.two a {
        font-size: 12px;
    }
}


.container {
    width: 960px;
    margin: 40px auto 0 auto;
}