@charset "UTF-8";
/*【Object】------------------ */
/* 計算拡張 --------------------- */
/* responsive ------------------ */
/**
 * メディアクエリ
 * less=未満 below=以下 avobe=以上 over=それよりも大きい の意味で使用しています
 */
/**
* メディアクエリ（min-width）
* @param {breakpoint} 画面サイズ
*/
/**
* メディアクエリ（max-width）
* @param {breakpoint} 画面サイズ
*/
/**
* メディアクエリ（min-width and max-width）
* @param {breakpoint1} min-widthの画面サイズ
* @param {breakpoint2} max-widthの画面サイズ
*/
/* pc-size --------------------- */
/* sphone-size ------------------ */
/* 三点リーダー ------------------ */
/* リンクスタイル：ZOOM ----------- */
.page--home .p-map__image {
	background: url("/mhw/assets/img/top/bg_page.jpg?221214") no-repeat left top/100% auto;
}
.page--home .p-map__pin {
	display: inline-block;
	width: unset;
	height: unset;
}
.page--home .p-map__balloon {
	bottom: -4vw;
	left: calc(50% - 24vw);
}
@media (min-width: 769px) {
	.page--home .p-map__balloon {
		bottom: -40px;
		left: calc(50% - 95px);
	}
}

.p-map__balloon__inner strong {
	display: block;
	margin-bottom: 1vw;
	font-family: "TsukuGoPro-B";
	font-size: 2.667vw;
	color: #a41716;
}
@media (min-width: 769px) {
	.p-map__balloon__inner strong {
		margin-bottom: 5px;
		font-size: 10px;
	}
}

.p-map__balloon--small {
	padding: 1vw 3.666vw 1.5vw;
	font-size: 3.2vw;
	font-family: "TsukuGoPro-B";
	text-align: center;
	background-color: #FFF;
	border: #a41716 2px solid;
	border-radius: 6vw;
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	transform: translateY(0);
	opacity: 1;
	transition: transform 0.3s, opacity 0.3s;
	animation-fill-mode: forwards;
	animation-duration: 2000ms;
	animation-iteration-count: infinite;
	white-space: nowrap;
	width: -moz-fit-content;
	width: fit-content;
	height: -moz-fit-content;
	height: fit-content;
}
@media (min-width: 769px) {
	.p-map__balloon--small {
		padding: 2px 10px 5px;
		font-size: 1.2rem;
		border-radius: 50px;
	}
}
.p-map__balloon--small:before {
	content: "";
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color: #a41716 transparent transparent transparent;
	border-width: 2.2vw 1.2vw 0 1.2vw;
	position: absolute;
	bottom: -2.3vw;
	left: 0;
	right: 0;
	z-index: 1;
}
@media (min-width: 769px) {
	.p-map__balloon--small:before {
		border-width: 7px 4px 0 4px;
		bottom: -9px;
	}
}
.p-map__balloon--small strong {
	display: block;
	margin-top: 0.6vw;
	font-family: "TsukuGoPro-B";
	font-size: 2.667vw;
	line-height: 1;
	color: #a41716;
}
@media (min-width: 769px) {
	.p-map__balloon--small strong {
		margin-top: 6px;
		font-size: 10px;
	}
}
.p-map__balloon--small strong:empty {
	display: none;
}

.hover .p-map__balloon--small {
	transform: translateY(0.667vw);
	opacity: 0;
}
@media (min-width: 769px) {
	.hover .p-map__balloon--small {
		transform: translateY(5px);
	}
}

.is-new .p-map__balloon--small:after {
	content: "NEW!";
	font-size: 3.449vw;
	font-weight: bold;
	font-family: "TsukuGoPro-B";
	position: absolute;
	top: -3.3vw;
	left: -4vw;
	color: #fff;
	transform: rotateZ(-30deg);
	text-shadow: rgb(164, 23, 22) 2px 0px 0px, rgb(164, 23, 22) 1.75517px 0.958851px 0px, rgb(164, 23, 22) 1.0806px 1.68294px 0px, rgb(164, 23, 22) 0.141474px 1.99499px 0px, rgb(164, 23, 22) -0.832294px 1.81859px 0px, rgb(164, 23, 22) -1.60229px 1.19694px 0px, rgb(164, 23, 22) -1.97998px 0.28224px 0px, rgb(164, 23, 22) -1.87291px -0.701566px 0px, rgb(164, 23, 22) -1.30729px -1.5136px 0px, rgb(164, 23, 22) -0.421592px -1.95506px 0px, rgb(164, 23, 22) 0.567324px -1.91785px 0px, rgb(164, 23, 22) 1.41734px -1.41108px 0px, rgb(164, 23, 22) 1.92034px -0.558831px 0px;
}
@media (min-width: 769px) {
	.is-new .p-map__balloon--small:after {
		font-size: 1.509rem;
		top: -12px;
		left: -21px;
	}
}

