.tokyoreviewlink {
margin: -15px 0 20px 0;
padding: 0px 18px 14px 24px;
border: 1px solid #aaaaaa;
width: 100%;
}

.restname {
font-family: arial, verdana, helvetica, sans-serif; 
font-size: 105%;
font-weight: 600;
color: #ffffff;
color: #333333;
margin-top: 6px;
margin-bottom: 16px;
background-color: #ecc561;
background-color: #ecc561;
background-color: #ffb300;
padding: 11px 11px 11px 18px;
}

.restname a {
color: #ffffff;
}

.restname a:hover {
color: #778877;
}


.restrev, .restrev2, .restrevnarrow {
font-family: serif;
font-family: garamond, serif;
font-size: 18px;
line-height: 130%;
font-weight : normal;
margin-top: 7px;
margin-bottom: 4px;
text-indent: 0px;
padding: 0 8px 0 6px;
}

.restrev450 {
width: 450px;
}

.restrev p {
margin: 0 5px 0 0;
padding: 0 8px 0 8px;
}

.restrev2 p {
margin: 10px 5px 12px 0;
padding: 0 8px 0 8px;
}

.restrevnarrow p {
margin: 10px 5px 12px 0;
padding: 0 60px 0 8px;
}


.restlink {
font-size: 70%;
font-weight : bold;
margin-top : 6px;
margin-bottom : 4px;
text-indent: 0px;
text-align: center;
clear: right;
}

.restend {
clear: both;
}



/* EXTRA-WIDE MOBILE, SMALL TABLET xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


@media only screen and (min-width: 40.063em) and (max-width: 64em) {

div.front-reviews {
display: grid;
gap: 20px;
grid-template-columns: 1fr 1fr 1fr;
}


div.contentfeature {
border-width: 0;
padding: 0 0 25px 0;
}

div.morereviewslinks {
display: flex;
flex-direction: row;
gap: 20px;
}


} /* end of extra-wide mobile */



/* DESKTOP xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

@media only screen and (min-width: 64.063em) { 

div.front-reviews {
display: grid;
gap: 20px;
grid-template-columns: 1fr 1fr 1fr;
}

div.contentfeature {
border-width: 0;
padding: 0 0 20px 0;
}

div.morereviewslinks {
display: flex;
flex-direction: row;
gap: 20px;
}

} /* KEEP THIS */