/*	PageTitleArea
================================================== */

main .PageTitleArea{
	margin-bottom:40px;
}
main .PageTitleArea figure{
	padding-bottom:70%;
	background:url(../img/mainimg.jpg) no-repeat center center;
	background-size:cover;
	margin-top:15px;
	margin-bottom:25px;
}
main .PageTitleArea figure img{
	display:none;
}
main .PageTitleArea h3{
	text-align:center;
	font-size:16px;
	letter-spacing:3px;
	padding-top: 20px;
	color:#444;
}
main .PageTitleArea p.lead{
	letter-spacing: 1px;
	padding: 0 9%;
	text-align: left;
	color: #444;
}



/*	facilities
================================================== */

main{
	font-size: 12px;
}

main a.link{
	color:#978052;
	text-decoration:underline;
}

main a.link:hover{
	color:#B29763;
}

main p{
	color:#555;	
}

main .cap{
	font-size:11px;
}

main figure{
	margin-bottom:20px;
}

main figure img{
	width:100%;
	height:auto;
}

main .fc-box{
	padding-top:50px;
	margin-bottom:40px;
}

main .fc-box h4{
	margin-bottom:10px;
	text-align:center;
	font-size: 16px;
	letter-spacing: 2px;
	color:#333;
}

main .fc-box h4+.sub{
	display: block;
	margin-bottom: 30px;
	text-align: center;
	letter-spacing:2px;
	font-family:Lato;
	font-size: 11px;
	color: #aaa;
}

main .fc-box h4+.sub:before{
	content:"";
	display: block;
	width:20px;
	height:1px;
	margin:0 auto 13px;
	background:#978152;
}

/* layout */

main .layout article{
	padding-left: 9%;
	padding-right: 9%;
}

main .layout article{
	float:none;
	margin:0 auto 40px;
	overflow:hidden;
}

main .layout article+article{
	padding-top:50px;
}

main .layout article:nth-of-type(1) figure{
	margin:0 -5%;
}

main .layout article:nth-of-type(1) p.cap{
	float:left;
	width:44%;
	padding:10px 3% 0;
}

main .layout article:nth-of-type(2) p.cap{
	padding:5px 0;
}

/* route */

main .route{
	padding-left: 5%;
	padding-right: 5%;
}

main .route article p{
	text-align:center;
}

/* info */

main .info{
	padding-left: 5%;
	padding-right: 5%;
}

main .info article dl{
	border-bottom: 1px solid #aaa;
	text-align: left;
	font-size: 12px;
}
main .info article dl:first-of-type{
	border-top: 1px solid #aaa;
}
main .info article dl dt{
	padding-left: 3.3%;
	padding-top: 14px;
	padding-bottom: 14px;
	background: #E9E9E7;
	border-bottom: 1px dashed #ccc;
}
main .info article dl dd{
	padding-left: 3.3%;
	padding-right: 3.3%;
	padding-top: 14px;
	padding-bottom: 14px;
}
main .info article dl dd ul li{
	padding-left: 1.2em;
	position: relative;
}
main .info article dl dd ul li:before{
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	background: #C8B47E;
	border-radius: 6px;
	position: absolute;
	left: 0;
	top: 9px;
}

/* planlist */

main .planlist{
	}

main .planlist article{
	margin:0 0 10px;
	padding:10% 10%;
	background:#fff;
	overflow:hidden;
	}

main .planlist article figure{
	float:none;
	width:100%;
	}

main .planlist article .txtArea{
	float:none;
	width:100%;
	}

main .planlist article .recommend{
	margin:0 0 7%;
	text-align:center;
	font-size:15px;
	letter-spacing:2px;
	color:#978052;
	}

main .planlist article .txtArea h5{
	margin:0 0 7%;
	font-weight:bold;
	font-size:14px;
	letter-spacing:2px;
	color:#777;
	text-align:center;
	}
main .planlist article .txtArea h5 span{
	font-size: 12px;
	display: block;
	font-weight: normal;
	}
main .planlist article .txtArea p{
	margin-top: -10px;
	margin-bottom: 15px;
	font-size: 12px;
	}
main .planlist article .txtArea dl{
	overflow:hidden;
	position:relative;
	}

main .planlist article .txtArea dl dt{
	float:left;
	width:25%;
	padding:1em 0;
	border-top:1px solid #DDD4C7;
	color:#978052;
	}

main .planlist article .txtArea dl dd{
	margin-left:27%;
	padding:1em 0.5em;
	border-top:1px solid #ddd;
	}

main .planlist article .txtArea dl dd:last-child{
	border-bottom:1px solid #ddd;
	}

main .planlist article .txtArea dl:after{
	content:"";
	display: block;
	width:20%;
	height:1px;
	background:#DDD4C7;
	position:absolute;
	bottom:0;
	}

/*	Googleカレンダー
================================================== */

main .cal-cover{
	margin-left:10px;
	margin-right:10px;
	width:90%;
}
main .cal-cover .googlecal iframe {
	width:100% !important;
}