.fat-nav{display:none;}

@media screen and (max-width:768px){

.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:60px;position:fixed;top:0;pointer:arrow;right:20px;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:20px;margin-bottom:20px;}.hamburger__icon,.hamburger__icon:after,.hamburger__icon:before{display:block;width:25px;height:2px;background-color:#333;-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:100%;height:100%;display:table;table-layout:fixed}.fat-nav.active{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}

.hamburger{right:0;}
.hamburger:after{content:"MENU";font-family:'繝｡繧､繝ｪ繧ｪ',sans-serif;font-size:10px;transition:.5s all;}
.hamburger__icon{margin-top:10px;margin-bottom:8px;}
.fat-nav ul{display:table-cell;vertical-align:middle;margin:0;padding:0;}
.fat-nav li{list-style-type:none;padding:5px;font-size:1.2em;}
.fat-nav li img{display:block;width:100%;}
.fat-nav li,.fat-nav li a{color:#fff}
.fat-nav li a{text-decoration:none;font-size:2vw;letter-spacing:0.2em;}
}

@media screen and (max-width:768px){
.fat-nav ul{display:flex;justify-content:space-between;width:90%;margin:30px auto;flex-wrap:wrap;}
.fat-nav ul li{width:50%;}
.fat-nav ul.bridal,.fat-nav ul.hotel{width:50%;margin:0 auto 2vw;}
.fat-nav ul.bridal li:first-child img{display:block;width:100%;margin-bottom:20px;}
.fat-nav ul.bridal li:nth-child(2){width:50%;}
.fat-nav ul li:first-child{width:100%;font-size:15px;font-weight:bold;color:#FFF;padding-bottom:5px;margin-bottom:5px;}
.fat-nav li a{display:block;width:100%;height:100%;font-size:12px;}

.fat-nav ul.mail{width:100%;padding:0 27vw;margin-top:200px;}
.fat-nav ul.mail li{width:48%;}
.fat-nav ul.mail li a{display:block;width:100%;height:100%;padding:10px;border:solid 1px #FFF;text-align:center;transition:.3s ease-in-out;}
.fat-nav ul.mail li a:hover{background:#FFF;color:#000;}
.fat-nav ul.mail li:first-child,.fat-nav ul.mail li:nth-child(2){width:100%;}
.fat-nav ul.mail li:first-child img{display:block;width:100%;}
.fat-nav ul.mail li:first-child a{width:100%;border:none;}
.fat-nav ul.mail li.ex{width:100%;}
.fat-nav ul.mail li:nth-child(4){width:100%;}

}
@media screen and (max-width:640px){
.fat-nav ul li{width:50%;}
.fat-nav ul.bridal,.fat-nav ul.hotel{width:90%;margin:0 auto 2vw;}

.fat-nav ul.mail{width:90%;padding:0;margin-top:130px;}


}