@charset "utf-8";




/*----------------------------------------
	for PC
----------------------------------------*/

@media screen and (min-width: 0px){

	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{ 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;padding-bottom:0px;}
	#footer .btn_inquiry{ border:1px solid #999; border-radius:20px;color:#999!important;padding:0px 10px;}
	#sns a {display:inline-block;margin:20px 5px;border-bottom:0px;}

	/**/

	.hide_pc{display:none!important;}


	#navi{
		position:absolute;
		display:block;
		top:40px;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.charanavi: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.products:after{content:'UPDATE';display:block;background-color:#faff00;color:#333;position:absolute;left:26px;bottom:-32px;font-size:13px;border-radius:20px;padding:5px 10px;line-height:1;font-weight:600;font-style: italic;}
    #navi li.help:after{content:'UPDATE';display:block;background-color:#faff00;color:#333;position:absolute;left:12px;bottom:-32px;font-size:13px;border-radius:20px;padding:5px 10px;line-height:1;font-weight:600;font-style: italic;}

}

/*----------------------------------------
	for SP
----------------------------------------*/

@media screen and (max-width: 480px) {



	/**/

	.hide_sp{display:none!important;}

}
