/* 
Yahoo! CSS Reset (YUI 3)
http://developer.yahoo.com/yui/3/cssreset/
CSSresetr.com
*/
html{
  
  	background: -moz-linear-gradient(top, #fff, #FFF);
  background: -webkit-linear-gradient(top, #fff, #FFF);
  background: linear-gradient(to bottom, #fff, #FFF);
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin:0;
  padding:0;
}

table {
  border: none;
  border-collapse:collapse;
  border-spacing:100px;
  color:#1C1C1C;
  margin: 0 auto;
  
}
fieldset, img {
  border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
  font-style:normal;
  font-weight:normal;
}
li {
  list-style:none;
}
caption, th {
  text-align:left;
}
h1, h2, h3, h4, h5, h6 {
  font-size:100%;
  font-weight:normal;
}
q:before, q:after {
  content:'';
}
abbr, acronym {
  border:0;
  font-variant:normal;
}
sup {
  vertical-align:text-top;
}
sub {
  vertical-align:text-bottom;
}
input, textarea, select {
  font-family:inherit;
  font-size:inherit;
  font-weight:inherit;
}
input, textarea, select {
  *font-size:100%;
}
legend {
  color:#000;
}

/* 
Yahoo! CSS Reset (YUI 3) end
*/






@charset "utf-8";


html {
	width:100%;
	height:100%;
	}


body {
	font-family: "ＭＳ 明朝",serif;"
	height: 100%;   
	width: 100%;
	margin: 0;
	}

body { -webkit-text-size-adjust: 100%; }
/*小説本文用*/
.txt { line-height:180%;max-height: 999999px; }



.ruby rt {
  ruby-overhang:auto;
  ruby-position:above;
  font-size:0.01em;
}


#wrap {
poisition: relative;
	}

#gheader {
	position: fixed;
	width:100%;
	height:70px;
	margin:0 auto;
	}

#toggle{
display: none;
}

#gnav {
position:  relative;
	width: 100%;
	overflow: hidden;
	font-weight:bold;
}

/*


*/
#gnav ul>li {
	float: left;
	height:50px;
	display: table-cell;
	vertical-align: middle;
}

#gnav ul>li a {
	display: block;
	padding: 5px 5px;
	text-decoration: none;
	color: #ffffff;
	font-size: 15px;
	letter-spacing: 0.1em;
	text-weight:bold;
	height: 50px;
	display: table-cell;
	line-height: 3;
}



footer {

	text-align: center;
	width:100%;
	height:50px;
	margin:0 auto;
	color:#fff;
}


footer a {
    position: fixed;
    bottom: 0;
    left:0;
    width:100%;
	margin-top:10px;
	font-size: 80%;
	text-decoration: none;
	color: #1C1C1C;
	letter-spacing: 0.25em;
}

.pointer :hover {
	 opacity: 0.7;/*要素の透明度を指定*/
	filter: alpha(opacity=70); /*ie6、7の透明度指定*/
	-ms-filter: "alpha(opacity=70)";

}

@media (min-width: 768px){
#nav_toggle{
	display: none;
}
#sidebar {
	width: 100%;
	float: left; /* コンテンツの配置 */
}

nav{
text-align: center;
background-color:#000;
}
nav ul{
margin: 0 ;
padding: 0 ;
}
nav ul li{
list-style: none;
display: inline-block;
padding-left:20px;
min-width: 90px;
}
nav ul li a{
text-decoration: none;
color: #333;
}
nav ul li.current a{
color: #F33135;
}
nav ul li a:hover{
color: #E7DA66;
}

ul .sakuhin{
text-align:center;
width:50%
}

.box1{
float:left;
text-align:center;
width:60%;
line-height;
background-color:#ff1919;
}

.box2{
float:left;
text-align:left;
width:40%;
padding-top:70px;
background-color:#ff1919;
}

.boxA{
background-color:#ff1919;
width:90%;
margin: 0 auto;}

.boxA:after{
content:"";
display:block;
clear:both;
background-color:#ff1919;
}



