@charset "UTF-8";
#header p.headtxt,
.headinsta,
#gn,
#footer3 dl.sec01,
#footer3 dl.sec02,
#footer3 .footer3_right .marB40,
#footer_wrapper2,
#footer4_wrapper,
#footer5_wrapper,
#gn.eng{
  display: none;
}
img {
  max-width: 100%;
  height: auto;
}
#main {
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
}
table {
  -webkit-text-size-adjust: 100%;
}
#header p.sitettl {
  margin: 0 0;
  width: 200px;
}
#header {
  width: 100%;
}
#header h1 {
  height: auto;
  margin-bottom: 10px;
  line-height: 1.4;
  padding: 0;
}
#header {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  height: auto;
}
#gn_txt {
  min-width: 100%;
  height: auto;
}
#gn_txt div {
  width: 100%;
}
#header .clearfix{
  position:relative;
}
#header .headbtn,
#header .headtel{
  position:absolute;
  top:0;
}
#header .headbtn{
  right:95px;
}
#header .headtel{
  right:50px;
}
#header .headbtn a img,
#header .headtel a img{
  display:none;
}
#header .headbtn a,
#header .headtel a{
  display:block;
  width:45px;
  height:45px;
  box-sizing:border-box;
  padding-top:32px;
  font-size:10px;
  text-align:center;
  line-height:1;
  text-decoration:none;
  color:#333;
  background-size:20px auto;
  background-position:50% 9px;
  background-repeat:no-repeat;
}
#header .headbtn a{
  background-image:url(../images/header_ico_reserve.png);
}
#header .headtel a{
  background-image:url(../images/header_ico_tel.png);

}
.sp-insta-bnr {
  margin: 0;
}
#topic_path ul {
  width: 100%;
}
h2 {
  padding: 20px 20px;
  font-size: 18px;
  font-weight: 700;
}
h3 {
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 20px;
  padding: 14px 10px;
  background: url(../images/tit_04.jpg) top left no-repeat;
  background-size: 100% 100%;
}
h4 {
  font-size: 16px;
  font-weight: 700 !important;
}
h6.cus {
  font-size: 16px;
}
h5 {
  font-size: 16px;
  font-weight: 700;
}
#topic_path {
  min-width: 100%;
  margin-bottom: 20px;
  padding: 10px;
  box-sizing: border-box;
}
#contents {
  float: none;
  width: 100%;
}
#lineup #wrapper,
#lineup_detail #wrapper{
  padding-bottom:10.93vw;
}
.scroll {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 10px;
  margin-bottom: 40px;
  clear: both;
}
.scroll table {
  width: 640px;
  table-layout: auto;
}
.about-price table {
  margin-bottom: 0;
}
.about-price table:after {
  display: none;
}
#nav {
  width: 100%;
}
#nav .sntit01 {
  background: url(../images/tit_04.jpg) 0 0 no-repeat #d5f1ff;
  background-size: cover;
  font-size: 16px;
}
#nav .marB30 {
  text-align: center;
  margin-bottom: 30px;
}
.snmap a {
  display: block;
  margin-bottom: 20px;
}
.snmap img {
  width: auto !important;
  height: auto !important;
  margin: 0 auto;
  display: block;
}
.btnBoxA li:last-child {
  margin-bottom: 0;
}
.btnBoxA li {
  margin-bottom: 15px;
}
.snboxA ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.snboxA ul li {
  width: 48.5%;
  margin: 0 0 15px;
  float: none;
}
.side_ban_list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.side_ban_list li {
  margin-bottom: 15px;
  text-align: center;
  width: 48.5%;
}
.btnBoxA {
  width: 100%;
}
.btnBoxA ul li {
  width: 100%;
  box-sizing: border-box;
  margin: 0 0 10px;
}
.btnBoxA ul {
  margin: 0;
}
.btnBoxA ul li a,
.btnBoxB a {
  padding: 15px 0px;
}
.btnBoxB.btn-yellow a{
  height:58px;
}
.lineupbtn li:last-child {
  margin: 0;
}
.lineupbtn li:nth-child(3) {
  float: none;
  margin: 0 auto;
}
.lineupbtn li:nth-child(2) {
  float: right;
}
.lineupbtn li {
  float: left;
  margin: 0 0 20px 0;
  text-align: center;
  width: 48.5%;
}
.section {
  margin-bottom: 30px;
  box-sizing: border-box;
  padding: 0;
}
.box-model-img.dflex p{
  width:calc((100% / 2) - 10px);
  margin-bottom: 10px;
}
.boxA {
  padding: 20px;
}
.titA {
  font-size: 17px;
  padding: 5px 0 5px 10px;
  margin-bottom: 10px;
}
.image_l,
.image_r {
  float: none;
  text-align: center;
  margin: 0 0 15px;
}
.marT30 {
  margin-top: 15px;
}
select.tel_select {
  width: 100%;
  font-size: 14px;
}
.image_r2 {
  float: none;
  margin: 0 0 10px;
  text-align: center;
}
ul.listTextA li {
  background: url(../images/lm_03.jpg) left 7px no-repeat;
}
#topic_path li {
  line-height: 1.4em;
}
.conbtn li:last-child {
  margin: 0;
}
.conbtn li:nth-child(3) {
  float: none;
  margin: 0 auto;
}
.conbtn li:nth-child(2) {
  float: right;
}
.conbtn li {
  float: left;
  text-align: center;
  margin: 0 0 15px;
  width: 48.5%;
}
.conbtn {
  margin-bottom: 25px;
}
#contact table.mailform {
  width: 100% !important;
}
#contents #fmail td,
#contents #fmail th {
  width: 100%;
  display: block;
  box-sizing: border-box !important;
}
#contents #fmail tr.fmail_separate td {
  padding: 8px !important;
  width: 100% !important;
  height: auto !important;
  vertical-align: middle !important;
  position: initial !important;
  box-sizing: border-box !important;
}
#contents #fmail tr.fmail_separate td div.fmail_position {
  position: initial !important;
  margin: 0 !important;
  display: block !important;
  box-sizing: border-box !important;
}
#contents #fmail tr.fmail_separate td div.fmail_position p {
  margin: 0 !important;
}
th#h_en1407304907,
th#h_en1407301692,
span#fmail_title_error,
div#twex,
th#h_en1407266889,
th#h_en1407232022,
th#h_en1407231977,
th#h_en1407231977,
th#h_en1407228849,
th#h_en1407265018 {
  display: none !important;
}
#contents #fmail .car_type select {
  width: 100% !important;
}
#fmail .size_8 input,
#fmail .size_8 select,
#fmail .size_8 textarea,
#contents #fmail table input {
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box;
}
#contents #fmail table input#en1407265909,
#contents #fmail table input#en1407266008,
#contents #fmail table input#en1407265983,
#contents #fmail table input#en1407265088 {
  width: 40% !important;
}
table[summary="ご希望の車種をカンタン検索！"],
table[summary="面接場所"],
table[summary="アルバイト"],
table[summary="正社員"],
table[summary="沿革"],
table[summary="会社概要"],
#lineup table,
#contact table.mailform {
  border-top: 1px solid #c8c8c8 !important;
  border-left: 1px solid #c8c8c8 !important;
  border-right: none !important;
  border-bottom: none !important;
}
.idxboxA table[summary="ご希望の車種をカンタン検索！"] td,
.idxboxA table[summary="ご希望の車種をカンタン検索！"] td.tdHead,
table[summary="面接場所"] th,
table[summary="面接場所"] td,
table[summary="アルバイト"] th,
table[summary="アルバイト"] td,
table[summary="正社員"] th,
table[summary="正社員"] td,
table[summary="沿革"] th,
table[summary="沿革"] td,
table[summary="会社概要"] th,
table[summary="会社概要"] td,
#lineup table td,
#lineup table th,
#contact table th,
#contact table td {
  border-right: 1px solid #c8c8c8 !important;
  border-bottom: 1px solid #c8c8c8 !important;
  border-top: none !important;
  border-left: none !important;
}
span#fmail_title_default, span#fmail_title_confirm, span#fmail_title_error, span#fmail_title_thanks {
  width: 100% !important;
  box-sizing: border-box;
  height: 55px !important;
}
#shop_detail #contents table {
  width: 100%;
  float: none;
}
.gMap {
  width: 100% !important;
  height: 300px !important;
}
#news .TabbedPanelsTabGroup li {
  float: none;
  margin: 0 0 15px;
  text-align: center;
}
#news .TabbedPanelsTabGroup {
  margin-bottom: 30px;
}
.TabbedPanelsTabGroup.flex {
  margin-bottom: 30px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.TabbedPanelsTabGroup.flex li {
  width: 48%;
  float: none;
  margin: 0 0 15px !important;
  text-align: center;
}
.TabbedPanelsTabGroup.flex li a {
  background-image: linear-gradient(-21deg, #3ebfff 50%, #59c8ff 50%, #59c8ff);
}
.TabbedPanelsTabGroup.flex li img {
  width: 100%;
  height: auto;
}
.boxB {
  padding: 15px;
}
#news .boxB .right {
  text-align: center;
}
#news .tit_new {
  background: url(../images/tit_03.jpg) left center no-repeat;
}
#lineup table td,
#lineup table th {
  width: 100% !important;
  display: block;
  box-sizing: border-box;
}
#lineup table.table-doublecolumn-sp{
  border:none!important;
}
#lineup table.table-doublecolumn-sp tr{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
#lineup table.table-doublecolumn-sp td.thumbnailImg{
  padding:0;
  border-right:none!important;
}
#lineup table.table-doublecolumn-sp td.thumbnailImg img{
  width:100%;
  height:auto;
  max-width:unset;
  max-height:unset;
}
#lineup table.table-doublecolumn-sp td.tdHead,
#lineup table.table-doublecolumn-sp td.tdHead + td{
  width:50%!important;
  border-left:1px solid #c8c8c8 !important;
}
#lineup table.table-doublecolumn-sp td.tdHead{
  border-right:none!important;
}
#lineup_detail .mod_thumbnail {
  width: 100%;
  float: none;
}
#lineup_detail .mod_thumbnail .mainimglist {
  width: 100%;
  height: auto;
  float: none;
}
#lineup_detail .mod_thumbnail .mainimglist img {
  max-width: 100% !important;
  height: auto !important;
}
#lineup_detail .thumbnaillist {
  width: 100%;
}
#lineup_detail .ex_clearfix li:nth-child(3n) {
  margin: 0 0 10px 0;
}
#lineup_detail .ex_clearfix li {
  width: 30%;
  margin: 0 10px 10px 0;
  text-align: center;
  height: auto;
}
#lineup_detail .ex_clearfix li a {
  display: block;
}
#lineup_detail #contents table {
  width: 100%;
}
.lineup_categorybox {
  width: 100%;
}
.lineup_categorybox dl {
  width: 100%;
  float: none;
}
.lineup_categorybox dl dd {
  margin: 0 auto;
}
.lineup_categorybox div {
  margin: 0;
}
.lineup_categorybox dl {
  width: 100%;
  float: none;
  margin: 0 0 25px;
  min-height: auto;
}

