@charset "UTF-8";
body {
  overflow-x: hidden;
  padding: 0;
  margin: 0;
}

/* =========================================================
  resetここまで
========================================================= */
.greenrock-accessories_wrap {
  line-height: 1;
  -webkit-text-size-adjust: 100%;
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic Medium", sans-serif;
  font-weight: 400;
  width: 100%;
  max-width: 2000px;
  margin: 0 auto;
  box-sizing: border-box;
  position: relative;
  color: #000;
  line-height: 1;
  overflow-x: hidden;
}
@media screen and (max-width: 1000px) {
  .greenrock-accessories_wrap {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .greenrock-accessories_wrap {
    width: 100vw;
  }
}
.greenrock-accessories_wrap * {
  box-sizing: border-box;
}
.greenrock-accessories_wrap h1, .greenrock-accessories_wrap h2, .greenrock-accessories_wrap h3, .greenrock-accessories_wrap h4, .greenrock-accessories_wrap h5, .greenrock-accessories_wrap h6 {
  padding: 0;
  margin: 0;
}
.greenrock-accessories_wrap p {
  margin: 0;
  padding: 0;
}
.greenrock-accessories_wrap a {
  color: #333333;
  text-decoration: none;
  vertical-align: baseline;
}
.greenrock-accessories_wrap a:hover {
  opacity: 0.8;
}
.greenrock-accessories_wrap img {
  width: 100%;
  vertical-align: bottom;
}
.greenrock-accessories_wrap ul, .greenrock-accessories_wrap li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.greenrock-accessories_wrap table {
  border-spacing: 0;
}
.greenrock-accessories_wrap .inner {
  width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 1000px) {
  .greenrock-accessories_wrap .inner {
    width: 100vw;
  }
}
@media screen and (max-width: 768px) {
  .greenrock-accessories_wrap .inner {
    width: 100vw;
  }
}
.greenrock-accessories_wrap .pc_item {
  display: block;
}
@media screen and (max-width: 768px) {
  .greenrock-accessories_wrap .pc_item {
    display: none;
  }
}
.greenrock-accessories_wrap .sp_item {
  display: none;
}
@media screen and (max-width: 768px) {
  .greenrock-accessories_wrap .sp_item {
    display: block;
  }
}

.greenrock-accessories_bag {
  position: relative;
  padding: 90px 0 80px;
}
@media screen and (max-width: 1000px) {
  .greenrock-accessories_bag {
    padding: 9vw 0 8vw;
  }
}
@media screen and (max-width: 768px) {
  .greenrock-accessories_bag {
    padding: 13.02vw 0 12.37vw;
  }
}
.greenrock-accessories_bag .lead {
  font-weight: 900;
  font-size: 38px;
  line-height: 55px;
  margin: 0 0 0 80px;
}
@media screen and (max-width: 1000px) {
  .greenrock-accessories_bag .lead {
    font-size: 3.8vw;
    line-height: 5.5vw;
    margin: 0 0 0 8vw;
  }
}
@media screen and (max-width: 768px) {
  .greenrock-accessories_bag .lead {
    font-size: 5.73vw;
    line-height: 8.85vw;
    margin: 0 0 0 9.9vw;
  }
}
.greenrock-accessories_bag .item_box {
  width: 278px;
  margin: -200px 79px 0 auto;
}
@media screen and (max-width: 1000px) {
  .greenrock-accessories_bag .item_box {
    width: 36.2vw;
    margin: -20vw 10.29vw 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .greenrock-accessories_bag .item_box {
    width: 78.13vw;
    margin: 1.3vw auto 0;
  }
}
.greenrock-accessories_bag .item_box .img {
  width: 270px;
  margin-inline: auto;
}
@media screen and (max-width: 1000px) {
  .greenrock-accessories_bag .item_box .img {
    width: 35.16vw;
  }
}
@media screen and (max-width: 768px) {
  .greenrock-accessories_bag .item_box .img {
    width: 51.56vw;
  }
}
.greenrock-accessories_bag .item_box .name {
  text-align: right;
  font-weight: 700;
  margin: -18px 0 30px;
}
@media screen and (max-width: 1000px) {
  .greenrock-accessories_bag .item_box .name {
    margin: -1.8vw 0 3vw;
  }
}
@media screen and (max-width: 768px) {
  .greenrock-accessories_bag .item_box .name {
    margin: 1.95vw 0 3.91vw;
    text-align: left;
    font-size: 4.95vw;
    line-height: 6.77vw;
  }
}
.greenrock-accessories_bag .item_box .name strong {
  font-weight: 700;
  font-size: 20px;
  line-height: 46px;
}
@media screen and (max-width: 1000px) {
  .greenrock-accessories_bag .item_box .name strong {
    font-size: 2vw;
    line-height: 4.6vw;
  }
}
@media screen and (max-width: 768px) {
  .greenrock-accessories_bag .item_box .name strong {
    font-size: 4.95vw;
    line-height: 6.77vw;
  }
}
.greenrock-accessories_bag .item_box .btn {
  display: block;
  color: #fff;
  background: #41A037;
  height: 48px;
  text-align: center;
  padding: 15px 0 0;
}
@media screen and (max-width: 1000px) {
  .greenrock-accessories_bag .item_box .btn {
    height: 4.8vw;
    padding: 1.5vw 0 0;
  }
}
@media screen and (max-width: 768px) {
  .greenrock-accessories_bag .item_box .btn {
    height: 13.02vw;
    padding: 3.91vw 0 0;
    font-size: 4.3vw;
  }
}

.greenrock-accessories_sticker {
  background: url(../../images/greenrock-accessories/bg.png) no-repeat center 0/100%;
  position: relative;
  height: 541px;
  padding: 70px 0 0;
  margin-bottom: 200px;
}
@media screen and (max-width: 1000px) {
  .greenrock-accessories_sticker {
    height: 54.1vw;
    padding: 7vw 0 0;
    margin-bottom: 20vw;
  }
}
@media screen and (max-width: 768px) {
  .greenrock-accessories_sticker {
    background: url(../../images/greenrock-accessories/bg_sp.png) no-repeat center 0/100%;
    height: 100vw;
    padding: 11.72vw 0 0;
    margin-bottom: 0;
  }
}
.greenrock-accessories_sticker .name {
  color: #fff;
  font-weight: 700;
  font-size: 38px;
  line-height: 56px;
  margin: 0 0 144px 80px;
  text-shadow: black 5px 5px 9px;
}
@media screen and (max-width: 1000px) {
  .greenrock-accessories_sticker .name {
    font-size: 3.8vw;
    line-height: 5.6vw;
    margin: 0 0 14.4vw 8vw;
    text-shadow: black 0.5vw 0.9vw 0.9vw;
  }
}
@media screen and (max-width: 768px) {
  .greenrock-accessories_sticker .name {
    font-size: 5.73vw;
    line-height: 8.85vw;
    margin: 0 0 25.78vw 10.42vw;
    text-shadow: black 0.65vw 1.17vw 1.17vw;
  }
}
.greenrock-accessories_sticker .desc {
  color: #fff;
  font-weight: 500;
  font-size: 20px;
  line-height: 35px;
  margin: 0 0 17px 80px;
  text-shadow: black 5px 5px 9px;
}
@media screen and (max-width: 1000px) {
  .greenrock-accessories_sticker .desc {
    font-size: 2vw;
    line-height: 3.5vw;
    margin: 0 0 1.7vw 8vw;
    text-shadow: black 0.5vw 0.9vw 0.9vw;
  }
}
@media screen and (max-width: 768px) {
  .greenrock-accessories_sticker .desc {
    font-size: 4.95vw;
    line-height: 8.72vw;
    margin: 0 0 3.52vw 10.42vw;
    text-shadow: black 0.65vw 1.17vw 1.17vw;
  }
}
.greenrock-accessories_sticker .btn {
  display: block;
  color: #fff;
  background: #41A037;
  width: 278px;
  height: 48px;
  text-align: center;
  padding: 15px 0 0;
  margin: 0 0 0 80px;
}
@media screen and (max-width: 1000px) {
  .greenrock-accessories_sticker .btn {
    width: 36.2vw;
    height: 4.8vw;
    padding: 1.5vw 0 0;
    margin: 0 0 0 10.42vw;
  }
}
@media screen and (max-width: 768px) {
  .greenrock-accessories_sticker .btn {
    width: 78.13vw;
    height: 13.02vw;
    padding: 3.91vw 0 0;
    font-size: 4.3vw;
  }
}/*# sourceMappingURL=style.css.map */