/* デコレーション */
.deco01 {
  color: white;
  background-color: #29B394;
}
.deco02 {
  color: white;
  background-color: #3BD3B1;
}
.deco03 {
  color: white;
  background-color: #1E90FF;
}
.deco04 {
  border-bottom: 2px solid;
  border-collor: #00008B;
}

/* ナビゲーション */
.navback {
  background-color: #1C9B7E;
}

/* 強調・取消など */
.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%;
}