@charset "UTF-8";
/*
## オリンピック記事用スタイル：ヘッダー部
*/
.wbc .pageHeader {
  background: transparent;
}

.wbc .pageInfo {
  margin: 0 auto;
  width: 1020px;
}

.wbc .pageAd {
  margin: 0 auto;
  width: 1020px;
}

.wbc .mainNavigation {
  margin: 0 auto;
  width: 1020px;
  border-color: #0f305b;
}

.wbc.is-fixedHeader .mainNavigation {
  width: 100%;
}

.wbc .mainNavigation .navigation li.current::before {
  background: #0f305b;
}

.wbc .genreNavigation {
  background: transparent;
}

.wbc .genreNavigation-inner {
  width: 1020px;
  padding: 0 10px;
  background: #0f305b;
}

.wbc .genreNavigation-inner .btnlists {
  color: #fff;
}

.wbc .genreNavigation-inner .btnlists span::after {
  border-top-color: #fff;
}

.wbc .genreNavigation-inner .btnlists::before,
.wbc .genreNavigation-inner .btnlists::after {
  background: #fff;
}

.wbc .genreNavigation-inner .pickupKeywords > li > a {
  color: #fff;
}

.wbc .genreNavigation-inner .pickupKeywords > li > a:hover {
  background: #0f305b;
}

.wbc .genreNavigation-inner .pickupKeywords > li.current::before {
  background: #fff;
}

.wbc .is-openGenre .genreNavigation-inner .btnlists span::after {
  border-bottom-color: #fff;
}

.wbc .pageSearchBtn {
  background: url(data:image/png;base64,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) no-repeat center center;
}

.wbc .pageSearchBtn::before {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAyUlEQVQoFX3BoU4CAQAG4D+w23gDokEZI1+x2axG5/Ea2igU3+Begs1sgPkWVoOVJhvjDvY51A10N78v+WLg0autnTe1i/zm1oeFibGRG3Ot+xy5tXGXE66sTPPNwIe7/OFSo8yBR4t0UHvKgVeTdFDaKJLYGqeDAmdJ7IzSQc/eMIk3N+lgrNVPojZPBzPLHLjQusofzq1d55sHK5c54dy7lxyZatRKhZ6xmbUXjSpHSk822GstXScqjSqnFM4M9fNDpVHlPyrPn0sgmvKyAw8rAAAAAElFTkSuQmCC) no-repeat center center;
}

.wbc .secondaryContents .ttl-aside {
  padding-left: 50px;
  width: calc(100% - 50px);
  position: relative;
}

