.tonamel-Tournament {
display: grid;
grid-auto-flow: column;
grid-auto-columns: minmax(190px, 1fr);
gap: 14px;
overflow-x: auto;
padding-bottom: 12px;
}
.tonamel-Tournament_Round {
min-width: 190px;
}
.tonamel-Tournament_RoundHeading {
margin: 0 0 8px;
padding: 8px 10px;
background: #171d3a;
color: #fff;
font-size: 1.4rem;
line-height: 1.3;
text-align: center;
}
.tonamel-Tournament_Matches {
display: grid;
gap: 10px;
}
.tonamel-Tournament_Match {
border: 1px solid #171d3a;
background: #fff;
}
.tonamel-Tournament_MatchLabel {
padding: 5px 8px;
border-bottom: 1px solid #171d3a;
background: #f2f2f2;
color: #171d3a;
font-size: 1.1rem;
line-height: 1.3;
}
.tonamel-Tournament_Side {
display: flex;
align-items: center;
min-height: 36px;
padding: 7px 8px;
color: #171d3a;
font-size: 1.4rem;
font-weight: bold;
line-height: 1.35;
}
.tonamel-Tournament_Side + .tonamel-Tournament_Side {
border-top: 1px solid #d4d4d4;
}
.tonamel-Tournament_Side.is-winner {
background: #ffecec;
color: #d42134;
}
.tonamel-Empty {
margin: 20px 0;
text-align: center;
}
.tonamel-TeamResult_DecisiveMark {
margin-left: .25em;
color: #e83a4d;
font-weight: bold;
}
.tonamel-ResultModal-isOpen,
.tonamel-ResultModal-isOpen body {
overflow: hidden;
}
.tonamel-ResultModal[hidden] {
display: none;
}
.tonamel-ResultModal {
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
position: fixed;
z-index: 23000;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 24px;
background: rgba(0, 0, 0, .55);
}
.tonamel-ResultModal_Dialog {
box-sizing: border-box;
width: 100%;
max-width: 1180px;
max-height: 92vh;
padding: 42px 28px 28px;
background: #fff;
position: relative;
overflow: auto;
}
.tonamel-ResultModal_Close {
width: 38px;
height: 38px;
border: 0;
background: transparent;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
}
.tonamel-ResultModal_Close::before,
.tonamel-ResultModal_Close::after {
content: "";
display: block;
width: 24px;
height: 2px;
background: #171d3a;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}
.tonamel-ResultModal_Close::before {
transform: rotate(45deg);
}
.tonamel-ResultModal_Close::after {
transform: rotate(-45deg);
}
.tonamel-ResultModal_Title {
margin: 0 0 16px;
color: #171d3a;
font-size: 2rem;
line-height: 1.4;
}
.tonamel-ResultModal_Body {
overflow-x: auto;
}
.tonamel-TeamMatch {
min-width: 980px;
border: 1px solid #b3b3b3;
color: #2d2d2d;
background: #fff;
font-weight: bold;
}
.tonamel-TeamMatch_Header {
display: grid;
grid-template-columns: 1fr 160px 1fr;
min-height: 78px;
border-bottom: 1px solid #b3b3b3;
}
.tonamel-TeamMatch_TeamName {
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
font-size: 4rem;
line-height: 1.2;
}
.tonamel-TeamMatch_TeamName.is-red {
background: #ef3348;
color: #fff;
}
.tonamel-TeamMatch_TeamName.is-white {
background: #fff;
}
.tonamel-TeamMatch_Meta {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-right: 1px solid #b3b3b3;
border-left: 1px solid #b3b3b3;
color: #333;
font-size: 1.8rem;
line-height: 1.4;
}
.tonamel-TeamBout {
display: grid;
grid-template-columns: minmax(170px, 1fr) 210px 130px 210px minmax(170px, 1fr);
min-height: 66px;
border-bottom: 1px solid #b3b3b3;
}
.tonamel-TeamBout_Player {
display: flex;
align-items: center;
justify-content: center;
padding: 8px 10px;
background: #cfcfcf;
font-size: 3.2rem;
line-height: 1.2;
}
.tonamel-TeamBout_Player.is-winner {
background: #5b91dc;
color: #fff;
}
.tonamel-TeamBout_Scores {
display: grid;
position: relative;
grid-template-columns: repeat(3, 1fr);
background: #fff;
}
.tonamel-TeamBout_Score {
display: flex;
align-items: center;
justify-content: center;
min-height: 66px;
border-left: 1px solid #b3b3b3;
position: relative;
}
.tonamel-TeamBout_Score:last-child {
border-right: 1px solid #b3b3b3;
}
.tonamel-KendoScore {
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
border: 2px solid #ef3348;
border-radius: 50%;
color: #ef3348;
font-size: 2rem;
line-height: 1;
}
.tonamel-TeamBout_Foul {
position: absolute;
right: 8px;
bottom: 6px;
color: #ef3348;
font-size: 2.2rem;
line-height: 1;
}
.tonamel-TeamBout_Center {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-right: 1px solid #b3b3b3;
border-left: 1px solid #b3b3b3;
background: #eee;
text-align: center;
font-size: 1.8rem;
line-height: 1.35;
}
.tonamel-TeamBout_Position {
display: block;
}
.tonamel-TeamBout_Judgment,
.tonamel-TeamBout_Overtime {
display: block;
margin-top: 2px;
font-size: 1.6rem;
}
.tonamel-TeamMatch_Empty {
margin: 0;
padding: 18px;
text-align: center;
}
.tonamel-TeamMatch_Summary {
display: grid;
grid-template-columns: 1fr 1fr 130px 1fr 1fr;
min-height: 76px;
}
.tonamel-TeamMatch_SummaryCell {
display: flex;
flex-direction: column;
justify-content: space-between;
border-right: 1px solid #b3b3b3;
background: #cfcfcf;
padding: 8px 12px 10px;
}
.tonamel-TeamMatch_SummaryCell.is-winner {
background: #5b91dc;
color: #fff;
}
.tonamel-TeamMatch_SummarySpacer {
border-right: 1px solid #b3b3b3;
background: #fff;
}
.tonamel-TeamMatch_SummaryLabel {
font-size: 1.4rem;
line-height: 1.2;
}
.tonamel-TeamMatch_SummaryValue {
display: block;
text-align: center;
font-size: 4.8rem;
line-height: 1;
} .tonamel-ResultBlock:not(:first-child) {
margin-top: 20px;
}
.tonamel-ResultBlock:not(:last-child) {
margin-bottom: 20px;
}
.tonamel-ResultBlock_Heading {
margin-bottom: 10px;
font-size: 1.5rem;
font-weight: bold;
}
.tonamel-ResultScrollWrap {
width: 100%;
overflow-x: auto;
}
.tonamel-ResultNotice {
margin: 20px 0;
text-align: right;
font-size: 1.1rem;
}
.tonamel-ResultNotice span {
font-family: "KendoScore", "Noto Serif Japanese", "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝B", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "MS Mincho", serif;
font-size: 1.4rem;
vertical-align: middle;
}
.tonamel-ResultNotice .is-encho {
text-indent: 100%;
display: inline-block;
width: 1em;
margin-right: 0.2em;
background-image: url(//www.kendo.or.jp/wp/wp-content/themes/kendo/assets/common/images/ic_score_encho.png);
background-repeat: no-repeat;
background-size: contain;
background-position: 0 1px;
font-size: 1.1rem;
}
.tonamel-ScoreCell {
font-family: "KendoScore", "Noto Serif Japanese", "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝B", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "MS Mincho", serif;
}
.tonamel-ScoreCell.is-encho,
.tonamel-ScoreCell.is-ippongachi {
text-indent: -9999px;
background-repeat: no-repeat;
background-position: center;
background-size: 12px 12px;
}
.tonamel-ScoreCell.is-encho {
background-image: url(//www.kendo.or.jp/wp/wp-content/themes/kendo/assets/common/images/ic_score_encho_en.png);
}
html[lang="ja"] .tonamel-ScoreCell.is-encho {
background-image: url(//www.kendo.or.jp/wp/wp-content/themes/kendo/assets/common/images/ic_score_encho.png);
}
.tonamel-ScoreCell.is-ippongachi {
background-image: url(//www.kendo.or.jp/wp/wp-content/themes/kendo/assets/common/images/ic_score_ippongachi.png);
}
.tonamel-MovieCell {
width: 6%;
}
.tonamel-MovieCell img {
width: 20px;
vertical-align: middle;
} .tonamel-IndividualTable {
width: 100%;
border-collapse: collapse;
background-color: #fff;
border: 1px solid #161a38;
font-size: 1.1rem;
text-align: center;
vertical-align: middle;
table-layout: fixed;
word-wrap: break-word;
overflow-wrap: break-word;
}
.tonamel-IndividualTable th {
padding: 4px 0;
background-color: #161a38;
color: #fff;
font-size: 1.2rem;
}
.tonamel-IndividualTable th:not(:last-child) {
border-right: 1px solid #fff;
}
.tonamel-IndividualTable th:nth-child(3),
.tonamel-IndividualTable th:nth-child(4),
.tonamel-IndividualTable th:nth-child(7),
.tonamel-IndividualTable th:nth-child(8) {
border-right-color: #aaa;
}
.tonamel-IndividualTable td {
padding: 8px 0;
border: 1px solid #161a38;
}
.tonamel-IndividualTable td:nth-child(3),
.tonamel-IndividualTable td:nth-child(4),
.tonamel-IndividualTable td:nth-child(7),
.tonamel-IndividualTable td:nth-child(8) {
border-right-color: #ddd;
}
.tonamel-IndividualTable .tonamel-ScoreCell {
font-size: 1.4rem;
}
.tonamel-IndividualTable .tonamel-ScoreCell.is-encho,
.tonamel-IndividualTable .tonamel-ScoreCell.is-ippongachi {
background-size: 10px 10px;
}
.tonamel-IndividualTable_NameCell {
width: 28%;
letter-spacing: -0.3px;
}
.tonamel-IndividualTable_MovieCell {
text-indent: -9999px;
background-image: url(//www.kendo.or.jp/wp/wp-content/themes/kendo/assets/common/images/ic_play_header.png);
background-repeat: no-repeat;
background-position: center;
background-size: 8px 9px;
}
.tonamel-IndividualTable_Row.is-winnerRight td:nth-child(1) {
background: #e1e1e1;
}
.tonamel-IndividualTable_Row.is-winnerLeft td:nth-last-child(2) {
background: #e1e1e1;
} .tonamel-EastWestTable {
width: 100%;
border-collapse: collapse;
background-color: #fff;
border: 1px solid #161a38;
font-size: 1.1rem;
text-align: center;
vertical-align: middle;
table-layout: fixed;
word-wrap: break-word;
overflow-wrap: break-word;
}
.tonamel-EastWestTable th {
padding: 4px 0;
background-color: #161a38;
color: #fff;
font-size: 1.2rem;
}
.tonamel-EastWestTable th:not(:last-child) {
border-right: 1px solid #fff;
}
.tonamel-EastWestTable th:nth-child(4),
.tonamel-EastWestTable th:nth-child(5),
.tonamel-EastWestTable th:nth-child(8),
.tonamel-EastWestTable th:nth-child(9) {
border-right-color: #aaa;
}
.tonamel-EastWestTable td {
padding: 8px 0;
border: 1px solid #161a38;
}
.tonamel-EastWestTable_Row td:nth-child(4),
.tonamel-EastWestTable_Row td:nth-child(5),
.tonamel-EastWestTable_Row td:nth-child(8),
.tonamel-EastWestTable_Row td:nth-child(9) {
border-right-color: #ddd;
}
.tonamel-EastWestTable .tonamel-ScoreCell {
font-size: 1.4rem;
}
.tonamel-EastWestTable .tonamel-ScoreCell.is-encho,
.tonamel-EastWestTable .tonamel-ScoreCell.is-ippongachi {
background-size: 10px 10px;
}
.tonamel-EastWestTable_PositionCell {
width: 8%;
letter-spacing: -0.3px;
}
.tonamel-EastWestTable_NameCell {
width: 24%;
letter-spacing: -0.3px;
}
.tonamel-EastWestTable_MovieCell {
text-indent: -9999px;
background-image: url(//www.kendo.or.jp/wp/wp-content/themes/kendo/assets/common/images/ic_play_header.png);
background-repeat: no-repeat;
background-position: center;
background-size: 8px 9px;
}
.tonamel-EastWestTable_Row.is-winnerRight td:nth-child(2) {
background: #e1e1e1;
}
.tonamel-EastWestTable_Row.is-winnerLeft td:nth-last-child(2) {
background: #e1e1e1;
}
.tonamel-EastWestTable_SummaryRow td {
padding: 10px 8px;
font-size: 1.6rem;
font-weight: bold;
}
.tonamel-EastWestTable_SummaryCell-left {
text-align: center;
}
.tonamel-EastWestTable_SummaryCell-center {
width: 4%;
}
.tonamel-EastWestTable_SummaryCell-right {
text-align: center;
} .tonamel-TeamResult {
margin-bottom: 20px;
}
.tonamel-TeamResult_Scroller {
width: 100%;
overflow-x: auto;
}
.tonamel-TeamResult_Table {
width: 100%;
border-collapse: collapse;
background-color: #fff;
border: 1px solid #161a38;
font-size: 1.1rem;
text-align: center;
vertical-align: middle;
table-layout: fixed;
}
.tonamel-TeamResult_Table th {
padding: 4px 8px;
background-color: #161a38;
color: #fff;
font-size: 1.2rem;
}
.tonamel-TeamResult_Table th:not(:last-child) {
border-right: 1px solid #fff;
}
.tonamel-TeamResult_Table td {
padding: 8px;
border: 1px solid #161a38;
vertical-align: middle;
}
.tonamel-TeamResult_TeamCell {
width: 22%;
letter-spacing: -0.3px;
}
.tonamel-TeamResult_NumberCell {
width: 8%;
}
.tonamel-TeamResult_SeparatorCell {
width: 4%;
}
.tonamel-TeamResult_ActionCell {
width: 12%;
}
th.tonamel-TeamResult_MovieCell {
text-indent: -9999px;
}
.tonamel-TeamResult_MovieCell {
width: 6%;
background-image: url(//www.kendo.or.jp/wp/wp-content/themes/kendo/assets/common/images/ic_play_header.png);
background-repeat: no-repeat;
background-position: center;
background-size: 8px 9px;
}
.tonamel-TeamResult_MovieCell img {
width: 20px;
vertical-align: middle;
text-indent: 0;
}
.tonamel-TeamResult_Row.is-winnerRight td:nth-child(1) {
background: #e1e1e1;
}
.tonamel-TeamResult_Row.is-winnerLeft td:nth-child(7) {
background: #e1e1e1;
}
@media only screen and (min-width: 769px) {
.tonamel-ResultBlock:not(:first-child) {
margin-top: 40px;
}
.tonamel-ResultBlock:not(:last-child) {
margin-bottom: 40px;
}
.tonamel-ResultBlock_Heading {
margin-bottom: 15px;
font-size: 1.7rem;
}
.tonamel-IndividualTable,
.tonamel-EastWestTable {
font-size: 1.3rem;
}
.tonamel-IndividualTable .tonamel-ScoreCell,
.tonamel-EastWestTable .tonamel-ScoreCell {
font-size: 1.5rem;
}
}
@media only screen and (max-width: 768px) {
.tournament-wrapper {
margin: 10px 0 10px;
}
.tonamel-TeamResult_Table {
min-width: 720px;
}
.tonamel-TeamResult_Table th {
font-size: 1.3rem;
}
.tonamel-TeamResult_Table td {
padding: 10px 8px;
font-size: 1.6rem;
}
.tonamel-TeamResult_DetailButton {
min-width: 54px;
min-height: 32px;
font-size: 1.2rem;
}
.tonamel-ResultModal {
padding: 10px;
}
.tonamel-ResultModal_Dialog {
max-height: 94vh;
padding: 40px 12px 18px;
}
.tonamel-ResultModal_Title {
font-size: 1.5rem;
}
.tonamel-TeamMatch {
min-width: 760px;
}
.tonamel-TeamMatch_Header {
grid-template-columns: 1fr 110px 1fr;
min-height: 62px;
}
.tonamel-TeamMatch_TeamName {
font-size: 2.8rem;
}
.tonamel-TeamMatch_Meta {
font-size: 1.4rem;
}
.tonamel-TeamBout {
grid-template-columns: minmax(130px, 1fr) 150px 96px 150px minmax(130px, 1fr);
min-height: 56px;
}
.tonamel-TeamBout_Player {
font-size: 2.3rem;
}
.tonamel-TeamBout_Score {
min-height: 56px;
}
.tonamel-KendoScore {
width: 28px;
height: 28px;
font-size: 1.6rem;
}
.tonamel-TeamBout_Center {
font-size: 1.4rem;
}
.tonamel-TeamBout_Judgment,
.tonamel-TeamBout_Overtime {
font-size: 1.2rem;
}
.tonamel-TeamMatch_Summary {
grid-template-columns: 1fr 1fr 96px 1fr 1fr;
min-height: 62px;
}
.tonamel-TeamMatch_SummaryValue {
font-size: 3.6rem;
}
.tonamel-ResultScrollWrap {
overflow-x: scroll;
}
.tonamel-IndividualTable .tonamel-MovieCell img,
.tonamel-EastWestTable .tonamel-MovieCell img,
.tonamel-TeamResult_MovieCell img {
width: 90%;
}
.tonamel-EastWestTable_SummaryRow td {
font-size: 1.3rem;
padding: 8px 4px;
}
}