@charset "utf-8";
/*////////////// #hawaii CSS Document //////////////*/
/* ===============================================
 all（基本事項/全共通）　
=============================================== */
#hawaii #top {
	width: 100%;
	margin: 0;
	padding: 0;
	}
	
#hawaii #top #header {
    width: 100%;
    background-color: #F4F1E0;
    clear: both;
    display: inline-table;
    margin: 0;
    padding: 0;
}	

#hawaii #top #navi{
	width: 100%;
	background-color: #F4F1E0;
	padding: 0;
	}

#hawaii #top #navi ul {
	width: 100%;
	margin: 0;
	padding: 0;
	clear: both;
	background-color: #F4F1E0;	
	}
	
#hawaii #top #navi li {
	float: left;
	margin: 0 0.6%;
	width: 32%;
	}

#hawaii #top #navi li img {
	width: 100%;
	height: auto;
	}

#hawaii #top .hotel {
	width: 96%;
	margin: 10px auto 30px;
}

#hawaii #top .hotel h3 {
	font-size: 120%;
	font-weight:bold;
	margin: 10px 10% 5px; 
}

#hawaii #top .hotel p {
	margin: 0 10%;
}

#hawaii #top .hotel .hotel_img {
	margin: auto;
	text-align: center;
}

#hawaii #top .hotel img {
		width: 80%;
}

#hawaii #top .optional {
	width: 90%;
	margin: 0 auto 20px;
	overflow: auto;
}

#hawaii #top .optional .photo {
	float: left;
	margin-right: 10px;
	width: 40%;
}

#hawaii #top .optional .txt {
	float: left;
	width: 56%;
}

#hawaii #top .optional h4 {
	display: inline-block;
	padding: 2px 8px;
	margin-bottom: 5px;
	font-size: 70%;
	color: #FFF;
	background: #F6B296;
	text-align: center;
}

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

footer .reserveArea {
	margin: 0;
}
.titleArea {
	width: 100%;
	margin: 3% 0;
}
.titleArea .titleText {
	font-size: 17px;
	font-weight: bold;
	color: #FFF;
}

/* titleArea.headline（大見出し/アイコン+テキスト）------------------*/
.titleArea.headline {
	padding: 1% 0;
}
.titleArea.headline img {
	width: 100%;
}

/* titleArea.heading（中見出し/テキストのみ）------------------*/
.titleArea.heading {
	width: auto;
	padding: 4% 0 4% 2%;
	background: #034896;
}
.titleArea.heading .titleText {
	padding: 10px 0 7px;
	line-height: 1.2em;
}

/* titleArea.subheading（小見出し/テキストのみ）------------------*/
.titleArea.subheading {
	width: auto;
	margin: 5px 10px;
	padding: 2% 0 2% 2%;
	border-left: solid 10px #0080CB;
}
.titleArea.subheading .titleText {
	font-size: 15px;
	color: #333;
}

/* #footerArea.titleArea（フッター部分）------------------*/
#footerArea .titleArea {
	width: 100%;
	margin: 3% 0 5%;
	padding: 1% 0;
	border-bottom: none;
}



/* ===============================================
 linkArea（リンク部分/全共通）　
=============================================== */

.linkArea {
	width: 100%;
	margin: 3% 0 0;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.5em;
}
.linkArea a {
	color: #630;
	display: block;
}

/* btn（ボタン型/テキスト1行）------------------*/
#hawaii .linkArea.btn,
.linkArea.btn {
	/* width: 80%; */
	/* margin: 6% auto; */
	/* padding: 0.5% 0; */
	/* text-align: center; */
	/* border-radius: 10px; */
	/* box-shadow: 0 2px 2px rgba(0,0,0,0.4); */
}

.linkArea.btn a {
	padding: 12px 0;
}

/* btn.multiline（ボタン型/テキスト2行）------------------*/
.linkArea.btn.multiline {
	padding: 0;
	font-size: 14px;
	line-height: 1.1em;
}
.linkArea.btn.multiline a {
	padding: 10px 0 9px;
	color: #FFF;
}

/* btn.newWindow（ボタン型/別窓表示）------------------*/
.linkArea.btn.newWindow {
	/* background: #DABE9B url("/cmn/portal/kanto/img/icon_box_brown.png") no-repeat 95% 50%; */
	/* background-size: 15px 13px; */
	/* width: 80%; */
}

/* listText（リスト型/TOPに戻る用）------------------*/
.linkArea.list {
	padding: 0.5% 0px;
	background: #02429A url("/cmn/portal/kanto/img/icon_arrow.png") no-repeat 100% 50%;
	background-size: 20px 12px;
}
.linkArea.list a {
	padding: 12px 0 12px 10px;
	color: #FFF;
}

/* ===============================================
 searchArea（検索部分）
=============================================== */

#searchArea {
	margin: 30px 0 20px;
}

/* tour_search_module（検索BOX部分）------------------*/
#searchArea #tour_search_module .orange-btn04 {
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(243, 116, 114, 0.85)), color-stop(100%, rgb(255, 177, 177)));
}

#searchArea #tour_search_module #ticket-search {
	position: inherit;
	overflow: inherit;
}

#searchArea #tour_search_module #tbm01-com {
	position: inherit;
	overflow: inherit;
}

#searchArea #tour_search_module .tour-text {
	margin: 0;
}

#searchArea #tour_search_module ul.start-p {
	margin: 0 10px 10px;
	clear: both;
	overflow: hidden;
}

#searchArea #tour_search_module .select-txt02 {
	height: auto;
	padding: 5px 0 0;
}

/* otherLinkArea（その他リンク部分）------------------*/
#searchArea .otherLinkArea {
	width: 94.8%;
	margin: 15px auto 35px;
	padding: 15px 0 0;
	border-top: 1px dotted #8E683D;
}

#searchArea .otherLinkArea .otherLinkText {
	font-size: 12px;
	color: #8E683D;
}


/* ===============================================
 featureArea（おすすめの特集）
=============================================== */

#featureArea {
	margin: 0 0 35px;
}

#featureArea a {
	font-size: 12px;
	color: #8E683D;
}

/* featureList（リスト部分）------------------*/
#featureArea .featureList li {
	padding: 0 20px 0 0;
	background: url("/cmn/img/kanto/hawaii/arrow_right_brown.png") no-repeat 98% 50%;
	background-size: 10px 14px;
	border-bottom: 1px solid #8E683D;
}

#featureArea .featureList dl {
	width: 100%;
	margin: 6px 0 2px;
	display: table;
}

#featureArea .featureList dl dt {
	width: 80px;
	padding: 0 5px;
	display: table-cell;
	vertical-align: top;
}

#featureArea .featureList dl dd {
	display: table-cell;
	vertical-align: top;
}

#featureArea .featureList dl dd h4 {
	margin: 0 0 4px;
	color: #630;
	font-size: 13px;
	font-weight: bold;
}

/* ===============================================
商品カセット用CSS
=============================================== */
#tourList {
	margin: 0;
}

#tourList .pointArea {
	min-width: 150px;
	margin: 15px 0 0;
	padding: 2px 5px;
	background-color: #F6B296;
	display: inline-block;
}

#tourList .pointArea .pointText {
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
}

#container #tourList .tour-preview {
	padding: 5px;
}