.box3{
float:left;
text-align:center;
width:50%;
line-height:;
background-color:transparent;
}

.box4{
float:left;
text-align:center;
width:50%;
background-color:transparent;
}

.box5{
width:65%;
margin:0 auto;
padding-top:100px;
background-color:transparent;
}

.box6{
float:left;
text-align:center;
padding-top:100px;
width:40%;
background-color:transparent;
}

.box7{
margin:0 auto;
text-align:center;
padding-top:100px;
width:70%;
background-color:transparent;
}

.box8{
text-align:left;
padding-top:50px;
padding-left:250px;
width:80%;
background-color:transparent;
font-family:Arial;
}

.boxB{
background-color:transparent;
width:90%;
margin: 0 auto;}

.boxB:after{
content:"";
display:block;
clear:both;
background-color:transparent;
}

.boxC{
background-color:transparent;
width:80%;
margin: 0 auto;}

.boxB:after{
content:"";
display:block;
clear:both;
background-color:transparent;
}

.box_trailer {
position: relative;
width:80%;
  padding-top: 56.25%;
}

.box_trailer iframe {
 position: absolute;
  top: 0;
  right: 0;
width:100% !important;
height:100% !important;
}

a.anchor{
    display: block;
    padding-top: 170px;
    margin-top: -170px;
}

h1{
	text-align: left;
	padding-top:25px;
	font-size:1em;
	color: #fff;
	font-family:MS Pゴシック;
	font-weight:bold;
	letter-spacing: 2px;
}

h2{
	text-align: left;
	padding-top:10px;
	padding-left:40px;
	font-size:1.5em;
	color: #fff;
	font-family:MS Pゴシック;
	font-weight:bold;
	letter-spacing: 2px;
}

h3{
	text-align: left;
	padding-top:10px;
	padding-left:40px;
	font-size:2.5em;
	color: #000;
	font-family:Serif;
	font-weight:bold;
	text-decoration:underline;
	letter-spacing: 2px;
}

.text1{
text-align: left;
font-size: 1.0em;
padding-top:30px;
color: #000;
font-weight:bold;
}

.text2{
text-align: right;
font-size: 1.0em;
padding-top:7px;
color: #000;
}

.text3{
text-align: left;
font-size: 1.5em;
padding-top:10px;
padding-left:20px;
color: #000;
font-style: italic;
width:100%;
}

.text4{
text-align: left;
font-size: 1em;
padding:10px;
color: #000;
font-family:MS Pゴシック;
}

.text5{
text-align: left;
font-size: 1.5em;
padding:10px;
color: #fff;
text-decoration:none;
font-family:MS Pゴシック;
}

.text6{
text-align: left;
font-size: 1.2em;
color: #fff;
text-decoration:none;
font-family:MS Pゴシック;
}

ul.theater_name{
font-size:2em;
font-style: bold;}

.tbl_text1{
font-size:2px;
}

tbl_text2{
font-size:4px;
}

.tbl_text3{
font-size:2px;
text-align:right;
padding-right:15px;
}

.tbl_films{
margin:0 auto;}

.tbl_films th{
padding:10px;
font-family:bold;
width:50%;}

.tbl_films tr{
padding:10px;
width:50%;}

.tbl_films td{
padding:10px;
font-family:bold;
text-align:left;
width:50%;}

.td_img{
padding:10px;
width:50%;
align:top;
}

.tbl_films_img{
width:250px;
height:auto;
align:top;
}

table.tbl_TT{
border: 2px #000 solid;
width:95%;
cellspacing:5px;
height:30px;
}


.tt_1{
width:10%;
border: 1px #000 solid;
background-color:#ffe5cc;
font-family:Arial;
}
.tt_2{
width:23%;
border: 1px #000 solid;
font-family:Arial;
}

#films{
padding-top:900px;
}

#euro_logo{
width:188px;
height:49px
text-align: center;
padding-top: 30px
}

#robun{
width:100px;
height:auto;
margin-left:20px;
text-decoration:none;
}

