@charset "utf-8";
/*
Theme Name: Astra_Child
Template: astra
*/


/***********************************************
**　TOPページの調整
***********************************************/
/**********************************
**　padding margin調整
**********************************/

/*　メイン画像をfront-page.phpに直接いれたことにより、画面幅に合わせて縦に伸びるコメント部分の背景がいらなくなったためfooter.php（親テーマ）をコメントアウト。これにより空白ができたため調整　*/
body.home #main {
	margin-top: -76px;
}

/**********************************
**　メインビジュアル(財団名)
**********************************/
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 480px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}




/**********************************************************
**　TOPページ事業紹介パンフレット紹介部分　2021.4追加
**********************************************************/
/*　タイトル　*/
.top-page-midashi {
	color: #005990;
	font-size: 36px;
}
@media (max-width: 480px) { /* 携帯　*/
.top-page-midashi {
	font-size: 19px;
}
}
/*　説明部分　*/
.top-page-setumei {
	font-size: 1.15em;
	line-height: 1.8em;
}
@media (max-width: 480px) { /* 携帯　*/
.top-page-setumei {
	font-size: 14px;
	line-height: 1.3em;
}
}

/**********************************
**　Topics（XEORY⇒問い合わせ）
**********************************/

/* 内側表示部分　背景色設定　2021.1追加　2021.5　修正背景色白→透明に*/
body.home #front-contact .c_box_inner {
  background: transparent;/* 透明　*/ 
  max-width: 900px;
}

/* 外側　背景色設定　2021.1追加　*/
body.home #front-contact .c_box_left {
  background: #fff;
}

/* 文字サイズ設定　2021.4追加　*/
body.home #front-contact .c_box_inner p {
   font-size: 1.15em;
   line-height: 2.1em;
}
@media (max-width: 480px) {/* 携帯設定　*/  
body.home #front-contact .c_box_inner p {
   font-size: 14px;	
   line-height: 1.8em;
}
}

/* 背景のグラデーション　2021.5追加　*/
.haikei-gradation{
  margin: 0;
  background-image:url("https://ftrf.jp/ftrf/wp-content/uploads/2021/05/図100.png"), url("https://ftrf.jp/ftrf/wp-content/uploads/2021/05/図101.png")!important;
  background-repeat: no-repeat!important;
  background-position:top left, bottom right !important;
  background-size: 50% auto !important;
}

/* Xeory風の青帯見出し（h2）（260513） */
h2.wp-block-heading {
    background: #063E82; /* Xeoryの青に近い */
    color: #fff;
    padding: 12px 16px;
    border-radius: 4px;
    font-weight: bold;
    font-size: 28px;
    
    /* ★ ここを調整すれば “好きなだけ広がる” ★ */
    width: calc(100% + 20px); /* ← コンテナより20px広くする */
    margin-left: -10px;        /* ← 左に10pxはみ出す */
    margin-right: -10px;       /* ← 右に10pxはみ出す */

    /* 中央寄せのための補正（これが超重要） */
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    box-sizing: border-box;

    /* ★ ここで上のスペースを自由に調整できる ★ */
    margin-top: 60px; /* ← 好きな値に変えてOK */
}


/**********************************
**　事業概要（XEORY⇒クローズアップ）
**********************************/

/* タイトル（h3）フォントサイズ　 */
@media (max-width: 480px) {/* 携帯設定　*/  
body.home.color02 #front-contents h3{
	font-size: 20px !important;
}
}

/* 文章（p）フォントサイズ　 */
@media (min-width: 480px) { /* PC,ipad設定　*/
body.home #front-contents .c_text p{
	font-size:1.15em;
}
}

/*事業概要リンクボタン　サイズ、余白設定*/
body.home.color02 #front-contents .c_text .c_btn a{
	width: 320px;
	padding: 0.9em 2em;
	margin-top: -25px!important;
}
@media (min-width: 480px) { /* PC,ipad設定　*/
body.home.color02 #front-contents .c_text .c_btn a{
	font-size: 15.5px;
}
}

/*上要素との余白ができたので調整*/
#front-contents{
    margin-top: -28px;
}
@media (max-width: 480px) {/* 携帯設定　*/  
#front-contents{
    margin-top: -26px;
}
}	
	
/*リンクのずれ調整(テーマ設定➡クローズアップ記事のコンテンツ部分のリンク設定)*/
#Cell-search-system{
	padding-top: 180px;
    margin-top: -180px;
}
@media (max-width: 480px) {/* 携帯設定　*/  
#Cell-search-system{	
	padding-top: 455px;
    margin-top: -455px;
}
}

#Antibody{
	padding-top: 180px;
    margin-top: -180px;	
}
@media (max-width: 480px) {/* 携帯設定　*/  
#Antibody{	
	padding-top: 455px;
    margin-top: -455px;
}
}

/**********************************
**　SNS（Youtube、Facebook）紹介部分 ※Facebook削除（20260413）
**********************************/
/* TOPページのSNS紹介部分　幅900　*/
.sns-info {
  background: #EBF1DE;
  padding: 4em 2em 2em 4em;
  border: 1px solid #e5e5e5;
  width: 900px;
  margin: 50px auto;
  line-height:2em;
}
/* タブレット　*/
@media (max-width: 1100px) { /* 携帯　*/
.sns-info{
	width: 500px;
	padding: 2em 1em 0.5em 3em;
	line-height:1.8em;
}
}		
/* 携帯の時　*/
@media (max-width: 600px) { /* 携帯　*/
.sns-info{
	padding: 2em;
	width:300px;
	line-height:1.5em;
}
}		

/* Youtube,Facebookのアイコン　*/
.sns-icon{
	width: 120px;
	margin-top: -10px;
    margin-right: 40px;
}
/* タブレット　*/
@media (max-width: 1100px) { /* 携帯　*/
.sns-icon{
	width: 80px;
	margin-bottom: 5px;
}
}		
/* 携帯の時　*/
@media (max-width: 600px) { /* 携帯　*/
.sns-icon{
	width: 50px;
}
}		

/**********************************
**　会員登録（XEORY⇒サービス記事）
**********************************/

/* タイトル(h3)フォントサイズ　 */
@media (max-width: 480px) {/* 携帯設定　*/  
	body.home.color02 #front-service .front-service-inner h3{
	font-size: 20px !important;	
}
}

/*  文章（p）フォントサイズ　 */
@media (min-width: 480px) { /* PC,ipad設定　*/
body.home #front-service .front-service-inner .c_text p{
	font-size:1.08em;
}
}

/*サービス内容リンクボタン　サイズ、背景色設定※デフォルトは紺だったが水色に統一　*/
body.home.color02 #front-service .front-service-inner .c_text .c_btn a {
    width: 320px;
	padding: 0.9em 2.3em;
	background: #14A0EE;
	margin-top: -20px;
}
@media (min-width: 480px) { /* PC,ipad設定　*/
body.home.color02 #front-service .front-service-inner .c_text .c_btn a{
	font-size: 15.5px;
}
}

/*　会員登録タイトル上の余白を詰める　*/
@media (max-width: 480px) {/* 携帯設定　*/  
body.home #front-service .front-service-inner .c_title {
    margin-top: -60px;
}
}


/**********************************
**　財団情報（XEORY⇒会社概要）
**********************************/

@media (min-width: 480px) { /* PC,ipad設定　*/
body.home #front-company dl#front-company-1 dt span{
	font-size:1.08em;
}
}


/**********************************
**　お知らせ部分のレイアウト
**********************************/
@media (min-width: 767px) { /* PC設定　*/
body.home .front-loop .popular_post_box {
    width: 31%; /* お知らせを3投稿にしてあるため。他の投稿数にするときは変更する。　*/
}
}
@media (min-width: 767px) { /* PC設定　*/
body.home .front-loop h2 {
	font-size: 38px;
}
}

/**********************************
**　黒見出し
**********************************/

/* topの見出し(黒)のパディング調整 ※見出しの上下を広げて太くした*/
body.home .front-main-cont .front-cont-header {
	padding: 30px 0px;
}

/*  文字の左右に余白　*/
body.home .front-main-cont .front-cont-header .cont-title {
    font-size: 28px;
    margin: 0 10px;
}

/* 黒見出しの文字サイズ */
body.home .front-main-cont .front-cont-header .cont-title {
    font-size: 38px;
}
@media (max-width: 480px) { /* 携帯設定　*/
body.home .front-main-cont .front-cont-header .cont-title {
    font-size: 1.5em !important;
}
}

/* 黒見出し下のルビ（英語部分）の文字サイズ　*/
@media (min-width: 480px) { /* PC,ipad設定　*/
body.home .front-main-cont .front-cont-header .cont-ruby {
    font-size: 16px;
}
}

