@charset "UTF-8";

/* ------------------------------------------------------------------
jsmap
------------------------------------------------------------------ */
@media only screen and (min-width:1000px) {
	div.jsMapWrap {
		position: relative;
		height: 450px;
		overflow: hidden;
    background: url("../images/map/map_bg.png") 50% 50% no-repeat;
    background-size: cover;
	}
	div.jsMapContent {
		position: relative;
		z-index: 10;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 50% 50%;
	}
	div.jsMapContent.jsMap-japan{
		background-position: 50% 50%;
	}
	div.jsCatch {
    position: absolute;
    top: 20px;
    left: 30px;
	}
  div.jsHead{
    position: absolute;
    top: 20px;
    right: 20px;
  }
	div.jsHead p.jhTxt {
		text-align: right;
		font-size: 1.6rem;
		font-weight: 700;
		box-sizing: border-box;
	}
	div.jsHead p.jhTxt span{
    display: inline-block;
    background: #222;
    color: #fff;
    padding: 10px 20px;
    border-radius: 20px;
	}
	div.jsMapWrap p.jsBackLink {
		position: absolute;
		top: 20px;
		left: 20px;
		z-index: 11;
	}
	div.jsMapWrap p.jsBackLink.is-visible {
		height: auto;
	}
	div.jsMapWrap p.jsBackLink span {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 20px;
		font-size: 1.6rem;
		font-weight: 700;
		color: #fff;
    background: #3da1cd;
		cursor: pointer;
		transition: all .3s ease-out;
	}
	div.jsMapWrap p.jsBackLink span:before {
		content: "\f0d9";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-style: normal;
		margin: 0 0.5em 0 0;
	}
	div.jsMapWrap p.jsBackLink span:hover {
		opacity: 0.75;
	}
	.jsBtn {
		position: absolute;
		min-width: 80px;
		height: 54px;
		padding: 0 6px;
		vertical-align: middle;
		border-width: 2px;
		border-style: solid;
		box-shadow: 0 0 0 2px #fff;
		background: #fff;
		border-radius: 5px;
		font-size: 1.8rem;
		font-weight: 600;
		line-height: 1.2;
		text-decoration: none !important;
		text-align: center;
	}
	.jsMap-japan .jsBtn {
		height: 44px;
	}
	.jsBtn span {
		display: block;
		position: relative;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.jsBtn:before {
		content: '';
		display: inline-block;
		position: absolute;
		width: 0;
		height: 0;
		border: 10px solid transparent;
	}
	.jsBtn:after {
		content: '';
		display: inline-block;
		position: absolute;
		width: 0;
		height: 0;
		border: 6px solid transparent;
	}
	.jsBtn:hover {
		opacity: 0.75;
	}
	.jsBtn i {
		position: absolute;
	}
	.jsBtn i:before {
		position: absolute;
		content: "\f192";
		font-size: 1.6rem;
		font-style: normal;
		color: #fff;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-style: normal;
	}
	.jsarr-bl:before {
		bottom: -22px;
		left: 30%;
		margin: 0 0 0 -10px;
		border-top-color: #fff;
	}
	.jsarr-bl:after {
		bottom: -14px;
		left: 30%;
		margin: 0 0 0 -6px;
	}
	.jsarr-bl i {
		bottom: -11px;
		left: 30%;
		margin: 0 0 0 -6px;
	}
	.jsarr-bc:before {
		bottom: -22px;
		left: 50%;
		margin: 0 0 0 -10px;
		border-top-color: #fff;
	}
	.jsarr-bc:after {
		bottom: -14px;
		left: 50%;
		margin: 0 0 0 -6px;
	}
	.jsarr-bc i {
		bottom: -11px;
		left: 50%;
		margin: 0 0 0 -7px;
	}
	.jsarr-br:before {
		bottom: -22px;
		right: 30%;
		margin: 0 -10px 0 0;
		border-top-color: #fff;
	}
	.jsarr-br:after {
		bottom: -14px;
		right: 30%;
		margin: 0 -6px 0 0;
	}
	.jsarr-br i {
		bottom: -11px;
		right: 30%;
		margin: 0 6px 0 0;
	}
	.jsarr-tl:before {
		top: -22px;
		left: 30%;
		margin: 0 0 0 -10px;
		border-bottom-color: #fff;
	}
	.jsarr-tl:after {
		top: -14px;
		left: 30%;
		margin: 0 0 0 -6px;
	}
	.jsarr-tl i {
		top: -30px;
		left: 30%;
		margin: 0 0 0 -8px;
	}
	.jsarr-tc:before {
		top: -22px;
		left: 50%;
		margin: 0 0 0 -10px;
		border-bottom-color: #fff;
	}
	.jsarr-tc:after {
		top: -14px;
		left: 50%;
		margin: 0 0 0 -6px;
	}
	.jsarr-tc i {
		top: -30px;
		left: 50%;
		margin: 0 0 0 -8px;
	}
	.jsarr-tr:before {
		top: -22px;
		right: 30%;
		margin: 0 -10px 0 0;
		border-bottom-color: #fff;
	}
	.jsarr-tr:after {
		top: -14px;
		right: 30%;
		margin: 0 -6px 0 0;
	}
	.jsarr-tr i {
		top: -30px;
		right: 30%;
		margin: 0 7px 0 0;
	}
	.jsarr-mr:before {
		top: 50%;
		right: -22px;
		margin: -10px 0 0 0;
		border-left-color: #fff;
	}
	.jsarr-mr:after {
		top: 50%;
		right: -14px;
		margin: -6px 0 0 0;
	}
	.jsarr-mr i {
		top: 50%;
		right: -14px;
		margin: -9px 0 0 0;
	}
	.jsarr-ml:before {
		top: 50%;
		left: -22px;
		margin: -10px 0 0 0;
		border-right-color: #fff;
	}
	.jsarr-ml:after {
		top: 50%;
		left: -14px;
		margin: -6px 0 0 0;
	}
	.jsarr-ml i {
		top: 50%;
		left: -28px;
		margin: -9px 0 0 0;
	}
}

@media only screen and (max-width:999px) {
	div.jsMapWrap {
		position: relative;
		height: 100vw;
		overflow: hidden;
    background: url("../images/map/map_bg.png") 50% 50% no-repeat;
    background-size: cover;
	}
	div.jsMapContent {
		position: relative;
		z-index: 10;
		background-size: 120% auto;
		background-repeat: no-repeat;
		background-position: 50% 80%;
	}
	div.jsMapContent.jsMap-japan{
		background-position: 50% 100%;
	}
	div.jsCatch {
    position: absolute;
    top: 10px;
    left: 15px;
    width: 70%;
	}
  div.jsHead{
    position: absolute;
    top: 10px;
    right: 10px;
  }
	div.jsHead p.jhTxt {
		text-align: right;
		font-size: 1.4rem;
		font-weight: 700;
		box-sizing: border-box;
	}
	div.jsHead p.jhTxt span{
    display: inline-block;
    background: #222;
    color: #fff;
    padding: 10px 20px;
    border-radius: 20px;
	}
	div.jsMapWrap p.jsBackLink {
		position: absolute;
		top: 10px;
		left: 10px;
		z-index: 11;
	}
	div.jsMapWrap p.jsBackLink.is-visible {
		height: auto;
	}
	div.jsMapWrap p.jsBackLink span {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 20px;
		font-size: 1.4rem;
		font-weight: 700;
		color: #fff;
    background: #3da1cd;
		cursor: pointer;
		transition: all .3s ease-out;
	}
	div.jsMapWrap p.jsBackLink span:before {
		content: "\f0d9";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-style: normal;
		margin: 0 0.5em 0 0;
	}
	div.jsMapWrap p.jsBackLink span:hover {
		opacity: 0.75;
	}
	.jsBtn {
		position: absolute;
		min-width: 80px;
		height: 54px;
		padding: 0 6px;
		vertical-align: middle;
		border-width: 2px;
		border-style: solid;
		box-shadow: 0 0 0 2px #fff;
		background: #fff;
		border-radius: 5px;
		font-size: 1.8rem;
		font-weight: 600;
		line-height: 1.2;
		text-decoration: none !important;
		text-align: center;
	}
	.jsMap-japan .jsBtn {
		height: 44px;
	}
	.jsBtn span {
		display: block;
		position: relative;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.jsBtn:before {
		content: '';
		display: inline-block;
		position: absolute;
		width: 0;
		height: 0;
		border: 10px solid transparent;
	}
	.jsBtn:after {
		content: '';
		display: inline-block;
		position: absolute;
		width: 0;
		height: 0;
		border: 6px solid transparent;
	}
	.jsBtn:hover {
		opacity: 0.75;
	}
	.jsBtn {
		position: absolute;
		min-width: 40px;
		height: 40px;
		padding: 0 4px;
		vertical-align: middle;
		border-width: 2px;
		border-style: solid;
		box-shadow: 0 0 0 2px #fff;
		background: #fff;
		border-radius: 5px;
		font-size: 1.6rem;
		font-weight: 600;
		line-height: 1.2;
		text-decoration: none;
		text-align: center;
	}
	.jsMap-japan .jsBtn {
		height: 40px;
	}
	@media only screen and (max-width:320px) {
    .jsMap-japan .jsBtn {
      height: 32px;
    }
    .jsBtn {
      min-width: 32px;
      height: 32px;
      padding: 0 2px;
      font-size: 1.4rem;
    }
	}
	.jsBtn span {
		display: block;
		position: relative;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.jsBtn:before {
		content: '';
		display: inline-block;
		position: absolute;
		width: 0;
		height: 0;
		border: 10px solid transparent;
	}
	.jsBtn:after {
		content: '';
		display: inline-block;
		position: absolute;
		width: 0;
		height: 0;
		border: 6px solid transparent;
	}
	.jsBtn.hover {
		opacity: 0.75;
	}
	.jsBtn i {
		position: absolute;
	}
	.jsBtn i:before {
		position: absolute;
		content: "\f192";
		font-size: 1.6rem;
		font-style: normal;
		color: #fff;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-style: normal;
	}
	.jsarr-bl:before {
		bottom: -22px;
		left: 30%;
		margin: 0 0 0 -10px;
		border-top-color: #fff;
	}
	.jsarr-bl:after {
		bottom: -14px;
		left: 30%;
		margin: 0 0 0 -6px;
	}
	.jsarr-bl i {
		bottom: -11px;
		left: 30%;
		margin: 0 0 0 -6px;
	}
	.jsarr-bc:before {
		bottom: -22px;
		left: 50%;
		margin: 0 0 0 -10px;
		border-top-color: #fff;
	}
	.jsarr-bc:after {
		bottom: -14px;
		left: 50%;
		margin: 0 0 0 -6px;
	}
	.jsarr-bc i {
		bottom: -11px;
		left: 50%;
		margin: 0 0 0 -7px;
	}
	.jsarr-br:before {
		bottom: -22px;
		right: 30%;
		margin: 0 -10px 0 0;
		border-top-color: #fff;
	}
	.jsarr-br:after {
		bottom: -14px;
		right: 30%;
		margin: 0 -6px 0 0;
	}
	.jsarr-br i {
		bottom: -11px;
		right: 30%;
		margin: 0 6px 0 0;
	}
	.jsarr-tl:before {
		top: -22px;
		left: 30%;
		margin: 0 0 0 -10px;
		border-bottom-color: #fff;
	}
	.jsarr-tl:after {
		top: -14px;
		left: 30%;
		margin: 0 0 0 -6px;
	}
	.jsarr-tl i {
		top: -30px;
		left: 30%;
		margin: 0 0 0 -8px;
	}
	.jsarr-tc:before {
		top: -22px;
		left: 50%;
		margin: 0 0 0 -10px;
		border-bottom-color: #fff;
	}
	.jsarr-tc:after {
		top: -14px;
		left: 50%;
		margin: 0 0 0 -6px;
	}
	.jsarr-tc i {
		top: -30px;
		left: 50%;
		margin: 0 0 0 -8px;
	}
	.jsarr-tr:before {
		top: -22px;
		right: 30%;
		margin: 0 -10px 0 0;
		border-bottom-color: #fff;
	}
	.jsarr-tr:after {
		top: -14px;
		right: 30%;
		margin: 0 -6px 0 0;
	}
	.jsarr-tr i {
		top: -30px;
		right: 30%;
		margin: 0 7px 0 0;
	}
	.jsarr-mr:before {
		top: 50%;
		right: -22px;
		margin: -10px 0 0 0;
		border-left-color: #fff;
	}
	.jsarr-mr:after {
		top: 50%;
		right: -14px;
		margin: -6px 0 0 0;
	}
	.jsarr-mr i {
		top: 50%;
		right: -14px;
		margin: -9px 0 0 0;
	}
	.jsarr-ml:before {
		top: 50%;
		left: -22px;
		margin: -10px 0 0 0;
		border-right-color: #fff;
	}
	.jsarr-ml:after {
		top: 50%;
		left: -14px;
		margin: -6px 0 0 0;
	}
	.jsarr-ml i {
		top: 50%;
		left: -28px;
		margin: -9px 0 0 0;
	}
}
div.jsMap-japan {
	background-image: url(../images/map/japan.png);
}
div.jsMap-hokkaido {
	background-image: url(../images/map/hokkaido.png);
}
div.jsMap-tohoku {
	background-image: url(../images/map/tohoku.png);
}
div.jsMap-kanto {
	background-image: url(../images/map/kanto.png);
}
div.jsMap-hokushinetsu {
	background-image: url(../images/map/hokushinetsu.png);
}
div.jsMap-tokai {
	background-image: url(../images/map/tokai.png);
}
div.jsMap-kinki {
	background-image: url(../images/map/kinki.png);
}
div.jsMap-chugoku {
	background-image: url(../images/map/chugoku.png);
}
div.jsMap-shikoku {
	background-image: url(../images/map/shikoku.png);
}
div.jsMap-kyushu {
	background-image: url(../images/map/kyushu.png);
}

/* ------------------------------------------------------------------
jsToggleContent
------------------------------------------------------------------ */
@media only screen and (min-width:1000px) {
	/* 北海道 */
	.jsBtn-hokkaido {
		top: 8%;
		left: 64%;
	}
	.jsBtn-sapporo {
		top: 40%;
		left: 36%;
	}
	/* 東北 */
	.jsBtn-tohoku {
		top: 34%;
		left: 70%;
	}
	.jsBtn-aomori {
		top: 12%;
		left: 50%;
	}
	.jsBtn-iwate {
		top: 39%;
		left: 62%;
	}
	.jsBtn-miyagi {
		top: 60%;
		left: 62%;
	}
	.jsBtn-akita {
		top: 39%;
		left: 20%;
	}
	.jsBtn-yamagata {
		top: 60%;
		left: 20%;
	}
	.jsBtn-fukushima {
		top: 83%;
		left: 46%;
	}
	/* 関東 */
	.jsBtn-kanto {
		top: 58%;
		left: 72%;
	}
	.jsBtn-ibaraki {
		top: 23%;
		left: 74%;
	}
	.jsBtn-chiba {
		top: 62%;
		left: 66%;
	}
	.jsBtn-saitama {
		top: 40%;
		left: 14%;
	}
	.jsBtn-gunma {
		top: 20%;
		left: 14%;
	}
	.jsBtn-tochigi {
		top: 8%;
		left: 44%;
	}
	.jsBtn-kanagawa {
		top: 72%;
		left: 14%;
	}
	.jsBtn-tokyo {
		top: 56%;
		left: 40%;
	}
	/* 北信越 */
	.jsBtn-hokushinetsu {
		top: 40%;
		left: 48%;
	}
	.jsBtn-niigata {
		top: 16%;
		left: 64%;
	}
	.jsBtn-nagano {
		top: 46%;
		left: 70%;
	}
	.jsBtn-yamanashi {
		top: 76%;
		left: 60%;
	}
	.jsBtn-toyama {
		top: 32%;
		left: 38%;
	}
	.jsBtn-ishikawa {
		top: 40%;
		left: 10%;
	}
	.jsBtn-fukui {
		top: 76%;
		left: 11%;
	}
	/* 東海 */
	.jsBtn-tokai {
		bottom: 14%;
		left: 58%;
	}
	.jsBtn-shizuoka {
		top: 46%;
		left: 76%;
	}
	.jsBtn-mie {
		top: 28%;
		left: 14%;
	}
	.jsBtn-gifu {
		top: 16%;
		left: 42%;
	}
	.jsBtn-aichi {
		top: 64%;
		left: 44%;
	}
	/* 近畿 */
	.jsBtn-kinki {
		top: 57%;
		left: 48%;
	}
	.jsBtn-shiga {
		top: 22%;
		left: 72%;
	}
	.jsBtn-nara {
		top: 49%;
		left: 72%;
	}
	.jsBtn-wakayama {
		top: 76%;
		left: 48%;
	}
	.jsBtn-kyoto {
		top: 20%;
		left: 42%;
	}
	.jsBtn-osaka {
		top: 48%;
		left: 30%;
	}
	.jsBtn-hyogo {
		top: 32%;
		left: 10%;
	}
	/* 中国 */
	.jsBtn-chugoku {
		top: 52%;
		left: 28%;
	}
	.jsBtn-tottori {
		top: 20%;
		left: 65%;
	}
	.jsBtn-shimane {
		top: 20%;
		left: 39%;
	}
	.jsBtn-okayama {
		top: 66%;
		left: 64%;
	}
	.jsBtn-hiroshima {
		top: 66%;
		left: 40%;
	}
	.jsBtn-yamaguchi {
		top: 46%;
		left: 10%;
	}
	/* 四国 */
	.jsBtn-shikoku {
		bottom: 8%;
		left: 32%;
	}
	.jsBtn-kagawa {
		top: 24%;
		left: 56%;
	}
	.jsBtn-tokushima {
		top: 64%;
		left: 59%;
	}
	.jsBtn-ehime {
		top: 24%;
		left: 18%;
	}
	.jsBtn-kochi {
		top: 64%;
		left: 24%;
	}
	/* 九州・沖縄 */
	.jsBtn-kyushu {
		top: 68%;
		left: 8%;
	}
	.jsBtn-fukuoka {
		top: 22%;
		left: 76%;
	}
	.jsBtn-oita {
		top: 44%;
		left: 76%;
	}
	.jsBtn-miyazaki {
		top: 66%;
		left: 76%;
	}
	.jsBtn-saga {
		top: 12%;
		left: 44%;
	}
	.jsBtn-nagasaki {
		top: 24%;
		left: 14%;
	}
	.jsBtn-kumamoto {
		top: 45%;
		left: 34%;
	}
	.jsBtn-kagoshima {
		top: 78%;
		left: 36%;
	}
	.jsBtn-okinawa {
		top: 63%;
		left: 8%;
	}
}

@media only screen and (max-width:999px) {
	/* 北海道 */
	.jsBtn-hokkaido {
		top: 16%;
		left: 72%;
	}
	.jsBtn-sapporo {
		top: 40%;
		left: 36%;
	}
	/* 東北 */
	.jsBtn-tohoku {
		top: 40%;
		left: 74%;
	}
	.jsBtn-aomori {
		top: 18%;
		left: 50%;
	}
	.jsBtn-iwate {
		top: 46%;
		left: 62%;
	}
	.jsBtn-miyagi {
		top: 62%;
		left: 62%;
	}
	.jsBtn-akita {
		top: 46%;
		left: 14%;
	}
	.jsBtn-yamagata {
		top: 62%;
		left: 14%;
	}
	.jsBtn-fukushima {
		bottom: 4%;
		left: 46%;
	}
	/* 関東 */
	.jsBtn-kanto {
		top: 64%;
		left: 78%;
	}
	.jsBtn-ibaraki {
		top: 36%;
		left: 77%;
	}
	.jsBtn-chiba {
		top: 66%;
		left: 72%;
	}
	.jsBtn-saitama {
		top: 48%;
		left: 10%;
	}
	.jsBtn-gunma {
		top: 30%;
		left: 10%;
	}
	.jsBtn-tochigi {
		top: 18%;
		left: 44%;
	}
	.jsBtn-kanagawa {
		top: 72%;
		left: 10%;
	}
	.jsBtn-tokyo {
		top: 60%;
		left: 44%;
	}
	/* 北信越 */
	.jsBtn-hokushinetsu {
		top: 46%;
		left: 52%;
	}
	.jsBtn-niigata {
		top: 20%;
		left: 70%;
	}
	.jsBtn-nagano {
		top: 50%;
		left: 74%;
	}
	.jsBtn-yamanashi {
		top: 79%;
		left: 62%;
	}
	.jsBtn-toyama {
		top: 40%;
		left: 38%;
	}
	.jsBtn-ishikawa {
		top: 44%;
		left: 8%;
	}
	.jsBtn-fukui {
		top: 78%;
		left: 11%;
	}
	/* 東海 */
	.jsBtn-tokai {
		bottom: 10%;
		left: 60%;
	}
	.jsBtn-shizuoka {
		top: 50%;
		left: 76%;
	}
	.jsBtn-mie {
		top: 28%;
		left: 14%;
	}
	.jsBtn-gifu {
		top: 24%;
		left: 42%;
	}
	.jsBtn-aichi {
		top: 68%;
		left: 40%;
	}
	/* 近畿 */
	.jsBtn-kinki {
		top: 62%;
		left: 49%;
	}
	.jsBtn-shiga {
		top: 26%;
		left: 68%;
	}
	.jsBtn-nara {
		top: 53%;
		left: 76%;
	}
	.jsBtn-wakayama {
		top: 78%;
		left: 48%;
	}
	.jsBtn-kyoto {
		top: 26%;
		left: 42%;
	}
	.jsBtn-osaka {
		top: 53%;
		left: 30%;
	}
	.jsBtn-hyogo {
		top: 38%;
		left: 4%;
	}
	/* 中国 */
	.jsBtn-chugoku {
		top: 56%;
		left: 28%;
	}
	.jsBtn-tottori {
		top: 28%;
		left: 65%;
	}
	.jsBtn-shimane {
		top: 28%;
		left: 39%;
	}
	.jsBtn-okayama {
		top: 72%;
		left: 64%;
	}
	.jsBtn-hiroshima {
		top: 72%;
		left: 40%;
	}
	.jsBtn-yamaguchi {
		top: 52%;
		left: 10%;
	}
	/* 四国 */
	.jsBtn-shikoku {
		bottom: 4%;
		left: 32%;
	}
	.jsBtn-kagawa {
		top: 30%;
		left: 56%;
	}
	.jsBtn-tokushima {
		top: 70%;
		left: 59%;
	}
	.jsBtn-ehime {
		top: 30%;
		left: 18%;
	}
	.jsBtn-kochi {
		top: 70%;
		left: 24%;
	}
	/* 九州・沖縄 */
	.jsBtn-kyushu {
		top: 74%;
		left: 2%;
	}
	.jsBtn-fukuoka {
		top: 32%;
		right: 4%;
	}
	.jsBtn-oita {
		top: 50%;
		right: 4%;
	}
	.jsBtn-miyazaki {
		top: 68%;
		right: 4%;
	}
	.jsBtn-saga {
		top: 20%;
		left: 44%;
	}
	.jsBtn-nagasaki {
		top: 32%;
		left: 10%;
	}
	.jsBtn-kumamoto {
		top: 50%;
		left: 34%;
	}
	.jsBtn-kagoshima {
		top: 78%;
		left: 34%;
	}
	.jsBtn-okinawa {
		top: 64%;
		left: 4%;
	}
}
/* ------------------------------------------------------------------
animated
------------------------------------------------------------------ */
.is-visible {
	visibility: visible;
	height: 100%;
	opacity: 1;
	-webkit-animation: map-show 0.6s linear;
	-moz-animation: map-show 0.6s linear;
	animation: map-show 0.6s linear;
}
.is-hidden {
	visibility: hidden;
	height: 0;
	opacity: 0;
	-webkit-animation: map-hide 0.3s linear;
	-moz-animation: map-hide 0.3s linear;
	animation: map-hide 0.3s linear;
}
.is-initial .is-visible, .is-initial .is-hidden {
	-webkit-animation: none;
	-moz-animation: none;
	animation: none;
}
.jsMap-japan.is-hidden {
	-webkit-animation: map-hide-japan 0.3s linear;
	-moz-animation: map-hide-japan 0.3s linear;
	animation: map-hide-japan 0.3s linear
}
 @-webkit-keyframes map-show {
	0% {
	visibility:hidden;
	height:0;
	opacity:0
	}
	50% {
	visibility:hidden;
	height:0;
	opacity:0
	}
	51% {
	visibility:visible;
	height:100%;
	opacity:0;
	-webkit-transform:scale(0.8);
	-moz-transform:scale(0.8);
	-ms-transform:scale(0.8);
	-o-transform:scale(0.8);
	transform:scale(0.8)
	}
	100% {
	visibility:visible;
	height:100%;
	opacity:1;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1)
	}
}
@-moz-keyframes map-show {
	0% {
	visibility:hidden;
	height:0;
	opacity:0
	}
	50% {
	visibility:hidden;
	height:0;
	opacity:0
	}
	51% {
	visibility:visible;
	height:100%;
	opacity:0;
	-webkit-transform:scale(0.8);
	-moz-transform:scale(0.8);
	-ms-transform:scale(0.8);
	-o-transform:scale(0.8);
	transform:scale(0.8)
	}
	100% {
	visibility:visible;
	height:100%;
	opacity:1;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1)
	}
}
@keyframes map-show {
	0% {
	visibility:hidden;
	height:0;
	opacity:0
	}
	50% {
	visibility:hidden;
	height:0;
	opacity:0
	}
	51% {
	visibility:visible;
	height:100%;
	opacity:0;
	-webkit-transform:scale(0.8);
	-moz-transform:scale(0.8);
	-ms-transform:scale(0.8);
	-o-transform:scale(0.8);
	transform:scale(0.8)
	}
	100% {
	visibility:visible;
	height:100%;
	opacity:1;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1)
	}
}
@-webkit-keyframes map-hide {
	0% {
	visibility:visible;
	margin-bottom:1000px;
	height:100%;
	opacity:1;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1)
	}
	99% {
	visibility:hidden;
	height:100%;
	opacity:0;
	-webkit-transform:scale(0.8);
	-moz-transform:scale(0.8);
	-ms-transform:scale(0.8);
	-o-transform:scale(0.8);
	transform:scale(0.8)
	}
	100% {
	margin-bottom:0;
	height:0
	}
}
@-moz-keyframes map-hide {
	0% {
	visibility:visible;
	margin-bottom:1000px;
	height:100%;
	opacity:1;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1)
	}
	99% {
	visibility:hidden;
	height:100%;
	opacity:0;
	-webkit-transform:scale(0.8);
	-moz-transform:scale(0.8);
	-ms-transform:scale(0.8);
	-o-transform:scale(0.8);
	transform:scale(0.8)
	}
	100% {
	margin-bottom:0;
	height:0
	}
}
@keyframes map-hide {
	0% {
	visibility:visible;
	margin-bottom:1000px;
	height:100%;
	opacity:1;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1)
	}
	99% {
	visibility:hidden;
	height:100%;
	opacity:0;
	-webkit-transform:scale(0.8);
	-moz-transform:scale(0.8);
	-ms-transform:scale(0.8);
	-o-transform:scale(0.8);
	transform:scale(0.8)
	}
	100% {
	margin-bottom:0;
	height:0
	}
}
@-webkit-keyframes map-hide-japan {
	0% {
	visibility:visible;
	margin-bottom:1000px;
	height:100%;
	opacity:1;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1)
	}
	99% {
	visibility:hidden;
	height:100%;
	opacity:0;
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2)
	}
	100% {
	margin-bottom:0;
	height:0
	}
}
@-moz-keyframes map-hide-japan {
	0% {
	visibility:visible;
	margin-bottom:1000px;
	height:100%;
	opacity:1;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1)
	}
	99% {
	visibility:hidden;
	height:100%;
	opacity:0;
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2)
	}
	100% {
	margin-bottom:0;
	height:0
	}
}
@keyframes map-hide-japan {
	0% {
	visibility:visible;
	margin-bottom:1000px;
	height:100%;
	opacity:1;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1)
	}
	99% {
	visibility:hidden;
	height:100%;
	opacity:0;
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2)
	}
	100% {
	margin-bottom:0;
	height:0
	}
}
/* ------------------------------------------------------------------
area
------------------------------------------------------------------ */
.c-hokkaido {
	color: #c859b7 !important;
}
.jsMap-hokkaido .jsHead p.jhTxt span{
	background: #c859b7 !important;
}
.jsBtn-hokkaido,
.jsBtn-hokkaido a,
.jsMap-hokkaido .jsBtn {
	color: #c859b7 !important;
	border-color: #c859b7 !important;
}
.jsBtn-hokkaido:after {
	border-top-color: #c859b7 !important;
}
div#nav_g01 dl.hokkaido dt a {
	color: #c859b7 !important;
}
.jsMap-hokkaido .jsarr-bl:after,
.jsMap-hokkaido .jsarr-bc:after,
.jsMap-hokkaido .jsarr-br:after {
	border-top-color: #c859b7 !important;
}
.jsMap-hokkaido .jsarr-tl:after,
.jsMap-hokkaido .jsarr-tc:after,
.jsMap-hokkaido .jsarr-tr:after {
	border-bottom-color: #c859b7 !important;
}
.jsMap-hokkaido .jsarr-mr:after {
	border-left-color: #c859b7 !important;
}
.jsMap-hokkaido .jsarr-ml:after {
	border-right-color: #c859b7 !important;
}
#jsMap-sapporo p {
	color: #c859b7 !important;
}
#jsMap-sapporo ul li a {
	background: #c859b7 !important;
}

