.location_title_en
{
    background-image: url(../images/rnew/title_location.png);
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 50vw;
    height: 9.5vw;
}

.global--map{
    position: relative;
}

.global--map img{
    max-width: 100%;
}

/*マップピン*/
.map-pin {
  position: absolute;
  width: 20px;
  height: 25px;
  z-index: 10;
  background: url("../images/global/mappin.png") no-repeat center / contain;
  cursor: pointer;

  /* ピンの先端を座標に合わせる */
  transform: translate(-50%, -100%);
}

@media (max-width:800px){
  .map-pin{
    width: 15px;
    height: 20px;
  }
}

@media (max-width: 600px) {
  .map-pin{
    width: 12px;
    height: 20px;
  }
  
}

@media (max-width: 500px) {
  .map-pin{
    width: 10px;
    height: 18px;
  }
  
}

/* ピン位置（%指定） */
.global--Japan { top: 54%; left: 45%; }
.global--mexicana { top: 60%; left: 77%; }
.global--USA { top: 54%; left: 80.5%; }
.global--thailand { top: 62.5%; left: 36%; }
.global--munjal { top: 61%; left: 29.8%; }
.global--gujarat { top: 60.5%; left: 28.5%; }
.global--lioho { top: 59.5%; left: 38%; }
.global--fujiwa { top: 56.5%; left: 38%; }
.global--samick { top: 53.5%; left: 42.7%; }
.global--asamaindonesia { top: 71.5%; left: 38%; }
.global--coldwater { top: 48%; left: 81%; }

@media (max-width: 700px){
.global--Japan { top: 54%; left: 45.3%; }
.global--mexicana { top: 60%; left: 77%; }
.global--USA { top: 55%; left: 80.5%; }
.global--thailand { top: 62.5%; left: 36%; }
.global--munjal { top: 61%; left: 29.8%; }
.global--gujarat { top: 60.5%; left: 28.5%; }
.global--lioho { top: 60%; left: 38%; }
.global--fujiwa { top: 56.5%; left: 38%; }
.global--samick { top: 53.5%; left: 42.7%; }
.global--asamaindonesia { top: 71.8%; left: 38%; }
.global--coldwater { top: 49%; left: 81%; }
}

@media (max-width: 600px){
.global--Japan { top: 54.5%; left: 45.3%; }
.global--mexicana { top: 61%; left: 76.8%; }
.global--USA { top: 55%; left: 80.5%; }
.global--thailand { top: 63%; left: 36%; }
.global--munjal { top: 62%; left: 29.8%; }
.global--gujarat { top: 61.5%; left: 28.7%; }
.global--lioho { top: 60.6%; left: 38%; }
.global--fujiwa { top: 56.5%; left: 38%; }
.global--samick { top: 53.5%; left: 42.6%; }
.global--asamaindonesia { top: 72.5%; left: 38%; }
.global--coldwater { top: 49%; left: 81%; }
}

@media (max-width: 500px){
.global--Japan { top: 54.8%; left: 45.4%; }
.global--mexicana { top: 61%; left: 76.7%; }
.global--USA { top: 55%; left: 80.5%; }
.global--thailand { top: 63.5%; left: 36%; }
.global--munjal { top: 62%; left: 29.8%; }
.global--gujarat { top: 61.4%; left: 28.7%; }
.global--lioho { top: 60.3%; left: 38%; }
.global--fujiwa { top: 56.5%; left: 38%; }
.global--samick { top: 54%; left: 42.7%; }
.global--asamaindonesia { top: 72.5%; left: 38%; }
.global--coldwater { top: 49%; left: 81%; }
}

@media (max-width: 420px){
.global--Japan { top: 54.9%; left: 45.4%; }
.global--mexicana { top: 61%; left: 76.8%; }
.global--USA { top: 56%; left: 80.5%; }
.global--thailand { top: 64%; left: 36%; }
.global--munjal { top: 62%; left: 30%; }
.global--gujarat { top: 61.5%; left: 29%; }
.global--lioho { top: 60.8%; left: 38%; }
.global--fujiwa { top: 56.5%; left: 38%; }
.global--samick { top: 54.5%; left: 42.6%; }
.global--asamaindonesia { top: 73.3%; left: 38%; }
.global--coldwater { top: 50%; left: 81%; }
}

@media (max-width: 391px){
.global--Japan { top: 55.4%; left: 45.4%; }
.global--mexicana { top: 62%; left: 76.8%; }
.global--USA { top: 56%; left: 80.5%; }
.global--thailand { top: 64.3%; left: 36.2%; }
.global--munjal { top: 62.5%; left: 29.8%; }
.global--gujarat { top: 62%; left: 28.7%; }
.global--lioho { top: 60.8%; left: 39%; }
.global--fujiwa { top: 56.5%; left: 38%; }
.global--samick { top: 54.5%; left: 42.7%; }
.global--asamaindonesia { top: 73.5%; left: 38%; }
.global--coldwater { top: 50%; left: 80.8%; }
}

@media (max-width: 330px){
.global--Japan { top: 55.5%; left: 45.5%; }
.global--mexicana { top: 61.3%; left: 76.7%; }
.global--USA { top: 56%; left: 80%; }
.global--thailand { top: 64.5%; left: 36%; }
.global--munjal { top: 63%; left: 29.8%; }
.global--gujarat { top: 63.5%; left: 28.8%; }
.global--lioho { top: 61.5%; left: 38%; }
.global--fujiwa { top: 56.5%; left: 38%; }
.global--samick { top: 55.5%; left: 42.7%; }
.global--asamaindonesia { top: 73.5%; left: 38%; }
.global--coldwater { top: 51%; left: 81%; }
}

