@charset "utf-8";

html,body,.wrapper{width:100%;height:100%;}
body,
.section_inner{background:#fbfaf5;}
a{cursor:pointer;}

.main a:hover,
.dialog_inner nav a:hover,
.dialog_close a:hover{text-decoration:none;}

/* iframe対応 */
body{visibility:hidden;}
.small h1,
.small .main,
.small .footer,
.small .widget_twitter,
.small #slctr1div,
.small .map_nav{display:none;}

.link_iframe{position:absolute;top:10px;left:10px;z-index:999999;width:197px;height:52px;background:#fff;cursor:pointer;}
.link_iframe:hover img{opacity:0.8;}


/* sprite */
.sprt{visibility:hidden;}

.dialog_about,
.dialog_mapion,
.dialog_caution,
.data_title,
.link_join a,
.supportedmapion,
.nav_caution,
.nav_3d,
.nav_map,
.nav_about,
.nav_mapion,
.dialog_close a,
.dialog_inner h2,
.bg_sakura{background-image:url(/f/feature/eq2011/img/sakuraline311prj/sakuraline311prj.gif);background-repeat:no-repeat;}

body{text-align:left;}
.article{position:absolute;top:0;left:0;width:100%;height:100%;}

h1{position:absolute;top:0;left:0;z-index:999;float:left;margin:0;padding:0;background-position:0 0;}
h1 a{display:block;width:206px;height:75px;overflow:hidden;}
h1 a:hover{text-decoration:none;}
h1 a img {
    display: block;position:relative;top:4px;left:4px;
}

.main{position:absolute;top:75px;left:10px;z-index:999;float:left;}
.main .section{width:184px;}


.section{margin:10px 10px 0 0;padding:4px;border:1px solid #ccc;border-radius:8px;background:#fff;}
.section_inner{border:1px dashed #666;border-radius:5px;}

.dialog_about,
.dialog_mapion,
.dialog_caution{display:block;width:100%;overflow:hidden;}
.dialog_about{height:54px;}
.dialog_mapion,
.dialog_caution{height:32px;border-top:1px dashed #666;}
.dialog_about{background-position:0 -100px;}
.dialog_mapion{background-position:0 -200px;}
.dialog_caution{background-position:0 -300px;}
.dialog_about:hover{background-position:-200px -100px;}
.dialog_mapion:hover{background-position:-200px -200px;}
.dialog_caution:hover{background-position:-200px -300px;}

.yearmonth{padding:9px 0 0 6px;text-align:left;}
.data_title{width:100%;height:35px;overflow:hidden;margin:0;padding:0;background-position:-400px -100px;}
.data_detail{position:relative;top:0;left:0;padding:0 6px 6px;}
.data_bar{border-top:1px solid #666;border-left:1px solid #666;background:#ddd;}
.data_bar_now{width:0px;height:16px;border-top:1px solid #fff;border-left:1px solid #fff;background-color:#f26f6d;
background-image: -ms-linear-gradient(top, #F26F6D 0%, #F21616 100%);
background-image: -moz-linear-gradient(top, #F26F6D 0%, #F21616 100%);
background-image: -o-linear-gradient(top, #F26F6D 0%, #F21616 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F26F6D), color-stop(1, #F21616));
background-image: -webkit-linear-gradient(top, #F26F6D 0%, #F21616 100%);
background-image: linear-gradient(top, #F26F6D 0%, #F21616 100%);
}
.data_detail ul{padding:10px 0 0 40px;line-height:1.5;}
.bg_sakura{position:absolute;top:20px;left:0;z-index:9;width:44px;height:54px;overflow:hidden;background-position:-250px 0;}
.link_join{margin:0;padding:6px 0;border-top:1px dashed #666;line-height:1.2;}
.link_join_txt{margin:0 6px;padding:0;}
.link_join_btn{margin:6px 0 0;padding:0;text-align:center;}
.link_join a{display:block;width:172px;height:44px;overflow:hidden;margin:0 auto;background-position:-400px -200px;}
.link_join a:hover{opacity:.8;filter:alpha(opacity="80");}

.section.widget_twitter{position:absolute;bottom:40px;right:10px;z-index:999;float:left;margin:0; width:234px;}
.section.widget_twitter .section_inner{padding:6px;}

.map_wrapper{position:relative;}
#map{position:relative;top:0;left:0;z-index:1;background:#fff;}
.map_nav{position:absolute;top:10px;right:10px;z-index:999;width:140px;padding:6px;border-radius:5px;
background:#aaa;
background:rgba(153,153,153,.5);
}
.map_nav a:hover{text-decoration:none;}
.nav_3d,
.nav_map{display:inline-block;height:21px;overflow:hidden;}
.nav_3d{float:left;width:69px;background-position:-400px -300px;}
.nav_map{float:right;width:63px;background-position:-500px -300px;}
.nav_map:hover{background-position:-500px -350px;}
.nav_3d:hover{background-position:-400px -350px;}
.nav_map.current{background-position:-500px -350px;}
.nav_3d.current{background-position:-400px -350px;cursor:default;}

/* detail dialog */
.dialog_wrapper{position:absolute;top:0;left:0;z-index:9;background-color:#000;opacity:.5;filter:alpha(opacity=50);}
.dialog{display:none;position:absolute;top:0;left:0;z-index:99999;}
.dialog_inner{position:absolute;z-index:999;width:749px;height:551px;overflow:hidden;background:url(/f/feature/eq2011/img/sakuraline311prj/sakuraline311prj_dialog.gif) 0 0 no-repeat;}
.dialog_close{position:absolute;z-index:99999;width:66px;height:66px;overflow:hidden;margin:0;padding:0;}
.dialog_close a{display:block;width:66px;height:66px;overflow:hidden;background-position:-600px -300px;cursor:pointer;}

.detail_about,
.detail_mapion,
.detail_caution{display:none;}
#current_about .detail_about,
#current_mapion .detail_mapion,
#current_caution .detail_caution{display:block;}

.dialog_inner h2{height:50px;margin:30px 0 0 20px;overflow:hidden;}
.detail_about h2{background-position:0 -400px;}
.detail_mapion h2{background-position:0 -450px;}
.detail_caution h2{background-position:0 -500px;}

.dialog_txt{width:700px;height:380px;overflow:auto;margin:0 0 0 25px;padding:15px 0 0;}
.dialog_txt p{margin:15px 0 0;padding:0;line-height:1.5;font-size:14px;}
.dialog_txt span{background:#fff;background:rgba(255, 255, 255, .7);}
.dialog_txt ul{margin:15px 0 0;padding:0 0 0 20px;list-style: disc;line-height:1.2;font-size:14px;}
.dialog_txt li{margin:0 0 5px;}

.dialog_inner nav{position:absolute;bottom:7px;left:5px;width:740px;height:33px;}
.dialog_inner nav a{position:absolute;top:0;display:block;height:32px;}
.dialog_inner nav a.current{cursor:default;}

.nav_about{left:0;width:253px;background-position:-600px 0;}
.nav_mapion{left:254px;width:241px;background-position:-600px -100px;}
.nav_caution{left:496px;width:242px;background-position:-600px -200px;}

.nav_about.current,
.nav_about:hover{background-position:-600px -50px;}
.nav_mapion.current,
.nav_mapion:hover{background-position:-600px -150px;}
.nav_caution.current,
.nav_caution:hover{background-position:-600px -250px;}

/* footer */
.footer{position:absolute;top:100%;left:0;width:100%;height:30px;overflow:hidden;margin:1px 0 0;border-top:1px solid #ccc;}
.supportedmapion{position:absolute;top:0;right:0;display:block;background-position:-400px 0;}
.supportedmapion a{display:block;width:160px;height:30px;overflow:hidden;}

/* social */
.social{margin:0 170px 0 0;padding:5px 0 0 5px;overflow:hidden;}
.social_btn{float:left;height:25px;overflow:hidden;}
.social_twitter{width:105px;}
.social_fb{width:100px;}
.social_mixi{padding:1px 0 0;}


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

アイコンダイアログ
------------------------------------ */

/* MAPION.jsmf.viewcontrol.POIBuilder */
.iconTemplateClose, .iconTemplateMouseover, .iconTemplateCrowd, .iconTemplateOpen{display:none;}
.iconClose .iconTemplateClose,
.iconMouseover .iconTemplateMouseover,
.iconCrowd .iconTemplateCrowd,
.iconOpen .iconTemplateOpen{display:block;}

/* icon */
.iconTemplateMouseover,
.iconTemplateCrowd{position: relative;top: -6px;left: -6px;width: 20em;}
.iconTemplateMouseover.section,
.iconTemplateCrowd.section{margin: 0;}
.iconTemplateCrowd .item{border-top:1px dashed #666;}
.iconTemplateMouseover .image,
.iconTemplateCrowd .image{float:left;width:52px;}
.iconTemplateMouseover .image p,
.iconTemplateCrowd .image p{margin:0;padding:4px 2px;text-align: center;font-weight:bold;}
.iconTemplateMouseover .text,
.iconTemplateCrowd .text{margin:10px 0 0 56px;padding:0 0 5px;font-family: 'ＭＳ ゴシック',monospace;}
.iconTemplateMouseover .text p,
.iconTemplateCrowd .text p{margin:0 2px 0 0;line-height: 1.4;}
.iconTemplateMouseover .text h3,
.iconTemplateCrowd .text h3{margin:0 2px 3px 0;color:#F06060;font-size:14px;line-height: 1.2;}

/* loading */
#loading{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -80px;
    margin-top: -18px;
    z-index: 10;
}

/* ベクター地図 */

.mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
    border-bottom: 20px solid #fff;
}

.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
    border-top: 20px solid #fff;
}

.mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
    border-right: 20px solid #fff;
}

.mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
    border-left: 20px solid #fff;
}

.mapboxgl-popup-tip {
    margin: 0 0 0px;
}

.mapboxgl-popup-content {
    position: relative;
    padding: 0px 10px 0px;
    pointer-events: auto;
    background: none;
    border-radius: 0px;
    box-shadow: none;
    margin: -1px -17px -1px -5px;
}
.mapboxgl-popup-content .iconTemplateMouseover{position: relative;top: 1px;left: -6px;width: 20em;}

.nav-button {
    width: 65px;
    border-radius: 5px;
    border: none;
    margin: 0 0 0 2px;
}

.nav-button.current {
    box-shadow: 0px 0px 0px 3px rgb(236 98 98 / 80%);
}
.section_inner_multiple {
    border-top: none;
}
/* 
.maplibregl-ctrl-top-right {
    margin-top: 40px;
}
*/
.maplibregl-control-container .three-d-button {
    margin: -87px 50px 0 0;
}

#threeDButton {
    width: 90px;
    height: 22px;
}