.c-tohoku {
	color: #6f7ad0 !important;
}
.jsMap-tohoku .jsHead p.jhTxt span{
	background: #6f7ad0 !important;
}
.jsBtn-tohoku,
.jsBtn-tohoku a,
.jsMap-tohoku .jsBtn {
	color: #6f7ad0 !important;
	border-color: #6f7ad0 !important;
}
.jsBtn-tohoku:after {
	border-top-color: #6f7ad0 !important;
}
div#nav_g01 dl.tohoku dt a {
	color: #6f7ad0 !important;
}
.jsMap-tohoku .jsarr-bl:after,
.jsMap-tohoku .jsarr-bc:after,
.jsMap-tohoku .jsarr-br:after {
	border-top-color: #6f7ad0 !important;
}
.jsMap-tohoku .jsarr-tl:after,
.jsMap-tohoku .jsarr-tc:after,
.jsMap-tohoku .jsarr-tr:after {
	border-bottom-color: #6f7ad0 !important;
}
.jsMap-tohoku .jsarr-mr:after {
	border-left-color: #6f7ad0 !important;
}
.jsMap-tohoku .jsarr-ml:after {
	border-right-color: #6f7ad0 !important;
}

.c-kanto {
	color: #30a8d1 !important;
}
.jsMap-kanto .jsHead p.jhTxt span{
	background: #30a8d1 !important;
}
.jsBtn-kanto,
.jsBtn-kanto a,
.jsMap-kanto .jsBtn {
	color: #30a8d1 !important;
	border-color: #30a8d1 !important;
}
.jsBtn-kanto:after {
	border-right-color: #30a8d1 !important;
}
div#nav_g01 dl.kanto dt a {
	color: #30a8d1 !important;
}
.jsMap-kanto .jsarr-bl:after,
.jsMap-kanto .jsarr-bc:after,
.jsMap-kanto .jsarr-br:after {
	border-top-color: #30a8d1 !important;
}
.jsMap-kanto .jsarr-tl:after,
.jsMap-kanto .jsarr-tc:after,
.jsMap-kanto .jsarr-tr:after {
	border-bottom-color: #30a8d1 !important;
}
.jsMap-kanto .jsarr-mr:after {
	border-left-color: #30a8d1 !important;
}
.jsMap-kanto .jsarr-ml:after {
	border-right-color: #30a8d1 !important;
}

