#wrapper {
  line-height: 1.3;
}

h1 {
  padding: 0;
  margin: 0;
}

h2 {
  padding: 0;
  margin: 0;
}

h2 span {
  margin: 0;
  line-height: inherit;
  font-size: inherit;
  display: inline;
}

h3 {
  padding: 0;
  margin: 0;
}

.pane-contents .container {
  width: auto;
  display: block;
  margin: 0;
}

.footer_top {
  margin: 0;
}

.main_width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
}

#bread ol {
  /* padding: 2.4em 0; */
  padding: 2.4em 0 0 0;
  overflow: hidden;
}

#bread ol li {
  display: inline-block;
  float: left;
  font-family: FontAwesome, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 78.6%;
}

#bread ol li:first-child:before {
  content: "";
  margin: 0;
}

#bread ol li:before {
  content: "\f105";
  margin: 0 1em;
}

#bread ol li a {
  color: #505050;
}

@media only screen and (min-width: 769px) {
  .pane-contents .container {
    overflow: hidden;
    padding-bottom: 40px;
  }
}


@media screen and (max-width: 768px) {
  body {
    letter-spacing: 0;
  }

  h2 {
    font-size: inherit;
  }

  .main_width {
    padding: 0 10px;
  }
}

/*---------------------------------- common ---------------*/

img.img-responsive {
  margin: auto;
  width: 100%;
}

#feature img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

h2,
h4,
h3 {
  color: #633D21;
}


#main .tsukuBold {
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-weight: 700;
  font-style: normal;
}

.f2rem {
  font-size: 2rem;
}

.f24rem {
  font-size: 2.4rem;
}

.section-flex li {
  padding: 1rem;
}

.section-flex li:first-child {
  width: 53%;
}

.section-flex li:last-child {
  width: 47%;
}

/*---------------------------------- //common ---------------*/


#imgSpc {
  padding: 33% 0;
}

.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.row {
  margin-left: -14px;
  margin-right: -14px;
  overflow: hidden;
  margin-bottom: -14px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters>.col,
.no-gutters>[class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

.text-nowrap {
  white-space: nowrap;
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------- //common ---------------*/

/*.defBlueColor{ color: #71BACB; }*/
.weight100 {
  font-weight: 100;
}

.weight300 {
  font-weight: 300;
}

.blueBorder {
  border: 1px solid #2C92CE;
}

.posRelative {
  position: relative;
}

.posAbs {
  position: absolute;
}

.mAuto {
  margin: auto;
}

h2>small {
  letter-spacing: 2px;
  font-size: 1.25rem;
}

.offset-1 {
  margin-left: 8.333333%
}

.offset-2 {
  margin-left: 16.666667%
}

.offset-3 {
  margin-left: 25%
}

.offset-4 {
  margin-left: 33.333333%
}

.ml4rem {
  margin-left: 4rem;
}

.mt1rem {
  margin-top: 1rem;
}

.mt2rem {
  margin-top: 2rem;
}

.mt4rem {
  margin-top: 4rem;
}

.mt6rem {
  margin-top: 6rem;
}

.defLetterSpace {
  letter-spacing: 1rem;
}

.defLetterSpaceNrw {
  letter-spacing: 0.25rem;
}

.defLineHeight {
  line-height: 2;
}

.defLineHeight2 {
  line-height: 2.25;
}

.defPinkColor {
  color: #D86480;
}

.defBeige {
  color: #BC744B;
}

.weight100 {
  font-weight: 100;
}

.weight300 {
  font-weight: 300;
}

.blueBorder {
  border: 1px solid #2C92CE;
}

.posRelative {
  position: relative;
}

.posAbs {
  position: absolute;
}

.mAuto {
  margin: auto;
}

#wrapper #main_area .w100 {
  width: 100%;
}

#wrapper #main_area .w80 {
  width: 80%;
}

#wrapper #main_area .w70 {
  width: 70%;
}

#wrapper #main_area .w60 {
  width: 60%;
}

#wrapper #main_area .w50 {
  width: 50%;
}

#wrapper #main_area .w30 {
  width: 30%;
}

#wrapper #main_area .w25 {
  width: 25%;
}

#wrapper #main_area .w20 {
  width: 20%;
}

.mw-100 {
  max-width: 100%;
}

a.buyLink:hover {
  opacity: 0.8;
}

html body .priceTx>sup {
  vertical-align: super;
}

.flex {
  display: flex;
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------- //common ---------------*/
.defBlueColor {
  color: #0090C7;
}

.defBlueColor2 {
  color: #3BABAB;
}

.defBrownColor {
  color: #AF6B26;
}

.defGray1 {
  color: #333333;
}

a.buyLink.text-white {
  color: white;
}

a.buyLink {
  background-color: #BB8171;
  color: white;
  padding: 1.1rem 3rem;
  margin: 2rem auto;
  font-size: 1.75rem;
  transition-timing-function: ease-in-out;
  transition-duration: 150ms;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  letter-spacing: 2px;
  display: inline-block;
  max-width: 91%;
  width: 90%;
  line-height: 2.1;
  border-radius: 5rem;
}

a.buyLink+a.buyLink {
  margin-left: 2%;
}

a.buyLink.savon {
  background-color: #78A5BD;
}

/*a.buyLink.leaf{ background-color: #d8eaa0; }*/

a.buyLink:hover {
  opacity: 0.8;
}

html body h4>sup,
html body .priceTx>sup {
  vertical-align: super;
}

#mainContents {
  background-image: url(/img/freepages/vecuahoney_handcream/bg_board.jpg);
  color: #623C21;
  background-repeat: repeat;
  background-size: 50%;
  background-position: top -6vh left;
}

section div.main-contents-inner3,
div.sectionInnerDef {
  padding: 4rem 0 4rem 0;
}

.defTextShadow {
  text-shadow: 0px 0px 7px rgba(152, 87, 51, 0.76);
}

#main .contWrap.bg-white {
  background-color: transparent;
}

.contWrap.bg-white div.cloudback {
  background-color: white;
  /*background-image: url(/img/freepages/vecuahoney_handcream/back_cloud.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;*/
}

#iconRenew {
  max-height: 8rem;
}

#itemFlagRight,
#itemFlagLeft,
#topFlagRight,
#topFlagLeft {
  max-height: 15.5rem;
}

#itemFlagLeft,
#topFlagLeft {
  top: -1.5rem;
  left: 0;
  width: fit-content;
}

#itemFlagRight,
#topFlagRight {
  top: -1.5rem;
  right: 0;
  width: fit-content;
}

#washExp1 {
  line-height: 2.75;
  padding-top: 3.5rem;
}

#washExp2 {
  line-height: 2.25;
  padding-top: 2.0rem;
}

.inline_block {
  display: inline-block;
}

#stepFigWrap {
  margin: 8rem 14% auto 14%;
}

#stepFigWrap img {
  padding: 0.5rem 0.5rem 2rem 0.5rem;
}

#figTehada {
  max-height: 9.5rem;
  width: fit-content;
}

#materialWrap {
  margin-left: 8.5%;
  margin-right: 8.5%;
  font-size: 1.5rem;
}

#materialWrap .col-4 img {
  max-height: 30rem;
  width: auto;
  max-width: 100%;
  padding-bottom: 1rem;
}

#topWave {
  width: 100%;
  bottom: 0;
  left: 0;
}



