@charset "UTF-8";
/* ====================================================
　CSS 3@ Document 2016.02.16
==================================================== */
#common_header { z-index: 9999999999;}
/* ######################################################################################

　基本設定

###################################################################################### */
* {outline: none!important;}
/* ====================================================
　書体
==================================================== */
.serif {font-family:"游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝B", "ＭＳ Ｐ明朝", "MS PMincho", serif;}
.sans  {font-family:'Noto Sans JP',"游ゴシック Medium", "YuGothic Medium", "游ゴシック", YuGothic, "メイリオ", "Meiryo UI", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;}
.serif_no {font-family:'Noto Serif JP', serif;}
body {
    font-family:"游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝B", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    font-size: 100%;
    position: relative;
	color: #666;
}
@media print, screen and (min-width: 768px) {
    body {padding-bottom: 60px !important;}
    .contentsW {width: auto; margin: 0 auto; padding: 0;}
	.contents {width: 1230px; margin: 0 auto; padding: 0 15px;}
	.contentsM {width: 1080px; margin: 0 auto; padding: 0 15px;}
	.contentsS {width: 960px; margin: 0 auto; padding: 0 15px;}
    #ContentsBase{ min-width: 1200px;}	
}
@media screen and (max-width: 767px) {
    body {padding-bottom: 67px !important; overflow-x:hidden !important;}
    .contents {padding: 0 15px;}
	.contentsS {padding: 0 15px;}
	.contentsM {padding: 0 15px;}
    /*#ContentsBase{ margin-top: 0 !important; padding-top: 57px !important;}*/
}

p {margin: 0 0 1em;}
p:last-of-type { margin-bottom: 0; }
a { color: #666666; }
.alignL { text-align: left !important; }
.alignC { text-align: center !important; }
.alignR { text-align: right !important; }
.alignE {
    text-align: justify !important;
    text-justify: inter-ideograph !important;
    -moz-text-align-last: justify !important;
    text-align-last: justify !important;
}
.small { font-size: 12px;}
.Dnone {display: none !important;}
.mt15 { margin-top: 15px;}
.mt30 { margin-top: 30px;}
.mt50 { margin-top: 50px;}
.mt80 { margin-top: 80px;}
.mb15 { margin-bottom: 15px;}
.mb40 { margin-bottom: 40px}
.mb60 { margin-bottom: 60px}
.mnbtm { margin-bottom: 0 !important;}
.pab60 { padding-bottom: 60px;}

a img { transition : .5s;}
a img:hover { opacity: 0.5;}

.clearfixd:after{
    content: " ";
    display: block;
    clear: both;
}


/* ######################################################################################

　枠設定

###################################################################################### */
#ContentsBase {
	
}
@media screen and (max-width: 767px) {
#ContentsBase {
    border-top:57px solid transparent;
    margin-top:0 !important;
}
}





@media print, screen and (min-width: 768px) {
    .lower #ContentsBase{z-index: 0;}
    .lower #common_footer{z-index: 3;}
    #common_ftag{position: relative; z-index: 3; background: #fff;}  
    .lower.one #ContentsBase:before{
        height: 110px;
    }

}

.dummyHeader {
    position:fixed;
    top:0;
    left:0;
    z-index:-9999;
    background:transparent;
    width:100%;
}
@media print, screen and (min-width: 768px) {
.dummyHeader {
    height:73px;
}
}
@media screen and (max-width: 767px) {
.dummyHeader {
    height:57px;
}
}


