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

/* 首都圏エリアマップ */
.l-container .shutoken_pct_bg {
	position: relative;
	width: 100%;
	height: auto;
	background: url("../../../../../assets/img/etc/drawari/2024_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 .shutoken_img_no1,
.l-container .shutoken_img_no2,
.l-container .shutoken_img_no3,
.l-container .shutoken_img_no4,
.l-container .shutoken_img_no5,
.l-container .shutoken_img_no6,
.l-container .shutoken_img_no7 { 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 */

/* 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/2024_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 .shutoken_img_no1,
    .l-container .shutoken_img_no2,
    .l-container .shutoken_img_no3,
    .l-container .shutoken_img_no4,
    .l-container .shutoken_img_no5,
    .l-container .shutoken_img_no6,
    .l-container .shutoken_img_no7 { 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・タブレットで追加するスタイル */