@charset "UTF-8";
/* CSS Document */
/*Google fonts
*/
/* リセット */
html, body, ul, li, dl, dt, dd, div, p, h1, h2, h3, span {
  font-family: "Noto Sans JP", system-ui;
  margin: 0;
  padding: 0;
  color: #333;
}
main.snow-lp {
  overflow: hidden;
}
.snow-lp section {
  border: none;
  background: none;
}
.snow-lp a:hover {
  color: inherit;
}
.snow-lp i[class*="fa-"] {
  margin-right: 0;
}
.snow-lp a:focus {
  color: inherit;
}
.snow-lp select {
  outline: none;
  appearance: none;
}
@media screen and (max-width:768px) {}
/*=======================================
	共通
=======================================*/
.snow-lp * {
  font-size: 16px;
  font-weight: normal;
  line-height: 150%;
  box-sizing: border-box;
  list-style-type: none;
}
.snow-lp p, .snow-lp li, .snow-lp dt, .snow-lp dd, .snow-lp th, .snow-lp td, .snow-lp h1, .snow-lp h2, .snow-lp h3, .snow-lp h4, .snow-lp h5 {
  font-family: "Noto Sans JP", system-ui;
}
.snow-lp span {
  font-size: inherit;
  font-weight: inherit;
}
.snow-lp i {
  font-size: inherit;
  font-weight: 600;
}
.snow-lp a {
  text-decoration: none;
  font-size: inherit;
  font-weight: inherit;
  cursor: pointer;
}
.snow-lp a:hover {
  opacity: 0.8;
  transition: 0.3s;
}
.snow-lp .inner {
  padding: 80px 0;
}
.snow-lp img {
  width: 100%;
  height: auto;
}
.snow-lp .pc-none {
  display: none;
}
.snow-lp .slick-active {
  cursor: grab;
}
.snow-lp .slick-active:active {
  cursor: grabbing;
}
.snow-lp .slick-dots .slick-active {
  cursor: pointer;
}
.snow-lp .slick-slide {
  height: auto;
}
.snow-lp .slick-dots li button:before {
  font-size: 10px;
  color: #84b9cb;
  opacity: 0.3;
}
.snow-lp .slick-dots li.slick-active button:before {
  color: #84b9cb;
  opacity: 1;
}
.snow-lp .slick-dots.none {
  display: none;
}
.snow-lp .slick-prev, .snow-lp .slick-next {
  width: 30px;
  height: 30px;
  z-index: 9;
}
.snow-lp .slick-prev:before {
  font-family: "Font Awesome 5 Free";
  content: "\f137";
  font-size: 30px;
  color: #84b9cb;
  font-weight: bold;
}
.snow-lp .slick-next:before {
  font-family: "Font Awesome 5 Free";
  content: "\f138";
  font-size: 30px;
  color: #84b9cb;
  font-weight: bold;
}
@media screen and (max-width:768px) {
  .snow-lp a:hover {
    opacity: 1;
  }
  .snow-lp .sp-none {
    display: none;
  }
  .snow-lp .pc-none {
    display: inherit;
  }
  .snow-lp .inner {
    padding: 40px 0 30px 0;
  }
}
/*=======================================
	共通　メインビジュアル（mv）
=======================================*/
.snow-lp .mv {
    margin-top: 111px;
    padding: 0;
    background: #5383c3 url(../img/snow-line.png) repeat-x bottom center;
}
@media screen and (max-width:768px) {
  .snow-lp .mv {
     margin-top: 61px;
  }
}

