.title, h4, .button a { background: #977a58; }
.title > dl > dt { color: #977a58; font-weight: bold;}
.row2 { margin-left: 5.85em; }
a.map { background: #009688; }

h5{
text-align: center;
font-weight: bold;
}

dl.itinerary{
display: flex;
flex-wrap: wrap;
margin-bottom: 0;
/*position: relative;
width: 100%;*/
}
dl.itinerary dt{
width: 4rem;
background-color: #eee;
padding: 0.25rem 0.5rem;
margin: 0 0.5rem 0.5rem 0;
}
dl.itinerary dd{
width:calc(100% - 6.5rem);
padding: 0.25rem 0.5rem;
margin-bottom: 0.5rem;
}

ul.at-list{
display: block;
}
ul.at-list li{
text-indent: -0.6rem;
padding-left: 0.6rem;
text-align: inherit;
margin-bottom: 0;
pointer-events: none;
}
ul.at-list li:hover{
transform: none;
cursor: inherit;
box-shadow: none;
}

div.photo{
display: flex;
flex-direction: column;
}
div.photo p.img{
margin-top: 0.5rem;
line-height: 1.0;
text-align: center;
font-weight: bold;
}


@media screen and (min-width:737px) {
div dl.side-list{flex-wrap: wrap;}
div dl.side-list.w13 dt{width: 13rem;}
div dl.side-list.w13 dd{width: calc(100% - 13rem);}

div.photo{
display: flex;
justify-content: space-between;
flex-direction: row;
}
div.photo p.img img{
margin-bottom: 1rem;
}

.bus a.map.mr10 {
margin: 0 1rem 0 0;
}
}/*@media screen and (min-width:737px)*/