@charset "utf-8";
/* CSS Document */
.events_detail{
width: 95%;
margin: 4em auto 4em;
}
.events_detail h3{
font-size: 1.4em;
margin-bottom: 0.4em;
color: #fff;
background: #b49844;
padding: 0.7em 1.3em 0.5em;
border-radius: 50px;
}
.events_detail .info_text{
font-size: 1.3em;
border-bottom: solid 1px #b49844;
margin: 1em;
}
.events_detail .info_text .red{
color: #c00;
font-weight: bold;
}

/*会場情報 ------------------------------------------------*/
table.venue_detail{
font-size: 15px;
margin: 0.5em auto 1.5em;
line-height: 1.6;
border-collapse: collapse;
border: solid 1px #cbcbcb;
width: 95%;
}
.venue_detail th,.venue_detail td{
padding: 0.5em;
border: solid 1px #cbcbcb;
}
.venue_detail th{
width: 30%;
font-weight: normal;
text-align: center;
}
.venue_detail td.otime{
width: 15%;
text-align: center;
color: #ff6a48;
}
.venue_detail td.otime span{font-weight: bold;}
.venue_detail td.title{
width: 35%;
padding: 0.5em 1em;
font-size: 16px;
font-weight: bold;
}
.venue_detail td.num{width: 20%;text-align: center;}
th.th1{background: #e5efff;}
th.th2{background: #f1f1f1;}
th.th3{background: #edf7ec;}
th.th4{background: #f7f1f1;}
.title.title1{color: #6282b5;}
.title.title2{color: #000;}
.title.title3{color: #4d9b47;}
.title.title4{color: #a25d5d;}

.events_detail_wrap{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 95%;
margin: 0 auto 1em;
}
.events_detail_text{width: 60%;}
.events_detail_img{
display: flex;
flex-wrap: wrap;
}
.events_detail_img img{height: 200px;margin-left: 15px;}

.events_detail_title{
font-weight: bold;
color: #b49844;
font-size: 1.2em;
margin-bottom: 0.2em;
}
.events_kievballet_wrap{
margin: 0em 2em 4em;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
.events_note{
margin: 1.5em 3em 2.5em;
background: #fee;
padding: 1em;
}
.events_note ul{
color: #c00;
list-style: disc;
padding-left: 1em;
}
.events_kievballet_wrap h3{
width: 100%;
font-size: 1.6em;
color: #b49844;
margin: 0em 0em 1em;
padding: 0.7em 1em;
background: #f7f4ec;
border-radius: 10px; 
border: 2px solid #b49844;
}
.events_kievballet_text{
width: 67%;
order: 1;
margin-left: 2%;
}
.events_kievballet_text p{}
.events_img{
width: 25%; 
order: 2;
margin-right: 2%;
}
table.venue_detail2{
line-height: 1.6;
border-collapse: collapse;
border: solid 1px #cbcbcb;
width: 96%;
margin: 2em auto 2em;
}
.venue_detail2 th,.venue_detail2 td{
padding: 0.5em;
text-align: center;
border: solid 1px #cbcbcb;
}
.venue_detail2 th{background-color: #f1f1f1;}
.venue_detail2 .date{color: #c00;}
.btn_form,.btn_form_close{width: 60%;margin: 0 auto;}
.btn_form a{width: auto;margin: auto;}

@media screen and (max-width: 767px) {
.events_detail{margin: 3em auto 1em;}
.events_detail h3{font-size: 1.3em;}
.events_detail .info_text{margin: 1em 0;}


/*会場情報 ------------------------------------------------*/
table.venue_detail{width: 100%;border: none;margin: 0 auto;}
.venue_detail tr{display: flex; flex-wrap: wrap;}
.venue_detail th,.venue_detail td{border: none;}
.venue_detail th{
width: 100%;
padding: 0.7em 1em 0.7em 0.5em;
display: flex;
justify-content: space-between;
align-items: center;
}
.venue_detail td.otime{width: 32%;padding: 0.3em 0.5em 0em;text-align: left;}
.venue_detail td.title{width: 68%;padding: 0.3em 0.3em 0em;}
.venue_detail td.num{width: 68%;padding: 0em 0.3em 0.3em;margin: 0 0 1em 32%;text-align: left;}

.events_detail_wrap{width: 100%;justify-content: center;}
.events_detail_text{width: 100%;}
.events_detail_img{justify-content: center;margin: 1em 0 0;}
.events_detail_img img{height: 180px;margin: 0 10px;}

.events_note{padding: 0.5em 0.5em 0.5em 0.7em;margin: 1em 1em 2em;}
.events_kievballet_wrap{margin: 0em 1em 4em;}
.events_kievballet_wrap h3{font-size: 1.3em;padding: 0.7em 0.7em;}
.events_kievballet_text{width: 100%;margin: 0;order: 2;}
.events_img{width: 60%;margin: 0em auto 1em;order: 1;}

table.venue_detail2{width: 100%;margin: 1em auto 1em;border: none;}
.venue_detail2 tr{display: flex;flex-wrap: wrap;align-items: center;}
.venue_detail2 th,.venue_detail2 td{border: none;}
.venue_detail2 th{display: none;}
.venue_detail2 td{width: Calc(100% / 3);}
.venue_detail2 .date{
width: 100%;
background-color: #f1f1f1;
font-weight: bold;
text-align: left;
padding: 0.7em 0.5em;
}
.venue_detail2 td.venue{width: 45%;font-weight: bold;text-align: left;padding: 0.5em 0.5em 0em;}
.venue_detail2 td.time{width: 55%;text-align: right;padding: 0.5em 0.5em 0em;}
.venue_detail2 td.deadline{width: 100%;padding: 0em 1em 1.5em;text-align: right;}

.btn_form,.btn_form_close{width: 80%;margin: 0 auto;}
.btn_form a{width: auto;margin: auto;}

}