@charset "utf-8";
/*common*/
body{
font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
font-feature-settings: "palt";
color:#231815;
}
a,a:hover,a:visited{
text-decoration:none;
display:block;
}
a:hover{
opacity:0.6;
}
img{
width:100%;
max-width:100%;
}
.pc{
display:block;
}
.sp{
display:none;
}

/*pc*/
header{
background:#fff;
}
.head_area{
display:flex;
justify-content:space-between;
max-width:1080px;
margin:0 auto;
}
h1{
width:10%;
margin-top:20px;
}
.head_box{
width:88%;
}
.head_top{
display:flex;
justify-content:space-between;
align-items:self-end;
}
.h_name{
width:46%;
}
.h_phone{
width:26%;
}
.h_contact{
display:flex;
width:24%;
}
.h_contact li{
width:50%;
}
.h_contact li:first-child{
background:#bb8e50;
}
.h_contact li:last-child{
background:#562a08;
}
.h_contact li a{
color:#fff;
padding:25px 0;
text-align: center;
}
.h_sub_nav{
display:flex;
justify-content:flex-end;
margin:8px 0 20px;
}
.h_sub_nav li{
font-size:12px;
}
.h_sub_nav li:first-child{
margin-right:1em;
}

.h_nav ul{
display:flex;
justify-content:space-between;
}
.h_nav li{
text-align:center;
border-right:1px solid #000;
width:calc(100% / 7);
font-size:14px;
padding:10px 0 6px;
}
.h_nav li:first-child{
border-left:1px solid #000;
}
.h_nav li.here{
background:#680000;
color:#fff;
}
.h_nav li:hover{
background:#680000;
color:#fff;
}



#switch{
display:none;
}
.switch_nav_area{
display:block!important;
position:fixed;
top:0;
width:100%;
background:#fff;
}
.switch_nav{
max-width:1080px;
margin:0 auto;
padding:10px 0;
display:flex;
justify-content:space-between;
align-items:center;
}
.switch_nav li{
border-right:solid 1px #000;
width:calc(100% / 9);
text-align:center;
font-size:14px;
padding:1em 0;
height:3em;
}
.switch_nav li:first-child{
border-left:solid 1px #000;
}
.switch_nav li:nth-child(8){
background:#bb8e50;
color:#fff;
border-right:0;
}
.switch_nav li:nth-child(9){
background:#562a08;
color:#fff;
border-right:0;
}
.switch_nav li.double{
padding:0.5em 0 0;
}
.switch_nav li.here{
background:#680000;
color:#fff;
}
.switch_nav li:hover{
background:#680000;
color:#fff;
}

.switch_nav_sub{
max-width:1080px;
margin:0 auto;
padding:0 0 10px;
display:flex;
justify-content:flex-end;
align-items:center;
font-size:12px;
}
.switch_nav_sub li:first-child{
margin-right:1em;
}


footer{
background:url(../img/footer_bg.png),url(../img/footer_line.png);
background-repeat:no-repeat,repeat;
background-size:cover,200px 5px;
background-position:center center,right center;
padding:20px 0;
}

.footer_area{
max-width:1080px;
margin:0 auto;
display:flex;
flex-flow: row-reverse;
justify-content:space-between;
align-items:center;
}
.f_logo{
width:26%;
}
.footer_box{
width:63%;
}
.footer_nav ul{
display:flex;
align-items:center;
font-size:13px;
padding-bottom:10px;
}
.footer_nav li{
padding-left:1em;
position:relative;
}
.footer_nav li.here:before,.footer_nav li:hover::before{
content:"";
background:url(../img/footer_here.png) no-repeat;
width:12px;
height:12px;
position:absolute;
top:0;
left:0;
}
.f_nav_top{
justify-content:space-between;
}
.f_nav_bottom{

}
.f_nav_bottom li{
margin-right:1.5em;
}
.footer_nav a{
color:#fff;
}

.f_phone{
padding-top:10px;
}

/* ================================================
tab
================================================ */
@media screen and (max-width: 1200px) {
}


