@charset "utf-8";



/*スマホ*/
@media screen and (max-width:750px){


.modelslide0{width:100%;margin: 0px auto 0px auto; padding: 0px 0px 0px 0px;text-align:center;color: #000;line-height: 170%;
            font-family: Arial, sans-serif;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0;
        }


       .slider0 {
            width: 100%;
            position: relative;
        }

        .slick-slide0 {
            display: none;
        }

        .slick-slide0.slick-active00 {
            display: block;
        }

        .thumbnails0 {  
		  width: 100%;margin:0px auto 0px auto;
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start; /* 左寄せ */
            margin-top: 1px;
            gap: 1px; /* 上段と下段の隙間を同じに */
        }

        .thumbnail0 {
            flex: 0 0 calc(18% - 1px); /* 5列に分ける */
            cursor: pointer;
            transition: opacity 0.3s;
            box-sizing: border-box; /* ボーダーのサイズを含む */
        }

        .thumbnail0 img {
            width: 100%;
            height: auto;
            display: block;
            border: 2px solid transparent;
        }

        
        .arrows0 {
            position: absolute;
            top: 37%;
            width: 100%;
            display: flex;
            justify-content: space-between;
            transform: translateY(-50%);
            pointer-events: none;
        }

        .arrow0 {
            background-color: rgba(0, 0, 0, 0.5);
            color: #fff;
            padding: 10px;
            cursor: pointer;
            z-index: 1;
            pointer-events: all;
        }

        .arrow0.next0{
            right: 0;
        }

        .arrow0.prev0 {
            left: 0;
        }

	     .thumbnail-container0 {
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start;
        }

        .thumbnail0 {
            width: calc(18% - 1px); /* 5列にするための計算 */
            margin: 1px;
            overflow: hidden;
            position: relative;
            box-sizing: border-box;
        }

        .thumbnail0 img {
            width: 100%;
            height: auto;
            object-fit: cover;
            transition: transform 0.3s ease, border-color 0.3s ease;
            border: 2px solid transparent;
            box-sizing: border-box;
        }

        .thumbnail0:hover img {
           /* transform: scale(1.1);*/
            border-color: #fff; /* 変更したい色 */border: 2px solid #fff;
        }

        .thumbnail0.active0 img {
            border-color: #fff; /* 変更したい色 */
        }

        .arrows0 {
            display: flex;
            justify-content: space-between;
            width: 100%;
            position: absolute;
            top: 32%;
            transform: translateY(-50%);
        }

        .arrow0 {
            cursor: pointer;
            font-size: 2em;
            color: #fff;
        }

	
.model0{width:100%;height:auto;margin:20% auto 0% auto;padding: 5% 0% 0% 0%;text-align:center;background:#f18b00;border-radius: 0px 0px 20px 20px;margin-top:-10px}
	
.model00{width:100%;height:auto;margin:20% auto 0% auto;padding: 5% 0% 0% 0%;text-align:center;background:#a40c5e;border-radius: 0px 0px 20px 20px;margin-top:-10px}
	
	
.modeltop0{width:100%;height:auto;margin:0px auto 0px auto;padding: 70px 0% 0px 0%;text-align:center;}
.modeltitle0{width:100%;height:auto;margin:0px auto 0px auto;padding: 0px 0% 0px 0%;text-align:center;}

.modelcap0{width:93%;height: auto;margin: 10px auto 0px auto;padding: 0px 0px 3% 0px;color:#fff;letter-spacing:0px;text-align:left;font-size: clamp(10px, 0.6vw, 14px);}
.modelfont0{font-size: clamp(16px, 3.2vw, 24px);width:90%;height: auto;margin: 30px auto 0% auto;padding: 0px 0px 20px 0px;color:#000;letter-spacing:0px;text-align:center;font-feature-settings: "palt";line-height: 160%;}

}


/*PC*/
@media screen and (min-width:751px){

	
.modelslide0{width:100%;margin: 0px auto 0px auto; padding: 0% 0px 0px 0px;text-align:center;color: #000;line-height: 170%;
            font-family: Arial, sans-serif;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: auto;
            margin: 0; 
        }
	
	
       .slider0 {
            width: 100%;
            position: relative;
        }

        .slick-slide0 {
            display: none;
        }

        .slick-slide0.slick-active0 {
            display: block;
        }

        .thumbnails0 {  
		  width: 100%;margin:0px auto 0px auto;
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start; /* 左寄せ */
            margin-top: 40px;
            gap: 10px; /* 上段と下段の隙間を同じに */
        }

     

        .thumbnail0 img {
            width: 100%;
            height: auto;
            display: block;
            border: 2px solid transparent;
        }

        
        .arrows0 {
            position: absolute;
            top: 37%;
            width: 100%;
            display: flex;
            justify-content: space-between;
            transform: translateY(-50%);
            pointer-events: none;
        }

        .arrow0 {
            background-color: rgba(0, 0, 0, 0.5);
            color: #fff;
            padding: 10px;
            cursor: pointer;
            z-index: 1;
            pointer-events: all;
        }

        .arrow0.next {
            right: 0;
        }

        .arrow0.prev {
            left: 0;
        }

	     .thumbnail-container0 {
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start;
        }




	
        .thumbnail0 img {
            width: 100%;
            height: auto;
            object-fit: cover;
            transition: transform 0.3s ease, border-color 0.3s ease;
           border: 2px solid #fff;
            box-sizing: border-box;
        }

        .thumbnail0:hover img {
            transform: scale(1.1);
            border-color: #fff; 
        }

        .thumbnail0.active img {
            border-color: #000; /* 変更したい色 */
        }

        .arrows0 {
            display: flex;
            justify-content: space-between;
            width: 100%;
            position: absolute;
            top: 36%;
            transform: translateY(-50%);
        }

        .arrow0 {
            cursor: pointer;
            font-size: 2em;
            color: #fff;
        }
	

.modeltop0{width:100%;height:auto;margin:0px auto 0px auto;padding: 110px 0% 30px 0%;text-align:center;}
	
.model0{width:92.3%;height:auto;margin:0px auto 0px auto;padding: 3% 2.9% 3% 2.9%;text-align:center;background:#f18b00;border-radius: 0px 0px 20px 20px;margin-top:-10px}
.model00{width:92.3%;height:auto;margin:0px auto 0px auto;padding: 3% 2.9% 3% 2.9%;text-align:center;background:#a40c5e;border-radius: 0px 0px 20px 20px;margin-top:-10px}
.modeltitle0{width:100%;height:auto;margin:0px auto 0px auto;padding: 0px 0% 0px 0%;text-align:center;}
.modelfont0{font-size: clamp(24px, 2.2vw, 28px);width:90%;height: auto;margin: 5% auto 3% auto;padding: 0px 0px 0px 0px;color:#000;letter-spacing:0px;text-align:center;font-feature-settings: "palt";}
.modelcap0{width:100%;height: auto;margin: 0px auto 0px auto;padding: 20px 0px 0px 0px;color:#fff;letter-spacing:0px;text-align:left;font-size: clamp(10px, 0.6vw, 14px);}

}