@charset "UTF-8";

/*--------------------------------
            Fade In
 --------------------------------*/

#lp_contents .fadeIn {
  opacity: 0;
  transition: 2s;
}

#lp_contents .fadeIn.is-show {
  opacity: 1;
}

#lp_contents .fadeInUp {
  opacity: 0;
  transform: translate(0, 50px);
  transition: 2s;
}

#lp_contents .fadeInUp.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

#lp_contents .delay1{
  transition-delay: 0.25s;
}
#lp_contents .delay2{
  transition-delay: 0.5s;
}
#lp_contents .delay3{
  transition-delay: 0.75s;
}
#lp_contents .delay4{
  transition-delay: 1s;
}

/*--------------------------------
            rotate
 --------------------------------*/

#lp_contents .rotate{
  opacity: 0;
  transition: all 1s;
}

#lp_contents .rotate.active{
  opacity: 1;
}

#lp_contents .rotate img {
  transform: rotate(2deg);
  transition: all 1s;
  transition-delay: 0.5s;
}

#lp_contents .rotate::before{
  transform: rotate(-2deg);
  transition: all 1s;
  transition-delay: 0.5s;
}

#lp_contents .rotate.active img{
  transform: rotate(-2deg);
}

#lp_contents .rotate.active::before{
  transform: rotate(2deg);
}

#lp_contents .rotate.img_blk{
  position: relative;
  width: 48rem;
  margin: 0 auto;
}

#lp_contents .rotate.img_blk:before{
  content: "";
  width: 49rem;
  height: 49rem;
  background: transparent linear-gradient(135deg, #F6F4EE 0%, #C7C5B8 100%) 0% 0% no-repeat padding-box;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}

@media (max-width: 767px) {
#lp_contents .rotate.img_blk{
  width: calc(330 *(100vw / 430));
}

#lp_contents .rotate.img_blk:before{
  width: calc(340 *(100vw / 430));
  height: calc(340 *(100vw / 430));
  left: calc(-10 *(100vw / 430));
}
}


/*--------------------------------
            slider
 --------------------------------*/

#lp_contents .lineup_wrap .slick-list{
  padding: 2rem 0 0 2rem;
}

#lp_contents .lineup_wrap .lineup_blk ul li .slick-list{
  padding: 0;
}

#lp_contents .slick-track {
  display: flex;
}
#lp_contents .slick-slide {
  height: auto !important;
}

#lp_contents .slick-arrow {
    z-index: 2;
    width: 6rem;
    height: 6rem;
}

#lp_contents .slick-prev {
  top: 18rem;
  left: -30rem;
}

#lp_contents .slick-next {
  top: 18rem;
  left: -22rem;
}

#lp_contents .slick-prev:before,
#lp_contents .slick-next:before {
  font-family: initial;
  font-size: 6rem;
  content: "";
  background-image: url(../img/arrow-left.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  width: 6rem;
  height: 6rem;
}

#lp_contents .slick-next:before {
  background-image: url(../img/arrow-right.svg);
}

#lp_contents .fade_slide .slick-list{
  overflow: initial !important;
}

@media (max-width: 767px) {
#lp_contents .lineup_wrap .slick-list{
  padding: calc(10 *(100vw / 430)) 0 0 calc(20 *(100vw / 430));
}

#lp_contents .slick-arrow {
  width: calc(40 *(100vw / 430));
  height: calc(40 *(100vw / 430));
}

#lp_contents .slick-prev {
  top: calc(-45 *(100vw / 430));
  left: auto;
  right: calc(70 *(100vw / 430));
}

#lp_contents .slick-next {
  top: calc(-45 *(100vw / 430));
  left: auto;
  right: calc(15 *(100vw / 430));
}

#lp_contents .slick-prev:before,
#lp_contents .slick-next:before {
  font-size: calc(40 *(100vw / 430));
  width: calc(40 *(100vw / 430));
  height: calc(40 *(100vw / 430));
}
}


/*--------------------------------
            modal
 --------------------------------*/

#lp_contents .modal_btn{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 16rem;
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.6rem;
  background: #000;
  color: #fff;
  font-family: 'Poppins', sans-serif;
  font-size: 1.2rem;
  letter-spacing: 0.05em;
}

