@charset "UTF-8";
/*************************************
PC・全体用CSS
**************************************/
#container {overflow: hidden;}


/* ヘッダー設定
**************************************/

#header {
    /* background: url(../img/header_bg.png) repeat-x center top; */
    background-size: auto 80px;
    backdrop-filter: blur(5px);
}

.hdr_nav {
background:rgba(255,255,255,0.1);
box-sizing:border-box;
padding:5px;
border-bottom-left-radius:6px;
border-bottom-right-radius:6px;
}


/* Gナビ */
.globalNav {background: #BD5C9E;color:#FFF;test-shadow:2px 2px 4px #0f1e3c;box-shadow:inset 0 1px 0 rgba(255,255,255,0.2);}

.globalNav > ul > li > a,
.globalNav > ul > li:first-child > a {
/*font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";*/
font-size: 0.95em;
line-height:1.2em;
font-weight:normal;
color:#FFF;
}
.globalNav > ul > li > a::before,
.globalNav > ul > li > a:hover::before,
.globalNav > ul > li:last-of-type > a::after,
.globalNav > ul > li:last-of-type > a:hover::after {
box-shadow: -1px 0 0 rgba(0,0,0,0.1);
}
.globalNav > ul > li > a:hover,
.globalNav > ul > li > a:active,
.globalNav > ul > li > a.active {
background-color: rgba(0,0,0,0.4);
}




/* タイトルのアイコン */
.keyVisual .slick-dots li.slick-active button:before,
.title_01_ico:after,
.title_01:after,
.img_slide .slick-dots li.slick-active button:before,
.title_03:before,
.around_osusume_tit_ico,
.sp_slide_clone .slick-dots li.slick-active button:before {
  background: #BD5C9E;
}

/* 子見出し　※設備 */
.title_02 {
        margin-bottom: 50px;
}


/* 見出し */
span.title_01_txt {color: #42210b;font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";font-weight:bold;}

/* タイトルライン */
.title_01:after {
content: '';
display: block;
width: 60%;
height: 0px;
background: #5272c3;
margin: 0 auto;
margin-top: 15px;
box-shadow:0 -1px 0 rgba(50,50,50,0.05);
}



/* スマホ：ハンバーガーボタン */
.spHdrBtn,
.spGNav > ul > li > a:before{
	background-color: #5272c37a;
}

/* スマホ：展開後のボタン「UniLifeホーム」 */
.spHdr_link_uni a{
  background-image: url(../img/spmenu_uniback.jpg);
  background-repeat: repeat-x;
  background-size: 100% 100%;
}



/* 全体、上部バナーの背景 */
#content {
}



/* キービジュアル　背景
---------------------------------------------- */
.thanks-con {
}

/* キービジュアル下のコメント欄 */
.exp_comment_txt,
.exp_comment_balloon:after {
border:#EEE solid 3px;
/*box-shadow:2px 2px 4px rgba(0,0,0,0.4);*/
}


/* 物件情報
---------------------------------------------- */
/* テーブル項目 */
.info_tbl th {background: #d3e2ed;}


/* 
タイトル画像装飾
---------------------------------------------- */
#anc_info::before,/* 物件情報 */
#anc_meal::before,/* 食事付き */
#anc_fur::before,/* 家具家電付き */
#anc_girl::before,/* 女子専用 */
#anc_around::before,/* 周辺情報 */
#anc_service::before {
/*background:url(../img/ttlbar_bg.png) repeat-x center top;*/
/*height:60px;
top:-10px;
box-shadow:inset 0 -1px 2px rgba(0,0,0,0.1);*/
}

/* コンテンツ */
.section_01 {padding-top:40px;}

#comic.section_01 {background:#FFF;padding-bottom: 20px;}
#comic .title_01_ico {
        background: #ffffff;
}

