/* デコレーション */
.deco01 {
  color: white;
  background-color: #1d3cd5;
}
.deco02 {
  color: white;
  background-color: #4862e5;
}
.deco03 {
  color: white;
  background-color: #1e90ff;
  text-align: center;
}

/* ナビゲーション */
.navback {
  background-color: #0d2495;
}
.navback2 {
  background-color: #d4dbfe;
}

/* 強調・取消など */
.teisei {
  color: red;
  font-weight: bold;
}
.torikeshi {
  text-decoration: line-through;
}
.kyocho-bold {
  font-weight: bold;
}
.kyocho-red {
  color: red;
}
.kyocho-redbold {
  font-weight: bold;
  color: red;
}
.commenttext {
  font-size:1.5rem;
}

/* メールフォーム用 */
@media screen and (max-width:572px) {
#formWrap {
	width:95%;
	margin:0 auto;
}
table.formTable th, table.formTable td {
	width:auto;
	display:block;
}
table.formTable th {
	margin-top:5px;
	border-bottom:0;
}
input[type="text"], textarea {
	width:80%;
	padding:5px;
	font-size:110%;
	display:block;
}
input[type="submit"], input[type="reset"], input[type="button"] {
	display:block;
	width:100%;
	height:40px;
}
}

/* 動画用 */
.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}