@charset "utf-8";
/* CSS Document */
.mgt0{
	margin-top: 0;
}
#event{
padding: 40px;
border: solid 2px #56700b;
width: 100%;
max-width: 816px;
margin: 0 auto 50px;
word-wrap: break-word;
}

#event .event_ttl{
font-weight: bold;
font-size: 27px;
color: #ff5050;
}

#event .event_mds{
font-size: 18px;
}
#event a{
color: #333;
text-decoration: underline;
}
#event .b_b{
border-bottom: dotted 3px #aacfdf;
padding-bottom: 20px;
}

#event .event_info{
margin: 25px auto 30px;
padding-left: 8%;
}

#event .event_info dl{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
#event .event_info dl dt {
	width: 10%;
	padding-bottom: 20px;
	margin-bottom: 10px;
	font-weight: bold;
  } 
#event .event_info dl dd {
	width: 88%;
	padding-bottom: 20px;
	margin-bottom: 10px;
	margin-left: 0;
  }
#event .event_info p.appLInk{
	width: 50%;
    margin: auto;
    text-align: center;
}
#event .event_info p.appLInk a{
	display: inline-block;
    background-color: #ff7c92;
    color: #fff;
    padding: 10px 1em;
    text-decoration: none;
    font-weight: bold;
}
#event .event_info p.appLInk a :hover{
	opacity: .8;
}
#event .item_img{
	width: 100%;
	max-width: 700px;
	margin: 0 auto;
}

#event .item_img img{
	width: 100%;
}

#event .item_copy{
	margin-top: 30px;
	padding-left: 8%;
}

.no_event{
border: none !important;
}
.pc{
	display: block!important;
}
.sp{
	display: none !important;
}

@media (max-width:768px) {

#event{
padding: 20px;
width: 85%;
margin: 20px auto 50px;
word-wrap: break-word;
}
#event .event_ttl{
font-size: 23px;
}
#event .event_info{
padding-left: 0;
}
#event .event_info p.appLInk{
	width: 90%;
}
#event .event_info ul{
	padding-left: 20px;
}
#event .item_copy{
padding-left: 0;
}
#event p{
	text-align: left;
}
#event p.event_ttl{
	text-align: center;
} 
#event .event_info dl{
	display: block;
}
#event .event_info dl dt{
	width: 100%;
	padding-bottom: 0;
}
#event .event_info dl dd{
	width: 100%;
	padding-bottom: 0;
}
.no_event{
margin: 0;
}
.sp{
	display: block!important;
}
.pc{
	display: none !important;
}
}