@charset "UTF-8";
.youtube_wrap{
    position: relative;
}   
#loading {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
    width: 100%;
}
#loading.disappear{
    display: none;   
}
#youtube-area{
    position: fixed;
    z-index: -1;/*最背面に設定*/
    top: 0;
    right:0;
    left:0;
    bottom:0;
    overflow: hidden;
    opacity: 0;    
}
#youtube-area.appear {
	animation-name:PageAnimeAppear;
	animation-duration:.5s;
	animation-fill-mode:forwards;
}
@keyframes PageAnimeAppear{
	0% {
	    opacity: 0;
	}
	100% {
        opacity: 1;
    }
}
#youtube {
    /*天地中央配置*/
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    /*縦横幅指定*/
      width: 177.77777778vh; /* 16:9 の幅→16 ÷ 9＝ 177.77% */
      height: 56.25vw; /* 16:9の幅 → 9 ÷ 16 = 56.25% */
      min-height: 100%;
      min-width: 100%;
    }
#youtube-mask{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}
.FV-slider{
    width: 100%;
    aspect-ratio: 16/6;
}
.FV-slider-wrap{
    margin: 0;
}
.top_container{
    background: #fff;
    background: url(../img/bg.jpg);
    overflow: hidden;
}
.FV{
    padding-bottom: 0;
}
.sns-links-wrap {
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    width: 80px;
    background: #fff;
    height: 102%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 10;
}
.FV-yokohama-text{
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
    width: 80px;
    background: #fff;
    height: 102%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 10;
}
.contnet_wrrapper{
    background: #fff;
    padding-bottom: 50px;
    margin-top: -5px;
    background: url(../img/bg.jpg);
}

footer{
    background: #fff;
    padding-top: 1px;
}
.ad-image{
    margin-bottom: 0;
    padding-bottom: 50px;
}
@media screen and (max-width:1000px){
    .FV-slider{
        width: 100%;
        aspect-ratio: 16/6;
    }
    #loading {
        height: 100%;
    }
    #loading img{
        height: 100%;
        object-fit: cover;
    }
}
@media screen and (max-width:730px){
    .sns-links-wrap{
        display: none;
    }
    .FV-yokohama-text{
        display: none;
    }
    .FV-slider{
        width: 100%;
  /* 縦長を変形を解除 */      
/*         aspect-ratio: 375/585;　*/
    }
}




/* 多分削除 */
.topicks-slider{
    position: relative;
    z-index: 0;
}
.topicks-slider::after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    background: #fff;
    z-index: -1;
}
.topicks > div > a{
    position: relative;
    z-index: 0;
}
.topicks > div > a:after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    background: #fff;
    z-index: -1;
}
.title-balloon{
    z-index: 1;
}
.instagram-wrap{
    position: relative;
    z-index: 0;
}

.instagram-wrap::after{
    content: "";
    width: calc(100% + 30px);
    height: 100%;
    z-index: -1;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
}