@charset "utf-8";

/* CSS Document */
/*******************

LP style

********************/
html, body {
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

/* content
--------------------------------------------------*/
.lpbox, #lpfooter {
  font-size: 14px;
  font-size: 3.7333vw;
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Mayryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  color: #303030;
  line-height: 1.5em;
}

@media screen and (min-width:750px) {
  .lpbox, #lpfooter {
    font-size: 28px;
    max-width: 750px;
    margin: 0 auto;
  }
}

.lpbox a, #lpfooter a {
  color: inherit;
  text-decoration: none;
  font-size: inherit;
  font-weight: inherit;
}

.lpbox a:hover, #lpfooter a:hover {
  text-decoration: underline;
}

.lpbox span, #lpfooter span {
  font-size: inherit;
  font-weight: inherit;
}

.lpbox img,
#lpfooter img {
  width: 100%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  vertical-align: bottom;
}

.lpbox img.img-t,
#lpfooter img.img-t {
  vertical-align: top;
}

/* cart css reset */
.lpbox header,
.lpbox h1,
.lpbox h2,
.lpbox h3,
.lpbox p,
.lpbox dl,
.lpbox dt,
.lpbox dd,
.lpbox div,
.lpbox section,
.lpbox span {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
  box-sizing: border-box;
  padding: 0;
  margin: 0 auto;
}

#lpfooter footer,
#lpfooter div,
#lpfooter p {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
  box-sizing: border-box;
  padding: 0;
  margin: 0 auto;
}

#lpfooter ul,
#lpfooter li,
.lpbox ul,
.lpbox li {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
  box-sizing: border-box;
  padding: 0;
  margin: 0 auto;
  list-style: none;
}

/*----------------------------------------*/
.lpbox .bento__acd__bg {
  background: #fff;
}

.lpbox .bento__acd__area .bento__acd__title {}

.bento__ingrbox {
  background: #727171;
  border: 2px solid #727171;
  max-width: 900px;
  width: 92%;
  margin: 0 auto;
  overflow: hidden;
}

.bento__ingrbox__btn {
  background: #727171;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: block;
  padding: .4em 2em 0.3em;
  position: relative;
  text-align: center;
  letter-spacing: 0.2em;
  font-weight: 300;
}

.bento__ingrbox__btn:after {
  content: "";
  background-image: url(../img/arrow.png);
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  background-position: 50% 50%;
  display: block;
  position: absolute;
  top: calc(50% - 0.5em);
  right: 3em;
  z-index: 3;
  height: 1em;
  width: 0.8em;
  -webkit-transition: .3s linear;
  -o-transition: .3s linear;
  transition: .3s linear;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.bento__ingrbox__btn--open:after {
  content: "";
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}