.c-hokushinetsu {
	color: #34bbb8 !important;
}
.jsMap-hokushinetsu .jsHead p.jhTxt span{
	background: #34bbb8 !important;
}
.jsBtn-hokushinetsu,
.jsBtn-hokushinetsu a,
.jsMap-hokushinetsu .jsBtn {
	color: #34bbb8 !important;
	border-color: #34bbb8 !important;
}
.jsBtn-hokushinetsu:after {
	border-top-color: #34bbb8 !important;
}
div#nav_g01 dl.hokushinetsu dt a {
	color: #34bbb8 !important;
}
.jsMap-hokushinetsu .jsarr-bl:after,
.jsMap-hokushinetsu .jsarr-bc:after,
.jsMap-hokushinetsu .jsarr-br:after {
	border-top-color: #34bbb8 !important;
}
.jsMap-hokushinetsu .jsarr-tl:after,
.jsMap-hokushinetsu .jsarr-tc:after,
.jsMap-hokushinetsu .jsarr-tr:after {
	border-bottom-color: #34bbb8 !important;
}
.jsMap-hokushinetsu .jsarr-mr:after {
	border-left-color: #34bbb8 !important;
}
.jsMap-hokushinetsu .jsarr-ml:after {
	border-right-color: #34bbb8 !important;
}

