/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 05 2022 | 02:26:27 */
/*透過ヘッダー*/
/*ロゴ：サイトロゴとは別の画像をファイルにアップ、下の方にあるbackgroundのurlにパスを入力*/

/*ヘッダーの最大幅を変更*/
@media (min-width: 769px){
body.home .es-container {
    max-width: 1600px;
}
}

/*ヘッダー内で改行しないように*/
.main-header-container{
  white-space:nowrap;
}

/*ロゴの大きさ、位置調整*/
body.home.page-template-default .site-logo-img a::before {
    width: 130%!important;
    height: 130%!important;
    margin-top:-7px;
}

.es_user_identity ul {
  margin-left:30px;
}



body.home.page-template-default #content {
  padding-top: 0 !important;
}
body.home.page-template-default .site-header {
  position: absolute;
  width: 100%;
}
body.home.page-template-default #masthead .site-logo-img .custom-logo {
  max-width: 150px;
}
@media (min-width: 481px) {
  body.home.page-template-default #masthead .site-logo-img .custom-logo {
    max-width: 190px;
  }
}
body.home.page-template-default #masthead:not(.fixed) .main-header-menu > .menu-item > a:hover,
body.home.page-template-default #masthead:not(.fixed) .main-header-menu > #nav_more:hover > a,
body.home.page-template-default #masthead:not(.fixed) .main-header-menu > .unclickable.menu-item:hover > a {
  background: rgba(0, 0, 0, 0.3);
  color: #fff; 
}
body.home.page-template-default .main-header-bar {
  background: none;
}
body.home.page-template-default .main-header-bar .main-header-menu a {
  color:#fff;
  /*
  text-shadow    : 
       2px  2px 1px #000,
      -2px  2px 1px #000,
       2px -2px 1px #000,
      -2px -2px 1px #000,
       2px  0px 1px #000,
       0px  2px 1px #000,
      -2px  0px 1px #000,
       0px -2px 1px #000; 
  transition: none;*/
}
body.home.page-template-default .main-header-bar .main-header-menu > li > a{
  color: #000;
}

@media (max-width: 480px) {
  body.home.page-template-default .main-header-bar .main-header-menu > li > a{
    color: #fff;
  }
}

body.home.page-template-default .main-header-bar .main-header-menu > li > a:hover {
  color: #d2d2d2;
}
body.home.page-template-default .main-header-bar .main-header-menu > ul> li > a:hover {
  cursor: pointer;
}


body.home.page-template-default .main-header-bar .main-header-menu .sub-menu {
  background: rgba(0, 0, 0, 0.3);
  width: initial;
  padding-right:10px;
}

body.home.page-template-default .main-header-bar .main-header-menu .sub-menu a{
  margin-right:10px;
}


body.home.page-template-default .main-header-bar .main-header-menu .sub-menu a:hover{
  color:#d2d2d2;
}

body.home.page-template-default .main-navigation {
  display: block;
  margin-left: auto;  /*ナビを右側に寄せない場合は不要 */
}
body.home.page-template-default .fixed .main-header-bar {
  /*background: rgba(0, 0, 0, 0.7);*/
  background: rgba(167, 159, 115, 1.0);
}
body.home.page-template-default .header_links a {
  color: #000 !important;
}
body.home.page-template-default .header_links a:hover {
  border: none;
  opacity: .7;
}
body.home.page-template-default .header_links a:hover, body.home.page-template-default .header_links a:not(.menu-toggle):hover {
  color: #d2d2d2; 
  border-color: #fff;
}
body.home.page-template-default .page-header {
  display: none;
}
body.home.page-template-default .site-logo-img {
  position: relative;
}
/* サイトロゴをそのまま使用する場合、以下を削除*/
/*body.home.page-template-default .site-logo-img a::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: url(/wp-content/uploads/sites/452/2021/04/flexestate.png) no-repeat left top/contain;
  z-index: 2;
}
body.home.page-template-default .site-logo-img a img {
  opacity: 0;
}

.custom-bgplus-dots {
  background-image: url(/wp-content/uploads/sites/113/2021/03/dot.png);
}
*/
/*
.custom-bgplus-dots:not(.wp-block-uagb-columns) {
  background-image: url(/wp-content/uploads/sites/113/2021/03/dot.png);
}
.custom-bgplus-dots > .uagb-columns__overlay {
  background-image: url(/wp-content/uploads/sites/113/2021/03/dot.png);
}
*/