/* XEORYデザインの見出し部分（黒）の下三角を非表示 */
body.home .front-main-cont .tri-border{
	visibility: hidden !important;
}



/**********************************
**　NO装飾（XEORYデザイン部分）
**********************************/

/* XEORYデザインのNO装飾を消す */
.c_number{
	visibility: hidden !important;
}

/* NO装飾を消したので、その下のタイトルを上に引き上げた */
body.home #front-contents h3 {
	margin-top: -40px !important;
}






/***********************************************
**　header
***********************************************/

/* ヘッダーの項目が増えても折り返さない。画面幅に合わせて文字サイズを可変させる。　2020.07.30 追加 */
#header-gnav-area{
white-space: nowrap !important;
font-size: 0.9vw !important;/* メニューの数によって調整する。 */
}
@media screen and (max-width: 1500px) {
#header-gnav-area{
font-size: 1.15vw !important;/* メニューの数によって調整する。 */
}
}

/* メニュー間の余白設定 */
#gnav ul li a {
  padding: 32px 8px;
}

/* ハンバーガーメニューの時、サブメニューを表示させる */
@media screen and (max-width: 991px) {
#gnav-sp ul li .sub-menu {
display: block !important;
}
}

/* ハンバーガーメニューの時、「ブログコンテンツ」を非表示にする */
#gnav-sp #header-cont-content h4, #gnav-sp #header-cont-about h4, #gnav-sp #header-cont-sns h4{
	display: none!important;
}

/* ロゴ設定 */
#header #logo img{
	height: 67px!important;
	  margin-top: 30px;
	/*padding-bottom: 7px;　ロゴとメニューが別の列になったため一時取り消し。ロゴとメニューが一列の時使用*/
}

/* ”今表示しているページのヘッダーカラーを変える”設定をなしに ※事業概要がTOPページ内リンクのため、TOPページ表示の際「ホーム」と「事業概要」のどちらも色が変わってしまったため*/
body.color02 #gnav ul li.current-menu-item a {
	background-color: #005990;
}

/***********************************************
**　footer
***********************************************/

/* プライマリーナビのh4「ブログタイトル」を非表示 */
#footer-content-area h4 {
   visibility: hidden; 
}

/* h4を非表示にしたため、フッターリストを上に引き上げ */
#footer ul, #footer ol{
	margin-top: -40px;
}

/* h4の「ソーシャルメディア（SNSタイトル）」を非表示 */
#footer-content-area #footer-cont-sns h4{
	visibility: hidden !important;
}

/* SNSアイコンを非表示　※SNSを表示設定してなくてもなぜか残るFeedlyを非表示 */
#footer-content-area #footer-cont-sns a {
    visibility: hidden !important;
}

/* メインのフッターメニューをプライマリーナビと同じフォントサイズに　※デフォルトでは少し小さかった */
#footer-content-area #footer-cont-content li {
    font-size: 16px;
}

/* メインのフッターメニューのサイズをautoに　※デフォルトでは33.3% */
.gr4{
	width: auto;
}

/* facebookの連携部分がリンクもなくなぞに残ったので非表示に 
.gr12{
	display: none;
}
*/

/***********************************************
**　投稿ページの設定

***********************************************/

/* 固定・投稿ページの背景色を変更 ※　デフォルトは模様が入っている　改行を右で揃える（均等割り）*/
#content {
    background-color: #fafafa !important;/* 乳白色 */
    text-align: justify;/* 改行を右で揃える（均等割り） */
    }

/* 投稿ページの作成者とコメント欄の非表示　※日付の右側に表示されていた　*/
body.color02 .post-meta-area .post-meta-comment li {
    border-left: 1px solid white;
	visibility: hidden;
}

/* 投稿ページの作成者の詳細（写真と紹介文、名刺のようなもの）の非表示　*/
body.color02 .post-author {
    visibility: hidden !important;
}

/* 投稿ページの作成者の詳細（写真と紹介文）を非表示にした分上につめた　*/
.post-author {
    margin: -280px 0 0!important;
}

/* コメント部分の非表示（作成者の詳細の下に表示されていた）　*/
body.color02 #comments {
   visibility: hidden !important;
}

/* カテゴリータイトルの上余白設定　※余白がなかったので空けた　*/
.post-title {
   margin-top: 20px;
}


/************************************************************************
**　固定ページの設定

************************************************************************/

/* 固定・投稿ページの背景色の変更は投稿ページの設定箇所 で設定済み　*/

/***********************************************
**「会員登録について」ページ
***********************************************/

/* 「入会方法」フローチャート　*/
.step{
	background-color: #F4F4F4;/* 灰色　*/
	border: 0.75px solid gray;
	margin: -2.05em auto 0;
	padding: 15px;
 	width: 650px;
}
@media (max-width: 480px) { /* 携帯設定　*/
.step{
	width: 250px;
	padding: 10px;	
}
}
	
/* フローチャート　▼　*/
.sankaku{
	font-size: 1.3em;
	color: #063E82;/* 紺色　*/
	margin-top: -1em;
}


/***********************************************
** 登録フォーム(MW WP Form)
***********************************************/

/* 入力エリア　「必須」「任意」の設定は「Contact Form 7」の設定を利用 */

/*MW WP Form セレクトボックス高さ調整   2020.09.29 */
select{
	padding: 5px 0 5px 5px;
	border: 1px #ccc solid;
}

/*MW WP Form ラジオボタン横位置調整   2020.10.06 */
.radiob-padding-left {
	padding-left: 15px;
}

/*MW WP Form ラジオボタン縦位置調整（ラジオボタンの上の行に適用）　2020.10.06 */
.radiob-margin-bottom {
	margin-bottom: 5px;
}
/*MW WP Form エラーメッセージスタイル   2020.10.07 */
.error{
	font-weight: bold; 
	width: 300px;
	padding:5px;
	background-color: #fff0f5; 
}

/*MW WP Form 入力画面で表示、確認画面で非表示   2020.10.08 */
.mw_wp_form_confirm .input-show {
  display: none;
}

/*MW WP Form 入力画面で非表示、確認画面で表示   2020.10.08 */
.mw_wp_form_input .input-hidden {
  display: none;
}

/*MW WP Form 入力欄、ドロップダウンリストのフォント設定   2021.01.24 */
form input[type="text"], form input[type="email"], form input[type="url"], form input[type="tel"], form input[type="number"], form input[type="date"], form textarea , select{
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

/*MW WP Form 携帯の時セレクトボックスがはみでないように100％表示にする */
@media (max-width: 600px) { /* 携帯設定　*/
select {
  width: 100% !important;
}
}

/*郵便番号、電話番号の入力の幅を、携帯の時はせばめて１列に表示できるようにする */
@media (max-width: 600px) { /* 携帯設定　*/
.mwform-tel-field input[type="text"], .mwform-zip-field input[type="text"] {
  width: 73px;
}
}

/***********************************************
** お問い合わせ、登録フォーム(Contact Form 7)
***********************************************/

/* セレクトボックス（プルダウン）の内容が長い時にエリアからはみ出していたため設定　*/
.wpcf7-select{
	max-width: 100%;
	font-size: 0.98em;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #4E4E4E;
	border: 1px #ccc solid;
	padding: 6px;
	border-radius: 3px;
}

/* 入力テキストのフォント設定　*/
.wpcf7-form-control{
	font-size: 0.98em;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #4E4E4E;	
}

/* 入力エリア　「必須」「任意」の設定　*/
.required, .any {
    display: inline-block;
    font-size: .75em;
    font-weight: normal;
    color: #fff;
    padding: 0.25em 0.8em 0.2em;
    margin-right: 0.6em;
    border-radius: 3px;
	font-weight: bold;
}

/* 「必須」　*/
.required {
    background-color: red;/*赤*/
}

/* 「任意」　*/
.any {
    background-color: #4d4d4d;/*濃い灰色*/
}

/*確認画面の入力項目欄の背景色*/
.wpcf7c-conf {
    background-color: #e0e0e0;/*灰色*/
    color: black;
    border: 1px solid #333333;/*濃い灰色*/
}

/*送信成功　※送信完了ページに移行するので非表示に*/
.wpcf7-mail-sent-ok {
    visibility: hidden;
}

/*送信NG時のメッセージ*/
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing	{
background: #f7d7da;/*ピンク*/
color: #711d26;/*くすみ赤*/
border: 1px solid #f4c6cb;
padding: 10px 20px
}

/*送信失敗時のメッセージ*/
div.wpcf7-mail-sent-ng	{
background: #f7d7da;/*ピンク*/
color: #711d26;/*くすみ赤*/
border: 1px solid #f4c6cb;
padding: 10px 20px
}

/*スパムなどで送信ブロックされた場合のメッセージ*/
div.wpcf7-spam-blocked	{
background: #fff2cf;/*黄色*/
color: #846314;/*くすみ黄色*/
border: 1px solid #feedbd;
padding: 10px 20px
}

/*URL入力欄の設定*/
.wpcf7 input[ID=”URL”]{
width: 200px;
}

/***********************************************
**「アクセス」ページ
***********************************************/

/*グーグルマップをレスポンシブ対応に ※縦横比を16：9に*/
/*縦横比をwidthとheightで調整に変更しました（20260402）*/
.gmap {
width: 70%;   /* ←追加(20260402) */
height: 300px;   /* ←指定調整(20260402) */
/*overflow: hidden;*/
/*padding-bottom: 56.25%;*/
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}

/********************************************************************************
**　受託試験紹介ページ　2020.11追加 2021.4 研究関連製品のご案内ページでも適用
********************************************************************************/
/* 試験タイトル部分　*/
.caption-text {
    font-size: 16.2px;
    color: #106bca !important;
    font-weight: bold;
    height: 69px;
	padding: 0 20px 0px 20px;
	line-height: 1.25em;
}
@media (max-width: 850px) { /* ipad　*/
.caption-text {
    font-size: 15px;	
}
}
@media (max-width: 480px) { /* 携帯　*/
.caption-text {
    color: #106bca;
    margin: 0px 10px 20px;
	padding: 0px 8px 20px;
    font-weight: bold;
    height: 57px;
	line-height: 1.13em;
}
}
.caption-text:hover { /* ホバー時文字透明　*/
  opacity: .4;
}
.caption-text a { /* ホバー時下線なし　*/
  text-decoration: none;
}

/* 説明文　*/
.description-1 {
    color: #424242;
	padding: 10px 20px 15px 20px;
	line-height: 1.3em;
	height: 230px;
	font-weight:500;
	font-size: 14px !important;
}
@media (max-width: 1010px) { /* ipad　*/
.description-1 {
	font-size: 12px !important;
}
}
@media (max-width: 781px) { /* カラムが１列になったら　*/
.description-1 {
	height: 190px;
}
}
@media (max-width: 340px) { /* 携帯より小さいとき　*/
.description-1 {
	height: 200px;
	font-size: 10px !important;
}
}

/********************************************************************************
**　 covid-19データ開示ページ　2021.12追加 
********************************************************************************/
/* covid-19データ開示ページの解説リンクジャンプのずれ解消用　2021.12追加　*/
#kaisetu1,#kaisetu2,#kaisetu3,#kaisetu1-1,#kaisetu2-2, {
	padding-top: 15px;
    margin-top: -15px;
}


