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

/* ===============================================
 all（基本事項/全共通）　
=============================================== */

#resort {
}
#resort img {
	width: 100%;
	zoom: 1;
}
#resort .contentsBox {
	margin: 0 3.7%;
	padding: 0;
}



/* ===============================================
 headerArea　
=============================================== */

#headerArea {
	margin-bottom: 4.6%;
}
#headerArea .titleArea.main {
	width: auto;
	margin: 0;
	padding: 13px 20px 0 50px;
	text-align: center;
}
#headerArea .titleArea.main img {
	width: 65%;
	max-width: 222px;
	max-height: 54px;
}
#headerArea .titleArea.sub {
	margin: 0 0 -3px;
}

/* menuTitleArea（メニュー部分）------------------*/
#headerArea .menuTitleArea {
	height: 70px;
	background-image: url("/cmn/img/kanto/resort/common/bg_stamp_004.png") , url("/cmn/img/kanto/resort/common/bg_003.gif");
	background-repeat: no-repeat, no-repeat;
	background-position: 103% 50%, 0 50%;
	background-size: 90px, 100% auto;
	position: relative;
}
#headerArea .menuTitleArea .menuBox {
	width: 50px;
	position: absolute;
	top: 10px;
	left: 10px;
}


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

#mainArea {
	margin: 0 0 10%;
}
#mainArea section {
	margin: 0 0 12%;
}
#mainArea a {
	display: block;
}



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

.titleArea {
	width: 100%;
	margin: 3% 0;
}
.titleArea .titleText {
	font-size: 1.7rem;
	font-weight: bold;
	color: #FFF;
}

/* titleArea.image（画像タイトル）------------------*/
.titleArea.image {
	width: auto;
	margin: 0;
}

/* titleArea.headlines（大見出し/アイコン+テキスト）------------------*/
.titleArea.headlines {
	padding: 1% 0;
	background-color: #004098;
	background-image: url("http://smp.his-j.com/cmn/img/kanto/fair/common/icon/fair_ico_028.png");
	background-repeat: no-repeat;
	background-position: 5px 50%;
	background-size: 30px;
}
.titleArea.headlines .titleText {
	padding: 12px 0 9px 40px;
	line-height: 1.2em;
	display: block;
}
.titleArea.headlines .titleText span {
	padding: 0 0 0 5px;
	font-size: 1.1rem;
}

/* titleArea.headlines.●（大見出し/アイコン設定）------------------*/
.titleArea.headlines.searchIcon {
	background-image: url("http://smp.his-j.com/cmn/img/kanto/fair/common/icon/fair_ico_026.gif");
}
.titleArea.headlines.featureIcon {
	background-image: url("http://smp.his-j.com/cmn/img/kanto/fair/common/icon/fair_ico_001.gif");
}
.titleArea.headlines.otherIcon {
	background-image: url("http://smp.his-j.com/cmn/img/kanto/resort/common/icon_img_001.png");
}

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

/* titleArea.subheading（小見出し/テキストのみ）------------------*/
.titleArea.subheading {
	width: auto;
	margin: 0 0 5px;
	border-left: none;
}
.titleArea.subheading .titleText {
	font-size: 1.4rem;
	color: #333;
}
.titleArea.subheading .titleText span {
	font-size: 1.4rem;
	color: #333;
	display: block;
}



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

.linkArea {
	width: 100%;
	margin: 3% 0 0;
	font-weight: bold;
	line-height: 1.5em;
}
.linkText a {
	font-size: 1.5rem;
	color: #FFF;
}

/* btn（画像背景/テキスト1行）------------------*/
.linkArea.image {
	width: auto;
	margin: 6% 10%;
	padding: 0.5% 0;
	text-align: center;
	background-image: url("/cmn/img/kanto/resort/common/bg_btn_001.png");
	background-position: 0;
	background-size: 270px 39px;
}
.linkArea.image a {
	padding: 12px 5px 12px 0;
	background-image: url("/cmn/img/kanto/resort/common/arrow_btn_001.png");
	background-repeat: no-repeat;
	background-position: 97% 50%;
	background-size: 8px 14px;
}

