﻿@charset "utf-8";
/* ===== booth.html ===== */
.sec-list_pic{
	display: flex;
	justify-content: space-between;
	width: 100%;
	max-width: 720px;
}

/* ----- ブースのtable ----- */
table.type-booth{
	border-collapse: collapse;
	border: 1px solid #bbb;
	width: 100%;
	max-width: 720px;
}
table.type-booth th,
table.type-booth td {
	border: 1px solid #bbb;
	padding: 10px 15px;
	font-weight: normal;
}
table.type-booth th {
	background-color: #eee;
	text-align: center;
	font-weight: normal;
}

table.type-booth th.schedule_time {
    width: 20%;
}

table.type-booth th:nth-of-type(2){
	/*width: 53%; */
	width: 46%;
}
table .booth-time {
	text-align: center;
}
table .td-txt p{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
table .td-txt .con .blue-back {
	background-color: #005ea6;
	color: #fff;
	font-size: 85%;
	padding: 0.1em 0.3em;
	margin: 0 0 0 1em;
	margin-left: auto;
}
table .td-txt .con .target-size {
	font-size: 85%;
}

.cap-st {
	color: #005ea6;
	font-weight: bold;
}
.sp-br {
	display: none;
}
/*
table .schedule th:first-child{
	 width: 20%; 
}
*/
/* ===== フォーラムhtmlのtable ===== */
table.schedule {
	width: 100%;
	max-width: 720px;
}
table.schedule th:nth-of-type(2){
	width: 22%;
}
/* forum第2会場 */
.hall2 {
	background-color: #3693da;
	padding: 0.08em 0.3em 0.02em 0.3em;
	color: #fff;
	font-weight: 500;
}

.pc-br {
	display: block;
}
.slash {
	display: none;
}
/* forumデジタルアーカイブ */
.forum-da .koenji-cap,
.aidu-cap,
.bizen-cap {
	display: none;
}
.d-a-web {
	list-style: none;
	padding-left: 2em;
	margin-bottom: 0.5em;
}
.d-a-web li::before {
	content: "■";
	color: #3693da;
	padding-right: 0.3em;
}


/*　table
-------------------------------------*/
/*
.schedule th:first-child{
	width: 20%;
}
*/


@media (max-width: 767px){
	html {
		scroll-behavior: smooth;
		scroll-padding-top: 30px;
	}
	
	/* ===== indexのHTML ===== */
	.b-ph-txt{
		float: none;
		width: 226px;
		margin-left: auto;
		margin-right: auto;
	}
	.b-f-btn{
		text-align: center;
	}
	.b-f-btn img{
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.b-f-btn .b-btn:active {
		background-image: url(./img/anchor_booth_on.jpg);
	}
	.b-f-btn .f-btn:active {
		background-image: url(./img/anchor_forum_on.jpg);
	}

	/* ===== ブースhtml ===== */
	.sec-list_pic {
		display: block;
		text-align: center;
	}
	.sec-list_pic figure {
		margin: 10px 0;
	}
	table .td-txt .con .target-size {
		font-size: inherit;
	}
	.cap-st {
		color: #005ea6;
		font-weight: bold;
	}
	.sp-br {
		display: block;
	}
	/* ===== フォーラムhtml ===== */
	/* スマホ版の左余白が広く空いているのを狭く */
	dl.typeA dd {
		margin: 0 0 0.6em 0;
		line-height: 1.3;
	}
	.pc-br {
		display: none;
	}
	.slash {
		display: inline-block;
		padding: 0 0.4em;
	}
	.bder {
        padding: 10px;
    }
	.w-30 {
		min-width: 230px;
	}
	/* ===== table booth　=====*/
	/* PCで表示していた列を削除 */
	thead {
		display: none;
	}
	/* 見出しを表示 */
	table.type-booth{
		border-bottom: 0;
	}
	table.type-booth th,
	table.type-booth td {
		border: 0;
		border-bottom: 1px solid #bbb;
		padding: 10px 20px;
		font-weight: normal;
		/* width: 100%; */
	}
	main table.type-booth td.td-txt{
		display: flex;
		box-sizing: border-box;
		padding: 0;
		/* width: 100%; */
	}
	main table td.td-txt.booth-time{
		text-align: left;
		background-color: #eee;
	}
	main table.type-booth td:before {
		background-color: #cceeff;
		content: attr(data-label);
		display: inline-block;
		/* float: left; */
		font-weight:bold;
		padding: 10px 15px;
		width: 23%;
		white-space: pre-wrap;
		align-content: center;
	}
	.td-txt .con {
		padding: 10px;
		width: 77%;
		align-content: center;
	}
	.cap-st {
		color: #005ea6;
		font-weight: bold;
	}
	/* === table === フォーラム */
	/* PCで表示していた列を削除 */
	.schedule thead {
		display: none;
	}
	.schedule td:before {
		display: table-cell;
		content: attr(aria-label);
		float: left;
		font-weight:bold;
		font-size:90%;
		margin-right:10px;
		text-align: left;
		position: relative;
		top: 2px;
		min-width: 50px;
		white-space: pre-wrap;
	}
	.schedule th:first-child{
		width: 100%;
		box-sizing: border-box;
	}
	.schedule th:nth-of-type(2){
		width: 100%;
		box-sizing: border-box;
	}

	/* forum3デジタルアーカイブ */
	.forum-da{
		display: block;
	}
	.forum-da .koenji-cap,
	.forum-da .aidu-cap,
	.forum-da .bizen-cap {
		display: block;
		margin-bottom: 0;
	}
	.forum-da .bizen-cap {
		margin-top: 0.5em;
	}
	.forum-da .brsp {
		display: block;
	}
	.d-a-web {
	list-style: none;
	padding-left: 1em;
	margin-bottom: 0.5em;
	}
}