@charset "UTF-8";
/***********************************
* トップ共通項目*
***********************************/
/*  レイアウト--------------------*/
#message,
#information,
#concept,
#schedule,
#access{
	padding-top:2rem;
	padding-bottom: 2rem;
}
#information{
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 0;
}

#concept{
	padding-left: 5%;
	padding-right: 5%;
}
#schedule,
#access{
	border-top:solid #786b61 1px;
}
#access{
	border-bottom:solid #786b61 1px;
}
.schedule-block,
.map-block{
	margin-bottom: 1rem;
}
	@media (min-width: 768px) {
		#information,
		.schedule-block,
		.map-block{
			padding-left: 0;
			padding-right: 5%;
		}
		.schedule-block,
		.map-block{
			margin-bottom: 0;
		}
		#concept,
		.reservation-block,
		.parking-block{
			padding-left: 5%;
			padding-right: 0;
		}
	}
	@media (min-width: 992px){
		#message,
		#information,
		#concept,
		#schedule,
		#access{
			padding-top:3rem;
			padding-bottom: 3rem;
		}
	}

/* information-inner,concept-inner*/
.information-inner,
.concept-inner{
	border-top:solid #786b61 1px;
	padding-top: 1rem;
}

/* h2 --------------------*/
/* h2-img*/
#message .h2-img,
#information .h2-img,
#concept .h2-img,
#schedule .h2-img,
#access .h2-img{
	text-align: center;
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-left: auto;
	margin-right: auto;
	width:100%;
	max-width: 547px;
	background-size: 100%;
	padding-bottom: 5px;
	margin-bottom: 3px;
}
#message .h2-img{
	background-image: url(../img/top_h2-bg-message.jpg);
}
#information .h2-img,
#concept .h2-img{
	background-image: url(../img/top_h2-bg-01-sp.jpg);
}
#schedule .h2-img,
#access .h2-img{
	background-image: url(../img/top_h2-bg-02.jpg);
}
	@media (min-width: 768px) {
		#message .h2-img,
		#information .h2-img,
		#concept .h2-img,
		#schedule .h2-img,
		#access .h2-img{
			padding-bottom: 10px;
			margin-bottom: 6px;
		}
		#information .h2-img,
		#concept .h2-img{
			background-image: url(../img/top_h2-bg-01.jpg);
			width:100%;
			max-width: 235px;
			background-size: 100%;
		}
	}
/* h2*/
#message h2,
#information h2,
#concept h2,
#schedule h2,
#access h2{
	color:#5b977b;
	text-align: center;
	font-size: 1rem;
	font-weight: 600;
	margin-bottom: 1.5rem;
}
#information h2,
#concept h2{
	margin-bottom: 0.7rem;
}
#message h2 span:before,
#information h2 span:before,
#concept h2 span:before,
#schedule h2 span:before,
#access h2 span:before{
	content: '【 ';
}
#message h2 span:after,
#information h2 span:after,
#concept h2 span:after,
#schedule h2 span:after,
#access h2 span:after{
	content: ' 】';
}
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
		#message h2,
		#information h2,
		#concept h2,
		#schedule h2,
		#access h2{
			font-size: 1.31rem;
			margin-bottom: 2rem;
		}
		#information h2,
		#concept h2{
			margin-bottom: 1rem;
		}

	}
/* h3 --------------------*/
#schedule h3,
#access h3{
	font-size: 1.06rem;
	color:#006444;
}
#schedule h3:before,
#access h3:before{
	content: '■';
}
	@media (min-width: 992px) {
		#schedule h3,
		#access h3{
			font-size: 1.3rem;
		}
	}
/* p li td--------------------*/
#message p,
#information p,
ul#newsList li,
#concept p,
#schedule p,
#schedule tr td,
#schedule tr th,
#access p,
#access ul li{
	color: #3e3a39;
	font-size: 0.94rem;
	margin-bottom: 0;
}
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
		#message p,
		#information p,
		ul#newsList li,
		#concept p,
		#schedule p,
		#schedule tr td,
		#schedule tr th,
		#access p,
		#access ul li{
			font-size: 1.13rem;
		}
	}
