/*======================================================================
Project Name : https://www.omu.ac.jp/med/liver/
Copyright © 2023 Notion Co.,ltd. All rights reserved.
This source code or any portion thereof must not be  
reproduced or used in any manner whatsoever.
======================================================================*/

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	メインビジュアルSVG
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.svg-wrap {
	border: 0px solid red;
	position: absolute;
	width: 100%;
	height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;	
}

.svg-box {
	width: 100%;
	height: 310px;
	position: relative;
}
@media screen and (min-width:500px) and ( max-width:1199px) {
.svg-box {
	width: 100%;
	height: 380px;
}
}
@media screen and (max-width:499px) {
.svg-box {
	width: 90%;
	height: 620px;
}
}

.svg-box > svg {
	width: 100%;
	height: 120%;
	position: absolute;
  top: 250px;
  bottom: 0;
  left: 330px;
  right: 0;
  margin: auto;
}
@media screen and (min-width:500px) and ( max-width:1199px) {
.svg-box > svg {
	width: 100%;
	height: 100%;
  top: 150px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
}
@media screen and (max-width:499px) {
.svg-box > svg {
	width: 100%;
	height: 400px;
  top: -165px;
  bottom: 0;
  left: 20px;
  right: 0;
  margin: auto;
}
}

/* SVGロゴアニメ */
/* 講座名 */
.svg-wrap svg .cls-1 {
  stroke: #fff;
  stroke-width: 0.25px;
  fill: #fff;
  stroke-dasharray: 600;
  stroke-dashoffset: 600;
  animation: svgAnime 3s linear;
}
@keyframes svgAnime {
  0% {
    stroke-dashoffset: 600;
    fill:transparent;
  }
  50% {
    fill:transparent;
  }
  100% {
    stroke-dashoffset: 0;
    fill:#eee;
  }
}

/* ロゴの色 */
.svg-wrap svg .st_red {
  stroke-dasharray: 1000px;
  stroke: #fff;
  stroke-width: 0.5px;
  animation: svgAnime_red 3.0s .0s linear 1;
}
@keyframes svgAnime_red {
    0% {
      stroke-dashoffset: 1000px;
/*      fill: transparent;*/
opacity: 0.0;
    }
    25% {
opacity: 0.5;
    }
    40% {
      stroke-dashoffset: 0px;
/*      fill: #ac2227;*/
opacity: 1.0;
    }
    100% {
      stroke-dashoffset: 0px;
      stroke: transparent;
/*      fill: #c05255;*/
    }
}

.svg-wrap svg .st_green {
  stroke-dasharray: 1000px;
  stroke: #fff;
  stroke-width: 0.5px;
  animation: svgAnime_green 3.0s .0s linear 1;
}
@keyframes svgAnime_green {
    0% {
      stroke-dashoffset: 1000px;
/*      fill: transparent;*/
opacity: 0.0;
    }
    45% {
opacity: 0.5;
    }
    60% {
      stroke-dashoffset: 0px;
/*      fill: #2a7a3d;*/
opacity: 1.0;
    }
    100% {
      stroke-dashoffset: 0px;
      stroke: transparent;
/*      fill: #579766;*/
    }
}

.svg-wrap svg .st_blue {
  stroke-dasharray: 1000px;
  stroke: #fff;
  stroke-width: 0.5px;
  animation: svgAnime_blue 3.0s .0s linear 1;
}
@keyframes svgAnime_blue {
    0% {
      stroke-dashoffset: 1000px;
/*      fill: transparent;*/
opacity: 0.0;
    }
    65% {
opacity: 0.5;
    }
    80% {
      stroke-dashoffset: 0px;
/*      fill: #1d63a7;*/
opacity: 1.0;
    }
    100% {
      stroke-dashoffset: 0px;
      stroke: transparent;
/*      fill: #6292c0;*/
    }
}

.svg-wrap svg .st_gray {
  stroke-dasharray: 1000px;
  stroke: #fff;
  stroke-width: 0.5px;
  animation: svgAnime_gray 6.0s .0s linear 1;
}
@keyframes svgAnime_gray {
    0% {
      stroke-dashoffset: 1000px;
/*      fill: transparent;*/
opacity: 0.5;
    }
    25% {
opacity: 1.0;
    }
    50% {
      stroke-dashoffset: 0px;
/*      fill: #bebfc1;*/
opacity: 1.0;
    }
    100% {
      stroke-dashoffset: 0px;
      stroke: transparent;
/*      fill: #787878;*/
opacity: 1.0;
    }
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	下層ページ共通
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* --------------------------------------------------
	リキッドの時のFlexboxのOn/Off機能を持つコンテナ
-------------------------------------------------- */
/* レスポンシブで横並びを解除しない */
.bpts_flexbox_noblock {
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex;
 }
/* */
 .bpts_flexbox_onoff {
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex;
 }
 /* 両端ぞろえにしたいとき */
 .bpts_flexbox_onoff.justify {
 	-webkit-box-pack: justify;
 	-ms-flex-pack: justify;
 	justify-content: space-between;
 }
 /* センターに集めたいとき */
 .bpts_flexbox_onoff.center {
 	-webkit-box-pack: center;
 	-ms-flex-pack: center;
 	justify-content: center;
 }
/* 左に集めたいとき */
 .bpts_flexbox_onoff.start {
-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}
 /* 折り返したいとき */
 .bpts_flexbox_onoff.wrap {
 	-ms-flex-wrap: wrap;
 	flex-wrap: wrap;
 }
 @media (max-width: 768px) {
 	.bpts_flexbox_onoff {
 		display: block;
 		-webkit-box-pack: center;
 		-ms-flex-pack: center;
 		justify-content: center;
 	}
 }
/* 両端ぞろえ */
.bpts_flexbox_onoff.ryotan {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;

	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	justify-content: space-between;
}
/* 均等ぞろえ */
.bpts_flexbox_onoff.kinto {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;

	-ms-flex-pack: distribute;
	-webkit-box-pack: justify; /*for Safari and others */
	justify-content: space-around;
}

/* --------------------------------------------------
	段落タイトル
-------------------------------------------------- */
/* 段落タイトル */
.col_paragraph_title {
	position: relative;
	width: auto;
	height: 200px;
	margin-top: 50px;
	margin-bottom: 15px;
	padding: 14px 0px 0px 0px;
	background-image: url('../image/common/pbg-border.png');
	background-position: left bottom;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.col_paragraph_title .intxt {
	line-height: 0.6em;
	text-align: center;
}
.col_paragraph_title .intxt span {
	margin: 0px;
	padding: 0px;
	line-height: 0px;
}
.col_paragraph_title .intxt span.t1 {
	margin: 0px;
	padding: 0px;
	line-height: 1.2em;
	font-size: 2em;
	font-weight: bolder;
	letter-spacing: 0.1em;
	color: #414141;
	text-shadow: pink 1px 1px 2px, rosybrown 0 0 15px;
}
.col_paragraph_title .intxt span.t2 {
	margin: 0px;
	padding: 0px;
	line-height: 0.6em;
	font-size: 0.4em;
}
/*  スマホサイト */
@media (max-width : 1614px) {
	.col_paragraph_title {
		margin-top: 20px;
	}
}
/* --------------------------------------------------
	見出し
-------------------------------------------------- */
/* 大見出し */
.col_danraku_midashi {
	font-size: 3.1rem;
	font-weight: 100;
	position: relative;
	padding: .2em 0 .3em 0;
	line-height: 1.7;
	border-top: 4px solid #ddd;
}
.col_danraku_midashi:after {
	position: absolute;
	top: -4px;
	left: 0;
	/* z-index: 2; */
	content: '';
	width: 20%;
	height: 4px;
	background-color: #604c3f;
}
@media (max-width : 1614px) {
	.col_danraku_midashi {
		margin-top: 40px;
	}
}
/*  スマホサイト */
@media (max-width : 768px) {
	.col_danraku_midashi {
		font-size: 2.4rem!important;
	}
}
/*  本文中 中見出し */
.col_internal_chuumidashi {
	margin: 30px 0;
	line-height: 1.7;
	font-weight: normal;
	font-size: 2.4rem;
	color: #fff;
	padding: 0.1em 1em;
	border-radius: 3px;
	background-image: url("/med/liver/assets/bg-chumidashi.png"), /* 最前面の背景レイヤーの背景画像 */ linear-gradient(to right, #5b5150 0%, #ddd 100%);
	background-repeat: no-repeat, /* 最前面の背景レイヤーに対応 */ no-repeat, repeat;
	background-position: center right 50px, /* 最前面の背景レイヤーに対応 */ left, right;
}

/*  本文中　小見出し */
.col_internal_komidashi {
	font-size: 1.2em;
	font-weight: bold;
	border-left: 5px solid #ddd;
	color: #4e4d4d;
	padding: .2em .5em;
	margin-left: .6em;
	margin-bottom: 1em;
}

/*  円マーク */
.col_mark_circle {
	margin:0 0 15px 25px;
}

.col_mark_circle li {
	position: relative;
	margin-bottom:10px;

}
.col_mark_circle li::after {
	display: block;
	content: '';
	position: absolute;
	top: .6em;	
	left: -1em;
	width: 6px;
	height: 6px;
	background-color: #7C272C;	/*　色　*/
	border-radius: 100%;
}

/*  数字マーク */
.col_mark_number {
	margin: 0 0 10px 40px;
}
.col_mark_number li {
	position: relative;
	margin-bottom: 6px;
	list-style-type: decimal !important;
	padding-left: 5px;
}
/*  数字マーク　２階層目*/
.col_mark_number li > .col_mark_number li {
	list-style-type: lower-alpha;
}

/* 数字マーク・四角で囲う版 */
.col_mark_number_square {
	counter-reset: number; /*数字をリセット*/
	list-style-type: none !important; /*数字を一旦消す*/
	padding: 0;
	margin-bottom: 20px;
}
.col_mark_number_square li {
	position: relative;
	padding: 0.5em;
	line-height: 1.5em;
	background: #F4F4F4;
	border-left: solid 35px #767676;
	margin-bottom: 5px;
}
.col_mark_number_square li:before {
	/* 以下数字をつける */
	position: absolute;
	counter-increment: number;
	content: counter(number);
	/*数字のデザイン変える*/
	display: inline-block;
	color: white;
	font-family: 'Avenir', 'Arial Black', 'Arial', sans-serif;
	font-weight: bold;
	font-size: 15px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: -35px;
	width: 35px;
	height: 1em;
	line-height: 1;
	text-align: center;
}

/*  本文中　画像左寄せ */
.col_textarea_full img.f_l {
	margin: 2px 10px 5px 10px;
	float: left;
}
/*  本文中　画像右寄せ */
.col_textarea_full img.f_r {
	margin: 2px 0px 5px 15px;
	float: right;
}

/* メガホン */
.col_internal_icon_midashi.info {
	background: url(/med/liver/assets/icon-news-gn.png) 0 0/3.2rem no-repeat;
}
@media (max-width : 768px) {
.col_internal_icon_midashi.info {
	margin-left: 0;
	}	
.col_internal_icon_midashi.info {
	margin-left: 20px;
	}
}
/* 電球 */
.col_internal_icon_midashi.news {
	background: url("/med/liver/assets/icon-news-news.png") 0 0/3.2rem no-repeat;
}
/* カレンダー */
.col_internal_icon_midashi.event {
	background: url("/med/liver/assets/icon-news-event.png") 0 0/3.2rem no-repeat;
}
/* トピックス */
.col_internal_icon_midashi.topics {
	background: url("/med/liver/assets/icon-news-topics.png") 0 0/3.2rem no-repeat;
}

/* 各カテゴリリンクページのボタン */
/* ========== 関連病院 */
ul.p_kanren_list{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
@media (max-width: 768px) {
ul.p_kanren_list{
	flex-direction: column;
}
}

.p_kanren_list li{
	margin: 1%;
}
.p_kanren_list .bpts_btn_fuwa {
	max-width: 100%;
	width: 300px;
	height: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;	
}
@media (max-width: 768px) {
	.p_kanren_list .bpts_btn_fuwa{
		width: 100%;
		height: 100%;
	}
}

/* --------------------------------------------------
	ボタン
-------------------------------------------------- */
/*　リンクボタン　*/
.bpts_btn_link01 {
	display: inline-block;
	overflow: hidden;
	padding: 5px 5px 5px 25px;
	border-radius: 5px;
	background: url(../../image/common/icon-arrow-linkbtn.png) #F1F5F5 no-repeat 4px center;
	vertical-align: middle;
}
/* ボタン */
a.bpts_btn_fuwa {
	display: block;
	/*max-width: 200px;*/
	width: 100%;
	margin: 0;
	padding: 0.8em 2.2em 0.8em .8em;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	color: #5A504F;
	background: #E5E1E0;
	border-radius: 1px;
	transition: .4s;
	box-sizing: border-box;
	border-bottom: none;
	position: relative;
}
a.bpts_btn_fuwa:after {
	content: url(https://icongr.am/fontawesome/play.svg?size=15px&color=ffffff);
	position: absolute;
	right: 15px;
	display: block;
	top: 33%;
}
a.bpts_btn_fuwa:hover {
	background: #CEC7C6;
}
a.bpts_btn_fuwa.long {
	max-width: 100%;
}

/* ------------------------------------------------------------代表者挨拶 */

/* ========================
		プロフィール 
===========================*/
/* １件分の枠 */
.unit_profile_box {
		border: 2px solid #D9D9D9;
		width: 100%;
		margin-bottom: 30px;
}
/*「 写真・名前」「役職」を横並び */
.unit_profile_flex {
		padding: .7em 2em 0 2em;
		/* 両端揃え */
		display: -ms-flexbox;
		display: -webkit-box;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
}
/* 「写真」と「名前」を横並び */
.upts_prof_left {
		width: 47%;
		text-align: left;
		display: -ms-flexbox;
		display: -webkit-box;
		display: flex;
		padding-top: 1em;
}
/* 「役職」の幅を決める */
.upts_prof_right {
		width: 50%;
		padding-top: 1em;
}
/* 「名前」の文字サイズ */
.upts_prof_name {
		font-size: 1.6em;
		padding: 1em 0 1em 1em;
}
/* 「名前（ローマ字表記）」 */
.upts_prof_name h3 span {
		display: block;
		font-size: .6em;
		color: #707070;
}
/* 「学位」の文字サイズとアイコン */
.prof_gakui {
		margin-top: 10px;
		font-size: .5em;
}
.prof_gakui span {
		padding: .1em .5em;
		background: #969696;
		color: white;
		margin-right: 10px;
}
/* 「役職」を帯にする */
.upts_prof_position h4 {
		padding: .1em .5em;
		background: #969696;
		color: white;
		margin-bottom: 10px;
}
/* ===== 1024以下で文字サイズを小さくする */
@media (max-width: 1024px) {
		.unit_profile_flex {
				padding: .7em 1em 0 1em;
		}
		.upts_prof_name {
				font-size: 1.3em;
				padding: .7em;
		}
		.upts_prof_left {
				width: 55%;
		}
		.upts_prof_right {
				font-size: .85em;
				width: 43%;
		}
}
/* ==== 650以下でflexを解除する */
@media (max-width: 650px) {
		.unit_profile_flex {
				display: block;
				width: 100%;
		}
		.upts_prof_left {
				width: 100%;
		}
		.upts_prof_right {
				font-size: 1em;
				width: 100%;
		}
}
/* 400以下でflexを解除する */
@media (max-width: 400px) {
		.upts_prof_left {
				display: block;
				text-align: center;
		}
}
/* ======================
プロフィール２列の場合 
======================*/
.unit_prof_wrap_double {
		width: 49%;
		margin-bottom: 3%;
}
/* ２つのボックスを横並びにする */
.unit_prof_double {
		/* 両端揃え */
		/*	display: -webkit-box;*/
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-justify-content: space-between; /* Safari etc. */
		-ms-justify-content: space-between; /* IE10        */
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap; /* Safari etc. */
		-ms-flex-wrap: wrap; /* IE10        */
}
/* ボックスのサイズを半分に */
.unit_prof_double .unit_profile_box {
		width: 99%;
}
.unit_profile_flex.double.unit_profile_flex {
		display: block;
		width: 100%;
}
.unit_profile_flex.double .upts_prof_left {
		width: 100%;
}
.unit_profile_flex.double .upts_prof_right {
		font-size: 1em;
		width: 100%;
}
/* ===== 1024以下で文字サイズを小さくする */
@media (max-width: 1024px) {
		.unit_profile_flex.double {
				padding: .7em 1em 0 1em;
		}
}
/* ==== 768以下でflexを解除する */
@media (max-width: 768px) {
		.unit_profile_flex.double {
				display: block;
		}
		.unit_prof_wrap_double {
				width: 100%;
		}
}

/* ========== 国際活動 */
.upts_prof_left.kokusai{
	width: 20%;
	margin-bottom: 10px;
}
.upts_prof_right.kokusai{
	width: 78%;
	margin-bottom: 20px;
}
/* ==== 768以下 */
@media (max-width: 768px) {
	/* 国際活動 */
.upts_prof_left.kokusai{
	width: 100%;
	margin: 0 auto;
	margin-bottom: 5px;
}

.upts_prof_right.kokusai{
	width: 100%;
	margin-bottom: 20px;
}
}

/* ------------------------------------------------------------沿革 */
/* =================================
           横並びのテーブル 
 ==================================*/
.unit_table_side {
		max-width: 1200px;
		width: 100%;
}
.unit_table_side table {
		width: 100%;
		border-collapse: collapse;
		border: solid #CCC;
		border-width: 1px;
}
.unit_table_side table tr th, .unit_table_side table tr td {
		padding: 0.5em;
		text-align: left;
		vertical-align: top;
		border: solid #CCC;
		border-width: 1px;
		color: #333;
}
.unit_table_side table tr th {
		width: 20%;
		background: #eee;
}
@media screen and (max-width:768px) {
		.unit_table_side {
				width: 100%;
		}
		.unit_table_side table, .unit_table_side table tbody, .unit_table_side table tr, .unit_table_side table tr th, .unit_table_side table tr td {
				display: block;
		}
		.unit_table_side table {
				width: 100%;
				border-width: 0 0 1px 0;
		}
		.unit_table_side table tr th, .unit_table_side table tr td {
				width: 100%;
				padding: 3% 5%;
		}
		.unit_table_side table tr td {
				border-width: 0px 1px 0px 1px;
		}
}

/*逕ｻ蜒上ｄ譁�ｭ励ｒ蟾ｦ蜿ｳ縺ｧ蛻�牡*/
.l_flex_image {
	display: flex;
	width: 100%;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.l_flex_image .l_flex_image_parts {
	width: 49%;
}
.l_flex_image .l_flex_image_parts p {
	text-align: center;
	padding: 5px 0 10px 0;
}

/* 繝ｬ繧ｹ繝昴Φ繧ｷ繝悶〒flex隗｣髯､ */
@media screen and (max-width : 768px) {
	.l_about_box {
		display: block;
		padding: 0;
	}
	.l_about_box .l_about_text {
		padding: 0;
		margin: 0;
	}
	.l_about_box .l_about_text h3 {
		padding: 10px;
		margin: 0;
	}
	.l_about_box .l_about_text p {
		padding: 10px;
	}
	.l_flex_image {
		display: block;
		text-align: center;
	}
	.l_flex_image .l_flex_image_parts p {
		width: 97%;
		margin: 0 auto;
	}
	.l_flex_image .l_flex_image_parts {
		width: 97%;
		margin: 0 auto;
		text-align: center;
	}
	.l_flex_image_parts.overwidth {
		width: 97%;
		margin: 0 auto;
		text-align: center;
	}
}

/* ------------------------------------------------------------スタッフ紹介 */

/* プロフィール・詳細展開部分 */
.codecontent2 {
	display: block;
	width: 99%;
	background: #FFFFFF;
	z-index: 888;
	border: #D9D9D9 2px solid;
	padding: 2em 1em;
	font-size: .95em;
}
.l_message_btn{
	background: #D9D9D9;
	text-align: center;
	cursor: pointer;
	margin-top: -35px;
	width: 99%;
	font-weight: bold;
	transition: .4s;
}
.l_message_btn:hover{
	color: #6B0E10;
	background:#CB9E9F;
}
.prof_solo{
	width: 100%;
	margin-top: 15px;
}
.prof_solo + div {
	width: 100%;
	border: 0;
}
.codecontent2 p {
	margin: 1em 1em 1em 2em;
}
.codecontent2 ul {
	margin: 1em 1em 1em 2em;
}

/* プロフィール・プルダウンメニュー */
form {
	margin-bottom: 50px;
	border: 1px solid #838383;
	padding: 1em;
}
form .l_link_menu {
	width: 100%;
	font-size: 1.05em;
	cursor: pointer;
	position: relative;
	border: none;
}

/* ------------------------------------------------------------医局員の構成 */
/* --------------------------------------------------
	テーブル２
-------------------------------------------------- */
/* 曜日の部分 */
th {
	width: 15%;
	color: white;
	background: #3E3E3E;
	text-align:center;
}
/* 色違いの部分 */
.th02 {
	background: #9C9C9C;
}
/* 初診・再診・対象の部分 */
.td_title {
	color: white;
	background: #4D4D4D;
}
/* 色違いの部分 */
.td_title02 {
	color: white;
	background: #9C9C9C;
}

/*----------------------------------------------------
  .department_table
----------------------------------------------------*/
section table {
	width: 100%;
}
section th, section td {
	padding: 10px;
}
section th {
	background: #f4f4f4;
}
.department_table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #ddd;
}
.department_table th {
	width: 13%;
	padding: 5px;
}
.department_table tbody td {
	border-left: 1px #C9C9C9 solid;
	vertical-align: middle;	
}
.department_table td {
	text-align: center;
	padding: 5px 0;
}
.department_table td:first-child {
	text-align: center;
	vertical-align: middle;
}
@media only screen and (max-width: 240px) {
	.department_table {
		width: auto;
		margin: 0;
	}
	.department_table thead {
		display: initial;
		float: left;
	}
	.department_table tbody {
		display: block;
		width: auto;
		overflow-x: scroll;
		white-space: nowrap;
		padding: 5px;
	}
	.department_table th {
		display: block;
		width: auto;
	}
	.department_table tbody tr {
		display: inline-block;
		margin: 0 -3px;
	}
	.department_table td {
		display: block;
		width: 100%;
		padding: 5px 10px;
		padding-left: -10px;
	}
}
@media (max-width: 1000px) {
	.department_table {
		font-size: 0.8em;
	}
}

/* ------------------------------------------------------------これまで医局運営に貢献頂いたOBOG */
/* ==============================
	　OB＆OGページのカード
=================================*/
/* リストを横並び */
.bpts_flexbox_onoff.card {
		list-style: none;
		display: -ms-flexbox; /*for IE10*/
		display: -webkit-flex; /*for Safari and others */
		display: flex;
		-ms-flex-wrap: wrap; /*for IE10*/
		-webkit-flex-wrap: wrap; /*for Safari and others */
		flex-wrap: wrap;
		flex-direction: row;
}
/* カード１枚分 */
.unit_card {
		box-sizing: border-box;
		width: calc(100% / 3 - 20px); /* ３つで折り返す */
		margin: 10px;
		border: 2px solid #D9D9D9;
		padding: 2em 1.3em 1em 1.3em;
}
/* 「画像」と「名前・役職」を横並び */
.unit_card_flex {
		/* 均等揃え */
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: distribute;
		justify-content: space-around;
}
/* 名前 */
.upts_card_r_text h4 {
		font-size: 1.4em;
}
.upts_card_r_text span {
		display: block;
		padding: 0 .5em;
		background: #969696;
		color: white;
		margin-bottom: 10px;
		text-align: center;
}
/* 備考欄 */
.upts_card_plustext {
		background: #E9E9E9;
		font-size: .9em;
		padding: .5em;
		text-align: justify;
		margin-top: .5em;
		border-radius: 1px;
}
@media (max-width: 1025px) {
		/* 「画像」と「名前・役職」を横並び */
		.unit_card {
				width: calc(100% / 2 - 20px); /* 2つで折り返す */
		}
}
@media (max-width: 620px) {
		.unit_card {
				width: 99%;
		}
}

/* ------------------------------------------------------------主催学会・研究会 */
/* ========== 主催学会・研究会 */
.p_event_area{
	border: #D9D9D9 2px solid;
	margin-bottom: 20px;
}
/* タイトル */
.p_event_area .or01{
	padding: .3em 1em;
	background: #D9D9D9;
	font-weight: bold;
	font-size: 1.1em;
}
/* 開催日時・場所 */
.p_event_area .or02{
	padding: .3em 1em;
	background: #EFEFEF;
	line-height: 1.7;
}
/* 本文 */
.p_event_area .or03{
	padding: .3em 1em 1em 1em;
	background: #fff;
}
/* 日時・場所のラベル */
.l_label{
	padding: .1em .6em;
	margin-right:1em;
	background: #8B8B8B;
	color: #fff;
	border-radius: 1px;
}
@media (max-width: 768px) {
	/* タイトル */
.p_event_area .or01{
	padding: .3em 1em;
	background: #D9D9D9;
	font-weight: bold;
	font-size: 1.1em;
}
/* 開催日時・場所 */
.p_event_area .or02{
	font-size: .9em;
}
/* 本文 */
.p_event_area .or03{
	font-size: .9em;
}
}

/* ------------------------------------------------------------トピックス */
/* ------------------------------
   展開テーブル
-----------------------------*/
/* マーク */
.infomark_label {
		display: inline-block;
		margin-bottom: 3px;
		padding: 3px;
		border: 1px dimgray solid;
		font-size: xx-small;
		line-height: 1.5;
		vertical-align: middle;
		text-align: center;
		color: dimgray;
		background: white;
}
.infomark_label.closed {
		border-color: red;
		color: red;
}
/*アイコン「new」*/
.infomark_label.new {
		border: none;
		background-color: #D51236;
		color: white;
		margin-left: 10px;
		padding: .1em .6em;
}
/*アイコン「開催済み」*/
.infomark_label.sumi {
		border: none;
		background-color: #8F8F8F;
		color: white;
		margin-left: 10px;
		padding: .1em .6em;
}

/* ------------------------------------------------------------医局だより */
/* --------------------------------------------------
	ニュースボックス（見出し付き）
-------------------------------------------------- */
/* 全体の囲い */
.unit_newsbox {
		max-width: 100%;
		width: 100%;
		padding: 30px 25px 40px 25px;
		border: 1px solid #D8D8D8;
		margin-bottom: 40px;
}
/* タイトルの下に線 */
.upts_newsbox_title {
		padding-bottom: .2em;
		border-bottom: 1px solid #ccc;
		margin-bottom: 30px;
}
/* タイトルと日付を左右に配置 */
.upts_newsbox_title h3 {
		font-size: 1.5em;
		line-height: 1.5;
		float: left;
		font-weight: 500;
}
/* 日付 */
.upts_newsbox_title span {
		color: #aaa;
		font-size: 1em;
		float: right;
}
/* 本文エリアで画像と文字を横並び */
.upts_newsbox_txt {
		max-width: 900px;
		width: 100%;
		margin-top: 17px;
		display: -ms-flexbox; /*for IE10*/
		display: -webkit-flex; /*for Safari and others */
		display: flex;
}
/*　画像の幅 */
.upts_newsbox_img {
		width: calc(100% - 50%);
}
/* 画像の下に文字をいれるとき */
.upts_newsbox_img p {
		text-align: center;
		font-size: 1em;
		margin: 5px 0 10px -5px;
		color: #565656;
}
/* 本文テキスト */
.upts_newsbox_txt p {
		font-size: 1em;
		width: 100%;
		padding-left: 15px;
}
/* 画像をエリアいっぱいに */
.upts_newsbox_img img {
		max-width: 100%;
}
@media (max-width: 768px) {
		.upts_newsbox_img {
				display: -ms-flexbox; /*for IE10*/
				display: -webkit-flex; /*for Safari and others */
				display: flex;
				width: 100%;
		}
		.newsbox_imageset {
				margin: 1%;
				text-align: center;
		}
		.unit_newsbox {
				padding: 5px 10px 5px 10px;
		}
		.upts_newsbox_txt {
				margin-left: 5px;
				display: block;
				width: 100%;
		}
		.upts_newsbox_txt p {
				padding: 0;
		}
}
/* ===================================
	２．画像を横並び配置パターン　　*/
/* 本文エリアで画像と文字を横並び */
.upts_newsbox_txt_double {
		max-width: 900px;
		width: 100%;
}
/*　画像の幅 */
.upts_newsbox_img_double {
		max-width: 900px;
		width: 100%;
		display: -ms-flexbox; /*for IE10*/
		display: -webkit-flex; /*for Safari and others */
		display: flex;
		-ms-flex-pack: center;
		-webkit-box-pack: center;
		justify-content: center;
}
/* 画像の下に文字をいれるとき */
.upts_newsbox_img_double p {
		text-align: center;
		font-size: 1em;
		margin-top: -5px;
		margin-left: -5%;
		color: #565656;
}
/* 本文テキスト */
.upts_newsbox_txt_double p {
		font-size: 1em;
		width: 100%;
		padding: 10px 5px 10px 15px;
}
/* 画像をエリアいっぱいに */
.upts_newsbox_img_double img {
		max-width: 99%;
		width: 100%;
}
@media (max-width: 768px) {
		/* 本文テキスト */
		.upts_newsbox_txt_double p {
				padding-left: 0;
		}
		.upts_newsbox_img_double {
				display: block;
		}
}
/* ===================================
	３．画像が１枚だけのパターン　　*/
/* 本文エリアで画像と文字を横並び */
.upts_newsbox_txt_1photo {
		width: 100%;
}
.newsbox_imageset_1photo p {
		font-size: 1em;
		padding: 10px;
}
.upts_newsbox_txt_1photo p {
		font-size: 1em;
}
/*　画像の幅 */
.upts_newsbox_img_1photo {
		width: 40%;
		float: left;
}
/* 画像の下に文字をいれるとき */
.upts_newsbox_img_1photo p {
		text-align: center;
		font-size: 1em;
		margin-top: -5px;
		margin-left: -5%;
		color: #565656;
}
.newsbox_imageset_1photo {
		margin-right: 5%;
		padding: 2px;
}
/* 画像をエリアいっぱいに */
.upts_newsbox_img_1photo img {
		max-width: 100%;
}
@media (max-width: 768px) {
		/*　画像の幅 */
		.upts_newsbox_img_1photo {
				width: 100%;
				float: none;
		}
		/* 画像の下に文字をいれるとき */
		.upts_newsbox_img_1photo p {
				margin-left: 0;
		}
		.newsbox_imageset_1photo {
				margin: 0 auto;
				text-align: center;
		}
}

/* ------------------------------------------------------------Hepatology News */
/* ========================
		プロフィール 
===========================*/
/* １件分の枠 */
.unit_profile_box {
		border: 2px solid #D9D9D9;
		width: 100%;
		margin-bottom: 30px;
}
/*「 写真・名前」「役職」を横並び */
.unit_profile_flex {
		padding: .7em 2em 0 2em;
		/* 両端揃え */
		display: -ms-flexbox;
		display: -webkit-box;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
}
/* 「写真」と「名前」を横並び */
.upts_prof_left {
		width: 47%;
		text-align: left;
		display: -ms-flexbox;
		display: -webkit-box;
		display: flex;
		padding-top: 1em;
}
/* 「役職」の幅を決める */
.upts_prof_right {
		width: 50%;
		padding-top: 1em;
}
/* 「名前」の文字サイズ */
.upts_prof_name {
		font-size: 1.6em;
		padding: 1em 0 1em 1em;
}
/* 「名前（ローマ字表記）」 */
.upts_prof_name h3 span {
		display: block;
		font-size: .6em;
		color: #707070;
}
/* 「学位」の文字サイズとアイコン */
.prof_gakui {
		margin-top: 10px;
		font-size: .5em;
}
.prof_gakui span {
		padding: .1em .5em;
		background: #969696;
		color: white;
		margin-right: 10px;
}
/* 「役職」を帯にする */
.upts_prof_position h4 {
		padding: .1em .5em;
		background: #969696;
		color: white;
		margin-bottom: 10px;
}
/* ===== 1024以下で文字サイズを小さくする */
@media (max-width: 1024px) {
		.unit_profile_flex {
				padding: .7em 1em 0 1em;
		}
		.upts_prof_name {
				font-size: 1.3em;
				padding: .7em;
		}
		.upts_prof_left {
				width: 55%;
		}
		.upts_prof_right {
				font-size: .85em;
				width: 43%;
		}
}
/* ==== 650以下でflexを解除する */
@media (max-width: 650px) {
		.unit_profile_flex {
				display: block;
				width: 100%;
		}
		.upts_prof_left {
				width: 100%;
		}
		.upts_prof_right {
				font-size: 1em;
				width: 100%;
		}
}
/* 400以下でflexを解除する */
@media (max-width: 400px) {
		.upts_prof_left {
				display: block;
				text-align: center;
		}
}
/* ======================
プロフィール２列の場合 
======================*/
.unit_prof_wrap_double {
		width: 49%;
		margin-bottom: 3%;
}
/* ２つのボックスを横並びにする */
.unit_prof_double {
		/* 両端揃え */
		/*	display: -webkit-box;*/
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-justify-content: space-between; /* Safari etc. */
		-ms-justify-content: space-between; /* IE10        */
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap; /* Safari etc. */
		-ms-flex-wrap: wrap; /* IE10        */
}
/* ボックスのサイズを半分に */
.unit_prof_double .unit_profile_box {
		width: 99%;
}
.unit_profile_flex.double.unit_profile_flex {
		display: block;
		width: 100%;
}
.unit_profile_flex.double .upts_prof_left {
		width: 100%;
}
.unit_profile_flex.double .upts_prof_right {
		font-size: 1em;
		width: 100%;
}
/* ===== 1024以下で文字サイズを小さくする */
@media (max-width: 1024px) {
		.unit_profile_flex.double {
				padding: .7em 1em 0 1em;
		}
}
/* ==== 768以下でflexを解除する */
@media (max-width: 768px) {
		.unit_profile_flex.double {
				display: block;
		}
		.unit_prof_wrap_double {
				width: 100%;
		}
}

/* ヘパトロジーニュース */
.upts_prof_left.hepa_news{
	max-width: 100px;
	width: 100%;
}
.upts_prof_left.hepa_news div{
	text-align: center;
}
.upts_prof_right.hepa_news{
	width: 90%;
}
.upts_prof_right.hepa_news ul{
	display: flex;
	flex-flow: column wrap;
	height: 220px;
	margin-bottom: 10px;
}
.upts_prof_right.hepa_news ul li{
	padding-left: 10px;
	margin: 3px;
}
.upts_prof_right.hepa_news ul li:nth-child(odd){
	background: rgba(224,224,224,0.4);
}
@media (max-width: 769px) {
.upts_prof_right.hepa_news ul{
	display: block;
	flex-flow: nowrap;
	height: auto;
}
.upts_prof_right.hepa_news{
	width: 100%;
}
}

/* ========== 関連病院 */
ul.p_kanren_list{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.p_kanren_list li{
	margin: 1%;
}
.p_kanren_list .bpts_btn_fuwa{
	max-width: 100%;
	width: 300px;
	height: 50px;
	
}@media (max-width: 338px) {
	.p_kanren_list .bpts_btn_fuwa{
		width: 230px;
		height: 80px;
	}
}

/* ------------------------------------------------------------メディア掲載情報 */
/* ====== メディア掲載 */
.p_event_area .or03.media{
	text-align: center;
}
.l_half_width{
	width: 50%;
	margin: 0 auto;
}

@media (max-width: 768px) {
	.l_half_width{
	width: 100%;
	margin: 0 auto;
}
}

/* ------------------------------------------------------------後期臨床研修プログラム */
/* strong（強調）のカラーバリエーション */
.bpts_strong_darkred {
	color: #AC1F24;
}

/* --------------------------------------------------
	テーブル２
-------------------------------------------------- */
.col_tablearea {
	margin: 0 10px 10px;
}
.col_table_responsive {
	width: 100%;
	margin: 0 auto 10px;
	padding: 0;
	background-color: #f9f9f9;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px #ddd solid;
	border-spacing: 0;
}
.col_table_responsive thead {
	background-color: #7C272C;
	color: #fff;
}
.col_table_responsive th {
	margin-bottom: 9px;
	padding: 9px 15px;
	/*	border-left: 1px #836089 solid;*/
	border-left: 1px rgb(201, 201, 201) solid; /*薄グレー*/
	font-weight: normal;
}
.col_table_responsive th:first-child {
	border-left-width: 0;
}
.col_table_responsive tbody {
	vertical-align: top;
}
.col_table_responsive tbody td {
	border-left: 1px #ddd solid;
}
.col_table_responsive tbody td:first-child {
	border-left-width: 0;
}
/* モバイル用 */
@media screen and (max-width: 768px) {
	.col_table_responsive {
		width: 100%;
	}
	.col_table_responsive tbody tr {
		display: block;
		padding-bottom: 12px;
	}
	.col_table_responsive tbody td {
		display: block;
		padding: 3px 0;
		width: 100%;
		border-left-width: 0;
	}
	.col_table_responsive tbody td:before {
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline;
		margin-right: 5px;
		color: #888;
		font-weight: normal;
	}
	.col_table_responsive tbody td:nth-of-type(2):before {
		content: "日程:";
	}
	.col_table_responsive tbody td:nth-of-type(3):before {
		content: "時間:";
	}
	.col_table_responsive tbody td:nth-of-type(4):before {
		content: "場所:";
	}
	.col_table_responsive tbody td:nth-of-type(5):before {
		content: "内容:";
	}
	.col_table_responsive tbody .title {
		width: 100%;
		margin-bottom: 9px;
		background-color: #7C272C;
		color: #fff;
		text-align: center;
	}
	.col_tablearea01 th {
		display: none;
	}
	.col_tablearea01 tr {
		padding: 0;
	}
	/* IE8対応 */
	.col_tablearea02 .col_table_responsive_pc {
		display: none;
	}
	.col_tablearea02 .col_table_responsive tr {
		display: block;
	}
	.col_tablearea02 .col_table_responsive thead {
		display: none;
	}
	.col_tablearea02 .col_table_responsive tbody tr {
		overflow: hidden;
	}
	.col_tablearea02 .col_table_responsive tbody tr:after {
		*zoom: 1;
	}
	.col_tablearea02 .col_table_responsive tbody tr:after:after {
		content: "\0020";
		display: block;
		height: 0;
		clear: both;
		overflow: hidden;
		visibility: hidden;
	}
	.col_tablearea02 .col_table_responsive tbody td {
		float: left;
	}
	.col_tablearea02 .col_table_responsive tbody td:before {
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline;
		content: attr(data-th) ":";
	}
	.col_tablearea02 .col_table_responsive tbody .col_table_responsive_inner {
		padding: 0 15px;
	}
	.col_tablearea02 .col_table_responsive tbody .title {
		margin: 0/9;
		padding-right: 0/9;
		padding-left: 0/9;
	}
	.col_tablearea02 .col_table_responsive tbody .title:before {
		content: none;
	}
}
/* PC用 */
@media screen and (min-width: 769px) {
	.col_table_responsive_mobile {
		display: none;
	}
	.col_table_responsive th, .col_table_responsive td {
		display: table-cell;
	}
	.col_table_responsive td:before {
		display: none;
	}
	.col_table_responsive tr:nth-child(even) {
		background-color: #eaeaea;
	}
	.col_table_responsive th {
		padding: 7px 7px;
	}
	.col_table_responsive td {
		padding: 7px 7px;
	}
	.col_table_responsive td:before {
		display: none;
	}
	.col_table_responsive .date {
		width: 8em;
	}
	.col_table_responsive .contents {
		width: 150px;
	}
}

/*縲€騾ｱ髢薙せ繧ｱ繧ｸ繝･繝ｼ繝ｫ縲€*/
.l_td1{
    vertical-align: middle;
    text-align: center;
    width:10%;
}
.l_td2,.l_td3,.l_td4{
    vertical-align: top;
    width:30%;
}
.l_time_left{
    width:30%;
    vertical-align: top;    
}
.l_time_right{
    vertical-align: top;
}
.l_strong_darkred{
    color: #AC1F24;
}

/* 繝｢繝舌う繝ｫ逕ｨ */
@media screen and (max-width: 768px) {
    .col_table_responsive tbody td:before {
        width:100%;
        text-align: center;
        background-color: #EEEEEE;
        border-top: 1px #ddd solid;        
        border-bottom: 1px #ddd solid;        
        }
    .col_table_responsive tbody td:nth-of-type(2):before {
            content: "蜊亥燕";
        }
    .col_table_responsive tbody td:nth-of-type(3):before {
            content: "蜊亥ｾ�";
        }
    .col_table_responsive tbody td:nth-of-type(4):before {
            content: "螟�";
        }
    .col_table_responsive tbody td{
        padding:0;         
        }
    .l_td1{
        width:100%;
        color:white;
        background-color: #3E3E3E;
        border:1px solid #3E3E3E;
        border-left-width: 0;
        }
    .l_td2,.l_td3,.l_td4{
        width:100%;
        margin-bottom: 10px;
        }
    .col_table_responsive .l_time tbody td:before {
        content:none;
    }    
    .col_table_responsive tbody td p{
        margin-left: 1em;    
        }
    .l_time{
        width:calc(100% - 2em);
        margin:0 1em;
        }
    .l_time_left{
        width:100%;        
        }
    .l_strong_darkred{
        margin-left:1em; 
    }
    .l_none{
        display: none;
    }
}

/* ------------------------------------------------------------研修風景アルバム */
ul.l_album_photo{
	display: flex;
	flex-wrap: wrap;
}
ul.l_album_photo li{
	margin:5px;
}

/* ------------------------------------------------------------腹部超音波症例資料集 */
/* 閻ｹ驛ｨ雜�浹豕｢逞�ｾ矩寔 */
ul.l_echo_list li {
	display: flex;
	justify-content: center;
	margin: 0 auto;
	margin-bottom: 15px;
}

/* ------------------------------------------------------------腹部超音波講習会 */
.l_fukubu_flex img{
	margin: 5px;
object-fit: cover;
 width: 200px;
	height: 200px;
}
.l_fukubu_flex a{
	border: none!important;
}

/* ------------------------------------------------------------学会案内 */
.l_link_icon {
	position: relative;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	background: #5A92DF;
	border-bottom: 2px solid #456A9B;
	border-radius: 2px;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0);
}
a.l_link_icon:active {
	border-bottom: 2px solid #5A92DF;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0);
}

/* ------------------------------------------------------------新しい治療方法 */
.b_red {
    font-weight: bold;
    color: red;
}

/*　マーカー　*/
.col_marker_red {
	background: url(../image/common/bgsheet-stripe-white50.png), #FFD6DC /*赤*/ ;
	background: url(../image/common/bgsheet-stripe-white50.png), -moz-linear-gradient(transparent 60%, #FFD6DC /*赤*/ 60%);
	background: url(../image/common/bgsheet-stripe-white50.png), -webkit-linear-gradient(transparent 60%, #FFD6DC /*赤*/ 60%);
	background: url(../image/common/bgsheet-stripe-white50.png), linear-gradient(transparent 60%, #FFD6DC /*赤*/ 60%);
}

/* ------------------------------------------------------------肝炎デーイベント */
/* --------------------------------------------------
	説明ボックス（見出し付き）
-------------------------------------------------- */
.unit_introbox {
		padding: 15px 25px 20px 25px;
		border: 4px solid #e6e6e6;
		margin-bottom: 30px;
}
@media (max-width : 500px) {
		.unit_introbox {
				padding: 15px 15px 20px 15px;
		}
}
.upts_introbox_title {
		border-left: 5px solid #8C3F4D;
		padding: 5px 0 5px 10px;
		border-bottom: 1px #C0C0C0 dotted;
		font-size: 1.1em;
		font-weight: bold;
		margin-bottom: 15px;
		color: #464646;
}
.upts_introbox_txt {
		margin-left: 23px;
}
.upts_introbox_name {
		font-weight: bold;
		font-size: 120%;
}
.upts_introbox_company {
		font-weight: normal;
		font-size: 110%;
}
.upts_introbox_photo {
		width: 100px;
		margin: 2px 10px 5px 10px;
		float: left;
		border-radius: 5px;
}

/* =================================
      横並びのテーブル -イベント・セミナー用
 ==================================*/
.unit_table_side_noborder {
		width: 100%;
}
.unit_table_width {
		width: 100%;
}
.unit_table_side_noborder table {
		width: 100%;
		border-collapse: collapse;
}
.unit_table_side_noborder table tr th, .unit_table_side_noborder table tr td {
		border-bottom: 1px dotted #B7B7B7;
		padding: 0.4em;
		text-align: left;
		vertical-align: top;
		color: #333333;
		background: #fff;
}
.unit_table_side_noborder table tr.last th, .unit_table_side_noborder table tr.last td {
		border-bottom: none;
}
.unit_table_side_noborder table tr th {
		width: 15%;
		font-weight: bold;
}
@media screen and (max-width:768px) {
		.unit_table_side_noborder {
				width: 100%;
		}
		.unit_table_side_noborder table, .unit_table_side_noborder table tbody, .unit_table_side_noborder table tr, .unit_table_side_noborder table tr th, .unit_table_side_noborder table tr td {
				display: block;
		}
		.unit_table_side_noborder table {
				width: 100%;
				border-width: 0 0 1px 0;
		}
		.unit_table_side_noborder table tr th, .unit_table_side_noborder table tr td {
				width: 90%;
				padding: 1%;
		}
		.unit_table_side_noborder table tr td {
				border-width: 0px 1px 0px 1px;
		}
		.upts_introbox_txt a {
				text-align: center;
		}
}

.img_kanzoubyou {
		width: 40%;
		text-align: center;
		margin: 0 3% 0 0;
}
/* モバイル用 */
@media screen and (max-width: 768px) {
		.img_kanzoubyou {
				width: 100%;
				text-align: center;
				margin: 0 0 0 0;
		}
}

/* 見出し */
h4.info_title {
		background: none;
		margin: 0;
		padding: 0;
		font-weight: 100;
		text-align: left;
		line-height: 1.5;
	font-size: 1em;
}

/* ==========================================
	スクロール付きのボックス ---非全体リンク
============================================*/
/* 中身の日付と見出し */
.upts_scrollbox_nolink {
		padding: 17px;
		width: calc(100% - 30px); /* 追加 */
		/* ゆっくり色変化 */
		text-decoration: none;
		-webkit-transition: 0.8s;
		-moz-transition: 0.8s;
		-o-transition: 0.8s;
		-ms-transition: 0.8s;
		transition: 0.8s;
}
/* 日付 */
.upts_scrollbox_nolink p {
		font-size: 0.9em;
		text-align: left;
		letter-spacing: .02em;
		color: #B1ACB1;
		margin-bottom: 1px;
}
.upts_scrollbox.webupdate {
		max-height: 200px;
}
.upts_scrollbox.webupdate a {
		color: #362FDD;
}
.upts_scrollbox.topics {
		max-height: 250px;
}
.upts_scrollbox.topics ul {
		padding: 5px;
}
.upts_scrollbox.topics ul li {
		padding: 0 5px 5px 20px;
}

/* ------------------------------------------------------------なめたら・あ・肝臓！ニュース  */
/* 縺り�閾薙ル繝･繝ｼ繧ｹ縺ｮ繝ｪ繧ｹ繝� */
.l_intro_bottom {
	width: 100%;
	padding-top: 20px;
}
.l_intro_bottom h3 {
	text-align: center;
}
.akan_backnumber {
	margin: 0 auto;
}
.akan_backnumber li {
	display: inline-block;
	width: 24%;
	background: #E8E8E8;
	text-align: center;
	margin: 2px;
	padding: .2em 0;
	transition: .4s;
}
.akan_backnumber li:hover {
	background: #A4A4A4;
}
.akan_backnumber li a {
	text-decoration: none;
	display: block;
}
@media screen and (max-width:768px) {
	.akan_backnumber li {
		width: 48%;
	}
}

/* 閧昴■繧�ｓ騾壻ｿ｡逕ｨ */
.img_tsushin {
	width: 50%;
	text-align: center;
}
.img_tsushin img {
	border: solid 1px #c5c5c5!important;
  margin-top: 20px;
}
.unit_table_width_tsushin {
  width: 100%;
	margin: 10px 0 0 30px!important;
}

@media screen and (max-width:1026px) {
	.img_kanzoubyou {
		width: 50%;
	}
}
@media screen and (max-width:768px) {
	.img_kanzoubyou {
		width: 100%;
	}
}

/* ------------------------------------------------------------肝臓病教室への思い  */
/* 閧晁∮逞�蕗螳､縺ｸ縺ｮ諤昴＞ */
ul.l_box_flex {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
ul.l_box_flex > li {
	width: 45%;
	list-style: none;
	background: #fff;
	box-sizing: border-box;
	margin: 1.5%;
}
.l_box {
	position: relative;
	margin: 2em 0;
	padding: 0.5em 1em;
	border-radius: 8px;
}
.l_box .l_box_title {
	position: absolute;
	display: inline-block;
	top: -13px;
	left: 10px;
	padding: 0 9px;
	line-height: 1;
	font-size: 1.1em;
	background: #FFF;
	font-weight: bold;
}
.l_box p {
	margin: 0;
	padding: 0;
}
/* 蜷���岼縺ｮ濶ｲ蛻�￠ */
.l_box.ishi {
	border: solid 3px #95ccff;
}
.l_box.kangoshi {
	border: solid 3px #F499BE;
}
.l_box.eiyoushi {
	border: solid 3px #C986F0;
}
.l_box.yakuzaishi {
	border: solid 3px #FFB295;
}
.l_box.pt {
	border: solid 3px #A9FF95;
}
@media screen and (max-width:768px) {
	ul.l_box_flex {
		display: block;
	}
	ul.l_box_flex > li {
		width: 100%;
		margin: 6% 0;
	}
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	メインビジュアルスライダー内のテキスト画像など
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* メインビジュアルテキスト */
.slick-slider > .slick-list > .slick-track {
	position: relative;
}

/* 一番上、ロゴカラー */
.___slick-slider > .slick-list > .slick-track::after {
	border: 0px solid red;
	position: absolute;
  top: -20%;
  bottom: 0;
  left: 310px;
  right: 0;
  margin: auto;
	content: "";
	background-image: url(/med/liver/assets/sitetop_mv_text_b.svg);
	background-repeat: no-repeat;
	background-position: center;
    background-size: contain;
	width: 100%;
	height: 590px;
	z-index: 9999;
}

@media (max-width: 1199px) {
.___slick-slider > .slick-list > .slick-track::after {
  position: absolute;
  top: 210px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
	width: 100%;
	height: 170px;
	background-image: url(/med/liver/assets/bgi-news.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
}

/* 一番上、ロゴモノクロ */
.slick-slider > .slick-list > .slick-track::before {
	border: 0px solid red;
	position: absolute;
  top: -25%;
  bottom: 0;
  left: 745px;
  right: 0;
  margin: auto;
	content: "";
	background-image: url(/med/liver/assets/bgi-header-menu.png);
	background-repeat: no-repeat;
	background-position: center;
    background-size: contain;
	width: 160px;
	height: 55%;
	z-index: 9999;
filter: drop-shadow(5px 5px 5px #aaa);
}

@media (max-width: 1199px) {
.slick-slider > .slick-list > .slick-track::before {
  position: absolute;
  top: -80px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
	width: 400px;
	height: 240px;
	background-image: url(/med/liver/assets/bgi-header-menu.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
}

/* 一番下、カットイン白枠 */
.slick-slider > .slick-list > .slick-track > .slick-slide {
	position: relative;
}

.slick-slider > .slick-list > .slick-track > .slick-slide::before {
	border: 0px solid red;
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	clip-path: polygon(65% 0, 100% 0, 100% 100%, 38% 100%);
	z-index: 1;
	background: linear-gradient(0deg, #595757 0%, #3e3a39 100%);
/*	background: linear-gradient(to right, #FFF, rgba(255,255,255,1.0) 30%, rgba(255,255,255,0.9) 80%, transparent);*/
/*	background: #fff;*/
/*	transform: rotate(130deg) translateY(-101%);*/
}
@media (max-width: 1199px) {
.slick-slider > .slick-list > .slick-track > .slick-slide::before {
	display: none;
}
}

/* 文字が出てくる */
.slick-slider > .slick-list > .slick-track::after {
  animation: fadeIn 1.0s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards, blur 1.3s both ease-in;
}

/* 透過 */
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1.0;
  }
}

/* ぼかし */
@keyframes blur {
    from {
        filter: blur(50px);
    }
    
    to {
        filter: blur(0);
    }
}

/* ロゴが出てくる */
.slick-slider > .slick-list > .slick-track::before {
  animation: fadeIn 1.0s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards, blur 1.3s both ease-in;
}
@media screen and (max-width:1199px) {
.slick-slider > .slick-list > .slick-track::before {
  animation: fadeIn2 1.0s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards, blur 1.3s both ease-in;
}
}

/* 透過 */
@keyframes fadeIn2 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.0;
  }
}

/* ぼかし */
@keyframes blur {
    from {
        filter: blur(50px);
    }
    
    to {
        filter: blur(0);
    }
}

/* 白枠が出てくる */
.slick-slider > .slick-list > .slick-track > .slick-slide::before {
  animation: fadeOut 1.0s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards, cutin 0.5s both ease-in;
}

/* 移動 */
@keyframes cutin {
  0% {
/*  transform: rotate(138deg) translateX(10px) translateY(-131%);*/
	transform: translateX(500px);
  }

  100% {
/*  transform: rotate(138deg) translateX(10px) translateY(-100%);*/
	transform: translateX(0px);
  }
}

/* 透過 */
@keyframes fadeOut {
  0% {
    opacity: 1.0;
  }
  100% {
    opacity: 0.9;
  }
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	TOP03
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* 更新情報の移動先 */
.sitetop_updateinfo_wrap {
	width: 100%;
	height: 200px;
	margin-bottom: 130px;
}
@media (max-width: 768px) {
.sitetop_updateinfo_wrap {
	padding: 0px 15px;
	margin-bottom: 100px;
}
}

.updateinfo_area {
	border: 1px solid #cfcfcf;
	width: 100%;
	height: 100%;
	padding: 20px 0px 20px 20px;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	TOP02
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* TOP02全体枠 */
@media (max-width: 768px) {
.home-contents > div:nth-child(4) > div {
	padding: 0px 0 0px;
}
}

/* トピックス、ニュース、イベントの移動先 */
/* トピックス */
.sitetop_topics_wrap {
	width: 100%;
	height: 480px;
	margin-bottom: 130px;
}
@media (max-width: 768px) {
.sitetop_topics_wrap {
	padding: 0px 15px;
	margin-bottom: 100px;
}
}

/* incl-topics.jsの枠組み */
.topics_area {
	border: 1px solid #cfcfcf;
	width: 100%;
	height: 100%;
	padding: 20px 20px 20px 20px;
	overflow: scroll;
}

/* ニュースとイベント */
.sitetop_news_event_wrap {
	border: 0px solid red;
	width: 100%;
	height: 420px;
	display: flex;
	flex-direction: row;
    align-items: center;
    justify-content: space-between;
	margin-bottom: 80px;
}
@media (max-width: 768px) {
.sitetop_news_event_wrap {
	height: 100%;
	flex-direction: column;
    padding: 0px 15px;
	margin-bottom: 10px;
}
}

/* 左右 */
.sitetop_news_event_box_left,
.sitetop_news_event_box_right {
	width: 47%;
	height: 420px;
}
@media (max-width: 768px) {
.sitetop_news_event_box_left,
.sitetop_news_event_box_right {
	width: 100%;
	height: 450px;
}
}
@media (max-width: 768px) {
.sitetop_news_event_box_right {
	margin-top: 90px;
}
}

.news_area,
.event_area {
	border: 1px solid #cfcfcf;
	width: 100%;
	height: 100%;
	padding: 0px 0px;
}

/* 各投稿機能の見出し */
/* アイコンつきの見出し */
.col_internal_icon_midashi {
	font-size: 2rem;
	font-weight: bold;
	letter-spacing: 3px;
	line-height: 3.2rem;
	padding-left: 4rem;
	font-family: 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	color: #3A3A3A;
	margin-bottom: 0px !important;
}
/* アイコンつきの見出し スマホ */
@media (max-width : 768px) {
.col_internal_icon_midashi {
	margin-left: 20px;
	}
}
/* メガホン */
.col_internal_icon_midashi.updateinfo {
	background: url(/med/liver/assets/icon-news-gn.png) 0 0/3.2rem no-repeat;
}
@media (max-width : 768px) {
.col_internal_icon_midashi.updateinfo {
	margin-left: 0;
	}	
.col_internal_icon_midashi.info {
	margin-left: 20px;
	}
}
/* 電球 */
.col_internal_icon_midashi.news {
	background: url("/med/liver/assets/icon-news-news.png") 0 0/3.2rem no-repeat;
}
/* カレンダー */
.col_internal_icon_midashi.event {
	background: url("/med/liver/assets/icon-news-event.png") 0 0/3.2rem no-repeat;
}
/* トピックス */
.col_internal_icon_midashi.topics {
	background: url("/med/liver/assets/icon-news-topics.png") 0 0/3.2rem no-repeat;
}
/* 更新情報 */
.col_internal_icon_midashi.updateinfo {
	background: url("/med/liver/assets/icon-news-gn.png") 0 0/3.2rem no-repeat;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	TOP01
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* バナー置き場の全体枠 */
.home-contents > div:nth-child(3) {
	padding-top: 0px !important;
}

/* スマホ時に灰色全体枠の横調整 */
@media (max-width: 768px) {
.home-contents > div:nth-child(3) > .pblock {
	padding: 0px 0px !important;
}
}

/* ======================
 バナー置き場、ニュース
========================*/
.l_bnr_bg {
	border: 0px solid red;
	width: 99.6vw; /* 親要素幅を超える */
	margin: 0 calc(50% - 50vw); /* 親要素幅を超える */
	text-align: center;
	padding: 3em 0;
	box-sizing: border-box;
/*
	margin-left: -1000px;
	margin-right: -1000px;
	padding-left: 1000px;
	padding-right: 1000px;
*/
	background-color: #D4D4D4;
	background-image:radial-gradient(#E8E8E8 1px, transparent 1px);
	background-size: 20px 20px;
}
.sitetop_bnr_box {
	text-align: center;
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	display: -ms-flexbox; /*for IE10*/
	display: -webkit-flex; /*for Safari and others */
	display: flex;
	-ms-flex-pack: justify; /*for IE10*/
	-webkit-box-pack: justify; /*for Safari and others */
	justify-content:center;
}
.sitetop_bnr_box img {
	margin: 5px;
	background: #fff;
	padding: 1px;
}
.upts_scrollbox ul li p{
	font-size: 0.9em;
  text-align: left;
  letter-spacing: .02em;
  color: #B1ACB1;
  margin-bottom: 1px;
}
.upts_scrollbox ul li div{
	padding: 17px;

}
.sitetop_bnr_box.gaibu{
	border-top: 1px dotted #4D4D4D;
	margin-top: 10px;
	padding-top: 10px;
}
/* SP */
@media (max-width: 767px) {
	.sitetop_bnr_box {
		display: block;
	}
	.l_bnr_bg {
		width: 100%;
		text-align: center;
		padding: 0;
		box-sizing: border-box;
		margin-left: 0;
		margin-right:0;
		padding-left: 0;
		padding-right:0;
		background-size: auto;
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

/* --------------------------------------------------
	ニュースの枠
-------------------------------------------------- */

.l_menu_contents {
	margin: 0 auto;
	max-width: 120rem;
	width: 100%;
	display: block;
}

/* --------------------------------------------------
	ニュースのパネル
-------------------------------------------------- */
/* 横並びにして両端揃え */
.unit_newspanel_flex {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
		grid-gap: 30px;
}
/* パネル１つ分 */
.unit_newspanel {
		height: 100%;
		width: 100%;
		position: relative;
		box-shadow: 0 0 8px gray;
		background: #fff;
}
/* イベントタグ */
.unit_newspanel h4 {
		position: absolute;
		top: 0;
		left: 0;
		width: 200px;
		border-radius: 0 0 50px 0;
		color: #fff;
		font-size: 1.25em;
		letter-spacing: 0.1em;
		line-height: 1.2;
		text-align: left;
		padding: 1% 7%;
		font-weight: normal;-webkit-backdrop-filter: blur(5px);
		backdrop-filter: blur(2px);
	z-index: 1;
}
/* イベントタグ英語小文字 */
.unit_newspanel h4 span {
		display: block;
		font-size: .7em;
		padding-left: 2px;
		font-family: 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-weight: normal;
}
.unit_newspanel_flex img, .unit_newspanel_flex video {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center center;
}
/* コピー本文 */
.upts_newspanel_text {
		width: 100%;
		position: absolute;
		bottom: 0;
		left: 0;
		height: 100px;
		color: #fff;
		padding: 2%;
		line-height: 1.6;
		text-align: left;-webkit-backdrop-filter: blur(5px);
		backdrop-filter: blur(2px);
}
/* 続きを読む */
.upts_newspanel_text span {
		display: block;
		position: absolute;
		border: 0;
		right: 20px;
		bottom: 10px;
		border-bottom: 1px solid #FFFFFF;
		font-weight: normal;
		font-size: .9em;
}
/* ここから各色の指定---------------- */
/*　医局説明会（info）・緑色 */
.unit_newspanel.info .upts_newspanel_text {
		background: rgba(38, 119, 57, 0.9);
}
/* イベントタグ */
.unit_newspanel.info h4 {
		background: linear-gradient(180deg, rgba(38, 119, 57, 0.9) 0%, rgba(38, 119, 57, 0.9) 50%, rgba(3, 97, 25, 0.9) 50%, rgba(3, 97, 25, 0.9) 100%);
}
/*　出来事（event）・赤色 */
/* コピー本文 */
.unit_newspanel.event .upts_newspanel_text {
		background: rgba(106, 0, 1, 0.7);
}
/* イベントタグ */
.unit_newspanel.event h4 {
		background: linear-gradient(180deg, rgba(120, 10, 12, 0.9) 0%, rgba(120, 10, 12, 0.9) 50%, rgba(81, 6, 8, 0.9) 50%, rgba(81, 6, 8, 0.9) 100%);
}
/*　受賞・表彰（award）・青色 */
.unit_newspanel.award .upts_newspanel_text {
		background: rgba(0, 51, 156, 0.7);
}
/* イベントタグ */
.unit_newspanel.award h4 {
		background: linear-gradient(180deg, rgba(12, 45, 127, 0.9) 0%, rgba(12, 45, 127, 0.9) 50%, rgba(8, 32, 90, 0.9) 50%, rgba(8, 32, 90, 0.9) 100%);
}
/* ここまで各色の指定---------------- */
/* モバイル用 */
@media screen and (max-width: 900px) {
		/* イベントタグ */
		.unit_newspanel h4 {
				font-size: 1em;
				width: 150px;
		}
		/* イベントタグ英語小文字 */
		.unit_newspanel h4 span {
				font-size: .6em;
		}
		/* コピー本文 */
		.upts_newspanel_text {
				height: 80px;
				font-size: .9em;
		}
}
/* モバイル用 */
@media screen and (max-width: 768px) {
		.unit_newspanel_flex {
				display: block;
		}
		.unit_newspanel {
				margin: 0 auto;
				max-width: 95%;
				margin-bottom: 20px;
		}
		.upts_newspanel_img img {
				height: 100%;
				width: 100%;
				object-fit: cover;
				object-position: center center;
				background: #fff;
		}
		/* コピー本文 */
		.upts_newspanel_text {
				max-width: 100%;
		}
		/* 続きを読む */
		.upts_newspanel_text span {
				display: inline;
		}
}

/* Youtubeと紹介動画のアイコン非表示 */
.home-contents > div:nth-child(3) > .pblock > div > div > div > a:nth-child(2)::after,
.home-contents > div:nth-child(3) > .pblock > div > div > div > a:nth-child(3)::after {
	display: none !important;
}

/* TOP01のバナー群 */
/* ==========================================
	スクロール付きのボックス ---全体リンク
============================================*/
.unit_news_flex {
		max-width: 1200px;
		width: 100%;
		margin: 0 auto;
		/*	display: -webkit-box;*/
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-pack: distribute;
		-ms-justify-content: space-around; /* IE10        */
		-webkit-justify-content: space-center; /* Safari etc. aroundが効かない場合の予備設定 */
		-webkit-justify-content: space-around; /* Safari etc. */
		justify-content: space-around;
}
/* タイトル含む外枠部分 */
.unit_box_wrap {
		display: inline-block;
		max-width: 500px;
		width: 100%;
		text-align: left;
		margin: 0 auto;
		height: 450px;
}
/* スクロール付きのボックス本体 */
.upts_scrollbox {
		border: 1px solid #CFCFCF;
		overflow-y: scroll;
		overflow-x: hidden;
		width: 100%;
		background: white;
		height: 400px;
}
/*スクロールバーの横幅指定*/
.upts_scrollbox::-webkit-scrollbar {
		width: 10px;
}
/*スクロールバーの背景色・角丸指定*/
.upts_scrollbox::-webkit-scrollbar-track {
		background: #ECECEC;
}
/*スクロールバーの色・角丸指定*/
.upts_scrollbox::-webkit-scrollbar-thumb {
		background: #787878;
}
@media (max-width: 767px) {
		.unit_news_flex {
				display: block;
				margin: 10px 0;
		}
		.unit_box_wrap {
				display: inline;
				margin: 0 auto;
				height: 250px;
		}
		.upts_scrollbox {
				margin: 0 auto;
				max-width: 90%;
				font-size: .95em;
				height: 250px;
				margin-bottom: 30px;
		}
}
.upts_scrollbox ul li {
		border-bottom: 1px dotted #EDE1ED;
}
/* 中身の日付と見出し */
.upts_scrollbox ul li a div {
		padding: 17px;
		/*width: calc(100% - 30px);*/ /* 追加 */
		/* ゆっくり色変化 */
		text-decoration: none;
		-webkit-transition: 0.4s;
		-moz-transition: 0.4s;
		-o-transition: 0.4s;
		-ms-transition: 0.4s;
		transition: 0.4s;
}
.upts_scrollbox ul li a div:hover {
		background: #EDEDED;
}
/* 日付 */
.upts_scrollbox ul li a div p {
		font-size: 0.9em;
		text-align: left;
		letter-spacing: .02em;
		color: #B1ACB1;
		margin-bottom: 1px;
}
/* 見出し */
h4.info_title {
		background: none;
		margin: 0;
		padding: 0;
		font-weight: 100;
		text-align: left;
		line-height: 1.5;
}

/* ==========================
		学会バナー
============================*/
.l_gakkai{
	margin: 5px;
}
.l_gakkai p {
	margin: 0 0 0 auto;
	background-color: #D4D4D4;
	width: 200px;
	border-radius: 0 0 5px 5px;
	transition: .4s;
}
.l_gakkai p a {
	border-bottom: none;
	text-decoration: none;
}
.l_gakkai p:hover {
	background-color: #D78C8E;
}
.l_gakkai p:hover a {
	color: #fff;
	border-bottom: none;
}
.l_gakkai p a {
	background: url(https://icongr.am/feather/chevrons-right.svg?size=20px&color=ffffff);
	background-repeat: no-repeat;
	background-position: center right 10px;
	text-align: center;
	display: block;
	padding: .5em;
}
/* モバイル用 */
@media screen and (max-width: 768px) {
	.l_gakkai p {
		margin: 10px auto;
		margin-top: -5px;
		width: 65%;
	}
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	news-1、news-2、news-3、news-4（js移動後の内容）
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* news-1トピックスは非表示、topics-inc.jsを参照 */
#news-1 {
	display: none;
}

#news-1,
#news-2,
#news-3,
#news-4 {
	border: 0px solid red;
	width: 100% !important;
	height: 100%;
	padding: 0px 0px !important;
}
@media (max-width: 1199px) {
#news-1,
#news-2,
#news-3,
#news-4 {
	width: 100% !important;
}
}

#news-1 > .pblock,
#news-2 > .pblock,
#news-3 > .pblock,
#news-4 > .pblock {
	min-width: 100% !important;
	height: 100%;
	overflow-x: hidden;
    overflow-y: scroll;
}

#news-1 > div > h2,
#news-2 > div > h2,
#news-3 > div > h2,
#news-4 > div > h2 {
	display: none !important;
}

#news-1 > div > div.news__list > .news__item,
#news-2 > div > div.news__list > .news__item,
#news-3 > div > div.news__list > .news__item,
#news-4 > div > div.news__list > .news__item {
	padding: 10px 0px !important;
	height: 100% !important;
}

#news-1 > div > div.news__list > div > a > div > ul,
#news-2 > div > div.news__list > div > a > div > ul,
#news-3 > div > div.news__list > div > a > div > ul,
#news-4 > div > div.news__list > div > a > div > ul {
	height: 100% !important;
	border: 0px solid #4d4d4d !important;
}
@media (max-width: 1199px) {
#news-1 > div > div.news__list > div > a > div > ul,
#news-2 > div > div.news__list > div > a > div > ul,
#news-3 > div > div.news__list > div > a > div > ul,
#news-4 > div > div.news__list > div > a > div > ul {
	margin-bottom: 0px !important;
}
}

/* 投稿の見出しアイコン */
#news-1 > div > div.news__list > div > a > div > ul > li,
#news-2 > div > div.news__list > div > a > div > ul > li,
#news-3 > div > div.news__list > div > a > div > ul > li,
#news-4> div > div.news__list > div > a > div > ul > li {
	width: 130px !important;
}

#news-1 > div > div.news__list,
#news-2 > div > div.news__list,
#news-3 > div > div.news__list,
#news-4 > div > div.news__list {
	margin-bottom: 30px !important;
    padding: 5px 20px;
}

/* news-1の一覧表示の移動 */
#news-1 > .pblock {
    overflow-x: hidden;
    overflow-y: scroll;
	height: 450px;
}

#news-1 > div > div.text-right {
  position: absolute;
/*  top: 0;*/
  bottom: -85px;
/*  left: 0;*/
/*  right: 0;*/
/*	margin: auto;*/
	width: 100%;
	height: 50px;
/*	z-index: 9;*/
}

/* news-2、news-3のタグを非表示 */
#news-2 > div > div.news__list > div > a > div > ul > li,
#news-3 > div > div.news__list > div > a > div > ul > li {
	display: none;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	メインビジュアル設定（ナビゲーションボタンや高さなど）
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* ナビゲーションボタンを非表示 */
.slick-dots{
	display: none !important;
}
.slick-dots{
	position: relative;
	z-index: 2;
}

.slick-dotted.slick-slider {
	margin-bottom: 0px !important;
}

/* メインビジュアルのアイテム高さ */
.home-mv__item {
	border: 0px solid red;
	width: 100%;
	height: 540px;
}
@media (max-width: 768px) {
.home-mv__item {
	height: 480px;
}
}
/* 4K */
@media (min-width: 1981px) {
.___home-mv__item {
	height: 1150px;
}
}

/* メインビジュアルの背景色 */
.home-mv {
	background-color: #333;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	メインビジュアルスライダー画像
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* メインビジュアルを背景画像として登録。スマホ可変対応。CMS上ではダミー画像 */
/* 1枚目 */
.slick-track > div:nth-child(1) {
	border: 0px solid red !important;
	background-image: url(/med/liver/assets/img-header-menu-1st-item1.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
/*    background: linear-gradient(0deg, #595757 0%, #3e3a39 100%);*/
	position: relative;
}

@media screen and (min-width:769px) and ( max-width:1100px) {
.slick-track > div:nth-child(1) {
	background-position: center;
}
}

@media screen and (min-width:500px) and ( max-width:768px) {
.slick-track > div:nth-child(1) {
	background-position: center;
}
}

@media (max-width: 499px) {
.slick-track > div:nth-child(1) {
	background-size: cover;
	background-position: 48% 0px;
}
}

/* 4K */
@media (min-width: 1981px) {
.slick-track > div:nth-child(1) {
	background-position: center;
}
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	下層ページサブステージタイトル文字のアニメーション
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* タイトル文字本体 */
.ptitle__title {
	opacity: 0.0;
	color: transparent;
/*	overflow: hidden;*/
	animation-name: flowing-anim4;
	animation-duration: 1s;
	animation-delay: 0.5s;
	animation-fill-mode: forwards;
}

/* ptitle本体の文字アニメーション */
@keyframes flowing-anim4 {
 0%{
color: transparent;
   }
 50%{
	opacity: 0.5;
color: transparent;
/*text-shadow: 0px 0px 0 transparent, 0px 0px 0 transparent, 0px 0px 0 transparent, 0px 0px 0 transparent, 0px 0px 0 transparent,  0 0px 0 transparent, 0px 0 0 transparent, 0px 0 0 transparent;*/
/*text-shadow: transparent 0px 0px 00px, transparent 0px 0px 0px, transparent 0px 0px 0px, transparent 0px 0px 0px;*/
   }
100%{
	opacity: 1.0;
color: #666666;
/*text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF,  0 -1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;*/
/*text-shadow: #fff 1px 1px 10px, #fff -1px 1px 10px, #fff 1px -1px 10px, #fff -1px -1px 10px;*/
   }
}

/* 英語見出しアニメーション */
.ptitle_sitemap::after,
.ptitle_contact::after,
.ptitle_news::after,
#office .ptitle::after,
#research .ptitle::after,
#examine .ptitle::after,
#international .ptitle::after,
#misc .ptitle::after,
#sonota .ptitle::after {
	opacity: 0.0;
	color: transparent;
/*	overflow: hidden;*/
	animation-name: flowing-anim5;
	animation-duration: 1s;
	animation-delay: 0.5s;
	animation-fill-mode: forwards;
}

/* ptitle本体の文字アニメーション */
@keyframes flowing-anim5 {
 0%{
color: transparent;
   }
 50%{
	opacity: 0.5;
color: transparent;
/*text-shadow: 0px 0px 0 transparent, 0px 0px 0 transparent, 0px 0px 0 transparent, 0px 0px 0 transparent, 0px 0px 0 transparent,  0 0px 0 transparent, 0px 0 0 transparent, 0px 0 0 transparent;*/
/*text-shadow: transparent 0px 0px 00px, transparent 0px 0px 0px, transparent 0px 0px 0px, transparent 0px 0px 0px;*/
text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.0);
   }
100%{
	opacity: 1.0;
color: #3f526f;
/*text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF,  0 -1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;*/
/*text-shadow: #fff 1px 1px 10px, #fff -1px 1px 10px, #fff 1px -1px 10px, #fff -1px -1px 10px;*/
text-shadow: 1px 1px 7px rgba(255, 255, 255, 1.0);
   }
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	下層ページサブステージタイトル画像（CMS自動出力の入れ替え（サイトマップとお問い合わせ3種））
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* サイトマップ */
.ptitle_sitemap {
	width: 99.6vw; /* 親要素幅を超える */
	margin: 0 calc(50% - 50vw); /* 親要素幅を超える */
	height: 160px;
	background: url(/med/liver/assets/bgi-header-menu-2nd.png);
	background-repeat: repeat;
	background-size: initial;
    background-position: center center;
    position: relative;
    z-index: 0;
	overflow: hidden;
}
@media (max-width: 768px) {
.ptitle_sitemap {
	height: 200px;
    background-position: -180px 0px;
}
}

.ptitle_sitemap::after {
	content: "Sitemap";
	position: absolute;
	z-index: 0;
	color: #3f526f;
	font-size: 2rem;
	font-weight: bold;
    top: 75%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@media (max-width: 1199px) {
.ptitle_sitemap::after {
	width: 100%;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
	text-align: center;
}
}

/* お問い合わせ */
.ptitle_contact {
	width: 99.6vw; /* 親要素幅を超える */
	margin: 0 calc(50% - 50vw); /* 親要素幅を超える */
	height: 160px;
	background: url(/med/liver/assets/bgi-header-menu-2nd.png);
	background-repeat: repeat;
	background-size: initial;
    background-position: center center;
    position: relative;
    z-index: 0;
	overflow: hidden;
}
@media (max-width: 768px) {
.ptitle_contact {
	height: 200px;
    background-position: -180px 0px;
}
}

.ptitle_contact::after {
	content: "Contact Us";
	position: absolute;
	z-index: 0;
	color: #3f526f;
	font-size: 2rem;
	font-weight: bold;
    top: 75%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@media (max-width: 1199px) {
.ptitle_contact::after {
	width: 100%;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
	text-align: center;
}
}

/* お知らせ */
.ptitle_news {
	width: 99.6vw; /* 親要素幅を超える */
	margin: 0 calc(50% - 50vw); /* 親要素幅を超える */
	height: 160px;
	background: url(/med/liver/assets/bgi-header-menu-2nd.png);
	background-repeat: repeat;
	background-size: initial;
    background-position: center center;
    position: relative;
    z-index: 0;
	overflow: hidden;
}
@media (max-width: 768px) {
.ptitle_news {
	height: 200px;
    background-position: -180px 0px;
}
}

.ptitle_news::after {
	content: "News";
	position: absolute;
	z-index: 0;
	color: #3f526f;
	font-size: 2rem;
	font-weight: bold;
    top: 75%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@media (max-width: 1199px) {
.ptitle_news::after {
	width: 300px;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
	text-align: center;
}
}

/* ページタイトル位置 */
.ptitle_sitemap > .ptitle__title,
.ptitle_contact > .ptitle__title,
.ptitle_news > .ptitle__title {
	border: 0px solid red;
	width: 100%;
	max-width: 840px;
	height: 55px;
	position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
	text-align: center;
    font-size: 0.85em;
}

@media screen and (min-width:769px) and ( max-width:1199px) {
.ptitle_sitemap > .ptitle__title,
.ptitle_contact > .ptitle__title,
.ptitle_news > .ptitle__title {
	width: 90%;
    font-size: 0.85em;
}
}
@media (max-width: 768px) {
.ptitle_sitemap > .ptitle__title,
.ptitle_contact > .ptitle__title,
.ptitle_news > .ptitle__title {
	width: 90%;
    font-size: 0.85em;
}
}

@media (max-width: 1199px) {
.ptitle_sitemap > .ptitle__title,
.ptitle_contact > .ptitle__title,
.ptitle_news > .ptitle__title {
	width: 100%;
	max-width: 840px;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
}
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	下層ページサブステージタイトル画像（通常ページ）
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* 見出しに背景画像を入れる */
/* idは各ページで指定 */
/* 教室のご案内 */
#office .ptitle{
	width: 99.6vw; /* 親要素幅を超える */
	margin: 0 calc(50% - 50vw); /* 親要素幅を超える */
	height: 160px;
	background: url(/med/liver/assets/bgi-header-menu-2nd.png);
	background-repeat: repeat;
	background-size: initial;
    background-position: center center;
    position: relative;
    z-index: 0;
	overflow: hidden;
}
@media (max-width: 768px) {
#office .ptitle{
	height: 200px;
    background-position: -180px 0px;
}
}

#office .ptitle::after {
	content: "About Us";
	position: absolute;
	z-index: 0;
	color: #3f526f;
	font-size: 2rem;
	font-weight: bold;
    top: 75%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@media (max-width: 1199px) {
#office .ptitle::after {
	width: 100%;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
	text-align: center;
}
}

/* 研究と教育 */
#research .ptitle{
	width: 99.6vw; /* 親要素幅を超える */
	margin: 0 calc(50% - 50vw); /* 親要素幅を超える */
	height: 160px;
	background: url(/med/liver/assets/bgi-header-menu-2nd.png);
	background-repeat: repeat;
	background-size: initial;
    background-position: center center;
    position: relative;
    z-index: 0;
	overflow: hidden;
}
@media (max-width: 768px) {
#research .ptitle{
	height: 200px;
    background-position: -180px 0px;
}
}

#research .ptitle::after {
	content: "Research and Education";
	position: absolute;
	z-index: 0;
	color: #3f526f;
	font-size: 2rem;
	font-weight: bold;
    top: 75%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@media (max-width: 1199px) {
#research .ptitle::after {
	width: 100%;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
	text-align: center;
}
}

/* 診療・地域連携 */
#examine .ptitle{
	width: 99.6vw; /* 親要素幅を超える */
	margin: 0 calc(50% - 50vw); /* 親要素幅を超える */
	height: 160px;
	background: url(/med/liver/assets/bgi-header-menu-2nd.png);
	background-repeat: repeat;
	background-size: initial;
    background-position: center center;
    position: relative;
    z-index: 0;
	overflow: hidden;
}
@media (max-width: 768px) {
#examine .ptitle{
	height: 200px;
    background-position: -180px 0px;
}
}

#examine .ptitle::after {
	content: "Medical Treatment";
	position: absolute;
	z-index: 0;
	color: #3f526f;
	font-size: 2rem;
	font-weight: bold;
    top: 75%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@media (max-width: 1199px) {
#examine .ptitle::after {
	width: 100%;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
	text-align: center;
}
}

/* English */
#international .ptitle{
	width: 99.6vw; /* 親要素幅を超える */
	margin: 0 calc(50% - 50vw); /* 親要素幅を超える */
	height: 160px;
	background: url(/med/liver/assets/bgi-header-menu-2nd.png);
	background-repeat: repeat;
	background-size: initial;
    background-position: center center;
    position: relative;
    z-index: 0;
	overflow: hidden;
}
@media (max-width: 768px) {
#international .ptitle{
	height: 200px;
    background-position: -180px 0px;
}
}

#international .ptitle::after {
	content: "About Us";
	position: absolute;
	z-index: 0;
	color: #3f526f;
	font-size: 2rem;
	font-weight: bold;
    top: 75%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@media (max-width: 1199px) {
#international .ptitle::after {
	width: 100%;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
	text-align: center;
}
}

/* その他 */
#misc .ptitle{
	width: 99.6vw; /* 親要素幅を超える */
	margin: 0 calc(50% - 50vw); /* 親要素幅を超える */
	height: 160px;
	background: url(/med/liver/assets/bgi-header-menu-2nd.png);
	background-repeat: repeat;
	background-size: initial;
    background-position: center center;
    position: relative;
    z-index: 0;
	overflow: hidden;
}
@media (max-width: 768px) {
#misc .ptitle{
	height: 200px;
    background-position: -180px 0px;
}
}

#misc .ptitle::after {
	content: "Information";
	position: absolute;
	z-index: 0;
	color: #3f526f;
	font-size: 2rem;
	font-weight: bold;
    top: 75%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@media (max-width: 1199px) {
#misc .ptitle::after {
	width: 100%;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
	text-align: center;
}
}

