/********************************************************************************
 *
page-sp.css

********************************************************************************/

@media screen and (max-width: 767px) {
  /*============================================================
 トップページ
*============================================================*/
  /* common
---------------------------------------- */

  /* MainVisual
---------------------------------------- */
  .Mv__left,
  .Mv__right {
    width: 100%;
  }
  .type1 .Mv__bg {
    height: 680px;
    padding-top: 0;
    margin-bottom: 58px;
  }
  .Mv__left .Mv__logo {
    width: 140px;
  }
  .Mv__right .Mv__logo {
    width: 280px;
  }
  .Mv__left .bg {
    background-position: center left;
  }
  .swiper-wrapper {
    flex-wrap: nowrap;
  }
  .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 24px;
  }
  .swiper-pagination-bullet-active {
    background: #1d1d1d;
  }

  /* New Model
---------------------------------------- */
  .NewModel {
    height: auto;
    background-position: top center;
  }
  .NewModel__main {
    margin-top: 24px;
  }
  .NewModel__logo {
    width: 82px;
    margin-right: 16px;
  }
  .NewModel__title {
    font-size: 2.4rem;
  }
  .NewModel__flex {
    flex-direction: column;
  }
  .NewModel__img {
    width: 314px;
    margin: -10px auto 16px;
  }
  .NewModel__detail {
    height: auto;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-top: -10px;
    padding: 16px 24px 24px;
  }
  .NewModel__detail > div {
    max-width: 280px;
    margin: 0 auto;
  }
  .NewModel__detail > div > span {
    display: block;
    font-weight: 400;
  }
  .NewModel__detail h3 {
    font-size: 2.4rem;
    line-height: 1.2;
    margin-bottom: 16px;
  }
  .NewModel__detail p {
    margin-bottom: 24px;
    font-weight: 400;
  }

  /* Pick Up
---------------------------------------- */

  /* News
---------------------------------------- */

  /* Outer Link
---------------------------------------- */
  /* .OutLink > .flexBox {
		display: block;
	} */
  .OutLink__blog {
    width: 100%;
    padding: 40px 24px 0px;
    /* height: 260px; */
    /* padding: 24px 24px 0; */
  }
  .OutLink__blog a {
    margin: 0 auto;
  }
  .OutLink__blog h3 {
    /* max-width: 360px; */
    /* margin: 0 auto; */
  }
  .OutLink__sns {
    /* padding: 0 24px 0; */
  }
  .sns__items {
    gap: 40px;
  }
  .sns__item {
    width: 56px;
    height: auto;
  }

  /* .OutLink__fb {
		width: 100%;
		height: auto;
	}
	.OutLink__fb > div {
		max-width: 336px;
		margin: 0 auto;
	}
	.fb-wrap {
		margin: 0 auto;
	} */

  /* Banner
---------------------------------------- */
  .Banner__inner {
    margin: 24px auto;
  }
  .Banner__item {
    width: 100%;
    max-width: 336px;
  }

  /*============================================================
 下層ページ
*============================================================*/
  /* Common
---------------------------------------- */
  .PageHeader__title h1 {
    font-size: 2.8rem;
  }
  .titleLeading {
    font-size: 2.4rem;
    line-height: 1.5;
  }
  .titleLeading:before {
    bottom: -10px;
  }
  .type2.Mv {
    margin-bottom: 32px;
  }

  /* husqvarnaページ(archive-husqvarna.php)
---------------------------------------- */
  .husqvarna .Mv__logo {
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .HsqNav {
    margin-bottom: 40px;
  }
  .HsqNav__item {
    width: 50%;
    height: 200px;
  }
  .HsqNav__item a:before {
    width: 14px;
    height: 14px;
    left: 47%;
  }
  .HsqMain__link a {
    margin: 12px;
  }

  /* gasgasページ(archive-gasgas.php)
---------------------------------------- */
  .GasMain__link a {
    margin: 12px;
  }

  /* 新車情報ページ（archive-new.php）
---------------------------------------- */
  .post-type-archive-new .TabItem a {
    width: 100%;
		font-size: 13px;
  }
  .post-type-archive-new .NewTab .TabItem {
    /* min-width: 108px;
    margin-right: 12px; */
    min-width: unset;
    margin-right: 0;
    width: calc((100% - 12px) / 2 );
  }
  .NewLead__first {
    margin-bottom: 24px;
  }
  .NewLead__content h2 {
    font-size: 2.4rem;
  }
  .NewLead__logo img {
    margin-right: 16px;
  }
  .post-type-archive-new .NewTab .TabList {
    /* overflow-x: scroll;
    flex-wrap: nowrap; */
    overflow-x: unset; /* スクロール廃止 */
    flex-direction: row;
    flex-wrap: wrap;
    gap: 12px;
  }
  .NewTab .TabItem {
    min-width: 124px;
    margin-right: 20px;
  }
  .NewTab .TabItem:last-child {
    margin-right: 0;
  }
  .NewTab .TabItem a {
    width: 100%;
    margin-right: 0;
  }

  /* お知らせ詳細ページ （single-new.php）
---------------------------------------- */
  .SingleNews .content > * {
    margin-bottom: 16px;
  }
  .SingleNews .content > h2 {
    font-size: 2.4rem;
  }
  .SingleNews .content > h3 {
    font-size: 2rem;
  }

  /* 中古車情報ページ
---------------------------------------- */
  .UsedBnr__bg .wrap {
    display: block;
    text-align: center;
  }
  .UsedBnr__logo {
    margin: 0 auto 16px;
  }
  .Modal__inner {
    padding: 20px;
  }

  /* お問い合わせページ
---------------------------------------- */

  /* お問い合わせ完了ページ
---------------------------------------- */

  /* 個人情報保護方針ページ
---------------------------------------- */

  /* 会社情報ページ
---------------------------------------- */
  .Shop__wrap {
    /* max-width: 280px; */
    max-width: 360px;
    margin: 0 auto;
    justify-content: center;
  }
  .Shop__img {
    max-width: 360px;
    width: 100%;
    margin-right: 0;
    text-align: center;
    margin-bottom: 16px;
  }
  .Shop__content {
    width: 100%;
  }
  .AccessInfo .TabList {
    overflow-x: scroll;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
  }
  .tab {
    font-size: 1.4rem;
    height: 44px;
    width: 216px;
    min-width: 216px;
    margin: 0;
  }
  .tab:first-child {
    margin-right: 24px;
  }
  .CompanyInfo dt {
    float: initial;
  }
  .CompanyInfo dd {
    margin-left: 0;
  }
  .Staff__list {
    max-width: 480px;
    margin: 0 auto;
  }
  .Staff__item {
    display: block;
  }
  .Staff__img {
    width: 100%;
    margin-right: 0;
    text-align: center;
    margin-bottom: 16px;
  }
  .Staff__content {
    width: 100%;
  }

  /* 修理メンテナンスページ
---------------------------------------- */
  .MenteBlock .inner > p {
    line-height: 1.6;
    font-size: 2rem;
  }
}

@media screen and (max-width: 480px) {
  .NewModel {
    background: url(../images/top/new_model_bg_sp.jpg) no-repeat center -36px / cover;
  }
  .OutLink__blog {
    padding: 0;
    height: calc(260 / 375 * 100vw);
  }
  .OutLink__blog a {
    border: none;
    height: 100%;
  }
  .OutLink__blog img {
    object-fit: cover;
    object-position: center center;
    height: 100%;
  }
  .OutLink__blog h3 {
    left: 24px;
  }
  .sns__items {
    gap: 32px;
    justify-content: space-around;
  }
  .sns__item {
    width: 40px;
  }

  /* .fb-wrap {
		max-width: 320px;
	} */
  .NewLead__content p {
    margin-bottom: 24px;
  }
  .NewLead__logo img {
    margin: 12px 10px;
  }
}