@charset "utf-8";
/*=======================================================
	CSS Document
	Page Style
	2013.08.12 ooe	
=======================================================*/

/* contents
-----------------------------------------------------*/
.pageImg .noneL, 
p.pageTitle,
p.pageTxt { display:none;}

p.locaTit {
	width:100%;
	height:30px;
	float:left;
	line-height:20px;
	font-size:13px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	letter-spacing:8px;
}
p.locaTit img { padding-right:10px;}

.locaBox h1 {
	width:90%;
	height:46px;
	float:left;
	margin:0 5% 10px;
	text-align:center;
	background:url("../../img/pc/common/bl_line.png") center 23px no-repeat;
}

.locaBox h1 span {
	line-height:46px;
	font-size:26px;
	font-family: "ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
	color:#333;
	letter-spacing:14px;
	font-weight:600;
	padding:0 30px;
	background:#FCFBF5;
}
.locaBox .boxTxt {
	width:100%;
	float:left;
	text-align:center;
	margin:20px 0 30px;
}
.locaBox .box .img span.noneL { display:none;}
	#maps {
	width:100%;
	height:650px;
	float:left;
	border-top:solid 2px #333;
	border-bottom:solid 2px #333;
	margin-bottom:50px;
	position:relative;

}
#mapBox {
	width:100%;
	height:100%;
	float:left;
}

.mapTxt {
	width:250px;
	height:40px;
	padding:35px 20px 30px;
	display:none;
	position:absolute;
	top:20px;
	left:50%;
	margin-left:-160px;
	color:#60452D;
	line-height:16px;
	letter-spacing:1px;
	text-align:center;
	text-shadow:0 1px 1px #ccc;
	background:url("../img/map/bk_gallery.png") top center no-repeat;
}

.txt01, .txt011, .txt02, .txt03, .txt03, .txt04, .txt05, .txt06, .txt07, .txt08, .txt09, .txt10, .txt11, .txt12 
{ display:none;}


