@charset "utf-8";
@import url("https://code.ionicframework.com/ionicons/2.0.0/css/ionicons.min.css");
/*-----------------------

http://www.jleague.jp/css/monthly_awards2019.css
2019/04/04 ISM

------------------------*/
body  {
	color: #333;
	background: #fff;
	margin-top: 0;
	padding: 0;
	width: 100%;
}
.main {
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: 'Kreon', 'Noto Sans JP', sans-serif;
}
.kvArea,.cont_navWrap,.contArea{text-align: center;}

#utilityArea, .tickerwrap.alert {
    display: none;
}
.second .content, #header {
    margin: 0 auto;
}
a:hover{
	 text-decoration:none;
}

.monthlyKv {
	background: #000;
}
.monthlyKv a,.monthlyKv span {
	display: block;
	padding: 70px 0 20px;
}
.monthlyKv img {
	width: 90%;
}
.scrollWrap {
	width: 100%;
	overflow-x: scroll;
}
.bg__dk {
	background: #f0f0f0;
}



/* ----------------nav----------------- */

.month_navWrap .navList li:hover,
.cont_navWrap .navList li:hover {
	/* opacity: 0.8; */
}
.month_navWrap {
	/*width: 800px;*/
	background: #c7ac5f;
}
.cont_navWrap {
	z-index: 9999;
	position: relative;
	background: #4c4c4c;
}
.month_navWrap .navList,
.cont_navWrap .navList {
	/* display: inline-grid; */
	display: block;
	/*justify-content: space-between;*/
	border-left: 1px solid #ddd;
}
.month_navWrap .navList li {
	/*width: 10%;*/
	border-left: none;
    border-bottom: none;
    flex:1;
}
.month_navWrap .navList li > a,
.month_navWrap .navList li > span{
	padding: 5px 0;
	font-size: 14px;
	display: inline-block;
	width: 100%;
    height: 100%;
    box-sizing: border-box;
}
.cont_navWrap .navList li  {
	position: relative;
	/*width: 33.33%;*/
	padding: 15px 0;
	border-left: 1px solid #ddd;
	font-size: 14px;
	text-align: left;
    padding-left: 3%;
	display: block;
}
.cont_navWrap .navList li::after {
	position: absolute;
	font-family: 'ionicons';
	content: '\f123';
	color: #c7ac5f;
	top: 20px;
	right: 8%;
	font-size: 10px;
}
.month_navWrap .navList li:last-child,
.cont_navWrap .navList li:last-child {
    border-right: 1px solid #ddd;
}

.month_navWrap .navList li > a ,.month_navWrap .navList li span{
	display: block;
	color: #333;
	background: #c7ac5f;
}
.month_navWrap .navList li span {
	background: #c7ac5f; color: #aa9455;
	}
.month_navWrap .navList li .month{
	display: block;
}
.month_navWrap .navList li .still {
	display: block;
	color: #a9a9a9;
	background: #cecece;
}
.cont_navWrap .navList li a,
.cont_navWrap .navList li .still  {
  width: 100%;
  vertical-align: middle;
  height: 60px;
  font-size: 15px;
	color: #c7ac5f;
  text-align: center;
	line-height: 1.5em;
}
.cont_navWrap .navList > li:last-child:after {
	display: none;
}
li.nav_bestgoal > a, li.nav_manager > a {
	position: relative;
	top: 20%;
}
.cont_navWrap .navList li ul.innerMenu {
	position: absolute;
	top: 40px;
	width: 100%;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
	/* visibility: hidden; */
	opacity: 0;
	display: none;
	height: auto;
}
.cont_navWrap .navList li ul.innerMenu li a{
	height: auto;
}
/* .cont_navWrap .navList li:hover ul.innerMenu {
	top: 67px;
	visibility: visible;
	opacity: 1;
} */
.cont_navWrap .navList li.active ul.innerMenu {
	top: 55px;
	left: 0;
	opacity: 1;
	z-index: 100;
	display: block;
}
ul.innerMenu {
	background: #333;
}

.selectbox-monthly {
    display: inline-flex;
	right: 1%;
    align-items: center;
    position: absolute;
    z-index: 100;
}

.selectbox-monthly::after {
    right: 6%;
    display: inline-flex;
    z-index: 100;
    position: absolute;
    width: 10px;
    height: 7px;
    background-color: #bf9210;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
    pointer-events: none;
}

