/* ==========================================================================
   Mobile Layout
============================================================================= */

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

/*ヘッダー************************************************************/
.header ul li{
	margin: 0;
	text-align: center;
}

.header ul li.logo01{
	padding-top:20px;
}

.header ul li.logo02{
	padding-top:5px;
	padding-bottom:20px;
}


#fontSize {
	display: none;
}

/*コンテンツ************************************************************/
.wrapper {
	width:100%;
}


/*左サイド************************************************************/
.sideR02,
.sideL02 {
    position: static;
    width: auto;
  }

.side_all{
	width: 100%;
	background: #FFFFFF;
}

.sideTitle {
	display: none;
}

.sideTitle_m {
	margin-top:20px;
	padding-top:10px;
}


.side_all .sideL_t,
.side_all .sideL_b,
.side_all .sideR_t {
	display: none;
}

.btn_more,
.btn_more02 {
	text-align: right;
	padding-top:0px;
	padding-right:15px;
}

.img_pamph {
	text-align: center;
}

.txt_pamph {
	width:93%;
	margin:5px auto;;
	font-size: 0.8em;
	color:#000000;
}

.txt_mado span.tit,
.txt_mado_last span.tit {
	color:#628716;
	font-size:16px;
	font-weight: bold;
}

.txt_mado span.con,
.txt_mado_last span.con {
	font-size:12px;
	margin-right:10px;
}

.txt_mado span.con02,
.txt_mado_last span.con02 {
	font-size:20px;
}


.txt_mado { 
	width:90%;
	height:auto;
	text-indent:0;
	background-image: none;
	color:#000000;
	font-size:14px;
	margin:0 auto;
	padding:10px;
	border-bottom:1px dotted #000000;
}

.txt_mado_last { 
	width:90%;
	height:auto;
	text-indent:0;
	background-image: none;
	color:#000000;
	font-size:14px;
	margin:0 auto;
	padding:10px;
	border-bottom:none;
}


/*右サイド************************************************************/

/*トップページ用*/
.top_main ul,
.top_main ul.tworows{
	list-style-type: none;
	margin: 20px auto 10px auto;
	padding: 0;
	font-size: 0;
}


.top_main ul li,
.top_main ul.tworows li{
	margin-right:2px;
	margin-bottom:5px;
	width:49%;
	display:inline-block;
}

.img_mado,
.sideRti,
.sideR_b {
	display: none;
}

.sideRti_m {
	margin-top:20px;
	padding-top:10px;
}


#newsFrame {
	height: 200px;
	overflow: auto;
	margin:10px 15px;
}

#newsFrame dt {
	font-size: 12px;
	color: #000000;
	padding-left:15px;
	background:url(/transplant/images/arrow01.gif) no-repeat left 4px;
}

#newsFrame dd {
	margin-bottom: 10px;
	padding: 0 0 10px 15px;
	font-size: 12px;
	color: #000000;
	border-bottom: #000000 1px dotted;
}

#newsFrame dd.last {
	margin-bottom: 10px;
	padding: 0 0 10px 15px;
	font-size: 12px;
	color: #000000;
	border-bottom: #FFFFFF 1px dotted;
}

	

ul.link_top {
	text-align: center;
}
	
	
	
