#aboutbox.data-list-style dt {  width: 250px;}
#aboutbox.data-list-style dd{ width: calc(100% - 250px);}

.online .btn-style1.nolink {
  pointer-events: none;
  text-decoration: none;
  background-color: #ddd;
 
  border-color:#ddd;
}
.online .btn-style1.nolink a{ color:#11458a;}
.online .btn-style1.nolink::before{ border-color: #11458a; }
/*table*/
table,
td,tr,
th {
  border-collapse: collapse;
  border-spacing:0;
  box-sizing: border-box;
}
table{border: 1px solid #ccc; width: 100%;}
th,td{border-right: 1px solid #ccc; border-bottom:1px solid #ccc ; text-align: center; }
th{  color: #bba338; background-color: #fffbea;
padding: 2% 0;}
td{padding: 1% 2% ;}

.participants .box,
.online .box, .everyone .box,.program .box{  font-family: "Zen Kaku Gothic New", serif;}
.participants .heading-l-style,
.online .heading-l-style,
 .everyone .heading-l-style{ font-family: "Zen Old Mincho", serif; }


.ex, .heading-m-style span{ font-size: 0.8em; }
.heading-l-style span{ font-size: 0.7em; }
p span.redtxt{ color: #b40606;}

/* * */
.list-style4 {
  margin-top: 20px;
}

.list-style4 > li {
  position: relative;
  padding-left: 1em;
}
.list-style4 li:not(:last-child){ margin-bottom: 15px; }

.list-style4 > li::before {
  content: "＊";
  display: block;
  position: absolute;
  left: 0;
  top: 0em;
}
.sentence-scroll th,
.sentence-scroll td {  padding: 1% 8px;}

/*btn*/
.online .btn-style1,
.everyone .btn-style1{display: flex;
  justify-content: center;
  max-width: 750px;
  margin-right: auto;
  margin-left: auto;}

.program .btn-style1{ display: flex; justify-content: space-around; }
.program .btn-style1,
.link .btn-style1{
  max-width: 750px;
  margin-right: auto;
  margin-left: auto;}


.program .box .btn-style1 li {
   max-width: 320px;
  text-align: center;
  background: #11458a;
  border-radius: 10px;
    border: 1px solid #11458a;
  position: relative;
}

.link .box .btn-style1 li{  position: relative; }
.link .box .btn-style1 li:not(:last-child){ margin-bottom: 20px; }
.link .box .btn-style1 li a{
  border: 1px solid #dedede;
  border-radius: 10px;
}

.link .btn-style1 li:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-right: 2px solid #11458a;
  border-bottom: 2px solid #11458a;
  transform: rotate(-45deg);
  position: absolute;
  right: 1em;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}
@media screen and (hover: hover) {
  .link .box .btn-style1 li:hover {
    background-color: #11458a;
    border-radius: 10px;
  }
  .link .box .btn-style1 li:hover:before {
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
  }
  .link .box .btn-style1 li:hover a {
    color: #fff;
  }
}

#date{ display: flex;
  justify-content: end;
  text-align: right; }

@media screen and (min-width: 641px) {
#coibox{ display: flex; }
#coibox ul{ width: 60%; }
#coibox div{ width: calc(100% - 60%); margin-left: 4%; }
#scrollTxt{ display: none; }

.program .box .btn-style1 li { width: 30%;}
.link .box .btn-style1 li a{padding: 2%;}
.online .btn-style1{ width: 48%; }
}

/*program*/
.linkBox {
  display: flex;
  flex-wrap: wrap;
  padding: 2em 3em;
  background: #fffcf5;
  border-radius: 8px;
  justify-content: space-around;
  justify-content: flex-start; }

	.linkBox > li:first-child,  .linkBox > li:nth-child(2) { margin-top: 0; }
	.linkBox > li {  width: 50%;  margin-top: 15px;}
	.linkBox > li a {
  font-weight: 500;
  display: block;
  position: relative;
  padding-left: 1em;
  transition: color 0.1s; }

	.linkBox > li a::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #b5cef4 transparent transparent transparent;
  border-width: 5px;
  position: absolute;
  left: 0;
  top: 0.7em; }


.programtitle{  padding:2%; background: #f5f7ff; 
border-top: 2px solid #182a51; margin-bottom: 30px;}

.programsubTitle{ font-weight: 500; 
  position: relative;
  padding: 2% 2% 2% 2em;
  margin-bottom:2%;
  margin-right:2%;
  margin-left:2%;
  font-size: 1.2em;
  border-bottom: 1px solid #e1ded0; 
border-top: 2px solid #9db1d0;}

.programsubTitle::before {
  content: "";
  display: block;
  width: 0.7em;
  height: 2px;
  background: #bba338;
  position: absolute;
  top: calc(1.3em + 2px);
  left: 2%;
}


.program-section{ padding:0 2% }
.actor {  display: flex;  flex-wrap: wrap;}
.schedule{ text-align: right; }
.hospital{ font-size: 0.7em; }
.dcinfo > span ,.lecture span { display: block;}
.lecture{ font-weight: 500; font-size: 1.09em; color: #9b893a;
  padding: 2% 0 1%; }

.lecture span{  font-size: 0.9em;
  padding: 1% 2%; background: #f5f6f7; margin: 1.5% 0 0; }

.lecture span i, .lecture i{ font-style: italic; }

.streambox{ display:flex;justify-content: space-between;   align-items: center; }

.stream{ background: #f4eedf;
  color: #11458a;
  padding: 1%;
  display: inline-block;
  font-size: 0.7em; font-weight: 500;
  border-radius: 4px; }

.aid{ padding: 1%; font-size: 0.9em; text-align: right; }
sup{ vertical-align: super;
  font-family: "Zen Kaku Gothic New", serif;
  font-size: 0.5em;
  font-weight: 600; }


@media screen and (max-width: 640px) {
  #aboutbox.data-list-style dt,
  #aboutbox.data-list-style dd {  width: 100%;  }

  .mobile-scroll{width: 100%; overflow-x: scroll;}
  .sentence-scroll{width: 650px; }
  
  #coibox div{ margin-top: 30px; }
.program .box .btn-style1 { flex-wrap: wrap; }
  .program .box .btn-style1 li {  width: 80%;}
  .program .box .btn-style1 li:not(:last-child),
  .link .box .btn-style1 li a{padding: 4%;}
.online .btn-style1{ width: 90%; }

}