body{
    /*margin: 0;*/
    /*border-top: 7px solid green;*/
    font-family: serif;
    margin: 0 auto;
    max-width: 900px;

}
header, 
.content{
    /*max-width: 1200px;*/
    margin: 0 auto;
}
.header{
    /* 
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem; */
}
.header>h1{
    float: left;
}
.header>ul{

}
.header>ul>li{
    /* margin-right: 1.5rem; */
    
}
.header>ul>li:last-child{
    margin-right: 0px;
}

.hero{
    display: none;
}

.menu{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    align-items: center;
    background: linear-gradient(to bottom, #FFF,#E2F0D9);
    height: clamp(48px, 12vw, 100px);
    font-size:clamp(12px, 2.3vw, 26px);
    color: #000;
    -webkit-text-stroke: 1px #000; /* 1px #000 */
    text-stroke: 1px #FFF; /* 1px #fff */
    font-weight: bold;
    text-shadow: 0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff; /* 0 0 12px #fff */
    margin-bottom: clamp(0px, 2vw, 55px);
    margin-top: -3px;
}

/*
.menu>li{
    list-style: none;
}*/
.menu>div{
    display: contents;
}
.menu>div:first-child > a {
  border-left: 0px ;
}
.menu a{
    text-decoration: none;
    color: black;
    border-left: solid 1px darkgray;
    margin-top: clamp(3px, 2.3vw, 6px);
}
.h1-box{
    position: relative;
    /*padding-top: .9rem;*/
}
.h1-box>p{
    position: absolute;
    top: -.7rem;
    font-size: .8rem;
    left: .4rem;
    color: gray;
    top:.1rem;/*オープン予定用*/
}
.h1-box>a>h1{
    display: flex;
    align-items: center;
    margin: 0;
}
.h1-box>a>h1>img{
    width: 100%;
    /*width: 45px;
    margin-right: 6px;
    margin-bottom: 4px;*/
}
.h1-box>h1>a{
    color: black;
    text-decoration: none;
}

main{
    font-size: 1.4rem;
}
h1{
    margin: .8rem 0;
}
footer{
    font-size: 1.2rem;
}
.text-small{
    font-size: .85em;
}
.font-09{
    font-size: 0.9rem !important;
}