.selectbox-monthly select {
    appearance: none;
    /*min-width: 230px;*/
    height: 2.8em;
    padding: .4em calc(.8em + 30px) .4em .8em;
    /*border: none;*/
    border: 2px solid #bf9210;
    background-color: #fff;
    color: #bf9210;
	font-weight: bold;
    font-size: 1em;
    cursor: pointer;
}
.cont_navWrap .navList li > .innerMenu li {
	display: inline-block;
	width: 100% !important;
	border-bottom: 1px solid #ddd;
	padding: 0;
}
.cont_navWrap .navList li > .innerMenu li:after {
	position: absolute;
	font-family: 'ionicons';
	content: '\f125';
	color: #c7ac5f;
	top: 13px;
	right: 12px;
	font-size: 10px;
}
.cont_navWrap .navList li > .innerMenu li a {
	background: #333;
	display: inline-block;
	height: 15px;
	padding: 15px 0;
	vertical-align: middle;
}
.cont_navWrap .navList li > .innerMenu li a:hover {
    background: #c7ac5f;
    color: #fff;
}
.cont_navWrap .navList li > .innerMenu li a:hover:after {
	position: absolute;
	font-family: 'ionicons';
	content: '\f125';
	color: #fff;
	z-index: 999;
	top: 15px;
	right: 12px;
	font-size: 10px;
}
.cont_navWrap .navList li > .innerMenu li:hover {
	background: #c7ac5f;
	color: #fff;
}

body.monthlyAwards.m0203 .navList li.nav_month0203 a,
body.monthlyAwards.m04 .navList li.nav_month04 a,
body.monthlyAwards.m05 .navList li.nav_month05 a,
body.monthlyAwards.m06 .navList li.nav_month06 a,
body.monthlyAwards.m07 .navList li.nav_month07 a,
body.monthlyAwards.m08 .navList li.nav_month08 a,
body.monthlyAwards.m09 .navList li.nav_month09 a,
body.monthlyAwards.m10 .navList li.nav_month10 a,
body.monthlyAwards.m1011 .navList li.nav_month1011 a,
body.monthlyAwards.m1112 .navList li.nav_month1112 a,
body.monthlyAwards.m12 .navList li.nav_month12 a {
	color: #c7ac5f;
	background: #fff;
}


/* ----------------top----------------- */
.contArea {
	padding-top: 50px;
	position: relative;
}
.contArea h2 {
	display: inline-block;
	padding-bottom: 10px;
	color: #bf920f;
	font-size: 34px;
	font-weight: bold;
	border-bottom: solid;
	border-color: #bf9210;
	border-width: 7px;
	letter-spacing: 0.02em;
}
.contArea section {
	padding: 30px 0 20px;
}
.contArea h3 {
	color: #bf920f;
	font-size: 30px;
	font-weight: bold;
	display: inline-block;
}
.contArea h3 .subTitle {
	line-height: 4em;
	font-size: 16px;
	color: #333;
}
.select_box .w980,
.inner_box .w980 {
	width: 90%;
	margin: 0 auto;
}

h3.mvpTitle {
	padding: 80px 0 0px 0;
	background: url(/img/monthly_awards/2024/logo_monthlyMvp.png) no-repeat;
	background-size: 110px;
	background-position: 50% 0;
	line-height: 1.2em;
	margin-bottom: 10px;
}
h3.goalTitle {
	padding: 80px 0 0px 0;
	background: url(/img/monthly_awards/2024/logo_monthlyGoal.png) no-repeat;
	background-size: 100px;
	background-position: 50% 0;
	line-height: 1.2em;
	margin-bottom: 10px;
}
h3.managerTitle {
	padding: 80px 0 0px 0;
	background: url(/img/monthly_awards/2024/logo_monthlyManager.png) no-repeat;
	background-size: 100px;
	background-position: 50% 0;
	line-height: 1.2em;
	margin-bottom: 10px;
}
h3.youngPlayerTitle {
	padding: 80px 0 0px 0;
	background: url(/img/monthly_awards/2024/logo_monthlyYoungPlayer.png) no-repeat;
	background-size: 100px;
	background-position: 50% 0;
	line-height: 1.2em;
	margin-bottom: 10px;
}