.wbc .secondaryContents .ttl-aside::before {
  display: block;
  width: 50px;
  height: 50px;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAVlpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDUuNC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KTMInWQAABxdJREFUaAXNWdlvVFUY/+7MtNNpO+1M90JLV0oLVJYA0QclGBOBaCKRGFGiMZqYqH8E/g0m6osPvquJPLgkGlxIQFEMokCh2pYWpvtM2+ns0/H7nckd7tz93hmIXzJzzz3nW+/Zvt850oFj7xeoCpRJr1E8OkWJjfuUSixTJhWjXDZBW/ksay+Qx1tLvpp6qq0LUV19G9UHt1FjeIBq/c1VsE7kq4aWuclvaGn2kqmq/FaS8tkkpRMrtLH6T4m3bfth6h15rvTutuBxKyjL4Yuv3P9dfnX8XIn8QflcyrGcWqDiQNZXbvPwyaj12n4vbOUIOiqligOJLv1dqQ8UW7pRsY6KA0ltLlbsRDazWbGOigMZOfgWhTvGXToiUUfvE7Rz/+su5R+IVbxqeX111L/nNDW1DtPs7a94vqQfaDcp+WobqG/0FMvtNOGy31RxILKplq791NC8g6ZvfEaJ9Xtyte6zqWWYdoydopraRt12N5UVDy2lUX+ghUYOvkmdfU8SSZKySZQlj4+2Dz9LQ/vOVjUIKK9aj8heS5KXtg0+Q/jq0zc+p2x6XTT5eTfv332ad/RumbWqT0mZomBzW5q7XEoxspx28KelsSPvkeTxOjaMnfzuxJfk9QWoZ+cJkaY4UVIobNHNXz5gkQLVcCqD9AY/f30rhdv3lPlU1iN3J85TdOFPja3o4nXCHHBK3poADex92alYiR++pJOr4j2djJbqUVjvvMM9/GKprjRHEhsRDuJ6qUFZWJy9rHx9ZGUzu/AVPstUCmR++geu00+Ek/EIxWPTsswjecIe7BpTgYo+FzlEIEi511YmjGW4ZdEiuzUVdtFoxx58zqSKQ04Esop5UdDvDdkHCMnjVa6zeuZzaZq5+YX4oWyXYMfqwwpd7DOyZ5AIJDqvneCiVfnHQljR7BI2xYnfPqbV+Wvih7LVRinrFnYsPqzMG138SxQ9QHapxJJcb/pE9EB9psQOLMz8TLevflLWg/jKqEObWe9D/0rkqqkJZSOAGlY0D+CpXQLuWL53xZAdm9/ktU/p/r/fsa95DR/q0AYeeaNUM0F/ER6rW4zf47Ep8gBjOyHsKXq0tnyLbl35iDZsfBjwgDe2dFOjyki/hlFRkYzPk5ez13MZ1Waj4Ckr1taFafCxM3yI0FCq39rK0tydr+ne5LeEsl0Cb4zHdy67ScHQQGmXDvKBxPrKHUfwFxm4VyLpXD6XtLRf37Rd4AYEoySMe/SGW8KI2FidpLZth4QKfKSWzr0UX5vh4bdhSy3HQB58ESsKtY9xEG+QTyftrsZxDvInJcEO7MGuHcLhhcdqfQeC69/zEid8Nbo6Qx27deudVIbatTpgD3Zh34ryDOY8gUb9tFqSPJyxnmT8cJyhRSmT0ehsbh0hD+MMtwSM0tw2oisOu7CPzNnIB/g/NH6WfKOH3iZsKpGp78V6DI04FQR2aG7bpWtAWenx+inI2MPtPGlqGWJ7fqVKTbm953GRvgPfyEdPAHHdA09TmOcToIa3e+DYuUBjJ0+2wzwH6inDe8Hg+BnC6mGXgBvWlrVLqR35rr6jFGjssmTFMWtTeIg212epq/8o4/0XKBCEXBGJlsYEgBMix88poecwRHDY5oRg006vyzqxco4deVd+LXsaD/4yNvMXrONOelDWFgwPMnqsk18relYlEHgQYujplPRWK6c6ZP7qBdI2yiuLfVwP3maWqRZVLRDg88Zwv22/GkN94r7EtoAFY2myW/DZah7e95otvofBZBgIkrpbv34oDtrEEQznWLUB/uE4RpRDZcljtZwDHkESm2YICwiOH7AMnsAxo4ff0c0yDAPBDZQMbcUtk46n2Mj8OGviAFu7D7ga82vLEwJIFZ2PWZ4dL85doq6+pzTe6M6RHB/zL9y9qGFWV+DAOrm5IHZ1t3ccMb5fQVYAPXYOwBdmLlIuE1e7UsTs6trI9AXGA/YPCyAv955al9W7UzkEG5m6oFGr6ZE038i6uRPETa4bSieKJ4lOZNH7SIuUpAkEt0dqJqWAURnnvPg5IeAIO3hIrbNn5KQmG9YEgvUdV8ZuyOkwwSLilIAk9W7INIFAcc/wCVe5UzrpzDGn/MjngJH0SDcQZKWD46/yDVSvnoxhXcrhF3bSg/AFPhldb+gGAk8BNbFTBxn42CUnjkGn3cDhA3wxgtvQZRiIaGSkOMRfQT7hQJ0ZOR0qdvhhGz4AtZqR4c4uC6Ere3c9z3NmkG+fzpueNzmdvGbnacApsBvuAJS1JgF1rdmI6ho6OA05KJbLZHxBJSIJpLeD4WeNP6hqM37Fx8EuXb6XSOJ2bGj8FWpo6jEWVrWU3SGq2gxfcUQ5P/OTOPJs5nvyrv5jFV1y4uZpfvpHMZG7+EbYDoZXO+cqEFkJDqWdgClZ7mE8TSe7lcH/SxDw8z9Uw8tXorDZWAAAAABJRU5ErkJggg==) no-repeat center center;
}

.wbc .secondaryContents .ttl-aside span,
.wbc .secondaryContents .ttl-aside a {
  border-left: none;
}

.wbc .secondaryContents .medal .ttl-aside span::before,
.wbc .secondaryContents .medal .ttl-aside a::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAeCAQAAAC2l+fBAAABVElEQVR4AdWNA6wWUBzFb7Zt25iz7Sm7xmzb1pDtOds15Bqynm3+3tn9rFmdq6P9r/EFHUlmO8VMMFCSNMJ4RvHg8WdG8YKTvuYFdlFY71f6UIdUunuHP4niNLXIoYrUJm55okZk0IwEnnLD6poq1bYRhbnNCb0HVWltLHjGTD0U5y5vKSNWm17Gwg4+ooejvFRkwShaOdkYnhkak05Np1GISP5Q0vL+fDZM5oVxggV84hVLLB+AwuncdUY9SaMr43hn1USeGDoTRUGJ6sQxR289cqw+xH5DQf4xTGIbV41AeaAshfkrV3I1r8jHJRbZsB9RUrP5TmHDfs6QynUVfnJc6zdvuEAWtzSWG8SyQs35zNM9W3yu7nVyb+oPfrDG+IE1ciuI0F5jB/lEg+S0d4mJxKn7wLnWSE307s5kN/BRC7GZxh9AXS2s+O/D1lohQ8E7zAPHdEt+Y73slgAAAABJRU5ErkJggg==);
}

.wbc .secondaryContents .medal .ttl-aside span .date,
.wbc .secondaryContents .medal .ttl-aside a .date {
  font-weight: normal;
}

/*
## オリンピック記事用スタイル：タイマー
*/
.wbc .primaryContents .timer {
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
}

.wbc .primaryContents .timer .timer-japan {
  color: #fff;
}

.wbc .primaryContents .timer-japan {
  position: relative;
  width: 100%;
  background: #0f305b;
  height: 120px;
}

.wbc .primaryContents .timer-japan .title {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 30px;
  margin: auto 0;
  font-size: 16px;
  font-weight: bold;
  height: 24px;
}

.wbc .primaryContents .timer .timer-japan {
  width: calc(100% - 229px);
}

