@media screen and (min-width:1024px) {
	/*　画面サイズが1024px以上の場合、ここのスタイルを読み込む　*/


body{
	background:#000;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",sans-serif;
}
#page{
	width:100%;
	max-width:1200px;
	margin:0 auto;
}



.head{
	margin:0 auto;
	float:left;
	width:100%;
	max-width:1200px;
	padding-bottom:30px;}


.banner{
	margin:0 auto;
	float:left;
	width:100%;
	max-width:1200px;
	margin:30px 0 30px 0;
	text-align:center;
}

.icon{
	margin:0 auto;
	float:left;
	width:100%;
	max-width:1200px;
	text-align:center;
	margin:30px 0 30px 0;
}

ul{
	margin:0;
}

li{list-style:none;
margin-right:50px;
display: -moz-inline-box;
  display: inline-block;
  /display: inline;
  /zoom: 1;
}

.foot{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	padding:30px 0 30px 0;
	text-align:center;
	
}

.foot p{
	font-size:12px;
	color:#fff;
}

.kaitai{
	width:80%;
	max-width:1000px;
	padding:30px;
}


.kaitai p{
	font-size:13px;
line-height:22px;
color:#fff;
margin-left:20px;}

.info{
	width:100%;
	max-width:1000px;
	padding:30px;
	color:#fff;
	margin:0 auto;
}
	.infotop{
	width:100%;
	max-width:480px;
	margin:0 auto;
		text-align: center;
		color:#fff;
}

.info p{
	font-size:13px;
line-height:22px;
color:#fff;
margin-left:20px;}


a{text-decoration:none;}
a:link {color:#fff; text-decoration:underline;} /*未訪問のリンクの色*/
a:visited {color:#fff; text-decoration:underline;} /*訪問済みのリンクの色*/
a:hover {color:#888; } /*カーソルが乗っているリンクの色*/
a:active {color:#888;} /*クリック中のリンクの色*/
a:hover img{
opacity:0.5;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";}


.liveinfo {
width: 80%;
font-size:12px;
margin:20px 0 0 40px;
color:#fff;
}

.live {
width: 80%;
border-collapse: collapse;
font-size:12px;
color:#fff;
margin:20px 0 0 10px;
}
.live th {
border: 0px ;
 vertical-align:top;
}
.live td{
	boder:0px;
	padding:3px;
	 vertical-align:top;
}

.livetit{
	font-size:15px;
	font-weight:bold;
	margin:30px 0 10px 0;
	border-left:3px solid #fff;
	padding:0 0 0 10px;
	color:#fff;
}

h2{font-size:16px;
background:#fff;
color:#000;
padding:5px;
margin-top:20px;
}

.movie td{
	vertical-align:top;
line-height:21px;
	font-size:10px;}
	
	.infotop{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	}}

.movie{width:100%;
	max-width:1200px;
	margin:0 auto;
	padding:30px 0 30px 0;
	text-align:center;}




@media screen and ( max-width : 480px ){
	body{
	background:#000;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",sans-serif;
}
#page{
	width:90%;
	max-width:480px;
	margin:0 auto;
	color:#000;
}
	
		.head img{width:100%;}

.head{
	margin:0 auto;
	float:left;
	width:100%;
	max-width:480px;
	padding-bottom: 30px;
}

.banner{
	margin:0 auto;
	width:100%;
	max-width:480px;
	margin:30px 0 30px 0;
	text-align:center;
	background: #000;
}

.icon{
	margin:0 auto;
	float:left;
	width:100%;
	max-width:480px;
	text-align:center;
	margin:30px 0 30px 0;
	background: #000;
}

ul{
	margin:0;
}

li{list-style:none;
margin-right:50px;
display: -moz-inline-box;
  display: inline-block;
  /display: inline;
  /zoom: 1;
}

.foot{
	width:100%;
	max-width:480px;
	margin:0 auto;
	padding:30px 0 30px 0;
	text-align:center;
	
}

.foot p{
	font-size:12px;
	color:#fff;
}

.kaitai{
	width:80%;
	max-width:1000px;
	padding:30px;
}

	.mv{width:100%;}
	.mv iframe{width:100%;}
	
.kaitai p{
	font-size:13px;
line-height:22px;
color:#fff;
margin-left:20px;}

.info{
	width:100%;
	max-width:480px;
	margin:0 auto;
}

a{text-decoration:none;}
a:link {color:#fff; text-decoration:underline;} /*未訪問のリンクの色*/
a:visited {color:#fff; text-decoration:underline;} /*訪問済みのリンクの色*/
a:hover {color:#888; } /*カーソルが乗っているリンクの色*/
a:active {color:#888;} /*クリック中のリンクの色*/
a:hover img{
opacity:0.5;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";}


.liveinfo {
width: 100%;
font-size:12px;
color:#fff;
}

.live {
width: 100%;
border-collapse: collapse;
font-size:12px;
color:#fff;
}
.live th {
border: 0px ;
 vertical-align:top;
}
.live td{
	boder:0px;
	padding:3px;
	 vertical-align:top;
}

.livetit{
	font-size:15px;
	font-weight:bold;
	margin:30px 0 10px 0;
	border-left:3px solid #fff;
	padding:0 0 0 10px;
	color:#fff;
}

h2{font-size:16px;
background:#fff;
color:#000;
padding:5px;
margin-top:20px;
}

.movie td{
	vertical-align:top;
line-height:21px;
	font-size:10px;}
.br-sp { display : none ; }
	
.info p{font-size: 12px;
color:#fff;}
	
	.info img{width:100%}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px);
}
	.mv iframe{width:100%;}

}