@charset "utf-8";

/* 基本
==================================================================*/
body {
  overflow-x: hidden;
}

a:hover img {
  filter: brightness(106%) contrast(103%) opacity(88%);
  /*
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
*/
}

.shibahama_maguro-inner {
  position: relative;
  max-width: 760px;
  width: 100%;
  margin: 0 auto;
}

.pc {
  display: none;
}

.sp {
  display: block;
}

img {
  height: auto;
}

@media screen and (min-width: 768px) {
  .pc {
    display: block;
  }

  .sp {
    display: none;
  }
}


/* 基本
==================================================================*/

.shibahama_maguro {
  max-width: 760px;
  width: 100%;
  margin: 0 auto;
}


/* top */
.maguro-top {
  background: url("../img/shibahama_maguro/bg1.jpg") no-repeat;
  background-size: 100%;
  padding: 27px 0 94px;
}

.maguro-top h1 img {
  max-width: 665px;
  width: 90%;
}

.mv-points {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.mv-points li img {
  max-width: 510px;
  width: 68%;
}

@media screen and (min-width: 768px) {
  .maguro-top {
    padding: 74px 0 240px;
  }
}

/* about */
.about {
  background: url("../img/shibahama_maguro/bg2.jpg") no-repeat;
  background-size: 100%;
}

.about-shop {
  position: relative;
}

.about-shop h2 img {
  max-width: 456px;
  width: 60%;
  margin-top: -5px;
  position: relative;
  z-index: 3;
}

.about-shop .store-d {
  width: 100%;
  margin-top: -80px;
}

.about-shop a img {
  width: 48.8%;
  margin: 10px auto 20px;
}

.store-img {
  max-width: 631px;
  width: 84.1%;
}

.owner {
  max-width: 693px;
  width: 92.4%;
  margin: 0 100% 15px 0;
}

.extra-step {
  max-width: 604px;
  width: 80.5%;
  margin-bottom: 23px;
}

.arrange h3 img {
  max-width: 629px;
  width: 83%;
  margin: 0 auto 15px;
}

.arrange-f {
  display: flex;
  justify-content: space-between;
}

.arrange-f img {
  max-width: 243px;
  width: 32.4%;
}

.others {
  max-width: 452px;
  width: 60.2%;
  margin: 20px auto 27px;
}

.merchandise {
  max-width: 483px;
  width: 64.4%;
  margin: 0 auto 20px;
}

@media screen and (min-width: 768px) {
  .about-shop .store-d {
    margin-top: -180px;
  }

  .about-shop a {
    position: absolute;
    bottom: -20px;
    right: 10%;
  }

  .store-img {
    margin-top: 45px;
  }

  .about-shop a img {
    width: 277px;
    margin: 0;
  }

  .owner {
    margin: 0 100% 38px 0;
  }

  .extra-step {
    margin-bottom: 45px;
  }

  .arrange h3 img {
    margin: 0 auto 30px;
  }

  .others {
    margin: 45px auto 70px;
  }

  .merchandise {
    margin: 0 auto 40px;
  }
}

/* lineup */
.lineup {
  background: url("../img/shibahama_maguro/bg3.jpg") no-repeat;
  background-size: 100%;
  padding: 28px 0 30px;
}

.lineup h2 img {
  max-width: 638px;
  width: 85%;
}

.lineup ul {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  max-width: 609px;
  width: 81.2%;
  margin: 15px auto 20px;
}

.lineup ul li a img {
  max-width: 263px;
  width: 86%;
}

.lineup .note {
  max-width: 504px;
  width: 54%;
}

@media screen and (min-width: 768px) {
  .lineup {
    padding: 77px 0 87px;
  }

  .lineup ul {
    margin: 40px auto 48px;
  }
}


/*テスト用後で消す*/
/* .maguro-top {
  background: url("../img/bg1.jpg") no-repeat;
  background-size: 100%;
}

.about {
  background: url("../img/bg2.jpg") no-repeat;
  background-size: 100%;
}

.lineup {
  background: url("../img/bg3.jpg") no-repeat;
  background-size: 100%;
}

img {
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .merchandise {
    margin: 0 auto;
    padding-bottom: 40px;
  }
} */