@charset "UTF-8";

/*reset*/
/*-------------------------------------------------------*/
article,aside,figure,figcaption,footer,header,nav,section,main{ display: block; }
small{ font-size: inherit; line-height: inherit; }
body,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,div,figure,figcaption{ margin: 0; padding: 0; font-size: 100%; line-height: 1.5; }
ul,li,ol{ list-style: none; margin: 0; padding: 0; }
button{ background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; appearance: none; }
a img{ border: none; }
a{ transition: all 0.25s linear; color: #3388cb; }
a:hover{ opacity: 0.7; text-decoration: none; }
img{ vertical-align: bottom; max-width: 100%; height: auto; }
html,body,p,div{
	color: #7f7f7f;
	font-family: Lora, serif;
	font-size: 16px; line-height: 1.75;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 480px){ /*480px以下のcss*/
	html,body,p,div{ font-size: 14px; }
}




/*tmp responsive convert*/
/*-------------------------------------------------------*/
#header *,
#subFooter *,
#footerArea *{ color: #333; font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", Arial, Helvetica, sans-serif; }
#header *{ line-height: 1; }
#header span{ line-height: 1.7; }
#subFooter dt,
#subFooter dd{ font-size: 14.5px; }
#header{ min-width: 0; }
#header .inner{ max-width: 1120px; width: auto; }
#subFooter { min-width: 0; }
#subFooter .baseIn { max-width: 1120px; width: auto; }
#footerArea{ min-width: 0; }
#ftBtn_toTop { width: auto; max-width: 1120px; }
#footerArea .areaInner { max-width: 1120px; width: auto; }
/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 768px){ /*768px以下のcss*/
	#header{ padding: 0; }
	#header .logo{ width: 33.6%; padding: 5%; max-width: 168px; }
	#header .logo span{ display: none; }
	#header div.logo_group{ width: 34.4%; padding: 5%; max-width: 172px; }
	#subFooter{ display: none; }
	#footerArea{ padding: 0; margin-top: 40px; }
	#footerArea .devSmp{ display: block; }
	#footerArea .areaInner { display: none; }
	#ftBtn_toTop { width: auto; }
	#ftBtn_toTop div { position: absolute; top: -40px; right: 20px; z-index: 200; }
	#ftBtn_toTop div img { width: 40px; height: auto; }
	#footerArea div.txtLink { text-align: center; }
	#footerArea div.txtLink p{ font-size: 14px; }
	#footerArea div.txtLink a { padding: 14px; background: url(/mansion/common/images/rn/ico_arrow02.png) left center no-repeat; -webkit-background-size: 6px 12px; -moz-background-size: 6px 12px; background-size: 6px 12px; display: inline-block; }
	#footerArea .devSmp .footer_utility { margin: 0; padding: 7px 0 0; border-top: 2px solid #fa0046; line-height: 1.0; text-align: center; overflow: visible; }
	#footerArea .devSmp .footer_utility li:first-child { margin: 0; padding: 0 0 2px; border-left: none; display: block; clear: both; }
	#footerArea .devSmp .footer_utility li{ display: inline-block; float: none; margin: 0 0 0 5px; padding: 0 0 0 5px; border-left: 1px solid #4d4d4f; font-size: 10px; font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", 'Droid Sans', "メイリオ", Meiryo, sans-serif; color: #4d4d4f; vertical-align: baseline; }
	#footerArea .devSmp .footer_utility li:nth-child(2) { border-left: none; }
	#footerArea #copyright { margin-top: 0; padding: 6px 5px 8px; font-size: 10px; line-height: 1.1; font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", 'Droid Sans', "メイリオ", Meiryo, sans-serif; text-align: center; color: #4d4d4f; display: block; }
}




