@charset "UTF-8";
/*-------------------------------
SP only
--------------------------------*/
@media screen and (max-width: 768px) {
#top #topMain{
background: url(img/mainIMGSP.jpg) no-repeat;
padding-top:100%;
background-size:contain;
}	
#top #topMain #catch01,
#top #topMain #catch02,
#top #topMain h1,
#top #topMain #date{
display: none;
}
#topMovie{
width:100%;
margin:0 auto;
background:url(../common/img/repeat.png) ,
linear-gradient(180deg, #6a89a3, #7b2265);
background-size:480px;
}
#topMovie .innerBox{
width:96%;
margin:0 auto;
padding:20px 0;
}
#topMovie .movie-wrap {
position: relative;
width: 100%;
padding-top:56.25%;
margin:0 auto;
}
#topMovie .movie-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}	
#link{
text-align: center;
margin:20px auto;
}
}
/*-------------------------------
PC only
--------------------------------*/
@media screen and (min-width: 769px) {
#top #topMain{
background: url(img/main.jpg);
background-size:960px;
height:900px;
}	
#top #topMain #catch01{
position: absolute;
top:5px;
right:70px;
}
#top #topMain #catch02{
position: absolute;
top:620px;
right:60px;
}
#top #topMain h1{
position: absolute;
top:30px;
left:40px;
}
#top #topMain #date{
position: absolute;
top:770px;
left:160px;
}
#topMovie{
width:100%;
margin:0 auto 30px;
background:url(../common/img/repeat.png) ,
linear-gradient(180deg, #6a89a3, #7b2265);
background-size:480px;
}
#topMovie .innerBox{
width:800px;
margin:0 auto;
padding:30px 0;
}
#topMovie .movie-wrap {
position: relative;
width: 100%;
padding-top:56.25%;
margin:0 auto;
}
#topMovie .movie-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}	
#linkGuide{
float: left;
	}
#link{
padding:0 60px;
margin-bottom:60px;
}
#link ul{
float: right;
}
}