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

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

/*トップページ_ヘッダー************************************************************/

.seo_submenu,
.header_lead,
.header_topics,
.header_logo,
.con_header_logo {
	display: none;
}

.m_header {
	background: url(../images/mobile/m_index_img.jpg) no-repeat center top;
	background-size: contain;
	width: 100%;
	position: relative;
	height: 1100px;
}

.m_header_logo{
	text-align: center;
}


/*トップページ_活動報告************************************************************/
.wrapper_report {
	background: url(../images/mobile/m_bg_main.png) no-repeat center bottom;
	width: 100%;
	margin:0 auto;
	position: absolute;
	top: 200px;
}

.wrapper_report p{
	text-align: center;
}

.pc_img {
	display: none;
}

.m_style {
	margin: 0px auto 20px;
	width: 90%;
	background-color: #FFFFFF;
	padding: 10px;
}

.listIn {
	text-align: center;
}

.report_txt {
	padding-top: 10px;
}

.report_btn {
}


.backnumber {
	text-align: center;
	background: url(../images/top/line_side01.png) repeat-x left top;
	height: 36px;
	margin-top: 20px;
	padding-top: 8px;
	margin-bottom: 20px;
}





/*トップページ_透析医療研究会とは************************************************************/
.wrapper_about{
	text-align: center;
	margin-top: 0px;
	border-bottom: 1px solid #8ca30a;
}


.wrapper_about .greetingIn{
	width: 95%;
	margin: 0 auto;
	padding-top: 20px;
}

.wrapper_about .greetingIn p.tit{
	font-size: 110%;
	font-weight: bold;
	text-align: left;
}

.wrapper_about .greetingIn p.con{
	font-size: 90%;
	text-align: left;
	margin-top: 20px;
}

.m_btn {
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
}



/*トップページ_透析医療研究会の業績************************************************************/

.wrapper_perfor {
	width: 100%;
	margin: 40px auto 0px;
	position: relative;
}

.wrapper_perfor p{
	text-align: center;
}

/*※その他細かい部分は「トップページ_活動報告」を流用*/



/*トップページ_更新履歴************************************************************/

.news_bg{
	background: url(../images/top/bg_main.png) no-repeat center top;
	padding-bottom: 5px;
}

.back {
	display: none;
}

.newsIn {
	margin: 40px auto 0px;
	width: 95%;
	padding-top: 30px;
}

.news {
	background: url(../images/common/line_side.png) no-repeat center bottom;
}


#news_contents dl {
	height: 200px;
	overflow: auto;
	width: 100%;
	margin-bottom: 40px;
	margin-top: 10px;
	padding-left: 10px;
	padding-bottom: 40px;
}


#news_contents dt {
	font-size: 90%;
	padding-left: 10px;
}


#news_contents dd {
	font-size: 90%;
	margin-bottom: 10px;
	padding: 0 0 10px 10px;
	border-bottom: #bbb 1px dotted;
}


/*コンテンツページ_ヘッダー************************************************************/

.m_con_header {
	background: url(../images/mobile/m_con_img.png) no-repeat center top;
	background-size: contain;
	width: 100%;

}


.contents_tit {
	width: 100%;
	margin:0 auto;
	position: relative;
	padding-top: 170px;

}

.contents_tit p.tit{
	text-align: center;
	background: url(../images/common/line_side.png) no-repeat center bottom;
}

.pageTop {
	margin-top: 30px;
	margin-bottom: 50px;
	font-size: 11px;
	text-align: right;	
}

/*コンテンツページ_準備中************************************************************/

.under {
	text-align: center;
	padding-top: 100px;
	padding-bottom: 500px;
}


p.con_bottomS,
p.con_bottomM,
p.con_bottomL {
	display: none;
}

/*コンテンツページ_見出し************************************************************/

h1,
h2,
h3 {
	margin-top: 20px;
	position: relative;
	padding: .5em .75em;
	background-color: #8ca30a;
	border-radius: 6px;
	font-size: 120%;
	color: #FFFFFF;
}

h1::after,
h2::after,
h3::after {
	position: absolute;
	top: 100%;
	left: 30px;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #8ca30a;
}


.contentsIn {
	margin-top: 30px;
	margin-bottom: 50px;
}

.contentsIn_end {
	margin-top: 30px;
	margin-bottom: 100px;
}

.listTit {
	color: #486780;
	padding: 3px 0 3px 10px;
	margin: 30px 0 15px 10px;
	font-weight: bold;
	/* [disabled]font-size: 16px; */
	border-left: 5px solid #486780;
	border-bottom: 1px dotted #486780;
}


/*コンテンツページ_ボタン************************************************************/

.square_btn{
	display: inline-block;
	padding: 7px 20px;
	border-radius: 25px;
	text-decoration: none;
	color: #FFF;
	background-image: -webkit-linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
	background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
 	transition: .4s;
}

.square_btn:hover {
	background-image: -webkit-linear-gradient(45deg, #FFC107 0%, #f76a35 100%);
	background-image: linear-gradient(45deg, #FFC107 0%, #f76a35 100%);
}

.btn_center {
	text-align: center;
	padding-bottom: 20px;
}




/*コンテンツページ_概要************************************************************/

.textIn {
	margin-left: 1em;
	text-indent: 1em;
	padding-right:20px;
	margin-bottom:20px;
}


.con_txt {
	padding-right:20px;
	padding-left:20px;
	margin-bottom:20px;

}

/*コンテンツページ_研究会メンバー************************************************************/

table.comTB {
	border: #8ca30a 1px solid;
	margin:0 auto;
	width: 95%;
}

.comTB th {
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	background-color:#e4efa7;
	padding:7px 10px;
	border: #8ca30a 1px solid;
	width: 25%;
}

.comTB td{
	padding:7px 10px;
	border: #8ca30a 1px solid;
}


/*コンテンツページ_リンク************************************************************/

ul#linkDl {
	margin-top: 30px;
	margin-left: 30px;
	font-weight: bold;
}

ul#linkDl li{
	background: url(../images/common/icon01.gif) 0px 0.5em no-repeat;
	margin-bottom: 20px;
	padding-left: 20px;
}



/*コンテンツページ_過去の更新履歴************************************************************/

#news_back dl {
	margin-bottom: 50px;
	margin-top: 10px;
	padding-left: 10px;
}


#news_back dt {
	width: 140px;
	padding-left: 10px;
}


#news_back dd {
	margin-bottom: 10px;
	padding: 0 0 10px 20px;
	border-bottom: #bbb 1px dotted;
}









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

#footer {
	background: url(../images/mobile/m_footer_bg.gif) repeat-x center top;
	position:relative;
	margin: 0 auto;
	width: 100%;

}



.center,
.fotLogo {
	display: none;
}

.m_fotLogo {
	text-align: center;
	margin: 0 auto;
	padding-top: 40px;
	width: 90%;
}

.boxFotIn .fottxt {
	text-align: center;
	padding-top: 40px;
	font-weight: bold;
}

.boxFotIn .fottxt02 {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 20px;
}


#copyright {
	padding-top:20px;
	padding-bottom:50px;
	font-size:11px;
	text-align: center;
	line-height:1.8;
}



}