@charset "UTF-8";
/*
 * cmn_style.css
 *
 *  version --- 3.4
 *  updated --- 2012/10/12
 *  function --- Zen-Coding Like Name for Fastest Coder
 */


/* !Base Fonts -------------------------------------------------------------- */
a {
	color: #333;
	outline: none;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a:hover { 
	color: #00703C;
	text-decoration: underline;
}

.a_link01 {
	font-weight: bold;
	color: #00703C;
	text-decoration: none;
}
.a_link01:hover {
	text-decoration: underline;
}

.fwN { font-weight: normal;}
.fwB { font-weight: bold;}
.fzSS  { font-size:  78%;}/* base 12px ->  8px */
.fzS   { font-size:  85%;}/* base 12px -> 10px */
.fzM   { font-size: 100%;}
.fzL   { font-size: 115%;}/* base 12px -> 14px */
.fzLL  { font-size: 130%;}/* base 12px -> 16px */
.fzLLL { font-size: 143%;}/* base 12px -> 18px */
sup   { font-size: 78%; vertical-align: top;}
sub   { font-size: 78%; vertical-align: baseline;}

/* !Inline Align ------------------------------------------------------------ */
.taL { text-align: left   !important;}
.taC { text-align: center !important;}
.taR { text-align: right  !important;}
.vaT { vertical-align: top    !important;}
.vaM { vertical-align: middle !important;}
.vaB { vertical-align: bottom !important;}
.blockC { margin-right: auto; margin-left: auto; text-align: left;}
* html .blockC { margin-right: 0; margin-left: 0;}
.blockR { margin-left: auto; text-align: left;}
* html .blockR { margin-left: 0;}

/* !Width ------------------------------------------------------------------- */
/* 960px Grid */
.w960   { width: 960px;}
.w800	{ width: 800px;}
.w640	{ width: 640px;}
.w480	{ width: 480px;}
.w320	{ width: 320px;}
.w160	{ width: 160px;}

.wHalf  { width: 48%;}
.wTri   { width: 33%;}
.wQuart { width: 24%;}
.wFull  { width: 99.9%;}
.wMax   { width: 100%;}
.wAuto   { width: auto;}

.w03per { width: 3%  !important;}
.w05per { width: 5%  !important;}
.w10per { width: 10% !important;}
.w13per { width: 13% !important;}
.w15per { width: 15% !important;}
.w20per { width: 20% !important;}
.w25per { width: 25% !important;}
.w30per { width: 30% !important;}
.w35per { width: 35% !important;}
.w40per { width: 40% !important;}
.w45per { width: 45% !important;}
.w50per { width: 50% !important;}

/* !Floats ------------------------------------------------------------------ */
.flL    { display: inline; float: left;}
.flR    { display: inline; float: right;}
.flImgL { display: inline; float: left; margin-right: 16px;}
.flImgR { display: inline; float: right; margin-left: 16px;}
.ftBox  { overflow: hidden; *zoom: 1;}

/* !Tools ------------------------------------------------------------------- */
.clear { clear: both;}
.block { display: block;}
.hide  { display: none;}
.bgN   { background: none !important;}
.tdU   { text-decoration: underline;}
.tdN   { text-decoration: none;}
.atode { border: 2px solid #96c; padding: 10px; text-align: center; background-color: #f9f; font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; font-size: 30px; color: #fff;}

/* !JavaScript -------------------------------------------------------------- */
.over { /* ロールオーバー呼び出し用 */ }
.png  { /* DD_belatedPNG.js呼び出し用 */ }
.js_popup_width_height  {}
.js_page_print   {}
.js_window_close {}

/* !Margin ------------------------------------------------------------------ */
.mt00 { margin-top: 0   !important;}
.mt05 { margin-top: 5px !important;}
.mt10 { margin-top:10px !important;}
.mt12 { margin-top:12px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mt30 { margin-top:30px !important;}
.mt35 { margin-top:35px !important;}
.mt40 { margin-top:40px !important;}
.mt45 { margin-top:45px !important;}
.mt50 { margin-top:50px !important;}
.mr00 { margin-right: 0   !important;}
.mr05 { margin-right: 5px !important;}
.mr10 { margin-right:10px !important;}
.mr12 { margin-right:12px !important;}
.mr15 { margin-right:15px !important;}
.mr20 { margin-right:20px !important;}
.mr25 { margin-right:25px !important;}
.mr30 { margin-right:30px !important;}
.mr35 { margin-right:35px !important;}
.mr40 { margin-right:40px !important;}
.mr45 { margin-right:45px !important;}
.mr50 { margin-right:50px !important;}
.mb00 { margin-bottom: 0   !important;}
.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb12 { margin-bottom:12px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb35 { margin-bottom:35px !important;}
.mb40 { margin-bottom:40px !important;}
.mb45 { margin-bottom:45px !important;}
.mb50 { margin-bottom:50px !important;}
.ml00 { margin-left: 0   !important;}
.ml05 { margin-left: 5px !important;}
.ml10 { margin-left:10px !important;}
.ml12 { margin-left:12px !important;}
.ml15 { margin-left:15px !important;}
.ml20 { margin-left:20px !important;}
.ml25 { margin-left:25px !important;}
.ml30 { margin-left:30px !important;}
.ml35 { margin-left:35px !important;}
.ml40 { margin-left:40px !important;}
.ml45 { margin-left:45px !important;}
.ml50 { margin-left:50px !important;}

/* !Padding  ---------------------------------------------------------------- */
.pt00 { padding-top: 0   !important;}
.pt05 { padding-top: 5px !important;}
.pt10 { padding-top:10px !important;}
.pt12 { padding-top:12px !important;}
.pt15 { padding-top:15px !important;}
.pt20 { padding-top:20px !important;}
.pt25 { padding-top:25px !important;}
.pt30 { padding-top:30px !important;}
.pt35 { padding-top:35px !important;}
.pt40 { padding-top:40px !important;}
.pt45 { padding-top:45px !important;}
.pt50 { padding-top:50px !important;}
.pr00 { padding-right: 0   !important;}
.pr05 { padding-right: 5px !important;}
.pr10 { padding-right:10px !important;}
.pr12 { padding-right:12px !important;}
.pr15 { padding-right:15px !important;}
.pr20 { padding-right:20px !important;}
.pr25 { padding-right:25px !important;}
.pr30 { padding-right:30px !important;}
.pr35 { padding-right:35px !important;}
.pr40 { padding-right:40px !important;}
.pr45 { padding-right:45px !important;}
.pr50 { padding-right:50px !important;}
.pb00 { padding-bottom: 0   !important;}
.pb05 { padding-bottom: 5px !important;}
.pb10 { padding-bottom:10px !important;}
.pb12 { padding-bottom:12px !important;}
.pb15 { padding-bottom:15px !important;}
.pb20 { padding-bottom:20px !important;}
.pb25 { padding-bottom:25px !important;}
.pb30 { padding-bottom:30px !important;}
.pb35 { padding-bottom:35px !important;}
.pb40 { padding-bottom:40px !important;}
.pb45 { padding-bottom:45px !important;}
.pb50 { padding-bottom:50px !important;}
.pl00 { padding-left: 0   !important;}
.pl05 { padding-left: 5px !important;}
.pl10 { padding-left:10px !important;}
.pl12 { padding-left:12px !important;}
.pl15 { padding-left:15px !important;}
.pl20 { padding-left:20px !important;}
.pl25 { padding-left:25px !important;}
.pl30 { padding-left:30px !important;}
.pl35 { padding-left:35px !important;}
.pl40 { padding-left:40px !important;}
.pl45 { padding-left:45px !important;}
.pl50 { padding-left:50px !important;}

/* !Utilities  ---------------------------------------------------------------- */
.overOpac:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.onlyPC { display: block !important; }
.onlyTB { display: none !important; }
.onlyPCTB { display: block !important; }
.onlySP { display: none !important; }

@media screen and (min-width: 768px) and (max-width: 1150px) {
	.overOpac:hover {
		opacity: 1;
		filter: alpha(opacity=100);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
	
	.onlyPC { display: none !important; }
	.onlyTB { display: block !important; }
	.onlyPCTB { display: block !important; }
	.onlySP { display: none !important; }
}

@media screen and (max-width: 767px){
	.overOpac:hover {
		opacity: 1;
		filter: alpha(opacity=100);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
	
    .onlyPC { display: none !important; }
	.onlyTB { display: none !important; }
	.onlyPCTB { display: none !important; }
    .onlySP { display: block !important; }
}


.Section00 {
	padding: 0 20px;
}

.ModuleList_head {
	font-size: 18px;
	background-color: #f7f7f7 ;
	line-height: 54px;
	padding: 0 20px;
	margin-bottom: 20px;
	border-bottom: 1px dashed #ccc;
}


/* !h(n)eading
---------------------------------------------------------- */
.h1_basic02 {
	margin-bottom: 55px;
	font-family: 'Ryumin Regular KL',serif;
	font-size: 30px;
	line-height: 1.1;
	color: #063;
}
	.h1_basic02 span {
		color: #333;
	}
	
.h2_basic03 {
	margin-top: 56px;
	margin-bottom: 32px;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 22px;
	line-height: 1.1;
	color: #333;
}
.h2_basic03 .btn_basic02 {
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	position: relative;
	top: -4px;
}
.h2_basic03.font_basic {
	font-family: Ryumin Regular KL,ヒラギノ角ゴPro W3, "Hiragino Kaku Gothic Pro", Osaka, 'メイリオ', Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.h2_basic04 {
	margin-top: 56px;
	margin-bottom: 32px;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 22px;
	line-height: 1.1;
	color: #333;
}
.h3_basic03 {
	margin-top: 48px;
	margin-bottom: 32px;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 18px;
	line-height: 1.1;
	color: #333;
}
/*.h3_basic02 {
	margin-top: 0;
	margin-bottom: 8px;
	font-family: 'Ryumin Regular KL',serif;
	font-size: 18px;
	line-height: 1.1;
	color: #333;
}*/
.h4_basic01 {
	margin-top: 32px;
	margin-bottom: 24px;
	font-family: 'Ryumin Regular KL',serif;
	font-size: 16px;
	line-height: 1.1;
	color: #333;
}
.h5_basic01 {
	margin-top: 32px;
	margin-bottom: 24px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.1;
	color: #333;
}

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

@media screen and (max-width: 767px) {
	.h1_basic02 {
		margin-bottom: 16px;
		font-size: 16px;
		color: #00703C;
	}
	.h2_basic03 {
		margin-top: 28px;
		margin-bottom: 16px;
		font-size: 15px;
	}
	.h2_basic04 {
		margin-top: 28px;
		margin-bottom: 16px;
		font-size: 15px;
	}
	.h3_basic03 {
		margin-top: 24px;
		margin-bottom: 16px;
		font-size: 14px;
	}
	/*.h3_basic02 {
		margin-top: 0px;
		margin-bottom: 12px;
		font-size: 14px;
	}*/
	.h4_basic01 {
		margin-top: 16px;
		margin-bottom: 12px;
		font-size: 13px;
	}
	.h5_basic01 {
		margin-top: 16px;
		margin-bottom: 12px;
		font-size: 12px;
	}

}

/* !Element
---------------------------------------------------------- */
.fzS {
/*	margin-bottom: 22px;*/
	font-size: 13px;
	line-height: 1.7;
	color: #333;
}
.fzSS {
/*	margin-bottom: 16px;*/
	font-size: 12px;
	line-height: 1.7;
	color: #333;
}

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

}

@media screen and (max-width: 767px) {
	.fzS {
		font-size: 11px;
	}
	.fzSS {
		font-size: 10px;
	}
}

.link_type01 {
	background: url(/mecsumai/img/common/ico_arrow03.png) #fff right center no-repeat;
	padding-right: 25px;
}
.link_type02 {
	color: #00703C;
}
.link_type04 {
	background: url(/mecsumai/img/common/ico_arrow03.png) #fff right center no-repeat;
	padding-right: 25px;
}

@media screen and (max-width: 767px) {
	.link_type01 {
		padding-right: 18px;
	}
}


/* !Listing
---------------------------------------------------------- */
.ul_basic03 {
	margin-bottom: 8px;
	padding-left: 20px;
	font-size: 14px;
}
	.ul_basic03 li {
		position: relative;
		color: #333;
	}
		.ul_basic03 li:before {
			position: absolute;
			width: 4px;
			height: 4px;
			content: '';
			top: 12px;
			left: -15px;
			background-color: #999;
		}
		.ul_basic03 li span {
			color: #333;
		}

.ol_basic01 {
	margin-bottom: 8px;
	padding-left: 20px;
	font-size: 14px;
}
	.ol_basic01 li {
		position: relative;
		color: #333;
		list-style: outside decimal;
	}
		.ol_basic01 li span {
			color: #333;
		}

@media screen and (max-width: 767px) {
.ul_basic03,
.ol_basic01 {
	padding-left: 24px;
	font-size: 12px;
}
	.ul_basic03 li,
	.ol_basic01 li {
		margin-bottom: 2px;
	}
	.ul_basic03 {
		margin-bottom: 8px;
		padding-left: 20px;
	}
		.ul_basic03 li:before {
			top: 12px;
		}
}


.dl_basic02 {
	font-size: 14px;
	margin-bottom: 15px;
}
	.dl_basic02 dt {
		font-weight: bold;
	}
	.dl_basic02 dd {
	}

@media screen and (max-width: 767px) {
	.dl_basic02 {}
		.dl_basic02 dt {}
		.dl_basic02 dd {}
}

.ul_basic03Wrap {
	overflow: hidden;
	margin: 0 0 25px -16px;
}
.ul_basic03Wrap li {
	display: block;
	float: left;
	width: 33.33%;
	padding-left: 16px;
	margin: 0 0 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
	.ul_basic03Wrap li .inner {
		padding: 20px 18px;
		border: 1px solid #ddd;
		background-color: #f4f4f4;
	}
		.ul_basic03Wrap li .inner .btn_basic01 {
			display: table;
			margin: 4px 0 0 0;
		}
		.ul_basic03Wrap li .title {
			margin-bottom: 15px;
			font-size: 18px;
			font-weight: bold;
		}
		.ul_basic03Wrap li .desc {
		}
		.ul_basic03Wrap li a:hover {
			text-decoration: none !important;
		}
		.ul_basic03Wrap li a:hover .inner,
		.ul_basic03Wrap li a:hover .inner .btn_basic01  {
			border: 1px solid #00703C;
			color:#00703C;
		}
			
@media screen and (max-width: 767px) {
	.ul_basic03Wrap {
		margin-left: 0;
	}
		.ul_basic03Wrap li {
			height: auto !important;
			width: 100%;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			padding: 17px 0;
			margin-left: 0;
			margin-bottom: 0;
		}
	.ul_basic03Wrap.mypageShiki li {
		height: auto !important;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 9px 11px;
		margin-left: 0;
		margin-bottom: 0;
	}
		.ul_basic03Wrap li dt {
			margin-bottom: 10px;
			font-size: 14px;
		}
		.ul_basic03Wrap li .desc a:hover {
			color: #333;
			border: 1px solid #dcdcdc;
			text-decoration: none;
		}
		.ul_basic03Wrap li a:hover .desc {
			text-decoration: none;
		}
}


/* !Table
---------------------------------------------------------- */
.table_basic01 {
	width: 100%;
	border-collapse: collapse;
}
	.table_basic01 th,
	.table_basic01 td {
		border: 1px solid #dcdcdc;
		font-size: 14px;
		text-align: left;
		line-height: 1.6;
		padding-left: 8px;
		padding-right: 8px;
	}
	.table_basic01 th {
		height: 30px;
		min-width: 104px;
		background-color: #f4f4f4;
		font-weight: normal;
	}
		.table_basic01 thead th {
		text-align: center;
		}
		.table_basic01 thead .clmn01 {
			width: 1%;
		}
		.table_basic01 thead .clmn02 {
			width: 20%;
		}
		.table_basic01 thead .clmn03 {
			width: 20%;
		}
		.table_basic01 thead .clmn04 {
			width: 20%;
		}
		.table_basic01 thead .clmn05 {
			width: 20%;
		}
	.table_basic01 td {
		padding: 8px;
	}

@media screen and (max-width: 767px) {
.table_basic01 {
	width: 100%;
	border-collapse: collapse;
}
	.table_basic01 th,
	.table_basic01 td {
		border: 1px solid #dcdcdc;
		font-size: 10px;
		text-align: left;
		line-height: 1.3;
		padding: 4px;
	}
	.table_basic01 th {
		height: 15px;
		min-width: 50px;
		background-color: #f4f4f4;
		font-weight: normal;
		color: #666;
	}
		.table_basic01 thead th {
		text-align: center;
		}
	.table_basic01 td {
		color: #333;
	}
}

.table_basic02 {
	width: 100%;
	border-collapse: collapse;
}

	.table_basic02 th,
	.table_basic02 td {
		border-top: 1px solid #dcdcdc;
		border-bottom: 1px solid #dcdcdc;
		font-size: 14px;
		text-align: left;
		line-height: 1.6;
		padding-left: 8px;
		padding-right: 8px;
	}
	.table_basic02 th {
		height: 30px;
		min-width: 104px;
		font-weight: bold;
		padding: 8px;
	}
		.table_basic02 thead th {
		text-align: center;
		}
		.table_basic02 td span {
			display: block;
			margin: 16px 0 16px;
			padding-left: 16px;
			border-left: 1px solid #dcdcdc
	}

@media screen and (max-width: 767px) {
	
.table_basic02 {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #dcdcdc;
	border-width: 1px 1px 0;
}
	.table_basic02 th,
	.table_basic02 td {
		display: block;
		clear: both;
		font-size: 12px;
		text-align: left;
		line-height: 1.3;
		padding: 4px;
	}
	.table_basic02 th {
		min-width: inherit;
		height: auto;
		padding: 6px 7px;
		background: #f4f4f4;
		border: none;
		font-weight: bold;
		line-height: 1;
	}
		.table_basic02 td span {
			display: block;
			margin: 0;
			padding: 3px;
			border: none;
	}
}

table.table_list {
	border-collapse: collapse;
}
	table.table_list th {
		height: 18px;
		background-color: #f4f4f4;
		border: 1px solid #dcdcdc;
		font-size: 12px;
		text-align: center;
		line-height: 1.6;
	}
	table.table_list .thead01 {
			width: 127px;
		}
	table.table_list .thead02 {
			width: 216px;
		}
	table.table_list .thead03 {
			width: 216px;
		}
	table.table_list .thead04 {
		}
	table.table_list td {
		padding: 8px 7px;
		background-color: #fff;
		border: 1px solid #dcdcdc;
		font-size: 13px;
		line-height: 1.5;
		}

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

table.table_list {
	border-collapse: collapse;
	border-bottom: 1px solid #dcdcdc;
	margin-left: 12px;
	margin-right: 12px;
}
	table.table_list th {
		display: none;
	}
	table.table_list td {
		display: inline-block;
		width: 100%;
		padding: 4px 0;
		border-left: none;
		border-right: none;
		border-bottom: none;
		background-color: transparent;
		font-size: 12px;
		line-height: 1.2;
	}
	table.table_list td:before {
		display: table-cell;
		width: 45px;
		height: 100%;
		font-size: 10px;
		font-weight: normal;
		color: #666;
		vertical-align: middle;
	}
	table.table_list td:nth-of-type(1):before {
		content: "間取り";
	}
	table.table_list td:nth-of-type(2):before {
		content: "専有面積";
	}
	table.table_list td:nth-of-type(3):before {
		content: "総戸数";
	}
	table.table_list td:nth-of-type(4):before {
		content: "価格帯";
	}
		table.table_list td p {
			display: table-cell;
		}
}



/* !anchorLink01
---------------------------------------------------------- */
ul.anchorLink01 {
	display: block;
	width: 100%;
	height: 41px;
	margin: 56px 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	text-align: left;
}
	ul.anchorLink01 li {
		display: inline-block;
		line-height: 41px;
	}
		ul.anchorLink01 li a {
			display: inline-block;
			line-height: 41px;
			font-size: 13px;
			color: #333;
			font-weight: bold;
			padding: 0 20px;
		}
@media screen and (max-width: 767px) {
ul.anchorLink01 {
	display: block;
	width: 100%;
	height: auto;
	margin: 56px 0;
	padding: 4px 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	text-align: left;
}
	ul.anchorLink01 li {
		display: block;
		line-height: 24px;
		width: auto;
		padding-left: 0;
	}
	ul.anchorLink01.anchorLinkModelroom li {
		display: block;
		width: 100%;
	}
		ul.anchorLink01 li a {
			display: block;
			line-height: 3.75;
			font-size: 12px;
			color: #333;
			font-weight: bold;
			padding: 0;
		}

}

.imgCenter {
	margin: 1em 0;
	text-align: center;
}
.imgCenter > img {
	display: inline-block;
	max-width: 100%;
	width: auto;
	height: auto;
}

/* !Button
---------------------------------------------------------- */
ul.button01 {
	margin-top: 30px;
	text-align: center;
}
ul.button01 > li {
	display: inline-block;
	margin: 0 2px;
}
@media screen and (max-width: 767px) {
	ul.button01 > li {
		min-width: 179px;
		height: 40px;
	}
}


/* !common styles 2017-08
---------------------------------------------------------- */
.bg-beige {
	background-color: #F6F5ED;
}

@media screen and (min-width: 768px) {
	.sp {display: none;}

	.common-title1 {
		height: 45px;
		font-family: "Ryumin Regular KL", serif;
		font-size: 22px;
		line-height: 22px;
	}

	.new-label {
		position: relative;
	}

	.new-label:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 56px;
		height: 56px;
		background: url(/mecsumai/img/common/new-label.png) no-repeat 0 0;
		background-size: 100%;
		z-index: 1;
	}
}

@media screen and (max-width: 767px) {
	.pc {display: none;}

	.common-title1 {
		height: 40px;
		font-family: "Ryumin Regular KL", serif;
		font-size: 18px;
		line-height: 18px;
	}

	.new-label:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 45px;
		height: 45px;
		background: url(/mecsumai/img/common/new-label.png) no-repeat 0 0;
		background-size: 100%;
		z-index: 1;
	}
}

.common-close-button {
	width: 36px;
	height: 36px;
	cursor: pointer;
	background-color: #00703C;
}

.common-close-button:before,
.common-close-button:after {
	content: "";
	position: absolute;
	top: calc(50% - 0.5px);
	left: calc(50% - 9.5px);
	width: 19px;
	height: 1px;
	background-color: #FFFFFF;
	transform-origin: center center;
}

.common-close-button:before {
	transform: rotate(45deg);
}

.common-close-button:after {
	transform: rotate(-45deg);
}

.common-indicators {
	width: 100%;
	text-align: center;
	font-size: 0;
}

.common-indicators li {
	display: inline-block;
	width: 40px;
	height: 4px;
	margin: 0 2px 0 3px;
	cursor: pointer;
	background-color: rgba(204, 204, 204, 0.8);
}

.common-indicators li.current,
.common-indicators li:hover {
	background-color: #02763B;
}

@media screen and (max-width: 767px){
	.common-indicators li {
		width: 20px;
		height: 2px;
	}
}

/* !sp-carousel
---------------------------------------------------------- */

@media screen and (min-width: 768px) {
	.sp-carousel + .common-indicators {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	.sp-carousel {
		position: relative;
		padding: 0 0 18px;
		overflow-x: hidden;
	}

	.wrap .sp-carousel {
		width: calc(100% + 24px);
		margin: 0 -12px;
	}

	.sp-carousel > ul {
		position: relative;
		top: 0;
		left: 0;
	}

	.sp-carousel ~ .common-indicators {
		position: relative;
		height: 10px;
	}

	.sp-carousel ~ .buttons {
		position: relative;
		height: 0;
	}

	.sp-carousel ~ .buttons .prevBtn,
	.sp-carousel ~ .buttons .nextBtn {
		display: block;
		width: 64px;
		height: 24px;
		position: absolute;
		top: -12px;
		left: 20px;
		z-index: 61;
		background: url(/mecsumai/img/common/btn_prev01_sp.png) #00703C 11px center no-repeat;
		background-size: 7px 11px !important;
		cursor: pointer;
	}

	.sp-carousel ~ .buttons .nextBtn {
		background: url(/mecsumai/img/common/btn_next01_sp.png) #00703C 44px center no-repeat;
		left: auto;
		right: 20px;
	}
}


/* !card, card-containers
---------------------------------------------------------- */

@media screen and (min-width: 768px) {
	a.card {
		display: block;
		position: relative;
		border: 1px solid #DDDDDD;
		box-shadow: 0 1px #CCCCCC;
		background-color: #FFFFFF;
		transition: opacity 200ms, border-color 200ms;
	}

	a.card.current {
		border-color: #00703C;
	}

	a.card:hover {
		border-color: #00703C;
		text-decoration: none;
		color: #333333;
		opacity: 0.8;
	}

	a.card.current .title,
	a.card:hover .title {
		color: #00703C;
	}

	.cards-col2 {
		margin: 0 0 0 -24px;
		padding-bottom: 1px;
		overflow: hidden;
	}

	.cards-col2 li {
		float: left;
		width: 50%;
		padding: 0 0 0 24px;
	}

	.cards-col2 li:nth-child(n+3) {
		padding-top: 24px;
	}

	.cards-col2 li a.card {
		height: 100%;
		padding: 0 0 20px;
	}

	.cards-col3 {
		margin: 0 0 0 -16px;
		padding-bottom: 1px;
		overflow: hidden;
	}

	.cards-col3 li {
		float: left;
		width: 33.33%;
		padding: 0 0 0 16px;
	}

	.cards-col3 li:nth-child(n+4) {
		padding-top: 16px;
	}

	.cards-col3 li a.card {
		height: 100%;
		padding: 0 0 16px;
	}

	.cards-col3 li a.card.post img {
		width: 100%;
		margin: 0 0 14px;
	}

	.cards-col3 li a.card.post .title {
		margin: 0 0 12px;
    padding: 0 24px;
		font-weight: bold;
		line-height: 24px;
	}

	.cards-col3 li a.card.post time {
    padding: 0 24px;
		color: #999999;
		font-size: 12px;
		line-height: 12px;
	}
	body.nav-quality .cards-col3 li a.card.post time {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	a.card {
		display: block;
		position: relative;
		border: 1px solid #DDDDDD;
		box-shadow: 0 1px #CCCCCC;
		background-color: #FFFFFF;
		transition: opacity 200ms, border-color 200ms;
		z-index: 1;
	}

	a.card.current {
		border-color: #00703C;
		z-index: 2;
	}

	a.card:hover {
		border-color: #00703C;
		text-decoration: none;
		color: #333333;
		opacity: 0.8;
		z-index: 2;
	}

	a.card.current .title,
	a.card:hover .title {
		color: #00703C;
	}

	.sp-carousel .cards-col3 {
		position: relative;
		width: 790px;
		padding: 0 4px 24px 12px;
	}

	.sp-carousel .cards-col3 li {
		float: left;
		width: 250px;
		margin: 0 8px 0 0;
	}

	.sp-carousel .cards-col3 li a.card {
		width: 250px;
		height: 100%;
	}

	.sp-carousel .cards-col3 li a.card.post {
		padding: 0 0 12px;
	}

	.sp-carousel .cards-col3 li a.card.post img {
		width: 100%;
		margin: 0 0 14px;
	}

	.sp-carousel .cards-col3 li a.card.post .title {
		margin: 0 0 15px;
    padding: 0 12px;
		font-size: 14px;
		font-weight: bold;
		line-height: 18px;
	}

	.sp-carousel .cards-col3 li a.card.post time {
    padding: 0 12px;
		color: #999999;
		font-size: 9px;
		line-height: 18px;
	}

	.cards-col3 li {
		margin: 0 0 12px;
	}

	.cards-col3 li a.card.post {
		padding: 12px;
	}

	.cards-col3 li a.card.post img {
		width: 100%;
		margin: 0 0 14px;
	}

	.cards-col3 li a.card.post .title {
		margin: 0 0 15px;
		font-size: 12px;
		font-weight: bold;
		line-height: 18px;
	}

	.cards-col3 li a.card.post time {
		display: none;
		color: #999999;
		font-size: 9px;
		line-height: 18px;
	}
	body.nav-quality .cards-col3 li a.card.post time {
		display: none;
	}
}


/* !下層ページ 共通
---------------------------------------------------------- */
#main.lower-index *, #main.lower-index *:before, #main.lower-index *:after,
#main.lower-list *, #main.lower-list *:before, #main.lower-list *:after,
#main.lower-detail *, #main.lower-detail *:before, #main.lower-detail *:after {
	box-sizing: border-box;
}

@media screen and (min-width: 768px) {
	.common-tag-list {
		font-size: 0;
	}

	.common-tag-list li {
		display: inline-block;
	}

	.common-tag-list li a {
		display: inline-block;
		height: 20px;
		margin: 0 6px 6px 0;
		padding: 0 5px;
		border: 1px solid #A5D7C0;
		border-radius: 3px;
		color: #00703C;
		font-size: 11px;
		font-weight: normal;
		line-height: 18px;
		background-color: #E8F5EE;
		transition: 100ms;
	}

	.common-tag-list li a:hover {
		border-color: #00703C;
		text-decoration: none;
		color: #FFFFFF;
		background-color: #00703C;
	}


	.common-recommend-block {
		padding-bottom: 39px !important;
	}

	.common-recommend-block ul {
		margin: 0 0 0 -24px;
		overflow: hidden;
	}

	.common-recommend-block > ul > li {
		position: relative;
		float: left;
		width: 25%;
		min-height: 353px;
		padding: 0 0 0 24px;
	}

	.common-recommend-block > ul > li > a {
		display: block;
		height: 100%;
		padding: 17px 21px 20px;
		background-color: #F6F5ED;
	}

	.common-recommend-block > ul > li > a img {
		width: 100%;
		height: auto;
		margin: 0 0 18px;
	}

	.common-recommend-block > ul > li > a .name {
		margin: 0 0 5px;
		font-size: 14px;
		font-weight: bold;
		line-height: 20px;
	}

	.common-recommend-block > ul > li > a .text {
		color: #666666;
		font-size: 12px;
		font-weight: bold;
		line-height: 20px;
	}

	.common-recommend-block > ul > li .popup {
		position: absolute;
		top: 0;
		right: 0;
		width: calc(100% - 24px);
		height: 100%;
		padding: 18px 15px 18px;
		border: 1px solid #ddd;
		box-sizing: border-box;
		background: url(/mecsumai/img/common/bg_opacity01.png) 0 0 repeat;
		font-size: 14px;
		color: #333;
		line-height: 1.4;
		transition: opacity 500ms;
		opacity: 0;
	}

	.common-recommend-block > ul > li:hover .popup {
		opacity: 1;
	}

	.common-recommend-block > ul > li .popup .box {
		height: 230px;
		overflow: hidden;
	}

	.common-recommend-block > ul > li .popup p {
		margin-bottom: 6px;
		font-size:12px;
	}

	.common-recommend-block > ul > li .popup em {
		display: block;
		margin-top: 0;
		font-size: 12px;
		color: #999;
		font-weight: normal;
	}

	.common-recommend-block > ul > li .popup p.addFavorite {
		text-align: right;
	}

	.common-recommend-block > ul > li .popup p.addFavorite a {
		display: inline-block;
		padding: 0 0 0 10px;
		margin: 6px 0 0;
		width: auto;
		height: auto;
		background: url(/mecsumai/img/common/ico_plus01.png) left center no-repeat;
		font-size: 10px;
		color: #00703C;
		line-height: 1.3;
		text-align: center;
	}
	.common-recommend-block > ul > li .popup .box .txtOverflow {
		/*height: 38px;*/
		overflow: hidden;
	}

	.common-recommend-block > ul > li .popup .box .txtOverflow + .txtOverflow {
		margin-top: -6px;
	}

	.common-recommend-block > ul > li .popup .box .txtOverflow.line01 {
		/*height: 20px;*/
		overflow: hidden;
	}

	.common-recommend-block > ul > li .popup ul.popup_button {
		position: absolute;
		left: 11px;
		bottom: 15px;
		width: calc(100% - 22px);
		margin: -4px 0 0 0;
		overflow: hidden;
	}

	.common-recommend-block > ul > li .popup .popup_button li {
		float: left;
		width: 50%;
		margin: 4px 0 0;
		padding-left: 4px;
		box-sizing: border-box;
	}

	.common-recommend-block > ul > li .popup .popup_button a {
		width: auto;
		height: 36px;
		padding: 0;
		line-height: 2.6;
	}

	.common-recommend-block > ul > li .popup .popup_button a.btn_basic04 {
		background-color: #00703C;
		color: #fff;
	}

	.common-recommend-block > ul > li .popup .popup_button a.btn_basic05 {
		background-color: #fff;
		border: 1px solid #dcdcdc;
	}

	.common-recommend-block > ul > li .popup .popup_button a.btn_basic05:hover {
		border: 1px solid #00703C;
		color: #00703C;
	}

	.common-recommend-block > ul > li .popup .popup_button li.full {
		width: 100%;
	}

	.common-search-block {
		height: 200px;
		/* START 「物件を探す」エリア名称 - padding修正 */
		padding: 30px 25px;
		/* END 「物件を探す」エリア名称 - padding修正 */
		border: 1px solid #B4B4B4;
	}

	.common-search-block h2 {
		height: 40px;
		padding: 0 2px;
		font-family: "Ryumin Regular KL", serif;
		font-size: 18px;
		line-height: 18px;
	}

	.common-search-block .left {
		float: left;
		width: calc(100% - 398px);
		/* START 「物件を探す」エリア名称 - padding修正 */
		padding: 0 20px 0 0;
		/* END 「物件を探す」エリア名称 - padding修正 */
	}

	.common-search-block .right {
		float: right;
		width: 398px;
		/* START 「物件を探す」エリア名称 - padding修正 */
		padding: 0 0 0 20px;
		/* END 「物件を探す」エリア名称 - padding修正 */
		border-left: 1px solid #DDDDDD;
	}

	.common-search-block .capital a,
	.common-search-block .areas a {
		display: block;
		position: relative;
		border: 1px solid #DDDDDD;
		text-align: center;
		line-height: 38px;
		background-color: #FFFFFF;
		z-index: 1;
	}

	.common-search-block .capital a:hover,
	.common-search-block .areas a:hover {
		border-color: #00703C;
		text-decoration: none;
		color: #00703C;
		z-index: 2;
	}

	.common-search-block .capital {
		height: 48px;
		margin: 0 0 10px;
		padding: 4px 2px 4px 0;
		background-color: #EFEFEF;
	}

	.common-search-block .capital dt {
		float: left;
		width: 17%;
		text-align: center;
		color: #666666;
		line-height: 40px;
	}

	.common-search-block .capital dd {
		float: left;
		width: 83%;
		border-right: none;
	}

	.common-search-block .capital dd ul li {
		float: left;
		width: 33.33%;
		margin-left: -1px;
	}

	.common-search-block .areas {
		/* START 「物件を探す」エリア名称 - margin修正 */
		margin: 0 0 18px 0;
		/* END 「物件を探す」エリア名称 - margin修正 */
		overflow: hidden;
	}

	.common-search-block .areas li {
		float: left;
		width: 16.66%;
		/* START 「物件を探す」エリア名称 - padding修正 */
		padding: 0 0 0 5px;
		/* END 「物件を探す」エリア名称 - padding修正 */
	}

	/* START 「物件を探す」エリア名称 - 最初のリスト要素padding修正 */
	.common-search-block .areas li:first-child {
		padding: 0;
	}
	/* START 「物件を探す」エリア名称 - 最初のリスト要素padding修正 */

	.common-search-block .keywords {
		margin: 0 0 9px;
	}

	.common-search-block .keywords dt {
		padding: 0 0 0 3px;
		font-size: 13px;
		font-weight: bold;
		line-height: 18px;
	}

	.common-search-block .keywords dd {
		width: 100%;
	}

	.common-search-block .keywords dd form {
		height: 40px;
		background-color: #EFEFEF;
	}

	.common-search-block .keywords dd form input {
		float: left;
		width: calc(100% - 80px);
		height: 40px;
		padding: 0 17px;
		border: none;
		background-color: #EFEFEF;
	}

	.common-search-block .keywords dd form button {
		display: block;
		float: right;
		width: 80px;
		height: 40px;
		border: none;
		/* START 「物件を探す」エリア名称 - 検索ボタンスタイル修正 */
		padding: 2px 0 0 0;
		text-align: center;
		/* END 「物件を探す」エリア名称 - 検索ボタンスタイル修正 */
		color: #FFFFFF;
		font-size: 14px;
		background: #00703C url(/mecsumai/img/top/search-icon.png) no-repeat 16px 15px;
	}

	.common-search-block .links {
		padding: 0 0 0 2px;
		font-size: 11px;
		line-height: 18px;
	}

	.common-search-block .links li {
		float: left;
		width: 50%;
	}

	.common-search-block .links li a:after {
		content: "";
		display: inline-block;
		position: relative;
		margin: 0 0 0 6px;
		border-left: 5px solid #00703C;
		border-top: 4px solid transparent;
		border-bottom: 4px solid transparent;
		border-right: 0;
		vertical-align: middle;
	}

	#main.lower-index .text1 {
		padding: 40px 0 48px;
		line-height: 24px;
		letter-spacing: -0.05em;
	}

	#main.lower-index .lower-index-nav {
		margin: 0 0 40px;
		overflow: hidden;
	}

	#main.lower-index .lower-index-nav li {
		float: right;
		width: calc(50% - 12px);
		margin: 0 0 40px;
	}

	#main.lower-index .lower-index-nav li:first-child {
		width: 100%;
	}

	#main.lower-index .lower-index-nav li:nth-child(even) {
		clear: both;
		float: left;
	}

	#main.lower-index .lower-index-nav li a {
		border-color: #B4B4B4;
	}

	#main.lower-index .lower-index-nav li a:hover {
		border-color: #00703C;
	}

	#main.lower-index .lower-index-nav li a img {
		width: 100%;
		margin: 0 0 30px;
	}

	#main.lower-index .lower-index-nav li a .title {
		padding: 0 30px 9px;
		font-size: 18px;
		font-weight: bold;
		line-height: 22px;
	}

	#main.lower-index .lower-index-nav li:first-child a .title {
		margin-top: -2px;
		font-size: 22px;
		line-height: 30px;
	}

	#main.lower-index .lower-index-nav li a .title span {
		font-size: 18px;
	}

	#main.lower-index .lower-index-nav li a .text {
		padding: 0 30px 26px;
		line-height: 22px;
		letter-spacing: -0.05em;
	}

	#main.lower-index .new-posts {
		margin: 0 0 80px;
	}

	#main.lower-index .new-posts h2 {
		height: 50px;
		color: #00703C;
		font-size: 22px;
		font-weight: bold;
		line-height: 22px;
	}

	#main.lower-index .new-posts .view-list.pc a {
		position: relative;
		float: right;
		margin-top: -60px;
		width: 122px;
		height: 40px;
		padding: 0 13px 0 0;
		line-height: 40px;
	}

	#main.lower-list > header.archive {
		width: 100%;
		height: 80px;
		color: #00703C;
		font-family: "Ryumin Regular KL", serif;
		font-size: 32px;
		font-weight: normal;
		line-height: 80px;
	}

	#main.lower-list > header.tag h1 {
		padding: 50px 0 40px;
		color: #00703C;
		font-size: 30px;
		line-height: 50px;
	}

	#main.lower-list .text1 {
		padding-top: 40px;
		line-height: 24px;
		letter-spacing: -0.05em;
	}

	#main.lower-list .tags {
		position: relative;
		padding-top: 46px;
		padding-bottom: 30px;
		overflow: hidden;
		z-index: 2;
	}

	#main.lower-list .tags-2 {
		position: relative;
		padding-bottom: 30px;
		overflow: hidden;
		z-index: 2;
	}

	#main.lower-list .tags > dl,
	#main.lower-list .tags-2 > dl {
		overflow: hidden;
	}

	#main.lower-list .tags > dl dt,
	#main.lower-list .tags-2 > dl dt {
		float: left;
		width: 129px;
		font-size: 14px;
		font-weight: bold;
		line-height: 20px;
	}

	#main.lower-list .tags > dl dd,
	#main.lower-list .tags-2 > dl dd {
		float: left;
		width: calc(100% - 310px);
	}

	#main.lower-list .tag-all label {
		float: right;
		position: relative;
		display: block;
		width: 170px;
		height: 38px;
		margin-top: -30px;
		padding: 2px 0 0 18px;
		border: 1px solid #DCDCDC;
		font-size: 14px;
		line-height: 34px;
		cursor: pointer;
		background-color: #FFFFFF;
		z-index: 2;
	}

	#main.lower-list .tag-all label:before,
	#main.lower-list .tag-all label:after {
		content: "";
		position: absolute;
		background-color: #00703C;
	}

	#main.lower-list .tag-all label:before {top: 18px; right: 15px; width: 11px; height: 1px;}
	#main.lower-list .tag-all label:after {top: 13px; right: 20px; width: 1px; height: 11px;}

	#main.lower-list .tag-all label:hover {
		color: #00703C;
		border-color: #00703C;
	}

	#main.lower-list .tag-all.opened label {
		border-bottom: none;
	}

	#main.lower-list .tag-all.opened label:after {
		display: none;
	}

	#main.lower-list .tag-all .tag-all-body {
		display: none;
		clear: both;
		position: relative;
		top: -1px;
		width: 100%;
		border: 1px solid #DCDCDC;
		overflow: hidden;
		background-color: #FFFFFF;
		z-index: 1;
	}

	#main.lower-list .tag-all .tag-all-body .caption {
		height: 96px;
		padding: 41px 56px 0;
		font-size: 18px;
		font-weight: bold;
		line-height: 18px;
	}

	#main.lower-list .tag-all .tag-all-body dl {
		padding: 0 56px;
	}

	#main.lower-list .tag-all .tag-all-body dl dt {
		height: 25px;
		font-size: 14px;
		font-weight: bold;
		line-height: 14px;
	}

	#main.lower-list .tag-all .tag-all-body dl dd {
		margin: 0 0 15px;
	}

	#main.lower-list .tag-all .tag-all-body dl dd .common-tag-list li a {
		margin: 0 10px 10px 0;
	}

	#main.lower-list .tag-all .tag-all-body .common-close-button {
		float: right;
		position: relative;
		margin: -20px 10px 10px;
	}

	#main.lower-list .articles {
		position: relative;
		z-index: 1;
	}

	#main.lower-list .articles article {
		position: relative;
		border: 1px solid #DDDDDD;
		box-shadow: 0 1px #CCCCCC;
		background-color: #FFFFFF;
	}

	#main.lower-list .articles article .image {
		display: block;
		transition: opacity 200ms;
	}

	#main.lower-list .articles article .image:hover {
		opacity: 0.8;
	}

	#main.lower-list .articles article .image img {
		width: 100%;
	}

	#main.lower-list .articles article h2 a {
	}

	#main.lower-list .articles article:nth-child(5n+1) {
		margin: 0 0 49px;
		padding: 0 30px 26px;
	}

	#main.lower-list .articles article:nth-child(5n+1) .image {
		position: relative;
		left: -30px;
		width: calc(100% + 60px);
		margin: 0 0 20px;
	}

	#main.lower-list .articles article:nth-child(5n+1) h2 {
		margin: 0 0 7px;
		font-size: 22px;
		font-weight: bold;
		line-height: 36px;
	}

	#main.lower-list .articles article:nth-child(5n+1) time {
		display: block;
		height: 30px;
		color: #999999;
		font-size: 12px;
		line-height: 12px;
	}

	#main.lower-list .articles article:not(:nth-child(5n+1)) {
		margin: 0 0 25px;
		overflow: hidden;
	}

	#main.lower-list .articles article:not(:nth-child(5n+1)) .image {
		float: left;
		width: 55%;
		height: auto;
		margin: 0 30px 0 0;
	}

	#main.lower-list .articles article:not(:nth-child(5n+1)) h2 {
		float: right;
		width: calc(100% - 55% - 60px);
		margin: 30px 30px 7px 0;
		font-size: 18px;
		font-weight: bold;
		line-height: 26px;
	}

	#main.lower-list .articles article:not(:nth-child(5n+1)) time {
		float: right;
		width: calc(100% - 55% - 60px);
		display: block;
		height: 30px;
		margin: 0 30px 0 0;
		color: #999999;
		font-size: 12px;
		line-height: 12px;
	}

	#main.lower-list .articles article:not(:nth-child(5n+1)) .common-tag-list {
		clear: right;
		float: right;
		width: calc(100% - 55% - 60px);
		margin: 0 30px 15px 0;
	}

	#main.brand-history .more,
	#main.lower-list .more {
		padding: 15px 0 60px;
	}

	#main.brand-history .more a,
	#main.lower-list .more a {
		display: block;
		position: relative;
		width: 250px;
		height: 50px;
		margin: 0 auto;
		border: 1px solid #DCDCDC;
		text-align: center;
		color: #333333;
		line-height: 48px;
		background-color: #FFFFFF;
		transition: 200ms;
	}

	#main.brand-history .more a:before,
	#main.lower-list .more a:before {
		content: "";
		position: absolute;
		top: 15px;
		left: 174px;
		width: 12px;
		height: 12px;
		border-left: 1px solid #00703C;
		border-bottom: 1px solid #00703C;
		transform: rotate(-45deg);
	}

	#main.brand-history .more a:hover,
	#main.lower-list .more a:hover {
		text-decoration: none;
		border-color: #00703C;
		color: #00703C;
	}

	#main.lower-list .pickup {
		padding-top: 65px;
		padding-bottom: 50px;
	}

	#main.lower-list .pickup .list {
		margin: 0 0 0 -16px;
		overflow: hidden;
	}

	#main.lower-list .pickup .list li {
		float: left;
		width: 33.33%;
		padding: 0 0 0 16px;
	}

	#main.lower-list .pickup .list li a {
		display: block;
		width: 100%;
	}

	#main.lower-list .pickup .list li a * {
		transition: all 200ms;
		backface-visibility: hidden;
	}

	#main.lower-list .pickup .list li a .image {
		position: relative;
		margin: 0 0 13px;
		border: 1px solid #DDDDDD;
		box-shadow: 0 1px #CCCCCC;
		overflow: hidden;
	}

	#main.lower-list .pickup .list li a .image:before {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 59px;
		background: url(/mecsumai/img/common/shadow-under-text.png) repeat-x 0 0;
		z-index: 1;
	}

	#main.lower-list .pickup .list li a .image img {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
		z-index: 0;
	}

	#main.lower-list .pickup .list li a .image p {
		position: absolute;
		left: 23px;
		bottom: 15px;
		color: #FFFFFF;
		font-size: 16px;
		font-weight: bold;
		line-height: 22px;
		z-index: 2;
	}

	#main.lower-list .pickup .list li a > p {
		font-size: 14px;
		line-height: 22px;
	}

	#main.lower-list .pickup .list li a:hover .image {
		border-color: #00703C;
	}

	#main.lower-list .pickup .list li a:hover .image img {
		opacity: 0.8;
	}

	#main.lower-list .pickup .list li a:hover > p {
		text-decoration: underline;
		color: #00703C;
	}

	/* detail */
	#main.lower-detail .related-posts {
		margin: 0 0 60px;
	}

	#main.lower-detail .related-posts h2 {
		height: 47px;
		font-family: "Ryumin Regular KL", serif;
		font-size: 22px;
		line-height: 22px;
	}

	#main.lower-detail .related-tags {
		margin: 0 0 35px;
		overflow: hidden;
	}

	#main.lower-detail .related-tags dt {
		float: left;
		width: 143px;
		font-weight: bold;
		line-height: 20px;
	}

	#main.lower-detail .related-tags dd {
		float: left;
		width: calc(100% - 143px);
	}

	#main.lower-detail #snsList + .common-recommend {
		margin: 60px 0 0;
	}

	#main.lower-detail .latest-posts {
		margin: 40px 0;
	}

	#main.lower-detail .latest-posts header {
		height: 47px;
	}

	#main.lower-detail .latest-posts header h2 {
		float: left;
		margin: 0 20px 0 0;
		font-family: "Ryumin Regular KL", serif;
		font-size: 22px;
		line-height: 22px;
	}

	#main.lower-detail .latest-posts header a {
		float: left;
		display: block;
		position: relative;
		width: 72px;
		height: 26px;
		padding: 2px 5px 0 0;
		border: 1px solid #DCDCDC;
		text-align: center;
		text-decoration: none;
		font-size: 12px;
		line-height: 22px;
		transition: 200ms;
	}

	#main.lower-detail .latest-posts header a:before {
		content: "";
		position: absolute;
		top: 8px;
		right: 5px;
		border-left: 5px solid #00703C;
		border-top: 4px solid transparent;
		border-bottom: 4px solid transparent;
		border-right: none;
	}

	#main.lower-detail .latest-posts ul {
		overflow: hidden;
	}

	#main.lower-detail .latest-posts ul li {
		float: left;
		width: 50%;
	}

	#main.lower-detail .latest-posts ul li:nth-child(odd) {
		clear: left;
	}

	#main.lower-detail .latest-posts ul li a {
		display: block;
		position: relative;
		min-height: 94px;
		padding: 0 30px 20px 0;
		line-height: 20px;
		overflow: hidden;
	}

	#main.lower-detail .latest-posts ul li a img {
		float: left;
		width: 152px;
	}

	#main.lower-detail .latest-posts ul li a:hover img {
		opacity: 0.8;
	}

	#main.lower-detail .latest-posts ul li a p {
		float: right;
		width: calc(100% - 175px);
	}
}