/************************************************************************
**　共通の項目

************************************************************************/

/***********************************************
**リンクボタン
***********************************************/

.btn{
	z-index: 10!important;

}


/* ipad,携帯の時はリンクボタンを縦一列にする 　*/
@media (max-width: 950px) { /* ipad,携帯設定　*/
.button-area{
	width: 300px;
	display: block;
}
}
/* 携帯の時に右にボタンがずれたため調整 　*/
@media (max-width: 480px) { /* 携帯設定　*/
.button-area{
	text-align:left!important;
}
}
/* リンクボタンの下余白 　*/
.wp-block-buttons .wp-block-button a{
	margin-bottom: 15px !important;
}
}
/* 携帯の時にリンクボタンの文字を小さく 　*/
@media (max-width: 480px) { /* 携帯設定　*/
.wp-block-buttons .wp-block-button a{
	font-size: 15.5px !important;
}
}

.doc-button {/* 会員専用ページ　2021.1追加　幅150px　*/
    width: 150px; 
    display: inline-block !important; 
    font-weight: normal; 
    text-align: center; 
	background: #14A0EE;
    color: #fff !important;
    padding: 1em 1em;
    margin: 0.3em auto;
    border-radius: 6px;
    cursor: pointer;
    transition: 0.2s;
}

.doc-button-2 {/* 幅320　カラー水色　2021.4追加　*/
	width: 320px;
	display: inline-block !important; 
    font-weight: normal; 
    text-align: center; 
	background: #14A0EE !important;
    color: #fff !important;
    padding: 1em 1em !important;
    margin: 0.3em auto;
    border-radius: 6px;
    cursor: pointer;
    transition: 0.2s;
}
@media (max-width: 480px) { /* 携帯　*/
.doc-button-2 {
	font-size: 13.5px;
	width: 290px;
}
}

/* 追従ボタンカラーオレンジ　2024.1追加*/
.doc-button-tuizyuu {
    width: 150px;
    font-weight: normal;
    text-align: center;
	background: #ECA052;
    color: #fff !important;
    margin: 0.3em auto;
    border-radius: 6px;
    cursor: pointer;
    transition: 0.2s;
	text-decoration:none;
	z-index: 1;
	position: fixed;
	bottom: 47px;
	right: 120px;
	padding: 6px 40px;
	
}
.doc-button-tuizyuu:hover {
	opacity: .5;
}


@media (max-width: 480px) { /* 上の携帯　*/
.doc-button-tuizyuu {
	font-size: 13.5px;
	width: 100px;
	bottom: 110px;
	right: -10px;
}
}

/* 追従ボタン抗体オフターゲット　2025.3追加*/
.doc-button-tuizyuu-off-target {
    width: 150px;
    font-weight: normal;
    text-align: center;
	background: #F00;
    color: #fff !important;
    margin: 0.3em auto;
    border-radius: 6px;
    cursor: pointer;
    transition: 0.2s;
	text-decoration:none;
	z-index: 1;
	position: fixed;
	bottom: 130px;
	right: 120px;
	padding: 6px 40px;
	
}
.doc-button-tuizyuu-off-target:hover {
	opacity: .5;
}

@media (max-width: 480px) { /* 上の携帯　*/
.doc-button-tuizyuu-off-target {
	font-size: 13.5px;
	width: 100px;
	bottom: 200px;
	right: -10px;
}
}


/* 追従ボタン抗体オフターゲット TOP　2025.4追加*/
.doc-button-tuizyuu-top {
    width: 150px;
    font-weight: normal;
    text-align: center;
	background: #F00;
    color: #fff !important;
    margin: 0.3em auto;
    border-radius: 6px;
    cursor: pointer;
    transition: 0.2s;
	text-decoration:none;
	z-index: 20!important;
	position: fixed;
	bottom: 47px;
	right: 120px;
	padding: 6px 40px;
	
}
.doc-button-tuizyuu-top:hover {
	opacity: .5;
}



@media (max-width: 480px) { /* 上の携帯　*/
.doc-button-tuizyuu-top {
	font-size: 13.5px;
	width: 100px;
	bottom: 110px;
	right: -10px;
}
}


.doc-button-tuizyuu a {/* PDF形式用　リンク（a）の際フォント白　2021.12追加　*/
	color:  #fff !important;
}

/* マウスオンで薄くなる　2024.1追加*/
.doc-button-mausuon:hover {
	opacity: .5;
}

/*データ公開ページ　３つ星抗体一覧バナー位置修正　2024.1追加*/
.doc-button-syuusei1{
	position: relative;
	top: -10px;
	width: 80%;
}


/* PDF形式用ボタンカラー赤　2021.12追加　「関連資料」の表内で使用*/
.doc-button-PDF {
    width: 150px; 
    display: inline-block !important; 
    font-weight: normal; 
    text-align: center; 
	background: #e9290b;
    color: #fff !important;
    padding: 1em 1em !important;
    margin: 0.3em auto;
    border-radius: 6px;
    cursor: pointer;
    transition: 0.2s;
	text-decoration:none;
}
.doc-button-PDF:hover {
	opacity: .5;
}
@media (max-width: 480px) { /* 携帯　*/
.doc-button-PDF {
	font-size: 13.5px;
	width: 100px;
}
}

.doc-button-PDF a {/* PDF形式用　リンク（a）の際フォント白　2021.12追加　*/
	color:  #fff !important;
}


/* E-Book形式用ボタンカラー　オレンジ　2025.5追加　「関連資料」の表内で使用*/
.doc-button-E-Book {
    width: 150px; 
    display: inline-block !important; 
    font-weight: normal; 
    text-align: center; 
	background: #d8742b;
    color: #fff !important;
    padding: 1em 1em !important;
    margin: 0.3em auto;
    border-radius: 6px;
    cursor: pointer;
    transition: 0.2s;
	text-decoration:none;
}
.doc-button-E-Book:hover {
	opacity: .5;
}
@media (max-width: 480px) { /* 携帯　*/
.doc-button-E-Book {
	font-size: 13.5px;
	width: 100px;
}
}

.doc-button-E-Book a {/* E-Book形式用　リンク（a）の際フォント白　2021.12追加　*/
	color:  #fff !important;
}

 /* Excel　*/
