@charset "utf-8";


/* CMS Template(CSS編集はCMS管理画面から)

/lp/tourist/css/tourist.css

Update:  2026-10-09 PM 04:44

====================*/


/* ----------------------------------------------------
Media query All
---------------------------------------------------- */
/* common */
.kome.note{
	font-size: 1.2rem;
}
#tourist .column {
  max-width: 1400px;
  margin: 0 auto 40px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#tourist .column .text{
  text-align: left;
}
table.type01 {
  width: 100%;
  margin: 0 auto 25px auto;
  border-collapse: collapse;
}
table.type01 thead th {
  border-top: 2px solid #e9dbca;
}
table.type01 th, table.type01 td {
  padding: 4px 8px;
  text-align: left;
  border-bottom: 1px solid #e9dbca;
  font-size: 1.2rem;
}
table.type01 tbody th{
  font-weight: bold;
}
/* メインスライド */
#mainvis-top{
  margin-bottom: 80px;
}
#mainvis-top img {
  width: 100%;
  height: 800px;
  object-fit: cover;
}
#mainvis-top h1{
	position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  text-shadow: none;
}
#mainvis-top h1 span {
  font-size: 1.4rem;
  display: block;
  text-align: center;
}
/* resort-info */
#resort-info{
  max-width: 1300px;
  margin: 0 auto 60px;
}
#resort-info .slide p{
  margin-top: 12px;
}
/* star-gazing */
#star-gazing{
  margin-bottom: 80px;
}
#star-gazing .vis{
  height: 380px;
  position: relative;
  margin-bottom: 70px;
}
#star-gazing .vis h2{
  font-size:clamp(1.8rem, 2.5vw, 3.0rem);
  color: #FFFFFF;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.fallback #star-gazing .vis {
	background: url("/lp/tourist/img/bg_starry-sky_pc.jpg") no-repeat center center;
}
.webp #star-gazing .vis {
	background: url("/lp/tourist/img/bg_starry-sky_pc.webp") no-repeat center center;
}
.avif #star-gazing .vis {
	background: url("/lp/tourist/img/bg_starry-sky_pc.avif") no-repeat center center;
}
#star-gazing .column{
  max-width: 1400px;
  margin: 0 auto 0;
  padding: 0 8px 0;
}
#star-gazing .column .img{
  width: 48%;
}
#star-gazing .column .img img{
  border-radius: 8px;
}
#star-gazing .column .img p{
  margin-top: 12px;
}
#star-gazing .column .text{
  width: 47%;
}
#star-gazing .column .text p{
  margin-bottom: 20px;
}
#star-gazing h3{
  margin-bottom: 10px;
}
#star-gazing .btn a,#garden .text a{
  width: 90%;
  max-width: 350px;
  display: block !important;
  margin: 0 auto 0 0;
  padding:13px 0 13px 0;
  border:1px solid #000000;
  border-radius: 6px;
  text-align: center;
  color:#000000;
  text-decoration: none;
  cursor: pointer;
}
/* bn */
#bn{
  max-width: 1000px;
  margin: 0 auto 60px;
  display: flex;
  flex-wrap: wrap;
}
#bn .set{
  width: 47%;
  margin: 0 1.5% 0;
}
#bn img{
  border-radius: 8px;
}
/* garden */
#garden{
  margin-bottom: 80px;
}
#garden .vis{
  height: 380px;
  position: relative;
  margin-bottom: 70px;
}
#garden .vis h2{
  font-size:clamp(1.8rem, 2.5vw, 3.0rem);
  color: #FFFFFF;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.fallback #garden .vis {
	background: url("/lp/tourist/img/bg_garden_pc.jpg") no-repeat center center;
}
.webp #garden .vis {
	background: url("/lp/tourist/img/bg_garden_pc.webp") no-repeat center center;
}
.avif #garden .vis {
	background: url("/lp/tourist/img/bg_garden_pc.avif") no-repeat center center;
}
#garden .column{
  max-width: 936px;
  margin: 0 auto 0;
  padding: 0 8px 0;
}
#garden .text{
  max-width: 920px;
  margin: 0 auto 50px;
  text-align: left;
}
#garden .column .img{
  width: 45%;
}
#garden .column .text{
  width: 55%;
}
#garden .text h3{
  margin-bottom: 15px;
}
#garden .text p{
  margin-bottom: 20px;
}
/* others */
#others{
  margin-bottom: 80px;
}
#others .column{
  max-width: 1116px;
  margin: 0 auto 0;
  padding: 0 8px 0;
}
#others .column-movie .set{
  width: 47%;
  margin: 0 auto 50px;
  text-align: left;
}
#others .column-movie p{
  margin-top: 12px;
}
#others .column-movie .title{
  font-size: 1.8rem;
  font-weight: bold;
  margin: 0 0 12px 0;
}
#others .column02 .set{
  width: 30%;
}
#others .column02 .title{
  font-size: 1.6rem;
  font-weight: bold;
  margin: 12px 0 8px 0;
}
#others .column02 .set img{
  border-radius: 8px;
}
/* plan-others */
#plan-others{
	max-width: 1600px;
	margin: 0 auto 80px;
	padding: 0 10px;
}
#plan-others h2{
	position: relative;
}
#plan-others h2::before {
  position: absolute;content: "";
  top: -20px;left: 0; right: 0;
  margin: 0 auto;
  background:url("/asset/img/icon_pickup.png") no-repeat;
  width: 78px;height: 24px;
  background-size: 78px 24px;
}
#plan-others .wrapper{
	justify-content: center;
}
#plan-others .set{
	width: 31.6%;
}
#plan-others .set + .set{
	margin-left: 1.7%;
}
#plan-others .set img{
	margin-bottom: 18px;
}
#plan-others .set a{
	font-weight: bold;
	text-decoration: none;
}
/* All END */

