/*======================================
ここからリセットCSS
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
======================================*/
 
/*要素のフォントサイズやマージン・パディングをリセットしています*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    font: inherit;
    vertical-align:baseline;
    background:transparent;
    letter-spacing: 0px;
}
 
/*勝手に文字が大きくなる対策*/
body {
    -webkit-text-size-adjust: 100%;
}
 
/*行の高さをフォントサイズと同じにしています*/
body {
    line-height:1;
}

/*新規追加要素のデフォルトはすべてインライン要素になっているので、section要素などをブロック要素へ変更しています*/
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}
 
/*nav要素内ulのマーカー（行頭記号）を表示しないようにしています*/
nav ul {
    list-style:none;
}
 
/*引用符の表示が出ないようにしています*/
blockquote, q {
    quotes:none;
}
 
/*blockquote要素、q要素の前後にコンテンツを追加しないように指定しています*/
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
 
/*a要素のフォントサイズなどをリセットしフォントの縦方向の揃え位置を親要素のベースラインに揃えるようにしています*/
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
 
/* ins要素のデフォルトをセットし、色を変える場合はここで変更できるようにしています */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
 
/* mark要素のデフォルトをセットし、色やフォントスタイルを変える場合はここで変更できるようにしています
また、mark要素とは、文書内の検索結果で該当するフレーズをハイライトして、目立たせる際に使用するようです。*/
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}
 
/*テキストに打ち消し線が付くようにしています*/
del {
    text-decoration: line-through;
}
 
/*IEではデフォルトで点線を下線表示する設定ではないので、下線がつくようにしています
また、マウスオーバー時にヘルプカーソルの表示が出るようにしています*/
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
 
/*隣接するセルのボーダーを重ねて表示し、間隔を0に指定しています*/
table {
    border-collapse:collapse;
    border-spacing:0;
}
 
/*水平罫線のデフォルトである立体的な罫線を見えなくしています*/
hr {
    display:block;
    height:1px;
    border:0;  
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
 
/*縦方向の揃え位置を中央揃えに指定しています*/
input, select {
    vertical-align:middle;
}

br{
	letter-spacing: normal;
}

/*======================================
ここまでリセットCSS
======================================*/



/*======================================
フォント
======================================*/

body {
  font-family: "FOT-ニューロダン Pro M", "NewRodinPro-M", sans-serif;
  font-size:14px;
  line-height:21px;
  color:#000;
}

address{
	font-size: 14px;
	letter-spacing: 1px;
	font-family: "FOT-ニューロダン ProN DB", "NewRodinProN-DB", sans-serif;
	color: #fff;
}

@font-face {
  font-family: "FontAwesome";
  src: url('fonts/fontawesome-webfont.eot');
  src: url('fonts/fontawesome-webfont.eot?#iefix') format('eot'),
       url('fonts/fontawesome-webfont.woff') format('woff'),
       url('fonts/fontawesome-webfont.ttf') format('truetype'),
       url('fonts/fontawesome-webfont.svg#FontAwesome') format('svg');
  font-weight: normal;
  font-style: normal;
}


.bold{
	font-family: "FOT-ニューロダン Pro B", "NewRodinPro-B", sans-serif;
}

.big{
	font-size: 24px;
}

.midashi40{
	font-size: 41px;
	padding-top: 10px;
	font-family: "FOT-ロダン ProN B", "RodinProN-B", sans-serif;
}

.midashi28{
	font-size: 28px;
	font-family: "FOT-ロダンNTLG Pro B", "RodinNTLGPro-B", sans-serif;
}

.midashi28_age{
	margin-top: -8px;
}

.midashibun16{
	font-size: 16px;
	letter-spacing: 7px;
	font-family: "FOT-ニューロダン Pro M", "NewRodinPro-M", sans-serif;
}

.midashibun14{
	font-size: 14px;
	letter-spacing: 2px;
	font-family: "FOT-ニューロダン Pro M", "NewRodinPro-M", sans-serif;
}

.setsumeibun14{
	font-size: 14px;
	font-family: "FOT-ニューロダン Pro M", "NewRodinPro-M", sans-serif;
	text-align: left;
}

.honbun16{
	font-size: 16px;
	letter-spacing: 1.5px;
	font-family: "FOT-ニューロダン ProN M", "NewRodinProN-M", sans-serif;
}

.residence_summary{
	font-size: 14px;
	letter-spacing: 1px;
	font-family: "FOT-ニューロダン ProN M", "NewRodinProN-M", sans-serif;
	color: #fff;
	background: #000;
}


.shoubun{
	font-size: 18px;
	font-weight:600;
}

.em13{
	line-height: 1.3em;
}


.em16{
	line-height: 1.6em;
}

.em19{
	line-height: 1.8em;
}

.em20{
	line-height: 2.0em;
}

.em22{
	line-height: 2.2em;
}

.red{
	color: #e50012;
}

.black{
	color: #000;
}

.white{
	color: #000;
}

p.ta_left{
	text-align: left;
}


/*================================
 ページ基本
================================*/
html, body { 
	height: 100%;
}

body {
	position:relative;
	margin: 0;
	padding: 0;
	background: #000;
}

.clearfix::after{
　content: ".";
　display: block;
　height: 0;
　clear: both;
　visibility: hidden;
　overflow: hidden;
　font-size: 0.1em;
　line-height: 0;
}


#wrapper {
	margin: 0 auto;
	text-align:center;
}

