@charset "UTF-8";
/**
 * 地図ピンの縦位置補正（スマートフォン）
 *
 * content/island_map2.php の地図ピン（.mv__pins 配下）は top を百分率で指定しており、
 * その基準は .mv__pins の高さになる。
 * SP用の指定が height: 50%（= .mv の高さ ＝ 地図 ＋ ルート検索フォーム の半分）のため、
 * 地図画像の実描画高さ（幅の 111.333%）と一致せず、ピンが下方向にずれていた。
 * ずれ量は画面幅・言語によって変わる。
 *
 * 基準の高さを地図画像 img/common/island-map2_sp.png（750 x 835）の縦横比に合わせる。
 * 絶対配置の子要素の top: N% は padding ボックスの高さを基準にするため、
 * height: 0 ＋ padding-top で「地図と同じ高さの基準ボックス」になる。
 *
 * ピンの百分率・scale(0.7)・浮遊アニメーション・ホバー時の挙動は変更しない。
 * PC・タブレット（768px以上）は対象外。
 */

@media screen and (max-width: 767px) {
    .mv__pins {
        height: 0;
        padding-top: 111.3333%; /* 835 / 750 */
    }
}