/* TB fix */
@media screen and (min-width: 768px) and (max-width: 1024px) {
	.common-search-block {
		height: 180px;
		/* START 「物件を探す」エリア名称 - padding削除 */
		/* padding: 20px 15px; */
		/* END 「物件を探す」エリア名称 - padding削除 */
	}

	.common-search-block .left {
		float: left;
		/* START 「物件を探す」エリア名称 - width修正とpadding削除 */
		width: calc(100% - 317px);
		/* padding: 0 15px 0 0; */
		/* END 「物件を探す」エリア名称 - width修正とpadding削除 */
	}

	.common-search-block .right {
		float: right;
		width: 320px;
		/* START 「物件を探す」エリア名称 - padding削除 */
		/* padding: 0 0 0 14px; */
		/* END 「物件を探す」エリア名称 - padding削除 */
		border-left: 1px solid #DDDDDD;
	}

	.common-search-block .capital * {
		font-size: 11px;
		white-space: nowrap;
	}

	.common-recommend-block > ul > li .popup {
		display: none;
	}
	
}

/* SP */
@media screen and (max-width: 767px) {
	.common-tag-list {
		font-size: 0;
	}

	.common-tag-list li {
		display: inline-block;
	}

	.common-tag-list li a {
		display: inline-block;
		height: 25px;
		margin: 0 5px 10px 0;
		padding: 0 10px;
		border: 1px solid #A5D7C0;
		border-radius: 3px;
		color: #00703C;
		font-size: 10px;
		line-height: 23px;
		background-color: #E8F5EE;
	}

	.common-tag-list li a:hover {
		border-color: #00703C;
		text-decoration: none;
		color: #FFFFFF;
		background-color: #00703C;
	}

	.common-recommend-block {
		padding-bottom: 20px !important;
	}

	.common-recommend-block ul {
		margin: 0 -12px 0 0;
		overflow: hidden;
	}

	.common-recommend-block > ul > li {
		float: left;
		width: 50%;
		margin: 0 0 12px;
		padding: 0 12px 0 0;
	}

	.common-recommend-block > ul > li:nth-child(odd) {
		clear: both;
	}

	.common-recommend-block > ul > li > a {
		display: block;
		height: 100%;
		padding: 13px;
		background-color: #F6F5ED;
	}

	.common-recommend-block > ul > li > a img {
		display: block;
		width: calc(100% - 22px);
		height: auto;
		margin: 0 auto 13px;
	}

	.common-recommend-block > ul > li > a .name {
		margin: 0 0 5px;
		font-size: 12px;
		font-weight: bold;
		line-height: 16px;
	}

	.common-recommend-block > ul > li > a .text {
		color: #666666;
		font-size: 10px;
		font-weight: normal;
		line-height: 15px;
	}

	.common-recommend-block > ul > li .popup {
		display: none;
	}

	#search-section-toggle-for-sp {
		position: absolute;
		top: 0;
		left: -1000px;
		opacity: 0;
	}

	.search-section-toggle {
		display: block;
		position: relative;
		width: 208px;
		height: 40px;
		margin: 0 auto;
		text-align: center;
		color: #FFFFFF;
		font-size: 12px;
		line-height: 40px;
		background-color: #00703C;
	}

	.section02 + .wrap .search-section-toggle {
		margin-top: 30px;
	}

	.search-section-toggle:before,
	.search-section-toggle:after {
		content: "";
		position: absolute;
		top: 20px;
		right: 11px;
		width: 12px;
		height: 1px;
		background-color: #FFFFFF;
	}

	.search-section-toggle:before {
		transform: rotate(90deg);
	}

	:checked + .search-section-toggle:before {
		display: none;
	}

	.wrap-search-for-sp {
		width: calc(100% + 24px);
		height: 0;
		margin: 0 -12px;
		overflow: hidden;
		transition: all 500ms;
	}

	:checked + .search-section-toggle + .wrap-search-for-sp {
		height: 390px;
		border-top: 1px solid #00703C;
		border-bottom: 1px solid #00703C;
	}

	.common-search-block {
		height: 388px;
		padding: 30px 12px 0;
		overflow: hidden;
	}

	.common-search-block h2 {
		display: none;
	}

	.common-search-block .left,
	.common-search-block .right {
		float: none;
	}

	.common-search-block .capital a,
	.common-search-block .areas a {
		display: block;
		position: relative;
		border: 1px solid #DDDDDD;
		text-align: center;
		font-weight: bold;
		line-height: 48px;
		background-color: #FFFFFF;
		z-index: 1;
	}

	.common-search-block .capital a:hover,
	.common-search-block .areas a:hover {
		border-color: #00703C;
		text-decoration: none;
		color: #00703C;
		z-index: 2;
	}

	.common-search-block .capital {
		height: 88px;
		margin: 0 0 20px;
		padding: 11px 3px 0 5px;
		background-color: #EFEFEF;
	}

	.common-search-block .capital dt {
		height: 18px;
		text-align: center;
		line-height: 12px;
	}

	.common-search-block .capital dd {
		margin: 0 -2px 0 0;
	}

	.common-search-block .capital dd ul li {
		float: left;
		width: 33.33%;
		margin-left: -1px;
	}

	.common-search-block .capital dd ul li a {
		height: 55px;
		padding: 12px;
		line-height: 16px;
	}

	.common-search-block .areas {
		height: 99px;
		margin: 0 -3px 16px 0;
	}

	.common-search-block .areas li {
		float: left;
		width: 33.33%;
		margin: -1px -1px 0 0;
	}

	.common-search-block .keywords {
		margin: 0 0 11px;
	}

	.common-search-block .keywords dt {
		height: 18px;
		font-weight: bold;
		line-height: 12px;
	}

	.common-search-block .keywords dd {
	}

	.common-search-block .keywords dd form {
		height: 40px;
		background-color: #EFEFEF;
	}

	.common-search-block .keywords dd form input {
		float: left;
		width: calc(100% - 45px);
		height: 40px;
		padding: 0 17px;
		border: none;
		background-color: #EFEFEF;
	}

	.common-search-block .keywords dd form button {
		display: block;
		float: right;
		width: 45px;
		height: 40px;
		border: none;
		color: #FFFFFF;
		overflow: hidden;
		text-indent: -999px;
		background: #EFEFEF url(/mecsumai/img/top/search-icon-sp.png) no-repeat center center;
		background-size: 19px;
	}

	.common-search-block .links {
		font-size: 11px;
		line-height: 24px;
	}

	.common-search-block .links li {
		float: left;
		width: 50%;
	}

	.common-search-block .links li a:after {
		content: "";
		display: inline-block;
		position: relative;
		margin: 0 0 0 8px;
		border-left: 5px solid #00703C;
		border-top: 4px solid transparent;
		border-bottom: 4px solid transparent;
		border-right: 0;
		vertical-align: middle;
	}

	#main.lower-index .text1 {
		padding: 18px 0 20px;
		font-size: 12px;
		line-height: 19px;
	}

	#main.lower-index .lower-index-nav {
		margin: 0 0 50px;
		overflow: hidden;
	}

	#main.lower-index .lower-index-nav li {
		margin: 0 0 17px;
	}

	#main.lower-index .lower-index-nav li a {
		border-color: #B4B4B4;
	}

	#main.lower-index .lower-index-nav li a img {
		width: 100%;
		margin: 0 0 10px;
	}

	#main.lower-index .lower-index-nav li a .title {
		margin-top: -2px;
		padding: 0 17px 5px;
		font-size: 15px;
		font-weight: bold;
		line-height: 22px;
	}

	#main.lower-index .lower-index-nav li a .title span {
		font-size: 13px;
	}

	#main.lower-index .lower-index-nav li a .text {
		padding: 0 18px 8px;
		font-size: 11px;
		line-height: 16px;
		letter-spacing: -0.05em;
	}

	#main.lower-index .new-posts {
		margin: 0 0 70px;
	}

	#main.lower-index .new-posts h2 {
		height: 28px;
		color: #00703C;
		font-size: 16px;
		font-weight: bold;
		line-height: 16px;
	}

	#main.lower-index .new-posts .text1 {
		margin: 0 0 16px;
		padding: 0;
		font-size: 12px;
		line-height: 19px;
	}

	#main.lower-index .new-posts .view-list a {
		display: block;
		width: 110px;
		height: 30px;
		margin: 20px auto 0;
		padding-top: 3px;
	}

	#main.lower-list > header.archive {
		width: 100%;
		height: 60px;
		color: #00703C;
		font-family: "Ryumin Regular KL", serif;
		font-size: 18px;
		font-weight: normal;
		line-height: 60px;
	}

	#main.lower-list > header.tag h1 {
		padding: 28px 0 20px;
		color: #00703C;
		font-size: 18px;
		line-height: 22px;
	}

	#main.lower-list .text1 {
		padding-top: 18px;
		font-size: 12px;
		line-height: 19px;
	}

	#main.lower-list .tags,
	#main.lower-list .tags-2 {
		position: relative;
		padding-top: 22px;
		padding-bottom: 20px;
		overflow: hidden;
	}
	#main.lower-list .tags-2 {
		position: relative;
		padding-top: 10px;
		padding-bottom: 10px;
		overflow: hidden;
	}

	#main.lower-list .text1 + .tags,
	#main.lower-list .text1 + .tags-2 {
		padding-top: 0;
	}

	#main.lower-list .tags > dl,
	#main.lower-list .tags-2 > dl {
		display: none;
	}

	#main.lower-list .bg-beige + .tags,
	#main.lower-list .bg-beige + .tags-2 {
		padding-top: 30px;
		padding-bottom: 40px;
	}

	#main.lower-list .bg-beige + .tags > dl,
	#main.lower-list .bg-beige + .tags-2 > dl {
		display: block;
	}

	#main.lower-list .tags > dl dt,
	#main.lower-list .tags-2 > dl dt {
		height: 28px;
		font-size: 14px;
		font-weight: bold;
		line-height: 14px;
	}

	#main.lower-list .tags > dl dd,
	#main.lower-list .tags-2 > dl dd {
		margin: 0 0 10px;
	}

	#main.lower-list #tag-all-toggle {
		position: absolute;
		top: 0;
		left: -9999px;
		opacity: 0;
	}

	#main.lower-list .tag-all label {
		float: right;
		position: relative;
		display: block;
		width: 148px;
		height: 40px;
		padding: 2px 0 0 20px;
		border: 1px solid #DCDCDC;
		font-size: 12px;
		line-height: 38px;
		cursor: pointer;
		background-color: #FFFFFF;
		z-index: 2;
	}

	#main.lower-list .tag-all label:before,
	#main.lower-list .tag-all label:after {
		content: "";
		position: absolute;
		background-color: #00703C;
	}

	#main.lower-list .tag-all label:before {top: 19px; right: 10.5px; width: 12px; height: 1px;}
	#main.lower-list .tag-all label:after {top: 13.5px; right: 16px; width: 1px; height: 12px;}

	#main.lower-list .tag-all.opened label {
		border-bottom: none;
	}

	#main.lower-list .tag-all.opened label:after {
		display: none;
	}

	#main.lower-list .tag-all .tag-all-body {
		display: none;
		clear: both;
		position: relative;
		top: -1px;
		width: calc(100% + 24px);
		margin: 0 -12px;
		border-top: 1px solid #DCDCDC;
		border-bottom: 1px solid #DCDCDC;
		overflow: hidden;
		background-color: #FFFFFF;
		z-index: 1;
	}

	#main.lower-list .tag-all .tag-all-body .caption {
		height: 48px;
		padding: 18px 12px 0;
		font-size: 14px;
		font-weight: bold;
		line-height: 14px;
	}

	#main.lower-list .tag-all .tag-all-body dl {
		padding: 0 12px;
	}

	#main.lower-list .tag-all .tag-all-body dl dt {
		height: 22px;
		font-size: 12px;
		font-weight: bold;
		line-height: 12px;
	}

	#main.lower-list .tag-all .tag-all-body dl dd {
		margin: 0 0 10px;
	}

	#main.lower-list .tag-all .tag-all-body .common-close-button {
		float: right;
		position: relative;
		margin: -20px 12px 12px;
	}

	#main.lower-list .articles article {
		position: relative;
		margin: 0 0 12px;
		padding: 0 17px 15px;
		border: 1px solid #DDDDDD;
		box-shadow: 0 1px #CCCCCC;
		background-color: #FFFFFF;
	}

	#main.lower-list .articles article .image {
		display: block;
		position: relative;
		top: 0;
		left: -17px;
		width: calc(100% + 34px);
		margin: 0 0 10px;
	}

	#main.lower-list .articles article .image img {
		width: 100%;
		height: auto;
	}

	#main.lower-list .articles article h2 {
		margin: 0 0 7px;
		font-size: 13px;
		font-weight: bold;
		line-height: 18px;
	}

	#main.lower-list .articles article time {
		display: block;
		height: 9px;
		color: #999999;
		font-size: 9px;
		line-height: 9px;
	}

	#main.lower-list .articles article .common-tag-list {
		display: none;
	}

	#main.brand-history .more,
	#main.lower-list .more {
		padding: 9px 0 30px;
	}

	#main.brand-history .more a,
	#main.lower-list .more a {
		display: block;
		position: relative;
		width: 207px;
		height: 40px;
		margin: 0 auto;
		border: 1px solid #DCDCDC;
		text-align: center;
		color: #333333;
		line-height: 38px;
		background-color: #FFFFFF;
	}

	#main.brand-history .more a:before,
	#main.lower-list .more a:before {
		content: "";
		position: absolute;
		top: 12px;
		left: 173px;
		width: 9px;
		height: 9px;
		border-left: 1.5px solid #00703C;
		border-bottom: 1.5px solid #00703C;
		transform: rotate(-45deg);
	}

	#main.lower-list .pickup {
		padding-top: 30px;
		padding-bottom: 42px;
	}

	#main.lower-list .pickup .list {
		width: 848px;
		height: 139px;
		padding: 0 0 0 12px;
		overflow: hidden;
	}

	#main.lower-list .pickup .list li {
		float: left;
		width: 268px;
		padding: 0 0 0 10px;
	}

	#main.lower-list .pickup .list li a {
		display: block;
		width: 100%;
	}

	#main.lower-list .pickup .list li a * {
		transition: all 200ms;
	}

	#main.lower-list .pickup .list li a .image {
		position: relative;
		border: 1px solid #DDDDDD;
		box-shadow: 0 1px #CCCCCC;
	}

	#main.lower-list .pickup .list li a .image:before {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 52px;
		background: url(/mecsumai/img/common/shadow-under-text.png) repeat-x 0 0;
		background-size: 1px 52px;
		z-index: 1;
	}

	#main.lower-list .pickup .list li a .image img {
		position: relative;
		width: 100%;
		height: auto;
		z-index: 0;
	}

	#main.lower-list .pickup .list li a .image p {
		position: absolute;
		left: 20px;
		bottom: 12px;
		color: #FFFFFF;
		font-size: 13px;
		font-weight: bold;
		line-height: 18px;
		z-index: 2;
	}

	#main.lower-list .pickup .list li a > p {
		display: none;
	}

	#main.lower-list .pickup .list li a:hover .image {
		border-color: #00703C;
	}

	#main.lower-list .pickup .list li a:hover .image img {
		opacity: 0.8;
	}

	/* detail */
	#main.lower-detail .related-posts {
		margin: 0 0 20px;
	}

	#main.lower-detail .related-posts h2 {
		height: 35px;
		font-family: "Ryumin Regular KL", serif;
		font-size: 18px;
		line-height: 18px;
	}

	#main.lower-detail .related-tags {
		margin: 0 0 30px;
		overflow: hidden;
	}

	#main.lower-detail .related-tags dt {
		height: 28px;
		font-size: 14px;
		font-weight: bold;
		line-height: 14px;
	}

	#main.lower-detail .related-tags dd {
	}

	#main.lower-detail #snsList + .common-recommend-block {
		margin: 40px 0 0;
	}

	#main.lower-detail .latest-posts {
		margin: 30px 0;
	}

	#main.lower-detail .latest-posts header {
		padding: 0 0 15px;
		overflow: hidden;
	}

	#main.lower-detail .latest-posts header h2 {
		float: left;
		height: 35px;
		font-family: "Ryumin Regular KL", serif;
		font-size: 18px;
		line-height: 24px;
		white-space: nowrap;
	}

	#main.lower-detail .latest-posts header a {
		float: right;
		display: block;
		position: relative;
		width: 53px;
		height: 24px;
		padding: 2px 5px 0 0;
		border: 1px solid #DCDCDC;
		text-align: center;
		text-decoration: none;
		font-size: 10px;
		line-height: 21px;
		transition: 200ms;
	}

	#main.lower-detail .latest-posts header a:before {
		content: "";
		position: absolute;
		top: 8px;
		right: 5px;
		border-left: 5px solid #00703C;
		border-top: 4px solid transparent;
		border-bottom: 4px solid transparent;
		border-right: none;
	}

	#main.lower-detail .latest-posts ul {
	}

	#main.lower-detail .latest-posts ul li {
		margin: 0 0 20px;
	}

	#main.lower-detail .latest-posts ul li a {
		display: block;
		font-size: 11px;
		line-height: 17px;
		overflow: hidden;
	}

	#main.lower-detail .latest-posts ul li a img {
		float: left;
		top: 0;
		left: 0;
		width: 46%;
	}

	#main.lower-detail .latest-posts ul li a:hover img {
		opacity: 0.8;
	}

	#main.lower-detail .latest-posts ul li a p {
		float: right;
		width: 51%;
	}
}