.itemTip {
  margin: 3rem auto 1rem auto;
}

#itemWrap a.buyLink {
  color: #7A534E;
  margin-top: auto;
}

#itemWrap {
  margin-top: 5rem;
}

#itemWrap img.itemImg {
  max-height: 450px;
  margin-bottom: 0.5rem;
}




#wrapper #main_area .flavor_illust {
  width: 19%;
  margin: -3rem auto 2rem 4%;
  float: left;
}

h5.flavor {
  font-size: 2rem;
  text-align: center;
  margin: 1rem 10%;
  padding: 0rem 0;
  background-size: cover;
  line-height: 4;
}

.specWrap {
  margin: 1rem auto 1rem auto;
}

.priceWrap {
  line-height: 1.5;
  margin: 2rem auto auto auto;
}

.priceWrap img {
  max-height: 1.0rem;
}

div.namesWrap .w60exp {
  margin-left: 20%;
}

div.namesWrap {
  float: right;
  width: 77%;
  position: relative;
  left: -5%;
}

#item1tip a.buyLink {
  background-color: #CAD6E1;
}

#item2tip a.buyLink {
  background-color: #CFDAA8;
}

#item3tip a.buyLink {
  background-color: #F2D6D6;
}

#item4tip a.buyLink {
  background-color: #CDE0D6;
}

#item5tip a.buyLink {
  background-color: #E5D3D1;
}

#item6tip a.buyLink {
  background-color: #DFCFC2;
}

#item1tip h5.flavor {
  background: url(/img/freepages/vecuahoney_handcream/flv_col1@2x.png) no-repeat center center;
  background-size: 80%;
  color: #2F79A0;
}

#item2tip h5.flavor {
  background: url(/img/freepages/vecuahoney_handcream/flv_col2@2x.png) no-repeat center center;
  background-size: 80%;
  color: #8B8438;
}

#item3tip h5.flavor {
  background: url(/img/freepages/vecuahoney_handcream/flv_col3@2x.png) no-repeat center center;
  background-size: 80%;
  color: #d09a9a;
}

#item4tip h5.flavor {
  background: url(/img/freepages/vecuahoney_handcream/flv_col4@2x.png) no-repeat center center;
  background-size: 80%;
  color: #5D8441;
}

#item5tip h5.flavor {
  background: url(/img/freepages/vecuahoney_handcream/flv_col5@2x.png) no-repeat center center;
  background-size: 80%;
  color: #7A6D6A;
  line-height: 6rem;
  position: relative;
  padding-top: 2rem;
}

#item6tip h5.flavor {
  background: url(/img/freepages/vecuahoney_handcream/flv_col6@2x.png) no-repeat center center;
  background-size: auto;
  color: #A9682D;
}

#item5tip h5.flavor small {
  position: absolute;
  display: inline-block;
  top: 0rem;
  left: 35%;
}

#wrapper #main_area #item2tip .flavor_illust {
  width: 23%;
  margin-left: 0%;
  position: relative;
  right: -5%;
  /*margin: 3.5rem auto;*/
  margin: 1.5rem auto;
  height: 24rem;
}

#wrapper #main_area #item4tip .flavor_illust {
  width: 23%;
  margin-left: 0%;
  position: relative;
  right: -5%;
  margin: 1.1rem auto 1rem auto;
}

#attnCol1 {
  background: linear-gradient(#fff 48%, #EBE4DE 0%);
  background-position: bottom 5px center;
  padding-bottom: 10px;

}

#attnCol2 {
  background: linear-gradient(#fff 48%, #EBE4DE 0%);
  background-position: bottom 5px center;
  padding-bottom: 10px;

}

#renCol1 {
  color: #C69498;
}

#renCol2 {
  color: #98BCCB;
}

#renCol3 {
  color: #83AA79;
}

#renCol4 {
  color: #A78A79;
}

#renCol5 {
  color: #A7A479;
}

/*#mainCont3{ padding-top: 12rem; }*/
#section3 #mainCont3 {
  background: url(/img/freepages/vecuahoney_handcream/waku_1.png) no-repeat center center;
  background-size: 100% 100%;
  padding-bottom: 8rem;
}

#section1 #mainCont1 {
  background: url(/img/freepages/vecuahoney_handcream/waku_chardo.png) no-repeat center center;
  background-size: 100% 100%;
  padding-bottom: 4rem;
  padding-top: 3rem;
}

#mainCont1 div.expTip {
  margin-left: 6rem;
  margin-right: 6rem;
}

#mainCont1Inner {
  padding: 4rem;
}

.sozaiImg {
  max-width: 12rem;
  margin: auto auto 0.5rem auto;
}

#main_area .sozaiList td {
  padding: 0 10px !important;
  font-weight: bold;
}

#main_area #mainContents table.sozaiList {
  margin: 1rem auto 1rem 0;
  width: fit-content;
}

#wrapper #main_area #chardonMarkNew {
  position: absolute;
  left: -4.5rem;
  top: -3rem;
  width: 10rem;
  z-index: 0;
}

#main_area #itemPicChardon {
  position: relative;
  z-index: 2;
  filter: drop-shadow(8px 5px 16px rgba(32, 67, 56, 0.3));
}

#wrapper #main_area #illustChardonne {
  margin: auto;
  width: 27%;
  position: absolute;
  left: 0;
  bottom: 12rem;
  padding-bottom: 0rem;
}

#section4 #mainCont4,
#section2 #mainCont2 {
  background: url(/img/freepages/vecuahoney_handcream/waku_2.png) no-repeat center center;
  background-size: 100% 100%;
  padding-bottom: 10rem;
}

#section5 #mainCont5 {
  background: url(/img/freepages/vecuahoney_handcream/waku_3.png) no-repeat center center;
  background-size: 100% 100%;
  padding-bottom: 10rem;
}


#woolongCat {
  width: auto;
  height: 18rem;
}

#oolongExp1 {
  padding-left: 2rem;
}

#exp1inner {
  width: auto;
  padding-top: 5rem;
  margin: auto auto auto 0;
  display: inline-block;
}

/*#piram1{ margin-bottom: 6rem; }*/
#studySecWrap {}

#mainCont4 #newMark {
  top: -2rem;
  left: -2rem;
  max-height: 12rem;
  max-width: 34%;
  width: 100%;
}

#creamH2Wrap h2 {
  white-space: nowrap;
}

#creamH2Wrap {
  width: 40%;
  margin: auto;
  white-space: nowrap;
  padding-top: 6rem;
}

.leaf {
  height: 4rem;
}

#itemCatchTitle {
  background: url(/img/freepages/vecuahoney_handcream/cream_title_back.png) no-repeat center center;
  background-size: 117% 122%;
  padding: 9px;
  line-height: 8rem;
  margin: -1rem auto;
}

#itemWrap {
  padding-left: 4rem;
  padding-right: 4rem;
}

.itemTipWrap {
  border: 1px solid #ccc;
}

#item1tip {
  border-color: #5A85A7;
}

#item2tip {
  border-color: #B9B76C;
}

#item3tip {
  border-color: #B9817F;
}

#item4tip {
  border-color: #92C8AC;
}

#item5tip {
  border-color: #B89F9D;
}

#item6tip {
  border-color: #AD9277;
}

#illustOoolong {
  padding: 5rem 0 8rem 0;
}

#itemNewMark {
  top: 0rem;
  left: 2rem;
  width: 11rem;
}

