@charset "utf-8";

[pc] {
  display: none !important;
}


/*pinkback*/

.pinkback {
  font-size: 27px;
}


[lng="en"] .pinkback {
  font-size: 20px;
}


/*basetext*/

.basetext {
  font-size: 12px;
  line-height: 35px;
}

.annotation{
  padding-top:0px;
}


[lng="en"] .basetext {
  font-size: 12px;
  line-height: 20px;
}

/*nimbus*/

.nimbusjp {
  margin-bottom: -7px;
  font-size: 16px;
}

.nimbus {
  font-size: 40px;
  letter-spacing: 0;
  font-style: normal;
  /*font-weight: 900;*/
}


/*eyeb*/

.eyeb {
  line-height: 57px;
  vertical-align: middle;
  height: 55px;
  width: 250px;
  background: #f5dadf;
  display: block;
  font-family: 'Montserrat', sans-serif;
  padding-left: 30px;
  font-size: 11px;
  z-index: 20;
  font-weight: 600;
  letter-spacing: 0.2em;
  cursor: pointer;
}

.eyeb:after {
  content: ".";
  color: rgba(0, 0, 0, 0);
  width: 65px;
  height: 20px;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 24px;
  background-position: center center;
  background-size: cover;
  background-image: url("../img/eyeb_c.png");
}

.eyeb:hover:after {
  background-image: url("../img/eyeb_o.png");
}


/*header*/

.header_logo {
  position: fixed;
  top: 10px;
  left: 5px;
  z-index: 80;
}

/*footer*/


.footer_wrap {
  padding-top: 125px;
  margin-top: -10px;
}

.footer_snss {
  top: 35px;
}

.footer_snss a {
  margin: 0 6px;
}

.footer_links {
  top: 85px;
}

.footer_links a {
  font-size: 12px;
  display: block;
  margin: 25px 0;
  width: 100%;
  text-align: center;
}

.footer_copy {
  position: absolute;
  top: 262px;
  font-size: 10px;
  line-height: 17px;
}

.footer_logo {
  top: 220px;
}


/*kv*/

.kv_wrap {
  width: 268px;
  height: 152px;
  border: solid 2px #f5dadf;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-top: -77px;
  margin-left: -134px;
}

.kv_area {
  background-image: url("../img/kv.png");
  background-size: cover;
  background-position: center center;
  overflow: visible;
}

.kv_title {
  top: 87%;
}

.center_tr2{
  transform: translate(-50%, -50%);
  left: 50%;
  right: auto;
}

.kv_play {
  position: absolute;
  top: 50%;
  left: 50%;
  cursor: pointer;
  z-index: 40;
}


/*t_area_1*/

.t_area_1 .content {
  position: absolute;
  left: 24px;
  top: 410px;
}

.t_area_1 {
  height: 900px;
  margin-top: 40px;
}


/*t_area_2*/

.t_area_2 .content {
  position: absolute;
  left: 24px;
  top: 140px;
  margin: 0;
}

.t_area_2 {
  height: 900px;
}

.ta2_2 {
  position: absolute;
  display: block;
  top: -50px;
  right: auto;
  left: 0;
}

.ta2_3 {
  position: absolute;
  display: block;
  top: 320px;
  left: auto;
  right: 0;
}

.t_area_2 .eyeb {
  position: absolute;
  top: 780px;
  left: 50%;
  z-index: 20;
}




/*t_area_3*/

.t_area_3 {
  height: 724px;
  margin-top: 70px;
}

.t_area_3 .content1 {
  left: 24px;
}


.t_area_3 .content2 {
  position: absolute;
  top: 230px;
  left: 24px;
}

.ta3_1 {
  position: absolute;
  top: -37px;
  left: 130px;
}

.t_area_3 .nimbus {
  font-size: 40px;
  margin-top: -5px;
  margin-bottom: 0px;
}




/*t_area_4*/

.t_area_4 {
  height: 615px;
  margin-top: 70px;
}



.t_area_4 .content {
  position: absolute;
  top: 0;
  left: 24px;
}

.ta4_1 {
  position: absolute;
  top: -25px;
  left: 160px;
}

.t_area_4 .nimbus {
  font-size: 40px;
  margin-top: -5px;
  margin-bottom: 0px;
}




.t_area_4 .eyeb {
  top: 550px;
}






/*t_area_5*/

.t_area_5 {
  height: 752px;
  margin-top: 130px;
}



.t_area_5 .content {
  position: absolute;
  top: 0;
  left: 24px;
}


.t_area_5 .eyeb {
  top: 680px;
}




.t_area_6 {
  height: 210px;
}

.indexpage[lng="en"] .t_area_6{
  margin-top:-30px;
}

.top_product1_bg {
  position: absolute;
  left: 50%;
  margin-left: 63px;
  top: -5px;
}

.top_product1_item {
  position: absolute;
  left: 50%;
  margin-left: -125px;
  top: 110px;
}

