@charset "utf-8";

/* nav-togo */
.nav-togo {
	border-bottom: solid 1px #a3bfe5;/* blue040 */
	background: #e8eff8;/* blue010 */
}
@media screen and (max-width:768px) {
.nav-togo {
	border-top: solid 2px #ffffff;
	border-bottom: none;
}
}
	.nav-togo-in {
		padding: 0;
		max-width: 940px;
	}
		.list-togo {
			list-style: none;
			display: flex;
			flex-wrap: wrap;
			margin: 0;
		}
			.item-togo { flex-grow: 1;}
			.item-togo::before {
				float: left;
				content: "";
				margin: 13px 0;
				width: 2px;
				height: 14px;
				border-left: solid 1px #a3bfe5;/* blue040 */
			}
			.item-togo-front::before { content: none;}
			@media screen and (max-width:768px) {
			.item-togo {
				border-bottom: solid 1px #a3bfe5;/* blue040 */
				width: 33.3%;
			}
			.item-togo-front,
			.item-togo-registration {
				order: -1;
				width: 50%;
			}
			.item-togo-oral::before { content: none;}
			}
			@media screen and (max-width:480px) {
			.item-togo { width: 50%;}
			.item-togo-front { width: 100%;}
			.item-togo-registration { order: 0;}
			.item-togo-poster::before { content: none;}
			}
				.link-togo {
					display: block;
					overflow: hidden;
					height: 40px;
					line-height: 40px;
					font-family: 'Noto Sans JP', sans-serif;
					font-weight: 700;
					text-align: center;
					text-decoration: none;
					color: #1753a5 !important;/* blue110 */
				}
				.link-togo:hover,
				.link-togo.is-current {
					color: #ffffff !important;
					background: #1a5fbd;/* blue100 */
				}
				.link-togo:hover[target="_blank"]::after,
				.link-togo.is-current[target="_blank"]::after { content: url(/common/files/ico_blank_02.svg);}

/* hero-togo */
.hero-togo { background: #327cbd;}
	.hero-togo-in {
		padding: 0;
		max-width: 940px;
	}
	.hero-togo-in-cat {
		color: #ffffff;
		padding: 40px;
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 314.2%;
		font-weight: 700;
		background: url("/event/symposium/togo2019/files/bg_togo2019_01.png") no-repeat -90px -45px;
	}
	@media screen and (max-width:480px) {
	.hero-togo-in-cat {
		padding: 20px;
		font-size: 257.1%;/* 36px */
		background-size: 900px auto;
		background-position: -70px -40px;
	}
	}

/* column-one-thin */
.contents-main.column-one-thin {
	float: none;
	margin: auto;
	width: auto;
	max-width: 675px;
}

/* box-news-togo */
.box-news-togo { display: flex;}
@media screen and (max-width:480px) {
.box-news-togo { flex-direction: column;}
}
	.desc-news-togo { width: 100%;}
		.ttl-news-togo {
			margin-top: 0;
			margin-bottom: 20px!important;
		}
		.list-news-togo { margin-bottom: 0;}
	.fig-news-togo {
		flex-shrink: 0;
		text-align: center;
		margin-left: 20px;
	}
	@media screen and (max-width:480px) {
	.fig-news-togo { margin: 20px 0 0 0;}
	}

/* sec-cmn-01 */
.sec-cmn-01 { margin: 60px auto;}
	.sec-cmn-01 > *:first-child { margin-top: 0;}
	.sec-cmn-01 > *:last-child { margin-bottom: 0;}

.sec-cmn-01.sec-color-01 {
	padding: 20px;
	background: #e8eff8;/* blue010 */
}

/* box-data-02 */
.box-data-02 { margin: 5px 0;}
.box-data-02 + * { margin-top: 0 !important;}
	.box-data-02 > *:first-child { margin-top: 0;}
	.box-data-02 > *:last-child { margin-bottom: 0;}

/* toggle-more */
.btn-toggle-more {
	min-width: 150px;
	background: #ffffff url("/common/files/ico_arrow_down_01.svg") no-repeat right 10px center;
	cursor: pointer;
}
.btn-toggle-more.is-active { background-image: url("/common/files/ico_arrow_up_01.svg");}

.box-toggle-more { margin: 1em 0;}
	.box-toggle-more > *:first-child { margin-top: 0;}
	.box-toggle-more > *:last-child { margin-bottom: 0;}

/* box-youtube-01 */
.box-youtube-01 {
	margin: 1em auto;
	border: solid 1px #e6e6e6;/* k010 */
	max-width: 560px;
}
	.box-youtube-01-in {
		overflow: hidden;
		position: relative;
		padding-top: 56.25%;
	}
		.box-youtube-01 iframe {
			position: absolute;
			top: 0;
			left: 0;
			border: none;
			width: 100%;
			height: 100%;
		}

/* pagetop */
.pagetop {}
	.link-pagetop {
		display: block;
		position: fixed;
		right: 10px;
		bottom: 10px;
		border-radius: 5px;
		padding: 2px;
		height: 40px;
		width: 40px;
		background: rgba(0,0,0,0.1);
	}
	.link-pagetop:hover { background: rgba(0,0,0,0.3);}
		.img-pagetop {
			height: 100%;
			width: 100%;
			background: url(/common/files/ico_arrow_up_02.svg) no-repeat center 2px;
			background-size: cover;
		}
		.link-pagetop:hover .img-pagetop { animation: none;}