/* !search/ 共通
---------------------------------------------------------- */
.search-common-support *, .search-common-support *:before, .search-common-support *:after {
	box-sizing: border-box;
}

/* PC */
@media screen and (min-width: 768px) {
	.recently + .search-common-support {
		margin-top: 40px;
	}

	.search-common-support {
		padding: 50px 27px;
		border: 1px solid #DDDDDD;
	}

	.search-common-support .section1 {
		margin: 0 0 45px;
	}

	.search-common-support .section1 h3 {
		height: 60px;
		padding: 0 0 0 16px;
		font-family: "Ryumin Regular KL", serif;
		font-size: 22px;
		font-weight: normal;
		line-height: 22px;
	}

	.search-common-support .section1 ul {
		overflow: hidden;
	}

	.search-common-support .section1 ul li {
		float: left;
		width: 33.33%;
		padding: 0 12px;
	}

	.search-common-support .section1 ul li a {
		display: block;
		height: 144px;
		margin: 0 0 14px;
		padding: 110px 0 0 20px;
		border: 1px solid #D6D5D3;
		box-shadow: 0 1px #CCCCCC;
		color: #FFFFFF;
		font-size: 16px;
		font-weight: bold;
		line-height: 16px;
		background-size: cover;
		transition: opacity 200ms;
	}

	.search-common-support .section1 ul li a:hover {
		text-decoration: none;
		opacity: 0.8;
	}
	/* START 2112_MJR-421 - Update items for ご購入検討サポート */
	.search-common-support .section1 ul li:nth-child(1) a {
		background-image: url(/mecsumai/img/search/support-knowledge-image.png);
	}

	.search-common-support .section1 ul li:nth-child(2) a {
		background-image: url(/mecsumai/img/search/support-report-image.png);
	}

	.search-common-support .section1 ul li:nth-child(3) a {
		background-image: url(/mecsumai/img/search/support-voice-image.png);
	}
	/* END 2112_MJR-421 - Update items for ご購入検討サポート */
	.search-common-support .section1 ul li p {
		font-size: 14px;
		line-height: 22px;
	}

	.search-common-support .section2 h3 {
		height: 36px;
		padding: 0 12px;
		font-size: 18px;
		font-family: "Ryumin Regular KL", serif;
		line-height: 18px;
	}

	.search-common-support .section2 ul {
		overflow: hidden;
	}

	.search-common-support .section2 ul li {
		float: left;
		width: 33%;
		padding: 0 12px 1px;
    margin-bottom: 20px;
	}

	.search-common-support .section2 ul li a {
		display: table;
		height: 65px;
		border: 1px solid #D6D5D3;
		box-shadow: 0 1px #CCCCCC;
		width: 100%;
		transition: opacity 200ms;
	}

	.search-common-support .section2 ul li a > div {
		display: table-cell;
		font-size: 14px;
		font-weight: bold;
		line-height: 1.3;
		vertical-align: middle;
	}

	.search-common-support .section2 ul li a:hover {
		text-decoration: none;
		color: #333333;
		opacity: 0.8;
	}

	.search-common-support .section2 ul li:nth-child(1) a {
		padding-left: 50px;
		background: #E8F5EE url(/mecsumai/img/sumai/support-tool-icon01.png) no-repeat 16px 18px;
		background-size: 30px auto;
	}

	.search-common-support .section2 ul li:nth-child(2) a {
		padding-left: 50px;
    background: #E8F5EE url(/mecsumai/img/sumai/support-tool-icon02.png) no-repeat 12px 18px;
		background-size: 30px auto;
	}

	.search-common-support .section2 ul li:nth-child(3) a {
		padding-left: 40px;
    background: #E8F5EE url(/mecsumai/img/sumai/support-tool-icon03.png) no-repeat 7px 17px;
		background-size: 28px auto;
	}

	.search-common-support .section2 ul li:nth-child(4) a {
		padding-left: 50px;
    background: #E8F5EE url(/mecsumai/img/sumai/support-tool-icon04.png) no-repeat 15px 17px;
		background-size: 20px auto;
	}
	/* START 2112_MJR-421 - Update items for 検討サポートツール */
	.search-common-support .section2 ul li:nth-child(5) a {
		padding-left: 50px;
    background: #E8F5EE url(/mecsumai/img/sumai/support-tool-icon06.png) no-repeat 13px 14px;
		background-size: 31px auto;
	}
	.search-common-support .section2 ul li:nth-child(6) a {
		padding-left: 50px;
    background: #E8F5EE url(/mecsumai/img/sumai/support-tool-icon05.png) no-repeat 10px 20px;
		background-size: 31px auto;
	}
	/* END 2112_MJR-421 - Update items for 検討サポートツール */
}
.search-common-support .section2 ul li a .words {
	display: inline-block;
}


