@charset "UTF-8";
#main-title {
  max-width: 1600px;
  margin: 60px auto 60px;
  width: 90%; }
  @media (min-width: 1024px) {
    #main-title {
      margin: 100px auto 100px; } }
  #main-title h2 {
    font-size: 1.125em;
    line-height: 1.4em;
    text-align: justify; }
    @media (min-width: 768px) {
      #main-title h2 {
        font-size: 1.25em;
        text-align: center; } }
    @media (min-width: 1024px) {
      #main-title h2 {
        font-size: 2em;
        line-height: 1.8em; } }

#fs-people {
  max-width: 1600px;
  margin: 0 auto 60px;
  width: 90%; }
  @media (min-width: 1024px) {
    #fs-people {
      margin: 0 auto 100px; } }
  #fs-people ul.people-loop {
    position: relative; }
    #fs-people ul.people-loop li {
      margin-top: 30px; }
      @media (min-width: 768px) {
        #fs-people ul.people-loop li {
          margin-top: 60px; } }
      #fs-people ul.people-loop li h2 {
        font-size: 2.25em;
        font-feature-settings: "palt";
        letter-spacing: 0.04em;
        color: #000;
        margin-bottom: -0.5em;
        position: relative;
        z-index: 20; 
      span{
        text-shadow: 2px 3px 9px #efefef;
      }}
        @media (min-width: 768px) {
          #fs-people ul.people-loop li h2 {
            font-size: 6.0vw; } }
        @media (min-width: 1024px) {
          #fs-people ul.people-loop li h2 {
            position: absolute;
            top: 1em;
            font-size: 4.0vw;
            width: 70%; } }
        @media (min-width: 1600px) {
          #fs-people ul.people-loop li h2 {
            font-size: 4.0em; } }
      @media (min-width: 1024px) {
        #fs-people ul.people-loop li .people-box-in {
          display: flex; } }
      #fs-people ul.people-loop li .people-box-in .contents {
        margin-top: 10px; }
        @media (min-width: 1024px) {
          #fs-people ul.people-loop li .people-box-in .contents {
            width: 33%;
            margin-top: 18%; } }
        #fs-people ul.people-loop li .people-box-in .contents .txt {
          color: #000; }
          #fs-people ul.people-loop li .people-box-in .contents .txt p {
            font-size: 0.8em;
            text-align: justify;
            line-height: 2.0em; }
            @media (min-width: 768px) {
              #fs-people ul.people-loop li .people-box-in .contents .txt p {
                font-size: 0.9em; } }
        #fs-people ul.people-loop li .people-box-in .contents .common-btn-type1 {
          margin-top: 20px; }
          @media (min-width: 768px) {
            #fs-people ul.people-loop li .people-box-in .contents .common-btn-type1 {
              margin-top: 40px; } }
      #fs-people ul.people-loop li .people-box-in .scroll-1, #fs-people ul.people-loop li .people-box-in .scroll-2, #fs-people ul.people-loop li .people-box-in .scroll-3, #fs-people ul.people-loop li .people-box-in .scroll-4, #fs-people ul.people-loop li .people-box-in .scroll-5, #fs-people ul.people-loop li .people-box-in .scroll-6 {
        border-radius: 10px; }
        @media (min-width: 1024px) {
          #fs-people ul.people-loop li .people-box-in .scroll-1, #fs-people ul.people-loop li .people-box-in .scroll-2, #fs-people ul.people-loop li .people-box-in .scroll-3, #fs-people ul.people-loop li .people-box-in .scroll-4, #fs-people ul.people-loop li .people-box-in .scroll-5, #fs-people ul.people-loop li .people-box-in .scroll-6 {
            border-radius: 20px; } }
      @media (min-width: 1024px) {
        #fs-people ul.people-loop li .people-box-in .thumbnail {
          width: 67%; } }
      #fs-people ul.people-loop li .people-box-in .thumbnail img {
        border-radius: 10px; }
        @media (min-width: 1024px) {
          #fs-people ul.people-loop li .people-box-in .thumbnail img {
            border-radius: 20px; } }
      @media (min-width: 768px) {
        #fs-people ul.people-loop li:nth-child(odd) .people-box-in {
          flex-direction: row-reverse; } }
      @media (min-width: 1024px) {
        #fs-people ul.people-loop li:nth-child(odd) .contents.left {
          padding-right: 3%; } }
      #fs-people ul.people-loop li:nth-child(odd) .thumbnail {
        position: relative; }
        @media (min-width: 1024px) {
          #fs-people ul.people-loop li:nth-child(odd) .thumbnail.left::before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: linear-gradient(to left, rgba(249, 137, 36, 0), rgba(249, 137, 36, 0), 80%, rgba(239, 239, 239, 0.6));
            height: 100%;
            z-index: 10;
            border-radius: 10px; } }
  @media (min-width: 1024px) and (min-width: 1024px) {
    #fs-people ul.people-loop li:nth-child(odd) .thumbnail.left::before {
      border-radius: 20px; } }

      @media (min-width: 1024px) {
        #fs-people ul.people-loop li:nth-child(even) h2.right {
          text-align: right;
          margin-left: auto;
          right: 0; } }
      @media (min-width: 1024px) {
        #fs-people ul.people-loop li:nth-child(even) .contents.right {
          padding-left: 3%; } }
      #fs-people ul.people-loop li:nth-child(even) .thumbnail {
        position: relative; }
        @media (min-width: 1024px) {
          #fs-people ul.people-loop li:nth-child(even) .thumbnail.left::before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: linear-gradient(to right, rgba(249, 137, 36, 0), rgba(249, 137, 36, 0), 80%, rgba(239, 239, 239, 0.6));
            height: 100%;
            z-index: 10;
            border-radius: 10px; } }
  @media (min-width: 1024px) and (min-width: 1024px) {
    #fs-people ul.people-loop li:nth-child(even) .thumbnail.left::before {
      border-radius: 20px; } }

      #fs-people ul.people-loop li:nth-child(n+2) {
        margin-top: 60px; }
        @media (min-width: 768px) {
          #fs-people ul.people-loop li:nth-child(n+2) {
            margin-top: 8%; } }
  #fs-people .common-btn-type1.all {
    text-align: center;
    margin: 60px auto 0; }