@media (max-width: 300px){
.global--Japan { top: 55.6%; left: 45.4%; }
.global--mexicana { top: 62%; left: 76.6%; }
.global--USA { top: 57%; left: 80.5%; }
.global--thailand { top: 64.5%; left: 36%; }
.global--munjal { top: 63.5%; left: 30.3%; }
.global--gujarat { top: 63.3%; left: 29%; }
.global--lioho { top: 61.5%; left: 38%; }
.global--fujiwa { top: 56.5%; left: 38%; }
.global--samick { top: 56%; left: 42.7%; }
.global--asamaindonesia { top: 73.7%; left: 38%; }
.global--coldwater { top: 52%; left: 81%; }
}


@media (hover: hover) {
  .map-pin:hover {
    transform: translate(-50%, -100%) scale(1.3);
  }
}

.Japan--branch {
  position: absolute;
  overflow: visible;
}

.Japan--branch .pin-menu {
  display: none;
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  padding-left: 3px;

  background: none;
  box-shadow: none;
  white-space: nowrap;
  z-index: 20;
}

.Japan--branch:hover .pin-menu,
.Japan--branch .pin-menu:hover {
  display: block;
}

.pin-menu button {
  display: block;
  background: none;
  border: none;
  padding: 6px 12px;
  cursor: pointer;
  font-size: 13px;
  color: #3B79B7;
  text-decoration: underline;
  text-decoration-color: #3B79B7;
}

.pin-menu button:hover {
  background: #3B79B7;
  color: #fff;
}



/* 情報ボックス */
.global--info {
  display: none;
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translate(-50%, -100%);
  width: 220px;

  background: #3B79B7;
  color: #fff;
  padding: 12px;
  border-radius: 6px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.3);
}

.global--info img {
  width: 100%;
  margin-bottom: 8px;
}

/* クリックで表示 */
.map-pin.active .global--info {
  display: block;
}


.map-center-panel {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  width:360px;
  height: auto;
  max-height: 85vh;

  background: #3B79B7;
  color: #fff;
  padding: 20px;
  border-radius: 8px;
  z-index: 50;

  pointer-events: none;
}


.map-center-panel.active {
  display: block;
}

.map-center-panel.is-pinned {
  pointer-events: auto;
}

.map-center-panel__inner {
  max-height: 80vh;
  overflow-y: auto;
  pointer-events: auto;

  scrollbar-width: none;
}


.map-center-panel a {
  color: #fff;
}


@media (max-width: 600px) {
.map-center-panel {
  position: absolute;
  top: -5%; 
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-height: 115%; 
  padding: 15px;
  overflow-y: auto;
  z-index: 50;

  pointer-events: none;
}

.map-center-panel__inner {
  pointer-events: auto;
  max-height: 100%;
  overflow-y: auto;
}
}

.map-center-panel__close {
  display: none;
}

.map-overlay {
  display: none;
}

/* スマホのみ タップで選択解除 */
@media (max-width: 600px) {
  .map-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(59,121,183,0.2);
    z-index: 40;
  }

  .map-center-panel {
    z-index: 50;
    pointer-events: auto;
  }
}

.map-note {
  margin-top: 8px;
  font-size: 1vw;
  line-height: 1.5;
}


p.location-name_ja {
	font-size: 14px;
	padding-top: 15px;
}
p.location-name_en {
	padding-bottom: 10px;
}


p.location_map {
	cursor: pointer;
	padding-left: 22px;
	background: url(../images/icons/icon_map_white.png) no-repeat center left;
	background-size: 16px;
	margin: 0;
}

.location-img-responsive
 {
  display: block;
  max-width: 100%;
  height: auto;
}

.location-slider {
  position: relative;
  width: 100%;
  margin-bottom: 10px;
}

.location-slider img {
  /*
  width: 100%;
  flex-shrink: 0;

  flex: 0 0 80%;
  margin: 0 10%;
   */
  object-fit: cover;
}

.slider-track {
  display: flex;
  transition: transform 0.3s ease;
  gap: 10px;
}

.slider-track img {
  flex: 0 0 100%;
  width: 100%;
  object-fit: cover;

    transition: filter 0.3s ease, opacity 0.3s ease;
}

.slider-track img.is-active {
  filter: none;
  opacity: 1;
}
 
.slider-track img.is-prev,
.slider-track img.is-next {
  filter: blur(3px);
  opacity: 0.6;
}

.global-slider-viewport {
  overflow: hidden;
  width: 100%;
  padding: 0 10%;
}

.slider-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0,0,0,0.4);
  color: #fff;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  z-index: 5;

  width: 80px;
  height: 80px;
  padding: 0;

  display: flex;
  align-items: center;
  justify-content: center;
}

.slider-btn img{
  width: 68px;
  height: auto;
  display: block;

}

.slider-btn.prev { left: -15px; }
.slider-btn.next { right: -15px; }

@media (max-width: 600px) {
  .slider-btn {
    width: 60px;
    height: 60px;
  }

  .slider-btn img {
    width: 45px;
  }

  .slider-btn.prev { left: 5px; }
  .slider-btn.next { right: 5px; }

}