@charset "UTF-8";
/* CSS Document */
@media screen and (max-width:640px){
	
/* ----- 移転通知 ----- */

.zc_pc{
	display: none !important;
}
	
#transfer{
	width: 98%;
	max-width: 480px;
	height: auto;
	margin: 20px auto;
	background: #fff;
	border: 1px solid #E26D6D;/*pastel red*/
	
	clear: both;
}

#transfer dl{
	width: 100%;
	height: auto;
}

#transfer dl dt{
	width: 96%;
	height: auto;
	margin: 20px auto;
	padding: 15px 0px 15px 0px;
	text-align: center;
	color: #E26D6D;/*pastel red*/
	font-size: 18px;
	letter-spacing: 0.1em;
	
	border-top: 1px solid #E26D6D;/*pastel red*/
	border-bottom: 1px solid #E26D6D;/*pastel red*/
}

#transfer dl dd {
	width: 98%;
	height: auto;
	margin: 0px auto 20px;
}

#transfer dl dd img{
	display: block;
	width: 300px;
	height: 200px;
	margin: 0px auto 20px;
	/*float: left;*/
}

.mapArea{
	width: 300px;
	height: 200px;
	margin: 20px auto 20px;
	/*clear: left;*/
}

#transfer dl dd table{
	width: 90%;
	height: auto;
	margin: 0px auto 0px;
	padding: 0px;
}

#transfer dl dd p{
	width: 100%;
	height: auto;
	margin: 0px 20px 60px 0px;
	line-height: 2.4em;
	text-align: justify;
	text-justify: inter-ideograph;
	letter-spacing: 0.1em;
	font-size: 15px;
	color:#;
}

#transfer dl dd h3{
	width: 100%;
	height: auto;
	margin: 20px 0px 20px 0px;
	line-height: 1em;
	letter-spacing: 0.1em;
	font-size: 18px;
	color: #E26D6D;/*pastel red*/
}

#transfer dl dd h3 span{
	display: block;
	font-size: 12px;
	letter-spacing: 0.1em;
	color: #E26D6D;/*pastel red*/
}

#transfer dl dd ul{
	width: 90%;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	text-align: justify;
	text-justify: inter-ideograph;
	letter-spacing: 0.1em;
	font-size: 15px;
	color:#;
	border-left: 2px solid #E26D6D;/*pastel red*/
}

#transfer dl dd ul li{
	margin-bottom: 10px;
	letter-spacing: 0.1em;
	line-height: 2em;
	font-size: 15px;
}

#transfer dl dd ul li.title{
	color: #E26D6D;/*pastel red*/
	letter-spacing: 0.1em;
	font-size: 18px;
}

#transfer dl dd ul li a.mapBtn{
	display: block;
	width: 200px;
	height: auto;
	margin: 10px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	text-align: center;
	letter-spacing: 0.1em;
	font-size: 15px;
	color: #fff;
	text-decoration: none;
	background: #E26D6D;/*pastel red*/
	
	border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#transfer dl dd ul li a.mapBtn:hover {
	/*css alpha*/
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

/* ----- 移転通知 end----- */	

/*メイン画像追加のため追記20171027*/

#rightBox{
	width: 95%;
	height: auto;
	margin: 0px auto;
	float: left;
}

/*メイン画像追加のため追記20171027 end*/
	
/* イメージ全般 */
img{
		width: 100%;
		height: auto;
}

/* フォント設定 */
body{
	color: #555555;
	font-size: 13px;
	font-family: "Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

/* 見出しの色 */
h2 {
	font-size: 1.1em;
	font-weight: bold;
	color: #745740;
	margin-bottom:5px;
}

/* topページの画像設定 */
.topimg{
	margin-top: 5px;
}

/* お知らせ*/
.info{
	font-size: 14px;
	color: #745740;
	font-weight: bold;
	border-bottom: solid 1px #745740;

}

/* お知らせ欄の日付 */
.date{
	font-weight:bold;
	color: #745740;
}

/* PC用項目を非表示 */
.pc{
	display: none;
}

/* ヘッダー */
#header{
	width:100%;
	text-align: center;
}

/* スマホヘッダー用 */
.smpheader{
	  vertical-align:bottom;
}

/* PC用ヘッドを非表示 */
.head{
	display: none;
}

/* PC用メニューを非表示 */
.menu{
	display: none;
}

/* スマホ用メニュー設定 */
.smpmenu{
	width:100%;
	float:center;
	overflow: hidden;
}

/* メインボックス */
#main{
	width:100%;
	overflow:hidden;
}

/* スマホメインの設定 */
.smp_main{
	width: 97%;
	margin: 0 auto;
}

/* スマホの各項目タイトル */
.smp_cont{


}

/* テキスト背景色 */
.pbgcolor{
	background-color:#cdc2a8;
}	

/* スマホ用マージン */
.smp_margin{
	margin-bottom: 10px;
}

/* 写真ページ用 */
.photo{
	margin-right: 25px;
	margin-bottom: 25px;
}

.photo img{
	-moz-box-shadow: 1px 1px 3px 3px #CCC;
	-webkit-box-shadow: 1px 1px 3px 3px #CCC;
	box-shadow: 1px 1px 3px 3px #CCC;
	border:solid 1px #ccc;
	background-color:#ffffff;
	padding:10px;
	margin-bottom: 8px;

}

/* PC用バナー非表示 */
.banner{
	display: none;
}

/* スマホ用バナー */

/* ボタン設定 */
.button {
  width:100%;
  vertical-align:bottom;
}

/* スマホ用グーグル・マップ非表示 */
.gmap{
	display: none;	
}

/* スマホ用オリジナルマップ */
.smporgmap{
	width: 96%;
	margin: 0 auto;
}

.model{
	width: 100%;
	height: 100%;
}

/* 症状タイトル */
.shoujou_title{
	font-weight: bold;
	color:#7b4d3e;
	background-color:#cdc2a8;
	margin-bottom: 5px;
	margin:0px,3px;
}

/* 症状サブタイトル */
.shoujou_sub{
	color:#7b4d3e;
	font-weight: bold;
}

/* 症状他本文の設定 */
.pbox{
	margin-bottom: 5px;
	line-height: 1.5em;
}
.pbox-color{
	margin-bottom: 15px;
	line-height: 1.5em;
	padding: 10px;
	background-color: #CFC3AA;
}
/* 交通事故トップ部分（pc.cssのこんな症状にと共用） */
.accident-header{
	font-weight: bold;
	color: #7b4d3e;
	font-size: 1.3em;
	padding: 10px;
	background-color: #F5AC55;
}

/* 症状最後、治療費のフォント設定 */
.set_text{
	font-weight: bold;
}

.pbox{
	margin-bottom: 10px;
}
/* pboxのマージン狭め版 */
.pbox_low{
	margin-bottom: 5px;
}

/* 院長写真調整　*/
.intyo_img{
	width: 50%;
	margin-bottom: 10px;
	margin-left: 5px;
}

/* 治療方針 */
.care{
	font-weight: bold;
}

/* フッター */
#footer{
	border-top: solid 1px #745740;
	color: #745740;
	clear: left;
	width:100%;
	text-align:center;
}
.underbar {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #555555;
	padding-bottom: 1px;
}
.emphasis {
	font-size: 1.2em;
	font-weight: bold;
	color: #ee761f;
	padding: 5px;
	border-style: solid;
	border-color: #ee761f;
	border-radius: 7px;
}
}