@charset "utf-8";


/*
共通スタイル
-------------------------------------------------- */
@media (min-width: 960px) {
  .sp_, .sp_only, .for_sp { display: none !important; }
}
@media not all and (min-width: 960px) {
  .pc_, .pc_only, .for_pc { display: none !important; }
}


/*
フッターCTAの設定
----------------------------------------- */
#footer_cta_pc { display: none; }
#footer_cta_pc.active { position: fixed; left: 10px; bottom: 0; z-index: 100000; }
#footer_cta_pc.close { display: none !important; }
@media screen and (max-width: 767px) {
  #footer_cta_pc { visibility: hidden; }
}
#footer_cta_pc .footer_cta_pc__link img { transition: opacity 0.3s; }
#footer_cta_pc .footer_cta_pc__link:hover img { opacity: 0.7; }

#footer_cta_pc .close-btn {
  position: absolute; top: 5px; right: -10px; display: block; width: 32px; height: 32px; cursor: pointer; transition: opacity 0.3s;
  background: rgba(22,21,21,0.9); box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.4); border-radius: 50%;
}
#footer_cta_pc .close-btn:before {
  content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg);
  display: block; width: 22px; height: 3px; background: #fff;
}
#footer_cta_pc .close-btn:after {
  content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-45deg);
  display: block; width: 22px; height: 3px; background: #fff;
}
#footer_cta_pc .close-btn:hover { opacity: 0.8; }