.top_product1_info {
  position: absolute;
  left: 0;
  margin-left: 0;
  top: 25px;
  width: 100%;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.top_product .name_en {
  font-size: 45px;
  margin-bottom: 20px;
  margin-top: 10px;
}

.top_product .nimbusjp {
  font-size: 16px;
}

.top_product1 .nimbusjp,
.top_product1 .name_en {
  text-align: center;
}

.top_product1 .eyeb {
  margin: 0 auto;
}



.t_area_7 {
  height: 800px;
  display: block;
}

.t_area_7 .top_product {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  position: relative;
  height: 264px;
}

.top_product2_bg {
  position: absolute;
  left: 50%;
  margin-left: -146px;
}

.top_product2_item {
  position: absolute;
  left: 50%;
  top: 27px;
  margin-left: -110px;
}

.top_product2_icon {
  position: absolute;
  left: 50%;
  margin-left: -49px;
  top: 49px;
}

.t_area_7 .name_en {
  font-size: 26px;
  margin-bottom: 5px;
  margin-top: 10px;
  text-align: left;
  margin-left: 188px;
}

.t_area_7 .nimbusjp {
  font-size: 12px;
  text-align: left;
  margin-left: 188px;
}

.top_product2_info,
.top_product3_info,
.top_product4_info {
  position: absolute;
  left: 0;
  margin-left: 0;
  top: 154px;
  width: 100%;
  margin-bottom: 20px;

}

.t_area_7 .one_eyeb {
  display: block;
  margin: 60px auto 0;
  font-size: 13px;
}

.top_product3_bg {
  position: absolute;
  left: 50%;
  margin-left: -164px;
}

.top_product3_item {
  position: absolute;
  left: 50%;
  top: 24px;
  margin-left: -110px;
}

.top_product3_icon {
  position: absolute;
  left: 50%;
  margin-left: -49px;
  top: 49px;
}

.top_product4_bg {
  position: absolute;
  left: 50%;
  margin-left: -133px;
}

.top_product4_item {
  position: absolute;
  left: 50%;
  top: 51px;
  margin-left: -117px;
}

.top_product4_icon {
  position: absolute;
  left: 50%;
  margin-left: -64px;
  top: 69px;
}

.top_product4 .one_eyeb {
  margin-top: 70px;
}





.t_area_8 {
  height: 572px;
}

.jnl_bg1 {
  position: absolute;
  left: 50%;
  top: 77px;
  margin-left: -198px;
}

.jnl_bg2 {
  position: absolute;
  left: 50%;
  top: 71px;
  margin-left: 100px;
}

.jnl_title {
  position: absolute;
  left: 50%;
  top: 72px;
  margin-left: -106px;
}

.jnl_thumb {
  position: absolute;
  left: 50%;
  top: 205px;
  margin-left: -155px;
  width: 312px;
  height: 176px;
}

.jnl_thumb .jnl_contents {
  background: none;
  display: block;
  position: absolute;
  bottom: -48px;
  left: 0;
  padding: 0;
  width: 100%;
}

.t_area_8 .jnl_tag {
  font-family: Courier, sans-serif;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  line-height: 1em;
  background: #191919;
  padding: 5px 10px;
  display: table;
  margin: 0 auto;
  text-align: center;
}

.t_area_8 .jnl_text {
  margin-top: 32px;
  font-size: 19px;
  line-height: 1.4em;
  max-width: none;
  text-align: center;
}

.t_area_8 .eyeb {
  position: absolute;
  left: 50%;
  top: 448px;
  margin-left: -170px;
}

.t_area_8 .line {
  font-size: 10px;
  display: inline-block;
  padding: 0 3px;
}

.t_area_8 .eyeb {
  position: absolute;
  left: 50%;
  top: 472px;
  margin-left: -126px;
}






/*menu*/

.menu_button {
  position: fixed;
  top: -10px;
  right: -10px;
  z-index: 80;
  opacity: 0;


  -webkit-transition: opacity 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  -moz-transition: opacity 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  -o-transition: opacity 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: opacity 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  /* easeOutExpo */
}



.onsable .menu_button2 {
  z-index: 82;
  opacity: 1;
}

.onsable.menu_open .menu_button {
  opacity: 1;
}

.onsable.menu_open .menu_button2 {
  opacity: 0;
}


.menu_lines {
  width: 24px;
  height: 24px;
  position: fixed;
  top: 16px;
  right: 13px;
  z-index: 85;
  cursor: pointer;
}

.menu_lines div {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  background-color: #000;
  height: 2px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;

  -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  -moz-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  -o-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  /* easeOutExpo */
}

.menu_line_1 {
  -webkit-transform: translate(-50%, -4px);
  transform: translate(-50%, -4px);
}

.menu_line_2 {
  -webkit-transform: translate(-50%, 0px);
  transform: translate(-50%, -0px);
}

.menu_line_3 {
  -webkit-transform: translate(-50%, 4px);
  transform: translate(-50%, 4px);
}

.menu_open .menu_line_1 {
  -webkit-transform: translate(-50%, 0px) rotate(45deg);
  transform: translate(-50%, 0px) rotate(45deg);
}

.menu_open .menu_line_2 {
  -webkit-transform: translate(-50%, 0px) rotate(135deg);
  transform: translate(-50%, 0px) rotate(135deg);
}

.menu_open .menu_line_3 {
  -webkit-transform: translate(-50%, 0px) rotate(-45deg);
  transform: translate(-50%, 0px) rotate(-45deg);
}

.menu_area {
  z-index: 75;
  width: 100%;
  /* height: 490px; */
  height: 101vh;
  background-color: #f5dadf;
  position: fixed;
  top: 0;
  left: 0;
  padding-top: 100px;
  padding-left: 20px;
  -webkit-transition: all 900ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  -moz-transition: all 900ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  -o-transition: all 900ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: all 900ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  -webkit-transform: translate(0%, -120%);
  transform: translate(0%, -120%);
}
.onsable.menu_open .menu_area {
  -webkit-transform: translate(0%, 0px);
  transform: translate(0%, -0px);
}
.menu_area a {
  text-align: left;
  display: block;
  width: 100%;
  font-family: 'Montserrat', sans-serif;
  color: #000;
  font-size: 13px;
  margin: 0 auto;
  letter-spacing: 0.2em;
  font-weight: 600;
  height: 25px;
  line-height: 13px;
}
.menu_area span {
  text-align: left;
  display: block;
  width: 100%;
  font-family: 'Montserrat', sans-serif;
  color: #000;
  font-size: 13px;
  margin: 0 auto;
  letter-spacing: 0.2em;
  font-weight: 600;
  height: 25px;
  line-height: 13px;
}
.menu_area .dropdown-wrapper {
  display: flex;
  justify-content: flex-start; 
}
.menu_area .dropdown-wrapper .dropdown {
  width: 30%;
}
.menu_area .dropdown-wrapper .menuSub {
  list-style: none;
  width: 70%;
}
.menu_area .dropdown-wrapper .menuSub .dropdown__list {
  padding-left: 18px;
}
.menu_area .dropdown-wrapper .menuSub .dropdown__list.has-submenu .submenu {
  margin-left: 20px;
}
.menu_area .dropdown-wrapper .menuSub .dropdown__list::before {
  content: '';
  position: absolute;
  left: 0;
  top: 36%;
  transform: translateY(-69.8%);
  width: 6px;
  height: 12px;
  background: url(../lb/images/gNav_li_01.png) center center no-repeat;
  background-size: 5px auto;
  transition: .4s all;
}
.menu_area .dropdown-wrapper .menuSub .dropdown__list.has-submenu::before {
  top: 8%;
}
.menu_area a img {
  margin: 12px 0;
}
.menu_area .nllogo {
  text-align: center;
  height: 7vh;
}
.menu_area .orlogo {
  text-align: center;
  height: 5vh;
  margin-bottom: 1vh;
}
.menu_area .nllogo img {
  /* width: 75px; */
  /* height: 25px; */
  width: 33%;
  height: auto;
}

/*child*/
.child_head {
  width: 110%;
  height: 350px;
  margin-top: -200px;
  background-size: cover;
  background-position: center bottom;


  -moz-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;



  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg);

}

