@charset "UTF-8";

@media screen and (min-width:768px){
/*************************************
PC・全体用CSS
**************************************/

	/* 店舗情報（1件表示）
	---------------------------------------------- */
	#anc_shopMult .anc_shop {
	width:100%;
	float: none;
	}


	/* 店舗情報（2件表示）
	---------------------------------------------- */
	/*#anc_shopMult .anc_shop {
	width:49%;
	float: left;
	background-color: #FFF;
	padding: 20px 2%;
	}
	#anc_shopMult .anc_shop:nth-child(odd) {
	margin-right:2%
	}
	#anc_shopMult .anc_shop .around_shop .img01 {
	width:370px;
	margin:0 auto 10px;
	float: none;
	clear: both;
	}
	#anc_shopMult .anc_shop .around_shop .img01 img {
	margin:0;
	max-width:177px;
	box-sizing: border-box;
	}

	#anc_shopMult .anc_shop .around_shop .txt {
	width:100%;
	}
	#anc_shopMult .anc_shop .around_shop .btn a {
	display: block;
	margin:0 auto;
	}
	#anc_shopMult .anc_shop .around_shop .btn a > img {
	display: inline-block;
	}*/


}/* END min-width:768px */



/*************************************
全体用CSS PC&SP共通
**************************************/
/* サイト背景 */

body {
/*background:#e8f8ff ;*/
position:relative;
z-index:0;
}
/*body::after,
body::before {
content:'';
display:block;
width:90px;
height:100%;
position:absolute;
top:0;
z-index:1;
}
body::before {
left:0;
background:url(../img/body_l_bg.png) repeat-y right 40px top;
background-image:none;
}
body::after {
right:0;
background:url(../img/body_r_bg.png) repeat-y left 40px top;
background-image:none;
}*/




/* フッター */
#footer {
background:#f7f5f2;
}


/* ヘッダー設定
**************************************/
/* ヘッダー背景 */
#header {
    /* background: url(../img/header_bg.png) repeat-x center top; */
    background-size: auto 80px;
    backdrop-filter: blur(5px);
}
#header .hdr_sec {
padding-bottom:0;
}


.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 > ul {
border-top-left-radius:8px;
border-top-right-radius:8px;
}

.globalNav,
.globalNav > ul > li {
background-color: #158d74;
/*transition: all 0.1s ease-out;*/
/*box-shadow:inset 0 1px 0 rgba(255,255,255,0.3),0 2px 2px rgba(0,0,0,0.2);*/
/*background: url(../img/re_back.png) ,linear-gradient(to bottom, #00a0c1 1%,#00568d 100%);*/	
/*background-size: 25px auto;	*/
/*
background: repeating-linear-gradient(90deg, #948958, #948958 3px, #715856 3px, #715856 6px);
*/
/*background-blend-mode: luminosity;*//*overlay screen lighten luminosity*/
}


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


/* タイトルのアイコン */
.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: #158d74;
}

/* 子見出し　※設備 */
.title_02 {
border:none;
margin-bottom:0.5em;
padding:1em 1em 10px 1em;
color: #333;
/*font-weight: normal;*/
}

/* キービジュアル　背景
---------------------------------------------- */

/* キービジュアル背景 */



@media screen and (min-width: 768px) {
#content .keyVisual {
background:url("../img/mv_bg.png") no-repeat center top #FFF;
box-shadow:inset 0 -2px 2px rgba(0,0,0,0.2);
position: relative;
z-index:10;
}
}	
@media screen and (max-width: 768px) {
#content .keyVisual {
background:url("../img/mv_bg_sp.png") no-repeat center top #FFF;
box-shadow:inset 0 -2px 2px rgba(0,0,0,0.2);
position: relative;
z-index:10;
}
}	

/* 
フレーム ------------------------------------*/
#content .keyVisual .KVframe {
position: relative;
width: 1000px;
margin:0 auto;
}
#content .keyVisual .KVframe.KVfTop::before,
#content .keyVisual .KVframe.KVfBtm::before,
#content .keyVisual .KVframe.KVfLft::before,
#content .keyVisual .KVframe.KVfRgt::before {
content:'';
display:block;
position: absolute;
}
#content .keyVisual .KVframe.KVfTop::before,
#content .keyVisual .KVframe.KVfBtm::before {
left:calc(50% - 500px);
width:100%;
height:50px;
z-index: 10;
}
#content .keyVisual .KVframe.KVfTop::before {
top:0;
background: url("../img/mv_frame.png") no-repeat left top;
}
#content .keyVisual .KVframe.KVfBtm::before {
top:430px;
background: url("../img/mv_frame.png") no-repeat right bottom;
}
#content .keyVisual .KVframe.KVfLft::before,
#content .keyVisual .KVframe.KVfRgt::before {
top:50px;
width:50px;
height:380px;
z-index: 10;
}
#content .keyVisual .KVframe.KVfLft::before {
left:calc(50% - 500px);
background: url("../img/mv_frame.png") no-repeat left top -50px;
}
#content .keyVisual .KVframe.KVfRgt::before {
right:calc(50% - 500px);
background: url("../img/mv_frame.png") no-repeat right top -50px;
}	
	

