@charset "utf-8";
/*////////////// hitoritabi/RecommendedCSS Document //////////////*/

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




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

/* titleArea.subheading（小見出し/テキストのみ）------------------*/
.titleArea.subheading {
	width: auto;
	margin: 0 0 2%;
	padding: 1.5% 4% 1%;
	border-left: none;
	background-color: #FFAE00;
	display: inline-block;
}
.titleArea.subheading .titleText {
	padding: 0;
	color: #FFF;
}

/* ●.titleArea.subheading（小見出し/色設定）------------------*/
#chargeArea .titleArea.subheading {
	background-color: #FFAE00;
}
#townscapeArea .titleArea.subheading {
	background-color: #FF6885;
}
#adventureaArea .titleArea.subheading {
	background-color: #81511C;
}
#natureArea .titleArea.subheading {
	background-color: #486A00;
}
#heritageArea .titleArea.subheading {
	background-color: #8957A1;
}
#easyArea .titleArea.subheading {
	background-color: #E64600;
}

/* titleArea.images.heading（画像見出し/中）------------------*/
.titleArea.heading.images {
	margin: -14% 3% 1%;
	position: relative;
}
.titleArea.heading.images span {
	/*width: 100%;
	position: absolute;
	top: 0;*/
}


/* ===============================================
 rcmdArea（オススメ一人旅）
=============================================== */

#rcmdArea .rcmdList {
}
#rcmdArea .rcmdList > li {
	margin-top: 11%;
	padding: 1% 3.1% 0;
	background-color: #FFF;
	border: 2px solid #000;
	position: relative;
}
#rcmdArea .rcmdList > li:before {
	content: ".";
	line-height: 0;
	border-top: 2px solid #FFF;
	display: block;
	overflow: hidden;
	position: absolute;
	top: -2px;
	left: 6%;
	right: 6%;
}
#rcmdArea .rcmdList > li+li {
	margin-top: 15%;
}

/* rcmdArea rcmdWrapList（リスト部分）------------------*/
#rcmdArea .rcmdWrapList {
}
#rcmdArea .rcmdWrapList > li {
	padding: 5% 0;
}
#rcmdArea .rcmdWrapList > li+li {
	border-top: 1px dotted #000;
}

/* rcmdArea rcmdWrapList.col2（リスト部分/写真コンテンツ）------------------*/
#rcmdArea .rcmdWrapList .col2 {
}
#rcmdArea .rcmdWrapList .col2 .rcmdBox {
	clear: both;
	overflow: hidden;
}
#rcmdArea .rcmdWrapList .col2 .rcmdBox .phArea {
	width: 55%;
	margin-right: 2%;
	float: left;
}

/* chargeArea（パワーチャージの旅部分）------------------*/
#chargeArea {
}

/* townscapeArea（おしゃれな街並みを楽しむ旅部分）------------------*/
#townscapeArea {
}

/* adventureaArea（自分に挑戦する冒険の旅部分）------------------*/
#adventureaArea {
}

/* natureArea（大自然に心揺さぶられる旅部分）------------------*/
#natureArea {
}

/* heritageArea（世界遺産に感動する旅部分）------------------*/
#heritageArea {
}

/* easyArea（初心者も安心のお手軽旅部分）------------------*/
#easyArea {
}