#hamburger-menu{
position:relative;
z-index:10000;
}
.hamburger {
display: none;
position:fixed;
top:0;
right:0;
width:100px;
height:100px;
margin:0;
background:#ff5abe;
z-index:10000;
}
@media screen and (min-width:981px){
.tabContent .hamburger {
display: none !important;
}
}
@media screen and (max-width:980px){
.hamburger {
display: block;
}
}
.hamburger__icon {
cursor:pointer;
position: absolute;
top:64px;
left:20px;
-webkit-transition: top 0.3s linear;
-moz-transition: top 0.3s linear;
-o-transition: top 0.3s linear;
transition: top  0.3s linear;
}
.hamburger:hover .hamburger__icon,
#hamburger-menu.active .hamburger .hamburger__icon{
top:50px;
}
.hamburger__icon, .hamburger__icon:before, .hamburger__icon:after {
display: block;
width:60px;
height:1px;
background-color:#fff;
text-align:center;
margin:0 auto;
}
.hamburger__icon:before, .hamburger__icon:after,
.hamburger:hover .hamburger__icon:before,.hamburger:hover .hamburger__icon:after{
position: absolute;
content: "";
-webkit-transition: transform 0.8s ease;
-moz-transition: transform 0.8s ease;
-o-transition: transform 0.8s ease;
transition: transform  0.8s ease;
}
.hamburger__icon:before{
top:-14px;
-webkit-transition: top 0.3s linear;
-moz-transition: top 0.3s linear;
-o-transition: top 0.3s linear;
transition: top  0.3s linear;
}
.hamburger__icon:after {
top:14px;
-webkit-transition: top 0.3s linear;
-moz-transition: top 0.3s linear;
-o-transition: top 0.3s linear;
transition: top  0.3s linear;
}
.hamburger:hover .hamburger__icon:before,
#hamburger-menu.active .hamburger .hamburger__icon:before{
top:-20px;
}
.hamburger:hover .hamburger__icon:after,
#hamburger-menu.active .hamburger .hamburger__icon:after{
top:20px;
}
#hamburger-menu.active .hamburger .hamburger__icon {
background-color: transparent;
}
#hamburger-menu.active .hamburger .hamburger__icon:before, #hamburger-menu.active .hamburger .hamburger__icon:after {
background-color: #fff;
top:0;
}
#hamburger-menu.active .hamburger .hamburger__icon:before {
-webkit-transform: translateY(0) rotate(225deg);
transform: translateY(0) rotate(225deg);
}
#hamburger-menu.active .hamburger .hamburger__icon:after {
-webkit-transform: translateY(0) rotate(-225deg);
transform: translateY(0) rotate(-225deg);
}
.hamburger__icon p{
position:absolute;
top:-50px;
left:11px;
color:#fff;
	opacity:1;
}
.hamburger:hover .hamburger__icon p,#hamburger-menu.active .hamburger .hamburger__icon p{
	opacity:0;
-webkit-transition: opacity 0.3s linear;
-moz-transition: opacity 0.3s linear;
-o-transition: opacity 0.3s linear;
transition: opacity  0.3s linear;}
.fat-nav {
top: 0;
left: 0;
z-index: 9999;
position: fixed;
display: none;
width: 100%;
height: 100%;
background: #ff5abe;
-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;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
.fat-nav__wrapper {
width: 100%;
height: 100%;
display: table;
table-layout: fixed;
position:relative;
padding-top:10%;
}
.fat-nav.active {
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
.fat-nav__wrapper .cover{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:9;
}
/* モーダルメニュー内*/
.modal-content {
width:86%;
padding-top:30px;
margin:0 auto;
background:#ff5abe;
}
@media screen and (max-width:640px){
.modal-content {
width:90%;
padding-top:50px;
}
}
.modal-content .logo{
font-size:0;
text-align:center;
width:100%;
z-index:13;
position:relative;
}
.modal-content .logo .icon-logo{
font-size:138px;
color:#fff;
}
@media screen and (max-width:980px){
.modal-content .logo .icon-logo{
font-size:86px;
}
}
.modal-content ul{
padding:100px 0 30px;
margin-top:-69px;
background:url(../images/common/dot-modal.png);
border-radius:50px;
position:relative;
z-index:10;
}
@media screen and (max-width:980px){
.modal-content ul{
padding:70px 0 30px;
margin-top:-43px;
}
}
.modal-content ul li{
text-align:center;
font-size:164%;
margin-bottom:35px;
line-height:1;
}
.modal-content ul li span{
background:#ff5abe;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s;
}
.modal-content ul li span:hover{
background:#fff;
}
.modal-content .sns .svg-box{
display:inline-block;
margin:0 10px;
}
.modal-content .sns .svg-box.pc{
display:inline-block !important;
}
@media screen and (max-width:980px){
.modal-content .sns .svg-box.pc{
display:none !important;
}
.modal-content .sns .svg-box.sp-tab{
display:inline-block !important;
}
}
.modal-content ul.sns{
padding:30px 0 0;
margin-top:0;
background:none;
border-radius:0;
position: relative;
z-index: 10;
}
.modal-content ul.sns li {
margin-bottom: 0;
line-height: 1;
}
.modal-content ul.sns li span{
background:none;
}
.modal-content .shopinfo{
color:#fff;
width:100%;
margin:40px 0;
position:relative;
z-index:10;
}