@charset "utf-8";

/*
//////////////////////////////////////////////
共通
////////////////////////////////////////////// */
#AreaSchool {
/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
}

/* PC 非表示 */
/* スマホトップバナー　※PCでSPサイトを開いた場合 */
#spBnr {
display:none;
}

/* UniLife ロゴ */
#teikeiSchool .logoBox {
width:1000px;
max-width:1000px;
margin:0 auto;
}
@media screen and (max-width:767px){
	#teikeiSchool .logoBox img {
	max-width:100%;
	height: 40px
	}
	#teikeiSchool .logoBox {
	width:auto;
	padding-bottom:2px;
	text-align:center;
	}
}


/* ページタイトル（ユニライフ） */
#AreaSchool .pageHead.unilifeTtl .ttlbg p {
font-size: 1.2rem;
margin-bottom:1em;
}
#AreaSchool .pageHead.unilifeTtl .ttlbg h1 {
color:#ff7600;
text-shadow: 2px 2px#afddff;
font-size: 3.6rem;
padding:0.3em 0;
}
@media screen and (max-width:767px){
	#AreaSchool .pageHead.unilifeTtl .ttlbg p {
	margin-bottom:0;
	}
	#AreaSchool .pageHead .ttlbg h1 {
	line-height: 1;
	margin-bottom: 4%;
	}
	#AreaSchool .pageHead .ttlbg h1 b {
	display:block;
	color:#ff7600;
	font-size: 1.6rem;
	line-height: 1;
	}
}

#AreaSchool .pageHead .ttlbg {
  background-image: none !important;
}






/* 店舗情報 */
/*#footer .shopGroup {width: 100%;margin: 0px 0 10px 320px;}
#footer table.shopInfo {
background:#F5F5F5;
box-sizing:border-box;
border:transparent solid 16px;
width:32%;
margin-right:2%;
float: left;
border-radius:8px;
font-size:12px;
line-height:1.4em;
}
#footer table.shopInfo:nth-child(3n) {
margin-right:0;
}
#footer table.shopInfo .shopName a {
font-weight:bold;
font-size:1.2em;
}

#footer table.shopInfo .zipAddress {
font-size:11px;
}
#footer table.shopInfo .freecall {
font-size:1.4em;
color:red;
display:block;
padding:0.2em 0;
}
.around_box {
  margin:0 auto 10px auto;
  width: 980px;
  border:2px solid #133a75;
}
.around_shop .txt {
  width: 100% !important;
}
.around_box .around_shop {
  width: 460px !important;
  float:left;
  clear: none !important;
  margin: 20px auto;
  border: none;
  border-left: 3px dotted #133a75;
  text-align: center;
}
.around_box .border_none {
  border:none;
  padding-top: 10px;
}
.around_shop .img01 img,
.around_shop_tit{
  display: none;
}
.around_shop dt {
font-size: 2.2em;
font-weight: bold;
background: url(../img/logo.gif) no-repeat scroll 37px 3px transparent;
background-size: 8%;
}
.around_shop dd.redBold {
font-size: 3em;
font-weight: bold;
color: #ff3e17;
line-height: 1em;
}
.around_box .title {
  font-size:1.8em;
  font-weight:bold;
  color: #fff;
  background: #133a75;
  text-align: center;
}
.around_shop .title2{
  background: #6facd5;
  font-size: 1.5em;
  color: #fff;
  font-weight: bold;
  width: 150px;
  margin: 0 auto 5px auto !important;
  text-align: center;
  border-radius: 15px;
}*/
.campaign {
  width: 920px;
  margin: 0 auto;
}
.campaign dt {
  font-size: 2em;
  font-weight:bold;
  color: #f00;
  /* padding: 0px 0px 5px 0px; */
}
.campaign dd {
  font-size:4em;
  font-weight:bold;
  color: #F7E713;
  background:#2da5f7;
  border-radius: 15px;
  text-align: center;
  padding: 10px 0px 0px;
}
.campaign dd .money {
  font-size: 1.7em;
  color: #f00;
  line-height: 0;
  text-shadow    : 
       3px  3px 1px #ffffff,
      -3px  3px 1px #ffffff,
       3px -3px 1px #ffffff,
      -3px -3px 1px #ffffff,
       3px  0px 1px #ffffff,
       0px  3px 1px #ffffff,
      -3px  0px 1px #ffffff,
       0px -3px 1px #ffffff;
}
.campaign dd .money2 {
  font-size:1.2em;
  color: #f00;
    text-shadow    : 
       3px  3px 1px #ffffff,
      -3px  3px 1px #ffffff,
       3px -3px 1px #ffffff,
      -3px -3px 1px #ffffff,
       3px  0px 1px #ffffff,
       0px  3px 1px #ffffff,
      -3px  0px 1px #ffffff,
       0px -3px 1px #ffffff; 
}
.campaign .txt{
    width: 95%;
    margin:2% auto;
    font-weight: bold;
    font-size: 1.5em;
}

.campaign .txt2{
    background: #f57a33;
    border-radius: 25px;
    padding: 1% 0;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 1.2em;
    /* width: 90%; */
    margin: 0 auto;
}
.campaign .txt3 {
  font-size:3em;
  font-weight:bold;
  color: #F7E713;
  background:#2da5f7;
  border-radius: 15px;
  text-align: center;
  width: 30%;
  margin: 2% auto 1% auto;
  float:left;
}
.campaign .txt4{
    width: 69%;
    margin: 0 auto;
  float:right;
}
.textBox{
    width: 90%;
    margin: 3% auto;
}
.area {
  margin: 0 auto;
  width: 950px;
}
/* 各種　物件リスト
---------------------------------------------- */
/* 物件グループ */
#AreaSchool .bukkenList .CatGroup:nth-child(n) h3 {
background-color:#1985d5;
}
#AreaSchool .bukkenList .CatGroup:nth-child(2n) h3 {
background-color:#109D3D;
}
#AreaSchool .bukkenList .CatGroup:nth-child(3n) h3 {
background-color:#F5A500;
}



/*
//////////////////////////////////////////////
Tabコンテンツ
////////////////////////////////////////////// */

/* Tabメニュー
---------------------------------------------- */
#AreaSchool .bukkenList ul.tab-area {
max-width:980px;
margin:0 auto;
background-color:#FFF;
box-shadow:0 0 8px rgba(50,50,50,0.1);
}
#AreaSchool .bukkenList ul.tab-area li.tab {
cursor: pointer;
box-sizing: border-box;
font-size:1.4em;
line-height:1.8em;
text-align:center;
font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", "Osaka-mono", "monospace";
color:#283972;
padding:0.8em;
padding-top:1.2em;
position:relative;
z-index:5;
}
@media screen and (max-width:767px){

	#AreaSchool .bukkenList ul.tab-area li.tab {
	font-size:1.2em;
	line-height:1.6em;
	}
}

#AreaSchool .bukkenList ul.tab-area li.tab.active {
box-shadow: -2px -1px 5px -3px rgb(0 0 0 / 80%),2px -1px 5px -3px rgb(0 0 0 / 80%);
color:#FFF;
background:#283972;
}
#AreaSchool .bukkenList ul.tab-area li.tab.active::after {
content:'';
display:block;
width:10px;
height:10px;
background-color:#283972;
position:absolute;
left:calc(50% - 5px); bottom:-5px;
transform: rotate(-45deg) skew(-5deg,-5deg);
z-index:-1;
}
#AreaSchool .bukkenList ul.tab-area li.tab b,
#AreaSchool .bukkenList ul.tab-area li.tab span {
display: block;
line-height:1.2em;
}
#AreaSchool .bukkenList ul.tab-area li.tab b {
font-size:160%;
line-height:1.2em;
font-weight:bold;
margin-bottom:0.3em;
}

/* Tabコンテンツ
---------------------------------------------- */
#AreaSchool .bukkenList .content-area {
max-width:980px;
margin:0 auto;
}
#AreaSchool .bukkenList .content-area .content {
display: none;
}
#AreaSchool .bukkenList .content-area .content.show {
margin-top: 40px;
display: block;
}
@media screen and (max-width:767px){

	#AreaSchool .bukkenList .content-area .content.show {
	margin-top: 20px;
	}
}
.nenkanBtn {
  position: relative;
}
.leaflet {
position: absolute;
top: 26%;
left: 3%;
width: 30%;
}
.area {
  width: 85%;
}
.area p {
  text-align: center;
}
.areaBox p {
  border-bottom:1px solid #555;
  border-radius: 12px 12px 0px 0px;
  border-top: 2px solid #555;
  border-left: 2px solid #555;
  border-right: 2px solid #555;
  text-align: center;
  font-size: 1.5em;
  font-weight: bold;
  background: #c9e4ff;
}
.area dl {
 border-right: 2px solid #555;
 border-left: 2px solid #555;
 border-bottom: 1px solid #555;
 font-size: 1.5em;
 text-align: center;
}
.area dt {
  width: 98.7%;
  font-weight: bold;
  padding: 5px;
  background: #fafbc3;
}
.area dd {
  width: 98%;
  margin: 10px;
}
.areaBox {
width: 800px;
margin: 10px auto;
border-bottom: 1px solid #555;
}
.titleNote { 
  font-size: 1.8em;
  margin-top: -18px;
}
.around_shop  dd.nearest_station {
    background: url(/files/img/common/icon_nearest_station_01.png) no-repeat scroll 87px 3px transparent;
}
.areaBox .note {
  font-size: 0.8em;
    color: #f00;
}


