@charset "Shift_JIS";

html{
	scroll-behavior:smooth;
	}

body {
	margin: 0px;
	padding: 0px;
	background: #000000;
	font-family: 'Arial', "Hiragino Sans", 'Meiryo', "Helvetica Neue",'sans-serif' ;
	font-weight:200; /* Macだとヒラギノがなんか太くなる。デフォ400？ */
	color:#888;
	}

/* デフォルトのhrバー */
hr {
	border:0px;
	background-color:#222222;
	height:1px;
	width:300px;
	margin-top:1px;
	margin-bottom:0px;
	margin:0 auto;
	}
.hr_red {
	position:relative;
	border:0px;
	background-color:#F00;
	height:1px;
	}

/* divに枠つける */
* div { outline:red solid 0px; }

 a { color:#AAA; text-decoration: none; }

/*
a:link { color:#AAAAAA; text-decoration: none; }
a:alink { color:#AAAAAA; text-decoration: none; }
a:vlink { color:#AAAAAA; text-decoration: none; }
*/


/* トップメニュー */
#topmenu {
	display:block;
	outline:#0F0;
	width:800px;
	height:36px;
	text-align:center;
	margin:0 auto;
	}
#topmenu lu {
	outline:#F0F;
	list-style: none outside none;
	text-align:center;
	}
#topmenu li {
	outline:#000 solid 0px;
	background-color:#000;
	display:inline-block;
	padding-top:4px;
	height:32px;
	margin:0px 10px;
	width:160px;
	font-size:1.2rem;
	transition-duration: 0.3s;
	}
#topmenu lu a {
	color:#AAA;
	transition-duration: 0.3s;
	}
#topmenu li:hover {
	outline:#999 solid 0px;
	background-color:#555;
	}
#topmenu a:hover {
	color:#FC0;
	}

/* ライブロゴ */
#live_logo {
	position:absolute;
	z-index:100;
	margin:5px 10px;
	}
	#live_logo img {
	width:32px;
	opacity:0.8;
	transition: .2s;
	}
	#live_logo img:hover {
	opacity:1;
	}

/* w1000px 共通全体枠 */
#all_waku {
	width:1000px;
	outline-color:#FFF;
	margin:0 auto;
	}

/* メイン絵 */
	
#topImage {
	z-index:1;
	display:block;
	background:url("../p/MMX_pos_yoko_v2.jpg") no-repeat;
	width:1000px;
	height:705px;
	}

/* トレーラー */
#Trailer_waku {
	display:inline-block;
	position:relative;
	margin:0 auto;
	margin-left:40px;
	width:400px;
	height:230px;
	outline-color:#090;
	}
/* Youtube埋め込み奴 */
#ifTrailer {
	z-index:100;
	position:absolute;
	display:block;
	top:20px;
	left:40px;
	width:340px;
	height:190px;
	outline:#444 solid 1px;
	}
#Trailer_en {
	list-style: none outside none;
	display:inline-block;
	position:absolute;
	margin-top:90px;
	margin-left:20px;
	width:400px;
	outline-color:#090;
	left:420px;
	}
#Trailer_en a {
	color:#FFCC00;
	text-decoration:none;
	transition: .3s;
	}
#Trailer_en a:hover {
	letter-spacing:1px;
	}


/* 下部トピックスとか紹介とか */
#BotAll {
	aclear:both;
	display:block;
	z-index:10;
	position:relative;
	outline-color:#0FF;
	width:1000px;
	}

/* BotAll部タイトル（新着情報・作品紹介） */
#trailer_title {
	position:relative;
	background:url("../p/title_trailer.png") no-repeat;
	outline:#0F0 solid 0px;
	height:40px;
	margin-top:20px;
	margin-left:40px;
	}
#topics_title {
	position:relative;
	background:url("../p/title_theater.png") no-repeat;
	outline:#0F0 solid 0px;
	height:40px;
	margin-top:20px;
	margin-left:40px;
	}
#intro_title {
	z-index:39;
	position:relative;
	background:url("../p/title_intro.png") no-repeat;
	outline-color:#00F;
	height:40px;
	margin-top:20px;
	margin-left:40px;
	}

/* トピックスエリア */
#TopicsArea {
	outline-color:#FF0;
	width:920px;
	margin:0 auto;
	padding-left:0px;
	}

/* イントロエリア */
#IntroArea {
	z-index:30;
	outline-color:#0FF;
	width:1000px;
	margin:0 auto;
	outline-color:#0F0;
	}
#IntroArea .int_text {
	z-index:36;
	position:relative;
	margin:0 auto;
	padding-top:20px;
	width:850px;
	color:#FFF;
	}
.int_text ul {
	position:relative;
	list-style: none outside none;
	padding-left:0px;
	outline:green solid 0px;
	}
.int_text li {
	display: inline-block;
	outline:blue solid 0px;
	}
.int_text .kantoku {
	text-align:right;
	padding-top:8px;
	padding-right:6px;
	}
