@charset "utf-8";
/* CSS Document */
@import url("gallist.css");


/*RANKING*/
#ranking h2{
}
#ranking em.subtitle{
padding:4px;
text-align:left;
font-weight:bold;
font-style:normal;
font-size:16px;
display:block;
margin:10px 0px;
}

#ranking ul#ranking li h3 {
    z-index: 1;
    position: relative;
}
.listTypeJ ul li .bottomBox p {
    position: relative;
    z-index: 1;
}
.bottomBox em {
    position: absolute;
    top: 6px;
    left: 4px;
    font-size: 45px;
    opacity: .5;
    color: rgba(0,0,0,.4);
    z-index: 0;
}
@media screen and (max-width: 667px) {

#ranking .listTypeJ ul li:nth-child(1){
width:98%;
width:calc(100% - 6px);
height:138vw;
}
#ranking .listTypeJ ul li:nth-child(2),
#ranking .listTypeJ ul li:nth-child(3){
}
#ranking .listTypeJ ul li:nth-child(n+4){
width:30%;
width:calc(100% / 3 - 6px);
height:46vw;
}
#ranking .listTypeJ ul#ranking li.rankbox1,
#ranking .listTypeJ ul#ranking li.rankbox1 span{
	height:auto !important;
}
#ranking .listTypeJ ul li:nth-child(n+4) > a > span {
    height: calc((100vw/3 - 34px) * 1.33);
}
}