@charset "UTF-8";
.d-n {
  display: none; }

.d-i {
  display: inline; }

.d-b {
  display: block; }

.d-ib {
  display: inline-block; }

.d-tb {
  display: table; }

.d-tbc {
  display: table-cell; }

.d-tbr {
  display: table-row; }

.d-f {
  display: flex; }

.d-if {
  display: inline-flex; }

.display-t {
  display: table;
  width: 100%; }

.t-layout-f {
  table-layout: fixed; }

.fxw-w {
  flex-wrap: wrap; }

.ta-c {
  text-align: center; }

.ta-l {
  text-align: left; }

.bold {
  font-weight: bold; }

.bold-500 {
  font-weight: 500; }

.jc-sb {
  justify-content: space-between; }

.ai-c {
  align-items: center; }

.f-1 {
  flex: 1; }

.va-t {
  vertical-align: top; }

.va-m {
  vertical-align: middle; }

.pos-a {
  position: absolute; }

.pos-r {
  position: relative; }

.pos-f {
  position: fixed; }

.sticky {
  position: sticky;
  z-index: 1000; }

.fl-l {
  float: left; }

.fl-r {
  float: right; }

.clear::after {
  content: "";
  display: block;
  clear: both; }

.ov-h {
  overflow: hidden; }

.m-0 {
  margin: 0px !important; }

.m-2 {
  margin: 2px !important; }

.m-4 {
  margin: 4px !important; }

.m-8 {
  margin: 8px !important; }

.m-10 {
  margin: 10px !important; }

.m-12 {
  margin: 12px !important; }

.m-16 {
  margin: 16px !important; }

.m-20 {
  margin: 20px !important; }

.m-24 {
  margin: 24px !important; }

.m-32 {
  margin: 32px !important; }

.m-40 {
  margin: 40px !important; }

.m-60 {
  margin: 60px !important; }

.m-80 {
  margin: 80px !important; }

.mt-0 {
  margin-top: 0px !important; }

.mt-2 {
  margin-top: 2px !important; }

.mt-4 {
  margin-top: 4px !important; }

.mt-8 {
  margin-top: 8px !important; }

.mt-10 {
  margin-top: 10px !important; }

.mt-12 {
  margin-top: 12px !important; }

.mt-16 {
  margin-top: 16px !important; }

.mt-20 {
  margin-top: 20px !important; }

.mt-24 {
  margin-top: 24px !important; }

.mt-32 {
  margin-top: 32px !important; }

.mt-40 {
  margin-top: 40px !important; }

.mt-60 {
  margin-top: 60px !important; }

.mt-80 {
  margin-top: 80px !important; }

.mr-0 {
  margin-right: 0px !important; }

.mr-2 {
  margin-right: 2px !important; }

.mr-4 {
  margin-right: 4px !important; }

.mr-8 {
  margin-right: 8px !important; }

.mr-10 {
  margin-right: 10px !important; }

.mr-12 {
  margin-right: 12px !important; }

.mr-16 {
  margin-right: 16px !important; }

.mr-20 {
  margin-right: 20px !important; }

.mr-24 {
  margin-right: 24px !important; }

.mr-32 {
  margin-right: 32px !important; }

.mr-40 {
  margin-right: 40px !important; }

.mr-60 {
  margin-right: 60px !important; }

.mr-80 {
  margin-right: 80px !important; }

.mb-0 {
  margin-bottom: 0px !important; }

.mb-2 {
  margin-bottom: 2px !important; }

.mb-4 {
  margin-bottom: 4px !important; }

.mb-8 {
  margin-bottom: 8px !important; }

.mb-10 {
  margin-bottom: 10px !important; }

.mb-12 {
  margin-bottom: 12px !important; }

.mb-16 {
  margin-bottom: 16px !important; }

.mb-20 {
  margin-bottom: 20px !important; }

.mb-24 {
  margin-bottom: 24px !important; }

.mb-32 {
  margin-bottom: 32px !important; }

.mb-40 {
  margin-bottom: 40px !important; }

.mb-60 {
  margin-bottom: 60px !important; }

.mb-80 {
  margin-bottom: 80px !important; }

.ml-0 {
  margin-left: 0px !important; }

.ml-2 {
  margin-left: 2px !important; }

.ml-4 {
  margin-left: 4px !important; }

.ml-8 {
  margin-left: 8px !important; }

.ml-10 {
  margin-left: 10px !important; }

.ml-12 {
  margin-left: 12px !important; }

.ml-16 {
  margin-left: 16px !important; }

.ml-20 {
  margin-left: 20px !important; }

.ml-24 {
  margin-left: 24px !important; }

.ml-32 {
  margin-left: 32px !important; }

.ml-40 {
  margin-left: 40px !important; }

.ml-60 {
  margin-left: 60px !important; }

.ml-80 {
  margin-left: 80px !important; }

.mlr-0 {
  margin-left: 0px !important;
  margin-right: 0px !important; }

.mlr-2 {
  margin-left: 2px !important;
  margin-right: 2px !important; }

.mlr-4 {
  margin-left: 4px !important;
  margin-right: 4px !important; }

.mlr-8 {
  margin-left: 8px !important;
  margin-right: 8px !important; }

