@charset "utf-8";
/*////////////// Taiwan/LoungeCSS Document //////////////*/

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

.bgColor {
	margin-bottom: -10%;
	padding: 3% 3.1% 5%;
	background-image: url("/cmn/img/kanto/taiwan/lounge/bg_img_001.jpg");
	background-repeat: repeat;
	background-position: 0 50%;
	background-size: 50% auto;
}



/* ===============================================
 listArea（リストデザイン）　
=============================================== */

.listArea {
}
.listArea > li {
}
.listArea > li+li {
	margin-top: 8%;
}

/* atten（注意事項）------------------*/
.listArea.attn {
}
.listArea.attn > li+li {
	margin-top: 0;
}

/* circle（項目）------------------*/
.listArea.circle {
}
.listArea.circle > li+li {
	margin-top: 0;
}



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

.accordion {
	border-top: 1px solid #CECECE;
}
.accordion dt {
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 3.4em;
	text-align: center;
	border-bottom: 1px solid #CECECE;
	background-color: #EEE;
	background-image: url("/cmn/img/kanto/icon/instruction/arrow_down_gray001.png");
	background-repeat: no-repeat;
	background-position: 97% 50%;
	background-size: 13px 9px;
	cursor: pointer;
}
.accordion dt.open {
	background-image: url("/cmn/img/kanto/icon/instruction/arrow_up_gray001.png");
}
.accordion dd {
	border-bottom: 1px solid #CECECE;
	display: none;
}



/* ===============================================
 busArea（オープントップバス）　
=============================================== */

#busArea {
}

/* introArea（バス紹介）------------------*/
#busArea #introArea {
}
#busArea #introArea .videoArea {
	margin-bottom: 1%;
}
#busArea #introArea .videoArea iframe {
	width: 100%;
	height: 200px;
}

/* rootArea（便利な2つの運行ルート）------------------*/
#busArea #rootArea {
}
#busArea #rootArea .titleWrap .timeText {
	margin: -2% 0 3%;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
}
#busArea #rootArea .rootList {
}
#busArea #rootArea .rootInnerList {
	clear: both;
	overflow: hidden;
}
#busArea #rootArea .rootInnerList li {
	margin-bottom: 5%;
	background-color: #FFF;
}
#busArea #rootArea .rootInnerList.col2 li {
	width: 49%;
	float: left;
}
#busArea #rootArea .rootInnerList.col2 li:nth-child(even) {
	margin-left: 2%;
}
#busArea #rootArea .rootInnerList .descText {
	margin: .3em 3% 0;
	padding-bottom: 5%;
	font-size: 1.1rem;
}



/* ===============================================
 deskArea（H.I.S.サポートデスク）　
=============================================== */

#deskArea {
}

/* surviceArea（8つの嬉しいサービス）------------------*/
#deskArea #surviceArea {
}
#deskArea #surviceArea .surviceList > li {
	font-size: 1.3rem;
	font-weight: bold;
	line-height: 3em;
	background-color: #E8DAAA;
}
#deskArea #surviceArea .surviceList > li+li {
	margin-top: 2%;
}
/* surviceList>li>span（リスト番号設定）------------------*/
#deskArea #surviceArea .surviceList > li > span:before {
	content: "1";
	margin: 0 .5em;
	padding: .1em .4em;
	background-color: #FFF;
	border-radius: 50%;
}
#deskArea #surviceArea .surviceList > li:nth-child(2) > span:before {
	content: "2";
}
#deskArea #surviceArea .surviceList > li:nth-child(3) > span:before {
	content: "3";
}
#deskArea #surviceArea .surviceList > li:nth-child(4) > span:before {
	content: "4";
}
#deskArea #surviceArea .surviceList > li:nth-child(5) > span:before {
	content: "5";
}
/* addArea（代行無料サービス）------------------*/
#deskArea #surviceArea .addArea {
	margin-top: 5%;
}
#deskArea #surviceArea .addArea .titleArea {
	margin: 0 0 2%;
}
#deskArea #surviceArea .addArea .titleArea .titleText {
	color: #AA0F06;
}
#deskArea #surviceArea .addArea .surviceList > li {
	background-color: #FDE3DD;
}
/* hotelArea（対象ホテル）------------------*/
#deskArea #surviceArea .hotelArea {
}
#deskArea #surviceArea .hotelArea .hotelText {
	margin: 2%;
	font-size: 1.1rem;
	color: #666;
}

/* supportArea（16ヶ所のサポートデスク）------------------*/
#deskArea #supportArea {
	position: relative;
}
/* supportList.images（サポートデスクリスト）------------------*/
#deskArea #supportArea .supportList {
}
#deskArea #supportArea .supportList > li {
	font-size: 1.3rem;
	font-weight: bold;
}
#deskArea #supportArea .supportList > li span.attnText {
    font-size: 80%;
    font-weight: normal;
    display: block;
    margin-left: 1em;
    position: relative;
    color: #666;
}
#deskArea #supportArea .supportList > li span.attnText:before {
    content: "※";
    position: absolute;
    top: 0;
    left: -1em;
}
/* supportList.images（サポートデスク画像リスト）------------------*/
#deskArea #supportArea .supportList.images {
}
#deskArea #supportArea .supportList.images > li {
	box-shadow: 0 2px 2px rgba(0,0,0,0.4);
}
#deskArea #supportArea .supportList.images > li+li {
	margin-top: 3%;
}
/* addArea（代行無料サービス）------------------*/
#deskArea #supportArea .addArea {
	margin-top: 5%;
	border-bottom: dotted 1px #666;
	padding-bottom: 3%;
}

/* moreBtn（ボタンデザイン）------------------*/
.moreBtn {
	background-color: #205162;
}
/* moreListSec（非表示部分）------------------*/
#moreListSec {
	margin-top: 3%;
}



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

#tourArea {
}



/* ===============================================
 summerArea（夏の特別企画）　
=============================================== */

#summerArea {
	margin-bottom: -3% !important;
	padding-bottom: 4%;
	background-color: #FEFBEB;
}
#summerArea .phArea {
	margin-bottom: 2%;
}
#summerArea .introText {
}
#summerArea .introText > span {
	margin: 0 0 .3em 0;
	font-size: 1.4rem;
	color: #C9000F;
	font-weight: bold;
	text-align: center;
	display: block;
}

/* titleArea.headlines（大見出し）------------------*/
#summerArea .titleArea.headlines {
	padding-left: 0;
	background: #FFDB31;
	text-align: center;
}
#summerArea .titleArea.headlines .titleText {
	color: inherit;
}