.snow-lp .mv .inner {
  width: 95%;
  max-width: 1000px;
  margin: 0 auto;
  height: 400px;
    padding: 0;
    position: relative;
}
.snow-lp.top .mv .inner {
background: url(../img/main-top.png) no-repeat top center;
}
.snow-lp.daytrip .mv .inner {
background: url(../img/main-1day.png) no-repeat top center;
}
.snow-lp.ski .mv .inner {
background: url(../img/main-ski.png) no-repeat top center;
}
.snow-lp.option .mv .inner {
background: url("../img/main-option.png") no-repeat top center;
}
.snow-lp .mv .inner .common-txt {
    font-size: 100px;
    font-weight: 900;
    color: #FFF;
    line-height: 90px;
}
.snow-lp .mv .inner .page-txt {
    font-size: 40px;
    font-weight: 900;
    font-style: italic;
    line-height: 120%;
    color: #c9171e;
    position: absolute;
    z-index: 1;
}
.snow-lp.top .mv .inner .common-txt {
    position: absolute;
    top: 0;
    left: 0;
}
.snow-lp.sub-page .mv .inner .common-txt {
    text-align: right;
    position: absolute;
    top: 0;
    right: 0;
}
.snow-lp.top .mv .inner .page-txt {
    bottom: 20px;
    left: 0;
}
.snow-lp.sub-page .mv .inner .page-txt {
    text-align: right;
    bottom: 20px;
    right: 0;
}
@media screen and (max-width:768px) {
    .snow-lp .mv .inner {
        width: 100%;
  height: 600px;
}
.snow-lp.top .mv .inner {
background: url(../img/main-sp-top.png) no-repeat top center;
}
.snow-lp.daytrip .mv .inner {
background: url(../img/main-sp-1day.png) no-repeat top center;
}
.snow-lp.ski .mv .inner {
background: url(../img/main-sp-ski.png) no-repeat top center;
}
.snow-lp.option .mv .inner {
background: url("../img/main-sp-option.png") no-repeat top center;
}
.snow-lp .mv .inner .common-txt {
    font-size: 85px;
    line-height: 80px;
        left: 10px;
}
    .snow-lp.top .mv .inner .common-txt {
        left: 10px;
    }
    .snow-lp.sub-page .mv .inner .common-txt {
        right: 10px;
        top: inherit;
        bottom: 100px;
    }
    .snow-lp .mv .inner .page-txt {
        font-size: 30px;
    }
    .snow-lp.top .mv .inner .page-txt {
        bottom: 10px;
        left: 10px;
    }
    .snow-lp.sub-page .mv .inner .page-txt {
        bottom: 10px;
        right: 10px;
    }
}

/*=======================================
	共通　パンくず
=======================================*/
.breadcrumbs {
  padding: 12px 0 0
}

.breadcrumbs .breadcrumbs-list {
  width: 1200px;
  margin: 0 auto;
  list-style-type: none;
  display: flex;
  align-items: center
}

.breadcrumbs .breadcrumbs-list li {
  color: #b4b4b4;
  font-size: 14px;
  position: relative
}

.breadcrumbs .breadcrumbs-list li.archive {
  padding-top: 0;
  padding-bottom: 0
}

.breadcrumbs .breadcrumbs-list li+li {
  padding-left: 12px
}

.breadcrumbs .breadcrumbs-list li+li:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 7px;
  height: 7px;
  margin-top: -4px;
  border-top: solid 1px #b4b4b4;
  border-right: solid 1px #b4b4b4;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: ""
}

.breadcrumbs .breadcrumbs-list li a {
  color: #b4b4b4
}

.breadcrumbs .breadcrumbs-list li a.home {
  color: #b4b4b4
}

@media (max-width: 1024px) {
  .breadcrumbs {
      padding:12px 20px 0
  }

  .breadcrumbs .breadcrumbs-list {
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch
  }

  .breadcrumbs .breadcrumbs-list li,.breadcrumbs .breadcrumbs-list li a {
      white-space: nowrap;
      font-size: 12px
  }
}
/*=======================================
	共通　リード（lead）
=======================================*/
.snow-lp .lead .inner {
  width: 95%;
  max-width: 1000px;
  margin: 0 auto;
}
.snow-lp .lead h1 {
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  margin: 0 0 40px 0;
  color: #5383c3;
}
.snow-lp .lead h1 strong {
  font-size: 24px;
  font-weight: 600;
  color: #c9171e;
}
.snow-lp .lead .txt {
  max-width: 800px;
  margin: 0 auto;
}
.snow-lp.ski .lead .txt {
  margin: 0 auto 50px auto;
}
@media screen and (max-width:768px) {}
/*=======================================
	共通：絞り機能
=======================================*/

