@charset "UTF-8";

body {
	font-family: 'Noto Sans Japanese', sans-serif;/* フォントの指定 */
}

a {
	color: #DC143C;/* リンクテキストのカラー指定 */
	text-decoration: none;/* リンクテキストの装飾を行わない */
}

a:hover {
	color: #CCCCCC;/* マウスオーバーしたときの色 */
}

.frame {
  max-width :675px;/* コンテンツ最大幅 */
  margin: 10% auto;/* 余白上10%左右auto */
}


h1 {
	font-size: 30px;
	font-weight: normal;
	background: linear-gradient(transparent 70%, #f5f5f5 70%);
	margin-bottom: 50px;/* 見出しと本文間の隙間 */
}

.headline{
	text-align: center;/* 見出しを中央揃えにする */
}


.note{
	text-indent: 1em;/* 段落字下げ */
	line-height: 2.2;/* 行間 */
	margin-top: 30px;
	margin-bottom: 50px;
}

.mm{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	margin-top: 30px;
}

figure{
	text-align:center;/* キャプション位置指定 */
}

figcaption{/* キャプション設定 */
	color:grey;
	font:12px arial;
}

.link{
  color: #CCCCCC;
}