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


#cover{
width:320px;
margin:auto;
text-align:center;
/height:400px;
}
#cover #imageContainer{
position:relative;
left:0px;
top:0px;
width:320px;
min-height:400px;
overflow:hidden;
/height:400px;
}

#cover #imageContainer img{
display:none;
position:absolute;
top:0px;
left:0px;
width:320px;
}

ul.marquee {
display: block;
margin:auto;
padding:0;
line-height: 1;
position: relative;
overflow: hidden;

width:100%;
height: 26px;

}
ul.marquee li {
margin:0;
position: absolute;
top: -999em;
left: 0;
display: block;
white-space: nowrap;

padding: 4px;
}

ul.topics{
list-style-type:none;
margin-bottom:10px;
}
ul.topics li.headline{
text-align:left;
border-bottom: solid 1px #B0BCCD;
padding:8px;
font-family: HiraKakuProN-W3;
}
ul.topics li.headline:before{
    content: ">";
    float: right;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    top: 0px;
}
ul.topics li.headline h4, ul.topics li.headline h5{
width:95%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	}


ul.topics li.firstblock{
text-align:left;
border-bottom: solid 1px #B0BCCD;
/*background-color:#ffffff;*/
padding:8px;
          font-family: HiraKakuProN-W3;
	white-space: normal;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
}

/*added line 2016.2*/
ul.topics li.firstblock > a{
width:35%;
width:calc(240/640*100%);
}
ul.topics li.firstblock > a img{
width:100%;
}

ul.topics li.firstblock img{
display:block;
float:left;
margin-right:10px;
max-width:100%;
}
ul.topics li.firstblock h4{
border-bottom:1px dotted #cccccc;
}
ul.topics li.firstblock h5{
text-align:right;
}
ul.topics li.firstblock p{
font-size:12px;
line-height:1.3;
padding:5px;
white-space:normal;
}
ul.topics li.firstblock p img{
display:block;
float:none;
margin:auto;
 max-width: 100%;
}
/*added line 2016.2*/
ul.topics li.firstblock * a{
display:inline;
}


ul.topics li.firstblock .mvbox{
text-align:center;
padding-top:5px;
}

p.more_home, div#showall, div#hideall, div#showall2, div#hideall2{
border: 2px solid #666666;
background-color:#FDFDFD;
background-image:-moz-linear-gradient(0% 0% -90deg,rgb(253,253,253) 0%,rgb(232,232,232) 99%); 
background-image:-webkit-linear-gradient(-90deg,rgb(253,253,253) 0%,rgb(232,232,232) 99%);
background-image:linear-gradient(-180deg,rgb(253,253,253) 0%,rgb(232,232,232) 99%);
box-shadow:1px 1px 2px rgba(255,255,255,1) inset, -1px -1px 2px rgba(0,0,0,0.5) inset;
border-radius:10px;
font-weight:bold;
font-size:14px;
margin:5px;

margin-bottom:20px;
}
p.more_home a, div#showall a, div#hideall a, div#showall2 a, div#hideall2 a{
display:block;
padding:8px;
}


ul.topics li #movieblock, ul.topics li #movieblock2{
display:none;
}



ul.schedule{
list-style-type:none;
}
ul.schedule li a{
display:block;
}
ul.schedule li{
text-align:left;
border-bottom: solid 1px #B0BCCD;
padding:5px;
font-family: HiraKakuProN-W3;
}

ul.schedule li:before {
    content: ">";
    float: right;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    top: 40px;
}

ul.schedule li .photobox{
display:block;
float:left;
margin-right:10px;
text-align:center;
width: 90px;
width:calc(35% - 10px)
}
ul.schedule li .photobox img{
display:block;
margin:auto;
width:auto;
height:auto;

max-width:100%;
max-height:100%;
}
ul.schedule li h4 img{
display:inline;
float:none;
margin-right:1px;
}
ul.schedule li h4{
font-size:16px;
font-weight:bold;
}
ul.schedule li h4 span{
font-size:12px;
}
ul.schedule li h5{
font-size:12px;
font-weight:normal;
text-align:left;
border-bottom:1px dotted #cccccc;
margin-bottom:5px;
}
ul.schedule li h6{
font-size:14px;
font-weight:bold;
text-align:left;
padding:3px;
color:#F87886;
}
ul.schedule li p{
font-size:12px;
line-height:1.3;
}

p.more_home{
}

/*thumbnail_base_list*/
ul.tiling{
list-style-type:none;
padding:4px;
padding-right:0px;
margin:auto;
text-align:left;
}
ul.tiling li a{
display:block;
}
ul.tiling li{
text-align:center;
border: solid 1px #a9abae;
border-radius: 8px;
/*padding:5px;*/
margin:1px;
font-family: HiraKakuProN-W3;
display:inline-block;
vertical-align:top;
    width: 32%;
    width: calc(100%/3 - 14px);

position:relative;
}
ul.tiling li .photobox {
}
ul.tiling li .databox {
position:absolute;
width:100%;
bottom:0px;
background-color:rgba(0,0,0,.7);
}
ul.tiling li img{
display:block;
margin:auto;
}
ul.tiling li h4{
color:#ffffff;
text-align:left;
font-size:12px;
padding:4px;
padding-bottom:0px;
font-weight:normal;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
}
ul.tiling li h6 + h4{
padding:4px;
padding-bottom:4px;
padding-top:0px;
}
ul.tiling li h6{
color:#ffffff;
padding:4px;
padding-bottom:0px;
font-weight:normal;
text-align:left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
}
ul.tiling li h4 + h6{
padding:4px;
padding-bottom:4x;
padding-top:0px;
}
ul.tiling li h6 span{
text-align:left;
font-size:11px;
display:block;
}

.bannerbox{
text-align:center;
}
.bannerbox ul{
list-style-type:none;
}
.bannerbox ul li{
display:block;
margin:auto;
}
.bannerbox ul li a{
}
.bannerbox ul li p{
text-align:left;
}
.bannerbox ul li img{
width:auto;
max-width:100%;
}

/*Added since v1.8.5.5*/
#jidoriBlock .photobox {
position:relative;
}
#jidoriBlock .photobox i {
display:block;

    font-size: 150%;
    opacity: 0.5;
    position: absolute;
    right: 5px;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
    top: -30px;
}