@charset "utf-8";

/** event_index **/
.contents_event_index .to_past,
.contents_event_detail .to_past{max-width:480px;margin:30px auto 0;}
.contents_event_index .to_past a,
.contents_event_detail .to_past a{padding: 18px;font-size: 16px;display: block;text-align: center;background: #655623;color: #ffffff;text-decoration: none;border:2px solid #655623;}

.contents_event_index .wrapper,
.contents_event_detail .wrapper{padding:60px 0;}

.event_index_list{}
.event_index_list li{position:relative;padding:25px 0;}
.event_index_list li:first-of-type{padding-top: 0;}
.event_index_list li a{text-decoration: none;background: #fff;display: block;}
.event_index_list li .box{position: relative;border-bottom:1px dotted #000000;padding:0 0 50px;}
.event_index_list li .box .now{position:absolute;top:-30px;left:-10px;display: none;}
.event_index_list li.new box .now{display: inline-block;padding:0px;background:#b41c64;color:#ffffff;-webkit-border-radius:40px;border-radius:40px;line-height: 25px;width: 80px;text-align: center;}
.event_index_list li .image{width: 325px;margin-right: 40px;background:none no-repeat 50% 50%;}
.event_index_list li .text{-webkit-box-sizing: border-box;box-sizing: border-box;}
.event_index_list li .text h2{padding:2px 0px 10px;margin:0 0 15px;border-bottom:3px solid #655623;font-size:22px;font-weight:bold;}
.event_index_list li .in_text{line-height:1.7;}
.event_index_list li .text .btn{display: block;text-align: right;margin-top: 20px;position:relative;}
.event_index_list li .text .btn a{text-decoration: none;display: inline-block;padding:5px 30px 5px 15px;line-height: 28px;color: #655623;background: #cdcdcd;
-webkit-border-radius: 2px; border-radius: 2px;background: #fff;color: #655623;border:1px solid #655623;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.event_index_list li .text .btn a:hover{background: #655623;color: #fff;}
.event_index_list li .text .btn a::after{content: "→";position: absolute;right: 10px;}

/*event_article*/
.event_article{}
.event_article .box{}
.event_article .image{width:325px;margin-left:40px;}
.event_article .image li{text-align: center;margin-bottom: 20px;}
.event_article .image img{max-width: 100%;}
.event_article h2{padding:2px 0px 10px;margin:0 0 20px;border-bottom:3px solid #655623;font-size:26px;font-weight:bold;}
.event_article .in_text{line-height:1.7;}


@media screen and (max-width:1280px){
	.contents_event_index .wrapper,
	.contents_event_detail .wrapper{padding:60px 20px;}
	.event_index_list li .image{width: 240px;margin-right: 30px;}
}

@media screen and (max-width:1081px){
	.contents_event_index .wrapper,
	.contents_event_detail .wrapper{padding:40px 20px;}
}

@media screen and (min-width:768px){
	.contents_event_index .to_past a,
	.contents_event_detail .to_past a{-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
	.contents_event_index .to_past a:hover,
	.contents_event_detail .to_past a:hover{color:#655623;background-color:#fff;}

	.event_index_list li .box{display:-webkit-flex;display:flex;}
	.event_index_list li .text{flex:1;}
	
	.event_article .box{display:-webkit-flex;display:flex;}
	.event_article .text{flex:1;}
}
	
@media screen and (max-width:767px){
	.contents_event_index .wrapper,
	.contents_event_detail .wrapper{padding:40px 15px;}
	.event_index_list li .image{max-width:480px;width:100%;text-align:center;margin:0 auto 30px;}
	
	.event_index_list li .text h2{}
	.contents_event_index .to_past,
	.contents_event_detail .to_past{}
	
	.event_article h2{font-size:22px;}
	.event_article .image{width:100%;margin:40px auto 0;}
	.event_article .image ul{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
	.event_article .image li{width:48%;margin:0 1% 20px;}
}