@media screen and (max-width: 767px) {
	/* スマホ用 */
	#content .keyVisual .KVframe {
	position: relative;
	width: 100%;
	background:yellow;
	}
	#content .keyVisual .KVframe.KVfTop::before,
	#content .keyVisual .KVframe.KVfBtm::before {
	display:none;
	}
	#content .keyVisual .KVframe.KVfLft::before,
	#content .keyVisual .KVframe.KVfRgt::before {
	top:0;
	width:55px;
	height:66.6666vw;
	}
	#content .keyVisual .KVframe.KVfLft::before {
	left:0;
	background: url("../img/mv_sp_frame.png") no-repeat left bottom;
	background-size:auto 66.7vw;
	}
	#content .keyVisual .KVframe.KVfRgt::before {
	right:0;
	background: url("../img/mv_sp_frame.png") no-repeat right top;
	background-size:auto 66.7vw;
	}
	#content .keyVisual .KVframe.KVfTop::before,
	#content .keyVisual .KVframe.KVfBtm::before,
	#content .keyVisual .KVframe.KVfLft::before,
	#content .keyVisual .KVframe.KVfRgt::before {
	
	}
}





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




/* 物件情報
---------------------------------------------- */
/* テーブル項目 */
.info_tbl::after {
/*content:'※建築中につき、諸条件が変更となる場合がございます。';*/
}
.info_tbl table {
box-shadow: 0 0 2px rgba(0,0,0,0.2);
}
.info_tbl th {
background:#dbf1d1;/*#222*/
/*color: #FFF;*/
}



/* 
タイトル画像装飾
---------------------------------------------- */
/* 背景その1 */
#anc_info::before,/* 物件情報 */
#anc_meal::before,/* 食事付き */
#anc_fur::before,/* 家具家電付き */
#anc_girl::before,/* 女子専用 */
#anc_around::before,/* 周辺情報 */
#anc_service::before {
/*background:url(../img/ttlbar_bg.png) no-repeat center bottom;*/
background-size:contain;
height:6px;
top:94px!important;
}

/* 背景その2 */
#anc_info::after,/* 物件情報 */
#anc_meal::after,/* 食事付き */
#anc_fur::after,/* 家具家電付き */
#anc_girl::after,/* 女子専用 */
#anc_around::after,/* 周辺情報 */
#anc_service::after {
/*
background:url(../img/ttlbar_des.png) no-repeat center top;
*/
background-size:contain;
height:100px;
top:34px!important;
}

/* タイトル装飾画像の表示位置　高さ分を設定 */
.section_01 {
/*padding-top: 100px;*/
}

/* 間取り図、パノラマ上のみリセット */
#anc_gallery.section_01 {
padding-top: 0;
	    margin-top: 30px;
}


/* 間取りスライダー
---------------------------------------------- */
/* ボタン */
.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: 1px solid #158d74;
    color: #158d74;/*15367d*/
    /*border-radius: 23px;*/
    box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
	letter-spacing: -0.001em
}


@media screen and (max-width: 767px) {
	.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 {
	font-size: 10px;
}
	
}


/* ボタン（アクティブ） */
.img_slider_02_nav .slick-slide.slick-active,
.img_slider_03_nav .slick-slide.slick-active {
background:#158d74;
border-color:transparent;
color:#FFF;
box-shadow:none;
}

/* 平面図用スライダーのボタン */
.img_slider_03_nav.heimenBtn > .img_slider_03_nav_btn,
.img_slider_03_nav.heimenBtn .slick-slide {
color:#158d74;
}
.img_slider_03_nav.heimenBtn .slick-slide.slick-active {
background: #158d74;
color:#FFF;
}

.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 {
/*box-shadow:4px 4px 4px rgba(0,0,0,0.2);*/
}

/* 設備紹介：連番アイコン
---------------------------------------------- */
#anc_info .info_facility_list .info_facility_list_01 {
	border:none;
	/*border-radius:8px;*/
	border: 1px solid #158d74;	
}

/* 間取り：番号*/
.info_facility_list_01 .info_facility_list_tit::before {
background: #158d74;
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: #158d74;
}


/* 設備、周辺情報の項目背景 */
#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/re_back.png) ,linear-gradient(to bottom, #f19ca6 1%,#fbd79f 100%);*/
	/*background-size: 25px auto;*/
    background-blend-mode: luminosity;	
	
}




/* 周辺情報
---------------------------------------------- */
#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:url(../img/around_school_bg.jpg) center top;*/
}
#anc_info .around_school .title_03,
#anc_info .around_school p{
color:#FFF;
font-weight:normal;
}
#anc_info .around_school .title_03 {
min-height:42px;
background-position:left bottom;
padding:0 0 14px 70px;
margin-bottom:0;
}
#anc_info .around_school .title_03::after {
content:'';
display:block;
width:100%;
height:100%;
/*background:url(../img/train2.png) no-repeat right 80px bottom 10px;*/
position:absolute;
left:0; top:0;
}