/* その他サイトマップなど自動生成関係 */
#sonota .ptitle{
	width: 99.6vw; /* 親要素幅を超える */
	margin: 0 calc(50% - 50vw); /* 親要素幅を超える */
	height: 160px;
	background: url(/med/liver/assets/bgi-header-menu-2nd.png);
	background-repeat: repeat;
	background-size: initial;
    background-position: center center;
    position: relative;
    z-index: 0;
	overflow: hidden;
}
@media (max-width: 768px) {
#sonota .ptitle{
	height: 200px;
    background-position: -180px 0px;
}
}

#sonota .ptitle::after {
	content: "Information";
	position: absolute;
	z-index: 0;
	color: #3f526f;
	font-size: 2rem;
	font-weight: bold;
    top: 75%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@media (max-width: 1199px) {
#sonota .ptitle::after {
	width: 100%;
    top: 70%;
    left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}
}

/* after英語文字装飾 */
.ptitle::after{
	color: #3f526f;
    -moz-text-shadow: 1px 1px 1px rgba(255, 255, 255, 1.0);
    -webkit-text-shadow: 1px 1px 1px rgba(255, 255, 255, 1.0);
    -ms-text-shadow: 1px 1px 1px rgba(255, 255, 255, 1.0);
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 1.0);
}

