@charset "UTF-8";

#dmm_tv{
	background-color:#000;
	box-sizing:border-box;
}
#dmm_tv ul{
	display:grid;
	padding:6px;
}
#dmm_tv li a{
	padding:6px;
	display:flex;
	flex-direction:column;
	gap:5px;
	position:relative;
	color:#fff;
}
#dmm_tv li:hover{
	background-color:#444;
}
#dmm_tv li p{
	font-size:80%;
	font-weight:bold;
	height:3em;
	overflow:hidden;
}
#dmm_tv h2{
	background-color:#444;
	position:relative;
	margin:0;
	padding:0;
	font-weight:normal;
	color:#fff;
}
#dmm_tv h2 span{
	font-size:90%;
	display:inline-block;
	padding:4px 8px;
	margin:0;
}
#dmm_tv h2 span.logo{
	background-color:#f00;
}
#dmm_tv aside{
	font-size:90%;
	padding:12px;
	color:#eee;
	text-align:center;
}
#dmm_tv aside b{
	color:#fc0;
}
#dmm_tv ul{
	grid-template-columns:repeat(8,1fr);
}
#dmm_tv li:nth-child(9){
	display:none;
}
#dmm_tv li figure{
	aspect-ratio:192/273;
}
@media only screen and (max-width:600px){
	#dmm_tv ul{
		grid-template-columns:repeat(3,1fr);
	}
	#dmm_tv li:nth-child(9){
		display:inherit;
	}
	#dmm_tv aside{
		text-align:left;
		line-height:1.5;
	}
}

/* fanzaRanking */
.fanzaRanking{
	border:1px solid #000;
	box-sizing:border-box;
}
.fanzaRanking ul{
	display:grid;
	background-color:#fff;
}
.fanzaRanking li a{
	padding:6px;
	display:flex;
	flex-direction:column;
	gap:5px;
	position:relative;
}
.fanzaRanking li:nth-child(odd){
	background-color:#f8f8f8;
}
.fanzaRanking li:hover{
	background-color:#ffc;
}
.fanzaRanking li a:before{
	display:block;
	content:'';
	width:0;
	height:0;
	border-style:solid;
	border-width:40px 40px 0 0;
	position:absolute;
	top:0;
	left:0;
}
.fanzaRanking li div{
	font-size:75%;
	font-weight:bold;
	position:absolute;
	top:6px;
	color:#fff;
}
.fanzaRanking li p{
	font-size:80%;
	font-weight:bold;
	height:3em;
	overflow:hidden;
}
.fanzaRanking .more{
	text-align:right;
	background-color:#f00;
}
.fanzaRanking .more a{
	font-size:80%;
	display:inline-block;
	padding:8px;
	color:#ff0;
	font-weight:bold;
}
.fanzaRanking h2{
	background-color:#000;
	position:relative;
	margin:0;
	padding:0;
	font-weight:normal;
	color:#fff;
}
.fanzaRanking h2 span{
	font-size:80%;
	display:inline-block;
	padding:4px 8px;
	margin:0;
}
.fanzaRanking h2 span.ranking_title{
	background-color:#f00;
}
.fanzaRanking h2 span.dmmr18{
	position:absolute;
	right:0;
	color:#f00;
}
/* animeRankingFull */
#animeRankingFull ul{
	grid-template-columns:repeat(10,1fr);
}
#animeRankingFull li a:before{
	border-color:#f9c transparent;
}
#animeRankingFull li figure{
	aspect-ratio:140/200;
}
#animeRankingFull li:nth-child(n+2){
	border-left:1px dotted #000;
}
@media only screen and (max-width:600px){
	#animeRankingFull ul{
		grid-template-columns:repeat(3,1fr);
	}
	#animeRankingFull li:nth-child(-n+6){
		border-bottom:1px dotted #000;
	}
	#animeRankingFull li:nth-child(10){
		display:none;
	}
	#animeRankingFull li:nth-child(3n+1){
		border-left:none;
	}
}
/* animeRankingNew */
#animeRankingNew ul{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:24px 8px;
	padding:8px;
	background-color:#fff;
}
@media screen and (min-width:600px){
	#animeRankingNew ul{
		grid-template-columns:repeat(4,140px);
	}
}
#animeRankingNew a{
	display:flex;
	flex-direction:column;
	gap:3px;
}
#animeRankingNew figure{
	aspect-ratio:140/200;
}
#animeRankingNew p{
	font-size:70%;
}
#animeRankingNew .more{
	text-align:right;
}
#animeRankingNew .more a{
	display:inline-block;
	padding:8px 15px;
	font-size:80%;
	font-weight:bold;
	background-color:#d68c22;
	color:#fff;
}
/* avRanking */
#avRanking ul{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:24px 8px;
	padding:8px;
	background-color:#fff;
}
@media screen and (min-width:600px){
	#avRanking ul{
		grid-template-columns:repeat(4,140px);
	}
}
#avRanking a{
	display:flex;
	flex-direction:column;
	gap:3px;
}
#avRanking figure{
	aspect-ratio:140/200;
}
#avRanking p{
	font-size:70%;
}
/* comicRankingNew */
#comicRankingNew ul{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:24px 12px;
	padding:12px;
	background-color:#fff;
}
@media screen and (min-width:600px){
	#comicRankingNew ul{
		grid-template-columns:repeat(4,1fr);
	}
}
#comicRankingNew a{
	display:flex;
	flex-direction:column;
	gap:3px;
}
#comicRankingNew figure{
	aspect-ratio:135/200;
}
#comicRankingNew p{
	font-size:70%;
}
/* comicRankingWide */
#comicRankingWide ul{
	grid-template-columns:repeat(5,1fr);
}
#comicRankingWide li a:before{
	border-color:#cc3 transparent;
}
#comicRankingWide li figure{
	aspect-ratio:140/200;
}
#comicRankingWide li:nth-child(n+2){
	border-left:1px dotted #000;
}
@media only screen and (max-width:600px){
	#comicRankingWide ul{
		grid-template-columns:repeat(3,1fr);
	}
	#comicRankingWide li:nth-child(n+4){
		display:none;
	}
}
/* dls */
#dls_movie ul{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:15px;
}
@media screen and (min-width:600px){
	#dls_movie ul{
		grid-template-columns:1fr 1fr 1fr;
	}
}
#dls_movie li a{
	display:flex;
	flex-direction:column;
	gap:5px;
}
#dls_movie figure{
	aspect-ratio:4/3;
}
#dls_movie h3{
	font-size:80%;
	font-weight:normal;
	line-height:1.5;
}

