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

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

#cruise {
}



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

.titleArea {
}

/* subimage（画像タイトル/小見出し）------------------*/
.titleArea.subimage {
	width: 60%;
	margin-bottom: .5%;
}



/* ===============================================
 pickupArea（お得な情報部分）　
=============================================== */

.pickupArea {
}
.pickupArea .pickupList {
	border-top: none;
}
.pickupArea .pickupList dt {
	padding: 15px 30px 15px 0;
	border-bottom: none;
	background-image: url("http://smp.his-j.com/cmn/img/kanto/icon/instruction/arrow_down_gold001.png"), url("/cmn/img/kanto/cruise/cabin/diamond/pickup_line_001.png");
	background-repeat: no-repeat, repeat-x;
	background-position: 97% 50% , 0% 100%;
	background-size: 13px 9px, 16px 2px;
}
.pickupArea .pickupList dt.open {
	background-image: url("http://smp.his-j.com/cmn/img/kanto/icon/instruction/arrow_up_gold001.png"), url("/cmn/img/kanto/cruise/cabin/diamond/pickup_line_001.png");
}
.pickupArea .pickupList dd {
	padding: 10px 10px 20px;
	border-bottom: none;
	background-image: url("/cmn/img/kanto/cruise/cabin/diamond/pickup_line_001.png");
	background-repeat: repeat-x;
	background-position: 0% 100%;
	background-size: 16px 2px;
}
.pickupArea .attenList {
	font-size: 1.1rem
}

/* timeArea（適用期間）------------------*/
.pickupArea .timeArea {
	background-color: #B90D0D;
}
.pickupArea .timeArea p {
	padding: 2px 0;
	font-size: 1.1rem;
	color: #FFF;
	font-weight: bold;
	text-align: center;
}



/* ===============================================
 cabinArea（利用キャビンのご案内）　
=============================================== */

#cabinArea {
}
#cabinArea .addInfoText {
	padding: 2px 5px;
}




/* ===============================================
 allArea（コース紹介 導入部分）　
=============================================== */

#allArea {
}
#allArea .leadArea {
	margin: 7% 3.1% 0;
}
#allArea .leadArea .leadText {
	margin-top: 2%;
}



/* ===============================================
 pointArea（魅力のツアーポイント）　
=============================================== */

#pointArea {
	padding-top: 5% !important;
}
#pointArea .pointList dt {
	padding: 10px 25px 5px 5px;
}

/* pointList.descArea（詳細部分）------------------*/
#pointArea .pointList .descArea .descTitle {
	width: 85%;
	margin: 5% 0 -1%;
}

/* pointList.addInfoArea（追加情報部分）------------------*/
#pointArea .pointList .addInfoArea {
	margin: 7% 2%;
	padding: 2px;
	background-color: #EEF3FB;
}
#pointArea .pointList .addInfoArea .addInfoBox {
	padding: 10px 5px;
	font-size: 1.1rem;
	color: #00265F;
	border: 1px solid #FFF;
}



/* ===============================================
 adArea（告知部分）　
=============================================== */

.adArea {
	margin: 10% 3.1%;
}



/* ===============================================
 discountArea（割引詳細部分）　
=============================================== */

#discountArea {
	margin: 10% 3.1%;
}
#discountArea .discountList {
}
#discountArea .discountList > li {
	margin-bottom: 2%;
	border: 1px solid #0072BB;
	background-color: #FFF;
}
#discountArea .discountList .accordion {
	border-top: none;
}
#discountArea .discountList .accordion dt {
	padding: 0;
	border-bottom: none;
	background-image: url("/cmn/img/kanto/cruise/cabin/diamond/discount_arrow_down.jpg");
	background-position: 101% 50%;
	background-size: 101% auto;
	cursor: pointer;
}
#discountArea .discountList .accordion dt.open {
	background-image: url("/cmn/img/kanto/cruise/cabin/diamond/discount_arrow_up.jpg");
}
#discountArea .discountList .accordion dd {
	border-bottom: none;
}

/* discountList.discountBox（料金表部分）------------------*/
#discountArea .discountList .discountBox {
	margin: -1px 0 0;
	padding: 5% 3.1%;
	border-top: 1px dashed #0072BB;
}
#discountArea .discountList .discountBox .tableArea {
	width: 100%;
	margin-bottom: 5%;
	border-top: 1px solid #0072BB;
	border-right: 1px solid #0072BB;
}
#discountArea .discountList .discountBox .tableArea .itemColumn {
	font-size: 1.3rem;
	color: #FFF;
	text-align:  center;
	background-color: #0072BB;
}
#discountArea .discountList .discountBox .tableArea tr th {
	padding: 1% 2%;
	border-bottom: 1px solid #0072BB;
	border-left: 1px solid #0072BB;
	vertical-align: middle;
}
#discountArea .discountList .discountBox .tableArea tr th.adlBox,
#discountArea .discountList .discountBox .tableArea tr th.chnBox {
	border-left: 1px solid #FFF;
}
#discountArea .discountList .discountBox .tableArea tr td {
	padding: 1% 2%;
	border-bottom: 1px solid #0072BB;
	border-left: 1px solid #0072BB;
	background-color: #FFF;
	vertical-align: middle;
}
#discountArea .discountList .discountBox .tableArea tr:nth-child(odd) td {
	background-color: #E8EEF6;
}
#discountArea .discountList .discountBox .tableArea .dptBox {
	width: 36%;
}
#discountArea .discountList .discountBox .tableArea .adlBox {
	width: 26%;
}
#discountArea .discountList .discountBox .tableArea .chnBox {
	width: 26%;
}
.discountArea .discountList .attenList {
	padding: 5px;
	font-size: 1.1rem;
	border: 1px solid #0072BB;
}
.discountArea .discountList .attenList li {
	margin-bottom: 0 !important;
}



/* ===============================================
 projectArea（オマカセプラン）
=============================================== */

#projectArea {
	margin-top: 10%;
}
#projectArea .descArea {
	padding-top: 5%;
}
#projectArea > .linkArea.btn {
	margin-bottom: -2%;
}