/* 文字を白にする */
.ptitle__title{
	color: #3f526f;
    -moz-text-shadow: 1px 1px 1px rgba(255, 255, 255, 1.0);
    -webkit-text-shadow: 1px 1px 1px rgba(255, 255, 255, 1.0);
    -ms-text-shadow: 1px 1px 1px rgba(255, 255, 255, 1.0);
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 1.0);
}

/* パンくず上の下線を非表示 */
.ptitle_t2{
	border-bottom: 0px solid #565757 !important;
	border: 0px solid #565757 !important;
}

/* ページタイトル少し下げる */
.ptitle_t2{
	padding-top: 0px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 0px !important;
}

/* パンくずの下のマージン調整 */
.pblock-kuzu{
	margin-top: 35px !important;
	margin-bottom: 35px !important;
}

/* ページタイトル位置 */
.ptitle__title {
	border: 0px solid red;
	width: 100%;
	max-width: 840px;
	height: 55px;
	position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
@media (max-width: 1199px) {
.ptitle__title {
	width: 100%;
	max-width: 840px;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
}
}
@media (max-width: 768px) {
.ptitle__title {
	width: 90%;
    font-size: 1.05em;
}
}

.ptitle__title {
    font-weight: normal;
    font-size: 1.05em;
    font-weight: bold;
    text-align: center;
    color: #666666;
    padding-top: 0px;
    -moz-text-shadow: 0px 0px 0px rgba(255, 255, 255, 1);
    -webkit-text-shadow: 0px 0px 0px rgba(255, 255, 255, 1);
    -ms-text-shadow: 0px 0px 0px rgba(255, 255, 255, 1);
    text-shadow: #fff 1px 1px 10px, #fff -1px 1px 10px, #fff 1px -1px 10px, #fff -1px -1px 10px;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	ハンバーガーメニュー
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.nav-top .g-nav__box-list {
    padding: 0 0px !important;
}

/* 親メニュー */
#g-nav__box_01 > li > div > a {
	background-image:url(/med/liver/assets/bgi-header-mainmenu.png); /* 201--02 */
	background-repeat: no-repeat;
	background-position: top 0px center;
	background-size: cover;
	padding-left: 15px;
	padding-right: 15px;
	color: #fff;
}

/* 親メニュープラスボタン */
.pcollapse__toggle::after {
	right: 15px !important;
}

/* 赤色 */
#g-nav__box_01 > li:nth-child(1) {
	background-color: #ac1f24;
}

