*{
    margin: 0;
    padding: 0;
}

html{
    font-size: 62.5%;
}

body{
    color: #ffffff;
    width: 100%;
}

header p.trip,p.gold,h1{
    font-family: Georgia, 'Times New Roman', Times, serif;
}
/*-header始まり-*/
header{
    background-image: url(bg-trip.png);
    background-size: cover;
    background-position:center;
    background-repeat:no-repeat;
    margin: 1rem 1rem 0;
}

header p.trip{
    writing-mode: vertical-lr;
    font-size: 2rem;
    text-shadow: 3px 3px 2px #160909;
    padding: 8rem 10rem 40rem ;
}

/*-header終わり-*/


/*-main始まり-*/
main{
    background-color: #341212;
    margin: 0 1rem 1rem;
    padding: 1rem 4rem 2rem;
}

p.right{
    text-align: right;
}

p.front-h1{
    font-size: 2.5rem;
}

h1{
    font-size: 10rem;
    letter-spacing: 8.5rem;
}
p.gold{
    color: #958009;
    font-size: 4rem;
}



div.flex-container{
    display: flex;
}


div.flex-item{
    width: 100%;
}

span.x-small{
    font-size: 4rem;
}

h2{
    font-size: 7rem;
}

span.white{
    font-size: 3rem;
    color: #4d0a0a;
    background-color: #ffffff;
}
/*-main終わり-*/