/*
---------------------------------------------------------------------------------------------------------------------
横スクロール
---------------------------------------------------------------------------------------------------------------------
*/
#ph-scroll .YokoScroll {
  display: flex;
  align-items: center;
  overflow: hidden; }
  #ph-scroll .YokoScroll .slideshow {
    display: flex; }
    #ph-scroll .YokoScroll .slideshow figure {
      width: 200px;
      padding-right: 10px; }
      @media (min-width: 768px) {
        #ph-scroll .YokoScroll .slideshow figure {
          width: 300px; } }
      @media (min-width: 1024px) {
        #ph-scroll .YokoScroll .slideshow figure {
          width: 400px;
          padding-right: 20px; } }
      @media (min-width: 1450px) {
        #ph-scroll .YokoScroll .slideshow figure {
          width: 400px; } }
      #ph-scroll .YokoScroll .slideshow figure img {
        border-radius: 10px; }
        @media (min-width: 1024px) {
          #ph-scroll .YokoScroll .slideshow figure img {
            border-radius: 20px; } }
    #ph-scroll .YokoScroll .slideshow.show1 {
      animation: loop-slide 150s infinite linear 1s both; }
@keyframes loop-slide {
  from {
    transform: translateX(0); }
  to {
    transform: translateX(-100%); } }
.midashi-area {
  max-width: 1400px;
  margin: 0 auto 20px;
  padding: 0 5%; }
  @media (min-width: 1024px) {
    .midashi-area {
      padding: 0 10px;
      width: 95%;
      margin: 0 auto 40px; } }
  @media (min-width: 1600px) {
    .midashi-area {
      padding: 0; } }
  .midashi-area.new {
    margin-top: 60px; }
    @media (min-width: 1024px) {
      .midashi-area.new {
        margin-top: 100px; } }
  .midashi-area .title {
    display: flex;
    align-items: flex-end; }
    .midashi-area .title h2 {
      font-family: 'Montserrat', sans-serif;
      font-weight: 900;
      font-size: 2.5em;
      line-height: 0.82em; }
      @media (min-width: 1024px) {
        .midashi-area .title h2 {
          font-size: 4em; } }
    .midashi-area .title h3 {
      font-size: 1.0em;
      margin-left: 5px; }
      @media (min-width: 1024px) {
        .midashi-area .title h3 {
          font-size: 2.0em; } }
  .midashi-area p {
    font-size: 0.9em;
    margin-top: 5px; }
    @media (min-width: 1024px) {
      .midashi-area p {
        font-size: 1.125em; } }
  .midashi-area .txt {
    margin-top: 20px; }
    .midashi-area .txt h4 {
      font-size: 1.125em;
      line-height: 1.4em; }
      @media (min-width: 1024px) {
        .midashi-area .txt h4 {
          font-size: 2.0em; } }

