@charset "UTF-8";

/**************************************************/
/* 共通 */
/**************************************************/
body{background-color:#FFF;color:#000;}
main{width:100%;display:block;margin:0;position:relative;z-index:2;border-top:1px solid #e5e5e5;}

.section{width:100%;margin:0 auto;position:relative;z-index:1;}
.sectionBox{width:98.04%;max-width:1000px;margin:auto;}

.link-top {
  position: relative;
  padding: 20px 20px 20px 0;
  background: #fff; 
  text-align: right;
}

#menu{position:fixed;top:0;margin-top:145px;right:0;width:100%;z-index:4;}
#menu .sectionBox{width:100%;position:relative;}
#menu .sectionBox:after{content:'';display:block;position:absolute;margin-right:-100%;right:35px;top:0;width:640px;padding-top:82.813%;z-index:4;}

#menu .layout{position:absolute;margin-right:-100%;right:35px;top:0;width:64%;max-width:640px;background-color:#FFF;border-radius:20px;opacity:0;transition:all .5s ease 0s;z-index:3;}
.menuOpen #menu .layout{margin-right:0;}
#menu .layout img{display:block;width:100%;height:auto;margin:auto;}
#menu .layout a{display:block;}
#menu .layout p{padding:4.219% 2.813% 2.657% 5.313%;}
#menu .layout p img{width:77.552%;}
#menu .layout ul{padding:0 18px 44px 34px;}
#menu .layout ul{padding:0 2.813% 6.875% 5.313%;}
#menu .layout li.menuMore{margin-top:4.082%;}

#menuOpen{display:block;position:absolute;right:0;top:0;margin-top:-53px;width:101px;padding-top:101px;background:url(../images/common/menuOpen.png) no-repeat center;background-size:100%;z-index:1;transition:all .4s ease .1s;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.menuOpen #menuOpen{transition:all 0s ease 0s;opacity:0;}
.menuOpen #menu .layout{opacity:1;}

#menuClose{display:block;position:absolute;right:-35px;top:0;margin-top:-53px;width:101px;padding-top:101px;background:url(../images/common/menuOpen.png) no-repeat center;background-size:100%;z-index:1;-webkit-tap-highlight-color:rgba(0,0,0,0);}

.menuOpen{position:fixed;width:100%;}

#menuBg{position:fixed;left:0;width:100%;top:0;height:0;background-color:#959595;opacity:0.4;transition:all .5s ease 0s;-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:2;}
.menuOpen #menuBg{height:100%;}


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

.sectionBox{width:100%;}

#menu{margin-top:14.534%;}
#menu .sectionBox:after{display:none;}
#menu .layout{right:7.334%;width:85.334%;max-width:none;}

#menuOpen{right:2.668%;margin-top:-7.334%;width:13.468%;padding-top:13.468%;}
#menuClose{right:-5.469%;margin-top:-8.594%;width:15.782%;padding-top:15.782%;}

}

/**************************************************/