@charset "UTF-8";
/* CSS Document */

/*-------------------------------
SP only
--------------------------------*/
@media screen and (max-width: 768px) {
#nav-open {
top:60px;
}	
#nav-content {
top: 180px;
}
#top h1, p.catch, p.date, p#popUp {
display: none;
}
#top .conbox {
background: url(img/topMain_SPnew.jpg) no-repeat center top;
background-size: contain;
padding-top: 118.5%;
}
#MovieSP .movie-wrap {
border: 1px solid #4574db;
margin: 0 auto 20px;
}
#news {
width: 96%;
padding: 0;
margin: 0 auto 20px;
color: #fff;
font-size: 1.8rem;
line-height: 150%;
text-align: left;
}
#news .inBox {
width: 100%;
background: url(img/news_repeat.png) repeat-y top center,
url(img/news_bottom) no-repeat bottom center;
background-size: contain;
}
#news h2 {
background: url(img/news_top.png) no-repeat bottom, #000;
background-size: contain;
text-indent: -99999px;
padding-top: 6.976%;
margin: 0;
height: 0;
}
#news .inBox .iBinBox{	
background: url(img/news_bottom.png) no-repeat center bottom;
background-size: contain;
padding-bottom: 4.65%;
}
#news dl {
width: 98%;
margin: 0 auto;
padding:0;
overflow: auto;
height: 160px;
}
#news dl dt {
padding: 5px 0 0 0;
margin: 0 20px;
}
#news dl dd {
padding: 0 0 10px 0;
margin: 0 20px;
border-bottom: 1px dashed #fff;
}
#top #linkAll{
width:80%;
margin:0 auto;
background:#000;
padding:10px 10px;
text-align: center;
}
#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;
}
#top #btnIntro,
#top #btnSALE,
#top #btnSW2{
width:80%;
margin:0 auto;
}
#top #btnIntro p,
#top #btnSALE p,
#top #btnSW2 p{
text-align: center;
}
#top #btnIntro img,
#top #btnSALE img,
#top #btnSW2 img{
width: 100%;
}
#top #btnIntro p.btn02 a:hover,
#top #btnSW2 p.btn02 a:hover{
filter: drop-shadow(0 0 6px #ff74db);
}
#popupSALE{
padding:60px 0;
text-align: center;
}
#popupSALE p.pic{
width:60%;
margin:0 auto;
}
}
/*-------------------------------
PC only
--------------------------------*/
@media screen and (min-width: 769px) {
header ul {
width: 360px;/*720px;*/
}
#top .conbox {
background: url(img/mainIMG_PC.jpg) no-repeat center top;
}
#top .conbox .innerBox {
position: relative;
width: 1080px;
height: 1280px;
margin: 0 auto;
}
#top h1 {
position: absolute;
bottom: 130px;
left: 107px;
}
#top p.catch {
position: absolute;
top: 40px;
right: 20px;
}
#top p.catch img{
width:540px;
}

	#top p.date {
position: absolute;
bottom: 40px;
left: 210px;
}
#MovieSP {
display: none;
}
#top p#popUp {
position: absolute;
top: 660px;
left: 40px;
width: 302px;
height: 242px;
}
p#popUp a {
display: block;
width: 302px;
height: 242px;
background: url(img/btn_Movie.png) center center no-repeat;
background-size: contain;
text-indent: -99999px;
}
p#popUp a:hover {
background: url(img/btn_Movie_on.png) center center no-repeat;
background-size: contain;
cursor: pointer;
}
#news {
width: 860px;
height: 300px;
padding: 0;
margin: 0 auto 60px;
background: url(img/news_bottom.png) no-repeat bottom left;
color: #fff;
font-size: 1.8rem;
line-height: 150%;
text-align: left;
}
#news h2 {
background: url(img/news_top.png) no-repeat bottom left;
text-indent: -99999px;
height: 60px;
padding:0;
margin:0;
}
#news .inBox .iBinBox{	
background: url(img/news_repeat.png) repeat-y left;
}	
#news dl {
width: 800px;
margin: 0 auto;
height: 190px;
overflow: auto;
}
#news dl dt {
padding: 5px 0 0 0;
margin: 0 20px;
}
#news dl dd {
padding: 0 0 10px 0;
margin: 0 20px;
border-bottom: 1px dashed #fff;
}
#linkAll{
width:320px;
position:absolute;
top:610px;
right:0;
background:#000;
padding:0 10px;
}
#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;
}
#top #btnIntro {
position: absolute;
left:140px;
top:20px;
}
#top #btnIntro img {
width:320px;
}
#top #btnIntro p.btn02 a:hover {
filter: drop-shadow(0 0 6px #ff74db);
}
#top #btnSALE {
position: absolute;
left:0;
top:270px;
}
#top #btnSALE img {
width:320px;
}

#popupSALE{
text-align: center;
width:720px;
}
#popupSALE p.pic{
width:360px;
margin:0 auto;
}
#top #btnSW2 {
position: absolute;
left:140px;
top:20px;
text-indent: -9999px;
}
#top #btnSW2  p.btn02 a {
display: block;
width:340px;
height:180px;
}
#top #btnSW2 p.btn02 a {
background: url(img/btn_switch2.png) center center no-repeat;
background-size: contain;
cursor: pointer;
}
#top #btnSW2 p.btn02 a:hover {
filter: drop-shadow(0 0 6px #ff74db);	
background: url(img/btn_switch2_on.png) center center no-repeat;
background-size: contain;
cursor: pointer;
}
}