/*
Theme Name: Lightning Child
Theme URI:
Template: lightning
Description:
Author:
Tags:
Version: 0.6.1
*/


/*サイドお問い合わせ 20240506*/
/* ================================
   サイドお問い合わせ（Font Awesome Regular）
   ================================ */

/* PC表示 */
@media screen and (min-width: 599px) {

  .follow-banner {
    position: fixed;
    top: 35%;
    right: 0;
    transform: translateY(-50%);
    z-index: 9999;
  }

  .follow-banner a {
    display: flex;
    align-items: center;
    writing-mode: vertical-rl;
    color: #fff;
    background-color: #c4a000;
    width: 100%;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.1em;
    padding: 1.5em 0.8em;
    border-radius: 10px 0 0 10px;
    transition: opacity 0.25s;
    position: relative;
  }

  .follow-banner a::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 400; /* Regular */
    content: "\f0e0"; /* envelope */
    display: inline-block;
    margin-bottom: 0.5rem;
  }

  .follow-banner a:hover {
    opacity: 0.7;
  }
}

/* ================================
   スマホ表示
   ================================ */

@media screen and (max-width: 599px) {

  .follow-banner {
    position: fixed;
    bottom: 20px;
    left: 0;
    z-index: 999;
    width: 100%;
  }

  .follow-banner a {
    display: inline-block;
    text-align: center;
    color: #fff;
    background-color: #dd8500;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    padding: 1em 3.3em;
    width: 100%;
    border-radius: 10px;
    transition: opacity 0.25s;
    position: relative;
  }

  .follow-banner a::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 400;
    content: "\f0e0";
    position: absolute;
    left: 1.5rem;
    top: 50%;
    transform: translateY(-50%);
  }

  .follow-banner a:hover {
    opacity: 0.7;
  }
}

/* ================================
   スマホは完全に非表示
   ================================ */
/*
@media screen and (max-width: 598px) {
  .follow-banner {
    display: none !important;
  }
}
*/