@charset "utf-8";

/* 共通
---------------------------------------------- */

/* スマホ非表示 */
.sp_none {
display:none;
}

/* パンくず */
#breadCrumb {
margin:0 auto;
}
#breadCrumb ol {
position: relative;
padding: 4px 10px 6px;
border-top: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
background: #fefefe;
background: linear-gradient(to bottom,  #fefefe 0%,#f4f4f4 100%);
line-height: 1.4;
z-index: 10;
}
#breadCrumb ol li {
display: inline-block;
padding: 0 0.5em 0 10px;
background: url(/files/img/common/s/ico_topicpath_01.png) 0 50% no-repeat;
background-size: 4px 7px;
font-size: 10px;
}
#breadCrumb ol li,#breadCrumb ol li a {
/*padding: 10px 0;*/
}
#breadCrumb ol li:first-of-type {
padding-left: 0;
background-image: none;
}



/*
//////////////////////////////////////////////
▼ここから追記
任意のページ用ID名から記載すること！
////////////////////////////////////////////// */

/* ページタイトル
---------------------------------------------- */
/* 学校名 */
#AreaSchool .pageHead {
/*background:url(	/area/images/partnership/bg.gif) repeat-x center bottom #FFF;*/
/*padding: 20px 1% 30px;*/
text-align:center;
 padding-bottom: 0 !important; 
 padding-top: 0 !important; 
}

#AreaSchool .pageHead .ttlbg > p {
text-align:center;
font-weight:bold;
font-size:1rem!important;
padding:0.5em;
}

#AreaSchool .pageHead .ttlbg h1 {
text-align:center;
font-size: 1.4rem;
font-weight:bold;
line-height:1em;
 padding-top: 0 !important; 
}
#AreaSchool .pageHead .ttlbg h1 b {
color:#000;
text-shadow: 2px 2px#e6e1d9;
font-size: 2rem;
margin-bottom:0.3em;
}
#AreaSchool .pageHead .ttlbg h1 img {
  width: 100%;
}

/* 導入文 */
#AreaSchool .pageHead .intro > p {
text-align:center;
font-weight: bold;
color:#333;
}
#AreaSchool .pageHead .intro > p:first-of-type {
background:url(/area/images/anshin.png) no-repeat center top;
background-size:cover;
height:0;
/*padding-top:21.1666%;*/
padding-top:14.1666%;
margin:0 4%;
}
#AreaSchool .pageHead .intro > p:first-of-type img {
display:none;
}
#AreaSchool .pageHead .intro > p:last-of-type {
display:none;
}
#AreaSchool .pageHead .intro > p b {
color:#ff7b00;
font-size: 1.6em;
margin: 0 0.3em;
}


/* 特典案内
---------------------------------------------- */
#AreaSchool .tokutenAnnai {
/*background:url(/area/area_hanshin/otemon/image/bg_head.gif) center top #FFF;*/
padding: 20px 4% 30px;
}
#AreaSchool .tokutenAnnai .inner > p {
text-align:center;
margin-bottom:10px;
}
#AreaSchool .tokutenAnnai .inner > p img {
display:inline-block;
max-width:100%;
}
#AreaSchool .tokutenAnnai .collabo {
background:#FFF;
margin:0 auto;
}
#AreaSchool .tokutenAnnai .collabo h2 {
margin-bottom:1em;
}
#AreaSchool .tokutenAnnai .collabo > p {
padding:0.5em 1em;
font-size:14px;
}
#AreaSchool .tokutenAnnai .collabo > p span.shopName {
font-size: 110%;
font-weight: 900;
background: linear-gradient(transparent 60%, #FFBF86 70%);
}
#AreaSchool .tokutenAnnai .collabo > p span.schoolName {
font-size: 110%;
font-weight: 900;
background: linear-gradient(transparent 60%, #e6e1d9 70%);
}


