@charset "utf-8";
/*--------------------------------------
	copyright : yuyu design.
--------------------------------------*/

@import url(reset.css);
@import url(common.css);
@import url(../libs/fontawesome/css/all.min.css);
@import url(../libs/aos/aos.css);
/* #main @import url(../libs/OwlCarousel/assets/owl.carousel.min.css); @import url(../libs/OwlCarousel/assets/owl.theme.default.min.css); */
/* #main @import url(../libs/lightGallery/css/lightgallery.min.css); */
/* #main @import url(../libs/Remodal/remodal.css); @import url(../libs/Remodal/remodal-default-theme.css); */


/*
car_model
==============================*/

/* carModel ----------*/
#carModel { padding-top: 12rem !important; padding-bottom: 12rem !important; }
#carModel .c, #carModelDetail .c { display: inline-block; padding: 0.4em 0.6em; border-radius: 0.5rem; color: #FFF; background-color: #333; font-weight: bold; line-height: 1; }
#carModel h2 { display: flex; flex-direction: column; margin-bottom: 3rem; gap: 1rem; align-items: center; }
#carModel h2 i { color: #2480BD; font-size: 6rem; }
#carModel h2 span { display: block; font-size: 5rem; text-align: center; line-height: 1; }
#carModel h2 span small { font-size: 2.6rem; }
#carModel h3, #carModelDetail h3 { display: flex; margin-top: 6rem; font-size: 2rem; align-items: center; gap: 1rem; }
#carModel h3 .c { font-size: 2.8rem; }
#carModel h4 .c { font-size: 1.6rem; }
#carModel .model_list_wrap { margin-top: 2rem; padding: 3rem; border-radius: 1rem; background: rgba(238, 234, 230, 0.80); }
#carModel .model_list {}
#carModel .model_list li { background-color: #FFF; padding: 2rem; border-radius: 1rem; }
#carModel .model_list li .pw {}
#carModel .model_list li .pw img { border-radius: 0.5rem; }
#carModel .model_list li .tw { margin-top: 2rem; text-align: center; }
#carModel .model_list li .tw h4 { font-size: 2.2rem; display: flex; align-items: center; justify-content: center; gap: 1rem; }
#carModel .model_list li .tw .bt { margin-top: 1rem; }
@media screen and (max-width:480px) { /* s */
	#carModel { padding-top: 6rem !important; padding-bottom: 6rem !important; }
	#carModel h2 span { font-size: 3.8rem; }
	#carModel h2 span small { font-size: 2rem; }
	#carModel h3 { flex-direction: column; }
}