.padtop10{
	padding-top: 10px;
}

.padtop20{
	padding-top: 20px;
}

.padtop24{
	padding-top: 24px;
}

.padtop48{
	padding-top: 48px;
}

.padtop60{
	padding-top: 60px;
}

.padtop80{
	padding-top: 80px;
}


.padtop120{
	padding-top: 120px;
}

.padver80{
	padding: 80px 0;
}



.padbtm10{
	padding-bottom: 10px;
}

.padbtm20{
	padding-bottom: 20px;
}

.padbtm40{
	padding-bottom: 40px;
}

.padbtm60{
	padding-bottom: 60px;
}

.padbtm80{
	padding-bottom: 80px;
}

.padbtm120{
	padding-bottom: 120px;
}

.martop20{
	margin-top: 20px;
}

/*================================
 header
================================*/
.header_bar{
	background: url(images/header_bg.jpg);
	height: 530px;
	clear:both;
	overflow: hidden;
}

.header_bar_residence{
	background: url(images/header_bg.jpg);
	height: 480px;
	clear:both;
	overflow: hidden;
}

.header_info{
	width: 1080px;
	margin: 0 auto;
	padding-top: 50px;
}

.header_info img{
	transition: .3s;
}

.header_info img:hover{
	opacity: 0.7;
}

.header_logo{
	width: 250px;
}

.header_address{
	padding: 0 12px;
	font-size: 15px;
}

.header_address p{
	text-align: justify;
	-moz-text-align-last: justify;
  text-align-last: justify;
}

.ue_freetel{
	width:290px;
	margin-bottom: -5px;
}

.ue_mail{
	width: 290px;
}

.gronavi ul{ 
margin: 0 auto; 
list-style: none;
padding-bottom: 20px;
}

.gronavi li{
display: inline-block;
padding: 4px;
margin: 0 auto; 
}

.gronavi li a{
display: inline-block;
background: #000;
padding: 6px 0;
text-decoration: none;
color: white;/*文字色*/
width: 342px; 
font-size: 13px;
	letter-spacing: 2px;
	transition: .3s;
}

.gronavi li a:hover{
background: #777777;/*背景を半透明に*/
	color: white;/*文字色*/
}

.top_img {
	max-width: 1050px;
	margin: 0 auto;
}

.top_img > img {
	width: 100%;
	height: auto;
	margin-top: -372px;
}

.lexington_moji img{
	width: 776px;
}

.top_slider{
	top: -372px;
	max-width: 1050px;
	margin: 0 auto;
}

.single_item{
}

.top_slider img{
	max-width: 100%;
     height: auto;

}


/*================================
 footer
================================*/

.footer {
	margin: 0px auto;
	padding: 10px 0;
}


/*================================
 content
================================*/

.content{
	background: #fff;
}

.top_contenthajime{
	margin-top: -324px;
}

.top_logo img{
	width: 210px;
}

.inlineverT{
	display: inline-block;
	vertical-align: top;
}

.inlineverM{
	display: inline-block;
	vertical-align: middle;
}

.inlineverB{
	display: inline-block;
	vertical-align: bottom;
}


.line_bg_bk{
	background: #000;
	width: 1050px;
	height: 34px;
	margin: 0 auto ;
}

.line_bg_bk p{
	padding-top: 7px;
	letter-spacing: 6px;
	color:#fff;
}