#topExp2 {
  padding-top: 6rem;
}

#topTxGrad {
  background: url(/img/freepages/vecuahoney_handcream/textGrad_top.png) no-repeat bottom -0.5rem center;
  background-size: 96% 1.5rem;
  position: relative;
  padding-bottom: 0.25rem;
}

#item7tip {
  border-color: #a0c01b;
}

#item7tip a.buyLink {
  background-color: #e5eec1;
}

#main_area #item7tip h5.flavor {
  background: url(/img/freepages/vecuahoney_handcream/flv_col7.png) no-repeat center center;
  background-size: 80%;
  color: #a0c01b;
}

#itemWrap div.col-6 {
  flex: 0 0 46%;
  max-width: 46%;
  margin: 0 2% 4rem 2%;
}

#main_area img.itemNewMark {
  max-width: 11rem;
}

#wrapper #main_area div.ovflV {
  overflow: visible;
}

/*--------------------------------------peach */
#section1 #mainCont1.peachAdd {
  background: url(/img/freepages/vecuahoney_handcream/back_top_ps.png) no-repeat top / contain;
}

#wrapper #main_area #peachMarkNew {
  position: absolute;
  right: -4.5rem;
  top: -3rem;
  width: 10rem;
  z-index: 0;
}

#main_area #mainContents table.sozaiList {
  margin: 2rem auto;
  width: fit-content;
}

#peachExp {
  margin-bottom: 2rem;
  padding-top: 3rem;
}

#chardonExp {
  padding-top: 7rem;
}

#peachCatch {
  margin: 4rem auto auto auto;
}

#main_area #itemPicPeach {
  position: relative;
  z-index: 2;
  filter: drop-shadow(8px 5px 16px rgba(32, 67, 56, 0.3));
  top: 3rem;
}

#chardonExp {
  margin-top: auto;
}

#item8tip {
  border-color: #f17c8f;
}

#item8tip a.buyLink {
  background-color: #fbdbe0;
}

#main_area #item8tip h5.flavor {
  background: url(/img/freepages/vecuahoney_handcream/flv_col8.png) no-repeat center center;
  background-size: 80%;
  color: #f17c8f;
}


/*=====================================202510============================*/
#section0 #mainCont0 {
  background: url(/img/freepages/vecuahoney_handcream/bg0_grad.png) no-repeat center center / contain;
}

#mainCont0 div.expTip {
  margin-left: 7.5rem;
  margin-right: 7.5rem;
}

#lateCatch {
  margin-left: -3rem;
  white-space: nowrap;
  overflow: visible;
}

#lateCup {
  max-height: 20rem;
  width: auto;
}

img.sec0_itemPic {
  max-height: 42rem;
  width: auto;
  margin: -2rem auto auto auto;
}

.f14rem {
  font-size: 1.4rem;
}

.mb6rem {
  margin-bottom: 6rem;
}

.pt4rem {
  padding-top: 4rem;
}

#dreamyExp {
  padding-top: 4rem;
  margin-bottom: 2rem;
}

#main_area #item10tip h5.flavor span,
#main_area #item9tip h5.flavor span {
  line-height: 1;
  display: inline-flex;
  top: -0.25rem;
  position: relative;
}

#main_area #item10tip h5.flavor {
  background: url(/img/freepages/vecuahoney_handcream/flv_col_mocha.png) no-repeat center center;
  background-size: 62%;
  color: #ed957a;
  min-height: 9rem;
  margin-top: 2rem;
}

#main_area #item9tip h5.flavor {
  background: url(/img/freepages/vecuahoney_handcream/flv_col_dreamy.png) no-repeat center center;
  background-size: 62%;
  color: #bf96d6;
  min-height: 9rem;
  margin-top: 2rem;
}


#item9tip {
  border-color: #bf96d6;
}

#item10tip {
  border-color: #ed957a;
}

#item9tip a.buyLink {
  background-color: #ede2f4;
}

#item10tip a.buyLink {
  background-color: #ed957a;
}

#littleExp {
  background: url(/img/freepages/vecuahoney_handcream/bg_0up.png) no-repeat center top 1rem;
  background-size: contain;
}

#dreamyExp {
  background: url(/img/freepages/vecuahoney_handcream/bg_0btm.png) no-repeat center top 1rem;
  background-size: contain;
}

/*=====================================202510============================*/


/*! sanitize.css v3.3.0 | CC0 1.0 Public Domain | github.com/10up/sanitize.css */
/* Latest tested: Android 6, Chrome 48, Edge 13, Firefox 44, Internet Explorer 11, iOS 9, Opera 35, Safari 9, Windows Phone 8.1 */
/*
 * Normalization
 */
abbr[title] {
  text-decoration: underline;
  /* Chrome 48+, Edge 12+, Internet Explorer 11-, Safari 9+ */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  /* Firefox 40+ */
}

audio:not([controls]) {
  display: none;
  /* Chrome 44-, iOS 8+, Safari 9+ */
}

b,
strong {
  font-weight: bolder;
  /* Edge 12+, Safari 6.2+, and Chrome 18+ */
}

button {
  -webkit-appearance: button;
  /* iOS 8+ */
  overflow: visible;
  /* Internet Explorer 11- */
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  /* Firefox 4+ */
  padding: 0;
  /* Firefox 4+ */
}

button:-moz-focusring,
input:-moz-focusring {
  outline: 1px dotted ButtonText;
  /* Firefox 4+ */
}

button,
select {
  text-transform: none;
  /* Firefox 40+, Internet Explorer 11- */
}

details {
  display: block;
  /* Edge 12+, Firefox 40+, Internet Explorer 11-, Windows Phone 8.1+ */
}

html {
  -ms-overflow-style: -ms-autohiding-scrollbar;
  /* Edge 12+, Internet Explorer 11- */
  overflow-y: scroll;
  /* All browsers without overlaying scrollbars */
  -webkit-text-size-adjust: 100%;
  /* iOS 8+, Windows Phone 8.1+ */
}

hr {
  overflow: visible;
  /* Internet Explorer 11-, Edge 12+ */
}

input {
  -webkit-border-radius: 0;
}

input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* iOS 8+ */
}

input[type="number"] {
  width: auto;
  /* Firefox 36+ */
}

input[type="search"] {
  -webkit-appearance: textfield;
  /* Chrome 45+, Safari 9+ */
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
  /* Chrome 45+, Safari 9+ */
}

main {
  display: block;
  /* Android 4.3-, Internet Explorer 11-, Windows Phone 8.1+ */
}

pre {
  overflow: auto;
  /* Internet Explorer 11- */
}

progress {
  display: inline-block;
  /* Internet Explorer 11-, Windows Phone 8.1+ */
}

summary {
  display: block;
  /* Firefox 40+, Internet Explorer 11-, Windows Phone 8.1+ */
}

png:not(:root) {
  overflow: hidden;
  /* Internet Explorer 11- */
}

template {
  display: none;
  /* Android 4.3-, Internet Explorer 11-, iOS 7-, Safari 7-, Windows Phone 8.1+ */
}

textarea {
  overflow: auto;
  /* Edge 12+, Internet Explorer 11- */
}

[hidden] {
  display: none;
  /* Internet Explorer 10- */
}

/*
 * Universal inheritance
 */
*,
:before,
:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

* {
  font-size: inherit;
  line-height: inherit;
}

