@charset "utf-8";

@media only screen and (max-width: 768px) {
	main {
		padding: 0 0 60px;
	}
	.read_txt {
	    font-size: 13px;
	    margin: 30px 0px 10px;
	}
	.pdf_link {
		width: 90%;
		max-width: 90%;
		margin: 0 auto 20px;
	}
	.pdf_link a {
		font-size: 16px;
	    padding: 10px 0;
	}
	.pdf_link a:after {
		width: 25px;
		height: 25px;
		right: 15px;
	}
	.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;
		top: auto;
		 margin-top: 15px;
	}
	.program tr td {
		border-left: none;
		padding: 20px 14px;
	}
	.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: 100%;
		padding-right: 0px;
	}
	.program .flex-box.speaker .photo {
		width: 30%;
		max-width: 115px;
	}
	.program .flex-box.speaker .photo img {
		width: 100%;
	}
	.program tr td .download {
		margin: 20px 0;
	}
	.program tr td .download a {
		margin: 0 auto;
	}

	#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 .program-container {
	    padding-left: 0px;
	}
	#keynote-session .program-container:has(.photo) {
		padding-top: 230px;
		min-height: auto;
	}
	#keynote-session tr td .time.upper {
		font-size: 14px;
		padding-bottom: 0;
	}
	#keynote-session tr td:nth-child(2) .time.upper {
		font-size: 16px;
		line-height: 1.2;
	}
	#keynote-session .program .flex-box.speaker .photo {
	    position: absolute;
        left: 0;
        top: 0px;
        max-width: 55%;
        right: 0;
        margin: auto;
	}
	#keynote-session .session-tags {
		margin-bottom: 20px;
	}
	#keynote-session .session-tags span {
		font-size: 16px;
	}
	#keynote-session tr td:first-of-type .select, #keynote-session tr td:first-of-type .select label, #keynote-session tr td:first-of-type .content {
	  margin-top: 0px;
	}
	#lunch-session tr {
		display: flex;
		flex-direction: column;
	}
	#breakout-session tr {
		display: flex;
		flex-direction: column;
	}
	#breakout-session tr td .time.upper {
		line-height: 1.2;
	}
	#breakout-session tr td .time.upper span.clock img {
		margin-bottom: 2px;
	}
	#reception tr {
		display: flex;
		flex-direction: column;
	}
	#reception .program-container {
	    padding-left: 0px;
	}
	#reception .program-container:has(.photo) {
		padding-top: 0px;
		min-height: auto;
	}
	#reception tr td .time.upper {
		font-size: 16px;
		padding-bottom: 0;
		padding: 4px 0;
	}
	
	#reception .program-container .content {
	  display: flex;
	  flex-wrap: wrap;
	  position: relative;
	  padding-left: 0;
	  padding-top: 250px;
	}
	#reception .program .flex-box.speaker .photo {
	    position: absolute;
        left: 0;
        top: 30px;
        max-width: 55%;
        right: 0;
        margin: auto;
	}
	#reception .program .session-tags {
		margin-bottom: 20px;
		order: 1;
		display: flex;
		justify-content: center;
	}
	#reception .session-tags span {
		font-size: 16px;
	}
	#reception span.state {
		top: 40px;
		left: 0;
		position: absolute;
		width: auto;
		display: inline;
		margin-bottom: 15px;
	}
	ul.notice {
		padding: 0 2vw;
	}
	ul.notice li {
		font-size: 13px;
	}
	#online-session table td label {
	  font-size: 16px;
	}
	.guidance {
		font-size: 13px;
	}
}

@media only screen and (max-width: 450px) {
	#keynote-session .program-container:has(.photo) {
		padding-top: 180px;
		min-height: auto;
	}
	#reception .program-container:has(.photo) {
		padding-top: 0px;
		min-height: auto;
	}
		#reception .program-container .content {
	 padding-top: 235px;
	}
}