@charset "utf-8";
/* CSS Document */

a:link { color: #000; }
a:visited { color: #000; }
a:hover { color: #000; }
a:active { color: #000; }
html,body{
	height:100%;
}

.w295 {
margin: 0 0 30px 0;
height:auto;
}

body{
	font-size:13px;
	zoom: 1;
	background:url(images/bg.gif) fixed;
	background-color:#f4fafb;
	background-size:cover;
}


#pageTop a:hover{
	background-color:#ea5711;
	color:#FFF;
}

.R12{
	display:inline-block;
	text-align:left;	
}

h1{
	height:auto;
	width:100%;
	float:none;
	margin:0;
}

h2 {
    line-height: 0.8;
    color: #ea5711;
    text-align: left;
    padding: 14px 10px 0px 10px;
    letter-spacing: 1px;
    font-size: 1.4em;
    line-height: 1.4;
}
h2 span{
	font-size:10px;
	font-weight:normal;
	padding-bottom:10px;
}

h2 span.gendai{
	font-size:0.8rem;
	}

h2.longTitle{
	font-size:1.5em;
}
h2.longTitle{
	font-size:1.4em;
	line-height: 1.2em;
	letter-spacing:1px;
	padding:10px 10px 0 10px;
}

h2.longTitle{
	font-size:16px;
	line-height: 1.16em;
	letter-spacing:1px;
	padding:10px 10px 0 10px;

	}

h2.longTitle span{
		margin-top:10px;
	}
	
h3 {
	color: #0A4263;
	font-size:120%;
	}

h4{
	color:#009FB0;
	text-align:left;
	font-size:12px;
	line-height:1.6em;
	
	}
	
h5{
	text-align:left;
	font-size:14px;
	font-weight:normal;
	
	}
	
.date{
	color:#69a3d8;
	text-align:left;
	font-size:15px;
	font-weight:bold;
	margin-top: 10px;
	}

.masonry .item{
	border-radius: 3px;
	border:#009fb0 1px solid;
}

a:link .w295{
	background:#FFF;
}

a:link .visited{
	background:#FFF;
}

a:hover .w295{
	background:#fafdfd;
}

a:link .active{
	background:#FFF;
}


.cinemaBlock{
	padding:10px;
	overflow:hidden;
}

#container .masonry .item,#container.main,#logo,#navi{
	padding:0;
}

#logo{
	border:none;
}

#container .main{
	background-size:100%;
}

.caption{
	font-size:10px;
	text-align:left;
}

div.dataBox{
	width:100%;
	margin-bottom:5px;
}

.masonry .item .pic{
	width:100%;
	padding-right:5%;
}

.masonry .item .pic img{
	width:100%;
	margin-bottom:10px;
}

a{
	text-decoration:none;
}

@media(min-width:480px){
	
	div.dataBox{
		width:100%;
	}
	
	.masonry .item .pic{
		float:left;
		width:100%;
		padding-right:10px;
	}
	
	.masonry .item .pic img{
		width:100%;
	}
}
@media(min-width:990px){
	h1{
		height:auto;
		width:50%;
		float:left;
	}

	.rightItem{
		float:right;
	}
	h1{
	margin:30px 0;
	}
	
	.w295 {
		margin: 0 0 30px 0;
		height:360px;
	}

}

.rightItem{
	float:none;
}

.data{
	font-size:10px;
	text-align:left;
	color:#267F9D;
	line-height:1.5;
	
	margin-top:5px;
}

.textBlock{
	clear:both;
}

.pageLink a{
	width:100%;
	font-size:16px;
	display:block;
	width:100%;
	clear:both;
	font-weight:bold;
	border:solid 1px #009FB0;
	background:#009FB0;
	color:#FFF;
	text-align:center;
	text-decoration:none;
	border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */	
}
.pageLink a:hover{
	background:#00b6d7;
	border:solid 1px #00b6d7;
}

@media(min-width:630px){
.pageLink a{
	font-size:16px;
}
}

.item p,.item h3{
	padding-bottom:2px;
}

#time h3{
	text-align:left;
}

#mainvisual{
	padding:2%!important;
	overflow:hidden;
	box-sizing:border-box;
}

#mainvisual h5{
	font-size:1.25em;
}

/*---------------------------------------------------------------------------
#footer
---------------------------------------------------------------------------*/

#footer #sp_lineupbtn{
	margin-top:10px;
}


@media(min-width:750px){
	#index #footer{
		background-color:transparent;
	}	
}

@media(min-width:1000px){
	#footer{
		background-color:transparent;
	}
}

@media(max-width:750px){

	#footerContent{
		background-color:#009FB0;
	}
	
	.naviList{
	border-top:solid 1px #CCC;
	}
}


@media(max-width:750px){
	#snsBlock{
		float:none;
	}
}

@media(min-width:640px){
	#snsBlock{
		float:left;
	}
	
	#footer .caption{
		width:65%;
		float:left;
	}	
}