/*============
nav
=============*/
.navIn {
	max-width: 650px;
	width: 100%;
}

.navLinkIn {
	display: flex;
	/* flex-wrap: wrap; */
	max-width: 256px;
	margin: auto;
}

.hamBx {
	max-width: 24px;
	width: 100%;
	display: none;
	justify-content: center;
	align-items: center;
	font-size: 12px;
	position: relative;
	z-index: 99999999999999999999;
}
.toggle_btn {
	position: relative;
	width: 100%;
	height: 17.5px;
	transition: all .5s;
	cursor: pointer;
	z-index: 999999999;
	color: #fff;
	font-weight: bold;
}
.toggle_btnIn {
	width: 100%;
	height: 100%;
	/* position: relative; */
	display: flex;
	align-items: center;
}

.toggle_btnIn div {
display: block;
position: absolute;
right: 0;
height: 2px;
background-color: #333;
transition: all .5s;
}

.toggle_btnIn div:nth-child(1) {
top: 0%;
width: 100%;
}

.toggle_btnIn div:nth-child(2) {
top: 44%;
/* max-width: 38px; */
margin: 0 0 0 auto;
width: 100%;
}

.toggle_btnIn .hamBd:nth-child(3) {
bottom: 0%;
width: 100%;
/* margin: 0 0 0 auto; */
/* max-width: 28.8px; */
}

.hamBx.open .hamBd:nth-child(1) {
-webkit-transform: translateY(10px) rotate(-315deg);
transform: translateY(10px) rotate(-315deg);
/* background: #fff; */
top: 0;
}

.hamBx.open .hamBd:nth-child(3) {
opacity: 0;
}

.hamBx.open div:nth-child(2) {
-webkit-transform: translateY(10px) rotate(315deg);
transform: translateY(10px) rotate(315deg);
/* background: #fff; */
top: 0;
width:100%;
max-width: 100%;
}

.navConte {display: block;position: fixed;top: 0;width: 300px;background: #fff;overflow-x: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch;transition: all .5s;z-index: 3;opacity: 0;height: 100vh;top: -1000px;width: 100%;}

.open .navConte {
top: 0;
opacity: 1;
z-index: 999999;
position: fixed;
right: 0;
left: 0;
width: 100%;
}
.navConte .navBx {
	/* padding: 25px 0 0 85px; */
}

.navConte .navBx .navIt {list-style: none;margin: 70px 0 0;padding: 0;}

.navConte .navBx .navIt .navPt {
position: relative;
margin: auto;
max-width: 600px;
width: 100%;
text-align: center;
}

.navConte .navBx .navIt .navPt a {display: block;font-size: 15px;font-weight: 600;padding: 10px 25px;text-decoration: none;transition-duration: 0.2s;color: #2C2C2C;/* font-family: 'Noto Sans JP'; */border-bottom: 1px solid #ccc;text-align: left;width: 90%;box-sizing: border-box;background: #eee;}

.navConte .navBx .navIt .navPt a:hover {
/* color: #fff; */
opacity: .7;
}

.navArea {
position: absolute;
	top: -1000px;
	right: 0;
	overflow: hidden;
	width: 100%;
	height: 100vh;
}
.navConte .navBx .navIt .navPt a.navPt2 {
	background: #fff0;
	/* border-bottom: 0; */
	/* padding-bottom: 0; */
	font-size: 13px;
	/* color: #9d9d9d; */
}
  /* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
  @media screen and (max-width:768px) {

    /* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
    /* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
    .hamBx {
      display: flex;
  }
	.ham_sns {
    display: flex;
    gap: 15px;
    justify-content: center;
    margin-top: 30px;
}
    /* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
    
    } /* max-width: 768px ここまで */
    
    /* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */