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

/* パソコンの時の設定
------------------------------------- */
.sp{
	display:none;
}
/* 背景パーツ
------------------------------------- */

.whiteBack,
.grayBack{
	width:100%;
	padding:2em 3%;
}

.grayBack{
	background:#f4f7f1;
}

/* 不要なものを非表示に
------------------------------------- */

hr,
.br br,
.menu,
#logo,
#footerLogo,
#main .spMainImg,
#footer-btn,
.privilege{
	display:none;
}

h1{
	border-top:none;
}

/* 必要なものを表示
------------------------------------- */

.pc{
  display:inline;
}

/* ヘッダー
------------------------------------- */

header,
footer{
	width:100%;
	height:auto;
	background:#f5f2ed;
}

header a,
header p,
footer a,
footer p{
	color:#a09263;
	font-size:1.4em;
}

header a,
footer a{
	padding:0.5em;
	font-weight:bold;
}

footer li a:hover,
header li a:hover{
	color:#f5f2ed;
	background:#a09263;
	opacity:1;
	-ms-filter:"alpha(opacity=100)";
 	-moz-opacity:1;
	-o-opacity:1;
	-webkit-opacity:1;
	-khtml-opacity:1;
}

#logo2{
	display:block;
	position:absolute;
	top:1em;
	left:1em;
}

#footerLogo2{
	display:block;
	float:left;
	margin-left:2em;
}

#exNav{
	display:block;
	position:absolute;
	top:1.5em;
	right:2em;
}

#exNav2{
	display:block;
	float:right;
	margin-right:2em;}

#exMenu ul{
	text-align:right;
}

#exNav2 li,
#exNav li{
	padding:0.5em 0 0.5em 0.2em;
	list-style:none;
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:auto;
}

#footerMenu,
#pcMenu{
	display:block;
	width:80%;
	margin:0 auto;
	padding-top:7em;
}

#footerMenu ul li,
#pcMenu ul li{
	list-style:none;
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:auto;
}

#footerMenu ul p,
#pcMenu ul p{
	padding-bottom:0.6em;
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:auto;
}

#main{
	border-top:#a09263 solid 0.3em;
}

#main .pcMainImg{
	display:block;
}

#exNav2 .opa a:hover,
#exNav .opa a:hover{
	color:noen;
	background:none;
	opacity: 0.7;
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: 0.7;
	-o-opacity: 0.7;
	-webkit-opacity: 0.7;
	-khtml-opacity: 0.7;
}


/* コンテンツエリア
------------------------------------- */

.hall{
	float:left;
	width:31%;
	margin:1%;
}

/* アクセスエリア
------------------------------------- */

#accessL{
	width:48%;
	float:left;
	margin:1%;
}

#accessR{
	width:48%;
	float:right;
	margin:1%;
}

.map{
	height:35em;
	margin-top:0;
}

.sns{
  width:100%;
  margin:0;
}
#accessR img{
  float:right;
  width:70px;
  height:auto;
	margin-left:1.5em;
}
#accessR .last{
  margin-right:1.5em;
}

/* バナーエリア
------------------------------------- */

#bannerArea{
	width:90%;
	height:auto;
	display:block;
	margin:0 auto;
}

#bannerArea > .banner,
#bannerArea2 > .banner{
    width:23%;
    height:auto;
    float: left;
    margin-right:2%;
    margin-bottom: 1em;
}

#bannerArea > .banner:nth-child(4),
#bannerArea2 > .banner:nth-child(4){
    margin-right: 0;
}

/* フッターエリア
------------------------------------- */

#footer{
	padding:2em 0;
}

/* トップに戻るボタン
------------------------------------- */

.page-top {
    bottom: 1em;
    font-size:3em;
}

/* 画像サイズ
------------------------------------- */
.w80{
	width:80%;
	height:auto;
	margin:0 auto;
}

/* 文字強調
------------------------------------- */
.strong p{
	text-align:center;
}


.pt0 { padding-top: 0; }

.spw80 { width: 42%; }

/* エリア設定
------------------------------------- */
.area33{
  width:30%;
  margin:1.5%;
  float: left;
  font-size: 1.2em;
}
.area30{
  width: 30%;
  margin: 0%;
  float: left;
  font-size: 1.2em;
}
.area50{
  width: 46%;
  margin: 2%;
  float: left;
  font-size: 1.2em;
}
.area70{
  width: 66%;
  margin:0 0 0 4%;
  float: left;
  font-size: 1.2em;
}