/* 概要　*/
/*------------------ PC  (指定なし) ------------------*/
table {
	width:100%;
	margin:auto;
	border-spacing: 8px;
}
table th {
	width: 25%;
	background-color:rgba(255, 255, 255,0.1);
	border-radius:4px;
	padding: 4px;
	vertical-align: middle;
	text-align: center;

	font-weight: 400;
}
table td {
	padding: 0px;
	vertical-align: middle;
	text-align: left;
}

/*------------------ タブレット・スマホ　ファースト ------------------*/
@media screen and (max-width:1024px){
	table th, table td{
		display: block;
		margin: 4px 0px;
		width: 100%;
		text-align: center;
	}
}

/* 概要「td内の２行２列に分割」*/
/*------------------ PC タブレット　スマホ 共通-----------------*/
/*
   A | B   
 ----------
   C | D  

    AB 
 ----------
   C | D 

   A | B   
 ----------
    CD
*/

.td-22{
	display: grid;
	grid-template-columns: 90px 1fr;
	column-gap: 4px;
	row-gap: 4px;
}

.td-22-A{
	grid-row: 1 / 2;
	grid-column: 1 / 2;

	background-color: rgba(255, 255, 255, 0.1);
	border-radius:4px;
	text-align: center;
	place-content: center;
	place-items: center;
	padding: 4px;
}

.td-22-B{
	grid-row: 1 / 2;
	grid-column: 2 / 3;

	text-align: left;
	padding: 4px;
}

.td-22-C{
	grid-row: 2 / 3;
	grid-column: 1 / 2;

	background-color: rgba(255, 255, 255, 0.1);
	border-radius:4px;
	text-align: center;
	place-content: center;
	place-items: center;
	padding: 4px;
}

.td-22-D{
	grid-row: 2 / 3;
	grid-column: 2 / 3;

	text-align: left;
	padding: 4px;
}

.td-22-AB{
	grid-row: 1 / 2;
	grid-column: 1 / 3;
}

.td-22-CD{
	grid-row: 2 / 3;
	grid-column: 1 / 3;
}

/* Registration　Abstract Submission ボタン*/
/*------------------ PC タブレット　スマホ 共通-----------------*/
div.btn{
	padding:8px 4px;
	border-radius:4px;
	max-width:500px;
	max-height: 36px;
	
	text-align:center;
	font-size:1.2em;
	font-weight:600;
	color: #141A40;
	
	background:  linear-gradient(to right, #6BF2F2 0%, #E9A0F2 100%);
}

a.btn{
	text-decoration:none;
}

div.btn:hover{
	background:  linear-gradient(to right, #C6FAFA 50%, #A4F7E1 100%);
}

div.btnOff{
	padding:8px 4px;
	border-radius:4px;
	max-width:500px;
	max-height: 36px;
	
	text-align:center;
	font-size:1.2em;
	font-weight:600;
	color:gray;

	background-color:#cccccc;
}

/* 講演者コンテナ*/
/*------------------ PC  (指定なし) -----------------*/
.speaker-container{
	display: grid;
	grid-template-columns: repeat(auto-fit, 388px);
	justify-content: center;

	gap: 10px;
}
/*--------- 演者コンテナの幅より小さい端末 ---------*/
@media screen and (max-width:392px){
	.speaker-container{
		grid-template-columns: repeat(auto-fit, 320px);
	}
}

/* 講演者box */
/*------------------ PC  (指定なし) -----------------*/
.speaker-box {
	display: grid;
	grid-template-rows: 90px 1fr;
	grid-template-columns: 208px 1fr;

	gap:4px;

	background-color: rgba(255, 255, 255, 0.1);
	border-radius:4px;
	padding: 8px;

	text-align: center;
}
/*--------- 演者コンテナの幅より小さい端末 ---------*/
@media screen and (max-width:392px){
	.speaker-box{
		grid-template-rows: 72px 1fr;
		grid-template-columns: 148px 1fr;
	}
}

/* 講演者の情報 */
/*--------- PC タブレット　スマホ 共通---------*/
.speaker-img {
	grid-row: 1 / 3;
	grid-column: 1 / 2;
}
.speaker-img img{
	max-width: 200px;
	width: 100%;
	margin: 4px;
	pointer-events: none;
}

.speaker-name {
    grid-row: 1 / 2;
    grid-column: 2 / 3;

	font-size: 1.2em;
	padding: 8px 0px;
}
.speaker-affiliation {
    grid-row: 2 / 3;
    grid-column: 2 / 3;

	padding: 8px 0px;
}