@charset "UTF-8";

/*-------------------------------
header_言語切り替えver
--------------------------------*/
.txt-en{
  font-family: "Roboto", sans-serif!important;
  letter-spacing: 0.04em;
}


@media screen and (min-width: 641px){
	.pc{display: block;}
	.sp{display: none!important;}
	.hed_lang{
		background: #4C4948;
		width: 100%;
		position: absolute;
		top: 0;
		height:30px;
	}
	.site-header{
		height: 110px;
		padding-top: 30px;
	}
	.hed_lang div{
		max-width:1200px;
		margin: 0 auto;
		text-align: right;
	}
	.hed_lang span{
		display: inline-block;
		vertical-align: middle;
		color: #fff;
	}
	.hed_lang a{
		color: #fff;
		line-height:30px;
		transition: .3s;
		display: inline-block;
	}
	.hed_lang a:hover{
		opacity: 0.6;
	}
	.hed_lang span{
		font-size: 1.5rem;
	}
	.hed_lang span.txt-en{
		font-size: 1.6rem;
		padding-right: 22px;
	}
	.hed_lang span.txt-zhcn{
		font-size: 1.3rem;
		padding-left: 16px;
	}
}

@media screen and (max-width: 640px){
	.sp{display: block;}
	.pc{display: none!important;}
	.main-navigation ul li.hed_lang{
		padding-top: 3rem;
	}
	.main-navigation ul li.hed_lang span{
		padding: 0;
		width: auto;
	}
	.main-navigation ul li.hed_lang a{
		padding: 0;
		display: inline-block;
		width: auto;
	}
	.hed_lang span{
		display: inline-block;
		vertical-align: middle;
	}
	.hed_lang span{
		font-size: 1.3rem;
	}
	.hed_lang span.txt-en{
		font-size: 1.4rem;
		padding-right: 20px;
	}
	.hed_lang span.txt-zhcn{
		font-size: 1.15rem;
		padding-left: 14px;
	}
}