@charset "UTF-8";
/* TOP */
/*#Top{margin-top:207px;}*/
#top-main{width:100%; overflow:hidden;}
.section1{padding:0 0 59px; position:relative; z-index:0;margin:0 auto; max-width:1000px;}
.campaign-slide{width:100%; height:100%; overflow:visible; z-index:1;}
.campaign-slide .swiper-slide{padding-bottom:5px;}
.campaign-slide .swiper-slide img{width:100%; height:auto;}
.campaign-slide .button-next, .campaign-slide .button-prev {display:none;}
.section1 .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 18px;}
.section2,.section3{padding:40px 0 59px;}
.section3{padding-bottom:35px;}
.section2 h2,.section3 h2,.section4 h2,.top-news h2,.used_car h2,.top-info h2{text-align:center; color:white; font-size:30px; margin-bottom:22px;}
.section2 h2{letter-spacing:.5rem;}
.section3 h2,.used_car h2,.top-news h2,.top-info h2{color:#f99545;font-size:32px;}
.section3 h2 span,.used_car h2 span,.top-news h2 span,.top-info h2 span{display:block; font-size:18px; font-weight:normal;}
.used_car h2 span,.top-news h2 span,.top-info h2 span{color:black;}
.SearchPlan{width:1100px; margin:0 auto; text-align:center;}
.SearchPlanin{display:inline-block; vertical-align:top; color:white; margin-right:15px;}
.SearchPlanin:last-child{margin-right:0;}
.SearchPlanin li{margin-bottom:10px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; align-items:center;}
.SearchPlanin li span{margin-right:15px;}
.SearchPlanin li input[type="text"],.SearchPlanin li label{margin-right:10px; border-radius: 5px;}
.SearchBtn{background-color:#000;border-radius: 5px;}
.SearchBtn a{color:white; padding:20px; display:block;}
.SearchBtn img{display:inline-block; vertical-align:middle;}
.SearchBtn img{margin-right:15px;}

.type-slidecontainer{width:1200px; margin:0 auto;}
.type-slidecontainer .type-slider{overflow:hidden; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.type-slidecontainer .type-slider li{margin:0 10px 15px;}
.type-slidecontainer .type-slider li a{color:#f99545;}
.cartypes{background-color:white; border-radius:50%; width:220px; height:220px; display:-webkit-box; display:-ms-flexbox; display:flex; flex-direction:column; justify-content:center; align-content:center; text-align:center;}
.cartypes img{width:auto; height:auto;}
.cartypename{text-align:center; margin-top:10px; font-size:18px;}
.type-slidecontainer .type-slider li.last .cartypes{background-color:#f99545; font-size:24px; font-weight:bold; padding-top:20px;}
.type-slidecontainer .type-slider li.last a{color:#fff;}

.section4{background-color:#f1fafc; padding:45px 0 60px;}
.section4 h2{color:#013b80;font-size:32px;}
.section4 h2 span{display:block; font-size:18px; font-weight:normal;}
.section4 .type-slidecontainer .type-slider{justify-content: center;}
.section4 .type-slidecontainer .type-slider li a{color:#013b80;}
.section4 .type-slidecontainer .type-slider li.last .cartypes{background-color:#013b80;}
.section4 .type-slidecontainer .type-slider li.last a{color:#fff;}
.section4 .type-slidecontainer .type-slider li:nth-child(6){margin-left:30px;}
.used_car{padding:38px 0 100px;}
.used_car h3{text-align:center; font-size:31.65px;}
.used_car h4{text-align:center;font-size:24px; letter-spacing:.5em; width:75%; margin:0 auto;}
.used_car h4 a{color:#fff;background:#45484d;background: -moz-linear-gradient(top, #45484d 0%, #000 100%);background: -webkit-linear-gradient(top, #45484d 0%,#000 100%);background: linear-gradient(to bottom, #45484d 0%,#000 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000',GradientType=0 ); padding:12px; display:block; border-radius:5px; position:relative;}
.used_car h4 a img{position:absolute; top:50%; right:2%; margin-top:-14px;}
.used_car h4+p{text-align:center; font-weight:bold; font-size:14px; margin-top:5px; letter-spacing:.075rem;}
.used_carList{margin:45px 0 65px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-around;}
.used_carList li{background-color:#fff; width:340px; height:340px;display:-webkit-box; display:-ms-flexbox; display:flex; flex-direction:column; flex-wrap: wrap; /*justify-content:center;*/ align-items:center;position:relative; overflow:hidden; border-radius: 5px; }
.used_carList li p{text-align:center; font-size:21px; font-weight:bold;}
.used_carList li span{position:absolute;display:inline-block;right:-43px;text-align:center;text-transform:uppercase;top:24px;color:#fff;background:#fc6f35;width:180px;letter-spacing:.1rem;font-size:24px;font-weight:700;padding:3px 0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.used_carList li img{margin-bottom:10px; width: 100%;}

.summary{background:url(../images/bg_summary_pc.jpg) no-repeat center center; background-size:cover;padding:100px 0;}
.summaryList{background-color:#fff; padding:32px; border-radius:5px; box-sizing:border-box;}
.summaryList ul{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;}
.summaryList ul li{width:350px;}
.summaryList ul li .summaryImg{position:relative; z-index:0;}
.summaryList ul li .summaryImg h3{position:absolute; z-index:1; bottom:0; font-size:28px; color:#fff; font-weight:normal; padding:2px 0 2px 10px;background-color: rgba( 128, 128, 128, 0.59); width:100%;}
.summaryList ul li .summaryText{padding:15px; box-sizing:border-box;}
.summaryList ul li .summaryText h4{color:#fc6f35; font-size:18px; letter-spacing:.1rem; margin-bottom:10px;}
	.summaryList ul li .summaryText h4 a {color: #fc6f35; border-bottom: #fc6f35 solid 2px;}
.summary .catchC{color:#fff; text-align:center; margin:50px 0; font-size:20px; line-height:2.2rem;}
.summaryList.List2{background-color:transparent; padding:0;}
.summaryList.List2 ul li{background-color:#fff; width:370px; box-sizing: border-box; padding:30px 24px; font-size:14px; line-height:1.55rem;}
.summaryList.List2 ul li img{margin:0 auto; display:block;}
.summaryList.List2 ul li h3{text-align:center; color:#fe5f00; font-size:18px; padding: 11px 0;}

.top-news{padding:45px 0 60px;}
.top-newsIn{overflow:hidden;}
.notification{width:850px; height:310px; background-color:white;float:left; padding:10px 24px;}
.notification li{margin-bottom:10px; background: url(../images/bg_dot.png) repeat-x bottom;}
.notification li a{padding:11px 6px 21px; display:block; color:#000;}
.notification li strong{font-weight:normal;}
.notification li .label,.notification li .label2,.notification li .label3,.notification li .label4{background-color:#693c0c; color:white; padding:4px 0; margin:0 10px; display:inline-block; width:95px; text-align:center;}
.notification li .label2{background-color:#ff9801;}
.notification li .label3{background-color:#ea5550;}
.notification li .label4{background-color:#296490;}
.notification li .subject{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block;margin-bottom: -5px; width: 65%;}
.top-newsIn .banner{float:left;}

.top-info{padding:80px 0;}
.topShop-List{margin:50px auto;}
.topShop-List .swiper-container{width:1300px; padding:0 50px;}
.topShop-List h3{color:#fc6f35; font-size:18px; margin:5px 0 14px;}
.topShop-List img{margin-bottom:10px;}
.topShop-List ul{margin-top:10px;}
.topShop-List ul li{margin-bottom:10px;}
.topShop-List ul li img,.topShop-List ul li span{display:inline-block; vertical-align:top; margin:0;}
.topShop-List ul li span{padding-left:5px;width:290px;margin-top: 4px;}
.topShop-List .btn{width:225px;}
.topShop-List .btn a{background:#fc6f35;}
.topShop-List .swiper-slide{background-color:#fff; padding:21px; box-sizing:border-box;}

.ttl-lv2 {background: #f6f6f6; margin: 0 0 30px; padding: 14px 12px 12px; border-top: none; border-left: 8px solid #ec6b38; font-size: 1.2rem; color:#fc6f35;}

a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

@media screen and (max-width: 1200px) {
	.section1{max-width:900px;}
	.campaign-slide{width:96%; margin: 0 auto;}
	.SearchPlan {width:100%;}
	.type-slidecontainer{width:100%;}
	.serviceList li{width:24%;}
	.serviceList li img{width:100%; height:auto;}
	.serviceList li p{font-size:18px;}
	.topShop-List .swiper-container{width:100%; padding:0 40px;}
	.topShop-List img{width:100%;}
	.topShop-List ul li img{width:inherit;}
	.topShop-List ul li span{width:220px;}
}
@media screen and (max-width: 1024px) {
	#Top{margin-top:187px;}
	.section1{max-width:800px;}
	.summaryList ul li{width:31.5%;}
	.summaryList ul li .summaryImg img{width:100%; height:auto;}
	.top-newsIn{width:96%; margin:0 auto;}
	.notification{width:66%;}
	.notification li .subject{width:100%;}
	.top-newsIn .banner{width:34%;}
	.top-newsIn .banner img{width:100%; height:auto;}
	.used_carList li{width:300px;height:300px;}
	.topShop-List ul li span{width:31vw;}
}
@media screen and (max-width: 768px) {
	#Top{margin-top:0;}
	.section1{padding:0 0 9vw;}
	.campaign-slide .button-next, .campaign-slide .button-prev {display:block;}
	.section1 .swiper-container-horizontal>.swiper-pagination-bullets {bottom:3vw;}
	.SearchPlan{width:85%;}
	.SearchPlanin{display:block; margin-right:0;}
	.SearchPlanin li{justify-content:flex-start;}
	.SearchPlanin li span{width:15vw; text-align:left;}
	.sp-SearchPlanin li{display:block; text-align:left;}
	.type-slidecontainer .type-slider{display: block;}
	.type-slidecontainer .type-slider li.last{display:none;}
	.cartypes{width:64vw; height:64vw; border-radius:10px;}
	.cartypes img{display:inline;width:90%;}
	.serviceList{margin-top:8vw; justify-content:space-around; flex-flow:row wrap;}
	.serviceList li{margin-bottom:4vw;}
	.notification{width:94%; height:auto; margin:0 auto 5vw; float:none;}
	.top-newsIn .banner{float:none;width:94%;margin:0 auto;}
	.top-newsIn .banner img{width:100%; height: auto;}
	.used_carList li {margin:0 10px 15px;}
	.used_carList li{height:63vw; /*padding-top:5vw;*/}
	.used_carList li img{width:100%; margin:0 auto;}
	.used_car h4 a img{width:5vw; margin-top:-2vw;}
	.summary{background: url(../images/bg_summary_sp.jpg)no-repeat center center;background-size:cover; padding:10vw 0;}
	.summaryList{width:94%; margin:0 auto; padding:4vw;}
	.summaryList ul{display:block;}
	.summaryList ul li{width:100%; overflow:hidden; margin-bottom:3vw;}
	.summaryList ul li .summaryImg{width:40%; float:left;}
	.summaryList ul li .summaryImg img{width:100%;}
	.summaryList ul li .summaryText{float:left; width:60%; font-size:.9rem; padding:3vw 0 3vw 3vw;}
	.summaryList ul li .summaryImg h3,.summaryList ul li .summaryText h4{font-size:1rem;letter-spacing:normal;}
	.summaryList ul li .summaryText h4 a {color: #fc6f35; border-bottom: #fc6f35 solid 2px;}
	.summaryList ul li:nth-child(2) .summaryImg{float:right;}
	.summary .catchC{font-size:.85rem; width:94%; margin:5vw auto; line-height:1.5rem;}
	.summaryList.List2 ul li{width:100%; margin-bottom:3vw; padding:4vw;}
	.summaryList.List2 ul li img,.summaryList.List2 ul li div{float:left;}
	.summaryList.List2 ul li img{width:25%;}
	.summaryList.List2 ul li div{width:75%; padding-left:1%;}
	.summaryList.List2 ul li h3{text-align:left; padding-top:0;}
	.top-info {padding:5.5vw 0;}
	.topShop-List {margin:4vw auto;}
	.topShop-List img{width:100%;}
}
@media screen and (max-width: 480px) {
	#Top{margin-top:0;}
	.campaign-slide{width:100%;}
	.section2, .section3,.top-news,.used_car{padding:7vw 0;}
	.section2 h2{font-size:1.25rem; line-height:1.6rem; margin-bottom:4vw;}
	.used_carList{margin:5vw 0;}
	.used_car h3{font-size:1.2rem;}
	.used_car h4{font-size:1.1rem;letter-spacing:.3rem;}
	.used_carList li{/*padding-top:6vw;*/}
	.used_carList li p{font-size:1.1rem;}
	.used_carList li span{font-size:1.1rem; right:-14vw; top:5vw;}
	.SearchPlan{width:98%;}
	.SearchPlanin li span {white-space:nowrap; margin-right:0; font-size:.8rem;min-width:16vw; text-align:left;}
	.SearchPlanin li input[type="text"], .SearchPlanin li label {margin-right:1vw;border-radius: 5px;}
	.SearchBtn{width:70%; margin:6vw auto 0 auto;}
	.SearchBtn a{padding:3vw;}
	.SearchBtn img {width:8vw;}
	.type-slide .type-slidecontainer{margin-left:13%;}
	.serviceList li{width:46%;}
	.serviceList li p{font-size:.9rem; letter-spacing:normal;}
	.notification li{font-size:.9rem;}
	.notification li .subject{display:block; width:100%;}
	.topShop-List .swiper-container{padding:0 30px;}
	.topShop-List .swiper-slide{padding:4vw;}
	.topShop-List ul li span{width:65vw;}
}
@media screen and (max-width:360px) {
	.section3 h2,.section4 h2,.used_car h2,.top-news h2,.top-info h2{font-size:1.6rem;}
	.used_car h3 {font-size:1rem;}
	.used_car h4 {font-size:.9rem;}
	.used_carList li p{font-size:1rem;}
	.used_carList li span{font-size:1rem; right:-18vw;}
	.topShop-List ul li span{width:60vw;}
	.summaryList ul li .summaryImg h3{font-size:.8rem;}
	.summaryList ul li .summaryText{font-size:.8rem;}
	.notification li .label,.notification li .label1,.notification li .label2,.notification li .label3,.notification li .label4{margin:0 2vw; width:auto; padding:2px 3px;}
}

/* Page */
#Page{/*margin-top:204px;*/}
#Page section{padding:22px 0 30px;}
.pagehed{background:url(../images/bg-title.jpg) no-repeat; background-size:cover; color:white; padding:100px 0 115px; margin-bottom:40px; border-bottom:solid 6px #fff;}
.pagehed h2{font-size:50px; width:1000px; margin: 0 auto;}
.PageToptext{width:1200px; margin:0 auto; line-height:2rem;padding:12px 0 49px;}
.news.notification{float:none; width:inherit; height:inherit; margin-bottom:50px;}
.newsdetails .label,.newsdetails .label2,.newsdetails .label3,.newsdetails .label4{background-color:#693c0c; color:white; padding:3px 0; margin:0 15px; display:inline-block; width:120px; text-align:center;}
.newsdetails .label2{background-color:#ff9801;}
.newsdetails .label3{background-color:#ea5550;}
.newsdetails .label4{background-color:#296490;}
.newsdetails h3{}
.Title{color:#fff; background-color:#ff8a01; padding:7px 0 6px 35px; margin:14px 0 30px; font-size:30px; position:relative;}
.Title:before{content:""; display:block; background:url(../images/mark.png)center center no-repeat; width:22px; height:24px; position:absolute; left:5px; top:12px;}
.newsdetailIn{background-color:#fff; padding:40px 25px; line-height:2.1rem; margin-bottom:50px;}
.faqlIn{display:inline-block; width:580px; vertical-align:top;}
.faqlIn+.faqlIn{margin-left:30px;}
.accordion{margin-bottom:60px;}
.accordion li{margin-bottom:10px; font-size:18px;}
.accordion .title{background-color:#fff; padding:10px 0 10px 43px; position:relative;}
.accordion .title:before,.accordion .inner:before{content:"Q"; display:inline-block; position:absolute; left:12px; top:3px; font-size:24px; color:#ff6d01; font-weight:bold;}
.accordion .inner{display:none; padding:15px 15px 15px 43px; position:relative;}
.accordion .inner:before{content:"A";color:#1491d1; top:12px;}
.PagecontBox {overflow:hidden; margin:0 auto 60px; box-sizing:border-box;}
.PagecontBox .Images {float: right; position: relative;}
.StoreTable {width:720px; font-size:18px;}
.StoreTable table {width: 100%;}
	.PagecontBox .Images{width:38%;}
	.PagecontBox .Images img{width:100%; height:auto;}

.leaseBox {overflow:hidden; margin:0 auto 0; box-sizing:border-box;}
.leaseBox .Images {float: right; position: relative;}
.leaseTxt {width:670px; font-size:16px;}
.leaseTxt table {width: 100%;}

.PagecontBox table th{font-size:1.125rem; white-space:nowrap; padding:12px 12px 0 12px; font-weight:bold; width:160px; vertical-align:top;}
.PagecontBox table td li{margin-bottom:20px;}
.PagecontBox table td a{color:#ff9801; text-decoration:underline;}

#sonpo_table table{margin:10px auto;}
#sonpo_table table th{font-size:1.125rem; white-space:nowrap; padding:6px; font-weight:bold; vertical-align:top; width: auto; border: solid 1px #986830; background: #5e3a10;}
#sonpo_table table td{padding:6px; border: solid 1px #5e3a10; vertical-align: top; font-size:12px; line-height:18px; background:#fff9f3;}
#sonpo_table table td .w80{width:80px;}
#sonpo_table table td a{color:#ff9801; text-decoration:underline;}

#sonpo_table table td.hosyo{padding:6px; border: solid 1px #5e3a10; font-size:16px; line-height:24px; vertical-align:middle;}
#sonpo_table table td.pricelist{padding:6px; border: solid 1px #ff8a01; font-size:16px; line-height:24px; vertical-align:text-top; font-weight:bold; background: #ffa800; color:#fff;}
#sonpo_table table td.pricelist02{padding:6px; border: solid 1px #de8b29; font-size:12px; line-height:24px; vertical-align:text-top; font-weight:bold; background: #907c75; color:#fff;}
#sonpo_table table tr.pricelist03 td{padding:6px; border: solid 1px #de8b29; font-size:12px; line-height:24px; vertical-align:text-top; font-weight:bold; background: #bc7c66; color:#fff;}
#sonpo_table table td span.Bold{color:#36C;}

.pricebox table{width:100%; table-layout: fixed; }
.scroll{
overflow: auto;　　　　/*tableをスクロールさせる*/
white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
}
.scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
 height: 5px;
}
.scroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}
a.anchor{display: block; margin-top:-200px; padding-top:200px; }

.hosyo_list ul {margin: 10px 0 0 10px;}
.hosyo_list ul li {list-style: disc; margin-left: 20px; margin-bottom: 6px; font-weight:bold;}
.recruit_list { margin-top:5px;}
.recruit_list ul li {list-style: disc; margin:auto auto 6px 20px; margin-bottom: 6px;}


.ShopList{background-color:#fff; margin-bottom:30px; padding:28px;letter-spacing:.15rem;}
.ShopList h3{font-size:28px; color: #ff8a01;}
.ShopList h3 a{color:#ff8a01; text-decoration:underline;}
.Shop{position:relative;padding-bottom:40px;}
.Shop h4{font-size:26px; font-weight:bold; margin-bottom:5px;}
.Shop h4 img,.Shop h4 span{display:inline-block; vertical-align: middle;}
.Shop h4 span{padding-left:10px;}
.Shop .photo{text-align:center; width:530px; position:absolute; top:-20px; right:0;}
.Shop .photo p{width:48%; display:inline-block; vertical-align:top;margin:2vw 0;}
.Shop .photo img{width:100%; height:auto;}
.Shop .ShopListtext{margin-bottom:10px; width:50%;}
.Shop .ShopListtext li{margin-bottom:10px;}
.Shop .ShopListtext span{color:#fff; background-color:#ff8a01; padding:3px 0 3px 7px; width:20%; display:inline-block; font-size:18px; font-weight:bold;vertical-align:top;}
.Shop .ShopListtext p{display:inline-block; padding-left:10px;width:78%; vertical-align:top;}
.ShopBtn,.Gmap{text-align:center;margin-top:15px; width:530px; position:absolute; right:0; top:203px;}
.ShopBtn li{display:inline-block; width:46%; margin:0 1%; font-weight:bold;}
.ShopBtn li a{color:#fff; display:block; background-color:#fc6f35; padding:6px 10px; border-radius:3px;}
.ShopBtn li:first-child a{background-color:#333;}
.GmapIn{position:relative;padding-bottom:70.25%;padding-top:30px;height:0;overflow:hidden; width:97.5%; margin:0 auto;}
.GmapIn iframe,.GmapIn object,.GmapIn embed {position:absolute;top: 0;left:0;width:100%;height:100%;}
.ShopDetail .Shop{min-height:625px;}

.footStoreImg {width: 100%;}

.yakkan ul {margin-bottom:20px;}
.yakkan li {list-style: decimal; margin-left: 25px; margin-top: 10px; padding-left:0.5em;font-size:14px;line-height:20px;}
.yakkan li li {list-style: lower-latin;}
.yakkan strong, .leaseTxt strong {color: #fc6f35;font-size: 18px;font-weight: bold;}

.Guid-line-tableWide, .Guid-line-tableWide2 {width: 100%; margin-top: 0;}
.Guid-line-tableWide2 thead th {background-color: #5a77a7; text-align:center; line-height: 24px; vertical-align: middle; padding:12px !important;}
.Guid-line-tableWide2 th {text-align: center;}
.Guid-line-tableWide th, .Guid-line-tableWide2 th {text-align: left;padding-left: 10px;font-size: 18px;letter-spacing: -.025em;}
.Guid-line-table th {background-color: #618bd0;color: #fff;}
.Guid-line-table th, .Guid-line-table td {border: solid 1px #80afff; padding: 6px 12px !important; box-sizing: border-box; vertical-align: middle; white-space:normal !important; width:auto !important; text-align: center !important; background:#ebf8fd;}
.newsdetailIn table{border-collapse: collapse;border-spacing:0 !important;}



@media screen and (max-width: 1200px) {
	.faqlIn{width:48%;}
	.faqlIn+.faqlIn {margin-left:3%;}
	.StoreTable {width:620px;}
	.leaseTxt {width:620px;}
}
@media screen and (max-width: 1024px) {
	#Page{margin-top:187px;}
	.pagehed{padding:75px 0;margin-bottom:20px;}
	.pagehed h2{width:100%; font-size:2rem;padding-left:20px;}
	.news.notification{width:94%; padding:2vw 3vw;}
	.faqlIn .Title{font-size:1.2rem;}
	.StoreTable {width:60%;}

	.leaseTxt {width:60%;}
	.leaseBox .Images{width:38%;}
	.leaseBox .Images img{width:100%; height:auto;}

	.Shop{padding-bottom:2.3vw;}
	.Shop .photo,.ShopBtn,.Gmap{width:480px;}
	.ShopBtn,.Gmap{top:172px;}
	.card img{width:20%;}
	.ShopDetail .Shop {min-height:500px;}
}
@media screen and (max-width: 768px) {
	#Page{margin-top:0;}
	.pagehed{padding:9vw 0; margin-bottom:0; background:url(../images/bg-title_sp.jpg) no-repeat; background-size:cover; border-bottom:0;}
	.pagehed h2{font-size:1.5rem; width:94%;}
	.newsdetails{width:94%;margin: 0 auto;}
	.Title{font-size:1.15rem;padding:2vw 0 2vw 7vw; margin:3.5vw 0 4.5vw;}
	.Title:before{width:4vw; height:4.1vw; background-size:cover;}
	.newsdetailIn{padding:6vw 5vw;}
	.faqlIn{width:94%; margin:0 auto; display:block;}
	.accordion{margin-bottom:7vw;}
	.accordion li{font-size:1rem;}
	.accordion .title{padding-left:11vw; padding-right:3vw;}
	.faqlIn+.faqlIn {margin-left:auto;}
	.PagecontBox .Images,.StoreTable{width:94%;float:none; margin: 0 auto;}
	.PagecontBox .Images{width:92%; margin-bottom:2vw;}
	.PagecontBox table th{width:30vw;white-space:normal;font-size:1rem;}
	#sonpo_table table th{width:30vw;white-space:normal;font-size:1rem;}

	.leaseTxtBox .Images,.leaseTxt{width:94%;float:none; margin: 0 auto;}
	.leaseTxtBox .Images{width:92%; margin-bottom:2vw;}
	.Images02 p img{width: 100%;    height: auto;}

	.ShopList{padding:3.5vw;letter-spacing:normal;}
	.ShopList h3 {font-size:1.3rem;}
	.Shop .photo,.ShopBtn,.Gmap{position:static; width:100%;}
	.Shop .photo p,.ShopBtn li{width:45%; margin:2vw 2%;}
	.ShopBtn li{font-size:.9rem;}
	.Shop .ShopListtext{width:inherit;}
	.Shop .ShopListtext span{width:27vw; font-size:1rem;}
	.Shop .ShopListtext p{width:62vw; line-height:1.2rem;}
	.card img{width:inherit;}
	.GmapIn{width:100%;}
}
@media screen and (max-width: 480px) {
#Page{margin-top:0;}
	.PagecontBox table th{width:25vw;padding:2vw 2vw 0 2vw;font-size:.85rem;}
	.PagecontBox table td{padding:2vw;}

	#sonpo_table table th{width:25vw;/*padding:2vw 2vw 0 2vw;font-size:.85rem;*/ line-height:24px;}
	#sonpo_table table td{padding:2vw;}
	#sonpo_table table th.hosyoTH{width:auto; line-height:24px;}

	.StoreTable,.leaseTxt{font-size:.85rem;}
	.Shop .photo p,.ShopBtn li{width:48%;margin:2vw 0;}
	.Shop h4 span{font-size:1.2rem;}
	.Shop h4 img{width:13vw; height:auto;}
	.ShopBtn li {font-size:.75rem;}
	.leaseTxt {font-size: 16px; line-height: 2.1rem;}

	.pricebox table{width:800px;}

a.anchor{display: block; margin-top:-20px; padding-top:20px; }
}
@media screen and (max-width:360px) {
	.Shop .ShopListtext span,.Shop .ShopListtext p,.card{font-size:.75rem;}
	.card img{height:8vw; width:auto;}
}

.bg1 {border: #eee solid 1px;}
.pclogin { /*display: block !important;*/ }
.splogin,.dNonPC { display: none !important; }
@media only screen and (max-width: 768px) {
.pclogin,.dNonSP { display: none !important; }
.splogin,.dNonPC { display: block !important; }
}


/*inquiry
------------------------------------------*/
.inquiryBox {border: #ccc solid 2px; border-radius: 5px; padding: 15px; margin-bottom: 2vh;}
.inqTel a {color: #fc6e35; font-size: 4vh; font-weight: bold;}
.inqFax {color: #0ea09e; font-size: 3vh; font-weight: bold;}



/*中古販売
------------------------------------------*/


.iframe-wrap {
  position: relative;
  width: 100%;
  padding-top: 200%;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  border:2px solid #ccc;
}

.iframe-wrap iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:none;
    display:block;
}



/*初めての方へ
------------------------------------------*/


.firstbtn {
	width: 350px;
    border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 3px solid #473821; padding: 30px;
	font-size: 30px;
	background-color: #b9996b;
	color: #ffffff; text-align: center;
	line-heght:96%;
}

.firstbtn2 {
	width: 500px;
    border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 3px solid #473821; padding: 30px;
	font-size: 30px;
	background-color: #b9996b;
	color: #ffffff; text-align: center;
	line-heght:96%;
}

@media only screen and (max-width:480px){
.firstbtn2 {
	width: 100%;
    border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 3px solid #473821; padding: 10px;
	font-size: 140%;
	background-color: #b9996b;
	color: #ffffff; text-align: center;
	line-heght:96%;
}
}


.tbl01 table { width: 100%; }
.tbl01 th  { padding: 10px; }
.tbl01 td  { padding: 10px 10px 20px 10px; }



.tbl01 th  { width: 30%; text-align: left; }

@media only screen and (max-width:480px){
    .tbl01 { margin: 0 -10px; }
    .tbl01 th,
    .tbl01 td{
    width: 100%;
    display: block;
    border-top: none;
    }
  }



/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
}



/* price page
----------------------------------------------*/
h3.Title {clear: both;}
.pricePage {background: #fff; margin: 20px auto 50px; padding-top: 1%; overflow: hidden;}
.priceTopTBL {width: 96%; margin: 1% auto 0;}
.priceTopTBL td {width: 25%; padding: 2%;}
.priceTopTBL img {width: 100%;}
.pClassBox {width: 96%; margin: 0 auto;}
.priceH4 {background: #ffd201; width: 100%; margin: 0 auto 15px; text-align: center; padding: 6px; box-sizing: border-box; font-size: 24px;}
.priceImgBox {width: 98%; margin: 0 auto;}
.priceImgBox img {width: 100%;}
.priceImgL {width: 34%; float: left;}
.priceImg {width: 22%; float: left; margin-top: 6%;}
.priceImgTxt { clear: both; margin: 0 0 20px 20px;}
.priceTblBox {overflow: hidden; clear: both;}
.priceTbl01 {float: left; width: 34%; margin-right: 0%; clear: both;}
.priceTbl02 {float: left; width: 65%;}
.priceTbl01 td {width: 70%;}
.priceTbl02 table {border-collapse: collapse; margin-top: 0px;}
.priceTbl02 th {border: #ccc solid 1px;}
.priceTbl02 td {border: #ccc solid 1px; width: 18%; text-align: center;}
.priceIcon01 {width: 15%;}
.priceTH01 {background: #ff8a01; color: #fff;}
.priceTH02 {background: #f9d4a9; color: #000; text-align: center;}
.stockBox {width: 70%; margin: 30px auto 50px; clear: both; overflow: hidden;}
.stockBtn {float: left; width: 48%;}
.stockBtn02 {float: right; width: 48%;}
.stockBtn02 a {display: block; text-align: center; background: #fc6f35; color: #fff; padding: 12px; font-weight: bold; font-size: 20px; border-radius: 5px;}
.stockBtn03 a {
	display: block;
	background: #5e3a10;
	color: #fff;
	padding: 9px;
	border-radius: 6px;
	text-align: center;
	box-sizing: border-box;
	width: 70%;
	font-size: 20px;
	font-weight: bold;
	margin: 0 auto;
}

.stock_select {
	display: block;
	font-size: 20px;
	/*font-family: sans-serif;*/
	font-weight: 700;
	color: #444;
	line-height: 1.3;
	padding: 12px;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0;
	border: 1px solid #aaa;
	box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
	border-radius: 5px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
	  linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;
}
.stock_select::-ms-expand {
	display: none;
}
.stock_select:hover {
	border-color: #888;
}
.stock_select:focus {
	border-color: #aaa;
	box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
	box-shadow: 0 0 0 3px -moz-mac-focusring;
	color: #222;
	outline: none;
}
.stock_select option {
	font-weight:normal;
}

.modalStore{
	background: #fff;
	color: #000;
	text-align: center;
	margin: 15px auto;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.4em;
	padding: 6px;
	box-sizing: border-box;
}
.modalStore a {color: #fc6f35; font-size: 140%; cursor: default; display: block;}

@media screen and (min-width:769px) and  (max-width: 1200px) {
}

@media screen and (max-width: 768px) {
.priceTopTBL {border-collapse: collapse;}
.priceTopTBL td {padding: 1%;}
.priceH4 {font-size: 1.15rem;}
.priceTbl01 {float: none; width: 100%; clear: both;}
.priceTbl02 {overflow: auto; white-space: nowrap; width: 100%;}
.stockBox {width: 95%; margin: 30px auto 20px; clear: both;}
.stockBtn {display: none;}
.stockBtn02 {float: none; width: 100%; margin-bottom: 10px;}
.stockBtn03 a {width: 100%;}
	}

/* first page
------------------------------------------------------------------*/
.firstBox {overflow: hidden;}
.firstInBox {width: 33%; float: left; border-right: #5e3a10 solid 1px;}
.firstInBox:last-child {border: none;}
.firstH4 {background: #5e3a10; color: #fff; font-size: 170%; text-align: center; padding: 8px; margin: 0 auto; width: 96%; box-sizng: border-box;}
.firstH4 img {width: 12%; margin-right: 1%; vertical-align: text-bottom;}
.firstUL {width: 86%; margin: 15px auto; box-sizing: border-box; min-height: 200px;}
.firstUL li a {font-size: 130%; margin-bottom: 10px; color: #5e3a10; font-weight: bold; text-decoration: underline;}
@media screen and (max-width: 768px) {
	.firstInBox {width: 100%; border: none;}
	.firstH4 {font-size: 7vw;}
	.firstUL li a {font-size: 5vw; line-height: 7vw;}
}

/* hojin page
------------------------------------------------------------------*/
.hojinTopCatch {
	color: #5e3a10;
	font-size: 170%;
	font-weight: bold;
	letter-spacing: 8px;
	text-align: center;
	margin: 30px auto 20px;
	line-height: 1.8em;
}
.hojinTopCatch span {
	color: #ff8a01;
	font-size: 150%;
}
.hojinH4 {
	background: #444;
	color: #fff;
	padding: 10px 10px 10px 20px;
	font-size: 160%;
	letter-spacing: 10px;
	margin: 10px auto 20px;
}
.hojinBox {
	overflow: hidden;
	width: 96%;
	margin: 0 auto 2%;
}
.hojinBox:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.hojinInBox {
	width: 30%;
	margin-right: 5%;
	margin-bottom: 3%;
	float: left;
}
.hojinInBox:nth-child(3n) {margin-right: 0;}
.hojinH5 {
	position: relative;
	padding: 12px 0 2px 24px;
	color: #5e3a10;
	font-size: 120%;
	letter-spacing: 3px;
	border-bottom: #5e3a10 solid 1.5px;
}
.hojinH5:before, .hojinH5:after {
	content: "";
	position: absolute;
	background: #5e3a10;
}
.hojinH5:before {
	top: 4px;
	left: 12px;
	width: 12px;
	height: 12px;
	transform: rotate(50deg);
}
.hojinH5:after {
	top: 18px;
	left: 4px;
	width: 8px;
	height: 8px;
	transform: rotate(20deg);
}
.hojinInBox img {width: 100%;}
.hojinPrice {
	text-align: center;
	font-size: 150%;
	font-weight: bold;
}

.hojinInBox02 {overflow: hidden;}
.hojinInBox02:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.hojinLimg {float: left; width: 40%;}
.hojinRimg {float: right; width: 40%;}
.hojinTxt {font-size: 130%; margin-top: 70px;}
.hojinarrow {width: 5%; position: relative; left: 20%; margin-top: -2%;}
.hojinLeaseBox {float: left; width: 60%; margin-top: 80px;}
.hojinLease {color: #945601; font-size: 40px; text-align: center; letter-spacing: 10px; font-weight: bold;}
.hojinTxt02 {color: #945601; text-align: center; line-height: 1.8em; letter-spacing: 5px; margin: 30px auto;}
.hojinLeaseLink a {color: #945601; text-align: center; display: block; border: #945601 solid 1px; width: 70%; box-sizing: border-box; border-radius: 100px; margin: 0 auto;}

@media screen and (max-width: 768px) {
	.hojinInBox {width: 47.5%; min-height: 220px;}
	.hojinInBox:nth-child(3n) {margin-right: 5%;}
	.hojinInBox:nth-child(2n) {margin-right: 0;}
	.hojinH5 {font-size: 110%; letter-spacing: 1px; line-height: 1.3em;}
	.hojinPrice {font-size: 110%;}
	.hojinLimg {float: none; width: 100%;}
	.hojinTxt {font-size: 110%; margin-top: 0;}
	.hojinarrow {width: 10%; left: 45%; margin-top: 0;}
	.hojinRimg {float: none; width: 100%;}
	.hojinLeaseBox {float: none; width: 100%; margin-top: 5%;}
	.hojinLease {font-size: 150%; letter-spacing: 6px;}
	.hojinTxt02 {letter-spacing: 3px;}
	.hojinLeaseLink {width: 100%;}
}

/* outlease page
------------------------------------------------------------------*/
.oleaseH4 {
	position: relative;
	background: #945601;
	padding: 12px 20px;
	color: #fff;
	font-size: 200%;
	letter-spacing: 0.8em;
	margin-bottom: 3%;
}
.oleaseH4:before{
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0;
	height: 0;
	border-top: 12px solid #6c430d;
	border-right: 12px solid #fff;
	border-bottom: 12px solid #fff;
	border-left: 12px solid #6c430d;
}
.oleasePTXT {font-size: 130%;}

.oleaseDL dt {background: #fffcde; border-left: #ff8a01 solid 5px; color: #ff8a01; font-weight: bold; font-size: 130%; padding: 6px; letter-spacing: 3px;}
.oleaseDL dd {margin: 2% 2% 5% 2%;}
.oleaseDL p {margin-bottom: 2%;}
.oleaseDL img {width: 100%;}
.oleaseBox {overflow: hidden;}
.oleaseBox:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.oleaseInBoxL,.oleaseInBoxR { width: 50%; box-sizing: border-box; padding: 1%; margin-top: 20px;}
.oleaseInBoxL {float: left;}
.oleaseInBoxR {float: right;}
.oleaseInBoxL img,.oleaseInBoxR img {width: 45%; float: left;}
.oleasePTTL02 {color: #ed6d00; border-bottom: #ed6d00 solid 1px; font-weight: bold; font-size: 120%; margin-bottom: 3%; margin-top: 0 !important; clear: both;}
.oleaseInBoxL02 {float: left; width: 50%; background: #effffe; border-radius: 5px; padding: 2.5%; margin-top: 10%; box-sizing: border-box;}
.oleasePTTL {color: #12b4a7; font-size: 150%; font-weight: bold;}
.oleaseH5 {border-bottom: #945601 solid 3px; color: #945601; margin-bottom: 2%; font-size: 200%; letter-spacing: 0.5em; padding-left: 1.3%;}
.oleaseInBoxL p {margin-top: 6%;}
.oleasearrow {width: 7% !important; position: relative; left: 48%; clear: both; min-height: auto  !important;}
.outleaseImg04 {width: 50% !important;}

.oleaseInBox03 {width: 26%; box-sizing: border-box; float: left; margin-right: 7%;}
.oleaseInBox03:first-child {margin-left: 3%;}
.oleaseInBox03:last-child {margin-right: 0;}
.oleaseInBox03 {
  display: block;
  /*width: 300px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  background: #000;
  font-weight: bold;
  text-decoration: none;
  border-radius: 5px;*/
}
.oleaseInBox03 {
  position: relative;
}
.oleaseInBox03:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 108%;
  width: 25px;
  height: 25px;
  border-top: 8px solid #6a420c;
  border-right: 8px solid #6a420c;
  transform: rotate(45deg);
  margin-top: -5px;
}
.oleaseInBox03:last-child:before {display: none;}
.oleaseInBox03 p {padding: 5%; font-size: 1.3em;}
.oleasePTTL03 { background: #ed6d00; color: #fff; font-weight: bold; padding: 2% 4% !important;}
.oleasePTTL04 { color: #ed6d00; border-left: #ed6d00 solid 4px; font-weight: bold; font-size: 1.5em; padding-left: 1%; letter-spacing: 0.6em; margin-bottom: 1%;}
.oleasePackage {padding-top: 1%;}
.oleaseTBL {margin-bottom: 5%;}
.oleaseTBL th {background: #666; font-weight: bold; font-size: 1.3em; padding: 5px 10px; border: #666 solid 1px;}
.oleaseTBL td {padding: 5px 10px; border-top: #666 solid 1px; border-bottom: #666 solid 1px; line-height: 1.3em;}
.oleaseTBL .finance,.oleaseTBL .basic,.oleaseTBL .mainte {text-align: center; font-weight: bold;}
.oleaseTBL .finance {color: #6cbfa8;}
.oleaseTBL .basic {color: #12b4a7;}
.oleaseTBL .mainte {color: #069287;}

@media screen and (max-width: 768px) {
	.oleasePTXT {font-size: 1.1em;}
	.hojinTopCatch {font-size: 150%;}
	.hojinTopCatch span {font-size: 130%;}
	.oleaseH4 {font-size: 120%; letter-spacing: 0.3em;}
	.oleaseDL dt {font-size: 1.3em; letter-spacing: 1px;}
	.outleaseImg04 {width: 100% !important;}
	.oleaseInBoxL02 {float: none; width: 100%; padding: 4%; }
	.oleaseH5 {font-size: 1.5em; letter-spacing: 0.1em; padding-left: 1vw; padding-bottom: 1vw; margin-bottom: 4vw;}
	.oleaseDL dd p {font-size: 1.1em !important;}
	.oleaseInBoxL,.oleaseInBoxR {float: none; width: 100%;}
	.oleasePTTL02 { float: none !important; width: 100% !important;}
	.oleaseInBoxL p,.oleaseInBoxR p {margin-top: 2vw; width: 55%; float: right;line-height: 1.6em;}
	.oleasearrow {margin-top: 2vw;}
	.oleasePTTL04 {letter-spacing: 0.6em;}
	.oleaseTBL {width:100%;}
.scroll{
overflow: auto;　　　　/*tableをスクロールさせる*/
white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
}
.scroll::-webkit-scrollbar {　　/*tableにスクロールバーを追加*/
 height: 5px;
}
.scroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
 background: #BCBCBC;}
.scroll td, .scroll th{
white-space: nowrap;　/* 文字の折返しを禁止 */
}
.oleaseInBox03 {width: 29%; box-sizing: border-box; float: left; margin-right: 5%;}
.oleaseInBox03:first-child {margin-left: 1%;}
.oleaseInBox03:before {
  left: 100%;
  width: 15px;
  height: 15px;
  border-top: 4px solid #6a420c;
  border-right: 4px solid #6a420c;
}
.oleaseInBox03 p {font-size: 0.9em; line-height: 1.3em;}
}

/* price page option
------------------------------------------------------------------*/
.opNote {width: 96%; margin: 2% auto; box-sizing: border-box; overflow: hidden; padding: 2%;}
.opNoteH5 {font-size: 130%; font-weight: bold; margin-bottom: 2%; border-bottom: #ffd201 double 8px; padding-left: 2%; letter-spacing: 3px;}
.opNoteL {float: left; width: 60%;}
.opNoteR {float: right; width: 38%; margin-top: 2%;}
.opNoteR p {font-size: 120%;}
.opNoteL table {border-collapse: collapse; border: #ccc solid 1px; margin-top: 0;}
.opNoteL td {border: #ccc solid 1px; font-size: 96%;}
.opNoteL th {font-size: 115%; font-weight: bold;}
.opPrice {text-align: center; min-width: 28%; font-size: 110%;}
.opCar {font-size: 115%;}
@media screen and (max-width: 768px) {
	.opPrice {width: 25%;}
}
@media only screen and (max-width:480px){
	.opNoteL, .opNoteR {float: none; width: 100%; margin: 5% auto;}
}