@charset "utf-8";

@media only screen and (max-width: 768px) {
	main {
		padding: 0;
	}
	.program {
		margin-bottom: 0;
		border: none;
	}
	.program tr {
		padding: 0 2vw;
	}
	.program tr th {
		position: sticky;
		top: 50px;
		padding: 8px 0 !important;
		font-size: 14px;
		line-height: 27px;
	}
	.program tr td {
		border-right: 1px solid #bbb;
		padding: 20px 14px;
	}
	.program tr td.no-session {
		display: none;
	}
	.program .title {
		font-size: 14px;
		margin: 10px 0 6px;
	}
	.program .subtitle {
		font-size: 13px;
	}
	.program .speaker {
		font-size: 13px;
	}
	.program .flex-box.speaker .position {
		width: 70%;
		padding-right: 4px;
	}
	.program .flex-box.speaker .photo {
		width: 30%;
		max-width: 115px;
		margin-right: 0;
	}
	.program .flex-box.speaker .photo img {
		width: 100%;
	}
	.program tr td .download {
		margin: 20px 0;
	}
	.program tr td .download a {
		margin: 0 auto;
	}
	#partner-exchange tr {
	    display: flex;
		flex-direction: column;
	}
	#online-session tr {
		display: flex;
		flex-direction: column;
	}
	#online-session tr td,
	#exhibition-session tr td {
		padding: 10px 14px;
		margin: 0 !important;
	}

	#keynote-session tr {
		display: flex;
		flex-direction: column;
	}
	#keynote-session tr td:first-of-type {
		padding: 10px 14px;
		/*border-left: none;*/
		/*border-right: none;*/
		border-bottom: none;
	}
	#keynote-session tr td:first-of-type .title {
		margin: 0;
	}
	#keynote-session tr td .time.upper {
		font-size: 14px;
		padding-bottom: 0;
	}
	#lunch-session tr {
		display: flex;
		flex-direction: column;
		/*margin-bottom: 80px;*/
	}
	.comment {
		font-size: 13px;
		padding: 0 2vw;
	}
	#breakout-session tr {
		display: flex;
		flex-direction: column;
		border: none;
	}
	#breakout-session tr:nth-child(1) {
	    border-top: none;
	}
	
	#breakout-session tr:nth-child(1) td:nth-child(9).no-session, #breakout-session tr:nth-child(1) td:nth-child(10).no-session {
	    display: none;
	}
	#breakout-session tr:nth-child(3) td:nth-child(9).no-session, #breakout-session tr:nth-child(3) td:nth-child(10).no-session {
	    display: none;
	}
	#breakout-session tr:nth-child(7) {
		background: none;
	}
	#reception tr {
		display: flex;
		flex-direction: column;
	}
	ul.notice {
		padding: 10px 2vw;
	}
	ul.notice li {
		font-size: 13px;
	}
	/* search */
	#search {
		padding: 0px;
	}
	#search .search-container {
		display: flex;
		gap: 0px;
		margin: 0 0 10px 0;
		flex-direction: column;
		align-items: center;
		padding: 0 20px;
	} 
	#search .search-container p {
		text-align: center;
		margin: 0 0 15px;
	} 
	.keyword_list {
		display: flex;
		flex-wrap: wrap;
		gap: 7px;
		justify-content: center;
		list-style: none;
		align-items: center;
	}
	.keyword_list .flex_items a {
		font-size: 11px;
	}
	.silent_icon {
		width: 95%;
		margin: 0 auto 15px;
		flex-wrap: wrap;
	}
	.silent_icon .icon {
		margin: 0 0 5px;
		font-size: 13px;
	}
	.silent_icon p {
		font-size: 13px;
		width: 100%;
	}
	#search .explan-container {
		width: 100%;
	}
	#search .explan-container .explan p {
		margin: 0;
	}
	.tt-wrap {
		margin: -2px 0 -4px 2px;
	}
	.tt-bubble {
	    position: fixed;
	    top: 50%;
	    left: 50%;
	    bottom: auto;
	    transform: translate(-50%, -50%);
	    width: 85vw;
	    max-width: 320px;
	    max-height: 70vh;
	    overflow-y: auto;
	  }
}