/* 間取りスライダー
---------------------------------------------- */
/* ボタン */
.img_slider_02_nav > .img_slider_02_nav_btn,
.img_slider_03_nav > .img_slider_03_nav_btn,
.img_slider_02_nav .slick-slide,
.img_slider_03_nav .slick-slide {background:#FFF;border-color:#5272c3;color:#5272c3;border-radius:23px;margin-right: 0.75%;}
/* ボタン（アクティブ） */
.img_slider_02_nav .slick-slide.slick-active,
.img_slider_03_nav .slick-slide.slick-active {background:#5272c3;border-color:#5272c3;color: #5272c3;background-image: linear-gradient(141deg, rgba(255, 255, 255, 1) 3%, rgba(232, 210, 232, 1) 46%, rgba(149, 233, 243, 1));}
.img_slider_02_nav .slick-slide.slick-active::before,
.img_slider_03_nav .slick-slide.slick-active::before {
display:none;
}

/* 背景 */
.img_slider_02 .slick-slide,
.img_slider_03 .slick-slide {

}

/* スライダー画像 */
.img_slider_02 .slick-slide img,
.img_slider_03 .slick-slide img {

width:900px;
width:fit-content;
}




/* 設備紹介：連番アイコン
---------------------------------------------- */
#anc_info .info_facility_list .info_facility_list_01 {
border:none;
border-radius:8px;
box-shadow: 1px 1px 3px rgba(50,50,50,0.2);
}

/* 間取り：番号*/
.info_facility_list_01 .info_facility_list_tit::before {
background: #5272c3;
box-shadow:2px 2px 2px rgba(0,0,0,0.2);
text-shadow: 0 0 4px rgba(50,50,50,0.2);
}

/* フロア：番号 (-n+3)=>終わりから3番目まで */
.info_facility_list_01:nth-last-of-type(-n+5) .info_facility_list_tit::before {
background: #dab28f;
}


/* 設備、周辺情報の項目背景 */
#anc_info .sp_slide_wrap .info_facility_list,
#anc_around .around_osusume {
position: relative;
z-index: 10;
}
#anc_info .sp_slide_wrap .info_facility_list::before,
#anc_around .around_osusume::before {content:'';display:block;width:108%;height:calc(100% + 40px);position:absolute;left:-4%;top:-20px;z-index:-2;/* background: url("../img/conbg_01.png") no-repeat center top; */background-size:cover;/* background-color: #d3e2ed; *//* background: url(../img/re_back.png) ,linear-gradient(to bottom, #d3e2ed 1%,#f2ffab 100%); */background-image: linear-gradient(141deg, rgba(255, 255, 255, 1) 3%, rgba(232, 210, 232, 1) 46%, rgba(149, 233, 243, 1));}




/* 周辺情報
---------------------------------------------- */
#anc_info .around_facility_list > div {
border:none;
border-radius:8px;
box-shadow: 1px 1px 3px rgba(50,50,50,0.2);
}
#anc_info .around_facility_list .area_text {
border:none;
border-radius:8px;
}

/* 通学便利な学校と所要時間 */
#anc_info .around_school {
background: #f1ecdc;
}
#anc_info .around_school .title_03,
#anc_info .around_school p{
color:#3f4b63;
}



/* 
家具家電付きデザインルーム
---------------------------------------------- */
.furniture_set > div {
border:#eb5f41 solid 1px;
}
.furniture_point i,
.furniture_set_tit {
background:#eb5f41;
}
#anc_fur .furniture_voice_tit {
}
p.chushaku {
color:red;
}


/* タイトルイメージ */
.furniture_sec .title_01::before {/* background-image:url("../img/furniture_tit_bg.jpg"); */background-image: url(/area/images/furniture_tit_bg.jpg);}



/* サービス紹介
---------------------------------------------- */
/* 安心 */
.service_list_anshin {
border-color: #00649c !important;
}
.service_list_anshin .service_list_ico > span,
.service_list_anshin .service_list_btn span {
background: #00649c;
}

/* 快適 */
.service_list_kaiteki {
border-color: #059474 !important;
}
.service_list_kaiteki .service_list_ico > span,
.service_list_kaiteki .service_list_btn span {
background: #059474;
}

/* 注目 */
.service_list_tyumoku {
border-color: #eb5f41 !important;
}
.service_list_tyumoku .service_list_ico > span,
.service_list_tyumoku .service_list_btn span {
background: #eb5f41;
}





/*************************************
カスタマイズ優先度：低
**************************************/

/* ボタン「この学生マンションの詳細を見る」*/
.btn_unit_detail a,
.sp_btm_nav_tel a{
background-color: #1a8ac6;
/*border: 1px solid #fff;*/
}

.btn_unit_detail a:hover {
background: #1077af;
}