.is-recommendation .p-map__balloon:after,
.is-recommendation .p-map__balloon--small:after {
	content: "おすすめ";
	font-size: 3.449vw;
	font-weight: bold;
	font-family: "TsukuGoPro-B";
	position: absolute;
	color: #fff;
	transform: rotateZ(-30deg);
	text-shadow: rgb(164, 23, 22) 2px 0px 0px, rgb(164, 23, 22) 1.75517px 0.958851px 0px, rgb(164, 23, 22) 1.0806px 1.68294px 0px, rgb(164, 23, 22) 0.141474px 1.99499px 0px, rgb(164, 23, 22) -0.832294px 1.81859px 0px, rgb(164, 23, 22) -1.60229px 1.19694px 0px, rgb(164, 23, 22) -1.97998px 0.28224px 0px, rgb(164, 23, 22) -1.87291px -0.701566px 0px, rgb(164, 23, 22) -1.30729px -1.5136px 0px, rgb(164, 23, 22) -0.421592px -1.95506px 0px, rgb(164, 23, 22) 0.567324px -1.91785px 0px, rgb(164, 23, 22) 1.41734px -1.41108px 0px, rgb(164, 23, 22) 1.92034px -0.558831px 0px;
}
@media (min-width: 769px) {
	.is-recommendation .p-map__balloon:after,
	.is-recommendation .p-map__balloon--small:after {
		font-size: 1.509rem;
	}
}
.is-recommendation .p-map__balloon:after {
	top: -2vw;
	left: -5vw;
}
@media (min-width: 769px) {
	.is-recommendation .p-map__balloon:after {
		top: -8px;
		left: -21px;
	}
}
.is-recommendation .p-map__balloon--small {
	padding: 1vw 9vw 1.5vw 6vw;
}
@media (min-width: 769px) {
	.is-recommendation .p-map__balloon--small {
		padding: 2px 32px 5px 20px;
	}
}
.is-recommendation .p-map__balloon--small:after {
	top: -3.3vw;
	left: -5vw;
}
@media (min-width: 769px) {
	.is-recommendation .p-map__balloon--small:after {
		top: -12px;
		left: -25px;
	}
}
.is-recommendation .p-map__balloon--small strong::before {
	content: "";
	display: block;
	width: 4.93333vw;
	height: 6.13333vw;
	background: url("/mhw/assets/img/common/icon-beginner.svg") no-repeat left top/100% auto;
	position: absolute;
	top: 2.1vw;
	right: 2.2vw;
}
@media (min-width: 769px) {
	.is-recommendation .p-map__balloon--small strong::before {
		width: 18px;
		height: 22px;
		top: 9px;
		right: 8px;
	}
}
.is-recommendation .p-map__balloon__inner::before {
	content: "";
	display: block;
	width: 4.93333vw;
	height: 6.13333vw;
	background: url("/mhw/assets/img/common/icon-beginner.svg") no-repeat left top/100% auto;
	position: absolute;
	top: 1.6vw;
	right: 1.8vw;
}
@media (min-width: 769px) {
	.is-recommendation .p-map__balloon__inner::before {
		width: 18px;
		height: 22px;
		top: 10px;
		right: 10px;
	}
}

.p-map--home__pin--01 {
	bottom: 12.3%;
	left: 45.6%;
}
@media (min-width: 769px) {
	.p-map--home__pin--01 {
		bottom: 17.5%;
		left: 45.1%;
	}
}

.p-map--home__pin--02 {
	bottom: 26%;
	left: 43.5%;
}
@media (min-width: 769px) {
	.p-map--home__pin--02 {
		bottom: 28%;
		left: 44.5%;
	}
}
.p-map--home__pin--02 .p-map__balloon--small span {
	display: none;
}

.p-map--home__pin--03 {
	bottom: 24%;
	left: 58%;
}
@media (min-width: 769px) {
	.p-map--home__pin--03 {
		bottom: 29%;
		left: 58%;
	}
}

/* SP, TABLET View ---- */
/* PC View ---- */
.p-map--home__pin--04 {
	bottom: 42%;
	left: 23.5%;
}
@media (min-width: 769px) {
	.p-map--home__pin--04 {
		bottom: 46.5%;
		left: 22.9%;
	}
}

