.title {
  position: relative;
  padding: 0.4rem 2rem;
  color: #fff;
  border-radius: 10px;
  background: #094;
}

.title:after {
  position: absolute;
  bottom: -9px;
  left: 1em;
  width: 0;
  height: 0;
  content: '';
  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #094 transparent transparent transparent;
}

.date-room {
    font-size: 1em;
    color: #00457a;
    font-weight: bold;
    border-bottom: 1px dashed #00457a;
    padding: 5px 5px;
    line-height: 1.4;
    margin: 1em 20px;
}

.main-content h3 {
   font-size: 1.5em;
    font-weight: bold;
    width: 100%;
    color: #333;
    /* background: #E9E9E9; */
    border-left: 6px solid #00457a;
    padding: 6px 0 4px 15px;
    line-height: 1.2;
    margin: 1em 0px;
}
/*
.event-title {
   font-weight   : bold; 
}

.event-title, .role-person {
  margin: 1em 1em 1em 6em;
}
*/

.event-title {
   font-weight   : bold;
   /*display: none;*/
}

.role-person {
  margin: 1em 1em 1em 6em;
}

.role-name{
  margin: 1em 20px;
}

table {
    display: table;
    border-collapse: separate;
    box-sizing: border-box;
    text-indent: initial;
    border-spacing: 2px;
    border-color: grey;
}

.chairperson {
	/*display:none;*/
}

.role-name th {
    border: none;
    padding: 5px 0px 0px 0px;
    background: inherit;
    color: #333333;
    width: 70px;
   text-align: right;
   vertical-align: top;
}
.role-name td {

  border: none;
}

.page-break {
    display: block;
    page-break-before: always;
}

/* backgound color */
.keynote {
	background-color:#FFFF00;
}

.special {
	background-color:#FF9999;
}

.symposium {
	background-color:#FFCCFF;
}

.education{
	background-color:#FFE699;
}

.seminar{
	background-color:#FFCC99;
}

.public {
	background-color:#FFF1CC;
}

.dialogue {
	background-color:#FBE3D5;
}

/**/
.this-title {
  position: relative;
  background: #dfefff;
  box-shadow: 0px 0px 0px 5px #dfefff;
  border: dashed 2px white;
  padding: 0.2em 0.5em;
  color: #454545;
}

.this-title:after {
  position: absolute;
  content: '';
  left: -7px;
  top: -7px;
  border-width: 0 0 15px 15px;
  border-style: solid;
  border-color: #fff #fff #a8d4ff;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}


/*
.this-title {
  position: relative;
  padding: 0.5em;
  background: #a6d3c8;
  color: white;
}

.this-title::before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px rgb(149, 158, 155);
}

*/

/*
.this-title {
  position: relative;
  color: black;
  background: #d0ecff;
  line-height: 1.4;
  padding: 0.25em 0.5em;
  margin: 2em 0 0.5em;
  border-radius: 0 5px 5px 5px;
}


.this-title:after {
  position: absolute;
  font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
  font-weight: 900;
  content: '\f00c タイトル';
  background: #2196F3;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 3px 7px 1px;
  font-size: 1.2em;
  line-height: 1;
  letter-spacing: 0.05em
}
*/

.this-title p {
    padding: 0;
    margin-top: 5px;
    margin-bottom: 5px;
}

.it-title {
background: linear-gradient(transparent 70%, #a7d6ff 70%);
}

th {
    text-align:center;
    width: 10em;
}