@charset "utf-8";

/* comment
------------------------------------------------ */
#header { border-bottom: none; }

/* report
------------------------------------------------ */
#report {
}

	#report .week {
		margin: 0 40px 30px;
		border-bottom: solid #2078be 4px;
	}

		#report .week ul {
		}

			#report .week ul li {
				float: left;
				width: 20%;
				text-align: center;
			}
			#report .week ul li a { display: block; padding: 8px 0 4px; }
			#report .week ul li.on a,
			#report .week ul li a:hover { background: #2078be; text-decoration: none; color: #fff; }

				#report .week ul li .day,
				#report .week ul li .date { display: block; line-height: 1.2; }
				#report .week ul li .day { font-size: 20px; font-size: 2rem; }
				#report .week ul li .date { margin-top: 2px; font-size: 12px; font-size: 1.2rem; }

	#report .list {
		display: none;
	}
	#report .list.on { display: block; }

		#report .list ul {
			margin-right: 40px;
		}

			#report .list ul li {
				float: left;
				margin-left: 40px;
				width: 362px;
				min-height: 300px;
			}
	
				#report .list ul li .photo { position: relative; }
					#report .list ul li .photo img { position: relative; width: 100%; z-index: 1; height: 212px}
					#report .list ul li .photo .play { position: absolute; bottom: 10px; right: 10px; display: block; width: 30px; height: 30px; background: url(../img/play.png) no-repeat left top; text-indent: 100%; white-space: nowrap; overflow: hidden; z-index: 2; }
				#report .list ul li .info { margin-top: 10px; }
					#report .list ul li .name { font-size: 20px; font-size: 2rem; font-weight: normal; }
					#report .list ul li .date { font-size: 15px; font-size: 1.5rem; color: #8e8c8c; }

/* responsive style
------------------------------------------------ */
@media screen and (max-width: 640px) {
	/* report */
	#report .week { margin: 0 auto; width: 92%; border-bottom-width: 2px; }
	#report .week ul {}
	#report .week ul li {}
	#report .week ul li a {}
	#report .week ul li .day { font-size: 1.6rem; }
	#report .week ul li .date { font-size: 1rem; }
	#report .list {}
	#report .list ul { margin: 0 auto; width: 92%; }
	#report .list ul li { float: none; margin: 40px 0 0; width: 100%; min-height: inherit; }
	#report .list ul li .photo {}
	#report .list ul li .photo img {height: auto}
	#report .list ul li .photo .play { background-size: 100%; }
	#report .list ul li .info {}
	#report .list ul li .name {}
	#report .list ul li .date {}
}