.mlr-10 {
  margin-left: 10px !important;
  margin-right: 10px !important; }

.mlr-12 {
  margin-left: 12px !important;
  margin-right: 12px !important; }

.mlr-16 {
  margin-left: 16px !important;
  margin-right: 16px !important; }

.mlr-20 {
  margin-left: 20px !important;
  margin-right: 20px !important; }

.mlr-24 {
  margin-left: 24px !important;
  margin-right: 24px !important; }

.mlr-32 {
  margin-left: 32px !important;
  margin-right: 32px !important; }

.mlr-40 {
  margin-left: 40px !important;
  margin-right: 40px !important; }

.mlr-60 {
  margin-left: 60px !important;
  margin-right: 60px !important; }

.mlr-80 {
  margin-left: 80px !important;
  margin-right: 80px !important; }

.mtb-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important; }

.mtb-2 {
  margin-top: 2px !important;
  margin-bottom: 2px !important; }

.mtb-4 {
  margin-top: 4px !important;
  margin-bottom: 4px !important; }

.mtb-8 {
  margin-top: 8px !important;
  margin-bottom: 8px !important; }

.mtb-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important; }

.mtb-12 {
  margin-top: 12px !important;
  margin-bottom: 12px !important; }

.mtb-16 {
  margin-top: 16px !important;
  margin-bottom: 16px !important; }

.mtb-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important; }

.mtb-24 {
  margin-top: 24px !important;
  margin-bottom: 24px !important; }

.mtb-32 {
  margin-top: 32px !important;
  margin-bottom: 32px !important; }

.mtb-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important; }

.mtb-60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important; }

.mtb-80 {
  margin-top: 80px !important;
  margin-bottom: 80px !important; }

.ml-auto {
  margin-left: auto !important; }

.mr-auto {
  margin-right: auto !important; }

.p-0 {
  padding: 0px !important; }

.p-2 {
  padding: 2px !important; }

.p-4 {
  padding: 4px !important; }

.p-8 {
  padding: 8px !important; }

.p-10 {
  padding: 10px !important; }

.p-12 {
  padding: 12px !important; }

.p-16 {
  padding: 16px !important; }

.p-20 {
  padding: 20px !important; }

.p-24 {
  padding: 24px !important; }

.p-32 {
  padding: 32px !important; }

.p-40 {
  padding: 40px !important; }

.p-60 {
  padding: 60px !important; }

.p-80 {
  padding: 80px !important; }

.pt-0 {
  padding-top: 0px !important; }

.pt-2 {
  padding-top: 2px !important; }

.pt-4 {
  padding-top: 4px !important; }

.pt-8 {
  padding-top: 8px !important; }

.pt-10 {
  padding-top: 10px !important; }

.pt-12 {
  padding-top: 12px !important; }

.pt-16 {
  padding-top: 16px !important; }

.pt-20 {
  padding-top: 20px !important; }

.pt-24 {
  padding-top: 24px !important; }

.pt-32 {
  padding-top: 32px !important; }

.pt-40 {
  padding-top: 40px !important; }

.pt-60 {
  padding-top: 60px !important; }

.pt-80 {
  padding-top: 80px !important; }

.pr-0 {
  padding-right: 0px !important; }

.pr-2 {
  padding-right: 2px !important; }

.pr-4 {
  padding-right: 4px !important; }

.pr-8 {
  padding-right: 8px !important; }

.pr-10 {
  padding-right: 10px !important; }

.pr-12 {
  padding-right: 12px !important; }

.pr-16 {
  padding-right: 16px !important; }

.pr-20 {
  padding-right: 20px !important; }

.pr-24 {
  padding-right: 24px !important; }

.pr-32 {
  padding-right: 32px !important; }

.pr-40 {
  padding-right: 40px !important; }

.pr-60 {
  padding-right: 60px !important; }

.pr-80 {
  padding-right: 80px !important; }

.pb-0 {
  padding-bottom: 0px !important; }

.pb-2 {
  padding-bottom: 2px !important; }

.pb-4 {
  padding-bottom: 4px !important; }

.pb-8 {
  padding-bottom: 8px !important; }

.pb-10 {
  padding-bottom: 10px !important; }

.pb-12 {
  padding-bottom: 12px !important; }

.pb-16 {
  padding-bottom: 16px !important; }

.pb-20 {
  padding-bottom: 20px !important; }

.pb-24 {
  padding-bottom: 24px !important; }

.pb-32 {
  padding-bottom: 32px !important; }

.pb-40 {
  padding-bottom: 40px !important; }

.pb-60 {
  padding-bottom: 60px !important; }

.pb-80 {
  padding-bottom: 80px !important; }

.pl-0 {
  padding-left: 0px !important; }

.pl-2 {
  padding-left: 2px !important; }

.pl-4 {
  padding-left: 4px !important; }

.pl-8 {
  padding-left: 8px !important; }

.pl-10 {
  padding-left: 10px !important; }

.pl-12 {
  padding-left: 12px !important; }

.pl-16 {
  padding-left: 16px !important; }

.pl-20 {
  padding-left: 20px !important; }

.pl-24 {
  padding-left: 24px !important; }

.pl-32 {
  padding-left: 32px !important; }

