@charset "utf-8";

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

/* PC 非表示 */
.pc_none {
display:none;
}

/* スマホトップバナー　※PCでSPサイトを開いた場合 */
#spBnr {
display:none;
}

/* パンくず */
#breadCrumb {
width:980px;
margin:0 auto 10px;
}
#breadCrumb ol li {
display: inline-block;
font-size:12px;
height:16px;
padding:0 1em 0 2em;
position:relative;
}
#breadCrumb ol li,#breadCrumb ol li a {
line-height:16px;
}
#breadCrumb ol li:first-of-type {
background:url(/files/img/common/icon_home_01.png) no-repeat left center;
padding-left:20px;
}
#breadCrumb ol li:not(:first-of-type)::before {
content:'';
display:block;
width:1em;
height:100%;
background:url(/files/img/common/icon_arrow_03.png) no-repeat center center;
position:absolute;
left:0; bottom:0;
}
div#footer {
margin-top:0!important;
}

body {
color:#333;
}


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

/* ページタイトル
---------------------------------------------- */
/* 学校名 */
#AreaSchool .pageHead {
margin-bottom:0;
}
#AreaSchool .pageHead .ttlbg {
background:url(	/area/images/partnership/bg.gif) repeat-x center bottom #FFF;
padding: 0px 0 0;
margin-bottom:20px;
text-align:center;
line-height:1.4em;
font-weight: bold;
position: relative;
}

#AreaSchool .pageHead .ttlbg > p {
position: absolute;
left:0; top:40px;
width:100%;
text-align:center;
font-size:bold;
font-size:1.4rem;
}

#AreaSchool .pageHead .ttlbg h1 {
text-align:center;
font-size: 1.8rem;
font-weight:bold;
line-height:1em;
}
#AreaSchool .pageHead .ttlbg h1 b {
margin: 0 0.1em 1.5em 0;
color:#000;
text-shadow: 3px 3px #e6e1d9;
font-size: 3rem;
margin-right:0.2em;
}
#AreaSchool .pageHead .ttlbg h1 img{
  width: 980px;
}

/* 導入文 */
#AreaSchool .pageHead .intro {
width:980px;
margin:0 auto 20px;
}
#AreaSchool .pageHead .intro > p {
text-align:center;
font-weight: bold;
color:#333;
}
#AreaSchool .pageHead .intro > p:last-of-type {
background:#ff9;
padding: 0.5em;
letter-spacing:0.1em;
}
#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 0 30px;
}
#AreaSchool .tokutenAnnai .inner {
display:table;
width:840px;
margin:0 auto 1em;
}
#AreaSchool .tokutenAnnai .inner > p {
display:table-cell;
vertical-align:top;animation: 
}
#AreaSchool .tokutenAnnai .inner .nenkanBtn {
width:350px;
}
#AreaSchool .tokutenAnnai .collabo {
background:#FFF;
width:980px;
margin:0 auto;
padding-bottom:20px;
}
#AreaSchool .tokutenAnnai .collabo h2 {
margin-bottom:1em;
}
#AreaSchool .tokutenAnnai .collabo > p {
padding:0.5em 30px;
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:20px auto;
display:table;
}
#AreaSchool .tokutenAnnai .collabo dl.tantouTenpo dt,
#AreaSchool .tokutenAnnai .collabo dl.tantouTenpo dd {
display:table-cell;
vertical-align:top;
}
#AreaSchool .tokutenAnnai .collabo dl.tantouTenpo dt {
width:calc(50% - 40px);
background:url(/area/images/partnership/closs.png) no-repeat right 14px center;
padding-right:80px;
text-align:right;
font-weight: 900;
font-size: 280%;
line-height:1.1em;
color:#000;
text-shadow: 2px 2px #e6e1d9;
}
#AreaSchool .tokutenAnnai .collabo dl.tantouTenpo dt small {
font-size:50%;
line-height:0.5em;
}
#AreaSchool .tokutenAnnai .collabo dl.tantouTenpo dd {
font-weight:bold;
}
#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 left bottom;
padding:16px 0 6px 146px;
min-height:1em;
line-height:1em;
font-size:1.8em;
}


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