/* 物件追加
------------------------------- */
#anc_school1{
	margin:0 auto 30px;
	width: 1000px;
}

.school_sec .title_01:before {/*相模原*/
	/*background-image: url(../img/school_tit_bg1.jpg);*/
	background-image: url(/area/images/around_tit_bg.jpg);
}
.school_sec2 .title_01:before {/*白金*/
	background-image: url(../img/school_tit_bg2.jpg);
}
@media screen and (min-width: 768px) {


	#estate_list,
 #estate_list2{
		overflow: hidden;
	}
	#estate_list > div {
		float: left;
		width: 244px;/*3分割325px、4分割244px*/
		margin: 8px 8px 0 0;
	}
	#estate_list > div:nth-of-type(1n),
 #estate_list2 > div:nth-of-type(1n){
		margin-right: 0px;
	}
 #estate_list > div#toku3,
 #estate_list2 > div#toku3{
		float: left;
		width: /*325px*/49.2%;/*3分割325px、4分割244px*/
		margin: 8px 8px 0 0;
	}
	#estate_list > div#toku3:nth-child(1n),
 #estate_list2 > div#toku3:nth-child(1n){
		margin-left:0px !important;
	}
	.m_d{
		margin-right:0px !important;
	}

	#estate_list > div#toku3:nth-of-type(3n),
 #estate_list2 > div#toku3:nth-of-type(3n){
		margin-right: 0;
	}
 #estate_list2 > div {
		float: left;
		width: 244px;/*3分割325px、4分割244px*/
		margin: 8px 8px 0 0;
	}
	#estate_list .title,
 #estate_list2 .title{
		height: 45px;
	}
}
#estate_list > div#toku3,
#estate_list2 > div#toku3{
	border: 1px solid #ef3b54;/*特3_枠色1*/
}
#estate_list > div{
	border: 1px solid #00A0E9;/*枠色1*/
}
#estate_list2 > div{
	border: 1px solid #428B21;/*枠色2*/
}
#estate_list a,
#estate_list2 a{
	text-decoration: none;
}
#estate_list #toku3 .head,
#estate_list2 #toku3 .head{
	background-color: #ef3b54;/*特3_帯色*/
	color: #fff;
	padding: 10px 5px 5px;
}
#estate_list .head{
	background-color: #00A0E9;/*帯色1*/
	color: #fff;
	padding: 10px 5px 5px;
}
#estate_list2 .head{
	background-color: #428B21;/*帯色2*/
	color: #fff;
	padding: 10px 5px 5px;
}
#estate_list .head img,
#estate_list2 .head img{
	display: inline-block;
}
#estate_list .title,
#estate_list2 .title{
	margin-bottom: 10px;
}
#estate_list .title a,
#estate_list2 .title a{
	font-size: 16px;
	font-weight: bold;
	line-height: 1.1em;
	color: #fff;
}
#estate_list .title img,
#estate_list2 .title img{
	border: 1px solid #fff;
	border-radius: 2px;
}
#estate_list .title a:hover img,
#estate_list2 .title a:hover img{
	opacity: 1;
}
#estate_list .title a:hover,
#estate_list2 .title a:hover{
	opacity: 0.8;
}
#estate_list .tag,
#estate_list2 .tag{
	height: 25px;
}

#estate_list .tag img,
#estate_list2 .tag img{
	height: 100%;
	width: auto;
}
#estate_list .trim_gaikan_common,
#estate_list2 .trim_gaikan_common{
	position: relative;
	overflow: hidden;
	padding-top: 65%;
}
#estate_list .trim_gaikan_common img,
#estate_list2 .trim_gaikan_common img{
	width: auto;
	position: absolute;
}
#estate_list .trim_gaikan_common img,
#estate_list2 .trim_gaikan_common img{
	top: -30%;
	max-width: 100%;
}
/*カスタムトリミング用
#estate_list .trim_gaikan_common.custom_200663 img {
	width: 88%;
	left: 6%;
}
#estate_list .trim_gaikan_common.custom_11448 img {
	top: -35%;
}
#estate_list .trim_gaikan_common.custom_200723 img {
	width: 90%;
	top: -15%;
	left: 5%;
}*/
#estate_list .trim_gaikan_common span,
#estate_list2 .trim_gaikan_common span{
	display: block;
	width: 60px;
	height: 60px;
	box-sizing: border-box;
	padding: 18px 0 0 2px;
	text-align: center;
	color: #fff;
	font-size: 20px;
	border-radius: 10px;
	border: 2px solid #fff;
	letter-spacing: 2px;
	position: absolute;
	top: 10px;
	left: 10px;
}
#estate_list .coment,
#estate_list2 .coment{
	font-size: 12px;
	line-height: 1.3em;
	margin: 10px 0;
	font-weight: bold;
	color: #Bf01c7936;
	max-height: 75px;
	overflow: hidden;
}
#estate_list .information,
#estate_list2 .information{
	overflow: hidden;
	padding: 0 10px;
}
#estate_list .info_box,
#estate_list2 .info_box{
	margin-bottom: 5px;
}
#estate_list .info02,
#estate_list2 .info02{
	font-size: 12px;


}
#estate_list .information table,
#estate_list2 .information table{
	width: 100%;
}
#estate_list .info01 th,
#estate_list2 .info01 th{
	width: 15%;
	padding-right: 5%;
}
#estate_list .info01 th span{
	display: inline-block;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	-webkit-text-orientation: upright;
	text-orientation: upright;
	white-space: nowrap;
	background-color: #f8450b;
	border-radius: 5px;
	padding: 15px 0;
 margin-top: 0.2em;
	color: #fff;
}
#estate_list2 .info01 th span{
	display: inline-block;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	-webkit-text-orientation: upright;
	text-orientation: upright;
	white-space: nowrap;
	background-color: #f8450b;
	border-radius: 5px;
	padding: 15px 0;
 margin-top: 10px;
	color: #fff;
}
#estate_list .information .price,
#estate_list2 .information .price{
	font-size: 13px;
	line-height: 1.3em;
}
#estate_list .information .price i span,
#estate_list2 .information .price i span{
	font-size: 210%;
}
#estate_list .info01 td,
#estate_list2 .info01 td{
	padding: 0;
	border: none;
}
#estate_list .info02 th,
#estate_list2 .info02 th{
	width: 16%;
	font-weight: bold;
 line-height: 1.4em;
}
#estate_list .info02 td,
#estate_list2 .info02 td{
	width: 100%;
	padding: 5px 0;
	line-height: 1.3em;
	border: none;
}
#estate_list .bt_area,
#estate_list2 .bt_area{
	overflow: hidden;
	padding-bottom: 10px;
}
#estate_list .bt_area p,
#estate_list2 .bt_area p{
	float: left;
	width: 32%;
}
#estate_list .bt_area p a,
#estate_list2 .bt_area p a{
	display: block;
	margin: 0 5px;
	padding: 10px 5px;
	text-align: center;
	border-radius: 10px;
	font-size: 13px;
	color: #fff;
	position: relative;
	line-height:1.2em;
}
#estate_list .bt_area p a:hover,
#estate_list2 .bt_area p a:hover,
#estate_list p.tokusetsu a:hover,
#estate_list2 p.tokusetsu a:hover,
#estate_list #toku3 .bt_sho a:hover,
#estate_list2 #toku3 .bt_sho a:hover {
	border-bottom: none;
	border-top: 3px solid #fff;
}
#estate_list .bt_area p a:empty,
#estate_list2 .bt_area p a:empty{
	display:none!important;
}
/*枠内のボタン色*/
#estate_list #toku3 .bt_sho a,
#estate_list2 #toku3 .bt_sho a{
	/*border-bottom: 3px solid #801e2b;*/
	/*background-color: #ef3b54;*/
	/*text-shadow: 1px 1px 1px #801e2b,
	-1px 1px 1px #801e2b,
	1px -1px 1px #801e2b,
	-1px -1px 1px #801e2b;*/
}