.child_title {
  margin-top: -43px;

  height: 170px;
  text-align: center;

}

.child_title h1 {
  margin: 0 auto;
  text-align: center;
  font-size: 16px;
}

.child_title h1 span {
  margin-top: 3px;
  display: block;
  font-size: 45px;
  font-weight: 500;

}

.child_title_line {
  width: 48px;
  height: 2px;
  background-color: #e60e97;
  margin: 15px auto;
}

.s_area {
  text-align: center;
  padding-bottom: 75px;
}

.s_area .pinkback {
  margin: 0 auto;
  margin-bottom: 35px;
}

.s_area p {
  font-size: 12px;
  line-height: 35px;
}

input,
button,
textarea,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

p.textarea {
  display: inline-block;
  margin-right: 6px;
}

.s_area input.textarea {
  width: 250px;
  height: 55px;
  border: solid 2px #f5dadf;
  display: inline-block;
  padding: 0 15px;
  font-size: 15px;
  margin-bottom: 10px;
}

.s_area input.btn {
  display: inline-block;

  width: 125px;
  height: 55px;
  border: solid 2px #f5dadf;
  font-size: 14px;

  font-weight: bold;
  letter-spacing: 0.15em;
  background-color: #f5dadf;
}

.sc_bottom {
  width: 100%;
  font-size: 10px;
  text-align: center;
  margin: 13px auto;
  display: block;

}

.regions {
  width: 90%;
  position: relative;
  left: 5%;
  margin: 0 auto;
}

.regions section {
  width: 40%;
  margin-right: 10%;
  float: left;
  text-align: left;
}

.regions section ul {
  list-style: none;
}

.regions section a {
  border-bottom: solid 1px #ccc;
  padding: 15px 5px;
  font-size: 12px;
  display: block;
  margin-top: 15px;
  color: #2f1809;
  font-weight: normal;
  text-decoration: none;
  padding-left: 15px;
}

.regions section a:before {
  transform: translate(0%, -50%) rotate(45deg);
  content: ".";
  color: rgba(0, 0, 0, 0);
  width: 6px;
  height: 6px;
  border: solid 1px #2f1809;
  border-width: 2px 2px 0 0;
  display: block;
  position: absolute;
  right: 20px;
  left: auto;
  top: 50%;
}

.region {
  padding-bottom: 30px;
}

.regions .ttl {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 16px;
  letter-spacing: 0.01em;
}

.regions {
  margin-bottom: -60px;
  margin-top: 25px;
}





/*page_num*/

.page_num {
  text-align: left;
  margin: 0 auto;
  max-width: 90%;
  width: 1024px;
  padding: 0 5%;

}

.page_num li {
  display: inline-block;
}

.page_num * {
  font-family: 'Montserrat', "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  color: #000;
}


