span {
  white-space: nowrap;
}

.float{
    float: left;
    margin-right: 20px;
}

.font-white{

	color:white;
}

.flex{
  display: fles;
    justify-content: space-between;
}
.flex>p{
    width: 49%;
}


.flex .image{
  width: 300px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
}
.flex .text{
  margin: 0 0 0 20px;
  padding: 0;
}

.program_fontB{
	font-family:'BIZ UDPGothic';
	font-size:14pt;
	font-weight:bold;
	line-height:42pt;		/*28pt;*/
}

.program_font{
	font-family:'BIZ UDPGothic';
	font-size:12pt;
	font-weight:normal;
	line-height:18pt;
}

.program_font11pt{
	font-family:'BIZ UDPGothic';
	font-size:11pt;
	font-weight:normal;
	line-height:18pt;
}

.program_bold{
	font-weight:bold;
}

.program_normal{
	font-weight:normal;
}

.exnote{
  border: 1px solid #E4B59D;
  font-size:14px;
  border-radius: 10px;
display: table-cell;
	width: 120px;
height:40px;
position: center;
left: 5px;
text-align: center;
align-items: center;
vertical-align: middle;
color:#fff;
}

.exnote a{
text-decoration: none;
color:#fff;
}

.exnote a:visited{
    color:#fff;
}

.comment_box{
  border: 1px solid #E4B59D;
  background: #E4B59D;
  border-radius: 10px;
}
.comment_box h3{
  background: #E4B59D;
  color: #FFF;
  text-align: center;
  line-height: 28pt;
  margin: 0;
  font-size: 14pt;
}
.comment_box .inner{
  background: #FFFFFF;
  padding: .5em;
  font-size: 13pt;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}


.greeting{
	font-family:'BIZ UDPGothic';
	font-size:11pt;
	font-weight:normal;
	line-height:18pt;
}

.align-right{
	text-align:right;
}

.title2{
width: 100%; /* 帯の長さ */
background-color: #D68C79; /* 背景色 */
line-height: 28pt;
font-size: 14pt; /* 文字サイズ */
color: #ffffff;
}

.comment {
  display: flex;
	width: 600px;
height:auto;
position: relative;
left: 5px;
	border-radius: 20px;  
	background-color: #ffffff;
 align-items: center;
}


.goods {
  display: flex;
	width: 660px;
height:auto;
position: relative;
left: 5px;
	border-radius: 20px;  
	background-color: #ffffff;
 align-items: center;
}


.lecture {
  display: flex;
	width: 300px;
height:auto;
position: relative;
left: 5px;
	border-radius: 20px;  
	background-color: #ffffff;
 align-items: center;
}


.lecture_space {
  display: flex;
	width: 20px;
height:auto;
position: relative;
top: 40px;
left: 5px;
background-color: #E0F5F7;
}


.menu {
	width: 120px;
	height: 470px;
position: relative;
top: 100px;
left: 50px;
	border-radius: 20px;  
	background-color: #ffffff;
  font-family:"UDモトヤアポロ";
  font-size: 10pt;
}

.menu_item{
  display: inline-block;
  width: 100px;
  font-size: 16px;
  color: #5271FF;
  background-color: #E0F5F7;
  border-top: solid 2px #5271FF;
  margin-left: 10px;     /* 左の余白 */
  margin-right: 10px;    /* 右の余白 */
  margin-top: 0.5em;    /* 上の余白 */
  margin-bottom: 0.5em; /* 下の余白 */
  padding-left: 1em;     /* 左の余白 */
  padding-right: 1em;    /* 右の余白 */
  padding-top: 0.5em;    /* 上の余白 */
  padding-bottom: 0.5em; /* 下の余白 */
}

.menu_item1{
  display: inline-block;
  width: 100px;
  font-size: 16px;
  color: #5271FF;
  background-color: #E0F5F7;
  border-top: solid 2px #5271FF;
  margin-left: 1em;     /* 左の余白 */
  margin-right: 1em;    /* 右の余白 */
  margin-top: 0.5em;    /* 上の余白 */
  margin-bottom: 0.5em; /* 下の余白 */
  padding-left: 1em;     /* 左の余白 */
  padding-right: 1em;    /* 右の余白 */
  padding-top: 0em;    /* 上の余白 */
  padding-bottom: 0em; /* 下の余白 */
}

