*{
    box-sizing:border-box;
    margin:0 auto;
    padding:0;
}
body{
    background-color:rgb(245, 238, 213);
    width:390px;
}
.header{
    background-image: url(images/sado-background.jpg);
    background-size: cover;
    height:150px;
    padding-top:15px;
    margin-top: 10px;
    /*border: 3px dashed blue;*/
    border: inset 10px yellowgreen;
}
.header h2{
    text-align: center;
    font-size: 110%;
    color: white;
} 
main h5{
    margin-top: 10px;
    color:blue;
    font-weight: bold;
}
.theme h6{
    font-size: 70%;
    font-weight: bold;
}
.theme span{
    color:blue;
    font-size: 110%;
}
.theme{
    text-align: left;
    border: solid 3px green;
    margin-top: 10px;
    margin-bottom: 10px;
    padding:5px;
    width:390px;
}
.itinerary {
    padding:5px;
    border: 1px solid black;
}
.itinerary p{
    font-size: 30%;
}
.itinerary span{
    color:blue;
    font-weight: bold;
}
.plate{
    margin: 10px auto;
    padding:5px;
    width:390px;
    display:flex;
    border: solid 2px rgb(83, 148, 233);
}
.spot{
    border:solid 1px orangered;
    margin:0 7px 0 0;
    padding:5px;
    height:200px;
    width:120px;
}
.spot img{
    margin-bottom:10px;
    width:110px;
    height:110px;
}

.title{
    color:black;
    text-align: center;
    font-size: 8px;
    font-weight:bold;
    margin-bottom:5px;
}
.memo{
    font-weight:lighter;
    font-size: 0.5em;
    text-align: left;
}
.footer{
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
input{
    padding:10px;
}