/* webルート用 追加スタイルシート */

.krona-text {
   font-family: 'Krona One', sans-serif;
}

.checkbox-wrapper.disabled {
   opacity: 0.5;
}
/* 登録完了ボタン */
#nextBtn {
   transition: opacity 0.3s ease;
}

/* テキスト赤 */
.txt-col-red {
   color: #c62601;
}
/* テキスト青 */
.txt-col-blue {
   color: #006291;
}
/* テキスト青 */
.txt-col-dark {
   color: #313131;
}

/* フォントサイズ */
.fs-12 {
   font-size:12px;
}
.fs-13 {
   font-size:13px;
}
.fs-14 {
   font-size:14px;
}
.fs-15 {
   font-size:15px;
}
.fs-16 {
   font-size:16px;
}
.fs-18 {
   font-size:18px;
}
/* フォントウェイト */
.fw-bold {font-weight: bold;}
/* 幅 */
.width-40 {width:40px;}
.width-50 {width:50px;}
.width-60 {width:60px;}
.width-70 {width:70px;}
.width-80 {width:80px;}
.width-200 {width:200px;}
.width-100p {width:100%;}
/* 高さ */
.height-100p {height:100%;}
/******************** トップページ ********************/
/* 車両一覧画像サイズ調整 */
.car-lineup-img {
   height: 145px;
   object-fit: contain;
}


/******************** 車両情報ページ ********************/
/* 車両詳細ページの画像スライダー */
.car-photos {
   background-color: #fff;
}

.car-photos .main-photo {
   width: 100% !important;
   height: 300px;
   object-fit: cover;
   margin-bottom: 10px;
}

.thumbnails-container {
   height:70px;
   display: flex;
   align-items: flex-start;
   background-color: #fff;
}

.car-photos .thumbnails {
   display: flex;
   overflow-x: hidden;
   scroll-behavior: smooth;
   flex-grow: 1;
}

.car-photos .thumbnail {
   width: 80px !important;
   height: 60px;
   object-fit: cover;
   cursor: pointer;
   transition: opacity 0.3s;
   flex-shrink: 0;
}

.car-photos .thumbnail:hover {
   opacity: 0.7;
}

.car-photos .thumbnail.active {
   border: 2px solid #007bff;
}

.arrow-btn {
   background: #fff;
   color: 000;
   border: none;
   padding: 5px 10px;
   cursor: pointer;
   font-size: 18px;
   height: 100%;
}

.arrow-btn:hover {
   background: #cf6d6d;
}

/* 貸渡約款 */
.terms-frame {
   width:100%;
   height:100%;
}
.terms-frame .kiyaku {
   width:100%;
   height:100%;
   color: #313131;
   padding: 41px 46px;
   font-size:14px;
}

@media (max-width: 991px) {
   .terms-frame .kiyaku {height: 500px;}
}

/* 動画ページ */
.video-container {
   position: relative;
   padding-bottom: 56.25%; /* 16:9のアスペクト比 */
   height: 0;
   overflow: hidden;
   max-width: 100%;
}

.video-container iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}