/* carModelDetail ----------*/
#carModelDetail { padding-top: 12rem !important; padding-bottom: 12rem !important; }
#carModelDetail .detail { display: flex; gap: 8rem; }
#carModelDetail .detail .pw { width: 50%; }
#carModelDetail .detail .pw .p {}
#carModelDetail .detail .pw .p img { border-radius: 0.5rem; }
#carModelDetail .detail .pw .thumbnail { margin-top: 2rem; }
#carModelDetail .detail .pw .thumbnail img { border-radius: 0.5rem; }
#carModelDetail .detail .pw .thumbnail .active { pointer-events: none; }
#carModelDetail .detail .pw .thumbnail .active img { border: solid 5px #333; }
#carModelDetail .detail .tw { width: calc(50% - 8rem); text-align: center; }
#carModelDetail .detail .tw h3 { margin-top: 0; font-size: 1.4rem; justify-content: center; }
#carModelDetail .detail .tw h3 .c { font-size: 1.8rem; }
#carModelDetail .detail .tw h1 { margin-top: 3rem; font-size: 3.8rem; text-align: center; }
#carModelDetail .detail .tw h4 { margin-top: 4rem; padding-left: 0.5rem; border-left: solid 5px #333; font-size: 1.6rem; text-align: left; }
#carModelDetail .detail .spec { display: inline-flex; flex-flow: wrap; margin-top: 3rem; padding: 1rem 2rem; border-radius: 0.5rem; background-color: #EEEAE6; justify-content: center; gap: 1.5rem; align-items: center; }
#carModelDetail .detail .spec li { display: flex; font-size: 1.6rem; font-weight: bold; line-height: 1; gap: 1.5rem; }
#carModelDetail .detail .spec li::after { content: "/"; opacity: 0.4; font-weight: normal; }
#carModelDetail .detail .spec li:last-child {}
#carModelDetail .detail .spec li:last-child:after { display: none; }
#carModelDetail .detail .spec2 { display: inline-flex; flex-flow: wrap; margin-top: 2rem; justify-content: center; gap: 1.5rem; align-items: center; }
#carModelDetail .detail .spec2 li { display: flex; font-size: 1.4rem; line-height: 1; gap: 1rem; align-items: center; }
#carModelDetail .detail .spec2 li .t { padding: 0.4rem 0.5rem; border: solid 1px #333; border-radius: 0.5rem; font-size: 1rem; font-weight: bold; }
#carModelDetail .detail .fee_table { width: 100%; margin-top: 4rem; border: solid 2px #333; border-radius: 0.5rem; }
#carModelDetail .detail .fee_table th,
#carModelDetail .detail .fee_table td { padding: 1rem 0.5rem; font-size: 1.6rem; font-weight: bold; line-height: 1; vertical-align: middle; }
#carModelDetail .detail .fee_table th { border-bottom: solid 2px #333; }
#carModelDetail .detail .fee_table td { border-bottom: solid 1px #333; }
#carModelDetail .detail .fee_table tr:last-child td { border-bottom: none; }
#carModelDetail .detail .fee_table .title { border-right: solid 2px #333; color: #FFF; background-color: #333; }
#carModelDetail .detail .fee_table .time { border-right: solid 2px #333; }
#carModelDetail .detail .fee_table .member { border-right: solid 1px #333; background-color: #EEEAE6; }
#carModelDetail .detail .fee_table th.member {}
#carModelDetail .detail .fee_table td.member { font-size: 2rem; }
#carModelDetail .detail .fee_table .general {}
#carModelDetail .detail .fee_table th.general { font-size: 1.4rem; font-weight: normal; }
#carModelDetail .detail .fee_table td.general { font-size: 1.8rem; }
#carModelDetail .detail .equipment { margin-top: 2rem; display: flex; flex-flow: wrap; gap: 1rem; }
#carModelDetail .detail .equipment li { width: 6rem; padding: 0 0.1rem; height: 5rem; border-radius: 0.5rem; background-color: #948371; color: #FFF; font-size: 1.5rem; font-weight: bold; line-height: 1; text-align: center; display: grid; place-items: center; }
#carModelDetail .detail .equipment li.invalid { opacity: 0.2; background-color: #333; }
#carModelDetail .detail .box { text-align: left; font-size: 1.4rem; padding: 2rem; border-radius: 0.5rem; }
#carModelDetail .detail .box h5 { margin-top: 1em; }
#carModelDetail .detail .box p { margin: 0 !important; }
#carModelDetail .detail .box .list { margin-top: 0.5rem; }
#carModelDetail .detail .box .list li { font-size: 1.4rem; margin-bottom: 0; }
#carModelDetail .bt-reservation { margin-top: 6rem; text-decoration: none; display: flex; font-size: 2.8rem; justify-content: center; font-weight: bold; align-items: center; gap: 1rem; background-color: #CF0000; color: #FFF; padding: 2rem 3rem; border-radius: 0.5rem; }
@media screen and (max-width:1260px) { /* x */
	#carModelDetail .detail { gap: 4rem; }
	#carModelDetail .detail .tw { width: calc(50% - 4rem); }
}
@media screen and (max-width:1024px) { /* l */
	#carModelDetail .detail { flex-direction: column; }
	#carModelDetail .detail .pw, #carModelDetail .detail .tw { width: 100%; max-width: 72rem; margin: auto; }
	#carModelDetail .bt-reservation { width: 100%; max-width: 72rem; margin: 6rem auto 0; }
}
@media screen and (max-width:480px) { /* s */
	#carModelDetail { padding-top: 6rem !important; padding-bottom: 6rem !important; }
	#carModelDetail .detail .pw .thumbnail { margin-top: 1rem; }
}