/*カラー

濃い茶色　#66543a

*/

@charset "utf-8";
/* CSS Document */
/*ヘッダー　ナビ*/
@media (min-width: 781px) {
  .menu_up {
    top: -201px !important;
  }
  .menu_down {
    top: 0px !important;
  }
  #headerbox {
    width: 100%;
    margin: 0 auto;
    height: 200px;
  }
  .header_logo {
    width: 320px;
    height: 140px;
    float: left;
    overflow: hidden;
  }
  .header_menu {
    width: 40%;
    height: 140px;
    float: right;
  }
  .header_b_b {
    border-bottom: 3px solid #da2631;
  }
  .fix_h {
    height: 260px; /*高さ　#headerbox + #servicemenubox*/
  }
	
  .fix_h h1 {
	  text-align: center;
	  background-color: #66543a;
	  color: #fff;
	  
  }
	
	
  #fixedBox {
    margin-bottom: -160px;
    height: 200px; /*高さ　　#headerboxと同じ */
    transition: .3s;
  }
  .fixedmenu {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
  }
  #servicemenu {
    width: 100%;
    height: 61px;
    background-color: #fff;
    border-top: 2px solid #66543a;
    border-bottom: 1px solid #ccc;
  }
  #servicemenubox {
    width: 1200px;
    height: 60px;
    margin: 0 auto;
    padding: 0;
  }
  #servicemenubox ul {
    margin: 0;
  }
  .menu_title {
    background-color: #fff;
    color: #333;
    text-align: center;
    width: 100%;
    line-height: 2.0;
    margin: 10px 0;
  }
  li.s_menu {
    text-align: center;
    position: relative;
    float: left;
    height: 60px;
    line-height: 60px !important;
    box-sizing: border-box;
    width: 240px;
    display: block;
    color: #66543a;
    font-weight: bold;
    line-height: 1.0;
  }
  li.s_menu:last-child { /*border-right:1px solid #333;*/
  }
  li.s_menu a {
    text-decoration: none;
    color: #66543a;
    line-height: 60px;
    display: block;
  }
  li.s_menu a:hover {
    color: #da2631;
    text-decoration: none;
  }
  li.s_menu:hover {
    z-index: 10;
    color: #da2631;
    display: block;
    background-color: #c8beaf; /*f47638*/
  }
  li.s_menu:hover img {
    position: relative;
    z-index: 100;
  }
  .s_menu_sub, .s_menu_sub_01, .s_menu_sub_02, .s_menu_sub_03, .s_menu_sub_04, .s_menu_sub_05, .s_menu_sub_06 {
    position: absolute;
    top: 61px;
    width: 240px;
    height: 0px;
    padding: 0;
    display: none;
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
    border-top: none;
  }
  .s_menu_sub {
    left: -1px;
  }
  .s_menu_sub_01 {
    left: -1px;
  }
  .s_menu_sub_02 { /*サブメニューを下に全体表示する際にピクセル数を合わせる　それぞれメニューごとにクラス分け*/
    left: -1px;
  }
  .s_menu_sub_03 {
    left: -1px;
  }
  .s_menu_sub_04 {
    left: -601px;
  }
  .s_menu_sub_05 {
    left: -801px;
  }
  .s_menu_sub_06 {
    left: -1001px;
  }
  li.s_menu:hover .s_menu_sub, li.s_menu:hover .s_menu_sub_01, li.s_menu:hover .s_menu_sub_02, li.s_menu:hover .s_menu_sub_03, li.s_menu:hover .s_menu_sub_04, li.s_menu:hover .s_menu_sub_05, li.s_menu:hover .s_menu_sub_06 {
    display: block;
    z-index: 50;
  }
  .s_menu_sub ul {
    box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.2);
  }
  .s_menu_sub li {
    height: 50px;
    line-height: 50px;
    margin: 0;
    border-bottom: 1px solid #eee;
    background-color: #fff;
    list-style: none;
  }
  .s_menu_sub li a:hover {
    display: block;
    background-color: #ddd;
  }
}
@media screen and (max-width: 780px) { /* 780px以下*/
  #mainheader_sp {
    background-color: #fff;
    border-bottom: 1px solid #eee;
  }
  #mainheader_sp ul {
    margin: 0;
  }
  #mainheader_sp li {
    list-style: none;
  }
  .sp_head_00 {
    width: 100%;
    background-color: #fff;
  }
  .sp_head_01 {
    width: 50%;
    float: left;
    background-color: #fff;
  }
  .sp_head_02 {
    background-color: #222;
    width: 25%;
    float: right;
    background-color: #fff;
    border-left: 1px solid #eee;
  }
  /*sp_nav*/
  .sp_global-nav {
    position: fixed;
    left: -320px; /* これで隠れる */
    top: 0;
    width: 300px; /* スマホに収まるくらい */
    height: 100vh;
    padding-top: 40px;
    padding-bottom: 80px;
    background-color: #fff;
    transition: all .6s;
    z-index: 200;
    overflow-y: auto; /* メニューが多くなったらスクロールできるように */
  }
  .hamburger {
    cursor: pointer;
    z-index: 300;
  }
  .sp_global-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .sp_global-nav li {
    padding: 0 10px;
  }
  .sp_global-nav li a {
    display: block;
    padding: 8px 0;
    border-bottom: 1px solid #eee;
    text-decoration: none;
    color: #111;
  }
  .sp_global-nav li a:hover {
    background-color: #eee;
  }
  .sp_global-nav li.sp_submenu {
    line-height: 2.0;
    padding-left: 30px;
  }
  .black-bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: 100;
    background-color: #000;
    opacity: 0;
    visibility: hidden;
    transition: all .6s;
    cursor: pointer;
  }
  /* 表示された時用のCSS */
  .nav-open .sp_global-nav {
    left: 0;
  }
  .nav-open .black-bg {
    opacity: .8;
    visibility: visible;
  }
  /*sp_nav*/
}
/*ヘッダー　ナビ*/
/*SP フッター　ナビ*/
@media screen and (max-width: 780px) { /* 780px以下*/
  .sp_footlink {
    background-color: #eee;
    width: 100%;
    height: auto;
    position: fixed;
    bottom: 0px;
    padding: 0;
    z-index: 999;
    border-top: 3px solid #333;
  }
  .sp_footlink ul {
    margin: 0;
  }
  .sp_footlink li {
    float: left;
    width: 20%;
    border-right: 1px solid #ddd;
    box-sizing: border-box;
    list-style: none;
  }
  .sp_footlink li:last-child {
    border: none;
  }
  .sp_footlink li img {
    width: 100%;
  }
  .sp_footmenu li {
    width: 100%;
    padding: 0 5%;
    line-height: 2.4;
    border-top: 1px solid #aaa;
    background-color: #eee;
    font-size: 14px !important;
  }
  .sp_footmenu li a {
    text-decoration: none;
  }
  .sp_footmenu li:last-child {
    text-align: center;
    background-color: #CCC;
  }
}
/*SP フッター　ナビ*/


