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

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

.titleArea {
}
.titleArea .titleText {
}

/* titleArea.headlines（大見出し/アイコン+テキスト）------------------*/
.titleArea.headlines {
	margin: 0 0 10px;
	padding: 1% 0;
	background-color: #000;
	background-image: url("http://smp.his-j.com/cmn/img/kanto/icon/earth.png");
	background-repeat: no-repeat;
	background-position: 5px 50%;
	background-size: 30px;
}
.titleArea.headlines .titleText {
	padding: 12px 0 9px 40px;
	line-height: 1.2em;
	display: block;
}
.titleArea.headlines .titleText span {
	padding: 0 0 0 5px;
	font-size: 1.1rem;
}

/* titleArea.headlines.●（大見出し/アイコン設定）------------------*/
.titleArea.headlines.interIcon {
	background-image: url("http://smp.his-j.com/cmn/img/kanto/icon/earth.png");
}
.titleArea.headlines.domeIcon {
	background-image: url("http://smp.his-j.com/cmn/img/kanto/icon/dome.png");
}

/* titleArea.subheading（小見出し/テキストのみ）------------------*/
.titleArea.subheading {
	width: auto;
	margin: 5px 10px 10px;
	padding: 4% 0 4% 2%;
	border: 2px solid #000;
	border-left: 10px solid #000;
	background-color: #FFF;
}
.titleArea.subheading .titleText {
}



/* ===============================================
 itemArea（旅行を探す）　
=============================================== */

#itemArea {
}
#itemArea .itemList {
	margin-top: 8%;
}
#itemArea .itemList > li {
}
#itemArea .itemList >  li+li {
	margin-top: 15%;
}
#itemArea .itemTourList {
	margin-top: 8%;
}
#itemArea .itemTourList > li {
}
#itemArea .itemTourList >  li+li {
	margin-top: 10%;
}

/* .itemTourList.btn（商品をもっと見るボタン/モーダル用）------------------*/
#itemArea .itemTourList .btn {
	cursor: pointer;
}
#itemArea .itemTourList .btn .btns {
	padding: 12px 20px 12px 0;
	font-size: 1.5rem;
	color: #FFF;
}

/* itemBox（商品表示部分）------------------*/
#itemArea .itemBox {
	margin: 0 3.1%;
	background-color: #FFF;
	border: 2px solid #000;
	box-shadow: 1px 2px 2px rgba(0,0,0,0.4);
}

/* bnrArea（バナー部分）------------------*/
.bnrArea {
    margin: 4% 3.1%;
    box-shadow: 1px 2px 2px rgba(0,0,0,0.4);
}



/* ===============================================
 activityArea（学生限定企画部分）
=============================================== */

#activityArea {
}
#activityArea a {
	color: inherit;
	display: block;
}
#activityArea .activityList {
	margin: 8% 3.1% 0;
}
#activityArea .activityList li {
	background-color: #FFF;
	background-image: url("/cmn/img/kanto/student/2017/index/campaign_icon_arrow.png");
	background-repeat: no-repeat;
	background-position: 95% 50%;
	background-size: 12px 19px;
	border: 2px solid #000;
	box-shadow: 1px 2px 2px rgba(0,0,0,0.4);
	cursor: pointer;
}

/* activityList li.●（アイコン変更）------------------*/
#activityArea .activityList li.zoom {
	background-image: url("/cmn/img/kanto/student/2017/index/campaign_icon_zoom.png");
	background-position: 96% 50%;
	background-size: 25px 25px;
}
#activityArea .activityList li.newWindow {
	background-image: url("/cmn/img/kanto/student/2017/index/common_icon_new.png");
	background-position: 96% 50%;
	background-size: 25px 25px;
}

/* activityList.textBox（内容詳細）------------------*/
#activityArea .activityList li.textBox {
	padding: 4.4% 15px;
	background: #FFF;
}
#activityArea .activityList li+li {
	margin: 3.1% 0 0;
}
#activityArea .activityList li a,
#activityArea .activityList li .modalList {
	padding: 4.4% 15.9% 4.4% 15px;
}
#activityArea .activityList dl {
	width: 100%;
	min-height: 77px;
	position: relative;
}
#activityArea .activityList dl dt {
	margin: 0 0 0 93px;
}
#activityArea .activityList dl dt img {
	max-width: 152px;
}
#activityArea .activityList dl .textArea {
	margin: 0 0 0 91px;
	padding: 5px 0 0;
	font-size: 1.1rem;
	border-top: 1px solid #000;
}
#activityArea .activityList dl .textArea .codeText {
	display: block;
}
#activityArea .activityList dl .textArea .codeText strong {
	font-size: 1.2rem;
	font-weight: bold;
	display: block;
}
#activityArea .activityList dl .phArea {
	width: 77px;
	position: absolute;
	top: 5%;
	left: 0;
}



