@charset "utf-8";
/* CSS Document */

/*******************

 LP style - toleety

********************/
html , body {
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

ul{
  list-style: none;
}

/* content
--------------------------------------------------*/
#emmerday , #emmerday-footer {
  font-size: 14px;
  font-size: 3.7333vw;
  font-family: 'Noto Sans JP','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Mayryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color:#303030;
  line-height:1.5em;
}


@media screen and (min-width:750px){
#emmerday , #emmerday-footer {
    font-size: 28px;
    max-width: 750px;
    margin: 0 auto;
  }
}
#emmerday a , #emmerday-footer a{
  color: inherit;
  text-decoration: none;
  font-size: inherit;
  font-weight: inherit;
}
#emmerday a:hover, #emmerday-footer a:hover{
  text-decoration: underline;
}
#emmerday span, #emmerday-footer span {
  font-size: inherit;
  font-weight: inherit;
}
#emmerday img ,
#emmerday-footer img {
  width: 100%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  vertical-align: bottom;
}
#emmerday img.img-t ,
#emmerday-footer img.img-t {
  vertical-align: top;
}
/* cart css reset */

#emmerday header ,
#emmerday h1 ,
#emmerday h2 ,
#emmerday h3 ,
#emmerday p ,
#emmerday section ,
#emmerday span{
  padding: 0;
  margin: 0 auto;
}

/*#emmerday header ,
#emmerday h1 ,
#emmerday h2 ,
#emmerday h3 ,
#emmerday p ,
#emmerday dl ,
#emmerday dt ,
#emmerday dd ,
#emmerday section ,
#emmerday span {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
  box-sizing: border-box;
  padding: 0;
  margin: 0 auto;
}*/
#emmerday-footer footer ,
#emmerday-footer div,
#emmerday-footer p {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
  box-sizing: border-box;
  padding: 0;
  margin: 0 auto;
}
#emmerday-footer ul,
#emmerday-footer li {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
  box-sizing: border-box;
  padding: 0;
  margin: 0 auto;
  list-style: none;
}
/*----------------------------------------*/

#emmerday .animbox {
  position: relative;
}
#emmerday #fv ,
#emmerday > section {
  overflow: hidden;
}
#emmerday .fv__text--01 {
  position: absolute;
  bottom: calc(74 / 952 * 100%);
  left: 0;
  width: calc(688 / 750 * 100%);
}
#emmerday .fv__text--02 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: calc(611  / 750 * 100%);
}
#emmerday .birth__text {
  display: block;
  position: absolute;
  bottom: calc(40 / 562 * 100%);
  left: 50%;
  width: calc(393  / 750 * 100%);
  transform: translate3d(-50%,0,0);
}
#emmerday .stressfree__mp4 {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  box-sizing: border-box;
  padding-top: calc(40 / 750 * 100%);
}
#emmerday .mp4box {
  width: calc(600 / 750 * 100%);
  height: 0;
  padding-bottom: calc(300 / 750 * 100%);
  overflow: hidden;
  margin: 0 auto;
  position: relative;
}
#emmerday .mp4box video {
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  object-fit: contain;
}

#emmerday .structure__ttl {
  display: block;
  position: absolute;
  bottom: calc(60 / 450 * 100%);
  left: 50%;
  width: calc(500  / 750 * 100%);
  transform: translate3d(-50%,0,0);
}

#emmerday .structure__sttl--01 {
  display: block;
  position: absolute;
  top: calc(160 / 464 * 100%);
  left: 50%;
  width: calc(690  / 750 * 100%);
  transform: translate3d(-50%,0,0);
}
#emmerday .structure__ba {
  box-sizing: border-box;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 calc(90 / 750 * 100%);
  width: 100%;
}
#emmerday .structure__ba img {
  width: auto;
  height: auto;
  margin-left: 0;
}
#emmerday .structure__ba:after {
  content: "";
  display: block;
  background: url(file:///Macintosh%20HD/Users/nagasemina/img/ba_bg.png) no-repeat bottom right;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  width: calc(570 / 750 * 100%);
  height: 100%;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate3d(-48.5%,3%,0);
} 
#emmerday .cocoen--ba {
  z-index: 3;
  position: relative;
}
#emmerday .structure__sttl--02 {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: calc(690  / 750 * 100%);
  transform: translate3d(-50%,0,0);
}