#footer{
position: fixed;
bottom: 0;
left:0;
width:100%;
text-align:right;
padding-right:20px;
margin-top:100px;
background-color:#000;
color:#fff;
}

img.titlelogo{
padding-top:60px;
width:650px;
height:auto;
}

img.footer{
width:65px;
height:auto;
padding-top:5px;
padding-right:5px;
}
}

@media only screen and (max-width: 768px) {
#gnav{
		display: none;
		position: absolute;
		top:50px;
		width: 100%;
		background: #000;
		left: 0;
	}
	header #gnav ul{
		display: block;
		margin: 0 auto;
		width: 90%;
		background: #000;
	}
	header #gnav ul li{
		margin: 0 auto;
		text-align: center;
		border-bottom: 1px solid #fff;
		background: #000;
	}
	header #gnav ul li:last-child{
		border: none;
	}
	header #gnav ul li a{
		display: block; 
	}
 
/*開閉ボタン*/
	#nav_toggle{
		display: block;
		width: 50px;
		height: 50px;
		position: relative;
		top: 4px;
		z-index: 100;
		background-color:#000;
	}
	#nav_toggle div {
		position: relative;
		
	}
	#nav_toggle span{
		display: block;
		height: 3px;
		background: #fff;
		position:absolute;
		width: 100%;
		left: 0;
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;	
	}
	#nav_toggle span:nth-child(1){
		top:12px;
	}
	#nav_toggle span:nth-child(2){
		top:24px;
	}
	#nav_toggle span:nth-child(3){
		top:36px;
	}
	
	/*開閉ボタンopen時*/
	.open #nav_toggle span:nth-child(1) {
			top: 28px;
		   -webkit-transform: rotate(135deg);
			-moz-transform: rotate(135deg);
			transform: rotate(135deg);
		}
		.open #nav_toggle span:nth-child(2) {
			width: 0;
			left: 50%;
		}
		.open #nav_toggle span:nth-child(3) {
			top: 28px;
			-webkit-transform: rotate(-135deg);
			-moz-transform: rotate(-135deg);
			transform: rotate(-135deg);
		}

img { max-width: 100%; }


h1{
	text-align: left;
	padding-top:10px;
	font-size: 1.0em;
	text-decoration: none;
	color: #000;
	font-weight:bold;
	letter-spacing: 2px;
	width:100%;
}

h2{
	text-align: center;
	padding-top:30px;
	font-size:1.0em;
	text-decoration : underline;
	color: #000;
	font-weight:bold;
	letter-spacing: 2px;
	text-shadow: none;
	width:100%;
}

h3{
	text-align: left;
	padding-top:20px;
	padding-left:20px;
	font-size:2em;
	text-decoration : underline;
	color: #000;
	font-weight:bold;
	letter-spacing: 2px;
	text-shadow: none;
	width:100%;
}
.text1{
text-align: center;
font-size: 1.5em;
padding-top:30px;
color: #000;
font-weight:bold;
width:100%;
}

.text2{
text-align: center;
font-size: 1.0em;
padding-top:10px;
color: #000;
width:100%;
}

.text3{
text-align: left;
font-size: 1.0em;
padding-top:10px;
padding-left:20px;
color: #000;
font-style: italic;
width:100%;
}

.text4{
text-align: left;bold;
font-size: 1em;
padding:10px;
color: #000;
width:100%;
}

.tbl_text1{
font size:4px;
}



.tbl_films{
margin:0 auto;}

.tbl_films th{
padding:10px;
font-family:bold;
width:100%;}

.tbl_films tr{
padding:10px;
width:100%;
display:block;}

.tbl_films td{
display:block;
padding:10px;
font-family:bold;
text-align:left;
width:100%;}

.td_img{
padding:0px;
}

.tbl_films_img{
display: block;
}

table.tbl_TT{
width:100%;
cellspacing:5px;
height:20px;
}

th{
font size:1.5em;
}
.tt_1{
padding:10px;
width:100%;
display:block;
background-color:#ffe5cc;
font-family:Arial;
}
.tt_2{
padding:10px;
width:100%;
display:block;
font-family:Arial;
}

