@charset "UTF-8";
/* ウィンターパス2024 仙台発着エリア */
/* https://www.driveplaza.com/etc/drawari/2024_winter_pass/sendai.html */

/* 仙台エリアマップ */
.l-container .sendai_pct_bg {
  position: relative;
  width: 100%;
  height: auto;
  background: url("../../../../../assets/img/etc/drawari/2024_winter_pass/bg_sendai.png");
  background-size: 100%;
  background-repeat: no-repeat;
}
.l-container .sendai_pct_bg::before {
  display: block;
  content: "";
  padding-top: 111%;
}
.l-container .sendai_img_no1, 
.l-container .sendai_img_no2, 
.l-container .sendai_img_no3, 
.l-container .sendai_img_no4 { display: block;	position: absolute; width: 22%; transition: 0.3s; }
.l-container .sendai_img_no1 { top: 1.5%; left: 50%; }
.l-container .sendai_img_no2 { top: 25%; left: 46%; }
.l-container .sendai_img_no3 { top: 75%; left: 15%; }
.l-container .sendai_img_no4 { top: 47%; left: 52%; width: 30%; }
.l-container .sendai_img_no1:hover, .l-container .sendai_img_no1:active, 
.l-container .sendai_img_no2:hover, .l-container .sendai_img_no2:active,
.l-container .sendai_img_no3:hover, .l-container .sendai_img_no3:active { opacity: 1.0; transform: scale(1.1); }
/* 仙台エリアマップ end */

/* PC・タブレットで追加するスタイル */
@media only screen and (min-width: 641px) {
    /* 仙台エリアマップ */
    .l-container .sendai_pct_bg {
      position: relative;
      width: 100%;
      height: auto;
      background: url("../../../../../assets/img/etc/drawari/2024_winter_pass/bg_sendai.png");
      background-size: 100%;
      background-repeat: no-repeat;
    }
    .l-container .sendai_pct_bg::before {
      display: block;
      content: "";
      padding-top: 111%;
    }
    .l-container .sendai_img_no1, 
    .l-container .sendai_img_no2, 
    .l-container .sendai_img_no3, 
    .l-container .sendai_img_no4 { display: block;	position: absolute; width: 22%; transition: 0.3s; }
    .l-container .sendai_img_no1 { top: 1.5%; left: 50%; }
    .l-container .sendai_img_no2 { top: 25%;  left: 46%; }
    .l-container .sendai_img_no3 { top: 75%;  left: 15%; }
    .l-container .sendai_img_no4 { top: 47%;  left: 52%; width: 30%; }
    .l-container .sendai_img_no1:hover, .l-container .sendai_img_no1:active, 
    .l-container .sendai_img_no2:hover, .l-container .sendai_img_no2:active,
    .l-container .sendai_img_no3:hover, .l-container .sendai_img_no3:active { opacity: 1.0; transform: scale(1.1); }
    /* 仙台エリアマップ end */
}
/* end PC・タブレットで追加するスタイル */