.tabs {
  flex-wrap: wrap; 
  display:flex; 
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom:20px; 
}
.card{
  width: calc(100% / 3);
}
.tab { 
  flex:1; 
  padding:10px; 
  text-align:center; 
  background:#eee; 
  border:1px solid #ccc;
  cursor:pointer;  
  transition: background-color 0.3s ease, color 0.3s ease;
}
/* 通常時のホバー挙動 */
.tab:hover {
  background: #6ea5fc; /* activeと同じ青色に */
  color: #fff;         /* 文字を白に */
}
.tab.active { 
  background: #4285f4; 
  color: #fff; 
  border-color: #4285f4; /* アクティブ時は枠線も合わせると綺麗です */
    transition: background-color 0.3s ease, color 0.3s ease;
}
.tab.active:hover { 
 opacity: 0.9;
}
.tab-content { display:none; }
.tab-content.active { display:block; margin-top:20px; }

    .filters { margin-bottom:20px; }
    .filter-group { margin-bottom:10px; }
    .filter-btn { padding:8px 15px; margin:5px; border:1px solid #ccc; background:#f5f5f5; cursor:pointer; border-radius:4px; }
    .filter-btn.active { background:#4285f4; color:#fff; font-weight:bold; }

    .tour { border:1px solid #ccc; padding:15px; margin-bottom:10px; border-radius:5px; }
    .hidden { display:none; }

    .count { 
      margin-bottom:5px; font-weight:bold; color:#333; 
      text-align: center;
    }
    .count-number { 
      font-size: 30px!important;
      color: #01568f;
    }
    .conditions { margin-bottom:15px; font-size:0.9em; color:#555; }
    /* 1. デフォルトの状態：activeがついていない要素の画像は暗くする */
.tabs div img {
  filter: brightness(0.2); /* 0.5は明るさ50%。数値が小さいほど暗くなります */
  transition: filter 0.3s ease; /* ふわっと切り替わるアニメーション（任意） */
}

/* 2. activeクラスを持っている .tab の直後にある img だけを明るく（通常に）する */
.tab.active + img {
  filter: brightness(1); /* 明るさ100%（通常） */
}
.soldout{

    position: relative;

}
.soldout::before {
    content: "";
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 10;
    top: 0px !important;
    left: 0px !important;
}
.soldout-txt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: rgb(255, 255, 255);
    font-size: 30px;
    font-weight: 500;
    width: 100%;
    text-align: center;
    z-index: 10;
}
@media screen and (max-width:768px) {
  .card{
    width: calc(100% / 2);
  }
}
/*=======================================
	共通：スタイルから探す（style）
=======================================*/
.snow-lp .style {
  background: #FFF url(../img/snow-line.png) repeat-x bottom center;
  border-bottom: 2px solid #FFF;
}
.snow-lp .style h2 {
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  margin: 0 0 40px 0;
}
.snow-lp .style .box-wrap {
  width: 95%;
  max-width: 1030px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.snow-lp .style .box {
  width: calc(100% / 3 - 30px);
  margin: 0 15px 30px 15px;
  padding: 35px 10px 35px 10px;
  border-radius: 0 0 20px 0;
  background: linear-gradient(#fafafa 10%, #bce2e8 50%);
  position: relative;
  box-shadow: 0 1px 15px 3px rgba(255, 255, 255, 0.8);
}

.snow-lp .style .box.junbi::before {
  content: '';
  /* ↓暗いオーバーレイを半透明で配置 */
  background-color: rgba(0, 0, 0, 0.4);
  /* ↓全体を覆うように配置 */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.junbi-txt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 25px;
  font-weight: bold;
  width: 100%;
  text-align: center;
}

.snow-lp .style .box h3 {
  display: block;
  width: calc(100% - 20px);
  font-size: 18px;
  font-weight: 500;
  color: #FFF;
  background: #c9171e;
  border: 2px solid #FFF;
  border-radius: 0 0 10px 0;
  text-align: center;
  padding: 3px 5px 5px 5px;
  margin: 0 0 10px 0;
  position: absolute;
  top: -10px;
  left: 10px;
}
.snow-lp .style .box .img-box {
  margin: 0 0 10px 0;
}
.snow-lp .style .box .img-box img {
  border: 2px solid #FFF;
}
.snow-lp .style .box .txt-box .txt {
  text-align: justify;
  font-size: 15px;
  color: #333;
}
@media screen and (max-width:768px) {
  .snow-lp .style .box-wrap {
    flex-direction: column;
  }
  .snow-lp .style .box {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
  }
  .snow-lp .style .box + .box {
    margin: 30px auto 0 auto;
  }
}
/*=======================================
	共通（.box）
=======================================*/
.snow-lp .card-wrap {
  width: 95%;
  max-width: 1030px;
  margin: 0 auto;
}
.snow-lp .logo-wrap {
  align-items: center;
  cursor: pointer;
}
.snow-lp .logo-wrap p{
  font-size: 13px;
  color: #c5621c;
  display: flex; /* 文字とアイコンを並べる */
  align-items: baseline; /* 上下中央を揃える */
}
.snow-lp .logo-wrap p::after{
content: ""; /* 擬似要素を表示するために必須 */
  display: inline-block;
  width: 12px;  /* アイコンの横幅 */
  height: 12px; /* アイコンの縦幅 */
  margin-left: 8px; /* 文字との間の余白 */
  
  /* 画像の設定 */
  background-image: url('../img/link.png');
  background-size: contain; /* 枠内に画像を収める */
  background-repeat: no-repeat;
  background-position: center;
}
.snow-lp .logo-wrap img {
  width: 50%;
}

.snow-lp .card-wrap .box {
  width: calc(100% / 3 - 30px);
  margin: 0 15px 30px 15px;
}
.snow-lp .card-wrap .box {
  padding: 10px;
  background: linear-gradient(-40deg, #bce2e8 1%, #FFF 40%, #FFF 70%, #f2a0a1 99%);
  border-radius: 7px;
  box-shadow: 0 1px 15px 3px rgba(255, 255, 255, 0.8);
}
.snow-lp .card-wrap .box a {
  display: block;
}
.snow-lp .card-wrap .box .img-box {
  margin: 0 0 10px 0;
  position: relative;
}
.snow-lp .card-wrap .box .img-box img {
  border-radius: 4px;
  border: 1px solid #FFF;
}
.snow-lp .card-wrap .box .img-box span {
  display: block;
  background: rgb(151 56 56 / 95%);
  font-size: 13px;
  padding: 0 10px;
  position: absolute;
  top: 0;
  left: 5px;
  color: #ffffff;
}
.snow-lp .card-wrap .box .txt-box {
  position: relative;
}
.snow-lp .card-wrap .box h3 {
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 10px 0;
  color: #c5621c;
}
.snow-lp .card-wrap .box .txt-box p, .snow-lp .card-wrap .box .txt-box li {
  font-size: 14px;
}
.snow-lp .card-wrap .box .txt-box .price-box{
  border-left: solid 1px #afafaf;
  padding-left: 20px;
}
.snow-lp .card-wrap .box .txt-box .genre-wrap .price {
  color: #01568f;
  font-weight: 800;
  font-size: 30px;
  margin-left: 5px;
  margin-right: 5px;
}
.snow-lp .card-wrap .box .txt-box .genre-wrap .price-box-pp {
  color: #01568f;
  text-align: center;
  font-size: 12px;
}
.snow-lp .card-wrap .box .txt-box .genre-wrap{
  margin-bottom: 30px;
}
.snow-lp .card-wrap .box .txt-box .genre-wrap span{
  font-size: 15px;
  font-weight: 600;
}

  

.snow-lp .card-wrap .box .txt-box .txt-detail-box p{
  font-size: 13px;
  color: #333;
}

/* .snow-lp .card-wrap .box .btn-wrap {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 15px 0 0 0;
} */
.snow-lp .card-wrap .box .btn-wrap .link-btn {
  width: 100%;
}
.snow-lp .card-wrap .box .btn-wrap.btns .link-btn {
  width: 48%; /*ボタン2カラム横並び*/
  margin: 5px 0 0 0;
}
.snow-lp .card-wrap .box .btn-wrap.btns .link-btn:nth-child(odd) {
  margin: 5px 4% 0 0;
}
.snow-lp .card-wrap .box .link-btn a {
 background: #c9171e;
    color: #FFF;
    border-radius: 3px;
    text-align: center;
    padding: 10px 10px;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.snow-lp .card-wrap .box .link-btn a::after {
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  font-weight: bold;
  margin: 0 0 0 10px;
}
@media screen and (max-width:480px) {
 .snow-lp .card-wrap .box .txt-box .price-box {
    border-top: solid 1px #afafaf;
    text-align: center;
    margin-top: 10px;
    padding-top: 10px;
  }
  .snow-lp .logo-wrap {
  flex-direction: inherit!important;
  }
  .snow-lp .card-wrap .box .link-btn a {
    padding: 10px 10px;
    position: inherit!important;
    margin-top: 25px;
  }
  .snow-lp .card-wrap .box .txt-box .price-box {
    border-left: inherit;
    padding-left: inherit;
  }
  .snow-lp .card-wrap {
    /* width: 150%;
    margin: 0 0 0 30px; */
  }
  .snow-lp .card-wrap .slick-next {
    right: calc(50% - 25px);
  }
  .snow-lp .card-wrap .slick-dots {
    text-align: left;
    bottom: 0;
  }
}
/*=======================================
	TOP
=======================================*/
.snow-lp.top h2 {
  font-size: 30px;
  font-weight: 900;
  text-align: center;
  margin: 0 0 50px 0;
}
.snow-lp.top h3 {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  margin: 0 0 10px 0;
  color: #fff;
  border-bottom: solid 1px #bbbbbb;
  padding: 0 0 5px 0;
}

.txt-link{
  text-align: right;
  color: #d92121;
  font-weight: 500;
  margin-top: 5px;
  position: absolute;
  bottom: 5px;
  right: 15px;
}
.fa-circle-chevron-right{
  margin-left: 10px;
}
/*-----人気のツアー（popular）-----*/
.snow-lp .popular {
  background: #ebf6f7;
}
.snow-lp.top .popular h2 {
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  width: 95%;
  max-width: 1000px;
  margin: 0 auto 40px auto;
  background: #FFF;
  color: #5383c3;
  padding: 10px;
  border-radius: 7px;
  box-shadow: 0 1px 15px 3px rgba(255, 255, 255, 0.8);
    position: relative;
}
.snow-lp.top .popular h2::after {
  content: "";
  display: block;
  width: 100px;
  height: 100px;
  background: url(../img/usagi.png) no-repeat top left / contain;
  position: absolute;
  bottom: -20px;
  right: -10px;
}
.snow-lp.top .popular h2::before {
  content: "";
  display: block;
  width: 100px;
  height: 100px;
  background: url(../img/snow.png) no-repeat top left / contain;
  position: absolute;
  top: -20px;
  left: -10px;
}
.snow-lp .popular .card-wrap {
  width: 95%;
  max-width: 1030px;
  margin: 0 auto;
}
.snow-lp .popular .box {
  /* width: calc(100% / 2 - 30px); */
  width: 100%;
  margin: 0 15px 30px 15px;
}
.snow-lp .popular .box .flex-wrap {
  display: flex;
  justify-content: space-between;
}
.snow-lp .popular .flex-wrap .img-box {
  width: 370px;
  margin: 0;
}
.snow-lp .popular .flex-wrap .txt-box {
  width: calc(100% - 400px);

}
@media screen and (max-width:768px) {
  .snow-lp .popular .card-wrap {
    flex-direction: column;
  }
  .snow-lp .popular .box {
    width: 100%;
    max-width: 400px;
    margin: 0;
  }
  .snow-lp .popular .box + .box {
    margin: 30px auto 0 auto;
  }
  .snow-lp .popular .box .flex-wrap {
    flex-direction: column;
  }
  .snow-lp .popular .flex-wrap .img-box {
    width: 100%;
    margin: 0 0 10px 0;
  }
  .snow-lp .popular .flex-wrap .txt-box {
    width: 100%;
  }
}
/*TOPの雪の体験*/
.snow-lp.top .experience {
  background: #5383c3;
}
.snow-lp.top .experience h2 {
  color: #FFF;
  margin: 0 0 60px 0;
  font-size: 25px;
  font-weight: 600;
}
.snow-lp.top .experience .box-wrap {
  width: 95%;
  max-width: 1000px;
  margin: 0 auto;
}
.snow-lp.top .experience .box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.snow-lp.top .experience .box:nth-child(even) {
  flex-direction: row-reverse;
}
.snow-lp.top .experience .box + .box {
  margin: 50px 0 0 0;
}
.snow-lp.top .experience .img-box {
  width: 45%;
  min-width: 300px;
}
.snow-lp.top .experience .img-box img {
  border-radius: 30px;
  padding: 3px;
}
.snow-lp.top .experience .txt-box {
  width: 50%;
}
.snow-lp.top .experience .txt-box p {
  color: #FFF;
}
.snow-lp.top .experience .txt-box p + p {
  margin: 15px 0 0 0;
}
@media screen and (max-width:768px) {
  .snow-lp.top .experience .box-wrap {
    flex-direction: column;
  }
  .snow-lp.top .experience .box {
    flex-direction: column;
    width: 100%;
    max-width: 400px;
  }
  .snow-lp.top .experience .box:nth-child(even) {
    flex-direction: column;
  }
  .snow-lp.top .experience .img-box {
    width: 100%;
    margin: 0 0 10px 0;
  }
  .snow-lp.top .experience .txt-box {
    width: 100%;
  }
}



/*=======================================
	下層共通：内容から選ぶ（content）
=======================================*/
.snow-lp .content {
  background: linear-gradient(#5383c3 5%, #FFF 50%, #FFF 70%, #ebf6f7 99%);
}
.snow-lp .content .inner {
  padding: 50px 0 0 0;
}
.snow-lp .content h2 {
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  color: #FFF;
  margin: 0 0 40px 0;
}
.snow-lp .content .box-wrap {
  width: 95%;
  max-width: 1030px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.snow-lp .content .box {
  width: calc(100% / 3 - 30px);
  margin: 0 15px 30px 15px;
  padding: 10px;
  background: #5383c3;
  border-radius: 7px;
  box-shadow: 0 1px 15px 3px rgba(255, 255, 255, 0.8);
  position: relative;
}
.snow-lp .content .box .img-box img {
  border-radius: 0px;
  border: 2px solid #FFF;
  ;
}
.snow-lp .content .box h3 {
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  color: #FFF;
  margin: 0 0 10px 0;
}
.snow-lp .content .box:hover::after {
  font-family: "Font Awesome 5 Free";
  content: "\f13a";
  font-weight: bold;
  font-size: 40px;
  color: #FFF;
  position: absolute;
  bottom: 40px;
  left: calc(50% - 20px);
  transition: 0.3s;
}
@media screen and (max-width:768px) {
  .snow-lp .content .box-wrap {
    flex-direction: column;
  }
  .snow-lp .content .box {
    width: 100%;
    max-width: 400px;
    margin: 0;
  }
  .snow-lp .content .box + .box {
    margin: 30px auto 0 auto;
  }
}
/*=======================================
	下層共通：1カラムボタン
=======================================*/
.snow-lp .plan-btn {
  width: 90%;
  max-width: 600px;
  text-align: center;
  margin: 0 auto 50px auto;
}
.snow-lp .plan-btn a {
  display: block;
  font-size: 18px;
  font-weight: 500;
  color: #FFF;
  background: #5383c3;
  padding: 7px 5px 9px 5px;
  border: 2px solid #FFF;
  border-radius: 0 0 10px 0;
}
.snow-lp .plan-btn a::after {
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  font-weight: bold;
  margin: 0 0 0 10px;
}
@media screen and (max-width:768px) {}
/*=======================================
	日帰り（.snow-lp.daytrip）
=======================================*/
.snow-lp.daytrip h2 {
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  margin: 0 0 40px 0;
}
.snow-lp.daytrip .lead-txt {
  width: 95%;
  max-width: 800px;
  margin: 0 auto 30px auto;
}
.snow-lp.daytrip .plan-wrap {
  background: #ebf6f7;
}
.snow-lp.daytrip .plan-wrap h3 {
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  width: 95%;
  max-width: 1000px;
  margin: 0 auto 40px auto;
  background: #FFF;
  color: #5383c3;
  padding: 10px;
  border-radius: 7px;
  box-shadow: 0 1px 15px 3px rgba(255, 255, 255, 0.8);
}
.snow-lp.daytrip .experience h3 {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  margin: 0 0 10px 0;
  color: #fff;
  border-bottom: solid 1px;
  padding: 0 0 5px 0;
}
.snow-lp.daytrip .plan-wrap h3 {
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  width: 95%;
  max-width: 1000px;
  margin: 0 auto 40px auto;
  background: #FFF;
  color: #5383c3;
  padding: 10px;
  border-radius: 7px;
  box-shadow: 0 1px 15px 3px rgba(255, 255, 255, 0.8);
  position: relative;
}
.snow-lp.daytrip .plan-wrap h3::after {
  content: "";
  display: block;
  width: 100px;
  height: 100px;
  background: url(../img/usagi.png) no-repeat top left / contain;
  position: absolute;
  bottom: -20px;
  right: -10px;
}
.snow-lp.daytrip .plan-wrap h3::before {
  content: "";
  display: block;
  width: 100px;
  height: 100px;
  background: url(../img/snow.png) no-repeat top left / contain;
  position: absolute;
  top: -20px;
  left: -10px;
}
.snow-lp.daytrip .plan-wrap h4 {
  font-size: 16px;
  font-weight: 500;
  margin: 0 0 10px 0;
}
/*雪の体験*/
.snow-lp.daytrip .experience {
  background: #5383c3;
}
.snow-lp.daytrip .experience h2 {
  color: #FFF;
  margin: 0 0 60px 0;
}
.snow-lp.daytrip .experience .box-wrap {
  width: 95%;
  max-width: 1000px;
  margin: 0 auto;
}
.snow-lp.daytrip .experience .box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.snow-lp.daytrip .experience .box:nth-child(even) {
  flex-direction: row-reverse;
}
.snow-lp.daytrip .experience .box + .box {
  margin: 50px 0 0 0;
}
.snow-lp.daytrip .experience .img-box {
  width: 45%;
  min-width: 300px;
}
.snow-lp.daytrip .experience .img-box img {
  border-radius: 30px;
  padding: 3px;
}
.snow-lp.daytrip .experience .txt-box {
  width: 50%;
}
.snow-lp.daytrip .experience .txt-box p {
  color: #FFF;
}
.snow-lp.daytrip .experience .txt-box p + p {
  margin: 15px 0 0 0;
}
@media screen and (max-width:768px) {
  .snow-lp.daytrip .experience .box-wrap {
    flex-direction: column;
  }
  .snow-lp.daytrip .experience .box {
    flex-direction: column;
    width: 100%;
    max-width: 400px;
  }
  .snow-lp.daytrip .experience .box:nth-child(even) {
    flex-direction: column;
  }
  .snow-lp.daytrip .experience .img-box {
    width: 100%;
    margin: 0 0 10px 0;
  }
  .snow-lp.daytrip .experience .txt-box {
    width: 100%;
  }
}
/*=======================================
	日帰り（.snow-lp.option）
=======================================*/
.snow-lp.option h2 {
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  margin: 0 0 40px 0;
}
.snow-lp.option .lead-txt {
  width: 95%;
  max-width: 800px;
  margin: 0 auto 30px auto;
}
.snow-lp.option .plan-wrap {
  background: #ebf6f7;
}
.snow-lp.option .plan-wrap h3 {
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  width: 95%;
  max-width: 1000px;
  margin: 0 auto 40px auto;
  background: #FFF;
  color: #5383c3;
  padding: 10px;
  border-radius: 7px;
  box-shadow: 0 1px 15px 3px rgba(255, 255, 255, 0.8);
  position: relative;
}
.snow-lp.option .plan-wrap h3::after {
  content: "";
  display: block;
  width: 100px;
  height: 100px;
  background: url(../img/usagi.png) no-repeat top left / contain;
  position: absolute;
  bottom: -20px;
  right: -10px;
}
.snow-lp.option .plan-wrap h3::before {
  content: "";
  display: block;
  width: 100px;
  height: 100px;
  background: url(../img/snow.png) no-repeat top left / contain;
  position: absolute;
  top: -20px;
  left: -10px;
}
.snow-lp.option .plan-wrap h4 {
  font-size: 16px;
  font-weight: 500;
  margin: 0 0 10px 0;
}
/*=======================================
	スキー・スノーボード（.snow-lp.ski）
=======================================*/
.snow-lp.ski h2 {
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  margin: 0 0 40px 0;
}
.snow-lp.ski .lead-txt {
  width: 95%;
  max-width: 800px;
  margin: 0 auto 30px auto;
}
.snow-lp.ski .area-top {
  background: #ebf6f7;
}
.snow-lp.ski .area-top .inner {
  width: 95%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 50px 0;
}
.snow-lp.ski .area-top h3 {
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  color: #5383c3;
  margin: 0 0 40px 0;
}
.snow-lp.ski .area-top .ticket-select {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.snow-lp.ski .area-top .ticket-select li {
  width: 49%;
  line-height: 140%;
  padding: 10px 20px;
  text-align: center;
  border-radius: 10px 10px 0 0;
  background: #FFF;
  color: #5383c3;
  cursor: pointer;
}
.snow-lp.ski .area-top .ticket-select li:hover {
  background: #DDD;
  color: #FFF;
  transition: 0.3s;
}
.snow-lp.ski .area-top .ticket-select li.active {
  padding: 20px 20px;
  background: #5383c3;
  color: #FFF;
}
.snow-lp.ski .area-top .area-select {
  width: 100%;
  height: 500px;
  padding: 20px;
  border-radius: 0 0 10px 10px;
  border: 3px solid #5383c3;
  background: #FFF url("../img/map.svg") no-repeat bottom center/contain;
  position: relative;
}
.snow-lp.ski .area-top .area-select li {
  position: absolute;
}
.snow-lp.ski .area-top .area-select li.area1 { /*新潟*/
  top: 54%;
  left: calc(50% - 120px);
}
.snow-lp.ski .area-top .area-select li.area2 { /*長野*/
  top: 80%;
  left: calc(50% - 170px);
}
.snow-lp.ski .area-top .area-select li.area3 { /*北関東*/
  top: 75%;
  right: calc(50% - 300px);
}
.snow-lp.ski .area-top .area-select li.area4 { /*東北*/
  top: 50%;
  right: calc(50% - 280px);
}
.snow-lp.ski .area-top .area-select li a {
  color: #FFF;
  padding: 2px 10px 4px 10px;
  border-radius: 3px;
}
.snow-lp.ski .area-top .area-select li.area1 a { /*新潟*/
  background: #8491c3;
}
.snow-lp.ski .area-top .area-select li.area2 a { /*長野*/
  background: #00a3af;
}
.snow-lp.ski .area-top .area-select li.area3 a { /*北関東*/
  background: #83ccd2;
}
.snow-lp.ski .area-top .area-select li.area4 a { /*東北*/
  background: #89c3eb;
}
.snow-lp.ski .area-top .area-select li a::after {
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 0 7px;
}
.snow-lp.ski .area-box {
  padding: 50px 0;
  background: linear-gradient(#ebf6f7, #FFF, #ebf6f7);
}
.snow-lp.ski .area-box h3 {
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  width: 95%;
  max-width: 1000px;
  margin: 0 auto 40px auto;
  background: #FFF;
  color: #5383c3;
  padding: 10px;
  border-radius: 7px;
  box-shadow: 0 1px 15px 3px rgba(255, 255, 255, 0.8);
  position: relative;
}
.snow-lp.ski .area-box h3::after {
  content: "";
  display: block;
  width: 100px;
  height: 100px;
  background: url(../img/usagi.png) no-repeat top left / contain;
  position: absolute;
  bottom: -20px;
  right: -10px;
}
.snow-lp.ski .area-box h3::before {
  content: "";
  display: block;
  width: 100px;
  height: 100px;
  background: url(../img/snow.png) no-repeat top left / contain;
  position: absolute;
  top: -20px;
  left: -10px;
}
.snow-lp.ski .area-box h4 {
  font-size: 16px;
  font-weight: 500;
  margin: 0 0 10px 0;
}
.snow-lp.ski .card-wrap {
  position: relative;
  padding: 40px 0 0 0;
}
.snow-lp.ski .card-wrap.on::before, .snow-lp.ski .card-wrap.off::before {
  font-size: 14px;
  color: #5383c3;
  width: 100%;
  text-align: center;
  position: absolute;
  top: 0;
}
.snow-lp.ski .card-wrap.on::before {
  content: "#リフト券付き";
}
.snow-lp.ski .card-wrap.off::before {
  content: "#リフト券&レンタルセット付き";
}
@media screen and (max-width:680px) {
  .snow-lp.ski .area-top .area-select {
    height: 400px;
  }
  .snow-lp.ski .area-top .area-select li {
    position: static;
  }
  .snow-lp.ski .area-top .area-select li + li {
    margin: 10px 0 0 0;
  }
  .snow-lp.ski .card-wrap.on::before, .snow-lp.ski .card-wrap.off::before {
    text-align: left;
  }
}