/* .brand_form_refine - update 2020/9/2 */
.brand_form_refine{
  padding:12px;
}
.brand_form_refine .form_table{
  margin-bottom:12px;
}
/* .brand_form_refine - update 2020/9/2 */

/* /brand/[ブランド名]/ - update 2020/9/9 */
.title-brandSearch::after {
  top:-34vw;
  width:100vw;
  height:80vw;
  border-width:40vw 50vw;
}
/* /brand/[ブランド名]/ - update 2020/9/9 */

#contact table.mailform select {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 11px;
}
#contact #d_en1407266114 select,
#contact #en1407265088 {
  width: auto;
}
#contents #fmail .fmail_othertxt {
  top: 0 !important;
  left: 0 !important;
}
#contents #fmail table ol.fmail_checkbox_list.clearfix input {
  width: 13px !important;
}
#contents #fmail table ol.fmail_checkbox_list.clearfix label {
  display: block !important;
  width: 100% !important;
}
#contents #fmail table ol.fmail_checkbox_list.clearfix li {
  float: none;
  display: block;
  width: 100%;
}
ol.fmail_radio_list.clearfix label {
  width: 80px;
}
#contents #fmail table ol.fmail_radio_list.clearfix label input {
  float: left;
  width: 13px !important;
  margin-top: 5px;
}
.boxA dt {
  background: url(../images/lm_02.jpg) 0 8px no-repeat;
  padding: 0 0 0 17px;
}
.idxboxA table[summary="ご希望の車種をカンタン検索！"] td,
.idxboxA table[summary="ご希望の車種をカンタン検索！"] td.tdHead,
table[summary="面接場所"] th,
table[summary="面接場所"] td,
table[summary="アルバイト"] th,
table[summary="アルバイト"] td,
table[summary="正社員"] th,
table[summary="正社員"] td,
table[summary="沿革"] th,
table[summary="沿革"] td,
table[summary="会社概要"] th,
table[summary="会社概要"] td {
  display: block;
  width: 100%;
  box-sizing: border-box;
}
.idxboxA table,
.idxboxA2,
.idxboxA {
  width: 100%;
  box-sizing: border-box;
}
.idxboxA {
  padding: 10px;
}
.idxboxA input.sec01,
.idxboxA select {
  width: 100%;
  box-sizing: border-box;
}
.idxboxA2 input.sec03 {
  margin: 0 auto;
  display: block;
}
.idxboxB dl:nth-child(2n) {
  border-right: none;
}
.idxboxB dl {
  width: 48.5%;
  box-sizing: border-box;
}
.idxboxB_inner {
  border-left: 1px solid #d8d8d8;
  border-right: 1px solid #d8d8d8;
}
.idxboxD ul li:nth-child(2) {
  float: right;
}
.idxboxD ul li {
  width: 48.5%;
  float: left;
  text-align: center;
}
.idxboxD ul {
  width: 100%;
  float: none;
  margin: 0 0 10px;
  box-sizing: border-box;
  overflow: hidden;
}
.idxboxD {
  margin-bottom: 20px;
}
.idxboxE div.idxboxE_L {
  width: 100%;
  float: none;
  margin: 0;
}
.idxboxE div.idxboxE_L p img {
  vertical-align: bottom;
}
#gn_txt h2 {
  padding: 10px;
}
#idx #gn_txt {
  height: auto;
  margin-bottom: 0;
}
.menu-trigger {
  display: block;
  float: right;
}
.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all 0.4s;
  box-sizing: border-box;
}
.menu-trigger {
  position: relative;
  width: 45px;
  height: 45px;
  background: #0f3963;
}
.menu-trigger span {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 75%;
  height: 4px;
  background-color: #fff;
  border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
  top: 5px;
}
.menu-trigger span:nth-of-type(2) {
  top: 15px;
}
.menu-trigger span:nth-of-type(3) {
  top: 25px;
}
.menu-trigger span:nth-of-type(4) {
  top: 30px;
  background: none;
  color: #ffffff;
}
.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(10px) rotate(-45deg);
  transform: translateY(10px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-10px) rotate(45deg);
  transform: translateY(-10px) rotate(45deg);
}
.sp-menu-list {
  display: none;
}
.sp-menu-list {
  position: absolute;
  background: rgba(15, 57, 99, 0.85);
  z-index: 9999;
  width: 100%;
}
.sp-menu-list .child-cat a {
  position: relative;
  color: #ffffff;
  text-decoration: none;
  display: block;
  padding: 10px 10px 10px 15px;
  background: rgb(111, 134, 156);
  border-bottom: 1px dotted #fff;
  font-size: 12px;
}
.sp-menu-list .child-cat {
  display: none;
}
.sp-menu-list.eng .child-cat {
  display: block;
}
.sp-menu-list.eng .child-cat a{
  background: rgba(15, 57, 99, 0.85);
}
.sp-menu-list.eng .sp-tel-bnr{
	margin-bottom: 0;
}
.sp-menu-list .child-cat {
  color: #fff;
  text-align: center;
}
.sp-menu-list .child-cat p {
  margin: 0;
}
.sp-menu-list .parent-cat {
  color: #fff;
  padding: 10px 0;
  font-size: 14px;
  border-bottom: 1px solid #647484;
  background: rgb(49, 85, 120);
}
.sp-menu-list .child-cat a:before {
  position: absolute;
  content: "";
  left: 4px;
  top: 0;
  bottom: 0;
  margin: auto;
  box-sizing: border-box;
  width: 4px;
  height: 4px;
  border: 4px solid transparent;
  border-left: 4px solid #ffffff;
}
p.close {
  padding: 6px 0;
  text-align: center;
  color: #ffffff;
  border-bottom: none;
  margin-bottom: 0;
  background: #0f3963;
}
.sp-menu-list dl {
  margin: 0;
}
#footer_wrapper {
  min-width: 100%;
}
#footer,
#footer2,
#footer3,
#footer4,
#footer5 {
  width: 100%;
}
#footer p.footsitettl {
  margin: 0px 0 0;
  width: 190px;
  float: left;
}
#footer.eng p.footsitettl {
  margin: 0px 0 0;
  width: 190px;
  float: left;
}
#footer p.foottxt {
  width: 100px;
  float: right;
  margin: 0px;
}
#footer.eng p.foottxt {
  width: 100px;
  float: right;
  margin: 0px;
}
#footer {
  padding: 10px 10px 0;
  box-sizing: border-box;
  overflow: hidden;
}
#footer p.pagetop img {
  width: 90px;
}
#footer p.pagetop {
  margin: 10px -10px 0;
  width: 110%;
  display: block;
  text-align: center;
  background: #bbdef1;
  box-sizing: border-box;
}
#footer_wrapper3 {
  min-width: 100%;
  padding: 10px;
  box-sizing: border-box;
}
#footer3 .footer3_right {
  width: 100%;
  float: none;
}
#footer3 .footer3_right p.marR {
  width: 48.5%;
  margin-right: 0;
}
#footer3 .footer3_right p.marR + p {
  width: 48.5%;
  margin-right: 0;
  float: right;
}
#copyright {
  min-width: 100%;
  padding: 15px 10px;
  box-sizing: border-box;
}
address {
  font-size: 10px;
  line-height: 1.4;
}
#footer p.pagetop a {
  display: block;
}
.gallery-box #images,
.galleryL {
  display: none;
}
.bx-wrapper li {
  width: 100% !important;
  text-align: center;
}
.gallery-box {
  width: 100%;
  height: auto;
  padding: 10px;
  box-sizing: border-box;
  margin-bottom: 0;
}
#idx .gallery-box {
  margin: 0 auto 20px;
  padding:10px 0 0;
  min-height: 48vw;
  max-height: 60vw;
  overflow: hidden;
}
.top_info.clearfix {
    font-size: 16px;
    padding-top: 17px;
}
.tit_search::after {
  top:-34vw;
  width:100vw;
  height:80vw;
  border-width:40vw 50vw;
}
.tit_new {
  display: block;
  width: 100%;
  background: url(../images/tit_04.jpg) top left no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
  margin-top: 10px;
  padding: 12px 0 8px;
  position: relative;
}
.idxboxC {
  width: 100%;
  box-sizing: border-box;
}
.bx-wrapper {
  display: block;
}
.tit_new:after {
  content: "";
  position: absolute;
  background: url(../images/new_icon.png);
  display: block;
  width: 37px;
  height: 37px;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 10px;
}
#footer3 .footer3_right p {
  float: none;
}
#footer3 .footer3_right img {
  display: block;
  margin: 0 auto;
}
#footer3 .footer3_right .clearfix.marB40 + p {
  float: none;
}
.idxboxE div.idxboxE_L p {
  margin: 0;
  background: #0e3963;
  text-align: center;
}
.idxboxE div.idxboxE_L dl {
  padding: 10px;
  text-align: center;
}
#news h4.tit_new:after {
  display: none;
}
#lightbox-container-image-box {
  max-width: 100%;
  min-height: 300px;
  height: auto !important;
}
#lightbox-container-image-data-box {
  max-width: 100%;
  box-sizing: border-box;
}
p.contactbtn2 {
  text-align: center;
}
.tablet {
  display: none;
}
/* 電話番号切り替え */
.tel_number_area {
  width: 100%;
  float: none;
  clear: both;
}
.tel_number_area a {
  text-decoration: underline;
}
.pc_d_no {
  display: block;
}
.lineup-single-table {
  width: 100%;
}
.reservation-btn {
  width: 100%;
}
.reservation-tel a {
  display: block;
}
.sp-none {
  display: none;
}
.pc-none {
  display: block;
}
#products-table{
     width: 100%;
    /* height: 400px; */
    overflow:scroll;
}
#products-table table {
  width: 700px;
}
.comment-title {
  width: 70%;
}
.insta-bnr {
  width: 100%;
}
.insta-bnr img {
  width: 100%;
}
.insta-bnr {
  display: block;
}
.sp-menu-list .insta-bnr {
  width: 96%;
  margin: 6px auto;
}
.camp-fb01,
.camp-fb02 {
  font-size: 160%;
}
.camp-box01 span {
  font-size: 140%;
}
/* bxslider PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: 0.85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* 180921 */
.rough_title {
  font-size: 21px;
}
.scroll .car_name_campain span.campain_icon {
  font-size: 18px;
}
.campain_price_box .scroll {
  margin: 0 0 30px;
}
.tab_box_sp {
  margin: 0 0 40px;
}
.tab_box_sp table {
  /*	display: table-row;*/
  border-bottom: solid 1px #c5c5c5;
}
.tab_box_sp table tr {
  display: inline-block;
  width: 50%;
}
.tab_box_sp table tr.price_title_sp {
  width: 100%;
}
.tab_box_sp table tr.price_title_sp td.cp.pc-none {
  margin: 10px 0 0;
}
.tab_box_sp table tr td {
  display: inline-block;
  width: calc(100% - 21px);
  height: auto;
  border-bottom: none;
}
.tab_box_sp table tr.sp-none,
.tab_box_sp table tr td.sp-none {
  display: none;
}
.tab_box_sp table tr.time-row_campain,
.tab_box_sp table tr.time-row_campain {
  border-bottom: solid 1px #c5c5c5;
}
.tab_box_sp table tr.sports_tab {
  width: calc(100% + 2px);
}
.tab_box_sp table tr.time-row_campain td {
  border-right: none;
}
.tab_box_sp table .price-row_campain td,
.tab_box_sp table tr td.cp {
  text-align: right;
  font-size: 14px;
}
.tab_box_sp table tr.price_title_sp td.cp,
.tab_box_sp table tr.price_title_sp td.price_title_last01 {
  text-align: center;
  border: solid 1px #c7c7c7;
}
.tab_box_sp table tr td.works-btn {
  text-align: center;
  border: none;
  background: #9ed8f7;
  color: #fff;
  font-weight: bold;
  height: 44px;
  line-height: 44px;
}
.tab_box_sp table tr td.works-btn:hover {
  cursor: pointer;
  background: #275178;
}
.tab_box_sp table tr td.works-btn.js-visible {
  background: #275178;
  color: #fff;
  font-weight: bold;
}
/*
.tab_box_sp table tr.works-contents {
    display: block;
}
*/
.tab_box_sp table tr.works-contents td {
  border: solid 1px #275178;
}
.tab_box_sp table tr.works-contents:not(.js-visible) {
  display: none;
}
.tab_box_sp table tr td.suv_btn {
  padding: 15px 11px 5px;
  line-height: 16px;
}
.box2 {
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	color: #4e5553;
	font-family: serif;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /*　画面サイズが769pxから1024pxまではここを読み込む　*/
  .pc {
    display: none;
  }
  .tablet {
    display: block;
  }
  .snboxA ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .snboxA ul li {
    width: 25%;
    margin: 0 0 15px;
    float: none;
  }
  .lineupbtn {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
  }
  .lineupbtn li {
    float: none;
    margin: 0;
    width: 30%;
  }
  .lineupbtn li:nth-child(3) {
    margin: 0;
    float: none;
  }
}
/*--- 180508 ---*/
#page-top {
	position: fixed;
	bottom: 50px;
	right: 0;
	left: auto;
	width: 70px;
	z-index: 999;
}
#page-top.pt-hide {
	display: none!important;
}
#page-top a img {
  -ms-filter: "alpha(opacity=90)"; /* IE 8,9 */
  -moz-opacity: 0.9; /* FF , Netscape */
  -khtml-opacity: 0.9; /* Safari 1.x */
  opacity: 0.9;
  zoom: 1; /*IE*/
}
.top-test-02 #page-top{
  right: 0;
  flex-direction: column;
  align-items: flex-end;
  width: 140px;
}
.top-test-02 #page-top > p:nth-child(3), 
.top-test-02 #page-top > p:nth-child(4) {
  width: 70px;
}
/* 180628 */
table.detail {
  width: 640px;
  table-layout: auto;
}
.lineup_banner {
  display: flex;
  justify-content: center;
}
.lineup_banner li {
  float: none;
  margin: 0 10px;
}
.lineup_banner li:nth-child(2) {
  float: none;
}
.lineup_banner li:last-child {
  margin: 0 10px;
}
.gmap,.streetview {
  width: 100% !important;
}
.lineup-contact {
  flex-wrap: wrap;
}
.lineup-contact .items-ct {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 10px;
}
.ct-txt01 {
  min-height: auto;
}

