/* ポイントフック-ポップアップ位置調整 */
#wrapper_low {
  position: relative;
}
.hed_icn_wrp {
  width: auto !important;
}

.hed .hed_icn_wrp .hed_icn_pthook a {
  position: relative;
  width: 60px;
}
.hed .hed_icn_pthook .hed_top_icn {
  width: 46px;
  height: 26px;
  background-image: url(../images/pthook3_hed_coin.png);
  background-size: 46px auto;
}
.hed .hed_icn_wrp .hed_icn_pthook a {
  padding-top: 6px;
}
.hed .hed_icn_pthook .hed_icn_txt_wrp {
  padding-top: 1px;
}

.hed .hed_icn_wrp .hed_icn_dmenu a {
  width: 56px;
}

.pthook_popup_wrp {
  position: absolute;
  left: 50%;
  width: calc(100% - 20px);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  z-index: 200;
}

.popup_appbn .pthook_popup_wrp,
.popup_appbn_removearr .pthook_popup_wrp,
.popup_appbn_snap .pthook_popup_wrp {
  top: 158px;
}
.popup_noappbn .pthook_popup_wrp,
.popup_noappbn_removearr .pthook_popup_wrp,
.popup_noappbn_snap .pthook_popup_wrp {
  top: 92px;
}
.popup_appbn_snap .pthook_popup_wrp,
.popup_noappbn_snap .pthook_popup_wrp {
  position: fixed;
  top: 8px;
}

.popup_appbn_removearr .pthook_popup_arr,
.popup_appbn_snap .pthook_popup_arr,
.popup_noappbn_removearr .pthook_popup_arr,
.popup_noappbn_snap .pthook_popup_arr {
  display: none;
}

.pthook_popup {
  position: relative;
  width: 100%;
  min-height: 56px;
  border-radius: 10px;
  border: 3px solid #828282;
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.27);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.27);
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 201;
}
.pthook_popup_arr::before,
.pthook_popup_arr::after {
  position: absolute;
  content: "";
  right: 75px;
  top: -46px;
  width: 24px;
  height: 51px;
  background-size: 24px auto;
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
}
.pthook_popup_arr::before {
  background-image: url(../images/pthook3_popup_arrow_gy.png);
  z-index: 200;
}
.pthook_popup_arr::after {
  background-image: url(../images/pthook3_popup_arrow_w.png);
  z-index: 202;
}

.pthook_popup_thumb {
  width: 66px;
  height: 56px;
  -webkit-border-radius: 10px 0 0 10px;
  border-radius: 10px 0 0 10px;
  overflow: hidden;
}
.pthook_popup_thumb img {
  width: 100%;
}
.pthook_popup_txt {
  flex: 1;
  font-size: 14px;
  font-weight: bold;
  margin: 6px 4px 6px 6px;
}
.pthook_popup_lbl {
  flex: 0;
}
.pthook_popup_lbl .pthook_popup_lbl_link {
  display: block;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  border-radius: 6px;
  margin-right: 5px;
  padding: 6px;
  background-color: #ce1836;
  white-space: nowrap;
}

@media screen and (min-width: 450px) {
  .pthook_popup_lbl .pthook_popup_lbl_link {
    padding: 8px;
  }
  .pthook_popup_lbl br {
    display: none;
  }
}
@media screen and (min-width: 744px) {
  .hed_icn.hed_icn_pthook,
  .pthook_popup,
  .pthook_popup_arr {
    display: none;
  }
}

.pthook_popup_fadeout {
  animation: pthook_popup_fadeout 0.5s;
  animation-fill-mode: forwards;
}

@keyframes pthook_popup_fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}