/* ===============================================
 rankingArea（ランキング）　
=============================================== */
#rankingArea .rankingList .titleArea.images {
    margin-bottom: 3%;
    padding: 5px 0;
    border-bottom: 1px solid #999;
}
#rankingArea .mainContsArea {
    margin: 0 0 10px;
}

#rankingArea .titleArea.subheading {
    padding: 1% 0 0;
    margin: 6px 0;
    border: none;
}
#rankingArea .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;
}
#rankingArea .linkArea.listText .linkText a {
    padding: 0 25px 0 0;
    font-size: 1.1rem;
    color: #E30052;
    text-align: right;
    text-decoration: underline;
}
#rankingArea .subContsArea > .cityList {
    background: url("/cmn/img/kanto/student/2017/common/line_dot_001.png") repeat-x left top;
    background-size: 8px 2px;
}
#rankingArea .subContsArea .cityList .listBox dl {
    width: 100%;
    display: table;
}
#rankingArea .subContsArea .cityList .listBox .subheading {
    display: table-caption;
}
#rankingArea .subContsArea .cityList .listBox .subheading span {
    padding: 6px 0 0 30px;
    display: inline-block;
    font-weight: bold;
    font-size: 1.5rem;
}
#rankingArea .subContsArea .cityList .listBox .phArea {
    width: 100px;
    padding: 0 10px 0 0;
    display: table-cell;
    vertical-align: top;
}
#rankingArea .subContsArea .cityList .listBox .detailArea {
    font-size: 1.1rem;
    display: table-cell;
    vertical-align: top;
}
#rankingArea .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;
}
#rankingArea .rankingList {
    background-color: #FFF;
    border: 2px solid #000;
    box-shadow: 1px 2px 2px rgba(0,0,0,0.4);
    margin: 8% 3.1% 0;
    padding: 3.1%;
}


/* titleArea titleText（ランキングタイトル）------------------*/
#rankingArea .titleArea.subheading .titleText {
    font-size: 2rem;
}


/* titleArea（ランクナンバーアイコン）------------------*/
.titleArea .rank01 {
    padding: 8px 0 2px 35px;
    display: inline-block;
    background: url("/cmn/img/kanto/student/2016/ranking/common_icon_rank01.png") no-repeat 0 0;
    background-size: 30px 30px;
}
.titleArea .rank02 {
    background: url("/cmn/img/kanto/student/2016/ranking/common_icon_rank02.png") no-repeat 0 0;
    background-size: 25px 25px;
}
.titleArea .rank03 {
    background: url("/cmn/img/kanto/student/2016/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;
}

/* titleArea linkText（ランキングタイトル）------------------*/
#rankingArea .linkArea.list a {
	padding: 5px 0 5px 10px;
	font-size: 1.1rem;
	/* font-weight: initial; */
}
#rankingArea .linkArea.list {
	margin: 2% 0;
	border-top: 1px solid #CCC;
}

/* ===============================================
 tour-preview（API掲出商品）　
=============================================== */

#container .tour-preview {
	background-color: #FFF;
	border-bottom: solid 1px #000;
}
#container .tour-preview .on-label-text {
	display: none;
}

/* itemArea（旅行を探す部分のみ）------------------*/
#container #itemArea .tour-preview {
	border-bottom: none;
}
#container #itemArea .tour-preview {
	padding: 0 3.1% 10px;
}
#container #itemArea .tour-preview .tour-img {
	width: 100%;
	height: inherit;
	margin: 5px 0;
	float: none;
}
#container #itemArea .tour-preview .tour-img .tour-img-container {
	width: inherit;
	height: 150px;
	margin: 0;
}
#container #itemArea .tour-preview .tour-desc {
	width: inherit;
	margin: 0;
	float: none;
}
#container #itemArea .tour-preview .tour-label li {
	margin: 0;
}

/* その他ツアーバナーエリア------------------*/

#container #itemArea .othertour-bnr .bnr-img {
	width: 100%;
	height: inherit;
	margin: 5px 0;
	float: none;
}
#container #itemArea .othertour-bnr .bnr-img .bnr-img-container {
	max-width; 415px;
	margin: 0;
#container #itemArea .othertour-bnr .bnr-detileArea {
	width: inherit;
	margin: 0;
	float: none;
}



/* ===============================================
 lineArea（LINE掲載商品）　
=============================================== */

#lineArea {
	margin-top: 10%;
}
#lineArea .lineList {
}
#lineArea .itemList > li {
}