@media screen and (max-width: 768px) {

  table td.cp{
    font-size: 18px;
  }



	.pc {
		display: none;
	}	
	
  .campaingn_lp_slider .gallery-box {
    margin-bottom: 30px;
  }
  .campaingn_lp_slider .bx-wrapper li {
    width: 230px !important;
  }
  .campaingn_lp_slider .bx-viewport {
    width: 100% !important;
    margin: 0 auto;
    left: calc(50% - 115px);
    overflow: visible !important;
  }
  .btnBoxA .campaign_lp_flex_container {
    flex-wrap: wrap;
  }
  .btnBoxA .campaign_lp_flex_item {
  }
  .campaign_contact_sp {
    text-align: center;
  }
  .campaign_boxTitle img {
    width: 300px;
  }
  .campaign_contact_sp li {
    margin-bottom: 10px;
  }
  .campaign_box {
    flex-direction: column;
    align-items: center;
  }
  .campaign_box li {
    background: #caedff;
    padding: 20px;
    margin-bottom: 20px;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
  }
  .tel_list_text {
    font-size: 22px;
    max-width: 100%;
  }
  .campaign_price {
    display: block;
  }
  li.campaign_price_item {
    margin-right: 0;
    width: calc(100vw - 40px) !important;
    margin: 0 10px;
  }
  .campaign_price_heading {
    font-size: 16px;
  }
  .post_relate .item_post{
    margin: 0 auto 20px;
  }
  .post_relate .item_post .flex_col dd{
    background-color: #fff;
  }

#contents.wide{
	width: 100%;
}
	#ftn_eng{
		display: none;
	}
  .border_txt .section2{
    padding: 0 0;
  }
  .txt_img {
    font-size: 16px;
    padding: 10px;
  }
  .ttl_01 {
    font-size: 16px;
    border-bottom: 4px solid #F9C416;
  }
  .ttl_02{
    font-size: 16px;
    margin: 0 auto 20px;
  }
  .border_txt{
    border: none;
  }
  .txt_img01 {
    font-size: 16px;
    padding: 10px 5px 5px;
  }
  .point-txt dt span {
    font-size: 16px;
    padding: 2px 5px 0;
  }
  .point-txt dt , .ttl_03{
    font-size: 16px;
  }
  .border_txt .post_relate {
    flex-wrap: inherit;
  }
  .border_txt .post_relate p:first-child {
    margin-right: 10px;
  }

  .topslide-wrap{ max-width: 100%;}
  .topslide-wrap .mv_bnr{
    width: 100%;height: auto;
  }




}
/* instagram 一覧表示
------------------------------------------------------------------------*/
@media (max-width: 768.98px) {
  #instagram_list p {
    height: 246px;
  }
}
@media (max-width: 694.98px) {
  #instagram_list p {
    height: 215px;
  }
}
@media (max-width: 667.98px) {
  #instagram_list p {
    height: 207px;
  }

  .electric-car .electric-item{
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .electric-car .electric-item .item-left{
    width: 100%;
  }
}
@media (max-width: 575.98px) {
  #instagram_list p {
    height: 177px;
  }
}