.wbc .primaryContents .timer .timer-japan .title {
  position: absolute;
  top: 15px;
  bottom: auto;
}

.wbc .primaryContents .timer .timer-japan .frame {
  top: 40px;
  left: 30px;
}

.wbc .primaryContents .timer-japan .title .strong {
  font-size: 24px;
  padding: 0 5px;
  letter-spacing: 0.1em;
}

.wbc .primaryContents .timer-japan .frame {
  position: absolute;
  right: 30px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 400px;
  height: 63px;
}

.wbc .primaryContents .timer-japan .unit {
  position: absolute;
  font-size: 16px;
  font-weight: bold;
}

.wbc .primaryContents .timer-japan .unit:nth-of-type(1) {
  left: 0;
  bottom: 14px;
}

.wbc .primaryContents .timer-japan .unit:nth-of-type(3) {
  left: 112px;
  bottom: 14px;
}

.wbc .primaryContents .timer-japan .day {
  position: absolute;
  left: 40px;
  bottom: 0;
  display: block;
  width: 63px;
  height: 63px;
  line-height: 63px;
  text-align: center;
  border: 1px solid #0095d9;
  font-size: 44px;
  font-family: "Roboto", sans-serif;
}

.wbc .primaryContents .timer-japan .time {
  position: absolute;
  display: block;
  width: 233px;
  height: 63px;
  left: 145px;
  bottom: 0;
  border: 1px solid #0095d9;
  display: flex;
  justify-content: space-between;
}

.wbc .primaryContents .timer-japan .time span {
  display: block;
  width: 70px;
  height: 63px;
  line-height: 63px;
  font-size: 44px;
  font-family: "Roboto", sans-serif;
  text-align: center;
  position: relative;
}

.wbc .primaryContents .timer-japan .time span:nth-of-type(1)::before,
.wbc .primaryContents .timer-japan .time span:nth-of-type(1)::after,
.wbc .primaryContents .timer-japan .time span:nth-of-type(2)::before,
.wbc .primaryContents .timer-japan .time span:nth-of-type(2)::after {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: -8px;
  display: block;
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background: #d0e9f6;
}

.wbc .primaryContents .timer-japan .time span:nth-of-type(1)::before,
.wbc .primaryContents .timer-japan .time span:nth-of-type(2)::before {
  top: 13px;
}

.wbc .primaryContents .timer-japan .time span:nth-of-type(1)::after,
.wbc .primaryContents .timer-japan .time span:nth-of-type(2)::after {
  bottom: 13px;
}

.wbc .primaryContents .timer-local {
  background: #0f305b;
  height: 120px;
  position: relative;
  width: 229px;
  border-left: solid 1px #fff;
}

.wbc .primaryContents .timer-local .label {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  height: 20px;
  left: 17px;
  line-height: 20px;
  position: absolute;
  text-align: center;
  top: 22px;
  width: 80px;
}

.wbc .primaryContents .timer-local .place {
  background: #052667;
  color: #fff;
  font-size: 12px;
  height: 20px;
  left: 97px;
  line-height: 20px;
  position: absolute;
  text-align: center;
  top: 22px;
  width: 110px;
}

.wbc .primaryContents .timer-local .frame {
  position: absolute;
  width: 200px;
  height: 43px;
  left: 25px;
  bottom: 23px;
}

.wbc .primaryContents .timer-local .frame::before {
  position: absolute;
  width: 65px;
  height: 43px;
  left: 0;
  top: 0;
  display: block;
  content: "";
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAAArCAYAAAAnmOV5AAAAAXNSR0IArs4c6QAAAwJJREFUaEPtmstPE1EUxj/+GZdNiIlhy9aFkfiIuvCRGBYiJLrRGI0YEE3UjSbFpFggQUMCwagFLQ0xyEMU24JCIbGFQEvf0JlOmb6mrblNxszGVc+dzGS8+zn3+37nzMy999ymWq1WA9HIbIXhvtaD1FoQxWyOKCr/ME2UEFS50e+/kAqE4Onq4++AYAYuEJiuSlmBEApjpPUyyod5Aqn8QnCB4OsfRXjBj9/vP/NTThiZFMJBcAfOo2cBus8ModV/hyKFkD8QERidgtc+iuxuTBcDFJOQQtAKEsNxOJtPoVIqU+jkGoMbhHwmixXHGL49HYRSKHE10WhwLhBcV+8h5JpFWS40qk+X50khsMXSq+bT1v4wVssKcok0Ply6g9jymi5ZpJiEtBK0gko5GdNdffW1gtE/jtwgyPsZjJ/oRDoQQrVSoUgYtxikEFjGw3NeLD5ygO0fzDJIIQg7UQzYTgJk+1J9MJJCUCVP33iMhDeAxMqmPi4anIULBKapqlQQnJyF+3oviqKxzxa4QMjF08gfCBhuudBgjvR5nBRCQZTw5e4LbM98hRRJ6OOAYBZSCFIsheGW8yhJh/XXwSyDFIJqOjD2CdJuHHMP7KbgwAWC6pyd4fYfOQ45sW9oGFwgbE54IG7vWbMS2OZp6Ng5lCQZVUUxdPa14kgrQd4XMN9tx5ZnEblo0poQVNe5eArSXhKvW6+YAgRpJWgd/10xdvSgmD00NAwuEGZuPUN06ScS/g1Dm1fFkUIQd6Jw2NqsfbymFIqILPgx3/MScV/AFFXARJJWgta1FE3i7Zmb9cZszUonS1oIrAnr7nxovTNGtkBi2+ip9m5E5n3WfB3+N2Q1eX938Ta23YtQ8hbsQGnrX05nsOqcwNKTQVSKFuxFMhjs7zBgazN844X8F1kQslh/Mwm/Y7x+Vccsg3SdkN4IYYgdrlr5poqa+eXnI9hbWkXQNWuKYiCtBK1j1pITtiLWvb0W+7EO9mq4O3qtVwnibgwf2+/XO9EFQTIFACbyD/ieC45ug59YAAAAAElFTkSuQmCC) no-repeat center center;
}