.page_num li>* {
  letter-spacing: 0;
  width: 32px;
  height: 32px;

  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;

  border: solid 2px #f5dadf;
  display: inline-block;
  vertical-align: middle;
  line-height: 29px;
  text-align: center;
  font-size: 11px;
  margin-right: 3px;
}

.page_num li>*.next {
  font-size: 13px;
  border-width: 0 0 2px 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  width: auto;
  height: 24px;
  line-height: 24px;
  margin-right: 8px;
}

li+li>*.next {
  margin-left: 8px;
}

.page_num li>span {
  background-color: #f5dadf;
}

.shoplist ul {
  margin: 0 auto;
  width: 1024px;

  max-width: 90%;
  border-bottom: solid 2px #f5dadf;
}

.shoplist li {
  padding: 0 5%;
  height: auto;
  display: block;
  border-top: solid 2px #f5dadf;
}

.shoplist .left {
  width: 100%;
  display: block;
  float: left;
  height: auto;
}

.shoplist .tel {
  width: 50%;
  display: block;
  float: left;
  height: 80px;
  line-height: 80px;
  vertical-align: middle;
  font-size: 15px;
  height: auto;
}

.shoplist_head {
  padding-bottom: 35px;
}

.shoplist .btn {
  display: block;
  float: left;
  height: 80px;
  width: 50%;
}


.shoplist .btn a {
  display: block;
  float: left;
  width: 110px;
  height: 45px;
  background-color: #f5dadf;
  text-align: center;
  line-height: 45px;
  vertical-align: middle;
  font-size: 13px;
  font-family: 'Montserrat', "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  letter-spacing: 0.2em;
  color: #000;
  text-align: center;
  transform: translate(0%, -50%);
  position: absolute;
  top: 50%;
  right: 0;
}


.shoplist .name {
  font-size: 25px;
  margin-top: 35px;
  font-weight: normal;
}

.shoplist .addr {
  font-size: 14px;
  line-height: 150%;
  margin-top: 20px;
}




/* For modern browsers */

.shoplist li:before,
.shoplist li:after {
  content: "";
  display: table;
}

.shoplist li:after {
  clear: both;
}


/* For IE 6/7 (trigger hasLayout) */

.shoplist li {
  zoom: 1;
}




.shoplist+.shoplist_head {
  padding-top: 34px;
}




/*news*/
#units_list {
  width: 1024px;
  width: 84%;
  margin: 0 auto;
}

.news_list {
  margin-top: -20px;
}

.news_list .date {
  letter-spacing: 0.2em;
  font-size: 11px;
  font-family: 'Montserrat', sans-serif;
  margin-bottom: 10px;
}

.news_list .ttl {
  font-size: 20px;
  font-weight: normal;
  line-height: 160%;
}

.news_list .unit {
  margin-bottom: 50px;
  padding-bottom: 50px;
  border-bottom: solid 2px #f5dadf;
}

.news_list .txt {
  font-size: 12px;
  line-height: 27px;
}




.news_list .ttl:after {
  width: 56px;
  height: 2px;
  background-color: #e60e97;
  display: block;
  margin-top: 18px;
  margin-bottom: 30px;
  content: ".";
  color: rgba(0, 0, 0, 0);
}

.news_list .img {
  float: none;
  display: inline-block;
}

.news_list .img img {
  display: block;
  max-width: 140px;
  height: auto;
  margin: 0 auto;
}

.news_list .img a+a img {
  margin-top: 20px;
}

#backnumber {
  max-width: 90%;
  left: 5%;
  margin: 50px auto 0px;
}

#backnumber li {
  display: inline-block;
  width: 49%;
  padding-bottom: 10px;
}

#backnumber li a {
  letter-spacing: 0;
  padding-left: 15px;
}



/*0312*/

.top_h1 {
  letter-spacing: -0.05em;
  position: absolute;
  left: 37px;
  top: -124px;
  font-size: 9px;
  opacity: 0.5;
  z-index: 20;
  transform: scale(.8);
}

/*teaser*/
/*
.indexpage .footer_copy{
  top:auto;
  bottom:20px;
}
.indexpage .footer_logo{
  top:auto;
  bottom:50px;
}
.indexpage .footer_area{
  height:200px;
}
*/


/*dtl*/

.t_area_3 .content .product_wrapper .product .container {
  height: 160px;
}

.t_area_3 .content .product_wrapper .product .container .image {
  position: absolute;
  bottom: 0;
  left: 0;
}

.t_area_3 .content .product_wrapper .product .container .info {
  position: absolute;
  bottom: 12px;
  left: 70px;
}

.t_area_3 .content .product_wrapper .product {
  margin: auto;
  width: 260px;
  margin-bottom: 50px;
}




body .t_area_3 .content .product_wrapper .product .container .info .nimbus {
  font-size: 28px;
}

body .t_area_8 .content .product_wrapper .product .info .nimbusjp {
  font-size: 15px;
}

.oil_details .t_area_6 .nimbus,
.oil_details .t_area_7 .nimbus {
  margin-bottom: 20px;
}

x.product_list .t_area_2 .content .product_wrapper .product [lay] img {}

.product_list .t_area_2 .content .product_wrapper .product .wrapper {
  transform: translateZ(-10px);
  z-index: -100;
}

.product_list .t_area_2 .content .product_wrapper .product .limg {
  transform: translateZ(-20px);
  z-index: -200;
}

