@charset "UTF-8";

/* 小野原追加CSS */
main {
     font-family: 'Noto Serif JP', serif;
    font-weight: 500;
}

main.page-main{
    margin: 0 auto;
}
.ASIBU, .umikaji {
    padding: 40px;
}
.page h1 {
    color: rgb(0,154,223);
    border-bottom: 2px solid rgb(0,154,223);
    margin-bottom: 50px;
    margin-top: 50px;
    text-align: center;
    font-size: 28px;
}

.Billiards,.game {
    display: flex;
    justify-content: space-between;
}

.asibu1 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 100px;
}


.asibu1 p {
/*    width: 380px;*/
    margin-left: 20px;
    margin-top: 80px;
    line-height: 3;
    text-align: justify;
}
.game p {
    margin-right: 20px;
}
.asibu2 p {
/*    width: 380px;*/
    margin-top: 80px;
    line-height: 3;
    text-align: justify;
}

.asibu2 h2 {
    margin-bottom: 50px;
}

.asibu2 p:nth-child(4) {
    margin-top: 0;
}

.umikaji p {
    margin-top: 50px;
    line-height: 3;
}

.umikajisea {
    margin-bottom: 100px;
}
.umikajisea p{
    margin-left: 20px;
}
.sea {
    margin-right: 20px;
}
.diving {
    margin-left: 20px;
}

.umikajisea,.umikajidiving {
    display: flex;
}

.user_hi {
    text-align: center;
    line-height: 3;
}

dl dt{
        font-size: 25px;
        color: rgb(0,154,223);
    }

span {
    color: crimson;
}

.reservation {
    width: 130px;
    margin: 30px 0px;
}

/*******画面幅が500幅以下になったら*******/
@media (max-width: 500px) {

    .index .page-main  {
        display: block;
        width: 100%;
        box-sizing: border-box;
    }
    
    .asibu1,.Billiards,.game,.umikajisea,.umikajidiving {
        display: block;
    }
    
    .asibu1 p,.diving {
    margin-left: 0;
    }
    
    


}