:before,
:after {
  text-decoration: inherit;
  vertical-align: inherit;
}

button,
input,
select,
textarea {
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
}

/*
 * Opinionated defaults
 */
/* specify the margin and padding of all elements */
* {
  margin: 0;
  padding: 0;
}

/* specify the border style and width of all elements */
*,
:before,
:after {
  border-style: solid;
  border-width: 0;
}

/* remove the tapping delay from clickable elements */
a,
area,
button,
input,
label,
select,
textarea,
[tabindex] {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

/* specify the standard appearance of selects */
select::-ms-expand {
  display: none;
  /* Edge 12+, Internet Explorer 11- */
}

select::-ms-value {
  color: currentColor;
  /* Edge 12+, Internet Explorer 11- */
}

/* use current current as the default fill of png elements */
png {
  fill: currentColor;
}

/* specify the progress cursor of updating elements */
[aria-busy="true"] {
  cursor: progress;
}

/* specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] {
  cursor: default;
}

/* specify the style of visually hidden yet accessible elements */
[hidden][aria-hidden="false"] {
  clip: rect(0 0 0 0);
  display: inherit;
  position: absolute;
}

[hidden][aria-hidden="false"]:focus {
  clip: auto;
}

/*
 * Configurable defaults
 */
/* specify the background repeat of all elements */
* {
  background-repeat: no-repeat;
}

/* specify the root styles of the document */
:root {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #000000;
  cursor: default;
  font: 62.5%/1.5 sans-serif;
}

/* specify the text decoration of anchors */
a {
  text-decoration: none;
}

/* specify the alignment of media elements */
audio,
canvas,
iframe,
img,
png,
video {
  vertical-align: middle;
}

/* specify the coloring of form elements */
button,
input,
select,
textarea {
  background-color: transparent;
  color: inherit;
}

/* specify the minimum height of form elements */
button,
[type="button"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="reset"],
[type="search"],
[type="submit"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"],
select,
textarea {
  min-height: 1.5em;
}

/* specify the font family of code elements */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
}

/* specify the list style of nav lists */
nav ol,
nav ul {
  list-style: none;
}

/* specify the font size of small elements */
small {
  font-size: 75%;
}

/* specify the border styling of tables */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* specify the resizability of textareas */
textarea {
  resize: vertical;
}

/* specify the background color, font color, and drop shadow of text selections */
::-moz-selection {
  background-color: #b3d4fc;
  /* required when declaring ::selection */
  color: #ffffff;
  text-shadow: none;
}

::selection {
  background-color: #b3d4fc;
  /* required when declaring ::selection */
  color: #ffffff;
  text-shadow: none;
}

.center {
  text-align: center;
}

.mb20 {
  margin-bottom: 20px;
}

.mb37 {
  margin-bottom: 37px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb42 {
  margin-bottom: 42px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb60 {
  margin-bottom: 60px;
}

.mb75 {
  margin-bottom: 75px;
}

.mb80 {
  margin-bottom: 80px;
}

.mb110 {
  margin-bottom: 110px;
}

.mb114 {
  margin-bottom: 114px;
}

.ml20 {
  margin-left: 20px;
}

.f-left {
  float: left;
}

.f-right {
  float: right;
}

.fz12 {
  font-size: 1.2rem;
}

.fz14 {
  font-size: 1.4rem;
}

.fz16 {
  font-size: 1.6rem;
}

#page-home-top {
  display: none;
}

html {
  line-height: 1;
}

ol,
ul,
li {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

th.center,
td.center,
th.center td {
  text-align: center;
}

tr.top,
td.top,
tr.top td,
th.top,
th.top td {
  vertical-align: top;
}

q,
blockquote {
  quotes: none;
}

q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
  display: block;
}

body {
  font-family: serif;
}

body {
  height: auto;
}

body .pc-only {
  display: block;
}

body .sp-only {
  display: none;
}

@media screen and (max-width: 768px) {
  body {
    font-size: 62.5%;
  }

  body .pc-only {
    display: none;
  }

  body .sp-only {
    display: block;
  }

  body body.is-sp .pc-only {
    display: none;
  }

  body body.is-sp .sp-only {
    display: block;
  }
}

body html {
  font-size: 62.5%;
}

body body {
  font-size: 1.4rem;
  line-height: 1.6;
  color: #101010;
  margin: 0;
}

body *,
body *:before,
body *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body a {
  color: #2398ea;
  text-decoration: none;
}

body a:hover img {
  opacity: 0.8;
}

body .link-contents a:hover img,
body .gheader__logo a:hover img,
body .gheader__logo_fixed a:hover img,
body page-top a:hover img {
  opacity: 1;
}

body .clearfix:after {
  content: " ";
  display: block;
  clear: both;
}

@media screen and (max-width: 768px) {
  #wrapper img {
    max-width: 100%;
    height: auto;
  }
}

.hidden {
  display: none;
}

.loaded {
  display: block;
}

.fade {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-name: fade;
  animation-name: fade;
}

.fadeAnime {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-name: fade;
  animation-name: fade;
  visibility: visible !important;
}

@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fuwatAnime {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: fuwatAnime;
  animation-name: fuwatAnime;
  visibility: visible !important;
}

@-webkit-keyframes fuwatAnime {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fuwatAnime {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.is-animation {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-name: fuwatAnimet;
  animation-name: fuwatAnimet;
  height: 90px;
  background-color: #fff;
}

body {
  height: auto;
  font-family: Arial, Helvetica, sans-serif;
}

@media screen and (max-width: 768px) {
  .sp-mt40 {
    margin-top: 40px;
  }
}

.info-bg {
  background: url("/img/freepages/vecuahoney_handcream/pc/info_bg.html");
  background-size: cover;
  padding: 40px 0;
}

.info2-bg {
  background: url("/img/freepages/vecuahoney_handcream/pc/section_bg_2.html");
  background-size: cover;
  padding: 40px 0;
}

@media screen and (max-width: 768px) {
  .info2-bg {
    background: url("/img/freepages/vecuahoney_handcream/sp/section_bg_2.html");
  }
}

.img-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}

.img-flex li {
  width: 48%;
}

.img-flex li img {
  max-width: 100%;
}

.info-item p {
  color: #491700;
  font-weight: bold;
  font-size: 21px;
  margin-top: 20px;
  margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
  .info-item p {
    font-size: 15px;
  }
}

@media screen and (max-width: 768px) {
  .info-item {
    width: 44%;
    text-align: center;
    margin: auto;
  }
}

.info-flex {
  max-width: 770px;
  margin: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.info-flex li {
  width: 30%;
}

@media screen and (max-width: 768px) {
  .info-flex {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .info-flex li:nth-child(odd) {
    margin-right: 20px;
  }

  .info-flex li {
    width: 44%;
  }
}

.sub-title {
  margin-top: 40px;
  background-color: #f98a8a;
  padding: 20px 0;
}

@media screen and (max-width: 768px) {
  .sub-title {
    padding: 40px 0;
  }
}

.sub-title img {
  margin: auto;
}

.sub-title2 {
  background-color: #f98a8a;
  padding: 40px 0;
}

.sub-title2 img {
  margin: auto;
}

@media screen and (max-width: 768px) {
  .sub-title2 img {
    max-width: 70%;
  }
}

.mt40 {
  margin-top: 40px;
}

.img-box img {
  max-width: 100%;
}

.item-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}

.item-flex li {
  width: 46%;
}

@media screen and (max-width: 768px) {
  .item-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
  }

  .item-flex li {
    width: 100%;
  }
}

.sub-item-desc {
  color: #481100;
  font-weight: normal;
  font-family: sans-serif;
  font-size: 13px;
  margin-top: 10px;
  margin-bottom: 5px;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .sub-item-desc {
    font-size: 13px;
    text-align: center;
  }
}

.item-style {
  color: #481100;
  font-weight: bold;
  text-align: left;
  font-family: sans-serif;
  font-size: 19px;
}

@media screen and (max-width: 768px) {
  .item-style {
    margin-top: 10px;
    font-size: 16px;
    text-align: center;
  }
}

.info {
  color: #481100;
  font-weight: bold;
  font-family: sans-serif;
  text-align: left;
  font-size: 15px;
  margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
  .info {
    font-size: 16px;
    text-align: center;
  }
}

.main-item-desc {
  font-size: 15px;
  text-align: left;
  color: #333;
  /*color: #555555;*/
  /*font-weight: 100;*/
}

.main-item-desc2 {
  font-size: 14px;
  text-align: left;
  color: #555555;
  font-weight: 100;
}

p,
h3 {
  position: relative;
}

.right-caption {
  text-align: right;
  font-size: 12px;
  font-family: serif;
  color: #85051a;
  margin-right: 5px;
}

.caption {
  font-size: 14px;
  font-weight: bold;
  position: absolute;
  bottom: 23px;
}

@media screen and (max-width: 768px) {
  .caption {
    bottom: 51px;
  }
}

.caption-txt {
  font-size: 12px;
  font-weight: bold;
  position: absolute;
  top: 34px;
}

@media screen and (max-width: 768px) {
  .caption-txt {
    top: 50px;
  }
}

.caption-txt-2 {
  font-size: 12px;
  font-weight: bold;
  position: absolute;
}

.caption-txt-rep {
  font-size: 14px;
  line-height: 1.4;
  display: block;
}

@media screen and (max-width: 768px) {
  .caption-txt-rep {
    font-size: 10px;
  }
}

.flex-table {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 40px;
}

.flex-table tbody {
  margin: auto;
  max-width: 700px;
  color: #85051a;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .flex-table tbody {
    font-size: 12px;
  }
}

.flex-table tbody tr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}

