.main-contents-body{
	padding:0;
}

@media screen and (max-width: 768px){
	.main-contents-body{
		border-top-style: none;			
	}
	
	#chart dl dd {
		padding:10px 0px 30px 0px;	
	}
	
	#chart dl dd .column{
		margin:5px 0 5px 0;
	}
	
	#chart dl dd .column img{
		width:100%;
	}
	
	#chart dl dd .column1.column-center{
		position:relative;
		width:90%;
		margin-left:auto;
		margin-right:auto;
		padding-bottom: 15px;
	}
	
	#chart dl dd .column1.column-center a{
		display: block;
		position:absolute;
		z-index:100;
		background-image: url(/movie/digimon-adventure/tri/images/chart/chart_play_button.png);
		background-repeat: no-repeat;
		background-position: center center;
		height: 100%;
		width: 100%;
		top: 0%;
		left:5%;
	}
	
	#chart dl{
		margin-top: -5px;
	}
	
	#chart dl dt h3{
		font-size: 1.4em;
		padding:14px 0px 14px 0px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #53bcf4;
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #53bcf4;		
	}
	
	
h3.chart{    
	width:100%;
    padding: 20px 0px;
    font-size: 1.25em;
    text-align: center;
    display: inline-block;

    margin:0 0 30px 0;
    border-bottom:1px solid #53bcf4;
    }	
	
.spLno{pointer-events:none;cursor:default;}


.main-contents-body #chart .mainArea {
    padding-top: 0px;
    padding-bottom: 80px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #53bcf4;
    border-bottom-width: none;
    border-bottom-style: none;
    border-bottom-color: none;
    overflow: hidden;

}


.spNclickINfo {	display:none;}

	
}
	
@media screen and (min-width: 769px){
	.contents-wrapper .main-contents-body{
		margin-top: -20px;
	}
	
	.contents-wrapper .main-contents .pageTitle{
		border-bottom:none;
		padding-bottom:15px;
	}
	
	.main-contents{
		padding-bottom:150px;	
	}
		
	#headChara img {
		width: 46%;
	}
	
	#chart{
		width: 86.8%;
		margin-bottom:80px;	
	}
	
	#chart dl dt h3{
		padding: 20px 0px;
		border-top-width: 1px;
		border-bottom-width: 1px;
		border-top-style: solid;
		border-bottom-style: solid;
		border-top-color: #53bcf4;;
		border-bottom-color: #53bcf4;;
	}
	
	#chart dl dd .column1.column-center{
		width:65%;
		margin-left:auto;
		margin-right:auto;
		padding:30px 0px 15px 0px;
	}
	
	#chart dl dd .column1.column-center{
		position:relative;	
	}
	
	#chart dl dd .column1.column-center a{
	display: block;
	position: absolute;
	z-index: 100;
	background-image: url(/movie/digimon-adventure/tri/images/chart/chart_play_button.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 90%;
	width: 103%;
	top:7%;
	left:0%;
	}
	
	#chart dl dd{
		padding-bottom:100px;	
	}
	
h3.chart{    
	border: 2px solid #FFF;
    padding: 12px 20px;
    font-size: 1.25em;
    text-align: center;
    display: inline-block;
    margin-bottom: 35px;
    }	
	

.main-contents-body #chart .mainArea {
    padding-top: 0px;
    padding-bottom: 80px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #53bcf4;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #53bcf4;
    overflow: hidden;

}



.spNclickINfo {font-size:0.875em;}
}


    