#tbl-bdr table,#tbl-bdr td,#tbl-bdr th {
    border-collapse: collapse;
    border:1px solid #333;
	line-height:1.5;
padding:10px;
    }

td.content_about{
	font-size: 18pt;
border:1px solid #333;
	font-weight: normal; 
	height: 36pt;
border-collapse: collapse;
}



* {
  margin: 0;
  padding: 0;
}

.app {
  width: 900px;
  height: auto;	/*100vh;*/
  display: flex;
  flex-direction: row;
  background-color: #E0F5F8;
}

.app1 {
  width: 1300px;
  height: auto;	/*100vh;*/
  display: flex;
  flex-direction: row;
  background-color: #E0F5F8;
}

.header {
  height: 600px;
  background-color: lightcyan;
  box-sizing: border-box;
  border: 8px solid blue;
}

.footer {
  width: 900px;
  display: flex;
  flex-direction: column;
  background-color: #65282A;
  box-sizing: border-box;
  font-size: 9.6pt;
  color: #ffffff;
  text-align:center;
}

.pre_footer {
  width: 900px;
  height: 50px;
  display: flex;
  flex-direction: column;
  background-color: #E0F5F8;
  box-sizing: border-box;
  font-size: 9.6pt;
  color: #ffffff;
  text-align:center;
}

.main {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
}

.main1 {
  display: flex;
  height: auto;	/*100vh;*/
  flex-direction: row;
  flex-grow: 1;
align-items: alex-start;
justify-content:space-arround
}

.sidebar {
  width: 200px;
  box-sizing: border-box;
/*  border: 8px solid chocolate;*/
}

.content {
  display: flex;
  flex-direction: column;
/*  flex-grow: 1;*/
}

.flex-content-header-img {
/*  flex-grow: 1;*/
width: 600px;
  box-sizing: border-box;
}

.flex-content-header-text {
/*  flex-grow: 1;*/
width: 600px;
margin-left: 50px;
  box-sizing: border-box;
  font-family:"UDモトヤアポロ";
  font-size: 12pt;
}

.flex-content {
/*  flex-grow: 1;*/
width: 600px;
margin-left: 10px;
  box-sizing: border-box;
}

.fixed-content {
  height: 128px;
width: 600px;
  box-sizing: border-box;
}

.date-label {
  width: 90px;
  height: 40px;
  border-radius: 40%;
  background-color: #65282A; /* 楕円の色 */
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 19px;
  font-family: "Kaisei Tokumin";
  font-weight: bold;
}

.week-name {
  width: 90px;
  height: 90px;
  border-radius: 100%;
  background-color: #D68C79; /* 楕円の色 */
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 19px;
  font-family: "Kaisei Tokumin";
  font-weight: bold;
}


.lecture-date {
  margin-top: -10px;
  margin-left: 5px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-color: #D68C79; /* 楕円の色 */
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 16.7px;
  font-family: "Kaisei Tokumin";
  font-weight: bold;
}


.lecture-date1 {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-color: #D68C79; /* 楕円の色 */
  justify-content: center;
  align-items: center;

  position: absolute;
  top: -10px;
  left: 5px;
  color: white;
  text-align: center;
  line-height: 50px;
  font-size: 16.7px;
  font-family: "Kaisei Tokumin";
  font-weight: bold;
}


.date-item{
  font-size: 32px;
  font-family: "Kaisei Tokumin";
  font-weight: bold;
}

.date-item1{
  font-size: 20px;
  font-family: "Kaisei Tokumin";
  font-weight: bold;
}


.place-item{
  font-size: 15px;
  font-family: "Noto Sans JP";
}

.place-item1{
  font-size: 11px;
  font-family: "Noto Sans JP";
}


