@charset "utf-8";
/* CSS Document */


/*--------------------------------------------
新マップ用CSS
---------------------------------------------*/
#sogo_map_new{
	position: relative;
	width: 960px;
	height: 680px;
	background-repeat: no-repeat;
	margin-bottom: 30px;
	background-size: cover;
}
.maparea_p-zokuzoku{
	position: absolute;
	left:20px;
	top:20px;
	width: 230px;
	height: 46px;
	line-height: 1;
}

#sogo_map_new #toBhotel{
	position:absolute;
	top: 30px;
	right: 22px;
}
.map_png{
        position: absolute;
        width: 594px;
        height:477px;
        left:180px;
		top:64px;
        background: transparent;
}
/*ピン*/
.map_bg>.pin{
    position: absolute;
    width: 12px;
    height: 12px;
}
.map_bg>.pin.hokkaido{
    left:622px;
    top:199px;
}
.map_bg>.pin.tochigi{
    left:500px;
    top:374px;
}
.map_bg>.pin.gunma{
    left:484px;
    top:368px;
}
.map_bg>.pin.niigata{
    left:470px;
    top:360px;
}
.map_bg>.pin.kanagawa{
    left:481px;
    top:400px;
}
.map_bg>.pin.shizuoka{
    left:464px;
    top:412px;
}
.map_bg>.pin.gifu{
    left:440px;
    top:372px;
}
.map_bg>.pin.ishikawa{
    left:416px;
    top:360px;
}
.map_bg>.pin.kyoto{
    left:378px;
    top:370px;
}
.map_bg>.pin.hyogo{
    left:362px;
    top:384px;
}
.map_bg>.pin.wakayama{
    left:379px;
    top:418px;
}
.map_bg>.pin.okayama{
    left:346px;
    top:386px;
}
.map_bg>.pin.hiroshima{
    left:312px;
    top:386px;
}
.map_bg>.pin.kagawa{
    left:352px;
    top:402px;
}
.map_bg>.pin.ehime{
    left:318px;
    top:408px;
}
.map_bg>.pin.kagoshima{
    left:256px;
    top:450px;
}
.map_bg>.pin.okinawa{
    left:258px;
    top:342px;
}
/*白枠＆ライン(before＆after)*/
.map_bg>.shirowaku{
    background-color: rgba(255, 255, 255, 1);
    border-radius: 10px;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
    position: absolute;
}
.map_bg>.shirowaku a img:hover{
    opacity: 0.7;
}
.map_bg>.shirowaku.hokkaido{
    left:540px;
    top:30px;
}
.map_bg>.shirowaku::before,
.map_bg>.shirowaku::after{
    content: "";
    position: absolute;
}
.map_bg>.shirowaku.hokkaido::before{
    left:88px;
    top:100px;
    width: 1px;
    height: 80px;
    border-left:1px solid #020202;
}
.map_bg>.shirowaku.tochigi{
    left:796px;
    top:166px;
}
.map_bg>.shirowaku.tochigi::before{
    left:-28px;
    bottom:14px;
    width: 28px;
    height: 1px;
    border-top:1px solid #020202;
}
.map_bg>.shirowaku.tochigi::after{
    left:-290px;
    bottom:-48px;
    width: 262px;
    height: 63px;
    border-right:1px solid #020202;
    border-bottom:1px solid #020202;
}
.map_bg>.shirowaku.kanagawa{
    left:796px;
    top:370px;
}
.map_bg>.shirowaku.kanagawa::before{
    left:-300px;
    top:41px;
    width: 300px;
    height: 1px;
    border-bottom:1px solid #020202;
}
.map_bg>.shirowaku.shizuoka{
    left:560px;
    top:482px;
}
.map_bg>.shirowaku.shizuoka::before{
    left:-90px;
    top:-54px;
    width: 90px;
    height: 68px;
    border-bottom:1px solid #020202;
    border-left:1px solid #020202;
}
.map_bg>.shirowaku.gunma{
    left:610px;
    top:270px;
}
.map_bg>.shirowaku.gunma::before{
    left:-120px;
    bottom:-14px;
    width: 120px;
    height: 40px;
    border-left:1px solid #020202;
	border-top:1px solid #020202;
}
.map_bg>.shirowaku.niigata{
    left:464px;
    top:126px;
}
.map_bg>.shirowaku.niigata::before{
    left:13px;
    top:100px;
    width: 1px;
    height: 140px;
    border-left:1px solid #020202;
}
.map_bg>.shirowaku.gifu{
  left:384px;
  top:126px;
}
.map_bg>.shirowaku.gifu::before{
	left:63px;
    top:100px;
    width: 1px;
    height: 150px;
    border-left:1px solid #020202;
}