#euro_logo{
width:188px;
height:49px
text-align: center;
padding-top: 30px
}

#footer{
position: fixed;
bottom: 0;
left:0;
width:100%;
text-align:right;
padding-right:20px;
padding-top:25px;
background-color:#000;
color:#fff;
}

img.footer{
width:45px;
height:auto;}
}


@media only screen and (max-width: 480px) {
img { max-width: 100%; }

#gnav{
		display: none;
		position: absolute;
		top:50px;
		width: 100%;
		background: #000;
		left: 0;
	}
	header #gnav ul{
		display: block;
		margin: 0 auto;
		width: 90%;
		background: #000;
	}
	header #gnav ul li{
		margin: 0 auto;
		text-align: center;
		border-bottom: 1px solid #fff;
		background: #000;
	}
	header #gnav ul li:last-child{
		border: none;
	}
	header #gnav ul li a{
		display: block; 
	}
 
/*開閉ボタン*/
	#nav_toggle{
		display: block;
		width: 50px;
		height: 50px;
		position: relative;
		top: 0px;
		z-index: 100;
		background-color:#000;
	}
	#nav_toggle div {
		position: relative;
		
	}
	#nav_toggle span{
		display: block;
		height: 3px;
		background: #fff;
		position:absolute;
		width: 100%;
		left: 0;
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;	
	}
	#nav_toggle span:nth-child(1){
		top:12px;
	}
	#nav_toggle span:nth-child(2){
		top:24px;
	}
	#nav_toggle span:nth-child(3){
		top:36px;
	}
	
	/*開閉ボタンopen時*/
	.open #nav_toggle span:nth-child(1) {
			top: 28px;
		   -webkit-transform: rotate(135deg);
			-moz-transform: rotate(135deg);
			transform: rotate(135deg);
		}
		.open #nav_toggle span:nth-child(2) {
			width: 0;
			left: 50%;
		}
		.open #nav_toggle span:nth-child(3) {
			top: 28px;
			-webkit-transform: rotate(-135deg);
			-moz-transform: rotate(-135deg);
			transform: rotate(-135deg);
		}

h1{
	text-align: center;
	padding-top:30px;
	font-size: 1.0em;
	text-decoration: none;
	color: #000;
	font-weight:bold;
	text-decoration : underline;
	letter-spacing: 2px;
	text-shadow: 2px 2px 1px #999999;
	width:100%;
}

h2{
	text-align: center;
	padding-top:30px;
	font-size:1.0em;
	text-decoration : underline;
	color: #000;
	font-weight:bold;
	letter-spacing: 2px;
	text-shadow: none;
	width:100%;
}

h3{
	text-align: left;
	padding-top:10px;
	padding-left:10px;
	font-size:1.0em;
	text-decoration : underline;
	color: #000;
	font-weight:bold;
	letter-spacing: 2px;
	text-shadow: none;
	width:100%;
}
.text1{
text-align: center;
font-size: 1.0em;
padding-top:30px;
color: #000;
font-weight:bold;
width:100%;
}

.text2{
text-align: center;
font-size: 1.0em;
padding-top:10px;
color: #000;
width:100%;
}

.text3{
text-align: left;
font-size: 1.5em;
padding-top:10px;
padding-left:20px;
color: #000;
font-style: italic;
width:100%;
}

.text4{
text-align: left;bold;
font-size: 1em;
padding:10px;
color: #000;
width:100%;
}


table.tbl_TT{
width:100%;
cellspacing:2px;
height:auto;
}

th{
font size:1.0em;
}
.tt_1{
padding:10px;
width:100%;
display:block;
background-color:#ffe5cc;
font-family:Arial;
}
.tt_2{
padding:10px;
width:100%;
display:block;
font-family:Arial;
}

#footer{
position: fixed;
bottom: 0;
left:0;
width:100%;
text-align:right;
padding-right:10px;
padding-top:50px;
background-color:#000;
color:#fff;
}

img.footer{
width:45px;
height:auto;}


}