@charset 'utf-8';


.clear {
	clear: both;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;  
	overflow:hidden;
	font-size:0.1em;
	line-height:0;
}

.c-container {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
  padding: 0 15px;
}

@media (min-width: 1024px) {
  .l-header-logo,
  .l-header-logo a { font-size: 3.2rem; }
}


/**
 * ユーティリティー
 */

.u-fs-10 { font-size: 10px !important; }
.u-fw-b, .bold { font-weight: 700 !important; }
.u-ta-r, .tright, .t-right { text-align: right !important; }
.u-ta-l, .tleft, .t-left { text-align: left !important; }
.u-ta-c, .tcenter, .t-center { text-align: center !important; }

.u-lh-1 { line-height: 1 !important; }
.u-lh-xs { line-height: 1.2 !important; }
.u-lh-sm { line-height: 1.4 !important; }
.u-lh-md { line-height: 1.8 !important; }
.u-lh-lg { line-height: 2.0 !important; }
.u-lh-xl { line-height: 2.2 !important; }

.u-d-n,
.u-d-n-xs { display: none !important; }

.u-d-i,
.u-d-i-xs { display: inline !important; }

.u-d-b,
.u-d-b-xs { display: block !important; }

.u-mt-xs, .s-mt1em { margin-top: 1em !important; }
.u-mb-sm, .u-mb1em { margin-bottom: 1em !important; }
.u-mb-md, .u-mb15em { margin-bottom: 1.5em !important; }
.u-mb-lg, .u-mb2em { margin-bottom: 2.0em !important; }
.u-mb-xl, .u-mb3em { margin-bottom: 3.0em !important; }
.u-mb15 { margin-bottom: 15px !important; }
.u-mb20 { margin-bottom: 20px !important; }
.u-mb30 { margin-bottom: 30px !important; }
.u-mb40 { margin-bottom: 40px !important; }
.u-mb50 { margin-bottom: 50px !important; }

@media (min-width: 544px) {
  .u-d-n-sm { display: none !important; }
  .u-d-i-sm { display: inline !important; }
  .u-d-b-sm { display: block !important; }
}

@media (min-width: 768px) {
  .u-d-n-md { display: none !important; }
  .u-d-i-md { display: inline !important; }
  .u-d-b-md { display: block !important; }
}

@media (min-width: 992px) {
  .u-d-n-lg { display: none !important; }
  .u-d-i-lg { display: inline !important; }
  .u-d-b-lg { display: block !important; }
}

@media (min-width: 1200px) {
  .u-d-n-xl { display: none !important; }
  .u-d-i-xl { display: inline !important; }
  .u-d-b-xl { display: block !important; }
}


.swiper{
	max-width: 800px;
	width: 80%;
}
.movie-content{
	max-width: 800px;
	width: 80%;
	margin: 0 auto;
	text-align: center;
}


#global-navi li a.menu-pavilion {
	display: block;
	width: 338px;
	height: 45px;
}
#global-navi li a.menu-pavilion:hover {
	display: block;
	width: 338px;
	height: 45px;
}
#global-navi li a.menu-pavilionStay {
	display: block;
	width: 338px;
	height: 45px;
}
#global-navi li a.menu-session {
	display: block;
	width: 354px;
	height: 45px;
}
#global-navi li a.menu-session:hover {
	display: block;
	width: 354px;
	height: 45px;
}
#global-navi li a.menu-sessionStay {
	display: block;
	width: 354px;
	height: 45px;
}
#global-navi li a.menu-entirety {
	display: block;
	width: 288px;
	height: 45px;
}
#global-navi li a.menu-entirety:hover {
	display: block;
	width: 288px;
	height: 45px;
}
#global-navi li a.menu-entiretyStay {
	display: block;
	width: 288px;
	height: 45px;
}
/* pulldown menu  */
#global-navi ul ul {
	display: none;
	position: absolute;
	z-index: 10;
}
 
#global-navi li li {
	clear: left;
	position: relative;
	width: 300px;
	background: #f7f7f7;
	border-bottom: 1px solid #cccccc;
	text-align: left;
	display: block;
}

#global-navi li li.nolink {
	clear: left;
	position: relative;
	width: 290px;
	background: #f7f7f7;
	border-bottom: 1px solid #cccccc;
	text-align: left;
	display: block;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
}
 
#global-navi li li a{
	clear: left;
	position: relative;
	width: 290px;
	display: block;
	text-decoration: none;
	color: #000;
	padding: 6px;
}
 
#global-navi li li a:hover{
	clear: left;
	position: relative;
	width: 100%;
	display: block;
	text-decoration: none;
	color: #039;
	background-color: #BFDFFF;
	padding: 6px;
}

#global-navi ul li:hover > ul {
  display: block;

}

.effectX {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    position: relative;
}
.effectX:before, .effect6:after {
    border-radius: 100px 100px 100px 100px / 10px 10px 10px 10px;
    bottom: 0;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    content: "";
    left: 10px;
    position: absolute;
    right: 10px;
    top: 50%;
    z-index: -1;
}
.effectX:after {
    left: auto;
    right: 10px;
    transform: skew(8deg) rotate(3deg);
    -webkit-transform: skew(8deg)  rotate(3deg);
    -moz-transform: skew(8deg)  rotate(3deg);
    -ms-transform: skew(8deg)  rotate(3deg);
    -o-transform: skew(8deg)  rotate(3deg);
}

.box {
	 width: 300px;
	 font-size:small;
}

.swiper-thumbs .swiper-slide{
	cursor: pointer;
	aspect-ratio: 154 / 114;
}
.swiper-thumbs .swiper-slide img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.swiper-thumbs .swiper-slide:hover{
	opacity: .7;
}