.line_bg_bk_shita{
	width: 1050px;
	margin: 0 auto;
	padding-top: 20px;
}

.line_bg_bk_shita_hidari{
	display: inline-block;
	vertical-align: top;
}

.line_bg_bk_shita_center{
	display: inline-block;
	vertical-align: top;
	margin-left: -56px;
}

.line_bg_bk_shita_center img{
	width: 212px;
}

.line_bg_bk_shita_migi{
	display: inline-block;
	vertical-align: top;
	padding-left: 20px;
}

.banner_collect {
	padding: 80px 0;
}

.banner_collect img{
	height: 76px;
	margin: 0 12px;
	transition: .3s;
}

.banner_collect img:hover{
	opacity: 0.7;
}

.gotop {
	padding-bottom: 20px;
}

.gotop img{
	width:84px;
	transition: .3s;
}

.gotop img:hover{
	opacity: 0.7;
}

.works_matome{
	width: 1050px;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 40px;
}

.works_bun_matome{
	clear: both;
	text-align: left;
	float: left;
}

.works_block_matome{
	padding: 40px 0;
	overflow: hidden;
}

.works_bun{
	width: 720px;
	color: #000;
	margin-left: 40px;
}

.works_square_image{
	float: right;
	
}

.works_square_image img{
	width: 212px;
}

.contact_moji img{
	text-decoration: none;
	transition: 0.3s;
}

.contact_moji img:hover{
	opacity: 0.7;
}


/*================================
 residence & slick
================================*/
/* slickの初期化完了まで非表示 */
.slider {
  display:none;
}
.slider.slick-initialized {
  display: block;
}

.slider {
	top: -324px;
	width: 1050px;
	margin: 0 auto;
}


.slick-dots li.slick-active button:before,
.slick-dots li button:before {
	z-index: 999;
	padding-top: 20px;
}
/*スライド画像の横幅可変*/
.residence_slide img {
    width: 170px;
}

.thumb-item-nav .slick-slide:not(.slick-center) {
  -webkit-filter: brightness(0.7) grayscale(100%);
     -moz-filter: brightness(0.7) grayscale(100%);
     -o-filter: brightness(0.7) grayscale(100%);
     -ms-filter: brightness(0.7) grayscale(100%);
     filter: brightness(0.7) grayscale(100%);
  transition: 0.2s linear;
}

.thumb-item-nav li {
	width: 200px;
	margin: 0 10px;
}

.lexington_moji{
	margin-top: -272px;
	margin-bottom: 48px;
}

.residence_title{
	width: 280px;
	padding-bottom: 8px;
}

.residence_bg_gold_shita_center{
	display: inline-block;
	vertical-align: top;
	margin-left: 40px;
}

.residence_bg_gold_shita_center img{
	width: 212px;
}

.residence_just{
	text-align: justify;
	-moz-text-align-last: justify;
  text-align-last: justify;
}

.residence_button ul{
	list-style: none;
}

.residence_button li{
padding: 0; 
margin-top: 16px; 
}

.shousai_ya img{
	background: #fff;
text-decoration: none;
width: 212px;
transition: .3s;
}

.shousai_ya img:hover{
opacity: 0.8;
}

.shousai_ya img{
	width: 212px;
}

/*================================
 レスポンシブ
================================*/
img.image800 { display: none; }
img.image480 { display: none; }
img.imagesp { display: none; }
p.image800 { display: none; }
p.image480 { display: none; }
p.imagesp { display: none; }
.works_square_image_480{
	display: none;
}
.residence_slide_480{
	display: none;
}

.residence_big{
	display: block;
}
	
.residence_mini{
	display: none;
}


/* ▼表示領域が1080px以上の場合 */
@media screen and (min-width: 1080px) {
	img.image1080  { display: block; }
	img.image800 { display: none; }
	img.image480 { display: none; }
	img.imagesp { display: none; }
	p.image1080  { display: block; }
	p.image800 { display: none; }
	p.image480 { display: none; }
	p.imagesp { display: none; }
	.works_square_image_480{
	display: none;
}
}

