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

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

/* bgColor（背景色）------------------*/
#hawaii .bgColor {
	margin: 0 !important;
	padding: 3% 2.5%;
}
#hawaii .bgColor.pink {
	background-color: #F09CA0;
}
#hawaii .bgColor.yellow {
	background-color: #FFEF45;
}
#hawaii .bgColor.blue {
	color: inherit;
	background-color: #69D0FF;
}
#hawaii .bgColor .bgColorWrap {
	padding: 3%;
	background-color: #FFF;
}



/* ===============================================
 headerArea（ヘッダー）　
=============================================== */

#headerArea {
}



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

#mainArea {
	margin-top: -4%;
}

/* descBox（詳細）------------------*/
.descBox {
	margin-top: 6%;
	margin-bottom: 7%;
	padding-top: 10%;
	background-image: url("/cmn/img/kanto/hawaii/onlyhis/icon_arrow_001.png");
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-size: 13% auto;
}
.descBox .pointText {
	margin-bottom: 3%;
}

/* attnArea（注釈）------------------*/
.attnArea {
	margin: 1% 0 2.3%;
	font-size: 1.1rem;
	color: #666;
}
.attnArea li {
	clear: both;
	overflow: hidden;
}
.attnArea li:before {
	content:"※";
	float: left;
}
.attnArea span {
	margin: 0 0 0 1em;
	display: block;
}
.attnArea .specialText {
	display: none;
}



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

.titleArea {
}
.titleArea .titleText {
}
.moreListWrap .titleArea {
	margin-top: 0;
	text-align: center;
	background-color: #000;
}
.moreListWrap .titleArea.heading .titleText {
	font-size: 1.4rem;
}


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

.linkArea {
}
.linkText a {
}

/* btn（ボタン型/テキスト1行）------------------*/
.moreListWrap .linkArea {
	margin-top: 0;
	width: auto;
	margin: 6%;
	padding: 0.5% 0;
	text-align: center;
	background: #25B4B0;
	box-shadow: 0 2px 2px rgba(0,0,0,0.4);
	border-radius: 5px;
}
.moreListWrap .linkArea.btn .linkText {
	background-image: url("http://smp.his-j.com/cmn/img/kanto/icon/instruction/arrow_right_white001.png");
	background-repeat: no-repeat;
	background-position: 100% 50%;
	background-size: 13px auto;
	display: block;
}
.moreListWrap .linkArea.btn a {
	padding: 8px 8px 8px 0;
	font-size: 1.0rem;
	color: #FFF;
}
.moreListWrap .linkArea.newWindow .linkText {
	background-image: url("http://smp.his-j.com/cmn/img/kanto/icon/instruction/box_black001.png");
	background-position: 97% 50%;
	background-size: 11px auto;
}
.moreListWrap .linkArea.newWindow .linkText a {
	color: #000;!important
}


/* ===============================================
 moreWrap（アコーディオン）
=============================================== */

.moreWrap {
	position: relative;
}
.moreWrap .moreBtnWrap {
	width: 95%;
	height: 50%;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0)), color-stop(0.8, white));
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0, white 80%);
	z-index: 2;
	position: absolute;
	bottom: 2.5%;
	left: 2.5%;
}
.moreWrap .moreArea {
	display: none;
}
.moreWrap .moreList {
	clear: both;
	overflow: hidden;
}
.moreWrap .moreList li {
	width: 49%;
	margin-bottom: 2%;
	float: left;
}
.moreWrap .moreList li:nth-child(even) {
	margin-left: 2%;
}
.moreWrap .moreList li:nth-child(even):after {
	content: "";
	display: block;
	overflow: hidden;
	clear: both;
}
.moreWrap .moreList .moreListWrap {
	border: 1px solid #000;
}
.moreWrap .moreList .moreListWrap .imgArea {
	margin: 10% 3% 3%;
}
.moreWrap .moreList .moreListWrap .outlineText {
	min-height: 70px;
	margin: 2% 3%;
	font-size: 1.1rem;
}

/* moreBtn（ボタンデザイン）------------------*/
.moreWrap .moreBtnWrap.open {
	display: none;
}
.moreWrap .moreBtn {
	width: 70%;
	padding: 12px 0;
	background-color: #000;
	background-image: url("http://smp.his-j.com/cmn/img/kanto/icon/instruction/arrow_down_white001.png");
	background-position: 95% 50%;
	background-size: 13px 9px;
	display: block;
	cursor: pointer;
	position: absolute;
	bottom: 0;
	left: 5%;
}
.moreWrap .moreBtn .linkText,
.moreWrap .closeBtn .linkText {
	color: #FFF;
	background: none;
}
.moreWrap .closeBtn {
	background: #000;
}
.moreWrap .closeBtn a {
	padding-right: 0;
}

/* outlineArea（テキスト展開デザイン）------------------*/
.moreWrap .moreList .outlineArea {
	display: none;
}
.moreWrap .moreArea .moreList .outlineArea {
	display: block;
}


/* ===============================================
 introArea（導入デザイン）　
=============================================== */

#introArea {
	padding: 0 3%;
}



/* ===============================================
 transpArea（移動手段デザイン）　
=============================================== */

#transpArea {
}



/* ===============================================
 troubleArea（現地トラブルデザイン）　
=============================================== */

#troubleArea {
}



/* ===============================================
 seatArea（座席デザイン）　
=============================================== */

#seatArea {
}



/* ===============================================
 roomArea（部屋デザイン）　
=============================================== */

#roomArea {
}



/* ===============================================
 tourArea（ツアーデザイン）　
=============================================== */

#tourArea {
	margin-bottom: 0 !important;
	padding-top: 5%;
	padding-bottom: 5%;
	border-bottom: 1px dotted #000;
}

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

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



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

#footerArea {
	padding-top: 5%;
}