/* TB */
@media screen and (min-width: 768px) and (max-width: 950px) {
	.search-common-support .section2 ul li {
		padding: 0 8px 1px;
	}

	.search-common-support .section2 ul li a {
		font-size: 13px;
		padding-right: 5px;
	}

	.search-common-support .section2 ul li:nth-child(1) a {
		background: #E8F5EE url(/mecsumai/img/sumai/support-tool-icon01.png) no-repeat 14px center;
		background-size: 30px auto;
	}

	.search-common-support .section2 ul li:nth-child(2) a {
		background: #E8F5EE url(/mecsumai/img/sumai/support-tool-icon02.png) no-repeat 14px center;
		background-size: 41px auto;
		padding-left:60px;
	}

	.search-common-support .section2 ul li:nth-child(3) a {
		background: #E8F5EE url(/mecsumai/img/sumai/support-tool-icon03.png) no-repeat 7px center;
		background-size: 35px auto;
		padding-left: 50px;
	}

	.search-common-support .section2 ul li:nth-child(4) a {
		background: #E8F5EE url(/mecsumai/img/sumai/support-tool-icon04.png) no-repeat 14px center;
		background-size: 23px auto;
		padding-left: 50px;
	}
	/* START 2112_MJR-421 - Update items for 検討サポートツール */
	.search-common-support .section2 ul li:nth-child(5) a {
		background: #E8F5EE url(/mecsumai/img/sumai/support-tool-icon06.png) no-repeat 14px center;
		background-size: 40px auto;
		padding-left:60px;
	}
	.search-common-support .section2 ul li:nth-child(6) a {
		background: #E8F5EE url(/mecsumai/img/sumai/support-tool-icon05.png) no-repeat 14px center;
		background-size: 40px auto;
		padding-left:60px;
	}
	/* END 2112_MJR-421 - Update items for 検討サポートツール */
}

