/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

	

	
	
/* 1. フォント読み込み */

@font-face {
    font-family: 'TheScientist';
    src: url('/wp-content/uploads/fonts/the-scientist/TheScientistRegular.woff2') format('woff2'),
         url('/wp-content/uploads/fonts/the-scientist/TheScientistRegular.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    color: #c0c0c0;  /* ← 色ここで変更！ */
}


/* 太字が必要なら別ファイルを用意して font-weight:700 用に設定する */
/*
@font-face {
  font-family: 'TheScientist';
  src: url('/wp-content/uploads/fonts/the-scientist/the-scientist-bold.woff2') format('woff2'),
       url('/wp-content/uploads/fonts/the-scientist/the-scientist-bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap; 
  color: #a9a9a9;
}
*/

/* 2. 専用クラス（タイトルだけに適用） */
body .the-scientist-title {
    font-family: 'TheScientist', sans-serif;
  /* 必要ならサイズ・行間を微調整 */
  line-height: 1.2;
  letter-spacing: 0;
}

/* PC表示（768px以上） */
.pcbr {
  display: inline;
}
.spbr {
  display: none;
}

/* スマホ表示（767px以下） */
@media screen and (max-width: 767px) {
  .pcbr {
    display: none;
  }
  .spbr {
    display: inline;
  }
}