.wbc .primaryContents .timer-local .frame .day {
  display: block;
  position: absolute;
  top: 0;
  height: 14px;
  line-height: 14px;
  left: 74px;
  width: 120px;
  font-family: "Roboto", sans-serif;
  color: #fff;
  font-size: 13px;
}

.wbc .primaryContents .timer-local .frame .time {
  display: block;
  position: absolute;
  bottom: 0;
  height: 25px;
  left: 74px;
  width: 110px;
  display: flex;
  justify-content: space-between;
}

.wbc .primaryContents .timer-local .frame .time span {
  display: block;
  width: 33px;
  height: 25px;
  line-height: 25px;
  font-size: 24px;
  text-align: center;
  color: #fff;
  position: relative;
}

.wbc .primaryContents .timer-local .frame .time span:nth-of-type(1)::before,
.wbc .primaryContents .timer-local .frame .time span:nth-of-type(1)::after,
.wbc .primaryContents .timer-local .frame .time span:nth-of-type(2)::before,
.wbc .primaryContents .timer-local .frame .time span:nth-of-type(2)::after {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: -4px;
  display: block;
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 2px;
  background: #fff;
}

.wbc .primaryContents .timer-local .frame .time span:nth-of-type(1)::before,
.wbc .primaryContents .timer-local .frame .time span:nth-of-type(2)::before {
  top: 10px;
}

.wbc .primaryContents .timer-local .frame .time span:nth-of-type(1)::after,
.wbc .primaryContents .timer-local .frame .time span:nth-of-type(2)::after {
  bottom: 10px;
}

.wbc .primaryContents .timer-during {
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
}

.wbc .primaryContents .timer-during .timer-japan .frame::before,
.wbc .primaryContents .timer-during .timer-local .frame::before {
  position: absolute;
  width: 72px;
  height: 47px;
  left: 50px;
  top: 42px;
  display: block;
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
}

.wbc .primaryContents .timer-during .timer-japan .frame::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAAAvCAYAAABAHIylAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzNGRTcxODMzMURDMTFFNkFBRThBNTRFODdGNzRFMUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzNGRTcxODQzMURDMTFFNkFBRThBNTRFODdGNzRFMUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3M0ZFNzE4MTMxREMxMUU2QUFFOEE1NEU4N0Y3NEUxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3M0ZFNzE4MjMxREMxMUU2QUFFOEE1NEU4N0Y3NEUxRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpBHmsAAAALWSURBVHja7Js9aFNRFMfPS+JLY15iiEn9itoidAhmiGAJVUEcLIIfm9ChLoodXYJbO+gmLk6i6KAdBDc/QOoggiKhgkEqGQrSqvWrjSEmD9PEpM/7f2kFtUhJc29yyz1wpuT+/8mP+3Ee5z6NiHSWfpZulhqpQFgsyywLABLK5XJPdF3fbFmWAoRZomlWpVL5EgwGD7kwcwDH6/WGFZp/wu0AMDVzllljdSaaQ6H4fyhACpACpAApQG0crhaeo5R/8YbmHqXo+3iGSlOfqZLN2x/poQB5urfQht4ohY8kKNC3G9Vba4pGlpFisZg2DCMkhEu1RjM3HtD05Tv04+3HFY1Zv2sbdSUHKHLmGGkupxAwpmlmfT5fXCigwqtJmhi8QGZmuqHxRrSLYqMj5N/TIwyQsD3o0+gYpRJnG4Zj/2g2FhrQWlOb9MzNhzRx6iJZP6urX6JMA1rQXBOAck/TlBm61HRdaEJbakA1s1SfObWF5m/2TBPa8JAW0BQ7qeY/zHLThzY8pARUK5Xp3ZW73JcAPOAlHaC5+8+pmje5A4LH7L1n8gHKjo0LO4q/PX4pH6BCelIYIJ5e3ADNv/8qDBBPL26AFsoVYYB4enED5HDr4h4HOHpxA9SxY5MwQDy9uAHyx3uEAeLpxQ1QqL9XGKCNh/fKByh8fD+5AgZ3OPDoPHFAPkBOj5t2njvJHRA84CXlw2p3coA6tnfy25yZNjykfZp3Gh6K3R4mzdl8G2hCGx7SAkIED8Ypeu1803WhCW3uNZaIUyZy+mh9Jq1bfZcJGtCCppAiVNRRvHWwnxKp63ZnotHAWGhAS1iVTgID7Zq+17coejVp97pWGvguxmCsiJbPHzOWBDcOf0ebd1aX+mKtaz2zPxzYF7OznUNdXlCAFCAFSAFSgOQGZOHqvULxdxViM7FQB5XxXkK9dlM37pfgLDIpA4h622eZOp8W3/b5JcAAQ6EAAFUxFlkAAAAASUVORK5CYII=);
}

