@charset "utf-8";
/***********画面の横幅が481pxから760pxまで***********/
@media screen and (min-width: 481px) and (max-width: 760px) {

}
/***********画面の横幅が760pxまで***********/
@media screen and (max-width:760px){
.content-conteiner {
	width:100%;
	padding-right:0;
}
}
/***********画面の横幅が480pxまで***********/
@media screen and (max-width:480px){

#topimage .toptitle {
	height:90px;
}
#topimage .toptitle img {
	width:70%;
}			
#banner-area .banner {
	width:100%;
}
#menu-area .menu {
	width:33%;
	padding:5px;

}
#menu-area .menu img {
	width:80%;
}
#menu-area .menu p {
	font-size:80%;
	line-height:0.8rem;
}
#main-contents h1 {
	font-size:18px;
}
#footer .footer-menu {
	font-size:80%;
	padding:20px 10px;
}
#footer .footer-menu li {
	width:50%;
	text-align: left;
	float:left;
	border:none;
	box-sizing:border-box;
}
#footer .footer-menu li a {
	margin:0 0 10px 0;
}
#footer .address {
	
}
#footer .address li {
	display: block;
	text-align: center;
	font-size:80%;
	padding-bottom: 5px;
}
#footer .address img {

}
}



/************960(PC用画面幅)以下************/

@media screen and (max-width:960px){
#menu-area .menu p {
	white-space:normal;
}
#post-contents {
	padding:0 10px;
}
}