* {
    box-sizing: border-box;
}
.bg-clear{
ackground: rgba(0,0,0,0.6);}
/*フォント*/
.readtext1{
font-family: ofelia-display, sans-serif;
font-weight: 800;
}
.readtext2{
font-family: m-plus-rounded-1c, sans-serif;
font-weight: 400;
}
.textsize2{
	font-size: 1.6em;
	line-height: 2.5em;
}
.textsizetitle{
	font-size: 2.2em;
	line-height: 3.3em;
}
.videotate {
	display: none;						/* 初期状態は、小さな画像を非表示に設定 */
}
.videoyoko {
	display: block;						/* 初期状態は、大きな画像を表示に設定 */
}
@media (max-width: 800px) {
	.videotate {
		display: block;					/* 800pxより小さい時は、小さな画像を表示に設定 */
	}
	.videoyoko {
		display: none;					/* 800pxより小さい時は、大きな画像を非表示に設定 */
	}
}
span{
	   display: inline-block;
}
  .text-caption {
    font-family: rocknroll-one, sans-serif;
    font-weight: 400;
	font-size: 1.1em;
	text-align: center;
    line-height: 1.5;
  }
@media (min-width: 45em) {
  /* Bump up size of carousel content */
  .text-caption {
	margin-bottom: 1.25rem;
    font-size: 1.4em;
    line-height: 1.4;
  }
}
.glaybgcolor{
	background-color: #666;
}
.memberbgcolor{
	background-color: #000539;
}
.whitetextcolor{
	color: #fff;
}
.font_1{
	font-size: 1.25em;
}
.navbar-brand img{
    height: 22px;
}

main2 .video-wrapper {
  position: relative;
  object-fit: cover;
  height: 100vh;
  width: 100vw;
}

main2 .video-wrapper video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    padding-left: 0px;
}
main2 .video-wrapper p.catch-copy {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  text-align: center;
  font-size: calc(22px + 4vw);
  text-shadow: 1px 1px 20px #000;
  color: #fff;
  margin: auto;
}
.text-wrapper p.catch-copy {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  text-align: center;
  font-size: calc(22px + 4vw);
  text-shadow: 1px 1px 20px #000;
  color: #fff;
  margin: auto;
}

.main-movie {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}

.swiper-wrap {
  margin: 0 calc(50% - 50vw);
  max-width: 100vw;
  position: relative;
  overflow: hidden;
}


.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img{
  animation: zoom-in 10s linear 0s 1 normal both;  
}

.slide-over{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.slide-over img{
max-height: 100vh;
  max-width: 100vw;}

.slide-img img{
  object-fit: cover;
  height: 100vh;
  width: 100vw;
}
.slide-img iframe{
  object-fit: cover;
  height: 100vh;
  width: 100vw;
}

.video-box {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  z-index: -100;
}
.youtube-video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  min-width: 1920px;
  min-height: 100%;
  transform: translate(-50%, -50%);
  z-index: -100;
}
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden
}
.embed-responsive::before {
  display: block;
  content: ""
}
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0
}
.embed-responsive-21by9::before {
  padding-top: 42.857143%
}
.embed-responsive-16by9::before {
  padding-top: 56.25%
}
.embed-responsive-4by3::before {
  padding-top: 75%
}
.embed-responsive-1by1::before {
  padding-top: 100%
}