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

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

#hajimete {
}


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

#headerArea {
}
#headerArea .titleArea {
	margin: 2px 0 -3px;
}
#headerArea .leadArea {
	margin: 0 auto;
	padding: 3.1%;
}



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

#mainArea {
	margin: 0;
	background-color: #F1F7FC;
}
.contentsBox {
	margin: 3% auto ;
	display: block;
}
.contentsBox .text {
	margin: 0 auto 6%;
}
.contentsBox .subBox {
	margin: 6% auto;
	display: block;
}

/* lesson02（各コンテンツエリア用）------------------*/
#mainArea #accordionArea .lesson02 .subBox {
	padding: 4.5% 3.1%;
	border: solid 2px #3DB4BF;
	background-color: #F1F7FC;
	border-radius: 6px;
	display: block;
	margin: 2% auto 6%;
}
#mainArea #accordionArea .lesson02 .subBox .title {
	color: #36A8C4;
	font-weight: bold;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin: 0 auto 2%;
}
#mainArea #accordionArea .lesson02 .reserve {
	font-size: 13px;
	font-weight: bold;
	margin: 1.5% auto
}
#mainArea #accordionArea .lesson02 .reserve .title:first-child {
	color: #FFF;
	margin: 4% auto;
	display: block;
	background-color: #00A0E9;
	padding: 7px 0;
	text-align: center;
}
#mainArea #accordionArea .lesson02 .reserve .title {
	color: #00A0E9;
	margin: 4% auto 0;
	display: block;
	background-color: none;
	padding: 5px 0;
	text-align: center;
}
#mainArea #accordionArea .lesson02 .reserve ul {
	display: block;
}
#mainArea #accordionArea .lesson02 .reserve ul li {
	width: 31%;
	display: inline-block;
}
#mainArea #accordionArea .lesson02 .reserve ul li:first-child {
	margin-left: 2%;
}
#mainArea #accordionArea .lesson02 .reserve ul li a {
	display: block;
	width: 100%;
}
#mainArea #accordionArea .lesson02 .reserve ul li a img {
	width: inherit;
	display: block;
	zoom: 1;
	margin: 0 auto;
}
#mainArea #accordionArea .lesson02 .reserve .flow {
	display: block;
	margin: 0 auto;
	text-align: center;
}
#mainArea #accordionArea .lesson02 .reserve .flow > .small.btn {
	display: inline-block;
	padding: 0;
	margin: 0;
}
#mainArea #accordionArea .lesson02 .reserve .flow > .small.btn a {
	display: block;
	padding: 0 0 0 5px;
	margin: 0;
	color: #333;
	padding: 0;
	font-weight: bold;
	margin: 0;
	text-decoration: underline;
}
#mainArea #accordionArea .lesson02 .reserve .flow > .small.btn:first-child a:after {
	content: "";
	border-right: solid 1px #97B0B6;
	display: inline-block;
	height: 13px;
	padding: 0 0 0 10px;
	vertical-align: middle;
}
#mainArea #accordionArea .lesson02 .reserve .flow > .small.btn:last-child a {
	padding-left: 5px;
}

/* lesson04（各コンテンツエリア用）------------------*/
#mainArea #accordionArea .lesson04 .subBox ul {
	display: block;
	margin-top: 10px;
}
#mainArea #accordionArea .lesson04 .subBox ul li {
	display: inline-block;
	margin-left: 10px
}
#mainArea #accordionArea .lesson04 .subBox ul li:before {
	width: 10px;
	content: "\0030fb";
	display: inline-block;
	margin-left: -10px;
	text-align: center;
}
#mainArea #accordionArea .lesson04 .subBox .title {
	font-size: 14px;
	font-weight: bold;
	background-repeat: no-repeat;
	border-bottom: solid 1px #EEBA00;
	display: block;
	height: 34px;
}
#mainArea #accordionArea .lesson04 .subBox .title span {
	vertical-align: middle;
	display: inline-block;
	position: absolute;
	top: 9px;
	left: 45px;
}
#mainArea #accordionArea .lesson04 .subBox .title.cash, #mainArea #accordionArea .lesson04 .subBox .title.card {
	position: relative;
}
#mainArea #accordionArea .lesson04 .subBox .title.cash:before {
	content: "";
	width: 34px;
	height: 34px;
	background-image: url("/cmn/img/kanto/hajimete/icon_cash.png");
	background-color: #EEBA00;
	background-repeat: no-repeat;
	background-position: 3px 50%;
	background-size: 30px;
	display: inline-block;
}
#mainArea #accordionArea .lesson04 .subBox .title.card:before {
	content: "";
	width: 34px;
	height: 34px;
	background-image: url("/cmn/img/kanto/hajimete/icon_card.png");
	background-color: #EEBA00;
	background-repeat: no-repeat;
	background-position: 3px 50%;
	background-size: 30px;
	display: inline-block;
}

