@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 736px) {
	body {
		line-height: 1.5;
		-webkit-text-size-adjust: none;
		font-size: 1rem;
		height: 100%;
		font-weight: 300;
	}

	/* ------------------------------------------------------------ */
	/* ページ幅 リセット*/
	/*  ------------------------------------------------------------ */
	#summary {
		width: 100%;
		display: none;
	}

	#main {
		width: 100%;
		float: none;
		margin-left: 0px;
	}

	#side {
		width: 100%;
		float: none;
	}

	header {
		width: 100%;
	}

	ul {
		width: 100%;
	}

	header .wrap {
		width: 100%;
	}

	#contentArea {
		width: 100%;
		/* margin-top: 140px; */
	}

	#top #main {
		width: 100%;
	}

	.widthFull {
		margin: auto;
		width: 100%;
	}

	.wrap,
	.inner,
	.infoArea .wrap,
	.pageTitle,
	#foot .wrap {
		margin: auto;
		width: 100%;
	}

	#main {
		padding: 0 0 0;
	}

	/* #content{  padding-bottom:2em;} */
	.top #content {
		padding-bottom: 0em;
	}

	.clinicInfoArea {
		padding-top: 0;
	}

	#head h1 {
		display: none;
	}

	#footArea .pcInfoArea {
		display: none;
	}

	/* フロートブロック */
	.flexbox {
		display: inherit;
	}

	.flexbox.andSP {
		display: flex;
		justify-content: space-between;
	}

	.flexbox.andSP.col2 {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.flexbox.andSP.col2 .col {
		flex: 0 1 40%;
		padding: 0 5%;
	}

	.flexbox.andSP.col3 {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.flexbox.andSP.col3 .col {
		flex: 0 0 25%;
		padding: 0 3%;
	}

	/* SP レイアウト設定 */
	/*  ------------------------------------------------------------------------------ */
	/* レイアウト幅 */
	/*  ------------------------------------------------------------ */
	.wrap,
	.inner,
	.infoArea .wrap,
	.pageTitle,
	#foot .wrap {
		margin: auto;
		width: 94%;
		float: none;
	}

	.wrap.spFull,
	.col2 #contentArea {
		width: 100%;
	}

	/*物件ボックスボタン*/
	/*  ------------------------------------------------------------ */
	.estateBox .btn {
		width: 80%;
	}

	.estateBox .flexLeft img {
		max-height: 400px;
	}


	/*テーブル*/
	/*  ------------------------------------------------------------ */
	table.listTable {
		border-right: none;
	}

	table.spVecticalList td,
	table.spVecticalList th {
		display: block;
		border-right: none;
	}

	table.spVecticalList th {
		width: 96%;
		padding-left: 2%;
		padding-right: 2%;
	}

	table.spVecticalList td {
		width: 96%;
		padding-left: 2%;
		padding-right: 2%;
	}

	table.noLine td,
	table.noLine th {
		display: block;
	}

	table.noLine th {
		padding-bottom: 0.3em;
		padding-right: 0em;
		font-weight: 500;
		width: 100%;
	}

	table.noLine td {
		padding-bottom: 1em;
	}

	table.headListTable td,
	table.headListTable th {
		display: block;
	}

	.estateDetail table.listTable th {
		text-align: left;
	}

	/*  ------------------------------------------------------------ */

	/*ページ背景*/
	#mid #content {
		background: #fff;
		overflow: hidden;
		/* margin-top: 140px; */
	}

	/* ヘッダー */
	/*  ------------------------------------------------------------ */

	header {
		background: #FFF;
		transition: 0.2s;
		border-bottom: 1px solid #EAEAEA;
		/* position:fixed; */
		top: 0;
		z-index: 1;
		line-height: 2.0;
	}

	header #top-title {
		font-size: small;
		margin: 10px 0px;
	}

	header .header-container {
		margin: 10px 10px;
	}

	header .header-col {
		flex-direction: column;
	}

	.header-col__btns {
		margin-top: 20px;
		margin-bottom: 10px;
	}

	.header-col__btn {
		margin: 0px 10px;
	}

	/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
	.top-pic {
		display: none !important;
	}

	.sp-top-pic {
		width: auto;
		margin-bottom: 20px;
		display: block !important;
	}

	.top-contener img {
		max-width: 94%;
	}

	/* ページタイトル*/
	/*  ------------------------------------------------------------ */
	#titleArea h2 {
		height: 100px;
		text-align: right;
		font-size: 1.4rem;
	}

	#mid #titleArea {
		height: 100px;
		margin-top: 80px;
	}

	#mid #titleArea h2 img {
		height: 1.2em;
	}

	/* メインタイトル */
	.pageTitle h2 {
		margin-bottom: 1rem;
	}

	/* ヘッダー検索窓 */
	/*  ------------------------------------------------------------ */
	#headSearch {
		position: static;
		margin: 1.5rem 0 1.5rem;
	}

	/* Ｈタグ */
	/*  ------------------------------------------------------------ */

	/* section.estateDetail {
		margin-top: 140px;
	} */

	/* レイアウト内 H3 */
	#contentArea h3 {
		font-size: 110%;
		background-size: 2em;
		padding-right: 2.2em;
	}

	/*基本要素要素 フォントサイズ */
	dl.headingText dt {
		font-size: 100%;
	}

	.tx-b {
		font-size: 110%;
	}

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

	footer #foot .wrap {
		height: auto;
		display: inherit;
		padding: 1rem 0;
	}

	.footLink ul {
		display: block;
	}

	.footLink li {
		margin-bottom: 0.5em;
	}

	.footLink li:after {
		content: "";
		padding: 0;
	}

	.footLink li:before {
		content: " ";
		display: inline-block;
		width: 1em;
		height: 1em;
		background-size: 110%;
		vertical-align: -0.1em;
		margin-right: 0.2em;
	}

	.footLink1 {
		margin-right: 2rem;
	}

	footer #foot h2 {
		margin-bottom: 1.5rem;
		border-bottom: 1px solid #307DC4;
		padding-bottom: 1em;
	}

	footer #foot h2 img {
		width: 80%;
		height: auto;
		max-width: 220px;
	}

	/*  ------------------------------------------------------------ */
	/*スマホ用リンクボタン*/
	/*  ------------------------------------------------------------ */

	/* 電話ボタン*/
	.btnTEL {
		font-size: 140%;
		background: #56A7D0;
	}

	/* 電話ボタン*/
	.btnMAIL a {
		padding: 18px 1em 18px 2em;
		background-size: 2em;
		background-position: 10px center;
	}

	.btn-row {
		display: flex;
		flex-direction: column;
	}

	.btn.blue {
		margin-bottom: 20px;
	}

	/* サイド ブロック */
	/*  ------------------------------------------------------------ */
	#side {
		padding-bottom: 0;
		background: none;
	}

	#side .inner {
		padding: 1.5rem 14px;
		font-size: 1rem;
		width: auto;
	}

	#side .acordionswitchBtn h2 {
		padding: 10px 0;
		font-size: 1.2rem;
		text-align: left;
		margin-bottom: 1rem;
	}

	#side .acordionswitchBtn h2:before {
		content: none;
	}

	#side .acordionswitchBtn h2 {
		background-size: 1.2rem;
		background-position: 96% center;
		text-align: left;
		display: block;
		text-indent: 1rem;
		border-radius: 3px;

	}

	#side .inner {
		background: #F9F9F9;
	}

	#side h3 {
		padding: 8px 0;
		font-size: 1.1rem;
	}

	.banner-16 {
		display: none;
	}

	ul.checkbox {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	ul.checkbox li {
		flex-basis: 50%;
	}

	.checkout {
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}

	input#submit.btn_bl.siseL,
	.btn_bl.siseL a {
		width: auto;
	}

	#modal-content {
		width: 100%;
		height: 100%;
	}

	#modal-content .checkout {
		display: none;
	}

	#modal-content .inner {
		padding: 3.6rem 0 2rem;
		margin: auto;
		width: 100%;
	}

	#side #modal-content .inner {
		background: #FFF;
	}

	#side h3.modalAreaTitle:after {
		content: none;
	}

	h3.modalAreaTitle,
	#side h3.modalAreaTitle {
		background: #12479F;
		color: #FFFFFF;
		padding: 1rem 0;
		display: block;
		position: fixed;
		width: 100%;
		font-size: 1.1rem;
		font-weight: 500;
		text-align: center;
	}

	.modalCloseBtn {
		padding: 0.86rem;
		top: 1px;
		right: 0;
	}

	form#mail_form p#form_submit {
		font-size: 100%;
	}


}