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

ul#topics{
list-style-type:none;
margin:5px;
padding-top:10px;
}
ul#topics li a{
display:block;
}
ul#topics li{
text-align:left;
border: solid 1px #a9abae;
-webkit-border-radius: 8px;
/*background-color: #fff;*/
padding:5px;
}

ul#topics li img{
display:block;
float:left;
margin-right:10px;
}
ul#topics li h4{
font-size:14px;
font-weight:bold;
border-bottom:1px dotted #cccccc;
}
ul#topics li h5{
font-size:10px;
font-weight:normal;
text-align:right;
}
ul#topics li p{
font-size:12px;
line-height:1.3;
}

em.subtitle{
display:block;
text-align:center;
font-style:normal;
font-weight:bold;
          border-top: 1px solid #cdd5df;
          border-bottom: 1px solid #2d3642;
          background-color: #B0BCCD;
color:#ffffff;
}

ul.schedule{
list-style-type:none;
padding-top:10px;
}
ul.schedule li a{
display:block;
}
ul.schedule li{
text-align:left;
border-bottom: dotted 1px #B0BCCD;
background: url(/user/device/sp/img/pallow.png) no-repeat right;
padding:8px;
font-family: HiraKakuProN-W3;
}

ul.schedule li .photobox{
/*
height:64px;
overflow:hidden;
*/
display:block;
float:left;
margin-right:10px;
}
ul.schedule h3 + a li img{
	width:200px;
	height:auto;
}
ul.schedule h3 + a + a li img{
	width:150px;
	height:auto;
}
ul.schedule h3 + a + a + a li img{
	width:150px;
	height:auto;
}
/*
*/
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 h5{
font-size:14px;
text-align:left;
}

ul.schedule li h6{
font-size:11px;
}


/*
ul.schedule li h6{
font-size:14px;
font-weight:bold;
text-align:center;
padding:3px;
}*/
ul.schedule li p{
font-size:12px;
line-height:1.3;
}

/*thumbnail_base_list*/
ul.tiling{
list-style-type:none;
border-bottom: solid 1px #B0BCCD;
padding:4px;
padding-right:0px;
margin:auto;
}
ul.tiling li a{
display:block;
}
ul.tiling li{
text-align:center;
border: solid 1px #a9abae;
-webkit-border-radius: 4px;
padding:5px;
margin:1px;
font-family: HiraKakuProN-W3;
float:left;
width:90px;
}

ul.tiling li img{
display:block;
margin:auto;
}
ul.tiling li h4{
text-align:left;
font-size:13px;
font-weight:bold;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
}
ul.tiling li h6{
text-align:left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
}
ul.tiling li h6 span{
text-align:left;
font-size:8px;
display:block;
}


.all {
    background:#FF6D2F;
    color:#FFF;
    border:none;
}

.all_rank{
color:#FF6D2F;
}


.night {
    background:#3AC5D3;
    color:#FFF;
    border:none;
}

.night_rank{
color:#26a9f2;
}

.morning{
background:#ff48a6;
color:#FFF;
border:none;
}

.morning_rank{
color:#ff48a6;
}