/* 緑色 */
#g-nav__box_01 > li:nth-child(2) {
	background-color: #267739;
}

/* 青色 */
#g-nav__box_01 > li:nth-child(3) {
	background-color: #0f5aa3;
}

/* 子メニュー */
#g-nav__box_01 > li > div > div > ul > li > a {
	color: #fff;
}

/* メニューの下線非表示 */
.pcollapse.pcollapse_t1 .pcollapse__box {
    border-bottom: 0px solid #565757 !important;
}
.nav-top .g-nav__list_lv2-item {
    border-top: 0px solid #565757 !important;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	フッター上のロゴ
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Footer最上層 ---------------- */
/* js > footer2 */
.bpts_footer_1st {
	box-sizing: border-box;
	margin-left: -1500px;
	margin-right: -1500px;
	padding-left: 1500px;
	padding-right: 1500px;
	height: 60px;
	background-color: #3E3A39;
	background-image: url("/med/liver/assets/bgi-footer_line.png");
	background-position: center right 1500px;
	background-repeat: no-repeat;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	フッターサイトマップ灰色枠
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* CMSコピーライトの上のボタン枠を非表示*/
.ft__btm-menu {
	display: none !important;
}

/* フッターサイトマップ */
/* --------------------------------------------------
	サイトマップ
-------------------------------------------------- */
.l_sitemap_flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.bpts_footer_wrapper_3rd .l_sitemap_flex a{
	color: #E9E9E9;
}
.bpts_footer_wrapper_3rd .l_sitemap_flex a:hover{
	color: #FFD3B1;
	text-decoration: underline;
}
.l_sitemap_flex_block {
	width: 32%!important;
}
.l_sitemap_flex h3 {
	font-size: 1.3em;
	padding:0 0 0 10px;
	font-weight: bold;
	margin: 30px 0 15px 0;
	text-align: left;
}
.l_sitemap_ul li{
	padding-left: 15px;
	letter-spacing: 0.02em;
	line-height: 1.7;
	font-weight: bold;
	padding-bottom: 5px;
}
/* リスト内リストの文字の太さを直す */
.l_sitemap_ul li ul li{
	font-weight: normal;
	padding-left: 15px;
	background-image: url("/med/liver/assets/icon-to.png");
	background-repeat: repeat-y;
	padding-left: 20px;
}
@media (max-width : 768px) {
.l_sitemap_ul li ul li{
	font-size: 0.84em;
	}
}
.l_sitemap_ul li ul li:last-child{
	background-image: url("/med/liver/assets/icon-to-last.png");
    background-repeat: no-repeat;
}

/* footer限定の設定 */
.col_textarea_full#footer_sitemap{
	max-width: 1000px!important; 
	margin: 0 auto!important; 
	text-align: center!important;
	margin-top: 30px !important;
	margin-bottom: 50px !important;
}
.col_textarea_full#footer_sitemap .l_sitemap_ul{
	text-align: left!important;
}
@media (max-width : 768px) {
	.l_sitemap_flex {
		display: block;
		margin-left: 20px;
	}
	.l_sitemap_flex_block {
		width: 100%!important;
	}
}

