@charset "UTF-8";



/*----------------------------------------------
icon
----------------------------------------------*/
.mapArea *[class*="icon_"]{
vertical-align: middle;
padding-left: 25px;
    background-position: left 2px;
    background-repeat: no-repeat;
    line-height: 1.8;
}
.icon_restaurant01{
background-image: url(/common/common/images/icon_restaurant01.png);
}
.icon_shop01{
background-image: url(/common/common/images/icon_shop01.png);
}
.icon_fudosan01{
background-image: url(/common/common/images/icon_fudosan01.png);
}
.icon_service01{
background-image: url(/common/common/images/icon_service01.png);
}


/*----------------------------------------------

----------------------------------------------*/

.mapArea {
position: relative;
}
.mapArea .mapPic {
text-align: center;
position: relative;
z-index: 0;
top: 0;
left: 0;
right: 0;
margin: auto;
float: left;
    width: 330px;
}
.mapArea .mapPic img{
width: auto;
}
.mapArea .mapPicSp {
display: none;
}

.mapArea .inner{
width: auto;
/*position: absolute;*/
top: 0;
left: 0;
}
.mapArea .inner .iconBox01{
padding: 20px;
margin-bottom: 30px;
border: 1px solid #a7a7a7;
box-sizing: border-box;
}
.mapArea .inner .iconBox01 li{
font-size: 1.8rem;
margin: 0 0 10px;
}
.mapArea .inner .iconBox01 li:last-of-type{
margin:0;
}
.mapArea .inner .map_shopList01{
float: left;
width: 320px;
}
.mapArea .inner .map_shopList01:nth-of-type(2){
float: right;
}

.mapArea .inner .map_shopList01 dl{
display: table;
width: 100%;
margin-bottom: 30px;
}
.mapArea .inner .map_shopList01 dt,
.mapArea .inner .map_shopList01 dd{
display: table-cell;
vertical-align: top;
}
.mapArea .inner .map_shopList01 dt{
width: 40px;
/*padding-top: 5px;*/
}
.mapArea .inner .map_shopList01 dt span{
padding: 2px;
width: 20px;
height: 20px;
line-height: 1;
font-size: 1.3rem;
color: #fff;
text-align: center;
vertical-align: middle;
background: #005c42;
display: table-cell;
}
.mapArea .inner .map_shopList01 ul li{
margin-bottom: 10px;
font-size: 1.6rem;
color: #a7a7a7;
line-height: 1.3;
}
.mapArea .inner .map_shopList01 ul li.bold a{
font-weight: bold;
font-size: 1.8rem;
}
.mapArea .inner .map_shopList01 ul li a{
font-size: 1.6rem;
color: #005c42;
line-height: 1.3;
}

/*--media screen--*/
@media screen and (max-width: 768px) {
.mapArea .mapPic {
display: none;
}
.mapArea .mapPicSp {
display: block;
text-align: center;
}
.mapArea .mapPicSp img {
width: 60%;
}
.mapArea .inner .map_shopList01,
.mapArea .inner .map_shopList01:nth-of-type(2){
float: none;
width: 100%;
}
.mapArea .inner .map_shopList01 dt{
padding-top: 0;
}
}