@charset "UTF-8";
html {
    font-size: 62.5%;
    scroll-behavior: smooth;
}

.lp-page {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  color: #111;
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0.05em;
  z-index: 0;
  padding-bottom: 12rem;
}
.lp-page img,
.lp-page svg {
  display: block;
  opacity: 1;
  width: 100%;
  height: auto;
}
.lp-page picture {
  display: block;
}
.lp-page a {
  display: block;
  color: inherit;
}
.lp-page *:focus {
  outline: none;
}
.lp-page a,
.lp-page label {
  -webkit-tap-highlight-color: rgba(240, 164, 149, 0.6);
}
.lp-page input {
  display: none;
}
.lp-page li,
.lp-page ol {
  list-style-type: none;
}


  main {
    max-width: 100vw;
  }
  #Wrap {
    width: auto;
  }
  .wrapTop,
.wrapBottom {
    width: 100%;
  }
  .lp-page .lp_bg {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100vw;
    height: 100vh;
    background: url(../img/bg.jpg) center center / cover no-repeat;
  }
  .lp-page a {
    cursor: pointer;
  }
  .lp-page .pcOnly {
    display: block;
  }
  .lp-page .spOnly {
    display: none;
  }

/* 追従メニュー */
.fixed-nav {
	display: none;
}
.fixed-nav.m_fixed {
	position: fixed;
    bottom: 1rem;
    left: 0;
    width: 100%;
    animation: fadein 1s ease-out forwards;
    display: block;
    z-index: 20;
}

.fixed-nav.m_fixed .nav-list {
    display: flex;
    align-items: center;
    justify-content: center;
}

.fixed-nav.m_fixed .nav-list li {
    background: #F7F6F4;
    font-size: 1.8rem;
    height: 6rem;
    width: 24rem;
    line-height: 6rem;
    margin: 0 0.5rem;
}


/*----------アニメーション----------*/
.fadein {
    opacity: 0;
    transform: translateY(0);
    transition: opacity 2s 0s, transform 2s 0s;
  }
  
  .fadein.fade-active {
    opacity: 1;
    transform: translateY(0) translateZ(0);
    transition: opacity 2s 0s, transform 2s 0s;
  }
  
  
  .fadeup {
    opacity: 0;
    transform: translateY(2rem);
    transition: opacity 1.3s 0s, transform 1.3s 0s;
  }
  
  .fadeup.fade-active {
    opacity: 1;
    transform: translateY(0) translateZ(0);
    transition: opacity 1.3s 0s, transform 1.3s 0s;
  }
  
  .fadein-load {
    opacity: 0;
    transition: opacity 1s;
  }
  
  .fadein-load.fade-active {
    opacity: 1;
    transition: opacity 1s;
  }
  
  .fadeup-load {
    opacity: 0;
    transform: translateY(5rem) translateZ(0);
    transition: opacity 1.3s 0s, transform 1.3s 0s;
  }
  
  .fadeup-load.fade-active {
    opacity: 1;
    transform: translateY(0) translateZ(0);
    transition: opacity 1.3s 0s, transform 1.3s 0s;
  }




.lp-page .main-area h2 {
    width: 84rem;
    margin: 8rem auto 4rem;
}

.lp-page .main-area p {
    text-align: center;
    line-height: 2;
    font-size: 1.6rem;
}

.lp-page .main-area .nav-list {
    display: flex;
    margin: 6rem auto 0;
    width: 86rem;
    align-items: center;
    justify-content: space-between;
}

.lp-page .nav-list li {
    width: 28rem;
    height: 7rem;
    border-radius: 0.2rem;
    border: 1px solid #111;
    background: rgb(255 255 255 / 50%);
    font-size: 2.5rem;
    text-align: center;
    line-height: 7rem;
    font-family: 'Bodoni Moda', serif;
    font-weight: 600;
}