.p-map--home__pin--05 {
	bottom: 15%;
	left: 64.4%;
}
@media (min-width: 769px) {
	.p-map--home__pin--05 {
		bottom: 21.5%;
		left: 64%;
	}
}

.p-map--home__pin--06 {
	bottom: 39.2%;
	left: 61.4%;
}
@media (min-width: 769px) {
	.p-map--home__pin--06 {
		bottom: 42.5%;
		left: 61.9%;
	}
}

.p-map--home__pin--07 {
	bottom: 26.4%;
	left: 65.5%;
}
@media (min-width: 769px) {
	.p-map--home__pin--07 {
		bottom: 30.5%;
		left: 66.3%;
	}
}

.p-map--home__pin--08 {
	bottom: 70%;
	left: 27%;
}
@media (min-width: 769px) {
	.p-map--home__pin--08 {
		bottom: 70%;
		left: 26.5%;
	}
}

.p-map--home__pin--09 {
	bottom: 12.3%;
	left: 54.3%;
}
@media (min-width: 769px) {
	.p-map--home__pin--09 {
		bottom: 17.5%;
		left: 54.6%;
	}
}

.p-map--home__pin--10 {
	bottom: 62.4%;
	left: 27.3%;
}
@media (min-width: 769px) {
	.p-map--home__pin--10 {
		bottom: 62%;
		left: 26.5%;
	}
}

.p-map--home__pin--11 {
	bottom: 43.2%;
	left: 38%;
}
@media (min-width: 769px) {
	.p-map--home__pin--11 {
		bottom: 46.5%;
		left: 36.4%;
	}
}

.p-map--home__pin--12 {
	bottom: 64.3%;
	left: 39.7%;
}
@media (min-width: 769px) {
	.p-map--home__pin--12 {
		bottom: 62%;
		left: 40.5%;
	}
}

.p-map--home__pin--13 {
	bottom: 56.3%;
	left: 47.2%;
}
@media (min-width: 769px) {
	.p-map--home__pin--13 {
		bottom: 58.5%;
		left: 47.1%;
	}
}

.p-map--home__pin--14 {
	bottom: 37.5%;
	left: 46.9%;
}
@media (min-width: 769px) {
	.p-map--home__pin--14 {
		bottom: 41%;
		left: 47.1%;
	}
}

.p-map--home__pin--15 {
	bottom: 25%;
	left: 51.5%;
}
@media (min-width: 769px) {
	.p-map--home__pin--15 {
		bottom: 28%;
		left: 51.5%;
	}
}

.p-map--home__pin--16 {
	bottom: 29%;
	left: 36.5%;
}
@media (min-width: 769px) {
	.p-map--home__pin--16 {
		bottom: 34%;
		left: 35.5%;
	}
}

.p-map--home__pin--17 {
	bottom: 16%;
	left: 33%;
}
@media (min-width: 769px) {
	.p-map--home__pin--17 {
		bottom: 20%;
		left: 33%;
	}
}

.p-map--home__pin--18 {
	bottom: 31%;
	left: 31%;
}
@media (min-width: 769px) {
	.p-map--home__pin--18 {
		bottom: 38%;
		left: 30%;
	}
}

.p-map--home__pin--19 {
	bottom: 62.4%;
	left: 34%;
}
@media (min-width: 769px) {
	.p-map--home__pin--19 {
		bottom: 62%;
		left: 34%;
	}
}

.page--home .p-map__balloon--comingsoon {
	opacity: 1;
}