/* ============================
	ここから各リストの装飾
	=========================== */

/* -----教室のご案内の見出し */
#about_sitemap h3{border-left: 5px solid #AC1F24;}
#about_sitemap .col_mark_arrow li {
	background-image: url(https://icongr.am/fontawesome/chevron-right.svg?size=10&color=AC1F24);
}
/* -----研究と教育の見出し */
#research_sitemap h3{border-left: 5px solid #267739;}
#research_sitemap .col_mark_arrow li {
	background-image: url(https://icongr.am/fontawesome/chevron-right.svg?size=10&color=267739);
}
/*  -----診療・地域連携の見出し */
#examine_sitemap h3 {border-left: 5px solid #0f5aa3;}
#examine_sitemap .col_mark_arrow li {
	background-image: url(https://icongr.am/fontawesome/chevron-right.svg?size=10&color=0f5aa3);
}

#others_sitemap h3 {border-left: 5px solid #4e4d4d;}
#others_sitemap .col_mark_arrow li{
	background-image: url(https://icongr.am/fontawesome/chevron-right.svg?size=10&color=4e4d4d);
}

#eg_sitemap h3 {border-left: 5px solid #9574B0;}

/* -----目次ページのスタイル */
#about_sitemap p{
    padding:10px 0.5em 25px 1.1em;
    color:#AC1F24;
}
#research_sitemap p{
    padding:10px 0.5em 25px 1.1em;
    color:#267739;
}
#examine_sitemap p{
    padding:10px 0.5em 25px 1.1em;
    color:#0f5aa3;
}
#about_sitemap p a,#research_sitemap p a,#examine_sitemap p a{
    border:none;
}
#about_sitemap p a,#research_sitemap p a,#examine_sitemap p a:active{
    border:none;
}
#about_sitemap p a,#research_sitemap p a,#examine_sitemap p a:visited{
    border:none;
}