/* @media(max-width: 513px) {
	.fc-day-grid-container .fc-day-grid {
		display: grid;
		grid-template-columns: repeat(7, 7fr);
	}
	
	.fc-day-grid .fc-row:nth-child(7) {
		border-right: 0;
	}
	
	.fc-day-grid .fc-row:nth-child(14) {
		border-right: 0;
	}
	.fc-day-grid .fc-row:nth-child(21) {
		border-right: 0;
	}
	.fc-day-grid .fc-row:nth-child(28) {
		border-right: 0;
	}

	.fc-day-grid .fc-row:nth-child(29) {
		border-bottom: 0;
	}
	
	.fc-day-grid .fc-row:nth-child(30) {
		border-bottom: 0;
	}
	
	.fc-day-grid .fc-row:last-child {
		border-bottom: 0;
	}
	
	.fc-day-number {
		text-align: center;
		display: flex;
		flex-direction: column;
	}
	
	span.fc-list-header-left {
		padding: 0 !important;
		text-align: center;
	}
	
	span.fc-list-header-right {
		padding: 0 !important;
		text-align: center;
	}
	
	.fc-basic-view tbody .fc-row {
		height: 120px;
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
	}
	
	.eo-fullcalendar-reset.fc-unthemed .fc-today {
		border-bottom: 1px solid #ddd;
		border-top: 0;
	}
	
	.calender-list .fc-day-number.fc-state-highlight {
		border-top: 1px solid #ddd !important;
	}
} */