.page--home .p-map__pin .p-map__pin__image {
	opacity: 0;
}
.page--home .p-map__pin:not(.is-pickup):not(.is-lock-pickup) {
	width: 9.333vw;
	height: 11.733vw;
	display: flex;
	justify-content: center;
}
@media (min-width: 769px) {
	.page--home .p-map__pin:not(.is-pickup):not(.is-lock-pickup) {
		width: 45px;
		height: 57px;
	}
}
@media (min-width: 769px) {
	.page--home .p-map__pin:not(.is-pickup):not(.is-lock-pickup).is-lock {
		width: 50px;
		height: 50px;
	}
}
.page--home .p-map__pin:not(.is-pickup):not(.is-lock-pickup) .p-map__balloon--small {
	position: absolute;
	bottom: 15px;
}
.page--home .p-map__pin:not(.is-pickup):not(.is-lock-pickup) .p-map__balloon {
	bottom: -0.5vw;
}
@media (min-width: 769px) {
	.page--home .p-map__pin:not(.is-pickup):not(.is-lock-pickup) .p-map__balloon {
		bottom: -25px;
	}
}
.page--home .p-map__pin.is-pickup .p-map__balloon--small:after,
.page--home .p-map__pin.is-pickup .p-map__balloon:after {
	content: "";
	width: 10.667vw;
	height: 10.667vw;
	border-radius: 50%;
	background-color: #aa0014;
	color: #fff;
	font-family: "TsukuGoPro-B";
	text-align: center;
	line-height: 1;
	font-size: 2.933vw;
	position: absolute;
	top: -8vw;
	left: -5.333vw;
	display: flex;
	align-items: center;
	white-space: normal;
}
@media (min-width: 769px) {
	.page--home .p-map__pin.is-pickup .p-map__balloon--small:after,
	.page--home .p-map__pin.is-pickup .p-map__balloon:after {
		width: 40px;
		height: 40px;
		font-size: 11px;
		top: -30px;
		left: -20px;
	}
}
.page--home .p-map__pin.no1 .p-map__balloon--small:after,
.page--home .p-map__pin.no1 .p-map__balloon:after {
	content: "注目No.1";
}
.page--home .p-map__pin.no2 .p-map__balloon--small:after,
.page--home .p-map__pin.no2 .p-map__balloon:after {
	content: "注目No.2";
}
.page--home .p-map__pin.no3 .p-map__balloon--small:after,
.page--home .p-map__pin.no3 .p-map__balloon:after {
	content: "注目No.3";
}
.page--home .p-map__pin.is-lock .p-map__pin__image span.is-lockicon,
.page--home .p-map__pin.is-lock .p-map__balloon--small span.is-lockicon,
.page--home .p-map__pin.is-lock .p-map__balloon span.is-lockicon {
	width: 11.6vw;
	height: 11.6vw;
	padding-top: 3vw;
	border-radius: 50%;
	background-color: #aa0014;
	color: #fff;
	font-family: "TsukuGoPro-B";
	text-align: center;
	line-height: 1.2;
	font-size: 2.8vw;
	position: absolute;
	top: -8vw;
	left: -5.333vw;
	display: flex;
	align-items: center;
	justify-content: center;
	white-space: normal;
}
.page--home .p-map__pin.is-lock .p-map__pin__image span.is-lockicon:before,
.page--home .p-map__pin.is-lock .p-map__balloon--small span.is-lockicon:before,
.page--home .p-map__pin.is-lock .p-map__balloon span.is-lockicon:before {
	content: "";
	width: 4.267vw;
	height: 4.533vw;
	background: url("/mhw/assets/img/common/icon-lockkey.svg") no-repeat left top/100% auto;
	position: absolute;
	top: -1vw;
}
@media (min-width: 769px) {
	.page--home .p-map__pin.is-lock .p-map__pin__image span.is-lockicon:before,
	.page--home .p-map__pin.is-lock .p-map__balloon--small span.is-lockicon:before,
	.page--home .p-map__pin.is-lock .p-map__balloon span.is-lockicon:before {
		width: 21px;
		height: 22px;
		top: -7px;
	}
}
@media (min-width: 769px) {
	.page--home .p-map__pin.is-lock .p-map__pin__image span.is-lockicon,
	.page--home .p-map__pin.is-lock .p-map__balloon--small span.is-lockicon,
	.page--home .p-map__pin.is-lock .p-map__balloon span.is-lockicon {
		width: 50px;
		height: 50px;
		padding-top: 11px;
		font-size: 13px;
		line-height: 1.1;
		top: -40px;
		left: -30px;
	}
}
.page--home .p-map__pin.is-lock .p-map__pin__image {
	background-image: none;
}
@media (min-width: 769px) {
	.page--home .p-map__pin.is-lock .p-map__pin__image span.is-lockicon {
		top: 0;
		left: 0;
	}
}
.page--home .p-map__pin.is-lock .p-map__balloon--small {
	height: 11.6vw;
	padding: 1.5vw 3.666vw 1.5vw 7vw;
	font-size: 2.667vw;
	text-align: left;
	border-radius: 0px 5.733vw 5.733vw 0px;
}
@media (min-width: 769px) {
	.page--home .p-map__pin.is-lock .p-map__balloon--small {
		height: 50px;
		padding: 2px 10px 5px 30px;
		font-size: 1rem;
		border-radius: 0px 50px 50px 0px;
	}
}
.page--home .p-map__pin.is-lock .p-map__balloon--small strong {
	margin-bottom: 0.5vw;
}
@media (min-width: 769px) {
	.page--home .p-map__pin.is-lock .p-map__balloon--small strong {
		margin-top: 6px;
		margin-bottom: 6px;
		font-size: 1.2rem;
	}
}
.page--home .p-map__pin.is-lock .p-map__balloon--small span.is-lockicon {
	top: -0.6vw;
	left: -6vw;
}
@media (min-width: 769px) {
	.page--home .p-map__pin.is-lock .p-map__balloon--small span.is-lockicon {
		top: -2px;
		left: -27px;
	}
}
.page--home .p-map__pin.is-lock-pickup .p-map__pin__image span.is-lockicon,
.page--home .p-map__pin.is-lock-pickup .p-map__balloon--small span.is-lockicon,
.page--home .p-map__pin.is-lock-pickup .p-map__balloon span.is-lockicon {
	content: "";
	width: 10.667vw;
	height: 10.667vw;
	border-radius: 50%;
	background-color: #aa0014;
	color: #fff;
	font-family: "TsukuGoPro-B";
	text-align: center;
	line-height: 1;
	font-size: 2.933vw;
	position: absolute;
	top: -8vw;
	left: -5.333vw;
	display: flex;
	align-items: center;
	justify-content: center;
	white-space: normal;
}
@media (min-width: 769px) {
	.page--home .p-map__pin.is-lock-pickup .p-map__pin__image span.is-lockicon,
	.page--home .p-map__pin.is-lock-pickup .p-map__balloon--small span.is-lockicon,
	.page--home .p-map__pin.is-lock-pickup .p-map__balloon span.is-lockicon {
		width: 50px;
		height: 50px;
		font-size: 11px;
		top: -40px;
		left: -30px;
	}
}
.page--home .p-map__pin.is-lock-pickup .p-map__balloon--small {
	height: 10.667vw;
	padding: 1vw 3.666vw 1.5vw 6vw;
	font-size: 2.667vw;
	text-align: left;
	border-radius: 0px 5.733vw 5.733vw 0px;
}
@media (min-width: 769px) {
	.page--home .p-map__pin.is-lock-pickup .p-map__balloon--small {
		height: 50px;
		padding: 2px 10px 5px 30px;
		font-size: 1rem;
		border-radius: 0px 50px 50px 0px;
	}
}
.page--home .p-map__pin.is-lock-pickup .p-map__balloon--small strong {
	margin-bottom: 0.5vw;
}
@media (min-width: 769px) {
	.page--home .p-map__pin.is-lock-pickup .p-map__balloon--small strong {
		margin-top: 6px;
		margin-bottom: 6px;
		font-size: 1.2rem;
	}
}
.page--home .p-map__pin.is-lock-pickup .p-map__balloon--small span.is-lockicon {
	top: -0.6vw;
	left: -6vw;
}
@media (min-width: 769px) {
	.page--home .p-map__pin.is-lock-pickup .p-map__balloon--small span.is-lockicon {
		top: -2px;
		left: -27px;
	}
}
.page--home .p-map__pin:not(.is-lock):not(.is-lock-pickup) .p-map__pin__image span.is-lockicon,
.page--home .p-map__pin:not(.is-lock):not(.is-lock-pickup) .p-map__balloon--small span.is-lockicon,
.page--home .p-map__pin:not(.is-lock):not(.is-lock-pickup) .p-map__balloon span.is-lockicon {
	display: none;
}
.page--home.pins .p-map__pin .p-map__balloon--small {
	animation-name: pinsAnimate;
}
.page--home.pins .p-map__pin:not(.is-pickup):not(.is-lock-pickup) .p-map__pin__image {
	margin-top: 30px;
	transition: transform 0.3s, opacity 0.3s, margin-top 0.3s;
}
.page--home.pins .p-map__pin:not(.is-pickup):not(.is-lock-pickup) .p-map__balloon--small {
	transition: transform 0.3s, opacity 0.3s, bottom 0.3s;
}
.page--home.balloonsChange .p-map__pin:not(.is-pickup):not(.is-lock-pickup) .p-map__balloon--small {
	opacity: 0;
	bottom: -15px;
	pointer-events: none;
}
.page--home.pinsChange .p-map__pin:not(.is-pickup):not(.is-lock-pickup) .p-map__pin__image {
	margin-top: 0;
	opacity: 1;
}
.page--home.pinsChange .p-map__pin.hover .p-map__pin__image {
	opacity: 0;
}