.wbc .primaryContents .timer-during .timer-local .frame::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAAArCAYAAAAnmOV5AAAAAXNSR0IArs4c6QAAAwJJREFUaEPtmstPE1EUxj/+GZdNiIlhy9aFkfiIuvCRGBYiJLrRGI0YEE3UjSbFpFggQUMCwagFLQ0xyEMU24JCIbGFQEvf0JlOmb6mrblNxszGVc+dzGS8+zn3+37nzMy999ymWq1WA9HIbIXhvtaD1FoQxWyOKCr/ME2UEFS50e+/kAqE4Onq4++AYAYuEJiuSlmBEApjpPUyyod5Aqn8QnCB4OsfRXjBj9/vP/NTThiZFMJBcAfOo2cBus8ModV/hyKFkD8QERidgtc+iuxuTBcDFJOQQtAKEsNxOJtPoVIqU+jkGoMbhHwmixXHGL49HYRSKHE10WhwLhBcV+8h5JpFWS40qk+X50khsMXSq+bT1v4wVssKcok0Ply6g9jymi5ZpJiEtBK0gko5GdNdffW1gtE/jtwgyPsZjJ/oRDoQQrVSoUgYtxikEFjGw3NeLD5ygO0fzDJIIQg7UQzYTgJk+1J9MJJCUCVP33iMhDeAxMqmPi4anIULBKapqlQQnJyF+3oviqKxzxa4QMjF08gfCBhuudBgjvR5nBRCQZTw5e4LbM98hRRJ6OOAYBZSCFIsheGW8yhJh/XXwSyDFIJqOjD2CdJuHHMP7KbgwAWC6pyd4fYfOQ45sW9oGFwgbE54IG7vWbMS2OZp6Ng5lCQZVUUxdPa14kgrQd4XMN9tx5ZnEblo0poQVNe5eArSXhKvW6+YAgRpJWgd/10xdvSgmD00NAwuEGZuPUN06ScS/g1Dm1fFkUIQd6Jw2NqsfbymFIqILPgx3/MScV/AFFXARJJWgta1FE3i7Zmb9cZszUonS1oIrAnr7nxovTNGtkBi2+ip9m5E5n3WfB3+N2Q1eX938Ta23YtQ8hbsQGnrX05nsOqcwNKTQVSKFuxFMhjs7zBgazN844X8F1kQslh/Mwm/Y7x+Vccsg3SdkN4IYYgdrlr5poqa+eXnI9hbWkXQNWuKYiCtBK1j1pITtiLWvb0W+7EO9mq4O3qtVwnibgwf2+/XO9EFQTIFACbyD/ieC45ug59YAAAAAElFTkSuQmCC);
}

.wbc .primaryContents .timer-during .timer-japan,
.wbc .primaryContents .timer-during .timer-local {
  width: 335px;
  border: 1px solid #539cce;
}

.wbc .primaryContents .timer-during .timer-japan {
  background: #fff;
  border: 1px solid #ddd;
}

.wbc .primaryContents .timer-during .timer-local {
  background: #006cb6;
  border: 1px solid #006cb6;
}

.wbc .primaryContents .timer-during .timer-japan .label,
.wbc .primaryContents .timer-during .timer-local .label {
  position: absolute;
  width: 100%;
  height: 40px;
  line-height: 40px;
  left: 0;
  top: 0;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
}

