/*body,*/
div,
p,
i{
  margin:0;
  padding:0;
}
a{
  margin:0;
  padding:0;
  text-decoration:none;
}
ul,
li{
  margin:0;
  padding:0;
  list-style-type:none;
}
header{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  background-color:#FFF;
  z-index:5;
}
.headerRegister{
  display:none;
}
.headerLeft{
  /*position:absolute;
  top:0;
  left:0;*/
  text-align:left;
  display:inline-block;
}

.headerLogoImage{
  width:150px;
}
.headerCenter{
  display:none;
}
.headerCenter a{
  color:#FF644E;
}
.headerRight{
  /*position:absolute;
  top:0;
  right:0;*/
  height:30px;
  padding:5px 0;
  text-align:right;
  float:right;
  display:inline-block;
}

.headerRight p{
  cursor:pointer;
}
.headerRight .headerMenuWrapper,
.headerRight .headerSearchMenuWrapper{
  display:inline-block;
}
.headerRight img{
  height:35px;
}
.mypageMenu,
.aboutMenu,
.aboutMobileMenu,
.headerSearchMenu{
  position:relative;
  top:0;
  right:0;
  padding:40px 20px;
  margin-left:-200px;
  text-align:left;
  background-color:#FFF;
  box-shadow:3px 3px 6px gray;
  display:none;
}
.mypageMenu a,
.aboutMenu a,
.aboutMobileMenu a,
.headerSearchMenu a{
  color:#000;
}
.mypageMenu a:hover,
.aboutMenu a:hover,
.aboutMobileMenu a:hover,
.headerSearchMenu a:hover{
  color:#FF644E;
}
.headerMenuTitle{
  display:none;
}
.mypageMenu .mobileNone{
  display:none;
}
.mypageMenu p{
  margin-top:0.5em;
  margin-left:-0.5em;
}
.mypageMenu .indent{
  margin-top:0.5em;
  margin-left:-0.5em;
  display:inline-block;
}
.mypageMenu .indent.noneMarginTop{
  margin-top:0;
}
.headerMobileSearch{
  width:100%;
  padding:5px 0;
  text-align:center;
}
.headerMobileSearch input[name="keyword"]{
  height:28px;
  width:95%;
  border-width:1px;
  font-size:15px;
}
.headerMobileSearch button{
  height:30px;
  width:30px;
  padding:2px;
  margin-left:-30px;
  vertical-align:bottom;
  background-color:#383635;
  border:none;
}
.headerLogoWrapper,
.headerMyPageWrapper,
.headerCameraWrapper,
.headerProductSearchWrapper,
.headerMenuWrapper,
.headerMobileMenuWrapper{
  margin:0 5px;
  vertical-align:top;
  display:inline-block;
}

footer{
  width:100%;
  padding-bottom:100px;
  background-color:#FFF;
  color:#4A4A4A;
}
footer a{
  color:#4A4A4A;
}
.footerItemName{
  height:2.5em;
  padding-bottom:20px;
}
.footerSearch,
.footerAbout{
  width:calc(90% / 2);
  margin:0 2.5%;
  padding-bottom:120px;
  vertical-align:top;
  display:inline-block;
}
.footerSearch .none{
  display:block;
}
.footerItem{
  font-size:14px;
}
.footerSNS{
  text-align:center;
}
.footerSNS a{
  margin:0 25px;
}
footer img{
  height:50px;
}
.footerManagementSpace{
  width:100%;
  text-align:center;
}
.footerManagement{
  padding:20px 0;
  font-size:20px;
}
.footerBottom{
  padding:20px 0;
  text-align:center;
}


@media screen and (min-width: 1080px){
  header{
    position:relative;
    top:0;
    left:0;
    height:initial;
    width:100%;
    background-color:#FFF;
  }
  .headerRegister{
    width:calc(100% - 40px);
    padding:10px 0 10px 40px;
    background-color:#F4E4D8;
    display:inline-block;
  }
  .headerRegister a{
    color:#FF644E;
    text-decoration:underline;
  }
  .headerLeft{
    margin-left:40px;
    vertical-align:top;
  }
  .headerLogoImage{
    width:260px;
  }
  .headerCenter{
    width:calc(100% - 660px);
    padding:20px 0;
    display:inline-block;
  }
  .headerCenterSearch{
    width:75%;
    margin:0 auto 0 5%;
  }
  .headerCenterSearch input[name="keyword"]{
    height:28px;
    width:calc(100% - 34px);
    border-width:1px;
    font-size:15px;
  }
  .headerCenterSearch button{
    height:30px;
    width:30px;
    padding:2px;
    vertical-align:bottom;
    background-color:#383635;
    border:none;
  }
  .headerCenterSearch button::-moz-focus-inner {
    padding: 0;
    border: 0;
}
  .headerCenterSearch .contactOfficial{
    margin:5px 0;
    display:inline-block;
  }
  .headerCenterSearch .contactOfficial img{
    height:1.5em;
    margin-right:0.5em;
    vertical-align:middle;
  }
  .headerRight{
    padding:20px 20px 20px 0;
  }
  .headerRight .headerMyPageWrapper,
  .headerRight .headerSearchMenuWrapper,
  .headerRight .headerMenuWrapper{
    width:100px;
    margin-left:5px;
    text-align:center;
  }
  .mypageMenu,
  .aboutMenu,
  .aboutMobileMenu,
  .headerSearchMenu{
    width:260px;
    margin-left:-200px;
  }
  .headerRight .headerMenuWrapper,
  .headerRight .headerSearchMenuWrapper{
    display:inline-block;
  }
  .headerMenuTitle{
    display:block;
  }
  .mypageMenu .mobileNone{
    display:list-item;
  }
  .headerRight .headerMobileMenuWrapper{
    display:none;
  }
  .headerMobileSearch{
    display:none;
  }
  footer{
    padding-bottom:0;
    background-color:#F4E4D8;
  }
  footer .none{
    display:none;
  }
  .footerSearch,
  .footerAbout{
    margin:0;
  }
  .footerSearch{
    width:calc((100% / 3) - 50px);
    margin-left:50px;
    vertical-align:top;
    display:inline-block;
  }
  .footerAbout{
    width:calc(100% / 3);
    vertical-align:top;
    display:inline-block;
  }
  footer .footerItemName{
    margin-top:20px;
    padding-bottom:0;
    font-size:20px;
  }
  .footerItem{
    font-size:16px;
  }
  .footerSearch,
  .footerAbout{
    padding-bottom:60px;
  }
  .footerSearch .footerItem,
  .footerAbout .footerItem{
    margin:10px 0;
  }
  .footerSearch .none{
    display:none;
  }
  .footerSNS{
    width:calc(100% / 3);
    padding-bottom:60px;
    display:inline-block;
  }
  .footerSNS a{
    height:50px;
    margin:40px 25px 0 25px;
    display:inline-block;
  }
  .footerManagementSpace{
    margin-bottom:60px;
  }
  .footerBottom{
    width:100%;
    background-color:#FFF;
    text-align:center;
  }
}