.flex-table tbody tr td:first-child {
  text-align: right;
  min-width: 180px;
  margin-right: 20px;
}

@media screen and (max-width: 768px) {
  .flex-table tbody tr td:first-child {
    min-width: 70px;
  }
}

.desc-title {
  background: #c1549f;
  padding: 20px 0;
}

@media screen and (max-width: 768px) {
  .desc-title {
    padding: 20px 60px;
  }
}

.section-contents {
  margin-bottom: 60px;
}

.desc-outline {
  border: 4px solid #c1549f;
  border-radius: 4px;
  margin-bottom: 60px;
}

.desc-body {
  padding: 20px;
}

@media screen and (max-width: 768px) {
  .desc-body {
    padding: 10px;
  }
}

.item-info-title {
  color: #85051a;
  font-weight: normal;
  font-family: serif;
  margin-top: 10px;
  font-size: 24px;
  text-align: center;
  margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
  .item-info-title {
    font-size: 19px;
  }
}

.desc-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}

.desc-flex li {
  width: 48%;
}

.desc-flex li img {
  max-width: 100%;
}

@media screen and (max-width: 768px) {
  .desc-flex li img {
    max-width: 80%;
  }
}

.img-item img {
  max-width: 100%;
}

.main-contents-inner {
  margin: auto;
  max-width: 970px;
}

@media screen and (max-width: 768px) {
  .main-contents-inner {
    padding: 0 10px;
  }
}

.main-contents-inner2 {
  margin: auto;
  max-width: 1060px;
}

@media screen and (max-width: 768px) {
  .main-contents-inner2 {
    padding: 0 10px;
  }
}

.main-contents-inner3 {
  margin: auto;
  max-width: 1230px;
}

@media screen and (max-width: 768px) {
  .main-contents-inner3 {
    padding: 0 10px;
  }
}

.title-style {
  color: #85051a;
  font-weight: normal;
  font-family: serif;
  margin-top: 60px;
  font-size: 32px;
}

@media screen and (max-width: 768px) {
  .title-style {
    font-size: 22px;
  }
}

.img-max img {
  width: 100%;
}

.mv {
  width: 100%;
}

.mv img {
  width: 100%;
}

.center-img {
  text-align: center;
  display: block;
}

.center-img img {
  margin: auto;
  max-width: 100%;
}

.title {
  margin: 40px auto;
}

@media screen and (max-width: 768px) {
  .title {
    margin: 40px auto;
  }
}

.main-item {
  position: relative;
}

.column-color {
  border: 8px solid #8e4778;
  background-color: #f6f0f6;
}

.bg-color {
  padding: 20px 0 60px;
  background-color: #efd0e4;
  margin-bottom: 0;
}

.point-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.point-flex li {
  width: 32%;
}

@media screen and (max-width: 768px) {
  .point-flex li {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .sp-box img {
    max-width: 60%;
  }

  .w50 img {
    max-width: 60%;
  }

  .mb60.w50 {
    margin-bottom: 30px;
  }
}

.fz-img img {
  max-width: 30%;
}

.item-btn img {
  padding-top: 0px;
  margin: auto;
  max-width: 70%;
}

/* ============================================================================================================================================== */
/* ============================================================================================================================================== */
/* ============================================================================================================================================== */
/* ============================================================================================================================================== */

#main_area #mainContents table {
  margin: auto;
}

#main_area #mainContents table td,
#main_area #mainContents table th,
#main_area #mainContents table {
  border: none;
  padding-left: inherit;
  padding-right: inherit;
}

#main_area .row img {
  width: initial;
}


#main_area section.contents .tsukuReg {
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-weight: 400;
  font-style: normal;
}

#main_area section.contents .tsukuBold * {
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-weight: 700;
  font-style: normal;
}

/*
general.css
==================================== */

/* font */
.f10 {
  font-size: 10px;
}

.f11 {
  font-size: 11px;
}

.f12 {
  font-size: 12px !important;
}

.f14 {
  font-size: 14px;
}

.f16 {
  font-size: 16px;
}

.f18 {
  font-size: 18px !important;
}

.f20 {
  font-size: 20px;
}

.f24 {
  font-size: 24px;
}

.f26 {
  font-size: 26px;
}

.f28 {
  font-size: 28px;
}

.f30 {
  font-size: 30px;
}

/* dispiay */
.block {
  display: block;
}

.inline {
  display: inline;
}

.inline_block {
  display: inline-block;
  * display: inline;
  zoom: 1;
}

/* cursor */
.pointer {
  cursor: pointer;
}

/* float */
.clear {
  clear: both;
}

.clearL {
  clear: left;
}

.clearR {
  clear: right;
}

.left {
  float: left;
}

.right {
  float: right;
}

/* clearfix */
.cf {}

.cf:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
}

/* IE6 */
* html .cf {
  zoom: 1;
}

/* IE7 */
*:first-child+html .cf {
  zoom: 1;
}



/* color */
.bl0 {
  color: #000;
}

.bl1 {
  color: #111;
}

.bl2 {
  color: #222;
}

.bl3 {
  color: #333;
}