.pl-40 {
  padding-left: 40px !important; }

.pl-60 {
  padding-left: 60px !important; }

.pl-80 {
  padding-left: 80px !important; }

.plr-0 {
  padding-left: 0px !important;
  padding-right: 0px !important; }

.plr-2 {
  padding-left: 2px !important;
  padding-right: 2px !important; }

.plr-4 {
  padding-left: 4px !important;
  padding-right: 4px !important; }

.plr-8 {
  padding-left: 8px !important;
  padding-right: 8px !important; }

.plr-10 {
  padding-left: 10px !important;
  padding-right: 10px !important; }

.plr-12 {
  padding-left: 12px !important;
  padding-right: 12px !important; }

.plr-16 {
  padding-left: 16px !important;
  padding-right: 16px !important; }

.plr-20 {
  padding-left: 20px !important;
  padding-right: 20px !important; }

.plr-24 {
  padding-left: 24px !important;
  padding-right: 24px !important; }

.plr-32 {
  padding-left: 32px !important;
  padding-right: 32px !important; }

.plr-40 {
  padding-left: 40px !important;
  padding-right: 40px !important; }

.plr-60 {
  padding-left: 60px !important;
  padding-right: 60px !important; }

.plr-80 {
  padding-left: 80px !important;
  padding-right: 80px !important; }

.ptb-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important; }

.ptb-2 {
  padding-top: 2px !important;
  padding-bottom: 2px !important; }

.ptb-4 {
  padding-top: 4px !important;
  padding-bottom: 4px !important; }

.ptb-8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important; }

.ptb-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important; }

.ptb-12 {
  padding-top: 12px !important;
  padding-bottom: 12px !important; }

.ptb-16 {
  padding-top: 16px !important;
  padding-bottom: 16px !important; }

.ptb-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important; }

.ptb-24 {
  padding-top: 24px !important;
  padding-bottom: 24px !important; }

.ptb-32 {
  padding-top: 32px !important;
  padding-bottom: 32px !important; }

.ptb-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important; }

.ptb-60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important; }

.ptb-80 {
  padding-top: 80px !important;
  padding-bottom: 80px !important; }

.w-10 {
  width: 10%; }

.w-15 {
  width: 15%; }

.w-19 {
  width: 19%; }
  @media (max-width: 768px) {
    .w-19 {
      width: 19%; } }
.w-20 {
  width: 20%; }
  @media (max-width: 768px) {
    .w-20 {
      width: 25%; } }


.w-25 {
  width: 25%; }

.w-30 {
  width: 30%; }
  @media (max-width: 768px) {
    .w-30 {
      width: 25%; } }

.w-35 {
  width: 35%; }

.w-37 {
  width: 37%; }
  @media (max-width: 768px) {
    .w-37 {
      width: 37%; } }

.w-40 {
  width: 40%; }
  @media (max-width: 768px) {
    .w-40 {
      width: 35%; } }

.w-44 {
  width: 44%; }
  @media (max-width: 768px) {
    .w-44 {
      width: 44%; } }

.w-45 {
  width: 45%; }

.w-50 {
  width: 50%; }

.w-55 {
  width: 55%; }

.w-60 {
  width: 60%; }

.w-65 {
  width: 65%; }

.w-70 {
  width: 70%; }

.w-80 {
  width: 80%; }

.w-88 {
  width: 88px; }

.w-150 {
  width: 150px; }

.w-15per {
  width: 15%; }

.w-20per {
  width: 20%; }

.w-25per {
  width: 25%; }

.w-30per {
  width: 30%; }

.w-40per {
  width: 40%; }

.w-45per {
  width: 45%; }

.w-50per {
  width: 50%; }

.w-60per {
  width: 60%; }

.w-65per {
  width: 65%; }

.w-70per {
  width: 70%; }

.w-80per {
  width: 80%; }

.w-85per {
  width: 85%; }

.w-90per {
  width: 90%; }

.w-95per {
  width: 95%; }

.w-100per {
  width: 100%; }

.mw-100per {
  max-width: 100%; }

.op-0per {
  opacity: 0; }

.op-10per {
  opacity: 0.1; }

.op-20per {
  opacity: 0.2; }

.op-40per {
  opacity: 0.4; }

.op-50per {
  opacity: 0.5; }

.op-60per {
  opacity: 0.6; }

.op-80per {
  opacity: 0.8; }

.op-100per {
  opacity: 1; }

.bd-n {
  border: none; }

.bdrs-4 {
  border-radius: 4px; }

.bdrs-50per {
  border-radius: 50%; }

.bdrs-12 {
  border-radius: 12px; }

.bd-rs-48 {
  border-radius: 48px; }

.border-r-circle {
  border-radius: 100px; }

.list-style-position-i {
  list-style-position: inside; }

.pl1em-ti1em {
  padding-left: 1em;
  text-indent: -1em; }

.v-align-middle {
  vertical-align: middle; }

.z-idx-0 {
  z-index: 0; }

.z-idx-1 {
  z-index: 1; }

.z-idx-2 {
  z-index: 2; }

.z-idx-3 {
  z-index: 3; }

.z-idx-4 {
  z-index: 4; }

