@charset "UTF-8";
/* Normalize CSS */
html {line-height: 1.15;-webkit-text-size-adjust: 100%;}body {margin: 0;}main {display: block;}h1 {font-size: 2em;margin: 0.67em 0;}hr {box-sizing: content-box;height: 0;overflow: visible;}pre {font-family: monospace, monospace;font-size: 1em;}a {background-color: transparent;}abbr[title] {border-bottom: none;text-decoration: underline;text-decoration: underline dotted;}b, strong {font-weight: bolder;}code, kbd, samp {font-family: monospace, monospace;font-size: 1em;}small {font-size: 80%;}sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}sub {bottom: -0.25em;}sup {top: -0.5em;}img {border-style: none;}button, input, optgroup, select, textarea {font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0;}button, input {overflow: visible;}button, select {text-transform: none;}button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button;}button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}fieldset {padding: 0.35em 0.75em 0.625em;}legend {box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}progress {vertical-align: baseline;}textarea {overflow: auto;}[type="checkbox"], [type="radio"] {box-sizing: border-box;padding: 0;}[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;}[type="search"] {-webkit-appearance: textfield;outline-offset: -2px;}[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}detailss {display: block;}summary {display: list-item;}template {display: none;}[hidden] {display: none;}

/* Common */
/**{box-sizing: border-box;}*/
body	{position: relative; width: 100%; height: 100%; margin: 0; padding: 0; color: #ffffff; background-color: #000000; font-family: 'M PLUS 1p', "メイリオ", Meiryo,"HiraKakuPro-W3","ヒラギノ角ゴ Pro W3","Helvetica Neue", Helvetica, "Arial", "ＭＳ Ｐゴシック",sans-serif; font-size: 3.5vw; line-height: 1.8;}

.clearfix:before, .clearfix:after, .dir-top main:before, .dir-top main:after { content: " "; display: table;}
.clearfix:after, .dir-top main:after { clear: both;}
.clearfix, .dir-top main {*zoom:1;}
article {padding-bottom: 50px;}
em	{font-style: normal;}
img	{ max-width: 100%; height: auto; vertical-align: top;}
a img	{ border: none;}
a:hover img	{opacity:0.7;filter: alpha(opacity=70);}
a	{text-decoration: none}
a:hover	{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.reset, .reset > li, .reset > dt, .reset > dd {margin: 0; padding: 0; list-style-type: none;}
.flex-box{display: flex}
.graph canvas{max-width: 100%;}

input[type="range"]{-webkit-appearance:none;appearance:none;cursor:pointer;outline:none;height:14px;width:100%;background:transparent}
input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;background:#53aeff;width:24px;height:24px;border-radius:50%;}
input[type="range"]::-moz-range-thumb{background:#53aeff;width:24px;height:24px;border-radius:50%;;border:none}
input[type="range"]::-moz-focus-outer{border:0}

header{position: fixed; width: 100%; margin-bottom: 10px/*20px*/; background-color: rgba(0,0,0,1.00); border-bottom: 1px solid rgba(0,0,0,1.00); z-index: 100;}
header > .flex-box{width: 100%; height: 40px;}
header h1.reset{ width: 173px; height: 26px; margin: 7px 0 0 10px; background: transparent url("../img/splite-all.png") no-repeat 0 -166PX; background-size: 500px; text-indent: -999em;}
header h1.reset a{ display: block; height: 26px;}
header nav.league-category{ margin-left: auto; /*padding-left: 20px;*/}
header nav.league-category ul{display: table;}
header nav.league-category ul li{display: table-cell; width: 36px;/*width: 40px;*/ border-left: 1px dotted #000000; vertical-align: top;}
header nav.league-category ul li a{display: block; width: 36px; height: 40px; line-height: 40px; background-color: rgba(255,255,255,0.25); text-align: left; overflow: hidden; text-indent: -999em;}
.league-category-menu-open header nav.league-category.cloned ul li{width: 147px}
.league-category-menu-open header nav.league-category.cloned ul li a{width: 147px; color: #eeeeee; font-family: 'Rajdhani', sans-serif; font-size: 1.25em; font-weight: 700; text-indent: 0;}
header nav.league-category ul li.info a{background-color: transparent}
header nav.league-category ul li a:before{display: block; content: ""; width: 28px; height: 30px; margin: 5px 4px; background-image: url("../img/splite-all.png"); background-repeat: no-repeat; vertical-align: middle; text-indent: 0;}
.league-category-menu-open header nav.league-category.cloned ul li a:before{display: inline-block; margin-right: 8px; vertical-align: -15px;}
header nav.league-category ul li.j1 a:before{background-position: 0px -35px; background-size: 493px;}
header nav.league-category ul li.j2 a:before{background-position: -30px -35px; background-size: 493px;}
header nav.league-category ul li.j3 a:before{background-position: -60px -35px; background-size: 493px;}
header nav.league-category ul li.info a:before{background-position: -218px -56px; background-size: 350px;}
header nav.league-category ul li.premier a:before{background-position: -354px -62px; background-size: 493px;}
header nav.league-category ul li.liga a:before{background-position: -388px -62px; background-size: 493px;}
header nav.league-category ul li.seriea a:before{background-position: -423px -62px; background-size: 493px;}
header nav.league-category ul li.bundesliga a:before{background-position: -457px -62px; background-size: 493px;}
header nav.league-category ul li.league1 a:before{background-position: -354px -96px; background-size: 493px;}
header .field .button-toggle{position: absolute; top: 0; right: 0; width: 36px; height: 40px; padding: 0; color: #fff; background-color: transparent; border: none; outline: none; text-indent: -999em; box-sizing: border-box;}
header .field .button-toggle:before {display: block; content: ""; position: relative; width: 36px; height: 20px; line-height: 15px; margin-top: 20px; background: transparent url("../img/icon-arrow-down.png") no-repeat center center; background-size: 10px;-webkit-transition: all 0.25s;-moz-transition: all 0.25s;-ms-transition: all 0.25s;-o-transition: all 0.25s;transition: all 0.25s; z-index: 1;}
.league-category-menu-open header .field .button-toggle:before {transform: rotate(-180deg);}
header .field .button-toggle:after {display: block; content: ""; position: absolute; top: 20px; left: 0; width: 100%; height: 20px; background-color: #222222;}
header .field {height: 40px; overflow-x: scroll; overflow-y: hidden;}
header .field > .flex-box:after {display: inline-block; content: ""; width: 36px; height: 40px;}
.league-category-menu-open header .field nav.league-category.cloned{position: absolute; top: 40px; right: 0;height: max-content; background-color: #000000; z-index: 10;}
/*header nav.league-category.cloned{opacity: 0; -webkit-transition: all 0.25s;-moz-transition: all 0.25s;-ms-transition: all 0.25s;-o-transition: all 0.25s;transition: all 0.25s;}
.league-category-menu-open header nav.league-category.cloned{opacity: 1}*/
.league-category-menu-open header nav.league-category.cloned{display: none;}
.league-category-menu-open header nav.league-category.cloned ul{display: block;}
.league-category-menu-open header nav.league-category.cloned ul li{display: block; ;border-left: none;}
.league-category-menu-open header nav.league-category.cloned ul li{border-top: 1px dotted #000000;}
.league-category-menu-open header nav.league-category.cloned ul li.info{display: none;}


.global-nav	{ background-color: #e5e5e5/*#e5e5e5*/; border-top: 1px solid rgba(255,255,255,0.35); box-sizing: border-box; z-index: 10;}
/*.global-nav	{width: 100%; overflow: scroll;}
.global-nav ul	{white-space: nowrap; font-size: 0; text-align: center;}
.global-nav ul > li	{display: inline-block; vertical-align: top; font-size: 3.5vw;}*/
.global-nav > ul	{display: flex; align-items: center; position: relative; padding: 5px 0 5px 26px; }
.global-nav > ul > li	{width: 100%; font-size: 3.5vw;}
.global-nav > ul > li > a{display: block; height: 14px; line-height: 14px; padding: 0 10px; color: #808080/*#808080*/; border-left: 1px dotted #000000; font-family: 'Rajdhani', sans-serif; font-size: 1.25em; font-weight: 700; line-height: 3.5vw; text-align: center;}
.global-nav > ul > li:first-child a	{border-left: none;}
.dir-top .global-nav > ul > li.nav-top > a, .dir-rating .global-nav > ul > li.nav-rating > a, .dir-live .global-nav > ul > li.nav-live > a, .dir-club .global-nav > ul > li.nav-club > a, .dir-rating .global-nav > ul > li.rating-rank.nav-top > a, .page-info .global-nav > ul > li.nav-info > a	{color: #e3007b;}
.global-nav > ul > li > a em{ display: inline-block; position: relative; top: -1px; margin-left: 0.5em; padding: 0.35em 0.25em 0.15em; color: #ffffff; background-color: #e3007b; font-size: 0.5em; line-height: 1; vertical-align: 2px;}

.global-nav > ul > li:first-child	{position: absolute; top: 0; left: 0; width: 26px; height: 26px; overflow: hidden;}
.global-nav > ul > li button	{display: block; position: absolute; top: 0; left: 0; width: 26px; height: 26px; line-height: 100px; padding: 0; background: transparent; border: none; outline: none; box-sizing: border-box; cursor: pointer; overflow: hidden;}
.global-nav > ul > li button:before	{display: block; content: ""; width: 18px; height: 18px; margin: 2px 0 0 3px; background: url("../img/splite-all.png") no-repeat -98px -2px; background-size: 333px;}
.global-nav > ul > li button + ul	{display: none;}
.global-nav > ul > li.open	{overflow: visible;}
.global-nav > ul > li.open button + ul	{display: block; position: absolute; top: 24px; left: 0; width: calc(38vw); /*background-color: #f30;*/}
.global-nav > ul > li.open button + ul li a	{ display: block; position: relative; padding: 15px 0 15px 30px; color: #808080; background-color: #e5e5e5; border-top: 1px dotted #000000; font-family: 'Rajdhani', sans-serif; font-size: 1.25em; font-weight: 700; line-height: 1.0; text-align: center;}
.global-nav > ul > li.open button + ul li a:before{display: block; content: ""; position: absolute;  margin-top: -10px; background-image: url("../img/splite-all.png"); background-repeat: no-repeat; background-color: transparent; background-size: 333px;}
.global-nav > ul > li.open button + ul li.snav-ranking > a:before{top: 50%; left: 10px; width: 24px; height: 19px; background-position: 0 -2px;}
.global-nav > ul > li.open button + ul li.snav-live > a:before{top: 50%; left: 10px; width: 24px; height: 18px; background-position: -24px -2px;}
.global-nav > ul > li.open button + ul li.snav-club > a:before{top: 50%; left: 10px; width: 24px; height: 19px; background-position: -48px -2px;}
.global-nav > ul > li.open button + ul li.snav-search > a:before{top: 50%; left: 10px; width: 24px; height: 19px; background-position: -52px -57px;}
.global-nav > ul > li.open button + ul li.snav-signup > a:before{top: 50%; left: 10px; width: 24px; height: 18px; background-position: -72px -2px;}
.global-nav > ul > li.open button + ul li.snav-login > a:before{top: 50%; left: 10px; width: 23px; height: 19px; background-position: -76px -57px;}
.global-nav > ul > li.open button + ul li.snav-info > a:before{top: 50%; left: 10px; width: 24px; height: 19px; background-position: -181px -57px;}


/*.global-nav ul.flex-box > li:first-child a:before	{background: transparent url("../img/splite-all.png") no-repeat 0px 0px; background-size: 250px;}
.global-nav ul.flex-box > li:nth-of-type(2) a:before	{background: transparent url("../img/splite-all.png") no-repeat -18px 0px; background-size: 250px;}
.global-nav ul.flex-box > li:nth-of-type(3) a:before	{background: transparent url("../img/splite-all.png") no-repeat -36px 0px; background-size: 250px;}*/
/*.global-nav ul li button + ul	{display: none; position: absolute; bottom: -70px; right: 0; width: 100%; background-color: #333333; opacity: 0; z-index: 20;}
.global-nav ul li.open button + ul	{display: block; bottom: 0; padding-bottom: 70px; opacity: 100;}
.global-nav ul li button + ul li a	{display: block; padding: 10px; color: #ffffff; border-bottom: 1px solid rgba(255,255,255,0.25); text-align: left;}*/
/*.global-nav ul.flex-box > li:last-child a	{overflow: hidden;}
.global-nav ul.flex-box > li:last-child button	{display: block; position: relative;width: calc(100% - 10px); height: 50px; padding: 0; color: #ffffff; background-color: #333333; border: none; outline: none; box-sizing: border-box; appearance: none; z-index: 21;}
.global-nav ul.flex-box > li > a:before, .global-nav ul.flex-box > li:last-child button:before	{display: block; content: ""; width: 36px; height: 36px; margin: 0 auto; }
.global-nav ul.flex-box > li:first-child a:before	{background: transparent url("../img/splite-all.png") no-repeat 0px 0px; background-size: 500px;}
.global-nav ul.flex-box > li:nth-of-type(2) a:before	{background: transparent url("../img/splite-all.png") no-repeat -36px 0px; background-size: 500px;}
.global-nav ul.flex-box > li:nth-of-type(3) a:before	{background: transparent url("../img/splite-all.png") no-repeat -72px 0px; background-size: 500px;}
.global-nav ul.flex-box > li:nth-of-type(4) a:before	{background: transparent url("../img/splite-all.png") no-repeat -108px 0px; background-size: 500px;}
.global-nav ul.flex-box > li:last-child button:before	{background: transparent url("../img/splite-all.png") no-repeat -144px 0px; background-size: 500px;}
.global-nav ul.flex-box > li:last-child.open button:before	{background: transparent url("../img/sample/global-nav-close.png") no-repeat center center;}*/


nav.contents-list{ margin: 0 0 15px;/*margin: 0 0 20px;*/ /*padding-left: 20px;*/  background-color: #e5e5e5; overflow: scroll;}
nav.contents-list.middle{ padding-left: 0;}
nav.contents-list ul{ display: flex; align-items: center; width: max-content; padding: 5px 0; background-color: #e5e5e5; }
nav.contents-list ul, .page-preview nav.contents-list ul, .page-matchcenter nav.contents-list ul, .page-report nav.contents-list ul, .page-report nav.contents-list ul, .dir-player nav.contents-list.middle ul{ width: 100%; justify-content: center;}
.page-preview nav.contents-list ul li, .page-matchcenter nav.contents-list ul li, .page-report nav.contents-list ul li, .dir-player nav.contents-list.middle ul li{ /*width: 100%;*/ text-align: center;}
nav.contents-list ul li a, nav.contents-list ul li b{ display: block; padding: 2px 10px 0; color: #808080; border-left: 1px dotted #000000; font-family: 'Rajdhani', sans-serif; font-size: 1.25em; font-weight: 700; line-height: 3.0vw; box-sizing: border-box;}
nav.contents-list ul li.nav-toto a, nav.contents-list ul li.nav-toto b{ font-size: 3.25vw; font-weight: 700;}
nav.contents-list ul li:first-child a, nav.contents-list ul li:first-child b{ border-left: none;}
/*.dir-live.page-club-data nav.contents-list, .dir-live.page-summary nav.contents-list, .dir-live.page-matchcenter.page-preview nav.contents-list, .dir-live.page-matchcenter.lineup nav.contents-list, .dir-live.page-matchcenter.match nav.contents-list, .dir-live.page-report nav.contents-list{margin-top: 15px;}*/
.dir-top nav.contents-list ul li.nav-top a,
.dir-live.page-toto nav.contents-list ul li.nav-toto a,
.dir-live.page-preview nav.contents-list ul li.nav-preview a,
.dir-rating.page-rating-rank nav.contents-list ul li.nav-rating-rank a,
.dir-rating.page-power-rank nav.contents-list ul li.nav-power-rank a,
.dir-rating.page-review-rank nav.contents-list ul li.nav-review-rank a,
.dir-rating.page-info nav.contents-list ul li.nav-info a,
.dir-live.page-club-data nav.contents-list ul li.nav-club-data a,
.dir-live.page-summary nav.contents-list ul li.nav-summary a,
.dir-live.page-matchcenter nav.contents-list ul li.nav-matchcenter a,
.dir-live.page-report nav.contents-list ul li.nav-report a,
.dir-player nav.contents-list.upper ul li.nav-player a,
.dir-club nav.contents-list.upper ul li.nav-club a,
.dir-player nav.contents-list.middle ul li.active b,
.dir-cart.page-top nav.contents-list ul li.nav-report a{ color: #e3007b;}

nav.club-list{margin-bottom: 15px;/*margin-bottom: 20px;*/ padding: 0 20px; background: transparent url("../img/loading.gif") no-repeat center center; text-align: left; position: relative;}
nav.club-list .swiper{height: calc(52px + 1.7em); padding-right: 1px; opacity: 0; overflow: hidden;}
nav.club-list .swiper-slide{ text-align: center; border-left: 1px dashed #ffffff; box-sizing: border-box;}
/*nav.club-list .swiper-slide:nth-of-type(5n), */nav.club-list .swiper-slide:last-child{border-right: 1px dashed #ffffff; }
/*nav.club-list .swiper-slide:nth-of-type(6n){border-left: none; }*/
nav.club-list .swiper-slide a{color: #ffffff;}
nav.club-list .swiper-slide span.emb{border: 1px solid #ffffff; border-radius: 25px; transform: scale(0.85,0.85)}
nav.club-list .swiper-slide p{/*width: 3.5em;*/ margin: 0 auto; padding: 0; text-align: center; /*text-align-last: justify; text-justify: inter-ideograph;*/}
.swiper-button-next, .swiper-button-prev {width: 20px !important; overflow: hidden;}
.swiper-button-next:before {display: block; content: "▲"; color: #c7c7c7; transform: rotate(90deg) scale(1 , 0.5)}
.swiper-button-prev:before {display: block; content: "▲"; color: #c7c7c7; transform: rotate(-90deg) scale(1 , 0.5)}
.swiper-button-next:after, .swiper-button-prev:after {display:none;}
.swiper-button-next {right: -13px !important}
.swiper-button-prev {left: -13px !important}



.item-live.slider	{position: relative; padding: 10px 0;/*padding: 20px 0;*/ background-color: #333333; background: #333333 url("../img/loading-item-live.gif") no-repeat center center; /*border-top: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa;*/}
header + main > .item-live.slider	{margin-top: -10px;}
.dir-top .players-rating + .item-live.slider	{margin-top: 20px;}
.dir-top header + main > .item-live.slider	{margin-bottom: 10px;}
.dir-live .item-live.slider	{padding-left: 30px;}
.item-live.slider .swiper{height: 54px; opacity: 0;}
.swiper-wrapper	{width: max-content;}
.item-live .back-index{position: absolute; top: 10px; left: 0; width: 30px; height: 54px;}
body:not(.dir-live) .item-live .back-index{display: none;}
.item-live .back-index a{display: block; height: 54px; color: #808080; background-color: #e5e5e5; overflow: hidden;}
.item-live .back-index a:before{display: block; content: ""; width: 30px; height: 54px; background: transparent url("../img/icon-double-arrow-left.png") no-repeat center center; background-size: 14px;}
.item-live.slider .swiper-slide	{position: relative; width: 135px !important;}
.item-live.slider .swiper-slide:last-child	{margin-right: 20px;}
.item-live.slider .swiper-slide a	{display: block; color: #ffffff; margin-left: 15px;}
.item-live.slider .swiper-slide a > p	{position: absolute; top: 19px; right: 29px; width: 30px; height: 20px;line-height: 20px; margin: 0; padding: 0; color: #ffffff; background-color: rgba(227,0,123,0.75); /*font-family: 'Rajdhani', sans-serif;*/ font-size: 10px; font-weight: bold;text-align: center; z-index: 1;}
.item-live.slider .swiper-slide a > p:after	{display: block; content: ""; position: absolute; top: 0; right: -5px; width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 5px; border-color: transparent transparent transparent rgba(227,0,123,0.75); z-index: 1;}
.item-live.slider .swiper-slide a > p span	{display: block; position: absolute; top: 0; left: 0; width: 32px; z-index: 2;}
.item-live.slider .swiper-slide .flex-box	{position: relative; height: 26px; margin-top: 2px; margin-right: 15px; background-color: #808080; border: 1px solid #636363; align-items: center; justify-content: space-between; box-sizing: border-box;}
.item-live.slider .swiper-slide a > .flex-box:first-child	{margin-top: 0;}
.item-live.slider .swiper-slide .flex-box di	{width: 30px;}
.item-live.slider .swiper-slide .flex-box p	{flex-grow: 2; font-size: 0.75em;}
.item-live.slider .swiper-slide .flex-box strong	{display: block; position: absolute; right: -15px; top: -1px; width: 30px; height: 26px; line-height: 26px; color: #000000; background: transparent url("../img/bg-live-score.png") no-repeat center center; background-size: contain; font-family: 'Rajdhani', sans-serif; font-size: 1.25em; text-align: center;}
.item-live.slider + p.reset	{margin-top: 15px;/*margin-top: 20px;*/}
.item-send{margin-top: 20px; text-align: center;}



.players-rating, .dir-top .item-power-rank{padding: 0 20px;}
.list-rating{margin-top: 10px;}
.list-rating ol li{position: relative; margin: 0 0 30px; background: rgb(0,101,88); background: linear-gradient(90deg, rgba(0,101,88,1) 0%, rgba(0,0,0,1) 100%); z-index: 0;}
.dir-club .list-rating ol li{margin-bottom: 15px;}
.dir-club .trend-player .list-rating ol li{margin-bottom: 0;}
.dir-top .players-rating .list-rating ol li:first-child:after, body:not(.dir-top) .list-rating ol:first-child li:first-child:after{display: block; content: ""; position: absolute; bottom: -20px; left: 50%; width: 0; height: 0; margin-left: -12px; border-style: solid; border-width:  12px 12px 0 12px; border-color: #f6d300 transparent transparent transparent;}
.dir-club.page-top .data-area + .trend-player{margin-top: 15px;}
.dir-club.page-top .data-area + .trend-player a{color: #ffffff;}
body.dir-club .list-rating ol:first-child li:first-child:after{display: none;}
.list-rating ol li:not(:first-child), .dir-top section:not(.players-rating) .list-rating ol li, .list-rating ol:not(:first-child) li:first-child{height: 70px; margin: 15px 0;/*margin: 20px 0;*/}
.dir-top section:not(.players-rating) .list-rating ol li{margin-top: 0;}
.list-rating ol li:before, .item-rater ol li:before{display: block; content: ""; position: absolute; left: -20px; top: 0; width: 40px; height: 72px; z-index: 2;}
.list-rating ol li .graph{position: absolute; width: calc(100% + 20px); height: 40%; bottom: -9px; left: -10px; padding-bottom: 9px;}
.trend-player .list-rating ol li .graph{bottom: -1px;}
.list-rating ol li .rank{position: absolute; top: calc(50% - 18px);; left: -20px; width: 36px; height: 38px; line-height: 34px; background-color: transparent; background-image: url("../img/splite-all.png"); background-repeat: no-repeat; font-family: futura-pt-condensed, sans-serif; font-weight: 800; font-style: italic; font-size: 1.5em; text-align: center; text-indent: -15%; letter-spacing: -1px; z-index: 2;}
.dir-top .players-rating .list-rating ol li:first-child .rank, body:not(.dir-top) .list-rating ol:first-child li:first-child .rank{top: 0; width: 77px; height: 81px; line-height: 81px; font-size: 5.0em; text-indent: -35%;}
.list-rating ol li .rank.up{background-position: -123px 0; background-size: 333px;}
.list-rating ol li .rank.keep{background-position: -160px 0; background-size: 333px;}
.list-rating ol li .rank.down{background-position: -197px 0; background-size: 333px;}
.dir-top .players-rating .list-rating ol li:first-child .rank.up, body:not(.dir-top) .list-rating ol:first-child li:first-child .rank.up{background-position: -277px 0; background-size: 750px;}
.dir-top .players-rating .list-rating ol li:first-child .rank.keep, body:not(.dir-top) .list-rating ol:first-child li:first-child .rank.keep{background-position: -361px 0; background-size: 750px;}
.dir-top .players-rating .list-rating ol li:first-child .rank.down, body:not(.dir-top) .list-rating ol:first-child li:first-child .rank.down{background-position: -445px 0; background-size: 750px;}

.list-rating ol li .rank:after{display: block; content: ""; position: absolute; top: 20px; left: 22px; width: 14px; height: 18px; background-color: transparent; background-image: url("../img/splite-all.png"); background-repeat: no-repeat;z-index: 2;}
.dir-top .players-rating .list-rating ol li:first-child .rank:after, body:not(.dir-top) .list-rating ol:first-child li:first-child .rank:after{top: 40px; left: 44px; width: 28px; height: 36px; background-size: 1000px;}
.list-rating ol li .rank.up:after{background-position: -353px 0; background-size: 500px;}
.list-rating ol li .rank.keep:after{background-position: -353px -18px; background-size: 500px;}
.list-rating ol li .rank.down:after{background-position: -353px -36px; background-size: 500px;}
.dir-top .players-rating .list-rating ol li:first-child .rank.up:after, body:not(.dir-top) .list-rating ol:first-child li:first-child .rank.up:after{background-position: -706px 0; background-size: 1000px;}
.dir-top .players-rating .list-rating ol li:first-child .rank.keep:after, body:not(.dir-top) .list-rating ol:first-child li:first-child .rank.keep:after{background-position: -706px -35px; background-size: 1000px;}
.dir-top .players-rating .list-rating ol li:first-child .rank.down:after, body:not(.dir-top) .list-rating ol:first-child li:first-child .rank.down:after{background-position: -706px -73px; background-size: 1000px;}
.list-rating ol li em{position: absolute; top: 10px; right: 10px; width: 77px; height: 89px; line-height: 89px; color: #f6d300; background: transparent url("../img/splite-all.png") no-repeat -558px 0; background-size: 750px; font-family: futura-pt-condensed, sans-serif; font-weight: 800; font-size: 3.5em; text-align: center;  z-index: 2;}


.list-rating ol li > .flex-box{width: 100% ;border: 1px solid #ffffff; border-radius: 3px; box-sizing: border-box;}
.list-rating ol li:not(:first-child) > .flex-box, .dir-top section:not(.players-rating) .list-rating ol li:first-child > .flex-box, .list-rating ol:not(:first-child) li:first-child > .flex-box{position: absolute; top: 0; left: 0;}
.dir-club .list-rating ol li > .flex-box{border: 2px solid #ffffff;}
.list-rating ol li:not(:first-child) .photo,  .dir-top section:not(.players-rating) .list-rating ol li:first-child .photo, .list-rating ol:not(:first-child) li:first-child .photo{position: relative; width: 70px; height: 70px; border: 1px solid #ffffff; z-index: 1;}
.dir-top .players-rating .list-rating ol li:first-child .photo, .dir-club .list-rating ol li:first-child .photo, .dir-rating .list-rating ol li:first-child .photo{position: relative;}
.dir-top .players-rating .list-rating ol li:first-child .photo img{vertical-align: top;}
.list-rating ol li .profile{width: 80%; border-right: 1px solid #ffffff;}
.dir-club .list-rating ol li .profile{width: 81%; border-right: 2px solid #ffffff;}
.list-rating ol li:not(:first-child) .profile, .dir-top section:not(.players-rating) .list-rating ol li .profile, .list-rating ol:not(:first-child) li:first-child .profile {width: calc(80% - 70px); margin-left: 71px;}
.dir-club .list-rating ol li:first-child .profile{display: flex; align-items: center;}
.list-rating ol li .profile .club, .dir-player .profile-field .club{background-color: #595959; justify-content: space-between;}
.list-rating ol li .profile .club b, .dir-player .profile-field .club b{ width: 55%; padding-left: 5px; border-bottom: 1px solid #e3007b; font-size: 0.65em;}
.dir-player .profile-field .club b{ width: 65%;}
.list-rating ol li .profile .club span, .dir-player .profile-field .club span{ width: 45%; padding: 0.5em 5px 0 0; border-bottom: 1px solid #20a8e2; font-family: 'Rajdhani', sans-serif;  font-size: 0.5em; text-align: right;}
.dir-player .profile-field .club span{ width: 35%;}
.list-rating ol li .profile .name, .dir-player .profile-field .name{ position: relative; padding: 6px 30px 0 6px; line-height: 1.4;}
.dir-club .list-rating ol li .name{position: relative; width: 100%; padding: 0 0 0 4px;}
.list-rating ol li .profile .name span, .dir-player .profile-field .name span{ display: block; margin-top: 0.25em; font-family: 'Rajdhani', sans-serif; font-size: 0.75em;}
.dir-club .list-rating ol li .profile .name span + p, .dir-player .profile-field .name p, .members-field ul li .name p:not(.num){position: absolute; top: 50%/*5px*/; right: 12px/*2px*/; width: 20px; height: 20px; margin: -6px 0 0; padding: 0; transform: scale(1.5)}
.dir-club .list-rating ol li .profile .name span + p{right: 5px; margin-top: -12px;}
.members-field ul li .name p:not(.num){right: calc(19% + 1px); margin-top: -10px; transform: scale(1)}
.list-rating ol li .point{width: 20%; line-height: 1; font-family: futura-pt-condensed, sans-serif; box-sizing: content-box;}
.dir-club .list-rating ol li .point{width: 19%;}
.list-rating ol li .point p{width: 100%; height: 34px; line-height: 34px; margin: 0; padding: 0; text-align: center;}
.list-rating ol li .point p:first-child{height: 35px; border-bottom: 1px solid #ffffff;}
.dir-club .list-rating ol li .point p:first-child{border-bottom: 2px solid #ffffff;}
.list-rating ol li .point p b{color: #f6d300; font-weight: 700;}
.list-rating ol li .point p b:before{display: inline-block; content: ""; margin-right: 5px; vertical-align: middle;}
.list-rating ol li .point .view b:before{width: 18px; height: 18px; background: transparent url("../img/splite-all.png") no-repeat 0px -36px; background-size: 225px;}
.list-rating ol li .point .rating b{font-size: 1.75em; font-weight: 800;}
.list-rating ol li .point .rating b:before{width: 18px; height: 18px; background: transparent url("../img/splite-all.png") no-repeat -18px -36px; background-size: 225px; vertical-align: -1px;}

/* LIVE */

.match-schedule{padding: 0 0 10px 10px; background: transparent url("../img/loading.gif") no-repeat center 1px; /*padding: 10px 0 10px 10px; background-color: #333333;*/ line-height: 1.0;}
.match-schedule .swiper{height: 50px; opacity: 0;}
.match-schedule .swiper-slide a, .match-schedule .swiper-slide > div{display: block; height: 50px; color: #999999; border: 2px solid #999999;  font-family: 'Rajdhani', sans-serif; box-sizing: border-box;}
.match-schedule .swiper-slide a:hover, .match-schedule .swiper-slide.active a{color: #f6d300; border-color:  #f6d300;}
.match-schedule .swiper-slide{width: 50px; margin-right: 10px; text-align: center;}
.match-schedule .swiper-slide .field{position: relative;}
.match-schedule .swiper-slide .field em{display: block; position: absolute; top: 1px; left: 0; width: 14px; height: 14px; color: #333333; font-size: 0.85em;}
.match-schedule .swiper-slide .field em:before{display: block; content: "";  position: absolute; top: -5px; left: 0; width: 0; height: 0; border-style: solid; border-width: 26px 30px 0 0; border-color: #999999 transparent transparent transparent; z-index: -1; }
.match-schedule .swiper-slide a:hover .field em:before, .match-schedule .swiper-slide.active .field em:before{border-color: #f6d300 transparent transparent transparent; z-index: -1; }
.match-schedule .swiper-slide .field span{display: block; position: absolute; top: 1px; right: 1px; width: 20px; height: 20px; font-size: 0.85em;}
.match-schedule .swiper-slide .field p{margin: 0; padding:15px 0 0; font-size: 30px; text-align: center;}

.live-list table{width: 100%; border-spacing: 3px; }
.live-list table.live-table{position: relative; /*margin-top: 5px;*/ border-top: 1px solid #ffffff;}
.live-list table.live-table:before{display: block; content: ""; position: absolute; top: 0; left: 0; width: 1px; height: 58px; background-color: #ffffff;}
.live-list table.live-table:after{display: block; content: ""; position: absolute; top: 0; right: 0; width: 1px; height: 58px; background-color: #ffffff;}
.live-list table.live-table th, .live-list table.live-table td{padding: 0; text-align: center; line-height: 1.0; box-sizing: border-box;}
.live-list table thead th, .live-list table thead td{/*border-spacing: 5px;*/ font-size: 0.75em; line-height: 1.2;}
.live-list table th.club{width: 80px; height: 26px; white-space: nowrap;}
.live-list table thead th, .live-list table thead td{width: 26px; color: #cccccc; background-color: #404040; border: 1px solid #ffffff; text-align: center}

.live-list table.live-table >tbody > tr > td{position: relative; padding: 0; background: rgb(158,158,153); background: linear-gradient(90deg, rgba(158,158,153,0) 0%, rgba(104,96,0,1) 100%);}
.live-list table.live-table >tbody > tr > td:before{display: block; content: ""; position: absolute; top: 0; left: -3px; width: 2px; height: 100%; background-color: #f6d300;}
.live-list table.live-table >tbody > tr > td:after{display: block; content: ""; position: absolute; top: 0; right: -3px; width: 2px; height: 100%; background-color: #f6d300;}

.live-list table td table{position: relative; width: calc(100% + 6px); margin: -3px 0 0 -3px; box-sizing: content-box;}
.live-list table td table:before{display: block; content: ""; position: absolute; top: 5px; right: 0px; width: 5px; height: calc(100% - 5px); background-color: rgba(104,96,0,1);}
.live-list table td table td{width: 26px; height: 26px; border: 1px solid #f6d300;}
.live-list table td table th.club{position: relative; padding: 0;}
.live-list table td table tr.home th.club{position: relative;}
.live-list table td table tr.home th.club p{position: absolute; top: 24px; left: calc(50% - 7.5px);/*left: 54px;*/ width: 43px; height: 13px; line-height: 13px; margin: 0; padding: 0; color: #333333; background-color: /*#f6d300*/ #ffffff; border-radius: 10px; font-size: 0.65em; text-align: center; z-index: 2}
/*.live-list table td table tr.home th.club:after{display: block; content: "VS"; position: absolute; top: 22px; left: 43px;  width: 13px; height: 13px; line-height: 13px; color: #333333; background-color: #f6d300; border-radius: 10px; font-size: 0.65em; text-align: center; z-index: 2}*/
.live-list table td table th.club div{display: block; width: 28px; height: 28px; line-height: 28px; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.35); vertical-align: top;}
.live-list table td table th.club div span{display: block; width: 100%; height: 100%;}
.live-list table td table th.club em{display: inline-block; margin-left: 28px; font-size: 0.85em;}
/*.live-list table tbody td .graph canvas{border: 1px solid #ff3300;}*/
.live-list table td.trend{width: 60px !important;}
.live-list table td.trend canvas{height: 59px !important;}
.live-list table td table td.trend *{max-width: 100% !important; vertical-align: top;}
.live-list table td table td.trend .graph{background-color: rgba(0,0,0,1.00);}
.live-list table tr.home td.eval{position: relative; border-bottom: 2px solid #e3007b;}
.live-list table tr.away td.eval{position: relative; border-bottom: 2px solid #20a8e2;}
.live-list table td.point{color: #333333; background-color: #fde795 !important; font-family: 'Rajdhani', sans-serif; }
.live-list table tr td.point em{display: inline-block; border-bottom-width: 2px; border-bottom-style: solid;}
/*.live-list table tr.home td.point em{display: inline-block; border-bottom: 2px solid #e3007b;}
.live-list table tr.away td.point em{display: inline-block; border-bottom: 2px solid #20a8e2;}*/
.live-list table td table td.player{border: none;}
.live-list table td.player{width: auto; max-width: 0;}
.live-list table td.player .flex-box{position: relative; align-items: center;}
.live-list table td.player .photo{position: relative; width: 28px; height: 28px; margin-right: 5px; border-radius: 14px; overflow: hidden; z-index: 1;}
/*.live-list table td.player .photo:after{display: none; content: ""; width: 28px; height: 28px; position: absolute; top: 0; left: 0;}*/
/*.live-list table tr.home td.player .photo:after{background: transparent url("../img/live/semi-circle-home.png") no-repeat left top; background-size: cover;}
.live-list table tr.away td.player .photo:after{background: transparent url("../img/live/semi-circle-away.png") no-repeat left top; background-size: cover;}*/
/*.live-list table tr.home td.player .photo:after{width: 14px; height: 28px; border-width: 2px; border-style: solid; border-radius: 14px 0 0 14px; border-right: 0; ;box-sizing: border-box;}
.live-list table tr.away td.player .photo:after{width: 14px; height: 28px; border-width: 2px; border-style: solid; border-radius: 14px 0 0 14px; border-right: 0; ;box-sizing: border-box;}*/
.live-list table td.player b{position: relative; width: 2.0em; padding-right: 3px; color: #f6d300; text-align: right; box-sizing: border-box;z-index: 1;}
.live-list table td.player p{position: relative; width: calc(100% - 35px - 2.5em);  flex-grow: 2;font-size: 0.8em; z-index: 1; white-space: nowrap; overflow: hidden; text-align: left; text-overflow: ellipsis;}
.live-list table tr td.player .flex-box:after{display: block; content: ""; position: absolute; top: 0; right: 0; width: calc(100% - 13px); height: 2px; z-index: 2;}
/*.live-list table tr.home td.player .flex-box:after{background-color: #e3007b;}*/
.live-list table tr.away td.player .flex-box:after{top: auto; bottom: 0;/* background-color: #20a8e2;*/}
.live-list table tr td.player .flex-box:before{display: block; content: ""; position: absolute; top: 0; right: 0; width: calc(100% - 14px); height: 100%; background-color: rgba(0,0,0,0.25); z-index: 0;}

/*Phase 1*/
.live-list table{padding-left: 3px;}
.live-list table th.club, .live-list table td.club{width: 30%/*36%*/;}
.live-list thead tr{width: calc(100% + 10px); }
.live-list table.live-table > tbody > tr > td{position: relative; left: -3px;}
.live-list table.live-table > tbody > tr > td:after{right: -6px;}
.live-list table td table tr.home th.club:after{left: calc(50% + 3px);}
.live-list table td table:before{top: 3px; height: calc(100% - 3px);}
.live-list table tbody td.trend{position: relative; border: none; box-sizing: border-box; overflow: hidden;}
.live-list table tbody td.trend:after{display: block; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0.5px solid #000; box-sizing: border-box;}
.live-list table tbody td.score{ background-color: #000000 !important; font-family: 'Rajdhani', sans-serif; font-size: 1.25em; font-weight: 700;}
.live-list table thead td.xg{position: relative;}
.live-list table thead td.xg .note{/*position: absolute; top: 5px; left: 0; width: 100%; height: 100%;*/ margin: 0; padding: 0; text-align: center;}
.live-list table thead td.xg .note:after{display: inline-block; content: "?"; width: 13px; height: 13px; line-height: 14px; margin: 0.5em auto 0; color: #000000; background-color: rgba(246,211,0,1); font-family: 'Rajdhani', sans-serif; font-size: 1.25em; font-weight: 700; box-sizing: border-box; vertical-align: bottom;}
.live-list table thead td.xg .note a{position: absolute; top: 0; right: 0;bottom: 0;left: 0; width: 100%; height: 100%;}

.dir-live.toto .live-list.toto{padding-left: 20px;}
.live-list.toto table.live-table:before, .live-list.toto table.live-table:after{height: 62px}
.live-list.toto a{display: block; color: #ffffff;}
.live-list.toto table{padding: 0 1px; border-spacing: 3px;}
.live-list.toto table th, .live-list.toto table td{box-sizing: border-box;}
.live-list.toto table thead td{font-size: 0.75em;}
.live-list.toto table thead td.writer{font-size: 0.85em;}
.live-list.toto table .gs{color: #ffffff; background: rgb(246,211,0); background: linear-gradient(0deg, rgba(246,211,0,1) 0%, rgba(0,0,0,1) 50%, rgba(246,211,0,1) 100%); border: 2px solid rgba(246,211,0,1);}
.live-list.toto table thead tr td:nth-child(n+4), .live-list.toto table td table tbody tr td:nth-child(n+4){width: 25px;}
.live-list.toto table thead tr td:nth-child(2), .live-list.toto table td table tbody tr th:nth-child(2):not(.club), .live-list.toto table td table tbody tr th.club + th.club {width: 18px;}
.live-list.toto table.live-table > tbody > tr > td{position: relative; left: 0; border: none; height: 100%; background: none; vertical-align: top;}
.live-list.toto table.live-table > tbody > tr > td:before, .live-list.toto table.live-table > tbody > tr > td:after{display: none;}
/*.live-list.toto table.live-table > tbody > tr > td:after{ top: auto; bottom: -2px; left: -2px; width: calc(100% + 4px); height: 2px; background-color: #707070;}*/
.live-list.toto table tbody tr.pickup td .field{position: relative}
.live-list.toto table tbody tr.pickup td .field:after{display: block; content: ""; position: absolute; top: 0; left: -29px; width: calc(100% + 38px); height: calc(100%); border-radius: 4px; z-index: -1;}
.live-list.toto table tbody tr.bet-01 td .field:after{background: rgb(246,211,0); background: linear-gradient(90deg, rgba(246,211,0,1) 0%, rgba(246,211,0,0) 49%, rgba(246,211,0,1) 100%);}
.live-list.toto table tbody tr.bet-02 td .field:after{background: rgb(255,255,255);background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 49%, rgba(255,255,255,1) 100%);}
.live-list.toto table tbody tr.bet-03 td .field:after{background: rgb(154,98,41);background: linear-gradient(90deg, rgba(154,98,41,1) 0%, rgba(154,98,41,0) 49%, rgba(122,92,50,1) 100%);}
.live-list.toto table tbody tr.pickup td button{display: block; content: ""; position: absolute; top: 0; left: -27px; width: 21px; height: 59px; padding: 0; color: #000000; background-color: transparent; border: none; font-size: 0.85em; font-weight: bold;outline: none;}
.live-list.toto table tbody tr.pickup td button + p{display: none; position: relative; margin: 4px 0 9px; padding: 5px; color: #333333; background-color: #ffffff; border-radius: 4px;  text-align: left;}
.live-list.toto table tbody tr.pickup td button.comment + p{display: block;}
.live-list.toto table tbody tr.pickup td button + p:before{display: block; content: ""; position: absolute; top: -10px; left: 10px; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 0px; border-color: transparent transparent #ffffff transparent;}

.live-list.toto table td table{width: calc(100% + 8px); /*margin: 10px 0 0; padding-bottom: 9px;*/ box-sizing: border-box; transform: translate(-1px); vertical-align: top;}
.live-list.toto table td table:before{display: none; overflow: hidden;}
.live-list.toto table td.last-games, .betting .data table td.last-games{width: 5.0em; font-size: 0.75em; text-align: center;}
.dir-live.page-toto .live-list.toto table td.last-games, .betting .data table td.last-games{width: 10em;}
.live-list.toto table td table tbody tr > th.club{position: relative}
.live-list.toto table td table tbody tr > th.club:first-child:before, .live-list.toto table td table tr > td:last-child:after{display: block; content: ""; position: absolute; top: 0; left: -4px; width: 2px; height: 56px; background-color: #f6d300;}
.live-list.toto table td table tbody tr > td:nth-of-type(n+3), .live-list.toto table td table tbody tr > .last-games + td{color: #ffffff !important;}
.live-list.toto table td table tbody tr > td:last-child:after{left: auto; top: -2px; right: -6px; height: 52px;}
.live-list.toto table td table tbody tr.away > th.club:before{top: auto; bottom: 0;}
.live-list.toto table td table tbody tr.away > td:last-child:after{top: auto; bottom: -2px;}
.live-list.toto table td table td{position: relative; left: 0; border: none;}
.live-list.toto table td table tbody tr th:nth-of-type(2){font-family: 'Rajdhani', sans-serif; font-weight: 800;}
.live-list.toto table td table tbody tr td:nth-child(n+4){background-color: #000000; border: 2px solid #fde795; font-family: 'Rajdhani', sans-serif; font-size: 1.15em;/*font-size: 0.75em;*/ font-weight: 800; font-weight: bold;}
.live-list.toto table td table tbody tr td:nth-of-type(3), .live-list.toto table td table tbody tr td:nth-of-type(4), .live-list.toto table td table tbody tr td:last-child{border-color: #f6d300;}
.live-list.toto table td table tbody tr td.hit{border-color: #e83323; vertical-align: top; line-height: 1.4;}
.live-list.toto table td table tbody tr.away td.hit{vertical-align: bottom; line-height: 1.0;}
.live-list.toto table td table tbody tr.away td.hit:before{display: block; content: "的中"; position: absolute; top: -11px; left: -2px; width: calc(100% + 4px); height: 18px; line-height: 20px; background-color: #e83323; font-size: 0.60em;}
.live-list.toto table td table tbody tr.home td:nth-child(n+5):before{display: block; content: ""; position: absolute; bottom: -3px; left: -2px; width: calc(100% + 4px); height: 1px; background-color: #fde795;}
.live-list.toto table td table tbody tr.home td:nth-of-type(4):before, .live-list.toto table td table tbody tr.home td:last-child:before{background-color: #f6d300;}
.live-list.toto table th.club{width: auto/*36%*/; height: 28px;}
.live-list.toto table td table tbody tr th.club *{font-size: 0.75em; vertical-align: middle;}
.live-list.toto table td table tbody tr th.club b{display: inline-block; margin: 0 0 0 2px; padding: 1px 2px 0; color: #333333; background-color: #f6d300; border-radius: 2px; font-family: 'Rajdhani', sans-serif; font-size: 0.75em; font-weight: normal; line-height: 1.0; vertical-align: 2px;}
.live-list.toto table td table tbody tr th.club b +  span{margin: 0 0 0 -1px; transform: scale(0.70)}





.icon-group{vertical-align: middle;}
.icon-group .tiny-icon:not(:nth-of-type(1)){margin-left: 0.25em;}
.dir-live.page-toto .icon-group .tiny-icon:not(:nth-of-type(1)){margin-left: 0.5em;}
.tiny-icon{display: inline-block; width: 1.75vw; padding: 1px 0 0px; color: #ffffff; font-family: 'Rajdhani', sans-serif; font-weight: normal; border-radius: 2px; font-size: 0.85em;}
.dir-live.page-toto .tiny-icon{width: /*1.75vw*/3.5vw; padding: 2px 0 1px;font-size: 1.15em;}
.tiny-icon.win{color: #ffffff; background-color: #f14746; }
.tiny-icon.draw{color: #111111; background-color: #eed447; }
.tiny-icon.lose{color: #ffffff; background-color: #47a8ef; }


.standings-list table{position: relative; width: 100%; padding-top: 1px; border-spacing: 5px;box-sizing: border-box;}
.standings-list table:before{display: block; content: ""; position: absolute; top: 0px; left:0; width: 100%; height: 1px; background-color: #ffffff;}
.standings-list table:after{display: block; content: ""; position: absolute; top: 0; right: 0; width: 1px; height: 46px; background-color: #ffffff;}
.standings-list table thead tr th:first-child, .standings-list table thead tr th:last-child{position: relative; padding: 0; box-sizing: border-box;}
.standings-list table thead tr th:first-child:before{display: block; content: ""; position: absolute; top: -6px; left: -6px; width: 1px; height: calc(100% + 7px); background-color: #ffffff;}
.standings-list table tbody tr:not(.data) td:first-child, .standings-list table tbody tr:not(.data) td:last-child{position: relative; padding: 0 2px; box-sizing: border-box;}
.standings-list table tbody tr:not(.data) td:first-child:before, .standings-list table tbody tr:not(.data) td:last-child:before{display: block; content: ""; position: absolute; top: 0; left: -5px; width: 2px; height: calc(100% + 5px); background-color: #f6d300;}
.standings-list table thead tr:not(.data) th:last-child:before{left: auto; right: -7px}
.standings-list table tbody tr:not(.data) td:last-child:before{left: auto; right: -5px;}
.standings-list table tr td{padding: 3px; box-sizing: border-box; line-height: 1.0;}
.standings-list table tr th:first-child, .standings-list table tr td.toggle{width: 20px !important; vertical-align: middle;}
.standings-list table tr td.toggle button{display: inline-block;width: 20px; height: 30px; padding: 0; color: #eeeeee; background-color: #444444; border: none;  outline: none; appearance: none; overflow: hidden; vertical-align: middle;}
.standings-list table tr td.toggle button:before{display: block; content: ""; width: 20px; height: 30px; line-height: 30px; background: transparent url("../img/icon-arrow-down.png") no-repeat center center; background-size: 10px;}
.standings-list table tr.open td.toggle button:before{background-color: rgba(246,211,0,0.5); transform: rotate(180deg);}
.standings-list table thead th{height: 40px; padding: 5px; background-color: #404040; border: 1px solid #ffffff; font-family: 'Rajdhani', sans-serif; font-size: 0.85em; vertical-align: middle; box-sizing: border-box;}
.standings-list table thead th:not(.club){position: relative; width: 40px;}
.standings-list table thead th:not(.club) span{display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width:100%; height: 100%; text-align: center; line-height: 40px;}
.standings-list table td .emb{margin-right: 0.25em; vertical-align: middle;}
.standings-list table tbody tr:nth-child(4n+1) td{background-color: #333333; }
.standings-list table tbody td:not(.club){width: 40px; font-family: 'Rajdhani', sans-serif; text-align: center;}
.standings-list table tbody td.club{position: relative; width: 130px; padding-right: 20px; font-size: 0.85em;}
.standings-list table thead th.point, .standings-list table tbody td.point{background: rgb(246,211,0,0.35) !important;}

.standings-list table tbody td.rank span.icon{margin-left: 0.25em;}
.standings-list table tbody td.club p{position: absolute; top: 50%;; right: 5px; width: 14px; height: 14px; margin-top: -7px;}
span.condition{display: inline-block; width: 14px; height: 14px; background: transparent url("../img/sample/icon-condition-name.png") no-repeat center center; background-size: 14px; text-indent: -999em;}

.standings-list table tr.data{display: none;}
.standings-list table tr.data .trend .row{width: 100%;}
.standings-list table tr.data .trend .graph canvas{width: 100%; height: 75px !important;}
.standings-list table tr.open + .data{display: table-row;}
.standings-list table tr.open + .data td{dpadding: 5px; background-color: #555555;}
.standings-list table tr.open + .data .trend ul{width: 100%; font-size: 0;;}
.standings-list table tr.open + .data .trend li{display: inline-block; font-size: 3.5vw; text-align: center; vertical-align: top;}
.standings-list table tr.open + .data .trend .point li{display: inline-block; width: 32%; height: 36px; line-height: 36px; margin: 5px 0 5px 2%; color: rgb(246,211,0); /*background: rgb(246,211,0); background: linear-gradient(90deg, rgba(246,211,0,1) 0%, rgba(0,0,0,0.25) 50%, rgba(246,211,0,1) 100%);*/ border: 1px solid rgb(246,211,0); box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.25); font-size: 3.5vw; text-align: center; box-sizing: border-box;}
.standings-list table tr.open + .data .trend .point li em{font-size: 1.5em; font-weight: 700;}
.standings-list table tr.open + .data .trend .link li{display: inline-block; width: 49%; margin-left: 2%; font-size: 3.5vw; text-align: center;}
.standings-list table tr.open + .data .trend li:first-child{margin-left: 0;}
.standings-list table tr.open + .data .trend .link li a{display: block; position: relative; height: 24px; line-height: 24px; color: #ffffff; background-color: #333333; border-radius: 4px;}
.standings-list table tr.open + .data .trend .link li a:after{display: block; content: ""; position: absolute; top: 50%; right: 10px; width: 10px; height: 10px; margin-top: -5px; background: transparent url("../img/icon-arrow-down.png") no-repeat center center; background-size: 10px; transform: rotate(-90deg)}
.standings-list table tr.open + .data .tab ul, .dir-player .tab.inner ul{font-size: 0;}
.standings-list table tr.open + .data .tab ul li{display: inline-block; width: 49%; margin-left: 2%; height: 30px; line-height: 30px; background-color: #555555; border: 1px solid #333333; font-size: 3.5vw; box-sizing: border-box;}
.standings-list table tr.open + .data .tab ul li:first-child, .dir-player .tab.inner ul li:first-child{margin-left: 0;}

.data-area{padding: 0;}
.data-area .tab ul{display: flex; margin: 0 20px; justify-content: space-between;}
.page-preview .data-area .tab ul, .lineup .data-area .tab ul, .report .data-area .tab ul{margin: 0;}
/*.data-area .tab ul li{width: 48%; padding: 2px 10px; border: 1px solid #f6d300; border-radius: 50px; color: #f6d300; background-color: #333333; font-family: 'Rajdhani', sans-serif; font-size: 1.25em; line-height: 1.0; vertical-align: top; box-sizing: border-box;}
.data-area .tab ul li.active{color: #000000; background-color: #f6d300;}
.data-area .tab ul li.away{text-align: right;}*/
.data-area .heading{display: table; width: 100%;/*width: calc(100% - 40px);*/ margin: 20px 20px 0; /*background: rgb(0,101,88); background: linear-gradient(90deg, rgba(0,101,88,1) 0%, rgba(0,0,0,1) 100%);*/ border: 2px solid #ffffff; border-radius: 4px; box-sizing: border-box;}
.data-area a > .heading{color: #ffffff;}
.page-preview .data-area .heading, .lineup .data-area .heading, .report .data-area .heading, .dir-player .data-area .heading, .dir-club .data-area .heading{margin: 15px 0 0;/*margin: 20px 0 0;*/}
.data-area .heading > *{display: table-cell; vertical-align: middle;}
.data-area .heading div.club{width: 15%; border-right: 2px solid #ffffff;}
.data-area .heading .name{position: relative;}
.data-area .heading .name b{padding: 5px; font-size: 1.25em;}
.data-area .heading .name b + span{display: block; position: relative; padding: 5px; font-family: 'Rajdhani', sans-serif;}
.data-area .heading .name b + span:before{display: block; content: ""; position: absolute; top: 0; left: 0; width: 70%; height: 2px; background-color: #e3007b;}
.data-area .heading .name b + span:after{display: block; content: ""; position: absolute; top: 0; right: 0; width: 30%; height: 2px; background-color: #20a8e2;}
.data-area .heading .name p{position: absolute; top: 5px; right: 2px; width: 20px; height: 20px; margin: 0; padding: 0;}
.page-summary .data-area .home .heading .name span:after{background-color: rgba(227,0,123,0.5)}
.page-summary .data-area .away .heading .name span:before{background-color: #20a8e2;}
.page-summary .data-area .away .heading .name span:after{background-color: rgba(32,168,226,0.5)}
.data-area .heading .point{width: 15%; background-color: #f6d300; text-align: center;}
.data-area .heading .point em{display: inline-block; color: #333333; font-family: futura-pt-condensed, sans-serif; font-weight: 800; font-size: 3.0em; border-bottom: solid #ffffff; line-height: 1.0;}


.summary-field > .heading{display: table;  position: relative; width: 100%; margin-bottom: 15px;/*margin-bottom: 20px;*/background: rgb(0,101,88); background: linear-gradient(90deg, rgba(0,101,88,1) 0%, rgba(0,101,88,0) 50%, rgba(0,101,88,1) 100%); border: 2px solid #ffffff; border-radius: 4px; box-sizing: border-box; overflow: hidden;}
.summary-field > .heading:before{display: block; content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 24px; line-height: 24px; color: #ffffff; background-color: #666666; border-radius: 12px; text-align: center; z-index: 1;}
.summary-field > .heading > *{display: table-cell; position: relative;}
.summary-field > .heading .club{position: relative; width: 25%;padding-bottom: 24px; text-align: center; vertical-align: middle;}
.summary-field > .heading .club p{position: absolute; bottom: 0; left: 0; width: calc(100% + 12px); height: 24px; line-height: 24px; margin: 0; border-radius: 12px; font-size: 0.85em; text-align: center; box-sizing: border-box; z-index: 2;}
.summary-field > .heading .club.away p{left: auto; right: 0; }
/*.summary-field > .heading .club p:after{display: block; content: ""; position: absolute; bottom: 0; right: -12px; width: 12px; height: 24px; z-index: 10;}
.summary-field > .heading .club.home p:after{border-radius: 0 12px 12px 0; }
.summary-field > .heading .club.away p:after{right: auto;  left: -12px;  border-radius: 12px 0 0 12px;}*/
.summary-field > .heading .club p *{vertical-align: middle; transform: scale(0.8)}
.summary-field > .heading .club p em{display: inline-block; margin-left: 2px; padding: 1px 2px 0; color: #333333; background-color: #f6d300; font-family: 'Rajdhani', sans-serif; font-size: 1.25em; line-height: 1.0;}
.summary-field > .heading .score{padding-bottom: 24px; vertical-align: middle;}
.summary-field > .heading .score > .row{width: 100%; margin: 0 auto; border-spacing: 5px; height: 40px;}
.summary-field > .heading .score > .row .col{width: 33.333%;text-align: center;}
.summary-field > .heading .score > .row .col.home{border-left-width: 2px; border-left-style: solid;}
.summary-field > .heading .score > .row .col.away{border-right-width: 2px; border-right-style: solid;}
.summary-field > .heading .score > .row .col em{ display: inline-block; vertical-align: middle; font-family: 'Rajdhani', sans-serif; font-size: 30px; line-height: 1.0;}
.summary-field > .heading .score p{display: block; margin: 5px 0 0; color: #ffffff; background-color: #666666; border-radius: 50px; text-align: center;}
.summary-field > .heading .score > .goal{display: block; position: absolute; bottom: 0; left: 12px; width: calc(100% - 24px); height: 24px; line-height: 24px; color: #ffffff;  text-align: center; z-index: 2;}
/*.summary-field > .heading .score > .goal{display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 24px; line-height: 24px; color: #ffffff; background-color: #666666; text-align: center; z-index: 0;}
.summary-field > .heading .score .goal:before{display: block; content: ""; position: absolute; bottom: 0; left: -12px; width: 24px; height: 24px; background-color: #666666; border-radius: 12px; z-index: 1;}
.summary-field > .heading .score .goal:after{display: block; content: ""; position: absolute; bottom: 0; right: -12px; width: 24px; height: 24px; background-color: #666666; border-radius: 12px; z-index: 1;}*/
.summary-field > .heading .score > .goal p{margin: 0; padding: 0; background-color: transparent; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.summary-field > .heading .score .row .col.time{position: relative; padding: 5px; background-color: rgba(246,211,0,0.5);}
.summary-field > .heading .score .row .col.time canvas{display: inline-block !important; width: 100% !important; height: auto !important; margin: 0 auto !important; text-align: center; vertical-align: middle;}
.summary-field > .heading .score .row .col.time span{display: flex; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; align-items: center; justify-content: center; color: rgba(246, 211, 0,1);  font-family: 'Rajdhani', sans-serif; font-size: 1.4em;}

.summary-field > .heading .score .row .col.time em{display: block; position: absolute; bottom: 0; right: 0; width: 16px; height: 16px; line-height: 16px; color: #333333; background-color: #ffffff; border-radius: 10px; font-family: 'Rajdhani', sans-serif; font-size: 12px; z-index: 2;}

.dir-player .profile-field, .dir-player h1.rounded.yellow{margin-right: 20px; margin-left: 20px;}
.dir-player .profile-field .heading{height: 70px; background: rgb(0, 101, 88); background: linear-gradient(90deg, rgba(0, 101, 88, 1) 0%, rgba(0, 0, 0, 1) 100%);border: 2px solid #ffffff; border-radius: 4px;}
.dir-player .profile-field .profile{flex-grow:2;}
.dir-player .profile-field .body{/*margin: 10px 0 20px;*/margin: 10px 0 15px;}
.dir-player .profile-field .posi{width: 70px; border-right: 2px solid #ffffff; text-align: center;}
.dir-player .profile-field .posi em, .dir-player .profile-field .posi span{display: block; height: 35px; line-height: 35px; font-family: 'Rajdhani', sans-serif; font-size: 2.0em; font-weight: 700; box-sizing: border-box;}
.dir-player .profile-field .posi em{border-bottom: 1px solid #ffffff;}
.dir-player .profile-field .posi span{border-top: 1px solid #ffffff;}
.dir-player .profile-field .body .col.photo{position: relative; width: 40%;}
.dir-player .profile-field .body .col.photo .swiper{top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;}
.dir-player .profile-field .body .col.photo .swiper-slide{position: relative;}
.dir-player .profile-field .body .col.photo .swiper-slide > div{position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: calc(100% - 10px); height: 100%; background-repeat: no-repeat; background-position: center top; background-size: cover; border: 2px solid #ffffff; border-radius: 4px; box-sizing: border-box;}
.dir-player .profile-field .body .point{width: 100%; table-layout: fixed; border-radius: 4px; overflow: hidden;}
.dir-player .profile-field .body .point .col{color: #404040; background-color: #f6d300; font-family: 'Rajdhani', sans-serif; font-size: 2.0em; font-weight: 700; line-height: 1.0; text-align: center;}
.dir-player .profile-field .body .point .col.view	{font-size: 1.5em;  border-right: 1px solid #000000;}
.dir-player .profile-field .body .point .col em:before{display: block; content: ""; width: 40px; height: 40px; margin: 0 auto; background: transparent url("../img/splite-all.png") no-repeat; background-size: 500px;  text-indent: -999em;}
.dir-player .profile-field .body .point .col.view em:before	{background-position: 0px -80px;}
.dir-player .profile-field .body .point .col.rating em:before	{background-position: -40px -80px;}
.dir-player .profile-field .body .point .col.rating em span	{margin-left: 0.25em; font-size: 0.65em; font-weight: 400; vertical-align: 1px;}


h1.rounded.yellow{position: relative; margin-top: 0; height: 20px; line-height: 20px; padding: 0 10px; color: #000000; background-color: #f6d300; border-radius: 50px; font-family: 'Rajdhani', sans-serif; font-size: 1.0em; font-weight: 500; overflow: hidden;}
.page-club-data h1.rounded.yellow{margin: 15px 20px 10px;/*margin: 20px 20px 10px;*/ /*margin: 20px;*/ overflow: hidden;}
.ttl-toggle{position: relative;}
.ttl-toggle.rounded.yellow{position: relative;}
.ttl-toggle button{display: block; position: absolute; top: 0; right: 0; width: 60px; height: 100%;  color: #bfbfbf; font-size: 10px; background-color: #808080; border: none; outline: none; text-align: center; box-sizing: border-box; line-height: 2.0;}
.page-preview .ttl-toggle:not(.open) button{border-radius: 0 50px 50px 0;}
.ttl-toggle .toggle-content {display: none; }
.ttl-toggle h1 {margin-bottom: 0 !important;}
.dir-club .ttl-toggle h1.rounded.yellow.icon-rating {margin-bottom: 0.67em!important;}
.ttl-toggle.open .toggle-content, dl.open .toggle-content {display: block; position: absolute; top: 20px; /*left: 0;*/ left: 20px; /*width: calc(100% - 60px);*/width: calc(100% - 100px); z-index: 100;}
.dir-player.page-rating .ttl-toggle.open .toggle-content {left: 20px; width: calc(100% - 100px);}
.page-preview .ttl-toggle.open .toggle-content {left: 0; width: calc(100% - 100px);}
body:not(.dir-live) .ttl-toggle.open .toggle-content {left: 0; width: calc(100% - 60px);}
/*.ttl-toggle.open .toggle-content li{height: 20px; line-height: 20px; margin-top: 1px; padding: 0 10px; color: #000000; background-color: #f6d300; border-radius: 50px; font-family: 'Rajdhani', 'M PLUS 1p', "メイリオ", sans-serif; font-size: 0.75em; font-weight: 700;}*/
.ttl-toggle.open .toggle-content li, dl.open .toggle-content li{height: 36px; line-height: 36px; padding: 0 10px; color: #000000; background-color: rgba(246,211,0,0.9); border-top: 1px solid rgba(0,0,0,0.9); font-family: 'Rajdhani', 'M PLUS 1p', "メイリオ", sans-serif; font-size: 1.25em; font-weight: 700;}
.ttl-toggle.open .toggle-content li:last-child{border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;}
.ttl-toggle.open h1{border-bottom-left-radius: 0}
.ttl-toggle.open button{transform: rotate(180deg)}
.dir-club .ttl-toggle:not(.open) h1.rounded.yellow.icon-rating button, .dir-player.page-rating .ttl-toggle:not(.open) h1.rounded.yellow.icon-rating button{border-radius: 0 50px 50px 0; overflow: hidden;}


.heading-club{position: relative;}
.heading-club:before{display: block; content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0) 20%, rgba(0,0,0,1) 100%);}
.heading-club .field{position: absolute; height: 60px; bottom: 0px; left: 20px; width: calc(100% - 40px); margin-bottom: 15px; background: rgb(0, 101, 88); background: linear-gradient(90deg, rgba(0, 101, 88, 1) 0%, rgba(0, 0, 0, 1) 100%); border: 2px solid #ffffff; border-radius: 4px;}
.heading-club .field .club{display: flex; align-items: center; justify-content: center;position: absolute; top: -10px; left: 5px; width: 80px; height: 80px; background-color: #333333; border: 2px solid #ffffff; border-radius: 40px; text-align: center; z-index: 1;}
.heading-club .field .name b{display: block; position: relative; height: 34px; padding-left: 100px; border-bottom: 2px solid #e3007b; font-size: 16px; box-sizing: border-box;}
.heading-club .field .name b:after{display: block; content: ""; position: absolute;  bottom: -2px; right: 0; width: 50%; height: 2px; background-color: #20a8e2;}
.heading-club .field .name span{display: inline-block; padding-left: 100px; font-family: 'Rajdhani', sans-serif; vertical-align: 2px; box-sizing: border-box;}

.ttl-page	{position: relative; height: 30px; line-height: 30px; margin: 0 0 15px;/*margin: 0 0 20px;*//* padding-left: 35px;*/ padding-left: 10px; color: #ffffff; background-color: #666666; border-bottom: 2px solid #20a8e2; font-family: 'Rajdhani', sans-serif; font-size: 1.0em; font-weight: 700;}
.page-info.detail .ttl-page	{padding-left: 35px;}
.ttl-page:before	{display: block; content: ""; position: absolute; bottom: -2px; left: 0; width: 50%; height: 2px; background-color: #e3007b;}
.ttl-page span.back	{display: block; position: absolute; top: 0; left: 0; width: 30px; height: 30px;}
.ttl-page span.back a	{display: block; width: 30px; height: 30px; color: #ffffff; background-color: #8c8c8c; border-bottom: 2px solid #e3007b; overflow: hidden;}
.ttl-page span.back a:before	{display: block; content: ""; width: 30px; height: 30px; background: transparent url("../img/icon-arrow-down.png") no-repeat center center; background-size: 10px; transform: rotate(90deg)}
h1.rounded.yellow.icon-rating:after{display: block; content: ""; position: absolute; top: 50%; right: 10px; width: 100%; height: 14px; margin-top: -7px; background: transparent url("../img/obj-ttl-players-rating.png") no-repeat right center; background-size: contain;}
.dir-top h1.rounded.yellow.icon-rating:after,/*.dir-live.page-club-data h1.rounded.yellow.icon-rating:after,*/ .dir-rating.page-rating-rank h1.rounded.yellow.icon-rating:after, .dir-club .ttl-toggle h1.rounded.yellow.icon-rating:after, .dir-player.page-rating .ttl-toggle h1.rounded.yellow.icon-rating:after, .dir-live.page-preview h1.rounded.yellow.icon-rating:after{right: 70px;}
h1.rounded.yellow.icon-live:after{display: block; content: ""; position: absolute; top: 50%; right: 10px; width: 100%; height: 14px; margin-top: -7px; background: transparent url("../img/obj-ttl-live-data.png") no-repeat right center; background-size: contain;}
h1.rounded.yellow.icon-data:after{display: block; content: ""; position: absolute; top: 50%; right: 10px; width: 100%; height: 14px; margin-top: -7px; background: transparent url("../img/obj-ttl-data.png") no-repeat right center; background-size: contain;}
h1.rounded.yellow.icon-goal:after{display: block; content: ""; position: absolute; top: 50%; right: 10px; width: 100%; height: 14px; margin-top: -7px; background: transparent url("../img/obj-ttl-goal.png") no-repeat right center; background-size: contain;}
h1.rounded.yellow.icon-card:after{display: block; content: ""; position: absolute; top: 50%; right: 10px; width: 100%; height: 14px; margin-top: -7px; background: transparent url("../img/obj-ttl-card.png") no-repeat right center; background-size: contain;}
h1.rounded.yellow.icon-change:after{display: block; content: ""; position: absolute; top: 50%; right: 10px; width: 100%; height: 14px; margin-top: -7px; background: transparent url("../img/obj-ttl-change.png") no-repeat right center; background-size: contain;}
h1.rounded.yellow.icon-stats:after{display: block; content: ""; position: absolute; top: 50%; right: 10px; width: 100%; height: 14px; margin-top: -7px; background: transparent url("../img/obj-ttl-stats.png") no-repeat right center; background-size: contain;}
h1.rounded.yellow.icon-stadium:after{display: block; content: ""; position: absolute; top: 50%; right: 10px; width: 100%; height: 14px; margin-top: -7px; background: transparent url("../img/obj-ttl-stadium.png") no-repeat right center; background-size: contain;}
h1.rounded.yellow.icon-players-profile:after{display: block; content: ""; position: absolute; top: 50%; right: 10px; width: 100%; height: 14px; margin-top: -7px; background: transparent url("../img/obj-ttl-players-profile.png") no-repeat right center; background-size: contain;}
h1.rounded.yellow.icon-listof:after{display: block; content: ""; position: absolute; top: 50%; right: 10px; width: 100%; height: 14px; margin-top: -7px; background: transparent url("../img/obj-ttl-listof.png") no-repeat right center; background-size: contain;}
h1.rounded.yellow.icon-power-rank:after{display: block; content: ""; position: absolute; top: 50%; right: 10px; width: 18px; height: 14px; margin-top: -7px; background: transparent url("../img/splite-all.png") no-repeat 0px -66px; background-size: 500px;}

.item-news li	{margin-top: 10px;}
.item-news li a	{width: 100%; color: #ffffff; font-size: .85em;}
.item-news li a.row > .col:first-child	{width: 1%; padding-right: 0.5em; font-family: 'Rajdhani', sans-serif; white-space: nowrap; box-sizing: border-box;}
.item-news li a.row > .col:last-child	{padding: 2px; background-color: #666666; box-sizing: border-box; line-height: 1.4;}
.dir-top .item-news li a.row > .col:last-child	{background-color: #006558;}
.item-news .heading-news h1	{margin: 0; padding: 2px; color: #ffffff; background-color: #006558; font-size: 1.25em; line-height: 1.4;}
.item-news .heading-news p	{margin: 0; padding: 0; font-family: 'Rajdhani', sans-serif; font-size: 0.75em; text-align: right;}
.item-news .body-news	{font-size: 0.85em;}
.item-news .body-news .kv	{border: 2px solid #ffffff; border-radius: 4px;}
.item-news .body-news .text	{margin-top: 10px; padding: 2px; color: #ffffff; background-color: #006558;}

.rated-list ul{display: flex; flex-wrap: wrap; width: calc(100% + 5px);}
.rated-list ul li{width: calc(33.333% - 5px); margin: 5px 5px 0 0; background-color: #333333;}
.rated-list ul li a{display: block;}
.rated-list ul li a:hover{ background-color: #222222;}
.rated-list ul li:nth-of-type(-n+3){margin-top: 0;}
.rated-list ul li p{margin: 0; padding: 0.5em; color: #ffffff; font-size: 0.75em;}
.rated-list ul li .photo{position:relative;}
.rated-list ul li .photo em{position:absolute; bottom:2%;right:2%; width:27px;height:30px;line-height:30px; color:#f6d300; background:transparent url(../img/splite-all.png) no-repeat -185px 0; background-size:250px; font-family:futura-pt-condensed,sans-serif; font-weight:800; font-size:1.15em; text-align:center;z-index:2}
.rated-list ul li .photo em.good{bottom: calc(2% + 32px); height: 27px; line-height: 1.0;  color:#333333; background: #f6d300; border-radius: 50px; box-sizing: border-box; font-size: 0.9em;}
.rated-list ul li .photo em.good span{font-size: 0.75em;}
.rated-list ul li .photo em.good:before{display: block; content: ""; height: 3px}
.rated-list ul li .photo em.good:after{display: block; content: "いいね"; font-size: 0.5em; text-align: center;}
.rated-list.club ul li .wrap{width: 100%; border-bottom: 1px solid #000000;}
.rated-list.club ul li .wrap .inner{position: relative; width: 100%; padding-top: 100%;}
.rated-list.club ul li .wrap .inner div{display: flex; align-items: center; justify-content: center; position: absolute; top:0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;}
.rated-list.club ul li .wrap .inner div .emb{transform: scale(1.25,1.25)}
.rated-list.club ul li .rated{display: flex; align-items: center; justify-content: space-between; position: relative; color: #ffffff; border: 1px solid rgba(246,211,0,1); font-size: 0.65em;}
.rated-list.club ul li .rated *{width: 50%; height: 100%; padding: 2px 0; text-align: center;}
.rated-list.club ul li .rated span:before{display: inline-block; content: ""; width: 14px; height: 16px; background: transparent url("../img/splite-all.png") no-repeat -18px -32px; background-size: 200px; vertical-align: -5px;}
.rated-list.club ul li .rated em{color: #000000; background-color:rgba(246,211,0,0.75); font-weight: 700;}

.ui-tab > ul{width: 100%; margin-bottom: 10px; padding: 0 20px; border-bottom: 2px solid #dddddd; font-size: 0; box-sizing: border-box;}
.ui-tab > ul li{display: inline-block; text-align: center; font-family: 'Rajdhani', sans-serif; font-size: 3.5vw; vertical-align: top; box-sizing: border-box;}
.ui-tab > ul li a, .ui-tab > ul li b, .ui-tab > ul li.active{display: block; padding: 5px 0; color: #ffffff; background-color: #555555; border-top: 1px solid #dddddd; border-right: 1px solid #dddddd; border-left: 1px solid #dddddd; border-radius: 5px 5px 0 0;}
.ui-tab > ul li a{color: #dddddd; border-color: #888888;}
.dir-player .tab.inner.ui-tab > ul li, .dir-club .ui-tab > ul li, .dir-mypage .ui-tab > ul li, .dir-cart.page-user-review .ui-tab > ul li, .dir-search .ui-tab > ul li{display: inline-block; padding: 0; color: #dddddd; background-color: #555555; border-top: 1px solid #dddddd; border-right: 1px solid #dddddd; border-left: 1px solid #dddddd; border-radius: 5px 5px 0 0; font-family: 'M PLUS 1p', "メイリオ", Meiryo, "HiraKakuPro-W3", "ヒラギノ角ゴ Pro W3", "Helvetica Neue", Helvetica, "Arial", "ＭＳ Ｐゴシック", sans-serif; box-sizing: border-box;}
.page-preview .tab.outer.ui-tab > ul{margin-bottom: 0;}
.dir-live:not(.page-preview) .tab.inner > ul > li, .dir-live.page-preview .tab.outer > ul > li{display: inline-block;  height: auto; line-height: auto;padding: 0; color: #dddddd; background: #555555; border-top: 1px solid #dddddd; border-right: 1px solid #dddddd; border-left: 1px solid #dddddd; border-radius: 4px 4px 0 0; font-size: 4.0vw; font-weight: 700;}
.dir-live:not(.page-preview) .tab.inner > ul > li.active, .dir-live.page-preview .tab.outer > ul > li.active{color: #f6d300; background: rgb(246, 211, 0); background: linear-gradient(180deg, rgba(246, 211, 0, 0.25) 0%, rgba(246, 211, 0, 0) 100%);}
/*.dir-live  .summary-field .tab-summary .inner > ul > li{ height: 24px !important; line-height: 1.8!important; border-width: 1px; border-bottom: none; font-size: 4.0vw; font-weight: normal;}

.page-preview .tab.outer.ui-tab > ul li:not(.active), .page-matchcenter .summary-field .tab-summary .inner > ul > li:not(.active){display: inline-block; padding: 0; color: #dddddd; background-color: #555555; border-top: 1px solid #dddddd; border-right: 1px solid #dddddd; border-left: 1px solid #dddddd; border-radius: 5px 5px 0 0; box-sizing: border-box;}*/

.dir-live .ui-tab > ul li a, .dir-live .ui-tab > ul li b{padding: 0;}
.dir-live .ui-tab > ul li, .dir-club .ui-tab > ul li, .dir-mypage .ui-tab > ul li{font-family: 'Rajdhani', sans-serif; font-size: 4.0vw;}
.dir-live .ui-tab > ul li a span, .dir-live .ui-tab > ul li b span, .dir-mypage .ui-tab > ul li span{display: block;transform: scale(0.85)}
.ui-tab > ul li b, .dir-player .tab.inner.ui-tab > ul li.active, .ui-tab > ul li.active, .dir-cart.page-user-review .ui-tab > ul li.active{position: relative; color: #f6d300; background: rgb(246,211,0); background: linear-gradient(180deg, rgba(246,211,0,0.25) 0%, rgba(246,211,0,0) 100%); font-weight: 700;}
.ui-tab > ul li b:after, .ui-tab > ul li.active:after{display: block; content: ""; position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px; background-color: #000000;}
.ui-tab.col-2 > ul li{width: calc(50% - 1%);}
.ui-tab.col-2 > ul li:last-child{margin-left: 2%;}
.ui-tab.col-3 > ul{text-align: center;}
.ui-tab.col-3 > ul li{width: 32%;}
.ui-tab.col-3 > ul li:not(:first-child){margin-left: 2%;}
.dir-player main .ui-tab.col-3 > ul li{width: 48%;}
.dir-mypage.page-login form{display: flex; align-items: center; padding: calc(10vh - 10px) 0 calc(10vh - 40px); text-align: center;}
.dir-mypage.page-login form dl{display: inline-block; width: 85%; margin: 0 auto; padding: 1.0em; background-color: #333333; border-radius: 4px; box-sizing: border-box;}
.dir-mypage.page-login form dl dt{font-family: 'Rajdhani', sans-serif; font-size: 1.25em; font-weight: 700;}
.dir-mypage.page-login form dl dd ul li{margin-top: 0.75em;}
.dir-mypage.page-login form dl dd input[type="text"], .dir-mypage.page-login form dl dd input[type="password"]{width: 100%; padding: 0.5em; box-sizing: border-box;}
.dir-mypage.page-login form dl dd input[type="submit"], .dir-cart form input[type="submit"], .dir-search form input[type="submit"], .page-user-profile.input form input[type="submit"], .page-user-profile.check form input[type="submit"]{display: inline-block; width: 40%; padding: 10px 0; color: #333333; background: rgb(247,227,0); background: linear-gradient(180deg, rgba(247,227,0,1) 0%, rgba(247,227,0,0.75) 100%); border: 1px solid rgb(247,227,1); border-radius: 4px; font-family: 'Rajdhani', sans-serif; line-height: 1.0; cursor: pointer;}
.dir-search form input[value="reset"], .page-user-profile.input form input[value="back"], .page-user-profile.check form input[value="back"]{display: inline-block; width: 20%; margin-right: 1.0em; padding: 10px 0; color: #ffffff; background-color:#808080; border: none; border-radius: 4px; font-family: 'Rajdhani', sans-serif; line-height: 1.0; cursor: pointer;}
.dir-mypage.page-login form dl dd p{margin: 1.0em 0 0;}
.dir-mypage.page-login form dl dd .note{margin-top: 0.75em; color: #ff0000;}
.dir-mypage.page-login form dl dd .note a{ color: #ffffff;}
.dir-mypage.page-rating-details .date{margin-top: 0; padding: 5px; background-color: #606060; line-height: 1.0;}
.dir-mypage.page-rating-details .rating-comment{margin-bottom: 1.0em; padding: 10px; border-width: 2px; border-style: solid; border-top: none;}

.heading-user{margin: 0 0 10px; background: rgb(139,89,0);background: linear-gradient(0deg, rgba(139,89,0,1) 75%, rgba(33,18,0,1) 100%); border: 2px solid #f6d300; border-radius: 4px; overflow: hidden;}
.heading-user .field{position: relative;}
.heading-user .row {width: 100%;}
.heading-user .row > .col:first-child{width: 70px; padding: 3px 0 0 3px;}
.follow .heading-user .row > .col:first-child{position: relative; padding-left: 33px;}
.follow .heading-user .row > .col:first-child .back{display: block; position: absolute; top: 0; left: 0; width: 30px; height: 100%; color: #ffffff; background-color: rgba(0,0,0,0.5);  box-sizing: border-box; font-size: 0;;}
.follow .heading-user .row > .col:first-child .back:before{display: block; content: ""; width: 100%; height: 100%; background: transparent url("../img/icon-arrow-down.png") no-repeat center center; background-size: 16px; transform: rotate(90deg)}
.heading-user .row > .col:last-child{padding: 0 60px 5px 10px; line-height: 1.4; vertical-align: middle}
.heading-user .row > .col:last-child a{color: #ffffff;}
.heading-user .row > .col:last-child b{font-size: 1.25em; line-height: 1.4;}
.heading-user.pro .row > .col:last-child b{display: block; position: relative; padding-left: 2.0em;}
.heading-user.pro .row > .col:last-child b:before{display: inline-block; content: "PRO";position: absolute; top: 0.15em; left: 0; padding: 2px; color: #ffffff; background-color: #df0024; border: 1px solid #ffffff; border-radius: 2px; font-family: 'Rajdhani', sans-serif; font-size: 0.75em; font-weight: 700; line-height: 1.0; vertical-align: middle;}
.heading-user .row > .col:last-child ul{display: flex; width: calc(100% + 60px); margin: 0.25em 0 0; padding: 0; font-size: 0.85em; list-style-type: none;}
.page-rating-details .heading-user .row > .col:last-child ul{transform: translate(-4px)}
.heading-user .row > .col:last-child ul .icon{vertical-align: middle;}
.heading-user .row > .col:last-child ul > li:not(:first-child){margin-left: 1.0em;}
.heading-user .row > .col:last-child ul.circle-icon li:not(:first-child){margin-left: 0.5em;}
.heading-user .row > .col:last-child ul.circle-icon li a{display: block; width: 20px; height: 20px; line-height: 20px; border-radius: 10px; overflow: hidden;}
.heading-user .row > .col:last-child ul.circle-icon li.twitter a{color: #ffffff; background-color: #1da1f2;}
.heading-user .row > .col:last-child ul.circle-icon li.twitter a:before{display: block; content: ""; width: 20px; height: 20px; background: transparent url("../img/splite-all.png") no-repeat -94px -40px; background-size: 250px; transform: scale(0.8)}
.heading-user .row > .col:last-child ul.circle-icon li.instagram a{color: #ffffff; background-color: #cf2e92;}
.heading-user .row > .col:last-child ul.circle-icon li.instagram a:before{display: block; content: ""; width: 20px; height: 20px; background: transparent url("../img/splite-all.png") no-repeat -74px -61px; background-size: 250px; transform: scale(0.8)}


.heading-user .photo span{display: block; position: relative; mask-image: url("../img/ph-rater-mask.png"); -webkit-mask-image: url("../img/ph-rater-mask.png"); mask-size: 100%; -webkit-mask-size: 100%; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; }
.heading-user .photo span img{display: block;  width: 70px; height: 70px; object-fit: cover;}
.heading-user .photo span:after{display: block; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: transparent url("../img/ph-rater-border.png") no-repeat left top; background-size: 100%; z-index: 1}
.heading-user .edit{position: absolute; top: 0; right: 0; width: 50px; height: 30px; margin: 0; padding: 0;}
.heading-user .edit a{display: block; height: 30px; line-height: 28px; color: #ffffff; background-color: rgba(0,0,0,0.5); border-bottom: 1px solid rgba(246,211,0,0.5); border-left: 1px solid rgba(246,211,0,0.5); border-radius: 0 0 0 4px; font-size: 0.75em; text-align: center; box-sizing: border-box;}
.heading-user .item-follow{margin-right: 10px; margin-left: auto !important;}
/*.heading-user .item-follow{position: absolute; bottom: 12px; right: 5px; width: 80px; margin: 0; padding: 0;}*/
/*.heading-user .follow em{display: block; height: 45px; padding-top: 0.5em; color: #000000; background-color: #f6d300; border-bottom: 2px solid #000000; border-radius: 28px; text-align: center; box-sizing: border-box; cursor: pointer;}
.heading-user .follow em:hover, .heading-user .follow em:active{background-color: #fae97f;}
.heading-user .follow em .icon{display: block; margin: 0 auto; transform: scale(1.25)}*/
.heading-user + .update{margin: -10px 0 10px; padding: 0; font-size: 0.75em; text-align: right;}



.heading-user .profile b{display: block; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;  box-sizing: border-box;}
.heading-user .profile p{height: 5.8em; margin: 0; padding: 5px; background-color: rgba(0,0,0,0.25); overflow: scroll; box-sizing: border-box; line-height: 1.4;}
.heading-user .follow{height: 24px; line-height: 24px; padding: 0 5px; border-top: 1px solid #f6d300;}
.heading-user .follow ul{display:flex; align-items: center; font-family: 'Rajdhani', sans-serif;}
.heading-user .follow ul li:not(:first-child){margin-left: 10px;}
.heading-user .follow ul li a{color: #ffffff;}
.heading-user .follow ul li em{display: inline-block; padding-right: 0.25em; color: #f6d300; font-size: 1.25em; font-weight: 700;}
.heading-user .follow ul li:not(:first-child) em:before{display: inline-block; content: ""; height: 14px; margin-top: 5px; padding-left: 10px; border-left: 1px solid rgba(0,0,0,0.5); vertical-align: top;}

.data-user{margin-bottom: 10px;}
.data-user ul{margin: 0; padding: 0; list-style-type: none;}
.data-user .flex-box{width: calc(100% + 5px); transform: translate(-5px)}
.data-user ul li{position: relative; padding: 5px 5px 2px; background-color: #555555;}
.data-user .flex-box li{width: 100%; margin-left: 5px;}
.data-user .flex-box + ul li{margin-top: 5px; padding-bottom: 15px;}
.data-user ul li > b{display: block; font-size: 0.85em;}
.data-user ul li em, .data-user ul li p{display: block; color: #f6d300;font-family: 'Rajdhani', sans-serif; font-size: 1.5em; font-weight: 700; line-height: 1.0;}
.data-user ul li em b{color: #ff8e00;}
.data-user ul li em span{color: #808080; font-size: 0.75em; font-weight: 400;}
.data-user .flex-box li em .icon{position: absolute; bottom: 7px; left: 5px;}
.data-user .flex-box + ul li .icon{margin-right: 0.5em; vertical-align: 2px;}
.data-user .flex-box li em{text-indent: 20px; font-size: 2.0em; text-align: center;}
.data-user ul li .gauge{position: absolute; bottom: 5px; left: 5px; width: calc(100% - 10px); height: 5px; background-color: #808080; text-indent: -99em;}
.data-user ul li .gauge span{display: flex; height: 5px; background-color: #f6d300;}
.data-user ul li .gauge b{display: flex; height: 5px; background-color: #ff8e00; transform: translateY(-5px)}
.data-user ul li p{position: absolute; top: 0; right: 5px;}
.data-user ul li p b{display: inline-block; margin-right: 0.25em;  color: #ff8e00;}

.members-list{ font-size: 0;}
.members-list .field{display: inline-block; width: calc(50% - 1px); margin: 10px 1px 0 0; padding-bottom: 10px; background-color: #303030; font-size: 3.5vw; vertical-align: top;}
.members-list .field:last-child{margin: 10px 0 0 1px;}
.members-list .heading-members{text-align: center;}
.members-list .heading-members em{display: block; padding: 5px; background: rgb(68,68,68); background: linear-gradient(0deg, rgba(68,68,68,0) 0%, rgba(68,68,68,1) 100%);border-bottom: 2px solid #000000;  font-family: 'Rajdhani', sans-serif; text-align: center; line-height: 1.0;}
.members-list .heading-members strong{display: block; padding-top: 5px; font-size: 0.9em;}
.members-list .field .heading-members .emb{vertical-align: middle;}
.members-list b{ display: block; margin: 10px 50px 0; color: #000000; background-color: #f6d300; border-radius: 4px 4px 0 0; font-family: 'Rajdhani', sans-serif; font-size: 0.85em; text-align: center;}
.members-list b:after{ display: block; content: ""; width: calc(100% + 100px); height: 1px; margin-left: -50px; background-color: #f6d300;}
.members-list dl{ padding: 0 10px;}
.members-list dl + b{ margin-top: 20px;}
.members-list dl dt{ margin-top: 0.5em; padding-left: 5px; color: #f6d300; font-family: 'Rajdhani', sans-serif; font-weight: 700;}
.members-list dl dd ul li a{display: block; position: relative; width: 100%; padding: 7px 1.5em 7px 7px; color: #ffffff; background: rgb(68,68,68); background: linear-gradient(90deg, rgba(68,68,68,1) 0%, rgba(85,85,85,1) 50%, rgba(68,68,68,1) 100%); border-top: 1px solid #777777; border-right: 1px solid #777777; border-bottom: 1px solid #555555; border-left: 1px solid #555555; font-size: 0.85em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; box-sizing: border-box;border-radius: 4px;}
.members-list dl dd ul li.done a{ background: rgb(246,211,0); background: linear-gradient(90deg, rgba(246,211,0,0) 0%, rgba(246,211,0,0.35) 100%); background-color: #000000; border-color: rgba(246,211,0,1); border-radius: 4px;}
.members-list dl dd ul li a:after{display: block; content: ""; position: absolute; top: 50%; right: 5px; width: 15px; height: 25px; margin-top: -12.5px; background: transparent url("../img/splite-all.png") no-repeat -214px 0px; background-size: 250px;}
.members-list dl dd ul li:not(.done) a:after{opacity: 0.5; -ms-filter: grayscale(100%); filter: grayscale(100%);}
.members-list dl dd ul > li:not(:first-child) a{margin-top: 3px;}
.dir-cart .heading-players	{margin-bottom: 10px;}
.dir-cart .heading-players + b + .nav-select, .dir-cart .rating-details .nav-select	{margin-bottom: 0;}
.dir-cart .details .total .rating-range .row{position: relative;}
.dir-cart .details .total .rating-range .row:after{display: block; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 4}
.dir-cart .details .total .rating-range .row .col:nth-of-type(2){-ms-filter: grayscale(100%); filter: grayscale(100%);}
.dir-cart .rating-range{background-color: #333333;}
.dir-cart .total .rating-range{padding: 10px;}
.dir-cart .rating-details ul li .rating-range{padding: 0;}
/*.dir-cart .rating-range.disable{position: relative;}
.dir-cart .rating-range.disable:after{display: block; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.75); z-index: 3;}*/
.dir-cart main .row{width: 100%; box-sizing: border-box;}
.dir-cart .rating-range .row .col{position: relative; vertical-align: middle;}
.dir-cart .total .rating-range .row .col:first-child{width: 33px;}
.dir-cart .rating-details ul li .rating-range .row .col:first-child{width: calc(8.0em + 10px); padding-left: 10px; background-color: #444444; font-size: 0.75em; box-sizing: border-box;}
.dir-cart .rating-details ul.red li .rating-range .row .col:first-child{background-color: rgba(227,0,123,0.25);}
.dir-cart .rating-details ul.yellow li .rating-range .row .col:first-child{background-color: rgba(246,211,0,0.25);}
.dir-cart .rating-details ul.blue li .rating-range .row .col:first-child{background-color: rgba(32,168,226,0.25);}
.dir-cart .total .rating-range .row .col:first-child span{display: inline-block;  width: 23px; height: 27px; background: transparent url("../img/splite-all.png") no-repeat -29px -53px; background-size: 333px; vertical-align: middle;}
.dir-cart .rating-range .row .col:last-child{width: 24px; height: 24px;}

.dir-cart .rating-range .row .col:last-child input::-webkit-inner-spin-button,.dir-cart .rating-range .row .col:last-child input::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0; -moz-appearance:textfield;}
.dir-cart .details .total .rating-range .row .col:last-child input{background-color: #777777;}
.dir-cart .rating-range .row .col:last-child input{width: 24px; height: 24px;color: #000000;  background-color: #ffffff; font-family: 'Rajdhani', sans-serif; font-size: 1.25em; text-align: center;}
.dir-cart .rating-range input[type="range"]{position: relative; width: 100%; box-sizing: border-box; vertical-align: middle; z-index: 2; }
.dir-cart .rating-range input[type="range"]::-webkit-slider-thumb { display: block; position: relative; -webkit-appearance: none; height:20px; width: 20px; border-radius: 50%; border: none; cursor: pointer; z-index: 2;}
.dir-cart .total .rating-range input[type="range"]::-webkit-slider-thumb {background-color: rgba(246,211,0,1);}
.dir-cart .red .rating-range input[type="range"]::-webkit-slider-thumb {background-color: rgba(227,0,123,1);}
.dir-cart .yellow .rating-range input[type="range"]::-webkit-slider-thumb {background-color: rgba(246,211,0,1);}
.dir-cart .blue .rating-range input[type="range"]::-webkit-slider-thumb {background-color: rgba(32,168,226,1);}
.dir-cart .rating-range input[type="range"]::-webkit-slider-runnable-track {width: 100%; height: 10px; cursor: pointer; z-index: 0;}
.dir-cart .rating-range .row .col:nth-of-type(2){padding: 0 10px;}
.dir-cart .rating-range .row .col:nth-of-type(2) .field{width: 100%; padding: 0 1% 0 40%; box-sizing: border-box;}
.dir-cart .rating-range .row .col:nth-of-type(2):before{display: block; content: ""; position: absolute; bottom: 12px;  left: 10px; width: calc(100% - 20px); height: 10px; background-color: #000000; border-radius: 5px; z-index: 0;}
.dir-cart .rating-range .average{position: relative; bottom: 12px;  left: 0;  height: 10px; border-radius: 5px; z-index: 1;}
.dir-cart .total .rating-range .average{background-color: rgba(246,211,0,0.5); z-index: 0;}
.dir-cart .red .rating-range .average{background-color: rgba(227,0,123,0.5); z-index: 0;}
.dir-cart .yellow .rating-range .average{background-color: rgba(246,211,0,0.5); z-index: 0;}
.dir-cart .blue .rating-range .average{background-color: rgba(32,168,226,0.5); z-index: 0;}
.dir-cart .rating-range .row + p{margin: 10px 0 0;}
.dir-cart form textarea{width: 100%; max-width: 100%; height: 10em; padding: 0.5em; font-size: 16px; box-sizing: border-box; vertical-align: top;}
.dir-cart .rating-more{padding-bottom: 10px; background-color: #333333; text-align: center;}
.dir-cart .details .rating-more{border-bottom: 1px solid #000000;}
.dir-cart .rating-more span	{display: inline-block; position: relative; width: 40%; padding: 10px 0; color: #ffffff; background: rgb(247,227,0); background: linear-gradient(180deg, rgba(34,34,34,1) 0%, rgba(34,34,34,0.75) 100%); border: 1px solid #000	; border-radius: 4px; line-height: 1.0; cursor: pointer;}
.dir-cart .rating-more span:after	{display: inline-block; content: ""; width: 10px; height: 10px; margin-left: 0.5em; background: transparent url("../img/icon-arrow-down.png") no-repeat center center; background-size: 10px;}
.dir-cart .details .rating-more span:after	{transform: rotate(180deg)}
.dir-cart .rating-more span em:after	{display: inline-block; content: "を評価する";}
.dir-cart .details .rating-more span em:after	{content: "評価を閉じる";}

.dir-cart .rating-details{display: none;}
.dir-cart .details .rating-details{display: block;}
.dir-cart .rating-details .row.position{padding: 2px 2px 2px 10px; background-color: #333333;}
.dir-cart .rating-details .row.position .col{vertical-align: middle;}
.dir-cart .rating-details .row.position .col:first-child{font-family: 'Rajdhani', sans-serif; font-size: 1.25em; font-weight: 700;}
.dir-cart .rating-details .row.position .col:last-child{width: 30%;}
.dir-cart .rating-details ul li{border-top: 1px solid #000000;}

.dir-search form {padding: 10px 0; background-color: #333333;}
.dir-search form dl dt, .dir-search form dl dd {padding-right: 10px; padding-left: 10px;}
.dir-search form dl dt:not(:first-child) {margin-top: 10px; padding-top: 10px; border-top: 1px solid #000000;}
.dir-search form dl dd {display: none; margin-top: 10px;}
.dir-search form dl dt.open + dd {display: block;}
.dir-search form dl dt .flex-box {display: table;  width: 100%;}
.dir-search form dl .flex-box .col {display: table-cell;}
.dir-search form dl .flex-box .col.field {text-align: center;}
.dir-search form dl .flex-box .col:first-child {width: 48px; white-space: nowrap;}
.dir-search form dl dt .flex-box .col:last-child {width: 48px; text-align: right;}
.dir-search form dl .flex-box .col:last-child .button {display: inline-block; text-align: left;}
.dir-search form dl .field input {display: inline-block; width: 3.0em;}
.dir-search form dl .field span {display: inline-block; margin: 0 0.5em;}
.dir-search form dl dd .flex-box {display: table; margin: 0 auto; padding-top: 5px; vertical-align: middle;}
.dir-search form dl dd .flex-box:first-child {padding: 0 0 5px; border-bottom: 1px solid #000000;}
.dir-search form dl dd .flex-box .col{display: table-cell;}
.dir-search form dl dd .flex-box .col:first-child{background-color: #808080; font-family: 'Rajdhani', sans-serif; text-align: center; }
.dir-search form dl dd .flex-box .col:last-child{padding-left: 10px;}
.dir-search form dl dd .flex-box .col:last-child div, .page-user-profile form .flex-box.dob .col div{display: inline-block; margin-bottom: 0; padding-right: 30px;}
.dir-search form dl dd .flex-box .col:last-child select{color: #333333; border-radius: 0;}
.dir-search form dl dt .toggle .button {position: relative; width: 48px;  height: 24px; background-color: #8c8c8c; border-radius: 12px; text-indent: -999em;}
.dir-search form dl dt.open .toggle .button {background-color: #f6d300;}
.dir-search form dl dt .toggle .button:before {display: block; content: ""; position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; background-color: #ffffff; border-radius: 12px; -webkit-transition: all 0.25s;-moz-transition: all 0.25s;-ms-transition: all 0.25s;-o-transition: all 0.25s;transition: all 0.25s;}
.dir-search form dl dt.open .toggle .button:before {left: calc(100% - 22px); -webkit-transition: all 0.25s;-moz-transition: all 0.25s;-ms-transition: all 0.25s;-o-transition: all 0.25s;transition: all 0.25s;}
.dir-search form dl dd ul {display: flex; width: calc(100% + 10px); transform: translate(-10px);}
.dir-search form dl dd ul li {width: calc(100% - 10px); margin-left: 10px;}
.dir-search form dl dd ul li label {display: block; width: 100%; height: 24px; line-height: 22px; color: #ffffff; border: 1px solid #ffffff; border-radius: 4px; text-align: center; box-sizing: border-box;}
.dir-search form dl dd ul li input[type="radio"], .dir-search form dl dd ul li input[type="checkbox"] {display: none}
.dir-search form dl dd ul li input[type="radio"]:checked + label, .dir-search form dl dd ul li input[type="checkbox"]:checked + label {color: #000000; background-color: #f6d300; border-color: #f6d300;}
.dir-search form dl dd .field {text-align: center;}
.dir-search form dl .formation + dd ul {display: grid; grid-template-columns: 33.333% 33.333% 33.333%;}
.dir-search form dl dd ul li {margin-top: 10px;}
.dir-search form dl .formation + dd ul li:nth-of-type(4) label, .dir-search form dl .formation + dd ul li:nth-of-type(7) label {height: 58px; line-height: 58px;}
.dir-search form dl .formation + dd ul li:nth-of-type(4), .dir-search form dl .formation + dd ul li:nth-of-type(7) {grid-row: 2 / span 2;}
.dir-search form dl .formation + dd ul li:nth-of-type(5) {grid-row: 2 / span 1;}
.dir-search form dl .formation + dd ul li:nth-of-type(6) {grid-row: 3 / span 1;}

/*.dir-search form input[type="range"]{position: relative; width: 100%; box-sizing: border-box; vertical-align: middle; z-index: 2; pointer-events: none;}
.dir-search form input[type="range"]::-webkit-slider-thumb { display: block; position: relative; -webkit-appearance: none; height:20px; width: 20px; border-radius: 50%; border: none; cursor: pointer; z-index: 2;}
.dir-search form input[type="range"]::-webkit-slider-thumb {background-color: rgba(246,211,0,1);}*/

.noUi-target{margin: 15px 0; height: 10px; background: #8c8c8c; border: none; border-radius: 5px; box-shadow: none;}
.noUi-horizontal .noUi-handle{width: 20px;  height: 20px;}
/*.noUi-horizontal .noUi-origin:last-child .noUi-handle{right: -3px;}*/
.dir-search form .item-range .noUi-handle{background-color: #f6d300;  border: none; border-radius: 10px; box-shadow: none;}
.noUi-handle:after, .noUi-handle:before{display: none;}
.dir-search form .item-range .noUi-connect{width: calc(100% + 1px); height: 10px; background: rgba(246,211,0,0.55);}
.noUi-base{width: calc(100% - 14px)}
/*.dir-search form .item-range{position: relative; height: 22px;}
.dir-search form .item-range:before{display: block; content: ""; position: absolute; bottom: 5px;  left: 10px; width: calc(100% - 20px); height: 10px; background-color: #8c8c8c; border-radius: 5px; z-index: 0;}
.dir-search form .item-range span{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 22px; box-sizing: border-box;}
.dir-search form .item-range span:last-child{right: 0; left: auto;}
.dir-search form .item-range span em{display: block; position: absolute; top: 4px; right: 0; height: 21px; z-index: 3; background-color: #f30;}
.dir-search form .item-range span:last-child em{right: auto; left: 0;}
.dir-search form .item-range ::-webkit-slider-thumb{pointer-events: auto;}*/

.dir-search form .field{padding: 0 10px}
.dir-search form .field p{position: relative; height: 28px; margin-bottom: 10px; background-color: #ffffff;}
.dir-search form .field p input{position: relative; background-color: transparent; outline: none; z-index: 1;}
.dir-search form .field p input:focus{background-color: #ffffff;}
.dir-search form .field .nav-select{margin-bottom: 0;}
.dir-search form input[type="text"]{  height: 30px; font-size: 16px; border: none; outline: none; transform: scale(0.8);}
.dir-search form p input[type="text"] {display: block; width: 125%; transform: translate(-10%) scale(0.8);}
.dir-search form .item-send, .page-user-profile form .item-send{margin-top: 10px; padding-top: 10px; border-top: 1px solid rgba(255,255,255,0.5);}
.page-user-profile form > dl:not(:nth-of-type(4)) + .item-send{margin-bottom: 10px;}
.dir-search form .field p:before{display: block; content: ""; position: absolute; top: 4px; left: 4px; width: 24px; height: 19px; background-image: url("../img/splite-all.png"); background-repeat: no-repeat; background-color: transparent; background-size: 333px; background-position: -52px -57px; z-index: 0;}
.dir-search.page-result .heading-result{margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,0.5)}
.dir-search.page-result .heading-result .row{width: 100%; }
.dir-search.page-result .heading-result .row .col:last-child{width: 100px;}
.dir-search.page-result .heading-result a{display: block; position: relative; height: 24px; line-height: 22px; margin-left: 10px; padding: 0 1.0em; color: #f6d300; border: 1px solid #f6d300; border-radius: 4px; font-size: 0.75em; font-weight: 700; text-align: center; box-sizing: border-box; white-space: nowrap;}

.dir-signup main .container-sm strong, .dir-mypage main .container-sm strong {display: block; padding: 0 0 1.0em; background-color: #000000; text-align: center;}
.dir-signup main .container-sm strong + p, .dir-mypage main .container-sm strong + p {margin: 10px 0 0; padding: 0 0.75em 10px; border-bottom: 1px solid #000000;}
.dir-signup main .container-sm .heading-form + p {margin: 0; padding: 0 0.75em 10px; border-bottom: 1px solid #000000;}
.page-user-profile form dt, .page-user-profile form dd {padding: 0.5em 0.75em; box-sizing: border-box;}
.page-user-profile form dd + dd {padding-top: 0;;}
.page-user-profile form dt {padding-bottom: 0; font-weight: 700;}
.page-user-profile.check form dt {padding: 0.25em 0.5em; background-color: #808080;}
.page-user-profile form dt:not(:first-child) {border-top: 1px solid #000000}
.dir-signup .page-user-profile form dd + dd {padding-top: 0;}
.page-user-profile.end main .container-sm .field {display: block; padding: 2.0em 1.0em; background-color: #333333; text-align: center;}
.page-user-profile.end main .container-sm .field p {text-align: left;}
.page-user-profile.password.mailsend main .container-sm .field, .page-user-profile.password.end main .container-sm .field {display: block; padding: 0 1.0em 1.0em; background-color: #333333; border-radius: 4px; text-align: center;}

.page-user-profile form {padding: 0 0 10px; background-color: #333333;}
.page-user-profile.password form {border-radius: 4px;}
.page-user-profile form ul {padding-top: 0;}
.page-user-profile form dl dd:nth-of-type(1), .page-user-profile form ul:nth-of-type(1) {text-align: center;}
.page-user-profile form dl dd:nth-of-type(1) p, .page-user-profile form ul:nth-of-type(1) p {margin-top: 0;}
.page-user-profile form ul:not(:nth-of-type(1)), .page-user-profile form:not(:nth-of-type(1)) dl {/*margin-top: 0.5em;*/ border-top: 4px solid #000000;}
.page-user-profile form ul li {padding: 0 0.75em 10px; box-sizing: border-box;}
.page-user-profile form ul li:not(:first-child) {border-top: 1px solid #000000;}
.page-user-profile form dd input, .page-user-profile form dd textarea, .page-user-profile form ul li input, .page-user-profile form ul li textarea {display: block; width: 125%; padding: 0.25em; background-color: #cccccc; border: none; font-size: 16px; box-sizing: border-box; transform: translate(-10%) scale(0.8); vertical-align: top; outline: none;}
.page-user-profile form ul li input::placeholder, .page-user-profile form ul li textarea::placeholder {color: #666666;}
.page-user-profile form ul li input {margin: 10px 0 0}
.page-user-profile form ul li.note input, .page-user-profile form dl dd.note input {background-color: #ffcccc;}
.page-user-profile form ul li.note em, .page-user-profile form dl dd.note em {display: block; color: #ee0000; text-align: left;}
.page-user-profile form ul li .flex-box {align-items: center; justify-content: space-between; margin: 10px 0 0}
.page-user-profile form .flex-box span:last-child {margin-left: 0.5em;}
.page-user-profile form ul li .flex-box input {margin-top: 0;}
.page-user-profile form ul li .flex-box.dob {justify-content: flex-start}
.page-user-profile form ul li .flex-box.dob .col:first-child {margin-right: 0.5em;}
.page-user-profile form textarea  {height: 5.0em; float: left; margin: 5px 0 -5px;}
.page-user-profile form dl dd textarea  {margin-top: -5px;}
.page-user-profile form ul li input[type="file"], .page-user-profile form dd input[type="file"] {display: none;}
.page-user-profile form ul li label, .page-user-profile form dd label, .page-user-profile form dd ul.flex-box li span {display: block; margin: 12px 0 2px; padding: 0.5em; border: 1px solid #808080; text-align: center; cursor: pointer;}
.page-user-profile form dd ul.flex-box li label, .page-user-profile form dd ul.flex-box li span {margin-top: 0;}
.page-user-profile form dd ul.flex-box {justify-content: space-between; width: calc(100% + 10px);  margin: 0; padding: 0; list-style-type: none; transform: translate(-10px);}
.page-user-profile form dd ul.flex-box li {width: 50%; margin-left: 10px; padding: 0; border-top: none;}
.page-user-profile form ul li:before, .page-user-profile form ul li:after, .page-user-profile form dd:before, .page-user-profile form dd:after { content: " "; display: table;}
.page-user-profile form ul li:after, .page-user-profile form dd:after { clear: both;}
.page-user-profile form ul li, .page-user-profile form dd {*zoom:1;}
.page-user-profile .heading-form {display: block; padding: 1.0em 0; text-align: center;}
.page-user-profile form .item-send + .note {margin-top: 0.75em; color: #ffffff; text-align: center;}
.page-user-profile form .item-send + .note a {color: #ffffff;}
.page-user-profile.password .container-sm{display: flex; align-items: center; justify-content: center; padding: calc(10vh - 10px) 0 calc(10vh - 40px); text-align: center;}
.page-user-profile.password .container-sm form, .page-user-profile.password .container-sm .inner{width: 85%;}

.scroll{overflow: scroll;}
.scroll > *{white-space: nowrap;}
.betting ul{margin: 0; padding: 0; list-style-type: none;}
.betting .spec ul{display: flex; justify-content: space-between; width: calc(100% + 5px); transform: translate(-5px);}
.betting .spec ul li{margin-left: 5px; padding: 5px 10px; color: #fffff; background-color: #404040; border-radius: 50px; font-size: 0.85em; text-align: center; line-height: 1.0;}
.betting .spec ul li:nth-of-type(2){flex-grow: 2; padding: 5px 0;}
.betting section h1 + .field{position: relative; padding: 0 0 0 2px;}
.betting section h1 + .field:before{display: block; content: ""; position: absolute; top: 0; left: 0; width: 2px; height: 100%; background-color: #f6d300;}
.betting section h1 + .field .inner{position: relative; width: max-content; min-width: 100%;}
.betting section h1 + .field .inner:after{display: block; content: ""; position: absolute; top: 0; right: 20px; width: 2px; height: 100%; background-color: #f6d300;}
.betting section.data .field:before{height: calc(100% - 2px);}
.betting section.stats .field .scroll,.betting section.data .field .scroll{position: relative; width: calc(100% + 20px);}
.betting section > h1{position: relative; margin-bottom: 0; padding-left: 35px; font-family: 'Rajdhani', sans-serif; font-size: 1.0em; line-height: 30px;}
.betting section > h1:after	{display: block; content: ""; width: 30px; height: 30px; line-height: 30px; position: absolute; top: 0; left: 0; margin-right: 5px; background: #808080 url("../img/icon-arrow-down.png") no-repeat center center; background-size: 10px; vertical-align: top; transform: rotate(-90deg)}
.betting section.score > h1:before{display: inline-block; content: ""; width: 80px; height: 11px; margin-right: 0.5em; background: transparent url("../img/logo-golscouter.png") no-repeat left top; background-size: 80px; text-indent: -999em; vertical-align: -2px;}

.betting .score table{width: 100%; border-spacing: 0; table-layout: fixed;}
.betting .score > table{position: relative; width: calc(100% - 4px); margin: 0 2px;}
.betting .score > table:before{display: block; content: ""; position: absolute; top: 0; left: -2px; width: 2px; height: calc(100% - 2px); background-color: #f6d300; z-index: 1;}
.betting .score > table:after{display: block; content: ""; position: absolute; top: 0; right: -2px; width: 2px; height: calc(100% - 2px); background-color: #f6d300; z-index: 1;}
.betting .score table th.emb{width: 50px;}
.betting .score table th.gs{position: relative; width: 55px; color: #ffffff; background: rgb(246,211,0); background: linear-gradient(90deg, rgba(246,211,0,1) 0%, rgba(0,0,0,1) 50%, rgba(246,211,0,1) 100%); border: 2px solid #f6d300; font-size: 1.6em; box-sizing: border-box;}
/*.betting .score table thead th.club{width: 20%;}*/
.betting .score table th.home{border-right: 2px solid #000000;}
.betting .score table th.away{border-left: 2px solid #000000;}
.betting .score table tr > th:nth-of-type(3), .betting .score table tr > th:nth-of-type(4){position: relative;}
.betting .score table tr > th:nth-of-type(4):before{display: block; content: ""; position: absolute; top: -2px; left: -3px; width: 2px; height: calc(100% + 4px); background-color: #000000;}
.betting .score table tr > th:nth-of-type(4):after{display: block; content: "vs"; position: absolute; top: 50%; left: -10px; width: 16px; height: 12px; line-height: 10px; margin-top: -6px; font-size: 10px; color: #333333; background-color: #ffffff; border-radius: 6px; text-align: center;}
.betting .score table tbody th{ position: relative; width: 70px; height: 32px; font-size: 0.85em; box-sizing: border-box; }
.betting .score table tbody th:before{ display: block; content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%;background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);}
.betting .score table tbody th div{ position: relative;}
.betting .score table tbody th em{ padding: 0 0.25em; font-family: 'Rajdhani', sans-serif; font-size: 1.5em;}
.betting .score table tbody th span{ font-size: 0.75em}
.betting .score table tbody td{ position: relative; vertical-align: top;}
.betting .score table tbody td table{  width: calc(100% + 2px);  transform: translate(-1px); background-color: #000000;}
.betting .score table tbody td .gauge{ display: table; table-layout: fixed; width: calc(100% - 11px); height: 65px; margin-top: 0; margin-left: 5px; border-right: 1px solid rgba(255,255,255,0.25); }
.betting .score table tbody td:before{ display: block; content: ""; position: absolute; bottom: 1px; left: 0; width: 100%; height: 44px; background: rgb(51,51,51); background: linear-gradient(90deg, rgba(51,51,51,1) 0%, rgba(102,102,102,1) 50%, rgba(51,51,51,1) 100%); z-index: -1;}
.betting .score table tbody td:after{ display: block; content: "0"; position: absolute; top: 8px; left: calc(50% - 5px); width: 10px; height: 10px; line-height: 10px; font-family: 'Rajdhani', sans-serif; font-weight: normal;text-align: center; background-color: #000000;}
.betting .score table tbody td .gauge > div {display: table-cell; position: relative; border-left: 1px solid rgba(255,255,255,0.25);}
.betting .score table tbody td .gauge > div:nth-of-type(n+1):before {display: block; content: ""; position: absolute; top: 0; left: calc(50% - 0.5px); width: 1px; height: 100%; background-color: rgba(255,255,255,0.05);}
.betting .score table tbody td .gauge > div span {display: block; position: absolute; top: 6px; right: -5px; width: 10px; height: 10px; line-height: 10px; font-family: 'Rajdhani', sans-serif;text-align: center;}
.betting .score table tbody td .gauge > div:nth-child(-n+4) span {right: auto; left: -6px;}
.betting .score table tbody td .wrap-range.home {position: absolute; top: 0; left: 7px; width: calc(50% - 7px); height: 100%;}/* 220902 追加*/
.betting .score table tbody td .wrap-range.away {position: absolute; top: 0; right: 7px; width: calc(50% - 7px); height: 100%;}/* 220902 追加*/
.betting .score table tbody td .range-gs {position: absolute; bottom: 1px; ; width:  calc(100% - 10px); height: 44px; text-align: center;}
.betting .score table tbody td .range-gs div {display: flex; align-items: center; justify-content: center; width: 100%; height: 44px; text-align: center;}
.betting .score table tbody td .range-gs div:before {display: flex; align-items: center; justify-content: center; width: 100%; height: 44px; text-align: center;}
.betting .score table tbody td .home .range-gs div, .betting .score table tbody td .away .range-gs.neg div {clip-path: polygon(100% 0%, calc(100% - 5px) 50%, 100% 100%, 5px 100%, 0 50%, 5px 0%);}
.betting .score table tbody td .away .range-gs div, .betting .score table tbody td .home .range-gs.neg div {clip-path: polygon(calc(100% - 5px) 0%, 100% 50%, calc(100% - 5px) 100%, 0% 100%, 5px 50%, 0% 0%);}
.betting .score table tbody td .range-gs em {display: flex; align-items: center; justify-content: center;position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; font-family: 'Rajdhani', sans-serif; font-weight: bold;}
.betting .score table tbody td .range-gs .bc238 + em,
.betting .score table tbody td .range-gs .bc30305 + em,
.betting .score table tbody td .range-gs .bc121 + em,
.betting .score table tbody td .range-gs .bc132 + em,
.betting .score table tbody td .range-gs .bc30313 + em{color: #333333;}
.betting .score table tbody td .point-gs {position: absolute; bottom: 18px; ; width: 4px; height: 44px; text-align: center;}
/*.betting .score table tbody td .point-gs.home {margin-left: 0;}
.betting .score table tbody td .point-gs.away {margin-right: 0;}*/
.betting .score table tbody td .point-gs:after {display: block; content: ""; width: 4px; height: calc(100% + 5px); background-color: #f6d300;}
.betting .score table tbody td .point-gs div {width: 10px; height: 10px; margin-left: -4px; border: 1px solid #ffffff; border-radius: 6px;}


.betting .stats ul{display: table; padding-right: 20px;}
.betting .stats ul li{display: table-cell; /*color: #999999; */border-right: 3px solid #000000; font-size: 10px; text-align: center; vertical-align: middle; line-height: 1.4;}
.betting .stats ul li:nth-of-type(3), .betting .stats ul li:nth-of-type(10){position: relative; padding-left: 5px}
.betting .stats ul li:nth-of-type(3):before, .betting .stats ul li:nth-of-type(10):before{display: block; content: ""; position: absolute; top: 0; left: 0; width: 2px; height: 100%; margin-right: 10px; background-color: #f6d300;}
.betting .stats ul li:last-child{position: relative;}
.betting .stats ul li:last-child:after{display: block; content: ""; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background-color: #000000;}
.betting .stats ul li em{display: block; width: 40px; color: #ffffff; border-bottom-style: solid; border-bottom-width: 2px; font-family: 'Rajdhani', sans-serif; font-size: 2.0em; font-weight: 700; line-height: 1.0;}
.betting .stats, .betting .data{position: relative;}
.betting .stats:after, .betting .data:after{display: block; content: ""; position: absolute; top: 0; right: -20px; width: 20px; height: 100%; background: rgb(0,0,0); background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);}

.betting .data table{width: max-content; padding-right: 22px;}
.betting .data table th{font-family: 'Rajdhani', sans-serif; font-size: 0.60em; font-weight: normal;}
.betting .data table tbody td{text-align: center; line-height: 1.0; box-sizing: content-box;}
.betting .data table tbody td:nth-child(n+3){width: 26px;}
.betting .data table tbody th, .betting .data table tbody td:not(:last-child){background-color: #000000;}
.betting .data table tbody th{width: 30px;}
.betting .data table tbody .last-games + th, .betting .data table tbody .score + th, .betting .data table tbody .score{color: #ffffff;}
.betting .data table tbody td.score.lose{position: relative; border: 2px solid rgba(246,211,0,0.5);}
.betting .data table tbody td.score.lose:before{display: block; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5);}
.betting .data table tbody th.score.lose em{position: relative; }
.betting .data table tr > *:nth-child(2), .betting .data table tr > *:last-child {position: relative; padding-left: 5px;}
.betting .data table tr > *:nth-child(2):before, .betting .data table tr > *:last-child:before {display: block; content: ""; position: absolute; top: -2px; left: 0; width: 2px; height: calc(100% + 2px); background-color: #f6d300;}
.betting .data table tr > *:nth-child(2):after, .betting .data table tr > *:last-child:after {display: block; content: ""; position: absolute; top: 0; left: 2px; width: 2px; height: 100%; background-color: #000000;}
.betting .data table tbody td.score{background-color: #000000; border: 2px solid #f6d300; font-family: 'Rajdhani', sans-serif; font-size: 1.15em; font-weight: 800; font-weight: bold;}
.betting .data table tbody td ul{display: flex;}
.betting .data table tbody td ul li{width: 120px; margin: 1px; vertical-align: top;}
/*.betting .data table tbody td ul:empty, */.betting .data table tbody td ul.none{position: relative; min-height: 26px;}
/*.betting .data table tbody td ul:empty:after, */.betting .data table tbody td ul.none:after{display: block; content: ""; position: absolute; top: -3px; left: -2px; right: -2px; bottom: -3px; background-color: #000000;}
.betting .data table tbody td ul li:first-child:empty:after{left: -2px;}
.betting .data table tbody td ul li:not(:first-child):before{display: block; content: ""; position: absolute;}
.betting .data table tbody td .heading-players{width: 100%; border: none; border-spacing: 0;}
.betting .data table tbody td .heading-players .photo{width: 26px; box-sizing: content-box;}
.betting .data table tbody td .heading-players .info	{text-align: left;}
.betting .data table tbody td .heading-players .info .name{width: 78px; padding: 0 2px 0 10px; color: #ffffff; font-size: 0.65em; vertical-align: middle; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.betting .data table tbody td .heading-players .info .name b	{left: -9px; width: 16px; height: 16px; line-height: 14px; margin-top: -8px; border-width: 1px; font-size: 0.75em;}
.betting .comment .tab ul	{display: flex; width: calc(100% + 2px); transform: translate(-2px)}
.betting .comment .tab ul li	{width: 20%; margin-left: 2px; background: rgb(246,211,0); background: linear-gradient(180deg, rgba(246,211,0,1) 0%, rgba(0,0,0,1) 50%, rgba(246,211,0,1) 100%); border: 2px solid #f6d300; font-size: 0.85em; font-weight: bold; text-align: center; text-shadow: 1px 1px 1px #000000; box-sizing: border-box;}
.betting .comment .tab ul li:not(.active)	{opacity: 0.5;}
.betting .comment .tab ul li span, .betting .comment .profile span, .betting .board .live-list table thead span	{display: block; width: 40px; height: 40px; margin: 2px auto 4px; border-radius: 4px; overflow: hidden;}
.betting .comment .body-comment strong, .betting .comment .body-comment p	{margin: 0; padding: 2px; background-color: #006558; border-top: 2px solid #000000;}
.betting .comment .body-comment strong	{display: block;}
.betting .comment .profile	{margin-top: 5px; padding: 5px; background-color: #333333; border: 2px solid #f6d300;}
.betting .comment .profile strong	{display: block; position: relative; font-size: 1.15em;}
.betting em.type	{display: inline-block; padding: 2px; color: #ffffff; border-radius: 4px; font-size: 0.65em; line-height: 1.0; text-shadow: 0 0 0 transparent;}
.betting .board em.type	{font-size: 1.0em;}
.betting em.type.blue	{background-color: #6762e0}
.betting em.type.red	{background-color: #e06263}
.betting .comment .profile strong em	{display: block; position: absolute; top: 0.5em; right: 0;}
.betting .comment .profile span	{float: right; width: 60px; height: 60px; margin: 0 0 1.0em 1.0em; border-radius: 4px;}
.betting .comment .profile p	{margin: 0;}
.betting .comment .profile p button:before	{display: inline-block; content: "…";  margin-right: 0.25em; color: #ffffff;}
.betting .comment .profile p button	{display: inline-block; padding: 0; color: #f6d300; background-color: transparent; border: none; cursor: pointer;}

.betting .board .filter ul	{display: flex; width: calc(100% + 2px); margin-top: 5px; transform: translate(-2px)}
.betting .board .filter ul li	{width: 100%; height: 24px; line-height: 20px; margin-left: 2px; background-color: #333333; border: 2px solid #aaaaaa; border-radius: 50px; font-size: 0.65em; text-align: center; box-sizing: border-box; cursor: pointer;}
.betting .board .filter ul li:hover	{border-color: #f6d300;}
.betting .board .filter ul li.active	{background-color: #000000; border-color: #f6d300;}
.betting .board .filter ul li .icon	{vertical-align: middle; transform: scale(0.6); margin: calc(20px / 6 * -1)}
.betting .board .filter ul li:not(.active) .icon	{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);}
.betting .board .live-list{margin: 5px 0 0;}
.betting .board .live-list table tr.home > *:nth-child(1)/*, .betting .board .live-list table tr > *:nth-child(3)*/{width: 26px;}
.betting .board .live-list table thead tr > td:nth-child(2){width: auto;}
.betting .board .live-list table thead span	{width: 40px; height: 40px; border-radius: 4px;}
.betting .board .live-list table thead .club	{height: 39px;}
.betting .board .live-list table tr td.writer{width: 80px;}
.betting .board .live-list table thead tr td.writer{color: #ffffff; background: rgb(246,211,0); background: linear-gradient(180deg, rgba(246,211,0,1) 0%, rgba(0,0,0,1) 50%, rgba(246,211,0,1) 100%); border: 2px solid #f6d300; text-shadow: 1px 1px 1px #000000; }


.betting .board .live-list table tbody tr td.writer{color: #f6d300; background-color: #333333; border-color: #666666;}
.betting .board .live-list table tbody tr td.writer:before{display: none !important;}

.betting .board .live-list > table > tbody > tr > td{position: relative;}
.betting .board .live-list > .scroll > .inner > table > tbody > tr > td:before{display: block; content: ""; position: absolute; top: 0; left: -4px; width: 2px; height: calc(100% - 3px); background-color: #f6d300;}
.betting .board .live-list > .scroll > .inner > table > tbody > tr > td:after{display: block; content: ""; position: absolute; top: 0; right: -4px; width: 2px; height: calc(100% - 3px); background-color: #f6d300;}
.betting .board .live-list.toto table.live-table:before, .betting .board .live-list.toto table.live-table:after{height: 83px;}
.betting .board .live-list.toto table td table tbody tr th.num.draw{background-color: #666666;}
.betting .board .live-list.toto table td table tbody tr > th.club:before, .betting .board .live-list.toto table td table tr > td:last-child:after{display: none;}
.betting .board .live-list.toto table td table tbody tr th.club *{border: none;}
.betting .board .live-list table td table{margin: 0; transform: translate(-4px);}
.betting .board .live-list tbody td table{margin-top: -3px;}
.betting.clearfix aside{padding: 15px; background-color: #848484;}
.betting.clearfix aside dl{margin: 0; padding: 0;}
.betting.clearfix aside dl > dt:not(:first-child){margin-top: 10px;;}
.betting.clearfix aside dl dd{margin: 0; padding: 0; text-align: right;}
.live-list table td table tr > td:nth-of-type(1){color: #ffffff;/*background-color: #000000 !important; border: 2px solid #f6d300;*/}


/* WINNERLIST update 

.live-list.toto table td.last-games, .betting .data table td.last-games{width: 7.0em;}
.live-list.toto table td table tbody tr th.club b{margin: 0; padding: 1px 2px 1px;}
.live-list.toto table td table tbody tr th.club b +  span{margin: 0 0 0 -0.5em;}
.tiny-icon{display: inline-block; width: 2.75vw; padding: 2px 0 1px;}*/



@media screen and (max-width:786px){
header .field > .flex-box {width: max-content;}
main{padding-top: 76px;}
.container-sm{padding-right: 20px; padding-left: 20px;}
.live-list{margin: 0 5px;}
.summary-field{padding: 0 20px;}
.ttl-page	{margin-right: 20px; margin-left: 20px;}
.item-news .heading-news, .item-news .body-news	{margin: 0 20px;}
nav.club-list .swiper-button-next {right: 7px !important}
nav.club-list .swiper-button-prev {left: 7px !important}

.dir-club .players-profile h1.rounded.yellow{margin: 0 20px;}
.dir-club .trend-player{margin-bottom: 20px;}
.dir-club .trend-player h1.rounded.yellow{margin-bottom: 10px;}
.dir-player.page-rating h1.rounded.yellow{margin: 0 20px 10px; /*margin: 20px;*/ overflow: hidden;}
.page-club-data .data-area .heading{width: calc(100% - 40px);}
.standings-list table{width: 500px; border-right: 5px solid #000000; border-left: 5px solid #000000;}
.standings-list table thead th:not(.club) span{line-height: 40px; writing-mode: vertical-rl;}
.standings-list table tr .toggle{position: sticky !important; left: 3px; z-index: 1;}
.standings-list table tr .toggle button:after{display: block; content: ""; position: absolute; top: 0px; left: -3px; width: 3px; height: 100%; background-color:  #000000;}
.standings-list table tr:nth-child(4n+3) .toggle button:after{width: 5px;}
.standings-list table tr.open + .data{position: relative;}
.standings-list table tr.open + .data:after{display: block; content: ""; padding-top: 198px;}
.standings-list table tr.open + .data td{display: block; position: absolute; left: 0; width: 100%;}
.standings-list table tr.open + .data td .inner{position: sticky; left: 3px; width: calc(100vw - 12px);}
.standings-list table tr.open + .data .tab ul li.active{color: #333333; background-color: #f6d300; box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.5) inset}
.dir-search form input[type="text"] {width: 100%; box-sizing: border-box;}

.betting.clearfix aside{padding: 20px;}
.betting .score table th.club span{display: block; margin: 0 auto; transform: scale(0.8)}
.betting .stats ul li span:not(.emb){font-size: 2.0vw;}
.betting .stats ul li:first-child span{margin: 0 2px;}
.betting .comment .profile p	{font-size: 0.90em;;}
.betting .board .live-list:after{display: block; content: ""; position: absolute; top: 0; right: 0; width: 20px; height: 100%; background: rgb(0,0,0); background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);}
.betting .board .live-list .scroll{position: relative; width: calc(100% + 20px);}
.betting .board .live-list .scroll .inner{width: max-content; padding-right: 20px}
.betting .board .live-list .scroll table.live-table{width: max-content; white-space: nowrap;}
.betting .board .live-list .scroll table.live-table .club + td{position: sticky; left: 0; width: 26px; z-index: 1;}
.betting .board .live-list .scroll table.live-table tbody .club + td{left: 4px}

}

@media screen and (max-width:320px){
header h1.reset{ width: 138px; height: 21px; margin: 9px 0 0 10px; background-position: 0px -134px; background-size: 400px;}
.global-nav > ul > li > a{ line-height: 4.5vw}
.global-nav > ul > li > a em{ top: 0;}
nav.club-list .swiper-button-next {right: 7px !important}
nav.club-list .swiper-button-prev {left: 7px !important}
	.list-rating ol li .profile .club span, .dir-player .profile-field .club span{ font-size: 0.45em;}
.summary-field > .heading .score .row .col.time span{font-size: 1.2em;}
.page-user-profile form ul li .flex-box.dob .col .nav-select select {padding-right: 0;}
.live-list.toto table thead tr td:nth-child(n+4), .live-list.toto table td table tbody tr td:nth-child(n+4){width: 19px; font-size: 1.0em;}
.live-list.toto table thead tr td:nth-child(2), .live-list.toto table td table tbody tr th:nth-child(2){width: 13px;}
.betting .board .live-list.toto table thead tr td:nth-child(2), .betting .board .live-list.toto table td table tbody tr th:nth-child(2){width: auto;}
.live-list.toto table tbody tr.pickup td button{font-size: 1.0em;}
.live-list.toto table td table tbody tr td.hit{line-height: 1.6;}
.rated-list ul li .photo em.good:before{height: 0.5em}
}

@media screen and (min-width:786px){
html	{font-size: 62.5%;height: 100%;}
body	{font-size: 1.6rem;}
main	{width: 1060px; margin: 0 auto; padding-top: 104px; font-size: 1.6rem;}

header .field, header > .flex-box {position: relative; width: 1060px; height: 60px; margin: 0 auto; overflow: visible;}
header .field > .flex-box{justify-content: space-between}
header h1.reset{width: 304px; height: 46px; margin-left: 0; padding-left: 0; background-position: 0 -292px; background-size: 880px;}
header nav.league-category ul li{width: 50px;}
header nav.league-category ul li a{width: 50px; height: 60px; line-height: 60px;}
header nav.league-category ul li a:before{width: 32px; height: 42px; margin: 9px 9px 0 9px;}

header nav.league-category ul li.j1 a:before {background-position: -7px -50px; background-size: 700px;}
header nav.league-category ul li.j2 a:before {background-position: -49px -50px; background-size: 700px;}
header nav.league-category ul li.j3 a:before {background-position: -91px -50px; background-size: 700px;}
header nav.league-category ul li.info a:before {background-position: -355px -107px; background-size: 640px;}
header nav.league-category ul li.premier a:before {background-position: -508px -88px; background-size: 700px;}
header nav.league-category ul li.liga a:before {background-position: -557px -88px; background-size: 700px;}
header nav.league-category ul li.seriea a:before {background-position: -606px -88px; background-size: 700px;}
header nav.league-category ul li.bundesliga a:before {background-position: -655px -88px; background-size: 700px;}
header nav.league-category ul li.league1 a:before {background-position: -508px -136px; background-size: 700px;}

	
header .field .button-toggle{top: 0; height: 60px;}
header .field .button-toggle:before {height: 60px; line-height: 30px; margin-top: 0;}
header .field .button-toggle:after {display: block; content: ""; position: absolute; top: 0; left: 0; width: 1px; height: 20px; background-color: #000000;}
.league-category-menu-open header .field nav.league-category.cloned{top: 60px;}
.league-category-menu-open header nav.league-category.cloned ul li{width: 152px;}
.league-category-menu-open header nav.league-category.cloned ul li a{width: 152px; font-size: 1.15em;}
.global-nav	{/*position: absolute; */ border-top: none; bottom: auto;border-bottom: 1px solid rgba(255,255,255,0.5);}
.global-nav > ul	{display: flex; width: 1060px; margin: 0 auto; padding-left: 33px; text-align: center; box-sizing: border-box;}
.global-nav > ul > li	{width: 100%; font-size: 2.0rem;}
.global-nav > ul > li > a{height: 22px; line-height: 24px;}
.global-nav > ul > li:first-child{width: 32px; height: 32px;}
.global-nav > ul > li > a em{ top: -2px;}
.global-nav > ul > li button{width: 32px; height: 32px;}
.global-nav > ul > li button:before{margin: 6px 0 0 6px;}
.global-nav > ul > li.open button + ul	{width: 200px; top: 32px;}
.global-nav > ul > li.open button + ul li a	{height: 40px; line-height: 42px; padding: 0 0 0 45px; text-align: left;}


/*.global-nav ul.flex-box > li > a, .global-nav ul.flex-box > li button{line-height: 54px; font-size: 1.5em; font-weight: 700;}
.global-nav ul.flex-box > li > a:before, .global-nav ul.flex-box > li:last-child button:before	{display: inline-block; margin-right: 0.5em; vertical-align: middle;}
.global-nav ul.flex-box > li > a:hover, .global-nav ul.flex-box > li button:hover{background-color: #222222;}*/
nav.contents-list ul{display: table; width: 100%; table-layout: fixed;}
nav.contents-list ul li{display: table-cell; text-align: center;}
nav.contents-list ul li a, nav.contents-list ul li b{line-height: 0.9}
nav.contents-list ul li.nav-toto a, nav.contents-list ul li.nav-toto b{ font-size: 1.8rem;}
nav.club-list{position: relative; padding: 0; overflow: visible;}
nav.club-list .swiper{width: 1060px; height: 105px; padding-right: 1px; overflow: hidden !important;}
nav.club-list .swiper-slide span.emb{border-radius: 75px;}
.item-live.slider .swiper-slide {width: 165px !important;}
.players-rating, .dir-top .item-power-rank	{padding-right: 0; padding-left: 0;}
.dir-top .players-rating .list-rating ol{position: relative; padding-left: 545px;}
.list-rating ol li:not(:first-child):before {top: 50%; margin-top: -36px;}
.dir-top .players-rating .list-rating ol li:first-child{position: absolute; top: 0; left: 0; width: 515px;}
.dir-top .players-rating .list-rating ol li:first-child .photo span{display: block; height: 360px; overflow: hidden;}
.dir-top .players-rating .list-rating ol li:first-child:after{display: none;}
.dir-top .list-rating ol li:not(:first-child), .dir-top section:not(.players-rating) .list-rating ol li:first-child{height: 93px;}
.dir-top .list-rating ol li:not(:first-child) .photo, .dir-top section:not(.players-rating) .list-rating ol li:first-child .photo{width: 93px; height: 93px;}
.dir-top .list-rating ol li:not(:first-child) .profile, .dir-top section:not(.players-rating) .list-rating ol li:first-child .profile {width: calc(80% - 93px); height: 93px; margin-left: 94px;}
.dir-top .list-rating ol li:not(:first-child) .point p, .dir-top section:not(.players-rating) .list-rating ol li:first-child .point p{height: 46px; line-height: 46px;}
.dir-top .list-rating ol li:not(:first-child) .point p:first-child, .dir-top section:not(.players-rating) .list-rating ol li:first-child .point p:first-child{height: 47px;}
.list-rating ol li:not(:first-child), .dir-top section:not(.players-rating) .list-rating ol li, .list-rating ol:not(:first-child) li:first-child{margin: 20px 0;}
.dir-player .profile-field .name span{ margin-top: 0;}
/*.list-rating ol li:not(:first-child) .photo, body:not(.dir-top) .list-rating ol li .photo{width: 100px; height: 100px;}
.list-rating ol li:not(:first-child) .profile, body:not(.dir-top) .list-rating ol li .profile {width: calc(80% - 100px); margin-left: 101px;}
.list-rating ol li .point p {height: 49px; line-height: 49px;}
.list-rating ol li .point p:first-child {height: 50px; text-align: center;}*/
/*.dir-top .item-power-rank{float: left; width: 515px;}
.dir-top .item-news{float: right; width: 515px; padding-top: 40px !important;}*/

.live-list table th, .live-list table td{height: 40px !important;}
.live-list table thead td, .live-list table td table td{width: 40px;}/*Phase1 */
/*.live-list table th.club{width: 300px;} Phase 2 */
.live-list table td table tr.home th.club p{top: 35px; left: calc(50% - 2px)/*89px*/;}
.live-list table td table th.club div{display: block; width: 40px; height: 40px; line-height: 40px; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.35); vertical-align: top;}
.live-list table td table th.club em{margin-left: 40px;}
.live-list table td table tr.home th.club:after{top: 29px; left: 149px;  width: 23px; height: 23px; line-height: 23px; border-radius: 17px; font-size: 0.65em;}
.live-list table td.trend{width: 90px !important;}
.live-list table td.trend canvas{height: 83px !important;}
.live-list table.live-table:before, .live-list table.live-table:after,
.live-list.toto table.live-table:before, .live-list.toto table.live-table:after{height: 86px;}
.live-list table td.player .photo{position: relative; width: 38px; height: 38px;border-radius: 19px;}
/*.live-list table td.player .photo:after{display: block; content: ""; width: 38px; height: 38px;}*/
.live-list table tr.home td.player .photo:after{width: 19px; height: 38px; border: solid 2px #e3007b; border-radius: 19px 0 0 19px; border-right: 0; ;box-sizing: border-box;}
.live-list table tr.away td.player .photo:after{width: 19px; height: 38px; border: solid 2px #20a8e2; border-radius: 19px 0 0 19px; border-right: 0; ;box-sizing: border-box;}
.live-list table td.player p{width: calc(100% - 42px - 2.5em);}
.live-list table tr td.player .flex-box:after{width: calc(100% - 19px);}
.live-list.toto table thead tr td:nth-child(2), .live-list.toto table td table tbody tr th:nth-child(2):not(.club){width: 32px;}

.standings-list table tr td.toggle{width: 30px;}
.standings-list table tr td.toggle button, .standings-list table tr td.toggle button:before{width: 30px; height: 30px;}
.standings-list table tr.open + .data td{position: relative; padding: 10px}
.standings-list table tr.open + .data td:after{display: block; content: ""; position: absolute; top: 10px; left: 50%; width: 1px; height: calc(100% - 20px); background-color: #000000;}
.standings-list table tr.open + .data .trend li{font-size: 1.6rem;}
.standings-list table tr.open + .data .trend .point li{font-size: 1.6rem;}
.standings-list table tr.open + .data .trend .point li em{font-size: 1.5em; font-weight: 700;}
.standings-list table tr.open + .data .trend .link li{font-size: 1.6rem;}
.standings-list table tr.open + .data .tab ul{font-size: 0;}
.standings-list table tr.open + .data .tab ul li{border: none; font-size: 1.6rem; font-weight: 700;}
.standings-list table tr.open + .data .tab-content{float: left; width: 505px; margin-left: 20px; }
.standings-list table tr.open + .data .tab-wrapper > .tab-content:first-child{margin-left: 0; }
.standings-list table tbody td.rank span.icon{margin-left: 0.5em;}

.data-area .tab ul{margin: 0;}
.data-area .tab ul li{width: 515px; margin-bottom: 20px; font-size: 1.25em;}
.data-area .heading{width: 100%;}
.summary-field > .heading .score .row .col.time em{bottom: 20px; right: 20px; width: 40px; height: 40px; line-height: 40px; border-radius: 20px; font-size: 20px;}
.summary-field > .heading .score .row .col.time span{ font-size: 4.0em;}
.summary-field > .heading .score .row .col.time canvas{width: 120px !important;}

.ttl-page	{height: 40px; line-height: 40px; padding-left: 45px;}
.ttl-page span.back	{width: 40px; height: 40px;}
.ttl-page span.back a	{width: 40px; height: 40px; }
.ttl-page span.back a:before	{width: 40px; height: 40px;}
.ttl-toggle.open .toggle-content {left: 0px; width: calc(100% - 60px);}
	
.rated-list ul{display: flex; flex-wrap: wrap; width: calc(100% + 5px);}
.rated-list ul li{width: calc(20% - 5px); margin: 5px 5px 0 0; background-color: #333333;}
.rated-list ul li:nth-of-type(-n+5){margin-top: 0;}

.rated-list ul li .photo em{width:34px;height:39px;line-height:39px; background:transparent url(../img/splite-all.png) no-repeat -247px 0; background-size:333px;}
.rated-list ul li .photo em.good{bottom: calc(2% + 44px); height: 37px;  font-size: 1.0em; line-height: 0.9;}
.rated-list ul li .photo em.good:before{content: ""; height: 6px}
.rated-list ul li .photo em.good:after{font-size: 10px; font-weight: 400; transform: scale(0.8)}
.rated-list ul li p{font-size: 0.65em;}
.rated-list.club ul li .wrap .inner div{display: table-cell; vertical-align: middle;}
.rated-list.club ul li .wrap .inner div .emb{margin: 0; transform: scale(0.68) !important; transform-origin: top left;}


.tiny-icon{width:12px; height: 16px; line-height: 16px; font-size: 1.0em;}
.dir-live.page-toto .tiny-icon{width:16px; font-size: 1.25em;}

.page-club-data h1.rounded.yellow{margin: 20px 0;}
.dir-player.page-rating h1.rounded.yellow{margin-top: 15px;}
.dir-player .profile-field, .dir-player h1.rounded.yellow{margin-right: 0; margin-left: 0;}
.dir-player.page-rating .ttl-toggle.open .toggle-content {left: 0; width: calc(100% - 60px);}
.dir-player .profile-field .body .col.photo{width: 50%;}
.ui-tab > ul li, .dir-club .ui-tab > ul li, .dir-live .ui-tab > ul li, .dir-club .ui-tab > ul li, .dir-mypage .ui-tab > ul li, .dir-cart.page-user-review .ui-tab > ul li,.page-preview .tab.outer.ui-tab > ul li{font-size: 2.0rem;}

.dir-live:not(.page-preview) .tab.inner.ui-tab > ul, .dir-live.page-preview .tab.outer.ui-tab > ul{padding: 0; border-bottom: none;}
.dir-live:not(.page-review) .tab.inner > ul > li, .dir-live.page-preview .tab.outer > ul > li{width: 515px; color: #f6d300; background: transparent; border: none; border-bottom: 2px solid #f6d300; font-size: 3.0rem; font-weight: 400;}
/*.page-preview .tab.outer.ui-tab > ul li:last-child{margin-left: 30px}
.page-preview .tab.outer.ui-tab > ul li:after{display: none;}*/

.dir-live:not(.page-preview) .tab.inner > ul > li.active , .dir-live.page-preview .tab.outer > ul > li.active {background: transparent; background: linear-gradient(180deg, rgba(246, 211, 0, 0) 0%, rgba(246, 211, 0, 0) 100%);border: none;  border-bottom: 2px solid #f6d300;font-size: 3.0rem; font-weight: 400;}
/*.page-matchcenter .summary-field .tab-summary .inner > ul > li:not(.active) {color: #f6d300; background-color: transparent;border: none; border-bottom: 2px solid #f6d300;}*/
.ui-tab > ul li b:after, .ui-tab > ul li.active:after{display: none;;}

.page-matchcenter .summary-field .tab-summary .inner > ul > li{height: auto !important;}
.dir-live .data-area .tab ul li{margin-bottom: 0;}
.page-matchcenter .summary-field .tab-summary .inner > ul{margin-bottom: 0;}

.dir-player .tab.inner.ui-tab{width: 515px;}
.dir-player .tab.inner.ui-tab > ul li{font-size: 1.4rem;}
.dir-player:not(.page-rating) .tab-content.inner{float: left; width: 515px; min-height: 256px;}
.dir-live.page-preview .tab-content.outer{float: left; width: 515px;}
.dir-live.page-preview .tab-content.outer.away{margin-left: 30px;}
.live-list.toto table thead tr td:nth-child(n+4), .live-list.toto table td table tbody tr td:nth-child(n+4), .betting .board .live-list table tr.home > *:nth-child(1){width: 32px;}
.live-list.toto table td.last-games, .betting .data table td.last-games{width: 100px}
.live-list.toto table td table tbody tr th.club b +  span{margin-top: 2px;transform: scale(0.75)}
.live-list.toto table tbody tr.pickup td button{top: 0; left: -28px; width: 24px; height: 83px;}
.live-list.toto table thead tr td:nth-of-type(1), .live-list.toto table td table tbody tr td:nth-child(2), .live-list.toto table td table tbody tr th.club + th.club{width: 32px !important;}
.live-list.toto table td table tbody tr td.hit{line-height: 1.8;}
.live-list.toto table td table tbody tr.away td.hit{line-height: 1.6;}
/*.betting .score table th.emb, .betting .score table tbody th{width: 80px;}*/
.betting.clearfix .data-betting{float: left; width: 700px;}
.betting.clearfix aside{float: right; width: 300px;}
.betting .score table th .emb-m{margin: -15px; transform: scale(0.60); vertical-align: top;}
.betting .score table th.club span{margin-left: 0.25em; vertical-align: middle;}
.betting .score table tbody th{ font-size: 0.65em; box-sizing: content-box; }
.betting .score table tbody td{ height: 66px; box-sizing: content-box;}
.betting .stats .scroll{overflow: hidden;}
.betting .stats ul li span:not(.emb){display: block; margin: 0 -10px 0 0; transform: scale(0.80); transform-origin: left;}
.betting .data table tbody td .heading-players .photo{width: 38px;}
.betting .data table tbody td.last-games{width: 70px; font-size: 10px;}
.dir-live.page-toto .betting .data table tbody td.last-games{width: 120px;}
.betting .data table tbody td ul li{width: 118px;}
/*.betting .data table tbody td ul:empty*/.betting .data table tbody td ul.none{width: 100%; min-height: 37px;}
.betting .data table tbody td .heading-players .info .name{width: 66px;}
	
.betting .comment .tab-content .field	{display: table; margin-top: 5px;}
.betting .comment .body-comment, .betting .comment .profile	{display: table-cell; vertical-align: top;}
.betting .comment .body-comment	{background-color: #006558; border-right: 5px solid #000000;}
.betting .comment .profile	{width: 200px; font-size: 12px; box-sizing: border-box;}
.betting .comment .body-comment strong	{border-top: none;}
.betting .comment .profile p button	{display: none;}
.betting .comment .profile p button + em	{display: inline !important;}

.betting .board .filter ul li	{height: 30px; line-height: 26px; font-size: 0.85em;;}
.betting .board .filter ul li.active	{background-color: #000000; border-color: #f6d300;}
.betting .board .filter ul li .icon	{vertical-align: -2px; transform: scale(0.8); margin: 0}
.betting .board .live-list.toto table thead th.club{width: auto/*36%*/; height: 40px;}
.betting .board .live-list table thead tr td.writer{/*width: 80px;*/ font-size: 0.75em;}
/*.betting .board .live-list table tr td.writer{width: 80px;}*/
/*.betting .board .live-list table thead span {width: 40px; height: 40px; border-radius: 20px;}*/
.heading-club .field{bottom: 20px; height: 140px; margin-bottom: 20px;}
.heading-club .field .club{top: -20px; left: 20px; width: 180px; height: 180px; border-radius: 90px;}
.heading-club .field .name b{height: 74px; line-height: 74px; padding-left: 220px; border-bottom: 2px solid #e3007b; font-size: 30px;}
.heading-club .field .name span{padding-left: 220px; font-size: 20px; vertical-align: -15px;}
.data-user .flex-box li em .icon{bottom: 10px;}
.betting em.type{font-size: 0.85em;}
.dir-club .data-area .heading div.club{width: 75px;}
.dir-mypage.page-login form dl{width: 40%;}
.members-list .field{font-size: 1.6rem;}
.dir-cart.page-user-review main > .container-sm, .dir-mypage.page-rating-details main > .container-sm, .dir-mypage.page-user main > .container-sm, .dir-search.page-input main, .page-user-profile:not(.password).input main, .page-user-profile.check main, .page-user-profile:not(.password).end main, .dir-mypage.page-top main > .container-sm, .dir-mypage.page-top main > *{width: 530px; margin-right: auto; margin-left: auto;}
.dir-search form .field p:before{top: 3px; left: 3px;}
.page-user-profile.password .container-sm form, .page-user-profile.password .container-sm .inner{width: 40%;}



/* WINNERLIST update 

.dir-live.toto .tiny-icon{width:16px;}
.live-list.toto table td.last-games, .betting .data table td.last-games{width: 120px}
*/


}