.bl4 {
  color: #444;
}

.bl5 {
  color: #555;
}

.bl6 {
  color: #666;
}

.bl7 {
  color: #777;
}

.bl8 {
  color: #888;
}

.black {
  color: #030303 !important;
}

.blue {
  color: #365a9b !important;
}

.dred {
  color: #c80000;
}

/* backgroud-color */
.bgW {
  background-color: #FFF;
}

.bgC1 {
  background: #d0e8d4;
}

.bgC2 {
  background: #dff0e2;
}


/* border */
.borSt1 {
  border-top: 5px solid #030303 !important;
}

.borSt2 {
  border-top: 4px solid #43639b !important;
}

.borSt3 {
  border-top: 2px solid #030303 !important;
}

.borSt4 {
  border-top: 1px solid #AAA;
  padding-top: 50px;
  margin-top: 20px;
}

.borSt5 {
  border-top: 1px solid #AAA;
  padding-top: 0px;
  margin-top: 50px;
}

.borSt6 {
  border-top: 1px solid #AAA;
  padding-top: 50px;
  margin-top: 50px;
}

.borSt7 {
  border-top: none !important;
}

/* text-align */
.textL {
  text-align: left;
}

.textC {
  text-align: center;
}

.textR {
  text-align: right;
}

.fBold {
  font-weight: bold;
}

.fNormal {
  font-weight: normal;
}

/* text-decoration */
.s {
  text-decoration: line-through;
}

.under {
  text-decoration: underline;
}

/* line-height */
.lineH1 {
  line-height: 1 !important;
}

.lineH1-2 {
  line-height: 1.2 !important;
}

.lineH1-4 {
  line-height: 1.4 !important;
}

.lineH1-6 {
  line-height: 1.6 !important;
}

.lineH1-8 {
  line-height: 1.8 !important;
}

.lineH2 {
  line-height: 2 !important;
}

.tibd0 {
  text-indent: 0 !important;
}

/* vertical-akign */
.vaT {
  vertical-align: top;
}

.vaM {
  vertical-align: middle;
}

.vaB {
  vertical-align: bottom;
}

/* position */
.abs {
  position: absolute !important;
}

.rel {
  position: relative !important;
}

.sta {
  position: static;
}

.fix {
  position: fixed;
}

.rt1 {
  right: 20px !important;
}

.rt2 {
  right: 70px !important;
}

.rt3 {
  right: 20% !important;
}

/* top */
.t0 {
  top: 0 !important;
}

.t2 {
  top: 2px !important;
}

.t4 {
  top: 4px !important;
}

.t6 {
  top: 6px !important;
}

.t8 {
  top: 8px !important;
}

.t10 {
  top: 10px !important;
}

.t12 {
  top: 12px !important;
}

.t14 {
  top: 14px !important;
}

.t20 {
  top: 20px !important;
}

.t22 {
  top: 22px !important;
}

.t24 {
  top: 24px !important;
}

.t26 {
  top: 26px !important;
}

.t28 {
  top: 28px !important;
}

.t30 {
  top: 30px !important;
}

.t40 {
  top: 40px !important;
}

/* right */
.r0 {
  right: 0 !important;
}

.r2 {
  right: 2px !important;
}

.r4 {
  right: 4px !important;
}

.r6 {
  right: 6px !important;
}

.r8 {
  right: 8px !important;
}

.r10 {
  right: 10px !important;
}

.r12 {
  right: 12px !important;
}

.r14 {
  right: 14px !important;
}

.r20 {
  right: 20px !important;
}

.r22 {
  right: 22px !important;
}

.r24 {
  right: 24px !important;
}

.r26 {
  right: 26px !important;
}

.r28 {
  right: 28px !important;
}

.r30 {
  right: 30px !important;
}

/* bottom */
.b0 {
  bottom: 0 !important;
}

.b2 {
  bottom: 2px;
}

.b4 {
  bottom: 4px;
}

.b6 {
  bottom: 6px;
}

.b8 {
  bottom: 8px;
}

.b10 {
  bottom: 10px;
}

.b12 {
  bottom: 12px !important;
  ;
}

.b14 {
  bottom: 14px !important;
  ;
}

.b20 {
  bottom: 20px !important;
}

.b22 {
  bottom: 22px;
}

.b24 {
  bottom: 24px;
}

.b26 {
  bottom: 26px;
}

.b28 {
  bottom: 28px;
}

.b30 {
  bottom: 30px;
}

/* left */
.l0 {
  left: 0;
}

.l2 {
  left: 2px;
}

.l4 {
  left: 4px;
}

.l6 {
  left: 6px;
}

.l8 {
  left: 8px;
}

.l10 {
  left: 10px;
}

.l12 {
  left: 12px;
}

.l14 {
  left: 14px;
}

.l20 {
  left: 20px;
}

.l22 {
  left: 22px;
}

.l24 {
  left: 24px;
}

.l26 {
  left: 26px;
}

.l28 {
  left: 28px;
}

.l30 {
  left: 30px;
}

.ml0 {
  margin-left: 0 !important;
}

.auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* margin-top */
.mt0 {
  margin-top: 0 !important;
}

.mt2 {
  margin-top: 2px !important;
}

.mt4 {
  margin-top: 4px;
}

.mt6 {
  margin-top: 6px !important;
}

.mt8 {
  margin-top: 8px;
}

.mt10 {
  margin-top: 10px !important;
}

.mt12 {
  margin-top: 12px;
}

.mt14 {
  margin-top: 14px;
}

.mt16 {
  margin-top: 16px;
}

.mt18 {
  margin-top: 18px;
}

.mt20 {
  margin-top: 20px !important;
}

.mt22 {
  margin-top: 22px;
}

.mt24 {
  margin-top: 24px;
}

.mt26 {
  margin-top: 26px;
}

.mt28 {
  margin-top: 28px;
}

.mt30 {
  margin-top: 30px;
}

.mt36 {
  margin-top: 36px;
}

.mt40 {
  margin-top: 40px;
}

.mt46 {
  margin-top: 46px;
}

.mt50 {
  margin-top: 50px;
}

.mt60 {
  margin-top: 60px;
}

.mt80 {
  margin-top: 80px;
}

.mt90 {
  margin-top: 90px;
}

.mt100 {
  margin-top: 100px;
}

/* margin-bottom */
.mb0 {
  margin-bottom: 0;
}

.mb2 {
  margin-bottom: 2px;
}

.mb4 {
  margin-bottom: 4px !important;
}

.mb6 {
  margin-bottom: 6px;
}

