#_mrShowAd {width: 90%; max-width: 40rem; display: flex; justify-content: space=netween; align-items: stretch}
#_mrShowAdBox {display: flex; justify-content: space-between; align-items: top; }
#_mrShowAdPhotos {width: 46%}
#_mrShowAdInfo {width: 51%}
#_mrShowAdTitle {text-align: right}
#_mrShowAdMainPhoto {width: 100%; overflow: hidden; aspect-ratio: 1/1; border: 1px solid #CCC}
#_mrShowAdMainPhoto > img {width: 100%; height: 100%; object-fit: contain}
#_mrShowAdOtherPhotos {width: 100%; display: flex; justify-content: space-around; align-items: center; margin-top: 1rem}
#_mrShowAdOtherPhotos > div {width: 22%; aspect-ratio: 1/1; border: 1px solid #CCC}
#_mrShowAdOtherPhotos > div > img {width: 100%; height: 100%; object-fit: contain}
#_mrShowAdPriceBox {display: flex; justify-content: space-between; align-items: center; background-color: #F5F5F5; padding: 0.5rem 1.5rem; margin-left: -1rem; margin-right: -1rem}
#_mrShowAdCond {font-size: 0.8rem; width: 6rem} 
#_mrShowAdPrice {font-size: 1.4rem; font-weight: bold}
#_mrShowAdAbout {width: 100%; margin-top: 1.5rem; margin-bottom: 1rem; text-align: right; border: 0; white-space: pre-line; word-wrap: break-word; overflow-wrap: break-word;}
#_mrShowAdName {font-size: 1.4rem; font-weight: bold; text-align: right;margin-top: 0.5rem}
#_mrShowAdContacts > p {text-align: right; margin-top: 0.5rem}
#_mrShowAdContacts > p:nth-child(1) {font-size: 0.8rem}

@media only screen AND (max-width: 500px) 
{
  #_mrShowEd {width: 20rem; flex-wrap: wrap}
  #_mrShowAdBox {flex-wrap: wrap} 
  #_mrShowAdPhotos {width: 70%; margin: 0 auto}
  #_mrShowAdInfo {width: 100%}
  #_mrAdCategory {text-align: right}
  #_mrAdAction {text-align: right}
  #_mrAdTitle {text-align: right}
  #_mrAdCond {text-align: right}
  #_mrAdAddress {max-width: calc(100% - 1rem); text-align: right}
  #_mrAdPhone {text-align: right}
  #_mrAdEmail {text-align: right}
}

@media only screen AND (orientation: landscape) AND (max-width: 1024px) 
{
}