.wbc .primaryContents .timer-during .timer-japan .label::before,
.wbc .primaryContents .timer-during .timer-japan .label::after,
.wbc .primaryContents .timer-during .timer-local .label::before,
.wbc .primaryContents .timer-during .timer-local .label::after {
  display: block;
  content: "";
  height: 1px;
  background: #f00;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.wbc .primaryContents .timer-during .timer-japan .label::before,
.wbc .primaryContents .timer-during .timer-japan .label::after {
  width: 84px;
  background: #b8003b;
}

.wbc .primaryContents .timer-during .timer-local .label::before,
.wbc .primaryContents .timer-during .timer-local .label::after {
  width: 108px;
  background: #fff;
}

.wbc .primaryContents .timer-during .timer-japan .label::before,
.wbc .primaryContents .timer-during .timer-local .label::before {
  left: 20px;
}

.wbc .primaryContents .timer-during .timer-japan .label::after,
.wbc .primaryContents .timer-during .timer-local .label::after {
  right: 20px;
}

.wbc .primaryContents .timer-during .timer-japan .place,
.wbc .primaryContents .timer-during .timer-local .place {
  background: none;
  bottom: 4px;
  color: #000;
  font-size: 12px;
  font-weight: bold;
  height: 25px;
  left: 35px;
  line-height: 25px;
  position: absolute;
  text-align: center;
  top: inherit;
  width: 105px;
}

.wbc .primaryContents .timer-during .timer-local .place {
  color: #fff;
}

.wbc .primaryContents .timer-during .timer-japan .frame,
.wbc .primaryContents .timer-during .timer-local .frame {
  bottom: 0;
  height: 118px;
  left: 0;
  position: relative;
  width: 100%;
}

.wbc .primaryContents .timer-during .timer-japan .frame .day,
.wbc .primaryContents .timer-during .timer-local .frame .day {
  border: none;
  color: #000;
  display: block;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  height: 24px;
  left: 145px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  top: 41px;
  width: 170px;
}

.wbc .primaryContents .timer-during .timer-local .frame .day {
  color: #fff;
}

.wbc .primaryContents .timer-during .timer-japan .frame .time,
.wbc .primaryContents .timer-during .timer-local .frame .time {
  -webkit-justify-content: space-between;
  border: none;
  bottom: 15px;
  display: -webkit-flex;
  display: block;
  display: flex;
  height: 35px;
  justify-content: space-between;
  left: 145px;
  position: absolute;
  width: 135px;
}

.wbc .primaryContents .timer-during .timer-japan .frame .time span,
.wbc .primaryContents .timer-during .timer-local .frame .time span {
  font-family: "Roboto", sans-serif;
  font-size: 36px;
  font-weight: normal;
  height: 35px;
  line-height: 35px;
  width: 35px;
}

.wbc .primaryContents .timer-during .timer-japan .frame .time span:nth-of-type(1)::before,
.wbc .primaryContents .timer-during .timer-japan .frame .time span:nth-of-type(1)::after,
.wbc .primaryContents .timer-during .timer-japan .frame .time span:nth-of-type(2)::before,
.wbc .primaryContents .timer-during .timer-japan .frame .time span:nth-of-type(2)::after,
.wbc .primaryContents .timer-during .timer-local .frame .time span:nth-of-type(1)::before,
.wbc .primaryContents .timer-during .timer-local .frame .time span:nth-of-type(1)::after,
.wbc .primaryContents .timer-during .timer-local .frame .time span:nth-of-type(2)::before,
.wbc .primaryContents .timer-during .timer-local .frame .time span:nth-of-type(2)::after {
  background: #000;
  border-radius: 2px;
  bottom: 0;
  content: "";
  display: block;
  height: 3px;
  margin: auto;
  position: absolute;
  right: -12px;
  top: 0;
  width: 3px;
}

.wbc .primaryContents .timer-during .timer-local .frame .time span:nth-of-type(1)::before,
.wbc .primaryContents .timer-during .timer-local .frame .time span:nth-of-type(1)::after,
.wbc .primaryContents .timer-during .timer-local .frame .time span:nth-of-type(2)::before,
.wbc .primaryContents .timer-during .timer-local .frame .time span:nth-of-type(2)::after {
  background: #fff;
}

.wbc .primaryContents .timer-during .timer-japan .frame .time span:nth-of-type(1)::before,
.wbc .primaryContents .timer-during .timer-japan .frame .time span:nth-of-type(2)::before,
.wbc .primaryContents .timer-during .timer-local .frame .time span:nth-of-type(1)::before,
.wbc .primaryContents .timer-during .timer-local .frame .time span:nth-of-type(2)::before {
  top: 18px;
}

.wbc .primaryContents .timer-during .timer-japan .frame .time span:nth-of-type(1)::after,
.wbc .primaryContents .timer-during .timer-japan .frame .time span:nth-of-type(2)::after,
.wbc .primaryContents .timer-during .timer-local .frame .time span:nth-of-type(1)::after,
.wbc .primaryContents .timer-during .timer-local .frame .time span:nth-of-type(2)::after {
  bottom: 10px;
}

/*
## オリンピック記事用スタイル：注目選手
*/
.wbc .otherPhoto.attention .figureLists > li a {
  height: 182px;
  padding-top: 140px;
  text-align: center;
}

.wbc .otherPhoto.attention .figureLists > li a .thumb {
  height: 132px;
}

/*
## オリンピック記事用スタイル：写真記事
*/
/* 
.wbc .specialContents {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-bottom: -60px;
} */
/*
.wbc .specialContents-inner {
  position: relative;
  width: 1280px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
*/
.wbc .specialContents-inner .ttl-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 1000px;
  height: 60px;
  padding: 0 0 0 120px;
  margin: auto;
}

.wbc .specialContents-inner .ttl-wrapper::before {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  content: "";
  width: 60px;
  height: 60px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAIAAAC1nk4lAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N0M2Qjg5MTQyQzE5MTFFOEFDMjFDQ0RCQTBCNTg0MkEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUIwQ0FDRjgyQzVCMTFFOEFDMjFDQ0RCQTBCNTg0MkEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3QzZCODkxMjJDMTkxMUU4QUMyMUNDREJBMEI1ODQyQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3QzZCODkxMzJDMTkxMUU4QUMyMUNDREJBMEI1ODQyQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pn5YLPAAAAZSSURBVHja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) no-repeat center center;
}

.wbc .specialContents-inner .ttl-wrapper .ttl {
  line-height: 60px;
  padding: 0 0 0 20px;
  font-size: 23px;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
}

.wbc .specialContents-inner .ttl-wrapper .date {
  position: absolute;
  left: 60px;
  top: 0;
  width: 60px;
  height: 60px;
  line-height: 45px;
  font-family: "Roboto", sans-serif;
  font-size: 28px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background: rgba(131, 16, 13, 0.6);
}

.wbc .specialContents-inner .ttl-wrapper .date span {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 10px;
  line-height: 14px;
  font-size: 12px;
  font-weight: normal;
  opacity: 1;
}

