@CHARSET "UTF-8";

/*　タブレットなど 481px～960px（960px以下） まで
===================================================*/

@media screen and (max-width: 960px) {

	/* 全体幅 */
	header, nav,
	div.container,
	footer {

		/*min-width    : 481px;*/
		min-width    : 768px;
		max-width    : 960px;
	}
}

/* スマホ・小型タブレット 480pxまで（480px以下）
===================================================*/

@media screen and (max-width: 480px) {

	.sp {
		display    : block;
		visibility : visible;
	}

	.pc {
		display    : none;
		visibility : hidden;
	}
}

/* 共通
===================================================*/

	/* 全体幅 */
	header,
	div.container,
	footer {
		width     : 100%;
		min-width : 100%;
		max-width : 100%;
	}

	div#content {
		margin : 0 8px;
	}

	div#content table {
		width    : 100%;
		border   : solid 2px #060606;
	}

	div#content table th,
	div#content table td {
		border   : inset 2px #060606;
		padding  : 4px;
		font-size: 108%;
	}

	div#content table.rank th {
		font-size: 92%;
	}
	
	div#content table td.hr {
		font-size: 100%;
	}

	.right {
		text-align: right;
	}

	.ctr {
		text-align: center;
	}

	.left {
		text-align: left;
	}
	
	a.toppage {
		display : block;
		margin : 8px 0;
		font-size : 123.1%;
	}
	
	h1 {
		font-size : 153.9%;
	}
	
	h2 {
		font-size : 138.5%;
		font-weight : normal;
	}
	
	div#content ul {
		list-style : none;
		padding : 0;
		margin  : 0;
	}

	div#content ul li {
		margin  : 8px 0;
		font-size: 123.1%;
	}