/* ==================================================
   NAOKing Fishing：追加CSS 整理版
   ================================================== */


/* ==================================================
   1. フッターの不要コピーライト非表示
   ================================================== */

.site-footer-copyright p:nth-of-type(2),
.site-footer .powered-by,
.site-footer .copySection_p,
.site-footer .copySection p:nth-child(2) {
  display: none;
}


/* ==================================================
   2. 全体デザイン
   ================================================== */

body {
  background-color: #f5f1e8 !important;
  color: #082f49 !important;
  font-family: "Helvetica Neue", Arial, "Noto Sans JP", sans-serif !important;
  letter-spacing: 0.02em;
}

.site-body,
.site-content,
main,
.entry-content {
  background-color: #f5f1e8 !important;
}


/* ==================================================
   3. ヘッダー・ロゴ周り
   ※ メニューボタン自体は触らない
   ================================================== */

.site-header,
.site-header-container,
.site-header-logo,
.site-header-sub,
.l-header,
.l-header__inner,
.header,
.header-inner,
.navbar,
.navbar-header,
.gMenu_outer,
.siteHeader,
.siteHeader_logo,
.siteHeadContainer {
  background-color: #f5f1e8 !important;
}

/* ロゴ画像まわりの白背景対策 */
.site-header img,
.site-header-logo img,
.custom-logo,
.navbar-brand img,
.site-logo img,
.logo img,
.siteHeader_logo img {
  background: transparent !important;
}

/* PC版ロゴ */
@media screen and (min-width: 769px) {
  .site-header-logo img,
  .custom-logo,
  .navbar-brand img,
  .site-logo img,
  .logo img,
  .siteHeader_logo img {
    width: 240px !important;
    max-height: none !important;
    height: auto !important;
  }

  .site-header-logo,
  .navbar-brand,
  .site-logo,
  .logo,
  .siteHeader_logo {
    background-color: #f5f1e8 !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}

/* スマホ版ロゴ */
@media screen and (max-width: 768px) {
  .site-header-logo img,
  .custom-logo,
  .navbar-brand img,
  .site-logo img,
  .logo img,
  .siteHeader_logo img {
    width: 270px !important;
    max-width: 74vw !important;
    max-height: none !important;
    height: auto !important;
  }

  .site-header-logo,
  .navbar-brand,
  .site-logo,
  .logo,
  .siteHeader_logo {
    background-color: #f5f1e8 !important;
    padding-top: 8px !important;
    padding-bottom: 10px !important;
    text-align: center !important;
  }
}


/* ==================================================
   4. 見出し・本文
   ================================================== */

h1,
h2,
h3,
.wp-block-heading,
.site-title,
.vk_heading_title {
  font-family: "Arial Black", "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  color: #082f49 !important;
  line-height: 1.35 !important;
}

p {
  font-family: "Helvetica Neue", Arial, "Noto Sans JP", sans-serif !important;
  color: #102A43 !important;
  font-size: 16px;
  line-height: 1.9;
  font-weight: 500;
}


/* ==================================================
   5. ヘッダーメニュー PC
   ================================================== */

.global-nav-list > li > a,
.header_scrolled .global-nav-list > li > a {
  font-family: "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em;
}


/* ==================================================
   6. トップ画像上の文字
   ================================================== */

.wp-block-cover h1,
.wp-block-cover h2,
.wp-block-cover .wp-block-heading,
.wp-block-cover p {
  color: #ffffff !important;
  text-shadow: 0 3px 10px rgba(0,0,0,0.45);
}

.wp-block-cover .wp-block-heading {
  letter-spacing: 0.06em !important;
}

.wp-block-cover p {
  font-weight: 700;
}


/* ==================================================
   7. 通常ボタン共通
   ================================================== */

.wp-block-button__link {
  border-radius: 4px !important;
  font-family: "Arial Black", "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  text-align: center !important;
  transition: all 0.18s ease !important;
}


/* ==================================================
   8. 予約ボタン
   必要なCSSクラス：
   親グループ：reserve-buttons
   Instagramボタン：insta-button
   電話ボタン：tel-button
   ================================================== */

.reserve-buttons .wp-block-button {
  width: 100% !important;
  margin-bottom: 14px !important;
}

.reserve-buttons .wp-block-button__link {
  width: 100% !important;
  padding: 16px 20px !important;
  box-sizing: border-box !important;
}

/* Instagram：主役ボタン */
.reserve-buttons .insta-button .wp-block-button__link,
.reserve-buttons .wp-block-button.insta-button .wp-block-button__link,
.wp-block-button.insta-button .wp-block-button__link {
  background: #111111 !important;
  background-color: #111111 !important;
  color: #ffffff !important;
  border: 2px solid #111111 !important;
  box-shadow: 4px 4px 0 #2f6f9f !important;
}

/* Instagram：ホバー */
.reserve-buttons .insta-button .wp-block-button__link:hover,
.reserve-buttons .wp-block-button.insta-button .wp-block-button__link:hover,
.wp-block-button.insta-button .wp-block-button__link:hover {
  background: #ef3b2d !important;
  background-color: #ef3b2d !important;
  color: #ffffff !important;
  border-color: #08385f !important;
  box-shadow: 6px 6px 0 #08385f !important;
  transform: translate(-2px, -2px);
}

/* 電話：サブボタン */
.reserve-buttons .tel-button .wp-block-button__link,
.reserve-buttons .wp-block-button.tel-button .wp-block-button__link,
.wp-block-button.tel-button .wp-block-button__link {
  background: #eaf4fb !important;
  background-color: #eaf4fb !important;
  color: #08385f !important;
  border: 2px solid #08385f !important;
  box-shadow: 4px 4px 0 #08385f !important;
}

/* 電話：ホバー */
.reserve-buttons .tel-button .wp-block-button__link:hover,
.reserve-buttons .wp-block-button.tel-button .wp-block-button__link:hover,
.wp-block-button.tel-button .wp-block-button__link:hover {
  background: #ffd22e !important;
  background-color: #ffd22e !important;
  color: #08385f !important;
  border-color: #08385f !important;
  box-shadow: 6px 6px 0 #08385f !important;
  transform: translate(-2px, -2px);
}


/* ==================================================
   9. PC：3カラム見出し
   ================================================== */

.wp-block-columns h2,
.wp-block-columns h3,
.wp-block-columns .wp-block-heading {
  font-size: 28px;
  letter-spacing: 0.12em !important;
  line-height: 1.2 !important;
}


/* ==================================================
   10. スマホ調整
   ================================================== */

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

  h1,
  h2,
  h3,
  .wp-block-heading {
    letter-spacing: 0.08em !important;
    line-height: 1.35 !important;
  }

  p {
    letter-spacing: 0.03em !important;
    line-height: 1.9 !important;
    font-size: 15px !important;
  }

  section,
  .swell-block-fullWide,
  .wp-block-columns {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }

  .wp-block-button__link {
    padding: 16px 20px !important;
    font-size: 15px !important;
  }
}


/* ==================================================
   11. スマホ：カード表示
   カード化したいグループに feature-box を付与
   ================================================== */

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

  .feature-box {
    border: 2px solid #2f6f9f !important;
    background: #ffffff !important;
    padding: 24px 20px !important;
    margin-bottom: 24px !important;
    box-shadow: 4px 4px 0 #d9e8f2 !important;
    box-sizing: border-box !important;
  }

  .feature-box h2,
  .feature-box h3,
  .feature-box h4,
  .feature-box .wp-block-heading {
    border-top: 3px solid #2f6f9f !important;
    padding-top: 18px !important;
    margin-top: 0 !important;
    margin-bottom: 16px !important;
  }

  .feature-box p {
    margin-bottom: 0 !important;
  }
}