/* ######################################################################################

　ヘッダー

###################################################################################### */
.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999;
  width: 100%;
}
header.header {
    z-index: 9999;
    background: linear-gradient(to right, #0a190a, #0a190a);
    width: 100%;
}
@media print, screen and (min-width: 768px) {
    header.header {
    }
	
    header.header .contents {
        /*width: 1180px;*/
		width: 100%;
        margin: auto;
		max-width: 1250px;
		padding-left: 0;
		padding-right: 0;
    }
    .pageIndex .header {

    }

    .spIconMenu { display: none;}
    .header .leftBox{float: left;padding-top: 11px;}
    .header .leftBox .logo,
    .header .leftBox .tel{display: inline-block; vertical-align: top;}
    .header .leftBox .logo{margin-right: 15px;}
    .header .leftBox .logo a:hover img{opacity: 1;}
    
	/*.header .leftBox .tel { display: none;}*/
	
    .header .rightBox{float: right;}
	.header .rightBox ul {/*margin-top: 5px;*/}
    .header .rightBox li {
        display: inline-block;
        text-align: center;
        transition: .3s;
        font-size: 14px;
        vertical-align: middle;
    }
    .header .rightBox li a {
     text-decoration: none;
        display: block;
        font-weight: bold;
        padding-left: 15px;
        padding-right: 15px;
		/*letter-spacing: 0.075em;*/
		color: #fff;
    }
	.header .rightBox .buttonBox { display: inline-block; vertical-align: middle;}
	.header .rightBox .buttonBox li {
        line-height: 45px;
        min-width: 120px;
		
	}
	.header .rightBox .buttonBox li a { color: #fff; transition : .5s;}
    .visit_btn {background:#002b77; background: linear-gradient(45deg, #2a5298, #042662);}
    .document_btn {background:#a60000; background: linear-gradient(45deg, #a60000, #6c0000);}
    .access_btn {background:#33642b; background: linear-gradient(45deg, #33642b, #1a4711);}
	.limited_btn {background:#222222; background: linear-gradient(45deg, #bf8a41, #603c0b);}
	.online_btn {background:#082e5d; background: linear-gradient(45deg, #345987, #02284f);}

	.header .rightBox .buttonBox li span {
		background:rgba(225,225,225,0.90);
		line-height: 50px;
		display: block;
		vertical-align: top;
		margin-top: 0;
		opacity: 0.5;
		color: #666;
	}
	
    .header .rightBox li a:before,
	.header .rightBox .buttonBox li span:before {
        content:"\f105";
        display:inline-block;
        margin-right: 5px;
        color: #ffffff;
        font-family:"Font Awesome 5 Free";
        font-weight: 900;
    }
	.header .rightBox .buttonBox li span:before {color: #999;}
    
    .header .rightBox .textLink {
        text-align: right;
        font-size: 90%;
		/*display: inline-block;*/
		vertical-align: middle;
		padding-top: 10px;
		padding-bottom: 4px;
    }
    .header .rightBox .textLink li {
        width: inherit;
        height: auto;
        line-height: inherit;
        border: none;
        margin-left: 5px;
		/*display: block;*/
		text-align: left;
		margin-bottom: 9px;
    }
    .header .rightBox .textLink li a { text-decoration: none;  transition : .5s;} 
	.header .rightBox .textLink li span {color: #ccc; opacity: 0.3;}
	.header .rightBox .textLink li a:hover { text-decoration: underline;}
    .header .rightBox .textLink li a:before,
	.header .rightBox .textLink li span:before{
        content:"\f105";
        display:inline-block;
        margin-right: 5px;
        color: #fff;
        font-family:"Font Awesome 5 Free";
        font-weight: 900;
    }
    .header .rightBox .textLink li a:after {
        content: none;
    }
    .header .rightBox .textLink li:hover { box-shadow:none;}
    .header .rightBox .textLink li a:hover {opacity: 0.7; text-decoration: none;}
    .header .rightBox .buttonBox ul { text-align: right; font-size: 0;}
    .header .rightBox .buttonBox a:hover { opacity: 0.7;}
    
    .header .rightBox li a.visit_btn em,
    .fvisit em{
        background:#CB1114;
        color: #ffffff;
        font-size: 10px;
        font-weight: normal;
        font-style: normal;
        padding: 2px;
        margin-right: 3px;
        border-radius: 3px;
        font-family: sans-serif;
        line-height: 1;
        display: none;
    }    
}
@media screen and (max-width: 767px) {
    .header {padding-top: 4px;}
    .header .logo { display: inline;}
    .header .logo img{width: 88px; height: auto; margin-top: 7px;}
	img.baby { width: 50%; height: auto; margin-left: 10px; margin-top: 5px;}
    .header .leftBox .tel,
    .header .rightBox{display: none;}
    
    .header .kantan_sp { display: inline-block; /*display: none;*/ width: 50%; margin-left: 5px;}
    
    ul.spIconMenu { float: right; margin-right: 43px; }
    .spIconMenu li {
        display: inline-block;
        width: 48px;
        height: auto;
        margin-left: 2px;
    }
    
}
    .reservation_btn a,.request_btn a,.contact_btn a,.access_btn a {
        display: block;
        color: #ffffff;
        text-decoration: none;
    }
/* ######################################################################################

　グロナビ

###################################################################################### */
@media print, screen and (min-width: 768px) {
    .gnav {
        clear: both;
        display: block;
        width: 100%;
        /*margin: 15px auto 0;*/
		margin: 20px auto 0;
		padding-bottom: 10px;
    }
    .gnav ul {
        text-align: center;
        display:flex;
		justify-content: space-between;
        width: 100%;    
        font-size: 0;
		align-items: baseline;
    }
    .gnav li {
        position:relative;
        line-height: 1;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 14px;
    }
	.gnav li:before {
		content: "Coming Soon";
		position: absolute;
		color: #222222;
		left:0;
		right: 0;
		top: 0;
		bottom: 0;
		font-family:'Playfair Display', serif;
		font-weight: 400;
		font-size: 11px;
		letter-spacing: 0.075em;
	}

	.gnav li em {
		display: block;
		font-family: 'Playfair Display', serif;
		font-weight: 400;
		font-size: 11px;
		font-style: normal;
		margin-top: 5px;
		/*color: #f5f5f5;*/
		letter-spacing: 0.075em;
	}
	.gnav li.gnav16 em { font-size: 14px;}
	/*.gnav li a em {color: #ffffff;}*/
	.gnav li a:hover{color:#bf8a41;}
	
	.gnav li.gnav01:before,
	.gnav li.gnav02:before,
	.gnav li.gnav05:before,
	.gnav li.gnav06:before,
	.gnav li.gnav08:before,
	.gnav li.gnav07:before,
	.gnav li.gnav09:before,
	.gnav li.gnav10:before,
	.gnav li.gnav11:before,
	.gnav li.gnav12:before,
	.gnav li.gnav13:before,
	.gnav li.gnav14:before,
	.gnav li.gnav15:before,
	.gnav li.gnav16:before,
	.gnav li.gnav18:before{ content: none;}
    /*.gnav li:after {
        content: "|";
        position: absolute;
        right: 0;
        top: 0;
        font-size: 20px;
        color: #dddddd;
    }
    .gnav li:last-child:after {
        content:none;
    }    */
    .gnav a,
    .gnav span{
        min-height: 33px;
        padding-top: 5px;
        position: relative;
        display: inline-block;
        text-decoration: none;
        padding:0 12px;
    }    
    .gnav a::after {
        position: absolute;
        bottom: -8px;
       left: 0;
      right: 0;
      margin: auto;
        content: '';
        width: 80%;
        height: 2px;
        background:#bf8a41;
        opacity: 0;
        visibility: hidden;
        transition: .3s;
}
    .gnav a:hover::after {
        bottom: -4px;
        opacity: 1;
        visibility: visible;
}
    .gnav a {
        position:relative;
        display:block;
        overflow: visible;
        text-align: center;
        text-decoration: none;
		color: #ffffff;
    }
	.gnav a:hover { color:#bf8a41; transition: .3s;}
    .gnav span {
        position:relative;
        display:block;
        overflow: visible;
        text-align: center;
        color: #bbbbbb;
        text-decoration: none;
		opacity: 0.7;
    }

    .pageIndex .gnav .gnav01 a:after,
    .pageAccess .gnav .gnav03 a:after,
    .pageOutline .gnav .gnav04 a:after,
    .pageRoom .gnav .gnav05 a:after,
    .pageModelroom .gnav .gnav08 a:after,
    .pageLandplan .gnav .gnav07 a:after,
    .pageLocation .gnav .gnav02 a:after,
    .pageConcept .gnav .gnav06 a:after,
    .pageEquipment .gnav .gnav09 a:after,
    .pageSupport .gnav .gnav10 a:after,
	.pageMerit .gnav .gnav11 a:after,
	.pageTownIndex .gnav .gnav13 a:after,
	.pageTown .gnav .gnav13 a:after,
	.pageOutline .gnav .gnav14 a:after,
	.pageOriginal .gnav .gnav15 a:after,
	.pageMovie .gnav .gnav16 a:after,
	.pageOmurastyle .gnav .gnav17 a:after,
	.pageVoice .gnav .gnav18 a:after{
      position: absolute;  
      left: 0;
      right: 0;
      margin: auto;
      content: '';
      width: 80%;
      height: 2px;
      background:#bf8a41;
      opacity: 1;
      visibility:inherit;
      transition: none;
      bottom: -4px;
    }
    .gnav span img{/*: 0.3;*/}
	
	.gnav.is-fixed{background: linear-gradient(to right, #35682c, #0a190a);;
      width: 100%;
      margin: 0;
      padding:20px 0 11px;
	}
	.gnav.is-fixed a { min-height: 25px; color: #fff;}
	.gnav.is-fixed span { color: #999;}
	.gnav.is-fixed a:after {background: #bf8a41; bottom: -7px;}
	.gnav.is-fixed li a em {color: #fff;}
	
    .pageIndex .gnav.is-fixed .gnav01 a:after,
    .pageAccess .gnav.is-fixed .gnav03 a:after,
    .pageOutline .gnav.is-fixed .gnav04 a:after,
    .pageRoom .gnav.is-fixed .gnav05 a:after,
    .pageModelroom .gnav.is-fixed .gnav08 a:after,
    .pageLandplan .gnav.is-fixed .gnav07 a:after,
    .pageLocation .gnav.is-fixed .gnav02 a:after,
    .pageConcept .gnav.is-fixed .gnav06 a:after,
    .pageEquipment .gnav.is-fixed .gnav09 a:after,
    .pageSupport .gnav.is-fixed .gnav10 a:after,
	.pageMerit .gnav.is-fixed .gnav11 a:after,
	.pageMovie .gnav.is-fixed .gnav12 a:after,
	.pageTownIndex .gnav.is-fixed .gnav13 a:after,
	.pageTown .gnav.is-fixed .gnav13 a:after,
	.pageOutline .gnav.is-fixed .gnav14 a:after,
	.pageOriginal .gnav.is-fixed .gnav15 a:after,
	.pageOmurastyle .gnav.is-fixed .gnav17 a:after{ background: #bf8a41; bottom: -7px;}
	
	.gnav li.gnav17 a {
		background: #ffffff;
		color:#35682c;
		padding: 8px;
		border-radius: 3px;
		font-weight: bold;
	}
	.gnav li.gnav17 a em { color: #35682c;}
	
	.gnav li span.new {
			position: absolute;
			background: rgba(197,20,23,1.00);
			color: #fff;
			font-size: 10px;
			top: -20px;
			left: 0;
			right: 0;
			min-height: initial;
			padding: 2px;
			width: 50%;
			margin: auto;
		}
	.gnav.is-fixed  li span.new { background: #fff; color:#ff0000; font-weight: bold; }	

}
@media screen and (max-width: 767px) {
    .gnav {display: none; height:0; overflow:hidden;}
}

/* ====================================================
 フッタナビ
==================================================== */
@media print, screen and (min-width: 768px) {
    .fnav {display: none;}
/*非アクティブ*/
	.flBtn li.fvisit, .flBtn li.fdocument, .flBtn li.accessbtn {
        line-height: 40px;
        padding: 0 15px;
		opacity: 0.5;
		background:#ccc;
	}	
}
@media screen and (max-width: 767px) {
	
    .fnav {border-top: 1px solid #d1b998;}
    .fnav li {
        position:relative;
        /*background:#12abb6;*/
        border-bottom:1px solid #d1b998;
    }
	.fnav li.online {
		background: #E37520;
	}
    .fnav li.hidden{display: none;}
    .fnav span,
    .fnav a {
        display:block;
        padding:18px 15px 16px 15px;
        line-height:1;
        text-decoration:none;
        font-size:0.937rem;
        color:#d1b998;
    }
	/*.fnav li:before {
		content: "Coming Soon";
		position: absolute;
		color: #ffffff;
		left:10%;
		top: 40%;
		font-family: 'Montserrat', sans-serif;
		font-size: 12px;
	}*/
	.fnav li.fn01:before,
	.fnav li.fn09:before,
	.fnav li.fn010:before,
	.fnav li.fn011:before,
	.fnav li.fn06:before,
	.fnav li.fn012:before,
	.fnav li.fn03:before,
	.fnav li.fn05:before,
	.fnav li.fn07:before,
	.fnav li.fn08:before{
		content: none;
	}
	
	
    .fnav span{opacity: 0.4;}
    .fnav li a:before,
    .fnav li span:before{
        content:"\f105";
        display:inline-block;
        margin-right: 8px;
        color: #d1b998;
        font-family:"Font Awesome 5 Free";
        font-weight: 900;
    }
    
    .fnav span.new {
        background: #EC1E22;
        color: #ffffff;
        margin-left: 15px;
        display: inline-block;
        padding: 2px;
        font-weight: normal;
        border: none;
    }
    .fnav span.new:before {
        content: none;
    }
    
    .fnav li a em {
        font-size: 11px;
        font-style: normal;
        font-weight: normal;
        background: #cb4141;
        padding: 2px 4px;
        color: #fff;
        float: right;
    }
	.fnav li.fn014 {
		background: #35682c;
	}
	.fnav li.fn014 a,
	.fnav li.fn014 a:before { color: #fff;}
	.fnav li.fn014 a { font-weight: bold;}
    
}


/* ######################################################################################

　予告広告

###################################################################################### */

@media print, screen and (min-width: 768px) {
	.yokoku dl{
        font-size: 0;
        text-align: center;
    }
    .yokoku dt,
    .yokoku dd{display: inline-block; vertical-align: middle;}
    .yokoku dd{margin-left: 18px; font-size: 11px; line-height: 1.5}
}
@media screen and (max-width: 767px) {
    .yokoku{
        /*margin-top: 40px;
        margin-bottom: 10px;*/
        padding: 9px 10px 10px;
    }
    .yokoku dl:after{
        content:"";
        display: block;
        clear: both;
    }
    .yokoku dt{float: none; width: 74px; margin: 0 auto 10px;}
    .yokoku dd{
        width: 100%;
        float: none;
        margin-left: 0px;
        padding-left: 0px;
        font-size:0.687rem;
        line-height: 1.5;
		text-align: left;
    }
    
}

/* ######################################################################################

　予告広告

###################################################################################### */

/*予告広告*/
.yokoku {
	background: rgba(251,249,230,1.00);
	font-size: 70%;
	text-align: center;
	/*margin-top: 80px;*/
	padding:15px 10px;
	display: none;
}
.yokoku span { border: solid 1px #222; padding: 4px; margin-right: 10px;}
@media screen and (max-width: 767px) {
	.yokoku { line-height: 1.5; /*margin-top: 40px;*/ /*display: none;*/}
	.yokoku span {
		margin-right: 0;
		margin-bottom: 10px;
		display: block;
	}
}

/* ######################################################################################

　フッター

###################################################################################### */
.footer .contact .buttonBox li span{opacity: 0.4;}

@media print, screen and (min-width: 768px) {
    .footer{
        position: relative;
        z-index: 3;
        padding: 80px 0;
        color: #222;
		background:#0a190a;
        /*margin-top: 80px;*/
    }
    .footer a {
        color: #222;
    }
    .footer .contents{font-size: 0; display: flex; justify-content: space-between; flex-wrap: wrap;}
    .footer .contents.sp{display: none;}
    .footer .sitemap.inbox,
    .footer .contact.inbox,
    .footer .saler.inbox{ width: 31%; /*width: 45%; text-shadow: 0px 2px 4px #000000;*/}
	
	/*いったん非表示
	footer .contact { display: none;}*/
	
    .footer dt{
        border-bottom: solid 1px #cccccc;
        font-size: 1rem;
        padding-bottom: 10px;
        margin-bottom: 15px;
        color: #fff;
    }
    .footer .contact dd {
        font-size: 14px;
    }
    
    .footer .contact dd li {
        display: inline-block;
        width: 48%;
        border: solid 1px #222;
        transition: .3s;
    }
    .footer .contact dd li:hover {
        /*box-shadow: inset 0px 0px 0px 3px #f7f7f7;*/
        transition: .3s;
    }
    .footer .contact dd li a {
        color: #222;
        text-decoration: none;
        line-height: 40px;
        display: block;
        padding: 0 15px;
        font-size: 0.875rem;        
        text-align: center;
    }
    /*.footer .contact dd li a:hover { opacity:0.6; }*/
    .footer .contact dd li a:before {
        content: "\f0da";
        display: inline-block;
        margin-right: 8px;
        color: #222;
        font-family:"Font Awesome 5 Free";
        font-weight: 900;
    }
}
@media print, screen and (min-width: 768px) {
    .flBtn {padding: 8px 0 9px;}
	.flBtn .contents { width: 1230px; margin: auto;}
    .flBtn ul { float: right; margin-top: 8px;}    
    .flBtn p.tel{/*display: inline-block;*/ float: left; vertical-align: bottom;}
    .flBtn li{display: inline-block; vertical-align: bottom;}
    .flBtn p{/*margin-right: 84px;*/ padding-left: 11px;}
    .flBtn li + li{margin-left: 3px;}
    .flBtn li a:hover{opacity: 0.6;}
    .flBtn li span{opacity: 0.4;}
    .flBtn li.f_textlink a { color: #333333; padding: 0;}
    .flBtn:after{
        content: "";
        clear: both;
        height: 0;
        display: block;
        visibility: hidden;
        }
    
}
@media screen and (max-width: 767px) {

    .flBtn .contents{padding: 0;}
    .flBtn li{
        display: inline-block;
        width: 25%;
        padding: 0;
        vertical-align: top;
    }
    .flBtn li + li{border-left: 1px solid #c9c9c9;}
    .flBtn li a,.flBtn li span{
        display: block;
        height: 67px;
        padding-top: 45px;
        background-repeat: no-repeat;
        background-size: 21px;
        background-position: center 12px;
        font-size: 12px;
        text-align: center;
        text-decoration: none;
        color: #222;
        /*font-family:"游ゴシック Medium", "YuGothic Medium", "游ゴシック", YuGothic, "メイリオ", "Meiryo UI", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;*/
    }    
    .flBtn li.tel a {background-image: url(../common/img/footer/icon_tel.png);}
    .flBtn li.map a {background-image: url(../common/img/footer/icon_map.png);}
    .flBtn li.map span { background-image: url(../common/img/footer/icon_map.png); opacity: 0.5;}
    .flBtn li.reserved a {background-image: url(../common/img/footer/icon_calender.png);}
    .flBtn li.reserved span {background-image: url(../common/img/footer/icon_calender.png); opacity: 0.5;}
    .flBtn li.documents a {background-image: url(../common/img/footer/icon_mail.png);}
    .flBtn li.ftonlinetool a {background-image: url(../common/img/footer/icon_onlinetool.png);}
    }
    /* ====================================================
     サイトマップ
    ==================================================== */
    .footer .sitemap dt{ margin-bottom: 14px;}
    .footer .sitemap dd{font-size: 0;}
    .footer .sitemap ul{display: inline-block; vertical-align: top;}
    .footer .sitemap ul + ul{margin-left: 35px;}
    .footer .sitemap li + li{margin-top: 15px;}
    .footer .sitemap li a,
    .footer .sitemap li span{font-size: 0.812rem;}
    .footer .sitemap li { color: #666;}    
    .footer .sitemap li a{
            color: #fff;
            text-decoration: none;
        }
    .footer .sitemap li a:hover{text-decoration: underline;}
    .footer .sitemap li span{color: #666;}
    .footer .sitemap li a:before,
    .footer .sitemap li span:before{
        content: "\f105";
        display: inline-block;
        margin-right: 8px;
        color: #fff;
        font-family:"Font Awesome 5 Free";
        font-weight: 900;
    }
    .footer .sitemap li span:before{color: #666;}
    
    
    
    /* ====================================================
     お問い合わせ
    ==================================================== */
    .footer .contact{}
    .footer .contact .tel{margin-bottom: 30px;}
    .footer .contact .tel img {}
    
    /* ====================================================
     売主
    ==================================================== */
    .footer .saler{}
    .footer .saler a { margin-bottom: 10px; display:inline-block;}
    .footer .saler dl { margin-bottom: 20px;}
    .footer .saler dt{margin-bottom: 12px;}
	.footer .saler dd p { font-size: 12px;}
    .footer .saler.sp { display: none;}
	.footer .saler a { color: #fff;}

    /* 60周年ロゴ */
    .footer .saler dd a[href="https://www.anabuki.ne.jp/"]{
        display:inline-block;
        position:relative;
        padding-top:5px;
        padding-bottom:5px;
        padding-right:70px;
        /*background:url(../common/img/anabuki-60th.svg) no-repeat calc(100% - 5px) center;*/
        background-size:auto calc(100% - 10px);
    }
    .footer .saler dd a[href="https://www.anabuki.ne.jp/"]:before {
        content:"";
        /*display:inline-block;*/
		display: none;
        position:absolute;
        z-index:-1;
        top:0;
        right:0;
        background:#fff;
        width:60px;
        height:100%;
    }


    
@media screen and (max-width: 767px) {
    .footer {padding-top: 20px; background:#0a190a; color: #fff;}
    .footer .contents.pc{display: none;}
    .footer .saler p a { color: #fff;}
	.footer .saler a { color: #fff;}
    
    /* ====================================================
     お問い合わせ
    ==================================================== */
    .footer .contact{
        margin-left: 0;
        margin-bottom: 14px;
        text-align: center;
        width: auto;
    }
    .footer .contact dt{
        margin-bottom: 13px;
        font-size: 0.687rem;
        line-height: 1.5;
		/*color: #fff;*/
		display: none;
    }
    .footer .contact dd{width: 100%; margin: 0 auto;}
	.footer .contact .buttonBox {
		background: #ffffff;
		padding: 20px;
		border-radius: 4px;
	}
	.footer .contact .buttonBox li{
        display: inline-block;
        margin-bottom: 10px;
        vertical-align: top;
        /*width: 47.5%;*/
        width: 100%;
        line-height: 60px;
    }
    .footer .contact .buttonBox li a {
        display: block;
        color: #ffffff;
        text-decoration: none;
		border-radius: 4px;		
    }
    .footer .contact .buttonBox li a.visit_btn {background:#2a5298; background: linear-gradient(45deg, #2a5298, #042662);}
    .footer .contact .buttonBox li a.document_btn {background:#6c0000; background:linear-gradient(45deg, #a60000, #6c0000);}
    .footer .contact .buttonBox li a.contact_btn {background: #bf8a41; background: linear-gradient(45deg, #bf8a41, #603c0b);}
	.footer .contact .buttonBox li a.online_btn {background: #222222; background: linear-gradient(45deg, #666666, #222222);}
	.footer .contact .buttonBox li span { opacity: 0.5; border-radius: 4px;}
	.footer .contact .buttonBox li p { line-height: 1.25;}
	
    footer .contact .buttonBox li span {
		color: #cccccc;
		background: #666666;
		display: block;			
	}
    .footer .contact .buttonBox li a:before{
            content: "\f0da";
        display: inline-block;
        margin-right: 8px;
        color: #ffffff;
        font-family:"Font Awesome 5 Free";
        font-weight: 900;
    }
	.footer .contact .buttonBox li span:before{
            content: "\f0da";
        display: inline-block;
        margin-right: 8px;
        color: #cccccc;
        font-family:"Font Awesome 5 Free";
        font-weight: 900;
    }	
	
    .footer .contact .buttonBox li a.visit_btn em {
        font-size: 13px;
        color: #ffffff;
        background:#CB1114;
        font-style: normal;
        font-weight: normal;
        padding: 3px;
        border-radius: 4px;
        margin-right: 4px;
        font-family: sans-serif;
        display: none;
    }
    /*.footer .contact .buttonBox li:nth-of-type(2n){margin-left: 10px;}*/
    
    /* ====================================================
     売主
    ==================================================== */
    .footer .saler.sp { display: block; color: #fff;}
    .footer .saler{margin-left:0;}
    .footer .saler dl { padding: 25px; text-align: center; margin-bottom: 0;}
	/*.footer .saler dl:nth-child(2) { display: none;}*/
    .footer .saler dt{margin-bottom:10px; color: #fff;}
    .footer .saler a {display:inline-block;  max-width: 80%; margin-bottom: 20px;}

    .footer .saler dd a[href="https://www.anabuki.ne.jp/"]{
        padding-right:17%;
        background:none;
    }

    .footer .saler dd a[href="https://www.anabuki.ne.jp/"]::before {
        z-index:0;
        top:50%;
        transform:translateY(-50%);
        width: 20%;
        height:80%;
        background:url(../common/img/anabuki-60th.svg) center no-repeat #fff;
        background-size:80% 80%;
        margin-left:0.5em;
    }

    /* ====================================================
     電話
    ==================================================== */
    .footer .tel{margin-bottom: 44px; text-align: center; /*display: none;*/}
	.footer .tel dt img {}
    .footer .tel dd{margin-top: 18px;}
    
}

/* ######################################################################################

　固定フッター

###################################################################################### */
.flBtn{
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 9999;
    width: 100%;
    background: #0a190a;
    box-shadow:0px 0px 4px 1px rgba(0,0,0,0.1);
}


@media print, screen and (min-width: 768px) {
    .flBtn {padding: 8px 0 9px; background: #fff;}
    .flBtn ul { float: right;}    
    .flBtn p.tel{ /*display: none;*/ display: inline-block; float: left; vertical-align: bottom;}
    .flBtn li{display: inline-block; vertical-align: bottom; }
    .flBtn p{/*margin-right: 84px;*/ padding-left: 11px;}
    .flBtn a,
	.flBtn li.f_textlink span{
        color: #ffffff;
        text-decoration: none;
        line-height: 40px;
        display: block;
        padding: 0 8px;
        font-size: 0.8rem;
		transition : .5s;
    }
	.flBtn li.f_textlink span { color: #999;}
	.flBtn a:hover {opacity: 0.5;}
	
    .flBtn a:before,
	.flBtn span:before,
	.flBtn li.f_textlink a:before,
	.flBtn li.f_textlink span:before{
        content: "\f0da";
        display: inline-block;
        margin-right: 5px;
        color: #ffffff;
        font-family:"Font Awesome 5 Free";
        font-weight: 900;
    }
	.flBtn li.f_textlink a:before{ color: #333;}
	.flBtn li.f_textlink span:before { color: #999;}
    .flBtn:after{
        content: "";
        clear: both;
        height: 0;
        display: block;
        visibility: hidden;
        }
    .flBtn .fvisit {background:#002b77; background: linear-gradient(45deg, #2a5298, #042662);}
    .flBtn .fdocument {background:#a60000; background: linear-gradient(45deg, #a60000, #6c0000);}
    .flBtn .fcontact {background:#222222; background: linear-gradient(45deg, #bf8a41, #603c0b);}
	.flBtn .accessbtn {background:#33642b; background: linear-gradient(45deg, #33642b, #1a4711);}
	.flBtn .onlinere {background:#082e5d; background: linear-gradient(45deg, #666666, #222222);}
	
	/*非アクティブ
	.flBtn li.fvisit {
        line-height: 40px;
        padding: 0 15px;
		opacity: 0.5;
		background:#ccc;
	}*/
}
@media screen and (max-width: 767px) {
	.flBtn {background: #0a190a;}
    .flBtn .contents{padding: 0;}
    .flBtn ul {
        text-align: center;
        display: table;
        table-layout: fixed;
        width: 100%;            
    }
    .flBtn li{
        display: table-cell;
        vertical-align: middle;
        /*display: inline-block;*/
        /*width: 18.2%;
        width: 23.2%;
        /*width: 32.2%;
        width: 48.2%;*/
        padding: 0;
        vertical-align: top;
    }
    .flBtn li i {
        display: block;
        font-size: 30px;
        margin-bottom: 5px;
    }
    .flBtn li + li{border-left: 1px solid #c9c9c9;}
    .flBtn li a,.flBtn li span{
        display: block;
        height: 67px;
        padding-top: 45px;
        background-repeat: no-repeat;
        background-size: 21px;
        background-position: center 12px;
        font-size: 10px;
        text-align: center;
        text-decoration: none;
        color: #ffffff;
    }
    .flBtn li.ftonlinetool a { padding-top: 40px;}
    /*.flBtn li.reserved a { padding-top: 35px;}*/
    .flBtn li.reserved em {
        font-style:normal;
        color:#CB1114;
        font-size: 11px;
        display: block;
        display: none;
    }
    /*.flBtn li.tel { display: none;}*/
    .tel i { color: #4dbbac;}
    .contact i{ color: #ef8483;}
    .reserved i{ color: #274661;}
    .documents i{ color: #eb5e01;}
    
    /*.reserved { display: none !important;}*/
 
}

p.comeBtn { display: none;}
@media screen and (max-width: 767px) {
        .mdInfo .mdWrap{ height: 52.020vw; }
		.mdInfo h2{
			width: 63.6%;
			margin-bottom: 9.333%;
			}
		.mdInfo .mdTxt{ margin-bottom: 9.333%; }
		.mdInfo .mdBtn{ width: 59.867%; }
    p.comeBtn { display: block;}
    p.comeBtn {
        position: absolute;
        right: 57px;
        top:0;
    }
    p.comeBtn img {
        width: 56px;
        height: auto;
    }
    
    
}

.button_shadow{
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.button_shadow:hover{
  -webkit-box-shadow: 0px 0px 3px #666666;
  box-shadow: 0px 0px 3px #666666;
}

  .iziModal .mo_inner{
    background: transparent;
    box-shadow: none;
    color: #fff;
    font-size: 16px;
    text-align: center;
    
  }
  .iziModal .mo_inner div{
    font-size: 36px;
      color: #ffffff;
      margin-bottom: 8px;
  }
  .iziModal .mo_inner p{
    color: #ffffff;
    line-height: 1.5
  }
  .iziModal .mo_inner .close{
    position: relative;
    padding-left: 0;
  }
  .iziModal .mo_inner .close a{
    position: absolute;
    top: 0;
    right: 0;
  }
  .iziModal-wrap{
    padding: 0.5em;
  }

/*最終予告広告*/
.lastcm {
	background: rgba(251,249,230,1.00);
	font-size: 70%;
	text-align: center;
	margin-top: 80px;
	padding:15px 10px;
	display: none;
}
.lastcm span { border: solid 1px #222; padding: 4px; margin-right: 10px;}
@media screen and (max-width: 767px) {
	.lastcm { line-height: 1.5; margin-top: 40px;}
	.lastcm span {
		margin-right: 0;
		margin-bottom: 10px;
		display: block;
	}
}

=======
@charset "UTF-8";
/* ====================================================
　CSS 3@ Document 2016.02.16
==================================================== */
#common_header { z-index: 9999999999;}
/* ######################################################################################

　基本設定

###################################################################################### */
* {outline: none!important;}
/* ====================================================
　書体
==================================================== */
.serif {font-family:"游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝B", "ＭＳ Ｐ明朝", "MS PMincho", serif;}
.sans  {font-family:'Noto Sans JP',"游ゴシック Medium", "YuGothic Medium", "游ゴシック", YuGothic, "メイリオ", "Meiryo UI", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;}
.serif_no {font-family:'Noto Serif JP', serif;}
body {
    font-family:"游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝B", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    font-size: 100%;
    position: relative;
	color: #666;
}
@media print, screen and (min-width: 768px) {
    body {padding-bottom: 60px !important;}
    .contentsW {width: auto; margin: 0 auto; padding: 0;}
	.contents {width: 1230px; margin: 0 auto; padding: 0 15px;}
	.contentsM {width: 1080px; margin: 0 auto; padding: 0 15px;}
	.contentsS {width: 960px; margin: 0 auto; padding: 0 15px;}
    #ContentsBase{ min-width: 1200px;}	
}
@media screen and (max-width: 767px) {
    body {padding-bottom: 67px !important; overflow-x:hidden !important;}
    .contents {padding: 0 15px;}
	.contentsS {padding: 0 15px;}
	.contentsM {padding: 0 15px;}
    /*#ContentsBase{ margin-top: 0 !important; padding-top: 57px !important;}*/
}

p {margin: 0 0 1em;}
p:last-of-type { margin-bottom: 0; }
a { color: #666666; }
.alignL { text-align: left !important; }
.alignC { text-align: center !important; }
.alignR { text-align: right !important; }
.alignE {
    text-align: justify !important;
    text-justify: inter-ideograph !important;
    -moz-text-align-last: justify !important;
    text-align-last: justify !important;
}
.small { font-size: 12px;}
.Dnone {display: none !important;}
.mt15 { margin-top: 15px;}
.mt30 { margin-top: 30px;}
.mt50 { margin-top: 50px;}
.mt80 { margin-top: 80px;}
.mb15 { margin-bottom: 15px;}
.mb40 { margin-bottom: 40px}
.mb60 { margin-bottom: 60px}
.mnbtm { margin-bottom: 0 !important;}
.pab60 { padding-bottom: 60px;}

a img { transition : .5s;}
a img:hover { opacity: 0.5;}

.clearfixd:after{
    content: " ";
    display: block;
    clear: both;
}


/* ######################################################################################

　枠設定

###################################################################################### */
#ContentsBase {
	
}
@media screen and (max-width: 767px) {
#ContentsBase {
    border-top:57px solid transparent;
    margin-top:0 !important;
}
}





@media print, screen and (min-width: 768px) {
    .lower #ContentsBase{z-index: 0;}
    .lower #common_footer{z-index: 3;}
    #common_ftag{position: relative; z-index: 3; background: #fff;}  
    .lower.one #ContentsBase:before{
        height: 110px;
    }

}

.dummyHeader {
    position:fixed;
    top:0;
    left:0;
    z-index:-9999;
    background:transparent;
    width:100%;
}
@media print, screen and (min-width: 768px) {
.dummyHeader {
    height:73px;
}
}
@media screen and (max-width: 767px) {
.dummyHeader {
    height:57px;
}
}


/* ######################################################################################

　ヘッダー

###################################################################################### */
.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999;
  width: 100%;
}
header.header {
    z-index: 9999;
    background: linear-gradient(to right, #0a190a, #0a190a);
    width: 100%;
}
@media print, screen and (min-width: 768px) {
    header.header {
    }
	
    header.header .contents {
        /*width: 1180px;*/
		width: 100%;
        margin: auto;
		max-width: 1250px;
		padding-left: 0;
		padding-right: 0;
    }
    .pageIndex .header {

    }

    .spIconMenu { display: none;}
    .header .leftBox{float: left;padding-top: 11px;}
    .header .leftBox .logo,
    .header .leftBox .tel{display: inline-block; vertical-align: top;}
    .header .leftBox .logo{margin-right: 15px;}
    .header .leftBox .logo a:hover img{opacity: 1;}
    
	/*.header .leftBox .tel { display: none;}*/
	
    .header .rightBox{float: right;}
	.header .rightBox ul {/*margin-top: 5px;*/}
    .header .rightBox li {
        display: inline-block;
        text-align: center;
        transition: .3s;
        font-size: 14px;
        vertical-align: middle;
    }
    .header .rightBox li a {
     text-decoration: none;
        display: block;
        font-weight: bold;
        padding-left: 15px;
        padding-right: 15px;
		/*letter-spacing: 0.075em;*/
		color: #fff;
    }
	.header .rightBox .buttonBox { display: inline-block; vertical-align: middle;}
	.header .rightBox .buttonBox li {
        line-height: 45px;
        min-width: 120px;
		
	}
	.header .rightBox .buttonBox li a { color: #fff; transition : .5s;}
    .visit_btn {background:#002b77; background: linear-gradient(45deg, #2a5298, #042662);}
    .document_btn {background:#a60000; background: linear-gradient(45deg, #a60000, #6c0000);}
    .access_btn {background:#33642b; background: linear-gradient(45deg, #33642b, #1a4711);}
	.limited_btn {background:#222222; background: linear-gradient(45deg, #bf8a41, #603c0b);}
	.online_btn {background:#082e5d; background: linear-gradient(45deg, #345987, #02284f);}

	.header .rightBox .buttonBox li span {
		background:rgba(225,225,225,0.90);
		line-height: 50px;
		display: block;
		vertical-align: top;
		margin-top: 0;
		opacity: 0.5;
		color: #666;
	}
	
    .header .rightBox li a:before,
	.header .rightBox .buttonBox li span:before {
        content:"\f105";
        display:inline-block;
        margin-right: 5px;
        color: #ffffff;
        font-family:"Font Awesome 5 Free";
        font-weight: 900;
    }
	.header .rightBox .buttonBox li span:before {color: #999;}
    
    .header .rightBox .textLink {
        text-align: right;
        font-size: 90%;
		/*display: inline-block;*/
		vertical-align: middle;
		padding-top: 10px;
		padding-bottom: 4px;
    }
    .header .rightBox .textLink li {
        width: inherit;
        height: auto;
        line-height: inherit;
        border: none;
        margin-left: 5px;
		/*display: block;*/
		text-align: left;
		margin-bottom: 9px;
    }
    .header .rightBox .textLink li a { text-decoration: none;  transition : .5s;} 
	.header .rightBox .textLink li span {color: #ccc; opacity: 0.3;}
	.header .rightBox .textLink li a:hover { text-decoration: underline;}
    .header .rightBox .textLink li a:before,
	.header .rightBox .textLink li span:before{
        content:"\f105";
        display:inline-block;
        margin-right: 5px;
        color: #fff;
        font-family:"Font Awesome 5 Free";
        font-weight: 900;
    }
    .header .rightBox .textLink li a:after {
        content: none;
    }
    .header .rightBox .textLink li:hover { box-shadow:none;}
    .header .rightBox .textLink li a:hover {opacity: 0.7; text-decoration: none;}
    .header .rightBox .buttonBox ul { text-align: right; font-size: 0;}
    .header .rightBox .buttonBox a:hover { opacity: 0.7;}
    
    .header .rightBox li a.visit_btn em,
    .fvisit em{
        background:#CB1114;
        color: #ffffff;
        font-size: 10px;
        font-weight: normal;
        font-style: normal;
        padding: 2px;
        margin-right: 3px;
        border-radius: 3px;
        font-family: sans-serif;
        line-height: 1;
        display: none;
    }    
}
@media screen and (max-width: 767px) {
    .header {padding-top: 4px;}
    .header .logo { display: inline;}
    .header .logo img{width: 88px; height: auto; margin-top: 7px;}
	img.baby { width: 50%; height: auto; margin-left: 10px; margin-top: 5px;}
    .header .leftBox .tel,
    .header .rightBox{display: none;}
    
    .header .kantan_sp { display: inline-block; /*display: none;*/ width: 50%; margin-left: 5px;}
    
    ul.spIconMenu { float: right; margin-right: 43px; }
    .spIconMenu li {
        display: inline-block;
        width: 48px;
        height: auto;
        margin-left: 2px;
    }
    
}
    .reservation_btn a,.request_btn a,.contact_btn a,.access_btn a {
        display: block;
        color: #ffffff;
        text-decoration: none;
    }
/* ######################################################################################

　グロナビ

###################################################################################### */
@media print, screen and (min-width: 768px) {
    .gnav {
        clear: both;
        display: block;
        width: 100%;
        /*margin: 15px auto 0;*/
		margin: 20px auto 0;
		padding-bottom: 10px;
    }
    .gnav ul {
        text-align: center;
        display:flex;
		justify-content: space-between;
        width: 100%;    
        font-size: 0;
		align-items: baseline;
    }
    .gnav li {
        position:relative;
        line-height: 1;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 12px;
    }
	.gnav li:before {
		content: "Coming Soon";
		position: absolute;
		color: #222222;
		left:0;
		right: 0;
		top: 0;
		bottom: 0;
		font-family:'Playfair Display', serif;
		font-weight: 400;
		font-size: 11px;
		letter-spacing: 0.075em;
	}

	.gnav li em {
		display: block;
		font-family: 'Playfair Display', serif;
		font-weight: 400;
		font-size: 11px;
		font-style: normal;
		margin-top: 5px;
		/*color: #f5f5f5;*/
		letter-spacing: 0.075em;
	}
	.gnav li.gnav16 em { font-size: 14px;}
	/*.gnav li a em {color: #ffffff;}*/
	.gnav li a:hover{color:#bf8a41;}
	
	.gnav li.gnav01:before,
	.gnav li.gnav02:before,
	.gnav li.gnav05:before,
	.gnav li.gnav06:before,
	.gnav li.gnav08:before,
	.gnav li.gnav07:before,
	.gnav li.gnav09:before,
	.gnav li.gnav10:before,
	.gnav li.gnav11:before,
	.gnav li.gnav12:before,
	.gnav li.gnav13:before,
	.gnav li.gnav14:before,
	.gnav li.gnav15:before,
	.gnav li.gnav16:before,
	.gnav li.gnav17:before{ content: none;}
    /*.gnav li:after {
        content: "|";
        position: absolute;
        right: 0;
        top: 0;
        font-size: 20px;
        color: #dddddd;
    }
    .gnav li:last-child:after {
        content:none;
    }    */
    .gnav a,
    .gnav span{
        min-height: 33px;
        padding-top: 5px;
        position: relative;
        display: inline-block;
        text-decoration: none;
        padding:0 15px;
    }    
    .gnav a::after {
        position: absolute;
        bottom: -8px;
       left: 0;
      right: 0;
      margin: auto;
        content: '';
        width: 80%;
        height: 2px;
        background:#bf8a41;
        opacity: 0;
        visibility: hidden;
        transition: .3s;
}
    .gnav a:hover::after {
        bottom: -4px;
        opacity: 1;
        visibility: visible;
}
    .gnav a {
        position:relative;
        display:block;
        overflow: visible;
        text-align: center;
        text-decoration: none;
		color: #ffffff;
    }
	.gnav a:hover { color:#bf8a41; transition: .3s;}
    .gnav span {
        position:relative;
        display:block;
        overflow: visible;
        text-align: center;
        color: #bbbbbb;
        text-decoration: none;
		opacity: 0.7;
    }

    .pageIndex .gnav .gnav01 a:after,
    .pageAccess .gnav .gnav03 a:after,
    .pageOutline .gnav .gnav04 a:after,
    .pageRoom .gnav .gnav05 a:after,
    .pageModelroom .gnav .gnav08 a:after,
    .pageLandplan .gnav .gnav07 a:after,
    .pageLocation .gnav .gnav02 a:after,
    .pageConcept .gnav .gnav06 a:after,
    .pageEquipment .gnav .gnav09 a:after,
    .pageSupport .gnav .gnav10 a:after,
	.pageMerit .gnav .gnav11 a:after,
	.pageTownIndex .gnav .gnav13 a:after,
	.pageTown .gnav .gnav13 a:after,
	.pageOutline .gnav .gnav14 a:after,
	.pageOriginal .gnav .gnav15 a:after,
	.pageMovie .gnav .gnav16 a:after{
      position: absolute;  
      left: 0;
      right: 0;
      margin: auto;
      content: '';
      width: 80%;
      height: 2px;
      background:#bf8a41;
      opacity: 1;
      visibility:inherit;
      transition: none;
      bottom: -4px;
    }
    .gnav span img{/*: 0.3;*/}
	
	.gnav.is-fixed{background: linear-gradient(to right, #35682c, #0a190a);;
      width: 100%;
      margin: 0;
      padding:20px 0 11px;
	}
	.gnav.is-fixed a { min-height: 25px; color: #fff;}
	.gnav.is-fixed span { color: #999;}
	.gnav.is-fixed a:after {background: #bf8a41; bottom: -7px;}
	.gnav.is-fixed li a em {color: #fff;}
	.gnav.is-fixed li.gnav17 a em { color: #35682c;}
	
    .pageIndex .gnav.is-fixed .gnav01 a:after,
    .pageAccess .gnav.is-fixed .gnav03 a:after,
    .pageOutline .gnav.is-fixed .gnav04 a:after,
    .pageRoom .gnav.is-fixed .gnav05 a:after,
    .pageModelroom .gnav.is-fixed .gnav08 a:after,
    .pageLandplan .gnav.is-fixed .gnav07 a:after,
    .pageLocation .gnav.is-fixed .gnav02 a:after,
    .pageConcept .gnav.is-fixed .gnav06 a:after,
    .pageEquipment .gnav.is-fixed .gnav09 a:after,
    .pageSupport .gnav.is-fixed .gnav10 a:after,
	.pageMerit .gnav.is-fixed .gnav11 a:after,
	.pageMovie .gnav.is-fixed .gnav12 a:after,
	.pageTownIndex .gnav.is-fixed .gnav13 a:after,
	.pageTown .gnav.is-fixed .gnav13 a:after,
	.pageOutline .gnav.is-fixed .gnav14 a:after,
	.pageOriginal .gnav.is-fixed .gnav15 a:after{ background: #bf8a41; bottom: -7px;}
	
	/*.gnav li.gnav15 a {
		background: #048bcd;
		color:#FFEB34;
		padding: 8px;
		border-radius: 3px;
	}
	.gnav li.gnav15 a em { color: #FFEB34;}	*/
	
	.gnav li span.new {
			position: absolute;
			background: rgba(197,20,23,1.00);
			color: #fff;
			font-size: 10px;
			top: -20px;
			left: 0;
			right: 0;
			min-height: initial;
			padding: 2px;
			width: 70%;
			margin: auto;
			opacity: 0.9;
		}
	.gnav.is-fixed  li span.new { background: #fff; color:#ff0000; font-weight: bold; }	

}
@media screen and (max-width: 767px) {
    .gnav {display: none; height:0; overflow:hidden;}
}

/* ====================================================
 フッタナビ
==================================================== */
@media print, screen and (min-width: 768px) {
    .fnav {display: none;}
}
@media screen and (max-width: 767px) {
	
    .fnav {border-top: 1px solid #d1b998;}
    .fnav li {
        position:relative;
        /*background:#12abb6;*/
        border-bottom:1px solid #d1b998;
    }
	.fnav li.online {
		background: #E37520;
	}
    .fnav li.hidden{display: none;}
    .fnav span,
    .fnav a {
        display:block;
        padding:18px 15px 16px 15px;
        line-height:1;
        text-decoration:none;
        font-size:0.937rem;
        color:#d1b998;
    }
	/*.fnav li:before {
		content: "Coming Soon";
		position: absolute;
		color: #ffffff;
		left:10%;
		top: 40%;
		font-family: 'Montserrat', sans-serif;
		font-size: 12px;
	}*/
	.fnav li.fn01:before,
	.fnav li.fn09:before,
	.fnav li.fn010:before,
	.fnav li.fn011:before,
	.fnav li.fn06:before,
	.fnav li.fn012:before,
	.fnav li.fn03:before,
	.fnav li.fn05:before,
	.fnav li.fn07:before,
	.fnav li.fn08:before{
		content: none;
	}
	
	
    .fnav span{opacity: 0.4;}
    .fnav li a:before,
    .fnav li span:before{
        content:"\f105";
        display:inline-block;
        margin-right: 8px;
        color: #d1b998;
        font-family:"Font Awesome 5 Free";
        font-weight: 900;
    }
    
    .fnav span.new {
        background: #EC1E22;
        color: #ffffff;
        margin-left: 15px;
        display: inline-block;
        padding: 2px;
        font-weight: normal;
        border: none;
    }
    .fnav span.new:before {
        content: none;
    }
    
    .fnav li a em {
        font-size: 11px;
        font-style: normal;
        font-weight: normal;
        background: #cb4141;
        padding: 2px 4px;
        color: #fff;
        float: right;
    }
	.fnav li.fn16 {
		background: #FFEB34;
	}
	.fnav li.fn16 a,
	.fnav li.fn16 a:before { color: #048bcd;}
	
    
}


/* ######################################################################################

　予告広告

###################################################################################### */

@media print, screen and (min-width: 768px) {
	.yokoku dl{
        font-size: 0;
        text-align: center;
    }
    .yokoku dt,
    .yokoku dd{display: inline-block; vertical-align: middle;}
    .yokoku dd{margin-left: 18px; font-size: 11px; line-height: 1.5}
}
@media screen and (max-width: 767px) {
    .yokoku{
        /*margin-top: 40px;
        margin-bottom: 10px;*/
        padding: 9px 10px 10px;
    }
    .yokoku dl:after{
        content:"";
        display: block;
        clear: both;
    }
    .yokoku dt{float: none; width: 74px; margin: 0 auto 10px;}
    .yokoku dd{
        width: 100%;
        float: none;
        margin-left: 0px;
        padding-left: 0px;
        font-size:0.687rem;
        line-height: 1.5;
		text-align: left;
    }
    
}

/* ######################################################################################

　予告広告

###################################################################################### */

/*予告広告*/
.yokoku {
	background: rgba(251,249,230,1.00);
	font-size: 70%;
	text-align: center;
	/*margin-top: 80px;*/
	padding:15px 10px;
	display: none;
}
.yokoku span { border: solid 1px #222; padding: 4px; margin-right: 10px;}
@media screen and (max-width: 767px) {
	.yokoku { line-height: 1.5; /*margin-top: 40px;*/ /*display: none;*/}
	.yokoku span {
		margin-right: 0;
		margin-bottom: 10px;
		display: block;
	}
}

/* ######################################################################################

　フッター

###################################################################################### */
.footer .contact .buttonBox li span{opacity: 0.4;}

@media print, screen and (min-width: 768px) {
    .footer{
        position: relative;
        z-index: 3;
        padding: 80px 0;
        color: #222;
		background:#0a190a;
        /*margin-top: 80px;*/
    }
    .footer a {
        color: #222;
    }
    .footer .contents{font-size: 0; display: flex; justify-content: space-between; flex-wrap: wrap;}
    .footer .contents.sp{display: none;}
    .footer .sitemap.inbox,
    .footer .contact.inbox,
    .footer .saler.inbox{ width: 32%; /*width: 45%; text-shadow: 0px 2px 4px #000000;*/}
	
	/*いったん非表示
	footer .contact { display: none;}*/
	
    .footer dt{
        border-bottom: solid 1px #cccccc;
        font-size: 1rem;
        padding-bottom: 10px;
        margin-bottom: 15px;
        color: #fff;
    }
    .footer .contact dd {
        font-size: 14px;
    }
    
    .footer .contact dd li {
        display: inline-block;
        width: 48%;
        border: solid 1px #222;
        transition: .3s;
    }
    .footer .contact dd li:hover {
        /*box-shadow: inset 0px 0px 0px 3px #f7f7f7;*/
        transition: .3s;
    }
    .footer .contact dd li a {
        color: #222;
        text-decoration: none;
        line-height: 40px;
        display: block;
        padding: 0 15px;
        font-size: 0.875rem;        
        text-align: center;
    }
    /*.footer .contact dd li a:hover { opacity:0.6; }*/
    .footer .contact dd li a:before {
        content: "\f0da";
        display: inline-block;
        margin-right: 8px;
        color: #222;
        font-family:"Font Awesome 5 Free";
        font-weight: 900;
    }
}
@media print, screen and (min-width: 768px) {
    .flBtn {padding: 8px 0 9px;}
	.flBtn .contents { width: 1230px; margin: auto;}
    .flBtn ul { float: right; margin-top: 8px;}    
    .flBtn p.tel{/*display: inline-block;*/ float: left; vertical-align: bottom;}
    .flBtn li{display: inline-block; vertical-align: bottom;}
    .flBtn p{/*margin-right: 84px;*/ padding-left: 11px;}
    .flBtn li + li{margin-left: 3px;}
    .flBtn li a:hover{opacity: 0.6;}
    .flBtn li span{opacity: 0.4;}
    .flBtn li.f_textlink a { color: #333333; padding: 0;}
    .flBtn:after{
        content: "";
        clear: both;
        height: 0;
        display: block;
        visibility: hidden;
        }
    
}
@media screen and (max-width: 767px) {

    .flBtn .contents{padding: 0;}
    .flBtn li{
        display: inline-block;
        width: 25%;
        padding: 0;
        vertical-align: top;
    }
    .flBtn li + li{border-left: 1px solid #c9c9c9;}
    .flBtn li a,.flBtn li span{
        display: block;
        height: 67px;
        padding-top: 45px;
        background-repeat: no-repeat;
        background-size: 21px;
        background-position: center 12px;
        font-size: 12px;
        text-align: center;
        text-decoration: none;
        color: #222;
        /*font-family:"游ゴシック Medium", "YuGothic Medium", "游ゴシック", YuGothic, "メイリオ", "Meiryo UI", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;*/
    }    
    .flBtn li.tel a {background-image: url(../common/img/footer/icon_tel.png);}
    .flBtn li.map a {background-image: url(../common/img/footer/icon_map.png);}
    .flBtn li.map span { background-image: url(../common/img/footer/icon_map.png); opacity: 0.5;}
    .flBtn li.reserved a {background-image: url(../common/img/footer/icon_calender.png);}
    .flBtn li.reserved span {background-image: url(../common/img/footer/icon_calender.png); opacity: 0.5;}
    .flBtn li.documents a {background-image: url(../common/img/footer/icon_mail.png);}
	.flBtn li.documents span {background-image: url(../common/img/footer/icon_mail.png); opacity: 0.5;}
    .flBtn li.ftonlinetool a {background-image: url(../common/img/footer/icon_onlinetool.png);}
    }
    /* ====================================================
     サイトマップ
    ==================================================== */
    .footer .sitemap dt{ margin-bottom: 14px;}
    .footer .sitemap dd{font-size: 0;}
    .footer .sitemap ul{display: inline-block; vertical-align: top;}
    .footer .sitemap ul + ul{margin-left: 10px;}
    .footer .sitemap li + li{margin-top: 15px;}
    .footer .sitemap li a,
    .footer .sitemap li span{font-size: 0.812rem;}
    .footer .sitemap li { color: #666;}    
    .footer .sitemap li a{
            color: #fff;
            text-decoration: none;
        }
    .footer .sitemap li a:hover{text-decoration: underline;}
    .footer .sitemap li span{color: #666;}
    .footer .sitemap li a:before,
    .footer .sitemap li span:before{
        content: "\f105";
        display: inline-block;
        margin-right: 5px;
        color: #fff;
        font-family:"Font Awesome 5 Free";
        font-weight: 900;
    }
    .footer .sitemap li span:before{color: #666;}
    
    
    
    /* ====================================================
     お問い合わせ
    ==================================================== */
    .footer .contact{}
    .footer .contact .tel{margin-bottom: 30px;}
    .footer .contact .tel img {}
    
    /* ====================================================
     売主
    ==================================================== */
    .footer .saler{}
    .footer .saler a { margin-bottom: 10px; display:inline-block;}
    .footer .saler dl { margin-bottom: 20px;}
    .footer .saler dt{margin-bottom: 12px;}
	.footer .saler dd p { font-size: 12px;}
    .footer .saler.sp { display: none;}
	.footer .saler a { color: #fff;}

    /* 60周年ロゴ */
    .footer .saler dd a[href="https://www.anabuki.ne.jp/"]{
        display:inline-block;
        position:relative;
        padding-top:5px;
        padding-bottom:5px;
        padding-right:70px;
        /*background:url(../common/img/anabuki-60th.svg) no-repeat calc(100% - 5px) center;*/
        background-size:auto calc(100% - 10px);
    }
    .footer .saler dd a[href="https://www.anabuki.ne.jp/"]:before {
        content:"";
        /*display:inline-block;*/
		display: none;
        position:absolute;
        z-index:-1;
        top:0;
        right:0;
        background:#fff;
        width:60px;
        height:100%;
    }


    
@media screen and (max-width: 767px) {
    .footer {padding-top: 20px; background:#0a190a; color: #fff;}
    .footer .contents.pc{display: none;}
    .footer .saler p a { color: #fff;}
	.footer .saler a { color: #fff;}
    
    /* ====================================================
     お問い合わせ
    ==================================================== */
    .footer .contact{
        margin-left: 0;
        margin-bottom: 14px;
        text-align: center;
        width: auto;
    }
    .footer .contact dt{
        margin-bottom: 13px;
        font-size: 0.687rem;
        line-height: 1.5;
		/*color: #fff;*/
		display: none;
    }
    .footer .contact dd{width: 100%; margin: 0 auto;}
	.footer .contact .buttonBox {
		background: #ffffff;
		padding: 20px;
		border-radius: 4px;
	}
	.footer .contact .buttonBox li{
        display: inline-block;
        margin-bottom: 10px;
        vertical-align: top;
        /*width: 47.5%;*/
        width: 100%;
        line-height: 60px;
    }
    .footer .contact .buttonBox li a {
        display: block;
        color: #ffffff;
        text-decoration: none;
		border-radius: 4px;		
    }
    .footer .contact .buttonBox li a.visit_btn {background:#2a5298; background: linear-gradient(45deg, #2a5298, #042662);}
    .footer .contact .buttonBox li a.document_btn {background:#6c0000; background:linear-gradient(45deg, #a60000, #6c0000);}
    .footer .contact .buttonBox li a.contact_btn {background: #bf8a41; background: linear-gradient(45deg, #bf8a41, #603c0b);}
	.footer .contact .buttonBox li a.online_btn {background: #222222; background: linear-gradient(45deg, #666666, #222222);}
	.footer .contact .buttonBox li span { opacity: 0.5; border-radius: 4px;}
	.footer .contact .buttonBox li p { line-height: 1.25;}
	
    footer .contact .buttonBox li span {
		color: #cccccc;
		background: #666666;
		display: block;			
	}
    .footer .contact .buttonBox li a:before{
            content: "\f0da";
        display: inline-block;
        margin-right: 8px;
        color: #ffffff;
        font-family:"Font Awesome 5 Free";
        font-weight: 900;
    }
	.footer .contact .buttonBox li span:before{
            content: "\f0da";
        display: inline-block;
        margin-right: 8px;
        color: #cccccc;
        font-family:"Font Awesome 5 Free";
        font-weight: 900;
    }	
	
    .footer .contact .buttonBox li a.visit_btn em {
        font-size: 13px;
        color: #ffffff;
        background:#CB1114;
        font-style: normal;
        font-weight: normal;
        padding: 3px;
        border-radius: 4px;
        margin-right: 4px;
        font-family: sans-serif;
        display: none;
    }
    /*.footer .contact .buttonBox li:nth-of-type(2n){margin-left: 10px;}*/
    
    /* ====================================================
     売主
    ==================================================== */
    .footer .saler.sp { display: block; color: #fff;}
    .footer .saler{margin-left:0;}
    .footer .saler dl { padding: 25px; text-align: center; margin-bottom: 0;}
	/*.footer .saler dl:nth-child(2) { display: none;}*/
    .footer .saler dt{margin-bottom:10px; color: #fff;}
    .footer .saler a {display:inline-block;  max-width: 80%; margin-bottom: 20px;}

    .footer .saler dd a[href="https://www.anabuki.ne.jp/"]{
        padding-right:0%;
        background:none;
    }

    .footer .saler dd a[href="https://www.anabuki.ne.jp/"]::before {
        z-index:0;
        top:50%;
        transform:translateY(-50%);
        width: 20%;
        height:80%;
        background:url(../common/img/anabuki-60th.svg) center no-repeat #fff;
        background-size:80% 80%;
        margin-left:0.5em;
    }

    /* ====================================================
     電話
    ==================================================== */
    .footer .tel{margin-bottom: 44px; text-align: center; /*display: none;*/}
	.footer .tel dt img {}
    .footer .tel dd{margin-top: 18px;}
    
}

/* ######################################################################################

　固定フッター

###################################################################################### */
.flBtn{
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 9999;
    width: 100%;
    background: #0a190a;
    box-shadow:0px 0px 4px 1px rgba(0,0,0,0.1);
}


@media print, screen and (min-width: 768px) {
    .flBtn {padding: 8px 0 9px; background: #fff;}
    .flBtn ul { float: right;}    
    .flBtn p.tel{ /*display: none;*/ display: inline-block; float: left; vertical-align: bottom;}
    .flBtn li{display: inline-block; vertical-align: bottom; }
    .flBtn p{/*margin-right: 84px;*/ padding-left: 11px;}
    .flBtn a,
	.flBtn li.f_textlink span{
        color: #ffffff;
        text-decoration: none;
        line-height: 40px;
        display: block;
        padding: 0 8px;
        font-size: 0.8rem;
		transition : .5s;
    }
	.flBtn li.f_textlink span { color: #999;}
	.flBtn a:hover {opacity: 0.5;}
	
    .flBtn a:before,
	.flBtn span:before,
	.flBtn li.f_textlink a:before,
	.flBtn li.f_textlink span:before{
        content: "\f0da";
        display: inline-block;
        margin-right: 5px;
        color: #ffffff;
        font-family:"Font Awesome 5 Free";
        font-weight: 900;
    }
	.flBtn li.f_textlink a:before{ color: #333;}
	.flBtn li.f_textlink span:before { color: #999;}
    .flBtn:after{
        content: "";
        clear: both;
        height: 0;
        display: block;
        visibility: hidden;
        }
    .flBtn .fvisit {background:#002b77; background: linear-gradient(45deg, #2a5298, #042662);}
    .flBtn .fdocument {background:#a60000; background: linear-gradient(45deg, #a60000, #6c0000);}
    .flBtn .fcontact {background:#222222; background: linear-gradient(45deg, #bf8a41, #603c0b);}
	.flBtn .accessbtn {background:#33642b; background: linear-gradient(45deg, #33642b, #1a4711);}
	.flBtn .onlinere {background:#082e5d; background: linear-gradient(45deg, #666666, #222222);}
	
	/*非アクティブ
	.flBtn li.fvisit {
        line-height: 40px;
        padding: 0 15px;
		opacity: 0.5;
		background:#ccc;
	}*/
}
@media screen and (max-width: 767px) {
	.flBtn {background: #0a190a;}
    .flBtn .contents{padding: 0;}
    .flBtn ul {
        text-align: center;
        display: table;
        table-layout: fixed;
        width: 100%;            
    }
    .flBtn li{
        display: table-cell;
        vertical-align: middle;
        /*display: inline-block;*/
        /*width: 18.2%;
        width: 23.2%;
        /*width: 32.2%;
        width: 48.2%;*/
        padding: 0;
        vertical-align: top;
    }
    .flBtn li i {
        display: block;
        font-size: 30px;
        margin-bottom: 5px;
    }
    .flBtn li + li{border-left: 1px solid #c9c9c9;}
    .flBtn li a,.flBtn li span{
        display: block;
        height: 67px;
        padding-top: 45px;
        background-repeat: no-repeat;
        background-size: 21px;
        background-position: center 12px;
        font-size: 10px;
        text-align: center;
        text-decoration: none;
        color: #ffffff;
    }
    .flBtn li.ftonlinetool a { padding-top: 40px;}
    /*.flBtn li.reserved a { padding-top: 35px;}*/
    .flBtn li.reserved em {
        font-style:normal;
        color:#CB1114;
        font-size: 11px;
        display: block;
        display: none;
    }
    /*.flBtn li.tel { display: none;}*/
    .tel i { color: #4dbbac;}
    .contact i{ color: #ef8483;}
    .reserved i{ color: #274661;}
    .documents i{ color: #eb5e01;}
    
    /*.reserved { display: none !important;}*/
 
}

p.comeBtn { display: none;}
@media screen and (max-width: 767px) {
        .mdInfo .mdWrap{ height: 52.020vw; }
		.mdInfo h2{
			width: 63.6%;
			margin-bottom: 9.333%;
			}
		.mdInfo .mdTxt{ margin-bottom: 9.333%; }
		.mdInfo .mdBtn{ width: 59.867%; }
    p.comeBtn { display: block;}
    p.comeBtn {
        position: absolute;
        right: 57px;
        top:0;
    }
    p.comeBtn img {
        width: 56px;
        height: auto;
    }
    
    
}

.button_shadow{
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.button_shadow:hover{
  -webkit-box-shadow: 0px 0px 3px #666666;
  box-shadow: 0px 0px 3px #666666;
}

  .iziModal .mo_inner{
    background: transparent;
    box-shadow: none;
    color: #fff;
    font-size: 16px;
    text-align: center;
    
  }
  .iziModal .mo_inner div{
    font-size: 36px;
      color: #ffffff;
      margin-bottom: 8px;
  }
  .iziModal .mo_inner p{
    color: #ffffff;
    line-height: 1.5
  }
  .iziModal .mo_inner .close{
    position: relative;
    padding-left: 0;
  }
  .iziModal .mo_inner .close a{
    position: absolute;
    top: 0;
    right: 0;
  }
  .iziModal-wrap{
    padding: 0.5em;
  }

/*最終予告広告*/
.lastcm {
	background: rgba(251,249,230,1.00);
	font-size: 70%;
	text-align: center;
	margin-top: 80px;
	padding:15px 10px;
	display: none;
}
.lastcm span { border: solid 1px #222; padding: 4px; margin-right: 10px;}
@media screen and (max-width: 767px) {
	.lastcm { line-height: 1.5; margin-top: 40px;}
	.lastcm span {
		margin-right: 0;
		margin-bottom: 10px;
		display: block;
	}
}

/* end */