@charset "UTF-8";
#pageHero {
    background: url(../images/bg_schedule_hero.jpg) no-repeat center 45.9%;
}
main article{
    margin-top:60px;
}
.column_main{
	width:100%;
	margin-top:0;
	margin-bottom: 3%;
}
#scdTable{
	margin-top: -1.1%;
	text-align: left;
}
#scdTable table.fix{
  display:inline-block;
  width:20%;
}
#scdTable table.fix{
  display: inline-table;
  width: 18.8%;
  vertical-align: top;
  border-top: 1px solid #678c92;
}
#scdTable table.fix tbody{
  border: 1px solid #678c92;
  border-top: none;
}
#scdTable table.fix tbody tr{
  font-size: 1em;
}
#scdTable table.fix tbody:not(.tl) th:not(.columnArea) {
    height: 7.05em;
}
#scdTable tbody{
	position: relative;
	width: 100%;
	display: inline-table;
	box-sizing: border-box;
}
#scdTable table.fix tbody.asia tr:nth-child(2){
    height: 11.8em;
    /* background: #f00; */
}
#scdTable tbody.asia{
    height: 31.95em;
}
#scdTable tbody.euro{
    height: 11.95em;
}
#scdTable tbody.Taiwan,
#scdTable tbody.Korea{
	height: 25em;
}
#scdTable tbody.Japan{
	height: 25em;
}
#scdTable tbody.pam{
	height: 11.95em;
}