.int_text .kantokuProf {
	vertical-align: top;
	margin-left:10px;
	padding:0;
	width:146px;
	}
.int_text .kantokuProf img {
	position:relative;
	top:34px;
	margin-right:auto;
	width:100%;
	object-fit:contain;
	}
.kantoku + .twtter_icon {/* kantoku直下のツイッター下部バナー */
	z-index:100;
	position:relative;
	left:0px;
	outline:#666 solid 0px;
	text-align:right;
	}
#IntroArea span {
	position:relative;
	color:#FC0;
	font-size:22px;
	}

#IntroArea .int_img01 {
	z-index:31;
	position:relative;
	margin:0 auto;
	}

/* LBLabel属性にLBが設定してあるdiv属性の直下にあるdiv属性 aの子供の画像にhoverで枠付 
div[class="int_img01"] + div { 
	position:relative;
	margin:0 auto;
	margin-bottom:30px;
	width:900px;
	}
div[class="int_img01"] + div img {
	width:240px;
	transition-duration: 0.4s;
	outline:#666 solid 1px;
	}
div[class="int_img01"] + div a>img:hover {
	outline:#FFF solid 1px;
	}
div[class="int_img01"] + div ul {
	list-style: none outside none;
	margin:0 auto;
	padding-left:0;
	text-align:center;
	}
div[class="int_img01"] + div li {
	display:inline-block;
	margin:8px 10px;
	}
*/
#int_img01 { 
	position:relative;
	margin:0px auto;
	margin-bottom:30px;
	width:920px;
	}
#int_img01 img {
	width:240px;
	transition-duration: 0.4s;
	outline:#666 solid 1px;
	}
#int_img01 a>img:hover {
	outline:#FFF solid 1px;
	}
#int_img01 ul {
	list-style: none outside none;
	text-align:center;
	padding:0;
	}
#int_img01 li {
	display:inline-block;
	margin:8px 10px;
	}

/* サントラエリア */
#STArea {
	z-index:30;
	outline-color:#0FF;
	width:1000px;
	height:300px;
	margin:0 auto;
	outline-color:#0F0;
	}

/* 上映館情報 */
#th_count {
	display:inline-block;
	text-align:right;
	font-size:3rem;
	color:#FFF;
	}
#th_update {
	display:inline-block;
	width:874px;
	text-align:right;
	margin-right:4px;
	color:#AAA;
	font-size:0.9rem;
	}

#TheaterArea {
	abackground:rgba(0,0,0,0);
	outline-color:#0F0;
	width:920px;
	aheight:600px; /* ■■トピックスの高さ調整はここ■■ */
	margin:0;
	padding:0;
	margin-top:-6px;
}

.th_section {
	abackground:rgba(0,0,0,0);
	outline:#CCC solid 1px;
	width:97%;
	margin-left:15px;
	margin-bottom:30px;
	}
.th_section .th_inf {
	padding-left:10px;
	color:#CCC;
	}
.th_section .th_inf hr {
	background-color:#888;
	width:300px;
	}
.th_section .th_con {
	padding-left:6px;
	color:#CCC;
	}
.th_section .th_kan {
	display:block;
	padding-top:6px;
	}
.th_section .th_kan a {
	padding-left:6px;
	color: #FC0;
	font-size:1.2rem;
	letter-spacing:0px;
	transition: .2s ease-out;
	}
.th_section a {
	padding-left: 4px;
	color: #FFF;
	font-size:1rem;
	letter-spacing:0px;
	transition: .2s ease-out;
	}
.th_section .th_kan a:hover {
	color: #F40;
	}
.th_section a:hover {
	color: #FC0;
	letter-spacing:1px;
	}

.th_section hr {
	margin:5px 0;
	width:100%;
	background-color:#888;
	}
.th_section > .text {
	max-width:640px;
	outline:#F0F solid 0px;
	color:#CCC;
	font-size:15px;
	margin-top:10px;
	margin-left:30px;
	padding-left:5px;
	line-height:20px;
	letter-spacing:0px;
	text-shadow:1px 1px 0px #000;
	word-wrap:break-word;
	transition: .1s ease-out;
	}
.th_section > .text a {
	color:#FC0;
	}

/* 投稿文<pre>の中と画像サムネ幅100px */
.th_section > .text img {
	position:relative;
	object-fit:contain;
	max-height:300px;
	margin:10px 2px;
	border:0;
	outline:#999 solid 1px;
	outline-offset:-1px;
	transition: .1s ease-out;
	}
.th_section > .text img:hover {
	outline:#FFF solid 1px;
	transform:Scale(1.1);
	}


/* 劇場版トップページ下部クレジット */
#Credit {
	z-index:100;
	position:relative;
	background:url("../p/REBORN_mv_Credit.png") no-repeat;
	width:1000px;
	height:100px;
	}
#Credit hr {
	background-color:#444;
	width:800px;
	}

