@charset "UTF-8";
/*-------------------------------
SP only
--------------------------------*/
@media screen and (max-width: 768px) {
#top #topMain{
background: url(img/mainSP.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%;
}	
#newsbox{
width:100%;
height:240px;
margin:0 auto 20px;
background:#410d83;
background-size:80px;
box-sizing: border-box;
padding:10px;
}
#newsbox dl{
height:220px;
overflow: auto;
}
#newsbox dl dt{
padding:6px;
background:#1a132d;
color:#fff;
}
#newsbox dl dd{
padding:3px 0 10px;
}
#link{
text-align: center;
}
}
/*-------------------------------
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:30px;
right:80px;
}
#top #topMain #catch02{
position: absolute;
top:360px;
left:80px;
}
#top #topMain h1{
position: absolute;
top:30px;
left:40px;
}
#top #topMain #date{
position: absolute;
top:760px;
left:160px;
}
#topMovie{
width:100%;
margin:0 auto;
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%;
}	
#newsbox{
width:100%;
margin:0 auto 30px;
background:#410d83;
box-sizing: border-box;
padding:10px;
text-align: left;
}
#newsbox dl{
width:800px;
margin:20px auto;
height:240px;
overflow: auto;
}
#newsbox dl dt{
padding:6px;
background:#1a132d;
color:#fff;
}
#newsbox dl dd{
padding:3px 0 10px;
}
#linkGuide{
float: left;
}
#link{
padding:0 60px;
margin-bottom:60px;
}
#link ul{
float: right;
}
}