@charset "utf-8";

/*--------------------------------------------------------
 reset
--------------------------------------------------------*/
*{
outline:none;
margin:0;
padding:0;
}

body{
font-family:"Osaka","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
font-size:12px;
line-height:1.4;
-webkit-text-size-adjust:100%;
}

a{color:#3388FF;}
img{
border:none;
vertical-align:top;
}

input,select{
vertical-align:middle;
}

table{
border-collapse:collapse;
border:none;
}

ul,li{
margin:0;
padding:0;
list-style:none;
}

input,textarea,select,table,th,td{
font-size:100%;
}

em,address,cite{
font-style:normal;
}

/*--------------------------------------------------------
 pc
--------------------------------------------------------*/
body.pc{
text-align:center;
background-color: #F7F9F9;
}

/* .MapiInner */
body.pc .MapiInner{
/* margin:0 auto;
 */padding:0;
text-align:left;
background: #fff;
border-right:1px #eee solid;
}
body.pc  ul.poiInfo {
    border-bottom: 1px solid #ffcc99;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
body.pc h1{
margin: 0 0 5px;
font-size: 120%;
}
body.pc #MapiInfoMapArea{background: #eee;padding:1px;}

/* .MapiInfoTable */
body.pc .MapiInfoTable{
    width: 500px;
    margin: 0 0 10px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #CDCED8;
}

body.pc .MapiInfoTable th{
width:80px;
background:#f7f7f7;
font-weight:normal;
}

body.pc .MapiInfoTable th,.MapiInfoTable td{
padding:9px;
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
}

body.pc .MapiInfoTable .postCode{
display:block;
}

/* #MapiInfoMapArea */
body.pc #MapiDispCont{
margin: 0 19px;
padding-top: 10px;
text-align: left;
}

/* #MapiDataArea */
body.pc #MapiDataArea{
float:right;
}

body.pc #MapiDataArea .MapiSection{
margin:0 0 1px;
padding:9px;
background:#fff;
border:1px solid #ccc;
}

body.pc #MapiDataArea .MapiSectionTitle{
margin-bottom:5px;
font-weight:bold;
}

body.pc #MapiDataArea a{
padding:0 0 0 16px;
background:url(../img/icon_arrow.gif) left center no-repeat;
}

body.pc #MapiDataArea .MapiCaution{
margin-top:3px;
color:#666;
}

body.pc #MapiDataArea .MapiCaution li{
list-style-type:none !important;
margin:0 0 0 1em !important;
text-indent:-1em;
line-height:1.2;
}

body.pc #MapiSecRoute select{
margin:0 0 5px;
}

body.pc #MapiLandmarkLineVisibility{
margin-right:3px;
}

body.pc #MapiSecToMobile form{
margin:0 0 5px;
}

body.pc #mapion_mail_send_btn{
padding:1px 6px;
}

body.pc #MapiQRArea{
margin:15px 0;
}

body.pc #MapiQRArea .MapiQrCode{
float:left;
margin:0 10px 0 0;
border:1px #999 solid;
}

body.pc #MapiQRArea p{
float:left;
margin:0;
}

body.pc #MapiCautionArea{
display:none;
margin:10px 0;
padding:10px 13px 10px 10px;
background:#FFC;
color:#666;
}

body.pc #MapiCautionArea li{
list-style-type:disc;
margin:0 0 5px 15px;
}

body.pc #MapiCautionArea p{
text-align:right;
}

body.pc p.pagetop {
    text-align: center;
    margin: 0;
    padding: 5px 0;
}
/* #MapiMapArea */
body.pc #MapiMapArea{
float:left;
}

/* #MapiMapDiv */
body.pc #MapiMapDiv{
border:1px solid #ccc;
}

/* #MapiFooter */
body.pc #MapiFooter #MapiDispCont{
margin: 0 19px;
padding-top: 10px;
text-align: left;
border-top:1px solid #ccc;
text-align:center;
}

/* .MapiNoHit */
body.pc .MapiNoHit{
padding:40px 0 150px;
text-align:center;
}

/* #MapiMailLightBox */
#MapiMailLightBox{
display:none;
position:fixed;
top:0px;
left:0px;
width:100%;
visibility:visible;
z-index:20000;
background:url(../img/lightbox_bg.png) 0 0 repeat;
text-align:center;
}

.MapiLightBox{
position:absolute;
top:50%;
left:50%;
width:586px;
height:386px;
margin:-102px 0 0 -300px;
padding:2px;
border:5px solid #ccc;
overflow:hidden;
background:#fff;
text-align:center;
visibility:visible;
z-index:20010;
text-align:left;
}

* html .MapiLightBox{
width:600px;
height:400px;
}

.MapiLightBoxMail{
height:193px !important;
}

body#MapiLayoutLightBox{
background:none;
text-align:left;
}

body#MapiLayoutLightBox h1{
margin:0 0 10px;
padding:0 0 0 15px;
background:url(../img/title_border.gif) left top no-repeat;
font-size:14px;
line-height:1.1;
}

