
/**********************************************
 * 1) Reset / Base / Utility（共通・汎用）
 **********************************************/
@charset "UTF-8";

html { scroll-padding-top: 80px; }

*, *::before, *::after { box-sizing: border-box; }

body { margin: 20px; }

a { text-decoration: none; color: inherit; }

/* 汎用表示切替（sp1/sp2は既存維持） */
.sp1 { display: block; }              /* PC表示想定 */
.sp2 { display: block; }              /* タブレット以上 */
@media screen and (max-width:1104px) { .sp1 { display: none; } }
@media screen and (max-width: 767px) { .sp2 { display: none; } }

/* 見出しフォント */
.l-inner-main.main_font_adj { font-family: "Noto Sans Japanese" !important; }

/* 余白ユーティリティ */
#Link-list { margin-bottom: 30px; padding: 30px 0; }
.content_bottom { margin-bottom: 50px; }
.bottom_space { margin-bottom: 50px !important; }
.bot_m20 { margin-bottom: 20px; }
.bot_m60 { margin-bottom: 60px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }

/* テキスト汎用 */
.text_indent_1 { text-indent: -1em; padding-left: 1em; }
.text_display p { text-indent: -3em; padding-left: 3em; }
.font_size_18 { font-size: 18px !important; }
.font_b { font-weight: bold; }
.itl { font-style: italic !important; }
.header_color_adj { color: white !important; }
.word_break { word-break: break-all; }

/* 行高ユーティリティ（元CSS互換） */
.line_h_33 { line-height: 3.3rem; }

/**********************************************
 * 2) Header / Page Title（ヘッダー・タイトル）
 **********************************************/
.header_align { display: flex; align-items: center; }
.Page_title.bg-infection {
  background-image: url(../images/bg-title-picture.jpg);
  background-size: cover;
}
.infection_ttl { margin-top: 20px; margin-bottom: 0 !important; }

/**********************************************
 * 3) Global Layout（レイアウト基盤）
 **********************************************/
.l-main_contents.two-colum .l-inner-main .ttl_04 { margin-bottom: 0 !important; }

/* ヘッダー画像レスポンシブ（元CSS互換） */
@media only screen and (max-width: 1100px) {
  #low-visual.infection {
    background-image: none;
  }
}

/**********************************************
 * 4) Link List（トップのリンク／カード）
 **********************************************/
/* リンク hover & 「CLICK ON」テキスト */
#oncology-top.container_liquid #Link-list ul.oncology-contents_list li a.blank:hover {
  background-color: rgba(12, 72, 155, 0.6);
  color: rgba(12, 72, 155, 0.6);
  transition: none;
  text-decoration: none;
}
#oncology-top.container_liquid #Link-list ul.blank li a { position: relative; }
#oncology-top.container_liquid #Link-list ul.blank li .click-on-text {
  opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
}
#oncology-top.container_liquid #Link-list ul.oncology-contents_list li a.blank:hover .click-on-text { opacity: 1; }
#oncology-top.container_liquid #Link-list ul.oncology-contents_list li span.click-on-text {
  width: 85%; background: transparent; border: none; color: white;
}

/**********************************************
 * 5) Right Navigation（サイド追従ナビ）
 **********************************************/
#right-nav dl dd { border-bottom: 1px solid #e8e8ea; }
#right-nav dl dd h1 { font-size: 1.5rem; font-weight: bold; }
.l-main_contents.two-colum .l-inner-main #right-nav .nav dl dd { padding: 6px 6px; }
#right-nav dl dd ul li { border: none; padding: 0 12px; }
.l-main_contents.two-colum .l-inner-main #right-nav .nav dl dd ul li:not(:last-child) { padding-bottom: 5px; }
.l-main_contents.two-colum .l-inner-main #right-nav .nav dl { border: none; }

/* ページアクティブ色 */
#frontline #right-nav dl.page-frontline dt a { background-color: #0c499c; color: #fff; }
#right-nav dl.page-infection dt a { background-color: #ED7D31; color: #fff; pointer-events: none; }

/* ぶら下がりインデント（3〜10番目） */
#right-nav dl dd .hanging li:nth-child(n+3):nth-child(-n+10) { margin-left: 3em; text-indent: -3em; }

