﻿/** Groups **/
.groupTabs { display: inline-block; float: right; width: 100%; position: relative }
.groupTabs .tab { overflow: hidden; position: absolute; left: 50%; transform: translateX(-50%); display: flex; min-width: 140px }


@media screen and (max-width: 1056px) and (min-width: 768px) {
    .groupTabs .tab { width: 100% }
}
.groupTabs .groupTtl { display: inline-block; width: 100%; margin: 0; height: 48px; float: right; position: relative; background: #e0e0e0; padding: 10px; }
.groupTabs .groupName { float: right; position: absolute; left: 50%; transform: translateX(-50%); top: 10px; }
.groupTabs .groupName h2 { float: right; display: inline-block; width: 160px; height: 28px; background: #fff; text-align: center; color: #000;   font-size: 14px; line-height: 2.2; }
.groupTabs .table .ttlRow { display: inline-block; width: 100%; background: #000; float: right; height: 30px; padding: 0 4px;    border-radius: 8px 8px 0 0;}
.groupTabs .table .ttlRow .itemTtl { float: right; padding: 2px 0;   color: #fff; font-size: 13px; text-align: center; width: 60px;line-height:30px }
.groupTabs .table .ttlRow .itemTtl:nth-child(2) { width: calc(100% - 540px); text-align: right; padding-right: 10px }
.groupTabs .table .wRow { display: inline-block; width: 100%; background: #fff; border: 1px solid #e0e0e0; border-bottom: 0; height: 58px; float: right; position: relative }
.groupTabs .table .wRow:last-child { border-bottom: 1px solid #e0e0e0;border-radius: 0 0 8px 8px; }
.groupTabs .table .wRow .item { float: right; color: #b9b9b9; font-size: 16px; text-align: center; line-height: 2.5; font-family: arial; width: 60px; padding: 10px; margin-left: 0; margin-bottom: 0; background: none; height: auto }
.groupTabs .table .wRow .item:nth-child(2) { width: calc(100% - 540px);  }
.groupTabs .table .wRow .item p { text-align: right; color: #000; font-size: 13px;     font-family: droidLight, Arial;  line-height: 3 }
.groupTabs .table .wRow .team { text-align: right; direction: rtl;   padding-right: 10px }
.groupTabs .table .wRow .team img { float: right; margin-left: 10px; width: auto; height: 36px }
.groupTabs .table .wRow .item:last-child { color: #000; font-weight: bold }

.GroupStanding { width: calc(100% - 320px); margin-left: 20px }
.GroupStanding .table { display: inline-block; width: 100%; float: right;margin-bottom: 20px }
.GroupStanding .table .wRow .team { padding-right: 0; }
.GroupStanding .ttl {background:none;border-right:0;padding-right:0;margin-bottom:15px;height:auto}

.GroupStanding .ttl:after {content: ''; width: 100%; height: 1px; background-color: #aaa; float: right; margin-top: 5px;}

@media screen and (min-width:1280px) and (max-width:1365px) {
       .groupTabs .table .ttlRow .itemTtl { width: 45px; }
    .groupTabs .table .ttlRow .itemTtl:nth-child(2) { width: calc(100% - 415px); }
    .groupTabs .table .wRow .item { width: 45px; font-size: 16px }
    .groupTabs .table .wRow .item:nth-child(2) { width: calc(100% - 415px); }
    .groupTabs .table .ttlRow .itemTtl { font-size: 12px; line-height: 2.2 }
    .groupTabs .table .wRow .item p { font-size: 13px }
}

@media screen and (min-width:1152px) and (max-width:1279px) {
      .GroupStanding .table .ttlRow .itemTtl { width: 46px }
    .GroupStanding .table .wRow .item { width: 46px }
    .GroupStanding .table .ttlRow .itemTtl:nth-child(2) { width: calc(100% - 414px); }
    .GroupStanding .table .wRow .item:nth-child(2) { width: calc(100% - 414px); }

     .groupTabs.GroupStanding .table .ttlRow .itemTtl { width: 40px; font-size: 12px; line-height: 2.2 }
    .groupTabs.GroupStanding .table .ttlRow .itemTtl:nth-child(2) { width: calc(100% - 220px); }
    .groupTabs.GroupStanding .table .ttlRow .itemTtl:nth-child(4), .groupTabs .table .wRow .item:nth-child(4),
    .groupTabs.GroupStanding .table .ttlRow .itemTtl:nth-child(5), .groupTabs .table .wRow .item:nth-child(5),
    .groupTabs.GroupStanding .table .ttlRow .itemTtl:nth-child(6), .groupTabs .table .wRow .item:nth-child(6),
    .groupTabs.GroupStanding .table .ttlRow .itemTtl:nth-child(9), .groupTabs .table .wRow .item:nth-child(9) { display: none }
    .groupTabs.GroupStanding .table .wRow .item { width: 40px; font-size: 15px; line-height: 2.6 }
    .groupTabs.GroupStanding .table .wRow .item:nth-child(2) { width: calc(100% - 220px); }
    .groupTabs.GroupStanding .table .ttlRow .itemTtl:nth-child(4),
    .groupTabs.GroupStanding .table .ttlRow .itemTtl:nth-child(5),
    .groupTabs.GroupStanding .table .ttlRow .itemTtl:nth-child(6), .groupTabs .table .ttlRow .itemTtl:nth-child(9) { display: none }

}

@media screen and (min-width:1024px) and (max-width:1151px) {
      .groupTabs.GroupStanding .table .ttlRow .itemTtl { width: 40px; font-size: 12px; line-height: 2.2 }
    .groupTabs.GroupStanding .table .ttlRow .itemTtl:nth-child(2) { width: calc(100% - 220px); }
    .groupTabs.GroupStanding .table .ttlRow .itemTtl:nth-child(4), .groupTabs .table .wRow .item:nth-child(4),
    .groupTabs.GroupStanding .table .ttlRow .itemTtl:nth-child(5), .groupTabs .table .wRow .item:nth-child(5),
    .groupTabs.GroupStanding .table .ttlRow .itemTtl:nth-child(6), .groupTabs .table .wRow .item:nth-child(6),
    .groupTabs.GroupStanding .table .ttlRow .itemTtl:nth-child(9), .groupTabs .table .wRow .item:nth-child(9) { display: none }
    .groupTabs.GroupStanding .table .wRow .item { width: 40px; font-size: 15px; line-height: 2.6 }
    .groupTabs.GroupStanding .table .wRow .item:nth-child(2) { width: calc(100% - 220px); }
    .groupTabs.GroupStanding .table .ttlRow .itemTtl:nth-child(4),
    .groupTabs.GroupStanding .table .ttlRow .itemTtl:nth-child(5),
    .groupTabs.GroupStanding .table .ttlRow .itemTtl:nth-child(6), .groupTabs .table .ttlRow .itemTtl:nth-child(9) { display: none }
}

@media only screen and (max-width: 1023px) {
      .groupTabs .table .ttlRow .itemTtl { width: 50px; font-size: 12px; }
    .groupTabs .table .ttlRow .itemTtl:nth-child(2) { width: calc(100% - 450px); }
    .groupTabs .table .wRow .item { width: 50px; font-size: 14px; line-height: 2.9 }
    .groupTabs .table .wRow .item:nth-child(2) { width: calc(100% - 450px); }
        .GroupStanding { width: 100%; margin-left: 0 }

}

@media screen and (min-width: 320px) and (max-width: 767px) {
/*     .mainTour .groupTabs .table .ttlRow .itemTtl:nth-child(3),
    .mainTour .groupTabs .table .ttlRow .itemTtl:nth-child(4),
    .mainTour .groupTabs .table .ttlRow .itemTtl:nth-child(5),
    .mainTour .groupTabs .table .wRow .item:nth-child(3),
    .mainTour .groupTabs .table .wRow .item:nth-child(4),
    .mainTour .groupTabs .table .wRow .item:nth-child(5) { display: inline-block; }*/


    .groupTabs .groupContent { margin-top: 42px }
    .groupTabs .table .ttlRow .itemTtl:nth-child(3), .groupTabs .table .ttlRow .itemTtl:nth-child(4),
    .groupTabs .table .ttlRow .itemTtl:nth-child(5), .groupTabs .table .ttlRow .itemTtl:nth-child(6),
    .groupTabs .table .ttlRow .itemTtl:nth-child(7), .groupTabs .table .ttlRow .itemTtl:nth-child(8),
    .groupTabs .table .ttlRow .itemTtl:nth-child(9) { display: none }
    .groupTabs .table .ttlRow .itemTtl:nth-child(2) { width: calc(100% - 100px); }
    .groupTabs .table .wRow .item:nth-child(3), .groupTabs .table .wRow .item:nth-child(4),
    .groupTabs .table .wRow .item:nth-child(5), .groupTabs .table .wRow .item:nth-child(6),
    .groupTabs .table .wRow .item:nth-child(7), .groupTabs .table .wRow .item:nth-child(8),
    .groupTabs .table .wRow .item:nth-child(9) { display: none }
    .groupTabs .table .wRow .item:nth-child(2) { width: calc(100% - 100px); margin-left: 0 }
        .mainTour .groupTabs .table .ttlRow .itemTtl:nth-child(3), .mainTour .groupTabs .table .ttlRow .itemTtl:nth-child(4), .mainTour .groupTabs .table .ttlRow .itemTtl:nth-child(5), .mainTour .groupTabs .table .wRow .item:nth-child(3), .mainTour .groupTabs .table .wRow .item:nth-child(4), .mainTour .groupTabs .table .wRow .item:nth-child(5) {
        display: inline-block;
    }
    
    .mainTour .groupTabs.GroupStanding .table .ttlRow .itemTtl { font-size: 9px; width: 30px; padding: 0 4px }
    .mainTour .groupTabs.GroupStanding .table .ttlRow .itemTtl:first-child,
    .mainTour .groupTabs.GroupStanding .wRow .item:first-child { width: 22px }
    .mainTour .groupTabs.GroupStanding .table .ttlRow .itemTtl:first-child { color: transparent }
    .mainTour .groupTabs.GroupStanding .wRow .item { font-size: 13px; width: 30px; padding: 0 4px;line-height:58px }

    .mainTour .groupTabs.GroupStanding .table .ttlRow .itemTtl:nth-child(7),
    .mainTour .groupTabs.GroupStanding .table .ttlRow .itemTtl:nth-child(8),
    .mainTour .groupTabs.GroupStanding .wRow .item:nth-child(7),
    .mainTour .groupTabs.GroupStanding .wRow .item:nth-child(8) { display: none }

    .mainTour .groupTabs.GroupStanding .table .ttlRow .itemTtl:nth-child(6),
    .mainTour .groupTabs.GroupStanding .wRow .item:nth-child(6) { display: inline-block }

    .mainTour .groupTabs.GroupStanding .table .ttlRow .itemTtl:nth-child(2),
    .mainTour .groupTabs.GroupStanding .wRow .item:nth-child(2) { width: calc(100% - 172px); }
    .mainTour .groupTabs.GroupStanding .wRow .team img { height: 16px; margin: 22px 0 22px }
    .mainTour .groupTabs.GroupStanding .wRow .item p { font-size: 11px; padding-right: 4px; width: calc(100% - 16px);line-height:58px;float:right }



}