/* btn（ボタン型/テキスト1行）------------------*/
.linkArea.btn {
	width: auto;
	margin: 6% 10%;
	padding: 0.5% 0;
	text-align: center;
	background-color: #FF9F00;
	background-image: url("http://smp.his-j.com/cmn/portal/kanto/img/icon_arrow.png");
	background-repeat: no-repeat;
	background-position: 100% 50%;
	background-size: 20px 12px;
	border-radius: 10px;
	box-shadow: 0 2px 2px rgba(0,0,0,0.4);
}
.linkArea.btn a {
	padding: 12px 0 12px;
}

/* list（リスト型）------------------*/
.linkListArea {
}
.linkArea.list {
	margin: -1px 0 0;
	padding: 0.5% 0;
	background-image: url("http://smp.his-j.com/cmn/portal/kanto/img/icon_arrow_gray.png");
	background-repeat: no-repeat;
	background-position: 100% 50%;
	background-size: 20px 12px;
	border-top: 0;
	border-bottom: 1px solid #CCC;
}
.linkArea.list a {
	padding: 12px 0 12px 10px;
	font-size: 1.3rem;
	color: inherit;
}

/* list（リスト型/TOPに戻る）------------------*/
#footerArea .linkArea.list {
	margin: 0;
	padding: 0.5% 0;
	background-color: #004098;
	background-image: url("http://smp.his-j.com/cmn/portal/kanto/img/icon_arrow.png");
}
#footerArea .linkArea.list a {
	padding: 12px 0 12px 10px;
	color: #FFF;
}

/* multiline（テキスト2行）------------------*/
.linkArea.multiline {
	padding: 0;
	line-height: 1.1em;
}
.linkArea.multiline a {
	font-size: 1.4rem;
}
.linkArea.btn.multiline a {
	padding: 10px 0 9px;
	font-size: 1.3rem;
}

/* anchor（アンカー用）------------------*/
.linkArea.anchor {
	background-image: url("http://smp.his-j.com/cmn/img/arrow_down02.png");
	background-position: 95% 50%;
	background-size: 13px 9px;
}

/* flat（フラット用）------------------*/
.linkArea.flat {
	border: 1px solid #555;
	background-color: rgba(204,191,144,0.4);
	background-image: url("/cmn/img/kanto/resort/common/arrow_btn_002.png");
	background-position: 95% 50%;
	background-size: 8px 14px;
	border-radius: 0;
	box-shadow: none;
}
.linkArea.flat .linkText a {
	color: #555;
}

/*newWindow（別窓表示）------------------*/
.linkArea.newWindow {
	background-image: url("http://smp.his-j.com/cmn/portal/kanto/img/icon_box_gray.png");
	background-position: 97% 50%;
	background-size: 15px 13px;
}
.linkArea.btn.newWindow {
	background-image: url("http://smp.his-j.com/cmn/portal/kanto/img/icon_box.png");
	background-position: 95% 50%;
}



/* ===============================================
 informationArea（基本情報部分）　
=============================================== */

#informationArea {
}

/* titleArea.image（画像タイトル）------------------*/
#informationArea .titleArea.image {
	margin: 4.6% 10% 5%;
	padding-top: 35px;
	background: url("/cmn/img/kanto/resort/common/bg_stamp_001.png") no-repeat 50% 0;
	background-size: 80px 21px;
}

/* phArea（国情報部分）------------------*/
#informationArea .phArea {
	margin: 4.6% 0 10%;
}
#informationArea .phText {
	margin-bottom: 1%;
	font-size: 1.1rem;
	color: #999;
}
#informationArea .phArea .phList li {
	position: relative;
}
#informationArea .phArea .phList li:before {
	content: "";
	width: 17px;
	height: 17px;
	background-image: url("/cmn/img/kanto/resort/common/icon_num_001.png");
	background-repeat: no-repeat;
	background-position: 0;
	background-size: 17px;
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
}

