/* 冷感インバスボディジェル */
@charset "UTF-8";
#bodygel {
  margin-bottom: 8%;
}
#bodygel h1, #bodygel h2, #bodygel h3, #bodygel h4, #bodygel a {
  margin: 0;
  padding: 0;
  border: none;
  font-size: 0;
}
#bodygel img {
  vertical-align: bottom;
  width: 100%;
  height: auto;
  margin-bottom: 0;
}
#bodygel a {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  display: inline-block;
}
#bodygel a:hover {
  -webkit-transform: translate3d(0, 3px, 0);
          transform: translate3d(0, 3px, 0);
}
#bodygel li {
  line-height: 0;
}
/* .cv_area.cv01 */
#bodygel section.cv_area.cv01 {
  background: url("/img/usr/static/bodygel/cv01_bg.png") 0 0 no-repeat;
  background-size: 100%;
  padding: 11% 5% 26%;
  position: relative;
}
#bodygel section.cv_area .cv01_inner {
  background: rgba(255, 255, 255, 0.8);
  border-radius: 230px 230px 20px 20px;
  display: -ms-grid;
  display: grid;
      grid-template-areas: "stack_cv";
  position: relative;
  z-index: 1;
}
#bodygel section.cv_area .cv01_inner .cv_item {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: stack_cv;
  margin: -18% -5.6% 0 -5%;
}
#bodygel section.cv_area .cv01_inner .cv_text {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: stack_cv;
  -ms-grid-row: 2;
  grid-row: 2;
}
#bodygel section.cv_area .cv01_inner .cv_name {
  margin: -15% 15.4% 8%;
}
#bodygel section.cv_area .cv01_inner .cv_price {
  margin: 0 32.5% 4.5%;
}
#bodygel section.cv_area .cv01_inner .cv_btn {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: stack_cv;
  -ms-grid-row: 3;
  grid-row: 3;
  margin: 0 7% -12%;
}
/* .cv_area.cv02 */
#bodygel section.cv_area.cv02 {
  background: url("/img/usr/static/bodygel/cv02_bg.png") 0 0 no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff29f), to(#edc2c8));
  background: url("/img/usr/static/bodygel/cv02_bg.png") 0 0 no-repeat, linear-gradient(#fff29f, #edc2c8);
  background-size: 100%;
  padding-bottom: 16%;
  position: relative;
  z-index: 1;
}
#bodygel section.cv_area.cv02 .cv_new {
  padding: 49% 53% 14% 4.5%;
}
#bodygel section.cv_area.cv02 .cv_name {
  margin: 0 20% 7%;
}
#bodygel section.cv_area.cv02 .cv_price {
  margin: 0 34% 4%;
}
#bodygel section.cv_area.cv02 .cv_btn {
  margin: 0 11%;
}
/* .cv_rose */
#bodygel section.cv_rose {
  background: -webkit-gradient(linear, left top, left bottom, from(#edc2c8), to(#fae1e4));
  background: linear-gradient(#edc2c8, #fae1e4);
  padding: 2.5% 6% 0;
  display: -ms-grid;
  display: grid;
      grid-template-areas: "light_rose";
  position: relative;
}
#bodygel section.cv_rose .light_rose {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: light_rose;
  mix-blend-mode: screen;
  position: absolute;
  margin: -24% 0 0 -8%;
  z-index: 1;
}
#bodygel section.cv_rose .rose_inner {
  background: #ffeeef;
  border-radius: 320px 320px 20px 20px;
  padding: 0 5%;
  display: -ms-grid;
  display: grid;
      grid-template-areas: "inner_rose";
}
#bodygel section.cv_rose .cv_item {
  margin: -2% 8% 1% -2%;
}
#bodygel section.cv_rose .cv_name {
  margin: 0 2% 4% 3%;
}
#bodygel section.cv_rose .cv_btn {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: inner_rose;
  margin: 0 1% -15%;
  grid-row: end;
}
#bodygel section.cv_rose .cv_note {
  width: 30%;
  margin: 12% 4% 0 auto;
}
/* .cv_musk */
#bodygel section.cv_musk {
  background: url("/img/usr/static/bodygel/cv_series_bg01.jpg") 0 0 no-repeat, -webkit-gradient(linear, left top, left bottom, from(#bbc0e9), to(#e3e5f9));
  background: url("/img/usr/static/bodygel/cv_series_bg01.jpg") 0 0 no-repeat, linear-gradient(#bbc0e9, #e3e5f9);
  background-size: 100%;
  padding: 20% 6% 0;
  display: -ms-grid;
  display: grid;
      grid-template-areas: "light_musk";
  position: relative;
}
#bodygel section.cv_musk .light_musk {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: light_musk;
  mix-blend-mode: screen;
  position: absolute;
  margin: -24% 0 0 -8%;
  z-index: 1;
}
#bodygel section.cv_musk .musk_inner {
  background: #eef0ff;
  border-radius: 420px 420px 20px 20px;
  padding: 0 5%;
  border-radius: 320px 320px 20px 20px;
  display: -ms-grid;
  display: grid;
      grid-template-areas: "inner_musk";
}
#bodygel section.cv_musk .cv_item {
  margin: -2% 7% 0 -1%;
}
#bodygel section.cv_musk .cv_name {
  margin: -1% 2% 5.5% 3%;
}
#bodygel section.cv_musk .cv_btn {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: inner_musk;
  margin: 0 1% -15%;
  grid-row: end;
}
#bodygel section.cv_musk .cv_note {
  width: 30%;
  margin: 12% 4% 0 auto;
}
/* .bath */
#bodygel section.bath {
  background: url("/img/usr/static/bodygel/bath_bg.png") 0 bottom no-repeat;
  background-size: 101%;
  padding-bottom: 9.6%;
  display: -ms-grid;
  display: grid;
      grid-template-areas: "stack_snow";
  margin-top: -25%;
}
#bodygel section.bath .bath_snow {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: stack_snow;
  width: 17%;
  z-index: 2;
  margin: 10% 0 0 3.5%;
  mix-blend-mode: multiply;
}
#bodygel section.bath .bath_image {
  margin: -5% 0% 0 6%;
}
#bodygel section.bath .bath_kaori {
  background: #fffddf;
  border-radius: 20px;
  padding: 5% 7% 5% 9.5%;
  margin: 5% 5% 3%;
}
#bodygel section.bath .bath_note {
  width: 25.5%;
  margin-left: auto;
  margin-right: 5%;
}
/* .howto */
#bodygel section.howto {
  background: #fff29f;
  padding: 16% 5% 0;
  overflow: hidden;
}
#bodygel section.howto .how_step {
  background: #fff;
  border-radius: 20px;
  display: -ms-grid;
  display: grid;
      grid-template-areas: "stack_how";
  padding: 5%;
  margin-bottom: 7%;
}
#bodygel section.howto .how_step h3 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: stack_how;
  margin: -14.5% -12% 0 -12%;
  position: relative;
}
#bodygel section.howto .how_step ul {
  margin-top: -77%;
}
#bodygel section.howto .how_step li {
  margin-bottom: 4%;
}
#bodygel section.howto .how_step li:nth-child(2) {
  margin-bottom: 7%;
}
#bodygel section.howto h5 {
  padding: 0 17% 1%;
}
#bodygel section.howto .movie_area {
  padding: 0 5%;
}
#bodygel section.howto .movie_area video {
  width: 100%;
  height: 100%;
}
/* .caution */
#bodygel section.caution {
  background: url("/img/usr/static/bodygel/cv_series_bg02.jpg") 0 0 no-repeat #f7f7f7;
  padding: 24% 5% 10%;
  background-size: 100%;
}

@media screen and (min-width: 761px) {
  #bodygel {
    width: 100%;
  }
  #bodygel .inner_content {
    width: min(100%, 760px);
    margin: auto;
    background: #fff;
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
  }
  #bodygel img {
    width: 100%;
  }
}
/* 商品ページ */
.block-goods-comment1 #bodygel {
  padding-top: 10%;
}

.block-goods-comment1 #bodygel .inner_content {
  width: min(100%, 680px);
  -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
}
.block-goods-comment1 #bodygel section.cv_area.cv01 {
  padding-bottom: 12%;
}
.block-goods-comment1 #bodygel section.bath .bath_snow {
  margin-top: 19%;
}
.block-goods-comment1 #bodygel section.cv_area.cv02 {
  z-index: 0;
}
.block-goods-comment1 #bodygel section.cv_rose {
  background: url("/img/usr/static/bodygel/goods_bg.png") 0 top no-repeat, linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 6%, #edc2c8 6%, #fae1e4);
  background-size: 100%;
  padding-top: 20%;
  margin-top: -20%;
}
.block-goods-comment1 #bodygel section.cv_rose .cv_note,
.block-goods-comment1 #bodygel section.cv_musk .cv_note {
  margin-top: 1%;
}