.doc-button-excel {
    width: 150px; 
	height: 45px;
    display: inline-block !important; 
    font-weight: normal; 
    text-align: center; 
	background: #207446!important;
    color: #fff !important;
    padding: 1em 1em !important;
    margin: 0.3em auto;
    border-radius: 6px;
    cursor: pointer;
    transition: 0.2s;
	text-decoration: none!important;
	vertical-align:middle!important;
}
.doc-button-excel:hover {
	opacity: .5;
}
@media (max-width: 480px) { /* 携帯　*/
.doc-button-excel {
	font-size: 13.5px;
	width: 100px;
}
}

 /* CSV　*/
.doc-button-csv {
    width: 150px; 
	height: 45px;
    display: inline-block !important; 
    font-weight: normal; 
    text-align: center; 
	background: #F29900!important;
    color: #fff !important;
    padding: 1em 1em !important;
    margin: 0.3em auto;
    border-radius: 6px;
    cursor: pointer;
    transition: 0.2s;
	text-decoration: none!important;
	vertical-align:middle!important;
}
.doc-button-csv:hover {
	opacity: .5;
}
@media (max-width: 480px) { /* 携帯　*/
.doc-button-csv {
	font-size: 13.5px;
	width: 100px;
}
}

.doc-button-excel a {/* PDF形式用　リンク（a）の際フォント白　2021.12追加　*/
	color:  #fff !important;
}


.format {/* リンクボタン部分の表の列幅固定　*/
	width: 200px;
}
@media (max-width: 480px) { /* 携帯　*/
.format {
	width: 130px;
}
}


/***********************************************
**インデント
***********************************************/

/* ※（こめじるし）表記用　2行目1字インデント （※、✓の後ろに半角あける設定のとき）　*/
.indent{
	padding-left:1.3em;
    text-indent:-1.3em;
}

/* 寄附ページ緑枠内他　2行目インデント　*/
.indent-2{
	padding-left:2.62em;
    text-indent:-2.62em;
}

/***********************************************
**マージントップ設定
***********************************************/

/* 上余白を2em(32px)分あける 　*/
.margin-top-plus{
	margin-top: 2em !important;
}

/* 上余白を1em(16px)分あける 　*/
.margin-top-plus-s{
	margin-top: 1em !important;
}

/* 上余白を3em分あける 　*/
.margin-top-plus-2{
	margin-top: 3em !important;
}

/*margin-top3em詰める*/
.mar-t-mainus-3em{
	margin-top: -3em;
}

/*margin-top3.8em詰める*/
.mar-t-mainus-4em{
	margin-top: -3.8em;
}
@media (max-width: 480px) { /* 携帯　*/
.mar-t-mainus-4em{
	margin-top: -2em;
}
}

/* 上余白を1.8em分詰める　※ｐなどは2em下余白があるので、1.8em分詰めている 　*/
.margin-top-minus{
	margin-top: -1.8em !important;
}

/* 上余白を1.2em分詰める 　*/
.margin-top-minus-s{
	margin-top: -1.2em !important;
}


/***********************************************
**　マージンボトム設定
***********************************************/

/* 下余白　1.5em 　*/
.margin-bottom-s{
	margin-bottom: 1.5em !important;
}

/* 下余白　2.5em 　*/
.margin-bottom-m{
	margin-bottom: 2.5em !important;
}

/* 下余白　3.5em 　*/
.margin-bottom-l{
	margin-bottom: 3.5em !important;
}

.gap-A {
    margin-bottom: 12px !important;
}
.gap-B {
    margin-bottom: 24px !important;
}
.gap-C {
    margin-bottom: calc(3.3em - 24px) !important;
}
.gap-F {
    margin-bottom: -24px !important;
}
.gap-G {
    margin-bottom: 3.3em !important;
}
.gap-H {
    margin-bottom: 24px !important;
}
.gap-I {
	margin-bottom: 5em !important;
}
.gap-J{
	margin-bottom: 2.85em !important;
}

/***********************************************
**マージンレフト設定
***********************************************/
.margin-left-10{
	margin-left: 10px;
}

/***********************************************
**リスト
***********************************************/

/* リストのインデント設定　※　デフォルトは30px 　*/
.post-content ul, .post-content ol {
    margin-left: 20px;
}

/***********************************************
**　表
***********************************************/

/* 表の一番下のラインを消す　※元々は薄い灰色でラインが入っていた */
.wp-block-table.is-style-stripes {
    border-bottom: 1px solid white;
}

/* wp-block-table の罫線を生HTML table と揃える（260513） */
.wp-block-table td,
.wp-block-table th {
    border: 1px solid #e5e5e5 !important;
    /*padding: 8px 12px !important; ← 生HTML table と同じ */
    text-align: center;
}


/***********************************************
**　見出し（h1～h6設定）
***********************************************/

/* タイトル（h1）背景　*/
body.color02 .post-header {
	background-color: #F4F4F4;/* 背景部分　※薄いグレー　*/
}

/* h2設定　*/
/* 表示をフルサイズに　色の設定　※もともとは黒　*/
body.color02 .post-content h2 {
    border-left: 10px solid #131D2A;/* 左にはみ出しているライン部分　※黒　*/
    background: #063E82;/* 見出し部分　※紺色　*/
    color: #fff;/* 文字色　※白　*/
}
.post-content h2 {
    margin: 80px -74px 32px -74px;/* 見出しの右が途中までしかなかったので、フルに引き延ばしている　※右-74px部分　*/
	padding: 16px 35px 16px 56px!important;
}
@media (max-width: 1200px) {/* h2設定をしたためデバイス設定しなおし　*/
.post-content h2 {
    margin: 80px -46px 32px -46px;
    padding: 16px 16px 16px 36px;
}	
}
@media (max-width: 991px) {/* h2設定をしたためデバイス設定しなおし　*/
.post-content h2 {
    margin-left: -50px;
}
}
@media (max-width: 767px) {/* 親テーマでh2の文字が767px以下の場合小さくなるはずが効いてなかったようなのでimportant設定　*/
h2 {
    font-size: 18px !important;
    margin: 2em 0 1em;
    clear: both;
}	
}

/* h3.h4.h5.h6　設定　*/
@media (max-width: 767px) {/* 親テーマでh3.h4.h5.h6の文字が767px以下の場合小さくなるはずが効いてなかったようなのでimportant設定　*/
h3, h4, h5, h6 {
    font-size: 16px !important;
    margin: 2em 0 1em;
}
}

/* h4の装飾の線と文字の間を空ける　*/
body.color02 .post-content h4 {
    padding-left: 15px !important;
}

