.youtube{
    position  : relative;
    overflow  : hidden;
}
  .youtube iframe{
    position  : absolute;
    top       : -8vw;
    left      : 0;
    width     : 100%;
    height    : 160%;
    border    : none;
}
  .youtube.pv::after {
  display     : none;
}

#play {
  display     : inline-block;
  position    : absolute;
  z-index     : +5;
    top       : -8vw;
  left        : 0%;
  cursor      : pointer;
  width       : 100%;
  height      : auto;
}

a.play-stop {
  position: absolute;
  z-index: 1;
  top: 2vw;
  right: 0.5vw;
  transform: translateX(-50%) translateY(-50%);
  content: "×";
  border: 0.15vw solid #FFF;
  font-size: 1.5vw;
  color: rgb(255, 255, 255) ;
  font-weight: bold;
  line-height: 1.2vw;
  padding-top: 0.25vw;
  font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

/* ------------------------------------------------- */
/* --- タイトル画像 --- */
/* ------------------------------------------------- */
.taitle-container {
    display: flex;
    align-items:stretch;
    position: relative;
    border:none;
    width       :100%;
    height      :35vw;
    padding:0;
    margin:0;
    margin-left: auto;
    margin-right: auto;
    background-color: #333;
  }

  .taitle-main {
    z-index                 : +1;
    font-size               : 3vw;
    color                   : rgb(255,255,255);
    font-weight             : 600;
    letter-spacing          : 0.15vmin;
    font-family             : '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
    text-shadow             : rgba(0, 0, 0, 1.0) 0px 0px 12px ;
  }

  .taitle-sub {
    z-index                 : +1;
    font-size               : 1.4vw;
    color                   : rgb(255,255,255);
    line-height             : 8vmin;
    font-weight             : 600;
    letter-spacing          : 0.6vmin;
    font-family             : '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
    text-shadow             : rgba(0, 0, 0, 1.0) 0px 0px 12px ;
  }
/* --- タイトル表示 --- */
@keyframes  flash-in {
  0%    { transform : scale(1.0) ; opacity: 0 ; }
  50%   { transform : scale(1.0) ; opacity: 0.5 ; text-shadow : rgba(255,255,255, 0.0) 0px 0px 0px ;}
  80%   { transform : scale(1.05) ; opacity: 1 ; text-shadow : rgba(255,255,255, 1.0) 0px 0px 24px ;}
  100%  { transform : scale(1.0) ; opacity: 1 ; text-shadow : rgba(0, 0, 0, 1.0) 0px 0px 12px ;}
}
  
/* ------------------------------------------------- */
/* --- リンクバナー --- */
/* ------------------------------------------------- */
/* --- バナーエリア --- */
.banner-container {
  display                 : flex ;
  display                 : -webkit-flex ;
  display                 : -moz-flex ;
  display                 : -ms-flex ;
  display                 : -o-flex ;
  -webkit-justify-content : space-between ;
  justify-content         : space-between ;
  -webkit-align-items     : start ;
  align-items             : start ;
  position                : relative ;
  width                   : 86vw ;
  margin                  : 5vmin auto 5vmin auto ;
}

a.banner-seitojiyu {
  z-index                 : +1;
  display                 : flex ;
  display                 : -webkit-flex ;
  display                 : -moz-flex ;
  display                 : -ms-flex ;
  display                 : -o-flex ;
  flex-direction          : column ;
  -webkit-justify-content : center ;
  justify-content         : center ;
  -webkit-align-items     : center ;
  align-items             : center ;
  width                   : 41.5vw ;
  height                  : 20vw;
  border-radius           : 2.5vmin;
  border                  : 1px solid rgba(150,150,150,0.3);

  background              : url(../images/banner-seitojiyu.png);
  background-repeat       : no-repeat ;
  background-size         : 100% ;
  background-position     : 50% 55% ;

  font-size               : 3vw;
  color                   : rgb(255,255,255);
  font-weight             : 600;
  font-family             : '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
  text-shadow             : rgba(0, 0, 0, 1.0) 0px 0px 12px ;

  filter                  : drop-shadow(0px 0px 3px rgba(0,0,0,0.3));
  background-color        : rgba(0,0,0,0.4);
}
a.banner-seitojiyu:hover {
  background-size         : 120% ;
  background-position     : 50% 60% ;
  animation               : seitojiyu-zoom 0.2s linear;
   background-blend-mode  : multiply;
}

@keyframes  seitojiyu-zoom {
  0%    { background-size : 100% ; background-position : 50% 55% ; background-blend-mode: normal;}
  100%  { background-size : 120% ; background-position : 50% 60% ; background-blend-mode: multiply;}
}

a.banner-social {
  z-index                 : +1;
  display                 : flex ;
  display                 : -webkit-flex ;
  display                 : -moz-flex ;
  display                 : -ms-flex ;
  display                 : -o-flex ;
  flex-direction          : column ;
  -webkit-justify-content : center ;
  justify-content         : center ;
  -webkit-align-items     : center ;
  align-items             : center ;
  width                   : 41.5vw ;
  height                  : 20vw;
  border-radius           : 2.5vmin;
  border                  : 1px solid rgba(150,150,150,0.3);

  background              : url(../images/banner-social.png);
  background-repeat       : no-repeat ;
  background-size         : 100% ;
  background-position     : 50% 50% ;

  font-size               : 3vw;
  color                   : rgb(255,255,255);
  font-weight             : 600;
  font-family             : '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
  text-shadow             : rgba(0, 0, 0, 1.0) 0px 0px 12px ;

  filter                  : drop-shadow(0px 0px 3px rgba(0,0,0,0.3));
  background-color        : rgba(0,0,0,0.4);
}
a.banner-social:hover {
  background-size         : 120% ;
  background-position     : 50% 50% ;
  animation               : social-zoom 0.2s linear;
  background-blend-mode   : multiply;
}

@keyframes  social-zoom {
  0%    { background-size : 100% ; background-position : 50% 50% ; background-blend-mode: normal;}
  100%  { background-size : 120% ; background-position : 50% 50% ; background-blend-mode: multiply;}
}