/*topメニューリニューアル*/
	.pickMenu li{
		margin: 10px;
		font-size: 0.9em;
	}

	
	.pickMenu li a{
		display: flex;
		align-items: center;
		text-decoration: none;
		background-color: #8bbe21;
		border-radius: 10px;
		padding: 11px 20px 11px 14px;
		color: #fff;
		position: relative;
		box-shadow: 2px 2px 4px rgba(0,0,0,0.1);
	}
	
	.pickMenu li a::after{
		content: '';
		display: inline-block;
		width: 0;
		height: 0;
		border-right: #fff 10px solid;
		border-bottom: transparent 10px solid;
		transform: rotate(45deg) translateY(-50%);
		position: absolute;
		top: 50%;
		right: 20px;
	}
	
	.pickMenu li a:hover::after{
		right: 32px;
	}
	
	.pickMenu li a:hover{
		box-shadow: 4px 4px 6px rgba(0,0,0,0.2);
	}
	
	.pickMenu_ttl{
		font-size: 1.2em;
		font-weight: 700;
	}
	
	.pickMenu img{
		width: 35px;
		box-sizing: content-box;
	}
	
	.pickMenu_txt{
		flex: 1;
		border-left: 2px dotted #fff;
		margin-left: 15px;
		padding-left: 15px;
	}
	
	
	
	/*移植関係ボタン*/
	.pickMenu li a.btn_ishoku{
		background-color: #d9ebb3;
		color: #628716;
	}
	
	.pickMenu li a.btn_ishoku::after{
		border-right: #628716 10px solid;
	}
	
	.pickMenu a.btn_ishoku .pickMenu_txt{
		border-left: 2px dotted #628716;
	}
	
	
	

/*コンテンツページ用*/

.pankuzu {
	display: none;
}


.con_all .con_t,
.con_all .con_b,
.con_title .point01,
.con_title .point02 {
	display: none;
}

.con_title {
	height:60px;
	text-align: center;
	background:url(/transplant/images/title_line.png) center bottom no-repeat;
	margin-bottom:20px;
}

.con_title .txt {
	padding-top:15px;
	font-weight: bold;
}

.con_all {
	background-color:#FFFFFF;
}

.contents_main {
	padding:10px 10px 30px 10px;
}


.contents_main .con_under {
	text-align: center;
	padding-top:50px;
	padding-bottom:300px;
}

.contents_main .con_bottom_S,
.contents_main .con_bottom_M,
.contents_main .con_bottom_L {
	display: none;
}

.contents_main p.con_heading {
	color:#528d06;
	font-weight: bold;
	font-size:1.2em;
	padding-bottom:10px;
}


.contents_main p {
	padding-bottom:30px;
}


.contents_main p.con_headSub {
	color:#8d5206;
	font-weight: bold;
	font-size:1em;
	padding-bottom:0px;
}

.contents_main p.con_headSub02 {
	color: #67240d;
	padding: 3px 0 3px 10px;
	margin: 0px 0 8px 5px;
	font-weight: bold;
	border-left: 5px solid #67240d;
	border-bottom: 1px solid #67240d;
}


.listBox{
	border-bottom:1px #a1a1a1 dotted;
	padding-bottom: 10px;
	margin-bottom:30px;
}

.listBox_end{
	margin:0 auto;
	padding-bottom: 30px;
}

.fRight,
.fLeft {
	float: none;
}


.dottedBox{
	padding: 20px 10px;
	border: 3px #990000 dotted;
	text-align: center;
	font-size:90%;
}
	
	
.box{
	padding: 7px 12px;
	margin: 5px 0;
	border-radius: 8px;
}
	
.box__green{
	background-color: #EBF7D4;
}
	
	
	

/*GREETING***********************************************************/

.imgFrame{
	padding: 0px 0 px 30px 30px;
	background-color: #fff;
	margin-left:10px;
	text-align: center;
}

/*LINK***********************************************************/

#linkDl dt {
	padding-left: 15px;
	font-weight: bold;
	background: url(/transplant/images/arrow02.png) 5px 0.4em no-repeat;
}


#linkDl dd {
	padding: 0 0 20px 15px;
	font-size: 0.9em;
}

.windowIcon {
	margin-right: 2px;
	padding-right: 16px;
	background: url(/transplant/images/window_icon.gif) 100% 0.3em no-repeat;
}

.pdfIcon {
	margin-right: 2px;
	padding-right: 16px;
	background: url(/transplant/images/pdf_icon.gif) 100% 0.3em no-repeat;
}