/*common style*/
/*-------------------------------------------------------*/
.spt5{ margin-top: 5px; }
.spt10{ margin-top: 10px; }
.spt15{ margin-top: 15px; }
.spt20{ margin-top: 20px; }
.spt25{ margin-top: 25px; }
.spt30{ margin-top: 30px; }
.spt35{ margin-top: 35px; }
.spt40{ margin-top: 40px; }
.spt45{ margin-top: 45px; }
.spt50{ margin-top: 50px; }
.spt60{ margin-top: 60px; }
.spt70{ margin-top: 70px; }
.spt80{ margin-top: 80px; }
.spt90{ margin-top: 90px; }
.spt100{ margin-top: 100px; }
.spt110{ margin-top: 110px; }
.spt120{ margin-top: 120px; }
.spt130{ margin-top: 130px; }
.spt140{ margin-top: 140px; }
.spt150{ margin-top: 150px; }
.sw-elm .pc,.sw-elm .tb-h,.sw-elm .tb-v,.sw-elm .sp{ display: none; }
.sw-elm .pc{ display: block; }
.sw-elm img.pc{ display: inline; }
.txt-underline{ text-decoration: underline; }
.stt-lang-select{ display: none!important; }
.txt-indent{ display: block; padding-left: 1em; text-indent: -1em; }
.txt-hidden{ visibility: hidden; }
#wrapper .header-navi{ width: 100%; background-color: #ffffff; z-index: 1000; }
#wrapper .header-navi.fixed{ position: fixed; top: 0; left: 0; }
#wrapper .header-navi .inner{ width: auto; max-width: 1100px; margin: 0 auto; position: relative; }
#wrapper .header-navi .select-navi{ width: 30%; position: absolute; left: 0; top: 50%; margin-top: -29px; padding-right: 20px; box-sizing: border-box; z-index: 100; }
#wrapper .header-navi .select-navi .select-menu a{ display: block; text-align: center; padding: 20px 10px; border: 1px solid #cacaca; box-sizing: border-box; line-height: 0; border-radius: 3px; }
#wrapper .header-navi .select-navi .navi-list{ background-color: #ffffff; display: none; }
#wrapper .header-navi .select-navi .navi-list .navi+.navi{ border-top: 1px solid #828282; }
#wrapper .header-navi .select-navi .navi-list .navi a{ display: block; color: #ffffff; background-color: #595959; text-align: center; text-decoration: none; padding: 15px 0; }
#wrapper .header-navi .lang-select{ display: -ms-flex; display: flex; justify-content: flex-end; position: absolute; top: 50%; transform: translateY(-50%); }
#wrapper .header-navi .lang-select .navi+.navi{ margin-left: 5px; }
#wrapper .header-navi .lang-select .navi a{ display: block; border: 1px solid transparent; background-color: #eeeeee; font-size: 0.88rem; text-decoration: none; padding: 5px 10px; border-radius: 3px; color: #666666; opacity: 0.5; }
#wrapper .header-navi .lang-select .navi a[data-stt-active]{ border-color: #999999; opacity: 1; }
#wrapper .header-navi .lang-select .navi a img{ vertical-align: middle; margin-right: 3px; }
#wrapper .header-navi .global-navi-menu{ display: none; }
#wrapper .header-navi .global-navi{ /*width: 70%;*/ width: 100%; display: -ms-flex; display: flex; margin-left: auto; padding: 15px 0 15px 330px; box-sizing: border-box; justify-content: flex-end; }
#wrapper .header-navi .global-navi .navi{ width: 33.33%; text-align: center; border: solid #cacaca; border-width: 0 1px; padding: 0 20px; box-sizing: border-box; display: -ms-flex; display: flex; justify-content: center; align-items: center; }
#wrapper .header-navi .global-navi .navi+.navi{ margin-left: -1px; }
#wrapper .header-navi .global-navi .navi a{ display: block; width: 100%; color: #686868; text-decoration: none; font-size: 0.94rem; line-height: 1.5; padding: 5px 0; }
/*#wrapper .header-navi .global-navi .navi-ext a{ background-color: #dcab00; color: #ffffff; }*/

