.elementor-9347 .elementor-element.elementor-element-fdf1ec8{padding:25px 25px 25px 25px;}.elementor-9347 .elementor-element.elementor-element-059be2c .elementor-button{background-color:#6EC1E4;}.elementor-9347 .elementor-element.elementor-element-059be2c > .elementor-widget-container{padding:0px 0px 0px 20px;}/* Start custom CSS for html, class: .elementor-element-a58b2d9 */.hospital-headline {
    /* 1. 背景の設定（上部：いただいた単色青 / 下部：白と青のストライプ） */
    background: 
        /* ① 上半分の単色エリア */
        linear-gradient(#3a6c96 0%, #3a6c96 100%) no-repeat top / 100% 85%,
        /* ② 下半分のストライプエリア（白×青の2色） */
        repeating-linear-gradient(
            -45deg,
            #ffffff,
            #ffffff 0.5px,
            #3a6c96 2px,
            #3a6c96 6px
        );

    /* 2. テキストの装飾（画面の拡大縮小に関わらず固定） */
    color: #ffffff !important;
    font-size: 4vw !important; /* px指定でサイズを固定 */
    font-weight: bold;
    
    /* スマホなどの画面幅に応じて文字が自動縮小されるのを防止 */
    text-size-adjust: none !important;
    -webkit-text-size-adjust: none !important;
    
    /* 改行などでサイズ感が崩れないよう、はみ出た文字の自動調整を抑制 */
    white-space: nowrap; 
    
    /* 3. 内側の余白（上の単色部分に文字が収まるよう、下側の余白を広めに確保） */
    padding: 15px 20px 35px 20px; 
    
    /* 4. その他見た目の調整 */
    border-radius: 4px;
    box-sizing: border-box;
}

h2 {
	font-size: 4vw;
	font-weight: bold;
	color: #f0f8ff;
	background-color: #416C92;
	position: relative;
	padding: 1rem 1rem calc(1rem + 10px);
	border: 2px solid #f0f8ff;
}

h2:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 15px;
	content: '';
	border-top: 2px solid #416C92;
	background-image: -webkit-repeating-linear-gradient(135deg, #f0f8ff, #f0f8ff 1px, transparent 2px, transparent 5px);
	background-image: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 1px, transparent 2px, transparent 5px);
	background-size: 7px 7px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

body {
	font-family:sans-serif,system-ui;
	color: #696969;
	width: 98%;
}


.ba_byo{
	font-size: 3vw;
	color: #416C92;
}

.ba_shitu{
	font-size: 3vw;
	color: #396261;
}


.out_link {
	text-align: right;
}

.out_link a:link {
	color: #416C92;
	padding-bottom: 1px;
	font-size: 2vw;
}

h3.shihyo {
	color: #416C92;
	font-size: 2.5vw;
	font-weight: bold;
	margin-left: 10px;
	margin-bottom: 0px;
}

h3.shitsu {
	color: #396261;
	font-size: 2.5vw;
	font-weight: bold;
	margin-left: 10px;
	margin-bottom: 0px;
}

ol.contents {
	font-size: 1.75vw;
	line-height:2.75vw;
	margin-left: 20px;
	padding-bottom: 0px;
}

ol.contents a:link {
	color: #416C92;
	padding-bottom: 0px;
}

ol.contents a:visited {
	color: #416C92;
	padding-bottom: 1px;
}

ol.contents a:hover {
	color: #BE936D;
	padding-bottom: 1px;
}

ol.contents2 {
	font-size: 1.75vw;
	line-height:2.75vw;
	margin-left: 20px;
	padding-bottom: 0px;
}

ol.contents2 a:link {
	color: #396261;
	padding-bottom: 0px;
}

ol.contents2 a:visited {
	color: #396261;
	padding-bottom: 1px;
}

ol.contents2 a:hover {
	color: #C69D9E;
	padding-bottom: 1px;
}

.csv-btn {
	text-align: center;
	float: right;
}

a:active {
	color: #416C92;
	text-decoration: none;
	border-bottom: 1px solid #416C92;
	padding-bottom: 1px;
}

a.csv_btn {
	border: 2px solid #416C92;
	color: #416C92;
	text-decoration: none;
	background-color: #f0f8ff;
	width: 15%;
	font-size: 1.25vw;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
	position: absolute
	right： 20px;
	display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
}

.div-title {
	border-left: 5px solid #416C92;
	color: #416C92;
	padding: 7px 0px 7px 5px;
	margin-top: 35px;
	margin-bottom: 15px;
	font-size: 1.75vw;
}

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

.template-table th {
	border: 1px solid #f0f8ff;
	background-color: #416C92;
	padding: 5px 5px;
	font-weight: bold;
	font-size: 1.5vw;
	color: #f0f8ff;
}

.template-table th.left_align {
	text-align: left;
}

.template-table td {
	border: 1px solid #A9A9A9;
	padding: 5px;
	font-size: 1.5vw;
}

.midashi-cell {
	width: 10%;
}

.number-cell {
	text-align: right;
}

.comment {
	background-color: #f0f8ff;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 10px 15px 10px 15px;
	font-size: 1.35vw;
	color: #416C92;
}

.midashi2-cell {
	width: 16%;

}

.dpcnm-cell {
	width: 40%;
}

.path-cell {
	width: 7%;
}

.dpc-code {
	text-align: center;
}

.dpc-biko {
	font-size: 1.2vw;
	color: #416C92;
}

.midashi3-cell {
	width: 10%;

}

.knm-cell {
	width: 400px;
}

.bnm-cell {
	width: 250px;
}

span.kome {
	font-size: x-small;
}

div[id^="cd_top3_nm_"], div[id^="ope_top3_nm_"], div[id^="cd_top5_nm_"], div[id^="ope_top5_nm_"] {
	padding: 5px;
	font-size: 1.5VW;
}

div[id^="cd_top3_nm_"]:before, div[id^="ope_top3_nm_"]:before, div[id^="cd_top5_nm_"]:before, div[id^="ope_top5_nm_"]:before {
	content: "■";
	font-size: 1.5VW;
}

/* 2024年6月5日 add */
.div-title-shitsu {
	border-left: 5px solid #396261;
	color:  #396261;
	padding: 7px 0px 7px 5px;
	margin-top: 35px;
	margin-bottom: 15px;
	font-size: 1.75vw;
}

.template-table-shitsu {
	border-collapse : collapse;
	width: 100%;
	table-layout: fixed;
}

.template-table-shitsu th {
	border: 2px solid #EAF2F2;
	background-color: #396261;
	padding: 8px 3px;
	font-weight: bold;
	font-size: 1.4vw;
	color: #EAF2F2;
}



.template-table-shitsu td {
	border: 1px solid #AFD1D0;
	padding: 5px;
	font-size: 1.4vw;
}

.comment-shitsu {
	background-color: #EAF2F2;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 10px 15px 10px 15px;
	font-size: 1.5vw;
	color: #396261;
}

a.csv_btn_shitsu {
	border: 2px solid #396261;
	color: #396261;
	text-decoration: none;
	background-color: #EAF2F2;
	width: 15%;
	font-size: 1.25vw;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
	position: absolute
	right： 20px;
	display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
}

.div-title-hist {
	border-left: 5px solid #C90;
	color: #C90;
	padding: 7px 0px 7px 5px;
	margin-top: 35px;
	margin-bottom: 15px;
	font-size: 1.75vw;
}

.hist_list dt {
	clear: both;
	float: left;
	width: 9%;
	margin-left: 1%;
	font-size: 1.75vw;
}

.hist_list dd {
	margin-left: 11%;
	margin-bottom: 25px;
	font-size: 1.75vw;
}

/* すでにあるコードの一番下に追記する */
.dpccd-cell {
    width: 15% !important; /* 幅を強制的に広げる */
}

/* すでにあるコードの一番下に追記する */
.dpcnm-cell {
    width: 40% !important; /* 幅を強制的に広げる */
}

/* DPC名称のセル内にある、改行（br）の直後の文字（テキスト）を小さく色を変える */
.dpcnm-cell, td {
    font-size: 1.6vw; /* 1行目（病名）の標準サイズ */
}

/* 2枚目の画像に合わせた青色と小さいサイズの設定 */
.dpcnm-cell br + span, 
.dpc-biko {
    color: #416C92 !important;    /* 2枚目の表で使われているメインの青色 */
    font-weight: normal;          /* 文字の太さを標準にする */
}

/* テーブル中央揃えにする */
.tbl_cent{
  text-align: center;
  vertical-align: middle; /* 上下方向も真ん中にしたい場合 */
}

/* 初発の５大癌のUICC病期分類並びに再発患者数　以降のCSS */
.aa-cell {
    width: 10% !important; /* 幅を強制的に広げる */
}

/* */
.kcnm-cell{
	width: 50% !important; /* 幅を強制的に広げる */
	
}

.kc-cell{
	text-align: left;
	padding-left: 3% !important;
}

.ab-cell {
    width: 20% !important; /* 幅を強制的に広げる */
}



/* 追加コード */

table {
  width: 100%;
  table-layout: fixed; /* 列幅を安定させる */
}

/* DPCコードの列・セル */
th:first-child,
td:first-child,
.dpc-code {
  white-space: nowrap; /* 折り返さない（1行のまま） */
  overflow: hidden; /* はみ出し防止 */

  
  /* 画面幅に応じて文字サイズを変える */
  font-size: 1.38vw;

}


a[href*="data_"],
a[href$=".tsv"],
a[href$=".zip"],
.file-download,
.download-btn {
  white-space: nowrap;     /* 折り返し禁止 */
  display: inline-block;
  font-size: 0.65em;        /* 少し小さくする */
}

.indicator-title {
  font-weight: 700;
}


/* 病院指標・医療の質指標：太字 */
h1.ba_byo.indicator-title,
h1.ba_shitu.indicator-title {
  font-weight: 700 !important;
  margin-bottom: 10px !important;
  padding-bottom: 0 !important;
}

/* 「病院指標」の下：少し余白 */
h1.ba_byo.indicator-title + ol.contents {
  margin-top: 8px !important;
  padding-top: 0 !important;
}

/* 「医療の質指標」の上：少し余白 */
ol.contents {
  margin-bottom: 8px !important;
  padding-bottom: 0 !important;
}
h1.ba_shitu.indicator-title {
  margin-top: 30px !important;
  padding-top: 0 !important;
}

/* 「医療の質指標」の下：少し余白 */
h1.ba_shitu.indicator-title + ol.contents2 {
  margin-top: 8px !important;
  padding-top: 0 !important;
}/* End custom CSS */