#estate_list .bt_sho a{
	border-bottom: 3px solid #005176;
	background-color: #00a0e9;
 text-shadow: 1px 1px 1px #005176,
             -1px 1px 1px #005176,
             1px -1px 1px #005176,
             -1px -1px 1px #005176;
}
#estate_list .bt_seikyu a {
	border-bottom: 3px solid #836c00;
	background-color: #fdd000;
	color:#4c3f00!important;
	font-weight:700;
}

#estate_list2 .bt_sho a{
	border-bottom: 3px solid #23411b;
	background-color: #60b848;
  text-shadow: #549e3f 2px 0px, #549e3f -2px 0px, #549e3f 0px -2px, #549e3f 0px 2px, #549e3f 2px 2px , #549e3f -2px 2px, #549e3f 2px -2px, #549e3f -2px -2px, #549e3f 1px 2px, #549e3f -1px 2px, #549e3f 1px -2px, #549e3f -1px -2px, #549e3f 2px 1px, #549e3f -2px 1px, #549e3f 2px -1px, #549e3f -2px -1px;
}
#estate_list2 .bt_sho a:before {
	border: 2px solid #549e3f;
}
#estate_list2 .bt_sho a:after {
	border-left: 5px solid #60b848 !important;
}
#estate_list .bt_pano a,
#estate_list .bt_yt a,
#estate_list2 .bt_pano a,
#estate_list2 .bt_yt a{
	border-bottom: 3px solid #836c00;
	background-color: #fdd000;
	color:#4c3f00!important;
	font-weight:700;
}
#estate_list .tokusetsu a,
#estate_list2 .tokusetsu a{
 clear: both;
 text-align:center;
 padding: 0.2em 0;
 margin:0 5px 0.5em 5px;
 border-radius:8px;
 display: block;
	background-color: #fdd000;
	border-bottom: 3px solid #836c00;
	color:#4c3f00!important;
	font-weight:700;
}
#estate_list .off,
#estate_list2 .off{
 display: none!important;
}

.around_facility_access img {
    margin-right: 6px;
    vertical-align: middle;
    position: relative;
    top: -2px;
    display: inline-block;
}
.around_facility_access_01{    color: #00a2cd;
font-weight: bold;
font-size: 120%;}




/* section_01
------------------------------- */
.section_01 {
	/*margin-bottom: 80px;*/
}
.section_inner {
	width: 1000px;
	margin: 0 auto;
}
.sec_anc {
	padding-top: 0px;
}

@media screen and (max-width: 767px) {
.section_01 {
	/*margin-bottom: 60px;*/
}
.section_inner {
	width: auto;
	padding: 10px 0;
}
.sec_anc {
	padding-top: 30px;
}
}




/* 物件一覧
---------------------------------*/

/* 4カラム 通常 */
#estate_list > div {border-color:#ff932f;}
#estate_list > div .head {
	/*background:#ffebd9;*/
	background: linear-gradient(180deg, #ffebd9 0%, rgba(255,255,255,1) 100%);
}
#estate_list > div .head p.title a {
color:#333;
}


/*　物件表示　1カラム
----------------------------------------*/

#toku1 #estate_list  > div {
border: #fdec86 solid 4px;
width:99%;
}
#toku1 #estate_list > div .head {
background: #fdec86;
display:table;
width:100%;
}
#toku1 #estate_list > div .head .title,
#toku1 #estate_list > div .head .tag {
display:table-cell;
vertical-align: top;
padding:10px;
}
#toku1 #estate_list > div .head .tag {
text-align:right;
width:40%;
}
#toku1 #estate_list > div .head .tag img {
width:30px;
height:auto;
}
#toku1 #estate_list > div .head .title a {
text-decoration:none;
color:#483d07;
font-weight:bold;
font-size:1.2em;
}
#toku1 #estate_list > div .contents1 {
display:flex;
flex-wrap: nowrap;
justify-content: space-between;
}
#toku1 #estate_list > div .contents1 .trim_gaikan_common {
position: relative;
overflow: hidden;
width: 50%;
box-sizing: border-box;
height: 0;
padding-top: 320px!important;
margin:10px 30px;
}
#toku1 #estate_list > div .contents1 p img {
position:absolute;
top:-25%;
}
#toku1 #estate_list  > div .information {
overflow: hidden;
padding: 0 10px;
width: 50%;
}
@media screen and (min-width: 768px) {
	#estate_list #toku1 .head, #estate_list2 #toku1 .head {
		display: flex;
		justify-content: space-between;
	}
	#estate_list #toku1 .head p.title a {
    font-size: 20px;
}
}
@media screen and (max-width: 767px){
	#toku1 #estate_list > div .head,
	#toku1 #estate_list > div .head .title,
	#toku1 #estate_list > div .head .tag {
	display:block;
	width:100%;
	padding:0;
	text-align:left;
	}
	#toku1 #estate_list > div .contents1 {
	display:block;
	}
	#toku1 #estate_list > div .contents1 .trim_gaikan_common {
	width: 100%;
	margin:0;
	padding-top: 260px!important;
	}
	#toku1 #estate_list > div .contents1 p img {
	position:absolute;
	top:-15%;
	}
	#toku1 #estate_list  > div .information {
	padding: 0 10px;
	width: 100%;
	}
}

/* 2カラム */
#estate_list #toku2 .head,
#estate_list2 #toku2 .head {
/*background-color:#ff932f;*/
	background: linear-gradient(180deg, #ff932f 0%, rgba(255,255,255,1) 100%);
}
#estate_list #toku2 .head p.title a {
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
}
#estate_list #toku2 .head p.title b {
	color:#fff;
	font-size:1.2em;
	font-weight: bold;

}
#estate_list #toku2 .trim_gaikan_common {
position:relative;
}

@media screen and (min-width: 768px){
	#estate_list > div#toku2,
	#estate_list2 > div#toku2 {
	    width: 496px;
	    border: #ff932f solid 1px;
	    box-sizing: border-box;
	    margin: 0 0 20px;
	}
	#estate_list > div#toku2:nth-child(even),
	#estate_list2 > div#toku2:nth-child(even),
	#estate_list > div#toku2:nth-of-type(2n),
	#estate_list2 > div#toku3:nth-of-type(2n) {
	margin-left: 8px;
	}

}


/* 1・2カラム　物件アイコン　調整*/
#estate_list #toku1 .trim_gaikan_common::after, 
#estate_list #toku2 .trim_gaikan_common::after{
	content: '';
	display: block;
	width: 100%;
	height: 60px;
	position: absolute;
	right: 0px;
	bottom: 0px;
}
@media screen and (max-width: 768px){
#estate_list #toku1 .trim_gaikan_common::after, 
#estate_list #toku2 .trim_gaikan_common::after{
	content: '';
	display: block;
	width: 100%;
	height: 60px;
	position: absolute;
	right: 0;
	bottom: 0;
}
}
#estate_list #toku1 .trim_gaikan_common.custom_12338::after {
	background: url("../img/icon_tokuten01.png") no-repeat right bottom;
	background-size: contain;
}
#estate_list #toku2 .trim_gaikan_common.custom_1190::after {
	background: url("../img/icon_tokuten02.png") no-repeat right bottom;
	background-size: contain;
}
#estate_list #toku2 .trim_gaikan_common.custom_10712::after {
	background: url("../img/icon_tokuten02.png") no-repeat right bottom;
	background-size: contain;
}


/* btn_unit
------------------------------- */
.btn_unit {
	width: auto;
	padding: 0px 0px 7px;
	 margin: 25px auto 10px; 
	 border-left:none; 
	 border-right:none; 
	margin-left: 3%;
	margin-right: 3%;
}

.btn_unit a {
  display: block;
  text-decoration: none;
  font-size: 1em;
  font-weight: 700;
  /*letter-spacing: 0em;*/
  border-radius: 3px;
  padding: 5%;
  -webkit-box-shadow: 0 2px 6px rgb(5 5 5 / 30%);
  box-shadow: 0 2px 6px rgb(5 5 5 / 30%);
  position: relative;
  text-shadow: 2px 2px 1px #fff, -2px 2px 1px #fff, 2px -2px 1px #fff, -2px -2px 1px #fff;
}
/* .btn_unit li {
  float: left;
  width: 47%;
  margin-right: 3%;
  margin-top: 3%;
} */
.btn_unit .mail {
  background: #ec6d540d;
}
.btn_unit .mail a{
  background-image: url(../img/mail.gif);
  background-position: 6%;
  background-size: 10%;
  background-repeat: no-repeat;
}
.btn_unit .line {
  background: #f8fcd569;
}
.btn_unit .line a{
  background-image: url(../img/line.gif);
  background-position: 6%;
  background-size: 10%;
  background-repeat: no-repeat;
}
.btn_unit p.btn_unit_tit {
	font-size: 150%;
	font-weight: 900;
	margin: 0 0 10px 0;
	line-height: 1.1em;
	/* background-color: #565492; */
	color: #000;
	padding: 10px;
}
.btn_unit p.btn_unit_tit span {
	font-weight: 100!important;
	font-size: 70%;
}
.btn_unit div {
	width: 480px;
	margin: 0 0 5px 8px;
	float: left;
}
.btn_unit div.shinjuku {
	text-align: left!important;
}
.btn_unit div.shinjuku img {
	width: 120px;
	float: left;
	margin: 0 10px 0 0;
}
@media screen and (max-width: 767px) {
.btn_unit div.shinjuku img {
	width: 65%;
}
}

