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

/*
ヘッダー、グローバルナビはcommon.cssに記載
コンテンツエリア、メインコンテンツエリア、サブコンテンツ等の構造枠はcntsCommon.cssに記載
office/virtual.htmlと共有パーツが多いため、主要なcssはoffice.cssをそのまま転用
*/

p#mVisualBtn {
	width: 102px;
	height: 102px;
	position: absolute;
	top: 110px;
	right: 10px;
	z-index: 100;
}

/*タイトル
----------------------------------------------- */


/*ポイント説明
----------------------------------------------- */
p.pointNote02 {
	width: 670px;
	font-size: 93%;
	color: #000;
	line-height: 1.8;
	margin: 0 auto 24px auto;
}
.pointNoteFlow {
	width: 670px;
	text-align: center;
	margin: 0 auto;
	vertical-align: bottom;
}
.pointNoteFlow img#pointNoteImg {
	margin: 0;
	padding: 0;
	line-height: 1;
	vertical-align: bottom;
}
.pointNoteFlowTxt {
	width: 620px;
	margin: 0 auto 25px auto;
	padding: 21px;
	border: 2px solid #ccc;
	background: url(../img/pointNoteFlowTxtImg.jpg) no-repeat 21px 21px;
	background-color: #ffffdd;
}
.pointNoteFlowTxt h5 {
	width: 454px;
	font-size: 138.5%;
	color: #003366;
	line-height: 1.5;
	margin: 0 0 16px 166px;
	padding: 0;
	text-align: left;
}
.pointNoteFlowTxt p {
	width: 454px;
	font-size: 93%;
	line-height: 1.8;
	margin: 0 0 0 166px;
	padding: 0;
	text-align: left;
}

p#planImg {
	width: 720px;
	height: 190px;
	margin: 0 0 11px 0;
}

/*　価値ある料金設定　*/
h4.valuePlanChap {
	width: 720px;
	height: 60px;
	margin: 60px 0 31px 0;
}
.valuePlanNote {
	width: 720px;
	font-size: 93%;
	line-height: 1.8;
	margin: 0 0 39px 0;
}

p#planList {
	width: 720px;
	height: 52px;
	margin: 0 0 48px 0;
}

p#vrtlChap {
	width: 720px;
	margin: 0 0 20px 0;
	font-size: 93%;
	line-height: 1.58;
}

ol#vrtlAdd {
	width: 700px;
	margin: 0 0 47px 20px;
	padding: 0;
}


ol#vrtlAdd li {
	font-size: 93%;
	line-height: 1.6;
	list-style-type: decimal;
	margin: 0;
	padding: 0;
}


.extrPrice p.roomType {
	width: 100%;
}


@media only screen and (max-width: 767px) {
	p.pointNote02,
	.pointNoteFlow,
	p#vrtlChap,
	ol#vrtlAdd,
	div#vrFlow,
	.vrFlowChap,
	.vrFlowNote,
	ul#vrFlowType {
		width: auto;
	}
	.pointNoteFlow img#pointNoteImg {
		width: 100%;
		height: auto;
	}
	p#planList {
		width: 100%;
		height: auto;
	}
}