/* column1（情報+写真部分）------------------*/
#informationArea .column1 {
	background-image: url("/cmn/img/kanto/resort/common/bg_003.gif");
	background-repeat: repeat;
	background-position: 50% 0;
	background-size: 449px 148px;
}
#informationArea .column1 dl {
	padding: 4.6% 3.1% 8.5%;
	line-height: 1.6em;
	clear: both;
	overflow: hidden;
}
#informationArea .column1 dl dt {
	float: left;
}
#informationArea .column1 dl dd {
}

/* column2（写真のみ部分）------------------*/
#informationArea .column2 {
}
#informationArea .column2 .phList {
	letter-spacing: -.40em;
}
#informationArea .column2 .phList li {
	width: 50%;
	letter-spacing: normal;
	display: inline-block;
}
#informationArea .column2 .phList li:nth-child(1):before {
	background-image: url("/cmn/img/kanto/resort/common/icon_num_002.png");
}
#informationArea .column2 .phList li:nth-child(2):before {
	background-image: url("/cmn/img/kanto/resort/common/icon_num_003.png");
}

/* captionArea（写真の説明部分）------------------*/
#informationArea .captionArea {
	font-size: 1.1rem;
}
#informationArea .captionArea .captionList {
}
#informationArea .captionArea .captionList li {
}



/* ===============================================
 columnArea（コラム部分）　
=============================================== */

#columnArea {
}

#columnArea .titleArea.image.main {
	margin: 0 26% 2.1%;
}
#columnArea .titleArea.image {
	margin: 0 10% 4.3%;
}
#columnArea .descArea {
	margin: 4% 0 0;
	padding-left: 80px;
}

/* food（名物料理部分）------------------*/
#columnArea .food {
}
#columnArea .food .descArea {
	min-height: 93px;
	background: url("/cmn/img/kanto/resort/common/bg_stamp_002.png") no-repeat 0;
	background-size: 61px 92px;
}

/* ss（名物料理部分）------------------*/
#columnArea .ss {
}
#columnArea .ss .descArea {
	min-height: 75px;
	background: url("/cmn/img/kanto/resort/common/bg_stamp_005.png") no-repeat 0;
	background-size: 74px auto;
}
	


/* ===============================================
 stayArea（リゾートステイをもっと楽しむために部分）　
=============================================== */

#stayArea {
}
#stayArea .contentsBox {
	padding: 3.1% 0 0;
	background:url("/cmn/img/kanto/resort/common/bg_stamp_003.png") no-repeat 105% 7%, url("/cmn/img/kanto/resort/common/bg_001.gif") 50% 0;
	background-size: 27%, 40px 40px;
}
#stayArea .contentsBox:before,
#stayArea .contentsBox:after {
	content: '';
	background: url("/cmn/img/kanto/resort/common/line_001.png") repeat-x;
	width: 100%;
	height: 4px;
	display: block;
}

/* titleArea.image（画像タイトル）------------------*/
#stayArea .titleArea.image {
	margin: 4% 18% 7.8% 3.1%;
}

/* textArea（テキスト部分）------------------*/
#stayArea .textArea {
	margin: 0 3.1%;
}

/* phArea（画像部分）------------------*/
#stayArea .phArea {
	margin: 5.1% 10% 4%;;
}



/* ===============================================
 hotelArea（ホテル紹介部分）　
=============================================== */

#hotelArea {
	padding-bottom: 1px;
	background: url("/cmn/img/kanto/resort/common/bg_002.jpg") 0;
	background-size: 100% auto;
}
#hotelArea:before {
	content:"";
	width: 100%;
	height: 2px;;
	background: url("/cmn/img/kanto/resort/common/line_002.jpg") 50% 0;
	background-size: 320px 2px;
	display: block;
}

