/* -------------------------------------------------------------------------------------------------------------

	style.css

------------------------------------------------------------------------------------------------------------- */
.toolBox01 {
  background-color: #008fdd;
}
#hadalabContainer {
  overflow: hidden;
}
#hadalabContainer sup {
  line-height: 0;
  font-size: 1.0rem;
}
#hadalabContainer sub {
  vertical-align: text-bottom;
  font-size: 1.0rem;
}
#hadalabContainer img {
  display: inline-block;
}
.boxList01 #brandProduct00, .boxList01 #brandProduct01, .boxList01 #brandProduct02, .boxList01 #brandProduct03, .boxList01 #brandProduct04, .boxList01 #brandProduct05, .boxList01 #brandProduct06, .boxList01 #brandProduct07, .boxList01 .ul_product01 {
  display: none;
}
.pc-mode-01 {
  display: none !important;
}
.pc-mode-02 {
  display: none !important;
}
.pc-mode-03 {
  display: none !important;
}
.sp-mode-01 {
  display: block !important;
}
.sp-mode-02 {
  display: inline !important;
}
.sp-mode-03 {
  display: inline-block !important;
}
.hlBtn-02 a {
  background: url(/-/Media/com/hadalabo/top/200825/ico_arrow_02.png) 94% center no-repeat;
  color: #fff;
  padding: 0.75em 2em 0.65em 1em;
  border: 1px solid #fff;
  border-radius: 22px;
  background-size: 5px;
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
}
.hlBtn-03 a {
  background: url(/-/Media/com/hadalabo/top/200825/ico_arrow_03.png) 94% center no-repeat;
  color: #1c82c7;
  padding: 0.58em 2em 0.50em 2em;
  border: 1px solid #1c82c7;
  border-radius: 50px;
  background-size: 5px;
  box-sizing: border-box;
  display: flex;
  font-size: 1.286em;
  width: 100%;
  text-align: center;
}
.hlHeader-logo a:hover, .hlBtn-02 a:hover, .hlBtn-03 a:hover {
  opacity: 0.8;
}
.btnConcept02 {
  max-width: 528px;
  margin: auto;
}
.btnConcept02 a:hover {
  opacity: 0.8;
}
.bx-wrapper .bx-pager.bx-default-pager a, .bx-wrapper .bx-pager.bx-default-pager a.active {
  margin-right: 24px;
}
.hlTxt-note-01 {
  color: #777;
  font-size: 0.857em;
  margin-left: 21em;
}
#bnrsWrap {
  padding-bottom: 50px;
}
#hadalabContainer {
  font-family: "Hiragino Kaku Gothic Pro", sans-serif;
}
.img-14years-wrap-01 .btn-movie-01.pc-mode-03 {
  display: none;
}
.hlBtnMovie {
  padding: 3.8125vw 0 9.1146vw;
  border-bottom: 1px solid #eaf7ff;
}

