/*
Theme Name: biobell
Theme URI: https://bio-bell.com/
Description: bio-bell.com 専用オリジナルテーマ。旧TCD「AMORE」(amore_tcd028) の見た目・機能を実用上同じに保ちつつ、PHP8系で自社保守できるよう再構築したもの。
Author: yumeya-eps
Version: 1.0.0
Requires PHP: 8.0
License: GNU General Public License v2 or later
Text Domain: biobell
*/

/*
 * NOTE: 表示用の主スタイルは旧テーマの amore.css / style_bio-bell.css / responsive.css 等を
 *       biobell 直下へミラー移植して読み込む（functions.php の biobell_enqueue_assets 参照）。
 *       本ファイルは「テーマ識別ヘッダ」＋「旧 header.php のインラインCSS（TCDオプション由来）の置換」。
 *
 * ↓ブランドカラー等は本番 dp_options の実値をベーク（2026-06-23 抽出済）。旧 header.php インラインCSSの置換。
 *   pickedcolor1=#343434(リンク/アクセント) pickedcolor2=#AAAAAA(hover) pickedcolor3=#175E00 pickedcolor4=#222222(フッター背景)
 *   content_font_size=14 / fix_header=1(fixed) / use_break_word=1 / 各見出し=FFFFFF + shadow 0 0 10px #666666
 */

/* ヘッダー位置（fix_header=1 → fixed） */
.site-navigation { position: fixed; }

/* 本文・リンク色 */
body { font-size: 14px; }
a { color: #343434; }
a:hover { color: #AAAAAA; }

/* FontAwesome アイコン（旧 header.php インラインCSS） */
.fa, .wp-icon a:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); }
.fa-phone:before, .wp-icon.wp-fa-phone a:before { content: "\f095"; margin-right: 5px; }

#global_menu ul ul li a { background: #343434; }
#global_menu ul ul li a:hover { background: #AAAAAA; }
#previous_next_post a:hover { background: #AAAAAA; }
.social-icon:hover { background-color: #343434 !important; }
.up-arrow:hover { background-color: #343434 !important; }
.menu-item:hover *:not(.dropdown-menu *) { color: #343434 !important; }
.menu-item a:hover { color: #343434 !important; }
.button a, .pager li > a, .pager li > span { background-color: #AAAAAA; }
.dropdown-menu .menu-item > a:hover, .button a:hover, .pager li > a:hover { background-color: #343434 !important; }
.button-green a { background-color: #343434; }
.button-green a:hover { background-color: #175E00; }
.timestamp { color: #343434; }
.blog-list-timestamp { color: #343434; }
.thumb:hover:after { box-shadow: inset 0 0 0 7px #343434; }

/* 見出し色（dp_options: first/third/fourth/fifth/blog いずれも FFFFFF + shadow 0 0 10px #666666、second本文=#333333） */
.first-h1 { color: #FFFFFF; text-shadow: 0 0 10px #666666 !important; }
.second-body { color: #333333; }
.top-headline,
.top-headline.third_headline,
.top-headline.fourth_headline,
.top-headline.fifth_headline { color: #FFFFFF; text-shadow: 0 0 10px #666666; }

/* use_break_word=1 */
p { word-wrap: break-word; }

/* フッター背景 */
.footer_main, .scrolltotop { background-color: #222222; }
.scrolltotop_arrow a:hover { color: #343434; }

/* ロゴ（カスタムロゴ未設定時のテキストロゴ） */
#logo-area .site-title { display: inline-block; padding: 20px; font-size: 24px; font-weight: bold; text-decoration: none; }

/* .Product — 中央線付き見出し装飾（旧カスタマイザー追加CSSより移植） */
.Product {
  position: relative;
  text-align: center;
}
.Product span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 4em;
  padding: 0 1em;
  background-color: #fff;
  text-align: left;
}
.Product::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(-45deg, transparent, #555 10%, #555 90%, transparent);
}

/* スマホでは両脇の線と左右余白を外す（余白 4em で文字幅が潰れ、縦書き状に折り返してしまうため） */
@media (max-width: 767px) {
  .Product::before { display: none; }
  .Product span { margin: 0; padding: 0; text-align: center; }
}

/* mystradi ページ固有 */
.mystradi_m01 { margin-top: 100px; margin-bottom: 40px; }
.mystradi_b01 { width: 100%; background: url("https://bio-bell.com/iwamithu/wp-content/uploads/img_15970849.png") 0 0 no-repeat; }

/* ユーティリティ（旧カスタマイザー追加CSSより移植） */
.mt100 { margin-top:  100px !important; }
.mb100 { margin-bottom: 100px !important; }
.pt20  { padding-top:   20px !important; }
.pb20  { padding-bottom: 20px !important; }
.pt30  { padding-top:   30px !important; }
.pb30  { padding-bottom: 30px !important; }

/* レスポンシブ動画埋め込み（旧カスタマイザー追加CSSより移植） */
.movie-wrap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* cello ページ固有（page-slug-cello は functions.php の biobell_body_classes で付与） */
.page-slug-cello .top-headline { display: none; }

/* .kakunin — 確認テキスト用ユーティリティ */
.kakunin { color: red; }

/* .btn-black — 旧 page-nosidebar.php インラインCSSをグローバルへ移植 */
.btn-black {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  background-image: linear-gradient(to bottom, #3A3A3A 0%, #000 100%);
  background-repeat: repeat-x;
  border-color: #000000;
  color: #FFF;
}
.btn-black:hover,
.btn-black:focus {
  background-color: #3A3A3A;
  background-position: 0 -31px;
  color: #FFF;
}