@charset "utf-8";

/*========= レイアウトのためのCSS ===============*/
/*
p.caption {
	text-align: center;
	margin:100px 0;
	font-size: 1.2rem;
}

.inner-cap p{
	font-size:0.8rem;
}

.btn{
    display:block;
    outline: none;
    background:#333;
    color: #fff;
    border-radius: 10px;
    padding: 10px 50px;
    margin: 0 auto;
}
.btn:hover{
    background: #056AA9;
}
*/

.map_wrapp .map_wrapp_inner {
	position: relative;
}
.map_wrapp_inner .topmain_btn {
	/*border: 1px #000 solid;*/
	padding:5px 10px;
	height: 40px;
	display: inline-block;
	cursor: pointer;/*カーソルを指マークに変更*/
}
.map_wrapp_inner .topmain_btn em {
	text-align: center;
	display: none;
}

.map_wrapp_inner .zoo{
	position: absolute;
	top:80px;
	right: 376px;
	min-width: 100px;
}
.map_wrapp_inner .satoyama{
	position: absolute;
	top:148px;
	right: 316px;
	min-width: 85px;
}
.map_wrapp_inner .plant{
	position: absolute;
	top:192px;
	left: 28px;
	min-width: 140px;
}
.map_wrapp_inner .housing{
	position: absolute;
	bottom:160px;
	left: 285px;
	min-width: 85px;
}
.map_wrapp_inner .camp{
	position: absolute;
	top:100px;
	left: 40px;
	min-width: 130px;
}
.map_wrapp_inner .park{
	position: absolute;
	bottom:235px;
	left: 370px;
	min-width: 85px;
}
.map_wrapp_inner .mountain{
	position: absolute;
	top:100px;
	right: 170px;
	min-width: 85px;
}
.map_wrapp_inner .ocean{
	position: absolute;
	bottom:100px;
	left: 155px;
	min-width: 90px;
}
.map_wrapp_inner .drinking{
	position: absolute;
	top:120px;
	left: 218px;
	min-width: 100px;
}
.map_wrapp_inner .coastal{
	position: absolute;
	bottom:145px;
	right: 165px;
	min-width: 100px;
}
.map_wrapp_inner .bamboo{
	position: absolute;
	top:135px;
	right: 460px;
	min-width: 85px;
}
/*
.map_wrapp_inner .wood{
	position: absolute;
	bottom:0px;
	right: 0px;
}
*/


/*==========================================
[reset] light-border.css
===========================================*/
.tippy-tooltip.light-border-theme {
	border: 2px solid #fd4120;
	background-color: #fff;
	border-radius: 0px;
	padding: 6px 5px;
  box-shadow: 0 4px 14px -2px rgba(0, 8, 16, .08);
/*
	top:2px!important;
	bottom: 3px!important;
*/
	max-width:200px;
}

.tippy-tooltip.light-border-theme h2 {
	text-align: center;
	color: #fd4120;
	margin-bottom: 10px;
}
@media (max-width: 992px)  {
	.tippy-tooltip.light-border-theme h2 {
	}
}
@media (min-width: 993px)  {
	.tippy-tooltip.light-border-theme h2 {
		font-size: 2.0rem;
	}
}

.tippy-content {
	max-width:calc(200px - 20px);
	white-space: normal!important;
}
.tippy-content p {
	overflow-wrap: break-word;
	font-size: 1.4rem;
}

.tippy-tooltip.light-border-theme a {
	background-color: #fd4120;
	color: #fff;
	text-decoration: none!important;
	display: inline-block;
	padding: 5px 10px;
	border-radius: 10px;
	min-width: 100%;
	text-align: center;
	margin-top: 10px;
}








