@charset 'utf-8';
/* ============ STYLE ============ */
body {
  width: 100%;
  /* font-family: 'Noto Sans JP', sans-serif; */
  font-family: 'Zen Kaku Gothic Antique', sans-serif;
  /* font-family: 'Zen Maru Gothic', sans-serif; */
  color: #231815;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6em;
  letter-spacing: 1px;
  background-color: #fff9ef;
}
a {
  margin: 0 !important;
  padding: 0 !important;
  text-decoration: none;
  color: #323232;
}
a:hover {
  cursor: pointer;
  opacity: 0.9;
}
*:focus {
  outline: none;
}
img {
  vertical-align: bottom;
  max-width: 100%;
}
body.scroll-disable {
  overflow: hidden;
}

.pc {display: block !important;}
.sp {display: none !important;}
@media only screen and (max-width: 640px) {
  .pc {display: none !important;}
  .sp {display: block !important;}
}


/* -----------------------
  common
-------------------------- */
/* layout */
.wrap {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
}
.inner {
  width: 90%;
  max-width: 1100px;
  margin: 0 auto;
}
.inner1200 {
  width: 95%;
  max-width: 1200px;
  margin: 0 auto;
}
.inner80 {
  width: 80%;
  max-width: 80%;
  margin: 0 auto;
}

@media only screen and (max-width: 640px) {
  .wrap {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
  }
  .inner1200 {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
  }
  .inner,.inner90, .inner88 {
    width: 89.3%;
    max-width: 89.3%;
    margin: 0 auto;
  }
}

/* list */
.listWrapCommon {
  list-style: none;
  margin: 0;
  letter-spacing: -0.9px;
}
.listItemCommon {
	position: relative;
	display: block;
}
.listItemCommon:before {
	content: '\203B';
}

.listWrapMin {
  padding-left: 15px;
  font-size: 12px;
  line-height: 1.5em;
  letter-spacing: -1.0px;
}

.listItemMin:before {
  position: absolute;
	content: '\203B';
	top: 0;
	left: -15px;
}

.listWrapBG {
  padding: 20px 10px;
  color: #FFFFFF;
}

.listWrapBG.black{
  color: #000000;
}

/* error */
.header_emesg {
  padding: 1em;
  color: #ff0000;
  font-size: 14px;
  text-align: center;
  line-height: 1.5em;
}
.msg {
  color: #ff0000;
  font-size: 14px;
  font-weight: normal;
}

/* -----------------------
  LP main visual
-------------------------- */
.mvLP {
  position: relative;
  margin-bottom: -1px;
}
.logo-delicharm {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 308.8849px;
}
.logo-fujiyakuhin {
  position: absolute;
  top: 55px;
  right: 10px;
  width: 218.3055px;
}

#bgArea {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  background-image: url(../img/lp/bg-pc.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: right 200px;
}
@media only screen and (max-width: 640px) {
  .logo-delicharm {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 97.613px;
  }
  .logo-fujiyakuhin {
    position: absolute;
    top: 15px;
    width: 93.2884px;
  }
}

/* -----------------------
  footer
-------------------------- */
.footer {
  margin: 0;
  padding: 40px 0 20px;
  font-size: 14px;
}
.copyright {
  font-size: 11px;
  text-align: center;
  line-height: 1.5em;
}

/* -----------------------
  Parts
-------------------------- */
.mt05 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}
.mt35 {margin-top: 35px;}
.mt40 {margin-top: 40px;}
.mt45 {margin-top: 45px;}
.mt50 {margin-top: 50px;}
.mt55 {margin-top: 55px;}
.mt60 {margin-top: 60px;}
.mt65 {margin-top: 65px;}
.mt70 {margin-top: 70px;}
.mt75 {margin-top: 75px;}
.mt80 {margin-top: 80px;}
.mt85 {margin-top: 85px;}
.mt90 {margin-top: 90px;}
.mt95 {margin-top: 95px;}
.mt100 {margin-top: 100px;}
.mt110 {margin-top: 110px;}
.mt120 {margin-top: 120px;}
.mt130 {margin-top: 130px;}
.mt140 {margin-top: 140px;}
.mt150 {margin-top: 150px;}
.mt180 {margin-top: 180px;}

.mt-100 {margin-top: -180px;}

.mb05 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}
.mb35 {margin-bottom: 35px;}
.mb40 {margin-bottom: 40px;}
.mb45 {margin-bottom: 45px;}
.mb50 {margin-bottom: 50px;}
.mb55 {margin-bottom: 55px;}
.mb60 {margin-bottom: 60px;}
.mb65 {margin-bottom: 65px;}
.mb70 {margin-bottom: 70px;}
.mb75 {margin-bottom: 75px;}
.mb80 {margin-bottom: 80px;}
.mb85 {margin-bottom: 85px;}
.mb90 {margin-bottom: 90px;}
.mb95 {margin-bottom: 95px;}
.mb100 {margin-bottom: 100px;}
.mb110 {margin-bottom: 110px;}
.mb120 {margin-bottom: 120px;}
.mb130 {margin-bottom: 130px;}
.mb140 {margin-bottom: 140px;}
.mb150 {margin-bottom: 150px;}

.mb10em {margin-bottom: 10em;}