.c-tokai {
	color: #6dbd5a !important;
}
.jsMap-tokai .jsHead p.jhTxt span{
	background: #6dbd5a !important;
}
.jsBtn-tokai,
.jsBtn-tokai a,
.jsMap-tokai .jsBtn {
	color: #6dbd5a !important;
	border-color: #6dbd5a !important;
}
.jsBtn-tokai:after {
	border-bottom-color: #6dbd5a !important;
}
div#nav_g01 dl.tokai dt a {
	color: #6dbd5a !important;
}
.jsMap-tokai .jsarr-bl:after,
.jsMap-tokai .jsarr-bc:after,
.jsMap-tokai .jsarr-br:after {
	border-top-color: #6dbd5a !important;
}
.jsMap-tokai .jsarr-tl:after,
.jsMap-tokai .jsarr-tc:after,
.jsMap-tokai .jsarr-tr:after {
	border-bottom-color: #6dbd5a !important;
}
.jsMap-tokai .jsarr-mr:after {
	border-left-color: #6dbd5a !important;
}
.jsMap-tokai .jsarr-ml:after {
	border-right-color: #6dbd5a !important;
}

.c-kinki {
	color: #e7a800 !important;
}
.jsMap-kinki .jsHead p.jhTxt span{
	background: #e7a800 !important;
}
.jsBtn-kinki,
.jsBtn-kinki a,
.jsMap-kinki .jsBtn {
	color: #e7a800 !important;
	border-color: #e7a800 !important;
}
.jsBtn-kinki:after {
	border-top-color: #e7a800 !important;
}
div#nav_g01 dl.kinki dt a {
	color: #e7a800 !important;
}
.jsMap-kinki .jsarr-bl:after,
.jsMap-kinki .jsarr-bc:after,
.jsMap-kinki .jsarr-br:after {
	border-top-color: #e7a800 !important;
}
.jsMap-kinki .jsarr-tl:after,
.jsMap-kinki .jsarr-tc:after,
.jsMap-kinki .jsarr-tr:after {
	border-bottom-color: #e7a800 !important;
}
.jsMap-kinki .jsarr-mr:after {
	border-left-color: #e7a800 !important;
}
.jsMap-kinki .jsarr-ml:after {
	border-right-color: #e7a800 !important;
}