@media (max-width: 507.98px) {
  #instagram_list p {
    height: 155px;
  }
  .box-model-img.dflex p {
    width:100%;
}
}
@media (max-width: 438.98px) {
  #instagram_list p {
    height: 133px;
  }

  .electric-car .location li{
    font-size: .9em;
  }
}
@media (max-width: 411.98px) {
  #instagram_list p {
    height: 125px;
  }
}
@media (max-width: 375.98px) {
  #instagram_list p {
    height: 113px;
  }
}
@media (max-width: 375.98px) {
  #instagram_list p {
    height: 96px;
  }
}

/* 2020.02.27 検索結果 車種一覧 車種一覧 Table 修正
------------------------------------------------------------------------*/
@media screen and (max-width: 768px){
	#lineup table.table-doublecolumn-sp td.tdHead{
		width: 135px!important;
	}
	#lineup table.table-doublecolumn-sp td.tdHead + td {
		width: calc( 100% - 135px )!important;
	}

	#header_wrapper{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 100;
		background: #fff;
	}
	
	#header_wrapper #header h1{
		display: none
	}
	
	#gn_txt{
		margin-top: 65px;
	}
	
	.header-list{
		display: flex;
    	align-items: center;
    	justify-content: space-between;
	}
	
}

@media screen and (max-width: 768px){
	.br-pc{ display: none;}
   .mod-price-car .mod-badge.pc{
      display: none;
   }
   .mod-price-car .mod-badge.sp{
      display: inline-block;
      font-size: 14px;
      letter-spacing: 1px;
      font-weight: 500;
   }
   .table-price tr:not(.table-price-tr-sp) {
       display: none;
   }
   
   .table-price .table-price-tr-sp{
      display: table-row;
   }
   
   .table-price .table-price-tr-sp th .strong{
      color: #ea3353;
   }
   
   .table-price tr.table-price-tr-sp th:first-child {
       background-color: #eef1f4;
       color: #666;
   }
	
	#header p.sitettl img {
		width: 200px;
	}
	
	#gn_txt.eng h2 {
		font-size: 16px;
	}
}

