@charset "utf-8";

body{
    font-family: 'Kosugi Maru', sans-serif;
    margin-bottom: 50px;
} 

#top {
    background-image: url(img/top/beige.png) ;
    background-size:contain;
    background-repeat: no-repeat;
    background-position: center;
}

.img-box img {
    width: 100% ;
    display: block;
    margin: auto;
}

#schedule {
    width: 90%;
    margin-top: 20px;
}

#DO {
    width: 80%;
}

#allow {
    width: 15%;
}

#text1 {
    text-align: center;
}

.field {
    margin: 15px;
}

.fieldtext1 {
    text-align: center;
}

#text-box {
   margin: center;
} 

#top {
    text-align: center;
    font-size: bold;
    -webkit-text-stroke: 0.5px black;
    color: white;
}

#top1 {
    text-decoration: underline ;
    text-decoration-color: #ffe30f;
}

#top2 {
    text-decoration-color: rgb(109, 74, 198);
    text-decoration-line: underline;
  
}

#top3 {
    text-decoration-color:rgb(42, 175, 242);
    text-decoration-line: underline;

}

#top4 {
    text-decoration-color: rgb(224, 81, 126);
    text-decoration-line: underline;

}

#main {
    background-image: url(img/top/bigbeige.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

#motemizu {
    width: 60%;
    transform: rotate(15deg);
    margin-left: -30px;
}

#bookimg {
    width: 60%;
    margin-right: -30px;
}

#photoimg {
    width: 60%;
    height: 60%;
    margin-top: 30px;
    margin-left: -15px;
    margin-right: 10px;
    
}

#title1 {
    width: 100% ;
}

#title2 {
    width: 100%;
}

.field {
    display: flex;
}

.field p {
    line-height: 20px;
}

.mitemiru {
    border: solid 0.5px black;
    padding: 10px;
    border-radius: 20px;
    background-color: #ffffff;
}