@charset "utf-8";

/*スマートフォンレスポンシブ対応*/

body{
	margin: 0 auto;
}

header .logo img{
    width:50%;
}

header .tel img{
    width:40%;
}


header,nav,#graphic img,#contents, #order img,footer {
	max-width:380px;
}


h2{
   font-size:1em; 
}

nav ul {
	margin: 0;
}

#main {
	width: auto;
    float: none;
}


nav ul li{
	margin: 0;
	width: 33%;
    border:0.5px solid #a5a6aa;
}

nav ul li:last-child{
    border-right: 0.5px solid #a5a6aa;
}

nav ul li a
{
	height: auto;
	padding-top: 7px;
	padding-bottom: 7px;
	color: #000000;
	text-align: center;
    font-size: 0.5em;
}

nav ul li a:hover{
	background: #a40000;
	color: #ffffff;
}

nav ul li a.current{
	background: #a40000;
	color: #ffffff;
}



nav ul li a.current{
	background: #a40000;
	color: #ffffff;
}

#sub {
    width:auto;
	float: none;
}

#sub img{
    margin-left: 20px;
}