@charset "utf-8";
/*
Theme Name: FDオート
Theme URI: https://mamachu-design.com
Description: FDオートのテンプレート
Author: 小谷優歌
Tags: 
Version: 0.1.0
*/





/*　--------------------------------------------------

　　　　　　　　　サイト全体の設定

--------------------------------------------------------- */


html,body{
	margin:0px;
	padding:0px;
	overflow-x:hidden;
}


/* 走行レーン（固定幅） */
.car-container {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}

/* 車アイコン */
.car {
  position: absolute;
  top: 16px;
  right: -100px; /* 画像が右の外からスタート */
  animation: moveCar 6s linear infinite;
}

.car img {
  height: 28px;
  width: auto;
}

/* 車が右→左へ動くアニメーション */
@keyframes moveCar {
  0% {
    right: -540px; /* 初期位置：右外から登場 */
  }
  100% {
    right: 0px; /* 左端の外へ出る */
    /* 逆方向に走らせたい場合は left を使わず right で制御する */
  }
}


@media screen and (max-width: 540px) {
.car-container {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  width: 100%;  /* 幅を100%に設定 */
}
@keyframes moveCar {
  0% {
    right: -100vw; /* 初期位置をビューポート幅の50%外に設定 */
  }
  100% {
    right: 0;
  }
}

}




.loop {
	background: url(https://shop.fdauto.jp/wp-content/uploads/2025/05/loop_image-2.png);
	background-size: contain;
	width: 100%;
	height: 0;
	padding-top: calc(299/2000*100%);
	-moz-animation: loop 100s linear infinite;
	animation: loop 100s linear infinite;
}


@keyframes loop {
0% {background-position: 2000px 0;}
25% {background-position: 1500px 0;}
50% {background-position: 1000px 0;}
75% {background-position: 500px 0;}
100% {background-position: 0 0;}
}
@-moz-keyframes loop {
0% {background-position: 2000px 0;}
25% {background-position: 1500px 0;}
50% {background-position: 1000px 0;}
75% {background-position: 500px 0;}
100% {background-position: 0 0;}
}


/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}