@charset "UTF-8";
/* JILL RISET */
body {
  /*background: #F6E6E4;*/
  color: #363636;
  width: 100%; 
}

.wrapper {
  background-color: #FAF7F3;
  background-size: cover;
  background-position: center;
  background-repeat: repeat;
  margin-top: 0;
}

#EC_design #EC_wrapper {
  /*background: #F6E6E4;*/
  color: #363636;
  width: 100%;
}

nav#backtotop {
  background: none;
}

main {
  color: #363636;
  width: 100%;
  padding-top: 12px;
  /* background-color: #FAF7F3; */
}

main h1 {
  margin: 0;
  padding: 0;
  line-height: 1;
  cursor: default;
}

@media only screen and (min-width: 768px) {
  #EC_wrapper img {
    image-rendering: -webkit-optimize-contrast;
  }

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

  #EC_wrapper img {
    -webkit-transform: translateZ(0);
  }
}
sup {
  font-size: 10px;
  margin-right: 5px;
  vertical-align: text-top;
  vertical-align: super;
}

/* COMPO */
.spDisp {
  display: none;
}
br.spDisp {
  display: none!important;
}
.spHide {
  display: block;
}
.block-container{
  /* background-color: #FAF7F3; */
  padding-top: 6rem;
}
.bread-crumb {
  margin-bottom: 8px;
}
.breadcrumb-arrow-right{
  width: 100%;
  max-width: 1000px;
  margin: auto;
}
.pane-contents{
  padding: 0;
}
.pane-contents .pane-main {
  background-color: #E4EAF6;
}
.pane-contents .pane_bottom {
  background:linear-gradient(0deg, rgba(251, 247, 243,1) 20.014116646039604%,rgba(228, 234, 246,1) 80.01566367574256%);
  height: 80px;
}
.pane-topic-path li:last-child::after {
  display: none;
}

/* UNIQ */
.view_max375{
   display: none;
 } 
#start {
  text-align: center;
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
}
#start .startMv {
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
#start .startMv img {
  max-width: 100%;
}
#start img.spImg, #result img.spImg {
  display: none;
}

#start .bodyCopy {
  font-size: 17px;
  letter-spacing: 0.1em;
  line-height: 2.0;
  margin-top: 50px;
  margin-bottom: 40px;
  text-align: center;
  display: block;
  font-family: 'Shippori Mincho', serif;
}
#start .mv_bn {
  margin-top: -130px;
  animation: mvbnfadeIn 3s ease 1s 1 normal backwards;
}
@keyframes mvbnfadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.content_wrap {
  background-color: white;
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
}

#campaign {
  width: 100%;
  display: flex;
  align-items: center;
  font-family: "Shippori Mincho", serif;
  flex-direction: column;
  padding: 50px 5% 40px;
}

#campaign .title_wrap,
#campaign .present,
#campaign .entry {
  text-align: center;
}
#campaign .title{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  width: 100%;
  max-width: 1000px;
}

#campaign .campaign_title,
#campaign .present_title {
  font-family: 'Shippori Mincho', serif;
  font-size: 20px;
  text-align: center;
  line-height: 34px;
  color: #AF9152;
  margin: 10px auto;
}
#campaign .campaign_lead,
#campaign .entry_lead {
  text-align: center;
  font-size: 16px;
  font-weight: 300;
  line-height: 180%;
  margin: 20px auto;
}

#campaign .campaign_period{
  font-size: 16px;
  color: #292929;
  background-color: #F3EDE1;
  border: none;
  padding: 6px 20px;
  line-height: 1.6;
  display: inline-block;
  letter-spacing: 0.05em;
  margin: 20px auto 40px;
  text-align: center;
}

#campaign .entry_title {
  font-family: 'Shippori Mincho', serif;
  font-size: 20px;
  text-align: center;
  line-height: 34px;
  color: #AF9152;
  margin: 40px auto 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid #AF9152;
}

