@charset "utf-8";

/* --------------------------
 * 左カラム
-------------------------- */
#mainContents .article {
	margin-bottom: 35px;
}
	.article h3 {
		margin-bottom: 30px;
	}
	p.referenceMark {
		margin-top: 20px;
		margin-bottom: 40px;
		padding-left: 1em;
		font-size: 100%;
		text-indent: -1em;
		line-height: 1.4;
	}

	/* ----------------------
		* 各スタッフの配色
	---------------------- */
	#staffColor h4 {
		margin-bottom: 20px;
		padding-bottom: 10px;
		font-size: 123.1%;
		background: url("../../common/img/hr_dot4-4.gif") repeat-x bottom left;
	}
	#staffColor p {
		line-height: 1.1;
	}
	#staffColor ul {
		margin-top: 20px;
	}
	#staffColor ul li {
		margin-bottom: 20px;
		font-size: 108%;
		line-height: 1.1;
	}

/* ----------------------
* スタッフ個人写真
---------------------- */
.staffImg {
	margin-bottom: 30px;
}

/* ------------------------
* スタッフナビ
------------------------ */
.posL ol li {
	padding: 18px 0 18px 20px;
	font-size: 108%;
	border-bottom: 1px solid #2C1F16;
	background: url("../../common/img/icon_arrow01.gif") no-repeat 6px 21px;
}
.posL ol li.start {
	border-top: 1px solid #2C1F16;
}
.posL ol li.now {
	background: url("../../common/img/icon_arrow02.gif") no-repeat 6px 21px #785A49;
}
.posL ol li.now a {
	color: #ffffff;
}
.posL ol li span {
	font-size: 77%;
}
#mainContents p.backToPage {
	float: right;
	margin-top: 20px;
	padding-left: 15px;
	font-size: 93%;
	background: url("../../common/img/icon_arrow03.gif") no-repeat left;
}

/* --------------------------
 * 右カラム
-------------------------- */

	/* ------------------------
	 * スタッフ紹介
	------------------------ */
	#staffInfo {
		margin-bottom: 50px;
	}
	#staffName {
		margin-bottom: 15px;
		padding-left: 10px;
		background: url("../../common/img/hr_dot4-4.gif") repeat-y left top;
	}
		#staffName h3 {
			margin: 3px 0;
			font-size: 182%;
		}
		#staffName p {
			font-size: 93%;
			line-height: 1.1;
		}
	
	/* ------------------------
	 * カレンダー
	------------------------ */
	#calender h4 {
		margin-bottom: 10px;
	}






/* スマホ */
@media print, screen and ( max-width : 1199px ) {
	.posL, .posR {
		float: none;
	}
	#telAndCoupon {
		margin-bottom: 40px;
	}

	/* googleカレンダー */
	#googleCal iframe {
		width: 100%;
		height: 400px;
	}

	#staffColor ul {
		display: flex;
		flex-wrap: wrap;
		margin-top: 20px;
	}
	#staffColor ul li {
		margin-right: 8px;
	}

	/* スタッフ名 */
	.posL ol {
		margin-top: 16px;
	}

}

@media print, screen and ( min-width : 1200px ) {
/* --------------------------
 * 左カラム
-------------------------- */
#mainContents .posL {
	width: 300px;
}
	
		/* ----------------------
		 * 各スタッフの配色
		---------------------- */

			#staffColor ul li {
				float: left;
				width: 100px;
			}
		

/* --------------------------
 * 右カラム
-------------------------- */
#mainContents .posR {
	width: 513px;
}

/* googleカレンダー */
#googleCal iframe {
	width: 100%;
	height: 400px;
}

}