a:visited {
  color: blue;
}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
/* 	background-color: #DBEEF4;*/
}
li {
/*	float: left;*/
/*	border-right: 1px solid #bbbbbb;*/
}
li:last-child {
/*	border-right: none;*/
}
li a.disp {
  display: inline-block;
  width: 100px;
  font-size: 16px;
  color: #5271FF;
  background-color: #E0F5F7;
  border-top: solid 2px #5271FF;
  margin-left: 10px;     /* 左の余白 */
  margin-right: 10px;    /* 右の余白 */
  margin-top: 0.5em;    /* 上の余白 */
  margin-bottom: 0.5em; /* 下の余白 */
  padding-left: 1em;     /* 左の余白 */
  padding-right: 1em;    /* 右の余白 */
  padding-top: 0.5em;    /* 上の余白 */
  padding-bottom: 0.5em; /* 下の余白 */
  text-decoration: none;
  font-family:"UDモトヤアポロ";
  font-size: 10.2pt;
}

li a.disp-c {
  display: inline-block;
  width: 100px;
  font-size: 16px;
  color: #65282A;
  background-color: #E0F5F7;
  border-top: solid 2px #D68C79;
  margin-left: 10px;     /* 左の余白 */
  margin-right: 10px;    /* 右の余白 */
  margin-top: 0.5em;    /* 上の余白 */
  margin-bottom: 0.5em; /* 下の余白 */
  padding-left: 1em;     /* 左の余白 */
  padding-right: 1em;    /* 右の余白 */
  padding-top: 0.5em;    /* 上の余白 */
  padding-bottom: 0.5em; /* 下の余白 */
  text-decoration: none;
  font-family:"UDモトヤアポロ";
  font-size: 10.2pt;
}

li a:hover:not(.active) {
/*	background-color: #9ABB59;*/
	background-color: #B6E7EC;
	color: #214BFF;
}
.active {
	background-color: #68B8CE;
}
body {
	font-family:	"Meiryo UI";
	margin:auto;
	width:900px;
}
.head1 {
	font-size: 28pt;
}

.url_font {
display: inline-block;
 _display: inline;
	font-size: 14pt;
}

.no_br_div {
display: inline-block;
 _display: inline;
}

li a.odd {
	color: #000000;
/*	background-color: #B3CC82;*/
	background-color: #DBEEF4;
	border-color: #F9BD8B;
	border-bottom: solid;
	border-right: thin solid;
}

li a.odd_c {
	color: #000000;
	background-color: #DBEEF4;
	border-color: #F9BD8B;
	border-bottom: none;
	border-right: thin solid;
	border-top:	solid;
}

li a.even {
	color: #000000;
	background-color: #FFFFFF;
	border-left-color: #F9BD8B;
	border-bottom: solid;
	border-right: thin solid;
}

li a.even_c {
	color: #000000;
	background-color: #FFFFFF;
	border-left-color: #F9BD8B;
	border-bottom: none;
	border-right: thin solid;
	border-top:	solid;
}

.contents {
	font-size: 18pt;
	font-weight: bold; 
}

.contents_overview {
	font-size: 18pt;
	font-weight: normal; 
}

td.content_top{
	border-top: solid;
	border-bottom: thin solid;
	border-left-color: #DBEEF4;	//BBD18F;
	border-right-color: #DBEEF4;	//BBD18F;
	border-left: none;
	border-right: none;
	padding-top: 8px;
	padding-bottom: 8px;
	font-weight: normal; 
}}

td.content_top1{
	border-top: solid;
	border-bottom: thin solid;
	border-left-color: #DBEEF4;	//BBD18F;
	border-right-color: #DBEEF4;	//BBD18F;
	border-left: none;
	border-right: none;
	padding-top: 8px;
	padding-bottom: 8px;
	font-weight: normal; 
}

td.content_mid{
	font-size: 18pt;
	border-top: none;
	border-bottom: thin solid;
	font-weight: normal; 
	height: 36pt;
}

td.content_mid1{
	font-size: 14pt;
	border-top: none;
	border-bottom: thin solid;
	font-weight: normal; 
}

td.content_bottom{
	font-size: 18pt;
	border-bottom: solid;
	font-weight: normal; 
}

td.content_bottom1{
	font-size: 14pt;
	border-bottom: solid;
	font-weight: normal; 
}