/***********************************************
**　レイアウト　要素を横並びにする（カラム）
***********************************************/
.flex-section {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

/* カラム幅設定　*/
.grid-A {
    width: 18% !important;
}
.grid-B {
    width: 36% !important;
}
.grid-C {
    width: 48% !important;
}
.grid-D {
    width: 60% !important;
}
.grid-E {
    width: 78% !important;
}
.grid-F {
    width: 100% !important;
}
.grid-A2 {
    width: 19% !important;
}
.grid-B2 {
    width: 37% !important;
}
.grid-C2 {
    width: 49% !important;
}
.grid-D2 {
    width: 61% !important;
}
.grid-E2 {
    width: 79% !important;
}
.grid-F2 {
    width: 24% !important;
}
.grid-1 {
    width: 31.5% !important;
}
.grid-B3 {
    width: 36% !important;
}
.grid-D3 {
    width: 60% !important;
}

@media only screen and (max-width: 768px) {
.grid-A, .grid-B, .grid-C, .grid-D, .grid-E {
    width: 100% !important;
}
}

@media only screen and (max-width: 480px) {
.grid-1, .grid-A2, .grid-B2, .grid-C2, .grid-D2, .grid-E2, .grid-F2, .grid-B3, .grid-D3 {
    width: 100% !important;
}
}

/***********************************************
**　幅設定
***********************************************/

/* 幅1000　※TOPページの「感染症・アレルギーの診断薬・治療薬の開発へのご協力のお願い」部分で使用*/
.w1000{ /* PC設定　*/
	width: 1000px;
	padding: 50px;
}
@media (max-width: 1000px) { /* ipad　*/
.w1000{
	width: 700px;
	padding: 30px;
}
}		
@media (max-width: 480px) { /* 携帯　*/
.w1000{
	width: 100%;
	padding: 13px;
}
}

/***********************************************
**　ホバー設定
***********************************************/

/* ホバー時に画像を透明にするアクション　*/
.toumei img {
  opacity: 1;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.toumei img:hover{
  opacity: .6;
}

/***********************************************
**　ボックスシャドウ設定　　2020.11追加
***********************************************/

/* 影の設定　*/
.box-shadow-area{
	box-shadow: 0 4px 5px 0 rgba(0,0,0,0.07), 0 1px 10px 0 rgba(0,0,0,0.06), 0 2px 4px -1px rgba(0,0,0,0.2);
} 

/***********************************************
**　イタリック時の書式設定　2020.11追加
***********************************************/

/* イタリック設定の時、設定してもフォントの特性でならなかったので、イタリックになるフォントを自動で指定した　*/
em {
font-family: 'Hiragino Kaku Gothic ProN';
font-style: italic;
}



/***********************************************
**　ページタイトルの背景画像の設定　2021.4追加
以下、page.phpを修正した内容

 <article id="post-<?php echo the_ID(); ?>" <?php post_class(); ?> itemscope="itemscope" itemtype="http://schema.org/CreativeWork">
	 
<?php // 投稿のスラッグを取得 2021.4.22追加
 $page = get_post( get_the_ID() );
 $slug = $page->post_name; 
?>
	
<header class="post-header <?php echo $slug; ?>-title"><!-- 「?php echo $slug; ?>-title」追加（スラッグ―タイトルでｈ1部分の背景を設定するため）　2021.4.22 -->

***********************************************/
/*日本人のがんゲノム解析データのh1背景*/
.cancer-genome-analysis-data-title,
.cancer-genome-analysis-data-en-title{
    background-image: url(https://ftrf.jp/ftrf/wp-content/uploads/2021/04/genome-title-back.png) !important;	
}
/*網羅的遺伝子発現解析データのh1背景*/
.gene-expression-title{
    background-image: url(https://ftrf.jp/ftrf/wp-content/uploads/2021/04/gene-expression-header.png) !important;	
}
/*患者由来がんオルガノイド（PDO）、 患者由来がん動物モデル（PDX）の樹立受託サービスのh1背景*/
.pdo-pdx-establishment-service-title{
    background-image: url(https://ftrf.jp/ftrf/wp-content/uploads/2021/09/pdo-pdx-establishment-service2.png) !important;	
}
/*細胞培養管理システムのh1背景*/
.cell-culture-title{
    background-image: url(https://ftrf.jp/ftrf/wp-content/uploads/2021/10/cell-culture-title-back.png) !important;	
}
/*化合物プレート作製受託サービス*/
.compound-plate-title{
    background-image: url(https://ftrf.jp/ftrf/wp-content/uploads/2021/11/h1haikei.png) !important;	
}


/***********************************************
**　枠線設定
***********************************************/
/*枠線をつける*/
.waku{
	border: #ddd solid 1px;
}

/***********************************************
**　寄附関連ページの設定
***********************************************/

/*TOPページ　ご寄付のお願いボタン*/
.kihu{
padding: 12px;
text-align: center;
background-color: orange;
display: block;
width: 180px;
height: 50px;
float: right;
margin-top: 20px;
color: white;
font-weight: bold;
margin-bottom: 10px;
text-shadow: 1px 1px 2.5px black;
border-radius: 6px;
}
/*ホバー*/
.kihu:hover{
	background-color:lightgreen !important;
	 transition: .3s;
}
/*リンクの下線を消す*/
.kihu a {
  text-decoration: none;
}

/*見出しの左に財団マークを入れる*/
.trmark p{
	margin-left: 48px;
}
.trmark:before {
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 48px;/*画像の幅*/
  height: 48px;/*画像の高さ*/
  background-image: url(https://ftrf.jp/ftrf/wp-content/uploads/2020/04/cropped-ftrf_logo-e1587629223428-1.png);/*財団マーク*/
  background-size: contain;
  vertical-align: middle;
	margin-bottom:15px;
		background-repeat:no-repeat
}

/*リンクボタン*/
.wp-block-buttons .wp-block-button a {
  text-decoration: none !important;
}

.kihu-button a{
	font-size: 14pt;
	border-radius:15px;
	color: #00aca0 !important;
	border: solid 2.5px #00aca0;
     position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 380px;
	 height:140px;
    padding: 20px 25px;
    font-weight: 500;
	  text-decoration: none;
	text-align: center;
	line-height: 1.45em !important;
}
/*ホバー*/
.kihu-button a:hover{
	background-color:#00aca0;
	color:#fff !important;
		 transition: .3s;
}


/*※印部分の説明文の設定*/
.kihu-komejirushi{
	margin-left: 3em;
	margin-top: -2em;
}

/*蛍光ペン*/
.markerGreen{/*グリーン*/
background:linear-gradient(transparent 0%, #ccffcc 0%) !important;
}
.markerYellow{/*10,000円黄色*/
background:linear-gradient(transparent 0%, #fceab7 0%) !important;
}
.markerRed{/*50,000円ピンク*/
background:linear-gradient(transparent 0%, #FAD9D2 0%) !important;
}
.markerPurple{/*100,000円紫*/
background:linear-gradient(transparent 0%, #BBBDDF 0%) !important;
}
.markerGreen{/*イメージカラー緑　振込情報のところ*/
background:linear-gradient(transparent 0%, #00ACA0 0%) !important;
	color: #FFF;
	padding:5px 10px;
	margin: 0 8px 0 0;
	line-height: 3em;
}

/*返礼品の品目の左の線*/
.kihu-henrei{/*黄色*/
  padding: 0.1em 0.5em;/*上下 左右の余白*/
   background: transparent;/*背景透明に*/
  border-left: solid 5px #FCEAB7;/*左線*/
}
.kihu-henrei-pink{/*ピンク*/
  padding: 0.1em 0.5em;/*上下 左右の余白*/
   background: transparent;/*背景透明に*/
  border-left: solid 5px #FAD9D2;/*左線*/
}
.kihu-henrei-purple{/*紫*/
  padding: 0.1em 0.5em;/*上下 左右の余白*/
   background: transparent;/*背景透明に*/
  border-left: solid 5px #BBBDDF;/*左線*/
}

/*寄附をお願いする、TOP 緑の枠*/
.kojinboshuu-waku{
 border: 2px solid #00ACA0;
 border-radius:10px;
	padding: 50px 40px 10px;
}
@media (max-width: 480px) { /* 携帯　*/
.kojinboshuu-waku{
 padding: 40px 20px 10px;
}
}

/*緑の正方形に白文字　見出し*/
.midashi-sikaku{
	background-color: #00ACA0;
	padding: 5px 10px;
	color: white;
	margin-right: 13px;
}
.color-green{
	color: #00ACA0;
	font-weight: bold;
}	

/*寄附マークを入れた見出し*/
.kihu-mark {
	margin-left: 0px;
	font-size: 26pt!important;
}
@media (max-width: 500px) { /* 携帯　*/
.kihu-mark {
font-size: 18pt!important;
margin-left: 0px;
margin-bottom: 4em;
	line-height:1em!important;
}
}
.kihu-mark:before {
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 70px;/*画像の幅*/
  height: 70px;/*画像の高さ*/
  background-image: url(https://ftrf.jp/ftrf/wp-content/uploads/2022/11/kihu-icon.png);/*寄附マーク*/
  background-size: contain;
  vertical-align: middle;
	margin-bottom:15px;
	background-repeat:no-repeat
}
@media (max-width: 500px) { /* 携帯　*/
.kihu-mark:before {
  width: 45px;/*画像の幅*/
  height: 45px;/*画像の高さ*/	
}
}

/*寄附のお願いページ内リスト*/
.kihu-list-2{
	padding: 28px 20px 0;
}
@media (max-width: 500px) { /* 携帯　*/
.kihu-list-2{
	font-size: 11pt;
	padding: 25px 20px 0 0;	
}
}

/* ページ内リンクのずれ　*/
.henrei-link{
   margin-top:-50px;
  padding-top:50px;	
}
.onegai-boshuu-link{
   margin-top:-45px;
  padding-top:45px;	
}

/* ご寄附のお願い、個人賛助会員様募集ページのタイトル部分（灰色背景）を消す　*/
.page-id-4643 .post-header{
	display: none;
}
.page-id-4881 .post-header{
	display: none;
}

/* 携帯の時だけ改行する　*/
@media screen and (min-width: 768px){
.br-sp {
	display: none; 
}
}

/* 携帯の時に文字を小さくする　*/
@media (max-width: 500px) { /* 携帯　*/
.course{
	font-size:13pt!important;
}
}		

/* 携帯の時に文字を小さくする　*/
@media (max-width: 500px) { /* 携帯　*/
.kihushatokuten{
	font-size:15.5pt!important;
}
}		

/* 表：携帯の時に文字を小さくする　*/
@media (max-width: 500px) { /* 携帯　*/
.table-keitai{
	font-size:9pt!important;
	padding:2px!important;
}
}

/***********************************************
**　NEW　ボタン
***********************************************/
.NEW-button{
	background-color: #fff100;
	padding: 3px 10px 2px;
	border-radius:5px;
	font-weight:bold;
	margin-bottom:10px;
}

/***********************************************
**　3つ星抗体ページ
***********************************************/
.mituboshi-link{
   margin-top:-50px;
  padding-top:50px;	
}

/* 表内のリンク　青からオレンジへ　*/
.mituboshi-hyou a{
	color: orange !important;
}

/* 3つ星抗体の表のフォントサイズ　*/
.mituboshi-hyou-font{
	font-size: 9pt !important;
}

/* 「検索」を左に　※float：leftだと、携帯の時に表の左にきちゃうので　none　にした　*/
.dataTables_filter {
	float: none!important;
	margin-bottom: 20px!important;
}

/* 「編集」を消す　*/

.page-id-5753 caption {
	display: none!important;
}

.page-id-5753 table tr td,table th,
.page-id-7969 table tr td,table th {
  line-height: 1.15em;
  height: 50px!important;
	vertical-align: middle!important;
		text-align: center !important;
}

/*tablepressで作った表で、部分的に書式を変えたいときに使う
#tablepress-3 .row-3 .column-1,
#tablepress-3 .row-3 .column-2,
#tablepress-3 .row-3 .column-3,
#tablepress-3 .row-3 .column-4,
#tablepress-3 .row-3 .column-5 {
	font-size: 1em;
	font-weight: bold;
	background-color: #ffff99 !important;
}
*/

/*tablepress-6（3つ星抗体一覧）デザイン（260515）*/
/*項目*/
.tablepress-6 tr.row-1 th {
    background: #555 !important;
    color: #fff !important;
    font-weight: bold;
    text-align: center !important;
}

/* 罫線を復活 */
.tablepress-6 td,
.tablepress-6 th {
    border: 1px solid #ccc !important;
}

/* tablepress-6 専用：列幅指定 */
.tablepress-id-6 .column-1  { width: 4.8% !important; }
.tablepress-id-6 .column-2  { width: 8.0% !important; }
.tablepress-id-6 .column-3  { width: 10.8% !important; }
.tablepress-id-6 .column-4  { width: 10% !important; }
.tablepress-id-6 .column-5  { width: 10.1% !important; }
.tablepress-id-6 .column-6  { width: 7.5% !important; }
.tablepress-id-6 .column-7  { width: 11% !important; }
.tablepress-id-6 .column-8  { width: 9.6% !important; }
.tablepress-id-6 .column-9  { width: 7.6% !important; }
.tablepress-id-6 .column-10 { width: 7% !important; }
.tablepress-id-6 .column-11 { width: 5.5% !important; }
.tablepress-id-6 .column-12 { width: 2% !important; }
.tablepress-id-6 .column-13 { width: 6% !important; }

/* フォントサイズ */
.tablepress-id-6 td,
.tablepress-id-6 th {
    font-size: 14px !important; /* 好きなサイズに変更OK */
}



/*tablepress-7（評価抗原リスト）デザイン（260515）*/
/*項目*/
.tablepress-7 tr.row-1 th {
    background: #555 !important;
    color: #fff !important;
    font-weight: bold;
    text-align: center !important;
}

/* 罫線を復活 */
.tablepress-7 td,
.tablepress-7 th {
    border: 1px solid #ccc !important;
}

/* コースの表記位置（中央揃え） */
.tablepress-7 td.column-3,
.tablepress-7 td.column-4 {
    text-align: center !important;
}

/* STDコースの文字色 */
.tablepress-7 td.column-3 {
    color: #bb5151 !important;
    font-size: 25px;
}

/* DSCコースの文字色 */
.tablepress-7 td.column-4 {
    color: #399f4f !important;
    font-size: 25px;
}

/* tablepress-7 専用：列幅指定 */
.tablepress-7 td.column-1,
.tablepress-7 th.column-1 {
    width: 25%;   /* ← 好きな数値に変更OK */
}

.tablepress-7 td.column-2,
.tablepress-7 th.column-2 {
    width: 55%;   /* ← 好きな数値に変更OK */
}

.tablepress-7 td.column-3,
.tablepress-7 th.column-3 {
    width: 10%;   /* ← 好きな数値に変更OK */
}

.tablepress-7 td.column-4,
.tablepress-7 th.column-4 {
    width: 10%;   /* ← 好きな数値に変更OK */
}




/*tablepress-11（F-PDO）デザイン（260514）*/
/*固形腫瘍*/
.tablepress-11 tr.row-1 th {
    background: #555 !important;
    color: #fff !important;
    font-weight: bold;
    text-align: center !important;
}

/*造血器腫瘍*/
.tablepress-11 tr.row-11 td {
    background: #555 !important;
    color: #fff !important;
    font-weight: bold;
    text-align: center !important;
}

/*通常行*/
.tablepress-11 tbody td {
    background: #fff !important;
}

/* 通常の数字列 */
.tablepress-11 td.column-2,
.tablepress-11 td.column-4 {
    text-align: right !important;
}

/* row-13 の数字だけ */
.tablepress-11 tr.row-13 td.column-3 {
    text-align: right !important;
}

.tablepress-11 tr.row-13 td.column-3 a {
    display: block;
}

/*がん種、系統数*/
.tablepress-11 tr.row-2 td {
    background: #e5e5e5 !important;
    font-weight: bold;
    text-align: center !important;
}

.tablepress-11 tr.row-12 td {
    background: #e5e5e5 !important;
    font-weight: bold;
    text-align: center !important;
}

/* がん種・系統数だけ薄いグレー */
.tablepress-11 tbody td:contains("がん種"),
.tablepress-11 tbody td:contains("系統数") {
    background: #e5e5e5 !important;
}

/* 罫線を復活 */
.tablepress-11 td,
.tablepress-11 th {
    border: 1px solid #ccc !important;
}

/* tablepress-11 専用：列幅指定 */
.tablepress-11 td.column-1,
.tablepress-11 th.column-1,
.tablepress-11 td.column-3,
.tablepress-11 th.column-3 {
    width: 180px;   /* ← 好きな数値に変更OK */
}

.tablepress-11 td.column-2,
.tablepress-11 th.column-2,
.tablepress-11 td.column-4,
.tablepress-11 th.column-4 {
    width: 100px;    /* ← 好きな数値に変更OK */
}


/*tablepress-13（F-PDX）デザイン（260514）*/
/*造血器腫瘍*/
.tablepress-13 tr.row-1 th {
    background: #555 !important;
    color: #fff !important;
    font-weight: bold;
    text-align: center !important;
}

/*固形腫瘍*/
.tablepress-13 tr.row-7 td {
    background: #555 !important;
    color: #fff !important;
    font-weight: bold;
    text-align: center !important;
}

/*通常行*/
.tablepress-13 tbody td {
    background: #fff !important;
}

/* 通常の数字列 */
.tablepress-13 td.column-2,
.tablepress-13 td.column-4 {
    text-align: right !important;
}

/* row-13 の数字だけ */
.tablepress-13 tr.row-3 td.column-3,
.tablepress-13 tr.row-4 td.column-3,
.tablepress-13 tr.row-5 td.column-3,
.tablepress-13 tr.row-6 td.column-3 {
    text-align: right !important;
}

.tablepress-13 tr.row-3 td.column-3 a,
.tablepress-13 tr.row-4 td.column-3 a,
.tablepress-13 tr.row-5 td.column-3 a,
.tablepress-13 tr.row-6 td.column-3 a {
    display: block;
}

/*がん種、系統数*/
.tablepress-13 tr.row-2 td {
    background: #e5e5e5 !important;
    font-weight: bold;
    text-align: center !important;
}

.tablepress-13 tr.row-8 td {
    background: #e5e5e5 !important;
    font-weight: bold;
    text-align: center !important;
}

/* がん種・系統数だけ薄いグレー */
.tablepress-13 tbody td:contains("がん種"),
.tablepress-13 tbody td:contains("系統数") {
    background: #e5e5e5 !important;
}

/* 罫線を復活 */
.tablepress-13 td,
.tablepress-13 th {
    border: 1px solid #ccc !important;
}

/* tablepress-11 専用：列幅指定 */
.tablepress-13 td.column-1,
.tablepress-13 th.column-1,
.tablepress-13 td.column-3,
.tablepress-13 th.column-3 {
    width: 180px;   /* ← 好きな数値に変更OK */
}

.tablepress-13 td.column-2,
.tablepress-13 th.column-2,
.tablepress-13 td.column-4,
.tablepress-13 th.column-4 {
    width: 100px;    /* ← 好きな数値に変更OK */
}


/*tablepress-14（ヒト遺伝子）デザイン（260514）*/
/*タイトル*/
.tablepress-14 tr.row-1 th {
    background: #555 !important;
    color: #fff !important;
    font-weight: bold;
    text-align: center !important;
}

/*通常行*/
.tablepress-14 tbody td {
    background: #fff !important;
}

/* 通常の数字列 */
.tablepress-14 td.column-2,
.tablepress-14 td.column-4 {
    text-align: right !important;
}

/*小タイトル*/
.tablepress-14 tr.row-2 td {
    background: #e5e5e5 !important;
    font-weight: bold;
    text-align: center !important;
}

.tablepress-14 tr.row-16 td {
    background: #e5e5e5 !important;
    font-weight: bold;
    text-align: center !important;
}

/* 罫線を復活 */
.tablepress-14 td,
.tablepress-14 th {
    border: 1px solid #ccc !important;
}

/* tablepress-11 専用：列幅指定 */
.tablepress-14 td.column-1,
.tablepress-14 th.column-1,
.tablepress-14 td.column-3,
.tablepress-14 th.column-3 {
    width: 320px;   /* ← 好きな数値に変更OK */
}

.tablepress-14 td.column-2,
.tablepress-14 th.column-2,
.tablepress-14 td.column-4,
.tablepress-14 th.column-4 {
    width: 80px;    /* ← 好きな数値に変更OK */
}



.hei50{
	height: 50px !important;
}

/* 親要素を超えた幅にしたいとき　*/
.ContentOver-box{
  padding: 2rem 0;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  background: #ddd;
}
 
.ContentOver-box-inner{
 margin: 0 15px;
 padding: 25px;
 background-color: #fff;
}


/***********************************************
2023.2　英語TOPページより各英語ページへリンク　
その際ヘッダーフッターは英語にするため「Bogo」を使用
下記CSS⇒英語ページと日本語ページのヘッダーフッターを分けるためにやった作業

その他にやったこと
⇒headerでロゴを押したらhomeに戻らないようにリンクを無効化した
⇒header財団ロゴを英語表記に（日本語、英語共通にするため）
⇒header「ご寄附のお願い」ボタンをコメントアウト（ヘッダーメニューに追加、下記設定あり）
⇒footerコピーライトを英語に変更（日本語名だったため）
***********************************************/
/* パンくずリストを非表示に　「ホーム」が日本語、「ホーム」を押してのリンク先　‥ftrf/en/　が作れないため　*/
body.color02 .breadcrumb-area{
	display:none;
}

/* ヘッダーメニューの「ご寄附のお願い」を色を変える　*/
#menu-item-7305 a{
	color: Yellow!important;
	font-weight: bold;
}	

/* footerの財団名を非表示に（日本語だったため）　*/
#footer-brand-area {
	display: none;	
	}
	
/* Englishデータ公開のサブメニューの枠が短かったため伸ばした　*/
#menu-item-7322, #menu-item-7321{
 width: 300px!important;
border-right: 1px #e5e5e5 solid;
}

/***********************************************
**メルマガページ設定
***********************************************/

p.merumaga {
	display: block;
	width: 90%;
	position: center;
	padding-left: 10%;
	font-size: 15px;
}


/***********************************************
**固定ページH1文字袋とじ試し
***********************************************/
.page-id-3069 .post-title{
	 text-shadow : 
       3px  3px 3px #ffffff,
      -3px  3px 3px #ffffff,
       3px -3px 3px #ffffff,
      -3px -3px 3px #ffffff,
       3px  0px 3px #ffffff,
       0px  3px 3px #ffffff,
      -3px  0px 3px #ffffff,
       0px -3px 3px #ffffff;  
}


/***********************************************
**抗体オフターゲット検証データ提供サービス
***********************************************/
.course{
	margin-bottom : 0px !important;
}

.off-target-text{
	color: #000000;
}

.page-id-8912 {
	color: #000000;
}

.off-target-course-h5 {
	margin-top: 0px!important;
	padding-top: 15px!important;
    padding-bottom: 15px!important;
}

.off-target-button {
	border-radius: 10px;
	background-color: #fe0000;
	width: 50%;
	color: #fff;
	padding: calc(.667em + 2px) calc(1.333em + 2px)!important;
	text-align: center;
}

/***********************************************
**評価抗原リストページ
***********************************************/

/**スクロールバー試し*/

.modal {
  width: 400px;
  height: 600px;

  background-color: white;
}

.modal-inner {
  height: 100%;
  overflow: scroll; /* スクロール設定 */
}

.modal-content {
  min-height: 600px;
  background-color: lightblue;
}

.page-id-9090 #header {
    display: none!important;
}
.page-id-9090 #footer {
    display: none!important;
}
.page-id-9090 .post-header {
    display: none!important;
}
.page-id-9090 #content {
	padding: 0!important;
}
/*表の幅調整*/
.page-id-9090 .column-1 {
	width: 15%;
}
.page-id-9090 .column-2 {
	width: 65%;
}
.page-id-9090 .column-3 {
	text-align: center;
	width: 10%;
}
.page-id-9090 .column-4 {
	text-align: center;
	width: 10%;
}
/*表の色調整*/
.page-id-9090 .column-3 .dt-orderable-asc .dt-orderable-desc {
	background-color: #BB5151!important;
}
.page-id-9090 .column-4 .dt-orderable-asc .dt-orderable-desc {
	background-color: #399F4F!important;
}



/***********************************************
**ブログページ
***********************************************/

/*サイドバースペース調整*/
.side-widget{
	margin-bottom: 10px!important;
	padding-bottom: 10px!important;
}

/*.side-widget-area {
	background-color: #FFFFFF!important;
}*/

/*テーブル線*/
.table-line-blog td {
	border: none!important;　/* 0px→noneに修正（260512） */
	outline: none!important;
}

.contents-blog {
   overflow: hidden;
}
.item-blog {
   float: left;
   padding: 20px 30px;
   text-align: center;
}

body.color02 .post-content .table-line-blog table {
	border: 0px!important;
}

.table-line-blog {
    border: none !important;　/*ページ送りのテーブル線削除（260512）*/
}

.table-line-blog table,
.table-line-blog table td,
.table-line-blog table th {
    border: none !important;　/*ページ送りのテーブル線削除（260512）*/
    outline: none !important;　/*ページ送りのテーブル線削除（260512）*/
}

/* 左右寄せを正しく反映させる(260519) */
.table-line-blog td {
  text-align: left !important;
}

.table-line-blog td.has-text-align-right {
  text-align: right !important;
}




/***********************************************
**カニクイザル組織ページ
***********************************************/

.new-icon {
  color: red;
  font-weight: bold;
  margin-left: 6px;
  animation:
　blink 1s step-start infinite;
  vertical-align: middle;
}

.field {
	display: flex;
}

.text-color-gray {
	color: #231815;
}



/***********************************************
**F-PDOとF-PDXページ
***********************************************/

/******************
******表
******************/
/**テキストを中央に配置する**/
.page-id-9992 tbody tr:nth-child(1) th, {
	background-color: #5e6265!important; /* 明るいグレー */
	font-weight: bold;
}

.page-id-9992 tbody tr:nth-child(2) th, 
.page-id-9992 tbody tr:nth-child(3) th,
.page-id-9992 tbody tr:nth-child(5) th {
	background-color: #f0f0f0!important; /* 明るいグレー */
}

.habakakuninn {
	width: 100%!important;
}

.th-gray {
	background-color: #f0f0f0!important; /* 明るいグレー */
	color: #231815!important;
}

.th-black {
	background-color: #4E5054!important; /* 暗いグレー */
    color: #FFF; /* 白文字（260511追記） */
	font-weight: bold;
}

.table-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin: 0;
  padding: 0;
}

.table-flex-2 {
  width: calc(50% - 6px); /* 50%からgapの半分を引くと整う */
  box-sizing: border-box;
  text-align: center;
}

.table-img {
  width: 95%;  /* セル幅より少し小さく */
  height: auto;
  display: block; /* インライン要素の余白を消す */
  margin: 0 auto; /* 中央寄せ */
  /*border: 1px solid #ccc;*/
}

/* モバイル対応 */
@media screen and (max-width: 600px) {
  .table-flex-2 {
    width: 100%;
  }
}

.tight-gap-cols > .wp-block-column {
  padding-left: 5px;
  padding-right: 5px;
}

.bg-hatch-thin {
  background-image: repeating-linear-gradient(
    45deg,
    #eee 0px,
    #eee 2px,
    transparent 1px,
    transparent 4px
  );
  background-color: #ffffff;
}

.seikabutu-left-space {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

.table-space {
	padding: 8px 0px 0px 0px!important;
	border-color: #ffffff!important;
}


.hatch-text-space {
	padding: 0px 0px 20px 20px !important; /* 上 右 下 左 */
}

.hatch-space {
	padding: 20px 0px 0px 0px !important;　/* しましまボックス */
}

/* このテーブルだけ padding と左寄せを強制（260513） */
.webinar-table td,
.webinar-table th {
    padding: 8px 12px !important;
    text-align: left !important;
}

.webinar-table td.has-text-align-left {
    padding: 8px 10px !important;　/* 表の中の文字配置（260513） */
    text-align: left !important;
}

/* 表の中の文字余白（260514） */
.wp-block-column table td {
    padding: 10px 10px !important;
}




/**横に分割した時のH２見出しの間に空白を作るための記述（最初に使用したのはF-PDXのページ）**/
/**その後不採用だった**/
.h2-1 {
	margin-right: 0px!important;
}

.h2-2 {
	margin-left: 0px!important;
}

.h2-1-under {
	margin-left: 0px!important;
}


/****/
.content-block {
  padding: 16px;
}

.description {
  margin-bottom: 16px;
}

.image-row {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

.image-item {
  flex: 1 1 48%;
  box-sizing: border-box;
  text-align: center;
}

.image-item img {
  width: 100%;
  height: auto;
  display: block;
}

.caption {
  margin-top: 8px;
  font-size: 0.9em;
  color: #555;
}

.caption-text-left {
  text-align: left!important; /* 本文だけ左揃え */
  margin: 0;        /* 不要なら余白削除 */
}

/**ここまで**/

/**スマホ版の表の表示方法を探す**/
.table-sp {
  width: 100%!important;
  table-layout: fixed;
  word-break: break-word;
}

.table-wrapper-sp {
  overflow-x: auto;   /* 横方向にスクロールできるようにする（スマホで表がはみ出してもスクロール可能に） */
  width: 100%;        /* 親要素の幅に合わせて最大限広がるようにする */
}

.my-table-sp {
  width: 100%;        /* テーブル全体を画面幅いっぱいに広げる（親のdivに合わせる） */
  table-layout: fixed;/* セル幅を内容に依存せず均等にする（レスポンシブ対応しやすくなる） */
  word-break: break-word; /* 単語の途中でも改行OKにする。長い英語やURLなどのはみ出し対策 */
}

.my-table-sp img {
  max-width: 100%;    /* 画像の最大幅を「セルの幅」までに制限。はみ出し防止 */
  height: auto;       /* 縦横比を維持しながら自動縮小。画像が縦長になるのを防ぐ */
  display: block;     /* 画像下の余白（インラインの隙間）を消して、レイアウト崩れを防止 */
}

.my-table-sp td, .my-table-sp th {
  word-break: break-word;   /* 単語の途中でも改行して、はみ出し防止 */
  white-space: normal;      /* 通常の改行を許可（nowrapだと改行されない） */
  overflow-wrap: break-word;/* 長い単語や英単語を改行可能にする補完指定 */
}


/**PCのみスマホのみの表示**/
.only-mobile {
	display: none!important;
}

/*.only-pc {
	display: block!important;
}罫線に不要みたいだから一旦削除（260513）*/

/* 1列罫線（260513） */
/* この表だけ Astra の table CSS を無効化 */
.only-pc table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    width: auto !important;
}

.only-pc th,
.only-pc td {
    border: 1px solid #e5e5e5 !important;
    padding: 8px 12px !important;
}



@media screen and (max-width: 768px) {
.only-mobile {
	display: block!important;
　}
.only-pc {
	 display: none!important;
  }
}
/************/

.tight-gap-cols {
  column-gap: 0 !important;
}


/******F-PDOなどのページの箇条書きの点******/
.blue-list {
  list-style: none !important; /* デフォルトの点を消す */
  padding-left: 1.5em; /* 左余白を確保 */
}

/* blue-list の黒丸を完全に消す（スマホでも確実） */
.blue-list li {
    list-style: none !important; /* ← これが最重要 */
    position: relative;
    margin-bottom: 0.5em;
    padding-left: 0.8em; /* before の位置調整 */
}

.blue-list li::before {
  content: "●";              /* 好きな記号（ここでは丸） */
  color: #007BFF;            /* ブルー（WordPressでよく使う青色） */
  font-size: 1.3em;          /* 点の大きさ */
  position: absolute;
  top: -0.3em;
  left: -0.8em;              /* 左に配置 */
}

/* ブラウザのデフォルト marker を完全に無効化 */
.blue-list li::marker {
  content: none !important;   /* beforeと重なってしまうので削除（260511追記） */
}

/* リスト余白調整（260514） */
/* Gutenberg のブロック間余白（block-gap）を消す */
.wp-block-group.bg-hatch-thin {
    --wp--style--block-gap: 0 !important;
    row-gap: 0 !important;
    column-gap: 0 !important;
    gap: 0 !important;
}

/* ① 大項目 → 小項目（狭く） */
.wp-block-group.bg-hatch-thin ul.blue-list + ul.wp-block-list {
    margin-top: 0.1em !important;
}

/* ② 小項目 → 大項目（広く） */
.wp-block-group.bg-hatch-thin ul.wp-block-list + ul.blue-list {
    margin-top: 1.5em !important;
}

/* ③ 大項目 → 大項目（広く） */
.wp-block-group.bg-hatch-thin ul.blue-list + ul.blue-list {
    margin-top: 1.2em !important;
}

/* ④ 小項目内の行間 */
.wp-block-group.bg-hatch-thin ul.wp-block-list li {
    line-height: 1.4;
    margin: 0.2em 0;
}

/* 小項目（wp-block-list）の中点ごと右にずらす */
.wp-block-group.bg-hatch-thin ul.wp-block-list {
    list-style-position: inside;   /* ← マーカーを内側に入れる */
    padding-left: 1.2em;           /* ← 中点ごと右へ動く */
}
/* ここまで（260514） */


 /* スマホでのみ改行 */
@media screen and (min-width: 600px){
  .spbr{
    display: none;
  }
}

/* 送信するのボタン */
input[type="submit"][name="mwform_submitButton-624"] {
  background-color: #e53935 !important; /* ←赤色（濃い赤） */
  color: #fff !important;               /* ←文字を白に */
}

/* NEW */
.new-icon {
    color: red;
    font-weight: bold;
    margin-left: 6px;
    animation: blink 1s step-start infinite;
   /*　vertical-align: middle;*/
}
 @keyframes blink {
    50% {
      opacity: 0;
    }
}

/*********** 表の構成 ************/
.flex-section {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.grid-A {
    width: 18% !important;
}
.grid-B {
    width: 26% !important;
}
.grid-C {
    width: 48% !important;
}
.grid-D {
    width: 70% !important;
}
.grid-E {
    width: 78% !important;
}
.grid-F {
    width: 100% !important;
}
.grid-A2 {
    width: 19% !important;
}
.grid-B2 {
    width: 37% !important;
}
.grid-C2 {
    width: 49% !important;
}
.grid-D2 {
    width: 61% !important;
}
.grid-E2 {
    width: 79% !important;
}
.grid-F2 {
    width: 24% !important;
}
.grid-1 {
    width: 31.5% !important;
}
.grid-B3 {
    width: 36% !important;
}
.grid-D3 {
    width: 60% !important;
}
.gap-A {
    margin-bottom: 12px;
}
.gap-B {
    margin-bottom: 24px;
}
.gap-C {
    margin-bottom: calc(3.3em - 24px);
}
.gap-F {
    margin-bottom: -24px !important;
}
.gap-G {
    margin-bottom: 3.3em !important;
}
.gap-H {
    margin-bottom: 24px;
}

@media only screen and (max-width: 958px) {
.gap-C {
    margin-bottom: 0;
}
.gap-D {
    margin-bottom: 24px !important;
}
.gap-E {
    margin-bottom: -24px !important;
}
}

@media only screen and (max-width: 768px) {
.grid-A, .grid-B, .grid-C, .grid-D, .grid-E {
    width: 100% !important;
}
.gap-H {
    margin-bottom: 0;
}
}

@media only screen and (max-width: 480px) {
.grid-1, .grid-A2, .grid-B2, .grid-C2, .grid-D2, .grid-E2, .grid-F2, .grid-B3, .grid-D3 {
    width: 100% !important;
}
}

.wp-block-ub-content-toggle-accordion-title-wrap {
	height: 60px;
	font-size: 15pt!important;
	align-items: center;
}

/***ここまで***/


/***閉じるボタン試し***/

.wp-block-ub-content-toggle-accordion-wrap {
  position: relative;
}

.closeAccordionBtn {
  position: absolute;
  right: 12px;
  bottom: 12px;
  padding: 8px 12px;
  background: #2b6cb0;
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
}

.closeAccordionBtn:hover {
  opacity: 0.85;
}


.boxed {
  position: relative;
  border: 2px solid #333;
  padding: 24px 20px 0px;
  margin: 20px 0;
  background: #fff;
}

.boxed-title {
  position: absolute;
  top: -0.8em;
  left: 16px;
  padding: 0 10px;
  background: #fff;
  font-weight: bold;
  font-size: 16px;
}

.boxed-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.boxed-list li {
  margin: 6px 0;
}

.hihyouzi {
  display: none;
}

/***細胞保管・細胞培養とストック作製***/
.ol-li {
    margin-bottom: 4px !important;
}