/* ▼表示領域が800-1079pxの場合 */
@media screen and (max-width: 1079px) {
img.image1080  { display: none; }
img.image800 { display: block; }
img.image480 { display: none; }
img.imagesp { display: none; }
p.image1080  { display: none; }
p.image800 { display: block; }
p.image480 { display: none; }
p.imagesp { display: none; }

/*================================
 800px- font
================================*/

.midashi40{
	font-size: 36px;
	font-family: "FOT-ロダン ProN B", "RodinProN-B", sans-serif;
}

.midashi28{
	font-size: 22px;
	font-family: "FOT-ロダンNTLG Pro B", "RodinNTLGPro-B", sans-serif;
}

.midashi28_age{
	margin-top: 0px;
}
	
.honbun16{
	font-size: 14px;
	letter-spacing: 1.5px;
	font-family: "FOT-ニューロダン ProN M", "NewRodinProN-M", sans-serif;
}

/*================================
 800px- header
================================*/
.header_bar{
	background: url(images/header_bg.jpg);
	height: 280px;
	clear:both;
	overflow: hidden;
}

.header_bar_residence{
	background: url(images/header_bg.jpg);
	height: 480px;
	clear:both;
	overflow: hidden;
}

.header_info{
	width: 776px;
	margin: 0 auto;
	padding-top: 50px;
}

.header_address{
	padding: 0 12px;
	font-size: 15px;
}

.header_address p{
	text-align: left;
	-moz-text-align-last: inherit;
  text-align-last: inherit;
}

.gronavi li{
display: inline-block;
padding: 4px;
margin: 0 auto; 
}

.gronavi li a{
display: inline-block;
background: #000;
padding: 6px 0;
text-decoration: none;
color: white;/*文字色*/
width: 250px; 
font-size: 13px;
	letter-spacing: 2px;
	transition: .3s;
}

.top_img {
	max-width: 776px;
	margin: 0 auto;
}

.top_img > img {
	width: 100%;
	height: auto;
	margin-top: -128px;
}

.lexington_moji img{
	width: 776px;
}

.top_slider{
	top: -128px;
	max-width: 776px;
	margin: 0 auto;
}

.top_slider img{
	max-width: 100%;
     height: auto;
}

/*================================
 800px- content
================================*/

.top_midashi{
	padding-top:244px;
}

.top_contenthajime{
	margin-top: -324px;
}

.line_bg_bk{
	background: #000;
	width: 776px;
	height: 34px;
	margin: 0 auto ;
}

.line_bg_bk p{
	padding-top: 7px;
	letter-spacing: 6px;
	color:#fff;
}

.line_bg_bk_shita{
	width: 776px;
	margin: 0 auto;
	padding-top: 20px;
}

.line_bg_bk_shita_hidari{
	display: inline-block;
	vertical-align: top;
}

.line_bg_bk_shita_center{
	display: inline-block;
	vertical-align: top;
	margin-left: -156px;
}

.line_bg_bk_shita_center img{
	width: 180px;
}

.line_bg_bk_shita_migi{
	display: inline-block;
	vertical-align: top;
	padding-left: 20px;
}

.banner_collect {
	padding: 80px 0;
}

.banner_collect img{
	height: 76px;
	margin: 0 4px;
	transition: .3s;
}

.works_matome{
	width: 776px;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 40px;
}

.works_bun_matome{
	width: 548px;
	clear: both;
	text-align: left;
	float: left;
}

.works_block_matome{
	width: 776px;
	padding: 40px 0;
	overflow: hidden;
}

.works_bun{
	width: 528px;
	color: #000;
	margin-left: 20px;
}

.works_square_image{
	float: right;	
}

.works_square_image img{
	width: 212px;
}

.works_square_image_480{
	display: none;
}

.contact_moji img{
	text-decoration: none;
	transition: 0.3s;
}

.contact_moji img:hover{
	opacity: 0.7;
}

/*================================
 800px- residence & slick
================================*/


.residence_slide_480{
	display: none;
}

.slider {
	top: -324px;
	width: 776px;
}
	
.residence_slide{
	padding-bottom: 2px;
}

/*スライド画像の横幅可変*/
.residence_slide img {
    width: 200px;
}

.thumb-item-nav .slick-slide:not(.slick-center) {
  -webkit-filter: brightness(0.7) grayscale(100%);
     -moz-filter: brightness(0.7) grayscale(100%);
     -o-filter: brightness(0.7) grayscale(100%);
     -ms-filter: brightness(0.7) grayscale(100%);
     filter: brightness(0.7) grayscale(100%);
  transition: 0.2s linear;
}
	
.thumb-item-nav li {
	width: 160px;
	margin: 0 7px;
}

.lexington_moji{
	margin-top: -272px;
	margin-bottom: 48px;
}

.residence_big{
	display: none;
}
	
.residence_mini{
	display: block;
}	

.residence_title{
	width: 232px;
	padding-bottom: 8px;
}

.residence_bg_gold_shita_center{
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
	margin-right: -10px;
}

.residence_bg_gold_shita_center img{
	width: 180px;
}

.residence_just{
	text-align: justify;
	-moz-text-align-last: justify;
  text-align-last: justify;
}

.residence_button li{
padding: 0; 
margin-top: 16px; 
}

.shousai_ya img{
	background: #fff;
text-decoration: none;
width: 180px;
transition: .3s;
}

}

