/*********************************************
topics-di-wa-2025.css
*********************************************/

.o-player-dl{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 25px;
}

.o-player-dl dt,.o-player-dl dd{
	font-size: 15px;
	line-height: 23px;
	text-align: left;
	font-weight: normal;
	color: #595757;
}

.o-player-h2{
	font-size: 15px;
	line-height: 23px;
	text-align: left;
	margin: 25px 0 10px 0;
	box-sizing: border-box;
	padding-bottom: 10px;
	border-bottom: solid 1px rgba(0,0,0,.5);
}

.o-player-dl dt,.o-player-dl dd{
	width: 100%;
	box-sizing: border-box;
}

.o-player-dl dd{
	padding-left: 5px;
}

@media (min-width: 375px){
.o-player-dl dt{
	width: 20%;
	min-width: 145px;
	margin: 0;
	margin-bottom: 10px;
}

.o-player-dl dd{
	width: 57%;
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
}
}


@media (min-width: 576px){


.o-player-dl dt{
	width: 20%;
	min-width: 145px;
}

.o-player-dl dd{
	width: 69%;
	padding: 0;
}
}






@media (min-width: 768px){

}


@media (orientation: landscape) and (max-width: 940px){

}


@media (min-width: 992px){
.o-player-dl dt{
    width: 23%;
}

.o-player-dl dd{
	width: 77%;
}

}



@media (min-width: 1025px){
.o-player-dl dt{
    width: 21%;
}

.o-player-dl dd{
	width: 79%;
}
}





@media (min-width: 1100px){

}