/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1112px){ /*1112px以下のcss*/
	.sw-elm .pc,.sw-elm img.pc{ display: none; }
	.sw-elm .tb-h{ display: block; }
	.sw-elm img.tb-h{ display: inline; }
	#wrapper .header-navi .inner{ margin: 0 30px; }
}
@media screen and (min-width: 769px){ /*769px以上のcss*/
	#wrapper .header-navi .select-navi .navi-list{ display: none!important; height: 0!important; }
	#wrapper .header-navi .select-navi:hover .navi-list{ display: block!important; height: auto!important; }
	#wrapper .header-navi .global-navi{ display: -ms-flex!important; display: flex!important; }
}
@media screen and (max-width: 768px){ /*768px以下のcss*/
	.spt5{ margin-top: 0.65%; }
	.spt10{ margin-top: 1.3%; }
	.spt15{ margin-top: 1.95%; }
	.spt20{ margin-top: 2.6%; }
	.spt25{ margin-top: 3.26%; }
	.spt30{ margin-top: 3.91%; }
	.spt35{ margin-top: 4.56%; }
	.spt40{ margin-top: 5.21%; }
	.spt45{ margin-top: 5.86%; }
	.spt50{ margin-top: 6.51%; }
	.spt60{ margin-top: 7.81%; }
	.spt70{ margin-top: 9.11%; }
	.spt80{ margin-top: 10.42%; }
	.spt90{ margin-top: 11.72%; }
	.spt100{ margin-top: 13.02%; }
	.spt110{ margin-top: 14.32%; }
	.spt120{ margin-top: 15.63%; }
	.spt130{ margin-top: 16.93%; }
	.spt140{ margin-top: 18.23%; }
	.spt150{ margin-top: 19.53%; }
	.sw-elm .tb-h,.sw-elm img.tb-h{ display: none; }
	.sw-elm .tb-v{ display: block; }
	.sw-elm img.tb-v{ display: inline; }
	#wrapper .header-navi .inner{ margin: 2% 5%; }
	#wrapper .header-navi .select-navi{ width: 80%; max-width: 300px; top: 25px; margin-top: -23px; }
	#wrapper .header-navi .select-navi .select-menu a{ padding: 15px 10px; }
	#wrapper .header-navi .lang-select{ justify-content: flex-start; margin: 0; position: absolute; top: 25px; transform: translateY(-50%); }
	#wrapper .header-navi .global-navi-menu{ display: block; margin-left: auto; width: 60px; font-size: 12px; text-align: center; }
	#wrapper .header-navi .global-navi-menu a{ display: block; color: #666666; text-decoration: none; }
	#wrapper .header-navi .global-navi-menu .icon{ display: block; background: url(../images/common/icon_open.png) center center no-repeat; background-size: cover; width: 30px; height: 30px; margin: 0 auto; }
	#wrapper .header-navi .global-navi-menu .icon.close{ background-image: url(../images/common/icon_close.png); }
	#wrapper .header-navi .global-navi{ display: none;  width: 100%; padding: 0; margin-top: 10px; }
	#wrapper .header-navi .global-navi .navi{ width: 100%; border: none; padding: 0; display: block; border-top: 1px solid #cacaca; padding: 5px 0; }
	#wrapper .header-navi .global-navi .navi+.navi{ margin: -1px 0 0; }
	#wrapper .header-navi .global-navi .navi a{ padding: 10px 0; }
}
@media screen and (max-width: 480px){ /*480px以下のcss*/
	.sw-elm .tb-v,.sw-elm img.tb-v{ display: none; }
	.sw-elm .sp{ display: block; }
	.sw-elm img.sp{ display: inline; }
	#wrapper .header-navi .inner{ margin: 2%; }
	#wrapper .header-navi .lang-select .navi+.navi{ margin-left: 3px; }
	#wrapper .header-navi .lang-select .navi a{ font-size: 0.8rem; padding: 3px 5px; }
	#wrapper .header-navi .lang-select .navi a img{ margin-right: 2px; }
}




