@charset "utf-8";

.nav_mt01{
margin-top:30px;
}

	nav {
		top:0;
		width: inherit;
		position: relative;
		z-index: 999 !important;
		display: block;
	}

	nav {
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
	}

	nav a:hover {
		text-decoration: none !important;
	}

	.overlay {
		position: fixed !important;
		top: 0;
		left: 0;
		display: none;
		width: 100%;
		height: 100%;
		background: #000;
		opacity: 0.5;
		filter: alpha(opacity=80);
		-ms-filter: "alpha(opacity=70)";
		z-index: 5;
	}
	.overlay2 {
		position: fixed !important;
		top: 0;
		left: 0;
		display: none;
		width: 100%;
		height: 100%;
		background: #000;
		opacity: 0.5;
		filter: alpha(opacity=80);
		-ms-filter: "alpha(opacity=70)";
		z-index: 5;
	}

	header .inner {
		position: relative;
		padding: 1.5em;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	header #nav {
		overflow: scroll;
		position: fixed !important;
		right: -100%;
		top:90px;
		width: 600px !important;
		height: calc(100% - 90px) !important;
		z-index: 10279 !important;
		font-weight: 500;
		padding:40px 40px 80px;
		box-sizing: border-box;
		display: block;
		background:#fff;
	}

	header.navOpen #nav {
		opacity: 1;
		right: 0;
		z-index: 6 !important;
		box-sizing: border-box;
		border-radius: 0;
		overflow: scroll;
	}

	header #nav2 {
		overflow: scroll;
		position: fixed !important;
		top:90px;
		right: -100%;
		width: 450px !important;
		height: calc(100% - 90px) !important;
		z-index: 10279 !important;
		font-weight: 500;
		padding:40px 50px 80px;
		box-sizing: border-box;
		display: block;
	}


	header.navOpen2 #nav2 {
		opacity: 1;
		right: 0;
		z-index: 6 !important;
		padding-bottom: 80px;
		padding-top:40px;
		border-radius: 0;
		overflow: scroll;
		background:#a9a079;
	}



	header .navBtn {
		display: block;
		width: 90px;
		height: 90px;
		cursor: pointer;
		background:#fff;
		padding: 25px 18px 0;
		z-index: 999 !important;
		box-sizing: border-box;
		transition: all 0.5s;
		position: fixed;
		top: 0;
		right: 0;
		z-index:10;
	}
	header .navBtn:hover {
		opacity: 0.8;
	}
	@media screen and (max-width: 480px) {
		header .navBtn {
			top: 0px;
			right: 0px;
		}
		header .navBtn:hover {
			opacity: 1;
		}
	}

	header .navBtn.scrolled-out{
		background:#c8bba8d9;
	}
	.navOpen .navBtn{
	}

	header.navOpen .navBtn {
		pointer-events: all;
		padding-top: 17px;
	}


	header .navBtn span {
		display: block;
		height: 3px;
		width: 50px;
		background: #a9a079;
		border-radius: 0px;
		-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-aout;
		transition: all .5s ease-in-out;
		z-index: 99999 !important;
	}

	header .navBtn span:nth-of-type(2) {
		margin-top: 12px;
	}
	header .navBtn span:nth-of-type(3) {
		margin-top: 12px;
	}


	header.navOpen .navBtn span:nth-of-type(1) {
		-webkit-transform: translateY(22px) translateX(-2px) rotate(45deg);
		-ms-transform: translateY(22px) translateX(-2px) rotate(45deg);
		transform: translateY(22px) translateX(-2px) rotate(45deg);
	}

	header.navOpen .navBtn span:nth-of-type(2) {
		opacity: 0;
	}

	header.navOpen .navBtn span:nth-of-type(3) {
		-webkit-transform: translateY(-8px) translateX(-2px) rotate(-45deg);
		-ms-transform: translateY(-8px) translateX(-2px) rotate(-45deg);
		transform: translateY(-8px) translateX(-2px) rotate(-45deg);
	}

	.line01,
	.line02 {
		display: none;
	}

	nav nav {
		display: none;
	}

	.nav_pc {
		display: block;
	}

	.nav_sp {
		display: none;
	}


	header .navBtn2 {
		display: block;
		width: 90px;
		height: 90px;
		cursor: pointer;
		background:#a9a079;
		padding: 11px 8px 0;
		z-index: 999 !important;
		box-sizing: border-box;
		transition: all 0.5s;
		position: fixed;
		top: 0;
		right: 95px;
		z-index:10;
	}
	header .navBtn2:hover {
		opacity: 0.8;
	}

	header .navBtn2::before{
		content:'';
		width:90px;
		height:90px;
		display: block;
		pointer-events: none;
		background:url(../img/icon_reserve_close.png) no-repeat center center #a9a079;
		background-size: 80% auto;
		position:absolute;
		top:0;
		right:0;
		opacity: 0;
		transition: all 0.5s;
	}
		header.navOpen2 .navBtn2::before{
			opacity: 1;
	}

	@media screen and (max-width: 480px) {
		header .navBtn2 {
			top: 0px;
			right: 0px;
		}
		header .navBtn2:hover {
			opacity: 1;
		}
	}

	header .navBtn2.scrolled-out{
		background:#c8bba8d9;
	}

	header.navOpen2 .navBtn2 {
		pointer-events: all;
	}


	header .navBtn2 span {
		display: block;
		height: 3px;
		width: 40px;
		background: #a9a079;
		border-radius: 0px;
		-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-aout;
		transition: all .5s ease-in-out;
		z-index: 99999 !important;
	}

	header .navBtn2 span:nth-of-type(2) {
		margin-top: 10px;
	}
	header .navBtn2 span:nth-of-type(3) {
		margin-top: 10px;
	}


	header.navOpen2 .navBtn2 span:nth-of-type(1) {
		-webkit-transform: translateY(22px) translateX(0) rotate(45deg);
		-ms-transform: translateY(22px) translateX(0) rotate(45deg);
		transform: translateY(22px) translateX(0) rotate(45deg);
		margin: 3px 0;
	}

	header.navOpen2 .navBtn2 span:nth-of-type(2) {
		-webkit-transform: translateY(8px) translateX(0) rotate(-45deg);
		-ms-transform: translateY(8px) translateX(0) rotate(-45deg);
		transform: translateY(8px) translateX(0) rotate(-45deg);
	}

	header.navOpen2 .navBtn2 span:nth-of-type(3) {
		opacity:0;
	}
	.nav_list_new {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
		letter-spacing: -0.03rem;
	}
	.nav_list_new li {
		width: 46%;
	}
	.nav_list_new li a {
		display: block;
		border-bottom: 1px solid #b9b9b9;
		padding: 14px 20px 13px 0;
		text-align: left;
		background: url(../img/arrow_line.png) no-repeat center right 5px;
		background-size: 7px auto;
		transition: all 0.5s;
	}


