@charset "UTF-8";

body{
background:#000000;
color:#ffffff;
webkit-text-size-adjust:100%;font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}


#wrapper{
background:url(../images/bg.jpg) no-repeat;background-position:center top;
}


#container{
max-width:1000px;
margin:0 auto;
}


a:link { color: #ffffff;}
a:visited { color: #dddddd;}
a:hover { color: #ff0c09;}
a:active { color: #ff0c09;}

.alignright{text-align:right;}
.aligncenter{text-align:center;}

.rd{color:#ff0c09;}

/* bottom block */
.bottom_box{
margin-top:20px;
text-align:center;
}

.bottom_box ul{
list-style-type:none;
margin:0;
padding:0;
}

.bottom_box li{
display:inline-block;
margin:6px;
padding:0;
}
/* bottom block */



/* to-top */
#page-top{
	width:50px;
	height:50px;
	display:none;
	position:fixed;
	right:16px;
	bottom:16px;
}
 
#page-top p{
	font-size:18px;
	margin:0;
	padding:0;
	text-align:center;
	background:#d51323;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
	border-radius:5px;
}
 
#page-top p:hover{
	background:#d51323;
}
 
#move-page-top{
	color:#fff;
	line-height:50px;
	text-decoration:none;
	display:block;
	cursor:pointer;
}
/* to-top */



/* jQuery Countdown styles 1.6.1. */

#defaultCountdown {width: 180px; height: 24px;margin-left:4px; }
#defaultCountdown2 {width: 180px; height: 24px; }
#defaultCountdown3 {width: 180px; height: 24px; }

.hasCountdown {font-size:10px;font-weight:bold;color:#ffffff;text-shadow:1px 1px 3px #222222;padding-top:8px;}
.countdown_rtl {
	direction: rtl;
}
.countdown_holding span {
	color: #888;
}
.countdown_row {
	clear: both;
	width: 100%;
	padding: 0px 2px;
	text-align: center;
}

.countdown_section {
	display: block;margin:0;padding:0 4px;
	float: left;
	text-align: center;

}
.countdown_amount {
	font-size: 14px;

}
.countdown_descr {
	display: block;
	width: 100%;
}


/* movie section */

.movie_section{
text-align:center;
margin-bottom:20px;
border-bottom:1px solid #555555;
}

.movie_section ul{
list-style-type:none;
margin:0;
padding:0;
}

.movie_section li{
display:inline-block;
width:124px;
margin:0 10px;
padding:0;
vertical-align:top;
}

.movie_section li img{
border:1px solid #444444;
}

.movie_section li p{
font-size:12px;
}

.movie_section_ttl{
margin:10px auto;
padding:6px 0;
border-top:1px solid #555555;
border-bottom:1px solid #555555;
}



/* bottom */
.linkbottom{
text-align:center;
}


/* footer */
.linkbottom{}

.linkbottom ul{
list-style-type:none;
margin:0;padding:0;
}

.linkbottom li{
display:inline-block;
font-size:14px;
margin:6px 6px 6px 0;
padding:2px 8px;
border-radius:5px;
border:1px solid #ffffff;
}

.linkbottom a{text-decoration:none;}
#footer{text-align:center;}

.contact{margin:4px auto;}
.privacy{margin:0 20px;}
.copyright{margin-bottom:10px;}


/* tab */
.tab{
text-align:left;
overflow:hidden;
}

.tab ul{
list-style-type:none;
margin:0;
padding:0;
}

.tab li{
border-bottom:1px solid #ffffff;
background:#666666;
border-radius:4px 4px 0 0;
padding:5px 25px;
display:inline-block;
margin-bottom:4px;
margin-right:1px;
}

.tab li.select{background:#ff0c09;border-radius:4px 4px 0 0;}

.tabcontent ul{margin:0;padding:0;}
.tabcontent li{list-style-type:none;margin:0;padding:0;}

.hide {display:none;}

.tabimg{margin:0;padding:0;overflow:hidden;}

.tabimg-left{max-width:380px;float:left;}
.tabimg-left img{width:100%;height:auto;}

.tabimg-right{max-width:560px;float:left;}
.tabimg-right img{width:100%;height:auto;}

.tbimg-btn{
width:220px;
text-align:center;
margin:0 auto;
padding:3px 0;
border-radius:3px;
background:#ff0c09;
}

.tbimg-btn a{color:#ffffff;text-decoration:none;}
.tbimg-btn a:hover{text-decoration:underline;}


@media screen and (max-width: 978px){
.tabimg{margin:0 0 0 -40px;padding:0;overflow:hidden;}

.tabimg-left{max-width:380px;float:none;margin:0 auto;}
.tabimg-left img{width:100%;height:auto;}

.tabimg-right{max-width:560px;float:none;margin:0 auto;}
.tabimg-right img{width:100%;height:auto;}
}


@media screen and (max-width: 578px){
.tab{
margin:2px auto;
text-align:center;
}


.tab ul{
margin:0;
padding:0;
list-style-type:none;
}

.tab li.select{background:#ff0c09;border-radius:0;}

.tab li{
display:block;
width:100%;
margin-left:-40px;
background:#666666;
padding:10px 25px;
display:inline-block;
border-radius:0;
}
}

/* tab -*/




.pmenu{
margin:10px auto 0;
}

nav{
text-align:center;
z-index:2;
position:relative;
}

nav ul {
position: relative;
margin: 0;
padding: 0;
list-style: none;
}
nav ul::after {
display: block;
clear: both;
content: '';
}
nav ul li {
padding:0 6px;
font-size:13px;
position: relative;
display:inline-block;
}
nav ul li:not(:first-child) {
border-left: none;
}
nav ul li:hover {
background-color: rgba(255,255,255,.5);
}

/*
nav ul li:hover {
background-color: rgba(255,255,255,.3);
}
*/

nav ul li a {
display: inline-block;
color: #000000;
line-height: 1;
text-align: center;
text-decoration: none;
white-space: nowrap;
}
nav ul ul {
position: absolute;
top: 100%;
left: -2px;
text-align:left;
background-color: rgba(0,0,0,.8);
}
nav ul ul li {
display:block;
margin: 8px 0 0 0;
}
nav ul ul li:first-child {
border: none;
border-bottom: 1px solid #cccccc;
}
nav ul ul li:not(:first-child) {

border-bottom: 1px solid #cccccc;
border-top: none;
border-right: none;
}
nav ul ul ul {
position: absolute;
top: -2px;
left: 100%;
}


ul ul {
visibility: hidden;
opacity: 0;
transition: .2s ease-in-out;
}
ul li:hover > ul {
visibility: visible;
opacity: 1;
}

.leftline{
border-left:1px solid #cccccc;
}

.countdown{
width:320px;
margin:0;
padding:0;
}

.cdnumber{
font-weight:bold;
padding-bottom:6px;
float:left;
}

#defaultCountdown {
width: 160px;
margin:0;
}

.countdown_section {
display: block;
margin:2px 0 0 0;
padding:0 2px;
float: left;
text-align: center;
}

.countdown_amount {
font-size: 14px
}

.countdown_descr {
display: block;
width: 100%;
}


.headerbar{
text-align:center;
}

.headerbar ul{
list-style-type:none;
margin:0;
padding:0;
}

.enlink{
line-height:10px;
}

.headerbar li{
vertical-align:middle;
display:inline-block;
margin:0 10px;
padding:0;
}

@media screen and (max-width: 849px){
.pmenu{
display:none;
}

.countdown{
margin:4px 0 0 0 0;
padding:4px 70px 0 0;
}

.mmalogo{
width:320px;
height:30px;
position:relative;
}

.mmalogo img{
width:220px;
position:absolute;top:4px;left:0;
}
}


@media screen and (max-width: 400px){
.countdown{
margin:4px 0 6px 0;
padding:4px 0;
border-top:1px solid #777777;
border-bottom:1px solid #777777;
}
}


@media screen and (min-width: 848px){
.togglearea{display:none;}
}

@media screen and (max-width: 847px){
#menu{display:none;}
.togglearea{position:absolute;top:6px;right:10px;}
}


@media screen and (min-width: 481px){
.linepc{

}
.linesp{
display:none;
}
}

@media screen and (max-width: 480px){
.linepc{
display:none;
}
.linesp{
max-width:480px;
margin:0 auto;
}
.linesp img{width:100%;}
}



.button{display:block;width:80px;position:absolute;top:0px;right:0;border:2px solid #ffffff;border-radius:4px;}
.button a:link{display:block;border-radius:4px;font-size:14px;color:#ffffff;padding:2px 8px;text-decoration:none;}
.button a:visited{color:#ffffff;}
.button a:hover{background:#ff0c09;}
.button a:active{background:#ff0c09;}

.togglebtn{overflow: hidden;}

.togglemenu{
width:200px;
font-size:14px;
line-height:30px;
margin-top:32px;
margin-bottom:10px;
padding:10px;
text-align:left;
background:#222222;
z-index:2;position: relative;
}


.togglemenu ul{list-style-type:none;margin:0;padding:0;
border-bottom:1px solid #ffffff;
}
.togglemenu li{padding:8px 0;}
.togglemenu li a:link{display:block;color:#ffffff;text-decoration:underline;}
.togglemenu li a:visited{background:#ffffff;text-decoration:underline;}
.togglemenu li a:hover{background:#ff0c09;color:#ffffff;text-decoration:underline;}
.togglemenu li a:active{background:#ff0c09;color:#ffffff;text-decoration:underline;}


.slider-section{
overflow:hidden;
margin-top:10px;
position:relative;
z-index:1;
}

@media screen and (min-width: 980px){
.toppagerelease{width:310px;text-align:left;float:right;}
}


.flexslider{float:left;}

.toppagerelease h3{margin:0;padding:0;}
.toppagerelease ul{list-style-type:none;margin:0;padding:0;}
.toppagerelease li{color:#ffffff;font-size:12px;margin:0;padding:2px 0;}
.toppagerelease li a{color:#ffffff;}
.toppagerelease-link{text-align:right;}
.spbanner{margin:10px 0;text-align:center;}

.number{
background:#ff0c09;
color:#ffffff;
font-size:12px;
line-height:10px;
font-weight:bold;
padding:1px 4px 1px 6px;
margin-right:4px;
border:1px solid #111111;
border-radius:4px;
}


@media screen and (max-width: 979px){
.tab{
text-align:center;
}

.flexslider{
max-width:670px;
margin:0 auto;
float:none;
text-align:center;
}


.toppagerelease{
float:none;
max-width:670px;
margin:0 auto;
}

}



.sps{
margin-bottom:20px;
}
.sps li{
width:100px;
height:40px;
border:none;
}

.sps li img{
width:100px;
height:40px;
}

.hr-text {
font-size:10px;
	line-height: 1em;
	position: relative;
	outline: 0;
	border: 0;
	color: black;
	text-align: center;
	height: 1.5em;
	opacity: .9;
	margin:10px auto 5px;
}
.hr-text:before {
	content: '';
	background: -webkit-linear-gradient(left, transparent, #ffffff, transparent);
	background: linear-gradient(to right, transparent, #ffffff, transparent);
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 2px;
}
.hr-text:after {
	content: attr(data-content);
	position: relative;
	display: inline-block;
	color: red;
	padding: 0 .5em;
	line-height: 1.8em;
	color: #ffffff;
	font-weight:bold;
	background-color: #000000;
}