@charset "utf-8";
body{
	width:1000px;
	margin:auto;
	font-family:sans-serif,serif,system-ui;
}
#main{
	width:1000px;
	margin:auto;
	padding:0;
	font-family:serif;
}
header{
	width:100%;
	margin:0;
	padding:0;
}
#logo{
	float:left;
	width:30%;
	margin:0;
	padding:0;
}
#logo img{
	float:left;
	width:60%;
	padding:5%;
}
#tel{
	float:right;
	width:35%;
	margin:0;
	padding:0;
	text-align:right;
}
#tel p{
	color:black;
	padding:0.8em;
}
#den{
	font-size:2em;
}
#tel a{
	display:none;
}
#nav-open img{
	display:none;
}
#nav-content{
	clear:both;
	width:100%;
}
#nav-content ul{
	list-style: none;
	width:100%;
	margin:0;
	padding:0;
}
#nav-content ul li a{
	display:block;
	list-style: none;
	text-decoration: none;
	color:white;
	font-weight: 500;
	background-color:#2FB9EB;
	text-align:center;
	font-size:1.8em;
	float:left;
	width:33.33%;
	padding:0.2% 0;
	margin:0;
	border-bottom:solid thick white;
}
#nav-content ul li a:hover{
	background-color:#73D2EF;
}
#nakami{
	clear:both;
	padding:0;
	margin:0;
}
#uehe{
	clear:both;
	width:100%;
}
#uehe a{
	text-decoration: none;
	float:right;
	background-color:#2FB9EB;
	color:white;
	margin:1em 0;
	padding:0.5em;
	border-radius: 1em 0 0 1em;
}
footer{
	clear:both;
	background-color:#2FB9EB;
	padding:2%;
	overflow:auto;
}
footer div{
	background-color:#2FB9EB;
	padding:1%;
	float:left;
	color:white;
	width:28%;
}
footer div img{
	width:100%;
}
footer div ul{
	margin:0;
}
footer div ul li{
	 list-style:none;
}
footer div ul li a{
	text-decoration: none;
	color:white;
}
footer div ul li a:hover{
	color:#73D2EF;
}

#kaishajouhou p{
	padding:0;
	margin:0;
}
#rinku{
	float:right;
}
#sita{
	background-color:#2FB9EB;
	clear:both;
	height:50px;
}
.nav-unshown {
  display:none;
}
#nakami h1{
	clear:both;
	width:97%;
	border-left:solid 0.4em #2FB9EB;
	border-bottom:solid 0.1em #2FB9EB;
	text-align:left;
	padding:0 0.2em;
	margin:0 0.2em;
}
/*スマホ設定↓↓↓*/
@media screen and (max-width:800px){
body{
	width:100%;
	padding:0;
	margin:0;
}
#main{
	width:100%;
	padding:0;
	margin:0;
}
#logo{
	float:left;
	width:40%;
}
#logo img{
	width:90%;	
}
#tel{
	float:left;
	width:15%;
	margin:2% 2% 2% 15%;
}
#tel a{
	display:block;
}
#tel p{
	display:none;
}
#tel a img{
	width:90%;
}
#toi p{
	display:none;
}
nav{
	float:right;
	width:20%;
}
#nav-open img{
	display:block;
	width:80%;
}
/*閉じる用の薄黒カバー*/
#nav-close {
  display: none;/*はじめは隠しておく*/
  position: fixed;
  z-index: 99;
  top: 0;/*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}
/*中身*/
#nav-content ul li a{
  clear:both;
  width:100%;
}
#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;/*最前面に*/
  width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
  max-width: 330px;/*最大幅（調整してください）*/
  height: 100%;
  background: #fff;/*背景色*/
  transition: .3s ease-in-out;/*滑らかに表示*/
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);/*左に隠しておく*/
}
/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display: block;/*カバーを表示*/
  opacity: .5;
}
#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);/*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}
li img{
width:100%;
}
#nakami{
	width:100%;
	padding:0;
	margin:0;
}
#rinku{
	width:45%;
	float:right;
}

#kaishajouhou{
	float:left;
	width:45%;
}
#nakami h1{
	clear:both;
	width:90%;
}
/*スマホ設定↑↑↑*/