@charset "UTF-8";
/*--------------------------
 NAVI FIX SET
----------------------------*/
#nav_wrapper {
	z-index: 1000;
	width: 100%;
}

@media screen and (min-width:768px) and ( max-width:1200px) {
.nav_wrapper_fix {
    /*height: 100px; */   
}
}
.nav_wrapper_fix {
    position: fixed!important;
    top: 0px;
    padding-top: 0px!important;
    left: 50%;
    transform: translate(-50%, 0%);
    /*background-color: #FFFFFF;*/    /*z-index: 100;*/
    background-image: url(../images/transparent_white5.png);
    background-position: center center;
    background-size: 5px 5px;
    background-repeat: repeat;
}
/*--------------------------
 NAVI LOGO
----------------------------*/
@media screen and (min-width:768px) and ( max-width:1040px) {
.nav_logo {
	top: 17px;
	left: 25px;
    position: absolute;
    z-index: 100;
}
.nav_logo img {
    width: 180px;
    height: auto;
}
}
@media screen and  (min-width:1040px) {
.nav_logo {
	top: 13px;
	left: 30px;
    position: absolute;
    z-index: 100;
}
.nav_logo img {
    width: 220px;
    height: auto;
}
}

.nav_logo a {
    -webkit-transition: all .3s;
    transition: all .3s;
    text-decoration: none;
    display: block;
}
.nav_logo a:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}
/*--------------------------
 NAVI LIST
----------------------------*/
.nav_list {
    font-feature-settings: "palt";
}

@media screen and (min-width:768px) and ( max-width:1000px) {
.nav_list ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    float: right;
    margin-right: -360px;
	padding-right: 0px;
}
}
@media screen and  (min-width:1000px) {
.nav_list ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    float: right;
    margin-right: 25px;
	padding-right: 0px;
}
}

.nav_list ul::after {
    content: "";
    display: block;
    clear: both;
}
.nav_list ul li {
	font-size: 14px;
    line-height: 26px;
	padding-right: 1.5vw;
    padding-left: 1.5vw;
}


.nav_list ul li {
    letter-spacing: 0.05em;

}
.nav_list ul li span {
    font-size: 9px;
    line-height: 10px;
    letter-spacing: 0.15em;
    display: block;
    color: #666666;
}

@media screen and (min-width:768px) and ( max-width:1000px) {
.nav_list ul li a {
    text-decoration: none;
    -webkit-transition: all .3s;
    transition: all .3s;
    color: #000000;
    display: block;
    padding-top: 40px;
    padding-bottom: 10px;
}
}
@media screen and  (min-width:1000px) {
.nav_list ul li a {
    text-decoration: none;
    -webkit-transition: all .3s;
    transition: all .3s;
    color: #000000;
    display: block;
    padding-top: 10px;
    padding-bottom: 18px;
}
}


.nav_list ul li a:hover {
	opacity: 0.3;
	filter: alpha(opacity=30);
	-ms-filter: "alpha(opacity=30)";
}
.nav_list_active a {
    color: #569fba!important;
}
.nav_list_gray a {
    color: #D0D0D0 !important;
}
.nav_list_raeget {
	pointer-events: none;
}
/*--------------------------
 NAVI SP BUTTON
----------------------------*/
.nav_spb_wrapper {
    float: right;  
}

@media screen and (min-width:768px) and ( max-width:1000px) {
.nav_spb_wrapper li {
    float: right;
	font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.1em;
	text-align: center;
	-webkit-transition: all .3s;
    transition: all .3s;
    width: 200px;
}
}
@media screen and  (min-width:1000px) {
.nav_spb_wrapper li {
    float: right;
	font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.1em;
	text-align: center;
	-webkit-transition: all .3s;
    transition: all .3s;
    width: 120px;

    opacity: 1.0!important;
	filter: alpha(opacity=100)!important;
	-ms-filter: "alpha(opacity=100)"!important;
}
}


@media screen and (min-width:768px) and ( max-width:1000px) {
.nav_spb_wrapper li a {
    color: #FFFFFF!important;
    display: block;
    text-decoration: none;
    padding-top: 5px;
    padding-bottom: 7px;
	-webkit-transition: all .3s;
    transition: all .3s;
}
}
@media screen and  (min-width:1000px) {
.nav_spb_wrapper li a {
    color: #FFFFFF!important;
    display: block;
    text-decoration: none;
    padding-top: 20px;
    padding-bottom: 20px;
	-webkit-transition: all .3s;
    transition: all .3s;
}
}