.oil_pinkback .pinkback_in {
  font-size: 25px;
}

.rose_detail .t_area_2 {
  height: 713px;
  margin-bottom: -100px;
}


.oil_details .t_area_5 .product_wrapper .product .info {

  left: -20px;

}

.orange_details .t_area_4 .content2 {
  width: 100%;
}

/* .menu_area {
  height: 560px;
} */




/*footerpage*/
.fp_area {
  width: 80%;
  margin: 0px auto 50px;
  max-width: 960px;
  line-height: 180%;
}

.privpage .fp_area * {
  list-style: none;
  font-size: 13px;
}

.privpage .fp_area h2 {
  margin: 50px 0 10px;
}


/*p_select*/

.p_select {
  margin-top: 40px;
  margin-bottom: -60px;
}

.p_select_box {
  margin-bottom: 50px;
}

.product_list[lng="en"] .p_select{
  margin-top: 140px;
}


/*lngs*/
.menu_area [tolng] {
  border: solid 1px #fff;
  display: inline-block;
  width: 104px;
  height: 55px;
  line-height: 55px;
  vertical-align: middle;
  margin: 0 -4px;
  text-align: center;

  background-color: #f5dadf;
}

.menu_area {
  text-align: center;
}

.menu_line {
  width: 100%;
  height: 20px;
}



/*en*/
[lng="en"] .t_area_5 {
  height: 858px;
}


[lng="en"] .check {
  margin-right: 10px;
  width: 305px;

}

[lng="en"] .orww .whiteback {
  font-size: 24px;
}

body[lng="en"] .t_area_8 .content .product_wrapper .product .info .nimbusjp {
  margin-bottom: 4px;
}


/**/

.kv_wrap {
  display: none;
}

.kv_area {
  background-image: url(../img/sp_kv2@2x.png);
  top: 50px;
}

.t_area_1.new_t_area_1 .content {
  position: absolute;
  left: 24px;
  top: 0px;
}


.t_area_1.new_t_area_1 {
  margin-bottom: 150px;
  height: 750px;
}

.rdm_bn_sp {
  z-index: 100;
  display: block;
  position: absolute;
  bottom: -137px;
  left: 50%;
  transform: translate(-46%, 0px);

}

.newa_t_area_01.t_area_01 .content {
  position: absolute;
  left: 24px;
}

.newa_t_area_01.t_area_01 {
  height: 670px;
}


.napa_t_area_01.t_area_01 {
  height: 230px;
}

.napt_area_1 {
  height: 1100px !important;
}




.p_in {
  height: 490px
}


.p_in .one_eyeb {
  position: absolute;
  font-size: 13px;
  width: 250px;
}


.t_area_2.pd_t_area_2 {
  height:2900px;
  /* height: 2080px; */
}


.new_pros .wrapper {
  padding-top: 150px;
  width: 300px;
  margin-left: -20px;
  text-align: center;
  margin-bottom: 30px;
}

.new_pros .wrapper * {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.new_pros .nimbus {
  width: 300px;
}


.t_area_2 .content .product_wrapper.new_pros .product {
  width: 252px;
}


.t_area_2 .content .product_wrapper.new_pros .wrapper {
  margin-left: -25px;
}





.t_area_ht {
  text-align: center;
  height: 550px;
  position: relative;
}

.t_area_ht h2 {
  margin: 30px auto;
}

.ht_txts {
  position: absolute;
  top: 430px;
  left: 0%;
  width: 100%;
  margin-left: 0px;
  text-align: center;
}

.ht_txts_h {
  font-size: 16px;
  letter-spacing: 0.1em;
  margin-bottom: 0px;
  max-height: 0;
  overflow: hidden;
  opacity: 0;

  -webkit-transition: all 500ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
  -moz-transition: all 500ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
  -o-transition: all 500ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
  transition: all 500ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
  /* easeInOutExpo */
}

.selech.ht_txts_h {
  margin-bottom: 15px;

  opacity: 1;
  max-height: 50px;
}

.ht_txts_h:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 13px;
  margin-right: 4px;
  background-position: center center;
  background-size: contain;
  background-image: url(../img/ht_ar2.png);
  background-repeat: no-repeat;
  transform: rotate(90deg);

  -webkit-transition: all 500ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
  -moz-transition: all 500ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
  -o-transition: all 500ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
  transition: all 500ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
  /* easeInOutExpo */

  display: none;
}

.selech.ht_txts_h:before {
  background-image: url(../img/ht_ar.png);
  transform: rotate(0deg);
}

.selech.ht_txts_h+.ht_txts_p {
  max-height: 200px;
  padding-bottom: 51px;

  opacity: 1;
}


.ht_txts_p {
  overflow: hidden;
  max-height: 0;
  opacity: 0;

  padding-bottom: 0px;
  font-size: 12px;
  line-height: 25px;
  letter-spacing: 0.1em;

  -webkit-transition: all 500ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
  -moz-transition: all 500ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
  -o-transition: all 500ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
  transition: all 500ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
  /* easeInOutExpo */
}

.ht_ss {
  position: absolute;
  top: 160px;
  left: 50%;
  margin-left: -157px;
  width: 313px;
  height: 177px;


  width: 100%;
  margin-left: 0;
  left: 0;
}

.ht_slider_in {
  margin: 0 10px;
  width: 313px;
  height: 177px;
}

