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


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

.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: #61b4a7;
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: #61b4a7;
}

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


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

/* タイトルライン */
.title_01:after {
content: '';
display: block;
width: 60%;
height: 0px;
background: #61b4a7;
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: #61b4a7;
}

/* スマホ：展開後のボタン「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: #fffcd6;}


/* 
タイトル画像装飾
---------------------------------------------- */
#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;
}



/* 間取りスライダー
---------------------------------------------- */
/* ボタン */
.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:#fff568;
color:#504e4e;
border-radius:23px;
}
/* ボタン（アクティブ） */
.img_slider_02_nav .slick-slide.slick-active,
.img_slider_03_nav .slick-slide.slick-active {
    background: #fff568!important;
    color: #504e4e;
    border-color: transparent;
}
.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: #0ea9be;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+7) .info_facility_list_tit::before {background: #fff568;color: #504e4e;}


/* 設備、周辺情報の項目背景 */
#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;
}




/* 周辺情報
---------------------------------------------- */
#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.png");*/
	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;
}







/*満員御礼*/

#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;
}