table {
	font-size: 1rem;
	break-inside: avoid;
	page-break-inside: avoid;
}

.list-file a:link, .list-file a:visited {
    color: #38488f;
    text-decoration: none;
}

.rtl { direction: rtl; }
.ltr { direction: ltr; }
.left { text-align: left; }
.right { text-align: right; }

.mx-v { max-width: 560px; margin:auto; }

.list-item { display: list-item; color:rgba(0,0,0,0); }
.no-col { column-span: all; }
@media (min-width: 800px) {
  .mul-col {
		column-count:2;
	}
}

.contentBody {
  margin: 0;
  padding: 0 1rem 0 1rem;
  font-size: 1.0rem;
}
.wrap {
  width: 100%;
  margin: 2.8rem 0 0 0;
  padding: 0;
}
.contents {
  margin: 0;
  padding: 0;
	word-wrap: break-word;
}

#view {
	margin: 0;
	padding: 10px;
	line-height: 1.6;
  background-color: #ebedf0;
}

.list-file .hd-first { margin:0 0 0.6rem 0; }
.list-file .hd-other { margin:1.8rem 0 0.6rem 0; }
.list-file ul { margin:0.5rem 0 0 0; line-height: 1.6; }

.ref-content {
	border: 2px solid #73AD21;
	border-radius: 10px;
	font-size:smaller;
    line-height: 1.4;
	color:#333333;
	width:85%;
	max-width:800px;
	margin: 0px auto;
	padding:10px 10px 10px 10px;
}
.ref-content a:link {
	color:#333333;
}
.ref-content a:visited {
	color:#333333;
}

.image-title-text {
	text-shadow:3px 3px 6px #666666;
	font-size:1.5em;
	color:white;
	text-align:center;
	padding:1.5rem;
	margin:0;
}

.notice {
	min-height:10rem;
}

.title1, .title2, .title3, .title4 {
  margin: 0 0 0 0;
  width: 100%;
  //box-shadow: 1px 1px 2px #666666;
  background-color: #004499;
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;
}

.list0, .list1, .list2, .list3, .list4 {
  margin: 0 0 10px 0;
	padding: 20px 10px 20px 10px;
	background-color: white;
}

.nomargin {
	margin: 0 0 0 0;
}
.round-border {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.top-round-border {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.bottom-round-border {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.videoDiv {
	width:90%;
	max-width:800px;
	margin: 10px auto;
}

.videoWrapper {
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	padding-bottom: 56.25%;
	z-index: 0;
	background: repeating-linear-gradient(90deg, #444, #444 10px, #888 0, #888 20px);
}

.videoWrapper iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:0;
	//max-height: 450px;
}

.orderList {
  font-size: 1.2rem;
}

.orderList li {
  margin-top: 1rem;
}

.site-list {
  line-height: 2.5rem;
}
.site-name {
  font-size: 1.2rem;
  font-weight: bold;
  color: #38488f;
}

.button-more {
  border-radius: 5px;
  border: 1px solid #999999;
  padding: 5px 10px 5px 10px;
  margin: 1rem;
	display: block;
	width: 40%;
	max-width: 300px;
  background-color: rgba(200,200,200,0.6);
  color: #38488f;
  font-size: 1.1rem;
  text-decoration: none;
}
.button-more:hover {
  background-color: rgba(200,200,200,0.9);
}