/* ================================================
sp
================================================ */
@media screen and (max-width: 768px) {
.pc{
display:none;
}
.sp{
display:block;
}

article{
padding-top:70px;
}

.head_area{
display:flex;
justify-content:space-between;
height:70px;
align-items:center;
position: fixed;
z-index: 1000;
background:#fff;
}
h1{
width:auto;
margin-top:0;
}
h1 img{
width:auto;
height:70px;
}
.head_box{
width:calc(100% - 70px - 62px);
}
.head_top{
display:flex;
justify-content:space-between;
}
.h_name{
width:95%;
padding:0 3%;
}
.h_contact{
display:none;
}
.toggle_btn img{
width:auto;
height:70px;
}
.sp_nav{
display:none;
width: 100%;
padding-top: 5%;
position: relative;
background-color: #fff;
}

.sp_nav{
display:none;
width:100%;
padding-top:5%;
position:absolute;
background-color: #fff;
z-index:1000;
top:70px;
}

.sp_nav a {
display: block;
padding-top: 7%;
padding-bottom: 7%;
padding-left: 6%;
padding-right: 6%;
color: inherit;
font-size: 13px;
text-decoration: none;
}

.sp_nav ul{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
padding:0 5% 10%;
}
.sp_nav li{
float:left;
width:45%;
margin-bottom:1%;
border-bottom: 1px solid #000;
background-image: url(../img/common/yajirushi.png);
background-position: right;
background-repeat: no-repeat;
background-size: 15%;
}

.sp_nav li:nth-child(n+9){
	clear: both;
	background-image: none;
	width: 100%;
	border-bottom: none;
}

.sp_nav li:last-child{
	padding-bottom: 0;
}

.sp_nav li.gallery a {
	padding-bottom: 3%;
}

.sp_nav li.tel a {
	padding-top: 0;
}

.sp_nav img {
	width: 100%;
	height: auto;
}

.sp_btn{
position:relative;
}
.sp_btn ul{
display:flex;
}
.to_top{
position:absolute;
top:-54%;
right:0;
width:40%;
}


footer{
background:url(../img/footer_bg.png);
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
padding:3% 0;
}

.footer_area{
max-width:100%;
margin:0 auto;
display:block;
}
.footer_box{
width:100%;
border-bottom:1px solid #fff;
magin:0 auto 5%;
padding-bottom:5%;
text-align:center;
}
.f_phone{
width:65%;
margin:0 auto;
}
.f_logo{
width:43%;
margin:5% auto 0;
}
.footer_nav ul{
display:flex;
align-items:center;
font-size:13px;
padding-bottom:10px;
}
.footer_nav li{
padding-left:1em;
position:relative;
}
.footer_nav li.here:before,.footer_nav li:hover::before{
content:"";
background:url(../img/footer_here.png) no-repeat;
width:12px;
height:12px;
position:absolute;
top:0;
left:0;
}
.f_nav_top{
justify-content:space-between;
}
.f_nav_bottom{

}
.f_nav_bottom li{
margin-right:1.5em;
}
.footer_nav a{
color:#fff;
}

.f_phone{
padding-top:10px;
}
}

/*nav*/
/*.h_contact li:nth-child(1),資料請求*/
/*.h_contact li:nth-child(2)/*来場予約*/
{
pointer-events:none;
opacity:0.6;
}

/*.h_sub_nav li:nth-child(1)/*マンションギャラリー案内図*/
/*.h_sub_nav li:nth-child(2)物件概要*/
{
pointer-events:none;
opacity:0.6;
}

/*.h_nav li:nth-child(1),トップ*/
/*.h_nav li:nth-child(2),周辺環境・アクセス*/
/*.h_nav li:nth-child(3),/*デザイン*/
/*.h_nav li:nth-child(4)/*,プラン*/
/*.h_nav li:nth-child(5)/*モデルルーム*/
/*.h_nav li:nth-child(6),/*設　備*/
/*.h_nav li:nth-child(7)/*品　質*/
{
pointer-events:none;
opacity:0.6;
}

/*.sp_nav li:nth-child(1),トップ*/
/*.sp_nav li:nth-child(2),周辺環境・アクセス*/
/*.sp_nav li:nth-child(3),/*デザイン*/
/*.sp_nav li:nth-child(4)/*,プラン*/
/*.sp_nav li:nth-child(5)/*モデルルーム*/
/*.sp_nav li:nth-child(6),/*設　備*/
/*.sp_nav li:nth-child(7)/*品　質*/
/*.sp_nav li:nth-child(8)物件概要*/
{
pointer-events:none;
opacity:0.6;
}

/*.switch_nav li:nth-child(1),トップ*/
/*.switch_nav li:nth-child(2),周辺環境・アクセス*/
/*.switch_nav li:nth-child(3),デザイン*/
/*.switch_nav li:nth-child(4)/*,プラン*/
/*.switch_nav li:nth-child(5)/*モデルルーム*/
/*.switch_nav li:nth-child(6),/*設　備*/
/*.switch_nav li:nth-child(7),/*品　質*/
/*.switch_nav li:nth-child(8),資料請求*/
/*.switch_nav li:nth-child(9)/*来場予約*/
{
pointer-events:none;
opacity:0.6;
}

/*.switch_nav_sub li:nth-child(1)マンションギャラリー案内図*/
/*.switch_nav_sub li:nth-child(2)物件概要*/
{
pointer-events:none;
opacity:0.6;
}

/*.f_nav_top li:nth-child(1),トップ*/
/*.f_nav_top li:nth-child(2),周辺環境・アクセス*/
/*.f_nav_top li:nth-child(3),/*デザイン*/
/*.f_nav_top li:nth-child(4)/*,プラン*/
/*.f_nav_top li:nth-child(5)/*モデルルーム*/
/*.f_nav_top li:nth-child(6),/*設　備*/
/*.f_nav_top li:nth-child(7)/*品　質*/
{
pointer-events:none;
opacity:0.6;
}

/*.f_nav_bottom li:nth-child(1),資料請求*/
/*.f_nav_bottom li:nth-child(2),/*来場予約*/
/*.f_nav_bottom li:nth-child(3)/*マンションギャラリー案内図*/
/*.f_nav_bottom li:nth-child(4)/*物件概要*/
{
pointer-events:none;
opacity:0.6;
}


/*.sp_btn li:nth-child(1),/*現地案内図*/
/*.sp_btn li:nth-child(2),/*お問い合わせ*/
/*.sp_btn li:nth-child(3),物件概要*/
.sp_btn li:nth-child(4),/*電話*/
/*.sp_btn li:nth-child(5),資料請求*/
/*.sp_btn li:nth-child(6)/*来場予約*/
{
pointer-events:none;
opacity:0.6;
}