.nav_spb_wrapper li a:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}
/*--------------------------
 NAVI SP BUTTON 01 内覧予約
----------------------------*/
.nav_sp_button01 {
    background-color: #a19a80!important;
}
.nav_sp_button01:hover {
    opacity: 0.5!important;
	filter: alpha(opacity=50)!important;
	-ms-filter: "alpha(opacity=50)"!important;
}
/*--------------------------
 NAVI SP BUTTON 02 空室確認
----------------------------*/
.nav_sp_button02 {
    background-color: #569fba;
}
.nav_sp_button02:hover {
    opacity: 0.5!important;
	filter: alpha(opacity=50)!important;
	-ms-filter: "alpha(opacity=50)"!important;
}









/*--------------------------
 NAVI NEW
----------------------------*/
.nav_new {
    position: absolute;
    bottom: 50px;
}
.nav_new img {
    width: 22px;
    height: auto;
}
@media screen and (min-width:768px) and ( max-width:1200px) {
.nav_new_sm {

}
.nav_new_sm img {
    width: 30px;
    height: auto;
	padding-top: 6px;
    padding-left: 8px;
}
}
@media screen and (min-width:1200px) {
.nav_new_sm {
    display: none;    
}
.nav_new_sm img {
    width: 22px;
    height: auto;
}
}












/*--------------------------
 NAVI SP BUTTON 03 案内
----------------------------*/
@media screen and (min-width:768px) and ( max-width:1200px) {
.nav_sp_button03 {
    background-color: #5f5322;
    width: 180px;
    letter-spacing: 0.03em!important;

}
.nav_sp_button03 a {
	padding-top: 15px!important;
    padding-bottom: 15px!important;
}
}
@media screen and (min-width:1200px) and ( max-width:1400px) {
.nav_sp_button03 {
    background-color: #5f5322;
    width: 180px;
    letter-spacing: 0.03em!important;

}
.nav_sp_button03 a {
	padding-top: 15px!important;
    padding-bottom: 15px!important;
}
}
@media screen and (min-width:1400px) and ( max-width:1600px) {
.nav_sp_button03 {
    background-color: #5f5322;
    width: 240px;
    letter-spacing: 0.03em!important;
    position: absolute;
    right: 0px;
    top: 47px;
}
.nav_sp_button03 a {
	padding-top: 3px!important;
    padding-bottom: 3px!important;
}
}
@media screen and (min-width:1600px) {
.nav_sp_button03 {
	background-color: #5f5322;
    width: 180px;
	letter-spacing: 0.03em!important;
}
}
/*--------------------------
 NAVI SP BUTTON DEAD
----------------------------*/
.nav_sp_gray {
    background-color: #B8B8B8;
}
.nav_sp_raeget {
	pointer-events: none;
}



/*--------------------------
 HUMBERGER MENU
----------------------------*/
@media screen and (min-width:768px) and ( max-width:1200px) {
.right_drawer_menu {
	
}
}
@media screen and (min-width:1200px) {
.right_drawer_menu {
	display: none;
}
}
.head_smart {
    display: none;
}

.nav_hamb_gray a {
    color: #D0D0D0 !important;
}
.nav_hamb_raeget {
	pointer-events: none;
}
/*--------------------------
 NAVI HAMBURGER SP
----------------------------*/
.nav_hamburger_sp_xs {
    display: block;
    padding-left: 15px!important;
    margin-top: 10px!important;
}
.nav_hamburger_sp_xs a {
    color: #FFFFFF!important;
    display: block;
    padding-top: 5px!important;
    background-repeat: no-repeat;
    background-size: 15px auto;
    padding-bottom: 5px!important;

    background-image: url("../images/arrow_white.svg");
    background-position: right 15px center;
}
.nav_hamburger_sp_xs a:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}
.nav_hamburger_sp_xs01 {
    background-color: #9b101d;
    margin-top: 20px!important;
}
.nav_hamburger_sp_xs02 {
    background-color: #5f5322;
}
.nav_hamburger_sp_xs03 {
    background-color: #00316c;
}
.nav_hamb_back {
    background-color: #BABABA!important;
}