@charset "utf-8";
/* CSS Document */

#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: #ff0000;
}

#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 p.dtl{
	font-weight: bold;
}
#event .event_info p.appLInk{
	width: 50%;
    margin: auto;
    text-align: center;
}
#event .event_info p.appLInk a{
	display: inline-block;
    background-color: #cc0001;
    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%;
}
#event .itemcate .item_detail > p:first-of-type{
	font-weight: bold;
	color: #ff8331;
}
.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;
}
.no_event{
margin: 0;
}
#event .itemcate .item_detail > p:first-of-type{
	text-align: center;
}
.sp{
	display: block!important;
}
.pc{
	display: none !important;
}
}