/* lesson05（各コンテンツエリア用）------------------*/
#mainArea #accordionArea .contentsBox.lesson05 .subBox .title {
	background-color: #064183;
	color: #FFF;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	padding: 7px 0;
}
#mainArea #accordionArea .contentsBox.lesson05 .subBox {
	margin: 0 auto 10%;
	display: block;
}
#mainArea #accordionArea .contentsBox.lesson05 .subBox .title:first-child {
	margin-top: 6%;
}
#mainArea #accordionArea .contentsBox.lesson05 .subBox ul {
	margin: 0 auto;
	display: block;
}
#mainArea #accordionArea .contentsBox.lesson05 .subBox ul li.linkText {
	width: 100%;
	display: inline-block;
}
#mainArea #accordionArea .contentsBox.lesson05 .subBox ul li.linkText a {
	color: #333;
	font-weight: bold;
	text-decoration: none;
	border-top: solid 1px #818181;
	border-bottom: solid 1px #818181;
	padding: 14px 25px 14px 8px;
	display: block;
	position: relative;
	font-size: 13px;
}
#mainArea #accordionArea .contentsBox.lesson05 > .subBox ul li:first-child a {
	border-bottom: none;
}
#mainArea #accordionArea .contentsBox.lesson05 > .subBox ul li:last-child a {
	border-top: none;
}
#mainArea #accordionArea .contentsBox.lesson05 .subBox ul li a:before {
	display: block;
	content: "";
	width: 15px;
	height: 13px;
	background: url(/cmn/img/kanto/icon/instruction/box_gray001.png) no-repeat;
	position: absolute;
	top: 36%;
	right: 3%;
	background-size: 100%;
}

/* lesson06（各コンテンツエリア用）------------------*/
#mainArea #accordionArea .contentsBox.lesson06 > .subBox {
	margin: 5% auto 10%;
	display: block;
}
#mainArea #accordionArea .contentsBox.lesson06 > .subBox .title {
	background-color: #FF9937;
	color: #FFF;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	padding: 7px 0;
}
#mainArea #accordionArea .contentsBox.lesson06 > .trouble .title {
	color: #36A8C4;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	padding: 7px 0;
}
#mainArea #accordionArea .contentsBox.lesson06 > .subBox .linkText {
	width: 100%;
	display: inline-block;
}
#mainArea #accordionArea .contentsBox.lesson06 > .subBox .linkText a {
	color: #333;
	-webkit-text-size-adjust: 100%;
	font-weight: bold;
	text-decoration: none;
	border-bottom: solid 1px #818181;
	padding: 14px 25px 14px 8px;
	display: block;
	position: relative;
	font-size:13px;
}
#mainArea #accordionArea .contentsBox.lesson06 > .subBox .linkText a:before {
	display: block;
	content: "";
	width: 15px;
	height: 13px;
	background: url(/cmn/img/kanto/icon/instruction/box_gray001.png) no-repeat;
	position: absolute;
	top: 36%;
	right: 3%;
	background-size: 100%;
}
#mainArea #accordionArea .contentsBox.lesson06 > .trouble {
	padding: 3.1%;
	border: solid 2px #36A8C4;
	background-color: #F1F7FC;
	border-radius: 6px;
	display: block;
}
#mainArea #accordionArea .contentsBox.lesson06 > .trouble .linkArea.btn {
	margin: 10% auto 6%;
}



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

.titleArea {
	margin-top: 0;
}
.titleArea .titleText {
	font-size: 17px;
	font-weight: bold;
	color: #FFF;
}
/* titleArea.textClear（文字非表示用）------------------*/
.titleArea.textClear {
	margin: 0;
	height: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
/* titleArea.headlines（大見出し/アイコン+テキスト）------------------*/
.titleArea.headlines {
	background-color: #3DB4BF;
}
.titleArea.headlines.featureIcon {
	background-image: url("/cmn/img/kanto/icon/feature.png");
}
.titleArea.headlines .titleText {
}
.titleArea.headlines .titleText span {
	padding: 0 0 0 5px;
	font-size: 11px;
}
/* titleArea.headline.●（大見出し/アイコン設定）------------------*/
.titleArea.headlines.tour {
	background-image: url("/cmn/img/kanto/hajimete/departure.png");
}
.titleArea.headlines.searchIcon {
	background-image: url("/cmn/img/kanto/icon/search.png");
}
.titleArea.headlines.earth {
	background-image: url("/cmn/img/kanto/icon/earth.png");
}
/* titleArea.heading（中見出し/テキストのみ）------------------*/
.titleArea.heading {
	width: auto;
	padding: 4% 0 4% 2%;
	background-color: #BDAB9A;
}
.titleArea.heading .titleText {
	padding: 10px 0 7px;
	line-height: 1.2em;
}
/* titleArea.subheading（小見出し/テキストのみ）------------------*/
.titleArea.subheading {
	width: auto;
	margin: 5px 0;
	padding: 5px 0 1px 5px;
	display: inline-block;
	border-bottom: 1px solid #FFD23B;
}
.titleArea.subheading .titleText {
	font-size: 14px;
	color: #893316;
}
.titleArea.subheading .titleText span {
	margin: 0 3px -1px -5px;
	padding: 0 2px;
	font-size: 11px;
	display: inline-block;
	border-bottom: 2px solid #FFD23B;
}
/* titleArea.listTitle（リストタイトル）------------------*/
.titleArea.listTitle {
	width: auto;
	margin: 0;
	padding: 10px 0 2px 5px;
	font-size: 13px;
	color: #EE4A4E;
	font-weight: bold;
	border-bottom: 1px solid #BDAB9A;
}



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

.linkArea {
}
.linkText a {
}
/* list（リスト型）------------------*/
.linkArea.list {
	margin: -1px 0 0;
	border-bottom: 1px solid #BDAB9A;
}



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

#footerArea {
}



/* ===============================================
 recommendArea（API部分）
=============================================== */
#recommendArea {
	background-color: #FFF;
}



/* ===============================================
 searchArea（検索部分）
=============================================== */

/* otherLinkArea（その他リンク部分）------------------*/
#searchArea .otherLinkArea {
	border-top: 1px dotted #BDAB9A;
}



/* ===============================================
 featureArea（おすすめの特集）
=============================================== */

#featureArea {
}
#featureArea .featureList .featureBox .detailArea .titleText {
	color: #F39800;
}