.btn_unit_detail a, .sp_btm_nav_tel a {
    width: 345px;
}
@media screen and (max-width: 767px) {
.btn_unit_coop ul .btn_unit_coop_detail a,
.btn_unit_coop_reserve a, .btn_unit_detail a, .sp_btm_nav_tel a {
    width: 100%;
}
}



/*満員御礼*/

#container .thanks-con {
	position: relative;
}
.thanks-img {
    position: absolute;
    bottom: 5%;
    left: -11%;
}
@media screen and (max-width: 767px) {
.thanks-img {
	position: absolute;
    bottom: 34%;
    left: 80%;
    width: 20%;
    transform: rotate(20deg);
}
}

/*パノラマ*/

.panorama{
    height: 500px;
}
.panorama iframe{
    height: 500px;
}







/*headerタイトルロゴ部分　PC・SP
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
@media screen and (min-width: 767px) {
.siteID {
	float: left;
	margin: 0 20px 0 0px;
	line-height: 0.5em;
	/*20171016_original_440px*/
	font-size: 200%;
	text-align:center;
	font-weight: bold;
}
.siteID:hover {
	opacity: 0.9;
}
.siteID a{
	text-decoration:none;
	color:#000;
	font-weight: bold;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.siteID img{
	width: 5em;
	position: relative;
	/* top: 0.5em; */
	/* left: -0.5em; */
}
.siteID span.schoolname,.siteID span.chutewari{
	width: 55%;
}
.siteID span.schoolname{
	margin:0;
	padding: 0.4em 0em;
	font-size: 60%;
	display: flex;
	color: white;
	background: #be3d41;
	justify-content: center;
	flex-direction: row;
	flex-wrap: nowrap;
	border-radius: 5px;
}
.siteID span.chutewari{
	margin:0;
	text-align: center;
	font-size: 60%;
	display:block;
}
.siteID span span.redcolor{
	font-size:150%;
	color: #f97058;
}
.siteID span.estate_name{
	font-size: 50%;
	color: #bd5c9e;
	padding: 5px 0px;
}
}
@media screen and (max-width: 767px) {
	.siteID {
	margin: 0 10px;
	line-height: 0.5em;
	/*20171016_original_440px*/
	font-size: 163%;
	text-align:center;
	font-weight: bold;
	width: 15em;
}
.siteID:hover {
	opacity: 0.9;
}
.siteID a{
	text-decoration:none;
	color:#000;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	padding: 10px 0px;
}
.siteID img{
	width: 5em;
	position: relative;
	/* top: 0.5em; */
	/* left: -0.5em; */
}
.siteID span.schoolname,.siteID span.chutewari{
	width: 55%;
}
.siteID span.schoolname{
	margin:0;
	padding: 0.4em 0em;
	font-size: 60%;
	display: flex;
	color: white;
	background: #be3d41;
	justify-content: center;
	flex-direction: row;
	flex-wrap: nowrap;
	border-radius: 5px;
}
.siteID span.chutewari{
	margin:0;
	text-align: center;
	font-size: 55%;
	display:block;
}
.siteID span span.redcolor{
	font-size:150%;
	color: #f97058;
}


/*title学校パターン追加*/
.siteID span.schoolname,.siteID span.schoolname1{
	width: 55%;
}
.siteID span.schoolname1{
	margin:0;
	text-align: center;
	font-size: 120%;
	display:block;
	width: 35px;
	font-weight: normal;
}
.siteID span.schoolname,.siteID span.schoolname2{
	width: 55%;
}
.siteID span.schoolname2{
	margin:0;
	text-align: left;
	font-size: 100%;
	display:block;
	width: 180px;
	padding: 5px 0 0px 0px;
	line-height: 1.1em;
	color: #bd5c9e;
}
	.siteID span.schoolname2{
	margin:0;
	text-align: left;
	font-size: 100%;
	display:block;
	width: 140px;
	padding: 5px 0 0 0px;
	line-height: 1.1em;
	color: #bd5c9e;
}
	.siteID span.estate_name {
    font-size: 50%;
    color: #bd5c9e;
    padding: 5px 0px;
}

}

.around_sec .title_01:before {
    /* background-image: url(../img/around_tit_bg.png); */
    background-image: url(/area/images/around_tit_bg.jpg)!important;
}

/*.section_01 .info_sec #anc_info h2.title_01{
	    padding-top: 0px!important;
}*/