#lp_contents .modal_btn .arrow{
  position: absolute;
  width: 1rem;
  height: 1rem;
  top: 0;
  bottom: 0;
  right: 1rem;
  margin: auto;
}

#lp_contents .modal_btn .arrow:before,
#lp_contents .modal_btn .arrow:after{
  content: '';
  background: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

#lp_contents .modal_btn .arrow:before{
  width: 1rem;
  height: 1px;
}

#lp_contents .modal_btn .arrow:after{
  width: 1px;
  height: 1rem;
  left: 0;
  right: 0;
}

#lp_contents .modal_btn img{
  width: 1.2rem !important;
}

#lp_contents .modal{
  display: none;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}

#lp_contents .modal__bg{
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}

#lp_contents .modal__content{
  background: #fff;
  padding: 6rem 0 8rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 99rem;
}

#lp_contents .review_ttl{
  font-family: "the-seasons", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-size: 3.6rem;
  line-height: 1;
  letter-spacing: 0.05em;
  color: #45300B;
  text-align: center;
  margin: 0 auto 3rem;
}

#lp_contents .review_ttl span{
  display: block;
  font-size: 1.8rem;
  letter-spacing: 0.1em;
  margin-top: 1rem;
}

#lp_contents .modal__content ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#lp_contents .modal__content ul li{
  width: 36rem;
}

#lp_contents .modal__content ul li:first-child{
  padding-right: 6rem;
  margin-right: 6rem;
  border-right: 1px solid #D8D6D1;
  box-sizing: content-box;
}

#lp_contents .modal__content ul li img{
  width: 12rem;
  margin: 0 auto 2rem;
}

#lp_contents .heading{
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-size: 2rem;
  line-height: 1.5;
  margin-bottom: 1.5rem;
  text-align: center;
}

#lp_contents .comment{
  font-size: 1.4rem;
  letter-spacing: 0 !important;
}

#lp_contents .modal__content .js-modal-close{
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  top: 2rem;
  right: 2rem;
}

#lp_contents .modal__content .js-modal-close:before,
#lp_contents .modal__content .js-modal-close:after{
  content: '';
  width: 1.8rem;
  height: 1px;
  background: #000000;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

#lp_contents .modal__content .js-modal-close:before{
  transform: rotate(45deg);
}

#lp_contents .modal__content .js-modal-close:after{
  transform: rotate(-45deg);
}

@media (max-width: 767px) {
#lp_contents .modal_btn{
  width: calc(160 *(100vw / 430));
  height: calc(30 *(100vw / 430));
  gap: calc(6 *(100vw / 430));
  font-size: calc(12 *(100vw / 430));
}

#lp_contents .modal_btn .arrow{
  width: calc(10 *(100vw / 430));
  height: calc(10 *(100vw / 430));
  right: calc(10 *(100vw / 430));
}

#lp_contents .modal_btn .arrow:before{
  width: calc(10 *(100vw / 430));
}

#lp_contents .modal_btn .arrow:after{
  height: calc(10 *(100vw / 430));
}

#lp_contents .modal_btn img{
  width: calc(12 *(100vw / 430)) !important;
}

#lp_contents .modal__content{
  padding: calc(40 *(100vw / 430)) 0;
  width: calc(390 *(100vw / 430));
  max-height: 90svh;
  overflow: scroll;
}

#lp_contents .review_ttl{
  font-size: calc(30 *(100vw / 430));
  margin: 0 auto calc(40 *(100vw / 430));
}

#lp_contents .review_ttl span{
  font-size: calc(13 *(100vw / 430));
  margin-top: calc(10 *(100vw / 430));
}

#lp_contents .modal__content ul li{
  width: calc(350 *(100vw / 430));
}

#lp_contents .modal__content ul li:first-child{
  padding-right: 0;
  padding-bottom: calc(40 *(100vw / 430));
  margin-right: 0;
  margin-bottom: calc(40 *(100vw / 430));
  border-right: none;
  border-bottom: 1px solid #D8D6D1;
}

#lp_contents .modal__content ul li img{
  width: calc(120 *(100vw / 430));
  margin: 0 auto calc(20 *(100vw / 430));
}

