@charset "utf-8";
/* CSS Document */
.seminar{ margin-top:2% ; background:#ffeeed; padding:3% 2% 3% 5%;  font-size:1.4em; color:#a52e2a; }

.periodTxt{ font-size: 0.8em; color:#333 ; padding-top: 5px}

#aboutEntry{ position: relative; margin-bottom:20px }
#aboutEntry li{ line-height: 1.6em;
    margin-bottom: 5px;
    margin-left:20px
}

#aboutEntry li:before{ 
    position: absolute;
    content:"・";
    left: 0; }

#aboutEntry a, .meetingTxt a{ color: #a52e2a; text-decoration: underline; }
#aboutEntry a:hover, .meetingTxt a:hover{ color: #8e1c18;}

#person{ float:right; margin-bottom:50px; line-height: 1.6em;}
.contentBox{ clear:both;}

#meetingBox ol{ list-style: none;  }
#meetingTitle{color: #8e1c18; font-size: 1.1em; margin-bottom: 10px;}

.meetingsubTitle{ background:#ffeeed; padding:3px 5px 5px; margin-bottom:8px; }
.meetingTxt{ margin-left:24px; line-height: 1.6em; margin-bottom:30px }


#stream{ display: flex; margin-bottom:20px}
#stream dt{ margin-right:20px; }


#entryBtn a, .entryBtn2 a,.dlbtn a{ background:#cc443f; color:#fff; border: solid #8e1c18 1px; text-align: center; padding:14px 0}
#entryBtn a:hover, .entryBtn2 a:hover { background-color: #8e1c18; color: #ffd9e4; }
#entryBtn li, .entryBtn2 li { width: 100%; margin: 0 2% 4%;}
#entryBtn li a:before{
border-bottom: 2px solid #fff;
top: 18px;
}

.entryBtn2 li a:before,.dlbtn a:before{
border-top: 2px solid #fff;
top:20px;
}
#entryBtn li a:before, .entryBtn2 li a:before,.dlbtn a:before{
content:"";
display: block;
height: 6px;
width: 6px;
position: absolute;
right: 6%;
border-right: 2px solid #fff;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
}


th,td{ padding:2%; }

.txtUnd{ margin-bottom:20px; }

.mail a{ color:#111; }
.mail a:hover,.redTxt{ color:#a52e2a; }

@media screen and (min-width: 481px) {
#stream dd br{ display: none; }
}

@media screen and (min-width: 641px) {
#entryBtn, .entryBtn2{ display:flex; }
#entryBtn li, .entryBtn2 li { width: 50%; margin: 0 2%;}
tr:last-child th, tr:last-child td{ padding-bottom:0 }
}

@media screen and (min-width: 640px) {
.seminar{font-size:1.5em; }

/*table*/
th{ width:25%; }
td{ width:75%; }
}

@media screen and (max-width: 640px) {
.seminar p{ padding-top: 5px}

#entryBtn, .entryBtn2{max-width: 280px; }
#entryBtn, .entryBtn2{ margin: 0 auto; }
}


@media screen and (max-width: 480px) {
#stream dt{ width:35px;  }

.brnone{ display: none; }
}