/*style*/
/*-------------------------------------------------------*/
#content .announce{ max-width: 1160px; margin: 50px auto 0; }
#content .announce a{ margin: 0 30px; padding: 20px 5%; font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", Arial, Helvetica, sans-serif; text-align: center; background-color: #F0F3F3; display: block; }
#content .bukken-info{ max-width: 1110px; margin: 50px auto 0; padding: 0 30px; }
#content .bukken-info .head{ border-left: 6px solid #f0f3f3; padding-left: 26px; }
#content .bukken-info .head .ttl{ margin-left: -32px; border-left: 6px solid #dcab00; padding: 5px 0 15px 26px; font-size: 2.38rem; color: #202020; }
#content .bukken-info .head .ttl .court{ font-size: 78.95%; }
#content .bukken-info .head .txt{ padding: 15px 0; border-top: 1px solid #d3dcdc; }
#content .bukken-info .split-view{ display: -ms-flex; display: flex; justify-content: space-between; margin-top: 40px; }
#content .bukken-info .split-view .photo-body{ width: 40.36%; }
#content .bukken-info .split-view .photo-body .caption{ font-size: 0.75rem; margin-top: 5px; text-align: right; }
#content .bukken-info .split-view .txt-body{ width: 56.76%; }
#content .bukken-info .split-view .txt-body .feature{ background-color: #f0f3f3; border-left: 2px solid #dcab00; padding: 15px 20px; color: #434343; }
#content .bukken-info .split-view .txt-body .feature+.feature{ margin-top: 10px; }
#content .bukken-info .split-view .txt-body .feature p{ color: inherit; }
#content .bukken-info .split-view .txt-body .feature .list-item{ line-height: 1.5; }
#content .bukken-info .split-view .txt-body .feature .list-item .item{ display: inline-block; font-size: 0.85rem; }
#content .bukken-info .split-view .txt-body .feature .list-item .item::after{ content: '、'; font-size: inherit; }
#content .bukken-info .split-view .txt-body .feature .list-item .item:last-child::after{ display: none; }
#content .bukken-info .split-view .txt-body .feature .caption{ font-size: 0.75rem; display: block; }
#content .bukken-info .split-view+.caption{ font-size: 0.75rem; margin-top: 30px; }
#content .section{ margin-top: 50px; overflow: hidden; }
#content .section .section-ttl{ font-size: 2.13rem; position: relative; text-align: center; padding-bottom: 20px; color: #323232; margin-bottom: 40px; }
#content .section .section-ttl::before{ content: ''; position: absolute; width: 60px; height: 1px; background-color: #dcab00; left: 50%; position: absolute; bottom: 0; margin-left: -30px; }
#content .section .section-body{ max-width: 1100px; margin: 0 auto; padding: 50px 30px; position: relative; }
#content .section .section-body::before{ content: ''; position: absolute; left: 50%; top: 0; width: 100vw; height: 100%; z-index: -1; background-color: #f0f3f3; transform: translateX(-50%); }
#content .section-access .access-list{ /*display: -ms-flex; display: flex; justify-content: space-between;*/ }
#content .section-access .access-list .item{ border-left: 4px solid #dcab00; color: #323232; /*width: 45%;*/ font-size: 1.2rem; padding-left: 15px; }
#content .section-access .access-list .item .ttl{ font-size: 150%; line-height: 2; font-weight: 900}
#content .section-access .access-list .item .num{ font-size: 150%; line-height: 1; }
#content .section-access .access-list+.caption{ font-size: 0.75rem; margin-top: 30px; }
#content .section-location .list-item{ display: -ms-flex; display: flex; flex-wrap: wrap; justify-content: flex-start; }
#content .section-location .list-item .item{ width: 30%; }
#content .section-location .list-item .item:nth-child(n+4){ margin-top: 30px; }
#content .section-location .list-item .item:nth-child(3n+2),
#content .section-location .list-item .item:nth-child(3n+3){ margin-left: 5%; }
#content .section-location .list-item .item .caption{ font-size: 0.88rem; line-height: 1.57; margin-top: 5px; }
#content .section-location .list-item+.caption{ font-size: 0.75rem; margin-top: 30px; }
#content .section-map .section-body{ padding-top: 0; padding-bottom: 0; }
#content .section-map .section-body::before{ display: none; }
#content .section .google-map{ max-width: 1100px; height: 370px; position: relative; margin: 0 auto; }
#content .section .google-map iframe{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; border: none; }
#content .section-map .caption{ font-size: 0.75rem; margin-top: 5px; }
#content .bukken-footer{ background-color: #f0f3f3; margin-top: 70px; padding: 50px 30px; }
#content .bukken-footer .footer-navi{ max-width: 1100px; margin: 0 auto; display: -ms-flex; display: flex; justify-content: space-between; }
#content .bukken-footer .footer-navi .navi{ /*width: 32%;*/ width: 49%; display: -ms-flex; display: flex; justify-content: center; align-items: center; }
#content .bukken-footer .footer-navi .navi a{ display: block; width: 100%; text-align: center; color: #ffffff; background-color: #595959; text-decoration: none; padding: 20px 0; }
#content .bukken-footer .footer-navi .navi03 a{ background-color: #a30000; }
#content .bukken-footer .footer-navi .navi04 a{ background-color: #dcab00; }

/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 768px){ /*768px以下のcss*/
	#content .announce{ margin: 5% 5% 0; }
	#content .announce a{ margin: 0; }
	#content .bukken-info{ margin-top: 5%; padding: 0 5%; }
	#content .bukken-info .head .ttl{ font-size: 2rem; }
	#content .bukken-info .split-view{ display: block; margin-top: 5%; }
	#content .bukken-info .split-view .photo-body{ width: 100%; max-width: 448px; margin: 0 auto; }
	#content .bukken-info .split-view .txt-body{ width: 100%; margin-top: 5%; }
	#content .section{ margin-top: 15%; overflow: hidden; }
	#content .section .section-ttl{ font-size: 1.8rem; padding-bottom: 10px; margin-bottom: 5%; }
	#content .section .section-body{ padding: 10% 5%; }
	#content .section-access .access-list{ display: block; }
	#content .section-access .access-list .item{ width: 100%; }
	#content .section-access .access-list .item+.item{ margin-top: 5%; }
	#content .section-access .access-list+.caption{ margin-top: 5%; }
	#content .section-location .list-item .item{ width: 48%; }
	#content .section-location .list-item .item:nth-child(n+3){ margin-top: 5%; }
	#content .section-location .list-item .item:nth-child(n){ margin-left: 0; }
	#content .section-location .list-item .item:nth-child(2n){ margin-left: 4%; }
	#content .section-location .list-item+.caption{ margin-top: 5%; }
	#content .section-map .section-body{ padding-top: 0; padding-bottom: 0; }
	#content .section .google-map{ height: 70vw; }
	#content .bukken-footer{ margin-top: 10%; padding: 5%; }
	#content .bukken-footer .footer-navi{ flex-wrap: wrap; }
	#content .bukken-footer .footer-navi .navi{ width: 49%; }
	#content .bukken-footer .footer-navi .navi:first-child{ width: 100%; }
	#content .bukken-footer .footer-navi .navi:nth-child(n+2){ margin-top: 2%; }
}