/*
Theme Name: Striking MultiFlex Simple Child Theme
Description: Child theme for the Striking MultiFlex & Ecommerce Responsive WordPress Theme
Author: <a href="http://themeforest.net/user/Kaptinlin">Kaptinlin</a>
Author URI: http://themeforest.net/user/Kaptinlin
Template: striking_r
Version: 2.4.2 Date: 23 december 2024
*/



body {
  font-family: "Helvetica Neue",
    Arial,
    'Noto Sans JP'
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
	line-height: 2.4em;
    
}

* {box-sizing: border-box;}
/*
* {font-family: 'Noto Sans JP', sans-serif;}
*/

html { scroll-behavior: smooth;}

.home .feature-introduce {color:#000; letter-spacing: 0.1em;}
.home #feature {border-top:8px solid lightseagreen; border-bottom: 8px solid lightseagreen;}
.home #feature h2 {font-size:40px; font-family:Arial, Helvetica, "sans-serif";;
background: linear-gradient(0deg, #003e88 5%, #0165ab 38%, #0296d6 92%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;}
#home_feature_text { letter-spacing: 0.1em; line-height: 2em;}
#home_feature_content {}

h1, h2, h3, h4, h5, h6 {font-weight: bold; line-height: 1.6em; padding:1em 0;}

.nowrap {white-space: nowrap;}



/* ONLY TOP PAGE */

/*
.home #navigation {background: rgba(255,255,255,0.60); border-radius: 30px; border:2px solid lightseagreen; height: 64px !important; margin-bottom:-10px;}
.home #navigation:hover {background: #fff;}

.home #home_feature_logo {width:600px;}
.home #logo {display:none;}
.home #header {background:transparent;}
.home #feature {margin-top:-100px; padding-top:100px;}

*/
/* ------- HEADER ------------ */


#navigation {margin-bottom: 10px;}
#navigation ul ul li a {white-space: nowrap;}


#navigation .menu > li > a:hover {

    z-index: 100000;
}
#navigation .sub-menu {
    border-right:2px solid lightseagreen;
    border-bottom:2px solid lightseagreen;
    border-left:2px solid lightseagreen;}
#main a {font-weight: bold;}


#navigation .menu > li > a {padding:15px 5px;}

.jqueryslidemenu .menu-subtitle {margin-top:0.8em; }

/*#main h2 {border-left:5px solid #999; padding:1em; border-radius: 5px; margin:2em 0; background: #f3f3f3;} */
/*#main h2:before {content:"◼︎"; margin-right:0.2em; color:#0E6E3D;} */

#main h2 {color:#000; font-size:32px;}

/* 見出しに添える英字。#999 は白地で 2.85 しかなく読みにくいので #6f6f6f (5.03) にする */
.sub_heading {font-weight: normal !important; font-size:14px !important; color:#6f6f6f !important; margin-left:1em; letter-spacing: 0.1em;}
#main h3 {border-bottom:1px solid #ccc; margin:2em 0; padding: 1em 0 14px; min-height: 2em;}

#main h3 span {border-bottom:3px solid #073490; padding:0 1em 16px 0.4em;}

/*
h3.link {border:none; padding:0 !important;}
h3.link a {display: block; background: #00ADA9; color:#fff !important; padding:1em 0;}
*/
h3 a {display: block;}
h3 a:hover {color:#315ab1 !important;}

#main h4 {margin-bottom:1em;}

.bold {font-weight:bold}
.nowrap {white-space: nowrap;}


a#back-to-top {background:none;}



/* #page {background:rgba(226,245,244,1.00)} */
#page {background: #fff;}


#feature {border-top: 5px solid #14867f;}

#feature .inner {padding:30px 15px;}

/* 下層ページの見出し帯は、トップページのスライダーと同じグラデーションにする。
   色はスライダー背景(1920x350)を画面幅1280で見たときの
   左上 #0f5f5f / 右下 #1faea7 に合わせてある。
   セレクタの詳細度はテーマの skin.css と同じなので、
   子テーマが後に読み込まれることで上書きされる。 */
.no-gradient #feature,
.has-gradient #feature {
	background-color: #0f5f5f;
	background-image: linear-gradient(to bottom right, #0f5f5f 0%, #1faea7 100%);
}


#main .content {width: 100% !important;}

/* HEADER LINKS */


#top_area {width:auto;}

/*
ul#menu-header_links 	{display: inline-block; list-style:none; border:1px solid #ccc; background: #f5f5f5; border-radius: 5px;
}
*/
ul#menu-header_links 	{display: inline-block; list-style:none; }

ul#menu-header_links li	{float:left;}
/* 学会員専用ページのボタン。小さくて見つけにくいというご指摘があったため、
   文字を大きくし、地を塗って押せるものだと分かるようにした。 */
ul#menu-header_links li a {
    background:#0f6a6d; color:#fff; display: inline-block;
    padding:0.45em 1.6em; font-size:14px; font-weight:700; letter-spacing:.02em;
    border-radius: 20px; margin-right: 1em; border:1px solid #0f6a6d;
    box-shadow: 0 1px 3px rgba(0,0,0,.12);}
ul#menu-header_links li a:hover {color:#fff;  background: #0b5052; border-color:#0b5052;}

/* スマホではヘッダーごと隠れて辿り着けないため、グローバルメニューにも
   同じリンクを入れてある（menu item 1970 / .jspg-member-only）。
   PC ではヘッダーのボタンと重複するので、そちらだけを出す。 */
@media only screen and (min-width : 1025px) {
  #navigation .menu > li.jspg-member-only { display: none; }
}
/* スマホのメニューでは他の項目に埋もれないよう、地を濃くして目立たせる */
#wprmenu_menu_ul li.jspg-member-only > a {
  font-weight: 700;
  background: #0b5052;
}
/*
ul#menu-header_links li:before {content: "▶︎";  margin-right:0.4em; color:#F1C400;}
*/

