/* ～～～～～～～～～～～～～～～～～～～ */
/* 予約のｃｓｓ */
/* ～～～～～～～～～～～～～～～～～～～ */


@charset "utf-8";
*{
    padding: 0;
    margin: 0;
}
main{
    background-color: rgb(249, 243, 234);
}
.news-head-logo{
    text-align: center;
}
.container{
    padding-top: 4%;
    display: grid;
    grid-template-columns: 1fr 8fr 1fr;
    grid-template-rows: 60px 170px 50px 230px 50px 170px 50px 150px 150px 400px 200px 200px 80px 300px;
    grid-template-areas: "rit dai       left"
                         "rit yoyaku    left"
                         "rit tannshuku left"
                         "rit tannbunn  left"
                         "rit tennnenn  left"
                         "rit tennbunn  left"
                         "rit koshitu   left"
                         "rit koshibunn left"
                         "rit kaki      left"
                         "rit calender  left"
                         "rit kakibunn  left"
                         "rit hiiki     left"
                         "rit kyann     left"
                         "rit kyabunn   left"
                          ;
}

.rit{
    grid-area: rit;
}
.dai{
    grid-area: dai;
    text-align: center;
    vertical-align: bottom;
    font-size: 2vw;
    font-family: "Shippori Mincho", serif;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 2;
    color: black;
    border-bottom: 2px solid #888e7e;
    padding-bottom: 10%;
}
.yoyaku{
    grid-area: yoyaku;
    text-align: center;
    vertical-align: bottom;
    font-size: 1.8vw;
    font-family: "Shippori Mincho", serif;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 2;
    color: black;
    padding-top: 8%;

}
.tannshuku{
    grid-area: tannshuku;
    text-align: center;
    vertical-align: bottom;
    font-size: 1.2vw;
    font-family: "Shippori Mincho", serif;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 2;
    color: black;
}
.tannbunn{
    grid-area: tannbunn;
    text-align: center;
    vertical-align: bottom;
    font-size: 1.2vw;
    font-family: "Shippori Mincho", serif;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 2;
    color: black;
}
.tennnenn{
    grid-area: tennnenn;
    text-align: center;
    vertical-align: bottom;
    font-size: 1.2vw;
    font-family: "Shippori Mincho", serif;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 2;
    color: black;
}
.tennbunn{
    grid-area: tennbunn;
    text-align: center;
    vertical-align: bottom;
    font-size: 1.2vw;
    font-family: "Shippori Mincho", serif;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 2;
    color: black;
}
.koshitu{
    grid-area: koshitu;
    text-align: center;
    vertical-align: bottom;
    font-size: 1.2vw;
    font-family: "Shippori Mincho", serif;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 2;
    color: black;
}
.koshibunn{
    grid-area: koshibunn;
    text-align: center;
    vertical-align: bottom;
    font-size: 1.2vw;
    font-family: "Shippori Mincho", serif;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 2;
    color: black;
}
.kaki{
    grid-area: kaki;
    text-align: center;
    vertical-align: bottom;
    font-size: 1.8vw;
    font-family: "Shippori Mincho", serif;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 2;
    color: black;
    padding-top: 4%;
    border-top: 2px solid #888e7e;
}
.calender{
    grid-area: calender;
    text-align: center;
    vertical-align: bottom;
}
.calender img{
    width: 90%;
}
.kakibunn{
    grid-area: kakibunn;
    text-align: center;
    vertical-align: bottom;
    font-size: 1.2vw;
    font-family: "Shippori Mincho", serif;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 2;
    color: black;
    padding-top: 1%;
}
.hiiki{
    grid-area: hiiki;
    text-align: center;
    vertical-align: bottom;
    font-size: 2vw;
    font-family: "Shippori Mincho", serif;
    font-weight: 600;
    letter-spacing: 0.1em;
    line-height: 2;
    color: black;
}
.kyann{
    grid-area: kyann;
    text-align: center;
    vertical-align: bottom;
    font-size: 2vw;
    font-family: "Shippori Mincho", serif;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 2;
    color: black;
    padding-top: 4%;
    border-top: 2px solid #888e7e;
}
.kyabunn{
    grid-area: kyabunn;
    text-align: center;
    vertical-align: bottom;
    font-size: 1.2vw;
    font-family: "Shippori Mincho", serif;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 2;
    color: black;
    padding-top: 5%;
    padding-bottom: 10%;
}
.left{
    grid-area: left;
}


/* フッター */
footer{
    text-align: center;
    font-family: serif;
    background-color: black;
    color: white;
}