@media screen and (max-width: 670px){
  .section .txt-large{
    font-size: 25px;
  }

}

@media screen and (max-width: 640px){
  .box-flex-model{
    flex-direction: column;
  }

  .box-flex-model .box-flex-txt{
    width: 100%;
  }
}

@media screen and (max-width: 600px){

   .mod-price-car .mod-banner{
      padding: 15px;
      padding-bottom: 0;
      padding-right: 0;
   }
   .mod-price-car .mod-title .t01{
      font-size: 18px;
   }
   .mod-price-car .mod-title .t02{
      font-size: 20px;
   }
   .mod-price-car .thumb,
   .mod-price-car .mr{
      width: 160px;
   }
   .mod-price-car .ml{
      width: calc( 100% - 160px);
   }
   .mod-price-car p{
      font-size: 12px;
   }
   .mod-price-car .mod-badge.sp{
      font-size: 12px;
   }
   .mod-price-car .mod-title .t01{
      padding-top: 0;
   }
   .mod-price-car .big{
      font-size: 14px;
   }
   
   .mod-price-car .mod-badge.sp{
      border-width: 1px;
   }
	.mod-price-car .mod-title br{ display: none;}
}

@media screen and (max-width: 510px){
  .section .txt-large{
    font-size: 20px;
  }
}