.wordIcon {
	margin-right: 2px;
	padding-right: 16px;
	background: url(/transplant/images/doc_icon.gif) 100% 0.3em no-repeat;
}


/*外来担当医表***********************************************************/

.conTb {
	width: 97%;
	padding:5px 0 20px 0;
	font-size:0.9em;
}

.conTb th {
	padding:8px 5px;
	font-weight: bold;
	color: #350f1d;
	border: #4c6c0b 1px solid;
	background-color: #b0c87e;
	width:14%;
}

.conTb td {
	text-align: center;
	padding:8px  5px;
	border: #4c6c0b 1px solid;
	vertical-align:middle;
}
.conTb td.ti {
	padding:8px  5px;
	border: #4c6c0b 1px solid;
	background-color: #e0e1df;
	vertical-align:middle;
}



/*スタッフ***********************************************************/

.staDet {
	width: 100%;
}


.staPh {
	width: 100%;
	margin: 0 0 10px 0;
	text-align: center;
	display: block;	
}


.staPh img {
	width: 70%;
}


.staName {
	text-align: center;	
}


.staName dt {
	font-size: 14px;
}


.staName dd {
	font-size: 12px;	
}


.staDl dt {
	font-size: 13px;
	font-weight: bold;
	color: #6e8e2e;
	border-bottom: #6e8e2e 1px dotted;
	margin-bottom:10px;
}


.staDl dd {
	font-size: 12px;	
	margin-bottom: 15px;
}

.staUl {
	margin-left: 15px;
	list-style-type: disc;
}


.staUl li {
	margin-bottom: 3px;
}


.staPh02,
.staB,
.staB02 {
	display: none;
}


/*365体育娱乐场***********************************************************/

.sitemapUl li {
	margin-bottom: 15px;
	font-size: 15px;	
	padding-left: 20px;
	background: url(/transplant/images/arrow02.png) 5px 8px no-repeat;
}


.sitemapUl ul {
	margin-left: 18px;	
}


.sitemapUl li li {
	width: 48%;
	margin: 5px 0 0;
	font-size: 13px;	
}


/*肝移植について***********************************************************/

.livUl {

}

.liver_right,
.liver_left {
	text-align:center;
}
	
.Bnone {
	padding-bottom: 0 !important;
	}		


/*FAQ***********************************************************/

.contents_main p.qTi {
	padding:15px;
	width:100%;
	background-color:#c5d351;
}

.contents_main p.aTi {
	padding:15px 0 30px 15px;
}


.faqTb {
	width: 97%;
	padding:5px 0 20px 0;
}

.faqTb th {
	padding:8px 5px;
	font-weight: bold;
	color: #350f1d;
	border: #4c6c0b 1px solid;
	background-color: #b0c87e;
	width:25%;
	text-align: center;
}

.faqTb td {
	text-align: left;
	padding:8px  5px;
	border: #4c6c0b 1px solid;
	vertical-align:top;
}


/*topics***********************************************************/

.con_topics dt{
	float:none;
}

.con_topics dd{
	padding-left:20px;
	padding-bottom:8px;
}
	
	
	
	
	
	
/*膵臓移植***********************************************************/
	
	.flow_transplant{
		font-size: 1em;
	}
	
