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

/* 新潟エリアマップ */
.l-container .niigata_pct_bg {
	position: relative;
	width: 100%;
	height: auto;
	background: url("../../../../../assets/img/etc/drawari/2024_winter_pass/bg_niigata.png");
	background-size: 100%;
	background-repeat: no-repeat;
}
.l-container .niigata_pct_bg::before{
	display: block;
	content: "";
	padding-top: 86%;
}
.l-container .niigata_img_no1, 
.l-container .niigata_img_no2, 
.l-container .niigata_img_no3, 
.l-container .niigata_img_no4 {	display: block;	position: absolute; width: 25%; transition: 0.3s; }
.l-container .niigata_img_no1 {	top: 65%;	left: 4.5%; }
.l-container .niigata_img_no2 {	top: 63%;	left: 29.5%; }
.l-container .niigata_img_no3 {	top: 21.5%;	left: 69%; }
.l-container .niigata_img_no4 {	top: 7.5%; left: 17%; width: 42%; }
.l-container .niigata_img_no1:hover, .l-container .niigata_img_no1:active, 
.l-container .niigata_img_no2:hover, .l-container .niigata_img_no2:active,
.l-container .niigata_img_no3:hover, .l-container .niigata_img_no3:active { opacity: 1.0; transform: scale(1.1); }
/* 新潟エリアマップ end */

/* PC・タブレットで追加するスタイル */
@media only screen and (min-width: 641px) {
    /* 新潟エリアマップ */
    .l-container .niigata_pct_bg {
      position: relative;
      width: 100%;
      height: auto;
      background: url("../../../../../assets/img/etc/drawari/2024_winter_pass/bg_niigata.png");
      background-size: 100%;
      background-repeat: no-repeat;
    }
    .l-container .niigata_pct_bg::before{
      display: block;
      content: "";
      padding-top: 86%;
    }
    .l-container .niigata_img_no1, 
    .l-container .niigata_img_no2, 
    .l-container .niigata_img_no3, 
    .l-container .niigata_img_no4 {	display: block;	position: absolute; width: 25%; transition: 0.3s; }
    .l-container .niigata_img_no1 { top: 65%; left: 4.5%; }
    .l-container .niigata_img_no2 { top: 63%; left: 29.5%; }
    .l-container .niigata_img_no3 { top: 21.5%; left: 69%; }
    .l-container .niigata_img_no4 { top: 7.5%; left: 17%; width: 42%; }
    .l-container .niigata_img_no1:hover, .l-container .niigata_img_no1:active, 
    .l-container .niigata_img_no2:hover, .l-container .niigata_img_no2:active,
    .l-container .niigata_img_no3:hover, .l-container .niigata_img_no3:active { opacity: 1.0; transform: scale(1.1); }
    /* 新潟エリアマップ end */
}
/* end PC・タブレットで追加するスタイル */