/* titleArea.image.hotel（画像タイトル部分）------------------*/
#hotelArea .titleArea.image {
	padding: 6.7% 6.5% 6.2%;
}

/* titleArea.image.hotel（ホテル名タイトル部分）------------------*/
#hotelArea .titleArea.image.hotel {
	padding: 3.7% 0 2%;
	text-align: center;
	background: rgba(204,191,144,0.4);
}
#hotelArea .titleArea.image.hotel img {
	width: auto;
	max-width: 95%;
	max-height: 15px;
	vertical-align: top;
}

/* .itemArea（商品紹介部分）------------------*/
#hotelArea .itemArea {
	margin: 40px -3.1% 0;
	padding-top: 15px;
	border-top: 1px solid #CECECE;
	position: relative;
}
#hotelArea .itemArea:before {
	content: "";
	width: 250px;
	height: 34px;
	background: url("/cmn/img/kanto/resort/common/title_tour_001.png") no-repeat;
	background-size: 250px 34px;
	display: block;
	position: absolute;
	top: -18px;
	left: 8%;
}
#hotelArea .itemArea .tour-api .on-label,
#hotelArea .itemArea .on-airport, 
#hotelArea .itemArea .tour-label,
#hotelArea .itemArea .on-label-text,
#container .itemArea .tour-img,
#hotelArea .itemArea .tour-label {
	display: none;
}
#container .itemArea .tour-desc {
	width: 100%;
	margin: 0;
	float: none;
}



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

#footerArea {
	margin: 8.7% 0 0;
}



/* ===============================================
 productArea（旅行・旅のパーツを探す全体）　
=============================================== */

#productArea {
}
#productArea .linkList {
	margin-top: -3%;
}



/* ===============================================
 areaNavArea（世界のリゾート部分）
=============================================== */

#areaNavArea {
}
#areaNavArea a {
	display: block;
}
#areaNavArea .areaList {
	margin-top: -3%;
	font-size: 1.5rem;
	font-weight: bold;
	background-color: #E2EDFF;
}
#areaNavArea .areaList dt {
	padding: 12px 20px 12px .5em;
	display: block;
	position: relative;
}
#areaNavArea .areaList dd+dt {
	border-top: 1px solid #C7D4E1;
}
#areaNavArea dl.accordion dt:after {
	content: "";
	width: 20px;
	height: 20px;
	display: inline-block;
	background-image: url("/cmn/img/kanto/resort/common/icon_open.png");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	position: absolute;
	right: 10px;
	top: 12px;
}
#areaNavArea dl.accordion dt.open:after {
	background-image: url("/cmn/img/kanto/resort/common/icon_close.png");
}
#areaNavArea .areaList dd {
	background-color: #FFF;
	border-top: 1px solid #C7D4E1;
	display: none;
}
#areaNavArea .areaList a {
	color: #2361AD;
	padding: 12px 20px 12px 0;
}

/* cityList（都市リンク部分）------------------*/
#areaNavArea .cityList {
}
#areaNavArea .cityList li {
	padding-left: 1em;
	background-image: url("http://smp.his-j.com/cmn/portal/kanto/img/icon_arrow_gray.png");
	background-repeat: no-repeat;
	background-position: 100% 50%;
	background-size: 20px 12px;
}
#areaNavArea .cityList li+li {
	border-top: 1px solid #C7D4E1;
}

/* ===============================================
180531 SSSプロモーションエリア 追加
=============================================== */
@media screen and (min-width:400px){html{font-size:62.5%;}
}
.promotionArea {
  background: #deecff;
  margin: 45px 0.6%;
  padding-bottom: 15px;
  overflow: hidden;
}
.promotionArea h2 {
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  margin: 15px 0;
}
.promotionArea .itemArea {
  margin: 0 auto;
  border-top: 1px solid #CECECE;
  position: relative;
}
.promotionArea .on-airport,
.promotionArea .on-label-text { display:none !important; }

.promotionArea .on-label.b-box {
  display: block;
  float: none !important;
}