@charset "utf-8";

/*------------------------------------------- */
/* 全ページ共通 */
/*------------------------------------------- */

*{
	box-sizing: border-box;
}
html,body{
	height:100%
}
html {
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
	overflow-y: scroll;
}
body {
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
	-webkit-text-size-adjust: none;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.6;
	background:#FFFAFA;
	color: #626262;
}
a,
a:visited{
	text-decoration: none;
	color: #585858;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
img{
	max-width: 100%;
	vertical-align: bottom;
}
img[src*=".svg"] {
	width: 100%;
}
.for_sp{
	display: block;
}
.for_pc{
	display: none;
}
.inner {
	max-width: 950px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

/* ブレイクポイント 1024px以上 */
@media print,screen and (min-width :1024px){
	body {
		font-size: 12px;
		font-size: 1.2rem;
		background:#fff;
	}
	a {
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
		cursor: pointer;
		display: block;
	}
		a:hover{
		opacity: .6;
		text-decoration: none;
	}
	.for_sp{
		display: block;
	}
	.for_pc{
		display: block;
	}
	.tel_link{
		pointer-events: none !important;
	}
}



/* header
-------------------------------- */
.cmn_hdr {
	position: fixed;
	z-index: 100;
	width: 100%;
	height: 68px;
	top: 0;
	left: 0;
	background: #FFFAFA;
	border-radius: 0 0 5px 5px;
	padding: 0 30px;
	box-shadow: 0px 3px 8px -3px rgba(0, 0, 0, 0.16);
	display: -webkit-box;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	align-items: center;
}

.cmn_hdr__prev img {
	width: 30px;
}
.cmn_hdr__search {
	box-sizing: border-box;
	border: none;
	height: 30px;
	border-radius: 35px;
	overflow: hidden;
	background: #F2E9E9;
	display: -webkit-box;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	padding: 0 10px;
	margin: 5px 5px;
}
.cmn_hdr__search li input:focus {
	outline: 0;
}
.cmn_hdr__search .cmn_hdr__search-submit {
	margin: 5px;
}
.cmn_hdr__search .cmn_hdr__search-submit input {
	border-radius: 0;
	appearance: button;
	border: none;
	box-sizing: border-box;
	text-indent: -9999em;
	cursor: pointer;
	background:url(../img/common/icon_search.svg) no-repeat 13px center;
	background-size: 20px 20px;
	width: 35px;
	height: 20px;
	outline : none;
	
}
.cmn_hdr__search .cmn_hdr__search-input {
	width: calc(100% - 60px);
}
.cmn_hdr__search .cmn_hdr__search-input input {
	border: none;
	height: 30px;
	background: #F2E9E9;
	width: 100%;
	font-size: 10px;
	font-weight: bold;
	/*
	-moz-transform: scale(0.6);
	-webkit-transform: scale(0.6);
	-o-transform: scale(0.6);
	-ms-transform: scale(0.6);
	transform: scale(0.6);
	-moz-transform-origin: 0 20px;
	-webkit-transform-origin: 0 20px;
	-o-transform-origin: 0 20px;
	-ms-transform-origin: 0 20px;
	transform-origin: 0 20px;
	*/
}

/* ブレイクポイント 767px以上*/
@media print,screen and (min-width :767px){
	.cmn_hdr__search {
		margin: 0 45px;
	}
}

/* ブレイクポイント 1024px以上 */
@media print,screen and (min-width :1024px){
	.cmn_hdr {
		height: 63px;
		border-radius: 0;
		display: -webkit-box;
		display: -ms-flex;
		display: -webkit-flex;
		display: flex;
		justify-content: center;
	}
	
	.cmn_hdr__prev img {
		width: 21px;
	}
	
	.cmn_hdr__search {
		margin: 0 40px;
	}
	
	/*
	.cmn_hdr__search .cmn_hdr__search-submit input {
		
	}
	
	.cmn_hdr__search .cmn_hdr__search-submit {
		width: 35px;
	}
	.cmn_hdr__search .cmn_hdr__search-submit input {
		background:url(../img/common/icon_search.svg) no-repeat 10px center;
		background-size: 16px 16px;
		width: 35px;
		height: 35px;
	}
	.cmn_hdr__search .cmn_hdr__search-input {
		width: calc(100% - 70px);
	}
	.cmn_hdr__search .cmn_hdr__search-input input {
		height: 35px;
		width: 100%;
		font-size: 10px;
		font-size: 1rem;
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		-moz-transform-origin: 0 0;
		-webkit-transform-origin: 0 0;
		-o-transform-origin: 0 0;
		-ms-transform-origin: 0 0;
		transform-origin: 0 0;
	}
	*/
}


/* footer
-------------------------------- */
.cmn_ftr {
	position: fixed;
	z-index: 100;
	width: 100%;
	height: 80px;
	bottom: 0;
	left: 0;
	background: #fff;
	box-shadow: 0px -3px 8px -3px rgba(0, 0, 0, 0.16);
}
.cmn_ftr__menu {
	display: -webkit-box;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	font-size: 12px;
	font-size: 1.2rem;
}
.cmn_ftr__menu li {
	flex: 1;
	text-align: center;
	font-weight: bold;
	line-height: 1;
}
.cmn_ftr__menu li a {
	display: block;
	padding: 18px 0;
}
.cmn_ftr__menu li span {
	display: block;
	padding: 32px 0 0 0;
}
.cmn_ftr__menu .cmn_ftr__menu01 span {
	background: url(../img/common/ftr_menu01.svg) no-repeat top center;
	background-size: 28px 26px;
}
.cmn_ftr__menu .cmn_ftr__menu02 span {
	background: url(../img/common/ftr_menu02.svg) no-repeat center -8px;
	background-size: 28px 41px;
}
.cmn_ftr__menu .cmn_ftr__menu03 span {
	background: url(../img/common/ftr_menu03.svg) no-repeat top center;
	background-size: 28px 26px;
}
.cmn_ftr__menu .cmn_ftr__menu04 span {
	background: url(../img/common/ftr_menu04.svg) no-repeat top center;
	background-size: 28px 28px;
}
.cmn_ftr__menu li.this a {
	color: #FFA500;
}
.cmn_ftr__menu .cmn_ftr__menu04.this a {
	color:#45C169;
}
.cmn_ftr__menu .cmn_ftr__menu01.this span {
	background: url(../img/common/ftr_menu01_on.svg) no-repeat top center;
	background-size: 28px 26px;
}
.cmn_ftr__menu .cmn_ftr__menu02.this span {
	background: url(../img/common/ftr_menu02_on.svg) no-repeat center -8px;
	background-size: 28px 41px;
}
.cmn_ftr__menu .cmn_ftr__menu03.this span {
	background: url(../img/common/ftr_menu03_on.svg) no-repeat top center;
	background-size: 28px 26px;
}

/* ブレイクポイント 1024px以上 */
@media print,screen and (min-width :1024px){
	.cmn_ftr__menu {
		width: 500px;
		margin:0 auto;
		font-size: 10px;
		font-size: 1rem;
	}
}

/* footer（ロゴのみ）
-------------------------------- */
.cmn_ftr_logo {
	background: #EFEFEF;
	text-align: center;
	padding: 50px 0;
}
.cmn_ftr_logo .logo img {
	width: 55px;
}

/* ブレイクポイント 1024px以上 */
@media print,screen and (min-width :1024px){
	.cmn_ftr_logo {
		padding: 70px 0;
	}
}

/* cmn_contents
-------------------------------- */
.cmn_contents {
	padding: 0px 0 80px 0;
}
/* ブレイクポイント 1024px以上 */
@media print,screen and (min-width :1024px){
	.cmn_contents {
		padding: 0px 0 80px 0;
	}
}

/*タグリスト
-------------------------------- */
.cmn_taglist {
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	-ms-overflow-style: none;
	scrollbar-width: none;
	padding: 0 40px;
}
.cmn_taglist::-webkit-scrollbar{
	display:none;
}
.cmn_taglist ul {
	display: table;
	border-spacing:8px;
	margin-left: -8px;
}
.cmn_taglist ul li {
	display: table-cell;
	white-space: nowrap;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	min-width: 100px;
	text-align: center;
}
.cmn_taglist ul li a {
	background: #EBEBEB;
	color: #fff;
	display: block;
	padding:10px 35px;
	border-radius: 13px;
}
.cmn_taglist ul .bgc01 a {	background: #808000; }						/*物件カテゴリー：黄土色*/
.cmn_taglist ul .bgc02 a {	background: #f5f5dc; color: #626262; }		/*外観デザイン：薄黄色*/
.cmn_taglist ul .bgc03 a {	background: #ffd700; color: #626262; }		/*内装デザイン：オレンジ色*/
.cmn_taglist ul .bgc04 a {	background: #D6D7D7; color: #626262; }		/*特徴：薄いグレー色*/
.cmn_taglist ul .bgc05 a {	background: #A563A0; }						/*価格：紫色*/
.cmn_taglist ul .bgc06 a {	background: #616262; }						/*建物構造：濃グレー色*/
.cmn_taglist ul .bgc07 a {	background: #afeeee; color: #626262; }		/*部屋タグ：水色*/
.cmn_taglist ul .bgc08 a {	background: #98fb98; color: #626262; }		/*部材・商品タグ：黄緑色：*/
.cmn_taglist ul .bgc09 a {	background: #EB6248; }						/*エリア：朱色*/
.cmn_taglist ul .bgc11 a {	background: #2E942C; }						/*タグ検索：緑色*/
.cmn_taglist ul .bgc99 a {	background: #ffff00; color: #626262; }		/*オリジナル：*/



/* pull to refresh
-------------------------------- */
#pullrefresh {
	height: 100%;
}
.ptr--ptr {
	background: url(../img/common/icon_refresh.svg) no-repeat center center;
	background-size: 25px 23px;
	-webkit-animation: ptr_rotate 1.5s linear infinite;
	-moz-animation: ptr_rotate 1.5s linear infinite;
	-ms-animation: ptr_rotate 1.5s linear infinite;
	-o-animation: ptr_rotate 1.5s linear infinite;
	animation: ptr_rotate 1.5s linear infinite;
}
@-webkit-keyframes ptr_rotate {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes ptr_rotate {
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(360deg);}
}
@-ms-keyframes ptr_rotate {
	0% {-ms-transform: rotate(0deg);}
	100% {-ms-transform: rotate(360deg);}
}
@-o-keyframes ptr_rotate {
	0% {-o-transform: rotate(0deg);}
	100% {-o-transform: rotate(360deg);}
}
@keyframes ptr_rotate {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}

#alltag span {
	background: #FAF0E6;
	display:inline-block;
	width: 100%;
	font-size: 20px;
	font-weight: bold;
}

#alltag ul li {
	display: inline-block;
	margin : 3px ;
	white-space: nowrap;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	min-width: 100px;
	text-align: center;
	padding: 10px 0;
}

.is_fixed_search {
    position: fixed;
    z-index: 9000000;
    width: 100%;
    top: 80px;
    left: 0;
    background: #FFF;
    padding-top: 0px;
    border: none;
    height: 40px;
}

.is_fixed_tag {
    position: fixed;
    z-index: 9000000;
    width: 100%;
    top: 110px;
    left: 0;
    background: #FFF;
    padding-top: 0px;
    border: none;
    height: 60px;
}

.sec_tab_fixed{
    margin-top: 65px;
}

/* placeholderクリア */
input:focus::-webkit-input-placeholder {
	color: transparent;
}
input:focus::-moz-placeholder {
	color: transparent;
}
input:focus::-ms-input-placeholder {
	color: transparent;
}
input:focus::placeholder {
	color: transparent;
}