@charset "UTF-8";
/* ウィンターパス2025 首都圏発着エリア */
/* https://www.driveplaza.com/etc/drawari/2025_winter_pass/shutoken.html */

/* 首都圏エリアマップ */
.l-container .shutoken_pct_bg {
	position: relative;
	width: 100%;
	height: auto;
	background: url("/assets/img/etc/drawari/2025_winter_pass/bg_shutoken.png");
	background-size: 100%;
	background-repeat: no-repeat;
}
.l-container .shutoken_pct_bg::before{
	display: block;
	content: "";
	padding-top: 121%;
}
.l-container [class^="shutoken_img_no"],
.l-container [class*=" shutoken_img_no"] { display: block; position: absolute; width: 21%; transition: 0.3s; }
.l-container .shutoken_img_no1 { top: 3%; left: 69%; }
.l-container .shutoken_img_no2 { top: 24%;	left: 58%; }
.l-container .shutoken_img_no3 { top: 45%;	left: 56.5%; }
.l-container .shutoken_img_no4 { top: 49%;	left: 25%; }
.l-container .shutoken_img_no5 { top: 50%;	left: 3.5%; }
.l-container .shutoken_img_no6 { bottom: 16.75%;	left: 12%; }
.l-container .shutoken_img_no7 { bottom: 3%;	left: 47.5%; width: 36%; }
.l-container .shutoken_img_no1:a hover, .l-container .shutoken_img_no1:a active, 
.l-container .shutoken_img_no2:a hover, .l-container .shutoken_img_no2:a active,
.l-container .shutoken_img_no3:a hover, .l-container .shutoken_img_no3:a active,
.l-container .shutoken_img_no4:a hover, .l-container .shutoken_img_no4:a active,
.l-container .shutoken_img_no5:a hover, .l-container .shutoken_img_no5:a active,
.l-container .shutoken_img_no6:a hover, .l-container .shutoken_img_no6:a active { opacity: 1.0; transform: scale(1.1); }
/* 首都圏エリアマップ end */

/* PC・タブレットで追加するスタイル */
@media only screen and (min-width: 641px) {
    /* 首都圏エリアマップ */
    .l-container .shutoken_pct_bg {
      position: relative;
      width: 100%;
      height: auto;
      background: url("/assets/img/etc/drawari/2025_winter_pass/bg_shutoken.png");
      background-size: 100%;
      background-repeat: no-repeat;
    }
    .l-container .shutoken_pct_bg::before{
      display: block;
      content: "";
      padding-top: 121%;
    }
    .l-container [class^="shutoken_img_no"],
    .l-container [class*=" shutoken_img_no"] { display: block; position: absolute; width: 21%; transition: 0.3s; }
    .l-container .shutoken_img_no1 {	top: 3%; left: 69%; }
    .l-container .shutoken_img_no2 {	top: 24%;	left: 58%; }
    .l-container .shutoken_img_no3 {	top: 45%;	left: 56.5%; }
    .l-container .shutoken_img_no4 {	top: 49%;	left: 25%; }
    .l-container .shutoken_img_no5 {	top: 50%;	left: 3.5%; }
    .l-container .shutoken_img_no6 {	bottom: 16.75%;	left: 12%; }
    .l-container .shutoken_img_no7 {	bottom: 3%;	left: 47.5%; width: 36%; }
    .l-container .shutoken_img_no1:hover, .l-container .shutoken_img_no1:active, 
    .l-container .shutoken_img_no2:hover, .l-container .shutoken_img_no2:active,
    .l-container .shutoken_img_no3:hover, .l-container .shutoken_img_no3:active,
    .l-container .shutoken_img_no4:hover, .l-container .shutoken_img_no4:active,
    .l-container .shutoken_img_no5:hover, .l-container .shutoken_img_no5:active,
    .l-container .shutoken_img_no6:hover, .l-container .shutoken_img_no6:active { opacity: 1.0; transform: scale(1.1); }
    /* 首都圏エリアマップ end */
}
/* end PC・タブレットで追加するスタイル */