#lp_contents .heading{
  font-size: calc(18 *(100vw / 430));
  margin-bottom:calc(8 *(100vw / 430));
}

#lp_contents .comment{
  font-size: calc(14 *(100vw / 430));
  letter-spacing: 0 !important;
}

#lp_contents .modal__content .js-modal-close{
  width:calc(15 *(100vw / 430));
  height: calc(15 *(100vw / 430));
  top: calc(20 *(100vw / 430));
  right: calc(20 *(100vw / 430));
}

#lp_contents .modal__content .js-modal-close:before,
#lp_contents .modal__content .js-modal-close:after{
  width: calc(18 *(100vw / 430));
}
}


/*--------------------------------
                canvas
 --------------------------------*/

html,
body {
  height: 100%;
}

#canvas {
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  pointer-events: none;
}

body.o-start #canvas {
  cursor: none;
}

.dg, .ac {
    display: none;
}


/*--------------------------------
                共 通
 --------------------------------*/

#Wrap,.wrapBottom,.wrapTop{
  width: 100%;
}

#lp_contents *{
  box-sizing: border-box;
}

#lp_contents{
  font-family: "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
  /*font-feature-settings: "palt";*/
  letter-spacing: 0.1em;
  color: #000000;
  overflow: hidden;
  position: relative;
}
#lp_contents .sp_only{display: none;}
#lp_contents img{width: 100%;display: block;}
#lp_contents a{display: block;}
#lp_contents ul li,#LP_page ol li{list-style: none;}
#lp_contents h1{padding: 0;float: none;}
#lp_contents p {
  display: block;
  margin: 0;
  font-size: 1.2rem;
  line-height: 2;
  text-align: justify;
}
#lp_contents b{color: #000000;}
#lp_contents small{
  display: block;
  margin-top: 0.5rem;
  font-size: 1rem;
  line-height: 1.5;
}
#lp_contents sup{
  font-size: 75%;
  margin-top: -0.6rem;
}


/*------------ all ------------*/

#lp_contents h2{
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  text-align: center;
  font-size: 3rem;
  line-height: 1.5;
  margin: 0 auto 8rem;
  color: #45300B;
}

#lp_contents h2 span{
  display: block;
  font-family: "the-seasons", serif;
  font-size: 3.6rem;
  line-height: 1;
  letter-spacing: 0.05em;
  margin: 0 auto 1rem;
}

#lp_contents h2 small{
  display: block;
  font-family: 'Poppins', sans-serif;
  font-weight: 200;
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: 0.15em;
  margin: 0 auto 0.02rem;
}

#lp_contents h3{
  position: relative;
  font-family: "the-seasons", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-size: 3.6rem;
  line-height: 1;
  letter-spacing: 0.05em;
  color: #45300B;
  width: fit-content;
  margin-bottom: 4rem;
}

#lp_contents h3 sub{
  font-size: 1.4rem;
  position: absolute;
  display: block;
  top: 1.7rem;
  right: -4rem;
}

#lp_contents h3 span{
  display: block;
  font-size: 1.3rem;
  letter-spacing: 0.1em;
  margin-top: 1rem;
}

#lp_contents .line{
  font-weight: bold;
  border-bottom: 2px solid #EAE0BA;
}

#lp_contents .text{
  font-size: 1.5rem;
  letter-spacing: 0;
}

#lp_contents .link_text{
  font-family: "the-seasons",serif;
  font-size: 1.4rem;
  text-align: center;
  margin: 1rem auto 0;
  padding: 0 0.2rem 0.2rem;
  border-bottom: 1px solid;
  width: fit-content;
  line-height: 1;
}


/*pop_link*/

#lp_contents .pop_link{
  background: transparent linear-gradient(180deg, #4D3D21 0%, #A88E60 47%, #4D3D21 100%) 0% 0% no-repeat padding-box;
  padding: 0.5rem;
  opacity: 0;
  display: none;
  transition: 1s;
}

#lp_contents .pop_link.none{
  opacity: 0;
  display: none;
}

#lp_contents .pop_link.fixed{
  opacity: 0.85;
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
}

#lp_contents .pop_link a{
  padding: 2.4rem 2rem;
  border: 1px solid #fff;
}