/* SP */
@media screen and (max-width: 767px) {
	.recently + .search-common-support {
		margin-top: 40px;
	}

	.search-common-support {
		margin: 0 -12px;
		padding: 38px 10px;
		border: 1px solid #DDDDDD;
	}

	.search-common-support .section1 {
		margin: 0 0 42px;
	}

	.search-common-support .section1 h3 {
		height: 39px;
		font-family: "Ryumin Regular KL", serif;
		font-size: 18px;
		font-weight: normal;
		line-height: 18px;
	}

	.search-common-support .section1 ul {
	}

	.search-common-support .section1 ul li {
		margin: 0 0 17px;
	}

	.search-common-support .section1 ul li a {
		display: block;
		height: 152px;
		padding: 120px 0 0 19px;
		border: 1px solid #D6D5D3;
		box-shadow: 0 1px #CCCCCC;
		color: #FFFFFF;
		font-size: 15px;
		font-weight: bold;
		line-height: 15px;
		background-position: center center;
		background-size: cover;
		transition: opacity 200ms;
	}

	.search-common-support .section1 ul li a:hover {
		text-decoration: none;
		opacity: 0.8;
	}

	/* START 2112_MJR-421 - Update items for ご購入検討サポート */
	.search-common-support .section1 ul li:nth-child(1) a {
		background-image: url(/mecsumai/img/search/support-knowledge-image.png);
	}

	.search-common-support .section1 ul li:nth-child(2) a {
		background-image: url(/mecsumai/img/search/support-report-image.png);
	}

	.search-common-support .section1 ul li:nth-child(3) a {
		background-image: url(/mecsumai/img/search/support-voice-image.png);
	}
	/* END 2112_MJR-421 - Update items for ご購入検討サポート */

	.search-common-support .section1 ul li p {
		display: none;
	}

	.search-common-support .section2 h3 {
		height: 29px;
		font-family: "Ryumin Regular KL", serif;
		font-size: 14px;
		line-height: 14px;
	}

	.search-common-support .section2 ul {
	}

	.search-common-support .section2 ul li {
		margin: 0 0 9px;
	}

	.search-common-support .section2 ul li a {
		display: block;
		height: 90px;
		padding: 0 0 0 82px;
		border: 1px solid #D6D5D3;
		box-shadow: 0 1px #CCCCCC;
		font-size: 15px;
		font-weight: bold;
		line-height: 90px;
	}

	.search-common-support .section2 ul li:nth-child(1) a {
		background: #E8F5EE url(/mecsumai/img/sumai/support-tool-icon01.png) no-repeat 26px 26px;
		background-size: 41px auto;
	}

	.search-common-support .section2 ul li:nth-child(2) a {
		background: #E8F5EE url(/mecsumai/img/sumai/support-tool-icon02.png) no-repeat 21px 25px;
		background-size: 44px auto;
	}

	.search-common-support .section2 ul li:nth-child(3) a {
		background: #E8F5EE url(/mecsumai/img/sumai/support-tool-icon03.png) no-repeat 18px 23px;
		background-size: 44px auto;
	}

	.search-common-support .section2 ul li:nth-child(4) a {
		background: #E8F5EE url(/mecsumai/img/sumai/support-tool-icon04.png) no-repeat 24px 21px;
		background-size: 30px auto;
	}
	/* START 2112_MJR-421 - Update items for 検討サポートツール */
	.search-common-support .section2 ul li:nth-child(5) a {
		background: #E8F5EE url(/mecsumai/img/sumai/support-tool-icon06.png) no-repeat 20px 20px;
		background-size: 44px auto;
	}
	.search-common-support .section2 ul li:nth-child(6) a {
		background: #E8F5EE url(/mecsumai/img/sumai/support-tool-icon05.png) no-repeat 20px 30px;
		background-size: 44px auto;
	}
	/* END 2112_MJR-421 - Update items for 検討サポートツール */
}

