body{
    background-color: #f5deb3; /*背景 色指定*/
    min-height: 98vh; /*高さの最小値*/
    margin: 4ex; /*余白*/
}

/*名前*/
header h1{
    text-align: center; /*真ん中にする*/
}

/*ナビゲーション*/
nav{
    margin: none;
    text-align: center; /*真ん中にする*/
    font-size: 15px; /*フォントの大きさ*/
    line-height: 2em; /*行の高さを指定*/
}
		 
nav ul{
    margin: 0; /*余白*/
    padding: 0; /*余白*/
}

nav ul li{
    list-style: none; /*箇条書きの点をなくす*/
    display: inline-block; /*横に並ぶ inlineとblockの中間*/
    width: 10%; /*隣同士の間隔*/
    min-width: 85px; /*幅の最低値*/
}
		 
nav ul li a{
    text-decoration: underline; /*テキストに下線引く*/
    color: #8b4513; /*テキスト 色指定*/
}

nav ul li a:hover{
    color: #ff8c00; /*カーソルのせたとき,テキスト 色指定*/
}

/*ボタン*/
button{
    background-color: transparent;
}

#left{
    float: left;
}

#right{
    float: right;
}

/*店名*/
h1{
    color: #762f07;
    text-decoration: underline #ff9933;
    text-align: center;
}

/*写真*/
#img {
    width:80%;
    margin-left: auto;
    margin-right: auto;
  }
  #img ul {
    list-style:none;
    padding:0;
    margin:0;
    text-align:center;
  }
  #img ul li {
    display:inline-block;
    width:30px;
    height:30px;
    border:1px solid #d8d8d8;
  }