/* ============================================================
  
  /pages/
  このディレクトリのCSSは「ページ特有の特有のスタイル」を
  記述してください。
  
  **movie.cssについて**
  本CSSはMOVIEライブラリーページ専用CSSです。
  300行を超えるCSSとなる場合は分割を、分割を検討してください。
  
  movie.css 内ルール
  
  1. Dress機能、ブロックエディタの詳細CSSで制御できないスタイル、
     ページ個別の内容の内容のみ記述すること。
  2. CMS標準の機能で定義できないもののみ記述を可とする。
  3. **共通化できる内容の記述**は絶対にしないでください。
  
============================================================ */
#a-billboard h1{
	letter-spacing: 0.2em;
}
#a-billboard h1 .english{
	letter-spacing: 0.32em;
}
#a-main h3{
	font-size: 21px;
	margin-bottom: 10px;
}

#a-main .b-both_diff{
	margin-bottom: 70px;
}
.js-sync.-video{
	aspect-ratio: 115 / 64;
}
#a-main .b-both_diff iframe{
	display: block;
	height: 100% !important;
}
#a-main .b-both_diff .c-body{
	font-size: 14px;
}
@media(max-width: 640px){
	#page #a-billboard {
        height: 154px;
        margin-top: 60px;
        letter-spacing: 0.2em;
    }
	#a-billboard h1 {
	    line-height: 1.5em;
	    font-size: 25px;
	}
	#a-main h2.c-title{
		font-size: 22px;
	}
	#a-main h3{
		font-size: 20px;
	}
	#a-main .b-both_diff .c-body{
		margin-bottom: 20px;
	}
	
}