@charset "utf-8";
/* CSS Document */

body { background-color: #FFF; color: #262626; }
h4 {font-size: 120%; font-weight: bold; line-height: 150%; }
.container {margin: 0 auto; padding: 0;}
.belt {background-color: #000; margin:0; padding: 0.5em 0;}
.belt2 {background-color: #e6e6e6; margin:0; padding: 0;}
.row {margin: 0;}
.col-6,.col-12 {margin: 0; padding: 0;}
.box {padding: 0 1em;}
.btn_box {margin: 1em 0 !important; padding: 1em !important;}

.shop_info h3 {font-weight: bold !important; font-size: 150% !important;}
footer {padding: 1em 1em 8em; font-size: 80%; color: #666; background-color: #f0f0f0; }
.navbar {background-color: #fff; padding:1em 0; }
.nav-item {margin: 0 0.5em !important;}
a.nav-link:link, a.nav-link:hover, a.nav-link:visited, a.nav-link:active {
	background-color: #0653b6;
	border: none;
	color:#fff;
	font-size: 85%;
	padding: 0.7em;
}

.gc_str {color: #fff; font-size: 100%; font-weight: bold; margin: 0;}

.car_info img {margin-bottom: 2em;}
.car_info .btn-primary {
    margin-bottom: 2em !important;
    background-color: #0653b6;
	border: none;
	color:#fff;
	font-size: 85%;
	padding: 0.7em;
    border-radius: 0;
}
/*.car_info small {font-size: 10px; line-height: 120%;}*/
.car_info p {font-size: 10px; line-height: 120%;}


/*高さ揃え*/
.row-eq-height { display: flex; flex-wrap: wrap; }

/*ページトップボタン*/
html {
    scroll-behavior: smooth;
}
.pagetop {
    height: 50px;
    width: 50px;
    position: fixed;
    right: 1em;
    bottom: 100px;
    background: #fff;
    border: solid 2px #222;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
	opacity: 0;
	transition: opacity 0.4s ease-in;
}

.pagetop__arrow {
    height: 10px;
    width: 10px;
    border-top: 3px solid #222;
    border-right: 3px solid #222;
    transform: translateY(20%) rotate(-45deg);
}

/* fadeinクラスがついた時だけ表示する */
a.fadein {
  opacity: 0.8;
}



/************** 
スライドショー
/***************/

/* ===================================
   無限ループスライダーのスタイル
   =================================== */
.infinite-slider {
  --item-width: 320px;   /* 1枚の幅（調整可） */
  --gap: 16px;           /* 画像間の間隔 */
  --speed: 24s;          /* 1巡(=半分)にかける時間 */
  
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
  line-height: 0;   /* ✅ 下余白防止 */
  font-size: 0;     /* ✅ インライン隙間防止 */
}

.infinite-slider-track {
  display: flex;
  gap: var(--gap);
  width: max-content;
  will-change: transform;
  animation: infinite-marquee var(--speed) linear infinite;
}

.infinite-slide {
  flex: 0 0 var(--item-width);
  margin: 0;
  padding: 0;
}

.infinite-slide img {
  display: block;   /* ✅ 下余白防止 */
  width: 100%;
  height: auto;     /* 縦横比を保持 */
  border-radius: 6px;
  object-fit: cover;
}

/* 2セット分あるので -50% 移動でシームレスループ */
@keyframes infinite-marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}





@media (max-width: 768px){
	
}

@media (max-width: 1200px){
	
}

@media (min-width: 1200px){
	.container {
		width: 960px;
		padding: 0;
	}
    .box {padding: 0;}
}