.lp-page .cont-area h3 {
    font-family: 'Bodoni Moda', serif;
    font-weight: 500;
    text-align: center;
    font-size: 8rem;
    position: relative;
    padding-top: 3rem;
}

.lp-page .cont-area h3::before {
    content: '';
    position: absolute;
    background: url(../img/ttl_heart.png) no-repeat;
    width: 3rem;
    height: 3.2rem;
    background-size: 100%;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
}

.lp-page .cont-area {
    margin: 12rem auto;
}

.lp-page .cont-area .intro-txt {
    text-align: center;
    font-size: 1.6rem;
    line-height: 2;
}

.lp-page .cont-area .mv-area {
    position: relative;
    height: 50rem;
    width: 50rem;
    margin: 4rem auto 8rem;
}

.lp-page .cont-area .mv-area .img-mv {
    /* border: 2px solid #111; */
}

.lp-page .cont-area .mv-area .img-line {
    position: absolute;
    top: 0;
    left: 0;
}

.lp-page .cont-area .mv-area .img-heart {
    position: absolute;
    width: 12rem;
    right: -20rem;
    bottom: 5rem;
}

.lp-page .cont-area .pickup-area {
    background: #FFFBF7;
    width: 110rem;
    margin: 0 auto 8rem;
    border-radius: 0.2rem;
    box-shadow: 0 0 6px #dddddd;
    position: relative;
    padding: 7rem 12rem 8rem;
}

.lp-page .cont-area .pickup-area .img-ico {
    position: absolute;
    width: 18rem;
    top: -4rem;
    left: -4rem;
}

.lp-page * {
    box-sizing: border-box;
}

.lp-page .cont-area .pickup-area h4 {
    text-align: center;
    font-weight: 500;
    font-size: 2.2rem;
}

.lp-page .cont-area .pickup-area h4 .en-txt {
    font-family: 'Bodoni Moda', serif;
}

.lp-page .cont-area .pickup-area h4 span {
    font-size: 3rem;
}

.lp-page .cont-area .pickup-area .intro-txt {
    font-size: 1.4rem;
    margin: 1.5rem auto 3.5rem;
}

.lp-page .cont-area .pickup-area .item-area {
    display: flex;
    align-items: center;
}

.lp-page .cont-area .pickup-area .item-area .img-item {
    width: 39rem;
    margin-right: 4rem;
}

.lp-page .cont-area .pickup-area .item-area .item-name dt {
    font-size: 1.4rem;
}

.lp-page .cont-area .pickup-area .item-area .item-name dd {
    font-size: 1.6rem;
    padding: 0.5rem 0 1.5rem;
}

.lp-page .cont-area .pickup-area .item-area .item-name .tax {
    font-size: 1.1rem;
}

.lp-page .cont-area .pickup-area .item-area .item-name .ico {
    font-size: 1.2rem;
    border: 1px solid;
    padding: 0 0.3rem;
    margin-right: 0.3rem;
    border-radius: 0.1rem;
}
.lp-page .cont-area .img-line {
    position: relative;
}

.lp-page .cont-area .img-line li {
    position: absolute;
    width: 40%;
    top: 4rem;
}

.lp-page .cont-area .img-line li:nth-child(1) {
    left: 0;
}

.lp-page .cont-area .img-line li:nth-child(2) {
    right: 0;
}

.lp-page .cont-area .img-line img {
    height: 50rem;
}

.lp-page .cont-area .item-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 110rem;
    margin: 8rem auto;
	gap: 1.2rem;
}

.lp-page .cont-area .item-inner {
    width: 26.6rem;
    box-shadow: 0 0 6px #dddddd;
    background: #fff;
    border-radius: 0.2rem;
}

.lp-page .cont-area .item-inner .item-name dt {
    font-family: 'Bodoni Moda', serif;
    font-size: 1.6rem;
    padding: 1.5rem 1.5rem 0.2rem;
}

