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

#contents_bg { margin-top: 60px; }

h3.head { font-weight: bold; margin-bottom: 2em;}

#location_map1 { max-width: 1280px; margin: auto;}
#location_map1_inner { background: #fff;}

#location_map1_map { width: 100%; height: auto; z-index: 1; }
#location_map1_map img { width: 100%; height: auto;}

/****************************************************
map plot
****************************************************/



.plot_1 { background: url(../images/life_info/plot01.png) no-repeat; }
.plot_2 { background: url(../images/life_info/plot02.png) no-repeat; }
.plot_3 { background: url(../images/life_info/plot03.png) no-repeat; }
.plot_4 { background: url(../images/life_info/plot04.png) no-repeat; }
.plot_5 { background: url(../images/life_info/plot05.png) no-repeat; }
.plot_6 { background: url(../images/life_info/plot06.png) no-repeat; }
.plot_7 { background: url(../images/life_info/plot07.png) no-repeat; }
.plot_8 { background: url(../images/life_info/plot08.png) no-repeat; }
.plot_9 { background: url(../images/life_info/plot09.png) no-repeat; }
.plot_10 { background: url(../images/life_info/plot10.png) no-repeat; }
.plot_11 { background: url(../images/life_info/plot11.png) no-repeat; }
.plot_12 { background: url(../images/life_info/plot12.png) no-repeat; }
.plot_13 { background: url(../images/life_info/plot13.png) no-repeat; }
.plot_14 { background: url(../images/life_info/plot14.png) no-repeat; }
.plot_15 { background: url(../images/life_info/plot15.png) no-repeat; }
.plot_16 { background: url(../images/life_info/plot16.png) no-repeat; }
.plot_17 { background: url(../images/life_info/plot17.png) no-repeat; }
.plot_18 { background: url(../images/life_info/plot18.png) no-repeat; }
.plot_19 { background: url(../images/life_info/plot19.png) no-repeat; }



#location_map1_plot_1 { top: 1007px; left: 696px; }
#location_map1_plot_2 { top: 940px; left: 603px; }
#location_map1_plot_3 { top: 935px; left: 450px; }
#location_map1_plot_4 { top: 486px; left: 762px; }
#location_map1_plot_5 { top: 310px; left: 280px; }
#location_map1_plot_6 { top: 810px; left: 1014px; }
#location_map1_plot_7 { top: 630px; left: 870px; }
#location_map1_plot_8 { left: 726px; top: 606px; }
#location_map1_plot_9 { top: 530px; left: 780px; }
#location_map1_plot_10 { top: 810px; left: 1115px; }
#location_map1_plot_11 { top: 730px; left: 1040px; }
#location_map1_plot_12 { top: 826px; left: 1070px; }
#location_map1_plot_13 { top: 826px; left: 1093px; }
#location_map1_plot_14 { top: 903px; left: 530px; }
#location_map1_plot_15 { top: 954px; left: 850px; }
#location_map1_plot_16 { top: 784px; left: 610px; }
#location_map1_plot_17 { top: 960px; left: 640px; }
#location_map1_plot_18 { top: 750px; left: 954px; }
#location_map1_plot_19 { top: 853px; left: 1130px; }

#location_map1_list { overflow: hidden; padding: 0% 3%;}
.location_map1_list_group {
	overflow: hidden;
	padding: 3% 0;
	text-align: center;
	width: 100%;
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
}
#location_map1_list .plotmap_item { display: inline-block; *display: inline; *zoom:1; vertical-align: top; width: 46%; overflow: hidden; padding: 10px 1.5%; text-align: left; position: relative; }
#location_map1_list h3 { color: #333; }
#location_map1_list p { color: #333; }


.plotmap_item .icon { width: 40px; height: 40px; position: absolute; top: 0; left: 0; background-image: url(../images/location/location_map1_item_icon.jpg); }

