@charset "Shift_JIS";

.recommend-button { margin: 40px auto; padding: 15px; width: 100%; max-width: 90%; background: #666; border: solid 2px #666; border-radius: 10px; color: #fff !important; font-size: 20px; font-weight: bold; text-align: center; display: flex; align-items: center; justify-content: center; transition: all .3s ease; }
.recommend-button::after { content: ''; margin-left: 20px; width: 10px; height: 10px; border-top: solid 2px #fff; border-right: solid 2px #fff; transform: rotate(135deg); }
.recommend-button:hover { background: none; color: #333 !important; }
.recommend-button:hover::after { border-color: #333; }

@media screen and (max-width: 750px) {
  body { margin-top: 0; padding-top: 60px; }
  /*
  20251203
  body{
    margin-top:60px;
  }
  */
  header#globalHeader{
    position: fixed;
    background: #fff;
    top: 0;
    z-index:999;
  }
  
  nav#globalNavi{
    position:fixed;
    z-index:999;
  }
  #globalFooter li{
    width:50%!important;
    background:#ef0000;
  }
  #globalFooter li:nth-child(2){
    display:none;
  }
  #globalFooter li:nth-child(3){
    display:none;
  }
  .recommend-button { margin: 20px 0; padding: 10px; max-width: 100%; border: solid 2px #666; border-radius: 8px; font-size: 18px; }
  .recommend-button::after { margin-left: 15px; width: 8px; height: 8px; }
  .recommend-button:hover { color: #333 !important; }
}

/* 20250929 */
.mag_body_l img {
  height: auto;
}