@media screen and (max-width: 480px){
   .table-price tr.table-price-tr-sp th:first-child{
      font-size: 3vw;
   }
   
   .table-price .table-price-tr-sp th{
      font-size: 3vw;
   }
   .mod-price-car table.table-price .txt-price-01 .strong{
      font-size: 4.2vw;
   }

  .box-flex-model .box-model-img{
    flex-direction: column;
    gap: 0;
  }

}
.sp420{display: none;}
@media screen and (max-width: 420px){
   .mod-price-car .mod-title.sp{
      flex-flow: column nowrap;
	  align-items: flex-start;
   }
	.mod-price-car .mod-banner{
		padding-bottom: 10px;	
	}
	.sp420{ display: block;}
}

@media screen and (max-width: 380px){
   .mod-price-car p,
   .mod-price-car .mod-badge.sp{
      font-size: 3.5vw;
   }
   .mod-price-car .mod-banner{
      padding-left: 10px;
      padding-top: 10px;
      
   }
   
   .mod-price-car .thumb, .mod-price-car .mr{
      width: 130px;
   }
   .mod-price-car .ml{
      width: calc( 100% - 130px);
   }
}

@media screen and (max-width: 375px){
   .mod-price-car .mod-banner{
       background: linear-gradient(90deg, #d9e6f8 0%, white 40%);
   }
}

@media screen and (max-width: 360px){
	#header .header-list p.sitettl{
		width: 150px
	}
}