#lp_contents .pop_link p{
  font-family: "the-seasons", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  line-height: 1;
  text-align: center;
  color: #fff;
}

#lp_contents .pop_link .pop_ttl{
  font-size: 1.4rem;
  font-weight: bold;
}

#lp_contents .pop_link .pop_ttl span{
  font-size: 1.6rem;
  display: inline-block;
  margin-left: 0.8rem;
  letter-spacing: 0.05em;
}

#lp_contents .pop_link .pop_date{
  font-size: 1.7rem;
  margin: 1rem 0;
}

#lp_contents .pop_link .pop_text{
  font-size: 1.3rem;
  font-weight: bold;
  text-decoration: underline;
  letter-spacing: 0.05em;
}


/*------------ sec_nav ------------*/

#lp_contents .sec_nav{
  padding: 8rem 0 10rem;
  background: #F9F8F3;
}

#lp_contents .nav_wrap{
  text-align: center;
  color: #45300B;
}

#lp_contents .nav_ttl{
  font-family: "the-seasons", serif;
  font-size: 3.6rem;
  line-height: 1;
  letter-spacing: 0.05em;
  margin: 0 auto 6rem;
  text-align: center;
}

#lp_contents .nav_ttl span{
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  display: block;
  font-size: 2.4rem;
  letter-spacing: 0.1em;
  margin-top: 2rem;
}

#lp_contents .nav_wrap ul{
  position: relative;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: fit-content;
  margin: auto;
}

#lp_contents .nav_wrap ul::before{
  content: '';
  width: 1px;
  height: 100%;
  background-image: url(../img/line_y.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 0;
}

#lp_contents .nav_wrap ul li{
  position: relative;
  padding: 0 4rem;
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.75;
  letter-spacing: 0;
}

#lp_contents .nav_wrap ul li:before{
  content: '';
  width: 1px;
  height: 100%;
  background-image: url(../img/line_y.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: 0;
  top: 0;
}

#lp_contents .nav_wrap ul li span{
  display: block;
  font-family: "the-seasons", serif;
  font-size: 2.2rem;
  line-height: 1;
  letter-spacing: 0.05em;
  margin-bottom: 1rem;
}


/*------------ sec_mv ------------*/

#lp_contents .sec_mv *{
  position: relative;
  z-index: 2;
}

#lp_contents .sec_mv{
  padding: 4rem 0 10rem;
}

#lp_contents .sec_mv::before{
  content: '';
  display: block;
  width: 100%;
  height: 56rem;
  background: linear-gradient(#888362 0%, #fff 100%);
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
}

#lp_contents .sec_mv .mv_wrap{
  margin: 0 auto 7rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6rem;
}

#lp_contents .sec_mv .img_blk{
  position: relative;
  width: 65rem;
  padding: 0 2rem 2rem 0;
  margin: 0;
}

#lp_contents .sec_mv .img_blk::before{
  content: '';
  background-image: url(../img/mv_pc.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 65rem;
  height: 50rem;
  position: absolute;
  right: 0;
  bottom: 0;
  opacity: 0.2;
}

#lp_contents .sec_mv h1{
  text-align: center;
  font-family: "the-seasons", serif;
  font-size: 5.6rem;
  line-height: 1;
  letter-spacing: 0.05em;
  color: #45300B;
}

#lp_contents .sec_mv h1 span{
  display: block;
  font-size: 2.4rem;
  margin-bottom: 1.5rem;
}

#lp_contents .sec_mv .lead{
  text-align: center;
  font-size: 1.8rem;
  line-height: 2;
  margin: 0 auto 10rem;
}

#lp_contents .sec_mv ul li a{
  padding-bottom: 3rem;
}

#lp_contents .sec_mv ul li a::after{
  content: '';
  width: 0.8rem;
  height: 1rem;
  background-image: url(../img/arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  transition: all 0.5s;
}

#lp_contents .sec_mv ul li a:hover::after{
  bottom: -1rem;
}


/*------------ sec_item ------------*/

#lp_contents .sec_item{
  padding: 10rem 0 12rem;
  background: transparent linear-gradient(147deg, #F0EDE1 0%, #E5E2D2 17%, #F9F8F3 33%, #E5E2D2 50%, #F9F8F3 67%, #E5E2D2 84%, #F0EDE1 100%) 0% 0% no-repeat padding-box;
}