.select_box .winArea {
	display: block;
	padding: 30px 0;
}
.select_box .winArea li {
	width: 100%;
	border: 1px solid #ddd;
	border-radius: 20px;
	background: #fff;
	margin-bottom: 10px;
}
.select_box .winArea li:last-child {
	margin-bottom: 0;
}
.select_box .winArea li .league img {
	width: 160px;
	margin-top: 10px;
}
.select_box .winArea li figure > img {
    width: 250px;
}
.select_box .winArea .data {
	color: #333;
	margin-bottom: 10px;
	line-height: 1.8em;
}
.select_box .winArea .data span.embS {
	display: inline-block;
	vertical-align: middle;
	margin-right: 3px;
}
.select_box .winArea .data .pos {
    font-size: 24px;
}
.select_box .winArea .data .pos.l_name {
    font-size: 18px;
}
.select_box .winArea .data .pos span {
    font-size: 20px;
    margin-right: 10px;
}
a.btn__gl {
	display: block;
	width: 70%;
	margin: 0 auto 10px;
	padding: 5px;
	border-radius: 20px;
	border: 1px solid #bf9210;
	background: #bf9210;
	color: #fff;
}
.select_box .winArea li:hover {
	opacity: 0.9;
}
.select_box .winArea li:hover > .btn__gl {
	background: #fff;
	color: #bf9210;
}

/* ----------------contentTop----------------- */

body.monthlyAwards.mvp_j1 .tabSelecter>*:not(.mvpTab),
body.monthlyAwards.mvp_j2 .tabSelecter>*:not(.mvpTab),
body.monthlyAwards.mvp_j3 .tabSelecter>*:not(.mvpTab) {
	display: none;
}
body.monthlyAwards.bestgoal_j1 .tabSelecter>*:not(.bestgoalTab),
body.monthlyAwards.bestgoal_j2 .tabSelecter >*:not(.bestgoalTab),
body.monthlyAwards.bestgoal_j3 .tabSelecter>*:not(.bestgoalTab) {
	display: none;
}
body.monthlyAwards.manager_j1 .tabSelecter>*:not(.managerTab),
body.monthlyAwards.manager_j2 .tabSelecter>*:not(.managerTab),
body.monthlyAwards.manager_j3 .tabSelecter>*:not(.managerTab) {
	display: none;
}
body.monthlyAwards.youngplayer_j1 .tabSelecter>*:not(.youngplayerTab),
body.monthlyAwards.youngplayer_j2 .tabSelecter>*:not(.youngplayerTab),
body.monthlyAwards.youngplayer_j3 .tabSelecter>*:not(.youngplayerTab) {
	display: none;
}

.tabSelecter {
	display: flex;
	justify-content: center;
	margin: 10px auto 0;
}

