@charset "utf-8";

/**
 *
 *  ページ用CSS
 *　top 改定202506
 * 
 */

/*--------------------------------------------------------------------------
   Overwright
---------------------------------------------------------------------------*/
body.v-playing{
	overflow: hidden;
}
.scrolldownObj{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	z-index: 15;
	opacity: 1 !important;
	visibility: visible !important;
	display: none;
}
.scrolldownObj-inner {
    position: absolute;
    top: auto;
    left: 50%;
    bottom: 5%;
    width: 4px;
    height: 110px;
		opacity: 0;
		transition: 1s;
}
.ended .scrolldownObj-inner{
	/*opacity: 1;	*/
}
.scrolldownObj-inner::before {
	content: "";
	position: absolute;
	z-index: 17;
	top: 0;
	left: 0;
	width: 4px;
	height: 4px;
	border-radius: 100px;
	background: #fff;
	-webkit-animation: circlemove 2s ease-in-out infinite, cirlemovehide 2s ease-out infinite;
	animation: circlemove 2s ease-in-out infinite, cirlemovehide 2s ease-out infinite;
}
.scrolldownObj-inner::after {
	content: "";
	position: absolute;
	z-index: 16;
	top: 0;
	right: 1px;
	bottom: 0;
	left: 1px;
	background: #d3d3d3;
	border-radius: 100px;
}
.scrolldownObj::before,
.scrolldownObj::after{
	display: none;
}

/* mv
-----------------------------------------------------------------*/
.mv .mv-video-sp{
	position: relative;
	display: none;
  line-height: 0;
}
.mv .mv-video-pc{
	position: relative;
  line-height: 0;
}
.mv .mv-video-sp video,
.mv .mv-video-pc video{
	width: 100%;
	height: 100vh;
  object-position: top center;
	object-fit: cover;
	pointer-events: none;
  transition: .8s;
}
.mv.ended .mv-video-sp video,
.mv.ended .mv-video-pc video{
  opacity: 0;
}
.mv .mv-video-sp img,
.mv .mv-video-pc img{
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
 	width: 100%;
	height: 100vh;
  object-position: top center;
	object-fit: cover;
	pointer-events: none;  
}
.mv .mv-video-sp::after,
.mv .mv-video-pc::after{
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	content: "";
}
.mv1-video{
	position: relative;  
}
.mv1-video .caption{
  position: absolute;
  right: 20px;
  bottom: 15px;
  font-size: 1.2rem;
  color: #FFF;  
}
.mv1-video .skip{
	position: absolute;
	right: 20px;
	bottom: 50px;
	z-index: 22;
	padding: 10px 20px;
	border: 1px solid #FFF;
	background: rgba(0,0,0,.3);
	color: #FFF;
	font-size: 1.6rem;
	line-height: 1;
	cursor: pointer;
	display: none;
}
.mv__InWrap__Obj.mv1 {
    height: auto;
    overflow: visible;
}
.mv1-pic{
  position: relative;  
	height: 100vh;
}
/*.mv2{
  display: none;  
}*/

/* obi
-----------------------------------------------------------------*/
.obi{
  width: 100%;
  padding: 100px 0;
}
.obi ul{
	display: flex;
  justify-content: space-between;
	text-align: center;
}
.obi ul li{
	width: calc((100% - 40px) / 3);
	padding: 20px 0;
  background: #745F55;
}
.obi ul li:nth-child(n+2){
	/*border-left: 1px solid #FFF;*/	
}
.obi ul li a{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	color: #FFF;
	font-size: 2.2rem;
	line-height: 1.2;
	letter-spacing: .05em;
  font-family: "fot-tsukuaoldmin-pr6n", "游明朝体36ポかな M", "Yu Mincho 36p Kana M", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.obi ul li:nth-child(2) a{
	line-height: 1.4;
}
.obi ul li a span span{
  display: inline-block;
	font-size: 130%;
}
.obi ul li a span .num{
  transform: translateY(4px);
	font-size: 170%;
}
.obi ul li a span .brace{
	display: inline-block;
	margin-inline: -.3em;
}

/* information
-----------------------------------------------------------------*/
.info-intro{
  width: 100%;
  background: url(../img/top/bg_info_intro.jpg) no-repeat center center;
  background-size: cover;
}
.info-intro-bg{
	/*padding-bottom: 80px;*/
}
.atcArea{
  padding-top: 100px;  
}
.atcArea._reservation{
	padding: 0 0 100px;
}
.kodo-price a{
	border-bottom: 1px solid #745F55;
	transition: .3s;
}
.kodo-price a:hover{
	border-bottom-color: transparent;	
}

#information{
  width: 100%;
  padding-bottom: clamp(80px, 7.205vw, 120px);  
}





/*--------------------------------------------------------------------------
   mobile
---------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {

/* mv
-----------------------------------------------------------------*/
	.mv .mv-video-sp{
		display: block;
	}
	.mv .mv-video-pc{
		display: none;
	}
  .mv1-video .caption{
    right: 10px;
    bottom: 10px;
    font-size: 1.1rem; 
  }
  .mv1-video .skip{
    right: 10px;
    bottom: auto;
		top: 20px;  
  }

/* obi
-----------------------------------------------------------------*/
  .obi{
    padding: 50px 0; 
  }
	.obi ul{
		display: block;
	}
	.obi ul li{
		width: auto;
		padding: 0 20px;
	}
	.obi ul li:nth-child(n+2){
		border-left: none;
		border-top: 1px solid #FFF;	
	}
	.obi ul li a{
		display: block;
		height: auto;
		padding: 20px 0;
		font-size: 1.6rem;
	}

/* information
-----------------------------------------------------------------*/
  .info-intro-bg{
    /*padding-bottom: 60px;*/
  }
  .atcArea{
    padding-top: 50px;  
  }
  .atcArea._reservation {
    padding: 0 0 50px;
  }
	


	
}