.btn_unit div.shinjuku p {
	float: left;
}
p.shinjuku_name {
	line-height: 1.5em;
	margin-bottom: 8px;
	background: url(/files/img/common/icon_logo_02.png) 0 0 no-repeat;
	padding: 0 0 0 30px;
	margin: 0.4em 0;
	font-weight: 700;
	font-size: 140%;
}
p.shinjuku_station {
	width: 340px;
	font-size: 100%;
	font-weight: 700;
	padding-left: 35px;
	min-height: 70px;
	height: auto !important;
	background: url(/files/img/common/icon_nearest_station_01.png) no-repeat scroll 0px 3px transparent;
	line-height: 1.4em;
	color: #F8450B;
}
p.shinjuku_txt {
	/*width: 340px;*/
	line-height: 1.4em;
}
.btn_unit li {
	width: 445px;/*475px*/
	display: inline-block;
	margin: 0 4px;
}
.btn_unit li.btn_unit_tit {
	width: 96%;
	display: block;
	margin: 0 auto;
	padding: 0 10px;
}
.btn_unit li.btn_unit_detail {
	clear: left;
}
.btn_unit li.btn_unit_detail a, .btn_unit li.btn_unit_reserve a {
	display: block;
	text-decoration: none;
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: .02em;
	border-radius: 3px;
	padding: 22px 0 24px 0;
	-webkit-box-shadow: 0 2px 6px rgba(5,5,5,.3);
	box-shadow: 0 2px 6px rgba(5,5,5,.3);
	position: relative;
}
.btn_unit_arrw {
	display: inline-block;
	vertical-align: middle;
	width: 22px;
	height: 22px;
	background: url(/area/images/ico_arrw_next_02.svg) no-repeat 50% 50%;
	margin: 0 10px 0 -2px;
	position: relative;
	top: -2px;
}
.btn_unit_reserve a {
	background: #ef3b54;
}
.btn_unit_reserve a:hover {
	background: #d1263f;
}
.btn_unit_detail {
	color: #ff3e17;
	font-weight: 900;
	font-size: 300%;
}
.btn_unit_detail img {
	vertical-align: middle;
	margin: 0 10px 0 0;
}

@media screen and (max-width: 767px) {
.btn_unit {
	width: auto;
	padding: 0px 0px 7px;
	/* margin: 25px auto 40px; */
	/* border-left:none; */
	/* border-right:none; */
	margin-left: 3%;
	margin-right: 3%;
}
.sp_inq{
	width:94%!important;
 }
}

.btn_unit.school_list {
	background: none;
	border: none;
	padding: 0;
}
.btn_unit.school_list li {
	margin-bottom: 10px;
}
.btn_unit.school_list li.btn_unit_reserve a {
	font-size: 20px;
	padding: 15px 10px;
}

/* flow_sec
------------------------------- */
.flow_sec .title_01:before {
	background-image: url(../img/flow_tit_bg.jpg);
}
/* flow_voice */
.flow_info {
	margin: 0 auto 3em auto;
}
.flow_voice {
	padding: 37px 10px 0 10px;
	position: relative;
	min-height: 201px;
	margin: -28px 0 3em 0;
}
.flow_voice_txt {
	border: 3px solid #ff932fb23;
	border-radius: 8px;
	padding: 2em 10px 1em 10px;
	position: relative;
}
.flow_voice_txt:after{
	content: '';
	display: inline-block;
	width: 18px;
	height: 28px;
	position: absolute;
	right: -18px;
	top: 103px;
	background: url(/area/images/furniture_voice_bg.png) no-repeat;
}
.flow_voice_tit {
	color: #fff;
	font-weight: 700;
	margin-bottom: 5px !important;
	font-size: 160%;
	padding: 0.1em 10px;
	background: #ff932fb23;
	position: absolute;
	left: 40%;
	top: -1em;
	letter-spacing: .1em;
	border-radius:4px;
}
.flow_voice_tit span{
	color: #b0dff8;
}
.flow_voice_txt p {
	margin-bottom: 12px;
}
.flow_voice_txt p.voice_theme {
	margin-right:130px;
}
.flow_voice_txt span.camptit{
	font-weight:900;
	border:1px solid #ff932fb23;
	padding:2px;
	border-radius:4px;
	background-color:#fdd000;
}
.flow_voice_txt p:last-child {
	margin-bottom: 0;
}
.flow_voice_img {
	position: absolute;
	right: 20px;
	top: 60px;
	width:200px;
}
.flow_voice_img_sp {
	display: none;
}
@media screen and (max-width: 767px) {
.flow_sec .title_01:before {
	background-image: url(../img/flow_tit_bg_sp.jpg);
}
.flow_sec .title_01 {
	padding-top: 100px;
}
.flow_sec .title_01:before {
	height: 120px;
}
.flow_voice {
	padding: 10px 0 0;
	margin: 0 0 2em 0;
	min-height: inherit;
	position: relative;
}
.flow_voice_tit{
	font-size: 120%;
	top:-1em;
	left:15%;
	margin:0 4%;
	border-radius: 4px;
	}
.flow_voice_txt{
	border-radius: 8px;
	padding:2em 4% 1em 4%;
	}
.flow_voice_txt:after{
	display: none;
	position: static;
}
.flow_voice_txt p.voice_theme{
	margin:0 0 0.8em 0;
}
.flow_voice_txt p.voice_theme_last{
	margin:0 0 2em 0;
}
flow_voice_bg.png  .flow_voice_txt p {
	margin-bottom: 5px;
}
.flow_voice_txt p:last-child {
	margin-bottom: 0;
}
.flow_voice_img{
	display: none;
}
.flow_voice_img_sp {
	display: block;
	width:50%;
	float: right;
}
}
/* flow_list */
.flow_list {
	clear: right;
	margin: 17px 0 40px;
	background-color: #fff;
	border:1px dotted #ff932fb23;
}
.flow_list > div {
	width: 476px;/*3bunkatsu 244px*/
	float: left;
	padding: 12px 20px 15px;
	margin: 0;
	border-right:1px dotted #ff932fb23;
	border-bottom:1px dotted #ff932fb23;
}
.flow_list > div:nth-child(4n+1) {
	clear: left;
	margin-left: 0;
}
.area_text {/*20171017 to add*/
	position: relative;
}
.flow_tit {
	min-height: 3.2em;
	margin-bottom: 8px;
}
.flow_tit > div {
	display: table;
	width: 100%;
}
.flow_ico {
	display: table-cell;
	vertical-align: middle;
	width: 44px;
}
.flow_name {
	display: table-cell;
	vertical-align: middle;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.375;
}
.flow_img {
	width:50%;
	margin: 0 5px 5px 0;
	float:left;
}
.flow_img img {
	display: inline-block;
}
.flow_txt {
	margin-bottom: 26px;/*20171017 to add*/
}

@media screen and (max-width: 767px) {
.flow_list {
	margin-top: 12px;
}
.flow_list > div {
	width: auto;
	float: none;
	margin: 0;
	padding: 0;
	border:none;
}
.flow_img {
	margin-bottom: 8px;
	width: 100%;
	float: none;
}
.flow_list .slick-slide {
	padding: 10px 15px 13px;
}
}

/* info_sec
------------------------------- */
.info_sec .title_01:before {
	background-image: url(/area/images/service_tit_bg.jpg);
}
/* info_tbl */
.info_tbl {
	margin-bottom: 35px;
}
.info_tbl table {
	width: 100%;
}
.info_tbl th, .info_tbl td {
	border-top: 1px solid #e4e0d9;
	border-bottom: 1px solid #e4e0d9;
	padding: 10px 20px;
	vertical-align: top;
}
.info_tbl th {
	border-right: 1px solid #e4e0d9;
	font-weight: 700;
	background: #f7f5f2;
}
.info_tbl colgroup col:nth-child(1), .info_tbl colgroup col:nth-child(3) {
	width: 10em;
}

