.fat-nav,
.hamburger__icon,
.hamburger__icon:after,
.hamburger__icon:before{
	-moz-transition-duration:.4s;
	-o-transition-duration:.4s;
	-webkit-transition-duration:.4s
}
.hamburger{
	display:block;
	width:50px;
	height:50px;
	position:fixed;
	top:14px;
	right:4px;
	z-index:10000;
	padding:12px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-tap-highlight-color:transparent;
	-ms-touch-action:manipulation;
	touch-action:manipulation
}
.hamburger__icon{
	position:relative;
	margin-top:7px;
	margin-bottom:7px
}
.hamburger__icon,
.hamburger__icon:after,
.hamburger__icon:before{
	display:block;
	width:25px;
	height:2px;
	background-color:#FFF;
	-moz-transition-property:background-color,-moz-transform;
	-o-transition-property:background-color,-o-transform;
	-webkit-transition-property:background-color,-webkit-transform;
	transition-property:background-color,transform;
	transition-duration:.4s
}
.hamburger__icon:after,
.hamburger__icon:before{
	position:absolute;
	content:""
}
.hamburger__icon:before{
	top:-7px
}
.hamburger__icon:after{
	top:7px
}
.hamburger.active .hamburger__icon{
	background-color:transparent
}
.hamburger.active .hamburger__icon:after,
.hamburger.active .hamburger__icon:before{
	background-color:#fff
}
.hamburger.active .hamburger__icon:before{
	-moz-transform:translateY(7px)rotate(45deg);
	-ms-transform:translateY(7px)rotate(45deg);
	-webkit-transform:translateY(7px)rotate(45deg);
	transform:translateY(7px)rotate(45deg)
}
.hamburger.active .hamburger__icon:after{
	-moz-transform:translateY(-7px)rotate(-45deg);
	-ms-transform:translateY(-7px)rotate(-45deg);
	-webkit-transform:translateY(-7px)rotate(-45deg);
	transform:translateY(-7px)rotate(-45deg)
}
.fat-nav{
	top:0;
	left:0;
	z-index:9999;
	position:fixed;
	display:none;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.8);
	/* 拡大縮小アニメーション部分
	-moz-transform:scale(1.4);
	-ms-transform:scale(1.4);
	-webkit-transform:scale(1.4);
	transform:scale(1.4);
	-moz-transition-property:-moz-transform;
	-o-transition-property:-o-transform;
	-webkit-transition-property:-webkit-transform;*/
	transition-property:transform;
	transition-duration:.4s;
	overflow-y:auto;
	overflow-x:hidden;
	-webkit-overflow-scrolling:touch
}
.fat-nav__wrapper{
	width: 88%;
	margin: 0 auto;
}
.fat-nav.active{
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-webkit-transform:scale(1);
	transform:scale(1);
}
.fat-nav .gnavi{
	margin: 80px 0 30px;
}
.fat-nav .gnavi li{
	padding: 10px 0;
	font-size: 0.7em;
	list-style-type: none;
}
.fat-nav .gnavi li span{
	font-size: 2em;
	display: block;
	position: relative;
}
.fat-nav .gnavi li a[href^="http"] span::after{
	content: "";
	width: 30px;
	height: 20px;
    background: url(../image/common/icon_link.svg) no-repeat right;
	background-size: contain;
	top: 8px;
    position: absolute;
}

.fat-nav li,
.fat-nav li a,
.fat-nav a{
	color: #fff;
	text-decoration: none;
}
.fat-nav a:hover{
	opacity: 0.7;
}

.fat-nav .sns{
	margin-bottom: 30px;
	display: flex;
	justify-content: center;
}
.fat-nav .ig a{
	width: 30px;
	height: 30px;
	background: url(../image/common/icon_ig.svg) no-repeat;
	background-size: contain;
	display: block;
}
.fat-nav .online{
	width: 100%;
	margin: 0 auto 30px;
	font-size: 1.2em;
	text-align: center;
}
.fat-nav .online a{
	padding: 24px;
	border: 1px solid #FFF;
	display: block;
}
.fat-nav .online span{
	padding-right: 30px;
    background: url(../image/common/cart.svg) no-repeat;
	background-size: 24px contain;
	background-position: center right;
}
.fat-nav .fake{
	margin-bottom: 30px;
	font-size: 1.1em;
	text-align: center;
}
.fat-nav .fake a{
	border-bottom: 1px solid #FFF;
}

@media (min-width: 680px) {
	.fat-nav__wrapper{
		width: 680px;
	}
	.fat-nav .gnavi{
		margin: 200px 0 40px;
		display: flex;
		justify-content: space-between;
	}
	.fat-nav .gnavi ul{
		padding-right: 30px;
	}
	.fat-nav .gnavi li{
		font-size: 0.8em;
	}
	.fat-nav .gnavi li span{
		font-size: 1.9em;
	}
	.fat-nav .online a{
		padding: 30px;
	}
}