/* ▼表示領域が480px-799の場合 */
@media screen and (max-width: 799px) {
	img.image1080  { display: none; }
	img.image800 { display: none; }
	img.image480 { display: block; }
	img.imagesp { display: none; }
	p.image1080  { display: none; }
	p.image800 { display: none; }
	p.image480 { display: block; }
	p.imagesp { display: none; }

/*================================
 620px- font
================================*/

.midashi40{
	font-size: 32px;
	font-family: "FOT-ロダン ProN B", "RodinProN-B", sans-serif;
}

.midashi28{
	font-size: 18px;
	line-height: 1.5em;
	font-family: "FOT-ロダンNTLG Pro B", "RodinNTLGPro-B", sans-serif;
}

.midashi28_age{
	margin-top: 0px;
	margin-bottom: 2px;
}
	
.honbun16{
	font-size: 14px;
	letter-spacing: 1.5px;
	font-family: "FOT-ニューロダン ProN M", "NewRodinProN-M", sans-serif;
}

/*================================
 620px- header
================================*/
.header_bar{
	background: url(images/header_bg.jpg);
	height: 320px;
	clear:both;
	overflow: hidden;
}

.header_bar_residence{
	background: url(images/header_bg.jpg);
	height: 320px;
	clear:both;
	overflow: hidden;
}

.header_info{
	width: 600px;
	margin: 0 auto;
	padding-top: 40px;
}

.header_address{
	padding: 0 12px;
	font-size: 15px;
}

.header_address p{
	text-align: left;
	-moz-text-align-last: inherit;
  text-align-last: inherit;
}

.gronavi li{
display: inline-block;
padding: 1px;
margin: 0 auto; 
}

.gronavi li a{
display: inline-block;
background: #000;
padding: 6px 0;
text-decoration: none;
color: white;/*文字色*/
width: 195px; 
font-size: 13px;
	letter-spacing: 2px;
	transition: .3s;
}
	
.header_logo{
	width: 250px;
}

.top_img {
	max-width: 600px;
	margin: 0 auto;
}

.top_img > img {
	width: 100%;
	height: auto;
	margin-top: -134px;
}

.lexington_moji img{
	width: 600px;
}

.top_slider{
	top: -134px;
	max-width: 600px;
	margin: 0 auto;
}

.top_slider img{
	max-width: 100%;
     height: auto;
}

/*================================
 620px- content
================================*/

.top_midashi{
	padding-top:244px;
}

.top_contenthajime{
	margin-top: -324px;
}

.line_bg_bk{
	background: #000;
	width: 600px;
	height: 34px;
	margin: 0 auto ;
}

.line_bg_bk p{
	padding-top: 7px;
	letter-spacing: 6px;
	color:#fff;
}

.line_bg_bk_shita{
	width: 600px;
	margin: 0 auto;
	padding-top: 20px;
}

.line_bg_bk_shita_hidari{
	display: inline-block;
	vertical-align: top;
	padding-bottom: 20px;
}

.line_bg_bk_shita_center{
	display: inline-block;
	vertical-align: top;
	margin-left: -46px;
}

.line_bg_bk_shita_center img{
	width: 212px;
}

.line_bg_bk_shita_migi{
	display: inline-block;
	vertical-align: top;
	padding-left: 0px;
}

.banner_collect {
	padding: 80px 0;
}

.banner_collect img{
	height: 64px;
	margin: 0 4px;
	transition: .3s;
}

.works_matome{
	width: 600px;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 40px;
}

.works_bun_matome{
	width: 384px;
	clear: both;
	text-align: left;
	float: left;
}

.works_block_matome{
	width: 600px;
	padding: 40px 0;
	overflow: hidden;
}

.works_bun{
	width: 384px;
	color: #000;
	margin-left: 20px;
}

.works_square_image{
	float: right;
	
}

.works_square_image img{
	width: 192px;
}

.works_square_image_480{
	display: none;
}

.contact_moji img{
	text-decoration: none;
	transition: 0.3s;
}

.contact_moji img:hover{
	opacity: 0.7;
}
	
/*================================
 620px- residence & slick
================================*/

.slider {
	top: -132px;
	width: 600px;
	overflow: hidden;
}

.slick-dots li.slick-active button:before,
.slick-dots li button:before {
	z-index: 999;
	padding-top: 20px;
}
/*スライド画像の横幅可変*/
.residence_slide img {
    width: 153px;
	overflow: hidden;
}

.thumb-item-nav .slick-slide:not(.slick-center) {
  -webkit-filter: brightness(0.7) grayscale(100%);
     -moz-filter: brightness(0.7) grayscale(100%);
     -o-filter: brightness(0.7) grayscale(100%);
     -ms-filter: brightness(0.7) grayscale(100%);
     filter: brightness(0.7) grayscale(100%);
  transition: 0.2s linear;
}

.thumb-item-nav li {
	width: 153px;
	margin: 0 6px;
	overflow: hidden;
}
	
.thumb-item{
	margin-bottom: 0px;
	margin-top: -184px;
	top: 0px;
}

.line_bg_bk_shita_hidari{
	overflow: hidden;
}	

.lexington_moji{
	margin-top: -80px;
	margin-bottom: 48px;
}

.lexington_moji_ue img{
	width: 300px;
}
	
.lexington_moji_shita img{
	width: 360px;
}

.residence_title{
	width: 232px;
	padding-bottom: 8px;
}

.residence_bg_gold_shita_center{
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
	margin-right: -10px;
}

.residence_bg_gold_shita_center img{
	width: 180px;
}

.residence_just{
	text-align: justify;
	-moz-text-align-last: justify;
  text-align-last: justify;
}

.residence_button li{
padding: 0; 
margin-top: 16px; 
}

.shousai_ya img{
	background: #fff;
text-decoration: none;
width: 160px;
transition: .3s;
}

}