@media screen and (max-width: 767px) {
.info_sec .title_01:before {
	background-image: url(/area/images/service_tit_bg_sp.jpg);
}
.info_tbl_sp {
	font-size: 12px;
}
.info_tbl_sp colgroup col:nth-child(1),  .info_tbl_sp colgroup col:nth-child(3) {
	width: 6em;
}
.info_tbl_sp th,  .info_tbl_sp td {
	padding: 5px 10px;
}
.info_tbl_sp th {
	font-weight: 400;
}
#info_tab li {
	display: inline-block;
	border: 1px solid #ddd;
	list-style: none;
	margin-right: 4px;
}
#info_tab li a {
	display: inline-block;
	padding: 5px 20px 6px;
	color: #333;
	text-decoration: none;
	font-size: 14px;
	font-weight: 700;
	position: relative;
}
#info_tab li.active a:after {
	content: '';
	width: 21px;
	height: 9px;
	display: inline-block;
	position: absolute;
	bottom: -9px;
	left: 50%;
	margin-left: -10px;
	background: url(../img/slider_02_nav_bg.png) no-repeat;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
#info_tab li.active {
	border-color: #f3a9a7;
}
#info_tab li.active a {
	color: #f3a9a7;
}
#info_tabContent {
	margin-top: 8px;
}
}
/* info_facility_list */
.info_facility_list {
	margin-right: -8px;
	margin-bottom: 30px;
}
.info_facility_list a {
	color: #333;
	text-decoration: none;
}
.info_facility_list > div {
	border-width: 1px;
	border-style: solid;
	padding: 10px 20px 20px;
	width: 496px;/*original 244px*/
	float: left;
	margin: 0 8px 8px 0;
	border-color: #fd4016;
}
.info_facility_list > div img {
	width: 50%;
	float: right;
	margin: 0 0 5px 5px;
}
.info_facility_list > div.cl_l {
	clear: left;
}
.info_facility_list > div.info_facility_list_col2 {
	width: 496px;
}
.info_facility_list_tit {
	font-size: 16px;
	font-weight: 700;
	line-height: 1.375;
	position: relative;
	min-height: 40px;
	margin-bottom: 10px;
	display: table;
}
.info_facility_list_tit > span {
	display: table-cell;
	vertical-align: middle;
}
.info_facility_list_txt {
	font-size: 13px;
}
.info_facility_list_ico {
	padding-right: 10px;
	color: #fff;
}
.info_facility_list_ico > span {
	width: 50px;
	height: 50px;
	/*line-height: 40px;*/
	display: inline-block;
	border-radius: 20%;
	text-align: center;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.info_facility_list_01 .info_facility_list_ico > span {
	background: #fd4016;
	line-height: 1.2em;
	font-size: 78%;
	padding-top: 1em;
	font-weight: normal;
}
.info_facility_list_img {
	text-align: center;
	margin-bottom: 13px;
}

@media screen and (max-width: 767px) {
.info_facility_list {
	margin: 0 0 20px;
}
.info_facility_list > div.info_facility_list_col2 {
	width: auto;
}
.info_facility_list > div {
	width: auto;
	float: none;
	margin: 0;
	padding: 0;
	border: none;
}
.info_facility_list > div img {
	width: 100%;
	float: none;
}
.info_facility_list .slick-slide {
	padding: 10px 20px 20px;
	border: 1px solid #f6d3d3;
}
}

/* school_sec
------------------------------- */
.school_sec .title_01:before {/*相模原*/
	/*background-image: url(../img/school_tit_bg1.jpg);*/
	background-image: url(/area/images/around_tit_bg.jpg);
}
.school_sec2 .title_01:before {/*白金*/
	background-image: url(../img/school_tit_bg2.jpg);
}
@media screen and (min-width: 768px) {
	#estate_list,
 #estate_list2{
	overflow: hidden;
	 display: flex;
    flex-wrap: wrap;
	justify-content: flex-start;
	}
	#estate_list > div {
		float: left;
		width: 244px;/*2分割496px（toku2で設定可能：3分割の場合nth-of-type(2n)も3に） 3分割328px、4分割244px*/
		margin: 8px 8px 0 0;

	}
	#estate_list > div:nth-of-type(4n),
 #estate_list2 > div:nth-of-type(4n){
		margin-right: 0px;
	}
	#estate_list > div:last-child,
#estate_list2 > div:last-child {
    margin-right: -16px;
	}
	
 #estate_list > div#toku2,
 #estate_list2 > div#toku2{
		float: left;
		width: 496px;/*3分割325px、4分割244px*/
		margin: 8px 0px 0 0;
	}
	#estate_list > div#toku2:nth-of-type(3n),
 #estate_list2 > div#toku2:nth-of-type(3n){
		margin-right: 0;
	}
	
		/*3カラム*/
	 #estate_list > div#toku3,
 #estate_list2 > div#toku3{
		float: left;
		width: 325px;/*3分割325px、4分割244px*/
		margin: 8px 8px 0 0;

	}
	#estate_list > div#toku3:nth-of-type(3n),
 #estate_list2 > div#toku3:nth-of-type(3n){
		margin-right: 0;
	}
#estate_list > div#toku1,
 #estate_list2 > div#toku1{
		float: left;
		width: 100%;/*3分割325px、4分割244px*/
	    margin: 8px 0px 0 0;

	}
	#estate_list > div#toku1:nth-of-type(3n),
 #estate_list2 > div#toku1:nth-of-type(3n){
		margin-right: 0;
	}	
	
	
	
	
 #estate_list2 > div {
		float: left;
		width: 244px;/*3分割325px、4分割244px*/
	    margin: 8px 0px 0 0;
	}
	#estate_list .title,
 #estate_list2 .title{
		height: 45px;
	}
}
#estate_list > div#toku2,
#estate_list2 > div#toku2{
	/* border: 1px solid #ef3b54; *//*特3_枠色1*/
}
#estate_list > div{
	border: 1px solid #ff932f;/*枠色1*/
}
#estate_list2 > div{
	border: 1px solid #428B21;/*枠色2*/
}
#estate_list a,
#estate_list2 a{
	text-decoration: none;
}
#estate_list #toku2 .head,
#estate_list2 #toku2 .head{
	/*background-color: #ef3b54;*//*特3_帯色*/
	color: #fff;

	padding: 10px 5px 5px;
}
#estate_list .head{
	background-color: #00A0E9;/*帯色1*/
	color: #fff;
	padding: 10px 5px 5px;
}
#estate_list .head li{
    list-style: none;

}
#estate_list .catList {
    margin-bottom: 13px;
    display: flex;
    position: relative;
    z-index: 10;
}
#estate_list .catList img{
    width: 24px;
}
#estate_list2 .head{
	background-color: #428B21;/*帯色2*/
	color: #fff;
	padding: 10px 5px 5px;
}
#estate_list .head img,
#estate_list2 .head img{
	display: inline-block;
    height: 30px;
}
#estate_list .title,
#estate_list2 .title{
	margin-bottom: 10px;
}
#estate_list .title a,
#estate_list2 .title a{
	font-size: 13px;
	font-weight: bold;
	line-height: 1.1em;
	color: #fff;
}
#estate_list .title img,
#estate_list2 .title img{
	border: 1px solid #fff;
	border-radius: 2px;
    width: 40px;
    height: auto;
    
}
#estate_list .title a:hover img,
#estate_list2 .title a:hover img{
	opacity: 1;
}
#estate_list .title a:hover,
#estate_list2 .title a:hover{
	opacity: 0.8;
}
#estate_list .tag,
#estate_list2 .tag{
	height: 25px;
}
@media screen and (max-width: 767px) {
	#estate_list .tag,
 #estate_list2 .tag{
		height: 35px;
	}
}
#estate_list .tag img,
#estate_list2 .tag img{
/*
	height: 100%;
	width: auto;
*/
    width: 20px;
    height: auto;
    margin-right: 5px;
}
#estate_list .trim_gaikan_common,
#estate_list2 .trim_gaikan_common{
	position: relative;
	overflow: hidden;
	padding-top: 65%;
}
#estate_list > div#toku1 .trim_gaikan_common,
#estate_list2 > div#toku1 .trim_gaikan_common{
	position: relative;
    overflow: hidden;
    padding-top: 0%!important;
    width: 45%;
    height: 280px;
    margin: 15px 35px;
}
#estate_list > div#toku1 .contents1,
#estate_list2 > div#toku1 .contents1{
	display: flex;
	padding: 2% 0%;
}

#estate_list .trim_gaikan_common img,
#estate_list2 .trim_gaikan_common img{
	width: auto;
	position: absolute;
}
#estate_list .trim_gaikan_common img,
#estate_list2 .trim_gaikan_common img{
	top: -26%;
}
/*カスタムトリミング用
#estate_list .trim_gaikan_common.custom_200663 img {
	width: 88%;
	left: 6%;
}
#estate_list .trim_gaikan_common.custom_11448 img {
	top: -35%;
}
#estate_list .trim_gaikan_common.custom_200723 img {
	width: 90%;
	top: -15%;
	left: 5%;
}*/
#estate_list .trim_gaikan_common span,
#estate_list2 .trim_gaikan_common span{
	display: block;
	width: 60px;
	height: 60px;
	box-sizing: border-box;
	padding: 18px 0 0 2px;
	text-align: center;
	color: #fff;
	font-size: 20px;
	border-radius: 10px;
	border: 2px solid #fff;
	letter-spacing: 2px;
	position: absolute;
	top: 10px;

	left: 10px;
}
#estate_list .coment,
#estate_list2 .coment{
	font-size: 12px;
	line-height: 1.3em;
	margin: 10px 0;
	font-weight: bold;
	color: #Bff932f36;
	max-height: 75px;
	overflow: hidden;
}
#estate_list .information,
#estate_list2 .information{
	overflow: hidden;
	padding: 0 10px;
}