.ml05 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}
.ml25 {margin-left: 25px;}
.ml30 {margin-left: 30px;}
.ml35 {margin-left: 35px;}
.ml40 {margin-left: 40px;}
.ml45 {margin-left: 45px;}
.ml50 {margin-left: 50px;}
.ml55 {margin-left: 55px;}
.ml60 {margin-left: 60px;}
.ml65 {margin-left: 65px;}
.ml70 {margin-left: 70px;}
.ml75 {margin-left: 75px;}
.ml80 {margin-left: 80px;}
.ml85 {margin-left: 85px;}
.ml90 {margin-left: 90px;}
.ml95 {margin-left: 95px;}
.ml100 {margin-left: 100px;}
.ml110 {margin-left: 110px;}
.ml120 {margin-left: 120px;}
.ml130 {margin-left: 130px;}
.ml140 {margin-left: 140px;}
.ml150 {margin-left: 150px;}

.pt05 {padding-top: 5px;}
.pt10 {padding-top: 10px;}
.pt15 {padding-top: 15px;}
.pt20 {padding-top: 20px;}
.pt25 {padding-top: 25px;}
.pt30 {padding-top: 30px;}
.pt35 {padding-top: 35px;}
.pt40 {padding-top: 40px;}
.pt45 {padding-top: 45px;}
.pt50 {padding-top: 50px;}
.pt55 {padding-top: 55px;}
.pt60 {padding-top: 60px;}
.pt65 {padding-top: 65px;}
.pt70 {padding-top: 70px;}
.pt75 {padding-top: 75px;}
.pt80 {padding-top: 80px;}
.pt85 {padding-top: 85px;}
.pt90 {padding-top: 90px;}
.pt95 {padding-top: 95px;}
.pt100 {padding-top: 100px;}
.pt110 {padding-top: 110px;}
.pt120 {padding-top: 120px;}
.pt130 {padding-top: 130px;}
.pt140 {padding-top: 140px;}
.pt150 {padding-top: 150px;}

.pb05 {padding-bottom: 5px;}
.pb10 {padding-bottom: 10px;}
.pb15 {padding-bottom: 15px;}
.pb20 {padding-bottom: 20px;}
.pb25 {padding-bottom: 25px;}
.pb30 {padding-bottom: 30px;}
.pb35 {padding-bottom: 35px;}
.pb40 {padding-bottom: 40px;}
.pb45 {padding-bottom: 45px;}
.pb50 {padding-bottom: 50px;}
.pb55 {padding-bottom: 55px;}
.pb60 {padding-bottom: 60px;}
.pb65 {padding-bottom: 65px;}
.pb70 {padding-bottom: 70px;}
.pb75 {padding-bottom: 75px;}
.pb80 {padding-bottom: 80px;}
.pb85 {padding-bottom: 85px;}
.pb90 {padding-bottom: 90px;}
.pb95 {padding-bottom: 95px;}
.pb100 {padding-bottom: 100px;}
.pb110 {padding-bottom: 110px;}
.pb120 {padding-bottom: 120px;}
.pb130 {padding-bottom: 130px;}
.pb140 {padding-bottom: 140px;}
.pb150 {padding-bottom: 150px;}

.tal {text-align: left;}
.tac {text-align: center;}
.tar {text-align: right;}
.taj {text-align: justify;}

.len10per {width: 10%;}
.len20per {width: 20%;}
.len30per {width: 30%;}
.len40per {width: 40%;}
.len50per {width: 50%;}
.len60per {width: 60%;}
.len70per {width: 70%;}
.len80per {width: 80%;}
.len90per {width: 90%;}
.len100per {width: 100%;}

.colorB {color: #000;}
.colorP {color: #e3007f;}
.colorR {color: #ff0000;}
.colorY {color: #e6bd55;}
.colorW {color: #fff;}

.fs10 {font-size: 10px;}
.fs11 {font-size: 11px;}
.fs12 {font-size: 12px;}
.fs13 {font-size: 13px;}
.fs14 {font-size: 14px;}
.fs15 {font-size: 15px;}
.fs16 {font-size: 16px;}
.fs17 {font-size: 17px;}
.fs18 {font-size: 18px;}
.fs19 {font-size: 19px;}
.fs20 {font-size: 20px;}
.fs21 {font-size: 21px;}
.fs22 {font-size: 22px;}
.fs23 {font-size: 23px;}
.fs24 {font-size: 24px;}
.fs25 {font-size: 25px;}
.fs26 {font-size: 26px;}
.fs27 {font-size: 27px;}
.fs28 {font-size: 28px;}
.fs29 {font-size: 29px;}
.fs30 {font-size: 30px;}
.fs40 {font-size: 40px;}

.lh10 {line-height: 1.0em;}
.lh11 {line-height: 1.1em;}
.lh12 {line-height: 1.2em;}
.lh13 {line-height: 1.3em;}
.lh14 {line-height: 1.4em;}
.lh15 {line-height: 1.5em;}
.lh16 {line-height: 1.6em;}
.lh17 {line-height: 1.7em;}
.lh18 {line-height: 1.8em;}
.lh19 {line-height: 1.9em;}
.lh20 {line-height: 2.0em;}
.lh21 {line-height: 2.1em;}
.lh22 {line-height: 2.2em;}
.lh23 {line-height: 2.3em;}
.lh24 {line-height: 2.4em;}
.lh25 {line-height: 2.5em;}

.fw300 {font-weight: 300;}
.fw400 {font-weight: 400;}
.fw500 {font-weight: 500;}
.fw600 {font-weight: 600;}
.fw700 {font-weight: 700;}
.fw800 {font-weight: 800;}
.fw900 {font-weight: 900;}

.mrgAuto {margin: 0 auto; width: fit-content;}

/* -----------------------
  spiral
-------------------------- */
.spiralSeal {
  width: 90%;
  margin: 20px auto;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5em;
}
.spiralSeal a {
  text-decoration: underline !important;
}
.spiralSealImg {
  width: 140px;
  margin: 10px auto 0;
}

