@charset "UTF-8";
/* CSS Document */
/*-------------------------------
SP only
--------------------------------*/
@media screen and (max-width: 768px) {
/****main****/

#main #top .conbox {
width:100%;
margin:0 auto;
height:auto;
background:linear-gradient(90deg,#1a132d,#543c65,#1a132d);
}
#top .conbox{
width:100%;
}
#top .innerBox{
width:100%;
border-radius: 0;
box-shadow: none;
box-sizing: border-box;
padding:0;
border:none;
margin:0 auto;
height:auto;
padding-top:108%;
background:url(img/main_IMG.jpg) center top no-repeat;
background-size:contain;
}
#top p.date{
text-align: center;
}
#newsbox{
width:96%;
height:240px;
margin:20px auto 60px;
background:url(../common/img/BoxBG01.png) no-repeat top left,
url(../common/img/BoxBG02.png) no-repeat bottom right, #fff;
background-size:80px;
border-radius: 0 20px 0 20px;
box-shadow: 0 0 10px #e952ff;
box-sizing: border-box;
padding:20px;
}
#newsbox dl{
height:190px;
overflow: auto;
}
#newsbox dl dt{
padding:6px;
background:#1a132d;
color:#fff;
}
#newsbox dl dd{
padding:3px 0 10px;
}
#popUp{
display: none;
}
#SPmovie{
width:96%;
margin:0 auto;
}
#SPmovie .movie-wrap {
position: relative;
width: 100%;
padding-top:56.25%;
margin:0 auto;
}
#SPmovie .movie-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#popConts{
text-align: center;
}
#popConts p.btn,
#popConts p.txt{
margin:0 auto 20px;
}
#btnDemo,
#btnInfo{
width:40%;
margin:0 auto 20px;
text-align: center;
}
#btnDemo a,
#btnInfo a{
display: block;
width:100%;
vertical-align: middle;
}
#btnDemo a img,
#btnInfo a img{
max-width:100%;
height:auto;
}
#btnDemo a img:hover,
#btnInfo a img:hover{
background:#e952ff;
filter: drop-shadow(0 0 4px #e952ff);
}
#top #linkAll{
width:80%;
margin:20px auto;
background:#543c65;
padding:10px 10px;
border-radius: 10px;
text-align: center;
border:4px solid #000;
}
#top #linkAll p{
margin:10px auto;
}
#top #linkAll p.btn a {
display: block;
width:100%; 
text-align: center;
padding:3px 0 ;
box-sizing: border-box;
}
#popupInfo{
width:100%;
margin:0 auto;
}	
	
}
/*-------------------------------
PC only
--------------------------------*/
@media screen and (min-width: 769px) {
/****main****/
#main #top .conbox {
width:100%;
margin:0 auto;
padding:0;
background:linear-gradient(90deg,#1a132d,#543c65,#1a132d);
}
#top .conbox{
width:1280px;
margin-bottom:60px;
}
#top .innerBox{
width:1280px;
border-radius: 0;
box-shadow: none;
box-sizing: border-box;
padding:0;
border:none;
margin:0 auto;
height:1440px;
background:url(img/main_IMG.jpg) center -20px no-repeat;
position: relative;
}
#top p.date{
margin-top:1000px;
margin-left:420px;
}
#newsbox{
width:720px;
height:240px;
margin:20px auto 0;
background:url(../common/img/BoxBG01.png) no-repeat 10px 10px,
url(../common/img/BoxBG02.png) no-repeat bottom right, #fff;
background-size:120px;
border-radius: 0 20px 0 20px;
box-shadow: 0 0 10px #e952ff;
box-sizing: border-box;
padding:30px 40px;
}
#newsbox dl{
height:190px;
overflow: auto;
}
#newsbox dl dt{
padding:6px;
background:#1a132d;
color:#fff;
}
#newsbox dl dd{
padding:3px 0 10px;
}

#SPmovie{
display: none;
}
#popUp{
position: absolute;
top:80px;
right:0;
}	
p#popUp a{
display: block;
width:240px;
height:184px;
background:url(img/btn_Movie02.png) center center no-repeat;
background-size: contain;
text-indent:-99999px;
}
p#popUp a:hover{
background:url(img/btn_Movie02_on.png) center center no-repeat;
background-size: contain;
cursor: pointer;
}

#btnDemo{
position:absolute;
top:280px;
right:40px;
width:270px;
height:270px;
}
#btnDemo a{
display: block;
width:270px;
height:270px;
}
#btnDemo a:hover{
background:#e952ff;
filter: drop-shadow(0 0 4px #e952ff);
}	
/**/
#btnInfo{
position:absolute;
top:80px;
left:60px;
width:240px;
height:120px;
}
#btnInfo a{
display: block;
width:240px;
height:120px;
}
#btnInfo a:hover{
background:#e952ff;
filter: drop-shadow(0 0 3px #e952ff);
}
#linkAll{
width:320px;
position:absolute;
top:220px;
left:0;
background:#543c65;
padding:0 10px;
border-radius: 10px;
border:4px solid #000;
}
#top #linkAll p{
margin:10px auto;
}
#top #linkAll p.btn a {
display: block;
width:320px; 
text-align: center;
padding:3px 0 ;
box-sizing: border-box;
}

	
		
	
}