/*lineup_wrap*/

#lp_contents .sec_item .lineup_wrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10rem 8rem;
  width: 140rem;
  margin: auto;
}

#lp_contents .sec_item .slider_blk{
  position: relative;
  width: 140rem;
  margin: 0 auto;
}

#lp_contents .sec_item .slider_blk h3{
  position: absolute;
  top: 6rem;
  left: 0;
}

#lp_contents .sec_item .item_blk{
  display: flex;
  justify-content: center;
}

#lp_contents .sec_item .item_blk.item_slider{
  width: 100vw;
  display: block;
  margin-left: 30rem;
}

#lp_contents .sec_item .item_blk li{
  position: relative;
  width: 30rem;
  padding: 2rem 2rem 3rem;
  background: #fff;
  margin-right: 1rem;
}

#lp_contents .sec_item .item_blk.item_slider li{
  padding: 2rem 2rem 5rem;
}

#lp_contents .sec_item .item_blk li:first-child:last-child{
  margin-right: 0;
}

#lp_contents .sec_item .icon{
  width: 7.2rem;
  height: 7.2rem;
  border-radius: 100%;
  background: transparent linear-gradient(180deg, #5D0E0E 0%, #C9A59C 100%) 0% 0% no-repeat padding-box;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Poppins', sans-serif;
  font-size: 1.2rem;
  font-weight: 500;
  text-align: center;
  line-height: 1.4;
  color: #fff;
  position: absolute;
  top: -2rem;
  left: -2rem;
  z-index: 2;
  opacity: 0.8;
}

#lp_contents .sec_item .item_blk .brand_name{
  margin-top: 2rem;
  font-family: "the-seasons", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-size: 1.8rem;
  line-height: 1;
  letter-spacing: 0.05em;
  text-align: center;
}

#lp_contents .sec_item .text_blk{
  text-align: center;
}

#lp_contents .sec_item .text_blk p{
  letter-spacing: 0;
}

#lp_contents .sec_item .item_name{
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: 0.1em;
  margin-top: 1rem;
}

#lp_contents .sec_item .item_price{
  font-family: "the-seasons", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-size: 1.4rem;
  text-align: center;
}

#lp_contents .sec_item .item_price .tax{
  display: inline-block;
  font-size: 1rem;
  margin: 0 0 0 0.5rem;
}

#lp_contents .sec_item .tag{
  min-width: 5.6rem;
  height: 2rem;
  padding: 0 1.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.1em;
  line-height: 2rem;
  font-size: 1.1rem;
  border: 1px solid;
  margin: 0.8rem auto 2rem;
}

#lp_contents .sec_item .tag.product{
  color: #B7563A;
  border: 1px solid #B7563A;
}

#lp_contents .sec_item .item_blk .item_lead{
  text-align: center;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-size: 1.4rem;
  line-height: 1.75;
  letter-spacing: 0;
  font-weight: bold;
  margin: 0 auto 1rem;
}


/*item_wrap*/

#lp_contents .item_wrap{
  width: 114rem;
  margin: -10rem auto 0;
  padding-top: 10rem;
}

#lp_contents .item_wrap:not(:last-child){
  padding-bottom: 8rem;
  margin-bottom: 8rem;
  border-bottom: 1px solid #D8D6D1;
}

#lp_contents .item_wrap_inner{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8rem;
}

#lp_contents .item_wrap_inner .text_blk{
  width: 56rem;
}


/*------------ sec_cv ------------*/

#lp_contents .sec_cv{
  padding: 12rem 0;
}

#lp_contents .sec_cv .text_blk{
  margin: 5rem auto 0;
}

#lp_contents .sec_cv .text_blk p{
  text-align: center;
  font-size: 1.8rem;
  line-height: 1;
}

#lp_contents .sec_cv .text_1 span{
  display: inline-block;
  margin: 0 1rem 2rem;
  padding-bottom: 0.4rem;
}

#lp_contents .sec_cv p.price_text{
  font-family: "the-seasons", serif;
  font-size: 3.6rem;
  letter-spacing: 0.05em;
  margin: 2rem auto 0;
}

