#mainnav{
	display:none;
}

.mainnav.toggled ul, #mainnav-mobi ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}
@media screen and (min-width: 320px) {
  .site-header {
    width: 100%;
	height: 64px;
	padding: 0;
	margin: 0;
	/*
		background-color: transparent!important;
	*/
  }
  
  body.home .site-header.fixed {
    position: absolute !important;
  }
  
  .float-header {
    background: #443F3F;
  }
  
  .header-wrap {
    width: 100%;
	height: 100%;
	padding: 0 1em;
	  background-color:#00000000;
  }
  
  .header-wrap .container {
    width: 100%;
	height: 100%;
	padding: 0;
  }
  
  .header-wrap .container .row {
    margin: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
  }
  
  .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    float: none;
  }
  
  .header-wrap .container .row .col-md-4 {
    z-index: 1001;
  }
  
  .header-wrap .container .row .col-md-4 a {
    max-width: 184px;
    display: block;
  }
  
  
  .header-wrap .container .row .col-xs-12 {
    width: auto;
	padding: 0;
  }
  
  .header-wrap .container .row .col-md-8 {
    margin: 0 0 0 auto;
  }
  
  .btn-menu {
    margin: 0;
	border: 2px solid;
	width: 36px;
	height: 36px;
	position: relative;
	z-index: 1001
  }
  
  .btn-menu:before {
    content: "";
  }
  
  .btn-menu .btn-inner {
    width: 16px;
	height: 14px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
  }
  
  .btn-menu .btn-inner span {
	height: 2px;
	background: #000;
	display: block;
	position: absolute;
	transition: .35s
  }

  .btn-menu .btn-inner span:nth-of-type(1) {
	top: 0;
	width: 100%;
  }
  
  .btn-menu .btn-inner span:nth-of-type(2) {
    top: 40%;
	width: 60%;
	opacity: 1;
  }
  
  .btn-menu .btn-inner span:nth-of-type(3) {
    bottom: 0;
	width: 100%;
  }
  
  .btn-menu.active .btn-inner span:nth-of-type(1) {
    transform: translate(0,6px) rotate(45deg);
  }
  
  .btn-menu.active .btn-inner span:nth-of-type(2) {
    transform: translate(10px,0);
	opacity: 0;
  }
  
  .btn-menu.active .btn-inner span:nth-of-type(3) {
    transform: translate(0,-6px) rotate(-45deg);
  } 
  
  .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: static;
  }
  
  #mainnav-mobi {
	display:none;
    position: absolute;
	top: 63px;
	right: 0;
	margin: 0;
	width: 80%;
	height: 100vh;
	  transition: 0.5s ease-in-out;
  }
  .open #mainnav-mobi{
  visibility: visible;
}
  
  .menu-header-menu-container {
    margin-top: 80px;
  }
  
  #mainnav-mobi ul > li {
    border: none;
	margin-bottom: 24px;
  }
  
  #mainnav-mobi ul > li > a {
    padding: 0;
	display: block;
	padding-left: 32px;
  }
  
  #mainnav-mobi ul > li > a .ja-text {
    font-size: 10px;
	font-family: noto-sans-cjk-jp;
	font-weight: 700;
	transform: scale(.9);
	letter-spacing: .16em;
	display: inline-block;
	vertical-align: bottom;
  }
  
  #mainnav-mobi ul > li > a .en-text {
    display: inline-block;
	width: 100%;
	font-family: futura-pt;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: .16em;
	vertical-align: top;
  }
  
  
  .slides-container .slide-item {
    position: relative
  }
  
  .slides-container .slide-item:before {
    width: 100%;
	height: 100%;
	position: absolute;
	background: #443F3F;
	display: block;
	content: "";
	opacity: .3;
  }
  
  .text-slider .maintitle {
    font-size: 16px;
	font-family: noto-sans-cjk-jp !important;
	letter-spacing: 0.05em;
  }
  
  .text-slider .maintitle:after {
    background: white;
	height: 2px;
  }
  

}


