@charset "utf-8";

#wrap {
	width:100%;
	margin:0 auto;
}
#gmap-area {
	display: flex;
	flex-flow: row wrap;
    background: #fff;
}
@media only screen and (max-width: 768px) {
	#gmap-area {
		flex-flow: column;
	}
}


/* menu
---------------------------------*/

/*.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;
    background: #fff;
}
.accordion ul li {
	background: #fff;
	display:block;
	position:relative;
		padding:10px 5px;
	border-bottom:1px solid #e9e4d3;
}
.accordion ul li a {
	font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
	display: inline-block;
	color:#4d4013;
	position:relative;
	font-size: 12px;
	vertical-align: middle;
	width: 100%;
}
.accordion ul li a .line2 {
	display: inline-block;
	margin: 0 0 5px 30px;
}
.accordion ul li a .min {
	display: block;
	text-align: right;
	    float: right;
}
.accordion ul li:hover {
	background:#eee;
}
.accordion ul li .num {
    display: inline-block;
    margin: 0 5px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    padding: 3px;
    color: #fff;
    z-index: 50;
    font-size: 12px;
    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;}

ul li .num 	{background:#49606c;}


/* map
---------------------------------*/
iframe {
width: 100%;
height: 750px;
overflow: hidden;
}
#gmap-area {
width: 100%;
overflow: hidden;
}
#maparea {
	width:70%;
	height: 630px;
}

#map {
	height: 100%;
	background:#fff;
	overflow: hidden;
}

#menu {
	padding:0px;
	width:30%;
}

@media screen and (max-width: 768px){
#maparea, #menu {width:100%;}
#maparea{
	height: 400px;
}

iframe {
height: 1050px;
}
}

@media screen and (max-width: 490px){
#maparea{
	height: 300px;
}
iframe {
height: 1000px;
}
}

.infowin_container h4 {
	padding: 6px 0 4px;
    margin: 0;
    font-weight: bold;
    color: #000;
    font-size: 110%;
    letter-spacing: .1em;
	text-align:left;
	font-family: "Times New Roman", Times, NotoSerifCJKjp , "游明朝", YuMincho,"HG明朝B", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ 明朝",serif;
}

.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;
}