#lp_contents .sec_cv .price_text .off{
  width: 11rem;
  height: 4rem;
  background: transparent linear-gradient(110deg, #D8CCAC 0%, #EFEAE2 52%, #D8CCAC 100%) 0% 0% no-repeat padding-box;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 1.2rem;
  font-size: 2.7rem;
}

#lp_contents .sec_cv .price_text .off span{
  margin-top: 0.7rem;
}

#lp_contents .sec_cv .price_text span:not(.off){
  display: inline-block;
  font-size: 1.6rem;
  margin-left: 0.4rem;
}

#lp_contents .sec_cv .btn_blk{
  width: 30rem;
  height: 6rem;
  background: #000;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  letter-spacing: 0.05em;
  margin: 2.5rem auto 0;
}


/*movie_wrap*/

#lp_contents .movie_wrap{
  position: relative;
  width: 42rem;
  padding: 0.9rem;
  border: 1px solid #A0915B;
  margin: 0 auto 10rem;
}

#lp_contents .movie_wrap .movie{
  position: relative;
  padding: 177.7777777777778% 0 0 0;
}

#lp_contents .movie_wrap iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/*--------------------------------
            Responsive
 --------------------------------*/

@media screen and (max-width: 1600px){
  html {
    font-size: calc(10 * (100vw / 1600));
  }
}

/*--------------------------------
            Layout  SP
 --------------------------------*/
@media (max-width: 767px) {

#lp_contents{
  margin-bottom: calc(-30 *(100vw / 430));
}
#lp_contents .sp_only{display: block;}
#lp_contents .pc_only{display: none;}

#lp_contents p {
  font-size: calc(12 *(100vw / 430));
}
#lp_contents small{
  margin-top: calc(10 *(100vw / 430));
  font-size: calc(10 *(100vw / 430));
}


/*------------ all ------------*/

#lp_contents h2{
  font-size: calc(22 *(100vw / 430));
  margin: 0 auto calc(40 *(100vw / 430));
}

#lp_contents h2 span{
  font-size: calc(36 *(100vw / 430));
  margin: 0 auto calc(15 *(100vw / 430));
}

#lp_contents h2 small{
  font-size: calc(12 *(100vw / 430));
  margin: 0 auto calc(2 *(100vw / 430));
}

#lp_contents h3{
  font-size: calc(30 *(100vw / 430));
  margin-bottom: calc(30 *(100vw / 430));
  padding-left: calc(20 *(100vw / 430));
}

#lp_contents h3 sub{
  font-size: calc(14 *(100vw / 430));
  top: calc(12 *(100vw / 430));
  right: calc(-36 *(100vw / 430));
}

#lp_contents h3 span{
  font-size: calc(13 *(100vw / 430));
  margin-top: calc(10 *(100vw / 430));
}

#lp_contents .text{
  font-size: calc(15 *(100vw / 430));
}

#lp_contents .link_text{
  font-size: calc(14 *(100vw / 430));
  margin: calc(10 *(100vw / 430)) auto 0;
  padding: 0 calc(2 *(100vw / 430)) calc(2 *(100vw / 430));
}


/*pop_link*/

#lp_contents .pop_link{
  padding: calc(5 *(100vw / 430));
}

#lp_contents .pop_link.fixed{
  bottom: calc(15 *(100vw / 430));
  right: calc(15 *(100vw / 430));
}

#lp_contents .pop_link a{
  padding: calc(15 *(100vw / 430)) calc(20 *(100vw / 430)) calc(12 *(100vw / 430));
}

#lp_contents .pop_link .pop_ttl{
  font-size: calc(12 *(100vw / 430));
}

#lp_contents .pop_link .pop_ttl span{
  font-size: calc(14 *(100vw / 430));
  margin-left: calc(8 *(100vw / 430));
}

#lp_contents .pop_link .pop_date{
  font-size: calc(15 *(100vw / 430));
  margin: calc(8 *(100vw / 430)) 0;
}

#lp_contents .pop_link .pop_text{
  font-size: calc(11 *(100vw / 430));
}


/*------------ sec_nav ------------*/

#lp_contents .sec_nav{
  padding: calc(60 *(100vw / 430)) 0;
}

