#award01 {
background-color: rgba(0,0,0,1.00);
}
#award01 .photo-list-in .graphic-img {
max-width: 1000px;
margin: 0px auto;
}

#award02 {
background-color: rgba(70,50,0,1.00);
}
#award02 .photo-list-in .graphic-img {
max-width: 1000px;
margin: 0px auto;
}

#award03 {
background-color: rgba(94,71,22,1.00);
}

#award04 {
background-color: rgba(15,54,117,1.00);
}
#award04 .photo-list-in .graphic-img {
max-width: 800px;
margin: 0px auto;
}

#award05 {
background-color: rgba(68,98,148,1.00);
}

#award06 {
background-color: rgba(255,243,204,1.00);
}
#award06 .photo-list-in .graphic-img {
max-width: 800px;
margin: 0px auto;
}

#award07 {
background-color: rgba(255,227,204,1.00);
}
#award07 .photo-list-in .graphic-img {
max-width: 800px;
margin: 0px auto;
}

#award08 {
background-color: rgba(255,209,175,1.00);
}
#award08 .photo-list-in .graphic-img {
max-width: 800px;
margin: 0px auto;
}

#award09 {
background-color: rgba(255,179,131,1.00);
}
#award09 .photo-list-in .graphic-img {
max-width: 800px;
margin: 0px auto;
}

#award10 {
background-color: rgba(226,231,238,1.00);
}
#award10 .photo-list-in .graphic-img {
max-width: 800px;
margin: 0px auto;
}

#award11 {
background-color: rgba(243,245,248,1.00);
}


.award-icon {
}
.award-icon img {
width: 17%;
max-width: 104px;
}
.award-title {
display: block;
text-align: center;
color: rgba(255,255,255,1.00);
font-size: calc(100vw / 22);
line-height: 1.4em;
font-weight: bold;
padding: 0px 0px 0.5em;
}
.photo-list-in .graphic-img {
border-radius: 6px;
overflow: hidden;
}
#award06 .award-title,
#award07 .award-title,
#award08 .award-title,
#award09 .award-title,
#award10 .award-title,
#award11 .award-title {
color: rgba(0,0,0,1.00);
}



.details-table {
border-radius: 6px;
padding: 2% 3%;
border: 1px solid rgba(255,255,255,0.4);
color: rgba(255,255,255,1.00);
margin: 4% auto 0px;
}
.details-table td {
color: rgba(255,255,255,1.00);
}
#award06 .details-table,
#award07 .details-table,
#award08 .details-table,
#award09 .details-table,
#award10 .details-table,
#award11 .details-table {
border: 1px solid rgba(0,0,0,0.4);
color: rgba(0,0,0,1.00);
}
#award06 .details-table td,
#award07 .details-table td,
#award08 .details-table td,
#award09 .details-table td,
#award10 .details-table td,
#award11 .details-table td {
color: rgba(0,0,0,1.00);
}

#award01 .details-table th,
#award02 .details-table th,
#award04 .details-table th,
#award06 .details-table th,
#award07 .details-table th,
#award08 .details-table th,
#award09 .details-table th,
#award10 .details-table th {
display: table-cell;
}
#award01 .details-table td,
#award02 .details-table td,
#award04 .details-table td,
#award06 .details-table td,
#award07 .details-table td,
#award08 .details-table td,
#award09 .details-table td,
#award10 .details-table td {
display: table-cell;
}
/*
<section class="contents-block" id="award03">
	<div class="contents-block-in animation">
		
		<div class="award-icon"><img src="../../../../assets/img/pages/area/event/photo-contest/award/award_03.svg" alt="カレンダー賞アイコン" width="104" height="62" loading="lazy"></div>
		<h2 class="award-title">カレンダー賞</h2>

		<ul class="photo-list">
			<li>
				<div class="photo-list-in">
					<div class="graphic-img"><img src="../../../../assets/img/pages/area/event/photo-contest/award/aug009.webp" alt="新春のビルの谷間を行く京王線の写真" width="720" height="540" loading="lazy"></div>
					<div class="details-table">
						<table border="0" cellspacing="0" cellpadding="0">
							<tr>
								<th>タイトル：</th>award04
								<td>新春のビルの谷間を行く京王線</td>
							</tr>
*/


@media print, screen and (min-width: 375px) {
.award-title {
font-size: 16px;
line-height: 1.4em;
}
.photo-list-in .graphic-img {
border-radius: 7px;
}

}


@media print, screen and (min-width: 768px) {
.award-title {
font-size: 26px;
line-height: 1.4em;
}
.photo-list-in .graphic-img {
border-radius: 10px;
}

#award01 .details-table,
#award02 .details-table,
#award04 .details-table,
#award06 .details-table,
#award07 .details-table,
#award08 .details-table,
#award09 .details-table,
#award10 .details-table {
display: table;
}
.details-table {
border-radius: 8px;
padding: 0.5em 0.8em;
margin: 0.8em auto 0px;
}

}


@media print, screen and (min-width: 960px) {
.award-title {
font-size: 30px;
line-height: 1.4em;
}
.photo-list-in .graphic-img {
border-radius: 12px;
}

#award03 .photo-list li,
#award05 .photo-list li {
-ms-flex-preferred-size: 48%;
flex-basis: 48%;
padding: 0px 0px 6%;
}

}


@media print, screen and (min-width: 1200px) {
.award-title {
font-size: 33px;
line-height: 1.4em;
}
.photo-list-in .graphic-img {
border-radius: 14px;
}

#award03 .photo-list li,
#award05 .photo-list li {
-ms-flex-preferred-size: 560px;
flex-basis: 560px;
padding: 0px 0px 6%;
}
.details-table {
padding: 0.6em 1.1em;
margin: 1.0em auto 0px;
}

}


@media print, screen and (min-width: 1400px) {

}






















@media print, screen and (min-width: 375px) {

}


@media print, screen and (min-width: 768px) {

}


@media print, screen and (min-width: 960px) {

}

@media print, screen and (min-width: 1200px) {

}

@media print, screen and (min-width: 1400px) {

}






































@media print, screen and (min-width: 375px) {

}


@media print, screen and (min-width: 768px) {

}


@media print, screen and (min-width: 960px) {

}

@media print, screen and (min-width: 1200px) {

}

@media print, screen and (min-width: 1400px) {

}