/* フッターサイトマップのリンク色 */ 
#about_sitemap > blockquote > h3 > a,
#research_sitemap > blockquote > h3 > a,
#examine_sitemap > blockquote > h3 > a,
.l_sitemap_ul > li > a,
.l_sitemap_ul > li > ul > li > a {
	color: #fff;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	フッター（1～3ブロックを幅制御してフッター03にサイトマップ挿入)
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* フッター1のCMS幅指定を上書き */
.w-md-60 {
	width: 49% !important;
}
@media (max-width: 768px) {
.w-md-60 {
	width: 100% !important;
}
}

/* フッター2とフッター3のCMS幅指定 */
.w-md-20 {
	width: 49% !important;
}
@media (max-width: 768px) {
.w-md-20 {
	width: 100% !important;
}
}

/* フッター3だけ個別で幅を上書き */
#ft__sitemap > div:nth-child(3) {
	border: 0px solid red;
	width: 100vw !important; /* 親要素幅を超える */
	margin: 0 calc(50% - 50vw); /* 親要素幅を超える */
	background-color: #9b9b9b;
	margin-top: 50px;
}

/* フッター3ブロック全体枠 */
.ft__cont {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    /* justify-content: space-between; */
    flex-wrap: wrap;
}

@media (max-width: 768px) {
.ft__cont {
    flex-wrap: nowrap;
	flex-direction: column;
}
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	フッター大学ロゴとリンク
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.ft__cont {
	margin: 70px 0px 0px 0px;
}
@media (max-width : 768px) {
.ft__cont {
	margin: 40px 0px 0px 0px;
}
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	下層ページ専用　親子孫メニュー
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* メニュー枠の色 */
.substage_red {
	background-color: #ac1f24;
}
.substage_green {
	background-color: #267739;
}
.substage_blue {
	background-color: #0f5aa3;
}

/* メニュー枠 */
.substage_menu_wrap {
	border: 0px solid red;
	width: 100%;
	height: 60px;
	color: #fff;
}
@media (max-width: 1199px) {
.substage_menu_wrap {
	display: none;
}
}

.substage_menu_wrap > ul {
	width: 100%;
	height: 100%;
	display: flex;
    justify-content: space-around;
    align-items: center;
}

.substage_menu_wrap > ul > li {
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.substage_menu_wrap > ul > li > a {
	display: flex;
	width: 100%;
	height: 100%;
	color: #fff;
}

/* ----------------------------------------------------------- 孫メニューhover開閉 */
/* ------------------------------------ 赤色 */
.gnavi__lists__red {
    display: flex;
}
.gnavi__list__red {
    width: 20%;
    height: 60px;
/*    background-color: #E5F0F8;*/
    position: relative;
    transition: all .3s;
}
.gnavi__list__red:hover {
    background-color: #771619;
}
.gnavi__list__red:not(:first-child)::before {
    content: "";
    width: 0px;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .3s;
}
.gnavi__list__red:hover::before {
    background-color: #771619;
}
.gnavi__list__red a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #fff;
    font-size: 15px;
    letter-spacing: 0.05em;
    font-weight: 600;
    transition: all .3s;
}
.gnavi__list__red:hover a {
    color: #fff;
	opacity: 1.0; /* CMS打ち消し */
}

/* ドロップメニュー内容 */
.dropdown__lists__red {
    display: none;/*デフォルトでは非表示の状態にしておく*/
    width: 100%;
    position: absolute;
    top: 60px;
    left: 0;
}
.gnavi__list__red:hover .dropdown__lists__red {
    display: block;/*Gナビメニューにホバーしたら表示*/
}
.dropdown__list__red {
    background-color: #ac1f24;
    height: 60px;
    transition: all .3s;
    position: relative;
/*	border-bottom: 1px solid #fff;*/
}
.dropdown__list__red:not(:first-child)::before{
    content: "";
    width: 100%;
    height: 1px;
    background-color: #ac1f24;
    position: absolute;
    top: 0;
    left: 0;
}
.dropdown__list__red:hover {
    background-color: #771619;
}
.dropdown__list__red a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-decoration: none;
    position: relative;
}

/* サブメニューのホバー時のリンク文字白色 */
.dropdown__list__red a:hover {
	opacity: 1.0; /* CMS打ち消し */
}

/* リンク矢印未使用 */
.___dropdown__list__red a::before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(135deg);
    position: absolute;
    right: 15px;
    top: calc(50% - 5px);
}