/* 下部バナー */
#banner {
	position:relative;
	margin:20px auto;
	width:920px;
	}
.hr_bn {
	position:relative;
	margin:10px 0;
	background-color:#555;
	width:1000px;
	}
#banner ul {
	list-style: none outside none;
	padding:0px;
	margin:0;
	}
#banner li {
	display:inline-block;
	vertical-align:top;
	}
#banner .title {
	margin:10px 0;
	width:800px;
	font-size:14px;
	color:#CCC !important;
	outline:#FF0 solid 0px;
	}
#banner .sub {
	width:150px;
	margin:0px;
	}
#banner img {
	width:100%;
	height:60px;
	object-fit:contain;
	outline:#000 solid 0px;
	Opacity:0.7;
	transition-duration: 0.5s;
	}
#banner img:hover {
	Opacity:1;
	outline:#AAA solid 1px;
	}


/* ついったーBase */
.twtter_name {
	position:relative;
	top:10px;
	width:200px;
	font-size:14px;
	}
.twtter_icon {
	z-index:100;
	position:relative;
	}
.twtter_icon img {
	width:140px !important;
	height:23px !important;
	outline:#000 solid 0px !important;
	object-fit:cover !important;
	object-position:0px center;
	}



/* シアター */
#theater_title {
	z-index:3;
	position:absolute;top:0px;
	/* background:url("../p/title_line.png") no-repeat; */
	outline:#00F solid 0px;
	width:1000px;
	height:210px;
	animation:theater_title 1.4s both;
	animation-delay:0s;
	}
@keyframes theater_title
	{
	from {
		opacity:0;
		transform:ScaleX(0);
		}
	to {
		opacity:1;
		transform:ScaleX(1);
		}
	}

#theater_head {
	z-index:2;
	position:relative;top:-10px;
	background:url("../p/theater_head.jpg") no-repeat;
	outline:#F00 solid 0px;
	width:1000px;
	height:205px;
	}
#theater_main {
	z-index:1;
	position:relative;top:0px;
	background:url("../p/theater_main.jpg") no-repeat;
	outline:#0F0 solid 0px;
	width:1000px;
	height:860px;
	}
/* トップに戻るボタン */
#back_to_the_top {
	z-index:40;
	position:relative;
	top:0px;
	left:320px;
	margin:10px auto;
	width:150px;
	font-size:18px;
	background-color:rgba(0,0,0,0);
	}
#back_to_the_top > a > div {
	width:180px;
	height:24px;
	display: table-cell;
	vertical-align:middle;
	text-align:center;
	outline:#666 solid 1px;
	}
#back_to_the_top > a > div:hover {
	background-color:#444;
	outline:#AAA solid 1px;
	color:#FFF;
	}

#if_theater_waku_top {
	margin-top:20px;
	margin-left:90px;
	width:830px;
	color:#AAA;
	}


/* 上映館数 */
.joueitype {
	float:left;height:40px;
	width:685px;
	font-size:0.8em;
	color:#888;
	}
.joueikan {
	float:left;
	text-align:right;
	font-size:38px;
	font-weight:bold;
	width:120px;
	height:40px;
	margin-left:700px;
	}
.joueikan span {
	font-size:12px;
	margin-right:10px;
	vertical-align:top;
	}

/* テキスト */
.lnkY_min {
	text-decoration: none;
	font-size: 12px;
	color: #FFCC00;
	}
.lnkY_mid {
	text-decoration: none;
	font-size: 14px;
	color: #FFCC00;
	}
.tex_min {
	font-size: 10px;
	color: #888888;
	}
.tex_mid {
	font-size: 12px;
	color: #999999;
	}

/* テキスト(しあたー) */
.white { 
	margin: 0px;
	padding: 0px;
	color:#FFFFFF;
	font-size: 16px;
	line-height: 24px;
	}
.mini {
	font-size: 11px;
	line-height: 15px;
	}
.mid {
	font-size: 12px;
	line-height: 15px;
	}
.mid_red {
	font-size: 12px;
	line-height: 15px;
	color: #FF6600;
	}
.miniend {
	font-size: 11px;
	line-height: 15px;
	color:#444444;
}
.moji_red {
	color: #FF6600;
	}

/* フッター */

#copy {
	position:relative;;
	z-index:99;
	float:left;
	width:1000px;
	margin:0 auto
	margin-top:10px
	}
#copy .fbar {
	background-color:#BBBBBB;
	width:100%;
	height:1px;
	}
#counter {
	float:left;
	width:200px;
	margin-top:14px;
	opacity:0.5;
	}

/* (C) */
#fc {
	outline:#F0F solid 0px;
	float:left;
	width:600px;
	text-align:center;
	margin-top:10px;
	margin-bottom:15px;
	padding-right:0px;
	}
#fc:before {
	content:"(C)MMX製作委員会";
	font-size:10px;
	margin-top:5px;
	letter-spacing:1px;
	color:#888888
	}