@media (max-width: 767px) {
    .p-entry-product__mainimage-zoom-modal-icon {
        display: none;
    }
}

.p-entry-product__mainimage-zoom-modal-icon {
    width: 50px;
    height: 50px;
    background: #fff;
    color: #000;
    border-radius: 50%;
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 3;
}

/* 基本ボタン */
.c-button {
  display:-webkit-inline-box; display:-ms-inline-flexbox; display:-webkit-inline-flex; display:inline-flex;
  -webkit-box-align: center; -ms-flex-align: center; align-items: center;
  -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
  width: 280px; height: 60px; border-radius: 60px; overflow: hidden; cursor: pointer;
  font-size: 16px; padding: 0 1em; background:transparent; text-align: center;
  border: 1px solid rgba(var(--tcd-accent-color, 0,0,0),1);
  color: rgba(var(--tcd-accent-color, 0,0,0),1);
  transition:color 0.3s ease, background-color 0.3s ease;
}
.c-button--grey { border:none; }
.c-button--grey:not(:hover) { color: #fff; background: #ccc; }
@media (hover: hover) and (pointer: fine) {
  .c-button:hover {
    color: #fff;
    background: rgba(var(--tcd-accent-color, 0,0,0),1);
    border-color: rgba(var(--tcd-accent-color, 0,0,0),1);
  }
}
@media (max-width: 767px) {
  .c-button { font-size: 14px; width: 240px; height: 50px; border-radius: 50px; }
}

.u-button-reset {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
}

.c-icon {
    font-family: 'design_plus';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}