.hlBtnMovie .btn-movie-01 {
  width: 88.5417vw;
  margin: 0 auto;
}
.hlBtnMovie .btn-movie-01 a {
  background: url(/-/Media/com/hadalabo/top/200825/ico_arrow_03.png) 94% center no-repeat;
  background-size: 2%;
  text-align: center;
  font-size: 4.1628vw;
  display: block;
  padding: 2.965vw 0 2.35vw;
  border: 1px solid #0083cb;
  -webkit-border-radius: 5.9896vw;
  -moz-border-radius: 5.9896vw;
  border-radius: 5.9896vw;
}
.hlBtnMovie .btn-movie-01 a:hover {}
.hlStoryMovie-Wrap {
  border: 0.3906vw solid #eaf7ff;
  width: 94.7917vw;
  margin: 0 auto 23.4375vw;
  padding: 15.6250vw 3.5156vw 11.7188vw;
  box-sizing: border-box;
  text-align: center;
}
.hlStoryMovie-Wrap .hlTxt-03 {
  font-size: 7.1615vw;
  font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS 明朝", "MS PMincho", serif;
  color: #0072c6;
  margin-bottom: 5.8125vw;
  line-height: 1em;
}
.hlStoryMovie-Wrap .hlTxt-04 {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-size: 3.125vw;
  line-height: 2.188em;
  color: #555;
  margin-bottom: 10.7188vw;
}
.hlStoryMovie-Wrap .hllist-01 {}
.hlStoryMovie-Wrap .hllist-01 > li {
  margin-bottom: 7.8125vw;
}
/* ページ内リンク
-----------------------------------------------------------------*/
.section-page-nav {
  padding: 25px 0;
  background-color: #0083cb;
}
.section-page-nav .nav-list-wrap {
  display: flex;
  justify-content: space-between;
}
.section-page-nav .nav-list-item {
  text-align: center;
  padding: 4px 0 6px;
  border-left: 1px solid #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.section-page-nav .nav-list-item:last-child {
  border-right: 1px solid #fff;
}
.section-page-nav .nav-item {
  font-size: 1.2857em;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.section-page-nav .nav-item::after {
  content: "";
  background: url(/-/Media/com/hadalabo/top/2501/arw-dn-01.svg) no-repeat;
  background-size: 15px;
  width: 15px;
  height: 7px;
  margin-top: 6px;
}
.section-page-nav .nav-item:hover {
  opacity: 0.7;
}
/* #hlPickup
-----------------------------------------------------------------*/
.hlTop #hlPickup {
  padding: 19.5313vw 0 23.4375vw;
}
/* #hlConcept
-----------------------------------------------------------------*/
.hlTop #hlConcept {
  background: url(/-/Media/com/hadalabo/top/2501/bg_concept_sp.jpg)no-repeat top center;
  background-size: cover;
  width: 100%;
  padding: 18vw 0 70vw;
}
.hlTop #hlConcept .inner {
  padding: 0 5.2083vw;
  box-sizing: border-box;
}
.hlTop #hlConcept .hlttl2 {
  font-size: 8.3333vw;
  margin-bottom: 10vw;
  line-height: 1.25;
  font-weight: bold;
  color: #0081cb;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  letter-spacing: -2px;
}
.hlTop #hlConcept .hltxt {
  font-size: 4.1667vw;
  margin-bottom: 6vw;
  letter-spacing: -0.25px;
  line-height: 2;
}
.hlTop #hlConcept .hlBtn-03 {
  width: 66.1042vw;
  margin: 6vw 0 0;
}
/* #product
-----------------------------------------------------------------*/
.hlTop #product {
  background: #eaf7ff;
  padding: 18vw 0 31.25vw;
  position: relative;
}
.hlTop #product #pickupTabNav {
  display: none;
}
.hlTop #product .productInner #product_nav {
  background: #0083cb;
  padding: 7.8125vw 2.6042vw 5.2083vw;
  border-radius: 1.3021vw;
  margin-bottom: 23.4375vw;
}
.hlTop #product .productInner #product_nav .pickupTtl {
  color: #fff;
  margin-bottom: 5.2083vw;
}
.hlTop #product .productInner #product_nav .prd-navlist {
  display: flex;
  gap: 2.6042vw;
  flex-wrap: wrap;
}
.hlTop #product .productInner #product_nav .prd-navlist-item {
  width: calc((100% - 2.6042vw) / 2);
}
.hlTop #product .productInner #product_nav .prd-navlist-item a {
  background: url(/-/Media/com/hadalabo/top/2501/arw-dn-02.svg) center bottom 1.9531vw no-repeat, #fff;
  color: #1c82c7;
  padding: 3.6vw 4vw 4.1vw;
  border: 1px solid #1c82c7;
  border-radius: 5px;
  background-size: 2.9948vw;
  box-sizing: border-box;
  font-size: 3.3854vw;
  font-weight: bold;
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
}
.hlTop #product .productInner #product_nav .prd-navlist-item a:hover {
  opacity: 0.8;
}
.hlTop #product .productInner .pickupTtl, .hlTop #product #pickupTabCont .pickupTtl {
  text-align: center;
  margin: 0 auto 46px;
  font-size: 1.571em;
  font-weight: bold;
  color: #555555;
}
.hlTop #product .productInner .pickupItem {
  margin-bottom: 0;
}
.hlTop #product .productInner .pickupTtl {
  text-align: center;
  width: 100%;
  margin: 0 auto 8%;
  font-size: 4.95vw;
  font-weight: bold;
  color: #555555;
}
.hlTop #product .productInner ul#pickupTabNav li a img {
  width: auto;
  float: right;
  margin-right: 46px;
}
.hlTop #product .productInner .pickupItem {
  position: relative;
}
.hlTop #product .productInner .pickupItemList {
  gap: 2.6042vw 3.3854%;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
}
.hlTop #product .productInner .pickupItemList li {
  box-shadow: none;
  border: none;
  box-sizing: border-box;
  width: calc((100% - 3.3854%) / 2);
}
.hlTop #product .productInner .pickupItemList li a {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #333333;
  font-size: 1.143em;
  border: solid 0.1302vw #0083cb;
  border-radius: 0.6510vw;
  background: #9ad1f0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: start;
}
.hlTop #product .productInner .pickupItemList li a:hover {
  opacity: 0.8;
}
.hlTop #product .productInner .pickupItemList li .pickupItemName {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  line-height: 1.25;
  font-size: 3.6458vw;
}
.hlTop #product .productInner .pickupItemList li .pickupItemIco {
  margin: 0 -4vw 0 0;
  display: flex;
  justify-content: left;
  width: 40%;
}
.hlTop #product .productInner .pickupItemList li .pickupItemIco img {
  width: 100%;
}
.hlTop #product .shindan_bnr_wrapper .shindan_map {
  background: #fff;
  padding: 2.8646vw 2.3438vw;
}
.hlTop #hlSkincare .hlSkincareInner {
  padding: 5.2083vw 5.33% 1.8229vw;
  background-color: #fff;
  border-top: 1px solid #0083cf;
  border-bottom: 1px solid #0083cf;
  margin-top: -1px;
}
.hlTop #hlSkincare #hlSkincareTabNav:after {
  content: "";
  clear: both;
  display: block;
}
.hlTop #hlSkincare #hlSkincareTabNav {
  display: flex;
}
.hlTop #hlSkincare #hlSkincareTabNav li {
  width: calc((100% - 3.3854vw) / 2);
  cursor: pointer;
}
.hlTop #hlSkincare #hlSkincareTabNav li.tabAreaAct {
  position: relative;
  z-index: 2;
}
.hlTop #hlSkincare #hlSkincareTabNav {
  gap: 2.6042vw 3.3854vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.hlTop #hlSkincare #hlSkincareTabNav li a {
  display: block;
  width: 100%;
  background: no-repeat center top;
  background-size: 100% auto;
  font-size: 0;
  text-indent: 105%;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  z-index: 5;
  padding: 7.8125vw 0;
  margin: 0;
}
.hlTop #hlSkincare #hlSkincareTabNav li:nth-of-type(1) a {
  background-image: url(/-/Media/com/hadalabo/top/2501/tab-01-off-sp.png);
}
.hlTop #hlSkincare #hlSkincareTabNav li:nth-of-type(2) a {
  background-image: url(/-/Media/com/hadalabo/top/2501/tab-02-off-sp.png);
}
.hlTop #hlSkincare #hlSkincareTabNav li:nth-of-type(3) a {
  background-image: url(/-/Media/com/hadalabo/top/2501/tab-03-off-sp.png);
}
.hlTop #hlSkincare #hlSkincareTabNav li:nth-of-type(4) a {
  background-image: url(/-/Media/com/hadalabo/top/2501/tab-04-off-sp.png);
}
.hlTop #hlSkincare #hlSkincareTabNav li:nth-of-type(1).tabAreaAct a {
  background-image: url(/-/Media/com/hadalabo/top/2501/tab-01-on-sp.png);
}
.hlTop #hlSkincare #hlSkincareTabNav li:nth-of-type(2).tabAreaAct a {
  background-image: url(/-/Media/com/hadalabo/top/2501/tab-02-on-sp.png);
}
.hlTop #hlSkincare #hlSkincareTabNav li:nth-of-type(3).tabAreaAct a {
  background-image: url(/-/Media/com/hadalabo/top/2501/tab-03-on-sp.png);
}
.hlTop #hlSkincare #hlSkincareTabNav li:nth-of-type(4).tabAreaAct a {
  background-image: url(/-/Media/com/hadalabo/top/2501/tab-04-on-sp.png);
}
.hlTop #hlSkincare #hlSkincareTabCont {
  padding: 8% 5.33% 14%;
}
.hlTop #hlSkincare #hlSkincareTabCont > div:after {
  content: "";
  clear: both;
  display: block;
}
.hlTop .hlProductBlc {
  width: 47.76%;
  padding: 0 2.98% 2.98%;
  margin: 4.47% 0 0;
  box-sizing: border-box;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 4px 8px rgba(0, 81, 126, .2);
  position: relative;
  z-index: 1;
}
.hlTop .hlProductBlc:nth-of-type(odd) {
  float: left;
  clear: both;
}
.hlTop .hlProductBlc:nth-of-type(even) {
  float: right;
}
.hlTop .hlProductBlc:nth-of-type(-n+2) {
  margin-top: 0;
}
.hlTop .hlProductBox > p {
  border-radius: 4px;
  overflow: hidden;
}
.hlTop .hlProductBox > div ul {
  text-align: center;
}
.hlTop .hlProductBox > div li {
  display: inline-block;
  padding: 2px 5px;
  font-size: 1.0rem;
  color: #fff;
  background: #75bde5;
  text-align: center;
  border-radius: 10px;
}
.hlTop .hlProductBox .hlProductTtl {
  display: table;
  width: 100%;
  margin: 3.21% 0 0;
}
.hlTop .hlProductBox .hlProductTtl span {
  display: table-cell;
  font-size: 1.6rem;
  font-weight: bold;
  color: #0083cb;
  line-height: 1.25;
  text-align: center;
  vertical-align: middle;
}
.hlTop .hlProductBox .hlProductTxt {
  font-size: 1.3rem;
  margin: 3.21% 0 0;
  color: #222;
}
.hlTop .hlProductBlc a:hover {
  text-decoration: none;
  opacity: 0.7;
}
.hlTop .hlProductBox .hlProductTxt span {
  display: block;
  font-size: 1.0rem;
  text-indent: -1em;
  padding-left: 1em;
}
.hlTop .hlProductBlc > ul li {
  display: table;
  width: 100%;
  margin: 3.21% 0 0;
}
.hlTop .hlProductBlc > ul li a {
  display: table-cell;
  height: 35px;
  border: 1px solid #0083cb;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  color: #0083cb;
  background: url(/~/Media/com/hadalabo/top/180308/ico_arrow01_r.png) no-repeat right 6px center;
  background-size: 5px auto;
  padding: 0 11px 0 6px;
}
.hlTop #hlSkincare .hlSkincareInner h3 {
  width: 33.58%;
  margin: 0 auto 6.26%;
}
.hlTop #hlWash {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(234, 247, 255, 1) 10%);
  border-top: 1px solid #0083cf;
  margin-top: -1px;
}
.hlTop #hlWash .hlWashInner {
  padding: 7.46% 5.33% 8.26%;
  background: url(/~/Media/com/hadalabo/top/180308/bg_wash01_sp.png) repeat-x center bottom;
  background-size: auto 100%;
}
.hlTop #hlWash .hlWashInner h3 {
  width: 56.26%;
  margin: 0 auto;
}
.hlTop #hlWash #hlWashCont {
  padding: 5.33% 5.33% 26.93%;
}
.hlTop #hlWash #hlWashCont > div:after {
  content: "";
  clear: both;
  display: block;
}
.hlTop #hlWash #hlWashCont > p {
  margin: 8.95% 0 0;
  position: relative;
  z-index: 1;
}
/* #hlScences
-----------------------------------------------------------------*/
.hlTop #hlScences {
  padding: 23.4375vw 5.33vw;
}
.hlTop #hlScences .bnr-list {
  display: flex;
  flex-direction: column;
  gap: 2.6042vw;
}
/* -------------------------------------------------------------------------------------------------------------

	PC / TAB

------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 481px), print {
  /* -------------------------------------------------------------------------------------------------------*/
  #hadalabContainer .sp {
    display: none !important;
  }
  #hlPagetop {
    padding: 0 0 30px;
  }
  .highlight-01, .highlight-02 {
    position: relative;
    display: inline-block;
    z-index: 0;
  }
  .highlight-01:before {
    content: "";
    display: inline-block;
    background-color: #d1e9f3;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 20px;
    bottom: -0.025004167em;
  }
  .highlight-02:before {
    content: "";
    display: inline-block;
    background-color: #d1e9f3;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 10px;
    bottom: -0.01em;
  }
  .large-01 {
    font-weight: bold;
    font-size: 2em;
    /* line-height: 1.143em; */
  }
  .large-02 {
    font-weight: bold;
    font-size: 1.7em;
  }
  .large-03 {
    font-weight: bold;
    font-size: 1.3em;
  }
  /* #hlMvMain
-----------------------------------------------------------------*/
  .hlTop #hlMvMain {
    background: url(/-/Media/com/hadalabo/top/230821/vi_bg_hadalabotop_pc.jpg) center top no-repeat #c0e6f5;
    text-align: center;
    height: 544px;
    z-index: 999;
  }
  .hlTop #hlMvMain img {
    width: 100%;
    max-width: 1120px;
  }
  /* #hlMv
-----------------------------------------------------------------*/
  .hlTop #hlMvWrap {
    background: url(/-/Media/com/hadalabo/top/210927/bg_hadalabotop_01_pc.jpg) repeat-x center 0;
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
    padding: 84px 0 120px;
    box-sizing: border-box;
  }
  .hlTop #hlMvWrap .hlTxtWrap-02 {
    margin: 0 0 143px 473px;
  }
  .hlTop #hlMvWrap .hlImg-02 {
    width: 134px;
    margin: 0 0 0 254px;
  }
  .hlTop .hada2 {
    overflow: hidden;
    text-align: center;
    height: 479px;
    z-index: 0;
  }
  .hlTop #HADA2 {
    margin-top: -700px;
    width: 100%;
    /* margin-left:30px; */
    opacity: 0;
    z-index: 0;
  }
  .hlTop #hlMvWrap .hlTxtWrap-02 .hlMvTxt {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    font-size: 2em;
    /* line-height: 1.65em; */
    line-height: 2em;
    margin-bottom: 0.705em;
    color: #1b80c7;
    letter-spacing: 0.05em;
    font-weight: lighter;
  }
  .hlTop #hlMvWrap .hlTxtWrap-02 .hlMvTxt.hlMvTxt-b {
    line-height: 1.65em;
    margin-bottom: 66px;
  }
  .hlTop #hlMvWrap .hlTxtWrap-02 .hlBtn-03-bg {}
  .hlTop #hlMvWrap .hlTxtWrap-02 .hlBtn-03 {
    width: 349px;
    margin-top: 1.5em;
    letter-spacing: -1px;
    margin-bottom: 10px;
  }
  .hlTop #hlMvWrap .hlTxtWrap-02 .hlBtn-03 a {
    text-align: left;
  }
  .hlTop .hlTxtWrap-decl {
    background-color: #fffdee;
    max-width: 760px;
    margin: 0 auto;
    padding: 49px 0;
    display: flex;
    justify-content: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 1px 1px 38px #d0e9ff;
  }
  .hlTop .hlTxtWrap-decl .txt-decl-01 {
    font-size: 38.4px;
    color: #1b80c7;
    font-weight: bold;
    margin-bottom: 13px;
    margin-bottom: 23px;
  }
  .hlTop .hlTxtWrap-decl .txt-decl-02 {
    font-size: 20px;
    color: #333;
    line-height: 1.75em;
    line-height: 2em;
    margin-bottom: 0.5em;
    margin-bottom: 1em;
  }
  .hlTop .hlTxtWrap-decl .logo-decl {
    text-align: right;
  }
  .hlTop .hlTxtWrap-decl .logo-decl img {
    width: 110px;
  }
  .hlTop .hlBtn-03 {
    width: 348px;
    margin: 0 auto;
  }
  .hlTop .inner {
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
  }
  /* #hlPickup #hlScences
-----------------------------------------------------------------*/
  .bnr-sstnblty {
    background: url(/-/Media/com/hadalabo/top/210805/bg_bnr.png)no-repeat center;
    text-align: center;
    padding: 140px 0;
  }
  #hadalabContainer .sp-mode-02 {
    display: none;
  }
  .bnr-sstnblty img {
    border-radius: 5px;
    box-shadow: 2px 2px 5px #dcdcdc;
  }
  .hlTop #hlScences {
    margin-top: -8vw;
    padding-top: 19vw;
    padding-bottom: 60px;
  }
  .hlTop #hlPickup:after, .hlTop #hlScences:after {
    content: "";
    clear: both;
    display: block;
  }
  .hlTop #hlPickup h2, .hlTop #hlScences h2 {
    margin: 0 auto 52px;
    text-align: center;
    display: flex;
    justify-content: center;
  }
  .hlTop #hlScences h2 {
    width: 200px;
    text-align: center;
    margin: 0 auto 60px;
    padding-top: 0;
  }
  .hlTop #hlPickup .hlPickupBnr, .hlTop #hlScences .hlPickupBnr {
    width: 960px;
    margin: -20px auto 0;
    font-size: 0;
    text-align: center;
  }
  .hlTop #hlPickup .hlPickupBnr:after, .hlTop #hlScences .hlPickupBnr:after {
    content: "";
    clear: both;
    display: block;
  }
  .hlTop #hlPickup .hlPickupBnr li, .hlTop #hlScences .hlPickupBnr li {
    width: 460px;
    display: inline-block;
    margin: 20px 10px 0;
  }
  .hlTop #hlPickup .bx-wrapper, .hlTop #hlScences .bx-wrapper {
    margin-bottom: 0;
    position: relative;
  }
  .hlTop #hlPickup .bx-wrapper:before, .hlTop #hlPickup .bx-wrapper:after, .hlTop #hlScences .bx-wrapper:before, .hlTop #hlScences .bx-wrapper:after {
    content: "";
    display: block;
    width: 2000px;
    height: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    z-index: 10;
  }
  .hlTop #hlPickup .bx-wrapper:before, .hlTop #hlScences .bx-wrapper:before {
    right: 50%;
    -webkit-transform: translate(-700px, 0);
    transform: translate(-700px, 0);
  }
  .hlTop #hlPickup .bx-wrapper:after, .hlTop #hlScences .bx-wrapper:after {
    left: 50%;
    -webkit-transform: translate(700px, 0);
    transform: translate(700px, 0);
  }
  .hlTop #hlPickup .bx-viewport, .hlTop #hlScences .bx-viewport {
    overflow: inherit !important;
  }
  .hlTop #hlPickup .bx-viewport:before, .hlTop #hlPickup .bx-viewport:after, .hlTop #hlScences .bx-viewport:before, .hlTop #hlScences .bx-viewport:after {
    content: "";
    display: block;
    width: 210px;
    height: 100%;
    background: no-repeat center;
    background-size: auto 100%;
    position: absolute;
    top: 0;
    z-index: 10;
  }
  .hlTop #hlPickup .bx-viewport:before, .hlTop #hlScences .bx-viewport:before {
    background-image: url(/~/Media/com/hadalabo/top/180308/bg_slide_mask_l.png);
    right: 50%;
    -webkit-transform: translate(-490px, 0);
    transform: translate(-490px, 0);
  }
  .hlTop #hlPickup .bx-viewport:after, .hlTop #hlScences .bx-viewport:after {
    background-image: url(/~/Media/com/hadalabo/top/180308/bg_slide_mask_r.png);
    left: 50%;
    -webkit-transform: translate(490px, 0);
    transform: translate(490px, 0);
  }
  .hlTop #hlPickup .bxslider p a, .hlTop #hlScences .bxslider p a {
    display: block;
  }
  .hlTop #hlPickup .bxslider p a:hover, .hlTop #hlScences .bxslider p a:hover {
    text-decoration: none;
  }
  .hlTop #hlPickup .bxslider p a > span, .hlTop #hlScences .bxslider p a > span {
    display: table;
    color: #0083cb;
    width: 100%;
    height: 50px;
    font-size: 1.4rem;
    background: #eaf7ff;
    margin: 10px 0 0;
    border-radius: 30px;
    text-align: center;
  }
  .hlTop #hlPickup .bxslider p a > span span, .hlTop #hlScences .bxslider p a > span span {
    display: table-cell;
    vertical-align: middle;
    padding: 5px;
  }
  .hlTop #hlScences .bxslider p a > span span::after {
    content: ">";
    margin-left: 8px;
    opacity: 0.7;
    transform: scale(.75, 1);
    display: inline-block;
  }
  .hlTop #hlPickup .bx-wrapper .bx-pager.bx-default-pager a, .hlTop #hlScences .bx-wrapper .bx-pager.bx-default-pager a {
    width: 17px;
    height: 26px;
    background: url(/~/Media/com/hadalabo/top/180308/ico_pagination01.png) no-repeat center;
    background-size: 17px auto;
  }
  .hlTop #hlPickup .bx-wrapper .bx-pager.bx-default-pager a:hover, .hlTop #hlScences .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: url(/~/Media/com/hadalabo/top/180308/ico_pagination01_on.png) no-repeat center;
    background-size: 17px auto;
  }
  .hlTop #hlPickup .bx-wrapper .bx-pager.bx-default-pager a.active, .hlTop #hlScences .bx-wrapper .bx-pager.bx-default-pager a.active {
    /* width: 17px; */
    height: 26px;
    background: url(/~/Media/com/hadalabo/top/180308/ico_pagination02.png) no-repeat center top;
    background-size: 17px auto;
  }
  .hlTop #hlPickup .bx-wrapper .bx-prev, .hlTop #hlScences .bx-wrapper .bx-prev {
    left: -76px;
    background: url(/~/Media/com/hadalabo/top/180308/btn_carousel_prev01.png) no-repeat;
  }
  .hlTop #hlPickup .bx-wrapper .bx-next, .hlTop #hlScences .bx-wrapper .bx-next {
    right: -76px;
    background: url(/~/Media/com/hadalabo/top/180308/btn_carousel_next01.png) no-repeat;
  }
  .hlTop #hlPickup .bx-wrapper .bx-controls-direction a, .hlTop #hlScences .bx-wrapper .bx-controls-direction a {
    top: 0;
    margin-top: 118px;
    width: 70px;
    height: 70px;
  }
  #hlScences .bx-wrapper .bx-pager {
    width: 100% !important;
    position: static;
  }
  .hlTop #hlPickup .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{
    right: 20%;
    transform: translateX(20%);
  }
  .hlTop #hlPickup .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{
    text-align: center;
  }
  .hlTop #hlPickup .bx-wrapper .bx-controls-auto .bx-start{
    background:url(/-/Media/com/hadalabo/top/2501/start.svg) no-repeat;
    width: 26px;
    height: 26px;
  }
  .hlTop #hlPickup .bx-wrapper .bx-controls-auto .bx-stop{
    background:url(/-/Media/com/hadalabo/top/2501/stop.svg) no-repeat;
    width: 26px;
    height: 26px;
  }

  /* #product
-----------------------------------------------------------------*/
  .hlTop #product {
    background: #e9f7ff;
    padding: 19.5313vw 0;
  }
  .hlTop #product .productInner {
    width: 100%;
    max-width: 1120px;
    margin: 0 auto 114px;
    padding: 0;
  }
  .hlTop #product .productInner:last-child {
    margin-bottom: 0;
  }
  .hlTop #product .productInner h2 {
    text-align: center;
    margin: 0 auto 10.4167vw;
    display: flex;
    justify-content: center;
  }
  .hlTop #product .productInner #product_nav {
    background: #0083cb;
    padding: 7.8125vw 2.6042vw 5.2083vw;
    border-radius: 10px;
    margin-bottom: 120px;
  }
  .hlTop #product .productInner #product_nav .pickupTtl {
    color: #fff;
    margin-bottom: 5.2083vw;
  }
  .hlTop #product .productInner .pickupTtl, .hlTop #product #pickupTabCont .pickupTtl {
    text-align: center;
    margin: 0 auto 46px;
    font-size: 1.571em;
    font-weight: bold;
    color: #555555;
  }
  .hlTop #product .productInner dl {
    background: #0083cb;
    border-radius: 7px;
    margin: 32px 0 0;
    padding: 32px 13px 13px;
  }
  .hlTop #product .productInner dl dt {
    text-align: center;
  }
  .hlTop #product .productInner dl dd {
    margin: 25px 0 0;
  }
  .hlTop #product .productInner ul:after {
    content: "";
    clear: both;
    display: block;
  }
  .hlTop #product .productInner ul li, .hlTop #product .productInner ul li.open:hover {
    background-color: #ebf7ff;
    width: 47.8%;
    border: 1px solid #0083cf;
    border-radius: 5px 5px 0 0;
    box-shadow: 2px -2px 4px rgba(0, 81, 126, 0.1);
    text-align: center;
  }
  .hlTop .hlProductBox .hlProductTtl {
    margin: 10px 0 0;
    min-height: auto !important;
  }
  .hlTop .hlProductBox .hlProductTtl span {
    font-size: 2.0rem;
    font-weight: bold;
    color: #0083cb;
    line-height: 1.3;
  }
  .hlTop .hlProductBox .hlProductTxt {
    font-size: 1.6rem;
    margin: 3.21% 0 0;
    text-align: left;
    color: #222;
  }
  .hlTop .hlProductBox .hlProductTxt span {
    display: block;
    font-size: 1.0rem;
    text-indent: -1em;
    padding-left: 1em;
  }
  .hlTop .hlProductBlc > ul {
    padding: 19px 20px 20px;
    border-top: 1px solid #ddecf4;
  }
  .hlTop .hlProductBlc > ul:after {
    content: "";
    clear: both;
    display: block;
  }
  .hlTop .hlProductBlc > ul li {
    display: table;
    width: 200px;
  }
  .hlTop .hlProductBlc > ul li:first-child {
    float: left;
  }
  .hlTop .hlProductBlc > ul li:last-child {
    float: right;
  }
  .hlTop .hlProductBlc > ul li:first-child:last-child {
    float: none;
    width: 100%;
  }
  .hlTop .hlProductBlc > ul li a {
    display: table-cell;
    height: 50px;
    border: 1px solid #0083cb;
    border-radius: 6px;
    box-sizing: border-box;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    color: #0083cb;
    background: url(/~/Media/com/hadalabo/top/180308/ico_arrow01_r.png) no-repeat right 9px center;
    background-size: 6px auto;
    padding: 0 11px 0 6px;
    text-decoration: none;
  }
  .hlTop .secCont_wrap_01 {
    margin-bottom: 20%;
  }
  .hlTop #hlSkincare .hlSkincareInner .tabAreaAct::after {
    content: "";
    background: url(/-/Media/com/hadalabo/top/190826/img_skincare_select.png) no-repeat left bottom;
  }
  .hlTop #hlSkincare .hlSkincareInner h3 {
    text-align: center;
    margin: 0 0 29px;
  }
  .hlTop #hlSkincare .hlSkincareInner p {
    text-align: center;
  }
  .hlTop #hlWash {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(234, 247, 255, 1) 10%);
    border-top: 1px solid #0083cf;
    margin-top: -1px;
  }
  .hlTop #hlWash .hlWashInner {
    padding: 39px 0 43px;
    background: url(/~/Media/com/hadalabo/top/180308/bg_wash01.png) repeat-x center bottom;
    background-size: auto 100%;
  }
  .hlTop #hlWash .hlWashInner h3 {
    text-align: center;
  }
  .hlTop #hlWash #hlWashCont {
    width: 940px;
    margin: 0 auto;
    padding: 40px 0 0;
  }
  .hlTop #hlWash #hlWashCont > div:after {
    content: "";
    clear: both;
    display: block;
  }
  .hlTop #hlWash #hlWashCont > p {
    margin: 60px 0 0;
    text-align: center;
    position: relative;
    z-index: 1;
  }
  /* #hlSns
-----------------------------------------------------------------*/
  .hlTop #hlSns {
    margin: -14px 0 0;
    background: url(/~/Media/com/hadalabo/top/180308/bg_sns01.jpg) no-repeat center top;
  }
  .hlTop #hlSns .hlSnsInner {
    padding: 246px 0 71px;
  }
  .hlTop #hlSns .hlSnsInner h2 {
    text-align: center;
    margin: 0 0 49px;
  }
  .hlTop #hlSns .hlSnsInner > div {
    display: table;
    width: 940px;
    margin: 0 auto;
  }
  .hlTop #hlSns .hlSnsInner > div > div {
    display: table-cell;
    vertical-align: middle;
  }
  .hlTop #hlSns .hlSnsInner .hlSnsFb {
    width: 460px;
  }
  .hlTop #hlSns .hlSnsInner > div > div:last-child {
    text-align: center;
  }
  /* #float-purchase
-----------------------------------------------------------------*/
  #float-purchase {
    position: fixed;
    z-index: 9990;
    display: flex;
    transition: 0.2s;
  }
  .hlTop #float-purchase #float-purchase-btn {
    display: block;
    position: absolute;
    left: -59px;
    width: 59px;
    border: 2px solid #0083cf;
    background-color: #fff6c7;
    border-radius: 8px 0 0 8px;
    text-align: center;
   padding-top: 108px;
    padding-bottom: 90px;
    border-right: 0;
    box-sizing: border-box;
  }
  #float-purchase.open #float-purchase-btn {
    background: url(/-/Media/com/hadalabo/top/190826/close.png) no-repeat top 13px left 20px #fff6c7;
    background-size: 17px;
  }
  #float-purchase #float-purchase-btn img {
    width: 29px;
  }
  #float-purchase #float-purchase-cnt {
    width: 100%;
    background-color: #fff;
  }
  #float-purchase.open {
    transform: translate(0, -100%);
  }
  #float-purchase #float-purchase-cnt {
    height: auto;
    background-color: #fff6c7;
    box-sizing: border-box;
  }
}
/* -------------------------------------------------------------------------------------------------------------

	PC

------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 769px) {
  /* -------------------------------------------------------------------------------------------------------*/
  #hadalabContainer .alphaHover a:hover img, .shindan_bnr_wrapper .shindan_bnr:hover {
    opacity: 0.7;
  }
  #hadalabContainer .sp-01, #hadalabContainer .sp-02 {
    display: none !important;
  }
  .pc-mode-01 {
    display: block !important;
  }
  .pc-mode-02 {
    display: inline !important;
  }
  .pc-mode-03 {
    display: inline-block !important;
  }
  .sp-mode-01 {
    display: none !important;
  }
  .sp-mode-02 {
    display: none !important;
  }
  .sp-mode-03 {
    display: none !important;
  }
  .shindan_bnr_wrapper {
    width: 100%;
    margin: 0 auto;
    border-bottom: 1px solid #ebf7fe;
    display: flex;
    justify-content: center;
  }
  .shindan_bnr_wrapper2 {
    border: none;
  }
  .shindan_bnr_wrapper .shindan_bnr {
    text-align: center;
  }
  .img-14years-wrap-01 {
    display: inline-block;
    position: relative;
  }
  .img-14years-wrap-01 .btn-movie-01.pc-mode-03 {
    display: inline-block;
  }
  .img-14years-wrap-01 .btn-movie-01 {
    position: absolute;
    width: 120px;
    top: -22px;
    right: -148px;
  }
  .img-14years-wrap-01 .btn-movie-01 a {
    display:
      block;
    padding: 26px 0 20px;
    background: url(/-/Media/com/hadalabo/top/220825/ico_arw_01.png) no-repeat center bottom 10px #0082cb;
    background-size: 0.667em;
    color: #fff;
    line-height: 1.250em;
    font-size: 1.286em;
    -webkit-border-radius: 120px;
    -moz-border-radius: 120px;
    border-radius: 120px;
    text-align: center;
  }
  .img-14years-wrap-01 .btn-movie-01 .btn-movie-txt {
    display: inline-block;
    padding-bottom: 7px;
  }
  .img-14years-wrap-01 .btn-movie-01 a:hover {
    opacity: 0.7;
  }
  .hlBtnMovie {
    display: none;
  }
  .hlStoryMovie-Wrap {
    max-width: 1120px;
    border: 2px solid #eaf7ff;
    width: 94.7917vw;
    margin: 0 auto 180px;
    padding: 70px 0 100px;
    box-sizing: border-box;
    text-align: center;
  }
  .hlStoryMovie-Wrap .hlTxt-03 {
    font-size: 2.714em;
    font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS 明朝", "MS PMincho", serif;
    color: #0072c6;
    margin-bottom: 40px;
    line-height: 1em;
  }
  .hlStoryMovie-Wrap .hlTxt-04 {
    font-size: 1.143em;
    line-height: 2em;
    color: #555;
    margin-bottom: 59px;
  }
  .hlStoryMovie-Wrap .hllist-01 {
    display: flex;
    justify-content: space-evenly;
  }
  /* ie10 */
  @media all and (-ms-high-contrast:none) {
    .hlStoryMovie-Wrap .hllist-01 {
      justify-content: space-around;
      padding: 0 27px;
    }
  }
  /* ie11 */
  _:-ms-lang(x)::-ms-backdrop, .hlStoryMovie-Wrap .hllist-01 {
    justify-content: space-around;
    padding: 0 27px;
  }
  .hlStoryMovie-Wrap .hllist-01 > li {
    margin-bottom: 0;
    width: 29.56%;
  }
  /* #hlPickup
-----------------------------------------------------------------*/
  .hlTop #hlPickup {
    padding: 80px 0 190px;
  }
  .hlTop #hlPickup .bx-controls {
    /* display: none; */
  }
  .hlTop #hlPickup .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{
    right: 33%;
    transform: translateX(33%);
  }
  .hlTop #hlPickup .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{
    text-align: center;
  }
  .hlTop #hlPickup .bx-wrapper .bx-controls-auto .bx-start{
    background:url(/-/Media/com/hadalabo/top/2501/start.svg) no-repeat;
    width: 26px;
    height: 26px;
  }
  .hlTop #hlPickup .bx-wrapper .bx-controls-auto .bx-stop{
    background:url(/-/Media/com/hadalabo/top/2501/stop.svg) no-repeat;
    width: 26px;
    height: 26px;
  }
  /* #hlConcept
-----------------------------------------------------------------*/
  .hlTop #hlConcept .inner {
    max-width: 1120px;
    width: 96vw;
    padding: 0;
  }
  .hlTop #hlConcept {
    background: url(/-/Media/com/hadalabo/top/2501/bg_concept.jpg)no-repeat bottom center;
    width: 100%;
    padding: 140px 0 150px;
    background-size: cover;
  }
  .hlTop #hlConcept .hlttl2 {
    font-size: 3.2857em;
    font-weight: bold;
    color: #0081cb;
    margin-bottom: 40px;
  }
  .hlTop #hlConcept .hltxt {
    font-size: 1.42857em;
    line-height: 2;
    margin-bottom: 20px;
  }
  .hlTop #hlConcept .hlBtn-03 {
    margin: 40px 0 0;
    width: 368px;
  }
  /* #product
-----------------------------------------------------------------*/
  .hlTop #product {
    padding: 150px 0;
  }
  .hlTop #product .productInner h2 {
    margin: 0 auto 50px;
    display: flex;
    justify-content: center;
  }
  .hlTop #product .productInner #product_nav {
    padding: 32px 3.57% 40px;
    border-radius: 10px;
    margin: 0 auto 110px;
    width: 96vw;
    max-width: 1120px;
    box-sizing: border-box;
  }
  .hlTop #product .productInner #product_nav .pickupTtl {
    color: #fff;
    margin-bottom: 34px;
  }
  .hlTop #product .productInner #product_nav .prd-navlist {
    display: flex;
    gap: 1vw;
    justify-content: space-between;
  }
  .hlTop #product .productInner #product_nav .prd-navlist-item {
    max-width: 245px;
    width: calc((100% - 5%) / 4);
  }
  .hlTop #product .productInner #product_nav .prd-navlist-item a {
    background: url(/-/Media/com/hadalabo/top/2501/arw-dn-02.svg) right 20px center no-repeat, #fff;
    color: #1c82c7;
    padding: 23px 10px;
    border: 1px solid #1c82c7;
    border-radius: 5px;
    background-size: 15px;
    box-sizing: border-box;
    display: block;
    font-size: 1.286em;
    width: 100%;
    text-align: center;
  }
  .hlTop #product #product_item, .hlTop #product #product_series {
    display: block;
    padding-top: 130px;
    margin-top: -130px;
  }
  .hlTop #pickupTabNav {
    display: none;
  }
  .hlTop .secCont_wrap_01 {
    margin-bottom: 120px;
  }
  .hlTop .secCont_wrap_01 #hlSkincare {
    margin-bottom: 130px;
  }
  .hlTop .hlProductBlc > ul li a:hover {
    opacity: 0.7;
  }
  .hlTop #hlSkincare .hlSkincareInner {
    padding: 0;
    background-color: #fff;
    border-top: 1px solid #0083cf;
    border-bottom: 1px solid #0083cf;
    margin-top: -1px;
  }
  .hlTop #hlSkincare .hlSkincareInner .tabAreaAct::after {
    content: "";
    background: url(/-/Media/com/hadalabo/top/190826/img_skincare_select.png) no-repeat left bottom;
  }
  .hlTop #hlSkincare .hlSkincareInner h3 {
    text-align: center;
    margin: 0 0 29px;
  }
  .hlTop #hlSkincare .hlSkincareInner p {
    text-align: center;
  }
  .hlTop #hlSkincare #hlSkincareTabNav {
    width: 940px;
    margin: 30px auto;
    display: flex;
    justify-content: space-between;
    gap: 0 84px;
  }
  .hlTop #hlSkincare #hlSkincareTabNav:before {
    display: block;
  }
  .hlTop #hlSkincare #hlSkincareTabNav li {
    width: 172px;
  }
  .hlTop #hlSkincare #hlSkincareTabNav li:nth-of-type(1) {
    margin-left: 0;
  }
  .hlTop #hlSkincare #hlSkincareTabNav li.tabAreaAct {
    position: relative;
    z-index: 2;
  }
  .hlTop #hlSkincare #hlSkincareTabNav li.tabAreaAct:after {
    content: "";
    display: block;
    width: 172px;
    padding: 23px 0 0;
    background: url(/~/Media/com/hadalabo/top/190826/bg_skincare_current01.png) no-repeat center top;
    background-size: contain;
    position: absolute;
    left: 0%;
    top: 100%;
    margin-left: -31px;
    top: 172px;
    margin-left: 0;
  }
  .hlTop #hlSkincare #hlSkincareTabNav li a {
    display: block;
    width: 100%;
    padding: 142px 0 0;
    background: no-repeat center bottom;
    font-size: 0;
    text-indent: 105%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    z-index: 3;
    cursor: pointer;
    box-shadow: 2px 2px 5px rgba(102, 102, 102, 0.1);
  }
  .hlTop #hlSkincare #hlSkincareTabNav li:nth-of-type(1) a {
    background-image: url(/-/Media/com/hadalabo/top/2501/tab-01-off.png);
  }
  .hlTop #hlSkincare #hlSkincareTabNav li:nth-of-type(2) a {
    background-image: url(/-/Media/com/hadalabo/top/2501/tab-02-off.png);
  }
  .hlTop #hlSkincare #hlSkincareTabNav li:nth-of-type(3) a {
    background-image: url(/-/Media/com/hadalabo/top/2501/tab-03-off.png);
  }
  .hlTop #hlSkincare #hlSkincareTabNav li:nth-of-type(4) a {
    background-image: url(/-/Media/com/hadalabo/top/2501/tab-04-off.png);
  }
  .hlTop #hlSkincare #hlSkincareTabNav li:nth-of-type(1).tabAreaAct a, .hlTop #hlSkincare #hlSkincareTabNav li:nth-of-type(1) a:hover {
    background-image: url(/-/Media/com/hadalabo/top/2501/tab-01-on.png);
  }
  .hlTop #hlSkincare #hlSkincareTabNav li:nth-of-type(2).tabAreaAct a, .hlTop #hlSkincare #hlSkincareTabNav li:nth-of-type(2) a:hover {
    background-image: url(/-/Media/com/hadalabo/top/2501/tab-02-on.png);
  }
  .hlTop #hlSkincare #hlSkincareTabNav li:nth-of-type(3).tabAreaAct a, .hlTop #hlSkincare #hlSkincareTabNav li:nth-of-type(3) a:hover {
    background-image: url(/-/Media/com/hadalabo/top/2501/tab-03-on.png);
  }
  .hlTop #hlSkincare #hlSkincareTabNav li:nth-of-type(4).tabAreaAct a, .hlTop #hlSkincare #hlSkincareTabNav li:nth-of-type(4) a:hover {
    background-image: url(/-/Media/com/hadalabo/top/2501/tab-04-on.png);
  }
  .hlTop #hlSkincare #hlSkincareTabCont {
    width: 940px;
    margin: 0 auto;
    padding: 42px 0 0;
  }
  .hlTop .hlProductBox {
    display: table;
    width: 100%;
  }
  .hlTop .hlProductBox > p {
    display: table-cell;
    width: 50%;
    border-radius: 6px;
    text-align: center;
    vertical-align: bottom;
    overflow: hidden;
  }
  .hlTop .hlProductBox > div {
    display: table-cell;
    width: 50%;
    padding: 20px;
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
  }
  .hlTop .hlProductBox > div ul {
    text-align: center;
    margin: 0 -20px;
  }
  .hlTop .hlProductBox > div li {
    display: inline-block;
    padding: 3px 10px;
    font-size: 1.2rem;
    color: #fff;
    background: #75bde5;
    text-align: center;
    border-radius: 14px;
    margin-top: 5px;
  }
  .hlTop .hlProductBox .hlProductTtl {
    margin: 10px 0 0;
    min-height: auto !important;
  }
  .hlTop .hlProductBox .hlProductTtl span {
    font-size: 2.0rem;
    font-weight: bold;
    color: #0083cb;
    line-height: 1.3;
  }
  .hlTop .hlProductBox .hlProductTxt {
    font-size: 1.6rem;
    margin: 3.21% 0 0;
    text-align: left;
    color: #222;
  }
  .hlTop .hlProductBox .hlProductTxt span {
    display: block;
    font-size: 1.0rem;
    text-indent: -1em;
    padding-left: 1em;
  }
  .hlTop .hlProductBlc > ul {
    padding: 19px 20px 20px;
    border-top: 1px solid #ddecf4;
  }
  .hlTop .hlProductBlc > ul:after {
    content: "";
    clear: both;
    display: block;
  }
  .hlTop .hlProductBlc > ul li {
    display: table;
    width: 200px;
  }
  .hlTop .hlProductBlc > ul li:first-child {
    float: left;
  }
  .hlTop .hlProductBlc > ul li:last-child {
    float: right;
  }
  .hlTop .hlProductBlc > ul li:first-child:last-child {
    float: none;
    width: 100%;
  }
  .hlTop .hlProductBlc > ul li a {
    display: table-cell;
    height: 50px;
    border: 1px solid #0083cb;
    border-radius: 6px;
    box-sizing: border-box;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    color: #0083cb;
    background: url(/~/Media/com/hadalabo/top/180308/ico_arrow01_r.png) no-repeat right 9px center;
    background-size: 6px auto;
    padding: 0 11px 0 6px;
    text-decoration: none;
  }
  .hlTop #product .shindan_bnr_wrapper .shindan_map {
    padding: 0;
  }
  .hlTop #product .productInner ul#pickupTabNav li a img {
    width: auto;
    float: right;
    margin-right: 46px;
  }
  .hlTop #product .productInner .pickupItem {
    position: relative;
  }
  .hlTop #product .productInner .pickupItemList {
    gap: 38px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .hlTop #product .productInner .pickupItemList li {
    box-shadow: none;
    border: none;
    box-sizing: border-box;
    width: 16%;
    flex: 1;
    max-width: 125px;
    padding: 0;
    margin: 0;
  }
  .hlTop #product .productInner .pickupItemList li .pickupItemName {
    height: 40px;
    margin: 0 auto 16px;
    line-height: 1.25;
    font-size: 1em;
  }
  .hlTop #product .productInner .pickupItemList li a {
    border: solid 1px #0083cb;
    border-radius: 5px;
    flex-direction: column;
  }
  .hlTop #product .productInner .pickupItemList li:hover {
    border: none;
    background: none;
  }
  .hlTop #product .productInner .pickupItemList li:hover a {
    text-decoration: none;
    opacity: 0.7;
    cursor: pointer;
  }
  .hlTop #product .productInner .pickupItemList li .pickupItemIco {
    margin: 0;
    width: 100%;
    justify-content: center;
  }
  .hlTop #product .productInner .pickupItemList li .pickupItemIco img {
    width: 84%;
  }
  .hlTop #hlScences {
    padding: 120px 0;
    margin: 0 auto;
    width: 940px;
  }
  .hlTop #hlScences .bnr-list {
    display: flex;
    justify-content: center;
    flex-direction: row;
    gap: 0;
  }
  /* #float-purchase
-----------------------------------------------------------------*/
  #float-purchase {
    right: -50%;
    top: 75%;
    width: 91.66667%;
    max-width: 344px;
    height: 315px;
    transform: translate(100%, -100%);
  }
  #float-purchase.active {
    right: 0;
  }
  .hlTop #float-purchase #float-purchase-btn {
    top: 0;
    left: -59px;
    height: 380px;
  }
  .hlTop #float-purchase #float-purchase-cnt {
    height: 380px;
    box-sizing: border-box;
    border-top: 2px solid #0083cf;
    border-bottom: 2px solid #0083cf;
  }
  .hlTop #float-purchase #float-purchase-cnt .purchase-list {
    margin-top: 30px;
    margin-left: 30px;
  }
  #float-purchase #float-purchase-cnt .purchase-list li {
    margin-bottom: 15px;
  }
  #float-purchase #float-purchase-cnt .purchase-list li a {
    background-color: #fff;
    max-width: 291px;
    width: 100%;
    display: inline-block;
    text-align: center;
    padding-top: 13%;
    padding-bottom: 10%;
    border: 1px solid #0083cf;
    border-radius: 5px;
  }
  .hlTop #float-purchase #float-purchase-cnt .purchase-list li:first-child a{
    padding-top: 6%;
    padding-bottom: 6%;
  }
  #float-purchase #float-purchase-cnt .purchase-list li a img {
    width: 152px;
  }
  .hlTop #float-purchase #float-purchase-cnt .purchase-list li:first-child a img {
    width: 196px;
  }
  #float-purchase #float-purchase-cnt .purchase-list > li .purchase-list-txt ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: none;
    width: 87.77778%;
  }
  #float-purchase #float-purchase-cnt .purchase-list > li .purchase-list-txt ul li {
    width: calc((100% - 16px) / 2);
    margin: 4px 4px;
  }
  /* -------------------------------------------------------------------------------------------------------*/
}
@media screen and (min-width: 1400px) {
  /* -------------------------------------------------------------------------------------------------------*/
  /* #hlPickup
-----------------------------------------------------------------*/
  .hlTop #hlPickup, .hlTop #hlScences {
    background-size: 100% auto;
  }
  /* #product
-----------------------------------------------------------------*/
  .hlTop #product {
    background-size: 100% auto;
    padding: 150px 0;
  }
  /* #hlSns
-----------------------------------------------------------------*/
  .hlTop #hlSns {
    background-size: 100% auto;
  }
  /* -------------------------------------------------------------------------------------------------------*/
}
/* -------------------------------------------------------------------------------------------------------------

	TAB

------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 481px) and (max-width: 768px) {
  /* -------------------------------------------------------------------------------------------------------*/
  #hlPagetop {
    padding: 0 0 15%;
  }
  /* #hlPickup
-----------------------------------------------------------------*/
  .hlTop #hlPickup {
    padding-bottom: 30%;
  }
  .hlTop #hlPickup .hlPickupBnr {
    width: auto;
    padding-right: 4.5%;
    padding-left: 4.5%;
  }
  .hlTop #hlPickup .hlPickupBnr li {
    width: 48.93%;
  }
  .hlTop #hlPickup .bx-wrapper .bx-prev, .hlTop #hlScences .bx-wrapper .bx-prev {
    left: 0;
  }
  .hlTop #hlPickup .bx-wrapper .bx-next, .hlTop #hlScences .bx-wrapper .bx-next {
    right: 0;
  }
  /* #product
-----------------------------------------------------------------*/
  .hlTop #product .productInner {
    width: auto;
    padding-right: 4.5%;
    padding-left: 4.5%;
  }
  .hlTop #product .productInner dl dt {
    width: 18.82%;
    margin: 0 auto;
  }
  .hlTop #product .productInner ul li {
    width: 49.23%;
  }
  .hlTop #hlScences {
    background: url('/~/Media/com/hadalabo/top/180308/bg_sns01.jpg') top center no-repeat;
    background-size: 170%;
    margin-top: 0;
    padding-top: 25%;
    padding-bottom: 10.8438vw;
  }
  /* #hlSns
-----------------------------------------------------------------*/
  .hlTop #hlSns .hlSnsInner {
    padding: 7.46% 5.33% 9.33%;
  }
  .hlTop #hlSns .hlSnsInner .btnConcept02 {
    margin: -15% 0 0;
    position: relative;
  }
  /* #float-purchase
-----------------------------------------------------------------*/
  #hadalabContainer #float-purchase .sp {
    display: inline-block !important;
  }
  #hadalabContainer #float-purchase .pc {
    display: none !important;
  }
  #float-purchase {
    bottom: -30%;
    left: 0;
    width: 100%;
    transform: translate(0%, 100%);
  }
  #float-purchase.active {
    bottom: 0;
  }
  .hlTop #float-purchase #float-purchase-btn {
    top: 1px;
    transform: translate(0%, -100%);
    left: 0;
    right: 0;
    width: 58%;
    margin: 0 auto;
    border-radius: 9px 9px 0 0;
    border: 3px solid #0083cf;
    border-bottom: 0;
    box-sizing: border-box;
    padding-top: 3%;
    padding-bottom: 2%;
  }
  #float-purchase #float-purchase-btn img {
    width: 50%;
  }
  #float-purchase #float-purchase-cnt {
    width: 58%;
    margin: 0 auto;
    box-sizing: border-box;
    border: none;
    border-left: 3px solid #0083cf;
    border-right: 3px solid #0083cf;
  }
  #float-purchase.open #float-purchase-btn {
    background: url(/-/Media/com/hadalabo/top/190826/close.png) no-repeat top 8px right 8px #fff6c7;
    background-size: 17px;
  }
  #float-purchase.open #float-purchase-cnt {
    background: none;
    background-color: #fff6c7;
  }
  #float-purchase #float-purchase-cnt .purchase-list {
    padding: 4% 5% 0;
    text-align: center;
  }
  #float-purchase #float-purchase-cnt .purchase-list > li {
    margin-bottom: 4%;
  }
  #float-purchase #float-purchase-cnt .purchase-list > li a {
    background-color: #fff;
    border: 2px solid #0083cf;
    border-radius: 6px;
    display: inline-block;
    width: 100%;
    padding: 4% 0 2%;
  }
  .hlTop #float-purchase #float-purchase-cnt .purchase-list > li:first-child a {
    padding: 4% 0 4%;
  }
  #float-purchase #float-purchase-cnt .purchase-list > li a img {
    width: 50%;
  }
  .hlTop #float-purchase #float-purchase-cnt .purchase-list > li:first-child a img {
    width: 62%;
  }
  #float-purchase.open {
    transform: translate(0, 0);
  }
  /* -------------------------------------------------------------------------------------------------------*/
}
/* -------------------------------------------------------------------------------------------------------------

	SP

------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 481px) {
  /* -------------------------------------------------------------------------------------------------------*/
  #hadalabContainer {
    padding: 16.93 0 0;
    position: relative;
  }
  #hadalabContainer .pc {
    display: none !important;
  }
  #hlPagetop {
    padding: 0 0 17.33%
  }
  #bnrsWrap {
    background-size: cover;
    margin-top: 10%;
    position: relative;
  }
  .btnConcept02 {
    max-width: 93%;
  }
  /* #hlMv
-----------------------------------------------------------------*/
  .hlTop #hlMvMain {
    padding-top: 16.93vw;
  }
  .hlTop #hlMv {
    padding: 10.13% 3% 17.33%;
    background-color: #eaf7ff;
    background-image: url(/-/Media/com/hadalabo/top/190826/bg_02_sp.jpg);
    background-repeat: repeat-x;
    background-position: center top;
    background-size: 100% auto;
  }
  .hlTop #hlMv h2 {
    margin: 0 0 6.85%;
    text-align: center;
  }
  .hlTop #hlMv h2 img {
    width: 90%;
  }
  .hlTop #hlMv .hlMvTxt {
    margin-bottom: 1em;
    color: #555;
    line-height: 2em;
    font-size: 3.8vw;
    width: 100%;
    text-align: center;
  }
  .hlTop #hlMv .btnConcept01 a {
    width: 43%;
    display: block;
    margin: auto;
  }
  .hlTop #hlMv .btnConcept01 {
    text-align: right;
    font-size: 3vw;
    color: #555;
  }
  .hlTop #hlBestCosme .hlImg-01-1 {
    margin-bottom: 2.9vw;
  }
  /* #hlPickup
-----------------------------------------------------------------*/
  .hlTop #hlPickup {
    position: relative;
  }
  .hlTop #hlPickup:after {
    content: "";
    clear: both;
    display: block;
  }
  .hlTop #hlPickup h2 {
    width: 41.73%;
    margin: 0 auto 8%;
    position: relative;
    z-index: 1;
  }
  .hlTop #hlPickup .hlPickupBnr {
    padding: 0 5.33%;
  }
  .hlTop #hlPickup .hlPickupBnr li {
    margin: 2.98% 0 0;
  }
  .hlTop #hlPickup .hlPickupBnr li:first-child {
    margin-top: 0;
  }
  .hlTop #hlPickup .bx-viewport, .hlTop #hlScences .bx-viewport {
    overflow: inherit !important;
  }
  .hlTop #hlPickup .bxslider p, .hlTop #hlScences .bxslider p {
    margin: 0 9px;
  }
  .hlTop #hlPickup .bxslider p a {
    display: block;
  }
  .hlTop #hlPickup .bxslider p a:hover {
    text-decoration: none;
  }
  .hlTop #hlPickup .bxslider p a > span {
    display: block;
    color: #0083cb;
    font-size: 1.1rem;
    background: #eaf7ff;
    margin: 10px 0 0;
    padding: 5px;
    border-radius: 15px;
    text-align: center;
  }
  .hlTop #hlPickup .bx-wrapper .bx-pager {
    padding-left: 9px;
  }
  .hlTop #hlPickup .bx-wrapper .bx-pager.bx-default-pager a {
    background: url(/~/Media/com/hadalabo/top/180308/ico_pagination01.png) no-repeat center;
    background-size: 12px auto;
  }
  .hlTop #hlPickup .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: url(/~/Media/com/hadalabo/top/180308/ico_pagination01_on.png) no-repeat center;
    background-size: 12px auto;
  }
  .hlTop #hlPickup .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: url(/~/Media/com/hadalabo/top/180308/ico_pagination02.png) no-repeat center;
    background-size: 12px auto;
  }
  #hlScences .bx-wrapper .bx-pager {
    width: 100% !important;
    position: static;
  }
  .hlTop #hlPickup .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{
    right: 0;
    transform: none;
  }
  .hlTop #hlPickup .bx-wrapper .bx-controls-auto {
    padding-top: 4.2vw;
  }
  .hlTop #hlPickup .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{
    text-align: center;
  }
  .hlTop #hlPickup .bx-wrapper .bx-controls-auto .bx-start{
    background:url(/-/Media/com/hadalabo/top/2501/start.svg) no-repeat;
    width: 26px;
    height: 26px;
  }
  .hlTop #hlPickup .bx-wrapper .bx-controls-auto .bx-stop{
    background:url(/-/Media/com/hadalabo/top/2501/stop.svg) no-repeat;
    width: 26px;
    height: 26px;
  }
  /* #product
-----------------------------------------------------------------*/
  .hlTop #product #product_item, .hlTop #product #product_series {
    display: block;
    padding-top: 16.8750vw;
    margin-top: -16.8750vw;
  }
  .hlTop #product #product_item{
    margin-top: 0;
  }
  .hlTop #product .productInner {
    padding: 0 5.33% 0;
  }
  .hlTop #product .productInner h2 {
    width: 57.01%;
    margin: 0 auto 10.14%;
    position: relative;
    z-index: 1;
  }
  .hlTop #product .productInner p {
    margin: 0 -1.04% 68px;
    margin-bottom: 14%;
  }
  .hlTop #product .productInner dl {
    background: #0083cb;
    border-radius: 5px;
    margin: 4.32% 0 0;
    padding: 6.41% 0 2.68%;
  }
  .hlTop #product .productInner dl dt {
    width: 42.23%;
    margin: 0 auto;
  }
  .hlTop #product .productInner dl dd {
    margin: 5.07% 0 0;
  }
  .hlTop #product .productInner ul {
    margin: 0 auto;
  }
  .hlTop #product .productInner ul:after {
    content: "";
    clear: both;
    display: block;
  }
  .hlTop #product .productInner ul li a {
    text-align: center;
    width: 100%;
    display: inline-block;
    padding: 10% 0 8%;
    box-sizing: border-box;
  }
  .hlTop #product .productInner ul li a img {
    width: 90%;
  }
  .hlTop #product .productInner ul li.tabAreaAct {
    border-bottom: 1px solid #fff;
    background-color: #fff;
  }
  .hlTop #product .productInner #pickupTabNav {
    display: none;
  }
  .hlTop #product .productInner .pickupTtl {
    width: 46%;
    margin: 16% auto 10%;
  }
  /* #hlSns
-----------------------------------------------------------------*/
  .hlTop #hlSns {
    position: relative;
  }
  .hlTop #hlSns:before {
    content: "";
    display: block;
    width: 100%;
    padding: 64.4% 0 0;
    margin: -37.6% 0 0;
    background: url(/~/Media/com/hadalabo/top/180308/bg_sns01_sp.jpg) no-repeat center top;
    background-size: 100% auto;
    position: relative;
    left: 0;
    top: 0;
    z-index: 0;
  }
  .hlTop #hlSns .hlSnsInner {
    padding: 7.46% 5.33% 9.33%;
  }
  .hlTop #hlSns .hlSnsInner .btnConcept02 {
    margin: -15% 0 0;
    position: relative;
  }
  /* #float-purchase
-----------------------------------------------------------------*/
  #float-purchase {
    position: fixed;
    z-index: 9990;
    display: flex;
    transition: 0.2s;
    bottom: -50%;
    left: 0;
    width: 100%;
    transform: translate(0%, 100%);
  }
  #float-purchase.active {
    bottom: 0;
  }
  #float-purchase #float-purchase-btn {
    display: block;
    position: absolute;
    background-color: #fff6c7;
    text-align: center;
    top: 1px;
    transform: translate(0%, -100%);
    left: 0;
    right: 0;
    width: 90%;
    margin: 0 auto;
    border-radius: 9px 9px 0 0;
    border: 3px solid #0083cf;
    border-bottom: 0;
    box-sizing: border-box;
    padding-top: 3%;
    padding-bottom: 2%;
  }
  #float-purchase #float-purchase-btn img {
    width: 50%;
  }
  #float-purchase.open #float-purchase-btn {
    background: url(/-/Media/com/hadalabo/top/190826/close.png) no-repeat top 8px right 8px #fff6c7;
    background-size: 12px;
  }
  #float-purchase #float-purchase-cnt {
    width: 90%;
    margin: 0 auto;
    box-sizing: border-box;
    border: none;
    border-left: 3px solid #0083cf;
    border-right: 3px solid #0083cf;
    background-color: #fff;
    background-color: #fff6c7;
  }
  #float-purchase.open {
    transform: translate(0, -100%);
  }
  #float-purchase #float-purchase-cnt .purchase-list {
    padding: 4% 5% 0;
    text-align: center;
  }
  #float-purchase #float-purchase-cnt .purchase-list > li {
    margin-bottom: 4%;
  }
  #float-purchase #float-purchase-cnt .purchase-list > li a {
    background-color: #fff;
    border: 2px solid #0083cf;
    border-radius: 6px;
    display: inline-block;
    width: 100%;
    padding: 4% 0 2%;
  }
  .hlTop #float-purchase #float-purchase-cnt .purchase-list > li:first-child a {
    padding: 4% 0 4%;
  }
  #float-purchase #float-purchase-cnt .purchase-list > li a img {
    width: 50%;
  }
  .hlTop #float-purchase #float-purchase-cnt .purchase-list > li:first-child a img {
    width: 62%;
  }
  #float-purchase.open {
    transform: translate(0, 0);
  }
  /* -------------------------------------------------------------------------------------------------------*/
}
/* -------------------------------------------------------------------------------------------------------------

	print

------------------------------------------------------------------------------------------------------------- */
@media print {
  /* -------------------------------------------------------------------------------------------------------*/
  /* -------------------------------------------------------------------------------------------------------*/
}
/* -------------------------------------------------------------------------------------------------------------

	TAB/SP

------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 320px) and (max-width: 768px) {
  /* -------------------------------------------------------------------------------------------------------*/
  .bnr-sstnblty {
    background: url(/-/Media/com/hadalabo/top/210805/bg_bnr_sp.png)no-repeat left center;
    text-align: center;
    padding: 23.4375vw 5.7292vw 22vw;
    background-size: 100%;
    position: relative;
    z-index: 100;
  }
  #hadalabContainer .sp-mode-02 {
    display: block;
  }
  #hadalabContainer .pc-mode-02 {
    display: none;
  }
  .bnr-sstnblty img {
    border-radius: 5px;
    box-shadow: -2px 2px 5px #dcdcdc;
  }
  #hadalabContainer .sp-01 {
    display: block !important;
  }
  #hadalabContainer .pc-01 {
    display: none !important;
  }
  #hadalabContainer .sp-02 {
    display: inline-block !important;
  }
  .hlBtn-02 a {
    background: url(/-/Media/com/hadalabo/top/200825/ico_arrow_02.png) 90% center no-repeat;
    color: #fff;
    padding: 0.5em 2em 0.5em 1em;
    border: 0.26vw solid #fff;
    border-radius: 50px;
    background-size: 2.75%;
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    font-size: 4.17vw;
  }
  .hlBtn-03 a {
    background: url(/-/Media/com/hadalabo/top/200825/ico_arrow_03.png) 94% center no-repeat;
    padding: 1vw 5vw 1vw 7vw;
    border: 0.26vw solid #1c82c7;
    border-radius: 116px;
    background-size: 2%;
    font-size: 3.6458vw;
    width: 100%;
    text-align: left;
    letter-spacing: -1px;
  }
  .highlight-01, .highlight-02 {
    position: relative;
    display: inline-block;
    z-index: 0;
  }
  .highlight-01:before {
    content: "";
    display: inline-block;
    background-color: #d1e9f3;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 3.9063vw;
    bottom: -0.15004em;
  }
  .highlight-02:before {
    content: "";
    display: inline-block;
    background-color: #d1e9f3;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 2.6042vw;
    bottom: -0.01em;
  }
  .large-01 {
    font-weight: bold;
    font-size: 2em;
    /* line-height: 1.143em; */
  }
  .large-02 {
    font-weight: bold;
    font-size: 1.8em;
  }
  .large-03 {
    font-weight: bold;
    font-size: 1.3em;
  }
  .hlTxt-note-01 {
    color: #777;
    font-size: 2.6042vw;
    margin-left: 66vw;
  }
  /* #hlMvMain
-----------------------------------------------------------------*/
  .hlTop #hlMvMain {
    background: #c0e6f5;
    text-align: center;
    height: auto;
  }
  .hlTop #hlMvMain img {
    width: 100%;
    max-width: 1120px;
  }
  .shindan_bnr_wrapper {
    border-bottom: none;
    margin: 11vw auto 0;
  }
  .shindan_bnr_wrapper .shindan_bnr {
    width: 90.8854vw;
    margin: 7.8125vw auto 6vw;
  }
  .shindan_bnr_wrapper2 .shindan_bnr {
    margin: -4vw auto 16vw;
  }
  .hlTop #hlMvWrap .hlTxtWrap-02 .hlMvTxt-b {
    line-height: 1.98em;
  }
  .hlTop .hada2 {
    overflow: hidden;
    text-align: center;
    height: auto;
  }
  .hlTop #HADA2 {
    margin-top: -110%;
    width: 200%;
    margin-bottom: 11.76%;
    opacity: 0;
  }
  .hlTop #hlMvWrap .hlBtn-03-bg {
    width: 89.5833vw;
    margin: 0 auto 15.8854vw;
  }
  .hlTop #hlMvWrap .hlBtn-03 {
    width: 100%;
    margin: 0 auto 1.8229vw;
    letter-spacing: -1px;
  }
  .hlTop #hlMvWrap .hlBtn-03 a {
    text-align: left;
    /* border-radius: 22px; */
    border-radius: 5.7292vw;
  }
  .hlTop #hlCosme .hlBtn-03 {
    width: 88.542%;
    margin: 0 auto 0;
  }
  .hlTop #hlCosme .hlBtn-03 a {
    background: url(/-/Media/com/hadalabo/top/200825/ico_arrow_03.png) 94% center no-repeat, rgba(234, 247, 255, 0.9);
    background-size: 2%;
  }
  /* ページ内リンク (PC) 
	-----------------------------------------------------------------*/
  .section-page-nav {
    padding: 2.6042vw;
  }
  .section-page-nav .nav-list-item {
    padding: 3.3854vw 0;
  }
  .section-page-nav .nav-item {
    font-size: 3.6458vw;
  }
  .section-page-nav .nav-item::after {
    content: "";
    background: url(/-/Media/com/hadalabo/top/2501/arw-dn-01.svg) no-repeat;
    background-size: 2.4740vw;
    width: 2.4740vw;
    height: 1.1719vw;
    margin-top: 1.0417vw;
  }
  /* #hlConcept
-----------------------------------------------------------------*/
  .hlTop #hlConcept {
    background: url(/-/Media/com/hadalabo/top/2501/bg_concept_sp.jpg)no-repeat top center;
    background-size: cover;
    width: 100%;
    padding: 18vw 0 70vw;
  }
  .hlTop #hlConcept .inner {
    padding: 0 5.2083vw;
    box-sizing: border-box;
  }
  .hlTop #hlConcept .hlttl2 {
    font-size: 8.3333vw;
    margin-bottom: 10vw;
  }
  .hlTop #hlConcept .hltxt {
    font-size: 4.1667vw;
    margin-bottom: 6vw;
  }
  .hlTop #hlConcept .hlBtn-03 {
    width: 66.1042vw;
    margin: 6vw 0 0;
  }
  .hlTop #product .productInner .pickupItem {
    margin-bottom: 0;
  }
  .hlTop #product .productInner .pickupTtl {
    text-align: center;
    width: 100%;
    margin: 0 auto 8%;
    font-size: 4.95vw;
    font-weight: bold;
    color: #555555;
  }
  /* #product
-----------------------------------------------------------------*/
  .hlTop #product #product_item, .hlTop #product #product_series {
    display: block;
    padding-top: 16.8750vw;
    margin-top: -16.8750vw;
  }
  .hlTop #product #product_item{
    margin-top: 0;
  }
  .hlTop #product #product_use{
    margin-bottom: 0;
  }
  /* #hlPickup #hlScences
-----------------------------------------------------------------*/
  .hlTop #hlScences .bxslider p a > span {
    display: table;
    color: #0083cb;
    width: 100%;
    height: 11.98vw;
    font-size: 3.39vw;
    background: #eaf7ff;
    margin: 10px 0 0;
    border-radius: 100px;
    text-align: center;
  }
  .hlTop #hlScences .bxslider p a > span span {
    display: table-cell;
    vertical-align: middle;
    padding: 5px;
  }
  .hlTop #hlScences .bxslider p a > span span::after {
    content: ">";
    margin-left: 8px;
    opacity: 0.7;
    transform: scale(.75, 1);
    display: inline-block;
  }
  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    position: absolute;
    width: 100%;
    margin: 0 auto 0 auto;
    padding: 5vw 0 0 15px;
  }
  .hlTop #hlScences .bx-wrapper .bx-controls-direction a {
    top: 0;
    margin-top: 22.78vw;
  }
}
/*------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 480px) {
  /* -------------------------------------------------------------------------------------------------------*/
  .hlTop #hlBestCosme {
    margin-top: -30vw;
  }
}