@charset "UTF-8";
/*
 Theme Name:gghouse-child
 Template:gghouse
*/

/* 追加したいcss */
.fancybox-title-over {
	display: none!important;}
#fancybox-title-over {
	display: none!important;}
#gallery-1 {
	margin: auto;}
#gallery-1 .gallery-item {
	float: left;
	margin-top: 10px;
	text-align: center;
	width: 20%;}
#gallery-1 img {
	border: 1px solid #ffffff!important;}
#gallery-1 dt {
	margin: 1%;}
#gallery-1 .gallery-caption {
	margin-left: 0; }


@media screen and (max-width: 600px) {
	.maru {
		margin-top: 5%;
		float: left;
		/* top: 50%; */
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		border-radius: 50%;
		box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.29);
		border-bottom: solid 2px #4967b4;
		left: -1em;
		height:30px;
		width:30px;
		border-radius:50%;
		line-height:32px;
		text-align:center;
		color: #ffffff;
		font-weight: bold;
		background: #00b1ad;
		font-size:14px;
		/* margin-left:20px; */}	
	.flow-heading {		
		left: 0em;
		top: 0.6em;
		position: relative;
		/* background: #d3fffb; */
		padding: 0 5px 2px 20px;
		margin: 0 5px 20px 20px;
		font-size: 14px;
		line-height: 1.4;
		font-weight: bold;
		color: #00b1ad;
		border-radius: 10px;}

	
	
	
	
	/* .flow-heading {
		position: relative;
		background: #d3fffb;
		padding: 2px 5px 2px 20px;
		margin-left: 20px;
		font-size: 14px;
		line-height: 1.4;
		font-weight: bold;
		color: #00b1ad;
		border-radius: 10px;}
	.flow-heading:before {
		font-family: "Font Awesome 5 Free";
		content: "\f058";
		display: inline-block;
		line-height: 40px;
		position: absolute;
		padding: 0em;
		color: white;
		background: #00b1ad;
		font-weight: normal;
		width: 30px;
		text-align: center;
		height: 30px;
		line-height: 30px;
		left: -1em;
		/* left: -1.35em; */
		/* top: 50%;
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		border-radius: 50%;
		box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.29);
		border-bottom: solid 2px #4967b4;}  */
	.flow {
		margin: 5%;
		font-size: 14px;
		line-height: 1.4; }
	.arrow {
		color: #00b1ad;
		margin: 3% 15%; }
	.flow-text {	
		margin: 1% 2% 1% 10%;
		font-size: 12px; }
	.list-faq {
		}
	.list-faq li {
		margin: 5%;	}
	h3 {
		color: #00b1ad; }
	.list-faq p {
		font-size: 14px; }
}
@media screen and (min-width: 601px) {
	.maru {
		margin: 2% 1% 0% 5%;
		float: left;
		/* top: 50%; */
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		border-radius: 50%;
		box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.29);
		border-bottom: solid 2px #4967b4;
		left: -1em;
		height:30px;
		width:30px;
		border-radius:50%;
		line-height:32px;
		text-align:center;
		color: #ffffff;
		font-weight: bold;
		background: #00b1ad;
		font-size:14px;
		/* margin-left:20px; */}	
	.flow-heading {		
		left: 0em;
		top: 0.5em;
		position: relative;
		/* background: #d3fffb; */
		padding: 0 5px 2px 20px;
		margin: 0 5px 20px 20px;
		font-size: 16px;
		line-height: 1.6;
		font-weight: bold;
		color: #00b1ad;
		border-radius: 10px;}
	/* .flow-heading {
		position: relative;
		background: #d3fffb;
		padding: 2px 5px 2px 30px;
		margin-left: 60px;
		font-size: 16px;
		font-weight: bold;
		color: #00b1ad;
		border-radius: 10px;}
	.flow-heading:before {
		font-family: "Font Awesome 5 Free";
		content: "\f058";
		display: inline-block;
		line-height: 40px;
		position: absolute;
		padding: 0em;
		color: white;
		background: #00b1ad;
		font-weight: normal;
		width: 30px;
		text-align: center;
		height: 30px;
		line-height: 30px;
		left: -1em;
		/* left: -1.35em; */
		/* top: 50%;
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		border-radius: 50%;
		box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.29);
		border-bottom: solid 2px #4967b4;} */
	.flow {
		margin: 5%;
		font-size: 14px; }
	.arrow {
		color: #00b1ad;
		margin: 3% 15%; }
	.flow-text {	
		margin: 1% 2% 1% 10%;
		font-size: 14px; }
	.list-faq {
		}
	.list-faq li {
		margin: 5%;	}
	h3 {
		color: #00b1ad; }
	.list-faq p {
		margin-left: 3%;
		font-size: 14px; }
}


@media screen and (min-width: 601px) {
.head-sns {
  text-align: right;
  position: relative;
  top: -44px;}
.head-sns ul {
  margin-right:8px;}
.head-sns li {
  display: inline-block;
  font-size: 12px;
  margin-left: 10px;}
}
@media screen and (max-width: 600px) {
.head-sns {
  margin: 0px;
  position: fixed;
  top: 76px;}
.head-sns ul {}
.head-sns li {
  display: inline-block;
  font-size: 11px;}
}
@media screen and (max-width: 320px) {
.head-sns {
  margin: 0px;
  position: fixed;
  top: 80px;}
.head-sns ul {}
.head-sns li {
  display: inline-block;
  font-size: 10px;}
}

input[type="text"] {
	width: 80%!important; }
input[type="email"] {
	width: 80%!important; }
input[type="tel"] {
	width: 80%!important; }
input {
	width: 10%;
	margin-left: 3%;
	padding: 3px 10px;
   color: #333333!important;
   background-color: #00b1ad;
   border: 1px solid #00b1ad; /* 枠線 */
   border-radius: 0.3em;      /* 角丸 */}
@media screen and (max-width: 600px) {
input[type="text"] {
	width: 70%!important; }
input {
	width: 20%;
	margin-left: 5px;
	padding: 3px 5px;
   color: #333333!important;
   background-color: #00b1ad;
   border: 1px solid #00b1ad; /* 枠線 */
   border-radius: 0.3em;      /* 角丸 */}	
}

.wrap-search {
  position: relative;
  height: 1200px; }

#tax-check-0 {
	position: absolute;
	/*top: 80px;*/	}
#tax-check-1 {
	position: absolute;
	top: 140px;	}
#tax-check-2 {
	position: absolute;
	top: 250px;	}
#tax-check-3 {
	position: absolute;
	top: 330px;	}
#tax-check-4 {
	position: absolute;
	top: 410px;	}
#tax-check-5 {
	position: absolute;
	top: 490px;	}
#tax-check-6 {
	position: absolute;
	top: 570px;	}
#tax-check-7 {
	position: absolute;
	top: 650px;	}
#tax-check-8 {
	position: absolute;
	top: 730px;	}
#tax-check-9 {
	position: absolute;
	top: 800px;}
#tax-check-10 {
	position: absolute;
	top: 880px;	}
.uwpqsf_class > input{
	width: 50%;
	margin: 10px 24% 0 24%;
	display: block;
	padding: 10px;
	border: 1px solid #00b1ad;
	border-radius: 4px;
	background-color: #00b1ad;
	color: #FFFFFF;
	font-weight: bold;
	position: absolute;
	top: 1000px;}
/* .uwpqsf_class > label[class='uwpqsf_class -keyword']{
	font-weight: bold;
	font-size: 14px;
	color: #00b1ad;
	margin-top: 15px;
	position: absolute;
	top: 0;}*/
.uwpqsf_class > label {
	font-size: 12px;}
input#uwpqsf_id_key {
	position: absolute;
	top: 40px;}

@media screen and (max-width: 600px) {
.wrap-search {
  height: 1300px; }
#tax-check-0 {
	position: absolute;
	top: 80px;
	line-height: 1.6;
	font-size: 14px;}
#tax-check-0 > label {
	width: 49%;
	margin: 2px 0;}
#tax-check-1 {
	position: absolute;
	top: 250px;
	line-height: 1.6;
	font-size: 14px;}
#tax-check-1 > label {
	width: 100%;
	margin: 2px 0;}
#tax-check-2 {
	position: absolute;
	top: 420px;
	line-height: 1.6;
	font-size: 14px;}
#tax-check-2 > label {
	width: 100%;
	margin: 2px 0;}
#tax-check-3 {
	position: absolute;
	top: 550px;
	line-height: 1.6;
	font-size: 14px;}
#tax-check-4 {
	position: absolute;
	top: 630px;
	line-height: 1.6;
	font-size: 14px;}
#tax-check-5 {
	position: absolute;
	top: 710px;
	line-height: 1.6;
	font-size: 14px;}
#tax-check-6 {
	position: absolute;
	top: 790px;	
	line-height: 1.6;
	font-size: 14px;}
#tax-check-7 {
	position: absolute;
	top: 870px;	
	line-height: 1.6;
	font-size: 14px;}
#tax-check-8 {
	position: absolute;
	top: 950px;
	line-height: 1.6;
	font-size: 14px;}
#tax-check-9 {
	position: absolute;
	top: 1030px;
	line-height: 1.6;
	font-size: 14px;}
#tax-check-10 {
	position: absolute;
	top: 1110px;
	line-height: 1.6;
	font-size: 14px;}
.uwpqsf_class > input{
	width: 50%;
	margin: 10px 24% 0 24%;
	display: block;
	padding: 10px;
	border: 1px solid #00b1ad;
	border-radius: 4px;
	background-color: #00b1ad;
	color: #FFFFFF;
	font-weight: bold;
	position: absolute;
	top: 1210px;}
.uwpqsf_class {
	position: absolute;
	top: 0;	}
.uwpqsf_class > label[class='uwpqsf_class -keyword']{
	font-weight: bold;
	color: #00b1ad;
	margin-top: 15px;
	width: auto;
	position: absolute;
	top: 0;}
input#uwpqsf_id_key {
	position: absolute;
	top: 40px;}
}










@media screen and (max-width: 800px){
	.top-nav-area-inner {
		width: 768px;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 0;
		padding: 0% 2%; }
	#header-nav {
		padding: 5px 0!important;}	
}
@media screen and (max-width: 1024px){
	.top-nav-area-inner {
		width: 1024px;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 0;
		padding: 0% 2%; }
	#header-nav {
		padding: 5px 3%!important;}	
}

.icheckbox_custom {
	border: 1px solid #00b1ad!important;}
.uwpqsf_class > span[class*='taxolabel-'] {
	margin: 15px 0 2px 0;}
.input#uwpqsf_id_btn.usfbtn{
	margin: 10px;}

.uwpqsf_class > input :hover{
	background-color: #FFFFFF;
	color: #00b1ad;
	font-weight: bold;
	cursor: pointer;}
.uwpqsf_class > span[class='uwpqsftext'] {
	margin: 15px 0 2px 0;}
a {
	text-decoration: none!important;}
p a:hover {
	background-color: #00b1ad;
	opacity: 0.6;
	color: #FFFFFF;
	padding: 0 2px;}
input {
   /* input要素全部に対して装飾 */
	color: #333333!important;
   background-color: #00b1ad;
   border: 1px solid #00b1ad; /* 枠線 */
   border-radius: 0.3em;      /* 角丸 */}
