@charset "utf-8";
/*////////////// honeymoon/TokutenCSS Document //////////////*/

/* ===============================================
 all（全体/特典共通）　
=============================================== */



/* ===============================================
 mainArea（メインコンテンツ部分/特典共通）　
=============================================== */

#mainArea {
}

/* titleArea.headlines.numIcon（番号付タイトル）------------------*/
#mainArea .titleArea.headlines.numIcon {
	background-image: url("https://www.his-j.com/smp/kanto/special/honey/images/tokuten/common_icon_list.png");
	background-size: 25px;
	background-position: 5px 60%;
}
#mainArea > section:nth-child(2) .titleArea.headlines.numIcon {
	background-image: url("https://www.his-j.com/smp/kanto/special/honey/images/tokuten/common_icon_list.png");
}
#mainArea > section:nth-child(3) .titleArea.headlines.numIcon {
	background-image: url("https://www.his-j.com/smp/kanto/special/honey/images/tokuten/common_icon_list.png");
}
#mainArea > section:nth-child(4) .titleArea.headlines.numIcon {
	background-image: url("https://www.his-j.com/smp/kanto/special/honey/images/tokuten/common_icon_list.png");
}
#mainArea > section:nth-child(5) .titleArea.headlines.numIcon {
	background-image: url("https://www.his-j.com/smp/kanto/special/honey/images/tokuten/common_icon_list.png");
}
#mainArea > section:nth-child(6) .titleArea.headlines.numIcon {
	background-image: url("https://www.his-j.com/smp/kanto/special/honey/images/tokuten/common_icon_list.png");
}
#mainArea > section:nth-child(7) .titleArea.headlines.numIcon {
	background-image: url("https://www.his-j.com/smp/kanto/special/honey/images/tokuten/common_icon_list.png");
}
#mainArea > section:nth-child(8) .titleArea.headlines.numIcon {
	background-image: url("https://www.his-j.com/smp/kanto/special/honey/images/tokuten/common_icon_list.png");
}



/* ===============================================
 tour-preview（API表示部分/特典共通）　
=============================================== */

#container .dtl-link {
	margin: 7% 0;
}
#container .dtl-link:before {
	content: "\002665上記絶景プラン付ツアーはこちら";
	margin-top: 5%;
	font-size: 1.5rem;
	font-weight: bold;
	color: #FFF;
	line-height: 2em;
	text-align: center;
	background-color: #E9518D;
	display: block;
}
#container .tour-preview {
	padding: 10px 3.1% 5px;
	border: 1px solid #E9518D;
}
#container .tour-preview .on-label-text {
	display: none;
}



/* ===============================================
 rcmdArea（おすすめ絶景プラン 部分）　
=============================================== */

#rcmdArea {
}

/* rcmdList（リスト）------------------*/
#rcmdArea .rcmdList {
}
#rcmdArea .rcmdList > li {
	border-top: 1px solid #96907D;
}


/* accordion（アコーディオン）------------------*/
#rcmdArea .accordion {
}
#rcmdArea .accordion li .titleArea.list {
	background-image: url("http://smp.his-j.com/cmn/img/kanto/icon/instruction/arrow_down_brown001.png");
	background-position: 97% 50%;
	background-repeat: no-repeat;
	background-size: 13px 9px;
	cursor: pointer;
}
#rcmdArea .accordion li.open .titleArea.list {
	background-image: url("http://smp.his-j.com/cmn/img/kanto/icon/instruction/arrow_up_brown001.png");
}
/* accordion.contentsBox（展開部分）------------------*/
#rcmdArea .accordion .contentsBox {
	display: none;
	border-top: 1px solid #96907D;
}
#rcmdArea .accordion > li:last-child .contentsBox {
	border-top: none;
}
#rcmdArea .accordion .contentsBox .phArea {
	margin-top: 3%;
}

/* titleArea（タイトル）------------------*/
#rcmdArea .titleArea.list {
	width: 100%;
	margin: 0;
	display: table;
}
#rcmdArea .rcmdList > li:last-child .titleArea.list {
	border-bottom: 1px solid #96907D;
}
#rcmdArea .titleArea.list .tmbArea {
	width: 18%;
	display: table-cell;
}
#rcmdArea .titleArea.list .textArea {
	width: 82%;
	display: table-cell;
	vertical-align: middle;
}

