@charset "utf-8";
ul, ol {
  list-style: none;
}
img {
  max-width: 100%;
  height: auto;
}
#wrapper {
  height: auto;
  width: 960px;
  padding-left: 10px;
  padding-right: 10px;
  max-width: 100%;
  margin: 0 auto;
}
.nav {
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
}
.c-nav {}
.c-nav__list {
  display: inline-block;
}
.c-nav__list>a {
  background-repeat: no-repeat;
  display: inline-block;
}
.nav ul .homeN a {
  background-image: url(../img/nav.home-1.jpg);
  height: 52px;
  width: 100px;
}
.nav ul .homeN a:hover {
  background-image: url(../img/homehover-1.jpg);
  height: 52px;
  width: 100px;
}
.nav ul .aboutN a {
  height: 52px;
  width: 111px;
  background-image: url(../img/navi.about-1.jpg);
}
.nav ul .aboutN a:hover {
  height: 52px;
  width: 111px;
  background-image: url(../img/newabouthover-1.jpg);
}
.nav ul .blogN a {
  background-image: url(../img/navi.blog-1.jpg);
  height: 52px;
  width: 102px;
}
.nav ul .blogN a:hover {
  background-image: url(../img/bloghover-1.jpg);
  height: 52px;
  width: 102px;
}
.nav ul .snapN a {
  background-image: url(../img/navi.snap-1.jpg);
  height: 52px;
  width: 101px;
}
.nav ul .snapN a:hover {
  background-image: url(../img/snaphover1.jpg);
  height: 52px;
  width: 101px;
}
.nav ul .onlineshopN a {
  background-image: url(../img/navi.online-1.jpg);
  height: 52px;
  width: 180px;
}
.nav ul .onlineshopN a:hover {
  background-image: url(../img/onlinehover-1.jpg);
  height: 52px;
  width: 180px;
}
.nav ul .linkN a {
  background-image: url(../img/navi.link-1.jpg);
  height: 52px;
  width: 102px;
}
.nav ul .linkN a:hover {
  background-image: url(../img/linkhover-1.jpg);
  height: 52px;
  width: 102px;
}
.c-center-wrap {
  height: 100vh;
  height: calc(100vh - 116px);
  width: 100%;
  position: relative;
}
.c-center-contents {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media (min-width: 1800px) {}
@media (max-width: 1200px) {}
@media (max-width: 900px) {}
@media (max-width: 600px) {
  .p-top-logo {}
}
@media (max-width: 375px) {}