/*----- nav -----*/
.nav_area{
	background: rgba(59, 19, 94, .2);
	box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}

nav{
	position:relative;
	width:230px;
}
nav ul.main li a.emphasis{
	background-image: none;
	background-color: rgb(255,255,0);
	box-shadow: 0 0 4px rgba(0,0,0,.3);
	color: rgb(250,80,80);
}
nav ul.main li a.bg_blue{
	background-image: none;
	background-color: rgb(142,184,255);
	box-shadow: 0 0 4px rgba(0,0,0,.3);
}

nav ul.main li.disabled a {
    pointer-events: none;
    cursor: default;
    color: rgb(197, 197, 197);
    background: url(../img/common_deco03.svg) left .2rem center no-repeat rgb(238, 238, 238);
}

nav #sp_menu_button{
	display:none;
}
nav #sp_menu_button + label{
	box-sizing:border-box;
	position:fixed;
	top:18px;
	right:20px;
	display:none;
	padding:10px 8px;
	width:40px;
	background:rgb(58,76,101);
	color:rgb(255, 255, 255);
	transition:.2s ease-out;
	transition-property:border-color,box-shadow,transform;
	z-index:1600;
}
nav #sp_menu_button + label span{
	box-sizing:border-box;
	display:block;
	margin:0 auto;
	width:100%;
	height:3px;
	background:rgb(255,255,255);
	transition:.2s ease-out;
	transition-property:width,height,margin,box-shadow,transform;
	overflow:hidden;
}
nav #sp_menu_button + label span:nth-child(1),
nav #sp_menu_button + label span:nth-child(2){
	margin-bottom:5px;
}
	/*---- cheked ----*/
	nav #sp_menu_button:checked + label{
		/*transform:rotate(90deg);*/
		box-shadow:0 0 8px rgba(255,255,255,.45);
	}
	nav #sp_menu_button:checked + label span:nth-child(2){
		background:rgba(0,0,0,0);
		width:20px;
		height:20px;
		text-shadow:0 0 8px rgba(255,255,255,.6);
	}
	nav #sp_menu_button:checked + label span:nth-child(2)::before{
		content:"×";
		display:block;
		font-size:20px;
		line-height:20px;
		text-align:center;
	}
	nav #sp_menu_button:checked + label span:nth-child(1),
	nav #sp_menu_button:checked + label span:nth-child(2){
		margin-bottom:0;
	}
	nav #sp_menu_button:checked + label span:nth-child(1),
	nav #sp_menu_button:checked + label span:nth-child(3){
		height:0;
	}
nav ul.sub{
	box-sizing:border-box;
	margin:0;
	padding:10px;
	width:100%;
	background:rgb(178,141,79);
}
nav ul.sub li{
	display:flex;
	list-style:none;
	margin-bottom:12px;
}
nav ul.sub li:last-child{
	margin-bottom:0;
}
nav ul.sub li a{
	position:relative;
	box-sizing:border-box;
	display:flex;
	justify-content:space-around;
	align-items:center;
	align-content:center;
	padding:.7rem 0 ;
	width:100%;
	font-size:1.5rem;
	color:rgb(255,255,255);
	text-decoration:none;
	transition:.2s ease-out;
	transition-property:background,color;
	text-align:center;
}

nav ul.main{
	box-sizing:border-box;
	margin:0;
	padding:20px 10px;
	width:100%;
}
nav ul.main li{
	display:flex;
	list-style:none;
}
nav ul.main li a{
	position:relative;
	box-sizing:border-box;
	display:block;
	padding:.8rem .9rem .8rem 1.6rem;
	margin: 5px;
	width:100%;
	font-size:.94em;
	letter-spacing: -.028em;
	background: url("../img/common_deco02.svg") left 0.2rem center no-repeat;
	background-size: 6px;
	/*box-shadow:0 0 3px rgba(0,0,0,.3);*/
	background-color: white;
	color:black;
	line-height:1.4;
	text-decoration:none;
	transition:.2s ease-out;
	transition-property:background,border-bottom,color;
	overflow:hidden;
}
/*新規ページを作成したら↓に新規ページのクラス名を追加
　例） .（クラス名）　nav ul.main li a.(クラス名)*/
.home nav ul.main li a.home,
.message nav ul.main li a.message,
.overview nav ul.main li a.overview,
.program nav ul.main li a.program,
.general-abstract nav ul.main li a.general-abstract,
.accepted-abstracts nav ul.main li a.accepted-abstracts,
.info_participant nav ul.main li a.info_participant,
.info_presenter nav ul.main li a.info_presenter,
.links nav ul.main li a.links,
.access nav ul.main li a.access,

nav ul.main li a.current,
nav ul.main li a:hover{
	background-color:rgb(255,255,255);
	background: url("../img/common_deco01.svg") right 0.5rem center no-repeat rgba(125,35,39,1);
	background-size: 6px;
	color:rgb(255,255,255);
	font-weight: 400;
}

nav ul.main li a:hover::before,
nav ul.main li a.current::before{
	left:.2rem;
}
nav ul li.banner{
	margin-top:20px;
	/*padding: 0 16px;*/
}
nav ul li.banner.poster{
	padding: 0;
}
nav ul li.banner a{
	height: auto;
}
nav ul li.banner + .banner{
	margin-top:5px;
}
nav ul li.banner a{
	padding:0;
	border-bottom:none;
	line-height:0;
	text-align:center;
	transition:opacity .2s ease-out;
}

nav ul li.banner.poster{
	display:block;
	margin:0;
	margin-top:20px;
	padding:0;
	transition:opacity .2s ease-out;
}

nav ul li.banner.poster img{
	width:100%;
	height:auto;
}

nav ul li.banner.poster a{
	display:inline-block;
	margin:0;
	padding:5px;
	color:rgb(59, 19, 94);
	text-align:center;
	line-height: 1.6em;
	background:rgb(255, 255, 255);
	border:solid 1px rgb(59, 19, 94);
	background-image: none;
	transition:all .2s ease-out;
}
nav ul li.banner.poster p{
	margin:0;
}

nav ul li.banner a img{
	width:100%;
	vertical-align:bottom;
}
nav ul li.banner a img.sp{
	display:none;
	max-width:500px;
}
nav ul li.banner a:hover img{
	opacity:.5;
}
nav ul li.banner.poster p a:hover{
	background:rgb(59, 19, 94);
	color:rgb(255, 255, 255);
}
nav ul p.abstract_note{
	font-size:1.2rem;
	line-height: 1.5rem;
	color:rgb(255,0,0);
	margin-top: 0.8rem;
}

nav ul li a[target="_blank"]::after{
	content:"";
	display:inline-block;
	background:url(../img/icon_external_white.svg) center center no-repeat;
	background-size:cover;
	width:.8em;
	height:.8em;
	margin-left:.5em;
	transition:background .2s ease-out;
}
	nav ul li a[target="_blank"]:hover::after{
		content:"";
		display:inline-block;
		background:url("../img/icon_external_black.svg") center center no-repeat;
		background-size:cover;
	}
nav ul li.banner a:hover::after,
nav ul li.banner a::after{
	content: none;
}
#menu nav ul li address{
	font-size: 12px;
	color: white;
	margin-top: 10px;
	p{
		text-align: left;
		margin: 0;
		padding: 0;
		font-weight: 400;
		a{
			display:inline;
			color: white;
			padding:0;
			margin: 0;
			width:100%;
			background: none;
			background-color: rgba(0,0,0,0);
			line-height:1.4;
			text-decoration:none;
			transition:.2s ease-out;
			transition-property:background,border-bottom,color;
			overflow:hidden;
		}		}
	}