@media screen and (max-width: 620px) {

/*================================
 480px- header
================================*/
.header_bar{
	background: url(images/header_bg.jpg);
	height: 324px;
	clear:both;
	overflow: hidden;
}

.header_bar_residence{
	background: url(images/header_bg.jpg);
	height: 368px;
	clear:both;
	overflow: hidden;
}

.header_info{
	width: 448px;
	margin: 0 auto;
	padding-top: 50px;
}

.header_address{
	padding: 0 12px;
	font-size: 15px;
}

.header_address p{
	text-align: left;
	-moz-text-align-last: inherit;
  text-align-last: inherit;
}

.gronavi li{
display: inline-block;
padding: 1px;
margin: 0 auto; 
}

.gronavi li a{
display: inline-block;
background: #000;
padding: 6px 0;
text-decoration: none;
color: white;/*文字色*/
width: 145px; 
font-size: 13px;
	letter-spacing: 2px;
	transition: .3s;
}

.top_img {
	max-width: 448px;
	margin: 0 auto;
}

.top_img > img {
	width: 100%;
	height: auto;
	margin-top: -128px;
}

.lexington_moji img{
	width: 448px;
}

.top_slider{
	top: -128px;
	max-width: 448px;
	margin: 0 auto;
}

.top_slider img{
	max-width: 100%;
     height: auto;
}

/*================================
 480px- content
================================*/

.top_midashi{
	padding-top:244px;
}

.top_contenthajime{
	margin-top: -324px;
}

.line_bg_bk{
	background: #000;
	width: 448px;
	height: 34px;
	margin: 0 auto ;
}

.line_bg_bk p{
	padding-top: 7px;
	letter-spacing: 6px;
	color:#fff;
}

.line_bg_bk_shita{
	width: 448px;
	margin: 0 auto;
	padding-top: 20px;
}

.line_bg_bk_shita_hidari{
	display: inline-block;
	vertical-align: top;
	padding-bottom: 20px;
}

.line_bg_bk_shita_center{
	display: inline-block;
	vertical-align: top;
	margin-left: -116px;
}

.line_bg_bk_shita_center img{
	width: 180px;
}

.line_bg_bk_shita_migi{
	display: inline-block;
	vertical-align: top;
	padding-left: 0px;
}

.banner_collect {
	padding: 80px 0;
}

.banner_collect img{
	height: 52px;
	margin: 0 2px;
	transition: .3s;
}

.works_matome{
	width: 448px;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 40px;
}

.works_bun_matome{
	width: 448px;
	clear: both;
	text-align: left;
	float: left;
}

.works_block_matome{
	width: 448px;
	padding: 40px 0;
	overflow: hidden;
}

.works_bun{
	width: 448px;
	color: #000;
	margin-left: 0px;
}

.works_square_image{
	display: none;
}

.works_square_image img{
	display: none;
}

.works_square_image_480{
	display: block;
}

.works_square_image_480 img{
	width: 448px;
}


.contact_moji img{
	text-decoration: none;
	transition: 0.3s;
}

.contact_moji img:hover{
	opacity: 0.7;
}

address{
	font-size: 13px;
	letter-spacing: 1px;
	font-family: "FOT-ニューロダン ProN DB", "NewRodinProN-DB", sans-serif;
	color: #fff;
}
	
/*================================
 480px- residence & slick
================================*/
.margin620{
	display: none;
}
	
.residence_slide{
	display: none;
}

.residence_slide_480{
	display: block;
}

.slider {
	top: -172px;
	width: 448px;
}

.slick-dots li.slick-active button:before,
.slick-dots li button:before {
	z-index: 999;
	padding-top: 20px;
}
/*スライド画像の横幅可変*/
.residence_slide_480 img {
    width: 200px;
}

.thumb-item-nav .slick-slide:not(.slick-center) {
  -webkit-filter: brightness(0.7) grayscale(100%);
     -moz-filter: brightness(0.7) grayscale(100%);
     -o-filter: brightness(0.7) grayscale(100%);
     -ms-filter: brightness(0.7) grayscale(100%);
     filter: brightness(0.7) grayscale(100%);
  transition: 0.2s linear;
}

.thumb-item-nav li {
	margin: 0 4px ;
}
	
.thumb-item{
	margin-bottom: -40px;
	margin-top: -204px;
}

.lexington_moji{
	margin-top: -120px;
	margin-bottom: 48px;
}

.lexington_moji_ue img{
	width: 300px;
}
	
.lexington_moji_shita img{
	width: 360px;
}

.residence_title{
	width: 232px;
	padding-bottom: 8px;
}

.residence_bg_gold_shita_center{
	display: inline-block;
	vertical-align: top;
	margin-left: 16px;
	margin-right: 0px;
}

.residence_bg_gold_shita_center img{
	width: 180px;
}

.residence_just{
	text-align: justify;
	-moz-text-align-last: justify;
  text-align-last: justify;
}

.residence_button li{
padding: 0; 
margin-top: 16px; 
}

.shousai_ya img{
	background: #fff;
text-decoration: none;
width: 180px;
transition: .3s;
}

}