/* ------------------------------------ 緑色 */
.gnavi__lists__green {
    display: flex;
}
.gnavi__list__green {
    width: 20%;
    height: 60px;
/*    background-color: #267739;*/
    position: relative;
    transition: all .3s;
}
.gnavi__list__green:hover {
    background-color: #1a5628;
}
.gnavi__list__green:not(:first-child)::before {
    content: "";
    width: 0px;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .3s;
}
.gnavi__list__green:hover::before {
    background-color: #1a5628;
}
.gnavi__list__green a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #fff;
    font-size: 15px;
    letter-spacing: 0.05em;
    font-weight: 600;
    transition: all .3s;
}
.gnavi__list__green:hover a {
    color: #fff;
	opacity: 1.0; /* CMS打ち消し */
}

/* ドロップメニュー内容 */
.dropdown__lists__green {
    display: none;/*デフォルトでは非表示の状態にしておく*/
    width: 100%;
    position: absolute;
    top: 60px;
    left: 0;
}
.gnavi__list__green:hover .dropdown__lists__green {
    display: block;/*Gナビメニューにホバーしたら表示*/
}
.dropdown__list__green {
    background-color: #267739;
    height: 60px;
    transition: all .3s;
    position: relative;
/*	border-bottom: 1px solid #fff;*/
}
.dropdown__list__green:not(:first-child)::before{
    content: "";
    width: 100%;
    height: 1px;
    background-color: #267739;
    position: absolute;
    top: 0;
    left: 0;
}
.dropdown__list__green:hover {
    background-color: #1a5628;
}
.dropdown__list__green a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-decoration: none;
    position: relative;
}

/* サブメニューのホバー時のリンク文字白色 */
.dropdown__list__green a:hover {
	opacity: 1.0; /* CMS打ち消し */
}

/* リンク矢印未使用 */
.___dropdown__list__green a::before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(135deg);
    position: absolute;
    right: 15px;
    top: calc(50% - 5px);
}

/* ------------------------------------ 青色 */
.gnavi__lists__blue {
    display: flex;
}
.gnavi__list__blue {
    width: 20%;
    height: 60px;
/*    background-color: #0f5aa3;*/
    position: relative;
    transition: all .3s;
}
.gnavi__list__blue:hover {
    background-color: #094682;
}
.gnavi__list__blue:not(:first-child)::before {
    content: "";
    width: 0px;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .3s;
}
.gnavi__list__blue:hover::before {
    background-color: #094682;
}
.gnavi__list__blue a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #fff;
    font-size: 15px;
    letter-spacing: 0.05em;
    font-weight: 600;
    transition: all .3s;
}
.gnavi__list__blue:hover a {
    color: #fff;
	opacity: 1.0; /* CMS打ち消し */
}

/* ドロップメニュー内容 */
.dropdown__lists__blue {
    display: none;/*デフォルトでは非表示の状態にしておく*/
    width: 100%;
    position: absolute;
    top: 60px;
    left: 0;
}
.gnavi__list__blue:hover .dropdown__lists__blue {
    display: block;/*Gナビメニューにホバーしたら表示*/
}
.dropdown__list__blue {
    background-color: #0f5aa3;
    height: 60px;
    transition: all .3s;
    position: relative;
/*	border-bottom: 1px solid #fff;*/
}
.dropdown__list__blue:not(:first-child)::before{
    content: "";
    width: 100%;
    height: 1px;
    background-color: #0f5aa3;
    position: absolute;
    top: 0;
    left: 0;
}
.dropdown__list__blue:hover {
    background-color: #094682;
}
.dropdown__list__blue a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-decoration: none;
    position: relative;
}

/* サブメニューのホバー時のリンク文字白色 */
.dropdown__list__blue a:hover {
	opacity: 1.0; /* CMS打ち消し */
}

/* リンク矢印未使用 */
.___dropdown__list__blue a::before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(135deg);
    position: absolute;
    right: 15px;
    top: calc(50% - 5px);
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	共通（メインメニュー）
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* メインメニュー 文字色1階層目 */
.nav-top .gnav-main__link1-jp {
	color: #fff !important;
}

/* メインメニュー 文字色2階層目 */
.gnav-main__link2 {
	color: #fff !important;
}

/* メインメニュー ドロップダウン（背景） */
.nav-top .gnav-main__box1_ptn1 {
	width: 350px; /* 子メニューの幅3セット */
}

/* 赤色 */
div.gnav-main > ul.gnav-main__list1 > li:nth-child(1) > div > div {
    background: rgba(172, 31, 36, 1.0);
}

/* 緑色 */
div.gnav-main > ul.gnav-main__list1 > li:nth-child(2) > div > div {
    background: rgba(38, 119, 57, 1.0);
}

/* 青色 */
div.gnav-main > ul.gnav-main__list1 > li:nth-child(3) > div > div {
    background: rgba(15, 90, 163, 1.0);
}

/* メインメニュー ドロップダウン（子メニューhover背景） */
/* 赤色 */
div.gnav-main > ul.gnav-main__list1 > li:nth-child(1) > div > div > ul > li > a:hover {
    background: rgba( 119, 22, 25, 1.0);	/* 背景色変更 */
	width: 350px; /* 子メニューの幅3セット */
	border-radius: 1px;
}

/* 緑色 */
div.gnav-main > ul.gnav-main__list1 > li:nth-child(2) > div > div > ul > li > a:hover {
    background: rgba( 26, 86, 40, 1.0);	/* 背景色変更 */
	width: 350px; /* 子メニューの幅3セット */
	border-radius: 1px;
}

/* 青色 */
div.gnav-main > ul.gnav-main__list1 > li:nth-child(3) > div > div > ul > li > a:hover {
    background: rgba( 9, 70, 130, 1.0);	/* 背景色変更 */
	width: 350px; /* 子メニューの幅3セット */
	border-radius: 1px;
}

/* メインメニュー ドロップダウン（ボーダー） */
.nav-top .gnav-main__item2 {
    border-bottom: 1px solid rgba( 255, 255, 255, 0.2);	/* 境界線カラー変更 */
}
/* メインメニュー ドロップダウン（アイコン＞） */
.nav-top .gnav-main__link2::before {
    color: #fff;	/* アイコンカラー変更 */
}

/* グローバルメニューの全体枠の下線 */
.nav-top .g-nav__head {
	border: 0px solid #efefef !important;
}

/* グローバルメニューPCのメニューの下線 */
@media print, (min-width: 1200px) {
.nav-top .gnav-main {
    border-bottom: 0px solid #efefef !important;
}
}

/* ドロップダウンメニューの下線 */
.gnav-main__list2 > li {
	border-bottom: 0px solid #fff !important;
}

.gnav-main__list2 > li:last-child {
	border-bottom: 0px solid #fff !important;
}