#emmerday .nonstress__text {
  display: block;
  position: absolute;
  top: calc(80 / 330 * 100%);
  left: 50%;
  width: calc(439  / 750 * 100%);
  transform: translate3d(-50%,0,0);
}

#emmerday .brasize {
  margin: clamp(10px,calc(50 / 750 * 100%),50px) auto clamp(10px,calc(50 / 750 * 100%),50px) ;
}
#emmerday .brasize__link {
  text-align: center;
  margin: clamp(10px,calc(10 / 750 * 100%),10px) auto 0 ;
  color: #003cff;
}
#emmerday .popuplink {
  text-decoration: underline;
  text-underline-offset: 0.5em;
}

#emmerday .sizechange {
  margin: 0 auto clamp(10px,calc(80 / 750 * 100%),80px) ;
}

/*----------------------------------------*/
#emmerday .cta__box {
  margin: 0 auto;
  position: relative;
  width: 100%;
}

#emmerday .cta__text {
  text-align: center;
  font-weight: 500;
  font-size: calc(24 / 28 * 1em);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  padding-top: calc(60 / 750 * 100%);
}

/*---------------------------------------------*/
.trouble .trouble__text_01 {
  position: absolute;
  top: 3em;
  left: 2em;
  right: 0;
  margin: 0 auto;
  width: 79.8%;
}
.trouble .trouble__text_02 {
  position: absolute;
  top: 14.8em;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 87.7%;
}
.trouble .trouble__text_03 {
  position: absolute;
  top: 2.8em;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 87.8%;
}
.trouble .trouble__text_04 {
  position: absolute;
  top: 3.5em;
  left: 2em;
  width: 49.3%;
}
.mfp-bg {
  background: #4d4d4d;
  opacity: 0.5;
}
.mfp-auto-cursor .mfp-content {
  background: #fff;
  max-width: 720px;
  width: calc(720 / 750 * 100%);
  margin: 0 auto;
}
.modal {
  margin: 0 auto;
}
.modal div {
  margin: 0 auto;
  display: block;
  padding: 0;
}
.modal .modal__box {
  max-height: 90svh;
}
.modal img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
.mfp-close-btn-in .mfp-close {
  font-size: 1.5em;
  width: 1em;
  height: 1em;
  line-height: 1em;
}
.simplebar-track.simplebar-vertical {
  width: 6px;
}
.simplebar-track {
  right: clamp(0px,calc(10 / 720 * 100%), 10px);
}
.modal .simplebar-scrollbar {
  background: transparent;
}
.simplebar-scrollbar.simplebar-visible:before {
  background: #afafaf;
  opacity: 1;
}
.modal .modal__dl {
  color: #474048;
  border: 1px solid #1e170f;
  box-sizing: border-box;
  width: calc(670 / 720 * 100%);
  margin: calc(30 / 720 * 100%) auto;
  box-sizing: border-box;
  padding: calc(30 / 670 * 100%);
}
.modal .modal__dl dt {
  border-bottom: 1px solid;
  font-size: calc(24 / 28 * 1em);
  line-height: calc(56 / 24 / 1em);
}
.modal .modal__dl dd {
  box-sizing: border-box;
  padding: 0;
  font-size: calc(18 / 28 * 1em);
  line-height: calc(28 / 18 / 1em);
  margin: 0 auto;
}
/*---------------------------*/
#emmerday .secret__text {
  display: block;
  position: absolute;
  top: calc(63 / 992 * 100%);
  right: calc(100  / 750 * 100%);
  width: calc(128  / 750 * 100%);
}
#emmerday .secret__sttl--01 {
  display: block;
  position: absolute;
  top: calc(121 / 304 * 100%);
  left: 50%;
  width: calc(416  / 750 * 100%);
  transform: translate3d(-50%,0,0);
}
#emmerday .secret__sttl--02 {
  display: block;
  position: absolute;
  top: calc(121 / 310 * 100%);
  left: 50%;
  width: calc(445  / 750 * 100%);
  transform: translate3d(-50%,0,0);
}
#emmerday .secret__sttl--03 {
  display: block;
  position: absolute;
  top: calc(121 / 1000 * 100%);
  left: 50%;
  width: calc(534  / 750 * 100%);
  transform: translate3d(-50%,0,0);
}
#emmerday .secret__sttl--04 {
  display: block;
  position: absolute;
  top: calc(121 / 920 * 100%);
  left: 50%;
  width: calc(478  / 750 * 100%);
  transform: translate3d(-50%,0,0);
}
#emmerday .secret__sttl--05 {
  display: block;
  position: absolute;
  top: calc(121 / 960 * 100%);
  left: 50%;
  width: calc(493  / 750 * 100%);
  transform: translate3d(-50%,0,0);
}
#emmerday .secret__sttl--06 {
  display: block;
  position: absolute;
  top: calc(121 / 830 * 100%);
  left: 50%;
  width: calc(483  / 750 * 100%);
  transform: translate3d(-50%,0,0);
}
#emmerday .secret__mov {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#emmerday .secret__movitem {
  box-sizing: border-box;
  margin: 0 auto;
  display: block;
  position: relative;
  width: calc(600 / 750 * 100%);
  height: 0;
  padding-bottom: calc(300 / 750 * 100%);
  overflow: hidden;
}
#emmerday .secret__movitem  video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/*---------------------------*/

