/*====================================================================
● イベント情報・募集情報 人気ページランキング
====================================================================*/
div.page-ranking {
	margin:  0px 0px 0px 0px;
	padding: 0px;
	color: #000;
	text-align: center;
}



/*===============================================
● 機器の横幅が1023px以下かつ画面の横幅が767px以下かつ縦向き(ポートレート)、機器の横幅が1024px以上かつ画面の横幅が767px以下
===============================================*/
@media screen and (max-device-width: 1023px) and (max-width: 767px) and (orientation: portrait), screen and (min-device-width: 1024px) and (max-width: 767px) {
div.page-ranking-in {
	margin:   0px  0px 10px  0px;
	padding: 10px 15px 10px 15px;
	border: 1px solid #ccc;
}

h2.page-ranking {
	margin:  10px  0px 20px  0px;
	padding:  0px  0px  0px 15px;
	background-color: #0b3e9c;
	background-image: url("image/page-ranking2.jpg");
	background-repeat: no-repeat;
	background-position: right center;
	color: #fff;
	font-size: 25px;
	font-weight: bold;
	line-height: 4em;
	text-align: left;
}

form.page-ranking {
	margin:  10px auto 20px auto;
	padding: 0px;
	width: 680px;
	text-align: right;
}

select.page-ranking {
	font-size: 25px;
}

h3.page-ranking {
	margin: 20px auto 10px auto;
	padding: 0px;
	text-align: left;
	font-size: 25px;
	color: #118;
}

table.page-ranking {
	margin: 15px auto 20px auto;
	width: 700px;
	border-collapse: collapse;
	border: 2px solid #94a3d1;
}

th.ranking {
	background-color: #f6f9ff;
	padding: 10px 5px 10px 5px;
	width: 70px;
	border: 1px solid #94a3d1;
	text-align: center;
	font-size: 25px;
}

th.page-name {
	background-color: #f6f9ff;
	padding: 10px 5px 10px 5px;
	border: 1px solid #94a3d1;
	text-align: center;
	font-size: 25px;
}

th.pv {
	background-color: #f6f9ff;
	padding: 10px 5px 10px 5px;
	width: 95px;
	border: 1px solid #94a3d1;
	text-align: center;
	font-size: 25px;
}

th.date {
	background-color: #f6f9ff;
	padding: 10px 5px 10px 5px;
	width: 115px;
	border: 1px solid #94a3d1;
	text-align: center;
	font-size: 25px;
}

td.ranking {
	padding: 10px 5px 10px 5px;
	text-align: center;
	font-size: 25px;
	line-height: 1.3em;
	border: 1px solid #94a3d1;
}

td.page-name {
	padding: 10px 15px 10px 15px;
	text-align: left;
	font-size: 25px;
	line-height: 1.3em;
	border: 1px solid #94a3d1;
}

td.pv {
	padding: 10px 5px 10px 5px;
	text-align: center;
	font-size: 25px;
	line-height: 1.3em;
	border: 1px solid #94a3d1;
}

td.date {
	padding: 10px 5px 10px 5px;
	text-align: right;
	font-size: 25px;
	line-height: 1.3em;
	border: 1px solid #94a3d1;
}

p.ranking {
	margin: 15px auto 20px auto;
	width: 660px;
	text-align: left;
	font-size: 25px;
	line-height: 1.3em;
}
}



/*===============================================
● 画面の横幅が768px以上、機器の横幅が1023px以下かつ画面の横幅が767以下かつ横向き(ランドスケープ)
===============================================*/
@media print, screen and (min-width: 768px), screen and (max-device-width: 1023px) and (max-width: 767px) and (orientation: landscape) {
div.page-ranking-in {
	margin:   0px  0px 10px  0px;
	padding: 10px 15px 10px 15px;
	border: 1px solid #ccc;
}

h2.page-ranking {
	margin:  10px  0px 20px  0px;
	padding:  0px  0px  0px 15px;
	background-color: #0b3e9c;
	background-image: url("image/page-ranking2.jpg");
	background-repeat: no-repeat;
	background-position: right center;
	color: #fff;
	font-size: 21px;
	font-weight: bold;
	line-height: 4em;
	text-align: left;
}

form.page-ranking {
	margin:  10px auto 20px auto;
	padding: 0px;
	width: 680px;
	text-align: right;
}

select.page-ranking {
	font-size: 15px;
}

h3.page-ranking {
	margin: 20px auto 10px auto;
	padding: 0px;
	text-align: left;
	font-size: 17px;
	color: #118;
}

table.page-ranking {
	margin: 15px auto 20px auto;
	width: 700px;
	border-collapse: collapse;
	border: 2px solid #94a3d1;
}

th.ranking {
	background-color: #f6f9ff;
	padding: 10px 5px 10px 5px;
	width: 50px;
	border: 1px solid #94a3d1;
	text-align: center;
	font-size: 15px;
}

th.page-name {
	background-color: #f6f9ff;
	padding: 10px 5px 10px 5px;
	border: 1px solid #94a3d1;
	text-align: center;
	font-size: 15px;
}

th.pv {
	background-color: #f6f9ff;
	padding: 10px 5px 10px 5px;
	width: 65px;
	border: 1px solid #94a3d1;
	text-align: center;
	font-size: 15px;
}

th.date {
	background-color: #f6f9ff;
	padding: 10px 5px 10px 5px;
	width: 70px;
	border: 1px solid #94a3d1;
	text-align: center;
	font-size: 15px;
}

td.ranking {
	padding: 10px 5px 10px 5px;
	text-align: center;
	font-size: 15px;
	line-height: 1.3em;
	border: 1px solid #94a3d1;
}

td.page-name {
	padding: 10px 15px 10px 15px;
	text-align: left;
	font-size: 15px;
	line-height: 1.3em;
	border: 1px solid #94a3d1;
}

td.pv {
	padding: 10px 5px 10px 5px;
	text-align: center;
	font-size: 15px;
	line-height: 1.3em;
	border: 1px solid #94a3d1;
}

td.date {
	padding: 10px 5px 10px 5px;
	text-align: right;
	font-size: 15px;
	line-height: 1.3em;
	border: 1px solid #94a3d1;
}

p.ranking {
	margin: 15px auto 20px auto;
	width: 660px;
	text-align: left;
	font-size: 15px;
	line-height: 1.3em;
}
}