@charset "utf-8";


/* header */
.header{
    background-color: rgb(7, 1, 88);
}
    
.space-sauna-top1{
    text-align: center;
    font-size: 60px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    padding-top: 25px;
    margin:0 0 0 0;
    color:  #f5eb38;
}

.space-sauna-top2{
    text-align: center;
    margin-top: 0px;
    margin-bottom:0;
    color: aliceblue;

}


/* nav */
.nav{
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-weight: bold;
        background-color:  rgb(7, 1, 88);
}

.nav ul{
    padding: 5px 30px 5px 40px;
    margin: 15px 0 0 0;
    display: flex;
    list-style-type: none;
    justify-content: right;
    gap: 60px;
}

a:link{
    color: #ffffff;
    text-decoration: none;
}

a:visited{
    color: #ffffff;
    text-decoration: none;
}

a:hover{
    color: #ffffff;
    text-decoration: underline;
}

a:active{
    color: #fff71d;
    text-decoration: underline;
}

/* ホーム画像 */
.img-wrap {
    overflow: hidden;
    position: relative;
    max-width: 2000px;
    min-width: 350px;
    width: 100%;
}

/* main */
.main{
    max-width: 100%;
}

.body{
margin: 0;
background-image: url(../images/home/star1.png)

}

.concept{
    text-align: center;
    font-size: 25px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    margin: 40px 0 0 0;
}

#space{
    text-align: center;
    font-family: "Zen Kurenaido", sans-serif;
    font-weight: 400;
    font-size: x-large;
    font-weight: bold;
    letter-spacing:8px;
    padding-top: 100px;
    }  

/* アニメーション 見出し */
#space span{
    transition: 1s;
    opacity: 0;
    transform: translateY(20px);
    display: block;
}    

#space span:first-child {
    animation: catch_anime 1.4s forwards 1.5s;
}

#space span:nth-child(2) {
    animation: catch_anime 1.4s forwards 3.0s;
}
#space span:nth-child(3) {
    animation: catch_anime 1.4s forwards 4.5s;
}
#space span:nth-child(4) {
    animation: catch_anime 1.4s forwards 6.0s;
}
#space span:nth-child(5) {
    animation: catch_anime 1.4s forwards 7.5s;
}
#space span:nth-child(6) {
    animation: catch_anime 1.4s forwards 9.0s;
}
  @keyframes catch_anime {
    0% {
      transform: translateY(20px);
}
     100% {
      opacity: 1;
      transform: translateY(0);
}
}

.space-sentence{
    margin: 80px 0 80px 0;
}

.sentence{
    margin: 0px 0 50px 0;
}

/* お風呂ご利用案内 */
.hotspring{
    text-align: center;
    margin: 120px 0 30px 0;
    font-size: 25px;
    letter-spacing:3px;

}

.hotspring-th{
    padding: 5px;
    font-size: 17px;
}

.hotspring-td{
    padding: 5px;
    font-size: 17px;
}

.table{
    margin-left: auto;
    margin-right: auto;
        width: 60vw;
        height: 30vh;
}

.notice{
    text-align: center;
    margin: 100px 0 0 0;
    font-size: 20px;
    letter-spacing:3px;

}

.notice-box{
width: 1000px;
margin: 0 auto;
letter-spacing:3px;
font-size: 17px;

}

/* footer */
.copy{
    text-align: center;
    background-color: rgb(7, 1, 88);
    height: 80px;
    width: 100%;
    margin: 100px 0 0 0;
    padding-top: 50px;
    color:  #fff71d;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}