.tabSelecter ul {
	margin: 0 auto;
	height: auto;
	border-bottom: none;
}
.tabSelecter .tab li {
	border-radius: 10px 10px 0 0;
	border: 1px solid #666;
	border-bottom: none;
}
.tabSelecter .tab li:last-child {
    margin: 0;
}
.tabSelecter .tab li > a {
	border-radius: 10px 10px 0 0;
	padding: 8px 0;
}
.tabSelecter .tab li img {
	width: 60%;
}
body.mvp_j1 .tabSelecter .mvpTab li.tab1 a,
body.mvp_j2 .tabSelecter .mvpTab li.tab2 a,
body.mvp_j3 .tabSelecter .mvpTab li.tab3 a,
body.bestgoal_j1 .tabSelecter .bestgoalTab li.tab1 a,
body.bestgoal_j2 .tabSelecter .bestgoalTab li.tab2 a,
body.bestgoal_j3 .tabSelecter .bestgoalTab li.tab3 a,
body.manager_j1 .tabSelecter .managerTab li.tab1 a,
body.manager_j2 .tabSelecter .managerTab li.tab2 a,
body.manager_j3 .tabSelecter .managerTab li.tab3 a,
body.youngplayer_j1 .tabSelecter .youngplayerTab li.tab1 a,
body.youngplayer_j2 .tabSelecter .youngplayerTab li.tab2 a,
body.youngplayer_j3 .tabSelecter .youngplayerTab li.tab3 a{
	background: #fff;
	pointer-events: none;
	position: relative;
	top: 2px;
	z-index: 1;
}
.contArea section.mvp,
.contArea section.bestgoal,
.contArea section.manager,
.contArea section.youngplayer{
	border-top: 2px solid #666;
}
.inner_box figure {
	margin-bottom: 20px;
}
.inner_box figure img {
	width: 100%;
}
.inner_box .data {
	font-size: 20px;
	margin: 30px auto 20px;
}
.inner_box .data p {
	display: inline-block;
}
.inner_box .data span.embM {
	display: inline-block;
	vertical-align: middle;
}
.inner_box .data p.pos {
	margin-left: 20px;
	font-size: 26px;
	font-weight: bold;
}
.inner_box .data p.pos.l_name {
		margin-left: 0;
    font-size: 20px;
}
.inner_box .data p.pos span {
	font-size: 24px;
	margin-right: 5px;
}
.inner_box .textArea {
	text-align: left;
}
.inner_box .textArea dt {
	background: #ddd;
	margin: 10px auto;
	padding: 10px 15px;
	font-size: 16px;
	font-weight: bold;
}
.inner_box .textArea dd {
	padding: 10px;
	line-height: 1.5em;
}
.inner_box .textArea dd p.eL {
font-size: 16px;
font-weight: bold;
}
.inner_box .textArea dd span {
	font-weight: bold;
}
.inner_box .textArea .dataTable {
	width: 800px;
}
.inner_box .textArea .dataTable thead {
	background-color: #ddd;
}
.inner_box .textArea .dataTable th {
	text-align: center;
	vertical-align: middle;
	width: 80px;
	line-height: 1.5em;
	padding: 5px 0;
	background-color: #ddd;
}
.inner_box .textArea .dataTable th.player {
	width: 12%;
}
.dataTable td {
	text-align: center !important;
	line-height: 1.5em;
}
.tableTit {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
}
.kome {
	font-size: 12px;
}
th.hidden {
	visibility: hidden;
}
th.touchGoal ,th.partsGoal {
	background-color: #ececec !important;
	border-left: 1px solid #ccc;

}
.freme {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin-bottom: 10px;
}
.freme iframe {
	position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.movieArea p {
	font-size: 15px;
	margin-bottom: 5px;
}

.win__list .w980 {
	width: 90%;
	margin: 0 auto;
}

.win__list h4 {
	display: inline-block;
	padding-bottom: 5px;
	color: #bf920f;
	font-size: 28px;
	font-weight: bold;
	border-bottom: solid;
	border-color: #bf9210;
	border-width: 5px;
	letter-spacing: 0.02em;
}
.win__list .winArea {
	display: flex;
	flex-wrap: wrap;
  margin-top: 40px;
}
.win__list .winArea li {
	width: 50%;
	margin-bottom: 30px;
}
.win__list .winArea figure {
	width: 120px;
	height: 120px;
  margin: 10px auto;
	position: relative;
	overflow: hidden;
}
.win__list .winArea figure img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: auto;
	height: 100%;
}
.win__list .winArea .month {
	font-size: 18px;
	font-weight: bold;
	color: #bf920f;
}
.win__list .winArea li .data {
	color: #333;
	font-size: 11px;
}

.win__list .winArea li .data span.embS {
	display: inline-block;
	vertical-align: middle;
}
.win__list .winArea li .data .pos {
	font-size: 16px;
}
.win__list .winArea li .data .pos span {
	font-size: 16px;
	margin-right: 10px;
}

.overview__table {
	font-size: 14px;
	margin-bottom: 80px;
}
.overview__table th {
    background-color: #fff !important;
    border-right: none !important;
    white-space: normal !important;
	display:block;
	padding: 20px !important;
}
.overview__table td {
    padding: 20px;
    text-align: left;
    display:block;
}
.overview__table td span {
    font-size: 12px;
    display: block;
}
.overview_ttl {
    font-size: 4vw;
    font-weight: bold;
    padding-bottom: 30px;
}



body.m0203 .win__list .winArea li.m0203,
body.m04 .win__list .winArea li.m04,
body.m05 .win__list .winArea li.m05,
body.m06 .win__list .winArea li.m06,
body.m07 .win__list .winArea li.m07,
body.m08 .win__list .winArea li.m08,
body.m09 .win__list .winArea li.m09,
body.m10 .win__list .winArea li.m10,
body.m1011 .win__list .winArea li.m1011,
body.m11 .win__list .winArea li.m11,
body.m1112 .win__list .winArea li.m1112,
body.m12 .win__list .winArea li.m12{
	display: none;
}
.pcDISP{display: none;}