.mb8 {
  margin-bottom: 8px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb12 {
  margin-bottom: 12px;
}

.mb14 {
  margin-bottom: 14px;
}

.mb16 {
  margin-bottom: 16px;
}

.mb18 {
  margin-bottom: 18px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb22 {
  margin-bottom: 22px;
}

.mb24 {
  margin-bottom: 24px;
}

.mb26 {
  margin-bottom: 26px;
}

.mb28 {
  margin-bottom: 28px;
}

.mb30 {
  margin-bottom: 30px;
}

.pl10 {
  padding-left: 10px;
}

/* padding-top */
.pt0 {
  padding-top: 0 !important;
}

.pt2 {
  padding-top: 2px !important;
}

.pt4 {
  padding-top: 4px !important;
}

.pt6 {
  padding-top: 6px !important;
}

.pt8 {
  padding-top: 8px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt12 {
  padding-top: 12px !important;
}

.pt14 {
  padding-top: 14px !important;
}

.pt16 {
  padding-top: 16px !important;
}

.pt18 {
  padding-top: 18px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt22 {
  padding-top: 22px !important;
}

.pt24 {
  padding-top: 24px !important;
}

.pt26 {
  padding-top: 26px !important;
}

.pt28 {
  padding-top: 28px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pt50 {
  padding-top: 50px !important;
}

/* padding-bottom */
.pb0 {
  padding-bottom: 0 !important;
}

.pb2 {
  padding-bottom: 2px !important;
}

.pb4 {
  padding-bottom: 4px !important;
}

.pb6 {
  padding-bottom: 6px;
}

.pb8 {
  padding-bottom: 8px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb12 {
  padding-bottom: 12px;
}

.pb14 {
  padding-bottom: 14px;
}

.pb16 {
  padding-bottom: 16px;
}

.pb18 {
  padding-bottom: 18px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb22 {
  padding-bottom: 22px;
}

.pb24 {
  padding-bottom: 24px;
}

.pb26 {
  padding-bottom: 26px;
}

.pb28 {
  padding-bottom: 28px;
}

.pb30 {
  padding-bottom: 30px;
}

@media screen and (max-width: 768px) {
  html body section.contents>div.contentL {
    padding-left: 0;
    padding-right: 0;
    margin-top: 15px;
  }
}

#wrapper {
  line-height: 1.3;
}

h1 {
  margin: 0;
}

h2 {
  margin: 0;
}

h2 span {
  margin: 0;
  line-height: inherit;
  font-size: inherit;
  display: inline;
}

h3 {
  margin: 0;
}

.pane-contents .container {
  width: auto;
  display: block;
  margin: 0;
}

.footer_top {
  margin: 0;
}

/*------------------------------------------------------------------------ for sp ------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  #mainContents div.spCol100 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  #mainContents div.spCol50 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  #mainContents div.spCol33 {
    flex: 0 0 33%;
    max-width: 33%;
  }

  #mainContents div.spCol66 {
    flex: 0 0 66%;
    max-width: 66%;
  }

  html body #mainContents {
    max-width: 100%;
    overflow: hidden;
  }

  #mainContents .main-contents-inner3 {
    max-width: 92%;
    margin-left: 4%;
    margin-right: 4%;
  }

  html body #wrapper #mainContents div.main-contents-inner3.contWrap {
    padding: 1rem 6%;

  }

  #mainContents .namePriceWrap {
    max-width: 74%;
  }

  #mainContents .spHide {
    display: none !important;
  }

  #mainContents .f26 {
    font-size: 1.4rem;
    line-height: 1.2;
  }

  #mainContents #headCatchTitle {
    margin-top: 1.5rem;
  }

  #mainContents #itemCatchTitle {
    font-size: 1.6rem;
    line-height: 5.2;
    letter-spacing: -1px;
    margin: -2rem auto;
  }

  #mainContents #itemCatchTitle img {
    max-height: 6.5rem;
  }

  #mainContents #headCatchTitle img {
    max-height: 5.5rem;
  }

  #mainContents #headCatch>br {
    display: none;
  }

  #mainContents div.z2 h2+h3,
  #mainContents #headCatch {
    font-size: 14px !important;
    letter-spacing: -1px;
    padding: 0 2rem;
    line-height: 1.5;
  }

  #section1 .sectionInnerDef {
    padding-top: 0;
  }

  #mainContents .expTip div.col-3 {
    display: none;
  }

  #mainContents div.mt6rem {
    margin-top: 2rem;
  }

  #mainContents #materialWrap.mt60,
  #mainContents .expTip.mt60 {
    margin-top: 2rem !important;
  }

  #mainContents #washExp1 {
    padding-top: 0.5rem;
  }

  #mainContents #washExp1,
  #mainContents #washExp2 {
    line-height: 1.5;
    font-size: 1.15rem !important;
  }

  #wrapper #use1sp,
  #wrapper #use2sp {
    width: 33%;
    float: left;
    vertical-align: middle;
    margin-right: 0.5rem;
  }

  #mainContents #titleBetatsuki,
  #mainContents #titleStudy {
    font-size: 1.25rem;
    margin-top: auto;
    letter-spacing: -1px;
  }

  #mainContents #titleBetatsuki {
    font-size: 1.75rem;
  }

  #mainContents #expStudy {
    margin: 3rem auto;
    width: 100%;
    max-width: 100%;
    text-align: left;
    font-size: 1.25rem;
  }

  #mainContents #expStudy br {
    display: none;
  }

  /*#mainContents #studySecWrap{ margin-top: 6rem; }*/
  #mainContents #stepFigWrap {
    margin: 4rem auto auto auto !important;
  }

  #mainContents #materialWrap div.col-4,
  #mainContents #stepFigWrap div.col-4 {
    padding-left: 5px;
    padding-right: 5px;
  }

  #mainContents #stepFigWrap div.col-4 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  #mainContents #handcreamAttn1 {
    margin: 1rem auto 3rem auto;
    width: 100%;
    max-width: 100%;
    font-size: 1.15rem !important;
  }

  #mainContents #materialWrap {
    margin-left: auto;
    margin-right: auto;
  }

  #mainContents #materialWrap div.col-4 {
    font-size: 1.15rem;
    line-height: 1.2;
  }

  #mainContents #figTehada {
    max-height: 6.5rem;
    width: 15rem;
    padding-bottom: 2rem;
    margin-left: -1rem;
  }

  #mainContents section div.main-contents-inner3,
  #mainContents div.sectionInnerDef {
    padding: 2rem 0 2rem 0;
  }

  #mainContents #section1 div.main-contents-inner3 {
    padding-bottom: 0;
  }

  #mainContents #itemCatchTitle.w80 {
    width: 100%;
  }

  #mainContents #itemWrap {
    margin-top: 4rem;
    padding-left: 0;
    padding-right: 0;
  }

  #mainContents #itemWrap div.col-6 {
    flex: 0 0 88%;
    max-width: 88%;
    margin: auto 6% 4rem 6%;
  }

  #mainContents #itemWrap img.itemImg {
    max-height: 250px;
  }

  #mainContents div.specWrap {
    display: flex;
  }

  img.flavor_illust {
    /*height: fit-content;*/
    height: min-intrinsic;
  }

  #mainContents div.namesWrap {
    width: 83%;
    flex: 0 0 83%;
    left: -6%;
  }

  html body #mainContents div.namesWrap h5.flavor {
    font-size: 1.45rem;
    /*background-size: 120% auto;*/
    letter-spacing: -0.5px;
  }

  #mainContents div.namesWrap .w60exp {
    line-height: 1.35;
    font-size: 12px !important;
    padding-top: 1rem;
  }

  #mainContents div.namesWrap .w60exp br {
    display: none;
  }

  /*#mainContents .itemTipWrap{ border-radius: 3rem; }*/
  /*#mainContents #item5tip h5.flavor{background: url(/img/freepages/vecuahoney_handcream/flv_col5@2x.png) no-repeat top -2.5rem center;background-size: 119% 152%;}*/
  #mainContents .priceWrap {
    line-height: 1.25;
  }

  #itemFlagRight,
  #itemFlagLeft,
  #topFlagRight,
  #topFlagLeft {
    max-width: 10rem;
  }

  #mainContents #section3 #mainCont3 {
    background: url(/img/freepages/vecuahoney_handcream/waku_1sp.png) no-repeat center center;
    background-size: 100% 100%;
  }

  #mainContents #section1 #mainCont1 {
    background: url(/img/freepages/vecuahoney_handcream/waku_chardon_sp.png) no-repeat center center;
    background-size: 100% 100%;
  }

  #mainContents #section4 #mainCont4,
  #mainContents #section2 #mainCont2 {
    background: url(/img/freepages/vecuahoney_handcream/waku_2sp.png) no-repeat center center;
    background-size: 100% 100%;
  }

  #mainContents #section5 #mainCont5 {
    background: url(/img/freepages/vecuahoney_handcream/waku_3sp.png) no-repeat center center;
    background-size: 100% 100%;
  }

  #mainContents #piram1 {
    width: 100%;
    padding-bottom: 5rem;
  }

  #mainContents #exp1inner {
    padding: 1rem 0 0 0;
    font-size: 1.2rem !important;
  }

  #woolongCatSp {
    margin-right: auto;
  }

  #mainContents #oolongExp1 {
    padding-left: 0;
    flex: 0 0 66.333333%;
    max-width: 66.333333%;
  }

  #mainContents #topExpWave {
    width: 80%;
  }

  #mainContents #topExp2 {
    text-align: center;
    font-size: 1.15rem !important;
    padding-top: 2rem;
    letter-spacing: -1px;
  }

  #woolojng_topSp2 {
    width: 28%;
    float: left;
    padding-bottom: 1.5rem;
  }

  #use2sp {
    padding-bottom: 2rem;
  }

  #mainContents #section5 #mainCont5,
  #mainContents #section3 #mainCont3,
  #mainContents #section4 #mainCont4,
  #mainContents #section2 #mainCont2 {
    padding-bottom: 3rem;
  }

  #mainContents #mainCont4 #newMark {
    top: -1rem;
    left: -1rem;
    max-height: 5rem;
  }

  #mainContents #feature img.flavor_illust {
    object-fit: contain;
  }

  #mainContents #creamH2Wrap {
    width: 100%;
    padding-top: 2rem;
  }

  #mainContents #mainCont5 img.leaf {
    max-height: 3rem;
    padding: 0.5rem 0;
  }

  #mainContents img.flavor_illust,
  /*#mainContents #item2tip .flavor_illust{ height: fit-content; padding-top: 7rem; }*/
  #mainContents #item2tip .flavor_illust {
    height: auto;
    padding-top: 7rem;
  }

  #mainContents #illustOoolong {
    width: 33%;
    margin: -3rem -2rem auto -2%;
    padding-bottom: 2rem;
  }

  #mainContents #itemNewMark {
    top: -2rem;
    left: 0rem;
    width: 9rem;
  }

  #mainContents .lemon-ugc-root :is(.lemon-text-\[12px\]) {
    line-height: 14px;
  }

  #wrapper #main_area #mainContents #mainCont2 {
    padding-bottom: 4.5rem;
  }

  #spChardonExp {
    padding: 2rem 0rem;
    position: relative;
  }

  #mainContents #itemPicChardonSP {
    width: 36%;
    margin: 1rem auto;
    position: relative;
    z-index: 2;
  }

  #mainContents #chardonMarkNewSP {
    position: absolute;
    left: 3rem;
    top: 8rem;
    width: 8rem;
    z-index: 0;
  }

  #mainContents #sozaiChardonSP .sozaiImg {
    max-width: 24vw;
  }

  #mainContents #sozaiChardonSP td {
    padding: 0 5px;
  }

  #mainContents #seibunMarkSP {
    width: 33rem;
    max-width: 90px;
  }

  #mainContents span.catchL {
    font-size: small;
  }

  #mainContents #item7tip div.namesWrap {
    left: 19%;
  }

  html body #mainContents #illustChardonne {
    width: 34%;
    left: -1rem;
    bottom: 11rem;
  }

  #mainContents #section1 #mainCont1.peachAdd {
    background: url(/img/freepages/vecuahoney_handcream/waku_peach_sp.png) no-repeat center center;
    background-size: 100% 100%;
  }

  #mainContents #itemPicPeachSP {
    width: 36% !important;
    margin: 1rem auto;
    position: relative;
    z-index: 2;
  }

  #mainContents #spPeachExp {
    margin-top: 4rem;
    padding-bottom: 4rem;
  }

  #mainContents #section5 h5.flavor {
    background-size: 75%;
    margin-left: auto;
    margin-right: auto;
  }

  #main_area #item10tip h5.flavor {
    background-size: 85%;
  }

  #main_area #item9tip h5.flavor {
    min-height: 11rem;
    background-size: 100%;
  }

  #mainContents #item5tip h5.flavor {
    background-size: 100%;
  }

  #mainContents #section5 div#item8tip #illustPeach {
    width: 79px;
    margin: 2rem auto 2rem -2%;
    float: left;
    height: 167px;
    object-fit: contain;
  }

  #mainContents #mainCont1 div.txL.itemExp.lh-thin1 {
    font-size: 1rem;
  }

  /*============ 2025-10 ==================*/
  #mainContents #section0 #mainCont0 {
    background: url(/img/freepages/vecuahoney_handcream/bg0_grad_sp.png) no-repeat center center;
    background-size: 100% 100%;
  }

  #mainContents #section0 #mainCont0 div.expTip {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  #section0 img.sec0_itemPic {
    margin-top: auto;
    max-height: 231px;
    width: auto !important;
    max-width: fit-content;
  }

  #lateCatchSP {
    font-size: 1.8rem;
    margin-bottom: 1rem;
  }

  #itemDreamy,
  #itemLittle {
    width: 75%;
    margin: 2rem auto;
  }

  #titleLittle {
    width: 60%;
    margin: 1rem 20%;
  }

  #section0 #lemonadeCup,
  #littleExp #mochaCup,
  #littleExp #lateCup {
    max-height: 14rem;
  }

  #dreamyExp h4,
  #dreamyExp p,
  #littleExp h4,
  #littleExp p {
    margin-top: 0.5rem;
  }

  #dreamyExp p.f14rem,
  #littleExp p.f14rem {
    font-size: 1.2rem;
  }

  #mainContents #section0 #dreamyExp {
    padding-top: 0;
    margin-top: auto;
  }

  #titleDreamy {
    margin-top: 4rem;
  }

  #section0 #dreamyExpWrap {
    padding-top: 1rem;
  }

  #whiteteaCup {
    width: 85%;
    margin: 1rem auto;
  }

  #section0 h4.f24rem {
    font-size: 1.8rem;
    line-height: 1.1;
  }
}

@media screen and (max-width: 390px) {
  #mainContents #section5 h5.flavor {
    background-size: 85%;
  }

  #main_area #item10tip h5.flavor {
    background-size: 98%;
  }

  #main_area #item9tip h5.flavor {
    background-size: 100%;
  }

  #mainContents #item5tip h5.flavor {
    background-size: 100%;
  }
}

@media screen and (max-width: 376px) {
  html body #mainContents #mainContents .matName {
    font-size: 1.25rem;
  }

  html body #mainContents #mainContents img.iconGentei {
    max-height: 40px;
  }

  html body #mainContents #mainContents .nameAndPrice .vaM {
    font-size: 13px !important;
    letter-spacing: -1px;
  }

}