#estate_list > div#toku1 .information,
#estate_list2 > div#toku1 .information{
	overflow: hidden;
	padding: 0 10px;
	width: 50%;
}
#estate_list .info_box,
#estate_list2 .info_box{
	margin-bottom: 5px;
}
#estate_list .info02,
#estate_list2 .info02{
	font-size: 12px;
}
#estate_list .information table,
#estate_list2 .information table{
	width: 100%;
}
#estate_list .info01 th,
#estate_list2 .info01 th{
	width: 15%;
	padding-right: 5%;
}
#estate_list .info01 th span{
	display: inline-block;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    -webkit-text-orientation: upright;
    text-orientation: upright;
    white-space: nowrap;
    background-color: #f8450b;
    border-radius: 5px;
    padding: 7px 7px;
    margin-top: 0.2em;
    color: #fff;
    line-height: 1.1em;
    text-align: center;
}
#estate_list2 .info01 th span{
	display: inline-block;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	-webkit-text-orientation: upright;
	text-orientation: upright;
	white-space: nowrap;
	background-color: #f8450b;
	border-radius: 5px;
	padding: 15px 0;
 margin-top: 10px;
	color: #fff;
}
#estate_list .information .price,
#estate_list2 .information .price{
	font-size: 13px;
	line-height: 1.3em;
}
#estate_list .information .price i span,
#estate_list2 .information .price i span{
	font-size: 210%;
}
#estate_list .info01 td,
#estate_list2 .info01 td{
	padding: 0;
	border: none;
}
#estate_list .info02 th,
#estate_list2 .info02 th{
	width: 30%;
	font-weight: bold;
 	line-height: 1.4em;
}
#estate_list .info02 td,
#estate_list2 .info02 td{
	width: 100%;
	padding: 5px 0;
	line-height: 1.3em;
	border: none;
}
#estate_list .bt_area,
#estate_list2 .bt_area{
	overflow: hidden;
	padding-bottom: 10px;
}
#estate_list .bt_area p,
#estate_list2 .bt_area p{
	float: left;
	width: 25%;
}
#estate_list .bt_area p a,
#estate_list2 .bt_area p a{
	display: block;
    margin: 0px 2px;
    padding: 5px 1px;
    text-align: center;
    border-radius: 10px;
    font-size: 10px;
    color: #fff;
    position: relative;
    line-height: 1.2em;
}
#estate_list .bt_area p a:hover,
#estate_list2 .bt_area p a:hover,
#estate_list p.tokusetsu a:hover,
#estate_list2 p.tokusetsu a:hover,
#estate_list #toku2 .bt_sho a:hover,
#estate_list2 #toku2 .bt_sho a:hover {
	border-bottom: none;
	border-top: 3px solid #fff;
}
#estate_list .bt_area p a:hover,
#estate_list2 .bt_area p a:hover,
#estate_list p.tokusetsu a:hover,
#estate_list2 p.tokusetsu a:hover,
#estate_list #toku1 .bt_sho a:hover,
#estate_list2 #toku1 .bt_sho a:hover {
	border-bottom: none;
	border-top: 3px solid #fff;
}
#estate_list .bt_area p a:empty,
#estate_list2 .bt_area p a:empty{
	display:none!important;
}
/*枠内のボタン色*/
#estate_list #toku2 .bt_sho a,
#estate_list2 #toku2 .bt_sho a{
	border-bottom: 3px solid #801e2b;
	background-color: #ef3b54;
	text-shadow: 1px 1px 1px #801e2b,
	-1px 1px 1px #801e2b,
	1px -1px 1px #801e2b,
	-1px -1px 1px #801e2b;
}
#estate_list #toku1 .bt_sho a,
#estate_list2 #toku1 .bt_sho a{
	border-bottom: 3px solid #801e2b;
	background-color: #ef3b54;
	text-shadow: 1px 1px 1px #801e2b,
	-1px 1px 1px #801e2b,
	1px -1px 1px #801e2b,
	-1px -1px 1px #801e2b;
}

#estate_list .bt_sho a{
	border-bottom: 3px solid #005176;
	background-color: #00a0e9;
 text-shadow: 1px 1px 1px #005176,
             -1px 1px 1px #005176,
             1px -1px 1px #005176,
             -1px -1px 1px #005176;
}
#estate_list .bt_seikyu a {
	border-bottom: 3px solid #836c00;
	background-color: #fdd000;
	color:#4c3f00!important;
	font-weight:700;
}

#estate_list2 .bt_sho a{
	border-bottom: 3px solid #23411b;
	background-color: #60b848;
  text-shadow: #549e3f 2px 0px, #549e3f -2px 0px, #549e3f 0px -2px, #549e3f 0px 2px, #549e3f 2px 2px , #549e3f -2px 2px, #549e3f 2px -2px, #549e3f -2px -2px, #549e3f 1px 2px, #549e3f -1px 2px, #549e3f 1px -2px, #549e3f -1px -2px, #549e3f 2px 1px, #549e3f -2px 1px, #549e3f 2px -1px, #549e3f -2px -1px;
}
#estate_list2 .bt_sho a:before {
	border: 2px solid #549e3f;
}
#estate_list2 .bt_sho a:after {
	border-left: 5px solid #60b848 !important;
}
#estate_list .bt_pano a,
#estate_list .bt_yt a,
#estate_list2 .bt_pano a,
#estate_list2 .bt_yt a{
	border-bottom: 3px solid #836c00;
	background-color: #fdd000;
	color:#4c3f00!important;
	font-weight:700;
}
#estate_list .tokusetsu a,
#estate_list2 .tokusetsu a{
 clear: both;
 text-align:center;
 padding: 0.2em 0;
 margin:0 5px 0.5em 5px;
 border-radius:8px;
 display: block;
	background-color: #fdd000;
	border-bottom: 3px solid #836c00;
	color:#4c3f00!important;
	font-weight:700;
}
#estate_list .off,
#estate_list2 .off{
 display: none!important;
}

/* furniture_sec
------------------------------- */
.furniture_sec .title_01:before {
	background-image: url(/area/images/furniture_tit_bg.jpg);
}
/* furniture_voice */
.furniture_info {/*20171019 to add*/
	margin: 0 auto 3em auto;
}
.furniture_voice {
	padding: 37px 288px 0 80px;
	position: relative;
	min-height: 201px;
	margin: -28px 0 30px;
}
.furniture_voice_txt {
	border: 1px solid #d8ccba;
	border-radius: 8px;
	padding: 20px 30px;
	position: relative;
}
.furniture_voice_txt:after {
	content: '';
	display: inline-block;
	width: 18px;
	height: 28px;
	position: absolute;
	right: -18px;
	top: 103px;
	background: url(/area/images/furniture_voice_bg.png) no-repeat;
}
.furniture_voice_tit {
	color: #493a23;
	font-weight: 700;
	margin-bottom: 5px !important;
	font-size: 16px;
	padding: 0 15px 0 10px;
	background: #fff;
	position: absolute;
	left: 20px;
	top: -1em;
	letter-spacing: .1em;
}
.furniture_voice_txt p {
	margin-bottom: 12px;
}
.furniture_voice_txt p:last-child {
	margin-bottom: 0;
}
.furniture_voice_img {
	position: absolute;
	right: 115px;
	bottom: 0;
}
.furniture_voice_img_sp {
	display: none;
}