/* coming soon配置（サイドナビ内） */
.hanging.infection li { position: relative; }
.hanging.infection li p {
  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
}

/**********************************************
 * 6) Infection Top（カード・バナー）
 **********************************************/
.infection_banner_display { display: flex; flex-wrap: wrap; }

/* 2列・3列ブロック */
.wrap_display_two, .wrap_display_three { display: flex; position: relative; }
.wrap_display_two { width: 49%; }
.two_col_mar { margin-right: 2%; }
.infection_banner_display .wrap_display_two:nth-child(-n+2) { margin-bottom: 20px; }

.wrap_display_three { width: 33%; }
/* 3列の左右間隔 */
.infection_banner_display.three div:nth-of-type(3n-1) { margin: 0 0.5%; }
.infection_banner_display.three > div:nth-of-type(-n+15) { margin-bottom: 5px; }

/* マルチデバイス（SP時は縦積み） */
@media screen and (max-width: 768px) {
  .infection_banner_display { display: block; }
  .wrap_display_two, .wrap_display_three { width: 100%; margin: 5px 0 !important; }
}

/* クリック領域 */
.wrap_display_two a, .wrap_display_three a {
  position: absolute; top: 0; left: 0; height: 100%; width: 100%;
}

/**********************************************
 * 7) Shapes（円・四角・ボーダー・カラーバリエーション）
 **********************************************/
/* 四角見出し */
.circle_area, .square_area, .square_display, .square { display: flex; }
.square_display, .square { width: 150px; }
.square {
  text-align: center; justify-content: center; align-items: center;
  background-color: #ED7D31; border-right: 5px solid #ED7D31; border-bottom: 5px solid #ED7D31;
}

