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

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



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

#headerArea {
}



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

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



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

.titleArea {
}
.titleArea .titleText {
}

/* titleArea.subheading（小見出し/テキストのみ）------------------*/
.titleArea.subheading {
	width: auto;
	margin: 1% 0 .3em;
	padding: 0 0 .3em;
	border-left: none;
	border-bottom: 1px dotted #000;
}
.titleArea.subheading .titleText {
	font-size: 1.5rem;
	color: inherit;
}



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

.linkArea {
}
.linkText a {
}



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

#hotelArea {
}

/* hotelList（リストデザイン/大枠）------------------*/
#hotelArea .hotelList {
	margin-bottom: 10%;
}
#hotelArea .hotelList > li {
}
#hotelArea .hotelList > li+li {
}
#hotelArea .hotelList > li > .titleArea {
	background-image: url("http://smp.his-j.com/cmn/img/kanto/icon/instruction/arrow_down_black001.png");
	background-position: 98% 50%;
	background-repeat: no-repeat;
	background-size: 9px auto;
}
#hotelArea .hotelList > li > .titleArea.open {
	background-image: url("http://smp.his-j.com/cmn/img/kanto/icon/instruction/arrow_up_black001.png");
}

/* hotelList（リストデザイン/コンテンツ枠内）------------------*/
#hotelArea .cntsList {
}
#hotelArea .cntsList > li {
}
#hotelArea .cntsList > li+li {
	margin-top: 10%;
}

/* col2（カラム設定）------------------*/
#hotelArea .col2 {
}
#hotelArea .col2 .cntsWrap {
	clear: both;
	overflow: hidden;
}
#hotelArea .col2 .cntsWrap .phArea {
	width: 35%;
	margin-right: 2%;
	float: left;
}
#hotelArea .col2 .cntsWrap .textArea {
	width: 63%;
	float: right;
}

/* cntsArea（詳細）------------------*/
#hotelArea .cntsArea {
	margin-bottom: 10%;
	display: none;
}
#hotelArea .cntsArea .phArea {
	margin-bottom: 5%;
}
#hotelArea .cntsArea .mapArea {
	margin: 3% 0 5%;
}
#hotelArea .cntsArea .textArea {
}
#hotelArea .cntsArea .textArea .descArea {
}
#hotelArea .cntsArea .textArea .descArea .descText {
}
#hotelArea .cntsArea .textArea .descArea .descText strong {
	margin-bottom: 3%;
	display: block;
}
#hotelArea .cntsArea .linkList {
	margin-top: 4%;
	border-top: 1px dotted #000;
}


/* ===============================================
 premiumArea（プレミアムステイ）　
=============================================== */

#premiumArea {
	margin-bottom: 0 !important;
	padding: 3% 0 8%;
	background-image: url("/cmn/img/kanto/hawaii/common/bg_001.jpg");
	background-repeat: repeat;
	background-position: 50%;
	background-size: 100% auto;
}
#premiumArea .introArea {
	margin: 5% 0;
}
#premiumArea .pickupArea {
	margin-top: 8%;
}

/* linkArea.btn（ボタン型リンク）------------------*/
#premiumArea .linkArea.btn {
	background-image: url("/cmn/img/kanto/hawaii/common/link_btn_bg_002.png");
}



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

#footerArea {
	padding-top: 0;
}