@charset "UTF-8";
/* CSS Document */

@media screen and (max-width: 1000px) {
	.toprose{
		display:none;
		}
	}

@media screen and (max-width: 950px) {
	.addresssvg{
		width:49%;
		}
	.text{
		display:none;
		}
	.text2{
		display:block;
		}
	.blueberry{
		width:100%;
		margin:0 auto;
		}
	.blueberry .slides{ margin:0 auto; width:100% !important;}
	.slides img{width:100% !important;}
	.blueberry{ height:670px;}
	}
@media screen and (max-width: 795px){
	.avtivitytext{ width:100%;text-align: justify;text-justify:inter-ideograph;}
	.blueberry{ height:580px;}
	}
@media screen and (max-width: 720px){
	.program{
		display:none;
		}
	.program2{
		display:block;
		}
		}
@media screen and (max-width: 700px){
	body{ padding-bottom:80px;}
	.facebook{display: block;}
	.line{display: block;}
	.pcfacebook{display:none;}
	.pcline{display:none;}
	.now{ display:none;}
	.now2{ display:none;}	
	.now3{ display:none;}			
.tel{
	color:#FFF;
	position:fixed;
	bottom:44px;
	right:70px;
	z-index:50;
	text-align:center;
	font-size:10px;
	width:52%;
	}
	ul.icons{
		bottom:0;
		right:120px;
		}
	.mfooter{
		display:block;
		background:rgb(223, 115, 102);
		width:100%;
		position:fixed;
		bottom:0;
		height:70px;
		border-top:#fff 2px solid;
		z-index:40;
		}
	.mmenu{ display:block;}
	.mbut{ float:left; width:33.3%; text-align:center; color:#fff; padding-top:9px;}
	
	.facebook{
		position:fixed;
		z-index:60;
		bottom:5px;
		width:30%;
		text-align:center;
		}
	.line{
		position:fixed;
		z-index:50;
		bottom:5px;
		width:75%;
		text-align:center;
		}
	.blueberry{ height:530px;}	
	}
@media screen and (max-width: 649px){
	.logo{ width:220px;}
	.phone{ width:120px;}
	.blueberry{ height:530px;}	
	}
@media screen and (max-width: 635px){
	.slides{ margin:0 auto !important;}
	}
@media screen and (max-width: 530px){
	#header header > p {
	font-size: 1.5em;
	}
	.blueberry{ height:415px;}	
	}
@media screen and (max-width: 499px){
	.logo{ width:200px; left:15%;}
	.phone{ width:100px; top:-40px;}
	}
@media screen and (max-width: 470px){
	.now2{
		width:43%;
		}
	.tel{
		width:43%;
		}
	.blueberry{ height:380px;}
	.banner2{ display:none;}
	.banner2p{ display: block;}	
	}
@media screen and (max-width: 429px){
	.logo{ width:180px; left:9%; top:-12%;}
	.phone{ width:80px; top:-25px;}
	.blueberry{ height:335px;}	
	}
@media screen and (max-width: 369px){
	.logo{ width:150px; left:9%; top:-12%;}
	.phone{ width:80px; top:0px; right:16px;}
	}
@media screen and (max-width: 360px){
	.now2{
		width:34%;
		}
	.tel{
		width:34%;
		}
		.blueberry{ height:295px;}	
	}
@media screen and (max-width: 320px){
	.blueberry{ height:255px;}	
	}
@media screen and (max-width: 410px){
	#header header > p {
	font-size: 1em;
	}
	}