/* TOP PAGE */



/*
.home .no-gradient #feature,
.home .has-gradient #feature {height: 500px;background: rgba(235,229,216,1.00);}
*/

.feature_logo {text-align: right;}

/* TEXT */


p a {font-weight: bold;}

/* 純粋な red は白地でコントラスト 4.0 しかないので少し暗くする（5.89） */
.red {color:#CC0000;}
.nowrap {white-space: nowrap;}

.text_body {padding:1em 1.5em;}

.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}


.inner_index li {margin-bottom:0.5em;}

.mincho {font-family: "游明朝", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGS明朝E", "MS PMincho", "MS 明朝", serif;}

.rijicho_photo { text-align: center; font-weight: bold; background: #f7f7f7; border-radius: 10px; padding:15px;}
.rijicho_photo img {border-radius: 5px; }

/* BLOG */


.whatsnew .posts_list li a {max-width: 400px;}
.whatsnew .posts_list time {padding-top:3px;padding-bottom:5px;;}


.theme_blog_list h2.entry-title {font-size:18px !important; padding:0 !important;}
.theme_blog_list .hentry {border-bottom:1px solid #ccc;}
.theme_blog_list .entry_content p {font-size:14px; color:#333;}

/* 記事のタイトルと日付の表示順を入れ替え */
.post_extra_info {display: flex;flex-direction: column;flex-direction: row;}
.post_title {order: 2;}
.post_extra_info time {order: 1; margin-right:1em;}

.posts_list li a, #sidebar .posts_list li a, #footer .posts_list li a {line-height: normal;}

/* BOX */

.graybox {background: #f5f5f5; padding:20px; border-radius: 8px; margin-bottom:2em;}

.whitebox {background:#fff;border: 1px solid #bbb; padding:20px; border-radius: 8px; margin-bottom:2em;}

.box-shadow {box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);}

.box {
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #f9f9f9;
    padding: 10px;
}

/* セミナーの「プログラムの内容」。
   以前は青ベタ塗り＋白文字で、サイト全体の淡いカード表現から浮いていたため、
   トップページのカードや学術集会の枠と同じ配色・角丸にそろえている。
   アイコンは本文側の <i class="fa-solid ..."> を拾う。 */
.concept_box {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin: 1.4em 0 1.8em;
  padding: 0;
  list-style: none;
}
/* 枠は素っ気ないぐらい簡素にする。
   グラデーションや上辺のアクセントを付けると、
   同じページの「次回開催」の枠（.jspg-event-card--wide）と見分けが付かなくなる。 */
.concept_box li {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .8rem;
  margin: 0;
  padding: 1.6rem 1.2rem;
  text-align: center;
  font-weight: 700;
  line-height: 1.65;
  color: #2b3338;
  background: #f7f9fa;
  border: 1px solid #e3e7eb;
  border-radius: 8px;
}
.concept_box li i {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 3rem;
  height: 3rem;
  font-size: 1.35rem;
  color: #0f6a6d;
  background: #ffffff;
  border: 1px solid #dbe4e4;
  border-radius: 50%;
}
/* 文言はひとつの入れ物にまとめる。
   ばらばらの span のままだと一つひとつが flex アイテムになり縦に積まれる。 */
.concept_box li .concept_text { display: block; }


#education_box {}
#education_box .one_third {height: 250px !important; background: #fff; margin-bottom:1em !important;}

/* 4つの箱は align-items:stretch で高さがそろうが、中身は上から流れるため
   説明文の行数の差だけボタンの位置がずれる。
   箱を縦のフレックスにして、ボタンの段落を margin-top:auto で下に押し付ける。
   .mb-1 が付いている箱だけ下がってしまうので、下マージンも打ち消す。 */
#education_box .one_fourth,
#education_box .one_third {
  display: flex;
  flex-direction: column;
}
#education_box .one_fourth > p.center,
#education_box .one_third > p.center {
  margin-top: auto;
  margin-bottom: 0 !important;
}

/* 箱の並べ方は、テーマのグリッド（幅22%+右マージン4% など）に頼らず自前で決める。

   テーマの .one_fourth は「幅22% + 右マージン4%」で、最後の1枚に .last を付けて
   マージンを消す作りになっている。この本文には .last が付いていないため合計が
   104% になり、折り返しを許した瞬間に4枚目だけ次の行へ落ちていた。

   そこでマージンを打ち消し、gap と calc で幅を出す。
   枚数が変わっても（4枚でも5枚でも）行が破綻しない。 */
#education_box.flex {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 1.2rem;
}
#education_box.flex > div {
  float: none;
  margin: 0;
  flex: 0 0 auto;       /* 端数の行を引き伸ばさない（最後の行も同じ幅で左詰め） */
}
#education_box.flex > .one_fourth { width: calc((100% - 3 * 1.2rem) / 4); }
#education_box.flex > .one_third  { width: calc((100% - 2 * 1.2rem) / 3); }

@media only screen and (max-width : 64rem) {
  #education_box.flex > .one_fourth,
  #education_box.flex > .one_third { width: calc((100% - 1.2rem) / 2); }
}
@media only screen and (max-width : 40rem) {
  #education_box.flex > .one_fourth,
  #education_box.flex > .one_third { width: 100%; }
}




/* VIDEO */


iframe {
    border: 1px solid #000;
    padding-bottom: 1px;
}

.downlioad {
    border: 1px solid #ccc;
    background: #f9f9f9;
    padding: 5px 10px;
    border-radius: 5px;
    margin:1em 0;
}

.video_box_title {display: inline-block; border-radius: 30px; background:#E15B5D; color:#fff; padding: 5px 10px;position: relative; top:-40px; left:15px;font-size:24px; letter-spacing: 0.5em; font-weight: bold;}

.video_title {border:1px solid #ccc; background:#f1f1f1; padding:1em; border-left:8px solid #0A55C8; margin-top:3em; font-size:20px;}



.bottom {margin-top: auto;}

/* BUTTOn */


.rounded_button {border-radius: 16px; min-width: 120px; text-align: center}

/* FONT AWESOME */

.fa-file-pdf {color:#B30B00;}
.fa-file-excel {color:#217346;}

td.column-8 i {color:#E25480 !important;}
td.column-9 i {color:#015EB6 !important;}

a i:hover {opacity: 0.4;}

a.link_button {background: #f1f1f1; border-radius: 8px; display: inline-block; margin-right:10px;padding:2px 6px; margin-bottom:5px;}
a.link_button:hover {background:#ECECEC;}


.last_update {display: inline-block;}
.last_update_home {color:#777; font-weight: normal;}

/* HOME */

#home_feature { padding:40px 0; font-size:26px; line-height: 1.8em; font-weight:bold;}
#home_feature img {width:50%; height: auto;}



dl.seminar {margin-top:30px; margin-bottom: 50px;}
dl.seminar dt {width:120px; padding:10px;box-sizing: border-box;}
dl.seminar dd {margin-left: 125px; padding:10px;box-sizing: border-box;}

dl.agenda dt {
    float: none;
    width: auto;
    font-weight: bold;
}

dl.agenda dd {
    float: none;
    width: auto;
    margin-left: 40px;
}


dl {background:#f1f1f1; border:1px solid #ddd; border-top:none;}
dl dt {
    width: 150px;
    float: left;
	font-weight:bold;
	padding:5px;
	border-top:1px solid #ddd;
	box-sizing: border-box;
}

dl dd {
    display: block;
	padding:5px;
    margin-left: 125px;
	background:#fff;
	border-top:1px solid #ddd;
	box-sizing: border-box;
}


.top3 {width:100%}
.top3 td {width:33.33%}
.top3 div {background: rgba(255,255,255,0.69); margin-bottom:10px; border-radius: 4px; text-align: center; margin-right:5px;}


#top_message {border:1px solid #ccc; border-radius: 10px; background: #f9f9f9; padding:25px; line-height: 2em; margin-bottom:20px;}
#top_lead{text-align: center; letter-spacing: 0.2em}
#top_number {text-align: center;font-weight: bold;}
.message_box {border:1px solid #ccc; border-radius: 10px; background: #f9f9f9; padding:25px; margin-bottom:20px;}




.link_photos img {border-radius: 10px;}

.header_title {text-align: right; line-height: 1.4em;font-size:14px;color:#666;}
.header_title_sub {text-align: right; line-height: 1.4em; color:#777;}

/* SIDE BAR */

/*
#sidebar .widget_nav_menu {border:3px solid #ddd; border-radius:4px;}
*/
#sidebar .widget_nav_menu li a {background:none;padding:14px 5px; display: flex; font-size:14px; }
.left_sidebar #sidebar {width: 230px;}
.left_sidebar #main {width: 700px;}

#sidebar .widget_pages ul ul {
	margin:5px 0 -6px 1em;
}


#sidebar .widget_nav_menu li a:before {content: "-"; color:#ccc;margin-right:0.5em; font-weight: bold;}

#sidebar .widget_nav_menu li.current_page_item a:before {content: "<"; color:#F1C400;margin-right:0.5em;}

.left_sidebar #sidebar_content.lessgap {
	padding-top:0;}
	
#sidebar li.page_item a {display:block;}
#sidebar .widget {margin-bottom:2em;}



#sidebar li:hover {background:#F7F7F7;}
#sidebar .widget_nav_menu li:hover {background:none;} /* 親ごと色が変わらないよう、ホバーした項目のリンクだけに色を付ける */
#sidebar .widget_nav_menu li > a:hover {background:#F7F7F7;}
#sidebar .current_page_item {font-weight: bold;}



#sidebar_search { padding:20px; border-radius: 10px; background: #f1f1f1;}
#sidebar_search input[type="text"] {background: #fff; width:190px;}
#side_message {background: #E3F9F9; padding:20px; border-radius: 10px; line-height: 1.5em;}
#side_message p {color:#666;}
#side_contact ul {list-style-type: disc;}
#side_contact ul li {margin-bottom:0.5em;}


/* TAB */

/* 選択中のタブは白文字なので、背景は #00ADA9（コントラスト 2.78）ではなく
   ボタンと同じ #0f6a6d（6.36）にする。境界線は元の色のまま残す */
ul.tabs {border-bottom:5px solid #0F6A6D;}
ul.tabs li a {font-size:18px; padding:1em 2em; }
ul.tabs li a.current {color:#fff !important; background:#0F6A6D !important;border-bottom:1px solid #0F6A6D;}

/* DYSMO */


.single .category-dysmo .entry_info {display: none;}

.entry .entry_meta {border: none;}

/* Disease info */



.dis_info {font-size:14px;width: 100%;}
.dis_info th,
.dis_info td {border:1px solid #ddd;padding:5px; width:auto;}
.dis_info th {white-space: nowrap; background: #f6f6f6; max-width:180px;}

.disease_list {display: table; border-bottom:1px solid #ccc; width: 100%;}
.disease_list span {display: table-cell; padding:3px;vertical-align: middle;}

.disease_list a {display: block;}
.disease_list a:hover {background: #f1f1f1;}
span.dna {width:100px !important;text-align: center;}
span.dis_name {width:600px;}
/* span.p_num {width:100px; text-align: center;} */
span.pc {width:200px; text-align: center;}
span.pdf {width:100px; text-align: center;}

#table_view_header {font-size:14px; background: #E3F9F9; border-top:1px solid #ccc; text-align: center;}



.dis_jp,
.dis_en {display: block !important;}

.dis_en {font-size:85%;}


.category-disease .entry_meta {display: none;}
.category-disease .entry {margin-bottom:0;}


.members_table {width:100%;}

.members_table td.col1 {font-weight: bold; width:80px;}
.members_table td.col2 {width: 120px; font-size:110%;}
.members_table td.col3 {font-size:90%;color:#444;}


.members_table th,
.members_table td {padding:5px;}


/* 直前に align="right" のボタン (float:right) が来ると、右寄せの
   「ページトップへ」がボタンの下に潜り込んで重なるため回り込みを解除する */
.back2main {text-align: right; clear: both;}


.all_table {width:100%;}
.all_table th {white-space: nowrap; background: #d9edf7;}
.all_table th,
.all_table td {border-bottom:1px solid #ccc; padding:5px; font-size:95%; text-align: center}

.all_table td.gene_name {font-weight: bold;}
.all_table td.dis_name {text-align: left;}
.all_table td.hosp {font-size:12px; white-space: nowrap; text-align: left;}
.all_table td.pc {font-size: 12px;}
.all_table td.shouman a {color: #E25480 !important;}
.all_table td.nanbyo a {color: #015EB6 !important;}
.all_table td.eng_info a {}

.wp-pagenavi a {display: inline-block;font-size:16px;  height:40px; width:40px; line-height: 40px; text-align: center; border:1px solid #ccc; padding:0 !important; margin-left:10px;}



.schedule_table th, .schedule_table td {vertical-align: top; padding:5px;}

.pc_table {width:100%;}
.pc_table th, .pc_table td {padding:5px; vertical-align: top;}


.rules_table {margin-left:1.5em; margin-bottom:0;}
.rules_table th {white-space: nowrap;}
.rules_table th,
.rules_table td {vertical-align: top; padding:0 1em; text-align: left;}




    .doc_table {width:auto; margin: auto; font-size:90%;}
    .doc_table th, .doc_table td {padding:5px; vertical-align: middle; border:1px solid #ccc;}
    .doc_table th {width:180px;background: #f5f5f5;}
    .doc_table td {width:100px; text-align: center;}



/* LINK */

/* 本文リンクの色はテーマ設定で持つ。
   Theme Options > Color > Page Link / Page Link Active
   （theme_color['page_link'] / ['page_link_active'] → skin.css）

   以前はここで `#page a { color:#666 }` と打ち消していた。
   テーマ既定の #4ca7a8 は白地でコントラスト比 2.84 しか無く読みにくい一方、
   打ち消し後の #666 は本文と同じ灰色でリンクだと分からない、という状態だった。
   設定側を青 #1565c0（白地で 5.75、ホバー #0d4f8f で 8.29）に変えたので、
   ここで打ち消す必要は無くなった。色を変えたいときは CSS ではなく
   テーマ設定側を触ること（tools/set_link_color.php）。

   ボタンの文字色は下の `#main .button …` 系（詳細度 1,1,0）が
   `#page a`（1,0,1）に勝つので、リンク色の影響を受けない。 */


.linklist li {margin-bottom: 0.8em;}

/* IMAGE */

a img:hover {opacity: 0.8;}

/* BOX */

.box_title {font-weight: bold; text-align: center; margin:10px auto;}

/* BOX */

.rbox_pink {border-radius: 20px;padding:30px 90px; background:hsla(0,100%,97%,1.00); margin-bottom:60px;}
.rbox_yellow {border-radius: 20px;padding:30px 90px;background: hsla(67,100%,95%,1.00); margin-bottom:60px;}
.rbox_green {border-radius: 20px;padding:30px 90px;background:hsla(86,73%,96%,1.00); margin-bottom:60px;}
.rbox_blue {border-radius: 20px;padding:30px 90px;background:hsla(186,100%,96%,1.00); margin-bottom:60px;}







/* FORM */

#wpcf7cpcnf table,
.form_table {margin: auto; width:100%; border-radius: 5px;}

#wpcf7cpcnf table th, #wpcf7cpcnf table td,
.form_table th, .form_table td {padding:10px;border:1px solid #ccc;} 

#wpcf7cpcnf table th,
.form_table th {background: #f1f1f1; white-space: nowrap;}

#wpcf7cpcnf table p,
.form_table p {margin-bottom: 0;}

.group_title {background: #D3D3D3 !important;}
.text_short {width:150px; margin-right:15px;}

textarea,
input { border-radius: 5px;}

.wpcf7-list-item-label {font-weight: bold; letter-spacing: 1em;}
.wpcf7-list-item-label:hover {border-bottom:1px solid #000;}

.wpcf7-not-valid-tip {display: inline-block; font-size:80%; margin-left:10px;}
div.wpcf7cp-btns {text-align: center;}


form.wpcf7-form.sent table {display: none;}

.wpcf7-response-output {text-align: center;padding: 20px !important; background: #f9f9f9;
margin:5em auto !important; border-radius: 10px;}

::placeholder {
  color: #999;
  font-size: 0.8em;
}
.hrz {display: inline-block;}



/* MEETING TABLE */

#meeting_table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 30px;
	font-size:90%;
}

#meeting_table th {
    /* 白文字なので lightseagreen (#20b2aa, コントラスト 2.62) では読みにくい */
    background: #0F6A6D;
    color: #FFF;
    border-left: 1px solid #fff;
    padding:0.5em;
}

#meeting_table td {
    padding: 3px 10px;
    border-bottom: 1px dotted #ccc;
    white-space: nowrap;
}

.align_center {
    text-align: center;
}

.align_right {
    text-align: right !important;
}

#meeting_table td.dates {
    width: 100px;
}

#meeting_table td.year {
    padding-right: 30px;
    text-align: right;
}


.table_sroller {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; /* スマホでスムーズなスクロール */
}

.table_sroller table {
  min-width: 600px; /* 必要に応じて */
  width: 100%;
  border-collapse: collapse;
}



.fullwidth {
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
     background: #f5f5f5;
    z-index: 1000;
}



/* EVENT TABLE */

.event_title {font-size:22px; font-weight: bold; margin:1em 0 0.5em;}
.event_theme {font-size:16px; font-weight: bold; margin:0.5em 0 1em;}


.event_date {float: right; font-weight: normal; font-size:14px; color:#6B6B6B;}

table.event_table {width: 100%;}
table.event_table td, table.event_table th {
    vertical-align: top;
    text-align: left;
    padding: 3px 5px;
/*    border:1px solid #ccc; */
}

table.event_table th {
    white-space: nowrap;
    background: #f3f3f3;
    text-align: center;
    font-size: 85%;
}



.winner_table {border-collapse: collapse; margin-bottom:50px;}
.winner_table th {text-align: center;}
.winner_table td, .winner_table th {border:1px solid #ccc; padding:5px;vertical-align: top;}
.winner_table .col1,
.winner_table .col2,
.winner_table .col3 {white-space: nowrap;}


/* ACF PAGES*/


.disease_pagetitle {text-align: center; background: #D7ECFF; padding:1.5em; border-radius: 10px; margin:2em 0;}


.symp_box {background: #f5f5f5; padding:20px 40px; border-radius: 20px; margin:2em 0 1em;}
.symp_box h4 {padding:1.5em 0 0.2em 0;}



.gen_count {font-weight: bold; font-size:120%; border:1px solid #ccc; background: #f5f5f5; border-radius: 8px;text-align: center; padding:15px;}
.gen_num {color:dodgerblue; font-size:140%;}





.dataTables_paginate.paging_simple {padding: 5px 15px;
    width: 100%;
    background:#d9edf7;
    text-align: center;
    border-radius: 4px;}

.dataTables_paginate .paginate_button {font-weight: bold; font-size:18px; margin:0 30px;color:#0062BC}


.dataTables_paginate .paginate_button:after, 
.dataTables_paginate .paginate_button:before {color:#BAB700; font-size:1em !important;}


.paginate_button.disabled {color:#B9B9B9 !important;}

    .win_name,
.win_at {display: inline-block;}
    .win_name {font-weight: bold;font-size:18px;}
    .win_at {font-size:90%;}
    .win_title {margin: 0 0 1em;}
    .win_title:before {content:"『"}
    .win_title:after {content:"』"}
 
/* QA */

.question {    font-weight: bold;
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    color: #000;
    background: #f5f5f5;
    padding: 5px 10px;
    border-radius: 3px;}
.question:before {content:"\f059"; display: flex; padding:0.5em; font-family: "Font Awesome 6 Pro"; font-size:180%; color:#0F6A6D;
}
.answer {
    margin: 1em 0 2em 30px;
    color: #555;
}

/* FOR PC Setting */
@media only screen and (min-width : 1025px) {


    .sp_only {display: none;}


/* NAVIGATION */

#menu-gnavi {font-weight: bold;
    /*
    background:#3DA18A;
    padding:5px 20px 0;
    border-radius: 20px 20px 0 0;
    */
    }

.jqueryslidemenu ul li a {height: 40px; line-height: 40px; min-width: 90px; text-align: center;}
#navigation {height:50px !important;text-align: right;font-family: 'Noto Sans JP', sans-serif;}

#navigation ul.sub-menu li a {text-align: left;}
#navigation ul.sub-menu {border-radius: 0 0  20px 20px;}
#navigation ul.sub-menu {padding-bottom: 0;} /* 最下段のhover背景の下に白い余白が出ないように */
#navigation ul.sub-menu > li:last-child > a {border-radius: 0 0 18px 18px;} /* 最下段のhover背景が角丸からはみ出さない */


/* #main {padding:0 80px;} */
.inner {width:1200px;}
.left_margin {margin-left:100px;}
.jqueryslidemenu ul li a {padding: 0 12px;}

.inner {width:1200px;}

/*
.right_sidebar #main,
.right_sidebar #main .content,
.left_sidebar #main,
.left_sidebar #main .content {width:800px; padding:0 20px 20px;}
*/

#main {width: 100%; ;}
.right_sidebar #main,
    .left_sidebar #main
    {width:830px;;}
    
.left_sidebar #sidebar,
.right_sidebar #sidebar {width:320px;}

.left_sidebar #sidebar_content,
.right_sidebar #sidebar_content {padding-left:19px !important;}




.flex {display: flex; width:100%; align-items: stretch;}

.flex .one_half,
.flex .one_third,
.flex .two_third,
.flex .one_fourth {flex:none;}

    .btn {color:#fff !important;}
    
.narrow {width:80%; margin: auto;}

.rm {margin-left:200px;}
ul.rm li {margin-left:1.5em !important;}
.center_message {margin: 0 50px; border:1px solid #ddd; padding:50px; border-radius: 8px; box-shadow: 2px 2px 2px #ccc;}


#main_titleset {width:70%; margin-bottom:50px !important;}

.main_inner img {width:100%;}


.pickup_box {margin: auto; border:1px solid #ccc; border-radius: 5px; padding:20px 0; margin-bottom:50px;}


.winner {margin-left:1em;}



}
/* ------------ END PC ONLY ----------------- */

/* TEXT */

.annotation {font-size:80%; color:#555; line-height: 1.3em;}

.small {font-size:90%; color:#999; font-weight: normal !important;}
.very_small {font-size:8px; display: block; line-height: 1em;}

.dis_notice {font-size:90%; color:#666; margin-top:8em;}

/* FOOTER */

#copyright {display: block; text-align: center; width:100%; }
#footer .inner {padding:20px !important;}

#footer .widget {margin-bottom:0;}


/* FOR Smartphone Setting ---------------------------*/

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

    
:target {
  scroll-margin-top: 42px;
}


    #main h2 {font-size:20px;}
    #main h3 {font-size:18px;}

   
    .home #feature h2 {font-size:28px; letter-spacing: normal; line-height: 1.6em; text-align: center;
    }
    .feature_logo {text-align: center;}
    .feature_logo img {height: 150px; width: auto;}
    
    #home_feature_text {line-height: 1.5em; letter-spacing: normal; font-size:14px;}
    
    .back2main {display: none;}

    ul {margin-left: 0;}
    
    
.pc_table th, .pc_table td {display: block; width:100%; text-align: left;}
.pc_table img {width:100%;}

#home_feature {font-size:16px;min-height: 200px; padding:20px 0;}
#home_photos {display: none;}
#top_lead {line-height: 2.0em; letter-spacing: 0.05em;}
.last_update_home {display: block; margin: 0.3em; font-size:14px;}

#page .inner {width:95%;}

.pc_only {display: none;}
.all_table_header {font-size:80%; padding:2px}
.pc {font-size:80% !important;}


.symp_box {padding:15px;}

.responsive #logo {width:300px;}

.icon_default.wprmenu_icon_par:before {content:"笆ｼ";}

    
    
ul.tabs li a {font-size:15px !important; padding:1em 0.4em !important; }

.tabs_container .panes > div ul {margin-left:0 !important;}

    
    
/* VIDEO */
    
    .video_title {font-size:16px; padding:0.5em;}
/* BOX */

.rbox_pink,
.rbox_yellow,
.rbox_green,
.rbox_blue {padding:30px 15px;margin-bottom:30px;}

    
    

    /* 狭い画面では1列にし、アイコンを左・文言を右に置いて縦を詰める */
    .concept_box {grid-template-columns: 1fr; gap:.7rem; margin:1.2em 0 1.5em;}
    .concept_box li {
      flex-direction: row;
      align-items: center;
      text-align: left;
      gap: 1rem;
      padding: 1rem 1.1rem;
      font-size: 95%;
    }
    .concept_box li i {width:2.6rem; height:2.6rem; font-size:1.15rem;}
    
    
#feature h1,
.post #main h1 {font-size:20px;}
.inner {width:100%;}

/* .home #feature {background-image: none !important;} */
.two_colmuns dt,
.two_colmuns dd {width:100%; float:none; padding:10px; border:none;}

.two_colmuns dt {border-top:1px solid #ddd;}
.two_colmuns dd {padding-left:2em; padding-top:0;}

/* .home #feature {height: 220px;} */
#home_title {font-size:20px !important; font-weight:500; margin-top:0em; margin-bottom:0em !important; text-align: center}
.home_subtitle {font-size:9px; font-weight: 200;}
.home_subcatch {font-family:"Noto Serif JP",sans; font-size:14px; text-align: center; margin:0em auto 0;}

.session dd {width: 100% !important;}

.tab_menu  {margin-left:0; border:none;}
.tab_menu li {display: block;width:100%;}
.tab_menu li a {border:none; background: none; padding:3px;}
.tab_menu li a:before {content: "\f0da";
    font-family: "Font Awesome 6 Pro";
    margin-right: 0.5em;
    color: #3cb371;}

    
    .flex_box {display: block;}
    .bottom {position: relative;}
.youtube {padding: 20px 5px;}

.widget.widget_media_image img.image {width:auto !important;}

#contact_form .one_third {text-align: left;}

#contact_form input,#contact_form textarea {max-width: 100%; width:100%;}
#contact_form input[type="submit"] {font-size:16px;}


.table_view {display: block;}
    .table_view dt, .table_view dd {width: 100%;}

    
.members_table th,
.members_table td  {display: block; padding:3px;}


.members_table td.col2,
.members_table td.col3 {margin-left:10px;} 
.members_table td.col3 {font-size:80%; border-bottom:1px solid #ddd;}

.answer {margin-left:0;}
    
    .rules_table {margin-left: 0;}
.rules_table th, .rules_table td {display: block;}
    
    
        /* TABS */
    ul.tabs li a {font-size:14px !important; padding:1em 1em;}
}
    
/* FOR Tablet Setting */
@media only screen and (max-width : 1024px) {


.session dt br {display: none;}

}

/* MARGIN ,  PADDING */

.mb-0 {margin-bottom: 0 !important;}
.mb-1 {margin-bottom:1em !important;}
.mb-2 {margin-bottom:2em !important;}
.mb-3 {margin-bottom:3em !important;}

.mt-0 {margin-top: 0 !important;}
.mt-1 {margin-top:1em !important;}
.mt-2 {margin-top:2em !important;}
.mt-3 {margin-top:3em !important;}

.ml-0 {margin-left: 0 !important;}
.ml-1 {margin-left:1em !important;}
.ml-2 {margin-left:2em !important;}
.ml-3 {margin-left:3em !important;}


.pb-0 {padding-bottom: 0 !important;}
.pb-1 {padding-bottom: 1em !important;}
.pb-3 {padding-bottom: 2em !important;}
.pb-3 {padding-bottom: 3em !important;}

.pt-0 {padding-top: 0 !important;}
.pt-1 {padding-top: 1em !important;}
.pt-3 {padding-top: 2em !important;}
.pt-3 {padding-top: 3em !important;}


.mt-0 {margin-top: 0 !important;}
.pt-0 {padding-top:0 !important;}

.li-mb-1 li {margin-bottom: 1em}


/* ===================================================================
   旧サイト (plaza.umin.ac.jp/p-genet) から移行した記事用のクラス
   2026-08-03 追加 — お知らせ24件の移行に伴うもの
   既存テーマとの衝突を避けるため #main 配下にスコープしている。
   既に子テーマにある .red / .bold / .mincho / .table_view は再定義しない。
   =================================================================== */

#main .alignCenter { text-align: center; }
#main .alignLeft   { text-align: left; }
#main .alignRight  { text-align: right; }

/* 人名・所属の字下げブロック */
#main .person {
  margin-left: 60px;
  margin-bottom: 30px;
}

/* 発表資料などの囲み */
#main .presen { border: 3px double #666; }

#main .border-box {
  border: 1px solid #999;
  padding: 10px;
}

/* 学術集会サイトへの誘導バナー */
#main .gakkai_banner {
  border: 1px solid #ccc;
  padding: 15px;
  border-radius: 5px;
  text-align: center;
  background: #f1f1f1;
  font-size: 20px;
  font-weight: bold;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, .08);
}
#main .gakkai_banner:hover { background: #f9f9f9; }
#main .gakkai_banner a { color: #a61c4b; box-shadow: none; }
#main .gakkai_banner:hover a { color: #862804; }

/* ボタンの文字は白で固定する。

   テーマは `.button span { color:#fff }` としか指定しておらず、
   <a> 自身の色は指定していない。そのため本文に直接書かれた
   <a class="button">（中に <span> が無い）は #page a の色を拾ってしまい、
   灰色の文字になっていた。ここで直接指定して切り離す。

   `:visited` も明示しているのは、skin.css の `#page a:visited` に
   訪問済みリンクだけ拾われるのを防ぐため。 */
#main .button,
#main .button:visited,
#main .button span,
#main .button i,
#main .jspg-cta,
#main .jspg-cta:visited,
#page .button,
#page .button:visited,
#page .button span,
#page .button i,
#page .jspg-cta,
#page .jspg-cta:visited { color: #ffffff; }

/* 本文に直接書かれた <a class="button">（旧サイト由来）。
   テーマのショートコードと違い中に <span> が無いため、
   テーマの `.button span` が持っている余白が効かない。
   背景色はテーマの配色設定が付けるので、余白と角丸だけをここで補い、
   ショートコードのボタンと同じ見た目にそろえる。 */
#main .entry-content a.button:not(.no_woo_button),
#main .entry a.button:not(.no_woo_button) {
  display: inline-block;
  text-align: center;
  padding: .6em 1.3em;
  border: none;
  font-weight: bold;
  font-size: 16px;
  margin: auto;
  border-radius: 5px;
}

/* ホバーはテーマ既定の #333333（灰色）に飛んでしまうので、
   ボタンの背景（テーマの配色設定 #4ca7a8）を少し暗くした色にそろえる。
   .jspg-cta のホバーと同じ値。 */
#main .button:hover,
#main .button.hover { background-color: #3f9192; }

/* -------------------------------------------------------------------
   dl のレイアウト修正 (テーマ既存ルールの不具合)
   style.css:286- の汎用ルールに2つの問題がある:
     1. dt が width:150px / float:left なのに dd は margin-left:125px
        -> 25px 重なる
     2. dt に clear が無い -> dd が dt より高いと次の dt が横に回り込み、
        行がずれていく
   dl.seminar / dl.agenda は独自幅を持ち、詳細度で上書きされるため影響しない。
   ------------------------------------------------------------------- */
dl { overflow: hidden; }
dl dt { clear: left; }
dl dd { margin-left: 150px; }

/* 「1)」「2)」形式の番号付きリスト */
#main ol.right_kakko { list-style-type: none; counter-reset: cnt; }
#main ol.right_kakko li { counter-increment: cnt; }
#main ol.right_kakko li::before {
  content: counter(cnt) ") ";
  margin-left: -1.5em;
}