/* ----------------------------------------------------
- 520px (Smartphone layout Only)
---------------------------------------------------- */
@media (max-width: 520px) {




/* - 520px (Smartphone layout Only) END */
}

/* ----------------------------------------------------
- 960px (Smartphone Tablet layout Only)
---------------------------------------------------- */
@media (max-width: 960px) {

  /* メインスライド */
#mainvis-top{
  margin-bottom: 60px;
}
#mainvis-top img {
  width: 100%;
  height: 550px;
  object-fit: cover;
}
#mainvis-top h1{
	text-shadow:none;
	white-space: nowrap;
}
#mainvis-top h1 span{
	font-size: 1.4rem;
  display: block;
  text-align: center;
}
/* introduction */
#introduction{
  text-align: left;
  padding: 0 8px;
}
#introduction h2{
  margin: 0 auto 12px 0;
  text-align: left;
}
/* resort-info */
#resort-info{
  margin: 0 auto 50px;
}
#resort-info .slide p{
  margin-top: 12px;
  padding: 0 8px;
  text-align: left;
}
/* star-gazing */
#star-gazing{
  margin-bottom: 60px;
}
#star-gazing .vis{
  height: 200px;
  position: relative;
  margin-bottom: 50px;
}
#star-gazing .vis h2{
  white-space: nowrap;
}
.fallback #star-gazing .vis {
	background: url("/lp/tourist/img/bg_starry-sky_pc.jpg") no-repeat left top;
}
.webp #star-gazing .vis {
	background: url("/lp/tourist/img/bg_starry-sky_pc.webp") no-repeat left top;
}
.avif #star-gazing .vis {
	background: url("/lp/tourist/img/bg_starry-sky_pc.avif") no-repeat left top;
}
#star-gazing .column .img{
  width: 100%;
}
#star-gazing .column .text{
  width: 100%;
}

/* bn */
#bn{
  max-width: 1000px;
  margin: 0 auto 40px;
}
#bn .set{
  width: 80%;
  margin: 0 auto 25px;
}
#bn img{
  border-radius: 8px;
}
/* garden */
#garden{
  margin-bottom: 0;
}
#garden .vis{
  height: 200px;
  position: relative;
  margin-bottom: 50px;
}
.fallback #garden .vis {
	background: url("/lp/tourist/img/bg_garden_pc.jpg") no-repeat center center;
}
.webp #garden .vis {
	background: url("/lp/tourist/img/bg_garden_pc.webp") no-repeat center center;
}
.avif #garden .vis {
	background: url("/lp/tourist/img/bg_garden_pc.avif") no-repeat center center;
}
#garden .text{
  margin: 0 auto 40px;
  padding: 0 8px;
  text-align: left;
}
#garden .column .img{
  width: 100%;
}
#garden .column .text{
  width: 100%;
}
/* others */
#others{
  margin-bottom: 60px;
}
#others .column-movie .set{
  width: 100%;
  margin: 0 auto 50px;
  text-align: left;
}
#others .column02 .set{
  width: 80%;
  margin: 0 auto 30px;
}
/* plan-others */
#plan-others{
	margin: 0 auto 50px;
	padding: 0 10px;
}
#plan-others h2::before {
  position: absolute;content: "";
  top: -35px;left: 0; right: 0;
  margin: 0 auto;
  background:url("/asset/img/icon_pickup.png") no-repeat;
  width: 78px;height: 24px;
  background-size: 78px 24px;
}
#plan-others .set{
	width: 100%;
	margin: 0 0  14px 0;
	padding: 12px 0 0 0;
	border-top:1px dotted #d0d0d0 ;
}
#plan-others .set a{
	display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#plan-others .set a > div{
	width: 50%;
}
#plan-others .set p{
	width: 47%;
	font-size: 1.4rem;
	line-height: 1.4;
}
#plan-others .set img{
	margin-bottom: 0;
}


/* - 960px (Smartphone Tablet layout Only) END*/
}

/* ----------------------------------------------------
961px- (Pc layout Only)
---------------------------------------------------- */
@media (min-width: 961px) {


/* 961px - END*/
}

/* ----------------------------------------------------
- 1200px (Pc layout Only コンテンツ内 基本幅)
---------------------------------------------------- */
@media (max-width: 1200px) {



/* - 1200px (Pc layout Only) END*/
}

/* ----------------------------------------------------
961px- 1250px (Pc layout Only)
---------------------------------------------------- */

@media (min-width: 961px) and (max-width: 1250px) {


/* 961px- 1250px END */
}

/* ----------------------------------------------------
- 1920px (Pc layout Only)
---------------------------------------------------- */
@media (max-width: 1920px) {


/* - 1920px - END*/
}

/* ----------------------------------------------------
1921px- (Pc layout Only Wide)
---------------------------------------------------- */
@media (min-width: 1921px) {


	.fallback #cart .vis{
		background: url("/activity-park/img/bg_cart.jpg") no-repeat center center;
		background-size: cover;
	}
	.webp #cart .vis{
		background: url("/activity-park/img/bg_cart.webp") no-repeat center center;
		background-size: cover;
	}
	.avif #cart .vis{
		background: url("/activity-park/img/bg_cart.avif") no-repeat center center;
		background-size: cover;
	}
/* 1921px - END*/
}