@charset "utf-8";
/* CSS Document */

* {
	box-sizing: border-box;
}

img {
	max-width: 100%;
}

.container {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 62.5%;
	width: 100%;
}

.mainvisual {
	background: url(img/bg_nfes2019_07.jpg) no-repeat 0 0;
	background-size: cover;
	padding-top: 20px;
}

.enclosure {
	max-width: 960px;
	width: 100%;
	margin: 0 auto;
}

.main_text {
	text-align: center;
}

.contents_box {
	margin-top: 20px;
	padding-bottom: 10px;
}

.discription {
	width: 55%;
	vertical-align: bottom;
}

.discription p {
	color: #fff;
	font-size: 0.8rem;
	font-weight: bold;
	line-height: 1.5;
}

.discription img {
	max-width: 40%;
	margin-bottom: 10px;
}

.line_up {
	display: inline-block;
}

.schedule {
	padding: 10px 0 0;
	width: 40%;
}

.information_area {
	margin: 10px 0;
}

.contents_list {
	position: relative;
	width: 55%;
	vertical-align: top;
	font-weight: bold;
}

.contents_list .point {
	position: absolute;
	top:4px;
	left: 250px;
	font-size: 0.6rem;
	line-height: 1.2;
}

.indent {
padding-left:1em;
text-indent:-1em;
}

.contents_list table {
	font-size: 0.9rem;	
}

.contents_list th {
	padding: 10px 10px 10px 0;
}

.contents_list p {
	color: #fff;
	background: #E71F19;
	border-radius: 15px;
	padding: 6px;
	letter-spacing: 2px;
	white-space: nowrap;
}

.contents_list td {
	line-height: 1.5;
}



.contents_list span {
	font-size: 0.6rem;
}

.about {
	width: 40%;
	font-weight: bold;
	font-size: 0.7rem;
	line-height: 1.4;
}

.about h3::before,
.about h3::after {
	content:'';
	display: block;
	border: 1px solid #000;
	margin: 5px 0;
} 

h3 {
	margin-top: -5px;
	padding: 10px 0 0;
	font-size: 0.9rem;
}

/* ボタンのCSS　*/
.btn-border {
	margin: 5px 0;
}

.btn-border a {
  display: inline-block;
  max-width: 160px;
  text-align: left;
  border: 2px solid #fff;
	background-color: #E71F19;
  font-size: 0.7rem;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  padding: 8px 16px;
  border-radius: 4px;
  transition: .4s;
}

.btn-border a:hover {
  background-color: #fff;
  border-color: #E71F19;
  color: #E71F19;
	font-weight: bold;
}

footer {
	text-align: center;
}

@media screen and (max-width:700px) { 
	.discription,
	.about,.contents_list,
	.schedule {
		width: 100%;
	}
	
	.enclosure {
		padding: 0 10px;
		margin: 0 auto;
	}
 
	.contents_box {
		margin: 20px auto 0;
		padding-bottom: 10px;
		width: 500px;
		max-width: 100%;
	}
	
	.information_area {
		margin: 0 auto;
		width: 500px;
		max-width: 100%;
	}
	
	.line_up {
		display: block;
	}
}