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

/* screenwidth less than 1280px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1280px) {

.container{
	width:98%;
}




}


/* screenwidth less than 1115px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1115px) {


header#main .logo{
	width:300px;

	
}
header#main .logo img{	
	margin-top:15px;	
}

}



/* screenwidth less than 1030px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1030px) {
	
}



/* screenwidth less than 1015px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1015px) {

header#main p.contact{
		display:none;
}

	
}



/* screenwidth less than 980px
--------------------------------------------------------------------- */
@media only screen and (max-width: 980px) {
	
	
}



/* screenwidth less than 966px
--------------------------------------------------------------------- */
@media only screen and (max-width: 966px) {
	


}



/* screenwidth less than 950px
--------------------------------------------------------------------- */
@media only screen and (max-width: 950px) {

header#main .container{
	margin-bottom:15px;
}


time{
	background:#FFF;
	height:auto;
	position:static;
	margin-bottom:15px;
}

time h2{
	width:100%;
	position:static;
}
	
	
	
}

/* screenwidth less than 866px
--------------------------------------------------------------------- */
@media only screen and (max-width: 866px) {


		
	
	
}




/* screenwidth less than 828px
--------------------------------------------------------------------- */
@media only screen and (max-width: 828px) {




}



/* screenwidth less than 799px
--------------------------------------------------------------------- */
@media only screen and (max-width: 799px) {

}



/* screenwidth less than 767px
--------------------------------------------------------------------- */
@media only screen and (max-width: 767px) {



}




/* screenwidth less than 640px
--------------------------------------------------------------------- */
@media only screen and (max-width: 640px) {

header#main nav p{
	display:none;
}



#sns img{
	width:12%;
}
}


/* screenwidth less than 580px
--------------------------------------------------------------------- */
@media only screen and (max-width: 580px) {


	
}



/* screenwidth less than 500px
--------------------------------------------------------------------- */
@media only screen and (max-width: 500px) {
	

}


/* screenwidth less than 480px
--------------------------------------------------------------------- */
@media only screen and (max-width: 480px) {




}


/* screenwidth less than 380px
--------------------------------------------------------------------- */
@media only screen and (max-width: 380px) {

footer h2{
	width:95%;
}


footer p span{
	display:block;
}
	
	
}