/* sponsor-area */
.sponsor_block{
  display: flex;
  flex-wrap: wrap;

}

.sponsor_box{
  flex: 0 1 calc(25% - 16px / 2);
  margin-left: 8px;
  transition: all 0.3s ease 0s;
}

.sponsor_box:hover{
  transform: translateY(-10px);
  transition: all 0.3s ease 0s;
}

.sponsor_img{
  width: 100%;
}

/* projects-page */
.blog-item .image a img{
  width: 100%;
  height: auto;
  transition: all 0.3s ease 0s;
}

.blog-item .image a img:hover{
  transform: translateY(-10px);
  transition: all 0.3s ease 0s;
}

.blog-items{
  margin-top: 40px;
}

/* single */
.cont_info{
  display: flex;
}

.cont_item:nth-child(2){
  margin-left: 16px;
}

.Box {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}
.Box iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* contact */
.btn{
  width: 240px;
  box-shadow: inset 0 50px 0 #fdd912;;
}

.btn{
  width: 240px;
  box-shadow: inset 0 50px 0 #fdd912;;
}

.btn:hover{
  box-shadow: inset 0 -6px 0 #fdd912;;
}


/* fv-video */
.fv{
  margin-top: 70x;
}

.fv_cont{
  position: relative;
  height: calc(100vh - 70px);
  overflow: hidden;
}


.fv_wrap{
  z-index: -1;/*最背面に設定*/
  top: 0;
  right:0;
  left:0;
  bottom:0;
  overflow: hidden;
}

#video{
  /*天地中央配置*/
  position: absolute;
  z-index: -1;
  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%;
}


@media only screen and (max-width: 768px) {
  #video {
    width: 133.333333334vh; /* 4:3 の幅→4 ÷ 3＝ 133.33% */
    height: 75vw; /* 4:3の幅 → 3 ÷ 4 = 75% */
    transform: translate(-50%, -63%);
  }
}

@media only screen and (max-width: 429px) {
  #video {
    width: 179.666666667vw; /* 19.5:9 の幅→19.5 ÷ 9＝ 216.67% にしたいが、動画に合わせた*/
    height: 100vh; /* 19.5:9の幅 → 9 ÷ 19.5 = 46.15% */
    transform: translate(-50%, -63%);
  }

  .navbar .navbar-toggler .menu-icon-bar{
    background-color: #212529;
  }
}

.fv_block_ttl{
    /*要素の配置*/
    position:absolute;
    /*要素を天地中央寄せ*/
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    /*見た目の調整*/
    color:#fff;
    text-shadow: 0 0 15px #666;
}

@media only screen and (max-width: 768px) {
  .fv_block_ttl{
    transform: translateY(-100%) translateX(-50%);
  }
}


.fv_block_ttl .slider-caption .title {
  font-size: 3.26vw;
  line-height: 1.2em;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 40px;
  color: #FFF;
}

.fv_block_ttl .slider-caption .subtitle {
  font-size: 1.16vw;
  line-height: 1.2em;
  font-weight: 500;
  letter-spacing: 2px;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 5px;
}

/* .fw .row{
  display: flex;
  align-items: center;
} */

/* pagenavi */

.wp-pagenavi{
  text-align: center;
  margin-top: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
}


.wp-pagenavi span , .wp-pagenavi a {
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
  color: black;
  padding: 10px 14px;
  margin: 0px 15px 6px 0px;
  border: 1px solid #bfbfbf;
  display: inline-block;
  width: 50px;
  height: 50px;
  transition: all 0.3s ease 0s;

}

.nextpostslink{
  /* padding-left: 12px; */
  margin-left: 12px;
}

.previouspostslink{
  /* padding-right: 12px; */
  margin-right: 12px;
}

.nextpostslink,.previouspostslink{
  display: inline-block;
  position: relative;
  padding-left: 12px;
  /* border-radius: 100%; */
  border: 1px solid #bfbfbf;
  transition: all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  border-radius: 0px;
    background-color: #333333;
    border-color: #333333;
    color: #ffffff!important;
}

.nextpostslink:hover,.previouspostslink:hover , .wp-pagenavi .page:hover, .wp-pagenavi .current{
  color: #ffffff!important;
  border-color: #fdd912;
  background-color: #fdd912;
  display: inline-block;
  transition: all 0.3s ease 0s;

}