.z-idx-5 {
  z-index: 5; }

.z-idx-10 {
  z-index: 10; }

.z-idx-20 {
  z-index: 20; }

.z-idx-30 {
  z-index: 30; }

.z-idx-50 {
  z-index: 50; }

.z-idx-100 {
  z-index: 100; }

.z-idx-9999 {
  z-index: 9999; }

.touch-action-m {
  touch-action: manipulation; }

.scale-tr-72 {
  font-size: 1.6rem;
  line-height: 1;
  transform-origin: top right;
  transform: scale(0.72); }

.cur-p {
  cursor: pointer; }
  .cur-p:hover {
    opacity: .8; }

.cur-d {
  cursor: default; }

.color-white {
  color: #fff; }

.color-blue {
  color: #1D90B5; }

.color-light-blue {
  color: #F4FCFF; }

.color-fog-blue {
  color: #D8ECF4; }

.color-purple {
  color: #9891E5; }

.color-light-purple {
  color: #E0DEF7; }

.color-orange {
  color: #F3A228; }

.color-red {
  color: #CD1B1B; }

.color-gray-6 {
  color: #666666; }

body {
  color: #333;
  font-family: 'Noto Sans JP', sans-serif; }

.container {
  width: 1000px;
  margin: 0 auto; }
  @media (max-width: 1024px) {
    .container {
      width: 100%;
      padding: 0 8px; } }

a {
  text-decoration: none; }

h2 {
  color: #1D90B5;
  font-size: 24px;
  letter-spacing: 1px; }
  @media (max-width: 768px) {
    h2 {
      font-size: 18px; } }

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* 推奨サイズ */
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;
  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;
  /* IEサポート */
  font-feature-settings: 'liga'; }

.only-pc {
  display: block; }
  @media (max-width: 768px) {
    .only-pc {
      display: none; } }

.only-sp {
  display: none; }
  @media (max-width: 768px) {
    .only-sp {
      display: block; } }

.wrap {
  overflow: hidden; }

.supersale_section {
  padding: 20px 0; }
  @media (max-width: 768px) {
    .supersale_section {
      padding: 20px 0; } }

.anchor-list ul {
  width: 900px;
  margin: 30px auto 0;
  display: flex;
  position: static;
  justify-content: center;
}

.anchor-list ul.fixed {
  position: fixed;
  top: 75px; /* ヘッダー分の高さに合わせて調整 */
  left: 50%;
  transform: translateX(-50%);
  width: 900px; /* 固定時も同じ幅を確保 */
  z-index: 100;
}
  @media (max-width: 768px) {
    .anchor-list ul {
      width: 100%; } }
  .anchor-list ul li {
    position: relative;
    margin: 0 20px 12px 20px;
	width: 200px;
	text-align: center;}
    @media (max-width: 768px) {
      .anchor-list ul li {
        margin: 0 5px 4px 5px;
		width: 90px;} }
    .anchor-list ul li a {
      display: block;
      padding: 15px 10px 20px;
      border: 1px solid #1D90B5;
      background: #F4FCFF;
      color: #1D90B5;
      font-size: 16px; }
      @media (max-width: 768px) {
        .anchor-list ul li a {
          font-size: 14px;
          padding: 12px 10px 20px; } }
      .anchor-list ul li a:after {
        position: absolute;
        bottom: 4px;
        right: 0;
        left: 0;
        margin: auto;
        width: 18px;
        height: 18px;
        color: #a9c8d4;
        font-family: 'Material Icons';
        font-size: 18px;
        content: url(../img/svg/expand_more.svg); }

.supersale_mv img {
  width: 100%;
  height: 500px;
  margin-top: 68px;
  object-fit: cover;
  object-position: 0 100%; }
  @media (max-width: 768px) {
    .supersale_mv img {
      height: auto;
      object-position: 0; } }

.supersale-txt {
  background: #f5f5f5; }
  @media (max-width: 768px) {
    .supersale-txt .container {
      width: 90%;
      margin: 0 auto; } }
  .supersale-txt p {
    text-align: center;
    font-weight: bold;
    line-height: 1.5; }
    .supersale-txt p .color-green {
      color: #44BF5F; }
    @media (max-width: 768px) {
      .supersale-txt p {
        text-align: left;
        font-size: 14px;
        line-height: 1.6; } }
  .supersale-txt p + p {
    margin-top: 20px; }

.list-wrapper {
  background: #D8ECF4; }
  .list-wrapper .list {
    position: relative;
    padding: 40px;
    background: #fff; }
    @media (max-width: 768px) {
      .list-wrapper .list {
        padding: 32px 8px 8px; } }
    .list-wrapper .list:before {
      content: "";
      position: absolute;
      display: inline-block;
      top: 8px;
      left: 8px;
      width: 63px;
      height: 60px;
      margin: auto;
      background-image: url("../img/triangle.svg");
      background-size: cover; }
      @media (max-width: 768px) {
        .list-wrapper .list:before {
          width: 26px;
          height: 24px; } }

	 /*.anchor-offset {
	  scroll-margin-top: 100px; 上から50px空けてスクロール 
	}*/


    .list-wrapper .list .gelande-ttl img {
      display: block;
      margin: 8px auto 50px; }
      @media (max-width: 768px) {
        .list-wrapper .list .gelande-ttl img {
          margin: 8px auto 30px; } }
    .list-wrapper .list h3 {
      padding: 20px 0;
      font-size: 20px; }
      @media (max-width: 768px) {
        .list-wrapper .list h3 {
          padding: 14px 0;
          font-size: 16px; } }
    .list-wrapper .list .price {
      font-size: 24px; }
      .list-wrapper .list .price span {
        font-size: 14px; }
    .list-wrapper .list a.reserve-btn {
      position: relative;
      width: 24%;
      padding: 20px 20px;
      color: white;
      font-size: 16px;
      background: #F3A228; }
    .list-wrapper .list a.reserve-btn.green{
      background: #58c464; }
      .list-wrapper .list a.reserve-btn img {
        width: 24px;
        margin-top: -4px;
        vertical-align: middle; }
        @media (max-width: 768px) {
          .list-wrapper .list a.reserve-btn img {
            width: 22px; } }
      .list-wrapper .list a.reserve-btn:after {
        position: absolute;
        display: inline-block;
        right: 12px;
        width: 24px;
        height: 24px;
        font-family: 'Material Icons';
        font-size: 24px;
        background-image: url(../img/svg/chevron_right.svg);
        background-size: contain;
        content: ""; }
      @media (max-width: 768px) {
        .list-wrapper .list a.reserve-btn {
          padding: 18px 8px;
          font-size: 14px; } }
    .list-wrapper .list .basic-info {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      @media (max-width: 1020px) {
        .list-wrapper .list .basic-info {
          display: block; } }
      .list-wrapper .list .basic-info ul {
        width: 49%; }
        @media (max-width: 1020px) {
          .list-wrapper .list .basic-info ul {
            margin-top: 20px;
            width: 100%; } }
        .list-wrapper .list .basic-info ul li {
          display: flex;
          margin-bottom: 12px;
          font-weight: 500;
          vertical-align: middle;
          align-items: start; }
          @media (max-width: 768px) {
            .list-wrapper .list .basic-info ul li {
              margin-bottom: 8px;
              font-size: 14px; } }
          .list-wrapper .list .basic-info ul li img {
            width: 22px; }
            @media (max-width: 1020px) {
              .list-wrapper .list .basic-info ul li img {
                width: 18px; } }
    .list-wrapper .list .gelande-slick {
      width: 48%; }
      @media (max-width: 1020px) {
        .list-wrapper .list .gelande-slick {
          width: 100%; } }
      .list-wrapper .list .gelande-slick .slick-slide {
        height: auto; }
    .list-wrapper .list .gelande-detail {
      border: 2px solid #1D90B5; }
      .list-wrapper .list .gelande-detail .acd-check {
        display: none; }
      .list-wrapper .list .gelande-detail .acd-label {
        color: #1D90B5;
        display: block;
        margin-bottom: 1px;
        padding: 18px;
        position: relative; }
        .list-wrapper .list .gelande-detail .acd-label:after {
          box-sizing: border-box;
          content: url(../img/svg/add.svg);
          display: block;
          font-family: 'Material Icons';
          padding: 18px 20px;
          position: absolute;
          right: 0;
          top: 0px;
          font-size: 24px; }
      .list-wrapper .list .gelande-detail .acd-content {
        display: flex;
        height: 0;
        opacity: 0;
        transition: .5s;
        visibility: hidden;
        justify-content: space-around;
        align-items: center; }
        @media (max-width: 768px) {
          .list-wrapper .list .gelande-detail .acd-content {
            display: block; } }
      .list-wrapper .list .gelande-detail .acd-check:checked + .acd-label:after {
        content: url(../img/svg/remove.svg); }
      .list-wrapper .list .gelande-detail .acd-check:checked + .acd-label + .acd-content {
        margin: 10px 0 20px;
        height: auto;
        opacity: 1;
        visibility: visible; }
        @media (max-width: 768px) {
          .list-wrapper .list .gelande-detail .acd-check:checked + .acd-label + .acd-content {
            margin: 10px 8px 20px; } }
      .list-wrapper .list .gelande-detail .detail-table {
        padding: 28px 0;
        background: #f5f5f5; }
        .list-wrapper .list .gelande-detail .detail-table ul {
          width: 280px; }
          .list-wrapper .list .gelande-detail .detail-table ul li {
            display: inline-block;
            color: #666666;
            line-height: 3; }
            .list-wrapper .list .gelande-detail .detail-table ul li:nth-of-type(odd) {
              margin-right: 20px; }
            @media (max-width: 768px) {
              .list-wrapper .list .gelande-detail .detail-table ul li {
                display: inline-block;
                font-size: 14px; } }
            .list-wrapper .list .gelande-detail .detail-table ul li span {
              color: #333; }
      .list-wrapper .list .gelande-detail .detail-table {
        width: 40%; }
        @media (max-width: 768px) {
          .list-wrapper .list .gelande-detail .detail-table {
            width: 100%;
            margin-bottom: 20px; }
            .list-wrapper .list .gelande-detail .detail-table > .ta-c {
              width: 260px;
              margin: 0 auto;
              display: block; } }
      .list-wrapper .list .gelande-detail .percentage {
        width: 50%; }
        @media (max-width: 768px) {
          .list-wrapper .list .gelande-detail .percentage {
            width: 100%; } }
      .list-wrapper .list .gelande-detail .percentage .graph * {
        padding: 8px;
        color: #fff; }
        @media (max-width: 768px) {
          .list-wrapper .list .gelande-detail .percentage .graph * {
            font-size: 14px; } }
      .list-wrapper .list .gelande-detail .percentage .graph .beginner {
        background: #96C3EC; }
      .list-wrapper .list .gelande-detail .percentage .graph .intermediater {
        background: #55A3EB; }
      .list-wrapper .list .gelande-detail .percentage .graph .higher {
        background: #2568A7; }
      .list-wrapper .list .gelande-detail .percentage .graph .board {
        background: #1D90B5; }
      .list-wrapper .list .gelande-detail .percentage .graph .ski {
        background: #9891E5; }
      .list-wrapper .list .gelande-detail .percentage .revel {
        margin-bottom: 20px; }
    .list-wrapper .list .day-plan {
      margin-bottom: 40px;
      border: 1px solid #E0DEF7; }
      .list-wrapper .list .day-plan h3 {
        background: #E0DEF7; }
      .list-wrapper .list .day-plan img {
        width: 300px; }
        @media (max-width: 768px) {
          .list-wrapper .list .day-plan img {
            width: 100%; } }
      .list-wrapper .list .day-plan .day-plan-inner {
        padding: 20px 40px; }
        @media (max-width: 768px) {
          .list-wrapper .list .day-plan .day-plan-inner {
            padding: 20px 8px; } }
        .list-wrapper .list .day-plan .day-plan-inner .day-plan-detail {
          width: 100%;
          margin-left: 20px; }
          @media (max-width: 768px) {
            .list-wrapper .list .day-plan .day-plan-inner .day-plan-detail {
              width: 48%;
              margin-left: 8px; } }
          .list-wrapper .list .day-plan .day-plan-inner .day-plan-detail .day-plan-icon p {
            font-size: 12px; }
            .list-wrapper .list .day-plan .day-plan-inner .day-plan-detail .day-plan-icon p i {
              font-size: 16px; }
          .list-wrapper .list .day-plan .day-plan-inner .day-plan-detail .point-text {
            font-size: 12px; }
        .list-wrapper .list .day-plan .day-plan-inner a.reserve-btn {
          width: 100%; }
        .list-wrapper .list .day-plan .day-plan-inner .point-text {
          font-size: 12px; }
      @media (max-width: 768px) {
        .list-wrapper .list .day-plan .inn-img {
          width: 48%; }
        .list-wrapper .list .day-plan .day-plan-ttl {
          margin-bottom: 4px;
          font-size: 14px; } }
    .list-wrapper .list .hotel-plan {
      border: 1px solid #A5D3E1; }
      .list-wrapper .list .hotel-plan h3 {
        background: #D8ECF4; }
      .list-wrapper .list .hotel-plan .hotel-plan-inner {
        padding: 30px 40px; }
        @media (max-width: 768px) {
          .list-wrapper .list .hotel-plan .hotel-plan-inner {
            padding: 20px 8px; } }
        .list-wrapper .list .hotel-plan .hotel-plan-inner h4 {
          font-size: 20px; }
          @media (max-width: 768px) {
            .list-wrapper .list .hotel-plan .hotel-plan-inner h4 {
              font-size: 18px; } }
        .list-wrapper .list .hotel-plan .hotel-plan-inner .access {
          color: #666666;
          font-size: 14px;
          letter-spacing: 1px; }
          @media (max-width: 768px) {
            .list-wrapper .list .hotel-plan .hotel-plan-inner .access {
              font-size: 14px; } }
          .list-wrapper .list .hotel-plan .hotel-plan-inner .access span {
            font-size: 16px; }
        .list-wrapper .list .hotel-plan .hotel-plan-inner .hotel-plan-info {
          display: flex;
          justify-content: space-between;
          align-items: center; }
          @media (max-width: 768px) {
            .list-wrapper .list .hotel-plan .hotel-plan-inner .hotel-plan-info {
              display: block; } }
          .list-wrapper .list .hotel-plan .hotel-plan-inner .hotel-plan-info .hotel-plan-txt {
            margin-bottom: 40px;
            font-size: 16px; }
            @media (max-width: 768px) {
              .list-wrapper .list .hotel-plan .hotel-plan-inner .hotel-plan-info .hotel-plan-txt {
                margin: 12px 0;
                font-size: 14px; } }
          .list-wrapper .list .hotel-plan .hotel-plan-inner .hotel-plan-info .access {
            float: right;
            color: #666666; }
            .list-wrapper .list .hotel-plan .hotel-plan-inner .hotel-plan-info .access span {
              font-size: 16px; }
          .list-wrapper .list .hotel-plan .hotel-plan-inner .hotel-plan-info .access.access-left {
            float: none; }
          .list-wrapper .list .hotel-plan .hotel-plan-inner .hotel-plan-info .hotel-icon li + li {
            margin-left: 8px; }
          .list-wrapper .list .hotel-plan .hotel-plan-inner .hotel-plan-info .hotel-icon li img {
            width: 40px; }
          .list-wrapper .list .hotel-plan .hotel-plan-inner .hotel-plan-info .hotel-ttl {
            margin-bottom: 10px; }
          .list-wrapper .list .hotel-plan .hotel-plan-inner .hotel-plan-info .price {
            margin-top: 100px;
            text-align: right;
            letter-spacing: 1px; }
            @media (max-width: 768px) {
              .list-wrapper .list .hotel-plan .hotel-plan-inner .hotel-plan-info .price {
                margin-top: 20px;
                text-align: center; } }
          .list-wrapper .list .hotel-plan .hotel-plan-inner .hotel-plan-info .inn-area {
            width: 49%; }
            @media (max-width: 768px) {
              .list-wrapper .list .hotel-plan .hotel-plan-inner .hotel-plan-info .inn-area {
                width: 100%; } }
          .list-wrapper .list .hotel-plan .hotel-plan-inner .hotel-plan-info .hotel-plan-detail {
            width: 49%; }
            @media (max-width: 768px) {
              .list-wrapper .list .hotel-plan .hotel-plan-inner .hotel-plan-info .hotel-plan-detail {
                width: 100%; } }
        .list-wrapper .list .hotel-plan .hotel-plan-inner .hotel-tour-btn {
          display: flex;
          margin-top: 24px;
          justify-content: space-between; }
        .list-wrapper .list .hotel-plan .hotel-plan-inner .column-1 a.reserve-btn {
          width: 100%; }
        .list-wrapper .list .hotel-plan .hotel-plan-inner .column-2 a.reserve-btn {
          width: 49%; }
        .list-wrapper .list .hotel-plan .hotel-plan-inner .column-3 a.reserve-btn {
          width: 33%; }
          @media (max-width: 768px) {
            .list-wrapper .list .hotel-plan .hotel-plan-inner .column-3 a.reserve-btn {
              width: 32%;
              padding: 18px 0 18px 8px;
              font-size: 13px; }
              .list-wrapper .list .hotel-plan .hotel-plan-inner .column-3 a.reserve-btn:after {
                right: 4px;
                width: 16px;
                height: 16px;
                top: 50%;
                transform: translateY(-50%); }
              .list-wrapper .list .hotel-plan .hotel-plan-inner .column-3 a.reserve-btn img {
                display: inline-block;
                margin-right: 2px !important;
                width: 16px; } }
        @media (max-width: 768px) {
          .list-wrapper .list .hotel-plan .hotel-plan-inner .hotel-tour-btn {
            /*display: block;*/
            margin-top: 4px;
			flex-wrap: wrap;}
          .list-wrapper .list .hotel-plan .hotel-plan-inner a.reserve-btn,
          .list-wrapper .list .hotel-plan .hotel-plan-inner .hotel-tour-btn.column-2 a.reserve-btn {
            width: 49%; }
          .list-wrapper .list .hotel-plan .hotel-plan-inner .hotel-tour-btn.column-4 a.reserve-btn{
            /*width: 24%;*/
			width: calc(50% - 5px);
        	margin: 5px 0; } }
        .list-wrapper .list .hotel-plan .hotel-plan-inner + .hotel-plan-inner {
          border-top: 1px dotted #ccc; }
  .list-wrapper .list ~ .list {
    margin-top: 60px; }
    @media (max-width: 768px) {
      .list-wrapper .list ~ .list {
        margin-top: 30px; } }
  .list-wrapper .slick-prev {
    left: 5px;
    z-index: 1; }
  .list-wrapper .slick-next {
    right: 5px; }
  .list-wrapper .slick-slide img {
    width: 100%; }
  .list-wrapper .gelande-slick .slick-slide img {
    height: 273px; }
    @media (max-width: 768px) {
      .list-wrapper .gelande-slick .slick-slide img {
        height: auto; } }
  .list-wrapper .slick-prev, .list-wrapper .slick-next {
    width: 35px;
    height: 35px; }
  .list-wrapper .slick-prev:before {
    font-family: 'Material Icons';
    font-size: 36px;
    filter: drop-shadow(3px 3px 12px black);
    content: url(../img/svg/chevron_left.svg); }
  .list-wrapper .slick-next:before {
    font-family: 'Material Icons';
    font-size: 36px;
    filter: drop-shadow(3px 3px 12px black);
    content: url(../img/svg/chevron_right.svg); }
  .list-wrapper .inn-img-slider-nav {
    margin-top: 3px; }
    .list-wrapper .inn-img-slider-nav .inn-img:nth-of-type(1) {
      padding-right: 3px; }
    .list-wrapper .inn-img-slider-nav .inn-img:nth-of-type(3) {
      padding-left: 3px; }
  @media (max-width: 768px) {
    .list-wrapper .slick-slide {
      height: auto; } }

.recommend ul {
  margin: 30px 0 0 0; }
  .recommend ul li {
    height: auto;
    margin: 0 20px; }
    @media (max-width: 768px) {
      .recommend ul li {
        margin: 0 30px; } }
    .recommend ul li h5 {
      font-size: 16px; }
    .recommend ul li .recommend-text {
      min-height: 150px;
      background: #F5F5F5; }
      .recommend ul li .recommend-text p {
        color: #333;
        font-size: 14px; }
  .recommend ul .slick-prev {
    left: -50px;
    width: auto;
    height: auto; }
    .recommend ul .slick-prev:before {
      color: #1D90B5;
      font-family: 'Material Icons';
      font-size: 40px;
      content: url(../img/svg/chevron_left-fog-blue.svg); }
    @media (max-width: 768px) {
      .recommend ul .slick-prev {
        left: -20px; } }
  .recommend ul .slick-next {
    right: -50px;
    width: auto;
    height: auto; }
    .recommend ul .slick-next:before {
      color: #1D90B5;
      font-family: 'Material Icons';
      font-size: 40px;
      content: url(../img/svg/chevron_right-fog-blue.svg); }
    @media (max-width: 768px) {
      .recommend ul .slick-next {
        right: -20px; } }
  .recommend ul .slick-list li a {
    display: block; }
    .recommend ul .slick-list li a img {
      width: 100%; }

.textarea {
  background: #E9F8EC; }
  .textarea .text-box {
    width: 550px;
    background: #fff; }
    @media (max-width: 768px) {
      .textarea .text-box {
        width: 100%; } }
    .textarea .text-box h5 {
      font-size: 20px;
      color: #1D90B5; }
      @media (max-width: 768px) {
        .textarea .text-box h5 {
          font-size: 16px; } }
    .textarea .text-box p {
      font-size: 16;
      line-height: 1.8; }
  .textarea .textarea-section {
    display: flex;
    align-items: end; }
    @media (max-width: 768px) {
      .textarea .textarea-section {
        display: block; } }
  .textarea .textarea-section + .textarea-section {
    margin-top: 50px; }
  .textarea img {
    width: 500px;
    z-index: 1; }
    @media (max-width: 1024px) {
      .textarea img {
        width: 40%; } }
    @media (max-width: 768px) {
      .textarea img {
        width: 100%; } }
  .textarea .only-pc .textarea-section-1 .text-box {
    padding: 60px 40px 60px 65px;
    margin: 110px 0 0 -40px; }
    @media (max-width: 768px) {
      .textarea .only-pc .textarea-section-1 .text-box {
        padding: 20px;
        margin: 0; } }
  .textarea .only-pc .textarea-section-2 .text-box {
    padding: 60px 65px 60px 40px;
    margin: 110px -40px 0 0; }
  @media (max-width: 768px) {
    .textarea .only-sp .textarea-section-1 img {
      display: block;
      width: 90%; }
    .textarea .only-sp .textarea-section-1 .text-box {
      display: block;
      width: 90%;
      margin: -15px 0 0 auto;
      padding: 30px 20px 20px; }
      .textarea .only-sp .textarea-section-1 .text-box p {
        font-size: 14px; }
    .textarea .only-sp .textarea-section-2 img {
      display: block;
      width: 90%;
      margin-left: auto; }
    .textarea .only-sp .textarea-section-2 .text-box {
      display: block;
      width: 90%;
      margin-top: -15px;
      padding: 30px 20px 20px; }
      .textarea .only-sp .textarea-section-2 .text-box p {
        font-size: 14px; } }

.supersale_faq {
  margin-bottom: 60px; }
  .supersale_faq .container {
    max-width: 840px;
    margin-top: 30px; }
    .supersale_faq .container .faq-detail {
      background: #E8F4F8; }
      .supersale_faq .container .faq-detail .faq-check {
        display: none; }
      .supersale_faq .container .faq-detail .supersale_faq-label {
        color: #1D90B5;
        display: block;
        margin-bottom: 1px;
        padding: 18px;
        position: relative;
        text-align: left; }
        .supersale_faq .container .faq-detail .supersale_faq-label:after {
          box-sizing: border-box;
          content: url(../img/svg/add.svg);
          display: block;
          font-family: 'Material Icons';
          padding: 18px 20px;
          position: absolute;
          right: 0;
          top: 50%;
          transform: translateY(-50%); }
        @media (max-width: 768px) {
          .supersale_faq .container .faq-detail .supersale_faq-label {
            padding: 18px 50px 18px 18px;
            font-size: 14px; } }
      .supersale_faq .container .faq-detail .supersale_faq-content {
        display: flex;
        height: 0;
        opacity: 0;
        transition: .5s;
        visibility: hidden;
        justify-content: space-around;
        align-items: center; }
        .supersale_faq .container .faq-detail .supersale_faq-content p {
          margin: 0 20px 20px;
          padding: 20px;
          background: #fff;
          font-size: 14px;
          line-height: 1.8; }
      .supersale_faq .container .faq-detail .faq-check:checked + .supersale_faq-label:after {
        content: url(../img/svg/remove.svg); }
      .supersale_faq .container .faq-detail .faq-check:checked + .supersale_faq-label + .supersale_faq-content {
        margin: 10px 0 20px;
        height: auto;
        opacity: 1;
        visibility: visible; }
    .supersale_faq .container .faq-detail + .faq-detail {
      margin-top: 8px; }

footer {
  background: #333; }
  footer p {
    color: #fff;
    font-size: 12px;
    text-align: center; }