@media screen and (max-width: 767px) {
.furniture_sec .title_01:before {
	background-image: url(/area/images/furniture_tit_bg_sp.jpg);
}
.furniture_voice {
	padding: 10px 0 0;
	margin: 0 0 15px;
	min-height: inherit;
}
.furniture_voice_tit {
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
.furniture_voice_txt {
	border-radius: 8px;
	padding: 12px 15px 15px;
}
.furniture_voice_txt:after {
	display: none;
	position: static;
}
furniture_voice_bg.png  .furniture_voice_txt p {
	margin-bottom: 5px;
}
.furniture_voice_txt p:last-child {
	margin-bottom: 0;
}
.furniture_voice_img {
	display: none;
}
.furniture_voice_img_sp {
	display: block;
	float: right;
	margin: 5px 0 2px 2px;
}
}
/* furniture_point */
.furniture_point {
	margin-bottom: 4em;
}
.furniture_point > li {
	float: left;
	border: 1px dashed #000;
	padding: 16px 10px 13px 15px;
	font-weight: 700;
	color: #000;
	margin-right: 10px;
	letter-spacing: .03em;
	line-height: 1.5;
	position: relative;
}
.furniture_point > li:last-child {
	margin-right: 0;
}
.furniture_point > li span {
	color: #fd4016;
	font-size: 16px;
}
.furniture_point i {
	font-style: normal;
	display: inline-block;
	background: #fd4016;
	color: #fff;
	border-radius: 3px;
	padding: 1px 10px;
	font-family: 'arial', serif;
	letter-spacing: .05em;
	position: absolute;
	top: -12px;
	left: 10px;
	text-transform: uppercase;
}

@media screen and (max-width: 767px) {
.furniture_point {
	padding-top: 10px;
	margin-bottom: 15px;
}
.furniture_point > li {
	float: none;
	padding: 12px 10px 10px;
	margin: 0 0 20px;
}
.furniture_point > li:last-child {
	margin-bottom: 0;
}
.furniture_point > li span {
	font-size: 15px;
}
}
/* furniture_set */
.furniture_set {
	margin: 35px 0 1em 0;
}
.furniture_set > div {
	padding: 32px 15px 15px 15px;
	position: relative;
	width: 292px;
	float: left;
	margin-left: 62px;/*text-align: center;*/
}
.furniture_set > div.f_first {
	border: 4px solid #565492;
}
.furniture_set > div.f_second {
	border: 4px solid #428B21;
}
.furniture_set > div.f_third {
	border: 4px solid #F272AD;
}
.furniture_set > div img {
	width: 100px;
	float: right;
	margin: 0 0 0 10px;
}
.furniture_set > div:first-child {
	margin-left: 0;
}
.furniture_set_plus {
	content: '';
	width: 34px;
	height: 34px;
	display: inline-block;
	position: absolute;
	right: -48px;
	top: 50%;
	margin-top: -17px;
	background-image: url(../img/or.gif);
	background-repeat: no-repeat;
}
.furniture_set_tit {
	background: #ff932f;/*theme color*/
	color: #fff;
	font-weight: 700;
	padding: 5px 15px;
	position: absolute;
	left: -1px;
	top: -1px;
}
.furniture_set_tit1 {
	background: #565492;
	color: #fff;
	font-weight: 700;
	padding: 5px 15px;
	position: absolute;
	left: -1px;
	top: -1px;
}
.furniture_set_tit2 {
	background: #428B21;
	color: #fff;
	font-weight: 700;
	padding: 5px 15px;
	position: absolute;
	left: -1px;
	top: -1px;
}
.furniture_set_tit3 {
	background: #F272AD;
	color: #fff;
	font-weight: 700;
	padding: 5px 15px;
	position: absolute;
	left: -1px;
	top: -1px;
}
.furniture_set_txt {
	font-size: 13px;
	line-height: 1.6923;
	margin-top: 2em;
}

@media screen and (max-width: 767px) {
.furniture_set {
	margin-top: 20px;
}
.furniture_set > div {
	width: auto;
	float: none;
	margin: 0;
	padding: 0;
	border: 1px solid #333;
}
.furniture_set > div:first-child {
	margin-top: 0;
}
.furniture_set .slick-slide {
	padding: 15px 30px;
	position: relative;
}
.furniture_set > div img {
	display: block;
	width: 30%;
	margin: 2em 0 0 0;
}
.furniture_set_plus {
	display: none;
}
.furniture_set_tit {
	top: 0;
	left: 0;
}
}


/* service_sec
------------------------------- */
.service_sec .title_01:before {
	background-image: url(/area/images/info_tit_bg.jpg);
}
.service_list {
	margin-right: -8px;
	margin-bottom: 30px;
}
.service_list > div {
	border-width: 1px;
	border-style: solid;
	width: 244px;
	float: left;
	margin: 0 8px 8px 0;
}
.service_list > div.cl_l {
	clear: left;
}
.service_list > div.service_list_col2 {
	width: 496px;
}
.service_list_inner {
	display: block;
	padding: 10px 20px 20px;
}
a.service_list_inner:hover {
	opacity: .7;
}
.service_list a {
	color: #333;
	text-decoration: none;
}
.service_list_tit {
	font-size: 16px;
	font-weight: 700;
	line-height: 1.375;
	position: relative;
	min-height: 40px;
	margin-bottom: 10px;
	display: table;
}
.service_list_tit > span {
	display: table-cell;
	vertical-align: middle;
}
.service_list_txt {
	font-size: 13px;
}
.service_list_btn {
	text-align: center;
	margin: 10px auto;
	max-width: 300px;
}
.service_list_btn span {
	display: block;
	padding: 8px 25px 9px;
	line-height: 1;
	margin: 0 10px;
	background: #fd4016;
	color: #fff;
	border-radius: 3px;
	clear: both;
}
.service_list_btn img {
	vertical-align: middle;
	margin-left: 5px;
	display: inline-block;
	float: none!important;
	width: 1.2em!important;
}
.service_list_ico {
	padding-right: 10px;
}
.service_list_ico > span {
	width: 40px;
	height: 40px;
	display: inline-block;
	border-radius: 100%;
	text-align: center;
}
.service_list_anshin {
	border-color: #00A0E9 !important;
}
.service_list_anshin .service_list_ico > span, .service_list_anshin .service_list_btn span {
	background: #00A0E9;
}
.service_list_tyumoku {
	border-color: #fd4016 !important;
}
.service_list_tyumoku .service_list_ico > span, .service_list_tyumoku .service_list_btn span {
	background: #f39801;
}
.service_list_kaiteki {
	border-color: #428B21 !important;
}
.service_list_kaiteki .service_list_ico > span, .service_list_kaiteki .service_list_btn span {
	background: #428B21;
}
.service_list_img {
	text-align: center;
	margin-bottom: 13px;
}
.service_list_img img {
	display: inline-block;
}

@media screen and (max-width: 767px) {
.service_sec .title_01:before {
	background-image: url(/area/images/info_tit_bg_sp.jpg);
}
.service_list {
	margin: 0 0 20px;
}
.service_list > div.service_list_col2 {
	width: auto;
}
.service_list > div {
	width: auto;
	float: none;
	margin: 0;
	padding: 0;
}
a.service_list_inner:hover {
	opacity: 1;
}
.service_list_btn img {
	position: relative;
	top: -1px;
}
}

/* around_map */
.around_map {
	margin: 30px 0 20px;
}
.around_map_iframe {
	height: 450px;
}
.around_map_iframe iframe {
	border: none;
	display: block;
}
.around_map_more {
	text-align: right;
	margin-top: 40px;
}
.around_map_more a {
	color: #000;
}
.around_map_more img {
	vertical-align: middle;
	margin-right: 6px;
	position: relative;
	top: -2px;
}

@media screen and (max-width: 767px) {
.around_map {
	margin: 15px 0 10px;
}
.around_map_iframe {
	height: 350px;
}
.around_map_iframe iframe {
	width: 100%;
	height: 350px;
}
.around_map_more {
	text-align: left;
	position: relative;
	padding-left: 17px;
	font-size: 12px;
	margin-top: 10px;
}
.around_map_more img {
	position: absolute;
	left: 0;
	top: 3px;
	width: 13px;
}
}

/* around_facility */
.around_facility_access{
	font-size:80%;
	font-weight:700;
	padding:0 2%
}
.off{

 display: none!important;
}
.around_facility_access img{
 margin-right: 6px;
 vertical-align: middle;
 display: inline-block;
}
.around_facility_access_01 img {
  margin-right: 6px;
  vertical-align: middle;
  display: inline-block;
  width:15px;
}
.around_facility_access_02 img,
.around_facility_access_03 img,
.around_facility_access_04 img,
.around_facility_access_05 img {
  margin-right: 6px;
  vertical-align: middle;
  display: inline-block;
  width:26px;
}
.around_facility_access_01 {
  color: #02a9d6;
}
.around_facility_access_02 {
  color: #3fb28b;
}
.around_facility_access_03 {
  color: #ec9607;
}
.around_facility_access_04 {
  color: #e67155;
}
.around_facility_access_05 {
  color: #aa89bd;
}

.access_digital,
.access_digital2,
.access_digital3,
.access_digital4,
.access_digital5{
	color: #333;
}

@media screen and (max-width: 767px) {
	.around_facility_access {
		font-size: 13px;
	}
}

/* around_shop */
.around_shop {
	border: 3px solid #ff7b00;
	background-color: #fff;
	border-radius: 3px;
	padding: 30px 30px 15px;
	position: relative;
	max-width: 1000px;/*20171113 oiwa to add 2line*/
	margin: 0 auto 1em auto;
}
.around_shop a {
	color: #333;
}
.around_shop_tit {
	position: absolute;
	top: -1em;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	padding: 0 25px;
	font-size: 18px;
	font-weight: 700;
	color: #e36d00;
	background: #fff;
	letter-spacing: .03em;
	white-space: nowrap;
}
.around_shop div.mainstore_wrap {/*20171113 oiwa to add 1class*/
	max-width: 1000px;
	margin: 0 auto;
}
@media screen and (min-width: 767px) {

.around_shop .img01 {
	float: left;
	margin: 0;
	overflow: hidden;
	width: 50%;
}
}

.around_shop .img01 {
	float: left;
	margin: 0;
	overflow: hidden;
}
.around_shop .img01 img {
	margin-right: 10px;
	float: left;
}
.around_shop .txt {
	overflow: hidden;
	padding-bottom: 5px;
}
.around_shop .txt .name a {
	font-size: 140%;
	font-weight: 700;
	line-height: 2.2;
	margin-bottom: 8px;
	background: url(/files/img/common/icon_logo_01.png) 0 5px no-repeat;
	padding: 10px 0px 8px 40px;
}
.nearest_station {
	padding-top: 5px;
	min-height: 31px;
	height: auto !important;
	background: url(/files/img/common/icon_nearest_station_01.png) no-repeat scroll 0px 3px transparent;
	line-height: 1.4em;
	font-family: "メイリオ", Arial, Helvetica, sans-serif;
	font-size: 140%;
	font-weight: 700;
	color: #f14f43;
	padding-left: 35px;
}
.around_shop .address {
	margin-bottom: 10px;
	color: #666;
}
.around_shop .tel {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	font-family: 'arial', serif;
	font-size: 42px;
	font-weight: 700;
	line-height: 1;
	color: #ff3e17;
	margin-bottom: 5px;
}
.around_shop .tel a {
	color: #ff3e17;
}
.around_shop .tel:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 46px;
	height: 34px;
	background: url(/area/images/ico_tel.png) no-repeat;
	-webkit-background-size: 46px auto;
	background-size: 46px auto;
	margin-right: 10px;
	position: relative;
	top: -2px;
}
.around_shop .btn {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 5px;
}
.around_shop .co {
	padding-left: 3em;
}

