﻿@charset "utf-8";


body {
    padding: 0;
    margin: 0;
}
body {
	padding: 0;
}

#wrap {
	/*max-width: 1170px;*/
	width:100%;
	margin:0 auto;
}
#sec_gmap {
	display: flex;flex-wrap: wrap;
}


/* menu
---------------------------------*/
#menu {
	padding:0px;
	width:30%;
	height: 600px;
    overflow: hidden;
    overflow-y: scroll;
	background: rgba(255,255,255,0.6);
}
.accordion h3,
.accordion h3 a {
	height:36px;
	text-indent:-9999px;
}


.accordion h3.leisure_title a 	{background-position:0 0;}
.accordion h3.shopping_title a 	{background-position:0 -36px;}
.accordion h3.food_title a 		{background-position:0 -72px;}
.accordion h3.living_title a 	{background-position:0 -108px;}

.ui-state-active a {
	display:none;
}
.accordion ul {
   overflow: hidden;
    padding-left: 0;
    font-size: 12px;
    margin-top: 0;
}
.accordion ul li {
	display:block;
	position:relative;
		padding:15px 10px;
	border-bottom:1px solid #ccc;
}
.accordion ul li a {
	display: inline-block;
	color: #000;
	position:relative;
	font-size: 12px;
	vertical-align: middle;
	width: 100%;
	text-decoration: none;
}
.accordion ul li a .min {
	display: block;
	text-align: right;
	    float: right;
	font-size: 11px;
}
.accordion ul li:hover {
	background: #fff;
}
.accordion ul li .num {
	background: #7E6941;
	display: inline-block;
	width: 20px;
	height: 20px;
	color: #fff;
	font-size: 13px;
	line-height: 1.5;
	text-align: center;
	margin: 0 10px 0 0;
	vertical-align: middle;
}

*:first-child+html .accordion ul li a {
	z-index:1;
	width:197px;
	float:left;
}

.accordion .caption { padding: 10px; color: #333; line-height: 1.4;}



/* map
---------------------------------*/
.mapWrap iframe{
	height: 600px;
}
#maparea {
	width:70%;
	height: 600px;
}
#map {
	height: 100%;
	background:#fff;
}
iframe{
	height: 600px!important;
}
/*@media only screen and (max-width: 991px) {
	#maparea {
		width:60%;
		height: 700px;
	}
	#menu {
		width: 40%;
	}
	iframe{
		height: 750px!important;
	}	
}
@media only screen and (max-width: 768px) {
	#maparea {
		height: 500px;
	}
	iframe{
		height: 500px!important;
	}
}
@media only screen and (max-width: 767px) {
	#maparea {
		
	}
	#menu {
		width: 100%;
	}
	#maparea {
		width: 100%;
	}
}*/
@media screen and (max-width: 960px) {
	#menu {
		height: 500px;
	}
	#maparea {
		height: 500px;
	}
}
@media screen and (max-width: 640px) {
	#menu {
		width: 100%;height: 250px;
	}
	#maparea {
		width: 100%;height: 250px;
	}
}


.infowin_container h4 {
	margin: 0;
	font-weight: 500;
	font-size: 100%;
	letter-spacing: .04em;
	text-align:left;
	/*font-family: "Times New Roman", Times, NotoSerifCJKjp , "游明朝", YuMincho,"HG明朝B", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ 明朝",serif;*/
}
@media screen and (max-width: 640px) {
	.infowin_container h4 {
		font-size: 90%;
	}
}

.infowin_container p{
	margin:0 0 5px;
	padding-left:0px;
	background:transparent none no-repeat top left;
	text-align:left;
	clear:left;
}
/*
.infowin_container p span {color:#FFF; padding:0px 2px; text-align:center; margin-right:5px; width:65px; display:block; float:left; font-size:10px; }
.infowin_leisure span {background:#e88419;}
.infowin_shopping span {background:#d988ae;}
.infowin_food span {background:#ff6e57;}
.infowin_living span {background:#6ab131;}*/

p.comment {
	line-height:1.3;
	text-align:right;
}

.infowin_leisure p.comment a {
	color:#e88419;
	text-decoration:underline;
}

.infowin_shopping p.comment a {
	color:#d988ae;
	text-decoration:underline;
}

.infowin_food p.comment a {
	color:#ff6e57;
	text-decoration:underline;
}

.infowin_living p.comment a {
	color:#6ab131;
	text-decoration:underline;
}

.infowin_leisure p.comment a:hover,
.infowin_shopping p.comment a:hover,
.infowin_p.comment a:hover,
.infowin_living p.comment a:hover {
	text-decoration:none;
}