#lp_contents .nav_ttl{
  font-size: calc(30 *(100vw / 430));
  margin: 0 auto calc(30 *(100vw / 430));
}

#lp_contents .nav_ttl span{
  font-size: calc(18 *(100vw / 430));
  margin-top: calc(15 *(100vw / 430));
}

#lp_contents .nav_wrap ul::before{
  content: none;
}

#lp_contents .nav_wrap ul li{
  width: calc(185 *(100vw / 430));
  padding: 0;
  font-size: calc(14 *(100vw / 430));
  box-sizing: content-box;
}

#lp_contents .nav_wrap ul li:nth-child(odd){
  margin-right: calc(15 *(100vw / 430));
}

#lp_contents .nav_wrap ul li:nth-child(even){
  margin-left: calc(15 *(100vw / 430));
}

#lp_contents .nav_wrap ul li:nth-child(n-2){
  margin-bottom: calc(20 *(100vw / 430));
}

#lp_contents .nav_wrap ul li:nth-child(n+3){
  margin-top: calc(20 *(100vw / 430));
}

#lp_contents .nav_wrap ul li:before{
  content: none;
}

#lp_contents .nav_wrap ul li:nth-child(odd):before{
  content: '';
  width: 1px;
  height: 100%;
  background-image: url(../img/line_y.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: calc(-20 *(100vw / 430));
  top: 0;
}

#lp_contents .nav_wrap ul li:nth-child(n+3):after{
  content: '';
  width: 100%;
  height: 1px;
  background-image: url(../img/line_x.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  top: calc(-20 *(100vw / 430));
}

#lp_contents .nav_wrap ul li span{
  font-size: calc(22 *(100vw / 430));
  margin-bottom: calc(10 *(100vw / 430));
}


/*------------ sec_mv ------------*/

#lp_contents .sec_mv{
  padding: calc(40 *(100vw / 430)) 0 calc(70 *(100vw / 430));
}

#lp_contents .sec_mv::before{
  height: calc(550 *(100vw / 430));
}

#lp_contents .sec_mv .mv_wrap{
  margin: 0 auto calc(30 *(100vw / 430));
  flex-wrap: wrap;
  gap: calc(30 *(100vw / 430));
}

#lp_contents .sec_mv .img_blk{
  width: calc(380 *(100vw / 430));
  padding: 0 calc(10 *(100vw / 430)) calc(10 *(100vw / 430)) 0;
}

#lp_contents .sec_mv .img_blk::before{
  background-image: url(../img/mv.jpg);
  width: calc(380 *(100vw / 430));
  height: calc(380 *(100vw / 430));
}

#lp_contents .sec_mv h1{
  font-size: calc(42 *(100vw / 430));
}

#lp_contents .sec_mv h1 span{
  font-size: calc(18 *(100vw / 430));
  margin-bottom: calc(10 *(100vw / 430));
}

#lp_contents .sec_mv .lead{
  font-size: calc(15 *(100vw / 430));
  margin: 0 auto calc(60 *(100vw / 430));
}

#lp_contents .sec_mv ul li a{
  padding-bottom: calc(25 *(100vw / 430));
}

#lp_contents .sec_mv ul li a::after{
  width: calc(8 *(100vw / 430));
  height: calc(10 *(100vw / 430));
}

#lp_contents .sec_mv ul li:hover::after{
  bottom: calc(-10 *(100vw / 430));
}


/*------------ sec_item ------------*/

#lp_contents .sec_item{
  padding: calc(60 *(100vw / 430)) 0;
}


/*lineup_wrap*/

#lp_contents .sec_item .lineup_wrap{
  gap: calc(50 *(100vw / 430));
  width: 100%;
  justify-content: center;
}

#lp_contents .sec_item .lineup_blk,
#lp_contents .sec_item .slider_blk{
  width: 100%;
}

#lp_contents .sec_item .slider_blk h3{
  position: relative;
}

#lp_contents .sec_item .lineup_blk:last-child h3 sub{
  right: calc(-8 *(100vw / 430));
}

#lp_contents .sec_item .item_blk.item_slider,
#lp_contents .sec_item .item_blk.item_slider_sp{
  display: block;
  margin-left: 0;
  width: 100vw;
}

