@charset "UTF-8";
header {
  background-color: #fff;
}

.ingram-wrapper {
  font-size: 14px;
  line-height: 140%;
  background-color: transparent;
}

.parallax-bg {
  overflow-x: hidden;
    position: relative;
   z-index: -1; 
}
.parallax-bg:before {
  content: " ";
  position: fixed;
  background: url(../img/bg/sp_back.png);
  background-size: cover;
  display: block;
  z-index: -100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}

.bg {
  position: relative;
  min-height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 2;
}
.bg.ingram {
  background: none;
}
.bg .clear-product.ingram {
  display: block;
  position: absolute;
  width: 90%;
  text-align: center;
  left: 0;
  top: -30px;
}
.bg.piclist {
  background: none;
}

.parallax-contents {
  width: 90%;
}

/*******************
  Heading
  *******************/
.main-img-pc {
  display: none;
}

.main-img-sp {
  display: block;
}

.heading-wrapper {
  margin-bottom: 20px;
}

.heading-bg1L {
  width: 150%;
  height: 30px;
  margin-left: -70%;
}

.heading-bg2L {
  width: 5%;
  height: 30px;
  margin-left: 10px;
}

.heading-bg3L {
  width: 5%;
  height: 30px;
  margin-left: 10px;
}

.heading-bg3R {
  width: 5%;
  height: 30px;
  margin-left: 5%;
  margin-right: 10px;
}

.heading-bg2R {
  width: 5%;
  height: 30px;
  margin-right: 10px;
}

.heading-bg1R {
  width: 100%;
  height: 30px;
}

.heading {
  width: 90%;
  height: 30px;
}
.heading p {
  font-size: 16px;
}

/*****************
  Concept
  *****************/
.deco-line {
  background: url(../img/bar2.png) space left top;
  width: 90%;
  height: 10px;
  margin: 0 auto;
}

.concept .deco-title{
  height: 32vw;

}

.card-wrapper {
  padding: 15px 15px;
}

.card-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.concept {
  margin-top: 50px;
}

.concept-left.ingram {
  width: 100%;
  text-align: left;
  margin: 0 0 40px 0;
}

.concept-right.ingram {
  width: 100%;
  padding: 3%;
}

.product-title {
  padding: 0;
}
.product-title p {
  margin: 0;
}
.product-title.ingram {
  position: relative;
  padding: 0;
  margin-top: 10px;
}
.product-title.ingram p:first-child {
  font-size: 1.2em;
}
.product-title.ingram p:last-child {
  font-size: 1.3em;
}

.concept-left-mini.imgram {
  width: 100%;
  text-align: left;
  margin: 0px;
}

.piclist-opt ul {
  -webkit-box-pack: left;
  -ms-flex-pack: left;
      justify-content: left;
}

.tablePc {
  display: none;
}

.tableSp {
  display: block;
}

.displayPc {
  display: none;
}

.displaySp {
  display: block;
}

.txt {
  margin-bottom: 20px;
  line-height: 170%;
  letter-spacing: 1px;
  font-size: 100%;
}

.spec {
  padding: 20px 20px;
  font-size: 100%;
  line-height: 1.8;
}

/********************
  option
  ********************/
.opt {
  padding: 0;
  margin: 20px auto 50px;
}

/*****************
  Picture
  *****************/
.piclist-all {
  margin: 30px auto 50px;
}
.piclist-all li {
  width: calc(92% / 2);
  margin: 2%;
}

.piclist-opt {
  margin-top: 10px;
}
.piclist-opt li {
  width: 46%;
  margin: 4% 2%;
}

.piclist-opt figcaption {
  margin-top: 3px;
  font-size: 12px;
}

/*飾り付きビッグタイトル*/
.deco-title {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
  width: 55vw;
  height: 25vw;
  min-width: 170px;
  min-height: 100px;
}
.deco-title .in-title * {
  font-size: 6vw;
}
.deco-title .in-title .flood {
  top: -10%;
  font-size: 3vw;
}
.deco-title .out {
  position: absolute;
  width: 25px;
  height: 25px;
  border: solid white;
}
.deco-title .in {
  position: absolute;
  width: 20px;
  height: 20px;
  border: solid white;
}
.deco-title .box1 {
  border-width: 1.5px 0 0 1.5px;
}
.deco-title .box2 {
  border-width: 1.5px 1.5px 0 0;
}
.deco-title .box3 {
  border-width: 0 0 1.5px 1.5px;
}
.deco-title .box4 {
  border-width: 0 1.5px 1.5px 0;
}

/*飾り付きミニタイトル*/
.deco-title-mini {
  width: 58vw;
  height: 20vw;
  min-width: 170px;
  min-height: 80px;
}
.deco-title-mini .in-title * {
  font-size: 6vw;
}
.deco-title-mini .in-title .flood {
  top: -10%;
  font-size: 3vw;
}
.deco-title-mini .out {
  position: absolute;
  width: 25px;
  height: 25px;
  border: solid white;
}
.deco-title-mini .in {
  position: absolute;
  width: 20px;
  height: 20px;
  border: solid white;
}
.deco-title-mini .box1 {
  border-width: 2px 0 0 2px;
}
.deco-title-mini .box2 {
  border-width: 2px 2px 0 0;
}
.deco-title-mini .box3 {
  border-width: 0 0 2px 2px;
}
.deco-title-mini .box4 {
  border-width: 0 2px 2px 0;
}

/*youtube*/
.youtube {
  width: 90%;
  padding-top: 51%;
}

/****foter***********/
.reserve {
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  height: 50px;
  font-size: 6vw;
  text-shadow: 0 0 10px lightgreen;
}

.links.buy {
  width: 98%;
  margin: 7% auto 3%;
  padding-left: 0;
}
.links.acks {
  width: 90%;
  margin: 3% auto;
}

.caution {
  padding-top: 50px;
  padding-bottom: 50px;
  margin: 0 5%;
}
/*# sourceMappingURL=sp.css.map */