/************************************************

品川心理オフィス インデックスのみ

***************************************************/

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


/* メインイメージ
---------------------------------------------*/
#main_img {
    width:100%;
	margin: 0 auto;
	padding: 2% 0;
	}
	#main_img img {
		width:100%;
		height: auto;
		}


/* コンテンツ枠
---------------------------------------------*/
#contents {
    width: 100%;
	margin: 2% 0 0;
	padding: 0;
	}


/* コンテンツ左
---------------------------------------------*/
#left {
    width: 100%;
	}


/* コンテンツ右
---------------------------------------------*/
#right {
    width: 100%;
	line-height: 140%;
	}


/***************************************************************************************************/
/* 上コンテンツ*************************************************************************************/
/***************************************************************************************************/

/* メッセージ
---------------------------------------------*/
#message {
	width: 100%;
	background:url(../common/sp_images/index_message_btm.png) 0 bottom / 100% auto no-repeat;
	margin: 0 auto;
	padding: 0 0 2.5em;
	}

#message #ti {
	background: url(../common/sp_images/index_message_top.png) 0 top / 100% auto no-repeat ;
	width: 100%;
	margin: 0 auto;
	padding: 3% 0 0;
	line-height:1;
	}
	#message #ti img {
		width: 100%;
		height: auto;
		vertical-align:bottom;
		}
	
#message #text {
	background:#f8f7d0;
	width: 100%;
	margin:0;
	padding: 2% 3% 0;
	line-height: 160%;
	}



/* サービス内容
---------------------------------------------*/
#service  {
    width: 100%;
	margin: 10% 0 0;
	padding:0 3%;
	}
	
#service #mti {
    width: 100%;
	margin: 0 auto;
	padding:0;
	text-align: center;
	}
	#service #mti img {
		max-width: 100%;
		height: auto;
		}

#service div.ti {
    width: 100%;
	margin: 10% auto 0;
	padding: 2.5% 3% 2% 6% ;
	line-height: 160%;
	background: url(../common/sp_images/ti_top.png) 0 top / 100% auto no-repeat ,url(../common/sp_images/ti_btm.png) 0 bottom / 100% auto no-repeat ,url(../common/sp_images/ti_mid.png) 0 / 100% auto repeat-y;
	}
	
#service div.ti a { text-decoration:none; color:#333333; }

#service div.text {
    width: 100%;
	margin: 0;
	padding: 3% 1% 0;
	}

#service div.link {
	width: 100%;
	margin: 0;
	padding: 1% 1% 0;
	text-align:right;
}
#service div.link a { text-decoration:underline; color:#1e8c79; }
#service div.link a img {
	width: 1.5%;
	height: auto;
	vertical-align: middle;
	border: 0;
	margin-right: 5px;
}
#service div.link.lastlink {
	padding: 3% 1% 0;
}



/* 当オフィスへのアクセス
---------------------------------------------*/
#access  {
    width: 100%;
	margin: 10% 0 0;
	padding:10% 3% 0;
	}

#access #mti  {
    width: 100%;
	margin: 0 auto;
	padding:0;
	text-align: center;
	}
	#access #mti img {
		max-width: 100%;
		height: auto;
		}
	
#access div.text {
    width: 100%;
	padding: 5% 0 0;
	}




/***************************************************************************************************/
/* 下コンテンツ*************************************************************************************/
/***************************************************************************************************/

/* ブログ
---------------------------------------------*/
#blog {
	background: url(../common/sp_images/index_blog_top.png) 0 top / 100% auto no-repeat ,url(../common/sp_images/index_blog_btm.png) 0 bottom / 100% auto no-repeat ,url(../common/sp_images/index_blog_mid.png) 0 / 100% auto repeat-y;
	margin:10% 3% 0;
	padding:22% 3% 8%;
	}
	
#blog #ti {
	display: none;
	}

#blog #bloglist {
	margin: 0 auto;
	padding: 2% 3% 3%;
	background: #fff;
	border-radius: 15px;
	}

#blog div.text {
	margin:0 0 0 0.5em;
	padding: 2% 0 0;
	text-indent: -0.5em;
	font-size: 3.6vw;
	line-height: 160%;
	}

#blog div.text a { text-decoration:underline; color:#1e8c79; }
#blog div.text img {
	width: 1.5%;
	height: auto;
	vertical-align: middle;
	border: 0;
	margin-right: 5px;
}


/* お知らせ
---------------------------------------------*/
#news {
    width: 100%;
	margin: 10% 0 0;
	padding:0 3%;
	}

#news #ti {
	width: 100%;
	margin: 0 auto;
	padding: 2% 0;
	border-bottom: 1px dashed #c0c0c0;
	}
	#news #ti img {
		max-width: 100%;
		height: auto;
		}

#news div.text {
	margin:2% 0 0;
	padding: 2% 0 2% 0.5em;
	text-indent: -0.5em;
	font-size: 3.6vw;
	line-height: 160%;
	border-bottom: 1px dashed #c0c0c0;
	}
	
	
#news div.text a { text-decoration:underline; color:#1e8c79; }
#news div.text img {
	width: 1.5%;
	height: auto;
	vertical-align: middle;
	border: 0;
	margin-right: 5px;
}


/* バナー
---------------------------------------------*/
div.bana {
	display: none;
	}
div.bana_sp {
    width: 100%;
	margin: 0 auto;
	padding:5% 3% 0;
	overflow: hidden;
	}
	div.bana_sp a {
		display: block;
		width: 48%;
		margin: 2% 1% 0;
		padding:0;
		float: left;
		}
	div.bana_sp a img {
		width: 100%;
		height: auto;
		}



/* ページTOPへ戻る
---------------------------------------------*/
#pagetop {
	display: none;
	}
	
	


}