/*--------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------
　https://unpkg.com/tippy.js@5.0.3/themes/light-border.css
--------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------*/
/***
.tippy-tooltip.light-border-theme {
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 8, 16, .15);
    color: #26323d;
    box-shadow: 0 4px 14px -2px rgba(0, 8, 16, .08)
}
.tippy-tooltip.light-border-theme > .tippy-backdrop {
    background-color: #fff
}
.tippy-tooltip.light-border-theme>.tippy-arrow:after,
.tippy-tooltip.light-border-theme>.tippy-arrow:before,
.tippy-tooltip.light-border-theme>.tippy-svg-arrow:after,
.tippy-tooltip.light-border-theme>.tippy-svg-arrow:before {
    content: "";
    position: absolute;
    z-index: -1
}
.tippy-tooltip.light-border-theme > .tippy-svg-arrow {
    fill: #fff
}
.tippy-tooltip.light-border-theme>.tippy-svg-arrow:after {
    background-image: url('data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEuNDE0IiB2aWV3Qm94PSIwIDAgMTggNyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCA3czIuMDIxLS4wMTUgNS4yNTMtNC4yMThDNi41ODQgMS4wNTEgNy43OTcuMDA3IDkgMGMxLjIwMy0uMDA3IDIuNDE2IDEuMDM1IDMuNzYxIDIuNzgyQzE2LjAxMiA3LjAwNSAxOCA3IDE4IDd6IiBmaWxsPSIjMzMzIiBmaWxsLW9wYWNpdHk9Ii4yMzUiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvc3ZnPg==');
    background-size: 18px 7px;
    width: 18px;
    height: 7px;
    left: 0;
    top: 0;
    fill: rgba(0, 8, 16, .15)
}
.tippy-tooltip.light-border-theme[data-placement^=top]>.tippy-svg-arrow:after {
    top: 1px;
    transform: rotate(180deg)
}
.tippy-tooltip.light-border-theme[data-placement^=top] > .tippy-arrow {
    border-top-color: #fff
}
.tippy-tooltip.light-border-theme[data-placement^=top]>.tippy-arrow:after {
    border-top: 7px solid #fff;
    top: -7px
}
.tippy-tooltip.light-border-theme[data-placement^=top]>.tippy-arrow:before {
    border-top: 7px solid rgba(0, 8, 16, .2);
    bottom: -1px
}
.tippy-tooltip.light-border-theme[data-placement^=bottom]>.tippy-svg-arrow:after {
    top: -1px
}
.tippy-tooltip.light-border-theme[data-placement^=bottom] > .tippy-arrow {
    border-bottom-color: #fff
}
.tippy-tooltip.light-border-theme[data-placement^=bottom]>.tippy-arrow:after {
    border-bottom: 7px solid #fff;
    bottom: -7px
}
.tippy-tooltip.light-border-theme[data-placement^=bottom]>.tippy-arrow:before {
    border-bottom: 7px solid rgba(0, 8, 16, .2);
    bottom: -6px
}
.tippy-tooltip.light-border-theme[data-placement^=left]>.tippy-svg-arrow:after {
    left: 1px;
    top: 0;
    transform: rotate(90deg)
}
.tippy-tooltip.light-border-theme[data-placement^=left] > .tippy-arrow {
    border-left-color: #fff
}
.tippy-tooltip.light-border-theme[data-placement^=left]>.tippy-arrow:after {
    border-left: 7px solid #fff;
    left: -7px
}
.tippy-tooltip.light-border-theme[data-placement^=left]>.tippy-arrow:before {
    border-left: 7px solid rgba(0, 8, 16, .2);
    left: -6px
}
.tippy-tooltip.light-border-theme[data-placement^=right]>.tippy-svg-arrow:after {
    left: -1px;
    top: 0;
    transform: rotate(-90deg)
}
.tippy-tooltip.light-border-theme[data-placement^=right] > .tippy-arrow {
    border-right-color: #fff
}
.tippy-tooltip.light-border-theme[data-placement^=right]>.tippy-arrow:after {
    border-right: 7px solid #fff;
    right: -7px
}
.tippy-tooltip.light-border-theme[data-placement^=right]>.tippy-arrow:before {
    border-right: 7px solid rgba(0, 8, 16, .2);
    right: -6px
}
.tippy-tooltip.light-border-theme[data-placement^=bottom] > .tippy-arrow,
.tippy-tooltip.light-border-theme[data-placement^=bottom]>.tippy-svg-arrow,
.tippy-tooltip.light-border-theme[data-placement^=top]>.tippy-arrow,
.tippy-tooltip.light-border-theme[data-placement^=top] > .tippy-svg-arrow {
    transform: translateX(-1px)
}
.tippy-tooltip.light-border-theme[data-placement^=bottom]>.tippy-arrow:after,
.tippy-tooltip.light-border-theme[data-placement^=bottom]>.tippy-arrow:before,
.tippy-tooltip.light-border-theme[data-placement^=top]>.tippy-arrow:after,
.tippy-tooltip.light-border-theme[data-placement^=top]>.tippy-arrow:before {
    left: -7px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent
}
.tippy-tooltip.light-border-theme[data-placement^=left] > .tippy-arrow,
.tippy-tooltip.light-border-theme[data-placement^=left]>.tippy-svg-arrow,
.tippy-tooltip.light-border-theme[data-placement^=right]>.tippy-arrow,
.tippy-tooltip.light-border-theme[data-placement^=right] > .tippy-svg-arrow {
    transform: translateY(-1px)
}
.tippy-tooltip.light-border-theme[data-placement^=left]>.tippy-arrow:after,
.tippy-tooltip.light-border-theme[data-placement^=left]>.tippy-arrow:before,
.tippy-tooltip.light-border-theme[data-placement^=right]>.tippy-arrow:after,
.tippy-tooltip.light-border-theme[data-placement^=right]>.tippy-arrow:before {
    top: -7px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent
}
***/