/* 
家具家電付きデザインルーム
---------------------------------------------- */
.furniture_set > div {
border:#d8ccba solid 1px;
}
.furniture_point i,
.furniture_set_tit {

}
#anc_fur .furniture_voice_tit {
}





/* サービス紹介
---------------------------------------------- */
/* 安心 */
.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 {
background:none;
}

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

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


/*パノラマ*/

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





/***************************************************************************************************************
****************************************************************************************************************
スマホ用CSS
**************************************/
@media screen and (max-width:767px){

	/* 共通
	---------------------------------------------- */
	/* サイト背景 */
	body::after,
	body::before {
	content:'';
	display:block;
	width:30px;
	background-size:200%;
	background-image:none;
	}
	body::before {
	left:0;
	background-position:right;
	}
	body::after {
	right:0;
	background-position:left;
	}

	#container {
	padding-top:0;
	}

	/* スマホ：ハンバーガーボタン */
	.spHdrBtn {
	border-radius:10px;
	}
	.spHdrBtn,
	.spGNav > ul > li > a:before{
    background-color: #158d74;
	}
	.spHdrBtn > p {
	display:none;
	}
	.spHdrBtn span:nth-of-type(2) {
	top: 50%;
	}
	.spHdrBtn span:nth-of-type(1) {
	top:calc( 50% - 7px);
	}
	.spHdrBtn span:nth-of-type(3) {
	top:calc( 50% + 7px);
	}


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


	/* 展開前 ヘッダー
	---------------------------------------------- */
	/* ヘッダー背景 */
	#header,#spHeader {
	/*background:url(../img/header_bg.png) center top rgba(255,255,255,0.6);*/
	background-size:cover;
	}
	#header .hdr_sec {
	background:none;
	}

	/* ヘッダー下部ライン */
	#header::after {
	content: '';
	display:block;
	position: absolute;
	left:0; bottom:0;
	width: 100%;
	height: 2px;
	background: none;
	}



	/* ナビメニュー項目 */
	.spHdrCnt_slide .spGNav ul li a {
	color: #222;
	}


	/* キービジュアル
	---------------------------------------------- */
	/* キービジュアル背景 */
	#content .keyVisual {
	background-size:cover;
	}






	/* 物件情報
	---------------------------------------------- */
	/* 物件情報 */
	#info_tabContent table {
	box-shadow:none;
	}
	
	/* タブボタン：通常 */
	#info_tab li,
	#info_tab li.active,
	#info_tab li.active a {
	border-color:#158d74;
	}
	#info_tab li a {
	background:#FFF;
	color:#158d74;
	}
	/* タブボタン：選択時 */
	#info_tab li.active a {
	background:#158d74;
	color:#fff;
	}
	#info_tab li.active a::after {
	border-top-color:#158d74;
	}


	/* 全体、上部バナーの背景 */
	#content {
	/*background: url(../img/conbg01.png) center top;
	background-size:contain;*/
	}


	/* 
	タイトル画像装飾
	---------------------------------------------- */
	#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 bottom;*/
	background-size:contain;
	height:6px;
	top:56px!important;
	}

	#anc_info::after,/* 物件情報 */
	#anc_meal::after,/* 食事付き */
	#anc_fur::after,/* 家具家電付き */
	#anc_girl::after,/* 女子専用 */
	#anc_around::after,/* 周辺情報 */
	#anc_service::after {
	/*background:url(../img/ttlbar_des.png) repeat-x center bottom;*/
	background-size:contain;
	height:60px;
	top:24px!important;
	}


	/* 見出しテキスト */
	span.title_01_txt {
	font-weight:bold;
	background-size:150% auto;
	}


	/* タイトル上部余白 */
	#anc_info,
	#anc_meal,
	#anc_fur,
	#anc_girl,
	#anc_around,
	#anc_service {
	/*padding-top: 60px;*/
	}


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

	店舗情報
	---------------------------------------- */
	#anc_shopMult .anc_shop {
	width:100%;
	float: none;
	}
	#anc_shopMult .anc_shop .around_shop .img01 {
	width:100%;
	}



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

	周辺情報
	---------------------------------------- */
	/* 学校情報 */
	#anc_info .around_school .title_03 {
	padding:0.5em 40px 36px 50px;
	background-size:auto 34px;
	font-size:1.2rem;
	z-index:3;
	}
	#anc_info .around_school .title_03::after {
	background-size:auto 16px;
	background-position:right bottom 10px;
	z-index:-1;
	}



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

周辺情報
---------------------------------------- */
#anc_fur .furniture_voice_tit {
position: relative;
padding:0.3em 70px 0.3em 0.5em;
}
#anc_fur .furniture_voice_img_sp {
position: relative;
z-index: 10;
}














}/* @media max-width:767px */