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

/* ===============================================
 all（基本事項）　
=============================================== */

#hawaii .hawaiiWrap:before {
	content: "";
	width: 100%;
	height: 100%;
	background: url("/cmn/img/kanto/hawaii/common/bg_002.jpg") repeat 50% 0;
	background-size: 100% auto;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
}
#hawaii .bgColor {
	margin: 0 !important;
}
#hawaii .bgColor.white:before {
	content: "";
	width: 100%;
	height: 200px;
	background: url("/cmn/img/kanto/hawaii/index/bg_cnts_line_001.png") repeat-x 0 0;
	background-size: auto 100%;
	display: block;
	margin-top: -1px;
}
#hawaii .bgColor.white .bgColorWrap {
	padding-top: 2%;
	padding-bottom: 10%;
	background: rgba(255,255,255,0.97);
}



/* ===============================================
 headerArea（ヘッダー部分全体）　
=============================================== */

#headerArea {
}
#headerArea .headerWrap {
	padding-bottom: 4%;
	background-color: #FFF;
}

/* leadArea（リードデザイン）------------------*/
#headerArea .leadArea {
	margin-top: 0;
	padding-top: 4%;
}

/* sliderArea（スライドデザイン）------------------*/
#headerArea #sliderArea {
	margin: 0 3.1%;
}


/* ===============================================
 naviArea（ナビ部分）　
=============================================== */

#naviArea {
	padding-top: 0;
}



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

#mainArea {
	padding: .1% 0 0;
	background-color: inherit;
}



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

.titleArea {
}
.titleArea .titleText {
}



/* ===============================================
 linkArea（リンク部分）　
=============================================== */

.linkArea {
}
.linkText a {
}

/* list（リスト型）------------------*/
.linkListArea {
}
.linkArea.list .linkText {
	font-weight: normal;
}
.linkArea.list a {
	font-size: 1.1rem;
}
.linkArea.list a strong {
	font-size: 1.3rem;
	font-weight: bold;
	display: block;
}
.linkArea.list.multiline a strong {
	margin-bottom: .2em;
}



/* ===============================================
 rcmdArea（おすすめツアー）　
=============================================== */

#rcmdArea {
}

/* rcmdList（リストデザイン）------------------*/
#rcmdArea .rcmdList {
}
#rcmdArea .rcmdList > li {
}
#rcmdArea .rcmdList > li+li {
	margin-top: 5%;
}

/* titleArea.subheading.circle（小見出し/テキスト+●アイコン）------------------*/
#rcmdArea .titleArea.subheading.circle {
}
#rcmdArea .titleArea.subheading.circle .titleText {
}
/* titleArea.subheading.circle（偶数番号の時の出し分け）------------------*/
#rcmdArea .rcmdList > li:nth-child(even) .titleArea.subheading.circle .titleText {
	background-image: url("/cmn/img/kanto/hawaii/common/icon_circle_green_001.png");
}



/* ===============================================
 hotelArea（H.I.S.ホテルセレクト）　
=============================================== */

#hotelArea {
}
#hotelArea .hotelList {
}
#hotelArea .hotelList > li {
}
#hotelArea .hotelList > li+li {
	margin-top: 5%;
}



/* ===============================================
 infoArea（お役立ち情報）　
=============================================== */

#infoArea {
	padding-top: 10%;
	padding-bottom: 1%;
	background-image: url("/cmn/img/kanto/hawaii/common/bg_img_top_001.png"), url("/cmn/img/kanto/hawaii/common/bg_001.jpg");
	background-repeat: no-repeat, repeat;
	background-position: 50% 0, 50%;
	background-size: 100% auto, 100% auto;
}
#infoArea > div {
	margin-bottom: 10%;
}

/* moreList（リストデザイン）------------------*/
#infoArea .moreList {
	margin-top: 8%;
}
#infoArea .moreList > li {
}
#infoArea .moreList > li+li {
	margin-top: 8%;
}

/* linkList（リンクリストデザイン）------------------*/
#infoArea .linkList {
	border-top: 1px dotted #000;
}

/* moreArea（非表示部分）------------------*/
#moreArea {
	display: none;
}
#moreBtn {
	display: block;
}
#moreBtn.open {
	display: none;
}

/* btn（ボタン型/テキスト1行）------------------*/
#infoArea .linkArea.btn {
	cursor: pointer;
}
#infoArea .linkArea.btn .linkText {
	font-size: 1.5rem;
	background-image: url("http://smp.his-j.com/cmn/img/kanto/icon/instruction/arrow_down_black001.png");
	background-repeat: no-repeat;
	background-position: 97% 50%;
	background-size: 14px auto;
}
#infoArea .linkArea.btn.close .linkText {
	background-image: url("http://smp.his-j.com/cmn/img/kanto/icon/instruction/arrow_up_black001.png");
}
#infoArea .linkArea.btn .linkText > p,
#infoArea .linkArea.btn .linkText a {
	padding: 12px 0;
}



/* ===============================================
 footerArea（フッター部分全体）　
=============================================== */

#footerArea {
	margin-top: -10%;
	padding-top: 8%;
}