/***********************************
* message	*
***********************************/
#message{
	background-image: url(../img/top_message-bg.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 60%;
}
	@media (min-width: 547px){
		#message{
			background-size: contain;
		}
	}
/* p --------------------*/
#message p{
	line-height: 1.8;
	margin-bottom: 0.8rem;
}
	@media (min-width: 768px){
		#message p{
			text-align: center;
			margin-bottom: 0;
		}
	}
	@media (min-width: 992px) {
		#message p{

			line-height: 2.0;
		}
	}

/***********************************
* information	*
***********************************/
#info-box {
	width: 100%;
	height: 220px;
	overflow-y: scroll;
	list-style-type: none;
	background-color: #FFFFFF;
	margin-bottom: 30px;
}
.scroll{
	overflow-y: auto;
}
.scroll::-webkit-scrollbar{
	width: 5px;
	background: #DDDDDD;
}
.scroll::-webkit-scrollbar-thumb{
	background: #757575;
}

/* clearfix */
.clearfix:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.clearfix { display:inline-block; }

/* for macIE \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }

ul#newsList{
	margin:0 0 15px;
	padding:0;
	font-family: "Noto Sans Japanese", "Meiryo UI", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
ul#newsList li{
	margin:0;
	padding:0 10px 0 3px;
	margin-bottom:30px;
	line-height:120%;
	list-style-type:none;
}
a{color:#595757;text-decoration:underline;}
a:hover{color:#298875;}

.up_ymd{
	color:#877e5e;
	padding-bottom: 5px;
	display: block;
	font-size: 80%;
}
.up_ymd:before{
	content: '■ ';
}
.title-box{
	padding-left: 19px;
}
/*
.title{
	display:inline-block;
	padding-left: 19px;
	line-height:150%;
}*/
.newMark{
	display:inline-block;
	line-height:100%;
	color:#fff;
	background-color: #64635c;
	padding: 0.2rem;
	font-weight: 200;
	letter-spacing: 0.1em;
	font-size:80%;
}

.comment{
	display:block;
	padding:3px 0;
	float:left;
	overflow:hidden;
	width:500px;/* 本文部分の幅。ここは特に設置ページ合わせて変更下さい */
}
.thumbNailWrap{
	display:block;
	width:110px;
	float:left;
	height:80px;
	overflow:hidden;
}

	@media (min-width: 768px) {
		#info-box{
			height: 300px;
		}
		#info-block .information{
			padding-right: 5px;
		}
	}

/***********************************
* concept	*
***********************************/
/* 中身だし --------------------*/
.concept-logo{
	text-align: center;
	padding-top:1rem;
	padding-bottom: 2rem;
	margin-left: auto;
	margin-right: auto;
	width: 70%;
}
	@media (min-width: 768px) {
		.concept-logo{
			width: 100%;
		}
	}

/***********************************
* Schedule	*
***********************************/
/* table --------------------*/
#schedule table{
	width: 100%;
	border-top:solid #231815 1px;
	border-left:solid #231815 1px;
	margin-bottom: 0.5rem;
}
#schedule tr th,
#schedule tr td{
	border-right:solid #231815 1px;
	border-bottom:solid #231815 1px;
	text-align: center;
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
}
#schedule tr th{
	background-color: #a99f92;
	color:#fff;
	font-weight: 300;
}
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/* 中身だし --------------------*/
.reservation-bnr-xl{
	display: none;
}
	@media (min-width: 1360px){
		.reservation-bnr{
			display: none;
		}
		.reservation-bnr-xl{
			display: block;
			position: relative;
			margin-top: -1.5rem;
		}
	}
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}

/***********************************
* Access	*
***********************************/
.map-pic,
.parking-pic{
	margin-bottom: 0.5rem;
}
a.a-map-link{
	background-color: #64635c;
	color:#fff;
	text-decoration: none;
	text-align: center;
	display: block;
	padding: 0.2rem 0;
	margin-left: 0.2rem;
	margin-top: 0.2rem;
	margin-bottom: 0.2rem;
}
a.a-map-link:hover{
	color:#fff;
	text-decoration: none;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
}