/* ==================================================
   12. HOW TO BOOK用
   必要な場合のみ step-block を付与
   ================================================== */

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

  .step-block {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
    margin-bottom: 12px !important;
  }

  .step-block h2,
  .step-block h3 {
    font-size: 26px !important;
    letter-spacing: 0.12em !important;
    margin-bottom: 14px !important;
  }
}


/* ==================================================
   13. フッターメニュー
   メニュー項目に footer-menu-button を付与した場合
   ================================================== */

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

  .footer-menu-button a {
    display: block;
    padding: 14px 12px;
    border-bottom: 1px solid #dddddd;
    text-decoration: none !important;
  }
}

/* ==================================================
   スマホ：ロゴ周りの余白をさらに詰める
   ================================================== */

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

  .site-header,
  .site-header-container,
  .site-header-logo,
  .site-header-sub,
  .l-header,
  .l-header__inner,
  .header,
  .header-inner,
  .navbar,
  .navbar-header,
  .siteHeader,
  .siteHeader_logo,
  .siteHeadContainer {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .site-header-logo,
  .navbar-brand,
  .site-logo,
  .logo,
  .siteHeader_logo {
    padding-top: 0px !important;
    padding-bottom: 2px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    text-align: center !important;
  }

  .site-header-logo img,
  .custom-logo,
  .navbar-brand img,
  .site-logo img,
  .logo img,
  .siteHeader_logo img {
    width: 270px !important;
    max-width: 74vw !important;
    height: auto !important;
    display: inline-block !important;
  }
}

/* ==================================================
   スマホ：カード内の文字・余白を少しコンパクトに
   ================================================== */

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

  .feature-box {
    padding: 18px 18px !important;
    margin-bottom: 18px !important;
  }

  .feature-box h2,
  .feature-box h3,
  .feature-box h4,
  .feature-box .wp-block-heading {
    font-size: 25px !important;
    letter-spacing: 0.10em !important;
    line-height: 1.25 !important;
    padding-top: 14px !important;
    margin-bottom: 12px !important;
  }

  .feature-box p {
    font-size: 14.5px !important;
    line-height: 1.75 !important;
    letter-spacing: 0.02em !important;
  }
}

/* HOW TO BOOKカードだけ少しコンパクトに */
@media screen and (max-width: 768px) {
  .step-block h2,
  .step-block h3,
  .step-block .wp-block-heading {
    font-size: 24px !important;
    letter-spacing: 0.10em !important;
  }

  .step-block {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }
}

/* ==============================
   スマホ：英字見出しの字間調整
============================== */
@media screen and (max-width: 767px) {

  h1,
  h2,
  h3,
  .wp-block-heading {
    letter-spacing: 0.14em !important;
  }

  /* WELCOME ABOARD / TARGET FISH など大見出し */
  h2.wp-block-heading,
  h3.wp-block-heading {
    letter-spacing: 0.15em !important;
    line-height: 1.35 !important;
  }

  /* カード内見出し */
  .wp-block-group h2,
  .wp-block-group h3,
  .wp-block-group h4 {
    letter-spacing: 0.14em !important;
    line-height: 1.35 !important;
  }
}

/* ページ上部の青いタイトル帯を非表示 */
body.page .page-header,
body.page .entry-header,
body.page .vk_pageHeader,
body.page .vk_pageHeader_title,
body.page .ltg_pageTitle,
body.page .site-page-header,
body.page .c-page-header,
body.page .p-page-header {
  display: none !important;
}

/* パンくずリストを非表示 */
.breadcrumb,
.breadcrumbs,
.vk_breadcrumb,
.breadSection,
.p-breadcrumb,
.c-breadcrumb {
  display: none !important;
}