@charset "utf-8";
/* CSS Document */
html {
  max-width: 1100px;
  margin:0 auto;
}

body {
	width:auto;
}

img {
	width:100%;
}
iframe{
	width:100%;
}
.image{
	display:inline-block;
}
table tr{
	font-size:28px;
}
h1,h2,h3,p{
	color:#FFF;
}
p{
	font-size:14px;
}
.hp{
	width:100%;
	height:1270px;
}
.link{
	color:#FFF;
}
.address{
	border:solid #FFF 1px;
	width:500px;
	padding-left:25px;
}
.pr{
	margin-top:80px;
}
.hoka{
	text-align:left;
}
header{
	background-color:#FFF;
	border-bottom: #666 solid 2px;
	height:70px;
	padding-top:20px;
	position: fixed;
    top: 0;
    left:0;
	width:100%;
}
nav{
	position: fixed;
    top:92px;
    left:0;
	height:42px;
	background-color:#efefef;
	width:100%;
	padding-top:12px;
}
.rogo{
	float:left;
	height:30%;
	width:30%;
}
.top{
	width:930px;
	margin:0 auto;
}
header p{
	margin:0 5px 0 5px
}


.telinfo{
	float:right;
	text-align:right;
}
.toi{
	font-size:12px;
	color:#000;
}
.tel{
	font-size:25px;
	color:#999;
	font-weight:bold;
	margin:-5px 5px -5px 5px;
}
.time{
	font-size:13px;
	color:#000;
}
.menu_list{
	list-style:none;
	width:930px;
	margin:auto;
}
nav ul li{ 	
    display: inline;
	font-size:22px;
	width:20%;
 } 
 .list{
	 width:20%;
	 border:solid 1px #333;
	 padding:3px 10px 0px;
	 color:#333;
	 text-decoration:none;
 }


@media (min-width:768px){
	body{
		background-color:#333;
	}
	p{
	font-size:18px;
}
	section{
		width:930px;
		margin:auto;
		margin-top: 170px;
	}
	iframe{
	width:720px;
	height:490px;
	}
	
	table{
	border-collapse : collapse;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	}
	table td,table th{
	padding:5px 20px;
	border:solid 1px #aaaaaa;
	width:180px;
	}
	table th{
	background-color:#666;
	color:#FFF;
	}
	table tr{
		text-align:center;
		font-size:25px;
	}
	table td{
	color:#FFF;
	}
	.conditions{
		width:405px;
	}
	.dai{
		width:250px;
	}
	.hoka{
	text-align:left;
}
.address{
	border:solid #FFF 1px;
	width:500px;
	padding-left:25px;
}
}