.c-chugoku {
	color: #ff9440 !important;
}
.jsMap-chugoku .jsHead p.jhTxt span{
	background: #ff9440 !important;
}
.jsBtn-chugoku,
.jsBtn-chugoku a,
.jsMap-chugoku .jsBtn {
	color: #ff9440 !important;
	border-color: #ff9440 !important;
}
.jsBtn-chugoku:after {
	border-top-color: #ff9440 !important;
}
div#nav_g01 dl.chugoku dt a {
	color: #ff9440 !important;
}
.jsMap-chugoku .jsarr-bl:after,
.jsMap-chugoku .jsarr-bc:after,
.jsMap-chugoku .jsarr-br:after {
	border-top-color: #ff9440 !important;
}
.jsMap-chugoku .jsarr-tl:after,
.jsMap-chugoku .jsarr-tc:after,
.jsMap-chugoku .jsarr-tr:after {
	border-bottom-color: #ff9440 !important;
}
.jsMap-chugoku .jsarr-mr:after {
	border-left-color: #ff9440 !important;
}
.jsMap-chugoku .jsarr-ml:after {
	border-right-color: #ff9440 !important;
}

.c-shikoku {
	color: #e76248 !important;
}
.jsMap-shikoku .jsHead p.jhTxt span{
	background: #e76248 !important;
}
.jsBtn-shikoku,
.jsBtn-shikoku a,
.jsMap-shikoku .jsBtn {
	color: #e76248 !important;
	border-color: #e76248 !important;
}
.jsBtn-shikoku:after {
	border-bottom-color: #e76248 !important;
}
div#nav_g01 dl.shikoku dt a {
	color: #e76248 !important;
}
.jsMap-shikoku .jsarr-bl:after,
.jsMap-shikoku .jsarr-bc:after,
.jsMap-shikoku .jsarr-br:after {
	border-top-color: #e76248 !important;
}
.jsMap-shikoku .jsarr-tl:after,
.jsMap-shikoku .jsarr-tc:after,
.jsMap-shikoku .jsarr-tr:after {
	border-bottom-color: #e76248 !important;
}
.jsMap-shikoku .jsarr-mr:after {
	border-left-color: #e76248 !important;
}
.jsMap-shikoku .jsarr-ml:after {
	border-right-color: #e76248 !important;
}

.c-kyushu {
	color: #ec734e !important;
}
.jsMap-kyushu .jsHead p.jhTxt span{
	background: #ec734e !important;
}
.jsBtn-kyushu,
.jsBtn-kyushu a,
.jsMap-kyushu .jsBtn {
	color: #ec734e !important;
	border-color: #ec734e !important;
}
.jsBtn-kyushu:after {
	border-left-color: #ec734e !important;
}
div#nav_g01 dl.kyushu dt a {
	color: #ec734e !important;
}
.jsMap-kyushu .jsarr-bl:after,
.jsMap-kyushu .jsarr-bc:after,
.jsMap-kyushu .jsarr-br:after {
	border-top-color: #ec734e !important;
}
.jsMap-kyushu .jsarr-tl:after,
.jsMap-kyushu .jsarr-tc:after,
.jsMap-kyushu .jsarr-tr:after {
	border-bottom-color: #ec734e !important;
}
.jsMap-kyushu .jsarr-mr:after {
	border-left-color: #ec734e !important;
}
.jsMap-kyushu .jsarr-ml:after {
	border-right-color: #ec734e !important;
}