/* 丸見出し */
.circle_display { display: flex; width: 100px; justify-content: center; align-items: center; }
.circle {
  width: 50px; height: 50px; border-radius: 50%; margin: 0 auto; text-align: center; line-height: 50px;
  filter: drop-shadow(5px 5px 5px #4e4e4e);
}

/* 色バリエーション（円） */
.circle_color_green  { background-color: #169C38; }
.circle_color_purple { background-color: #BA208E; }
.circle_color_blue   { background-color: #2c2a7c; }
.circle_color_orange { background-color: #ED7D31; }
.circle_color_pink   { background-color: #f070aa; }
.circle_color_purple2{ background-color: #9933FF; }

/* テキスト色 */
.shapes_text_color { color: white; font-weight: bold; }

/* 枠＆背景 */
.border_orange { background-color: #fff; border: 5px solid #ED7D31; }
.border_blue   { background-color: #fff; border: 5px solid #0c489b; }
.min_height    { min-height: 115px; }

/* hover（オレンジ系） */
.border_orange:hover { background-color: #ED7D31; }
.border_orange:hover .text_area { color: white; }

/* hover（ブルー基調／アクティブ） */
.special.border_blue:hover { background-color: #0c489b; }
.special.border_blue:hover h5, .special.border_blue:hover p { color: white; }

/* クリックオン：色差し替え */
.border_blue.active:hover { background-color: #169C38; }
.border_blue.active:hover .text_area { color: white; }
.border_blue.active.bg_purple:hover  { background-color: #BA208E; }
.border_blue.active.bg_orange:hover  { background-color: #ED7D31; }
.border_blue.active.bg_pink:hover    { background-color: #f070aa; }
.border_blue.active.bg_purple2:hover { background-color: #9933FF; }
.border_blue.active.bg_light_green:hover { background-color: #00CC00; }
.border_blue.active.bg_orange_gold:hover { background-color: #F6B80D; }
.border_blue.active.bg_:hover { background-color: #6ec6ce; }

/**********************************************
 * 8) Typography（サイズ・太字・見出しなど）
 **********************************************/
/* 18/19/20pxと見出し */
.special h5 { font-size: 19px; font-weight: bold; }
.ict div, .ict h5, .infec_cont h5 { font-size: 20px; font-weight: bold; }
.infec_cont div { font-size: 16px; font-weight: bold; }
.infec_cont div p, .special div p { font-size: 16px; font-weight: normal; }

/* テキストブロック余白 */
.text_area { padding: 0 10px 0 0; display: flex; align-items: center; }
.text_area_left_m { margin-left: 10px; }

/**********************************************
 * 9) News / Lists（お知らせ＆リスト）
 **********************************************/
.news-list { list-style: none; margin: 0; padding: 0; }
.news-list .item a {
  display: flex; flex-wrap: nowrap;
  text-decoration: none; color: #333;
  border-bottom: 1px solid #CCC; padding: 20px;
}
.news-list .item:first-child a { border-top: 1px solid #CCC; }
.news-list .item .date { margin: 0; min-width: 140px; font-size: 16px; color: #999; padding: 0 20px 0 0; }
.news-list .item .category { margin: 0; min-width: 140px; padding: 0 20px 0 0; }
.news-list .item .category span {
  background: #999; color: #FFF; text-align: center; display: inline-block; padding: 5px 20px;
  font-size: 12px; line-height: 1;
}
.news-list .item .title { margin: 0; width: 100%; }
.news-list .item a:hover .title { color: #00F; }
@media screen and (max-width: 767px){
  .news-list .item a { flex-wrap: wrap; }
  .news-list .item .date { min-width: 100px; }
  .news-list .item .title { margin-top: 10px; }
}

/* 番号付きの小さめリスト（元CSS互換） */
.list_n li {
  list-style-type: decimal;
  list-style-position: inside;
  font-size: 0.8em;
}

/**********************************************
 * 10) Overlay / Coming Soon（未公開の表示）
 **********************************************/
/* overlayテキスト */
.coming {
  display: none; z-index: 200; position: absolute;
  top: 50%; left: 50%; transform: translate(-50%, -50%);
  font-size: 50px !important; color: white; font-weight: bold !important; line-height: 1; text-align: center;
}
.border_blue:hover .coming { display: block; }

/* 背景ディム（リンク外部） */
.infec_cont .link_out::before {
  z-index: 100; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0;
  background-color: rgba(0,0,0,0.5);
}

/**********************************************
 * 11) ICT・AST 紹介（スタッフ一覧など）
 **********************************************/
.staff_list_flex { display: flex; }
@media screen and (max-width:767px){ .staff_list_flex { display: block; } }

.staff_list_block { display: block; }
.staff_list_border { border: 5px solid #ED7D31; }
.staff_list_padding { padding: 10px; }
.staff_list .staff_list_center { text-align: center; }

.half_size { margin: 0 25%; }
.one_size  { margin: 0 37.5%; }
@media screen and (max-width:767px){ .half_size, .one_size { margin: 0; } }

.staff_name_left { display: inline-block; text-align: left; text-indent: 0 !important; }
.text_centering { text-align: center; }
.staff_list div { margin: 10px; }

.font_adj {
  font-family: メイリオ, Meiryo, 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro",
               "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

/**********************************************
 * 12) Low Visual（メインビジュアル各色／レイアウト）
 **********************************************/
.original_wrapping          { background-color: #ED7D31; }
.original_wrapping_green    { background-color: #169c38; }
.original_wrapping_purple   { background-color: #BA208E; }
.original_wrapping_orange   { background-color: #ED7D31; }
.original_wrapping_pink     { background-color: #f070aa; }
.original_wrapping_purple2  { background-color: #9933FF; }
.original_wrapping_blue     { background-color: #2c2a7c; }
.original_wrapping_sp_green { background-color: #035E35; }
.original_wrapping_light_green   { background-color: #00CC00; }
.original_wrapping_gold   { background-color:#F6B80D ; }

#low-visual.container_liquid.original {
  display: flex; background-color: #ED7D31; max-width: 1200px; margin: 0 auto; padding: 15px 10px;
}
#low-visual.container_liquid.original .Page_title-inner.text_area { width: 50%; }
#low-visual.container_liquid.original .image_area {
  width: 50%; display: flex; justify-content: center; align-items: center;
}
#low-visual.container_liquid.original .image_area img { width: 100%; }

.ttl_022 { font-size: 2.2rem; }
.ttl_027 { font-size: 2.7rem; }
.txt_ind { text-indent: 1em; }

@media only screen and (max-width: 767px) {
  #low-visual.container_liquid.original .Page_title-inner.text_area { width: 100%; }
  #low-visual.container_liquid.original .image_area { display: none; }
  #low-visual .Page_title-header { padding: 10px; }
}

/* 色別ヘッダーバリエーション */
#low-visual.container_liquid.original.green    { background-color: #169c38; }
#low-visual.container_liquid.original.purple   { background-color: #BA208E; }
#low-visual.container_liquid.original.pink     { background-color: #f070aa; }
#low-visual.container_liquid.original.purple2  { background-color: #9933FF; }
#low-visual.container_liquid.original.blue     { background-color: #2c2a7c; }
#low-visual.container_liquid.original.sp_green { background-color: #035E35; }
#low-visual.container_liquid.original.light_green { background-color: #00CC00; }
#low-visual.container_liquid.original.gold { background-color:#F6B80D ; }

/**********************************************
 * 13) Float Images（画像回り込み）
 **********************************************/
.image_float_right { float: right; }
.image_float_left  { float: left; }
.clear { clear: both; }
.left_m20 { margin-left: 20px; }
.right_m20 { margin-right: 20px; }
.w400p { width: 400px; }
.w600p { width: 600px; }
.w100per { width: 100%; }
.w65per { width: 65%; }

@media only screen and (max-width: 767px) {
  .left_m20 { margin-left: 0; }
  .right_m20 { margin-right: 0; }
  .w400p, .w600p { width: 100%; }
}

/* 反転配置用（flex順序調整） */
.flex_rever { flex-flow: row !important; }
.text_margin_left { margin-left: 20px; }
@media only screen and (max-width: 767px) { .text_margin_left { margin-left: 0; } }

/**********************************************
 * 14) Column Block（コラム）
 **********************************************/
.section_wrapping { margin-bottom: 60px; }

.section_column { display: flex; background-color: #d3edfb; padding: 20px; }
.section_column.one { display: block; }
.section_column .left { width: 30%; display: flex; align-items: center; }
.section_column .right { width: 70%; margin-left: 10px; }
.section_column .left .img { text-indent: 0 !important; }

/* セクション個別の特殊ケース（元CSS互換） */
#infection_control_01 .left-contents .section_column.one .img { text-indent: 0 !important; }

.flex_title {
  display: flex; font-family: "Noto Sans Japanese"; font-size: 1.3em; margin-bottom: 10px; font-weight: bold;
}
.flex_title span {
  display: block; color: #fff; width: 100px; background-color: #0053a6; height: 50px; line-height: 50px;
  text-align: center; border-radius: 10px; margin-right: 10px;
}
.flex_title h4 { height: 50px; line-height: 50px; color: #0053a6; font-weight: bold; }

.flex_col { flex-direction: column; }

@media only screen and (max-width: 767px) {
  .section_column .flex_title { display: block; }
  .section_column .left { display: none; }
  .section_column .right { width: 100%; }
  .section_column .flex_title h4 { height: auto; line-height: normal; }
}

/**********************************************
 * 15) Special Issues（特別号：色・装飾・Vol.8/9/10 など）
 **********************************************/
/* タイトルや肩書 */
.Page_title-text.dr-title { margin: 0; text-indent: -3em; padding-left: 3em; }
.dr-name { padding-left: 3em; }
.title_ind { margin-left: 3em; text-indent: -3em; }
.center_alg { display: block; text-align: center; }
.d_b { font-weight: bold; color: #112885; }
.b_orange { font-weight: bold; color: #e8a000; }
.t_r { text-align: right; }
.image_float_special { display: none; }

/* SPでの画像入替 */
@media only screen and (max-width: 767px) {
  .image_float_right.special { display: none; }
  .image_float_special { display: block; }
}

/* 500幅画像 */
.img_w500 { width: 500px; }

/* 強調色 */
.b_t { color: #38b5ee; font-weight: bold; }

/* インデント調整（特定セクション） */
#infection_control_01 .left-contents .display_flex_jcsb_rv.mbType02 div p,
#infection_control_01 .left-contents p,
#anti_st .left-contents p {
  text-indent: 1em; margin-bottom: 0 !important;
}
#infection_control_01 .left-contents p.img,
#infection_control_01 .left-contents p.ind_0,
#anti_st .left-contents p.img { text-indent: 0; }

/* 引用のぶら下がり */
#infection_control_01 .left-contents .reference p { text-indent: -1.5em; padding-left: 1.5em; }
#infection_control_01 .left-contents .reference p.two_digits { text-indent: -2em; padding-left: 2em; }

/* --- Infection Control Vol.8：症例紹介ブロック --- */
.case_report_border {
  border: 2px solid #00a0d3;
  background-color: #fffde6;
  border-radius: 10px;
  padding: 0 20px 5px;
}
.case_report_title {
  background-color: #00a0e9;
  width: 150px;
  text-align: center;
  font-weight: bold;
  font-size: large;
  color: white;
  padding: 3px;
  border-radius: 0 0 10px 10px;
  margin-bottom: 10px;
}
.case_report_name { font-size: large; font-weight: bold; margin-bottom: 10px; }
.case_report_opi  { font-weight: bold; color: #ea6598; font-size: large; }
.hr1 { visibility: visible; border-top: 3px solid #ea6598; width: 100%; }
.case_report_detail { margin: 10px 0; }

/* 先頭行インデント打消し（元CSS互換） */
.first_line { text-indent: 0 !important; }

.text_color_blue { color: #0053a6; font-weight: bold; }
.case_report_discussion { margin: 30px 0; }

/* 添付・注記・その他 */
.attach { border: 2px solid black; padding: 15px; margin-bottom: 30px; }
.attach p, .other p { text-indent: 0 !important; }
.bold_large { font-weight: bold; font-size: 12px; }
.attach_text { font-size: 10px; }
.other { margin-bottom: 5px; }

/* Vol.8 関連：左寄せ小画像（元CSS互換） */
.column_img {
  width: 250px;
  float: left;
  margin-right: 20px;
}

/* --- Special Issue Icons（特別号アイコン） --- */
.icon_wrapping { width: 100px; }
/* 正方形背景アイコン */
.icon_area {
  background-image: url(../images/icon_special_blue_back.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  height: 0;
  padding-top: 100%; /* 1:1 正方形比率 */
}
.sp_display { display: flex; }
.special_text_area { display: flex; align-items: center; }

@media screen and (max-width: 767px) {
  .sp_display{display:block;} 
  .icon_wrapping { display: none; }
}

/* --- Vol.9 / Vol.10：監修カード（3枚並び） --- */
.postcard-list {
  display: flex; gap: 10px; justify-content: center; align-items: stretch; flex-wrap: wrap;
  margin: 20px auto; max-width: 1200px;
}
.postcard {
  display: flex; flex-direction: column;
  width: calc((100% - 20px) / 3); min-width: 260px;
  background: #fff; border: 1px solid #e5e7eb; border-radius: 12px; overflow: hidden;
  box-shadow: 0 6px 16px rgba(0,0,0,0.08);
}
.postcard > img { width: 100%; height: 220px; object-fit: cover; display: block; }
.postcard-text {
  padding: 8px 7px; text-align: center; line-height: 1.6; color: #111827;
  margin-top: auto; display: flex; flex-direction: column; justify-content: flex-end;
}
.postcard-text p:first-child { font-size: 0.95rem; margin: 0 0 8px; }
.postcard-text p:last-child  { font-size: 1.05rem; margin: 0; }
/* 初期の定義（後段で上書きあり） */
.bold_big_name { font-weight: 700; font-size: 1.25rem; }

@media (max-width: 992px) {
  .postcard { width: calc((100% - 10px) / 2); }
  .postcard > img { height: 200px; }
}
@media (max-width: 600px) {
  .postcard { width: 100%; }
  .postcard > img { height: 180px; }
}

/* Vol.9：タイトル装飾等 */
#sec1 .centered-text { text-align: center; }
#sec1 .rounded-underline {
  position: relative; display: inline-block; font-size: 32px; font-weight: bold; color: #69318f; margin-bottom: 1em;
}
#sec1 .rounded-underline::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: -0.15em; height: 6px;
  background: #69318f; border-radius: 999px;
}
.title-bottom-vol9 { margin-bottom: 5px; }
.Page_title-text.dr-name-vol9 { margin: 0; font-size: 12px; }

.t-ind-adj-0 { text-indent: 0 !important; }
ul.marker-blue { padding-left: 1.4em; }
ul.marker-blue li { list-style: disc; }
ul.marker-blue li::marker { color: #00a0e9; font-size: 1.4em; }

h1.ttl_v9 { border-left: 10px solid #38b5ee; color: #69318f; }

/* プロフィール内の回り込み画像 */
.profile-float .float-photo { float: left; width: 250px; height: auto; margin-right: 16px; }
.profile-float .float-text { margin: 0; line-height: 1.7; text-indent: 0 !important; }
.clearfix { clear: both; }

@media (max-width: 420px) { .profile-float .float-photo { width: 100%; } }

.profile-float img.float-photo.fl-r {
  float: right; width: 300px; height: auto; margin-left: 16px; margin-right: 0; display: block;
}
/* 右浮動を縦積み */
.profile-float img.float-photo.fl-r + img.float-photo.fl-r { clear: right; }
.fl-b5 { margin-bottom: 5px; }

/* 後段の上書き（元CSS互換の最終値） */
.bold_big_name { font-size: 25px; font-weight: bold; }
.v10-mar { margin: 20px auto; }
.color_b { font-weight: bold; color: #0053a6; }

@media screen and (max-width: 1024px) {
  .w350 { width: 100% !important; }
}

/* --- 画像サイズ・並び（sp02） --- */
.l-main_contents.two-colum .l-inner-main .left-contents img.column_img_sp02 {
  max-width: 300px;
  width: auto;
  height: auto;
  display: block;
}

/* 右寄せ＋余白（元CSS互換：クラスの組み合わせ） */
.l-main_contents.two-colum .l-inner-main .left-contents img.column_img_sp02.right_m20_sp02 {
  float: right;
  margin: 0 0 20px 20px; /* 右寄せなので左20px・下20pxの余白 */
}

/* 単独ユーティリティ（他要素にも再利用可） */
.right_m20_sp02 {
  float: right;
  margin: 0 0 20px 20px;
}

/* SP時は縦積みにして余白リセット */
@media (max-width: 767px) {
  .l-main_contents.two-colum .l-inner-main .left-contents img.column_img_sp02 {
    width: 100%;
    max-width: none;
  }
  .l-main_contents.two-colum .l-inner-main .left-contents img.column_img_sp02.right_m20_sp02,
  .right_m20_sp02 {
    float: none;
    margin: 10px 0;
  }
}

/**********************************************
 * 16) Anti-ST3（画像リスト）
 **********************************************/
#anti_st3 .staff_list_flex { margin: 10px; }
#anti_st3 .staff_list_flex img {
  text-align: center; width: 200px; max-width: none; height: auto;
}
@media screen and (max-width:767px){
  .staff_list_flex .right, .staff_list_flex .left { margin: 0 !important; }
  #anti_st3 .staff_list_flex img { max-width: 100%; }
}
.staff_list_border {display: block;  width: max-content; margin: 0 auto;}
.staff_list_border img {display: block;  height: auto;}
.staff_list_border figcaption {width: 100%; box-sizing: border-box; margin: 0.5rem 0 0; line-height: 1.5;
}
.staff_list_border .cap_top {text-align: center;}
.staff_list_border .cap_bottom {text-align: left;}
.staff_list_flex .right { margin: 20px 0 0 20px; }
.staff_list_flex .left  { margin: 20px 20px 0 0; }
figure.staff_list_border { padding: 20px; }

/**********************************************
 * 17) 丸文字リストと字下げ（vol12）
 **********************************************/
.list_bold ol li{font-weight: bold;}
.maru-number {list-style: none;   counter-reset: maru; padding-left: 0;}

@counter-style maru-decimal {system: fixed; symbols: ① ② ③ ④ ⑤ ⑥ ⑦ ⑧ ⑨ ⑩; suffix: " ";}
.maru-number li {counter-increment: maru;  padding-left: 2em; line-height: 1.6; position: relative; font-weight: bold;}
.maru-number li::before {content: counter(maru, maru-decimal); position: absolute; left: 0; top: 0; font-weight: bold;}

/**********************************************
 * 非表示
 **********************************************/
.hidden{display:none;}

