@charset "UTF-8";
/*
685010：濃い金（暗め）
816E29：少し濃い金
9a854a：金
baa17e：薄い金
f5f2ed：もっと薄い金（アイボリー）
*/

body { overflow: hidden; }
#location { }
#location article h1 { }
#location article h2 {
	text-align:center;
	font-size:1.6em;
	color:#685010;
	margin-bottom:15px;
	-webkit-font-smoothing: antialiased;/*
	font-family: 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝体', 'Yu Mincho', 'HGP明朝B', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
*/
}
#location article h2#h2_copy {
	margin-bottom:40px;
	text-align: center;
}
#location .copy2 {
	-webkit-font-smoothing: antialiased;
	color:#333;
}
#location .section { }
#location .section3 { }
#location .section img,
#location .section3 img { }
#location .section .capt_indent,
#location .section3 .capt_indent {
	text-align:right;
	padding-top:4px;
}
/**/
#visual {
	position:relative;
	/*
	max-width:1200px;
	*/
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
#visual img { /*
	backface-visibility:hidden;
	-webkit-backface-visibility: hidden;
	*/ }
#visual_copy {
	position:absolute;
	left:2%;
	top:20%;
	width:50%;
	text-align:center;
}
#visual_copy img { max-width:410px; }
/**/

#location #main .inner { padding-top: 80px; }
#location_img3 {
	background-color:#F2F0EA;
	padding:50px 50px 30px;
}
#location_img3_inner {
	width:100%;
	max-width:580px;
	margin-left:auto;
	margin-right:auto;
}
/**/
#location_imgList { }
#location_imgList ul { }
#location_imgList ul li#location_imgList1 {
	float: left;
	width:57.6%;
}
#location_imgList ul li#location_imgList1 li:nth-child(1) { width:25%; }
#location_imgList ul li#location_imgList1 li:nth-child(2) { width:50%; }
#location_imgList ul li#location_imgList1 li:nth-child(3) { width:25%; }
#location_imgList ul li#location_imgList2 {
	float: right;
	width:14.1%;
}
#location_imgList ul li#location_imgList3 {
	float: right;
	width:28.3%;
}
#location_imgList ul li {
	float:left;
	position:relative;
}
#location_imgList ul li div { position:relative; }
#location_imgList ul li p {
	font-size:0.7em;
	position:absolute;
	right:5px;
	bottom:2px;
	color:#fff;
	text-shadow: 
 0px 0px 1px #444, 0px 0px 2px #444, 0px 0px 3px #444, 0px 0px 4px #444, 0px 0px 5px #444, 0px 0px 6px #444, 0px 0px 7px #444
}
/**/
#location_map { margin-bottom: 60px; }
/**/
#locationList1 { }
#locationList1 ul li {
	float:left;
	width:19%;
	margin-left:1.25%;
	margin-bottom:40px;
	position:relative;
}
#locationList1 ul li:nth-child(5n+1) {
	clear:both;
	margin-left:0px;
}
#locationList1 ul li p {
	padding-top:5px;
	font-size:0.8em;
	line-height:1.5;
}
#locationList1 ul li p.capt {
	position:absolute;
	right:4px;
	bottom: 25%;
	font-size:0.7em;
	color:#fff;
	text-shadow: 
 0px 0px 1px #444, 0px 0px 2px #444, 0px 0px 3px #444, 0px 0px 4px #444, 0px 0px 5px #444, 0px 0px 6px #444, 0px 0px 7px #444
}
/**/
#locationList2 { }
#locationList2 ul { }
#locationList2 ul li { font-size:0.9em; }
#locationList2 ul li h3 {
	background-color:#A0925F;
	text-align:center;
	color:#fff;
	padding-top:2px;
	padding-bottom:2px;
	letter-spacing:0.2em;
	-webkit-font-smoothing: antialiased;
	font-weight:bold;
}
#locationList2 ul li#locationList2L {
	float:left;
	width:48%;
}
#locationList2 ul li#locationList2R {
	float:right;
	width:48%;
	margin-left:4%;
}
#locationList2 ul li dl { margin-bottom:40px; }
#locationList2 ul li dl dt {
	float:left;
	clear:both;
	width:57%;
	overflow: hidden;
	padding-top: 7px;
	padding-bottom: 7px;
}
#locationList2 ul li dl dd {
	border-top: 1px dotted #CCC;
	padding-left: 57%;
	padding-top: 7px;
	padding-bottom: 7px;
	text-align:right;
}
#locationList2 ul li dl *:nth-child(2) { border-top: 0px dotted #CCC; }


