@charset "UTF-8";
#linkAll p.btn a {
display: block;
background: url(../common/img/h3BG.png) no-repeat center center;
background-size:120%;
border: 2px solid #000;
text-decoration: none;
padding: 20px;
color: #fff;
position: relative;
border-radius: 10px;
}
#linkAll p.btn a:hover {
background: url(../common/img/h3BG.png) no-repeat center center;
background-size:160%;
border: 2px solid #fff;
filter: drop-shadow(0 0 6px #ff74db);
color: #fff;
cursor: pointer;
}
/*
/*-------------------------------
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;
}
#top #linkAll img {
display: block;
height:auto;
}
#top #linkAll{
width:90%;
margin:0 auto;
background: #000;
padding:10px 10px;
border-radius: 10px;
text-align: center;
}
#top #linkAll p{
margin:16px auto;
}
#top #linkAll p.btn a {
display: block;
width:100%; 
text-align: center;
padding:3px 0 ;
box-sizing: border-box;
}
#linkAll p.btn a {
background: url(../common/img/h3BG.png) no-repeat center center;
background-size:300%;
}

}
/*-------------------------------
PC only
--------------------------------*/
@media screen and (min-width: 769px) {
#top #topMain{
background: url(img/main.jpg);
background-size:960px;
height:850px;
}	
#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;
}
#top #linkAll{
width:100%;
background: #000;
padding:0;
margin-bottom:30px;
}
#top #linkAll p.btn{
margin:16px auto;
}
#top #linkAll p.btn a {
display: block;
width:75%; 
text-align: center;
padding:3px 0 ;
margin:0 auto;
box-sizing: border-box;
}
}