/* ======================================================================


index


*/

.top_contents h2{
    color: #66543a;
}


.contents-box {
  background-color: #fff;
  border-radius: 0 0 20px 20px;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  transition: .6s;
  border-top: 3px solid #69553a;
}
.contents-box a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px 35px 15px 12px;
  text-decoration: none;
    color: #66543a;
}

.contents-box a:hover {
  transform: scale(0.95,0.95);
}


.contents-box .img-box {
  width: 40%;
  margin: 25px;
  box-sizing: border-box;
}
.contents-box .img-box img {
  border-radius: 50%;
  width: 100%;
}
.contents-box .text-box {
  width: 65%;
  margin-left: 10px;
}


.blog-box a {
  display: flex;
  text-decoration: none;
    color: #66543a;
}


.blog-box a:hover {
  transform: scale(0.95,0.95);
}





/* ======================================================================


共通


*/

.entry_title {
    max-width: 1280px;
    position: relative;
    border-top: 3px solid #49341f;
    border-bottom: 1px solid #e4dfd7;
	line-height: 1.8;
    padding-bottom: 20px;
    margin: 0 auto 40px;
	color: #66543a;
	
}




.archive_title {
	border-radius: 0 20px;
}

/* ======================================================================


管理物件


*/


h2.property_subtitle {
	margin: 40px 0 16px;
  padding: 1rem 2rem;
  border-left: 6px double #66543a;
  color: #66543a;
	background-color: #f0ede8
}


td.property_01{ padding: 20px 5px; text-align: center; background-color: #66543a; color: #fff; font-size: 16px;

}
td.property_02{ padding: 20px 10px;	background-color: #f0ede8;  font-size: 16px;

}
span.infotitle{ background-color: #65543a; color: #fff; padding:5px 10px; border-radius: 5px;
	
}

.slick-g-img {max-height: 360px!important; margin: 0 auto;}