/*===================================== break point =====================================*/
 @media screen and (max-width : 1060px) {
}


/*===================================== pc =====================================*/
@media screen and (min-width : 1001px) {
}
 @media screen and (min-width : 801px) {
}


/*===================================== tb 900px =====================================*/
 @media screen and (min-width : 641px) and (max-width : 900px) {
}

/*===================================== tb & sp =====================================*/
 @media screen and (max-width : 800px) {
#location_imgList > ul li img {
	max-width:100%;
	width:100%;
}
/**/
#location_map { margin-bottom: 60px; }
/**/

#locationList2 ul li#locationList2L,
#locationList2 ul li#locationList2R {
	font-size:0.9em;
	float:none;
	width:100%;
	margin-left:0%;
}
}

/*===================================== tb =====================================*/
 @media screen and (min-width : 641px) and (max-width : 800px) {
#location article h2#h2_copy {
	width: 65%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
}
#location_imgList > ul li#location_imgList3 {
	width:100%;
	float: none;
	clear:both;
}
#location_imgList > ul li#location_imgList1 { width:80.327%; }
#location_imgList > ul li#location_imgList2 { width:19.673%; }
/**/
#location_imgList > ul li#location_imgList3 div { float:left; }
#location_imgList > ul li#location_imgList3 div:nth-child(1) { width:37.88%; }
#location_imgList > ul li#location_imgList3 div:nth-child(2) { width:41.18%; }
#location_imgList > ul li#location_imgList3 div:nth-child(3) { width:20.94%; }
/**/
#locationList1 { }
#locationList1 ul li {
	width:24%;
	margin-left:1.333333%;
	margin-bottom:30px;
}
#locationList1 ul li:nth-child(5n+1) {
	clear:none;
	margin-left:1.333333%;
}
#locationList1 ul li:nth-child(4n+1) {
	clear:both;
	margin-left:0px;
}
#locationList1 ul li p { }
#locationList1 ul li p.capt { bottom:27%; }
}
 @media screen and (max-width : 930px) {
}

/*===================================== sp =====================================*/
@media screen and (max-width :  640px) {
#visual { }
#visual img {
	width:100%;
	height:auto;
	backface-visibility:hidden;
	-webkit-backface-visibility: hidden;
}
#visual .capt_indent {
	text-align:left;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	padding-top:3px;
}
#location article h2 { /*
	font-size:1.3em;
	*/ margin-bottom:12px; }
#location article h2#h2_copy {
	width: 90%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
}
#location_imgList {
	width: 100%;
	margin-left:auto;
	margin-right:auto;
}
#location_imgList ul li#location_imgList1 { width:100%; }
#location_imgList ul li#location_imgList2 {
	clear:both;
	float:right;
	width:33.24%;
}
#location_imgList ul li#location_imgList3 {
	float:left;
	width:66.76%;
}
/**/
#locationList1 ul li {
	width:48%;
	margin-left:4%;
	margin-bottom:30px;
}
#locationList1 ul li:nth-child(5n+1) {
	clear:none;
	margin-left:4%;
}
#locationList1 ul li:nth-child(odd) {
	margin-left:0px;
	clear:both;
}
#locationList1 ul li img { width:100%; }
#locationList1 ul li p { font-size:0.9em; }
#locationList1 ul li p.capt { bottom:20%; }
/**/

#locationList2 ul li dl { }
#locationList2 ul li dl dt {
	width:62%;
	letter-spacing:-0.03em;
}
#locationList2 ul li dl dd {
	padding-left: 62%;
	letter-spacing:-0.02em;
}
}
@media screen and (max-width :  480px) {
#locationList1 ul li p.capt { bottom:26%; }
}
