@charset "utf-8";
/*////////////// RankingCSS Document //////////////*/

/* ===============================================
 mainArea（コンテンツ部分）
=============================================== */

#mainArea.ranking {
	margin: 0 3% 5%;
}
#mainArea.ranking > section+section {
	margin: 15% 0;
}



/* ===============================================
 titleArea（タイトル部分）
=============================================== */

/* titleArea.images（画像見出し）------------------*/
#mainArea .titleArea.images {
	margin-bottom: 3%;
	padding: 5px 0;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	background: none;
}

/* titleArea.subheading（小見出し/テキストのみ）------------------*/
#mainArea .titleArea.subheading {
	padding: 1% 0 0;
	margin: 6px 0;
	border-left: none;
	border-bottom: none;
}

/* titleArea.subContsArea（小見出し/ランキング2位以下部分のみ）------------------*/
#mainArea .subContsArea .cityList .listBox .subheading {
	display: table-caption;
}
#mainArea .subContsArea .cityList .listBox .subheading span {
	padding: 6px 0 0 30px;
	display: inline-block;
	font-weight: bold;
	font-size: 1.5rem;
}

/* titleArea.rank01（ランキングアイコン）------------------*/
.titleArea .rank01 {
	padding: 8px 0 2px 35px;
	display: inline-block;
	background: url("/cmn/img/kanto/student/2017/ranking/common_icon_rank01.png") no-repeat 0 0;
	background-size: 30px 30px;
}
.titleArea .rank02 {
	background: url("/cmn/img/kanto/student/2017/ranking/common_icon_rank02.png") no-repeat 0 0;
	background-size: 25px 25px;
}
.titleArea .rank03 {
	background: url("/cmn/img/kanto/student/2017/ranking/common_icon_rank03.png") no-repeat 0 0;
	background-size: 25px 25px;
}
.titleArea .rank04 {
    background: url("/cmn/img/kanto/student/2017/ranking/common_icon_rank04.png") no-repeat 0 100%;
    background-size: 23px 23px;
}
.titleArea .rank05 {
    background: url("/cmn/img/kanto/student/2017/ranking/common_icon_rank05.png") no-repeat 0 100%;
    background-size: 23px 23px;
}



/* ===============================================
 linkArea（リンク部分）
=============================================== */

/* listText（リスト型/メインエリア部分）------------------*/
#student #mainArea .linkArea.list {
	margin: 15px 0 20px;
	padding: 2px 0;
	background: url("/cmn/img/kanto/student/2017/common/line_dot_001.png") repeat-x left top, url("/cmn/img/kanto/student/2017/common/line_dot_001.png") repeat-x left bottom;
	background-size: 8px 2px;
	border-bottom: none;
}
#student #mainArea .linkArea.list .linkText {
	background: url("/cmn/img/kanto/icon/instruction/arrow_right_gray001.png") no-repeat 100% 50%;
	background-size: 20px 12px;
}
#student #mainArea .linkArea.list .linkText a {
	color: #333;
}

/* listText（テキスト型）------------------*/
#student .linkArea.listText {
	margin: 0;
	padding: 2px 0;
	background: url("/cmn/img/kanto/icon/instruction/arrow_right_gray001.png") no-repeat 100% 50%;
	background-size: 20px 12px;
}

#student .linkArea.listText .linkText a {
	padding: 0 25px 0 0;
	font-size: 1.1rem;
	text-align: right;
	text-decoration: underline;
	color: #E30052;
}
#student .cityList .listBox:last-child .linkArea.listText {
    padding: 2px 0 8px;
}
#mainArea .linkArea.btn .btns {
    padding: 12px 20px 12px 0;
    font-size: 1.5rem;
    color: #FFF;
}



/* ===============================================
 subContsArea（ランキング1位部分）
=============================================== */

.mainContsArea {
	margin: 0 0 10px;
}

/* tour-preview（API詳細）------------------*/
#container .mainContsArea .tour-preview {
	min-height: 120px;
	margin: 15px 0 20px;
	padding: 10px 0 5px;
	border-top: 1px solid #CECECE;
	position: relative;
}
#container .mainContsArea .on-airport {
	float: none;
}
#container .mainContsArea .tour-img {
	float: none;
	position: absolute;
	top: 35px;
	left: -1px;
}
#container .mainContsArea .tour-desc {
	width: auto;
	margin: 0 0 0 100px;
	float: none;
}



/* ===============================================
 subContsArea（ランキング2位以下部分）
=============================================== */

.subContsArea > .cityList {
	background: url("/cmn/img/kanto/student/2017/common/line_dot_001.png") repeat-x left top, url("/cmn/img/kanto/student/2017/common/line_dot_001.png") repeat-x left bottom;
	background-size: 8px 2px;
}
.titleArea.subheading .titleText {
	font-size: 2rem;
}
.subContsArea .cityList li+li {
	margin: 5px 0 0;
	background: url("/cmn/img/kanto/student/2017/common/line_dot_001.png") repeat-x left top;
	background-size: 8px 2px;
}
.subContsArea .cityList .listBox dl {
	width: 100%;
	display: table;
}
.subContsArea .cityList .listBox .detailArea {
	font-size: 1.1rem;
	display: table-cell;
	vertical-align: top;
}
.subContsArea .cityList .listBox .phArea {
	width: 100px;
	padding: 0 10px 0 0;
	display: table-cell;
	vertical-align: top;
}