html,body{
	max-width:100%;overflow-x:hidden;
	font-family : 'Simhei','MS UI Gothic','Hei','sans-serif';
	}

.comfortaa{font-family: 'Comfortaa', cursive;}

a{
	-webkit-tap-highlight-color:rgba(255,0,0,0.5);
}







/*************************
 共通ヘッダー
*************************/
header{width:100%;}
.header-links {max-width: 1280px;margin:0 auto;}
.header-links .header-logo a {display: inner-block;float: left;max-height: 70px;width:45%;vertical-align: middle;}
.header-logo a img,.header-text img {max-width: 95%;}
.header-menu a i{float:left;color:#5f605c;}

header h1{
	font-size:14px;}

@media (max-width:579px){	header h1{font-size:2.5vw;margin-top:0;margin-bottom:0;} 	}

@media (min-width:580px) and (max-width:767px){		header h1{font-size:1.8vw;margin-top:0;margin-bottom:0;}		}

@media (max-width:640px) { .br{display:none;} }

@media (min-width:768px) and (max-width:910px){		header h1{font-size:1.5vw;}		}


nav{display:block;box-sizing:border-box;}


.btn-lang{
	border: none;
	border-radius:0;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border:2px solid #5f605c;
	font-weight:bold;
	font-size:12px;
	width:8em;
	background-color:#FFF;
	padding:0.5em 0.8em;
	text-align:left;
	white-space:normal;
	
 }
.btn-lang:after{content:"\f0d7";float:right;font-family: FontAwesome;}
 
.langlist{
	padding:0;
	border-radius:0;
	min-width:8em;
	left:-1em;
	}

.langlist li a{
	width:auto;
	float:none;
	max-height:35px;
	margin:0;
	padding:0.4em 0.8em;
	}

@media (max-width:767px){
header.container-fluid {padding:0;}

.header-links{height:55px;}
.header-text,.header-logo{padding:5px;}


.header-text img{width:100%;}
.lang-xs{padding:3px 5px 0 3px;text-align:right;}

.btn-lang{
	max-height:30px;
	font-size:10px;
	width:6em;
	}
.langlist{
	min-width:6em;
	left:-1em;
	}

.langlist li a{
	}





.header-logo,.header-menu{max-height:40px;}
.header-logo{padding-right:0;}

header .header-links .header-logo a {
	display: inner-block;
	float: left;
	max-height: 40px;
	width:50%;
	vertical-align: middle;
}

.header-logo a img{max-height:30px;}

.header-menu{
	-js-display: flex;
	display: flex;
	justify-content: flex-end;
	align-items: right;
	padding:5px 5px 5px 0;
	min-height:40px;
	line-height:40px;
	}
	.header-menu a{
		/*width:25%;*/
		float:right;
		margin-left:10px;
		display:block;
	}
	.header-menu a i{font-size:25px;float:right;}
	.header-menu a.lang-select{display:none;}

.global-links{background:#ffd739;display:none;position:absolute;z-index: 100;margin-right:0;margin-left:0;width:100%;}
		
	.global-links a{
		display:block;
		font-size:14px;
		font-weight:bold;
		text-decoration:none;
		color:#131313;
		text-align:center;
		letter-spacing:0.2em;
		padding:0.7em 0;
		border-bottom:1px solid #EC9C14;
		}
	
	.global-links a.snstitle {
		background:#1E1E1E;
		color:#fff;
		pointer-events:none;}
		
	.global-links a:hover{
		background-color:#f5a100;
		color:#FFF;
		}
		
	.global-links a:last-child{
		background-color:#EC9C14;
	}

.sp-none {display:none !important;}

}

@media (min-width:768px) and (max-width:991px){

.header-links{height:110px;}
.header-text{height:50px;line-height:50px;}
header .header-links .header-logo a {
	display: inner-block;
	float: left;
	max-height: 60px;
	width:45%;
	vertical-align: middle;
}
.header-menu{
	height:60px;
	line-height:60px;
	-js-display: flex;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	}
	
	.header-menu a{
		width:35px;
		float:left;
		max-height:35px;
		margin:0 13px;
	}

	.header-menu a.burger{
		display:none;
	}
	
	.header-menu a.lang-select{
		min-width:110px;
		height:35px;
		border:2px solid #333;
		color:#5f605c;
		font-weight:bold;
		font-size:14px;
		text-decoration:none;
		line-height:31px;
		padding-left:0.7em;
	}
	.header-menu a.lang-select:hover{
		background:#ffd739;
		color:#FFF;
		border:2px solid #999;
	}
	.header-menu a.lang-select:after{
		content:"â–¼";margin-right:1em;float:right;
	}
		.header-menu a i{
			font-size:35px;
		}



.global-links{
	background:#ffd739;display:block;
	}
		
	.global-links-inner{
		max-width:991px;
		margin:0 auto;
		height:60px;
		line-height:60px;
		-js-display: flex;
		display: flex;
		}
		.global-links a{
			display:block;
			font-size:12px;
			font-weight:bold;
			text-decoration:none;
			color:#131313;
			padding-left:1.5em;padding-right:1.5em;
			border-left:1px solid #EC9C14;
			}
			
		.global-links a:hover{
			background-color:#f5a100;
			color:#FFF;
			}
			
		.global-links a:nth-last-child(2){
			border-right:1px solid #EC9C14;
			/*border-right:1px solid #ffe26e;*/
		}



}

@media (min-width:992px) and (max-width:1279px){
.header-links{
	height:75px;
	line-height:75px;
	}

.header-links .header-logo{
	padding-left:0;
}

.header-menu{
	height:75px;
	line-height:75px;
	-js-display: flex;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	}
	
	.header-menu a{
		width:35px;
		float:left;
		max-height:35px;
		margin:0 13px;
	}

	.header-menu a.burger{
		display:none;
	}
	
	.header-menu a.lang-select{
		min-width:110px;
		height:35px;
		border:2px solid #333;
		color:#5f605c;
		font-weight:bold;
		font-size:14px;
		text-decoration:none;
		line-height:31px;
		padding-left:0.7em;
	}
	.header-menu a.lang-select:hover{
		background:#ffd739;
		color:#FFF;
		border:2px solid #999;
	}
	.header-menu a.lang-select:after{
		content:"â–¼";margin-right:1em;float:right;
	}
		.header-menu a i{
			font-size:35px;
		}

.global-links{
	background:#ffd739;display:block;
	}
		
	.global-links-inner{
		max-width:1280px;
		margin:0 auto;
		height:60px;
		line-height:60px;
		-js-display: flex;
		display: flex;
		}
		.global-links-inner a{
			display:block;
			font-size:14px;
			font-weight:bold;
			text-decoration:none;
			color:#131313;
			padding-left:1.5em;padding-right:1.5em;
			border-left:1px solid #EC9C14;
			letter-spacing:0.2em;
			}
		.global-links-inner a:nth-child(6){border-right:1px solid #EC9C14;}
			
		.global-links-inner a:hover{
			background-color:#f5a100;
			color:#FFF;
			}
			
		.global-links-inner a:after{
			content:"\0020\0020"\9;
		}
		.global-links-inner a:nth-last-child(2){
			border-right:1px solid #EC9C14;
		}

}

@media (min-width:1280px){
.header-links{
	height:75px;
	line-height:75px;
	}

.header-links .header-logo{
	padding-left:0;
}

	
.header-menu{
	height:75px;
	line-height:75px;
	-js-display: flex;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	}
	
	.header-menu a{
		width:35px;
		float:left;
		max-height:35px;
		margin:0 13px;
	}

	.header-menu a.burger{
		display:none;
	}
	
	.header-menu a.lang-select{
		min-width:110px;
		height:35px;
		border:2px solid #333;
		color:#5f605c;
		font-weight:bold;
		font-size:14px;
		text-decoration:none;
		line-height:31px;
		padding-left:0.7em;
	}
	.header-menu a.lang-select:hover{
		background:#ffd739;
		color:#FFF;
		border:2px solid #999;
	}
	.header-menu a.lang-select:after{
		content:"â–¼";margin-right:1em;float:right;
	}
		.header-menu a i{
			font-size:35px;
		}

.global-links{
	background:#ffd739;display:block;
	}
		
	.global-links-inner{
		width:1280px;
		margin:0 auto;
		height:60px;
		line-height:60px;
		-js-display: flex;
		display: flex;
		}
		.global-links a{
			display:block;
			font-size:16px;
			font-weight:bold;
			text-decoration:none;
			color:#131313;
			padding-left:1.5em;padding-right:1.5em;
			border-left:1px solid #EC9C14;
			letter-spacing:0.1em;
			}
		.global-links a:nth-child(6){
			border-right:1px solid #EC9C14;
			}
			
		.global-links a:hover{
			background-color:#f5a100;
			color:#FFF;
			}
			
		.global-links a:after{
			content:"\0020\0020"\9;
		}
		.global-links a:nth-last-child(2){
			border-right:1px solid #EC9C14;
			/*border-right:1px solid #ffe26e;*/
		}
}

.header-logo{line-height:70px;}
@media (min-width:768px) and (max-width:992px){
	.header-logo{line-height:50px;}
}
@media (max-width:767px){
.header-logo{line-height:30px;box-sizing:border-box;}
}

.hd_sns_icon{vertical-align: top;}

.icon-fb_en {}
.icon-fb_cn {}
.icon-fb_tw {}
   
   


/*************************
 共通フッター
*************************/
.no-padding{padding:0 !important;}
.sitemap{background:url(../images/common/footer-base.png) 0 0 repeat;}
.footer-cont{width:100%;max-width:1280px;}

	.footer-sns div{padding:10px;}
	.footer-sns a{background:#FFF;display:block;padding:10px 0;border:3px solid #000;text-align:center;}
	.footer-sns a:hover{background:#CCC;}
	.footer-sns a img{width:100%;max-width:300px;}


.sitemap-logolink{overflow:hidden;}

	.sitemap-logolink img{max-width:100%;}

	.sitemap-logo a{display:block;text-align: center;}


/*â– */
@media (min-width:1200px){
.sitemap-logolink{padding-left:0 !important;padding-right:0px !important;}
}

/*â– */
@media (min-width:1200px) and (max-width:1279px){
	.sitemap-logo a{background:transparent;display:block;text-align: center;margin-bottom: 10px;}
}
/*â– */
.footer-sitemap{margin-top:15px;}

.sitemap-list a{color:#FFF;display:block;line-height:20px;font-size:13px;text-decoration:none;background:transparent;}
.sitemap-list a:hover{text-decoration:underline;}
.sitemap-list a:last-child{margin-bottom:20px;}

.sitemap-logo{margin-bottom:30px;padding:0;}


@media (min-width:1200px){
	.sitemap-logo{padding:0 15px;}
	}

@media (max-width:1199px){
	.sitemap-logo{background:#FFF;}
	}


.sitemap-list h3{margin:0;font-size:14px;padding-bottom:6px;border-bottom:3px solid #FFF;margin-bottom:15px;}

	.corp-link a{width:30%;margin-left:1%;}
	.corp-link a img{max-height:44px;}

.footer-sitemap div h3{text-align:left;}



@media (max-width:767px){
	.sitemap-logo{margin-bottom:15px;}
	.footer-sns div{padding:5px;}
		.footer-sns a{padding:5px 0;border:3px solid #000;}
		.footer-sns a img{max-width:150px;margin:0 auto;}
	.sitemap-logolink{padding-right:10px;padding-left:10px;}

	.footer-sitemap{padding-bottom:15px;margin-top:5px;}

	.footer-sitemap div h3{
		margin:1px 0;padding:7px;line-height:23px;font-size:16px;background:#000;border:none;font-weight:bold;}


		.footer-sitemap div h3.toggle-down:after{
			content:"\f13a";float:right;margin-right:1em;font-family: FontAwesome;color:#FFF;
			}

		.footer-sitemap div h3.toggle-up:after{
		content:"\f139";float:right;margin-right:1em;font-family: FontAwesome;color:#FFF;
		}	

	.sitemap-list div{display:none;}
	.sitemap-list a{
		color:#666;display:block;line-height:25px;font-size:13px;text-decoration:none;background:#FFF;border-bottom:1px solid #ececec;padding:8px;}

	.sitemap-list a:after{
		content:"\f105";float:right;margin-right:1em;font-family: FontAwesome;
		}


}


@media (max-width:992px){
	
.corp-link{padding-left:0; padding-right:0; text-align:center; margin-bottom:8px;}
.corp-link a{float:none;}
}

@media (max-width:767px){
.corp-link a{height:44px;line-height:44px;}
}

	.footer-cont{margin:10px auto;}
	
	.corp-link a img{max-width:100%;}
	.corp-link a{padding:5px;}
	.corp-link a:last-child{padding:0;}
	.copyrights{font-size:9px;text-align:center;}

@media (min-width:1280px){

footer{width:100%;}

.sitemap{padding:35px 0;}
	
	.footer-cont{max-width:1280px;margin:10px auto;}
	
	/*â– */
	/*.footer-sitemap{margin:20px 0;}*/

	.footer-sitemap div a{display:block;margin-bottom:10px;}

.corp{padding:20px 0;background:#FFF;}


	.copyrights{text-align:right;height:44px;line-height:44px;}
	
	.corp-link a{margin-right:30px;height:44px;line-height:44px;}
	.corp-link a:last-child{margin:0;}
	.corp-link a img{height:44px;}


}



/*************************
 ページ上部へのリンク
*************************/
#to-top {position:fixed;bottom: 20px;right: 30px;z-index:9999;}
#to-top a#page-top {background:url(../images/common/page-top.png) no-repeat;width: 48px;height:48px;display: block;text-indent:-9999px;}
#to-top a#page-top:hover {opacity:0.6;filter:alpha(opacity=60);}

@media (max-width : 767px){
#to-top {position:fixed;bottom: 10px;right: 10px;z-index:9999;}
#to-top a#page-top {background:url(../images/common/page-top.png) no-repeat;width: 36px;height:36px;display: block;text-indent:-9999px;background-size:75%;}

}