@charset "UTF-8";
/*
Theme Name: Emanon Premium child
Theme URI: https://wp-emanon.jp/emanon-premium/
Author: 株式会社イノ・コード
Author URI: https://innocord.co.jp/
Description: Emanon Premiumの子テーマです。
Template: emanon-premium
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* PC：LINE友だち追加ボタン（通常） */
li.menu-line-btn a span {
  background-color: #39b54a;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: bold !important;
  padding: 4px 12px !important;
  border-radius: 4px !important;
  display: inline-block !important;
  white-space: nowrap !important;
  transition: all 0.3s ease !important;
  text-decoration: none !important;
  box-shadow: none !important;
  border: 1px solid transparent !important;
}
li.menu-line-btn a:hover span {
  background-color: #ffffff !important;
  color: #39b54a !important;
  border-color: #39b54a !important;
}
#js-header-menu-fixed li.menu-line-btn a span {
  background-color: #ffffff !important;
  color: #39b54a !important;
  border: 1px solid #39b54a !important;
}
#js-header-menu-fixed li.menu-line-btn a:hover span {
  background-color: #39b54a !important;
  color: #ffffff !important;
  border-color: transparent !important;
}
li.menu-line-btn a,
li.menu-line-btn a:hover,
li.menu-line-btn a span,
li.menu-line-btn a:hover span {
  text-decoration: none !important;
  box-shadow: none !important;
}
li.menu-line-btn a::before,
li.menu-line-btn a::after,
li.menu-line-btn a span::before,
li.menu-line-btn a span::after {
  display: none !important;
}


/* モバイルメニュー用（ドロワー） */

/* 「登録はこちらから」中央寄せ、クリック不可 */
.drawer-menu__nav.u-display-tablet li.menu-sp-label {
  display: flex !important;
  justify-content: center !important;
  margin: 32px 0 8px !important;
  padding: 0 !important;
}
.drawer-menu__nav.u-display-tablet li.menu-sp-label a {
  pointer-events: none !important;
  text-decoration: none !important;
  display: inline-block;
}
.drawer-menu__nav.u-display-tablet li.menu-sp-label a span {
  font-size: 15px;
  font-weight: bold;
  color: #333;
  display: inline-block;
  padding: 0;
  text-align: center;
  width: 200px;
}

/* LINE友だち追加ボタン */
.drawer-menu__nav.u-display-tablet li.menu-sp-line-btn {
  text-align: center !important;
  margin: 4px 0 0 !important;
  padding: 0 !important;
}
.drawer-menu__nav.u-display-tablet li.menu-sp-line-btn a {
  display: inline-block;
  background-color: #39b54a;
  color: #ffffff !important;
  font-weight: bold;
  font-size: 14px;
  padding: 10px 0;
  width: 200px;
  border-radius: 6px;
  text-decoration: none;
  transition: background-color 0.3s;
}
.drawer-menu__nav.u-display-tablet li.menu-sp-line-btn a:hover {
  background-color: #2e9c3f;
}

/* 矢印（before）を非表示 */
.drawer-menu__nav.u-display-tablet li.menu-sp-label a::before,
.drawer-menu__nav.u-display-tablet li.menu-sp-line-btn a::before {
  content: none !important;
  display: none !important;
}

/* モバイル：LINE友だち追加ボタンのホバーアニメーションを完全無効化 */
.drawer-menu__nav.u-display-tablet li.menu-sp-line-btn a,
.drawer-menu__nav.u-display-tablet li.menu-sp-line-btn a span {
  transition: none !important;
  transform: none !important;
}

/* ホバー時も絶対に変化しないように */
.drawer-menu__nav.u-display-tablet li.menu-sp-line-btn a:hover,
.drawer-menu__nav.u-display-tablet li.menu-sp-line-btn a:hover span {
  transform: none !important;
}






/* 共通初期設定 */
.u-row.wrapper-column {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

/* ロゴ */
.column-5 img {
  display: block;
  max-height: 48px;
  height: auto;
}

/* メニュー共通スタイル */
.column-7 .widget_nav_menu {
  width: 100%;
}
.column-7 .widget_nav_menu ul.menu {
  list-style: none;
  padding: 0;
  margin: 0;
}
.column-7 .widget_nav_menu ul.menu li a {
  text-decoration: none;
  color: #fff;
  font-weight: 400;
  font-size: 15px;
  display: inline-block;
}


/* ✅ PC：ロゴ左・メニュー右に横並び（幅いっぱい） */
@media screen and (min-width: 960px) {
  .u-row.wrapper-column {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .column-5 {
    flex-shrink: 0;
  }

  .column-7 {
    flex: 1;
  }

  .column-7 .widget_nav_menu ul.menu {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px 32px;
  }

  .column-7 .widget_nav_menu ul.menu li {
    white-space: nowrap;
  }
}


/* ✅ タブレット：ロゴ上・メニュー横並び（幅いっぱい） */
@media screen and (min-width: 600px) and (max-width: 959px) {
  .u-row.wrapper-column {
    flex-direction: column;
    align-items: flex-start;
    width: 100% !important;
    gap: 12px;
  }

  .column-5,
  .column-7 {
    width: 100% !important;
  }

  .column-7 .widget_nav_menu {
    width: 100% !important;
    margin: 0;
    padding: 0;
  }

  .column-7 .widget_nav_menu ul.menu {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;  /* ✅ 左揃え */
    gap: 4px 16px !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .column-7 .widget_nav_menu ul.menu li {
    white-space: nowrap !important;
    word-break: keep-all !important;
    flex: 0 1 auto;
  }

  .column-7 .widget_nav_menu ul.menu li a {
    font-size: 14px !important;
    padding: 2px 4px !important;
    display: inline-block !important;
    color: #fff !important;
    line-height: 1.4 !important;
  }
}




/* ✅ スマホ：ロゴ上・メニュー縦並び（1項目1行） */
@media screen and (max-width: 599px) {
  .u-row.wrapper-column {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }

  .column-5,
  .column-7 {
    width: 100%;
  }

  .column-7 .widget_nav_menu ul.menu {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .column-7 .widget_nav_menu ul.menu li {
    width: 100%;
  }

  .column-7 .widget_nav_menu ul.menu li a {
    display: block;
    width: 100%;
    padding: 6px 0;
  }
}


/* ✅ スマホ・タブレット時にロゴを左揃えに強制 */
@media screen and (max-width: 959px) {
  .column-5 {
    text-align: left !important;
  }

  .column-5 figure.wp-block-image {
    margin-left: 0 !important;
    margin-right: auto !important;
    text-align: left !important;
  }

  .column-5 figure.wp-block-image a,
  .column-5 figure.wp-block-image img {
    display: block !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }
}






/* 親の基準設定（再確認） */
.main-visual-inner__content {
  position: relative !important;
}

/* 共通：中央絶対配置 */
.first-view-title {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
}

@media screen and (max-width: 599px) {
  .first-view-title {
    width: 240px;
    height: 240px;
    transform: translate(-50%, -50%);
  }
}

@media screen and (min-width: 600px) and (max-width: 959px) {
  .first-view-title {
    width: 320px;
    height: 320px;
    transform: translate(-0%, -70%);
  }
}

@media screen and (min-width: 960px) {
  .first-view-title {
    width: 360px;
    height: 360px;
    transform: translate(-0%, -70%);
  }
}