@charset "utf-8";

@media screen and (max-width: 669px) {
  .nav-bar-left img.carstage-splogo {
    width: 100px;
  }
}


/* メインビジュアル
----------------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 800px) {
  #mainb {
    background-image: url("../img/mainv2.jpg");
  }
}

/* TOP-店舗案内部分
----------------------------------------------------------------------------------------------------*/
#top-shop .grid-container {
  position: relative;
}

.chara-topshop {
  position: absolute;
  width: 170px;
  left: 4rem;
  top: 2.5rem;
}

@media print,
screen and (max-width: 770px) {
  .chara-topshop {
    width: 110px;
    left: 2rem;
    top: 7rem;
  }
}

/* TOP-カレンダー
----------------------------------------------------------------------------------------------------*/
#top-calendar .grid-container {
  position: relative;
}

.chara-topcalendar {
  position: absolute;
  width: 140px;
  right: 4rem;
  top: 2rem;
}


@media print,
screen and (max-width: 1023px) {
  .chara-topcalendar {
    right: 4rem;
    top: 0.8rem;
  }
}

@media print,
screen and (max-width: 770px) {
  .chara-topcalendar {
    width: 80px;
    right: 2rem;
    top: 7rem;
  }
}

/* フッター
----------------------------------------------------------------------------------------------------*/
#top-other {
  padding: 80px 0 40px;
}

#sub-page {
  border-bottom: none;
}

.footer-chara {
  display: block;
  margin-right: auto;
  width: 100px;
}

@media print,
screen and (max-width: 770px) {
  .footer-chara {
    width: 80px;
  }
}

/* サイドメニュー
----------------------------------------------------------------------------------------------------*/

.chara-side {
  display: block;
  margin-left: auto;
  width: 120px;
}

@media print,
screen and (max-width: 770px) {
  .chara-side {
    width: 80px;
  }
}