@charset "UTF-8";

.mainImg{
	text-align:center;
	margin:20px 0;
}

.mainImg img{
	width:100%;
}

#main .message{
	color:#8bca05;
	font-size:14px;
	line-height:2em;
	margin-bottom:50px;
}

#main .message p{
	margin-bottom:20px;
}

.explanation figure img{
	width:100%;
}

.eventinfo{
	margin-bottom:30px;
	font-size:1em;
	line-height:1.5em;
}


.eventinfo figure img{
	width:100%;
	margin-bottom:30px;
}

.eventinfo span{
	display:block;
}

.etitle{
	background-color:#80c202;
	color:#fff;
	border-radius:10px;
	padding:15px 0;
	text-align:center;
	font-size:16px;
	margin-bottom:20px;
}


.table02 {
  border-collapse: collapse;
  width: 100%;
  margin-bottom:50px;

}
.table02 th,
.table02 td {
  padding: 10px;
  width: 95%;
  display:block;
  border:none;
}
.table02 th {
  background-color: #fff;
  text-align: left;
  color:#fff;
}

.table02 td{
	background-color:#f9f7f7;
}

.table02 caption img{
	width:90%;
}

.btn a:link,
.btn a:visited{
	background-color:#65a806;
	color:#fff;
	text-align:center;
	font-size:16px;
	padding:12px 0px;
	width:320px;
	display:block;
	border-radius:10px;
	margin-bottom:50px;
	border:2px dashed #defdde;
}

.btn a:hover{
	background-color:#abcc0b;
}
	

#snsBox article:first-child{
	float:none;
	width:100%;
	text-align:center;
	margin-bottom:50px;
}

#snsBox article:last-child{
	float:none;
	width:100%;
	padding:10px;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	background-color:#fff;
}


/* FBレスポンシブ設定 */
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
	width:100% !important;
}

#link{
	margin:0 auto 30px;
	text-align:center;
}

#link img{
	margin-bottom:20px;
	width:100%;
}

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.address{
	font-size:1em;
	color:#009900;
	margin-top:30px;
}

.address span{
	font-size:1.2em;
	font-weight:bold;
}

#main .thanks p{
	color:#333;
	font-size:14px;
	line-height:2em;
	margin-bottom:30px;
}

.class{
	border:2px solid #abcc0b;
	padding:20px 5px 20px 10px;
	margin-bottom:20px;
}

.class span{
	display:block;
}


@media only screen and (min-width: 500px){

	#snsBox article:first-child{
		width:500px;
		margin:0px auto 50px;
	}
	
	.facebookBody{
		padding:10px 0 10px 20px;
	}
	
	.table02 caption img{
	width:440px;
}

#link img{
	width:355px;
	height:auto;
}

#main .thanks p{
	margin-bottom:200px;
	}
	
	.class span{
	display:inline-block;
}

.etitle{
	font-size:20px;
}



}


@media only screen and (min-width: 770px){
	
	.mainImg{
		text-align:center;
		margin:30px 0;
	}
	
	.mainImg img{
		xwidth:90%;
	}
	
	#main {
		xbackground-color: #fff;
	}

	#main section{
		width: 980px;
		margin: 0 auto;
		overflow: hidden;
	}
	
	#main .message{
		color:#8bca05;
		font-size:18px;
		line-height:2em;
	}
	
	#snsBox{
		padding-bottom:50px;
		xbackground-color: #f3f3f3;
		overflow: hidden;
	}

	#snsBox section{
		width: 980px;
		margin: 0 auto;
		padding: 50px 0;
	}

	#snsBox article:first-child{
		float:left;
		width:500px;
		margin-bottom:0px;
	}

	#snsBox article:last-child{
		float:right;
		width:400px;
	}
	
	.btnarea{
	width:980px;
	margin:0 auto;
	background-image:url(../images/illust.gif);
	background-position:680px top;
	background-repeat:no-repeat;
	height:200px;
}

.btn{padding-top:30px;
}

.btn a:link,
.btn a:visited{
	background-color:#65a806;
	color:#fff;
	text-align:center;
	font-size:16px;
	padding:12px 0px;
	width:320px;
	display:block;
	border-radius:10px;
	margin-bottom:50px;
	border:2px dashed #defdde;
}

.btn a:hover{
	background-color:#abcc0b;
}


#main .thanks span{
	text-decoration:underline;
}


}

@media only screen and (min-width: 980px){
	
	.mainImg img{
		width:980px;
		height:auto;
	}
	
	.message{
		background-image:url(../images/message_Img.jpg);
		background-repeat:no-repeat;
		background-position:right 300px;
	}
	
	.explanation figure img{
		width:980px;
	}
	
	.eventinfo{
	margin-bottom:30px;
	font-size:1.2em;
	line-height:2em;
}
	
	
	.table02 {
  width: 100%;
  margin-bottom:50px;
  border-collapse: collapse;

}
.table02 th,
.table02 td {
  padding: 10px;
  display:inline-block;
  border:none;
  height:75px;
  background-color:#fff;
}
.table02 th {
  text-align: left;
  color:#000;
   width: 30%;
}


.table02 td{
	background-color:#fff;
	 width: 65%;
	 xheight:50px;
	 vertical-align:top;
	 padding-top:20px;
	}
	
	#snsBox article:first-child{
		margin:0px; 
	}
	
	.facebookBody{
		padding:0px;
	}

	#snsBox article:last-child{
		padding:0px;
	}
	
	.add{
		overflow:hidden;
	}
	
	.ggmap{
		width: 500px;
		float:left;
		margin-right:20px;
		padding-bottom:400px;
		
	}
	
	.ggmap iframe,
	.ggmap object,
	.ggmap embed {
		width: 500px;
		height: 300px;
	}
	
	.address{
		width:400px;
		float:left;
		color:#009900;
		margin-top:0px;
	}
	
	#link{
		clear:both;
		display:inline-block;
		text-align:left;
	}
	
	#link img{
		margin-right:20px;
	}
	
	.class{
	border:2px solid #abcc0b;
	padding:20px 5px 20px 30px;
	margin-bottom:20px;
	width:900px;
}

	
}