.about_pw {
	color: #17375E;
	font-family: "Meiryo UI";
	font-size: 18pt;
	background-color: #9BBB59;
}

td.about_pw{
	border-color: #000000;
	border-top: solid;
	border-bottom: thin solid;
}

table.about_pw {
	border: 2px #9BBB59 solid;
}

.about_pw1 {
	color: #0;
	font-family: "Meiryo UI";
	font-size: 14pt;
	background-color: #ffffff;
}

td.about_pw1 {
	border: 1px #9BBB59 solid;
}





/*************************************/
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.progmenu,
a.progmenu,
button.progmenu {
  font-size: 8pt;
  font-weight: 300;
  line-height: 1.3;
  position: relative;
  display: inline-block;
  padding: 0.8rem 0.8rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: -0.1em;
  color: #212529;
  border-radius: 0.5rem;
  width: 100;
}

.progmenu_receipt,
a.progmenu_receipt,
button.progmenu_receipt {
  font-size: 16pt;
  font-weight: 400;
  line-height: 0.5;
  position: relative;
  display: table-cell;
  padding: 1rem 1rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: -0.1em;
  color: #212529;
  border-radius: 0.5rem;
  width: 3cm;
  height: 1cm;
}

.progmenu--blue,
a.progmenu--blue {
  color: #fff;
  background-color: #4F81BD;
}
.progmenu--lblue,
a.progmenu--lblue {
  color: #215968;
  background-color: #93CDDD;
}
.progmenu--blue:hover,
a.progmenu--blue:hover {
  color: #fff;
  background: #345C8C;
}

.progmenu--orange,
a.progmenu--orange {
  color: #fff;
  background-color: #eb6100;
}
.progmenu--orange:hover,
a.progmenu--orange:hover {
  color: #fff;
  background: #AC4600;
}

.progmenu--green,
a.progmenu--green {
  color: #000000;
  background-color: #9BBB59;
}
.progmenu--purple,
a.progmenu--purple {
  color: #000000;
  background-color: #FFCCFF;
}
.progmenu--green:hover,
a.progmenu--green:hover {
  color: #000000;
  background: #74913B;
}
.progmenu--purple:hover,
a.progmenu--purple:hover {
  color: #000000;
  background: #FF99FF;
}

.vertical {
  writing-mode: tb-lr;
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  letter-spacing: .2em;
}

img.sdw {
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .5);
}


.videoBox .play {
  position: relative;
  top: -70px;
  left: -90px;
  opacity: 0.9;
}
<!-- hover時処理(おまけ) -->
.video {
  -webkit-transition: 0.5s ease-in-out;
}
.video:hover {
  opacity: 0.7;
}

.noborder {
  border: 0px none;
}

.titleStr {
	color: #215968;
	font-family: "Meiryo UI";
	font-size: 18pt;
	font-color: #215968;
}

.nameStr {
	color: #215968;
	font-family: "Meiryo UI";
	font-size: 16pt;
	font-color: #215968;
}

.orgStr {
	color: #215968;
	font-family: "Meiryo UI";
	font-size: 14pt;
	font-color: #215968;
}

.timeStr {
	color: #215968;
	font-family: "Meiryo UI";
	font-size: 12pt;
	font-color: #215968;
	display: inline-block;
	_display: inline;
}

.progmenu2,
a.progmenu2,
button.progmenu2 {
  font-size: 18pt;
  font-weight: 300;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 0.8rem 0.8rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  letter-spacing: -0.1em;
  color: #0;
/*  color: #212529;*/
  border-radius: 0.5rem;
  border: 1px solid;
  border-color: #984807;
  width: 200px;
  height: 100px;
}



.progmenu2--cream,
a.progmenu2--orange {
  color: #984807;
  background-color: #FDEACF;
}
.progmenu2--cream:hover,
a.progmenu2--cream:hover {
  color: #984807;
  background: #FACB86;
}

.progmenu2--cream,
a.progmenu2--green {
  color: #000000;
  background-color: #9BBB59;
}
.progmenu2--cream:hover,
a.progmenu2--green:hover {
  color: #000000;
  background: #6B8537;
}

p.indent {
  margin-left: 1rem;
  text-indent: -1rem;
}