@charset "UTF-8";
body {
  background-color: #ebeeee;
  line-height: 1.6;
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  color: #333; }

a {
  color: #333; }

.pw {
  width: 1000px;
  margin-left: auto;
  margin-right: auto; }

#head-wrapper {
  height: 200px; }

header {
  text-align: center;
  padding-bottom: 25px;
  position: relative;
  background-color: #ebeeee;
  width: 100%;
  border-bottom: solid 1px #e3e5e5;
  z-index: 10; }

header.fix {
  position: fixed;
  top: -140px; }

header h1 {
  padding-top: 80px;
  padding-bottom: 40px; }

nav {
  width: 475px;
  margin: 0 auto;
  position: relative; }

nav ul li {
  float: left;
  margin-right: 50px; }

nav ul li:last-child {
  margin-right: 0; }

nav ul li a {
  display: block;
  text-indent: -9999px;
  height: 10px;
  background-repeat: no-repeat; }

nav ul li a:hover {
  background-position: 0 -10px; }

nav ul li.salon a {
  width: 110px;
  background-image: url(../images/nav_01.png); }

nav ul li.store a {
  width: 65px;
  background-image: url(../images/nav_02.png); }

nav ul li.shop a {
  width: 129px;
  background-image: url(../images/nav_03.png); }

nav ul li.instagram a {
  width: 21px;
  height: 21px;
  background-image: url(../images/ic_instagram.svg);
  margin-top: -5px; }
  nav ul li.instagram a:hover {
    background-position: 0 0;
    opacity: 0.8; }

nav #current {
  width: 110px;
  height: 3px;
  background-color: #333;
  position: absolute;
  top: 34px;
  left: 0px;
  opacity: 0; }

#salon {
  background-image: url(../images/bg_steps.gif);
  background-position: center bottom;
  background-repeat: no-repeat;
  padding-bottom: 150px; }

#salon .image {
  background-image: url(../images/salon_image.jpg);
  height: 400px;
  background-position: center top;
  background-size: 100%;
  background-repeat: no-repeat;
  margin-bottom: 30px; }

#salon .brands {
  margin-bottom: 30px; }

#store {
  padding-bottom: 150px; }

#store .image {
  background-image: url(../images/store_image.jpg);
  height: 400px;
  background-position: center top;
  background-size: 100%;
  background-repeat: no-repeat;
  margin-bottom: 30px; }

#shop {
  padding-top: 50px;
  padding-bottom: 50px;
  /*
	background-color: #f7f7f7;
	border-bottom: solid 1px #e3e5e5;
	border-top: solid 1px #e3e5e5;
	*/ }

#shop .pw {
  position: relative;
  height: 425px; }

#shop .text {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 550px;
  height: 425px;
  background-image: url(../images/shop_img_01.jpg);
  background-repeat: no-repeat;
  background-position: left top; }

#shop .text p {
  position: relative; }

#shop .text .map {
  position: absolute;
  top: 33px;
  left: 150px; }

#shop .image {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 360px;
  height: 425px; }

#shop .text .address {
  position: absolute;
  bottom: 0px;
  left: 250px;
  font-size: 93%; }

#shop .text .address h2 {
  padding-bottom: 15px; }

footer {
  text-align: right;
  padding-top: 30px;
  padding-bottom: 300px; }

.pagetop {
  width: 49px;
  height: 35px;
  position: fixed;
  right: 20px;
  bottom: 20px;
  display: none; }

.pagetop a {
  height: 35px;
  display: block;
  text-indent: -5000px;
  background-image: url(../images/btn_pagetop.png);
  background-repeat: no-repeat; }