@charset "utf-8";

/* :::肺癌診療ガイドライン css【更新履歴】:::::

  【2024.10.08】　2024年版
  2023.11.30　2023年版
  2020.10.05　2020年版

:::::::::::::::::::::::::::::::::::::::::::::  */

/* -------------------------------------

        * 基本設定

------------------------------------- */

/*------ 文字 ------
  基本fontサイズは『1em（16px）』
  「style.css」より「body#TOP」部分は
  『1em（16px）→ 0.9em（14.4px）』に　 */


.bold{font-weight: bold;}
.normal{font-weight: normal;}
.italic,em{font-style: italic;}
.sup{font-size: 75.5%;vertical-align: top;position: relative;top: -0.1em;}
.sub{font-size: 75.5%;vertical-align: bottom;position: relative;top: 0.1em;}

.vertical{-ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;}

.font-80{font-size: 80%;}
.font-85{font-size: 85%;}
.font-90{font-size: 90%;}
.font-95{font-size: 95%;}
.font-110{font-size: 110%;}
.font-up{ font-size: 18px;}

.red{color: #ff0000;}
.black{color: #000;}

/*--- 年別_カラー（表番号などに使用）---
　『Year Edition_Color』の略　 */

.YEd_color{
  color: #009FE6;
}

/*　今までの『年別_カラー』
【2024～25】　
【2022～23】　.blue2022{ color: #5d5cd8; }
【2020～21】　.green{ color: #00A794; }
【2018～19】　.blue{ color: #00a3c7; }
*/


/*------ 左寄せ・右寄せ ------*/

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

.f_left{float: left;}
.f_right{float: right;}

.clearfix:after {
  display: block;
  content: " ";
  clear: both;
}

.block{
  display: block;
}

/*--- 上揃え ---*/
td.top{
  vertical-align: top;
}


/*------ ポジション ------*/

.position_b{vertical-align: bottom;}
.position_t{vertical-align: top;}

/*------ border -------*/

.underline{  text-decoration: underline;}
.underline_2{
  display: inline;
  text-decoration: underline;
}

.border-none{  border-style: none}
.border-bk-b_2px{  border-bottom: 2px solid #000;}
.border-left{  border-left: 1px solid #009FE6;}
.border-bottom{  border-bottom: 1px solid #009FE6;}

.text-box{
  border: 1px solid #000;
  padding:0 2px;
  margin: 0 2px;
  display: inline;
}

/*------ margin ------*/

.m-1em{margin: 1em;}
.m-2em{margin: 2em;}

.m-R-1em{margin-right: 1em;}
.m-R-2em{margin-right: 2em;}

.m-L-0_5em{margin-left: 0.5em;}
.m-L-1em{margin-left: 1em;}
.m-L-2em{margin-left: 2em;}
.m-L-3em{margin-left: 3em;}
.m-L-4em{margin-left: 4em;}
.m-L-6em{margin-left: 6em;}

.m-B-1em{margin-bottom: 1em;}
.m-B-2em{margin-bottom: 2em;}
.m-B-3em{margin-bottom: 3em;}
.m-B-15em{margin-bottom: 15em;}

.m-T-0em{margin-top: 0em;}
.m-T-0_5em{margin-top: 0.5em;}
.m-T-1em{margin-top: 1em;}
.m-T-2em{margin-top: 2em;}
.m-T-3em{margin-top: 3em;}
.m-T-5em{margin-top: 5em;}

.m-TB-1em{margin: 1em 0;}
.m-RL-1em{margin: 0 1em;}

.T-2em{margin-top: -2em;}

/*------ padding ------*/

.p-0.5em{padding: .5em;}
.p-1em{padding: 1em;}
.p-2em{padding: 2em;}

.p-R-1em{padding-right: 1em;}
.p-R-2em{padding-right: 2em;}

.p-L-1em{padding-left: 1em;}
.p-L-1_5em{padding-left: 1.5em;}
.p-L-1_8em{padding-left: 1.8em;}
.p-L-2em{padding-left: 2em;}

.p-B-1em{padding-bottom: 1em;}
.p-B-2em{padding-bottom: 2em;}

.p-T-1em{padding-top: 1em;}
.p-T-2em{padding-top: 2em;}

.p-TB-1em{padding: 1em 0;}
.p-RL-1em{padding: 0 1em;}


/*------ width ------*/

.w-1em{  width: 1em;}
.w-3em{  width: 3em;}
.w-5em{  width: 5em;}
.w-5_5em{  width: 5.5em;}
.w-6em{  width: 6em;}
.w-6_5em{  width: 6.5em;}
.w-7em{  width: 7em;}
.w-8em{  width: 8em;}
.w-11em{  width: 11em;}
.w-13em{  width: 13em;}
.w-15em{  width: 15em;}

/*------ インデント（indent） ------*/
/* 「indent-1em」は、『1字 ぶら下げインデント』
  ※印の後ろで折り返し文章などが揃う形 */

.indent-1em{
  text-indent: -1em;
  margin-left: 1em;
}

.indent-2em{
  text-indent: -2em;
  margin-left: 2em;
}

.indent-3em{
  text-indent: -3em;
  margin-left: 3em;
}

.indent-4em{
  text-indent: -4.2em;
  margin-left: 4.2em;
}

.indent-2.5em{
  text-indent: -2.5em;
  margin-left: 2.5em;
}

.ind_-1em{
  text-indent: -1em;
}

.ind_7em{
  text-indent: -7em;
  margin-left: 7em;
}

/*------ dl ------*/

dl.style_1{
  margin: .5em 0;
}

dl.style_1 dt{
  width: 3em;
  float: left;
}

dl.style_1 dd{
  margin-left: 3em;
}

dl.style_1 dd:after{
  display: block;
  content: "";
  clear: both;
}

/*------ ul ol ------*/

#contents ul,
ul.GL-contents,
ul.GL-contents ul{
  list-style: none !important;
  padding: 0 !important;
  margin: 0 auto !important;
}

#contents ol,
ul.GL-contents ol{
  list-style: none !important;
}

ul.disc li{
  list-style-type: disc;
  margin-left: 2em;
}

ul.circle li{
  list-style-type: circle;
  margin-left: 2em;
}

ul.decimal li,
ol.decimal li{
  list-style-type: decimal;
  margin-left: 2em;
}

ol.lower-alpha li{
  list-style-type: lower-alpha;
  margin-left: 1em;
}

ul.none li{
  list-style-type: none;
  margin-left: 1em;
}

ul.disc li a{
  display: inline-block;
}

ul.disc li{
  list-style-type: disc;
  margin-left: 2em;
}

ul.m-L-4em li{
  margin-left: 4em;
}

ul.m-L-1em li{
  margin-left: 1em;
}


/*------ table ------*/
table{
  border-collapse:collapse;
  width: 100%;
}

table + table{  margin-top: 1em;}
table.vote + table.vote{  margin-top: 0;}

table.fixed{
  table-layout: fixed;
  width: 100%;
}

table .nowrap{  white-space: nowrap;}
table .va-top{  vertical-align:top;}
table .va-bottom{  vertical-align:bottom;}

/*------ img ------*/

.title_1 + .img{
  margin-top: 1em;
}

.img{
  display: block;
  text-align: center;
  margin: 0 0 2em;
}

/*------ トップに戻る ------*/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}

#page-top a {
    background: #000;
    text-decoration: none;
    color: #fff;
    width: 70px;
    padding: 25px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}
/*
#page-top a:hover {
    text-decoration: none;
    background: #00087a;
}
*/

/* -------------------------------------

        * もくじ（TOPページ）

------------------------------------- */

.GL-header__title{
  width: 90%;
  margin: 0 auto;
  padding: 30px 0;
  background: #fff;
  -webkit-box-shadow:0 1px 4px rgba(0, 159, 230, 0.6), 0 0 40px rgba(0, 159, 230, 0.4) inset;
  -moz-box-shadow:0 1px 4px rgba(0, 159, 230, 0.6), 0 0 40px rgba(0, 159, 230, 0.4) inset;
  box-shadow:0 1px 4px rgba(0, 159, 230, 0.6), 0 0 40px rgba(0, 159, 230, 0.4) inset;
  text-align: center;
  font-size: 120%;
  font-weight: bold;
}

.GL-header__title p{
  font-size: 130%;
  font-weight: normal;
}

.GL-header__title span{
  display: block;
  font-size: 160% !important;
  line-height: 1.5  !important;
}

/*--- お知らせ ---*/

.GL-message{
  width: 85%;
  margin: 20px auto;
}

.GL-message__title{
  padding: 5px 0;
  border-left: 5px solid #AD148E;
  background: #f9f9f9;
  font-size: 110%;
  font-weight: bold;
  text-indent: 1em;
}

.GL-message__contents{
  width:95%;
  margin: 0 auto;
}

.GL-message__contents dt{
  padding: 5px 0 0;
  width: 8em;
  float: left;
  clear: both;
}

.GL-message__contents dt:before{
  content: '▶ ';
}

.GL-message__contents dd{
  padding: 5px 0 0;
  margin-left: 8em;
}

.GL-message__contents__new{
  display: inline-block;
  width: 40px;
  height: 22px;
  background: #ff0000;
  transform: skewX(-20deg);
  margin-left: 5px;
}

.GL-message__contents__new span{
  display: inline-block;
  padding-left: 5px;
  color: #fff;
}

/*--- 新しい詳細 ---*/
.new-detail{
  margin: 10px 0;
  padding: 5px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  background: #fff0f5;
}

.new-detail_noborder{
  margin: 10px 0;
  padding: 5px;
  background: #fff0f5;
}

.new-detail_noborder_2{
  padding: 5px;
}

.new-detail__title{
  font-weight: bold;
  margin-bottom: 5px;
  color: #ff0000;
}

/*--- お知らせ_Linkエリア ---*/
.GL-message__area{
  display: -webkit-flex;
  display: flex;
}

.GL-message__toplink{
  margin: 20px 0;

/* 20XX版_冊子購入ページのボタンに「トル指示」があった場合、
  以下のコメントアウトを解除　 
  width: 350px;*/
}

.GL-message__toplink ul{
  float: right;
  clear: both;
}

.GL-message__toplink li.button_1,
.GL-message__toplink li.button_2{
  text-align: center;
  margin: 0 0 5px;
}

.GL-message__toplink li.button_1 a{
  display: block;
  color: #fff;
  width: 350px;
  height: 40px;
  line-height: 40px;
  background: #009FE6;
  text-decoration: none;
  position: relative;
}

.GL-message__toplink li.button_1 a:hover{
  background: #5d86d9;
}

.GL-message__toplink li.button_2 a{
  display: block;
  box-sizing: border-box;
  color: #009FE6;
  width: 350px;
  height: 75px;
  border: 1px solid #009FE6;

  /*　Cカラー_2024（カラー/下線）
  background: #009FE6;
*/

  text-decoration: none;
  position: relative;
}
.GL-message__toplink li.button_2 a p{
  font-size: 1.1em;
  font-weight: bold;
  padding-top: 15px;
}

.GL-message__toplink li.button_2 a:hover{
  border: 1px solid #5d86d9;
  color: #5d86d9;
}

.GL-message__toplink li.button_1 a:hover:after{
  position: absolute;
  right: 10px;
  content: '▶ ';
}

.GL-message__toplink li.button_2 a:hover:after{
  position: absolute;
  right: 10px;
  top: 25px;
  content: '▶ ';
}

.GL-message__toplink li.button_2 a span{
  font-size: 0.8em;
  font-weight: normal;
  display: inline-block;
}

/*  目次（TOPページ）  */

.GL-contents{
  width: 98%;
}

.GL-contents a{
  text-decoration: none;
  color: #000;
  display: block;
}

.GL-contents__midashi a{color: #009FE6;}

.GL-contents p:hover,
.GL-contents p a:hover{
  color: #5d86d9;
}

.GL-contents p.GL-contents__chapter{
  background: #d3edfb;
  font-weight: bold;

/* 紫（23版色）なら、以下の色に
    background: #E0DDF6;　 */
}

.GL-contents p{
  background: #ffffff;
  border-bottom: solid 1px #aaa;
  padding: 10px;
  color: #000;
  cursor: pointer;
  position: relative;
}

.GL-contents p:hover:before{
  background: #6778cf;
}

.GL-contents p:before{
  display: block;
  content: "";
  position: absolute;
  transform: translateY(-50%) rotate(45deg);
    -webkit-transform: translateY(-50%) rotate(45deg);
  top: 50%;
  right: 15px;
  width: 10px;
  height: 10px;
  margin-top: 0;
  background: #000;
}

.GL-contents p:after{
  display: block;
  content: "";
  position: absolute;
  transform: translateY(-50%) rotate(45deg);
    -webkit-transform: translateY(-50%) rotate(45deg);
  top: 50%;
  right: 15px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background: #d3edfb;

/*　元の色　  background: #fff;
  　紫（23版色）なら、以下の色に
  background: #E0DDF6;　*/
}

.GL-contents p.no-aco:after{
  display: block;
  content: "";
  position: absolute;
  transform: translateY(-50%) rotate(45deg);
  -webkit-transform: translateY(-50%) rotate(45deg);
  top: 62%;
  right: 20px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background: #fff;
}

.GL-contents p.active:before{  margin-top: 3px;}
.GL-contents p.active:after{  margin-top: 8px;}

.GL-contents .no-indention:hover{
  color: #000;
}

.GL-contents .no-indention a{
  display: inline;
}

.GL-contents__part{
  margin: 0 auto;
  width: 98%;
  background: #6DC8F0;
  border-bottom: 1px solid #aaa;

  /* 紫（23版色）なら、以下の色に
    background: #9A8DF6;　 */
}

.GL-contents__part p{
  padding: 10px;
  font-weight: bold;

    /* 基本fontサイズ『0.9em（14.4px）』 */
  font-size: 1.181em;
}

/* チャプターなし_樹形図リスト */
.GL-contents__index ul li.none_chapter-j{
  background: #f9f9f9;
  padding: 5px 10px;
}

.GL-contents__index ul li{
  background: #f9f9f9;
  padding: 10px;
}

.GL-contents__section-title{
  background: #fff;
  padding: 5px;
  border: 1px solid #eee;
}

.GL-contents__section-title span{
  margin-right: 10px;
  padding: 0 5px;
  background: #009FE6;
  color: #fff;
}

.GL-contents__section-title + .GL-contents__section-title{
  margin-top: 5px;
}

.GL-contents__detail{
  margin: 0.5em 0 0.5em 1.5em;
}

.GL-contents__detail a{
  display: inline;
  color: #2e9ce6;
  text-decoration: underline;
}

.GL-contents__detail dt{
  color: #2e9ce6;
}

.GL-contents__detail dd{
  display: inline;
}

.GL-contents__detail dd a{  color: #8282d9;

/* シアン変更指示あったら以下
  color: 4cbced;　 */}

.GL-contents__detail dd a:hover{  text-decoration: none;}
.GL-contents__detail .nolink{  color: #009FE6;}

.GL-contents__index ol{
  margin: 0 0 2em 3em;
}

.GL-contents__index ol li{
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #ccc;
}

.GL-contents__index ol li a{
  position: relative;
  display: block;
  text-decoration: none;
  padding: 0.2em 2em 0.2em 0;
  margin: 0 0 0 3.5em;
  text-indent: -3.5em;
}

.GL-contents__index ol li a:before{
  display: block;
  content: "";
  position: absolute;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  top: 50%;
  right: 17px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background: #4cbced;
}

.GL-contents__index ol li a:after{
  display: block;
  content: "";
  position: absolute;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  top: 50%;
  right: 22px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background: #f9f9f9;
}

.GL-contents__index .blue a{
  color: #5d86d9;
}


/*------ 下の部分 ------*/

.GL-footer{
  width: 90%;
  margin: 5em auto 1em;
  padding: 1em;
  border: 1px solid #ccc;
  color: #008100;
}

.GL-footer + .GL-footer{
  margin-top: 0;
}

.GL-footer p{
//  margin-bottom: 1em;
}

.GL-footer ul{
  list-style:none !important;
}

.GL-footer ul li{
  list-style:none !important;
  text-indent: 2em;
}

/* -------------------------------------

        * システマティックレビュー

------------------------------------- */

/*--- システマティックレビュー_タイトル ---*/
h1.sc{
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  border-bottom: 2px solid #5c5cd8;
/*　タイトル_下ライン_2024
  border-bottom: 2px solid #009FE6;
*/

}

.sc__top-midashi{
  text-align: center;
}

.sc-area{
  margin: 1em 0 0;
}

.sc-area + .sc-area{
  margin-top: 0;
}

.sc-area_title-1{
  font-weight: bold;
  font-size: 17px;
}

.sc-area_title-2{
  font-weight: bold;
  font-size: 15px;
}

.sc-table td{
  border: 1px solid #000;
  padding: 5px;
}

.sc-YEd_color{
  color: #5d5cd8;
/*　2024
  color: #009FE6;
　*/
}

/*　今までの『システマティックレビュー』カラー
【2022～23】
.sc-purple{  color: #5d5cd8; }

【2020～21】
.sc-green{  color: #00a381; }
*/

.sc-table-CQ{
  display: -webkit-flex;
  display: flex;
}

.sc-table-pdf{
  width: 250px;
}

.sc-table-pdf span{
  margin: 3px;
}

/* PDF_Link背景 */
.sc-table-pdf a{
  text-decoration: none;
  color: #000;
  background: #c9c9ff;
  padding: 0 10px;
}

/* -------------------------------------

        * 本文

------------------------------------- */

#sidebar{
 float : right;
 width : 270px;
}

#maincontents {
 float : left;
 width : 700px;
 }

/*------ サイドメニュー ------*/

.sidenavi{
 width : 270px;
  margin: 0 0 30px 10px;
}

.sidenavi .title{
  background: #009FE6;
  width : 250px;
  margin: 0 0 0 10px;
}

.sidenavi .title-2{
  background: #009FE6;
  width : 250px;
  height: 20px;
  margin: 0 0 0 10px;
}

.sidenavi .title p{
  padding: 10px;
  color: #fff;
  font-size: 110%;
  font-weight: bold;
}

.sidenavi .section-title{
  border-right: 1px solid #aaa;
  border-left: 1px solid #aaa;
  box-sizing: border-box;
  width : 250px;
  margin: 0 0 0 10px;
  background: #d3edfb;
}

.sidenavi .section-title p{
  padding: 10px;
  color: #009FE6;
  font-size: 110%;
  font-weight: bold;
}


.sidemenu,
.sidemenu_2{
  box-sizing: border-box;
  width : 250px;
  border: solid 1px #aaa;
}

.sidemenu li,
.sidemenu_2 li{
  border-bottom: solid 1px #aaa;
  color: #000;
  background: #f9f9f9;
}

.sidemenu li a{
  display: block;
  padding: 10px 20px 10px 10px;
  text-indent: -1.5em;
  margin-left: 2em;
}

.sidemenu_2 li a{
  display: block;
  padding: 10px 30px 10px 20px;
}

.sidemenu li p:hover:before,
.sidemenu_2 li p:hover:before{
  background: #009FE6;
}

.sidemenu li:last-child,
.sidemenu_2 li:last-child{
  border-bottom: none;
}

.sidemenu li.browsing,
.sidemenu_2 li.browsing{
  background: #ddd;
}

.sidemenu li a,
.sidemenu li p,
.sidemenu_2 li a,
.sidemenu_2 li p{
  text-decoration: none;
  font-weight: bold;
  color: #000;
}

.sidemenu li a:hover,
.sidemenu li p:hover,
.sidemenu_2 li a:hover,
.sidemenu_2 li p:hover{
  color: #009FE6;
}

.sidenavi .back{
  text-align: right;
  padding: 5px 15px 0 0;
}

.sidenavi .back img{
  vertical-align:middle;
  padding: 0 3px 5px 0;
}


/*---------------------------------------------

  *  タイトル + 見出し

---------------------------------------------*/

/*----     前付き     ----*/

.oomidashi{
  font-size: 25px;
  font-weight: bold;
  border-bottom: 2px solid #009FE6;
  text-align: center;
}

.oomidashi span{
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  display: block;
}

/*----     タイトル     ----*/

/*  章  */

.section{
  position: relative;
	background: #d3edfb;
  margin-bottom: 30px;
  height: 160px;
}

.section h1{
  position: absolute;
  top: 49px;
  width: 100%;
  border-bottom: 1.25px solid #009FE6;
}

.section h1 span{
	position: absolute;
	top: -20px;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
	padding-left: 60px;
  width: 100%;
}

.section__number{
  position: absolute;
  left: 50px;
	TOP: 80px;
  width: 100%;
}

.section__number__non{
  position: absolute;
	top: 80px;
  width: 100%;
}

.number-background_bk p{
  position: absolute;
  color: #009FE6;
  font-size: 50px;
	font-weight: bold;
  left: 20px;
  top: -12px;
}

.section__number h2{
  position: absolute;
  left: 90px;
  top: 6px;
  font-weight: bold;
  font-size: 30px;
}

.section__number h2.layouto_2{
  position: absolute;
  left: 90px;
  top: -1px;
  width: 550px;
  line-height: 1;
  font-weight: bold;
  font-size: 30px;
}

.section__number__non h2{
  position: absolute;
  left: 60px;
  top: 6px;
  font-weight: bold;
  font-size: 30px;
}

/*  文献検索と採択 + 本文中に用いた略語および用語の解説 + 樹形図  */
.title_1{
  background: #B0D8F5;
  padding: 3px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.title_1 p{
  background: #009FE6;
  color: #fff;
  font-weight: bold;
  font-size: 15px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 4px 0 2px 10px;
}

/*  定義系  */
.title_2{
  font-weight: bold;
  position: relative;
  left: 20px;
  font-size: 15px;
}

.title_2:before{
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  background: #B0D8F5;
  top: 5px;
  left: -20px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.title_2:after{
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  background: #44aeea;
  left: -18px;
  top: 7px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

/*  総論など  */
.title_3{
  margin: 2em 0 1em;
  border: 1px solid #009FE6;
  font-size: 20px;
  font-weight: bold;
  display: table;
  width: 100%;
  box-sizing: border-box;
}

.title_3-1{
  margin: 0 0 1em;
  border: 1px solid #009FE6;
  font-size: 18px;
  font-weight: bold;
  display: table;
  width: 100%;
  box-sizing: border-box;
}

.title_3 dt,
.title_3-1 dt{
  color: #fff;
  background: #009FE6;
  padding: 10px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 80px;
}

.title_3 dd,
.title_3-1 dd{
  color: #009FE6;
  background: #e2f0fb;
  padding: 10px;
  display: table-cell;
  font-size: 18px;
}

/*  節  */
.title_4{
  margin-bottom: 1em;
  border-top: 1px solid #009FE6;
  border-right: 1px solid #009FE6;
  border-bottom: 1px solid #009FE6;
  border-left: 10px solid #009FE6;
  box-sizing: border-box;
}

.title_4 p{
  font-size: 18px;
  font-weight: bold;
  color: #009FE6;
  padding: 5px 5px 5px 15px;
}

/*  項  */
.title_5{
  margin: 0 0 1em;
  border-left: 10px solid #80c2ef;
}

.title_5 p{
  font-size: 18px;
  font-weight: bold;
  color: #009FE6;
  padding: 0 5px;
}

.title_6{
  position: relative;
  left: 20px;
  font-size: 15px;
}

.title_6:before{
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  background: #B0D8F5;
  top: 5px;
  left: -20px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.title_6:after{
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  background: #44aeea;
  left: -18px;
  top: 7px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}


/*----     見出し     ----*/

/* 解説 */
.midashi_1{
  background: #009FE6;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  font-weight: bold;
  color: #fff;
  width: 50px;
  text-align: center;
  padding: 2px 0;
  margin-bottom: 5px;
  display:inline-block;

}

/* 引用文献 */
.midashi_2{
  background: #c6e2f8;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  font-weight: bold;
  width: 80px;
  text-align: center;
  padding: 2px 0;
}

.literature-midashi{
  font-weight: bold;
  margin-left: 1em;
}

/* 文中見出し */
.text-layout_midashi{
  font-weight: bold;
//  font-size: 15px;
}

.midashi_3{
  font-weight: bold;
  color: #009FE6;
}

ul.midashi_3{
  display: -webkit-flex;
  display: flex;
}

ul.midashi_3 li{
  font-weight: bold;
  color: #009FE6;
}

/*  レジメン  */
.midashi_4{
  padding: 2px 5px;
  margin: 20px 0;
  background: #d3edfb;
  font-weight: bold;
  font-size: 15px;
  color: #009FE6;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.midashi_5{
  margin: 0 0 10px;
  font-weight: bold;
  font-size: 15px;
}

/*---------------------------------------------

  *  文中

---------------------------------------------*/

/* 前付け */

dl.person{
  width: 15em;
  float: right;
}

dl.person:after{
  display: block;
  content: "";
  clear: both;
}

dl.person dd{
  text-align: right;
}

dl.person dd span{
  padding-left: 1em;
  font-weight: bold;
}

/* CQ */
.cq + .midashi_1{
  margin-top: 1em;
}

.cq__title{
  background: #009FE6;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  padding: 10px;
  display: -webkit-flex;
  display: flex;
}

.cq__number_2{
  min-width: 100px;
}

.cq__recommend{
  background: #d6eafa;
}

.cq__recommend dt{
  color: #009FE6;
  padding: 5px 5px 0 10px;
  font-weight: bold;
}

.cq__recommend dd.border-none{
  border-bottom: none;
}

.cq__recommend dd{
  padding: 0 .5em .5em 2em;
  font-weight: bold;
  border-bottom: 1px solid #009FE6;
}

.cq__recommend dd + dd{
  padding-top: 5px;
}

.cq__recommend dd:last-child{
  border: none;
}

.cq__recommend dd p{
  text-align: right;
  color: #009FE6;
  font-weight: bold;
white-space: nowrap;
}

.cq__recommend dd ul,
.cq__recommend dd ul.cq__recommend__another-layout{
  display: -webkit-flex;
  display: flex;
}

.cq__recommend dd ul li:first-child{
  text-indent: -1em;
}

.cq__recommend dd ul.cq__recommend__another-layout li:first-child{
  text-indent: -1em;
  width: 30px;
}

.cq__recommend dd ul.cq__recommend__another-layout_2 li:first-child{
  text-indent: -1em;
  width: 35px;
}

.cq__recommend dd ul li:last-child,
.cq__recommend dd ul.cq__recommend__another-layout li:last-child{
  padding-right: 10px;
}

.cq__recommend dd span{
  display: block;
}

.cq__recommend dd span.sup{
  display: inline;
}

.cq__recommend_midashi{
  margin-left: -1em;
}

.cq__recommend dd .comment p{
  text-align: left;
  color: #000;
  font-weight: bold;
}

.cq__footnote{
  margin-top: 1em;
}

.cq__footnote .comments{
  font-weight: normal;
}

.cp__nowrap{
  word-break: keep-all
}

/* BQ */

.cq__title .cq__bq-number{
  background: #fff;
  color: #009FE6;
  padding: 0 5px;
  margin-right: 5px;
}

/* 文献検索と採択 + 本文中に用いた略語および用語の解説 */
.text-layout_1{
  margin: 1em 0 2em;
}

.search-layout_1 dt{
  font-weight: bold;
  float: left;
  clear: both;
  width: 7em;
}

.search-layout_1 dd{
  margin-left: 7em;
}

.search-layout_2 dt{
  font-weight: bold;
  float: left;
  clear: both;
  width: 9em;
}

.search-layout_3 dt{
  font-weight: bold;
}

.search-layout_formula{
  margin-bottom: 1em;
}

.search-layout_formula th{
  width: 2.5em;
}

.search-layout_formula th,
.search-layout_formula td{
  border: 1px solid #009FE6;
  padding: 5px;
}

/*  解説  */
.text-layout_2{
  margin: 0 0 1em;
}

.text-layout_3{
  margin: 0 0 2em;
}

/* 定義 */
.definition{
  border: 1px solid #009FE6;
  padding: 5px;
  margin: 5px 0;
}

/* 文献 */

.literature + .cq{
  margin-top: 2em;
}

.literature + .title_4{
  margin-top: 2em;
}

.midashi_2 + dl.literature{
  margin: .5em 0 0;
}

dl.literature{
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

dl.literature dt{
  flex-basis: 45px;
  text-align: right;
}

dl.literature dd{
  flex-basis: 655px;
}

dl.literature + .title_1{
  margin-top: 2em;
}

dl.reference dt{
  flex-basis: 0;
}

/* 頭文字あり */
.text-layout_2 ul.style_1 li p,
.text-layout_3 ul.style_1 li p{
  margin-left: 1em;
  text-indent: -1em;
}
.text-layout_2 ul.style_1 li p + p,
.text-layout_3 ul.style_1 li p + p{
  margin-left: 1em;
  text-indent: 0;
}

/*  注釈  */

.comments{
  text-indent: -1em;
  margin-left: 2em;
  font-size: 95%;
  font-weight: bold;
}

.comments p.comments__clear{
	text-indent: 0;
	margin-left: -1em;
	}

/*---------------------------------------------

  *  テーブル

---------------------------------------------*/

/* 本文中に用いた略語および用語の解説 */
table.row-2 th,
table.row-3 th,
table.row-4 th{
  font-weight: bold;
  text-align: left;
  white-space: nowrap;
  vertical-align: top;
}

table.row-2 th,
table.row-3 th{
  padding-right: 1em;
}

table.row-3 td{
  padding-right: 1em;
}

table.row-3 td:last-child{
  padding-right: 0;
}

table.row-3 th,
table.row-3 td{
  vertical-align: top;
}

/* 定義 */
table.score{
  margin: 5px 0;
}

table.score tr{
  border: 1px solid #009FE6;
}

table.score th{
  background: #edf6fd;
  text-align: center;
  padding: 5px 10px;
  border: 1px solid #009FE6;
}

table.score td{
  padding: 5px;
}


/* 推奨テーブル */
table.vote{
  border: 1px solid #009FE6;
  text-align: center;
  table-layout:fixed;
}

table.vote caption{
  text-align: left;
  font-size: 90%;
}

table.vote th,
table.vote td{
  border: 1px solid #009FE6;
  padding: 5px;
  line-height: 1.3em;
}

/*
table.vote + p{
  font-size: 90%;
}
*/

.vote__taxonomy{
  width: 15px;
}

.vote__taxonomy__3em{
  width: 30px;
}

.caption_bottom{
  margin-top: 3px;
  text-align: left;
  font-size: 90%;
}

/*  レジメン  */

.regimen-style_1 tr{
  border: 1px solid #009FE6;
}

.regimen-style_1 th{
  border: 1px solid #009FE6;
  background: #edf6fd;
  text-align: center;
  font-weight: bold;
}

.regimen-style_1 td{
  padding: 5px;
}

.regimen-style_1 td:last-child{
  border-left: 1px solid #009FE6;
  text-align: center;
}

.regimen-style_2{
  border: 1px solid #08a6c9;
}

.regimen-style_2 td{
  padding: 0 5px;
}

.regimen-style_3{
  border: 1px solid #009FE6;
}
.regimen-style_3 th{
  text-align: center;
  background: #edf6fd;
  padding: 5px;
  border: 1px solid #009FE6;
}

.regimen-style_3 td{
  padding: 5px;
}

.regimen-style_3 tr.border{
  border-bottom: 1px solid #009FE6;
}

.regimen-style_4{
  border: 1px solid #009FE6;
}

.regimen-style_4 tr.border{
  border-top: 1px solid #009FE6;
}

.regimen-style_4 th{
  border: 1px solid #009FE6;
  background: #edf6fd;
  text-align: center;
  font-weight: bold;
  padding: 5px;
}

.regimen-style_4 td{
  padding: 0 5px;
}

.regimen-style_4 td.colon_p-TRBnone{
  padding: 0 0 0 5px;
  vertical-align:top;
  width: 5.7em;
}

.regimen-style_4 td.colon_p-TBLnone{
  padding: 0 5px 0 0;
}

.regimen-style_4 td.border{
  border-left: 1px solid #009FE6;
  text-align: center;
  padding: 0 10px;
}

.regimen-style_5 th{
  padding: 5px;
  background: #edf6fd;
  border: 1px solid #009FE6;
  text-align: center;
}

.regimen-style_5 td{
  border: 1px solid #009FE6;
  padding: 5px;
}

.regimen-style_5 td:first-child{
  font-weight: bold;
  white-space: nowrap;
  background: #edf6fd;
}

.regimen-style_5 td:first-child sup{
  font-weight: normal;
}

.regimen-style_5 td:last-child{
  text-align: center;
  white-space: nowrap;
}

.regimen-style_6{
  border: 1px solid #009FE6;
}

.regimen-style_6 tr.border{
  border-top: 1px solid #009FE6;
}

.regimen-style_6 th{
  border: 1px solid #009FE6;
  background: #edf6fd;
  text-align: center;
  font-weight: bold;
  padding: 5px;
}

.regimen-style_6 td{
  padding: 0 5px;
  border: 1px solid #009FE6;
  padding: 5px;
  text-align: center;
  line-height: 1.2;
}

.regimen-style_6 td.left{
  text-align: left;
}

.regimen-style_7{
  text-align: left !important;
  width: 33%;
  padding: 5px 10px 5px 20px !important;
}

/*  表  */
.chart-style_1,
.chart-style_2{
  margin-bottom: 1em;
}

.chart-style_1 + .text-layout_2,
.chart-style_2 + .text-layout_2,
.chart-style_3 + .text-layout_2{
  margin-top: 3em;
}

.chart-style_1 th,
.chart-style_2 th,
.chart-style_3 th{
  font-weight: bold;
  background: #edf6fc;
  border: 1px solid #009FE6;
  padding: 5px;
  text-align: center;
}

.chart-style_1 td,
.chart-style_2 td,
.chart-style_3 td{
  border: 1px solid #009FE6;
  padding: 5px;
  vertical-align: top;
}

/*　
.chart-style_2 td{
  border: 1px solid #009FE6;
  padding: 5px;
  vertical-align: top;
}
　*/

/*  ECOG  */

.ecog-style th{
  border: 1px solid #009FE6;
  padding: 5px;
  background: #edf6fd;
  font-weight: bold;
  text-align: center;
}

.ecog-style td{
  border: 1px solid #009FE6;
  padding: 5px;
}

.ecog-style td.bg-color{
  background: #edf6fd;
}

/*---------------------------------------------

  *  作成委員

---------------------------------------------*/

.committee-name_1{
  font-weight: bold;
}

.committee-name_2{
  font-weight: bold;
  margin-left: 3em;
/*
  margin-left: 1em;
*/
}

.committee-midashi_1{
  font-weight: bold;
  font-size: 18px;
  margin: 1em 0 0;
}

.committee-midashi_1 + .committee-name_1{
  margin-top: 1em;
}

.committee-style_1{
  margin-left: 6em;
  width: 630px;
}

.committee-style_1 th{
  width: 6em;
  vertical-align: top;
}

.committee-style_1 td{
  vertical-align: top;
  table-layout: fixed;
}

.committee-style_1 td:last-child{
  width: 430px;
}


/*---------------------------------------------

  *  本ガイドラインについて

---------------------------------------------*/

.ho-midashi{
  font-size: 18px;
  font-weight: bold;
  color: #009FE6;
}

.ho-company{
  display: -webkit-box;
  display: flex;
}

.ho-company__row{
  margin-left: 1em;
}

.ho-table{
  width: 90%;
  margin: 2em auto 0;
  border-top: 1px solid #009FE6;
  border-bottom: 1px solid #009FE6;
}

.ho-table caption{
  text-align: left;
  font-weight: bold;
}

.ho-table th{
  font-weight: bold;
  padding: 3px 5px;
}

.ho-table td{
  padding: 3px 5px;
}

.ho-table__comments{
  width: 90%;
  margin: 0 auto 2em;
  text-align: right;
}

.ho-table_2 caption{
  text-align: left;
  font-weight: bold;
}

.ho-table_2 th{
  background: #eee;
  border: 1px solid #000;
  text-align: center;}

.ho-table_2 td{
  border: 1px solid #000;
  padding: 5px;
  vertical-align: top;
}

.ho-col dt{
  font-weight: bold;
}

.ho-col dd{
  margin-left: 1em;
}

.committee-table-past caption{
  font-weight: bold;
}

.committee-table-past th,
.committee-table-past td{
  border: 1px solid #000;
  padding: 5px;
}

.committee-table-past td{
  text-align: center;
}

.ho-fig__title{
  font-weight: bold;
}

.ho-fig__arrow{
  position:relative;
  float: right;
  right: 30px;
  width: 500px;
  height: 40px;
  margin-top: 25px;
  background: -moz-linear-gradient(left, #959595 0%, #e5e5e5 34%, #e5e5e5 34%, #ffffff 48%, #ffffff 52%, #e5e5e5 64%, #959595 100%);
  background: -webkit-linear-gradient(left, #959595 0%,#e5e5e5 34%,#e5e5e5 34%,#ffffff 48%,#ffffff 52%,#e5e5e5 64%,#959595 100%);
  background: linear-gradient(to right, #959595 0%,#e5e5e5 34%,#e5e5e5 34%,#ffffff 48%,#ffffff 52%,#e5e5e5 64%,#959595 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#959595',GradientType=1 );
}

.ho-fig__arrow::before{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 30px 25px 0;
  border-color: transparent #959595 transparent transparent;
  top: -5px;
  left: -30px;
}

.ho-fig__arrow::after{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 0 25px 30px;
  border-color: transparent transparent transparent #959595;
  top: -5px;
  right: -30px;
}

.ho-fig__arrow__midashi{
  position: absolute;
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
  -webkit- transform: translateX(-50%);
  font-weight: bold;
}

.ho-fig__arrow__left{
  position: absolute;
  line-height: 40px;
  left: 10px;
  top: 0;
  font-weight: bold;
}

.ho-fig__arrow__right{
  position: absolute;
  line-height: 40px;
  right: 10px;
  top: 0;
  font-weight: bold;
}

.ho-fig__table{
  text-align: center;
  table-layout: fixed;
}

.ho-fig__table th{
  font-weight: bold;
  padding: 3px 0;
}

.ho-fig__table__bg-1{  background:#006893; border: 1px solid #009FE6; color: #fff;}
.ho-fig__table__bg-2{  background:#7eb2d6; border: 1px solid #009FE6;}
.ho-fig__table__bg-3{  background:#a2c7e2; border: 1px solid #009FE6;}
.ho-fig__table__bg-4{  background:#d2e3f1; border: 1px solid #009FE6;}
.ho-fig__table__bg-5{  background:#e8f1f8; border: 1px solid #009FE6;}

table.gl caption{
  text-align: left;
  font-weight: bold;
}

table.gl th{
  border: 1px solid #000;
  text-align: center;
  padding: 5px;
  vertical-align: center;
  background: #ddd;
  font-weight: bold;
}

table.gl td{
  border: 1px solid #000;
  padding: 5px;
  vertical-align: top;
}

table.gl .name{
  text-align: left;
  white-space: nowrap;
  font-weight: bold;
  width: 100px;
}

table.gl .name span{
  display: block;
  font-size: 80%;
  margin-left: 1em;
    width: 6em;
}

table.gl .w-190px{
  width: 190px;
}


/*---------------------------------------------

  *  分類

---------------------------------------------*/

/* TNM分類 */
.classification_midashi{
  font-weight: bold;
  color: #009FE6;
}

.tnm_style-1,
.tnm_style-2{
  margin: 0 1em ;
}

.tnm_style-1 dt{
  width: 3em;
  float: left;
}

.tnm_style-1 dd{
  margin-left: 3em;
}

.tnm_style-1 dd p.indent-3em{
  margin-left: 2.8em;
  text-indent: -2.8em;
}

.tnm_style-1 dd.m-L-6em{
  margin-left: 6em;
}

/* 小項目がある場合 */
.tnm_style-2 dt{
  width: 4.2em;
  float: left;
}

.tnm_style-2 dd{
  margin-left: 4.2em;
}

.tnm_style-2 dd.ind_7em{
  margin-left: 11.2em;
  text-indent: -7em;
}

/* TNM分類（太字） */

.tnm_bold dt{
  font-weight: bold;
}


/* TNM臨床病期分類 */
table.staging_1{
}


.staging_1__top-1 td{
  width: 75px;
}

.staging_1__top-2 td{
  width: 65px;
}

/* TNM臨床病期分類の表罫線の色変更になるかも？
  border: 1px solid #009FE6;	 */

table.staging_1 th{
  border: 1px solid #009FE6;
  background: #dcdddd;
  text-align: center;
}

table.staging_1 th.p-RL-5px{
  padding: 5px;
}


table.staging_1 td{
  border: 1px solid #009FE6;
  padding: 5px;
  text-align: center;
}

table.staging_1 td.staging_1__formula{
  text-align: left;
}

.staging_1__bg-1{  background: #d4ebf8;}
.staging_1__bg-2{  background: #80cbf0;}
.staging_1__bg-3{  background: #d6e6b0;}
.staging_1__bg-4{  background: #65af54;}
.staging_1__bg-5{  background: #feeabf;}
.staging_1__bg-6{  background: #f3a36f;}
.staging_1__bg-7{  background: #eb6c2a;}
.staging_1__bg-8{  background: #e7deec;}
.staging_1__bg-9{  background: #aa8fbe;}

/* 悪性胸膜中皮腫の病期分類Ver. 8 */

table.staging_2{
  text-align: center;
  width: 50%;
}

table.staging_2 th,
table.staging_2 td{
  padding: 5px;
}

table.staging_2,
table.staging_2 th,
table.staging_2 td{
  border: 1px solid #009FE6;
}

.staging_2__bg__1-1{ background: #d4ebf8;}
.staging_2__bg__1-2{ background: #80cbf0;}
.staging_2__bg__2{ background: #d3dfb9;}
.staging_2__bg__3-1{ background: #f5bc8e;}
.staging_2__bg__3-2{ background: #e39551;}
.staging_2__bg__4{ background: #e2deeb;}

/* 胸膜腫瘍の分類 */
.who{
  display: -webkit-box;
  display: box;
  border: 1px solid #009FE6;
}

.who div{
  -webkit-box-flex: 1;
  box-flex: 1;
  width: 100%;
  padding: 5px;
}

.who div + div{
  border-left: 1px solid #009FE6;
}

/*  正岡分類  */

dl.msok-staging dt{
  font-weight: bold;
  width: 3em;
  float: left;
}

dl.msok-staging dd{
  margin-left: 4em;
}

dl.msok-staging dd:after{
  display: block;
  content: "";
  clear: both;
}

.staging_3{
  border: 1px solid #009FE6;
  width: 50%;
}

.staging_3 th{
  font-weight: bold;
  text-align: right;
  padding-right: 1em;
  width: 4em;
  vertical-align: top;
}

/* 20221104 追加しました */

.table-who{
  border: 1px solid #009FE6;
}

.table-who th{
  background: #edf6fd;
  border: 1px solid #009FE6;
  text-align: center;
  padding: 5px;
}

.table-who td{
  border: 1px solid #009FE6;
  text-align: left;
  padding: 5px;
}

.table-who td.center{
  border: 1px solid #009FE6;
  text-align: center;
  padding: 5px;
}

.table-who td:nth-child(3),
.table-who td:nth-child(4){
  text-align: center;
}

/* 20190618 追加しました */
.add{
	padding-left:6px;
	margin-left:5px;
	background: #fff0f5;
}

.add_aki{
	margin-left:3px;
}


/* -------------------------------------

        * ver 1.1　2021.06.21

------------------------------------- */

/*------ 修正 ------*/

.GL-contents__update{
  margin-left: 1em;
  background: #fdf5e6;
  color: #fc7e00;
  padding: 2px 3px;
  font-size: 95%;
}

span.update{
  margin: 0 0 0 1em;
}

span.update a{
  background: #fdf5e6;
  color: #fc7e00;
  padding: 0 3px;
  font-size: 90%;
  text-decoration: none;
}


p.update{
  margin: 0 0 0.25em 0;
}

span.update_img a{
  background: #fdf5e6;
  color: #fc7e00;
  padding: 0 3px;
  font-size: 90%;
  text-decoration: none;
}

.midashi_1 + span.update a{

}