@charset "utf-8";

/*
 *	SSDM CSS for Tablet
 */

#mode {
	background: #0f0;
}

#mode:after {
	content: "TABLET";
}

.mode-tb { display: block !important; }
.mode-pc,
.mode-sp,
.no-tb { display: none !important; }
#mm {
	display: none;
}

#body_wrapper {
	width: calc(100% - 40px) !important;
	padding: 0 20px;
}

.wrapper,
#header {
	width: 100% !important;
}

#nav {
	min-height: 1px;
}

#nav > li:nth-last-child(2) > ul {
	left: auto;
	right: 0;
}

#nav > li {
	width: 16.666666666667%;
}

#nav > li.slctd > ul {
	top: 40px;
	display: block;
	opacity: 1;
}

#nav > li > a {
	width: 100%;
}

#promotion {
	width: 100% !important;
	height: auto;
	flex-direction: column;
}

#promotion .fL {
	float: none !important;
	margin: 0 auto;
}

#promotion .fR {
	float: none !important;
	width: auto;
	margin-left: 0;
	text-align: center;
	background: none;
}

#promotion .fR > ul {
	display: inline-flex;
	flex-direction: row;
	width: auto;
	padding: 8px 0 0;
}

#promotion .fR > ul > li {
	margin: 0 6px;
	padding: 0;
}

#promotion .fR > ul > li > a,
#promotion .fR > ul > li:first-child > a {
	position: relative;
	display: inline-block;
	width: 22px;
	height: 22px;
	overflow: hidden;
	padding: 0;
}

#promotion .fR > ul > li > a:before {
	content: " ";
	display: inline-block;
	width: 8px;
	height: 8px;
	overflow: hidden;
	margin: 7px;
	background: #c9c9c9;
	border-radius: 50%;
}

#promotion .fR > ul > li.on > a,
#promotion .fR > ul > li > a:hover,
#promotion .fR > ul > li.on > a:hover {
	background: none;
}

#promotion .fR > ul > li.on > a:before {
	background: #f2a220;
}

#column_Home #columnL #timer-conference .timerframe {
	display: inline-block;
	padding: 8px 32px 0;
}

#column_Home #welcome {
	margin-top: 60px;
}
#column_Home #news {
	margin-top: 20px;
}

#column_Home,
#column2_Regular {
	flex-direction: column;
}

#column_Home {
	padding-bottom: 48px;
}

#columnL {
	width: 100%;
}

.regular #columnL {
	padding-bottom: 80px;
}

.regular #columnL h1:first-child {
}

#columnR {
	width: 100%;
	margin-top: 60px;
	margin-left: 0;
	padding-left: 0;
	border-left: none;
}

.regular #columnR {
	display: none;
}

.regular #columnR.iki {
	display: block !important;
	margin-top: -40px;
	pad ding: 40px 0;
}

.regular #columnR.iki .action {
	text-align: center;
}

.regular #columnR.iki .action,
.regular #columnR.iki .download {
	margin-left: auto;
	margin-right: auto;
}


.regular #columnL		{ order: 2; }
.regular #columnR.iki	{ order: 1; margin: 0 0 60px; }

.regular .R2 #columnL	{ order: 1; }
.regular .R2 #columnR.iki	{
	order: 2;
	margin: 0 0 0;
	padding: 60px 0;
	border-top: 1px solid #999;
}


#deadline {
	padding-top: 16px;
}

#deadline > ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 8px 0;
}

#deadline > ul > li {
	width: 232px;
	margin: 8px 4px 0;
	text-align: center;
}

#deadline > ul > li:nth-child(3n+1)	{ margin-left: 0; }
#deadline > ul > li:nth-child(3n)	{ margin-right: 0; }

#deadline .title {
	text-align: left;
}

#deadline .date {
	width: 95%;
	font-size: 3.0rem;
	text-align: left;
}

#deadline .date .s24 {
	font-size: 2.2rem !important;
}

#deadline .strike {
	display: none;
}

#deadline > ul > li:first-of-type .time {
	float: none;
	margin-top: 0;
}

.badge.nowopen {
	top: -18px;
	right: -5px;
}

#cooperation .wrapper {
	width: calc(100% - 173px) !important;
}

#forBrowse,
#copyright {
	padding: 0 20px
}

#ssdm2020_venue-img {
	max-width: 560px;
	padding-bottom: 40px;
}

#ssdm2020_venue-img img {
	width: auto !important;
}

#ssdm2020_venue-img a:nth-child(1) img,
#ssdm2020_venue-img a:nth-child(2) img {
	height: 239px;
}

#ssdm2020_venue-img a:nth-child(3) img,
#ssdm2020_venue-img a:nth-child(4) img,
#ssdm2020_venue-img a:nth-child(5) img {
	height: 177px;
}

#ssdm2020_venue-img a:nth-child(6) img,
#ssdm2020_venue-img a:nth-child(7) img {
	height: 224px;
}

.AwardList_SSDM th,
.AwardList_SSDM td {
	display: block;
	padding: 5px !important;
	width: auto !important;
	height: auto !important;
	text-align: left !important;
}

.AwardList_SSDM {
	margin-bottom: 40px;
}

.AwardList_SSDM th br,
.AwardList_SSDM td br {
	display: none;
}

#Award thead {
	display: none;
}

#Award tbody td {
	display: block;
	min-height: 18px;
	padding-left: 160px !important;
}

#Award tbody td:before {
	display: inline-block;
	width: 160px;
	float: left;
	margin-left: -160px;
	font-size: 1.2rem;
	color: #999;
}