/*
---------------------------------------------------------------------------------------------------------------------
ブランド紹介
---------------------------------------------------------------------------------------------------------------------
*/
#brand {
  max-width: 1400px;
  margin: 0 auto 40px;
  padding: 0 5%; }
  @media (min-width: 1024px) {
    #brand {
      padding: 0 10px;
      width: 95%; } }
  @media (min-width: 1600px) {
    #brand {
      padding: 0; } }
  @media only screen and (min-width: 768px) {
    #brand .o-6column .col-lg-6 {
      padding: 0 10px; }
    #brand .o-6column {
      margin: 0 -10px; } }
  @media only screen and (min-width: 1024px) {
    #brand .o-6column .col-lg-6 {
      padding: 0 20px; }
    #brand .o-6column {
      margin: 0 -20px; } }
  #brand .brand-box {
    position: relative;
    margin-bottom: 40px; }
    @media (min-width: 1024px) {
      #brand .brand-box {
        margin-bottom: 60px; } }
    #brand .brand-box ul {
      position: relative; }
      #brand .brand-box ul li:first-child a:hover .imgWrap > img {
        transform: scale(1.04); }
      #brand .brand-box ul li:first-child a .imgWrap {
        position: relative;
        overflow: hidden;
        display: block;
        z-index: 1;
        border-radius: 10px; }
        @media (min-width: 1024px) {
          #brand .brand-box ul li:first-child a .imgWrap {
            border-radius: 20px; } }
        #brand .brand-box ul li:first-child a .imgWrap img {
          width: 100%;
          height: auto;
          display: block;
          transition-duration: 0.8s;
          transform: scale(1); }
      #brand .brand-box ul li img {
        border-radius: 10px; }
        @media (min-width: 1024px) {
          #brand .brand-box ul li img {
            border-radius: 20px; } }
      #brand .brand-box ul.type1 li:nth-child(2) {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        display: flex;
        justify-content: center;
        z-index: 5; }
        #brand .brand-box ul.type1 li:nth-child(2) img {
          max-width: 200px;
          width: 80%;
          border-radius: 0; }
          @media (min-width: 1024px) {
            #brand .brand-box ul.type1 li:nth-child(2) img {
              max-width: 250px; } }
      #brand .brand-box ul.type2 li:nth-child(2) {
        position: absolute;
        top: 5%;
        right: 5%; }
        #brand .brand-box ul.type2 li:nth-child(2) img {
          max-width: 100px;
          border-radius: 0; }
          @media (min-width: 1024px) {
            #brand .brand-box ul.type2 li:nth-child(2) img {
              max-width: 120px; } }
      #brand .brand-box ul.type3 li:nth-child(2) {
        position: absolute;
        bottom: 20px;
        left: 20px; }
        #brand .brand-box ul.type3 li:nth-child(2) img {
          max-width: 80px;
          border-radius: 0; }
          @media (min-width: 1024px) {
            #brand .brand-box ul.type3 li:nth-child(2) img {
              max-width: 100px; } }
      #brand .brand-box ul.type4 li:nth-child(2) {
        position: absolute;
        top: 50%;
        right: 5%; }
        #brand .brand-box ul.type4 li:nth-child(2) img {
          max-width: 160px;
          border-radius: 0; }
          @media (min-width: 1024px) {
            #brand .brand-box ul.type4 li:nth-child(2) img {
              max-width: 200px; } }
    #brand .brand-box .txt {
      margin-top: 20px;
      position: relative; }
      #brand .brand-box .txt h3 {
        font-size: 1.0em;
        line-height: 1.4em;
        width: 60%; }
        @media (min-width: 1024px) {
          #brand .brand-box .txt h3 {
            font-size: 1.2em; } }
        @media (min-width: 1250px) {
          #brand .brand-box .txt h3 {
            font-size: 1.5em; } }
      #brand .brand-box .txt .common-btn {
        position: absolute;
        top: 0;
        right: 0; }

