/*全てのページに適用される設定*/
html {
    font-size: 16px;
    font-family: serif;
}
*{
    box-sizing: border-box;
    outline: 0px solid #ff0000;}
body{
    margin: 0 auto 0 auto;
    max-width: 1050px;
     }
p,li,td{
    line-height: 1.7;
}
img{max-width: 100%;
    }
strong{color: #bc1d1d;}

h3{border-bottom: 1px dashed #000000;
    padding-top: 20px;}
    
.go-top{text-align: right;
        }
.go-top a:link{text-decoration: none;
    color:#000}
.go-top a:visited{text-decoration: none;
    color: #000;}
.go-top a:hover{text-decoration: none;
     color: #000;}
.go-top a:active{text-decoration: none;
      color: #000;}


           
/*indexページに適用　ヘッダー*/
.index-title{
    margin-top: 150px;
    text-align: center;
}
.index-p{text-align: center;
         }

.nav ul{
    margin: 0 0 0 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    justify-content: center;
    gap:20px;
    flex-wrap: wrap;      
}

.nav a:link{text-decoration: none;
            color:#000}
.nav a:visited{text-decoration: none;
            color: #000;}
.nav a:hover{text-decoration: none;
             color: #000;}
.nav a:active{text-decoration: none;
              color: #000;}
h3{margin-top: 40px;}

.index-h3{text-align: center;}

/*その他のページに適用　ヘッダー*/
.other-title{
    margin-top: 20px;
    text-align: center;
}

h2{border-bottom: 2px solid #000000;
   padding-top: 30px;}
   
.symbol-logo-name{width:450px;
                  }

.top{width: 500px;}



/*全てのページに適用　メイン*/
main{
    margin: 10px auto 10px auto ;
    max-width: 1020px;
}
/*全てのページに適用　フッター*/
.footer{text-align: center;
        margin-top: 5px;
        border-top: 1px solid #000000;
        padding-top: 20px; }

/*農園についてのページに適用　テーブル*/
.history th,.history td{
    border: 1px solid #000000;
    padding:20px ;
}
.history th{width: 130px;
            text-align: left;
            vertical-align: top;}
.history{border-collapse: collapse;}

/*野菜についてのページに適用　テーブル*/
.vegitables th,.vegitables td{
    border: 1px solid #000000;
    padding:20px ;
}
.vegitables th{width: 100px;
            text-align: left;
            vertical-align: top;}
.vegitables{border-collapse: collapse;}

/*野菜についてのページに適用　アイテム*/
.items{display: grid;
       grid-template-columns:1fr 1fr 1fr;
       gap: 20px;
       }
.item img{border-radius: 10px;}
.item p{font-weight: bold;
        text-align: center;}
img{border-radius:2px}


/*モバイル対応*/
@media (max-width:767px) {
    .nav ul{
        flex-wrap: wrap;
        gap: 20px;
    }
    main{
       padding: 0 4%;
    }
   /*index.html*/ 
   .hero.index{
    padding: 28vh 0;
   }
    /*menu.html*/
    .items{
        grid-template-columns: 1fr 1fr;
    }
    .index-p{text-align: left;
    }
   
}