@charset "UTF-8";
/*イベント一覧*/
#container.event_list #box{
  width:100%;
}
#container.event_list h1 p{
  width:270px;
  height: 112px;
  margin:0 0;
  background:#e7e7e8;
  padding-left:60px;
}
#container.event_list #main{
  width:1100px;
  margin:40px auto 0;
}
.event_list .event{
  width:930px;
  margin:0 auto 40px;
  overflow:hidden;
  clear:both;
  position: relative;
}
.event_list .event p{
  padding:0 30px;
}
.event_list .event h2{
  border-bottom:solid 1px rgb(111,184,44);
  margin-bottom:30px;
  padding:0 170px 0 30px;
  font-family: "UD新ゴ M",UD Shin Go Medium;
}
.event_list .event .area,
.event_list .event .plans{
  padding: 0;
  margin: 0;
  width:76px;
  height: 76px;
  line-height: 76px;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  color:#fff;
}
.event_list .event .area{
  background:rgb(109,173,48);
  position: absolute;
  top:0;
  right:80px;
}
.event_list .event .plans{
  background:rgb(233,87,42);
  position: absolute;
  top:0;
  right:0;
}
.event_list .event dl{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap:wrap;
  width:523px;
  float:left;
  margin:0px 0 30px 30px;
}
.event_list .event dt{
  width:45px;
  height: 45px;
  background:#323644;
  color:#fff;
  font-size:12px;
  margin:0 0 30px 0;
}
.event_list .event dt span{
  display: inline-block;
  width:26px;
  margin:2px 0 0 2px;
  line-height: 12px;
}
.event_list .event dd{
  width:460px;
  margin:0 0 30px 18px;
}
.event_list .event dl+img{
  width:260px;
  min-width: 260px;
  float:right;
}
.undecided{
  width: 930px;
  font-size:22px;
  margin: 30px auto 20px;
  text-indent: 30px;
  padding: 10px 0;  font-size: 22px;
  background: #e7efcc;
}
a.old_event,
a.event_page{
  width:220px;
  height:30px;
  line-height:30px;
  margin:30px auto 30px;
  display:block;
  position: relative;
  background:rgba(163,202,35,0.8);
  text-align:center;
  color:#000;
  -webkit-transition:0.5s;
  transition:0.5s;
}
a.old_event:hover,
a.event_page:hover{
  text-decoration: none;
  background:rgba(163,202,35,1.0);
}
a.old_event:after,
a.event_page:after{
  content: "";
  display: inline-block;
  vertical-align: middle;
  font-weight: 600;
  width: 9px;
  height: 9px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  border-top: solid 1px #000;
  border-right: solid 1px #000;
}
a.old_event:after{
  right: 10px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}
a.event_page:after{
  left:10px;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
}
.page_view{
  text-align: center;
}
.page_view button{
  width:33px;
  height: 33px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-style: none;
  background:none;
  border:solid 1px #000;
  margin:0 5px 0 0;
}
.page_view button.active{
  background:#000;
  color:#fff;
}
.page_view button.next,
.page_view button.prev{
  width:auto;
  color:#6fb82c;
  border:none;
}
/* 768px未満sp */
@media screen and (max-width:767px){
	#main{
		width: 100%;
		min-width:320px;
		padding:0 10px;
	}
	.event_list .event,
	.event_list .event dl{
		width:100%;
	}
	.event_list .event {
		padding-top:65px;
	}
	.event_list .event .area, 
	.event_list .event .plans{
		width: 60px;
		height: 60px;
		line-height: 60px;
	}
		.event_list .event .area{
			left:0px;
		}
		.event_list .event .plans{
			left:70px;
		}
	.event_list .event h2,
	.event_list .event p{
		padding:0px;
	}
	.event_list .event dl{
		margin:0px;
	}
	.event_list .event dt{
		width:15%;
	}
	.event_list .event dd{
		width:78%;
	}
	.event_list .event dl + img{
		float:left;
	}
	.undecided{
		width:100%;
	}
}