/*
.wbc .specialContents-inner .text {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  width: 1000px;
  height: 35px;
  line-height: 35px;
  padding: 0 20px;
  font-size: 14px;
  background: rgba(255, 255, 255, .6);
}

.wbc .dateLists-wrapper {
  position: relative;
  width: 100%;
  height: 100px;
  padding-top: 20px;
}

.wbc .dateLists {
  margin: 0 auto;
  width: 1000px;
  display: -webkit-flex;
  display: flex;
}

.wbc .dateLists li {
  width: calc(100% / 17);
  height: 57px;
  text-align: center;
}

.wbc .dateLists li > a,
.wbc .dateLists li > span {
  border-top: 1px solid #d1d1d1;
  border-right: 1px solid #d1d1d1;
  border-bottom: 1px solid #d1d1d1;
  position: relative;
  display: block;
  width: 100%;
  height: 57px;
  line-height: 42px;
  font-family: "Roboto", sans-serif;
  font-size: 24px;
  text-decoration: none;
}

.wbc .dateLists li > a {
  cursor: pointer;
}
*/
.wbc .dateLists li > span {
  cursor: default;
}

.wbc .dateLists li:first-child > a,
.wbc .dateLists li:first-child > span {
  border-left: 1px solid #d1d1d1;
}

.wbc .dateLists li > a:not(.current):hover {
  background: #f3f3f3;
}

.wbc .dateLists li > a:not(.current).sat,
.wbc .dateLists li > span:not(.current).sat {
  color: #47a3d1;
}

.wbc .dateLists li > a:not(.current).sun,
.wbc .dateLists li > a:not(.current).holiday,
.wbc .dateLists li > span:not(.current).sun,
.wbc .dateLists li > span:not(.current).holiday {
  color: #ff4775;
}

.wbc .dateLists li > a.current,
.wbc .dateLists li > span.current {
  color: #fff;
  background: #c22828;
}

.wbc .dateLists li > a .day,
.wbc .dateLists li > span .day {
  position: absolute;
  display: block;
  width: 100%;
  height: 14px;
  left: 0;
  bottom: 8px;
  line-height: 14px;
  font-size: 12px;
}

.wbc .dateLists li > span:not(.current) span {
  opacity: 0.15;
}

.wbc .ledeNews-wrapper {
  padding: 0 370px 0 0;
}

.wbc .ledeNews-wrapper .ledeNews {
  left: auto;
  right: 0;
}

.wbc .ttl-section .date {
  font-weight: normal;
}

/*--------------------
  W杯対応
-----------------------*/
/*写真種カレンダー*/
/*
.wbc .dateLists-wrapper{
  width: 1000px;
  margin: auto;
  overflow-x: scroll;
}

.wbc .dateLists-wrapper .dateLists {
  display: table;
}

.wbc .dateLists li {
  display: table-cell;
  width: 57px;
}

.wbc .dateLists li > a,
.wbc .dateLists li > span {
  width: 57px;
}
*/
/*左カラム固定コンテンツ*/
.fixedContents {
  position: absolute;
  bottom: 0;
}

.fixedContents.is-fixed {
  position: fixed;
}

.fixedContents.leftSide {
  left: 0;
}

.fixedContents .innerContents {
  width: 180px;
  z-index: 10;
  transition-property: opacity;
  transition-duration: 0.3s;
  opacity: 0;
}

.fixedContents .innerContents.active {
  opacity: 1;
  transition: all 0.3s;
}

.fixedContents .innerContents.large {
  width: 300px;
  height: 300px;
}

.fixedContents .innerContents a {
  background: #fff;
  display: block;
  font-size: 12px;
  line-height: 1.5;
  height: 200px;
  overflow: hidden;
  padding: 127px 7px 7px 7px;
  position: relative;
  text-decoration: none;
  border: solid 1px #ccc;
}

.fixedContents .innerContents.large a {
  height: 290px;
  padding-top: 227px;
}

.fixedContents .innerContents a .thumb {
  height: 120px;
  left: 0;
  position: absolute;
  top: 0;
  width: 180px;
  border-bottom: solid 4px #fff100;
}

.fixedContents .innerContents.large a .thumb {
  width: 300px;
  height: 220px;
}

/*速報*/
.wbc .live-reload {
  position: fixed;
  z-index: 10;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
  padding: 0 10px;
  font-size: 12px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
}

.wbc .live-reload {
  left: 50%;
  right: auto;
  margin-left: -350px;
  width: 380px;
  padding: 0 20px;
  box-sizing: border-box;
  border-radius: 6px 6px 0 0;
}

.wbc .live-reload .sns-list li {
  display: inline-block;
  margin: 0 17px 0 0;
  width: 40px;
  height: 40px;
}

.wbc .live-reload .sns-list li a {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.wbc .live-reload .sns-list li:last-child {
  margin-right: 0;
}

.wbc .live-reload .sns-list li .icn-twi {
  background-color: #55acee;
  position: relative;
}

.wbc .live-reload .sns-list li .icn-twi::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: url("../img/img-tw.svg") no-repeat left;
  background-size: cover;
  height: 18px;
  margin-left: 10px;
}

.wbc .live-reload .sns-list li .icn-fb {
  background-color: #3b5998;
  position: relative;
}

.wbc .live-reload .sns-list li .icn-fb::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: url(../img/img-fb.svg) no-repeat left;
  background-size: cover;
  height: 26px;
  margin-left: 15px;
}

.wbc .live-reload .reload {
  display: flex;
  align-items: center;
}