@media screen and (min-width: 741px) and (max-width: 959px) {
.galleryList {
	width:80%;
	float:left;
	margin:30px 10%;
	overflow:hidden;
}
.locaBox .box {
	width:280px;
	height:320px;
	margin-bottom:90px;
	position:relative;
}
.locaBox .box:nth-child(odd) {float:left;}
.locaBox .box:nth-child(even) { float:right;}

/* *Box* */
.locaBox .box .img {
	width:280px;
	height:150px;
	float:left;
	margin-bottom:10px;
}
.locaBox .box p.txt {
	float:left;
	margin-top:10px;
} 

.locaBox .box p.no, 
.locaBox .box p.no02 {
	width:40px;
	height:40px;
	float:left;
	text-align:center;
}
.locaBox .box p.no span, 
.locaBox .box p.no02 span {
	width:36px;
	height:36px;
	margin:1px;
	border: solid 1px #fff;
	color:#FFF;
	font-size:24px;
	display:block;
	line-height:35px;
	letter-spacing:-1px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.locaBox .box p.no { background:#BFB29A;}
.locaBox .box p.no02 { background:#BFB29A;}

.locaBox .box h2 {
	width:233px;
	height:23px;
	float:right;
	font-size:13.5px;
	color:#333;
	line-height:23px;
}
.locaBox .box h3 {
	width:233px;
	height:16px;
	float:right;
	letter-spacing:2px;
	font-family:Arial, Helvetica, sans-serif;
	color:#C67817;
}

.locaBox .box p {
	width:100%;
	float:left;
	line-height:1.6em;
	text-align:left;
}

.locaBox .box p.btn {
	width:100%;
	height:22px;
	position:absolute;
	z-index:300;
	bottom:0;
}
.locaBox .box p a.gallery, 
.locaBox .box p a.gallery01, 
.locaBox .box p a.gallery02 {
	width:113px;
	height:15px;
	padding:2px 0 2px 20px;
	color:#555;
	line-height:15px;
	font-size:12px;
	font-family:"Times New Roman", Times, serif;
	text-align:center;
	border:dashed 1px #999;
}
.locaBox .box p a.gallery, 
.locaBox .box p a.gallery01 {
	float:left;
	letter-spacing:5px;
	background:url("../../img/pc/common/btn_gallery_i.png") left no-repeat #FFF;
}
.locaBox .box p a.gallery02 {
	float:right;
	letter-spacing:3px;
	background:url("../../img/pc/common/btn_gallery_i2.png") left no-repeat #FFF;
}

.locaBox .box p a.gallery:hover, 
.locaBox .box p a.gallery01:hover {
	color:#FFF;
	border:solid 1px #A79476;
	background:url("../../img/pc/common/btn_gallery_o.png") left no-repeat #A79476;
}
.locaBox .box p a.gallery02:hover {
	color:#FFF;
	border:solid 1px #FF9326;
	background:url("../../img/pc/common/btn_gallery_o.png") left no-repeat #FF9326;
}


}

@media screen and (min-width: 481px) and (max-width: 740px) {
p.pageTxt {
	width:80%;
	padding:0 10% 20px;
	margin-bottom:30px;
}

.galleryList {
	width:91%;
	float:left;
	padding:30px 5%;
	background:#EFEFEF;
}
.locaBox .box {
	width:80%;
	float:left;
	margin:30px 10% 40px;
	background:#FFF;
 box-shadow: 0px 2px 2px #777;
}

.locaBox .box .img {
	width:90%;
	float:left;
	padding:5% 5% 10px;
}
.locaBox .box .img img {
	width:100%;
	height:auto;
}

.locaBox .box h2 {
	width:90%;
	float:right;
	padding:0 5%;
	font-size:14px;
	letter-spacing:4px;
	color:#000;
	margin-bottom:10px;
}
.locaBox .box h3 {
	width:90%;
	height:16px;
	float:right;
	margin:0 5% 10px;
	padding-bottom:10px;
	letter-spacing:2px;
	font-family:Arial, Helvetica, sans-serif;
	color:#A79476;
	border-bottom: dashed 1px #CCC;
}

.box .txt {
	width:90%;
	float:left;
	margin:0 5% 20px;
}


/* *Box* */
.no, .no02 { display:none;}

.locaBox .box p.btn {
	width:94%;
	height:44px;
	margin:15px 3%;
	float:left;
}

.locaBox .box p a.gallery, 
.locaBox .box p a.gallery01, 
.locaBox .box p a.gallery02 {
	width:40%;
	height:44px;
	background:#FFF;
	line-height:44px;
	font-size:11px;
	text-align:center;
	border:solid 1px #cfcfcf;
}
.locaBox .box p a.gallery, 
.locaBox .box p a.gallery01 { letter-spacing:4px;}
span.bl { color:#A79476;}
span.or { color:#FF9326;}
span.bl, span.or {
	line-height:44px;
	float:left;
	margin-left:-5px;
	font-size:30px;
}
.locaBox .box p a.gallery { float:left; margin:0 26%;} 
.locaBox .box p a.gallery01 { float:left;} 
.locaBox .box p a.gallery02 { float:right;}


.locaBox .box p a.gallery:hover, 
.locaBox .box p a.gallery01:hover {
	color:#FFF;
	background:#A79476;
}
.locaBox .box p a.gallery02:hover {
	color:#FFF;
	background:#FF9326;
}

.locaBox .box p a.gallery:hover span.bl, 
.locaBox .box p a.gallery01:hover span.bl, 
.locaBox .box p a.gallery02:hover span.or { color:#FFF;}

}
.locaBox p.point {
	width:86%;
	height:auto;
	float:left;
	line-height:1.2em;
	margin:20px 7% 0;
	font-size:11px;
	text-align:left;
}