.map_bg>.shirowaku.ishikawa{
    left:266px;
    top:90px;
}
.map_bg>.shirowaku.ishikawa::before{
    left:51px;
    bottom:-182px;
    width: 106px;
    height: 160px;
    border-top:1px solid #020202;
    border-right:1px solid #020202;
}
.map_bg>.shirowaku.ishikawa::after{
    left:50px;
    bottom:-21px;
    width: 1px;
    height: 21px;
    border-right:1px solid #020202;
}
.map_bg>.shirowaku.kyoto{
  left:113px;
  top:90px;
}
.map_bg>.shirowaku.kyoto::before{
    left:81px;
    bottom:-194px;
    width: 191px;
    height: 160px;
    border-top:1px solid #020202;
    border-right:1px solid #020202;
}
.map_bg>.shirowaku.kyoto::after{
    left:80px;
    bottom:-34px;
    width: 1px;
    height: 34px;
    border-right:1px solid #020202;
}
.map_bg>.shirowaku.hyogo{
  left:404px;
  top:510px;
}
.map_bg>.shirowaku.hyogo::before{
    left:-30px;
    top:-115px;
    width: 60px;
    height: 115px;
    border-top:1px solid #020202;
    border-right:1px solid #020202;
}
.map_bg>.shirowaku.wakayama{
  left:326px;
  top:510px;
}
.map_bg>.shirowaku.wakayama::before{
    left:60px;
    top:-80px;
    width: 1px;
    height: 80px;
    border-left:1px solid #020202;
}
.map_bg>.shirowaku.okayama{
  left:300px;
  top:242px;
}
.map_bg>.shirowaku.okayama::before{
    left:53px;
    bottom:-50px;
    width: 1px;
    height: 50px;
    border-left:1px solid #020202;
}
.map_bg>.shirowaku.hiroshima{
  left:33px;
  top:292px;
}
.map_bg>.shirowaku.hiroshima::before{
    left:100%;
    top:80px;
    width: 96px;
    height: 30px;
    border-top:1px solid #020202;
    border-right:1px solid #020202;
}
.map_bg>.shirowaku.kagawa{
  left:230px;
  top:510px;
}
.map_bg>.shirowaku.kagawa::before{
    left:41px;
    top:-92px;
    width: 88px;
    height: 80px;
    border-bottom:1px solid #020202;
    border-right:1px solid #020202;
}
.map_bg>.shirowaku.kagawa::after{
    left:40px;
    top:-12px;
    width: 1px;
    height: 12px;
    border-right:1px solid #020202;
}
.map_bg>.shirowaku.ehime{
  left:150px;
  top:510px;
}
.map_bg>.shirowaku.ehime::before{
    left:41px;
    top:-92px;
    width: 134px;
    height: 68px;
    border-bottom:1px solid #020202;
    border-right:1px solid #020202;
}
.map_bg>.shirowaku.ehime::after{
    left:40px;
    top:-24px;
    width: 1px;
    height: 24px;
    border-right:1px solid #020202;
}
.map_bg>.shirowaku.kagoshima{
  left:48px;
  top:510px;
}
.map_bg>.shirowaku.kagoshima::before{
    left:41px;
    top:-49px;
    width: 170px;
    height: 49px;
    border-top:1px solid #020202;
    border-left:1px solid #020202;
}
.map_bg>.shirowaku.okinawa{
  left:33px;
  top:126px;
}
.map_bg>.shirowaku.okinawa::before{
    left:41px;
    bottom:-125px;
    width: 191px;
    height: 80px;
    border-top:1px solid #020202;
    border-right:1px solid #020202;
}
.map_bg>.shirowaku.okinawa::after{
    left:40px;
    bottom:-44px;
    width: 1px;
    height: 44px;
    border-right:1px solid #020202;
}
.maparea_dl{
    margin:0;
    padding:4px;
}
.maparea_dl dt{
    font-weight: bold;
    font-size: 12px;
    padding-left:12px;
    padding-bottom: 6px;
	line-height: 1.4em;
}
.maparea_dl dt a{
    color: #cc0000;
    text-decoration: none;
    position: relative;
}
.maparea_dl dt a::before {
    content: "";
    width: 4px;
    height: 4px;
    position: absolute;
    left: -10px;
    top: 6px;
    border-top: 2px solid #cc0000;
    border-right: 2px solid #cc0000;
    transform: rotate(45deg);
}
.maparea_dl div{
    display: flex;
    gap:4px;
    margin:0 4px;
}
.map_bg>.shirowaku.shizuoka .maparea_dl div{
    flex-wrap: wrap;
    max-width: 350px;
}
.map_bg>.shirowaku.tochigi .maparea_dl div{
    flex-wrap: wrap;
    max-width: 114px;
}
.pin-outline {
	stroke: #fff;
	stroke-width: 3px;
	fill: none;
  }
  .map_group {
	isolation: isolate;
  }
  .map_color {
	fill: #fa976c;
  }
  .map_line {
	fill: #6e4b3b;
  }
  .map_opa {
	mix-blend-mode: multiply;
	opacity: .5;
  }
  .map_kugiri {
	stroke: #d8561c;
	stroke-miterlimit: 10;
	fill: none;
  }
  .pin-hokkaido {fill: url(#gradation_pin);}
  .pin-kanagawa {fill: url(#grade_pin-kanagawa);}
  .pin-tochigi {fill: url(#grade_pin-tochigi);}
  .pin-gunma {fill: url(#grade_pin-gunma);}
  .pin-gifu {fill: url(#grade_pin-gifu);}
  .pin-ishikawa {fill: url(#grade_pin-ishikawa);}
  .pin-shizuoka {fill: url(#grade_pin-shizuoka);}
  .pin-kyoto {fill: url(#grade_pin-kyoto);}
  .pin-hyogo {fill: url(#grade_pin-hyogo);}
  .pin-wakayama {fill: url(#grade_pin-wakayama);}
  .pin-hiroshima {fill: url(#grade_pin-hiroshima);}
  .pin-kagawa {fill: url(#grade_pin-kagawa);}
  .pin-ehime {fill: url(#grade_pin-ehime);}
  .pin-kagoshima {fill: url(#grade_pin-kagoshima);}
  .pin-okinawa {fill: url(#grade_pin-okinawa);}