/*
---------------------------------------------------------------------------------------------------------------------
キャンピングカー投稿　読み込み
---------------------------------------------------------------------------------------------------------------------
*/
#archive-area {
  margin: 0 auto 120px; }
  @media (min-width: 1024px) {
    #archive-area {
      margin: 0 auto 200px; } }
  #archive-area #post-area {
    max-width: 1420px;
    margin: 0 auto 80px; }
    @media (min-width: 1024px) {
      #archive-area #post-area {
        width: 95%; } }
    #archive-area #post-area .campingcar-card {
      /* 前へ次への矢印カスタマイズ */ }
      #archive-area #post-area .campingcar-card .swiper-slide {
        width: 220px;
        margin: 0 15px 0 0; }
        @media (min-width: 768px) {
          #archive-area #post-area .campingcar-card .swiper-slide {
            width: 255px; } }
        @media (min-width: 1024px) {
          #archive-area #post-area .campingcar-card .swiper-slide {
            padding: 0 10px;
            margin: 0; } }
        #archive-area #post-area .campingcar-card .swiper-slide:last-child {
          margin-right: 3%; }
          @media (min-width: 1024px) {
            #archive-area #post-area .campingcar-card .swiper-slide:last-child {
              margin-right: 0; } }
      #archive-area #post-area .campingcar-card .swiper-button-prev,
      #archive-area #post-area .campingcar-card .swiper-button-next {
        top: 40%; }
        @media (min-width: 768px) {
          #archive-area #post-area .campingcar-card .swiper-button-prev,
          #archive-area #post-area .campingcar-card .swiper-button-next {
            top: 38%; } }
        @media (min-width: 1024px) {
          #archive-area #post-area .campingcar-card .swiper-button-prev,
          #archive-area #post-area .campingcar-card .swiper-button-next {
            display: none; } }
    #archive-area #post-area .campingcar-card {
      padding: 0 0 0 5%;
      position: relative;
      overflow: hidden;
      width: 100%; }
      @media (min-width: 1024px) {
        #archive-area #post-area .campingcar-card {
          padding: 0; } }
      #archive-area #post-area .campingcar-card .common-post-box a:hover .iCatch > img {
        transform: scale(1.04); }
      #archive-area #post-area .campingcar-card .common-post-box a:hover .txt > h3 {
        color: #0b198c; }
      #archive-area #post-area .campingcar-card .common-post-box a .iCatch {
        position: relative;
        border-radius: 10px;
        overflow: hidden;
        display: block;
        z-index: 1; }
        #archive-area #post-area .campingcar-card .common-post-box a .iCatch img {
          border-radius: 10px;
          transition-duration: 0.8s;
          transform: scale(1); }
      #archive-area #post-area .campingcar-card .common-post-box a .txt {
        margin-top: 10px; }
        #archive-area #post-area .campingcar-card .common-post-box a .txt h3 {
          font-size: 1.0em;
          line-height: 1.4em;
          font-feature-settings: "palt";
          letter-spacing: 0.08em;
          margin-top: 4px;
          transition: .5s; }
          @media (min-width: 768px) {
            #archive-area #post-area .campingcar-card .common-post-box a .txt h3 {
              font-size: 1.125em;
              margin-top: 10px; } }
    #archive-area #post-area .common-btn {
      margin-top: 20px;
      text-align: center; }

/* 前への矢印カスタマイズ */
.swiper-button-prev::after {
  background-image: url("../../img/parts/arrow-more-blue.svg");
  transform: rotate(180deg); }

/* 次への矢印カスタマイズ */
.swiper-button-next::after {
  background-image: url("../../img/parts/arrow-more-blue.svg"); }

/* 前へ次への矢印カスタマイズ */
.swiper-button-prev,
.swiper-button-next {
  height: 40px;
  width: 40px;
  z-index: 20; }
  @media (min-width: 1024px) {
    .swiper-button-prev,
    .swiper-button-next {
      height: 50px;
      width: 50px; } }

/* 前へ次への矢印カスタマイズ */
.swiper-button-prev::after,
.swiper-button-next::after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  margin: auto;
  height: 40px;
  width: 40px;
  border-radius: 50px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35); }
  @media (min-width: 1250px) {
    .swiper-button-prev::after,
    .swiper-button-next::after {
      height: 50px;
      width: 50px; } }