/* START 「物件を探す」エリア名称 - TBサイズのスタイル調整 */
@media screen and (min-width: 768px) and (max-width: 1024px) {
	.common-search-block {
		padding: 20px 6px;
	}
	.common-search-block .left {
		padding: 0;
	}
	.common-search-block .right {
		padding: 0 0 0 7px;
	}
	.common-search-block .areas li {
		padding: 0 0 0 4px;
	}
	.common-search-block .right {
		width: 310px;
	}
}
/* END 「物件を探す」エリア名称 - TBサイズのスタイル調整 */

/* START 2103_MJR-322 - link icon external */
.link_external {
	background: url(/mecsumai/img/common/ico_blank03.png) right center no-repeat;
	padding-right: 25px;
}

.btn-link-external,
.btn-footer-external {
	border: 0;
	background-color: transparent;
	padding-left: 0;
	background: url(/mecsumai/img/common/ico_blank03.png) right center no-repeat;
	padding-right: 25px;
	color: #333;
	font-weight: normal;
	position: relative;
	font-family: unset;
	cursor: pointer;
}

.btn-link-external:focus,
.btn-footer-external:focus {
	outline: none;
}

.btn-link-external.no-external-icon,
.btn-footer-external.no-external-icon {
	background: none;
	padding-right: 0;
}

