@charset "utf-8";

/* レイアウト
____________________________________*/

  #button-box {
    margin: 10px 0 0 0;
    display: flex;
    justify-content: flex-end;
  }

  .button-group {
    display: flex;
    gap: 12px;
  }

  #btn-phone,#btn-pc {
    margin:100px 0 0 0;
  }

  .icon-btn {
    width: 60px;
    height: 60px;
    border: none;
    border-radius: 10px;
    background: #eee;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
  }

  .icon-btn svg {
    width: 28px;
    height: 28px;
    fill: #222222;
    transition: fill 0.3s ease;
  }

  .icon-btn:hover {
    background: #222222;
  }

  .icon-btn:hover svg {
    fill: #FFFFFF;
  }

  .icon-btn.active {
    background: #222222;
  }

  .icon-btn.active svg {
    fill: #FFFFFF;
  }