@charset "utf-8";


/* detail_map
-------------------------------------------------*/

#detail{
	position:relative;
	width:600px;
	padding:30px 0 0;
	overflow-y:auto;
	margin:0 auto;
}
@media screen and (max-width: 600px) {
	#detail{
		width:95%;
	}
}

.km_L_green{
	color: rgb(42,156,128);
	font-size: 1rem;
	font-weight: bold;
	line-height: 1.2;
	padding:0 .2rem 1.2rem;
	background: url(/img/bd_grass_green.png) repeat-x left bottom;
	margin-bottom: .8rem;
}
.km_L_green b{
	display:inline-block;
	font-size: 1.5rem;
	margin:0 .1rem;
}

#detail #sub{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
	#detail #sub .d_item{
		width:46%;
		margin-bottom:1.5rem;
	}
	#detail #sub .d_item p{
		width:100%;
		text-align:justify;
		text-justify:inter-ideograph;
	}
	#detail #sub .d_item img{
		margin:0 auto 1rem;
	}
	#detail #img_d_main{
		width:100%;
		height:auto;
	}

#detail .plan-link{
    width:48%;
	padding:.5rem 2rem !important;
	margin:0 2% 0 0;
}



/* map
-------------------------------------------------*/

#map{
	position:relative;
	overflow:hidden;
}
#ttl_map{
	position:relative;
	width:100%;
	text-align:center;
}

#img_map{
	position:relative;
	text-align:center;
	overflow:hidden;
}
#img_map img{
	position:relative;
	display:block;
	width:100%;
	height:auto;
}

#map_list h2{
	text-align:center;
	padding: .2em 0 .2rem;
    font-size: 1.3rem;
}
	#map_list ul:after{
		content: "";
		display: table;
		clear: both;
	}
	#map_list ul li{
		display:block;
		float:left;
		width:48%;
		background:#fff;
		border-radius:6px;
		box-shadow:1px 1px 6px rgba(0,0,0,.3);
		margin:0 1% .5rem;
		transition:.3s;
	}
	#map_list ul li a{
		display:block;
		padding:.7rem .4rem .6rem .4rem;
		color:rgb(30,140,120);
		font-weight:bold;
		line-height:1.2;
	}
	#map_list ul li:hover{
		background:rgba(30,140,120,.15);
	}

.i_taiken,
.i_animal,
.i_play,
.i_food,
.i_scene,
.i_spa,
.i_farm,
.i_common{
	display: inline-block;
    position: relative;
	top: -0.1rem;
    width: 1rem;
    height: 1rem;
	padding-top: .15rem;
    text-align: center;
	text-indent:-.1rem;
    color: #fff;
	font-family:'Roboto Condensed', sans-serif;
    font-size: .8rem;
	line-height: .9;
	letter-spacing:-.05rem;
    background: #333;
    border-radius: 1rem;
	margin-right: .2rem;
    
}
.i_animal{background:rgb(42,156,128)}
.i_taiken{background:#004fa4}
.i_play{background:#72b124}
.i_food{background:#f07f00}
.i_scene{background:#eb5199}
.i_spa{background:#ba1756}
.i_farm{background:#a46426}
.i_common{background:rgb(0,153,51)}


@media screen and (max-width: 600px) {
	#leadtxt{
		text-align:left;
	}
	#leadtxt br{
		display:none;
	}
	#map_list ul li{
		width:100%;
	}
}

#pict li{
	display:inline;
}

.overlay{
	max-width:600px;
}