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

.event_s{background-image: url(../img/bg.jpg);background-size: cover; margin-bottom: 20px;background-repeat: no-repeat;}
.event_s_inner{margin: 0px auto 10px;max-width: 950px;border: solid 3px #fff0a1;border-radius: 10px;background-color: #fff;padding: 0 10px}
.event_s_box{background-color: #e7f2fc;border: solid 2px #fff;border-radius: 10px;margin-bottom: 20px;margin-top: 40px;}
.event_s_box p{padding: 8px;font-size: 16px;color: #212020;line-height: 1.3}
.event_s_box p span{color: #01a9e4; font-weight: bold;font-size: 24px;}
.flex{display: flex;flex-wrap: wrap;width: 100%;  position: relative;}
.flex_box{width: 100% ;margin: 0 5px 10px}
.flex_box2{width: 45%;
    margin: 0 5px 10px;
    z-index: 100;
    top: -50px;
    right: -150px;
    position: absolute;}
.event_c{background-color: #76cef3;background-size: contain;margin: 10px auto;}
.event_c_inner{margin: 10px auto;max-width: 950px;border: solid 3px #00afc3;border-radius: 10px;background-color: #fff;padding: 0 10px}
.sub_img{width: 20%;}

.event_k{background-color: #d6e9c3;background-size: contain;margin: 10px auto;}
.event_k_inner{margin: 10px auto;max-width: 950px;border: solid 3px #f8b62b;border-radius: 10px;background-color: #fff;padding: 0 10px}
.day_area{padding: 40px 20px;text-align: center}


.cp_table2 *, .cp_table2 *:before, .cp_table2 *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
  
.cp_table2 {
	width: 100%;
	border-collapse: collapse;
  margin-bottom: 1em;
	font-size: 16px;
}
  
.cp_table2 th, .cp_table2 td {
	padding: 10px;
}
  
.cp_table2 th {
	text-align: left;
	background-color: #F385AA;
  color: #fff;
  border-bottom: 1px solid #fff;
}
  
.cp_table2 tr:last-child th {
  border-bottom: 1px solid #F385AA;
}    
.th_1 {
  width: 20%;
} 
  
.th_2 {
  width: 10%;
}   
  
.cp_table2 td {
	background-color: #fff;
  border: 1px solid #e5e5e5;
}
.img_flex{display: flex;flex-wrap: nowrap;justify-content: center;align-items: center;}
@media screen and (max-width:760px){
.flex{display: flex;flex-wrap: wrap;width: 100%;}	
.flex_box{width: 100%}
.flex_box2{width: 100%;
    margin: 0 5px 10px;
    z-index: 100;
    top: 0px;
    right: 0px;
    position: unset;}
.img_flex{display: flex;flex-wrap: wrap}	
.sub_img{width: 60%; margin: 0 auto}
/*.day_area{background: #01a9e4;padding: 20px 0px;color: #fff;text-align: center;font-size: 20px}	*/
	
.cp_table2 th, .cp_table2 td {
		width: 100%;
		display: block;
	}
	
  .cp_table2 th {
    border: 1px solid #E8E7E7;
  } 
.cp_table2 td {
    border: 1px solid #E8E7E7;
  } 
}