@media screen and (max-width: 767px) {
.around_shop {
	padding: 20px 15px;
}
.around_shop_tit {
	font-size: 16px;
	padding: 0 15px;
	top: -.9em;
}
.around_shop .img01 {
	float: none;
	margin: 0 0 0.5em 0;
	text-align: center;
}
.around_shop .img01 img{
	width:48%;
	margin:0 1% 0 0;
	float:left;
}
.around_shop .img01 > p {
	float: none !important;
}
.around_shop .txt {
	overflow: visible;
	clear: left;
}
.around_shop .txt .name {
	margin-bottom: 5px;
}
.around_shop .address {
	margin-bottom: 15px;
}
.around_shop .tel {
	display: table-footer-group;
	text-align: center;
	font-size: 31px;
	text-decoration: underline;
}
.around_shop .btn {
	display: table-header-group;
}
.around_shop .btn a {
	display: block;
	margin-bottom: 19px;
}
}

/* yakan */
#yakan {
	text-align: center;
}
#yakan img {
	margin-top: 40px;
}

@media screen and (max-width: 767px) {
#yakan img {
	margin-top: 30px;
}
}


/* yakan */
#yakan {
	text-align: center;
}
#yakan img {
	margin-top: 40px;
}

@media screen and (max-width: 767px) {
#yakan img {
	margin-top: 30px;
}
}

/* ----------------------------------------

footer

---------------------------------------- */
#footer {
	position: relative;
	background: #f7f5f2;
}
#footer a {
	color: #333;
}
#footer #info {
	width: 1000px;
	margin: 0 auto;
	padding-top: 35px;
}
#footer #day {
	width: 1000px;
	margin: 0px auto 0;
	padding: 10px 0;
	text-align:center;
	color: #999;
}
#link_copyright {
	background: #262626;
	text-align: center;
	padding: 25px 0 30px;
	color: #ccc;
}
#link_copyright a {
	color: #ccc;
	display: inline-block;
	margin: 0 5px;
}
#copyright_other {
	margin-top: 15px;
	color: #999;
	font-size: 13px;
}

@media screen and (max-width: 767px) {
#footer {
	margin-top: 92px;
	font-size: 13px;
}
#footer #info {
	width: auto;
	padding: 20px 15px 0;
}
#footer #day {
	width: auto;
	margin-top: 10px;
	padding: 1em 0;
}
#link_copyright {
	padding: 15px 10px 70px;
	text-align: left;
	line-height: 2.4;
}
#copyright_other {
	margin-top: 5px;
	line-height: 1.5;
}
}

/* Chushaku 20171025_oiwa to add
------------------------------- */
p.chushaku {
	display: block;
	margin: 0 auto 3em auto;
	padding: 0;
	font-size: 90%;
	line-height: 1.5em;
}
.red {
	color: #e73533;
	font-size: 20px;
	font-weight: bold;
}
@media screen and (max-width: 768px) {
.red {
	font-size: 16px;
}
}


/* PCデザイン
---------------------------------- */

@media screen and (min-width: 768px) {
	
.search_bar {
padding: 30px 0 20px;
margin-bottom: 40px;
margin-top: 40px;
}
 .search_bar ul {
width:900px;
margin:0 auto;
}
 .search_bar ul li {
float:left;
}

 .search_bar ul li a {
	display: block;
	text-decoration: none;
	padding: 20px 20px 20px 16px;
	/*border: 3px solid #FFF;*/
	border-radius: 10px;
	background-position: 10px center;
	background-clor: #ffd65e;
	background-image: linear-gradient(to bottom,#fdd000 0%,#fdd000 100%);
	position:relative;
	color:#000;
	font-weight:bold;

	font-size:1.1em;
	box-shadow:0 3px 3px rgba(50,50,50,0.3);
	/*height: 145px;*/
	line-height: 30px;	 
}
 .search_bar ul li a small {
display:block;
font-size:70%;
}
 .search_bar ul li a::after {
content:'';
display:block;
width:10px;
height:100%;
background:url(../img/arrow.png) no-repeat right center;
background-size:contain;
position:absolute;
right:10px; bottom:0;
}
 .search_bar ul li a:hover,
 .search_bar ul li a:active {
background-image: linear-gradient(#ffeb3b 0%, #ffeb3b 100%);
box-shadow:0 0 3px rgba(50,50,50,0.6);
}
 .search_bar ul li a strong {
/*display:block;*/
font-size:1.6em;
font-weight:bold;
}

/* 3カラム */
 .search_bar ul.col_3 li {
width:32%;
margin-right:1.3333%;
margin-bottom:10px;
}
 .search_bar ul.col_3 li:nth-child(3n) {
margin-right:0;
}

/* 2カラム */
 .search_bar ul.col_2 li {
width:49%;
margin-right:2%;
margin-bottom:10px;
}
 .search_bar ul.col_2 li:nth-child(even) {
margin-right:0;
}

/* 1カラム */
 .search_bar ul.col_1 li {
width:100%;
margin-right:0;
margin-bottom:10px;
 text-align: center;
}

}

.bnr_taisyuku{
	text-align:center;
	margin-bottom: 20px;
	
}

/* 学校ページ誘導　inquiry_info.php
---------------------------------------------- */
/* SPデザイン
---------------------------------- */

@media screen and (max-width: 768px) {
	.bnr_taisyuku img{width: 100%;}
.search_bar {
padding: 20px 0;
}
.search_bar ul {
margin:0 4%;
}
.search_bar ul li:not(:last-child) {
margin-bottom:0.8em;
}
.search_bar ul li a {
display: block;
text-decoration: none;
padding: 10px 20px 6px 1.5em;
border: 2px solid #FFF;
border-radius: 10px;
background-position: 10px center;
background-clor: #ffd65e;
background-image: linear-gradient(to bottom,#ffd65e 0%,#febf04 100%);
position:relative;
color:#000;
font-weight:bold;
font-size:1em;
box-shadow:0 3px 3px rgba(50,50,50,0.3);
}
.search_bar ul li a small {
display:block;
font-size:70%;
}
.search_bar ul li a::after {
content:'';
display:block;
width:10px;
height:100%;
background:url(../img/arrow.png) no-repeat right center;
background-size:contain;
position:absolute;
right:10px; bottom:0;
}
.search_bar ul li a:hover,
.search_bar ul li a:active {
background: linear-gradient(to bottom, #febf04 0%,#ffd65e 100%);
box-shadow:0 0 3px rgba(50,50,50,0.6);
}
.search_bar ul li a strong {
display:block;
font-size:1.4em;
font-weight:bold;
line-height: 1.2em;
}

}