/* 学校名＋店舗名 */
#AreaSchool .tokutenAnnai .collabo dl.tantouTenpo {
margin-bottom:20px;
padding:20px 0;
}
#AreaSchool .tokutenAnnai .collabo dl.tantouTenpo dt,
#AreaSchool .tokutenAnnai .collabo dl.tantouTenpo dd {
text-align:center;
}
#AreaSchool .tokutenAnnai .collabo dl.tantouTenpo dt {
background:url(/area/images/partnership/closs.png) no-repeat center bottom 10px;
background-size:30px auto;
padding-bottom:40px;
text-align:center;
font-weight: 900;
font-size: 180%;
line-height:1.1em;
color:#000;
text-shadow: 2px 2px #e6e1d9;
}
#AreaSchool .tokutenAnnai .collabo dl.tantouTenpo dt small {
font-size:60%;
}
#AreaSchool .tokutenAnnai .collabo dl.tantouTenpo dd {
font-weight:bold;
padding-bottom:20px;
}
#AreaSchool .tokutenAnnai .collabo dl.tantouTenpo dd small,
#AreaSchool .tokutenAnnai .collabo dl.tantouTenpo dd b,
#AreaSchool .tokutenAnnai .collabo dl.tantouTenpo dd i {
display:block;
font-style:normal;
font-size:0.9rem;
line-height:1.2em;
}
#AreaSchool .tokutenAnnai .collabo dl.tantouTenpo dd b {
background:url(/files/img/common/logo_partnership.png) no-repeat center top 6px;
background-size:100px auto;
padding-top:40px;
line-height:1em;
font-size:1.5em;
margin-bottom:0.2em;
}


/* バナーエリア
---------------------------------------------- */
#AreaSchool .BnrArea {
padding:30px 2%;
text-align:center;
}
#AreaSchool .BnrArea a ,
#AreaSchool .BnrArea a img {
display:inline-block;
max-width:100%;
}


/* 特設バナー　コンテンツ */
#AreaSchool .BnrArea.tokusetuCon .inner {
padding:16px 2% 10px;
border:#EEE solid 6px;
border-radius:10px;
text-align:left;
}
#AreaSchool .BnrArea.tokusetuCon h3 {
border-left:#333 solid 0.5em;
padding-left:1em;
font-weight:bold;
font-size:1.2em;
line-height:1.2em;
margin-bottom:0.8em;
}
#AreaSchool .BnrArea.tokusetuCon p {
margin-bottom:1em;
}


/* 学校ページ誘導　inquiry_info.php
---------------------------------------------- */
#AreaSchool .search_bar {
padding: 20px 0;
background-color: #e6e1d9;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #f9f6f0a3), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #f3efe8),color-stop(.75, #f2eee7), color-stop(.75, transparent),to(transparent));
background-size: 14px 14px;
}
#AreaSchool .search_bar ul {
margin:10px;
}
#AreaSchool .search_bar ul li:not(:last-child) {
margin-bottom:0.8em;
}
#AreaSchool .search_bar ul li a {
display: block;
text-decoration: none;
padding: 12px 20px 8px 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);
}
#AreaSchool .search_bar ul li a small {
display:block;
font-size:70%;
}
#AreaSchool .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;
}
#AreaSchool .search_bar ul li a:hover,
#AreaSchool .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);
}
#AreaSchool .search_bar ul li a strong {
display:block;
font-size:1.4em;
font-weight:bold;
line-height: 1.2em;
}


/* 各種　物件リスト
---------------------------------------------- */
#AreaSchool .bukkenList {
padding:20px 0;
/*background:url("../img/bukkenlist_bg.png");*/
}

/* タブメニュー */
.bukkenList ul.tab-area {
display:table;
width:100%;
}
.bukkenList ul.tab-area li.tab {
display:table-cell;
width:50%;
text-shadow:none;
}

#AreaSchool .bukkenList .CatGroup:not(:last-child) {
margin-bottom:30px;
padding:0;
}
#AreaSchool .bukkenList .CatGroup h3 {
font-size: 1.3em;
line-height:1.2em;
font-weight: bold;
background-color:#708bc2;
padding: 0.5em 1em;
clear: both;
margin-bottom:0.5em;
color:#fff;
text-shadow:0 0 6px #283972;
}