.wbc .live-reload .reload input {
  display: none;
}

.wbc .live-reload .reload .lever {
  text-align: center;
}

.wbc .live-reload .reload label {
  position: relative;
  display: block;
  overflow: hidden;
  cursor: pointer;
  width: 140px;
  height: 30px;
  border-radius: 200em;
  background-color: #aaa;
  transition: background-color 0.3s;
}

.wbc .live-reload .reload label::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 20em;
  border: 2px solid #aaa;
  transition: border-color 0.3s;
}

.wbc .live-reload .reload label span {
  position: relative;
  left: 0;
  width: 26px;
  height: 26px;
  display: block;
  margin: 2px;
  background-color: #fff;
  border-radius: 50%;
  transition: left 0.3s;
}

.wbc .live-reload .reload label span::before,
.wbc .live-reload .reload label span::after {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  line-height: 28px;
  width: 108px;
  font-size: 14px;
}

.wbc .live-reload .reload label span::before {
  content: "自動更新 ON";
  right: 100%;
}

.wbc .live-reload .reload label span::after {
  content: "自動更新 OFF";
  left: 100%;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
.wbc .live-reload .reload .btn-reload {
  position: relative;
  width: 40px;
  height: 40px;
  cursor: pointer;
  margin-left: 10px;
  border-radius: 50%;
  background-color: #0bc;
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.1) 0, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent 100%);
  background-size: 4px 4px;
  border: 2px solid #0bc;
  outline: none;
  transition: 0.3s;
}

.wbc .live-reload .reload .btn-reload::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: url("../img/icn-reload.svg") no-repeat center center;
  background-size: 40px 40px;
  border-radius: 50%;
}

.wbc .live-reload .reload .btn-reload.is-animating::after {
  animation: rotate 0.6s;
}

.wbc .live-reload .reload input:checked ~ .lever label {
  background-color: #0bc;
}

.wbc .live-reload .reload input:checked ~ .lever label::after {
  border-color: #0bc;
}

.wbc .live-reload .reload input:checked ~ .lever label span {
  left: 110px;
}

.wbc .live-reload .reload input:checked ~ .btn-reload,
.wbc .live-reload .reload .btn-reload:disabled {
  pointer-events: none;
  background-color: #999;
  opacity: 0.3;
  border-color: #999;
}

.wbc .leagueTable-list a {
  display: block;
  width: 100%;
}

.wbc .leagueTable-list a:hover {
  text-decoration: none;
  background: #ededed;
}

.wbc .leagueTable-list a:hover td:first-child,
.wbc .leagueTable-list a:hover td:last-child {
  background: #dfdfdf;
}

.wbc .leagueTable-list li {
  margin-top: 15px;
}

.wbc .leagueTable-list li .date {
  font-family: "Roboto", sans-serif;
  font-size: 17px;
  font-weight: bold;
  margin-right: 10px;
  color: #000;
}

.wbc .leagueTable {
  width: 100%;
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
}

.wbc .leagueTable td {
  font-size: 16px;
  text-align: center;
  vertical-align: middle;
}

.wbc .leagueTable td:first-child,
.wbc .leagueTable td:last-child {
  width: 240px;
  height: 80px;
  background-color: #f2f2f2;
  font-weight: bold;
}

.wbc .leagueTable td:nth-child(2) {
  font-family: "Roboto", sans-serif;
}

.wbc .leagueTable td:nth-child(2) .score {
  font-weight: bold;
  font-size: 1.8rem;
}

.wbc .leagueTable td:first-child img {
  float: left;
  margin-left: 20px;
}

.wbc .leagueTable td:last-child img {
  float: right;
  margin-right: 20px;
}

.wbc .leagueTable .country span {
  line-height: 46px;
}

#leftAd div.active:nth-child(3) {
  display: none;
}

/* サッカーＷ杯カタール大会：共同パーツ用修正CSS */
.kyd_wc2022_widgetTitle h3 {
  background: #0f305b !important;
}

.kyd_wc2022_navi li.kyd_wc2022_active::after,
.kyd_wc2022_widgetTitle h3:after {
  border-top: 10px solid #0f305b !important;
}

.kyd_wc2022_navi li.kyd_wc2022_active a {
  background: #0f305b !important;
}

.kyd_wc2022_matchBox .kyd_wc2022_matchDate p {
  background: #0f305b !important;
}

.kyd_wc2022_matchBox .kyd_wc2022_matchDate {
  background-color: #0095d9 !important;
}

.kyd_wc2022_red-stripes:after {
  background: none !important;
}

.kyd_wc2022_league_wrap .kyd_wc2022_league_title-bar .kyd_wc2022_league-group {
  background: #0f305b !important;
}

.kyd_wc2022_league_wrap .kyd_wc2022_league_title-bar .kyd_wc2022_league-detail {
  background: #0095d9 !important;
}

.kyd_wc2022_league_wrap .kyd_wc2022_league-detail span:after, .kyd_wc2022_ranking-detail span:after {
  border-left: 7px solid #0095d9 !important;
}

.kyd_wc2022_ranking_wrap .kyd_wc2022_ranking_title-bar .kyd_wc2022_ranking-group {
  background: #0f305b !important;
}

.kyd_wc2022_ranking_wrap .kyd_wc2022_ranking_title-bar .kyd_wc2022_ranking-detail {
  background: #0095d9 !important;
}