@charset "utf-8";
/* CSS Document */
.container_lp{
	width: 100%;
	margin: 0 auto;
	text-align:center;
	background-color:#fff;
	/*padding-top:80px;*/
}

.event{
	width:100%;
	margin:auto 0;
	text-align:center;
	font-size:16px;
	line-height:1.8em;
	padding: 80px 0;
  border-bottom: 1px dashed red;
}
.event h2{margin: 0 0 1%;}
.event img {width: 100%;max-width: 750px;}

h3.livedata{
	font-size:250%;
	color: #F06;
}

h3.access{
	color:#333;
	font-size:250%;
	max-width:850px;
	margin:auto;
	text-align:left;
	padding:0;
	margin-bottom: 30px;
}

.sidebar{
	font-size:150%;
	font-weight:bold;
	padding:20px 0;
	line-height: 2em;
}

.article{
	width:750px;
	margin:auto;
	background-color:#fffefe;
	margin-top:50px;
	padding:50px;
	font-size:13px;
}

.article p{
	display: inline-block;
	width:24%;
}

.text {
	display: inline-block;
	width:75%;
	text-align:left;
}
.article2{
	max-width:750px;
	margin:auto;
	background-color:#fff;
	padding:5% 0;
}
.article2 .text2{
	width:45%;
	display: inline-block;
	line-height:1.8em;
	font-size:16px;
	font-weight:bold;
	vertical-align: top;
	padding: 140px 0 0 60px;
	text-align:left;
}
.article2 p{
	width:39%;
	display: inline-block;
}
.article3{
	padding:50px 0 20px;
	max-width:750px;
	margin:auto;
	background-color:#fff;
}
.article3 .left{
	/*width:60%;*/
	width:100%;
	text-align:left;
	display:inline-block;
	vertical-align: top;
}
.article3 .left p{
	font-size:115%;
	/*font-weight:bold;*/
	line-height:1.5em;
	margin:0 0 15px;
}

.article3 .right{
	/*width:39%;*/
	width:100%;
	text-align:left;
	display:inline-block;
}

.article3 .right .direction{
	background-color:#fcf3e3;
	padding:10px;
	margin:5px;
	font-size:90%;
	line-height:1.8em;
}

hr{
	border:none;
	border-top:dashed 1px #ccc;
	height:1px;
	color:#FFFFFF;
	width:100%;
	margin: -13px 0 10px;
}

.eventend{
	font-size:160%;
	color:#666;
	padding:20px 0;
  margin-top: 10%;
  background-color: #F5F5F5;
	text-align:center;
}

.eventend_dsc{padding:10px;border-bottom: 1px dashed red;}
.eventend_dsc h3{font-size: 150%;color:#333;}


.sp_only { display: none !important; }

@media screen and (min-width: 1035px){
.navToggle,.globalMenuSp,.newlinesp{display: none;}
}

@media (max-width: 896px){
body{letter-spacing: 0.1em;}
.container_lp{margin:auto;}
.navToggle {top: 5px;}
.sp_only { display: block !important; }
}

@media (max-width: 599px){
	.event{padding: 80px 10px;}
	.eventend{margin-top:15%;}
	.eventend_dsc h3{font-weight: bold;font-size: 100%;}
	h3.livedata{font-size: 4vw;}
	.sidebar{font-size: 4.5vw;}
	.article, .article2 ,.article3{width: 100%;padding: 0;}
	.article p{width: 100%;}
	.text{width: 100%;font-size: 3.3vw;}
	.article2 .text2 {width: 100%;}
}