.lp-page .cont-area .item-inner .item-name dd {
    font-size: 1.3rem;
    padding: 0 1.5rem;
    line-height: 1.5;
}

.lp-page .cont-area .item-inner .fl-area {
    display: flex;
    padding: 1.5rem;
    align-items: flex-start;
    justify-content: space-between;
}

.lp-page .cont-area .item-inner .tax {
    font-size: 1.1rem;
}

.lp-page .cont-area .item-inner .item-price {
    font-size: 1.6rem;
}

.lp-page .btn-detail {
    font-family: 'Bodoni Moda', serif;
    font-size: 1.2rem;
    color: #fff;
    text-align: center;
    background: #A80727;
    border-radius: 0.2rem;
    width: 8rem;
    height: 3rem;
    line-height: 3rem;
    box-shadow: 0 0 4px #aaa;
}

.lp-page .btn-list a {
    width: 45rem;
    background: #A80727;
    font-size: 1.4rem;
    color: #fff;
    text-align: center;
    line-height: 1.6;
    margin: 0 auto;
    padding: 1.5rem 0;
    border-radius: 0.2rem;
    box-shadow: 0 0 4px #aaa;
    position: relative;
}

.lp-page .btn-list span {
    font-family: 'Bodoni Moda', serif;
    font-size: 2rem;
    display: block;
}

.lp-page .btn-list a::after {
    content: '';
    position: absolute;
    background: url(../img/arrow_white.png) no-repeat;
    width: 2.2rem;
    height: 1.1rem;
    background-size: 100%;
    right: 2rem;
    top: 50%;
    transform: translate(0, -50%);
}
.lp-page #FORYOU .mv-area .img-heart {
    right: auto;
    left: -20rem;
}

.lp-page .all-list a {
    background: rgb(255 255 255 / 50%);
    border: 1px solid;
    color: #111;
    box-shadow: none;
    width: 60rem;
    padding: 2rem 0;
}

.lp-page .all-list a::after {
    background: url(../img/arrow_black.png) no-repeat;
    background-size: 100%;
}

