@charset "UTF-8";

/*04.店舗案内---------------------------------------------*/
/*一覧*/
.shopList{width:100%;margin:0 auto 30px auto;padding:0;}
.shopList h3{position:relative;width:100%;margin:10px auto 30px auto;padding:10px 0;font-weight:700;text-align:left;z-index:1;}
.shopList h3::before{content:"";position:absolute;top:2px;left:0;width:100%;height:2px;z-index:2;}
.shopList h3::after{content:"";position:absolute;bottom:2px;left:0;width:100%;height:1px;z-index:2;}
.shopList h3 a:hover{opacity:0.8;}
.shopList h3 span{display:inline-block;margin:0;padding:0 20px;}
.shopList:last-child{;margin:10px auto 60px auto;}
.shopList:nth-child(even) h3{background:#107fc9;}
.shopList:nth-child(odd) h3{background:#fff;}
.shopList:nth-child(even) h3 a{color:#fff;}
.shopList:nth-child(odd) h3 a{color:#1d2087;}
.shopList:nth-child(even) h3::before{border-top:2px solid #fff;}
.shopList:nth-child(odd) h3::before{border-top:2px solid #107fc9;}
.shopList:nth-child(even) h3::after{border-bottom:1px dotted #fff;}
.shopList:nth-child(odd) h3::after{border-bottom:1px dotted #107fc9;}
.shopList:nth-child(even) h3 span:not(:last-child){border-right:1px solid #fff;}
.shopList:nth-child(odd) h3 span:not(:last-child){border-right:1px solid #107fc9;}
.shopList div{font-size:14px;}
.shopList img{width:210px;margin:0 auto 20px auto;}
.shopList dl{margin:0 10px;}
.shopList dl dt{margin:0 10px 0 0;color:#1d2087;font-size:16px;font-weight:700;text-align:left;}
.shopList dl dd{font-size:14px;text-align:left;}
.shopList div a{display:block;margin:15px auto;padding:2px 20px;color:#fff;font-size:16px;font-weight:700;text-decoration:none;background:#f7b525;border-radius:3px;}
.shopList div a:hover{background:#1d2087;}
.shopList div div{width:calc(100% - 210px);min-width:300px;margin:0 auto;}
a.moreStock{max-width:500px;}
img.shopBnr{margin:0;}
/*詳細*/
.shop{width:auto;margin:0.5rem auto;padding:0;font-size:16px;border:3px solid #ebe9e4;}
.shop th,.shop td{padding:5px 10px;text-align:left;vertical-align:middle;border-bottom:1px solid #ebe9e4;box-sizing:border-box;}
.shop tr:last-child th,.shop tr:last-child td{border-bottom:none;}
.shop th{white-space:nowrap;color:#666;font-size:0.8rem;font-weight:500;background-color:#f9f8f6;}
.shop td{background-color:#fff;}
@media(max-width:640px){
	.shop td{display:block;width:100%;,margin:0;border:none;}
	.shop th{display:block;width:100%;,margin:0;border-top:1px solid #ebe9e4;border-bottom:none;}
}
h2.newCar{margin:0 0 30px 0;text-align:left;}
h2.newCar::after{content:"";position:absolute;top:17px;left:0;width:100%;border-bottom:1px dashed #999;z-index:1;}
h2.newCar span{position:relative;padding:0 10px 0 0;font-weight:700;background:#fdf4d9;z-index:2;}
h2.newCar span:nth-child(1)::before{content:"●";width:18px;margin-right:3px;color:#ff8f00;z-index:2;}
h2.newCar span:nth-child(2){position:absolute;right:0;padding:0 0 0 10px;color:#666;font-size:var(--fontSz16-18);z-index:2;}
h2.newCar span:nth-child(2) em{color:#e60012;font-size:var(--fontSz24-34);}
a[href^="tel:"]{font-size:36px;font-weight:bold;color:#ff8f00;text-decoration:none;}
a[href^="tel:"] img{width:32px;height:32px;}
a[href^="tel:"]:hover{text-decoration:underline;}
iframe{width:100%;height:320px;margin:0 auto;}
.detail_item{width:100%;max-width:450px;margin:0 auto;text-align:left;}
.detail_item p{font-size:16px;}
.detail_item table{width:100%;}
.car_list{width:100%;margin:0 auto;}
.car_list li{width:160px;font-size:14px;text-align:left;}
.car_list li img{width:160px;}
.car_list li a{color:#00003c;font-weight:bold;text-decoration:none;}
.car_list li a:hover{text-decoration:underline;}
.car_list li span{color:#e60012;font-size:21px;font-weight:bold;}
/*Slider*/
/*slide:shop_image*/
.shop_image{position:relative;width:100%;max-width:480px;margin:0 auto;}
.shop_image .slick-thumb{margin:0 auto 0.5rem auto;background-color:#000;}
.shop_image .slick-thumb img{cursor:pointer;opacity:0.4;}
.shop_image .slick-thumb img:hover,.slick-thumb img.slick-current{opacity:1;}
/*slide:staff*/
.staff{width:100%;margin:30px auto 0 auto;}
.staff .slick-slide{position:relative;transition:.3s ease;}
.staff .slick-slide img{width:120px;height:120px;margin:0 5px;border:4px solid #ebe9e4;opacity:0.5;box-sizing:content-box;cursor:pointer;object-fit:cover;}
.staff .slick-current img{opacity:1;}
.caption li{position:relative;width:100%;margin:30px 0 30px 0;padding:20px;text-align:left;border:10px solid #ebe9e4;background-color:#fff;box-sizing:border-box;}
.caption li::before{content:"";position:absolute;top:-40px;left:0;right:0;width:30px;margin:0 auto;border:15px solid transparent;border-bottom:15px solid #ebe9e4;}
.caption .slick-current{transition-delay:.5s;}
@media(min-width:987px){
	.shop_image{margin:0 auto;}
}

/*22.会社案内---------------------------------------------*/
.company{clear:both;margin:0 auto 100px auto;padding:0;text-align:center;}
.company h2{clear:both;margin:50px 0 10px 0;padding:0;font-size:25px;text-align:left;text-indent:32px;letter-spacing:0.1em;background:url("../images/h3_01.png") no-repeat left center;}
.company h3{font-weight:700;text-align:left;}
.company .greeting{width:100%;max-width:586px;line-height:2;}
.company .ceo{width:100%;max-width:370px;margin:0 auto;text-align:left;}
.company ul{margin-left:30px;text-align:left;}
.company dl{display:flex;flex-wrap:wrap;margin:0 auto;padding:0;line-height:2;}
.company dt{display:flex;flex-direction:column;justify-content:center;width:100%;max-width:270px;margin:0 auto;padding:5px 0;color:#fff;text-align:center;border-width:0 0 1px 1px;border-style:solid;border-color:#d3d3d3;background:#107fc9;}
.company dt:nth-of-type(1){border-width:1px 0 1px 1px;}
.company dd{display:flex;flex-direction:column;justify-content:center;width:100%;max-width:calc(100% - 270px);min-width:270px;margin:0 auto;padding:5px 20px;text-align:left;border-width:0 1px 1px 1px;border-style:solid;border-color:#d3d3d3;}
.company dd:nth-of-type(1){border-width:1px 1px 1px 1px;}
img.logoChange{margin:50px auto 50px auto;}
img.logoImage{margin:50px auto 50px auto;border:1px solid #ddd;}

/*23.社会貢献活動---------------------------------------------*/
.sca{margin:0 auto 50px auto;padding:30px;text-align:center;background:#fff;}
.sca div div{width:calc(100% - 300px);min-width:300px;margin:8px auto;}
.sca a{margin:0 auto;}
.sca img{width:300px;margin:8px auto;}
.sca ul{width:100%;margin:10px auto;padding:0;}
.sca ul li{margin:0 auto;padding:0;}

/*26.よくあるご質問---------------------------------------------*/
.faq{margin:10px auto 100px auto;text-align:left;}
.faq h2{width:100%;max-width:1000px;height:auto;margin:30px 0;padding:8px 30px;color:#1d2087;font-size:var(--fontSz16-20);font-weight:700;border:1px solid #d3d3d3;box-sizing:border-box;}
.faq:nth-of-type(odd) h2{background:#f6f6f6;}
.faq:nth-of-type(even) h2{background:#f8f5ed;}
.faq a{text-decoration:underline;}
.faq a:hover{text-decoration:none;}
.faq dt{position:relative;margin:10px 0;padding:10px 0 10px 40px;color:#1d2087;font-weight:700;}
.faq dd{position:relative;margin:0 0 30px 30px;padding:10px 5px 10px 50px;color:#54545c;background:#f9f9f9;}
.faq dt::before{position:absolute;top:10px;left:0;width:30px;height:30px;color:#fff;text-align:center;line-height:30px;font-size:20px;font-weight:700;border-radius:50%;background:#1d2087;content:'Q';z-index:10;}
.faq dd::before{position:absolute;top:8px;left:10px;width:30px;height:30px;color:#fff;text-align:center;line-height:30px;font-size:20px;font-weight:700;border-radius:50%;background:#f7b525;content:'A';z-index:10;}
.faq dt::after{position:absolute;top:19px;left:28px;content:"";border:6px solid transparent;border-left:6px solid #1d2087;z-index:0;}
.faq dd::after{position:absolute;top:17px;left:38px;content:"";border:6px solid transparent;border-left:6px solid #f7b525;z-index:0;}

/*27.プライバシーポリシー---------------------------------------------*/
.privacy h2{margin:50px 0 0 0;padding:0;font-size:var(--fontSz18-26);font-weight:700;text-align:left;letter-spacing:0.1em;}
.privacy ol{margin:0 0 0 30px;padding:0;text-align:left;list-style-type:disc;list-style-position:inside;}
.privacy p{width:100%;}

/*29.コラム---------------------------------------------*/
.column aside{width:100%;max-width:270px;}
.column aside h3{margin:50px 0 10px 0;color:#90a7b5;font-size:var(--fontSz14-16);font-weight:700;text-align:left;border-bottom:1px solid #90a7b5;}
.column aside h3:nth-of-type(1){margin:14px 0 10px 0;}
.column aside h3 img{width:24px;height:24px;margin:0 4px 0 0;padding:0 0 2px 0;vertical-align:middle;}
.column aside ul li{font-size:var(--fontSz12-14);}
.column aside ul li a.trim{display:block;position:relative;overflow:hidden;width:60px;height:60px;margin:0 6px 4px 0;padding:0;z-index:1;}
.column aside ul li a.trim:hover{opacity:0.8;}
.column aside ul li a.trim img{object-fit:cover;width:100%;height:100%;}
.column aside ul.news{text-align:left;}
.column aside ul.news li{margin:5px 0;padding:5px 0;border-bottom:1px dotted #ccc;}
.column aside ul.news li a{color:#888;}
.column aside ul.rank{text-align:left;}
.column aside ul.rank li{margin:5px 0;border-bottom:1px dotted #ccc;}
.column aside ul.rank li:last-child{border:none;}
.column aside ul.rank li .num{display:block;position:absolute;top:0;left:0;width:20px;height:20px;color:#fff;text-align:center;line-height:20px;z-index:10;}
.column aside ul.rank li:nth-of-type(1) .num{background:linear-gradient(45deg,#daaf08 0%,#daaf08 45%,#fee9a0 70%,#daaf08 85%,#daaf08 90% 100%);background-size:800% 400%;animation:gradient 5s infinite cubic-bezier(.62, .28, .23, .99) both;}
.column aside ul.rank li:nth-of-type(2) .num{background:linear-gradient(45deg,#757575 0%,#9e9e9e 45%,#e8e8e8 70%,#9e9e9e 85%,#757575 90% 100%);background-size:800% 400%;animation:gradient 5s infinite cubic-bezier(.62, .28, .23, .99) both;}
.column aside ul.rank li:nth-of-type(3) .num{background:linear-gradient(45deg,#a57e65 0%,#a57e65 45%,#f3cfb8 70%,#a57e65 85%,#a57e65 90% 100%);background-size:800% 400%;animation:gradient 5s infinite cubic-bezier(.62, .28, .23, .99) both;}
.column aside ul.rank li:nth-of-type(4) .num{background:#999;}
.column aside ul.rank li:nth-of-type(5) .num{background:#999;}
.column aside ul.rank li .title a{color:#1e1e28;}
.column aside ul.rank li .date{color:#888;}
.column ul.cate{text-align:left;}
.column ul.cate li a{display:inline-block;margin:2px;padding:2px 10px;color:#666;background:#eee;border:1px solid #ccc;border-radius:9999px;}
.column ul.cate li a:hover{color:#1e1e28;background:#fff;text-decoration:none;}
.column a.more{display:block;margin:5px 0;padding:5px 10px;color:#888;font-size:var(--fontSz12-14);background:none;border:1px solid #ccc;}
.column a.more:hover{color:#1e1e28;background:#eee;text-decoration:none;}
.columnList{width:100%;max-width:700px;}
.columnList ul{align-items:stretch;width:100%;max-width:1000px;margin:30px auto 0 auto;padding:0;text-align:left;}
.columnList ul li{position:relative;width:220px;height:auto;margin:10px auto;padding:0;text-align:left;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.columnList ul li a.trim{display:block;position:relative;overflow:hidden;width:220px;height:165px;margin:0;padding:0;z-index:1;}
.columnList ul li a.trim:hover{opacity:0.8;}
.columnList ul li a.trim img{object-fit:cover;width:100%;height:100%;}
.columnList ul li a{color:#1e1e28;text-decoration:none;}
.columnList ul li a:hover{text-decoration:underline;}
.columnList ul li .date{display:block;width:90%;height:30px;margin:10px auto 0 auto;color:#107fc9;font-size:14px;}
.columnList ul li .title{display:block;width:90%;height:auto;margin:0 auto;font-size:16px;}
.columnDetail{width:100%;max-width:700px;text-align:left;}
.columnDetail .date{margin:0 0 30px 0;color:#90a7b5;font-size:var(--fontSz12-14);}
.columnDetail .cate{margin:0 0 30px 0;color:#888;font-size:var(--fontSz12-14);}
.columnDetail .cate a{color:#888;text-decoration:underline;}
.columnDetail .cate a:hover{text-decoration:none;}
.columnDetail .backList{width:100%;height:50px;margin:50px auto;padding:0px;text-align:center;}
.columnDetail .backList a{display:inline-block;margin:0 auto;padding:5px 50px;color:#888;text-align:center;text-decoration:none;border:1px solid #888;border-radius:3px;}
.columnDetail .backList a:hover{color:#1e1e28;background:#eee;text-decoration:none;}
.columnDetail #contentsList{margin:50px auto;padding:2rem;border-top:6px solid #90a7b5;background:#F9F8F6;}
.columnDetail #contentsList p{display:block;margin:0 0 1.4rem 0;color:#90a7b5;font-size:var(--fontSz18-24);font-weight:700;}
.columnDetail #contentsList p img{width:30px;height:30px;margin:0;padding:0;vertical-align:middle;}
.columnDetail #contentsList ul li::marker{content:'〇 ';color:#90a7b5;font-weight:700;}
.columnDetail #contentsList ul li a{color:#1e1e28;}