/* 詳細 */
.plotDescTit {
	line-height: 40px;
	font-size: 16px;
	margin-top: 10px;
	padding-left: 30px;
	border-bottom: 1px solid #ff23b8;
}
#plotDescTit01 { background: url(../images/life_info/plot01.png) no-repeat; border-color: #86005b; }
#plotDescTit02 { background: url(../images/life_info/plot02.png) no-repeat; border-color: #ff23b8; }
#plotDescTit03 { background: url(../images/life_info/plot03.png) no-repeat; border-color: #ff23b8; }
#plotDescTit04 { background: url(../images/life_info/plot04.png) no-repeat; border-color: #009fb2; }
#plotDescTit05 { background: url(../images/life_info/plot05.png) no-repeat; border-color: #009fb2; }
#plotDescTit06 { background: url(../images/life_info/plot06.png) no-repeat; border-color: #009fb2; }
#plotDescTit07 { background: url(../images/life_info/plot07.png) no-repeat; border-color: #009fb2; }
#plotDescTit08 { background: url(../images/life_info/plot08.png) no-repeat; border-color: #ab8100; }
#plotDescTit09 { background: url(../images/life_info/plot09.png) no-repeat; border-color: #ab8100; }
#plotDescTit10 { background: url(../images/life_info/plot10.png) no-repeat; border-color: #ab8100; }
#plotDescTit11 { background: url(../images/life_info/plot11.png) no-repeat; border-color: #333333; }
#plotDescTit12 { background: url(../images/life_info/plot12.png) no-repeat; border-color: #333333; }
#plotDescTit13 { background: url(../images/life_info/plot13.png) no-repeat; border-color: #333333; }
#plotDescTit14 { background: url(../images/life_info/plot14.png) no-repeat; border-color: #070098; }
#plotDescTit15 { background: url(../images/life_info/plot15.png) no-repeat; border-color: #0b9900; }
#plotDescTit16 { background: url(../images/life_info/plot16.png) no-repeat; border-color: #ffa200; }
#plotDescTit17 { background: url(../images/life_info/plot17.png) no-repeat; border-color: #ffa200; }
#plotDescTit18 { background: url(../images/life_info/plot18.png) no-repeat; border-color: #ffa200; }
#plotDescTit19 { background: url(../images/life_info/plot19.png) no-repeat; border-color: #ffa200; }

.disc p { font-size: 13px; line-height: 20px; }


.plotDetailBox { margin-top: 10px; }

 @media screen and (-webkit-min-device-pixel-ratio: 2) {
.plotmap_item .icon { background-image: url(../images/location/location_map1_item_icon@2x.jpg); background-size: 40px 280px; }
}
.plotmap_item1 .icon { background-position: 0 0px;}
.plotmap_item2 .icon { background-position: 0 -40px;}
.plotmap_item3 .icon { background-position: 0 -80px;}
.plotmap_item4 .icon { background-position: 0 -120px;}
.plotmap_item5 .icon { background-position: 0 -160px;}
.plotmap_item6 .icon { background-position: 0 -200px;}
.plotmap_item7 .icon { background-position: 0 -240px;}

.plotmap_item1 h4 { color: #369; }
.plotmap_item2 h4 { color: #c90; }
.plotmap_item3 h4 { color: #669; }
.plotmap_item4 h4 { color: #930; }
.plotmap_item5 h4 { color: #c36; }
.plotmap_item6 h4 { color: #099; }
.plotmap_item7 h4 { color: #390; }



#location_map1_list .plotmap_item .photo { float: left; width: 35%; max-width: 120px; margin-right: 20px; padding: 0px; text-align: center; }

#location_map1_list .plotmap_item .photo img { width: 100%; height: auto; }
#location_map1_list .plotmap_item .disc { overflow: hidden; padding: 0px; min-width: 120px; }

#location_map1_list_group2 { border-top: 1px solid #eee;}
#location_map1_list_group2 .plotmap_item .photo { width: 50%; max-width: 240px; }

#location_map1_list_group2 #location_map1_item_sub { width: 30%;}
#location_map1_list_group2 #location_map1_item_19 { width: 62%;}

@media screen and (max-width: 800px) {
#location_map1_list { padding: 2% 5%;}
.location_map1_list_group_head p { text-align: left;}
#location_map1_list .plotmap_item { display: block; width: auto; padding: 0 0 20px; }
#location_map1_list_group2 #location_map1_item_sub { width: auto;}
#location_map1_list_group2 #location_map1_item_19 { width: auto;}
}

@media screen and (max-width: 400px) {
#location_map1_list_group2 .plotmap_item .photo { float: none; width: 100%; margin: auto; }
}

#location_approach { max-width: 1280px; margin: auto; border-top: 1px solid #ccc; }
#location_approach_inner { background: #fff; overflow: hidden; padding: 3% 5%; text-align: center; }

#location_approach_lead, #location_approach_img1, #location_approach_img2, #location_approach_caption {
	display: inline-block; *display: inline; *zoom:1; vertical-align: top; text-align: left; padding: 10px 0;
}
#location_approach_img1 { max-width: 600px; }
#location_approach_img2 { min-width: 240px; text-align: center; }
#location_approach_img1 .photo {padding: 10px;}
#location_approach_img1 .photo img { width: 100%; height: auto;}

#location_approach_img2 .photo {
	display: inline-block; *display: inline; *zoom:1; vertical-align: top; text-align: left; padding: 10px; width: 240px; height: 200px;}
	
#location_halloween { max-width: 1280px; margin: auto; background: #fff; padding: 0 0 5%; }
#location_halloween_inner { overflow: hidden; margin: 0 5%; padding: 2%; border: 1px solid #ccc; }
#location_halloween .head { margin-bottom: 1em; }
#location_halloween_img { float: right; margin: 0 0 0 1em; }
#location_halloween_caption { overflow: hidden; margin-top: 1em; }

@media screen and (max-width: 800px) {
#location_halloween_inner { padding: 15px; }
}

@media screen and (max-width: 640px) {
#location_halloween_img { float: none;  width: auto; text-align: center; margin: 1em 0; }
}