.schedule {
	padding:74px 0;
}

.schedule .role, 
.schedule .place,
.schedule .title {
    font-family:'Noto Serif', serif;
}

.schedule .dates {
    font-family:'Roboto', serif;
}

.schedule .bg {
	position:absolute;
	top:0;
	bottom:0;
	width:50%;
	z-index:-1;
}

.schedule .bg.left {
	left:0;
}

.schedule .bg.right {
	right:0;
}

.schedule .bg.pink {
    background:#ebced2;
}

.schedule .bg.blue {
    background:#dddbe8;
}


.schedule .marginal {
	width:1160px;
	display:table;
	margin:0 auto;
}

.schedule .card {
    display:table-cell;
    width:50%;
    min-height:500px;
    padding:1px 0;
}

.schedule .card.pink {
    background:#ffe0eb;
}

.schedule .card.blue {
    background:#dde9ff;
}

.schedule .black {
    text-align:center;
    margin-top:52px;
    position:relative;
}

.schedule .black div {
    color:#ffffff;
    background:#000000;
    line-height:50px;
    white-space:nowrap;
    min-width:170px;
    text-align:center;
    padding:0 16px;
    text-transform:uppercase;
    font-size:14px;
    font-weight:700;
    display:inline-block;        
    box-sizing:border-box;
}


.schedule .role {
    position:relative;
    height:80px;
    margin:0 60px;
    overflow:hidden;
    text-overflow:ellipsis;
}

.schedule .role > div {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    font-size:18px;
    text-align:center;
}

.schedule .role > div p {
	margin-bottom:0;
}

.schedule .data {
    position:relative;
    margin:0 60px;
}

.schedule .title {
    text-align:center;
    font-size:80px;
    font-weight:300;
    line-height:80px;
    margin:20px 0;
}

.schedule .data p {
	margin-top:0;
}

.schedule .title.long {
    font-size:50px;
    line-height:50px;
}

.schedule .dates {
	text-align:center;
    	font-size:16px;
	font-weight:300;
	min-height:1em;
	margin:20px 0;
}

.schedule .place {
    font-style:italic;
    font-size:14px;
    text-align:center;
    margin:20px 0;
}

.schedule .bottomspace {
	height:252px;
}

.schedule .bottomcover {
	position:absolute;
	bottom:0px;
	left:0px;
	height:252px;
	right:0px;	
}

.schedule .more {
	position:absolute;
	text-transform:uppercase;
	font-size:14px;
	font-weight:100;
	text-align:center;
	bottom:120px;
	width:100%;
}

.schedule .more a {
	color:#000000;
	display:inline-block;
	width:70px;
	height:70px;
	line-height:70px;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	background:rgba(226,196,183,0.3);
	position:relative;
	cursor:pointer;
}

.schedule .more span {
	display:inline-block;
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	position:relative;
}

.sys .schedule [contenteditable="true"] {
	min-height:1em;
	border:1px dotted rgba(0,0,0,0.2);
}

.schedulemain {
	margin-bottom:74px;
}

.schedulemain .card {
	margin:0px 60px;
	padding:37px 0px;
	border-top:1px solid rgba(226,196,183,0.3);
}

.schedulemain .card:after {
	content:'';
	height:0;
	display:block;
	clear:both;	
}

.schedulemain .card:first-child {
	margin-top:37px;
	border-top:none;
}

.schedulemain .card:last-child {
	margin-bottom:37px;
}

.schedulemain .card .col1 {
	width:25%;
	float:left;
	box-sizing:border-box;
	padding-right:30px;
}

.schedulemain .card .col2 {
	width:50%;
	float:left;
	box-sizing:border-box;
	text-align:center;
}

.schedulemain .card .col3 {
	width:25%;
	float:right;
	box-sizing:border-box;
	padding-left:30px;
}

.schedulemain .card p {
	margin:0;
}

.schedulemain .loadnext {
	display:block;
	height:50px;
	line-height:50px;
	color:#000000;
	font-size:14px;
	font-weight:100;
	border:none;
	text-align:center;
	cursor:pointer;
	margin:0px 60px;
}

.schedulemain .dates {
	font-weight:bold;
	font-size: 14px;
	font-family: "Roboto";
	color: rgb( 173, 11, 65 );
	text-transform: uppercase;
	margin-bottom:36px;
}

.schedulemain .place {
    font-style:italic;
    font-size:14px;
    font-family:'Noto Serif', serif;
}

.schedulemain .role {
    font-family:'Noto Serif', serif;
    margin-bottom:36px;
}

.schedulemain .title {
    font-size:50px;
    line-height:50px;
    font-family:'Noto Serif', serif;
    font-weight:300;
}

.schedulemain .locbutton {
	display:block;
	height:50px;
	line-height:50px;
	color:#000000;
	font-size:14px;
	font-weight:100;
	border:none;
	text-align:center;
	cursor:pointer;
	margin:0 0 32px 0;
	text-decoration:none;
}

/*
.schedulemain .years {
	font-size:14px;
	font-weight:700;
	height:50px;
	line-height:50px;
	border-bottom:1px solid black;
}

.schedulemain .card {
	margin:54px 0px;
}

.schedulemain .card:first-child {
	margin-top:72px;
}

.schedulemain .card:last-child {
	margin-bottom:72px;
}

.schedulemain .black div {
	color:#ffffff;
	background:#aa0642;
	line-height:50px;
	white-space:nowrap;
	min-width:170px;
	text-align:center;
	padding:0 16px;
	text-transform:uppercase;
	font-size:12px;
	font-weight:400;
	display:inline-block;        
	box-sizing:border-box;
}

.schedulemain .title {
	font-size:50px;
	font-family:'Noto Serif';
	line-height:56px;
	font-weight:300;
}

.schedulemain .place {
    font-style:italic;
    font-size:14px;
    font-family:'Noto Serif', serif;
    text-align:left;
    margin:20px 0;
}
*/

@media screen and (max-width: 1160px){
	.schedule {
		padding:0;
	}
	.schedule .marginal {
		width:100% !important;
	}
}
@media screen and (max-width: 960px){
	.schedule .title {
	    font-size:48px;
	}
	.schedule .title.long {
	        font-size:28px;
	}
}

@media screen and (max-width: 720px){
	.schedule .bg.left {
		display:none;
	}

	.schedule .bg.right{
		width:100%;
	}

	.schedule .title {
	    font-size:48px;
	}
	.schedule .title.long {
	        font-size:28px;
	}

	.block.schedule .marginal {
		display:block;
		margin:0 !important;
	}
	.schedule .marginal .row {
		display:block;
	}
	.schedule .card {
		display:block;
		width:auto;
		min-height:0;
	}

	.schedule .bottomspace {
		display:none;
	}

	.schedule .bottomcover {
		position:relative;
		height:auto;
		padding:1px 0;
	}

	.schedule .more {
		position:relative;
		bottom:0;
		margin:60px 0;
	}


	.schedulemain .card .col1 {
		width:auto;
		float:none;
		padding:0;
		text-align:center;
		margin-bottom:36px;
	}
	
	.schedulemain .card .col2 {
		width:auto;
		float:none;
		margin-bottom:36px;
	}

	.schedulemain .card .col3 {
		width:auto;
		float:none;
		padding:0;
		text-align:center;
		margin:0 auto;
		max-width:250px;
	}
}