/*
	Theme Name: diver_child
	Template: diver
	Description:  Diverの子テーマです。
	Theme URI: http://tan-taka.com/diver/
	Author: Takato Takagi
 */

/* カスタマイズする場合にはこれより下に追記してください  */


video {
  width: 100%;
  height: auto;
}

iframe {
  width: 100%;
  /* 16:9の比率を保つ（高さは自動で決まる） */
  aspect-ratio: 16 / 9; 
  
  /* 以下はリセット用 */
  height: auto; 
  display: block;
}

.iframe-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.iframe-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


h2 {
    position: relative;
    background-color: #004363;
    color: #fff;
    padding: .5em 1em;
    font-size: 1.6em;
    margin: 1.5em 0 1em;
    line-height: 1.5;
  }