#lp_contents .sec_item .item_blk li{
  position: relative;
  width: calc(270 *(100vw / 430));
  padding: calc(20 *(100vw / 430)) calc(20 *(100vw / 430)) calc(30 *(100vw / 430));
  margin-right: calc(10 *(100vw / 430));
}

#lp_contents .sec_item .item_blk.item_slider li{
  padding: calc(15 *(100vw / 430)) calc(15 *(100vw / 430)) calc(40 *(100vw / 430));
}

#lp_contents .sec_item .icon{
  width: calc(72 *(100vw / 430));
  height: calc(72 *(100vw / 430));
  font-size: calc(12 *(100vw / 430));
  top: calc(-10 *(100vw / 430));
  left: calc(-10 *(100vw / 430));
}

#lp_contents .sec_item .item_blk .brand_name{
  margin-top: calc(20 *(100vw / 430));
  font-size: calc(18 *(100vw / 430));
}

#lp_contents .sec_item .item_name{
  font-size: calc(14 *(100vw / 430));
  margin-top: calc(10 *(100vw / 430));
}

#lp_contents .sec_item .item_price{
  font-size: calc(14 *(100vw / 430));
}

#lp_contents .sec_item .item_price .tax{
  font-size: calc(10 *(100vw / 430));
  margin: 0 0 0 calc(5 *(100vw / 430));
}

#lp_contents .sec_item .tag{
  min-width: calc(56 *(100vw / 430));
  height: calc(20 *(100vw / 430));
  padding: 0 calc(15 *(100vw / 430));
  margin: calc(8 *(100vw / 430)) auto calc(20 *(100vw / 430));
  font-size: calc(11 *(100vw / 430));
  line-height: calc(20 *(100vw / 430));
}

#lp_contents .sec_item .item_blk .item_lead{
  font-size: calc(14 *(100vw / 430));
  margin: 0 auto calc(10 *(100vw / 430));
}


/*item_wrap*/

#lp_contents .item_wrap{
  width: calc(390 *(100vw / 430));
  margin: calc(-100 *(100vw / 430)) auto 0;
  padding-top: calc(100 *(100vw / 430));
}

#lp_contents .item_wrap:not(:last-child){
  padding-bottom: calc(50 *(100vw / 430));
  margin-bottom: calc(50 *(100vw / 430));
}

#lp_contents .item_wrap_inner{
  flex-wrap: wrap;
  gap: calc(36 *(100vw / 430));
}

#lp_contents .item_wrap_inner .text_blk{
  width: 100%;
}


/*------------ sec_cv ------------*/

#lp_contents .sec_cv{
  padding: calc(70 *(100vw / 430)) 0;
}

#lp_contents .sec_cv .text_blk{
  margin: calc(50 *(100vw / 430)) auto 0;
}

#lp_contents .sec_cv .text_blk p{
  font-size: calc(16 *(100vw / 430));
}

#lp_contents .sec_cv .text_1 span{
  margin: 0 calc(5 *(100vw / 430)) calc(20 *(100vw / 430));
  padding-bottom: calc(4 *(100vw / 430));
}

#lp_contents .sec_cv p.price_text{
  font-size: calc(36 *(100vw / 430));
  margin: calc(15 *(100vw / 430)) auto 0;
}

#lp_contents .sec_cv .price_text .off{
  width: calc(110 *(100vw / 430));
  height: calc(40 *(100vw / 430));
  margin: 0 calc(12 *(100vw / 430));
  font-size: calc(27 *(100vw / 430));
}

#lp_contents .sec_cv .price_text .off span{
  margin-top: calc(7 *(100vw / 430));
}

#lp_contents .sec_cv .price_text span:not(.off){
  font-size: calc(16 *(100vw / 430));
  margin-left: calc(4 *(100vw / 430));
}

#lp_contents .sec_cv .btn_blk{
  width: calc(300 *(100vw / 430));
  height: calc(60 *(100vw / 430));
  font-size: calc(16 *(100vw / 430));
  margin: calc(25 *(100vw / 430)) auto 0;
}


/*movie_wrap*/

#lp_contents .movie_wrap{
  width: calc(390 *(100vw / 430));
  padding: calc(10 *(100vw / 430));
  margin: 0 auto calc(70 *(100vw / 430));
}

}