/*****************************************************************************
CSS only for /example/mansion/0012/
*****************************************************************************/

/* Madori
-----------------------------------------*/
.Madori {
  flex-direction: row;
  width: 800px;
  justify-content: space-between;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
.Madori {
  flex-direction: column;
  width: auto;
  justify-content: center;
}
}
.Madori__arrow{
  padding-bottom: 0;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
.Madori__arrow{
  padding-bottom: 50px;
}
}
.Madori__arrow::after {
  bottom: calc(50% - 35px);
  left: calc(100% + 45px);
  border: 35px solid transparent;
  border-left: 28px solid #313131;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
.Madori__arrow::after {
  bottom: calc(0% - 35px);
  left: calc(50% - 35px);
  right: auto;
  border-top: 20px solid #313131;
  border-left: 35px solid transparent;
}
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
.Madori__photo {
  width: 80%;
}
}