/* インクルード領域 */
.school_sec .title_01:before {
background-image: url(../img/school1_tit_bg.jpg);
}
#bukken_list {
overflow: hidden;
padding:0 3%;
}
#bukken_list > div {
float: left;
width: calc(49% - 2px);
margin-bottom:10px;
}
#bukken_list > div:nth-of-type(odd) {
margin-right: 2%;
}
#bukken_list .estatename {
height: 3em;
overflow: hidden;
margin: 0;
line-height: 1.2;
}
#bukken_list > div {
border: 1px solid #c5c5c5;
background-color: #fff;
float: left;
}
#bukken_list a {
text-decoration: none;
}
#bukken_list .head {
padding: 5px 2px;
}
#bukken_list .head img {
display: inline-block;
}
#bukken_list .estatename a {
font-size: 13px;
text-shadow: none;
color: #333;
font-weight:bold;
text-overflow: ellipsis;
}
#bukken_list .estatename img {
border: 1px solid #fff;
border-radius: 2px;
width: 2em;
}
#bukken_list .estatename a:hover img {
opacity: 1;
}
#bukken_list .estatename a:hover {
background-color: #999;
}
#bukken_list .tag {
height: auto;
text-align:right;
margin: 0;
}
#bukken_list .tag img {
width: 1.5em;
}
#bukken_list .trim_gaikan_common {
position: relative;
overflow: hidden;
padding-top: 65%;
}
#bukken_list .trim_gaikan_common img {
width: 100%;
position: absolute;
top: -40px;
}
#bukken_list .estatename a #bukken_list .trim_gaikan_common img {
top: -26%;
}
#bukken_list .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;
}
#bukken_list .coment {
font-size: 12px;
line-height: 1.3em;
margin: 10px 0;
font-weight: bold;
color: #0c5ea0;
max-height: 75px;
overflow: hidden;
}
#bukken_list .information {
overflow: hidden;
padding: 0 10px;
}
#bukken_list .info_box {
margin-bottom: 5px;
}
#bukken_list .info02 {
font-size: 12px;
}
#bukken_list .information table {
width: 100%;
}
#bukken_list .info01 th {
width: 8%;
}
#bukken_list .info01 th span {
display: block;
background-color: #fe2506;
width: auto;
border-radius: 3px;
padding: 3px 2px;
color: #fff;
}
#bukken_list .information .price {
font-size: 13px;
line-height: 1.3em;
}
#bukken_list .information .price i span {
font-size: 210%;
}
#bukken_list .info01 td {
padding: 0;
margin-left: 3%;
border: none;
font-size: 80%!important;
}
#bukken_list .info01 td.price {
padding-left:6px;
}
#bukken_list .info02 th {
width: auto;
font-weight: bold;
vertical-align: middle;
border-top: 1px dashed #c1c3e6;
width:14px;
font-size:10px;
}
#bukken_list .info02 td {
width: 90%;
clear: both!important;
padding: 0 0 0 2%;
line-height: 1.3em;
border-top: 1px dashed #c1c3e6;
border-right: none;
border-bottom: none;
border-left: none;
font-size: 80%;
vertical-align: middle;
}
#bukken_list .bt_area {
overflow: hidden;
margin: 8px 0;
}
#bukken_list .bt_area p {
width: 98%;
margin: 0 auto;
}
#bukken_list .bt_area p img {
width: 100%;
}


/* 　下部コンテンツ　物件
---------------------------------------------- */
@media screen and (min-width: 768px){
	#estate_list > div#toku3,
	#estate_list2 > div#toku3 {
	width:488px;
/*	border:#ffc107 solid 4px;*/
	box-sizing: border-box;
	margin:0 0 20px;
	}
	#estate_list > div#toku3:nth-child(even),
	#estate_list2 > div#toku3:nth-child(even) {
	margin-left: 16px;
	}
}




/* 共通　下部コンテンツ　con_bottom.php
---------------------------------------------- */
#conBottom {
padding-top:40px;
}
#conBottom .erabareruRiyu {
margin:0 auto 30px;
}
#conBottom .erabareruRiyu h4 {
font-size: 1.3em;
font-weight: bold;
background-color:#009BE4;
padding: 0.5em 1em;
clear: both;
margin-bottom:0.5em;
color:#fff;
text-shadow:none;
}
#conBottom .erabareruRiyu .pointList {
background:url(/files/img/area/point_bg.png);
background-size:80% 80%;
}
#conBottom .erabareruRiyu .pointList h5 img {
max-width:100%;
height:auto;
}
#conBottom .erabareruRiyu .pointList ul {
padding:20px 3%;
}
#conBottom .erabareruRiyu .pointList ul li {
width: 49%;
float:left;
margin:0;
margin-bottom:10px;
padding:0;
box-sizing:border-box;
background:none!important;
}
#conBottom .erabareruRiyu .pointList ul li:nth-child(odd) {
margin-right:2%;
}
#conBottom .erabareruRiyu .pointList ul li a {
display:block;
}
#conBottom .erabareruRiyu .pointList ul li a img {
width:100%;
height:auto;
}





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