/* 特設バナー　コンテンツ */
#AreaSchool .BnrArea.tokusetuCon .inner {
width:720px;
margin:0 auto;
padding:30px 40px;
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.4em;
line-height:1.2em;
margin-bottom:0.8em;
}
#AreaSchool .BnrArea.tokusetuCon p {
margin-bottom:1em;
}


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

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

}


/* 物件グループ */
#AreaSchool .bukkenList .CatGroup:not(:last-child) {
margin-bottom:40px;
}
#AreaSchool .bukkenList .CatGroup h3 {
font-size: 1.3em;
font-weight: bold;
background-color:#708bc2;
padding: 0.5em 1.5em;
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);
}
@media screen and (min-width: 768px) {
#bukken_list {
overflow: hidden;
}
#bukken_list > div {
float: left;
width: 32%;/*4分割237px、3分割316px*/
margin: 8px 2% 0 0;
box-sizing:border-box;
}
#bukken_list > div:nth-of-type(3n) {
margin-right: 0;
}
#bukken_list .estatename {
height: auto;
margin:0;
}
}
#bukken_list > div {
border: 1px solid #CCC;
background-color:#fff;
float: left;
}
#bukken_list a {
text-decoration: none;
}
#bukken_list .head {
padding: 5px;
}
#bukken_list .head img {
display: inline-block;
}
#bukken_list .estatename a {
font-size: 16px;
font-weight: bold;
line-height: 1.4em;
color: #333;
}
#bukken_list .estatename img {
border: 1px solid #fff;
border-radius: 4px;
vertical-align: bottom;
}
#bukken_list .estatename a:hover img {
opacity: 1;
}
#bukken_list .estatename a:hover {
background-color:#999;
}
#bukken_list .tag {
height: auto;
margin:5px 0 0 0;
float:right;
}
#bukken_list .tag img {
width: 2em;
margin:0 1px 0 0;
height: auto;
}
#bukken_list .trim_gaikan_common {
clear:right;
position: relative;
overflow: hidden;
padding-top: 65%;
}
#bukken_list .trim_gaikan_common img {
width: 100%;
position: absolute;
top: -54px;
}
#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: #009BE4;
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: 10%;
padding-right: 5%;
}
#bukken_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: #f52800;
border-radius: 5px;
padding: 15px 0;
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;
border: none;
}
#bukken_list .info02 th {
width: 15%;
font-weight: bold;
vertical-align:top;
border-top: 1px dashed #c1c3e6;
}
#bukken_list .info02 td {
width: 77%;
padding: 5px 0;
line-height: 1.3em;
border-top: 1px dashed #c1c3e6;
}
#bukken_list .bt_area {
overflow: hidden;
margin: 5px 0 0 0;
}
#bukken_list .bt_area p {
float: left;
}
#bukken_list .bt_area p.bukken_btn,
#bukken_list .bt_area p.toiawase_btn {
text-align:center;
width: 49%;
}
#bukken_list .bt_area p.bukken_btn {
margin-left:1%;
}
#bukken_list .bt_area p.toiawase_btn {
margin-right: 1%;
}
#bukken_list .bt_area img{
display:inline-block;
max-width: 100%;
}


/* 学校ページ誘導　inquiry_info.php
---------------------------------------------- */
#AreaSchool .search_bar {
padding: 40px 0 30px;
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;
}

/* 共通　下部コンテンツ　con_bottom.php
---------------------------------------------- */
#conBottom {
padding:40px 0;
}
#conBottom .erabareruRiyu {
width:980px;
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:1em;
color:#fff;
}

/* 6つのポイント */
#conBottom .erabareruRiyu .pointList {
background:url(/files/img/area/point_bg.png);
background-size:80% 80%;
margin-bottom:40px;
}
#conBottom .erabareruRiyu .pointList ul {
display:flex;
flex-direction: row;
flex-wrap: wrap;
padding:30px 30px 10px;
width:760px;
margin:0 auto;
}
#conBottom .erabareruRiyu .pointList ul li {
margin-bottom:20px;
}
#conBottom .erabareruRiyu .pointList ul li:not(:nth-child(3n)) {
margin-right:20px;
}


