@charset "utf-8";




/*----------------------------------------
	for PC
----------------------------------------*/

@media screen and (min-width: 601px){

	body{
		scroll-behavior: smooth;
	}

	#footer{
		color:#999;
		width:100%;
		bottom:0px;
		text-align:center;
		font-size:8px;
		z-index:100;
		background-color:rgba(255,255,255,1);
	}


	.footer_logo{
		text-align:center;
		padding:20px 0;
	}

	.footer_logo img{
		height:50px;
		margin:0 10px;
	}

	.footer_lang{
		text-align:center;
		padding:10px 0 30px;
	}

	.footer_lang a{
		padding:20px 30px;
		color:#fff;
		background-color:#75abc3;
		display:inline-block;
		line-height:1;
		font-size:16px;
		margin:0 4px;
	}



	/**/

	#footer{ background-color:#fff;position:relative;z-index:49;padding:390px 0 60px;width:100%;min-width:1100px;}
	#footer .footer_link a{ color:#09d;font-size:16px;display:inline-block;margin-bottom:10px;}
	#footer .btn_inquiry{ border:1px solid #999; border-radius:20px;color:#999!important;padding:0px 10px;}
	#sns a {display:inline-block;margin:20px 5px;}

	/**/

	.hide_pc{display:none!important;}

		#navi{
		position:absolute;
		display:block;
		top:0px;left:0;
		z-index:100;
		width:100%;
		background-color:rgba(255,255,255,0.7);
		text-align:center;
		padding:0px 0;
		min-width:1100px;
	}

	#navi.fixed{
		position:fixed;
		top:0px;
	}


	#navi li{
		position:relative;
		/*margin:10px 20px;*/
		/*padding-right:44px;*/
		text-align:left;
		transition:all 0.5s ease;
		white-space: nowrap;
		display:inline;
	}

	#navi li.logo{width:120px;position:relative;display:inline-block;margin-top:0px;margin-right:20px;}
	#navi li.logo img{width:100%;position:absolute;top:-35px;}

	#navi a{
		display:inline-block;
		padding:20px 20px;
	}


	#navi a p{
		font-size:24px!important;
		text-shadow:2px 2px 0px rgba(255,255,255,0.8)!important;
		font-family: 'Leckerli One', cursive;
		color:#f75087;
		display:inline;
		line-height: 1;
	}

	#navi a span{
		font-size:14px!important;
		/*text-shadow:2px 2px 0px rgba(255,255,255,0.8)!important;*/
		color:#f75087;
		display:block;
		width:100%;
		top:0;left:0;
		margin-top:-25px;
		opacity:0;
		text-align:center;
		/*display:none;*/
	}


	#navi li a.active:after{
		background-color:#f75087;
	}

	#navi li:nth-child(6):after{content:'UPDATE';display:block;background-color:#faff00;color:#333;position:absolute;left:38px;bottom:-32px;font-size:13px;border-radius:20px;padding:5px 10px;line-height:1;font-weight:600;font-style: italic;}

	#navi li.special:after{content:'UPDATE';display:block;background-color:#faff00;color:#333;position:absolute;left:23px;bottom:-32px;font-size:13px;border-radius:20px;padding:5px 10px;line-height:1;font-weight:600;font-style: italic;}
	#navi li.help:after{display: none;}

	.sc-fonts{
		font-family: 'Noto Sans SC', sans-serif!important;
	}
	.sc-fonts span{
		font-family: 'Noto Sans SC', sans-serif!important;
	}

}

/*----------------------------------------
	for SP
----------------------------------------*/

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



	#footer{
		color:#999;
		width:100%;
		bottom:0px;
		text-align:center;
		font-size:8px;
		z-index:100;
		background-color:rgba(255,255,255,1);
		padding:30px 2% 20px;
	}


	.footer_logo{
		text-align:center;
		padding:20px 0;
	}

	.footer_logo img{
		height:50px;
		margin:0 10px;
	}

	.footer_lang{
		text-align:center;
		padding:10px 0 30px;
	}

	.footer_lang a{
		padding:10px 20px;
		color:#fff;
		background-color:#75abc3;
		display:inline-block;
		line-height:1;
		font-size:2px;
		margin:0 2px;
	}



	/**/


	#footer .footer_link a{ color:#09d;font-size:12px;display:inline-block;margin-bottom:10px;}
	#footer .btn_inquiry{ border:1px solid #999; border-radius:20px;color:#999!important;padding:0px 10px;}
	#sns a {display:inline-block;margin:20px 5px;}


	/**/

	.hide_sp{display:none!important;}

}