body#MapiLayoutLightBox #MapiCloseArea{
padding:20px 0 0;
text-align:center;
}

body#MapiLayoutLightBox #MapiCloseArea a{
display:block;
width:91px;
height:32px;
margin:0 auto;
background:url(../img/btn_close.gif) no-repeat 0 0;
text-indent:-9999px;
}

body#MapiLayoutLightBox #MapiCloseArea a:hover{
background-position:0 100%;
}

/* .MapiClearfix */
body.pc .MapiClearfix{
min-height:1px;
}

* html body.pc .MapiClearfix{
display:inline-block;
}

body.pc .MapiClearfix:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

/*--------------------------------------------------------
 sp
--------------------------------------------------------*/
/* #MapiHeader */
body.sp #MapiHeader{
position:relative;
border-bottom:1px #ccc solid;
background:#fff;
z-index: 999999999;
}

/* #InfoHeader */
body.sp #InfoHeader{
position:absolute;
width:100%;
box-sizing:border-box;
background:#fff;
box-shadow:0 0 4px #888;
z-index:99999999;
-webkit-tap-highlight-color:rgba(0,0,0,0);
overflow:hidden;
}

body.sp #InfoHeader h1{
padding:15px 10px;
font-size:14px;
}

/* .MapiInfoTable */
body.sp .MapiInfoTable{
width:100%;
border:0;
}

body.sp .MapiInfoTable tr{
display:-webkit-box;
display:-moz-box;
padding:0 10px 15px;
}

body.sp .MapiInfoTable th,
body.sp .MapiInfoTable td{
display:block;
position:relative;
width:auto;
padding:0;
border:0;
background:transparent;
vertical-align:top;
}

body.sp .MapiInfoTable th{
text-align:right;
white-space:nowrap;
}

body.sp .MapiInfoTable th span{
display:inline-block;
position:relative;
margin-right:13px;
}

body.sp .MapiInfoTable th span:after{
content:"：";
position:absolute;
top:0;
left:100%;
}

body.sp .MapiInfoTable td{
-webkit-box-flex:1;
-moz-box-flex:1
}

/* #InfoHeader.toggle */
body.sp #InfoHeader.toggle:before,
body.sp #InfoHeader.toggle:after{
position:absolute;
bottom:0;
left:50%;
display:block;
content:'';
width:4px;
height:14px;
background-color:#ccc;
border-radius:4px;
}
body.sp #InfoHeader.toggle:before{
margin-left:-7px;
-webkit-transform:rotate(-70deg);
-moz-transform:rotate(-70deg);
}
body.sp #InfoHeader.toggle:after{
margin-left:3px;
-webkit-transform:rotate(70deg);
-moz-transform:rotate(70deg);
}

body.sp #InfoHeader.toggle.open{
height:auto !important;
padding-bottom:10px;
}

body.sp #InfoHeader.toggle.open:before{
-webkit-transform:rotate(70deg);
-moz-transform:rotate(70deg);
}
body.sp #InfoHeader.toggle.open:after{
-webkit-transform:rotate(-70deg);
-moz-transform:rotate(-70deg);
}

body.sp #InfoHeader.toggle .MapiInfoTable tr{
display:none;
}

body.sp #InfoHeader.toggle .MapiInfoTable tr:first-child,
body.sp #InfoHeader.toggle.open .MapiInfoTable tr,
body.sp #InfoHeader h1 + .MapiInfoTable tr{
display:-webkit-box;
display:-moz-box;
}

/* #MapiInfoMapArea */
body.sp #MapiInfoMapArea{
position:relative;
width:100%;
}

/* #MapiMap, #map */
body.sp #MapiMap,
body.sp #map{
width:100%;
}

body.sp #mapZoomIn,
body.sp #mapZoomOut,
body.sp #backPos{
position:absolute;
right:5px;
border:solid 1px rgba(150,150,150,0.7);
background-color:rgba(255,255,255,0.8);
cursor:pointer;
font-size:1px;
z-index:8001;
}

body.sp #backPos{
top:5px;
padding:8px;
border-radius:3px;
}

body.sp #mapZoomIn{
top:50px;
padding:18px 8px;
border-radius:3px 3px 0 0;
border-bottom:none;
}

body.sp #mapZoomOut{
top:109px;
padding:18px 8px;
border-radius:0 0 3px 3px;
}

/* .MapiNoHit */
body.sp .MapiNoHit{
padding-top:30px;
text-align:center;
}

/*--------------------------------------------------------
 tb
--------------------------------------------------------*/
body.sp.tb #backPos{
top:10px;
}

body.sp.tb #mapZoomIn{
top:65px;
}

body.sp.tb #mapZoomOut{
top:132px;
}

body.sp.tb #backPos img,
body.sp.tb #mapZoomIn img,
body.sp.tb #mapZoomOut img{
width:30px !important;
height:30px !important;
}

/** ルーラー位置変更 */
body.pc #scctr2div {
    top: 5px !important;
}