@media screen and (max-width: 768px) {
	header .navBtn {
		width: 75px;
		height: 75px;
		padding:20px 18px 0;
	}
	header.navOpen .navBtn{
		padding-top:13px;
	}
	header .navBtn span{
		width:40px;
	}
	header #nav{
		width: 380px !important;
        padding: 40px 20px 80px;
	}
	header .navBtn2 {
		width: 75px;
		height: 75px;
		right:80px;
	}
	header #nav2{
		top:75px;
		height: calc(100% - 75px) !important;
	}
	.nav_list_new {
        font-size: 75%;
    }
	.nav_list_new li {
        width: 47%;
    }
	.nav_list_new li a {
        display: block;
        border-bottom: 1px solid #b9b9b9;
        padding: 10px 10px 9px 0;
        text-align: left;
        background: url(../img/arrow_line.png) no-repeat center right 0;
        background-size: 5px auto;
        transition: all 0.5s;
    }
}
@media screen and (max-width: 480px) {

	header .navBtn {
		width: 65px;
		height: 65px;
		padding:20px 16px 0;
		z-index:9999999!important;
	}
	header .navBtn span{
		width:35px;
		height:2px;
	}
	header .navBtn span:nth-of-type(2) ,
	header .navBtn span:nth-of-type(3) {
    margin-top: 10px;
	}	
	header.navOpen .navBtn span:nth-of-type(3){
		margin-top:16px;
	}

	header #nav{
		top:0px;
		height:100%!important;
		padding-top:90px!important;
	}

	header .navBtn2 {
		width: 65px;
		height: 65px;
		right:65px;
		z-index:9999999!important;
	}
	header #nav2{
		top:0px;
		height:100%!important;
		padding-top:90px!important;
	}

	header .navBtn2::before{
		content:'';
		width:65px;
		height:65px;
		display: block;
		pointer-events: none;
		background:url(../img/icon_reserve_close.png) no-repeat center center #a9a079;
		background-size: 80% auto;
		position:absolute;
		top:0;
		right:0;
		opacity: 0;
		transition: all 0.5s;
	}
		header.navOpen2 .navBtn2::before{
			opacity: 1;
	}

}