input[type="submit"]:hover {
   /* マウスが上に載ったとき */
	color: #333333;
   background-color: #00b1ad;
   border: 1px solid #00b1ad;}
input[type="submit"]:active {
   /* 押されたとき */
	color: #333333;
   background-color: #FFFFFF;
   border: 1px solid #00b1ad;}

.wpcf7 input[type="submit"] {	
	display: block;
	text-align: center;
	color: #FFFFFF;
	padding: 10px 20px;
	margin-left: auto;
	margin-right: auto;
   background-color: #00b1ad;
   border: 1px solid #00b1ad; /* 枠線 */
   border-radius: 0.3em;      /* 角丸 */}
.wpcf7 input[type="submit"]:hover {
   /* マウスが上に載ったとき */
	color: #333333;
   background-color: #00b1ad;
   border: 1px solid #00b1ad;}
.wpcf7 input[type="submit"]:active {
   /* 押されたとき */
	color: #333333;
   background-color: #FFFFFF;
   border: 1px solid #00b1ad;}


.toi-mail{
		width: 44%;
		padding: 2%;
		float: left;
		border: 2px solid #00b1ad;
		background-color: #00b1ad;
		border-radius: 4px;
		font-size: 1.4rem;
		font-size: 14px;
		font-weight: bold;
		color:#ffffff;
		text-align:center;
		line-height: 1.8;}
.toi-mail:hover {
		transition: .4s;
		color:#00b1ad;
		background: -webkit-repeating-linear-gradient(-45deg, #eafffa, #eafffa 3px,#e5fcfa 3px, #e5fcfa 7px);
		background: repeating-linear-gradient(-45deg, #eafffa, #eafffa 3px,#e5fcfa 3px, #e5fcfa 7px);}

.toi-tel{
		width: 44%;
		padding: 2%;
		float: left;
		border: 2px solid #00b1ad;
		background-color: #00b1ad;
		border-radius: 4px;
		font-size: 1.4rem;
		font-size: 14px;
		font-weight: bold;
		color:#ffffff;
		text-align:center;
		line-height: 1.8;}
.toi-tel:hover {
		transition: .4s;
		color:#00b1ad;
		background: -webkit-repeating-linear-gradient(-45deg, #eafffa, #eafffa 3px,#e5fcfa 3px, #e5fcfa 7px);
		background: repeating-linear-gradient(-45deg, #eafffa, #eafffa 3px,#e5fcfa 3px, #e5fcfa 7px);}


/* index シェアハウスリストへ */
.tolist_btn{
	width: 100%;
		text-align:center;
	    position: relative;
	    display: inline-block;
	    font-weight: bold;
	    padding: 2.0em 0;
	    text-decoration: none;
	    color: #00b1ad;
	    transition: .4s;
		border: 2px solid #00b1ad;
		border-radius: 4px;
		background: -webkit-repeating-linear-gradient(-45deg, #eafffa, #eafffa 3px,#e5fcfa 3px, #e5fcfa 7px);
		background: repeating-linear-gradient(-45deg, #eafffa, #eafffa 3px,#e5fcfa 3px, #e5fcfa 7px);  }
.tolist_btn:hover {
    background: #00b1ad;
    color: white;
	text-decoration: none;}

.acf-map {
           width: 100%;
           height: 400px;
           border: #ccc solid 1px;
           margin: 20px 0;
          }







/*---------------------全体設定----------------------*/
body {
	font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",'游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック体', YuGothic, Arial, Helvetica, Verdana, sans-serif;
	font-size: 16px;
	line-height: 1.7;
	margin: 0;
	padding: 0;
	background-image: url("images/gghouse7_backimage-3.png");
	color: #333333;}
	.clear {
		clear:both;}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;}

/*--------------------- 見出し SP ----------------------*/
@media(max-width: 600px) {
	h2 {
		font-size: 1.0em;
		line-height:1.4em;
		font-weight: bold;
		color: #00b1ad;
		padding: 2% 5%;
		margin-top: 3%;
		margin-bottom: 3%;
		border-top: solid 2px #00b1ad;
		border-bottom: solid 2px #00b1ad;
		background: -webkit-repeating-linear-gradient(-45deg, #eafffa, #eafffa 3px,#e5fcfa 3px, #e5fcfa 7px);
		background: repeating-linear-gradient(-45deg, #eafffa, #eafffa 3px,#e5fcfa 3px, #e5fcfa 7px);}
}

/*--------------------- 見出し PC ----------------------*/
@media(min-width: 601px) {
	h2{
		font-size: 16px;
		font-weight: bold;
		color: #00b1ad;
		padding: 2% 5%;
		margin-top: 3%;
		margin-bottom: 3%;
		border-top: solid 2px #00b1ad;
		border-bottom: solid 2px #00b1ad;
		background: -webkit-repeating-linear-gradient(-45deg, #eafffa, #eafffa 3px,#e5fcfa 3px, #e5fcfa 7px);
		background: repeating-linear-gradient(-45deg, #eafffa, #eafffa 3px,#e5fcfa 3px, #e5fcfa 7px);}
}

/*--------------------- 画像 リンク 全体のレイアウト SP+PC----------------------*/
img {
	max-width: 100%;
	height: auto;}
a {
	text-decoration: none;}

/*コンテンツのサイズ指定*/
.container {
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	padding: 0% 5%;
	background-color: #FFFFFF;
	overflow: hidden;}

/*---------------------ヘッダー SP----------------------*/
@media(max-width: 600px) {
	.contents {
		margin: 148px 0 5% 0;} 
	header {
		position: fixed;/*ヘッダーを固定*/
		z-index: 9999;/*一番前に表示されるように設定*/
		/*top: 0;画面一番上で固定*/
		width: 100%;/*ヘッダーが横幅いっぱいになるように指定*/
		background-color: #FFFFFF;}
/*logo*/
	.header-inner {
		max-width: 1000px;
		height: 75px;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 54px;
		padding: 0% 2%;
		overflow: hidden;}
	.site-title {
		text-align: left;
		float: left;
		width: 43%;}
	.site-title h1 {
		margin: 0;
		padding: 0;
		line-height: 1;}
	.site-title h1 img {
		width: auto;
		height: auto;}
	.site-title a {
		display: block;}
/*キャッチフレーズ:シェアハウスを探すならGGハウスマネジメント*/
	.description {
		position: fixed;
		top: 102px;
		left: 2%;
		width: auto;
		margin-right: 2%;
		font-size: 0.7em;
		line-height: 1.1em;}
/* ヘッダーのメールと電話アイコン */
	.header-contact {
		position: fixed;
		top: 10px;
		right: 18%;}
	.header-contact ul{
		width: auto;
		padding-left: 0;}
	.header-contact ul li{
		display: block;
		width: 10%;
		height: 35px;}
	.header-contact a {
		text-decoration: none;
		font-size: 1.0em;
		color: #00b1ad;}	
	.header-contact a:hover{
		opacity: 0.4;}
	.header-contact span {
		display: none;}
/*ヘッダーlanguage*/
	.language {
		float: left;
		margin-left: 5%;}
	.language ul {
		clear: right;
		width: auto;
		margin-top:2px;
		padding-left: 0;
		margin-bottom: 0;}
	.language ul li {
		display: block;
		width: auto;
		line-height: 1.1em;}
	.language ul li a {
		color: #333333;
		font-size: 0.8em;}	
/*ナビボタン　右上*/
	#navbutton {
		position: absolute;
		top: 20px;
		right: 10px;
		padding: 7px 9px;
		cursor: pointer;
		border: solid 1px #00b1ad;
		border-radius: 5px;
		background-color: #ffffff;}
	#navbutton:focus {
		outline: none;}
	#navbutton i {
		font-size: 2.0em;
		color: #00b1ad;}
	#navbutton span {
		display: inline-block;
		text-indent: -9999px;}
	#navbutton:active {
		background-color: #00b1ad;}
	#navbutton:active i {
		font-size: 2.0em;
		color: #ffffff;}
/*ヘッダー　メニュー*/
	.top-nav-area {
		border-top: solid 2px #00b1ad;
		border-bottom: solid 2px #00b1ad;}
	.top-nav-area-inner {
		max-width: 90%;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 0;
		padding: 0% 2%; }
	#header-nav {
		display: none;
		padding: 0;}
	.header-nav ul {
		display: block;	}
	#header-nav ul {
		margin: 0;
		padding: 0;
		list-style: none;}
	#header-nav li {
		font-size: 0.8em;
		line-height: 1.2;
		font-weight: bold;
		display: block;
		padding: 2% 3%;	}
	#header-nav li a {
		color: #000000;}
	#header-nav li a:hover {
		opacity: 0.4;}
}

/*---------------------ヘッダー PC----------------------*/
@media(min-width: 601px) {
	.contents {
		margin: 170px 0 5% 0;}
	header {
		position: fixed;/*ヘッダーを固定*/
		z-index: 9999;/*一番前に表示されるように設定*/
		/*top: 0;画面一番上で固定*/
		width: 100%;/*ヘッダーが横幅いっぱいになるように指定*/
		background-image: url("images/gghouse7_backimage-3.png");} 
/*logo*/
	.header-inner {
		max-width: 1000px;
		height: 118px;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 0;
		padding: 0% 5%;
		overflow: hidden ;
		background-color: #FFFFFF;}
	.site-title {
		text-align: left;
		float: left;
		width: 300px;}
	.site-title h1 {
		margin: 0;
		padding: 0;
		line-height: 1;}
	.site-title h1 img {
		width: 255px;
		height: 112px;}
	.site-title a {
		display: block;}
/* ヘッダーのメールと電話アイコン */
	.header-contact {
		text-align: right;
		position: relative;
		top: -70px;} 
	.header-contact ul{
		margin-right: 5px;
		margin-top: 20px;
		margin-bottom: 10px;
		width: auto;}
	.header-contact ul li{
		display: inline-block;
		padding-right: 5px;}
	.header-contact a {
		text-decoration: none;
		font-size: 1.0em;
		color: #00b1ad;}	
	.header-contact a:hover{
		opacity: 0.4;}
/*キャッチフレーズ:シェアハウスを探すならGGハウスマネジメント*/
	.description {
		text-align: right;
		margin-top: 10px;
		margin-right: 5px;
		margin-bottom: 2px;
		font-size: 0.9em;
		line-height: 1.2em;}
/*ヘッダーlanguage*/
	.language {
		text-align: right; }
	.language ul{
		clear:right;
		margin-top: 2px;
		margin-bottom: 2px;
		margin-right: 5px;
		width: auto;
		float: right;}
	.language ul li{
		display: inline-block;
		padding-right: 5px;
		text-align: right;}
	.language a{
		color: #333333;
		font-size: 1.0em;}	
	.language a:hover{
		opacity: 0.4;}
/*ナビボタン　右上*/	
	#navbutton {
		display: none;}
	
/*ヘッダー　メニュー	*/
	.top-nav-area {
		position: absolute;
		top: 118px;
		right: 0;
		width: 100%;
		height: 40px;
		z-index:-1;
		background-color:#00b1ad; }
	.top-nav-area-inner {
		width: auto;
		max-width: 1000px;
		margin-right: auto;
		margin-left: auto;}
	#header-nav {
		margin-bottom: 0;
		overflow: hidden ;
		height: 30px;
		padding: 5px 0;
		display: flex; }
	#header-nav ul {
		text-align: center;
		width: 100%;
		height: 30px;
		margin: 0;
		padding: 0; }
	#header-nav li {
		position: relative;
		list-style: none;
		float: left;}
	#header-nav li a {
		display: inline-block;
		width: auto;
		height: 30px;
		text-align: center;
		padding: 5px 13px;
		/* padding: 0 30px; */
		color: #fff;
		/* font-size: 1.2vw; */
		font-size: 12px; 
		/* line-height: 3.5vw; */
		/* line-height: 2.1; */
		background: #00b1ad;
		text-decoration: none;
		border-left: 1px solid #eee;
		box-sizing: border-box;	}
	#header-nav li:last-child a {
		border-right: 1px solid #eee;}
	#header-nav > li:hover > a {}
	#header-nav li a:hover {
		background: #FFFFFF;
		color: #000000;
		transition: all .3s;
		opacity: 0.4;}	
}

/*---------------------フッター SP----------------------*/
@media(max-width: 600px) {
/*ページネーション*/
	.pagination {
		margin: 40px 0 30px;
		text-align: center;}
	.pagination ul {
		margin: 0;
		padding: 0;
		list-style: none;}
	.pagination li {
		display: inline-block;
		width: auto;}
	.pagination li a, .pagination li>span {
		font-size: 1.0em;
		display: block;
		width: 40px;
		margin: 0 2px;
		padding: 8px 0;
		text-decoration: none;
		color: #333333;
		border: solid 1px #00b1ad;
		border-radius: 8px;}
	.pagination li>span {
		color: #fff;
		background-color: #00b1ad;}
	.pagination li a:hover {
		color: #333333;
		background-color: #f2fffe;}
	.pagination li .dots {
		width: 15px;
		padding: 0;
		color: #000;
		border-color: transparent;
		background-color: transparent;}

/* フッター */
	.footer-nav-area {
		background-color: #00b1ad; }
	.footer-inner {
		text-align: center;
		padding: 2% 0;
		max-width: 96%;
		margin-right: auto;
		margin-left: auto; }
	.footer-nav-area-inner {
		max-width: 100%;
		margin-right: auto;
		margin-left: auto; }
/*フッターメニュー*/
	.footer-nav {
		margin: 0 auto;
		display: inline-block;}
	.footer-nav ul {
		margin: 0;
		padding: 0 0 0 4%;
		list-style: none;}
	.footer-nav ul:after {
		display: block;
		clear: both;
		content: '';}
	.footer-nav li {
		float: left;
		width: 50%;
		text-align: left;}
	.footer-nav li a {
		font-size: 0.8em;
		display: block;
		padding: 2% 1%;
		color: #ffffff;}
/*フッターSNS*/
	.footer-sns {
		max-width: 100%;
		margin-right: auto;
		margin-left: auto;
		font-size: 12px;
		color: #FFFFFF;}
	.footer-sns li {
		list-style: none;		
		float: left;
		width: 33%; }	
/* インスタ、Twiiter、Faebook */
	.sns-in {
		width: 100%;
		margin: 0 auto;}
/*フッターlanguage*/
	.footer-language {
		max-width: 100%;
		margin-right: auto;
		margin-left: auto;
		margin-top: 5%;}
	.footer-language ul{
		list-style: none;
		margin: 0;}
	.footer-language li a {
		display: inline-block;
		width: 24%;
		float: left;
		font-size: 10px;
		color: #ffffff;}	
/*会社住所*/
	.address {
		display: inline-block;
		text-align: center;}
	.address dt {
		color: #ffffff;
		font-size: 0.8em;
		font-weight: normal;
		padding-left: 0px;
		margin-left: 0px;}
	.address dd {
		color: #ffffff;
		font-size: 0.6em;
		line-height: 1.2;
		padding-left: 0px;
		margin-left: 0px;}
/*コピーライト*/
	.copyright p {
		font-size: 0.5em;
		margin: 0 0 15% 0;
		text-align: center;
		color: #fff;}
	}

/*---------------------フッター PC----------------------*/
@media (min-width: 601px) {
/*ページネーション*/
	.pagination {
		margin: 40px 0 30px;
		text-align: center;}
	.pagination ul {
		margin: 0;
		padding: 0;
		list-style: none;}
	.pagination li {
		display: inline-block;
		width: auto;}
	.pagination li a, .pagination li>span {
		font-size: 1.0em;
		display: block;
		width: 40px;
		margin: 0 2px;
		padding: 8px 0;
		text-decoration: none;
		color: #333333;
		border: solid 1px #00b1ad;
		border-radius: 8px;}
	.pagination li>span {
		color: #fff;
		background-color: #00b1ad;}
	.pagination li a:hover {
		color: #333333;
		background-color: #f2fffe;}
	.pagination li .dots {
		width: 15px;
		padding: 0;
		color: #000;
		border-color: transparent;
		background-color: transparent;}

/* フッター */
	.footer-nav-area {
		background-color: #00b1ad; }
	.footer-inner {
		text-align: center;
		padding: 2% 0;
		max-width: 1000px;
		margin-right: auto;
		margin-left: auto; }
	.footer-nav-area-inner {
		max-width: 90%;
		margin-right: auto;
		margin-left: auto;
		padding-left: 1%; }
/*フッターメニュー*/
	nav {
		width: 100%;	}
	.footer-nav {
		margin: 0 auto 3%;
		display: inline-block;}
	.footer-nav ul {
		margin: 0 0 0 9%;
		padding: 0;
		list-style: none;}
	.footer-nav ul:after {
		display: block;
		clear: both;
		content: '';}
	.footer-nav li {
		float: left;
		width: 30%;
		text-align: left;}
	.footer-nav li a {
		font-size: 0.8em;
		display: block;
		padding: 2% 1%;
		color: #ffffff;}
	.footer-nav li a:hover {
		color: #e8f7b4;}
/*フッターSNS*/
	.footer-sns {
		max-width: 500px;
		margin-right: auto;
		margin-left: auto;
		margin-top: 3%;
		font-size: 8px;
		color: #FFFFFF;}
	.footer-sns ul {
		list-style: none;}
	.footer-sns li {
		display: inline-block;
		width: 16%;
		float: left;}
	
/* インスタ、Twiiter、Faebook */
	.sns-in {
		width: 770px;
		height: 420px;
		margin: 0 auto;
		padding-left: 4px;}
	.sns-html {
		width: 250px;
		margin: 0 2px;
		float: left;
		background-color: #00b1ad;}
/*フッターlanguage*/
	.footer-language {
		max-width: 500px;
		margin-right: auto;
		margin-left: auto;
		margin-top: 3%;}
	.footer-language ul{
		list-style: none;}
	.footer-language li a {
		display: inline-block;
		width: 23%;
		float: left;
		font-size: 12px;
		color: #ffffff;}
/*会社住所*/
	.address {
		display: inline-block;
		text-align: center;}
	.address dt {
		color: #ffffff;
		font-size: 0.8em;
		font-weight: normal;
		padding-left: 0px;
		margin-left: 0px;}
	.address dd {
		color: #ffffff;
		font-size: 0.8em;
		line-height: 1.4em;
		padding-left: 0px;
		margin-left: 0px;}
	.footer-nav li a {
		text-decoration: none;}
	.footer-nav li a:hover {
		color: #e8f7b4;}
/*コピーライト*/
	.copyright p {
		font-size: 0.5em;
		margin: 0;
		text-align: center;
		color: #fff;}	
}

/* ----- 物件情報ページ　SP用 ----- */
@media(max-width: 600px) {
	/* 画像 */
	.figure img{
		max-width: 96%;
		height: auto;
		margin: 1% 2%;
		box-shadow: 1px 2px 4px #333333; }
	/* 家賃 */
	.rent_single {
		position:relative;
		border: 1px solid #00b1ad;
		border-radius: 4px;
		margin-top: 3%;
		padding: 5%;
		font-weight: bold;}
	.rent_single::after{
		content: "RENT";
		position: absolute;
		top: -8px;
		left: 10px;
		background: #00b1ad;
		font-size: 12px;
		font-weight: bold;
		color: #ffffff;
		padding: 0 10px;}
	.rent_money_single_row {
		display: block;
		clear: left;
		margin-bottom: 10px;}
	.rent_money_single_type {
		float: left;
		font-size: 1.2rem;
		font-size: 12px;
		font-weight: normal;
		color: #333333;
		padding-right: 5%;
		margin-left: 3%;}
	.rent_money_single_rent {
		float: left;
		font-size: 1.4rem;
		font-size: 14px;
		font-weight: bold;
		color: #00b1ad;
		padding-right: 5%;}		
	.rent_money_single_remark {
		float: left;
		font-size: 1.4rem;
		font-size: 14px;
		font-weight: normal;
		color: #333333;}
	.rent-memo_single  {
		font-size: 1.2rem;
		font-size: 12px;
		color:#333333;
		font-weight: normal;
		line-height: 1.0;
		margin: 1% 0;}
	/* チェック項目 */
	.check_single  {
		margin-top: 3%;
		padding-left: 1%;}
	.check_single  ul{
		margin: 0;
		padding: 0;	}
	.check_single  li{
		list-style-type: none;
		font-size: 0.8em;
		font-weight: bold;
		border: 1px solid #00b1ad;
		border-radius: 2px;
		margin: 2px;
		padding: 1%;
		float: left;
		width: auto;
		background-color: #00b1ad;
		color: #ffffff;}
	.check_single a {
		color: #009995;	}
	.clear {
		clear:both;}
	/* アクセス */	
	.access_single {
		word-break: normal;
		position:relative;
		border: 1px solid #00b1ad;
		border-radius: 4px;
		margin-top: 5%;
		padding: 5%;
		font-size: 0.8em;
		font-weight: normal;
		color: #333333;}
	.access_single::after{
		content: "ACCESS";
		position: absolute;
		top: -8px;
		left: 10px;
		background: #00b1ad;
		font-size: 12px;
		font-weight: bold;
		color: #ffffff;
		padding: 0 10px;}
	/* アクセス　主要駅から○分 */
	.access-check_single  {
		margin-top: 3%;
		padding-left: 1%;}
	.access-check_single  ul{
		margin: 0;
		padding: 0;	}	
	.access-check_single  li{
		list-style-type: none;
		font-size: 0.8em;
		font-weight: bold;
		border: 1px solid #00b1ad;
		border-radius: 2px;
		margin: 2px;
		padding: 1%;
		float: left;
		width: auto;
		background-color: #e0f9f4;
		color: #009995;}
	.clear {
		clear:both;}
	/* コメント */
	.comment_single {
		word-break: normal;
		position:relative;
		border: 1px solid #00b1ad;
		border-radius: 4px;
		margin-top: 5%;
		padding: 5%;
		font-size: 0.8em;
		font-weight: normal;
		color: #333333;}
	.comment_single::after{
		content: "COMMENT";
		position: absolute;
		top: -8px;
		left: 10px;
		background: #00b1ad;
		font-size: 12px;
		font-weight: bold;
		color: #ffffff;
		padding: 1px 10px;}
	/* 表　家賃、共益費、事務手数料、礼金/敷金、専有面積、最寄り駅、部屋数、共用設備、室内設備、住所 */
	.table_single {
		margin-top: 5%;
		margin-bottom: 5%; }
	.table_single ul {
		margin: 0;
		padding: 0;	}
	.table_single li {
		border-top: dashed 1px #00b1ad;
		font-size: 1.4rem;
		font-size: 14px;
		line-height: 1.6;
		padding: 2% 4%;	}
	.table_single li:last-child {
		border-bottom: dashed 1px #00b1ad;}
	.table_single span {
		font-size: 1.2rem;
		font-size: 12px;}
	
	.rent_money_single_table_row {
		display: block;
		clear: left;}
	.rent_money_single_table_type {
		float: left;
		margin-right: 5%;}
	.rent_money_single_table_rent {
		float: left;
		margin-right: 5%;}
	.rent_money_single_table_remark {
		float: left;}
	/* map */
	.map {
		position:relative;
		border: 1px solid #00b1ad;
		border-radius: 4px;
		margin-top: 5%;
		padding: 5%;
		font-size: 1.4rem;
		font-size: 14px;
		font-weight: bold;
		color: #333333;}
	.map::after{
		content: "MAP";
		position: absolute;
		top: -8px;
		left: 10px;
		background: #00b1ad;
		font-size: 12px;
		font-weight: bold;
		color: #ffffff;
		padding: 0 10px;}
	/* photo floor */
	.photo-floor_single {
		position:relative;
		border: 1px solid #00b1ad;
		border-radius: 4px;
		margin-top: 5%;
		margin-bottom: 5%;
		text-align: center;
		padding-top: 4%;
		padding-bottom: 4%;
		font-size: 1.4rem;
		font-size: 14px;
		font-weight: bold;
		color: #333333;}
	.photo-floor_single::after{
		content: "FLOOR";
		position: absolute;
		top: -8px;
		left: 10px;
		background: #00b1ad;
		font-size: 12px;
		font-weight: bold;
		color: #ffffff;
		padding: 0 10px;}
	/* photo gallery */
	.photo_single {
		position:relative;
		border: 1px solid #00b1ad;
		border-radius: 4px;
		margin-top: 5%;
		margin-bottom: 5%;
		padding: 6%;
		font-size: 1.4rem;
		font-size: 14px;
		font-weight: bold;
		color: #333333;}
	.photo_single::after{
		content: "PHOTO";
		position: absolute;
		top: -8px;
		left: 10px;
		background: #00b1ad;
		font-size: 12px;
		font-weight: bold;
		color: #ffffff;
		padding: 0 8px;}
	.photo_single ul {
		padding: 0;
		margin: 0;
		list-style-type: none;}	
	.photo_single li {
		width: 120px;
		margin: 0;
		padding-right: 2%;
		float:left;
		display: block;}
	
	/* 前のページに戻る */
	.backpage {
		border: 1px solid #F69052;
		margin: 5% auto;
		padding: 2%;
		background-color: #F69052;
		text-align: center;
		font-size: 1.4rem;
		font-size: 14px;
		color: #ffffff;
		border-radius: 4px;}
	.backpage a:hover {
		opacity: 0.4;}
	.backpage a {
		text-decoration: none;
		color: #FFFFFF;}
	.backpage a:visited {
		color: #FFFFFF; }
}

/* ----- 物件情報ページ　PC用 ----- */
@media(min-width: 601px) {
	/* 画像 */
	.figure img{
		display: block;
		max-width: 100%;
		height: auto;
		margin: 1% auto;
		box-shadow: 1px 2px 4px #333333; }
	/* 家賃 */
	.rent_single {
		position:relative;
		border: 1px solid #00b1ad;
		border-radius: 4px;
		margin-top: 3%;
		padding: 5%;
		font-weight: bold;}
	.rent_single::after{
		content: "RENT";
		position: absolute;
		top: -8px;
		left: 10px;
		background: #00b1ad;
		font-size: 12px;
		font-weight: bold;
		color: #ffffff;
		padding: 0 10px;}
	.rent_money_single_row {
		display: block;
		clear: left;}
	.rent_money_single_type {
		float: left;
		font-size: 1.6rem;
		font-size: 16px;
		font-weight: normal;
		color: #333333;
		padding-right: 5%;
		margin-left: 5%;}
	.rent_money_single_rent {
		float: left;
		font-size: 1.8rem;
		font-size: 18px;
		font-weight: bold;
		color: #00b1ad;
		padding-right: 5%;}		
	.rent_money_single_remark {
		float: left;
		font-size: 1.6rem;
		font-size: 16px;
		font-weight: normal;
		color: #333333;}
	.rent-memo_single  {
		font-size: 1.4rem;
		font-size: 14px;
		color:#333333;
		font-weight: normal;
		line-height: 1.0;
		margin: 1% 0;}
	/* チェック項目 */
	.check_single  {
		margin-top: 3%;
		/*padding-left: 1%;*/}
	.check_single  ul{
		margin: 0;
		padding: 0;	}
	.check_single  li{
		list-style-type: none;
		font-size: 1.2rem;
		font-size: 12px;
		font-weight: bold;
		border: 1px solid #00b1ad;
		border-radius: 2px;
		margin: 2px;
		padding: 1%;
		float: left;
		width: auto;
		background-color: #00b1ad;
		color: #ffffff;}
	.check_single a {
		color: #009995;	}
	.clear {
		clear:both;}
	/* アクセス */	
	.access_single {
		word-break: normal;
		position:relative;
		border: 1px solid #00b1ad;
		border-radius: 4px;
		margin-top: 5%;
		padding: 3%;
		font-size: 1.4rem;
		font-size: 14px;
		font-weight: normal;
		color: #333333;}
	.access_single::after{
		content: "ACCESS";
		position: absolute;
		top: -8px;
		left: 10px;
		background: #00b1ad;
		font-size: 12px;
		font-weight: bold;
		color: #ffffff;
		padding: 0 10px;}
	/* アクセス　主要駅から○分 */
	.access-check_single  {
		margin-top: 3%;
		padding-left: 1%;}
	.access-check_single  ul{
		margin: 0;
		padding: 0;	}	
	.access-check_single  li{
		list-style-type: none;
		font-size: 1.2rem;
		font-size: 12px;
		font-weight: bold;
		border: 1px solid #00b1ad;
		border-radius: 2px;
		margin: 2px;
		padding: 1%;
		float: left;
		width: auto;
		background-color: #e0f9f4;
		color: #009995;}
	.clear {
		clear:both;}
	/* コメント */
	.comment_single {
		word-break: normal;
		position:relative;
		border: 1px solid #00b1ad;
		border-radius: 4px;
		margin-top: 5%;
		padding: 3%;
		font-size: 1.4rem;
		font-size: 14px;
		font-weight: normal;
		color: #333333;}
	.comment_single::after{
		content: "COMMENT";
		position: absolute;
		top: -8px;
		left: 10px;
		background: #00b1ad;
		font-size: 12px;
		font-weight: bold;
		color: #ffffff;
		padding: 0 10px;}
	/* 表　家賃、共益費、事務手数料、礼金/敷金、専有面積、最寄り駅、部屋数、共用設備、室内設備、住所 */
	.table_single {
		margin-top: 5%;
		margin-bottom: 5%; }
	.table_single ul {
		margin: 0;
		padding: 0;	}
	.table_single li {
		list-style-type: none;
		border-top: dashed 1px #00b1ad;
		font-size: 1.4rem;
		font-size: 14px;
		line-height: 1.6;
		padding: 2% 4%;	}
	.table_single li:last-child {
		border-bottom: dashed 1px #00b1ad;}
	.table_single span {
		font-size: 1.2rem;
		font-size: 12px;}
	
	.rent_money_single_table_row {
		display: block;
		clear: left;}
	.rent_money_single_table_type {
		float: left;
		margin-right: 5%;}
	.rent_money_single_table_rent {
		float: left;
		margin-right: 5%;}
	.rent_money_single_table_remark {
		float: left;}
	
	/* map */
	.map_single {
		position:relative;
		border: 1px solid #00b1ad;
		border-radius: 4px;
		margin-top: 5%;
		padding: 3%;
		font-size: 1.4rem;
		font-size: 14px;
		font-weight: bold;
		color: #333333;}
	.map_single::after{
		content: "MAP";
		position: absolute;
		top: -8px;
		left: 10px;
		background: #00b1ad;
		font-size: 12px;
		font-weight: bold;
		color: #ffffff;
		padding: 0 10px;}
	/* photo floor */
	.photo-floor_single {
		position:relative;
		border: 1px solid #00b1ad;
		border-radius: 4px;
		margin-top: 5%;
		margin-bottom: 5%;
		text-align: center;
		padding-top: 4%;
		padding-bottom: 4%;
		font-size: 1.4rem;
		font-size: 14px;
		font-weight: bold;
		color: #333333;}
	.photo-floor_single::after{
		content: "FLOOR";
		position: absolute;
		top: -8px;
		left: 10px;
		background: #00b1ad;
		font-size: 12px;
		font-weight: bold;
		color: #ffffff;
		padding: 0 10px;}
	/* photo gallery */
	.photo_single {
		position:relative;
		border: 1px solid #00b1ad;
		border-radius: 4px;
		margin-top: 5%;
		margin-bottom: 5%;
		padding: 4%;
		font-size: 1.4rem;
		font-size: 14px;
		font-weight: bold;
		color: #333333;}
	.photo_single::after{
		content: "PHOTO";
		position: absolute;
		top: -8px;
		left: 10px;
		background: #00b1ad;
		font-size: 12px;
		font-weight: bold;
		color: #ffffff;
		padding: 0 10px;}
	.photo_single ul {
		padding: 0;
		margin: 0;
		list-style-type: none;}	
	.photo_single li {
		width: 150px;
		margin: 0;
		padding-right: 2%;
		float:left;
		display: block;}
	
	/* 前のページに戻る */
	.backpage {
		border: 1px solid #F69052;
		margin: 5% auto;
		padding: 2%;
		background-color: #F69052;
		text-align: center;
		font-size: 1.4rem;
		font-size: 14px;
		color: #ffffff;
		border-radius: 4px;}
	.backpage a:hover {
		opacity: 0.4;}
	.backpage a {
		text-decoration: none;
		color: #FFFFFF;}
	.backpage a:visited {
		color: #FFFFFF; }
}



/* SNS */
.fa-hatena:before {
font-family: Verdana;
font-weight: bold;
content: 'B!';
}
.share {
margin-top: 40px;
margin-bottom: 40px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.share ul {
margin: 0;
padding: 0;
list-style: none;
}
.share ul:after {
display: block;
clear: both;
content: '';
}
.share li {
float: left;
width: 29%;
margin: 1%;
margin-top: 15px;
}
.share li a {
font-size: 14px;
display: block;
padding: 10px;
text-align: center;
text-decoration: none;
color: #fff;
}
.share li a:hover {
opacity: .8;
}
.share li a:visited {
color: #fff;
}
.tweet a {
background-color: #55acee;
}
.facebook a {
background-color: #315096;
}
.googleplus a {
background-color: #dd4b39;
}
.hatena a {
background-color: #008fde;
}
@media(max-width: 600px) {
.share {
margin-top: 40px;
margin-bottom: 40px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.share li {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 3px;
float: left;
width: 33%;
margin: 0;
margin-top: 15px;
}
.share li i {
font-size: 1.3em;
padding-top: 3px;
}
.share li span {
display: none;
}
}


/* news textarea */
@media(max-width: 600px) {
	.news-textarea  {
		position:relative;
		border: 1px solid #00b1ad;
		border-radius: 4px;
		margin-top: 5%;
		margin-left: 3%;
		margin-right: 3%;
		padding: 3% 5% 0 5%;
		font-size: 1.4rem;
		font-size: 14px;}
	.news-textarea::after{
		content: "NEWS";
		position: absolute;
		top: -8px;
		left: 10px;
		background: #00b1ad;
		font-size: 12px;
		font-weight: bold;
		color: #ffffff;
		padding: 0 10px;}
	.news-textarea .news-date {
		font-size: 1.2rem;
		font-size: 12px;
		margin-top: 1%;
		margin-bottom: 2%;}
}
@media(min-width: 601px) {
	.news-textarea  {
		position:relative;
		border: 1px solid #00b1ad;
		border-radius: 4px;
		margin-top: 5%;
		margin-left: 3%;
		margin-right: 3%;
		padding: 3% 5%;
		font-size: 1.4rem;
		font-size: 14px;}
	.news-textarea::after{
		content: "NEWS";
		position: absolute;
		top: -8px;
		left: 10px;
		background: #00b1ad;
		font-size: 12px;
		font-weight: bold;
		color: #ffffff;
		padding: 0 10px;}
	.news-date {
		font-size: 1.2rem;
		font-size: 12px;
		margin-top: 1%;
		margin-bottom: 2%;}
}

/* news page */
@media(max-width: 600px) {
	.news-page-pre {
		font-size: 12px;
		margin-left: 5%;
		margin-bottom: 3%;
		margin-top: 3%;
		float: left;
	}
	.news-page-next {
		font-size: 12px;
		margin-right: 5%;
		margin-bottom: 3%;
		margin-top: 3%;
		float: right;
	}
}
@media(min-width: 601px) {
	.news-page-pre {
		font-size: 12px;
		margin-left: 5%;
		margin-bottom: 3%;
		margin-top: 3%;
		float: left;
	}
	.news-page-next {
		font-size: 12px;
		margin-right: 5%;
		margin-bottom: 3%;
		margin-top: 3%;
		float: right;
	}
}


/* list（「トップ（おすすめ、表示順）」「シェアハウスリスト」「検索結果」「ターム毎」） CSS Document */

/* ----- トップページ　SP用 ----- */
@media(max-width: 600px) {
	.bold {
		font-weight: bold;
		font-size: 11px;
		color: #505050;}
	.top-search {
		margin: 0;}
	.top-search-title {
		font-size: 1.0em;
		font-weight: bold;
		color: #00b1ad;
		padding: 2% 5%;
		margin-top: 5%;
		margin-bottom: 1%;
		border-top: solid 2px #00b1ad;
		border-bottom: solid 2px #00b1ad;
		background: -webkit-repeating-linear-gradient(-45deg, #eafffa, #eafffa 3px,#e5fcfa 3px, #e5fcfa 7px);
		background: repeating-linear-gradient(-45deg, #eafffa, #eafffa 3px,#e5fcfa 3px, #e5fcfa 7px);}
	.top-search ul {
		margin: 0;
		padding: 0;}
	.top-search li {
		width: 44%;
		height: auto;
		float: left;
		font-size: 12px;
		line-height: 1.2;
		list-style-type: none;
		border-left: solid 6px #00b1ad;/*左側の線*/
		background: #eafffa;/*背景色*/
		border-bottom: solid 2px #dadada;/*下に灰色線*/
		border-right: solid 1px #dadada;/*右に灰色線*/
		padding: 2% 1px 1% 1%;
		margin: 1%;
		display: inline-block;
		vertical-align: middle;}
	.top-search a {
		color: #333333;}	
	.top-recommend-title {
		font-size: 16px;
		font-weight: bold;
		color: #e89614;
		padding: 2% 5%;
		margin-top: 10%;
		margin-bottom: 3%;
		border-top: solid 2px #e89614;
		border-bottom: solid 2px #e89614;
		background: -webkit-repeating-linear-gradient(-45deg, #fffbf7, #fffbf7 3px,#fff7ef 3px, #fff7ef 7px);
		background: repeating-linear-gradient(-45deg, #fffbf7, #fffbf7 3px,#fff7ef 3px, #fff7ef 7px);}
	.recommend {
		}
	.recommend ul {
		margin: 0;
		padding: 0;
		list-style: none;}
	.recommend li {		
		border: solid 1px #e89614;
		background: #ffffff;
		margin-bottom: 2%;
		padding: 1%;}
	.recommend .property-photo1  img {
		max-width: 100%;
		height:auto;}
	.recommend .property-title {
		height: auto;
		font-size: 14px;
		font-weight: bold;
		background-color: #e89614;
		color: #ffffff;
		line-height: 1.5;
		padding: 1%;}
	.recommend .rent_list {
		margin-left: 5%;
		margin-right: 5%;
		font-size: 14px;
		font-weight: bold;
		color: #333333;
		margin-top: 3%;
		border-bottom: dotted 2px #e89614;}
	.recommend .rent-memo {
		padding-left: 1%;
		font-size: 12px;
		font-weight: bold;
		color: #333333;
		margin-top: 3%;}
	.recommend .rent_money_list_row {}
	.recommend .rent_money_list_type {
		padding-left: 5%;
		font-size: 14px;
		font-weight: normal;
		color: #333333;
		vertical-align: middle;
		float:left;}
	.recommend .rent_money_list_rent {
		padding-left: 4%;
		padding-right: 3%;
		font-size: 16px;
		font-weight: bold;
		color: #e89614;
		vertical-align: middle;
		float:left;}
	.recommend .rent_money_list_remark {
		font-size: 14px;
		font-weight: normal;
		vertical-align: middle;
		color: #333333;
		float:left;}
	.recommend .station_list {
		font-size: 14px;
		color: #333333;
		margin: 5%;
		padding-left: 4%;
		border-bottom: dotted 2px #e89614;}
	.recommend .top-check ul{
		margin: 0;
		padding: 0; }
	.recommend .top-check li{
		font-size: 1.2rem;
		font-size: 12px;
		border: 1px solid #e89614;
		border-radius: 2px;
		margin: 2px;
		padding: 1%;
		float: left;
		width: auto;
		background-color: #e89614;
		color: #ffffff;}
	.recommend .access-check_single  {
		margin-top: 1%;
		padding-left: 0;}
	.recommend .access-check_single  ul{
		margin: 0;
		padding: 0;	}	
	.recommend .access-check_single  li{
		list-style-type: none;
		font-size: 1.2rem;
		font-size: 12px;
		font-weight: bold;
		border: 1px solid #e89614;
		border-radius: 2px;
		margin: 2px;
		padding: 1%;
		float: left;
		width: auto;
		background-color: #fff1db;
		color: #e89004;}
	.clear {
		clear:both;}
		
	
		
	
	.top-new-title {
		font-size: 16px;
		font-weight: bold;
		color: #3196ed;
		padding: 2% 5%;
		margin-top: 10%;
		margin-bottom: 3%;
		border-top: solid 2px #3196ed;
		border-bottom: solid 2px #3196ed;
		background: -webkit-repeating-linear-gradient(-45deg, #f2f9ff, #f2f9ff 3px,#e5f3ff 3px, #e5f3ff 7px);
		background: repeating-linear-gradient(-45deg, #f2f9ff, #f2f9ff 3px,#e5f3ff 3px, #e5f3ff 7px);}
	.new {
		margin-bottom: 8%;}
	.new ul {
		margin: 0;
		padding: 0;
		list-style: none;}
	.new li {		
		border: solid 1px #3196ed;
		background: #ffffff;
		margin-bottom: 2%;
		padding: 1%;}
	.new .property-photo1  img {
		max-width: 100%;
		height:auto;}
	.new .property-title {
		height: auto;
		font-size: 14px;
		font-weight: bold;
		background-color: #3196ed;
		color: #ffffff;
		line-height: 1.5;
		padding: 1%;}
	.new .rent_list {
		margin-left: 5%;
		margin-right: 5%;
		font-size: 14px;
		font-weight: bold;
		color: #333333;
		margin-top: 3%;
		border-bottom: dotted 2px #3196ed;}
	.new .rent-memo {
		padding-left: 1%;
		font-size: 12px;
		font-weight: bold;
		color: #333333;
		margin-top: 3%;}
	.new .rent_money_list_row {}
	.new .rent_money_list_type {
		padding-left: 5%;
		font-size: 14px;
		font-weight: normal;
		color: #333333;
		vertical-align: middle;
		float:left;}
	.new .rent_money_list_rent {
		padding-left: 4%;
		padding-right: 3%;
		font-size: 16px;
		font-weight: bold;
		color: #3196ed;
		vertical-align: middle;
		float:left;}
	.new .rent_money_list_remark {
		font-size: 14px;
		font-weight: normal;
		vertical-align: middle;
		color: #333333;
		float:left;}
	.new .station_list {
		font-size: 14px;
		color: #333333;
		margin: 5%;
		padding-left: 4%;
		border-bottom: dotted 2px #3196ed;}
	.new .top-check ul{
		margin: 0;
		padding: 0; }
	.new .top-check li{
		font-size: 1.2rem;
		font-size: 12px;
		border: 1px solid #3196ed;
		border-radius: 2px;
		margin: 2px;
		padding: 1%;
		float: left;
		width: auto;
		background-color: #3196ed;
		color: #ffffff;}
	.new .access-check_single  {
		margin-top: 1%;
		padding-left: 0;}
	.new .access-check_single  ul{
		margin: 0;
		padding: 0;	}	
	.new .access-check_single  li{
		list-style-type: none;
		font-size: 1.2rem;
		font-size: 12px;
		font-weight: bold;
		border: 1px solid #3196ed;
		border-radius: 2px;
		margin: 2px;
		padding: 1%;
		float: left;
		width: auto;
		background-color: #eaf5ff;
		color: #3196ed;}
	.clear {
		clear:both;}
	
	.list-title {
		font-size: 16px;
		font-weight: bold;
		color: #00b1ad;
		padding: 2% 5%;
		margin-top: 5%;
		margin-bottom: 3%;
		border-top: solid 2px #00b1ad;
		border-bottom: solid 2px #00b1ad;
		background: -webkit-repeating-linear-gradient(-45deg, #eafffa, #eafffa 3px,#e5fcfa 3px, #e5fcfa 7px);
		background: repeating-linear-gradient(-45deg, #eafffa, #eafffa 3px,#e5fcfa 3px, #e5fcfa 7px);}
	.list {
		}
	.list ul {
		margin: 0;
		padding: 0;
		list-style: none;}
	.list li {		
		border: solid 1px #00b1ad;
		background: #ffffff;
		margin-bottom: 2%;
		padding: 1%;
		list-style: none;}
	.list .property-photo1  img {
		max-width: 100%;
		height:auto;}
	.list .property-title {
		height: auto;
		font-size: 14px;
		font-weight: bold;
		background-color: #00b1ad;
		color: #ffffff;
		line-height: 1.5;
		padding: 1%;}
	.list .rent_list {
		margin-left: 5%;
		margin-right: 5%;
		font-size: 14px;
		font-weight: bold;
		color: #333333;
		margin-top: 3%;
		border-bottom: dotted 2px #00b1ad;}
	.list .rent-memo {
		padding-left: 1%;
		font-size: 12px;
		font-weight: bold;
		color: #333333;
		margin-top: 3%;}
	.list .rent_money_list_row {}
	.list .rent_money_list_type {
		padding-left: 5%;
		font-size: 14px;
		font-weight: normal;
		color: #333333;
		vertical-align: middle;
		float:left;}
	.list .rent_money_list_rent {
		padding-left: 4%;
		padding-right: 3%;
		font-size: 16px;
		font-weight: bold;
		color: #00b1ad;
		vertical-align: middle;
		float:left;}
	.list .rent_money_list_remark {
		font-size: 14px;
		font-weight: normal;
		vertical-align: middle;
		color: #333333;
		float:left;}
	.list .station_list {
		font-size: 14px;
		color: #333333;
		margin: 5%;
		padding-left: 4%;
		border-bottom: dotted 2px #00b1ad;}
	.list .top-check ul{
		margin: 0;
		padding: 0; }
	.list .top-check li{
		font-size: 1.2rem;
		font-size: 12px;
		border: 1px solid #00b1ad;
		border-radius: 2px;
		margin: 2px;
		padding: 1%;
		float: left;
		width: auto;
		background-color: #00b1ad;
		color: #ffffff;}
	.list .access-check_single  {
		margin-top: 1%;
		padding-left: 0;}
	.list .access-check_single  ul{
		margin: 0;
		padding: 0;	}	
	.list .access-check_single  li{
		list-style-type: none;
		font-size: 1.2rem;
		font-size: 12px;
		font-weight: bold;
		border: 1px solid #00b1ad;
		border-radius: 2px;
		margin: 2px;
		padding: 1%;
		float: left;
		width: auto;
		background-color: #e0f9f4;
		color: #009995;}
	.list .news-photo  img {
		max-width: 100%;
		height:auto;}
	.list .news-list-title {
		height: auto;
		font-size: 14px;
		font-weight: bold;
		background-color: #00b1ad;
		color: #ffffff;
		line-height: 1.5;
		padding: 1%;}
	.list .news-list-date {
		font-size: 12px;
   		display: inline-block;
		color: #333333;
		margin-left:2%;
		margin-right: 1%;
		text-decoration: none;}
	.list .news-list-text {
		font-size: 14px;
		color: #333333;
		margin-top: 5%;
		margin: 3%;
		padding-left: 2%;}
	.clear {
		clear:both;}
	.non-list {
		font-size: 14px;
		color: #333333;
		margin: 5%;}
	
	
	/* index シェアハウスリストへ */
	.index-toi {
		margin-top: 5%;}
	.top-list {
		padding: 3%;
		border: 2px solid #00b1ad;
		border-radius: 4px;
		font-size: 1.4rem;
		font-size: 14px;
		font-weight: bold;
		color: #00b1ad;
		background: -webkit-repeating-linear-gradient(-45deg, #eafffa, #eafffa 3px,#e5fcfa 3px, #e5fcfa 7px);
		background: repeating-linear-gradient(-45deg, #eafffa, #eafffa 3px,#e5fcfa 3px, #e5fcfa 7px);
		text-align:center;
		line-height: 1.8;}	
	.top-list a {
		color:#ffffff;
		text-decoration: none;
		border: 3px solid #00b1ad;
		background-color: #00b1ad;}	
	/* 各ページのお問い合わせ */
	.index-toi {
		margin-top: 5%;}
	.toi-mail {
		width: 44%;
		padding: 2%;
		float: left;
		border: 2px solid #00b1ad;
		background-color: #00b1ad;
		border-radius: 4px;
		font-size: 1.4rem;
		font-size: 14px;
		font-weight: bold;
		color:#ffffff;
		text-align:center;
		line-height: 1.8;}
	.toi-mail a:hover {
		opacity: 0.4;}
	.toi-tel {
		width: 44%;
		padding: 2%;
		float: right;
		border: 2px solid #00b1ad;
		background-color: #00b1ad;
		border-radius: 4px;
		font-size: 1.4rem;
		font-size: 14px;
		font-weight: bold;
		color:#ffffff;
		text-align:center;
		line-height: 1.8;}
	.toi-tel a:hover {
		opacity: 0.4;}
	
	/* 検索結果ページ */	
	.result-word {
		position:relative;
		border: 1px solid #00b1ad;
		border-radius: 4px;
		margin-top: 5%;
		margin-bottom: 5%;
		padding: 5%;
		font-weight: normal;}
	.result-word::after{
		content: "WORD";
		position: absolute;
		top: -8px;
		left: 10px;
		background: #00b1ad;
		font-size: 12px;
		color: #ffffff;
		padding: 0 10px;}
}



/* ----- トップページ　PC用 ------------------------------------------------------- */
@media(min-width: 601px) {
	.bold {
		font-weight: bold;
		font-size: 14px;
		color: #505050;}
	.top-search {
		margin: 0;}
	.top-search-title {
		font-size: 16px;
		font-weight: bold;
		color: #00b1ad;
		padding: 1% 5%;
		margin-top: 5%;
		margin-bottom: 1%;
		border-top: solid 2px #00b1ad;
		border-bottom: solid 2px #00b1ad;
		background: -webkit-repeating-linear-gradient(-45deg, #eafffa, #eafffa 3px,#e5fcfa 3px, #e5fcfa 7px);
		background: repeating-linear-gradient(-45deg, #eafffa, #eafffa 3px,#e5fcfa 3px, #e5fcfa 7px);}
	.top-search ul {
		margin: 0;
		padding: 0;}
	.top-search li {
		width: 22%;
		height: auto;
		float: left;
		font-size: 12px;
		list-style-type: none;
		border-left: solid 6px #00b1ad;/*左側の線*/
		background: #eafffa;/*背景色*/
		border-bottom: solid 2px #dadada;/*下に灰色線*/
		border-right: solid 1px #dadada;/*右に灰色線*/
		line-height: 1.3;
		padding: 10px 1px 10px 1%;
		margin: 3px 5px 3px 0;
		display: inline-block;
		vertical-align: middle;}
	.top-search li:hover{
		background: #badfff;}	
	.top-search a {
		color: #333333;}
	.top-recommend-title {
		font-size: 16px;
		font-weight: bold;
		color: #e89614;
		padding: 2% 5%;
		margin-top: 10%;
		margin-bottom: 3%;
		border-top: solid 2px #e89614;
		border-bottom: solid 2px #e89614;
		background: -webkit-repeating-linear-gradient(-45deg, #fffbf7, #fffbf7 3px,#fff7ef 3px, #fff7ef 7px);
		background: repeating-linear-gradient(-45deg, #fffbf7, #fffbf7 3px,#fff7ef 3px, #fff7ef 7px);}
	.recommend {
		}
	.recommend ul {
		margin: 0;
		padding: 0;
		list-style: none;}
	.recommend li {		
		border: solid 1px #e89614;
		background: #ffffff;
		margin-bottom: 2%;
		padding: 1%;}
	.recommend li:hover{
		background: #fff7ef;}	
	.recommend .property-photo1  img {
   		display: inline-block;	
		max-width: 49%;
		float: left;
		height:auto;
		margin-bottom: 1%;}
	.recommend .property-title {
   		display: inline-block;	
		width: 48%;
		margin-left: 1%;
		height: auto;
		font-size: 14px;
		font-weight: bold;
		background-color: #e89614;
		color: #ffffff;
		line-height: 1.5;
		padding: 1%;}
	.recommend .rent_list {
   		display: inline-block;	
		width: 49%;
		margin-left: 2%;
		margin-top: 2%;
		font-size: 14px;
		font-weight: bold;
		color: #333333;
		border-bottom: dotted 2px #e89614;}
	.recommend .rent-memo {
		padding-left: 1%;
		font-size: 12px;
		font-weight: bold;
		color: #333333;
		margin-top: 3%;}
	.recommend .rent_money_list_row {}
	.recommend .rent_money_list_type {
		padding-left: 5%;
		font-size: 14px;
		font-weight: normal;
		color: #333333;
		vertical-align: middle;
		float:left;}
	.recommend .rent_money_list_rent {
		padding-left: 4%;
		padding-right: 3%;
		font-size: 16px;
		font-weight: bold;
		color: #e89614;
		vertical-align: middle;
		float:left;}
	.recommend .rent_money_list_remark {
		font-size: 14px;
		font-weight: normal;
		vertical-align: middle;
		color: #333333;
		float:left;}
	.recommend .station_list {
		font-size: 14px;
   		display: inline-block;	
		width: 47%;
		margin-left: 2%;
		margin-top: 2%;
		margin-bottom: 2%;
		padding-left: 2%;
		color: #333333;
		border-bottom: dotted 2px #e89614;}
	.recommend .top-check ul{
		clear: left;
		display: block;
		max-width: 98%;
		margin: 0;
		padding: 0; }
	.recommend .top-check li{
		font-size: 1.2rem;
		font-size: 12px;
		border: 1px solid #e89614;
		border-radius: 2px;
		margin: 2px;
		padding: 1%;
		float: left;
		width: auto;
		background-color: #e89614;
		color: #ffffff;}
	.recommend .access-check_single  {
		margin-top: 1%;
		padding-left: 0;}
	.recommend .access-check_single  ul{
		display: block;
		max-width: 98%;
		margin: 0;
		padding: 0;	}	
	.recommend .access-check_single  li{
		list-style-type: none;
		font-size: 1.2rem;
		font-size: 12px;
		font-weight: bold;
		border: 1px solid #e89614;
		border-radius: 2px;
		margin: 2px;
		padding: 1%;
		float: left;
		width: auto;
		background-color: #fff1db;
		color: #e89004;}
	.clear {
		clear:both;}
		
	
		
	
	.top-new-title {
		font-size: 16px;
		font-weight: bold;
		color: #3196ed;
		padding: 2% 5%;
		margin-top: 10%;
		margin-bottom: 3%;
		border-top: solid 2px #3196ed;
		border-bottom: solid 2px #3196ed;
		background: -webkit-repeating-linear-gradient(-45deg, #f2f9ff, #f2f9ff 3px,#e5f3ff 3px, #e5f3ff 7px);
		background: repeating-linear-gradient(-45deg, #f2f9ff, #f2f9ff 3px,#e5f3ff 3px, #e5f3ff 7px);}
	.new {
		}
	.new ul {
		margin: 0;
		padding: 0;
		list-style: none;}
	.new li {		
		border: solid 1px #3196ed;
		background: #ffffff;
		margin-bottom: 2%;
		padding: 1%;}
	.new li:hover{
		background: #e5f3ff;}	
	.new .property-photo1  img {
   		display: inline-block;	
		max-width: 49%;
		float: left;
		height:auto;
		margin-bottom: 1%;}
	.new .property-title {
   		display: inline-block;	
		width: 48%;
		margin-left: 1%;
		height: auto;
		font-size: 14px;
		font-weight: bold;
		background-color: #3196ed;
		color: #ffffff;
		line-height: 1.5;
		padding: 1%;}
	.new .rent_list {
   		display: inline-block;	
		width: 49%;
		margin-left: 2%;
		margin-top: 2%;
		font-size: 14px;
		font-weight: bold;
		color: #333333;
		border-bottom: dotted 2px #3196ed;}
	.new .rent-memo {
		padding-left: 1%;
		font-size: 12px;
		font-weight: bold;
		color: #333333;
		margin-top: 3%;}
	.new .rent_money_list_row {}
	.new .rent_money_list_type {
		padding-left: 5%;
		font-size: 14px;
		font-weight: normal;
		color: #333333;
		vertical-align: middle;
		float:left;}
	.new .rent_money_list_rent {
		padding-left: 4%;
		padding-right: 3%;
		font-size: 16px;
		font-weight: bold;
		color: #3196ed;
		vertical-align: middle;
		float:left;}
	.new .rent_money_list_remark {
		font-size: 14px;
		font-weight: normal;
		vertical-align: middle;
		color: #333333;
		float:left;}
	.new .station_list {
		font-size: 14px;
   		display: inline-block;	
		width: 47%;
		margin-left: 2%;
		margin-top: 2%;
		margin-bottom: 2%;
		padding-left: 2%;
		color: #333333;
		border-bottom: dotted 2px #3196ed;}
	.new .top-check ul{
		clear: left;
		display: block;
		max-width: 98%;
		margin: 0;
		padding: 0; }
	.new .top-check li{
		font-size: 1.2rem;
		font-size: 12px;
		border: 1px solid #3196ed;
		border-radius: 2px;
		margin: 2px;
		padding: 1%;
		float: left;
		width: auto;
		background-color: #3196ed;
		color: #ffffff;}
	.new .access-check_single  {
		margin-top: 1%;
		padding-left: 0;}
	.new .access-check_single  ul{
		display: block;
		max-width: 98%;
		margin: 0;
		padding: 0;	}	
	.new .access-check_single  li{
		list-style-type: none;
		font-size: 1.2rem;
		font-size: 12px;
		font-weight: bold;
		border: 1px solid #3196ed;
		border-radius: 2px;
		margin: 2px;
		padding: 1%;
		float: left;
		width: auto;
		background-color: #eaf5ff;
		color: #3196ed;}
	.clear {
		clear:both;}
	
	.list-title {
		font-size: 16px;
		font-weight: bold;
		color: #00b1ad;
		padding: 2% 5%;
		margin-top: 5%;
		margin-bottom: 3%;
		border-top: solid 2px #00b1ad;
		border-bottom: solid 2px #00b1ad;
		background: -webkit-repeating-linear-gradient(-45deg, #eafffa, #eafffa 3px,#e5fcfa 3px, #e5fcfa 7px);
		background: repeating-linear-gradient(-45deg, #eafffa, #eafffa 3px,#e5fcfa 3px, #e5fcfa 7px);}
	.list {
		}
	.list ul {
		margin: 0;
		padding: 0;
		list-style: none;}
	.list li {		
		border: solid 1px #00b1ad;
		background: #ffffff;
		margin-bottom: 2%;
		padding: 1%;
		list-style: none;}
	.list li:hover{
		background: #e5fcfa;}	
	.list .property-photo1  img {
   		display: inline-block;	
		max-width: 49%;
		float: left;
		height:auto;
		margin-bottom: 1%;}
	.list .property-title {
   		display: inline-block;	
		width: 48%;
		margin-left: 1%;
		height: auto;
		font-size: 14px;
		font-weight: bold;
		background-color: #00b1ad;
		color: #ffffff;
		line-height: 1.5;
		padding: 1%;}
	.list .rent_list {
   		display: inline-block;	
		width: 49%;
		margin-left: 2%;
		margin-top: 2%;
		font-size: 14px;
		font-weight: bold;
		color: #333333;
		border-bottom: dotted 2px #00b1ad;}
	.list .rent-memo {
		padding-left: 1%;
		font-size: 12px;
		font-weight: bold;
		color: #333333;
		margin-top: 3%;}
	.list .rent_money_list_row {}
	.list .rent_money_list_type {
		padding-left: 5%;
		font-size: 14px;
		font-weight: normal;
		color: #333333;
		vertical-align: middle;
		float:left;}
	.list .rent_money_list_rent {
		padding-left: 4%;
		padding-right: 3%;
		font-size: 16px;
		font-weight: bold;
		color: #00b1ad;
		vertical-align: middle;
		float:left;}
	.list .rent_money_list_remark {
		font-size: 14px;
		font-weight: normal;
		vertical-align: middle;
		color: #333333;
		float:left;}
	.list .station_list {
		font-size: 14px;
   		display: inline-block;	
		width: 47%;
		margin-left: 2%;
		margin-top: 2%;
		margin-bottom: 2%;
		color: #333333;
		padding-left: 2%;
		border-bottom: dotted 2px #00b1ad;}
	.list .top-check ul{
		clear: left;
		display: block;
		max-width: 98%;
		margin: 0;
		padding: 0; }
	.list .top-check li{
		font-size: 1.2rem;
		font-size: 12px;
		border: 1px solid #00b1ad;
		border-radius: 2px;
		margin: 2px;
		padding: 1%;
		float: left;
		width: auto;
		background-color: #00b1ad;
		color: #ffffff;}
	.list .access-check_single  {
		margin-top: 1%;
		padding-left: 0;}
	.list .access-check_single  ul{
		display: block;
		max-width: 98%;
		margin: 0;
		padding: 0;	}	
	.list .access-check_single  li{
		list-style-type: none;
		font-size: 1.2rem;
		font-size: 12px;
		font-weight: bold;
		border: 1px solid #00b1ad;
		border-radius: 2px;
		margin: 2px;
		padding: 1%;
		float: left;
		width: auto;
		background-color: #e0f9f4;
		color: #009995;}
	.list .news-photo  img {
   		display: inline-block;	
		max-width: 30%;
		height:auto;
		margin-right: 1%;
		margin-bottom: 1%;
		float: left;}
	.list .news-list-title {
		width: 65%;
   		display: inline-block;	
		height: auto;
		font-size: 14px;
		font-weight: bold;
		background-color: #00b1ad;
		color: #ffffff;
		line-height: 1.5;
		padding: 1%;}
	.list .news-list-date {
		font-size: 12px;
   		display: inline-block;
		text-align: right;
		width: 65%;
		color: #333333;
		text-decoration: none;
		padding-right: 2%;}
	.list .news-list-text {
		font-size: 14px;
   		display: inline-block;	
		width: 65%;
		margin-top: 0;
		margin-bottom: 1%;
		color: #333333;
		text-decoration: none;
		padding-left: 2%;
		line-height: 1.8em;}
	.list .news-list-text p {
		margin: 0;}
	.clear {
		clear:both;}
	.non-list {
		font-size: 14px;
		color: #333333;
		margin: 5%;}
	
	
	/* index シェアハウスリストへ */
	.index-toi {
		margin-top: 5%;}
	.top-list {
		padding: 3%;
		border: 2px solid #00b1ad;
		border-radius: 4px;
		font-size: 1.4rem;
		font-size: 14px;
		font-weight: bold;
		color: #00b1ad;
		background: -webkit-repeating-linear-gradient(-45deg, #eafffa, #eafffa 3px,#e5fcfa 3px, #e5fcfa 7px);
		background: repeating-linear-gradient(-45deg, #eafffa, #eafffa 3px,#e5fcfa 3px, #e5fcfa 7px);
		text-align:center;
		line-height: 1.8;}	
	.top-list a {
		color:#ffffff;
		text-decoration: none;
		border: 3px solid #00b1ad;
		background-color: #00b1ad;}	
	/* 各ページのお問い合わせ */
	.index-toi {
		margin-top: 5%;}
	.toi-tel {
		width: 44%;
		padding: 2%;
		float: right;
		border: 2px solid #00b1ad;
		background-color: #00b1ad;
		border-radius: 4px;
		font-size: 1.4rem;
		font-size: 14px;
		font-weight: bold;
		color:#ffffff;
		text-align:center;
		line-height: 1.8;}
	.toi-tel a:hover {
		opacity: 0.4;}
	
	/* 検索結果ページ */	
	.result-word {
		position:relative;
		border: 1px solid #00b1ad;
		border-radius: 4px;
		margin-top: 5%;
		margin-bottom: 5%;
		padding: 5%;
		font-weight: normal;}
	.result-word::after{
		content: "WORD";
		position: absolute;
		top: -8px;
		left: 10px;
		background: #00b1ad;
		font-size: 12px;
		color: #ffffff;
		padding: 0 10px;}
}


/* page（「会社概要」「サイトマップ」「お問い合わせ」「検索」） CSS Document */


/*------ 検索 SP ------*/
@media(max-width: 600px) {
	/*キーワード検索ボタン*/
	dl.search1{
		position:relative;
		background-color:#fff;
		border:1px solid #00b1ad;
		border-radius:6px;}
	dl.search1 dt{
		padding:3px;}
	dl.search1 dt input{
		width:70%;
		height:30px;
		line-height:30px;
		background:none;
		border:none;}
	dl.search1 dd{
		position:absolute;
		top:1px;
		right:1px;
		width:30%;}
	dl.search1 dd button{
		color: #ffffff;	}
	dl.search1 dd button{
		display:block;
		background:#00b1ad;
		width:100%;
		height:36px;
		line-height:36px;
		border:none;
		border-radius: 0 6px 6px 0;}
	dl.search1 dd button:hover {
		background:#4e91e4;}
	dl.search1 dd button span{
		display:block;
		color:#FFF;
		font-weight: bold;
		font-size: 16px;}
	/* Search and Filter */
	.searchandfilter {
		text-align: left;
		color: #333333;
		padding-left: 1%;}
	.searchandfilter h4 { /* 新宿駅から !!pluginのcssも見ること!!*/
		color: #00b1ad;
		float:left;
		padding-right: 5px;
		font-weight: bold;}
	.searchandfilter ul { /* 20分　30分　40分 */
		display:inline-block;
		padding: 0 0 15px 0;}
	.searchandfilter li { /* 新宿駅から */
		list-style: none;
		display:inline-block;}
	.searchandfilter label { /* 20分 */
		display:inline-block;
		margin-bottom: 5px;}
	.searchandfilter input[type="text"] { /* キーワード検索枠 */
		width: 300px;
		line-height:2.0;
		border:solid 1px #00b1ad;
		border-radius: 5px;
		margin-bottom: 10%;}
	.searchandfilter input[type="checkbox"] { /* 20分のチェックボックス1.5倍 */
    	-webkit-transform: scale(1.5);
		transform: scale(1.5);
		margin-left: 0.6em;
		margin-right: 0.2em;} 
	.searchandfilter input[type="submit"] { /* 「検索」 */
		width: 300px;
		height: 50px;
		margin: 0 auto;
		border:solid 1px #00b1ad;
		border-radius: 5px;
		background-color: #00b1ad;
		color: #ffffff;
		text-align: center;
		display: inline-block;
		font-weight: bold;
		font-size: 16px;}	
	.searchandfilter p {
		display:block;}
	.widget-area .searchandfilter li, .widget-area .searchandfilter p {
		display:block; }
	.searchandfilter ul > li > ul:not(.children) {
		margin-left: auto;
		margin-right: auto;}
	/* Search & Filter 終了 */
	/* 検索ページの検索タイトル */
	.search-title {
		margin-top: 10%;
		color: #00b1ad;
		font-weight: bold;
		position: relative;
		padding-left: 25px;}
	.search-title:before {
		position: absolute;
		content: '';
		bottom: -3px;
		left: 0;
		width: 0;
		height: 0;
		border: none;
		border-left: solid 15px transparent;
		border-bottom: solid 15px rgb(0, 177, 173);}
	.search-title:after {
		position: absolute;
		content: '';
		bottom: -3px;
		left: 10px;
		width: 100%;
		border-bottom: solid 3px rgb(0, 177, 173);}
	.search-memo {
		margin-top: 1%;
		font-size: 12px;
		color: #333333;
		text-align: center;	}
	.search-no {
		font-size: 14px;
		color: #333333;
		text-align: center;	}
}
/*------ 検索 PC ------*/
@media(min-width: 601px) {
	/*キーワード検索ボタン*/
	dl.search1{
		position:relative;
		background-color:#fff;
		border:1px solid #00b1ad;
		border-radius:6px;}
	dl.search1 dt{
		padding:3px;}
	dl.search1 dt input{
		width:70%;
		height:30px;
		line-height:30px;
		background:none;
		border:none;}
	dl.search1 dd{
		position:absolute;
		top:1px;
		right:1px;
		width:30%;}
	dl.search1 dd button{
		color: #ffffff;	}
	dl.search1 dd button{
		display:block;
		background:#00b1ad;
		width:100%;
		height:36px;
		line-height:36px;
		border:none;
		border-radius: 0 6px 6px 0;}
	dl.search1 dd button:hover {
		background:#4e91e4;}
	dl.search1 dd button span{
		display:block;
		color:#FFF;
		font-weight: bold;
		font-size: 16px;}
	/* Search and Filter */
	.searchandfilter {
		text-align: left;
		color: #333333;
		padding-left: 1%;}
	.searchandfilter h4 { /* 新宿駅から */
		font-size:14px;
		color: #00b1ad;
		float:left;
		padding-right: 5px;
		font-weight: bold;}
	.searchandfilter ul { /* 20分　30分　40分 */
		display:inline-block;
		padding: 15px 0;}
	.searchandfilter li { /* 新宿駅から */
		list-style: none;
		display:inline-block; }
	.searchandfilter label { /* 20分 */
		display:inline-block;}
	.searchandfilter input[type="text"] { /* キーワード検索枠 */
		width: 300px;
		line-height:2.0;
		border:solid 1px #00b1ad;
		border-radius: 5px;
		margin-bottom: 10%;}
	.searchandfilter input[type="checkbox"] { /* 20分のチェックボックス1.5倍 */
    	-webkit-transform: scale(1.5);
		transform: scale(1.5);
		margin-left: 0.6em;
		margin-right: 0.2em;} 
	.searchandfilter input[type="submit"] { /* 「検索」 */
		width: 300px;
		height: 50px;
		margin: 0 auto;
		border:solid 1px #00b1ad;
		border-radius: 5px;
		background-color: #00b1ad;
		color: #ffffff;
		text-align: center;
		display: inline-block;
		font-weight: bold;
		font-size: 16px;}	
	.searchandfilter input[type="submit"]:hover { /* 「検索」 */
		border:solid 1px #4e91e4;
		background:#4e91e4;} 	
	.searchandfilter p {
		display:block;}
	.widget-area .searchandfilter li, .widget-area .searchandfilter p {
		display:block; }
	.searchandfilter ul > li > ul:not(.children) {
		margin-left: auto;
		margin-right: auto;}
	/* Search & Filter 終了 */
	/* 検索ページの検索タイトル */
	.search-title {
		margin-top: 10%;
		color: #00b1ad;
		font-weight: bold;
		position: relative;
		padding-left: 25px;}
	.search-title:before {
		position: absolute;
		content: '';
		bottom: -3px;
		left: 0;
		width: 0;
		height: 0;
		border: none;
		border-left: solid 15px transparent;
		border-bottom: solid 15px rgb(0, 177, 173);}
	.search-title:after {
		position: absolute;
		content: '';
		bottom: -3px;
		left: 10px;
		width: 100%;
		border-bottom: solid 3px rgb(0, 177, 173);}
	.search-memo {
		margin-top: 1%;
		font-size: 12px;
		color: #333333;
		text-align: center;	}
	.search-no {
		font-size: 14px;
		color: #333333;
		text-align: center;	}
}

/*------会社概要 PC------*/
@media (min-width: 601px) {
	.company {
		}
	.company-name {
		margin-bottom: 8%;}
	.company-name-title {
		padding: 0 2%;/*文字周りの余白*/
		margin: 0 0 2% 0;
		font-size: 1.4rem;
		font-size: 14px;
		color:#ffffff;
		border-radius: 4px;/*角丸*/
		border: solid 3px #00b1ad;/*線色*/
		background: #00b1ad; }
	.company-name-text {
		padding-left: 5%;
		font-size: 1.4rem;
		font-size: 14px;}
	.company-map {
		margin-bottom: 8%;}
	.company-map-title {
		padding: 0 3%;/*文字周りの余白*/
		margin: 0 0 2% 0;
		font-size: 1.4rem;
		font-size: 14px;
		color:#ffffff;
		border-radius: 4px;/*角丸*/
		border: solid 3px #00b1ad;/*線色*/
		background: #00b1ad; }
	.company-map-text {
		padding-left: 5%;
		font-size: 1.4em;
		font-size: 14px; }
	.company-map-map {
		width: 600px;
		height: auto;
		margin: 2% auto 5% auto;
		box-shadow: 1px 2px 4px #333333;}
	.company-toiawase {
		margin-bottom: 8%; }
	.company-toiawase-title {
		padding: 0 3%;/*文字周りの余白*/
		margin: 0 0 2% 0;
		font-size: 1.4rem;
		font-size: 14px;
		color:#ffffff;
		border-radius: 4px;/*角丸*/
		border: solid 3px #00b1ad;/*線色*/
		background: #00b1ad;}
	.company-toiawase-text {
		padding-left: 5%;
		font-size: 1.4rem;
		font-size: 14px;}
	.company-ceo {
		margin-bottom: 8%;}
	.company-ceo-title {
		padding: 0 3%;/*文字周りの余白*/
		margin: 0 5% 2% 0;
		font-size: 1.4rem;
		font-size: 14px;
		color:#ffffff;
		border-radius: 4px;/*角丸*/
		border: solid 3px #00b1ad;/*線色*/
		background: #00b1ad;
		width: 76px;
		float: left;}
	.company-ceo-text {
		padding-left: 5%;
		padding-top: 3px;
		font-size: 1.4rem;
		font-size: 14px;
		width: 48%;}
	.company-bank {
		margin-bottom: 8%;}
	.company-bank-title {
		padding: 0 3%;/*文字周りの余白*/
		margin: 0 0 2% 0;
		font-size: 1.4rem;
		font-size: 14px;
		color:#ffffff;
		border-radius: 4px;/*角丸*/
		border: solid 3px #00b1ad;/*線色*/
		background: #00b1ad;}
	.company-bank-text {
		padding-left: 5%;
		font-size: 1.4rem;
		font-size: 14px;}
}

/*------会社概要 SP------*/
@media (max-width: 600px) {
	.company {
		}
	.company-name {
		margin-bottom: 8%;}
	.company-name-title {
		padding: 0 2%;/*文字周りの余白*/
		margin: 0 0 2% 0;
		font-size: 1.4rem;
		font-size: 14px;
		color:#ffffff;
		border-radius: 4px;/*角丸*/
		border: solid 3px #00b1ad;/*線色*/
		background: #00b1ad; }
	.company-name-text {
		padding-left: 24px;
		font-size: 1.4rem;
		font-size: 14px;}
	.company-map {
		margin-bottom: 8%;}
	.company-map-title {
		padding: 0 3%;/*文字周りの余白*/
		margin: 0 0 2% 0;
		font-size: 1.4rem;
		font-size: 14px;
		color:#ffffff;
		border-radius: 4px;/*角丸*/
		border: solid 3px #00b1ad;/*線色*/
		background: #00b1ad; }
	.company-map-title {
		padding: 0 3%;/*文字周りの余白*/
		margin: 0 0 1% 0;
		font-size: 1.4rem;
		font-size: 14px;
		color:#ffffff;
		border-radius: 4px;/*角丸*/
		border: solid 3px #00b1ad;/*線色*/}
	.company-map-text {
		padding-left: 24px;
		font-size: 1.4em;
		font-size: 14px; }
	.company-map-map {
		width: 96%;
		height: auto;
		margin: 2% 2% 5% 2%;
		box-shadow: 1px 2px 4px #333333;}
	.company-toiawase {
		margin-bottom: 8%; }
	.company-toiawase-title {
		padding: 0 3%;/*文字周りの余白*/
		margin: 0 0 2% 0;
		font-size: 1.4rem;
		font-size: 14px;
		color:#ffffff;
		border-radius: 4px;/*角丸*/
		border: solid 3px #00b1ad;/*線色*/
		background: #00b1ad;}
	.company-toiawase-text {
		padding-left: 24px;
		font-size: 1.4rem;
		font-size: 14px;}
	.company-ceo {
		margin-bottom: 8%;}
	.company-ceo-title {
		padding: 0 3%;/*文字周りの余白*/
		margin: 0 0 2% 0;
		font-size: 1.4rem;
		font-size: 14px;
		color:#ffffff;
		border-radius: 4px;/*角丸*/
		border: solid 3px #00b1ad;/*線色*/
		background: #00b1ad;}
	.company-ceo-text {
		padding-left: 24px;
		font-size: 1.4rem;
		font-size: 14px;}
	.company-bank {
		margin-bottom: 8%;}
	.company-bank-title {
		padding: 0 3%;/*文字周りの余白*/
		margin: 0 0 2% 0;
		font-size: 1.4rem;
		font-size: 14px;
		color:#ffffff;
		border-radius: 4px;/*角丸*/
		border: solid 3px #00b1ad;/*線色*/
		background: #00b1ad;}
	.company-bank-text {
		padding-left: 24px;
		font-size: 1.4rem;
		font-size: 14px;}
}



/*------サイトマップ SP------*/
@media (max-width: 600px) {
	.sitemap-name {
		margin-bottom: 8%;}
	.sitemap-name-title {
	}
	.sitemap-name-title a {
		max-width: 100%;
		height: auto;
		margin: 5% 0 1% 0;
		padding: 0 2%;/*文字周りの余白*/
		display:block;
		font-size: 1.4rem;
		font-size: 14px;
		color:#ffffff;
		text-decoration: none;
		letter-spacing: 0.1em;
		border: 3px solid #00b1ad;
		border-radius: 4px;/*角丸*/
		background-color: #00b1ad;}
/* 以下マウスを載せたときのスタイル */
	.sitemap-name-title a:hover {
		opacity: 0.4;}
}

/*------サイトマップ PC------*/
@media (min-width: 601px) {
	.sitemap-name {
		margin-bottom: 8%;}
	.sitemap-name-title {
	}
	.sitemap-name-title a {
		max-width: 100%;
		height: auto;
		margin: 5% 0 1% 0;
		padding: 0 2%;/*文字周りの余白*/
		display:block;
		font-size: 1.4rem;
		font-size: 14px;
		color:#ffffff;
		text-decoration: none;
		letter-spacing: 0.1em;
		border: 3px solid #00b1ad;
		border-radius: 4px;/*角丸*/
		background-color: #00b1ad;}
/* 以下マウスを載せたときのスタイル */
	.sitemap-name-title a:hover {
		opacity: 0.4;}
}


/*------お問い合わせ SP------*/
@media(max-width: 600px) {
	.wpcf7 input[type="text"],.wpcf7 input[type="email"],.wpcf7 input[type="tel"],.wpcf7 textarea {
		background-color: #ffffff;
		border: solid 1px #00b1ad;
		border-radius: 6px;
		padding: 2%;
		color: #333333;
		font-size: 14px;
		width: 90%;
		margin-left: 3%; }
	.wpcf7 label {
		color: #00b1ad;
		font-size: 14px;
		margin-left: 5%; }
	.contactafter{
		display:block;
		margin-top: 10%;
		margin-bottom: 10%;
		margin-left: 10%;
		width:80%;}
	.totop {
		display:block;
		background:#00b1ad;
		color: #ffffff;
		font-weight: bold;
		text-align: center;
		margin-top: 10%;
		margin-bottom: 10%;
		margin-left: 23%;
		width:50%;
		padding: 3%;
		border:none;
		border-radius: 6px;}
}

/*------ お問い合わせ PC ------*/
@media(min-width: 601px) {
	/*.wpcf7 input[type="text"],.wpcf7 input[type="email"],.wpcf7 input[type="tel"],.wpcf7 textarea {
		background-color: #ffffff;
		border: solid 1px #00b1ad;
		border-radius: 6px;
		padding: 2%;
		color: #333333;
		font-size: 14px;
		width: 90%;
		margin-left: 3%; }
	.wpcf7 input[type="submit"] {
		display:block;
		background:#00b1ad;
		color: #ffffff;
		font-weight: bold;
		text-align: center;
		margin-left: 3%;
		margin-top: 5%;
		width:90%;
		padding: 3%;
		border:none;
		border-radius: 6px;}*/
	.wpcf7 label {
		color: #00b1ad;
		font-size: 14px;
		margin-left: 5%; }
	.contactafter{
		display:block;
		margin-top: 10%;
		margin-bottom: 10%;
		margin-left: 15%;
		width:70%;}
	.totop {
		display:block;
		background:#00b1ad;
		color: #ffffff;
		font-weight: bold;
		text-align: center;
		margin-top: 10%;
		margin-bottom: 10%;
		margin-left: 23%;
		width:50%;
		padding: 3%;
		border:none;
		border-radius: 6px;}
	}