/* アンケート */
.reasonImg {
text-align:center;
}
.reasonImg >img {
display:inline-block;
}


/* 店舗情報 */
.around_shop {clear: left;border: 3px solid #ff7b00;background-color: #fff;border-radius: 3px;padding: 20px 1em;position: relative;width:860px;margin: 40px auto 2em;}
.around_shop p{
margin: 0!important;
}
.around_shop a {
color: #333;
}
.around_shop_tit {
position: absolute;
top: -1.2em; left: 50%;
transform: translate(-50%, 0);
padding: 0 1.5em;
font-size: 18px;
font-weight: 700;
color: #e36d00;
background: #fff;
letter-spacing: .03em;
}
.around_shop .img01 {
float: left;
width:44%;
overflow: hidden;
border:none;
}
.around_shop .img01 img {
margin-right: 10px;
max-width:100%;
}
.around_shop .img01 p {
width:calc(50% - 6px);
margin-right:4px;
}
.around_shop .txt {
float: right;
width:54%;
padding-bottom: 5px;
}

.around_shop .txt .name a {font-size: 200%;font-weight: 700;line-height: 1.5em;margin-bottom: 8px;background: url(/files/img/common/icon_logo_01.png) 0 no-repeat;padding: 0 0 0 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: #F8450B;
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;
}


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

carouselBnr

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

div#carouselBnr {
position: relative;
width: 910px;
height: 272px;
margin:0 auto 30px;
padding: 10px 30px 0 41px;
background: url(/files/img/top/bg_carousel_01_141128.png) 0 0 no-repeat;/*●141128変更*/
overflow: hidden;
}

div#carouselBnr ul {
width: 653px;
height: 186px;
}

div#carouselBnr li {
float: left;
display: inline;
width: 210px;
height: 140px;
margin: 0 7px 7px;
-webkit-box-shadow : 0px 2px 3px rgba(0,0,0,.2);
box-shadow : 0px 2px 3px rgba(0,0,0,.2);
}

div#carouselBnr li a {
display: block;
width: 210px;
height: 140px;
margin-bottom: 14px;
}

div#carouselBnr li a {
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-ms-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
}

div#carouselBnr li a:hover {
opacity: .65;
-khtml-opacity: .65;
-moz-opacity: .65;
}

div#carouselBnr li a.selected:hover {
opacity: 1;
-khtml-opacity: 1;
-moz-opacity: 1;
}


#carouselBnrPrev,
#carouselBnrNext {
position: absolute;
top: 64px;/*●141128変更*/
display: block;
width: 20px;
height: 76px;
overflow: hidden;
text-indent: -9999em;
background: url(/files/img/common/btn_carouselprev_01.png) 0 0 no-repeat;
}

#carouselBnrPrev {
left: 8px;
}

#carouselBnrNext {
right: 8px;
background: url(/files/img/common/btn_carouselnext_01.png) 0 0 no-repeat;
}
.btnCamp01 {
position: absolute;
top: 195px;/*●141128変更*/
left: 330px;/*●141128変更*/
}
#carouselBnr .inImgKuma {
position: absolute;
bottom: 0;
left: 50%;
margin-left: 129px;
}


/* フッター */
div#footer {
background-position:center bottom;
padding-bottom:80px;
}
div#footer #info,
div#footer #day{
width:980px;
margin:0 auto;
}
div#footer #day {
border-top:#CCC dotted 1px;
border-bottom:#CCC dotted 1px;
text-align:center;
padding:0.5em;
}
#link_copyright {
text-align: center;
margin-top: 20px;
}




/* 店舗情報 */
#footer .shopGroup {
width:980px;
margin:0 auto 10px;
}
#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;
}





/* ページTOP */
#page-top {
position: fixed;
bottom: 5px;
right: 20px;
}
#page-top a {
text-decoration: none;
width: 64px;
height: 88px;
display: block;
border-radius: 40px;
background-image: url(/area/images/pagetop.png);
text-indent: -999999px;
}
#gotop{
    display: none;
}