/* ▼表示領域が479px以下の場合 */
@media screen and (max-width: 479px) {
	img.image1080  { display: none; }
	img.image800 { display: none; }
	img.image480 { display: none; }
	img.imagesp { display: block; }
	p.image1080  { display: none; }
	p.image800 { display: none; }
	p.image480 { display: none; }
	p.imagesp { display: block; }

/*================================
 sp header
================================*/
.header_bar{
	background: url(images/header_bg.jpg);
	height: 334px;
	clear:both;
	overflow: hidden;
}

.header_bar_residence{
	background: url(images/header_bg.jpg);
	height: 448px;
	clear:both;
	overflow: hidden;
}

.header_info{
	width: 90%;
	margin: 0 auto;
	padding-top: 48px;
}

.header_address{
	padding: 4px 12px;
	font-size: 13px;
}

.header_address p{
	text-align: center;
	-moz-text-align-last: inherit;
  text-align-last: inherit;
}

.gronavi li{
display: block;
padding: 2px 0;
margin: 0 auto; 
}

.gronavi li a{
display: inline-block;
background: #000;
padding: 5px 0;
text-decoration: none;
color: white;/*文字色*/
width: 90%; 
font-size: 13px;
	letter-spacing: 2px;
	transition: .3s;
}

.top_img {
	max-width: 90%;
	margin: 0 auto;
}

.top_img > img {
	width: 100%;
	height: auto;
	margin-top: -28px;
}

.lexington_moji img{
	width: 290px;
}

.top_slider{
	top: -28px;
	max-width: 90%;
	margin: 0 auto;
}

.top_slider img{
	max-width: 100%;
     height: auto;
}

/*================================
 sp content
================================*/

.top_midashi{
	padding-top:344px;
}

.top_contenthajime{
	margin-top: -324px;
}

.line_bg_bk{
	background: #000;
	width: 290px;
	height: 34px;
	margin: 0 auto ;
}

.line_bg_bk p{
	padding-top: 7px;
	letter-spacing: 3px;
	color:#fff;
}

.line_bg_bk_shita{
	width: 290px;
	margin: 0 auto;
	padding-top: 20px;
}

.line_bg_bk_shita_hidari{
	display: block;
	vertical-align: top;
	padding-bottom: 20px;
}

.line_bg_bk_shita_center{
	display: inline-block;
	vertical-align: top;
	margin-left: 0px;
	margin-bottom: 20px
}

.line_bg_bk_shita_center img{
	width: 180px;
}

.line_bg_bk_shita_migi{
	display: inline-block;
	vertical-align: top;
	padding-left: 0px;
}

.banner_collect {
	padding: 80px 0;
}

.banner_collect img{
	height: 52px;
	margin: 0 2px;
	transition: .3s;
}

.works_matome{
	width: 90%;
	margin: 0 auto;
	overflow: inherit;
	padding-bottom: 0px;
}

.works_bun_matome{
	width: 100%;
	clear: both;
	text-align: left;
	float: inherit;
}

.works_block_matome{
	width: 100%;
	padding: 40px 0;
	overflow: inherit;
}

.works_bun{
	width: 100%;
	color: #000;
	margin-left: 0px;
}

.works_square_image{
	display: none;
}

.works_square_image img{
	display: none;
}

.works_square_image_480{
	display: block;
	margin: 0 auto;
}

.works_square_image_480 img{
	width: 100%;
}

.contact_moji img{
	width: 260px;
	text-decoration: none;
	transition: 0.3s;
}

.contact_moji img:hover{
	opacity: 0.7;
}

address{
	padding: 0 10px;
	font-size: 12px;
	letter-spacing: 1px;
	font-family: "FOT-ニューロダン ProN DB", "NewRodinProN-DB", sans-serif;
	color: #fff;
}

/*================================
 sp residence & slick
================================*/

.gronavi_residence li a{
display: inline-block;
background: #000;
padding: 5px 0;
text-decoration: none;
color: white;/*文字色*/
width: 290px; 
font-size: 13px;
	letter-spacing: 2px;
	transition: .3s;
}

.residence_slide{
	display: block;
}

.residence_slide_480{
	display: none;
}

.slider {
	top: -144px;
	width: 290px;
}

.slick-dots li.slick-active button:before,
.slick-dots li button:before {
	z-index: 999;
	padding-top: 16px;
}
/*スライド画像の横幅可変*/
.residence_slide_480 img {
    width: 80%;
	height: auto;
}

.thumb-item-nav .slick-slide:not(.slick-center) {
  -webkit-filter: brightness(0.7) grayscale(100%);
     -moz-filter: brightness(0.7) grayscale(100%);
     -o-filter: brightness(0.7) grayscale(100%);
     -ms-filter: brightness(0.7) grayscale(100%);
     filter: brightness(0.7) grayscale(100%);
  transition: 0.2s linear;
}

.thumb-item-nav li {
	margin: 0 4px;
}
	
.thumb-item{
	margin-bottom: -54px;	
}

.lexington_moji{
	margin: 0 auto;
	margin-top: -100px;
	margin-bottom: 48px;
}

.lexington_moji_ue img{
	width: 240px;
}
	
.lexington_moji_shita img{
	width: 290px;
}

.residence_title{
	width: 280px;
	padding-bottom: 8px;
	margin: 0 auto;
}

.residence_bg_gold_shita_center{
	display: inline-block;
	vertical-align: top;
	margin: 0 auto 20px;
}

.residence_bg_gold_shita_center img{
	width: 180px;
}

.residence_just{
	width: 280px;
	margin: 0 auto;
	text-align: justify;
	-moz-text-align-last: justify;
  text-align-last: justify;
}

.residence_button li{
padding: 0; 
margin-top: 16px; 
}

.shousai_ya img{
	background: #fff;
text-decoration: none;
width: 180px;
transition: .3s;
}


}