@charset "UTF-8";

/* Rewrite */

/* Basic */
footer{margin-top: 40px; padding: 20px 0 /*91px*/; border-top: 1px solid rgba(255,255,255,0.5); text-align: center;}
footer p{margin: 0; padding: 0; font-size: 0.75em;}
footer ul{font-size: 0;}
footer nav{margin-bottom: 20px;}
footer nav ul.reset li{display: inline-block; position: relative; margin-left: 1.0em; padding-left: 1.0em; font-size: 3.0vw;}
footer nav ul.reset li:first-child{margin-left: 0;}
footer nav ul.reset li:after{display: block; content: ""; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background-color: rgba(255,255,255,0.5);}
footer nav ul.reset li:first-child:after{display: none;}
footer nav ul li a{color: #ffffff;}
footer ul.sns.reset li{display: inline-block; width: 40px; height: 40px; margin: 20px 5px 0; vertical-align: top; overflow: hidden;}
footer ul.sns.reset li{display: inline-block; width: 40px; height: 40px; margin: 20px 5px 0; vertical-align: top; overflow: hidden;}
footer ul.sns li a{display: block; height: 40px;}
footer ul.sns li a:before{display: block; content: ""; width: 40px; height: 40px; line-height: 40px; border-radius: 20px; font-family: fontAwesome; text-align: center;}
footer ul.sns li.icon-instagram a:before{background: #cf2e92 url("../img/icon-sns-instagram.png") no-repeat center center; background-size: 30px;}
footer ul.sns li.icon-twitter a:before{background: #1da1f2 url("../img/icon-sns-twitter.png") no-repeat center center; background-size: 30px;}



.dir-top .item-power-rank	{padding-top: 40px;}
.dir-top .item-news	{padding: 20px 20px 0;}
.dir-top .item-news h1	{/*width: 50%;*/ margin-top: 0;	 color: #ffffff;  border-bottom: 1px solid rgba(227,0,123,1); font-family: 'Rajdhani', sans-serif; font-size: 1.25em; line-height: 1.0;}
.dir-top .item-news h1:before	{display: inline-block; content: ""; width: 5px; height: 14px; margin-right: 5px; background: transparent url("../img/obj-ttl-news.png") no-repeat left bottom; background-size: cover; vertical-align: bottom;}
.dir-top .ui-news ul li a{display: block; margin-top: 5px; padding: 5px; color: #ffffff; background-color: #006558; font-size: 0.85em; line-height: 1.0;}
.dir-top .ui-news ul li:first-child a{margin-top: 0;}
.dir-top .ui-news ul + p{position: relative; font-family: 'Rajdhani', sans-serif; text-align: right;}
.dir-top .ui-news ul + p:before{display: block; content: ""; position: absolute; top: 0; right: 0; width: 50%; height: 1px; background-color: #20a8e2;}

.data-area section:not(.goal){margin-top: /*20px*/15px;}
.data-area section.rating + section{margin-top: 5px;}
.data-area .body.ability{position: relative; padding: 20px 0; background-color: #004241; /*background: #004241 url("../img/live/bg-data-area-body.png") no-repeat center bottom;*/ background-size: cover}
.dir-live.page-club-data .data-area .body.ability{margin: 0 20px;}
.dir-mypage.page-rating-details .data-area .body.ability, .dir-mypage.page-user .data-area .body.ability, .dir-player.page-rating .data-area .body.ability{margin-bottom: 1.0em;}
.page-preview .data-area .body.ability{margin-top: 15px;}
.data-area .flex-box{justify-content: space-between;}
.data-area .flex-box .field:first-child{flex-grow: 2;}
.data-area .flex-box .field.button a{display: block; position: relative; height: 30px; line-height: 26px; 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;}
.data-area .flex-box .field.button a:before{display: inline-block; content: "+"; margin-right: 0.25em; font-size: 1.15em; font-weight: 700; vertical-align: middle;}
.data-area .flex-box .field.button a:after {display: inline-block; content: ""; width: 18px; height: 18px; margin-left: 0.25em; background: transparent url("../img/splite-all.png") no-repeat -18px -36px; background-size: 225px; vertical-align: middle;}
.data-area .body.ability:before{display: block; content: ""; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent  url("../img/live/bg-data-circle.png") no-repeat center center; background-size: 114px; z-index: 0;}
.ability .note{position: absolute; top: 4px; right: 4px; margin: 0; z-index: 1;}
.ability .note a{display: block; width: 13px; height: 13px; line-height: 14px; margin: 0; color: #000000; background-color: rgba(246,211,0,1); font-family: 'Rajdhani', sans-serif;  font-weight: 700; text-align: center;box-sizing: border-box;}
.data-area .body.ability .row{display: table; width: 100%; height: 70px; table-layout: fixed; overflow: hidden;}
.data-area .body.ability .row .col{height: 70px; vertical-align: middle; overflow: hidden;}
.data-area .body.ability .row .col:not(:nth-of-type(2)){width: 30%;}
.data-area .body.ability .row:nth-of-type(2) .col.total{padding-right: 10px; padding-left: 10px;}/*.dir-player .data-area .body.ability .row:nth-of-type(2) .col.total, .dir-mypage .data-area .body.ability .row:nth-of-type(2) .col.total{padding-right: 10px; padding-left: 10px;}*/
/*.dir-player .data-area .body.ability .row:not(:nth-of-type(2)) .col:first-child, .dir-mypage .data-area .body.ability .row:not(:nth-of-type(2)) .col:first-child{width: calc(50% - 5px); padding-right: 5px;}
.dir-player .data-area .body.ability .row:not(:nth-of-type(2)) .col:last-child, .dir-mypage .data-area .body.ability .row:not(:nth-of-type(2)) .col:last-child{width: calc(50% - 5px);  padding-left: 5px;}*/
.dir-player .data-area .body.ability .row:not(:nth-of-type(2)) .col:first-child, .dir-player .data-area .body.ability .row:not(:nth-of-type(2)) .col:last-child, .dir-mypage .data-area .body.ability .row:not(:nth-of-type(2)) .col:first-child, .dir-mypage .data-area .body.ability .row:not(:nth-of-type(2)) .col:last-child{width: 42%;}

.data-area .body.ability .row .col ul{display: inline-block; width: 100%; box-sizing: border-box; vertical-align: top;}
/*.data-area .body.ability .row .col:nth-of-type(2) ul{padding: 0 5%; vertical-align: top;}*/
/*.dir-player .data-area .body.ability .row .col:nth-of-type(1) ul, .dir-mypage .data-area .body.ability .row .col:nth-of-type(1) ul{padding-right: 5px;}
.dir-player .data-area .body.ability .row .col:nth-of-type(2) ul, .dir-mypage .data-area .body.ability .row .col:nth-of-type(2) ul{padding-left: 5px;}*/
.data-area .body.ability .row .col ul li{display: table; position: relative;width: 100%; height: 20px; margin: 5px 0 0; padding: 0; background-color: #666666; font-size: 0.75em; box-sizing: border-box;}
.dir-player .data-area .body.ability .row .col ul li, .page-rating-details .data-area .body.ability .row .col ul li{font-size: 0.9em;}
.data-area .body.ability .row .col ul li:first-child{margin-top: 0;}
.data-area .body.ability .row .col ul li *{display: table-cell; margin: 0; /*padding: 0 3px;*/ vertical-align: top;}
.data-area .body.ability .row .col ul li > b{ width: 24px; border-left: 2px solid #333333; text-align: center; line-height: 1.0; vertical-align: middle; box-sizing: border-box;}
.dir-player .data-area .body.ability .row .col ul li > b, .page-rating-details .data-area .body.ability .row .col ul li > b{ width: 32px;}
.data-area .body.ability .row .col ul li > p{ padding: 0 3px;}
.data-area .body.ability .row.home .col ul li > b{ background-color: rgba(227,0,123,1);}
.data-area .body.ability .row:nth-of-type(2) .col ul li > b{ color: #333333; background-color: rgba(246,211,0,1);}
.data-area .body.ability .row.away .col ul li > b{ background-color: rgba(32,168,226,1);}
.data-area .body.ability .row .col ul li:before {display: block; content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; }
.data-area .body.ability .row .col ul li:after {display: block; content: ""; position: absolute; bottom: 0; left: 0; width: 80%; height: 3px; border-radius: 2px;  font-family: 'Rajdhani', sans-serif; }
/*.data-area .body.ability .row.home .col ul li:before {background-color: rgba(227,0,123,0.25);}
.data-area .body.ability .row.home .col ul li:after {background-color: rgba(227,0,123,1);}
.data-area .body.ability .row.home + .row .col ul li:before {background-color: rgba(246,211,0,0.25);}
.data-area .body.ability .row.home + .row .col ul li:after {background-color: rgba(246,211,0,1);}
.data-area .body.ability .row.away .col ul li:before {background-color: rgba(32,168,226,0.25);}
.data-area .body.ability .row.away .col ul li:after {background-color: rgba(32,168,226,1);}*/

.data-area .body.ability .row .col ul li .gauge{display: block; content: ""; position: absolute; bottom: 0; left: 0; width: calc(100% - 24px); height: 3px; box-sizing: border-box; text-align: left;}
.dir-player .data-area .body.ability .row .col ul li .gauge, .page-rating-details .data-area .body.ability .row .col ul li .gauge{width: calc(100% - 32px);}
.data-area .body.ability .row.home .col ul li .gauge {background-color: rgba(227,0,123,0.25);}
.data-area .body.ability .row:nth-of-type(2) .col ul li .gauge {background-color: rgba(246,211,0,0.25);}
.data-area .body.ability .row.away .col ul li .gauge {background-color: rgba(32,168,226,0.25);}
.data-area .body.ability .row .col ul li .gauge span{display: block; /*content: ""; position: absolute; bottom: 0; left: 0; */width: 100%; height: 3px; border-radius: 2px; text-indent: -999em; }
.data-area .body.ability .row.home .col ul li .gauge span{background-color: rgba(227,0,123,1);}
.data-area .body.ability .row:nth-of-type(2) .col ul li .gauge span{background-color: rgba(246,211,0,1);}
.data-area .body.ability .row.away .col ul li .gauge span{background-color: rgba(32,168,226,1);}

.data-area .body.ability .row .col.total {position: relative; height: 70px; box-sizing: border-box; overflow: hidden;}
.data-area .body.ability > .row:not(:nth-of-type(2)) .col.total {border-right: 2px solid #009592; border-left: 2px solid #009592;}
.data-area .body.ability .row:not(:nth-of-type(2)) .col.total:before {display: block; content: "";  position: absolute; /*top: 0;*/ left: 10px; width: calc(100% - 20px); height: 70px; background-color: rgba(227,0,123,0.25); box-sizing: border-box;}
.data-area .body.ability .row .col.total .field {position: relative; width: calc(100% - 20px); height: 70px; margin: 0 10px; padding: 2px 2px 0; text-align: center;box-sizing: border-box;}
.data-area .body.ability .row.home .col.total .field {padding-top: 15px;}
.data-area .body.ability .row.away .col.total .field {padding-bottom: 15px;}
.dir-player .data-area .body.ability .row:not(:nth-of-type(2)) .col:nth-of-type(2) .field, .dir-mypage .data-area .body.ability .row:not(:nth-of-type(2)) .col:nth-of-type(2) .field{padding-top: 15px;}
.data-area .body.ability .row .col.total .field:before {display: block; content: ""; position: absolute; top: calc(50% - 1px); left: -10px; width: 10px; height: 2px; background-color: #009592;}
.data-area .body.ability .row .col.total .field:after {display: block; content: ""; position: absolute; top: calc(50% - 1px); right: -10px; width: 10px; height: 2px; background-color: #009592;}
.data-area .body.ability .row .col.total .field .gauge {position: absolute; top: 0; left: 0; width: calc(100% - 4px); height: 10px; margin: 2px 2px 5px; background: transparent url("../img/live/gauge.png") no-repeat 0 0; background-size: cover;}
.data-area .body.ability .row.away .col.total .field .gauge {top: auto; bottom: 0; margin: 5px 2px 2px;}
.data-area .body.ability .row .col.total .field .gauge strong {display: block; position: relative;}
.data-area .body.ability .row .col.total .field .gauge strong span {display: block; position: relative; height: 10px; margin: 0; padding: 2px; background: transparent url("../img/live/gauge-value-home.png") no-repeat left top; background-size: cover; text-indent: -999em; box-sizing: border-box; vertical-align: top; z-index: 1;}
.data-area .body.ability .row.away .col.total .field .gauge strong span {background: transparent url("../img/live/gauge-value-away.png") no-repeat left top; background-size: cover;}
.data-area .body.ability .row .col.total .field .gauge strong:before {display: block; content: ""; width: calc(100% + 2px); height: 14px; position: absolute; top: -2px; left: -2px; background-color: #e3007b; mix-blend-mode: multiply; z-index: 0}
.data-area .body.ability .row.away .col.total .field .gauge strong:before {background-color: #20a8e2;}
.data-area .body.ability .row .col.total .field p {display: inline-block;  width: 2.0em; margin: 0 5px 0 0; padding: 0; color: #fbd9eb; text-align: center; line-height: 1.2; vertical-align: -8px;}
.data-area .body.ability .row.away .col.total .field p {margin: 0 0 0 5px; color: #def2fb;}
.dir-player .data-area .body.ability .row:not(:nth-of-type(2)) .col:nth-of-type(2) p, .dir-mypage .data-area .body.ability .row:not(:nth-of-type(2)) .col:nth-of-type(2) p{width: auto;  margin: 0; font-size: 1.25em;}

.data-area .body.ability .row .col.total .field p:first-letter {font-size: 1.8em;}
.dir-player .data-area .body.ability .row:not(:nth-of-type(2)) .col:nth-of-type(2) p:first-letter, .dir-mypage .data-area .body.ability .row:not(:nth-of-type(2)) .col:nth-of-type(2) p:first-letter{margin: 0; font-size: 1.0em; font-weight: 700;}
.data-area .body.ability .row .col.total .field b {display: inline-block; margin-left: 5px; color: #e3007b; border-bottom: 2px solid #fbd9eb;  font-family: 'Rajdhani', sans-serif;  font-size: 3.0em; line-height: 1.0;}
.data-area .body.ability .row.away .col.total .field b {color: #20a8e2; border-bottom: 2px solid #def2fb;}

/*.dir-live.page-club-data .rating .graph, .dir-player.page-rating .graph*/.page-preview .rating .graph, .dir-player.page-rating .graph{position: relative; /*padding-top: 10px;*/ background-color: transparent;}
.page-preview .rating .graph{width: calc(100% + 20px); transform: translate(-10px);}
/*.dir-live.page-club-data .rating .graph:before, */.page-preview .rating .graph:before{display: block; content: ""; position: absolute; bottom: 9px;/*bottom: 0;*/ left: 10px; width: calc(100% - 20px); height: calc(100% - 24px); /*background: transparent url("../img/bg-graph-v-12.png") no-repeat right 0;*/ background-size: cover; border-bottom: 2px solid #bf7c00; border-left: 2px solid #bf7c00; box-sizing: border-box;z-index: -1;}
.dir-club .data-area .profile-field dd.data > .graph:before{display: block; content: ""; position: absolute; bottom: 10px; left: 10px; width: calc(100% - 20px); height: calc(100% - 14px); /*background: transparent url("../img/bg-graph-v-12.png") no-repeat right 0; background-size: cover;*/ border-bottom: 2px solid #bf7c00; border-left: 2px solid #bf7c00; box-sizing: border-box;z-index: -1;}
.dir-player.page-rating .graph:before{display: block; content: ""; position: absolute; bottom: 10px; left: 10px; width: calc(100% - 20px); height: calc(100% - 24px);border-bottom: 2px solid #bf7c00; border-left: 2px solid #bf7c00; box-sizing: border-box;z-index: -1;}

.club-data{position: relative; border: 2px solid #f6d300; border-radius: 4px;}
.page-standings tr.data .club-data{background-color: rgba(0,0,0,1.00); border-width: 1px; border-radius: 0;}
.page-preview .data-area .club-data/*.dir-club .data-area .profile-field dd .club-data*/{margin-top: 10px;}
.club-data.home{margin-bottom: 10px;}
.club-data .emb{position: absolute; top: 50%; left: 0; width: 60px; height: 60px; margin-top: -30px; mix-blend-mode:screen;}
.club-data .row > .col{vertical-align: top;}
.club-data .row > .col:first-child{width: 45%; padding-right: 10px; font-size: 0.75em; box-sizing: border-box; vertical-align: top;}
tr.data .club-data .row > .col:first-child{padding-right: 0;}
.club-data .row > .col:first-child *{box-sizing: border-box;}
.club-data .row > .col  b { display: inline-block; height: 20px; line-height: 20px; margin: 0 0 0 10px; color: #f6d300;}
.club-data .row > .col  b:before { display: inline-block; content: ""; width: 2px; height: 1.0em; margin-right: 2px; background-color: #f6d300; vertical-align: middle;}
.club-data .row > .col  .point { height: 20px; line-height: 20px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; font-family: 'Rajdhani', sans-serif; text-align: center;}
.club-data .row > .col  .point em { font-size: 1.75em;}
.club-data .row > .col  p { height: 20px; line-height: 20px; margin: 5px 0 0 5px; border-width: 2px; border-style: solid; border-radius: 10px; text-align: center;}
.club-data .row > .col  p span { display: inline-block; color: #f6d300; margin-right: 0.25em;}
/*.club-data.home .row > .col:first-child .point { background-color: rgba(227,0,123,1);}
.club-data.away .row > .col:first-child .point { background-color: rgba(32,168,226,1);}
.club-data.home{background: rgb(227,0,123); background: linear-gradient(90deg, rgba(227,0,123,0) 0%, rgba(227,0,123,0.75) 100%);}
.club-data.home .row > .col  p { border-color: rgba(227,0,123,1);}
.club-data.away{background: rgb(227,0,123); background: linear-gradient(90deg, rgba(32,168,226,0) 0%, rgba(32,168,226,0.75) 100%);}
.club-data.away .row > .col  p { border-color: rgba(32,168,226,1);}*/

.dir-live:not(.page-preview) .tab.outer > ul, .dir-live.page-preview .tab.inner > ul{display: flex; justify-content: space-between; margin-bottom: 15px;}
.dir-live:not(.page-preview) .tab.outer > ul > li, .dir-live.page-preview .tab.inner > ul > li{height: 26px; line-height: 26px; color: #aaaaaa; background: #333333; border: 2px solid #aaaaaa; font-family: 'Rajdhani', sans-serif; font-size: 1.25em; font-weight: 700; text-align: center;}
.dir-live:not(.page-preview) .tab.outer > ul > li.active, .dir-live.page-preview .tab.inner > ul > li.active{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 rgba(255,255,255,0.7);}
.dir-live.page-preview .tab.inner > ul > li{width: calc(50% - 5px); margin-top: 15px;}
.dir-live.page-preview .tab.inner > ul > li:last-child{margin-left: 10px;}
.dir-live.page-matchcenter .tab.outer > ul > li{width: 30%;}

.members-field h1	{display: flex; align-items: center; justify-content: space-between; font-size: 0.85em;}
.members-field h1 b, .members-field h1 span	{width: 47%; height: 20px; line-height: 20px; padding: 0 6px; color: #ffffff; border-radius: 10px; box-sizing: border-box;}
.members-field h1 b	{background-color: rgba(227,0,123,1.00); font-family: 'Rajdhani', sans-serif; font-size: 1.10em; font-weight: 400;}
.members-field h1 b em	{margin-right: 0.5em; font-weight: 700;}
.members-field h1 span	{background-color: rgba(32,168,226,1.00); text-align: right;}
.members-field section	{margin-top: 20px;}
.members-field > section:nth-of-type(1)	{margin-top: 0;}
.members-field ul li a	{display: block; color: #ffffff;}
.members-field ul li	{position: relative; margin: 10px 0 0; padding: 8px 0; background: rgb(0, 101, 88); background: linear-gradient(90deg, rgba(0, 101, 88, 1) 0%, rgba(0, 0, 0, 1) 100%); border-radius: 4px; overflow: hidden;}
.members-field ul li:first-child	{margin-top: 0;}
.trend-player .members-field ul li:first-child	{margin-top: -18.4px; background: transparent;}
.trend-player .members-field ul li:first-child:before	{display: block; content: ""; position: absolute; top: -10px; left: 0; width: 100%; height: 18px; background: rgb(191,124,0,0.25);}
.trend-player .members-field ul li:first-child:after	{display: block; content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 8px; background: rgb(0, 101, 88); background: linear-gradient(90deg, rgba(0, 101, 88, 1) 0%, rgba(0, 0, 0, 1) 100%);}
.members-field ul li > div	{box-sizing: border-box;}
.members-field ul li .photo	{position: absolute; top: 0; left: 0; width: 19%; height: 100%; clip-path: polygon(0 0, 100% 12.5%, 100% 87.5%, 0% 100%); background-color: #ffffff; border-radius: 4px; overflow: hidden; z-index: 1;}
.members-field ul li .photo p	{width: 100%; height: 100%; clip-path: polygon(3% 4%, 97% 15.5%, 97% 84.5%, 3% 96%); background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: cover;}
.members-field ul li .name	{position: relative; height: 48px; padding: 0.25em 0 0 calc(20% + 10px); border-top: 2px solid #ffffff; border-bottom: 2px solid #ffffff; font-size: 14px; line-height: 1.4; box-sizing: border-box;}
.members-field ul li.func-more	{display: block; width: 100%;  margin-left: 0; background: none;}

.trend-player .members-field ul li .name	{background: rgb(36,80,71);background: linear-gradient(90deg, rgba(36,80,71,1) 20%, rgba(8,19,17,1) 100%);}
.trend-player .members-field ul li .photo	{position: absolute; top: 0; left: 0; width: 19%; height: 100%; clip-path: polygon(0 0, 100% 12.5%, 100% 87.5%, 0% 100%); background-color: #ffffff; border-radius: 4px; overflow: hidden; z-index: 1;}
.trend-player .members-field ul li .photo p	{width: 100%; height: 100%; clip-path: polygon(3% 4%, 97% 15.5%, 97% 84.5%, 3% 96%); background: rgb(0, 101, 88); background: linear-gradient(90deg, rgba(0, 101, 88, 1) 0%, rgba(36, 81, 71, 1) 100%); background-repeat: no-repeat; background-position: center top; background-size: cover;}
.trend-player .members-field ul li .photo p em	{display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; color: #f6d300; font-family: 'Rajdhani', sans-serif; font-size: 1.25em; font-weight: 700;}


.members-field ul li .name span	{display: block; font-family: 'Rajdhani', sans-serif; font-size: 0.85em;}
.members-field ul li .name p.num, .dir-club .list-rating ol li:first-child .name p.num	{float: left; margin: 1px 6px 0 -10px; padding: 0; width: 34px; height: 34px; line-height: 32px; border: 2px solid #ffffff; border-radius: 24px; font-family: 'Rajdhani', sans-serif; font-size: 1.5em; font-weight: 700; text-align: center; box-sizing: border-box;}
.dir-club .list-rating ol li:first-child .name p.num	{margin-left: 0;}
.members-field ul li .point	{position: absolute; top: 0; right: 0; width: 19%; height: 100%; clip-path: polygon(0 12.5%, 100% 0, 100% 100%, 0% 87.5%); color: #f6d300; background-color: #ffffff; border-radius: 4px;font-family: futura-pt-condensed, sans-serif; font-weight: 700; text-align: center; z-index: 4;}
.members-field ul li .point .inner	{position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; clip-path: polygon(3%  15.5%, 97% 3%, 97% 97%, 3% 84.5%); background-color: #000000; z-index: 5;}
.members-field ul li .point .inner .view	{height: 32px; line-height: 36px; border-bottom: 2px solid #ffffff;}
.members-field ul li .point .inner .rating	{height: 32px; line-height: 25px; font-size: 1.5em; font-weight: 800;}
.members-field ul li .point .inner div:before{display: inline-block; content: ""; margin-right: 0.125em; vertical-align: middle; transform: scale(0.85,0.85);}
.members-field ul li .point .inner .view:before{width: 18px; height: 18px; background: transparent url("../img/splite-all.png") no-repeat 0px -36px; background-size: 225px;}
.members-field ul li .point .inner .rating:before{width: 18px; height: 18px; background: transparent url("../img/splite-all.png") no-repeat -18px -36px; background-size: 225px; vertical-align: -1px;}
.dir-search .members-field ul li a	{padding-left: 40px;}
.dir-search .members-field ul li .club	{position: absolute; top: 5px; left: 0; width: 40px; height: 100%; padding-top: 40px; font-size: 0.65em; text-align: center; overflow: hidden; box-sizing: border-box; z-index: 1;}
.dir-search .members-field ul li .club span	{position: absolute; top: -5px; left: -5px; transform: scale(1); transform-origin: top left;}
.dir-search .members-field ul li .photo{left: 40px;}
.dir-search .members-field ul li .name	{position: relative;padding-left: calc(20% + 46px); padding-right: calc(20% + 6px);}
.dir-search .members-field ul li .name b	{display: inline-block; padding-right: 20px; width: calc(100% - 20px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.dir-search .members-field ul li .name b + span	{ width: calc(100% - 20px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.0;}
.dir-search .members-field ul li .name p:not(.num){right: calc(20% + 6px);}
.dir-search .members-field ul li .name p.num{float: none; position: absolute; top: 4px; left:calc(20% + 18px);}

body:not(.page-preview).item-preview, .item-user-comment, .item-players-comment, .item-result-score-comment	{padding: 20px 0 0;}
.dir-mypage .item-players-comment, .dir-mypage.page-user .item-players-comment, .dir-live.page-report .item-players-comment	{padding-top: 0;}
.report .item-preview	{padding: 0 0 20px;}
.item-preview h1, .item-user-comment h1, .item-players-comment h1, .item-result-score-comment h1, .item-play-area h1, .item-rater h1, .item-stats h1, .item-club-carrier h1, .item-nt-carrier h1, .item-title h1	{position: relative; margin: 0 0 5px; color: #ffffff;  border-bottom: 1px solid rgba(227,0,123,1); font-family: 'Rajdhani', sans-serif; font-size: 1.25em; line-height: 1.0;}
.item-preview h1:before	{display: inline-block; content: ""; width: 12px; height: 14px; margin-right: 5px; background: transparent url("../img/obj-ttl-preview.png") no-repeat left bottom; background-size: cover; vertical-align: middle;}
.item-user-comment h1:before, .item-players-comment h1:before, .item-result-score-comment h1:before	{display: inline-block; content: ""; width: 19px; height: 14px; margin-right: 5px; background: transparent url("../img/obj-ttl-user-comment.png") no-repeat left bottom; background-size: cover; vertical-align: middle;}
.item-play-area h1:before	{display: inline-block; content: ""; width: 14px; height: 11px; margin-right: 5px; background: transparent url("../img/obj-ttl-playarea.png") no-repeat left bottom; background-size: cover; vertical-align: 0px;}
.item-rater h1:before	{display: inline-block; content: ""; width: 14px; height: 14px; margin-right: 5px; background: transparent url("../img/obj-ttl-rater.png") no-repeat left bottom; background-size: cover; vertical-align: 0px;}
.item-stats h1:before	{display: inline-block; content: ""; width: 14px; height: 14px; margin-right: 5px; background: transparent url("../img/obj-ttl-stats-pink.png") no-repeat left bottom; background-size: cover; vertical-align: 0px;}
.item-club-carrier h1:before	{display: inline-block; content: ""; width: 11px; height: 14px; margin-right: 5px; background: transparent url("../img/obj-ttl-club-carrier.png") no-repeat left bottom; background-size: cover; vertical-align: -2px;}
.item-nt-carrier h1:before	{display: inline-block; content: ""; width: 14px; height: 10px; margin-right: 5px; background: transparent url("../img/obj-ttl-nt-carrier.png") no-repeat left bottom; background-size: cover; vertical-align: 0;}
.item-title h1:before	{display: inline-block; content: ""; width: 14px; height: 10px; margin-right: 5px; background: transparent url("../img/obj-ttl-title.png") no-repeat left bottom; background-size: cover; vertical-align: 0;}
.dir-live .item-preview h1:after, .dir-live .item-players-comment h1:after, .item-rater h1:after, .item-stats h1:after	{display: block; content: ""; position: absolute; bottom: -1px; right: 0; width: 20%; height: 1px; background-color: rgba(32,168,226,1.00);}
.item-club-carrier h1:after, .item-nt-carrier h1:after, .item-title h1:after	{display: block; content: ""; position: absolute; bottom: -1px; right: 0; width: 79px; height: 1px; background-color: rgba(32,168,226,1.00);}
.item-play-area h1	{font-weight: 400;}
.item-play-area h1 b	{margin-right: 0.25em; font-weight: 700;}
.item-play-area h1 b:after	{display: inline-block; content: "/"; margin-left: 0.25em;}
.dir-player.page-summary .item-rater h1{text-align: center;}
.item-preview .clearfix a	{color: #ffffff;}
.item-preview:not(.vertical) .clearfix .photo	{float: left; width: 30%;}
.item-preview.vertical .clearfix .photo	{margin: 10px 0;}
.report .item-preview.vertical .clearfix .photo	{text-align: center;}
.item-preview .clearfix .photo img	{display: inline-block; border: 2px solid #ffffff; border-radius: 4px;}
.item-preview:not(.vertical) .clearfix .photo + .heading, .item-preview:not(.vertical) .clearfix .photo + .heading + .body	{float: right; width: 70%; }

.data-area .item-preview .heading, .data-area .item-players-comment .heading {margin: 0; background: rgb(0, 101, 88); background: linear-gradient(90deg, rgba(0, 101, 88, 1) 0%, rgba(0, 101, 88, 1) 100%); border: none; border-radius: 0;}
.data-area .item-preview.vertical .heading {display: block; margin: 5px 20% 0 0;}

.item-preview .clearfix .heading b, .item-preview .clearfix .body p	{display: block; padding: 2px; background-color: #006558; border: none; font-size: 0.65em;}
.item-preview:not(.vertical) .clearfix .photo + .heading b, .item-preview:not(.vertical) .clearfix .photo + .heading + .body p	{margin: 0 0 0 10px; }

.report .item-preview .clearfix .heading b, .report .item-preview .clearfix .body p	{background-color: #6e4600;}
.item-preview.vertical .clearfix .heading b, .item-preview.vertical .clearfix .body p	{margin: 0 0 0 0; font-size: 1.0em;}
.item-preview .clearfix .heading b	{margin-bottom: 5px; font-size: 0.85em; line-height: 1.0;}
.item-preview.vertical .clearfix .heading b	{font-size: 1.25em;}
.item-user-comment ul li	{margin-top: 10px; border: 2px solid #f6d300;}
.item-user-comment ul li:first-child	{margin-top: 0;}
.item-user-comment ul li .row, .item-players-comment ul li .row	{width: 100%;}
.item-user-comment ul li .row > .photo	{width: 15%; border-right: 2px solid #f6d300; vertical-align: top;}
.item-user-comment ul li .row > .comment .heading	{display: table; width: 100%; padding: 2px 2px 2px 10px; background-color: #4d4d4d; box-sizing: border-box; line-height: 1.0;}
.item-user-comment ul li .row > .comment .heading b	{display: table-cell;}
.item-user-comment ul li .row > .comment .heading em	{display: table-cell; color: #f6d300; font-family: 'Rajdhani', sans-serif; text-align: right;}
.item-user-comment ul li .row > .comment .heading em:after	{display: inline-block; content: ""; width: 20px; height: 14px; margin-left: 0.5em; background: transparent url("../img/icon-count-user-comment.png") no-repeat center center; background-size: cover; vertical-align: middle;}
.item-user-comment ul li .row > .comment .body	{padding: 2px 10px; font-size: 0.85em; line-height: 1.4;}
.item-players-comment ul li	{margin-top: 10px; border-width: 2px; border-style: solid; border-radius: 4px;}
.item-players-comment ul li a	{color: #ffffff;}
.item-players-comment ul li .row	{background-color: #4d4d4d; border-bottom-width: 2px; border-bottom-style: solid; }
.dir-mypage .item-players-comment ul li .row, .dir-mypage.page-user .item-players-comment ul li .row	{border-bottom: none;}
.item-players-comment ul li .row > .photo	{width: 22%;}
.item-players-comment ul li .row > .photo p	{margin: 0; padding: 0; background-color: #222222;  font-size: 2.0vw; text-align: center;}
.item-players-comment ul li .row > .info{position: relative;}
.dir-mypage .item-players-comment ul li .row > .info{ max-width: 0; vertical-align: top;}
.item-players-comment ul li .row > .info > div	{width: 100%; line-height: 1.4;}
.item-players-comment ul li .row > .info > .name	{height: 24px; padding-left: 5px; border-bottom-width: 2px; border-bottom-style: solid; box-sizing: border-box;}
.item-players-comment ul li .row > .info > .name.user	{width: 100%;line-height: 29px; font-weight: 700; background-color: #000000; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

.item-players-comment ul li .row > .info > div > p, .item-players-comment ul li .row > .info > div > .point	{display: table-cell;}
.item-players-comment ul li .row > .point	{position: relative; width: 20%; color: #333333; background-color: #f6d300; font-family: futura-pt-condensed, sans-serif; font-weight: 700; text-align: center; vertical-align: top;}
.item-players-comment ul li .row > .point .view	{height: 24px; line-height: 24px; border-bottom: 2px solid #4d4d4d; font-size: 0.9em; box-sizing: border-box;}
.item-players-comment ul li .row > .point .view em:before	{display: inline-block; content: ""; width: 18px; height: 18px; margin-right: 5px; background: transparent url("../img/splite-all.png") no-repeat 0px -36px; background-size: 225px; vertical-align: -5px;}
.item-players-comment ul li .row > .info > .headline, .item-players-comment ul li .row > .point .rating	{display: flex; align-items: center; justify-content: center; position: absolute; top: 26px; left: 0; width: 100%; height: calc(100% - 26px); vertical-align: middle;}
.item-players-comment ul li .row > .info > .name.user + .name + .headline	{ justify-content: flex-start; top: 37px; height: calc(100% - 37px);}
.dir-mypage .item-players-comment ul li .row > .point .rating, .dir-mypage.page-user .item-players-comment ul li .row > .point .rating	{top: 0; right: 0; bottom: 0; left: 0;height: 100%; vertical-align: middle;}
.item-players-comment ul li .row > .info > .headline	{font-weight: 700}
.dir-mypage .item-players-comment ul li .row > .info > .headline, .dir-mypage.page-user .item-players-comment ul li .row > .info > .headline	{padding: 2px; font-size: 2.5vw; font-weight: 400; box-sizing: border-box;}
.item-players-comment ul li .row > .point .rating	{font-size: 1.75em;}
.item-players-comment ul li .row > .point .rating em:before	{display: inline-block; content: ""; width: 23px; height: 27px; margin-right: 2px; background: transparent url("../img/splite-all.png") no-repeat -29px -53px; background-size: 333px; vertical-align: -6px;}
.item-players-comment ul li .body	{padding: 10px;}

.item-formation .toggle button	{display: block; position: relative; width: 100%; padding: 0 5px 0 0; color: #ffffff; background-color: rgba(51,51,51,0.5); border: none; line-height: 30px; box-sizing: border-box; font-family: 'Rajdhani', sans-serif; text-align: left;}
.item-formation .toggle button:before	{display: inline-block; content: ""; width: 30px; height: 30px; line-height: 30px; margin-right: 5px; background: #808080 url("../img/icon-arrow-down.png") no-repeat center center; background-size: 10px; vertical-align: top;}
.item-formation.open .toggle button:before	{transform: rotate(180deg)}
.item-formation .course, .item-formation .tab-content	{display: none;}
.item-formation.open .tab-content.active, .item-formation.open .course	{display: block;}
.item-formation:not(.open) .tab-content, .page-preview .item-formation:not(.open) .field, .page-preview .item-formation:not(.open) .sub	{display: none !important;}

.button-more, .button-good	{text-align: center;}
.button-more a, .button-more span	{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-radius: 4px; font-family: 'Rajdhani', sans-serif; line-height: 1.0; cursor: pointer;}
.item-news .button-more	{margin-top: 20px;}
.dir-mypage .button-good	{margin-bottom: 15px;}
.button-good b	{display: inline-block; width: 10.0em; padding: 0; color: #333333; background-color: #f6d300; border: 2px solid #f6d300; border-radius: 50px; line-height: 1.0; cursor: pointer; box-sizing: border-box;}
.button-good.done b	{color: #f6d300; background-color: transparent;}
.button-good em	{display: inline-block; padding: 3px 0; text-align: center; vertical-align: middle;}
.toggle.rating	{position: relative; text-align: center; z-index: -1;}
.toggle.rating button	{display: inline-block; width: 60%; margin-bottom: 15px; padding: 5px 0; color: #ffffff; /*background: rgb(49,2,136); background: linear-gradient(180deg, rgba(49,2,136,1) 0%, rgba(49,2,136,0.75) 100%);*/background: rgb(250,0,123); background: linear-gradient(180deg, rgba(250,0,123,1) 0%, rgba(250,0,123,0.75) 100%); border: none; border-radius: 4px; outline: none; font-family: 'Rajdhani', sans-serif; font-weight: 700; line-height: 1.0; cursor: pointer;}
.toggle.rating.open button	{margin-bottom: 5px; background: rgb(102,102,102); background: linear-gradient(180deg, rgba(102,102,102,1) 0%, rgba(102,102,102,0.75) 100%);}
.toggle.rating button:before	{display: inline-block; content: ""; width: 23px; height: 27px; margin-right: 5px; background: transparent url("../img/splite-all.png") no-repeat -29px -53px; background-size: 333px; vertical-align: middle;}
.toggle.rating button:after	{display: inline-block; content: ""; width: 18px; height: 18px; line-height: 18px; margin-left: 5px; background: transparent url("../img/icon-arrow-down.png") no-repeat center center; background-size: 10px; vertical-align: -4px;}
.toggle.rating button + a.open-popup-link	{display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.toggle.rating.open button:after	{transform: rotate(180deg)}
.toggle.rating + .toggle-content	{display: none;}
.toggle.rating.open + .toggle-content	{display: block; margin-bottom: 20px;}
.toggle.over.rating	{position: relative; text-align: center;}
.toggle.over.rating button	{display: inline-block; width: 60%; margin-bottom: 15px; padding: 5px 0; color: #ffffff; /*background: rgb(49,2,136); background: linear-gradient(180deg, rgba(49,2,136,1) 0%, rgba(49,2,136,0.75) 100%);*/background: rgb(250,0,123); background: linear-gradient(180deg, rgba(250,0,123,1) 0%, rgba(250,0,123,0.75) 100%); border: none; border-radius: 4px; outline: none; font-family: 'Rajdhani', sans-serif; font-weight: 700; line-height: 1.0; cursor: pointer;}
.toggle.over.rating.open button	{margin-bottom: 5px; background: rgb(102,102,102); background: linear-gradient(180deg, rgba(102,102,102,1) 0%, rgba(102,102,102,0.75) 100%);}
.toggle.over.rating button:before	{display: inline-block; content: ""; width: 23px; height: 27px; margin-right: 5px; background: transparent url("../img/splite-all.png") no-repeat -29px -53px; background-size: 333px; vertical-align: middle;}
.toggle.over.rating button:after	{display: inline-block; content: ""; width: 18px; height: 18px; line-height: 18px; margin-left: 5px; background: transparent url("../img/icon-arrow-down.png") no-repeat center center; background-size: 10px; vertical-align: -4px;}
.toggle.over.rating button + a.open-popup-link-over-rating	{display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.toggle.over.rating.open button:after	{transform: rotate(180deg)}
.toggle.over.rating + .toggle-content	{display: none;}
.toggle.over.rating.open + .toggle-content	{display: block; margin-bottom: 20px;}
.item-formation .field	{background-color: #004241;}
.item-formation.open .field	{padding-bottom: 8%;  background: #004241 url("../img/live/bg-formation.png?12") no-repeat center bottom; background-size: cover;}
.item-formation .prev-next	{display: flex; justify-content: space-between; position: relative; background-color: #333333; border: 2px solid #e8e8e9;}
.item-formation .prev-next:before	{display: block; content: ""; position: absolute; top: 0; left: 0; width: 50px; height: 30px; background: rgb(170,170,170); background: linear-gradient(-90deg, rgba(170,170,170,0) 0%, rgba(170,170,170,1) 100%);}
.item-formation .prev-next:after	{display: block; content: ""; position: absolute; top: 0; right: 0; width: 50px; height: 30px; background: rgb(170,170,170); background: linear-gradient(90deg, rgba(170,170,170,0) 0%, rgba(170,170,170,1) 100%);}
.item-formation .prev-next a	{display: block; position: relative; width: 50px; height: 30px; text-indent: -999em; z-index: 1; overflow: hidden;}
.item-formation .prev-next a.prev	{background: transparent url("../img/icon-arrow-down.png") no-repeat center center; background-size: 16px; transform: rotate(90deg)}
.item-formation .prev-next a.next	{background: transparent url("../img/icon-arrow-down.png") no-repeat center center; background-size: 16px; transform: rotate(-90deg)}
.item-formation .prev-next p	{line-height: 30px;}
.item-formation .course	{padding: 5px 0; background-color: #000000;}
.item-formation .course ol	{display: flex; align-items: center; justify-content: center; width: calc(100% + 10px); transform: translate(-10px);}
.item-formation .course ol > li	{display: block; width: calc(100% - 10px); height: 20px; line-height: 20px; margin-left: 10px;color: #f6d300; border: 1px solid #f6d300; border-radius: 10px; font-size: 0.85em; text-align: center;}
.item-formation .course ol > li.active	{color: #333333; background-color: #f6d300;}
.item-formation strong	{display: block; padding-left: 10px; font-family: 'Rajdhani', sans-serif; font-size: 1.5em;}
.item-formation .s-eleven	{position: relative; height: auto;}
.item-formation .s-eleven:before	{display: block; content: ""; padding-top: 100%;}
.item-formation .s-eleven li	{display: flex; position: absolute; transform: translate(-24.55%,0)}
.item-formation li a	{display: block; width: 100%; color: #ffffff;}
.item-formation .s-eleven li.y-1	{height: 11.1%; bottom: 0%;}
.item-formation .s-eleven li.y-2	{height: 11.1%; bottom: 11.1%;}
.item-formation .s-eleven li.y-3	{height: 11.1%; bottom: 22.2%;}
.item-formation .s-eleven li.y-4	{height: 11.1%; bottom: 33.3%;}
.item-formation .s-eleven li.y-5	{height: 11.1%; bottom: 44.4%;}
.item-formation .s-eleven li.y-6	{height: 11.1%; bottom: 55.5%;}
.item-formation .s-eleven li.y-7	{height: 11.1%; bottom: 66.6%;}
.item-formation .s-eleven li.y-8	{height: 11.1%; bottom: 77.7%;}
.item-formation .s-eleven li.y-9	{height: 11.1%; bottom: 88.8%;}
.item-formation .s-eleven li.x-1	{width: 18.55%; left: 0%;}
.item-formation .s-eleven li.x-2	{width: 18.55%; left: 11.1%;}
.item-formation .s-eleven li.x-3	{width: 18.55%; left: 22.2%;}
.item-formation .s-eleven li.x-4	{width: 18.55%; left: 33.3%;}
.item-formation .s-eleven li.x-5	{width: 18.55%; left: 44.4%;}
.item-formation .s-eleven li.x-6	{width: 18.55%; left: 55.5%;}
.item-formation .s-eleven li.x-7	{width: 18.55%; left: 66.6%;}
.item-formation .s-eleven li.x-8	{width: 18.55%; left: 77.7%;}
.item-formation .s-eleven li.x-9	{width: 18.55%; left: 88.8%;}
.item-formation .s-eleven li.hc	{width: 18.55%; bottom: -5.5%; left: 77.7%; }
.item-formation li em	{display: block; position: absolute; top: -2px; left: -2px; width: 18px; height: 18px; line-height: 18px; font-family: 'Rajdhani', sans-serif; font-weight: 700; text-align: center;}
.home .item-formation li em, .away .item-formation li em	{background-color: rgba(0,0,0,0.5);}
item-formation li.hc em	{background-color: rgba(0,0,0,0.75);}
.item-formation li b	{display: block; width: 100%;  margin-top: 16px; padding: 3px 3px 3px 1px;; color: #333333; background-color: #bfbfbf; font-size: 0.75em; line-height: 1.0; overflow: hidden;text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box;}
.home .item-formation li b	{border-bottom: 2px solid rgba(227,0,123,1);}
.away .item-formation li b	{border-bottom: 2px solid rgba(32,168,226,1)}
.home .item-formation li.hc b	{color: #ffffff; background-color: rgba(227,0,123,0.5);}
.away .item-formation li.hc b	{color: #ffffff; background-color: rgba(32,168,226,0.5);}
.item-formation li b + span	{display: block; position: absolute; top: -2px; left: 16px; width: 18px; height: 18px;}
.item-formation li p	{display: block; position: absolute; top: 0px; left: 35px; width: calc(100% - 30px); margin: 0; padding: 0; line-height: 1.0;}
.item-formation li p span.icon.icon-change	{position: absolute; top: 17px; right: 5px; width: 13px;}
.item-formation .sub	{font-size: 0;}
.item-formation .sub li	{display: inline-block; position: relative; width: 32%; margin: 2% 0 0 2%; vertical-align: top; font-size: 3.5vw;}
.item-formation .sub li:first-child	{height: 20px; line-height: 20px; padding-left: 5px; color: #ffffff; border-bottom-width: 2px; border-bottom-style: solid; font-family: 'Rajdhani', sans-serif; box-sizing: border-box; }
.item-formation .sub li:nth-of-type(3n+1)	{margin-left: 0;}
.item-formation .sub li em	{left: 0;  color: #ffffff;}
.item-formation .sub li b	{width: auto; height: 20px;  margin-top: 0; padding-left: 24px; color: #ffffff; background-color: #004241; box-sizing: border-box; }
.item-formation .sub li span	{top: 0; left: auto; right: 0;}

.item-timeline{position: relative; height: 64px; margin: 0 0 20px 0; padding-top: 15px/*20px*/; background: rgb(0,101,88);background: linear-gradient(-90deg, rgba(0,101,88,1) 30%, rgba(0,0,0,1) 50%, rgba(0,101,88,1) 70%); box-sizing: border-box;}
.item-timeline:before{display: block; content: "HT"; position: absolute; top: 0; left: calc(50% - 10px); width: 20px; height: 14px; font-family: 'Rajdhani', sans-serif; font-size: 12px; font-weight: 700; text-align: center;}
.item-timeline:after{display: block; content: ""; position: absolute; top: 20px; left: 50%; width: 1px; height: 44px; border-left: 1px dotted #ffffff;}
.item-timeline .wrapper{margin: 0 20px; padding-bottom: 5px; border-right: 1px dotted #ffffff; border-left: 1px dotted #ffffff;}
.item-timeline .wrapper:before{display: block; content: "K.O."; position: absolute; top: 0; left: 10px; width: 20px; height: 14px; font-family: 'Rajdhani', sans-serif; font-size: 12px; font-weight: 700; text-align: center;}
.item-timeline .wrapper:after{display: block; content: "FT"; position: absolute; top: 0; right: 10px; width: 20px; height: 14px; font-family: 'Rajdhani', sans-serif; font-size: 12px; font-weight: 700; text-align: center;}
.item-timeline .clearfix ul{position: relative; width: 50%; float: left; height: 20px;}
.item-timeline ul li{position: absolute; width: 14px; height: 14px;}
.item-timeline .home{margin-bottom: 4px;}
.item-timeline .home ul li{position: absolute; bottom: 4px; width: 14px; height: 14px;}
.item-timeline .away ul li{position: absolute; top: 4px; width: 14px; height: 14px;}
.item-timeline p.time{display: block; content: ""; position: absolute; top: 36px; left: 0; width: 100%; height: 2px; margin: 0; padding: 0; background-color: #333333;}
.item-timeline p.time span{display: block; position: absolute; top: -1px; left: 0; width: 100%; height: 4px; background-color: #00d300; box-shadow: 0 0 3px 3px rgba(0,211,0,0.35);}
.item-timeline p.time span:after{display: block; content: ""; position: absolute; top: -2px; right: 0; width: 8px; height: 8px; background-color: #00d300; box-shadow: 0 0 1px 1px rgba(0,211,0,0.25);}

.item-members > h1	{position: relative; color: #ffffff;  border-bottom: 1px solid rgba(227,0,123,1); font-family: 'Rajdhani', sans-serif; font-size: 1.25em; line-height: 1.0;}
.item-members > h1:before	{display: inline-block; content: "▼"; width: 10px; height: 10px; margin-right: 5px; color: rgba(227,0,123,1); font-size: 14px; transform: rotate(-90deg)  scale(1.2,1); vertical-align: -2px;}
.item-members.sub > h1:before	{transform: rotate(90deg)  scale(1.2,1); vertical-align: 2px;}
.item-members > h1:after	{display: block; content: ""; position: absolute; bottom: -1px; right: 0; width: 23%; height: 1px; background-color: rgba(32,168,226,1);}
.item-members > section > h1	{margin-bottom: 0.25em; color: #ffffff; font-family: 'Rajdhani', sans-serif; font-size: 1.0em; font-weight: 500; line-height: 1.0;}
.item-members > section > h1 b	{padding-right: 1.0em; font-weight: 700;}
.item-members > section > ul > li	{margin-top: 5px;}
.item-members > section > ul > li:first-child	{margin-top: 0;}
.item-members > section > ul > li a	{display: block; color: #ffffff;}

.item-matches > ul	{margin-top: 10px;}
.item-matches > ul.reset > li:not(:first-child)	{margin-top: 5px;}
.item-matches > ul > li .row	{width: 100%;}
.item-matches > ul > li .row .col.date	{width: 15%; border-right: 2px solid #666666;  font-family: 'Rajdhani', sans-serif; text-align: center; line-height: 1.2; vertical-align: middle;}
.item-matches > ul > li .row .col .flex-box	{align-items: center; justify-content: space-between; margin-right: 5px; font-size: 0.90em;}
.item-matches > ul > li .row .col .flex-box .date	{width: 10%;  font-family: 'Rajdhani', sans-serif; text-align: center;}
.item-matches > ul > li .row .col .flex-box p	{margin: 0; padding: 0; flex-grow: 2}
.item-matches > ul > li .row .col .flex-box .score	{width: 1.5em;  font-family: 'Rajdhani', sans-serif; font-size: 1.25em; font-weight: 700; text-align: center;}
.item-matches > ul > li a	{display: block; color: #ffffff; background-color: #333333; border: 2px solid #666666;}
.item-matches .point	{position: relative; width: 20%; color: #333333; background-color: #f6d300; font-family: futura-pt-condensed, sans-serif; font-weight: 700; text-align: center; vertical-align: top;}
.item-matches .icon	{width: 30%; vertical-align: middle; text-align: right;}
.item-matches .icon ul	{display: inline-block;; margin-right: 10px;}
.item-matches .icon ul li	{display: inline-block; font-size: 0.90em;}
.item-matches .icon ul li.time	{margin-left: 3px;}
.item-matches .icon ul li span	{text-align: left}
.item-matches .point .view	{height: 24px; line-height: 24px;  border-bottom: 2px solid #333333; font-size: 0.9em; box-sizing: border-box;}
.item-matches .point .view em:before	{display: inline-block; content: ""; width: 18px; height: 18px; margin-right: 5px; background: transparent url("../img/splite-all.png") no-repeat 0px -36px; background-size: 225px; vertical-align: -5px;}
.item-matches .point .rating	{display: flex; align-items: center; justify-content: center; position: absolute; top: 26px; left: 0; width: 100%; height: calc(100% - 26px); vertical-align: middle;}
.item-matches .point .rating	{font-size: 1.75em; font-weight: 800;}
.item-matches .point .rating em:before	{display: inline-block; content: ""; width: 18px; height: 18px; margin-right: 2px; background: transparent url("../img/splite-all.png") no-repeat -18px -36px; background-size: 225px; vertical-align: -1px;}


.item-match-data	{margin-bottom: 20px;}
.item-match-data li	{width: 100%; font-size: 0;}
.item-match-data li div	{display: inline-block; margin-top: 3px; font-size: 3.0vw; text-align: center; vertical-align: top; box-sizing: border-box;}
.item-match-data li.head div	{margin-top: 0; padding-top: 3px; font-family: 'Rajdhani', sans-serif; font-weight: 700; line-height: 0.8;}
.item-match-data li .home, .item-match-data li .away	{width: 40%; padding: 0 3px; box-shadow:0px 0px 8px 3px rgba(255,255,255,0.25) inset;}
.stats .item-match-data li .home, .stats .item-match-data li .away	{width: 30%; text-align: center;}
.item-match-data li .home	{ border-left-width: 1px; border-left-style: solid; border-right: 3px solid #000000; text-align: right;}
.item-match-data li .time	{width: 20%; position: relative; background-color: rgba(102,102,102,1); border: 2px inset rgba(255,255,255,0.25); box-shadow:0px 0px 8px 3px rgba(0,0,0,0.25) inset; }
.stats .item-match-data li .time	{width: 40%;}
.item-match-data li .away	{border-right-width: 1px; border-right-style: solid;	 border-left: 3px solid #000000; text-align: left;}
.item-match-data li.head .home, .item-match-data li.head .away	{text-align: center;}
.item-match-data li .time span	{display: flex; align-items: center;justify-content: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;}
.item-match-data li .home p.in:after	{display: inline-block; content: "▲"; margin-left: 3px; color: #009f3c; transform: scale(1,0.8);}
.item-match-data li .home p.out:after	{display: inline-block; content: "▼"; margin-left: 3px; color: #df0024; transform: scale(1,0.8);}
.item-match-data li .away p.in:before	{display: inline-block; content: "▲"; margin-right: 3px; color: #009f3c; transform: scale(1,0.8);}
.item-match-data li .away p.out:before	{display: inline-block; content: "▼"; margin-right: 3px; color: #df0024; transform: scale(1,0.8);}
.stadium .item-match-data li	{display: table; height: 20px; margin-top: 5px; background-color: #4d4d4d;}
.stadium .item-match-data li div	{display: table-cell; padding: 0 3px;  font-size: 3.0vw; text-align: left;}
.stadium .item-match-data li div:first-child	{ width: 5.0em;text-align: center;}
.stadium h1{position: relative; height: 20px; line-height: 20px; margin: 0; padding: 0 3px; background-color: #7f7f7f; font-size: 3.5vw;}
.stadium h1: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;}

.item-rater{margin-top: 20px;}
.dir-player.page-rating .tab-content.outer > .item-rater{margin-top: 0;}
/*.dir-player .item-rater{position: relative; border-bottom: 1px solid rgba(227,0,123,1);}
.dir-player .item-rater:after{display: block; content: ""; position: absolute; bottom: -1px; left: 0; width: 20%; height: 1px; background-color: rgba(32, 168, 226, 1.00);}*/
.item-rater li{position: relative; margin-bottom: 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;}
.follow .item-rater li{background: transparent; background: linear-gradient(0deg, rgba(139,89,0,0) 75%, rgba(33,18,0,0) 100%);}
.item-rater li a{color: #ffffff;}
.item-rater li .follow{display: block; position: absolute; top: 13px; right: 3px; width: 80px; z-index: 1}
.item-rater li .follow button, .heading-user .item-follow button{display: block; width: 80px; height: 25px; line-height: 21px; padding: 0; color: #333333; background-color: #f6d300; border: 2px solid #f6d300; border-radius: 50px; font-size: 0.75em; font-weight: 700; text-align: center; cursor: pointer; box-sizing: border-box;}
.heading-user .item-follow button{height: 20px; font-size: 0.9em; line-height: 16px;}
.item-rater li .follow.followed button, .heading-user .item-follow.followed button{color: #f6d300; background-color: transparent;}
.item-rater li .follow button:hover, .heading-user .item-follow button:hover{color: #333333; background-color: rgba(246,211,0,0.75); border-color: rgba(246,211,0,0);}
.item-rater li .photo{position: absolute; top: 2px; left: 2px; /*width: 15%;*/ width: 50px; z-index: 1;}
.item-rater li .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; }
.item-rater li .photo span img{display: block;}
.item-rater li .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}
.item-rater li .comment{margin-left: 55px/*calc(13% + 2px)*/; }
.item-rater li .comment .name{position: relative; display: flex; align-items: center; height:  51px; border-bottom: none; line-height: 1.4;}
.item-rater li .follow + a > .comment .name{margin-right: 83px;}
.item-rater li .comment .name b{padding-left: 10px;}
.item-rater li.pro .comment .name b:before{display: inline-block; content: "PRO"; margin-right: 0.5em; 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;}
.item-rater li .comment .name div{position: absolute; top: 0; right: 0; width: 24.4%; height: 51px; color: #404040; background-color: #f6d300; font-family: 'Rajdhani', sans-serif; font-size: 1.5em; font-weight: 700; text-align: center; display: flex; align-items: center; justify-content: center;}

.item-rater li .comment .name div:before {display: inline-block; content: ""; width: 20px; height: 20px; margin-right: 0.25em; background: transparent url("../img/splite-icon.png") no-repeat 0 -15px; background-size: 112px; text-indent: -999em; vertical-align: -3px;}
.item-rater li .comment p {min-height: auto;/*min-height: 3.0em;*/ margin: 0; padding: 5px 10px; font-size: 0.85em; line-height: 1.4;}
.item-rater li .comment .name + p { border-top: 1px solid #f6d300;}

.item-club-carrier {margin-top: 20px;}
.item-club-carrier > ul > li {margin-top: 10px;}
.item-club-carrier .row {width: 100%x;}
.item-club-carrier .row .col {vertical-align: top;}
.item-club-carrier .row .col:first-child {width: 41px;}
.item-club-carrier .row .col:first-child button {width: 41px; height: 41px; margin: 0; padding: 0; background: none transparent; border: 0; -moz-appearance: none; -webkit-appearance: none; appearance: none; border-radius: none; outline: none; vertical-align: top; box-sizing: border-box; overflow: hidden; }
.item-club-carrier .row .col:first-child button:before {display: block; content: ""; width: 41px; height: 41px; line-height: 41px; border: 2px solid #bababa; background: transparent url("../img/icon-arrow-down.png") no-repeat center center; background-size: 16px; box-sizing: border-box;}
.item-club-carrier .open .row .col:first-child button:before {background-color: #808080; transform: rotate(180deg)}
.item-club-carrier .row.detail {display: none; margin-top: 5px; padding: 10px; border: 2px solid rgba(227,0,123,1.00); box-sizing: border-box;}
.item-club-carrier .open .row.detail {display: block;}

.item-nt-carrier {margin-top: 20px;}

.item-title {margin-top: 20px;}

.dir-player.page-rating .item-stats{margin-top: 5px;}
.item-stats ul{font-size: 0;}
.item-stats ul + ul{margin-top: 5px;}
.item-stats ul li{display: inline-block; width: 50%; font-size: 2.75vw; vertical-align: top}
.item-stats ul li .row{width: calc(100% - 5px); height: 20px; line-height: 20px; margin: 5px 0 0 5px; color: #ffffff; background-color: #666666; box-sizing: border-box;}
.item-stats ul > li:nth-of-type(-n+2) .row{margin-top: 0;}
.dir-club .data.item-stats ul li .row{background-color: #8c8c8c;}
.dir-club .data.item-stats ul li:nth-of-type(-n + 2) .row{margin-top: 0;}
.item-stats ul li:nth-child(odd) .row{margin-right: 5px; margin-left: 0; border-left: 2px solid rgba(227,0,123,1.00);}
.item-stats ul li:nth-child(even) .row{border-right: 2px solid rgba(32,168,226,1.00);}
.dir-club .data.item-stats ul li .row{border-right: none; border-left: 2px solid rgba(32,168,226,1.00);}
.item-stats ul li .row > .col:first-child{padding-left: 3px;}
.item-stats ul li .row > .col:last-child{width: 20%; background-color: #8c8c8c; font-family: 'Rajdhani', sans-serif; font-size: 1.25em; font-weight: 700; text-align: center;}

.item-share{margin: 15px 0 20px; padding: 10px; background-color: #333333; border-radius: 4px;}
.item-share ul{display: flex; align-items: center; text-align: center; width: calc(100% + 10px); transform: translate(-10px);}
.item-share ul li{width: calc(100% - 10px); margin-left: 10px;}
.item-share ul li a{display: block; height: 22px; border-radius: 4px; overflow: hidden; text-align: center;}
.item-share ul li a:before{display: block; content: ""; width: 19px; height: 18px; margin: 2px auto;}
.item-share ul li.button-facebook a:before{background: transparent url("../img/splite-all.png") no-repeat -74px -40px; background-size: 250px;}
.item-share ul li.button-twitter a:before{background: transparent url("../img/splite-all.png") no-repeat -95px -40px; background-size: 250px;}
.item-share ul li.button-line a:before{background: transparent url("../img/splite-all.png") no-repeat -116px -40px; background-size: 250px;}
.item-share ul li.button-facebook a{background-color: #1877f2;}
.item-share ul li.button-twitter a{background-color: #1da1f2;}
.item-share ul li.button-line a{background-color: #00b900;}

.item-result-score-comment ul li{margin-top: 10px;}
.item-result-score-comment ul li:first-child{margin-top: 0;}
.heading-result-score	{background: rgb(0,101,88); background: linear-gradient(-90deg, rgba(0,0,1,1) 0%, rgba(0,101,88,1) 100%); border-radius: 4px;}
.home .heading-result-score	{border: 2px solid rgba(227,0,123,1.00);}
.away .heading-result-score	{border: 2px solid rgba(32,168,226,1.00);}
.heading-result-score .photo	{width: 16.5%; border-right-width: 2px; border-right-style: solid;}
.heading-result-score .photo p	{ font-family: 'Rajdhani', sans-serif; font-size: 1.5em; font-weight: 700; text-align: center;}

.heading-result-score .col	{vertical-align: top;}
.heading-result-score .col p	{height: 24px; line-height: 24px; margin: 0; padding: 0; border-bottom: 2px solid transparent; box-sizing: border-box;}

.heading-result-score .info	{position: relative;vertical-align: top;}
.heading-result-score .info p	{padding-left: 3px;}
.home .heading-result-score .info p	{border-bottom: 2px solid rgba(227,0,123,1.00);}
.away .heading-result-score .info p	{border-bottom: 2px solid rgba(32,168,226,1.00);}
.heading-result-score .info div	{padding: 3px;}

.heading-result-score .point	{position: relative; width: 23%; color: #333333; background-color: #f6d300; font-family: 'Rajdhani', sans-serif; font-weight: 700; text-align: center; vertical-align: top;}

.heading-result-score .point .view	{height: 24px;  border-bottom: 2px solid #4d4d4d; font-size: 0.9em; box-sizing: border-box;}
.heading-result-score .point .view em:before	{display: inline-block; content: ""; width: 20px; height: 20px; margin-right: 5px; background: transparent url("../img/icon-point-view-bk.png") no-repeat center center; background-size: 20px; vertical-align: middle;}
.heading-result-score .point .rating	{display: flex; align-items: center; justify-content: center; position: absolute; top: 26px; left: 0; width: 100%; height: calc(100% - 26px); vertical-align: middle;}
.heading-result-score .point .rating	{font-size: 1.75em;}
.heading-result-score .point .rating em:before	{display: inline-block; content: ""; width: 26px; height: 26px; margin-right: 2px; background: transparent url("../img/icon-point-rating-bk.png") no-repeat center center; background-size: 26px; vertical-align: middle;}


.popup-players, .popup-modal	{position: relative; width: 90%; max-width: 400px; margin: 0 auto; background-color: #004241; border: 2px solid #ffffff;}
.popup-players, .popup-modal a	{color: #ffffff; text-decoration: underline;}
.popup-players .container, .popup-modal .container	{padding: 5%;}
.popup-modal .container strong	{display: block; font-size: 1.25em; text-align: center;}
.popup-players .body-players .row	{width: 100%;}
.popup-players .body-players .row .col	{vertical-align: top;}
.popup-players .body-players .row .col:first-child	{width: 45%;}
.popup-players .item-action	{text-align: right;}
.popup-players .item-action ul, .popup-modal .item-action ul	{margin-top: 20px; font-size: 0;}
.popup-players .item-action ul li	{display: inline-block; width: 30%; font-size: 3.5vw;}
.popup-modal .item-action ul li	{display: inline-block; width: 47.5%; font-size: 3.5vw;}
.popup-players .item-action ul li:last-child, .popup-modal .item-action ul li:last-child	{margin-left: 5%;}
.popup-players .item-action ul li a, .popup-modal .item-action ul li a, .popup-modal .item-action ul li button	{display: block; width: 100%; height: 30px; line-height: 26px; padding: 0; color: #ffffff; background-color: #000000; border: 2px solid rgba(246,211,0,1.00); border-radius: 15px; text-align: center; text-decoration: none; box-sizing: border-box;}
.popup-modal .item-action ul li button.mfp-close	{position: static; font-family: 'M PLUS 1p', "メイリオ", Meiryo, sans-serif; font-size: inherit; opacity: 1;}
.popup-players .container + button.mfp-close	{position: absolute; top: auto; top: 83%; left: 5%; width: 30%; height: 40px; color: rgba(255,255,255,0.5); font-size: 80px; font-family: 'Rajdhani', sans-serif; opacity: 1; text-align: left;}
.popup-players .container + button.mfp-close:after	{display: block; content: "閉じる"; position: absolute; top: auto; bottom: 5%; left: -5px; width: 100%; height: 40px; color: rgba(255,255,255,1); font-size: 18px; font-family: 'M PLUS 1p', "メイリオ", Meiryo, sans-serif;}
.text .container + button.mfp-close	{top: 0; right: 0,; width: 24px; height: 24px; line-height: 24px;/*width: 30px; height: 30px; line-height: 30px;*/ background-color: #ffffff;}

.heading-players	{background: rgb(0,101,88); background: linear-gradient(90deg, rgba(0,101,88,1) 0%, rgba(0,0,0,1) 100%); border-width: 2px; border-style: solid;}
.heading-players .col	{vertical-align: top;}
.heading-players .photo	{width: 16.5%; border-right-width: 2px; border-right-style: solid; box-sizing: border-box;}
.heading-players .info	{position: relative;vertical-align: middle;}
.heading-players .info .name	{display: inline-block; padding-left: 17px; line-height: 1.2;}
.heading-players .info .name b	{display: block; position: absolute; top: 50%; left: -13px; width: 26px; height: 26px; line-height: 22px; margin-top: -13px; color: #ffffff; border: 2px solid #ffffff; border-radius: 13px; font-family: 'Rajdhani', sans-serif; text-align: center; box-sizing: border-box;}
.home .heading-players .info .name b	{background-color: rgba(227,0,123,1.00);}
.away .heading-players .info .name b	{background-color: rgba(32,168,226,1.00);}
.heading-players .info .name em	{font-family: 'Rajdhani', sans-serif; font-size: 0.75em; font-weight: 500;}
.heading-players .info .name p	{display: block; position: absolute; bottom: 5px; right: 5px; width: 20px; height: 20px; margin: 0; padding: 0;}
.heading-players .col.icon	{width: 36px; vertical-align: middle;}
.heading-players .col.icon ul	{display: inline-block;font-size: 0; }
.heading-players .col.icon ul li	{display: inline-block; width: 14px; height: 14px; font-size: 12px; text-align:center;}
.heading-players .col.icon ul li.goal	{width: 32px; margin-bottom: 3px; font-family: 'Rajdhani', sans-serif;}
.heading-players .col.icon ul li.change	{width: 32px; }
.heading-players .col.icon ul li.goal span.icon	{margin-right: 3px; vertical-align: middle;}
span.icon	{display: inline-block; width: 14px; height: 15px; background: transparent url("../img/splite-all.png") no-repeat; background-size: 500px; text-indent: -999em;}
span.icon.icon-goal	{width: 12px; height: 14px; background-position: -120px -52px;}
span.icon.icon-yellow	{width: 9px; height: 14px; background-position: -94px -52px;}
span.icon.icon-yellow-red	{width: 10px; height: 15px; background-position: -107px -52px;}
span.icon.icon-red	{width: 9px;height: 14px; background-position: -94px -66px;}
span.icon.icon-change	{width: 13px; height: 14px; background-position: -133px -52px;}
span.icon.icon-in	{width: 10px; height: 14px; background-position: -149px -52px;}
span.icon.icon-out	{width: 10px; height: 14px; background-position: -163px -51px;}
span.icon.icon-condition-01	{width: 18px; height: 18px; background-position: -109px -43px; background-size: 600px;}
span.icon.icon-condition-02	{width: 18px; height: 18px; background-position: -129px -43px; background-size: 600px;}
span.icon.icon-condition-03	{width: 18px; height: 18px; background-position: -149px -43px; background-size: 600px;}
span.icon.icon-condition-04	{width: 18px; height: 18px; background-position: -170px -43px; background-size: 600px;}
span.icon.icon-condition-05	{width: 18px; height: 18px; background-position: -190px -43px; background-size: 600px;}
span.icon.icon-up	{width: 11px; height: 12px; background-position: -234px 0px; background-size: 333px}
span.icon.icon-down	{width: 11px; height: 12px; background-position: -234px -12px; background-size: 333px}
span.icon.icon-keep	{width: 11px; height: 12px; background-position: -234px -24px; background-size: 333px}
span.icon.icon-honmei	{width: 20px; height: 20px; background-position: -185px -58px; background-size: 500px}
span.icon.icon-taikou	{width: 20px; height: 20px; background-position: -210px -57px; background-size: 500px}
span.icon.icon-tannana	{width: 20px; height: 20px; background-position: -235px -57px; background-size: 500px}
span.icon.icon-renshita	{width: 20px; height: 20px; background-position: -260px -57px; background-size: 500px}
span.icon.icon-ana	{width: 20px; height: 20px; background-position: -285px -57px; background-size: 500px}
span.icon.icon-chuui	{width: 20px; height: 20px; background-position: -310px -57px; background-size: 500px}
span.icon.icon-cnt-good	{width: 21px; height: 21px; background-position: 0 -69px; background-size: 275px}
.done span.icon.icon-cnt-good.black	{width: 21px; height: 21px; background-position: -59px -69px; background-size: 275px}
span.icon.icon-cnt-good.black	{width: 21px; height: 21px; background-position: -40px -69px; background-size: 275px}
span.icon.icon-cnt-comment	{width: 21px; height: 21px; background-position: -20px -69px; background-size: 275px}
span.icon.icon-cnt-good.yellow	{width: 15px; height: 19px; background-position: -94px -104px; background-size: 400px}
span.icon.icon-ave-rating	{width: 16px; height: 19px; background-position: -158px -105px; background-size: 400px}
span.icon.icon-cnt-matches	{width: 16px; height: 18px; background-position: -187px -106px; background-size: 400px}
span.icon.icon-cnt-club	{width: 17px; height: 16px; background-position: -216px -106px; background-size: 400px}
span.icon.icon-cnt-review	{width: 14px; height: 17px; background-position: -246px -106px; background-size: 400px}

.heading-players .point	{position: relative; width: 23%; color: #333333; background-color: #f6d300; font-family: futura-pt-condensed, sans-serif; font-weight: 700; text-align: center; vertical-align: top;}
.heading-players .point .view	{height: 24px; line-height: 24px;  border-bottom: 2px solid #4d4d4d; font-size: 0.9em; box-sizing: border-box;}
.heading-players .point .view em:before	{display: inline-block; content: ""; width: 18px; height: 18px; margin-right: 5px; background: transparent url("../img/splite-all.png") no-repeat 0px -36px; background-size: 225px; vertical-align: -5px;}
.heading-players .point .rating	{display: flex; align-items: center; justify-content: center; position: absolute; top: 26px; left: 0; width: 100%; height: calc(100% - 26px); vertical-align: middle;}
.dir-mypage .heading-players .point .rating	{display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; font-size: 2.5em; vertical-align: middle;}
.heading-players .point .rating	{font-size: 1.75em; font-weight: 800;}
.heading-players .point .rating em:before, .tab .rating:before	{display: inline-block; content: ""; width: 18px; height: 18px; margin-right: 2px; background: transparent url("../img/splite-all.png") no-repeat -18px -36px; background-size: 225px; vertical-align: middle;}
.dir-mypage.page-rating-details .heading-players .point .rating em:before, .dir-mypage.page-user .heading-players .point .rating em:before	{display: inline-block; content: ""; width: 23px; height: 27px; margin-right: 2px; background: transparent url("../img/splite-all.png") no-repeat -29px -53px; background-size: 333px; vertical-align: -2px;}

.profile dl	{font-size: 0;}
.profile dl dt	{display: inline-block; width: 50%; height: 20px; line-height: 15px; margin-top: 10px; padding: 3px; color: #333333; background-color: #bfbfbf; font-size: 3.5vw; vertical-align: top; box-sizing: border-box;}
.profile dl dd	{display: inline-block; position: relative; width: 50%; height: 20px; margin-top: 10px; font-size: 3.5vw; vertical-align: top;}
.profile dl dd:not(.full) p	{height: 20px; line-height: 15px; margin-left: 5px; padding: 3px; color: #ffffff; background-color: #8c8c8c; box-sizing: border-box; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.profile dl dd.full	{width: 100%; margin-left: 0; color: #333333; background-color: #bfbfbf; }
.dir-player .profile dl dt, .dir-club .trend-player .profile dl dt	{width: 40%; color: #ffffff; background-color: #666666; border-left: 2px solid rgba(227,0,123,1.00); box-sizing: border-box;}
.dir-player .profile dl dd:not(.full), .dir-club .trend-player .profile dl dd:not(.full)	{width: 60%;}
.dir-player .profile dl dd:not(.full):before, .dir-club .trend-player .profile dl dd:not(.full):before	{display: block; content: ""; position: absolute; top: 0; left: 5px; width: 2px; height: 100%; background-color: rgba(32,168,226,1.00);}
.dir-player .profile dl dd p, .dir-club .trend-player .profile dl dd p	{margin-left: 7px; padding-right: 3px; text-align: right;}
.profile dl dd.full	{height: 50px; background-color: #bfbfbf; font-size: 2.75vw; line-height: 1.4;}
.profile dl dd.full p, .dir-club .trend-player .profile dl dd.full p	{height: 50px; overflow: auto; text-align: left;}
.mfp-content .profile dl dd.full p	{padding: 2px; box-sizing: border-box;}
.dir-player .profile dl dd.full:before, .dir-club .trend-player .profile dl dd.full:before	{display: block; content: ""; position: absolute; top: 0; left: 0; width: 2px; height: 100%; background-color: rgba(246,211,0,1.00);}
/*.dir-player .data-area */.nav-select	{position: relative; height: 30px; margin-bottom: 10px; background-color: #b3b3b3;}
/*.dir-player .data-area */.nav-select:after	{display: block; content: ""; position: absolute; top: 0; right: 0; width: 30px; height: 30px; background: #808080 url("../img/icon-arrow-down.png") no-repeat center center; background-size: 10px;}
/*.dir-player .data-area */.nav-select select	{display: block; position: relative; width: 100%; height: 30px; margin: 0; padding: 0 5px; color: #333333; background: none transparent; border: 0; -moz-appearance: none; -webkit-appearance: none; appearance: none; border-radius: none; outline: none; box-sizing: border-box; z-index: 1;}

.dir-player .data-area > .row	{width: 100%;}
.dir-player .data-area > .row .col	{vertical-align: top;}
.dir-player .data-area > .row .col:first-child	{width: 165px;/*width: 40%;*/}
.dir-player .data-area > .row .col .item-type	{margin-left: 15px;}
.dir-player .data-area > .row .col strong	{display: block; height: 10%; line-height: 18px; margin-bottom: 10px; color: #cccccc; background-color: #404040; border: 1px solid #cccccc; font-family: 'Rajdhani', sans-serif; font-size: 3.5vw; text-align: center; box-sizing: border-box;}
.dir-player .data-area > .row .col .thead	{font-size: 0;}
.dir-player .data-area > .row .col .thead strong	{vertical-align: top;}
.dir-player .data-area > .row .col .thead strong:nth-of-type(1)	{display: inline-block; width: 20%;}
.dir-player .data-area > .row .col .thead strong:nth-of-type(2)	{display: inline-block; width: calc(80% - 5px); margin-left: 5px;}
.dir-player .matches	{margin-top: 15px;}
.item-type dl	{font-size: 0;}
.item-type dl dt	{display: inline-block; width: 20%; height: 20px; line-height: 20px; background-color: #666666; font-size: 3.0vw; text-align: center; box-sizing: border-box;}
.item-type dl dd	{display: inline-block; width: calc(80% - 5px); height: 20px; line-height: 20px; margin: 0 0 10px 5px; background-color: #8c8c8c; font-size: 3.0vw; box-sizing: border-box;}
.item-type dl dt.orange	{background-color: rgba(237,154,0,1.00);}
.item-type dl dt.red	{background-color: rgba(222,0,36,1.00);}
.data-player ul	{font-size: 0;}
.data-player li	{display: inline-block; position: relative; border: 1px solid #ffffff; font-family: 'Rajdhani', sans-serif; font-size: 3.0vw; text-align: center;box-sizing: border-box;}
.data-player li em	{display: block; position: absolute; bottom: 0; left: 0; width: 100%; background-color: #820010; font-family: 'M PLUS 1p', "メイリオ", Meiryo,"HiraKakuPro-W3","ヒラギノ角ゴ Pro W3","Helvetica Neue", Helvetica, "Arial", "ＭＳ Ｐゴシック",sans-serif; font-weight: 700; text-align: center;}
.item-type .data-player	{margin-top: /*38px;*/30px;}
.item-type .data-player li	{width: 60%; height: 52px; background-color: #b2001a;}
.item-type .data-player li:last-child	{width: calc(40% - 5px); margin-left: 5px;}
.item-type .data-player li em	{height: 32px; line-height: 32px; font-size: 1.25em;}
.detail .data-player	{width: 100%}
.detail .data-player ul	{ width: calc(100% + 5px); margin: 10px 0;}
.detail .data-player li	{width: calc(16.666% - 5px); height: 38px; margin-left: 5px; background-color: #b82163;}
.detail .data-player li:first-child	{margin-left: 0;}
.detail .data-player li em	{height: 18px; line-height: 18px; background-color: #861547;}
.detail .intro	{padding:  10px; color: #333333; background-color: #e5e5e5; line-height: 1.4;}



.item-questionnaire .tab ul{margin: 0;}
.item-questionnaire .tab ul li{display: block; width: 50%; height: 20px; line-height: 20px; margin: 10px 0 0; padding: 0 3px; background-color: #b82163; font-family: 'Rajdhani', sans-serif; font-weight: 700; box-sizing: border-box; cursor: pointer;}
.item-questionnaire .tab ul li:not(.active){background-color: #861547;}
.item-questionnaire .tab ul li:last-child{text-align: right;}
.item-questionnaire p{padding: 10px; background-color: #333333;}

.spec-player ul	{display: table; width: 100%;}
.spec-player li	{display: table-cell; height: 41px; background-color: #b82163; border-left: 5px solid #000000; font-size: 2.75vw; text-align: center; vertical-align: top; box-sizing: border-box;}
.detail .spec-player li:first-child, .dir-player .data-area .item-nt-carrier .spec-player li:first-child, .dir-player .data-area .item-title .spec-player li:first-child	{border-left: none;}
.spec-player li em	{display: block; width: 100%; height: 18px; line-height: 18px; background-color: #404040; border: 1px solid #ffffff; font-family: 'Rajdhani', sans-serif; font-weight: 700; text-align: center; box-sizing: border-box;}
.spec-player li p:before	{display: block; content: ""; width: 100%; height: 5px; background-color: #000000;}
.spec-player li p	{height: 18px; line-height: 18px; margin: 0; padding: 0;}
.dir-player .data-area .spec-player li.year, .dir-player .data-area .spec-player li.league	{width: 41px;}
.dir-player .data-area .spec-player li.app, .dir-player .data-area .spec-player li.goal	{width: 31px; background-color: #861547;}
.dir-player .data-area .item-nt-carrier .spec-player li	{background-color: #1586b5;}
.dir-player .data-area .item-nt-carrier .spec-player li.app, .dir-player .data-area .item-nt-carrier .spec-player li.goal	{background-color: #0c6084;}
.dir-player .data-area .item-title .spec-player li	{background-color: #c5a800;}
.dir-player .data-area .item-title .spec-player li.result	{width: 50px;}
.dir-player .data-area .item-title .spec-player li.category	{width: 30%;}
.dir-player .data-area .item-title .spec-player li.app, .dir-player .data-area .item-title .spec-player li.goal	{background-color: #8f7a00;}

.heat-map	{ position: relative; margin: 10px 10px 0 0; padding-bottom: 18px;border: 2px solid #bfbfbf;}
.heat-map:before	{ display: block; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent url("../img/live/bg-heatmap.png") no-repeat center top; background-size: contain; z-index: 1;}
.dir-player .data-area .heat-map	{ margin: 0;}


.heat-map:after	{ display: block; content: ""; position: absolute; bottom: -2px; left: 35%; width: 30%; height: 18px; /*background-color: #666666;*/ border-top: 2px solid #bfbfbf; border-right: 2px solid #bfbfbf; border-left: 2px solid #bfbfbf; box-sizing: border-box;}
.heat-map ul	{position: relative; height: 150px;}
.heat-map ul li	{position: absolute;}
.heat-map ul li.gk	{left: 35%; bottom: -20px; width: 30%; height: 18px;}
.heat-map ul li.x-1.y-1	{left: 0; bottom: 0; width: 25%; height: 33%;}
.heat-map ul li.x-1.y-2	{left: 0; bottom: 33%; width: 25%;  height: 33%;}
.heat-map ul li.x-1.y-3	{left: 0; bottom: 66%; width: 25%;  height: 34%;}
.heat-map ul li.x-2.y-1	{left: 25%; bottom: 0; width: 50%; height: 25%;}
.heat-map ul li.x-2.y-2	{left: 25%; bottom: 25%; width: 50%; height: 25%;}
.heat-map ul li.x-2.y-3	{left: 25%; bottom: 50%; width: 50%; height: 25%;}
.heat-map ul li.x-2.y-4	{left: 25%; bottom: 75%; width: 50%; height: 25%;}
.heat-map ul li.x-3.y-1	{left: 75%; bottom: 0; width: 25%; height: 33%;}
.heat-map ul li.x-3.y-2	{left: 75%; bottom: 33%; width: 25%;  height: 33%;}
.heat-map ul li.x-3.y-3	{left: 75%; bottom: 66%; width: 25%;  height: 34%;}
.heat-map ul li div	{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin-top: 2px; background-color: #666666; box-sizing: border-box;}
.heat-map ul li.orange div	{background-color: rgba(237,154,0,1.00);}
.heat-map ul li.red div	{background-color: rgba(222,0,36,1.00);}
.heat-map ul li.x-2 div	{margin: 2px 2px 0;}
.heat-map ul li.x-1.y-3 div, .heat-map ul li.x-2.y-4 div, .heat-map ul li.x-3.y-3 div	{margin-top: 0;}

.dir-player .data-area{margin: 0 20px;}
.dir-player .data-area .row{width: 100%;}

.dir-club .data-area .profile-field dl{/*margin-top: 20px; */font-size: 0.85em;}
.dir-club .data-area .profile-field dt{display: block; min-height: 20px; margin-top: 10px; padding: 3px; color: #ffffff; background-color: #666666; border-left: 2px solid rgba(227, 0, 123, 1.00); font-family: 'Rajdhani', sans-serif; font-weight: 700; box-sizing: border-box;}
.dir-club .data-area .profile-field dt:first-child{margin-top: 0;}
.dir-club .data-area .profile-field dd{display: block; min-height: 20px; padding: 3px;color: #ffffff; background-color: #8c8c8c; border-left: 2px solid rgba(32,168,226,1.00); box-sizing: border-box;}
.dir-club .data-area .profile-field dd.data{padding: 0; background-color: transparent; border-left: none;}
.dir-club .data-area .profile-field dd.data > .graph{position: relative; width: calc(100% + 20px); margin-top: 10px; transform: translate(-10px);}


form table{width: 100%; border-collapse: collapse;}
form table th, form table td{padding: 10px;}
form table th{background-color: #666666; border-top: 5px solid #000000;}
form table th em{display: inline-block; margin-left: 0.25em; color: #ff5555; font-size: 0.85em; font-weight: 400;}
form table td{background-color: #8c8c8c;}
form table tr:first-child th, form table tr:first-child td{border-top: none;}
form table tr.send td{background-color: transparent; text-align: center;}
form table td a{color: #ffffff; text-decoration: underline;}
form table td a:hover{text-decoration: none;}
form table tr.send td input[type="submit"]{padding: 10px 20px; background-color: #f6d300; border: none; border-radius: 5px; -moz-appearance: none; -webkit-appearance: none; appearance: none; cursor: pointer;}
form table tr.send td input[type="button"]{margin-right: 10px; padding: 10px 20px; background-color: #ffffff; border: none; border-radius: 5px; -moz-appearance: none; -webkit-appearance: none; appearance: none; cursor: pointer;}
form table td .group span{display: inline-block; width: calc(50% - 5px); margin-left: 10px;}
form table td .group > span:first-child{margin-left: 0;}
form table tr.postal-code td .group > span:first-child{width: 1.0em;}
form table tr.postal-code td .group > span:nth-of-type(2){width: 7.0em;}form table tr.postal-code td span a:before{display: inline-block; content: "?"; width: 20px; height: 20px; line-height: 20px; margin-right: 0.25em; color: #eeeeee; background-color: #333333; border-radius: 10px; font-family: 'Rajdhani', sans-serif; font-weight: 800; text-align: center;}
form table tr:not(.send) td input{width: 100%; border: 1px solid #ffffff; box-sizing: border-box;}
form table td textarea{width: 100%; height: 10em; vertical-align: top; box-sizing: border-box;}
form table tr.error td input{background-color: #ffeeee; border: 1px solid #ff5555;}
form table tr.error td p.note{margin: 0.25em 0 0; color: #ffffff;}
form table tr.error td p.note:before{display: inline-block; content: "※"; color: #ff5555;}

/* Overwrite JS */

@media screen and (max-width:321px){
.dir-player .data-area > .row .col:first-child	{width: 45%;}
.item-formation li p	{ width: calc(120% - 30px); transform: scale(0.8); transform-origin: left center;}
.item-formation li p span.icon.icon-change	{top: 19px; right: 10px; transform: scale(1);}
}
@media screen and (max-width:785px){
.tab-content.func-sp	{display: none;}
.tab-content.active.func-sp	{display: block;}
.item-timeline{width: calc(100% + 40px); margin: 0 0 15px -20px;/*margin: 0 0 20px -20px;*/}
.item-matches > ul > li .row .col .flex-box	{height: 24px;}
.page-rating .item-rater{margin-right: 20px; margin-left: 20px;}
.dir-player.page-data .item-stats{margin-right: 20px; margin-left: 20px;}
.members-field ul li	{margin: 10px 20px 0;}
.members-field h1	{margin-right: 20px; margin-left: 20px;}
.dir-club .data-area{margin-right: 20px; margin-left: 20px;}
.dir-club .trend-player > .inner .profile{display: none;}
.page-info .item-news ul	{padding: 0 20px;}
form table th, form table td{display: block; width: 100%; box-sizing: border-box;}
.page-club-data .club-data, .page-club-data .item-stats{margin: 0 20px;}
.page-standings tr.data .club-data{margin-top: 5px;}
.dir-live.page-club-data .rating .graph{margin: 0 10px;}
.dir-player.page-rating .graph{margin: 0 10px 0;}
.item-players-comment ul li .row > .info > .name.user	{height: 21px; line-height: 20px;}
.item-players-comment ul li .row > .info > .name.user + .name	{height: 16px; font-size: 0.7em; line-height: 16px;}
.item-players-comment ul li .row > .info > .name.user + .name + .headline	{ justify-content: flex-start; top: 37px; height: calc(100% - 37px);}

	
/*グラフない場合*/
/*.page-summary .club-data.home{float: left; width: 48%;}
.page-summary .club-data.away{float: right; width: 48%;}*/
}

@media screen and (min-width:786px){
footer{padding-bottom: 40px}
footer nav ul.reset{display: inline-block; position: relative;}
footer nav ul.reset:not(:first-child){margin-left: 7px;}
footer nav ul.reset:after{display: block; content: ""; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background-color: rgba(255,255,255,0.5);}
footer nav ul.reset:first-child:after{display: none;}
footer nav ul.reset li{font-size: 1.4rem;}


	
.item-news, .dir-top .item-news	{padding-right: 0; padding-left: 0;}

.dir-live .tab-content, .dir-live.page-matchcenter .tab-content.inner{float: left; width: 515px;}
.dir-live.page-preview .tab-content, .dir-live.page-report .item-formation .tab-content{float: none; width: 515px;}
.dir-live .tab-content.outer{width: 100%;}
.dir-live.page-matchcenter .item-formation .tab-content, .dir-live.page-toto .tab-content{float: none; width: 100%;}
.page-preview .tab.inner.func-sp {display: none;}
.dir-live:not(.page-preview) .tab + .tab-content{margin-right: 30px}
.dir-live.page-toto .tab + .tab-content{margin-right: 0}
.dir-live.page-club-data .data-area .heading, .data-area .body.ability, .dir-live.page-summary .data-area .heading, .dir-live.page-summary .data-area .body, .dir-live.page-club-data .data-area .body.ability{margin: 0;}
.dir-live.page-club-data .graph{margin: 0;}

.dir-player .profile-field .body .point .col{padding: 30px 0; font-size: 4.0em !important;}
.dir-club .trend-player .profile .point .col{padding: 20px 0; font-size: 3.0em !important;}
.dir-club .trend-player .list-rating{margin-top: 0;}
.dir-club .trend-player > .inner{display: flex; justify-content: center;}
.dir-club .trend-player .profile{width: 40%; margin-left: 5px;}
.dir-club .trend-player .profile .point{width: 100%; table-layout: fixed; border-radius: 4px; overflow: hidden;}
.dir-club .trend-player .profile .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-club .trend-player .profile .point .col.view	{font-size: 1.5em;  border-right: 1px solid #000000;}
.dir-club .trend-player .profile .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-club .trend-player .profile .point .col.view em:before	{background-position: 0px -80px;}
.dir-club .trend-player .profile .point .col.rating em:before	{background-position: -40px -80px;}
.dir-club .trend-player .profile .point .col.rating em span	{margin-left: 0.25em; font-size: 0.65em; font-weight: 400; vertical-align: 1px;}


.item-formation .s-eleven li	{transform: translate(-13.55%,0)}
.item-formation .s-eleven li.x-1	{width: 14.55%;}
.item-formation .s-eleven li.x-2	{width: 14.55%;}
.item-formation .s-eleven li.x-3	{width: 14.55%;}
.item-formation .s-eleven li.x-4	{width: 14.55%;}
.item-formation .s-eleven li.x-5	{width: 14.55%;}
.item-formation .s-eleven li.x-6	{width: 14.55%;}
.item-formation .s-eleven li.x-7	{width: 14.55%;}
.item-formation .s-eleven li.x-8	{width: 14.55%;}
.item-formation .s-eleven li.x-9	{width: 14.55%;}
.item-formation .s-eleven li.hc	{width: 14.55%;}

.item-formation .sub li	{font-size: 16px;}
.item-formation li b	{box-sizing: border-box;}
.item-formation li p	{bottom: 42px;}
.item-formation li p span.icon.icon-change	{top: 18px; right: -5px;}

.item-timeline{width: 65%; margin-right: auto; margin-left: auto;}

.summary-field > .heading	{width: 65%/*100%*/; margin-right: auto; margin-left: auto;}
.summary-field > .heading .club	{width: 150px/*250px*/;}
.summary-field > .heading .score > .row {width: 385px/*560px*/;}
.summary-field > .heading .score > .row .col{padding: 10px 0/*30px 0*/; line-height: 1.0;;}
.summary-field > .heading .score > .row .col em{font-size: 100px;}
body:not(.page-preview) .summary-field .clearfix .club-data{float: left; width: 510px;}
body:not(.page-preview) .summary-field .clearfix .club-data.away{float: right;}
.summary-field .clearfix .item-preview.home	{margin-right: 30px;}
.members-field h1 span{font-size: 12px;}
.members-field ul	{font-size: 0;}
.members-field ul li	{display: inline-block; width: 32%; margin-left: 2%; font-size: 1.6rem;}
.members-field ul li:nth-of-type(3n+1)	{margin-left: 0;}
.members-field ul li.func-more .button-more a, .members-field ul li.func-more .button-more span	{width: 20%;}


.item-preview, .item-user-comment, .item-players-comment	{margin-top: 40px;  padding:  0;}
.page-user .item-players-comment, .dir-mypage.page-top .item-players-comment	{margin-top: 10px;}
.page-summary .clearfix > .item-preview	{float: left; width: 515px;}
.item-user-comment ul li .row > .photo	{width: 100px;}
.heading-players .photo	{width: 12%;}
.popup-players .item-action ul li, .popup-modal .item-action ul li	{font-size: 16px;}
.profile dl dt, .profile dl dd	{font-size: 12px;}

.dir-live.page-club-data .rating .graph{width: calc(100% + 20px); margin-bottom: 20px; transform: translate(-10px)}

.dir-player .data-area{margin: 0;}
.dir-player.page-summary .data-area .row{float: left; width: 515px;}
.dir-player .data-area .item-rater{float: right; width: 515px; margin-top: 0;}
.dir-player.page-rating .tab-content.outer{position: relative;}
.dir-player.page-rating .tab-content.outer > .field{float: left; width: 515px; margin-top: 0;}
.dir-player.page-rating .data-area .item-rater{clear: both; float: none; position: absolute; top: 0; right: 0; width: 515px; margin-top: 0;}
.dir-player .profile dl dt, .dir-player .profile dl dd, .dir-player .profile dl dd p{height: 40px; line-height: 36px; font-size: 1.6rem;}	
.dir-club .trend-player .profile dl dt, .dir-club .trend-player .profile dl dd, .dir-club .trend-player dl dd p{height: 30px; line-height: 26px; font-size: 1.6rem;}	
.profile dl dd.full	{height: 90px;}
.dir-club .trend-player .profile dl dd.full	{height: 87px;}
.profile dl dd.full p	{height: 90px; font-size: 1.4rem; line-height: 1.6;}
.dir-club .trend-player .profile dl dd.full p	{height: 87px;}
.mfp-content .profile dl dd.full	{height: 50px;}
.mfp-content .profile dl dd.full p	{height: 50px;font-size: 10px;}
.item-match-data li div	{font-size: 1.6rem;}
.stadium .item-match-data li div	{font-size: 1.6rem;}
.stadium h1{font-size: 1.6rem;}
/*.page-rating .item-rater{position: absolute; top: 0; right: 0; width: 515px; margin-top: 0;}*/
.item-rater li .photo{width: /*90px*/50px;}
.item-rater li .comment{margin-left: /*80px*/ 50px;}
.item-rater li .follow button, .heading-user .item-follow button{font-size: 0.65em;}

.item-stats ul li .row{height: 30px; line-height: 30px;}
.item-stats ul li .row > .col:first-child{padding-left: 5px;}
	
.item-players-comment ul li .row > .info > .name.user	{height: 30px}
.item-players-comment ul li .row > .info > .name.user + .name + .headline	{ top: 54px; height: calc(100% - 54px); font-size: 0.85em;}
.item-players-comment ul li .row > .photo p	{font-size: 1.0rem;}

.dir-player .data-area > .row .col:first-child{width: 300px;}
.dir-player .data-area > .row .col:first-child .heat-map ul{height: 182px;}
.item-club-carrier .row .col:first-child button, .item-club-carrier .row .col:first-child button:before{width: 56px; height: 56px; line-height: 56px;}
.item-type dl dt, .item-type dl dd, .dir-player .data-area > .row .col strong, .spec-player li em {height: 28px;  line-height: 28px;}
.spec-player li p {height: 28px;  line-height: 23px;}
.item-type .data-player li em{height: 28px; line-height: 28px;}
.item-type .data-player li, .detail .data-player li	{height: 48px; line-height: 1.4;}
.detail .data-player li em{height: 24px; line-height: 24px;}

.dir-player .data-area .spec-player li.year, .dir-player .data-area .spec-player li.league, .dir-player .data-area .spec-player li.app, .dir-player .data-area .spec-player li.goal, .dir-player .data-area .item-title .spec-player li.result	{width:100px}
.dir-player .data-area .item-nt-carrier .spec-player li	{background-color: #1586b5;}
.dir-player .data-area .item-nt-carrier .spec-player li.app, .dir-player .data-area .item-nt-carrier .spec-player li.goal	{background-color: #0c6084;}
.dir-player .data-area .item-title .spec-player li	{background-color: #c5a800;}
.dir-player .data-area .item-title .spec-player li.result	{width: 150px;}
.dir-player .data-area .item-title .spec-player li.category	{width: 30%;}
.dir-player.page-rating .graph{position: relative; width: calc(100% + 20px); /*margin-top: 15px;*/ padding: 0; transform: translate(-10px)}
.dir-rating .page-rating .item-rater{position: absolute; top: 0; right: 0; width: 515px; margin-top: 0;}
.ttl-page + .players-rating, .dir-live.page-top main, .dir-live.toto main, /*.dir-live.page-toto main, */.page-rating .item-rater{width: 530px; margin-right: auto; margin-left: auto;}
.dir-player.page-rating .matches{/*position: absolute; top: 0; right: 0;*/ float: right; width: 515px; margin-top: 0;}
.dir-player.page-rating .matches .ttl-toggle h1{margin-top: 0;}
.dir-club .trend-player .members-field{width: 32%; margin-right: 5px; /*margin-right: auto; margin-left: auto;*/ margin-bottom: 15px;}
.dir-club .trend-player .members-field ul li{width: 100%;}
.dir-club .data-area .profile-field dl{position: relative; font-size: 1.0em;}
/*.dir-club .data-area .profile-field dl dt:not(.data), .dir-club .data-area .profile-field dl dd:not(.data){ margin-left: 545px;}
.dir-club .data-area .profile-field dl dt.club-rating{ position: absolute; top: 0; left: 0; width: 515px; margin-top: 0;}
.dir-club .data-area .profile-field dl dd.club-rating{ position: absolute; top: calc(20px + 1.0em + 6px); left: 0; width: 515px; margin-top: 0;}*/
.dir-club .data-area .clearfix > section:nth-of-type(1){float: left; width: 515px;}
.dir-club .data-area .clearfix > section:nth-of-type(2), .dir-club .data-area .clearfix > section:nth-of-type(3){float: right; width: 515px;}

.page-preview .data-area .club-data{margin-top: 0;}
.dir-player .data-area > .row .col strong, .item-type dl dt, .item-type dl dd, .data-player li, .spec-player li, .item-stats ul li,.dir-mypage .item-players-comment ul li .row > .info > .headline,.dir-mypage.page-user .item-players-comment ul li .row > .info > .headline{font-size: 1.6rem;}
form table, .page-support.input .ttl-page + .container-sm > p{width: 80%; margin-right: auto; margin-left: auto;}
form table td{width: 70%; border-top: 5px solid #000000;}

.dir-search .members-field ul li .club span	{position: absolute; top: -5px; left: -5px; transform: scale(0.65); transform-origin: top left;}

}



/* Common */
.reset-t{margin-top: 0; padding-top: 0;}
.text-center{text-align: center;}
.row{display: table;}
.row > .col{display: table-cell;}
.tab-content:not(.func-sp)	{display: none;}
.tab-content:not(.func-sp).active	{display: block;}