@charset "utf-8";

.program-list {
	display: flex;
	flex-wrap: wrap;
}

.program-list li {
	width: 40%;
}

/* 座長：、演者：の書体設定 */
#program1 dl {
	font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;	
	font-size: 1.2em;	/* 1em=100% */
}

/* センテンスの設定 */
.program-item-title{
font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;	
	line-height: 1.25;
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* セクション名　大項目 */
.program-item-title h4 {
	font-size: 1.8em;	/* 1em=100% */
	color: #51280e;
	letter-spacing: 0.1em;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
	font-weight: bold;
	clear: both;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border-bottom:1px solid;
	border-top:1px solid;
	border-color:#51280e;
	background-color:#e4e2c6;
}

/* セクション名　小項目 */
.program-item-title h5 {
font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-size: 1.6em;	/* 1em=100% */
	color: #51280e;
	letter-spacing: 0.1em;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	font-weight: bold;
	clear: both;
	margin-top: 40px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	border-bottom:1px solid;
	border-left:5px solid;
	border-color:#7c411a;
	background-color:#ece6dd;
}

/* 演題名 */
.program-item-title h6{
	color: #51280e;
	font-weight: bold;
	font-size: 1.4em;	/* 1em=100% */
	line-height: 1.25;
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 30px;
	margin-bottom: 5px;
}

.program-staff {
	display: flex;
}

/* 日付、時間、会場*/
.program-item-place {
	font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-size: 1.2em;	/* 1em=100% */
	margin-right: 40px;
	color: #000000;
	text-align: right;
}

.program-item-chairman {
	display: flex;
}

@media screen and (max-width: 768px) {
	.program-item-chairman dd {
		flex-direction: column;
	}
}

/* 「座長：」*/
.program-item-chairman dt {
	width: 10%;/* TODO: %に */
	min-width: 3em;
	text-align: right;
	padding-left: 0px;
	margin-left: 0px;
}

/* 座長　名前と肩書き*/
.program-item-chairman dd {
	width: 90%;
	display: flex;
	margin-left: 0px;
}

/* 座長の氏名*/
.program-item-chairman-name{
	font-weight: bold;
	white-space: nowrap;
}
/* 座長の肩書き*/
.program-item-chairman-role{
	margin-left: 15px;
}


.program-item-staff {
	display: flex;
	margin-top: 0px;
	margin-right: 20px;
	margin-left: 20px;
}

/* 「演者：」*/
.program-item-staff dt {
	width: 10%;/* TODO: %に */
	min-width: 3em;
	text-align: right;
	padding-left: 0px;
	margin-left: 0px;
}

/* 演者　名前と肩書き*/
.program-item-staff dd {
	width: 90%;/* TODO: %に */
	margin-left: 0px;
}

/* 演者の氏名*/
.program-item-staff-name{
	font-weight: bold;
	white-space: nowrap;
}

/* 演者の肩書き*/
.program-item-staff-role{
	margin-left: 15px;
}

.program-item-staff dd .program-item-staff-name-role {
	display: flex;
}

/* 追加　プリプレス */
.program-item-kyosan{
	margin-top: 15px;
	margin-left: 30px;
}

/* プログラムのもくじリンク用 */
/* ボックスの設定 */
#midashi{
	padding: 10px;
	border:1px solid;
	border-color:#000000;
}
/* リストの設定 */
#midashi li{
	position: relative;
	padding: 0 0 0 16px;
	list-style: none;
}
/* リストのマークを三角に */
#midashi li::before{
	content: "";
	position: absolute;
	top: 50%;   /* 縦軸をセンタリングする */ 
	left: 0;
	transform: translateY(-50%);   /* 縦軸をセンタリングする */  
	border: 5px solid transparent;
	border-left: 8px solid #555;   /* 好みで色を変えてください */  
}

/* 日程表のボタン */
.border_btn01 {
	display: inline-block;
	width: 100%;
	max-width: 300px; /* ボタン幅 */
	color: #ffffff; /* 文字色 */
	border: 2px solid #4D9BC1; /* 線幅・種類・色 */
	background: #3582a8; /* 背景色 */
	padding: 1em 2em;
	font-weight: bold; /* 文字の太さ */
	text-decoration: none;
	text-align: center;
	transition: 0.3s;
	border-radius: 3px;	/*角丸のサイズ*/

}

/* マウスオーバーした際のデザイン */
.border_btn01:hover {
	 color: #fff; /* 文字色 */
	background: #4D9BC1; /* 背景色 */
}