#emmerday .detail__ttl {
  display: block;
  position: absolute;
  top: calc(186 / 400 * 100%);
  left: 50%;
  width: calc(552  / 750 * 100%);
  transform: translate3d(-50%,0,0);
}
#emmerday .detail__g {
  display: block;
  position: absolute;
  top: calc(352 / 920 * 100%);
  right: calc(136  / 750 * 100%);
  width: calc(138  / 750 * 100%);
}
#emmerday .detail__styleup {
  display: block;
  position: absolute;
  top: calc(150 / 1140 * 100%);
  left: 50%;
  width: calc(615  / 750 * 100%);
  transform: translate3d(-50%,0,0);
}
/*---------------------------*/
#emmerday .all__text {
  display: block;
  position: absolute;
  top: calc(89 / 1010 * 100%);
  right: calc(82  / 750 * 100%);
  width: calc(157  / 750 * 100%);
}
/*---------------------------*/
#emmerday .btn {
  display: block;
  box-sizing: border-box;
  padding: calc(40 / 750 * 100%) 0;
  width: calc(650 / 750 * 100%);
  margin: 0 auto;
}
/*---------------------------*/
#emmerday .faq {
  background: #e9edf3;
  box-sizing: border-box;
  padding: calc(108 / 750 * 100%) calc(20 / 750 * 100%) calc(60 / 750 * 100%);
}
#emmerday .faq__ttl {
  width: calc( 360 / 710 * 100%);
  margin: 0 auto;
}
#emmerday .faq__item {
  display: block;
  margin: calc(50 / 710 * 100%) auto;
}
#emmerday .faq__item--q {
  cursor: pointer;
  display: block;
  position: relative;
  margin: 0 auto;
}
#emmerday .faq__item--q:before {
  content: "";
  display: block;
  width: 1.2em;
  height: 1px;
  background: #fff;
  position: absolute;
  top: 50%;
  right: 0.8em;
  transition: all .5s ease;
  transform: rotate(0deg);
  opacity: 1;
}
#emmerday .faq__item--q:after {
  content: "";
  display: block;
  width: 1.2em;
  height: 1px;
  background: #fff;
  position: absolute;
  top: 50%;
  right: 0.8em;
  transition: all .5s ease;
  transform: rotate(90deg);
  opacity: 1;
}
#emmerday .faq__item--open.faq__item--q:before {
  content: "";
  transform: rotate(90deg);
  opacity: 0;
}
#emmerday .faq__item--open.faq__item--q:after {
  content: "";
  transform: rotate(180deg);
  opacity: 1;
}

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

#emmerday .product {
  margin: 0 auto;
  position: relative;
}
#emmerday .product__ttl {
  margin: calc(80 / 750 * 100%) auto calc(40 / 750 * 100%);
  position: relative;
  width: calc(320 / 750 * 100%);
}
#emmerday .product__box {
  box-sizing: border-box;
  position: relative;
  width: calc(690 / 750 * 100%);
  z-index: 2;
  margin: 0 auto 0;
}
#emmerday .product__box dt {
  text-align: center;
  position: relative;
  margin: 1em auto;
}
#emmerday .product__box dt:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: #d83a15;
  z-index: 1;
}
#emmerday .product__box dt span {
  color: #d83a15;
  font-size: calc(26 / 28 * 1em);
  font-weight: 500;
  background: #fff;
  display: inline-block;
  padding: 0 0.5em;
  z-index: 2;
  position: relative;
}