.btn-footer-external {
	color: #666666;
	font-size: 12px;
	font-weight: normal;
	font-family: unset;
	line-height: 18px;
}

.btn-link-external.arrow:after {
	content: "";
	position: absolute;
	top: calc(50% - 4px);
	right: -15px;
	border-left: 5px solid #00703C;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-right: none;
}

.btn-link-external:hover {
	text-decoration: underline;
	color: #00703C;
}

.btn-footer-external:hover {
	text-decoration: underline;
}

.btn-link-external.text-link {
	background: none;
}
.icon-external-link {
	margin-left: 10px;
}
.icon-external-link img {
	width: 12px;
}
.btn-link-external.text-link:hover .text-01 span {
	opacity: 0.7;
}
.btn-link-external.text-link .detail-01 {
	margin-top: 4px;
}

.btn-link-external.text-link:hover {
	color: #0a5ea1;
}
.search-common-support .section2 ul li a .icon-external {
	margin-left: 10px;
	display: inline-block;
	line-height: 1;
}
.search-common-support .section2 ul li a .icon-external img {
	width: 12px;
}
.supportSitemapList01 li .link-icon-external .external-icon {
	margin-left: 5px;
}
.supportSitemapList01 li .link-icon-external .external-icon img {
	padding-top: 7px;
}
@media screen and (max-width: 767px) {
	.supportSitemapList01 li .link-icon-external .external-icon img {
		padding-top: 5px;
	}
}
/* END 2103_MJR-322 - link icon external */