@media screen and (min-width: 768px) {
  .site-header {
    height: 112px;
	  background-color:#fff;
  }
  
  .menu-header-menu-container {
    margin-top: 112px;
  }
  
  #mainnav-mobi {
    width: 60%;
  }
  
  #mainnav-mobi ul > li > a {
    transition: .35s
  }
  
  #mainnav-mobi ul > li > a:hover {
    opacity: .7
  }
  
  .text-slider .maintitle {
    font-size: 24px;
	font-family: noto-sans-cjk-jp !important;
	letter-spacing: 0.05em;
  }
  
  .header-wrap .container .row .col-md-4 a {
    max-width: 311px;
    display: block;
  }
  
}

@media screen and (min-width: 1024px) {
	#mainnav{
	 display: block;
    float: right;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
	}
		#mainnav .mainnav{
		display:none!important;
	}

	/* トップページ以外にスタイルを設定 */

body:not(.home) #mainnav ul li a { 
/*     color: #443F3F; */
	color:#fff;
}
   header .header-wrap .container {
  	max-width: 1240px;
  	padding: 0;
  }

  .text-slider .maintitle:after {
  	background: white !important;
  	height: 2px !important;
  }

  .slide-item:before {
  	position: absolute;
  	content: "";
  	width: 100%;
  	height: 100%;
  	background: #443F3F;
  	opacity: .3
  }
  
  
  .menu-header-menu-container {
    margin: 0;
  }
  
  #mainnav ul li {
	padding: 0;
	height: 23px;
	overflow: hidden;
  }
  
  #mainnav ul li:not(:last-child) {
    margin-right: 16px;
  }
  
  #mainnav li a {
  	font-family: 'noto-sans-cjk-jp' !important;
  	font-size: 13px !important;
  	letter-spacing: .404rem;
  	font-weight: 700 !important;
  }

  #mainnav ul li a:hover {
    color: #000 !important
  }
  
  #mainnav ul li a .ja-text {
    font-family: noto-sans-cjk-jp;
	font-weight: 700;
	text-align: center;
	letter-spacing: .30em;
	  color:#4E4E4E;
  }
  
   #mainnav ul li a .en-text {
    font-family: futura-pt;
	font-weight: 700;
	letter-spacing: .15em;
	text-align: center;
  }
  
  #mainnav ul li a:hover {
    color: white;
	transform: translateY(-22px);
  }
  
  #mainnav ul li a span {
    display: block;
	font-family: futura-pt;
	letter-spacing: .2em
  }

  body.page-template-page_fullwidth #mainnav ul li a ,body.blog #mainnav ul li a {
    color: #443F3F
  }
  
  body.page-template-page_fullwidth #mainnav ul li a:hover ,body.blog #mainnav ul li a:hover{
    color: #443F3F
  }
  
  body.page-template-page_fullwidth #mainnav ul li a:hover {
    color: #443F3F !important;
  }
	.header-wrap {
	 background-color:#fff;
  }
	.site-header {
	 background-color:#fff;
  }
	li.wpmenucartli a.wpmenucart-contents span{
		color:#4E4E4E;
	}
} 
#mainnav .sub-menu li{
	display:block;
	color:#fff;
}

@media screen and (min-width: 1280px) {
  #mainnav li a {
    font-size: 16px !important;
  }
  
  #mainnav ul li:not(:last-child) {
    margin-right: 28px;
  }
  
  #mainnav ul li a:hover {
    color: white;
	transform: translateY(-27px);
  }
	#mainnav-mobi{
		display:none;
	}


}

@media screen and (max-width: 320px) {
   .sydney-hero-area{
	 margin-top:64px;
	} 
}
	
.site-header.float-header{
	padding:0!important;
}
.mainnav.toggled, #mainnav-mobi{
	display:none!important;
}
@media only screen and (max-width: 767px){
	#mainnav-mobi{
		top:28px!important;
	}
	#mainnav-mobi.syd-hidden{
		display:none!important;
	}
	#mainnav-mobi.toggled{
		display:block!important;
	}
	.btn-menu{
		margin:8px auto 0!important;
	}
}