.flow_transplant > li{
	background-color: #EBF7D4;
	font-weight: 700;
	margin-bottom: 7%;
	padding: 10px;
	position: relative;
	border-radius: 8px;
}
	
	.flow_transplant_ttl{
		display: flex;
		align-items: center;
	}
	
	.flow_transplant_num{
		background-color: #528d06;
		color: #fff;
		padding: 10px;
		width: 43px;
		margin-right: 15px;
		display: flex;
		justify-content: center;
		border-radius: 8px;
	}
	
	.flow_transplant > li::after{
		content: '';
		display: inline-block;
		width: 0;
		height: 0;
		border-bottom: #528d06 solid 12px;
		border-right: transparent solid 12px;
		position: absolute;
		left: 50%;
		bottom: -7px;
		transform: rotate(-45deg) translateX(-50%);
	}
	
	.flow_transplant > li:last-child::after{
		display: none;
	}
	
	.flow_transplant_in{
		display: flex;
		margin-top: 10px;
	}
	
	.flow_transplant_in li{
		background-color: #fff;
		border-radius: 8px;
		padding: 10px;
		margin-right: 20px;
		position: relative;
	}
	
	.flow_transplant_in li::after{
		content: '';
		display: inline-block;
		width: 0;
		height: 0;
		border-bottom: #E5A400 solid 8px;
		border-right: transparent solid 8px;
		position: absolute;
		top: 20px;
		right: -12px;
		transform: rotate(-135deg);
	}
	
	.flow_transplant_in li:last-child::after{
		display: none;
	}
	
	.flow_transplant_in li:first-child{
		margin-left: 58px;
	}
	
	/*.flow_transplant li:nth-child(3n){
		margin-right: 0;
	}*/
	
	.left_tb__pancreasCost th{
		width: 15%;
	}







/*フッター************************************************************/

footer {
	margin-top: 20px;
	background-color:#bfd62f;
}


.machi,
.footer_sideL,
.sideL_t,
.sideL_b,
.sideL_b_sub {
	display: none;
}


.fMenu01,
.fMenu02,
.fMenu03 {
	padding-top: 10px;
	color:#436302;
	text-align: center;
}

.fMenu01Title,
.fMenu02Title,
.fMenu03Title {
	color:#436302;
	font-weight: bold;
	border-bottom:1px solid #8c8c8c;
	font-size:90%;
	padding-bottom: 10px;
	margin-bottom:10px;
}

.fMenu01 ul li,
.fMenu02 ul li,
.fMenu03 ul li{
	padding-bottom:3px;
	font-size:80%;
}

.fMenu02 ul li.takasa,
.fMenu03 ul li.takasa{
	display: none;
}

.footer_subMenu {
	padding-top: 10px;
	color:#436302;
	text-align: center;
	font-size:80%;
}

.footer_logo_m {
	width:60%;
	margin:20px auto 10px;
}

.copyright{
	padding:10px 10px 30px 10px;
	color:#436302;
	font-size:0.6em;
	text-align: center;
}

.link_btn a {
	margin: 10px 10px;
	padding: 15px 10px;
	width: auto;
	display: block;
	line-height: 125%;
	color: #fff;
	text-align: center;
	font-size: 90%;
	font-weight: bold;
	background: #528d06;
	border-bottom: 1px solid #436302;
	border-radius: 6px;
}
.link_btn a:hover {
	text-decoration: none;
	transition: all 300ms ease-out;
	opacity: 0.55;
	filter: alpha(opacity=55);
}
.con_heading02 {
	color: #528d06;
	font-weight: bold;
	font-size: 100%;
	padding-bottom: 10px;
}
.con_heading02:before {
	content: "■";
}
.contents_main .con_headSub03 {
	margin: 0 0 15px;
	color: #67240d;
	padding: 3px 0 3px 10px;
	font-size: 90%;
	font-weight: bold;
	border-left: 5px solid #67240d;
	border-bottom: 1px solid #67240d;
}

/*当科で行われた肝移植***********************************************************/


.dis_Tb {
	width: 100%;
	padding:5px 0 20px 0;
	font-size:0.8em;
}

.dis_Tb th {
	padding:8px 5px;
	font-weight: bold;
	color: #000;
	border: #4c6c0b 1px solid;
	background-color: #e7f1dd;

}

.dis_Tb td {
	text-align: center;
	padding:8px 5px;
	border: #4c6c0b 1px solid;
	vertical-align:middle;
	width:10%;
}

.dis_Tb td.nowrap {
	text-align: center;
	padding:8px 5px;
	border: #4c6c0b 1px solid;
	vertical-align:middle;
	width:20%;
  white-space: normal;
}



}