#FooterWrap {
    position: relative;
    z-index: 50;
}
/*--------------------------------
SP  Only
--------------------------------*/
@media (max-width: 768px) {
.lp-page .spOnly {
  display: block;
}
.lp-page .pcOnly {
  display: none;
}

.lp-page .main-area h2 {
    width: calc(354 * (100vw / 390));
    margin: calc(40 * (100vw / 390)) auto calc(20 * (100vw / 390));
}

.lp-page .main-area p {
    font-size: calc(14 * (100vw / 390));
}

.lp-page .main-area .nav-list {
    width: calc(350 * (100vw / 390));
    margin: calc(40 * (100vw / 390)) auto 0;
}

.lp-page .nav-list li {
    font-size: calc(15 * (100vw / 390));
    line-height: 1.4;
    width: calc(112 * (100vw / 390));
    padding: calc(12 * (100vw / 390)) 0;
    height: auto;
}

.lp-page .main-area .nav-list li span {
    font-size: calc(20 * (100vw / 390));
    display: block;
}

.lp-page .cont-area {
    margin: calc(60 * (100vw / 390)) auto;
}

.lp-page .cont-area h3 {
    font-size: calc(45 * (100vw / 390));
    padding-top: calc(20 * (100vw / 390));
}

.lp-page .cont-area h3::before {
    width: calc(18 * (100vw / 390));
    height: calc(20 * (100vw / 390));
}

.lp-page .cont-area .intro-txt {
    font-size: calc(14 * (100vw / 390));
}

.lp-page .cont-area .img-line {
    display: none;
}

.lp-page .cont-area .mv-area {
    width: calc(270 * (100vw / 390));
    height: calc(270 * (100vw / 390));
    margin: calc(30 * (100vw / 390)) auto calc(40 * (100vw / 390));
}

.lp-page .cont-area .mv-area .img-heart {
    display: none;
}

.lp-page .cont-area .pickup-area {
    width: calc(350 * (100vw / 390));
    padding: calc(30 * (100vw / 390)) calc(30 * (100vw / 390)) calc(15 * (100vw / 390));
    margin-bottom: calc(20 * (100vw / 390));
}

.lp-page .cont-area .pickup-area .img-ico {
    width: calc(90 * (100vw / 390));
    top: calc(-20 * (100vw / 390));
    left: calc(-15 * (100vw / 390));
}

.lp-page .cont-area .pickup-area h4 {
    font-size: calc(15 * (100vw / 390));
    line-height: 2;
}

.lp-page .cont-area .pickup-area h4 span {
    font-size: calc(22 * (100vw / 390));
    line-height: 1.2;
}

.lp-page .cont-area .pickup-area .intro-txt {
    text-align: left;
    font-size: calc(13 * (100vw / 390));
    margin: calc(15 * (100vw / 390)) auto calc(25 * (100vw / 390));
}

.lp-page .cont-area .pickup-area .item-area {
    display: block;
}

.lp-page .cont-area .pickup-area .item-area .img-item {
    width: 100%;
    margin: 0 0 calc(25 * (100vw / 390)) 0;
}

.lp-page .cont-area .pickup-area .item-area .item-name dt {
    font-size: calc(13 * (100vw / 390));
}

dt {}

.lp-page .cont-area .pickup-area .item-area .item-name dd {
    font-size: calc(15 * (100vw / 390));
}

.lp-page .cont-area .pickup-area .item-area .item-name .tax {
    font-size: calc(10 * (100vw / 390));
}

.lp-page .cont-area .pickup-area .item-area .item-name .ico {
    font-size: calc(11 * (100vw / 390));
}

.pickup-area {}

.lp-page .cont-area .item-list {
    display: block;
    width: calc(350 * (100vw / 390));
    margin: calc(20 * (100vw / 390)) auto calc(40 * (100vw / 390));
}

.lp-page .cont-area .item-inner {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: calc(10 * (100vw / 390));
}

.lp-page .cont-area .item-inner .item-img {
    width: calc(150 * (100vw / 390));
}

.lp-page .cont-area .item-inner .item-txt {
    width: calc(170 * (100vw / 390));
    margin-left: calc(15 * (100vw / 390));
}

.lp-page .cont-area .item-inner .item-name dt {
    font-size: calc(15 * (100vw / 390));
    padding: 0 0 calc(2 * (100vw / 390));
}

.lp-page .cont-area .item-inner .item-name dd {
    font-size: calc(12 * (100vw / 390));
    padding: 0;
}

.lp-page .cont-area .item-inner .fl-area {
    padding: calc(10 * (100vw / 390)) 0 0;
}

.lp-page .cont-area .item-inner .item-price {
    font-size: calc(15 * (100vw / 390));
}

.lp-page .cont-area .item-inner .tax {
    font-size: calc(10 * (100vw / 390));
}

.lp-page .btn-detail {
    font-size: calc(11 * (100vw / 390));
    width: calc(62 * (100vw / 390));
    height: calc(28 * (100vw / 390));
    line-height: calc(28 * (100vw / 390));
}

.lp-page .btn-list a {
    width: calc(350 * (100vw / 390));
    font-size: calc(12 * (100vw / 390));
}

.lp-page .btn-list span {
    font-size: calc(18 * (100vw / 390));
}

.lp-page .btn-list a::after {
    right: calc(15 * (100vw / 390));
}
	
.fixed-nav.m_fixed .nav-list li {
    font-size: calc(13 * (100vw / 390));
    height: calc(50 * (100vw / 390));
    line-height: calc(50 * (100vw / 390));
    padding: 0;
    width: calc(112 * (100vw / 390));
    margin: 0 calc(3.5 * (100vw / 390));
}

.lp-page {
    padding-bottom: calc(60 * (100vw / 390));
}
}