carouselBnr

---------------------------------------- */
/* PC版の特集　非表示 */
div#carouselBnr {
display:none;
}


/* フッター */
div#footer {background-position:center bottom;margin-top: -20px;padding:20px 3% 0;font-size: 90%;}
div#footer #info,
div#footer #day{
margin:0 auto;
}
#freecall {
font-size:1.4em;
color:red;
font-weight:bold;
}

#link_copyright {
    display: none;
}








/* ページTOP */
#page-top {
position: fixed;
bottom: 20px;
right: 0;
z-index:1000;
display:none;/* jquery mobileで動かない？ため */
}
#page-top a {
text-decoration: none;
width: 40px;
height: 0;
display: block;
padding-top:141.93548%;
background-image: url(/area/images/pagetop.png);
background-size:contain;
text-indent: -999999px;
}

#gotop{
    display: none;
}

.around_box {
  width: 96%;
}
.around_box .around_shop {
  width: 93% !important;
}
.around_box .title {
  font-size: 1.3em;
}
.around_shop dt {
  font-size: 1.8em;
 background: url(../img/logo.gif) no-repeat scroll 2% 7px transparent;
  background-size: 8%; 
  padding-left: 5%;
}
.around_shop dd {
  font-size: 1em;
}
.around_box .around_shop {
  margin: 0 auto;
  border: none;
  border-top: 3px dotted #133a75;
  text-align: center;
}
.around_box .border_none {
  border: none !important;
  padding-top: 5%;
}
.around_shop dd.nearest_station {
    background: url(/files/img/common/icon_nearest_station_01.png) no-repeat scroll 12% 3px transparent;
    background-size: 5%;
}
.around_shop p.nearest_station {
  background: url(/files/img/common/icon_nearest_station_01.png) no-repeat scroll 3px 3px transparent;
  background-size: 5%;
  padding-left: 5%;
}
.around_shop dd.redBold {
    font-size: 2em;
    font-weight: bold;
    color: #ff3e17;
    text-decoration: underline;
  line-height: 1.5em;
}
.name a {
  font-size: 1.4em;
}
.campaign {
width: 98%;
margin: 0 auto; 
}
.campaign dd {
  font-size: 1.8em;
}
.campaign dt {
  font-size: 1.5em;
  margin-bottom:2%;
  text-align: center;
}
.campaign .txt {
  font-size: 1em;
}
.campaign .txt2 {
border-radius: 7px;
padding: 1% 1%; 
font-size: 1em;
width: 95%;
}
.textBox {
  width: 100%;
  margin: 5% auto;
}
.campaign .txt3 {
  float:none;
  width: 98%;
  font-size: 2em;
}
.campaign .txt4 {
  width: 95%;
    float:none;
}
.area {
  width: 100%; 
}
.area img {
  width: 100%;
}
.campaign dd .money {
  font-size: 1.5em;
}
.areaBox {
  width: 95%;
}
.area dt{
  width: 97%;
  float: none;
}
.area dd{
  width: 95%;
  float: none;
}
.area dd {
  /* border-left: 2px solid #555; */
}
.titleNote {
    font-size: 1em;
    margin-top: -1%;
}
.btn_unit li {
  float: none; 
  width: 80%;
  margin: 3% auto;
}
.btn_unit a {
  padding: 6% 0 6% 10%;
}

/* 物件*/	
	#anc_school1{
width: 90%;
}
	#estate_list .tag,
 #estate_list2 .tag{
		height: 35px;
	}

 #estate_list > div#toku3,
 #estate_list2 > div#toku3{
		
		margin-top: 20px;
	}