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

/* ===============================================
 all（基本事項/index全共通）　
=============================================== */

#cruise {
	background-image: url("http://www.his-j.com/tyo/cruise/img/bg_01.jpg");
	background-repeat: repeat;
	background-position: 0 0;
	background-size: 100px;
}

.bnrArea {
	margin: 3% 0;
}

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

#mainArea.indexContsTop .pickupArea {
	margin: 5% 3.1%;
}



/* ===============================================
 topicsArea（トピックス部分）　
=============================================== */

#topicsArea {
	margin: 7% 3.1% 8%;
	padding: 2%;
	background-color: #FFF;
	border: 1px solid #B7AB38;
}
#topicsArea .topicsList {
	margin-top: 2%;
}
#topicsArea .topicsList li {
}
#topicsArea .topicsList li+li {
	margin-top: .5em;
}
#topicsArea .topicsList li a {
	color: #AE6409;
	text-decoration: underline;
}
#topicsArea .topicsList li a:before {
	content: "\0025b6";
	padding-right: 2px;
	color: #2C2812;
	display: inline-block;
}


/* ===============================================
 hatsuArea（初夢フェア第一弾）　
=============================================== */

#hatsuArea {
    margin: 5% 0 0;
    padding: 0 0 10%;
    background-image: url("https://www.his-j.com/smp/kanto/special/cruise/images/index/hatsu/bg_01.jpg");
    background-color: #a5dcde;
    background-repeat: repeat;
    background-position: top;
    background-size: 120px 116px;
}
#hatsuArea.ver2nd {
    background-image: url("https://www.his-j.com/smp/kanto/special/cruise/images/index/hatsu/bg_02.jpg");
    background-size: 10%;
}
#hatsuArea .image {
    width: 100%;
    margin-bottom: 2%;
    padding-bottom: 2%;
}
#hatsuArea .image:first-child {
	margin-top: 2%;
}
#hatsuArea .image:last-child {
    margin-bottom: 0;
}
#hatsuArea .tourBg {
    margin: 2% 3.1% 0;
    padding: 3% 0 0;
    border-top: 3px solid #005e9c;
    background-color: #ffffee;
}
#hatsuArea .tourBg.domestic {
    border-color: #24893b;
}
#hatsuArea .tourBg + .tourBg {
    margin-top: 4%;
}
#hatsuArea .contentsBox {
    margin-top: 1.2%;
    padding: 0 3.1% 5%;
}
#hatsuArea .tourBox {
    background-color: #FFF;
    border: 2px solid #baa73e;
    margin: 0 0 5vw 0;
}
#hatsuArea .tourBox .tourTtl {
	padding-right: 3vw;
}
#hatsuArea .tourBox .tour {
    padding: 0 3.1%;
}
#hatsuArea .tourBox .image {
    border-bottom: 2px dotted #baa73e;
}
#hatsuArea .tourBox .image:last-child {
    border-bottom: none;
}

/* ===============================================
 hatsu2Area（初夢フェア第に弾）　
=============================================== */

#hatsu2Area {
    margin: 5% 0;
    background-image: url("/cmn/img/kanto/cruise/index/hatsu_bg2.jpg");
}
#hatsu2Area .image {
    width: 100%;
    margin-top: 2%;
}

#hatsu2Area .ttlArea {
    background-image: url("/cmn/img/kanto/cruise/index/hatsu_bg2.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size:100%;
    margin-top: 2%;
    margin-bottom: 2%;
    padding:3.1%;
}

#hatsu2Area .tourArea {
    padding: 1% 3.1% 3.1%;

}

#hatsu2Area .tourArea .dome {
    border-top:solid 6px #24893b;
    background-color:#ffffee;
    margin-bottom: 3.1%;
    padding:2% 2% 3.1%;
}
#hatsu2Area .tourArea .inter {
    border-top:solid 6px #005e9c;
    background-color:#ffffee;
    margin-bottom: 3.1%;
    padding:2% 2% 3.1%;
}	


/* ===============================================
 cabinList（客船リスト部分）　
=============================================== */

.cabinList {
}
.cabinList > li {
}
.cabinList > li+li {
	margin-top: 15%;
}
.cabinList > li .descArea {
	margin-top: 2%;
}



/* ===============================================
 infoArea（客船情報部分）　
=============================================== */

.infoArea {
    margin: 5% 3.1% 10%;
    padding: 2px;
    font-size: 1.1rem;
    background-color: rgba(153, 188, 236, 0.24);
}
.infoArea .infoBox {
    padding: 5px;
	border: 1px solid #FFF;
}

/* titleArea.image（タイトル部分/画像見出し）------------------*/
.infoArea .titleArea.image {
	width: auto;
	margin: 1% 16%;
}

/* titleArea.subheading（タイトル部分/小見出し）------------------*/
.infoArea .titleArea.subheading {
}
.infoArea .titleArea.subheading .titleText {
	font-size: 1.1rem;
	color: #00285F;
}

/* infoList（リスト部分）------------------*/
.infoArea .infoList {
    text-align: center;
    letter-spacing: -.40em;
}
.infoArea .infoList dt {
    letter-spacing: normal;
    display: inline-block;
}
.infoArea .infoList dt:after {
	content: ":";
	padding: 0 2px 0 0;
	color: #00285F;
}
.infoArea .infoList dd {
    letter-spacing: normal;
    display: inline-block;
}
.infoArea .infoList dd+dt {
	margin-left: 7px;
}

/* ===============================================
 digitalbrochureArea（デジパン表示部分）　
=============================================== */

#digitalbrochureArea {
	margin: 10% 0;
}
#digitalbrochureArea ul {
	padding: 0 5px;
	border: 1px solid #E2DDBB;
}
#digitalbrochureArea ul li {
	padding: 10px 0;
	position: relative;
}
#digitalbrochureArea ul li+li {
	border-top: 1px solid #E2DDBB;
}
#digitalbrochureArea ul li a {
	color: inherit;
}
#digitalbrochureArea ul dl {
	min-height: 70px;
	position: relative;
	padding: 0 20px 0 60px;
	background-image: url("http://smp.his-j.com/cmn/img/kanto/icon/instruction/box_gray001.png");
	background-repeat: no-repeat;
	background-position: 99% 50%;
	background-size: 15px 13px;
}
#digitalbrochureArea ul dl dt {
}
#digitalbrochureArea ul dl .text {
	color: #2727EE;
	text-decoration: underline;
}
#digitalbrochureArea ul dl .notes {
	font-size: 1.1rem;
}
#digitalbrochureArea ul dl .thumb {
	position:absolute;
	top:0;
	left:0;
}
#digitalbrochureArea ul dl .thumb img {
	width: 50px;
}
/* ===============================================
 サブバナーエリア
=============================================== */
.sub_bnrArea {
	    margin: 7% 3.1% 5%;
}
.sub_bnrArea li {
    margin-bottom: 3%;
}