@charset "UTF-8";

/* Body */
body {
	font-family: "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro",'Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
	background:#000;
	margin:0 auto;
	font-style: normal;
	width:950px;
}

.main {
	clear: both;
	margin:0 auto;
	position: relative;
}
.1 {
	clear: both;
	margin:0 auto;
    max-width:100%;	
	height:1155px;
	margin-left:auto;
	margin-right:auto;
}
.theater {
	clear: both;
	margin:0 auto;
	width: 100%;
	height: 190px;
	font-size: 15px;
	background-color: #ffffff;
}
.theater img {
	clear: both;
	margin:0 auto;
	text-align: center;
	padding-top: 11px;
	padding-left: 43px;
	width: 90%;
}
.list {
	clear: both;
	margin:0 auto;
	padding-top: 10px;
	padding-left: 120px;
	padding-bottom: 0px;
	background-color: #ffffff;
	color: #555555;
	text-align: left;
}
.list a {
	padding: 0;
	line-height: 26px;
	color: #555555;
}
.list a:hover {
	color: #ce131e;
}

.2 {
	clear: both;
	margin:0 auto;
    	max-width:100%;	
	height:460px;
	margin-left:auto;
	margin-right:auto;
}
#btn2 {
	position: absolute;
	top: 1443px;
	left: 40px;
}

.3 {
	clear: both;
	margin:0 auto;
    	max-width:100%;	
	margin-left:auto;
	margin-right:auto;
}

#btn3 {
	position: absolute;
	top: 2300px;
	left: 260px;
}



@media screen and ( max-width:479px )
{
body {
	margin:0 auto;
	font-style: normal;
	width:479px;
}
	
.main {
	clear: both;
	margin:0 auto;
	position: relative;
}
.1 {
	clear: both;
	margin:0 auto;
    max-width:100%;	
	height:auto;
	margin-left:auto;
	margin-right:auto;
}
.theater {
	clear: both;
	margin:0 auto;
	width: 100%;
	height:130px;
	font-size: 10px;
	background-color: #ffffff;
}
.theater img {
	clear: both;
	margin:0 auto;
	text-align: center;
	padding-top: 10px;
	padding-left: 22px;
	width: 90%;
}
.list {
	clear: both;
	margin:0 auto;
	width: 100%;
	padding-top: 10px;
	padding-left: 5px;
	padding-bottom: 5px;
	background-color: #ffffff;
	color: #555555;
	transform: scale(0.9); 
}
.list a {
	padding: 0;
	line-height: 18px;
	color: #555555;
}
.list a:hover {
	color: #ce131e;
}

.2 {
	clear: both;
	margin:0 auto;
    max-width:100%;	
	height:350px;
	margin-left:auto;
	margin-right:auto;
}
#btn2 {
	position: absolute;
	top: 760px;
	left: 26px;
	max-width:90%;
}

.3 {
	clear: both;
	margin:0 auto;
    max-width:100%;	
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

#btn3 {
	position: absolute;
	top: 1190px;
	left: 135px;
	max-width:44%;	
}


}


@media screen and ( max-width:375px )
{
body {
	margin:0 auto;
	font-style: normal;
	width:375px;
}
	
.main {
	clear: both;
	margin:0 auto;
	position: relative;
}
.1 {
	clear: both;
	margin:0 auto;
    max-width:100%;	
	height:auto;
	margin-left:auto;
	margin-right:auto;
}
.theater {
	clear: both;
	margin:0 auto;
	width: 100%;
	height: 97px;
	background-color: #ffffff;
}
.theater img {
	clear: both;
	margin:0 auto;
	text-align: center;
	padding-top: 10px;
	padding-left: 15px;
	width: 90%;
}
.list {
	clear: both;
	margin:0 auto;
	position: absolute;
	top: 474px;
	left: -50px;
	width: 125%;
	background-color: #ffffff;
	color: #555555;
	transform: scale(0.7); 
}
.list a {
	padding: 0;
	line-height: 5px;
	color: #555555;
}
.list a:hover {
	color: #ce131e;
}

.2 {
	clear: both;
	margin:0 auto;
    max-width:100%;	
	height:auto;
	margin-left:auto;
	margin-right:auto;
}
#btn2 {
	position: absolute;
	top: 595px;
	left: 25px;
	max-width:88%;
}

.3 {
	clear: both;
	margin:0 auto;
    max-width:100%;	
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

#btn3 {
	position: absolute;
	top: 930px;
	left: 108px;
	max-width:43%;	
}

}


@media screen and ( max-width:320px )
{
body {
	margin:0 auto;
	font-style: normal;
	width:320px;
}
	
.main {
	clear: both;
	margin:0 auto;
	position: relative;
}
.1 {
	clear: both;
	margin:0 auto;
    max-width:100%;	
	height:auto;
	margin-left:auto;
	margin-right:auto;
}
.theater {
	clear: both;
	margin:0 auto;
	width: 100%;
	height: 80px;
	font-size: 10px;
	background-color: #ffffff;
}
.theater img {
	clear: both;
	margin:0 auto;
	text-align: center;
	padding-top: 10px;
	padding-left: 14px;
	width: 90%;
}
.list {
	clear: both;
	margin:0 auto;
	position: absolute;
	top: 400px;
	left: -75px;
	width: 145%;
	background-color: #ffffff;
	color: #555555;
	transform: scale(0.6); 
}
.list a {
	padding: 0px;
}

.2 {
	clear: both;
	margin:0 auto;
    max-width:100%;	
	height:auto;
	margin-left:auto;
	margin-right:auto;
}
#btn2 {
	position: absolute;
	top: 505px;
	left: 23px;
	max-width:86%;
}

.3 {
	clear: both;
	margin:0 auto;
    max-width:100%;	
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

#btn3 {
	position: absolute;
	top: 789px;
	left: 90px;
	max-width:43%;	
}


}