.ht_slider_in iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 313px;
  height: 177px;
}

.ht_slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

}

.slick-arrow {
  position: absolute;
  bottom: -40px;
  z-index: 20;
}

.slick-dots {
  position: absolute;
  bottom: -50px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  margin-left: -10px;
}

li[role="presentation"] {
  display: inline-block;
  width: 10px;
}

li[role="presentation"] button {
  opacity: 0;
  display: none;
}


li[role="presentation"]:before {
  content: "・";
  font-weight: bold;
  font-size: 30px;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.3);
}


li.slick-active[role="presentation"]:before {
  color: #e60e97 !important;
}

.slick-arrow {
  cursor: pointer;
  width: 20px;
  height: 12px;
  background-position: center center;
  background-size: contain;
}

.slick-prev {
  background-image: url(../img/ht_arr1.png);
}

.slick-next {
  background-image: url(../img/ht_arr2.png);
}



.slick-prev {
  left: 50px;
}

.slick-next {
  right: 50px;
}

.t_area_ht h2+h2 {
  margin-top: -20px;
}


.t_area_mm {
  height: 100px;
  width: 100%;
}

.napa_t_area_01 {
  margin: 0 0 -20px;
}


.new_pros {
  height: auto;
}

.t_area_2 .content .product_wrapper.new_pros .product {
  height: auto;
}

.new_pros .bagb {
  width: 252px;
}



.emmin {
  font-size: 0.8em;
  margin: 10px auto 0px;
}


/*only_rdm*/
/*.t_area_2.pd_t_area_2 {
  height:2500px;
}
.new_t_area_1.t_area_1{
    margin-top: 30px;
}*/
/*/only_rdm*/


/* ==================================================
201902追記
================================================== */
.t_area_9 {
  padding: 0 10px;
  margin-top: 35px;
}

.top_product5 {
  margin: 0 auto 20px;
  max-width: 300px;
  background: url('../img/ol_bg_sp.png') no-repeat top center / contain;
}

.top_product5::before {
  content: "";
  display: block;
  padding-top: 60%;
}

.top_product5_icon1,
.top_product5_icon2,
.top_product5_icon3 {
  position: absolute;
  z-index: 9;
}

.top_product5_icon1 {
  top: 6%;
  left: 8%;
}

.top_product5_icon2 {
  top: -2%;
  left: 19%;
}

.top_product5_icon3 {
  top: 39%;
  left: 46%;
}

.top_product5_icon1 img {
  width: 28px;
  height: 28px;
}

.top_product5_icon2 img {
  width: 32px;
  height: 32px;
}

.top_product5_icon3 img {
  width: 24px;
  height: 24px;
}

