@charset "utf-8";
@media print, screen and (max-width:768px){
/*=========================================================================
TOP BASIC
=========================================================================*/
#sectionBasic {padding: 45px 0;}

body#Top:before {
content: "";
position: fixed;
width: 100%;
height: auto;
display: block;
background-image: url("../img/top/mainvisual.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
body#Top section:nth-of-type(odd) {background: #111; }
body#Top section:nth-of-type(even) {background: #050505; }



/*=========================================================================
MAIN VISUAL
=========================================================================*/
#section_firstView {height: auto; }

img#visualCover {height: auto; width: 100%;  }

#visualLogo {width:45%;}

/*=========================================================================
SECTION：PICKUP
=========================================================================*/
section#section_pickUp #sectionBasic {background: #050505 !important;  max-width: inherit; width: 100%; padding: 0px 0;}

/*------------------------------------------------------------------------------------------------------------------ */
/* ul#pickupNews {padding: 0 10px;  }*/
ul#pickupNews {padding:  10px;  }

ul#pickupNews li {background: #fff; margin-bottom: 10px;padding: 15px 15px;}
ul#pickupNews li:last-of-type {margin-bottom: 0;}
ul#pickupNews li a {color: #050505; text-decoration: none; display: block; width: 100%;}

ul#pickupNews li a:hover {color: #f20;}


#pickupDate {margin-bottom: 5px; font-size: 13px;}
#pickupDate:after {background: #050505;}
#pickupTitle {font-size: 13px;}

ul#pickupNews li a:hover #pickupDate:after {background: #f20;}

ul#pickupNews li #Coming { color: #050505; padding: 20px 0;  font-size: 20px;}
/*------------------------------------------------------------------------------------------------------------------ */
#subboxTitle {
font-size: 28px;
text-align:center;
margin-bottom: 3px;
-webkit-text-stroke:1px #050505;
text-stroke: 1px #050505;
-o-transition: .2s;
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
}


@media print, screen and (max-width:320px){
#subboxTitle {font-size: 24px;}
#pickupDate {font-size: 12px;}
#pickupTitle {font-size: 12px;}
}


/*=========================================================================
TOP：NEWS
=========================================================================*/
#section_whatsNew #btnMore {margin-top: 45px;}


/*=========================================================================
TOP：NEW RELEASE
=========================================================================*/
dl#new_releaseBloc {width: 100%; margin: 0 auto;}
dl#new_releaseBloc dt, dl#new_releaseBloc dd {opacity: 0; margin: 0 auto; }
dl#new_releaseBloc dt { margin-bottom: 30px; width: 60%;}
dl#new_releaseBloc dd {text-align: center;}

dl#new_releaseBloc #btnMore {margin-top: 45px;}

/*------------------------------------------------------------------------------------------------------------------ */
ul#new_releaseInfo li {margin-bottom: 5px;}

/*------------------------------------------------------------------------------------------------------------------ */
#new_releaseDiscstyle {font-size: 16px;}

#new_releaseTitle {font-size: 45px; margin-bottom: 15px;}
#new_releaseDate {font-size: 16px; margin-bottom: 0 !important;}

#new_releaseCatch {font-size: 18px;}

@media print, screen and (max-width:320px){
#new_releaseDiscstyle {font-size: 15px;}
#new_releaseTitle {font-size: 45px;}
#new_releaseDate {font-size: 15px;}
#new_releasePrice {font-size: 13px;}
#new_releaseCatch {font-size: 15px;}
}


/*=========================================================================
MEMBER
=========================================================================*/
ul#top_memberList {margin-bottom: 45px;}
ul#top_memberList li {width:100%; padding: 1.4% 0;}
ul#top_memberList li a,
ul#top_memberList li img {width: 100%; height: auto; display: block;}

#memberName.tops {font-size: 40px; top: 80%;}


#Cover {
width: 90%;
max-width: 90%;
margin: 0 auto;
overflow: hidden;
-webkit-box-shadow: 0px 6px 12px rgba(0,0,0,.8);
box-shadow: 0px 6px 12px rgba(0,0,0,.8);
}


img#profPhoto {width:100%;}


/*-------------------------------------------------------------------------------------------------------------------------- */
.arrow_next02,
.arrow_prev02 {width: 20px; height: 20px; top: 40%;}

.arrow_prev02 {left: 0px;}
.arrow_next02 {right: 25px;}

/*-------------------------------------------------------------------------------------------------------------------------- */
.arrow_next02:before,
.arrow_prev02:before {width: 20px;height: 20px;}



/*=========================================================================
MOVIE
=========================================================================*/
ul#movieList {margin-bottom: 10px;}


#slideCap {padding: 15px 0; font-size: 10px;}

/*------------------------------------------------------------------------------------------------------------------ */
ul#movie_thumbList {width:96%;  margin:0 0 45px 2%; }
ul#movie_thumbList li {width:18% !important; margin:0 2% 10px 0; }
ul#movie_thumbList li:nth-of-type(5n) {margin-right: 0;}

/*-------------------------------------------------------------------------------------------------------------------------- */
.arrow_next,
.arrow_prev {width: 6.4%;height: 100%;}


/*-------------------------------------------------------------------------------------------------------------------------- */
.arrow_next:before,
.arrow_prev:before {width: 15px;height: 15px; }
.arrow_next:before {
right:60%;
-webkit-transform:translate(0-5%,-50%) rotate(45deg);
transform: translate(-50%,-50%) rotate(45deg);
}
.arrow_prev:before {
left:60%;
-webkit-transform:translate(-50%,-50%) rotate(-135deg);
transform: translate(-50%,-50%) rotate(-135deg);
}

/*=========================================================================
SCHEDULE
=========================================================================*/
#schedule_frameBox {height: 630px;}

/*
#schedule_frameBox iframe {top: -84px;}
*/


}