/* 上線アニメーション、親のみ */
ul.gnav-main__list1 > li:nth-child(1) > div > a,
ul.gnav-main__list1 > li:nth-child(2) > div > a,
ul.gnav-main__list1 > li:nth-child(3) > div > a,
ul.gnav-main__list1 > li:nth-child(4) > div > a,
ul.gnav-main__list1 > li:nth-child(5) > div > a,
ul.gnav-main__list1 > li:nth-child(6) > div > a {
  position: relative;
/*  display: inline-block;*/
  text-decoration: none;
}
ul.gnav-main__list1 > li:nth-child(1) > div > a::after,
ul.gnav-main__list1 > li:nth-child(2) > div > a::after,
ul.gnav-main__list1 > li:nth-child(3) > div > a::after {
  position: absolute;
  bottom: 0px; /* 外側に調整 */
  left: 0;
  content: '';
  width: 100%;
  height: 3px;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform .3s;
}
ul.gnav-main__list1 > li:nth-child(1) > div > a:hover::after,
ul.gnav-main__list1 > li:nth-child(2) > div > a:hover::after,
ul.gnav-main__list1 > li:nth-child(3) > div > a:hover::after {
  transform: scale(1, 1);
}

/* 下線赤色 */
ul.gnav-main__list1 > li:nth-child(1) > div > a::after {
  background: #ac1f24;
}
ul.gnav-main__list1 > li:nth-child(2) > div > a::after {
  background: #267739;
}
ul.gnav-main__list1 > li:nth-child(3) > div > a::after {
  background: #0f5aa3;
}

/* 下線アニメーション非表示 */
.nav-top .gnav-main__link1::before {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 100%;
     height: 3px; 
     background: transparent !important;
}
.nav-top .gnav-main__link1:hover::before {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 100%;
     height: 3px; 
     background: transparent !important; 
}

/* 各課ごとにグローバルメニューに色を付与。各ページにjavascript併記してid指定。 */
/* 教室案内 */
#introduction_nav > ul.gnav-main__list1 > li:nth-child(1) > div > a {
     background: #7ee198 !important;
}

/* スタッフ紹介 */
#staff_nav > ul.gnav-main__list1 > li:nth-child(2) > div > a {
     background: #7ee198 !important;
}

/* 教育と研修 */
#education_nav > ul.gnav-main__list1 > li:nth-child(3) > div > a {
     background: #7ee198 !important;
}

/* 研究と業績 */
#research_results_nav > ul.gnav-main__list1 > li:nth-child(4) > div > a {
     background: #7ee198 !important;
}

/* 診療について */
#departments_nav > ul.gnav-main__list1 > li:nth-child(5) > div > a {
     background: #7ee198 !important;
}

/* その他 */
#misc_nav  > ul.gnav-main__list1 > li:nth-child(8) > div > a {
     background: #7ee198 !important;
}

/* 5px下げた分の調整 */
.gnav-main__box1 {
	margin-top: 0px !important;
}

/* グローバルメニュー斜め青 */
.nav-top .gnav-main {
	background-color: #231815;
}

/* グローバルメニュー親ホバー時の背景色 */
.gnav-main__item1 {
	position: relative;
}

.gnav-main__item1::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

/* 赤色 */
ul.gnav-main__list1 > li:nth-child(1):hover::before {
	background: rgba(223, 40, 47, 0.5);
	border-radius: 0px;
/*	color: #fff;*/
}

/* 緑色 */
ul.gnav-main__list1 > li:nth-child(2):hover::before {
	background: rgba(56, 173, 83, 0.5);
	border-radius: 0px;
/*	color: #fff;*/
}

/* 青色 */
ul.gnav-main__list1 > li:nth-child(3):hover::before {
	background: rgba(20, 120, 217, 0.5);
	border-radius: 0px;
/*	color: #fff;*/
}

/* グローバルメニュー全体の上の赤線 */
.g-nav {
	border-top: 5px solid #ac1f24;
}

/* グローバルメニュー第一階層メニュー背景画像 */
div.gnav-main > ul.gnav-main__list1 > li:nth-child(1),
div.gnav-main > ul.gnav-main__list1 > li:nth-child(2),
div.gnav-main > ul.gnav-main__list1 > li:nth-child(3) {
	background-image:url(/med/liver/assets/bgi-header-mainmenu.png); /* 201--02 */
	background-repeat: no-repeat;
	background-position: top 0px center;
	background-size: cover;
	width: 350px;
}

/* グローバルメニュー第一階層メニュー背景色 */
/* 教室のご案内 */
div.gnav-main > ul.gnav-main__list1 > li:nth-child(1) {
	background-color: #ac1f24;
}

/* 研究と教育 */
div.gnav-main > ul.gnav-main__list1 > li:nth-child(2) {
	background-color: #267739;
}

/* 診療・地域連携 */
div.gnav-main > ul.gnav-main__list1 > li:nth-child(3) {
	background-color: #0f5aa3;
}

/* 第一メニュー中央寄せ */
.nav-top .gnav-main {
	justify-content: center;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	共通（サブメニュー、右上アイコン）
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.gnav-main__list3{
z-index: 9999;
    position: absolute;
    top: 0px;
    right: 132px;
    border: 0px solid red;
/*    margin-right: 147px;*/
    margin-top: 0px;
	width: 415px;
    height: 73px;
}
.nav-top .gnav-main__link3-jp {
    border-left: 0px solid #fff;
    color: #000;
	font-size: 10px;
	margin-top: 5px;
	text-align: center;
}

.gnav-main__link3-jp{
	height: 100%;
}

.nav-top .gnav-main__item3:last-child .gnav-main__link3-jp{
    border-right: 0px solid #fff;
}

.gnav-main__item3 {
	margin: 0px 0px 15px 0px;
	padding: 20px 0px;
	width: 30px;
	height: 100%;
}

.gnav-main__list3{
	margin: 0px 15px;
}

/* お問い合わせ */
.gnav-main__list3 li:nth-child(1){
	border: 0px solid red;
	content:;
	background-image:url(/med/liver/assets/icon-contact.svg); /* 201--02 */
	background-repeat: no-repeat;
	background-position: top 10px center;
	background-size: 30px 30px;
	width: 80px;
	height: 100%;
	vertical-align: middle;
	border-left: 1px solid #d0d0d0;
}

/* サイトマップ */
.gnav-main__list3 li:nth-child(2){
	border: 0px solid red;
	content:;
	background-image:url(/med/liver/assets/icon-sitemap.svg); /* 201--02 */
	background-repeat: no-repeat;
	background-position: top 10px center;
	background-size: 30px 30px;
	width: 76px;
	height: 100%;
	vertical-align: middle;
	border-left: 1px solid #d0d0d0;
}

/* リンク */
.gnav-main__list3 li:nth-child(3){
	border: 0px solid red;
	content:;
	background-image:url(/med/liver/assets/icon-link.svg);
	background-repeat: no-repeat;
	background-position: top 10px center;
	background-size: 30px 30px;
	width: 80px;
	height: 100%;
	vertical-align: middle;
	border-left: 1px solid #d0d0d0;
}

/* アクセス */
.gnav-main__list3 li:nth-child(4){
	border: 0px solid red;
	content:;
	background-image:url(/med/liver/assets/icon-access.svg); /* 201--02 */
	background-repeat: no-repeat;
	background-position: top 10px center;
	background-size: 30px 30px;
	width: 80px;
	height: 100%;
	vertical-align: middle;
	border-left: 1px solid #d0d0d0;
}

/* English */
.gnav-main__list3 li:nth-child(5){
	border: 0px solid red;
	content:;
	background-image:url(/med/liver/assets/icon-english.svg); /* 201--02 */
	background-repeat: no-repeat;
	background-position: top 10px center;
	background-size: 30px 30px;
	width: 80px;
	height: 100%;
	vertical-align: middle;
	border-left: 1px solid #d0d0d0;
}

/* 大学リンクとサーチボタン位置調整 */
.g-nav__fbox_col02{
	margin-right: -1px;
}

/* アイコン色を一括で変更 */
.gnav-main__list3 li:nth-child(1),
.gnav-main__list3 li:nth-child(2),
.gnav-main__list3 li:nth-child(3),
.gnav-main__list3 li:nth-child(4),
.gnav-main__list3 li:nth-child(5) {
    filter: brightness(90%) hue-rotate(-410deg) saturate(40%) grayscale(1);
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	上に戻るボタン
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.nav-top .pagetop a.scroll{
	width: 50px;
	height: 50px;
	border: 0px solid blue;
	background-image: url(/med/liver/assets/img-topback-white.svg); /* 201--02 */
	background-size: 34%;
	background-repeat: no-repeat;
	background-position: center;
	background-color: rgba(19,19,19,.8);
	position: relative;
	right: 0;
	opacity: 0.8;
}

/* 未使用 */
.nav-top .pagetop a.scroll::after{
	display: none;
	width: 100%;
	border: 0px solid red;
	background-color: linear-gradient(90deg, rgba(70, 180, 241, 0.5), rgba(232, 245, 255, 0.8));
	background-image: url(/powercmsx/themes/small_site/img/ico_arrow-up.svg));
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	グローバルメニュータイトル文字
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.nav-top .g-nav__medium_site-jp__ttl {
	font-size: 2.0rem !important;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	トップページ（全体枠)
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.pblock, .pblock-full, .pblock-slim, .pblock-wide {
  max-width: 100%; /* デフォルトは1030px /powercmsx/themes/small_site/css/style.cssにオリジナル記載 */
  margin-left: auto;
  margin-right: auto;
  padding: 0 15px
}

@media screen and (min-width:769px) and ( max-width:1090px) {
.pblock, .pblock-full, .pblock-slim, .pblock-wide {
    min-width: 100%;
}
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	ヘッダーメニュー（右上の虫眼鏡)
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.g-nav__link-img{
	filter: brightness(0) invert(1);
}

.g-nav__link-txt{
	color: #fff;
}

/* アイコンの背景色をメインカラーから変更する */
.g-nav__search > .g-nav__link_btn{
	background-color: rgba(172, 31, 36, 1.0) !important;
}

/* スマホ用 */
.g-nav__search_sp .g-nav__link_btn{
	background-color: rgba(172, 31, 36, 1.0) !important;
}

/* 検索とメニュートグルボタンの高さ調整 */
.nav-top .g-nav .g-nav__search_sp .g-nav__link_btn {
	height: 62px !important;
}
.navbar-toggler {
	height: 62px !important;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	フッター（全体)
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.ft {
	width: 100vw; /* 親要素幅を超える */
	margin: 0 calc(50% - 50vw); /* 親要素幅を超える */
	background-color: #dcdddd;
	padding-top: 0px !important;
}

/* フッター下線 */
.ft {
	border-top: 0px solid #faedac !important;
}

._ft__cont {
	padding: 0px 10px 0px 25px; /* vw使用でスクロールバーの分だけ調整 */
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	フッター（サブメニュー)
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* フッターロゴ含む講座名 */
.footer_logo_wrap {
	width: 100%;
	margin-bottom: 15px;
}

/* フレックス */
.footer_logo_wrap > ul > li > a {
	display: flex;
	flex-direction: row;
}

/* 内部div */
.footer_logo_wrap > ul > li > a > div:nth-child(1),
.footer_logo_wrap > ul > li > a > div:nth-child(2) {
	display: flex;
	align-items: center;
	justify-content: center;
}

/* ロゴ画像 */
.footer_logo_wrap > ul > li > a > div:nth-child(1) > img {
    margin-right: 15px;
/*    width: 45px;
    height: 45px;*/
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	フッター（2ブロック目のリンク)
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.ft .col{
	border: 0px solid red;
	max-width: 100%; /* 2ブロック目のリンクを横幅いっぱいにする */
}

.___ft__cont div:nth-child(2){
	font-size: 1.4rem; /* 研究案内などのリンクの文字サイズ */
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	フッター（3ブロック目のリンク)
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Footer Contents03を非表示にする */
.ft__cont div:nth-child(3){
/*	display: block;*/
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	フッター（copyright)
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.ft__copy{
	background-color: #fff;
	color: #232323;
/*	background: -moz-linear-gradient(45deg, #c0245e, #f2953d);*/
/*	background: -webkit-linear-gradient(45deg, #c0245e, #f2953d);*/
/*	background: linear-gradient(45deg, #c0245e, #f2953d);*/
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	トップページバナー（作成していなくても場所が空欄で出ている）
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.home-bnr{
	display: none !important;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	body
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
body{
	background: #fff; /* 全体に灰色がデフォルト */
	overflow-x: hidden; /* 横スクロール非表示、100vw指定、スクロールバーと連動 */
}
/* スクロールバーの一括設定 */
/* スクロールの幅の設定 */ ::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}
/* スクロールの背景の設定 */ ::-webkit-scrollbar-track {
	background: #fff;
}
/* スクロールのつまみ部分の設定 */ ::-webkit-scrollbar-thumb {
/*	background: linear-gradient(30deg, #969696 0%, #fafafa 100%);*/
	background: #969696;
	border-radius: 1px 1px 1px 1px;
}

/* ulのパディング */
ul {
	padding-left: 0px!important;
}

/* liの点非表示 */
li {
	list-style: none !important;
}

/* スペーサー */
/* bpts */
.bpts_both {
    clear: both;
    font-size: 0px;
    line-height: 0px;
}
/* スペーサー　 */
.bpts_spacer_h5 {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 5px;
}
.bpts_spacer_h7 {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 7px;
}
.bpts_spacer_h10 {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 10px;
}
.bpts_spacer_h15 {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 15px;
}
.bpts_spacer_h20 {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 20px;
    line-height: 20px;
}
.bpts_spacer_h30 {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 30px;
    line-height: 20px;
}
.bpts_spacer_h40 {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 40px;
    line-height: 20px;
}
.bpts_spacer_h80 {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 80px;
    line-height: 20px;
}
.bpts_spacer_h120 {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 120px;
    line-height: 20px;
}

/* スペーサースマホで非表示 */
@media (max-width: 768px) {
.bpts_spacer_spoff {
	display: none;
}
}

/* 改行処理（グローバルナビ） */
/*　PC表示時任意の場所で改行　*/
.bpts_br_pc {
	display: block;
}
@media (max-width: 768px) {
.bpts_br_pc {
	display: none;
}
}

/*　SP表示時任意の場所で改行　*/
.bpts_br_sp {
	display: none;
}
@media (max-width: 499px) {
.bpts_br_sp {
	display: block;
}
}

/* フォント変更 */
* {
    font-family: "游明朝体", "Yu Mincho", YuMincho, serif;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	CMS共通パーツ関係
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* PDFマークアイコンを個別で非表示 */
.after_none::after {
display: none !important;
}

/* home-secのパディング調整 */
.home-sec {
/*	padding-top: 0px !important;*/
	padding-bottom: 0px !important;
}

/* トップページ全体に背景画像 */
.home-contents {
	background-image: url(/med/liver/assets/img-back-01.jpg);
	background-repeat: repeat-y;
	background-position: center;
    background-size: contain;
}

/*======================================================================
Project Name : https://www.omu.ac.jp/med/liver/
Copyright © 2023 Notion Co.,ltd. All rights reserved.
This source code or any portion thereof must not be  
reproduced or used in any manner whatsoever.
======================================================================*/