#Award tbody td:nth-child(1):before { content: "Year of the award"; }
#Award tbody td:nth-child(2):before { content: "Conference number held"; }
#Award tbody td:nth-child(3):before { content: "Year of presentaion"; }
#Award tbody td:nth-child(4):before { content: "Thesis number"; }
#Award tbody td:nth-child(5):before { content: "Name of awardees"; }
#Award tbody td:nth-child(6):before { content: "Title of thesis"; }

.line_hor tbody tr:last-child td {
	border-bottom: 1px dotted #c6c6c6 !important;
}

.line_hor tbody tr:last-child td:last-child {
	border-bottom: none !important;
}

#Award.line_hor tbody td:nth-child(6) {
	border-bottom: 1px solid #000;
}

@media screen and (max-width:850px) {

	.sponsors_list {
		justify-content: center;
	}
	.sponsors_list li {
		margin-left: 30px !important;
		margin-right: 30px !important;
	}
}

#panels > div {
	width: calc(33.333% - 4px);
}


.stickyBox {
	position: static;
/*
	display: inline;
*/
}

.list_dash > li {
	display: block;
	background: none;
}

.list_dash > li > span {
	display: inline;
}

.list_dash > li > span:nth-child(1):after {
	content: ":";
}

.plenarysession3,
.plenarysession4 {
	flex-direction: column;
	margin-bottom: 80px;
}

.plenarysession3 > div,
.plenarysession4 > div {
	margin-top: 40px;
	padding-top: 40px;
	text-align: center;
	border-top: 1px solid #dadada;
}

.plenarysession3 .presenterOrg,
.plenarysession4 .presenterOrg {
	min-height: auto;
}

.plenarysession .plenaryPresenter,
.plenarysession3 .plenaryPresenter,
.plenarysession4 .plenaryPresenter {
	font-size: 2.6rem;
}

.wps a {
	width: 30%;
}

.wps img {
	width: 100%;
}

/*
#fc.fR {
	float: none;
	margin-top: 0;
	text-align: center;
}

#fc.fR img:first-child	{ width: 100%; }
#fc.fR img:last-child	{ width: 50%; }
*/

#fc {
	flex-direction: column;
}

#fc_text {
	margin-top: 50px;
	order: 2;
}

#fc_photo {
	order: 1;
	margin-top: 0;
	margin-left: 0;
	text-align: center;
}

#fc_photo > img {
	width: 100%;
	height: auto;
}


.list-flow#login {
	display: inline-flex;
	justify-content: center;
	margin: 0 auto;
}

.list-flow#login > li {
	margin-right: 2.2em;
}
.list-flow#login > li:last-child {
	margin-right: 0;
}


#online-registration #reg {
	position: static;
	text-align: center;
}

.pcontents_list {
	text-align: left;
}

.invitedsp .pcontents_list > li > a > .h {
	display: inline;
}

#columnR .action {
	text-align: center;
}

#columnR .download {
	margin-right: auto;
	margin-left: auto;
}


#tbl_jjap-schdl { width: 100%;}
#tbl_jjap-schdl td:nth-last-child(2),
#tbl_jjap-schdl td:nth-last-child(1) {
	display: block;
}

#tbl_jjap-schdl td:nth-last-child(1) {
	display: block;
}

.line_hor2#tbl_jjap-schdl tbody .TR_line-solid td:nth-last-child(1),
.line_hor2#tbl_jjap-schdl tbody td:nth-last-child(1) {
	border: none;
}
.line_hor2#tbl_jjap-schdl tbody td:nth-last-child(2) { padding-top: 15px; padding-bottom: 0; }
.line_hor2#tbl_jjap-schdl tbody td:nth-last-child(1) { padding-bottom: 15px; padding-left: 2.0em; }

#columnR .pcontents_list li a {
	padding-left: 5.6em;
}

#columnR .pcontents_list li a:before {
	margin-left: -5.6em;
}

#columnR .pcontents_list li a > .h {
	float: left;
	display: inline-block;
	margin-left: -4.6em;
	padding-bottom: 0.1em;
}



img {
	max-width: 100% !important;
}


.list-download {
	width: 100%;
	justify-content: center;
	flex-direction: column;
}

.list-download > li {
	width: 80%;
	max-width: auto;
	max-width: initial;
	margin: 0 auto;
}

.list-download > li.vBase img {
	max-width: 160px;
	max-height: 300px;
	border: 8px solid #d8d8d8;
}

.photo-box.flex {
	flex-direction: column;
	flex-wrap: nowrap;
}

.photo-box {
	text-align: center;
}

.photo-box img.tall {
	max-width: 100%;
}

.photo-box img:not(.tall) {
	width: 100% !important;
}

#columnR .scrl {
	height: auto;
}


.subsidizing > li a {
	display: block;
}

.subsidizing img {
/*
	width: 100% !important;
	height: auto !important;
*/
	margin-bottom: 5px;
}


.subsidizing > li .logo {
	display: block;
}

@media screen and (max-width:600px) {
	#BanImg {
		flex-direction: column;
		justify-content: center;
	}

	#BanImg > div {
		width: 100% !important;
		text-align: center;
	}

	#BanImg > div + div {
		margin-top: 20px;
	}

}


.flexbox#regdesk {
	flex-direction: column;
}

.flexbox#regdesk > .col {
	width: 100%;
}

.flexbox#regdesk > .col + .col {
	margin-top: 30px;
}

#plenaryTT {
	flex-direction: column;
	margin-bottom: 50px;
}

#plenaryTT > .mR50 { margin-right: 0 !important; }
#plenaryTT > .mL50 { margin-left: 0 !important; }

/*Hotel*/
.japan-map {
	width: 100%;
	height: auto;
}