/* START 210406_MJR-397 - Update CM Galery */
@media screen and (min-width: 768px) {
	#main.lower-list .pickup .list.custom-list {
		display: flex;
		flex-wrap: wrap;
	}
	#main.lower-list .pickup .list.custom-list li {
		margin-bottom: 15px;
	}
	#contents .wrap.brand-slide {
		padding-right: 0;
		padding-left: 0;
	}
}

@media screen and (max-width: 767px) {
	#main.lower-list .pickup .list.custom-list {
		display: flex;
	}
}

.search-apartment {
	display: flex;
	flex-wrap: wrap;
	position: fixed;
	right: 12px;
	top: 150px;
	width: 42px;
	padding-bottom: 5px;
	background-color: #00703C;
	z-index: 1005;
	visibility: hidden;
	opacity: 0;
	transition: all ease-in-out 0.3s;
}
.search-apartment:hover {
	cursor: pointer;
}
.search-apartment.show-menu-search {
	visibility: visible;
	opacity: 1;
}
.search-apartment.show-menu-search:hover {
	opacity: 0.8;
}
.search-apartment .icon-menu-search {
	width: 42px;
}
.search-apartment .icon-menu-search img {
	width: 38px;
}
.search-apartment .title-menu-search {
	width: 100%;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	color: #fff;
	padding: 10px;
	font-size: 18px;
	min-height: 160px;
	cursor: pointer;
	font-family: "Ryumin Regular KL", serif;
}
.search-apartment .title-menu-search .text-button span {
	display: block;
	margin-top: -10px;
}
.search-apartment .title-menu-search .text-button span:first-child {
	margin-top: 10px;
}
.search-apartment .title-search-text {
	display: flex;
}
.search-apartment .title-search-text.hidden-search-text {
	display: none;
}
.search-apartment .title-close-text {
	display: none;
}
.search-apartment .title-close-text.show-close-text {
	display: flex;
}
.modal-search-box {
	position: fixed;
	top: 150px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1005;
	width: calc(100vw - 140px);
	max-width: 700px;
	background-color: #fff;
	opacity: 0;
	visibility: hidden;
	transition: all ease-in-out 0.5s;
}
.modal-search-box.show-modal-search {
	opacity: 1;
	visibility: visible;
}
.modal-search-box .common-search-block {
	display: flex;
	flex-wrap: wrap;
	height: auto;
}
.modal-search-box .common-search-block .left {
	float: none;
	flex-basis: 100%;
	padding-right: 0;
}
.modal-search-box .common-search-block .right {
	float: none;
	flex-basis: 100%;
	padding-left: 0;
	width: auto;
	border-left: 0;
}
.modal-search-box .common-search-block .capital {
	height: auto;
}
.modal-search-box .common-search-block .capital dt,
.modal-search-box .common-search-block .capital dd{
	float: none;
	width: 100%;
}
.modal-search-box .common-search-block .capital dd {
	min-height: 40px;
}
.modal-search-box .common-search-block .capital dd ul {
	margin-left: 2px;
	display: flex;
}
.modal-search-box .common-search-block .capital dd ul li {
	margin-left: 0;
}
.modal-search-box .common-search-block .areas {
	overflow: unset;
	display: flex;
	flex-wrap: wrap;
	height: auto;
}
.modal-search-box .common-search-block .areas li {
	float: none;
	padding: 0;
	width: calc(100% / 3);
}
.modal-search-box .common-search-block .keywords dt {
	text-align: left;
	margin-bottom: 5px;
}
.modal-search-box .common-search-block .links {
	display: flex;
	flex-wrap: wrap;
	padding-left: 0;
}
.modal-search-box .common-search-block .links li {
	float: none;
	width: 50%;
	text-align: left;
	margin: 2px 0;
}
.modal-search-box .common-search-block .keywords dd form input {
	width: calc(100% - 135px);
}
.modal-search-box .common-search-block .keywords dd form button {
	width: 100px;
}
.backdrop-modal {
	position: fixed;
	background: #000;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0.6;
	z-index: 1001;
	display: none;
}
.backdrop-modal.is-show {
	display: block;
}
body.modal-open .search-apartment {
	visibility: visible;
	opacity: 1;
}

@media screen and (max-width: 767px) {
	.modal-search-box .common-search-block {
		background-color: #fff;
		border: 1px solid #B4B4B4;
		padding-bottom: 20px;
	}
	.search-apartment {
		width: 36px;
	}
	.search-apartment.show-menu-search {
		opacity: 0.5;
	}
	.search-apartment.show-menu-search:hover {
		opacity: 1;
	}
	.search-apartment .title-menu-search {
		min-height: 120px;
	}
	.search-apartment .icon-menu-search img {
		width: 34px;
	}
	.search-apartment .title-menu-search .text-button span {
		margin-top: -6px;
	}
	.search-apartment .title-menu-search .text-button span:first-child {
		margin-top: 6px;
	}
	.modal-search-box .common-search-block .capital dd ul {
		margin-left: 0;
	}
	.modal-search-box .common-search-block .capital dd ul li a {
		padding: 5px;
	}
	.modal-search-box .common-search-block .capital {
		padding-left: 3px;
		padding-bottom: 10px;
	}
	.modal-search-box .search-section-toggle.sp {
		display: none;
	}
	.modal-search-box .wrap-search-for-sp {
		height: auto;
	}
	.modal-search-box .common-search-block .capital dd ul li {
		display: flex;
	}
	.modal-search-box .common-search-block .capital dd ul li a {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.modal-search-box .common-search-block .keywords dd form button {
		width: 45px;
	}
	.modal-search-box .common-search-block .keywords dd form input {
		width: calc(100% - 80px);
	}
}
/* END 210406_MJR-397 - Update CM Galery */
/* START 220216_MJR-445 - Update layout for ハウスネットサイト導線追加 */
.link-custom {
	margin-top: 30px;
	display: inline-block;
	font-size: 12px;
	text-decoration: underline;
	color: #00703C;
}
@media screen and (max-width: 767px) {
	.link-custom {
		display: block;
		text-align: center;
	}
}
/* END 220216_MJR-445 - Update layout for ハウスネットサイト導線追加 */

/* START 2202_MJR-452 - Update layout for 首都圏*/
@media screen and (min-width: 768px) and (max-width: 1024px) {
	.common-search-block {
		height: 210px;
	}
}

@media screen and (min-width: 768px) {
	.common-search-block .capital-title{
		padding: 0 0 0 3px;
		font-size: 13px;
		font-weight: bold;
		line-height: 18px;
		color: #00703C;
	}
	.common-search-block .capital a,
	.common-search-block .areas a {
		font-size: 13px;
	}
	.common-search-block .capital dt {
		padding-right: 10px;
		padding-left: 5px;
	}
	.common-search-block .capital a {
		height: 40px;
		line-height: 1;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.common-search-block .capital.mecsumai-capital a {
		font-weight: bold;
    	color: #00703C;
	}
	.common-search-block .keywords dd form button {
		padding-left: 16px;
		padding-top: 4px;
	}
}
@media screen and (max-width: 767px) {
	.section02 + .wrap .search-section-toggle {
		font-weight: bold;
	}
	.common-search-block .capital-title{
		font-size: 12px;
		font-weight: bold;
		line-height: 12px;
		color: #00703C;
		height: 18px;
	}
	.common-search-block .capital {
		height: 110px;
	}
	.common-search-block .capital dt {
		height: 40px;
	}
	.common-search-block .capital dt a {
		line-height: 34px;
	}
	:checked + .search-section-toggle + .wrap-search-for-sp {
		height: 530px;
	}
	.common-search-block {
		height: 520px;
	}
	.common-search-block .capital.mecsumai-capital dt {
		height: 26px;
	}
	.capital.mecsumai-capital a {
		display: flex;
		justify-content: center;
		align-items: center;
		font-weight: bold;
    	color: #00703C;
	}
	.common-search-block .right .line-throw {
		display: block;
		width: 100%;
		height: 1px;
		background-color: #DDDDDD;
		margin: 31px 0 20px 0;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.common-search-block .capital.mecsumai-capital a {
		font-size: 10px;
	}
	.common-search-block .capital.mecsumai-capital a .sp {
		display: block;
	}
}

@media screen and (max-width: 359px) {
	.common-search-block .capital dd ul li a {
		font-size: 10px;
	}
}
/* END 2202_MJR-452 - Update layout for 首都圏 */

/* START 2203_MJR-452 - Update style for 物件を探す*/
@media screen and (max-width: 767px) {
	.common-search-block .capital.mecsumai-capital dd ul li a {
		padding: 5px;
	}
}
/* END 2203_MJR-452 - Update style for 物件を探す */

/* START 2203_v2_MJR-453 - style tag list カテゴリから記事をさがす */
/* START 2203_MJR-453 - style tag list カテゴリから記事をさがす */
#main.lower-list .tag-all .tag-all-body .module_h3 {
	font-size: 20px;
    font-weight: 700;
    line-height: 1.5;
    margin: 0 0 24px;
    font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, 'メイリオ', Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
    color: #333;
}
#main.lower-list .tag-all .tag-all-body .module_h3-fontFamilyMincho {
	margin-bottom: 30px;
    font-family: 'Ryumin Regular KL', serif;
    font-size: 22px;
    line-height: 1.4;
    font-weight: 400;
}
@media screen and (min-width: 768px) {
	#main.lower-list .tag-all.tag-all--panel .tag-all-body .caption {
		height: auto;
	}
	#main.lower-list .tags.tags--panel {
		padding-top: 1px;
	}
	#main.lower-list .tag-all.tag-all--panel .tag-all-body dl {
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 767px) {
	#main.lower-list .tag-all.tag-all--panel .tag-all-body .caption {
		height: auto;
	}
	#main.lower-list .tag-all.tag-all--panel .tag-all-body dl {
		margin-bottom: 20px;
	}
	#main.lower-list .tag-all.tag-all--panel .tag-all-body {
		border: 1px solid #DCDCDC;
		width: 100%;
		margin: 0;
	}
	#main.lower-list .tag-all .tag-all-body .module_h3-fontFamilyMincho {
		margin-bottom: 24px;
    	font-size: 20px;
	}
}
/* END 2203_MJR-453 - style tag list カテゴリから記事をさがす */
/* END 2203_v2_MJR-453 - style tag list カテゴリから記事をさがす */

/* START 2203_v3_MJR-453 - style tag list カテゴリから記事をさがす */
#main.lower-list .tag-all .tag-all-body .module_h3-fontFamilyMincho.title-toggle-arrow {
	display: inline-block;
	position: relative;
	padding-right: 30px;
	cursor: pointer;
}
#main.lower-list .tag-all .tag-all-body .module_h3-fontFamilyMincho.title-toggle-arrow::before {
	content: "";
    position: absolute;
	right: 3px;
	top: 5px;
    width: 12px;
    height: 12px;
    border-left: 1px solid #00703C;
    border-bottom: 1px solid #00703C;
    transform: rotate(-45deg);
}
#main.lower-list .tag-all.tag-all--panel.opened .tag-all-body .module_h3-fontFamilyMincho.title-toggle-arrow::before {
	top: 11px;
	border-left: none;
	border-bottom: none;
	border-right: 1px solid #00703C;
    border-top: 1px solid #00703C;
}
/* END 2203_v3_MJR-453 - style tag list カテゴリから記事をさがす */

/* START 2207_v1_MJR-475 - style tag list for 会員サービスページ更新 */
@media screen and (max-width: 767px) {
#main.top	.privilege .privilege-img {
	width: 100%;
}
}
/* END 2207_v1_MJR-475 - style tag list for 会員サービスページ更新 */