@charset "UTF-8";

.sitemap {
	position: relative;
	float: right;
}


/*menu*/
.menu_btn {
	position: fixed;
	right: 0;
	top: 0;
	z-index: 99;
	width: 60px;
	height: 60px;
	background-color: #fb8653;
	}
.menu{
    height: 20px;
    position: fixed;
    right: 15px;
    top: 20px;
    width: 30px;
}
.menu__line{
    background: #fff;
    display: block;
    height: 2px;
    position: absolute;
    transition:transform .3s;
    width: 100%;
}
.menu__line--center{
    top: 9px;
}
.menu__line--bottom{
    bottom: 0;
}
.menu__line--top.active{
    top: 8px;
    transform: rotate(45deg);
}
.menu__line--center.active{
    transform:scaleX(0);
}
.menu__line--bottom.active{
    bottom: 10px;
    transform: rotate(135deg);
}



/*gnav*/
.gnav{
    background: rgba(0,0,0,0.8);
    display: none;
    height: 100vh;
    position: fixed;
	left: 0;
    top: 0;
    width: 100%;
    z-index: 97;
}
.gnav__wrap{
    height: 100%;
    position: absolute;
    width: 100%;
}
.gnav__wrap_in{
    position: absolute;
    top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	width: 90%;
}
.gnav__wrap_in{
	width: 90%;
	height: 90%;
	overflow: auto;
}
.gnav__menu {
	text-align: left;
}

.gnav__menu li {
}
.gnav__menu li a{
	display: block;
    color: #fb8653;
    padding: 5px 0;
    text-decoration: none;
    transition: .5s;
	border-bottom: solid 1px #fff;
	margin-bottom: 10px;
}
.gnav__menu li a:hover{
    color: #ccc;
}

.gnav__menu li ul {
	display:flex;
    flex-wrap: wrap;
	text-align: left;
	margin-bottom: 10px;
}

.gnav__menu li ul li {
	width: 50%;
	position: relative;
}
.gnav__menu li ul li a{
	border: none;
	display: block;
    color: #fff;
    font-size: 1.4rem;
	line-height: 2rem;
    text-decoration: none;
    transition: .5s;
	margin: 0;
}

.gnav__menu li ul li ul {
	display: block;
}
.gnav__menu li ul li ul li {
	width: 100%;
	padding-left: 1em;
	position: relative;
}
.gnav__menu li ul li ul li::before {
  content: '';
  width: 0.6em;
  height: 1px;
  display: inline-block;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 0;
}

.gnav__menu li ul li span {
	display: block;
	color: #fb8653;
}



@media print,screen and (min-width: 1080px) {

.sitemap {
	display: none;
}


}