#scdTable .fix tbody tr:first-child th:first-child{
	/* font-size: 0.73em; */
	/* border: none; */
	/* padding: 0; */
}
#scdTable table *{
	text-align:center;
}
#scdTable table .tl{
	height: 2.1em;
}
#scdTable table .tl th:first-child {
    width: 21.5%;
}
#scdTable table td{
    display: table-cell;
    width: 8%;
    position:relative;
}
#scdTable table th a,
#scdTable table td a{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background: #fff;
    opacity: 0;
    transition: opacity .2s;
}
#scdTable table td a.top{
    height:50%;
}
#scdTable table td a.bottom{
	top:50%;
    height:50%;
}
#scdTable table th a:hover,
#scdTable table td a:hover{
    opacity:0.11;
}
#scdTable table .tl td:nth-child(10),
#scdTable table .tl td:nth-child(11){
	/* width: 9.7%; */
}
#scdTable table td:nth-child(12){
	width: 6.8%;
}
#scdTable table{
    border-collapse: collapse;
    border-spacing: 0;
}
#scdTable th {
	/* border-bottom: 1px solid #678c92; */
	/* border-right: 1px solid #678c92; */
	color: #bff8ff;
	text-shadow: #5fc8ff 0 0 30px, #07aaff 0 0 30px, #0190db 0 0 7px;
}
#scdTable td {
	/* border-bottom: 1px solid rgba(103, 140, 146, 0.6); */
	color: #bff8ff;
	font-size: 0.8em;
}
#scdTable table.fix tbody th.columnArea {
    text-align: center;
}
#scdTable .scr{
  display:inline-block;
  width: 86.1%;
  position:relative;
  border-top: 1px solid rgba(103, 140, 146, 0.5);
  border-right: 1px solid rgba(103, 140, 146, 0.5);
  border-bottom: 1px solid rgba(103, 140, 146, 0.5);
  margin-right: -5%;
  overflow: auto;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch;
}
#scdTable .fix th{
	width: 50%;
	font-size: 0.7em;
	border-left: 1px solid #678c92;
	position: relative;
}
#scdTable .fix th p {
    text-align: left;
    min-height: 2.4em;
    /* max-height: 1.7em; */
}
#scdTable .fix th p:after {
	content: "";
	position: relative;
	top: 50%;
	margin-left:0.2em;
	margin-bottom: 0.05em;
	display: inline-block;
	width: 0.43em;
	height: 0.43em;
	border: #a1dbe4 1.5px solid;
	border-left: none;
	border-bottom: none;
	transform: rotate(45deg);
}
#scdTable .fix th.nolink p:after {
	display:none;
}
#scdTable .fix th:first-child {
    width: 21.5%;
    border-color: #678c92;
}
#scdTable .fix tbody:not(.tl) th:nth-child(2){
	/*border-bottom: 1px solid #344649;*/
	/*height: 7.7em;*/
}
#scdTable .fix tbody:not(.tl) th{
    line-height: 1.2;
    text-align: left;
    padding: 0% 1.2% 0 5.1%;
    border-bottom: 1px solid #678c92;
}
#scdTable .scdLabel {
    font-size: 87%;
    margin-top: 0.8em;
    margin-left: 0.15em;
    padding: 0.1em 0.4em;
    display: inline-block;
    color: #51623e;
    text-shadow: none;
    font-weight: bold;
    background: #cdd896; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #cdd896 0%, #b9c466 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #cdd896 0%,#b9c466 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #cdd896 0%,#b9c466 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdd896', endColorstr='#b9c466',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#scdTable .scr td img{
	width: 92.206%;
	max-width: 1254px;
	height:auto;
	position: absolute;
	left: 0px;
	top: 0px;
	/* display: none; */
}
#scdTable tbody.cap img{
	width: 69.412%;
	max-width: 944px;
	top: auto;
	bottom: 0px;
}
#scdTable .scr td img.wgp{
	width: 10%;
	height:auto;
}
#scdTable .scr table{
	width: 162.7%;
	width: 79.3em;
	max-width: 1427px;
	background: url(../../jp/assets/images/scd_all.png?1025) 0 0 repeat-y;
	background-size: 92.95% !important;
}
.en #scdTable .scr table{
	background: url(../../en/assets/images/scd_all.png?1025) 0 0 repeat-y;
}
.ko #scdTable .scr table{
	background: url(../../ko/assets/images/scd_all.png?1025) 0 0 repeat-y;
}
.chs #scdTable .scr table{
	background: url(../../chs/assets/images/scd_all.png?1031) 0 0 repeat-y;
}
.cht #scdTable .scr table{
	background: url(../../cht/assets/images/scd_all.png?1025) 0 0 repeat-y;
}
.fr #scdTable .scr table{
	background: url(../../fr/assets/images/scd_all.png?1025) 0 0 repeat-y;
}
.de #scdTable .scr table{
	background: url(../../de/assets/images/scd_all.png?1025) 0 0 repeat-y;
}
.it #scdTable .scr table{
	background: url(../../it/assets/images/scd_all.png?1025) 0 0 repeat-y;
}
.es #scdTable .scr table{
	background: url(../../es/assets/images/scd_all.png?1025) 0 0 repeat-y;
}
#scdTable .scr tbody{
    /* border-bottom: 1px solid rgba(103, 140, 146, 0.6); */
}
#scdTable tbody.cap{
    background:#000;
    border:none;
    height: 1.95em;
    display: none;
    border: none !important;
}
#scdTable .scr tbody.cap{
    border-top: 1px solid #344649 !important;
}
#scdTable .scr th:last-child td{
    border-bottom: none;
}
#scdTable .scr tr + tr {
	/* border-top: 1px solid rgba(103, 140, 146, 0.3); */
	/* display: table-cell; */
}
#scdTable .scr tr.narrow{
	height: 2em;
}
#scdTable .scr .wgp{
	position:absolute;
	border: #40585b 1px solid;
	background: url(../images/scd_wgp2018.png), -webkit-linear-gradient(top, #d5d294, #8e8a4b);
	background: url(../images/scd_wgp2018.png), -ms-linear-gradient(top, #d5d294, #8e8a4b);
	background: url(../images/scd_wgp2018.png), -moz-linear-gradient(top, #d5d294, #8e8a4b);
	background: url(../images/scd_wgp2018.png), linear-gradient(top, #d5d294, #8e8a4b);
	background-repeat: no-repeat;
	background-position: 90%;
	background-size: contain;
	width: 12.1%;
	height: calc(100% - 4.05em);
	bottom: 0;
	left: 153.8%;
	box-sizing: border-box;
	bottom: 1.95em;
}
#scdTable .scr .wgp.cap{
	height: calc(100% - 4em);
	bottom: 1.85em;
}

#scdTable .scrbar{
	position:relative;
	width: 86.1%;
	height: 0.3em;
	margin-left: 18.7%;
	margin-bottom: 0.55em;
}
#scdTable .scrbar span{
	position:absolute;
	width: 55.2%;
	height: 100%;
	background:#507479;
	border-radius:3px;
	left:0;
}

/*========================== #
#ctsSchedule
============================*/
#ctsSchedule{
	margin-top: 5.7%;
}
#ctsSchedule ul {
    margin-top: 0;
}
#ctsSchedule h3 {
	text-align:left;
	margin: 0 0 1.3%;
	font-size: 1.2em;
	font-weight:500;
	color: #bff8ff;
	text-shadow: #5fc8ff 0 0 30px, #07aaff 0 0 30px, #0190db 0 0 7px;
}

main h2.endline{
	margin: 1.1em 0 1.9em;
	letter-spacing:-0.01em;
	font-size:1.5em;
	color:#bff8ff;
	display:none;
}

@media screen and (min-width: 768px) {
	#ctsSchedule li{
		display:inline-block;
		vertical-align:top;
		width: 48.1%;
		margin-right: 3.2%;
		margin-bottom: 1.65em;
		clear:  both;
	}
	#ctsSchedule li a.detail, #ctsSchedule li a.view{
		/* position: absolute; */
		/* bottom: 0; */
		/* margin: 0; */
		/* left: 64.6%; */
		margin: 0 3% 1.4% 0;
	}
	#ctsSchedule li a.view:last-child{
		margin-right:0;
	}
	#ctsSchedule li a + a:nth-child(odd){
	}
	#ctsSchedule li a.detail{
		/* left: 34.9%; */
	}
	#ctsSchedule li.odd{
		margin-right: -2%;
	}
	#ctsSchedule h4{
		font-size: 0.75em;
		line-height: 2.25em;
	}
	#ctsSchedule .imgbox{width: 29.8%;padding-bottom: 24.6%;float: left;margin-bottom: 3%;margin-right: 5%;}
	#ctsSchedule .imgbox span{
		height: 100%;
		background-position: center !important;
	}
	#ctsSchedule p{
		font-size: 0.85em;
		width: 66%;
		margin: -0.5% -10% 1% 0;
		line-height: 1.2;
		min-height: 5.45em;
	}
	#ctsSchedule p.caption{
		font-size: 0.85em;
		width: 100%;
		margin: 0;
		min-height: 0;
		text-align: left;
	}
	#ctsSchedule p span{
		line-height: 1.3;
		font-size: 1.12em;
		margin-bottom: 1%;
	}
 }

 @media screen and (max-width: 767px) {
 	main article{
		margin-top:10%;
	}
     #pageHero {
        min-height: 45.3vw;
        background-size: 117.8% !important;
        background-position: 93.9% 50% !important;
    }
    .column_main {
        margin-bottom: -0.5%;
        margin-top: 0.7%;
        margin-left: 6%;
    }
	#scdTable{
		font-size: 0.6em;
	}
	#scdTable .scrbar{
    	margin-left: 35.8%;
    	width: 52.4%;
    	margin-bottom: 0.45em;
    }
    #scdTable .scr + .scrbar{
    	margin-top: -1.8%;
    }
    #scdTable .scr td img{
		width: 92.22%;
	}
	#scdTable tbody.cap img {
		width: 69.412%;
	}
    #scdTable table.fix{
    	width: 27%;
    }
    #scdTable tbody{
    	height: 14.5em;
    	display: table;
    }
    #scdTable tbody.tl{
    	display: table !important;
    }
    #scdTable tbody.asia{
        height: 35.85em;
    }
    #scdTable tbody.euro,
    #scdTable tbody.pam{
        height: 13.2em;
    }
    #scdTable tbody.Japan {
        height: 27.3em;
    }
    #scdTable .fix .tl {
		line-height: 0;
		/* font-size: 0.8em; */
		height: 0em;
	}
	#scdTable .scr .tl{
    	height: 2.2em;
    	line-height: 2em;
    }
    #scdTable .scr{
    	width: 61.3%;
    }
    #scdTable .scr::-webkit-scrollbar {
	  display: none;
	}
    #scdTable .scr table{
    	width: 406%;
    	max-width: 9999px;
    }
    #scdTable .scr .wgp{
		left: 376.7%;
		width: 29.7%;
		height: calc(100% - 4.2em);
		bottom: 1.9em;
	}
	#scdTable .scr .wgp.cap{
		height: calc(100% - 5.6em);
		bottom: 2.8em;
	}
	#scdTable .fix tbody tr:first-child th:first-child{
		/* font-size: 0.81em; */
	}
	#scdTable .fix tbody:not(.tl) th{
		padding: 0 5.1% !important;
	}
    #scdTable table.fix tbody:not(.tl) th:not(.columnArea) {
        height: 0;
    }
	#scdTable .fix th:nth-child(2){
		height: 42%;
	}
    #scdTable table.fix tbody th.columnArea {
        width: 30%;
    }
    #scdTable table.fix tbody:not(.tl) th:not(.columnArea) {
        width: 70%;
    }
    #scdTable table.fix tbody tr {
        height: 5.55em;
    }
    #scdTable table.fix tbody.tl tr {
        height: 2.3em;
    }
    #scdTable table.fix tbody.asia tr:nth-child(2) {
        height: 13em;
    }
	#scdTable .fix .Japan th:nth-child(2){
		height: 51%;
	}
	#scdTable tbody.cap {
		height: 2.85em;
	}
	#scdTable .fix th p{
		min-height: 3.5em;
		font-size: 1.15em;
	}
	#scdTable .scr table tbody tr {
        height: 5.7em;
    }
    #scdTable .scr table tbody.tl tr {
        height: auto;
    }
	/*========================== #
	#ctsSchedule
	============================*/
	#ctsSchedule {
		margin-top: 6.5%;
	}
    #ctsSchedule h3{
    	font-size: 0.8em;
    }
    #ctsSchedule li{
    	width: 82%;
    	margin-bottom: 6.6%;
    }
 	main h2.endline {
		font-size: 1.1em;
		width: 100%;
		margin: 0.6em 0 1.4em -10%;
		line-height: 1.4;
	}
}