@charset "UTF-8";
/*トップページ*/

.main  {
  background: url(../images/event/event_bg.png) center top no-repeat repeat;
}
.wrapper {
  width: 800px;
  margin: 0px auto;
  padding: 10px 0px  10px;
}

table.schedule{
    width: 720px;
    margin: 5px auto 20px;
	border: solid 5px #ce6016;
    border-collapse: collapse;
	background-color: rgba(255,255,255, 0.7); 
}
table.schedule th {
	border: solid 1px #000;
}
table.schedule td {
	border: solid 1px #000;
	padding: 5px;
	height:60px;
}
.event1{
    width: 700px;
    margin: 5px auto;
    border: solid 5px #ce6016;
    padding: 10px 5px;
	background-color: rgba(255,255,255, 0.7); 
    overflow: hidden;
    line-height: 21px;
}
.detail {
	float: left;
	width: 280px;
	font-weight:bold;
}
.detail span {
	color: #cd4747;
	font-size: 18px;
}
.photo {
	float: right;
	width:410px;
}
.photo2 {
	float: right;
	width:200px;
}
.photo img {
	margin: 1px;
	width: 200px;
}

.midashi {
	float: left;
	width: 100px;
    font-weight: bold;
    font-size: 90%;
    line-height:26px;
}
.text {
	float: right;
	width:600px;
    line-height:26px;
}
.text2 {
	float: left;
	width:400px;
}
div.pastlink{
    width: 710px;
    margin: 50px auto 10px;
    overflow: hidden;
}
div.pastlink a{
	float:right;
    line-height: 21px;
    background-color: #ce6016;
    padding: 10px 5px;
	text-decoration:none;
	color:#fff;
	margin-left: 5px;
}
div.pastlink a:hover{
	opacity:0.8;
}

.waiting_wrapper{
    width: 710px;
    margin: 0px auto;
    border: solid 5px #ce6016;
    padding: 0px;
    line-height: 0px;
    box-sizing: border-box;
}

.waiting_banner {
    width: 100%
}

@media screen and ( max-width:780px ){

	.wrapper {
		width: 100vw;
		margin: 0px;
	}

    .waiting_wrapper{
        width: 100%;
    }

	table.schedule{
    	width: 100%;
	}
	
	.detail {
		float: left;
		width: 100%;
	}
	.event1{
	    width: 95%;
	    padding: 0px;
	    margin: 3px auto;
	}
	.photo {
	    width: 100%;
	    padding: 0px;
	}
	.photo2 {
	    width: 100%;
	    padding: 0px;
	}
	.photo img {
	    width: 100%;
	}
	.photo2 img {
	    width: 100%;
	}
	.text {
		width:100%;
	}
	.text2 {
		width:100%;
	}
	div.pastlink{
		text-align:center;
		width:100%;
	}
	div.pastlink a{
		display: block;
		float:none;
		margin: 10px 0px;
		padding: 10px 0px;
	}

}