.top_product5_img {
  position: absolute;
  left: 50%;
  top: 4%;
  width: 100%;
  height: auto;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.top_product5_box {
  text-align: center;
  margin-top: 35px;
}

.top_product5_ttl img{
  width:160px;
  height:auto;
}

.top_product5_txt {
  margin: 3% 0 8%;
  font-size: 12px;
  line-height: 1.4em;
}

.top_product5_btn a {
  margin: auto;
  width: 252px;
  text-align: left;
}

/* ==================================================
201903追記
================================================== */
.t_area_7+.t_area_7 {
  height: 240px;
}

.top_product6_bg {
  position: absolute;
  left: 50%;
  top: -20px;
  margin-left: -150px;
}

.top_product6_item {
  position: absolute;
  left: 50%;
  top: 28px;
  margin-left: -110px;
}

.top_product6_icon {
  position: absolute;
  left: 50%;
  margin-left: -49px;
  top: 49px;
}



/*limited*/

.limited{
  position: absolute;
  top:-5px;
  left:-35px;
  width:60px;
  height:auto;
  z-index:10;
}

.limmited_t{
  color:#000;
  padding-bottom:20px;
  font-size:11px;
  line-height:120%;
font-weight: bold;
}

/* ==================================================
201910追記
================================================== */

.post {
  margin:0 7.5px;
}

.jnl_title {
  top:-100px;
}

.t_area_j {
  margin-top: 170px;
  height:425px;
}

.posts {
  margin-top: 64px;
  max-width:100%;
}

.post__title {
  font-size:18px;
}

.jnl_bg1 {
  top:-5px;
}

.jnl_bg2 {
  top:-5px;
}

.t_area_6 .nimbus {
  margin-top: 15px;
}

.t_area_7 {
  margin-top: 30px;
}

.t_area_7+.t_area_7 {
  margin-top: 0;
  height: 530px;
}

.t_area_7_heading {
  font-size: 40px;
  margin-top: 22px;
}

.t_area_9_heading {
  font-size: 40px;
  margin-top: 40px;
}

.top_slider_heading {
  font-size: 40px;
}

.top_insta_slider {
  margin-top: 30px;
}

.top_insta_li {
  width: 134.5px;
  height: 134.5px;
}

.top_os {
  margin-top: 60px;
  margin-bottom: 180px !important;
}

.top_os .basetext_os {
  margin-top: 362px;
}

.top_os .content .annotation {
  transform: none;
  margin-top: -15px;
}

.top_slide_area .eyeb2 {
  width:252px;
  height:60px;
  margin-top: 35px;
}

.footer_wrap {
  padding-top: 110px;
}


.top_product5_bg {
  position: absolute;
  left: 50%;
  top: 20px;
  margin-left: -150px;
}

.top_product5_item {
  position: absolute;
  left: 47%;
  top: 56px;
  margin-left: -110px;
}

.top_product5_icon {
  position: absolute;
  left: 50%;
  margin-left: -54px;
  top: 60px;
}



.journal_link_box {
}

.journal_link_box_wrap {
}

.journal_link_box_right {
  top:auto;
  left:0;
  bottom:0;
  transform: translateY(100%);
  padding-top: 52.8px;
  width:100%;
  text-align: center;
}

.journal_link_box_right .nimbusjp{
  font-size:19px;
  line-height: 1.2;
}

.journal_link_box_right .eyeb2 {
  margin:42.7px auto 0;
}

/*journal*/
.eyeb2.eyeb_j{
    margin: 20px 0 0;
}

.eyeb2.eyeb_blue{
    background: #d7ebeb;
}




/*kyuso*/



.kv_area{
}
.top_h1{
  top:26px;
left:52px;
}

.rdm_bn_sp {
width:290px !important;
height: 200px !important;
bottom: -150px !important;

    transform: translate(-50%, 0px);
  }

 .areas.kyu_areas {
    margin-top: 60px;
  }




/*kyuso2 20230908追記*/

.kv_area {
background-image:url(../img/newv_2sp2.jpg);

}




.rdm_bn_sp {
bottom: -180px !important;

}

.footer_area.footer_area_topp {
    height: 380px;
    width: 100%;
}


.at17{
  font-size: 15px;
  position: relative;
  right:0;
  top:-15px;
}
.at17x{
  margin-top:10px;
  font-size:10px;
}


.area_heading {
  font-size: 45px;
}
.area_heading:after {
  content:'';
  position:absolute;
  left:50%;
  bottom:-21px;
  transform: translateX(-50%);
  width:56px;
  height:2px;
  background:#E80D9D;
}

.posts_slider_nav {
  position:absolute;
  width:34px;
  height:34px;
  background:#F5DADF;
  left:50%;
  bottom:-18px;
  transform: translateX(-50%);
  margin-top: 34px;
}
.posts_slider_nav_prev{
  left:calc(50% - 32px);
}
.posts_slider_nav_next{
  left:calc(50% + 32px);
}


.t_pb_wrap {
  background:#FAECEF;
  padding-top: 45px;
  margin-top: 40px;
  padding-bottom: 46px;
}

.t_area_7_1col {
  height:1850px;
  display: flex;
  flex-wrap:wrap;
  margin-top: 78px;
}
.t_area_7_1col:after {
  display: block;
  width:158px;
  height:0;
  margin:0 5.5px;
  content:'';
}
.t_area_7_1col .top_product {
  width:158px;
  height:370px;
  margin:0 5.5px;
}
.t_area_7_1col .info {
  padding-left: 5px;
  /* overflow: visible; */
}
.t_area_7_1col .one_eyeb {
  width:158px;
  margin-top: -5px;
}
.t_area_7_1col .one_eyeb:after {
  width:22px;
  height:11px;
  margin-top: -5px;
}
.t_area_7_1col .nimbus,
.t_area_7_1col .nimbusjp {
  margin-left: 0;
}



.top_product2_bg {
  margin-left: -66px;
}
.top_product2_item {
  margin-left: -30px;
}
.top_product2_icon {
  top:56px;
  margin-left: 33px;
}

.top_product3_bg {
  margin-left: -75px;
  top:-15px;
}
.top_product3_item {
  top:22px;
  margin-left: -25px;
}
.top_product3_icon {
  margin-left: 38px;
}

.top_product6_bg {
  margin-left: -70px;
}
.top_product6_item {
  top:17px;
  margin-left: -31px;
}
.top_product6_icon {
  margin-left: 33px;
}

.top_product4_bg {
  top:-11px;
  margin-left: -55px;
}
.top_product4_item {
  top:22px;
  margin-left: -33px;
}
.top_product4_icon {
  margin-left: 23px;
}

.top_product5_bg {
  top:9px;
  margin-left: -83px;
}
.top_product5_item {
  top:43px;
  margin-left: -54px;
}
.top_product5_icon {
  top:50px;
  margin-left: 8px;
}


.top_product5_btn .one_eyeb {
  width:158px;
}
.top_product5_btn .one_eyeb:after {
  width:22px;
  height:11px;
  margin-top: -5px;
}

.top_os .basetext_os {
  margin-top: 462px;
}
.top_os_btn .one_eyeb {
  margin-top: 980px;
}


.header_top {
  height:50px;
}
.top_product7 .nimbusjp{
white-space: nowrap;
}



.top_product_bmm .top_product5_bg{
margin-left: -55px;
}
.top_product_bmm .top_product5_item{
  margin-left: -35px;
  margin-top: 24px;
}
.top_product_bmm .top_product5_icon{
margin-left: 20px;
}


.t_area_7_bl .bm_phase2 .top_product5_bg{
margin-left: 20px;
}

.t_area_7_bl .bm_phase2 .top_product5_item{
margin-top:5px;
margin-left: 10px;
}
.t_area_7_bl .bm_phase2 .top_product5_icon{
margin-top:10px;
margin-left:0px;
}



/*dry shampoo*/

.top_product_drs .top_product5_item{
margin-left: -43px;
margin-top: 21px;
}



.top_product_drs .top_product5_icon{
  margin-top: -6px;
  margin-left: 33px;
}



.top_product_drs .top_product5_bg{
margin-left: -68px;
}


.t_area_7.t_area_7_drys{
margin-top:-40px;
}


.drys_phase .top_product5_bg{


}
.t_area_7_bl .drys_phase .top_product5_item{
  /* margin-left:20px;
  margin-top:-32px; */
  margin-left:-5px;
  margin-top:12px;
}
.t_area_7_bl .drys_phase .top_product5_icon{
  margin-left:-10px;
  margin-top:-10px;
}


/* 20211028*/
.kv_banner {
  position:relative;
  bottom:auto;
  left:1px;
  width:318px;
  height:117.5px!important;
  max-width:90%;
  margin: -19.5px auto 0;
}

.kv_banner2 {
  position:relative;
  bottom:auto;
  left:1px;
  width:318px;
  height:117.5px!important;
  max-width:90%;
  margin: -19.5px auto 0;
  
}
.kv_banner2 img {
  width: 100%;
  border-radius: 10px;
}
.top_product_night .top_product5_bg{
  top:14px;
  margin-left: -79px;
}
.top_product_night .top_product5_item{
  top:64px;
  margin-left: -32px;
}
.top_product_night .top_product5_icon{
  top:55px;
  margin-left: 43px;
}
.t_area_7 .name_en.mtw {
  margin-top: 22px;
}


/* pillow mist */
.top_product_pm {
  
}
.top_product_pm .top_product5_item{
  margin-left: -39px;
  margin-top: 2px;
}  
.top_product_pm .top_product5_icon{
  margin-top: 13px;
  margin-left: 46px;
}
.top_product_pm .top_product5_bg{
  margin-left: -63px;
}

.pm_phase .top_product5_bg{
  margin-top: -4px;
  margin-left: 10px;
}
.t_area_7_bl .pm_phase .top_product5_item{
  margin-left: -9px;
  margin-top: -13px;
}
.t_area_7_bl .pm_phase .top_product5_icon{
  margin-left: 5px;
  margin-top: 11px;
}
.summer2022_bn {
  width: 60%;
  margin: 20px auto 0;
}

/* ==================================================
20230908追記
================================================== */
.t_area_7 .name_en.mtw.mt {
  margin-top: 10px !important;
}
.top_product.top_product_tea .top_product5_bg {
  width: 105.35px !important;
  height: 131.6px !important;
}
.top_product.top_product_tea .top_product5_item {
  width: 78.4px !important;
  height: 93.45px !important;
}
.top_product.top_product_tea .top_product5_icon {
  margin-top: 20px;
  margin-left: 20px;
}
.top_product.top_product_tea .top_product5_icon img{
  width: 39.9px;
  height: 25.55px;
}

.top_product.top_product_dry .top_product5_bg {
  top: -20px;
}
.top_product.top_product_dry .top_product5_item {
  top: 20px;
}

.top_product.top_product_oil .top_product4_item {
  width: 88.2px !important;
  height: 106.75px !important;
  margin-left: -39px;
}
.top_product.top_product_oil .top_product4_icon {
  margin-left: 40px;
}

.top_product_bath .top_product5_bg {
  width: 113.75px !important;
  height: 123.55px !important;
}
.top_product_bath .top_product5_item {
  /* width: 77px !important;
  height: 110.6px !important;
  margin-left: -35px; */
  width: 174px !important;
  height: auto !important;
  margin-left: -83px;
}
.top_product_bath .top_product5_icon {
  margin-left: 21px;
  top: 22px;
}
.top_product_bath .top_product5_icon img{
  width: 39.55px;
  height: 20.65px;
}

.top_product_pillow .top_product5_bg {
  width: 109.55px !important;
  height: 135.1px !important;
}
.top_product_pillow .top_product5_item {
  width: 81.55px !important;
  height: 105.7px !important;
  top: 35px;
  margin-left: -45px;
}
.top_product_pillow .top_product5_icon {
  margin-left: 21px;
}
.top_product_pillow .top_product5_icon img{
  width: 35px;
  height: 35px;
}


/*whiteback*/

.top_t_area_01 .whiteback {
  font-size: 27px;
  padding: 0;
  margin-bottom: 0;
  letter-spacing: 0.1em;
  display: inline-block;
  overflow: hidden;
  left: -16px;
}
.top_t_area_01 .whiteback_back {
  display: block;
  position: absolute;
  background: white;
  height: 60%;
  width: 100%;
  z-index: 0;
  top: 0;
  left: 0;
}

.top_t_area_01 .short .whiteback_in {
  margin-right: -15px;
}
.top_t_area_01 .whiteback_in {
  font-weight: 600;
  z-index: 2;
  letter-spacing: 0;
  padding: 3px 8px;
  margin-bottom: 6px;
  overflow: hidden;
}
.top_t_area_01 .content {
    position: absolute;
    left: 13%;
    top: 87px;
}


.top_t_area_01 {
  height: 340px;
}


/*t_area_1*/
.top_t_area_1 .content {
  position: absolute;
  left: 24px;
  top: 0px;
}

.top_t_area_1 {
  height: 450px;
  margin-top: 0;
  padding-bottom: 20px;
}