#campaign .entry ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
#campaign .entry li {
  -webkit-flex: 1;
  flex: 1;
  background-color: #E4EAF6;
  padding: 15px 15px 0;
  position: relative;
}
#campaign .entry li:nth-of-type(2) {
  margin: 0 10px;
}
#campaign .entry li:nth-of-type(2) img {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 10px auto 0;
}
#campaign .entry li .step_title {
  font-size: 16px;
  border-bottom: 1px solid #333883;
  padding-bottom: 10px;
  margin: 5px auto 15px;
  text-align: left;
  letter-spacing: 0.05rem;
}
#campaign .entry li .step_title span {
  color: #333883;
  font-size:14px;
  font-weight: 500;
  margin-right: 10px;
}
#campaign .entry li .step_txt {
  font-weight: 300;
  text-align: left;
  line-height: 170%;
  letter-spacing: 0;
  margin: 0 auto 20px;
}
#campaign .entry li a img {
  display: block;
  margin: 10px auto;
}
#campaign .entry li img.btn_lineqr {
  margin: 10px auto 10px;
}
#campaign .entry li .line_id {
  font-size: 13px;
  letter-spacing: 0.05rem;
  margin-bottom: 10px;
}
#campaign .entry_footer_note {
  font-size: 12px;
  font-weight: 300;
  text-align: left;
  margin: 20px auto 0;
  line-height: 180%;
  letter-spacing: 0.02rem;
  max-width: 94%;
}
.shoplist_btn {
  text-align: center;
  margin: 40px auto 0;
}
.shoplist_btn p {
  font-size: 14px;
  text-align: center;
}
.shoplist_btn a {
  display: inline-block;
  background-color: #333333;
  color: white;
  text-decoration: none;
  text-align: center;
  padding: 14px 40px;
  margin: 20px auto;
  font-size: 16px;
  font-family: 'Shippori Mincho', serif;
  letter-spacing: 0.1em;
  transition: opacity 0.3s ease;
}
body.page-about-bouquet-fragrance main.pane-main .shoplist_btn a {
  color: white;
}
.shoplist_btn a:hover {
  opacity: 0.8;
}


@media only screen and (max-width: 960px) {
  /* COMPO */
  p{
    margin: 0;
  }
  .spDisp {
    display: block;
  }
  br.spDisp {
    display: block!important;
  }
  .spHide {
    display: none;
  }
  main {
    margin-top: 0;
    padding-top: 0;
  }
  sup {
    font-size: 9px;
    margin-right: 3px;
  }
  .block-container{
    padding-top: 6rem;
  }

  /* UNIQ */
  #start {
    padding-bottom: 20px;
    width: 100%;
  }
  #start .startMv {
    height: auto;
    margin: 0 auto 0px;
    width: 100%;
  }
  #start .startMv img{
    width: 100%;
  }
  .content_wrap{
    width: 92%;
  }
  #campaign {
    padding: 20px 10px 30px;
  }
}
@media only screen and (max-width: 767px){
  #campaign .campaign_period {
    margin: 10px auto 40px;
  }
  #campaign .present img{
    max-width: 60%;
  }
  #campaign .campaign_lead,
  #campaign .entry_lead {
    text-align: left;
    font-size: 14px;
    margin: 10px auto 20px;
    letter-spacing: 0.04rem;
  }
  #campaign .campaign_title, #campaign .present_title {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 28px;
  }
  .present p.present_item {
    letter-spacing: 0;
  }
  #campaign .entry_title {
    font-size: 16px;
  }
  #campaign .entry ul {
    display: block;
  }
  #campaign .entry li {
    padding: 15px 15px 15px;
    margin: 20px auto;
  }
  #campaign .entry li:nth-of-type(2) {
    padding: 15px 15px 0px;
    margin: 20px auto;
  }
  #campaign .entry li:nth-of-type(2) img {
    position: relative;
  }
  .shoplist_btn p {
    letter-spacing: 0.01rem;
  }
}

@media only screen and (max-width: 375px){
 .view_max375{
   display: block;
 }
 .shoplist_btn p {
  letter-spacing: 0;
 }
}
@media only screen and (max-width: 320px){
  #campaign .campaign_title, #campaign .present_title {
    font-size: 14px;
    line-height: 24px;
  }
  #campaign .campaign_period {
    font-size: 14px;
  }
  #campaign .entry_title {
    font-size: 14px;
  }
}

.btn_cv_bottom {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  width: 100%;
  translate: 0 100%;
  transition-duration: .6s;
  opacity: 0;
  text-align: center;
}

.btn_cv_bottom.fixed {
    position: fixed;
    bottom: 110px;
    text-align: center;
    left: 0;
    right: 0;
    z-index: +1;
    animation: cvbnfadeIn 2s ease 1s 1 normal backwards;
    translate: 0 100%;
    opacity: 1;
}
.btn_cv_bottom.fixed.none {
    opacity: 0;
    z-index: -1;
}
/*@keyframes cvbnfadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}*/

@media only screen and (max-width: 767px){
  .btn_cv_bottom.fixed {
    bottom: 90px;
  }
}