.title, h4, .button a { background: #8175ad; }
.title > dl > dt { color: #8175ad; font-weight: bold;}
.row2 { margin-left: 5.85em; }
a.map { background: #65a93b; }


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% - 5rem);
margin-bottom: 0.5rem;
padding: 0.25rem 0.5rem;
}


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;
}
div.photo p.img img{
margin-top: 0.5rem;
border-radius: 0.5rem;
}

@media screen and (min-width:737px) {
div.photo{
display: flex;
justify-content: space-between;
flex-direction: row;
}
div.photo p.img img{
margin-bottom: 1rem;
}
}/*@media screen and (min-width:737px)*/


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



@media screen and (min-width:737px) {
div dl.side-list{flex-wrap: wrap;}
div dl.side-list dt{font-weight: normal;}
div dl.side-list.w8 dt{width: 8rem;}
div dl.side-list.w8 dd{width: calc(100% - 8rem);}
div dl.side-list.w13 dt{width: 13rem;}
div dl.side-list.w13 dd{width: calc(100% - 13rem);}
div dl.side-list.w15 dt{width: 15rem;}
div dl.side-list.w15 dd{width: calc(100% - 15rem);}
div dl.side-list.w20 dt{width: 20rem;}
div dl.side-list.w20 dd{width: calc(100% - 20rem);}
div dl.side-list.w30 dt{width: 30rem;}
div dl.side-list.w30 dd{width: calc(100% - 30rem);}

}/*@media screen and (min-width:737px)*/