@charset "utf-8";
/* CSS Document */
/************************
2024ツーリングプラン
************************/

/* ご利用例 背景 */
.l-container [class^="pct_rei_bg_"] {
  position: relative;
  width: 100%;
  height: auto;
  background-size: 100%;
  background-repeat: no-repeat;
}
/* ご利用例 背景 東北道・常磐道ミニ */
.l-container .pct_rei_bg_tohoku_mini {
  background-image: url("../../../../../assets/img/etc/drawari/2024_touring/bg_tohoku_mini.gif");
}
.l-container .pct_rei_bg_tohoku_mini::before {
  display: block;
  content: "";
  padding-top: 110.5%;
}
/* ご利用例 背景 東北道・常磐道ミニ2 */
.l-container .pct_rei_bg_tohoku_mini2 {
  background-image: url("../../../../../assets/img/etc/drawari/2024_touring/bg_tohoku_mini2.gif");
}
.l-container .pct_rei_bg_tohoku_mini2::before {
  display: block;
  content: "";
  padding-top: 152.5%;
}
/* ご利用例 背景 東北道・常磐道ワイド */
.l-container .pct_rei_bg_tohoku_wide {
  background-image: url("../../../../../assets/img/etc/drawari/2024_touring/bg_tohoku_wide.gif");
}
.l-container .pct_rei_bg_tohoku_wide::before {
  display: block;
  content: "";
  padding-top: 152.5%;
}
/* ご利用例 背景 東北・三陸（2024年度~） */
.l-container .pct_rei_bg_tohoku_sanriku {
  background-image: url("../../../../../assets/img/etc/drawari/2024_touring/bg_tohoku_sanriku.gif");
}
.l-container .pct_rei_bg_tohoku_sanriku::before {
  display: block;
  content: "";
  padding-top: 130%;
}

/* ご利用例 背景 東関東道・館山道 */
.l-container .pct_rei_bg_tokan {
  background-image: url("../../../../../assets/img/etc/drawari/2024_touring/bg_tokan.gif");
}
.l-container .pct_rei_bg_tokan::before {
  display: block;
  content: "";
  padding-top: 110.5%;
}
/* ご利用例 背景 関越・東北 */
.l-container .pct_rei_bg_kanetsu {
  background-image: url("../../../../../assets/img/etc/drawari/2024_touring/bg_kanetsu.gif");
}
.l-container .pct_rei_bg_kanetsu::before {
  display: block;
  content: "";
  padding-top: 110.5%;
}
/* ご利用例 背景 道南・道北 */
.l-container .pct_rei_bg_dohoku {
  background-image: url("../../../../../assets/img/etc/drawari/2024_touring/bg_dohoku.gif");
}
.l-container .pct_rei_bg_dohoku::before {
  display: block;
  content: "";
  padding-top: 130%;
}
/* ご利用例 背景 道南・道東 */
.l-container .pct_rei_bg_doto {
  background-image: url("../../../../../assets/img/etc/drawari/2024_touring/bg_doto.gif");
}
.l-container .pct_rei_bg_doto:before {
  display: block;
  content: "";
  padding-top: 152.5%;
}
/* ご利用例 モーダル 画像５枚用 */
.l-container .pct5_1 {
  display: block;
  position: absolute;
  width: 41%;
  top: 4.0%;
  left: 51%;
}
.l-container .pct5_2 {
  display: block;
  position: absolute;
  width: 41%;
  top: 23.3%;
  left: 51%;
}
.l-container .pct5_3 {
  display: block;
  position: absolute;
  width: 41%;
  top: 42.5%;
  left: 51%;
}
.l-container .pct5_4 {
  display: block;
  position: absolute;
  width: 41%;
  top: 61.65%;
  left: 51%;
}
.l-container .pct5_5 {
  display: block;
  position: absolute;
  width: 41%;
  top: 81%;
  left: 51%;
}
/* ご利用例 モーダル 画像４枚用 */
.l-container .pct4_1 {
  display: block;
  position: absolute;
  width: 41%;
  top: 4.5%;
  left: 51%;
}
.l-container .pct4_2 {
  display: block;
  position: absolute;
  width: 41%;
  top: 26.3%;
  left: 51%;
}
.l-container .pct4_3 {
  display: block;
  position: absolute;
  width: 41%;
  top: 48%;
  left: 51%;
}
.l-container .pct4_4 {
  display: block;
  position: absolute;
  width: 41%;
  top: 69.5%;
  left: 51%;
}
/* ご利用例 モーダル 画像３枚用 */
.l-container .pct3_1 {
  display: block;
  position: absolute;
  width: 41%;
  top: 5.4%;
  left: 51%;
}
.l-container .pct3_2 {
  display: block;
  position: absolute;
  width: 41%;
  top: 32.3%;
  left: 51%;
}
.l-container .pct3_3 {
  display: block;
  position: absolute;
  width: 41%;
  top: 59.4%;
  left: 51%;
}
/* ご利用例 モーダル 画像２枚用 */
.l-container .pct2_1 {
  display: block;
  position: absolute;
  width: 41%;
  top: 7.3%;
  left: 50.9%;
}
.l-container .pct2_2 {
  display: block;
  position: absolute;
  width: 41%;
  top: 44.7%;
  left: 50.9%;
}
/* ご利用例 モーダル 画像２枚用（道南・道北、東北・三陸） */
.l-container .pct_rei_bg_dohoku .pct2_1,
.l-container .pct_rei_bg_tohoku_sanriku .pct2_1 {
  display: block;
  position: absolute;
  width: 41%;
  top: 6.2%;
  left: 50.9%;
}
.l-container .pct_rei_bg_dohoku .pct2_2, 
.l-container .pct_rei_bg_tohoku_sanriku .pct2_2 {
  display: block;
  position: absolute;
  width: 41%;
  top: 38.1%;
  left: 50.9%;
}

/* PCのみ囲み枠（SPでは枠なし）
*/
.l-container .d-block-pc-gray {
  padding: 24px 24px;
  border: solid 1px gray;
  background: #ffffff;
}
@media all and (max-width: 639px) {
  .l-container .d-block-pc-gray {
    border: none;
  }
}