.dls_side h2{
	background-color:#052a83;
	color:#fff;
}
.dls_side ul{
	display:grid;
	grid-template-columns:1fr;
	gap:12px;
	padding:8px;
}
.dls_side ul a{
	display:flex;
	flex-direction:column;
}
.dls_side h3{
	font-size:80%;
	font-weight:normal;
	line-height:1.5;
	order:3;
}
.dls_side figure{
	order:2;
}
.dls_side .info{
	font-size:70%;
	display:flex;
	color:#fff;
	order:1;
}
.dls_side .info span{
	padding:6px;
}
.dls_side .info .genre{
	color:#935fc1;
	background-color:#f5eaff;
}
.dls_side .info .Android{
	background-color:#70D085;
}
.dls_side .info .iPhone{
	background-color:#afb8bf;
}
.dls_side .info .free{
	background-color:#fb9986;
}
@media screen and (max-width:600px){
	.dls_side ul{
		grid-template-columns:1fr 1fr;
	}
}
/* doujinRankingDate */
#doujinRankingDate ul{
	grid-template-columns:repeat(1,1fr);
}
#doujinRankingDate li a:before{
	border-color:#693 transparent;
}
#doujinRankingDate li figure{
	aspect-ratio:4/3;
}
#doujinRankingDate li:nth-last-child(n+1){
	border-bottom:1px dotted #000;
}
@media only screen and (max-width:600px){
	#doujinRankingDate ul{
		grid-template-columns:repeat(2,1fr);
	}
	#doujinRankingDate li:nth-child(2n){
		border-left:1px dotted #000;
	}
	#doujinRankingDate li:nth-last-child(n+2){
		border-bottom:1px dotted #000;
	}
}
/* doujinRankingRate */
#doujinRankingRate ul{
	grid-template-columns:repeat(1,1fr);
}
#doujinRankingRate li a:before{
	border-color:#693 transparent;
}
#doujinRankingRate li figure{
	aspect-ratio:4/3;
}
#doujinRankingRate li:nth-last-child(n+1){
	border-bottom:1px dotted #000;
}
@media only screen and (max-width:600px){
	#doujinRankingRate ul{
		grid-template-columns:repeat(2,1fr);
	}
	#doujinRankingRate li:nth-child(2n){
		border-left:1px dotted #000;
	}
	#doujinRankingRate li:nth-last-child(n+2){
		border-bottom:1px dotted #000;
	}
}