/* linkArea.btn.close（クローズボタン）------------------*/
#rcmdArea .linkArea.btn.close {
	width: 30%;
	margin: 6% auto 8%;
	background: #594331;
	border: none;
	border-radius: inherit;
}
#rcmdArea .linkArea.btn.close .linkText {
}
#rcmdArea .linkArea.btn.close .linkText a {
	padding: 8px 0;
	color: #FFF;
}



/* ===============================================
 seatArea（往復国際線は並び席をご用意 部分）　
=============================================== */

#seatArea {
}

/* descArea（説明）------------------*/
#seatArea .descArea {
}
/* descArea.impossibleArea（出来なかった場合）------------------*/
#seatArea .impossibleArea {
	margin-top: 5%;
}
#seatArea .descArea .impossibleArea .listArea {
	margin-top: 0;
}
/* descArea.addArea（追加）------------------*/
#seatArea .descArea .addArea {
	font-size: 1.3rem;
}



/* ===============================================
 bedArea（ダブルベッドのお部屋をご用意 部分）　
=============================================== */

#bedArea {
}



/* ===============================================
 bathtubArea（バスタブ付のお部屋をご用意 部分）　
=============================================== */

#bathtubArea {
}



/* ===============================================
 earlyArea（早めのご予約がおトク 部分）　
=============================================== */

#earlyArea {
}
#earlyArea .descArea .listArea > li p span {
	font-size: 1.1rem;
}



/* ===============================================
 loungeArea（エグゼクティブラウンジ利用可能 部分）　
=============================================== */

#loungeArea {
}

/* detailArea（詳細）------------------*/
#loungeArea .detailArea {
}
/* detailArea.detailList（リスト）------------------*/
#loungeArea .detailArea .detailList {
	margin: 3% 0;
	padding: 3% 3.1%;
	font-weight: bold;
}
#loungeArea .detailArea .detailList > li {
}
#loungeArea .detailArea .detailList > li+li {
	margin-top: 4%;
	padding-top: 4%;
	border-top: 1px dotted #3CB6C4;
}
/* detailArea.detailList.listArea（リスト）------------------*/
#loungeArea .detailArea .detailList .listArea {
	margin: 0;
	text-align: left;
}



/* ===============================================
 photobookArea（メモリアルクーポン＆トラベルグッズ 部分）　
=============================================== */

#photobookArea {
}

/* addArea（追加）------------------*/
#photobookArea .addArea {
	margin: 3% 0;
}
#photobookArea .addArea span {
	font-weight: bold;
	display: block;
}

#photobookArea h3 {
}
#photobookArea p {
    padding: 10px 3.1% 0;
}

/* ===============================================
 souvenirArea（割引またはワインプレゼント 部分）　
=============================================== */

#souvenirArea {
}

/* titleArea.subheading（小見出し/テキストのみ）------------------*/
#souvenirArea .titleArea.subheading {
	margin: 0;
	padding: 0;
	border-left: none;
	border-bottom: none;
	text-align: center;
}
#souvenirArea .titleArea.subheading .titleText {
	font-size: 1.5rem;
	color: #FF7060;
}

/* descArea（説明）------------------*/
#souvenirArea .descArea {
	margin: 3% 0;
}
/* descArea（詳細）------------------*/
#souvenirArea .descArea .detailArea {
	margin-top: 3%;
}

/* planArea（ハネムーナー安心プラン）------------------*/
#souvenirArea .planArea {
	margin-top: 5%;
}
#souvenirArea .planArea:before {
	content: "";
	width: 95%;
	height: 1px;
	margin: 8% auto 0;
	padding-top: 4%;
	border-top: 1px dotted #000;
	display: block;
}
#souvenirArea .planArea .bgColor {
	padding: 2% 1%;
	text-align: center;
}
#souvenirArea .planArea .bgColor .text.pattern {
	color: inherit;
	text-align: center;
}
/* planArea.planList（リスト）------------------*/
#souvenirArea .planArea .planList {
}
#souvenirArea .planArea .planList > li {
}
#souvenirArea .planArea .planList > li+li {
	margin-top: 3%;
}
#souvenirArea .planArea .planList > li+li:before {
	content: "";
	width: 95%;
	height: 1px;
	margin: 4% auto 0;
	padding-top: 4%;
	border-top: 1px dotted #000;
	display: block;
	float: none;
}
#souvenirArea .planArea .planList .listArea {
	margin: 3% 0;
}