#emmerday .product__box dd {
  padding: 0;
  position: relative;
  text-align: center;
  margin-inline-start: 0px;
}
#emmerday .product__box p {
  text-align: center;
  font-size: calc(24 / 28 * 0.7em);
  line-height: calc(40 / 24 * 1em);
}

@media screen and (max-width: 750px) {
  #emmerday .product__box p {
     font-size: calc(24 / 28 * 0.9em);
  }
}

#emmerday .product__box dd .brasize__link {
  color: #303030;
}
#emmerday .product__box .text--indent {
  text-align: left;
  box-sizing: border-box;
  padding-left: 1em;
  text-indent: -1em;
}
#emmerday .sizetable {
  display: block;
  margin: 0 auto 1em;
  width: calc(650 / 690 * 100%);
}
#emmerday .product__tel {
  width: calc(700 / 750 * 100%);
  margin: calc(80 / 710 * 100%) auto;
}
#emmerday .colors + .cta {
  margin: calc(80 / 750 * 100%) auto;
}

/*-------------------------------------------
 form
-----------------------------------------------*/
#form__area {
  box-sizing: border-box;
  width: 100%;
  margin: 1em auto;
  padding: 0;
}
.col-4{
  margin-left: 90px!important;
}

/*-------------------------------------------
 footer
-----------------------------------------------*/
#emmerday-footer {
  position: relative;
  display: block;
  margin: calc(120 / 750 * 100%) auto 0;
  background: #4b4a51;
  color: #fff;
  box-sizing: border-box;
  padding: calc(30 / 750 * 100%) calc(30 / 750 * 100%) 0;
}
#emmerday-footer #gotop {
  position: absolute;
  top: 0;
  right: calc(20 / 750 * 100%);
  border: 1px solid ;
  display: inline-block;
  padding: .4em 1em;
  color: #4b4a51;
  transform: translate3d(0,-100%,0);
  border-radius: .4em .4em 0 0;
  cursor: pointer;
  font-size: calc(26 / 28 * 1em);
}
#emmerday-footer .footer__link {
  margin: calc(40 / 750 * 100%) auto calc(80 / 750 * 100%);
}
#emmerday-footer li {
  display: block;
  box-sizing: border-box;
  padding: calc(25 / 690 * 100%) calc(30 / 690 * 100%);
  letter-spacing: 0.06em;
  font-weight: 400;
}
#emmerday-footer #copy {
  border-top: 1px solid #fff;
  text-align: center;
  font-size: calc(22 / 28 * 1em);
  box-sizing: border-box;
  padding: 2em 0;
}
/*-------------------------------------------
 animation
-----------------------------------------------*/
#emmerday .fadein {
  display: block;
  opacity: 1;
  -webkit-transform:translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  -webkit-filter: blur(0);
  -o-filter: blur(0);
  filter: blur(0);
  -webkit-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
}
#emmerday .animhide .fadein {
  display: block;
  opacity: 0;
  -webkit-transform:translate3d(0,3em,0);
  -ms-transform: translate3d(0,3em,0);
  -o-transform: translate3d(0,3em,0);
  transform: translate3d(0,3em,0);
  -webkit-filter: blur(0.5em);
  -o-filter: blur(0.5em);
  filter: blur(0.5em);
}

#emmerday .slideleft {
  display: block;
  -webkit-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  -webkit-transition-duration: 1.2s;
  -o-transition-duration: 1.2s;
  transition-duration: 1.2s;
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  opacity: 1;
}
#emmerday .animhide .slideleft {
  display: block;
  -webkit-transform: translate3d(-50%,0,0);
  -ms-transform: translate3d(-50%,0,0);
  -o-transform: translate3d(-50%,0,0);
  transform: translate3d(-50%,0,0);
  opacity: 0;
}

#emmerday .slideright {
  display: block;
  -webkit-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  -webkit-transition-duration: 1.2s;
  -o-transition-duration: 1.2s;
  transition-duration: 1.2s;
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  opacity: 1;
}
#emmerday .animhide .slideright {
  display: block;
  -webkit-transform: translate3d(50%,0,0);
  -ms-transform: translate3d(50%,0,0);
  -o-transform: translate3d(50%,0,0);
  transform: translate3d(50%,0,0);
  opacity: 0;
}